Merge pull request #4130 from wangzongming/dev-frontend

知识库更改：接口对接、部分UI调整

frontend/src/app/api/knowledge/delVectorDocs/route.ts

@@ -0,0 +1,13 @@
+import { getServerConfig } from '@/config/server'; 
+const { KNOWLEDGE_PROXY_URL } = getServerConfig(); 
+export const POST = async (request: Request) => {  
+    const params = await request.json(); 
+    const fetchRes = await fetch(`${KNOWLEDGE_PROXY_URL}/delete_docs`, {
+        body: JSON.stringify(params),
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        method: 'POST',
+    });  
+    return fetchRes
+};

frontend/src/app/api/knowledge/deleteDocs/route.ts

@@ -0,0 +1,13 @@
+import { getServerConfig } from '@/config/server'; 
+const { KNOWLEDGE_PROXY_URL } = getServerConfig(); 
+export const POST = async (request: Request) => {  
+    const params = await request.json(); 
+    const fetchRes = await fetch(`${KNOWLEDGE_PROXY_URL}/delete_docs`, {
+        body: JSON.stringify(params),
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        method: 'POST',
+    });  
+    return fetchRes
+};

frontend/src/app/api/knowledge/downloadDocs/route.ts

@@ -0,0 +1,13 @@
+import { getServerConfig } from '@/config/server';
+const { KNOWLEDGE_PROXY_URL } = getServerConfig();
+
+export const GET = async (request: Request) => {
+    const searchParams = new URL(request.url).searchParams;
+    const knowledge_base_name = searchParams.get('knowledge_base_name') as string;
+    const file_name = searchParams.get('file_name') as string;
+    const preview = searchParams.get('preview') as string;
+ 
+    const queryString = new URLSearchParams({ knowledge_base_name, file_name, preview }).toString();
+    const fetchRes = await fetch(`${KNOWLEDGE_PROXY_URL}/download_doc?${queryString}`);
+    return fetchRes;
+};

frontend/src/app/api/knowledge/listFiles/route.ts

@@ -0,0 +1,9 @@
+import { getServerConfig } from '@/config/server'; 
+
+const { KNOWLEDGE_PROXY_URL } = getServerConfig(); 
+export const GET = async (request: Request) => {
+    const knowledge_base_name: string = new URL(request.url).searchParams.get('knowledge_base_name') as string; 
+    const queryString = new URLSearchParams({ knowledge_base_name }).toString();
+    const fetchRes = await fetch(`${KNOWLEDGE_PROXY_URL}/list_files?${queryString}`);
+    return fetchRes;
+};

frontend/src/app/api/knowledge/reAddVectorDB/route.ts

@@ -0,0 +1,14 @@
+ 
+import { getServerConfig } from '@/config/server'; 
+const { KNOWLEDGE_PROXY_URL } = getServerConfig(); 
+export const POST = async (request: Request) => {  
+    const params = await request.json(); 
+    const fetchRes = await fetch(`${KNOWLEDGE_PROXY_URL}/update_docs`, {
+        body: JSON.stringify(params),
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        method: 'POST',
+    });  
+    return fetchRes
+};

frontend/src/app/api/knowledge/rebuildVectorDB/route.ts

@@ -0,0 +1,14 @@
+ 
+import { getServerConfig } from '@/config/server'; 
+const { KNOWLEDGE_PROXY_URL } = getServerConfig(); 
+export const POST = async (request: Request) => {  
+    const params = await request.json(); 
+    const fetchRes = await fetch(`${KNOWLEDGE_PROXY_URL}/recreate_vector_store`, {
+        body: JSON.stringify(params),
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        method: 'POST',
+    });  
+    return fetchRes
+};

frontend/src/app/api/knowledge/update/route.ts

@@ -0,0 +1,15 @@
+
+import { getServerConfig } from '@/config/server'; 
+const { KNOWLEDGE_PROXY_URL } = getServerConfig();
+
+export const POST = async (request: Request) => {
+    const params = await request.json(); 
+    const fetchRes = await fetch(`${KNOWLEDGE_PROXY_URL}/update_info`, {
+        body: JSON.stringify(params),
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        method: 'POST',
+    });  
+    return fetchRes
+};

frontend/src/app/api/knowledge/uploadDocs/route.ts

@@ -0,0 +1,12 @@
+
+import { getServerConfig } from '@/config/server'; 
+const { KNOWLEDGE_PROXY_URL } = getServerConfig();
+
+export const POST = async (request: Request) => {
+    const formData = await request.formData(); 
+    const fetchRes = await fetch(`${KNOWLEDGE_PROXY_URL}/upload_docs`, {
+        body: formData, 
+        method: 'POST',
+    });  
+    return fetchRes
+};

frontend/src/app/api/knowledge/接口存在问题.txt

@@ -1,3 +0,0 @@
-
-
-1. 创建接口没有简介字段

frontend/src/app/knowledge/(desktop)/features/KnowledgeCard.tsx

@@ -9,18 +9,28 @@ const { Meta } = Card;
 interface KnowLedgeCardProps {
   intro: string;
   name: string;
+  vector_store_type?: string;
+  embed_model?: string;
 }
 const KnowledgeCard: React.FC<KnowLedgeCardProps> = (props: KnowLedgeCardProps) => {
 
-  const [useFetchKnowledgeDel] = useKnowledgeStore((s) => [
+
-    s.useFetchKnowledgeDel
+  const [useFetchKnowledgeDel, useFetchKnowledgeList, setEditKnowledge] = useKnowledgeStore((s) => [
+    s.useFetchKnowledgeDel, s.useFetchKnowledgeList, s.setEditKnowledge
   ]);
+  const { mutate } = useFetchKnowledgeList()
 
   const [loading, setLoading] = useState(false);
   const { name, intro } = props;
   const router = useRouter();
   const handleCardEditClick = () => {
-    router.push('/knowledge/1/base');
+    setEditKnowledge({
+      knowledge_base_name: props.name,
+      kb_info:  props.intro,
+      vector_store_type: props.vector_store_type,
+      embed_model:props.embed_model,
+    });
+    router.push(`/knowledge/${encodeURIComponent(name)}/base`);
   };
   const delClick = async () => {
     Modal.confirm({
@@ -32,6 +42,7 @@ const KnowledgeCard: React.FC<KnowLedgeCardProps> = (props: KnowLedgeCardProps)
           message.error(resMsg)
         } else {
           message.success(resMsg)
+          mutate()
         }
         return Promise.resolve();
       },

frontend/src/app/knowledge/(desktop)/features/KnowledgeList.tsx

@@ -20,11 +20,6 @@ const useStyles = createStyles(({ css, token, stylish }) => ({
   `,
 }));
 
-// const list = [
-//   { intro: '知识库简介', name: '知识库名称' },
-//   { intro: '知识库简介', name: '知识库名称' }, 
-// ];
-
 const RenderList = memo(() => {
   const { styles } = useStyles();
   const [listData, useFetchKnowledgeList] = useKnowledgeStore((s) => [
@@ -32,11 +27,15 @@ const RenderList = memo(() => {
   ]);
   const { isLoading } = useFetchKnowledgeList();
 
-  const list = listData.map((item) => ({
+  const list = listData.map(({ kb_info, kb_name }) => ({
-    intro: '知识库简介',
+    intro: kb_info, 
-    // 等接口更改...
+    name: kb_name
-    name: item as unknown as string
   }))
+  // const list = [
+  //   { intro: '知识库简介', name: '知识库名称' },
+  //   { intro: '知识库简介', name: '知识库名称' }, 
+  // ];
+  
   if (!isLoading && !listData.length) {
     return <div className={styles.null}>
       <Empty />

frontend/src/app/knowledge/(desktop)/features/ModalCreateKnowledge.tsx

@@ -1,37 +1,43 @@
 import { Modal, type ModalProps } from '@lobehub/ui';
 import { Form, Input, Select, FormInstance, message } from 'antd';
-import { memo, useRef } from 'react';
+import { memo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import { useKnowledgeStore } from '@/store/knowledge';
+import { useKnowledgeStore } from '@/store/knowledge'; 
 
-const DEFAULT_FIELD_VALUE = { 
+const DEFAULT_FIELD_VALUE = {
-  vector_store_type: "faiss", 
+  vector_store_type: "faiss",
-  embed_model:"bge-large-zh-v1.5"
+  embed_model: "bge-large-zh-v1.5"
 };
 interface ModalCreateKnowledgeProps extends ModalProps {
   toggleModal: (open: boolean) => void;
 }
 const CreateKnowledgeBase = memo<ModalCreateKnowledgeProps>(({ toggleModal, open }) => {
+  const [confirmLoading, setConfirmLoading] = useState(false);
   const { t } = useTranslation('chat');
   const antdFormInstance = useRef<FormInstance>();
-  const [useFetchKnowledgeAdd] = useKnowledgeStore((s) => [
+  const [useFetchKnowledgeAdd, useFetchKnowledgeList] = useKnowledgeStore((s) => [
-    s.useFetchKnowledgeAdd
+    s.useFetchKnowledgeAdd, s.useFetchKnowledgeList
   ]);
+  const { mutate } = useFetchKnowledgeList()
 
   const onSubmit = async () => {
-    if(!antdFormInstance.current) return;
+    if (!antdFormInstance.current) return;
     const fieldsError = await antdFormInstance.current.validateFields();
-    if(fieldsError.length) return;
+    if (fieldsError.length) return;
-    const values = antdFormInstance.current.getFieldsValue(true); 
+    const values = antdFormInstance.current.getFieldsValue(true);
 
-    const { code:resCode, data: resData, msg: resMsg } = await useFetchKnowledgeAdd({ ...values }) 
+    setConfirmLoading(true);
-    if(resCode !== 200){
+    const { code: resCode, data: resData, msg: resMsg } = await useFetchKnowledgeAdd({ ...values })
+    setConfirmLoading(true);
+
+    if (resCode !== 200) {
       message.error(resMsg)
       return;
     }
-    toggleModal(false);
+    mutate();
+    toggleModal(false); 
   }
 
   return (
@@ -43,10 +49,11 @@ const CreateKnowledgeBase = memo<ModalCreateKnowledgeProps>(({ toggleModal, open
       onOk={onSubmit}
       open={open}
       title="创建知识库"
+      confirmLoading={confirmLoading}
     >
       <Form initialValues={DEFAULT_FIELD_VALUE} layout="vertical" ref={antdFormInstance}>
         <Form.Item label="知识库名称" name="knowledge_base_name" rules={[{ required: true, message: '请输入知识库名称' }]}>
-          <Input autoFocus/>
+          <Input autoFocus />
         </Form.Item>
         <Form.Item label="知识库简介" name="kb_info">
           <Input />
@@ -54,7 +61,7 @@ const CreateKnowledgeBase = memo<ModalCreateKnowledgeProps>(({ toggleModal, open
         <Flexbox direction="horizontal" gap={10} justify="space-between">
           <div style={{ flex: '1' }}>
             <Form.Item label="向量库类型" name="vector_store_type" rules={[{ required: true, message: '请选择向量库类型' }]}>
-              <Select> 
+              <Select>
                 <Select.Option value="faiss">faiss</Select.Option>
                 <Select.Option value="milvus">milvus</Select.Option>
                 <Select.Option value="zilliz">zilliz</Select.Option>
@@ -66,9 +73,9 @@ const CreateKnowledgeBase = memo<ModalCreateKnowledgeProps>(({ toggleModal, open
           </div>
           <div style={{ flex: '1' }}>
             <Form.Item label="Embedding模型" name="embed_model" rules={[{ required: true, message: '请选择Embedding模型' }]}>
-              <Select> 
+              <Select>
                 <Select.Option value="bge-large-zh-v1.5">bge-large-zh-v1.5</Select.Option>
-                <Select.Option value="text-embedding-v1">text-embedding-v1</Select.Option> 
+                <Select.Option value="text-embedding-v1">text-embedding-v1</Select.Option>
                 <Select.Option value="Bert">Bert</Select.Option>
                 <Select.Option value="Word2Vec">Word2Vec</Select.Option>
                 <Select.Option value="FastText">FastText</Select.Option>

frontend/src/app/knowledge/(desktop)/index.tsx

@@ -17,7 +17,8 @@ const DesktopPage = memo(() => {
     <>
       <Layout>
         <KnowledgeCardList />
-        <FloatButton icon={<Plus />} onClick={() => setShowModal(true)}>
+        <FloatButton
+          icon={<Plus style={{ width: 20 }} />} onClick={() => setShowModal(true)}>
           新建知识库
         </FloatButton>
       </Layout>

frontend/src/app/knowledge/[id]/base/features/ModalAddFile.tsx

@@ -1,48 +1,172 @@
 import { InboxOutlined } from '@ant-design/icons';
-import type { UploadProps } from 'antd';
+import { Form, Modal, Upload, InputNumber, Radio, message, Input } from 'antd';
-import { Modal, Upload, message } from 'antd';
+import React, { memo, useState } from 'react';
-import React, { memo } from 'react';
+import { useKnowledgeStore } from '@/store/knowledge';
-
+import type { GetProp, UploadFile, UploadProps } from 'antd';
-const { Dragger } = Upload;
+import type { KnowledgeUplodDocsParams } from '@/types/knowledge';
 
 type ModalAddFileProps = {
+  kbName: string;
   open: boolean;
   setModalOpen: (open: boolean) => void;
+  setSelectedRowKeys: React.Dispatch<React.SetStateAction<string[]>>;
+
+  selectedRowKeys: string[];
+  isRebuildVectorDB?: boolean;
+  initialValue?: KnowledgeUplodDocsParams;
 };
 
-const props: UploadProps = {
+type FileType = Parameters<GetProp<UploadProps, 'beforeUpload'>>[0];
-  action: 'https://660d2bd96ddfa2943b33731c.mockapi.io/api/upload',
+
-  multiple: true,
+const ModalAddFile = memo<ModalAddFileProps>(({ open, setModalOpen, setSelectedRowKeys, selectedRowKeys, kbName, initialValue, isRebuildVectorDB }) => {
-  name: 'file',
+  const [confirmLoading, setConfirmLoading] = useState(false);
-  onChange(info) {
+  const [antdFormInstance] = Form.useForm();
-    const { status } = info.file;
+  const [useFetchKnowledgeUploadDocs, useFetchKnowledgeFilesList, useFetcReAddVectorDB] = useKnowledgeStore((s) => [
-    if (status !== 'uploading') {
+    s.useFetchKnowledgeUploadDocs, s.useFetchKnowledgeFilesList,
-      console.log(info.file, info.fileList);
+    s.useFetcReAddVectorDB
-    }
+  ]);
-    if (status === 'done') {
+  const { mutate } = useFetchKnowledgeFilesList(kbName)
-      message.success(`${info.file.name} file uploaded successfully.`);
+  const [fileList, setFileList] = useState<UploadFile[]>([]);
-    } else if (status === 'error') {
+
-      message.error(`${info.file.name} file upload failed.`);
+  const antdUploadProps: UploadProps = {
-    }
+    name: "files",
-  },
+    onRemove: (file) => {
-  onDrop(e) {
+      const index = fileList.indexOf(file);
-    console.log('Dropped files', e.dataTransfer.files);
+      const newFileList = fileList.slice();
-  },
+      newFileList.splice(index, 1);
-};
+      setFileList(newFileList);
+    },
+    beforeUpload: (file) => {
+      setFileList([...fileList, file]);
+      return false;
+    },
+    fileList,
+  };
+
+  const onSubmit = async () => {
+    if (!antdFormInstance) return;
+    const fieldsError = await antdFormInstance.validateFields();
+    if (fieldsError.length) return;
+    const values = antdFormInstance.getFieldsValue(true);
+
+    if (isRebuildVectorDB) {
+      // Re-add to vector library
+      setConfirmLoading(true);
+      await useFetcReAddVectorDB({
+        ...values,
+        "knowledge_base_name": kbName,
+        "file_names": selectedRowKeys,
+      }).catch(() => {
+        message.error(`更新知识库失败`);
+      })
+      setConfirmLoading(false);
+      setSelectedRowKeys([]);
+      return;
+    }
+
+    if (!fileList.length) {
+      message.error('请选择文件')
+      return;
+    }
+
+    const formData = new FormData();
+    fileList.forEach((file) => {
+      formData.append('files', file as FileType);
+    });
+    for (const key in values) {
+      formData.append(key, values[key]);
+    }
+    formData.append('knowledge_base_name', kbName);
+
+    setConfirmLoading(true);
+    const { code: resCode, msg: resMsg } = await useFetchKnowledgeUploadDocs(formData)
+    setConfirmLoading(true);
+
+    if (resCode !== 200) {
+      message.error(resMsg)
+      return;
+    }
+    message.success(resMsg)
+    mutate();
+    setModalOpen(false);
+  }
+
+
+  const layout = {
+    labelCol: { span: 10 },
+    wrapperCol: { span: 14 },
+  }
 
-const ModalAddFile = memo<ModalAddFileProps>(({ open, setModalOpen }) => {
   return (
-    <Modal onCancel={() => setModalOpen(false)} open={open} title="添加文件">
+    <Modal
-      <Dragger {...props}>
+      onCancel={() => setModalOpen(false)}
-        <p className="ant-upload-drag-icon">
+      open={open} 
-          <InboxOutlined />
+      title={isRebuildVectorDB ? "重新添加至向量库" : "添加文件"}
-        </p>
+      onOk={onSubmit}
-        <p className="ant-upload-text">Click or drag file to this area to upload</p>
+      confirmLoading={confirmLoading}
-        <p className="ant-upload-hint">
+      width={600}
-          Support for a single or bulk upload. Strictly prohibited from uploading company data or
+    >
-          other banned files.
+
-        </p>
+      <Form
-      </Dragger>
+        name="validate_other"
+        initialValues={{
+          override: true,
+          chunk_size: 0,
+          chunk_overlap: 0,
+          to_vector_store: true,
+          ...initialValue
+        }}
+        form={antdFormInstance}
+      >
+
+        {!isRebuildVectorDB && <>
+          <div style={{ padding: `24px 0px` }}>
+            <Upload.Dragger {...antdUploadProps}>
+              <p className="ant-upload-drag-icon">
+                <InboxOutlined />
+              </p>
+              <p className="ant-upload-text">单击或拖动文件到此区域进行上传</p>
+              <p className="ant-upload-hint">支持单个或批量上传。</p>
+            </Upload.Dragger>
+          </div>
+          <Form.Item name="override" label="覆盖已有文件" {...layout}>
+            <Radio.Group>
+              <Radio value={true}>是</Radio>
+              <Radio value={false}>否</Radio>
+            </Radio.Group>
+          </Form.Item>
+        </>}
+
+        <Form.Item name="to_vector_store" label="进行向量化" {...layout}>
+          <Radio.Group>
+            <Radio value={true}>是</Radio>
+            <Radio value={false}>否</Radio>
+          </Radio.Group>
+        </Form.Item>
+        <Form.Item name="zh_title_enhance" label="开启中文标题加强" {...layout}>
+          <Radio.Group>
+            <Radio value={true}>是</Radio>
+            <Radio value={false}>否</Radio>
+          </Radio.Group>
+        </Form.Item>
+        <Form.Item name="not_refresh_vs_cache" label="暂不保存向量库（用于FAISS）" {...layout}>
+          <Radio.Group>
+            <Radio value={true}>是</Radio>
+            <Radio value={false}>否</Radio>
+          </Radio.Group>
+        </Form.Item>
+
+        <Form.Item name="chunk_size" label="单段文本最大长度" {...layout} {...layout}>
+          <InputNumber min={0}  style={{ width: 200 }} />
+        </Form.Item>
+
+        <Form.Item name="chunk_overlap" label="相邻文本重合长度" {...layout} {...layout}>
+          <InputNumber min={0}  style={{ width: 200 }} />
+        </Form.Item>
+        <Form.Item name="docs" label="自定义的docs" {...layout} {...layout}>
+          <Input style={{ width: 200 }} />
+        </Form.Item>
+      </Form>
     </Modal>
   );
 });

frontend/src/app/knowledge/[id]/base/page.tsx

@@ -1,38 +1,72 @@
 'use client';
 
-import { Button, Table } from 'antd';
+import { Button, Table, message, Spin, Modal } from 'antd';
 import type { TableColumnsType } from 'antd';
 import dynamic from 'next/dynamic';
 import Link from 'next/link';
 import React, { useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
+import { useKnowledgeStore } from '@/store/knowledge';
+import { useRouter } from 'next/navigation';
+import { UndoOutlined, DeleteOutlined, DownloadOutlined, PlusOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
 
-// import ModalAddFile from './features/ModalAddFile';
 const ModalAddFile = dynamic(() => import('./features/ModalAddFile'));
 interface DataType {
-  address: string;
+  id: React.Key;
-  age: number;
-  key: React.Key;
   name: string;
+  loader: string;
+  splitter: string;
+  source: string;
+  vector: string;
 }
 
-const data: DataType[] = [];
+const App: React.FC<{ params: { id: string } }> = ({ params }) => {
-for (let i = 0; i < 46; i++) {
+  const router = useRouter();
-  data.push({
+  const [
-    address: `London, Park Lane no. ${i}`,
+    filesData,
-    age: 32,
+    useFetchKnowledgeFilesList,
-    index: i,
+    useFetchKnowledgeDownloadDocs,
-    key: i,
+    useFetcDelInknowledgeDB,
-    name: `Edward King ${i}`,
+    useFetcDelInVectorDB,
-  });
+    useFetcRebuildVectorDB,
-}
+    useFetchKnowledgeDel
+  ] = useKnowledgeStore((s) => [
+    s.filesData,
+    s.useFetchKnowledgeFilesList,
+    s.useFetchKnowledgeDownloadDocs,
+    s.useFetcDelInknowledgeDB,
+    s.useFetcDelInVectorDB,
+    s.useFetcRebuildVectorDB,
+    s.useFetchKnowledgeDel
+  ]);
+  const { isLoading } = useFetchKnowledgeFilesList(params.id);
 
-const App: React.FC<{ params }> = ({ params }) => {
+  const [downloadLoading, setDownloadLoading] = useState(false);
-  const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
+  const [delDocsLoading, setDelDocsLoading] = useState(false);
+  const [delVSLoading, setDelVSLoading] = useState(false);
+  const [rebuildVectorDBLoading, setRebuildVectorDBLoading] = useState(false);
+
+  // rebuild progress
+  const [rebuildProgress, setRebuildProgress] = useState("0%");
+
+  // const data: DataType[] = filesData.map((item, i) => ({
+  //   id: i, // item 应该为对象，待提交问题...
+  //   name: item, // item 应该为对象，待提交问题...
+  //   loader: "",
+  //   splitter: "",
+  //   source: "",
+  //   vector: ""
+  // })); 
+  const data = [
+    { id: '1', name: 'name1', loader: "loader", splitter: "splitter", source: "source", vector: "vector" },
+    { id: '2', name: 'name2', loader: "loader", splitter: "splitter", source: "source", vector: "vector" },
+  ];
+
+  const [selectedRowKeys, setSelectedRowKeys] = useState<string[]>([]);
   const [loading, setLoading] = useState(false);
   const [isShowModal, setModal] = useState(false);
-  const onSelectChange = (newSelectedRowKeys: React.Key[]) => {
+  const [isRebuildVectorDB, setIsRebuildVectorDB] = useState(false);
-    console.log('selectedRowKeys changed:', newSelectedRowKeys);
+  const onSelectChange = (newSelectedRowKeys: string[]) => {
     setSelectedRowKeys(newSelectedRowKeys);
   };
   const columns: TableColumnsType<DataType> = [
@@ -42,17 +76,13 @@ const App: React.FC<{ params }> = ({ params }) => {
     },
     {
       dataIndex: 'name',
-      render: (text) => <Link href={`/knowledge/${params.id}/base/2`}>{text}</Link>,
+      render: (text, rowData) => <Link href={`/knowledge/${params.id}/base/${rowData.id}`}>{text}</Link>,
       title: '文档名称',
     },
     {
       dataIndex: 'loader',
       title: '文档加载器',
     },
-    {
-      dataIndex: 'loader',
-      title: '文档加载器',
-    },
     {
       dataIndex: 'splitter',
       title: '分词器',
@@ -71,40 +101,134 @@ const App: React.FC<{ params }> = ({ params }) => {
     selectedRowKeys,
   };
   const hasSelected = selectedRowKeys.length > 0;
-  console.log(params);
+
+  const download = async () => {
+    setDownloadLoading(true);
+    for (const docName of selectedRowKeys) {
+      await useFetchKnowledgeDownloadDocs(params.id, docName).catch(() => {
+        message.error(`下载 ${docName} 失败`);
+      })
+    }
+    setDownloadLoading(false);
+  };
+  const reAddVectorDB = async () => {
+    setIsRebuildVectorDB(true);
+    setModal(true)
+  }
+  const rebuildVectorDB = async () => {
+    setRebuildVectorDBLoading(true);
+    try {
+      useFetcRebuildVectorDB({
+        "knowledge_base_name": params.id,
+        "allow_empty_kb": true,
+        "vs_type": "faiss",
+        "embed_model": "text-embedding-v1",
+        "chunk_size": 250,
+        "chunk_overlap": 50,
+        "zh_title_enhance": false,
+        "not_refresh_vs_cache": false,
+      }, {
+        onFinish: async () => {
+          message.success(`重建向量库成功`);
+          setRebuildVectorDBLoading(false);
+        },
+        onMessageHandle: (text) => {
+          setRebuildProgress(text)
+        }
+      })
+    } catch (err) {
+      message.error(`请求错误`);
+    }
+    setRebuildVectorDBLoading(false);
+  }
+  const delInVectorDB = async () => {
+    setDelVSLoading(true);
+    await useFetcDelInVectorDB({
+      "knowledge_base_name": params.id,
+      "file_names": [...selectedRowKeys],
+      "delete_content": false, // 不删除文件
+      "not_refresh_vs_cache": false
+    }).catch(() => {
+      message.error(`删除失败`);
+    })
+    setDelVSLoading(false);
+    setSelectedRowKeys([]);
+  }
+  const delInknowledgeDB = async () => {
+    setDelDocsLoading(true);
+    await useFetcDelInknowledgeDB({
+      "knowledge_base_name": params.id,
+      "file_names": [...selectedRowKeys],
+      "delete_content": true,
+      "not_refresh_vs_cache": false
+    }).catch(() => {
+      message.error(`删除失败`);
+    })
+    setDelDocsLoading(false);
+    setSelectedRowKeys([]);
+  }
+  const delKnowledge = async () => {
+    Modal.confirm({
+      title: `确认 ${params.id} 删除吗?`,
+      icon: <ExclamationCircleOutlined />,
+      async onOk() {
+        const { code: resCode, msg: resMsg } = await useFetchKnowledgeDel(params.id)
+        if (resCode !== 200) {
+          message.error(resMsg)
+        } else {
+          message.success(resMsg);
+          router.push('/knowledge')
+        }
+        return Promise.resolve();
+      },
+    });
+
+  }
   return (
     <>
       <Flexbox width={'100%'}>
         <Flexbox direction="horizontal" justify="space-between" style={{ marginBottom: 16 }}>
           <Flexbox direction="horizontal" gap={20}>
-            <Button disabled={!hasSelected} loading={loading} type="default">
+            <Button disabled={!hasSelected} loading={downloadLoading} type="default" onClick={download} icon={<DownloadOutlined />}>
               下载选中文档
             </Button>
-            <Button disabled={!hasSelected} loading={loading} type="default">
+            <Button disabled={!hasSelected} loading={loading} type="default" onClick={reAddVectorDB}>
               重新添加至向量库
             </Button>
-            <Button disabled={!hasSelected} loading={loading} type="default">
+            <Button danger disabled={!hasSelected} loading={delVSLoading} type="default" onClick={delInVectorDB} icon={<DeleteOutlined />}>
               向量库删除
             </Button>
-            <Button disabled={!hasSelected} loading={loading} type="default">
+            <Button danger disabled={!hasSelected} loading={delDocsLoading} type="default" onClick={delInknowledgeDB} icon={<DeleteOutlined />}>
               从知识库中删除
             </Button>
           </Flexbox>
-          <div>
+          <Flexbox direction="horizontal" gap={20}>
-            <Button loading={loading} onClick={() => setModal(true)} type="primary">
+            <Button danger loading={loading} onClick={delKnowledge} type="primary" icon={<DeleteOutlined />}>
+              删除知识库
+            </Button>
+            <Button loading={loading} onClick={() => { setIsRebuildVectorDB(false); setModal(true) }} type="primary" icon={<PlusOutlined />}>
               添加文件
             </Button>
-          </div>
+          </Flexbox>
         </Flexbox>
-        <Table
+        <Spin spinning={rebuildVectorDBLoading} tip={rebuildProgress}>
-          columns={columns}
+          <Table
-          dataSource={data}
+            columns={columns}
-          rowSelection={rowSelection}
+            dataSource={data}
-          size="middle"
+            rowSelection={rowSelection}
-          style={{ width: '100%' }}
+            size="middle"
-        />
+            style={{ width: '100%' }}
-      </Flexbox>
+            rowKey={"name"}
-      <ModalAddFile open={isShowModal} setModalOpen={setModal} />
+            loading={isLoading}
+            footer={() => <div>
+              <Button danger loading={rebuildVectorDBLoading} onClick={rebuildVectorDB} icon={<UndoOutlined />}>
+                依据源文件重建向量库
+              </Button>
+            </div>}
+          />
+        </Spin>
+      </Flexbox >
+      <ModalAddFile open={isShowModal} setModalOpen={setModal} kbName={params.id} selectedRowKeys={selectedRowKeys} setSelectedRowKeys={setSelectedRowKeys} isRebuildVectorDB={isRebuildVectorDB} />
     </>
   );
 };

frontend/src/app/knowledge/[id]/config/page.tsx

@@ -1,61 +1,79 @@
 'use client';
 
 import { Form, type ItemGroup } from '@lobehub/ui';
-import { Form as AntForm, Button, Input, InputNumber, Switch } from 'antd';
+import { Form as AntForm, Button, Input, InputNumber, Switch, message } from 'antd';
 import { Settings } from 'lucide-react';
-import { memo, useCallback } from 'react';
+import { memo, useCallback, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
-
+import { useKnowledgeStore } from '@/store/knowledge';
 import { FORM_STYLE } from '@/const/layoutTokens';
 
-const KnowledgeBaseConfig = memo(() => {
+const KnowledgeBaseConfig = memo(({ params }: { params: { id: string } }) => {
-  const [form] = AntForm.useForm();
+  const [form] = AntForm.useForm(); 
+  const [submitLoading, setSubmitLoading] = useState(false);
 
+  const [
+    editKnowledgeInfo,
+    useFetchKnowledgeUpdate
+  ] = useKnowledgeStore((s) => [
+    s.editKnowledgeInfo,
+    s.useFetchKnowledgeUpdate
+  ]);
+  // console.log("editKnowledgeInfo===", editKnowledgeInfo);
   const handleConfigChange = useCallback(async () => {
     try {
       const values = await form.validateFields();
-      console.log('Success:', values);
+      // console.log('Success:', values);
+      setSubmitLoading(true);
+      const { msg, code } = await useFetchKnowledgeUpdate(values);
+      if (code === 200) {
+        message.success(msg);
+      } else {
+        message.error(msg);
+      }
+      setSubmitLoading(false);
     } catch (errorInfo) {
       console.log('Failed:', errorInfo);
     }
   }, [form]);
+
   const system: ItemGroup = {
     children: [
       {
-        children: <Input placeholder={'请为知识库命名'} />,
+        children: <Input placeholder={'请为知识库命名'} disabled />,
         label: '知识库名称',
-        name: 'name',
+        name: 'knowledge_base_name',
-        rules: [{ message: '请输入知识库名称', required: true }],
+        rules: [{ message: '请输入知识库名称', required: true }], 
       },
       {
         children: <Input.TextArea placeholder={'请简单介绍你的知识库'} />,
         label: '知识库简介',
-        name: 'intro',
+        name: 'kb_info',
         rules: [{ message: '请输入知识库简介', required: true }],
       },
-      {
+      // {
-        children: <InputNumber placeholder={'请输入数字'} style={{ width: 200 }} />,
+      //   children: <InputNumber placeholder={'请输入数字'} style={{ width: 200 }} />,
-        label: '单段文本最大长度',
+      //   label: '单段文本最大长度',
-        name: 'paragraphMaxLength',
+      //   name: 'paragraphMaxLength',
-        rules: [{ message: '请输入知识库名称', required: true }],
+      //   rules: [{ message: '请输入知识库名称', required: true }],
-      },
+      // },
-      {
+      // {
-        children: <InputNumber placeholder={'请输入数字'} style={{ width: 200 }} />,
+      //   children: <InputNumber placeholder={'请输入数字'} style={{ width: 200 }} />,
-        label: '相邻文本重合长度',
+      //   label: '相邻文本重合长度',
-        name: 'paragraphOverlapLength',
+      //   name: 'paragraphOverlapLength',
-        rules: [{ message: '请输入知识库名称', required: true }],
+      //   rules: [{ message: '请输入知识库名称', required: true }],
-      },
+      // },
-      {
+      // {
-        children: <InputNumber style={{ width: 200 }} />,
+      //   children: <InputNumber style={{ width: 200 }} />,
-        label: '文本匹配条数',
+      //   label: '文本匹配条数',
-        name: 'paragraphMatchCount',
+      //   name: 'paragraphMatchCount',
-        rules: [{ message: '请输入知识库名称', required: true }],
+      //   rules: [{ message: '请输入知识库名称', required: true }],
-      },
+      // },
-      {
+      // {
-        children: <Switch style={{ width: 50 }} />,
+      //   children: <Switch style={{ width: 50 }} />,
-        label: '开启中文标题加强',
+      //   label: '开启中文标题加强',
-        name: 'chineseTitleEnhance',
+      //   name: 'chineseTitleEnhance',
-      },
+      // },
     ],
     icon: Settings,
     title: '知识库设置',
@@ -63,9 +81,9 @@ const KnowledgeBaseConfig = memo(() => {
 
   return (
     <>
-      <Form form={form} items={[system]} onValuesChange={handleConfigChange} {...FORM_STYLE} />
+      <Form form={form} items={[system]} initialValues={{...editKnowledgeInfo}} {...FORM_STYLE} />
       <Flexbox padding={50}>
-        <Button size="large" style={{ width: 400 }}>
+        <Button loading={submitLoading} size="large" style={{ width: 400 }} onClick={handleConfigChange} >
           保存
         </Button>
       </Flexbox>

frontend/src/app/knowledge/[id]/layout.tsx

@@ -2,18 +2,23 @@
 
 import { PropsWithChildren, memo } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
-
 import AppLayoutDesktop from '@/layout/AppLayout.desktop';
 import { SidebarTabKey } from '@/store/global/initialState';
-
+import { LeftOutlined } from "@ant-design/icons"
+import { Button } from "antd"
 import KnowledgeTabs from './tabs';
+import { useRouter } from 'next/navigation';
 
 interface LayoutProps extends PropsWithChildren {
   params: Record<string, string>;
 }
 export default memo<LayoutProps>(({ children, params }) => {
-  console.log(params);
+  // console.log(params); 
-
+  const router = useRouter();
+  
+  function goBack(){ 
+    router.push('/knowledge')
+  }
   return (
     <AppLayoutDesktop sidebarKey={SidebarTabKey.Knowledge}>
       <Flexbox direction="horizontal" flex={1} gap={40} height={'100%'}>
@@ -24,8 +29,10 @@ export default memo<LayoutProps>(({ children, params }) => {
           style={{ borderInlineEnd: '1px solid #333333' }}
         >
           <Flexbox padding={10}>
-            <Center>图标占位</Center>
+            <Center>  
-            <Center>知识库名称</Center>
+              <Button onClick={goBack} type="link" icon={<LeftOutlined />}>{params.id}</Button>
+            </Center>
+            {/* <Center>{params.id}</Center> */}
           </Flexbox>
 
           <KnowledgeTabs params={params} />

frontend/src/services/_url.ts

@@ -48,5 +48,15 @@ export const API_ENDPOINTS = mapWithBasePath({
   // knowledge
   knowledgeList: '/api/knowledge/list', 
   knowledgeAdd: '/api/knowledge/add',
-  knowledgeDel: '/api/knowledge/del'
+  knowledgeUpdate: '/api/knowledge/update',
+  knowledgeDel: '/api/knowledge/del',
+  // knowledge files
+  knowledgeFilesList: '/api/knowledge/listFiles', 
+  knowledgeUploadDocs:  '/api/knowledge/uploadDocs', 
+  knowledgeDownloadDocs:  '/api/knowledge/downloadDocs', 
+  knowledgeDelInknowledgeDB:  '/api/knowledge/deleteDocs', 
+  knowledgeDelVectorDB:'/api/knowledge/delVectorDocs', 
+  knowledgeRebuildVectorDB:  '/api/knowledge/rebuildVectorDB', 
+  knowledgeReAddVectorDB:  '/api/knowledge/reAddVectorDB', 
+
 });

frontend/src/services/knowledge.ts

@@ -1,16 +1,23 @@
 
-import { KnowledgeList, KnowledgeFormFields, Reseponse } from '@/types/knowledge';
+import type {
+    KnowledgeList, KnowledgeFormFields, Reseponse,
+    KnowledgeFilesList, KnowledgeDelDocsParams, KnowledgeDelDocsRes,
+    KnowledgeRebuildVectorParams, 
+    ReAddVectorDBParams, ReAddVectorDBRes,
+    KnowledgeUplodDocsParams, KnowledgeUplodDocsRes
+} from '@/types/knowledge';
 
+import { fetchSSE, FetchSSEOptions } from '@/utils/fetch';
 import { API_ENDPOINTS } from './_url';
 
 class KnowledgeService {
-    getList = async (): Promise<Reseponse<KnowledgeList>> => { 
+    getList = async (): Promise<Reseponse<KnowledgeList>> => {
         const res = await fetch(`${API_ENDPOINTS.knowledgeList}`);
         const data = await res.json();
         return data;
     };
 
-    add = async (formValues: KnowledgeFormFields) => { 
+    add = async (formValues: KnowledgeFormFields) => {
         const res = await fetch(`${API_ENDPOINTS.knowledgeAdd}`, {
             body: JSON.stringify(formValues),
             headers: {
@@ -20,8 +27,18 @@ class KnowledgeService {
         });
         return res.json();
     };
+    update = async (formValues: Partial<KnowledgeFormFields>) => {
+        const res = await fetch(`${API_ENDPOINTS.knowledgeUpdate}`, {
+            body: JSON.stringify(formValues),
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            method: 'POST',
+        });
+        return res.json();
+    };
 
-    del = async (name: string) => { 
+    del = async (name: string) => {
         const res = await fetch(`${API_ENDPOINTS.knowledgeDel}`, {
             body: JSON.stringify(name),
             headers: {
@@ -31,6 +48,99 @@ class KnowledgeService {
         });
         return res.json();
     };
+
+    getFilesList = (name: string): () => Promise<Reseponse<KnowledgeFilesList>> => {
+        const queryString = new URLSearchParams({
+            knowledge_base_name: name
+        }).toString();
+        return async () => {
+            const res = await fetch(`${API_ENDPOINTS.knowledgeFilesList}?${queryString}`);
+            const data = await res.json();
+            return data;
+        }
+    };
+
+    uploadDocs = async (formData: FormData): Promise<Reseponse<{}>> => {
+        const res = await fetch(`${API_ENDPOINTS.knowledgeUploadDocs}`, {
+            body: formData,
+            method: 'POST',
+        });
+        return res.json();
+    };
+
+    delInknowledgeDB = async (params: KnowledgeDelDocsParams): Promise<Reseponse<KnowledgeDelDocsRes>> => {
+        const res = await fetch(`${API_ENDPOINTS.knowledgeDelInknowledgeDB}`, {
+            body: JSON.stringify({
+                ...params,
+            }),
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            method: 'POST',
+        });
+        return res.json();
+    };
+
+    rebuildVectorDB = async (params: KnowledgeRebuildVectorParams, opts:
+        { onFinish: FetchSSEOptions["onFinish"]; onMessageHandle: FetchSSEOptions["onMessageHandle"] }
+    ) => {
+        const { onFinish, onMessageHandle } = opts;
+        fetchSSE(async () => await fetch(`${API_ENDPOINTS.knowledgeRebuildVectorDB}`, {
+            body: JSON.stringify({
+                ...params,
+            }),
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            method: 'POST'
+        }), {
+            onErrorHandle: (error) => {
+                throw new Error('请求错误：' + error);
+            },
+            onFinish,
+            onMessageHandle
+        })
+    };
+
+    delVectorDocs = async (params: KnowledgeDelDocsParams): Promise<Reseponse<KnowledgeDelDocsRes>> => {
+        const res = await fetch(`${API_ENDPOINTS.knowledgeDelVectorDB}`, {
+            body: JSON.stringify({
+                ...params,
+            }),
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            method: 'POST',
+        });
+        return res.json();
+    };
+
+    downloadDocs = async (kbName: string, docName: string): Promise<Reseponse<{}>> => {
+        const queryString = new URLSearchParams({
+            knowledge_base_name: kbName,
+            file_name: docName,
+            preview: 'false'
+        }).toString();
+        const res = await fetch(`${API_ENDPOINTS.knowledgeDownloadDocs}?${queryString}`);
+        console.log('res', res)
+        const data = await res.json();
+        return data;
+    }; 
+    reAddVectorDB = async (params: ReAddVectorDBParams): Promise<Reseponse<ReAddVectorDBRes>> => {
+        const res = await fetch(`${API_ENDPOINTS.knowledgeReAddVectorDB}`, {
+            body: JSON.stringify({
+                ...params,
+            }),
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            method: 'POST',
+        });
+        return res.json();
+    };
+
+
+
 }
 
 export const knowledgeService = new KnowledgeService();

frontend/src/store/knowledge/action.ts

@@ -1,19 +1,44 @@
 
 import useSWR, { SWRResponse } from 'swr';
 import type { StateCreator } from 'zustand/vanilla';
-
 import { knowledgeService } from '@/services/knowledge';
-
 import { globalHelpers } from '@/store/global/helpers';
-import { KnowledgeFormFields, KnowledgeList, Reseponse } from '@/types/knowledge';
+
+import type {
+  KnowledgeFormFields, KnowledgeList, Reseponse, KnowledgeFilesList,
+  KnowledgeDelDocsParams, KnowledgeDelDocsRes,
+  KnowledgeRebuildVectorParams, KnowledgeUplodDocsParams, KnowledgeUplodDocsRes,
+  ReAddVectorDBParams, ReAddVectorDBRes,
+} from '@/types/knowledge';
+import type { FetchSSEOptions } from '@/utils/fetch';
 
 import type { Store } from './store';
 
 export interface StoreAction {
+  // 知识库数据列表
   listData: KnowledgeList;
+
+  // 当前编辑的知识库
+  editKnowledgeInfo: null | KnowledgeFormFields;
+  setEditKnowledge: (data: KnowledgeFormFields) => void;
+
   useFetchKnowledgeList: () => SWRResponse<Reseponse<KnowledgeList>>;
   useFetchKnowledgeAdd: (arg: KnowledgeFormFields) => Promise<Reseponse<KnowledgeFormFields>>;
-  useFetchKnowledgeDel: (name: string)=> Promise<Reseponse<{}>>;
+  useFetchKnowledgeUpdate: (arg: Partial<KnowledgeFormFields>) => Promise<Reseponse<KnowledgeFormFields>>;
+  useFetchKnowledgeDel: (name: string) => Promise<Reseponse<{}>>;
+
+  // files
+  filesData: KnowledgeFilesList;
+  useFetchKnowledgeFilesList: (name: string) => SWRResponse<Reseponse<KnowledgeFilesList>>;
+  useFetchKnowledgeUploadDocs: (arg: FormData) => Promise<Reseponse<{}>>;
+  useFetchKnowledgeDownloadDocs: (kbName: string, docName: string) => Promise<Reseponse<{}>>;
+  useFetcDelInknowledgeDB: (arg: KnowledgeDelDocsParams) => Promise<Reseponse<KnowledgeDelDocsRes>>;
+  useFetcDelInVectorDB: (arg: KnowledgeDelDocsParams) => Promise<Reseponse<KnowledgeDelDocsRes>>;
+  useFetcRebuildVectorDB: (arg: KnowledgeRebuildVectorParams, options: {
+    onFinish: FetchSSEOptions["onFinish"];
+    onMessageHandle: FetchSSEOptions["onMessageHandle"]
+  }) => void;
+  useFetcReAddVectorDB: (arg: ReAddVectorDBParams) => Promise<Reseponse<ReAddVectorDBRes>>;
 }
 
 export const createKnowledgeAction: StateCreator<
@@ -28,7 +53,7 @@ export const createKnowledgeAction: StateCreator<
       globalHelpers.getCurrentLanguage(),
       knowledgeService.getList,
       {
-        onSuccess: (res) => { 
+        onSuccess: (res) => {
           set({ listData: res.data })
         },
       },
@@ -37,7 +62,47 @@ export const createKnowledgeAction: StateCreator<
   useFetchKnowledgeAdd: async (formValues) => {
     return await knowledgeService.add(formValues)
   },
+  useFetchKnowledgeUpdate: async (formValues) => {
+    return await knowledgeService.update(formValues)
+  },
   useFetchKnowledgeDel: async (name) => {
     return await knowledgeService.del(name)
   },
+  filesData: [],
+  useFetchKnowledgeFilesList: (knowledge_base_name) => {
+    return useSWR<Reseponse<KnowledgeFilesList>>(
+      globalHelpers.getCurrentLanguage(),
+      knowledgeService.getFilesList(knowledge_base_name),
+      {
+        onSuccess: (res) => {
+          set({ filesData: res.data })
+        },
+      },
+    )
+  },
+  useFetchKnowledgeUploadDocs: (formData) => {
+    return knowledgeService.uploadDocs(formData);
+  },
+  useFetchKnowledgeDownloadDocs: (kbName: string, docName: string) => {
+    return knowledgeService.downloadDocs(kbName, docName);
+  },
+  useFetcDelInknowledgeDB: (params) => {
+    return knowledgeService.delInknowledgeDB(params);
+  },
+  useFetcDelInVectorDB: async (name) => {
+    return await knowledgeService.delVectorDocs(name)
+  },
+  useFetcRebuildVectorDB: (params, options) => {
+    return knowledgeService.rebuildVectorDB(params, options);
+  },
+  useFetcReAddVectorDB: (params) => {
+    return knowledgeService.reAddVectorDB(params);
+  },
+
+
+  editKnowledgeInfo: null,
+  setEditKnowledge: (data) => {
+    set({ editKnowledgeInfo: data })
+  }
+
 });

frontend/src/types/knowledge.ts

@@ -1,12 +1,80 @@
-export interface Reseponse <T> { code: number; msg: string; data: T }
+export interface Reseponse<T> { code: number; msg: string; data: T }
 
+
+// create Knowledge fields
 export interface KnowledgeFormFields {
     knowledge_base_name: string;
-    vector_store_type: string;
+    vector_store_type?: string;
     kb_info?: string;
-    embed_model: string;
+    embed_model?: string;
 }
 
-export interface KnowledgeListItemFields extends KnowledgeFormFields { }
+// Knowledge base list
+export interface KnowledgeListFields {
+    "id": number;
+    "kb_name": string;
+    "kb_info": string;
+    "vs_type": string;
+    "embed_model": string;
+    "file_count": number;
+    "create_time": string;
+} 
+export type KnowledgeList = KnowledgeListFields[];
+
+// Knowledge base file list
+export type KnowledgeFilesFields = string;
+export type KnowledgeFilesList = KnowledgeFilesFields[];
+
+// Example Delete parameters of the knowledge base file
+export interface KnowledgeDelDocsParams {
+    knowledge_base_name: string;
+    file_names: string[];
+    delete_content: boolean;
+    not_refresh_vs_cache: boolean;
+} 
+export interface KnowledgeDelDocsRes {} 
+
+
+// upload docs
+export interface KnowledgeUplodDocsParams {
+    knowledge_base_name: string; 
+    files: File[];
+    override?: boolean;
+    to_vector_store?: string;
+    chunk_size?: string;
+    chunk_overlap?: string;
+    zh_title_enhance?: string;
+    docs?: string;
+    docsnot_refresh_vs_cache?: string;
+} 
+export interface KnowledgeUplodDocsRes { } 
+
+
+// re add docs
+export interface ReAddVectorDBParams {
+    "knowledge_base_name": string,
+    "file_names":string[];
+    "chunk_size": number;
+    "chunk_overlap": number;
+    "zh_title_enhance": boolean;
+    "override_custom_docs": boolean;
+    "docs": string;
+    "not_refresh_vs_cache": boolean
+} 
+export interface ReAddVectorDBRes { } 
+
+
+// Rebuild the vector library
+export interface KnowledgeRebuildVectorParams {
+    "knowledge_base_name": string;
+    "allow_empty_kb": boolean;
+    "vs_type": string;
+    "embed_model": string
+    "chunk_size": number;
+    "chunk_overlap": number;
+    "zh_title_enhance": boolean;
+    "not_refresh_vs_cache": boolean;
+} 
+export interface KnowledgeRebuildVectorRes { } 
+
 
-export type KnowledgeList = KnowledgeListItemFields[];