Agent questionNew

$pnpm dlx shadcn@latest add @nextui/agent-question

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 { AgentQuestion } from "@/components/nextui/agent-question";
5
6// Server: a tool with no execute, e.g.
7// ask_user: tool({ description: "Ask the user when you need a decision",
8//   inputSchema: z.object({ question: z.string(), options: z.array(z.string()) }) })
9export function Messages() {
10  const { messages, addToolOutput } = useChat();
11
12  return messages.flatMap((message) =>
13    message.parts.map((part, i) =>
14      part.type === "tool-ask_user" && part.state !== "input-streaming" ? (
15        <AgentQuestion
16          key={i}
17          question={part.input.question}
18          options={part.input.options.map((label) => ({ label }))}
19          answer={part.state === "output-available" ? String(part.output) : null}
20          onAnswer={(answer) => addToolOutput({ tool: "ask_user", toolCallId: part.toolCallId, output: answer })}
21        />
22      ) : null,
23    ),
24  );
25}