@gntik-ai/chat 0.7.0 → 0.10.0

package/dist/index.js

@@ -1,42 +1,10 @@
 'use client';
-import { Avatar, Badge, Button, Collapsible, CollapsiblePanel, CollapsibleTrigger, IconButton, Popover, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, Radio, RadioGroup, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectTrigger, SimpleTooltip, Spinner, StatusTag, Textarea, TooltipProvider, cn, fileKind, getInitials, interpolate, useI18n } from "@gntik-ai/ui";
-import { AlertCircle, ArrowDown, ArrowUp, Check, CircleAlert, Copy, ExternalLink, File, FileArchive, FileAudio, FileCode, FileImage, FileSpreadsheet, FileText, FileVideo, Globe, Paperclip, RefreshCw, RotateCcw, Sparkles, Square, ThumbsDown, ThumbsUp, Upload, Wrench, X } from "lucide-react";
+import { Children, Component, createRef, isValidElement, memo, useCallback, useEffect, useId, useRef, useState } from "react";
+import { Alert, Avatar, Badge, Button, Card, Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, Heading, IconButton, Input, Link, Popover, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, Radio, RadioGroup, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectTrigger, SimpleSelect, SimpleTooltip, Spinner, Stack, StatusTag, Text, Textarea, TooltipProvider, cn, fileKind, formatBytes, getInitials, interpolate, useI18n } from "@gntik-ai/ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Children, isValidElement, memo, useCallback, useEffect, useId, useRef, useState } from "react";
+import { AlertCircle, ArrowDown, ArrowUp, Check, CircleAlert, Copy, ExternalLink, File, FileArchive, FileAudio, FileCode, FileImage, FileSpreadsheet, FileText, FileVideo, Globe, Paperclip, RefreshCw, RotateCcw, Sparkles, Square, ThumbsDown, ThumbsUp, Upload, Wrench, X } from "lucide-react";
 import ReactMarkdown, { defaultUrlTransform } from "react-markdown";
 import remarkGfm from "remark-gfm";
-//#region src/utils/format.ts
-/** "840 ms" below a second, "2.4 s" below a minute, "1 m 05 s" above. */
-function formatDuration(ms) {
-	if (ms < 1e3) return `${Math.round(ms)} ms`;
-	if (ms < 6e4) return `${(ms / 1e3).toFixed(1)} s`;
-	const m = Math.floor(ms / 6e4);
-	const s = Math.round(ms % 6e4 / 1e3);
-	return `${m} m ${String(s).padStart(2, "0")} s`;
-}
-/** "12 KB", "3.4 MB". */
-function formatBytes(bytes) {
-	if (bytes < 1024) return `${bytes} B`;
-	if (bytes < 1048576) return `${Math.round(bytes / 1024)} KB`;
-	return `${(bytes / 1048576).toFixed(1)} MB`;
-}
-/** Short local time ("14:05") for a message timestamp. */
-function formatTime(date) {
-	return date.toLocaleTimeString(void 0, {
-		hour: "2-digit",
-		minute: "2-digit"
-	});
-}
-/** Pretty-prints any value as JSON; falls back to String() for cyclic or exotic values. */
-function toJson(value) {
-	if (typeof value === "string") return value;
-	try {
-		return JSON.stringify(value, null, 2) ?? String(value);
-	} catch {
-		return String(value);
-	}
-}
-//#endregion
 //#region src/utils/i18n.ts
 /**
 * English fallbacks for the chat keys added after the first `@gntik-ai/ui` release. The
@@ -44,6 +12,24 @@ function toJson(value) {
 * against an older `@gntik-ai/ui` whose catalog does not have them yet.
 */
 const FALLBACK = {
+	"chat.surfaceExampleTitle": "Review your details",
+	"chat.surfaceExampleName": "Name",
+	"chat.surfaceExampleSubmit": "Submit",
+	"chat.surfaceExampleChoice": "Language",
+	"chat.surfaceExampleEnglish": "English",
+	"chat.surfaceExampleSpanish": "Spanish",
+	"chat.surfaceExampleNotify": "Send updates",
+	"chat.surfaceExampleBadge": "Draft",
+	"chat.surfaceExampleNotice": "Check the information before submitting.",
+	"chat.surfaceExampleStatus": "Submitted for {name}",
+	"chat.surfaceExamplePatch": "Update name",
+	"chat.surfaceExampleRemove": "Remove content",
+	"chat.surfaceExampleReset": "Reset",
+	"chat.surfaceExampleUnsupported": "Show unsupported content",
+	"chat.surfaceExampleRejected": "Unsupported content was rejected.",
+	"chat.surfaceExampleLink": "Read the documentation",
+	"chat.surfaceUnsupported": "This content cannot be shown",
+	"chat.surfaceAgentContent": "Agent content",
 	"chat.typing": "{author} is typing",
 	"chat.feedback": "Response feedback",
 	"chat.feedbackTitle": "What went wrong?",
@@ -90,10 +76,940 @@ function useChatI18n() {
 	};
 }
 //#endregion
+//#region src/AgentSurface/SurfaceFocusBoundary.tsx
+const focusable = "button, a[href], input, select, textarea, [tabindex], [contenteditable=\"true\"]";
+function candidates(element) {
+	return [element, ...element.querySelectorAll(focusable)].filter((item) => item instanceof HTMLElement && item.matches(focusable) && item.tabIndex >= 0 && !item.matches(":disabled, [aria-disabled=\"true\"], input[type=\"hidden\"]") && !item.closest("[hidden], [inert], [aria-hidden=\"true\"]") && getComputedStyle(item).display !== "none" && getComputedStyle(item).visibility !== "hidden");
+}
+/** Capture focus before React removes DOM; restore after all deleted surfaces are gone. */
+var SurfaceFocusBoundary = class extends Component {
+	host = createRef();
+	getSnapshotBeforeUpdate() {
+		const host = this.host.current;
+		const active = document.activeElement;
+		if (!host || !(active instanceof HTMLElement)) return null;
+		let frame = host.contains(active) ? active.closest("[data-agent-surface]") : null;
+		if (!frame) {
+			for (const trigger of host.querySelectorAll("[aria-controls]")) if ((trigger.getAttribute("aria-controls") ?? "").split(/\s+/).some((id) => document.getElementById(id)?.contains(active))) {
+				frame = trigger.closest("[data-agent-surface]");
+				break;
+			}
+		}
+		if (!frame || this.props.surfaceIds.has(frame.dataset.agentSurface ?? "")) return null;
+		const next = [];
+		for (const start of [frame, host]) {
+			let sibling = start.nextElementSibling;
+			while (sibling) {
+				next.push(sibling);
+				sibling = sibling.nextElementSibling;
+			}
+		}
+		return { siblings: next };
+	}
+	componentDidUpdate(_previous, _state, snapshot) {
+		if (!snapshot) return;
+		const restore = () => {
+			const next = snapshot.siblings.filter((element) => element.isConnected).flatMap(candidates);
+			const composers = [...document.querySelectorAll("textarea")].flatMap(candidates);
+			for (const target of [
+				...next,
+				...composers,
+				this.host.current
+			]) {
+				if (!target) continue;
+				target.focus();
+				if (document.activeElement === target) return;
+			}
+		};
+		restore();
+		queueMicrotask(() => {
+			if (document.activeElement === document.body || document.activeElement === this.host.current) restore();
+		});
+	}
+	render() {
+		if (!this.props.visible) return null;
+		return /* @__PURE__ */ jsx("div", {
+			ref: this.host,
+			tabIndex: -1,
+			role: "group",
+			"aria-label": this.props.label,
+			className: "space-y-3 outline-focus-ring",
+			children: this.props.children
+		});
+	}
+};
+//#endregion
+//#region src/AgentSurface/pointer.ts
+/** RFC 6901 paths. Throws on malformed paths rather than guessing a model key. */
+function segments(path) {
+	if (path === "") return [];
+	if (!path.startsWith("/") || /~(?![01])/u.test(path)) throw new Error("Invalid JSON Pointer");
+	const keys = path.slice(1).split("/").map((key) => key.replace(/~1/g, "/").replace(/~0/g, "~"));
+	if (keys.length > 64 || keys.some((key) => [
+		"__proto__",
+		"prototype",
+		"constructor"
+	].includes(key))) throw new Error("Unsafe JSON Pointer");
+	return keys;
+}
+function own(value, key) {
+	return value !== null && typeof value === "object" && Object.hasOwn(value, key) ? value[key] : void 0;
+}
+function getPointer(model, path) {
+	return segments(path).reduce(own, model);
+}
+/** Copy every ancestor; never mutate the model supplied by a consumer. */
+function setPointer(model, path, value) {
+	const keys = segments(path);
+	function write(current, index) {
+		if (index === keys.length) return value;
+		const key = keys[index];
+		if (Array.isArray(current)) {
+			if (!/^(0|[1-9]\d*)$/.test(key) || Number(key) > current.length) throw new Error("Invalid array index");
+			const copy = [...current];
+			copy[Number(key)] = write(own(current, key), index + 1);
+			return copy;
+		}
+		const copy = current && typeof current === "object" ? { ...current } : {};
+		copy[key] = write(own(current, key), index + 1);
+		return copy;
+	}
+	return write(model, 0);
+}
+//#endregion
+//#region src/AgentSurface/protocol.ts
+/** Supported command envelope. No v0.8 adaptation is performed. */
+const A2UI_VERSION = "v0.9";
+const commands = [
+	"createSurface",
+	"updateComponents",
+	"updateDataModel",
+	"deleteSurface"
+];
+const identifier = (value) => typeof value === "string" && value.length > 0 && value.length <= 128;
+const record = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
+/** JSON-only, bounded input. In particular, reject cyclic JS objects and prototype keys. */
+function validJson(value) {
+	let budget = 1e4;
+	const ancestors = /* @__PURE__ */ new Set();
+	function visit(item, depth) {
+		if (--budget < 0 || depth > 64) return false;
+		if (item === null || typeof item === "boolean") return true;
+		if (typeof item === "number") return Number.isFinite(item);
+		if (typeof item === "string") return item.length <= 65536;
+		if (typeof item !== "object" || ancestors.has(item)) return false;
+		if (!Array.isArray(item) && ![Object.prototype, null].includes(Object.getPrototypeOf(item))) return false;
+		ancestors.add(item);
+		const valid = Object.entries(item).every(([key, child]) => ![
+			"__proto__",
+			"prototype",
+			"constructor"
+		].includes(key) && visit(child, depth + 1));
+		ancestors.delete(item);
+		return valid;
+	}
+	return visit(value, 0);
+}
+function parseMessage(input) {
+	const source = record(input) ? input : {};
+	const declared = commands.filter((key) => Object.hasOwn(source, key));
+	const command = declared[0];
+	const payload = command && record(source[command]) ? source[command] : {};
+	const surfaceId = identifier(payload.surfaceId) ? payload.surfaceId : "";
+	const error = (code) => ({ error: {
+		code,
+		surfaceId
+	} });
+	if (source.version !== "v0.9") return error("version");
+	if (declared.length !== 1 || !surfaceId || !validJson(input)) return error("message");
+	if (command === "createSurface") {
+		if (payload.catalogId !== void 0 && !identifier(payload.catalogId)) return error("message");
+		return { message: {
+			version: A2UI_VERSION,
+			createSurface: {
+				surfaceId,
+				...typeof payload.catalogId === "string" ? { catalogId: payload.catalogId } : {}
+			}
+		} };
+	}
+	if (command === "deleteSurface") return { message: {
+		version: A2UI_VERSION,
+		deleteSurface: { surfaceId }
+	} };
+	if (command === "updateDataModel") {
+		if (!Object.hasOwn(payload, "value") || payload.path !== void 0 && typeof payload.path !== "string") return error("message");
+		return { message: {
+			version: A2UI_VERSION,
+			updateDataModel: {
+				surfaceId,
+				path: typeof payload.path === "string" ? payload.path : "",
+				value: payload.value
+			}
+		} };
+	}
+	if (!Array.isArray(payload.components) || payload.components.length > 256) return error("message");
+	const nodes = [];
+	const ids = /* @__PURE__ */ new Set();
+	for (const node of payload.components) {
+		if (!record(node) || !identifier(node.id) || !identifier(node.component) || ids.has(node.id)) return error("message");
+		if (node.children !== void 0 && (!Array.isArray(node.children) || node.children.length > 256 || !node.children.every(identifier))) return error("message");
+		ids.add(node.id);
+		nodes.push(node);
+	}
+	return { message: {
+		version: A2UI_VERSION,
+		updateComponents: {
+			surfaceId,
+			components: nodes
+		}
+	} };
+}
+/** Missing children are allowed while streaming; repeated parents, cycles and deep trees are not. */
+function validGraph(nodes) {
+	if (nodes.size > 256) return false;
+	const parents = /* @__PURE__ */ new Set();
+	for (const node of nodes.values()) for (const child of node.children ?? []) {
+		if (parents.has(child)) return false;
+		parents.add(child);
+	}
+	const visiting = /* @__PURE__ */ new Set();
+	function visit(id, depth) {
+		if (depth > 32 || visiting.has(id)) return false;
+		visiting.add(id);
+		const valid = (nodes.get(id)?.children ?? []).every((child) => visit(child, depth + 1));
+		visiting.delete(id);
+		return valid;
+	}
+	return [...nodes.keys()].every((id) => visit(id, 0));
+}
+//#endregion
+//#region src/AgentSurface/stream.ts
+const emptyStream = () => ({
+	messages: [],
+	deleted: false,
+	surfaces: /* @__PURE__ */ new Map(),
+	blocked: /* @__PURE__ */ new Set(),
+	errors: []
+});
+function consume(previous, messages) {
+	const base = previous.messages.every((message, index) => messages[index] === message) ? previous : emptyStream();
+	const state = {
+		messages,
+		deleted: base.deleted,
+		surfaces: new Map(base.surfaces),
+		blocked: new Set(base.blocked),
+		errors: [...base.errors]
+	};
+	for (const input of messages.slice(base.messages.length)) {
+		const parsed = parseMessage(input);
+		if ("error" in parsed) {
+			if (parsed.error.code === "version") {
+				state.blocked.add(parsed.error.surfaceId);
+				state.surfaces.delete(parsed.error.surfaceId);
+				if (previous.surfaces.has(parsed.error.surfaceId)) state.deleted = true;
+			}
+			state.errors.push(parsed.error);
+			continue;
+		}
+		const message = parsed.message;
+		const { surfaceId } = "createSurface" in message ? message.createSurface : "updateComponents" in message ? message.updateComponents : "updateDataModel" in message ? message.updateDataModel : message.deleteSurface;
+		if (state.blocked.has(surfaceId)) continue;
+		if ("createSurface" in message) {
+			if (!state.surfaces.has(surfaceId)) {
+				if (state.surfaces.size >= 32) state.errors.push({
+					code: "message",
+					surfaceId
+				});
+				else state.surfaces.set(surfaceId, {
+					nodes: /* @__PURE__ */ new Map(),
+					model: {}
+				});
+			}
+			continue;
+		}
+		const surface = state.surfaces.get(surfaceId);
+		if (!surface) {
+			state.errors.push({
+				code: "message",
+				surfaceId
+			});
+			continue;
+		}
+		if ("updateComponents" in message) {
+			const nodes = new Map(surface.nodes);
+			for (const node of message.updateComponents.components) {
+				const old = nodes.get(node.id);
+				nodes.set(node.id, {
+					...old?.component === node.component ? old : {},
+					...node
+				});
+			}
+			const invalid = !validGraph(nodes);
+			if (invalid) state.errors.push({
+				code: "graph",
+				surfaceId
+			});
+			state.surfaces.set(surfaceId, {
+				...surface,
+				nodes: invalid ? surface.nodes : nodes,
+				invalid
+			});
+		}
+		if ("updateDataModel" in message) try {
+			const { path = "", value } = message.updateDataModel;
+			state.surfaces.set(surfaceId, {
+				...surface,
+				model: setPointer(surface.model, path, value)
+			});
+		} catch {
+			state.errors.push({
+				code: "binding",
+				surfaceId
+			});
+		}
+		if ("deleteSurface" in message) {
+			state.surfaces.delete(surfaceId);
+			state.deleted = true;
+		}
+	}
+	state.errors = state.errors.filter((error) => !state.blocked.has(error.surfaceId) || error.code === "version");
+	return state;
+}
+//#endregion
+//#region src/utils/useCopy.ts
+/**
+* Copies text to the clipboard and exposes a short-lived `copied` flag for the button label.
+* The reset timer is cleared on unmount and on every new copy.
+*/
+function useCopy(resetMs = 1600) {
+	const [copied, setCopied] = useState(false);
+	const timer = useRef(void 0);
+	useEffect(() => () => clearTimeout(timer.current), []);
+	return {
+		copied,
+		copy: useCallback(async (text) => {
+			try {
+				await navigator.clipboard?.writeText(text);
+			} catch {}
+			setCopied(true);
+			clearTimeout(timer.current);
+			timer.current = setTimeout(() => setCopied(false), resetMs);
+		}, [resetMs])
+	};
+}
+//#endregion
 //#region src/utils/focus.ts
 /** Focus ring shared by every interactive element in the pack (brand rule). */
 const focusRing = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring";
 //#endregion
+//#region src/Markdown/markdown.variants.ts
+/**
+* Blinking caret drawn after the last block while text streams in. Pure CSS (an ::after on the
+* last child), so it follows paragraphs, list items and code without extra DOM.
+*/
+const streamingCaretClass = [
+	"[&>:last-child]:after:ms-0.5 [&>:last-child]:after:inline-block [&>:last-child]:after:h-[1.05em] [&>:last-child]:after:w-[2px]",
+	"[&>:last-child]:after:translate-y-[2px] [&>:last-child]:after:bg-primary [&>:last-child]:after:content-['']",
+	"[&>:last-child]:after:animate-pulse motion-reduce:[&>:last-child]:after:animate-none"
+].join(" ");
+/** Element classes for Markdown (token colours only). */
+const markdownStyles = {
+	root: "min-w-0 text-[14px] leading-[1.7] text-foreground [overflow-wrap:anywhere] [&>:first-child]:mt-0 [&>:last-child]:mb-0",
+	h1: "mt-5 mb-2 text-[18px] font-semibold tracking-tight",
+	h2: "mt-5 mb-2 text-[16px] font-semibold tracking-tight",
+	h3: "mt-4 mb-1.5 text-[14.5px] font-semibold",
+	h4: "mt-4 mb-1.5 text-[13.5px] font-semibold text-muted-foreground",
+	p: "my-2.5",
+	ul: "my-2.5 list-disc space-y-1 ps-5 marker:text-muted-foreground",
+	ol: "my-2.5 list-decimal space-y-1 ps-5 marker:text-muted-foreground",
+	li: "ps-1 [&>ul]:my-1 [&>ol]:my-1 [&.task-list-item]:list-none [&.task-list-item]:-ms-5",
+	blockquote: "my-3 border-s-2 border-primary/50 ps-3.5 text-muted-foreground",
+	hr: "my-5 border-border",
+	link: `rounded-sm font-medium text-primary-text underline decoration-primary/40 underline-offset-2 hover:decoration-primary ${focusRing}`,
+	linkIcon: "ms-0.5 inline-block align-[-1px]",
+	inlineCode: "rounded-md border border-border bg-secondary/60 px-1.5 py-px font-mono text-[12.5px]",
+	tableWrap: "my-3 overflow-x-auto rounded-lg border border-border",
+	table: "w-full border-collapse text-start text-[13px]",
+	th: "border-b border-border bg-secondary/50 px-3 py-2 font-semibold",
+	td: "border-b border-border px-3 py-2 align-top [tr:last-child_&]:border-b-0",
+	checkbox: "me-1.5 align-[-2px] accent-primary",
+	image: "text-muted-foreground italic",
+	code: {
+		root: "my-3 overflow-hidden rounded-lg border border-border bg-secondary/40",
+		header: "flex h-9 items-center justify-between border-b border-border bg-secondary/50 ps-3 pe-1.5",
+		lang: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+		pre: "overflow-x-auto p-3 font-mono text-[12.5px] leading-6"
+	}
+};
+//#endregion
+//#region src/Markdown/CodeBlock.tsx
+const s$1 = markdownStyles.code;
+/** Fenced code with a language label and a copy button. */
+function CodeBlock({ code, language, className }) {
+	const { copied, copy } = useCopy();
+	const { t } = useI18n();
+	return /* @__PURE__ */ jsxs("div", {
+		className: className ? `${s$1.root} ${className}` : s$1.root,
+		"data-language": language,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: s$1.header,
+			children: [/* @__PURE__ */ jsx("span", {
+				className: s$1.lang,
+				children: language || "text"
+			}), /* @__PURE__ */ jsx(Button, {
+				size: "sm",
+				variant: "ghost",
+				icon: copied ? Check : Copy,
+				"aria-label": copied ? t("chat.copiedCode") : t("chat.copyCode"),
+				className: "h-7 px-2",
+				onClick: () => void copy(code),
+				children: copied ? t("common.copied") : t("common.copy")
+			})]
+		}), /* @__PURE__ */ jsx("pre", {
+			className: s$1.pre,
+			children: /* @__PURE__ */ jsx("code", { children: code })
+		})]
+	});
+}
+//#endregion
+//#region src/Markdown/Markdown.tsx
+const SAFE_PROTOCOL = /^(https?|mailto|tel):/i;
+/**
+* URL policy: relative URLs, anchors and http(s)/mailto/tel only. Everything else
+* (javascript:, data:, vbscript:, …) is dropped, on top of react-markdown's own transform.
+*/
+function safeUrl(url) {
+	const cleaned = defaultUrlTransform(url);
+	if (!cleaned) return "";
+	const compact = Array.from(cleaned).filter((c) => c.charCodeAt(0) > 32).join("");
+	if (/^[a-z][a-z0-9+.-]*:/i.test(compact) && !SAFE_PROTOCOL.test(compact)) return "";
+	return cleaned;
+}
+/**
+* Makes partial streamed markdown render sanely: a fence that has opened but not closed is
+* closed at the end, so the tail renders as code instead of flashing as paragraphs.
+*/
+function repairStreamingMarkdown(text) {
+	const fences = text.match(/^ {0,3}(`{3,}|~{3,})/gm) ?? [];
+	if (fences.length % 2 === 0) return text;
+	const opener = (fences[fences.length - 1] ?? "```").trim();
+	return `${text}${text.endsWith("\n") ? "" : "\n"}${opener}`;
+}
+const isExternal = (href) => /^https?:\/\//i.test(href);
+/** Drops react-markdown's `node` (hast) prop before spreading onto a DOM element. */
+/** Screen-reader note on links that open a new tab. */
+function NewTabHint() {
+	const { t } = useI18n();
+	return /* @__PURE__ */ jsxs("span", {
+		className: "sr-only",
+		children: [" ", t("link.external")]
+	});
+}
+/** Remote images can track readers and break layout mid-stream: show them as links. */
+function ImageLink({ href, alt }) {
+	const { t } = useI18n();
+	const text = t("chat.image", { alt: alt || t("chat.untitled") });
+	return href ? /* @__PURE__ */ jsxs("a", {
+		href,
+		target: "_blank",
+		rel: "noopener noreferrer nofollow",
+		className: markdownStyles.link,
+		children: [text, /* @__PURE__ */ jsx(NewTabHint, {})]
+	}) : /* @__PURE__ */ jsx("span", {
+		className: markdownStyles.image,
+		children: text
+	});
+}
+function TaskCheckbox({ checked }) {
+	const { t } = useI18n();
+	return /* @__PURE__ */ jsx("input", {
+		type: "checkbox",
+		checked,
+		readOnly: true,
+		disabled: true,
+		"aria-label": checked ? t("chat.taskDone") : t("chat.taskNotDone"),
+		className: markdownStyles.checkbox
+	});
+}
+function omitNode(props) {
+	const { node, ...rest } = props;
+	return rest;
+}
+const components = {
+	h1: (p) => /* @__PURE__ */ jsx("h1", {
+		...omitNode(p),
+		className: markdownStyles.h1
+	}),
+	h2: (p) => /* @__PURE__ */ jsx("h2", {
+		...omitNode(p),
+		className: markdownStyles.h2
+	}),
+	h3: (p) => /* @__PURE__ */ jsx("h3", {
+		...omitNode(p),
+		className: markdownStyles.h3
+	}),
+	h4: (p) => /* @__PURE__ */ jsx("h4", {
+		...omitNode(p),
+		className: markdownStyles.h4
+	}),
+	h5: (p) => /* @__PURE__ */ jsx("h4", {
+		...omitNode(p),
+		className: markdownStyles.h4
+	}),
+	h6: (p) => /* @__PURE__ */ jsx("h4", {
+		...omitNode(p),
+		className: markdownStyles.h4
+	}),
+	p: (p) => /* @__PURE__ */ jsx("p", {
+		...omitNode(p),
+		className: markdownStyles.p
+	}),
+	ul: (p) => /* @__PURE__ */ jsx("ul", {
+		...omitNode(p),
+		className: cn(markdownStyles.ul, p.className === "contains-task-list" && "ps-1")
+	}),
+	ol: (p) => /* @__PURE__ */ jsx("ol", {
+		...omitNode(p),
+		className: markdownStyles.ol
+	}),
+	li: (p) => /* @__PURE__ */ jsx("li", {
+		...omitNode(p),
+		className: cn(markdownStyles.li, p.className)
+	}),
+	blockquote: (p) => /* @__PURE__ */ jsx("blockquote", {
+		...omitNode(p),
+		className: markdownStyles.blockquote
+	}),
+	hr: () => /* @__PURE__ */ jsx("hr", { className: markdownStyles.hr }),
+	table: (p) => /* @__PURE__ */ jsx("div", {
+		className: markdownStyles.tableWrap,
+		children: /* @__PURE__ */ jsx("table", {
+			...omitNode(p),
+			className: markdownStyles.table
+		})
+	}),
+	th: (p) => /* @__PURE__ */ jsx("th", {
+		...omitNode(p),
+		className: markdownStyles.th
+	}),
+	td: (p) => /* @__PURE__ */ jsx("td", {
+		...omitNode(p),
+		className: markdownStyles.td
+	}),
+	a: (props) => {
+		const { href, children, ...p } = omitNode(props);
+		if (!href) return /* @__PURE__ */ jsx("span", { children });
+		if (!isExternal(href)) return /* @__PURE__ */ jsx("a", {
+			href,
+			className: markdownStyles.link,
+			...p,
+			children
+		});
+		return /* @__PURE__ */ jsxs("a", {
+			href,
+			target: "_blank",
+			rel: "noopener noreferrer nofollow",
+			className: markdownStyles.link,
+			...p,
+			children: [
+				children,
+				/* @__PURE__ */ jsx(ExternalLink, {
+					size: 12,
+					"aria-hidden": true,
+					className: markdownStyles.linkIcon
+				}),
+				/* @__PURE__ */ jsx(NewTabHint, {})
+			]
+		});
+	},
+	img: ({ src, alt }) => /* @__PURE__ */ jsx(ImageLink, {
+		href: typeof src === "string" ? src : "",
+		alt
+	}),
+	input: ({ checked, type }) => type === "checkbox" ? /* @__PURE__ */ jsx(TaskCheckbox, { checked: !!checked }) : null,
+	code: ({ className, children }) => /* @__PURE__ */ jsx("code", {
+		className: cn(markdownStyles.inlineCode, className),
+		children
+	}),
+	pre: ({ children }) => {
+		const child = Children.toArray(children)[0];
+		if (!isValidElement(child)) return /* @__PURE__ */ jsx("pre", {
+			className: markdownStyles.code.pre,
+			children
+		});
+		const language = /language-([\w+#.-]+)/.exec(child.props.className ?? "")?.[1];
+		const code = String(Children.toArray(child.props.children).join("")).replace(/\n$/, "");
+		return /* @__PURE__ */ jsx(CodeBlock, {
+			code,
+			language
+		});
+	}
+};
+const remarkPlugins = [remarkGfm];
+/**
+* Safe markdown for model output: raw HTML is never rendered (skipped, not parsed), links are
+* restricted to http(s)/mailto/tel/relative, external links open in a new tab with a marker,
+* and fenced code gets a copy button. Partial input from a stream is tolerated.
+*/
+const Markdown = memo(function Markdown({ children, streaming = false, className }) {
+	const source = streaming ? repairStreamingMarkdown(children) : children;
+	return /* @__PURE__ */ jsx("div", {
+		"data-streaming": streaming || void 0,
+		className: cn(markdownStyles.root, streaming && streamingCaretClass, className),
+		children: /* @__PURE__ */ jsx(ReactMarkdown, {
+			remarkPlugins,
+			components,
+			skipHtml: true,
+			urlTransform: safeUrl,
+			children: source
+		})
+	});
+});
+//#endregion
+//#region src/AgentSurface/model.ts
+const isRecord = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
+function bindingPath(value) {
+	if (!isRecord(value) || !Object.hasOwn(value, "path")) return void 0;
+	if (typeof value.path !== "string" || Object.keys(value).length !== 1) throw new Error("Invalid binding");
+	getPointer({}, value.path);
+	return value.path;
+}
+function resolveValue(value, model) {
+	const path = bindingPath(value);
+	if (path !== void 0) return getPointer(model, path);
+	if (Array.isArray(value)) return value.map((item) => resolveValue(item, model));
+	if (isRecord(value)) return Object.fromEntries(Object.entries(value).map(([key, item]) => [key, resolveValue(item, model)]));
+	return value;
+}
+/** Remove executable/structural properties before even a host validator sees agent input. */
+function safeProperties(input, model) {
+	const result = {};
+	for (const [key, value] of Object.entries(input)) {
+		if (/^on/i.test(key) || [
+			"id",
+			"component",
+			"children",
+			"className",
+			"style",
+			"dangerouslySetInnerHTML",
+			"ref",
+			"key",
+			"render",
+			"as",
+			"__proto__",
+			"constructor",
+			"prototype"
+		].includes(key)) continue;
+		const resolved = resolveValue(value, model);
+		result[key] = /(?:href|src|url)$/i.test(key) && typeof resolved === "string" ? safeUrl(resolved) || void 0 : resolved;
+	}
+	return result;
+}
+function validAction(value) {
+	return value === void 0 || isRecord(value) && typeof value.name === "string" && value.name.trim().length > 0 && value.name.length <= 128 && (value.context === void 0 || isRecord(value.context));
+}
+//#endregion
+//#region src/AgentSurface/AgentSurface.tsx
+function AgentSurface({ messages, catalog, onError, onAction }) {
+	const { tc } = useChatI18n();
+	const reported = useRef(/* @__PURE__ */ new Set());
+	const errors = [];
+	const [state, setState] = useState(emptyStream);
+	if (state.messages !== messages) setState(consume(state, messages));
+	errors.push(...state.errors);
+	function renderNode(surfaceId, nodes, id) {
+		const node = nodes.get(id);
+		if (!node) return null;
+		const entry = Object.hasOwn(catalog, node.component) ? catalog[node.component] : void 0;
+		const surface = state.surfaces.get(surfaceId);
+		let props = null;
+		try {
+			const input = safeProperties(node, surface.model);
+			if (validAction(input.action)) props = entry?.validate(input) ?? null;
+		} catch {}
+		if (!entry || !props) {
+			errors.push({
+				code: entry ? "props" : "component",
+				surfaceId,
+				componentId: id,
+				type: node.component
+			});
+			return /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground",
+				children: tc("chat.surfaceUnsupported")
+			}, id);
+		}
+		const Component = entry.component;
+		return /* @__PURE__ */ jsx(Component, {
+			props,
+			onValueChange: (value) => {
+				const path = bindingPath(node.value ?? node.checked);
+				if (path === void 0) return;
+				setState((current) => {
+					const surface = current.surfaces.get(surfaceId);
+					if (!surface) return current;
+					const surfaces = new Map(current.surfaces);
+					surfaces.set(surfaceId, {
+						...surface,
+						model: setPointer(surface.model, path, value)
+					});
+					return {
+						...current,
+						surfaces
+					};
+				});
+			},
+			onAction: () => {
+				if (!isRecord(node.action) || typeof node.action.name !== "string") return;
+				const context = resolveValue(node.action.context ?? {}, surface.model);
+				if (isRecord(context)) onAction?.({
+					name: node.action.name,
+					surfaceId,
+					context
+				});
+			},
+			children: node.children?.map((child) => renderNode(surfaceId, nodes, child))
+		}, id);
+	}
+	const content = [...state.surfaces].map(([id, surface]) => /* @__PURE__ */ jsxs("section", {
+		"data-agent-surface": id,
+		role: "group",
+		"aria-label": tc("chat.surfaceAgentContent"),
+		className: "rounded-lg border border-border bg-background p-3",
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "mb-3 text-xs font-semibold text-muted-foreground",
+			children: tc("chat.surfaceAgentContent")
+		}), /* @__PURE__ */ jsx("form", {
+			onSubmit: (event) => event.preventDefault(),
+			children: surface.invalid ? /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground",
+				children: tc("chat.surfaceUnsupported")
+			}) : renderNode(id, surface.nodes, "root")
+		})]
+	}, id));
+	useEffect(() => {
+		for (const error of errors) {
+			const key = JSON.stringify(error);
+			if (!reported.current.has(key)) {
+				reported.current.add(key);
+				onError?.(error);
+			}
+		}
+	});
+	return /* @__PURE__ */ jsx(SurfaceFocusBoundary, {
+		surfaceIds: new Set(state.surfaces.keys()),
+		visible: state.surfaces.size > 0 || state.deleted,
+		label: tc("chat.surfaceAgentContent"),
+		children: content
+	});
+}
+//#endregion
+//#region src/AgentSurface/catalog-components.tsx
+const text = (value) => typeof value === "string" ? value : "";
+function SurfaceText({ props }) {
+	return typeof props.href === "string" && props.href ? /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx(Link, {
+		href: props.href,
+		children: text(props.text)
+	}) }) : /* @__PURE__ */ jsx(Text, { children: text(props.text) });
+}
+function SurfaceHeading({ props }) {
+	return /* @__PURE__ */ jsx(Heading, {
+		level: typeof props.level === "number" ? props.level : 2,
+		children: text(props.text)
+	});
+}
+function SurfaceCard({ children }) {
+	return /* @__PURE__ */ jsx(Card, {
+		className: "space-y-3 p-4",
+		children
+	});
+}
+function SurfaceStack({ props, children }) {
+	return /* @__PURE__ */ jsx(Stack, {
+		direction: props.direction === "row" ? "row" : "column",
+		gap: typeof props.gap === "number" ? props.gap : 3,
+		children
+	});
+}
+function SurfaceButton({ props, onAction }) {
+	return /* @__PURE__ */ jsx(Button, {
+		type: "submit",
+		className: "motion-reduce:transition-none",
+		disabled: props.disabled === true,
+		onClick: onAction,
+		children: text(props.label)
+	});
+}
+function SurfaceInput({ props, onValueChange }) {
+	return /* @__PURE__ */ jsxs("label", {
+		className: "flex flex-col gap-2 text-sm text-foreground",
+		children: [text(props.label), /* @__PURE__ */ jsx(Input, {
+			type: "text",
+			disabled: props.disabled === true,
+			value: text(props.value),
+			onValueChange
+		})]
+	});
+}
+function SurfaceSelect({ props, onValueChange }) {
+	const items = Array.isArray(props.options) ? props.options.filter(isRecord).map((item) => ({
+		value: text(item.value),
+		label: text(item.label)
+	})) : [];
+	return /* @__PURE__ */ jsx(SimpleSelect, {
+		label: text(props.label),
+		disabled: props.disabled === true,
+		value: typeof props.value === "string" ? props.value : null,
+		items,
+		onValueChange
+	});
+}
+function SurfaceCheckbox({ props, onValueChange }) {
+	return /* @__PURE__ */ jsx(Checkbox, {
+		label: text(props.label),
+		disabled: props.disabled === true,
+		checked: props.checked === true,
+		onCheckedChange: onValueChange
+	});
+}
+function SurfaceAlert({ props }) {
+	return /* @__PURE__ */ jsx(Alert, {
+		title: text(props.title),
+		description: text(props.text)
+	});
+}
+function SurfaceBadge({ props }) {
+	return /* @__PURE__ */ jsx(Badge, { children: text(props.text) });
+}
+//#endregion
+//#region src/AgentSurface/catalog.ts
+function defineAgentCatalog(entries) {
+	return Object.freeze(Object.fromEntries(Object.entries(entries).map(([name, entry]) => [name, Object.freeze({ ...entry })])));
+}
+const string = (value) => typeof value === "string";
+const label = (value) => typeof value === "string" && value.trim().length > 0;
+const optional = (rule) => (value) => value === void 0 || rule(value);
+const boolean = (value) => typeof value === "boolean";
+function fields(rules) {
+	return (input) => {
+		const output = {};
+		for (const [key, rule] of Object.entries(rules)) {
+			if (!rule(input[key])) return null;
+			if (input[key] !== void 0) output[key] = input[key];
+		}
+		return output;
+	};
+}
+const options = (value) => Array.isArray(value) && value.length <= 100 && value.every((item) => isRecord(item) && label(item.value) && label(item.label)) && new Set(value.map((item) => isRecord(item) ? item.value : null)).size === value.length;
+/** Small text/form catalog. Password, payment and file controls are deliberately absent. */
+const defaultAgentCatalog = defineAgentCatalog({
+	Text: {
+		component: SurfaceText,
+		validate: fields({
+			text: string,
+			href: optional(string)
+		})
+	},
+	Heading: {
+		component: SurfaceHeading,
+		validate: fields({
+			text: label,
+			level: optional((v) => typeof v === "number" && Number.isInteger(v) && v >= 1 && v <= 6)
+		})
+	},
+	Card: {
+		component: SurfaceCard,
+		validate: fields({})
+	},
+	Stack: {
+		component: SurfaceStack,
+		validate: fields({
+			direction: optional((v) => v === "row" || v === "column"),
+			gap: optional((v) => typeof v === "number" && Number.isInteger(v) && v >= 0 && v <= 12)
+		})
+	},
+	Button: {
+		component: SurfaceButton,
+		validate: fields({
+			label,
+			disabled: optional(boolean)
+		})
+	},
+	Input: {
+		component: SurfaceInput,
+		validate: fields({
+			label,
+			value: optional(string),
+			disabled: optional(boolean),
+			type: optional((v) => v === "text")
+		})
+	},
+	Select: {
+		component: SurfaceSelect,
+		validate: (input) => {
+			const result = fields({
+				label,
+				value: optional((v) => v === null || typeof v === "string"),
+				options,
+				disabled: optional(boolean)
+			})(input);
+			if (!result || !Array.isArray(result.options)) return null;
+			return {
+				...result,
+				options: result.options.filter(isRecord).map((item) => ({
+					value: item.value,
+					label: item.label
+				}))
+			};
+		}
+	},
+	Checkbox: {
+		component: SurfaceCheckbox,
+		validate: fields({
+			label,
+			checked: optional(boolean),
+			disabled: optional(boolean)
+		})
+	},
+	Alert: {
+		component: SurfaceAlert,
+		validate: fields({
+			title: label,
+			text: optional(string)
+		})
+	},
+	Badge: {
+		component: SurfaceBadge,
+		validate: fields({ text: label })
+	}
+});
+//#endregion
+//#region src/AgentSurface/AgentSurface.doc.ts
+const doc = {
+	name: "AgentSurface",
+	group: "Display",
+	status: "beta",
+	description: "Opt-in, placement-neutral renderer for allow-listed agent content. Accepts only A2UI v0.9 command envelopes (A2UI_VERSION). Pass an immutable messages log and a trusted catalog; append createSurface, updateComponents, updateDataModel and deleteSurface messages. Component records have id, component, optional children (child ids), and flat catalog properties; the root id is \"root\". Text/Heading/Badge use text; Text optionally accepts href; Heading accepts level 1–6. Card contains children; Stack accepts direction (row/column) and gap (0–12). Button uses label, optional disabled and action { name, context }; Input uses label, optional text value/disabled and only type text. Select uses label, options [{ value, label }], optional value/disabled; Checkbox uses label, optional checked/disabled. Alert uses title and optional text. { path: \"/user/name\" } reads a JSON Pointer; Input/Select value and Checkbox checked write back to that path. updateDataModel { surfaceId, path?, value } replaces the value at path (default: model root). Every default Button is a submit control: Enter in an Input can activate the first Button, so keep a safe primary action first and avoid destructive actions in that position. Buttons, keyboard activation and implicit form submission emit onAction { name, surfaceId, context } with the current bound values. Replacing the log replays it; keep existing message objects stable when appending. Runtime validation rejects unsupported versions, malformed JSON, prototype keys, cycles, shared children and excessive trees (256 nodes, depth 32, 32 surfaces). Missing child definitions may arrive later. Unknown components and invalid properties show a localized placeholder and report a deduplicated onError diagnostic. The visible, accessible agent-content frame cannot be relabelled by the agent. Deletion or version suppression of rendered content restores focus to the next surviving sibling control, the first focusable textarea in the document, or the labelled container. Place the chat composer as that first textarea or provide a focusable sibling after the renderer; another textarea can otherwise receive focus. defineAgentCatalog accepts trusted host wrappers { component, validate }; validate must return a fresh allow-list of known properties or null. Wrappers receive { props, children, onValueChange, onAction } and must assign explicit kit props. Never spread agent data into elements. Custom URL properties must have names ending in href, src or url (case-insensitive) to receive the Markdown safeUrl policy; text renders as React text nodes. Custom catalogs can reintroduce phishing and executable content: audit their wrappers and validators, never allow passwords, payments, file uploads, arbitrary markup or host-chrome styling. Transport, side-panel placement, v0.8 adapters and Markdown integration belong to consumers or future changes. The live example demonstrates every default entry, model patches, actions, rejection, deletion and reset.",
+	primitive: "Kit components (Base UI)",
+	pattern: "labelled group containing a form",
+	keyboard: [
+		["Tab / Shift+Tab", "Moves between enabled form controls and links"],
+		["Enter / Space", "Activates a Button exactly once; Enter in an Input submits with the first Button"],
+		["Space", "Toggles a Checkbox and updates its bound model path"],
+		["Enter / ArrowDown", "Opens a Select; ArrowUp/ArrowDown navigates options"],
+		["Enter / Escape", "Selects an option / closes a Select and returns focus"],
+		["Surface deletion", "Moves focus to a surviving sibling control, the composer, or the labelled container"]
+	],
+	tokens: [
+		"background",
+		"card",
+		"border",
+		"foreground",
+		"muted-foreground",
+		"focus-ring"
+	]
+};
+//#endregion
 //#region src/Attachment/attachment.variants.ts
 /** Slot classes for AttachmentChip / AttachmentList. */
 const attachmentStyles = {
@@ -139,7 +1055,7 @@ function attachmentStatus(a) {
 * (a progressbar), error with retry, and a remove button.
 */
 function AttachmentChip({ attachment: a, variant = "chip", onRemove, onRetry, disabled = false, className, ref }) {
-	const { t, tc } = useChatI18n();
+	const { t, tc, locale } = useChatI18n();
 	const status = attachmentStatus(a);
 	const kind = fileKind(a.name, a.type);
 	const Icon = status === "error" ? AlertCircle : ICONS[kind];
@@ -165,7 +1081,7 @@ function AttachmentChip({ attachment: a, variant = "chip", onRemove, onRetry, di
 		children: pct === null ? t("common.loading") : `${pct}%`
 	}) : a.size !== void 0 ? /* @__PURE__ */ jsx("span", {
 		className: attachmentStyles.meta,
-		children: formatBytes(a.size)
+		children: formatBytes(a.size, locale)
 	}) : null;
 	const buttons = /* @__PURE__ */ jsxs(Fragment, { children: [status === "error" && onRetry && /* @__PURE__ */ jsx("button", {
 		type: "button",
@@ -281,7 +1197,7 @@ function validateFiles(files, { accept, maxSize, maxFiles, current = 0 }) {
 }
 //#endregion
 //#region src/Attachment/Attachment.doc.ts
-const doc = {
+const doc$1 = {
 	name: "AttachmentList",
 	group: "Display",
 	status: "beta",
@@ -335,7 +1251,7 @@ const chatComposerStyles = {
 * streams the send button becomes Stop (Escape also stops).
 */
 function ChatComposer({ value, defaultValue = "", onValueChange, onSubmit, streaming = false, onStop, disabled = false, placeholder: placeholderProp, label: labelProp, maxLength, attachments = [], onAttach, onRemoveAttachment, onRetryAttachment, accept, maxSize, maxFiles, onReject, modelPicker, tools, hint, className, ref }) {
-	const { t, tc } = useChatI18n();
+	const { t, tc, locale } = useChatI18n();
 	const placeholder = placeholderProp ?? t("chat.placeholder");
 	const label = labelProp ?? t("chat.messageLabel");
 	const id = useId();
@@ -381,7 +1297,7 @@ function ChatComposer({ value, defaultValue = "", onValueChange, onSubmit, strea
 			reason,
 			message: reason === "type" ? tc("chat.fileTypeNotAllowed", { name: file.name }) : reason === "size" ? tc("chat.fileTooLarge", {
 				name: file.name,
-				max: formatBytes(maxSize ?? 0)
+				max: formatBytes(maxSize ?? 0, locale)
 			}) : tc("chat.tooManyFiles", { max: maxFiles ?? 0 })
 		}));
 		setErrors([...new Set(rejections.map((r) => r.message))]);
@@ -558,7 +1474,7 @@ function ChatComposer({ value, defaultValue = "", onValueChange, onSubmit, strea
 }
 //#endregion
 //#region src/ChatComposer/ChatComposer.doc.ts
-const doc$1 = {
+const doc$2 = {
 	name: "ChatComposer",
 	group: "Forms",
 	status: "beta",
@@ -636,7 +1552,7 @@ function TypingIndicator({ author, showLabel = false, label, size = "md", announ
 }
 //#endregion
 //#region src/TypingIndicator/TypingIndicator.doc.ts
-const doc$11 = {
+const doc$12 = {
 	name: "TypingIndicator",
 	group: "Feedback",
 	status: "beta",
@@ -645,26 +1561,30 @@ const doc$11 = {
 	tokens: ["muted-foreground"]
 };
 //#endregion
-//#region src/utils/useCopy.ts
-/**
-* Copies text to the clipboard and exposes a short-lived `copied` flag for the button label.
-* The reset timer is cleared on unmount and on every new copy.
-*/
-function useCopy(resetMs = 1600) {
-	const [copied, setCopied] = useState(false);
-	const timer = useRef(void 0);
-	useEffect(() => () => clearTimeout(timer.current), []);
-	return {
-		copied,
-		copy: useCallback(async (text) => {
-			try {
-				await navigator.clipboard?.writeText(text);
-			} catch {}
-			setCopied(true);
-			clearTimeout(timer.current);
-			timer.current = setTimeout(() => setCopied(false), resetMs);
-		}, [resetMs])
-	};
+//#region src/utils/format.ts
+/** "840 ms" below a second, "2.4 s" below a minute, "1 m 05 s" above. */
+function formatDuration(ms) {
+	if (ms < 1e3) return `${Math.round(ms)} ms`;
+	if (ms < 6e4) return `${(ms / 1e3).toFixed(1)} s`;
+	const m = Math.floor(ms / 6e4);
+	const s = Math.round(ms % 6e4 / 1e3);
+	return `${m} m ${String(s).padStart(2, "0")} s`;
+}
+/** Short local time ("14:05") for a message timestamp. */
+function formatTime(date) {
+	return date.toLocaleTimeString(void 0, {
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+/** Pretty-prints any value as JSON; falls back to String() for cyclic or exotic values. */
+function toJson(value) {
+	if (typeof value === "string") return value;
+	try {
+		return JSON.stringify(value, null, 2) ?? String(value);
+	} catch {
+		return String(value);
+	}
 }
 //#endregion
 //#region src/ChatMessage/chatMessage.variants.ts
@@ -877,7 +1797,7 @@ function ChatAnnouncer({ streaming, lastReply, author, maxLength = 600 }) {
 }
 //#endregion
 //#region src/ChatMessage/ChatMessage.doc.ts
-const doc$4 = {
+const doc$5 = {
 	name: "ChatMessage",
 	group: "Display",
 	status: "beta",
@@ -1107,7 +2027,7 @@ function MessageFeedback({ value: valueProp, onFeedback, reasons: reasonsProp, a
 }
 //#endregion
 //#region src/MessageFeedback/MessageFeedback.doc.ts
-const doc$7 = {
+const doc$8 = {
 	name: "MessageFeedback",
 	group: "Actions",
 	status: "beta",
@@ -1318,7 +2238,7 @@ const DEMO_MODELS = [
 ];
 //#endregion
 //#region src/ModelPicker/ModelPicker.doc.ts
-const doc$8 = {
+const doc$9 = {
 	name: "ModelPicker",
 	group: "Forms",
 	status: "beta",
@@ -1560,7 +2480,7 @@ function ChatLayout({ children, composer, header, panel, panelLabel: panelLabelP
 }
 //#endregion
 //#region src/ChatLayout/ChatLayout.doc.ts
-const doc$3 = {
+const doc$4 = {
 	name: "ChatLayout",
 	group: "Layout",
 	status: "beta",
@@ -1648,385 +2568,121 @@ function Citation({ index, source, delay = 200, className }) {
 						className: citationStyles.index,
 						children: index
 					}),
-					/* @__PURE__ */ jsx(Globe, {
-						size: 12,
-						"aria-hidden": true
-					}),
-					host && /* @__PURE__ */ jsx("span", {
-						className: "truncate",
-						children: host
-					})
-				]
-			}),
-			/* @__PURE__ */ jsx(PopoverTitle, {
-				className: citationStyles.title,
-				children: source.title
-			}),
-			source.snippet && /* @__PURE__ */ jsx(PopoverDescription, {
-				className: citationStyles.snippet,
-				children: source.snippet
-			}),
-			href && /* @__PURE__ */ jsxs("a", {
-				href,
-				target: "_blank",
-				rel: "noopener noreferrer nofollow",
-				className: citationStyles.open,
-				children: [
-					t("chat.openSource"),
-					/* @__PURE__ */ jsx(ExternalLink, {
-						size: 12,
-						"aria-hidden": true
-					}),
-					/* @__PURE__ */ jsxs("span", {
-						className: "sr-only",
-						children: [" ", t("link.external")]
-					})
-				]
-			})
-		]
-	})] });
-}
-/** Numbered list of the sources cited in a reply, matching the inline markers. */
-function CitationList({ sources, heading: headingProp, className }) {
-	const { t } = useI18n();
-	const heading = headingProp ?? t("chat.sources");
-	const headingId = useId();
-	if (sources.length === 0) return null;
-	return /* @__PURE__ */ jsxs("section", {
-		"aria-labelledby": headingId,
-		className,
-		children: [/* @__PURE__ */ jsx("h3", {
-			id: headingId,
-			className: citationStyles.heading,
-			children: heading
-		}), /* @__PURE__ */ jsx("ol", {
-			className: citationStyles.list,
-			children: sources.map((src, i) => {
-				const href = safeSourceUrl(src.url);
-				const host = src.publisher ?? sourceHost(src.url);
-				return /* @__PURE__ */ jsxs("li", {
-					className: citationStyles.item,
-					children: [/* @__PURE__ */ jsx("span", {
-						className: citationStyles.index,
-						"aria-hidden": true,
-						children: i + 1
-					}), /* @__PURE__ */ jsxs("div", {
-						className: citationStyles.itemBody,
-						children: [href ? /* @__PURE__ */ jsxs("a", {
-							href,
-							target: "_blank",
-							rel: "noopener noreferrer nofollow",
-							className: citationStyles.itemTitle,
-							children: [src.title, /* @__PURE__ */ jsxs("span", {
-								className: "sr-only",
-								children: [" ", t("link.external")]
-							})]
-						}) : /* @__PURE__ */ jsx("span", {
-							className: "text-[13px] font-medium text-foreground",
-							children: src.title
-						}), host && /* @__PURE__ */ jsx("div", {
-							className: citationStyles.itemHost,
-							children: host
-						})]
-					})]
-				}, `${i}-${src.title}`);
-			})
-		})]
-	});
-}
-//#endregion
-//#region src/Citation/Citation.doc.ts
-const doc$5 = {
-	name: "Citation",
-	group: "Display",
-	status: "beta",
-	description: "Numbered source references for grounded answers: an inline [n] marker that previews the source (title, host, snippet, link) on hover, focus + Enter or click, and CitationList, the numbered list of sources under a reply. Only http(s) URLs become links.",
-	primitive: "@base-ui/react/popover",
-	pattern: "dialog (non-modal)",
-	keyboard: [
-		["Enter", "On a marker: opens the source preview"],
-		["Space", "On a marker: opens the source preview"],
-		["Escape", "Closes the preview and returns focus to the marker"],
-		["Tab", "Moves to the \"Open source\" link inside an open preview"]
-	],
-	tokens: [
-		"primary",
-		"primary-text",
-		"popover",
-		"secondary",
-		"card",
-		"border",
-		"muted-foreground",
-		"focus-ring"
-	]
-};
-//#endregion
-//#region src/Markdown/markdown.variants.ts
-/**
-* Blinking caret drawn after the last block while text streams in. Pure CSS (an ::after on the
-* last child), so it follows paragraphs, list items and code without extra DOM.
-*/
-const streamingCaretClass = [
-	"[&>:last-child]:after:ms-0.5 [&>:last-child]:after:inline-block [&>:last-child]:after:h-[1.05em] [&>:last-child]:after:w-[2px]",
-	"[&>:last-child]:after:translate-y-[2px] [&>:last-child]:after:bg-primary [&>:last-child]:after:content-['']",
-	"[&>:last-child]:after:animate-pulse motion-reduce:[&>:last-child]:after:animate-none"
-].join(" ");
-/** Element classes for Markdown (token colours only). */
-const markdownStyles = {
-	root: "min-w-0 text-[14px] leading-[1.7] text-foreground [overflow-wrap:anywhere] [&>:first-child]:mt-0 [&>:last-child]:mb-0",
-	h1: "mt-5 mb-2 text-[18px] font-semibold tracking-tight",
-	h2: "mt-5 mb-2 text-[16px] font-semibold tracking-tight",
-	h3: "mt-4 mb-1.5 text-[14.5px] font-semibold",
-	h4: "mt-4 mb-1.5 text-[13.5px] font-semibold text-muted-foreground",
-	p: "my-2.5",
-	ul: "my-2.5 list-disc space-y-1 ps-5 marker:text-muted-foreground",
-	ol: "my-2.5 list-decimal space-y-1 ps-5 marker:text-muted-foreground",
-	li: "ps-1 [&>ul]:my-1 [&>ol]:my-1 [&.task-list-item]:list-none [&.task-list-item]:-ms-5",
-	blockquote: "my-3 border-s-2 border-primary/50 ps-3.5 text-muted-foreground",
-	hr: "my-5 border-border",
-	link: `rounded-sm font-medium text-primary-text underline decoration-primary/40 underline-offset-2 hover:decoration-primary ${focusRing}`,
-	linkIcon: "ms-0.5 inline-block align-[-1px]",
-	inlineCode: "rounded-md border border-border bg-secondary/60 px-1.5 py-px font-mono text-[12.5px]",
-	tableWrap: "my-3 overflow-x-auto rounded-lg border border-border",
-	table: "w-full border-collapse text-start text-[13px]",
-	th: "border-b border-border bg-secondary/50 px-3 py-2 font-semibold",
-	td: "border-b border-border px-3 py-2 align-top [tr:last-child_&]:border-b-0",
-	checkbox: "me-1.5 align-[-2px] accent-primary",
-	image: "text-muted-foreground italic",
-	code: {
-		root: "my-3 overflow-hidden rounded-lg border border-border bg-secondary/40",
-		header: "flex h-9 items-center justify-between border-b border-border bg-secondary/50 ps-3 pe-1.5",
-		lang: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
-		pre: "overflow-x-auto p-3 font-mono text-[12.5px] leading-6"
-	}
-};
-//#endregion
-//#region src/Markdown/CodeBlock.tsx
-const s$1 = markdownStyles.code;
-/** Fenced code with a language label and a copy button. */
-function CodeBlock({ code, language, className }) {
-	const { copied, copy } = useCopy();
-	const { t } = useI18n();
-	return /* @__PURE__ */ jsxs("div", {
-		className: className ? `${s$1.root} ${className}` : s$1.root,
-		"data-language": language,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: s$1.header,
-			children: [/* @__PURE__ */ jsx("span", {
-				className: s$1.lang,
-				children: language || "text"
-			}), /* @__PURE__ */ jsx(Button, {
-				size: "sm",
-				variant: "ghost",
-				icon: copied ? Check : Copy,
-				"aria-label": copied ? t("chat.copiedCode") : t("chat.copyCode"),
-				className: "h-7 px-2",
-				onClick: () => void copy(code),
-				children: copied ? t("common.copied") : t("common.copy")
-			})]
-		}), /* @__PURE__ */ jsx("pre", {
-			className: s$1.pre,
-			children: /* @__PURE__ */ jsx("code", { children: code })
-		})]
-	});
-}
-//#endregion
-//#region src/Markdown/Markdown.tsx
-const SAFE_PROTOCOL = /^(https?|mailto|tel):/i;
-/**
-* URL policy: relative URLs, anchors and http(s)/mailto/tel only. Everything else
-* (javascript:, data:, vbscript:, …) is dropped, on top of react-markdown's own transform.
-*/
-function safeUrl(url) {
-	const cleaned = defaultUrlTransform(url);
-	if (!cleaned) return "";
-	const compact = Array.from(cleaned).filter((c) => c.charCodeAt(0) > 32).join("");
-	if (/^[a-z][a-z0-9+.-]*:/i.test(compact) && !SAFE_PROTOCOL.test(compact)) return "";
-	return cleaned;
-}
-/**
-* Makes partial streamed markdown render sanely: a fence that has opened but not closed is
-* closed at the end, so the tail renders as code instead of flashing as paragraphs.
-*/
-function repairStreamingMarkdown(text) {
-	const fences = text.match(/^ {0,3}(`{3,}|~{3,})/gm) ?? [];
-	if (fences.length % 2 === 0) return text;
-	const opener = (fences[fences.length - 1] ?? "```").trim();
-	return `${text}${text.endsWith("\n") ? "" : "\n"}${opener}`;
-}
-const isExternal = (href) => /^https?:\/\//i.test(href);
-/** Drops react-markdown's `node` (hast) prop before spreading onto a DOM element. */
-/** Screen-reader note on links that open a new tab. */
-function NewTabHint() {
-	const { t } = useI18n();
-	return /* @__PURE__ */ jsxs("span", {
-		className: "sr-only",
-		children: [" ", t("link.external")]
-	});
-}
-/** Remote images can track readers and break layout mid-stream: show them as links. */
-function ImageLink({ href, alt }) {
-	const { t } = useI18n();
-	const text = t("chat.image", { alt: alt || t("chat.untitled") });
-	return href ? /* @__PURE__ */ jsxs("a", {
-		href,
-		target: "_blank",
-		rel: "noopener noreferrer nofollow",
-		className: markdownStyles.link,
-		children: [text, /* @__PURE__ */ jsx(NewTabHint, {})]
-	}) : /* @__PURE__ */ jsx("span", {
-		className: markdownStyles.image,
-		children: text
-	});
+					/* @__PURE__ */ jsx(Globe, {
+						size: 12,
+						"aria-hidden": true
+					}),
+					host && /* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: host
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(PopoverTitle, {
+				className: citationStyles.title,
+				children: source.title
+			}),
+			source.snippet && /* @__PURE__ */ jsx(PopoverDescription, {
+				className: citationStyles.snippet,
+				children: source.snippet
+			}),
+			href && /* @__PURE__ */ jsxs("a", {
+				href,
+				target: "_blank",
+				rel: "noopener noreferrer nofollow",
+				className: citationStyles.open,
+				children: [
+					t("chat.openSource"),
+					/* @__PURE__ */ jsx(ExternalLink, {
+						size: 12,
+						"aria-hidden": true
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: "sr-only",
+						children: [" ", t("link.external")]
+					})
+				]
+			})
+		]
+	})] });
 }
-function TaskCheckbox({ checked }) {
+/** Numbered list of the sources cited in a reply, matching the inline markers. */
+function CitationList({ sources, heading: headingProp, className }) {
 	const { t } = useI18n();
-	return /* @__PURE__ */ jsx("input", {
-		type: "checkbox",
-		checked,
-		readOnly: true,
-		disabled: true,
-		"aria-label": checked ? t("chat.taskDone") : t("chat.taskNotDone"),
-		className: markdownStyles.checkbox
+	const heading = headingProp ?? t("chat.sources");
+	const headingId = useId();
+	if (sources.length === 0) return null;
+	return /* @__PURE__ */ jsxs("section", {
+		"aria-labelledby": headingId,
+		className,
+		children: [/* @__PURE__ */ jsx("h3", {
+			id: headingId,
+			className: citationStyles.heading,
+			children: heading
+		}), /* @__PURE__ */ jsx("ol", {
+			className: citationStyles.list,
+			children: sources.map((src, i) => {
+				const href = safeSourceUrl(src.url);
+				const host = src.publisher ?? sourceHost(src.url);
+				return /* @__PURE__ */ jsxs("li", {
+					className: citationStyles.item,
+					children: [/* @__PURE__ */ jsx("span", {
+						className: citationStyles.index,
+						"aria-hidden": true,
+						children: i + 1
+					}), /* @__PURE__ */ jsxs("div", {
+						className: citationStyles.itemBody,
+						children: [href ? /* @__PURE__ */ jsxs("a", {
+							href,
+							target: "_blank",
+							rel: "noopener noreferrer nofollow",
+							className: citationStyles.itemTitle,
+							children: [src.title, /* @__PURE__ */ jsxs("span", {
+								className: "sr-only",
+								children: [" ", t("link.external")]
+							})]
+						}) : /* @__PURE__ */ jsx("span", {
+							className: "text-[13px] font-medium text-foreground",
+							children: src.title
+						}), host && /* @__PURE__ */ jsx("div", {
+							className: citationStyles.itemHost,
+							children: host
+						})]
+					})]
+				}, `${i}-${src.title}`);
+			})
+		})]
 	});
 }
-function omitNode(props) {
-	const { node, ...rest } = props;
-	return rest;
-}
-const components = {
-	h1: (p) => /* @__PURE__ */ jsx("h1", {
-		...omitNode(p),
-		className: markdownStyles.h1
-	}),
-	h2: (p) => /* @__PURE__ */ jsx("h2", {
-		...omitNode(p),
-		className: markdownStyles.h2
-	}),
-	h3: (p) => /* @__PURE__ */ jsx("h3", {
-		...omitNode(p),
-		className: markdownStyles.h3
-	}),
-	h4: (p) => /* @__PURE__ */ jsx("h4", {
-		...omitNode(p),
-		className: markdownStyles.h4
-	}),
-	h5: (p) => /* @__PURE__ */ jsx("h4", {
-		...omitNode(p),
-		className: markdownStyles.h4
-	}),
-	h6: (p) => /* @__PURE__ */ jsx("h4", {
-		...omitNode(p),
-		className: markdownStyles.h4
-	}),
-	p: (p) => /* @__PURE__ */ jsx("p", {
-		...omitNode(p),
-		className: markdownStyles.p
-	}),
-	ul: (p) => /* @__PURE__ */ jsx("ul", {
-		...omitNode(p),
-		className: cn(markdownStyles.ul, p.className === "contains-task-list" && "ps-1")
-	}),
-	ol: (p) => /* @__PURE__ */ jsx("ol", {
-		...omitNode(p),
-		className: markdownStyles.ol
-	}),
-	li: (p) => /* @__PURE__ */ jsx("li", {
-		...omitNode(p),
-		className: cn(markdownStyles.li, p.className)
-	}),
-	blockquote: (p) => /* @__PURE__ */ jsx("blockquote", {
-		...omitNode(p),
-		className: markdownStyles.blockquote
-	}),
-	hr: () => /* @__PURE__ */ jsx("hr", { className: markdownStyles.hr }),
-	table: (p) => /* @__PURE__ */ jsx("div", {
-		className: markdownStyles.tableWrap,
-		children: /* @__PURE__ */ jsx("table", {
-			...omitNode(p),
-			className: markdownStyles.table
-		})
-	}),
-	th: (p) => /* @__PURE__ */ jsx("th", {
-		...omitNode(p),
-		className: markdownStyles.th
-	}),
-	td: (p) => /* @__PURE__ */ jsx("td", {
-		...omitNode(p),
-		className: markdownStyles.td
-	}),
-	a: (props) => {
-		const { href, children, ...p } = omitNode(props);
-		if (!href) return /* @__PURE__ */ jsx("span", { children });
-		if (!isExternal(href)) return /* @__PURE__ */ jsx("a", {
-			href,
-			className: markdownStyles.link,
-			...p,
-			children
-		});
-		return /* @__PURE__ */ jsxs("a", {
-			href,
-			target: "_blank",
-			rel: "noopener noreferrer nofollow",
-			className: markdownStyles.link,
-			...p,
-			children: [
-				children,
-				/* @__PURE__ */ jsx(ExternalLink, {
-					size: 12,
-					"aria-hidden": true,
-					className: markdownStyles.linkIcon
-				}),
-				/* @__PURE__ */ jsx(NewTabHint, {})
-			]
-		});
-	},
-	img: ({ src, alt }) => /* @__PURE__ */ jsx(ImageLink, {
-		href: typeof src === "string" ? src : "",
-		alt
-	}),
-	input: ({ checked, type }) => type === "checkbox" ? /* @__PURE__ */ jsx(TaskCheckbox, { checked: !!checked }) : null,
-	code: ({ className, children }) => /* @__PURE__ */ jsx("code", {
-		className: cn(markdownStyles.inlineCode, className),
-		children
-	}),
-	pre: ({ children }) => {
-		const child = Children.toArray(children)[0];
-		if (!isValidElement(child)) return /* @__PURE__ */ jsx("pre", {
-			className: markdownStyles.code.pre,
-			children
-		});
-		const language = /language-([\w+#.-]+)/.exec(child.props.className ?? "")?.[1];
-		const code = String(Children.toArray(child.props.children).join("")).replace(/\n$/, "");
-		return /* @__PURE__ */ jsx(CodeBlock, {
-			code,
-			language
-		});
-	}
+//#endregion
+//#region src/Citation/Citation.doc.ts
+const doc$6 = {
+	name: "Citation",
+	group: "Display",
+	status: "beta",
+	description: "Numbered source references for grounded answers: an inline [n] marker that previews the source (title, host, snippet, link) on hover, focus + Enter or click, and CitationList, the numbered list of sources under a reply. Only http(s) URLs become links.",
+	primitive: "@base-ui/react/popover",
+	pattern: "dialog (non-modal)",
+	keyboard: [
+		["Enter", "On a marker: opens the source preview"],
+		["Space", "On a marker: opens the source preview"],
+		["Escape", "Closes the preview and returns focus to the marker"],
+		["Tab", "Moves to the \"Open source\" link inside an open preview"]
+	],
+	tokens: [
+		"primary",
+		"primary-text",
+		"popover",
+		"secondary",
+		"card",
+		"border",
+		"muted-foreground",
+		"focus-ring"
+	]
 };
-const remarkPlugins = [remarkGfm];
-/**
-* Safe markdown for model output: raw HTML is never rendered (skipped, not parsed), links are
-* restricted to http(s)/mailto/tel/relative, external links open in a new tab with a marker,
-* and fenced code gets a copy button. Partial input from a stream is tolerated.
-*/
-const Markdown = memo(function Markdown({ children, streaming = false, className }) {
-	const source = streaming ? repairStreamingMarkdown(children) : children;
-	return /* @__PURE__ */ jsx("div", {
-		"data-streaming": streaming || void 0,
-		className: cn(markdownStyles.root, streaming && streamingCaretClass, className),
-		children: /* @__PURE__ */ jsx(ReactMarkdown, {
-			remarkPlugins,
-			components,
-			skipHtml: true,
-			urlTransform: safeUrl,
-			children: source
-		})
-	});
-});
 //#endregion
 //#region src/Markdown/Markdown.doc.ts
-const doc$6 = {
+const doc$7 = {
 	name: "Markdown",
 	group: "Display",
 	status: "beta",
@@ -2114,7 +2770,7 @@ function SuggestionChips({ suggestions, onSelect, layout = "cards", heading, lab
 }
 //#endregion
 //#region src/SuggestionChips/SuggestionChips.doc.ts
-const doc$9 = {
+const doc$10 = {
 	name: "SuggestionChips",
 	group: "Actions",
 	status: "beta",
@@ -2261,7 +2917,7 @@ function ToolCallCard({ name, status, durationMs, args, result, error, defaultOp
 }
 //#endregion
 //#region src/ToolCallCard/ToolCallCard.doc.ts
-const doc$10 = {
+const doc$11 = {
 	name: "ToolCallCard",
 	group: "Display",
 	status: "beta",
@@ -2501,7 +3157,7 @@ function ChatDemo({ withPanel = true, tickMs = 30, className }) {
 				onAttach: attach,
 				onRemoveAttachment: (id) => setFiles((all) => all.filter((f) => f.id !== id)),
 				accept: ".pdf,.csv,.md,.txt,.json,image/*",
-				maxSize: 10485760,
+				maxSize: 1e7,
 				maxFiles: 5,
 				modelPicker: /* @__PURE__ */ jsx(ModelPicker, {
 					compact: true,
@@ -2577,7 +3233,7 @@ function ChatDemo({ withPanel = true, tickMs = 30, className }) {
 }
 //#endregion
 //#region src/ChatDemo/ChatDemo.doc.ts
-const doc$2 = {
+const doc$3 = {
 	name: "ChatDemo",
 	group: "Layout",
 	status: "experimental",
@@ -2592,6 +3248,6 @@ const doc$2 = {
 	]
 };
 //#endregion
-export { AttachmentChip, AttachmentList, ChatAnnouncer, ChatComposer, ChatDemo, ChatLayout, ChatMessage, Citation, CitationList, CodeBlock, DEMO_MODELS, JsonView, Markdown, MessageFeedback, ModelPicker, SuggestionChips, ToolCallCard, TypingIndicator, doc as attachmentListDoc, attachmentStatus, attachmentStyles, doc$1 as chatComposerDoc, chatComposerStyles, doc$2 as chatDemoDoc, doc$3 as chatLayoutDoc, chatLayoutStyles, doc$4 as chatMessageDoc, chatMessageStyles, doc$5 as citationDoc, citationStyles, groupModels, doc$6 as markdownDoc, markdownStyles, matchesAccept, doc$7 as messageFeedbackDoc, messageFeedbackStyles, doc$8 as modelPickerDoc, modelPickerStyles, repairStreamingMarkdown, safeSourceUrl, safeUrl, sourceHost, streamingCaret, streamingCaretClass, doc$9 as suggestionChipsDoc, suggestionChipsStyles, doc$10 as toolCallCardDoc, toolCallCardStyles, doc$11 as typingIndicatorDoc, typingIndicatorStyles, useChatScroll, validateFiles };
+export { A2UI_VERSION, AgentSurface, AttachmentChip, AttachmentList, ChatAnnouncer, ChatComposer, ChatDemo, ChatLayout, ChatMessage, Citation, CitationList, CodeBlock, DEMO_MODELS, JsonView, Markdown, MessageFeedback, ModelPicker, SuggestionChips, ToolCallCard, TypingIndicator, doc as agentSurfaceDoc, doc$1 as attachmentListDoc, attachmentStatus, attachmentStyles, doc$2 as chatComposerDoc, chatComposerStyles, doc$3 as chatDemoDoc, doc$4 as chatLayoutDoc, chatLayoutStyles, doc$5 as chatMessageDoc, chatMessageStyles, doc$6 as citationDoc, citationStyles, defaultAgentCatalog, defineAgentCatalog, groupModels, doc$7 as markdownDoc, markdownStyles, matchesAccept, doc$8 as messageFeedbackDoc, messageFeedbackStyles, doc$9 as modelPickerDoc, modelPickerStyles, repairStreamingMarkdown, safeSourceUrl, safeUrl, sourceHost, streamingCaret, streamingCaretClass, doc$10 as suggestionChipsDoc, suggestionChipsStyles, doc$11 as toolCallCardDoc, toolCallCardStyles, doc$12 as typingIndicatorDoc, typingIndicatorStyles, useChatScroll, validateFiles };
 
 //# sourceMappingURL=index.js.map