diff --git a/apps/ui/src/components/views/board-view/components/kanban-column.tsx b/apps/ui/src/components/views/board-view/components/kanban-column.tsx index 1fc1029b..a280c955 100644 --- a/apps/ui/src/components/views/board-view/components/kanban-column.tsx +++ b/apps/ui/src/components/views/board-view/components/kanban-column.tsx @@ -78,7 +78,9 @@ export const KanbanColumn = memo(function KanbanColumn({ )} >
-

{title}

+

+ {title} +

{headerAction} {count} diff --git a/apps/ui/src/components/views/board-view/components/list-view/list-header.tsx b/apps/ui/src/components/views/board-view/components/list-view/list-header.tsx index aad969b6..1c874caf 100644 --- a/apps/ui/src/components/views/board-view/components/list-view/list-header.tsx +++ b/apps/ui/src/components/views/board-view/components/list-view/list-header.tsx @@ -132,7 +132,7 @@ const SortableColumnHeader = memo(function SortableColumnHeader({ )} data-testid={`list-header-${column.id}`} > - {column.label} + {column.label}
); @@ -156,7 +156,7 @@ const StaticColumnHeader = memo(function StaticColumnHeader({ column }: { column )} data-testid={`list-header-${column.id}`} > - {column.label} + {column.label} ); }); diff --git a/apps/ui/src/components/views/board-view/kanban-board.tsx b/apps/ui/src/components/views/board-view/kanban-board.tsx index 8314e74f..040b4690 100644 --- a/apps/ui/src/components/views/board-view/kanban-board.tsx +++ b/apps/ui/src/components/views/board-view/kanban-board.tsx @@ -12,7 +12,8 @@ import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable' import { Button } from '@/components/ui/button'; import { KanbanColumn, KanbanCard, EmptyStateCard } from './components'; import { Feature, useAppStore, formatShortcut } from '@/store/app-store'; -import { Archive, Settings2, CheckSquare, GripVertical, Plus } from 'lucide-react'; +import { Archive, Settings2, CheckSquare, GripVertical, Plus, CheckCircle2 } from 'lucide-react'; +import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'; import { useResponsiveKanban } from '@/hooks/use-responsive-kanban'; import { getColumnsWithPipeline, type ColumnId } from './constants'; import type { PipelineConfig } from '@automaker/types'; @@ -357,35 +358,49 @@ export function KanbanBoard({ contentClassName="perf-contain" headerAction={ column.id === 'verified' ? ( -
- {columnFeatures.length > 0 && ( - - )} - + + +

Complete All

+
+ )} - -
+ + + + + +

Completed Features ({completedCount})

+
+
+ + ) : column.id === 'backlog' ? (