Plan / todo block
A nested checklist that shows what the agent intends to do, what it's doing now, and what's left.
Included in the single kansho full pack. Components are not offered as separate installs.
Active plan
Compact, no header
Component documentation
Plan Todo
components/agent/plan-todo.tsxPurpose
Renders a hierarchical plan checklist with shared status glyphs and progress count.
Appropriate use
Use for operator-visible plan steps when the host owns the authoritative step state.
Example
components/agent/plan-todo.tsx has a representative live example in the "Active plan" section on /components/plan-todo.
States
Step statuses are pending, running, done, and skipped; steps may be nested and the title header is optional.
API and props
PlanTodo accepts steps, title, onToggle, and className; each step has id, label, status, detail, and optional children.
Dependencies
Direct imports are React, StatusGlyph, and cn.
Accessibility
Toggle buttons have action-specific accessible names and status glyph meaning is backed by visible labels.
Limitations
Toggling cycles a presentational next status only through the caller callback; it does not enforce valid plan execution order.
Source
Source: components/agent/plan-todo.tsx.
Full pack
components/agent/plan-todo.tsx is documented at /components/plan-todo and installs only through the single Kansho full pack; no individual component install is offered.