feat(HAI-001): move new task creation to triage column with button in column header

packages/dashboard/app/components/Board.tsx

@@ -12,9 +12,10 @@ interface BoardProps {
   isCreating: boolean;
   onCancelCreate: () => void;
   onCreateTask: (input: TaskCreateInput) => Promise<Task>;
+  onNewTask: () => void;
 }
 
-export function Board({ tasks, maxConcurrent, onMoveTask, onOpenDetail, addToast, isCreating, onCancelCreate, onCreateTask }: BoardProps) {
+export function Board({ tasks, maxConcurrent, onMoveTask, onOpenDetail, addToast, isCreating, onCancelCreate, onCreateTask, onNewTask }: BoardProps) {
   return (
     <main className="board" id="board">
       {COLUMNS.map((col) => (
@@ -27,7 +28,7 @@ export function Board({ tasks, maxConcurrent, onMoveTask, onOpenDetail, addToast
           onMoveTask={onMoveTask}
           onOpenDetail={onOpenDetail}
           addToast={addToast}
-          {...(col === "todo" ? { isCreating, onCancelCreate, onCreateTask } : {})}
+          {...(col === "triage" ? { isCreating, onCancelCreate, onCreateTask, onNewTask } : {})}
         />
       ))}
     </main>

packages/dashboard/app/components/Column.tsx

@@ -18,9 +18,10 @@ interface ColumnProps {
   isCreating?: boolean;
   onCancelCreate?: () => void;
   onCreateTask?: (input: TaskCreateInput) => Promise<Task>;
+  onNewTask?: () => void;
 }
 
-export function Column({ column, tasks, allTasks, maxConcurrent, onMoveTask, onOpenDetail, addToast, isCreating, onCancelCreate, onCreateTask }: ColumnProps) {
+export function Column({ column, tasks, allTasks, maxConcurrent, onMoveTask, onOpenDetail, addToast, isCreating, onCancelCreate, onCreateTask, onNewTask }: ColumnProps) {
   const [dragOver, setDragOver] = useState(false);
 
   const handleDragOver = useCallback((e: React.DragEvent) => {
@@ -61,10 +62,15 @@ export function Column({ column, tasks, allTasks, maxConcurrent, onMoveTask, onO
         <div className={`column-dot dot-${column}`} />
         <h2>{COLUMN_LABELS[column]}</h2>
         <span className="column-count">{tasks.length}</span>
+        {onNewTask && (
+          <button className="btn btn-primary btn-sm" onClick={onNewTask}>
+            + New Task
+          </button>
+        )}
       </div>
       <p className="column-desc">{COLUMN_DESCRIPTIONS[column]}</p>
       <div className="column-body">
-        {column === "todo" && isCreating && onCancelCreate && onCreateTask && (
+        {column === "triage" && isCreating && onCancelCreate && onCreateTask && (
           <InlineCreateCard
             tasks={allTasks}
             onSubmit={onCreateTask}

packages/dashboard/app/components/Header.tsx

@@ -1,17 +1,10 @@
-interface HeaderProps {
-  onNewTask: () => void;
-}
-
-export function Header({ onNewTask }: HeaderProps) {
+export function Header() {
   return (
     <header className="header">
       <div className="header-left">
         <h1 className="logo">hai</h1>
         <span className="logo-sub">board</span>
       </div>
-      <button className="btn btn-primary" onClick={onNewTask}>
-        + New Task
-      </button>
     </header>
   );
 }

packages/dashboard/app/components/InlineCreateCard.tsx

@@ -35,7 +35,7 @@ export function InlineCreateCard({ tasks, onSubmit, onCancel, addToast }: Inline
         try {
           const task = await onSubmit({
             description: description.trim(),
-            column: "todo",
+            column: "triage",
             dependencies: dependencies.length ? dependencies : undefined,
           });
           addToast(`Created ${task.id}`, "success");