Skip to content
AI & Chat
E. AI & Chat

Agent Plan

Live plan checklist, an editable plan before the run, a plan tree with phases, estimate vs actual, an agent todo board and a plan summary before the run.

6 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash
npx @wunderui/cli add ai/agent-plan

01Live plan checklist

Uses: AgentPlan · PlanStep · Button · Badge

components/blocks/ai/agent-plan/01-live-checklist.tsx

02Editable plan before start

Uses: AgentPlan · EmptyState · Button · Badge

components/blocks/ai/agent-plan/02-editable-plan.tsx

03Plan tree

Uses: AgentPlan · PlanStep · Button · Badge

components/blocks/ai/agent-plan/03-plan-tree.tsx

04Estimate vs actual

Uses: DurationBar · Badge · Button

components/blocks/ai/agent-plan/04-estimate-vs-actual.tsx

05Agent todo board

Uses: ActivityItem · Badge · Button

components/blocks/ai/agent-plan/05-todo-board.tsx

06Plan summary before run

Uses: PlanSummary · AgentPlan · Button · Badge

components/blocks/ai/agent-plan/06-plan-summary.tsx

← Agent Reasoning / Tool-Call TranscriptTool Calls →