@pagelines/sdk 1.0.760 → 1.0.762

package/dist/AgentWrap.js

@@ -1,12 +1,12 @@
 import "./rolldown-runtime.js";
 import { s as e, t } from "./sdkClient.js";
 import { Agent as n, CHAT_ISSUE_COPY as r, SettingsObject as i, createLogger as a, getDefaultAvatarUrl as o, isAssistantSilenceControl as s, parseChatCardFencePayload as c, parseChatVisualFencePayload as u } from "@pagelines/core";
-import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as _, createElementVNode as v, createTextVNode as b, createVNode as x, defineComponent as S, nextTick as C, normalizeClass as T, normalizeStyle as k, onBeforeUnmount as te, onMounted as ne, onUnmounted as re, openBlock as A, ref as j, renderList as M, renderSlot as ie, resolveDynamicComponent as P, shallowRef as ae, toDisplayString as F, unref as oe, vModelText as se, watch as ce, withCtx as I, withDirectives as ue, withKeys as de, withModifiers as pe } from "vue";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as _, createElementVNode as v, createTextVNode as b, createVNode as x, defineComponent as S, nextTick as C, normalizeClass as T, normalizeStyle as k, onBeforeUnmount as A, onMounted as te, onUnmounted as ne, openBlock as j, ref as M, renderList as P, renderSlot as re, resolveDynamicComponent as F, shallowRef as ie, toDisplayString as I, unref as ae, vModelText as oe, watch as se, withCtx as R, withDirectives as ce, withKeys as ue, withModifiers as de } from "vue";
 //#region ui/FSpinner.vue?vue&type=script&setup=true&lang.ts
-var R = { class: "spinner max-w-sm" }, B = {
+var B = { class: "spinner max-w-sm" }, H = {
 	class: "ring-circular h-full w-full origin-center",
 	viewBox: "25 25 50 50"
-}, he = /* @__PURE__ */ S({
+}, pe = /* @__PURE__ */ S({
 	__name: "FSpinner",
 	props: {
 		width: {
@@ -19,7 +19,7 @@ var R = { class: "spinner max-w-sm" }, B = {
 		}
 	},
 	setup(e) {
-		return (t, n) => (A(), _("div", R, [(A(), _("svg", B, [v("circle", {
+		return (t, n) => (j(), _("div", B, [(j(), _("svg", H, [v("circle", {
 			class: T([e.colorMode, "ring-path"]),
 			cx: "50",
 			cy: "50",
@@ -30,7 +30,7 @@ var R = { class: "spinner max-w-sm" }, B = {
 			"stroke-miterlimit": "30"
 		}, null, 2)]))]));
 	}
-}), _e = [
+}), he = [
 	{
 		mode: "self",
 		label: "Overview",
@@ -70,7 +70,7 @@ function recorderMimeType() {
 }
 var VoiceRecorderController = class extends i {
 	constructor(t) {
-		super("VoiceRecorderController", t), e(this, "state", j({
+		super("VoiceRecorderController", t), e(this, "state", M({
 			phase: "idle",
 			elapsedMs: 0
 		})), e(this, "isActive", p(() => this.state.value.phase !== "idle")), e(this, "isBusy", p(() => this.state.value.phase !== "idle")), e(this, "elapsedLabel", p(() => formatVoiceRecordingDuration({ ms: this.state.value.elapsedMs }))), e(this, "statusText", p(() => this.state.value.phase === "preparing" ? "Starting microphone" : this.state.value.phase === "sending" ? "Sending voice message" : "Release to send")), e(this, "recorder", void 0), e(this, "stream", void 0), e(this, "chunks", []), e(this, "timer", void 0), e(this, "startedAt", 0), e(this, "cancelOnStop", !1), e(this, "stopAfterStart", !1), e(this, "startToken", 0);
@@ -185,7 +185,7 @@ var VoiceRecorderController = class extends i {
 function durableJournalOutcome(e) {
 	return e.turnOutcome === "failed" ? "failed" : e.turnOutcome === "stopped" ? "stopped" : e.sender === "system" ? "failed" : "completed";
 }
-var H = {
+var _e = {
 	waiting: "Waiting for results",
 	finishing: "Finishing up",
 	completed: "Work complete",
@@ -247,7 +247,7 @@ function buildWorkJournalModel(e) {
 		terminal: {
 			id: "work-complete",
 			tone: "completed",
-			label: H.completed
+			label: _e.completed
 		}
 	};
 	if (n === "failed") {
@@ -261,7 +261,7 @@ function buildWorkJournalModel(e) {
 			terminal: {
 				id: "work-failed",
 				tone: "failed",
-				label: H.failed,
+				label: _e.failed,
 				...o && e?.note ? { note: e.note } : {}
 			}
 		};
@@ -275,7 +275,7 @@ function buildWorkJournalModel(e) {
 			terminal: {
 				id: "work-stopped",
 				tone: "stopped",
-				label: H.stopped
+				label: _e.stopped
 			}
 		};
 	}
@@ -285,8 +285,8 @@ function buildWorkJournalModel(e) {
 	}, Infinity), h = p + ve, _ = (Number.isFinite(m) ? m : p) + U, v = r >= h, b = u || v ? {
 		id: u?.activityId ?? "work-active",
 		tone: "active",
-		label: v ? u ? H.waiting : H.finishing : u.label
-	} : void 0, x = v && r >= _ ? i ? H.notifyHint : H.leaveHint : void 0, S = [h, _].filter((e) => e > r).sort((e, t) => e - t)[0];
+		label: v ? u ? _e.waiting : _e.finishing : u.label
+	} : void 0, x = v && r >= _ ? i ? _e.notifyHint : _e.leaveHint : void 0, S = [h, _].filter((e) => e > r).sort((e, t) => e - t)[0];
 	return {
 		outcome: n,
 		visibleRows: s,
@@ -424,12 +424,12 @@ var AgentChatController = class extends i {
 		super("AgentChatController", t), e(this, "isTextMode", !1), e(this, "lastMessage", {
 			hash: "",
 			time: 0
-		}), e(this, "isConnecting", !1), e(this, "turnEpoch", 0), e(this, "nextStreamToken", 0), e(this, "runningStreamToken", void 0), e(this, "suppressedStreamTokens", /* @__PURE__ */ new Set()), e(this, "queuedMessageIdSet", j(/* @__PURE__ */ new Set())), e(this, "queuedMessageIds", p(() => this.queuedMessageIdSet.value)), e(this, "boundaryTimer", void 0), e(this, "nowMs", ae(Date.now())), e(this, "toolActivityTiming", ae({})), e(this, "lastVisibleProgressAtMs", ae()), e(this, "liveSegments", ae([])), e(this, "liveStreamMessageId", ae(void 0)), e(this, "conversationId", void 0), e(this, "textState", j({
+		}), e(this, "isConnecting", !1), e(this, "turnEpoch", 0), e(this, "nextStreamToken", 0), e(this, "runningStreamToken", void 0), e(this, "suppressedStreamTokens", /* @__PURE__ */ new Set()), e(this, "queuedMessageIdSet", M(/* @__PURE__ */ new Set())), e(this, "queuedMessageIds", p(() => this.queuedMessageIdSet.value)), e(this, "boundaryTimer", void 0), e(this, "nowMs", ie(Date.now())), e(this, "toolActivityTiming", ie({})), e(this, "lastVisibleProgressAtMs", ie()), e(this, "liveSegments", ie([])), e(this, "liveStreamMessageId", ie(void 0)), e(this, "conversationId", void 0), e(this, "textState", M({
 			isActive: !1,
 			isConnected: !1,
 			isThinking: !1,
 			connectionStatus: "disconnected"
-		})), e(this, "agentMode", j("self")), e(this, "sharedMessages", j([])), e(this, "composerState", j({
+		})), e(this, "agentMode", M("self")), e(this, "sharedMessages", M([])), e(this, "composerState", M({
 			text: "",
 			pendingAttachments: [],
 			isUploading: !1
@@ -606,7 +606,7 @@ Current User:
 		});
 	}
 	setupBoundaryWatcher() {
-		ce(() => this.workJournal.value?.nextBoundaryAtMs, (e) => {
+		se(() => this.workJournal.value?.nextBoundaryAtMs, (e) => {
 			this.scheduleBoundary(e);
 		});
 	}
@@ -668,12 +668,12 @@ Current User:
 		});
 	}
 	setupModeWatcher() {
-		ce(this.agentMode, async (e, t) => {
+		se(this.agentMode, async (e, t) => {
 			this.logger.info(`Mode changed from ${t} to ${e}`), this.isTextMode && (t === "talk" || t === "chat") && await this.endConversation();
 		});
 	}
 	setupAvailabilityWatcher() {
-		ce(() => this.chatEnabled, (e) => {
+		se(() => this.chatEnabled, (e) => {
 			if (!(!this.isTextMode || this.isConnecting)) {
 				if (e) {
 					this.textState.value.isConnected || this.updateState(this.textState, {
@@ -1013,13 +1013,13 @@ var Ce = {
 			md: "size-4",
 			lg: "size-5"
 		})[e.size]);
-		return (i, a) => (A(), _("button", { class: T(["relative inline-flex items-center justify-center gap-2 font-medium rounded-full backdrop-blur-sm border-2 text-white transition-all duration-200 focus:outline-none active:opacity-80 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer", [t.value, n.value]]) }, [e.loading ? (A(), _("div", Ce, [...a[0] || (a[0] = [v("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)])])) : h("", !0), v("span", { class: T(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"]) }, [
-			e.icon ? (A(), _("i", {
+		return (i, a) => (j(), _("button", { class: T(["relative inline-flex items-center justify-center gap-2 font-medium rounded-full backdrop-blur-sm border-2 text-white transition-all duration-200 focus:outline-none active:opacity-80 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer", [t.value, n.value]]) }, [e.loading ? (j(), _("div", Ce, [...a[0] || (a[0] = [v("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)])])) : h("", !0), v("span", { class: T(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"]) }, [
+			e.icon ? (j(), _("i", {
 				key: 0,
 				class: T([e.icon, r.value])
 			}, null, 2)) : h("", !0),
-			ie(i.$slots, "default"),
-			e.iconAfter ? (A(), _("i", {
+			re(i.$slots, "default"),
+			e.iconAfter ? (j(), _("i", {
 				key: 1,
 				class: T([e.iconAfter, r.value])
 			}, null, 2)) : h("", !0)
@@ -1031,7 +1031,7 @@ var Ce = {
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (A(), _("input", {
+		return (t, r) => (j(), _("input", {
 			name: "username",
 			type: "email",
 			inputmode: "email",
@@ -1055,15 +1055,15 @@ var Ce = {
 	},
 	emits: ["update:modelValue", "autoSubmit"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = j(null), a = p(() => "0".repeat(n.length));
-		ne(() => {
+		let n = e, r = t, i = M(null), a = p(() => "0".repeat(n.length));
+		te(() => {
 			n.focusFirst && !("ontouchstart" in window) && i.value?.focus();
 		});
 		function onInput(e) {
 			let t = e.target.value.replace(/\D/g, "").slice(0, n.length);
 			r("update:modelValue", t), t.length === n.length && r("autoSubmit", t);
 		}
-		return (t, n) => (A(), _("input", {
+		return (t, n) => (j(), _("input", {
 			ref_key: "input",
 			ref: i,
 			name: "one-time-code",
@@ -1096,15 +1096,15 @@ var Ce = {
 		layout: { default: "centered" }
 	},
 	setup(e) {
-		return (t, n) => (A(), _("div", { class: T(["flex gap-4", [e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"]]) }, [v("div", ke, [v("div", { class: T(["rounded-full overflow-hidden border-white", e.size === "lg" ? "w-20 h-20 sm:w-24 sm:h-24 border-4" : "w-16 sm:size-16 border-2"]) }, [v("img", {
+		return (t, n) => (j(), _("div", { class: T(["flex gap-4", [e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"]]) }, [v("div", ke, [v("div", { class: T(["rounded-full overflow-hidden border-white", e.size === "lg" ? "w-20 h-20 sm:w-24 sm:h-24 border-4" : "w-16 sm:size-16 border-2"]) }, [v("img", {
 			src: e.agent.avatarUrl.value,
 			alt: e.agent.displayName.value,
 			class: "w-full h-full object-cover",
-			onError: n[0] || (n[0] = (...e) => oe(handleImageError) && oe(handleImageError)(...e))
-		}, null, 40, Ae)], 2), v("div", je, [e.isOnline ? (A(), _(f, { key: 0 }, [n[1] || (n[1] = v("div", {
+			onError: n[0] || (n[0] = (...e) => ae(handleImageError) && ae(handleImageError)(...e))
+		}, null, 40, Ae)], 2), v("div", je, [e.isOnline ? (j(), _(f, { key: 0 }, [n[1] || (n[1] = v("div", {
 			class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
 			style: { "animation-duration": "3s" }
-		}, null, -1)), n[2] || (n[2] = v("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))], 64)) : (A(), _("div", Me))])]), v("div", Ne, [v("h1", { class: T(["font-light text-white mb-1 truncate", [e.size === "lg" ? "text-3xl mb-2" : "text-xl sm:text-2xl tracking-wide leading-tight", e.layout === "horizontal" ? "text-white/95" : ""]]) }, F(e.agent.displayName.value), 3), v("p", { class: T(["font-light line-clamp-1", [e.size === "lg" ? "text-base text-white/60" : "text-sm sm:text-base", e.layout === "horizontal" ? "text-white/70 truncate" : "text-white/60"]]) }, F(e.layout === "horizontal" ? e.agent.title.value || "Assistant" : e.agent.title.value), 3)])], 2));
+		}, null, -1)), n[2] || (n[2] = v("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))], 64)) : (j(), _("div", Me))])]), v("div", Ne, [v("h1", { class: T(["font-light text-white mb-1 truncate", [e.size === "lg" ? "text-3xl mb-2" : "text-xl sm:text-2xl tracking-wide leading-tight", e.layout === "horizontal" ? "text-white/95" : ""]]) }, I(e.agent.displayName.value), 3), v("p", { class: T(["font-light line-clamp-1", [e.size === "lg" ? "text-base text-white/60" : "text-sm sm:text-base", e.layout === "horizontal" ? "text-white/70 truncate" : "text-white/60"]]) }, I(e.layout === "horizontal" ? e.agent.title.value || "Assistant" : e.agent.title.value), 3)])], 2));
 	}
 }), Fe = { class: "relative shrink-0 rounded-full" }, Ie = ["src", "alt"], Le = ["src", "alt"], Re = ["aria-label"], ze = /* @__PURE__ */ S({
 	__name: "AgentAvatar",
@@ -1138,26 +1138,26 @@ var Ce = {
 			top: "calc(14.6% - clamp(3.5px, 7%, 7px))",
 			right: "calc(14.6% - clamp(3.5px, 7%, 7px))"
 		}, i = p(() => e.isLight ? "ring-white" : "ring-theme-900");
-		return (t, a) => (A(), _("div", Fe, [
+		return (t, a) => (j(), _("div", Fe, [
 			v("img", {
 				src: e.agent.avatarUrl.value,
 				alt: e.agent.displayName.value,
 				class: T(["size-full rounded-full object-cover ring-1", e.isLight ? "ring-black/5" : "ring-white/10"])
 			}, null, 10, Ie),
-			e.showOwnerMark && e.agent.ownerMarkUrl.value ? (A(), _("img", {
+			e.showOwnerMark && e.agent.ownerMarkUrl.value ? (j(), _("img", {
 				key: 0,
 				src: e.agent.ownerMarkUrl.value,
 				alt: e.agent.owner.value?.fullName ? `Owned by ${e.agent.owner.value.fullName}` : "Owner",
 				class: T(["absolute z-10 size-[36%] -bottom-[3%] -left-[3%] rounded-full object-cover ring-2", i.value])
 			}, null, 10, Le)) : h("", !0),
-			n.value ? (A(), _("span", {
+			n.value ? (j(), _("span", {
 				key: 1,
 				role: "status",
 				"aria-label": e.agent.state.value.tooltip,
 				class: T(["absolute z-10 rounded-full ring-2", [n.value, i.value]]),
 				style: r
 			}, null, 10, Re)) : h("", !0),
-			n.value && e.agent.state.value.lifecycle === "running" ? (A(), _("span", {
+			n.value && e.agent.state.value.lifecycle === "running" ? (j(), _("span", {
 				key: 2,
 				"aria-hidden": "true",
 				class: T(["pointer-events-none absolute rounded-full animate-ping opacity-50 [animation-duration:3s]", n.value]),
@@ -1186,7 +1186,7 @@ var Ce = {
 		isLight: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = ae(!1);
+		let t = e, n = ie(!1);
 		function toggle() {
 			n.value = !n.value;
 		}
@@ -1256,9 +1256,9 @@ var Ce = {
 				}
 			};
 		});
-		return (t, u) => (A(), _("div", { class: T(["w-full py-0.5", s.value.muted]) }, [
-			a.value ? (A(), _("span", Be, F(a.value), 1)) : h("", !0),
-			r.value ? (A(), _("button", {
+		return (t, u) => (j(), _("div", { class: T(["w-full py-0.5", s.value.muted]) }, [
+			a.value ? (j(), _("span", Be, I(a.value), 1)) : h("", !0),
+			r.value ? (j(), _("button", {
 				key: 1,
 				type: "button",
 				"data-test": "messaging-tool-activity-summary",
@@ -1273,13 +1273,13 @@ var Ce = {
 					class: "i-tabler-circle-check size-3.5 shrink-0 text-green-600",
 					"aria-hidden": "true"
 				}, null, -1)),
-				v("span", { class: T(["text-[12.5px] font-medium leading-none", s.value.muted]) }, F(e.model.terminal?.label), 3),
-				i.value ? (A(), _("i", {
+				v("span", { class: T(["text-[12.5px] font-medium leading-none", s.value.muted]) }, I(e.model.terminal?.label), 3),
+				i.value ? (j(), _("i", {
 					key: 0,
 					class: T(["size-[13px] shrink-0", [n.value ? "i-tabler-chevron-down" : "i-tabler-chevron-right", s.value.muted]]),
 					"aria-hidden": "true"
 				}, null, 2)) : h("", !0)
-			], 10, Ve)) : i.value ? (A(), _("button", {
+			], 10, Ve)) : i.value ? (j(), _("button", {
 				key: 2,
 				type: "button",
 				"data-test": "messaging-tool-activity-summary",
@@ -1290,30 +1290,30 @@ var Ce = {
 			}, [v("span", Ue, [v("span", {
 				"data-journal-spine": "dashed",
 				class: T(["w-0 border-l border-dashed", s.value.dashed])
-			}, null, 2)]), v("span", { class: T(["flex min-h-[20px] items-center gap-0.5 pb-2 text-[12px] leading-none", s.value.muted]) }, [b(F(i.value) + " earlier updates ", 1), v("i", {
+			}, null, 2)]), v("span", { class: T(["flex min-h-[20px] items-center gap-0.5 pb-2 text-[12px] leading-none", s.value.muted]) }, [b(I(i.value) + " earlier updates ", 1), v("i", {
 				class: T(["size-3 shrink-0", n.value ? "i-tabler-chevron-down" : "i-tabler-chevron-right"]),
 				"aria-hidden": "true"
 			}, null, 2)], 2)], 10, He)) : h("", !0),
-			(A(!0), _(f, null, M(o.value, (e, t) => (A(), _("div", {
+			(j(!0), _(f, null, P(o.value, (e, t) => (j(), _("div", {
 				key: e.id,
 				"data-test": "messaging-tool-activity-row",
 				"data-journal-row": e.tone,
 				class: T([r.value ? "pl-[22px]" : "", "flex gap-x-2.5"])
-			}, [v("div", Ge, [v("span", Ke, [(A(), m(P(c.value[e.tone].station.tag), {
+			}, [v("div", Ge, [v("span", Ke, [(j(), m(F(c.value[e.tone].station.tag), {
 				"data-journal-station": e.tone,
 				class: T(c.value[e.tone].station.class)
-			}, null, 8, ["data-journal-station", "class"]))]), t === o.value.length - 1 ? h("", !0) : (A(), _("span", {
+			}, null, 8, ["data-journal-station", "class"]))]), t === o.value.length - 1 ? h("", !0) : (j(), _("span", {
 				key: 0,
 				class: T(["w-px flex-1", s.value.spine])
-			}, null, 2))]), v("div", { class: T(["min-w-0 flex-1", t === o.value.length - 1 ? "" : "pb-2"]) }, [v("span", { class: T(["relative block leading-snug", c.value[e.tone].label]) }, [b(F(e.label), 1), c.value[e.tone].statusWord ? (A(), _("span", qe, ", " + F(c.value[e.tone].statusWord), 1)) : h("", !0)], 2), e.note ? (A(), _("p", {
+			}, null, 2))]), v("div", { class: T(["min-w-0 flex-1", t === o.value.length - 1 ? "" : "pb-2"]) }, [v("span", { class: T(["relative block leading-snug", c.value[e.tone].label]) }, [b(I(e.label), 1), c.value[e.tone].statusWord ? (j(), _("span", qe, ", " + I(c.value[e.tone].statusWord), 1)) : h("", !0)], 2), e.note ? (j(), _("p", {
 				key: 0,
 				class: T(["pt-0.5 text-[11.5px] leading-snug", s.value.muted])
-			}, F(e.note), 3)) : h("", !0)], 2)], 10, We))), 128)),
-			!r.value && e.model.hint ? (A(), _("p", {
+			}, I(e.note), 3)) : h("", !0)], 2)], 10, We))), 128)),
+			!r.value && e.model.hint ? (j(), _("p", {
 				key: 3,
 				"data-test": "messaging-tool-activity-hint",
 				class: T(["pl-[30px] pt-2.5 text-[12px] leading-snug", s.value.muted])
-			}, F(e.model.hint), 3)) : h("", !0)
+			}, I(e.model.hint), 3)) : h("", !0)
 		], 2));
 	}
 });
@@ -1358,7 +1358,7 @@ function _unsupportedIterableToArray(e, t) {
 		return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? _arrayLikeToArray(e, t) : void 0;
 	}
 }
-var Ye = Object.entries, K = Object.setPrototypeOf, Xe = Object.isFrozen, Ze = Object.getPrototypeOf, Qe = Object.getOwnPropertyDescriptor, q = Object.freeze, J = Object.seal, $e = Object.create, et = typeof Reflect < "u" && Reflect, tt = et.apply, nt = et.construct;
+var Ye = Object.entries, Xe = Object.setPrototypeOf, K = Object.isFrozen, Ze = Object.getPrototypeOf, Qe = Object.getOwnPropertyDescriptor, q = Object.freeze, J = Object.seal, $e = Object.create, et = typeof Reflect < "u" && Reflect, tt = et.apply, nt = et.construct;
 q || (q = function freeze(e) {
 	return e;
 }), J || (J = function seal(e) {
@@ -1384,13 +1384,13 @@ function unconstruct(e) {
 }
 function addToSet(e, t) {
 	let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ut;
-	if (K && K(e, null), !lt(t)) return e;
+	if (Xe && Xe(e, null), !lt(t)) return e;
 	let r = t.length;
 	for (; r--;) {
 		let i = t[r];
 		if (typeof i == "string") {
 			let e = n(i);
-			e !== i && (Xe(t) || (t[r] = e), i = e);
+			e !== i && (K(t) || (t[r] = e), i = e);
 		}
 		e[i] = !0;
 	}
@@ -1581,27 +1581,27 @@ function createDOMPurify() {
 		let e = t.createElement("template");
 		e.content && e.content.ownerDocument && (t = e.content.ownerDocument);
 	}
-	let T, k = "", te, ne = !1, re = 0, A = function _assertNotInTrustedTypesPolicy() {
-		if (re > 0) throw xt("A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the \"DOMPurify and Trusted Types\" section of the README.");
-	}, j = function _createTrustedHTML(e) {
-		A(), re++;
+	let T, k = "", A, te = !1, ne = 0, j = function _assertNotInTrustedTypesPolicy() {
+		if (ne > 0) throw xt("A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the \"DOMPurify and Trusted Types\" section of the README.");
+	}, M = function _createTrustedHTML(e) {
+		j(), ne++;
 		try {
 			return T.createHTML(e);
 		} finally {
-			re--;
+			ne--;
 		}
-	}, M = function _createTrustedScriptURL(e) {
-		A(), re++;
+	}, P = function _createTrustedScriptURL(e) {
+		j(), ne++;
 		try {
 			return T.createScriptURL(e);
 		} finally {
-			re--;
+			ne--;
 		}
-	}, ie = function _getDefaultTrustedTypesPolicy() {
-		return ne || (te = Yt(u, r), ne = !0), te;
-	}, P = t, ae = P.implementation, F = P.createNodeIterator, oe = P.createDocumentFragment, se = P.getElementsByTagName, ce = n.importNode, I = Xt();
-	DOMPurify.isSupported = typeof Ye == "function" && typeof v == "function" && ae && ae.createHTMLDocument !== void 0;
-	let ue = Nt, de = Pt, pe = Ft, R = It, B = Lt, he = zt, _e = Bt, H = Ht, ve = Rt, U = null, ye = addToSet({}, [
+	}, re = function _getDefaultTrustedTypesPolicy() {
+		return te || (A = Yt(u, r), te = !0), A;
+	}, F = t, ie = F.implementation, I = F.createNodeIterator, ae = F.createDocumentFragment, oe = F.getElementsByTagName, se = n.importNode, R = Xt();
+	DOMPurify.isSupported = typeof Ye == "function" && typeof v == "function" && ie && ie.createHTMLDocument !== void 0;
+	let ce = Nt, ue = Pt, de = Ft, B = It, H = Lt, pe = zt, he = Bt, _e = Ht, ve = Rt, U = null, ye = addToSet({}, [
 		...St,
 		...Ct,
 		...wt,
@@ -1651,7 +1651,7 @@ function createDOMPurify() {
 		"source",
 		"image",
 		"track"
-	]), K = null, Xe = addToSet({}, [
+	]), Xe = null, K = addToSet({}, [
 		"alt",
 		"class",
 		"for",
@@ -1687,15 +1687,15 @@ function createDOMPurify() {
 	}, on = function _parseConfig() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
 		if (nn && nn === e) return;
-		(!e || typeof e != "object") && (e = {}), e = clone(e), en = tn.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Q = en === "application/xhtml+xml" ? dt : ut, U = Zt(e, "ALLOWED_TAGS", ye, { transform: Q }), W = Zt(e, "ALLOWED_ATTR", be, { transform: Q }), gt = Zt(e, "ALLOWED_NAMESPACES", _t, { transform: dt }), K = Zt(e, "ADD_URI_SAFE_ATTR", Xe, {
+		(!e || typeof e != "object") && (e = {}), e = clone(e), en = tn.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Q = en === "application/xhtml+xml" ? dt : ut, U = Zt(e, "ALLOWED_TAGS", ye, { transform: Q }), W = Zt(e, "ALLOWED_ATTR", be, { transform: Q }), gt = Zt(e, "ALLOWED_NAMESPACES", _t, { transform: dt }), Xe = Zt(e, "ADD_URI_SAFE_ATTR", K, {
 			transform: Q,
-			base: Xe
+			base: K
 		}), qe = Zt(e, "ADD_DATA_URI_TAGS", Je, {
 			transform: Q,
 			base: Je
 		}), Ge = Zt(e, "FORBID_CONTENTS", Ke, { transform: Q }), Se = Zt(e, "FORBID_TAGS", clone({}), { transform: Q }), Ce = Zt(e, "FORBID_ATTR", clone({}), { transform: Q }), We = X(e, "USE_PROFILES") ? e.USE_PROFILES && typeof e.USE_PROFILES == "object" ? clone(e.USE_PROFILES) : e.USE_PROFILES : !1, Te = e.ALLOW_ARIA_ATTR !== !1, Ee = e.ALLOW_DATA_ATTR !== !1, De = e.ALLOW_UNKNOWN_PROTOCOLS || !1, Oe = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, ke = e.SAFE_FOR_TEMPLATES || !1, Ae = e.SAFE_FOR_XML !== !1, je = e.WHOLE_DOCUMENT || !1, Ie = e.RETURN_DOM || !1, Le = e.RETURN_DOM_FRAGMENT || !1, Re = e.RETURN_TRUSTED_TYPE || !1, Fe = e.FORCE_BODY || !1, ze = e.SANITIZE_DOM !== !1, Be = e.SANITIZE_NAMED_PROPS || !1, He = e.KEEP_CONTENT !== !1, Ue = e.IN_PLACE || !1, ve = isRegex(e.ALLOWED_URI_REGEXP) ? e.ALLOWED_URI_REGEXP : Rt, tt = typeof e.NAMESPACE == "string" ? e.NAMESPACE : et, yt = X(e, "MATHML_TEXT_INTEGRATION_POINTS") && e.MATHML_TEXT_INTEGRATION_POINTS && typeof e.MATHML_TEXT_INTEGRATION_POINTS == "object" ? clone(e.MATHML_TEXT_INTEGRATION_POINTS) : addToSet({}, vt), Qt = X(e, "HTML_INTEGRATION_POINTS") && e.HTML_INTEGRATION_POINTS && typeof e.HTML_INTEGRATION_POINTS == "object" ? clone(e.HTML_INTEGRATION_POINTS) : addToSet({}, bt);
 		let t = X(e, "CUSTOM_ELEMENT_HANDLING") && e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING == "object" ? clone(e.CUSTOM_ELEMENT_HANDLING) : $e(null);
-		if (G = $e(null), X(t, "tagNameCheck") && an(t.tagNameCheck) && (G.tagNameCheck = t.tagNameCheck), X(t, "attributeNameCheck") && an(t.attributeNameCheck) && (G.attributeNameCheck = t.attributeNameCheck), X(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (G.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), J(G), ke && (Ee = !1), Le && (Ie = !0), We && (U = addToSet({}, Ot), W = $e(null), We.html === !0 && (addToSet(U, St), addToSet(W, kt)), We.svg === !0 && (addToSet(U, Ct), addToSet(W, At), addToSet(W, Mt)), We.svgFilters === !0 && (addToSet(U, wt), addToSet(W, At), addToSet(W, Mt)), We.mathMl === !0 && (addToSet(U, Et), addToSet(W, jt), addToSet(W, Mt))), we.tagCheck = null, we.attributeCheck = null, X(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? we.tagCheck = e.ADD_TAGS : lt(e.ADD_TAGS) && (U === ye && (U = clone(U)), addToSet(U, e.ADD_TAGS, Q))), X(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? we.attributeCheck = e.ADD_ATTR : lt(e.ADD_ATTR) && (W === be && (W = clone(W)), addToSet(W, e.ADD_ATTR, Q))), X(e, "ADD_URI_SAFE_ATTR") && lt(e.ADD_URI_SAFE_ATTR) && addToSet(K, e.ADD_URI_SAFE_ATTR, Q), X(e, "FORBID_CONTENTS") && lt(e.FORBID_CONTENTS) && (Ge === Ke && (Ge = clone(Ge)), addToSet(Ge, e.FORBID_CONTENTS, Q)), X(e, "ADD_FORBID_CONTENTS") && lt(e.ADD_FORBID_CONTENTS) && (Ge === Ke && (Ge = clone(Ge)), addToSet(Ge, e.ADD_FORBID_CONTENTS, Q)), He && (U["#text"] = !0), je && addToSet(U, [
+		if (G = $e(null), X(t, "tagNameCheck") && an(t.tagNameCheck) && (G.tagNameCheck = t.tagNameCheck), X(t, "attributeNameCheck") && an(t.attributeNameCheck) && (G.attributeNameCheck = t.attributeNameCheck), X(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (G.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), J(G), ke && (Ee = !1), Le && (Ie = !0), We && (U = addToSet({}, Ot), W = $e(null), We.html === !0 && (addToSet(U, St), addToSet(W, kt)), We.svg === !0 && (addToSet(U, Ct), addToSet(W, At), addToSet(W, Mt)), We.svgFilters === !0 && (addToSet(U, wt), addToSet(W, At), addToSet(W, Mt)), We.mathMl === !0 && (addToSet(U, Et), addToSet(W, jt), addToSet(W, Mt))), we.tagCheck = null, we.attributeCheck = null, X(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? we.tagCheck = e.ADD_TAGS : lt(e.ADD_TAGS) && (U === ye && (U = clone(U)), addToSet(U, e.ADD_TAGS, Q))), X(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? we.attributeCheck = e.ADD_ATTR : lt(e.ADD_ATTR) && (W === be && (W = clone(W)), addToSet(W, e.ADD_ATTR, Q))), X(e, "ADD_URI_SAFE_ATTR") && lt(e.ADD_URI_SAFE_ATTR) && addToSet(Xe, e.ADD_URI_SAFE_ATTR, Q), X(e, "FORBID_CONTENTS") && lt(e.FORBID_CONTENTS) && (Ge === Ke && (Ge = clone(Ge)), addToSet(Ge, e.FORBID_CONTENTS, Q)), X(e, "ADD_FORBID_CONTENTS") && lt(e.ADD_FORBID_CONTENTS) && (Ge === Ke && (Ge = clone(Ge)), addToSet(Ge, e.ADD_FORBID_CONTENTS, Q)), He && (U["#text"] = !0), je && addToSet(U, [
 			"html",
 			"head",
 			"body"
@@ -1705,11 +1705,11 @@ function createDOMPurify() {
 			let t = T;
 			T = e.TRUSTED_TYPES_POLICY;
 			try {
-				k = j("");
+				k = M("");
 			} catch (e) {
 				throw T = t, e;
 			}
-		} else e.TRUSTED_TYPES_POLICY === null ? (T = void 0, k = "") : (T === void 0 && (T = ie()), T && typeof k == "string" && (k = j("")));
+		} else e.TRUSTED_TYPES_POLICY === null ? (T = void 0, k = "") : (T === void 0 && (T = re()), T && typeof k == "string" && (k = M("")));
 		q && q(e), nn = e;
 	}, sn = addToSet({}, [
 		...Ct,
@@ -1818,25 +1818,25 @@ function createDOMPurify() {
 			r = t && t[0];
 		}
 		en === "application/xhtml+xml" && tt === et && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
-		let i = T ? j(e) : e;
+		let i = T ? M(e) : e;
 		if (tt === et) try {
 			n = new c().parseFromString(i, en);
 		} catch {}
 		if (!n || !n.documentElement) {
-			n = ae.createDocument(tt, "template", null);
+			n = ie.createDocument(tt, "template", null);
 			try {
 				n.documentElement.innerHTML = nt ? k : i;
 			} catch {}
 		}
 		let a = n.body || n.documentElement;
-		return e && r && a.insertBefore(t.createTextNode(r), a.childNodes[0] || null), tt === et ? se.call(n, je ? "html" : "body")[0] : je ? n.documentElement : a;
+		return e && r && a.insertBefore(t.createTextNode(r), a.childNodes[0] || null), tt === et ? oe.call(n, je ? "html" : "body")[0] : je ? n.documentElement : a;
 	}, bn = function _createNodeIterator(e) {
-		return F.call(e.ownerDocument || e, e, s.SHOW_ELEMENT | s.SHOW_COMMENT | s.SHOW_TEXT | s.SHOW_PROCESSING_INSTRUCTION | s.SHOW_CDATA_SECTION, null);
+		return I.call(e.ownerDocument || e, e, s.SHOW_ELEMENT | s.SHOW_COMMENT | s.SHOW_TEXT | s.SHOW_PROCESSING_INSTRUCTION | s.SHOW_CDATA_SECTION, null);
 	}, xn = function _stripTemplateExpressions(e) {
-		return e = pt(e, ue, " "), e = pt(e, de, " "), e = pt(e, pe, " "), e;
+		return e = pt(e, ce, " "), e = pt(e, ue, " "), e = pt(e, de, " "), e;
 	}, Sn = function _scrubTemplateExpressions(e) {
 		e.normalize();
-		let t = F.call(e.ownerDocument || e, e, s.SHOW_TEXT | s.SHOW_COMMENT | s.SHOW_CDATA_SECTION | s.SHOW_PROCESSING_INSTRUCTION, null), n = t.nextNode();
+		let t = I.call(e.ownerDocument || e, e, s.SHOW_TEXT | s.SHOW_COMMENT | s.SHOW_CDATA_SECTION | s.SHOW_PROCESSING_INSTRUCTION, null), n = t.nextNode();
 		for (; n;) n.data = xn(n.data), n = t.nextNode();
 		let r = e.querySelectorAll?.call(e, "template");
 		r && rt(r, (e) => {
@@ -1881,31 +1881,31 @@ function createDOMPurify() {
 		}
 		return pn(e), !0;
 	}, On = function _sanitizeElements(e, t) {
-		if (_executeHooks(I.beforeSanitizeElements, e, null), e !== t && v(e) === null) return !0;
+		if (_executeHooks(R.beforeSanitizeElements, e, null), e !== t && v(e) === null) return !0;
 		if (Cn(e)) return pn(e), !0;
 		let n = Q(C ? C(e) : e.nodeName);
-		if (_executeHooks(I.uponSanitizeElement, e, {
+		if (_executeHooks(R.uponSanitizeElement, e, {
 			tagName: n,
 			allowedTags: U
 		}), e !== t && v(e) === null) return !0;
 		if (En(e, n)) return pn(e), !0;
 		if (Se[n] || !(we.tagCheck instanceof Function && we.tagCheck(n)) && !U[n]) {
 			let t = Dn(e, n);
-			return t === !1 && _executeHooks(I.afterSanitizeElements, e, null), t;
+			return t === !1 && _executeHooks(R.afterSanitizeElements, e, null), t;
 		}
 		if ((S ? S(e) : e.nodeType) === qt.element && !fn(e) || (n === "noscript" || n === "noembed" || n === "noframes") && Z(Gt, e.innerHTML)) return pn(e), !0;
 		if (ke && e.nodeType === qt.text) {
 			let t = xn(e.textContent);
 			e.textContent !== t && (st(DOMPurify.removed, { element: e.cloneNode() }), e.textContent = t);
 		}
-		return _executeHooks(I.afterSanitizeElements, e, null), !1;
+		return _executeHooks(R.afterSanitizeElements, e, null), !1;
 	}, kn = function _isValidAttribute(e, n, r) {
 		if (Ce[n] || Ae && n === "patchsrc" || Ae && n === "for" && e !== "label" && e !== "output" || ze && (n === "id" || n === "name") && (r in t || r in rn)) return !1;
 		let i = W[n] || we.attributeCheck instanceof Function && we.attributeCheck(n, e);
-		if (!(Ee && Z(R, n)) && !(Te && Z(B, n))) {
+		if (!(Ee && Z(B, n)) && !(Te && Z(H, n))) {
 			if (!i) {
 				if (!(jn(e) && (G.tagNameCheck instanceof RegExp && Z(G.tagNameCheck, e) || G.tagNameCheck instanceof Function && G.tagNameCheck(e)) && (G.attributeNameCheck instanceof RegExp && Z(G.attributeNameCheck, n) || G.attributeNameCheck instanceof Function && G.attributeNameCheck(n, e)) || n === "is" && G.allowCustomizedBuiltInElements && (G.tagNameCheck instanceof RegExp && Z(G.tagNameCheck, r) || G.tagNameCheck instanceof Function && G.tagNameCheck(r)))) return !1;
-			} else if (!K[n] && !Z(ve, pt(r, _e, "")) && !((n === "src" || n === "xlink:href" || n === "href") && e !== "script" && mt(r, "data:") === 0 && qe[e]) && !(De && !Z(he, pt(r, _e, ""))) && r) return !1;
+			} else if (!Xe[n] && !Z(ve, pt(r, he, "")) && !((n === "src" || n === "xlink:href" || n === "href") && e !== "script" && mt(r, "data:") === 0 && qe[e]) && !(De && !Z(pe, pt(r, he, ""))) && r) return !1;
 		}
 		return !0;
 	}, An = addToSet({}, [
@@ -1918,11 +1918,11 @@ function createDOMPurify() {
 		"font-face-uri",
 		"missing-glyph"
 	]), jn = function _isBasicCustomElement(e) {
-		return !An[ut(e)] && Z(H, e);
+		return !An[ut(e)] && Z(_e, e);
 	}, Mn = function _applyTrustedTypesToAttribute(e, t, n, r) {
 		if (T && typeof u == "object" && typeof u.getAttributeType == "function" && !n) switch (u.getAttributeType(e, t)) {
-			case "TrustedHTML": return j(r);
-			case "TrustedScriptURL": return M(r);
+			case "TrustedHTML": return M(r);
+			case "TrustedScriptURL": return P(r);
 		}
 		return r;
 	}, Nn = function _setAttributeValue(e, t, n, r) {
@@ -1932,7 +1932,7 @@ function createDOMPurify() {
 			hn(t, e);
 		}
 	}, Pn = function _sanitizeAttributes(e) {
-		_executeHooks(I.beforeSanitizeAttributes, e, null);
+		_executeHooks(R.beforeSanitizeAttributes, e, null);
 		let t = e.attributes;
 		if (!t || Cn(e)) return;
 		let n = {
@@ -1944,7 +1944,7 @@ function createDOMPurify() {
 		}, r = t.length, i = Q(e.nodeName);
 		for (; r--;) {
 			let a = t[r], o = a.name, s = a.namespaceURI, c = a.value, u = Q(o), f = c, p = o === "value" ? f : ht(f);
-			if (n.attrName = u, n.attrValue = p, n.keepAttr = !0, n.forceKeepAttr = void 0, _executeHooks(I.uponSanitizeAttribute, e, n), p = n.attrValue, Be && (u === "id" || u === "name") && mt(p, Ve) !== 0 && (hn(o, e), p = Ve + p), Ae && Z(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, p)) {
+			if (n.attrName = u, n.attrValue = p, n.keepAttr = !0, n.forceKeepAttr = void 0, _executeHooks(R.uponSanitizeAttribute, e, n), p = n.attrValue, Be && (u === "id" || u === "name") && mt(p, Ve) !== 0 && (hn(o, e), p = Ve + p), Ae && Z(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, p)) {
 				hn(o, e);
 				continue;
 			}
@@ -1968,14 +1968,14 @@ function createDOMPurify() {
 				p = Mn(i, u, s, p), p !== f && Nn(e, o, s, p);
 			}
 		}
-		_executeHooks(I.afterSanitizeAttributes, e, null);
+		_executeHooks(R.afterSanitizeAttributes, e, null);
 	}, Fn = function _sanitizeShadowDOM(e) {
 		let t = null, n = bn(e);
-		for (_executeHooks(I.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) if (_executeHooks(I.uponSanitizeShadowNode, t, null), On(t, e), Pn(t), wn(t.content) && Fn(t.content), (S ? S(t) : t.nodeType) === qt.element) {
+		for (_executeHooks(R.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) if (_executeHooks(R.uponSanitizeShadowNode, t, null), On(t, e), Pn(t), wn(t.content) && Fn(t.content), (S ? S(t) : t.nodeType) === qt.element) {
 			let e = b(t);
 			wn(e) && (In(e), Fn(e));
 		}
-		_executeHooks(I.afterSanitizeShadowDOM, e, null);
+		_executeHooks(R.afterSanitizeShadowDOM, e, null);
 	}, In = function _sanitizeAttachedShadowRoots(e) {
 		let t = [{
 			node: e,
@@ -2018,7 +2018,7 @@ function createDOMPurify() {
 		let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = null, i = null, a = null, o = null;
 		if (nt = !e, nt && (e = "<!-->"), typeof e != "string" && !Tn(e) && (e = stringifyValue(e), typeof e != "string")) throw xt("dirty is not a string, aborting");
 		if (!DOMPurify.isSupported) return e;
-		Me ? (U = Ne, W = Pe) : on(t), (I.uponSanitizeElement.length > 0 || I.uponSanitizeAttribute.length > 0) && (U = clone(U)), I.uponSanitizeAttribute.length > 0 && (W = clone(W)), DOMPurify.removed = [];
+		Me ? (U = Ne, W = Pe) : on(t), (R.uponSanitizeElement.length > 0 || R.uponSanitizeAttribute.length > 0) && (U = clone(U)), R.uponSanitizeAttribute.length > 0 && (W = clone(W)), DOMPurify.removed = [];
 		let s = Ue && typeof e != "string" && Tn(e);
 		if (s) {
 			vn(e);
@@ -2035,7 +2035,7 @@ function createDOMPurify() {
 			}
 		} else if (Tn(e)) r = yn("<!---->"), i = r.ownerDocument.importNode(e, !0), i.nodeType === qt.element && i.nodeName === "BODY" || i.nodeName === "HTML" ? r = i : r.appendChild(i), In(i);
 		else {
-			if (!Ie && !ke && !je && e.indexOf("<") === -1) return T && Re ? j(e) : e;
+			if (!Ie && !ke && !je && e.indexOf("<") === -1) return T && Re ? M(e) : e;
 			if (r = yn(e), !r) return Ie ? null : Re ? k : "";
 		}
 		r && Fe && pn(r.firstChild);
@@ -2051,35 +2051,35 @@ function createDOMPurify() {
 			e.element && _n(e.element);
 		}), ke && Sn(e), e;
 		if (Ie) {
-			if (ke && Sn(r), Le) for (o = oe.call(r.ownerDocument); r.firstChild;) o.appendChild(r.firstChild);
+			if (ke && Sn(r), Le) for (o = ae.call(r.ownerDocument); r.firstChild;) o.appendChild(r.firstChild);
 			else o = r;
-			return (W.shadowroot || W.shadowrootmode) && (o = ce.call(n, o, !0)), o;
+			return (W.shadowroot || W.shadowrootmode) && (o = se.call(n, o, !0)), o;
 		}
 		let f = je ? r.outerHTML : r.innerHTML;
-		return je && U["!doctype"] && r.ownerDocument && r.ownerDocument.doctype && r.ownerDocument.doctype.name && Z(Vt, r.ownerDocument.doctype.name) && (f = "<!DOCTYPE " + r.ownerDocument.doctype.name + ">\n" + f), ke && (f = xn(f)), T && Re ? j(f) : f;
+		return je && U["!doctype"] && r.ownerDocument && r.ownerDocument.doctype && r.ownerDocument.doctype.name && Z(Vt, r.ownerDocument.doctype.name) && (f = "<!DOCTYPE " + r.ownerDocument.doctype.name + ">\n" + f), ke && (f = xn(f)), T && Re ? M(f) : f;
 	}, DOMPurify.setConfig = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
 		on(e), Me = !0, Ne = U, Pe = W;
 	}, DOMPurify.clearConfig = function() {
-		nn = null, Me = !1, Ne = null, Pe = null, T = te, k = "";
+		nn = null, Me = !1, Ne = null, Pe = null, T = A, k = "";
 	}, DOMPurify.isValidAttribute = function(e, t, n) {
 		nn || on({});
 		let r = Q(e), i = Q(t);
 		return kn(r, i, n);
 	}, DOMPurify.addHook = function(e, t) {
-		typeof t == "function" && X(I, e) && st(I[e], t);
+		typeof t == "function" && X(R, e) && st(R[e], t);
 	}, DOMPurify.removeHook = function(e, t) {
-		if (X(I, e)) {
+		if (X(R, e)) {
 			if (t !== void 0) {
-				let n = it(I[e], t);
-				return n === -1 ? void 0 : ct(I[e], n, 1)[0];
+				let n = it(R[e], t);
+				return n === -1 ? void 0 : ct(R[e], n, 1)[0];
 			}
-			return at(I[e]);
+			return at(R[e]);
 		}
 	}, DOMPurify.removeHooks = function(e) {
-		X(I, e) && (I[e] = []);
+		X(R, e) && (R[e] = []);
 	}, DOMPurify.removeAllHooks = function() {
-		I = Xt();
+		R = Xt();
 	}, DOMPurify;
 }
 var Qt = createDOMPurify(), _Class;
@@ -3531,7 +3531,7 @@ var mr = ["aria-label"], hr = { class: "px-4 pb-2 pt-4" }, gr = ["innerHTML"], _
 				color: s.value
 			};
 		}
-		return (t, n) => (A(), _("div", {
+		return (t, n) => (j(), _("div", {
 			"data-test": "chat-card",
 			class: "my-6 w-full max-w-[55ch] self-start overflow-hidden rounded-2xl",
 			style: k({
@@ -3543,25 +3543,25 @@ var mr = ["aria-label"], hr = { class: "px-4 pb-2 pt-4" }, gr = ["innerHTML"], _
 			v("div", hr, [v("div", {
 				class: "text-[14px] font-semibold leading-tight",
 				style: k({ color: s.value })
-			}, F(e.spec.title), 5)]),
-			i.value ? (A(), _("div", {
+			}, I(e.spec.title), 5)]),
+			i.value ? (j(), _("div", {
 				key: 0,
 				class: "chat-msg-prose px-4 pb-4 pt-2 text-[14px] leading-relaxed",
 				style: k({ color: c.value }),
 				innerHTML: i.value
 			}, null, 12, gr)) : h("", !0),
-			e.spec.actions?.length ? (A(), _("div", {
+			e.spec.actions?.length ? (j(), _("div", {
 				key: 1,
 				class: "flex flex-wrap items-center gap-2 px-3 py-2.5",
 				style: k({ borderTop: `1px solid ${o.value}` })
-			}, [(A(!0), _(f, null, M(e.spec.actions, (e) => (A(), _("button", {
+			}, [(j(!0), _(f, null, P(e.spec.actions, (e) => (j(), _("button", {
 				key: e.label,
 				type: "button",
 				"data-test": "chat-card-action",
 				class: "inline-flex h-10 items-center justify-center rounded-full px-5 text-[14px] font-semibold transition-colors duration-150 active:opacity-80",
 				style: k(actionStyle(e.style)),
 				onClick: (t) => r("action", e.reply)
-			}, F(e.label), 13, _r))), 128))], 4)) : h("", !0)
+			}, I(e.label), 13, _r))), 128))], 4)) : h("", !0)
 		], 12, mr));
 	}
 }), yr = 112, br = 52, xr = 14, Sr = 54, Cr = 34, wr = 260;
@@ -3796,13 +3796,13 @@ var kr = [
 		inverted: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = j(), r = ae(360), i;
-		ne(() => {
+		let t = e, n = M(), r = ie(360), i;
+		te(() => {
 			typeof ResizeObserver > "u" || !n.value || (i = new ResizeObserver((e) => {
 				let t = e[0]?.contentRect.width;
 				t && (r.value = Math.round(t));
 			}), i.observe(n.value));
-		}), te(() => i?.disconnect());
+		}), A(() => i?.disconnect());
 		let a = p(() => Math.min(720, Math.max(280, r.value))), o = p(() => t.result.ok ? t.result.spec : null), s = p(() => o.value?.visualType === "chart" ? o.value : null), c = p(() => o.value?.visualType === "diagram" ? o.value : null);
 		function isCartesianChart(e) {
 			return e?.chartType === "bar" || e?.chartType === "line" || e?.chartType === "scatter";
@@ -3886,7 +3886,7 @@ var kr = [
 				max: a,
 				ticks: o
 			};
-		}), re = p(() => resolveSharedSeriesFormat({ series: b.value })), ie = p(() => {
+		}), ne = p(() => resolveSharedSeriesFormat({ series: b.value })), re = p(() => {
 			let e = m.value;
 			if (!e) return {
 				mode: "horizontal",
@@ -3897,8 +3897,8 @@ var kr = [
 				labels: e.data.map((e) => String(e?.[t] ?? "")),
 				plotWidth: Math.max(200, a.value - 42)
 			});
-		}), P = p(() => {
-			let e = re.value?.valueFormat, t = !!(re.value && (e === "currency" || e === "percent" || re.value.valuePrefix || re.value.valueSuffix)), n = e === "duration" ? 46 : t ? 38 : 30, r = ie.value.mode === "angled";
+		}), F = p(() => {
+			let e = ne.value?.valueFormat, t = !!(ne.value && (e === "currency" || e === "percent" || ne.value.valuePrefix || ne.value.valueSuffix)), n = e === "duration" ? 46 : t ? 38 : 30, r = re.value.mode === "angled";
 			return {
 				width: a.value,
 				height: 168 + (r ? 36 : 0),
@@ -3909,7 +3909,7 @@ var kr = [
 			};
 		});
 		function labelCenterX(e, t) {
-			let n = m.value, r = P.value;
+			let n = m.value, r = F.value;
 			if (n?.chartType === "bar") {
 				let n = r.width - r.left - r.right;
 				return r.left + (e + .5) * (n / Math.max(t, 1));
@@ -3917,11 +3917,11 @@ var kr = [
 			return xForIndex(e, t);
 		}
 		function xForIndex(e, t) {
-			let n = P.value, r = n.width - n.left - n.right;
+			let n = F.value, r = n.width - n.left - n.right;
 			return t <= 1 ? n.left + r / 2 : n.left + r * e / (t - 1);
 		}
 		function yForValue(e) {
-			let { min: t, max: n } = T.value, r = P.value, i = r.height - r.top - r.bottom;
+			let { min: t, max: n } = T.value, r = F.value, i = r.height - r.top - r.bottom;
 			return r.top + (n - e) / (n - t || 1) * i;
 		}
 		function pathForSeries(e) {
@@ -3931,7 +3931,7 @@ var kr = [
 				return `${r === 0 ? "M" : "L"} ${xForIndex(r, t.data.length).toFixed(1)} ${yForValue(i).toFixed(1)}`;
 			}).join(" ") : "";
 		}
-		let se = p(() => {
+		let oe = p(() => {
 			let e = m.value;
 			if (!e?.trendLine || e.chartType !== "line" && e.chartType !== "scatter") return null;
 			let t = trendLinePoints(e, e.trendLine.dataKey), n = linearTrend(t);
@@ -3942,10 +3942,10 @@ var kr = [
 				dataKey: e.trendLine.dataKey,
 				seriesIndex: s
 			};
-		}), ce = p(() => {
+		}), se = p(() => {
 			let e = m.value;
 			if (!e || e.chartType !== "bar") return [];
-			let t = P.value, n = (t.width - t.left - t.right) / Math.max(e.data.length, 1), r = yForValue(0);
+			let t = F.value, n = (t.width - t.left - t.right) / Math.max(e.data.length, 1), r = yForValue(0);
 			if (S.value) {
 				let r = Math.max(4, Math.min(24, n * .42));
 				return e.data.flatMap((i, a) => {
@@ -3979,12 +3979,12 @@ var kr = [
 					dataKey: e.dataKey
 				};
 			}));
-		}), I = p(() => {
+		}), R = p(() => {
 			let e = m.value;
 			if (!e) return [];
 			let t = e.data;
 			if (!t.length) return [];
-			let n = t.length - 1, r = ie.value, i = r.mode === "angled";
+			let n = t.length - 1, r = re.value, i = r.mode === "angled";
 			return r.entries.map(({ index: e, text: r }) => ({
 				key: `${e}`,
 				label: r,
@@ -3992,7 +3992,7 @@ var kr = [
 				anchor: i ? "end" : e === 0 ? "start" : e === n ? "end" : "middle",
 				angled: i
 			})).filter((e) => e.label);
-		}), ue = p(() => {
+		}), ce = p(() => {
 			let e = m.value;
 			if (!e || e.chartType !== "bar" || e.series.length !== 1 || S.value) return [];
 			let t = e.series[0], n = e.data.map((n, r) => {
@@ -4015,7 +4015,7 @@ var kr = [
 				width: e.rawValue <= 0 ? 0 : Math.max(2, e.rawValue / r * 100),
 				seriesIndex: 0
 			}));
-		}), de = p(() => {
+		}), ue = p(() => {
 			let e = m.value;
 			if (!e?.data.length) return [];
 			let t = e.data[e.data.length - 1];
@@ -4031,7 +4031,7 @@ var kr = [
 					seriesIndex: n
 				};
 			});
-		}), pe = p(() => {
+		}), de = p(() => {
 			let e = m.value;
 			if (!e?.data.length || e.chartType !== "line") return [];
 			let t = e.data.length - 1, n = e.data[t];
@@ -4044,7 +4044,7 @@ var kr = [
 					seriesIndex: i
 				};
 			}).filter((e) => e !== null);
-		}), R = p(() => {
+		}), B = p(() => {
 			let e = x.value;
 			if (!e) return [];
 			let t = e.data.map((t) => ({
@@ -4060,17 +4060,17 @@ var kr = [
 					series: r
 				})
 			}));
-		}), B = p(() => c.value ? layoutChatDiagram(c.value, { maxWidth: r.value }) : null), he = [
+		}), H = p(() => c.value ? layoutChatDiagram(c.value, { maxWidth: r.value }) : null), pe = [
 			"var(--color-theme-900)",
 			"var(--color-primary-500)",
 			"color-mix(in oklch, var(--color-primary-500) 55%, var(--color-theme-500))"
-		], _e = [
+		], he = [
 			"rgba(255, 255, 255, 0.92)",
 			"color-mix(in oklch, white 30%, var(--color-primary-500))",
 			"rgba(255, 255, 255, 0.55)"
 		];
 		function seriesColor(e) {
-			let n = t.inverted ? _e : he;
+			let n = t.inverted ? he : pe;
 			return n[e % n.length];
 		}
 		function diagramNodeFill(e) {
@@ -4079,8 +4079,8 @@ var kr = [
 		function diagramNodeStroke(e) {
 			return e === "decision" ? t.inverted ? "rgba(255, 255, 255, 0.26)" : "color-mix(in oklch, var(--color-primary-500) 32%, var(--color-theme-300))" : be.value;
 		}
-		let H = p(() => t.inverted ? "rgba(255, 255, 255, 0.95)" : "var(--color-theme-900)"), ve = p(() => t.inverted ? "rgba(255, 255, 255, 0.6)" : "var(--color-theme-500)"), U = p(() => t.inverted ? "rgba(255, 255, 255, 0.45)" : "color-mix(in oklch, var(--color-theme-900) 42%, transparent)"), ye = p(() => t.inverted ? "rgba(255, 255, 255, 0.1)" : "color-mix(in oklch, var(--color-theme-900) 8%, transparent)"), W = p(() => t.inverted ? "rgba(255, 255, 255, 0.24)" : "color-mix(in oklch, var(--color-theme-900) 18%, transparent)"), be = p(() => t.inverted ? "rgba(255, 255, 255, 0.16)" : "color-mix(in oklch, var(--color-theme-300) 55%, transparent)"), G = p(() => t.inverted ? "rgba(255, 255, 255, 0.14)" : "color-mix(in oklch, var(--color-theme-900) 10%, transparent)"), Se = p(() => t.inverted ? "transparent" : "var(--color-theme-0)"), Ce = p(() => t.inverted ? "rgba(255, 255, 255, 0.18)" : "color-mix(in oklch, var(--color-theme-900) 16%, transparent)"), we = p(() => t.inverted ? "rgba(255, 255, 255, 0.12)" : "color-mix(in oklch, var(--color-theme-900) 9%, transparent)");
-		return (e, r) => o.value ? (A(), _("section", {
+		let _e = p(() => t.inverted ? "rgba(255, 255, 255, 0.95)" : "var(--color-theme-900)"), ve = p(() => t.inverted ? "rgba(255, 255, 255, 0.6)" : "var(--color-theme-500)"), U = p(() => t.inverted ? "rgba(255, 255, 255, 0.45)" : "color-mix(in oklch, var(--color-theme-900) 42%, transparent)"), ye = p(() => t.inverted ? "rgba(255, 255, 255, 0.1)" : "color-mix(in oklch, var(--color-theme-900) 8%, transparent)"), W = p(() => t.inverted ? "rgba(255, 255, 255, 0.24)" : "color-mix(in oklch, var(--color-theme-900) 18%, transparent)"), be = p(() => t.inverted ? "rgba(255, 255, 255, 0.16)" : "color-mix(in oklch, var(--color-theme-300) 55%, transparent)"), G = p(() => t.inverted ? "rgba(255, 255, 255, 0.14)" : "color-mix(in oklch, var(--color-theme-900) 10%, transparent)"), Se = p(() => t.inverted ? "transparent" : "var(--color-theme-0)"), Ce = p(() => t.inverted ? "rgba(255, 255, 255, 0.18)" : "color-mix(in oklch, var(--color-theme-900) 16%, transparent)"), we = p(() => t.inverted ? "rgba(255, 255, 255, 0.12)" : "color-mix(in oklch, var(--color-theme-900) 9%, transparent)");
+		return (e, r) => o.value ? (j(), _("section", {
 			key: 0,
 			"data-test": "chat-visual",
 			"data-visual-type": o.value.visualType,
@@ -4096,30 +4096,30 @@ var kr = [
 		}, [
 			v("header", Ar, [v("h4", {
 				class: "text-[13px] font-semibold leading-tight",
-				style: k({ color: H.value })
-			}, F(o.value.meta.title), 5), o.value.meta.description ? (A(), _("p", {
+				style: k({ color: _e.value })
+			}, I(o.value.meta.title), 5), o.value.meta.description ? (j(), _("p", {
 				key: 0,
 				class: "mt-0.5 text-[12px] leading-snug",
 				style: k({ color: ve.value })
-			}, F(o.value.meta.description), 5)) : h("", !0)]),
+			}, I(o.value.meta.description), 5)) : h("", !0)]),
 			v("div", {
 				ref_key: "bodyEl",
 				ref: n
-			}, [m.value ? (A(), _("div", {
+			}, [m.value ? (j(), _("div", {
 				key: 0,
 				role: "img",
 				"aria-label": o.value.meta.title
-			}, [ue.value.length ? (A(), _("div", Mr, [(A(!0), _(f, null, M(ue.value, (e) => (A(), _("div", {
+			}, [ce.value.length ? (j(), _("div", Mr, [(j(!0), _(f, null, P(ce.value, (e) => (j(), _("div", {
 				key: e.key,
 				"data-test": "chat-visual-horizontal-bar",
 				class: "min-w-0"
 			}, [v("div", Nr, [v("span", {
 				class: "line-clamp-2 min-w-0 font-medium leading-snug",
-				style: k({ color: H.value })
-			}, F(e.label), 5), v("span", {
+				style: k({ color: _e.value })
+			}, I(e.label), 5), v("span", {
 				class: "shrink-0 font-semibold tabular-nums",
-				style: k({ color: H.value })
-			}, F(e.value), 5)]), v("div", {
+				style: k({ color: _e.value })
+			}, I(e.value), 5)]), v("div", {
 				class: "h-2 w-full overflow-hidden rounded-full",
 				style: k({ background: we.value })
 			}, [v("div", {
@@ -4128,36 +4128,36 @@ var kr = [
 					width: `${e.width}%`,
 					background: seriesColor(e.seriesIndex)
 				})
-			}, null, 4)], 4)]))), 128))])) : (A(), _("svg", {
+			}, null, 4)], 4)]))), 128))])) : (j(), _("svg", {
 				key: 1,
 				class: "block h-auto w-full overflow-visible",
-				viewBox: `0 0 ${P.value.width} ${P.value.height}`,
-				style: k({ aspectRatio: `${P.value.width} / ${P.value.height}` }),
+				viewBox: `0 0 ${F.value.width} ${F.value.height}`,
+				style: k({ aspectRatio: `${F.value.width} / ${F.value.height}` }),
 				preserveAspectRatio: "xMidYMid meet",
 				"aria-hidden": "true"
 			}, [
-				(A(!0), _(f, null, M(T.value.ticks, (e) => (A(), _("line", {
+				(j(!0), _(f, null, P(T.value.ticks, (e) => (j(), _("line", {
 					key: `grid-${e}`,
-					x1: P.value.left,
-					x2: P.value.width - P.value.right,
+					x1: F.value.left,
+					x2: F.value.width - F.value.right,
 					y1: yForValue(e),
 					y2: yForValue(e),
 					"stroke-width": "1",
 					"vector-effect": "non-scaling-stroke",
 					style: k({ stroke: e === 0 ? W.value : ye.value })
 				}, null, 12, Fr))), 128)),
-				v("g", null, [(A(!0), _(f, null, M(T.value.ticks, (e) => (A(), _("text", {
+				v("g", null, [(j(!0), _(f, null, P(T.value.ticks, (e) => (j(), _("text", {
 					key: `y-${e}`,
-					x: P.value.left - 7,
+					x: F.value.left - 7,
 					y: yForValue(e) + 3,
 					"text-anchor": "end",
 					"font-size": "9.5",
 					style: k({ fill: U.value })
-				}, F(oe(formatChatVisualTick)({
+				}, I(ae(formatChatVisualTick)({
 					value: e,
-					shared: re.value
+					shared: ne.value
 				})), 13, Ir))), 128))]),
-				m.value.chartType === "bar" ? (A(!0), _(f, { key: 0 }, M(ce.value, (e) => (A(), _("rect", {
+				m.value.chartType === "bar" ? (j(!0), _(f, { key: 0 }, P(se.value, (e) => (j(), _("rect", {
 					key: e.key,
 					"data-test": "chat-visual-bar",
 					"data-row-index": e.rowIndex,
@@ -4169,21 +4169,21 @@ var kr = [
 					height: e.height,
 					rx: "2.5",
 					style: k({ fill: seriesColor(e.seriesIndex) })
-				}, null, 12, Lr))), 128)) : (A(), _(f, { key: 1 }, [
-					se.value ? (A(), _("path", {
+				}, null, 12, Lr))), 128)) : (j(), _(f, { key: 1 }, [
+					oe.value ? (j(), _("path", {
 						key: 0,
 						"data-test": "chat-visual-trend-line",
-						"data-trend-key": se.value.dataKey,
-						d: se.value.path,
+						"data-trend-key": oe.value.dataKey,
+						d: oe.value.path,
 						fill: "none",
 						"stroke-width": "1.4",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						"stroke-dasharray": "4 3",
 						"vector-effect": "non-scaling-stroke",
-						style: k({ stroke: seriesColor(se.value.seriesIndex) })
+						style: k({ stroke: seriesColor(oe.value.seriesIndex) })
 					}, null, 12, Rr)) : h("", !0),
-					(A(!0), _(f, null, M(b.value, (e, t) => (A(), _("g", { key: e.dataKey }, [m.value.chartType === "line" ? (A(), _("path", {
+					(j(!0), _(f, null, P(b.value, (e, t) => (j(), _("g", { key: e.dataKey }, [m.value.chartType === "line" ? (j(), _("path", {
 						key: 0,
 						d: pathForSeries(e.dataKey),
 						fill: "none",
@@ -4192,14 +4192,14 @@ var kr = [
 						"stroke-linejoin": "round",
 						"vector-effect": "non-scaling-stroke",
 						style: k({ stroke: seriesColor(t) })
-					}, null, 12, zr)) : h("", !0), (A(!0), _(f, null, M(u.value, (n, r) => (A(), _(f, { key: `${e.dataKey}-${r}` }, [m.value.chartType === "scatter" ? (A(), _("circle", {
+					}, null, 12, zr)) : h("", !0), (j(!0), _(f, null, P(u.value, (n, r) => (j(), _(f, { key: `${e.dataKey}-${r}` }, [m.value.chartType === "scatter" ? (j(), _("circle", {
 						key: 0,
 						cx: xForIndex(r, u.value.length),
 						cy: yForValue(numericValue(n[e.dataKey]) ?? 0),
 						r: "2.6",
 						style: k({ fill: seriesColor(t) })
 					}, null, 12, Br)) : h("", !0)], 64))), 128))]))), 128)),
-					(A(!0), _(f, null, M(pe.value, (e) => (A(), _("circle", {
+					(j(!0), _(f, null, P(de.value, (e) => (j(), _("circle", {
 						key: `marker-${e.key}`,
 						cx: e.cx,
 						cy: e.cy,
@@ -4207,16 +4207,16 @@ var kr = [
 						style: k({ fill: seriesColor(e.seriesIndex) })
 					}, null, 12, Vr))), 128))
 				], 64)),
-				(A(!0), _(f, null, M(I.value, (e) => (A(), _("text", {
+				(j(!0), _(f, null, P(R.value, (e) => (j(), _("text", {
 					key: e.key,
 					x: e.x,
-					y: e.angled ? P.value.height - P.value.bottom + 12 : P.value.height - 6,
+					y: e.angled ? F.value.height - F.value.bottom + 12 : F.value.height - 6,
 					"text-anchor": e.anchor,
 					"font-size": "9.5",
-					transform: e.angled ? `rotate(${oe(-40)} ${e.x} ${P.value.height - P.value.bottom + 12})` : void 0,
+					transform: e.angled ? `rotate(${ae(-40)} ${e.x} ${F.value.height - F.value.bottom + 12})` : void 0,
 					style: k({ fill: U.value })
-				}, F(e.label), 13, Hr))), 128))
-			], 12, Pr)), de.value.length > 1 || m.value.chartType !== "bar" ? (A(), _("div", Ur, [(A(!0), _(f, null, M(de.value, (e) => (A(), _("div", {
+				}, I(e.label), 13, Hr))), 128))
+			], 12, Pr)), ue.value.length > 1 || m.value.chartType !== "bar" ? (j(), _("div", Ur, [(j(!0), _(f, null, P(ue.value, (e) => (j(), _("div", {
 				key: e.key,
 				class: "inline-flex items-center gap-1.5 text-[11.5px] leading-none"
 			}, [
@@ -4224,21 +4224,21 @@ var kr = [
 					class: "size-2.5 shrink-0 rounded-full",
 					style: k({ background: seriesColor(e.seriesIndex) })
 				}, null, 4),
-				v("span", { style: k({ color: ve.value }) }, F(e.label), 5),
+				v("span", { style: k({ color: ve.value }) }, I(e.label), 5),
 				v("span", {
 					class: "font-semibold tabular-nums",
-					style: k({ color: H.value })
-				}, F(e.value), 5)
-			]))), 128))])) : h("", !0)], 8, jr)) : x.value ? (A(), _("div", Wr, [(A(!0), _(f, null, M(R.value, (e, t) => (A(), _("div", { key: e.key }, [v("div", Gr, [v("span", {
+					style: k({ color: _e.value })
+				}, I(e.value), 5)
+			]))), 128))])) : h("", !0)], 8, jr)) : x.value ? (j(), _("div", Wr, [(j(!0), _(f, null, P(B.value, (e, t) => (j(), _("div", { key: e.key }, [v("div", Gr, [v("span", {
 				class: "truncate font-medium",
-				style: k({ color: H.value })
-			}, F(e.name), 5), v("span", Kr, [v("span", {
+				style: k({ color: _e.value })
+			}, I(e.name), 5), v("span", Kr, [v("span", {
 				class: "font-semibold",
-				style: k({ color: H.value })
-			}, F(e.display), 5), v("span", {
+				style: k({ color: _e.value })
+			}, I(e.display), 5), v("span", {
 				class: "ml-1.5",
 				style: k({ color: ve.value })
-			}, F(Math.round(e.percent * 100)) + "%", 5)])]), v("div", {
+			}, I(Math.round(e.percent * 100)) + "%", 5)])]), v("div", {
 				class: "h-1.5 w-full overflow-hidden rounded-full",
 				style: k({ background: we.value })
 			}, [v("div", {
@@ -4247,18 +4247,18 @@ var kr = [
 					width: `${Math.max(2, e.percent * 100)}%`,
 					background: seriesColor(t)
 				})
-			}, null, 4)], 4)]))), 128))])) : c.value && B.value ? (A(), _("div", qr, [(A(), _("svg", {
+			}, null, 4)], 4)]))), 128))])) : c.value && H.value ? (j(), _("div", qr, [(j(), _("svg", {
 				"data-test": "chat-visual-diagram-svg",
 				class: "block h-auto overflow-visible",
-				viewBox: `0 0 ${B.value.width} ${B.value.height}`,
+				viewBox: `0 0 ${H.value.width} ${H.value.height}`,
 				style: k({
-					width: `${B.value.width}px`,
-					aspectRatio: `${B.value.width} / ${B.value.height}`
+					width: `${H.value.width}px`,
+					aspectRatio: `${H.value.width} / ${H.value.height}`
 				}),
 				role: "img",
 				"aria-label": o.value.meta.title
 			}, [
-				(A(!0), _(f, null, M(B.value.edges, (e) => (A(), _("line", {
+				(j(!0), _(f, null, P(H.value.edges, (e) => (j(), _("line", {
 					key: e.key,
 					"data-test": "chat-visual-diagram-edge",
 					"data-from": e.from,
@@ -4272,14 +4272,14 @@ var kr = [
 					"vector-effect": "non-scaling-stroke",
 					style: k({ stroke: Ce.value })
 				}, null, 12, Yr))), 128)),
-				(A(!0), _(f, null, M(B.value.edges, (e) => (A(), _("circle", {
+				(j(!0), _(f, null, P(H.value.edges, (e) => (j(), _("circle", {
 					key: `${e.key}-dot`,
 					cx: e.x2,
 					cy: e.y2,
 					r: "2.4",
 					style: k({ fill: Ce.value })
 				}, null, 12, Xr))), 128)),
-				(A(!0), _(f, null, M(B.value.edges.filter((e) => e.label), (e) => (A(), _("foreignObject", {
+				(j(!0), _(f, null, P(H.value.edges.filter((e) => e.label), (e) => (j(), _("foreignObject", {
 					key: `${e.key}-label`,
 					x: e.labelX - 55,
 					y: e.labelY - 12,
@@ -4292,14 +4292,14 @@ var kr = [
 						color: ve.value,
 						background: t.inverted ? "var(--color-theme-900)" : "var(--color-theme-0)"
 					})
-				}, F(e.label), 5)], 8, Zr))), 128)),
-				(A(!0), _(f, null, M(B.value.nodes, (e) => (A(), _("g", {
+				}, I(e.label), 5)], 8, Zr))), 128)),
+				(j(!0), _(f, null, P(H.value.nodes, (e) => (j(), _("g", {
 					key: e.id,
 					"data-test": "chat-visual-diagram-node",
 					"data-node-id": e.id,
 					"data-node-kind": e.kind,
 					transform: `translate(${e.x} ${e.y})`
-				}, [e.kind === "decision" ? (A(), _("polygon", {
+				}, [e.kind === "decision" ? (j(), _("polygon", {
 					key: 0,
 					points: `${e.width / 2},0 ${e.width},${e.height / 2} ${e.width / 2},${e.height} 0,${e.height / 2}`,
 					"stroke-width": "1",
@@ -4308,7 +4308,7 @@ var kr = [
 						fill: diagramNodeFill(e.kind),
 						stroke: diagramNodeStroke(e.kind)
 					})
-				}, null, 12, $r)) : (A(), _("rect", {
+				}, null, 12, $r)) : (j(), _("rect", {
 					key: 1,
 					width: e.width,
 					height: e.height,
@@ -4319,25 +4319,25 @@ var kr = [
 						fill: diagramNodeFill(e.kind),
 						stroke: diagramNodeStroke(e.kind)
 					})
-				}, null, 12, ei)), (A(), _("foreignObject", {
+				}, null, 12, ei)), (j(), _("foreignObject", {
 					x: "8",
 					y: "5",
 					width: e.width - 16,
 					height: e.height - 10
 				}, [v("div", ni, [v("div", {
 					class: "line-clamp-2 text-[13px] font-semibold leading-tight",
-					style: k({ color: H.value })
-				}, F(e.label), 5), e.detail ? (A(), _("div", {
+					style: k({ color: _e.value })
+				}, I(e.label), 5), e.detail ? (j(), _("div", {
 					key: 0,
 					class: "mt-0.5 line-clamp-1 text-[10.5px] leading-none",
 					style: k({ color: ve.value })
-				}, F(e.detail), 5)) : h("", !0)])], 8, ti))], 8, Qr))), 128))
+				}, I(e.detail), 5)) : h("", !0)])], 8, ti))], 8, Qr))), 128))
 			], 12, Jr))])) : h("", !0)], 512),
-			o.value.meta.footer ? (A(), _("footer", {
+			o.value.meta.footer ? (j(), _("footer", {
 				key: 0,
 				class: "mt-3 text-[11px] leading-snug",
 				style: k({ color: U.value })
-			}, F(o.value.meta.footer), 5)) : h("", !0)
+			}, I(o.value.meta.footer), 5)) : h("", !0)
 		], 12, kr)) : h("", !0);
 	}
 }), ii = ["innerHTML"], ai = /* @__PURE__ */ S({
@@ -4349,8 +4349,8 @@ var kr = [
 	},
 	emits: ["action"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = ae(n.text), a;
-		ce([() => n.text, () => n.streaming], ([e, t]) => {
+		let n = e, r = t, i = ie(n.text), a;
+		se([() => n.text, () => n.streaming], ([e, t]) => {
 			if (!t) {
 				a !== void 0 && (cancelAnimationFrame(a), a = void 0), i.value = e;
 				return;
@@ -4358,7 +4358,7 @@ var kr = [
 			a === void 0 && (a = requestAnimationFrame(() => {
 				a = void 0, i.value = n.text;
 			}));
-		}), te(() => {
+		}), A(() => {
 			a !== void 0 && cancelAnimationFrame(a);
 		});
 		let o = new g.Renderer();
@@ -4511,23 +4511,23 @@ var kr = [
 				streaming: !!n.streaming
 			}) : [];
 		});
-		return (t, n) => (A(), _("div", {
+		return (t, n) => (j(), _("div", {
 			class: "chat-msg-rich break-words text-[14px] leading-relaxed @sm/chat:max-w-[65ch] @sm/chat:text-[16px] @sm/chat:leading-relaxed",
 			onErrorCapture: onRichTextAssetError
-		}, [(A(!0), _(f, null, M(h.value, (t) => (A(), _(f, { key: t.key }, [t.kind === "markdown" ? (A(), _("div", {
+		}, [(j(!0), _(f, null, P(h.value, (t) => (j(), _(f, { key: t.key }, [t.kind === "markdown" ? (j(), _("div", {
 			key: 0,
 			class: T(["chat-msg-prose", e.inverted ? "chat-msg-prose-invert" : ""]),
 			innerHTML: t.html
-		}, null, 10, ii)) : t.kind === "visual" ? (A(), m(ri, {
+		}, null, 10, ii)) : t.kind === "visual" ? (j(), m(ri, {
 			key: 1,
 			result: t.result,
 			inverted: e.inverted
-		}, null, 8, ["result", "inverted"])) : t.kind === "card" ? (A(), m(vr, {
+		}, null, 8, ["result", "inverted"])) : t.kind === "card" ? (j(), m(vr, {
 			key: 2,
 			spec: t.spec,
 			inverted: e.inverted,
 			onAction: n[0] || (n[0] = (e) => r("action", e))
-		}, null, 8, ["spec", "inverted"])) : (A(), _("div", {
+		}, null, 8, ["spec", "inverted"])) : (j(), _("div", {
 			key: 3,
 			"data-test": "chat-visual-pending",
 			role: "status",
@@ -4545,7 +4545,7 @@ var kr = [
 }), oi = 80, si = 600, ci = /* @__PURE__ */ S({
 	__name: "ChatScroller",
 	setup(e, { expose: t }) {
-		let n = j(), r = j(), i = j(!0), a, o = 0;
+		let n = M(), r = M(), i = M(!0), a, o = 0;
 		function scrollToBottom() {
 			let e = n.value;
 			e && (e.scrollTop = e.scrollHeight);
@@ -4560,15 +4560,15 @@ var kr = [
 		function pin() {
 			i.value = !0, scrollToBottom();
 		}
-		return t({ pin }), ne(() => {
+		return t({ pin }), te(() => {
 			requestAnimationFrame(() => {
 				scrollToBottom(), requestAnimationFrame(scrollToBottom);
 			}), r.value && (a = new ResizeObserver(() => {
 				i.value && Date.now() > o && scrollToBottom();
 			}), a.observe(r.value), n.value && a.observe(n.value));
-		}), te(() => {
+		}), A(() => {
 			a?.disconnect();
-		}), (e, t) => (A(), _("div", {
+		}), (e, t) => (j(), _("div", {
 			ref_key: "viewport",
 			ref: n,
 			class: T(["overflow-y-auto overscroll-contain overflow-x-hidden min-h-0 flex flex-col [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", i.value ? "[overflow-anchor:none]" : ""]),
@@ -4579,7 +4579,7 @@ var kr = [
 			ref_key: "content",
 			ref: r,
 			class: "flex-1 flex flex-col"
-		}, [ie(e.$slots, "default")], 512)], 34));
+		}, [re(e.$slots, "default")], 512)], 34));
 	}
 }), li = ["data-voice-state", "data-voice-activity"], ui = { class: "flex flex-1 flex-col items-center justify-center pb-8" }, di = { "data-voice-assistant-avatar": "" }, fi = {
 	"data-test": "voice-histogram",
@@ -4601,64 +4601,68 @@ var kr = [
 		}
 	},
 	emits: ["end"],
-	setup(e, { emit: t }) {
-		let n = t, r = j(0), i = j("mic"), a = j("idle"), o = j(!1), s = ae(), c = !1, u, m = p(() => o.value ? "error" : a.value === "live" ? i.value === "playback" && r.value > .01 ? "speaking" : "listening" : "connecting"), h = [
+	setup(e, { expose: t, emit: n }) {
+		let r = n, i = M(0), a = M("mic"), o = M("idle"), s = M(!1), c = ie(), u = !1, m, h = p(() => s.value ? "error" : o.value === "live" ? a.value === "playback" && i.value > .01 ? "speaking" : "listening" : "connecting"), b = [
 			0,
 			2,
 			4,
 			6,
 			8
-		], b = h.map(() => 0), S = j(b), C = j(b), te = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : void 0, ie = typeof window < "u" && typeof window.requestAnimationFrame == "function" ? (e) => window.requestAnimationFrame(e) : (e) => setTimeout(() => e(performance.now()), 16), P = 0, oe = 0;
+		], S = b.map(() => 0), C = M(S), A = M(S), re = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : void 0, F = typeof window < "u" && typeof window.requestAnimationFrame == "function" ? (e) => window.requestAnimationFrame(e) : (e) => setTimeout(() => e(performance.now()), 16), ae = 0, oe = 0;
+		async function end() {
+			u = !0, await c.value?.end();
+		}
+		t({ end });
 		function easeFrame(e) {
-			P = 0;
+			ae = 0;
 			let t = Math.min(64, Math.max(0, e - oe));
 			oe = e;
 			let ease = (e, n) => {
 				let r = n > e ? hi : gi;
 				return e + (n - e) * (1 - Math.exp(-t / r));
 			};
-			C.value = C.value.map((e, t) => ease(e, S.value[t] ?? 0)), !C.value.every((e, t) => Math.abs((S.value[t] ?? 0) - e) <= 5e-4) || S.value.some((e) => e > 0) ? P = ie(easeFrame) : C.value = b;
+			A.value = A.value.map((e, t) => ease(e, C.value[t] ?? 0)), !A.value.every((e, t) => Math.abs((C.value[t] ?? 0) - e) <= 5e-4) || C.value.some((e) => e > 0) ? ae = F(easeFrame) : A.value = S;
 		}
 		function followLevel(e) {
 			let gate = (e) => Math.max(0, e - mi) / (1 - mi);
-			if (S.value = h.map((t) => gate(Math.min(1, Math.max(0, e?.[t] ?? r.value)))), te?.matches) {
-				C.value = S.value;
+			if (C.value = b.map((t) => gate(Math.min(1, Math.max(0, e?.[t] ?? i.value)))), re?.matches) {
+				A.value = C.value;
 				return;
 			}
-			P || (oe = performance.now(), P = ie(easeFrame));
+			ae || (oe = performance.now(), ae = F(easeFrame));
 		}
-		let se = p(() => C.value.map((e) => Math.round((2 + Math.sqrt(Math.min(1, Math.max(0, e))) * 14) * 10) / 10)), ce = p(() => m.value === "error" ? "bg-red-500" : m.value === "connecting" ? "bg-amber-500" : m.value === "speaking" ? "bg-primary-500" : "bg-green-500"), I = {
+		let se = p(() => A.value.map((e) => Math.round((2 + Math.sqrt(Math.min(1, Math.max(0, e))) * 14) * 10) / 10)), R = p(() => h.value === "error" ? "bg-red-500" : h.value === "connecting" ? "bg-amber-500" : h.value === "speaking" ? "bg-primary-500" : "bg-green-500"), ce = {
 			connecting: "Connecting",
 			listening: "Listening",
 			speaking: "Speaking",
 			error: "Connection problem"
-		}, ue = p(() => I[m.value]);
+		}, ue = p(() => ce[h.value]);
 		function emitEnd() {
-			c || (c = !0, n("end"));
+			u || (u = !0, r("end"));
 		}
-		return ne(async () => {
+		return te(async () => {
 			let t = e.chatController?.createVoiceClient({
 				onLevel: (e) => {
-					i.value = e.source, r.value = e.level, followLevel(e.bands);
+					a.value = e.source, i.value = e.level, followLevel(e.bands);
 				},
 				onStateChange: (e) => {
-					a.value = e, e === "ended" && (o.value ? u = setTimeout(emitEnd, 1600) : emitEnd());
+					o.value = e, e === "ended" && (s.value ? m = setTimeout(emitEnd, 1600) : emitEnd());
 				},
 				onError: (t) => {
-					o.value = !0, e.chatController?.notify?.(t.message);
+					s.value = !0, e.chatController?.notify?.(t.message);
 				}
 			});
 			if (!t) {
 				emitEnd();
 				return;
 			}
-			s.value = t, await t.start();
-		}), re(() => {
-			c = !0, u && clearTimeout(u), P && typeof window < "u" && typeof window.cancelAnimationFrame == "function" && window.cancelAnimationFrame(P), P = 0, s.value?.end();
-		}), (t, n) => (A(), _("div", {
+			c.value = t, await t.start();
+		}), ne(() => {
+			u = !0, m && clearTimeout(m), ae && typeof window < "u" && typeof window.cancelAnimationFrame == "function" && window.cancelAnimationFrame(ae), ae = 0, c.value?.end();
+		}), (t, n) => (j(), _("div", {
 			"data-test": "voice-mode",
-			"data-voice-state": a.value,
-			"data-voice-activity": m.value,
+			"data-voice-state": o.value,
+			"data-voice-activity": h.value,
 			class: "relative flex min-h-0 flex-1 flex-col px-4 pt-8 pb-5"
 		}, [v("div", ui, [
 			v("div", di, [x(ze, {
@@ -4668,16 +4672,16 @@ var kr = [
 				"is-light": e.isLight,
 				class: "size-28"
 			}, null, 8, ["agent", "is-light"])]),
-			v("div", fi, [(A(!0), _(f, null, M(se.value, (e, t) => (A(), _("span", {
+			v("div", fi, [(j(!0), _(f, null, P(se.value, (e, t) => (j(), _("span", {
 				key: t,
 				"data-test": "voice-histogram-bar",
-				class: T(["w-[2.5px] rounded-full transition-colors duration-150", [ce.value, m.value === "connecting" ? "pl-voice-bar-wave" : ""]]),
+				class: T(["w-[2.5px] rounded-full transition-colors duration-150", [R.value, h.value === "connecting" ? "pl-voice-bar-wave" : ""]]),
 				style: k({
 					height: `${e}px`,
-					...m.value === "connecting" ? { animationDelay: `${t * 90}ms` } : {}
+					...h.value === "connecting" ? { animationDelay: `${t * 90}ms` } : {}
 				})
 			}, null, 6))), 128))]),
-			v("div", pi, F(ue.value), 1)
+			v("div", pi, I(ue.value), 1)
 		])], 8, li));
 	}
 }), vi = {
@@ -4822,7 +4826,7 @@ var kr = [
 		}, n = p(() => {
 			let n = { ...t[e.scope] };
 			return e.scope === "org" && e.scopeName && (n.label = e.scopeName, n.tooltip = `Visible to ${e.scopeName} members`), n;
-		}), r = j(), i = j(), a = j();
+		}), r = M(), i = M(), a = M();
 		function containsMarkdownLink(e) {
 			return e ? /\[[^\]]+\]\([^)]+\)/.test(e) : !1;
 		}
@@ -4833,23 +4837,23 @@ var kr = [
 			let n = e[t], r = e[t + 1];
 			return !r || r.sender !== n.sender;
 		}
-		let o = p(() => e.chatController?.textState.value), s = p(() => o.value?.isConnected ?? !1), c = p(() => o.value?.isThinking ?? !1), u = p(() => o.value?.connectionStatus === "disconnected" && !!o.value?.error), S = p(() => o.value?.connectionStatus !== "connected" && !o.value?.error), te = j(!1), P = p(() => e.chatController?.liveTurnBlocks?.value ?? []), ae = p(() => {
-			for (let e = P.value.length - 1; e >= 0; e--) {
-				let t = P.value[e];
+		let o = p(() => e.chatController?.textState.value), s = p(() => o.value?.isConnected ?? !1), c = p(() => o.value?.isThinking ?? !1), u = p(() => o.value?.connectionStatus === "disconnected" && !!o.value?.error), S = p(() => o.value?.connectionStatus !== "connected" && !o.value?.error), A = M(!1), F = p(() => e.chatController?.liveTurnBlocks?.value ?? []), ie = p(() => {
+			for (let e = F.value.length - 1; e >= 0; e--) {
+				let t = F.value[e];
 				if (t?.kind === "text") return t.id;
 			}
-		}), oe = p(() => e.chatController?.liveStreamMessageId?.value), R = p(() => {
+		}), ae = p(() => e.chatController?.liveStreamMessageId?.value), B = p(() => {
 			let t = e.chatController?.sharedMessages.value ?? [];
-			return P.value.length && oe.value ? t.filter((e) => e.id !== oe.value) : t;
-		}), B = p(() => {
+			return F.value.length && ae.value ? t.filter((e) => e.id !== ae.value) : t;
+		}), H = p(() => {
 			if (!e.chatController?.workJournal?.value) return o.value?.workingDescription?.trim() || void 0;
-		}), _e = p(() => e.chatController?.workJournal?.value), H = p(() => {
-			if (!_e.value && !P.value.length) return;
-			let e = R.value, t = e[e.length - 1];
+		}), he = p(() => e.chatController?.workJournal?.value), _e = p(() => {
+			if (!he.value && !F.value.length) return;
+			let e = B.value, t = e[e.length - 1];
 			if (t) return t.sender === "agent" || t.sender === "system" ? e.length >= 2 ? e[e.length - 2].id : void 0 : t.id;
 		}), ve = p(() => {
 			let t = {};
-			for (let n of R.value) {
+			for (let n of B.value) {
 				if (n.sender === "user" || !n.toolActivities?.length) continue;
 				let r = e.chatController?.workJournalFor?.({
 					activities: n.toolActivities,
@@ -4911,9 +4915,9 @@ var kr = [
 		}
 		let U = p(() => o.value?.transientIssue), ye = p(() => {
 			if (!c.value) return;
-			let e = R.value, t = e[e.length - 1];
+			let e = B.value, t = e[e.length - 1];
 			return t?.sender === "agent" || t?.sender === "system" ? t.id : void 0;
-		}), W = p(() => !c.value || B.value || _e.value || P.value.length ? !1 : ye.value === void 0), be = p(() => B.value ?? (W.value ? "Thinking…" : void 0)), G = p(() => o.value?.sendBlockedReason), Se = p(() => G.value === "agent_deleted"), Ce = p(() => u.value ? `${e.agent.displayName.value || e.agent.name.value || "Assistant"} is offline` : S.value ? "Connecting..." : G.value === "agent_deleted" ? "This assistant was deleted" : `Message ${e.agent.displayName.value || e.agent.name.value || "assistant"}`), we = p(() => e.chatController?.composerState?.value ?? {
+		}), W = p(() => !c.value || H.value || he.value || F.value.length ? !1 : ye.value === void 0), be = p(() => H.value ?? (W.value ? "Thinking…" : void 0)), G = p(() => o.value?.sendBlockedReason), Se = p(() => G.value === "agent_deleted"), Ce = p(() => u.value ? `${e.agent.displayName.value || e.agent.name.value || "Assistant"} is offline` : S.value ? "Connecting..." : G.value === "agent_deleted" ? "This assistant was deleted" : `Message ${e.agent.displayName.value || e.agent.name.value || "assistant"}`), we = p(() => e.chatController?.composerState?.value ?? {
 			text: "",
 			pendingAttachments: [],
 			isUploading: !1
@@ -4924,17 +4928,19 @@ var kr = [
 		function isQueuedMessage(e) {
 			return Ie.value?.has(e) ?? !1;
 		}
-		let Le = p(() => Me.value === "stop" ? "Stop reply" : Fe.value ? "Send — answered after current work" : "Send message"), Re = p(() => je.value && !ke.value && !!Oe.value?.canUseBrowserRecording), Be = p(() => Oe.value?.isActive.value ?? !1), Ve = p(() => Oe.value?.elapsedLabel.value ?? "0:00"), He = p(() => Oe.value?.statusText.value ?? "Release to send"), Ue = p(() => Oe.value?.state.value.phase === "sending" ? "Sending voice message" : Be.value ? "Release to send voice message" : "Hold to record voice message"), We = j(!1), Ge = p(() => e.chatController?.canStartVoice?.value ?? !1), Ke = p(() => Ge.value && !We.value && !Be.value && Me.value === "idle"), qe = p(() => !s.value), Ye = p(() => qe.value ? `Voice available when ${e.agent.displayName.value || e.agent.name.value || "the assistant"} is awake` : "Start voice conversation");
+		let Le = p(() => Me.value === "stop" ? "Stop reply" : Fe.value ? "Send — answered after current work" : "Send message"), Re = p(() => je.value && !ke.value && !!Oe.value?.canUseBrowserRecording), Be = p(() => Oe.value?.isActive.value ?? !1), Ve = p(() => Oe.value?.elapsedLabel.value ?? "0:00"), He = p(() => Oe.value?.statusText.value ?? "Release to send"), Ue = p(() => Oe.value?.state.value.phase === "sending" ? "Sending voice message" : Be.value ? "Release to send voice message" : "Hold to record voice message"), We = M(!1), Ge = M(), Ke = p(() => e.chatController?.canStartVoice?.value ?? !1), qe = p(() => Ke.value && !We.value && !Be.value && Me.value === "idle"), Ye = p(() => !s.value), Xe = p(() => Ye.value ? `Voice available when ${e.agent.displayName.value || e.agent.name.value || "the assistant"} is awake` : "Start voice conversation");
 		function startVoiceConversation() {
-			!Ke.value || qe.value || (We.value = !0);
+			!qe.value || Ye.value || (We.value = !0);
 		}
 		async function endVoiceConversation() {
-			We.value && (We.value = !1, await C(), i.value?.focus(), await e.chatController?.refreshMessages());
+			if (!We.value) return;
+			let t = Ge.value?.end();
+			We.value = !1, await C(), await t, i.value?.focus(), await e.chatController?.refreshMessages();
 		}
-		let K = p(() => e.variant === "light"), Xe = p(() => K.value ? "bg-gradient-to-r from-transparent via-black/5 to-transparent" : "bg-gradient-to-r from-transparent via-white/5 to-transparent"), Ze = p(() => K.value ? "text-theme-300" : "text-white/30");
-		ne(async () => {
+		let K = p(() => e.variant === "light"), Ze = p(() => K.value ? "bg-gradient-to-r from-transparent via-black/5 to-transparent" : "bg-gradient-to-r from-transparent via-white/5 to-transparent"), Qe = p(() => K.value ? "text-theme-300" : "text-white/30");
+		te(async () => {
 			e.chatController && !s.value && await e.chatController.startTextConversation();
-		}), re(() => {
+		}), ne(() => {
 			e.chatController?.voiceRecorder?.teardown();
 		});
 		async function sendMessage() {
@@ -4967,7 +4973,7 @@ var kr = [
 		function adjustTextareaHeight() {
 			i.value && (i.value.style.height = "auto", i.value.style.height = `${Math.min(i.value.scrollHeight, 150)}px`);
 		}
-		ce(Te, () => C(() => adjustTextareaHeight()));
+		se(Te, () => C(() => adjustTextareaHeight()));
 		function triggerFileInput() {
 			a.value?.click();
 		}
@@ -5011,24 +5017,26 @@ var kr = [
 				...o ? {} : { year: "numeric" }
 			})}, ${a}`;
 		}
-		return (t, o) => (A(), _("div", {
+		return (t, o) => (j(), _("div", {
 			"data-test": "messaging-root",
-			class: T(["@container/chat relative flex h-full flex-col", R.value.length === 0 ? "min-h-0 [justify-content:safe_center] overflow-y-auto" : ""])
+			class: T(["@container/chat relative flex h-full flex-col", B.value.length === 0 ? "min-h-0 [justify-content:safe_center] overflow-y-auto" : ""])
 		}, [
-			e.showHeader && !K.value ? (A(), _("div", vi, [x(Pe, {
+			e.showHeader && !K.value ? (j(), _("div", vi, [x(Pe, {
 				agent: e.agent,
 				"is-online": s.value
-			}, null, 8, ["agent", "is-online"])])) : e.showHeader ? (A(), _("div", yi, [v("div", { class: T(["flex items-center gap-3", e.centered ? "max-w-[720px] mx-auto" : ""]) }, [
+			}, null, 8, ["agent", "is-online"])])) : e.showHeader ? (j(), _("div", yi, [v("div", { class: T(["flex items-center gap-3", e.centered ? "max-w-[720px] mx-auto" : ""]) }, [
 				x(ze, {
 					agent: e.agent,
 					"is-light": K.value,
 					class: "size-10"
 				}, null, 8, ["agent", "is-light"]),
-				v("div", bi, [v("div", xi, F(e.agent.displayName.value), 1), v("div", Si, F(e.agent.title.value || "Assistant"), 1)]),
-				e.headerMeta ? (A(), _("span", Ci, F(e.headerMeta), 1)) : h("", !0)
+				v("div", bi, [v("div", xi, I(e.agent.displayName.value), 1), v("div", Si, I(e.agent.title.value || "Assistant"), 1)]),
+				e.headerMeta ? (j(), _("span", Ci, I(e.headerMeta), 1)) : h("", !0)
 			], 2)])) : h("", !0),
-			We.value ? (A(), m(_i, {
+			We.value ? (j(), m(_i, {
 				key: 2,
+				ref_key: "voiceMode",
+				ref: Ge,
 				agent: e.agent,
 				"chat-controller": e.chatController,
 				"is-light": K.value,
@@ -5037,36 +5045,36 @@ var kr = [
 				"agent",
 				"chat-controller",
 				"is-light"
-			])) : (A(), _(f, { key: 3 }, [S.value ? (A(), _("div", {
+			])) : (j(), _(f, { key: 3 }, [S.value ? (j(), _("div", {
 				key: 0,
 				class: T(["py-16 flex flex-col items-center justify-center gap-2 text-sm", K.value ? "text-theme-400" : "text-theme-600"])
-			}, [x(he, { class: "size-4" })], 2)) : e.setupHint ? (A(), _("div", {
+			}, [x(pe, { class: "size-4" })], 2)) : e.setupHint ? (j(), _("div", {
 				key: 1,
-				class: T(["flex items-center justify-center gap-1.5 py-2 text-[11px]", Ze.value])
-			}, [o[21] || (o[21] = v("i", { class: "i-tabler-tool size-3" }, null, -1)), v("span", null, F(e.setupHint), 1)], 2)) : h("", !0), x(ci, {
+				class: T(["flex items-center justify-center gap-1.5 py-2 text-[11px]", Qe.value])
+			}, [o[21] || (o[21] = v("i", { class: "i-tabler-tool size-3" }, null, -1)), v("span", null, I(e.setupHint), 1)], 2)) : h("", !0), x(ci, {
 				ref_key: "chatScroller",
 				ref: r,
-				class: T(R.value.length === 0 ? "flex-none" : "flex-1")
+				class: T(B.value.length === 0 ? "flex-none" : "flex-1")
 			}, {
-				default: I(() => [v("div", { class: T([R.value.length === 0 ? "flex flex-col items-center justify-center px-3 py-4" : e.centered ? "pt-20 pb-5 px-3 space-y-2" : "pt-4 pb-[120px] px-3 space-y-2", e.centered ? R.value.length === 0 ? "max-w-[900px] mx-auto w-full" : "max-w-[720px] mx-auto w-full" : ""]) }, [
-					R.value.length === 0 && !S.value ? (A(), _("div", wi, [ie(t.$slots, "empty-heading", {
+				default: R(() => [v("div", { class: T([B.value.length === 0 ? "flex flex-col items-center justify-center px-3 py-4" : e.centered ? "pt-20 pb-5 px-3 space-y-2" : "pt-4 pb-[120px] px-3 space-y-2", e.centered ? B.value.length === 0 ? "max-w-[900px] mx-auto w-full" : "max-w-[720px] mx-auto w-full" : ""]) }, [
+					B.value.length === 0 && !S.value ? (j(), _("div", wi, [re(t.$slots, "empty-heading", {
 						agent: e.agent,
 						isLight: K.value
 					}, () => [x(ze, {
 						agent: e.agent,
 						"is-light": K.value,
 						class: "mb-4 size-20 @sm/chat:size-24"
-					}, null, 8, ["agent", "is-light"]), v("div", { class: T(["text-base @sm/chat:text-lg font-semibold", K.value ? "text-theme-900" : "text-white"]) }, F(e.agent.displayName.value), 3)]), e.emptyStateMessage === "" ? h("", !0) : (A(), _(f, { key: 0 }, [v("p", { class: T(["mt-1 text-center text-xs @sm/chat:text-sm", Ze.value]) }, F(e.emptyStateMessage || "Type your message to get started."), 3), v("div", {
+					}, null, 8, ["agent", "is-light"]), v("div", { class: T(["text-base @sm/chat:text-lg font-semibold", K.value ? "text-theme-900" : "text-white"]) }, I(e.agent.displayName.value), 3)]), e.emptyStateMessage === "" ? h("", !0) : (j(), _(f, { key: 0 }, [v("p", { class: T(["mt-1 text-center text-xs @sm/chat:text-sm", Qe.value]) }, I(e.emptyStateMessage || "Type your message to get started."), 3), v("div", {
 						class: T(["inline-flex items-center gap-1.5 mt-5 px-2.5 py-1 rounded-full text-[11px]", K.value ? "bg-theme-50 border border-theme-100 text-theme-400" : "bg-white/10 border border-white/20 text-white/40"]),
 						title: n.value.tooltip
-					}, [v("i", { class: T([n.value.icon, "size-3"]) }, null, 2), v("span", null, F(n.value.label), 1)], 10, Ti)], 64))])) : h("", !0),
-					(A(!0), _(f, null, M(R.value, (e, t) => (A(), _(f, { key: e.id }, [
-						shouldShowTimeDivider(R.value, t) ? (A(), _("div", Ei, [
-							v("div", { class: T(["flex-1 h-px", Xe.value]) }, null, 2),
-							v("span", { class: T(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", Ze.value]) }, F(shouldShowTimeDivider(R.value, t)), 3),
-							v("div", { class: T(["flex-1 h-px", Xe.value]) }, null, 2)
+					}, [v("i", { class: T([n.value.icon, "size-3"]) }, null, 2), v("span", null, I(n.value.label), 1)], 10, Ti)], 64))])) : h("", !0),
+					(j(!0), _(f, null, P(B.value, (e, t) => (j(), _(f, { key: e.id }, [
+						shouldShowTimeDivider(B.value, t) ? (j(), _("div", Ei, [
+							v("div", { class: T(["flex-1 h-px", Ze.value]) }, null, 2),
+							v("span", { class: T(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", Qe.value]) }, I(shouldShowTimeDivider(B.value, t)), 3),
+							v("div", { class: T(["flex-1 h-px", Ze.value]) }, null, 2)
 						])) : h("", !0),
-						messageWorkJournal(e) ? (A(), _("div", {
+						messageWorkJournal(e) ? (j(), _("div", {
 							key: 1,
 							"data-test": "messaging-message-tool-activity",
 							"data-journal-outcome": messageWorkJournal(e)?.outcome,
@@ -5075,7 +5083,7 @@ var kr = [
 							model: messageWorkJournal(e),
 							"is-light": K.value
 						}, null, 8, ["model", "is-light"])], 8, Di)) : h("", !0),
-						isSystemExplainerMessage(e) ? (A(), _("div", {
+						isSystemExplainerMessage(e) ? (j(), _("div", {
 							key: 2,
 							"data-test": "messaging-system-msg",
 							"data-message-id": e.id,
@@ -5089,28 +5097,28 @@ var kr = [
 							"data-issue-action-url": e.issue?.actionUrl,
 							"data-streaming": e.id === ye.value ? "true" : void 0,
 							class: "flex gap-2 items-end justify-start mb-4"
-						}, [v("div", ki, [v("div", { class: T(["mb-1 pl-1 text-[11px] font-medium", K.value ? "text-theme-500" : "text-white/45"]) }, " System Message ", 2), v("div", { class: T(["pl-1", K.value ? "text-theme-700" : "text-white/85"]) }, [e.text ? (A(), m(ai, {
+						}, [v("div", ki, [v("div", { class: T(["mb-1 pl-1 text-[11px] font-medium", K.value ? "text-theme-500" : "text-white/45"]) }, " System Message ", 2), v("div", { class: T(["pl-1", K.value ? "text-theme-700" : "text-white/85"]) }, [e.text ? (j(), m(ai, {
 							key: 0,
 							text: e.text,
 							inverted: !K.value,
 							streaming: e.id === ye.value,
-							onClick: o[0] || (o[0] = pe(() => {}, ["stop"])),
+							onClick: o[0] || (o[0] = de(() => {}, ["stop"])),
 							onAction: handleCardAction
 						}, null, 8, [
 							"text",
 							"inverted",
 							"streaming"
-						])) : e.issue?.help ? (A(), m(ai, {
+						])) : e.issue?.help ? (j(), m(ai, {
 							key: 1,
 							text: e.issue.help,
 							inverted: !K.value
-						}, null, 8, ["text", "inverted"])) : h("", !0), e.issue?.actionUrl && !containsMarkdownLink(e.text) ? (A(), _("a", {
+						}, null, 8, ["text", "inverted"])) : h("", !0), e.issue?.actionUrl && !containsMarkdownLink(e.text) ? (j(), _("a", {
 							key: 2,
 							href: e.issue.actionUrl,
 							"data-test": "messaging-system-msg-action",
 							class: T(["mt-2 text-[12px] font-medium inline-flex items-center gap-1", K.value ? "text-theme-900 hover:text-theme-700" : "text-white hover:text-white/80"]),
-							onClick: o[1] || (o[1] = pe(() => {}, ["stop"]))
-						}, [b(F(e.issue.actionLabel) + " ", 1), o[22] || (o[22] = v("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, Ai)) : h("", !0)], 2)])], 8, Oi)) : e.sender === "system" ? (A(), _("div", {
+							onClick: o[1] || (o[1] = de(() => {}, ["stop"]))
+						}, [b(I(e.issue.actionLabel) + " ", 1), o[22] || (o[22] = v("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, Ai)) : h("", !0)], 2)])], 8, Oi)) : e.sender === "system" ? (j(), _("div", {
 							key: 3,
 							"data-test": "messaging-system-status-msg",
 							"data-message-id": e.id,
@@ -5128,8 +5136,8 @@ var kr = [
 						}, null, -1)), x(ai, {
 							text: e.text,
 							inverted: !K.value,
-							onClick: o[2] || (o[2] = pe(() => {}, ["stop"]))
-						}, null, 8, ["text", "inverted"])], 10, ji)) : (A(), _("div", {
+							onClick: o[2] || (o[2] = de(() => {}, ["stop"]))
+						}, null, 8, ["text", "inverted"])], 10, ji)) : (j(), _("div", {
 							key: 4,
 							"data-test": e.sender === "agent" ? "messaging-assistant-msg" : e.sender === "user" ? "messaging-user-msg" : void 0,
 							"data-message-id": e.id,
@@ -5143,30 +5151,30 @@ var kr = [
 							class: T(["flex gap-2 items-end", {
 								"justify-end": e.sender === "user",
 								"justify-start": e.sender === "agent",
-								"mb-6": isGroupEnd(R.value, t),
+								"mb-6": isGroupEnd(B.value, t),
 								"opacity-70": isQueuedMessage(e.id)
 							}])
 						}, [v("div", {
 							"data-test": "messaging-message-body",
-							class: T(e.sender === "user" ? "max-w-[min(78%,30rem)]" : "w-full min-w-0 @sm/chat:pr-[1em] @lg/chat:pr-[2em]")
-						}, [blockAttachmentsForMessage(e).length ? (A(), _("div", {
+							class: T(e.sender === "user" ? "max-w-[min(78%,30rem)]" : "w-full min-w-0")
+						}, [blockAttachmentsForMessage(e).length ? (j(), _("div", {
 							key: 0,
 							class: T(["mb-1 space-y-1", e.sender === "user" ? "flex flex-col items-end" : ""])
-						}, [(A(!0), _(f, null, M(blockAttachmentsForMessage(e), ({ attachment: e, index: t }) => (A(), _(f, { key: attachmentKey(e, t) }, [e.type === "image" ? (A(), _("img", {
+						}, [(j(!0), _(f, null, P(blockAttachmentsForMessage(e), ({ attachment: e, index: t }) => (j(), _(f, { key: attachmentKey(e, t) }, [e.type === "image" ? (j(), _("img", {
 							key: 0,
 							src: e.src,
 							alt: e.filename,
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
 							class: "rounded-xl object-cover max-h-48 max-w-[240px] @sm/chat:max-w-[320px]"
-						}, null, 8, Ni)) : e.type === "audio" ? (A(), _("audio", {
+						}, null, 8, Ni)) : e.type === "audio" ? (j(), _("audio", {
 							key: 1,
 							src: e.src,
 							controls: "",
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
 							class: "max-w-full"
-						}, null, 8, Pi)) : (A(), _("a", {
+						}, null, 8, Pi)) : (j(), _("a", {
 							key: 2,
 							href: e.src,
 							target: "_blank",
@@ -5174,35 +5182,35 @@ var kr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
 							class: T(["inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", K.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
-						}, [o[24] || (o[24] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), b(" " + F(e.filename), 1)], 10, Fi))], 64))), 128))], 2)) : h("", !0), messageRenderParts(e).length ? (A(), _("div", {
+						}, [o[24] || (o[24] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), b(" " + I(e.filename), 1)], 10, Fi))], 64))), 128))], 2)) : h("", !0), messageRenderParts(e).length ? (j(), _("div", {
 							key: 1,
 							"data-test": "messaging-message-content",
-							class: T(e.sender === "user" ? K.value ? "rounded-[14px] px-4 py-2.5 bg-theme-100 text-theme-900" : "rounded-[14px] px-4 py-2.5 bg-white/10 text-white" : K.value ? "text-theme-800" : "text-white/95")
-						}, [(A(!0), _(f, null, M(messageRenderParts(e), (t) => (A(), _(f, { key: t.key }, [t.kind === "text" && t.text ? (A(), _("div", Ii, [x(ai, {
+							class: T(e.sender === "user" ? K.value ? "rounded-[14px] px-4 py-2.5 bg-theme-100 text-theme-900" : "rounded-[14px] px-4 py-2.5 bg-white/10 text-white" : K.value ? "text-theme-800 @lg/chat:px-[1em]" : "text-white/95 @lg/chat:px-[1em]")
+						}, [(j(!0), _(f, null, P(messageRenderParts(e), (t) => (j(), _(f, { key: t.key }, [t.kind === "text" && t.text ? (j(), _("div", Ii, [x(ai, {
 							text: t.text,
 							inverted: e.sender === "user" || !K.value,
 							streaming: e.id === ye.value,
-							onClick: o[3] || (o[3] = pe(() => {}, ["stop"])),
+							onClick: o[3] || (o[3] = de(() => {}, ["stop"])),
 							onAction: handleCardAction
 						}, null, 8, [
 							"text",
 							"inverted",
 							"streaming"
-						])])) : t.kind === "attachment" && t.attachment.type === "image" ? (A(), _("img", {
+						])])) : t.kind === "attachment" && t.attachment.type === "image" ? (j(), _("img", {
 							key: 1,
 							src: t.attachment.src,
 							alt: t.attachment.filename,
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
 							class: "my-2 rounded-xl object-cover max-h-48 max-w-[240px] @sm/chat:max-w-[320px]"
-						}, null, 8, Li)) : t.kind === "attachment" && t.attachment.type === "audio" ? (A(), _("audio", {
+						}, null, 8, Li)) : t.kind === "attachment" && t.attachment.type === "audio" ? (j(), _("audio", {
 							key: 2,
 							src: t.attachment.src,
 							controls: "",
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
 							class: "my-2 max-w-full"
-						}, null, 8, Ri)) : t.kind === "attachment" ? (A(), _("a", {
+						}, null, 8, Ri)) : t.kind === "attachment" ? (j(), _("a", {
 							key: 3,
 							href: t.attachment.src,
 							target: "_blank",
@@ -5210,8 +5218,8 @@ var kr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
 							class: T(["my-2 inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", K.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
-						}, [o[25] || (o[25] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), b(" " + F(t.attachment.filename), 1)], 10, zi)) : h("", !0)], 64))), 128))], 2)) : h("", !0)], 2)], 10, Mi)),
-						e.id === H.value ? (A(), _(f, { key: 5 }, [P.value.length ? (A(!0), _(f, { key: 0 }, M(P.value, (e) => (A(), _(f, { key: e.id }, [e.kind === "work" ? (A(), _("div", {
+						}, [o[25] || (o[25] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), b(" " + I(t.attachment.filename), 1)], 10, zi)) : h("", !0)], 64))), 128))], 2)) : h("", !0)], 2)], 10, Mi)),
+						e.id === _e.value ? (j(), _(f, { key: 5 }, [F.value.length ? (j(!0), _(f, { key: 0 }, P(F.value, (e) => (j(), _(f, { key: e.id }, [e.kind === "work" ? (j(), _("div", {
 							key: 0,
 							"data-test": "messaging-tool-activity",
 							"data-journal-outcome": e.journal.outcome,
@@ -5219,44 +5227,44 @@ var kr = [
 						}, [x(Je, {
 							model: e.journal,
 							"is-light": K.value
-						}, null, 8, ["model", "is-light"])], 8, Bi)) : e.kind === "text" && e.content ? (A(), _("div", {
+						}, null, 8, ["model", "is-light"])], 8, Bi)) : e.kind === "text" && e.content ? (j(), _("div", {
 							key: 1,
 							"data-test": "messaging-live-text-block",
-							class: T(["mb-4 @sm/chat:pr-[1em] @lg/chat:pr-[2em]", K.value ? "text-theme-800" : "text-white/95"])
+							class: T(["mb-4 @lg/chat:px-[1em]", K.value ? "text-theme-800" : "text-white/95"])
 						}, [x(ai, {
 							text: e.content,
 							inverted: !K.value,
-							streaming: e.id === ae.value,
-							onClick: o[4] || (o[4] = pe(() => {}, ["stop"])),
+							streaming: e.id === ie.value,
+							onClick: o[4] || (o[4] = de(() => {}, ["stop"])),
 							onAction: handleCardAction
 						}, null, 8, [
 							"text",
 							"inverted",
 							"streaming"
-						])], 2)) : (A(), _("div", Vi, [x(he, { class: T(["size-3.5", K.value ? "text-theme-500" : "text-white/70"]) }, null, 8, ["class"])]))], 64))), 128)) : _e.value ? (A(), _("div", {
+						])], 2)) : (j(), _("div", Vi, [x(pe, { class: T(["size-3.5", K.value ? "text-theme-500" : "text-white/70"]) }, null, 8, ["class"])]))], 64))), 128)) : he.value ? (j(), _("div", {
 							key: 1,
 							"data-test": "messaging-tool-activity",
-							"data-journal-outcome": _e.value.outcome,
+							"data-journal-outcome": he.value.outcome,
 							class: "mb-4 w-full"
 						}, [x(Je, {
-							model: _e.value,
+							model: he.value,
 							"is-light": K.value
 						}, null, 8, ["model", "is-light"])], 8, Hi)) : h("", !0)], 64)) : h("", !0)
 					], 64))), 128)),
-					be.value ? (A(), _("div", {
+					be.value ? (j(), _("div", {
 						key: 1,
-						"data-test": B.value ? "messaging-working-state" : "messaging-thinking-indicator",
-						"data-working-description": B.value,
+						"data-test": H.value ? "messaging-working-state" : "messaging-thinking-indicator",
+						"data-working-description": H.value,
 						role: "status",
 						"aria-live": "polite",
 						class: T(["mb-4 flex items-center gap-2.5 pl-0.5 text-[13.5px] leading-none", K.value ? "text-theme-500" : "text-white/50"])
-					}, [v("span", Wi, [(A(), _(f, null, M(3, (e) => v("span", {
+					}, [v("span", Wi, [(j(), _(f, null, P(3, (e) => v("span", {
 						key: e,
 						"data-test": "messaging-thinking-dot",
 						class: "chat-working-dot size-1.5 rounded-full bg-current",
 						style: k({ animationDelay: `${(e - 1) * .18}s` })
-					}, null, 4)), 64))]), v("span", Gi, F(be.value), 1)], 10, Ui)) : h("", !0),
-					U.value ? (A(), _("div", {
+					}, null, 4)), 64))]), v("span", Gi, I(be.value), 1)], 10, Ui)) : h("", !0),
+					U.value ? (j(), _("div", {
 						key: 2,
 						"data-test": "messaging-transient-issue",
 						"data-issue-code": U.value.code,
@@ -5266,13 +5274,13 @@ var kr = [
 							class: "i-tabler-alert-circle size-3.5 shrink-0 text-red-500",
 							"aria-hidden": "true"
 						}, null, -1)),
-						v("span", null, [b(F(U.value.message), 1), U.value.help ? (A(), _(f, { key: 0 }, [b(F(U.value.help), 1)], 64)) : h("", !0)]),
-						U.value.actionUrl && U.value.actionLabel ? (A(), _("a", {
+						v("span", null, [b(I(U.value.message), 1), U.value.help ? (j(), _(f, { key: 0 }, [b(I(U.value.help), 1)], 64)) : h("", !0)]),
+						U.value.actionUrl && U.value.actionLabel ? (j(), _("a", {
 							key: 0,
 							href: U.value.actionUrl,
 							class: "shrink-0 underline underline-offset-2",
-							onClick: o[5] || (o[5] = pe(() => {}, ["stop"]))
-						}, F(U.value.actionLabel), 9, qi)) : h("", !0)
+							onClick: o[5] || (o[5] = de(() => {}, ["stop"]))
+						}, I(U.value.actionLabel), 9, qi)) : h("", !0)
 					], 10, Ki)) : h("", !0)
 				], 2)]),
 				_: 3
@@ -5280,30 +5288,30 @@ var kr = [
 			v("div", {
 				"data-test": "messaging-composer-footer",
 				class: T(["left-0 right-0 z-30 px-5 pb-[max(env(safe-area-inset-bottom),1rem)]", [
-					R.value.length === 0 || e.centered ? "relative shrink-0" : "absolute bottom-0",
-					e.centered && R.value.length > 0 ? "pt-0" : "pt-3",
+					B.value.length === 0 || e.centered ? "relative shrink-0" : "absolute bottom-0",
+					e.centered && B.value.length > 0 ? "pt-0" : "pt-3",
 					K.value ? e.centered ? "bg-theme-25/50" : "bg-gradient-to-t from-theme-0/90 via-theme-0/55 to-transparent" : "bg-gradient-to-t from-black/90 via-black/60 to-transparent"
 				]])
 			}, [
-				Ee.value.length > 0 ? (A(), _("div", {
+				Ee.value.length > 0 ? (j(), _("div", {
 					key: 0,
 					class: T(["flex items-center gap-2 px-2 pb-2 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", e.centered ? "max-w-[720px] mx-auto" : ""])
-				}, [(A(!0), _(f, null, M(Ee.value, (e, t) => (A(), _("div", {
+				}, [(j(!0), _(f, null, P(Ee.value, (e, t) => (j(), _("div", {
 					key: t,
 					class: "relative shrink-0 group"
-				}, [e.type === "image" ? (A(), _("img", {
+				}, [e.type === "image" ? (j(), _("img", {
 					key: 0,
 					src: e.src,
 					alt: e.filename,
 					class: T(["size-14 rounded-xl object-cover border", K.value ? "border-black/10" : "border-white/20"])
-				}, null, 10, Ji)) : (A(), _("div", {
+				}, null, 10, Ji)) : (j(), _("div", {
 					key: 1,
 					class: T(["h-14 px-3 rounded-xl flex items-center gap-1.5 text-xs border", K.value ? "border-black/10 bg-theme-50 text-theme-600" : "border-white/20 bg-white/10 text-white/70"])
-				}, [o[27] || (o[27] = v("i", { class: "i-tabler-file size-4" }, null, -1)), v("span", Yi, F(e.filename), 1)], 2)), v("button", {
+				}, [o[27] || (o[27] = v("i", { class: "i-tabler-file size-4" }, null, -1)), v("span", Yi, I(e.filename), 1)], 2)), v("button", {
 					class: "absolute -top-1.5 -right-1.5 size-5 flex items-center justify-center rounded-full bg-theme-800 text-white text-xs scale-0 group-hover:scale-100 transition-transform cursor-pointer",
 					onClick: (e) => removeAttachment(t)
-				}, [...o[28] || (o[28] = [v("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, Xi)]))), 128)), De.value ? (A(), _("div", Zi, [x(he, { class: "size-5" })])) : h("", !0)], 2)) : h("", !0),
-				Ae.value ? (A(), _("input", {
+				}, [...o[28] || (o[28] = [v("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, Xi)]))), 128)), De.value ? (j(), _("div", Zi, [x(pe, { class: "size-5" })])) : h("", !0)], 2)) : h("", !0),
+				Ae.value ? (j(), _("input", {
 					key: 1,
 					ref_key: "fileInput",
 					ref: a,
@@ -5317,15 +5325,15 @@ var kr = [
 					"data-composer-action": Me.value,
 					class: T(["w-full cursor-text rounded-2xl px-4 pb-2.5 pt-3 transition-colors duration-200", [e.centered ? "max-w-[720px] mx-auto @lg/chat:pb-5 @lg/chat:pt-5" : "", K.value ? "bg-white shadow-[0_1px_2px_rgba(15,23,42,0.05),0_8px_24px_rgba(15,23,42,0.05)] ring-1 ring-theme-200 hover:ring-theme-300 focus-within:ring-theme-300" : "bg-white/10 backdrop-blur-xl ring-1 ring-white/15 hover:ring-white/25 focus-within:bg-white/15 focus-within:ring-white/25"]]),
 					onClick: focusComposer
-				}, [Be.value ? (A(), _("div", {
+				}, [Be.value ? (j(), _("div", {
 					key: 1,
 					"data-test": "messaging-recording-state",
 					class: T(["flex min-w-0 items-center gap-2 py-1", K.value ? "text-theme-700" : "text-white/80"])
 				}, [
 					o[29] || (o[29] = v("span", { class: "size-2.5 shrink-0 rounded-full bg-red-500" }, null, -1)),
-					v("span", ea, F(Ve.value), 1),
-					v("span", { class: T(["min-w-0 truncate text-sm", K.value ? "text-theme-400" : "text-white/45"]) }, F(He.value), 3)
-				], 2)) : ue((A(), _("textarea", {
+					v("span", ea, I(Ve.value), 1),
+					v("span", { class: T(["min-w-0 truncate text-sm", K.value ? "text-theme-400" : "text-white/45"]) }, I(He.value), 3)
+				], 2)) : ce((j(), _("textarea", {
 					key: 0,
 					ref_key: "textarea",
 					ref: i,
@@ -5346,7 +5354,7 @@ var kr = [
 					},
 					class: T(["block w-full bg-transparent leading-snug focus:outline-none disabled:opacity-50 overflow-y-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", K.value ? "text-theme-900 placeholder-theme-400" : "text-white placeholder-white/50"]),
 					onKeydown: handleKeydown
-				}, null, 42, $i)), [[se, Te.value]]), v("div", ta, [
+				}, null, 42, $i)), [[oe, Te.value]]), v("div", ta, [
 					v("button", {
 						class: T(["-ml-2 flex size-11 items-center justify-center transition-opacity hover:opacity-70", [
 							Ae.value ? "cursor-pointer" : "cursor-default",
@@ -5357,24 +5365,24 @@ var kr = [
 						"aria-label": Ae.value ? "Attach file" : "File attachments unavailable",
 						title: Ae.value ? "Attach file" : "File attachments unavailable",
 						onClick: o[7] || (o[7] = (e) => Ae.value && triggerFileInput())
-					}, [De.value ? (A(), _("i", ra)) : (A(), _("i", ia)), v("span", aa, F(Ae.value ? "Attach file" : "File attachments unavailable"), 1)], 10, na),
+					}, [De.value ? (j(), _("i", ra)) : (j(), _("i", ia)), v("span", aa, I(Ae.value ? "Attach file" : "File attachments unavailable"), 1)], 10, na),
 					o[33] || (o[33] = v("div", { class: "flex-1" }, null, -1)),
-					v("div", oa, [(Re.value || Be.value) && !We.value ? (A(), _("button", {
+					v("div", oa, [(Re.value || Be.value) && !We.value ? (j(), _("button", {
 						key: 0,
 						"data-test": "messaging-record-audio-btn",
 						class: T(["flex size-11 cursor-pointer items-center justify-center transition-[opacity,transform] duration-200 hover:opacity-70", Be.value ? K.value ? "text-theme-900 scale-110" : "text-white scale-110" : K.value ? "text-theme-500" : "text-white/60"]),
 						"aria-label": Ue.value,
 						title: Ue.value,
-						onPointerdown: o[8] || (o[8] = pe((e) => startRecording(), ["prevent"])),
-						onPointerup: o[9] || (o[9] = pe((e) => finishRecording({ cancelled: !1 }), ["prevent"])),
-						onPointercancel: o[10] || (o[10] = pe((e) => finishRecording({ cancelled: !0 }), ["prevent"])),
+						onPointerdown: o[8] || (o[8] = de((e) => startRecording(), ["prevent"])),
+						onPointerup: o[9] || (o[9] = de((e) => finishRecording({ cancelled: !1 }), ["prevent"])),
+						onPointercancel: o[10] || (o[10] = de((e) => finishRecording({ cancelled: !0 }), ["prevent"])),
 						onKeydown: [
-							o[11] || (o[11] = de(pe((e) => startRecording(), ["prevent"]), ["enter"])),
-							o[13] || (o[13] = de(pe((e) => startRecording(), ["prevent"]), ["space"])),
-							o[15] || (o[15] = de(pe((e) => finishRecording({ cancelled: !0 }), ["prevent"]), ["escape"]))
+							o[11] || (o[11] = ue(de((e) => startRecording(), ["prevent"]), ["enter"])),
+							o[13] || (o[13] = ue(de((e) => startRecording(), ["prevent"]), ["space"])),
+							o[15] || (o[15] = ue(de((e) => finishRecording({ cancelled: !0 }), ["prevent"]), ["escape"]))
 						],
-						onKeyup: [o[12] || (o[12] = de(pe((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["enter"])), o[14] || (o[14] = de(pe((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["space"]))]
-					}, [v("i", { class: T([Be.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), v("span", ca, F(Ue.value), 1)], 42, sa)) : h("", !0), We.value ? (A(), _("button", {
+						onKeyup: [o[12] || (o[12] = ue(de((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["enter"])), o[14] || (o[14] = ue(de((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["space"]))]
+					}, [v("i", { class: T([Be.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), v("span", ca, I(Ue.value), 1)], 42, sa)) : h("", !0), We.value ? (j(), _("button", {
 						key: 1,
 						"data-test": "messaging-voice-end-btn",
 						class: "flex size-11 cursor-pointer items-center justify-center rounded-full bg-red-600 text-white transition-colors duration-150 hover:bg-red-700",
@@ -5384,15 +5392,15 @@ var kr = [
 					}, [...o[30] || (o[30] = [v("i", {
 						class: "i-tabler-x size-[18px]",
 						"aria-hidden": "true"
-					}, null, -1), v("span", { class: "sr-only" }, "End voice conversation", -1)])])) : Ke.value ? (A(), _("button", {
+					}, null, -1), v("span", { class: "sr-only" }, "End voice conversation", -1)])])) : qe.value ? (j(), _("button", {
 						key: 2,
 						"data-test": "messaging-voice-start-btn",
-						class: T(["flex size-11 items-center justify-center rounded-full transition-colors duration-150", [K.value ? "bg-theme-900 text-theme-0 hover:bg-theme-800" : "bg-theme-0 text-theme-950 hover:bg-theme-100", qe.value ? "cursor-not-allowed opacity-40" : "cursor-pointer"]]),
-						disabled: qe.value,
-						"aria-label": Ye.value,
-						title: Ye.value,
+						class: T(["flex size-11 items-center justify-center rounded-full transition-colors duration-150", [K.value ? "bg-theme-900 text-theme-0 hover:bg-theme-800" : "bg-theme-0 text-theme-950 hover:bg-theme-100", Ye.value ? "cursor-not-allowed opacity-40" : "cursor-pointer"]]),
+						disabled: Ye.value,
+						"aria-label": Xe.value,
+						title: Xe.value,
 						onClick: o[17] || (o[17] = (e) => startVoiceConversation())
-					}, [v("span", ua, [(A(), _(f, null, M([
+					}, [v("span", ua, [(j(), _(f, null, P([
 						7,
 						13,
 						16,
@@ -5402,7 +5410,7 @@ var kr = [
 						key: e,
 						class: "w-[2px] rounded-full bg-current",
 						style: k({ height: `${e}px` })
-					}, null, 4)), 64))]), o[31] || (o[31] = v("span", { class: "sr-only" }, "Start voice conversation", -1))], 10, la)) : Be.value ? h("", !0) : (A(), _(f, { key: 3 }, [Fe.value ? (A(), _("button", {
+					}, null, 4)), 64))]), o[31] || (o[31] = v("span", { class: "sr-only" }, "Start voice conversation", -1))], 10, la)) : Be.value ? h("", !0) : (j(), _(f, { key: 3 }, [Fe.value ? (j(), _("button", {
 						key: 0,
 						"data-test": "messaging-secondary-stop-btn",
 						class: T(["mr-2 flex size-11 cursor-pointer items-center justify-center rounded-full transition-colors duration-150", K.value ? "bg-theme-100 text-theme-700 hover:bg-theme-200" : "bg-white/10 text-white/70 hover:bg-white/15"]),
@@ -5420,24 +5428,24 @@ var kr = [
 						"aria-label": Le.value,
 						title: Le.value,
 						onClick: o[19] || (o[19] = (e) => handleComposerAction())
-					}, [Me.value === "stop" ? (A(), _("i", fa)) : (A(), _("i", pa)), v("span", ma, F(Le.value), 1)], 10, da)], 64))])
+					}, [Me.value === "stop" ? (j(), _("i", fa)) : (j(), _("i", pa)), v("span", ma, I(Le.value), 1)], 10, da)], 64))])
 				])], 10, Qi),
-				K.value && e.centered && e.scope === "private" ? (A(), _("div", ha, F(e.agent.displayName.value) + " is AI and can make mistakes. ", 1)) : h("", !0),
-				!We.value && R.value.length === 0 && e.suggestedPrompts.length > 0 ? (A(), _("div", ga, [v("div", _a, [(A(!0), _(f, null, M(e.suggestedPrompts, (e, t) => (A(), _("button", {
+				K.value && e.centered && e.scope === "private" ? (j(), _("div", ha, I(e.agent.displayName.value) + " is AI and can make mistakes. ", 1)) : h("", !0),
+				!We.value && B.value.length === 0 && e.suggestedPrompts.length > 0 ? (j(), _("div", ga, [v("div", _a, [(j(!0), _(f, null, P(e.suggestedPrompts, (e, t) => (j(), _("button", {
 					key: e.id,
 					type: "button",
 					disabled: Se.value,
 					"data-test": "messaging-suggested-prompt",
-					class: T(["w-full rounded-2xl bg-theme-50 px-4 py-3 text-left text-[14.5px] font-medium transition-colors sm:w-auto sm:rounded-full sm:py-2 sm:text-center sm:text-[14px]", [Se.value ? "cursor-not-allowed text-theme-300" : "cursor-pointer text-theme-600 hover:bg-theme-100 hover:text-theme-900", !te.value && t >= 3 ? "max-sm:hidden" : ""]]),
+					class: T(["w-full rounded-2xl bg-theme-50 px-4 py-3 text-left text-[14.5px] font-medium transition-colors sm:w-auto sm:rounded-full sm:py-2 sm:text-center sm:text-[14px]", [Se.value ? "cursor-not-allowed text-theme-300" : "cursor-pointer text-theme-600 hover:bg-theme-100 hover:text-theme-900", !A.value && t >= 3 ? "max-sm:hidden" : ""]]),
 					onClick: (t) => sendSuggestedPrompt(e)
-				}, F(e.label), 11, va))), 128)), e.suggestedPrompts.length > 3 ? (A(), _("button", {
+				}, I(e.label), 11, va))), 128)), e.suggestedPrompts.length > 3 ? (j(), _("button", {
 					key: 0,
 					type: "button",
 					"data-test": "messaging-suggested-prompts-more",
-					"aria-expanded": te.value,
+					"aria-expanded": A.value,
 					class: "flex w-full cursor-pointer items-center justify-center gap-1.5 rounded-2xl px-4 py-3 text-[14px] font-medium text-theme-600 ring-1 ring-theme-200 transition-colors hover:bg-theme-50 hover:text-theme-900 sm:hidden",
-					onClick: o[20] || (o[20] = (e) => te.value = !te.value)
-				}, [b(F(te.value ? "See less" : "See more") + " ", 1), v("i", { class: T(["i-tabler-chevron-down size-4 transition-transform", te.value ? "rotate-180" : ""]) }, null, 2)], 8, ya)) : h("", !0)])])) : h("", !0)
+					onClick: o[20] || (o[20] = (e) => A.value = !A.value)
+				}, [b(I(A.value ? "See less" : "See more") + " ", 1), v("i", { class: T(["i-tabler-chevron-down size-4 transition-transform", A.value ? "rotate-180" : ""]) }, null, 2)], 8, ya)) : h("", !0)])])) : h("", !0)
 			], 2)
 		], 2));
 	}
@@ -5470,7 +5478,7 @@ var kr = [
 		let r = a("AgentWrap"), i = e, o = i.sdk || t.getInstance({
 			isDev: typeof window < "u" ? window.location.hostname === "localhost" || window.location.hostname.includes("127.0.0.1") : !1,
 			...i.apiBase && { apiBase: i.apiBase }
-		}), s = ae(!i.agent), c = ae(i.agent ? new n({ config: i.agent }) : void 0), u = ae();
+		}), s = ie(!i.agent), c = ie(i.agent ? new n({ config: i.agent }) : void 0), u = ie();
 		async function loadAgent() {
 			if (i.agent) {
 				r.debug("Agent provided via props, skipping fetch", {
@@ -5546,15 +5554,15 @@ var kr = [
 				});
 			}
 		}
-		return ne(loadAgent), (t, n) => (A(), _("div", xa, [s.value ? (A(), _("div", Sa, [v("div", { class: T(["size-6 animate-spin rounded-full border-b-2", i.bare ? "border-theme-400" : "border-white"]) }, null, 2)])) : c.value ? ie(t.$slots, "default", {
-			sdk: oe(o),
+		return te(loadAgent), (t, n) => (j(), _("div", xa, [s.value ? (j(), _("div", Sa, [v("div", { class: T(["size-6 animate-spin rounded-full border-b-2", i.bare ? "border-theme-400" : "border-white"]) }, null, 2)])) : c.value ? re(t.$slots, "default", {
+			sdk: ae(o),
 			agent: c.value,
 			context: e.clientContext ?? e.context,
 			firstMessage: e.firstMessage,
 			buttonText: e.buttonText,
 			buttonIcon: e.buttonIcon,
 			loading: s.value
-		}, void 0, void 0, 1) : u.value ? (A(), _("div", Ca, [n[0] || (n[0] = v("p", { class: "text-sm font-medium text-theme-600" }, " This assistant is unavailable right now. ", -1)), v("button", {
+		}, void 0, void 0, 1) : u.value ? (j(), _("div", Ca, [n[0] || (n[0] = v("p", { class: "text-sm font-medium text-theme-600" }, " This assistant is unavailable right now. ", -1)), v("button", {
 			type: "button",
 			class: "min-h-11 rounded-full bg-theme-900 px-5 text-sm font-semibold text-theme-0 transition-colors hover:bg-theme-700",
 			"data-test": "agent-unavailable-retry",
@@ -5563,6 +5571,6 @@ var kr = [
 	}
 });
 //#endregion
-export { Pe as a, we as c, parseButtonTemplate as d, AgentChatController as f, he as h, ai as i, getAgentAvatarUrl as l, n as m, ba as n, Oe as o, _e as p, _i as r, Ee as s, wa as t, handleImageError as u };
+export { Pe as a, we as c, parseButtonTemplate as d, AgentChatController as f, pe as h, ai as i, getAgentAvatarUrl as l, n as m, ba as n, Oe as o, he as p, _i as r, Ee as s, wa as t, handleImageError as u };
 
 //# sourceMappingURL=AgentWrap.js.map