From 6734b543899e56ad5f4410bb15e063dc74ffa577 Mon Sep 17 00:00:00 2001
From: Nicolas Varrot <contact@nicolasvarrot.fr>
Date: Thu, 12 Feb 2026 11:27:42 +0000
Subject: [PATCH] fix: resolve CI lint errors in Sidebar, TypingIndicator, and
 useGateway

- Sidebar: replace useEffect setState with callback pattern for filter reset
- TypingIndicator: initialize useRef with 0 instead of impure Date.now()
- TypingIndicator: remove redundant setElapsed(0) from mount effect
- useGateway: remove unused eslint-disable directive
---
 src/components/Sidebar.tsx         | 12 +++++++-----
 src/components/TypingIndicator.tsx |  3 +--
 src/hooks/useGateway.ts            |  1 -
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index a1a418f..8fc1378 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -1,4 +1,4 @@
-import { useState, useMemo, useRef, useEffect } from 'react';
+import { useState, useMemo, useRef, useEffect, useCallback } from 'react';
 import { X, Sparkles, Search } from 'lucide-react';
 import type { Session } from '../types';
 import { useT } from '../hooks/useLocale';
@@ -31,8 +31,10 @@ export function Sidebar({ sessions, activeSession, onSwitch, open, onClose }: Pr
     return () => window.removeEventListener('keydown', handler);
   }, []);
 
-  // Reset focus index when filter changes
-  useEffect(() => { setFocusIdx(-1); }, [filter]);
+  const updateFilter = useCallback((value: string) => {
+    setFilter(value);
+    setFocusIdx(-1);
+  }, []);
 
   const filtered = useMemo(() => {
     if (!filter.trim()) return sessions;
@@ -70,14 +72,14 @@ export function Sidebar({ sessions, activeSession, onSwitch, open, onClose }: Pr
                 ref={searchRef}
                 type="text"
                 value={filter}
-                onChange={e => setFilter(e.target.value)}
+                onChange={e => updateFilter(e.target.value)}
                 placeholder={t('sidebar.search')}
                 aria-label={t('sidebar.search')}
                 className="w-full pl-8 pr-3 py-1.5 rounded-xl border border-white/8 bg-zinc-800/30 text-xs text-zinc-300 placeholder:text-zinc-500 outline-none focus:ring-1 focus:ring-cyan-400/30 transition-all"
               />
               {filter && (
                 <button
-                  onClick={() => setFilter('')}
+                  onClick={() => updateFilter('')}
                   className="absolute right-2 top-1/2 -translate-y-1/2 text-zinc-500 hover:text-zinc-300"
                 >
                   <X size={12} />
diff --git a/src/components/TypingIndicator.tsx b/src/components/TypingIndicator.tsx
index c513e26..85315d6 100644
--- a/src/components/TypingIndicator.tsx
+++ b/src/components/TypingIndicator.tsx
@@ -12,11 +12,10 @@ function formatElapsed(seconds: number): string {
 export function TypingIndicator() {
   const t = useT();
   const [elapsed, setElapsed] = useState(0);
-  const startRef = useRef(Date.now());
+  const startRef = useRef(0);
 
   useEffect(() => {
     startRef.current = Date.now();
-    setElapsed(0);
     const interval = setInterval(() => {
       setElapsed(Math.floor((Date.now() - startRef.current) / 1000));
     }, 1000);
diff --git a/src/hooks/useGateway.ts b/src/hooks/useGateway.ts
index 8a064dc..e8ba502 100644
--- a/src/hooks/useGateway.ts
+++ b/src/hooks/useGateway.ts
@@ -314,7 +314,6 @@ export function useGateway() {
     const stored = getStoredCredentials();
     if (stored) {
       // Init on mount — setupClient sets state as part of establishing the connection
-      // eslint-disable-next-line react-hooks/set-state-in-effect
       setupClient(stored.url, stored.token);
     } else {
       setAuthenticated(false);