refactor: Enhance project management features and UI components

- Updated create-pr.ts to improve commit error handling and logging.
- Enhanced project-switcher.tsx with new folder opening functionality and state management for project setup.
- Expanded icon-picker.tsx to include a comprehensive list of icons organized by category.
- Replaced dialog components with popover components for auto mode and plan settings, improving UI responsiveness.
- Refactored board-view components to streamline feature management and enhance user experience.
- Removed outdated dialog components and replaced them with popover alternatives for better accessibility.

These changes aim to improve the overall usability and functionality of the project management interface.

apps/ui/src/components/views/graph-view/graph-canvas.tsx

@@ -35,7 +35,7 @@ import {
 } from './hooks';
 import { cn } from '@/lib/utils';
 import { useDebounceValue } from 'usehooks-ts';
-import { SearchX } from 'lucide-react';
+import { SearchX, Plus } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 
 // Define custom node and edge types - using any to avoid React Flow's strict typing
@@ -64,6 +64,7 @@ interface GraphCanvasProps {
   onNodeDoubleClick?: (featureId: string) => void;
   nodeActionCallbacks?: NodeActionCallbacks;
   onCreateDependency?: (sourceId: string, targetId: string) => Promise<boolean>;
+  onAddFeature?: () => void;
   backgroundStyle?: React.CSSProperties;
   backgroundSettings?: BackgroundSettings;
   className?: string;
@@ -77,6 +78,7 @@ function GraphCanvasInner({
   onNodeDoubleClick,
   nodeActionCallbacks,
   onCreateDependency,
+  onAddFeature,
   backgroundStyle,
   backgroundSettings,
   className,
@@ -398,6 +400,14 @@ function GraphCanvasInner({
 
         <GraphLegend />
 
+        {/* Add Feature Button */}
+        <Panel position="top-right">
+          <Button variant="default" size="sm" onClick={onAddFeature} className="gap-1.5">
+            <Plus className="w-4 h-4" />
+            Add Feature
+          </Button>
+        </Panel>
+
         {/* Empty state when all nodes are filtered out */}
         {filterResult.hasActiveFilter && filterResult.matchedNodeIds.size === 0 && (
           <Panel position="top-center" className="mt-20">

apps/ui/src/components/views/graph-view/graph-view.tsx

@@ -22,6 +22,7 @@ interface GraphViewProps {
   onUpdateFeature?: (featureId: string, updates: Partial<Feature>) => void;
   onSpawnTask?: (feature: Feature) => void;
   onDeleteTask?: (feature: Feature) => void;
+  onAddFeature?: () => void;
 }
 
 export function GraphView({
@@ -40,6 +41,7 @@ export function GraphView({
   onUpdateFeature,
   onSpawnTask,
   onDeleteTask,
+  onAddFeature,
 }: GraphViewProps) {
   const { currentProject } = useAppStore();
 
@@ -212,6 +214,7 @@ export function GraphView({
         onNodeDoubleClick={handleNodeDoubleClick}
         nodeActionCallbacks={nodeActionCallbacks}
         onCreateDependency={handleCreateDependency}
+        onAddFeature={onAddFeature}
         backgroundStyle={backgroundImageStyle}
         backgroundSettings={backgroundSettings}
         className="h-full"