{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "file-viewer",
	"title": "File Viewer",
	"description": "Bounded Text, Image, PDF, Audio, Video, and unsupported-file viewers with an optional filesystem adapter",
	"dependencies": ["daisyui", "lucide-react"],
	"files": [
		{
			"path": "registry/default/ui/addressable-frame.tsx",
			"content": "import type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type AddressableFrameProps = ComponentPropsWithRef<'section'>;\n\nexport function AddressableFrame({ className, ...props }: AddressableFrameProps) {\n\treturn (\n\t\t<section\n\t\t\tdata-slot='addressable-frame'\n\t\t\tclassName={cn(\n\t\t\t\t'border-base-300 bg-base-100 flex min-h-72 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);\n}\n\nexport type AddressableFrameBarProps = ComponentPropsWithRef<'div'>;\n\nexport function AddressableFrameBar({ className, ...props }: AddressableFrameBarProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot='addressable-frame-bar'\n\t\t\tclassName={cn(\n\t\t\t\t'border-base-300 bg-base-200/50 flex min-h-10 shrink-0 items-center gap-1 border-b px-2 py-1.5',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type AddressableFrameNavigationProps = ComponentPropsWithRef<'nav'>;\n\nexport function AddressableFrameNavigation({ className, ...props }: AddressableFrameNavigationProps) {\n\treturn (\n\t\t<nav\n\t\t\tdata-slot='addressable-frame-navigation'\n\t\t\tclassName={cn('flex shrink-0 items-center gap-0.5', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type AddressableFrameAddressProps = ComponentPropsWithRef<'div'> & {\n\ticon?: ReactNode;\n};\n\nexport function AddressableFrameAddress({ icon, children, className, ...props }: AddressableFrameAddressProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot='addressable-frame-address'\n\t\t\tclassName={cn(\n\t\t\t\t'border-base-300 bg-base-100 flex h-7 min-w-0 flex-1 items-center gap-2 rounded-sm border px-2 text-xs',\n\t\t\t\t'focus-within:border-primary focus-within:ring-primary/30 focus-within:ring-1',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{icon ? (\n\t\t\t\t<span data-slot='addressable-frame-address-icon' className='text-base-content/45 shrink-0'>\n\t\t\t\t\t{icon}\n\t\t\t\t</span>\n\t\t\t) : null}\n\t\t\t<div data-slot='addressable-frame-address-value' className='min-w-0 flex-1 truncate'>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport type AddressableFrameAddressInputProps = ComponentPropsWithRef<'input'>;\n\nexport function AddressableFrameAddressInput({ className, ...props }: AddressableFrameAddressInputProps) {\n\treturn (\n\t\t<input\n\t\t\tdata-slot='addressable-frame-address-input'\n\t\t\tclassName={cn('placeholder:text-base-content/35 w-full min-w-0 bg-transparent outline-none', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type AddressableFrameActionsProps = ComponentPropsWithRef<'div'>;\n\nexport function AddressableFrameActions({ className, ...props }: AddressableFrameActionsProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot='addressable-frame-actions'\n\t\t\tclassName={cn('flex shrink-0 items-center gap-0.5', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type AddressableFrameTitleElement = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport type AddressableFrameHeaderProps = Omit<ComponentPropsWithRef<'header'>, 'title'> & {\n\ttitle?: ReactNode;\n\ttitleAs?: AddressableFrameTitleElement;\n\ttitleId?: string;\n\tdescription?: ReactNode;\n\tactions?: ReactNode;\n};\n\nexport function AddressableFrameHeader({\n\ttitle,\n\ttitleAs: Title = 'h2',\n\ttitleId,\n\tdescription,\n\tactions,\n\tchildren,\n\tclassName,\n\t...props\n}: AddressableFrameHeaderProps) {\n\treturn (\n\t\t<header\n\t\t\tdata-slot='addressable-frame-header'\n\t\t\tclassName={cn('border-base-300 flex min-h-10 shrink-0 items-start gap-2 border-b px-3 py-2', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{title || description ? (\n\t\t\t\t<div className='min-w-0 flex-1'>\n\t\t\t\t\t{title ? (\n\t\t\t\t\t\t<Title\n\t\t\t\t\t\t\tid={titleId}\n\t\t\t\t\t\t\ttitle={typeof title === 'string' ? title : undefined}\n\t\t\t\t\t\t\tclassName='text-xs font-medium break-words sm:truncate'\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</Title>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{description ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\ttitle={typeof description === 'string' ? description : undefined}\n\t\t\t\t\t\t\tclassName='text-base-content/60 mt-0.5 text-[11px] break-words sm:truncate'\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t\t{children}\n\t\t\t{actions ? <div className='ml-auto flex shrink-0 items-center gap-1'>{actions}</div> : null}\n\t\t</header>\n\t);\n}\n\nexport type AddressableFrameContentProps = ComponentPropsWithRef<'div'>;\n\nexport function AddressableFrameContent({ className, ...props }: AddressableFrameContentProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot='addressable-frame-content'\n\t\t\tclassName={cn('min-h-0 min-w-0 flex-1 overflow-auto', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type AddressableFrameFooterProps = ComponentPropsWithRef<'footer'>;\n\nexport function AddressableFrameFooter({ className, ...props }: AddressableFrameFooterProps) {\n\treturn (\n\t\t<footer\n\t\t\tdata-slot='addressable-frame-footer'\n\t\t\tclassName={cn(\n\t\t\t\t'border-base-300 text-base-content/65 flex min-h-7 shrink-0 items-center gap-2 border-t px-2 text-[11px]',\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": "@ui/addressable-frame.tsx"
		},
		{
			"path": "registry/default/ui/file-viewer/file-viewer-types.ts",
			"content": "export type FileViewerKind = 'text' | 'image' | 'pdf' | 'audio' | 'video' | 'unsupported';\n\nexport type FileViewerBytes = ArrayBuffer | Uint8Array;\n\nexport type FileViewerFileDescriptor = {\n\tname: string;\n\tpath?: string;\n\tmimeType?: string;\n\tsize?: number;\n\tlastModified?: Date | number;\n\tmeta?: Readonly<Record<string, unknown>>;\n};\n\nexport type FileViewerFile = FileViewerFileDescriptor;\n\nexport type FileViewerMessages = {\n\taudioLabel: (file: FileViewerFileDescriptor) => string;\n\tcancel: string;\n\tdimensions: (width: number, height: number) => string;\n\tdownload: string;\n\tedit: string;\n\teditingActionsLabel: (file: FileViewerFileDescriptor) => string;\n\teditFileLabel: (file: FileViewerFileDescriptor) => string;\n\teditorLabel: (file: FileViewerFileDescriptor) => string;\n\tfileName: string;\n\tfileSize: string;\n\tfileTooLarge: (maxBytes: number) => string;\n\timageAlt: (file: FileViewerFileDescriptor) => string;\n\tlastModified: string;\n\tloadFailed: (error: unknown) => string;\n\tloading: string;\n\tmimeType: string;\n\tmissingSource: string;\n\tmediaLoadFailed: (file: FileViewerFileDescriptor) => string;\n\topenInNewWindow: string;\n\tpdfFallback: string;\n\tpdfLabel: (file: FileViewerFileDescriptor) => string;\n\treadOnly: string;\n\tsave: string;\n\tsaveFailed: (error: unknown) => string;\n\tsaving: string;\n\tunsupportedDescription: string;\n\tunsupportedTitle: string;\n\tvideoLabel: (file: FileViewerFileDescriptor) => string;\n};\n\nexport const defaultFileViewerMessages: FileViewerMessages = {\n\taudioLabel: (file) => `${file.name} 音频播放器`,\n\tcancel: '取消',\n\tdimensions: (width, height) => `${width} × ${height} 像素`,\n\tdownload: '下载文件',\n\tedit: '编辑',\n\teditingActionsLabel: (file) => `${file.name} 编辑操作`,\n\teditFileLabel: (file) => `编辑 ${file.name}`,\n\teditorLabel: (file) => `编辑 ${file.name}`,\n\tfileName: '文件名',\n\tfileSize: '大小',\n\tfileTooLarge: (maxBytes) => `文件超过预览上限 ${formatFileViewerBytes(maxBytes)}`,\n\timageAlt: (file) => file.name,\n\tlastModified: '修改时间',\n\tloadFailed: (error) => `无法读取文件：${getFileViewerErrorMessage(error)}`,\n\tloading: '正在读取文件…',\n\tmimeType: 'MIME 类型',\n\tmissingSource: '暂无可预览内容',\n\tmediaLoadFailed: (file) => `${file.name} 加载失败`,\n\topenInNewWindow: '在新窗口打开',\n\tpdfFallback: '当前浏览器无法内嵌预览 PDF。',\n\tpdfLabel: (file) => `${file.name} PDF 预览`,\n\treadOnly: '只读',\n\tsave: '保存',\n\tsaveFailed: (error) => `保存失败：${getFileViewerErrorMessage(error)}`,\n\tsaving: '保存中',\n\tunsupportedDescription: '当前文件类型不支持内嵌预览。',\n\tunsupportedTitle: '无法预览此文件',\n\tvideoLabel: (file) => `${file.name} 视频播放器`,\n};\n\nexport function mergeFileViewerMessages(overrides?: Partial<FileViewerMessages>): FileViewerMessages {\n\treturn { ...defaultFileViewerMessages, ...overrides };\n}\n\nexport function getFileViewerErrorMessage(error: unknown): string {\n\treturn error instanceof Error ? error.message : String(error);\n}\n\nexport function formatFileViewerBytes(bytes: number | undefined): string {\n\tif (bytes === undefined || !Number.isFinite(bytes) || bytes < 0) return '—';\n\tif (bytes < 1024) return `${Math.floor(bytes)} B`;\n\tconst units = ['KB', 'MB', 'GB', 'TB'] as const;\n\tlet value = bytes / 1024;\n\tlet unit: (typeof units)[number] = units[0];\n\tfor (let index = 1; index < units.length && value >= 1024; index += 1) {\n\t\tvalue /= 1024;\n\t\tunit = units[index];\n\t}\n\treturn `${value >= 10 ? value.toFixed(0) : value.toFixed(1)} ${unit}`;\n}\n\nexport function formatFileViewerDate(value: Date | number | undefined): string {\n\tif (value === undefined) return '—';\n\tconst date = value instanceof Date ? value : new Date(value);\n\treturn Number.isNaN(date.getTime()) ? '—' : date.toLocaleString();\n}\n",
			"type": "registry:lib",
			"target": "@components/file-viewer/file-viewer-types.ts"
		},
		{
			"path": "registry/default/ui/file-viewer/file-viewer-kind.ts",
			"content": "import type { FileViewerFileDescriptor, FileViewerKind } from './file-viewer-types';\n\nconst textExtensions = new Set([\n\t'c',\n\t'cc',\n\t'conf',\n\t'cpp',\n\t'css',\n\t'csv',\n\t'go',\n\t'h',\n\t'hpp',\n\t'htm',\n\t'html',\n\t'ini',\n\t'java',\n\t'js',\n\t'json',\n\t'jsonl',\n\t'jsx',\n\t'log',\n\t'md',\n\t'mdx',\n\t'properties',\n\t'py',\n\t'rs',\n\t'sh',\n\t'sql',\n\t'svg',\n\t'toml',\n\t'ts',\n\t'tsv',\n\t'tsx',\n\t'txt',\n\t'vue',\n\t'xml',\n\t'yaml',\n\t'yml',\n]);\nconst imageExtensions = new Set([\n\t'avif',\n\t'bmp',\n\t'gif',\n\t'heic',\n\t'ico',\n\t'jpeg',\n\t'jpg',\n\t'png',\n\t'svg',\n\t'tif',\n\t'tiff',\n\t'webp',\n]);\nconst audioExtensions = new Set(['aac', 'flac', 'm4a', 'mp3', 'oga', 'ogg', 'opus', 'wav', 'weba']);\nconst videoExtensions = new Set(['avi', 'm4v', 'mkv', 'mov', 'mp4', 'mpeg', 'mpg', 'ogv', 'webm']);\n\nconst extensionMimeTypes: Readonly<Record<string, string>> = {\n\taac: 'audio/aac',\n\tavif: 'image/avif',\n\tbmp: 'image/bmp',\n\tcss: 'text/css',\n\tcsv: 'text/csv',\n\tflac: 'audio/flac',\n\tgif: 'image/gif',\n\thtml: 'text/html',\n\tico: 'image/x-icon',\n\tjpeg: 'image/jpeg',\n\tjpg: 'image/jpeg',\n\tjs: 'text/javascript',\n\tjson: 'application/json',\n\tjsonl: 'application/x-ndjson',\n\tm4a: 'audio/mp4',\n\tm4v: 'video/mp4',\n\tmd: 'text/markdown',\n\tmkv: 'video/x-matroska',\n\tmov: 'video/quicktime',\n\tmp3: 'audio/mpeg',\n\tmp4: 'video/mp4',\n\tmpeg: 'video/mpeg',\n\toga: 'audio/ogg',\n\togg: 'audio/ogg',\n\togv: 'video/ogg',\n\topus: 'audio/ogg',\n\tpdf: 'application/pdf',\n\tpng: 'image/png',\n\tsvg: 'image/svg+xml',\n\ttsv: 'text/tab-separated-values',\n\ttxt: 'text/plain',\n\twav: 'audio/wav',\n\tweba: 'audio/webm',\n\twebm: 'video/webm',\n\twebp: 'image/webp',\n\txml: 'application/xml',\n\tyaml: 'application/yaml',\n\tyml: 'application/yaml',\n};\n\nexport type FileViewerKindInput = Pick<FileViewerFileDescriptor, 'mimeType' | 'name' | 'path'>;\n\nexport function getFileViewerExtension(value: string): string {\n\tconst clean = value.split(/[?#]/, 1)[0].replaceAll('\\\\', '/');\n\tconst name = clean.slice(clean.lastIndexOf('/') + 1);\n\tconst dot = name.lastIndexOf('.');\n\treturn dot > 0 && dot < name.length - 1 ? name.slice(dot + 1).toLowerCase() : '';\n}\n\nexport function getFileSystemViewerExtension(value: string): string {\n\tconst clean = value.replaceAll('\\\\', '/').replace(/\\/+$/, '');\n\tconst name = clean.slice(clean.lastIndexOf('/') + 1);\n\tconst dot = name.lastIndexOf('.');\n\treturn dot > 0 && dot < name.length - 1 ? name.slice(dot + 1).toLowerCase() : '';\n}\n\nexport function normalizeFileViewerMimeType(mimeType: string | undefined): string {\n\treturn mimeType?.split(';', 1)[0].trim().toLowerCase() ?? '';\n}\n\nexport function resolveFileViewerKind(input: FileViewerKindInput | string, mimeType?: string): FileViewerKind {\n\tconst file = typeof input === 'string' ? { name: input, mimeType } : input;\n\tconst normalizedMime = normalizeFileViewerMimeType(file.mimeType);\n\tconst mimeKind = resolveMimeKind(normalizedMime);\n\tif (mimeKind) return mimeKind;\n\tconst extension = getFileViewerExtension(file.name || file.path || '');\n\treturn resolveFileViewerExtensionKind(extension);\n}\n\nexport function resolveFileSystemViewerKind(input: FileViewerKindInput): FileViewerKind {\n\tconst normalizedMime = normalizeFileViewerMimeType(input.mimeType);\n\tconst mimeKind = resolveMimeKind(normalizedMime);\n\tif (mimeKind) return mimeKind;\n\treturn resolveFileViewerExtensionKind(getFileSystemViewerExtension(input.name || input.path || ''));\n}\n\nfunction resolveFileViewerExtensionKind(extension: string): FileViewerKind {\n\tif (textExtensions.has(extension)) return 'text';\n\tif (imageExtensions.has(extension)) return 'image';\n\tif (extension === 'pdf') return 'pdf';\n\tif (audioExtensions.has(extension)) return 'audio';\n\tif (videoExtensions.has(extension)) return 'video';\n\treturn 'unsupported';\n}\n\nexport function getFileViewerMimeType(file: FileViewerKindInput, kind = resolveFileViewerKind(file)): string {\n\tconst normalized = normalizeFileViewerMimeType(file.mimeType);\n\tif (normalized) return normalized;\n\tconst extension = getFileViewerExtension(file.name || file.path || '');\n\treturn extensionMimeTypes[extension] ?? defaultFileViewerMimeType(kind);\n}\n\nexport function defaultFileViewerMimeType(kind: FileViewerKind): string {\n\treturn {\n\t\taudio: 'audio/mpeg',\n\t\timage: 'image/*',\n\t\tpdf: 'application/pdf',\n\t\ttext: 'text/plain',\n\t\tunsupported: 'application/octet-stream',\n\t\tvideo: 'video/mp4',\n\t}[kind];\n}\n\nfunction resolveMimeKind(mimeType: string): FileViewerKind | undefined {\n\tif (!mimeType || mimeType === 'application/octet-stream' || mimeType === 'binary/octet-stream') return undefined;\n\tif (mimeType.startsWith('text/')) return 'text';\n\tif (mimeType.startsWith('image/')) return 'image';\n\tif (mimeType === 'application/pdf') return 'pdf';\n\tif (mimeType.startsWith('audio/')) return 'audio';\n\tif (mimeType.startsWith('video/')) return 'video';\n\tif (\n\t\tmimeType === 'application/json' ||\n\t\tmimeType === 'application/xml' ||\n\t\tmimeType === 'application/yaml' ||\n\t\tmimeType.endsWith('+json') ||\n\t\tmimeType.endsWith('+xml')\n\t)\n\t\treturn 'text';\n\treturn undefined;\n}\n",
			"type": "registry:lib",
			"target": "@components/file-viewer/file-viewer-kind.ts"
		},
		{
			"path": "registry/default/ui/file-viewer/use-file-viewer-object-url.ts",
			"content": "'use client';\n\nimport { useEffect, useState } from 'react';\nimport type { FileViewerBytes } from './file-viewer-types';\n\ntype ObjectUrlState = {\n\tbytes: FileViewerBytes;\n\tmimeType: string;\n\turl: string;\n};\n\nexport function useFileViewerObjectUrl(bytes: FileViewerBytes | undefined, mimeType: string): string | undefined {\n\tconst [state, setState] = useState<ObjectUrlState>();\n\n\tuseEffect(() => {\n\t\tif (!bytes || typeof Blob === 'undefined' || typeof URL === 'undefined' || !URL.createObjectURL) {\n\t\t\tsetState(undefined);\n\t\t\treturn;\n\t\t}\n\t\tconst url = URL.createObjectURL(new Blob([copyFileViewerBytes(bytes)], { type: mimeType }));\n\t\tsetState({ bytes, mimeType, url });\n\t\treturn () => URL.revokeObjectURL(url);\n\t}, [bytes, mimeType]);\n\n\treturn state && state.bytes === bytes && state.mimeType === mimeType ? state.url : undefined;\n}\n\nexport function copyFileViewerBytes(bytes: FileViewerBytes): ArrayBuffer {\n\tif (bytes instanceof Uint8Array) return bytes.slice().buffer;\n\treturn bytes.slice(0);\n}\n",
			"type": "registry:lib",
			"target": "@components/file-viewer/use-file-viewer-object-url.ts"
		},
		{
			"path": "registry/default/ui/file-viewer/text-file-viewer.tsx",
			"content": "'use client';\n\nimport { AlertCircle, LoaderCircle, Pencil, Save, X } from 'lucide-react';\nimport type { ComponentPropsWithRef, KeyboardEvent, ReactNode } from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport { cn } from '@/lib/utils';\nimport type { FileViewerFileDescriptor, FileViewerMessages } from './file-viewer-types';\nimport { mergeFileViewerMessages } from './file-viewer-types';\n\nexport type TextFileViewerProps = Omit<ComponentPropsWithRef<'section'>, 'children' | 'onChange'> & {\n\tfile: FileViewerFileDescriptor;\n\ttext: string;\n\tdraft?: string;\n\tediting?: boolean;\n\tdefaultEditing?: boolean;\n\terror?: ReactNode;\n\tmessages?: Partial<FileViewerMessages>;\n\tonDraftChange?: (draft: string) => void;\n\tonEditingChange?: (editing: boolean) => void;\n\tonSave?: (draft: string) => Promise<void> | void;\n\tpending?: boolean;\n\treadOnly?: boolean;\n\tshowHeader?: boolean;\n\ttextareaProps?: Omit<ComponentPropsWithRef<'textarea'>, 'children' | 'defaultValue' | 'onChange' | 'value'>;\n};\n\nexport function TextFileViewer({\n\tclassName,\n\tdefaultEditing = false,\n\tdraft: controlledDraft,\n\tediting: controlledEditing,\n\terror,\n\tfile,\n\tmessages: messageOverrides,\n\tonDraftChange,\n\tonEditingChange,\n\tonSave,\n\tpending = false,\n\treadOnly = false,\n\tshowHeader = true,\n\ttext,\n\ttextareaProps,\n\t...props\n}: TextFileViewerProps) {\n\tconst messages = mergeFileViewerMessages(messageOverrides);\n\tconst [internalDraft, setInternalDraft] = useState(text);\n\tconst [internalEditing, setInternalEditing] = useState(defaultEditing);\n\tconst [internalPending, setInternalPending] = useState(false);\n\tconst [internalError, setInternalError] = useState<ReactNode>();\n\tconst previousText = useRef(text);\n\tconst draft = controlledDraft ?? internalDraft;\n\tconst editing = !readOnly && (controlledEditing ?? internalEditing);\n\tconst saving = pending || internalPending;\n\tconst dirty = isTextFileViewerDirty(text, draft);\n\tconst canEdit = !readOnly && Boolean(onSave || onDraftChange || controlledDraft !== undefined);\n\n\tconst changeDraft = (nextDraft: string) => {\n\t\tif (controlledDraft === undefined) setInternalDraft(nextDraft);\n\t\tonDraftChange?.(nextDraft);\n\t\tsetInternalError(undefined);\n\t};\n\tconst changeEditing = (nextEditing: boolean) => {\n\t\tif (controlledEditing === undefined) setInternalEditing(nextEditing);\n\t\tonEditingChange?.(nextEditing);\n\t};\n\n\tuseEffect(() => {\n\t\tif (previousText.current === text) return;\n\t\tconst wasDirty = draft !== previousText.current;\n\t\tpreviousText.current = text;\n\t\tif (!editing || !wasDirty) changeDraft(text);\n\t}, [draft, editing, text]);\n\n\tconst cancel = () => {\n\t\tif (saving) return;\n\t\tchangeDraft(text);\n\t\tchangeEditing(false);\n\t};\n\tconst save = async () => {\n\t\tif (!onSave || !dirty || saving) return;\n\t\tsetInternalPending(true);\n\t\tsetInternalError(undefined);\n\t\ttry {\n\t\t\tawait onSave(draft);\n\t\t\tchangeEditing(false);\n\t\t} catch (saveError) {\n\t\t\tsetInternalError(messages.saveFailed(saveError));\n\t\t} finally {\n\t\t\tsetInternalPending(false);\n\t\t}\n\t};\n\tconst handleSaveShortcut = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n\t\ttextareaProps?.onKeyDown?.(event);\n\t\tif (event.defaultPrevented || !onSave || !(event.metaKey || event.ctrlKey) || event.key.toLowerCase() !== 's')\n\t\t\treturn;\n\t\tevent.preventDefault();\n\t\tvoid save();\n\t};\n\tconst effectiveError = internalError ?? error;\n\n\treturn (\n\t\t<section\n\t\t\tdata-slot='text-file-viewer'\n\t\t\tdata-dirty={dirty || undefined}\n\t\t\tdata-editing={editing || undefined}\n\t\t\tclassName={cn('bg-base-100 flex min-h-64 min-w-0 flex-col', !showHeader && 'relative', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{showHeader ? (\n\t\t\t\t<div className='border-base-300 flex min-h-10 shrink-0 items-center gap-2 border-b px-2 py-1.5'>\n\t\t\t\t\t<div className='min-w-0 flex-1 truncate text-xs font-medium'>{file.name}</div>\n\t\t\t\t\t{readOnly ? <span className='badge badge-ghost badge-sm'>{messages.readOnly}</span> : null}\n\t\t\t\t\t{editing ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\trole='toolbar'\n\t\t\t\t\t\t\taria-label={messages.editingActionsLabel(file)}\n\t\t\t\t\t\t\tclassName='flex shrink-0 items-center gap-1'\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button type='button' className='btn btn-ghost btn-sm' disabled={saving} onClick={cancel}>\n\t\t\t\t\t\t\t\t<X aria-hidden='true' className='size-4' />\n\t\t\t\t\t\t\t\t{messages.cancel}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t{onSave ? (\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype='button'\n\t\t\t\t\t\t\t\t\tclassName='btn btn-primary btn-sm'\n\t\t\t\t\t\t\t\t\tdisabled={!dirty || saving}\n\t\t\t\t\t\t\t\t\taria-busy={saving || undefined}\n\t\t\t\t\t\t\t\t\tonClick={() => void save()}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{saving ? (\n\t\t\t\t\t\t\t\t\t\t<LoaderCircle aria-hidden='true' className='size-4 animate-spin' />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<Save aria-hidden='true' className='size-4' />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{saving ? messages.saving : messages.save}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : canEdit ? (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype='button'\n\t\t\t\t\t\t\taria-label={messages.editFileLabel(file)}\n\t\t\t\t\t\t\ttitle={messages.editFileLabel(file)}\n\t\t\t\t\t\t\tclassName='btn btn-ghost btn-sm'\n\t\t\t\t\t\t\tdisabled={saving}\n\t\t\t\t\t\t\tonClick={() => changeEditing(true)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Pencil aria-hidden='true' className='size-4' />\n\t\t\t\t\t\t\t{messages.edit}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\t\t\t) : editing ? (\n\t\t\t\t<div\n\t\t\t\t\trole='toolbar'\n\t\t\t\t\taria-label={messages.editingActionsLabel(file)}\n\t\t\t\t\tclassName='border-base-300 flex min-h-10 shrink-0 items-center justify-end gap-1 border-b px-2 py-1.5'\n\t\t\t\t>\n\t\t\t\t\t<button type='button' className='btn btn-ghost btn-sm' disabled={saving} onClick={cancel}>\n\t\t\t\t\t\t<X aria-hidden='true' className='size-4' />\n\t\t\t\t\t\t{messages.cancel}\n\t\t\t\t\t</button>\n\t\t\t\t\t{onSave ? (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype='button'\n\t\t\t\t\t\t\tclassName='btn btn-primary btn-sm'\n\t\t\t\t\t\t\tdisabled={!dirty || saving}\n\t\t\t\t\t\t\taria-busy={saving || undefined}\n\t\t\t\t\t\t\tonClick={() => void save()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{saving ? (\n\t\t\t\t\t\t\t\t<LoaderCircle aria-hidden='true' className='size-4 animate-spin' />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Save aria-hidden='true' className='size-4' />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{saving ? messages.saving : messages.save}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\t\t\t) : canEdit ? (\n\t\t\t\t<button\n\t\t\t\t\ttype='button'\n\t\t\t\t\taria-label={messages.editFileLabel(file)}\n\t\t\t\t\ttitle={messages.editFileLabel(file)}\n\t\t\t\t\tclassName='btn btn-ghost btn-sm bg-base-100/90 absolute top-2 right-2 z-10'\n\t\t\t\t\tdisabled={saving}\n\t\t\t\t\tonClick={() => changeEditing(true)}\n\t\t\t\t>\n\t\t\t\t\t<Pencil aria-hidden='true' className='size-4' />\n\t\t\t\t\t{messages.edit}\n\t\t\t\t</button>\n\t\t\t) : null}\n\t\t\t{effectiveError ? (\n\t\t\t\t<div\n\t\t\t\t\trole='alert'\n\t\t\t\t\tclassName='border-error/30 bg-error/10 text-error flex items-start gap-2 border-b px-3 py-2 text-xs'\n\t\t\t\t>\n\t\t\t\t\t<AlertCircle aria-hidden='true' className='mt-0.5 size-4 shrink-0' />\n\t\t\t\t\t<div className='min-w-0 break-words'>{effectiveError}</div>\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t\t{editing ? (\n\t\t\t\t<textarea\n\t\t\t\t\taria-label={textareaProps?.['aria-label'] ?? messages.editorLabel(file)}\n\t\t\t\t\taria-keyshortcuts={onSave ? 'Control+S Meta+S' : undefined}\n\t\t\t\t\tspellCheck={textareaProps?.spellCheck ?? false}\n\t\t\t\t\t{...textareaProps}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'bg-base-200 min-h-60 min-w-0 flex-1 resize-none p-3 font-mono text-xs leading-5 outline-none',\n\t\t\t\t\t\t'focus-visible:ring-primary focus-visible:ring-2 focus-visible:ring-inset',\n\t\t\t\t\t\ttextareaProps?.className,\n\t\t\t\t\t)}\n\t\t\t\t\tdisabled={saving || textareaProps?.disabled}\n\t\t\t\t\tvalue={draft}\n\t\t\t\t\tonChange={(event) => changeDraft(event.target.value)}\n\t\t\t\t\tonKeyDown={handleSaveShortcut}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<pre className='min-h-60 min-w-0 flex-1 overflow-auto p-3 font-mono text-xs leading-5 break-words whitespace-pre-wrap'>\n\t\t\t\t\t{text}\n\t\t\t\t</pre>\n\t\t\t)}\n\t\t</section>\n\t);\n}\n\nexport function isTextFileViewerDirty(text: string, draft: string): boolean {\n\treturn text !== draft;\n}\n",
			"type": "registry:component",
			"target": "@components/file-viewer/text-file-viewer.tsx"
		},
		{
			"path": "registry/default/ui/file-viewer/media-file-viewers.tsx",
			"content": "'use client';\n\nimport { AlertTriangle, Download, ExternalLink, FileQuestion, ImageIcon } from 'lucide-react';\nimport type { ComponentPropsWithRef, SyntheticEvent } from 'react';\nimport { useState } from 'react';\nimport { cn } from '@/lib/utils';\nimport type { FileViewerFileDescriptor, FileViewerMessages } from './file-viewer-types';\nimport { formatFileViewerBytes, formatFileViewerDate, mergeFileViewerMessages } from './file-viewer-types';\n\nexport type ImageFileViewerProps = Omit<ComponentPropsWithRef<'figure'>, 'children'> & {\n\tfile: FileViewerFileDescriptor;\n\tsrc: string;\n\talt?: string;\n\timageProps?: Omit<ComponentPropsWithRef<'img'>, 'alt' | 'src'>;\n\tmessages?: Partial<FileViewerMessages>;\n\tdownloadHref?: string;\n\tonDownload?: (file: FileViewerFileDescriptor) => void;\n};\n\nexport function ImageFileViewer({\n\talt,\n\tclassName,\n\tdownloadHref,\n\tfile,\n\timageProps,\n\tmessages: messageOverrides,\n\tonDownload,\n\tsrc,\n\t...props\n}: ImageFileViewerProps) {\n\tconst messages = mergeFileViewerMessages(messageOverrides);\n\tconst [dimensions, setDimensions] = useState<{ height: number; src: string; width: number }>();\n\tconst [failedSrc, setFailedSrc] = useState<string>();\n\tconst currentDimensions = dimensions?.src === src ? dimensions : undefined;\n\tconst failed = failedSrc === src;\n\tconst handleLoad = (event: SyntheticEvent<HTMLImageElement>) => {\n\t\tconst image = event.currentTarget;\n\t\tsetDimensions({ height: image.naturalHeight, src, width: image.naturalWidth });\n\t\tsetFailedSrc(undefined);\n\t\timageProps?.onLoad?.(event);\n\t};\n\tconst handleError = (event: SyntheticEvent<HTMLImageElement>) => {\n\t\tsetFailedSrc(src);\n\t\timageProps?.onError?.(event);\n\t};\n\treturn (\n\t\t<figure\n\t\t\tdata-slot='image-file-viewer'\n\t\t\tclassName={cn('bg-base-200 flex min-h-64 min-w-0 flex-col', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className='grid min-h-0 flex-1 place-items-center overflow-auto p-3'>\n\t\t\t\t{failed ? (\n\t\t\t\t\t<MediaErrorFallback\n\t\t\t\t\t\tdownloadHref={downloadHref ?? src}\n\t\t\t\t\t\tfile={file}\n\t\t\t\t\t\tmessages={messages}\n\t\t\t\t\t\tonDownload={onDownload}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\talt={alt ?? messages.imageAlt(file)}\n\t\t\t\t\t\t{...imageProps}\n\t\t\t\t\t\tclassName={cn('max-h-full max-w-full object-contain', imageProps?.className)}\n\t\t\t\t\t\tsrc={src}\n\t\t\t\t\t\tonError={handleError}\n\t\t\t\t\t\tonLoad={handleLoad}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<figcaption className='border-base-300 text-base-content/65 flex min-h-8 items-center gap-2 border-t px-3 text-xs'>\n\t\t\t\t<ImageIcon aria-hidden='true' className='size-4 shrink-0' />\n\t\t\t\t<span className='min-w-0 flex-1 truncate'>{file.name}</span>\n\t\t\t\t{currentDimensions ? (\n\t\t\t\t\t<span className='shrink-0'>{messages.dimensions(currentDimensions.width, currentDimensions.height)}</span>\n\t\t\t\t) : null}\n\t\t\t</figcaption>\n\t\t</figure>\n\t);\n}\n\nexport type PdfFileViewerProps = Omit<ComponentPropsWithRef<'div'>, 'children'> & {\n\tfile: FileViewerFileDescriptor;\n\tsrc: string;\n\tmessages?: Partial<FileViewerMessages>;\n\tobjectProps?: Omit<ComponentPropsWithRef<'object'>, 'children' | 'data' | 'type'>;\n\tdownloadHref?: string;\n\tonDownload?: (file: FileViewerFileDescriptor) => void;\n};\n\nexport function PdfFileViewer({\n\tclassName,\n\tdownloadHref,\n\tfile,\n\tmessages: messageOverrides,\n\tobjectProps,\n\tonDownload,\n\tsrc,\n\t...props\n}: PdfFileViewerProps) {\n\tconst messages = mergeFileViewerMessages(messageOverrides);\n\tconst [failedSrc, setFailedSrc] = useState<string>();\n\tconst failed = failedSrc === src;\n\tconst resolvedDownloadHref = downloadHref ?? src;\n\treturn (\n\t\t<div data-slot='pdf-file-viewer' className={cn('bg-base-100 flex min-h-96 min-w-0 flex-col', className)} {...props}>\n\t\t\t{failed ? (\n\t\t\t\t<MediaErrorFallback\n\t\t\t\t\tclassName='flex-1'\n\t\t\t\t\tdownloadHref={resolvedDownloadHref}\n\t\t\t\t\tfile={file}\n\t\t\t\t\tmessages={messages}\n\t\t\t\t\tonDownload={onDownload}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<object\n\t\t\t\t\taria-label={objectProps?.['aria-label'] ?? messages.pdfLabel(file)}\n\t\t\t\t\t{...objectProps}\n\t\t\t\t\tclassName={cn('min-h-96 w-full flex-1', objectProps?.className)}\n\t\t\t\t\tdata={src}\n\t\t\t\t\tonError={(event) => {\n\t\t\t\t\t\tsetFailedSrc(src);\n\t\t\t\t\t\tobjectProps?.onError?.(event);\n\t\t\t\t\t}}\n\t\t\t\t\ttype='application/pdf'\n\t\t\t\t>\n\t\t\t\t\t<div className='grid min-h-64 place-items-center p-6 text-center text-sm'>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<p>{messages.pdfFallback}</p>\n\t\t\t\t\t\t\t<FileViewerDownloadAction\n\t\t\t\t\t\t\t\tclassName='mt-3'\n\t\t\t\t\t\t\t\tdownloadHref={resolvedDownloadHref}\n\t\t\t\t\t\t\t\tfile={file}\n\t\t\t\t\t\t\t\tmessages={messages}\n\t\t\t\t\t\t\t\tonDownload={onDownload}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</object>\n\t\t\t)}\n\t\t\t<div className='border-base-300 flex min-h-10 shrink-0 items-center justify-end gap-2 border-t px-3 py-1.5'>\n\t\t\t\t<a className='btn btn-ghost btn-sm' href={src} target='_blank' rel='noreferrer'>\n\t\t\t\t\t<ExternalLink aria-hidden='true' className='size-4' />\n\t\t\t\t\t{messages.openInNewWindow}\n\t\t\t\t</a>\n\t\t\t\t<FileViewerDownloadAction\n\t\t\t\t\tdownloadHref={resolvedDownloadHref}\n\t\t\t\t\tfile={file}\n\t\t\t\t\tmessages={messages}\n\t\t\t\t\tonDownload={onDownload}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport type AudioFileViewerProps = Omit<ComponentPropsWithRef<'div'>, 'children'> & {\n\tfile: FileViewerFileDescriptor;\n\tsrc: string;\n\taudioProps?: Omit<ComponentPropsWithRef<'audio'>, 'children' | 'src'>;\n\tmessages?: Partial<FileViewerMessages>;\n\tdownloadHref?: string;\n\tonDownload?: (file: FileViewerFileDescriptor) => void;\n};\n\nexport function AudioFileViewer({\n\taudioProps,\n\tclassName,\n\tdownloadHref,\n\tfile,\n\tmessages: messageOverrides,\n\tonDownload,\n\tsrc,\n\t...props\n}: AudioFileViewerProps) {\n\tconst messages = mergeFileViewerMessages(messageOverrides);\n\tconst [failedSrc, setFailedSrc] = useState<string>();\n\tif (failedSrc === src) {\n\t\treturn (\n\t\t\t<div data-slot='audio-file-viewer' className={cn('bg-base-100 min-h-40 min-w-0', className)} {...props}>\n\t\t\t\t<MediaErrorFallback\n\t\t\t\t\tdownloadHref={downloadHref ?? src}\n\t\t\t\t\tfile={file}\n\t\t\t\t\tmessages={messages}\n\t\t\t\t\tonDownload={onDownload}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<div\n\t\t\tdata-slot='audio-file-viewer'\n\t\t\tclassName={cn('bg-base-100 grid min-h-40 min-w-0 place-items-center p-5', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<audio\n\t\t\t\taria-label={audioProps?.['aria-label'] ?? messages.audioLabel(file)}\n\t\t\t\tpreload='metadata'\n\t\t\t\t{...audioProps}\n\t\t\t\tcontrols\n\t\t\t\tclassName={cn('w-full max-w-2xl', audioProps?.className)}\n\t\t\t\tonError={(event) => {\n\t\t\t\t\tsetFailedSrc(src);\n\t\t\t\t\taudioProps?.onError?.(event);\n\t\t\t\t}}\n\t\t\t\tsrc={src}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport type VideoFileViewerProps = Omit<ComponentPropsWithRef<'div'>, 'children'> & {\n\tfile: FileViewerFileDescriptor;\n\tsrc: string;\n\tmessages?: Partial<FileViewerMessages>;\n\tvideoProps?: Omit<ComponentPropsWithRef<'video'>, 'children' | 'src'>;\n\tdownloadHref?: string;\n\tonDownload?: (file: FileViewerFileDescriptor) => void;\n};\n\nexport function VideoFileViewer({\n\tclassName,\n\tdownloadHref,\n\tfile,\n\tmessages: messageOverrides,\n\tonDownload,\n\tsrc,\n\tvideoProps,\n\t...props\n}: VideoFileViewerProps) {\n\tconst messages = mergeFileViewerMessages(messageOverrides);\n\tconst [failedSrc, setFailedSrc] = useState<string>();\n\tif (failedSrc === src) {\n\t\treturn (\n\t\t\t<div data-slot='video-file-viewer' className={cn('bg-neutral min-h-64 min-w-0', className)} {...props}>\n\t\t\t\t<MediaErrorFallback\n\t\t\t\t\tclassName='text-neutral-content'\n\t\t\t\t\tdownloadHref={downloadHref ?? src}\n\t\t\t\t\tfile={file}\n\t\t\t\t\tmessages={messages}\n\t\t\t\t\tonDownload={onDownload}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<div\n\t\t\tdata-slot='video-file-viewer'\n\t\t\tclassName={cn('bg-neutral grid min-h-64 min-w-0 place-items-center overflow-hidden', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<video\n\t\t\t\taria-label={videoProps?.['aria-label'] ?? messages.videoLabel(file)}\n\t\t\t\tpreload='metadata'\n\t\t\t\t{...videoProps}\n\t\t\t\tcontrols\n\t\t\t\tclassName={cn('max-h-[70vh] w-full object-contain', videoProps?.className)}\n\t\t\t\tonError={(event) => {\n\t\t\t\t\tsetFailedSrc(src);\n\t\t\t\t\tvideoProps?.onError?.(event);\n\t\t\t\t}}\n\t\t\t\tsrc={src}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\ntype FileViewerDownloadProps = {\n\tclassName?: string;\n\tdownloadHref?: string;\n\tfile: FileViewerFileDescriptor;\n\tmessages: FileViewerMessages;\n\tonDownload?: (file: FileViewerFileDescriptor) => void;\n};\n\nfunction MediaErrorFallback({ className, ...props }: FileViewerDownloadProps) {\n\treturn (\n\t\t<div role='alert' className={cn('grid min-h-40 place-items-center p-5 text-center text-sm', className)}>\n\t\t\t<div>\n\t\t\t\t<AlertTriangle aria-hidden='true' className='mx-auto mb-2 size-5' />\n\t\t\t\t<p>{props.messages.mediaLoadFailed(props.file)}</p>\n\t\t\t\t<FileViewerDownloadAction className='mt-3' {...props} />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction FileViewerDownloadAction({ className, downloadHref, file, messages, onDownload }: FileViewerDownloadProps) {\n\tif (onDownload) {\n\t\treturn (\n\t\t\t<button type='button' className={cn('btn btn-primary btn-sm', className)} onClick={() => onDownload(file)}>\n\t\t\t\t<Download aria-hidden='true' className='size-4' />\n\t\t\t\t{messages.download}\n\t\t\t</button>\n\t\t);\n\t}\n\tif (!downloadHref) return null;\n\treturn (\n\t\t<a className={cn('btn btn-primary btn-sm', className)} href={downloadHref} download={file.name}>\n\t\t\t<Download aria-hidden='true' className='size-4' />\n\t\t\t{messages.download}\n\t\t</a>\n\t);\n}\n\nexport type UnsupportedFileViewerProps = Omit<ComponentPropsWithRef<'section'>, 'children'> & {\n\tfile: FileViewerFileDescriptor;\n\tdownloadHref?: string;\n\tmessages?: Partial<FileViewerMessages>;\n\tonDownload?: (file: FileViewerFileDescriptor) => void;\n};\n\nexport function UnsupportedFileViewer({\n\tclassName,\n\tdownloadHref,\n\tfile,\n\tmessages: messageOverrides,\n\tonDownload,\n\t...props\n}: UnsupportedFileViewerProps) {\n\tconst messages = mergeFileViewerMessages(messageOverrides);\n\tconst metadata = [\n\t\t[messages.fileName, file.name],\n\t\t[messages.mimeType, file.mimeType || '—'],\n\t\t[messages.fileSize, formatFileViewerBytes(file.size)],\n\t\t[messages.lastModified, formatFileViewerDate(file.lastModified)],\n\t] as const;\n\treturn (\n\t\t<section\n\t\t\tdata-slot='unsupported-file-viewer'\n\t\t\tclassName={cn('bg-base-100 grid min-h-64 min-w-0 place-items-center p-5', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className='w-full max-w-lg text-center'>\n\t\t\t\t<div className='bg-base-200 mx-auto grid size-11 place-items-center rounded-full'>\n\t\t\t\t\t<FileQuestion aria-hidden='true' className='size-5' />\n\t\t\t\t</div>\n\t\t\t\t<h2 className='mt-3 text-sm font-semibold'>{messages.unsupportedTitle}</h2>\n\t\t\t\t<p className='text-base-content/65 mt-1 text-xs leading-5'>{messages.unsupportedDescription}</p>\n\t\t\t\t<dl className='border-base-300 mt-4 border-y text-left text-xs'>\n\t\t\t\t\t{metadata.map(([label, value]) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={label}\n\t\t\t\t\t\t\tclassName='border-base-300 grid grid-cols-[6rem_minmax(0,1fr)] gap-3 border-b py-2 last:border-b-0'\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<dt className='text-base-content/60'>{label}</dt>\n\t\t\t\t\t\t\t<dd className='min-w-0 text-right break-words'>{value}</dd>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</dl>\n\t\t\t\t{downloadHref ? (\n\t\t\t\t\t<a className='btn btn-primary btn-sm mt-4' href={downloadHref} download={file.name}>\n\t\t\t\t\t\t<Download aria-hidden='true' className='size-4' />\n\t\t\t\t\t\t{messages.download}\n\t\t\t\t\t</a>\n\t\t\t\t) : onDownload ? (\n\t\t\t\t\t<button type='button' className='btn btn-primary btn-sm mt-4' onClick={() => onDownload(file)}>\n\t\t\t\t\t\t<Download aria-hidden='true' className='size-4' />\n\t\t\t\t\t\t{messages.download}\n\t\t\t\t\t</button>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n",
			"type": "registry:component",
			"target": "@components/file-viewer/media-file-viewers.tsx"
		},
		{
			"path": "registry/default/ui/file-viewer/file-viewer.tsx",
			"content": "'use client';\n\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { useMemo } from 'react';\nimport { cn } from '@/lib/utils';\nimport { getFileViewerMimeType, resolveFileViewerKind } from './file-viewer-kind';\nimport type {\n\tFileViewerBytes,\n\tFileViewerFileDescriptor,\n\tFileViewerKind,\n\tFileViewerMessages,\n} from './file-viewer-types';\nimport { mergeFileViewerMessages } from './file-viewer-types';\nimport {\n\tAudioFileViewer,\n\tImageFileViewer,\n\tPdfFileViewer,\n\tUnsupportedFileViewer,\n\tVideoFileViewer,\n} from './media-file-viewers';\nimport { TextFileViewer } from './text-file-viewer';\nimport { copyFileViewerBytes, useFileViewerObjectUrl } from './use-file-viewer-object-url';\n\nexport type FileViewerProps = Omit<ComponentPropsWithRef<'section'>, 'children' | 'onChange'> & {\n\tfile: FileViewerFileDescriptor;\n\tbytes?: FileViewerBytes;\n\tdownloadHref?: string;\n\tdraft?: string;\n\tediting?: boolean;\n\tkind?: FileViewerKind;\n\tmessages?: Partial<FileViewerMessages>;\n\tonDownload?: (file: FileViewerFileDescriptor) => void;\n\tonDraftChange?: (draft: string) => void;\n\tonEditingChange?: (editing: boolean) => void;\n\tonSave?: (draft: string) => Promise<void> | void;\n\tpending?: boolean;\n\treadOnly?: boolean;\n\tsaveError?: ReactNode;\n\tshowTextHeader?: boolean;\n\tsrc?: string;\n\ttext?: string;\n};\n\nexport function FileViewer({\n\tbytes,\n\tclassName,\n\tdownloadHref,\n\tdraft,\n\tediting,\n\tfile,\n\tkind: kindOverride,\n\tmessages: messageOverrides,\n\tonDownload,\n\tonDraftChange,\n\tonEditingChange,\n\tonSave,\n\tpending,\n\treadOnly,\n\tsaveError,\n\tshowTextHeader,\n\tsrc,\n\ttext,\n\t...props\n}: FileViewerProps) {\n\tconst kind = kindOverride ?? resolveFileViewerKind(file);\n\tconst mimeType = getFileViewerMimeType(file, kind);\n\tconst messages = mergeFileViewerMessages(messageOverrides);\n\tconst decodedText = useMemo(\n\t\t() =>\n\t\t\ttext === undefined && bytes && kind === 'text' ? new TextDecoder().decode(copyFileViewerBytes(bytes)) : text,\n\t\t[bytes, kind, text],\n\t);\n\tconst ownedUrl = useFileViewerObjectUrl(\n\t\t!src && kind !== 'text' && kind !== 'unsupported' ? bytes : undefined,\n\t\tmimeType,\n\t);\n\tconst mediaSource = src ?? ownedUrl;\n\tlet content: ReactNode;\n\n\tif (kind === 'text' && decodedText !== undefined) {\n\t\tcontent = (\n\t\t\t<TextFileViewer\n\t\t\t\tfile={file}\n\t\t\t\ttext={decodedText}\n\t\t\t\tdraft={draft}\n\t\t\t\tediting={editing}\n\t\t\t\terror={saveError}\n\t\t\t\tmessages={messages}\n\t\t\t\tonDraftChange={onDraftChange}\n\t\t\t\tonEditingChange={onEditingChange}\n\t\t\t\tonSave={onSave}\n\t\t\t\tpending={pending}\n\t\t\t\treadOnly={readOnly}\n\t\t\t\tshowHeader={showTextHeader}\n\t\t\t/>\n\t\t);\n\t} else if (kind === 'image' && mediaSource) {\n\t\tcontent = (\n\t\t\t<ImageFileViewer\n\t\t\t\tdownloadHref={downloadHref ?? mediaSource}\n\t\t\t\tfile={file}\n\t\t\t\tmessages={messages}\n\t\t\t\tonDownload={onDownload}\n\t\t\t\tsrc={mediaSource}\n\t\t\t/>\n\t\t);\n\t} else if (kind === 'pdf' && mediaSource) {\n\t\tcontent = (\n\t\t\t<PdfFileViewer\n\t\t\t\tdownloadHref={downloadHref ?? mediaSource}\n\t\t\t\tfile={file}\n\t\t\t\tmessages={messages}\n\t\t\t\tonDownload={onDownload}\n\t\t\t\tsrc={mediaSource}\n\t\t\t/>\n\t\t);\n\t} else if (kind === 'audio' && mediaSource) {\n\t\tcontent = (\n\t\t\t<AudioFileViewer\n\t\t\t\tdownloadHref={downloadHref ?? mediaSource}\n\t\t\t\tfile={file}\n\t\t\t\tmessages={messages}\n\t\t\t\tonDownload={onDownload}\n\t\t\t\tsrc={mediaSource}\n\t\t\t/>\n\t\t);\n\t} else if (kind === 'video' && mediaSource) {\n\t\tcontent = (\n\t\t\t<VideoFileViewer\n\t\t\t\tdownloadHref={downloadHref ?? mediaSource}\n\t\t\t\tfile={file}\n\t\t\t\tmessages={messages}\n\t\t\t\tonDownload={onDownload}\n\t\t\t\tsrc={mediaSource}\n\t\t\t/>\n\t\t);\n\t} else if (kind === 'unsupported') {\n\t\tcontent = (\n\t\t\t<UnsupportedFileViewer file={file} downloadHref={downloadHref} messages={messages} onDownload={onDownload} />\n\t\t);\n\t} else if (bytes) {\n\t\tcontent = (\n\t\t\t<div role='status' className='text-base-content/60 grid min-h-64 place-items-center p-5 text-center text-sm'>\n\t\t\t\t{messages.loading}\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\tcontent = (\n\t\t\t<div role='status' className='text-base-content/60 grid min-h-64 place-items-center p-5 text-center text-sm'>\n\t\t\t\t{messages.missingSource}\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<section\n\t\t\tdata-slot='file-viewer'\n\t\t\tdata-kind={kind}\n\t\t\tclassName={cn('bg-base-100 min-h-0 min-w-0 overflow-hidden', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{content}\n\t\t</section>\n\t);\n}\n",
			"type": "registry:component",
			"target": "@components/file-viewer/file-viewer.tsx"
		},
		{
			"path": "registry/default/ui/file-viewer/file-system-file-viewer.tsx",
			"content": "'use client';\n\nimport { AlertCircle, FileText, LoaderCircle } from 'lucide-react';\nimport type { ComponentPropsWithRef } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n\tAddressableFrame,\n\tAddressableFrameContent,\n\tAddressableFrameFooter,\n\tAddressableFrameHeader,\n} from '@/components/ui/addressable-frame';\nimport { cn } from '@/lib/utils';\nimport { FileViewer } from './file-viewer';\nimport { getFileViewerMimeType, resolveFileSystemViewerKind } from './file-viewer-kind';\nimport type { FileViewerFileDescriptor, FileViewerKind, FileViewerMessages } from './file-viewer-types';\nimport { formatFileViewerBytes, mergeFileViewerMessages } from './file-viewer-types';\n\nexport const defaultFileViewerMaxBytes = 5 * 1024 * 1024;\n\nexport type FileViewerFileSystemStat = {\n\tkind?: 'directory' | 'file';\n\tmeta?: Readonly<Record<string, unknown>>;\n\tmimeType?: string;\n\tmtime?: number;\n\tname?: string;\n\tpath?: string;\n\tsize?: number;\n};\n\nexport type FileViewerFileSystem = {\n\tstat?(path: string, options?: { signal?: AbortSignal }): Promise<FileViewerFileSystemStat>;\n\treadFile?(path: string, options: { encoding: 'binary'; maxBytes: number; signal?: AbortSignal }): Promise<Uint8Array>;\n\twriteFile?(path: string, data: string, options?: { overwrite?: boolean; signal?: AbortSignal }): Promise<void>;\n};\n\nexport type LoadedFileViewerFile = {\n\tbytes?: Uint8Array;\n\tfile: FileViewerFileDescriptor;\n\tkind: FileViewerKind;\n\ttext?: string;\n};\n\nexport type LoadFileSystemFileViewerOptions = {\n\tfileSystem: FileViewerFileSystem;\n\tmaxBytes?: number;\n\tpath: string;\n\tsignal?: AbortSignal;\n};\n\nexport type FileSystemFileViewerProps = Omit<ComponentPropsWithRef<'section'>, 'children' | 'onError' | 'onLoad'> & {\n\tfileSystem: FileViewerFileSystem;\n\tmaxBytes?: number;\n\tmessages?: Partial<FileViewerMessages>;\n\tonError?: (error: unknown) => void;\n\tonLoad?: (file: LoadedFileViewerFile) => void;\n\tonDownload?: (file: FileViewerFileDescriptor) => void;\n\tonTextSaved?: (text: string, file: FileViewerFileDescriptor) => void;\n\tpath: string;\n\treadOnly?: boolean;\n};\n\ntype FileSystemFileViewerStateSource = {\n\tfileSystem: FileViewerFileSystem;\n\tmaxBytes: number;\n\tpath: string;\n};\n\ntype FileSystemFileViewerState = FileSystemFileViewerStateSource &\n\t({ status: 'loading' } | { error: unknown; status: 'error' } | { loaded: LoadedFileViewerFile; status: 'ready' });\n\nexport function FileSystemFileViewer({\n\tclassName,\n\tfileSystem,\n\tmaxBytes = defaultFileViewerMaxBytes,\n\tmessages: messageOverrides,\n\tonError,\n\tonLoad,\n\tonDownload,\n\tonTextSaved,\n\tpath,\n\treadOnly = false,\n\t...props\n}: FileSystemFileViewerProps) {\n\tconst messages = mergeFileViewerMessages(messageOverrides);\n\tconst source = { fileSystem, maxBytes, path };\n\tconst [state, setState] = useState<FileSystemFileViewerState>({ ...source, status: 'loading' });\n\tconst requestId = useRef(0);\n\tconst saveAbort = useRef<AbortController | undefined>(undefined);\n\tconst callbacks = useRef({ onError, onLoad, onTextSaved });\n\tconst loadedRef = useRef<LoadedFileViewerFile | undefined>(undefined);\n\tconst stateIsCurrent = state.fileSystem === fileSystem && Object.is(state.maxBytes, maxBytes) && state.path === path;\n\tconst viewState: FileSystemFileViewerState = stateIsCurrent ? state : { ...source, status: 'loading' };\n\tcallbacks.current = { onError, onLoad, onTextSaved };\n\tloadedRef.current = viewState.status === 'ready' ? viewState.loaded : undefined;\n\n\tuseEffect(() => {\n\t\tconst currentRequestId = requestId.current + 1;\n\t\trequestId.current = currentRequestId;\n\t\tconst controller = new AbortController();\n\t\tsaveAbort.current?.abort();\n\t\tsetState({ fileSystem, maxBytes, path, status: 'loading' });\n\t\tvoid loadFileSystemFileViewer({ fileSystem, maxBytes, path, signal: controller.signal }).then(\n\t\t\t(loaded) => {\n\t\t\t\tif (!isFileViewerRequestCurrent(currentRequestId, requestId.current, controller.signal)) return;\n\t\t\t\tsetState({ fileSystem, loaded, maxBytes, path, status: 'ready' });\n\t\t\t\tcallbacks.current.onLoad?.(loaded);\n\t\t\t},\n\t\t\t(error) => {\n\t\t\t\tif (!isFileViewerRequestCurrent(currentRequestId, requestId.current, controller.signal)) return;\n\t\t\t\tsetState({ error, fileSystem, maxBytes, path, status: 'error' });\n\t\t\t\tcallbacks.current.onError?.(error);\n\t\t\t},\n\t\t);\n\t\treturn () => {\n\t\t\tcontroller.abort();\n\t\t\tsaveAbort.current?.abort();\n\t\t};\n\t}, [fileSystem, maxBytes, path]);\n\n\tconst saveText = useCallback(\n\t\tasync (draft: string) => {\n\t\t\tif (!fileSystem.writeFile) throw new Error('当前文件系统不支持写入');\n\t\t\tconst currentRequestId = requestId.current;\n\t\t\tconst loadedBeforeWrite = loadedRef.current;\n\t\t\tif (!loadedBeforeWrite || loadedBeforeWrite.file.path !== path) throw createFileViewerAbortError();\n\t\t\tsaveAbort.current?.abort();\n\t\t\tconst controller = new AbortController();\n\t\t\tsaveAbort.current = controller;\n\t\t\ttry {\n\t\t\t\tawait fileSystem.writeFile(path, draft, { overwrite: true, signal: controller.signal });\n\t\t\t\tif (!isFileViewerRequestCurrent(currentRequestId, requestId.current, controller.signal)) {\n\t\t\t\t\tthrow createFileViewerAbortError();\n\t\t\t\t}\n\t\t\t\tconst currentLoaded = loadedRef.current;\n\t\t\t\tif (currentLoaded !== loadedBeforeWrite || currentLoaded.file.path !== path) {\n\t\t\t\t\tthrow createFileViewerAbortError();\n\t\t\t\t}\n\t\t\t\tconst savedFile = { ...currentLoaded.file, size: new TextEncoder().encode(draft).byteLength };\n\t\t\t\tconst loaded = { ...currentLoaded, bytes: undefined, file: savedFile, text: draft };\n\t\t\t\tloadedRef.current = loaded;\n\t\t\t\tsetState({ fileSystem, loaded, maxBytes, path, status: 'ready' });\n\t\t\t\tcallbacks.current.onTextSaved?.(draft, savedFile);\n\t\t\t} finally {\n\t\t\t\tif (saveAbort.current === controller) saveAbort.current = undefined;\n\t\t\t}\n\t\t},\n\t\t[fileSystem, maxBytes, path],\n\t);\n\n\tconst title = viewState.status === 'ready' ? viewState.loaded.file.name : getRequestedFileViewerName(path);\n\tconst description = viewState.status === 'ready' ? viewState.loaded.file.path : path;\n\treturn (\n\t\t<AddressableFrame className={cn('min-h-72', className)} {...props}>\n\t\t\t<AddressableFrameHeader\n\t\t\t\ttitle={title}\n\t\t\t\tdescription={description}\n\t\t\t\tactions={\n\t\t\t\t\tviewState.status === 'loading' ? (\n\t\t\t\t\t\t<LoaderCircle aria-hidden='true' className='size-4 animate-spin' />\n\t\t\t\t\t) : undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<FileText aria-hidden='true' className='text-base-content/55 mt-0.5 size-4 shrink-0' />\n\t\t\t</AddressableFrameHeader>\n\t\t\t<AddressableFrameContent className='bg-base-100'>\n\t\t\t\t{viewState.status === 'loading' ? (\n\t\t\t\t\t<div role='status' className='text-base-content/60 grid min-h-64 place-items-center p-5 text-sm'>\n\t\t\t\t\t\t<span className='inline-flex items-center gap-2'>\n\t\t\t\t\t\t\t<LoaderCircle aria-hidden='true' className='size-4 animate-spin' />\n\t\t\t\t\t\t\t{messages.loading}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t) : viewState.status === 'error' ? (\n\t\t\t\t\t<div role='alert' className='text-error grid min-h-64 place-items-center p-5 text-center text-sm'>\n\t\t\t\t\t\t<div className='max-w-md'>\n\t\t\t\t\t\t\t<AlertCircle aria-hidden='true' className='mx-auto mb-2 size-5' />\n\t\t\t\t\t\t\t{viewState.error instanceof FileViewerSizeLimitError\n\t\t\t\t\t\t\t\t? messages.fileTooLarge(viewState.error.maxBytes)\n\t\t\t\t\t\t\t\t: messages.loadFailed(viewState.error)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<FileViewer\n\t\t\t\t\t\tkey={path}\n\t\t\t\t\t\tbytes={viewState.loaded.bytes}\n\t\t\t\t\t\tfile={viewState.loaded.file}\n\t\t\t\t\t\tkind={viewState.loaded.kind}\n\t\t\t\t\t\tmessages={messages}\n\t\t\t\t\t\tonDownload={onDownload}\n\t\t\t\t\t\tonSave={!readOnly && fileSystem.writeFile && viewState.loaded.kind === 'text' ? saveText : undefined}\n\t\t\t\t\t\treadOnly={readOnly || !fileSystem.writeFile}\n\t\t\t\t\t\ttext={viewState.loaded.text}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</AddressableFrameContent>\n\t\t\t{viewState.status === 'ready' ? (\n\t\t\t\t<AddressableFrameFooter>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t{viewState.loaded.file.mimeType || getFileViewerMimeType(viewState.loaded.file, viewState.loaded.kind)}\n\t\t\t\t\t</span>\n\t\t\t\t\t<span aria-hidden='true'>·</span>\n\t\t\t\t\t<span>{formatFileViewerBytes(viewState.loaded.file.size)}</span>\n\t\t\t\t</AddressableFrameFooter>\n\t\t\t) : null}\n\t\t</AddressableFrame>\n\t);\n}\n\nexport async function loadFileSystemFileViewer({\n\tfileSystem,\n\tmaxBytes = defaultFileViewerMaxBytes,\n\tpath,\n\tsignal,\n}: LoadFileSystemFileViewerOptions): Promise<LoadedFileViewerFile> {\n\tthrowIfFileViewerAborted(signal);\n\tconst stat = fileSystem.stat ? await fileSystem.stat(path, { signal }) : undefined;\n\tthrowIfFileViewerAborted(signal);\n\tif (stat?.kind === 'directory') throw new Error('预览目标不是文件');\n\tconst file = createAuthoritativeFileDescriptor(path, stat);\n\tconst kind = resolveFileSystemViewerKind(file);\n\tif (kind === 'unsupported') return { file, kind };\n\tconst limit = normalizeFileViewerMaxBytes(maxBytes);\n\tif (file.size !== undefined && file.size > limit) throw new FileViewerSizeLimitError(limit, file.size);\n\tif (!fileSystem.readFile) throw new Error('当前文件系统不支持读取文件');\n\tconst bytes = await readFileViewerBytes(fileSystem, path, limit, signal);\n\tconst actualFile = { ...file, size: bytes.byteLength };\n\treturn kind === 'text'\n\t\t? { file: actualFile, kind, text: new TextDecoder().decode(bytes) }\n\t\t: { bytes, file: actualFile, kind };\n}\n\nexport async function readFileViewerBytes(\n\tfileSystem: Pick<FileViewerFileSystem, 'readFile'>,\n\tpath: string,\n\tmaxBytes: number,\n\tsignal?: AbortSignal,\n): Promise<Uint8Array> {\n\tif (!fileSystem.readFile) throw new Error('当前文件系统不支持读取文件');\n\tconst limit = normalizeFileViewerMaxBytes(maxBytes);\n\tthrowIfFileViewerAborted(signal);\n\tconst bytes = await fileSystem.readFile(path, { encoding: 'binary', maxBytes: limit + 1, signal });\n\tthrowIfFileViewerAborted(signal);\n\tif (!(bytes instanceof Uint8Array)) throw new TypeError('文件系统 readFile 必须返回 Uint8Array');\n\tif (bytes.byteLength > limit) throw new FileViewerSizeLimitError(limit, bytes.byteLength);\n\treturn bytes;\n}\n\nexport class FileViewerSizeLimitError extends Error {\n\tconstructor(\n\t\tpublic readonly maxBytes: number,\n\t\tpublic readonly actualBytes: number,\n\t) {\n\t\tsuper(`文件超过预览上限 ${formatFileViewerBytes(maxBytes)}`);\n\t\tthis.name = 'FileViewerSizeLimitError';\n\t}\n}\n\nexport function normalizeFileViewerMaxBytes(maxBytes: number): number {\n\treturn Number.isFinite(maxBytes)\n\t\t? Math.min(Number.MAX_SAFE_INTEGER - 1, Math.max(0, Math.floor(maxBytes)))\n\t\t: defaultFileViewerMaxBytes;\n}\n\nexport function isFileViewerRequestCurrent(\n\trequestId: number,\n\tcurrentRequestId: number,\n\tsignal?: Pick<AbortSignal, 'aborted'>,\n): boolean {\n\treturn requestId === currentRequestId && !signal?.aborted;\n}\n\nexport function createAuthoritativeFileDescriptor(\n\tpath: string,\n\tstat?: FileViewerFileSystemStat,\n): FileViewerFileDescriptor {\n\tconst mimeType = getStatMimeType(stat);\n\treturn {\n\t\tname: getRequestedFileViewerName(path) || stat?.name || path,\n\t\tpath,\n\t\tmimeType,\n\t\tsize: typeof stat?.size === 'number' && Number.isFinite(stat.size) && stat.size >= 0 ? stat.size : undefined,\n\t\tlastModified: typeof stat?.mtime === 'number' && Number.isFinite(stat.mtime) ? stat.mtime : undefined,\n\t\tmeta: stat?.meta,\n\t};\n}\n\nexport function getRequestedFileViewerName(path: string): string {\n\tconst clean = path.replaceAll('\\\\', '/').replace(/\\/+$/, '');\n\treturn clean.slice(clean.lastIndexOf('/') + 1) || path;\n}\n\nfunction getStatMimeType(stat: FileViewerFileSystemStat | undefined): string | undefined {\n\tif (typeof stat?.mimeType === 'string') return stat.mimeType;\n\tconst meta = stat?.meta;\n\tif (!meta) return undefined;\n\tfor (const key of ['mimeType', 'type', 'contentType']) {\n\t\tif (Object.hasOwn(meta, key) && typeof meta[key] === 'string') return meta[key];\n\t}\n\treturn undefined;\n}\n\nfunction throwIfFileViewerAborted(signal?: AbortSignal) {\n\tif (signal?.aborted) throw createFileViewerAbortError();\n}\n\nfunction createFileViewerAbortError(): Error {\n\tconst error = new Error('文件读取已取消');\n\terror.name = 'AbortError';\n\treturn error;\n}\n",
			"type": "registry:component",
			"target": "@components/file-viewer/file-system-file-viewer.tsx"
		},
		{
			"path": "registry/default/ui/file-viewer/index.ts",
			"content": "export * from './file-system-file-viewer';\nexport * from './file-viewer';\nexport * from './file-viewer-kind';\nexport * from './file-viewer-types';\nexport * from './media-file-viewers';\nexport * from './text-file-viewer';\nexport * from './use-file-viewer-object-url';\n",
			"type": "registry:component",
			"target": "@components/file-viewer/index.ts"
		}
	],
	"type": "registry:ui"
}