fix: fix ESlint warnings

frontend/src/features/login/components/OidcTokenHandler.tsx

@@ -57,7 +57,7 @@ export default function OidcTokenHandler() {
         window.dispatchEvent(new Event('oidc-login-success'));
       }, 100);
     }
-  }, [router, searchParams]);
+  }, [router, searchParams, t]);
 
   return null;
 }

frontend/src/features/onboarding/useOnboarding.ts

@@ -2,7 +2,7 @@
 //
 // SPDX-License-Identifier: Apache-2.0
 
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState, useCallback } from 'react';
 import { useRouter } from 'next/navigation';
 import { driver, Driver, AllowedButtons, Config } from 'driver.js';
 import { useTranslation } from 'react-i18next';
@@ -64,7 +64,7 @@ export const useOnboarding = ({
     localStorage.setItem(ONBOARDING_CURRENT_STEP_KEY, step.toString());
   };
 
-  const startTour = () => {
+  const startTour = useCallback(() => {
     if (isLoading) {
       return;
     }
@@ -129,7 +129,7 @@ export const useOnboarding = ({
     }
 
     setOnboardingInProgress(true);
-  };
+  }, [isLoading, t, hasTeams, hasGitToken, currentPage, router]);
 
   const restartTour = () => {
     localStorage.removeItem(ONBOARDING_COMPLETED_KEY);
@@ -163,7 +163,7 @@ export const useOnboarding = ({
       }, 500);
       return () => clearTimeout(timer);
     }
-  }, [isReady, isLoading, hasShareId, currentPage]);
+  }, [isReady, isLoading, hasShareId, currentPage, startTour]);
 
   // Cleanup on unmount
   useEffect(() => {

frontend/src/features/settings/components/BotList.tsx

@@ -60,7 +60,7 @@ export default function BotList() {
       }
     }
     loadBots();
-  }, []);
+  }, [message, setBotsSorted, t]);
 
   const handleCreateBot = () => {
     setCloningBot(null);

frontend/src/features/settings/components/GitHubIntegration.tsx

@@ -46,7 +46,7 @@ export default function GitHubIntegration() {
       }
     }
     loadGitInfo();
-  }, [user]);
+  }, [user, message, t]);
 
   const platforms = gitInfo || [];
 

frontend/src/features/settings/components/McpConfigImportModal.tsx

@@ -88,7 +88,7 @@ const McpConfigImportModal: React.FC<McpConfigImportModalProps> = ({
         message.error(t('bot.errors.mcp_config_invalid'));
       }
     }
-  }, [importConfig, importMode, message, onImport, t]);
+  }, [importConfig, importMode, message, onImport, t, agentType]);
 
   // Reset state when closing modal
   const handleCancel = () => {

frontend/src/features/settings/components/TabParamSync.tsx

@@ -15,14 +15,15 @@ interface TabParamSyncProps {
 export default function TabParamSync({ tabIndex: _tabIndex, setTabIndex }: TabParamSyncProps) {
   const searchParams = useSearchParams();
 
-  // Tab name to index mapping parameterization
-  const tabNameToIndex: Record<string, number> = {
-    integrations: 0,
-    bots: 1,
-    bot: 1,
-    team: 2,
-  };
   useEffect(() => {
+    // Tab name to index mapping parameterization
+    const tabNameToIndex: Record<string, number> = {
+      integrations: 0,
+      bots: 1,
+      bot: 1,
+      team: 2,
+    };
+
     const tab = searchParams?.get('tab');
     if (tab && tabNameToIndex.hasOwnProperty(tab)) {
       const newIndex = tabNameToIndex[tab];

frontend/src/features/settings/components/TeamList.tsx

@@ -88,7 +88,7 @@ export default function TeamList() {
       }
     }
     loadData();
-  }, []);
+  }, [message, setBotsSorted, setTeamsSorted, t]);
 
   useEffect(() => {
     if (editingTeamId === null) {

frontend/src/features/tasks/components/ChatArea.tsx

@@ -118,7 +118,7 @@ export default function ChatArea({
       setSelectedTeam(teams[0]);
     }
     setHasRestoredPreferences(true);
-  }, [teams, hasRestoredPreferences]);
+  }, [teams, hasRestoredPreferences, selectedTeam]);
 
   // Handle external team selection for new tasks (from team sharing)
   useEffect(() => {
@@ -276,7 +276,7 @@ export default function ChatArea({
       // Force scroll to bottom when opening a historical task
       setTimeout(() => scrollToBottom(true), 100);
     }
-  }, [selectedTaskDetail?.id]);
+  }, [selectedTaskDetail?.id, hasMessages]);
 
   useEffect(() => {
     if (!hasMessages || !lastSubtaskId) return;

frontend/src/features/tasks/components/ResizableSidebar.tsx

@@ -2,99 +2,102 @@
 //
 // SPDX-License-Identifier: Apache-2.0
 
-'use client'
+'use client';
 
-import React, { useState, useEffect, useRef, ReactNode } from 'react'
+import React, { useState, useEffect, useRef, ReactNode } from 'react';
 
 interface ResizableSidebarProps {
-  children: ReactNode
-  minWidth?: number
-  maxWidth?: number
-  defaultWidth?: number
-  storageKey?: string
+  children: ReactNode;
+  minWidth?: number;
+  maxWidth?: number;
+  defaultWidth?: number;
+  storageKey?: string;
 }
 
 export default function ResizableSidebar({
   children,
   minWidth = 200,
   maxWidth = 500,
   defaultWidth = 224, // 56 * 4 = 224px (w-56 equivalent)
-  storageKey = 'task-sidebar-width'
+  storageKey = 'task-sidebar-width',
 }: ResizableSidebarProps) {
-  const [sidebarWidth, setSidebarWidth] = useState(defaultWidth)
-  const [isResizing, setIsResizing] = useState(false)
-  const sidebarRef = useRef<HTMLDivElement>(null)
-  const widthRef = useRef(defaultWidth)
+  const [sidebarWidth, setSidebarWidth] = useState(defaultWidth);
+  const [isResizing, setIsResizing] = useState(false);
+  const sidebarRef = useRef<HTMLDivElement>(null);
+  const widthRef = useRef(defaultWidth);
 
   // Keep widthRef in sync with sidebarWidth
   useEffect(() => {
-    widthRef.current = sidebarWidth
-  }, [sidebarWidth])
+    widthRef.current = sidebarWidth;
+  }, [sidebarWidth]);
 
   // Load saved width from localStorage
   useEffect(() => {
-    const savedWidth = localStorage.getItem(storageKey)
+    const savedWidth = localStorage.getItem(storageKey);
     if (savedWidth) {
-      const width = parseInt(savedWidth, 10)
+      const width = parseInt(savedWidth, 10);
       if (width >= minWidth && width <= maxWidth) {
-        setSidebarWidth(width)
+        setSidebarWidth(width);
       }
     }
-  }, [storageKey, minWidth, maxWidth])
+  }, [storageKey, minWidth, maxWidth]);
 
   // Save width to localStorage
-  const saveWidth = (width: number) => {
-    localStorage.setItem(storageKey, width.toString())
-  }
+  const saveWidth = React.useCallback(
+    (width: number) => {
+      localStorage.setItem(storageKey, width.toString());
+    },
+    [storageKey]
+  );
 
   // Handle mouse down on resizer
   const handleMouseDown = (e: React.MouseEvent) => {
-    e.preventDefault()
-    setIsResizing(true)
-  }
+    e.preventDefault();
+    setIsResizing(true);
+  };
 
   // Handle mouse move and mouse up
   useEffect(() => {
-    if (!isResizing) return
+    if (!isResizing) return;
 
     const handleMouseMove = (e: MouseEvent) => {
-      if (!sidebarRef.current) return
+      if (!sidebarRef.current) return;
 
       // Calculate width based on mouse position relative to sidebar's left edge
-      const sidebarLeft = sidebarRef.current.getBoundingClientRect().left
-      const newWidth = e.clientX - sidebarLeft
+      const sidebarLeft = sidebarRef.current.getBoundingClientRect().left;
+      const newWidth = e.clientX - sidebarLeft;
 
       if (newWidth >= minWidth && newWidth <= maxWidth) {
-        setSidebarWidth(newWidth)
+        setSidebarWidth(newWidth);
       }
-    }
+    };
 
     const handleMouseUp = () => {
-      setIsResizing(false)
-      saveWidth(widthRef.current)
-    }
+      setIsResizing(false);
+      saveWidth(widthRef.current);
+    };
 
-    document.addEventListener('mousemove', handleMouseMove)
-    document.addEventListener('mouseup', handleMouseUp)
+    document.addEventListener('mousemove', handleMouseMove);
+    document.addEventListener('mouseup', handleMouseUp);
     // Prevent text selection while resizing
-    document.body.style.userSelect = 'none'
-    document.body.style.cursor = 'col-resize'
+    document.body.style.userSelect = 'none';
+    document.body.style.cursor = 'col-resize';
 
     return () => {
-      document.removeEventListener('mousemove', handleMouseMove)
-      document.removeEventListener('mouseup', handleMouseUp)
-      document.body.style.userSelect = ''
-      document.body.style.cursor = ''
-    }
-  }, [isResizing, minWidth, maxWidth])
+      document.removeEventListener('mousemove', handleMouseMove);
+      document.removeEventListener('mouseup', handleMouseUp);
+      document.body.style.userSelect = '';
+      document.body.style.cursor = '';
+    };
+  }, [isResizing, minWidth, maxWidth, saveWidth]);
 
   return (
-    <div className="hidden lg:flex relative border-r border-border" style={{ width: `${sidebarWidth}px` }}>
+    <div
+      className="hidden lg:flex relative border-r border-border"
+      style={{ width: `${sidebarWidth}px` }}
+    >
       {/* Sidebar content container */}
-      <div
-        ref={sidebarRef}
-        className="flex flex-col w-full h-full"
-      >
+      <div ref={sidebarRef} className="flex flex-col w-full h-full">
         {children}
       </div>
 
@@ -103,7 +106,7 @@ export default function ResizableSidebar({
         className="absolute top-0 right-0 bottom-0 w-1 cursor-col-resize hover:bg-primary/30 transition-colors group"
         onMouseDown={handleMouseDown}
         style={{
-          zIndex: 10
+          zIndex: 10,
         }}
       >
         {/* Visual indicator on hover */}
@@ -116,10 +119,10 @@ export default function ResizableSidebar({
           className="fixed inset-0 z-50"
           style={{
             cursor: 'col-resize',
-            userSelect: 'none'
+            userSelect: 'none',
           }}
         />
       )}
     </div>
-  )
+  );
 }

frontend/src/features/tasks/components/TaskParamSync.tsx

@@ -51,7 +51,7 @@ export default function TaskParamSync() {
     };
 
     verifyAndSetTask();
-  }, [searchParams, selectedTaskDetail, router, setSelectedTask]);
+  }, [searchParams, selectedTaskDetail, router, setSelectedTask, message]);
 
   return null; // Only responsible for synchronization, does not render any content
 }

frontend/src/features/tasks/components/TeamSelector.tsx

@@ -110,7 +110,7 @@ export default function TeamSelector({
         value: team.id,
       };
     });
-  }, [teams, sharedBadgeStyle]);
+  }, [teams, sharedBadgeStyle, t]);
 
   const filterOption = (input: string, option?: { label: React.ReactNode; value: number }) => {
     if (!option) return false;