81ab64bdf7
- Derive engineStopped from globalPaused/enginePaused in App and pass through Board → Column → WorktreeGroup → TaskCard - Guard isAgentActive in TaskCard with !engineStopped so the pulse animation stops when the engine is paused - Update Board test to supply the new engineStopped prop - Add TaskCard tests covering engineStopped=true, false, and undefined (backward compat) - Add engineStopped to all intermediate component interfaces
47 lines
1.3 KiB
TypeScript
47 lines
1.3 KiB
TypeScript
import type { Task, TaskDetail } from "@kb/core";
|
|
import { ClipboardList, GitBranch } from "lucide-react";
|
|
import { TaskCard } from "./TaskCard";
|
|
import type { ToastType } from "../hooks/useToast";
|
|
|
|
interface WorktreeGroupProps {
|
|
label: string;
|
|
activeTasks: Task[];
|
|
queuedTasks: Task[];
|
|
onOpenDetail: (task: TaskDetail) => void;
|
|
addToast: (message: string, type?: ToastType) => void;
|
|
engineStopped?: boolean;
|
|
}
|
|
|
|
export function WorktreeGroup({
|
|
label,
|
|
activeTasks,
|
|
queuedTasks,
|
|
onOpenDetail,
|
|
addToast,
|
|
engineStopped,
|
|
}: WorktreeGroupProps) {
|
|
return (
|
|
<div className="worktree-group">
|
|
<div className="worktree-group-header">
|
|
<span className="worktree-icon">
|
|
{label === "Up Next" || label === "Unassigned" ? <ClipboardList size={14} /> : <GitBranch size={14} />}
|
|
</span>
|
|
<span className="worktree-label">{label}</span>
|
|
</div>
|
|
{activeTasks.map((task) => (
|
|
<TaskCard key={task.id} task={task} onOpenDetail={onOpenDetail} addToast={addToast} engineStopped={engineStopped} />
|
|
))}
|
|
{queuedTasks.map((task) => (
|
|
<TaskCard
|
|
key={task.id}
|
|
task={task}
|
|
queued
|
|
onOpenDetail={onOpenDetail}
|
|
addToast={addToast}
|
|
engineStopped={engineStopped}
|
|
/>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|