@dungle-scrubs/admin-ui-soft 0.0.0-stage → 0.0.0

package/dist/components/assistant-ui/elements/image.d.ts

@@ -0,0 +1,59 @@
+import { PropsWithChildren } from "react";
+import { VariantProps } from "class-variance-authority";
+import { ImageMessagePart, ImageMessagePartComponent } from "@assistant-ui/react";
+declare namespace image_d_exports {
+  export { Image, ImageActions, ImageActionsProps, ImageContentFilterError, ImageFilename, ImageGenerating, ImagePreview, ImageRoot, ImageRootProps, ImageSource, ImageSourceProps, ImageZoom, imageVariants };
+}
+declare const imageVariants: (props?: ({
+  variant?: "ghost" | "muted" | "outline" | null | undefined;
+  size?: "default" | "full" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ImageRootProps = React.ComponentProps<"div"> & VariantProps<typeof imageVariants>;
+declare function ImageRoot({ className, variant, size, children, ...props }: ImageRootProps): import("react").JSX.Element;
+type ImagePreviewProps = Omit<React.ComponentProps<"img">, "children"> & {
+  containerClassName?: string | undefined;
+  ratio?: "auto" | "1:1" | "4:3" | "16:9" | "9:16" | undefined;
+  fit?: "cover" | "contain" | undefined;
+};
+declare function ImagePreview({ className, containerClassName, ratio, fit, onLoad, onError, alt, src, ...props }: ImagePreviewProps): import("react").JSX.Element;
+export type ImageSourceProps = {
+  label?: string | undefined;
+  url?: string | undefined;
+  iconUrl?: string | undefined;
+} & React.ComponentProps<"div">;
+declare function ImageSource({ className, label, url, iconUrl, ...props }: ImageSourceProps): import("react").JSX.Element | null;
+declare function ImageFilename({ className, children, ...props }: React.ComponentProps<"span">): import("react").JSX.Element | null;
+type ImageZoomProps = PropsWithChildren<{
+  src: string;
+  alt?: string;
+}>;
+declare function ImageZoom({ src, alt, children }: ImageZoomProps): import("react").JSX.Element;
+declare function ImageGenerating({ className }: {
+  className?: string;
+}): import("react").JSX.Element;
+declare function ImageContentFilterError({ className, reason }: {
+  className?: string;
+  reason?: string;
+}): import("react").JSX.Element;
+export type ImageActionsProps = {
+  part: ImageMessagePart;
+  /**
+   * Wire to your own generation call to show a regenerate button. The button
+   * renders only when this is set and the part carries a `prompt`.
+   */
+  onRegenerate?: () => void | Promise<void>;
+  className?: string;
+};
+declare function ImageActions({ part, onRegenerate, className }: ImageActionsProps): import("react").JSX.Element;
+declare const Image: ImageMessagePartComponent & {
+  Root: typeof ImageRoot;
+  Preview: typeof ImagePreview;
+  Source: typeof ImageSource;
+  Filename: typeof ImageFilename;
+  Zoom: typeof ImageZoom;
+  Actions: typeof ImageActions;
+  Generating: typeof ImageGenerating;
+  ContentFilterError: typeof ImageContentFilterError;
+};
+//#endregion
+export { Image, ImageActions, ImageContentFilterError, ImageFilename, ImageGenerating, ImagePreview, ImageRoot, ImageSource, ImageZoom, imageVariants, image_d_exports };

package/dist/components/assistant-ui/elements/image.js

@@ -0,0 +1,416 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { hostOf, safeHref } from "../utils/href.js";
+import { memo, useCallback, useEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { CopyIcon, DownloadIcon, ImageIcon, ImageOffIcon, Loader2Icon, RefreshCwIcon, ShieldAlertIcon, XIcon } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { createPortal } from "react-dom";
+//#region src/components/assistant-ui/elements/image.tsx
+var image_exports = /* @__PURE__ */ __exportAll({
+	Image: () => Image,
+	ImageActions: () => ImageActions,
+	ImageContentFilterError: () => ImageContentFilterError,
+	ImageFilename: () => ImageFilename,
+	ImageGenerating: () => ImageGenerating,
+	ImagePreview: () => ImagePreview,
+	ImageRoot: () => ImageRoot,
+	ImageSource: () => ImageSource,
+	ImageZoom: () => ImageZoom,
+	imageVariants: () => imageVariants
+});
+const extensionForMimeType = (mimeType) => {
+	switch (mimeType) {
+		case "image/png": return "png";
+		case "image/jpeg":
+		case "image/jpg": return "jpg";
+		case "image/webp": return "webp";
+		case "image/gif": return "gif";
+		case "image/svg+xml": return "svg";
+		default: return "png";
+	}
+};
+const dataUriToBlob = (dataUri) => {
+	const commaIndex = dataUri.indexOf(",");
+	const meta = commaIndex >= 0 ? dataUri.slice(0, commaIndex) : dataUri;
+	const data = commaIndex >= 0 ? dataUri.slice(commaIndex + 1) : "";
+	const mime = meta.match(/data:([^;]+)/i)?.[1]?.toLowerCase() ?? "application/octet-stream";
+	if (!/;base64/i.test(meta)) {
+		const parts = [];
+		let last = 0;
+		for (const match of data.matchAll(/(?:%[\da-f]{2})+/gi)) {
+			if (match.index > last) parts.push(data.slice(last, match.index));
+			const run = match[0];
+			const escaped = new Uint8Array(run.length / 3);
+			for (let index = 0; index < escaped.length; index++) escaped[index] = Number.parseInt(run.slice(index * 3 + 1, index * 3 + 3), 16);
+			parts.push(escaped);
+			last = match.index + run.length;
+		}
+		parts.push(data.slice(last));
+		return new Blob(parts, { type: mime });
+	}
+	let bytes;
+	try {
+		const base64 = data.replace(/%([\da-f]{2})/gi, (_match, hex) => String.fromCharCode(Number.parseInt(hex, 16)));
+		bytes = atob(base64);
+	} catch {
+		return null;
+	}
+	const arr = new Uint8Array(bytes.length);
+	for (let i = 0; i < bytes.length; i++) arr[i] = bytes.charCodeAt(i);
+	return new Blob([arr], { type: mime });
+};
+const mimeFromImage = (image) => image.match(/^data:([^;,]+)/i)?.[1]?.toLowerCase();
+const defaultFilenameFromImage = (image) => {
+	const mime = mimeFromImage(image);
+	if (mime) return `image.${extensionForMimeType(mime)}`;
+	try {
+		const encodedBasename = new URL(image, document.baseURI).pathname.split("/").pop() ?? "";
+		let basename = encodedBasename;
+		try {
+			basename = decodeURIComponent(encodedBasename);
+		} catch {}
+		if (/\.(png|jpe?g|webp|gif|svg)$/i.test(basename)) return basename;
+	} catch {}
+	return "image.png";
+};
+const downloadImagePart = (part) => {
+	if (typeof document === "undefined") return;
+	const filename = part.filename ?? defaultFilenameFromImage(part.image);
+	const isDataUri = /^data:/i.test(part.image);
+	const blob = isDataUri ? dataUriToBlob(part.image) : null;
+	if (isDataUri && !blob) return;
+	const objectUrl = blob ? URL.createObjectURL(blob) : null;
+	const href = objectUrl ?? part.image;
+	const a = document.createElement("a");
+	a.href = href;
+	a.download = filename;
+	a.rel = "noopener";
+	document.body.appendChild(a);
+	a.click();
+	document.body.removeChild(a);
+	if (objectUrl) setTimeout(() => URL.revokeObjectURL(objectUrl), 4e4);
+};
+const copyImagePart = async (part) => {
+	if (typeof navigator === "undefined" || !navigator.clipboard || typeof ClipboardItem === "undefined") throw new Error("Clipboard API is not available in this environment.");
+	const blob = /^data:/i.test(part.image) ? dataUriToBlob(part.image) : await fetch(part.image).then((r) => r.blob());
+	if (!blob) return;
+	const mime = mimeFromImage(part.image) ?? blob.type ?? "image/png";
+	await navigator.clipboard.write([new ClipboardItem({ [mime]: blob })]);
+};
+const imageVariants = cva("aui-image-root relative overflow-hidden rounded-lg", {
+	variants: {
+		variant: {
+			outline: "border-border border",
+			ghost: "",
+			muted: "bg-muted/50"
+		},
+		size: {
+			sm: "max-w-64",
+			default: "max-w-96",
+			lg: "max-w-[512px]",
+			full: "w-full"
+		}
+	},
+	defaultVariants: {
+		variant: "outline",
+		size: "default"
+	}
+});
+function ImageRoot({ className, variant, size, children, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "image-root",
+		"data-variant": variant,
+		"data-size": size,
+		className: cn(imageVariants({
+			variant,
+			size,
+			className
+		})),
+		...props,
+		children
+	});
+}
+function ImagePreview({ className, containerClassName, ratio = "auto", fit = "contain", onLoad, onError, alt = "Image content", src, ...props }) {
+	const imgRef = useRef(null);
+	const [loadedSrc, setLoadedSrc] = useState(void 0);
+	const [errorSrc, setErrorSrc] = useState(void 0);
+	const loaded = loadedSrc === src;
+	const error = errorSrc === src;
+	const fixedRatio = ratio !== "auto";
+	const ratioClassName = ratio === "1:1" ? "aspect-square" : ratio === "4:3" ? "aspect-[4/3]" : ratio === "16:9" ? "aspect-video" : ratio === "9:16" ? "aspect-[9/16]" : void 0;
+	useEffect(() => {
+		const image = imgRef.current;
+		if (typeof src !== "string" || !image?.complete) return;
+		if (image.naturalWidth > 0) setLoadedSrc(src);
+		else setErrorSrc(src);
+	}, [src]);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "image-preview",
+		className: cn("relative", fixedRatio ? ratioClassName : "min-h-32", containerClassName),
+		children: [!loaded && !error && /* @__PURE__ */ jsx("div", {
+			"data-slot": "image-preview-loading",
+			className: "bg-muted/50 absolute inset-0 flex items-center justify-center",
+			children: /* @__PURE__ */ jsx(ImageIcon, { className: "text-muted-foreground size-8 animate-pulse" })
+		}), error ? /* @__PURE__ */ jsx("div", {
+			"data-slot": "image-preview-error",
+			className: cn("bg-muted/50 flex min-h-32 items-center justify-center p-4", fixedRatio && "absolute inset-0"),
+			children: /* @__PURE__ */ jsx(ImageOffIcon, { className: "text-muted-foreground size-8" })
+		}) : /* @__PURE__ */ jsx("img", {
+			ref: imgRef,
+			src,
+			alt,
+			className: cn(fixedRatio ? cn("block h-full w-full", {
+				"object-cover": fit === "cover",
+				"object-contain": fit === "contain"
+			}) : "block h-auto w-full object-contain", !loaded && "invisible", className),
+			onLoad: (e) => {
+				if (typeof src === "string") setLoadedSrc(src);
+				onLoad?.(e);
+			},
+			onError: (e) => {
+				if (typeof src === "string") setErrorSrc(src);
+				onError?.(e);
+			},
+			...props
+		})]
+	});
+}
+function ImageSource({ className, label, url, iconUrl, ...props }) {
+	const href = safeHref(url);
+	const host = hostOf(url);
+	const displayLabel = label || host;
+	const [failedIconUrl, setFailedIconUrl] = useState();
+	if (!displayLabel) return null;
+	const showIcon = iconUrl !== void 0 && failedIconUrl !== iconUrl;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "image-source",
+		className: cn("text-muted-foreground flex items-center gap-2 border-t px-2 py-1.5 text-xs", className),
+		...props,
+		children: [showIcon ? /* @__PURE__ */ jsx("img", {
+			"data-slot": "image-source-icon",
+			src: iconUrl,
+			alt: "",
+			className: "size-4 shrink-0 rounded-sm",
+			onError: () => setFailedIconUrl(iconUrl)
+		}) : /* @__PURE__ */ jsx("span", {
+			"data-slot": "image-source-icon-fallback",
+			"aria-hidden": "true",
+			className: "bg-muted flex size-4 shrink-0 items-center justify-center rounded-sm text-[10px] font-medium",
+			children: displayLabel.charAt(0).toUpperCase()
+		}), href ? /* @__PURE__ */ jsxs("a", {
+			"data-slot": "image-source-label",
+			href,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: "hover:text-foreground truncate",
+			children: [displayLabel, /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: " (opens in a new tab)"
+			})]
+		}) : /* @__PURE__ */ jsx("span", {
+			"data-slot": "image-source-label",
+			className: "truncate",
+			children: displayLabel
+		})]
+	});
+}
+function ImageFilename({ className, children, ...props }) {
+	if (!children) return null;
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "image-filename",
+		className: cn("text-muted-foreground block truncate px-2 py-1.5 text-xs", className),
+		...props,
+		children
+	});
+}
+function ImageZoom({ src, alt = "Image preview", children }) {
+	const [isOpen, setIsOpen] = useState(false);
+	const triggerRef = useRef(null);
+	const closeRef = useRef(null);
+	const overlayRef = useRef(null);
+	const handleOpen = useCallback(() => setIsOpen(true), []);
+	const handleClose = useCallback(() => {
+		setIsOpen(false);
+		triggerRef.current?.focus();
+	}, []);
+	useEffect(() => {
+		if (!isOpen) return;
+		const handleKeyDown = (e) => {
+			if (e.key === "Escape") {
+				handleClose();
+				return;
+			}
+			if (e.key !== "Tab") return;
+			const focusables = overlayRef.current?.querySelectorAll("a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])");
+			const first = focusables?.[0];
+			const last = focusables?.[focusables.length - 1];
+			if (!first || !last) return;
+			if (e.shiftKey && document.activeElement === first) {
+				e.preventDefault();
+				last.focus();
+			} else if (!e.shiftKey && document.activeElement === last) {
+				e.preventDefault();
+				first.focus();
+			}
+		};
+		document.addEventListener("keydown", handleKeyDown);
+		return () => document.removeEventListener("keydown", handleKeyDown);
+	}, [isOpen, handleClose]);
+	useEffect(() => {
+		if (!isOpen) return;
+		const originalOverflow = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		return () => {
+			document.body.style.overflow = originalOverflow;
+		};
+	}, [isOpen]);
+	useEffect(() => {
+		if (isOpen) closeRef.current?.focus();
+	}, [isOpen]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+		ref: triggerRef,
+		onClick: handleOpen,
+		onKeyDown: (e) => {
+			if (e.key === "Enter") {
+				e.preventDefault();
+				e.currentTarget.click();
+			} else if (e.key === " ") e.preventDefault();
+		},
+		onKeyUp: (e) => {
+			if (e.key === " ") e.currentTarget.click();
+		},
+		role: "button",
+		tabIndex: 0,
+		className: "aui-image-zoom-trigger cursor-zoom-in",
+		"aria-label": "Click to zoom image",
+		children
+	}), isOpen && createPortal(/* @__PURE__ */ jsxs("div", {
+		ref: overlayRef,
+		"data-slot": "image-zoom-overlay",
+		role: "dialog",
+		"aria-modal": "true",
+		className: "aui-image-zoom-overlay fade-in animate-in fixed inset-0 z-50 flex items-center justify-center bg-black/80 duration-200",
+		onClick: handleClose,
+		"aria-label": "Zoomed image",
+		children: [/* @__PURE__ */ jsx("img", {
+			"data-slot": "image-zoom-content",
+			src,
+			alt,
+			className: "aui-image-zoom-content fade-in zoom-in-95 animate-in bg-background ring-foreground/10 max-h-[90vh] max-w-[90vw] cursor-zoom-out rounded-lg object-contain shadow-lg ring-1 duration-200",
+			onClick: (e) => {
+				e.stopPropagation();
+				handleClose();
+			}
+		}), /* @__PURE__ */ jsx("button", {
+			ref: closeRef,
+			type: "button",
+			"aria-label": "Close zoomed image",
+			onClick: (e) => {
+				e.stopPropagation();
+				handleClose();
+			},
+			className: "text-muted-foreground hover:text-foreground bg-background/80 absolute end-4 top-4 cursor-pointer rounded-md p-2",
+			children: /* @__PURE__ */ jsx(XIcon, { className: "size-5" })
+		})]
+	}), document.body)] });
+}
+function ImageGenerating({ className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "image-generating",
+		className: cn("bg-muted/50 flex min-h-32 items-center justify-center p-4", className),
+		children: [/* @__PURE__ */ jsx(Loader2Icon, { className: "text-muted-foreground size-8 animate-spin" }), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Generating image…"
+		})]
+	});
+}
+function ImageContentFilterError({ className, reason }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "image-content-filter-error",
+		className: cn("bg-muted/50 flex min-h-32 flex-col items-center justify-center gap-2 p-4 text-center", className),
+		children: [
+			/* @__PURE__ */ jsx(ShieldAlertIcon, { className: "text-muted-foreground size-8" }),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm font-medium",
+				children: "Image could not be generated"
+			}),
+			reason && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-xs",
+				children: reason
+			})
+		]
+	});
+}
+function RegenerateButton({ onRegenerate }) {
+	const [isRegenerating, setIsRegenerating] = useState(false);
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: async () => {
+			setIsRegenerating(true);
+			try {
+				await onRegenerate();
+			} catch {} finally {
+				setIsRegenerating(false);
+			}
+		},
+		disabled: isRegenerating,
+		"data-slot": "image-regenerate",
+		"aria-label": "Regenerate image",
+		className: "hover:bg-muted inline-flex size-7 items-center justify-center rounded disabled:opacity-50",
+		children: /* @__PURE__ */ jsx(RefreshCwIcon, { className: cn("size-4", isRegenerating && "animate-spin") })
+	});
+}
+function ImageActions({ part, onRegenerate, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "image-actions",
+		className: cn("flex items-center gap-1 p-1", className),
+		children: [
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => downloadImagePart(part),
+				"data-slot": "image-download",
+				"aria-label": "Download image",
+				className: "hover:bg-muted inline-flex size-7 items-center justify-center rounded",
+				children: /* @__PURE__ */ jsx(DownloadIcon, { className: "size-4" })
+			}),
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => {
+					copyImagePart(part).catch(() => {});
+				},
+				"data-slot": "image-copy",
+				"aria-label": "Copy image",
+				className: "hover:bg-muted inline-flex size-7 items-center justify-center rounded",
+				children: /* @__PURE__ */ jsx(CopyIcon, { className: "size-4" })
+			}),
+			onRegenerate && /* @__PURE__ */ jsx(RegenerateButton, { onRegenerate })
+		]
+	});
+}
+const ImageImpl = (props) => {
+	const { image, filename, status } = props;
+	if (status?.type === "running") return /* @__PURE__ */ jsxs(ImageRoot, { children: [/* @__PURE__ */ jsx(ImageGenerating, {}), /* @__PURE__ */ jsx(ImageFilename, { children: filename })] });
+	if (status?.type === "incomplete" && status.reason === "content-filter") return /* @__PURE__ */ jsx(ImageRoot, { children: /* @__PURE__ */ jsx(ImageContentFilterError, { reason: "The provider blocked this image." }) });
+	return /* @__PURE__ */ jsxs(ImageRoot, { children: [/* @__PURE__ */ jsx(ImageZoom, {
+		src: image,
+		alt: filename || "Image content",
+		children: /* @__PURE__ */ jsx(ImagePreview, {
+			src: image,
+			alt: filename || "Image content"
+		})
+	}), /* @__PURE__ */ jsx(ImageFilename, { children: filename })] });
+};
+const Image = memo(ImageImpl);
+Image.displayName = "Image";
+Image.Root = ImageRoot;
+Image.Preview = ImagePreview;
+Image.Source = ImageSource;
+Image.Filename = ImageFilename;
+Image.Zoom = ImageZoom;
+Image.Actions = ImageActions;
+Image.Generating = ImageGenerating;
+Image.ContentFilterError = ImageContentFilterError;
+//#endregion
+export { Image, ImageActions, ImageContentFilterError, ImageFilename, ImageGenerating, ImagePreview, ImageRoot, ImageSource, ImageZoom, imageVariants, image_exports };

package/dist/components/assistant-ui/elements/inline-citation.d.ts

@@ -0,0 +1,23 @@
+import { ComponentProps } from "react";
+declare namespace inline_citation_d_exports {
+  export { Citation, CitationProps, InlineCitation, InlineCitationProps, Source };
+}
+export interface Source {
+  domain?: string | undefined;
+  title: string;
+  snippet: string;
+  url?: string | undefined;
+  publishedAt?: string | undefined;
+}
+export interface CitationProps extends Omit<ComponentProps<"button">, "aria-label" | "children" | "className" | "type"> {
+  index: number;
+  source: Source;
+  open?: boolean | undefined;
+  onOpenChange?: ((open: boolean) => void) | undefined;
+  className?: string | undefined;
+}
+export declare function Citation({ index, source, open, onOpenChange, className, ...props }: CitationProps): import("react").JSX.Element;
+export interface InlineCitationProps extends ComponentProps<"p"> {}
+export declare function InlineCitation({ children, className, ...props }: InlineCitationProps): import("react").JSX.Element;
+//#endregion
+export { inline_citation_d_exports };

package/dist/components/assistant-ui/elements/inline-citation.js

@@ -0,0 +1,90 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { floating, mono } from "./surfaces.js";
+import { hostOf, safeHref } from "../utils/href.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { PreviewCard } from "@base-ui/react/preview-card";
+//#region src/components/assistant-ui/elements/inline-citation.tsx
+var inline_citation_exports = /* @__PURE__ */ __exportAll({
+	Citation: () => Citation,
+	InlineCitation: () => InlineCitation
+});
+const dateFormatter = new Intl.DateTimeFormat("en-US", {
+	month: "short",
+	year: "numeric"
+});
+function formatPublishedAt(publishedAt) {
+	if (publishedAt === void 0) return void 0;
+	const date = new Date(publishedAt);
+	return Number.isNaN(date.getTime()) ? void 0 : dateFormatter.format(date);
+}
+function Citation({ index, source, open, onOpenChange, className, ...props }) {
+	const domain = source.domain ?? hostOf(source.url);
+	const href = safeHref(source.url);
+	const publishedAt = formatPublishedAt(source.publishedAt);
+	const hasMetadata = domain !== void 0 || publishedAt !== void 0;
+	return /* @__PURE__ */ jsxs(PreviewCard.Root, {
+		open,
+		onOpenChange,
+		children: [/* @__PURE__ */ jsx(PreviewCard.Trigger, {
+			delay: 0,
+			render: /* @__PURE__ */ jsx("button", {
+				type: "button",
+				...props
+			}),
+			"aria-label": `Source ${index + 1}: ${source.title}`,
+			className: cn("bg-foreground/[0.06] text-muted-foreground hover:text-foreground/90 data-[popup-open]:bg-foreground data-[popup-open]:text-background ms-0.5 inline-flex h-4 min-w-4 translate-y-[-2px] cursor-default items-center justify-center rounded-[5px] px-1 align-middle font-mono text-[10px] font-medium tabular-nums transition-colors motion-reduce:transition-none", className),
+			children: index + 1
+		}), /* @__PURE__ */ jsx(PreviewCard.Portal, { children: /* @__PURE__ */ jsx(PreviewCard.Positioner, {
+			side: "top",
+			sideOffset: 8,
+			children: /* @__PURE__ */ jsxs(PreviewCard.Popup, {
+				className: cn(floating, "z-50 w-64 origin-(--transform-origin) rounded-2xl p-3.5 outline-none", "transition-[opacity,scale] duration-200 ease-[cubic-bezier(0.23,1,0.32,1)] motion-reduce:transition-none", "data-[starting-style]:scale-[0.97] data-[starting-style]:opacity-0", "data-[ending-style]:scale-[0.97] data-[ending-style]:opacity-0"),
+				children: [
+					hasMetadata ? /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1.5",
+						children: [domain ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+							className: "bg-foreground/[0.06] text-muted-foreground flex size-4 items-center justify-center rounded text-[9px] font-medium",
+							children: domain[0]?.toUpperCase()
+						}), /* @__PURE__ */ jsx("span", {
+							className: cn(mono, "text-muted-foreground"),
+							children: domain
+						})] }) : null, publishedAt ? /* @__PURE__ */ jsx("span", {
+							className: cn(mono, "text-muted-foreground"),
+							children: publishedAt
+						}) : null]
+					}) : null,
+					/* @__PURE__ */ jsx("p", {
+						className: cn("text-[13px] leading-snug font-medium", hasMetadata && "mt-2"),
+						children: source.title
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground mt-1 text-[13px] leading-relaxed",
+						children: source.snippet
+					}),
+					href ? /* @__PURE__ */ jsxs("a", {
+						href,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "text-muted-foreground hover:text-foreground mt-3 inline-flex text-xs underline-offset-2 transition-colors hover:underline motion-reduce:transition-none",
+						children: ["Open source ", /* @__PURE__ */ jsx("span", {
+							className: "sr-only",
+							children: "(opens in a new tab)"
+						})]
+					}) : null
+				]
+			})
+		}) })]
+	});
+}
+function InlineCitation({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "inline-citation",
+		className: cn("text-foreground/90 max-w-sm text-sm leading-relaxed", className),
+		...props,
+		children
+	});
+}
+//#endregion
+export { Citation, InlineCitation, inline_citation_exports };

package/dist/components/assistant-ui/elements/job-progress.d.ts

@@ -0,0 +1,25 @@
+import { ComponentProps } from "react";
+declare namespace job_progress_d_exports {
+  export { JobProgress, JobStage };
+}
+export interface JobStage {
+  name: string;
+  weight: number;
+  description?: string | undefined;
+}
+type JobOutcomeStatus = "success" | "partial" | "failed" | "cancelled";
+export declare function JobProgress({ title, stages, stageIndex, stageProgress, eta, onCancel, outcome, elapsedMs, className, ...props }: Omit<ComponentProps<"div">, "children" | "title" | "stages" | "stageIndex" | "stageProgress" | "eta" | "onCancel" | "outcome" | "elapsedMs"> & {
+  title: string;
+  stages: readonly JobStage[];
+  stageIndex: number;
+  stageProgress: number;
+  eta: string;
+  onCancel?: (() => void) | undefined;
+  outcome?: {
+    status: JobOutcomeStatus;
+    summary?: string | undefined;
+  } | undefined;
+  elapsedMs?: number | undefined;
+}): import("react").JSX.Element;
+//#endregion
+export { job_progress_d_exports };