51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T11d19,"use client" /** * File dropzone: dashed animated rim + rim blobs, frosted fill, moving border trail, * file-type SVG glyphs, and placeholder inference — all inlined (no `halo-card`, * `file-icons`, or `file-type-placeholder` imports). */ import { useCallback, useEffect, useId, useMemo, useRef, useState, type ChangeEvent, type DragEvent, type ReactNode, type SVGProps, } from "react" import { Check, File, FileText, Upload, X } from "lucide-react" import { AnimatePresence, motion, useMotionValue, useReducedMotion, useTransform, } from "motion/react" import { cn } from "@/lib/utils" /* ─── File type glyphs + helpers (inlined; no file-icons / file-type-placeholder imports) ─── */ const MicrosoftExcel = ({ gradientIdPrefix = "", ...props }: SVGProps & { gradientIdPrefix?: string }) => { const p = gradientIdPrefix return ( // biome-ignore lint/a11y/noSvgWithoutTitle: decorative brand glyph; callers set aria-hidden ) } const MicrosoftWord = ({ gradientIdPrefix = "", ...props }: SVGProps & { gradientIdPrefix?: string }) => { const p = gradientIdPrefix return ( // biome-ignore lint/a11y/noSvgWithoutTitle: decorative brand glyph; callers set aria-hidden ) } const MicrosoftPowerPoint = ({ gradientIdPrefix = "", ...props }: SVGProps & { gradientIdPrefix?: string }) => { const p = gradientIdPrefix return ( // biome-ignore lint/a11y/noSvgWithoutTitle: decorative brand glyph; callers set aria-hidden ) } const PDF = (props: SVGProps) => ( // biome-ignore lint/a11y/noSvgWithoutTitle: decorative brand glyph; callers set aria-hidden ) const Markdown = (props: SVGProps) => ( // biome-ignore lint/a11y/noSvgWithoutTitle: decorative brand glyph; callers set aria-hidden ) const JSONSchema = (props: SVGProps) => ( // biome-ignore lint/a11y/noSvgWithoutTitle: decorative brand glyph; callers set aria-hidden ) const CSS = (props: SVGProps) => ( // biome-ignore lint/a11y/noSvgWithoutTitle: decorative brand glyph; callers set aria-hidden ) const HTML5 = (props: SVGProps) => ( // biome-ignore lint/a11y/noSvgWithoutTitle: decorative brand glyph; callers set aria-hidden ) export function fileKey(file: File) { return `${file.name}-${file.size}-${file.lastModified}` } /* ─── Rim chrome (self-contained; no halo-card import) ─── */ const BORDER_TRAIL_LOOP_MS = 5250 type RimVariant = "default" | "success" | "destructive" const RIM_BLOB_GRADIENTS: Record< RimVariant, { primaryBg: string; secondaryBg: string; tertiaryBg: string } > = { default: { primaryBg: "linear-gradient(90deg, #ff0080, #7928ca, #00d4ff, #0070f3)", secondaryBg: "linear-gradient(90deg, #ff4d4d, #f9cb28, #ff0080)", tertiaryBg: "linear-gradient(90deg, #0070f3, #00d4ff, #7928ca)", }, success: { primaryBg: "linear-gradient(90deg, #047857, #059669, #10b981, #14b8a6, #0d9488)", secondaryBg: "linear-gradient(90deg, #34d399, #6ee7b7, #2dd4bf, #5eead4)", tertiaryBg: "linear-gradient(90deg, #065f46, #047857, #0f766e)", }, destructive: { primaryBg: "linear-gradient(90deg, #991b1b, #dc2626, #e11d48, #f43f5e, #be123c)", secondaryBg: "linear-gradient(90deg, #fb7185, #fda4af, #f87171, #fecdd3)", tertiaryBg: "linear-gradient(90deg, #7f1d1d, #b91c1c, #dc2626)", }, } interface BorderTrailChrome { ambientGradient: string ambientGlow: string coreGradient: string coreGlow: string } const RIM_BORDER_TRAIL: Record = { default: { ambientGradient: "linear-gradient(90deg, transparent 0%, rgba(255,0,128,0) 6%, rgba(255,0,128,0.38) 24%, rgba(121,40,202,0.5) 50%, rgba(0,212,255,0.42) 76%, rgba(0,212,255,0) 94%, transparent 100%)", coreGradient: "linear-gradient(90deg, transparent 0%, rgba(255,0,128,0.72) 20%, rgba(200,140,255,0.92) 50%, rgba(0,212,255,0.78) 80%, transparent 100%)", ambientGlow: "0 0 22px rgba(121,40,202,0.28), 0 0 44px rgba(0,212,255,0.18), 0 0 2px rgba(255,255,255,0.12)", coreGlow: "0 0 14px rgba(255,0,128,0.35), 0 0 28px rgba(0,212,255,0.32), inset 0 0 1px rgba(255,255,255,0.22)", }, success: { ambientGradient: "linear-gradient(90deg, transparent 0%, rgba(5,150,105,0) 6%, rgba(16,185,129,0.36) 24%, rgba(20,184,166,0.48) 50%, rgba(13,148,136,0.4) 76%, rgba(13,148,136,0) 94%, transparent 100%)", coreGradient: "linear-gradient(90deg, transparent 0%, rgba(5,150,105,0.68) 20%, rgba(52,211,153,0.88) 50%, rgba(20,184,166,0.8) 80%, transparent 100%)", ambientGlow: "0 0 22px rgba(16,185,129,0.32), 0 0 44px rgba(13,148,136,0.22), 0 0 2px rgba(255,255,255,0.1)", coreGlow: "0 0 14px rgba(5,150,105,0.42), 0 0 28px rgba(20,184,166,0.4), inset 0 0 1px rgba(255,255,255,0.2)", }, destructive: { ambientGradient: "linear-gradient(90deg, transparent 0%, rgba(220,38,38,0) 6%, rgba(220,38,38,0.4) 24%, rgba(244,63,94,0.52) 50%, rgba(190,18,60,0.44) 76%, rgba(190,18,60,0) 94%, transparent 100%)", coreGradient: "linear-gradient(90deg, transparent 0%, rgba(220,38,38,0.75) 20%, rgba(251,113,133,0.9) 50%, rgba(244,63,94,0.82) 80%, transparent 100%)", ambientGlow: "0 0 22px rgba(220,38,38,0.35), 0 0 44px rgba(244,63,94,0.24), 0 0 2px rgba(255,255,255,0.08)", coreGlow: "0 0 14px rgba(220,38,38,0.48), 0 0 28px rgba(244,63,94,0.4), inset 0 0 1px rgba(255,255,255,0.16)", }, } function DropzoneCardBorderTrail({ active, rimVariant = "default", }: { active: boolean rimVariant?: RimVariant }) { const progress = useMotionValue(0) const offsetDistance = useTransform(progress, (v: number) => { const wrapped = ((v % 100) + 100) % 100 return `${wrapped}%` }) useEffect(() => { if (!active) { return } let rafId = 0 let last = performance.now() const tick = (now: number) => { const dt = now - last last = now const next = progress.get() + (dt / BORDER_TRAIL_LOOP_MS) * 100 progress.set(((next % 100) + 100) % 100) rafId = requestAnimationFrame(tick) } rafId = requestAnimationFrame(tick) return () => cancelAnimationFrame(rafId) }, [active, progress]) const pathCornerRadiusPx = 16 const trailLengthPx = 184 const trailThicknessPx = 32 const trailBox = { height: trailThicknessPx, offsetPath: `rect(0 auto auto 0 round ${pathCornerRadiusPx}px)`, width: trailLengthPx, } as const const trail = RIM_BORDER_TRAIL[rimVariant] return (

) } function dropzoneBorderGlowConfig( translucent: boolean, rimEmphasis: boolean, rimVariant: RimVariant = "default" ) { let idleOpacity: number if (translucent) { idleOpacity = rimEmphasis ? 0.92 : 0.72 } else { idleOpacity = rimEmphasis ? 0.78 : 0.5 } const gradients = RIM_BLOB_GRADIENTS[rimVariant] return { opacityIdle: idleOpacity, primaryBg: gradients.primaryBg, secondaryBg: gradients.secondaryBg, tertiaryBg: gradients.tertiaryBg, primaryLeft: ["-5%", "75%", "-5%"], secondaryLeft: ["65%", "10%", "65%"], tertiaryLeft: ["25%", "55%", "25%"], durationMain: 6, durationSec: 5, durationTer: 4, } } type DropzoneBorderGlowState = ReturnType function DropzoneCardRimBlobs({ borderGlow, reduceMotion, }: { borderGlow: DropzoneBorderGlowState reduceMotion: boolean }) { return (

) } function dropzoneFillBackgroundFor( translucent: boolean, interactive: boolean, rimEmphasis: boolean ) { if (translucent) { if (interactive && rimEmphasis) { return "linear-gradient(to bottom, color-mix(in oklch, var(--card) 88%, transparent) 0%, color-mix(in oklch, var(--card) 74%, transparent) 100%)" } return "linear-gradient(to bottom, color-mix(in oklch, var(--card) 82%, transparent) 0%, color-mix(in oklch, var(--card) 70%, transparent) 100%)" } if (interactive && rimEmphasis) { return "linear-gradient(to bottom, var(--card) 0%, color-mix(in oklch, var(--card) 90%, var(--muted)) 100%)" } return "linear-gradient(to bottom, var(--card) 0%, color-mix(in oklch, var(--card) 94%, var(--muted)) 100%)" } const CROSSFADE_SEC = 0.2 const crossfade = (reduceMotion: boolean) => ({ exit: { opacity: reduceMotion ? 1 : 0, scale: reduceMotion ? 1 : 0.96, y: reduceMotion ? 0 : 2, }, initial: { opacity: reduceMotion ? 1 : 0, scale: reduceMotion ? 1 : 0.96, y: reduceMotion ? 0 : -2, }, }) const crossfadeTransition = (reduceMotion: boolean) => ({ duration: reduceMotion ? 0 : CROSSFADE_SEC, ease: "easeOut" as const, }) /** Fixed tile size so image previews stay compact. */ const THUMB_PX = 64 const THUMB_TYPE_ICON_CLASS = "pointer-events-none h-[34px] w-[34px] max-h-[85%] max-w-[85%] shrink-0 drop-shadow-[0_1px_2px_rgba(0,0,0,0.14)] dark:drop-shadow-[0_1px_3px_rgba(0,0,0,0.45)]" /** Renders the same type glyph used in the dropzone success tiles (for upload rows, etc.). */ export function DropzoneFileTypeGlyph({ file }: { file: File }) { const gradientIdPrefix = useId().replace(/:/g, "") const ext = file.name.split(".").pop()?.toLowerCase() ?? "" const kind = inferPlaceholderKind(file) if (ext === "htm" || ext === "html") { return } if (ext === "css") { return } switch (kind) { case "pdf": return case "doc": return ( ) case "sheet": return ( ) case "md": return ( ) case "json": return case "ppt": return ( ) case "txt": return ( ) default: return ( ) } } function dropzoneSurfaceClassNames( interactive: boolean, translucent: boolean, isDragging: boolean ) { return cn( "relative z-0 flex flex-col items-center justify-center gap-3 rounded-[15px] border border-border/90 px-6", "min-h-44 py-8", "shadow-[0_1px_0_rgba(255,255,255,0.1)_inset,0_1px_2px_rgba(0,0,0,0.04),0_4px_14px_rgba(0,0,0,0.05)]", "dark:border-border dark:shadow-[0_1px_0_rgba(255,255,255,0.06)_inset,0_1px_2px_rgba(0,0,0,0.35),0_4px_20px_rgba(0,0,0,0.35)]", "outline-none transition-[background-color,backdrop-filter,border-color,box-shadow] duration-200 ease-out", interactive && "fine-hover:hover:border-ring/50 fine-hover:hover:shadow-[0_1px_0_rgba(255,255,255,0.14)_inset,0_1px_2px_rgba(0,0,0,0.09),0_4px_14px_rgba(0,0,0,0.11)]", interactive && "dark:fine-hover:hover:border-zinc-500/60 dark:fine-hover:hover:shadow-[0_1px_0_rgba(255,255,255,0.08)_inset,0_1px_2px_rgba(0,0,0,0.42),0_4px_20px_rgba(0,0,0,0.48)]", interactive && "focus-within:border-ring/70 focus-within:shadow-[0_1px_0_rgba(255,255,255,0.14)_inset,0_1px_2px_rgba(0,0,0,0.09),0_4px_14px_rgba(0,0,0,0.11)]", interactive && "dark:focus-within:border-zinc-500/55 dark:focus-within:shadow-[0_1px_0_rgba(255,255,255,0.08)_inset,0_1px_2px_rgba(0,0,0,0.42),0_4px_20px_rgba(0,0,0,0.48)]", translucent && "backdrop-blur-xl backdrop-saturate-150", isDragging && "shadow-md" ) } interface DropzoneBodyProps { cf: ReturnType cfTransition: ReturnType disabled: boolean emptyLabel: string formatHint: string | null idleIcon?: ReactNode imageObjectUrls: Record reduceMotion: boolean showSuccess: boolean showSuccessThumbnails: boolean successLabel: string uploadedFiles: File[] } function DropzoneBody({ cf, cfTransition, disabled, emptyLabel, formatHint, idleIcon, imageObjectUrls, reduceMotion, showSuccess, showSuccessThumbnails, successLabel, uploadedFiles, }: DropzoneBodyProps) { return ( {showSuccess ? (

{successLabel}

{showSuccessThumbnails ? (

{isImage && src ? ( <> {/* biome-ignore lint/performance/noImgElement: blob URLs from createObjectURL are not suitable for next/image without extra plumbing */}

) : (

)}

{file.name}

) : null} ) : ( {idleIcon ?? } {emptyLabel} {formatHint ? ( {formatHint} ) : null} )} ) } export interface HaloDropzoneProps { className?: string accept?: string multiple?: boolean disabled?: boolean /** Frosted glass fill (matches composer translucent mode). */ translucent?: boolean /** Called after files are chosen via drop or picker. */ onFiles?: (files: File[]) => void /** * Clear the success state after this many ms. `0` keeps success until the next * drop or until the user picks again. */ successResetMs?: number /** Primary line in the idle slot. */ emptyLabel?: string /** Line under the filename in the success slot. */ successLabel?: string /** Optional icon override for the idle slot (defaults to upload). */ idleIcon?: ReactNode /** Secondary line under the title; set `null` to hide. */ formatHint?: string | null /** * When the dropzone shows success, render thumbnail previews inside the zone. * Set `false` if you show file details (e.g. upload rows) below the dropzone. */ showSuccessThumbnails?: boolean } export function HaloDropzone({ className, accept, multiple = false, disabled = false, translucent = true, onFiles, successResetMs = 2400, emptyLabel = "Drop files here or browse", successLabel = "Upload complete", idleIcon, formatHint = "PNG, JPG, PDF up to 10MB", showSuccessThumbnails = true, }: HaloDropzoneProps) { const reduceMotion = useReducedMotion() ?? false const inputId = useId() const fileInputRef = useRef(null) const dragDepth = useRef(0) const successTimerRef = useRef(null) const [isDragging, setIsDragging] = useState(false) const [showSuccess, setShowSuccess] = useState(false) const [uploadedFiles, setUploadedFiles] = useState([]) const [isHovered, setIsHovered] = useState(false) const [isFocused, setIsFocused] = useState(false) const ariaFileSummary = useMemo(() => { if (uploadedFiles.length === 0) { return "" } if (uploadedFiles.length === 1) { return uploadedFiles[0]?.name ?? "" } return `${uploadedFiles.length} files: ${uploadedFiles.map((f) => f.name).join(", ")}` }, [uploadedFiles]) const cf = useMemo(() => crossfade(reduceMotion), [reduceMotion]) const cfTransition = useMemo( () => crossfadeTransition(reduceMotion), [reduceMotion] ) const interactive = !disabled const rimEmphasis = interactive && (isHovered || isFocused || isDragging || showSuccess) const borderGlow = useMemo( () => dropzoneBorderGlowConfig(translucent, rimEmphasis), [translucent, rimEmphasis] ) const fillBackground = useMemo( () => dropzoneFillBackgroundFor(translucent, interactive, rimEmphasis), [translucent, interactive, rimEmphasis] ) const showTrailChrome = interactive && !reduceMotion const trailActive = interactive && (isHovered || isFocused || isDragging) useEffect(() => { return () => { if (successTimerRef.current) { window.clearTimeout(successTimerRef.current) } } }, []) const imageObjectUrls = useMemo(() => { const next: Record = {} for (const f of uploadedFiles) { const k = fileKey(f) if (f.type.startsWith("image/")) { next[k] = URL.createObjectURL(f) } } return next }, [uploadedFiles]) useEffect(() => { const urls = imageObjectUrls return () => { for (const u of Object.values(urls)) { URL.revokeObjectURL(u) } } }, [imageObjectUrls]) const emitFiles = useCallback( (list: FileList | File[] | null) => { if (!list || disabled) { return } const files = Array.from(list) if (files.length === 0) { return } onFiles?.(files) setUploadedFiles(files) setShowSuccess(true) if (successResetMs > 0) { if (successTimerRef.current) { window.clearTimeout(successTimerRef.current) } successTimerRef.current = window.setTimeout(() => { setShowSuccess(false) setUploadedFiles([]) successTimerRef.current = null }, successResetMs) } }, [disabled, onFiles, successResetMs] ) const handleInputChange = (e: ChangeEvent) => { emitFiles(e.target.files) e.target.value = "" } const handleDragEnter = (e: DragEvent) => { e.preventDefault() e.stopPropagation() if (disabled) { return } dragDepth.current += 1 setIsDragging(true) } const handleDragLeave = (e: DragEvent) => { e.preventDefault() e.stopPropagation() dragDepth.current = Math.max(0, dragDepth.current - 1) if (dragDepth.current === 0) { setIsDragging(false) } } const handleDragOver = (e: DragEvent) => { e.preventDefault() e.stopPropagation() if (!disabled) { e.dataTransfer.dropEffect = "copy" } } const handleDrop = (e: DragEvent) => { e.preventDefault() e.stopPropagation() dragDepth.current = 0 setIsDragging(false) if (disabled) { return } emitFiles(e.dataTransfer.files) } const openPicker = () => { if (disabled) { return } fileInputRef.current?.click() } return (

{/* biome-ignore lint/a11y/noNoninteractiveElementInteractions: is the activation surface for the hidden file input; drag/drop and keyboard mirror the native picker. */} setIsFocused(false)} onDragEnter={handleDragEnter} onDragLeave={handleDragLeave} onDragOver={handleDragOver} onDrop={handleDrop} onFocus={() => setIsFocused(true)} onKeyDown={(e) => { if (disabled) { return } if (e.key === "Enter" || e.key === " ") { e.preventDefault() openPicker() } }} onMouseEnter={() => setIsHovered(true)} onMouseLeave={() => setIsHovered(false)} tabIndex={disabled ? -1 : 0} >

{showTrailChrome ? (

) : null}

) } /** True when we should treat the file as an image for previews (MIME or extension). */ function looksLikeImageFile(file: File): boolean { if (file.type.startsWith("image/")) { return true } const ext = file.name.split(".").pop()?.toLowerCase() return ( ext === "png" || ext === "jpg" || ext === "jpeg" || ext === "gif" || ext === "webp" || ext === "avif" || ext === "svg" || ext === "bmp" || ext === "ico" ) } /** * Blob URL for local image previews. Created in `useEffect` (not `useMemo`) so React * Strict Mode’s effect cleanup/re-run does not leave a memoized revoked URL. */ function useImageObjectUrl(file: File): string | null { const [url, setUrl] = useState(null) useEffect(() => { if (!looksLikeImageFile(file)) { setUrl(null) return } const objectUrl = URL.createObjectURL(file) setUrl(objectUrl) return () => { URL.revokeObjectURL(objectUrl) } }, [file]) return url } export function formatFileBytes(bytes: number): string { if (!Number.isFinite(bytes) || bytes < 0) { return "—" } if (bytes < 1024) { return `${bytes} B` } if (bytes < 1024 * 1024) { const kb = bytes / 1024 return `${kb < 10 ? kb.toFixed(1) : Math.round(kb)} KB` } const mb = bytes / (1024 * 1024) return `${mb.toFixed(1)} MB` } export interface DropzoneUploadFileRowProps { file: File /** 0–100 upload progress. */ progress: number /** When true, bar uses success styling (full width). */ complete?: boolean onRemove?: () => void className?: string } export function DropzoneUploadFileRow({ file, progress, complete = false, onRemove, className, }: DropzoneUploadFileRowProps) { const reduceMotion = useReducedMotion() ?? false const pct = Math.min(100, Math.max(0, progress)) const widthPct = complete ? 100 : pct const isImage = looksLikeImageFile(file) const imageObjectUrl = useImageObjectUrl(file) return (

{isImage && imageObjectUrl ? ( <> {/* biome-ignore lint/performance/noImgElement: local blob preview from File */}

) : ( )}

{file.name}

{formatFileBytes(file.size)}

{onRemove ? ( ) : null}

{Math.round(complete ? 100 : pct)}%

) } export interface QueuedFile { id: string file: File progress: number done: boolean } interface DropzoneUploadFileListProps { items: QueuedFile[] onRemove: (id: string) => void className?: string } /** Renders stacked upload rows; drive `progress` / `done` from your upload logic. */ export function DropzoneUploadFileList({ items, onRemove, className, }: DropzoneUploadFileListProps) { if (items.length === 0) { return null } return (

onRemove(item.id)} progress={item.done ? 100 : item.progress} />

) } /** * Minimal document thumbnails + extension badges (reference: polished file-type grid). */ export type FilePlaceholderKind = | "generic" | "pdf" | "doc" | "sheet" | "txt" | "json" | "md" | "ppt" const BADGE: Record< Exclude, { label: string; className: string } > = { pdf: { label: "PDF", className: "bg-[#ef4444]" }, doc: { label: "DOC", className: "bg-[#1d4ed8]" }, sheet: { label: "XLX", className: "bg-[#059669]" }, txt: { label: "TXT", className: "bg-[#f97316]" }, json: { label: "JSON", className: "bg-[#eab308]" }, md: { label: "MD", className: "bg-[#1e293b]" }, ppt: { label: "PPT", className: "bg-[#ea580c]" }, } export function inferPlaceholderKind(file: File): FilePlaceholderKind { const ext = file.name.split(".").pop()?.toLowerCase() ?? "" const t = file.type if (t === "application/pdf" || ext === "pdf") { return "pdf" } if ( t.includes("wordprocessingml") || t === "application/msword" || ext === "doc" || ext === "docx" ) { return "doc" } if ( t.includes("spreadsheet") || t.includes("excel") || t === "text/csv" || ["xls", "xlsx", "csv", "ods"].includes(ext) ) { return "sheet" } if (t === "text/plain" || ext === "txt") { return "txt" } if (t.includes("json") || ext === "json") { return "json" } if (ext === "md" || ext === "mdx" || t.includes("markdown")) { return "md" } if ( t.includes("presentation") || t.includes("powerpoint") || ext === "ppt" || ext === "pptx" ) { return "ppt" } return "generic" } function LineRows({ className }: { className?: string }) { return (

{[0.92, 0.78, 0.85, 0.65].map((w) => (

))}

) } function PlaceholderArt({ kind }: { kind: FilePlaceholderKind }) { switch (kind) { case "generic": return (

) case "pdf": case "doc": return case "sheet": return (

{Array.from({ length: 16 }, (_, i) => { const row = Math.floor(i / 4) const col = i % 4 return (

) })}

) case "txt": return ( ) case "json": return (

) case "md": return (

) case "ppt": return (

) default: return } } export function FileTypePlaceholder({ kind, className, }: { kind: FilePlaceholderKind className?: string }) { const badge = kind === "generic" ? null : BADGE[kind] return (

{/* Dog-ear */}

{badge ? ( {badge.label} ) : null}

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