AgentTimeline

Agent chat · src/components/AgentTimeline/AgentTimeline.tsx

What the agent is doing, in order, as it happens.

An ordered list, so the sequence survives with the stylesheet off and is announced as a sequence. The step in progress carries aria-current="step", which is what tells a screen reader where the run has got to rather than leaving it to the dot's colour.

Import

import { AgentTimeline } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

Prop	Type	Notes
steps	AgentTimelineStep[]
label	string
className	string

Exported types

AgentTimelineStep