fix: improve startup readiness performance

packages/ui/src/components/chat/AgentMentionAutocomplete.tsx

@@ -49,14 +49,15 @@ export const AgentMentionAutocomplete = React.forwardRef<AgentMentionAutocomplet
   const itemRefs = React.useRef<(HTMLDivElement | null)[]>([]);
   const ignoreTabClickRef = React.useRef(false);
   const getVisibleAgents = useConfigStore((state) => state.getVisibleAgents);
+  const configAgentsCount = useConfigStore((state) => state.agents.length);
   const agentsWithMetadata = useAgentsStore((state) => state.agents);
   const loadAgents = useAgentsStore((state) => state.loadAgents);
 
   React.useEffect(() => {
-    if (agentsWithMetadata.length === 0) {
+    if (agentsWithMetadata.length === 0 && configAgentsCount === 0) {
       void loadAgents();
     }
-  }, [loadAgents, agentsWithMetadata.length]);
+  }, [loadAgents, agentsWithMetadata.length, configAgentsCount]);
 
   React.useEffect(() => {
     const visibleAgents = getVisibleAgents();

packages/ui/src/components/chat/ModelControls.tsx

@@ -38,6 +38,7 @@ import { formatEffortLabel, getCycledPrimaryAgentName, type MobileControlsPanel
 import { useI18n } from '@/lib/i18n';
 import { useOpenCodeReadiness } from '@/hooks/useOpenCodeReadiness';
 import { eventMatchesShortcut, getEffectiveShortcutCombo, normalizeCombo } from '@/lib/shortcuts';
+import { markStartupTrace } from '@/lib/startupTrace';
 
 type IconComponent = IconName;
 
@@ -312,6 +313,19 @@ export const ModelControls: React.FC<ModelControlsProps> = ({
     // Use visible agents (excludes hidden internal agents)
     const agents = getVisibleAgents();
     const primaryAgents = React.useMemo(() => agents.filter((agent) => agent.mode === 'primary'), [agents]);
+    const tracedReadyRef = React.useRef(false);
+
+    React.useEffect(() => {
+        if (tracedReadyRef.current || !isReady) return;
+        tracedReadyRef.current = true;
+        markStartupTrace('ModelControls:ready', {
+            providers: providers.length,
+            agents: agents.length,
+            currentProviderId,
+            currentModelId,
+            currentAgentName,
+        });
+    }, [agents.length, currentAgentName, currentModelId, currentProviderId, isReady, providers.length]);
 
     const currentSessionId = useSessionUIStore((s) => s.currentSessionId);
     const getDirectoryForSession = useSessionUIStore((s) => s.getDirectoryForSession);