Refactor: TanStack-Query-Daten-Layer + useDialog (Phase 3b)
- @tanstack/react-query (v5) als zentraler Daten-Layer; QueryClientProvider
in main.tsx (retry 1, kein refetchOnWindowFocus, staleTime 5s).
- lib/queries.ts: Domänen-Hooks (useHealth/useSystemStatus/useServices/
useModels/useRouting/useJobs/useTokenStats/useAgentStatus/useUpdates/
useDiscover/useConnect/useMemory) + zentrale Query-Keys (qk) + invalidate.
Gleicher Key = eine Anfrage über alle Views (Dedup), einheitliches Polling.
- lib/useDialog.tsx: ein Hook für Alert/Confirm/Prompt statt 5x dupliziertem
Dialog-State + showAlert/showConfirm.
- api.ts: TokenStats + ModelsResp typisiert.
- Migriert auf Hooks/useDialog: App, SystemView, AgentView, ConnectView,
MemoryView (manuelles useEffect+setInterval entfernt; Mutationen
invalidieren gezielt die Query-Keys).
Verifiziert: tsc grün, Build grün, alle migrierten Views ohne Konsolenfehler,
Live-Daten (CPU/RAM/Dienste) rendern korrekt.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Hitonabi
0266dc9e92
