@astryx-vue/core 0.2.0 → 0.2.2

package/dist/Chat-M0tiGrNT.js

@@ -0,0 +1,3148 @@
+import { t as _sfc_main$24 } from "./VisuallyHidden-C7NN3VEP.js";
+import { t as _sfc_main$25 } from "./Button-DrqeomlE.js";
+import { t as useAnnounce } from "./announce-Cnio10Wk.js";
+import { r as useChatNewMessages, t as useChatStreamScroll } from "./useChatStreamScroll-oDfybEos.js";
+import { t as useDismiss } from "./useDismiss-CAiHU6QD.js";
+import { a as useAstryxMessages, i as useAstryxLocale } from "./context-CiKncNSH.js";
+import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
+import { t as _sfc_main$26 } from "./Badge-CjDQPF5g.js";
+import { t as _sfc_main$27 } from "./Icon-CJKjdJy-.js";
+import { t as _sfc_main$28 } from "./Divider-BtwnL18I.js";
+import { t as _sfc_main$29 } from "./HoverCard-EhbWaGOW.js";
+import { t as _sfc_main$30 } from "./Spinner-9cYUCnDy.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, inject, mergeModels, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, openBlock, provide, reactive, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useId, useModel, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
+import "../styles/popover.css";
+import "../styles/chat.css";
+//#region src/Chat/useChatPasteAsToken.ts
+const PASTE_TOKEN_THRESHOLD = 200;
+function pastedTextLabel(text) {
+	const lines = text.split("\n").length;
+	const chars = text.length;
+	return lines > 1 ? `${lines} lines, ${chars} chars` : `${chars} chars`;
+}
+function defaultToToken(text) {
+	return {
+		value: text,
+		label: pastedTextLabel(text),
+		variant: "neutral"
+	};
+}
+function useChatPasteAsToken(options) {
+	const threshold = options.threshold ?? 200;
+	const toToken = options.toToken ?? defaultToToken;
+	function onPaste(text) {
+		if (text.length <= threshold) return false;
+		options.input.value?.insertToken(toToken(text));
+		return true;
+	}
+	return { onPaste };
+}
+//#endregion
+//#region src/Chat/ChatPastedTextToken.vue
+const _hoisted_1$19 = { class: "astryx-chat-paste" };
+const _hoisted_2$14 = { class: "astryx-chat-paste__text" };
+const _hoisted_3$12 = { class: "astryx-chat-paste__footer" };
+const _hoisted_4$11 = { class: "astryx-chat-paste__meta" };
+const _sfc_main$23 = /*@__PURE__*/ defineComponent({
+	__name: "ChatPastedTextToken",
+	props: { text: {} },
+	emits: ["expand"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const messages = useAstryxMessages();
+		const label = computed(() => pastedTextLabel(props.text));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(_sfc_main$29, {
+				placement: "above",
+				alignment: "start",
+				"has-hover-indication": false
+			}, {
+				content: withCtx(() => [createElementVNode("div", _hoisted_1$19, [createElementVNode("div", _hoisted_2$14, toDisplayString(__props.text), 1), createElementVNode("div", _hoisted_3$12, [createElementVNode("span", _hoisted_4$11, toDisplayString(label.value), 1), createVNode(_sfc_main$25, {
+					label: unref(messages).chat.expandPastedText,
+					variant: "ghost",
+					size: "sm",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("expand"))
+				}, null, 8, ["label"])])])]),
+				default: withCtx(() => [createVNode(_sfc_main$26, {
+					label: label.value,
+					variant: "neutral"
+				}, null, 8, ["label"])]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+//#region src/Chat/tokens.ts
+function isCustomToken(token) {
+	return "render" in token && typeof token.render === "function";
+}
+//#endregion
+//#region src/Chat/ChatTokenContent.vue
+const _sfc_main$22 = /*@__PURE__*/ defineComponent({
+	__name: "ChatTokenContent",
+	props: { token: {} },
+	setup(__props) {
+		const props = __props;
+		const custom = computed(() => isCustomToken(props.token) ? props.token : void 0);
+		const badge = computed(() => isCustomToken(props.token) ? void 0 : props.token);
+		const view = computed(() => {
+			const render = custom.value?.render;
+			if (!render) return void 0;
+			return { render: () => render() };
+		});
+		const iconName = computed(() => {
+			const icon = badge.value?.icon;
+			return icon?.includes(":") ? icon : void 0;
+		});
+		const glyph = computed(() => {
+			const icon = badge.value?.icon;
+			return icon && !icon.includes(":") ? icon : void 0;
+		});
+		return (_ctx, _cache) => {
+			return view.value ? (openBlock(), createBlock(resolveDynamicComponent(view.value), { key: 0 })) : badge.value ? (openBlock(), createBlock(_sfc_main$26, {
+				key: 1,
+				label: badge.value.label ?? badge.value.value,
+				variant: badge.value.variant
+			}, createSlots({ _: 2 }, [iconName.value || glyph.value ? {
+				name: "icon",
+				fn: withCtx(() => [iconName.value ? (openBlock(), createBlock(_sfc_main$27, {
+					key: 0,
+					name: iconName.value
+				}, null, 8, ["name"])) : (openBlock(), createBlock(_sfc_main$27, {
+					key: 1,
+					icon: glyph.value
+				}, null, 8, ["icon"]))]),
+				key: "0"
+			} : void 0]), 1032, ["label", "variant"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/groupSearchItems.ts
+function itemGroup(item) {
+	const aux = item.auxiliaryData;
+	if (aux == null || typeof aux !== "object") return void 0;
+	const group = aux.group;
+	return typeof group === "string" ? group : void 0;
+}
+/** Keep the order groups first appear in. Ungrouped items come last. */
+function groupSearchItems(items) {
+	if (!items.some((item) => itemGroup(item) != null)) return [{
+		heading: null,
+		items: [...items]
+	}];
+	const order = [];
+	const groups = /* @__PURE__ */ new Map();
+	const ungrouped = [];
+	for (const item of items) {
+		const group = itemGroup(item);
+		if (group == null) {
+			ungrouped.push(item);
+			continue;
+		}
+		const list = groups.get(group);
+		if (list) list.push(item);
+		else {
+			order.push(group);
+			groups.set(group, [item]);
+		}
+	}
+	const named = order.map((heading) => ({
+		heading,
+		items: groups.get(heading) ?? []
+	}));
+	return ungrouped.length > 0 ? [...named, {
+		heading: null,
+		items: ungrouped
+	}] : named;
+}
+//#endregion
+//#region src/Chat/ChatTriggerMenu.vue
+const _hoisted_1$18 = ["id", "aria-label"];
+const _hoisted_2$13 = {
+	key: 0,
+	class: "astryx-chat-trigger__status",
+	role: "status"
+};
+const _hoisted_3$11 = {
+	key: 1,
+	class: "astryx-chat-trigger__status"
+};
+const _hoisted_4$10 = ["aria-label"];
+const _hoisted_5$8 = {
+	class: "astryx-chat-trigger__heading",
+	"aria-hidden": "true"
+};
+const _hoisted_6$7 = [
+	"id",
+	"aria-selected",
+	"data-highlighted",
+	"onMousedown",
+	"onMouseenter",
+	"onFocus"
+];
+const _hoisted_7$6 = {
+	key: 1,
+	class: "astryx-chat-trigger__label"
+};
+const _hoisted_8$4 = [
+	"id",
+	"aria-selected",
+	"data-highlighted",
+	"onMousedown",
+	"onMouseenter",
+	"onFocus"
+];
+const _hoisted_9$4 = {
+	key: 1,
+	class: "astryx-chat-trigger__label"
+};
+const _sfc_main$21 = /*@__PURE__*/ defineComponent({
+	__name: "ChatTriggerMenu",
+	props: {
+		open: { type: Boolean },
+		anchor: {},
+		listboxId: {},
+		label: {},
+		items: {},
+		highlightedIndex: {},
+		loading: { type: Boolean },
+		loadingText: {},
+		empty: {},
+		keyboardMove: { type: Boolean },
+		renderItem: { type: Function }
+	},
+	emits: [
+		"select",
+		"hover",
+		"dismiss"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const surfaceRef = ref(null);
+		const open = computed(() => props.open);
+		const anchorWritable = ref(null);
+		watch(() => props.anchor, (value) => {
+			anchorWritable.value = value;
+		}, { immediate: true });
+		const { position } = usePositionedLayer({
+			anchor: anchorWritable,
+			layer: surfaceRef,
+			isOpen: open,
+			placement: computed(() => "above"),
+			alignment: computed(() => "start"),
+			gap: 4
+		});
+		useDismiss({
+			container: surfaceRef,
+			trigger: anchorWritable,
+			isEnabled: open,
+			enableEscape: computed(() => false),
+			onDismiss: () => emit("dismiss")
+		});
+		const groups = computed(() => groupSearchItems(props.items));
+		const style = computed(() => ({
+			top: `${position.value.top}px`,
+			left: `${position.value.left}px`
+		}));
+		function optionId(index) {
+			return `${props.listboxId}-option-${index}`;
+		}
+		function flatIndex(group, indexInGroup) {
+			let offset = 0;
+			for (const entry of groups.value) {
+				if (entry === group) return offset + indexInGroup;
+				offset += entry.items.length;
+			}
+			return indexInGroup;
+		}
+		const emptyView = computed(() => {
+			const value = props.empty;
+			if (value == null || typeof value === "string") return void 0;
+			return { render: () => value };
+		});
+		const itemView = computed(() => {
+			const render = props.renderItem;
+			if (!render) return void 0;
+			return {
+				props: ["item"],
+				setup(viewProps) {
+					return () => render(viewProps.item);
+				}
+			};
+		});
+		watch(() => props.highlightedIndex, (index) => {
+			if (!props.open || !props.keyboardMove || index < 0) return;
+			document.getElementById(optionId(index))?.scrollIntoView({ block: "nearest" });
+		});
+		function onSelect(item, event) {
+			event.preventDefault();
+			emit("select", item);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [withDirectives(createElementVNode("div", {
+				ref_key: "surfaceRef",
+				ref: surfaceRef,
+				class: "astryx-popover astryx-chat-trigger",
+				"data-placement": "above",
+				style: normalizeStyle(style.value)
+			}, [createElementVNode("div", {
+				id: __props.listboxId,
+				class: "astryx-chat-trigger__list",
+				role: "listbox",
+				"aria-label": __props.label
+			}, [__props.loading ? (openBlock(), createElementBlock("div", _hoisted_2$13, toDisplayString(__props.loadingText), 1)) : __props.items.length === 0 && __props.empty !== "" ? (openBlock(), createElementBlock("div", _hoisted_3$11, [typeof __props.empty === "string" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(__props.empty), 1)], 64)) : emptyView.value ? (openBlock(), createBlock(resolveDynamicComponent(emptyView.value), { key: 1 })) : createCommentVNode("v-if", true)])) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(groups.value, (group) => {
+				return openBlock(), createElementBlock(Fragment, { key: group.heading ?? "ungrouped" }, [group.heading ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					role: "group",
+					"aria-label": group.heading
+				}, [createElementVNode("div", _hoisted_5$8, toDisplayString(group.heading), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (item, index) => {
+					return openBlock(), createElementBlock("div", {
+						id: optionId(flatIndex(group, index)),
+						key: item.id,
+						class: "astryx-chat-trigger__item",
+						role: "option",
+						"aria-selected": flatIndex(group, index) === __props.highlightedIndex,
+						"data-highlighted": flatIndex(group, index) === __props.highlightedIndex ? "" : void 0,
+						tabindex: "-1",
+						onMousedown: ($event) => onSelect(item, $event),
+						onMouseenter: ($event) => emit("hover", flatIndex(group, index)),
+						onFocus: ($event) => emit("hover", flatIndex(group, index))
+					}, [itemView.value ? (openBlock(), createBlock(resolveDynamicComponent(itemView.value), {
+						key: 0,
+						item
+					}, null, 8, ["item"])) : (openBlock(), createElementBlock("span", _hoisted_7$6, toDisplayString(item.label), 1))], 40, _hoisted_6$7);
+				}), 128))], 8, _hoisted_4$10)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(group.items, (item, index) => {
+					return openBlock(), createElementBlock("div", {
+						id: optionId(flatIndex(group, index)),
+						key: item.id,
+						class: "astryx-chat-trigger__item",
+						role: "option",
+						"aria-selected": flatIndex(group, index) === __props.highlightedIndex,
+						"data-highlighted": flatIndex(group, index) === __props.highlightedIndex ? "" : void 0,
+						tabindex: "-1",
+						onMousedown: ($event) => onSelect(item, $event),
+						onMouseenter: ($event) => emit("hover", flatIndex(group, index)),
+						onFocus: ($event) => emit("hover", flatIndex(group, index))
+					}, [itemView.value ? (openBlock(), createBlock(resolveDynamicComponent(itemView.value), {
+						key: 0,
+						item
+					}, null, 8, ["item"])) : (openBlock(), createElementBlock("span", _hoisted_9$4, toDisplayString(item.label), 1))], 40, _hoisted_8$4);
+				}), 128))], 64);
+			}), 128))], 8, _hoisted_1$18)], 4), [[vShow, open.value]])]);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/context.ts
+const chatMessageContextKey = Symbol("astryx-chat-message");
+function useChatMessageContext() {
+	return inject(chatMessageContextKey, void 0);
+}
+const chatListContextKey = Symbol("astryx-chat-list");
+function useChatListContext() {
+	return inject(chatListContextKey, void 0);
+}
+const chatLayoutContextKey = Symbol("astryx-chat-layout");
+function useChatLayoutContext() {
+	return inject(chatLayoutContextKey, void 0);
+}
+const chatComposerContextKey = Symbol("astryx-chat-composer");
+function useChatComposerContext() {
+	return inject(chatComposerContextKey, void 0);
+}
+//#endregion
+//#region src/Chat/events.ts
+/** Whether the vnode was given a listener for this emit, such as `onSubmit`. */
+function hasEmitListener(name) {
+	const props = getCurrentInstance()?.vnode.props;
+	if (props == null) return false;
+	return props[`on${name.charAt(0).toUpperCase()}${name.slice(1)}`] != null;
+}
+/**
+* Whether the parent passed this prop.
+*
+* Vue casts an omitted boolean to false, so `props.value ?? fallback` cannot
+* tell an omitted flag from an explicit false.
+*/
+function wasPropPassed(name) {
+	const props = getCurrentInstance()?.vnode.props;
+	if (props == null) return false;
+	if (Object.hasOwn(props, name)) return true;
+	const kebab = name.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
+	return Object.hasOwn(props, kebab);
+}
+//#endregion
+//#region src/Chat/ime.ts
+const IME_PROCESSING_KEY_CODE = 229;
+/**
+* Enter and Escape during an IME composition commit the candidate. They are not
+* composer commands. `keyCode` 229 covers engines that have not set `isComposing` yet.
+*/
+function isImeKeyEvent(event) {
+	return event.isComposing === true || event.keyCode === IME_PROCESSING_KEY_CODE;
+}
+//#endregion
+//#region src/Chat/selection.ts
+/**
+* Caret helpers for the contenteditable composer.
+*
+* A programmatic focus is not a click on the padding: Chromium drops the caret
+* at the start of the draft, which is exactly where ArrowUp means "recall the
+* previous message". Callers that care where the caret lands place it themselves.
+*/
+function getSelectionRangeInside(editable) {
+	const selection = window.getSelection();
+	if (!selection || selection.rangeCount === 0) return null;
+	const range = selection.getRangeAt(0);
+	if (!editable.contains(range.startContainer) || !editable.contains(range.endContainer)) return null;
+	return range.cloneRange();
+}
+function restoreSelectionRange(range) {
+	const selection = window.getSelection();
+	if (!selection) return;
+	selection.removeAllRanges();
+	selection.addRange(range);
+}
+function placeCaretAtEnd(editable) {
+	const selection = window.getSelection();
+	if (!selection) return false;
+	const range = document.createRange();
+	range.selectNodeContents(editable);
+	range.collapse(false);
+	selection.removeAllRanges();
+	selection.addRange(range);
+	return true;
+}
+function selectAllContents(editable) {
+	const selection = window.getSelection();
+	if (!selection) return;
+	const range = document.createRange();
+	range.selectNodeContents(editable);
+	selection.removeAllRanges();
+	selection.addRange(range);
+}
+/**
+* Keep an existing caret inside `editable`. Otherwise place one at the end.
+* A caret that focus() already left at offset 0 is left alone.
+*/
+function ensureCaretInside(editable) {
+	const selection = window.getSelection();
+	if (!selection) return null;
+	if (selection.rangeCount > 0 && editable.contains(selection.getRangeAt(0).startContainer)) return selection;
+	const range = document.createRange();
+	range.selectNodeContents(editable);
+	range.collapse(false);
+	selection.removeAllRanges();
+	selection.addRange(range);
+	return selection;
+}
+function isSelectionAtStart(editable) {
+	const selection = window.getSelection();
+	if (!selection || selection.rangeCount === 0) return false;
+	const range = selection.getRangeAt(0);
+	return isBoundaryAtEdge(editable, range.startContainer, range.startOffset, "start");
+}
+function isSelectionAtEnd(editable) {
+	const selection = window.getSelection();
+	if (!selection || selection.rangeCount === 0) return false;
+	const range = selection.getRangeAt(0);
+	return isBoundaryAtEdge(editable, range.endContainer, range.endOffset, "end");
+}
+function insertTextAtCursor(editable, text) {
+	const selection = ensureCaretInside(editable);
+	if (!selection || selection.rangeCount === 0) return false;
+	const range = selection.getRangeAt(0);
+	range.deleteContents();
+	const textNode = document.createTextNode(text);
+	range.insertNode(textNode);
+	range.setStartAfter(textNode);
+	range.collapse(true);
+	selection.removeAllRanges();
+	selection.addRange(range);
+	return true;
+}
+function isBoundaryAtEdge(editable, container, offset, edge) {
+	if (!editable.contains(container) || !isAtNodeEdge(container, offset, edge)) return false;
+	for (let node = container; node && node !== editable;) {
+		if (hasContentSibling(node, edge)) return false;
+		node = node.parentNode;
+	}
+	return true;
+}
+function isAtNodeEdge(node, offset, edge) {
+	if (node.nodeType === Node.TEXT_NODE || node.nodeType === Node.CDATA_SECTION_NODE) return edge === "start" ? offset === 0 : offset === (node.nodeValue?.length ?? 0);
+	return edge === "start" ? offset === 0 : offset === node.childNodes.length;
+}
+function hasContentSibling(node, edge) {
+	for (let sibling = edge === "start" ? node.previousSibling : node.nextSibling; sibling; sibling = edge === "start" ? sibling.previousSibling : sibling.nextSibling) if (sibling.nodeType === Node.ELEMENT_NODE || sibling.nodeType === Node.TEXT_NODE && sibling.nodeValue !== "") return true;
+	return false;
+}
+//#endregion
+//#region src/Chat/serialize.ts
+/** Read the draft a contenteditable composer would submit. */
+function serializeComposer(node) {
+	let result = "";
+	for (const child of Array.from(node.childNodes)) if (child.nodeType === Node.TEXT_NODE) result += child.textContent ?? "";
+	else if (child instanceof HTMLElement) {
+		if (child.hasAttribute("data-astryx-token")) result += child.getAttribute("data-astryx-token-value") ?? "";
+		else if (child.tagName === "BR") result += "\n";
+		else result += serializeComposer(child);
+	}
+	return result;
+}
+function composerHasChip(editable) {
+	return editable.querySelector("[data-astryx-token], [data-astryx-dictation-interim]") != null;
+}
+//#endregion
+//#region src/Chat/useChatComposerTokens.ts
+const TRAILING_SPACE = "\xA0";
+function isTokenElement(node) {
+	return node instanceof HTMLElement && node.hasAttribute("data-astryx-token");
+}
+function tokenAncestor(node) {
+	let current = node;
+	while (current) {
+		if (isTokenElement(current)) return current;
+		current = current.parentNode;
+	}
+	return null;
+}
+/**
+* Inline chips inside the composer. The DOM span is the source of truth for
+* serialization; Vue teleports the visible badge into it.
+*/
+function useChatComposerTokens(options) {
+	const portals = ref([]);
+	function insertToken(token) {
+		const editable = options.editable.value;
+		if (!editable) return void 0;
+		const selection = ensureCaretInside(editable);
+		if (!selection || selection.rangeCount === 0) return void 0;
+		const range = selection.getRangeAt(0);
+		const span = document.createElement("span");
+		const id = `token-${Date.now()}-${Math.random().toString(36).slice(2, 6)}`;
+		span.setAttribute("data-astryx-token", "");
+		span.setAttribute("data-astryx-token-value", token.value);
+		span.setAttribute("data-astryx-token-id", id);
+		span.contentEditable = "false";
+		span.style.display = "inline-flex";
+		span.style.alignItems = "center";
+		span.style.height = "1lh";
+		span.style.verticalAlign = "top";
+		range.deleteContents();
+		range.insertNode(span);
+		const space = document.createTextNode(TRAILING_SPACE);
+		span.after(space);
+		const next = document.createRange();
+		next.setStartAfter(space);
+		next.collapse(true);
+		selection.removeAllRanges();
+		selection.addRange(next);
+		portals.value = [...portals.value, {
+			id,
+			span,
+			token
+		}];
+		return id;
+	}
+	function handleKeyDown(event) {
+		if (event.key !== "Backspace") return false;
+		const selection = window.getSelection();
+		if (!selection || !selection.isCollapsed || selection.rangeCount === 0) return false;
+		const { startContainer, startOffset } = selection.getRangeAt(0);
+		if (startContainer.nodeType !== Node.TEXT_NODE) return false;
+		const previous = startContainer.previousSibling;
+		if (!isTokenElement(previous)) return false;
+		if (startOffset === 0) return false;
+		if (startContainer.textContent === TRAILING_SPACE && startOffset <= 1) {
+			event.preventDefault();
+			const parent = startContainer.parentNode;
+			parent?.removeChild(startContainer);
+			parent?.removeChild(previous);
+			options.onEmitChange();
+			return true;
+		}
+		return false;
+	}
+	function handlePaste(event) {
+		const editable = options.editable.value;
+		if (!editable) return false;
+		const selection = ensureCaretInside(editable);
+		if (!selection || selection.rangeCount === 0) return false;
+		const token = tokenAncestor(selection.getRangeAt(0).startContainer);
+		if (!token) return false;
+		event.preventDefault();
+		const text = event.clipboardData?.getData("text/plain") ?? "";
+		const space = token.nextSibling;
+		const next = document.createRange();
+		if (space && space.nodeType === Node.TEXT_NODE) next.setStartAfter(space);
+		else next.setStartAfter(token);
+		next.collapse(true);
+		selection.removeAllRanges();
+		selection.addRange(next);
+		insertTextAtCursor(editable, text);
+		options.onEmitChange();
+		return true;
+	}
+	function expandToken(id) {
+		const editable = options.editable.value;
+		const portal = portals.value.find((item) => item.id === id);
+		if (!editable || !portal) return;
+		const { span } = portal;
+		const value = span.getAttribute("data-astryx-token-value") ?? "";
+		const textNode = document.createTextNode(value);
+		const next = span.nextSibling;
+		if (next?.nodeType === Node.TEXT_NODE && next.textContent === TRAILING_SPACE) next.remove();
+		span.replaceWith(textNode);
+		const selection = window.getSelection();
+		if (selection) {
+			const range = document.createRange();
+			range.setStartAfter(textNode);
+			range.collapse(true);
+			selection.removeAllRanges();
+			selection.addRange(range);
+		}
+		portals.value = portals.value.filter((item) => item.id !== id);
+		options.onEmitChange();
+	}
+	function cleanupPortals() {
+		const editable = options.editable.value;
+		portals.value = portals.value.filter((item) => editable?.contains(item.span));
+	}
+	function clearPortals() {
+		portals.value = [];
+	}
+	return {
+		portals,
+		insertToken,
+		expandToken,
+		handleKeyDown,
+		handlePaste,
+		cleanupPortals,
+		clearPortals
+	};
+}
+//#endregion
+//#region src/Chat/useComposerHistory.ts
+/**
+* ArrowUp at the start of the draft recalls the previous submission.
+* ArrowDown at the end steps forward. Anywhere else, the caret moves a line.
+*/
+function useComposerHistory(options) {
+	const history = [];
+	let index = -1;
+	let draft = "";
+	function remember(text) {
+		if (!options.enabled.value) return;
+		history.push(text);
+		index = -1;
+		draft = "";
+	}
+	function onKeyDown(event) {
+		if (!options.enabled.value || event.key !== "ArrowUp" && event.key !== "ArrowDown") return false;
+		const editable = options.editable.value;
+		if (!editable || history.length === 0) return false;
+		ensureCaretInside(editable);
+		const collapsed = window.getSelection()?.isCollapsed ?? true;
+		const atStart = isSelectionAtStart(editable);
+		const atEnd = isSelectionAtEnd(editable);
+		const canRecallPrevious = atStart && (collapsed || atEnd);
+		const canRecallNext = atEnd && (collapsed || atStart);
+		if (event.key === "ArrowUp" ? !canRecallPrevious : !canRecallNext) return false;
+		if (event.key === "ArrowUp") {
+			if (index === -1) draft = serializeComposer(editable);
+			index = index === -1 ? history.length - 1 : Math.max(0, index - 1);
+			editable.textContent = history[index] ?? "";
+			selectAllContents(editable);
+			options.onRecall();
+			event.preventDefault();
+			return true;
+		}
+		if (index === -1) return false;
+		const next = index + 1;
+		if (next >= history.length) {
+			index = -1;
+			editable.textContent = draft;
+			if (draft) selectAllContents(editable);
+		} else {
+			index = next;
+			editable.textContent = history[next] ?? "";
+			selectAllContents(editable);
+		}
+		options.onRecall();
+		event.preventDefault();
+		return true;
+	}
+	return {
+		remember,
+		onKeyDown
+	};
+}
+//#endregion
+//#region src/Chat/useTriggerMenu.ts
+function textBeforeCursor(editable) {
+	const selection = window.getSelection();
+	if (!selection || selection.rangeCount === 0 || !selection.getRangeAt(0).collapsed) return null;
+	const range = selection.getRangeAt(0);
+	if (!editable.contains(range.startContainer) || range.startContainer.nodeType !== Node.TEXT_NODE) return null;
+	return (range.startContainer.textContent ?? "").slice(0, range.startOffset);
+}
+function findActiveTrigger(text, triggers) {
+	for (let index = text.length - 1; index >= 0; index -= 1) {
+		const char = text[index];
+		if (char === " " || char === "\n") return null;
+		for (const trigger of triggers) {
+			if (char !== trigger.character) continue;
+			const previous = index > 0 ? text[index - 1] : null;
+			if (previous === null || previous === " " || previous === "\n") return {
+				trigger,
+				query: text.slice(index + 1),
+				triggerStart: index
+			};
+		}
+	}
+	return null;
+}
+function deleteTriggerText(triggerStart) {
+	const selection = window.getSelection();
+	if (!selection || selection.rangeCount === 0) return;
+	const range = selection.getRangeAt(0);
+	const node = range.startContainer;
+	if (node.nodeType !== Node.TEXT_NODE) return;
+	const text = node.textContent ?? "";
+	node.textContent = text.slice(0, triggerStart) + text.slice(range.startOffset);
+	const next = document.createRange();
+	next.setStart(node, triggerStart);
+	next.collapse(true);
+	selection.removeAllRanges();
+	selection.addRange(next);
+}
+function isPromise(value) {
+	return typeof value?.then === "function";
+}
+/**
+* Opens a suggestion list when a trigger character is typed at a word boundary.
+*/
+function useTriggerMenu(options) {
+	const listboxId = useId();
+	const state = reactive({
+		isActive: false,
+		activeTrigger: null,
+		query: "",
+		items: [],
+		highlightedIndex: 0,
+		isLoading: false
+	});
+	const anchor = ref(null);
+	const keyboardMove = ref(false);
+	let triggerStart = -1;
+	let timer;
+	let requestId = 0;
+	const asyncSources = /* @__PURE__ */ new WeakSet();
+	function removeAnchor() {
+		anchor.value?.remove();
+		anchor.value = null;
+	}
+	function placeAnchor() {
+		const editable = options.editable.value;
+		if (!editable) {
+			removeAnchor();
+			return;
+		}
+		const selection = window.getSelection();
+		removeAnchor();
+		if (!selection || selection.rangeCount === 0) {
+			anchor.value = editable;
+			return;
+		}
+		const range = selection.getRangeAt(0).cloneRange();
+		range.collapse(true);
+		const rect = typeof range.getBoundingClientRect === "function" ? range.getBoundingClientRect() : null;
+		if (!rect || rect.width === 0 && rect.height === 0 && rect.top === 0 && rect.left === 0) {
+			anchor.value = editable;
+			return;
+		}
+		const span = document.createElement("span");
+		span.setAttribute("aria-hidden", "true");
+		span.setAttribute("data-astryx-trigger-anchor", "");
+		span.style.position = "fixed";
+		span.style.left = `${rect.left}px`;
+		span.style.top = `${rect.top}px`;
+		span.style.width = `${Math.max(rect.width, 1)}px`;
+		span.style.height = `${rect.height}px`;
+		span.style.pointerEvents = "none";
+		span.style.opacity = "0";
+		document.body.append(span);
+		anchor.value = span;
+	}
+	function applyItems(items, captured) {
+		if (captured !== requestId) return;
+		state.items = items;
+		state.highlightedIndex = items.length > 0 ? 0 : -1;
+		state.isLoading = false;
+	}
+	function runSearch(trigger, query) {
+		const source = trigger.searchSource;
+		source.cancel?.();
+		const captured = ++requestId;
+		state.isLoading = true;
+		const result = source.search(query);
+		if (isPromise(result)) {
+			asyncSources.add(source);
+			result.then((items) => applyItems(items, captured), () => applyItems([], captured));
+			return;
+		}
+		applyItems(result, captured);
+	}
+	function searchItems(trigger, query) {
+		if (timer !== void 0) {
+			clearTimeout(timer);
+			timer = void 0;
+		}
+		const delay = options.debounceMs?.value ?? 150;
+		if (asyncSources.has(trigger.searchSource) && delay > 0) {
+			state.isLoading = true;
+			timer = setTimeout(() => {
+				timer = void 0;
+				runSearch(trigger, query);
+			}, delay);
+			return;
+		}
+		runSearch(trigger, query);
+	}
+	function reset() {
+		if (timer !== void 0) {
+			clearTimeout(timer);
+			timer = void 0;
+		}
+		state.activeTrigger?.searchSource.cancel?.();
+		requestId += 1;
+		removeAnchor();
+		triggerStart = -1;
+		state.isActive = false;
+		state.activeTrigger = null;
+		state.query = "";
+		state.items = [];
+		state.highlightedIndex = 0;
+		state.isLoading = false;
+	}
+	function selectItem(item) {
+		const trigger = state.activeTrigger;
+		const editable = options.editable.value;
+		if (!trigger || !editable) return;
+		removeAnchor();
+		deleteTriggerText(triggerStart);
+		const result = trigger.onSelect(item);
+		if (typeof result === "string") options.onInsertText(result);
+		else options.onInsertToken(result);
+		options.onEmitChange();
+		reset();
+	}
+	function handleInput() {
+		const triggers = options.triggers.value;
+		const editable = options.editable.value;
+		if (!triggers || triggers.length === 0 || !editable) return;
+		const before = textBeforeCursor(editable);
+		if (before === null) {
+			if (state.isActive) reset();
+			return;
+		}
+		const found = findActiveTrigger(before, triggers);
+		if (!found) {
+			if (state.isActive) reset();
+			return;
+		}
+		if (!state.isActive || state.activeTrigger !== found.trigger) {
+			triggerStart = found.triggerStart;
+			state.isActive = true;
+			state.activeTrigger = found.trigger;
+			state.query = found.query;
+			state.highlightedIndex = 0;
+			placeAnchor();
+			searchItems(found.trigger, found.query);
+			return;
+		}
+		if (state.query !== found.query) {
+			state.query = found.query;
+			searchItems(found.trigger, found.query);
+		}
+	}
+	function moveHighlight(next) {
+		keyboardMove.value = true;
+		state.highlightedIndex = next;
+	}
+	function handleKeyDown(event) {
+		if (!state.isActive) return false;
+		const last = state.items.length - 1;
+		if (event.key === "ArrowDown") {
+			event.preventDefault();
+			moveHighlight(state.highlightedIndex < last ? state.highlightedIndex + 1 : 0);
+			return true;
+		}
+		if (event.key === "ArrowUp") {
+			event.preventDefault();
+			moveHighlight(state.highlightedIndex > 0 ? state.highlightedIndex - 1 : last);
+			return true;
+		}
+		if (event.key === "Enter" || event.key === "Tab") {
+			const item = state.items[state.highlightedIndex];
+			if (!item) return false;
+			event.preventDefault();
+			selectItem(item);
+			return true;
+		}
+		if (event.key === "Escape") {
+			event.preventDefault();
+			reset();
+			return true;
+		}
+		return false;
+	}
+	function highlightOnHover(index) {
+		keyboardMove.value = false;
+		state.highlightedIndex = index;
+	}
+	const hasTriggers = computed(() => (options.triggers.value?.length ?? 0) > 0);
+	onScopeDispose(() => {
+		if (timer !== void 0) clearTimeout(timer);
+		removeAnchor();
+	});
+	return {
+		state,
+		listboxId,
+		anchor,
+		keyboardMove,
+		hasTriggers,
+		handleInput,
+		handleKeyDown,
+		selectItem,
+		highlightOnHover,
+		reset
+	};
+}
+//#endregion
+//#region src/Chat/ChatComposerInput.vue
+const _hoisted_1$17 = ["data-disabled"];
+const _hoisted_2$12 = {
+	key: 0,
+	class: "astryx-chat-composer-input__placeholder",
+	"aria-hidden": "true"
+};
+const _hoisted_3$10 = [
+	"aria-label",
+	"contenteditable",
+	"aria-disabled",
+	"role",
+	"aria-multiline",
+	"aria-expanded",
+	"aria-controls",
+	"aria-activedescendant",
+	"aria-haspopup"
+];
+const LINE_HEIGHT = 22;
+const _sfc_main$20 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatComposerInput",
+	inheritAttrs: false,
+	__name: "ChatComposerInput",
+	props: {
+		modelValue: {},
+		placeholder: {},
+		maxRows: { default: 8 },
+		triggers: {},
+		debounceMs: { default: 150 },
+		hasHistory: {
+			type: Boolean,
+			default: true
+		},
+		label: {},
+		isDisabled: { type: Boolean },
+		pasteAsToken: { type: [Object, Boolean] },
+		pasteAction: {}
+	},
+	emits: [
+		"change",
+		"update:modelValue",
+		"submit",
+		"files",
+		"keydown"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const messages = useAstryxMessages();
+		const composer = useChatComposerContext();
+		const editableRef = useTemplateRef("editable");
+		const self = ref(null);
+		const isEmpty = ref(true);
+		const pendingEcho = ref(void 0);
+		const emitVersion = ref(0);
+		const submitListened = hasEmitListener("submit");
+		const disabledPassed = wasPropPassed("isDisabled");
+		const disabled = computed(() => disabledPassed ? Boolean(props.isDisabled) : composer?.isDisabled.value ?? false);
+		const placeholder = computed(() => props.placeholder ?? composer?.placeholder.value ?? messages.value.chat.placeholder);
+		const label = computed(() => props.label ?? messages.value.chat.inputLabel);
+		const sourceValue = computed(() => props.modelValue !== void 0 ? props.modelValue : composer?.value.value);
+		const maxHeight = computed(() => `${props.maxRows * LINE_HEIGHT}px`);
+		const triggers = computed(() => props.triggers);
+		const debounce = computed(() => props.debounceMs);
+		const historyEnabled = computed(() => props.hasHistory);
+		function readValue() {
+			return serializeComposer(editableRef.value ?? document.createElement("div"));
+		}
+		const tokens = useChatComposerTokens({
+			editable: editableRef,
+			onEmitChange: () => publish(readValue())
+		});
+		function publish(next) {
+			pendingEcho.value = next;
+			const editable = editableRef.value;
+			const chips = editable ? composerHasChip(editable) : false;
+			const trimmedEmpty = next.trim().length === 0 && !chips;
+			const value = trimmedEmpty ? "" : next;
+			pendingEcho.value = value;
+			isEmpty.value = trimmedEmpty;
+			emitVersion.value += 1;
+			if (props.modelValue !== void 0) {
+				emit("update:modelValue", value);
+				emit("change", value);
+			} else {
+				composer?.onChange(value);
+				emit("update:modelValue", value);
+				emit("change", value);
+			}
+			tokens.cleanupPortals();
+		}
+		const defaultPaste = useChatPasteAsToken({ input: self });
+		const pasteAsToken = computed(() => props.pasteAsToken === false ? null : props.pasteAsToken ?? defaultPaste);
+		function insertText(text) {
+			const editable = editableRef.value;
+			if (!editable) return;
+			insertTextAtCursor(editable, text);
+			publish(readValue());
+		}
+		function focusEditable() {
+			const editable = editableRef.value;
+			if (!editable) return;
+			const existing = getSelectionRangeInside(editable);
+			editable.focus();
+			if (existing) {
+				restoreSelectionRange(existing);
+				return;
+			}
+			placeCaretAtEnd(editable);
+		}
+		function focusAtEnd() {
+			const editable = editableRef.value;
+			if (!editable) return;
+			editable.focus();
+			placeCaretAtEnd(editable);
+		}
+		const handle = {
+			insertToken: (token) => {
+				const id = tokens.insertToken(token);
+				if (id) publish(readValue());
+				return id;
+			},
+			expandToken: (id) => tokens.expandToken(id),
+			insertText,
+			focus: focusEditable,
+			getValue: readValue
+		};
+		self.value = handle;
+		const history = useComposerHistory({
+			enabled: historyEnabled,
+			editable: editableRef,
+			onRecall: () => publish(readValue())
+		});
+		const menu = useTriggerMenu({
+			triggers,
+			editable: editableRef,
+			debounceMs: debounce,
+			onInsertToken: (token) => {
+				tokens.insertToken(token);
+			},
+			onInsertText: (text) => {
+				const editable = editableRef.value;
+				if (editable) insertTextAtCursor(editable, text);
+			},
+			onEmitChange: () => publish(readValue())
+		});
+		const activeDescendant = computed(() => {
+			if (!menu.state.isActive || menu.state.highlightedIndex < 0) return void 0;
+			return `${menu.listboxId}-option-${menu.state.highlightedIndex}`;
+		});
+		const menuLabel = computed(() => menu.state.activeTrigger?.menuLabel ?? messages.value.chat.suggestions);
+		const loadingText = computed(() => menu.state.activeTrigger?.loadingText ?? messages.value.chat.searching);
+		const emptyContent = computed(() => {
+			const value = menu.state.activeTrigger?.emptySearchText;
+			if (value === "") return "";
+			if (value == null) return messages.value.chat.noResults;
+			return value;
+		});
+		function submitValue(text) {
+			if (submitListened || !composer) emit("submit", text);
+			else composer.onSubmit(text);
+		}
+		function onInput() {
+			publish(readValue());
+			menu.handleInput();
+		}
+		function onKeyDown(event) {
+			if (menu.handleKeyDown(event)) return;
+			emit("keydown", event);
+			if (event.defaultPrevented) return;
+			if (tokens.handleKeyDown(event)) return;
+			if (event.key === "Enter" && !event.shiftKey) {
+				if (isImeKeyEvent(event)) return;
+				event.preventDefault();
+				const editable = editableRef.value;
+				if (!editable) return;
+				const text = serializeComposer(editable).trim();
+				if (!text) return;
+				history.remember(text);
+				submitValue(text);
+				tokens.clearPortals();
+				editable.textContent = "";
+				isEmpty.value = true;
+				publish("");
+				return;
+			}
+			history.onKeyDown(event);
+		}
+		function onPaste(event) {
+			const editable = editableRef.value;
+			if (!editable) return;
+			const files = Array.from(event.clipboardData?.files ?? []);
+			if (files.length > 0) {
+				event.preventDefault();
+				emit("files", files);
+				return;
+			}
+			if (tokens.handlePaste(event)) return;
+			event.preventDefault();
+			const text = event.clipboardData?.getData("text/plain") ?? "";
+			const version = emitVersion.value;
+			if (props.pasteAction?.(event, text)) {
+				if (emitVersion.value === version) publish(readValue());
+				return;
+			}
+			if (pasteAsToken.value?.onPaste(text)) {
+				publish(readValue());
+				return;
+			}
+			insertTextAtCursor(editable, text);
+			publish(readValue());
+		}
+		function onDragOver(event) {
+			if (Array.from(event.dataTransfer?.types ?? []).includes("Files")) event.preventDefault();
+		}
+		function onDrop(event) {
+			const files = Array.from(event.dataTransfer?.files ?? []);
+			if (files.length === 0) return;
+			event.preventDefault();
+			if (!disabled.value) emit("files", files);
+		}
+		const visiblePortals = computed(() => tokens.portals.value.filter((portal) => portal.span.isConnected));
+		function showPastedPreview(token) {
+			return !isCustomToken(token) && pasteAsToken.value != null && token.value.length > 200;
+		}
+		watch(sourceValue, (next) => {
+			const editable = editableRef.value;
+			if (next === void 0 || !editable) return;
+			if (next === pendingEcho.value) {
+				pendingEcho.value = void 0;
+				return;
+			}
+			if (serializeComposer(editable) !== next) {
+				pendingEcho.value = void 0;
+				const focused = document.activeElement === editable;
+				tokens.clearPortals();
+				editable.textContent = next;
+				if (focused) placeCaretAtEnd(editable);
+				isEmpty.value = next.length === 0;
+			} else pendingEcho.value = void 0;
+		});
+		onMounted(() => {
+			if (composer) composer.inputControl.value = { focus: focusAtEnd };
+			const next = sourceValue.value;
+			const editable = editableRef.value;
+			if (editable && next && serializeComposer(editable) !== next) {
+				editable.textContent = next;
+				isEmpty.value = next.length === 0;
+			}
+		});
+		onBeforeUnmount(() => {
+			if (composer?.inputControl.value?.focus === focusAtEnd) composer.inputControl.value = null;
+		});
+		__expose(handle);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, {
+				class: "astryx-chat-composer-input",
+				"data-disabled": disabled.value ? "" : void 0
+			}), [
+				isEmpty.value ? (openBlock(), createElementBlock("div", _hoisted_2$12, toDisplayString(placeholder.value), 1)) : createCommentVNode("v-if", true),
+				createCommentVNode(" contenteditable 就是输入控件；角色和 aria 从脚本绑上。 "),
+				createCommentVNode(" eslint-disable-next-line vue-a11y/no-static-element-interactions "),
+				createElementVNode("div", {
+					ref: "editable",
+					class: "astryx-chat-composer-input__editable",
+					style: normalizeStyle({ maxHeight: maxHeight.value }),
+					"aria-label": label.value,
+					contenteditable: disabled.value ? "false" : "true",
+					"aria-disabled": disabled.value ? "true" : void 0,
+					role: unref(menu).hasTriggers.value ? "combobox" : "textbox",
+					"aria-multiline": unref(menu).hasTriggers.value ? void 0 : "true",
+					"aria-expanded": unref(menu).hasTriggers.value ? unref(menu).state.isActive : void 0,
+					"aria-controls": unref(menu).hasTriggers.value && unref(menu).state.isActive ? unref(menu).listboxId : void 0,
+					"aria-activedescendant": unref(menu).hasTriggers.value && unref(menu).state.isActive ? activeDescendant.value : void 0,
+					"aria-haspopup": unref(menu).hasTriggers.value ? "listbox" : void 0,
+					onInput,
+					onKeydown: onKeyDown,
+					onPaste,
+					onDragover: onDragOver,
+					onDrop
+				}, null, 44, _hoisted_3$10),
+				createVNode(_sfc_main$21, {
+					open: unref(menu).state.isActive,
+					anchor: unref(menu).anchor.value,
+					"listbox-id": unref(menu).listboxId,
+					label: menuLabel.value,
+					items: unref(menu).state.items,
+					"highlighted-index": unref(menu).state.highlightedIndex,
+					loading: unref(menu).state.isLoading,
+					"loading-text": loadingText.value,
+					empty: emptyContent.value,
+					"keyboard-move": unref(menu).keyboardMove.value,
+					"render-item": unref(menu).state.activeTrigger?.renderItem,
+					onSelect: unref(menu).selectItem,
+					onHover: unref(menu).highlightOnHover,
+					onDismiss: unref(menu).reset
+				}, null, 8, [
+					"open",
+					"anchor",
+					"listbox-id",
+					"label",
+					"items",
+					"highlighted-index",
+					"loading",
+					"loading-text",
+					"empty",
+					"keyboard-move",
+					"render-item",
+					"onSelect",
+					"onHover",
+					"onDismiss"
+				]),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(visiblePortals.value, (portal) => {
+					return openBlock(), createBlock(Teleport, {
+						key: portal.id,
+						to: portal.span
+					}, [showPastedPreview(portal.token) ? (openBlock(), createBlock(_sfc_main$23, {
+						key: 0,
+						text: portal.token.value,
+						onExpand: ($event) => unref(tokens).expandToken(portal.id)
+					}, null, 8, ["text", "onExpand"])) : (openBlock(), createBlock(_sfc_main$22, {
+						key: 1,
+						token: portal.token
+					}, null, 8, ["token"]))], 8, ["to"]);
+				}), 128))
+			], 16, _hoisted_1$17);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatSendButton.vue
+const _sfc_main$19 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatSendButton",
+	inheritAttrs: false,
+	__name: "ChatSendButton",
+	props: {
+		isStopShown: { type: Boolean },
+		isDisabled: { type: Boolean },
+		size: { default: "md" }
+	},
+	emits: [
+		"send",
+		"stop",
+		"click"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const messages = useAstryxMessages();
+		const composer = useChatComposerContext();
+		const sendListened = hasEmitListener("send");
+		const stopListened = hasEmitListener("stop");
+		const stopPassed = wasPropPassed("isStopShown");
+		const disabledPassed = wasPropPassed("isDisabled");
+		const stopShown = computed(() => stopPassed ? Boolean(props.isStopShown) : composer?.isStopShown.value ?? false);
+		const sendDisabled = computed(() => disabledPassed ? Boolean(props.isDisabled) : !(composer?.canSend.value ?? false));
+		const label = computed(() => stopShown.value ? messages.value.chat.stop : messages.value.chat.send);
+		function onClick(event) {
+			if (stopShown.value) {
+				emit("stop");
+				if (!stopListened) composer?.onStop();
+			} else if (!sendDisabled.value) {
+				emit("send");
+				if (!sendListened) composer?.onSubmit(composer.value.value);
+			}
+			emit("click", event);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(_sfc_main$25, mergeProps(_ctx.$attrs, {
+				class: "astryx-chat-send",
+				label: label.value,
+				variant: stopShown.value ? "secondary" : "primary",
+				size: __props.size,
+				"is-icon-only": "",
+				"is-disabled": !stopShown.value && sendDisabled.value,
+				onClick
+			}), {
+				icon: withCtx(() => [stopShown.value ? renderSlot(_ctx.$slots, "stopIcon", {}, () => [createVNode(_sfc_main$27, { icon: "stop" })], void 0, 0) : renderSlot(_ctx.$slots, "sendIcon", {}, () => [createVNode(_sfc_main$27, { icon: "arrowUp" })], void 0, 1)]),
+				_: 3
+			}, 16, [
+				"label",
+				"variant",
+				"size",
+				"is-disabled"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/modality.ts
+let modality = "keyboard";
+let listening = false;
+/** Pointer focus must not draw the keyboard ring. `:focus-visible` is not enough: programmatic focus matches it too. */
+function trackInteractionModality() {
+	if (listening || typeof document === "undefined") return;
+	listening = true;
+	document.addEventListener("pointerdown", () => {
+		modality = "pointer";
+	}, true);
+	document.addEventListener("keydown", (event) => {
+		if (event.metaKey || event.altKey || event.ctrlKey) return;
+		modality = "keyboard";
+	}, true);
+}
+function isKeyboardModality() {
+	trackInteractionModality();
+	return modality === "keyboard";
+}
+//#endregion
+//#region src/Chat/ChatComposer.vue
+const _hoisted_1$16 = ["data-disabled", "data-density"];
+const _hoisted_2$11 = ["data-type", "role"];
+const _hoisted_3$9 = [
+	"data-density",
+	"data-elevation",
+	"data-keyboard-focus"
+];
+const _hoisted_4$9 = {
+	key: 0,
+	class: "astryx-chat-composer__header"
+};
+const _hoisted_5$7 = { class: "astryx-chat-composer__header-start" };
+const _hoisted_6$6 = { class: "astryx-chat-composer__header-end" };
+const _hoisted_7$5 = { class: "astryx-chat-composer__input" };
+const _hoisted_8$3 = { class: "astryx-chat-composer__footer" };
+const _hoisted_9$3 = { class: "astryx-chat-composer__footer-start" };
+const _hoisted_10$3 = ["data-interruptible"];
+const _hoisted_11$2 = ["data-type", "role"];
+const editorSelector = "textarea, [contenteditable=\"true\"], [role=\"textbox\"], input:not([type]), input[type=\"text\"], input[type=\"search\"], input[type=\"email\"], input[type=\"url\"], input[type=\"tel\"], input[type=\"password\"]";
+const _sfc_main$18 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatComposer",
+	inheritAttrs: false,
+	__name: "ChatComposer",
+	props: {
+		modelValue: {},
+		placeholder: {},
+		isDisabled: { type: Boolean },
+		density: { default: "balanced" },
+		elevation: { default: "low" },
+		isStopShown: { type: Boolean },
+		status: {},
+		statusPosition: { default: "bottom" }
+	},
+	emits: [
+		"submit",
+		"stop",
+		"change",
+		"update:modelValue"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const messages = useAstryxMessages();
+		const root = useTemplateRef("root");
+		const body = useTemplateRef("body");
+		const localValue = ref("");
+		const controlled = props.modelValue !== void 0;
+		const inputControl = ref(null);
+		const keyboardFocus = ref(false);
+		trackInteractionModality();
+		const value = computed(() => controlled ? props.modelValue ?? "" : localValue.value);
+		const disabled = computed(() => props.isDisabled ?? false);
+		const stopShown = computed(() => props.isStopShown ?? false);
+		const placeholder = computed(() => props.placeholder ?? messages.value.chat.placeholder);
+		const canSend = computed(() => value.value.trim().length > 0 && !disabled.value);
+		const hasHeader = computed(() => slots.headerActions != null || slots.headerContext != null);
+		function setValue(next) {
+			if (!controlled) localValue.value = next;
+			emit("update:modelValue", next);
+			emit("change", next);
+		}
+		function submit(raw) {
+			const trimmed = raw.trim();
+			if (!trimmed || disabled.value) return;
+			emit("submit", trimmed);
+			setValue("");
+		}
+		function stop() {
+			emit("stop");
+		}
+		function onBodyClick(event) {
+			const target = event.target;
+			if (!(target instanceof Element)) return;
+			if (target.closest("button, a, [role=\"button\"], [contenteditable=\"true\"], [data-astryx-token]")) return;
+			if (inputControl.value) {
+				inputControl.value.focus();
+				return;
+			}
+			body.value?.querySelector("[contenteditable=\"true\"], textarea")?.focus();
+		}
+		function onPointerDown() {
+			keyboardFocus.value = false;
+		}
+		function onFocusIn(event) {
+			const target = event.target;
+			keyboardFocus.value = target instanceof HTMLElement && target.matches(editorSelector) && isKeyboardModality();
+		}
+		function onFocusOut(event) {
+			const next = event.relatedTarget;
+			if (!(next instanceof Node) || !event.currentTarget || !event.currentTarget.contains(next)) keyboardFocus.value = false;
+		}
+		provide(chatComposerContextKey, {
+			value,
+			placeholder,
+			isDisabled: disabled,
+			isStopShown: stopShown,
+			canSend,
+			onChange: setValue,
+			onSubmit: submit,
+			onStop: stop,
+			inputControl
+		});
+		__expose({ element: root });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				ref_key: "root",
+				ref: root
+			}, _ctx.$attrs, {
+				class: "astryx-chat-composer",
+				"data-disabled": disabled.value ? "" : void 0,
+				"data-density": __props.density
+			}), [
+				__props.status && __props.statusPosition === "top" ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "astryx-chat-composer__status",
+					"data-place": "top",
+					"data-type": __props.status.type,
+					role: __props.status.type === "error" ? "alert" : "status"
+				}, [createVNode(_sfc_main$27, {
+					icon: __props.status.type === "error" ? "error" : "warning",
+					size: "md",
+					color: __props.status.type === "error" ? "error" : "warning"
+				}, null, 8, ["icon", "color"]), createElementVNode("span", null, toDisplayString(__props.status.message), 1)], 8, _hoisted_2$11)) : createCommentVNode("v-if", true),
+				renderSlot(_ctx.$slots, "drawer"),
+				createCommentVNode(" 点空白处只是把焦点交给编辑器；键盘用户直接 Tab 到输入框。 "),
+				createCommentVNode(" eslint-disable-next-line vue-a11y/click-events-have-key-events, vue-a11y/no-static-element-interactions "),
+				createElementVNode("div", {
+					ref_key: "body",
+					ref: body,
+					class: "astryx-chat-composer__body",
+					"data-density": __props.density,
+					"data-elevation": __props.elevation,
+					"data-keyboard-focus": keyboardFocus.value ? "" : void 0,
+					onClick: onBodyClick,
+					onPointerdown: onPointerDown,
+					onFocusin: onFocusIn,
+					onFocusout: onFocusOut
+				}, [
+					hasHeader.value ? (openBlock(), createElementBlock("div", _hoisted_4$9, [createElementVNode("div", _hoisted_5$7, [renderSlot(_ctx.$slots, "headerActions")]), createElementVNode("div", _hoisted_6$6, [renderSlot(_ctx.$slots, "headerContext")])])) : createCommentVNode("v-if", true),
+					createElementVNode("div", _hoisted_7$5, [renderSlot(_ctx.$slots, "input", {}, () => [createVNode(_sfc_main$20)])]),
+					createElementVNode("div", _hoisted_8$3, [createElementVNode("div", _hoisted_9$3, [renderSlot(_ctx.$slots, "footerActions")]), createElementVNode("div", {
+						class: "astryx-chat-composer__footer-end",
+						"data-interruptible": disabled.value && stopShown.value ? "" : void 0
+					}, [renderSlot(_ctx.$slots, "sendActions"), renderSlot(_ctx.$slots, "sendButton", {}, () => [createVNode(_sfc_main$19)])], 8, _hoisted_10$3)])
+				], 40, _hoisted_3$9),
+				__props.status && __props.statusPosition === "bottom" ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "astryx-chat-composer__status",
+					"data-place": "bottom",
+					"data-type": __props.status.type,
+					role: __props.status.type === "error" ? "alert" : "status"
+				}, [createVNode(_sfc_main$27, {
+					icon: __props.status.type === "error" ? "error" : "warning",
+					size: "md",
+					color: __props.status.type === "error" ? "error" : "warning"
+				}, null, 8, ["icon", "color"]), createElementVNode("span", null, toDisplayString(__props.status.message), 1)], 8, _hoisted_11$2)) : createCommentVNode("v-if", true)
+			], 16, _hoisted_1$16);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatComposerDrawer.vue
+const _hoisted_1$15 = ["data-collapsed"];
+const _hoisted_2$10 = [
+	"aria-expanded",
+	"aria-controls",
+	"aria-label"
+];
+const _hoisted_3$8 = ["data-hidden"];
+const _hoisted_4$8 = { class: "astryx-chat-drawer__label" };
+const _hoisted_5$6 = ["data-hidden"];
+const _hoisted_6$5 = [
+	"id",
+	"data-collapsed",
+	"inert"
+];
+const _hoisted_7$4 = ["data-collapsed"];
+const _sfc_main$17 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatComposerDrawer",
+	inheritAttrs: false,
+	__name: "ChatComposerDrawer",
+	props: /*@__PURE__*/ mergeModels({
+		count: {},
+		label: {},
+		defaultIsCollapsed: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"isCollapsed": {
+			type: Boolean,
+			default: void 0
+		},
+		"isCollapsedModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["collapsedChange"], ["update:isCollapsed"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const model = useModel(__props, "isCollapsed");
+		const messages = useAstryxMessages();
+		const contentId = useId();
+		const internalCollapsed = ref(props.defaultIsCollapsed);
+		const collapsed = computed(() => model.value ?? internalCollapsed.value);
+		const canCollapse = computed(() => props.count != null);
+		const label = computed(() => props.label ?? messages.value.chat.drawerLabel);
+		const actionLabel = computed(() => collapsed.value ? messages.value.chat.drawerExpand(label.value) : messages.value.chat.drawerCollapse(label.value));
+		function toggle() {
+			const next = !collapsed.value;
+			internalCollapsed.value = next;
+			model.value = next;
+			emit("collapsedChange", next);
+		}
+		function onKeyDown(event) {
+			if (event.key !== "Enter" && event.key !== " ") return;
+			event.preventDefault();
+			toggle();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, {
+				class: "astryx-chat-drawer",
+				"data-collapsed": canCollapse.value && collapsed.value ? "" : void 0
+			}), [canCollapse.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "astryx-chat-drawer__toggle",
+				role: "button",
+				tabindex: "0",
+				"aria-expanded": !collapsed.value,
+				"aria-controls": unref(contentId),
+				"aria-label": actionLabel.value,
+				onClick: toggle,
+				onKeydown: onKeyDown
+			}, [createElementVNode("div", {
+				class: "astryx-chat-drawer__summary",
+				"data-hidden": collapsed.value ? void 0 : "",
+				"aria-hidden": "true",
+				inert: ""
+			}, [renderSlot(_ctx.$slots, "collapsedSummary", {}, () => [createVNode(_sfc_main$26, {
+				variant: "neutral",
+				label: __props.count
+			}, null, 8, ["label"]), createElementVNode("span", _hoisted_4$8, toDisplayString(label.value), 1)])], 8, _hoisted_3$8), createElementVNode("div", {
+				class: "astryx-chat-drawer__handle",
+				"data-hidden": collapsed.value ? "" : void 0
+			}, null, 8, _hoisted_5$6)], 40, _hoisted_2$10)) : createCommentVNode("v-if", true), createElementVNode("div", {
+				id: unref(contentId),
+				class: "astryx-chat-drawer__grid",
+				"data-collapsed": canCollapse.value && collapsed.value ? "" : void 0,
+				inert: canCollapse.value && collapsed.value ? true : void 0
+			}, [createElementVNode("div", {
+				class: "astryx-chat-drawer__content",
+				"data-collapsed": canCollapse.value && collapsed.value ? "" : void 0
+			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_7$4)], 8, _hoisted_6$5)], 16, _hoisted_1$15);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatComposerTokenElement.vue
+const _hoisted_1$14 = ["data-astryx-token-value"];
+const _sfc_main$16 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatComposerTokenElement",
+	inheritAttrs: false,
+	__name: "ChatComposerTokenElement",
+	props: { token: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, {
+				class: "astryx-chat-token",
+				"data-astryx-token": "",
+				"data-astryx-token-value": __props.token.value,
+				contenteditable: "false"
+			}), [createVNode(_sfc_main$22, { token: __props.token }, null, 8, ["token"])], 16, _hoisted_1$14);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatDictationButton.vue
+const BAR_COUNT = 5;
+const BAR_MIN = .08;
+const _sfc_main$15 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatDictationButton",
+	inheritAttrs: false,
+	__name: "ChatDictationButton",
+	props: {
+		dictation: {},
+		size: { default: "md" },
+		isHiddenWhenUnsupported: {
+			type: Boolean,
+			default: true
+		},
+		label: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const messages = useAstryxMessages();
+		const listening = computed(() => props.dictation.isListening);
+		const label = computed(() => props.label ?? (listening.value ? messages.value.chat.stopDictation : messages.value.chat.startDictation));
+		const sizes = {
+			sm: {
+				width: 2,
+				gap: 1.5,
+				height: 14
+			},
+			md: {
+				width: 2.5,
+				gap: 2,
+				height: 18
+			}
+		};
+		const metrics = computed(() => sizes[props.size]);
+		const bars = computed(() => props.dictation.bands.slice(0, BAR_COUNT).map((level, index) => ({
+			key: `band-${index}`,
+			scale: BAR_MIN + Math.min(Math.sqrt(level / .2), 1) * .92
+		})));
+		const clipping = computed(() => {
+			const volume = props.dictation.volume;
+			if (volume < .2) return 0;
+			return Math.min((volume - .2) / .1, 1) * 100;
+		});
+		const barColor = computed(() => clipping.value > 0 ? `color-mix(in srgb, var(--astryx-color-accent), var(--astryx-color-error) ${clipping.value}%)` : "var(--astryx-color-accent)");
+		return (_ctx, _cache) => {
+			return __props.dictation.isSupported || !__props.isHiddenWhenUnsupported ? (openBlock(), createElementBlock("span", mergeProps({ key: 0 }, _ctx.$attrs, { class: "astryx-chat-dictation" }), [listening.value ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: "astryx-chat-dictation__bars",
+				"aria-hidden": "true",
+				style: normalizeStyle({
+					gap: `${metrics.value.gap}px`,
+					height: `${metrics.value.height}px`
+				})
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(bars.value, (bar) => {
+				return openBlock(), createElementBlock("span", {
+					key: bar.key,
+					class: "astryx-chat-dictation__bar",
+					style: normalizeStyle({
+						width: `${metrics.value.width}px`,
+						backgroundColor: barColor.value,
+						transform: `scaleY(${bar.scale})`
+					})
+				}, null, 4);
+			}), 128))], 4)) : createCommentVNode("v-if", true), createVNode(_sfc_main$25, {
+				label: label.value,
+				variant: "ghost",
+				size: __props.size,
+				"is-icon-only": "",
+				"is-disabled": !__props.dictation.isSupported,
+				onClick: _cache[0] || (_cache[0] = ($event) => __props.dictation.toggle())
+			}, createSlots({ _: 2 }, [!listening.value ? {
+				name: "icon",
+				fn: withCtx(() => [createVNode(_sfc_main$27, { icon: "microphone" })]),
+				key: "0"
+			} : void 0]), 1032, [
+				"label",
+				"size",
+				"is-disabled"
+			])], 16)) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatLayoutScrollButton.vue
+const _hoisted_1$13 = [
+	"data-visible",
+	"data-labeled",
+	"inert"
+];
+const _sfc_main$14 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatLayoutScrollButton",
+	inheritAttrs: false,
+	__name: "ChatLayoutScrollButton",
+	props: {
+		isVisible: { type: Boolean },
+		label: {}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const messages = useAstryxMessages();
+		const accessibleLabel = computed(() => props.label ?? messages.value.chat.scrollToBottom);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, { class: "astryx-chat-scroll-button" }), [createElementVNode("div", {
+				class: "astryx-chat-scroll-button__pill",
+				"data-visible": __props.isVisible || void 0,
+				"data-labeled": __props.label ? "" : void 0,
+				inert: !__props.isVisible
+			}, [createVNode(_sfc_main$25, {
+				class: "astryx-chat-scroll-button__control",
+				label: accessibleLabel.value,
+				variant: "ghost",
+				size: "md",
+				"is-icon-only": !__props.label,
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("click"))
+			}, {
+				icon: withCtx(() => [createVNode(_sfc_main$27, {
+					icon: "chevronDown",
+					size: "md"
+				})]),
+				_: 1
+			}, 8, ["label", "is-icon-only"])], 8, _hoisted_1$13)], 16);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatLayout.vue
+const _hoisted_1$12 = ["data-density", "data-scroll"];
+const _hoisted_2$9 = ["data-density"];
+const _hoisted_3$7 = {
+	key: 0,
+	class: "astryx-chat-layout__empty"
+};
+const _hoisted_4$7 = ["data-density"];
+const _hoisted_5$5 = ["data-density"];
+const _hoisted_6$4 = ["data-density"];
+const _hoisted_7$3 = ["data-density"];
+const _sfc_main$13 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatLayout",
+	inheritAttrs: false,
+	__name: "ChatLayout",
+	props: {
+		density: { default: "balanced" },
+		scrollRef: {},
+		showScrollButton: {
+			type: Boolean,
+			default: true
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const messages = useAstryxMessages();
+		const announce = useAnnounce();
+		const root = useTemplateRef("root");
+		const scrollTarget = computed(() => props.scrollRef ?? root.value);
+		const isSelfScrolling = computed(() => props.scrollRef == null);
+		const scroll = useChatStreamScroll({ scrollRef: scrollTarget });
+		const newMessages = useChatNewMessages({
+			isLocked: scroll.isLocked,
+			onResize: scroll.scrollIfLocked
+		});
+		const buttonVisible = computed(() => scroll.isScrolledUp.value || newMessages.hasNewMessages.value);
+		const buttonLabel = computed(() => newMessages.hasNewMessages.value ? messages.value.chat.newMessages : void 0);
+		function scrollToBottom() {
+			newMessages.dismiss();
+			scroll.scrollToBottom();
+		}
+		watch(() => newMessages.hasNewMessages.value, (hasNew) => {
+			if (hasNew) announce(messages.value.chat.newMessages);
+		});
+		provide(chatLayoutContextKey, {
+			scrollContainer: scrollTarget,
+			contentRef: newMessages.contentRef
+		});
+		__expose({
+			element: root,
+			scrollToBottom
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				ref_key: "root",
+				ref: root
+			}, _ctx.$attrs, {
+				class: "astryx-chat-layout",
+				"data-density": __props.density,
+				"data-scroll": isSelfScrolling.value ? "self" : "external"
+			}), [createElementVNode("div", {
+				class: "astryx-chat-layout__messages",
+				"data-density": __props.density
+			}, [!_ctx.$slots.default && _ctx.$slots.empty ? (openBlock(), createElementBlock("div", _hoisted_3$7, [renderSlot(_ctx.$slots, "empty")])) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)], 8, _hoisted_2$9), createElementVNode("div", {
+				class: "astryx-chat-layout__dock",
+				"data-density": __props.density
+			}, [
+				renderSlot(_ctx.$slots, "scrollButton", {
+					isVisible: buttonVisible.value,
+					label: buttonLabel.value,
+					scrollToBottom
+				}, () => [__props.showScrollButton ? (openBlock(), createBlock(_sfc_main$14, {
+					key: 0,
+					"is-visible": buttonVisible.value,
+					label: buttonLabel.value,
+					onClick: scrollToBottom
+				}, null, 8, ["is-visible", "label"])) : createCommentVNode("v-if", true)]),
+				createElementVNode("div", {
+					class: "astryx-chat-layout__blur",
+					"data-density": __props.density
+				}, null, 8, _hoisted_5$5),
+				createElementVNode("div", {
+					class: "astryx-chat-layout__composer",
+					"data-density": __props.density
+				}, [createElementVNode("div", {
+					class: "astryx-chat-layout__composer-inner",
+					"data-density": __props.density
+				}, [renderSlot(_ctx.$slots, "composer")], 8, _hoisted_7$3)], 8, _hoisted_6$4)
+			], 8, _hoisted_4$7)], 16, _hoisted_1$12);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatMessage.vue
+const _hoisted_1$11 = [
+	"data-sender",
+	"data-density",
+	"aria-label",
+	"aria-labelledby"
+];
+const _hoisted_2$8 = {
+	key: 0,
+	class: "astryx-chat-message__avatar"
+};
+const _hoisted_3$6 = ["data-sender"];
+const _hoisted_4$6 = ["data-sender", "data-density"];
+const _hoisted_5$4 = {
+	key: 1,
+	class: "astryx-chat-message__metadata"
+};
+const _sfc_main$12 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatMessage",
+	inheritAttrs: false,
+	__name: "ChatMessage",
+	props: {
+		sender: {},
+		name: {},
+		density: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const slots = useSlots();
+		const messages = useAstryxMessages();
+		const list = useChatListContext();
+		const root = useTemplateRef("root");
+		const nameId = `astryx-chat-message-${useId()}`;
+		const density = computed(() => props.density ?? list?.density.value ?? "balanced");
+		const isSystem = computed(() => props.sender === "system");
+		const hasName = computed(() => !isSystem.value && (Boolean(props.name) || Boolean(slots.name)));
+		const senderName = computed(() => {
+			const chat = messages.value.chat;
+			if (props.sender === "user") return chat.senderUser;
+			if (props.sender === "system") return chat.senderSystem;
+			return chat.senderAssistant;
+		});
+		provide(chatMessageContextKey, {
+			sender: computed(() => props.sender),
+			density
+		});
+		__expose({ element: root });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("article", mergeProps({
+				ref_key: "root",
+				ref: root
+			}, _ctx.$attrs, {
+				class: "astryx-chat-message",
+				"data-sender": __props.sender,
+				"data-density": density.value,
+				"aria-label": hasName.value ? void 0 : unref(messages).chat.messageFrom(senderName.value),
+				"aria-labelledby": hasName.value ? nameId : void 0
+			}), [_ctx.$slots.avatar && !isSystem.value ? (openBlock(), createElementBlock("div", _hoisted_2$8, [renderSlot(_ctx.$slots, "avatar")])) : createCommentVNode("v-if", true), createElementVNode("div", {
+				class: "astryx-chat-message__column",
+				"data-sender": __props.sender
+			}, [
+				hasName.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					id: nameId,
+					class: "astryx-chat-message__name",
+					"data-chat-name": ""
+				}, [renderSlot(_ctx.$slots, "name", {}, () => [createTextVNode(toDisplayString(__props.name), 1)])])) : createCommentVNode("v-if", true),
+				createElementVNode("div", {
+					class: "astryx-chat-message__body",
+					"data-sender": __props.sender,
+					"data-density": density.value
+				}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_4$6),
+				!isSystem.value && _ctx.$slots.metadata ? (openBlock(), createElementBlock("div", _hoisted_5$4, [renderSlot(_ctx.$slots, "metadata")])) : createCommentVNode("v-if", true)
+			], 8, _hoisted_3$6)], 16, _hoisted_1$11);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatMessageBubble.vue
+const _hoisted_1$10 = [
+	"data-sender",
+	"data-variant",
+	"data-density"
+];
+const _hoisted_2$7 = ["data-sender", "data-density"];
+const _hoisted_3$5 = [
+	"data-sender",
+	"data-variant",
+	"data-density",
+	"data-group"
+];
+const _hoisted_4$5 = ["data-sender", "data-density"];
+const _sfc_main$11 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatMessageBubble",
+	inheritAttrs: false,
+	__name: "ChatMessageBubble",
+	props: {
+		variant: { default: "filled" },
+		name: {},
+		group: {},
+		width: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const context = useChatMessageContext();
+		const root = useTemplateRef("root");
+		const sender = computed(() => context?.sender.value ?? "assistant");
+		const density = computed(() => context?.density.value ?? "balanced");
+		const frameStyle = computed(() => props.width ? {
+			width: props.width,
+			maxWidth: props.width
+		} : void 0);
+		__expose({ element: root });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "astryx-chat-message-bubble__frame",
+				"data-sender": sender.value,
+				"data-variant": __props.variant,
+				"data-density": density.value,
+				style: normalizeStyle(frameStyle.value)
+			}, [
+				__props.name || _ctx.$slots.name ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "astryx-chat-message-bubble__name",
+					"data-chat-name": "",
+					"data-sender": sender.value,
+					"data-density": density.value
+				}, [renderSlot(_ctx.$slots, "name", {}, () => [createTextVNode(toDisplayString(__props.name), 1)])], 8, _hoisted_2$7)) : createCommentVNode("v-if", true),
+				createElementVNode("div", mergeProps({
+					ref_key: "root",
+					ref: root
+				}, _ctx.$attrs, {
+					class: "astryx-chat-message-bubble",
+					"data-sender": sender.value,
+					"data-variant": __props.variant,
+					"data-density": density.value,
+					"data-group": __props.group
+				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3$5),
+				_ctx.$slots.metadata ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "astryx-chat-message-bubble__meta",
+					"data-sender": sender.value,
+					"data-density": density.value
+				}, [renderSlot(_ctx.$slots, "metadata")], 8, _hoisted_4$5)) : createCommentVNode("v-if", true)
+			], 12, _hoisted_1$10);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatMessageList.vue
+const _hoisted_1$9 = [
+	"aria-busy",
+	"aria-label",
+	"data-density"
+];
+const _hoisted_2$6 = ["data-density", "data-gap"];
+const _hoisted_3$4 = {
+	key: 1,
+	class: "astryx-chat-message-list__loading"
+};
+const _hoisted_4$4 = {
+	key: 3,
+	class: "astryx-chat-message-list__empty"
+};
+const _sfc_main$10 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatMessageList",
+	inheritAttrs: false,
+	__name: "ChatMessageList",
+	props: {
+		density: { default: "balanced" },
+		gap: {},
+		scrollToTopAction: {},
+		isStreaming: {
+			type: Boolean,
+			default: false
+		},
+		label: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const messages = useAstryxMessages();
+		const layout = useChatLayoutContext();
+		const inner = useTemplateRef("inner");
+		const sentinel = useTemplateRef("sentinel");
+		const isLoadingTop = ref(false);
+		const accessibleName = computed(() => props.label ?? messages.value.chat.log);
+		provide(chatListContextKey, { density: computed(() => props.density) });
+		watch(inner, (el, _, onCleanup) => {
+			if (!layout) return;
+			layout.contentRef(el);
+			onCleanup(() => layout.contentRef(null));
+		});
+		watch(() => [
+			props.scrollToTopAction,
+			sentinel.value,
+			layout?.scrollContainer.value
+		], ([action, sentinelEl], _, onCleanup) => {
+			if (!action || !sentinelEl || typeof IntersectionObserver === "undefined") return;
+			let pending = false;
+			const observer = new IntersectionObserver((entries) => {
+				if (!entries[0]?.isIntersecting || pending) return;
+				pending = true;
+				isLoadingTop.value = true;
+				Promise.resolve(action()).finally(() => {
+					pending = false;
+					isLoadingTop.value = false;
+				});
+			}, {
+				root: layout?.scrollContainer.value ?? null,
+				threshold: 0
+			});
+			observer.observe(sentinelEl);
+			onCleanup(() => observer.disconnect());
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, {
+				class: "astryx-chat-message-list",
+				role: "log",
+				"aria-live": "polite",
+				"aria-busy": __props.isStreaming || void 0,
+				"aria-label": accessibleName.value,
+				tabindex: "0",
+				"data-density": __props.density
+			}), [createElementVNode("div", {
+				ref_key: "inner",
+				ref: inner,
+				class: "astryx-chat-message-list__inner",
+				"data-density": __props.density,
+				"data-gap": __props.gap
+			}, [
+				__props.scrollToTopAction ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					ref_key: "sentinel",
+					ref: sentinel,
+					class: "astryx-chat-message-list__sentinel",
+					"aria-hidden": "true"
+				}, null, 512)) : createCommentVNode("v-if", true),
+				isLoadingTop.value ? (openBlock(), createElementBlock("div", _hoisted_3$4, [createVNode(_sfc_main$30, {
+					size: "md",
+					"aria-label": unref(messages).chat.toolRunning
+				}, null, 8, ["aria-label"])])) : createCommentVNode("v-if", true),
+				_cache[0] || (_cache[0] = createElementVNode("div", {
+					class: "astryx-chat-message-list__spacer",
+					"aria-hidden": "true"
+				}, null, -1)),
+				_ctx.$slots.default ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 2) : _ctx.$slots.empty ? (openBlock(), createElementBlock("div", _hoisted_4$4, [renderSlot(_ctx.$slots, "empty")])) : createCommentVNode("v-if", true)
+			], 8, _hoisted_2$6)], 16, _hoisted_1$9);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatIcon.vue
+const _sfc_main$9 = /*@__PURE__*/ defineComponent({
+	__name: "ChatIcon",
+	props: {
+		name: {},
+		size: { default: "sm" }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(_sfc_main$27, {
+				size: __props.size,
+				color: "inherit"
+			}, {
+				default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["astryx-icon__glyph", `astryx-chat-icon--${__props.name}`]) }, null, 2)]),
+				_: 1
+			}, 8, ["size"]);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatMessageMetadata.vue
+const _hoisted_1$8 = ["data-sender"];
+const _hoisted_2$5 = {
+	key: 0,
+	class: "astryx-chat-metadata__timestamp"
+};
+const _hoisted_3$3 = {
+	key: 1,
+	class: "astryx-chat-metadata__dot",
+	"aria-hidden": "true"
+};
+const _hoisted_4$3 = {
+	key: 2,
+	class: "astryx-chat-metadata__footer"
+};
+const _hoisted_5$3 = {
+	key: 3,
+	class: "astryx-chat-metadata__dot",
+	"aria-hidden": "true"
+};
+const _hoisted_6$3 = [
+	"data-status",
+	"title",
+	"aria-label"
+];
+const _sfc_main$8 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatMessageMetadata",
+	inheritAttrs: false,
+	__name: "ChatMessageMetadata",
+	props: {
+		timestamp: {},
+		footer: {},
+		status: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const messages = useAstryxMessages();
+		const locale = useAstryxLocale();
+		const context = useChatMessageContext();
+		const sender = computed(() => context?.sender.value ?? "assistant");
+		const statusLabel = computed(() => {
+			const chat = messages.value.chat;
+			const labels = {
+				sending: chat.statusSending,
+				sent: chat.statusSent,
+				delivered: chat.statusDelivered,
+				read: chat.statusRead,
+				error: chat.statusFailed
+			};
+			return props.status ? labels[props.status] : "";
+		});
+		const spokenStatus = computed(() => {
+			if (locale.value === "en") return statusLabel.value.toLowerCase();
+			return statusLabel.value;
+		});
+		const hasContent = computed(() => Boolean(props.timestamp) || Boolean(slots.timestamp) || Boolean(props.footer) || Boolean(slots.footer) || props.status != null);
+		const showTimestampDot = computed(() => (Boolean(props.timestamp) || Boolean(slots.timestamp)) && (Boolean(props.footer) || Boolean(slots.footer) || props.status != null));
+		const showFooterDot = computed(() => (Boolean(props.footer) || Boolean(slots.footer)) && props.status != null);
+		return (_ctx, _cache) => {
+			return hasContent.value ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, {
+				class: "astryx-chat-metadata",
+				"data-sender": sender.value
+			}), [
+				__props.timestamp || _ctx.$slots.timestamp ? (openBlock(), createElementBlock("span", _hoisted_2$5, [renderSlot(_ctx.$slots, "timestamp", {}, () => [createTextVNode(toDisplayString(__props.timestamp), 1)])])) : createCommentVNode("v-if", true),
+				showTimestampDot.value ? (openBlock(), createElementBlock("span", _hoisted_3$3, "·")) : createCommentVNode("v-if", true),
+				__props.footer || _ctx.$slots.footer ? (openBlock(), createElementBlock("span", _hoisted_4$3, [renderSlot(_ctx.$slots, "footer", {}, () => [createTextVNode(toDisplayString(__props.footer), 1)])])) : createCommentVNode("v-if", true),
+				showFooterDot.value ? (openBlock(), createElementBlock("span", _hoisted_5$3, "·")) : createCommentVNode("v-if", true),
+				__props.status ? (openBlock(), createElementBlock("span", {
+					key: 4,
+					class: "astryx-chat-metadata__status",
+					"data-status": __props.status,
+					title: statusLabel.value,
+					"aria-label": unref(messages).chat.messageStatus(spokenStatus.value)
+				}, [__props.status === "sending" ? (openBlock(), createBlock(_sfc_main$9, {
+					key: 0,
+					name: "clock",
+					size: "xsm"
+				})) : __props.status === "sent" ? (openBlock(), createBlock(_sfc_main$27, {
+					key: 1,
+					icon: "check",
+					size: "xsm",
+					color: "inherit"
+				})) : __props.status === "delivered" || __props.status === "read" ? (openBlock(), createBlock(_sfc_main$9, {
+					key: 2,
+					name: "check-double",
+					size: "xsm"
+				})) : (openBlock(), createBlock(_sfc_main$9, {
+					key: 3,
+					name: "error",
+					size: "xsm"
+				})), createElementVNode("span", null, toDisplayString(statusLabel.value), 1)], 8, _hoisted_6$3)) : createCommentVNode("v-if", true)
+			], 16, _hoisted_1$8)) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatReasoning.vue
+const _hoisted_1$7 = ["data-streaming", "data-open"];
+const _hoisted_2$4 = ["aria-expanded"];
+const _hoisted_3$2 = { class: "astryx-chat-reasoning__icon" };
+const _hoisted_4$2 = { class: "astryx-chat-reasoning__label-row" };
+const _hoisted_5$2 = ["data-streaming"];
+const _hoisted_6$2 = { class: "astryx-chat-reasoning__duration" };
+const _hoisted_7$2 = { class: "astryx-chat-reasoning__preview" };
+const _hoisted_8$2 = ["data-open"];
+const _hoisted_9$2 = ["data-open", "inert"];
+const _hoisted_10$2 = { class: "astryx-chat-reasoning__panel-inner" };
+const _hoisted_11$1 = { class: "astryx-chat-reasoning__body" };
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatReasoning",
+	inheritAttrs: false,
+	__name: "ChatReasoning",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		duration: {},
+		isStreaming: {
+			type: Boolean,
+			default: false
+		},
+		defaultIsExpanded: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"isExpanded": {
+			type: Boolean,
+			default: void 0
+		},
+		"isExpandedModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["expandedChange"], ["update:isExpanded"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const messages = useAstryxMessages();
+		const model = useModel(__props, "isExpanded");
+		const internalExpanded = ref(props.defaultIsExpanded);
+		const isExpanded = computed(() => model.value ?? internalExpanded.value);
+		const contentId = `astryx-chat-reasoning-${useId()}`;
+		const root = useTemplateRef("root");
+		const heading = computed(() => props.label ?? messages.value.chat.thinking);
+		function slotPreview() {
+			const nodes = slots.default?.();
+			if (!nodes || nodes.length !== 1) return null;
+			const text = textOf(nodes[0]);
+			return text.trim() === "" ? null : text.trim();
+		}
+		function textOf(node) {
+			if (typeof node.children === "string") return node.children;
+			return "";
+		}
+		function toggle() {
+			const next = !isExpanded.value;
+			internalExpanded.value = next;
+			model.value = next;
+			emit("expandedChange", next);
+		}
+		__expose({ element: root });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				ref_key: "root",
+				ref: root
+			}, _ctx.$attrs, {
+				class: "astryx-chat-reasoning",
+				"data-streaming": __props.isStreaming || void 0,
+				"data-open": isExpanded.value || void 0
+			}), [createElementVNode("button", {
+				type: "button",
+				class: "astryx-chat-reasoning__header",
+				"aria-expanded": isExpanded.value,
+				"aria-controls": contentId,
+				onClick: toggle
+			}, [
+				createElementVNode("span", _hoisted_3$2, [createVNode(_sfc_main$9, {
+					name: "thinking",
+					size: "sm"
+				})]),
+				createElementVNode("span", _hoisted_4$2, [
+					createElementVNode("span", {
+						class: "astryx-chat-reasoning__label",
+						"data-streaming": __props.isStreaming || void 0
+					}, toDisplayString(heading.value), 9, _hoisted_5$2),
+					__props.duration && !__props.isStreaming ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[0] || (_cache[0] = createElementVNode("span", {
+						class: "astryx-chat-reasoning__separator",
+						"aria-hidden": "true"
+					}, "·", -1)), createElementVNode("span", _hoisted_6$2, toDisplayString(__props.duration), 1)], 64)) : createCommentVNode("v-if", true),
+					!isExpanded.value && !__props.isStreaming && slotPreview() ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[1] || (_cache[1] = createElementVNode("span", {
+						class: "astryx-chat-reasoning__separator",
+						"aria-hidden": "true"
+					}, "—", -1)), createElementVNode("span", _hoisted_7$2, toDisplayString(slotPreview()), 1)], 64)) : createCommentVNode("v-if", true)
+				]),
+				createElementVNode("span", {
+					class: "astryx-chat-tool-calls__chevron",
+					"data-open": isExpanded.value || void 0
+				}, [createVNode(_sfc_main$27, {
+					icon: "chevronDown",
+					size: "xsm",
+					color: "inherit"
+				})], 8, _hoisted_8$2)
+			], 8, _hoisted_2$4), createElementVNode("div", {
+				id: contentId,
+				class: "astryx-chat-reasoning__panel",
+				"data-open": isExpanded.value || void 0,
+				inert: !isExpanded.value
+			}, [createElementVNode("div", _hoisted_10$2, [createElementVNode("div", _hoisted_11$1, [renderSlot(_ctx.$slots, "default")])])], 8, _hoisted_9$2)], 16, _hoisted_1$7);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatSystemMessage.vue
+const _hoisted_1$6 = { class: "astryx-chat-system-message__content" };
+const _hoisted_2$3 = {
+	key: 0,
+	class: "astryx-chat-system-message__icon"
+};
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatSystemMessage",
+	inheritAttrs: false,
+	__name: "ChatSystemMessage",
+	props: { variant: { default: "default" } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return __props.variant === "divider" ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, {
+				class: "astryx-chat-system-message",
+				"data-variant": "divider",
+				role: "status"
+			}), [createVNode(_sfc_main$28, null, {
+				label: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			})], 16)) : (openBlock(), createElementBlock("div", mergeProps({ key: 1 }, _ctx.$attrs, {
+				class: "astryx-chat-system-message",
+				"data-variant": "default",
+				role: "status"
+			}), [createElementVNode("span", _hoisted_1$6, [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_2$3, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")])], 16));
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatTokenizedText.vue
+const _hoisted_1$5 = {
+	key: 0,
+	class: "astryx-chat-token"
+};
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatTokenizedText",
+	inheritAttrs: false,
+	__name: "ChatTokenizedText",
+	props: {
+		text: {},
+		tokens: {}
+	},
+	setup(__props) {
+		const props = __props;
+		function escapeRegExp(value) {
+			return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+		}
+		const parts = computed(() => {
+			const text = props.text ?? "";
+			const tokens = (props.tokens ?? []).filter((token) => token.value.length > 0);
+			if (text.length === 0 || tokens.length === 0) return [{
+				key: "all",
+				text
+			}];
+			const map = /* @__PURE__ */ new Map();
+			for (const token of tokens) if (!map.has(token.value)) map.set(token.value, token);
+			const pattern = [...map.keys()].map(escapeRegExp).join("|");
+			const regex = new RegExp(`(${pattern})`, "g");
+			const rendered = [];
+			let last = 0;
+			let match = regex.exec(text);
+			let index = 0;
+			while (match) {
+				if (match.index > last) rendered.push({
+					key: `t-${index}`,
+					text: text.slice(last, match.index)
+				});
+				const token = map.get(match[0]);
+				if (token) rendered.push({
+					key: `${match[0]}-${match.index}`,
+					token
+				});
+				last = match.index + match[0].length;
+				index += 1;
+				match = regex.exec(text);
+			}
+			if (last < text.length) rendered.push({
+				key: "tail",
+				text: text.slice(last)
+			});
+			return rendered;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, { class: "astryx-chat-tokenized" }), [(openBlock(true), createElementBlock(Fragment, null, renderList(parts.value, (part) => {
+				return openBlock(), createElementBlock(Fragment, { key: part.key }, [part.token ? (openBlock(), createElementBlock("span", _hoisted_1$5, [createVNode(_sfc_main$22, { token: part.token }, null, 8, ["token"])])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+			}), 128))], 16);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatStatusMark.vue
+const _hoisted_1$4 = ["data-status", "title"];
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "ChatStatusMark",
+	props: {
+		status: {},
+		errorMessage: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const messages = useAstryxMessages();
+		const label = computed(() => {
+			const chat = messages.value.chat;
+			if (props.status === "pending") return chat.toolPending;
+			if (props.status === "running") return chat.toolRunning;
+			if (props.status === "error") return props.errorMessage ? chat.toolError(props.errorMessage) : chat.statusFailed;
+			return chat.statusSent;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: "astryx-chat-status",
+				"data-status": __props.status,
+				title: __props.status === "error" ? __props.errorMessage : void 0
+			}, [__props.status === "pending" || __props.status === "running" ? (openBlock(), createBlock(_sfc_main$30, {
+				key: 0,
+				size: "sm",
+				shade: "inherit",
+				"aria-label": label.value
+			}, null, 8, ["aria-label"])) : __props.status === "complete" ? (openBlock(), createBlock(_sfc_main$9, {
+				key: 1,
+				name: "circle-check",
+				size: "xsm"
+			})) : (openBlock(), createBlock(_sfc_main$9, {
+				key: 2,
+				name: "circle-x",
+				size: "xsm"
+			})), __props.status !== "pending" && __props.status !== "running" ? (openBlock(), createBlock(_sfc_main$24, { key: 3 }, {
+				default: withCtx(() => [createTextVNode(toDisplayString(label.value), 1)]),
+				_: 1
+			})) : createCommentVNode("v-if", true)], 8, _hoisted_1$4);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatToolCallRow.vue
+const _hoisted_1$3 = { class: "astryx-chat-tool-calls__entry" };
+const _hoisted_2$2 = ["aria-expanded", "aria-controls"];
+const _hoisted_3$1 = { class: "astryx-chat-tool-calls__name" };
+const _hoisted_4$1 = {
+	key: 1,
+	class: "astryx-chat-tool-calls__target"
+};
+const _hoisted_5$1 = {
+	key: 2,
+	class: "astryx-chat-tool-calls__stats"
+};
+const _hoisted_6$1 = {
+	key: 0,
+	class: "astryx-chat-tool-calls__additions"
+};
+const _hoisted_7$1 = {
+	key: 1,
+	class: "astryx-chat-tool-calls__deletions"
+};
+const _hoisted_8$1 = { key: 2 };
+const _hoisted_9$1 = {
+	key: 3,
+	class: "astryx-chat-tool-calls__duration"
+};
+const _hoisted_10$1 = ["data-open"];
+const _hoisted_11 = {
+	key: 1,
+	class: "astryx-chat-tool-calls__row"
+};
+const _hoisted_12 = { class: "astryx-chat-tool-calls__name" };
+const _hoisted_13 = {
+	key: 1,
+	class: "astryx-chat-tool-calls__target"
+};
+const _hoisted_14 = {
+	key: 2,
+	class: "astryx-chat-tool-calls__stats"
+};
+const _hoisted_15 = {
+	key: 0,
+	class: "astryx-chat-tool-calls__additions"
+};
+const _hoisted_16 = {
+	key: 1,
+	class: "astryx-chat-tool-calls__deletions"
+};
+const _hoisted_17 = { key: 2 };
+const _hoisted_18 = {
+	key: 3,
+	class: "astryx-chat-tool-calls__duration"
+};
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "ChatToolCallRow",
+	props: {
+		call: {},
+		expandable: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const isDetailOpen = ref(false);
+		const detailId = `astryx-chat-tool-detail-${useId()}`;
+		const status = computed(() => props.call.status ?? "complete");
+		function toggle() {
+			isDetailOpen.value = !isDetailOpen.value;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [__props.expandable ? (openBlock(), createElementBlock("button", {
+				key: 0,
+				type: "button",
+				class: "astryx-chat-tool-calls__row",
+				"data-expandable": "",
+				"aria-expanded": isDetailOpen.value,
+				"aria-controls": isDetailOpen.value ? detailId : void 0,
+				onClick: toggle
+			}, [
+				createVNode(_sfc_main$4, {
+					status: status.value,
+					"error-message": __props.call.errorMessage
+				}, null, 8, ["status", "error-message"]),
+				createElementVNode("span", _hoisted_3$1, toDisplayString(__props.call.name), 1),
+				__props.call.node ? (openBlock(), createBlock(_sfc_main$26, {
+					key: 0,
+					class: "astryx-chat-tool-calls__node",
+					variant: "neutral"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.call.node), 1)]),
+					_: 1
+				})) : createCommentVNode("v-if", true),
+				__props.call.target ? (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(__props.call.target), 1)) : createCommentVNode("v-if", true),
+				__props.call.additions != null || __props.call.deletions != null || __props.call.stats ? (openBlock(), createElementBlock("span", _hoisted_5$1, [
+					__props.call.additions != null ? (openBlock(), createElementBlock("span", _hoisted_6$1, "+" + toDisplayString(__props.call.additions), 1)) : createCommentVNode("v-if", true),
+					__props.call.deletions != null ? (openBlock(), createElementBlock("span", _hoisted_7$1, "-" + toDisplayString(__props.call.deletions), 1)) : createCommentVNode("v-if", true),
+					__props.call.stats ? (openBlock(), createElementBlock("span", _hoisted_8$1, toDisplayString(__props.call.stats), 1)) : createCommentVNode("v-if", true)
+				])) : createCommentVNode("v-if", true),
+				__props.call.duration && status.value === "complete" ? (openBlock(), createElementBlock("span", _hoisted_9$1, toDisplayString(__props.call.duration), 1)) : createCommentVNode("v-if", true),
+				createElementVNode("span", {
+					class: "astryx-chat-tool-calls__chevron",
+					"data-open": isDetailOpen.value || void 0
+				}, [createVNode(_sfc_main$27, {
+					icon: "chevronDown",
+					size: "xsm",
+					color: "inherit"
+				})], 8, _hoisted_10$1)
+			], 8, _hoisted_2$2)) : (openBlock(), createElementBlock("div", _hoisted_11, [
+				createVNode(_sfc_main$4, {
+					status: status.value,
+					"error-message": __props.call.errorMessage
+				}, null, 8, ["status", "error-message"]),
+				createElementVNode("span", _hoisted_12, toDisplayString(__props.call.name), 1),
+				__props.call.node ? (openBlock(), createBlock(_sfc_main$26, {
+					key: 0,
+					class: "astryx-chat-tool-calls__node",
+					variant: "neutral"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.call.node), 1)]),
+					_: 1
+				})) : createCommentVNode("v-if", true),
+				__props.call.target ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(__props.call.target), 1)) : createCommentVNode("v-if", true),
+				__props.call.additions != null || __props.call.deletions != null || __props.call.stats ? (openBlock(), createElementBlock("span", _hoisted_14, [
+					__props.call.additions != null ? (openBlock(), createElementBlock("span", _hoisted_15, "+" + toDisplayString(__props.call.additions), 1)) : createCommentVNode("v-if", true),
+					__props.call.deletions != null ? (openBlock(), createElementBlock("span", _hoisted_16, "-" + toDisplayString(__props.call.deletions), 1)) : createCommentVNode("v-if", true),
+					__props.call.stats ? (openBlock(), createElementBlock("span", _hoisted_17, toDisplayString(__props.call.stats), 1)) : createCommentVNode("v-if", true)
+				])) : createCommentVNode("v-if", true),
+				__props.call.duration && status.value === "complete" ? (openBlock(), createElementBlock("span", _hoisted_18, toDisplayString(__props.call.duration), 1)) : createCommentVNode("v-if", true)
+			])), __props.expandable && isDetailOpen.value ? (openBlock(), createElementBlock("div", {
+				key: 2,
+				id: detailId,
+				class: "astryx-chat-tool-calls__detail"
+			}, [renderSlot(_ctx.$slots, "detail")])) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatToolCalls.vue
+const _hoisted_1$2 = ["aria-expanded"];
+const _hoisted_2$1 = { class: "astryx-chat-tool-calls__group-icon" };
+const _hoisted_3 = { class: "astryx-chat-tool-calls__group-label" };
+const _hoisted_4 = { class: "astryx-chat-tool-calls__name" };
+const _hoisted_5 = {
+	key: 0,
+	class: "astryx-chat-tool-calls__target"
+};
+const _hoisted_6 = { class: "astryx-chat-tool-calls__count" };
+const _hoisted_7 = ["data-open"];
+const _hoisted_8 = ["data-open", "inert"];
+const _hoisted_9 = { class: "astryx-chat-tool-calls__panel-inner" };
+const _hoisted_10 = { class: "astryx-chat-tool-calls__list" };
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatToolCalls",
+	inheritAttrs: false,
+	__name: "ChatToolCalls",
+	props: /*@__PURE__*/ mergeModels({
+		calls: {},
+		label: {},
+		defaultIsExpanded: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"isExpanded": {
+			type: Boolean,
+			default: void 0
+		},
+		"isExpandedModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["expandedChange"], ["update:isExpanded"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const messages = useAstryxMessages();
+		const model = useModel(__props, "isExpanded");
+		const internalExpanded = ref(props.defaultIsExpanded);
+		const isExpanded = computed(() => model.value ?? internalExpanded.value);
+		const contentId = `astryx-chat-tool-calls-${useId()}`;
+		const root = useTemplateRef("root");
+		const summary = computed(() => props.label ?? messages.value.chat.toolGroup(props.calls.length));
+		const latest = computed(() => props.calls[props.calls.length - 1]);
+		const single = computed(() => props.calls.length === 1 ? props.calls[0] : void 0);
+		function toggle() {
+			const next = !isExpanded.value;
+			internalExpanded.value = next;
+			model.value = next;
+			emit("expandedChange", next);
+		}
+		function rowKey(call, index) {
+			return call.key ?? `${call.name}\u001F${call.target ?? ""}\u001F${call.node ?? ""}\u001F${index}`;
+		}
+		function expandable(call) {
+			return Boolean(call.detail) || Boolean(slots.detail);
+		}
+		__expose({ element: root });
+		return (_ctx, _cache) => {
+			return __props.calls.length ? (openBlock(), createElementBlock("div", mergeProps({
+				key: 0,
+				ref_key: "root",
+				ref: root
+			}, _ctx.$attrs, { class: "astryx-chat-tool-calls" }), [single.value ? (openBlock(), createBlock(_sfc_main$3, {
+				key: 0,
+				call: single.value,
+				expandable: expandable(single.value)
+			}, createSlots({ _: 2 }, [expandable(single.value) ? {
+				name: "detail",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "detail", { call: single.value }, () => [createTextVNode(toDisplayString(single.value.detail), 1)])]),
+				key: "0"
+			} : void 0]), 1032, ["call", "expandable"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("button", {
+				type: "button",
+				class: "astryx-chat-tool-calls__row",
+				"aria-expanded": isExpanded.value,
+				"aria-controls": contentId,
+				onClick: toggle
+			}, [
+				isExpanded.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_2$1, [createVNode(_sfc_main$9, {
+					name: "wrench",
+					size: "sm"
+				})]), createElementVNode("span", _hoisted_3, toDisplayString(summary.value), 1)], 64)) : latest.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+					createVNode(_sfc_main$4, {
+						status: latest.value.status ?? "complete",
+						"error-message": latest.value.errorMessage
+					}, null, 8, ["status", "error-message"]),
+					createElementVNode("span", _hoisted_4, toDisplayString(latest.value.name), 1),
+					latest.value.target ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(latest.value.target), 1)) : createCommentVNode("v-if", true)
+				], 64)) : createCommentVNode("v-if", true),
+				createElementVNode("span", _hoisted_6, [!isExpanded.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(_sfc_main$9, {
+					name: "wrench",
+					size: "xsm"
+				}), createTextVNode(" " + toDisplayString(__props.calls.length), 1)], 64)) : createCommentVNode("v-if", true)]),
+				createElementVNode("span", {
+					class: "astryx-chat-tool-calls__chevron",
+					"data-open": isExpanded.value || void 0
+				}, [createVNode(_sfc_main$27, {
+					icon: "chevronDown",
+					size: "xsm",
+					color: "inherit"
+				})], 8, _hoisted_7)
+			], 8, _hoisted_1$2), createElementVNode("div", {
+				id: contentId,
+				class: "astryx-chat-tool-calls__panel",
+				"data-open": isExpanded.value || void 0,
+				inert: !isExpanded.value
+			}, [createElementVNode("div", _hoisted_9, [createElementVNode("div", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.calls, (call, index) => {
+				return openBlock(), createBlock(_sfc_main$3, {
+					key: rowKey(call, index),
+					call,
+					expandable: expandable(call)
+				}, createSlots({ _: 2 }, [expandable(call) ? {
+					name: "detail",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "detail", { call }, () => [createTextVNode(toDisplayString(call.detail), 1)])]),
+					key: "0"
+				} : void 0]), 1032, ["call", "expandable"]);
+			}), 128))])])], 8, _hoisted_8)], 64))], 16)) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatTypingIndicator.vue
+const _hoisted_1$1 = {
+	key: 0,
+	class: "astryx-chat-typing__label"
+};
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatTypingIndicator",
+	inheritAttrs: false,
+	__name: "ChatTypingIndicator",
+	props: { names: {} },
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const messages = useAstryxMessages();
+		const root = useTemplateRef("root");
+		const label = computed(() => {
+			const names = props.names?.filter((name) => name.trim() !== "") ?? [];
+			const chat = messages.value.chat;
+			if (names.length === 0) return null;
+			if (names.length === 1) return chat.typingOne(names[0]);
+			if (names.length === 2) return chat.typingTwo(names[0], names[1]);
+			return chat.typingMany(names[0], names.length - 1);
+		});
+		__expose({ element: root });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				ref_key: "root",
+				ref: root
+			}, _ctx.$attrs, {
+				class: "astryx-chat-typing",
+				role: "status",
+				"aria-live": "polite"
+			}), [_cache[0] || (_cache[0] = createElementVNode("span", {
+				class: "astryx-chat-typing__dots",
+				"aria-hidden": "true"
+			}, [
+				createElementVNode("span", { class: "astryx-chat-typing__dot" }),
+				createElementVNode("span", {
+					class: "astryx-chat-typing__dot",
+					"data-index": "2"
+				}),
+				createElementVNode("span", {
+					class: "astryx-chat-typing__dot",
+					"data-index": "3"
+				})
+			], -1)), label.value ? (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(label.value), 1)) : createCommentVNode("v-if", true)], 16);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/ChatUnreadDivider.vue
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = { class: "astryx-chat-unread__label" };
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxChatUnreadDivider",
+	inheritAttrs: false,
+	__name: "ChatUnreadDivider",
+	props: { label: {} },
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const messages = useAstryxMessages();
+		const root = useTemplateRef("root");
+		const text = computed(() => props.label ?? messages.value.chat.unreadLabel);
+		const accessibleName = computed(() => messages.value.chat.unreadBelow(text.value));
+		__expose({ element: root });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				ref_key: "root",
+				ref: root
+			}, _ctx.$attrs, {
+				class: "astryx-chat-unread",
+				role: "separator",
+				"aria-label": accessibleName.value
+			}), [_cache[0] || (_cache[0] = createElementVNode("span", { class: "astryx-chat-unread__line" }, null, -1)), createElementVNode("span", _hoisted_2, toDisplayString(text.value), 1)], 16, _hoisted_1);
+		};
+	}
+});
+//#endregion
+//#region src/Chat/volumeAnalyser.ts
+const VOICE_SPLITS = [
+	3,
+	6,
+	11,
+	18
+];
+const CALIBRATION_FRAMES = 60;
+let sharedAudio = null;
+function getSharedAudioContext() {
+	if (!sharedAudio || sharedAudio.state === "closed") sharedAudio = new AudioContext();
+	if (sharedAudio.state === "suspended") sharedAudio.resume();
+	return sharedAudio;
+}
+async function createVolumeAnalyser(getContext) {
+	try {
+		const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+		const audioContext = getContext();
+		const source = audioContext.createMediaStreamSource(stream);
+		const analyser = audioContext.createAnalyser();
+		analyser.fftSize = 256;
+		analyser.smoothingTimeConstant = .5;
+		source.connect(analyser);
+		const data = new Uint8Array(analyser.frequencyBinCount);
+		const noiseFloor = new Float32Array(analyser.frequencyBinCount);
+		let samples = 0;
+		function calibrate() {
+			analyser.getByteFrequencyData(data);
+			samples += 1;
+			for (let index = 0; index < data.length; index += 1) {
+				const value = (data[index] ?? 0) / 255;
+				if (value > (noiseFloor[index] ?? 0)) noiseFloor[index] = value;
+			}
+		}
+		function cleanBin(index) {
+			const raw = (data[index] ?? 0) / 255;
+			if (samples < CALIBRATION_FRAMES) return 0;
+			return Math.max(0, raw - (noiseFloor[index] ?? 0) * 1.1);
+		}
+		function splitsFor(count) {
+			const voice = [...VOICE_SPLITS, data.length];
+			return count <= voice.length ? voice.slice(0, count) : voice;
+		}
+		function bandsFrom(count, read) {
+			const bands = [];
+			const splits = splitsFor(count);
+			let start = 1;
+			for (const end of splits) {
+				let sum = 0;
+				for (let index = start; index < end; index += 1) sum += read(index);
+				bands.push(sum / (end - start));
+				start = end;
+			}
+			return bands;
+		}
+		return {
+			getVolume() {
+				analyser.getByteFrequencyData(data);
+				if (samples < CALIBRATION_FRAMES) calibrate();
+				let sum = 0;
+				for (let index = 0; index < data.length; index += 1) sum += cleanBin(index);
+				return sum / data.length;
+			},
+			getBands(count) {
+				analyser.getByteFrequencyData(data);
+				if (samples < CALIBRATION_FRAMES) calibrate();
+				return bandsFrom(count, cleanBin);
+			},
+			getRawBands(count) {
+				analyser.getByteFrequencyData(data);
+				return bandsFrom(count, (index) => (data[index] ?? 0) / 255);
+			},
+			cleanup() {
+				source.disconnect();
+				for (const track of stream.getTracks()) track.stop();
+			}
+		};
+	} catch {
+		return null;
+	}
+}
+const isIOS = typeof navigator !== "undefined" && /iPad|iPhone|iPod/.test(navigator.userAgent);
+function playPlop(frequency, delay, getContext, volume = .25) {
+	try {
+		const context = getContext();
+		const now = context.currentTime;
+		const duration = frequency < 200 ? .18 : .06;
+		const oscillator = context.createOscillator();
+		const gain = context.createGain();
+		oscillator.type = "sine";
+		oscillator.frequency.setValueAtTime(frequency * 1.3, now + delay);
+		oscillator.frequency.exponentialRampToValueAtTime(frequency, now + delay + .01);
+		oscillator.frequency.exponentialRampToValueAtTime(frequency * .93, now + delay + duration);
+		gain.gain.setValueAtTime(.001, now);
+		gain.gain.setValueAtTime(volume, now + delay);
+		gain.gain.exponentialRampToValueAtTime(volume * .2, now + delay + duration * .12);
+		gain.gain.exponentialRampToValueAtTime(.001, now + delay + duration);
+		oscillator.connect(gain);
+		gain.connect(context.destination);
+		oscillator.start(now + delay);
+		oscillator.stop(now + delay + duration);
+	} catch {}
+}
+function playDictationStart(getContext) {
+	if (isIOS) return;
+	playPlop(392, 0, getContext);
+	playPlop(523, .07, getContext);
+}
+function playDictationStop(getContext) {
+	if (isIOS) return;
+	playPlop(523, 0, getContext);
+	playPlop(392, .07, getContext);
+}
+//#endregion
+//#region src/Chat/useSpeechRecognition.ts
+const SILENT_BANDS = [
+	0,
+	0,
+	0,
+	0,
+	0
+];
+function speechRecognitionCtor() {
+	if (typeof window === "undefined") return null;
+	const host = window;
+	return host.SpeechRecognition ?? host.webkitSpeechRecognition ?? null;
+}
+/**
+* Browser speech recognition plus a microphone level.
+* No speech service is bundled: unsupported browsers report `isSupported` false.
+*/
+function useSpeechRecognition(options = {}) {
+	const locale = useAstryxLocale();
+	const messages = useAstryxMessages();
+	const continuous = options.continuous ?? true;
+	const interimResults = options.interimResults ?? true;
+	const trackVolume = options.trackVolume ?? true;
+	const isSupported = computed(() => speechRecognitionCtor() != null);
+	const isListening = ref(false);
+	const isSpeaking = ref(false);
+	const volume = ref(0);
+	const bands = shallowRef([...SILENT_BANDS]);
+	const rawBands = shallowRef([...SILENT_BANDS]);
+	const interimTranscript = ref("");
+	let recognition = null;
+	let analyser = null;
+	let frame = 0;
+	const callbacks = {
+		onTranscript: options.onTranscript,
+		onResult: options.onResult,
+		onError: options.onError,
+		onStart: options.onStart,
+		onEnd: options.onEnd,
+		onVolumeSample: options.onVolumeSample,
+		transformTranscript: options.transformTranscript
+	};
+	function stopVolume() {
+		cancelAnimationFrame(frame);
+		volume.value = 0;
+		bands.value = [...SILENT_BANDS];
+		rawBands.value = [...SILENT_BANDS];
+		analyser?.cleanup();
+		analyser = null;
+	}
+	function pollVolume() {
+		const current = analyser;
+		if (current) {
+			const level = current.getVolume();
+			volume.value = level;
+			bands.value = current.getBands(5);
+			rawBands.value = current.getRawBands(5);
+			callbacks.onVolumeSample?.(level);
+		}
+		frame = requestAnimationFrame(pollVolume);
+	}
+	function getContext() {
+		return options.audioContext ?? getSharedAudioContext();
+	}
+	function start() {
+		const Ctor = speechRecognitionCtor();
+		if (!Ctor) return;
+		recognition?.abort();
+		const next = new Ctor();
+		next.lang = options.lang ?? locale.value;
+		next.continuous = continuous;
+		next.interimResults = interimResults;
+		next.onstart = () => {
+			isListening.value = true;
+			callbacks.onStart?.();
+			if (!trackVolume) return;
+			createVolumeAnalyser(getContext).then((created) => {
+				if (!created || recognition !== next) return;
+				analyser = created;
+				pollVolume();
+			});
+		};
+		next.onend = () => {
+			isListening.value = false;
+			isSpeaking.value = false;
+			interimTranscript.value = "";
+			stopVolume();
+			callbacks.onEnd?.();
+		};
+		next.onspeechstart = () => {
+			isSpeaking.value = true;
+		};
+		next.onspeechend = () => {
+			isSpeaking.value = false;
+		};
+		next.onresult = (event) => {
+			let interim = "";
+			for (let index = event.resultIndex; index < event.results.length; index += 1) {
+				const result = event.results[index];
+				if (!result) continue;
+				let transcript = result[0].transcript;
+				if (callbacks.transformTranscript) transcript = callbacks.transformTranscript(transcript);
+				if (result.isFinal) {
+					callbacks.onResult?.(transcript);
+					callbacks.onTranscript?.(transcript, true);
+					interimTranscript.value = "";
+				} else interim += transcript;
+			}
+			if (interim) {
+				interimTranscript.value = interim;
+				callbacks.onTranscript?.(interim, false);
+			}
+		};
+		next.onerror = (event) => {
+			callbacks.onError?.(event);
+		};
+		next.onnomatch = () => {
+			callbacks.onError?.({
+				error: "no-speech",
+				message: messages.value.chat.noSpeechDetected
+			});
+		};
+		recognition = next;
+		next.start();
+	}
+	function stop() {
+		recognition?.stop();
+	}
+	function abort() {
+		recognition?.abort();
+		stopVolume();
+	}
+	function toggle() {
+		if (isListening.value) stop();
+		else start();
+	}
+	onScopeDispose(() => {
+		recognition?.abort();
+		recognition = null;
+		stopVolume();
+	});
+	return {
+		isSupported,
+		isListening: computed(() => isListening.value),
+		isSpeaking: computed(() => isSpeaking.value),
+		volume: computed(() => volume.value),
+		bands: computed(() => bands.value),
+		rawBands: computed(() => rawBands.value),
+		interimTranscript: computed(() => interimTranscript.value),
+		start,
+		stop,
+		abort,
+		toggle
+	};
+}
+//#endregion
+//#region src/Chat/useChatDictation.ts
+const CAPS_VOLUME = .15;
+const CAPS_SAMPLES = 10;
+const VOLUME_HISTORY = 30;
+function composerEditable() {
+	const active = document.activeElement;
+	if (active instanceof HTMLElement && active.getAttribute("contenteditable") === "true") return active;
+	return document.querySelector(".astryx-chat-composer-input [contenteditable=\"true\"], [role=\"textbox\"][contenteditable=\"true\"]");
+}
+function audioContextOf(explicit) {
+	return explicit ?? getSharedAudioContext();
+}
+/**
+* Voice input for the composer.
+*
+* Uses the browser SpeechRecognition API. Sustained loud speech is written in
+* capitals. Pass `input` to drop interim text into ChatComposerInput.
+*/
+function useChatDictation(options = {}) {
+	const history = [];
+	const interimSpan = ref(null);
+	const hasSounds = options.hasSounds ?? false;
+	function onVolumeSample(level) {
+		history.push(level);
+		if (history.length > VOLUME_HISTORY) history.shift();
+	}
+	function transformTranscript(text) {
+		const rewritten = options.transformTranscript ? options.transformTranscript(text) : text;
+		if ((history.length > 0 ? history.reduce((sum, value) => sum + value, 0) / history.length : 0) >= CAPS_VOLUME && history.length >= CAPS_SAMPLES) return rewritten.toUpperCase();
+		return rewritten;
+	}
+	function removeInterim() {
+		const span = interimSpan.value;
+		if (span?.isConnected) span.remove();
+		interimSpan.value = null;
+	}
+	function insertInterim() {
+		const editable = composerEditable();
+		if (!editable) return null;
+		const span = document.createElement("span");
+		span.setAttribute("data-astryx-dictation-interim", "");
+		span.contentEditable = "false";
+		span.className = "astryx-chat-composer-input__interim";
+		editable.append(span);
+		interimSpan.value = span;
+		editable.dispatchEvent(new Event("input", { bubbles: true }));
+		return span;
+	}
+	const speech = useSpeechRecognition({
+		lang: options.lang,
+		continuous: options.continuous,
+		interimResults: options.interimResults,
+		audioContext: options.audioContext,
+		onError: options.onError,
+		transformTranscript,
+		onVolumeSample,
+		onTranscript: (transcript, isFinal) => {
+			if (options.input) {
+				if (isFinal) {
+					removeInterim();
+					const handle = options.input.value;
+					if (handle) {
+						handle.focus();
+						handle.insertText(`${transcript} `);
+					}
+					options.onResult?.(transcript);
+					insertInterim();
+				} else if (interimSpan.value) interimSpan.value.textContent = transcript;
+				else {
+					const span = insertInterim();
+					if (span) span.textContent = transcript;
+				}
+			}
+			options.onTranscript?.(transcript, isFinal);
+		},
+		onResult: options.input ? void 0 : options.onResult,
+		onStart: () => {
+			if (hasSounds) playDictationStart(() => audioContextOf(options.audioContext));
+			if (options.input) insertInterim();
+			options.onStart?.();
+		},
+		onEnd: () => {
+			if (hasSounds) playDictationStop(() => audioContextOf(options.audioContext));
+			if (options.input) {
+				removeInterim();
+				composerEditable()?.dispatchEvent(new Event("input", { bubbles: true }));
+			}
+			history.length = 0;
+			options.onEnd?.();
+		}
+	});
+	onScopeDispose(removeInterim);
+	return speech;
+}
+//#endregion
+export { useChatLayoutContext as C, pastedTextLabel as D, PASTE_TOKEN_THRESHOLD as E, useChatPasteAsToken as O, useChatComposerContext as S, useChatMessageContext as T, _sfc_main$17 as _, _sfc_main$2 as a, _sfc_main$20 as b, _sfc_main$7 as c, _sfc_main$11 as d, _sfc_main$12 as f, _sfc_main$16 as g, _sfc_main$15 as h, _sfc_main$1 as i, _sfc_main$8 as l, _sfc_main$14 as m, useSpeechRecognition as n, _sfc_main$5 as o, _sfc_main$13 as p, _sfc_main as r, _sfc_main$6 as s, useChatDictation as t, _sfc_main$10 as u, _sfc_main$18 as v, useChatListContext as w, useChatComposerTokens as x, _sfc_main$19 as y };