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.

Author: chenghh-9609

frontend/package-lock.json

@@ -11,12 +11,14 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@reduxjs/toolkit": "^2.11.0",
     "@xyflow/react": "^12.8.3",
     "antd": "^5.27.0",
     "jssha": "^3.3.1",
     "lucide-react": "^0.539.0",
     "react": "^18.1.1",
     "react-dom": "^18.1.1",
+    "react-redux": "^9.2.0",
     "react-router": "^7.8.0",
     "recharts": "2.15.0"
   },

frontend/package.json

@@ -13,7 +13,6 @@ import {
 } from "@/pages/DataManagement/dataset.api";
 import { formatBytes } from "@/utils/unit";
 import { useDebouncedEffect } from "@/hooks/useDebouncedEffect";
-import { DatasetFileCols as fileCols } from "../pages/KnowledgeBase/knowledge-base.const";
 
 interface DatasetFileTransferProps
   extends React.HTMLAttributes<HTMLDivElement> {
@@ -22,6 +21,28 @@ interface DatasetFileTransferProps
   onSelectedFilesChange: (filesMap: { [key: string]: DatasetFile }) => void;
 }
 
+const fileCols = [
+  {
+    title: "所属数据集",
+    dataIndex: "datasetName",
+    key: "datasetName",
+    ellipsis: true,
+  },
+  {
+    title: "文件名",
+    dataIndex: "fileName",
+    key: "fileName",
+    ellipsis: true,
+  },
+  {
+    title: "大小",
+    dataIndex: "fileSize",
+    key: "fileSize",
+    ellipsis: true,
+    render: formatBytes,
+  },
+];
+
 // Customize Table Transfer
 const DatasetFileTransfer: React.FC<DatasetFileTransferProps> = ({
   open,

…d/src/components/DatasetFileTransfer.tsx …ponents/business/DatasetFileTransfer.tsxfrontend/src/components/DatasetFileTransfer.tsx renamed to frontend/src/components/business/DatasetFileTransfer.tsx frontend/src/components/DatasetFileTransfer.tsx renamed to frontend/src/components/business/DatasetFileTransfer.tsx

@@ -5,14 +5,18 @@ import router from "./routes/routes";
 import { App as AntdApp, Spin } from "antd";
 import "./index.css";
 import TopLoadingBar from "./components/TopLoadingBar";
+import { store } from "./store";
+import { Provider } from "react-redux";
 
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
-    <AntdApp>
-      <Suspense fallback={<Spin />}>
-        <TopLoadingBar />
-        <RouterProvider router={router} />
-      </Suspense>
-    </AntdApp>
+    <Provider store={store}>
+      <AntdApp>
+        <Suspense fallback={<Spin />}>
+          <TopLoadingBar />
+          <RouterProvider router={router} />
+        </Suspense>
+      </AntdApp>
+    </Provider>
   </StrictMode>
 );

frontend/src/components/TagManagement.tsx …rc/components/business/TagManagement.tsxfrontend/src/components/TagManagement.tsx renamed to frontend/src/components/business/TagManagement.tsx frontend/src/components/TagManagement.tsx renamed to frontend/src/components/business/TagManagement.tsx

@@ -6,7 +6,7 @@ import {
   PlusOutlined,
   UploadOutlined,
 } from "@ant-design/icons";
-import TagManager from "@/components/TagManagement";
+import TagManager from "@/components/business/TagManagement";
 import { Link, useNavigate } from "react-router";
 import { useEffect, useMemo, useState } from "react";
 import { SearchControls } from "@/components/SearchControls";

frontend/src/components/TaskPopover.tsx …/src/components/business/TaskPopover.tsxfrontend/src/components/TaskPopover.tsx renamed to frontend/src/components/business/TaskPopover.tsx frontend/src/components/TaskPopover.tsx renamed to frontend/src/components/business/TaskPopover.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), // 确保是数字类型