♻️ Refactor: Sort frontend imports #1037

Author: WMC001

frontend/app/[locale]/setup/agentSetup/components/AgentSetupOrchestrator.tsx

@@ -3,11 +3,10 @@
 import { useState, useEffect, useCallback, useRef } from "react";
 import { useTranslation } from "react-i18next";
 import { TFunction } from "i18next";
+
 import { App, Modal, Typography } from "antd";
 
 import { TooltipProvider } from "@/components/ui/tooltip";
-import { OpenAIModel } from "@/types/config";
-import { Agent, AgentSetupOrchestratorProps } from "@/types/agentConfig";
 import {
   getCreatingSubAgentId,
   fetchAgentList,
@@ -16,6 +15,8 @@ import {
   deleteAgent,
   searchAgentInfo,
 } from "@/services/agentConfigService";
+import { OpenAIModel } from "@/types/config";
+import { Agent, AgentSetupOrchestratorProps } from "@/types/agentConfig";
 
 import SubAgentPool from "./agent/SubAgentPool";
 import CollaborativeAgentDisplay from "./agent/CollaborativeAgentDisplay";

frontend/app/[locale]/setup/agentSetup/components/DebugConfig.tsx

@@ -2,11 +2,11 @@
 
 import { useState, useRef, useEffect } from "react";
 import { useTranslation } from "react-i18next";
+
 import { Input } from "antd";
 
-import { ChatMessageType, TaskMessageType } from "@/types/chat";
 import { conversationService } from "@/services/conversationService";
-
+import { ChatMessageType, TaskMessageType } from "@/types/chat";
 import { handleStreamResponse } from "@/app/chat/streaming/chatStreamHandler";
 import { ChatStreamFinalMessage } from "@/app/chat/streaming/chatStreamFinalMessage";
 import { TaskWindow } from "@/app/chat/streaming/taskWindow";

frontend/app/[locale]/setup/agentSetup/components/agent/SubAgentPool.tsx

@@ -2,6 +2,7 @@
 
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
+
 import { App, Button, Tooltip } from "antd";
 import { UploadOutlined, LinkOutlined } from "@ant-design/icons";
 

frontend/app/[locale]/setup/agentSetup/components/tool/ToolPool.tsx

@@ -2,6 +2,7 @@
 
 import { useState, useEffect, useMemo, useCallback, memo } from "react";
 import { useTranslation } from "react-i18next";
+
 import { Button, App, Tabs } from "antd";
 import {
   SettingOutlined,

frontend/app/[locale]/setup/knowledgeSetup/components/document/DocumentList.tsx

@@ -4,17 +4,19 @@ import React, {
   forwardRef,
   useImperativeHandle,
 } from "react";
+import { useTranslation } from "react-i18next";
+
+import { Input, Button, App } from "antd";
+import { InfoCircleFilled } from "@ant-design/icons";
+
+import knowledgeBaseService from "@/services/knowledgeBaseService";
 import { Document } from "@/types/knowledgeBase";
+import { formatFileSize, sortByStatusAndDate } from "@/lib/utils";
+
 import DocumentStatus from "./DocumentStatus";
-import { InfoCircleFilled } from "@ant-design/icons";
 import UploadArea from "../upload/UploadArea";
-import { formatFileSize, sortByStatusAndDate } from "@/lib/utils";
-import { Input, Button } from "antd";
 import { useKnowledgeBaseContext } from "../../contexts/KnowledgeBaseContext";
 import { useDocumentContext } from "../../contexts/DocumentContext";
-import { App } from "antd";
-import knowledgeBaseService from "@/services/knowledgeBaseService";
-import { useTranslation } from "react-i18next";
 
 // UI layout configuration, internally manages height ratios of each section
 export const UI_CONFIG = {

frontend/app/[locale]/setup/knowledgeSetup/components/knowledge/KnowledgeBaseList.tsx

@@ -1,8 +1,10 @@
 import React from 'react'
+import { useTranslation } from 'react-i18next'
+
 import { Button, Checkbox, ConfigProvider } from 'antd'
 import { SyncOutlined, PlusOutlined } from '@ant-design/icons'
+
 import { KnowledgeBase } from '@/types/knowledgeBase'
-import { useTranslation } from 'react-i18next'
 
 // 知识库布局常量配置
 const KB_LAYOUT = {

frontend/app/[locale]/setup/knowledgeSetup/components/upload/UploadArea.tsx

@@ -1,14 +1,17 @@
 import React, { useState, forwardRef, useImperativeHandle, useEffect, useCallback, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+
 import type { UploadFile, UploadProps, RcFile } from 'antd/es/upload/interface';
 import { App } from 'antd';
-import { useTranslation } from 'react-i18next';
-import UploadAreaUI from './UploadAreaUI';
+
 import { 
   checkKnowledgeBaseName,
   fetchKnowledgeBaseInfo,
   validateFileType,
 } from '@/services/uploadService';
 
+import UploadAreaUI from './UploadAreaUI';
+
 interface UploadAreaProps {
   isDragging?: boolean;
   onDragOver?: (e: React.DragEvent) => void;

frontend/app/[locale]/setup/knowledgeSetup/components/upload/UploadAreaUI.tsx

@@ -1,8 +1,10 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
+
 import { Upload, Progress } from 'antd';
 import { InboxOutlined, WarningFilled } from '@ant-design/icons';
 import type { UploadFile, UploadProps } from 'antd/es/upload/interface';
-import { useTranslation } from 'react-i18next';
+
 const { Dragger } = Upload;
 
 interface UploadAreaUIProps {

frontend/app/[locale]/setup/knowledgeSetup/config.tsx

@@ -1,36 +1,35 @@
 "use client";
 
 import type React from "react";
-import { useTranslation } from "react-i18next";
 import { useState, useEffect, useRef, useLayoutEffect } from "react";
+import { useTranslation } from "react-i18next";
 
 import { App } from "antd";
 import { InfoCircleFilled } from "@ant-design/icons";
 
-// Import hooks and providers
-import {
-  useKnowledgeBaseContext,
-  KnowledgeBaseProvider,
-} from "./contexts/KnowledgeBaseContext";
-import {
-  useDocumentContext,
-  DocumentProvider,
-} from "./contexts/DocumentContext";
-import { useUIContext, UIProvider } from "./contexts/UIStateContext";
-import { KnowledgeBase } from "@/types/knowledgeBase";
+import { useConfirmModal } from "@/hooks/useConfirmModal";
+
 import knowledgeBaseService from "@/services/knowledgeBaseService";
 import knowledgeBasePollingService from "@/services/knowledgeBasePollingService";
 import { API_ENDPOINTS } from "@/services/api";
+import { KnowledgeBase } from "@/types/knowledgeBase";
 import {
   SETUP_PAGE_CONTAINER,
   FLEX_TWO_COLUMN_LAYOUT,
   STANDARD_CARD,
 } from "@/lib/layoutConstants";
 
-// Import components
 import KnowledgeBaseList from "./components/knowledge/KnowledgeBaseList";
 import DocumentList from "./components/document/DocumentList";
-import { useConfirmModal } from "@/hooks/useConfirmModal";
+import {
+  useKnowledgeBaseContext,
+  KnowledgeBaseProvider,
+} from "./contexts/KnowledgeBaseContext";
+import {
+  useDocumentContext,
+  DocumentProvider,
+} from "./contexts/DocumentContext";
+import { useUIContext, UIProvider } from "./contexts/UIStateContext";
 
 // EmptyState component defined directly in this file
 interface EmptyStateProps {

frontend/app/[locale]/setup/knowledgeSetup/contexts/DocumentContext.tsx

@@ -1,10 +1,11 @@
 "use client"
 
-import { createContext, useReducer, useContext, ReactNode, useCallback, useEffect } from "react"
-import { Document } from "@/types/knowledgeBase"
-import knowledgeBaseService from "@/services/knowledgeBaseService"
+import { createContext, useReducer, useContext, ReactNode, useCallback, useEffect } from "react";
 import { useTranslation } from 'react-i18next';
 
+import knowledgeBaseService from "@/services/knowledgeBaseService";
+import { Document } from "@/types/knowledgeBase";
+
 // Document state interface
 interface DocumentState {
   documentsMap: Record<string, Document[]>;