50: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"] 51: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"] 52:T34f5,"use client" import * as React from "react" import { mergeProps } from "@base-ui/react/merge-props" import { useRender } from "@base-ui/react/use-render" import { IconFile } from "@tabler/icons-react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "cn" import { duration, easeOut, easeSpring } from "@/lib/motion" import { AspectRatio } from "@/components/ui/aspect-ratio" import { Button } from "@/components/ui/button" import { Progress } from "@/components/ui/progress" import { ScrollArea, type ScrollAreaProps } from "@/components/ui/scroll-area" type AttachmentState = "idle" | "uploading" | "processing" | "error" | "done" type AttachmentOrientation = "horizontal" | "vertical" const AttachmentContext = React.createContext<{ state: AttachmentState titleId: string orientation: AttachmentOrientation }>({ state: "done", titleId: "", orientation: "horizontal" }) const layoutDuration = duration.morph function subscribe() { return () => {} } function prefersReducedMotion() { return ( typeof window.matchMedia !== "function" || window.matchMedia("(prefers-reduced-motion: reduce)").matches ) } const attachmentVariants = cva( "group/attachment relative flex w-fit max-w-full min-w-0 shrink-0 flex-wrap rounded-(--attachment-radius) border bg-card text-card-foreground transition-[background-color,border-color,box-shadow,scale] duration-150 ease-out-quint [--attachment-inset:1px] [--attachment-radius:var(--radius-xl)] has-[>[data-slot=attachment-trigger]]:hover:bg-muted/50 has-[>[data-slot=attachment-trigger]:focus-visible]:border-ring has-[>[data-slot=attachment-trigger]:focus-visible]:ring-3 has-[>[data-slot=attachment-trigger]:focus-visible]:ring-focus-ring data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed motion-safe:has-[>[data-slot=attachment-trigger]:active]:scale-[0.99]", { variants: { size: { default: "gap-2 text-sm has-data-[slot=attachment-content]:px-2.5 has-data-[slot=attachment-content]:py-2 has-data-[slot=attachment-media]:p-2 has-data-[slot=attachment-media]:[--attachment-inset:calc(var(--spacing)*2+1px)]", sm: "gap-2.5 text-xs has-data-[slot=attachment-content]:px-2 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5 has-data-[slot=attachment-media]:[--attachment-inset:calc(var(--spacing)*1.5+1px)]", xs: "gap-1.5 text-xs [--attachment-radius:var(--radius-lg)] has-data-[slot=attachment-content]:px-1.5 has-data-[slot=attachment-content]:py-1 has-data-[slot=attachment-media]:p-1 has-data-[slot=attachment-media]:[--attachment-inset:calc(var(--spacing)+1px)]", }, orientation: { horizontal: "min-w-40 items-center", vertical: "w-24 flex-col has-data-[slot=attachment-content]:w-30", }, }, defaultVariants: { size: "default", orientation: "horizontal", }, } ) type AttachmentProps = React.ComponentProps<"div"> & VariantProps & { state?: AttachmentState progress?: number } function clampProgress(progress: number) { return Number.isFinite(progress) ? Math.min(100, Math.max(0, progress)) : 0 } function Attachment({ className, state = "done", size = "default", orientation = "horizontal", progress, children, ref, ...props }: AttachmentProps) { const titleId = React.useId() const resolvedOrientation = orientation ?? "horizontal" const isHydrating = React.useSyncExternalStore( subscribe, () => false, () => true ) const [popIn] = React.useState(!isHydrating) const context = React.useMemo( () => ({ state, titleId, orientation: resolvedOrientation }), [state, titleId, resolvedOrientation] ) const value = state === "uploading" && progress !== undefined ? clampProgress(progress) : null return (

{children} {value !== null ? ( ) : null}

) } const attachmentMediaVariants = cva( "relative flex aspect-square w-10 shrink-0 items-center justify-center overflow-hidden rounded-[max(calc(var(--radius-sm)*0.5),calc(var(--attachment-radius)-var(--attachment-inset)))] bg-muted text-foreground [--attachment-media-radius:max(calc(var(--radius-sm)*0.5),calc(var(--attachment-radius)-var(--attachment-inset)))] group-data-[orientation=vertical]/attachment:w-full group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5", { variants: { variant: { icon: "", image: "opacity-60 transition-opacity duration-300 ease-out-quint group-data-[state=done]/attachment:opacity-100 group-data-[state=idle]/attachment:opacity-100", }, }, defaultVariants: { variant: "icon", }, } ) function AttachmentMedia({ className, variant = "icon", children, ...props }: React.ComponentProps<"div"> & VariantProps) { if (variant === "image") { return ( } data-slot="attachment-media" data-variant="image" className={cn(attachmentMediaVariants({ variant }), className)} {...props} > {children} ) } return (

{children}

) } function AttachmentContent({ className, ...props }: React.ComponentProps<"div">) { return (

) } function splitFileName(name: string) { const dot = name.lastIndexOf(".") if (dot <= 0 || dot === name.length - 1 || name.length - dot > 8) { return null } return { base: name.slice(0, dot), extension: name.slice(dot) } } function AttachmentTitle({ className, children, id, title, ...props }: React.ComponentProps<"span">) { const { titleId } = React.useContext(AttachmentContext) const parts = typeof children === "string" ? splitFileName(children) : null return ( {parts ? ( <> {parts.base} {parts.extension} ) : ( children )} ) } function AttachmentDescription({ className, ...props }: React.ComponentProps<"span">) { return ( ) } function AttachmentActions({ className, ...props }: React.ComponentProps<"div">) { const { orientation } = React.useContext(AttachmentContext) return (

) } function AttachmentAction({ variant, size = "icon-xs", ...props }: React.ComponentProps) { return (