Agent Workflow
- from @d2
- by D2 Studio
A three-step agent workflow, caught mid-run: one step done, one spinning, one still pending. Each row dims as a whole rather than muting its label, icon and badge separately: a pending step is one thing that has not happened yet, not three greyed pieces. Every surface is a theme token, the spinner drops out under prefers-reduced-motion, and the only dependency is lucide-react.
Install
New to shadcn? Set up your project
If your project already has a shadcn components.json, skip initialization. Otherwise, run this once from your project root.
pnpm dlx shadcn@latest initpnpm dlx shadcn@latest add @d2/flow-01Live preview
No live preview has been built for this component yet.
Registry dependencies0
The CLI adds no other registry items with this one.