ns-ui
Live multi-agent turn tracker — one hairline lane per agent, the lane holding the turn brightened to foreground, handoffs drawn as stepped connectors with mono duration labels.
Use when several agents run concurrently and the question is who holds the turn right now, so each gets a hairline lane and handoffs are drawn as stepped connectors between them; pick timeline-reasoning-rail instead when there is one agent and its steps are sequential, or tool-call-board when the interesting axis is which tools are being invoked rather than which agent is active.
Install
npx shadcn add https://design.helpmarq.comns-ui / timeline-agent-lanes
orchestrator hands off to planner, planner fans out to three subagents running concurrently, then hands back — stepped connectors mark each baton pass with its duration
| Prop | Type | Default | Description |
|---|---|---|---|
| agents | RelayLaneAgent[] | — | lane order, top to bottom |
| turns | RelayLaneTurn[] | — | the run so far — append/mutate over time, oldest first is not required |
| label? | string | — | accessible name for the region |
| windowMs? | number | — | width of the rolling visible window, in ms |
| now? | number | — | controlled "now" in ms — omit to let the component tick its own clock |
| className? | string | — | — |