KQ-763 · TOOL/CHAIN
Tool Chain
A vertical chain of tool calls where each link is earned. The connector beneath a step grows from its top on glide only once that step is done; the running node's dot breathes, a completed node fills on flick with its tick drawn on flick, and a failed node fills danger with a cross while its error line opens to a measured height on glide and the chain pauses — the steps beneath dim and read Paused. A Retry control arrives on snap inside the error line when the host offers one; Tab reaches it and Enter or Space presses it.
KQ-763 · TOOL/CHAIN
Reconcile payouts0 / 4
- Link 1, read_filepayouts/2026-09-08.csvPending
- Link 2, search_ledgerday: 2026-09-08Pending
- Link 3, match_rowsby referencePending
- Link 4, post_summaryto #reconciliationPending
Idle · press play
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/tool-chain
Props
- steps
- ToolChainStep[]
- default —
- The calls in chain order: id, name, detail, status (pending, running, done or failed) and an error for a failed step.
- onRetry
- (id: string) => void
- default —
- Offers a Retry control on a failed step and fires from it.
- label
- string
- default —
- Names the chain for assistive technology.
| Prop | Type | Default | Description |
|---|---|---|---|
| steps | ToolChainStep[] | — | The calls in chain order: id, name, detail, status (pending, running, done or failed) and an error for a failed step. |
| onRetry | (id: string) => void | — | Offers a Retry control on a failed step and fires from it. |
| label | string | — | Names the chain for assistive technology. |