feat: add preserveExternalSelection prop to various components for improved selection handling

web/app/dashboard/ai-workflows/_components/node-config-panel.tsx

@@ -241,6 +241,7 @@ export function ConditionBranchConfigPanel({
               options={targetOptions}
               placeholder="选择目标节点"
               triggerClassName={inspectorComboboxClassName}
+              preserveExternalSelection
               onChange={(targetNodeId) => updateBranch({ ...branch, targetNodeId })}
             />
           </InspectorRow>
@@ -346,6 +347,7 @@ function ConditionBranchesEditor({
                   options={targetOptions}
                   placeholder="选择目标节点"
                   triggerClassName={inspectorComboboxClassName}
+                  preserveExternalSelection
                   onChange={(targetNodeId) => onChange({ ...branch, targetNodeId })}
                 />
               </div>
@@ -418,6 +420,7 @@ function ConditionFields({
             options={CONDITION_OPERATOR_OPTIONS}
             placeholder="选择操作符"
             triggerClassName={inspectorComboboxClassName}
+            preserveExternalSelection
             onChange={(operator) => onChange({
               ...branch,
               condition: { ...condition, operator },
@@ -435,6 +438,7 @@ function ConditionFields({
               }))}
               placeholder="选择取值"
               triggerClassName={inspectorComboboxClassName}
+              preserveExternalSelection
               onChange={(nextValue) => {
                 const selectedOption = valueOptions.find((option) => stringifyConditionRight(option.value) === nextValue)
                 onChange({

web/app/dashboard/ai-workflows/_components/variable-selector.tsx

@@ -33,6 +33,7 @@ export function VariableSelector({
       options={options}
       placeholder={placeholder}
       triggerClassName={triggerClassName}
+      preserveExternalSelection
       onChange={(next) => {
         const variable = variables.find((item) => `${item.nodeId}.${item.field}` === next)
         if (variable) {

web/components/option-combobox.tsx

@@ -35,6 +35,7 @@ type OptionComboboxProps = {
   emptyText?: string
   disabled?: boolean
   triggerClassName?: string
+  preserveExternalSelection?: boolean
   onChange: (value: string) => void
   renderOptionAction?: (option: ComboboxOption) => ReactNode
 }
@@ -47,6 +48,7 @@ export function OptionCombobox({
   emptyText,
   disabled = false,
   triggerClassName,
+  preserveExternalSelection = false,
   onChange,
   renderOptionAction,
 }: OptionComboboxProps) {
@@ -70,7 +72,11 @@ export function OptionCombobox({
         <span className="truncate">{selectedLabel}</span>
         <ChevronsUpDownIcon className="ml-2 size-4 shrink-0 opacity-50" />
       </PopoverTrigger>
-      <PopoverContent className="w-(--radix-popover-trigger-width) p-0" align="start">
+      <PopoverContent
+        className="w-(--radix-popover-trigger-width) p-0"
+        align="start"
+        data-workflow-preserve-selection={preserveExternalSelection ? true : undefined}
+      >
         <Command>
           <CommandInput placeholder={searchPlaceholder ?? t("common.searchKeyword")} />
           <CommandList>