Fix beta build: satisfy MessageContext hook deps.

CI=true turns the exhaustive-deps warnings into a failed build:beta on the deploy runner.
Closes #139.

.cursor/rules/eslint-before-mr.mdc

@@ -0,0 +1,23 @@
+---
+description: Run ESLint with warnings as errors before pushing a merge request
+alwaysApply: true
+---
+
+# ESLint before push
+
+Beta deploy runs `npm run build:beta` with `CI=true`. Create React App turns ESLint warnings into build errors. Unit tests do not catch this. The failure shows up only on the deploy runner (`ai-server-4080`), where `CI=true` is set.
+
+Before `git push` or opening a pull request that changes `llm-fe`:
+
+1. From `llm-fe`, lint every changed file under `src` with warnings as errors:
+
+```bash
+CI=true ./node_modules/.bin/eslint --max-warnings 0 path/to/ChangedFile.tsx
+```
+
+2. Fix every warning in those files. Do not push while that command exits non-zero.
+3. Do not set `DISABLE_ESLINT_PLUGIN` or `CI=false` to get the deploy through.
+
+A full `eslint src` run reports warnings in files the production build does not compile. Those do not fail deploy. The gate is warnings in files the build compiles.
+
+`react-hooks/exhaustive-deps` is the usual failure. Wrap the function in `useCallback` and list it in the dependency array. An empty dependency array that calls a component function fails the beta build.

llm-fe/src/llm-fe/contexts/MessageContext.tsx

@@ -95,7 +95,7 @@ const MessageProvider = ( {children}: MessageProviderProps) => {
         setActivityHistory([])
     }
 
-    async function GetConversationDetails(conversationId: number | undefined) {
+    const GetConversationDetails = useCallback(async (conversationId: number | undefined) => {
         if (!conversationId) {
             setConversationDetails([])
             return
@@ -134,7 +134,7 @@ const MessageProvider = ( {children}: MessageProviderProps) => {
         } catch (err) {
             console.log('Failed to refetch conversation after reconnect', err)
         }
-    }
+    }, [setConversationDetails])
 
     const schedulePostStreamRefetch = useCallback(() => {
         if (refetchTimerRef.current) clearTimeout(refetchTimerRef.current)
@@ -145,11 +145,11 @@ const MessageProvider = ( {children}: MessageProviderProps) => {
         refetchTimerRef.current = setTimeout(() => {
             void GetConversationDetails(conversationId)
         }, 800)
-    }, [])
+    }, [GetConversationDetails])
 
     useEffect(() => {
-        GetConversationDetails(selectedConversation)
+        void GetConversationDetails(selectedConversation)
-    }, [selectedConversation])
+    }, [selectedConversation, GetConversationDetails])
 
     useEffect(() => {
         return () => {
@@ -198,9 +198,9 @@ const MessageProvider = ( {children}: MessageProviderProps) => {
         }
 
         if (selectedConversationRef.current) {
-            GetConversationDetails(selectedConversationRef.current)
+            void GetConversationDetails(selectedConversationRef.current)
         }
-    }, [reconnectGeneration])
+    }, [reconnectGeneration, GetConversationDetails, setConversationDetails])
 
     useEffect(() => {
         /* register a consistent channel name for identifing this chat messages */