Integrated Redux for state management with auth and settings slices. (#117)

* feat: Implement DatasetFileTransfer component for file selection and management

* feat: Add pagination support to file list in Overview component

* feat: add DatasetFileTransfer and TagManagement components

- Added DatasetFileTransfer component for managing dataset files.
- Introduced TagManagement component for handling tags.
- Integrated Redux for state management with auth and settings slices.
- Updated package.json to include @reduxjs/toolkit and react-redux dependencies.
- Refactored existing components to utilize new DatasetFileTransfer and TagManagement components.
- Implemented hooks for typed dispatch and selector in Redux.
- Enhanced CreateKnowledgeBase and SynthesisTask components to support new features.

frontend/src/pages/KnowledgeBase/components/AddDataDialog.tsx

@@ -12,7 +12,7 @@ import {
 } from "antd";
 import { PlusOutlined } from "@ant-design/icons";
 import { addKnowledgeBaseFilesUsingPost } from "../knowledge-base.api";
-import DatasetFileTransfer from "../../../components/DatasetFileTransfer";
+import DatasetFileTransfer from "@/components/business/DatasetFileTransfer";
 import { DescriptionsItemType } from "antd/es/descriptions";
 import { DatasetFileCols } from "../knowledge-base.const";
 
@@ -128,7 +128,7 @@ export default function AddDataDialog({ knowledgeBase, onDataAdded }) {
     try {
       // 构造符合API要求的请求数据
       const requestData = {
-        files: Object.values(selectedFilesMap),
+        files: Object.entries(selectedFilesMap),
         processType: newKB.processType,
         chunkSize: Number(newKB.chunkSize), // 确保是数字类型
         overlapSize: Number(newKB.overlapSize), // 确保是数字类型

frontend/src/pages/KnowledgeBase/components/CreateKnowledgeBase.tsx

@@ -1,6 +1,7 @@
 import { Button, Form, Input, message, Modal, Select } from "antd";
 import { PlusOutlined } from "@ant-design/icons";
 import { useEffect, useState } from "react";
+import { useDispatch } from "react-redux";
 import { queryModelListUsingGet } from "@/pages/SettingsPage/settings.apis";
 import { ModelI } from "@/pages/SettingsPage/ModelAccess";
 import {
@@ -8,6 +9,7 @@ import {
   updateKnowledgeBaseByIdUsingPut,
 } from "../knowledge-base.api";
 import { KnowledgeBaseItem } from "../knowledge-base.model";
+import { showSettings } from "@/store/slices/settingsSlice";
 
 export default function CreateKnowledgeBase({
   isEdit,
@@ -25,6 +27,7 @@ export default function CreateKnowledgeBase({
   const [open, setOpen] = useState(false);
   const [form] = Form.useForm();
   const [models, setModels] = useState<ModelI[]>([]);
+  const dispatch = useDispatch();
 
   const embeddingModelOptions = models
     .filter((model) => model.type === "EMBEDDING")
@@ -130,6 +133,19 @@ export default function CreateKnowledgeBase({
               placeholder="请选择索引模型"
               options={embeddingModelOptions}
               disabled={isEdit} // 编辑模式下禁用索引模型修改
+              popupRender={(menu) => (
+                <>
+                  {menu}
+                  <Button
+                    block
+                    type="link"
+                    icon={<PlusOutlined />}
+                    onClick={() => dispatch(showSettings())}
+                  >
+                    添加模型
+                  </Button>
+                </>
+              )}
             />
           </Form.Item>
           <Form.Item
@@ -146,4 +162,4 @@ export default function CreateKnowledgeBase({
       </Modal>
     </>
   );
-}
+}