Agent Activity 2

An expandable agent trace for steps, reasoning, search, and coding — shimmer while working, then a settled summary.

Auto-advancing checklist with a shimmer status and expandable timeline. Replay remounts the stage cycle.

Loading…

Installation

CLI

npx @sonojs/ui@latest add agent-activity-2

Also needsnpm i lucide-react

agent-activity-2.tsx

import { AgentActivity2 } from "@/components/sonojs/agent-activity-2"

export function Example() {
  return <AgentActivity2 variant="steps" />
}

Prop	Type	Default	Description
variant	"steps" · "reasoning" · "search" · "coding"	"steps"	Which built-in trace demo to play.
className	string	—	Optional class names on the root section.