Plan ReviewNew

$pnpm dlx shadcn@latest add @nextui/plan-review

1{
2  "registries": {
3    "@nextui": {
4      "url": "https://nextui.dev/r/{name}.json",
5      "headers": { "Authorization": "Bearer ${NEXTUI_TOKEN}" }
6    }
7  }
8}

1"use client";
2
3import { useChat } from "@ai-sdk/react";
4import { PlanReview, type PlanStep } from "@/components/nextui/plan-review";
5
6// The agent calls a "propose_plan" tool without execute; answer it from here.
7export function PlanPart({ toolCallId, input }: { toolCallId: string; input: { goal: string; steps: PlanStep[] } }) {
8  const { addToolResult } = useChat();
9
10  return (
11    <PlanReview
12      title={input.goal}
13      defaultSteps={input.steps}
14      onApprove={(steps) =>
15        addToolResult({ tool: "propose_plan", toolCallId, output: { approved: true, steps } })
16      }
17      onRequestChanges={(feedback) =>
18        addToolResult({ tool: "propose_plan", toolCallId, output: { approved: false, feedback } })
19      }
20    />
21  );
22}