fix: When var value changed, PromptEditor should be reset (#22219)

web/app/components/workflow/nodes/if-else/components/condition-list/condition-item.tsx

@@ -25,6 +25,7 @@ import { FILE_TYPE_OPTIONS, SUB_VARIABLES, TRANSFER_METHOD } from '../../../cons
 import ConditionWrap from '../condition-wrap'
 import ConditionOperator from './condition-operator'
 import ConditionInput from './condition-input'
+import { useWorkflowStore } from '@/app/components/workflow/store'
 
 import ConditionVarSelector from './condition-var-selector'
 import type {
@@ -88,6 +89,11 @@ const ConditionItem = ({
   const [isHovered, setIsHovered] = useState(false)
   const [open, setOpen] = useState(false)
 
+  const workflowStore = useWorkflowStore()
+  const {
+    setControlPromptEditorRerenderKey,
+  } = workflowStore.getState()
+
   const doUpdateCondition = useCallback((newCondition: Condition) => {
     if (isSubVariableKey)
       onUpdateSubVariableCondition?.(caseId, conditionId, condition.id, newCondition)
@@ -208,10 +214,11 @@ const ConditionItem = ({
       draft.varType = resolvedVarType
       draft.value = ''
       draft.comparison_operator = getOperators(resolvedVarType)[0]
+      setTimeout(() => setControlPromptEditorRerenderKey(Date.now()))
     })
     doUpdateCondition(newCondition)
     setOpen(false)
-  }, [condition, doUpdateCondition, availableNodes, isChatMode])
+  }, [condition, doUpdateCondition, availableNodes, isChatMode, setControlPromptEditorRerenderKey])
 
   return (
     <div className={cn('mb-1 flex last-of-type:mb-0', className)}>