fix: Add error handling in VariableCreateUpdateForm and wrap text in ItemValue

src/components/Apps/VariableCreateUpdateForm/index.vue

@@ -55,6 +55,7 @@ export default {
           rules: [
             {
               validator: (rule, value, callback) => {
+                try {
                   const lines = value.split('\n')
                   const regex = /^[^:]+:[^:]+$/
                   for (const line of lines) {
@@ -62,6 +63,9 @@ export default {
                       callback(new Error(this.$t('ExtraArgsFormatError')))
                     }
                   }
+                } catch (e) {
+                  callback(new Error(this.$t('ExtraArgsFormatError')))
+                }
                 callback()
               }
             }

src/components/Cards/DetailCard/ItemValue.vue

@@ -92,7 +92,7 @@ export default {
       )
     }
     return (
-      <span title={this.displayValue}>{this.displayValue}</span>
+      <span style='white-space: pre-wrap;' title={this.displayValue}>{this.displayValue}</span>
     )
   }
 }