61:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 62:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 63:T1631,"use client"; import type { ToolUIPart } from "ai"; import { ChevronDownIcon } from "lucide-react"; import type { ComponentProps, ReactNode } from "react"; import { isValidElement } from "react"; import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@/components/ui/collapsible"; import { cn } from "@/lib/utils"; export type ToolProps = ComponentProps; export function Tool({ className, defaultOpen = false, ...props }: ToolProps) { return ( ); } function readableToolName(name: string) { return name .replace(/([a-z])([A-Z])/g, "$1 $2") .replace(/[_-]+/g, " ") .trim() .replace(/\b\w/g, (char) => char.toUpperCase()); } function toolInputSummary( toolName: string, input: unknown ): string | undefined { if (!input || typeof input !== "object") { return; } const record = input as Record; const name = toolName.toLowerCase(); if ( (name === "bash" || name === "shell") && typeof record.command === "string" ) { return record.command; } const path = record.file_path ?? record.path ?? record.filePath; if (typeof path === "string") { return path; } if (typeof record.pattern === "string") { return record.pattern; } if (typeof record.query === "string") { return record.query; } } function truncateSummary(value: string, max = 72): string { const trimmed = value.replace(/\s+/g, " ").trim(); if (trimmed.length <= max) { return trimmed; } return `${trimmed.slice(0, max - 1)}…`; } export function toolTitle(toolName: string, input?: unknown): string { const readable = readableToolName(toolName); const summary = input === undefined ? undefined : toolInputSummary(toolName, input); if (!summary) { return readable; } return `${readable} · ${truncateSummary(summary)}`; } export interface ToolHeaderProps { title?: string; type: ToolUIPart["type"]; state: ToolUIPart["state"]; input?: unknown; className?: string; } export function ToolHeader({ className, title, type, state, input, ...props }: ToolHeaderProps) { const toolName = title ?? type.split("-").slice(1).join("-"); const label = toolTitle(toolName, input); const isRunning = state === "input-available" || state === "input-streaming" || state === "approval-responded"; const needsApproval = state === "approval-requested"; const isDenied = state === "output-denied"; const isError = state === "output-error"; return ( {label} {needsApproval ? ( Needs approval ) : null} {isDenied ? ( Denied ) : null} {isError ? ( Error ) : null} ); } export type ToolContentProps = ComponentProps; export function ToolContent({ className, ...props }: ToolContentProps) { return ( ); } function JsonPre({ value }: { value: unknown }) { const text = typeof value === "string" ? value : JSON.stringify(value, null, 2); return

{text}

; } export type ToolInputProps = ComponentProps<"div"> & { input: ToolUIPart["input"]; label?: string; }; export function ToolInput({ className, input, label = "Input", ...props }: ToolInputProps) { if (input == null) { return null; } return (

{label}

); } export type ToolOutputProps = ComponentProps<"div"> & { output: ToolUIPart["output"]; errorText: ToolUIPart["errorText"]; label?: string; errorLabel?: string; }; export function ToolOutput({ className, output, errorText, label = "Output", errorLabel = "Error", ...props }: ToolOutputProps) { if (!(output || errorText)) { return null; } let body: ReactNode = output as ReactNode; if (typeof output === "object" && !isValidElement(output)) { body = ; } else if (typeof output === "string") { body = ; } return (

{errorText ? errorLabel : label}

{errorText ? errorText : body}

); } 60:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","ai",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/ai","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"ai"}]]}]}]]}],["$","$L61",null,{"namespace":"@simple-ai","registryDependencies":["collapsible"]}]]}],null]}],["$","$L62",null,{"files":[{"path":"packages/registry/registry/ui/tool.tsx","content":"$63","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]