{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "agent-message",
	"title": "Agent Message",
	"description": "AI SDK UIMessage presenter for streaming text, provider reasoning, multimodal files, sources, steps, tools, actions, metadata, and usage",
	"dependencies": ["ai@7.0.31", "daisyui", "lucide-react", "streamdown@2.5.0"],
	"registryDependencies": ["https://ui-components.wener.me/r/message.json"],
	"files": [
		{
			"path": "registry/default/ui/agent-message/agent-message-types.ts",
			"content": "import type { UIMessage } from 'ai';\nimport type { ComponentType, ReactNode } from 'react';\n\nexport type AgentMessagePart = UIMessage['parts'][number];\n\nexport type AgentMessageMessages = {\n\tassistantRole: string;\n\taudioAttachment: string;\n\tdocumentSource: string;\n\tfileAttachment: string;\n\timageAttachment: string;\n\tmalformedPart: string;\n\topenSource: string;\n\treasoning: string;\n\treasoningStreaming: string;\n\tstep: (step: number) => string;\n\tsystemRole: string;\n\ttoolApprovalReason: string;\n\ttoolInput: string;\n\ttoolOutput: string;\n\ttoolState: (state: string, approved?: boolean) => string;\n\tunknownPart: (type: string) => string;\n\tunnamedAttachment: string;\n\tunnamedSource: string;\n\tunnamedTool: string;\n\tuserRole: string;\n};\n\nexport const defaultAgentMessageMessages: AgentMessageMessages = {\n\tassistantRole: '助手',\n\taudioAttachment: '音频附件',\n\tdocumentSource: '文档来源',\n\tfileAttachment: '文件附件',\n\timageAttachment: '图片附件',\n\tmalformedPart: '无法显示的消息内容',\n\topenSource: '打开来源',\n\treasoning: '提供方推理摘要',\n\treasoningStreaming: '提供方正在生成推理摘要',\n\tstep: (step) => `步骤 ${step}`,\n\tsystemRole: '系统',\n\ttoolApprovalReason: '审批说明',\n\ttoolInput: '输入',\n\ttoolOutput: '输出',\n\ttoolState: (state, approved) => {\n\t\tswitch (state) {\n\t\t\tcase 'input-streaming':\n\t\t\t\treturn '正在接收参数';\n\t\t\tcase 'input-available':\n\t\t\t\treturn '等待执行';\n\t\t\tcase 'approval-requested':\n\t\t\t\treturn '等待批准';\n\t\t\tcase 'approval-responded':\n\t\t\t\treturn approved === false ? '已拒绝' : '已批准';\n\t\t\tcase 'output-available':\n\t\t\t\treturn '已完成';\n\t\t\tcase 'output-error':\n\t\t\t\treturn '执行失败';\n\t\t\tcase 'output-denied':\n\t\t\t\treturn '已拒绝';\n\t\t\tdefault:\n\t\t\t\treturn '未知状态';\n\t\t}\n\t},\n\tunknownPart: (type) => `暂不支持的消息内容：${type}`,\n\tunnamedAttachment: '附件',\n\tunnamedSource: '来源',\n\tunnamedTool: '工具',\n\tuserRole: '你',\n};\n\nexport function resolveAgentMessageMessages(messages?: Partial<AgentMessageMessages>): AgentMessageMessages {\n\treturn { ...defaultAgentMessageMessages, ...messages };\n}\n\nexport type AgentMessageTextRendererProps = {\n\tmessage: UIMessage;\n\tpart: AgentMessagePart;\n\tstreaming: boolean;\n\ttext: string;\n};\n\nexport type AgentMessageTextRenderer = ComponentType<AgentMessageTextRendererProps>;\n\nexport type AgentMessagePartRenderContext = {\n\tindex: number;\n\tmessage: UIMessage;\n\tpart: AgentMessagePart;\n\tstep: number;\n};\n\nexport type AgentMessagePartRenderer = (context: AgentMessagePartRenderContext) => ReactNode | undefined;\n\nexport type AgentMessageReasoningLabel = (context: {\n\tmessage: UIMessage;\n\tpart: AgentMessagePart;\n\tstreaming: boolean;\n}) => ReactNode;\n",
			"type": "registry:lib",
			"target": "@components/agent-message/agent-message-types.ts"
		},
		{
			"path": "registry/default/ui/agent-message/agent-message-value.ts",
			"content": "export type AgentMessageValueRecord = Record<string, unknown>;\n\nexport type AgentMessageValueProjectionLimits = {\n\tmaxArrayItems?: number;\n\tmaxDepth?: number;\n\tmaxNodes?: number;\n\tmaxObjectKeys?: number;\n\tmaxStringLength?: number;\n};\n\ntype ResolvedProjectionLimits = Required<AgentMessageValueProjectionLimits>;\ntype ProjectionState = {\n\tancestors: WeakSet<object>;\n\tlimits: ResolvedProjectionLimits;\n\tnodes: number;\n};\n\nconst DEFAULT_PROJECTION_LIMITS: ResolvedProjectionLimits = {\n\tmaxArrayItems: 32,\n\tmaxDepth: 6,\n\tmaxNodes: 256,\n\tmaxObjectKeys: 32,\n\tmaxStringLength: 1_024,\n};\nconst TRUNCATED = '[已截断]';\nconst UNREADABLE = '[无法读取]';\n\nexport function isAgentMessageRecord(value: unknown): value is AgentMessageValueRecord {\n\treturn typeof value === 'object' && value !== null;\n}\n\nexport function readAgentMessageValue(value: unknown, key: string): unknown {\n\tif (!isAgentMessageRecord(value)) return undefined;\n\ttry {\n\t\treturn value[key];\n\t} catch {\n\t\treturn undefined;\n\t}\n}\n\nexport function readAgentMessageString(value: unknown, key: string): string | undefined {\n\tconst field = readAgentMessageValue(value, key);\n\treturn typeof field === 'string' ? field : undefined;\n}\n\nexport function projectAgentMessageValue(value: unknown, limits: AgentMessageValueProjectionLimits = {}): unknown {\n\tconst resolved = resolveProjectionLimits(limits);\n\treturn projectValue(value, 0, { ancestors: new WeakSet(), limits: resolved, nodes: 0 });\n}\n\nexport function formatAgentMessageValue(value: unknown, maxLength = 4_096): string {\n\tconst outputLimit = boundedLimit(maxLength, 4_096);\n\tconst projection = projectAgentMessageValue(value, {\n\t\tmaxStringLength: Math.min(DEFAULT_PROJECTION_LIMITS.maxStringLength, Math.max(0, outputLimit)),\n\t});\n\ttry {\n\t\tconst formatted = typeof projection === 'string' ? projection : JSON.stringify(projection, null, 2);\n\t\treturn truncate(formatted ?? UNREADABLE, outputLimit);\n\t} catch {\n\t\treturn '[无法格式化]';\n\t}\n}\n\nexport function resolveAgentMessageHref(value: unknown, kind: 'file' | 'source'): string | undefined {\n\tconst maxLength = kind === 'file' ? 32 * 1024 * 1024 : 8 * 1024;\n\tif (typeof value !== 'string' || value.length > maxLength) return undefined;\n\ttry {\n\t\tconst url = new URL(value);\n\t\tif (url.protocol === 'https:' || url.protocol === 'http:') return value;\n\t\tif (kind === 'file' && (url.protocol === 'blob:' || url.protocol === 'data:')) return value;\n\t} catch {\n\t\treturn undefined;\n\t}\n\treturn undefined;\n}\n\nfunction projectValue(value: unknown, depth: number, state: ProjectionState): unknown {\n\tif (state.nodes >= state.limits.maxNodes) return TRUNCATED;\n\tstate.nodes += 1;\n\tif (typeof value === 'string') return truncate(value, state.limits.maxStringLength);\n\tif (value === undefined) return '[undefined]';\n\tif (value === null || typeof value === 'number' || typeof value === 'boolean') return value;\n\tif (typeof value === 'bigint') return `${value.toString()}n`;\n\tif (typeof value === 'symbol') return `[Symbol${value.description ? `: ${truncate(value.description, 64)}` : ''}]`;\n\tif (typeof value === 'function') return '[Function]';\n\tif (typeof value !== 'object') return UNREADABLE;\n\tif (depth >= state.limits.maxDepth) return TRUNCATED;\n\tif (state.ancestors.has(value)) return '[Circular]';\n\tstate.ancestors.add(value);\n\ttry {\n\t\treturn Array.isArray(value) ? projectArray(value, depth, state) : projectObject(value, depth, state);\n\t} catch {\n\t\treturn UNREADABLE;\n\t} finally {\n\t\tstate.ancestors.delete(value);\n\t}\n}\n\nfunction projectArray(value: unknown[], depth: number, state: ProjectionState): unknown[] {\n\tconst lengthDescriptor = safeOwnDescriptor(value, 'length');\n\tif (!lengthDescriptor || !('value' in lengthDescriptor) || typeof lengthDescriptor.value !== 'number') {\n\t\treturn [UNREADABLE];\n\t}\n\tconst length = Math.max(0, Math.floor(lengthDescriptor.value));\n\tconst count = Math.min(length, state.limits.maxArrayItems);\n\tconst output: unknown[] = [];\n\tfor (let index = 0; index < count && state.nodes < state.limits.maxNodes; index += 1) {\n\t\tconst descriptor = safeOwnDescriptor(value, String(index));\n\t\toutput.push(projectDescriptor(descriptor, depth + 1, state));\n\t}\n\tif (length > count) output.push(`${TRUNCATED} ${length - count} 项`);\n\treturn output;\n}\n\nfunction projectObject(value: object, depth: number, state: ProjectionState): AgentMessageValueRecord {\n\tconst output = Object.create(null) as AgentMessageValueRecord;\n\tlet inspected = 0;\n\tlet projected = 0;\n\tlet truncated = false;\n\ttry {\n\t\tfor (const key in value) {\n\t\t\tinspected += 1;\n\t\t\tif (inspected > state.limits.maxObjectKeys || state.nodes >= state.limits.maxNodes) {\n\t\t\t\ttruncated = true;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tlet own = false;\n\t\t\ttry {\n\t\t\t\town = Object.hasOwn(value, key);\n\t\t\t} catch {\n\t\t\t\tdefineProjection(output, truncate(key, 256), UNREADABLE);\n\t\t\t\tprojected += 1;\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tif (!own) continue;\n\t\t\tconst safeKey = truncate(key, 256);\n\t\t\tdefineProjection(output, safeKey, projectDescriptor(safeOwnDescriptor(value, key), depth + 1, state));\n\t\t\tprojected += 1;\n\t\t}\n\t} catch {\n\t\tdefineProjection(output, '[读取错误]', UNREADABLE);\n\t}\n\tif (truncated || projected >= state.limits.maxObjectKeys) defineProjection(output, '[更多字段]', TRUNCATED);\n\treturn output;\n}\n\nfunction projectDescriptor(descriptor: PropertyDescriptor | undefined, depth: number, state: ProjectionState): unknown {\n\tif (!descriptor) return '[缺失]';\n\tif (!('value' in descriptor)) return '[Accessor]';\n\treturn projectValue(descriptor.value, depth, state);\n}\n\nfunction safeOwnDescriptor(value: object, key: PropertyKey): PropertyDescriptor | undefined {\n\ttry {\n\t\treturn Object.getOwnPropertyDescriptor(value, key);\n\t} catch {\n\t\treturn undefined;\n\t}\n}\n\nfunction defineProjection(target: AgentMessageValueRecord, key: string, value: unknown) {\n\tObject.defineProperty(target, key, { configurable: true, enumerable: true, value, writable: true });\n}\n\nfunction resolveProjectionLimits(limits: AgentMessageValueProjectionLimits): ResolvedProjectionLimits {\n\treturn {\n\t\tmaxArrayItems: boundedLimit(limits.maxArrayItems, DEFAULT_PROJECTION_LIMITS.maxArrayItems),\n\t\tmaxDepth: boundedLimit(limits.maxDepth, DEFAULT_PROJECTION_LIMITS.maxDepth),\n\t\tmaxNodes: boundedLimit(limits.maxNodes, DEFAULT_PROJECTION_LIMITS.maxNodes),\n\t\tmaxObjectKeys: boundedLimit(limits.maxObjectKeys, DEFAULT_PROJECTION_LIMITS.maxObjectKeys),\n\t\tmaxStringLength: boundedLimit(limits.maxStringLength, DEFAULT_PROJECTION_LIMITS.maxStringLength),\n\t};\n}\n\nfunction boundedLimit(value: number | undefined, fallback: number): number {\n\treturn value === undefined || !Number.isFinite(value) ? fallback : Math.max(0, Math.floor(value));\n}\n\nfunction truncate(value: string, maxLength: number): string {\n\tconst limit = boundedLimit(maxLength, 4_096);\n\treturn value.length <= limit ? value : `${value.slice(0, Math.max(0, limit - 1))}…`;\n}\n",
			"type": "registry:lib",
			"target": "@components/agent-message/agent-message-value.ts"
		},
		{
			"path": "registry/default/ui/agent-message/agent-markdown.tsx",
			"content": "'use client';\n\nimport type { ComponentPropsWithRef } from 'react';\nimport { Streamdown } from 'streamdown';\nimport { cn } from '@/lib/utils';\nimport type { AgentMessageTextRendererProps } from './agent-message-types';\n\nexport type AgentMarkdownProps = Omit<ComponentPropsWithRef<'div'>, 'children'> & {\n\tchildren: string;\n\tstreaming?: boolean;\n};\n\nexport function AgentMarkdown({ children, className, streaming = false, ...props }: AgentMarkdownProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot='agent-markdown'\n\t\t\tdata-streaming={streaming ? 'true' : 'false'}\n\t\t\tclassName={cn(\n\t\t\t\t'[&_a]:text-primary [&_code]:bg-muted [&_pre]:bg-muted max-w-full min-w-0 leading-6 [&_a]:underline [&_a]:underline-offset-4 [&_blockquote]:border-l-2 [&_blockquote]:pl-3 [&_code]:rounded-sm [&_code]:px-1 [&_h1]:text-lg [&_h1]:font-semibold [&_h2]:text-base [&_h2]:font-semibold [&_ol]:list-decimal [&_ol]:pl-5 [&_p+p]:mt-3 [&_pre]:max-w-full [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:p-3 [&_table]:block [&_table]:max-w-full [&_table]:overflow-x-auto [&_ul]:list-disc [&_ul]:pl-5',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<Streamdown>{children}</Streamdown>\n\t\t</div>\n\t);\n}\n\nexport function AgentMessageDefaultTextRenderer({ text, streaming }: AgentMessageTextRendererProps) {\n\treturn <AgentMarkdown streaming={streaming}>{text}</AgentMarkdown>;\n}\n",
			"type": "registry:component",
			"target": "@components/agent-message/agent-markdown.tsx"
		},
		{
			"path": "registry/default/ui/agent-message/agent-message-parts.tsx",
			"content": "'use client';\n\nimport { ExternalLink, FileText, Image as ImageIcon, Music2, Wrench } from 'lucide-react';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\nimport { AgentMessageDefaultTextRenderer } from './agent-markdown';\nimport type {\n\tAgentMessageMessages,\n\tAgentMessagePart,\n\tAgentMessageReasoningLabel,\n\tAgentMessageTextRenderer,\n} from './agent-message-types';\nimport {\n\tformatAgentMessageValue,\n\tisAgentMessageRecord,\n\treadAgentMessageString,\n\treadAgentMessageValue,\n\tresolveAgentMessageHref,\n} from './agent-message-value';\n\nexport type AgentMessagePartPresenterProps = Omit<ComponentPropsWithRef<'div'>, 'part'> & {\n\tindex: number;\n\tmessage: import('ai').UIMessage;\n\tmessages: AgentMessageMessages;\n\tpart: unknown;\n\treasoningLabel?: AgentMessageReasoningLabel;\n\trole: import('ai').UIMessage['role'];\n\tstep: number;\n\ttextRenderer?: AgentMessageTextRenderer;\n};\n\nexport function AgentMessagePartPresenter({\n\tclassName,\n\tindex,\n\tmessage,\n\tmessages,\n\tpart,\n\treasoningLabel,\n\trole,\n\tstep,\n\ttextRenderer: TextRenderer = AgentMessageDefaultTextRenderer,\n\t...props\n}: AgentMessagePartPresenterProps) {\n\tconst type = readAgentMessageString(part, 'type');\n\tlet content: ReactNode;\n\n\tif (!type) {\n\t\tcontent = <AgentMessagePartFallback label={messages.malformedPart} />;\n\t} else if (type === 'text') {\n\t\tconst text = readAgentMessageString(part, 'text');\n\t\tcontent =\n\t\t\ttext === undefined ? (\n\t\t\t\t<AgentMessagePartFallback label={messages.malformedPart} />\n\t\t\t) : (\n\t\t\t\t<TextRenderer\n\t\t\t\t\tmessage={message}\n\t\t\t\t\tpart={part as AgentMessagePart}\n\t\t\t\t\tstreaming={readAgentMessageString(part, 'state') === 'streaming'}\n\t\t\t\t\ttext={text}\n\t\t\t\t/>\n\t\t\t);\n\t} else if (type === 'reasoning') {\n\t\tcontent = renderReasoning({ message, messages, part, reasoningLabel, TextRenderer });\n\t} else if (type === 'file' || type === 'reasoning-file') {\n\t\tcontent = <AgentMessageFile messages={messages} part={part} />;\n\t} else if (type === 'source-url' || type === 'source-document') {\n\t\tcontent = <AgentMessageSource messages={messages} part={part} type={type} />;\n\t} else if (type === 'step-start') {\n\t\tcontent = <AgentMessageStep label={messages.step(step)} />;\n\t} else if (type === 'dynamic-tool' || type.startsWith('tool-')) {\n\t\tcontent = <AgentMessageTool messages={messages} part={part} type={type} />;\n\t} else {\n\t\tcontent = <AgentMessagePartFallback label={messages.unknownPart(type)} />;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tdata-slot='agent-message-part'\n\t\t\tdata-part-index={index}\n\t\t\tdata-part-type={type ?? 'malformed'}\n\t\t\tdata-role={role}\n\t\t\tclassName={cn(\n\t\t\t\t'max-w-full min-w-0',\n\t\t\t\trole === 'user' &&\n\t\t\t\t\ttype === 'text' &&\n\t\t\t\t\t'bg-primary text-primary-foreground w-fit max-w-[min(42rem,90%)] rounded-md px-3 py-2',\n\t\t\t\trole === 'system' && 'border-info bg-info/10 w-full border-l-2 px-3 py-2',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{content}\n\t\t</div>\n\t);\n}\n\nfunction renderReasoning({\n\tmessage,\n\tmessages,\n\tpart,\n\treasoningLabel,\n\tTextRenderer,\n}: {\n\tmessage: import('ai').UIMessage;\n\tmessages: AgentMessageMessages;\n\tpart: unknown;\n\treasoningLabel?: AgentMessageReasoningLabel;\n\tTextRenderer: AgentMessageTextRenderer;\n}) {\n\tconst text = readAgentMessageString(part, 'text');\n\tif (text === undefined) return <AgentMessagePartFallback label={messages.malformedPart} />;\n\tconst streaming = readAgentMessageString(part, 'state') === 'streaming';\n\tconst label =\n\t\treasoningLabel?.({ message, part: part as AgentMessagePart, streaming }) ??\n\t\t(streaming ? messages.reasoningStreaming : messages.reasoning);\n\treturn (\n\t\t<details\n\t\t\tdata-slot='agent-message-reasoning'\n\t\t\topen={streaming || undefined}\n\t\t\tclassName='border-border max-w-full border-l-2 pl-3'\n\t\t>\n\t\t\t<summary className='text-muted-foreground cursor-pointer text-xs font-medium'>{label}</summary>\n\t\t\t<div className='text-muted-foreground mt-2'>\n\t\t\t\t<TextRenderer message={message} part={part as AgentMessagePart} streaming={streaming} text={text} />\n\t\t\t</div>\n\t\t</details>\n\t);\n}\n\nfunction AgentMessageFile({ messages, part }: { messages: AgentMessageMessages; part: unknown }) {\n\tconst mediaType = readAgentMessageString(part, 'mediaType') ?? '';\n\tconst filename = readAgentMessageString(part, 'filename') ?? messages.unnamedAttachment;\n\tconst url = resolveAgentMessageHref(readAgentMessageValue(part, 'url'), 'file');\n\tif (!url) return <AgentMessagePartFallback label={messages.malformedPart} />;\n\n\tif (mediaType === 'image' || mediaType.startsWith('image/')) {\n\t\treturn (\n\t\t\t<figure data-slot='agent-message-attachment' data-media='image' className='w-fit max-w-full'>\n\t\t\t\t<img\n\t\t\t\t\talt={`${messages.imageAttachment}：${filename}`}\n\t\t\t\t\tclassName='border-border max-h-80 w-auto max-w-full rounded-md border object-contain'\n\t\t\t\t\theight={240}\n\t\t\t\t\tloading='lazy'\n\t\t\t\t\tsrc={url}\n\t\t\t\t\twidth={320}\n\t\t\t\t/>\n\t\t\t\t<figcaption className='text-muted-foreground mt-1 flex items-center gap-1 text-xs'>\n\t\t\t\t\t<ImageIcon aria-hidden='true' className='size-3.5' /> {filename}\n\t\t\t\t</figcaption>\n\t\t\t</figure>\n\t\t);\n\t}\n\tif (mediaType === 'audio' || mediaType.startsWith('audio/')) {\n\t\treturn (\n\t\t\t<figure data-slot='agent-message-attachment' data-media='audio' className='max-w-full'>\n\t\t\t\t<figcaption className='text-muted-foreground mb-1 flex items-center gap-1 text-xs'>\n\t\t\t\t\t<Music2 aria-hidden='true' className='size-3.5' /> {filename}\n\t\t\t\t</figcaption>\n\t\t\t\t{/* biome-ignore lint/a11y/useMediaCaption: Provider attachments do not include a transcript track. */}\n\t\t\t\t<audio\n\t\t\t\t\taria-label={`${messages.audioAttachment}：${filename}`}\n\t\t\t\t\tclassName='h-10 w-full max-w-md'\n\t\t\t\t\tcontrols\n\t\t\t\t\tpreload='metadata'\n\t\t\t\t\tsrc={url}\n\t\t\t\t/>\n\t\t\t</figure>\n\t\t);\n\t}\n\treturn (\n\t\t<a\n\t\t\tdata-slot='agent-message-attachment'\n\t\t\tdata-media='file'\n\t\t\tclassName='border-border hover:bg-muted flex min-h-9 w-fit max-w-full items-center gap-2 rounded-md border px-2.5 py-1.5 text-sm'\n\t\t\tdownload={filename}\n\t\t\thref={url}\n\t\t>\n\t\t\t<FileText aria-hidden='true' className='size-4 shrink-0' />\n\t\t\t<span className='truncate'>{filename}</span>\n\t\t</a>\n\t);\n}\n\nfunction AgentMessageSource({\n\tmessages,\n\tpart,\n\ttype,\n}: {\n\tmessages: AgentMessageMessages;\n\tpart: unknown;\n\ttype: 'source-url' | 'source-document';\n}) {\n\tconst title =\n\t\treadAgentMessageString(part, 'title') ?? readAgentMessageString(part, 'filename') ?? messages.unnamedSource;\n\tif (type === 'source-document') {\n\t\treturn (\n\t\t\t<span\n\t\t\t\tdata-slot='agent-message-source'\n\t\t\t\tclassName='text-muted-foreground inline-flex min-h-7 max-w-full items-center gap-1.5 text-xs'\n\t\t\t>\n\t\t\t\t<FileText aria-hidden='true' className='size-3.5 shrink-0' />\n\t\t\t\t<span className='truncate'>\n\t\t\t\t\t{messages.documentSource}：{title}\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t);\n\t}\n\tconst url = resolveAgentMessageHref(readAgentMessageValue(part, 'url'), 'source');\n\tif (!url) return <AgentMessagePartFallback label={messages.malformedPart} />;\n\treturn (\n\t\t<a\n\t\t\tdata-slot='agent-message-source'\n\t\t\tclassName='text-primary inline-flex min-h-7 max-w-full items-center gap-1.5 text-xs underline underline-offset-4'\n\t\t\thref={url}\n\t\t\trel='noreferrer'\n\t\t\ttarget='_blank'\n\t\t\ttitle={messages.openSource}\n\t\t>\n\t\t\t<ExternalLink aria-hidden='true' className='size-3.5 shrink-0' />\n\t\t\t<span className='truncate'>{title}</span>\n\t\t</a>\n\t);\n}\n\nfunction AgentMessageStep({ label }: { label: string }) {\n\treturn (\n\t\t<div data-slot='agent-message-step' className='text-muted-foreground flex min-h-6 items-center gap-2 text-xs'>\n\t\t\t<span className='border-border h-px flex-1 border-t' />\n\t\t\t<span>{label}</span>\n\t\t\t<span className='border-border h-px flex-1 border-t' />\n\t\t</div>\n\t);\n}\n\nfunction AgentMessageTool({ messages, part, type }: { messages: AgentMessageMessages; part: unknown; type: string }) {\n\tconst state = readAgentMessageString(part, 'state') ?? 'unknown';\n\tconst toolName = type === 'dynamic-tool' ? readAgentMessageString(part, 'toolName') : type.slice('tool-'.length);\n\tconst title = readAgentMessageString(part, 'title') ?? toolName ?? messages.unnamedTool;\n\tconst approval = readAgentMessageValue(part, 'approval');\n\tconst approved =\n\t\tisAgentMessageRecord(approval) && typeof readAgentMessageValue(approval, 'approved') === 'boolean'\n\t\t\t? (readAgentMessageValue(approval, 'approved') as boolean)\n\t\t\t: undefined;\n\tconst input = readAgentMessageValue(part, 'input');\n\tconst output = readAgentMessageValue(part, 'output');\n\tconst error = readAgentMessageString(part, 'errorText');\n\tconst reason = isAgentMessageRecord(approval) ? readAgentMessageString(approval, 'reason') : undefined;\n\treturn (\n\t\t<details\n\t\t\tdata-slot='agent-message-tool'\n\t\t\tdata-state={state}\n\t\t\topen={state === 'approval-requested' || state === 'output-error' || undefined}\n\t\t\tclassName='border-border w-full max-w-2xl rounded-md border'\n\t\t>\n\t\t\t<summary className='hover:bg-muted flex min-h-10 cursor-pointer list-none items-center gap-2 px-3 py-2'>\n\t\t\t\t<Wrench aria-hidden='true' className='text-muted-foreground size-4 shrink-0' />\n\t\t\t\t<span className='min-w-0 flex-1 truncate text-sm font-medium'>{title}</span>\n\t\t\t\t<span className='badge badge-ghost badge-sm shrink-0'>{messages.toolState(state, approved)}</span>\n\t\t\t</summary>\n\t\t\t<div className='border-border space-y-3 border-t px-3 py-2 text-xs'>\n\t\t\t\t{input !== undefined ? <AgentMessageToolValue label={messages.toolInput} value={input} /> : null}\n\t\t\t\t{output !== undefined ? <AgentMessageToolValue label={messages.toolOutput} value={output} /> : null}\n\t\t\t\t{error ? <AgentMessageToolValue error label={messages.toolOutput} value={error} /> : null}\n\t\t\t\t{reason ? <AgentMessageToolValue label={messages.toolApprovalReason} value={reason} /> : null}\n\t\t\t</div>\n\t\t</details>\n\t);\n}\n\nfunction AgentMessageToolValue({ error = false, label, value }: { error?: boolean; label: string; value: unknown }) {\n\treturn (\n\t\t<div>\n\t\t\t<div className='text-muted-foreground mb-1 font-medium'>{label}</div>\n\t\t\t<pre\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'bg-muted max-h-64 overflow-auto rounded-sm p-2 whitespace-pre-wrap',\n\t\t\t\t\terror && 'bg-error/10 text-error',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{formatAgentMessageValue(value)}\n\t\t\t</pre>\n\t\t</div>\n\t);\n}\n\nfunction AgentMessagePartFallback({ label }: { label: string }) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot='agent-message-part-fallback'\n\t\t\trole='status'\n\t\t\tclassName='text-muted-foreground border-border rounded-sm border border-dashed px-2.5 py-2 text-xs'\n\t\t>\n\t\t\t{label}\n\t\t</div>\n\t);\n}\n",
			"type": "registry:component",
			"target": "@components/agent-message/agent-message-parts.tsx"
		},
		{
			"path": "registry/default/ui/agent-message/agent-message.tsx",
			"content": "'use client';\n\nimport type { UIMessage } from 'ai';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\nimport { Message, MessageAvatar, MessageContent, MessageFooter, MessageHeader } from '../message';\nimport { AgentMessagePartPresenter } from './agent-message-parts';\nimport type {\n\tAgentMessageMessages,\n\tAgentMessagePartRenderer,\n\tAgentMessageReasoningLabel,\n\tAgentMessageTextRenderer,\n} from './agent-message-types';\nimport { resolveAgentMessageMessages } from './agent-message-types';\nimport { readAgentMessageString, readAgentMessageValue } from './agent-message-value';\n\nexport type AgentMessageProps = Omit<ComponentPropsWithRef<typeof Message>, 'align' | 'children'> & {\n\tactions?: ReactNode;\n\tavatar?: ReactNode;\n\theader?: ReactNode;\n\tmessage: UIMessage;\n\tmessages?: Partial<AgentMessageMessages>;\n\tmeta?: ReactNode;\n\treasoningLabel?: AgentMessageReasoningLabel;\n\trenderPart?: AgentMessagePartRenderer;\n\trenderTool?: AgentMessagePartRenderer;\n\tshowHeader?: boolean;\n\ttextRenderer?: AgentMessageTextRenderer;\n\tusage?: ReactNode;\n};\n\nexport function AgentMessage({\n\tactions,\n\tavatar,\n\tclassName,\n\theader,\n\tmessage,\n\tmessages,\n\tmeta,\n\treasoningLabel,\n\trenderPart,\n\trenderTool,\n\tshowHeader = true,\n\ttextRenderer,\n\tusage,\n\t...props\n}: AgentMessageProps) {\n\tconst copy = resolveAgentMessageMessages(messages);\n\tconst role = resolveRole(message.role);\n\tconst rawParts: unknown[] = Array.isArray(message.parts) ? message.parts : [message.parts];\n\tlet step = 0;\n\treturn (\n\t\t<Message\n\t\t\talign={role === 'user' ? 'end' : 'start'}\n\t\t\tdata-role={role}\n\t\t\tdata-slot='agent-message'\n\t\t\tclassName={cn('py-1', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{avatar !== undefined ? <MessageAvatar>{avatar}</MessageAvatar> : null}\n\t\t\t<MessageContent>\n\t\t\t\t{showHeader ? <MessageHeader>{header ?? roleLabel(role, copy)}</MessageHeader> : null}\n\t\t\t\t{rawParts.map((part, index) => {\n\t\t\t\t\tif (readAgentMessageString(part, 'type') === 'step-start') step += 1;\n\t\t\t\t\tconst context = { index, message, part: part as UIMessage['parts'][number], step };\n\t\t\t\t\tconst key = messagePartKey(message.id, index, part);\n\t\t\t\t\tconst custom = renderPart?.(context);\n\t\t\t\t\tif (custom !== undefined) return <AgentMessageCustomPart key={key}>{custom}</AgentMessageCustomPart>;\n\t\t\t\t\tconst type = readAgentMessageString(part, 'type');\n\t\t\t\t\tif (type === 'dynamic-tool' || type?.startsWith('tool-')) {\n\t\t\t\t\t\tconst customTool = renderTool?.(context);\n\t\t\t\t\t\tif (customTool !== undefined) {\n\t\t\t\t\t\t\treturn <AgentMessageCustomPart key={key}>{customTool}</AgentMessageCustomPart>;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<AgentMessagePartPresenter\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\tmessage={message}\n\t\t\t\t\t\t\tmessages={copy}\n\t\t\t\t\t\t\tpart={part}\n\t\t\t\t\t\t\treasoningLabel={reasoningLabel}\n\t\t\t\t\t\t\trole={role}\n\t\t\t\t\t\t\tstep={step}\n\t\t\t\t\t\t\ttextRenderer={textRenderer}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t\t{actions !== undefined || usage !== undefined || meta !== undefined ? (\n\t\t\t\t\t<MessageFooter>\n\t\t\t\t\t\t{meta !== undefined ? <AgentMessageMeta>{meta}</AgentMessageMeta> : null}\n\t\t\t\t\t\t{usage !== undefined ? <AgentMessageUsage>{usage}</AgentMessageUsage> : null}\n\t\t\t\t\t\t{actions !== undefined ? <AgentMessageActions>{actions}</AgentMessageActions> : null}\n\t\t\t\t\t</MessageFooter>\n\t\t\t\t) : null}\n\t\t\t</MessageContent>\n\t\t</Message>\n\t);\n}\n\nexport type AgentMessageActionsProps = ComponentPropsWithRef<'div'>;\n\nexport function AgentMessageActions({ className, ...props }: AgentMessageActionsProps) {\n\treturn (\n\t\t<div data-slot='agent-message-actions' className={cn('flex min-h-8 items-center gap-1', className)} {...props} />\n\t);\n}\n\nexport type AgentMessageUsageProps = ComponentPropsWithRef<'span'>;\n\nexport function AgentMessageUsage({ className, ...props }: AgentMessageUsageProps) {\n\treturn <span data-slot='agent-message-usage' className={cn('whitespace-nowrap', className)} {...props} />;\n}\n\nexport type AgentMessageMetaProps = ComponentPropsWithRef<'span'>;\n\nexport function AgentMessageMeta({ className, ...props }: AgentMessageMetaProps) {\n\treturn <span data-slot='agent-message-meta' className={cn('min-w-0 truncate', className)} {...props} />;\n}\n\nfunction AgentMessageCustomPart({ children }: { children: ReactNode }) {\n\treturn (\n\t\t<div data-slot='agent-message-part' data-part-type='custom-renderer'>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nfunction messagePartKey(messageId: string, index: number, part: unknown): string {\n\tconst approvalId = readAgentMessageString(readAgentMessageValue(part, 'approval'), 'id');\n\tconst toolCallId = readAgentMessageString(part, 'toolCallId');\n\treturn `${messageId}-${index}-${approvalId ?? toolCallId ?? ''}`;\n}\n\nfunction resolveRole(role: unknown): UIMessage['role'] {\n\treturn role === 'user' || role === 'system' || role === 'assistant' ? role : 'assistant';\n}\n\nfunction roleLabel(role: UIMessage['role'], messages: AgentMessageMessages) {\n\tif (role === 'user') return messages.userRole;\n\tif (role === 'system') return messages.systemRole;\n\treturn messages.assistantRole;\n}\n",
			"type": "registry:component",
			"target": "@components/agent-message/agent-message.tsx"
		},
		{
			"path": "registry/default/ui/agent-message/index.ts",
			"content": "export * from './agent-markdown';\nexport * from './agent-message';\nexport * from './agent-message-parts';\nexport * from './agent-message-types';\nexport * from './agent-message-value';\n",
			"type": "registry:component",
			"target": "@components/agent-message/index.ts"
		}
	],
	"type": "registry:ui"
}