feat(FN-674): implement multi-project dashboard UX

- Add Project Overview page with responsive grid and health status cards
- Add Project Selector dropdown in header for quick project switching
- Add Setup Wizard for registering new projects with auto-detection
- Implement project drill-down: click project to view its tasks
- Add global activity feed with cross-project activity log
- Add project health monitoring with real-time status polling
- Add deep linking support for tasks via ?task= URL parameter
- Add useTasks hook with project context filtering
- Add ntfy notification deep link to open tasks in dashboard
- Fix terminal error message formatting for agent failures
- Unify comment style across codebase (// instead of /** */)
- Add comprehensive tests for multi-project components

packages/dashboard/app/components/Board.tsx

@@ -4,6 +4,7 @@ import { Column } from "./Column";
 import type { ToastType } from "../hooks/useToast";
 import { useState, useMemo, useEffect, useCallback, useRef } from "react";
 import { useBatchBadgeFetch } from "../hooks/useBatchBadgeFetch";
+import { Folder } from "lucide-react";
 import type { ModelInfo } from "../api";
 
 interface BoardProps {
@@ -35,6 +36,9 @@ interface BoardProps {
    */
   onSubtaskBreakdown?: (description: string) => void;
   onOpenFilesForTask?: (taskId: string) => void;
+  /** Project context for multi-project mode */
+  projectId?: string;
+  projectName?: string;
 }
 
 function sortTasksForColumn(tasks: Task[]): Task[] {
@@ -53,7 +57,7 @@ function areTaskArraysEqual(previous: Task[], next: Task[]): boolean {
   return previous.every((task, index) => task === next[index]);
 }
 
-export function Board({ tasks, maxConcurrent, onMoveTask, onOpenDetail, addToast, onQuickCreate, onNewTask, autoMerge, onToggleAutoMerge, globalPaused, onUpdateTask, onArchiveTask, onUnarchiveTask, onArchiveAllDone, searchQuery = "", availableModels, onPlanningMode, onSubtaskBreakdown, onOpenFilesForTask }: BoardProps) {
+export function Board({ tasks, maxConcurrent, onMoveTask, onOpenDetail, addToast, onQuickCreate, onNewTask, autoMerge, onToggleAutoMerge, globalPaused, onUpdateTask, onArchiveTask, onUnarchiveTask, onArchiveAllDone, searchQuery = "", availableModels, onPlanningMode, onSubtaskBreakdown, onOpenFilesForTask, projectId, projectName }: BoardProps) {
   const [archivedCollapsed, setArchivedCollapsed] = useState(true);
   const { fetchBatch } = useBatchBadgeFetch();
   const debounceTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
@@ -142,30 +146,42 @@ export function Board({ tasks, maxConcurrent, onMoveTask, onOpenDetail, addToast
       }
     };
   }, [taskIdsWithBadges, fetchBatch]);
+
   return (
-    <main className="board" id="board">
-      {COLUMNS.map((col) => (
-        <Column
-          key={col}
-          column={col}
-          tasks={tasksByColumn[col]}
-          maxConcurrent={maxConcurrent}
-          onMoveTask={onMoveTask}
-          onOpenDetail={onOpenDetail}
-          addToast={addToast}
-          globalPaused={globalPaused}
-          onUpdateTask={onUpdateTask}
-          onArchiveTask={onArchiveTask}
-          onUnarchiveTask={onUnarchiveTask}
-          allTasks={filteredTasks}
-          availableModels={availableModels}
-          onOpenFilesForTask={onOpenFilesForTask}
-          {...(col === "triage" ? { onQuickCreate, onNewTask, onPlanningMode, onSubtaskBreakdown } : {})}
-          {...(col === "in-review" ? { autoMerge, onToggleAutoMerge } : {})}
-          {...(col === "done" ? { onArchiveAllDone } : {})}
-          {...(col === "archived" ? { collapsed: archivedCollapsed, onToggleCollapse: handleToggleArchivedCollapse } : {})}
-        />
-      ))}
-    </main>
+    <>
+      {/* Project context badge */}
+      {projectId && projectName && (
+        <div className="board-project-context">
+          <span className="board-project-badge">
+            <Folder size={14} />
+            {projectName}
+          </span>
+        </div>
+      )}
+      <main className="board" id="board">
+        {COLUMNS.map((col) => (
+          <Column
+            key={col}
+            column={col}
+            tasks={tasksByColumn[col]}
+            maxConcurrent={maxConcurrent}
+            onMoveTask={onMoveTask}
+            onOpenDetail={onOpenDetail}
+            addToast={addToast}
+            globalPaused={globalPaused}
+            onUpdateTask={onUpdateTask}
+            onArchiveTask={onArchiveTask}
+            onUnarchiveTask={onUnarchiveTask}
+            allTasks={filteredTasks}
+            availableModels={availableModels}
+            onOpenFilesForTask={onOpenFilesForTask}
+            {...(col === "triage" ? { onQuickCreate, onNewTask, onPlanningMode, onSubtaskBreakdown } : {})}
+            {...(col === "in-review" ? { autoMerge, onToggleAutoMerge } : {})}
+            {...(col === "done" ? { onArchiveAllDone } : {})}
+            {...(col === "archived" ? { collapsed: archivedCollapsed, onToggleCollapse: handleToggleArchivedCollapse } : {})}
+          />
+        ))}
+      </main>
+    </>
   );
 }