From 331c65fd1d75c5b1bb0248132cb04f22b1117e99 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Tue, 20 Jan 2026 15:34:54 +0800
Subject: [PATCH] fix: click file tab caused popup hide

---
 .../plugins/component-picker-block/index.tsx  | 46 +++++++++++--------
 .../_base/components/form-input-item.tsx      |  2 +-
 2 files changed, 28 insertions(+), 20 deletions(-)

diff --git a/web/app/components/base/prompt-editor/plugins/component-picker-block/index.tsx b/web/app/components/base/prompt-editor/plugins/component-picker-block/index.tsx
index a4dd8ce529..1609b80095 100644
--- a/web/app/components/base/prompt-editor/plugins/component-picker-block/index.tsx
+++ b/web/app/components/base/prompt-editor/plugins/component-picker-block/index.tsx
@@ -286,25 +286,33 @@ const ComponentPicker = ({
                 }}
                 ref={refs.setFloating}
               >
-                <SegmentedControl
-                  size="small"
-                  padding="with"
-                  activeState="accent"
+                <div
                   className="w-full"
-                  btnClassName="flex-1"
-                  options={[
-                    {
-                      value: 'variables',
-                      text: t('promptEditor.variable.outputToolDisabledItem.title', { ns: 'common' }),
-                    },
-                    {
-                      value: 'files',
-                      text: t('nodes.llm.files', { ns: 'workflow' }),
-                    },
-                  ]}
-                  value={activeTab}
-                  onChange={setActiveTab}
-                />
+                  onMouseDown={(e) => {
+                    e.preventDefault()
+                    e.stopPropagation()
+                  }}
+                >
+                  <SegmentedControl
+                    size="small"
+                    padding="with"
+                    activeState="accent"
+                    className="w-full"
+                    btnClassName="flex-1"
+                    options={[
+                      {
+                        value: 'variables',
+                        text: t('promptEditor.variable.outputToolDisabledItem.title', { ns: 'common' }),
+                      },
+                      {
+                        value: 'files',
+                        text: t('nodes.llm.files', { ns: 'workflow' }),
+                      },
+                    ]}
+                    value={activeTab}
+                    onChange={setActiveTab}
+                  />
+                </div>
                 <div className="mt-2">
                   {activeTab === 'variables' && (
                     <VarReferenceVars
@@ -439,7 +447,7 @@ const ComponentPicker = ({
         }
       </>
     )
-  }, [isAgentTrigger, isSupportSandbox, triggerString, allFlattenOptions.length, workflowVariableBlock?.show, workflowVariableBlock.showManageInputField, workflowVariableBlock.onManageInputField, floatingStyles, isPositioned, refs, agentNodes, handleSelectAgent, handleClose, useExternalSearch, queryString, workflowVariableOptions, isSupportFileVar, showAssembleVariables, handleSelectAssembleVariables, currentBlock?.generatorType, t, activeTab, handleSelectWorkflowVariable, handleSelectFileReference])
+  }, [isAgentTrigger, isSupportSandbox, triggerString, allFlattenOptions.length, workflowVariableBlock?.show, workflowVariableBlock?.showManageInputField, workflowVariableBlock?.onManageInputField, floatingStyles, isPositioned, refs, agentNodes, handleSelectAgent, handleClose, useExternalSearch, queryString, workflowVariableOptions, isSupportFileVar, showAssembleVariables, handleSelectAssembleVariables, currentBlock?.generatorType, t, activeTab, handleSelectWorkflowVariable, handleSelectFileReference])
 
   return (
     <LexicalTypeaheadMenuPlugin
diff --git a/web/app/components/workflow/nodes/_base/components/form-input-item.tsx b/web/app/components/workflow/nodes/_base/components/form-input-item.tsx
index a8c525a9b0..fe5c8bb613 100644
--- a/web/app/components/workflow/nodes/_base/components/form-input-item.tsx
+++ b/web/app/components/workflow/nodes/_base/components/form-input-item.tsx
@@ -457,7 +457,7 @@ const FormInputItem: FC<Props> = ({
           currentProvider={currentProvider}
           isFilterFileVar={isBoolean}
           toolNodeId={nodeId}
-          paramKey={variable}
+        // paramKey={variable}
         />
       )}
       {isNumber && isConstant && (