fix: thread item overfetching

web-app/src/providers/AuthProvider.tsx

@@ -3,70 +3,61 @@
  * Initializes the auth service and sets up event listeners
  */
 
 import { useCallback, useEffect, useState, ReactNode } from 'react'
 import { PlatformFeature } from '@/lib/platform/types'
 import { PlatformFeatures } from '@/lib/platform/const'
 import { initializeAuthStore, getAuthStore } from '@/hooks/useAuth'
 import { useThreads } from '@/hooks/useThreads'
 import { useMessages } from '@/hooks/useMessages'
 import { usePrompt } from '@/hooks/usePrompt'
 import { useAppState } from '@/hooks/useAppState'
 import { useNavigate } from '@tanstack/react-router'
 import { useServiceHub } from '@/hooks/useServiceHub'
 
 interface AuthProviderProps {
   children: ReactNode
 }
 
 export function AuthProvider({ children }: AuthProviderProps) {
   const [isReady, setIsReady] = useState(false)
   const navigate = useNavigate()
   const serviceHub = useServiceHub()
 
   // Check if authentication is enabled for this platform
   const isAuthenticationEnabled =
     PlatformFeatures[PlatformFeature.AUTHENTICATION]
 
   // Fetch user data when user logs in
   const fetchUserData = useCallback(async () => {
     try {
       const { setThreads } = useThreads.getState()
-      const { setMessages } = useMessages.getState()
 
       // Fetch threads first
       const threads = await serviceHub.threads().fetchThreads()
       setThreads(threads)
-
-      // Fetch messages for each thread
-      const messagePromises = threads.map(async (thread) => {
-        const messages = await serviceHub.messages().fetchMessages(thread.id)
-        setMessages(thread.id, messages)
-      })
-
-      await Promise.all(messagePromises)
     } catch (error) {
       console.error('Failed to fetch user data:', error)
     }
   }, [serviceHub])
 
   // Reset all app data when user logs out
   const resetAppData = useCallback(() => {
     // Clear all threads (including favorites)
     const { clearAllThreads, setCurrentThreadId } = useThreads.getState()
     clearAllThreads()
     setCurrentThreadId(undefined)
 
     // Clear all messages
     const { clearAllMessages } = useMessages.getState()
     clearAllMessages()
 
     // Reset prompt
     const { resetPrompt } = usePrompt.getState()
     resetPrompt()
 
     // Clear app state (streaming, tokens, errors, etc.)
     const { clearAppState } = useAppState.getState()
     clearAppState()
 
     // Navigate back to home to ensure clean state
     navigate({ to: '/', replace: true })

web-app/src/providers/DataProvider.tsx

@@ -1,4 +1,3 @@
-import { useMessages } from '@/hooks/useMessages'
 import { useModelProvider } from '@/hooks/useModelProvider'
 
 import { useAppUpdater } from '@/hooks/useAppUpdater'
@@ -19,7 +18,6 @@ export function DataProvider() {
   const { setProviders, selectedModel, selectedProvider, getProviderByName } =
     useModelProvider()
 
-  const { setMessages } = useMessages()
   const { checkForUpdate } = useAppUpdater()
   const { setServers } = useMCPServers()
   const { setAssistants, initializeWithLastUsed } = useAssistant()
@@ -85,14 +83,8 @@ export function DataProvider() {
       .fetchThreads()
       .then((threads) => {
         setThreads(threads)
-        threads.forEach((thread) =>
-          serviceHub
-            .messages()
-            .fetchMessages(thread.id)
-            .then((messages) => setMessages(thread.id, messages))
-        )
       })
-  }, [serviceHub, setThreads, setMessages])
+  }, [serviceHub, setThreads])
 
   // Check for app updates
   useEffect(() => {