@pagelines/sdk 1.0.839 → 1.0.840

package/dist/AgentWrap.js

@@ -1,12 +1,12 @@
 import { t as e } from "./rolldown-runtime.js";
 import { s as t, t as n } from "./sdkClient.js";
 import { Agent as r, CHAT_ISSUE_COPY as i, CUSTOMER_AGENT_STATE_LABEL as a, SettingsObject as o, createLogger as s, customerAgentState as c, getDefaultAvatarUrl as u, isAssistantSilenceControl as f, parseChatCardFencePayload as p, parseChatVisualFencePayload as m } from "@pagelines/core";
-import { Fragment as h, Transition as _, computed as v, createBlock as te, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createTextVNode as C, createVNode as T, defineComponent as k, nextTick as A, normalizeClass as j, normalizeStyle as M, onBeforeUnmount as P, onMounted as ne, onUnmounted as re, openBlock as F, ref as I, renderList as R, renderSlot as ie, resolveDynamicComponent as B, shallowRef as H, toDisplayString as U, unref as ae, useTemplateRef as oe, vModelText as se, watch as ce, withCtx as ue, withDirectives as de, withKeys as pe, withModifiers as he } from "vue";
+import { Fragment as h, Transition as _, computed as v, createBlock as te, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createTextVNode as C, createVNode as T, defineComponent as k, nextTick as A, normalizeClass as j, normalizeStyle as M, onBeforeUnmount as P, onMounted as ne, onUnmounted as re, openBlock as F, ref as I, renderList as R, renderSlot as ie, resolveDynamicComponent as B, shallowRef as H, toDisplayString as U, unref as ae, useTemplateRef as oe, vModelText as se, watch as ce, withCtx as ue, withDirectives as de, withKeys as pe, withModifiers as W } from "vue";
 //#region ui/FSpinner.vue?vue&type=script&setup=true&lang.ts
-var _e = { class: "spinner max-w-sm" }, W = {
+var he = { class: "spinner max-w-sm" }, G = {
 	class: "ring-circular h-full w-full origin-center",
 	viewBox: "25 25 50 50"
-}, ve = /* @__PURE__ */ k({
+}, _e = /* @__PURE__ */ k({
 	__name: "FSpinner",
 	props: {
 		width: {
@@ -19,7 +19,7 @@ var _e = { class: "spinner max-w-sm" }, W = {
 		}
 	},
 	setup(e) {
-		return (t, n) => (F(), x("div", _e, [(F(), x("svg", W, [S("circle", {
+		return (t, n) => (F(), x("div", he, [(F(), x("svg", G, [S("circle", {
 			class: j([e.colorMode, "ring-path"]),
 			cx: "50",
 			cy: "50",
@@ -30,7 +30,7 @@ var _e = { class: "spinner max-w-sm" }, W = {
 			"stroke-miterlimit": "30"
 		}, null, 2)]))]));
 	}
-}), G = [
+}), K = [
 	{
 		mode: "self",
 		label: "Overview",
@@ -68,7 +68,7 @@ function recorderMimeType() {
 		"audio/webm"
 	].find((e) => MediaRecorder.isTypeSupported?.(e)) || "";
 }
-var ye = 400, VoiceRecorderController = class extends o {
+var ve = 400, VoiceRecorderController = class extends o {
 	constructor(e) {
 		super("VoiceRecorderController", e), t(this, "state", I({
 			phase: "idle",
@@ -102,7 +102,7 @@ var ye = 400, VoiceRecorderController = class extends o {
 			this.stream = t, this.recorder = r, this.chunks = [], r.addEventListener("dataavailable", (e) => {
 				e.data.size > 0 && this.chunks.push(e.data);
 			}), r.addEventListener("stop", async () => {
-				let e = new Blob(this.chunks, { type: r.mimeType || n || "audio/webm" }), t = this.now() - this.startedAt, i = !this.cancelOnStop && e.size > 0 && t >= ye;
+				let e = new Blob(this.chunks, { type: r.mimeType || n || "audio/webm" }), t = this.now() - this.startedAt, i = !this.cancelOnStop && e.size > 0 && t >= ve;
 				if (this.stopCapture(), !i) {
 					this.reset();
 					return;
@@ -185,7 +185,7 @@ var ye = 400, VoiceRecorderController = class extends o {
 function durableJournalOutcome(e) {
 	return e.turnOutcome === "failed" ? "failed" : e.turnOutcome === "stopped" ? "stopped" : e.sender === "system" ? "failed" : "completed";
 }
-var K = {
+var q = {
 	finishing: "Finishing up",
 	slowHint: "Taking longer than usual.",
 	completed: "Work complete",
@@ -193,7 +193,7 @@ var K = {
 	stopped: "Stopped",
 	notifyHint: "Taking longer than usual. You can leave and I’ll notify you when it’s ready.",
 	leaveHint: "Taking longer than usual. You can leave this chat while I work."
-}, be = 1e4, Se = 15e3, Ce = 6e4, we = 3;
+}, ye = 1e4, be = 15e3, Se = 6e4, Ce = 3;
 function toMs(e) {
 	if (!e) return;
 	let t = Date.parse(e);
@@ -209,7 +209,7 @@ function milestoneRows(e, t) {
 	let n = e.filter((e) => e.status === "completed" || e.status === "failed" && !!e.note).filter((e) => !t.has(e.activityId)).slice().sort(byEvent), r = [];
 	for (let e of n) {
 		let t = e.status === "completed" ? "done" : "failed", n = r[r.length - 1];
-		if (t === "done" && n?.tone === "done" && n.label === e.label && eventMs(e) - n.lastMs <= Se) {
+		if (t === "done" && n?.tone === "done" && n.label === e.label && eventMs(e) - n.lastMs <= be) {
 			n.count += 1, n.lastMs = eventMs(e);
 			continue;
 		}
@@ -230,12 +230,12 @@ function milestoneRows(e, t) {
 	}));
 }
 function splitRows(e) {
-	return e.length <= we ? {
+	return e.length <= Ce ? {
 		visibleRows: e,
 		hiddenRows: []
 	} : {
-		visibleRows: e.slice(e.length - we),
-		hiddenRows: e.slice(0, e.length - we)
+		visibleRows: e.slice(e.length - Ce),
+		hiddenRows: e.slice(0, e.length - Ce)
 	};
 }
 function buildWorkJournalModel(e) {
@@ -247,7 +247,7 @@ function buildWorkJournalModel(e) {
 		terminal: {
 			id: "work-complete",
 			tone: "completed",
-			label: K.completed
+			label: q.completed
 		}
 	};
 	if (n === "failed") {
@@ -261,7 +261,7 @@ function buildWorkJournalModel(e) {
 			terminal: {
 				id: "work-failed",
 				tone: "failed",
-				label: K.failed,
+				label: q.failed,
 				...o && e?.note ? { note: e.note } : {}
 			}
 		};
@@ -275,18 +275,18 @@ function buildWorkJournalModel(e) {
 			terminal: {
 				id: "work-stopped",
 				tone: "stopped",
-				label: K.stopped
+				label: q.stopped
 			}
 		};
 	}
 	let { visibleRows: s, hiddenRows: c } = splitRows(milestoneRows(t, /* @__PURE__ */ new Set())), u = t.filter((e) => e.status === "started").sort(byEvent).pop(), f = t.reduce((e, t) => Math.max(e, eventMs(t)), a ?? -Infinity), p = Number.isFinite(f) ? f : r, m = t.reduce((e, t) => {
 		let n = toMs(t.startedAt) ?? toMs(t.endedAt);
 		return n === void 0 ? e : Math.min(e, n);
-	}, Infinity), h = p + be, _ = (Number.isFinite(m) ? m : p) + Ce, v = r >= h, te = u || v ? {
+	}, Infinity), h = p + ye, _ = (Number.isFinite(m) ? m : p) + Se, v = r >= h, te = u || v ? {
 		id: u?.activityId ?? "work-active",
 		tone: "active",
-		label: u?.label ?? K.finishing
-	} : void 0, b = v ? r >= _ ? i ? K.notifyHint : K.leaveHint : K.slowHint : void 0, x = [h, _].filter((e) => e > r).sort((e, t) => e - t)[0];
+		label: u?.label ?? q.finishing
+	} : void 0, b = v ? r >= _ ? i ? q.notifyHint : q.leaveHint : q.slowHint : void 0, x = [h, _].filter((e) => e > r).sort((e, t) => e - t)[0];
 	return {
 		outcome: n,
 		visibleRows: s,
@@ -352,17 +352,17 @@ function buildLiveTurnBlocks(e) {
 }
 //#endregion
 //#region agent/AgentController.ts
-var Te = /* @__PURE__ */ new Set(["CREDIT_LIMIT", "OVERAGE_CAP"]), Ee = /* @__PURE__ */ new Set([
-	...Te,
+var we = /* @__PURE__ */ new Set(["CREDIT_LIMIT", "OVERAGE_CAP"]), Te = /* @__PURE__ */ new Set([
+	...we,
 	"EMPTY_STREAM",
 	"RATE_LIMIT"
-]), De = /* @__PURE__ */ new Set(["agent_deleted", "AGENT_DELETED"]), Oe = {
+]), Ee = /* @__PURE__ */ new Set(["agent_deleted", "AGENT_DELETED"]), De = {
 	CREDIT_LIMIT: "billing_budget_reached",
 	OVERAGE_CAP: "billing_runaway_cap"
 };
 function presentChatStreamError(e) {
-	if (!(e.bucket !== void 0 || Ee.has(e.code))) return { surface: "hard" };
-	let t = e.bucket ?? (Te.has(e.code) ? "account" : "error"), n = {
+	if (!(e.bucket !== void 0 || Te.has(e.code))) return { surface: "hard" };
+	let t = e.bucket ?? (we.has(e.code) ? "account" : "error"), n = {
 		...e.actionLabel ? { actionLabel: e.actionLabel } : {},
 		...e.actionUrl ? { actionUrl: e.actionUrl } : {},
 		...e.help ? { help: e.help } : {}
@@ -375,7 +375,7 @@ function presentChatStreamError(e) {
 			...n
 		},
 		sendBlockedReason: "account"
-	} : De.has(e.code) ? {
+	} : Ee.has(e.code) ? {
 		surface: "transcript",
 		issue: {
 			code: e.code,
@@ -393,7 +393,7 @@ function presentChatStreamError(e) {
 	};
 }
 function transcriptMessageForChatStreamError(e) {
-	let t = Oe[e.code];
+	let t = De[e.code];
 	return t ? i[t].oneLine : e.error;
 }
 var AgentChatController = class extends o {
@@ -826,7 +826,7 @@ Current User:
 				let e = i[i.length - 1];
 				this.sharedMessages.value = e?.id === u ? [...i.slice(0, -1), r] : [...i, r];
 			}
-			r.sender === "system" && r.issue?.bucket === "account" ? this.updateState(this.textState, { sendBlockedReason: "account" }) : r.sender === "system" && r.issue?.code && De.has(r.issue.code) && this.updateState(this.textState, { sendBlockedReason: "agent_deleted" });
+			r.sender === "system" && r.issue?.bucket === "account" ? this.updateState(this.textState, { sendBlockedReason: "account" }) : r.sender === "system" && r.issue?.code && Ee.has(r.issue.code) && this.updateState(this.textState, { sendBlockedReason: "agent_deleted" });
 		}, onDone = (e) => {
 			if (!isCurrentTurn()) return;
 			if (!p && !m) {
@@ -989,10 +989,10 @@ function parseButtonTemplate(e) {
 }
 //#endregion
 //#region agent/ui/ElAgentButton.vue?vue&type=script&setup=true&lang.ts
-var ke = {
+var Oe = {
 	key: 0,
 	class: "absolute inset-0 flex items-center justify-center"
-}, Ae = /* @__PURE__ */ k({
+}, ke = /* @__PURE__ */ k({
 	__name: "ElAgentButton",
 	props: {
 		theme: { default: "primary" },
@@ -1020,7 +1020,7 @@ var ke = {
 			md: "size-4",
 			lg: "size-5"
 		})[e.size]);
-		return (i, a) => (F(), x("button", { class: j(["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 ? (F(), x("div", ke, [...a[0] || (a[0] = [S("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)])])) : b("", !0), S("span", { class: j(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"]) }, [
+		return (i, a) => (F(), x("button", { class: j(["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 ? (F(), x("div", Oe, [...a[0] || (a[0] = [S("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)])])) : b("", !0), S("span", { class: j(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"]) }, [
 			e.icon ? (F(), x("i", {
 				key: 0,
 				class: j([e.icon, r.value])
@@ -1032,7 +1032,7 @@ var ke = {
 			}, null, 2)) : b("", !0)
 		], 2)], 2));
 	}
-}), je = ["value"], Me = /* @__PURE__ */ k({
+}), Ae = ["value"], je = /* @__PURE__ */ k({
 	__name: "AgentInputEmail",
 	props: { modelValue: { default: "" } },
 	emits: ["update:modelValue"],
@@ -1051,9 +1051,9 @@ var ke = {
 			class: "w-full px-6 py-3 text-theme-900 placeholder-theme-500 bg-white border border-white rounded-full focus:outline-none transition-colors",
 			style: { "font-size": "16px" },
 			onInput: r[0] || (r[0] = (e) => n("update:modelValue", e.target.value))
-		}, null, 40, je));
+		}, null, 40, Ae));
 	}
-}), Ne = ["placeholder", "value"], Pe = /* @__PURE__ */ k({
+}), Me = ["placeholder", "value"], Ne = /* @__PURE__ */ k({
 	__name: "AgentInputOneTimeCode",
 	props: {
 		modelValue: {},
@@ -1086,12 +1086,12 @@ var ke = {
 			class: "w-full px-6 py-3 text-center font-mono tracking-[0.35em] text-theme-900 placeholder-theme-500 bg-white border border-white rounded-full focus:outline-none transition-colors",
 			style: { "font-size": "16px" },
 			onInput
-		}, null, 40, Ne));
+		}, null, 40, Me));
 	}
-}), Fe = { class: "relative flex-shrink-0" }, Ie = ["src", "alt"], Le = { class: "absolute top-1 right-1" }, Re = {
+}), Pe = { class: "relative flex-shrink-0" }, Fe = ["src", "alt"], Ie = { class: "absolute top-1 right-1" }, Le = {
 	key: 1,
 	class: "size-3 bg-theme-400 rounded-full ring-2 ring-white"
-}, ze = { class: "min-w-0" }, Be = /* @__PURE__ */ k({
+}, Re = { class: "min-w-0" }, ze = /* @__PURE__ */ k({
 	__name: "ElModeHeader",
 	props: {
 		agent: {},
@@ -1103,17 +1103,17 @@ var ke = {
 		layout: { default: "centered" }
 	},
 	setup(e) {
-		return (t, n) => (F(), x("div", { class: j(["flex gap-4", [e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"]]) }, [S("div", Fe, [S("div", { class: j(["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"]) }, [S("img", {
+		return (t, n) => (F(), x("div", { class: j(["flex gap-4", [e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"]]) }, [S("div", Pe, [S("div", { class: j(["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"]) }, [S("img", {
 			src: e.agent.avatarUrl.value,
 			alt: e.agent.displayName.value,
 			class: "w-full h-full object-cover",
 			onError: n[0] || (n[0] = (...e) => ae(handleImageError) && ae(handleImageError)(...e))
-		}, null, 40, Ie)], 2), S("div", Le, [e.isOnline ? (F(), x(h, { key: 0 }, [n[1] || (n[1] = S("div", {
+		}, null, 40, Fe)], 2), S("div", Ie, [e.isOnline ? (F(), x(h, { key: 0 }, [n[1] || (n[1] = S("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] = S("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))], 64)) : (F(), x("div", Re))])]), S("div", ze, [S("h1", { class: j(["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" : ""]]) }, U(e.agent.displayName.value), 3), S("p", { class: j(["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"]]) }, U(e.layout === "horizontal" ? e.agent.title.value || "Assistant" : e.agent.title.value), 3)])], 2));
+		}, null, -1)), n[2] || (n[2] = S("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))], 64)) : (F(), x("div", Le))])]), S("div", Re, [S("h1", { class: j(["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" : ""]]) }, U(e.agent.displayName.value), 3), S("p", { class: j(["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"]]) }, U(e.layout === "horizontal" ? e.agent.title.value || "Assistant" : e.agent.title.value), 3)])], 2));
 	}
-}), Ve = { class: "relative shrink-0 rounded-full" }, He = ["src", "alt"], Ue = ["src", "alt"], We = ["aria-label"], Ge = /* @__PURE__ */ k({
+}), Be = { class: "relative shrink-0 rounded-full" }, Ve = ["src", "alt"], He = ["src", "alt"], Ue = ["aria-label"], We = /* @__PURE__ */ k({
 	__name: "AgentAvatar",
 	props: {
 		agent: {},
@@ -1145,25 +1145,25 @@ var ke = {
 			top: "calc(14.6% - clamp(3.5px, 7%, 7px))",
 			right: "calc(14.6% - clamp(3.5px, 7%, 7px))"
 		}, i = v(() => e.isLight ? "ring-white" : "ring-theme-900");
-		return (t, a) => (F(), x("div", Ve, [
+		return (t, a) => (F(), x("div", Be, [
 			S("img", {
 				src: e.agent.avatarUrl.value,
 				alt: e.agent.displayName.value,
 				class: j(["size-full rounded-full object-cover ring-1", e.isLight ? "ring-black/5" : "ring-white/10"])
-			}, null, 10, He),
+			}, null, 10, Ve),
 			e.showOwnerMark && e.agent.ownerMarkUrl.value ? (F(), x("img", {
 				key: 0,
 				src: e.agent.ownerMarkUrl.value,
 				alt: e.agent.owner.value?.fullName ? `Owned by ${e.agent.owner.value.fullName}` : "Owner",
 				class: j(["absolute z-10 size-[36%] -bottom-[3%] -left-[3%] rounded-full object-cover ring-2", i.value])
-			}, null, 10, Ue)) : b("", !0),
+			}, null, 10, He)) : b("", !0),
 			n.value ? (F(), x("span", {
 				key: 1,
 				role: "status",
 				"aria-label": e.agent.state.value.tooltip,
 				class: j(["absolute z-10 rounded-full ring-2", [n.value, i.value]]),
 				style: r
-			}, null, 10, We)) : b("", !0),
+			}, null, 10, Ue)) : b("", !0),
 			n.value && e.agent.state.value.lifecycle === "running" ? (F(), x("span", {
 				key: 2,
 				"aria-hidden": "true",
@@ -1172,18 +1172,18 @@ var ke = {
 			}, null, 2)) : b("", !0)
 		]));
 	}
-}), Ke = {
+}), Ge = {
 	key: 0,
 	class: "sr-only",
 	role: "status",
 	"aria-live": "polite"
-}, qe = ["aria-expanded", "disabled"], Je = ["aria-expanded"], Ye = {
+}, Ke = ["aria-expanded", "disabled"], qe = ["aria-expanded"], Je = {
 	class: "flex w-5 shrink-0 justify-center self-stretch",
 	"aria-hidden": "true"
-}, Xe = ["data-journal-row"], Ze = {
+}, Ye = ["data-journal-row"], Xe = {
 	class: "flex w-5 shrink-0 flex-col items-center self-stretch",
 	"aria-hidden": "true"
-}, Qe = { class: "flex h-[17px] shrink-0 items-center" }, q = {
+}, Ze = { class: "flex h-[17px] shrink-0 items-center" }, Qe = {
 	key: 0,
 	class: "sr-only"
 }, $e = /* @__PURE__ */ k({
@@ -1236,7 +1236,7 @@ var ke = {
 					label: e ? "text-[13px] font-medium text-theme-900" : "text-[13px] font-medium text-white",
 					station: {
 						tag: "span",
-						class: `pageline-stroke pageline-stroke--mini h-[1.5px] w-3 rounded-full ${s.value.activeLine}`
+						class: `chat-pulse-dot size-1.5 rounded-full bg-current ${s.value.activeLine}`
 					}
 				},
 				failed: {
@@ -1264,7 +1264,7 @@ var ke = {
 			};
 		});
 		return (t, u) => (F(), x("div", { class: j(["w-full py-0.5", s.value.muted]) }, [
-			a.value ? (F(), x("span", Ke, U(a.value), 1)) : b("", !0),
+			a.value ? (F(), x("span", Ge, U(a.value), 1)) : b("", !0),
 			r.value ? (F(), x("button", {
 				key: 1,
 				type: "button",
@@ -1286,7 +1286,7 @@ var ke = {
 					class: j(["size-[13px] shrink-0", [n.value ? "i-tabler-chevron-down" : "i-tabler-chevron-right", s.value.muted]]),
 					"aria-hidden": "true"
 				}, null, 2)) : b("", !0)
-			], 10, qe)) : i.value ? (F(), x("button", {
+			], 10, Ke)) : i.value ? (F(), x("button", {
 				key: 2,
 				type: "button",
 				"data-test": "messaging-tool-activity-summary",
@@ -1294,28 +1294,28 @@ var ke = {
 				"aria-expanded": n.value,
 				class: j(["flex min-h-11 w-full gap-x-2.5 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2", s.value.ring]),
 				onClick: toggle
-			}, [S("span", Ye, [S("span", {
+			}, [S("span", Je, [S("span", {
 				"data-journal-spine": "dashed",
 				class: j(["w-0 border-l border-dashed", s.value.dashed])
 			}, null, 2)]), S("span", { class: j(["flex min-h-[20px] items-center gap-0.5 pb-2 text-[12px] leading-none", s.value.muted]) }, [C(U(i.value) + " earlier updates ", 1), S("i", {
 				class: j(["size-3 shrink-0", n.value ? "i-tabler-chevron-down" : "i-tabler-chevron-right"]),
 				"aria-hidden": "true"
-			}, null, 2)], 2)], 10, Je)) : b("", !0),
+			}, null, 2)], 2)], 10, qe)) : b("", !0),
 			(F(!0), x(h, null, R(o.value, (e, t) => (F(), x("div", {
 				key: e.id,
 				"data-test": "messaging-tool-activity-row",
 				"data-journal-row": e.tone,
 				class: j([r.value ? "pl-[22px]" : "", "flex gap-x-2.5"])
-			}, [S("div", Ze, [S("span", Qe, [(F(), te(B(c.value[e.tone].station.tag), {
+			}, [S("div", Xe, [S("span", Ze, [(F(), te(B(c.value[e.tone].station.tag), {
 				"data-journal-station": e.tone,
 				class: j(c.value[e.tone].station.class)
 			}, null, 8, ["data-journal-station", "class"]))]), t === o.value.length - 1 ? b("", !0) : (F(), x("span", {
 				key: 0,
 				class: j(["w-px flex-1", s.value.spine])
-			}, null, 2))]), S("div", { class: j(["min-w-0 flex-1", t === o.value.length - 1 ? "" : "pb-2"]) }, [S("span", { class: j(["relative block leading-snug", c.value[e.tone].label]) }, [C(U(e.label), 1), c.value[e.tone].statusWord ? (F(), x("span", q, ", " + U(c.value[e.tone].statusWord), 1)) : b("", !0)], 2), e.note ? (F(), x("p", {
+			}, null, 2))]), S("div", { class: j(["min-w-0 flex-1", t === o.value.length - 1 ? "" : "pb-2"]) }, [S("span", { class: j(["relative block leading-snug", c.value[e.tone].label]) }, [C(U(e.label), 1), c.value[e.tone].statusWord ? (F(), x("span", Qe, ", " + U(c.value[e.tone].statusWord), 1)) : b("", !0)], 2), e.note ? (F(), x("p", {
 				key: 0,
 				class: j(["pt-0.5 text-[11.5px] leading-snug", s.value.muted])
-			}, U(e.note), 3)) : b("", !0)], 2)], 10, Xe))), 128)),
+			}, U(e.note), 3)) : b("", !0)], 2)], 10, Ye))), 128)),
 			!r.value && e.model.hint ? (F(), x("p", {
 				key: 3,
 				"data-test": "messaging-tool-activity-hint",
@@ -1365,10 +1365,10 @@ 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 et = Object.entries, tt = Object.setPrototypeOf, nt = Object.isFrozen, rt = Object.getPrototypeOf, it = Object.getOwnPropertyDescriptor, J = Object.freeze, X = Object.seal, at = Object.create, Z = typeof Reflect < "u" && Reflect, st = Z.apply, ct = Z.construct;
-J || (J = function freeze(e) {
+var et = Object.entries, tt = Object.setPrototypeOf, nt = Object.isFrozen, J = Object.getPrototypeOf, rt = Object.getOwnPropertyDescriptor, X = Object.freeze, Z = Object.seal, it = Object.create, at = typeof Reflect < "u" && Reflect, st = at.apply, ct = at.construct;
+X || (X = function freeze(e) {
 	return e;
-}), X || (X = function seal(e) {
+}), Z || (Z = function seal(e) {
 	return e;
 }), st || (st = function apply(e, t) {
 	var n = [...arguments].slice(2);
@@ -1408,7 +1408,7 @@ function cleanArray(e) {
 	return e;
 }
 function clone(e) {
-	let t = at(null);
+	let t = it(null);
 	for (let r of et(e)) {
 		var n = _slicedToArray(r, 2);
 		let i = n[0], a = n[1];
@@ -1439,12 +1439,12 @@ function stringifyValue(e) {
 }
 function lookupGetter(e, t) {
 	for (; e !== null;) {
-		let n = it(e, t);
+		let n = rt(e, t);
 		if (n) {
 			if (n.get) return unapply(n.get);
 			if (typeof n.value == "function") return unapply(n.value);
 		}
-		e = rt(e);
+		e = J(e);
 	}
 	function fallbackValue() {
 		return null;
@@ -1458,7 +1458,7 @@ function isRegex(e) {
 		return !1;
 	}
 }
-var Ot = J(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bdi.bdo.big.blink.blockquote.body.br.button.canvas.caption.center.cite.code.col.colgroup.content.data.datalist.dd.decorator.del.details.dfn.dialog.dir.div.dl.dt.element.em.fieldset.figcaption.figure.font.footer.form.h1.h2.h3.h4.h5.h6.head.header.hgroup.hr.html.i.img.input.ins.kbd.label.legend.li.main.map.mark.marquee.menu.menuitem.meter.nav.nobr.ol.optgroup.option.output.p.picture.pre.progress.q.rp.rt.ruby.s.samp.search.section.select.shadow.slot.small.source.spacer.span.strike.strong.style.sub.summary.sup.table.tbody.td.template.textarea.tfoot.th.thead.time.tr.track.tt.u.ul.var.video.wbr".split(".")), kt = J(/* @__PURE__ */ "svg.a.altglyph.altglyphdef.altglyphitem.animatecolor.animatemotion.animatetransform.circle.clippath.defs.desc.ellipse.enterkeyhint.exportparts.filter.font.g.glyph.glyphref.hkern.image.inputmode.line.lineargradient.marker.mask.metadata.mpath.part.path.pattern.polygon.polyline.radialgradient.rect.stop.style.switch.symbol.text.textpath.title.tref.tspan.view.vkern".split(".")), At = J([
+var Ot = X(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bdi.bdo.big.blink.blockquote.body.br.button.canvas.caption.center.cite.code.col.colgroup.content.data.datalist.dd.decorator.del.details.dfn.dialog.dir.div.dl.dt.element.em.fieldset.figcaption.figure.font.footer.form.h1.h2.h3.h4.h5.h6.head.header.hgroup.hr.html.i.img.input.ins.kbd.label.legend.li.main.map.mark.marquee.menu.menuitem.meter.nav.nobr.ol.optgroup.option.output.p.picture.pre.progress.q.rp.rt.ruby.s.samp.search.section.select.shadow.slot.small.source.spacer.span.strike.strong.style.sub.summary.sup.table.tbody.td.template.textarea.tfoot.th.thead.time.tr.track.tt.u.ul.var.video.wbr".split(".")), kt = X(/* @__PURE__ */ "svg.a.altglyph.altglyphdef.altglyphitem.animatecolor.animatemotion.animatetransform.circle.clippath.defs.desc.ellipse.enterkeyhint.exportparts.filter.font.g.glyph.glyphref.hkern.image.inputmode.line.lineargradient.marker.mask.metadata.mpath.part.path.pattern.polygon.polyline.radialgradient.rect.stop.style.switch.symbol.text.textpath.title.tref.tspan.view.vkern".split(".")), At = X([
 	"feBlend",
 	"feColorMatrix",
 	"feComponentTransfer",
@@ -1484,7 +1484,7 @@ var Ot = J(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"feSpotLight",
 	"feTile",
 	"feTurbulence"
-]), jt = J([
+]), jt = X([
 	"animate",
 	"color-profile",
 	"cursor",
@@ -1507,7 +1507,7 @@ var Ot = J(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"solidcolor",
 	"unknown",
 	"use"
-]), Mt = J(/* @__PURE__ */ "math.menclose.merror.mfenced.mfrac.mglyph.mi.mlabeledtr.mmultiscripts.mn.mo.mover.mpadded.mphantom.mroot.mrow.ms.mspace.msqrt.mstyle.msub.msup.msubsup.mtable.mtd.mtext.mtr.munder.munderover.mprescripts".split(".")), Nt = J([
+]), Mt = X(/* @__PURE__ */ "math.menclose.merror.mfenced.mfrac.mglyph.mi.mlabeledtr.mmultiscripts.mn.mo.mover.mpadded.mphantom.mroot.mrow.ms.mspace.msqrt.mstyle.msub.msup.msubsup.mtable.mtd.mtext.mtr.munder.munderover.mprescripts".split(".")), Nt = X([
 	"maction",
 	"maligngroup",
 	"malignmark",
@@ -1523,13 +1523,13 @@ var Ot = J(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"annotation-xml",
 	"mprescripts",
 	"none"
-]), Pt = J(["#text"]), Ft = J(/* @__PURE__ */ "accept.action.align.alt.autocapitalize.autocomplete.autopictureinpicture.autoplay.background.bgcolor.border.capture.cellpadding.cellspacing.checked.cite.class.clear.color.cols.colspan.command.commandfor.controls.controlslist.coords.crossorigin.datetime.decoding.default.dir.disabled.disablepictureinpicture.disableremoteplayback.download.draggable.enctype.enterkeyhint.exportparts.face.for.headers.height.hidden.high.href.hreflang.id.inert.inputmode.integrity.ismap.kind.label.lang.list.loading.loop.low.max.maxlength.media.method.min.minlength.multiple.muted.name.nonce.noshade.novalidate.nowrap.open.optimum.part.pattern.placeholder.playsinline.popover.popovertarget.popovertargetaction.poster.preload.pubdate.radiogroup.readonly.rel.required.rev.reversed.role.rows.rowspan.spellcheck.scope.selected.shape.size.sizes.slot.span.srclang.start.src.srcset.step.style.summary.tabindex.title.translate.type.usemap.valign.value.width.wrap.xmlns".split(".")), It = J(/* @__PURE__ */ "accent-height.accumulate.additive.alignment-baseline.amplitude.ascent.attributename.attributetype.azimuth.basefrequency.baseline-shift.begin.bias.by.class.clip.clippathunits.clip-path.clip-rule.color.color-interpolation.color-interpolation-filters.color-profile.color-rendering.cx.cy.d.dx.dy.diffuseconstant.direction.display.divisor.dominant-baseline.dur.edgemode.elevation.end.exponent.fill.fill-opacity.fill-rule.filter.filterunits.flood-color.flood-opacity.font-family.font-size.font-size-adjust.font-stretch.font-style.font-variant.font-weight.fx.fy.g1.g2.glyph-name.glyphref.gradientunits.gradienttransform.height.href.id.image-rendering.in.in2.intercept.k.k1.k2.k3.k4.kerning.keypoints.keysplines.keytimes.lang.lengthadjust.letter-spacing.kernelmatrix.kernelunitlength.lighting-color.local.marker-end.marker-mid.marker-start.markerheight.markerunits.markerwidth.maskcontentunits.maskunits.max.mask.mask-type.media.method.mode.min.name.numoctaves.offset.operator.opacity.order.orient.orientation.origin.overflow.paint-order.path.pathlength.patterncontentunits.patterntransform.patternunits.points.preservealpha.preserveaspectratio.primitiveunits.r.rx.ry.radius.refx.refy.repeatcount.repeatdur.restart.result.rotate.scale.seed.shape-rendering.slope.specularconstant.specularexponent.spreadmethod.startoffset.stddeviation.stitchtiles.stop-color.stop-opacity.stroke-dasharray.stroke-dashoffset.stroke-linecap.stroke-linejoin.stroke-miterlimit.stroke-opacity.stroke.stroke-width.style.surfacescale.systemlanguage.tabindex.tablevalues.targetx.targety.transform.transform-origin.text-anchor.text-decoration.text-orientation.text-rendering.textlength.type.u1.u2.unicode.values.viewbox.visibility.version.vert-adv-y.vert-origin-x.vert-origin-y.width.word-spacing.wrap.writing-mode.xchannelselector.ychannelselector.x.x1.x2.xmlns.y.y1.y2.z.zoomandpan".split(".")), Lt = J(/* @__PURE__ */ "accent.accentunder.align.bevelled.close.columnalign.columnlines.columnspacing.columnspan.denomalign.depth.dir.display.displaystyle.encoding.fence.frame.height.href.id.largeop.length.linethickness.lquote.lspace.mathbackground.mathcolor.mathsize.mathvariant.maxsize.minsize.movablelimits.notation.numalign.open.rowalign.rowlines.rowspacing.rowspan.rspace.rquote.scriptlevel.scriptminsize.scriptsizemultiplier.selection.separator.separators.stretchy.subscriptshift.supscriptshift.symmetric.voffset.width.xmlns".split(".")), Rt = J([
+]), Pt = X(["#text"]), Ft = X(/* @__PURE__ */ "accept.action.align.alt.autocapitalize.autocomplete.autopictureinpicture.autoplay.background.bgcolor.border.capture.cellpadding.cellspacing.checked.cite.class.clear.color.cols.colspan.command.commandfor.controls.controlslist.coords.crossorigin.datetime.decoding.default.dir.disabled.disablepictureinpicture.disableremoteplayback.download.draggable.enctype.enterkeyhint.exportparts.face.for.headers.height.hidden.high.href.hreflang.id.inert.inputmode.integrity.ismap.kind.label.lang.list.loading.loop.low.max.maxlength.media.method.min.minlength.multiple.muted.name.nonce.noshade.novalidate.nowrap.open.optimum.part.pattern.placeholder.playsinline.popover.popovertarget.popovertargetaction.poster.preload.pubdate.radiogroup.readonly.rel.required.rev.reversed.role.rows.rowspan.spellcheck.scope.selected.shape.size.sizes.slot.span.srclang.start.src.srcset.step.style.summary.tabindex.title.translate.type.usemap.valign.value.width.wrap.xmlns".split(".")), It = X(/* @__PURE__ */ "accent-height.accumulate.additive.alignment-baseline.amplitude.ascent.attributename.attributetype.azimuth.basefrequency.baseline-shift.begin.bias.by.class.clip.clippathunits.clip-path.clip-rule.color.color-interpolation.color-interpolation-filters.color-profile.color-rendering.cx.cy.d.dx.dy.diffuseconstant.direction.display.divisor.dominant-baseline.dur.edgemode.elevation.end.exponent.fill.fill-opacity.fill-rule.filter.filterunits.flood-color.flood-opacity.font-family.font-size.font-size-adjust.font-stretch.font-style.font-variant.font-weight.fx.fy.g1.g2.glyph-name.glyphref.gradientunits.gradienttransform.height.href.id.image-rendering.in.in2.intercept.k.k1.k2.k3.k4.kerning.keypoints.keysplines.keytimes.lang.lengthadjust.letter-spacing.kernelmatrix.kernelunitlength.lighting-color.local.marker-end.marker-mid.marker-start.markerheight.markerunits.markerwidth.maskcontentunits.maskunits.max.mask.mask-type.media.method.mode.min.name.numoctaves.offset.operator.opacity.order.orient.orientation.origin.overflow.paint-order.path.pathlength.patterncontentunits.patterntransform.patternunits.points.preservealpha.preserveaspectratio.primitiveunits.r.rx.ry.radius.refx.refy.repeatcount.repeatdur.restart.result.rotate.scale.seed.shape-rendering.slope.specularconstant.specularexponent.spreadmethod.startoffset.stddeviation.stitchtiles.stop-color.stop-opacity.stroke-dasharray.stroke-dashoffset.stroke-linecap.stroke-linejoin.stroke-miterlimit.stroke-opacity.stroke.stroke-width.style.surfacescale.systemlanguage.tabindex.tablevalues.targetx.targety.transform.transform-origin.text-anchor.text-decoration.text-orientation.text-rendering.textlength.type.u1.u2.unicode.values.viewbox.visibility.version.vert-adv-y.vert-origin-x.vert-origin-y.width.word-spacing.wrap.writing-mode.xchannelselector.ychannelselector.x.x1.x2.xmlns.y.y1.y2.z.zoomandpan".split(".")), Lt = X(/* @__PURE__ */ "accent.accentunder.align.bevelled.close.columnalign.columnlines.columnspacing.columnspan.denomalign.depth.dir.display.displaystyle.encoding.fence.frame.height.href.id.largeop.length.linethickness.lquote.lspace.mathbackground.mathcolor.mathsize.mathvariant.maxsize.minsize.movablelimits.notation.numalign.open.rowalign.rowlines.rowspacing.rowspan.rspace.rquote.scriptlevel.scriptminsize.scriptsizemultiplier.selection.separator.separators.stretchy.subscriptshift.supscriptshift.symmetric.voffset.width.xmlns".split(".")), Rt = X([
 	"xlink:href",
 	"xml:id",
 	"xlink:title",
 	"xml:space",
 	"xmlns:xlink"
-]), zt = X(/{{[\w\W]*|^[\w\W]*}}/g), Bt = X(/<%[\w\W]*|^[\w\W]*%>/g), Vt = X(/\${[\w\W]*/g), Ht = X(/^data-[\-\w.\u00B7-\uFFFF]+$/), Ut = X(/^aria-[\-\w]+$/), Wt = X(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i), Gt = X(/^(?:\w+script|data):/i), Kt = X(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g), qt = X(/^html$/i), Jt = X(/^[a-z][.\w]*(-[.\w]+)+$/i), Yt = X(/<[/\w!]/g), Xt = X(/<[/\w]/g), Zt = X(/<\/no(script|embed|frames)/i), Qt = X(/\/>/i), $t = {
+]), zt = Z(/{{[\w\W]*|^[\w\W]*}}/g), Bt = Z(/<%[\w\W]*|^[\w\W]*%>/g), Vt = Z(/\${[\w\W]*/g), Ht = Z(/^data-[\-\w.\u00B7-\uFFFF]+$/), Ut = Z(/^aria-[\-\w]+$/), Wt = Z(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i), Gt = Z(/^(?:\w+script|data):/i), Kt = Z(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g), qt = Z(/^html$/i), Jt = Z(/^[a-z][.\w]*(-[.\w]+)+$/i), Yt = Z(/<[/\w!]/g), Xt = Z(/<[/\w]/g), Zt = Z(/<\/no(script|embed|frames)/i), Qt = Z(/\/>/i), $t = {
 	element: 1,
 	attribute: 2,
 	text: 3,
@@ -1608,18 +1608,18 @@ function createDOMPurify() {
 		return A || (k = tn(u, r), A = !0), k;
 	}, F = t, I = F.implementation, R = F.createNodeIterator, ie = F.createDocumentFragment, B = F.getElementsByTagName, H = n.importNode, U = nn();
 	DOMPurify.isSupported = typeof et == "function" && typeof v == "function" && I && I.createHTMLDocument !== void 0;
-	let ae = zt, oe = Bt, se = Vt, ce = Ht, ue = Ut, de = Gt, pe = Kt, he = Jt, _e = Wt, W = null, ve = addToSet({}, [
+	let ae = zt, oe = Bt, se = Vt, ce = Ht, ue = Ut, de = Gt, pe = Kt, W = Jt, he = Wt, G = null, _e = addToSet({}, [
 		...Ot,
 		...kt,
 		...At,
 		...Mt,
 		...Pt
-	]), G = null, ye = addToSet({}, [
+	]), K = null, ve = addToSet({}, [
 		...Ft,
 		...It,
 		...Lt,
 		...Rt
-	]), K = Object.seal(at(null, {
+	]), q = Object.seal(it(null, {
 		tagNameCheck: {
 			writable: !0,
 			configurable: !1,
@@ -1638,7 +1638,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: !1
 		}
-	})), be = null, Se = null, Ce = Object.seal(at(null, {
+	})), ye = null, be = null, Se = Object.seal(it(null, {
 		tagCheck: {
 			writable: !0,
 			configurable: !1,
@@ -1651,14 +1651,14 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: null
 		}
-	})), we = !0, Te = !0, Ee = !1, De = !0, Oe = !1, ke = !0, Ae = !1, je = !1, Me = null, Ne = null, Pe = !1, Fe = !1, Ie = !1, Le = !1, Re = !0, ze = !1, Be = "user-content-", Ve = !0, He = !1, Ue = {}, We = null, Ge = addToSet({}, /* @__PURE__ */ "annotation-xml.audio.colgroup.desc.foreignobject.head.iframe.math.mi.mn.mo.ms.mtext.noembed.noframes.noscript.plaintext.script.selectedcontent.style.svg.template.thead.title.video.xmp".split(".")), Ke = null, qe = addToSet({}, [
+	})), Ce = !0, we = !0, Te = !1, Ee = !0, De = !1, Oe = !0, ke = !1, Ae = !1, je = null, Me = null, Ne = !1, Pe = !1, Fe = !1, Ie = !1, Le = !0, Re = !1, ze = "user-content-", Be = !0, Ve = !1, He = {}, Ue = null, We = addToSet({}, /* @__PURE__ */ "annotation-xml.audio.colgroup.desc.foreignobject.head.iframe.math.mi.mn.mo.ms.mtext.noembed.noframes.noscript.plaintext.script.selectedcontent.style.svg.template.thead.title.video.xmp".split(".")), Ge = null, Ke = addToSet({}, [
 		"audio",
 		"video",
 		"img",
 		"source",
 		"image",
 		"track"
-	]), Je = null, Ye = addToSet({}, [
+	]), qe = null, Je = addToSet({}, [
 		"alt",
 		"class",
 		"for",
@@ -1673,17 +1673,17 @@ function createDOMPurify() {
 		"value",
 		"style",
 		"xmlns"
-	]), Xe = "http://www.w3.org/1998/Math/MathML", Ze = "http://www.w3.org/2000/svg", Qe = "http://www.w3.org/1999/xhtml", q = Qe, $e = !1, tt = null, nt = addToSet({}, [
+	]), Ye = "http://www.w3.org/1998/Math/MathML", Xe = "http://www.w3.org/2000/svg", Ze = "http://www.w3.org/1999/xhtml", Qe = Ze, $e = !1, tt = null, nt = addToSet({}, [
+		Ye,
 		Xe,
-		Ze,
-		Qe
-	], gt), rt = J([
+		Ze
+	], gt), J = X([
 		"mi",
 		"mo",
 		"mn",
 		"ms",
 		"mtext"
-	]), it = addToSet({}, rt), Z = J(["annotation-xml"]), st = addToSet({}, Z), ct = addToSet({}, [
+	]), rt = addToSet({}, J), at = X(["annotation-xml"]), st = addToSet({}, at), ct = addToSet({}, [
 		"title",
 		"style",
 		"font",
@@ -1694,19 +1694,19 @@ function createDOMPurify() {
 	}, on = function _parseConfig() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
 		if (Ct && Ct === e) return;
-		(!e || typeof e != "object") && (e = {}), e = clone(e), xt = St.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Q = xt === "application/xhtml+xml" ? gt : ht, W = rn(e, "ALLOWED_TAGS", ve, { transform: Q }), G = rn(e, "ALLOWED_ATTR", ye, { transform: Q }), tt = rn(e, "ALLOWED_NAMESPACES", nt, { transform: gt }), Je = rn(e, "ADD_URI_SAFE_ATTR", Ye, {
+		(!e || typeof e != "object") && (e = {}), e = clone(e), xt = St.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Q = xt === "application/xhtml+xml" ? gt : ht, G = rn(e, "ALLOWED_TAGS", _e, { transform: Q }), K = rn(e, "ALLOWED_ATTR", ve, { transform: Q }), tt = rn(e, "ALLOWED_NAMESPACES", nt, { transform: gt }), qe = rn(e, "ADD_URI_SAFE_ATTR", Je, {
 			transform: Q,
-			base: Ye
-		}), Ke = rn(e, "ADD_DATA_URI_TAGS", qe, {
+			base: Je
+		}), Ge = rn(e, "ADD_DATA_URI_TAGS", Ke, {
 			transform: Q,
-			base: qe
-		}), We = rn(e, "FORBID_CONTENTS", Ge, { transform: Q }), be = rn(e, "FORBID_TAGS", clone({}), { transform: Q }), Se = rn(e, "FORBID_ATTR", clone({}), { transform: Q }), Ue = wt(e, "USE_PROFILES") ? e.USE_PROFILES && typeof e.USE_PROFILES == "object" ? clone(e.USE_PROFILES) : e.USE_PROFILES : !1, we = e.ALLOW_ARIA_ATTR !== !1, Te = e.ALLOW_DATA_ATTR !== !1, Ee = e.ALLOW_UNKNOWN_PROTOCOLS || !1, De = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, Oe = e.SAFE_FOR_TEMPLATES || !1, ke = e.SAFE_FOR_XML !== !1, Ae = e.WHOLE_DOCUMENT || !1, Fe = e.RETURN_DOM || !1, Ie = e.RETURN_DOM_FRAGMENT || !1, Le = e.RETURN_TRUSTED_TYPE || !1, Pe = e.FORCE_BODY || !1, Re = e.SANITIZE_DOM !== !1, ze = e.SANITIZE_NAMED_PROPS || !1, Ve = e.KEEP_CONTENT !== !1, He = e.IN_PLACE || !1, _e = isRegex(e.ALLOWED_URI_REGEXP) ? e.ALLOWED_URI_REGEXP : Wt, q = typeof e.NAMESPACE == "string" ? e.NAMESPACE : Qe, it = wt(e, "MATHML_TEXT_INTEGRATION_POINTS") && e.MATHML_TEXT_INTEGRATION_POINTS && typeof e.MATHML_TEXT_INTEGRATION_POINTS == "object" ? clone(e.MATHML_TEXT_INTEGRATION_POINTS) : addToSet({}, rt), st = wt(e, "HTML_INTEGRATION_POINTS") && e.HTML_INTEGRATION_POINTS && typeof e.HTML_INTEGRATION_POINTS == "object" ? clone(e.HTML_INTEGRATION_POINTS) : addToSet({}, Z);
-		let t = wt(e, "CUSTOM_ELEMENT_HANDLING") && e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING == "object" ? clone(e.CUSTOM_ELEMENT_HANDLING) : at(null);
-		if (K = at(null), wt(t, "tagNameCheck") && an(t.tagNameCheck) && (K.tagNameCheck = t.tagNameCheck), wt(t, "attributeNameCheck") && an(t.attributeNameCheck) && (K.attributeNameCheck = t.attributeNameCheck), wt(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (K.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), X(K), Oe && (Te = !1), Ie && (Fe = !0), Ue && (W = addToSet({}, Pt), G = at(null), Ue.html === !0 && (addToSet(W, Ot), addToSet(G, Ft)), Ue.svg === !0 && (addToSet(W, kt), addToSet(G, It), addToSet(G, Rt)), Ue.svgFilters === !0 && (addToSet(W, At), addToSet(G, It), addToSet(G, Rt)), Ue.mathMl === !0 && (addToSet(W, Mt), addToSet(G, Lt), addToSet(G, Rt))), Ce.tagCheck = null, Ce.attributeCheck = null, wt(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? Ce.tagCheck = e.ADD_TAGS : mt(e.ADD_TAGS) && (W === ve && (W = clone(W)), addToSet(W, e.ADD_TAGS, Q))), wt(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? Ce.attributeCheck = e.ADD_ATTR : mt(e.ADD_ATTR) && (G === ye && (G = clone(G)), addToSet(G, e.ADD_ATTR, Q))), wt(e, "ADD_URI_SAFE_ATTR") && mt(e.ADD_URI_SAFE_ATTR) && addToSet(Je, e.ADD_URI_SAFE_ATTR, Q), wt(e, "FORBID_CONTENTS") && mt(e.FORBID_CONTENTS) && (We === Ge && (We = clone(We)), addToSet(We, e.FORBID_CONTENTS, Q)), wt(e, "ADD_FORBID_CONTENTS") && mt(e.ADD_FORBID_CONTENTS) && (We === Ge && (We = clone(We)), addToSet(We, e.ADD_FORBID_CONTENTS, Q)), Ve && (W["#text"] = !0), Ae && addToSet(W, [
+			base: Ke
+		}), Ue = rn(e, "FORBID_CONTENTS", We, { transform: Q }), ye = rn(e, "FORBID_TAGS", clone({}), { transform: Q }), be = rn(e, "FORBID_ATTR", clone({}), { transform: Q }), He = wt(e, "USE_PROFILES") ? e.USE_PROFILES && typeof e.USE_PROFILES == "object" ? clone(e.USE_PROFILES) : e.USE_PROFILES : !1, Ce = e.ALLOW_ARIA_ATTR !== !1, we = e.ALLOW_DATA_ATTR !== !1, Te = e.ALLOW_UNKNOWN_PROTOCOLS || !1, Ee = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, De = e.SAFE_FOR_TEMPLATES || !1, Oe = e.SAFE_FOR_XML !== !1, ke = e.WHOLE_DOCUMENT || !1, Pe = e.RETURN_DOM || !1, Fe = e.RETURN_DOM_FRAGMENT || !1, Ie = e.RETURN_TRUSTED_TYPE || !1, Ne = e.FORCE_BODY || !1, Le = e.SANITIZE_DOM !== !1, Re = e.SANITIZE_NAMED_PROPS || !1, Be = e.KEEP_CONTENT !== !1, Ve = e.IN_PLACE || !1, he = isRegex(e.ALLOWED_URI_REGEXP) ? e.ALLOWED_URI_REGEXP : Wt, Qe = typeof e.NAMESPACE == "string" ? e.NAMESPACE : Ze, rt = wt(e, "MATHML_TEXT_INTEGRATION_POINTS") && e.MATHML_TEXT_INTEGRATION_POINTS && typeof e.MATHML_TEXT_INTEGRATION_POINTS == "object" ? clone(e.MATHML_TEXT_INTEGRATION_POINTS) : addToSet({}, J), st = wt(e, "HTML_INTEGRATION_POINTS") && e.HTML_INTEGRATION_POINTS && typeof e.HTML_INTEGRATION_POINTS == "object" ? clone(e.HTML_INTEGRATION_POINTS) : addToSet({}, at);
+		let t = wt(e, "CUSTOM_ELEMENT_HANDLING") && e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING == "object" ? clone(e.CUSTOM_ELEMENT_HANDLING) : it(null);
+		if (q = it(null), wt(t, "tagNameCheck") && an(t.tagNameCheck) && (q.tagNameCheck = t.tagNameCheck), wt(t, "attributeNameCheck") && an(t.attributeNameCheck) && (q.attributeNameCheck = t.attributeNameCheck), wt(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (q.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), Z(q), De && (we = !1), Fe && (Pe = !0), He && (G = addToSet({}, Pt), K = it(null), He.html === !0 && (addToSet(G, Ot), addToSet(K, Ft)), He.svg === !0 && (addToSet(G, kt), addToSet(K, It), addToSet(K, Rt)), He.svgFilters === !0 && (addToSet(G, At), addToSet(K, It), addToSet(K, Rt)), He.mathMl === !0 && (addToSet(G, Mt), addToSet(K, Lt), addToSet(K, Rt))), Se.tagCheck = null, Se.attributeCheck = null, wt(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? Se.tagCheck = e.ADD_TAGS : mt(e.ADD_TAGS) && (G === _e && (G = clone(G)), addToSet(G, e.ADD_TAGS, Q))), wt(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? Se.attributeCheck = e.ADD_ATTR : mt(e.ADD_ATTR) && (K === ve && (K = clone(K)), addToSet(K, e.ADD_ATTR, Q))), wt(e, "ADD_URI_SAFE_ATTR") && mt(e.ADD_URI_SAFE_ATTR) && addToSet(qe, e.ADD_URI_SAFE_ATTR, Q), wt(e, "FORBID_CONTENTS") && mt(e.FORBID_CONTENTS) && (Ue === We && (Ue = clone(Ue)), addToSet(Ue, e.FORBID_CONTENTS, Q)), wt(e, "ADD_FORBID_CONTENTS") && mt(e.ADD_FORBID_CONTENTS) && (Ue === We && (Ue = clone(Ue)), addToSet(Ue, e.ADD_FORBID_CONTENTS, Q)), Be && (G["#text"] = !0), ke && addToSet(G, [
 			"html",
 			"head",
 			"body"
-		]), W.table && (addToSet(W, ["tbody"]), delete be.tbody), e.TRUSTED_TYPES_POLICY) {
+		]), G.table && (addToSet(G, ["tbody"]), delete ye.tbody), e.TRUSTED_TYPES_POLICY) {
 			if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function") throw Dt("TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.");
 			if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw Dt("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
 			let t = C;
@@ -1717,25 +1717,25 @@ function createDOMPurify() {
 				throw C = t, e;
 			}
 		} else e.TRUSTED_TYPES_POLICY === null ? (C = void 0, T = "") : (C === void 0 && (C = re()), C && typeof T == "string" && (T = P("")));
-		J && J(e), Ct = e;
+		X && X(e), Ct = e;
 	}, sn = addToSet({}, [
 		...kt,
 		...At,
 		...jt
 	]), cn = addToSet({}, [...Mt, ...Nt]), ln = function _checkSvgNamespace(e, t, n) {
-		return t.namespaceURI === Qe ? e === "svg" : t.namespaceURI === Xe ? e === "svg" && (n === "annotation-xml" || it[n]) : !!sn[e];
+		return t.namespaceURI === Ze ? e === "svg" : t.namespaceURI === Ye ? e === "svg" && (n === "annotation-xml" || rt[n]) : !!sn[e];
 	}, un = function _checkMathMlNamespace(e, t, n) {
-		return t.namespaceURI === Qe ? e === "math" : t.namespaceURI === Ze ? e === "math" && st[n] : !!cn[e];
+		return t.namespaceURI === Ze ? e === "math" : t.namespaceURI === Xe ? e === "math" && st[n] : !!cn[e];
 	}, dn = function _checkHtmlNamespace(e, t, n) {
-		return t.namespaceURI === Ze && !st[n] || t.namespaceURI === Xe && !it[n] ? !1 : !cn[e] && (ct[e] || !sn[e]);
+		return t.namespaceURI === Xe && !st[n] || t.namespaceURI === Ye && !rt[n] ? !1 : !cn[e] && (ct[e] || !sn[e]);
 	}, fn = function _checkValidNamespace(e) {
 		let t = v(e);
 		(!t || !t.tagName) && (t = {
-			namespaceURI: q,
+			namespaceURI: Qe,
 			tagName: "template"
 		});
 		let n = ht(e.tagName), r = ht(t.tagName);
-		return tt[e.namespaceURI] ? e.namespaceURI === Ze ? ln(n, t, r) : e.namespaceURI === Xe ? un(n, t, r) : e.namespaceURI === Qe ? dn(n, t, r) : !!(xt === "application/xhtml+xml" && tt[e.namespaceURI]) : !1;
+		return tt[e.namespaceURI] ? e.namespaceURI === Xe ? ln(n, t, r) : e.namespaceURI === Ye ? un(n, t, r) : e.namespaceURI === Ze ? dn(n, t, r) : !!(xt === "application/xhtml+xml" && tt[e.namespaceURI]) : !1;
 	}, pn = function _forceRemove(e) {
 		ft(DOMPurify.removed, { element: e });
 		try {
@@ -1775,7 +1775,7 @@ function createDOMPurify() {
 				from: t
 			});
 		}
-		if (t.removeAttribute(e), e === "is") if (Fe || Ie) try {
+		if (t.removeAttribute(e), e === "is") if (Pe || Fe) try {
 			pn(t);
 		} catch {}
 		else try {
@@ -1785,7 +1785,7 @@ function createDOMPurify() {
 		let t = b(e);
 		if (t) for (let n = t.length - 1; n >= 0; --n) {
 			let r = t[n], i = r && r.name;
-			if (!(typeof i != "string" || G[Q(i)])) try {
+			if (!(typeof i != "string" || K[Q(i)])) try {
 				e.removeAttribute(i);
 			} catch {}
 		}
@@ -1798,7 +1798,7 @@ function createDOMPurify() {
 			if (n) for (let e = n.length - 1; e >= 0; --e) t.push(n[e]);
 		}
 	}, vn = function _neutralizePatchLinkage(e) {
-		if (!ke) return;
+		if (!Oe) return;
 		let t = [e];
 		for (; t.length > 0;) {
 			let e = t.pop(), n = x ? x(e) : e.nodeType;
@@ -1819,24 +1819,24 @@ function createDOMPurify() {
 		}
 	}, yn = function _initDocument(e) {
 		let n = null, r = null;
-		if (Pe) e = "<remove></remove>" + e;
+		if (Ne) e = "<remove></remove>" + e;
 		else {
 			let t = _t(e, /^[\r\n\t ]+/);
 			r = t && t[0];
 		}
-		xt === "application/xhtml+xml" && q === Qe && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
+		xt === "application/xhtml+xml" && Qe === Ze && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
 		let i = C ? P(e) : e;
-		if (q === Qe) try {
+		if (Qe === Ze) try {
 			n = new c().parseFromString(i, xt);
 		} catch {}
 		if (!n || !n.documentElement) {
-			n = I.createDocument(q, "template", null);
+			n = I.createDocument(Qe, "template", null);
 			try {
 				n.documentElement.innerHTML = $e ? T : i;
 			} catch {}
 		}
 		let a = n.body || n.documentElement;
-		return e && r && a.insertBefore(t.createTextNode(r), a.childNodes[0] || null), q === Qe ? B.call(n, Ae ? "html" : "body")[0] : Ae ? n.documentElement : a;
+		return e && r && a.insertBefore(t.createTextNode(r), a.childNodes[0] || null), Qe === Ze ? B.call(n, ke ? "html" : "body")[0] : ke ? n.documentElement : a;
 	}, bn = function _createNodeIterator(e) {
 		return R.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) {
@@ -1873,15 +1873,15 @@ function createDOMPurify() {
 		});
 	}
 	let En = function _isUnsafeNode(e, t) {
-		return !!(ke && e.hasChildNodes() && !Tn(e.firstElementChild) && Et(Yt, e.textContent) && Et(Yt, e.innerHTML) || ke && e.namespaceURI === Qe && t === "style" && Tn(e.firstElementChild) || e.nodeType === $t.processingInstruction || ke && e.nodeType === $t.comment && Et(Xt, e.data));
+		return !!(Oe && e.hasChildNodes() && !Tn(e.firstElementChild) && Et(Yt, e.textContent) && Et(Yt, e.innerHTML) || Oe && e.namespaceURI === Ze && t === "style" && Tn(e.firstElementChild) || e.nodeType === $t.processingInstruction || Oe && e.nodeType === $t.comment && Et(Xt, e.data));
 	}, Dn = function _sanitizeDisallowedNode(e, t) {
-		if (!be[t] && jn(t) && (K.tagNameCheck instanceof RegExp && Et(K.tagNameCheck, t) || K.tagNameCheck instanceof Function && K.tagNameCheck(t))) return !1;
-		if (Ve && !We[t]) {
+		if (!ye[t] && jn(t) && (q.tagNameCheck instanceof RegExp && Et(q.tagNameCheck, t) || q.tagNameCheck instanceof Function && q.tagNameCheck(t))) return !1;
+		if (Be && !Ue[t]) {
 			let t = v(e), n = _(e);
 			if (n && t) {
 				let r = n.length;
 				for (let i = r - 1; i >= 0; --i) {
-					let r = He ? n[i] : p(n[i], !0);
+					let r = Ve ? n[i] : p(n[i], !0);
 					t.insertBefore(r, h(e));
 				}
 			}
@@ -1893,26 +1893,26 @@ function createDOMPurify() {
 		let n = Q(S ? S(e) : e.nodeName);
 		if (_executeHooks(U.uponSanitizeElement, e, {
 			tagName: n,
-			allowedTags: W
+			allowedTags: G
 		}), e !== t && v(e) === null) return !0;
 		if (En(e, n)) return pn(e), !0;
-		if (be[n] || !(Ce.tagCheck instanceof Function && Ce.tagCheck(n)) && !W[n]) {
+		if (ye[n] || !(Se.tagCheck instanceof Function && Se.tagCheck(n)) && !G[n]) {
 			let t = Dn(e, n);
 			return t === !1 && _executeHooks(U.afterSanitizeElements, e, null), t;
 		}
 		if ((x ? x(e) : e.nodeType) === $t.element && !fn(e) || (n === "noscript" || n === "noembed" || n === "noframes") && Et(Zt, e.innerHTML)) return pn(e), !0;
-		if (Oe && e.nodeType === $t.text) {
+		if (De && e.nodeType === $t.text) {
 			let t = xn(e.textContent);
 			e.textContent !== t && (ft(DOMPurify.removed, { element: e.cloneNode() }), e.textContent = t);
 		}
 		return _executeHooks(U.afterSanitizeElements, e, null), !1;
 	}, kn = function _isValidAttribute(e, n, r) {
-		if (Se[n] || ke && n === "patchsrc" || ke && n === "for" && e !== "label" && e !== "output" || Re && (n === "id" || n === "name") && (r in t || r in Tt)) return !1;
-		let i = G[n] || Ce.attributeCheck instanceof Function && Ce.attributeCheck(n, e);
-		if (!(Te && Et(ce, n)) && !(we && Et(ue, n))) {
+		if (be[n] || Oe && n === "patchsrc" || Oe && n === "for" && e !== "label" && e !== "output" || Le && (n === "id" || n === "name") && (r in t || r in Tt)) return !1;
+		let i = K[n] || Se.attributeCheck instanceof Function && Se.attributeCheck(n, e);
+		if (!(we && Et(ce, n)) && !(Ce && Et(ue, n))) {
 			if (!i) {
-				if (!(jn(e) && (K.tagNameCheck instanceof RegExp && Et(K.tagNameCheck, e) || K.tagNameCheck instanceof Function && K.tagNameCheck(e)) && (K.attributeNameCheck instanceof RegExp && Et(K.attributeNameCheck, n) || K.attributeNameCheck instanceof Function && K.attributeNameCheck(n, e)) || n === "is" && K.allowCustomizedBuiltInElements && (K.tagNameCheck instanceof RegExp && Et(K.tagNameCheck, r) || K.tagNameCheck instanceof Function && K.tagNameCheck(r)))) return !1;
-			} else if (!Je[n] && !Et(_e, vt(r, pe, "")) && !((n === "src" || n === "xlink:href" || n === "href") && e !== "script" && yt(r, "data:") === 0 && Ke[e]) && !(Ee && !Et(de, vt(r, pe, ""))) && r) return !1;
+				if (!(jn(e) && (q.tagNameCheck instanceof RegExp && Et(q.tagNameCheck, e) || q.tagNameCheck instanceof Function && q.tagNameCheck(e)) && (q.attributeNameCheck instanceof RegExp && Et(q.attributeNameCheck, n) || q.attributeNameCheck instanceof Function && q.attributeNameCheck(n, e)) || n === "is" && q.allowCustomizedBuiltInElements && (q.tagNameCheck instanceof RegExp && Et(q.tagNameCheck, r) || q.tagNameCheck instanceof Function && q.tagNameCheck(r)))) return !1;
+			} else if (!qe[n] && !Et(he, vt(r, pe, "")) && !((n === "src" || n === "xlink:href" || n === "href") && e !== "script" && yt(r, "data:") === 0 && Ge[e]) && !(Te && !Et(de, vt(r, pe, ""))) && r) return !1;
 		}
 		return !0;
 	}, An = addToSet({}, [
@@ -1925,7 +1925,7 @@ function createDOMPurify() {
 		"font-face-uri",
 		"missing-glyph"
 	]), jn = function _isBasicCustomElement(e) {
-		return !An[ht(e)] && Et(he, e);
+		return !An[ht(e)] && Et(W, e);
 	}, Mn = function _applyTrustedTypesToAttribute(e, t, n, r) {
 		if (C && typeof u == "object" && typeof u.getAttributeType == "function" && !n) switch (u.getAttributeType(e, t)) {
 			case "TrustedHTML": return P(r);
@@ -1946,12 +1946,12 @@ function createDOMPurify() {
 			attrName: "",
 			attrValue: "",
 			keepAttr: !0,
-			allowedAttributes: G,
+			allowedAttributes: K,
 			forceKeepAttr: void 0
 		}, 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 : bt(f);
-			if (n.attrName = u, n.attrValue = p, n.keepAttr = !0, n.forceKeepAttr = void 0, _executeHooks(U.uponSanitizeAttribute, e, n), p = n.attrValue, ze && (u === "id" || u === "name") && yt(p, Be) !== 0 && (hn(o, e), p = Be + p), ke && Et(/((--!?|])>)|<\/(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(U.uponSanitizeAttribute, e, n), p = n.attrValue, Re && (u === "id" || u === "name") && yt(p, ze) !== 0 && (hn(o, e), p = ze + p), Oe && Et(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, p)) {
 				hn(o, e);
 				continue;
 			}
@@ -1964,11 +1964,11 @@ function createDOMPurify() {
 					hn(o, e);
 					continue;
 				}
-				if (!De && Et(Qt, p)) {
+				if (!Ee && Et(Qt, p)) {
 					hn(o, e);
 					continue;
 				}
-				if (Oe && (p = xn(p)), !kn(i, u, p)) {
+				if (De && (p = xn(p)), !kn(i, u, p)) {
 					hn(o, e);
 					continue;
 				}
@@ -2025,14 +2025,14 @@ function createDOMPurify() {
 		let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = null, i = null, a = null, o = null;
 		if ($e = !e, $e && (e = "<!-->"), typeof e != "string" && !Tn(e) && (e = stringifyValue(e), typeof e != "string")) throw Dt("dirty is not a string, aborting");
 		if (!DOMPurify.isSupported) return e;
-		je ? (W = Me, G = Ne) : on(t), (U.uponSanitizeElement.length > 0 || U.uponSanitizeAttribute.length > 0) && (W = clone(W)), U.uponSanitizeAttribute.length > 0 && (G = clone(G)), DOMPurify.removed = [];
-		let s = He && typeof e != "string" && Tn(e);
+		Ae ? (G = je, K = Me) : on(t), (U.uponSanitizeElement.length > 0 || U.uponSanitizeAttribute.length > 0) && (G = clone(G)), U.uponSanitizeAttribute.length > 0 && (K = clone(K)), DOMPurify.removed = [];
+		let s = Ve && typeof e != "string" && Tn(e);
 		if (s) {
 			vn(e);
 			let t = S ? S(e) : e.nodeName;
 			if (typeof t == "string") {
 				let n = Q(t);
-				if (!W[n] || be[n]) throw mn(e), Dt("root node is forbidden and cannot be sanitized in-place");
+				if (!G[n] || ye[n]) throw mn(e), Dt("root node is forbidden and cannot be sanitized in-place");
 			}
 			if (Cn(e)) throw mn(e), Dt("root node is clobbered and cannot be sanitized in-place");
 			try {
@@ -2042,10 +2042,10 @@ function createDOMPurify() {
 			}
 		} else if (Tn(e)) r = yn("<!---->"), i = r.ownerDocument.importNode(e, !0), i.nodeType === $t.element && i.nodeName === "BODY" || i.nodeName === "HTML" ? r = i : r.appendChild(i), In(i);
 		else {
-			if (!Fe && !Oe && !Ae && e.indexOf("<") === -1) return C && Le ? P(e) : e;
-			if (r = yn(e), !r) return Fe ? null : Le ? T : "";
+			if (!Pe && !De && !ke && e.indexOf("<") === -1) return C && Ie ? P(e) : e;
+			if (r = yn(e), !r) return Pe ? null : Ie ? T : "";
 		}
-		r && Pe && pn(r.firstChild);
+		r && Ne && pn(r.firstChild);
 		let c = s ? e : r, u = bn(c);
 		try {
 			for (; a = u.nextNode();) On(a, c), Pn(a), wn(a.content) && Fn(a.content);
@@ -2056,19 +2056,19 @@ function createDOMPurify() {
 		}
 		if (s) return lt(DOMPurify.removed, (e) => {
 			e.element && _n(e.element);
-		}), Oe && Sn(e), e;
-		if (Fe) {
-			if (Oe && Sn(r), Ie) for (o = ie.call(r.ownerDocument); r.firstChild;) o.appendChild(r.firstChild);
+		}), De && Sn(e), e;
+		if (Pe) {
+			if (De && Sn(r), Fe) for (o = ie.call(r.ownerDocument); r.firstChild;) o.appendChild(r.firstChild);
 			else o = r;
-			return (G.shadowroot || G.shadowrootmode) && (o = H.call(n, o, !0)), o;
+			return (K.shadowroot || K.shadowrootmode) && (o = H.call(n, o, !0)), o;
 		}
-		let f = Ae ? r.outerHTML : r.innerHTML;
-		return Ae && W["!doctype"] && r.ownerDocument && r.ownerDocument.doctype && r.ownerDocument.doctype.name && Et(qt, r.ownerDocument.doctype.name) && (f = "<!DOCTYPE " + r.ownerDocument.doctype.name + ">\n" + f), Oe && (f = xn(f)), C && Le ? P(f) : f;
+		let f = ke ? r.outerHTML : r.innerHTML;
+		return ke && G["!doctype"] && r.ownerDocument && r.ownerDocument.doctype && r.ownerDocument.doctype.name && Et(qt, r.ownerDocument.doctype.name) && (f = "<!DOCTYPE " + r.ownerDocument.doctype.name + ">\n" + f), De && (f = xn(f)), C && Ie ? P(f) : f;
 	}, DOMPurify.setConfig = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-		on(e), je = !0, Me = W, Ne = G;
+		on(e), Ae = !0, je = G, Me = K;
 	}, DOMPurify.clearConfig = function() {
-		Ct = null, je = !1, Me = null, Ne = null, C = k, T = "";
+		Ct = null, Ae = !1, je = null, Me = null, C = k, T = "";
 	}, DOMPurify.isValidAttribute = function(e, t, n) {
 		Ct || on({});
 		let r = Q(e), i = Q(t);
@@ -4084,9 +4084,9 @@ var Ir = [
 			return t.inverted ? e === "decision" ? "rgba(255, 255, 255, 0.1)" : "rgba(255, 255, 255, 0.06)" : e === "decision" ? "color-mix(in oklch, var(--color-primary-500) 6%, var(--color-theme-0))" : e === "output" ? "color-mix(in oklch, var(--color-theme-900) 5%, var(--color-theme-0))" : "var(--color-theme-0)";
 		}
 		function diagramNodeStroke(e) {
-			return t.inverted ? "rgba(255, 255, 255, 0.22)" : ye.value;
+			return t.inverted ? "rgba(255, 255, 255, 0.22)" : ve.value;
 		}
-		let he = v(() => t.inverted ? "rgba(255, 255, 255, 0.95)" : "var(--color-theme-900)"), _e = v(() => t.inverted ? "rgba(255, 255, 255, 0.6)" : "var(--color-theme-500)"), W = v(() => t.inverted ? "rgba(255, 255, 255, 0.45)" : "color-mix(in oklch, var(--color-theme-900) 42%, transparent)"), ve = v(() => t.inverted ? "rgba(255, 255, 255, 0.1)" : "color-mix(in oklch, var(--color-theme-900) 8%, transparent)"), G = v(() => t.inverted ? "rgba(255, 255, 255, 0.24)" : "color-mix(in oklch, var(--color-theme-900) 18%, transparent)"), ye = v(() => t.inverted ? "rgba(255, 255, 255, 0.16)" : "color-mix(in oklch, var(--color-theme-300) 55%, transparent)"), K = v(() => t.inverted ? "rgba(255, 255, 255, 0.14)" : "color-mix(in oklch, var(--color-theme-900) 10%, transparent)"), be = v(() => t.inverted ? "transparent" : "var(--color-theme-0)"), Se = v(() => t.inverted ? "rgba(255, 255, 255, 0.18)" : "color-mix(in oklch, var(--color-theme-900) 16%, transparent)"), Ce = v(() => t.inverted ? "rgba(255, 255, 255, 0.12)" : "color-mix(in oklch, var(--color-theme-900) 9%, transparent)");
+		let W = v(() => t.inverted ? "rgba(255, 255, 255, 0.95)" : "var(--color-theme-900)"), he = v(() => t.inverted ? "rgba(255, 255, 255, 0.6)" : "var(--color-theme-500)"), G = v(() => t.inverted ? "rgba(255, 255, 255, 0.45)" : "color-mix(in oklch, var(--color-theme-900) 42%, transparent)"), _e = v(() => t.inverted ? "rgba(255, 255, 255, 0.1)" : "color-mix(in oklch, var(--color-theme-900) 8%, transparent)"), K = v(() => t.inverted ? "rgba(255, 255, 255, 0.24)" : "color-mix(in oklch, var(--color-theme-900) 18%, transparent)"), ve = v(() => t.inverted ? "rgba(255, 255, 255, 0.16)" : "color-mix(in oklch, var(--color-theme-300) 55%, transparent)"), q = v(() => t.inverted ? "rgba(255, 255, 255, 0.14)" : "color-mix(in oklch, var(--color-theme-900) 10%, transparent)"), ye = v(() => t.inverted ? "transparent" : "var(--color-theme-0)"), be = v(() => t.inverted ? "rgba(255, 255, 255, 0.18)" : "color-mix(in oklch, var(--color-theme-900) 16%, transparent)"), Se = v(() => t.inverted ? "rgba(255, 255, 255, 0.12)" : "color-mix(in oklch, var(--color-theme-900) 9%, transparent)");
 		return (e, r) => o.value ? (F(), x("section", {
 			key: 0,
 			"data-test": "chat-visual",
@@ -4096,18 +4096,18 @@ var Ir = [
 			"data-diagram-type": c.value?.diagramType,
 			class: "my-6 w-full rounded-[20px] px-4 pb-3.5 pt-4",
 			style: M({
-				background: be.value,
-				boxShadow: `inset 0 0 0 1px ${K.value}`
+				background: ye.value,
+				boxShadow: `inset 0 0 0 1px ${q.value}`
 			}),
 			"aria-label": o.value.meta.title
 		}, [
 			S("header", Lr, [S("h4", {
 				class: "text-[13px] font-semibold leading-tight",
-				style: M({ color: he.value })
+				style: M({ color: W.value })
 			}, U(o.value.meta.title), 5), o.value.meta.description ? (F(), x("p", {
 				key: 0,
 				class: "mt-0.5 text-[12px] leading-snug",
-				style: M({ color: _e.value })
+				style: M({ color: he.value })
 			}, U(o.value.meta.description), 5)) : b("", !0)]),
 			S("div", {
 				ref_key: "bodyEl",
@@ -4122,13 +4122,13 @@ var Ir = [
 				class: "min-w-0"
 			}, [S("div", Br, [S("span", {
 				class: "line-clamp-2 min-w-0 font-medium leading-snug",
-				style: M({ color: he.value })
+				style: M({ color: W.value })
 			}, U(e.label), 5), S("span", {
 				class: "shrink-0 font-semibold tabular-nums",
-				style: M({ color: he.value })
+				style: M({ color: W.value })
 			}, U(e.value), 5)]), S("div", {
 				class: "h-2 w-full overflow-hidden rounded-full",
-				style: M({ background: Ce.value })
+				style: M({ background: Se.value })
 			}, [S("div", {
 				class: "h-full rounded-full",
 				style: M({
@@ -4151,7 +4151,7 @@ var Ir = [
 					y2: yForValue(e),
 					"stroke-width": "1",
 					"vector-effect": "non-scaling-stroke",
-					style: M({ stroke: e === 0 ? G.value : ve.value })
+					style: M({ stroke: e === 0 ? K.value : _e.value })
 				}, null, 12, Hr))), 128)),
 				S("g", null, [(F(!0), x(h, null, R(C.value.ticks, (e) => (F(), x("text", {
 					key: `y-${e}`,
@@ -4159,7 +4159,7 @@ var Ir = [
 					y: yForValue(e) + 3,
 					"text-anchor": "end",
 					"font-size": "9.5",
-					style: M({ fill: W.value })
+					style: M({ fill: G.value })
 				}, U(ae(formatChatVisualTick)({
 					value: e,
 					shared: T.value
@@ -4221,7 +4221,7 @@ var Ir = [
 					"text-anchor": e.anchor,
 					"font-size": "9.5",
 					transform: e.angled ? `rotate(${ae(-40)} ${e.x} ${A.value.height - A.value.bottom + 12})` : void 0,
-					style: M({ fill: W.value })
+					style: M({ fill: G.value })
 				}, U(e.label), 13, Yr))), 128))
 			], 12, Vr)), oe.value.length > 1 || f.value.chartType !== "bar" ? (F(), x("div", Xr, [(F(!0), x(h, null, R(oe.value, (e) => (F(), x("div", {
 				key: e.key,
@@ -4231,23 +4231,23 @@ var Ir = [
 					class: "size-2.5 shrink-0 rounded-full",
 					style: M({ background: seriesColor(e.seriesIndex) })
 				}, null, 4),
-				S("span", { style: M({ color: _e.value }) }, U(e.label), 5),
+				S("span", { style: M({ color: he.value }) }, U(e.label), 5),
 				S("span", {
 					class: "font-semibold tabular-nums",
-					style: M({ color: he.value })
+					style: M({ color: W.value })
 				}, U(e.value), 5)
 			]))), 128))])) : b("", !0)], 8, Rr)) : m.value ? (F(), x("div", Zr, [(F(!0), x(h, null, R(ce.value, (e, t) => (F(), x("div", { key: e.key }, [S("div", Qr, [S("span", {
 				class: "truncate font-medium",
-				style: M({ color: he.value })
+				style: M({ color: W.value })
 			}, U(e.name), 5), S("span", $r, [S("span", {
 				class: "font-semibold",
-				style: M({ color: he.value })
+				style: M({ color: W.value })
 			}, U(e.display), 5), S("span", {
 				class: "ml-1.5",
-				style: M({ color: _e.value })
+				style: M({ color: he.value })
 			}, U(Math.round(e.percent * 100)) + "%", 5)])]), S("div", {
 				class: "h-1.5 w-full overflow-hidden rounded-full",
-				style: M({ background: Ce.value })
+				style: M({ background: Se.value })
 			}, [S("div", {
 				class: "h-full rounded-full",
 				style: M({
@@ -4277,14 +4277,14 @@ var Ir = [
 					"stroke-width": "1.4",
 					"stroke-linecap": "round",
 					"vector-effect": "non-scaling-stroke",
-					style: M({ stroke: Se.value })
+					style: M({ stroke: be.value })
 				}, null, 12, ni))), 128)),
 				(F(!0), x(h, null, R(ue.value.edges, (e) => (F(), x("circle", {
 					key: `${e.key}-dot`,
 					cx: e.x2,
 					cy: e.y2,
 					r: "2.4",
-					style: M({ fill: Se.value })
+					style: M({ fill: be.value })
 				}, null, 12, ri))), 128)),
 				(F(!0), x(h, null, R(ue.value.edges.filter((e) => e.label), (e) => (F(), x("foreignObject", {
 					key: `${e.key}-label`,
@@ -4296,7 +4296,7 @@ var Ir = [
 					xmlns: "http://www.w3.org/1999/xhtml",
 					class: "flex h-full items-center justify-center px-1 text-center text-[10.5px] font-medium leading-none",
 					style: M({
-						color: _e.value,
+						color: he.value,
 						background: t.inverted ? "var(--color-theme-900)" : "var(--color-theme-0)"
 					})
 				}, U(e.label), 5)], 8, ii))), 128)),
@@ -4333,17 +4333,17 @@ var Ir = [
 					height: e.height - 10
 				}, [S("div", li, [S("div", {
 					class: "line-clamp-2 text-[13px] font-medium leading-snug",
-					style: M({ color: he.value })
+					style: M({ color: W.value })
 				}, U(e.label), 5), e.detail ? (F(), x("div", {
 					key: 0,
 					class: "mt-0.5 line-clamp-1 text-[10.5px] leading-none",
-					style: M({ color: _e.value })
+					style: M({ color: he.value })
 				}, U(e.detail), 5)) : b("", !0)])], 8, ci))], 8, ai))), 128))
 			], 12, ti))])) : b("", !0)], 512),
 			o.value.meta.footer ? (F(), x("footer", {
 				key: 0,
 				class: "mt-3 text-[11px] leading-snug",
-				style: M({ color: W.value })
+				style: M({ color: G.value })
 			}, U(o.value.meta.footer), 5)) : b("", !0)
 		], 12, Ir)) : b("", !0);
 	}
@@ -4701,7 +4701,7 @@ function deriveActivity(e) {
 	return e.hadError ? "error" : e.sessionState === "live" ? e.speaking.agent ? "speaking" : e.speaking.user ? "listening" : e.work.active ? "working" : e.providerThinking ? "thinking" : "listening" : "connecting";
 }
 function deriveVoiceModePresentation(e) {
-	let t = deriveActivity(e), n = ji[t], r = t === "working" ? e.work.description || "Working on it" : n.label, i = t === "working" ? r : n.visibleText ?? "", a = e.takingLonger && (t === "thinking" || t === "working"), o = a ? `${i} ${K.slowHint}` : i;
+	let t = deriveActivity(e), n = ji[t], r = t === "working" ? e.work.description || "Working on it" : n.label, i = t === "working" ? r : n.visibleText ?? "", a = e.takingLonger && (t === "thinking" || t === "working"), o = a ? `${i} ${q.slowHint}` : i;
 	return {
 		activity: t,
 		label: a ? o : r,
@@ -4766,7 +4766,7 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 		ce(() => I.value.usesIdleWave, (e) => _.setIdleWave(e), { immediate: !0 }), ce(m, (e) => _.setMuted(e), { immediate: !0 }), ce(ie, (e) => {
 			P && clearTimeout(P), c.value = !1, e && (P = setTimeout(() => {
 				P = void 0, c.value = !0;
-			}, be), P.unref?.());
+			}, ye), P.unref?.());
 		}, { immediate: !0 });
 		async function end() {
 			k = !0, await f.value?.end();
@@ -4842,7 +4842,7 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 					"aria-hidden": "true",
 					class: "flex-1"
 				}, null, -1)),
-				S("div", Ii, [T(Ge, {
+				S("div", Ii, [T(We, {
 					agent: e.agent,
 					"show-status": !1,
 					"show-owner-mark": !1,
@@ -4948,16 +4948,13 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 	"src",
 	"alt",
 	"data-attachment-placement"
-], da = ["src", "data-attachment-placement"], fa = ["href", "data-attachment-placement"], pa = ["data-journal-outcome"], ma = {
-	key: 2,
-	"data-test": "messaging-tool-activity-tail",
-	"aria-label": "Assistant is still working",
-	class: "mb-4 grid h-[17px] w-5 place-items-center"
-}, ha = ["data-journal-outcome"], ga = [
-	"data-test",
-	"data-working-description",
-	"data-taking-longer"
-], _a = { class: "truncate" }, va = ["data-issue-code"], ya = ["href"], ba = ["inert", "aria-hidden"], xa = ["data-seat-state"], Sa = ["src", "alt"], Ca = { class: "max-w-20 truncate" }, wa = ["onClick"], Ta = {
+], da = ["src", "data-attachment-placement"], fa = ["href", "data-attachment-placement"], pa = ["data-journal-outcome"], ma = ["data-journal-outcome"], ha = ["data-test", "data-working-description"], ga = {
+	key: 0,
+	class: "truncate"
+}, _a = {
+	key: 1,
+	class: "sr-only"
+}, va = ["data-issue-code"], ya = ["href"], ba = ["inert", "aria-hidden"], xa = ["data-seat-state"], Sa = ["src", "alt"], Ca = { class: "max-w-20 truncate" }, wa = ["onClick"], Ta = {
 	key: 0,
 	class: "shrink-0 flex items-center justify-center size-14"
 }, Ea = ["data-composer-action"], Da = ["placeholder", "disabled"], Oa = { class: "font-mono text-sm tabular-nums" }, ka = { class: "mt-2.5 flex items-center" }, Aa = [
@@ -4991,7 +4988,7 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 }, Ha = { class: "sr-only" }, Ua = {
 	key: 2,
 	"data-test": "messaging-ai-notice",
-	class: "mx-auto max-w-[720px] pt-2 text-center text-[11.5px] leading-none text-theme-300"
+	class: "mx-auto max-w-[640px] @5xl/chat:max-w-[720px] pt-2 text-center text-[11.5px] leading-none text-theme-300"
 }, Wa = /*@__PURE__*/ k({
 	__name: "ElAgentChat",
 	props: {
@@ -5037,7 +5034,7 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 			return e ? /\[[^\]]+\]\([^)]+\)/.test(e) : !1;
 		}
 		function isSystemExplainerMessage(e) {
-			return e.sender === "system" && (!!e.issue || e.id === ye.value);
+			return e.sender === "system" && (!!e.issue || e.id === ve.value);
 		}
 		function isGroupEnd(e, t) {
 			let n = e[t], r = e[t + 1];
@@ -5053,11 +5050,11 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 			return m.value.length && P.value ? t.filter((e) => e.id !== P.value) : t;
 		}), ae = v(() => {
 			if (!e.chatController?.workJournal?.value) return s.value?.workingDescription?.trim() || void 0;
-		}), oe = v(() => e.chatController?.workJournal?.value), _e = v(() => {
+		}), oe = v(() => e.chatController?.workJournal?.value), he = v(() => {
 			if (!oe.value && !m.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;
-		}), W = v(() => {
+		}), G = v(() => {
 			let t = {};
 			for (let n of B.value) {
 				if (n.sender === "user" || !n.toolActivities?.length) continue;
@@ -5071,7 +5068,7 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 			return t;
 		});
 		function messageWorkJournal(e) {
-			return W.value[e.id];
+			return G.value[e.id];
 		}
 		function inlineOffset(e, t) {
 			return e.placement?.kind !== "inline" || !Number.isFinite(e.placement.offset) ? null : Math.max(0, Math.min(t.length, Math.trunc(e.placement.offset)));
@@ -5119,70 +5116,61 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 				text: t.slice(i)
 			}), r;
 		}
-		let G = v(() => s.value?.transientIssue), ye = v(() => {
+		let K = v(() => s.value?.transientIssue), ve = v(() => {
 			if (!f.value) return;
 			let e = B.value, t = e[e.length - 1];
 			return t?.sender === "agent" || t?.sender === "system" ? t.id : void 0;
-		}), Se = v(() => !f.value || ae.value || oe.value || m.value.length ? !1 : ye.value === void 0), Ce = v(() => ae.value ?? (Se.value ? "Thinking" : void 0)), we = H(!1), Te;
-		ce(Ce, (e) => {
-			Te && clearTimeout(Te), we.value = !1, e && (Te = setTimeout(() => {
-				Te = void 0, we.value = !0;
-			}, be), Te.unref?.());
-		}, { immediate: !0 });
-		let Ee = v(() => {
-			let e = Ce.value;
-			if (e) return we.value ? `${e} ${K.slowHint}` : e;
-		}), De = v(() => s.value?.sendBlockedReason), Oe = v(() => De.value === "agent_deleted"), ke = v(() => p.value ? "Connecting..." : De.value === "agent_deleted" ? "This assistant was deleted" : "Send a message"), Ae = v(() => c(e.agent.state.value)), je = v(() => {
-			if (q.value || !Ae.value || Ae.value === "awake") return;
+		}), q = v(() => !f.value || ae.value || oe.value || m.value.length ? !1 : ve.value === void 0), ye = v(() => !!ae.value || q.value), be = v(() => s.value?.sendBlockedReason), Se = v(() => be.value === "agent_deleted"), Ce = v(() => p.value ? "Connecting..." : be.value === "agent_deleted" ? "This assistant was deleted" : "Send a message"), we = v(() => c(e.agent.state.value)), Te = v(() => {
+			if (qe.value || !we.value || we.value === "awake") return;
 			let t = e.agent.displayName.value || e.agent.name.value || "Your assistant";
-			return Ae.value === "changing" ? `${t} will be right back…` : `${t} is ${a[Ae.value].toLowerCase()}.`;
-		}), Me = v(() => e.chatController?.composerState?.value ?? {
+			return we.value === "changing" ? `${t} will be right back…` : `${t} is ${a[we.value].toLowerCase()}.`;
+		}), Ee = v(() => e.chatController?.composerState?.value ?? {
 			text: "",
 			pendingAttachments: [],
 			isUploading: !1
-		}), Ne = v({
-			get: () => Me.value.text,
+		}), De = v({
+			get: () => Ee.value.text,
 			set: (t) => e.chatController?.setComposerText?.({ text: t })
-		}), Pe = v(() => Me.value.pendingAttachments), Fe = v(() => Me.value.isUploading), Ie = v(() => e.chatController?.voiceRecorder), Le = v(() => Ie.value?.isBusy.value ?? !1), Re = v(() => e.chatController?.canAttachFile?.value ?? !1), ze = v(() => e.chatController?.canRecordAudio?.value ?? !1), Ve = v(() => e.chatController?.composerAction?.value ?? "idle"), He = v(() => Ve.value !== "idle"), Ue = v(() => e.chatController?.composerShowsSecondaryStop?.value ?? !1), We = v(() => e.chatController?.queuedMessageIds?.value);
+		}), Oe = v(() => Ee.value.pendingAttachments), ke = v(() => Ee.value.isUploading), Ae = v(() => e.chatController?.voiceRecorder), je = v(() => Ae.value?.isBusy.value ?? !1), Me = v(() => e.chatController?.canAttachFile?.value ?? !1), Ne = v(() => e.chatController?.canRecordAudio?.value ?? !1), Pe = v(() => e.chatController?.composerAction?.value ?? "idle"), Fe = v(() => Pe.value !== "idle"), Ie = v(() => e.chatController?.composerShowsSecondaryStop?.value ?? !1), Le = v(() => e.chatController?.queuedMessageIds?.value);
 		function isQueuedMessage(e) {
-			return We.value?.has(e) ?? !1;
-		}
-		let Ke = v(() => Ve.value === "stop" ? "Stop reply" : Ue.value ? "Send — answered after current work" : "Send message"), qe = v(() => ze.value && !Le.value && !!Ie.value?.canUseBrowserRecording), Je = v(() => Ie.value?.isActive.value ?? !1), Ye = v(() => Ie.value?.state.value.phase === "sending"), Xe = v(() => Ie.value?.elapsedLabel.value ?? "0:00"), Ze = v(() => {
-			let e = Ie.value?.state.value.phase;
-			return e === "preparing" || e === "sending" ? Ie.value?.statusText.value ?? "Starting microphone" : lt.value ? "Release to send" : "Click mic to send";
-		}), Qe = v(() => Ie.value?.state.value.phase === "sending" ? "Sending voice message" : Je.value ? lt.value ? "Release to send voice message" : "Stop and send voice message" : "Record voice message"), q = I(!1), et = I(), tt = I(), nt = I(), rt = 0, it = v(() => e.chatController?.canStartVoice?.value ?? !1);
-		ce([() => e.agent.avatar.value?.src, it], ([e, t]) => {
-			let n = ++rt;
-			if (nt.value = void 0, !t || !e || typeof Image > "u") return;
+			return Le.value?.has(e) ?? !1;
+		}
+		let Re = v(() => Pe.value === "stop" ? "Stop reply" : Ie.value ? "Send — answered after current work" : "Send message"), Be = v(() => Ne.value && !je.value && !!Ae.value?.canUseBrowserRecording), Ve = v(() => Ae.value?.isActive.value ?? !1), He = v(() => Ae.value?.state.value.phase === "sending"), Ue = v(() => Ae.value?.elapsedLabel.value ?? "0:00"), Ge = v(() => {
+			let e = Ae.value?.state.value.phase;
+			return e === "preparing" || e === "sending" ? Ae.value?.statusText.value ?? "Starting microphone" : Z.value ? "Release to send" : "Click mic to send";
+		}), Ke = v(() => Ae.value?.state.value.phase === "sending" ? "Sending voice message" : Ve.value ? Z.value ? "Release to send voice message" : "Stop and send voice message" : "Record voice message"), qe = I(!1), Je = I(), Ye = I(), Xe = I(), Ze = 0, Qe = v(() => e.chatController?.canStartVoice?.value ?? !1);
+		ce([() => e.agent.avatar.value?.src, Qe], ([e, t]) => {
+			let n = ++Ze;
+			if (Xe.value = void 0, !t || !e || typeof Image > "u") return;
 			let r = new Image();
 			r.onload = () => {
-				n === rt && (nt.value = e);
+				n === Ze && (Xe.value = e);
 			}, r.src = e;
 		}, { immediate: !0 });
-		let J = v(() => it.value && !q.value && !Je.value && Ve.value === "idle"), X = v(() => !u.value), at = v(() => X.value ? `Voice available when ${e.agent.displayName.value || e.agent.name.value || "the assistant"} is awake` : "Start voice conversation");
+		let et = v(() => Qe.value && !qe.value && !Ve.value && Pe.value === "idle"), tt = v(() => !u.value), nt = v(() => tt.value ? `Voice available when ${e.agent.displayName.value || e.agent.name.value || "the assistant"} is awake` : "Start voice conversation");
 		function startVoiceConversation() {
-			!J.value || X.value || (tt.value = nt.value, q.value = !0);
+			!et.value || tt.value || (Ye.value = Xe.value, qe.value = !0);
 		}
 		async function endVoiceConversation() {
-			if (!q.value) return;
-			let t = et.value?.end();
-			q.value = !1, tt.value = void 0, await A(), await t, i.value?.focus(), await e.chatController?.refreshMessages();
+			if (!qe.value) return;
+			let t = Je.value?.end();
+			qe.value = !1, Ye.value = void 0, await A(), await t, i.value?.focus(), await e.chatController?.refreshMessages();
 		}
-		let Z = v(() => e.variant === "light"), st = v(() => Z.value ? "bg-gradient-to-r from-transparent via-black/5 to-transparent" : "bg-gradient-to-r from-transparent via-white/5 to-transparent"), ct = v(() => Z.value ? "text-theme-300" : "text-white/30");
+		let J = v(() => e.variant === "light"), rt = v(() => J.value ? "bg-gradient-to-r from-transparent via-black/5 to-transparent" : "bg-gradient-to-r from-transparent via-white/5 to-transparent"), X = v(() => J.value ? "text-theme-300" : "text-white/30");
 		ne(async () => {
 			e.chatController && !u.value && await e.chatController.startTextConversation();
 		}), re(() => {
-			Te && clearTimeout(Te), e.chatController?.voiceRecorder?.teardown();
+			e.chatController?.voiceRecorder?.teardown();
 		});
 		async function sendMessage() {
-			!e.chatController || Ve.value !== "send" || (i.value && (i.value.style.height = "auto", window.matchMedia("(pointer: coarse)").matches ? i.value.blur() : i.value.focus()), r.value?.pin(), await e.chatController.sendComposerMessage());
+			!e.chatController || Pe.value !== "send" || (i.value && (i.value.style.height = "auto", window.matchMedia("(pointer: coarse)").matches ? i.value.blur() : i.value.focus()), r.value?.pin(), await e.chatController.sendComposerMessage());
 		}
 		async function handleCardAction(t) {
-			!e.chatController || Oe.value || (r.value?.pin(), await e.chatController.sendChatMessage(t));
+			!e.chatController || Se.value || (r.value?.pin(), await e.chatController.sendChatMessage(t));
 		}
 		async function handleComposerAction() {
 			if (e.chatController) {
-				if (Ve.value === "send") {
+				if (Pe.value === "send") {
 					await sendMessage();
 					return;
 				}
@@ -5193,44 +5181,44 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 			e.isComposing || e.key === "Enter" && !e.shiftKey && (e.preventDefault(), await sendMessage());
 		}
 		function focusComposer(e) {
-			Je.value || Oe.value || e.target instanceof Element && e.target.closest("button, a, textarea") || i.value?.focus();
+			Ve.value || Se.value || e.target instanceof Element && e.target.closest("button, a, textarea") || i.value?.focus();
 		}
 		function adjustTextareaHeight() {
 			i.value && (i.value.style.height = "auto", i.value.style.height = `${Math.min(i.value.scrollHeight, 150)}px`);
 		}
-		ce(Ne, () => A(() => adjustTextareaHeight()));
+		ce(De, () => A(() => adjustTextareaHeight()));
 		function triggerFileInput() {
 			o.value?.click();
 		}
 		async function handleFileSelect(t) {
 			let n = t.target, r = n.files?.[0];
-			!r || !e.chatController || Le.value || (await e.chatController.attachFile({ file: r }), n.value = "");
+			!r || !e.chatController || je.value || (await e.chatController.attachFile({ file: r }), n.value = "");
 		}
 		function removeAttachment(t) {
 			e.chatController?.removeAttachment({ index: t });
 		}
 		function startRecording() {
-			Ie.value?.start();
+			Ae.value?.start();
 		}
 		function finishRecording(e) {
-			Ie.value?.finish(e);
+			Ae.value?.finish(e);
 		}
-		let lt = H(!1), ut = !1;
+		let Z = H(!1), it = !1;
 		function onRecordPointerDown(e) {
-			e.pointerType === "touch" && (ut = !0, lt.value = !0, e.currentTarget.setPointerCapture?.(e.pointerId), startRecording());
+			e.pointerType === "touch" && (it = !0, Z.value = !0, e.currentTarget.setPointerCapture?.(e.pointerId), startRecording());
 		}
 		function onRecordPointerUp(e) {
-			e.pointerType !== "touch" || !lt.value || (lt.value = !1, finishRecording({ cancelled: !1 }));
+			e.pointerType !== "touch" || !Z.value || (Z.value = !1, finishRecording({ cancelled: !1 }));
 		}
 		function onRecordPointerCancel(e) {
-			e.pointerType !== "touch" || !lt.value || (lt.value = !1, ut = !1, finishRecording({ cancelled: !0 }));
+			e.pointerType !== "touch" || !Z.value || (Z.value = !1, it = !1, finishRecording({ cancelled: !0 }));
 		}
 		function toggleRecording() {
-			Je.value ? finishRecording({ cancelled: !1 }) : startRecording();
+			Ve.value ? finishRecording({ cancelled: !1 }) : startRecording();
 		}
 		function onRecordClick() {
-			if (ut) {
-				ut = !1;
+			if (it) {
+				it = !1;
 				return;
 			}
 			toggleRecording();
@@ -5266,20 +5254,20 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 			"data-test": "messaging-root",
 			class: j(["@container/chat relative flex h-full flex-col", B.value.length === 0 ? "min-h-0 [justify-content:safe_center] overflow-y-auto" : ""])
 		}, [
-			e.showHeader && !Z.value ? (F(), x("div", Wi, [T(Be, {
+			e.showHeader && !J.value ? (F(), x("div", Wi, [T(ze, {
 				agent: e.agent,
 				"is-online": u.value
-			}, null, 8, ["agent", "is-online"])])) : e.showHeader ? (F(), x("div", Gi, [S("div", { class: j(["flex items-center gap-3", e.centered ? "max-w-[720px] mx-auto" : ""]) }, [
-				T(Ge, {
+			}, null, 8, ["agent", "is-online"])])) : e.showHeader ? (F(), x("div", Gi, [S("div", { class: j(["flex items-center gap-3", e.centered ? "max-w-[640px] @5xl/chat:max-w-[720px] mx-auto" : ""]) }, [
+				T(We, {
 					agent: e.agent,
-					"is-light": Z.value,
+					"is-light": J.value,
 					class: "size-10"
 				}, null, 8, ["agent", "is-light"]),
 				S("div", Ki, [S("div", qi, U(e.agent.displayName.value), 1), S("div", Ji, U(e.agent.title.value || "Assistant"), 1)]),
 				e.headerMeta ? (F(), x("span", Yi, U(e.headerMeta), 1)) : b("", !0)
 			], 2)])) : b("", !0),
 			T(_, { name: "voice-call" }, {
-				default: ue(() => [q.value ? (F(), x("div", {
+				default: ue(() => [qe.value ? (F(), x("div", {
 					key: 0,
 					"data-test": "voice-call-overlay",
 					role: "dialog",
@@ -5289,10 +5277,10 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 					onKeydown: a[0] || (a[0] = pe((e) => endVoiceConversation(), ["esc"]))
 				}, [T(Ui, {
 					ref_key: "voiceMode",
-					ref: et,
+					ref: Je,
 					agent: e.agent,
 					"chat-controller": e.chatController,
-					"backdrop-src": tt.value,
+					"backdrop-src": Ye.value,
 					"is-light": !1,
 					class: "voice-call-card h-full w-full sm:max-h-[620px] sm:max-w-[420px] sm:flex-none sm:rounded-[32px] sm:shadow-[0_32px_80px_rgba(5,15,25,0.45)]",
 					onEnd: endVoiceConversation
@@ -5305,35 +5293,35 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 			}),
 			p.value ? (F(), x("div", {
 				key: 2,
-				class: j(["py-16 flex flex-col items-center justify-center gap-2 text-sm", Z.value ? "text-theme-400" : "text-theme-600"])
-			}, [T(ve, { class: "size-4" })], 2)) : e.setupHint ? (F(), x("div", {
+				class: j(["py-16 flex flex-col items-center justify-center gap-2 text-sm", J.value ? "text-theme-400" : "text-theme-600"])
+			}, [T(_e, { class: "size-4" })], 2)) : e.setupHint ? (F(), x("div", {
 				key: 3,
-				class: j(["flex items-center justify-center gap-1.5 py-2 text-[11px]", ct.value])
+				class: j(["flex items-center justify-center gap-1.5 py-2 text-[11px]", X.value])
 			}, [a[14] || (a[14] = S("i", { class: "i-tabler-tool size-3" }, null, -1)), S("span", null, U(e.setupHint), 1)], 2)) : b("", !0),
 			T(hi, {
 				ref_key: "chatScroller",
 				ref: r,
-				inert: q.value,
-				"aria-hidden": q.value ? "true" : void 0,
+				inert: qe.value,
+				"aria-hidden": qe.value ? "true" : void 0,
 				class: j(B.value.length === 0 ? "flex-none" : "flex-1")
 			}, {
-				default: ue(() => [S("div", { class: j([B.value.length === 0 ? "flex flex-col items-center justify-center px-3 py-4" : e.centered ? "pt-20 pb-5 px-3 @lg/chat:px-5 space-y-2" : "pt-4 pb-[120px] px-3 @lg/chat:px-5 space-y-2", e.centered ? B.value.length === 0 ? "max-w-[900px] mx-auto w-full" : "max-w-[720px] mx-auto w-full" : ""]) }, [
+				default: ue(() => [S("div", { class: j([B.value.length === 0 ? "flex flex-col items-center justify-center px-3 py-4" : e.centered ? "pt-20 pb-5 px-3 @lg/chat:px-8 space-y-2" : "pt-4 pb-[120px] px-3 @lg/chat:px-8 space-y-2", e.centered ? B.value.length === 0 ? "max-w-[900px] mx-auto w-full" : "max-w-[640px] @5xl/chat:max-w-[720px] mx-auto w-full" : ""]) }, [
 					B.value.length === 0 && !p.value ? (F(), x("div", Zi, [ie(t.$slots, "empty-heading", {
 						agent: e.agent,
-						isLight: Z.value
-					}, () => [T(Ge, {
+						isLight: J.value
+					}, () => [T(We, {
 						agent: e.agent,
-						"is-light": Z.value,
+						"is-light": J.value,
 						class: "mb-4 size-20 @sm/chat:size-24"
-					}, null, 8, ["agent", "is-light"]), S("div", { class: j(["text-base @sm/chat:text-lg font-semibold", Z.value ? "text-theme-900" : "text-white"]) }, U(e.agent.displayName.value), 3)], !0), e.emptyStateMessage === "" ? b("", !0) : (F(), x(h, { key: 0 }, [S("p", { class: j(["mt-1 text-center text-xs @sm/chat:text-sm", ct.value]) }, U(e.emptyStateMessage || "Type your message to get started."), 3), S("div", {
-						class: j(["inline-flex items-center gap-1.5 mt-5 px-2.5 py-1 rounded-full text-[11px]", Z.value ? "bg-theme-50 border border-theme-100 text-theme-400" : "bg-white/10 border border-white/20 text-white/40"]),
+					}, null, 8, ["agent", "is-light"]), S("div", { class: j(["text-base @sm/chat:text-lg font-semibold", J.value ? "text-theme-900" : "text-white"]) }, U(e.agent.displayName.value), 3)], !0), e.emptyStateMessage === "" ? b("", !0) : (F(), x(h, { key: 0 }, [S("p", { class: j(["mt-1 text-center text-xs @sm/chat:text-sm", X.value]) }, U(e.emptyStateMessage || "Type your message to get started."), 3), S("div", {
+						class: j(["inline-flex items-center gap-1.5 mt-5 px-2.5 py-1 rounded-full text-[11px]", J.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
 					}, [S("i", { class: j([n.value.icon, "size-3"]) }, null, 2), S("span", null, U(n.value.label), 1)], 10, Qi)], 64))])) : b("", !0),
 					(F(!0), x(h, null, R(B.value, (e, t) => (F(), x(h, { key: e.id }, [
 						shouldShowTimeDivider(B.value, t) ? (F(), x("div", $i, [
-							S("div", { class: j(["flex-1 h-px", st.value]) }, null, 2),
-							S("span", { class: j(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", ct.value]) }, U(shouldShowTimeDivider(B.value, t)), 3),
-							S("div", { class: j(["flex-1 h-px", st.value]) }, null, 2)
+							S("div", { class: j(["flex-1 h-px", rt.value]) }, null, 2),
+							S("span", { class: j(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", X.value]) }, U(shouldShowTimeDivider(B.value, t)), 3),
+							S("div", { class: j(["flex-1 h-px", rt.value]) }, null, 2)
 						])) : b("", !0),
 						messageWorkJournal(e) ? (F(), x("div", {
 							key: 1,
@@ -5342,7 +5330,7 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 							class: "mb-4 w-full"
 						}, [T($e, {
 							model: messageWorkJournal(e),
-							"is-light": Z.value
+							"is-light": J.value
 						}, null, 8, ["model", "is-light"])], 8, ea)) : b("", !0),
 						isSystemExplainerMessage(e) ? (F(), x("div", {
 							key: 2,
@@ -5356,14 +5344,14 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 							"data-issue-bucket": e.issue?.bucket,
 							"data-issue-action-label": e.issue?.actionLabel,
 							"data-issue-action-url": e.issue?.actionUrl,
-							"data-streaming": e.id === ye.value ? "true" : void 0,
+							"data-streaming": e.id === ve.value ? "true" : void 0,
 							class: "flex gap-2 items-end justify-start mb-4"
-						}, [S("div", na, [S("div", { class: j(["mb-1 pl-1 text-[11px] font-medium", Z.value ? "text-theme-500" : "text-white/45"]) }, " System Message ", 2), S("div", { class: j(["pl-1", Z.value ? "text-theme-700" : "text-white/85"]) }, [e.text ? (F(), te(fi, {
+						}, [S("div", na, [S("div", { class: j(["mb-1 pl-1 text-[11px] font-medium", J.value ? "text-theme-500" : "text-white/45"]) }, " System Message ", 2), S("div", { class: j(["pl-1", J.value ? "text-theme-700" : "text-white/85"]) }, [e.text ? (F(), te(fi, {
 							key: 0,
 							text: e.text,
-							inverted: !Z.value,
-							streaming: e.id === ye.value,
-							onClick: a[1] || (a[1] = he(() => {}, ["stop"])),
+							inverted: !J.value,
+							streaming: e.id === ve.value,
+							onClick: a[1] || (a[1] = W(() => {}, ["stop"])),
 							onAction: handleCardAction
 						}, null, 8, [
 							"text",
@@ -5372,13 +5360,13 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 						])) : e.issue?.help ? (F(), te(fi, {
 							key: 1,
 							text: e.issue.help,
-							inverted: !Z.value
+							inverted: !J.value
 						}, null, 8, ["text", "inverted"])) : b("", !0), e.issue?.actionUrl && !containsMarkdownLink(e.text) ? (F(), x("a", {
 							key: 2,
 							href: e.issue.actionUrl,
 							"data-test": "messaging-system-msg-action",
-							class: j(["mt-2 text-[12px] font-medium inline-flex items-center gap-1", Z.value ? "text-theme-900 hover:text-theme-700" : "text-white hover:text-white/80"]),
-							onClick: a[2] || (a[2] = he(() => {}, ["stop"]))
+							class: j(["mt-2 text-[12px] font-medium inline-flex items-center gap-1", J.value ? "text-theme-900 hover:text-theme-700" : "text-white hover:text-white/80"]),
+							onClick: a[2] || (a[2] = W(() => {}, ["stop"]))
 						}, [C(U(e.issue.actionLabel) + " ", 1), a[15] || (a[15] = S("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, ra)) : b("", !0)], 2)])], 8, ta)) : e.sender === "system" ? (F(), x("div", {
 							key: 3,
 							"data-test": "messaging-system-status-msg",
@@ -5389,15 +5377,15 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 							"data-system-kind": e.systemKind,
 							"data-issue-code": e.issue?.code,
 							"data-issue-bucket": e.issue?.bucket,
-							"data-streaming": e.id === ye.value ? "true" : void 0,
-							class: j(["mb-4 flex w-fit max-w-[85%] items-start gap-2 rounded-2xl px-3 py-2 text-[13px] leading-relaxed ring-1", Z.value ? "bg-theme-100 text-theme-600 ring-theme-200" : "bg-white/10 text-white/70 ring-white/10"])
+							"data-streaming": e.id === ve.value ? "true" : void 0,
+							class: j(["mb-4 flex w-fit max-w-[85%] items-start gap-2 rounded-2xl px-3 py-2 text-[13px] leading-relaxed ring-1", J.value ? "bg-theme-100 text-theme-600 ring-theme-200" : "bg-white/10 text-white/70 ring-white/10"])
 						}, [a[16] || (a[16] = S("i", {
 							class: "i-tabler-info-circle size-4 mt-0.5 shrink-0",
 							"aria-hidden": "true"
 						}, null, -1)), T(fi, {
 							text: e.text,
-							inverted: !Z.value,
-							onClick: a[3] || (a[3] = he(() => {}, ["stop"]))
+							inverted: !J.value,
+							onClick: a[3] || (a[3] = W(() => {}, ["stop"]))
 						}, null, 8, ["text", "inverted"])], 10, ia)) : (F(), x("div", {
 							key: 4,
 							"data-test": e.sender === "agent" ? "messaging-assistant-msg" : e.sender === "user" ? "messaging-user-msg" : void 0,
@@ -5406,7 +5394,7 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 							"data-conversation-id": e.conversationId,
 							"data-message-sequence": e.sequence,
 							"data-system-kind": e.systemKind,
-							"data-streaming": e.id === ye.value ? "true" : void 0,
+							"data-streaming": e.id === ve.value ? "true" : void 0,
 							"data-queued": isQueuedMessage(e.id) ? "true" : void 0,
 							"aria-label": isQueuedMessage(e.id) ? "Sent — will be answered after the current work finishes" : void 0,
 							class: j(["flex gap-2 items-end", {
@@ -5442,16 +5430,16 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 							rel: "noopener",
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
-							class: j(["inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", Z.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
+							class: j(["inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", J.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
 						}, [a[17] || (a[17] = S("i", { class: "i-tabler-file size-3.5" }, null, -1)), C(" " + U(e.filename), 1)], 10, ca))], 64))), 128))], 2)) : b("", !0), messageRenderParts(e).length ? (F(), x("div", {
 							key: 1,
 							"data-test": "messaging-message-content",
-							class: j(e.sender === "user" ? Z.value ? "rounded-[14px] px-4 py-2.5 bg-theme-50 text-theme-900" : "rounded-[14px] px-4 py-2.5 bg-white/10 text-white" : Z.value ? "text-theme-800" : "text-white/95")
+							class: j(e.sender === "user" ? J.value ? "rounded-[14px] px-4 py-2.5 bg-theme-50 text-theme-900" : "rounded-[14px] px-4 py-2.5 bg-white/10 text-white" : J.value ? "text-theme-800" : "text-white/95")
 						}, [(F(!0), x(h, null, R(messageRenderParts(e), (t) => (F(), x(h, { key: t.key }, [t.kind === "text" && t.text ? (F(), x("div", la, [T(fi, {
 							text: t.text,
-							inverted: e.sender === "user" || !Z.value,
-							streaming: e.id === ye.value,
-							onClick: a[4] || (a[4] = he(() => {}, ["stop"])),
+							inverted: e.sender === "user" || !J.value,
+							streaming: e.id === ve.value,
+							onClick: a[4] || (a[4] = W(() => {}, ["stop"])),
 							onAction: handleCardAction
 						}, null, 8, [
 							"text",
@@ -5478,70 +5466,85 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 							rel: "noopener",
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
-							class: j(["my-2 inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", Z.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
+							class: j(["my-2 inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", J.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
 						}, [a[18] || (a[18] = S("i", { class: "i-tabler-file size-3.5" }, null, -1)), C(" " + U(t.attachment.filename), 1)], 10, fa)) : b("", !0)], 64))), 128))], 2)) : b("", !0)], 2)], 10, aa)),
-						e.id === _e.value ? (F(), x(h, { key: 5 }, [m.value.length ? (F(!0), x(h, { key: 0 }, R(m.value, (e) => (F(), x(h, { key: e.id }, [e.kind === "work" ? (F(), x("div", {
+						e.id === he.value ? (F(), x(h, { key: 5 }, [m.value.length ? (F(!0), x(h, { key: 0 }, R(m.value, (e) => (F(), x(h, { key: e.id }, [e.kind === "work" ? (F(), x("div", {
 							key: 0,
 							"data-test": "messaging-tool-activity",
 							"data-journal-outcome": e.journal.outcome,
-							class: "mb-4 w-full"
+							class: "chat-live-enter mb-4 w-full"
 						}, [T($e, {
 							model: e.journal,
-							"is-light": Z.value
+							"is-light": J.value
 						}, null, 8, ["model", "is-light"])], 8, pa)) : e.kind === "text" && e.content ? (F(), x("div", {
 							key: 1,
 							"data-test": "messaging-live-text-block",
-							class: j(["mb-4", Z.value ? "text-theme-800" : "text-white/95"])
+							class: j(["mb-4", J.value ? "text-theme-800" : "text-white/95"])
 						}, [T(fi, {
 							text: e.content,
-							inverted: !Z.value,
+							inverted: !J.value,
 							streaming: e.id === k.value,
-							onClick: a[5] || (a[5] = he(() => {}, ["stop"])),
+							onClick: a[5] || (a[5] = W(() => {}, ["stop"])),
 							onAction: handleCardAction
 						}, null, 8, [
 							"text",
 							"inverted",
 							"streaming"
-						])], 2)) : (F(), x("div", ma, [T(ve, { class: j(["size-3.5", Z.value ? "text-theme-500" : "text-white/70"]) }, null, 8, ["class"])]))], 64))), 128)) : oe.value ? (F(), x("div", {
+						])], 2)) : (F(), x("div", {
+							key: 2,
+							"data-test": "messaging-tool-activity-tail",
+							"aria-label": "Assistant is still working",
+							class: j(["chat-live-enter mb-4 grid h-[17px] w-5 place-items-center", J.value ? "text-theme-500" : "text-white/70"])
+						}, [...a[19] || (a[19] = [S("span", {
+							class: "chat-dots chat-dots--mini",
+							"aria-hidden": "true"
+						}, [
+							S("span"),
+							S("span"),
+							S("span")
+						], -1)])], 2))], 64))), 128)) : oe.value ? (F(), x("div", {
 							key: 1,
 							"data-test": "messaging-tool-activity",
 							"data-journal-outcome": oe.value.outcome,
-							class: "mb-4 w-full"
+							class: "chat-live-enter mb-4 w-full"
 						}, [T($e, {
 							model: oe.value,
-							"is-light": Z.value
-						}, null, 8, ["model", "is-light"])], 8, ha)) : b("", !0)], 64)) : b("", !0)
+							"is-light": J.value
+						}, null, 8, ["model", "is-light"])], 8, ma)) : b("", !0)], 64)) : b("", !0)
 					], 64))), 128)),
-					Ee.value ? (F(), x("div", {
+					ye.value ? (F(), x("div", {
 						key: 1,
 						"data-test": ae.value ? "messaging-working-state" : "messaging-thinking-indicator",
 						"data-working-description": ae.value,
-						"data-taking-longer": we.value || void 0,
 						role: "status",
 						"aria-live": "polite",
-						class: j(["mb-4 flex items-center gap-2.5 pl-0.5 text-[13.5px] leading-snug", Z.value ? "text-theme-500" : "text-white/50"])
-					}, [a[19] || (a[19] = S("span", {
-						"data-test": "messaging-thinking-line",
-						class: "pageline-stroke h-[1.5px] w-6 shrink-0 rounded-full",
+						class: j(["chat-live-enter relative mb-4 flex h-[17px] items-center gap-2.5 pl-0.5 text-[13.5px] leading-snug", J.value ? "text-theme-500" : "text-white/50"])
+					}, [a[20] || (a[20] = S("span", {
+						"data-test": "messaging-thinking-dots",
+						class: "chat-dots shrink-0",
 						"aria-hidden": "true"
-					}, null, -1)), S("span", _a, U(Ee.value), 1)], 10, ga)) : b("", !0),
-					G.value ? (F(), x("div", {
+					}, [
+						S("span"),
+						S("span"),
+						S("span")
+					], -1)), ae.value ? (F(), x("span", ga, U(ae.value), 1)) : (F(), x("span", _a, "Thinking"))], 10, ha)) : b("", !0),
+					K.value ? (F(), x("div", {
 						key: 2,
 						"data-test": "messaging-transient-issue",
-						"data-issue-code": G.value.code,
-						class: j(["flex items-center gap-1.5 pl-2 pr-3 pb-1 mb-3 text-[12px] leading-snug", Z.value ? "text-theme-600" : "text-white/60"])
+						"data-issue-code": K.value.code,
+						class: j(["chat-live-enter flex items-center gap-1.5 pl-2 pr-3 pb-1 mb-3 text-[12px] leading-snug", J.value ? "text-theme-600" : "text-white/60"])
 					}, [
-						a[20] || (a[20] = S("i", {
+						a[21] || (a[21] = S("i", {
 							class: "i-tabler-alert-circle size-3.5 shrink-0 text-red-500",
 							"aria-hidden": "true"
 						}, null, -1)),
-						S("span", null, [C(U(G.value.message), 1), G.value.help ? (F(), x(h, { key: 0 }, [C(U(G.value.help), 1)], 64)) : b("", !0)]),
-						G.value.actionUrl && G.value.actionLabel ? (F(), x("a", {
+						S("span", null, [C(U(K.value.message), 1), K.value.help ? (F(), x(h, { key: 0 }, [C(U(K.value.help), 1)], 64)) : b("", !0)]),
+						K.value.actionUrl && K.value.actionLabel ? (F(), x("a", {
 							key: 0,
-							href: G.value.actionUrl,
+							href: K.value.actionUrl,
 							class: "shrink-0 underline underline-offset-2",
-							onClick: a[6] || (a[6] = he(() => {}, ["stop"]))
-						}, U(G.value.actionLabel), 9, ya)) : b("", !0)
+							onClick: a[6] || (a[6] = W(() => {}, ["stop"]))
+						}, U(K.value.actionLabel), 9, ya)) : b("", !0)
 					], 10, va)) : b("", !0)
 				], 2)]),
 				_: 3
@@ -5552,40 +5555,40 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 			]),
 			S("div", {
 				"data-test": "messaging-composer-footer",
-				inert: q.value,
-				"aria-hidden": q.value ? "true" : void 0,
-				class: j(["left-0 right-0 z-30 px-3 @lg/chat:px-5 pb-[max(env(safe-area-inset-bottom),1rem)]", [
+				inert: qe.value,
+				"aria-hidden": qe.value ? "true" : void 0,
+				class: j(["left-0 right-0 z-30 px-3 @lg/chat:px-8 pb-[max(env(safe-area-inset-bottom),1rem)]", [
 					B.value.length === 0 || e.centered ? "relative shrink-0" : "absolute bottom-0",
 					e.centered && B.value.length > 0 ? "pt-0 sm:pb-7" : "pt-3",
-					Z.value ? e.centered ? "bg-theme-0" : "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"
+					J.value ? e.centered ? "bg-transparent" : "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"
 				]])
-			}, [ie(t.$slots, "composer", {}, () => [je.value ? (F(), x("div", {
+			}, [ie(t.$slots, "composer", {}, () => [Te.value ? (F(), x("div", {
 				key: 0,
 				"data-test": "messaging-seat",
-				"data-seat-state": Ae.value,
+				"data-seat-state": we.value,
 				role: "status",
 				"aria-live": "polite",
-				class: j(["py-3 text-center text-[14px]", Z.value ? "text-theme-500" : "text-white/70"])
-			}, U(je.value), 11, xa)) : (F(), x(h, { key: 1 }, [
-				Pe.value.length > 0 ? (F(), x("div", {
+				class: j(["py-3 text-center text-[14px]", J.value ? "text-theme-500" : "text-white/70"])
+			}, U(Te.value), 11, xa)) : (F(), x(h, { key: 1 }, [
+				Oe.value.length > 0 ? (F(), x("div", {
 					key: 0,
-					class: j(["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" : ""])
-				}, [(F(!0), x(h, null, R(Pe.value, (e, t) => (F(), x("div", {
+					class: j(["flex items-center gap-2 px-2 pb-2 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", e.centered ? "max-w-[640px] @5xl/chat:max-w-[720px] mx-auto" : ""])
+				}, [(F(!0), x(h, null, R(Oe.value, (e, t) => (F(), x("div", {
 					key: t,
 					class: "relative shrink-0 group"
 				}, [e.type === "image" ? (F(), x("img", {
 					key: 0,
 					src: e.src,
 					alt: e.filename,
-					class: j(["size-14 rounded-xl object-cover border", Z.value ? "border-black/10" : "border-white/20"])
+					class: j(["size-14 rounded-xl object-cover border", J.value ? "border-black/10" : "border-white/20"])
 				}, null, 10, Sa)) : (F(), x("div", {
 					key: 1,
-					class: j(["h-14 px-3 rounded-xl flex items-center gap-1.5 text-xs border", Z.value ? "border-black/10 bg-theme-50 text-theme-600" : "border-white/20 bg-white/10 text-white/70"])
-				}, [a[21] || (a[21] = S("i", { class: "i-tabler-file size-4" }, null, -1)), S("span", Ca, U(e.filename), 1)], 2)), S("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",
+					class: j(["h-14 px-3 rounded-xl flex items-center gap-1.5 text-xs border", J.value ? "border-black/10 bg-theme-50 text-theme-600" : "border-white/20 bg-white/10 text-white/70"])
+				}, [a[22] || (a[22] = S("i", { class: "i-tabler-file size-4" }, null, -1)), S("span", Ca, U(e.filename), 1)], 2)), S("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 duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] cursor-pointer",
 					onClick: (e) => removeAttachment(t)
-				}, [...a[22] || (a[22] = [S("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, wa)]))), 128)), Fe.value ? (F(), x("div", Ta, [T(ve, { class: "size-5" })])) : b("", !0)], 2)) : b("", !0),
-				Re.value ? (F(), x("input", {
+				}, [...a[23] || (a[23] = [S("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, wa)]))), 128)), ke.value ? (F(), x("div", Ta, [T(_e, { class: "size-5" })])) : b("", !0)], 2)) : b("", !0),
+				Me.value ? (F(), x("input", {
 					key: 1,
 					ref_key: "fileInput",
 					ref: o,
@@ -5596,22 +5599,22 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 				}, null, 544)) : b("", !0),
 				S("div", {
 					"data-test": "messaging-composer",
-					"data-composer-action": Ve.value,
-					class: j(["w-full cursor-text rounded-2xl px-4 pb-2.5 pt-3 transition-colors duration-200", [e.centered ? B.value.length === 0 ? "max-w-[680px] mx-auto" : "max-w-[720px] mx-auto" : "", Z.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"]]),
+					"data-composer-action": Pe.value,
+					class: j(["w-full cursor-text rounded-2xl px-4 pb-2.5 pt-3 transition-colors duration-200", [e.centered ? "mx-auto max-w-[640px] @5xl/chat:max-w-[720px] @5xl/chat:px-5 @5xl/chat:pt-3.5 @5xl/chat:pb-3" : "", J.value ? "bg-white shadow-[0_1px_2px_rgba(15,23,42,0.04),0_12px_32px_rgba(15,23,42,0.07)] ring-1 ring-theme-950/10 hover:ring-theme-950/15 focus-within:ring-theme-950/15" : "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
-				}, [Je.value ? (F(), x("div", {
+				}, [Ve.value ? (F(), x("div", {
 					key: 1,
 					"data-test": "messaging-recording-state",
-					class: j(["flex min-w-0 items-center gap-2 py-1", Z.value ? "text-theme-700" : "text-white/80"])
+					class: j(["flex min-w-0 items-center gap-2 py-1", J.value ? "text-theme-700" : "text-white/80"])
 				}, [
-					a[23] || (a[23] = S("span", { class: "size-2.5 shrink-0 rounded-full bg-red-500" }, null, -1)),
-					S("span", Oa, U(Xe.value), 1),
-					S("span", { class: j(["min-w-0 truncate text-sm", Z.value ? "text-theme-400" : "text-white/45"]) }, U(Ze.value), 3)
+					a[24] || (a[24] = S("span", { class: "size-2.5 shrink-0 rounded-full bg-red-500" }, null, -1)),
+					S("span", Oa, U(Ue.value), 1),
+					S("span", { class: j(["min-w-0 truncate text-sm", J.value ? "text-theme-400" : "text-white/45"]) }, U(Ge.value), 3)
 				], 2)) : de((F(), x("textarea", {
 					key: 0,
 					ref_key: "textarea",
 					ref: i,
-					"onUpdate:modelValue": a[7] || (a[7] = (e) => Ne.value = e),
+					"onUpdate:modelValue": a[7] || (a[7] = (e) => De.value = e),
 					"data-test": "messaging-input",
 					rows: "1",
 					enterkeyhint: "send",
@@ -5620,58 +5623,58 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 					autocapitalize: "sentences",
 					autocorrect: "on",
 					spellcheck: "true",
-					placeholder: ke.value,
-					disabled: Oe.value,
+					placeholder: Ce.value,
+					disabled: Se.value,
 					style: {
 						fontSize: "16px",
 						resize: "none"
 					},
-					class: j(["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", Z.value ? "text-theme-900 placeholder-theme-400" : "text-white placeholder-white/50"]),
+					class: j(["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", J.value ? "text-theme-900 placeholder-theme-400" : "text-white placeholder-white/50"]),
 					onKeydown: handleKeydown
-				}, null, 42, Da)), [[se, Ne.value]]), S("div", ka, [
+				}, null, 42, Da)), [[se, De.value]]), S("div", ka, [
 					S("button", {
 						class: j(["-ml-2 flex size-8 items-center justify-center transition-opacity hover:opacity-70 pointer-coarse:size-11", [
-							Re.value ? "cursor-pointer" : "cursor-default",
-							Z.value ? "text-theme-500" : "text-white/50",
-							Fe.value || Le.value ? "opacity-50 pointer-events-none" : ""
+							Me.value ? "cursor-pointer" : "cursor-default",
+							J.value ? "text-theme-500" : "text-white/50",
+							ke.value || je.value ? "opacity-50 pointer-events-none" : ""
 						]]),
-						disabled: Oe.value || Fe.value || Le.value || !Re.value,
-						"aria-label": Re.value ? "Attach file" : "File attachments unavailable",
-						title: Re.value ? "Attach file" : "File attachments unavailable",
-						onClick: a[8] || (a[8] = (e) => Re.value && triggerFileInput())
-					}, [Fe.value ? (F(), x("i", ja)) : (F(), x("i", Ma)), S("span", Na, U(Re.value ? "Attach file" : "File attachments unavailable"), 1)], 10, Aa),
-					a[27] || (a[27] = S("div", { class: "flex-1" }, null, -1)),
+						disabled: Se.value || ke.value || je.value || !Me.value,
+						"aria-label": Me.value ? "Attach file" : "File attachments unavailable",
+						title: Me.value ? "Attach file" : "File attachments unavailable",
+						onClick: a[8] || (a[8] = (e) => Me.value && triggerFileInput())
+					}, [ke.value ? (F(), x("i", ja)) : (F(), x("i", Ma)), S("span", Na, U(Me.value ? "Attach file" : "File attachments unavailable"), 1)], 10, Aa),
+					a[28] || (a[28] = S("div", { class: "flex-1" }, null, -1)),
 					S("div", Pa, [
-						Je.value && !Ye.value && !q.value ? (F(), x("button", {
+						Ve.value && !He.value && !qe.value ? (F(), x("button", {
 							key: 0,
 							"data-test": "messaging-record-discard-btn",
-							class: j(["flex size-8 cursor-pointer items-center justify-center transition-opacity hover:opacity-70 pointer-coarse:size-11", Z.value ? "text-theme-400" : "text-white/40"]),
+							class: j(["flex size-8 cursor-pointer items-center justify-center transition-opacity hover:opacity-70 pointer-coarse:size-11", J.value ? "text-theme-400" : "text-white/40"]),
 							"aria-label": "Discard recording",
 							title: "Discard recording",
 							onClick: a[9] || (a[9] = (e) => finishRecording({ cancelled: !0 }))
-						}, [...a[24] || (a[24] = [S("i", {
+						}, [...a[25] || (a[25] = [S("i", {
 							class: "i-tabler-x size-[18px]",
 							"aria-hidden": "true"
 						}, null, -1)])], 2)) : b("", !0),
-						(qe.value || Je.value) && !Ye.value && !q.value ? (F(), x("button", {
+						(Be.value || Ve.value) && !He.value && !qe.value ? (F(), x("button", {
 							key: 1,
 							"data-test": "messaging-record-audio-btn",
-							class: j(["flex size-8 cursor-pointer items-center justify-center transition-[opacity,transform] duration-200 hover:opacity-70 pointer-coarse:size-11", Je.value ? Z.value ? "text-theme-900 scale-110" : "text-white scale-110" : Z.value ? "text-theme-500" : "text-white/60"]),
-							"aria-label": Qe.value,
-							title: Qe.value,
-							onPointerdown: he(onRecordPointerDown, ["prevent"]),
-							onPointerup: he(onRecordPointerUp, ["prevent"]),
-							onPointercancel: he(onRecordPointerCancel, ["prevent"]),
+							class: j(["flex size-8 cursor-pointer items-center justify-center transition-[opacity,transform] duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] hover:opacity-70 pointer-coarse:size-11", Ve.value ? J.value ? "text-theme-900 scale-110" : "text-white scale-110" : J.value ? "text-theme-500" : "text-white/60"]),
+							"aria-label": Ke.value,
+							title: Ke.value,
+							onPointerdown: W(onRecordPointerDown, ["prevent"]),
+							onPointerup: W(onRecordPointerUp, ["prevent"]),
+							onPointercancel: W(onRecordPointerCancel, ["prevent"]),
 							onClick: onRecordClick,
-							onKeydown: a[10] || (a[10] = pe(he((e) => finishRecording({ cancelled: !0 }), ["prevent"]), ["escape"]))
-						}, [S("i", { class: j([Je.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), S("span", Ia, U(Qe.value), 1)], 42, Fa)) : b("", !0),
-						J.value ? (F(), x("button", {
+							onKeydown: a[10] || (a[10] = pe(W((e) => finishRecording({ cancelled: !0 }), ["prevent"]), ["escape"]))
+						}, [S("i", { class: j([Ve.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), S("span", Ia, U(Ke.value), 1)], 42, Fa)) : b("", !0),
+						et.value ? (F(), x("button", {
 							key: 2,
 							"data-test": "messaging-voice-start-btn",
-							class: j(["flex size-8 items-center justify-center rounded-full transition-colors duration-150 pointer-coarse:size-11", [Z.value ? "bg-theme-900 text-theme-0 hover:bg-theme-800" : "bg-theme-0 text-theme-950 hover:bg-theme-100", X.value ? "cursor-not-allowed opacity-40" : "cursor-pointer"]]),
-							disabled: X.value,
-							"aria-label": at.value,
-							title: at.value,
+							class: j(["flex size-8 items-center justify-center rounded-full transition-colors duration-150 pointer-coarse:size-11", [J.value ? "bg-theme-900 text-theme-0 hover:bg-theme-800" : "bg-theme-0 text-theme-950 hover:bg-theme-100", tt.value ? "cursor-not-allowed opacity-40" : "cursor-pointer"]]),
+							disabled: tt.value,
+							"aria-label": nt.value,
+							title: nt.value,
 							onClick: a[11] || (a[11] = (e) => startVoiceConversation())
 						}, [S("span", Ra, [(F(), x(h, null, R([
 							7,
@@ -5683,25 +5686,25 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 							key: e,
 							class: "w-[2px] rounded-full bg-current",
 							style: M({ height: `${e}px` })
-						}, null, 4)), 64))]), a[25] || (a[25] = S("span", { class: "sr-only" }, "Start voice conversation", -1))], 10, La)) : Je.value ? b("", !0) : (F(), x(h, { key: 3 }, [Ue.value ? (F(), x("button", {
+						}, null, 4)), 64))]), a[26] || (a[26] = S("span", { class: "sr-only" }, "Start voice conversation", -1))], 10, La)) : Ve.value ? b("", !0) : (F(), x(h, { key: 3 }, [Ie.value ? (F(), x("button", {
 							key: 0,
 							"data-test": "messaging-secondary-stop-btn",
-							class: j(["mr-2 flex size-8 cursor-pointer items-center justify-center rounded-full transition-colors duration-150 pointer-coarse:size-11", Z.value ? "bg-theme-100 text-theme-700 hover:bg-theme-200" : "bg-white/10 text-white/70 hover:bg-white/15"]),
+							class: j(["mr-2 flex size-8 cursor-pointer items-center justify-center rounded-full transition-colors duration-150 pointer-coarse:size-11", J.value ? "bg-theme-100 text-theme-700 hover:bg-theme-200" : "bg-white/10 text-white/70 hover:bg-white/15"]),
 							"aria-label": "Stop work",
 							title: "Stop work",
 							onClick: a[12] || (a[12] = (t) => e.chatController?.stopChatTurn())
-						}, [...a[26] || (a[26] = [S("i", {
+						}, [...a[27] || (a[27] = [S("i", {
 							class: "i-tabler-player-stop-filled size-3.5",
 							"aria-hidden": "true"
 						}, null, -1), S("span", { class: "sr-only" }, "Stop work", -1)])], 2)) : b("", !0), S("button", {
 							"data-test": "messaging-send-btn",
-							"data-composer-action": Ve.value,
-							class: j(["flex size-8 items-center justify-center rounded-full transition-colors duration-150 pointer-coarse:size-11", He.value ? Z.value ? "bg-theme-900 text-theme-0 hover:bg-theme-800 cursor-pointer" : "bg-theme-0 text-theme-950 hover:bg-theme-100 cursor-pointer" : Z.value ? "bg-theme-100 text-theme-400" : "bg-white/10 text-white/30"]),
-							disabled: !He.value,
-							"aria-label": Ke.value,
-							title: Ke.value,
+							"data-composer-action": Pe.value,
+							class: j(["flex size-8 items-center justify-center rounded-full transition-colors duration-150 pointer-coarse:size-11", Fe.value ? J.value ? "bg-theme-900 text-theme-0 hover:bg-theme-800 cursor-pointer" : "bg-theme-0 text-theme-950 hover:bg-theme-100 cursor-pointer" : J.value ? "bg-theme-100 text-theme-400" : "bg-white/10 text-white/30"]),
+							disabled: !Fe.value,
+							"aria-label": Re.value,
+							title: Re.value,
 							onClick: a[13] || (a[13] = (e) => handleComposerAction())
-						}, [Ve.value === "stop" ? (F(), x("i", Ba)) : (F(), x("i", Va)), S("span", Ha, U(Ke.value), 1)], 10, za)], 64))
+						}, [Pe.value === "stop" ? (F(), x("i", Ba)) : (F(), x("i", Va)), S("span", Ha, U(Re.value), 1)], 10, za)], 64))
 					])
 				])], 10, Ea),
 				e.centered && B.value.length > 0 ? (F(), x("p", Ua, U(e.agent.displayName.value) + " is AI and can make mistakes. ", 1)) : b("", !0)
@@ -5712,7 +5715,7 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, "default"), Ka = /*#__PURE__*/ Ga(Wa, [["__scopeId", "data-v-cde83966"]]), qa = { class: "agent-wrap" }, Ja = {
+}, "default"), Ka = /*#__PURE__*/ Ga(Wa, [["__scopeId", "data-v-c64ddbe1"]]), qa = { class: "agent-wrap" }, Ja = {
 	key: 0,
 	class: "flex items-center justify-center h-full"
 }, Ya = {
@@ -5834,6 +5837,6 @@ var Mi = ["data-voice-state", "data-voice-activity"], Ni = ["src"], Pi = {
 	}
 });
 //#endregion
-export { fi as a, Me as c, handleImageError as d, parseButtonTemplate as f, ve as g, r as h, Ui as i, Ae as l, G as m, Ka as n, Be as o, AgentChatController as p, Ga as r, Pe as s, Xa as t, getAgentAvatarUrl as u };
+export { fi as a, je as c, handleImageError as d, parseButtonTemplate as f, _e as g, r as h, Ui as i, ke as l, K as m, Ka as n, ze as o, AgentChatController as p, Ga as r, Ne as s, Xa as t, getAgentAvatarUrl as u };
 
 //# sourceMappingURL=AgentWrap.js.map