@elabs-ai/components-ai 5.3.1 → 5.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -6
- package/dist/_lazy-engine-boundary.js +1 -1
- package/dist/_persona-rive.js.map +1 -1
- package/dist/_streamdown-i18n.js +2 -2
- package/dist/agent.js +2 -2
- package/dist/asset-preview.js +5 -5
- package/dist/attachments.js +1 -1
- package/dist/audio-player.js +1 -2
- package/dist/{chunk-7RL6KZDF.js → chunk-24M6XWVJ.js} +25 -17
- package/dist/chunk-24M6XWVJ.js.map +1 -0
- package/dist/{chunk-WU5BLGTF.js → chunk-3KXIWGHW.js} +3 -3
- package/dist/{chunk-TWPHAJNM.js → chunk-3UHR3RLZ.js} +12 -6
- package/dist/chunk-3UHR3RLZ.js.map +1 -0
- package/dist/{chunk-V4DORGWJ.js → chunk-5AMSNG2T.js} +2 -2
- package/dist/chunk-D7BZMRI3.js +2 -0
- package/dist/chunk-D7BZMRI3.js.map +1 -0
- package/dist/{chunk-PQBF6ZIQ.js → chunk-DI645WR4.js} +4 -4
- package/dist/{chunk-NCL2UZKI.js → chunk-FFA7OPEH.js} +2 -2
- package/dist/{chunk-34CQ2VHM.js → chunk-FO44KY7Y.js} +10 -7
- package/dist/chunk-FO44KY7Y.js.map +1 -0
- package/dist/{chunk-RB7G65JC.js → chunk-GP7ZZCID.js} +7 -5
- package/dist/chunk-GP7ZZCID.js.map +1 -0
- package/dist/{chunk-6PB2MXCI.js → chunk-HLODND65.js} +2 -2
- package/dist/{chunk-ADOYAGGK.js → chunk-IFVO7LQJ.js} +2 -2
- package/dist/{chunk-2XOIG5TG.js → chunk-JSEV46SH.js} +18 -12
- package/dist/chunk-JSEV46SH.js.map +1 -0
- package/dist/{chunk-CZP3RHC4.js → chunk-LY7O4BMP.js} +2 -2
- package/dist/{chunk-PTWCTSZL.js → chunk-OCZNA5SO.js} +4 -4
- package/dist/chunk-OCZNA5SO.js.map +1 -0
- package/dist/{chunk-S3ISPW3A.js → chunk-PWQPVOZJ.js} +1 -1
- package/dist/chunk-PWQPVOZJ.js.map +1 -0
- package/dist/chunk-RLV64EWK.js +41 -0
- package/dist/chunk-RLV64EWK.js.map +1 -0
- package/dist/chunk-SSES3F4Q.js +126 -0
- package/dist/chunk-SSES3F4Q.js.map +1 -0
- package/dist/{chunk-3XNPMDZY.js → chunk-TBCMCF5O.js} +9 -56
- package/dist/chunk-TBCMCF5O.js.map +1 -0
- package/dist/{chunk-FERYDFZA.js → chunk-WXUXFDJQ.js} +2 -2
- package/dist/{chunk-X47QMM6K.js → chunk-YLN7E4OV.js} +2 -2
- package/dist/code-block.js +1 -1
- package/dist/diff-view.js +2 -2
- package/dist/gallery.js +1 -1
- package/dist/generated-image.js +9 -0
- package/dist/generated-image.js.map +1 -0
- package/dist/grouped-parts.js +6 -6
- package/dist/image.js +4 -4
- package/dist/index.d.ts +92 -150
- package/dist/index.js +67 -65
- package/dist/markdown-view.js +3 -3
- package/dist/message.js +3 -3
- package/dist/model-provider-logo.js +1 -1
- package/dist/persona.js +2 -2
- package/dist/queue.js +1 -1
- package/dist/reasoning.js +3 -3
- package/dist/sandbox.js +3 -3
- package/dist/tool.js +2 -2
- package/package.json +8 -13
- package/schemas/a2ui-surface.v1.schema.json +5 -2
- package/src/__contract__/{image.contract.test.tsx → attachments.contract.test.tsx} +7 -7
- package/src/__contract__/generated-image.contract.test.tsx +49 -0
- package/src/_lazy-boundary-conformance.ts +12 -18
- package/src/_lazy-engine-boundary.tsx +1 -2
- package/src/_lazy-mermaid-absent.test.ts +2 -2
- package/src/_media-fixtures.ts +47 -0
- package/src/_persona-rive.tsx +1 -2
- package/src/a2ui/catalog.source.json +3 -2
- package/src/asset-preview.stories.tsx +12 -0
- package/src/asset-preview.test.tsx +14 -0
- package/src/asset-preview.tsx +4 -2
- package/src/attachments.stories.tsx +147 -0
- package/src/attachments.test.tsx +104 -0
- package/src/attachments.tsx +28 -20
- package/src/audio-player.stories.tsx +10 -45
- package/src/audio-player.test.tsx +166 -61
- package/src/audio-player.tsx +175 -266
- package/src/chat.stories.tsx +75 -3
- package/src/code-block.test.tsx +32 -0
- package/src/code-block.tsx +22 -5
- package/src/gallery.tsx +13 -77
- package/src/generated-image.stories.tsx +67 -0
- package/src/generated-image.test.tsx +107 -0
- package/src/generated-image.tsx +57 -0
- package/src/image.tsx +2 -115
- package/src/index.ts +1 -0
- package/src/model-provider-logo.tsx +20 -18
- package/src/queue.test.tsx +24 -0
- package/src/queue.tsx +8 -5
- package/src/tool.test.tsx +26 -0
- package/src/tool.tsx +2 -2
- package/dist/_audio-player-media-chrome.js +0 -85
- package/dist/_audio-player-media-chrome.js.map +0 -1
- package/dist/chunk-2XOIG5TG.js.map +0 -1
- package/dist/chunk-34CQ2VHM.js.map +0 -1
- package/dist/chunk-3XNPMDZY.js.map +0 -1
- package/dist/chunk-7RL6KZDF.js.map +0 -1
- package/dist/chunk-NSCLRHES.js +0 -102
- package/dist/chunk-NSCLRHES.js.map +0 -1
- package/dist/chunk-PTWCTSZL.js.map +0 -1
- package/dist/chunk-RB7G65JC.js.map +0 -1
- package/dist/chunk-S3ISPW3A.js.map +0 -1
- package/dist/chunk-TWPHAJNM.js.map +0 -1
- package/dist/chunk-V6E5DYZD.js +0 -80
- package/dist/chunk-V6E5DYZD.js.map +0 -1
- package/src/_audio-player-media-chrome.tsx +0 -233
- package/src/image.stories.tsx +0 -67
- package/src/image.test.tsx +0 -105
- /package/dist/{chunk-WU5BLGTF.js.map → chunk-3KXIWGHW.js.map} +0 -0
- /package/dist/{chunk-V4DORGWJ.js.map → chunk-5AMSNG2T.js.map} +0 -0
- /package/dist/{chunk-PQBF6ZIQ.js.map → chunk-DI645WR4.js.map} +0 -0
- /package/dist/{chunk-NCL2UZKI.js.map → chunk-FFA7OPEH.js.map} +0 -0
- /package/dist/{chunk-6PB2MXCI.js.map → chunk-HLODND65.js.map} +0 -0
- /package/dist/{chunk-ADOYAGGK.js.map → chunk-IFVO7LQJ.js.map} +0 -0
- /package/dist/{chunk-CZP3RHC4.js.map → chunk-LY7O4BMP.js.map} +0 -0
- /package/dist/{chunk-FERYDFZA.js.map → chunk-WXUXFDJQ.js.map} +0 -0
- /package/dist/{chunk-X47QMM6K.js.map → chunk-YLN7E4OV.js.map} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/gallery.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * Gallery — an OUTPUT-oriented image gallery for AI results / chat surfaces.\n *\n * A `Card` that renders a single image, or a thumbnail grid that collapses the\n * overflow into a \"+N more\" tile, and opens a unified lightbox `Dialog` with a\n * `Carousel` and a right-side metadata panel that tracks the active slide.\n *\n * The image surfaces in this package differ by ROLE, and all of them compose\n * the ui `Image` primitive (ADR 0041) rather than drawing their own `<img>`:\n * - `attachments.tsx` — composer INPUT (removable, file-typed thumbnails).\n * - `asset-preview.tsx` — a SINGLE asset in the context rail (type-switched).\n * - `generated-image.tsx` — an AI-SDK generated (base64) image.\n * Gallery is the multi-image lightbox: expand / download / carousel / metadata.\n *\n * The data model is framework-agnostic (plain `{ src, alt, … }`) — it does NOT\n * couple to the AI-SDK message model. Map a `UIMessage` part onto `GalleryImage`\n * in the app or a thin adapter.\n */\n\nimport {\n AspectRatio,\n Button,\n Card,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselNext,\n CarouselPrevious,\n Dialog,\n DialogContent,\n DialogDescription,\n DialogTitle,\n Image,\n Skeleton,\n downloadUrl,\n type CarouselApi,\n} from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { useLocale } from \"@elabs-ai/components-ui\";\nimport { useReducedMotion } from \"@elabs-ai/components-tokens\";\nimport { Download, ImageOff, Maximize2 } from \"lucide-react\";\nimport {\n createContext,\n forwardRef,\n use,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n type HTMLAttributes,\n type ReactNode,\n} from \"react\";\n\n/** One labelled metadata row rendered in the detail panel `<dl>`. */\nexport interface GalleryMetaItem {\n /** Field label (rendered muted, in the `<dt>`). */\n label: string;\n /** Field value — a string in the common case; `ReactNode` allows a link/badge. */\n value: ReactNode;\n}\n\n/** A single gallery image plus its optional metadata. */\nexport interface GalleryImage {\n /** Full-resolution source shown in the lightbox and standalone tile. */\n src: string;\n /** Required alt text (a11y). Pass `\"\"` to mark the image decorative. */\n alt: string;\n /** Cheaper thumbnail for the grid; falls back to `src`. */\n thumbnailSrc?: string;\n /** Headline shown in the panel; also feeds the dialog's accessible name. */\n title?: string;\n /** Long-form copy shown under the title in the detail panel. */\n description?: string;\n /** Structured key/value rows rendered as a `<dl>` in the detail panel. */\n meta?: GalleryMetaItem[];\n /** Overrides `src` for the download (e.g. a signed full-res URL). */\n downloadUrl?: string;\n /** Suggested download filename. */\n downloadName?: string;\n}\n\nexport interface GalleryProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n /** Images to display. `0` → empty state, `1` → standalone, `≥2` → grid. */\n images: GalleryImage[];\n /** Thumbnails to show before collapsing the rest into a \"+N more\" tile. @default 5 */\n maxVisible?: number;\n /** Aspect ratio for grid tiles and the standalone image. @default 1 (square) */\n aspectRatio?: number;\n /** Hide every download affordance (e.g. rights-restricted assets). @default false */\n hideDownload?: boolean;\n /**\n * The set is still arriving (loading-states.md `loading` signal). Renders\n * skeleton tiles in the grid footprint instead of the empty state, and fills\n * the gap up to `expectedCount` (or `maxVisible`) while images stream in.\n * @default false\n */\n loading?: boolean;\n /**\n * Total images expected once the set finishes arriving. When\n * `images.length < expectedCount`, the arrived tiles render alongside\n * skeleton tiles for the missing ones, so the grid fills in place (no reflow).\n */\n expectedCount?: number;\n /**\n * Replace the default metadata body in the detail panel. Receives the\n * currently-active image, so it stays in sync with the carousel. The panel\n * chrome + title heading remain.\n */\n renderMeta?: (image: GalleryImage, index: number) => ReactNode;\n}\n\ninterface GalleryContextValue {\n images: GalleryImage[];\n maxVisible: number;\n aspectRatio: number;\n hideDownload: boolean;\n /** The set is still arriving — render skeleton tiles to fill the gap. */\n incoming: boolean;\n /** How many skeleton tiles to append after the arrived images. */\n skeletonCount: number;\n renderMeta?: GalleryProps[\"renderMeta\"];\n state: { open: boolean; activeIndex: number };\n actions: {\n open: (index: number) => void;\n close: () => void;\n setActiveIndex: (index: number) => void;\n setOpen: (open: boolean) => void;\n };\n}\n\nconst GalleryContext = createContext<GalleryContextValue | null>(null);\n\nfunction useGallery(): GalleryContextValue {\n const ctx = use(GalleryContext);\n if (!ctx) throw new Error(\"useGallery must be used within <Gallery />\");\n return ctx;\n}\n\nfunction triggerDownload(image: GalleryImage): void {\n void downloadUrl(image.downloadUrl ?? image.src, image.downloadName);\n}\n\n/** Round, frosted icon button that downloads `image`. */\nfunction GalleryDownloadButton({\n image,\n className,\n tabIndex,\n}: {\n image: GalleryImage;\n className?: string;\n /** Off-screen carousel slides pass -1 so they're not phantom tab stops. */\n tabIndex?: number;\n}) {\n const { t } = useLocale();\n\n return (\n <Button\n type=\"button\"\n size=\"icon-sm\"\n variant=\"outline\"\n tabIndex={tabIndex}\n aria-label={t(\"ai.gallery.downloadImage\")}\n className={cn(\"rounded-full bg-background/80 backdrop-blur-sm\", className)}\n onClick={(event) => {\n event.stopPropagation();\n triggerDownload(image);\n }}\n >\n <Download aria-hidden=\"true\" />\n </Button>\n );\n}\n\nconst HOVER_TOOLBAR =\n \"opacity-0 transition-opacity duration-fast ease-standard group-hover:opacity-100 group-focus-within:opacity-100 motion-reduce:transition-none\";\n\n// \"Comes closer\" hover for a tile: a gentle scale-up + drop shadow, plus a 3D\n// tilt that tracks the cursor. Movement (tilt + scale) is gated by\n// useReducedMotion — the shadow still responds (\"reduced != none\", like Card).\n// The wrapper carries `group relative` (toolbar reveal + absolute children) and\n// NO overflow, so the shadow and the inner control's focus ring aren't clipped.\nconst TILT_PERSPECTIVE = 800; // px — larger = subtler tilt\nconst TILT_MAX_DEG = 6;\nconst TILT_SCALE = 1.04;\nconst tiltTransform = (rotateX: number, rotateY: number, scale: number) =>\n `perspective(${TILT_PERSPECTIVE}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(${scale})`;\nconst TILT_REST = tiltTransform(0, 0, 1);\n\nfunction GalleryTilt({ className, children }: { className?: string; children: ReactNode }) {\n const reduced = useReducedMotion();\n const ref = useRef<HTMLDivElement>(null);\n const rect = useRef<DOMRect | null>(null);\n const raf = useRef<number | null>(null);\n\n useEffect(\n () => () => {\n if (raf.current != null) cancelAnimationFrame(raf.current);\n },\n [],\n );\n\n // Reduced motion: no tilt/scale; the shadow alone signals the lift.\n if (reduced) {\n return (\n <div\n className={cn(\n \"group relative rounded-lg transition-shadow duration-base ease-standard hover:z-10 hover:shadow-xl\",\n className,\n )}\n >\n {children}\n </div>\n );\n }\n\n const write = (transform: string) => {\n if (ref.current) ref.current.style.transform = transform;\n };\n\n return (\n <div\n ref={ref}\n style={{ transform: TILT_REST }}\n onPointerEnter={() => {\n // Cache geometry once per hover (no per-move layout read); grow on enter.\n rect.current = ref.current?.getBoundingClientRect() ?? null;\n write(tiltTransform(0, 0, TILT_SCALE));\n }}\n onPointerMove={(event) => {\n const r = rect.current;\n if (!r) return;\n const px = (event.clientX - r.left) / r.width - 0.5;\n const py = (event.clientY - r.top) / r.height - 0.5;\n if (raf.current != null) cancelAnimationFrame(raf.current);\n raf.current = requestAnimationFrame(() =>\n write(tiltTransform(-py * TILT_MAX_DEG, px * TILT_MAX_DEG, TILT_SCALE)),\n );\n }}\n onPointerLeave={() => {\n if (raf.current != null) cancelAnimationFrame(raf.current);\n write(TILT_REST);\n }}\n className={cn(\n \"group relative rounded-lg transition-[transform,box-shadow] duration-base ease-standard hover:z-10 hover:shadow-2xl\",\n className,\n )}\n >\n {children}\n </div>\n );\n}\n\nfunction GalleryEmpty() {\n const { t } = useLocale();\n return (\n <div className=\"flex min-h-32 flex-col items-center justify-center gap-2 p-6 text-center text-muted-foreground\">\n <ImageOff className=\"size-6\" aria-hidden=\"true\" />\n <p className=\"text-body\">{t(\"ai.gallery.noImages\")}</p>\n </div>\n );\n}\n\n/** The single-image branch — a framed image with an always-on expand button. */\nfunction GallerySingle() {\n const { t } = useLocale();\n const { images, aspectRatio, hideDownload, actions } = useGallery();\n const image = images[0];\n if (!image) return null;\n\n return (\n <GalleryTilt>\n <AspectRatio ratio={aspectRatio} className=\"overflow-hidden rounded-lg\">\n {/* `showSkeleton` frames the image `size-full` inside the reserved box. */}\n <Image src={image.src} alt={image.alt} fit=\"cover\" loading=\"lazy\" showSkeleton />\n </AspectRatio>\n <div className=\"absolute end-2 top-2 z-10 flex items-center gap-1\">\n {hideDownload ? null : <GalleryDownloadButton image={image} className={HOVER_TOOLBAR} />}\n <Button\n type=\"button\"\n size=\"icon-sm\"\n variant=\"outline\"\n aria-label={t(\"ai.gallery.expandImage\")}\n className=\"rounded-full bg-background/80 backdrop-blur-sm\"\n onClick={() => actions.open(0)}\n >\n <Maximize2 aria-hidden=\"true\" />\n </Button>\n </div>\n </GalleryTilt>\n );\n}\n\n/** One thumbnail in the grid — a button that opens the lightbox at `index`. */\nfunction GalleryTile({ image, index }: { image: GalleryImage; index: number }) {\n const { images, aspectRatio, hideDownload, actions } = useGallery();\n const total = images.length;\n const label = image.title ?? (image.alt || `Image ${index + 1} of ${total}`);\n\n return (\n <GalleryTilt>\n <button\n type=\"button\"\n onClick={() => actions.open(index)}\n aria-label={label}\n className=\"block w-full rounded-lg focus-ring\"\n >\n <AspectRatio ratio={aspectRatio} className=\"overflow-hidden rounded-lg\">\n {/* Decorative: the button carries the accessible name. */}\n <Image\n src={image.thumbnailSrc ?? image.src}\n alt=\"\"\n fit=\"cover\"\n loading=\"lazy\"\n showSkeleton\n />\n </AspectRatio>\n </button>\n {hideDownload ? null : (\n <GalleryDownloadButton\n image={image}\n className={cn(\"absolute end-2 top-2 z-10\", HOVER_TOOLBAR)}\n />\n )}\n </GalleryTilt>\n );\n}\n\n/** The \"+N more\" tile — same footprint as a thumbnail; opens the carousel. */\nfunction GalleryOverflowTile() {\n const { images, maxVisible, aspectRatio, actions } = useGallery();\n const total = images.length;\n const count = total - maxVisible;\n\n return (\n <GalleryTilt>\n <button\n type=\"button\"\n onClick={() => actions.open(maxVisible)}\n aria-label={`Show all ${total} images`}\n className=\"block w-full rounded-lg border border-border bg-muted focus-ring\"\n >\n <AspectRatio ratio={aspectRatio} className=\"overflow-hidden rounded-lg\">\n <span className=\"flex size-full items-center justify-center text-subtitle text-muted-foreground transition-colors duration-fast ease-standard group-hover:text-foreground motion-reduce:transition-none\">\n +{count} more\n </span>\n </AspectRatio>\n </button>\n </GalleryTilt>\n );\n}\n\n/** A grid tile placeholder — same footprint as a thumbnail, shown while loading. */\nfunction GallerySkeletonTile() {\n const { aspectRatio } = useGallery();\n return (\n <AspectRatio ratio={aspectRatio} className=\"overflow-hidden rounded-lg\">\n <Skeleton className=\"size-full rounded-none\" />\n </AspectRatio>\n );\n}\n\n/**\n * The all-skeleton grid for the loading-from-empty case (no images yet).\n * Decorative — the loading announcement comes from the persistent live region on\n * the always-mounted `Card` (so it fires reliably; ARIA22).\n */\nfunction GallerySkeletonGrid() {\n const { skeletonCount } = useGallery();\n return (\n <div className=\"grid grid-cols-2 gap-2 sm:grid-cols-3\" aria-hidden=\"true\">\n {Array.from({ length: Math.max(1, skeletonCount) }).map((_, i) => (\n <GallerySkeletonTile key={`skeleton-${i}`} />\n ))}\n </div>\n );\n}\n\nfunction GalleryGrid() {\n const { images, maxVisible, incoming, skeletonCount } = useGallery();\n const total = images.length;\n\n // While the set is still arriving, render the arrived tiles plus skeleton\n // tiles for the missing ones — no \"+N more\" collapse until the set settles.\n if (incoming) {\n return (\n <div className=\"grid grid-cols-2 gap-2 sm:grid-cols-3\">\n {images.map((image, index) => (\n <GalleryTile key={`${image.src}-${index}`} image={image} index={index} />\n ))}\n {Array.from({ length: skeletonCount }).map((_, i) => (\n <GallerySkeletonTile key={`skeleton-${i}`} />\n ))}\n </div>\n );\n }\n\n const hasOverflow = total > maxVisible;\n const visible = hasOverflow ? images.slice(0, maxVisible) : images;\n\n return (\n <div className=\"grid grid-cols-2 gap-2 sm:grid-cols-3\">\n {visible.map((image, index) => (\n <GalleryTile key={`${image.src}-${index}`} image={image} index={index} />\n ))}\n {hasOverflow ? <GalleryOverflowTile /> : null}\n </div>\n );\n}\n\n/** Default detail-panel body: description + a `<dl>` of `meta` rows. */\nfunction GalleryDetailPanel({\n image,\n index,\n renderMeta,\n}: {\n image: GalleryImage;\n index: number;\n renderMeta?: GalleryProps[\"renderMeta\"];\n}) {\n const { t } = useLocale();\n const custom = renderMeta?.(image, index);\n if (custom != null) {\n return <div className=\"flex flex-col gap-4\">{custom}</div>;\n }\n\n const hasMeta = image.meta != null && image.meta.length > 0;\n const hasBody = Boolean(image.description) || hasMeta;\n\n if (!hasBody) {\n return <p className=\"text-body text-muted-foreground\">{t(\"ai.gallery.noDetails\")}</p>;\n }\n\n return (\n <div className=\"flex flex-col gap-4\">\n {image.description ? (\n <p className=\"text-body text-muted-foreground\">{image.description}</p>\n ) : null}\n {hasMeta ? (\n <dl className=\"flex flex-col gap-3\">\n {image.meta?.map((item, i) => (\n <div key={`${item.label}-${i}`} className=\"flex flex-col gap-0.5\">\n <dt className=\"text-meta text-muted-foreground\">{item.label}</dt>\n <dd className=\"text-body text-foreground\">{item.value}</dd>\n </div>\n ))}\n </dl>\n ) : null}\n </div>\n );\n}\n\n/** The lightbox carousel — one slide per image; syncs `activeIndex` on select. */\nfunction GalleryCarousel() {\n const { t } = useLocale();\n const { images, state, actions, hideDownload } = useGallery();\n const [api, setApi] = useState<CarouselApi>();\n const showArrows = images.length > 1;\n const { setActiveIndex } = actions;\n // Capture the open-at index ONCE (the modal remounts the carousel each open).\n // Tying opts.startIndex to the live activeIndex hands Embla a changed options\n // object on every slide (it deep-compares) → constant reInit → the native\n // slide animation never plays. A stable opts keeps Embla's scroll intact;\n // activeIndex flows one-way (carousel select → panel), never back into opts.\n const [startIndex] = useState(() => state.activeIndex);\n const opts = useMemo(() => ({ startIndex, loop: false }), [startIndex]);\n\n useEffect(() => {\n if (!api) return;\n const onSelect = () => setActiveIndex(api.selectedScrollSnap());\n onSelect();\n api.on(\"select\", onSelect);\n api.on(\"reInit\", onSelect);\n return () => {\n api.off(\"select\", onSelect);\n api.off(\"reInit\", onSelect);\n };\n }, [api, setActiveIndex]);\n\n // The dialog animates in (zoom-in-95); re-measure once laid out so Embla\n // aligns and lands on the opened slide.\n useEffect(() => {\n if (!api) return;\n const raf = requestAnimationFrame(() => api.reInit());\n return () => cancelAnimationFrame(raf);\n }, [api]);\n\n return (\n <Carousel\n setApi={setApi}\n opts={opts}\n className=\"relative w-full\"\n aria-label={t(\"ai.gallery.label\")}\n >\n <CarouselContent>\n {images.map((image, index) => (\n <CarouselItem\n key={`${image.src}-${index}`}\n aria-label={`${index + 1} of ${images.length}`}\n >\n <div className=\"group/slide relative flex items-center justify-center px-4\">\n {/* The slide is not sized to the image — no box to reserve. */}\n <Image\n src={image.src}\n alt={image.alt}\n fit=\"contain\"\n showSkeleton={false}\n className=\"max-h-[80vh] w-auto max-w-full\"\n />\n {hideDownload ? null : (\n <GalleryDownloadButton\n image={image}\n // Off-screen slides stay in the DOM (Embla); keep only the\n // active slide's download button in the tab order.\n tabIndex={index === state.activeIndex ? 0 : -1}\n className=\"absolute end-14 top-3 opacity-0 transition-opacity duration-fast ease-standard group-hover/slide:opacity-100 group-focus-within/slide:opacity-100 motion-reduce:transition-none\"\n />\n )}\n </div>\n </CarouselItem>\n ))}\n </CarouselContent>\n {showArrows ? (\n <>\n <CarouselPrevious className=\"start-4\" />\n <CarouselNext className=\"end-4\" />\n </>\n ) : null}\n </Carousel>\n );\n}\n\nfunction GalleryModal() {\n const { images, state, actions, renderMeta } = useGallery();\n const total = images.length;\n const active = images[state.activeIndex];\n\n const fallbackTitle = active\n ? active.alt || `Image ${state.activeIndex + 1} of ${total}`\n : \"Image preview\";\n\n return (\n <Dialog open={state.open} onOpenChange={actions.setOpen}>\n <DialogContent\n size=\"full\"\n className=\"grid grid-rows-[minmax(0,3fr)_minmax(0,2fr)] gap-0 overflow-hidden p-0 md:grid-cols-[minmax(0,1fr)_22rem] md:grid-rows-1\"\n >\n <div className=\"relative flex min-h-0 items-center justify-center overflow-hidden bg-muted\">\n {active ? <GalleryCarousel /> : null}\n </div>\n <aside className=\"flex min-h-0 flex-col overflow-y-auto border-border bg-card p-6 max-md:border-t md:border-s\">\n {active?.title ? (\n <DialogTitle className=\"pe-8 text-title\">{active.title}</DialogTitle>\n ) : (\n <DialogTitle className=\"sr-only\">{fallbackTitle}</DialogTitle>\n )}\n <DialogDescription className=\"sr-only\">\n {total > 1\n ? `Image ${state.activeIndex + 1} of ${total}. Use the arrow keys to browse.`\n : \"Image preview\"}\n </DialogDescription>\n {active ? (\n <div className=\"mt-4 flex-1\">\n <GalleryDetailPanel\n image={active}\n index={state.activeIndex}\n renderMeta={renderMeta}\n />\n </div>\n ) : null}\n </aside>\n {/* Carousel navigation only changes the title's text, which doesn't\n re-announce. A polite live region orients screen-reader users on each\n slide change. (sr-only is position:absolute, so it adds no grid cell.) */}\n <span className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n {active && total > 1\n ? `${active.title ?? active.alt} — image ${state.activeIndex + 1} of ${total}`\n : \"\"}\n </span>\n </DialogContent>\n </Dialog>\n );\n}\n\nexport const Gallery = forwardRef<HTMLDivElement, GalleryProps>(function Gallery(\n {\n images,\n maxVisible = 5,\n aspectRatio = 1,\n hideDownload = false,\n loading = false,\n expectedCount,\n renderMeta,\n className,\n ...props\n },\n ref,\n) {\n const [open, setOpen] = useState(false);\n const [activeIndex, setActiveIndex] = useState(0);\n\n const openAt = useCallback((index: number) => {\n setActiveIndex(index);\n setOpen(true);\n }, []);\n const close = useCallback(() => setOpen(false), []);\n\n // The set is \"incoming\" while it's still arriving — either an explicit\n // `loading` flag, or fewer images than the `expectedCount`. Fill the grid up\n // to the target (capped at the visible footprint) with skeleton tiles.\n const target = expectedCount ?? (loading ? maxVisible : undefined);\n const incoming = target !== undefined && images.length < target;\n const skeletonCount = incoming ? Math.max(0, Math.min(target, maxVisible) - images.length) : 0;\n\n // Loading announcement: the live region must exist BEFORE its text appears\n // (ARIA22), so the `sr-only` status span below is always mounted and its label\n // is set one tick later via this effect — reliable on NVDA + Chrome.\n const loadingFromEmpty = incoming && images.length === 0;\n const [liveMsg, setLiveMsg] = useState(\"\");\n useEffect(() => {\n setLiveMsg(loadingFromEmpty ? \"Loading images\" : \"\");\n }, [loadingFromEmpty]);\n\n const value = useMemo<GalleryContextValue>(\n () => ({\n images,\n maxVisible,\n aspectRatio,\n hideDownload,\n incoming,\n skeletonCount,\n renderMeta,\n state: { open, activeIndex },\n actions: { open: openAt, close, setActiveIndex, setOpen },\n }),\n [\n images,\n maxVisible,\n aspectRatio,\n hideDownload,\n incoming,\n skeletonCount,\n renderMeta,\n open,\n activeIndex,\n openAt,\n close,\n ],\n );\n\n let body: ReactNode;\n if (images.length === 0) {\n body = incoming ? <GallerySkeletonGrid /> : <GalleryEmpty />;\n } else if (incoming) {\n body = <GalleryGrid />;\n } else if (images.length === 1) {\n body = <GallerySingle />;\n } else {\n body = <GalleryGrid />;\n }\n\n return (\n <GalleryContext.Provider value={value}>\n <Card ref={ref} className={cn(\"p-2\", className)} {...props}>\n <span className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n {liveMsg}\n </span>\n {body}\n </Card>\n {images.length > 0 ? <GalleryModal /> : null}\n </GalleryContext.Provider>\n );\n});\n"],"mappings":"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","names":["Gallery"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
getStatusBadge
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-OCZNA5SO.js";
|
|
5
5
|
|
|
6
6
|
// src/sandbox.tsx
|
|
7
7
|
import {
|
|
@@ -105,4 +105,4 @@ export {
|
|
|
105
105
|
SandboxTabsTrigger,
|
|
106
106
|
SandboxTabContent
|
|
107
107
|
};
|
|
108
|
-
//# sourceMappingURL=chunk-
|
|
108
|
+
//# sourceMappingURL=chunk-WXUXFDJQ.js.map
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
useStreamdownMermaidOptions,
|
|
8
8
|
useStreamdownPlugins,
|
|
9
9
|
useStreamdownTranslations
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-DI645WR4.js";
|
|
11
11
|
|
|
12
12
|
// src/reasoning.tsx
|
|
13
13
|
import { useControllableState } from "@radix-ui/react-use-controllable-state";
|
|
@@ -184,4 +184,4 @@ export {
|
|
|
184
184
|
ReasoningTrigger,
|
|
185
185
|
ReasoningContent
|
|
186
186
|
};
|
|
187
|
-
//# sourceMappingURL=chunk-
|
|
187
|
+
//# sourceMappingURL=chunk-YLN7E4OV.js.map
|
package/dist/code-block.js
CHANGED
package/dist/diff-view.js
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
import {
|
|
4
4
|
DiffView,
|
|
5
5
|
diffRowVariants
|
|
6
|
-
} from "./chunk-
|
|
7
|
-
import "./chunk-
|
|
6
|
+
} from "./chunk-HLODND65.js";
|
|
7
|
+
import "./chunk-3UHR3RLZ.js";
|
|
8
8
|
import "./chunk-3YPT3V7L.js";
|
|
9
9
|
import "./chunk-3TDHPXZZ.js";
|
|
10
10
|
import "./chunk-SSKZ2AED.js";
|
package/dist/gallery.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
package/dist/grouped-parts.js
CHANGED
|
@@ -2,19 +2,19 @@
|
|
|
2
2
|
"use client";
|
|
3
3
|
import {
|
|
4
4
|
GroupedParts
|
|
5
|
-
} from "./chunk-
|
|
6
|
-
import "./chunk-
|
|
7
|
-
import "./chunk-
|
|
5
|
+
} from "./chunk-3KXIWGHW.js";
|
|
6
|
+
import "./chunk-YLN7E4OV.js";
|
|
7
|
+
import "./chunk-OCZNA5SO.js";
|
|
8
8
|
import "./chunk-YSKD7UXX.js";
|
|
9
|
-
import "./chunk-
|
|
9
|
+
import "./chunk-3UHR3RLZ.js";
|
|
10
10
|
import "./chunk-3YPT3V7L.js";
|
|
11
|
-
import "./chunk-
|
|
12
|
-
import "./chunk-VLNBTOH6.js";
|
|
11
|
+
import "./chunk-DI645WR4.js";
|
|
13
12
|
import "./chunk-PG7ERDOD.js";
|
|
14
13
|
import "./chunk-SEVN656N.js";
|
|
15
14
|
import "./chunk-3TDHPXZZ.js";
|
|
16
15
|
import "./chunk-SSKZ2AED.js";
|
|
17
16
|
import "./chunk-QUDZOTRV.js";
|
|
17
|
+
import "./chunk-VLNBTOH6.js";
|
|
18
18
|
export {
|
|
19
19
|
GroupedParts
|
|
20
20
|
};
|
package/dist/image.js
CHANGED