🤖 fix: add missing ProjectContext imports after refactoring

Author: kylecarbs

src/App.tsx

@@ -37,8 +37,22 @@ const THINKING_LEVELS: ThinkingLevel[] = ["off", "low", "medium", "high"];
 
 function AppInner() {
   // Get app-level state from context
-  const { workspaceMetadata, setWorkspaceMetadata, removeWorkspace, renameWorkspace, selectedWorkspace, setSelectedWorkspace } = useApp();
-  const { projects } = useProjectContext();
+  const {
+    workspaceMetadata,
+    setWorkspaceMetadata,
+    removeWorkspace,
+    renameWorkspace,
+    selectedWorkspace,
+    setSelectedWorkspace,
+  } = useApp();
+  const {
+    projects,
+    removeProject,
+    openProjectCreateModal,
+    isProjectCreateModalOpen,
+    closeProjectCreateModal,
+    addProject,
+  } = useProjectContext();
 
   // Track when we're in "new workspace creation" mode (show FirstMessageInput)
   const [pendingNewWorkspaceProject, setPendingNewWorkspaceProject] = useState<string | null>(null);
@@ -78,8 +92,6 @@ function AppInner() {
   // Get workspace store for command palette
   const workspaceStore = useWorkspaceStoreRaw();
 
-
-
   // Track telemetry when workspace selection changes
   const prevWorkspaceRef = useRef<WorkspaceSelection | null>(null);
   useEffect(() => {
@@ -167,14 +179,12 @@ function AppInner() {
       }
       await removeProject(path);
     },
-    [removeProject, selectedWorkspace, setSelectedWorkspace]
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [selectedWorkspace, setSelectedWorkspace]
   );
 
-
-
   // Memoize callbacks to prevent LeftSidebar/ProjectSidebar re-renders
 
-
   // NEW: Get workspace recency from store
   const workspaceRecency = useWorkspaceRecency();
 
@@ -357,8 +367,8 @@ function AppInner() {
   );
 
   const addProjectFromPalette = useCallback(() => {
-    setProjectCreateModalOpen(true);
-  }, []);
+    openProjectCreateModal();
+  }, [openProjectCreateModal]);
 
   const removeProjectFromPalette = useCallback(
     (path: string) => {
@@ -596,7 +606,11 @@ function AppInner() {
             workspaceId: selectedWorkspace?.workspaceId,
           })}
         />
-        <ProjectCreateModal />
+        <ProjectCreateModal
+          isOpen={isProjectCreateModalOpen}
+          onClose={closeProjectCreateModal}
+          onSuccess={addProject}
+        />
       </div>
     </>
   );

src/components/LeftSidebar.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import { cn } from "@/lib/utils";
 import type { FrontendWorkspaceMetadata } from "@/types/workspace";
-import type { Secret } from "@/types/secrets";
 import ProjectSidebar from "./ProjectSidebar";
 import { TitleBar } from "./TitleBar";
 
@@ -58,7 +57,11 @@ export function LeftSidebar(props: LeftSidebarProps) {
         )}
       >
         {!collapsed && <TitleBar />}
-        <ProjectSidebar {...projectSidebarProps} collapsed={collapsed} onToggleCollapsed={onToggleCollapsed} />
+        <ProjectSidebar
+          {...projectSidebarProps}
+          collapsed={collapsed}
+          onToggleCollapsed={onToggleCollapsed}
+        />
       </div>
     </>
   );

src/components/ProjectSidebar.tsx

@@ -1,7 +1,6 @@
 import React, { useState, useEffect, useCallback, useRef } from "react";
 import { createPortal } from "react-dom";
 import { cn } from "@/lib/utils";
-import type { ProjectConfig } from "@/config";
 import type { FrontendWorkspaceMetadata } from "@/types/workspace";
 import { usePersistedState } from "@/hooks/usePersistedState";
 import { DndProvider } from "react-dnd";
@@ -524,7 +523,7 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
                             <button
                               onClick={(event) => {
                                 event.stopPropagation();
-                                onRemoveProject(projectPath);
+                                void onRemoveProject(projectPath);
                               }}
                               title="Remove project"
                               aria-label={`Remove project ${projectName}`}