perf(ui): smooth large lists and graphs

apps/ui/src/hooks/queries/use-features.ts

@@ -12,6 +12,9 @@ import { queryKeys } from '@/lib/query-keys';
 import { STALE_TIMES } from '@/lib/query-client';
 import type { Feature } from '@/store/app-store';
 
+const FEATURES_REFETCH_ON_FOCUS = false;
+const FEATURES_REFETCH_ON_RECONNECT = false;
+
 /**
  * Fetch all features for a project
  *
@@ -37,6 +40,8 @@ export function useFeatures(projectPath: string | undefined) {
     },
     enabled: !!projectPath,
     staleTime: STALE_TIMES.FEATURES,
+    refetchOnWindowFocus: FEATURES_REFETCH_ON_FOCUS,
+    refetchOnReconnect: FEATURES_REFETCH_ON_RECONNECT,
   });
 }
 
@@ -75,6 +80,8 @@ export function useFeature(
     enabled: !!projectPath && !!featureId && enabled,
     staleTime: STALE_TIMES.FEATURES,
     refetchInterval: pollingInterval,
+    refetchOnWindowFocus: FEATURES_REFETCH_ON_FOCUS,
+    refetchOnReconnect: FEATURES_REFETCH_ON_RECONNECT,
   });
 }
 
@@ -123,5 +130,7 @@ export function useAgentOutput(
             }
             return false;
           },
+    refetchOnWindowFocus: FEATURES_REFETCH_ON_FOCUS,
+    refetchOnReconnect: FEATURES_REFETCH_ON_RECONNECT,
   });
 }

apps/ui/src/hooks/queries/use-running-agents.ts

@@ -10,6 +10,9 @@ import { getElectronAPI, type RunningAgent } from '@/lib/electron';
 import { queryKeys } from '@/lib/query-keys';
 import { STALE_TIMES } from '@/lib/query-client';
 
+const RUNNING_AGENTS_REFETCH_ON_FOCUS = false;
+const RUNNING_AGENTS_REFETCH_ON_RECONNECT = false;
+
 interface RunningAgentsResult {
   agents: RunningAgent[];
   count: number;
@@ -43,6 +46,8 @@ export function useRunningAgents() {
     staleTime: STALE_TIMES.RUNNING_AGENTS,
     // Note: Don't use refetchInterval here - rely on WebSocket invalidation
     // for real-time updates instead of polling
+    refetchOnWindowFocus: RUNNING_AGENTS_REFETCH_ON_FOCUS,
+    refetchOnReconnect: RUNNING_AGENTS_REFETCH_ON_RECONNECT,
   });
 }
 

apps/ui/src/hooks/queries/use-usage.ts

@@ -13,6 +13,8 @@ import type { ClaudeUsage, CodexUsage } from '@/store/app-store';
 
 /** Polling interval for usage data (60 seconds) */
 const USAGE_POLLING_INTERVAL = 60 * 1000;
+const USAGE_REFETCH_ON_FOCUS = false;
+const USAGE_REFETCH_ON_RECONNECT = false;
 
 /**
  * Fetch Claude API usage data
@@ -42,6 +44,8 @@ export function useClaudeUsage(enabled = true) {
     refetchInterval: enabled ? USAGE_POLLING_INTERVAL : false,
     // Keep previous data while refetching
     placeholderData: (previousData) => previousData,
+    refetchOnWindowFocus: USAGE_REFETCH_ON_FOCUS,
+    refetchOnReconnect: USAGE_REFETCH_ON_RECONNECT,
   });
 }
 
@@ -73,5 +77,7 @@ export function useCodexUsage(enabled = true) {
     refetchInterval: enabled ? USAGE_POLLING_INTERVAL : false,
     // Keep previous data while refetching
     placeholderData: (previousData) => previousData,
+    refetchOnWindowFocus: USAGE_REFETCH_ON_FOCUS,
+    refetchOnReconnect: USAGE_REFETCH_ON_RECONNECT,
   });
 }

apps/ui/src/hooks/queries/use-worktrees.ts

@@ -9,6 +9,9 @@ import { getElectronAPI } from '@/lib/electron';
 import { queryKeys } from '@/lib/query-keys';
 import { STALE_TIMES } from '@/lib/query-client';
 
+const WORKTREE_REFETCH_ON_FOCUS = false;
+const WORKTREE_REFETCH_ON_RECONNECT = false;
+
 interface WorktreeInfo {
   path: string;
   branch: string;
@@ -59,6 +62,8 @@ export function useWorktrees(projectPath: string | undefined, includeDetails = t
     },
     enabled: !!projectPath,
     staleTime: STALE_TIMES.WORKTREES,
+    refetchOnWindowFocus: WORKTREE_REFETCH_ON_FOCUS,
+    refetchOnReconnect: WORKTREE_REFETCH_ON_RECONNECT,
   });
 }
 
@@ -83,6 +88,8 @@ export function useWorktreeInfo(projectPath: string | undefined, featureId: stri
     },
     enabled: !!projectPath && !!featureId,
     staleTime: STALE_TIMES.WORKTREES,
+    refetchOnWindowFocus: WORKTREE_REFETCH_ON_FOCUS,
+    refetchOnReconnect: WORKTREE_REFETCH_ON_RECONNECT,
   });
 }
 
@@ -107,6 +114,8 @@ export function useWorktreeStatus(projectPath: string | undefined, featureId: st
     },
     enabled: !!projectPath && !!featureId,
     staleTime: STALE_TIMES.WORKTREES,
+    refetchOnWindowFocus: WORKTREE_REFETCH_ON_FOCUS,
+    refetchOnReconnect: WORKTREE_REFETCH_ON_RECONNECT,
   });
 }
 
@@ -134,6 +143,8 @@ export function useWorktreeDiffs(projectPath: string | undefined, featureId: str
     },
     enabled: !!projectPath && !!featureId,
     staleTime: STALE_TIMES.WORKTREES,
+    refetchOnWindowFocus: WORKTREE_REFETCH_ON_FOCUS,
+    refetchOnReconnect: WORKTREE_REFETCH_ON_RECONNECT,
   });
 }
 
@@ -203,6 +214,8 @@ export function useWorktreeBranches(worktreePath: string | undefined, includeRem
     },
     enabled: !!worktreePath,
     staleTime: STALE_TIMES.WORKTREES,
+    refetchOnWindowFocus: WORKTREE_REFETCH_ON_FOCUS,
+    refetchOnReconnect: WORKTREE_REFETCH_ON_RECONNECT,
   });
 }
 
@@ -229,6 +242,8 @@ export function useWorktreeInitScript(projectPath: string | undefined) {
     },
     enabled: !!projectPath,
     staleTime: STALE_TIMES.SETTINGS,
+    refetchOnWindowFocus: WORKTREE_REFETCH_ON_FOCUS,
+    refetchOnReconnect: WORKTREE_REFETCH_ON_RECONNECT,
   });
 }
 
@@ -249,5 +264,7 @@ export function useAvailableEditors() {
       return result.editors ?? [];
     },
     staleTime: STALE_TIMES.CLI_STATUS,
+    refetchOnWindowFocus: WORKTREE_REFETCH_ON_FOCUS,
+    refetchOnReconnect: WORKTREE_REFETCH_ON_RECONNECT,
   });
 }