diff --git a/app/src/components/views/board-view.tsx b/app/src/components/views/board-view.tsx index 2087d78b..4514a999 100644 --- a/app/src/components/views/board-view.tsx +++ b/app/src/components/views/board-view.tsx @@ -511,7 +511,15 @@ export function BoardView() { }; const getColumnFeatures = (columnId: ColumnId) => { - return features.filter((f) => f.status === columnId); + return features.filter((f) => { + // If feature has a running agent, always show it in "in_progress" + const isRunning = runningAutoTasks.includes(f.id); + if (isRunning) { + return columnId === "in_progress"; + } + // Otherwise, use the feature's status + return f.status === columnId; + }); }; const handleViewOutput = (feature: Feature) => { @@ -682,6 +690,7 @@ export function BoardView() { title={column.title} color={column.color} count={columnFeatures.length} + isDoubleWidth={column.id === "in_progress"} > f.id)} diff --git a/app/src/components/views/kanban-column.tsx b/app/src/components/views/kanban-column.tsx index 5ba5f8c9..d45c663a 100644 --- a/app/src/components/views/kanban-column.tsx +++ b/app/src/components/views/kanban-column.tsx @@ -10,6 +10,7 @@ interface KanbanColumnProps { color: string; count: number; children: ReactNode; + isDoubleWidth?: boolean; } export function KanbanColumn({ @@ -18,6 +19,7 @@ export function KanbanColumn({ color, count, children, + isDoubleWidth = false, }: KanbanColumnProps) { const { setNodeRef, isOver } = useDroppable({ id }); @@ -25,7 +27,8 @@ export function KanbanColumn({
{/* Column Content */} -
{children}
+
*]:break-inside-avoid [&>*]:mb-2" + : "space-y-2" + )} + > + {children} +
); }