From a897aedea9000566d1a9acb251ee5b15c7cf2a5a Mon Sep 17 00:00:00 2001
From: balibabu <cike8899@users.noreply.github.com>
Date: Mon, 2 Mar 2026 12:05:27 +0800
Subject: [PATCH] Feat: Modify the form styles for retrieval and conditional
 operators. (#13299)

### What problem does this PR solve?

Feat: Modify the form styles for retrieval and conditional operators.

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
---
 web/src/pages/agent/form/retrieval-form/next.tsx | 5 ++---
 web/src/pages/agent/form/switch-form/index.tsx   | 6 +++---
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/web/src/pages/agent/form/retrieval-form/next.tsx b/web/src/pages/agent/form/retrieval-form/next.tsx
index 345efe43ab..4776e3af8f 100644
--- a/web/src/pages/agent/form/retrieval-form/next.tsx
+++ b/web/src/pages/agent/form/retrieval-form/next.tsx
@@ -1,6 +1,5 @@
 import { Collapse } from '@/components/collapse';
 import { CrossLanguageFormField } from '@/components/cross-language-form-field';
-import { FormContainer } from '@/components/form-container';
 import { KnowledgeBaseFormField } from '@/components/knowledge-base-item';
 import { MemoriesFormField } from '@/components/memories-form-field';
 import {
@@ -163,7 +162,7 @@ function RetrievalForm({ node }: INextOperatorForm) {
         </RAGFlowFormItem>
         <MemoryDatasetForm></MemoryDatasetForm>
         <Collapse title={<div>{t('flow.advancedSettings')}</div>}>
-          <FormContainer>
+          <section className="space-y-5">
             <SimilaritySliderFormField
               vectorSimilarityWeightName="keywords_similarity_weight"
               isTooltipShown
@@ -183,7 +182,7 @@ function RetrievalForm({ node }: INextOperatorForm) {
                 <TOCEnhanceFormField name="toc_enhance"></TOCEnhanceFormField>
               </>
             )}
-          </FormContainer>
+          </section>
         </Collapse>
         <Output list={outputList}></Output>
       </FormWrapper>
diff --git a/web/src/pages/agent/form/switch-form/index.tsx b/web/src/pages/agent/form/switch-form/index.tsx
index 53f4995afc..f1e899e028 100644
--- a/web/src/pages/agent/form/switch-form/index.tsx
+++ b/web/src/pages/agent/form/switch-form/index.tsx
@@ -1,4 +1,3 @@
-import { FormContainer } from '@/components/form-container';
 import { BlockButton, Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import {
@@ -198,7 +197,7 @@ function SwitchForm({ node }: IOperatorForm) {
           const conditions: Array<any> = form.getValues(`${name}.${ItemKey}`);
           const conditionLength = conditions.length;
           return (
-            <FormContainer key={field.id} className="">
+            <section key={field.id} className="space-y-5">
               <div className="flex justify-between items-center">
                 <section>
                   <span>{index === 0 ? 'IF' : 'ELSEIF'}</span>
@@ -243,7 +242,8 @@ function SwitchForm({ node }: IOperatorForm) {
                   parentLength={fields.length}
                 ></ConditionCards>
               </section>
-            </FormContainer>
+              <Separator />
+            </section>
           );
         })}
         <BlockButton