Terminal OutputNew

$pnpm dlx shadcn@latest add @nextui/terminal-output

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 type { UIMessage } from "ai";
4import { TerminalOutput } from "@/components/nextui/terminal-output";
5
6// Render a "bash" tool part from useChat messages.
7// Stream output from your tool with preliminary results (async *execute yields).
8export function BashPart({ part }: { part: Extract<UIMessage["parts"][number], { type: `tool-${string}` }> }) {
9  const input = part.input as { command?: string } | undefined;
10  const output = part.output as { lines: string[]; exitCode?: number; ms?: number } | undefined;
11  const done = part.state === "output-available" && part.preliminary !== true;
12
13  return (
14    <TerminalOutput
15      command={input?.command ?? ""}
16      lines={output?.lines ?? []}
17      status={!done ? "running" : output?.exitCode ? "error" : "success"}
18      exitCode={output?.exitCode ?? 0}
19      duration={output?.ms ?? 0}
20    />
21  );
22}