ns-ui

Timeline Reasoning Rail

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.json
  • timeline
  • stepper
  • agent
  • log
  • disclosure
  • accordion
  • streaming
  • accessibility

ns-ui / timeline-reasoning-rail

Fix flaky checkout test

running
  1. Parsed the linked issue and the reported repro steps.

    sourceissue #482
  2. Searched the repo for the checkout flow and its test file.

    toolgrepfiles3 matched
  3. Running the suite twice to confirm the test fails intermittently.

    toolvitest

hover the panel to pause · click a folded step to expand it

Props

PropTypeDefaultDescription
stepsSoundingRailStep[]the run, oldest first — append to stream new steps in
label?stringaccessible name for the timeline region
className?string