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

package/dist/components/assistant-ui/elements/job-progress.js

@@ -0,0 +1,102 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { ghostButton, mono, paper } from "./surfaces.js";
+import { announced, clamp, pct, progressOf, take } from "../utils/range.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, CircleAlertIcon, CircleSlashIcon, Loader2Icon, XIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/job-progress.tsx
+var job_progress_exports = /* @__PURE__ */ __exportAll({ JobProgress: () => JobProgress });
+function formatElapsed(elapsedMs) {
+	const seconds = Math.max(0, Math.round(Number.isFinite(elapsedMs) ? elapsedMs / 1e3 : 0));
+	const minutes = Math.floor(seconds / 60);
+	const remainder = seconds % 60;
+	return {
+		dateTime: `PT${seconds}S`,
+		label: minutes === 0 ? `${seconds}s` : remainder === 0 ? `${minutes}m` : `${minutes}m ${remainder}s`
+	};
+}
+function JobProgress({ title, stages, stageIndex, stageProgress, eta, onCancel, outcome, elapsedMs, className, ...props }) {
+	const stage = progressOf(stageIndex, stages.length);
+	const progress = clamp(stageProgress, 0, 1);
+	const totalWeight = stages.reduce((sum, item) => sum + item.weight, 0) || 1;
+	const completed = take(stages, stage).reduce((sum, item) => sum + item.weight, 0);
+	const current = stages[stage];
+	const overall = pct(completed + (current ? current.weight * progress : 0), totalWeight);
+	const finished = stage >= stages.length;
+	const running = !finished && outcome === void 0;
+	const state = outcome?.status ?? (finished ? "done" : "running");
+	const elapsed = !running && elapsedMs !== void 0 ? formatElapsed(elapsedMs) : void 0;
+	const statusWord = outcome?.status === "success" ? "done" : outcome?.status ?? "done";
+	const announcement = outcome ? `Job ${outcome.status === "success" ? "done" : outcome.status === "partial" ? "partly done" : outcome.status}` : current ? `Current stage: ${current.name}` : finished ? "Job done" : "Job running";
+	const outcomeBar = outcome?.status === "success" ? "bg-success" : outcome?.status === "partial" ? "bg-warning dark:bg-warning" : outcome?.status === "failed" ? "bg-destructive dark:bg-destructive" : outcome?.status === "cancelled" ? "bg-foreground/20" : void 0;
+	const progressPercent = outcome?.status === "success" ? 100 : overall;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "job-progress",
+		"data-state": state,
+		className: cn(paper, "flex w-full max-w-sm flex-col gap-3 rounded-2xl p-4", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2.5",
+				children: [
+					outcome?.status === "partial" ? /* @__PURE__ */ jsx(CircleAlertIcon, { className: "size-3.5 shrink-0 text-warning dark:text-warning" }) : outcome?.status === "failed" ? /* @__PURE__ */ jsx(XIcon, { className: "size-3.5 shrink-0 text-destructive dark:text-destructive" }) : outcome?.status === "cancelled" ? /* @__PURE__ */ jsx(CircleSlashIcon, { className: "text-muted-foreground size-3.5 shrink-0" }) : !running ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5 shrink-0 text-success" }) : /* @__PURE__ */ jsx(Loader2Icon, { className: "text-muted-foreground size-3.5 shrink-0 animate-spin motion-reduce:animate-none" }),
+					/* @__PURE__ */ jsx("span", {
+						className: "min-w-0 flex-1 truncate text-[13.5px] font-medium",
+						children: title
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: cn(mono, "text-muted-foreground shrink-0 tabular-nums"),
+						children: elapsed ? /* @__PURE__ */ jsx("time", {
+							dateTime: elapsed.dateTime,
+							children: elapsed.label
+						}) : !running ? statusWord : eta
+					}),
+					running && onCancel ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-label": "Cancel the job",
+						onClick: onCancel,
+						className: cn(ghostButton, "size-6 shrink-0"),
+						children: /* @__PURE__ */ jsx(XIcon, { className: "size-3.5" })
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ jsx("span", {
+				role: "progressbar",
+				"aria-label": `${title} progress`,
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": announced(progressPercent),
+				className: "bg-foreground/[0.06] h-1 w-full overflow-hidden rounded-full",
+				children: /* @__PURE__ */ jsx("span", {
+					className: cn("block h-full rounded-full transition-[width] duration-500 ease-out motion-reduce:transition-none", outcomeBar ?? (finished ? "bg-success" : "bg-info dark:bg-info")),
+					style: { width: `${progressPercent}%` }
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-0.5",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "flex flex-wrap gap-x-3 gap-y-1",
+					children: stages.map((item, i) => /* @__PURE__ */ jsx("span", {
+						className: cn(mono, i < stage ? "text-muted-foreground" : i === stage ? "text-foreground/90" : "text-muted-foreground"),
+						children: item.name
+					}, item.name))
+				}), current?.description ? /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground text-xs leading-4 break-words",
+					children: current.description
+				}) : null]
+			}),
+			outcome?.summary ? /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-[13px] leading-snug break-words",
+				children: outcome.summary
+			}) : null,
+			/* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				role: "status",
+				children: announcement
+			})
+		]
+	});
+}
+//#endregion
+export { JobProgress, job_progress_exports };

package/dist/components/assistant-ui/elements/launcher-bubble.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps } from "react";
+declare namespace launcher_bubble_d_exports {
+  export { LauncherBubble };
+}
+export declare function LauncherBubble({ open, unread, greeting, prompts, onToggle, onPick, onStart, className, ...props }: Omit<ComponentProps<"div">, "children" | "open" | "unread" | "greeting" | "prompts" | "onToggle" | "onPick" | "onStart"> & {
+  open: boolean;
+  unread: number;
+  greeting: string;
+  prompts: readonly string[];
+  onToggle?: () => void;
+  onPick?: (prompt: string) => void;
+  onStart?: () => void;
+}): import("react").JSX.Element;
+//#endregion
+export { launcher_bubble_d_exports };

package/dist/components/assistant-ui/elements/launcher-bubble.js

@@ -0,0 +1,71 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import "./surfaces.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { MessageCircleIcon, XIcon } from "lucide-react";
+//#region src/components/assistant-ui/elements/launcher-bubble.tsx
+var launcher_bubble_exports = /* @__PURE__ */ __exportAll({ LauncherBubble: () => LauncherBubble });
+function LauncherBubble({ open, unread, greeting, prompts, onToggle, onPick, onStart, className, ...props }) {
+	const bubble = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
+		className: "grid",
+		children: [/* @__PURE__ */ jsx(MessageCircleIcon, { className: cn("size-5 transition-[opacity,rotate] duration-200 [grid-area:1/1]", open && "rotate-90 opacity-0") }), /* @__PURE__ */ jsx(XIcon, { className: cn("size-5 transition-[opacity,rotate] duration-200 [grid-area:1/1]", !open && "-rotate-90 opacity-0") })]
+	}), unread > 0 && !open && /* @__PURE__ */ jsx("span", {
+		className: cn("font-mono text-[11px] tracking-tight", "bg-foreground text-background ring-background absolute -top-0.5 -right-0.5 flex size-4 items-center justify-center rounded-full tabular-nums ring-2"),
+		children: unread
+	})] });
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "launcher-bubble",
+		className: cn("flex w-full max-w-[19rem] flex-col items-end gap-2.5", className),
+		...props,
+		children: [
+			open && /* @__PURE__ */ jsxs("div", {
+				className: cn("bg-popover border border-border shadow-lg", "fade-in zoom-in-95 slide-in-from-bottom-2 animate-in flex w-full flex-col gap-3 rounded-[20px] p-4 duration-200"),
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-[13.5px] font-medium",
+							children: greeting
+						}), /* @__PURE__ */ jsx("span", {
+							className: cn("font-mono text-[11px] tracking-tight", "text-muted-foreground"),
+							children: "typically replies in a minute"
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "flex flex-col gap-1.5",
+						children: prompts.map((prompt) => onPick ? /* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: () => onPick(prompt),
+							className: cn("bg-muted", "hover:bg-foreground/[0.07] text-muted-foreground rounded-xl px-3 py-2 text-start text-[13px] transition-colors"),
+							children: prompt
+						}, prompt) : /* @__PURE__ */ jsx("span", {
+							className: cn("bg-muted", "text-muted-foreground rounded-xl px-3 py-2 text-[13px]"),
+							children: prompt
+						}, prompt))
+					}),
+					onStart && /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: onStart,
+						className: cn("bg-foreground text-background transition-[opacity,scale] duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] hover:opacity-90 active:scale-[0.96] motion-reduce:transition-none", "flex h-8 items-center justify-center rounded-full text-xs font-medium"),
+						children: "Start a conversation"
+					})
+				]
+			}),
+			onToggle && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-expanded": open,
+				"aria-label": open ? "Close the assistant" : "Open the assistant",
+				onClick: onToggle,
+				className: cn("bg-foreground text-background transition-[opacity,scale] duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] hover:opacity-90 active:scale-[0.96] motion-reduce:transition-none", "relative flex size-12 shrink-0 items-center justify-center rounded-full"),
+				children: bubble
+			}),
+			!onToggle && !open && /* @__PURE__ */ jsx("div", {
+				className: "bg-foreground text-background relative flex size-12 shrink-0 items-center justify-center rounded-full",
+				children: bubble
+			})
+		]
+	});
+}
+//#endregion
+export { LauncherBubble, launcher_bubble_exports };

package/dist/components/assistant-ui/elements/link-preview.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps } from "react";
+declare namespace link_preview_d_exports {
+  export { LinkPreview, LinkPreviewProps };
+}
+export interface LinkPreviewProps extends Omit<ComponentProps<"article">, "children" | "title"> {
+  href: string;
+  title?: string | undefined;
+  description?: string | undefined;
+  image?: string | undefined;
+  imageAlt?: string | undefined;
+  siteName?: string | undefined;
+  favicon?: string | undefined;
+  layout?: "card" | "compact" | undefined;
+}
+export declare function LinkPreview({ href, title, description, image, imageAlt, siteName, favicon, layout, className, ...props }: LinkPreviewProps): import("react").JSX.Element;
+//#endregion
+export { link_preview_d_exports };

package/dist/components/assistant-ui/elements/link-preview.js

@@ -0,0 +1,77 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { field, mono, paper } from "./surfaces.js";
+import { hostOf, safeHref } from "../utils/href.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/assistant-ui/elements/link-preview.tsx
+var link_preview_exports = /* @__PURE__ */ __exportAll({ LinkPreview: () => LinkPreview });
+function LinkPreview({ href, title, description, image, imageAlt, siteName, favicon, layout = "card", className, ...props }) {
+	const [failedImage, setFailedImage] = useState();
+	const [failedFavicon, setFailedFavicon] = useState();
+	const safeUrl = safeHref(href);
+	const host = hostOf(href);
+	const site = siteName ?? host;
+	const label = title || host || safeUrl || "Untitled link";
+	const hasImage = image !== void 0 && image !== "" && failedImage !== image;
+	const hasFavicon = favicon !== void 0 && favicon !== "" && failedFavicon !== favicon;
+	const imageFrame = hasImage ? /* @__PURE__ */ jsx("div", {
+		"data-slot": "link-preview-image",
+		className: cn(field, "relative shrink-0 overflow-hidden", layout === "card" ? "aspect-video w-full" : "size-16"),
+		children: /* @__PURE__ */ jsx("img", {
+			src: image,
+			alt: imageAlt ?? "",
+			className: "size-full object-cover",
+			onError: () => setFailedImage(image)
+		})
+	}) : null;
+	return /* @__PURE__ */ jsxs("article", {
+		"data-slot": "link-preview",
+		"data-layout": layout,
+		className: cn(paper, "focus-within:ring-foreground/20 relative flex w-full max-w-sm overflow-hidden rounded-2xl transition-transform duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] outline-none focus-within:ring-1 hover:-translate-y-px motion-reduce:transition-none", layout === "card" ? "flex-col" : "items-stretch", className),
+		...props,
+		children: [imageFrame, /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-1 p-3",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 items-center gap-1.5",
+					children: [hasFavicon ? /* @__PURE__ */ jsx("img", {
+						"data-slot": "link-preview-favicon",
+						src: favicon,
+						alt: "",
+						className: "size-4 shrink-0 rounded-sm object-cover",
+						onError: () => setFailedFavicon(favicon)
+					}) : /* @__PURE__ */ jsx("span", {
+						"aria-hidden": true,
+						"data-slot": "link-preview-site-initial",
+						className: cn(field, "text-muted-foreground flex size-4 shrink-0 items-center justify-center rounded-sm text-[9px] font-medium"),
+						children: site?.charAt(0).toUpperCase() ?? "?"
+					}), site ? /* @__PURE__ */ jsx("span", {
+						className: cn(mono, "text-muted-foreground truncate"),
+						children: site
+					}) : null]
+				}),
+				safeUrl ? /* @__PURE__ */ jsxs("a", {
+					href: safeUrl,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					className: "text-foreground/90 line-clamp-2 text-[13.5px] leading-5 font-medium after:absolute after:inset-0 after:z-10",
+					children: [label, /* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: "(opens in a new tab)"
+					})]
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "text-foreground/90 line-clamp-2 text-[13.5px] leading-5 font-medium",
+					children: label
+				}),
+				description ? /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground line-clamp-2 text-xs leading-relaxed",
+					children: description
+				}) : null
+			]
+		})]
+	});
+}
+//#endregion
+export { LinkPreview, link_preview_exports };

package/dist/components/assistant-ui/elements/loading-state.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps } from "react";
+declare namespace loading_state_d_exports {
+  export { GenerationLoader, GenerationLoaderProps, GenerationLoaderVariant };
+}
+export type GenerationLoaderVariant = "dots" | "squares" | "rounded";
+export interface GenerationLoaderProps extends Omit<ComponentProps<"div">, "children"> {
+  label: string;
+  tick: number;
+  variant?: GenerationLoaderVariant;
+}
+export declare function GenerationLoader({ label, tick, variant, className, ...props }: GenerationLoaderProps): import("react").JSX.Element;
+//#endregion
+export { loading_state_d_exports };

package/dist/components/assistant-ui/elements/loading-state.js

@@ -0,0 +1,33 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { ShimmerLabel } from "./surfaces.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/assistant-ui/elements/loading-state.tsx
+var loading_state_exports = /* @__PURE__ */ __exportAll({ GenerationLoader: () => GenerationLoader });
+const CELL_SHAPES = {
+	dots: "rounded-full",
+	squares: "rounded-[1px]",
+	rounded: "rounded-[3px]"
+};
+function GenerationLoader({ label, tick, variant = "dots", className, ...props }) {
+	const pixelOffset = Math.floor(tick / 3);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "generation-loader",
+		className: cn("flex flex-col items-center gap-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			"aria-hidden": true,
+			className: "grid grid-cols-3 gap-1",
+			children: Array.from({ length: 9 }, (_, index) => {
+				const active = (index * 2 + pixelOffset) % 9 < 3;
+				return /* @__PURE__ */ jsx("span", { className: cn("bg-foreground size-2 transition-opacity duration-300 motion-reduce:transition-none", CELL_SHAPES[variant], active ? "opacity-90" : "opacity-15") }, index);
+			})
+		}), /* @__PURE__ */ jsx(ShimmerLabel, {
+			className: "text-muted-foreground relative inline-block text-sm",
+			children: label
+		})]
+	});
+}
+//#endregion
+export { GenerationLoader, loading_state_exports };

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

@@ -0,0 +1,10 @@
+import { ComponentProps } from "react";
+declare namespace logos_d_exports {
+  export { ClaudeLogo, GeminiLogo, LogoProps, OpenAILogo };
+}
+export type LogoProps = ComponentProps<"svg">;
+declare function ClaudeLogo(props: LogoProps): import("react").JSX.Element;
+declare function OpenAILogo(props: LogoProps): import("react").JSX.Element;
+declare function GeminiLogo(props: LogoProps): import("react").JSX.Element;
+//#endregion
+export { ClaudeLogo, GeminiLogo, OpenAILogo, logos_d_exports };

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

@@ -0,0 +1,63 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/assistant-ui/elements/logos.tsx
+var logos_exports = /* @__PURE__ */ __exportAll({
+	ClaudeLogo: () => ClaudeLogo,
+	GeminiLogo: () => GeminiLogo,
+	OpenAILogo: () => OpenAILogo
+});
+function ClaudeLogo(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 256 257",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		...props,
+		children: /* @__PURE__ */ jsx("path", {
+			fill: "#D97757",
+			d: "m50.228 170.321 50.357-28.257.843-2.463-.843-1.361h-2.462l-8.426-.518-28.775-.778-24.952-1.037-24.175-1.296-6.092-1.297L0 125.796l.583-3.759 5.12-3.434 7.324.648 16.202 1.101 24.304 1.685 17.629 1.037 26.118 2.722h4.148l.583-1.685-1.426-1.037-1.101-1.037-25.147-17.045-27.22-18.017-14.258-10.37-7.713-5.25-3.888-4.925-1.685-10.758 7-7.713 9.397.649 2.398.648 9.527 7.323 20.35 15.75L94.817 91.9l3.889 3.24 1.555-1.102.195-.777-1.75-2.917-14.453-26.118-15.425-26.572-6.87-11.018-1.814-6.61c-.648-2.723-1.102-4.991-1.102-7.778l7.972-10.823L71.42 0 82.05 1.426l4.472 3.888 6.61 15.101 10.694 23.786 16.591 32.34 4.861 9.592 2.592 8.879.973 2.722h1.685v-1.556l1.36-18.211 2.528-22.36 2.463-28.776.843-8.1 4.018-9.722 7.971-5.25 6.222 2.981 5.12 7.324-.713 4.73-3.046 19.768-5.962 30.98-3.889 20.739h2.268l2.593-2.593 10.499-13.934 17.628-22.036 7.778-8.749 9.073-9.657 5.833-4.601h11.018l8.1 12.055-3.628 12.443-11.342 14.388-9.398 12.184-13.48 18.147-8.426 14.518.778 1.166 2.01-.194 30.46-6.481 16.462-2.982 19.637-3.37 8.88 4.148.971 4.213-3.5 8.62-20.998 5.184-24.628 4.926-36.682 8.685-.454.324.519.648 16.526 1.555 7.065.389h17.304l32.21 2.398 8.426 5.574 5.055 6.805-.843 5.184-12.962 6.611-17.498-4.148-40.83-9.721-14-3.5h-1.944v1.167l11.666 11.406 21.387 19.314 26.767 24.887 1.36 6.157-3.434 4.86-3.63-.518-23.526-17.693-9.073-7.972-20.545-17.304h-1.36v1.814l4.73 6.935 25.017 37.59 1.296 11.536-1.814 3.76-6.481 2.268-7.13-1.297-14.647-20.544-15.1-23.138-12.185-20.739-1.49.843-7.194 77.448-3.37 3.953-7.778 2.981-6.48-4.925-3.436-7.972 3.435-15.749 4.148-20.544 3.37-16.333 3.046-20.285 1.815-6.74-.13-.454-1.49.194-15.295 20.999-23.267 31.433-18.406 19.702-4.407 1.75-7.648-3.954.713-7.064 4.277-6.286 25.47-32.405 15.36-20.092 9.917-11.6-.065-1.686h-.583L44.07 198.125l-12.055 1.555-5.185-4.86.648-7.972 2.463-2.593 20.35-13.999-.064.065Z"
+		})
+	});
+}
+function OpenAILogo(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 256 260",
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		...props,
+		children: /* @__PURE__ */ jsx("path", { d: "M239.184 106.203a64.716 64.716 0 0 0-5.576-53.103C219.452 28.459 191 15.784 163.213 21.74A65.586 65.586 0 0 0 52.096 45.22a64.716 64.716 0 0 0-43.23 31.36c-14.31 24.602-11.061 55.634 8.033 76.74a64.665 64.665 0 0 0 5.525 53.102c14.174 24.65 42.644 37.324 70.446 31.36a64.72 64.72 0 0 0 48.754 21.744c28.481.025 53.714-18.361 62.414-45.481a64.767 64.767 0 0 0 43.229-31.36c14.137-24.558 10.875-55.423-8.083-76.483Zm-97.56 136.338a48.397 48.397 0 0 1-31.105-11.255l1.535-.87 51.67-29.825a8.595 8.595 0 0 0 4.247-7.367v-72.85l21.845 12.636c.218.111.37.32.409.563v60.367c-.056 26.818-21.783 48.545-48.601 48.601Zm-104.466-44.61a48.345 48.345 0 0 1-5.781-32.589l1.534.921 51.722 29.826a8.339 8.339 0 0 0 8.441 0l63.181-36.425v25.221a.87.87 0 0 1-.358.665l-52.335 30.184c-23.257 13.398-52.97 5.431-66.404-17.803ZM23.549 85.38a48.499 48.499 0 0 1 25.58-21.333v61.39a8.288 8.288 0 0 0 4.195 7.316l62.874 36.272-21.845 12.636a.819.819 0 0 1-.767 0L41.353 151.53c-23.211-13.454-31.171-43.144-17.804-66.405v.256Zm179.466 41.695-63.08-36.63L161.73 77.86a.819.819 0 0 1 .768 0l52.233 30.184a48.6 48.6 0 0 1-7.316 87.635v-61.391a8.544 8.544 0 0 0-4.4-7.213Zm21.742-32.69-1.535-.922-51.619-30.081a8.39 8.39 0 0 0-8.492 0L99.98 99.808V74.587a.716.716 0 0 1 .307-.665l52.233-30.133a48.652 48.652 0 0 1 72.236 50.391v.205ZM88.061 139.097l-21.845-12.585a.87.87 0 0 1-.41-.614V65.685a48.652 48.652 0 0 1 79.757-37.346l-1.535.87-51.67 29.825a8.595 8.595 0 0 0-4.246 7.367l-.051 72.697Zm11.868-25.58 28.138-16.217 28.188 16.218v32.434l-28.086 16.218-28.188-16.218-.052-32.434Z" })
+	});
+}
+function GeminiLogo(props) {
+	const id = useId();
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: `url(#${id})`,
+		"aria-hidden": "true",
+		...props,
+		children: [/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", {
+			id,
+			x1: "2",
+			y1: "12",
+			x2: "22",
+			y2: "12",
+			gradientUnits: "userSpaceOnUse",
+			children: [
+				/* @__PURE__ */ jsx("stop", { stopColor: "#4285F4" }),
+				/* @__PURE__ */ jsx("stop", {
+					offset: "0.5",
+					stopColor: "#9B72CB"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: "1",
+					stopColor: "#D96570"
+				})
+			]
+		}) }), /* @__PURE__ */ jsx("path", { d: "M12 1c.53 5.94 4.06 9.47 10 10-5.94.53-9.47 4.06-10 10-.53-5.94-4.06-9.47-10-10C7.94 10.47 11.47 6.94 12 1Z" })]
+	});
+}
+//#endregion
+export { ClaudeLogo, GeminiLogo, OpenAILogo, logos_exports };

package/dist/components/assistant-ui/elements/map-answer.d.ts

@@ -0,0 +1,19 @@
+import { ComponentProps } from "react";
+declare namespace map_answer_d_exports {
+  export { MapAnswer, MapPin };
+}
+export interface MapPin {
+  id: string;
+  label: string;
+  detail: string;
+  x: number;
+  y: number;
+}
+export declare function MapAnswer({ pins, activeId, route, onSelect, className, ...props }: Omit<ComponentProps<"div">, "children" | "pins" | "activeId" | "route" | "onSelect"> & {
+  pins: readonly MapPin[];
+  activeId: string;
+  route?: boolean;
+  onSelect?: (id: string) => void;
+}): import("react").JSX.Element;
+//#endregion
+export { map_answer_d_exports };

package/dist/components/assistant-ui/elements/map-answer.js

@@ -0,0 +1,120 @@
+"use client";
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { cn } from "../../../lib/utils.js";
+import { field, mono, paper } from "./surfaces.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/assistant-ui/elements/map-answer.tsx
+var map_answer_exports = /* @__PURE__ */ __exportAll({ MapAnswer: () => MapAnswer });
+function MapAnswer({ pins, activeId, route, onSelect, className, ...props }) {
+	const path = pins.map((pin) => `${pin.x},${pin.y}`).join(" ");
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "map-answer",
+		className: cn(paper, "flex w-full max-w-sm flex-col overflow-hidden rounded-2xl", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cn(field, "relative h-40"),
+			children: [/* @__PURE__ */ jsxs("svg", {
+				viewBox: "0 0 100 100",
+				preserveAspectRatio: "none",
+				"aria-hidden": true,
+				className: "absolute inset-0 size-full",
+				children: [
+					[
+						18,
+						42,
+						66,
+						88
+					].map((y) => /* @__PURE__ */ jsx("line", {
+						x1: "0",
+						x2: "100",
+						y1: y,
+						y2: y,
+						className: "stroke-foreground/[0.06]",
+						strokeWidth: "0.6"
+					}, `h${y}`)),
+					[
+						22,
+						50,
+						74
+					].map((x) => /* @__PURE__ */ jsx("line", {
+						x1: x,
+						x2: x,
+						y1: "0",
+						y2: "100",
+						className: "stroke-foreground/[0.06]",
+						strokeWidth: "0.6"
+					}, `v${x}`)),
+					route && pins.length > 1 && /* @__PURE__ */ jsx("polyline", {
+						points: path,
+						fill: "none",
+						strokeWidth: "1.2",
+						strokeDasharray: "3 2",
+						strokeLinecap: "round",
+						className: "stroke-info/60 dark:stroke-info/60"
+					})
+				]
+			}), pins.map((pin, index) => {
+				const className = "focus-visible:ring-ring/50 absolute flex size-6 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full outline-none focus-visible:ring-[3px]";
+				const content = /* @__PURE__ */ jsx("span", {
+					className: cn("flex items-center justify-center rounded-full border-2 border-background font-medium text-[9px] leading-none text-background transition-all duration-200 motion-reduce:transition-none", pin.id === activeId ? "bg-info size-4 dark:bg-info" : "bg-foreground/55 size-3.5"),
+					children: index + 1
+				});
+				return onSelect ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": pin.label,
+					"aria-current": pin.id === activeId || void 0,
+					onClick: () => onSelect(pin.id),
+					className,
+					style: {
+						left: `${pin.x}%`,
+						top: `${pin.y}%`
+					},
+					children: content
+				}, pin.id) : /* @__PURE__ */ jsx("span", {
+					role: "img",
+					"aria-label": pin.label,
+					"aria-current": pin.id === activeId || void 0,
+					className,
+					style: {
+						left: `${pin.x}%`,
+						top: `${pin.y}%`
+					},
+					children: content
+				}, pin.id);
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col",
+			children: pins.map((pin, index) => {
+				const className = cn("border-foreground/[0.06] flex items-baseline gap-2 border-t px-3.5 py-2 text-start transition-colors", "focus-visible:ring-ring/40 outline-none last:rounded-b-[calc(1rem-1px)] focus-visible:ring-1 focus-visible:ring-inset", pin.id === activeId ? "bg-foreground/[0.03]" : onSelect ? "hover:bg-foreground/[0.02] focus-visible:bg-foreground/[0.02]" : void 0);
+				const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+					/* @__PURE__ */ jsx("span", {
+						"aria-hidden": true,
+						className: cn("flex size-4 shrink-0 translate-y-0.5 items-center justify-center self-start rounded-full text-[9px] font-medium leading-none", pin.id === activeId ? "bg-info text-background dark:bg-info" : "bg-foreground/55 text-background"),
+						children: index + 1
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "text-foreground/85 min-w-0 flex-1 truncate text-[13px]",
+						children: pin.label
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: cn(mono, "text-muted-foreground shrink-0"),
+						children: pin.detail
+					})
+				] });
+				return onSelect ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-current": pin.id === activeId || void 0,
+					onClick: () => onSelect(pin.id),
+					className,
+					children: content
+				}, pin.id) : /* @__PURE__ */ jsx("div", {
+					"aria-current": pin.id === activeId || void 0,
+					className,
+					children: content
+				}, pin.id);
+			})
+		})]
+	});
+}
+//#endregion
+export { MapAnswer, map_answer_exports };

package/dist/components/assistant-ui/elements/markdown-text.d.ts

@@ -0,0 +1,11 @@
+import { TextMessagePartProps } from "@assistant-ui/react";
+import { unstable_memoizeMarkdownComponents } from "@assistant-ui/react-markdown";
+declare namespace markdown_text_d_exports {
+  export { MarkdownText };
+}
+type MarkdownTextProps = Partial<TextMessagePartProps> & {
+  components?: Parameters<typeof unstable_memoizeMarkdownComponents>[0];
+};
+export declare const MarkdownText: import("react").NamedExoticComponent<MarkdownTextProps>;
+//#endregion
+export { markdown_text_d_exports };