From e66cfe13722b07681977a014e8a8c3d2b28e90b0 Mon Sep 17 00:00:00 2001
From: chanx <1243304602@qq.com>
Date: Fri, 31 Jul 2026 13:20:40 +0800
Subject: [PATCH] fix(dataset): apply horizontal layout to auto-keywords and
 auto-questions form fields (#17608)

---
 web/src/components/children-delimiter-form.tsx           | 2 +-
 web/src/components/chunk-method-dialog/index.tsx         | 9 +++++++--
 web/src/components/delimiter-form-field.tsx              | 2 +-
 .../dataset/dataset-setting/configuration/audio.tsx      | 9 +++++++--
 .../pages/dataset/dataset-setting/configuration/book.tsx | 9 +++++++--
 .../dataset/dataset-setting/configuration/email.tsx      | 9 +++++++--
 .../pages/dataset/dataset-setting/configuration/laws.tsx | 9 +++++++--
 .../dataset/dataset-setting/configuration/manual.tsx     | 9 +++++++--
 .../dataset/dataset-setting/configuration/naive.tsx      | 9 +++++++--
 .../pages/dataset/dataset-setting/configuration/one.tsx  | 9 +++++++--
 .../dataset/dataset-setting/configuration/paper.tsx      | 9 +++++++--
 .../dataset/dataset-setting/configuration/picture.tsx    | 9 +++++++--
 .../dataset-setting/configuration/presentation.tsx       | 9 +++++++--
 web/src/pages/dataset/dataset-setting/general-form.tsx   | 3 +--
 14 files changed, 80 insertions(+), 26 deletions(-)

diff --git a/web/src/components/children-delimiter-form.tsx b/web/src/components/children-delimiter-form.tsx
index ba7ebbb279..9ba76e1001 100644
--- a/web/src/components/children-delimiter-form.tsx
+++ b/web/src/components/children-delimiter-form.tsx
@@ -94,7 +94,7 @@ export function ChildrenDelimiterForm() {
           name="parser_config.children_delimiter"
           render={({ field }) => (
             <FormItem className="items-center space-y-0 ">
-              <div className="flex items-center gap-1">
+              <div className="flex items-center gap-1 pr-[1px]">
                 <FormLabel
                   required
                   tooltip={t('knowledgeDetails.childrenDelimiterTip')}
diff --git a/web/src/components/chunk-method-dialog/index.tsx b/web/src/components/chunk-method-dialog/index.tsx
index 77d987493b..258c122313 100644
--- a/web/src/components/chunk-method-dialog/index.tsx
+++ b/web/src/components/chunk-method-dialog/index.tsx
@@ -52,6 +52,7 @@ import {
   useDefaultParserValues,
   useFillDefaultValueOnMount,
 } from './use-default-parser-values';
+import { FormLayout } from '@/constants/form';
 
 const FormId = 'ChunkMethodDialogForm';
 
@@ -380,8 +381,12 @@ export function ChunkMethodDialog({
                         type={MetadataType.SingleFileSetting}
                         otherData={{ documentId }}
                       />
-                      <AutoKeywordsFormField></AutoKeywordsFormField>
-                      <AutoQuestionsFormField></AutoQuestionsFormField>
+                      <AutoKeywordsFormField
+                        layout={FormLayout.Horizontal}
+                      ></AutoKeywordsFormField>
+                      <AutoQuestionsFormField
+                        layout={FormLayout.Horizontal}
+                      ></AutoQuestionsFormField>
                     </>
                   )}
 
diff --git a/web/src/components/delimiter-form-field.tsx b/web/src/components/delimiter-form-field.tsx
index eb22104328..7fe6df8938 100644
--- a/web/src/components/delimiter-form-field.tsx
+++ b/web/src/components/delimiter-form-field.tsx
@@ -63,7 +63,7 @@ export function DelimiterFormField() {
         }
         return (
           <FormItem className=" items-center space-y-0 ">
-            <div className="flex items-start gap-1">
+            <div className="flex items-start gap-1 pr-[1px]">
               <FormLabel
                 required
                 tooltip={t('knowledgeDetails.delimiterTip')}
diff --git a/web/src/pages/dataset/dataset-setting/configuration/audio.tsx b/web/src/pages/dataset/dataset-setting/configuration/audio.tsx
index 19a58e4771..ae4289f2b8 100644
--- a/web/src/pages/dataset/dataset-setting/configuration/audio.tsx
+++ b/web/src/pages/dataset/dataset-setting/configuration/audio.tsx
@@ -4,14 +4,19 @@ import {
 } from '@/components/auto-keywords-form-field';
 import { ConfigurationFormContainer } from '../configuration-form-container';
 import { AutoMetadata } from './common-item';
+import { FormLayout } from '@/constants/form';
 
 export function AudioConfiguration() {
   return (
     <ConfigurationFormContainer>
       <>
         <AutoMetadata />
-        <AutoKeywordsFormField></AutoKeywordsFormField>
-        <AutoQuestionsFormField></AutoQuestionsFormField>
+        <AutoKeywordsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoKeywordsFormField>
+        <AutoQuestionsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoQuestionsFormField>
       </>
 
       {/* <TagItems></TagItems> */}
diff --git a/web/src/pages/dataset/dataset-setting/configuration/book.tsx b/web/src/pages/dataset/dataset-setting/configuration/book.tsx
index c2ad70e8c8..8830862dfb 100644
--- a/web/src/pages/dataset/dataset-setting/configuration/book.tsx
+++ b/web/src/pages/dataset/dataset-setting/configuration/book.tsx
@@ -9,6 +9,7 @@ import {
 } from '../configuration-form-container';
 import { useKnowledgeBaseContext } from '../../contexts/knowledge-base-context';
 import { AutoMetadata } from './common-item';
+import { FormLayout } from '@/constants/form';
 
 export function BookConfiguration() {
   const ownerTenantId = useKnowledgeBaseContext().knowledgeBase?.tenant_id;
@@ -22,8 +23,12 @@ export function BookConfiguration() {
 
       <ConfigurationFormContainer>
         <AutoMetadata />
-        <AutoKeywordsFormField></AutoKeywordsFormField>
-        <AutoQuestionsFormField></AutoQuestionsFormField>
+        <AutoKeywordsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoKeywordsFormField>
+        <AutoQuestionsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoQuestionsFormField>
       </ConfigurationFormContainer>
       {/* <ConfigurationFormContainer>
         <TagItems></TagItems>
diff --git a/web/src/pages/dataset/dataset-setting/configuration/email.tsx b/web/src/pages/dataset/dataset-setting/configuration/email.tsx
index 2ed09bdb1e..cd137d99be 100644
--- a/web/src/pages/dataset/dataset-setting/configuration/email.tsx
+++ b/web/src/pages/dataset/dataset-setting/configuration/email.tsx
@@ -4,14 +4,19 @@ import {
 } from '@/components/auto-keywords-form-field';
 import { ConfigurationFormContainer } from '../configuration-form-container';
 import { AutoMetadata } from './common-item';
+import { FormLayout } from '@/constants/form';
 
 export function EmailConfiguration() {
   return (
     <ConfigurationFormContainer>
       <>
         <AutoMetadata />
-        <AutoKeywordsFormField></AutoKeywordsFormField>
-        <AutoQuestionsFormField></AutoQuestionsFormField>
+        <AutoKeywordsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoKeywordsFormField>
+        <AutoQuestionsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoQuestionsFormField>
       </>
       {/* <TagItems></TagItems> */}
     </ConfigurationFormContainer>
diff --git a/web/src/pages/dataset/dataset-setting/configuration/laws.tsx b/web/src/pages/dataset/dataset-setting/configuration/laws.tsx
index 00e7b1e13e..949274f16d 100644
--- a/web/src/pages/dataset/dataset-setting/configuration/laws.tsx
+++ b/web/src/pages/dataset/dataset-setting/configuration/laws.tsx
@@ -9,6 +9,7 @@ import {
 } from '../configuration-form-container';
 import { useKnowledgeBaseContext } from '../../contexts/knowledge-base-context';
 import { AutoMetadata } from './common-item';
+import { FormLayout } from '@/constants/form';
 
 export function LawsConfiguration() {
   const ownerTenantId = useKnowledgeBaseContext().knowledgeBase?.tenant_id;
@@ -22,8 +23,12 @@ export function LawsConfiguration() {
 
       <ConfigurationFormContainer>
         <AutoMetadata />
-        <AutoKeywordsFormField></AutoKeywordsFormField>
-        <AutoQuestionsFormField></AutoQuestionsFormField>
+        <AutoKeywordsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoKeywordsFormField>
+        <AutoQuestionsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoQuestionsFormField>
       </ConfigurationFormContainer>
 
       {/* <ConfigurationFormContainer>
diff --git a/web/src/pages/dataset/dataset-setting/configuration/manual.tsx b/web/src/pages/dataset/dataset-setting/configuration/manual.tsx
index 3435a0fec1..3883000416 100644
--- a/web/src/pages/dataset/dataset-setting/configuration/manual.tsx
+++ b/web/src/pages/dataset/dataset-setting/configuration/manual.tsx
@@ -9,6 +9,7 @@ import {
 } from '../configuration-form-container';
 import { useKnowledgeBaseContext } from '../../contexts/knowledge-base-context';
 import { AutoMetadata } from './common-item';
+import { FormLayout } from '@/constants/form';
 
 export function ManualConfiguration() {
   const ownerTenantId = useKnowledgeBaseContext().knowledgeBase?.tenant_id;
@@ -22,8 +23,12 @@ export function ManualConfiguration() {
 
       <ConfigurationFormContainer>
         <AutoMetadata />
-        <AutoKeywordsFormField></AutoKeywordsFormField>
-        <AutoQuestionsFormField></AutoQuestionsFormField>
+        <AutoKeywordsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoKeywordsFormField>
+        <AutoQuestionsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoQuestionsFormField>
       </ConfigurationFormContainer>
 
       {/* <TagItems></TagItems> */}
diff --git a/web/src/pages/dataset/dataset-setting/configuration/naive.tsx b/web/src/pages/dataset/dataset-setting/configuration/naive.tsx
index 9d2bedae51..ce45d8af8a 100644
--- a/web/src/pages/dataset/dataset-setting/configuration/naive.tsx
+++ b/web/src/pages/dataset/dataset-setting/configuration/naive.tsx
@@ -18,6 +18,7 @@ import {
   ImageContextWindow,
   OverlappedPercent,
 } from './common-item';
+import { FormLayout } from '@/constants/form';
 
 export function NaiveConfiguration() {
   const ownerTenantId = useKnowledgeBaseContext().knowledgeBase?.tenant_id;
@@ -41,8 +42,12 @@ export function NaiveConfiguration() {
         <OverlappedPercent />
       </ConfigurationFormContainer>
       <ConfigurationFormContainer>
-        <AutoKeywordsFormField></AutoKeywordsFormField>
-        <AutoQuestionsFormField></AutoQuestionsFormField>
+        <AutoKeywordsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoKeywordsFormField>
+        <AutoQuestionsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoQuestionsFormField>
         <ExcelToHtmlFormField></ExcelToHtmlFormField>
         {/* <TagItems></TagItems> */}
       </ConfigurationFormContainer>
diff --git a/web/src/pages/dataset/dataset-setting/configuration/one.tsx b/web/src/pages/dataset/dataset-setting/configuration/one.tsx
index 3d97dd5206..584c9d29cc 100644
--- a/web/src/pages/dataset/dataset-setting/configuration/one.tsx
+++ b/web/src/pages/dataset/dataset-setting/configuration/one.tsx
@@ -6,6 +6,7 @@ import { LayoutRecognizeFormField } from '@/components/layout-recognize-form-fie
 import { ConfigurationFormContainer } from '../configuration-form-container';
 import { useKnowledgeBaseContext } from '../../contexts/knowledge-base-context';
 import { AutoMetadata } from './common-item';
+import { FormLayout } from '@/constants/form';
 
 export function OneConfiguration() {
   const ownerTenantId = useKnowledgeBaseContext().knowledgeBase?.tenant_id;
@@ -16,8 +17,12 @@ export function OneConfiguration() {
       ></LayoutRecognizeFormField>
       <>
         <AutoMetadata />
-        <AutoKeywordsFormField></AutoKeywordsFormField>
-        <AutoQuestionsFormField></AutoQuestionsFormField>
+        <AutoKeywordsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoKeywordsFormField>
+        <AutoQuestionsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoQuestionsFormField>
       </>
 
       {/* <TagItems></TagItems> */}
diff --git a/web/src/pages/dataset/dataset-setting/configuration/paper.tsx b/web/src/pages/dataset/dataset-setting/configuration/paper.tsx
index c3e67ef618..a8c11b77ba 100644
--- a/web/src/pages/dataset/dataset-setting/configuration/paper.tsx
+++ b/web/src/pages/dataset/dataset-setting/configuration/paper.tsx
@@ -9,6 +9,7 @@ import {
 } from '../configuration-form-container';
 import { useKnowledgeBaseContext } from '../../contexts/knowledge-base-context';
 import { AutoMetadata } from './common-item';
+import { FormLayout } from '@/constants/form';
 
 export function PaperConfiguration() {
   const ownerTenantId = useKnowledgeBaseContext().knowledgeBase?.tenant_id;
@@ -22,8 +23,12 @@ export function PaperConfiguration() {
 
       <ConfigurationFormContainer>
         <AutoMetadata />
-        <AutoKeywordsFormField></AutoKeywordsFormField>
-        <AutoQuestionsFormField></AutoQuestionsFormField>
+        <AutoKeywordsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoKeywordsFormField>
+        <AutoQuestionsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoQuestionsFormField>
       </ConfigurationFormContainer>
       {/* <ConfigurationFormContainer>
         <TagItems></TagItems>
diff --git a/web/src/pages/dataset/dataset-setting/configuration/picture.tsx b/web/src/pages/dataset/dataset-setting/configuration/picture.tsx
index 22419687d0..b74529ca44 100644
--- a/web/src/pages/dataset/dataset-setting/configuration/picture.tsx
+++ b/web/src/pages/dataset/dataset-setting/configuration/picture.tsx
@@ -4,14 +4,19 @@ import {
 } from '@/components/auto-keywords-form-field';
 import { ConfigurationFormContainer } from '../configuration-form-container';
 import { AutoMetadata } from './common-item';
+import { FormLayout } from '@/constants/form';
 
 export function PictureConfiguration() {
   return (
     <ConfigurationFormContainer>
       <>
         <AutoMetadata />
-        <AutoKeywordsFormField></AutoKeywordsFormField>
-        <AutoQuestionsFormField></AutoQuestionsFormField>
+        <AutoKeywordsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoKeywordsFormField>
+        <AutoQuestionsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoQuestionsFormField>
       </>
       {/* <TagItems></TagItems> */}
     </ConfigurationFormContainer>
diff --git a/web/src/pages/dataset/dataset-setting/configuration/presentation.tsx b/web/src/pages/dataset/dataset-setting/configuration/presentation.tsx
index b8598f7013..f9e82236a9 100644
--- a/web/src/pages/dataset/dataset-setting/configuration/presentation.tsx
+++ b/web/src/pages/dataset/dataset-setting/configuration/presentation.tsx
@@ -9,6 +9,7 @@ import {
 } from '../configuration-form-container';
 import { useKnowledgeBaseContext } from '../../contexts/knowledge-base-context';
 import { AutoMetadata } from './common-item';
+import { FormLayout } from '@/constants/form';
 
 export function PresentationConfiguration() {
   const ownerTenantId = useKnowledgeBaseContext().knowledgeBase?.tenant_id;
@@ -22,8 +23,12 @@ export function PresentationConfiguration() {
 
       <ConfigurationFormContainer>
         <AutoMetadata />
-        <AutoKeywordsFormField></AutoKeywordsFormField>
-        <AutoQuestionsFormField></AutoQuestionsFormField>
+        <AutoKeywordsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoKeywordsFormField>
+        <AutoQuestionsFormField
+          layout={FormLayout.Horizontal}
+        ></AutoQuestionsFormField>
       </ConfigurationFormContainer>
 
       {/* <ConfigurationFormContainer>
diff --git a/web/src/pages/dataset/dataset-setting/general-form.tsx b/web/src/pages/dataset/dataset-setting/general-form.tsx
index b2ecc02d3c..6fc61df119 100644
--- a/web/src/pages/dataset/dataset-setting/general-form.tsx
+++ b/web/src/pages/dataset/dataset-setting/general-form.tsx
@@ -38,8 +38,7 @@ export function GeneralForm() {
         render={({ field }) => (
           <FormItem className="items-center space-y-0">
             <div className="flex">
-              <FormLabel className="text-sm whitespace-nowrap w-1/4">
-                <span className="text-red-600">*</span>
+              <FormLabel className="text-sm whitespace-nowrap w-1/4" required>
                 {t('common.name')}
               </FormLabel>
               <FormControl className="w-3/4">