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:T2c7b,"use client"; import * as React from "react"; import * as DialogPrimitive from "@radix-ui/react-dialog"; import { Slot } from "@radix-ui/react-slot"; import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@/components/ui/tooltip"; import { Kbd } from "@/components/ui/kbd"; import { cn } from "@/lib/utils"; type ImageData = { src?: string; base64?: string; uint8Array?: Uint8Array; mediaType?: string; }; function resolveBase64MediaType(base64: string, fallback: string) { const trimmed = base64.trim(); if (trimmed.startsWith("data:")) { return /^data:([^;,]+)/i.exec(trimmed)?.[1] ?? fallback; } const normalized = trimmed.replace(/\s+/g, "").slice(0, 120); if (normalized.startsWith("iVBORw0KGgo")) return "image/png"; if (normalized.startsWith("/9j/")) return "image/jpeg"; if (normalized.startsWith("R0lGOD")) return "image/gif"; if (normalized.startsWith("UklGR") && normalized.includes("V0VCUA")) { return "image/webp"; } if (normalized.startsWith("PHN2Zy") || normalized.startsWith("PD94bWwg")) { return "image/svg+xml"; } return fallback; } function toDataUrl(base64: string, mediaType: string) { const trimmed = base64.trim(); if (trimmed.startsWith("data:")) return trimmed; return `data:${mediaType};base64,${trimmed}`; } function uint8ArrayToBase64(bytes: Uint8Array) { let binary = ""; const chunkSize = 0x8000; for (let i = 0; i < bytes.length; i += chunkSize) { const chunk = bytes.subarray(i, i + chunkSize); binary += String.fromCharCode(...chunk); } return btoa(binary); } type ImageContextValue = { src?: string; alt: string; mediaType?: string; hasError: boolean; setHasError: (value: boolean) => void; }; const ImageContext = React.createContext(null); function useImageContext(component: string) { const ctx = React.useContext(ImageContext); if (!ctx) { throw new Error(`${component} must be used within `); } return ctx; } export type ImageProps = Omit< React.HTMLAttributes, "children" > & Omit, "children"> & ImageData & { alt?: string; children?: React.ReactNode; }; function Image({ src, base64, uint8Array, mediaType, open, defaultOpen, onOpenChange, modal, alt = "", className, children, ...props }: ImageProps) { const hasUint8BlobSource = !base64 && uint8Array != null && uint8Array.length > 0; const { resolvedMediaType, resolvedSrc } = React.useMemo(() => { const nextResolvedMediaType = base64 ? resolveBase64MediaType(base64, mediaType ?? "image/png") : (mediaType ?? "image/png"); const nextResolvedSrc = base64 ? toDataUrl(base64, nextResolvedMediaType) : hasUint8BlobSource ? toDataUrl(uint8ArrayToBase64(uint8Array), nextResolvedMediaType) : src; return { resolvedMediaType: nextResolvedMediaType, resolvedSrc: nextResolvedSrc, }; }, [base64, mediaType, src, hasUint8BlobSource, uint8Array]); const [hasError, setHasError] = React.useState(false); const contextValue = React.useMemo( () => ({ src: resolvedSrc, alt, mediaType: resolvedMediaType, hasError, setHasError, }), [resolvedSrc, alt, resolvedMediaType, hasError], ); return (

{children ?? }

); } export type ImagePreviewProps = React.ImgHTMLAttributes; function ImagePreview({ className, src: srcProp, alt: altProp, onLoad, onError, ...props }: ImagePreviewProps) { const { src: contextSrc, alt, setHasError } = useImageContext("ImagePreview"); const resolvedSrc = srcProp ?? contextSrc; React.useEffect(() => { setHasError(false); }, [resolvedSrc, setHasError]); if (!resolvedSrc) { return ; } return (

{ setHasError(false); onLoad?.(e); }} onError={(e) => { setHasError(true); onError?.(e); }} />

); } export type ImageLightboxProps = React.ComponentProps< typeof DialogPrimitive.Portal >; function ImageLightbox(props: ImageLightboxProps) { return ; } export type ImageLightboxOverlayProps = React.ComponentProps< typeof DialogPrimitive.Overlay >; function ImageLightboxOverlay({ className, ...props }: ImageLightboxOverlayProps) { return ( ); } export type ImageLightboxPreviewProps = React.ComponentProps< typeof DialogPrimitive.Content > & { src?: string; alt?: string; }; function ImageLightboxPreview({ className, children, onInteractOutside, ...props }: ImageLightboxPreviewProps) { const { src: contextSrc, alt } = useImageContext("ImageLightboxPreview"); const resolvedSrc = contextSrc; return ( { const target = e.target as HTMLElement | null; if (target?.closest('[data-slot="image-actions"]')) { e.preventDefault(); } onInteractOutside?.(e); }} {...props} > {alt}

{children} {alt || "Image"} ); } export type ImageLightboxCloseProps = React.ComponentProps< typeof DialogPrimitive.Close >; function ImageLightboxClose(props: ImageLightboxCloseProps) { return ( ); } function ImageLightboxTitle({ className, ...props }: React.ComponentProps) { return ( ); } export type ImageLoaderProps = React.HTMLAttributes; function ImageLoader({ className, ...props }: ImageLoaderProps) { const { hasError } = useImageContext("ImageLoader"); return (

); } export type ImageActionsAlign = | "inline-start" | "inline-end" | "block-start" | "block-end"; const imageActionsAlignStyles: Record = { "inline-start": "top-1/2 left-0 -translate-y-1/2 flex-col h-full", "inline-end": "top-1/2 right-0 -translate-y-1/2 flex-col h-full", "block-start": "top-0 left-1/2 -translate-x-1/2 w-full", "block-end": "bottom-0 left-1/2 -translate-x-1/2 w-full", }; export type ImageActionsProps = React.HTMLAttributes & { align?: ImageActionsAlign; }; function ImageActions({ align = "block-end", className, ...props }: ImageActionsProps) { return (

); } type ImageActionGroupProps = React.HTMLAttributes; function ImageActionGroup({ className, ...props }: ImageActionGroupProps) { return (

); } export type ImageActionProps = React.HTMLAttributes & { asChild?: boolean; tooltip?: | string | { content?: string; side?: "top" | "right" | "bottom" | "left"; shortcut?: string; }; }; function ImageAction({ asChild = false, tooltip, className, ...props }: ImageActionProps) { const Comp = asChild ? Slot : "div"; const { content, side, shortcut } = typeof tooltip === "string" ? { content: tooltip } : tooltip ?? {}; if (!content) { return ( ); } return ( {content} {shortcut ? {shortcut} : null} ); } Image.displayName = "Image"; ImagePreview.displayName = "ImagePreview"; ImageLightbox.displayName = "ImageLightbox"; ImageLightboxOverlay.displayName = "ImageLightboxOverlay"; ImageLightboxPreview.displayName = "ImageLightboxPreview"; ImageLightboxClose.displayName = "ImageLightboxClose"; ImageLoader.displayName = "ImageLoader"; ImageActions.displayName = "ImageActions"; ImageActionGroup.displayName = "ImageActionGroup"; ImageAction.displayName = "ImageAction"; export { Image, ImagePreview, ImageLightbox, ImageLightboxOverlay, ImageLightboxPreview, ImageLightboxClose, ImageLoader, ImageActions, ImageActionGroup, ImageAction, }; 4f:["$","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","@radix-ui/react-slot",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-slot","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":"@radix-ui/react-slot"}]]}]}],["$","li","@radix-ui/react-dialog",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-dialog","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":"@radix-ui/react-dialog"}]]}]}]]}],["$","$L50",null,{"namespace":"@nexus-ui","registryDependencies":["tooltip","kbd"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"components/nexus-ui/image.tsx","content":"$52","type":"registry:file","target":"~/components/nexus-ui/image.tsx"}],"className":"h-[70svh] min-h-80"}]]}]