refactor: hide dialog triggers in controlled mode, use FAB for add actions

Changes:
- AddTaskDialog/AddProjectDialog: Hide DialogTrigger when controlled (open prop provided)
- Breadcrumbs: Remove add project/task buttons and onAddProject/onAddTask props
- Board: Remove passing onAddProject/onAddTask to Breadcrumbs

Behavior:
- Floating Action Buttons (FAB) in bottom-right corner are the only add entry points
- Dialog trigger buttons no longer render in controlled mode
- Add Task button disabled when no project selected
- Add Project button always enabled

Files Modified:
- src/components/breadcrumbs.tsx
- src/components/kanban/add-task-dialog.tsx
- src/components/kanban/add-project-dialog.tsx
- src/components/kanban/board.tsx

Author: actions-user

src/components/breadcrumbs.tsx

@@ -1,7 +1,6 @@
-import { ChevronDown, Folder, FolderPlus, Plus } from 'lucide-react';
+import { ChevronDown, Folder } from 'lucide-react';
 import { useState } from 'react';
 
-import { Button } from '@/components/ui/button';
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
 import type { Project, Task } from '@/hooks/useKanban';
 
@@ -13,8 +12,6 @@ interface BreadcrumbsProps {
   currentProjectId: string | null;
   onProjectSelect: (id: string) => void;
   onTaskSelect: (id: string) => void;
-  onAddProject?: () => void;
-  onAddTask?: () => void;
 }
 
 export function Breadcrumbs({
@@ -25,8 +22,6 @@ export function Breadcrumbs({
   currentProjectId,
   onProjectSelect,
   onTaskSelect,
-  onAddProject,
-  onAddTask,
 }: BreadcrumbsProps) {
   const [open, setOpen] = useState(false);
   const [activeTab, setActiveTab] = useState<'projects' | 'tasks'>('projects');
@@ -82,28 +77,6 @@ export function Breadcrumbs({
             </button>
           </div>
 
-          <div className="mt-4 flex justify-end">
-            <Button
-              size="sm"
-              onClick={onAddProject}
-              className="font-mono text-xs uppercase tracking-[0.15em]"
-            >
-              <FolderPlus className="h-3 w-3 mr-1" />
-              [add project]
-            </Button>
-          </div>
-
-          <div className="mt-4 flex justify-end">
-            <Button
-              size="sm"
-              onClick={onAddTask}
-              className="font-mono text-xs uppercase tracking-[0.15em]"
-            >
-              <Plus className="h-3 w-3 mr-1" />
-              [add task]
-            </Button>
-          </div>
-
           <div className="py-4">
             {activeTab === 'projects' && (
               <div className="space-y-2">
@@ -133,16 +106,6 @@ export function Breadcrumbs({
                     ))}
                   </div>
                 )}
-                <div className="mt-4 flex justify-end">
-                  <Button
-                    size="sm"
-                    onClick={onAddProject}
-                    className="font-mono text-xs uppercase tracking-[0.15em]"
-                  >
-                    <FolderPlus className="h-3 w-3 mr-1" />
-                    [add project]
-                  </Button>
-                </div>
               </div>
             )}
 
@@ -182,16 +145,6 @@ export function Breadcrumbs({
                     ))}
                   </div>
                 )}
-                <div className="mt-4 flex justify-end">
-                  <Button
-                    size="sm"
-                    onClick={onAddTask}
-                    className="font-mono text-xs uppercase tracking-[0.15em]"
-                  >
-                    <Plus className="h-3 w-3 mr-1" />
-                    [add task]
-                  </Button>
-                </div>
               </div>
             )}
 

src/components/kanban/add-project-dialog.tsx

@@ -66,15 +66,17 @@ export function AddProjectDialog({
 
   return (
     <Dialog open={open} onOpenChange={setOpen}>
-      <DialogTrigger asChild>
-        <Button
-          size="sm"
-          variant="ghost"
-          className="font-mono text-xs uppercase tracking-[0.15em] text-[rgba(255,255,255,0.6)] hover:text-[#FFFFFF] hover:bg-[rgba(255,255,255,0.05)]"
-        >
-          <FolderPlus className="h-4 w-4" />
-        </Button>
-      </DialogTrigger>
+      {controlledOpen === undefined && (
+        <DialogTrigger asChild>
+          <Button
+            size="sm"
+            variant="ghost"
+            className="font-mono text-xs uppercase tracking-[0.15em] text-[rgba(255,255,255,0.6)] hover:text-[#FFFFFF] hover:bg-[rgba(255,255,255,0.05)]"
+          >
+            <FolderPlus className="h-4 w-4" />
+          </Button>
+        </DialogTrigger>
+      )}
       <DialogContent className="bg-[#0a0a0a] border border-[rgba(255,255,255,0.15)] text-[rgba(255,255,255,0.8)] font-mono">
         <form onSubmit={handleSubmit}>
           <DialogHeader>

src/components/kanban/add-task-dialog.tsx

@@ -43,12 +43,14 @@ export function AddTaskDialog({ open: controlledOpen, onOpenChange, onAdd }: Add
 
   return (
     <Dialog open={open} onOpenChange={(v) => !isLoading && setOpen(v)}>
-      <DialogTrigger asChild>
-        <Button size="sm" className="font-mono text-xs uppercase tracking-[0.15em]">
-          <Plus className="h-4 w-4 mr-1" />
-          [add task]
-        </Button>
-      </DialogTrigger>
+      {controlledOpen === undefined && (
+        <DialogTrigger asChild>
+          <Button size="sm" className="font-mono text-xs uppercase tracking-[0.15em]">
+            <Plus className="h-4 w-4 mr-1" />
+            [add task]
+          </Button>
+        </DialogTrigger>
+      )}
       <DialogContent className="bg-[#0a0a0a] border border-[rgba(255,255,255,0.15)] text-[rgba(255,255,255,0.8)] font-mono">
         <form onSubmit={handleSubmit}>
           <DialogHeader>

src/components/kanban/board.tsx

@@ -1,4 +1,5 @@
 import { invoke } from '@tauri-apps/api/core';
+import { FolderPlus, Plus } from 'lucide-react';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 
 import { ActivityBar } from '@/components/activity-bar';
@@ -247,8 +248,6 @@ export function Board() {
             currentProjectId={currentProjectId}
             onProjectSelect={setCurrentProjectId}
             onTaskSelect={handleSelectTask}
-            onAddProject={() => setAddProjectOpen(true)}
-            onAddTask={() => setAddTaskOpen(true)}
           />
         )}
       </header>
@@ -288,6 +287,25 @@ export function Board() {
               <p>{currentProjectId ? 'select a task to start' : 'select a project'}</p>
             </div>
           )}
+          <div className="absolute bottom-4 right-4 z-10 flex items-center gap-2">
+            <button
+              type="button"
+              onClick={() => setAddProjectOpen(true)}
+              aria-label="add project"
+              className="h-11 w-11 cursor-pointer rounded-lg border border-[rgba(255,255,255,0.15)] bg-[rgba(255,255,255,0.06)] text-[rgba(255,255,255,0.7)] transition-all duration-200 hover:border-[rgba(255,255,255,0.35)] hover:bg-[rgba(255,255,255,0.12)] hover:text-[#FFFFFF]"
+            >
+              <FolderPlus className="mx-auto h-4 w-4" />
+            </button>
+            <button
+              type="button"
+              onClick={() => setAddTaskOpen(true)}
+              aria-label="add task"
+              disabled={!currentProjectId}
+              className="h-11 w-11 cursor-pointer rounded-lg border border-[rgba(0,255,0,0.45)] bg-[rgba(0,255,0,0.12)] text-[#00FF00] shadow-[0_0_10px_rgba(0,255,0,0.3)] transition-all duration-200 hover:bg-[rgba(0,255,0,0.2)] hover:shadow-[0_0_16px_rgba(0,255,0,0.45)] disabled:cursor-not-allowed disabled:border-[rgba(255,255,255,0.12)] disabled:bg-[rgba(255,255,255,0.06)] disabled:text-[rgba(255,255,255,0.35)] disabled:shadow-none"
+            >
+              <Plus className="mx-auto h-4 w-4" />
+            </button>
+          </div>
         </div>
       </div>