From a41fef49d0fab7b736f6aecbc9f1050a87458b9d Mon Sep 17 00:00:00 2001
From: euvre <93761161+euvre@users.noreply.github.com>
Date: Wed, 8 Jul 2026 20:11:55 +0800
Subject: [PATCH] fix(web): hide folder tab in agent JSON import uploader
 (#16754)

---
 web/src/components/file-uploader.tsx          | 49 ++++++++++++-------
 .../upload-agent-dialog/upload-agent-form.tsx |  1 +
 2 files changed, 32 insertions(+), 18 deletions(-)

diff --git a/web/src/components/file-uploader.tsx b/web/src/components/file-uploader.tsx
index 0f6318e25..2cf3bcfc6 100644
--- a/web/src/components/file-uploader.tsx
+++ b/web/src/components/file-uploader.tsx
@@ -158,6 +158,14 @@ interface FileUploaderProps extends Omit<
 
   hideDropzoneOnMaxFileCount?: boolean;
 
+  /**
+   * Whether the folder tab should be shown in the uploader.
+   * @type boolean
+   * @default true
+   * @example showFolderTab={false}
+   */
+  showFolderTab?: boolean;
+
   /**
    * Whether the uploader should accept multiple files.
    * @type boolean
@@ -192,6 +200,7 @@ export function FileUploader(props: FileUploaderProps) {
     multiple = false,
     disabled = false,
     hideDropzoneOnMaxFileCount = false,
+    showFolderTab = true,
     className,
     title,
     description,
@@ -387,28 +396,32 @@ export function FileUploader(props: FileUploaderProps) {
               <FileText className="size-4" />
               {t('fileManager.files', 'Files')}
             </TabsTrigger>
-            <TabsTrigger value="folder" className="gap-2">
-              <FolderUp className="size-4" />
-              {t('fileManager.folder', 'Folder')}
-            </TabsTrigger>
+            {showFolderTab && (
+              <TabsTrigger value="folder" className="gap-2">
+                <FolderUp className="size-4" />
+                {t('fileManager.folder', 'Folder')}
+              </TabsTrigger>
+            )}
           </TabsList>
           <TabsContent value="file" className="mt-1">
             {renderDropzone(false)}
           </TabsContent>
-          <TabsContent value="folder" className="mt-1">
-            {renderDropzone(true)}
-            <input
-              ref={folderInputRef}
-              type="file"
-              className="hidden"
-              multiple
-              onChange={handleFolderSelect}
-              {...{
-                webkitdirectory: '',
-                directory: '',
-              }}
-            />
-          </TabsContent>
+          {showFolderTab && (
+            <TabsContent value="folder" className="mt-1">
+              {renderDropzone(true)}
+              <input
+                ref={folderInputRef}
+                type="file"
+                className="hidden"
+                multiple
+                onChange={handleFolderSelect}
+                {...{
+                  webkitdirectory: '',
+                  directory: '',
+                }}
+              />
+            </TabsContent>
+          )}
         </Tabs>
       )}
 
diff --git a/web/src/pages/agents/upload-agent-dialog/upload-agent-form.tsx b/web/src/pages/agents/upload-agent-dialog/upload-agent-form.tsx
index 48a54616d..ebbbe0c76 100644
--- a/web/src/pages/agents/upload-agent-dialog/upload-agent-form.tsx
+++ b/web/src/pages/agents/upload-agent-dialog/upload-agent-form.tsx
@@ -58,6 +58,7 @@ export function UploadAgentForm({ hideModal, onOk }: IModalProps<any>) {
                   value={field.value}
                   onValueChange={field.onChange}
                   maxFileCount={1}
+                  showFolderTab={false}
                   accept={{ '*.json': [FileMimeType.Json] }}
                 />
               </FormControl>