🤖 refactor: eliminate project prop drilling via ProjectContext

ProjectSidebar, LeftSidebar, and App.tsx now get project operations from
ProjectContext instead of passing through props:

- ProjectSidebar uses useProjectContext() for project CRUD and secrets
- LeftSidebar no longer passes project props to ProjectSidebar
- App.tsx no longer passes project callbacks to LeftSidebar

Eliminated prop drilling for:
- projects (Map)
- onAddProject / onRemoveProject
- onGetSecrets / onUpdateSecrets

This completes the prop drilling elimination - workspace operations come from
WorkspaceContext, project operations come from ProjectContext.

Author: kylecarbs

src/App.tsx

@@ -529,14 +529,10 @@ function AppInner() {
     <>
       <div className="bg-bg-dark mobile-layout flex h-screen overflow-hidden">
         <LeftSidebar
-          onAddProject={handleAddProjectCallback}
-          onRemoveProject={handleRemoveProjectCallback}
           lastReadTimestamps={lastReadTimestamps}
           onToggleUnread={onToggleUnread}
           collapsed={sidebarCollapsed}
           onToggleCollapsed={handleToggleSidebar}
-          onGetSecrets={handleGetSecrets}
-          onUpdateSecrets={handleUpdateSecrets}
           sortedWorkspacesByProject={sortedWorkspacesByProject}
           workspaceRecency={workspaceRecency}
         />

src/components/LeftSidebar.tsx

@@ -4,27 +4,19 @@ import type { FrontendWorkspaceMetadata } from "@/types/workspace";
 import type { Secret } from "@/types/secrets";
 import ProjectSidebar from "./ProjectSidebar";
 import { TitleBar } from "./TitleBar";
-import { useProjectContext } from "@/contexts/ProjectContext";
 
 interface LeftSidebarProps {
-  onAddProject: () => void;
-  onRemoveProject: (path: string) => void;
   lastReadTimestamps: Record<string, number>;
   onToggleUnread: (workspaceId: string) => void;
   collapsed: boolean;
   onToggleCollapsed: () => void;
-  onGetSecrets: (projectPath: string) => Promise<Secret[]>;
-  onUpdateSecrets: (projectPath: string, secrets: Secret[]) => Promise<void>;
   sortedWorkspacesByProject: Map<string, FrontendWorkspaceMetadata[]>;
   workspaceRecency: Record<string, number>;
 }
 
 export function LeftSidebar(props: LeftSidebarProps) {
   const { collapsed, onToggleCollapsed, ...projectSidebarProps } = props;
 
-  // Get app-level state from context
-  const { projects } = useProjectContext();
-
   return (
     <>
       {/* Hamburger menu button - only visible on mobile */}
@@ -66,12 +58,7 @@ export function LeftSidebar(props: LeftSidebarProps) {
         )}
       >
         {!collapsed && <TitleBar />}
-        <ProjectSidebar
-          {...projectSidebarProps}
-          projects={projects}
-          collapsed={collapsed}
-          onToggleCollapsed={onToggleCollapsed}
-        />
+        <ProjectSidebar {...projectSidebarProps} collapsed={collapsed} onToggleCollapsed={onToggleCollapsed} />
       </div>
     </>
   );

src/components/ProjectSidebar.tsx

@@ -21,6 +21,7 @@ import { ForceDeleteModal } from "./ForceDeleteModal";
 import { WorkspaceListItem } from "./WorkspaceListItem";
 import { RenameProvider } from "@/contexts/WorkspaceRenameContext";
 import { useWorkspaceContext } from "@/contexts/WorkspaceContext";
+import { useProjectContext } from "@/contexts/ProjectContext";
 
 // Re-export WorkspaceSelection for backwards compatibility
 export type { WorkspaceSelection } from "./WorkspaceListItem";
@@ -154,29 +155,19 @@ const ProjectDragLayer: React.FC = () => {
 };
 
 interface ProjectSidebarProps {
-  projects: Map<string, ProjectConfig>;
-  onAddProject: () => void;
-  onRemoveProject: (path: string) => void;
   lastReadTimestamps: Record<string, number>;
   onToggleUnread: (workspaceId: string) => void;
   collapsed: boolean;
   onToggleCollapsed: () => void;
-  onGetSecrets: (projectPath: string) => Promise<Secret[]>;
-  onUpdateSecrets: (projectPath: string, secrets: Secret[]) => Promise<void>;
   sortedWorkspacesByProject: Map<string, FrontendWorkspaceMetadata[]>;
   workspaceRecency: Record<string, number>;
 }
 
 const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
-  projects,
-  onAddProject,
-  onRemoveProject,
   lastReadTimestamps,
   onToggleUnread: _onToggleUnread,
   collapsed,
   onToggleCollapsed,
-  onGetSecrets,
-  onUpdateSecrets,
   sortedWorkspacesByProject,
   workspaceRecency,
 }) => {
@@ -189,6 +180,15 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
     beginWorkspaceCreation: onAddWorkspace,
   } = useWorkspaceContext();
 
+  // Get project state and operations from context
+  const {
+    projects,
+    openProjectCreateModal: onAddProject,
+    removeProject: onRemoveProject,
+    getSecrets: onGetSecrets,
+    updateSecrets: onUpdateSecrets,
+  } = useProjectContext();
+
   // Workspace-specific subscriptions moved to WorkspaceListItem component
 
   // Store as array in localStorage, convert to Set for usage