♻️ Sort frontend imports #1037

Author: Phinease

frontend/app/[locale]/chat/components/chatAgentSelector.tsx

@@ -2,9 +2,10 @@
 
 import React, { useState, useEffect, useRef } from "react";
 import { createPortal } from "react-dom";
+import { useTranslation } from "react-i18next";
 import { ChevronDown, MousePointerClick } from "lucide-react";
+
 import { fetchAllAgents } from "@/services/agentConfigService";
-import { useTranslation } from "react-i18next";
 import { getUrlParam } from "@/lib/utils";
 
 interface Agent {

frontend/app/[locale]/chat/components/chatHeader.tsx

@@ -1,10 +1,17 @@
 "use client";
 
 import { useState, useRef, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { Dropdown } from "antd";
+import { DownOutlined } from "@ant-design/icons";
+import { BrainCircuit, Globe } from "lucide-react";
+
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
-import { BrainCircuit, Globe } from "lucide-react";
-import { DownOutlined } from "@ant-design/icons";
+import { languageOptions } from "@/lib/constants";
+import { useLanguageSwitch } from "@/lib/language";
+
+import MemoryManageModal from "../internal/memory/memoryManageModal";
 
 // Gradient definition for BrainCircuit icon
 const GradientDefs = () => (
@@ -18,12 +25,6 @@ const GradientDefs = () => (
   </svg>
 );
 
-import { useTranslation } from "react-i18next";
-import { Dropdown } from "antd";
-import { languageOptions } from "@/lib/constants";
-import { useLanguageSwitch } from "@/lib/language";
-import MemoryManageModal from "../internal/memory/memoryManageModal";
-
 interface ChatHeaderProps {
   title: string;
   onRename?: (newTitle: string) => void;

frontend/app/[locale]/chat/components/chatInput.tsx

@@ -1,16 +1,6 @@
 import { useState, useRef, useEffect } from "react";
-import { Input } from "@/components/ui/input";
-import { Button } from "@/components/ui/button";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
+import { useTranslation } from "react-i18next";
 import { Paperclip, Mic, MicOff, Square, X, AlertCircle } from "lucide-react";
-import { conversationService } from "@/services/conversationService";
-import { Textarea } from "@/components/ui/textarea";
-import { useConfig } from "@/hooks/useConfig";
 import {
   AiFillFileImage,
   AiFillFilePdf,
@@ -24,8 +14,20 @@ import {
   AiFillFileUnknown,
   AiOutlineUpload,
 } from "react-icons/ai";
+
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { Textarea } from "@/components/ui/textarea";
+import { conversationService } from "@/services/conversationService";
+import { useConfig } from "@/hooks/useConfig";
 import { extractColorsFromUri } from "@/lib/avatar";
-import { useTranslation } from "react-i18next";
+
 import { ChatAgentSelector } from "./chatAgentSelector";
 
 // Image viewer component

frontend/app/[locale]/chat/components/chatLeftSidebar.tsx

@@ -1,11 +1,4 @@
 import { useState, useRef, useEffect } from "react";
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdownMenu";
 import {
   Clock,
   Settings,
@@ -17,7 +10,14 @@ import {
   ChevronRight,
   User,
 } from "lucide-react";
-import { ConversationListItem } from "@/types/chat";
+
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdownMenu";
 import { Input } from "@/components/ui/input";
 import {
   Dialog,
@@ -41,6 +41,7 @@ import { getRoleColor } from "@/lib/auth";
 import { useAuth } from "@/hooks/useAuth";
 import { extractColorsFromUri } from "@/lib/avatar";
 import { useTranslation } from "react-i18next";
+import { ConversationListItem } from "@/types/chat";
 
 // conversation status indicator component
 const ConversationStatusIndicator = ({

frontend/app/[locale]/chat/components/chatRightPanel.tsx

@@ -1,12 +1,13 @@
 import { useState, useEffect, useRef, useCallback } from "react";
+import { useTranslation } from "react-i18next";
+import { ExternalLink, Database, X } from "lucide-react";
+
 import { Button } from "@/components/ui/button";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { StaticScrollArea } from "@/components/ui/scrollArea";
-import { ExternalLink, Database, X } from "lucide-react";
 import { ChatMessageType } from "@/types/chat";
 import { API_ENDPOINTS } from "@/services/api";
 import { formatDate, formatUrl } from "@/lib/utils";
-import { useTranslation } from "react-i18next";
 
 interface ImageItem {
   base64Data: string;

frontend/app/[locale]/chat/internal/chatAttachment.tsx

@@ -1,4 +1,5 @@
 import { useState } from "react";
+import { useTranslation } from "react-i18next";
 import { ExternalLink } from "lucide-react";
 import {
   AiFillFileImage,
@@ -13,14 +14,14 @@ import {
   AiFillCode,
   AiFillFileUnknown,
 } from "react-icons/ai";
-import { cn } from "@/lib/utils";
+
 import {
   Dialog,
   DialogContent,
   DialogHeader,
   DialogTitle,
 } from "@/components/ui/dialog";
-import { useTranslation } from "react-i18next";
+import { cn } from "@/lib/utils";
 
 // Interface for attachment items
 export interface AttachmentItem {

frontend/app/[locale]/chat/internal/chatInterface.tsx

@@ -5,17 +5,18 @@ import type React from "react";
 import { useState, useRef, useEffect } from "react";
 import { useRouter } from "next/navigation";
 import { v4 as uuidv4 } from "uuid";
+import { useTranslation } from "react-i18next";
+
 import { useConfig } from "@/hooks/useConfig";
+import { useAuth } from "@/hooks/useAuth";
 import { conversationService } from "@/services/conversationService";
 import { storageService } from "@/services/storageService";
-import { useAuth } from "@/hooks/useAuth";
-import { useTranslation } from "react-i18next";
 
-import { ChatSidebar } from "@/app/chat/components/chatLeftSidebar";
-import { FilePreview } from "@/app/chat/components/chatInput";
-import { ChatHeader } from "@/app/chat/components/chatHeader";
-import { ChatRightPanel } from "@/app/chat/components/chatRightPanel";
-import { ChatStreamMain } from "@/app/chat/streaming/chatStreamMain";
+import { ChatSidebar } from "../components/chatLeftSidebar";
+import { FilePreview } from "../components/chatInput";
+import { ChatHeader } from "../components/chatHeader";
+import { ChatRightPanel } from "../components/chatRightPanel";
+import { ChatStreamMain } from "../streaming/chatStreamMain";
 
 import {
   preprocessAttachments,

frontend/app/[locale]/chat/internal/chatPreprocess.tsx

@@ -1,7 +1,8 @@
 import { AgentStep } from "@/types/chat";
 import { conversationService } from "@/services/conversationService";
 import { storageService } from "@/services/storageService";
-import { FilePreview } from "@/app/chat/components/chatInput";
+
+import { FilePreview } from "../components/chatInput";
 
 // Step ID Counter
 const stepIdCounter = { current: 0 };

frontend/app/[locale]/chat/internal/extractMsgFromHistoryResponse.tsx

@@ -1,4 +1,5 @@
 "use client";
+
 import {
   ApiMessage,
   SearchResult,

frontend/app/[locale]/chat/internal/memory/memoryDeleteModal.tsx

@@ -1,7 +1,7 @@
 import React from "react";
+import { useTranslation, Trans } from "react-i18next";
 import { Modal } from "antd";
 import { WarningFilled } from "@ant-design/icons";
-import { useTranslation, Trans } from "react-i18next";
 
 interface MemoryDeleteModalProps {
   visible: boolean;