Step status row
A single row in a vertical execution timeline. Stacks to form a full plan; states cover the lifecycle from pending to complete.
Included in the single kansho full pack. Components are not offered as separate installs.
Vertical timeline
Connectors join consecutive rowsPulled 12 sources from the knowledge base.
Web search across 8 product docs.
Streaming output to /drafts/competitive.md
State matrix
Waiting on prior step
Streaming partial output
3 results returned
Permission denied on /etc
Needs human sign-off
Branch not taken
Failure inside a chain
3 of 47 tests failed
Blocked by previous failure
Component documentation
Step Status Row
components/agent/step-status-row.tsxPurpose
Displays one indexed step with status, detail, duration, metadata, and optional timeline connectors.
Appropriate use
Use in a vertical execution timeline where the parent controls ordering and state.
Example
components/agent/step-status-row.tsx has a representative live example in the "Vertical timeline" section on /components/step-status-row.
States
Supports all shared statuses, optional active emphasis, numeric index, duration, metadata, and none/top/bottom/both connectors.
API and props
StepStatusRow accepts index, title, description, status, durationMs, meta, connector, active, and className.
Dependencies
Direct imports are React, Spinner, shared status types/meta, duration formatting, and cn.
Accessibility
Status is repeated in visible text/icon treatment, but the row adds no listitem or current-step semantics by itself.
Limitations
It is non-interactive and does not coordinate connector geometry, ordering, or live announcements.
Source
Source: components/agent/step-status-row.tsx.
Full pack
components/agent/step-status-row.tsx is documented at /components/step-status-row and installs only through the single Kansho full pack; no individual component install is offered.