🤖 Fix 3s startup freeze: Lazy-load AIService to defer AI SDK import

Root cause: IpcMain constructor eagerly created AIService, which imports
the massive 'ai' package (~3s load time) during loadServices(). This blocked
the main process before window could be shown, causing the macOS spinner.

Solution: Convert AIService to lazy property in IpcMain - only create on
first use. This defers the expensive AI SDK import until actually needed
(when first message is sent), keeping startup instant.

Also removed debug timing instrumentation logs that were added during
investigation (main.tsx, App.tsx, useResumeManager.ts).

Impact:
- Window appears immediately (no spinner)
- AI SDK loads on-demand when first stream starts
- Cleaner console output without timing noise

Author: ammar-agent

src/App.tsx

@@ -155,9 +155,7 @@ function AppInner() {
   }, [setSidebarCollapsed]);
 
   // Use custom hooks for project and workspace management
-  const projectManagementStart = performance.now();
   const { projects, setProjects, addProject, removeProject } = useProjectManagement();
-  console.log(`[RENDERER] useProjectManagement: ${performance.now() - projectManagementStart}ms`);
 
   // Workspace management needs to update projects state when workspace operations complete
   const handleProjectsUpdate = useCallback(
@@ -167,36 +165,28 @@ function AppInner() {
     [setProjects]
   );
 
-  const workspaceManagementStart = performance.now();
   const { workspaceMetadata, createWorkspace, removeWorkspace, renameWorkspace } =
     useWorkspaceManagement({
       selectedWorkspace,
       onProjectsUpdate: handleProjectsUpdate,
       onSelectedWorkspaceUpdate: setSelectedWorkspace,
     });
-  console.log(`[RENDERER] useWorkspaceManagement: ${performance.now() - workspaceManagementStart}ms`);
 
   // NEW: Sync workspace metadata with the stores
   const workspaceStore = useWorkspaceStoreRaw();
   const gitStatusStore = useGitStatusStoreRaw();
 
   useEffect(() => {
-    console.log(`[RENDERER] workspaceStore.syncWorkspaces effect fired: ${performance.now()}ms`);
     // Only sync when metadata has actually loaded (not empty initial state)
     if (workspaceMetadata.size > 0) {
-      const syncStart = performance.now();
       workspaceStore.syncWorkspaces(workspaceMetadata);
-      console.log(`[RENDERER] workspaceStore.syncWorkspaces done: ${performance.now() - syncStart}ms`);
     }
   }, [workspaceMetadata, workspaceStore]);
 
   useEffect(() => {
-    console.log(`[RENDERER] gitStatusStore.syncWorkspaces effect fired: ${performance.now()}ms`);
     // Only sync when metadata has actually loaded (not empty initial state)
     if (workspaceMetadata.size > 0) {
-      const syncStart = performance.now();
       gitStatusStore.syncWorkspaces(workspaceMetadata);
-      console.log(`[RENDERER] gitStatusStore.syncWorkspaces done: ${performance.now() - syncStart}ms`);
     }
   }, [workspaceMetadata, gitStatusStore]);
 
@@ -209,11 +199,6 @@ function AppInner() {
   // Handle auto-continue after compaction (when user uses /compact -c)
   useAutoCompactContinue();
 
-  // Mark when UI is fully ready
-  useEffect(() => {
-    console.log(`[RENDERER] ✅ App fully mounted and interactive: ${performance.now()}ms`);
-  }, []);
-
   // Sync selectedWorkspace with URL hash
   useEffect(() => {
     if (selectedWorkspace) {

src/hooks/useResumeManager.ts

@@ -117,9 +117,6 @@ export function useResumeManager() {
 
     if (timeSinceLastRetry < delay) return false; // Not time yet
 
-    console.log(
-      `[RENDERER][ResumeManager] Workspace ${workspaceId} eligible (attempt=${attempt}) at ${performance.now()}ms`
-    );
     return true;
   };
 
@@ -130,8 +127,6 @@ export function useResumeManager() {
   const attemptResume = async (workspaceId: string) => {
     if (!isEligibleForResume(workspaceId)) return;
 
-    console.log(`[RENDERER] attemptResume started for ${workspaceId}: ${performance.now()}ms`);
-
     // Mark as retrying
     retryingRef.current.add(workspaceId);
 
@@ -144,10 +139,8 @@ export function useResumeManager() {
     const { attempt } = retryState;
 
     try {
-      const resumeStart = performance.now();
       const options = getSendOptionsFromStorage(workspaceId);
       const result = await window.api.workspace.resumeStream(workspaceId, options);
-      console.log(`[RENDERER] resumeStream IPC took ${performance.now() - resumeStart}ms`);
 
       if (!result.success) {
         // Increment attempt and reset timer for next retry
@@ -178,7 +171,6 @@ export function useResumeManager() {
     // Defer initial scan to not block UI rendering
     // Same pattern as GitStatusStore - let React finish mounting first
     setTimeout(() => {
-      console.log(`[RENDERER] useResumeManager: Starting deferred initial check: ${performance.now()}ms`);
       for (const [workspaceId] of workspaceStatesRef.current) {
         void attemptResume(workspaceId);
       }

src/main.tsx

@@ -1,13 +1,7 @@
-const renderStart = performance.now();
-console.log('[RENDERER] main.tsx started');
-
-
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";
 
-console.log(`[RENDERER] Imports done: ${performance.now() - renderStart}ms`);
-
 // Global error handlers for renderer process
 // These catch errors that escape the ErrorBoundary
 window.addEventListener("error", (event) => {
@@ -30,12 +24,8 @@ window.addEventListener("unhandledrejection", (event) => {
   }
 });
 
-console.log(`[RENDERER] About to render: ${performance.now() - renderStart}ms`);
-
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
     <App />
   </React.StrictMode>
 );
-
-console.log(`[RENDERER] Render called: ${performance.now() - renderStart}ms`);

src/services/ipcMain.ts

@@ -45,7 +45,7 @@ export class IpcMain {
   private readonly config: Config;
   private readonly historyService: HistoryService;
   private readonly partialService: PartialService;
-  private readonly aiService: AIService;
+  private _aiService: AIService | null = null;
   private readonly sessions = new Map<string, AgentSession>();
   private readonly sessionSubscriptions = new Map<
     string,
@@ -58,7 +58,20 @@ export class IpcMain {
     this.config = config;
     this.historyService = new HistoryService(config);
     this.partialService = new PartialService(config, this.historyService);
-    this.aiService = new AIService(config, this.historyService, this.partialService);
+    // Don't create AIService here - it imports the massive "ai" package (~3s load time)
+    // Create it on-demand when first needed
+  }
+
+  /**
+   * Lazy-load AIService on first use.
+   * AIService imports the entire AI SDK which is ~3s load time.
+   * By deferring this until first actual use, we keep startup fast.
+   */
+  private get aiService(): AIService {
+    if (!this._aiService) {
+      this._aiService = new AIService(this.config, this.historyService, this.partialService);
+    }
+    return this._aiService;
   }
 
   private getOrCreateSession(workspaceId: string): AgentSession {