Kanban card
The atom of the operator's board. Carries id, title, tags, branch, assignees, priority, and current run status.
Included in the single kansho full pack. Components are not offered as separate installs.
Priority matrix
Chip carries label and colour — not colour aloneCompact audit log payloads above 4KB
Compact audit log payloads above 4KB
Compact audit log payloads above 4KB
Compact audit log payloads above 4KB
Selected + overlay preview
Compact audit log payloads above 4KB
Postmortem draft for INC-218 — failed migration
Rotate sandbox secrets and verify ledger entries
Click-to-select lane
Cursor switches to grab on hoverCompact audit log payloads above 4KB
Postmortem draft for INC-218 — failed migration
Rotate sandbox secrets and verify ledger entries
Refresh embeddings for the docs index
Included components
This page is the canonical destination for these components. All ship in the single Kansho pack.
Assignee stack
components/board/assignee-stack.tsxSupporting sources
These installed helpers belong to components documented on this page. They do not increase the public component count.
components/board/board-priority.tsPriority type and presentation metadata used by board cards.
Component documentation
Assignee stack
components/board/assignee-stack.tsxPurpose
Displays overlapping assignee initials with names in keyboard-reachable tooltips and an overflow summary.
Appropriate use
Use inside a compact card when the assignee list must remain identifiable without taking a full row.
Example
components/board/assignee-stack.tsx has a representative live example in the "Priority matrix" section on /components/kanban-card.
States
The stack returns nothing for an empty list, shows up to maxVisible assignees, and combines the remainder into one overflow badge.
API and props
AssigneeStack accepts assignees and maxVisible; AssigneeChip supplies initials, optional name, and optional tone.
Dependencies
Direct imports are React and Tooltip.
Accessibility
Each avatar and overflow summary is focusable, named as an image, and exposes its tooltip by keyboard as well as pointer.
Limitations
The avatars are display-only, tone is not rendered by this implementation, and duplicate initials plus names would not form unique React keys.
Source
Source: components/board/assignee-stack.tsx.
Full pack
components/board/assignee-stack.tsx is documented at /components/kanban-card and installs only through the single Kansho full pack; no individual component install is offered.
Kanban Card
components/board/kanban-card.tsxPurpose
Renders a sortable board card with identity, priority, lifecycle, tags, branch, counts, and assignees.
Appropriate use
Use inside KanbanBoard and KanbanColumn, or use overlay for a static drag preview.
Example
components/board/kanban-card.tsx has a representative live example in the "Click-to-select lane" section on /components/kanban-card.
States
Priorities are low, medium, high, and urgent; status uses the shared lifecycle vocabulary; cards may be selected, dragging, interactive, or static overlays.
API and props
KanbanCard accepts card, selected, onClick, className, and overlay; KanbanCardData carries id, title, branch, tags, assignees, status, priority, comments, and attachments.
Dependencies
Direct imports are React, Lucide icons, dnd-kit sortable and utilities, Tag, StatusPill, AssigneeStack, board-priority metadata, and cn.
Accessibility
Sortable wrappers receive dnd-kit keyboard attributes; Enter invokes onClick when supplied, while Space starts or completes dnd-kit keyboard drag; priority, status, and assignees are named.
Limitations
It does not persist selection or order; a sortable card still requires the surrounding dnd-kit context and host data updates.
Source
Source: components/board/kanban-card.tsx.
Full pack
components/board/kanban-card.tsx is documented at /components/kanban-card and installs only through the single Kansho full pack; no individual component install is offered.