change settings page and add ratio task detail page (#77)

* feat: Update site name to DataMate and refine text for AI data processing

* feat: Refactor settings page and implement model access functionality

- Created a new ModelAccess component for managing model configurations.
- Removed the old Settings component and replaced it with a new SettingsPage component that integrates ModelAccess, SystemConfig, and WebhookConfig.
- Added SystemConfig component for managing system settings.
- Implemented WebhookConfig component for managing webhook configurations.
- Updated API functions for model management in settings.apis.ts.
- Adjusted routing to point to the new SettingsPage component.

* feat: Implement Data Collection Page with Task Management and Execution Log

- Created DataCollectionPage component to manage data collection tasks.
- Added TaskManagement and ExecutionLog components for task handling and logging.
- Integrated task operations including start, stop, edit, and delete functionalities.
- Implemented filtering and searching capabilities in task management.
- Introduced SimpleCronScheduler for scheduling tasks with cron expressions.
- Updated CreateTask component to utilize new scheduling and template features.
- Enhanced BasicInformation component to conditionally render fields based on visibility settings.
- Refactored ImportConfiguration component to remove NAS import section.

* feat: Update task creation API endpoint and enhance task creation form with new fields and validation

* Refactor file upload and operator management components

- Removed unnecessary console logs from file download and export functions.
- Added size property to TaskItem interface for better task management.
- Simplified TaskUpload component by utilizing useFileSliceUpload hook for file upload logic.
- Enhanced OperatorPluginCreate component to handle file uploads and parsing more efficiently.
- Updated ConfigureStep component to use Ant Design Form for better data handling and validation.
- Improved PreviewStep component to navigate back to the operator market.
- Added support for additional file types in UploadStep component.
- Implemented delete operator functionality in OperatorMarketPage with confirmation prompts.
- Cleaned up unused API functions in operator.api.ts to streamline the codebase.
- Fixed number formatting utility to handle zero values correctly.

* Refactor Knowledge Generation to Knowledge Base

- Created new API service for Knowledge Base operations including querying, creating, updating, and deleting knowledge bases and files.
- Added constants for Knowledge Base status and type mappings.
- Defined models for Knowledge Base and related files.
- Removed obsolete Knowledge Base creation and home components, replacing them with new implementations under the Knowledge Base structure.
- Updated routing to reflect the new Knowledge Base paths.
- Adjusted menu items to align with the new Knowledge Base terminology.
- Modified ModelAccess interface to include modelName and type properties.

* feat: Implement Knowledge Base Page with CRUD operations and data management

- Added KnowledgeBasePage component for displaying and managing knowledge bases.
- Integrated search and filter functionalities with SearchControls component.
- Implemented CreateKnowledgeBase component for creating and editing knowledge bases.
- Enhanced AddDataDialog for file uploads and dataset selections.
- Introduced TableTransfer component for managing data transfers between tables.
- Updated API functions for knowledge base operations, including file management.
- Refactored knowledge base model to include file status and metadata.
- Adjusted routing to point to the new KnowledgeBasePage.

* feat: enhance OperatorPluginCreate and ConfigureStep for better upload handling and UI updates

* refactor: remove unused components and clean up API logging in KnowledgeBase

* feat: update icons in various components and improve styling for better UI consistency

* fix: adjust upload step handling and improve error display in configuration step

* feat: Add RatioTransfer component for dataset selection and configuration

- Implemented RatioTransfer component to manage dataset selection and ratio configuration.
- Integrated dataset fetching with search and filter capabilities.
- Added RatioConfig component for displaying and updating selected datasets' configurations.
- Enhanced SelectDataset component with improved UI and functionality for dataset selection.
- Updated RatioTasksPage to utilize new ratio task status mapping and improved error handling for task deletion.
- Refactored ratio model and constants for better type safety and clarity.
- Changed Vite configuration to use local backend service for development.

* feat: Add .editorconfig and enhance SystemConfig with table for settings display

* feat: Enhance parameter configuration for range inputs and update default values

* feat: Update site name to DataMate and refine text for AI data processing

* Refactor file upload and operator management components

- Removed unnecessary console logs from file download and export functions.
- Added size property to TaskItem interface for better task management.
- Simplified TaskUpload component by utilizing useFileSliceUpload hook for file upload logic.
- Enhanced OperatorPluginCreate component to handle file uploads and parsing more efficiently.
- Updated ConfigureStep component to use Ant Design Form for better data handling and validation.
- Improved PreviewStep component to navigate back to the operator market.
- Added support for additional file types in UploadStep component.
- Implemented delete operator functionality in OperatorMarketPage with confirmation prompts.
- Cleaned up unused API functions in operator.api.ts to streamline the codebase.
- Fixed number formatting utility to handle zero values correctly.

* Refactor Knowledge Generation to Knowledge Base

- Created new API service for Knowledge Base operations including querying, creating, updating, and deleting knowledge bases and files.
- Added constants for Knowledge Base status and type mappings.
- Defined models for Knowledge Base and related files.
- Removed obsolete Knowledge Base creation and home components, replacing them with new implementations under the Knowledge Base structure.
- Updated routing to reflect the new Knowledge Base paths.
- Adjusted menu items to align with the new Knowledge Base terminology.
- Modified ModelAccess interface to include modelName and type properties.

* feat: Implement Knowledge Base Page with CRUD operations and data management

- Added KnowledgeBasePage component for displaying and managing knowledge bases.
- Integrated search and filter functionalities with SearchControls component.
- Implemented CreateKnowledgeBase component for creating and editing knowledge bases.
- Enhanced AddDataDialog for file uploads and dataset selections.
- Introduced TableTransfer component for managing data transfers between tables.
- Updated API functions for knowledge base operations, including file management.
- Refactored knowledge base model to include file status and metadata.
- Adjusted routing to point to the new KnowledgeBasePage.

* feat: enhance OperatorPluginCreate and ConfigureStep for better upload handling and UI updates

* feat: update icons in various components and improve styling for better UI consistency

* fix: adjust upload step handling and improve error display in configuration step

* feat: Update site name to DataMate and refine text for AI data processing

* Refactor file upload and operator management components

- Removed unnecessary console logs from file download and export functions.
- Added size property to TaskItem interface for better task management.
- Simplified TaskUpload component by utilizing useFileSliceUpload hook for file upload logic.
- Enhanced OperatorPluginCreate component to handle file uploads and parsing more efficiently.
- Updated ConfigureStep component to use Ant Design Form for better data handling and validation.
- Improved PreviewStep component to navigate back to the operator market.
- Added support for additional file types in UploadStep component.
- Implemented delete operator functionality in OperatorMarketPage with confirmation prompts.
- Cleaned up unused API functions in operator.api.ts to streamline the codebase.
- Fixed number formatting utility to handle zero values correctly.

* Refactor Knowledge Generation to Knowledge Base

- Created new API service for Knowledge Base operations including querying, creating, updating, and deleting knowledge bases and files.
- Added constants for Knowledge Base status and type mappings.
- Defined models for Knowledge Base and related files.
- Removed obsolete Knowledge Base creation and home components, replacing them with new implementations under the Knowledge Base structure.
- Updated routing to reflect the new Knowledge Base paths.
- Adjusted menu items to align with the new Knowledge Base terminology.
- Modified ModelAccess interface to include modelName and type properties.

* feat: Implement Knowledge Base Page with CRUD operations and data management

- Added KnowledgeBasePage component for displaying and managing knowledge bases.
- Integrated search and filter functionalities with SearchControls component.
- Implemented CreateKnowledgeBase component for creating and editing knowledge bases.
- Enhanced AddDataDialog for file uploads and dataset selections.
- Introduced TableTransfer component for managing data transfers between tables.
- Updated API functions for knowledge base operations, including file management.
- Refactored knowledge base model to include file status and metadata.
- Adjusted routing to point to the new KnowledgeBasePage.

* feat: enhance OperatorPluginCreate and ConfigureStep for better upload handling and UI updates

* feat: update icons in various components and improve styling for better UI consistency

* fix: adjust upload step handling and improve error display in configuration step

* feat: add settings drawer and integrate SettingsPage component

* feat: add ratio task management features including detail view and API integration

frontend/src/pages/OperatorMarket/Create/components/ConfigureStep.tsx

@@ -1,6 +1,6 @@
-import {Alert, Input, Form} from "antd";
+import { Alert, Input, Form } from "antd";
 import TextArea from "antd/es/input/TextArea";
-import React, {useEffect} from "react";
+import React, { useEffect } from "react";
 import ParamConfig from "@/pages/DataCleansing/Create/components/ParamConfig.tsx";
 
 export default function ConfigureStep({
@@ -22,14 +22,14 @@ export default function ConfigureStep({
     setParsedInfo((op) =>
       op.id === operatorId
         ? {
-          ...op,
-          overrides: {
-            ...(op?.overrides || op?.defaultParams),
-            [paramKey]: value,
-          },
-        }
+            ...op,
+            overrides: {
+              ...(op?.overrides || op?.defaultParams),
+              [paramKey]: value,
+            },
+          }
         : op
-    )
+    );
   };
 
   return (
@@ -52,32 +52,40 @@ export default function ConfigureStep({
           layout="vertical"
           initialValues={parsedInfo}
           onValuesChange={(_, allValues) => {
-            setParsedInfo({...parsedInfo, ...allValues});
+            setParsedInfo({ ...parsedInfo, ...allValues });
           }}
         >
           {/* 基本信息 */}
           <h3 className="text-lg font-semibold text-gray-900">基本信息</h3>
-          <Form.Item label="ID" name="id" rules={[{required: true}]}>
-            <Input value={parsedInfo.id} readOnly/>
+          <Form.Item label="ID" name="id" rules={[{ required: true }]}>
+            <Input value={parsedInfo.id} readOnly />
           </Form.Item>
-          <Form.Item label="名称" name="name" rules={[{required: true}]}>
-            <Input value={parsedInfo.name}/>
+          <Form.Item label="名称" name="name" rules={[{ required: true }]}>
+            <Input value={parsedInfo.name} />
           </Form.Item>
-          <Form.Item label="版本" name="version" rules={[{required: true}]}>
-            <Input value={parsedInfo.version}/>
+          <Form.Item label="版本" name="version" rules={[{ required: true }]}>
+            <Input value={parsedInfo.version} />
           </Form.Item>
           <Form.Item
             label="描述"
             name="description"
-            rules={[{required: false}]}
+            rules={[{ required: false }]}
           >
-            <TextArea value={parsedInfo.description}/>
+            <TextArea value={parsedInfo.description} />
           </Form.Item>
-          <Form.Item label="输入类型" name="inputs" rules={[{required: true}]}>
-            <Input value={parsedInfo.inputs}/>
+          <Form.Item
+            label="输入类型"
+            name="inputs"
+            rules={[{ required: true }]}
+          >
+            <Input value={parsedInfo.inputs} />
           </Form.Item>
-          <Form.Item label="输出类型" name="outputs" rules={[{required: true}]}>
-            <Input value={parsedInfo.outputs}/>
+          <Form.Item
+            label="输出类型"
+            name="outputs"
+            rules={[{ required: true }]}
+          >
+            <Input value={parsedInfo.outputs} />
           </Form.Item>
 
           {parsedInfo.configs && Object.keys(parsedInfo.configs).length > 0 && (
@@ -85,19 +93,17 @@ export default function ConfigureStep({
               <h3 className="text-lg font-semibold text-gray-900 mt-10 mb-2">
                 高级配置
               </h3>
-              <div className="border p-4 rounded-lg grid grid-cols-2 gap-4">
-                <Form layout="vertical">
-                  {Object.entries(parsedInfo?.configs).map(([key, param]) =>
-                    <ParamConfig
-                      key={key}
-                      operator={parsedInfo}
-                      paramKey={key}
-                      param={param}
-                      onParamChange={handleConfigChange}
-                    />
-                  )}
-                </Form>
-              </div>
+              <Form layout="vertical">
+                {Object.entries(parsedInfo?.configs).map(([key, param]) => (
+                  <ParamConfig
+                    key={key}
+                    operator={parsedInfo}
+                    paramKey={key}
+                    param={param}
+                    onParamChange={handleConfigChange}
+                  />
+                ))}
+              </Form>
             </>
           )}