From 377093b776da47996558fab201e7b1dec7ef061d Mon Sep 17 00:00:00 2001
From: twwu <twwu@dify.ai>
Date: Tue, 27 May 2025 18:19:10 +0800
Subject: [PATCH] fix: conditionally render FieldListContainer based on
 inputFields length

---
 .../input-field/field-list/index.tsx           | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/web/app/components/rag-pipeline/components/input-field/field-list/index.tsx b/web/app/components/rag-pipeline/components/input-field/field-list/index.tsx
index dd567818c8..81daf0b1ae 100644
--- a/web/app/components/rag-pipeline/components/input-field/field-list/index.tsx
+++ b/web/app/components/rag-pipeline/components/input-field/field-list/index.tsx
@@ -45,14 +45,16 @@ const FieldList = ({
           <RiAddLine className='h-4 w-4 text-text-tertiary' />
         </ActionButton>
       </div>
-      <FieldListContainer
-        className='flex flex-col gap-y-1 px-4 pb-2'
-        inputFields={inputFields}
-        onEditField={handleOpenInputFieldEditor}
-        onRemoveField={handleRemoveField}
-        onListSortChange={handleListSortChange}
-        readonly={readonly}
-      />
+      {inputFields.length > 0 && (
+        <FieldListContainer
+          className='flex flex-col gap-y-1 px-4 pb-2'
+          inputFields={inputFields}
+          onEditField={handleOpenInputFieldEditor}
+          onRemoveField={handleRemoveField}
+          onListSortChange={handleListSortChange}
+          readonly={readonly}
+        />
+      )}
       {showInputFieldEditor && (
         <InputFieldEditor
           show={showInputFieldEditor}