ns-ui
Collapsible agent-reasoning timeline — status lives entirely in the node glyph on a 1px vertical rail, steps stream in over time, and completed steps fold to a single line so a long run stays readable.
Use when one agent's reasoning steps arrive over time with no known total count, and completed steps should fold to a single line so a long run stays readable, with status living in the node glyph rather than in color; pick timeline-agent-lanes instead when several agents run concurrently and lane occupancy is the question, or wizard-canal-lock when the steps are a known fixed sequence the user advances through rather than an open-ended run they watch.
Install
npx shadcn add https://design.helpmarq.com /r/timeline-reasoning-rail.jsonns-ui / timeline-reasoning-rail
Parsed the linked issue and the reported repro steps.
Searched the repo for the checkout flow and its test file.
Running the suite twice to confirm the test fails intermittently.
hover the panel to pause · click a folded step to expand it
| Prop | Type | Default | Description |
|---|---|---|---|
| steps | SoundingRailStep[] | — | the run, oldest first — append to stream new steps in |
| label? | string | — | accessible name for the timeline region |
| className? | string | — | — |