feat(knowledge): add build mode support for configuration components

add build mode parameter to all configuration components to toggle between built-in and pipeline modes
export new common items and update chunk method form to handle build mode selection

src/pages/knowledge/components/ChunkMethodForm.tsx

@@ -1,10 +1,12 @@
-import React, { useMemo } from 'react';
+import React, { useMemo, useState, useEffect } from 'react';
 import { useFormContext, useWatch, type UseFormReturn } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import {
   Box,
   Typography,
   Button,
+  Card,
+  CardContent,
 } from '@mui/material';
 import { DOCUMENT_PARSER_TYPES, type DocumentParserType } from '@/constants/knowledge';
 import { type IParserConfig } from '@/interfaces/database/knowledge';
@@ -20,7 +22,12 @@ import {
   PresentationConfiguration,
   OneConfiguration,
   TagConfiguration,
+  ConfigurationFormContainer,
+  MainContainer,
 } from '../configuration';
+import { ChunkMethodItem } from '../configuration';
+import { PipelineSelectorItem } from '../configuration/common-items';
+import { RadioFormField } from '@/components/FormField';
 
 // 配置组件映射表
 const ConfigurationComponentMap = {
@@ -108,6 +115,16 @@ function ChunkMethodForm({
     name: 'parser_id',
   });
 
+  // 监听 pipeline_id，自动决定构建模式
+  const pipeline_id = useWatch({
+    control,
+    name: 'pipeline_id',
+  });
+  const [buildMode, setBuildMode] = useState<'buildIn' | 'pipeline'>(pipeline_id ? 'pipeline' : 'buildIn');
+  useEffect(() => {
+    setBuildMode(pipeline_id ? 'pipeline' : 'buildIn');
+  }, [pipeline_id]);
+
   // 根据parser_id动态选择配置组件
   const ConfigurationComponent = useMemo(() => {
     const parser = parser_id as DocumentParserType;
@@ -117,8 +134,31 @@ function ChunkMethodForm({
 
   return (
     <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
-      {/* 动态配置内容 */}
+      {/* 构建模式选择与联动 */}
-      <ConfigurationComponent />
+      <Card sx={{ p: 3 }}>
+        <CardContent>
+        <RadioFormField
+          name="build_mode"
+          label={t('knowledge.config.buildMode')}
+          defaultValue={buildMode}
+          options={[
+            { value: 'buildIn', label: 'Built-in' },
+            { value: 'pipeline', label: 'Pipeline' },
+          ]}
+          onChangeValue={(v) => setBuildMode(String(v) as 'buildIn' | 'pipeline')}
+        />
+
+        {/* 基于模式：内置显示切片方法，Pipeline 显示选择器 */}
+        {buildMode === 'buildIn' ? (
+          <ChunkMethodItem />
+        ) : (
+          <PipelineSelectorItem />
+        )}
+        </CardContent>
+      </Card>
+
+      {/* 动态配置内容：始终渲染，内部按 buildMode 控制基础配置显示 */}
+      <ConfigurationComponent buildMode={buildMode} />
 
       {/* 表单操作按钮 - 仅在有onSubmit回调时显示 */}
       {onSubmit && (

src/pages/knowledge/configuration/audio.tsx

@@ -19,7 +19,7 @@ import {
   KnowledgeGraphConfigItems,
 } from './common-items';
 
-export function AudioConfiguration() {
+export function AudioConfiguration({ buildMode = 'buildIn' }: { buildMode?: 'buildIn' | 'pipeline' }) {
   const { formState: { errors } } = useFormContext();
   const { t } = useTranslation();
 
@@ -27,6 +27,7 @@ export function AudioConfiguration() {
     <ConfigurationFormContainer>
       <MainContainer>
         {/* 第一部分：basicConfig 基础配置 */}
+        {buildMode === 'buildIn' && (
           <Accordion defaultExpanded>
             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
               <Typography variant="h6">{t('knowledge.config.basicConfig')}</Typography>
@@ -46,6 +47,7 @@ export function AudioConfiguration() {
               </Box>
             </AccordionDetails>
           </Accordion>
+        )}
 
         {/* 第二部分：RAPTOR策略 */}
         <Accordion>

src/pages/knowledge/configuration/book.tsx

@@ -12,13 +12,14 @@ import {
   KnowledgeGraphConfigItems
 } from './common-items';
 
-export function BookConfiguration() {
+export function BookConfiguration({ buildMode = 'buildIn' }: { buildMode?: 'buildIn' | 'pipeline' }) {
   const { t } = useTranslation();
 
   return (
     <ConfigurationFormContainer>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
         {/* 第一部分：基础配置 */}
+        {buildMode === 'buildIn' && (
           <Accordion defaultExpanded>
             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
               <Typography variant="h6">{t('knowledge.config.basicConfig')}</Typography>
@@ -36,6 +37,7 @@ export function BookConfiguration() {
               </Box>
             </AccordionDetails>
           </Accordion>
+        )}
 
         {/* 第二部分：RAPTOR策略 */}
         <Accordion>

src/pages/knowledge/configuration/email.tsx

@@ -9,13 +9,14 @@ import {
   KnowledgeGraphConfigItems
 } from './common-items';
 
-export function EmailConfiguration() {
+export function EmailConfiguration({ buildMode = 'buildIn' }: { buildMode?: 'buildIn' | 'pipeline' }) {
   const { t } = useTranslation();
 
   return (
     <ConfigurationFormContainer>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
         {/* 第一部分：基础配置 */}
+        {buildMode === 'buildIn' && (
           <Accordion defaultExpanded>
             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
               <Typography variant="h6">{t('knowledge.config.basicConfig')}</Typography>
@@ -27,6 +28,7 @@ export function EmailConfiguration() {
               </Box>
             </AccordionDetails>
           </Accordion>
+        )}
 
         {/* 第二部分：RAPTOR策略 */}
         <Accordion>

src/pages/knowledge/configuration/index.tsx

@@ -1,5 +1,5 @@
 // 配置组件统一导出
-export { ChunkMethodItem, EmbeddingModelItem } from './common-items';
+export { ChunkMethodItem, EmbeddingModelItem, PipelineSelectorItem, BasicConfigItems } from './common-items';
 export { ConfigurationFormContainer, MainContainer } from './configuration-form-container';
 
 // 所有解析器配置组件

src/pages/knowledge/configuration/knowledge-graph.tsx

@@ -29,7 +29,7 @@ import {
   CommunityReportItem,
 } from './common-items';
 
-export function KnowledgeGraphConfiguration() {
+export function KnowledgeGraphConfiguration({ buildMode = 'buildIn' }: { buildMode?: 'buildIn' | 'pipeline' }) {
   const { formState: { errors } } = useFormContext();
   const { t } = useTranslation();
 
@@ -37,6 +37,7 @@ export function KnowledgeGraphConfiguration() {
     <ConfigurationFormContainer>
       <MainContainer>
         {/* 第一部分：basicConfig 基础配置 */}
+        {buildMode === 'buildIn' && (
           <Accordion defaultExpanded>
             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
               <Typography variant="h6">{t('knowledge.config.basicConfig')}</Typography>
@@ -58,6 +59,7 @@ export function KnowledgeGraphConfiguration() {
               </Box>
             </AccordionDetails>
           </Accordion>
+        )}
 
         {/* 第二部分：RAPTOR策略 */}
         <Accordion>

src/pages/knowledge/configuration/laws.tsx

@@ -9,13 +9,14 @@ import {
   KnowledgeGraphConfigItems
 } from './common-items';
 
-export function LawsConfiguration() {
+export function LawsConfiguration({ buildMode = 'buildIn' }: { buildMode?: 'buildIn' | 'pipeline' }) {
   const { t } = useTranslation();
 
   return (
     <ConfigurationFormContainer>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
         {/* 第一部分：基础配置 */}
+        {buildMode === 'buildIn' && (
           <Accordion defaultExpanded>
             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
               <Typography variant="h6">{t('knowledge.config.basicConfig')}</Typography>
@@ -27,6 +28,7 @@ export function LawsConfiguration() {
               </Box>
             </AccordionDetails>
           </Accordion>
+        )}
 
         {/* 第二部分：RAPTOR策略 */}
         <Accordion>

src/pages/knowledge/configuration/manual.tsx

@@ -34,7 +34,7 @@ import {
   KnowledgeGraphConfigItems,
 } from './common-items';
 
-export function ManualConfiguration() {
+export function ManualConfiguration({ buildMode = 'buildIn' }: { buildMode?: 'buildIn' | 'pipeline' }) {
   const { formState: { errors } } = useFormContext();
   const { t } = useTranslation();
 
@@ -42,6 +42,7 @@ export function ManualConfiguration() {
     <ConfigurationFormContainer>
       <MainContainer>
         {/* 第一部分：basicConfig 基础配置 */}
+        {buildMode === 'buildIn' && (
           <Accordion defaultExpanded>
             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
               <Typography variant="h6">{t('knowledge.config.basicConfig')}</Typography>
@@ -63,6 +64,7 @@ export function ManualConfiguration() {
               </Box>
             </AccordionDetails>
           </Accordion>
+        )}
 
         {/* 第二部分：RAPTOR策略 */}
         <Accordion>

src/pages/knowledge/configuration/naive.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 import {
   Box,
   Typography,
@@ -11,60 +11,29 @@ import { ExpandMore as ExpandMoreIcon } from '@mui/icons-material';
 import { useFormContext } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { ConfigurationFormContainer, MainContainer } from './configuration-form-container';
-import {
+import { RaptorConfigItems, KnowledgeGraphConfigItems, BasicConfigItems } from './common-items';
-  ChunkMethodItem,
+// import { RadioFormField } from '@/components/FormField';
-  RaptorConfigItems,
-  KnowledgeGraphConfigItems,
-  PipelineSelectorItem,
-  BasicConfigItems,
-} from './common-items';
-import { RadioFormField } from '@/components/FormField';
 
-export function NaiveConfiguration() {
+export function NaiveConfiguration({ buildMode = 'buildIn' }: { buildMode?: 'buildIn' | 'pipeline' }) {
-  const { formState: { errors }, watch } = useFormContext();
+  const { formState: { errors } } = useFormContext();
   const { t } = useTranslation();
-  const [buildMode, setBuildMode] = useState<'buildIn' | 'pipeline'>('buildIn');
-
-  // 根据表单的 pipeline_id 自动切换 buildMode
-  const pipelineId = watch('pipeline_id');
-  useEffect(() => {
-    setBuildMode(pipelineId ? 'pipeline' : 'buildIn');
-  }, [pipelineId]);
 
   return (
     <ConfigurationFormContainer>
       <MainContainer>
         {/* 第一部分：basicConfig 基础配置 */}
+        {buildMode === 'buildIn' && (
           <Accordion defaultExpanded>
             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
               <Typography variant="h6">{t('knowledge.config.basicConfig')}</Typography>
             </AccordionSummary>
             <AccordionDetails>
-            {/* 切片方法 */}
+              <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
-            <Box sx={{ mb: 3, display: 'flex', flexDirection: 'column', gap: 3 }}>
-              <RadioFormField
-                name="build_mode"
-                defaultValue="buildIn"
-                options={[
-                  { value: 'buildIn', label: 'Built-in' },
-                  { value: 'pipeline', label: 'Pipeline' },
-                ]}
-                onChangeValue={(v) => setBuildMode(String(v) as 'buildIn' | 'pipeline')}
-              />
-              {buildMode === 'buildIn' ? (
-                <ChunkMethodItem />
-              ) : (
-                <PipelineSelectorItem />
-              )}
-            </Box>
-            <Divider />
-            <Box sx={{ mt: 3 }}>
-              {buildMode === 'buildIn' && (
                 <BasicConfigItems />
-              )}
               </Box>
             </AccordionDetails>
           </Accordion>
+        )}
 
         {/* 第二部分：RAPTOR策略 */}
         <Accordion>

src/pages/knowledge/configuration/one.tsx

@@ -23,7 +23,7 @@ import {
   KnowledgeGraphConfigItems,
 } from './common-items';
 
-export function OneConfiguration() {
+export function OneConfiguration({ buildMode = 'buildIn' }: { buildMode?: 'buildIn' | 'pipeline' }) {
   const { formState: { errors } } = useFormContext();
   const { t } = useTranslation();
 
@@ -31,6 +31,7 @@ export function OneConfiguration() {
     <ConfigurationFormContainer>
       <MainContainer>
         {/* 第一部分：basicConfig 基础配置 */}
+        {buildMode === 'buildIn' && (
           <Accordion defaultExpanded>
             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
               <Typography variant="h6">{t('knowledge.config.basicConfig')}</Typography>
@@ -52,6 +53,7 @@ export function OneConfiguration() {
               </Box>
             </AccordionDetails>
           </Accordion>
+        )}
 
         {/* 第二部分：RAPTOR策略 */}
         <Accordion>

src/pages/knowledge/configuration/paper.tsx

@@ -20,7 +20,7 @@ import {
   KnowledgeGraphConfigItems,
 } from './common-items';
 
-export function PaperConfiguration() {
+export function PaperConfiguration({ buildMode = 'buildIn' }: { buildMode?: 'buildIn' | 'pipeline' }) {
   const { formState: { errors } } = useFormContext();
   const { t } = useTranslation();
 
@@ -28,6 +28,7 @@ export function PaperConfiguration() {
     <ConfigurationFormContainer>
       <MainContainer>
         {/* 第一部分：basicConfig 基础配置 */}
+        {buildMode === 'buildIn' && (
           <Accordion defaultExpanded>
             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
               <Typography variant="h6">{t('knowledge.config.basicConfig')}</Typography>
@@ -49,6 +50,7 @@ export function PaperConfiguration() {
               </Box>
             </AccordionDetails>
           </Accordion>
+        )}
 
         {/* 第二部分：RAPTOR策略 */}
         <Accordion>

src/pages/knowledge/configuration/picture.tsx

@@ -9,13 +9,14 @@ import {
   KnowledgeGraphConfigItems
 } from './common-items';
 
-export function PictureConfiguration() {
+export function PictureConfiguration({ buildMode = 'buildIn' }: { buildMode?: 'buildIn' | 'pipeline' }) {
   const { t } = useTranslation();
 
   return (
     <ConfigurationFormContainer>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
         {/* 第一部分：基础配置 */}
+        {buildMode === 'buildIn' && (
           <Accordion defaultExpanded>
             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
               <Typography variant="h6">{t('knowledge.config.basicConfig')}</Typography>
@@ -27,6 +28,7 @@ export function PictureConfiguration() {
               </Box>
             </AccordionDetails>
           </Accordion>
+        )}
 
         {/* 第二部分：RAPTOR策略 */}
         <Accordion>

src/pages/knowledge/configuration/presentation.tsx

@@ -12,13 +12,14 @@ import {
   AutoQuestionsItem
 } from './common-items';
 
-export function PresentationConfiguration() {
+export function PresentationConfiguration({ buildMode = 'buildIn' }: { buildMode?: 'buildIn' | 'pipeline' }) {
   const { t } = useTranslation();
 
   return (
     <ConfigurationFormContainer>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
         {/* 第一部分：基础配置 */}
+        {buildMode === 'buildIn' && (
           <Accordion defaultExpanded>
             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
               <Typography variant="h6">{t('knowledge.config.basicConfig')}</Typography>
@@ -40,6 +41,7 @@ export function PresentationConfiguration() {
               </Box>
             </AccordionDetails>
           </Accordion>
+        )}
 
         {/* 第二部分：RAPTOR策略 */}
         <Accordion>

src/pages/knowledge/configuration/qa.tsx

@@ -9,13 +9,14 @@ import {
   KnowledgeGraphConfigItems
 } from './common-items';
 
-export function QAConfiguration() {
+export function QAConfiguration({ buildMode = 'buildIn' }: { buildMode?: 'buildIn' | 'pipeline' }) {
   const { t } = useTranslation();
 
   return (
     <ConfigurationFormContainer>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
         {/* 第一部分：基础配置 */}
+        {buildMode === 'buildIn' && (
           <Accordion defaultExpanded>
             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
               <Typography variant="h6">{t('knowledge.config.basicConfig')}</Typography>
@@ -27,6 +28,7 @@ export function QAConfiguration() {
               </Box>
             </AccordionDetails>
           </Accordion>
+        )}
 
         {/* 第二部分：RAPTOR策略 */}
         <Accordion>

src/pages/knowledge/configuration/resume.tsx

@@ -9,13 +9,14 @@ import {
   KnowledgeGraphConfigItems
 } from './common-items';
 
-export function ResumeConfiguration() {
+export function ResumeConfiguration({ buildMode = 'buildIn' }: { buildMode?: 'buildIn' | 'pipeline' }) {
   const { t } = useTranslation();
 
   return (
     <ConfigurationFormContainer>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
         {/* 第一部分：基础配置 */}
+        {buildMode === 'buildIn' && (
           <Accordion defaultExpanded>
             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
               <Typography variant="h6">{t('knowledge.config.basicConfig')}</Typography>
@@ -27,6 +28,7 @@ export function ResumeConfiguration() {
               </Box>
             </AccordionDetails>
           </Accordion>
+        )}
 
         {/* 第二部分：RAPTOR策略 */}
         <Accordion>

src/pages/knowledge/configuration/table.tsx

@@ -9,13 +9,14 @@ import {
   KnowledgeGraphConfigItems
 } from './common-items';
 
-export function TableConfiguration() {
+export function TableConfiguration({ buildMode = 'buildIn' }: { buildMode?: 'buildIn' | 'pipeline' }) {
   const { t } = useTranslation();
 
   return (
     <ConfigurationFormContainer>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
         {/* 第一部分：基础配置 */}
+        {buildMode === 'buildIn' && (
           <Accordion defaultExpanded>
             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
               <Typography variant="h6">{t('knowledge.config.basicConfig')}</Typography>
@@ -27,6 +28,7 @@ export function TableConfiguration() {
               </Box>
             </AccordionDetails>
           </Accordion>
+        )}
 
         {/* 第二部分：RAPTOR策略 */}
         <Accordion>

src/pages/knowledge/configuration/tag.tsx

@@ -12,13 +12,14 @@ import {
   AutoQuestionsItem
 } from './common-items';
 
-export function TagConfiguration() {
+export function TagConfiguration({ buildMode = 'buildIn' }: { buildMode?: 'buildIn' | 'pipeline' }) {
   const { t } = useTranslation();
 
   return (
     <ConfigurationFormContainer>
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
         {/* 第一部分：基础配置 */}
+        {buildMode === 'buildIn' && (
           <Accordion defaultExpanded>
             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
               <Typography variant="h6">{t('knowledge.config.basicConfig')}</Typography>
@@ -31,6 +32,7 @@ export function TagConfiguration() {
               <Divider />
             </AccordionDetails>
           </Accordion>
+        )}
 
         {/* 第二部分：RAPTOR策略 */}
         <Accordion>