Chat inputNew

$pnpm dlx shadcn@latest add @nextui/chat-input

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 { useState } from "react";
4import { Paperclip } from "lucide-react";
5import { AiChatInput } from "@/components/nextui/chat-input";
6
7export function Composer({ onSend }: { onSend: (message: string) => Promise<void> }) {
8  const [busy, setBusy] = useState(false);
9
10  return (
11    <AiChatInput
12      placeholder="Ask anything about your docs…"
13      tools={[{ label: "Attach file", icon: Paperclip, onClick: () => console.log("attach") }]}
14      sources={[{ label: "Web" }, { label: "Docs" }, { label: "News" }]}
15      status={busy ? "Thinking…" : null}
16      onSubmit={async (message) => {
17        setBusy(true);
18        await onSend(message);
19        setBusy(false);
20      }}
21    />
22  );
23}