Plan

Card-shaped, collapsible plan an agent proposes before acting: a header with title, description and a toggle trigger, collapsible content for the steps, and a footer for approve or edit actions. isStreaming renders the title and description with shadcn's shimmer utility while the plan is still being generated. Composes shadcn card, collapsible and button.

pnpm dlx shadcn@latest add @uifiles/plan

Registry JSON Source

Installs with

Streaming

Still being drafted: the header shimmers and the steps arrive as they are written.

Drafting a plan for user theme settings

Working out which files change and in what order

Add a `theme` column to the users table with a Drizzle migration
Expose a `PATCH /api/settings` route that validates the payload

Complete

Four steps and a footer to edit or approve. The trigger collapses the content.

Add user theme settings

Four steps across the database, API and settings UI. Review and approve to start.

Add a `theme` column to the users table with a Drizzle migration
Expose a `PATCH /api/settings` route that validates the payload
Wire the settings form to the route and show a toast on success
Cover the route with a Vitest test and the form with a Playwright flow