🤖 fix: buffer Start New Agent until projects load

Author: ibetitsmike

src/browser/App.tsx

@@ -102,6 +102,7 @@ function AppInner() {
 
   const {
     projects,
+    loading: projectsLoading,
     removeProject,
     openProjectCreateModal,
     isProjectCreateModalOpen,
@@ -136,6 +137,13 @@ function AppInner() {
   const projectsRef = useRef(projects);
   projectsRef.current = projects;
 
+  const projectsLoadingRef = useRef(projectsLoading);
+  projectsLoadingRef.current = projectsLoading;
+
+  // When "Start New Agent" is triggered during cold start, projects may still be loading.
+  // Buffer the action and flush it once projects are available.
+  const pendingStartNewAgentRef = useRef(false);
+
   const pendingNewWorkspaceProjectRef = useRef(pendingNewWorkspaceProject);
   pendingNewWorkspaceProjectRef.current = pendingNewWorkspaceProject;
 
@@ -661,6 +669,11 @@ function AppInner() {
         for await (const _ of iterator) {
           if (signal.aborted) break;
 
+          if (projectsLoadingRef.current) {
+            pendingStartNewAgentRef.current = true;
+            continue;
+          }
+
           const projectPath =
             selectedWorkspaceRef.current?.projectPath ??
             pendingNewWorkspaceProjectRef.current ??
@@ -681,6 +694,25 @@ function AppInner() {
     return () => abortController.abort();
   }, [api]);
 
+  // Flush any pending menu-triggered "Start New Agent" once projects finish loading.
+  useEffect(() => {
+    if (projectsLoading) return;
+    if (!pendingStartNewAgentRef.current) return;
+
+    const projectPath =
+      selectedWorkspaceRef.current?.projectPath ??
+      pendingNewWorkspaceProjectRef.current ??
+      getFirstProjectPath(projects);
+
+    pendingStartNewAgentRef.current = false;
+
+    if (!projectPath) {
+      console.warn("No projects available for workspace creation");
+      return;
+    }
+
+    startWorkspaceCreationRef.current(projectPath);
+  }, [projectsLoading, projects]);
   // Handle workspace fork switch event
   useEffect(() => {
     const handleForkSwitch = (e: Event) => {