{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "agent-composer",
	"title": "Agent Composer",
	"description": "Controlled text and multimodal file composer with bounded validation, previews, send and stop controls, and injectable tool slots",
	"dependencies": ["daisyui", "lucide-react"],
	"files": [
		{
			"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/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/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/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/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/agent-composer/index.ts"
		}
	],
	"type": "registry:ui"
}