Agent Step Timeline
A vertical timeline of ReAct agent steps: collapsible per-step cards (color-coded tool badge, args, observation show-more, index, elapsed-ms), a finish final-answer card, auto-scroll, a Thinking row while running, a finish-reason badge (max.

- Library
- LocalMode
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- lucide-react
- Install
npx shadcn add @localmode/ui/ui/conversation/agent-step-timeline- Files
apps/ui/registry/localmode/conversation/agent-step-timeline/agent-step-timeline.tsxapps/ui/registry/localmode/lib/utils.tsapps/ui/registry/localmode/ui/badge.tsx
- Source
- https://github.com/LocalMode-AI/LocalMode
Categories
- AI Element Components
- React AI Element Components
- Tailwind CSS AI Element Components
- Collapsible Components
- React Collapsible Components
- Tailwind CSS Collapsible Components
- Data Display Components
- React Data Display Components
- Tailwind CSS Data Display Components
- Timeline Components
- React Timeline Components
- Tailwind CSS Timeline Components