fix: keep popover in sync with inline params visibility changes

Author: zhanweizhang7

ui/src/components/ai-chat/index.vue

@@ -47,7 +47,12 @@
     </div>
     <el-popover
       v-if="!firsUserInput && !isNarrow"
-      v-model:visible="showUserInput"
+      :visible="showUserInput"
+      @update:visible="
+        (v: boolean) => {
+          if (v) showUserInput = true
+        }
+      "
       :virtual-ref="triggerEl"
       virtual-triggering
       trigger="manual"

ui/src/components/dynamics-form/index.vue

@@ -141,6 +141,17 @@ watch(
   },
   { deep: true },
 )
+
+watch(
+  () => props.modelValue,
+  (val) => {
+    if (!val) return
+    if (_.isEqual(val, formValue.value)) return
+    formValue.value = _.cloneDeep(val)
+  },
+  { deep: true },
+)
+
 function renderTemplate(template: string, data: any) {
   return template.replace(/\$\{(\w+)\}/g, (match, key) => {
     return data[key] !== undefined ? data[key] : match