Merge pull request #553 from zxrys/feature/fix-frontend-lag-issue

perf: frontend lag issue

Author: NA-Wen

frontend/src/components/FormGenerator.vue

@@ -297,15 +297,19 @@ const setBaseYamlFromSource = (source) => {
   }
   try {
     let parsed = source
+    let yamlString = ''
     if (typeof source === 'string') {
+      yamlString = source
       parsed = yaml.load(source) || {}
     } else if (typeof source === 'object') {
       parsed = JSON.parse(JSON.stringify(source))
     } else {
       parsed = {}
     }
     baseYamlObject.value = parsed
-    baseYamlString.value = yaml.dump(parsed ?? null, yamlDumpOptions)
+    // Avoid expensive dump on modal open for object sources.
+    // Save path will generate YAML from current object when needed.
+    baseYamlString.value = yamlString
   } catch (error) {
     console.error('Failed to set base YAML from provided source:', error)
     baseYamlObject.value = null
@@ -1046,7 +1050,7 @@ watch(() => props.initialYaml, (newValue) => {
     baseYamlObject.value = null
     baseYamlString.value = ''
   }
-}, { immediate: true, deep: true })
+}, { immediate: true })
 
 watch(() => props.workflowName, async (newName, oldName) => {
   if (!newName) {