What it isCopy Anchor Link

A board page — a PageHeader over a ListToolbar and Board, with lanes named by their count, a paged Backlog, cards that link to each task with their own menu, and a No matches state. It is a block: you pull it once with shadcn add, and then you own it — nothing re-pulls it and no integrity hash tracks your edits, unlike the components it composes.

BoardView in components/ holds the filters and the board; the page is the server-safe frame around it.

InstallCopy Anchor Link

npx shadcn@latest add @vegastack/board-01

This installs the block's own files plus the components it composes: app-shell, avatar, board, button, data-table-parts, empty, filter-row, list-toolbar, page-header.

PreviewCopy Anchor Link

AnatomyCopy Anchor Link

• AppShellPage size="full" › PageHeader h1 "Tasks" with its "New task" action.
• ListToolbar — the search and the Filter tool; its FilterRow holds an Assignee ListFacet and "Clear" while anything is filtered.
• Board — each lane is a region named with its count ("Backlog, 6 tasks", via countLabel). The Backlog is paged: its count is the server's total and loadMore fetches the rest. Each card is a link to its task (getItemHref), named for moves (getItemLabel), with its own Edit / Archive items above Move in one ⋯ menu (getItemActions). An empty lane says so ("No tasks", or "No matching tasks" while filtering).
• No matches — when the filters hide every card, the board gives way to an Empty with "Clear filters".

Filters and movesCopy Anchor Link

The filters narrow what each lane shows; a move always lands in the full lane, which is why onMove updates the unfiltered columns. Space on a focused card lifts it into keyboard move mode; Enter follows its link.

FilesCopy Anchor Link

Do / Don'tCopy Anchor Link