{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "agent-chat",
	"title": "Agent Chat",
	"description": "Controlled operational Chat block with AI SDK UIMessage transcript, reader-aware scrolling, multimodal composer, send, stop, and retry",
	"dependencies": ["@shadcn/react@0.2.1", "ai@7.0.31", "daisyui", "lucide-react", "streamdown@2.5.0"],
	"files": [
		{
			"path": "registry/default/ui/message/message.tsx",
			"content": "import type { ComponentPropsWithRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type MessageGroupProps = ComponentPropsWithRef<'div'>;\n\nexport function MessageGroup({ className, ...props }: MessageGroupProps) {\n\treturn <div data-slot='message-group' className={cn('flex min-w-0 flex-col gap-2', className)} {...props} />;\n}\n\nexport type MessageProps = ComponentPropsWithRef<'div'> & {\n\talign?: 'start' | 'end';\n};\n\nexport function Message({ className, align = 'start', ...props }: MessageProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot='message'\n\t\t\tdata-align={align}\n\t\t\tclassName={cn(\n\t\t\t\t'group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type MessageAvatarProps = ComponentPropsWithRef<'div'>;\n\nexport function MessageAvatar({ className, ...props }: MessageAvatarProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot='message-avatar'\n\t\t\tclassName={cn(\n\t\t\t\t'bg-muted flex min-h-8 w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full group-has-data-[slot=message-footer]/message:-translate-y-8',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type MessageContentProps = ComponentPropsWithRef<'div'>;\n\nexport function MessageContent({ className, ...props }: MessageContentProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot='message-content'\n\t\t\tclassName={cn(\n\t\t\t\t'flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type MessageHeaderProps = ComponentPropsWithRef<'div'>;\n\nexport function MessageHeader({ className, ...props }: MessageHeaderProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot='message-header'\n\t\t\tclassName={cn(\n\t\t\t\t'text-muted-foreground flex max-w-full min-w-0 items-center px-3 text-xs font-medium group-has-data-[variant=ghost]/message:px-0',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type MessageFooterProps = ComponentPropsWithRef<'div'>;\n\nexport function MessageFooter({ className, ...props }: MessageFooterProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot='message-footer'\n\t\t\tclassName={cn(\n\t\t\t\t'text-muted-foreground flex max-w-full min-w-0 items-center gap-2 px-3 text-xs font-medium group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n",
			"type": "registry:ui",
			"target": "@components/ui/message/message.tsx"
		},
		{
			"path": "registry/default/ui/message/index.ts",
			"content": "export * from './message';\n",
			"type": "registry:ui",
			"target": "@components/ui/message/index.ts"
		},
		{
			"path": "registry/default/ui/message-scroller/message-scroller.tsx",
			"content": "'use client';\n\nimport {\n\tMessageScroller as MessageScrollerPrimitive,\n\tuseMessageScroller,\n\tuseMessageScrollerScrollable,\n\tuseMessageScrollerVisibility,\n} from '@shadcn/react/message-scroller';\nimport { ArrowDown } from 'lucide-react';\nimport type { ComponentPropsWithRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type MessageScrollerMessages = {\n\tviewportLabel: string;\n\tscrollToEnd: string;\n\tscrollToStart: string;\n};\n\nexport const defaultMessageScrollerMessages: MessageScrollerMessages = {\n\tviewportLabel: '消息记录',\n\tscrollToEnd: '滚动到底部',\n\tscrollToStart: '滚动到顶部',\n};\n\nexport type MessageScrollerProviderProps = ComponentPropsWithRef<typeof MessageScrollerPrimitive.Provider>;\n\nexport function MessageScrollerProvider(props: MessageScrollerProviderProps) {\n\treturn <MessageScrollerPrimitive.Provider {...props} />;\n}\n\nexport type MessageScrollerProps = ComponentPropsWithRef<typeof MessageScrollerPrimitive.Root>;\n\nexport function MessageScroller({ className, ...props }: MessageScrollerProps) {\n\treturn (\n\t\t<MessageScrollerPrimitive.Root\n\t\t\tdata-slot='message-scroller'\n\t\t\tclassName={cn(\n\t\t\t\t'group/message-scroller relative flex size-full min-h-0 min-w-0 flex-col overflow-hidden',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type MessageScrollerViewportProps = ComponentPropsWithRef<typeof MessageScrollerPrimitive.Viewport> & {\n\tmessages?: Partial<MessageScrollerMessages>;\n};\n\nexport function MessageScrollerViewport({ className, messages, ...props }: MessageScrollerViewportProps) {\n\tconst copy = { ...defaultMessageScrollerMessages, ...messages };\n\treturn (\n\t\t<MessageScrollerPrimitive.Viewport\n\t\t\taria-label={copy.viewportLabel}\n\t\t\tdata-slot='message-scroller-viewport'\n\t\t\tclassName={cn(\n\t\t\t\t'size-full min-h-0 min-w-0 [scrollbar-gutter:stable] overflow-y-auto overscroll-contain [contain:content] data-autoscrolling:scroll-smooth',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type MessageScrollerContentProps = ComponentPropsWithRef<typeof MessageScrollerPrimitive.Content>;\n\nexport function MessageScrollerContent({ className, ...props }: MessageScrollerContentProps) {\n\treturn (\n\t\t<MessageScrollerPrimitive.Content\n\t\t\tdata-slot='message-scroller-content'\n\t\t\tclassName={cn('flex h-max min-h-full min-w-0 flex-col gap-8', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type MessageScrollerItemProps = ComponentPropsWithRef<typeof MessageScrollerPrimitive.Item>;\n\nexport function MessageScrollerItem({ className, scrollAnchor = false, ...props }: MessageScrollerItemProps) {\n\treturn (\n\t\t<MessageScrollerPrimitive.Item\n\t\t\tdata-slot='message-scroller-item'\n\t\t\tscrollAnchor={scrollAnchor}\n\t\t\tclassName={cn('min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type MessageScrollerButtonProps = ComponentPropsWithRef<typeof MessageScrollerPrimitive.Button> & {\n\tmessages?: Partial<MessageScrollerMessages>;\n};\n\nexport function MessageScrollerButton({\n\tdirection = 'end',\n\tclassName,\n\tchildren,\n\tmessages,\n\t...props\n}: MessageScrollerButtonProps) {\n\tconst copy = { ...defaultMessageScrollerMessages, ...messages };\n\treturn (\n\t\t<MessageScrollerPrimitive.Button\n\t\t\tdata-slot='message-scroller-button'\n\t\t\tdata-direction={direction}\n\t\t\tdirection={direction}\n\t\t\tclassName={cn(\n\t\t\t\t'btn btn-circle btn-sm border-border bg-background text-foreground hover:bg-muted hover:text-foreground absolute start-1/2 size-8 min-h-8 min-w-8 -translate-x-1/2 p-0 shadow-sm transition-[translate,scale,opacity] duration-200 data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? (\n\t\t\t\t<>\n\t\t\t\t\t<ArrowDown aria-hidden='true' className='size-4' />\n\t\t\t\t\t<span className='sr-only'>{direction === 'end' ? copy.scrollToEnd : copy.scrollToStart}</span>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</MessageScrollerPrimitive.Button>\n\t);\n}\n\nexport type {\n\tMessageScrollerDefaultScrollPosition,\n\tMessageScrollerScrollAlign,\n\tMessageScrollerScrollable,\n\tMessageScrollerScrollOptions,\n\tMessageScrollerVisibilityState,\n} from '@shadcn/react/message-scroller';\nexport { useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility };\n",
			"type": "registry:ui",
			"target": "@components/ui/message-scroller/message-scroller.tsx"
		},
		{
			"path": "registry/default/ui/message-scroller/index.ts",
			"content": "export * from './message-scroller';\n",
			"type": "registry:ui",
			"target": "@components/ui/message-scroller/index.ts"
		},
		{
			"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/ui/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/ui/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/ui/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/ui/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/ui/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/ui/agent-message/index.ts"
		},
		{
			"path": "registry/default/ui/agent-composer/agent-composer-types.ts",
			"content": "import type { ComponentPropsWithRef, ReactNode } from 'react';\n\nexport const AGENT_COMPOSER_DEFAULT_MAX_FILES = 5;\nexport const AGENT_COMPOSER_DEFAULT_MAX_FILE_SIZE = 10 * 1024 * 1024;\nexport const AGENT_COMPOSER_DEFAULT_MAX_TOTAL_SIZE = 20 * 1024 * 1024;\n\nexport type AgentComposerStatus = 'ready' | 'submitting' | 'streaming' | 'error';\n\nexport type AgentComposerMessages = {\n\tattachAudio: string;\n\tattachFile: string;\n\tattachImage: string;\n\tattachmentsLabel: string;\n\taudioPreview: (name: string) => string;\n\tcomposerLabel: string;\n\tdropFiles: string;\n\tfileCountError: (maxFiles: number) => string;\n\tfileSizeError: (name: string, maxSize: string) => string;\n\timagePreview: (name: string) => string;\n\tplaceholder: string;\n\tremoveAttachment: (name: string) => string;\n\tselectAudio: string;\n\tselectFile: string;\n\tselectImage: string;\n\tsend: string;\n\tstop: string;\n\ttotalSizeError: (maxSize: string) => string;\n\tunnamedFile: string;\n};\n\nexport const defaultAgentComposerMessages: AgentComposerMessages = {\n\tattachAudio: '添加音频',\n\tattachFile: '添加文件',\n\tattachImage: '添加图片',\n\tattachmentsLabel: '附件',\n\taudioPreview: (name) => `音频预览：${name}`,\n\tcomposerLabel: '消息编辑器',\n\tdropFiles: '松开以添加附件',\n\tfileCountError: (maxFiles) => `最多添加 ${maxFiles} 个文件。`,\n\tfileSizeError: (name, maxSize) => `${name} 超过单个文件 ${maxSize} 的限制。`,\n\timagePreview: (name) => `图片预览：${name}`,\n\tplaceholder: '输入消息…',\n\tremoveAttachment: (name) => `移除附件：${name}`,\n\tselectAudio: '选择音频文件',\n\tselectFile: '选择文件',\n\tselectImage: '选择图片文件',\n\tsend: '发送',\n\tstop: '停止生成',\n\ttotalSizeError: (maxSize) => `附件总大小不能超过 ${maxSize}。`,\n\tunnamedFile: '未命名文件',\n};\n\nexport function resolveAgentComposerMessages(messages?: Partial<AgentComposerMessages>): AgentComposerMessages {\n\treturn { ...defaultAgentComposerMessages, ...messages };\n}\n\nexport type AgentComposerLimits = {\n\tmaxFileSize?: number;\n\tmaxFiles?: number;\n\tmaxTotalSize?: number;\n};\n\nexport type AgentComposerResolvedLimits = {\n\tmaxFileSize: number;\n\tmaxFiles: number;\n\tmaxTotalSize: number;\n};\n\nexport type AgentComposerErrorCode = 'file-count' | 'file-size' | 'total-size';\n\nexport type AgentComposerError = {\n\tcode: AgentComposerErrorCode;\n\tfiles: File[];\n\tmessage: string;\n};\n\nexport type AgentComposerSubmitValue = {\n\tfiles: File[];\n\ttext: string;\n};\n\nexport type AgentComposerProps = Omit<ComponentPropsWithRef<'form'>, 'onError' | 'onSubmit'> &\n\tAgentComposerLimits & {\n\t\taccept?: string;\n\t\tdisabled?: boolean;\n\t\terror?: ReactNode;\n\t\tfiles: readonly File[];\n\t\tleading?: ReactNode;\n\t\tmessages?: Partial<AgentComposerMessages>;\n\t\tmicrophone?: ReactNode;\n\t\tmodel?: ReactNode;\n\t\tonError?: (error: AgentComposerError) => void;\n\t\tonFilesChange: (files: File[]) => void;\n\t\tonStop?: () => void;\n\t\tonSubmit: (value: AgentComposerSubmitValue) => void;\n\t\tonValueChange: (value: string) => void;\n\t\tsettings?: ReactNode;\n\t\tstatus?: AgentComposerStatus;\n\t\ttextareaProps?: Omit<ComponentPropsWithRef<'textarea'>, 'disabled' | 'value'>;\n\t\ttrailing?: ReactNode;\n\t\tvalue: string;\n\t};\n",
			"type": "registry:lib",
			"target": "@components/ui/agent-composer/agent-composer-types.ts"
		},
		{
			"path": "registry/default/ui/agent-composer/agent-composer-files.ts",
			"content": "import {\n\tAGENT_COMPOSER_DEFAULT_MAX_FILE_SIZE,\n\tAGENT_COMPOSER_DEFAULT_MAX_FILES,\n\tAGENT_COMPOSER_DEFAULT_MAX_TOTAL_SIZE,\n\ttype AgentComposerError,\n\ttype AgentComposerLimits,\n\ttype AgentComposerMessages,\n\ttype AgentComposerResolvedLimits,\n} from './agent-composer-types';\n\nexport type AgentComposerFileValidation = {\n\taccepted: File[];\n\terrors: AgentComposerError[];\n};\n\nexport function resolveAgentComposerLimits(limits: AgentComposerLimits): AgentComposerResolvedLimits {\n\treturn {\n\t\tmaxFiles: boundedInteger(limits.maxFiles, AGENT_COMPOSER_DEFAULT_MAX_FILES),\n\t\tmaxFileSize: boundedInteger(limits.maxFileSize, AGENT_COMPOSER_DEFAULT_MAX_FILE_SIZE),\n\t\tmaxTotalSize: boundedInteger(limits.maxTotalSize, AGENT_COMPOSER_DEFAULT_MAX_TOTAL_SIZE),\n\t};\n}\n\nexport function validateAgentComposerControlledFiles(\n\tfiles: readonly File[],\n\tlimits: AgentComposerResolvedLimits,\n\tmessages: AgentComposerMessages,\n): AgentComposerFileValidation {\n\treturn validateAgentComposerFiles([], files, limits, messages);\n}\n\nexport function validateAgentComposerFiles(\n\tcurrent: readonly File[],\n\tincoming: Iterable<File>,\n\tlimits: AgentComposerResolvedLimits,\n\tmessages: AgentComposerMessages,\n): AgentComposerFileValidation {\n\tconst accepted: File[] = [];\n\tconst errors: AgentComposerError[] = [];\n\tconst oversized: File[] = [];\n\tconst overCount: File[] = [];\n\tconst overTotal: File[] = [];\n\tlet totalSize = current.reduce((total, file) => total + finiteSize(file.size), 0);\n\tlet count = current.length;\n\n\tfor (const file of incoming) {\n\t\tconst size = safeFileSize(file);\n\t\tif (size === undefined || size > limits.maxFileSize) {\n\t\t\toversized.push(file);\n\t\t\tcontinue;\n\t\t}\n\t\tif (count >= limits.maxFiles) {\n\t\t\toverCount.push(file);\n\t\t\tcontinue;\n\t\t}\n\t\tif (totalSize + size > limits.maxTotalSize) {\n\t\t\toverTotal.push(file);\n\t\t\tcontinue;\n\t\t}\n\t\taccepted.push(file);\n\t\tcount += 1;\n\t\ttotalSize += size;\n\t}\n\n\tfor (const file of oversized) {\n\t\terrors.push({\n\t\t\tcode: 'file-size',\n\t\t\tfiles: [file],\n\t\t\tmessage: messages.fileSizeError(file.name || messages.unnamedFile, formatAgentComposerBytes(limits.maxFileSize)),\n\t\t});\n\t}\n\tif (overCount.length > 0) {\n\t\terrors.push({ code: 'file-count', files: overCount, message: messages.fileCountError(limits.maxFiles) });\n\t}\n\tif (overTotal.length > 0) {\n\t\terrors.push({\n\t\t\tcode: 'total-size',\n\t\t\tfiles: overTotal,\n\t\t\tmessage: messages.totalSizeError(formatAgentComposerBytes(limits.maxTotalSize)),\n\t\t});\n\t}\n\treturn { accepted, errors };\n}\n\nexport function formatAgentComposerBytes(bytes: number): string {\n\tconst size = finiteSize(bytes);\n\tif (size >= 1024 * 1024) return `${trimNumber(size / (1024 * 1024))} MiB`;\n\tif (size >= 1024) return `${trimNumber(size / 1024)} KiB`;\n\treturn `${size} B`;\n}\n\nfunction safeFileSize(file: File): number | undefined {\n\ttry {\n\t\treturn Number.isFinite(file.size) && file.size >= 0 ? Math.floor(file.size) : undefined;\n\t} catch {\n\t\treturn undefined;\n\t}\n}\n\nfunction finiteSize(value: number): number {\n\treturn Number.isFinite(value) ? Math.max(0, Math.floor(value)) : 0;\n}\n\nfunction boundedInteger(value: number | undefined, fallback: number): number {\n\treturn value === undefined || !Number.isFinite(value) ? fallback : Math.max(0, Math.floor(value));\n}\n\nfunction trimNumber(value: number): string {\n\treturn Number.isInteger(value) ? String(value) : value.toFixed(1).replace(/\\.0$/, '');\n}\n",
			"type": "registry:lib",
			"target": "@components/ui/agent-composer/agent-composer-files.ts"
		},
		{
			"path": "registry/default/ui/agent-composer/agent-composer-attachment.tsx",
			"content": "'use client';\n\nimport { FileText, Music2, X } from 'lucide-react';\nimport type { ComponentPropsWithRef } from 'react';\nimport { useEffect, useState } from 'react';\nimport { cn } from '@/lib/utils';\nimport { formatAgentComposerBytes } from './agent-composer-files';\nimport type { AgentComposerMessages } from './agent-composer-types';\n\nexport type AgentComposerAttachmentProps = Omit<ComponentPropsWithRef<'li'>, 'children'> & {\n\tfile: File;\n\tmessages: AgentComposerMessages;\n\tonRemove: () => void;\n};\n\nexport function AgentComposerAttachment({\n\tclassName,\n\tfile,\n\tmessages,\n\tonRemove,\n\t...props\n}: AgentComposerAttachmentProps) {\n\tconst mediaKind = resolveMediaKind(file.type);\n\tconst objectUrl = useAgentComposerObjectUrl(file, mediaKind !== 'file');\n\tconst name = file.name || messages.unnamedFile;\n\treturn (\n\t\t<li\n\t\t\tdata-slot='agent-composer-attachment'\n\t\t\tdata-media={mediaKind}\n\t\t\tclassName={cn(\n\t\t\t\t'border-border bg-background flex min-h-10 max-w-full min-w-0 items-center gap-2 rounded-md border px-2 py-1.5 text-xs',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{mediaKind === 'image' && objectUrl ? (\n\t\t\t\t<img\n\t\t\t\t\talt={messages.imagePreview(name)}\n\t\t\t\t\tclassName='bg-muted size-8 shrink-0 rounded-sm object-cover'\n\t\t\t\t\theight={32}\n\t\t\t\t\tsrc={objectUrl}\n\t\t\t\t\twidth={32}\n\t\t\t\t/>\n\t\t\t) : null}\n\t\t\t{mediaKind === 'audio' ? <Music2 aria-hidden='true' className='text-muted-foreground size-4 shrink-0' /> : null}\n\t\t\t{mediaKind === 'file' ? <FileText aria-hidden='true' className='text-muted-foreground size-4 shrink-0' /> : null}\n\t\t\t<div className='min-w-0 flex-1'>\n\t\t\t\t<div className='truncate font-medium'>{name}</div>\n\t\t\t\t<div className='text-muted-foreground'>{formatAgentComposerBytes(file.size)}</div>\n\t\t\t</div>\n\t\t\t{mediaKind === 'audio' && objectUrl ? (\n\t\t\t\t// biome-ignore lint/a11y/useMediaCaption: User-provided previews do not have a transcript track.\n\t\t\t\t<audio\n\t\t\t\t\taria-label={messages.audioPreview(name)}\n\t\t\t\t\tclassName='h-8 w-40 max-w-[40vw]'\n\t\t\t\t\tcontrols\n\t\t\t\t\tpreload='metadata'\n\t\t\t\t\tsrc={objectUrl}\n\t\t\t\t/>\n\t\t\t) : null}\n\t\t\t<button\n\t\t\t\ttype='button'\n\t\t\t\tclassName='btn btn-ghost btn-circle btn-xs size-7 min-h-7 min-w-7 shrink-0 p-0'\n\t\t\t\taria-label={messages.removeAttachment(name)}\n\t\t\t\ttitle={messages.removeAttachment(name)}\n\t\t\t\tonClick={onRemove}\n\t\t\t>\n\t\t\t\t<X aria-hidden='true' className='size-3.5' />\n\t\t\t</button>\n\t\t</li>\n\t);\n}\n\nfunction useAgentComposerObjectUrl(file: File, enabled: boolean): string | undefined {\n\tconst [state, setState] = useState<{ file: File; url: string }>();\n\tuseEffect(() => {\n\t\tif (!enabled || typeof URL === 'undefined' || typeof URL.createObjectURL !== 'function') {\n\t\t\tsetState(undefined);\n\t\t\treturn;\n\t\t}\n\t\tconst url = URL.createObjectURL(file);\n\t\tsetState({ file, url });\n\t\treturn () => URL.revokeObjectURL(url);\n\t}, [enabled, file]);\n\treturn state?.file === file ? state.url : undefined;\n}\n\nfunction resolveMediaKind(mediaType: string): 'audio' | 'file' | 'image' {\n\tif (mediaType.startsWith('image/')) return 'image';\n\tif (mediaType.startsWith('audio/')) return 'audio';\n\treturn 'file';\n}\n",
			"type": "registry:component",
			"target": "@components/ui/agent-composer/agent-composer-attachment.tsx"
		},
		{
			"path": "registry/default/ui/agent-composer/agent-composer.tsx",
			"content": "'use client';\n\nimport { FilePlus2, ImagePlus, Music2, Send, Square } from 'lucide-react';\nimport type { ChangeEvent, ClipboardEvent, CompositionEvent, DragEvent, FormEvent, KeyboardEvent } from 'react';\nimport { useMemo, useRef, useState } from 'react';\nimport { cn } from '@/lib/utils';\nimport { AgentComposerAttachment } from './agent-composer-attachment';\nimport {\n\tresolveAgentComposerLimits,\n\tvalidateAgentComposerControlledFiles,\n\tvalidateAgentComposerFiles,\n} from './agent-composer-files';\nimport type { AgentComposerError, AgentComposerProps } from './agent-composer-types';\nimport { resolveAgentComposerMessages } from './agent-composer-types';\n\nexport function AgentComposer({\n\taccept,\n\tclassName,\n\tdisabled = false,\n\terror,\n\tfiles,\n\tleading,\n\tmaxFileSize,\n\tmaxFiles,\n\tmaxTotalSize,\n\tmessages,\n\tmicrophone,\n\tmodel,\n\tonDragEnter,\n\tonDragLeave,\n\tonDragOver,\n\tonDrop,\n\tonError,\n\tonFilesChange,\n\tonStop,\n\tonSubmit,\n\tonValueChange,\n\tsettings,\n\tstatus = 'ready',\n\ttextareaProps,\n\ttrailing,\n\tvalue,\n\t...props\n}: AgentComposerProps) {\n\tconst copy = resolveAgentComposerMessages(messages);\n\tconst limits = useMemo(\n\t\t() => resolveAgentComposerLimits({ maxFileSize, maxFiles, maxTotalSize }),\n\t\t[maxFileSize, maxFiles, maxTotalSize],\n\t);\n\tconst controlledValidation = useMemo(\n\t\t() => validateAgentComposerControlledFiles(files, limits, copy),\n\t\t[copy, files, limits],\n\t);\n\tconst validFiles = controlledValidation.accepted;\n\tconst controlledError = controlledValidation.errors.at(-1);\n\tconst [validationError, setValidationError] = useState<AgentComposerError>();\n\tconst [dragActive, setDragActive] = useState(false);\n\tconst composing = useRef(false);\n\tconst imageInput = useRef<HTMLInputElement>(null);\n\tconst audioInput = useRef<HTMLInputElement>(null);\n\tconst fileInput = useRef<HTMLInputElement>(null);\n\tconst busy = status === 'submitting' || status === 'streaming';\n\tconst canSend = !disabled && !busy && (value.trim().length > 0 || validFiles.length > 0);\n\tconst fileEntries = withFileOccurrenceKeys(validFiles);\n\n\tfunction addFiles(incoming: Iterable<File>) {\n\t\tif (disabled || busy) return;\n\t\tconst result = validateAgentComposerFiles(validFiles, incoming, limits, copy);\n\t\tfor (const issue of result.errors) onError?.(issue);\n\t\tsetValidationError(result.errors.at(-1));\n\t\tif (result.accepted.length > 0) onFilesChange([...files, ...result.accepted]);\n\t}\n\n\tfunction handleFileChange(event: ChangeEvent<HTMLInputElement>) {\n\t\tif (event.currentTarget.files) addFiles(event.currentTarget.files);\n\t\tevent.currentTarget.value = '';\n\t}\n\n\tfunction removeFile(file: File) {\n\t\tsetValidationError(undefined);\n\t\tconst sourceIndex = files.indexOf(file);\n\t\tif (sourceIndex >= 0) onFilesChange(files.filter((_file, current) => current !== sourceIndex));\n\t}\n\n\tfunction handleSubmit(event: FormEvent<HTMLFormElement>) {\n\t\tevent.preventDefault();\n\t\tif (!canSend) return;\n\t\tsetValidationError(undefined);\n\t\tonSubmit({ text: value, files: [...validFiles] });\n\t}\n\n\tconst {\n\t\tclassName: textareaClassName,\n\t\tonChange: onTextareaChange,\n\t\tonCompositionEnd,\n\t\tonCompositionStart,\n\t\tonKeyDown,\n\t\tonPaste,\n\t\t...textareaRest\n\t} = textareaProps ?? {};\n\n\tfunction handleKeyDown(event: KeyboardEvent<HTMLTextAreaElement>) {\n\t\tonKeyDown?.(event);\n\t\tif (\n\t\t\tevent.defaultPrevented ||\n\t\t\tevent.key !== 'Enter' ||\n\t\t\tevent.shiftKey ||\n\t\t\tcomposing.current ||\n\t\t\tevent.nativeEvent.isComposing\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tevent.preventDefault();\n\t\tif (canSend) event.currentTarget.form?.requestSubmit();\n\t}\n\n\tfunction handlePaste(event: ClipboardEvent<HTMLTextAreaElement>) {\n\t\tonPaste?.(event);\n\t\tif (event.defaultPrevented) return;\n\t\tconst pasted: File[] = [];\n\t\tfor (const item of event.clipboardData.items) {\n\t\t\tif (item.kind !== 'file') continue;\n\t\t\tconst file = item.getAsFile();\n\t\t\tif (file) pasted.push(file);\n\t\t}\n\t\tif (pasted.length > 0) addFiles(pasted);\n\t}\n\n\tfunction handleCompositionStart(event: CompositionEvent<HTMLTextAreaElement>) {\n\t\tcomposing.current = true;\n\t\tonCompositionStart?.(event);\n\t}\n\n\tfunction handleCompositionEnd(event: CompositionEvent<HTMLTextAreaElement>) {\n\t\tcomposing.current = false;\n\t\tonCompositionEnd?.(event);\n\t}\n\n\tfunction handleDrop(event: DragEvent<HTMLFormElement>) {\n\t\tonDrop?.(event);\n\t\tsetDragActive(false);\n\t\tif (event.defaultPrevented || !event.dataTransfer.types.includes('Files')) return;\n\t\tevent.preventDefault();\n\t\taddFiles(event.dataTransfer.files);\n\t}\n\n\treturn (\n\t\t<form\n\t\t\tdata-slot='agent-composer'\n\t\t\tdata-status={status}\n\t\t\tdata-drop-active={dragActive ? 'true' : 'false'}\n\t\t\tdata-invalid-attachments={controlledError ? 'true' : 'false'}\n\t\t\taria-busy={busy || undefined}\n\t\t\taria-label={copy.composerLabel}\n\t\t\tclassName={cn(\n\t\t\t\t'border-border bg-background relative flex w-full min-w-0 flex-col rounded-md border shadow-sm',\n\t\t\t\tdisabled && 'opacity-60',\n\t\t\t\tstatus === 'error' && 'border-error',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tonDragEnter={(event) => {\n\t\t\t\tonDragEnter?.(event);\n\t\t\t\tif (!event.defaultPrevented && event.dataTransfer.types.includes('Files')) setDragActive(true);\n\t\t\t}}\n\t\t\tonDragLeave={(event) => {\n\t\t\t\tonDragLeave?.(event);\n\t\t\t\tconst nextTarget = event.relatedTarget;\n\t\t\t\tif (!(nextTarget instanceof Node) || !event.currentTarget.contains(nextTarget)) setDragActive(false);\n\t\t\t}}\n\t\t\tonDragOver={(event) => {\n\t\t\t\tonDragOver?.(event);\n\t\t\t\tif (!event.defaultPrevented && event.dataTransfer.types.includes('Files')) event.preventDefault();\n\t\t\t}}\n\t\t\tonDrop={handleDrop}\n\t\t\tonSubmit={handleSubmit}\n\t\t\t{...props}\n\t\t>\n\t\t\t<input\n\t\t\t\tref={imageInput}\n\t\t\t\ttype='file'\n\t\t\t\taccept='image/*'\n\t\t\t\taria-label={copy.selectImage}\n\t\t\t\tclassName='sr-only'\n\t\t\t\tdisabled={disabled || busy}\n\t\t\t\tmultiple\n\t\t\t\tonChange={handleFileChange}\n\t\t\t/>\n\t\t\t<input\n\t\t\t\tref={audioInput}\n\t\t\t\ttype='file'\n\t\t\t\taccept='audio/*'\n\t\t\t\taria-label={copy.selectAudio}\n\t\t\t\tclassName='sr-only'\n\t\t\t\tdisabled={disabled || busy}\n\t\t\t\tmultiple\n\t\t\t\tonChange={handleFileChange}\n\t\t\t/>\n\t\t\t<input\n\t\t\t\tref={fileInput}\n\t\t\t\ttype='file'\n\t\t\t\taccept={accept}\n\t\t\t\taria-label={copy.selectFile}\n\t\t\t\tclassName='sr-only'\n\t\t\t\tdisabled={disabled || busy}\n\t\t\t\tmultiple\n\t\t\t\tonChange={handleFileChange}\n\t\t\t/>\n\t\t\t{validFiles.length > 0 ? (\n\t\t\t\t<ul aria-label={copy.attachmentsLabel} className='flex max-h-36 flex-wrap gap-2 overflow-y-auto px-3 pt-3'>\n\t\t\t\t\t{fileEntries.map(({ file, key }) => (\n\t\t\t\t\t\t<AgentComposerAttachment key={key} file={file} messages={copy} onRemove={() => removeFile(file)} />\n\t\t\t\t\t))}\n\t\t\t\t</ul>\n\t\t\t) : null}\n\t\t\t<textarea\n\t\t\t\taria-label={textareaRest['aria-label'] ?? copy.placeholder}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'placeholder:text-muted-foreground field-sizing-content max-h-48 min-h-[4.5rem] w-full resize-none bg-transparent px-3 py-2.5 text-sm outline-none',\n\t\t\t\t\ttextareaClassName,\n\t\t\t\t)}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tplaceholder={textareaRest.placeholder ?? copy.placeholder}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={(event) => {\n\t\t\t\t\tonValueChange(event.currentTarget.value);\n\t\t\t\t\tonTextareaChange?.(event);\n\t\t\t\t}}\n\t\t\t\tonCompositionEnd={handleCompositionEnd}\n\t\t\t\tonCompositionStart={handleCompositionStart}\n\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\tonPaste={handlePaste}\n\t\t\t\t{...textareaRest}\n\t\t\t/>\n\t\t\t{error !== undefined || validationError || controlledError ? (\n\t\t\t\t<div role='alert' className='text-error px-3 pb-2 text-xs'>\n\t\t\t\t\t{error ?? (\n\t\t\t\t\t\t<ul className='space-y-0.5'>\n\t\t\t\t\t\t\t{validationError ? <li>{validationError.message}</li> : null}\n\t\t\t\t\t\t\t{controlledValidation.errors.map((issue) => (\n\t\t\t\t\t\t\t\t<li key={`${issue.code}:${issue.message}:${issue.files.map(fileIdentity).join('|')}`}>\n\t\t\t\t\t\t\t\t\t{issue.message}\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t\t<div\n\t\t\t\tdata-slot='agent-composer-toolbar'\n\t\t\t\tclassName='border-border flex min-h-11 min-w-0 flex-wrap items-center gap-1 border-t px-2 py-1.5'\n\t\t\t>\n\t\t\t\t{leading}\n\t\t\t\t<ComposerIconButton\n\t\t\t\t\tlabel={copy.attachImage}\n\t\t\t\t\tdisabled={disabled || busy}\n\t\t\t\t\tonClick={() => imageInput.current?.click()}\n\t\t\t\t>\n\t\t\t\t\t<ImagePlus aria-hidden='true' className='size-4' />\n\t\t\t\t</ComposerIconButton>\n\t\t\t\t<ComposerIconButton\n\t\t\t\t\tlabel={copy.attachAudio}\n\t\t\t\t\tdisabled={disabled || busy}\n\t\t\t\t\tonClick={() => audioInput.current?.click()}\n\t\t\t\t>\n\t\t\t\t\t<Music2 aria-hidden='true' className='size-4' />\n\t\t\t\t</ComposerIconButton>\n\t\t\t\t<ComposerIconButton\n\t\t\t\t\tlabel={copy.attachFile}\n\t\t\t\t\tdisabled={disabled || busy}\n\t\t\t\t\tonClick={() => fileInput.current?.click()}\n\t\t\t\t>\n\t\t\t\t\t<FilePlus2 aria-hidden='true' className='size-4' />\n\t\t\t\t</ComposerIconButton>\n\t\t\t\t{microphone}\n\t\t\t\t{model}\n\t\t\t\t{settings}\n\t\t\t\t<span className='min-w-2 flex-1' />\n\t\t\t\t{trailing}\n\t\t\t\t{busy ? (\n\t\t\t\t\t<ComposerIconButton label={copy.stop} disabled={disabled || !onStop} className='btn-error' onClick={onStop}>\n\t\t\t\t\t\t<Square aria-hidden='true' className='size-3.5 fill-current' />\n\t\t\t\t\t</ComposerIconButton>\n\t\t\t\t) : (\n\t\t\t\t\t<ComposerIconButton label={copy.send} disabled={!canSend} className='btn-primary' submit>\n\t\t\t\t\t\t<Send aria-hidden='true' className='size-4' />\n\t\t\t\t\t</ComposerIconButton>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{dragActive ? (\n\t\t\t\t<div className='border-primary bg-primary/10 pointer-events-none absolute inset-1 z-10 flex items-center justify-center rounded-md border border-dashed text-sm font-medium'>\n\t\t\t\t\t{copy.dropFiles}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t</form>\n\t);\n}\n\nfunction withFileOccurrenceKeys(files: readonly File[]) {\n\tconst occurrences = new Map<string, number>();\n\treturn files.map((file) => {\n\t\tconst identity = fileIdentity(file);\n\t\tconst occurrence = occurrences.get(identity) ?? 0;\n\t\toccurrences.set(identity, occurrence + 1);\n\t\treturn { file, key: `${identity}:${occurrence}` };\n\t});\n}\n\nfunction fileIdentity(file: File) {\n\treturn `${file.webkitRelativePath}:${file.name}:${file.type}:${file.size}:${file.lastModified}`;\n}\n\nfunction ComposerIconButton({\n\tchildren,\n\tclassName,\n\tdisabled,\n\tlabel,\n\tonClick,\n\tsubmit = false,\n}: {\n\tchildren: import('react').ReactNode;\n\tclassName?: string;\n\tdisabled?: boolean;\n\tlabel: string;\n\tonClick?: () => void;\n\tsubmit?: boolean;\n}) {\n\treturn (\n\t\t<button\n\t\t\ttype={submit ? 'submit' : 'button'}\n\t\t\taria-label={label}\n\t\t\ttitle={label}\n\t\t\tclassName={cn('btn btn-ghost btn-circle btn-sm size-8 min-h-8 min-w-8 p-0', className)}\n\t\t\tdisabled={disabled}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t{children}\n\t\t</button>\n\t);\n}\n",
			"type": "registry:component",
			"target": "@components/ui/agent-composer/agent-composer.tsx"
		},
		{
			"path": "registry/default/ui/agent-composer/index.ts",
			"content": "export * from './agent-composer';\nexport * from './agent-composer-attachment';\nexport * from './agent-composer-files';\nexport * from './agent-composer-types';\n",
			"type": "registry:component",
			"target": "@components/ui/agent-composer/index.ts"
		},
		{
			"path": "registry/default/blocks/agent-chat/agent-chat-types.ts",
			"content": "import type { ChatStatus, UIMessage } from 'ai';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\nimport type { AgentComposerMessages, AgentComposerProps, AgentComposerSubmitValue } from '../../ui/agent-composer';\nimport type { AgentMessageMessages, AgentMessagePartRenderer, AgentMessageProps } from '../../ui/agent-message';\nimport type { MessageScrollerMessages } from '../../ui/message-scroller';\n\nexport type AgentChatMessages = {\n\tempty: string;\n\terrorLabel: string;\n\tretry: string;\n\ttranscript: string;\n};\n\nexport const defaultAgentChatMessages: AgentChatMessages = {\n\tempty: '开始一段新对话',\n\terrorLabel: '对话出错',\n\tretry: '重试',\n\ttranscript: '对话消息',\n};\n\nexport type AgentChatMessageOverrides = Partial<AgentChatMessages> & {\n\tcomposer?: Partial<AgentComposerMessages>;\n\tmessage?: Partial<AgentMessageMessages>;\n\tscroller?: Partial<MessageScrollerMessages>;\n};\n\nexport function resolveAgentChatMessages(messages?: AgentChatMessageOverrides): AgentChatMessages {\n\treturn { ...defaultAgentChatMessages, ...messages };\n}\n\nexport type AgentChatRenderMessageContext = {\n\tdefaultMessage: ReactNode;\n\tindex: number;\n\tmessage: UIMessage;\n};\n\nexport type AgentChatMessageRenderer = (context: AgentChatRenderMessageContext) => ReactNode | undefined;\n\nexport type AgentChatProps = Omit<ComponentPropsWithRef<'section'>, 'onError'> & {\n\tautoScroll?: boolean;\n\tcomposerProps?: Omit<\n\t\tAgentComposerProps,\n\t\t| 'error'\n\t\t| 'files'\n\t\t| 'messages'\n\t\t| 'model'\n\t\t| 'onFilesChange'\n\t\t| 'onStop'\n\t\t| 'onSubmit'\n\t\t| 'onValueChange'\n\t\t| 'status'\n\t\t| 'value'\n\t>;\n\tconnection?: ReactNode;\n\tdisabled?: boolean;\n\temptyState?: ReactNode;\n\terror?: ReactNode;\n\tfiles: readonly File[];\n\tfooter?: ReactNode;\n\theader?: ReactNode;\n\tmessageProps?: Omit<AgentMessageProps, 'message' | 'messages' | 'renderPart' | 'renderTool'>;\n\tmessages?: AgentChatMessageOverrides;\n\tmodel?: ReactNode;\n\tonFilesChange: (files: File[]) => void;\n\tonRetry?: () => void;\n\tonSend: (value: AgentComposerSubmitValue) => void;\n\tonStop?: () => void;\n\tonTextChange: (value: string) => void;\n\trenderMessage?: AgentChatMessageRenderer;\n\trenderPart?: AgentMessagePartRenderer;\n\trenderTool?: AgentMessagePartRenderer;\n\tstatus: ChatStatus;\n\ttext: string;\n\ttoolbar?: ReactNode;\n\tvalue: readonly UIMessage[];\n};\n",
			"type": "registry:lib",
			"target": "@components/blocks/agent-chat/agent-chat-types.ts"
		},
		{
			"path": "registry/default/blocks/agent-chat/runtime-message-validation.ts",
			"content": "import type { UIMessage } from 'ai';\n\nexport type AgentRuntimeMessageLimits = {\n\tmaxArrayItems?: number;\n\tmaxDataUrlBytes?: number;\n\tmaxDepth?: number;\n\tmaxMessages?: number;\n\tmaxNodes?: number;\n\tmaxObjectKeys?: number;\n\tmaxParts?: number;\n\tmaxStringBytes?: number;\n};\n\nexport type AgentRuntimeMessageValidation =\n\t| { success: true; messages: readonly UIMessage[] }\n\t| { success: false; code: AgentRuntimeMessageErrorCode; message: string };\nexport type AgentRuntimeMessageErrorCode =\n\t| 'data-url-bytes'\n\t| 'depth'\n\t| 'invalid'\n\t| 'messages'\n\t| 'nodes'\n\t| 'parts'\n\t| 'string-bytes';\n\ntype ResolvedLimits = Required<AgentRuntimeMessageLimits>;\ntype InspectionState = {\n\tactive: WeakSet<object>;\n\tdataUrlBytes: number;\n\tlimits: ResolvedLimits;\n\tnodes: number;\n\tparts: number;\n\tstringBytes: number;\n};\n\nexport const AGENT_RUNTIME_DEFAULT_MESSAGE_LIMITS: ResolvedLimits = {\n\tmaxArrayItems: 512,\n\tmaxDataUrlBytes: 32 * 1024 * 1024,\n\tmaxDepth: 32,\n\tmaxMessages: 100,\n\tmaxNodes: 10_000,\n\tmaxObjectKeys: 64,\n\tmaxParts: 2_000,\n\tmaxStringBytes: 2 * 1024 * 1024,\n};\n\nexport function validateAgentRuntimeMessages(\n\tvalue: unknown,\n\tlimits: AgentRuntimeMessageLimits = {},\n): AgentRuntimeMessageValidation {\n\tconst resolved = resolveLimits(limits);\n\tif (!Array.isArray(value)) return invalid('消息记录必须是数组。');\n\tconst messageCount = safeArrayLength(value);\n\tif (messageCount === undefined) return invalid('消息记录无法安全读取。');\n\tif (messageCount > resolved.maxMessages) {\n\t\treturn failure('messages', `消息数量不能超过 ${resolved.maxMessages} 条。`);\n\t}\n\tlet parts = 0;\n\tfor (let index = 0; index < messageCount; index += 1) {\n\t\tconst message = readDataProperty(value, String(index));\n\t\tif (!isRecord(message)) return invalid(`第 ${index + 1} 条消息无效。`);\n\t\tconst id = readDataProperty(message, 'id');\n\t\tconst role = readDataProperty(message, 'role');\n\t\tconst messageParts = readDataProperty(message, 'parts');\n\t\tif (typeof id !== 'string' || !id || (role !== 'assistant' && role !== 'system' && role !== 'user')) {\n\t\t\treturn invalid(`第 ${index + 1} 条消息身份无效。`);\n\t\t}\n\t\tif (!Array.isArray(messageParts)) return invalid(`第 ${index + 1} 条消息内容必须是数组。`);\n\t\tconst partCount = safeArrayLength(messageParts);\n\t\tif (partCount === undefined) return invalid(`第 ${index + 1} 条消息内容无法安全读取。`);\n\t\tparts += partCount;\n\t\tif (parts > resolved.maxParts) return failure('parts', `消息内容不能超过 ${resolved.maxParts} 个部分。`);\n\t}\n\tconst state: InspectionState = {\n\t\tactive: new WeakSet(),\n\t\tdataUrlBytes: 0,\n\t\tlimits: resolved,\n\t\tnodes: 0,\n\t\tparts,\n\t\tstringBytes: 0,\n\t};\n\tconst issue = inspectRuntimeValue(value, 0, state);\n\treturn issue ?? { success: true, messages: value as readonly UIMessage[] };\n}\n\nexport type AgentRuntimeValueMeasurement =\n\t| { success: true; dataUrlBytes: number; nodes: number; stringBytes: number }\n\t| Exclude<AgentRuntimeMessageValidation, { success: true }>;\n\nexport function measureAgentRuntimeValue(\n\tvalue: unknown,\n\tlimits: AgentRuntimeMessageLimits = {},\n): AgentRuntimeValueMeasurement {\n\tconst resolved = resolveLimits(limits);\n\tconst state: InspectionState = {\n\t\tactive: new WeakSet(),\n\t\tdataUrlBytes: 0,\n\t\tlimits: resolved,\n\t\tnodes: 0,\n\t\tparts: 0,\n\t\tstringBytes: 0,\n\t};\n\tconst issue = inspectRuntimeValue(value, 0, state);\n\treturn (\n\t\tissue ?? {\n\t\t\tsuccess: true,\n\t\t\tdataUrlBytes: state.dataUrlBytes,\n\t\t\tnodes: state.nodes,\n\t\t\tstringBytes: state.stringBytes,\n\t\t}\n\t);\n}\n\nexport function validateAgentRuntimeValue(\n\tvalue: unknown,\n\tlimits: AgentRuntimeMessageLimits = {},\n): Exclude<AgentRuntimeMessageValidation, { success: true }> | undefined {\n\tconst result = measureAgentRuntimeValue(value, limits);\n\treturn result.success ? undefined : result;\n}\n\nfunction inspectRuntimeValue(\n\tvalue: unknown,\n\tdepth: number,\n\tstate: InspectionState,\n): Exclude<AgentRuntimeMessageValidation, { success: true }> | undefined {\n\tstate.nodes += 1;\n\tif (state.nodes > state.limits.maxNodes) return failure('nodes', '消息结构过于复杂。');\n\tif (depth > state.limits.maxDepth) return failure('depth', '消息嵌套层级过深。');\n\tif (typeof value === 'string') return addStringBytes(value, state);\n\tif (value === undefined || value === null || typeof value === 'boolean' || typeof value === 'number')\n\t\treturn undefined;\n\tif (typeof value !== 'object') return invalid('消息包含不受支持的运行时值。');\n\tif (state.active.has(value)) return invalid('消息不能包含循环引用。');\n\tstate.active.add(value);\n\ttry {\n\t\tif (Array.isArray(value)) {\n\t\t\tconst length = safeArrayLength(value);\n\t\t\tif (length === undefined) return invalid('消息数组无法安全读取。');\n\t\t\tif (length > state.limits.maxArrayItems) return failure('nodes', '消息数组条目过多。');\n\t\t\tfor (let index = 0; index < length; index += 1) {\n\t\t\t\tconst descriptor = safeOwnDescriptor(value, String(index));\n\t\t\t\tif (!descriptor || !('value' in descriptor)) return invalid('消息数组包含不可读取的条目。');\n\t\t\t\tconst issue = inspectRuntimeValue(descriptor.value, depth + 1, state);\n\t\t\t\tif (issue) return issue;\n\t\t\t}\n\t\t\treturn undefined;\n\t\t}\n\t\tlet inspected = 0;\n\t\ttry {\n\t\t\tfor (const key in value) {\n\t\t\t\tinspected += 1;\n\t\t\t\tif (inspected > state.limits.maxObjectKeys) return failure('nodes', '消息对象字段过多。');\n\t\t\t\tlet own: boolean;\n\t\t\t\ttry {\n\t\t\t\t\town = Object.hasOwn(value, key);\n\t\t\t\t} catch {\n\t\t\t\t\treturn invalid('消息对象无法安全读取。');\n\t\t\t\t}\n\t\t\t\tif (!own) continue;\n\t\t\t\tconst keyIssue = addStringBytes(key, state);\n\t\t\t\tif (keyIssue) return keyIssue;\n\t\t\t\tconst descriptor = safeOwnDescriptor(value, key);\n\t\t\t\tif (!descriptor || !('value' in descriptor)) return invalid('消息不能包含 getter 或不可读取字段。');\n\t\t\t\tconst issue = inspectRuntimeValue(descriptor.value, depth + 1, state);\n\t\t\t\tif (issue) return issue;\n\t\t\t}\n\t\t} catch {\n\t\t\treturn invalid('消息对象无法安全读取。');\n\t\t}\n\t\treturn undefined;\n\t} finally {\n\t\tstate.active.delete(value);\n\t}\n}\n\nfunction addStringBytes(\n\tvalue: string,\n\tstate: InspectionState,\n): Exclude<AgentRuntimeMessageValidation, { success: true }> | undefined {\n\tconst dataUrl = value.startsWith('data:');\n\tconst current = dataUrl ? state.dataUrlBytes : state.stringBytes;\n\tconst maximum = dataUrl ? state.limits.maxDataUrlBytes : state.limits.maxStringBytes;\n\tconst bytes = boundedUtf8ByteLength(value, maximum - current);\n\tif (bytes === undefined) {\n\t\treturn dataUrl\n\t\t\t? failure('data-url-bytes', '消息中的 Data URL 总大小超过限制。')\n\t\t\t: failure('string-bytes', '消息文本总大小超过限制。');\n\t}\n\tif (dataUrl) state.dataUrlBytes += bytes;\n\telse state.stringBytes += bytes;\n\treturn undefined;\n}\n\nfunction boundedUtf8ByteLength(value: string, remaining: number): number | undefined {\n\tif (remaining < 0 || value.length > remaining) return undefined;\n\tlet bytes = 0;\n\tfor (let index = 0; index < value.length; index += 1) {\n\t\tconst code = value.charCodeAt(index);\n\t\tif (code < 0x80) bytes += 1;\n\t\telse if (code < 0x800) bytes += 2;\n\t\telse if (code >= 0xd800 && code <= 0xdbff && index + 1 < value.length) {\n\t\t\tconst next = value.charCodeAt(index + 1);\n\t\t\tif (next >= 0xdc00 && next <= 0xdfff) {\n\t\t\t\tbytes += 4;\n\t\t\t\tindex += 1;\n\t\t\t} else bytes += 3;\n\t\t} else bytes += 3;\n\t\tif (bytes > remaining) return undefined;\n\t}\n\treturn bytes;\n}\n\nfunction readDataProperty(value: object, key: PropertyKey): unknown {\n\tconst descriptor = safeOwnDescriptor(value, key);\n\treturn descriptor && 'value' in descriptor ? descriptor.value : undefined;\n}\n\nfunction safeArrayLength(value: unknown[]): number | undefined {\n\tconst descriptor = safeOwnDescriptor(value, 'length');\n\treturn descriptor && 'value' in descriptor && typeof descriptor.value === 'number'\n\t\t? Math.max(0, Math.floor(descriptor.value))\n\t\t: undefined;\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 isRecord(value: unknown): value is Record<string, unknown> {\n\treturn typeof value === 'object' && value !== null;\n}\n\nfunction resolveLimits(limits: AgentRuntimeMessageLimits): ResolvedLimits {\n\treturn {\n\t\tmaxArrayItems: resolveLimit(limits.maxArrayItems, AGENT_RUNTIME_DEFAULT_MESSAGE_LIMITS.maxArrayItems),\n\t\tmaxDataUrlBytes: resolveLimit(limits.maxDataUrlBytes, AGENT_RUNTIME_DEFAULT_MESSAGE_LIMITS.maxDataUrlBytes),\n\t\tmaxDepth: resolveLimit(limits.maxDepth, AGENT_RUNTIME_DEFAULT_MESSAGE_LIMITS.maxDepth),\n\t\tmaxMessages: resolveLimit(limits.maxMessages, AGENT_RUNTIME_DEFAULT_MESSAGE_LIMITS.maxMessages),\n\t\tmaxNodes: resolveLimit(limits.maxNodes, AGENT_RUNTIME_DEFAULT_MESSAGE_LIMITS.maxNodes),\n\t\tmaxObjectKeys: resolveLimit(limits.maxObjectKeys, AGENT_RUNTIME_DEFAULT_MESSAGE_LIMITS.maxObjectKeys),\n\t\tmaxParts: resolveLimit(limits.maxParts, AGENT_RUNTIME_DEFAULT_MESSAGE_LIMITS.maxParts),\n\t\tmaxStringBytes: resolveLimit(limits.maxStringBytes, AGENT_RUNTIME_DEFAULT_MESSAGE_LIMITS.maxStringBytes),\n\t};\n}\n\nfunction resolveLimit(value: number | undefined, fallback: number): number {\n\treturn value === undefined || !Number.isFinite(value) ? fallback : Math.max(0, Math.floor(value));\n}\n\nfunction invalid(message: string): Exclude<AgentRuntimeMessageValidation, { success: true }> {\n\treturn failure('invalid', message);\n}\n\nfunction failure(\n\tcode: AgentRuntimeMessageErrorCode,\n\tmessage: string,\n): Exclude<AgentRuntimeMessageValidation, { success: true }> {\n\treturn { success: false, code, message };\n}\n",
			"type": "registry:lib",
			"target": "@components/blocks/agent-chat/runtime-message-validation.ts"
		},
		{
			"path": "registry/default/blocks/agent-chat/agent-chat.tsx",
			"content": "'use client';\n\nimport { RotateCcw } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\nimport { AgentComposer, type AgentComposerStatus } from '../../ui/agent-composer';\nimport { AgentMessage } from '../../ui/agent-message';\nimport {\n\tMessageScroller,\n\tMessageScrollerButton,\n\tMessageScrollerContent,\n\tMessageScrollerItem,\n\tMessageScrollerProvider,\n\tMessageScrollerViewport,\n} from '../../ui/message-scroller';\nimport type { AgentChatProps } from './agent-chat-types';\nimport { resolveAgentChatMessages } from './agent-chat-types';\nimport { validateAgentRuntimeMessages } from './runtime-message-validation';\n\nexport function AgentChat({\n\tautoScroll = true,\n\tclassName,\n\tcomposerProps,\n\tconnection,\n\tdisabled = false,\n\temptyState,\n\terror,\n\tfiles,\n\tfooter,\n\theader,\n\tmessageProps,\n\tmessages,\n\tmodel,\n\tonFilesChange,\n\tonRetry,\n\tonSend,\n\tonStop,\n\tonTextChange,\n\trenderMessage,\n\trenderPart,\n\trenderTool,\n\tstatus,\n\ttext,\n\ttoolbar,\n\tvalue,\n\t...props\n}: AgentChatProps) {\n\tconst copy = resolveAgentChatMessages(messages);\n\tconst messageValidation = validateAgentRuntimeMessages(value);\n\tconst visibleMessages = messageValidation.success ? messageValidation.messages : [];\n\tconst messageError = messageValidation.success ? undefined : messageValidation.message;\n\tconst effectiveDisabled = disabled || !messageValidation.success;\n\tconst visibleError = messageError ?? error;\n\tconst hasHeader = header !== undefined || connection !== undefined || toolbar !== undefined;\n\tconst busy = status === 'submitted' || status === 'streaming';\n\treturn (\n\t\t<section\n\t\t\tdata-slot='agent-chat'\n\t\t\tdata-status={status}\n\t\t\tdata-invalid-messages={messageError ? 'true' : 'false'}\n\t\t\taria-busy={busy || undefined}\n\t\t\tclassName={cn(\n\t\t\t\t'border-border bg-background text-foreground flex size-full min-h-0 min-w-0 flex-col overflow-hidden rounded-md border',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{hasHeader ? (\n\t\t\t\t<header\n\t\t\t\t\tdata-slot='agent-chat-header'\n\t\t\t\t\tclassName='border-border flex min-h-12 min-w-0 flex-wrap items-center gap-2 border-b px-3 py-2'\n\t\t\t\t>\n\t\t\t\t\t<div className='min-w-0 flex-1'>{header}</div>\n\t\t\t\t\t{connection !== undefined ? <div className='shrink-0'>{connection}</div> : null}\n\t\t\t\t\t{toolbar !== undefined ? <div className='flex shrink-0 items-center gap-1'>{toolbar}</div> : null}\n\t\t\t\t</header>\n\t\t\t) : null}\n\t\t\t<div className='relative min-h-0 flex-1'>\n\t\t\t\t<MessageScrollerProvider autoScroll={autoScroll} defaultScrollPosition='last-anchor'>\n\t\t\t\t\t<MessageScroller>\n\t\t\t\t\t\t<MessageScrollerViewport messages={messages?.scroller} aria-label={copy.transcript}>\n\t\t\t\t\t\t\t<MessageScrollerContent className='gap-5 px-3 py-5 md:px-6'>\n\t\t\t\t\t\t\t\t{visibleMessages.length === 0 ? (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tdata-slot='agent-chat-empty'\n\t\t\t\t\t\t\t\t\t\tclassName='text-muted-foreground flex min-h-[16rem] flex-1 items-center justify-center px-4 text-center text-sm'\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{emptyState ?? copy.empty}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tvisibleMessages.map((message, index) => {\n\t\t\t\t\t\t\t\t\t\tconst defaultMessage = (\n\t\t\t\t\t\t\t\t\t\t\t<AgentMessage\n\t\t\t\t\t\t\t\t\t\t\t\t{...messageProps}\n\t\t\t\t\t\t\t\t\t\t\t\tmessage={message}\n\t\t\t\t\t\t\t\t\t\t\t\tmessages={messages?.message}\n\t\t\t\t\t\t\t\t\t\t\t\trenderPart={renderPart}\n\t\t\t\t\t\t\t\t\t\t\t\trenderTool={renderTool}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<MessageScrollerItem\n\t\t\t\t\t\t\t\t\t\t\t\tkey={message.id}\n\t\t\t\t\t\t\t\t\t\t\t\tmessageId={message.id}\n\t\t\t\t\t\t\t\t\t\t\t\tscrollAnchor={message.role === 'user'}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{resolveRenderedMessage(renderMessage?.({ defaultMessage, index, message }), defaultMessage)}\n\t\t\t\t\t\t\t\t\t\t\t</MessageScrollerItem>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</MessageScrollerContent>\n\t\t\t\t\t\t</MessageScrollerViewport>\n\t\t\t\t\t\t<MessageScrollerButton messages={messages?.scroller} />\n\t\t\t\t\t</MessageScroller>\n\t\t\t\t</MessageScrollerProvider>\n\t\t\t</div>\n\t\t\t<div data-slot='agent-chat-composer-region' className='border-border shrink-0 border-t p-2 md:p-3'>\n\t\t\t\t{visibleError !== undefined ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\trole='alert'\n\t\t\t\t\t\taria-label={copy.errorLabel}\n\t\t\t\t\t\tclassName='text-error mb-2 flex min-w-0 items-center gap-2 px-1 text-sm'\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className='min-w-0 flex-1 break-words'>{visibleError}</div>\n\t\t\t\t\t\t{onRetry ? (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype='button'\n\t\t\t\t\t\t\t\tclassName='btn btn-ghost btn-sm shrink-0'\n\t\t\t\t\t\t\t\tdisabled={effectiveDisabled || busy}\n\t\t\t\t\t\t\t\tonClick={onRetry}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<RotateCcw aria-hidden='true' className='size-4' />\n\t\t\t\t\t\t\t\t{copy.retry}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t\t<AgentComposer\n\t\t\t\t\t{...composerProps}\n\t\t\t\t\tdisabled={effectiveDisabled}\n\t\t\t\t\tfiles={files}\n\t\t\t\t\tmessages={messages?.composer}\n\t\t\t\t\tmodel={model}\n\t\t\t\t\tonFilesChange={onFilesChange}\n\t\t\t\t\tonStop={onStop}\n\t\t\t\t\tonSubmit={onSend}\n\t\t\t\t\tonValueChange={onTextChange}\n\t\t\t\t\tstatus={toComposerStatus(status)}\n\t\t\t\t\tvalue={text}\n\t\t\t\t/>\n\t\t\t\t{footer !== undefined ? (\n\t\t\t\t\t<footer data-slot='agent-chat-footer' className='text-muted-foreground px-1 pt-2 text-xs'>\n\t\t\t\t\t\t{footer}\n\t\t\t\t\t</footer>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n\nfunction resolveRenderedMessage(rendered: ReactNode | undefined, fallback: ReactNode) {\n\treturn rendered === undefined ? fallback : rendered;\n}\n\nfunction toComposerStatus(status: AgentChatProps['status']): AgentComposerStatus {\n\tif (status === 'submitted') return 'submitting';\n\treturn status;\n}\n",
			"type": "registry:component",
			"target": "@components/blocks/agent-chat/agent-chat.tsx"
		},
		{
			"path": "registry/default/blocks/agent-chat/index.ts",
			"content": "export type { AgentComposerSubmitValue } from '../../ui/agent-composer';\nexport * from './agent-chat';\nexport * from './agent-chat-types';\nexport * from './runtime-message-validation';\n",
			"type": "registry:component",
			"target": "@components/blocks/agent-chat/index.ts"
		}
	],
	"type": "registry:block"
}