KQ-794 · RUN/TIMELINE
Run Timeline
A timeline of run events that grows downward: each row fades in from a nudge on the enter ease and the spine segment above it draws on glide, so the line reaches the new event. While the run is live the last node breathes and the finish lands on flick. Collapse similar folds every run of same-kind events under a header that reads the count; members fold to a measured zero height on glide and a header can reopen its own group. Tab reaches the toggle and every header, Enter or Space presses.
KQ-794 · RUN/TIMELINE
Nightly report0 events
No events yet.
Idle · press run
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/run-timeline
Props
- events
- RunEvent[]
- default —
- The run so far, oldest first, each with a kind, an optional agent, text and a time in seconds owned by the host. Append to grow it.
- live
- boolean
- default false
- The last event breathes while true.
- collapsed / defaultCollapsed
- boolean
- default false
- Controlled or initial grouping of similar events.
- onCollapsedChange
- (collapsed: boolean) => void
- default —
- Fires from the Collapse similar control.
- label
- string
- default —
- Names the timeline.
| Prop | Type | Default | Description |
|---|---|---|---|
| events | RunEvent[] | — | The run so far, oldest first, each with a kind, an optional agent, text and a time in seconds owned by the host. Append to grow it. |
| live | boolean | false | The last event breathes while true. |
| collapsed / defaultCollapsed | boolean | false | Controlled or initial grouping of similar events. |
| onCollapsedChange | (collapsed: boolean) => void | — | Fires from the Collapse similar control. |
| label | string | — | Names the timeline. |