Skip to content
Sign in
AgentsAgent kanbanMenu

Agent kanbanPro

Issues delegated to agents, by state. People stay the owner; agents show as contributors with live state.

ProDelegated issues by state; drag a card or move it from the keyboard.

Installation

$ pnpm dlx shadcn@latest add @chatcn-pro/agent-kanban

Usage

tsx
import { AgentKanban } from "@/components/ui/chatcn/pro/agent-kanban"

<AgentKanban columns={columns} issues={issues} onMove={moveIssue} />

Cards drag between columns with the pointer. The same move is a menu on each card for keyboard and touch, so nothing depends on dragging.

Examples

States

ProAn empty board and read only.

Props

PropTypeNotes
columns{ id, title }[]Board columns
issuesKanbanIssue[]{ id, key, title, column, owner, agent?, pr? }
onMove(issueId, column) => voidDrag and drop and the move menu

Accessibility

  • Each column is a named region with its count.
  • The move menu is named for the issue: "Move ENG-142".