@pagelines/sdk 1.0.689 → 1.0.690

package/dist/AgentWrap.js

@@ -1,12 +1,12 @@
 import "./rolldown-runtime.js";
 import { s as e, t } from "./sdkClient.js";
 import { Agent as n, CHAT_ISSUE_COPY as r, SettingsObject as i, createLogger as a, getDefaultAvatarUrl as o, isAssistantSilenceControl as s, parseChatVisualFencePayload as c } from "@pagelines/core";
-import { Fragment as u, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as _, createTextVNode as v, createVNode as b, defineComponent as x, nextTick as S, normalizeClass as C, normalizeStyle as T, onBeforeUnmount as te, onMounted as ne, onUnmounted as re, openBlock as k, ref as ie, renderList as A, renderSlot as ae, resolveDynamicComponent as oe, shallowRef as j, toDisplayString as P, unref as se, vModelText as F, watch as ce, withCtx as ue, withDirectives as I, withKeys as de, withModifiers as R } from "vue";
+import { Fragment as u, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as _, createTextVNode as v, createVNode as b, defineComponent as x, nextTick as S, normalizeClass as C, normalizeStyle as T, onBeforeUnmount as te, onMounted as ne, onUnmounted as re, openBlock as k, ref as A, renderList as j, renderSlot as ie, resolveDynamicComponent as ae, shallowRef as P, toDisplayString as F, unref as oe, vModelText as I, watch as se, withCtx as ce, withDirectives as R, withKeys as ue, withModifiers as z } from "vue";
 //#region ui/FSpinner.vue?vue&type=script&setup=true&lang.ts
-var pe = { class: "spinner max-w-sm" }, he = {
+var de = { class: "spinner max-w-sm" }, pe = {
 	class: "ring-circular h-full w-full origin-center",
 	viewBox: "25 25 50 50"
-}, _e = /* @__PURE__ */ x({
+}, he = /* @__PURE__ */ x({
 	__name: "FSpinner",
 	props: {
 		width: {
@@ -19,7 +19,7 @@ var pe = { class: "spinner max-w-sm" }, he = {
 		}
 	},
 	setup(e) {
-		return (t, n) => (k(), h("div", pe, [(k(), h("svg", he, [_("circle", {
+		return (t, n) => (k(), h("div", de, [(k(), h("svg", pe, [_("circle", {
 			class: C([e.colorMode, "ring-path"]),
 			cx: "50",
 			cy: "50",
@@ -30,7 +30,7 @@ var pe = { class: "spinner max-w-sm" }, he = {
 			"stroke-miterlimit": "30"
 		}, null, 2)]))]));
 	}
-}), ve = [
+}), _e = [
 	{
 		mode: "self",
 		label: "Overview",
@@ -70,7 +70,7 @@ function recorderMimeType() {
 }
 var VoiceRecorderController = class extends i {
 	constructor(t) {
-		super("VoiceRecorderController", t), e(this, "state", ie({
+		super("VoiceRecorderController", t), e(this, "state", A({
 			phase: "idle",
 			elapsedMs: 0
 		})), e(this, "isActive", f(() => this.state.value.phase !== "idle")), e(this, "isBusy", f(() => this.state.value.phase !== "idle")), e(this, "elapsedLabel", f(() => formatVoiceRecordingDuration({ ms: this.state.value.elapsedMs }))), e(this, "statusText", f(() => this.state.value.phase === "preparing" ? "Starting microphone" : this.state.value.phase === "sending" ? "Sending voice message" : "Release to send")), e(this, "recorder", void 0), e(this, "stream", void 0), e(this, "chunks", []), e(this, "timer", void 0), e(this, "startedAt", 0), e(this, "cancelOnStop", !1), e(this, "stopAfterStart", !1), e(this, "startToken", 0);
@@ -185,7 +185,7 @@ var VoiceRecorderController = class extends i {
 function durableJournalOutcome(e) {
 	return e.turnOutcome === "failed" ? "failed" : e.turnOutcome === "stopped" ? "stopped" : e.sender === "system" ? "failed" : "completed";
 }
-var ye = {
+var ve = {
 	waiting: "Waiting for results",
 	finishing: "Finishing up",
 	completed: "Work complete",
@@ -193,7 +193,7 @@ var ye = {
 	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."
-}, z = 15e3, be = 6e4, B = 3;
+}, ye = 15e3, B = 6e4, H = 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 <= z) {
+		if (t === "done" && n?.tone === "done" && n.label === e.label && eventMs(e) - n.lastMs <= ye) {
 			n.count += 1, n.lastMs = eventMs(e);
 			continue;
 		}
@@ -230,12 +230,12 @@ function milestoneRows(e, t) {
 	}));
 }
 function splitRows(e) {
-	return e.length <= B ? {
+	return e.length <= H ? {
 		visibleRows: e,
 		hiddenRows: []
 	} : {
-		visibleRows: e.slice(e.length - B),
-		hiddenRows: e.slice(0, e.length - B)
+		visibleRows: e.slice(e.length - H),
+		hiddenRows: e.slice(0, e.length - H)
 	};
 }
 function buildWorkJournalModel(e) {
@@ -247,7 +247,7 @@ function buildWorkJournalModel(e) {
 		terminal: {
 			id: "work-complete",
 			tone: "completed",
-			label: ye.completed
+			label: ve.completed
 		}
 	};
 	if (n === "failed") {
@@ -261,7 +261,7 @@ function buildWorkJournalModel(e) {
 			terminal: {
 				id: "work-failed",
 				tone: "failed",
-				label: ye.failed,
+				label: ve.failed,
 				...o && e?.note ? { note: e.note } : {}
 			}
 		};
@@ -275,18 +275,18 @@ function buildWorkJournalModel(e) {
 			terminal: {
 				id: "work-stopped",
 				tone: "stopped",
-				label: ye.stopped
+				label: ve.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 + z, _ = (Number.isFinite(m) ? m : p) + be, v = r >= h, b = u || v ? {
+	}, Infinity), h = p + ye, _ = (Number.isFinite(m) ? m : p) + B, v = r >= h, b = u || v ? {
 		id: u?.activityId ?? "work-active",
 		tone: "active",
-		label: v ? u ? ye.waiting : ye.finishing : u.label
-	} : void 0, x = v && r >= _ ? i ? ye.notifyHint : ye.leaveHint : void 0, S = [h, _].filter((e) => e > r).sort((e, t) => e - t)[0];
+		label: v ? u ? ve.waiting : ve.finishing : u.label
+	} : void 0, x = v && r >= _ ? i ? ve.notifyHint : ve.leaveHint : void 0, S = [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 Se = /* @__PURE__ */ new Set(["CREDIT_LIMIT", "OVERAGE_CAP"]), H = /* @__PURE__ */ new Set([
-	...Se,
+var be = /* @__PURE__ */ new Set(["CREDIT_LIMIT", "OVERAGE_CAP"]), U = /* @__PURE__ */ new Set([
+	...be,
 	"EMPTY_STREAM",
 	"RATE_LIMIT"
-]), Ce = /* @__PURE__ */ new Set(["agent_deleted", "AGENT_DELETED"]), U = {
+]), Se = /* @__PURE__ */ new Set(["agent_deleted", "AGENT_DELETED"]), W = {
 	CREDIT_LIMIT: "billing_budget_reached",
 	OVERAGE_CAP: "billing_runaway_cap"
 };
 function presentChatStreamError(e) {
-	if (!(e.bucket !== void 0 || H.has(e.code))) return { surface: "hard" };
-	let t = e.bucket ?? (Se.has(e.code) ? "account" : "error"), n = {
+	if (!(e.bucket !== void 0 || U.has(e.code))) return { surface: "hard" };
+	let t = e.bucket ?? (be.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"
-	} : Ce.has(e.code) ? {
+	} : Se.has(e.code) ? {
 		surface: "transcript",
 		issue: {
 			code: e.code,
@@ -393,7 +393,7 @@ function presentChatStreamError(e) {
 	};
 }
 function transcriptMessageForChatStreamError(e) {
-	let t = U[e.code];
+	let t = W[e.code];
 	return t ? r[t].oneLine : e.error;
 }
 var AgentChatController = class extends i {
@@ -401,12 +401,12 @@ var AgentChatController = class extends i {
 		super("AgentChatController", t), e(this, "isTextMode", !1), e(this, "lastMessage", {
 			hash: "",
 			time: 0
-		}), e(this, "isConnecting", !1), e(this, "activeTurnGeneration", 0), e(this, "boundaryTimer", void 0), e(this, "nowMs", j(Date.now())), e(this, "toolActivityTiming", j({})), e(this, "lastVisibleProgressAtMs", j()), e(this, "liveSegments", j([])), e(this, "liveStreamMessageId", j(void 0)), e(this, "conversationId", void 0), e(this, "textState", ie({
+		}), e(this, "isConnecting", !1), e(this, "activeTurnGeneration", 0), e(this, "boundaryTimer", void 0), e(this, "nowMs", P(Date.now())), e(this, "toolActivityTiming", P({})), e(this, "lastVisibleProgressAtMs", P()), e(this, "liveSegments", P([])), e(this, "liveStreamMessageId", P(void 0)), e(this, "conversationId", void 0), e(this, "textState", A({
 			isActive: !1,
 			isConnected: !1,
 			isThinking: !1,
 			connectionStatus: "disconnected"
-		})), e(this, "agentMode", ie("self")), e(this, "sharedMessages", ie([])), e(this, "composerState", ie({
+		})), e(this, "agentMode", A("self")), e(this, "sharedMessages", A([])), e(this, "composerState", A({
 			text: "",
 			pendingAttachments: [],
 			isUploading: !1
@@ -569,7 +569,7 @@ Current User:
 		});
 	}
 	setupBoundaryWatcher() {
-		ce(() => this.workJournal.value?.nextBoundaryAtMs, (e) => {
+		se(() => this.workJournal.value?.nextBoundaryAtMs, (e) => {
 			this.scheduleBoundary(e);
 		});
 	}
@@ -631,12 +631,12 @@ Current User:
 		});
 	}
 	setupModeWatcher() {
-		ce(this.agentMode, async (e, t) => {
+		se(this.agentMode, async (e, t) => {
 			this.logger.info(`Mode changed from ${t} to ${e}`), this.isTextMode && (t === "talk" || t === "chat") && await this.endConversation();
 		});
 	}
 	setupAvailabilityWatcher() {
-		ce(() => this.chatEnabled, (e) => {
+		se(() => this.chatEnabled, (e) => {
 			if (!(!this.isTextMode || this.isConnecting)) {
 				if (e) {
 					this.textState.value.isConnected || this.updateState(this.textState, {
@@ -771,7 +771,7 @@ Current User:
 				let e = i[i.length - 1];
 				this.sharedMessages.value = e?.id === a ? [...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 && Ce.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 && Se.has(r.issue.code) && this.updateState(this.textState, { sendBlockedReason: "agent_deleted" });
 		}, onDone = (e) => {
 			if (!isCurrentTurn()) return;
 			if (!o && !c) {
@@ -941,10 +941,10 @@ function parseButtonTemplate(e) {
 }
 //#endregion
 //#region agent/ui/ElAgentButton.vue?vue&type=script&setup=true&lang.ts
-var we = {
+var Ce = {
 	key: 0,
 	class: "absolute inset-0 flex items-center justify-center"
-}, Te = /* @__PURE__ */ x({
+}, we = /* @__PURE__ */ x({
 	__name: "ElAgentButton",
 	props: {
 		theme: { default: "primary" },
@@ -972,19 +972,19 @@ var we = {
 			md: "size-4",
 			lg: "size-5"
 		})[e.size]);
-		return (i, a) => (k(), h("button", { class: C(["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 ? (k(), h("div", we, [...a[0] || (a[0] = [_("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)])])) : m("", !0), _("span", { class: C(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"]) }, [
+		return (i, a) => (k(), h("button", { class: C(["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 ? (k(), h("div", Ce, [...a[0] || (a[0] = [_("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)])])) : m("", !0), _("span", { class: C(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"]) }, [
 			e.icon ? (k(), h("i", {
 				key: 0,
 				class: C([e.icon, r.value])
 			}, null, 2)) : m("", !0),
-			ae(i.$slots, "default"),
+			ie(i.$slots, "default"),
 			e.iconAfter ? (k(), h("i", {
 				key: 1,
 				class: C([e.iconAfter, r.value])
 			}, null, 2)) : m("", !0)
 		], 2)], 2));
 	}
-}), Ee = ["value"], De = /* @__PURE__ */ x({
+}), Te = ["value"], Ee = /* @__PURE__ */ x({
 	__name: "AgentInputEmail",
 	props: { modelValue: { default: "" } },
 	emits: ["update:modelValue"],
@@ -1003,9 +1003,9 @@ var we = {
 			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, Ee));
+		}, null, 40, Te));
 	}
-}), Oe = ["placeholder", "value"], ke = /* @__PURE__ */ x({
+}), De = ["placeholder", "value"], Oe = /* @__PURE__ */ x({
 	__name: "AgentInputOneTimeCode",
 	props: {
 		modelValue: {},
@@ -1014,7 +1014,7 @@ var we = {
 	},
 	emits: ["update:modelValue", "autoSubmit"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = ie(null), a = f(() => "0".repeat(n.length));
+		let n = e, r = t, i = A(null), a = f(() => "0".repeat(n.length));
 		ne(() => {
 			n.focusFirst && !("ontouchstart" in window) && i.value?.focus();
 		});
@@ -1038,9 +1038,9 @@ var we = {
 			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, Oe));
+		}, null, 40, De));
 	}
-}), Ae = { class: "relative flex-shrink-0" }, je = ["src", "alt"], W = { class: "absolute top-1 right-1" }, Me = {
+}), ke = { class: "relative flex-shrink-0" }, Ae = ["src", "alt"], je = { class: "absolute top-1 right-1" }, Me = {
 	key: 1,
 	class: "size-3 bg-theme-400 rounded-full ring-2 ring-white"
 }, Ne = { class: "min-w-0" }, Pe = /* @__PURE__ */ x({
@@ -1055,15 +1055,15 @@ var we = {
 		layout: { default: "centered" }
 	},
 	setup(e) {
-		return (t, n) => (k(), h("div", { class: C(["flex gap-4", [e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"]]) }, [_("div", Ae, [_("div", { class: C(["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"]) }, [_("img", {
+		return (t, n) => (k(), h("div", { class: C(["flex gap-4", [e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"]]) }, [_("div", ke, [_("div", { class: C(["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"]) }, [_("img", {
 			src: e.agent.avatarUrl.value,
 			alt: e.agent.displayName.value,
 			class: "w-full h-full object-cover",
-			onError: n[0] || (n[0] = (...e) => se(handleImageError) && se(handleImageError)(...e))
-		}, null, 40, je)], 2), _("div", W, [e.isOnline ? (k(), h(u, { key: 0 }, [n[1] || (n[1] = _("div", {
+			onError: n[0] || (n[0] = (...e) => oe(handleImageError) && oe(handleImageError)(...e))
+		}, null, 40, Ae)], 2), _("div", je, [e.isOnline ? (k(), h(u, { key: 0 }, [n[1] || (n[1] = _("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] = _("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))], 64)) : (k(), h("div", Me))])]), _("div", Ne, [_("h1", { class: C(["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" : ""]]) }, P(e.agent.displayName.value), 3), _("p", { class: C(["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"]]) }, P(e.layout === "horizontal" ? e.agent.title.value || "Assistant" : e.agent.title.value), 3)])], 2));
+		}, null, -1)), n[2] || (n[2] = _("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))], 64)) : (k(), h("div", Me))])]), _("div", Ne, [_("h1", { class: C(["font-light text-white mb-1 truncate", [e.size === "lg" ? "text-3xl mb-2" : "text-xl sm:text-2xl tracking-wide leading-tight", e.layout === "horizontal" ? "text-white/95" : ""]]) }, F(e.agent.displayName.value), 3), _("p", { class: C(["font-light line-clamp-1", [e.size === "lg" ? "text-base text-white/60" : "text-sm sm:text-base", e.layout === "horizontal" ? "text-white/70 truncate" : "text-white/60"]]) }, F(e.layout === "horizontal" ? e.agent.title.value || "Assistant" : e.agent.title.value), 3)])], 2));
 	}
 }), Fe = { class: "relative shrink-0 rounded-full" }, Ie = ["src", "alt"], Le = ["src", "alt"], Re = ["aria-label"], ze = /* @__PURE__ */ x({
 	__name: "AgentAvatar",
@@ -1128,10 +1128,10 @@ var we = {
 }, Ve = ["aria-expanded", "disabled"], He = ["aria-expanded"], Ue = {
 	class: "flex w-5 shrink-0 justify-center self-stretch",
 	"aria-hidden": "true"
-}, We = ["data-journal-row"], G = {
+}, We = ["data-journal-row"], Ge = {
 	class: "flex w-5 shrink-0 flex-col items-center self-stretch",
 	"aria-hidden": "true"
-}, Ge = { class: "flex h-[17px] shrink-0 items-center" }, Ke = {
+}, G = { class: "flex h-[17px] shrink-0 items-center" }, Ke = {
 	key: 0,
 	class: "sr-only"
 }, qe = /* @__PURE__ */ x({
@@ -1141,7 +1141,7 @@ var we = {
 		isLight: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = j(!1);
+		let t = e, n = P(!1);
 		function toggle() {
 			n.value = !n.value;
 		}
@@ -1212,7 +1212,7 @@ var we = {
 			};
 		});
 		return (t, f) => (k(), h("div", { class: C(["w-full py-0.5", s.value.muted]) }, [
-			a.value ? (k(), h("span", Be, P(a.value), 1)) : m("", !0),
+			a.value ? (k(), h("span", Be, F(a.value), 1)) : m("", !0),
 			r.value ? (k(), h("button", {
 				key: 1,
 				type: "button",
@@ -1228,7 +1228,7 @@ var we = {
 					class: "i-tabler-circle-check size-3.5 shrink-0 text-green-600",
 					"aria-hidden": "true"
 				}, null, -1)),
-				_("span", { class: C(["text-[12.5px] font-medium leading-none", s.value.muted]) }, P(e.model.terminal?.label), 3),
+				_("span", { class: C(["text-[12.5px] font-medium leading-none", s.value.muted]) }, F(e.model.terminal?.label), 3),
 				i.value ? (k(), h("i", {
 					key: 0,
 					class: C(["size-[13px] shrink-0", [n.value ? "i-tabler-chevron-down" : "i-tabler-chevron-right", s.value.muted]]),
@@ -1245,30 +1245,30 @@ var we = {
 			}, [_("span", Ue, [_("span", {
 				"data-journal-spine": "dashed",
 				class: C(["w-0 border-l border-dashed", s.value.dashed])
-			}, null, 2)]), _("span", { class: C(["flex min-h-[20px] items-center gap-0.5 pb-2 text-[12px] leading-none", s.value.muted]) }, [v(P(i.value) + " earlier updates ", 1), _("i", {
+			}, null, 2)]), _("span", { class: C(["flex min-h-[20px] items-center gap-0.5 pb-2 text-[12px] leading-none", s.value.muted]) }, [v(F(i.value) + " earlier updates ", 1), _("i", {
 				class: C(["size-3 shrink-0", n.value ? "i-tabler-chevron-down" : "i-tabler-chevron-right"]),
 				"aria-hidden": "true"
 			}, null, 2)], 2)], 10, He)) : m("", !0),
-			(k(!0), h(u, null, A(o.value, (e, t) => (k(), h("div", {
+			(k(!0), h(u, null, j(o.value, (e, t) => (k(), h("div", {
 				key: e.id,
 				"data-test": "messaging-tool-activity-row",
 				"data-journal-row": e.tone,
 				class: C([r.value ? "pl-[22px]" : "", "flex gap-x-2.5"])
-			}, [_("div", G, [_("span", Ge, [(k(), p(oe(c.value[e.tone].station.tag), {
+			}, [_("div", Ge, [_("span", G, [(k(), p(ae(c.value[e.tone].station.tag), {
 				"data-journal-station": e.tone,
 				class: C(c.value[e.tone].station.class)
 			}, null, 8, ["data-journal-station", "class"]))]), t === o.value.length - 1 ? m("", !0) : (k(), h("span", {
 				key: 0,
 				class: C(["w-px flex-1", s.value.spine])
-			}, null, 2))]), _("div", { class: C(["min-w-0 flex-1", t === o.value.length - 1 ? "" : "pb-2"]) }, [_("span", { class: C(["relative block leading-snug", c.value[e.tone].label]) }, [v(P(e.label), 1), c.value[e.tone].statusWord ? (k(), h("span", Ke, ", " + P(c.value[e.tone].statusWord), 1)) : m("", !0)], 2), e.note ? (k(), h("p", {
+			}, null, 2))]), _("div", { class: C(["min-w-0 flex-1", t === o.value.length - 1 ? "" : "pb-2"]) }, [_("span", { class: C(["relative block leading-snug", c.value[e.tone].label]) }, [v(F(e.label), 1), c.value[e.tone].statusWord ? (k(), h("span", Ke, ", " + F(c.value[e.tone].statusWord), 1)) : m("", !0)], 2), e.note ? (k(), h("p", {
 				key: 0,
 				class: C(["pt-0.5 text-[11.5px] leading-snug", s.value.muted])
-			}, P(e.note), 3)) : m("", !0)], 2)], 10, We))), 128)),
+			}, F(e.note), 3)) : m("", !0)], 2)], 10, We))), 128)),
 			!r.value && e.model.hint ? (k(), h("p", {
 				key: 3,
 				"data-test": "messaging-tool-activity-hint",
 				class: C(["pl-[30px] pt-2.5 text-[12px] leading-snug", s.value.muted])
-			}, P(e.model.hint), 3)) : m("", !0)
+			}, F(e.model.hint), 3)) : m("", !0)
 		], 2));
 	}
 });
@@ -1536,38 +1536,38 @@ function createDOMPurify() {
 		let e = t.createElement("template");
 		e.content && e.content.ownerDocument && (t = e.content.ownerDocument);
 	}
-	let T, te = "", ne, re = !1, k = 0, ie = function _assertNotInTrustedTypesPolicy() {
+	let T, te = "", ne, re = !1, k = 0, A = function _assertNotInTrustedTypesPolicy() {
 		if (k > 0) throw xt("A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the \"DOMPurify and Trusted Types\" section of the README.");
-	}, A = function _createTrustedHTML(e) {
-		ie(), k++;
+	}, j = function _createTrustedHTML(e) {
+		A(), k++;
 		try {
 			return T.createHTML(e);
 		} finally {
 			k--;
 		}
-	}, ae = function _createTrustedScriptURL(e) {
-		ie(), k++;
+	}, ie = function _createTrustedScriptURL(e) {
+		A(), k++;
 		try {
 			return T.createScriptURL(e);
 		} finally {
 			k--;
 		}
-	}, oe = function _getDefaultTrustedTypesPolicy() {
+	}, ae = function _getDefaultTrustedTypesPolicy() {
 		return re || (ne = Yt(u, r), re = !0), ne;
-	}, j = t, P = j.implementation, se = j.createNodeIterator, F = j.createDocumentFragment, ce = j.getElementsByTagName, ue = n.importNode, I = Xt();
-	DOMPurify.isSupported = typeof Je == "function" && typeof v == "function" && P && P.createHTMLDocument !== void 0;
-	let de = Nt, R = Pt, pe = Ft, he = It, _e = Lt, ve = zt, ye = Bt, z = Ht, be = Rt, B = null, Se = addToSet({}, [
+	}, P = t, F = P.implementation, oe = P.createNodeIterator, I = P.createDocumentFragment, se = P.getElementsByTagName, ce = n.importNode, R = Xt();
+	DOMPurify.isSupported = typeof Je == "function" && typeof v == "function" && F && F.createHTMLDocument !== void 0;
+	let ue = Nt, z = Pt, de = Ft, pe = It, he = Lt, _e = zt, ve = Bt, ye = Ht, B = Rt, H = null, be = addToSet({}, [
 		...St,
 		...Ct,
 		...wt,
 		...Et,
 		...Ot
-	]), H = null, Ce = addToSet({}, [
+	]), U = null, Se = addToSet({}, [
 		...kt,
 		...At,
 		...jt,
 		...Mt
-	]), U = Object.seal($e(null, {
+	]), W = Object.seal($e(null, {
 		tagNameCheck: {
 			writable: !0,
 			configurable: !1,
@@ -1586,7 +1586,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: !1
 		}
-	})), we = null, Te = null, Ee = Object.seal($e(null, {
+	})), Ce = null, we = null, Te = Object.seal($e(null, {
 		tagCheck: {
 			writable: !0,
 			configurable: !1,
@@ -1599,7 +1599,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: null
 		}
-	})), De = !0, Oe = !0, ke = !1, Ae = !0, je = !1, W = !0, Me = !1, Ne = !1, Pe = null, Fe = null, Ie = !1, Le = !1, Re = !1, ze = !1, Be = !0, Ve = !1, He = "user-content-", Ue = !0, We = !1, G = {}, Ge = null, Ke = 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(".")), qe = null, Ye = addToSet({}, [
+	})), Ee = !0, De = !0, Oe = !1, ke = !0, Ae = !1, je = !0, Me = !1, Ne = !1, Pe = null, Fe = null, Ie = !1, Le = !1, Re = !1, ze = !1, Be = !0, Ve = !1, He = "user-content-", Ue = !0, We = !1, Ge = {}, G = null, Ke = 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(".")), qe = null, Ye = addToSet({}, [
 		"audio",
 		"video",
 		"img",
@@ -1642,29 +1642,29 @@ function createDOMPurify() {
 	}, on = function _parseConfig() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
 		if (nn && nn === e) return;
-		(!e || typeof e != "object") && (e = {}), e = clone(e), tn = Z.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Q = tn === "application/xhtml+xml" ? dt : ut, B = Zt(e, "ALLOWED_TAGS", Se, { transform: Q }), H = Zt(e, "ALLOWED_ATTR", Ce, { transform: Q }), _t = Zt(e, "ALLOWED_NAMESPACES", vt, { transform: dt }), Xe = Zt(e, "ADD_URI_SAFE_ATTR", Ze, {
+		(!e || typeof e != "object") && (e = {}), e = clone(e), tn = Z.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Q = tn === "application/xhtml+xml" ? dt : ut, H = Zt(e, "ALLOWED_TAGS", be, { transform: Q }), U = Zt(e, "ALLOWED_ATTR", Se, { transform: Q }), _t = Zt(e, "ALLOWED_NAMESPACES", vt, { transform: dt }), Xe = Zt(e, "ADD_URI_SAFE_ATTR", Ze, {
 			transform: Q,
 			base: Ze
 		}), qe = Zt(e, "ADD_DATA_URI_TAGS", Ye, {
 			transform: Q,
 			base: Ye
-		}), Ge = Zt(e, "FORBID_CONTENTS", Ke, { transform: Q }), we = Zt(e, "FORBID_TAGS", clone({}), { transform: Q }), Te = Zt(e, "FORBID_ATTR", clone({}), { transform: Q }), G = J(e, "USE_PROFILES") ? e.USE_PROFILES && typeof e.USE_PROFILES == "object" ? clone(e.USE_PROFILES) : e.USE_PROFILES : !1, De = e.ALLOW_ARIA_ATTR !== !1, Oe = e.ALLOW_DATA_ATTR !== !1, ke = e.ALLOW_UNKNOWN_PROTOCOLS || !1, Ae = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, je = e.SAFE_FOR_TEMPLATES || !1, W = e.SAFE_FOR_XML !== !1, Me = e.WHOLE_DOCUMENT || !1, Le = e.RETURN_DOM || !1, Re = e.RETURN_DOM_FRAGMENT || !1, ze = e.RETURN_TRUSTED_TYPE || !1, Ie = e.FORCE_BODY || !1, Be = e.SANITIZE_DOM !== !1, Ve = e.SANITIZE_NAMED_PROPS || !1, Ue = e.KEEP_CONTENT !== !1, We = e.IN_PLACE || !1, be = isRegex(e.ALLOWED_URI_REGEXP) ? e.ALLOWED_URI_REGEXP : Rt, nt = typeof e.NAMESPACE == "string" ? e.NAMESPACE : tt, bt = J(e, "MATHML_TEXT_INTEGRATION_POINTS") && e.MATHML_TEXT_INTEGRATION_POINTS && typeof e.MATHML_TEXT_INTEGRATION_POINTS == "object" ? clone(e.MATHML_TEXT_INTEGRATION_POINTS) : addToSet({}, yt), $t = J(e, "HTML_INTEGRATION_POINTS") && e.HTML_INTEGRATION_POINTS && typeof e.HTML_INTEGRATION_POINTS == "object" ? clone(e.HTML_INTEGRATION_POINTS) : addToSet({}, Qt);
+		}), G = Zt(e, "FORBID_CONTENTS", Ke, { transform: Q }), Ce = Zt(e, "FORBID_TAGS", clone({}), { transform: Q }), we = Zt(e, "FORBID_ATTR", clone({}), { transform: Q }), Ge = J(e, "USE_PROFILES") ? e.USE_PROFILES && typeof e.USE_PROFILES == "object" ? clone(e.USE_PROFILES) : e.USE_PROFILES : !1, Ee = e.ALLOW_ARIA_ATTR !== !1, De = e.ALLOW_DATA_ATTR !== !1, Oe = e.ALLOW_UNKNOWN_PROTOCOLS || !1, ke = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, Ae = e.SAFE_FOR_TEMPLATES || !1, je = e.SAFE_FOR_XML !== !1, Me = e.WHOLE_DOCUMENT || !1, Le = e.RETURN_DOM || !1, Re = e.RETURN_DOM_FRAGMENT || !1, ze = e.RETURN_TRUSTED_TYPE || !1, Ie = e.FORCE_BODY || !1, Be = e.SANITIZE_DOM !== !1, Ve = e.SANITIZE_NAMED_PROPS || !1, Ue = e.KEEP_CONTENT !== !1, We = e.IN_PLACE || !1, B = isRegex(e.ALLOWED_URI_REGEXP) ? e.ALLOWED_URI_REGEXP : Rt, nt = typeof e.NAMESPACE == "string" ? e.NAMESPACE : tt, bt = J(e, "MATHML_TEXT_INTEGRATION_POINTS") && e.MATHML_TEXT_INTEGRATION_POINTS && typeof e.MATHML_TEXT_INTEGRATION_POINTS == "object" ? clone(e.MATHML_TEXT_INTEGRATION_POINTS) : addToSet({}, yt), $t = J(e, "HTML_INTEGRATION_POINTS") && e.HTML_INTEGRATION_POINTS && typeof e.HTML_INTEGRATION_POINTS == "object" ? clone(e.HTML_INTEGRATION_POINTS) : addToSet({}, Qt);
 		let t = J(e, "CUSTOM_ELEMENT_HANDLING") && e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING == "object" ? clone(e.CUSTOM_ELEMENT_HANDLING) : $e(null);
-		if (U = $e(null), J(t, "tagNameCheck") && an(t.tagNameCheck) && (U.tagNameCheck = t.tagNameCheck), J(t, "attributeNameCheck") && an(t.attributeNameCheck) && (U.attributeNameCheck = t.attributeNameCheck), J(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (U.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), q(U), je && (Oe = !1), Re && (Le = !0), G && (B = addToSet({}, Ot), H = $e(null), G.html === !0 && (addToSet(B, St), addToSet(H, kt)), G.svg === !0 && (addToSet(B, Ct), addToSet(H, At), addToSet(H, Mt)), G.svgFilters === !0 && (addToSet(B, wt), addToSet(H, At), addToSet(H, Mt)), G.mathMl === !0 && (addToSet(B, Et), addToSet(H, jt), addToSet(H, Mt))), Ee.tagCheck = null, Ee.attributeCheck = null, J(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? Ee.tagCheck = e.ADD_TAGS : lt(e.ADD_TAGS) && (B === Se && (B = clone(B)), addToSet(B, e.ADD_TAGS, Q))), J(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? Ee.attributeCheck = e.ADD_ATTR : lt(e.ADD_ATTR) && (H === Ce && (H = clone(H)), addToSet(H, e.ADD_ATTR, Q))), J(e, "ADD_URI_SAFE_ATTR") && lt(e.ADD_URI_SAFE_ATTR) && addToSet(Xe, e.ADD_URI_SAFE_ATTR, Q), J(e, "FORBID_CONTENTS") && lt(e.FORBID_CONTENTS) && (Ge === Ke && (Ge = clone(Ge)), addToSet(Ge, e.FORBID_CONTENTS, Q)), J(e, "ADD_FORBID_CONTENTS") && lt(e.ADD_FORBID_CONTENTS) && (Ge === Ke && (Ge = clone(Ge)), addToSet(Ge, e.ADD_FORBID_CONTENTS, Q)), Ue && (B["#text"] = !0), Me && addToSet(B, [
+		if (W = $e(null), J(t, "tagNameCheck") && an(t.tagNameCheck) && (W.tagNameCheck = t.tagNameCheck), J(t, "attributeNameCheck") && an(t.attributeNameCheck) && (W.attributeNameCheck = t.attributeNameCheck), J(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (W.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), q(W), Ae && (De = !1), Re && (Le = !0), Ge && (H = addToSet({}, Ot), U = $e(null), Ge.html === !0 && (addToSet(H, St), addToSet(U, kt)), Ge.svg === !0 && (addToSet(H, Ct), addToSet(U, At), addToSet(U, Mt)), Ge.svgFilters === !0 && (addToSet(H, wt), addToSet(U, At), addToSet(U, Mt)), Ge.mathMl === !0 && (addToSet(H, Et), addToSet(U, jt), addToSet(U, Mt))), Te.tagCheck = null, Te.attributeCheck = null, J(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? Te.tagCheck = e.ADD_TAGS : lt(e.ADD_TAGS) && (H === be && (H = clone(H)), addToSet(H, e.ADD_TAGS, Q))), J(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? Te.attributeCheck = e.ADD_ATTR : lt(e.ADD_ATTR) && (U === Se && (U = clone(U)), addToSet(U, e.ADD_ATTR, Q))), J(e, "ADD_URI_SAFE_ATTR") && lt(e.ADD_URI_SAFE_ATTR) && addToSet(Xe, e.ADD_URI_SAFE_ATTR, Q), J(e, "FORBID_CONTENTS") && lt(e.FORBID_CONTENTS) && (G === Ke && (G = clone(G)), addToSet(G, e.FORBID_CONTENTS, Q)), J(e, "ADD_FORBID_CONTENTS") && lt(e.ADD_FORBID_CONTENTS) && (G === Ke && (G = clone(G)), addToSet(G, e.ADD_FORBID_CONTENTS, Q)), Ue && (H["#text"] = !0), Me && addToSet(H, [
 			"html",
 			"head",
 			"body"
-		]), B.table && (addToSet(B, ["tbody"]), delete we.tbody), e.TRUSTED_TYPES_POLICY) {
+		]), H.table && (addToSet(H, ["tbody"]), delete Ce.tbody), e.TRUSTED_TYPES_POLICY) {
 			if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function") throw xt("TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.");
 			if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw xt("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
 			let t = T;
 			T = e.TRUSTED_TYPES_POLICY;
 			try {
-				te = A("");
+				te = j("");
 			} catch (e) {
 				throw T = t, e;
 			}
-		} else e.TRUSTED_TYPES_POLICY === null ? (T = void 0, te = "") : (T === void 0 && (T = oe()), T && typeof te == "string" && (te = A("")));
+		} else e.TRUSTED_TYPES_POLICY === null ? (T = void 0, te = "") : (T === void 0 && (T = ae()), T && typeof te == "string" && (te = j("")));
 		K && K(e), nn = e;
 	}, sn = addToSet({}, [
 		...Ct,
@@ -1733,7 +1733,7 @@ function createDOMPurify() {
 		let t = x(e);
 		if (t) for (let n = t.length - 1; n >= 0; --n) {
 			let r = t[n], i = r && r.name;
-			if (!(typeof i != "string" || H[Q(i)])) try {
+			if (!(typeof i != "string" || U[Q(i)])) try {
 				e.removeAttribute(i);
 			} catch {}
 		}
@@ -1746,7 +1746,7 @@ function createDOMPurify() {
 			if (n) for (let e = n.length - 1; e >= 0; --e) t.push(n[e]);
 		}
 	}, vn = function _neutralizePatchLinkage(e) {
-		if (!W) return;
+		if (!je) return;
 		let t = [e];
 		for (; t.length > 0;) {
 			let e = t.pop(), n = S ? S(e) : e.nodeType;
@@ -1773,25 +1773,25 @@ function createDOMPurify() {
 			r = t && t[0];
 		}
 		tn === "application/xhtml+xml" && nt === tt && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
-		let i = T ? A(e) : e;
+		let i = T ? j(e) : e;
 		if (nt === tt) try {
 			n = new c().parseFromString(i, tn);
 		} catch {}
 		if (!n || !n.documentElement) {
-			n = P.createDocument(nt, "template", null);
+			n = F.createDocument(nt, "template", null);
 			try {
 				n.documentElement.innerHTML = gt ? te : i;
 			} catch {}
 		}
 		let a = n.body || n.documentElement;
-		return e && r && a.insertBefore(t.createTextNode(r), a.childNodes[0] || null), nt === tt ? ce.call(n, Me ? "html" : "body")[0] : Me ? n.documentElement : a;
+		return e && r && a.insertBefore(t.createTextNode(r), a.childNodes[0] || null), nt === tt ? se.call(n, Me ? "html" : "body")[0] : Me ? n.documentElement : a;
 	}, bn = function _createNodeIterator(e) {
-		return se.call(e.ownerDocument || e, e, s.SHOW_ELEMENT | s.SHOW_COMMENT | s.SHOW_TEXT | s.SHOW_PROCESSING_INSTRUCTION | s.SHOW_CDATA_SECTION, null);
+		return oe.call(e.ownerDocument || e, e, s.SHOW_ELEMENT | s.SHOW_COMMENT | s.SHOW_TEXT | s.SHOW_PROCESSING_INSTRUCTION | s.SHOW_CDATA_SECTION, null);
 	}, xn = function _stripTemplateExpressions(e) {
-		return e = pt(e, de, " "), e = pt(e, R, " "), e = pt(e, pe, " "), e;
+		return e = pt(e, ue, " "), e = pt(e, z, " "), e = pt(e, de, " "), e;
 	}, Sn = function _scrubTemplateExpressions(e) {
 		e.normalize();
-		let t = se.call(e.ownerDocument || e, e, s.SHOW_TEXT | s.SHOW_COMMENT | s.SHOW_CDATA_SECTION | s.SHOW_PROCESSING_INSTRUCTION, null), n = t.nextNode();
+		let t = oe.call(e.ownerDocument || e, e, s.SHOW_TEXT | s.SHOW_COMMENT | s.SHOW_CDATA_SECTION | s.SHOW_PROCESSING_INSTRUCTION, null), n = t.nextNode();
 		for (; n;) n.data = xn(n.data), n = t.nextNode();
 		let r = e.querySelectorAll?.call(e, "template");
 		r && rt(r, (e) => {
@@ -1821,10 +1821,10 @@ function createDOMPurify() {
 		});
 	}
 	let En = function _isUnsafeNode(e, t) {
-		return !!(W && e.hasChildNodes() && !Tn(e.firstElementChild) && X(Ut, e.textContent) && X(Ut, e.innerHTML) || W && e.namespaceURI === tt && t === "style" && Tn(e.firstElementChild) || e.nodeType === qt.processingInstruction || W && e.nodeType === qt.comment && X(Wt, e.data));
+		return !!(je && e.hasChildNodes() && !Tn(e.firstElementChild) && X(Ut, e.textContent) && X(Ut, e.innerHTML) || je && e.namespaceURI === tt && t === "style" && Tn(e.firstElementChild) || e.nodeType === qt.processingInstruction || je && e.nodeType === qt.comment && X(Wt, e.data));
 	}, Dn = function _sanitizeDisallowedNode(e, t) {
-		if (!we[t] && jn(t) && (U.tagNameCheck instanceof RegExp && X(U.tagNameCheck, t) || U.tagNameCheck instanceof Function && U.tagNameCheck(t))) return !1;
-		if (Ue && !Ge[t]) {
+		if (!Ce[t] && jn(t) && (W.tagNameCheck instanceof RegExp && X(W.tagNameCheck, t) || W.tagNameCheck instanceof Function && W.tagNameCheck(t))) return !1;
+		if (Ue && !G[t]) {
 			let t = v(e), n = _(e);
 			if (n && t) {
 				let r = n.length;
@@ -1836,31 +1836,31 @@ function createDOMPurify() {
 		}
 		return pn(e), !0;
 	}, On = function _sanitizeElements(e, t) {
-		if (_executeHooks(I.beforeSanitizeElements, e, null), e !== t && v(e) === null) return !0;
+		if (_executeHooks(R.beforeSanitizeElements, e, null), e !== t && v(e) === null) return !0;
 		if (Cn(e)) return pn(e), !0;
 		let n = Q(C ? C(e) : e.nodeName);
-		if (_executeHooks(I.uponSanitizeElement, e, {
+		if (_executeHooks(R.uponSanitizeElement, e, {
 			tagName: n,
-			allowedTags: B
+			allowedTags: H
 		}), e !== t && v(e) === null) return !0;
 		if (En(e, n)) return pn(e), !0;
-		if (we[n] || !(Ee.tagCheck instanceof Function && Ee.tagCheck(n)) && !B[n]) {
+		if (Ce[n] || !(Te.tagCheck instanceof Function && Te.tagCheck(n)) && !H[n]) {
 			let t = Dn(e, n);
-			return t === !1 && _executeHooks(I.afterSanitizeElements, e, null), t;
+			return t === !1 && _executeHooks(R.afterSanitizeElements, e, null), t;
 		}
 		if ((S ? S(e) : e.nodeType) === qt.element && !fn(e) || (n === "noscript" || n === "noembed" || n === "noframes") && X(Gt, e.innerHTML)) return pn(e), !0;
-		if (je && e.nodeType === qt.text) {
+		if (Ae && e.nodeType === qt.text) {
 			let t = xn(e.textContent);
 			e.textContent !== t && (st(DOMPurify.removed, { element: e.cloneNode() }), e.textContent = t);
 		}
-		return _executeHooks(I.afterSanitizeElements, e, null), !1;
+		return _executeHooks(R.afterSanitizeElements, e, null), !1;
 	}, kn = function _isValidAttribute(e, n, r) {
-		if (Te[n] || W && n === "patchsrc" || W && n === "for" && e !== "label" && e !== "output" || Be && (n === "id" || n === "name") && (r in t || r in rn)) return !1;
-		let i = H[n] || Ee.attributeCheck instanceof Function && Ee.attributeCheck(n, e);
-		if (!(Oe && X(he, n)) && !(De && X(_e, n))) {
+		if (we[n] || je && n === "patchsrc" || je && n === "for" && e !== "label" && e !== "output" || Be && (n === "id" || n === "name") && (r in t || r in rn)) return !1;
+		let i = U[n] || Te.attributeCheck instanceof Function && Te.attributeCheck(n, e);
+		if (!(De && X(pe, n)) && !(Ee && X(he, n))) {
 			if (!i) {
-				if (!(jn(e) && (U.tagNameCheck instanceof RegExp && X(U.tagNameCheck, e) || U.tagNameCheck instanceof Function && U.tagNameCheck(e)) && (U.attributeNameCheck instanceof RegExp && X(U.attributeNameCheck, n) || U.attributeNameCheck instanceof Function && U.attributeNameCheck(n, e)) || n === "is" && U.allowCustomizedBuiltInElements && (U.tagNameCheck instanceof RegExp && X(U.tagNameCheck, r) || U.tagNameCheck instanceof Function && U.tagNameCheck(r)))) return !1;
-			} else if (!Xe[n] && !X(be, pt(r, ye, "")) && !((n === "src" || n === "xlink:href" || n === "href") && e !== "script" && mt(r, "data:") === 0 && qe[e]) && !(ke && !X(ve, pt(r, ye, ""))) && r) return !1;
+				if (!(jn(e) && (W.tagNameCheck instanceof RegExp && X(W.tagNameCheck, e) || W.tagNameCheck instanceof Function && W.tagNameCheck(e)) && (W.attributeNameCheck instanceof RegExp && X(W.attributeNameCheck, n) || W.attributeNameCheck instanceof Function && W.attributeNameCheck(n, e)) || n === "is" && W.allowCustomizedBuiltInElements && (W.tagNameCheck instanceof RegExp && X(W.tagNameCheck, r) || W.tagNameCheck instanceof Function && W.tagNameCheck(r)))) return !1;
+			} else if (!Xe[n] && !X(B, pt(r, ve, "")) && !((n === "src" || n === "xlink:href" || n === "href") && e !== "script" && mt(r, "data:") === 0 && qe[e]) && !(Oe && !X(_e, pt(r, ve, ""))) && r) return !1;
 		}
 		return !0;
 	}, An = addToSet({}, [
@@ -1873,11 +1873,11 @@ function createDOMPurify() {
 		"font-face-uri",
 		"missing-glyph"
 	]), jn = function _isBasicCustomElement(e) {
-		return !An[ut(e)] && X(z, e);
+		return !An[ut(e)] && X(ye, e);
 	}, Mn = function _applyTrustedTypesToAttribute(e, t, n, r) {
 		if (T && typeof u == "object" && typeof u.getAttributeType == "function" && !n) switch (u.getAttributeType(e, t)) {
-			case "TrustedHTML": return A(r);
-			case "TrustedScriptURL": return ae(r);
+			case "TrustedHTML": return j(r);
+			case "TrustedScriptURL": return ie(r);
 		}
 		return r;
 	}, Nn = function _setAttributeValue(e, t, n, r) {
@@ -1887,19 +1887,19 @@ function createDOMPurify() {
 			hn(t, e);
 		}
 	}, Pn = function _sanitizeAttributes(e) {
-		_executeHooks(I.beforeSanitizeAttributes, e, null);
+		_executeHooks(R.beforeSanitizeAttributes, e, null);
 		let t = e.attributes;
 		if (!t || Cn(e)) return;
 		let n = {
 			attrName: "",
 			attrValue: "",
 			keepAttr: !0,
-			allowedAttributes: H,
+			allowedAttributes: U,
 			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 : ht(f);
-			if (n.attrName = u, n.attrValue = p, n.keepAttr = !0, n.forceKeepAttr = void 0, _executeHooks(I.uponSanitizeAttribute, e, n), p = n.attrValue, Ve && (u === "id" || u === "name") && mt(p, He) !== 0 && (hn(o, e), p = He + p), W && X(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, p)) {
+			if (n.attrName = u, n.attrValue = p, n.keepAttr = !0, n.forceKeepAttr = void 0, _executeHooks(R.uponSanitizeAttribute, e, n), p = n.attrValue, Ve && (u === "id" || u === "name") && mt(p, He) !== 0 && (hn(o, e), p = He + p), je && X(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, p)) {
 				hn(o, e);
 				continue;
 			}
@@ -1912,25 +1912,25 @@ function createDOMPurify() {
 					hn(o, e);
 					continue;
 				}
-				if (!Ae && X(Kt, p)) {
+				if (!ke && X(Kt, p)) {
 					hn(o, e);
 					continue;
 				}
-				if (je && (p = xn(p)), !kn(i, u, p)) {
+				if (Ae && (p = xn(p)), !kn(i, u, p)) {
 					hn(o, e);
 					continue;
 				}
 				p = Mn(i, u, s, p), p !== f && Nn(e, o, s, p);
 			}
 		}
-		_executeHooks(I.afterSanitizeAttributes, e, null);
+		_executeHooks(R.afterSanitizeAttributes, e, null);
 	}, Fn = function _sanitizeShadowDOM(e) {
 		let t = null, n = bn(e);
-		for (_executeHooks(I.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) if (_executeHooks(I.uponSanitizeShadowNode, t, null), On(t, e), Pn(t), wn(t.content) && Fn(t.content), (S ? S(t) : t.nodeType) === qt.element) {
+		for (_executeHooks(R.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) if (_executeHooks(R.uponSanitizeShadowNode, t, null), On(t, e), Pn(t), wn(t.content) && Fn(t.content), (S ? S(t) : t.nodeType) === qt.element) {
 			let e = b(t);
 			wn(e) && (In(e), Fn(e));
 		}
-		_executeHooks(I.afterSanitizeShadowDOM, e, null);
+		_executeHooks(R.afterSanitizeShadowDOM, e, null);
 	}, In = function _sanitizeAttachedShadowRoots(e) {
 		let t = [{
 			node: e,
@@ -1973,14 +1973,14 @@ function createDOMPurify() {
 		let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = null, i = null, a = null, o = null;
 		if (gt = !e, gt && (e = "<!-->"), typeof e != "string" && !Tn(e) && (e = stringifyValue(e), typeof e != "string")) throw xt("dirty is not a string, aborting");
 		if (!DOMPurify.isSupported) return e;
-		Ne ? (B = Pe, H = Fe) : on(t), (I.uponSanitizeElement.length > 0 || I.uponSanitizeAttribute.length > 0) && (B = clone(B)), I.uponSanitizeAttribute.length > 0 && (H = clone(H)), DOMPurify.removed = [];
+		Ne ? (H = Pe, U = Fe) : on(t), (R.uponSanitizeElement.length > 0 || R.uponSanitizeAttribute.length > 0) && (H = clone(H)), R.uponSanitizeAttribute.length > 0 && (U = clone(U)), DOMPurify.removed = [];
 		let s = We && typeof e != "string" && Tn(e);
 		if (s) {
 			vn(e);
 			let t = C ? C(e) : e.nodeName;
 			if (typeof t == "string") {
 				let n = Q(t);
-				if (!B[n] || we[n]) throw mn(e), xt("root node is forbidden and cannot be sanitized in-place");
+				if (!H[n] || Ce[n]) throw mn(e), xt("root node is forbidden and cannot be sanitized in-place");
 			}
 			if (Cn(e)) throw mn(e), xt("root node is clobbered and cannot be sanitized in-place");
 			try {
@@ -1990,7 +1990,7 @@ function createDOMPurify() {
 			}
 		} else if (Tn(e)) r = yn("<!---->"), i = r.ownerDocument.importNode(e, !0), i.nodeType === qt.element && i.nodeName === "BODY" || i.nodeName === "HTML" ? r = i : r.appendChild(i), In(i);
 		else {
-			if (!Le && !je && !Me && e.indexOf("<") === -1) return T && ze ? A(e) : e;
+			if (!Le && !Ae && !Me && e.indexOf("<") === -1) return T && ze ? j(e) : e;
 			if (r = yn(e), !r) return Le ? null : ze ? te : "";
 		}
 		r && Ie && pn(r.firstChild);
@@ -2004,17 +2004,17 @@ function createDOMPurify() {
 		}
 		if (s) return rt(DOMPurify.removed, (e) => {
 			e.element && _n(e.element);
-		}), je && Sn(e), e;
+		}), Ae && Sn(e), e;
 		if (Le) {
-			if (je && Sn(r), Re) for (o = F.call(r.ownerDocument); r.firstChild;) o.appendChild(r.firstChild);
+			if (Ae && Sn(r), Re) for (o = I.call(r.ownerDocument); r.firstChild;) o.appendChild(r.firstChild);
 			else o = r;
-			return (H.shadowroot || H.shadowrootmode) && (o = ue.call(n, o, !0)), o;
+			return (U.shadowroot || U.shadowrootmode) && (o = ce.call(n, o, !0)), o;
 		}
 		let f = Me ? r.outerHTML : r.innerHTML;
-		return Me && B["!doctype"] && r.ownerDocument && r.ownerDocument.doctype && r.ownerDocument.doctype.name && X(Vt, r.ownerDocument.doctype.name) && (f = "<!DOCTYPE " + r.ownerDocument.doctype.name + ">\n" + f), je && (f = xn(f)), T && ze ? A(f) : f;
+		return Me && H["!doctype"] && r.ownerDocument && r.ownerDocument.doctype && r.ownerDocument.doctype.name && X(Vt, r.ownerDocument.doctype.name) && (f = "<!DOCTYPE " + r.ownerDocument.doctype.name + ">\n" + f), Ae && (f = xn(f)), T && ze ? j(f) : f;
 	}, DOMPurify.setConfig = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-		on(e), Ne = !0, Pe = B, Fe = H;
+		on(e), Ne = !0, Pe = H, Fe = U;
 	}, DOMPurify.clearConfig = function() {
 		nn = null, Ne = !1, Pe = null, Fe = null, T = ne, te = "";
 	}, DOMPurify.isValidAttribute = function(e, t, n) {
@@ -2022,19 +2022,19 @@ function createDOMPurify() {
 		let r = Q(e), i = Q(t);
 		return kn(r, i, n);
 	}, DOMPurify.addHook = function(e, t) {
-		typeof t == "function" && J(I, e) && st(I[e], t);
+		typeof t == "function" && J(R, e) && st(R[e], t);
 	}, DOMPurify.removeHook = function(e, t) {
-		if (J(I, e)) {
+		if (J(R, e)) {
 			if (t !== void 0) {
-				let n = it(I[e], t);
-				return n === -1 ? void 0 : ct(I[e], n, 1)[0];
+				let n = it(R[e], t);
+				return n === -1 ? void 0 : ct(R[e], n, 1)[0];
 			}
-			return at(I[e]);
+			return at(R[e]);
 		}
 	}, DOMPurify.removeHooks = function(e) {
-		J(I, e) && (I[e] = []);
+		J(R, e) && (R[e] = []);
 	}, DOMPurify.removeAllHooks = function() {
-		I = Xt();
+		R = Xt();
 	}, DOMPurify;
 }
 var Qt = createDOMPurify(), _Class;
@@ -3696,7 +3696,7 @@ var Cr = [
 		inverted: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = ie(), r = j(360), i;
+		let t = e, n = A(), r = P(360), i;
 		ne(() => {
 			typeof ResizeObserver > "u" || !n.value || (i = new ResizeObserver((e) => {
 				let t = e[0]?.contentRect.width;
@@ -3786,7 +3786,7 @@ var Cr = [
 				max: a,
 				ticks: o
 			};
-		}), ae = f(() => resolveSharedSeriesFormat({ series: b.value })), oe = f(() => {
+		}), ie = f(() => resolveSharedSeriesFormat({ series: b.value })), ae = f(() => {
 			let e = v.value;
 			if (!e) return {
 				mode: "horizontal",
@@ -3797,8 +3797,8 @@ var Cr = [
 				labels: e.data.map((e) => String(e?.[t] ?? "")),
 				plotWidth: Math.max(200, a.value - 42)
 			});
-		}), F = f(() => {
-			let e = ae.value?.valueFormat, t = !!(ae.value && (e === "currency" || e === "percent" || ae.value.valuePrefix || ae.value.valueSuffix)), n = e === "duration" ? 46 : t ? 38 : 30, r = oe.value.mode === "angled";
+		}), I = f(() => {
+			let e = ie.value?.valueFormat, t = !!(ie.value && (e === "currency" || e === "percent" || ie.value.valuePrefix || ie.value.valueSuffix)), n = e === "duration" ? 46 : t ? 38 : 30, r = ae.value.mode === "angled";
 			return {
 				width: a.value,
 				height: 168 + (r ? 36 : 0),
@@ -3809,7 +3809,7 @@ var Cr = [
 			};
 		});
 		function labelCenterX(e, t) {
-			let n = v.value, r = F.value;
+			let n = v.value, r = I.value;
 			if (n?.chartType === "bar") {
 				let n = r.width - r.left - r.right;
 				return r.left + (e + .5) * (n / Math.max(t, 1));
@@ -3817,11 +3817,11 @@ var Cr = [
 			return xForIndex(e, t);
 		}
 		function xForIndex(e, t) {
-			let n = F.value, r = n.width - n.left - n.right;
+			let n = I.value, r = n.width - n.left - n.right;
 			return t <= 1 ? n.left + r / 2 : n.left + r * e / (t - 1);
 		}
 		function yForValue(e) {
-			let { min: t, max: n } = re.value, r = F.value, i = r.height - r.top - r.bottom;
+			let { min: t, max: n } = re.value, r = I.value, i = r.height - r.top - r.bottom;
 			return r.top + (n - e) / (n - t || 1) * i;
 		}
 		function pathForSeries(e) {
@@ -3831,7 +3831,7 @@ var Cr = [
 				return `${r === 0 ? "M" : "L"} ${xForIndex(r, t.data.length).toFixed(1)} ${yForValue(i).toFixed(1)}`;
 			}).join(" ") : "";
 		}
-		let ce = f(() => {
+		let se = f(() => {
 			let e = v.value;
 			if (!e?.trendLine || e.chartType !== "line" && e.chartType !== "scatter") return null;
 			let t = trendLinePoints(e, e.trendLine.dataKey), n = linearTrend(t);
@@ -3842,10 +3842,10 @@ var Cr = [
 				dataKey: e.trendLine.dataKey,
 				seriesIndex: s
 			};
-		}), ue = f(() => {
+		}), ce = f(() => {
 			let e = v.value;
 			if (!e || e.chartType !== "bar") return [];
-			let t = F.value, n = (t.width - t.left - t.right) / Math.max(e.data.length, 1), r = yForValue(0);
+			let t = I.value, n = (t.width - t.left - t.right) / Math.max(e.data.length, 1), r = yForValue(0);
 			if (S.value) {
 				let r = Math.max(4, Math.min(24, n * .42));
 				return e.data.flatMap((i, a) => {
@@ -3879,12 +3879,12 @@ var Cr = [
 					dataKey: e.dataKey
 				};
 			}));
-		}), I = f(() => {
+		}), R = f(() => {
 			let e = v.value;
 			if (!e) return [];
 			let t = e.data;
 			if (!t.length) return [];
-			let n = t.length - 1, r = oe.value, i = r.mode === "angled";
+			let n = t.length - 1, r = ae.value, i = r.mode === "angled";
 			return r.entries.map(({ index: e, text: r }) => ({
 				key: `${e}`,
 				label: r,
@@ -3892,7 +3892,7 @@ var Cr = [
 				anchor: i ? "end" : e === 0 ? "start" : e === n ? "end" : "middle",
 				angled: i
 			})).filter((e) => e.label);
-		}), de = f(() => {
+		}), ue = f(() => {
 			let e = v.value;
 			if (!e || e.chartType !== "bar" || e.series.length !== 1 || S.value) return [];
 			let t = e.series[0], n = e.data.map((n, r) => {
@@ -3915,7 +3915,7 @@ var Cr = [
 				width: e.rawValue <= 0 ? 0 : Math.max(2, e.rawValue / r * 100),
 				seriesIndex: 0
 			}));
-		}), R = f(() => {
+		}), z = f(() => {
 			let e = v.value;
 			if (!e?.data.length) return [];
 			let t = e.data[e.data.length - 1];
@@ -3931,7 +3931,7 @@ var Cr = [
 					seriesIndex: n
 				};
 			});
-		}), pe = f(() => {
+		}), de = f(() => {
 			let e = v.value;
 			if (!e?.data.length || e.chartType !== "line") return [];
 			let t = e.data.length - 1, n = e.data[t];
@@ -3944,7 +3944,7 @@ var Cr = [
 					seriesIndex: i
 				};
 			}).filter((e) => e !== null);
-		}), he = f(() => {
+		}), pe = f(() => {
 			let e = x.value;
 			if (!e) return [];
 			let t = e.data.map((t) => ({
@@ -3960,26 +3960,26 @@ var Cr = [
 					series: r
 				})
 			}));
-		}), _e = f(() => c.value ? layoutChatDiagram(c.value, { maxWidth: r.value }) : null), ve = [
+		}), he = f(() => c.value ? layoutChatDiagram(c.value, { maxWidth: r.value }) : null), _e = [
 			"var(--color-theme-900)",
 			"var(--color-primary-500)",
 			"color-mix(in oklch, var(--color-primary-500) 55%, var(--color-theme-500))"
-		], ye = [
+		], ve = [
 			"rgba(255, 255, 255, 0.92)",
 			"color-mix(in oklch, white 30%, var(--color-primary-500))",
 			"rgba(255, 255, 255, 0.55)"
 		];
 		function seriesColor(e) {
-			let n = t.inverted ? ye : ve;
+			let n = t.inverted ? ve : _e;
 			return n[e % n.length];
 		}
 		function diagramNodeFill(e) {
 			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) 9%, 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 e === "decision" ? t.inverted ? "rgba(255, 255, 255, 0.26)" : "color-mix(in oklch, var(--color-primary-500) 32%, var(--color-theme-300))" : Ce.value;
+			return e === "decision" ? t.inverted ? "rgba(255, 255, 255, 0.26)" : "color-mix(in oklch, var(--color-primary-500) 32%, var(--color-theme-300))" : Se.value;
 		}
-		let z = f(() => t.inverted ? "rgba(255, 255, 255, 0.95)" : "var(--color-theme-900)"), be = f(() => t.inverted ? "rgba(255, 255, 255, 0.6)" : "var(--color-theme-500)"), B = f(() => t.inverted ? "rgba(255, 255, 255, 0.45)" : "color-mix(in oklch, var(--color-theme-900) 42%, transparent)"), Se = f(() => t.inverted ? "rgba(255, 255, 255, 0.1)" : "color-mix(in oklch, var(--color-theme-900) 8%, transparent)"), H = f(() => t.inverted ? "rgba(255, 255, 255, 0.24)" : "color-mix(in oklch, var(--color-theme-900) 18%, transparent)"), Ce = f(() => t.inverted ? "rgba(255, 255, 255, 0.16)" : "color-mix(in oklch, var(--color-theme-300) 55%, transparent)"), U = f(() => t.inverted ? "rgba(255, 255, 255, 0.14)" : "color-mix(in oklch, var(--color-theme-900) 8%, transparent)"), we = f(() => t.inverted ? "rgba(255, 255, 255, 0.18)" : "color-mix(in oklch, var(--color-theme-900) 16%, transparent)"), Te = f(() => t.inverted ? "rgba(255, 255, 255, 0.12)" : "color-mix(in oklch, var(--color-theme-900) 9%, transparent)");
+		let ye = f(() => t.inverted ? "rgba(255, 255, 255, 0.95)" : "var(--color-theme-900)"), B = f(() => t.inverted ? "rgba(255, 255, 255, 0.6)" : "var(--color-theme-500)"), H = f(() => t.inverted ? "rgba(255, 255, 255, 0.45)" : "color-mix(in oklch, var(--color-theme-900) 42%, transparent)"), be = f(() => t.inverted ? "rgba(255, 255, 255, 0.1)" : "color-mix(in oklch, var(--color-theme-900) 8%, transparent)"), U = f(() => t.inverted ? "rgba(255, 255, 255, 0.24)" : "color-mix(in oklch, var(--color-theme-900) 18%, transparent)"), Se = f(() => t.inverted ? "rgba(255, 255, 255, 0.16)" : "color-mix(in oklch, var(--color-theme-300) 55%, transparent)"), W = f(() => t.inverted ? "rgba(255, 255, 255, 0.14)" : "color-mix(in oklch, var(--color-theme-900) 8%, transparent)"), Ce = f(() => t.inverted ? "rgba(255, 255, 255, 0.18)" : "color-mix(in oklch, var(--color-theme-900) 16%, transparent)"), we = f(() => t.inverted ? "rgba(255, 255, 255, 0.12)" : "color-mix(in oklch, var(--color-theme-900) 9%, transparent)");
 		return (e, r) => o.value ? (k(), h("section", {
 			key: 0,
 			"data-test": "chat-visual",
@@ -3988,17 +3988,17 @@ var Cr = [
 			"data-stacking": S.value ? "stacked" : void 0,
 			"data-diagram-type": c.value?.diagramType,
 			class: "my-6 w-full rounded-[20px] px-4 pb-3.5 pt-4",
-			style: T({ boxShadow: `inset 0 0 0 1px ${U.value}` }),
+			style: T({ boxShadow: `inset 0 0 0 1px ${W.value}` }),
 			"aria-label": o.value.meta.title
 		}, [
 			_("header", wr, [_("h4", {
 				class: "text-[13px] font-semibold leading-tight",
-				style: T({ color: z.value })
-			}, P(o.value.meta.title), 5), o.value.meta.description ? (k(), h("p", {
+				style: T({ color: ye.value })
+			}, F(o.value.meta.title), 5), o.value.meta.description ? (k(), h("p", {
 				key: 0,
 				class: "mt-0.5 text-[12px] leading-snug",
-				style: T({ color: be.value })
-			}, P(o.value.meta.description), 5)) : m("", !0)]),
+				style: T({ color: B.value })
+			}, F(o.value.meta.description), 5)) : m("", !0)]),
 			_("div", {
 				ref_key: "bodyEl",
 				ref: n
@@ -4006,19 +4006,19 @@ var Cr = [
 				key: 0,
 				role: "img",
 				"aria-label": o.value.meta.title
-			}, [de.value.length ? (k(), h("div", Er, [(k(!0), h(u, null, A(de.value, (e) => (k(), h("div", {
+			}, [ue.value.length ? (k(), h("div", Er, [(k(!0), h(u, null, j(ue.value, (e) => (k(), h("div", {
 				key: e.key,
 				"data-test": "chat-visual-horizontal-bar",
 				class: "min-w-0"
 			}, [_("div", Dr, [_("span", {
 				class: "line-clamp-2 min-w-0 font-medium leading-snug",
-				style: T({ color: z.value })
-			}, P(e.label), 5), _("span", {
+				style: T({ color: ye.value })
+			}, F(e.label), 5), _("span", {
 				class: "shrink-0 font-semibold tabular-nums",
-				style: T({ color: z.value })
-			}, P(e.value), 5)]), _("div", {
+				style: T({ color: ye.value })
+			}, F(e.value), 5)]), _("div", {
 				class: "h-2 w-full overflow-hidden rounded-full",
-				style: T({ background: Te.value })
+				style: T({ background: we.value })
 			}, [_("div", {
 				class: "h-full rounded-full",
 				style: T({
@@ -4028,33 +4028,33 @@ var Cr = [
 			}, null, 4)], 4)]))), 128))])) : (k(), h("svg", {
 				key: 1,
 				class: "block h-auto w-full overflow-visible",
-				viewBox: `0 0 ${F.value.width} ${F.value.height}`,
-				style: T({ aspectRatio: `${F.value.width} / ${F.value.height}` }),
+				viewBox: `0 0 ${I.value.width} ${I.value.height}`,
+				style: T({ aspectRatio: `${I.value.width} / ${I.value.height}` }),
 				preserveAspectRatio: "xMidYMid meet",
 				"aria-hidden": "true"
 			}, [
-				(k(!0), h(u, null, A(re.value.ticks, (e) => (k(), h("line", {
+				(k(!0), h(u, null, j(re.value.ticks, (e) => (k(), h("line", {
 					key: `grid-${e}`,
-					x1: F.value.left,
-					x2: F.value.width - F.value.right,
+					x1: I.value.left,
+					x2: I.value.width - I.value.right,
 					y1: yForValue(e),
 					y2: yForValue(e),
 					"stroke-width": "1",
 					"vector-effect": "non-scaling-stroke",
-					style: T({ stroke: e === 0 ? H.value : Se.value })
+					style: T({ stroke: e === 0 ? U.value : be.value })
 				}, null, 12, kr))), 128)),
-				_("g", null, [(k(!0), h(u, null, A(re.value.ticks, (e) => (k(), h("text", {
+				_("g", null, [(k(!0), h(u, null, j(re.value.ticks, (e) => (k(), h("text", {
 					key: `y-${e}`,
-					x: F.value.left - 7,
+					x: I.value.left - 7,
 					y: yForValue(e) + 3,
 					"text-anchor": "end",
 					"font-size": "9.5",
-					style: T({ fill: B.value })
-				}, P(se(formatChatVisualTick)({
+					style: T({ fill: H.value })
+				}, F(oe(formatChatVisualTick)({
 					value: e,
-					shared: ae.value
+					shared: ie.value
 				})), 13, Ar))), 128))]),
-				v.value.chartType === "bar" ? (k(!0), h(u, { key: 0 }, A(ue.value, (e) => (k(), h("rect", {
+				v.value.chartType === "bar" ? (k(!0), h(u, { key: 0 }, j(ce.value, (e) => (k(), h("rect", {
 					key: e.key,
 					"data-test": "chat-visual-bar",
 					"data-row-index": e.rowIndex,
@@ -4067,20 +4067,20 @@ var Cr = [
 					rx: "2.5",
 					style: T({ fill: seriesColor(e.seriesIndex) })
 				}, null, 12, jr))), 128)) : (k(), h(u, { key: 1 }, [
-					ce.value ? (k(), h("path", {
+					se.value ? (k(), h("path", {
 						key: 0,
 						"data-test": "chat-visual-trend-line",
-						"data-trend-key": ce.value.dataKey,
-						d: ce.value.path,
+						"data-trend-key": se.value.dataKey,
+						d: se.value.path,
 						fill: "none",
 						"stroke-width": "1.4",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						"stroke-dasharray": "4 3",
 						"vector-effect": "non-scaling-stroke",
-						style: T({ stroke: seriesColor(ce.value.seriesIndex) })
+						style: T({ stroke: seriesColor(se.value.seriesIndex) })
 					}, null, 12, Mr)) : m("", !0),
-					(k(!0), h(u, null, A(b.value, (e, t) => (k(), h("g", { key: e.dataKey }, [v.value.chartType === "line" ? (k(), h("path", {
+					(k(!0), h(u, null, j(b.value, (e, t) => (k(), h("g", { key: e.dataKey }, [v.value.chartType === "line" ? (k(), h("path", {
 						key: 0,
 						d: pathForSeries(e.dataKey),
 						fill: "none",
@@ -4089,14 +4089,14 @@ var Cr = [
 						"stroke-linejoin": "round",
 						"vector-effect": "non-scaling-stroke",
 						style: T({ stroke: seriesColor(t) })
-					}, null, 12, Nr)) : m("", !0), (k(!0), h(u, null, A(p.value, (n, r) => (k(), h(u, { key: `${e.dataKey}-${r}` }, [v.value.chartType === "scatter" ? (k(), h("circle", {
+					}, null, 12, Nr)) : m("", !0), (k(!0), h(u, null, j(p.value, (n, r) => (k(), h(u, { key: `${e.dataKey}-${r}` }, [v.value.chartType === "scatter" ? (k(), h("circle", {
 						key: 0,
 						cx: xForIndex(r, p.value.length),
 						cy: yForValue(numericValue(n[e.dataKey]) ?? 0),
 						r: "2.6",
 						style: T({ fill: seriesColor(t) })
 					}, null, 12, Pr)) : m("", !0)], 64))), 128))]))), 128)),
-					(k(!0), h(u, null, A(pe.value, (e) => (k(), h("circle", {
+					(k(!0), h(u, null, j(de.value, (e) => (k(), h("circle", {
 						key: `marker-${e.key}`,
 						cx: e.cx,
 						cy: e.cy,
@@ -4104,16 +4104,16 @@ var Cr = [
 						style: T({ fill: seriesColor(e.seriesIndex) })
 					}, null, 12, Fr))), 128))
 				], 64)),
-				(k(!0), h(u, null, A(I.value, (e) => (k(), h("text", {
+				(k(!0), h(u, null, j(R.value, (e) => (k(), h("text", {
 					key: e.key,
 					x: e.x,
-					y: e.angled ? F.value.height - F.value.bottom + 12 : F.value.height - 6,
+					y: e.angled ? I.value.height - I.value.bottom + 12 : I.value.height - 6,
 					"text-anchor": e.anchor,
 					"font-size": "9.5",
-					transform: e.angled ? `rotate(${se(-40)} ${e.x} ${F.value.height - F.value.bottom + 12})` : void 0,
-					style: T({ fill: B.value })
-				}, P(e.label), 13, Ir))), 128))
-			], 12, Or)), R.value.length > 1 || v.value.chartType !== "bar" ? (k(), h("div", Lr, [(k(!0), h(u, null, A(R.value, (e) => (k(), h("div", {
+					transform: e.angled ? `rotate(${oe(-40)} ${e.x} ${I.value.height - I.value.bottom + 12})` : void 0,
+					style: T({ fill: H.value })
+				}, F(e.label), 13, Ir))), 128))
+			], 12, Or)), z.value.length > 1 || v.value.chartType !== "bar" ? (k(), h("div", Lr, [(k(!0), h(u, null, j(z.value, (e) => (k(), h("div", {
 				key: e.key,
 				class: "inline-flex items-center gap-1.5 text-[11.5px] leading-none"
 			}, [
@@ -4121,41 +4121,41 @@ var Cr = [
 					class: "size-2.5 shrink-0 rounded-full",
 					style: T({ background: seriesColor(e.seriesIndex) })
 				}, null, 4),
-				_("span", { style: T({ color: be.value }) }, P(e.label), 5),
+				_("span", { style: T({ color: B.value }) }, F(e.label), 5),
 				_("span", {
 					class: "font-semibold tabular-nums",
-					style: T({ color: z.value })
-				}, P(e.value), 5)
-			]))), 128))])) : m("", !0)], 8, Tr)) : x.value ? (k(), h("div", Rr, [(k(!0), h(u, null, A(he.value, (e, t) => (k(), h("div", { key: e.key }, [_("div", zr, [_("span", {
+					style: T({ color: ye.value })
+				}, F(e.value), 5)
+			]))), 128))])) : m("", !0)], 8, Tr)) : x.value ? (k(), h("div", Rr, [(k(!0), h(u, null, j(pe.value, (e, t) => (k(), h("div", { key: e.key }, [_("div", zr, [_("span", {
 				class: "truncate font-medium",
-				style: T({ color: z.value })
-			}, P(e.name), 5), _("span", Br, [_("span", {
+				style: T({ color: ye.value })
+			}, F(e.name), 5), _("span", Br, [_("span", {
 				class: "font-semibold",
-				style: T({ color: z.value })
-			}, P(e.display), 5), _("span", {
+				style: T({ color: ye.value })
+			}, F(e.display), 5), _("span", {
 				class: "ml-1.5",
-				style: T({ color: be.value })
-			}, P(Math.round(e.percent * 100)) + "%", 5)])]), _("div", {
+				style: T({ color: B.value })
+			}, F(Math.round(e.percent * 100)) + "%", 5)])]), _("div", {
 				class: "h-1.5 w-full overflow-hidden rounded-full",
-				style: T({ background: Te.value })
+				style: T({ background: we.value })
 			}, [_("div", {
 				class: "h-full rounded-full",
 				style: T({
 					width: `${Math.max(2, e.percent * 100)}%`,
 					background: seriesColor(t)
 				})
-			}, null, 4)], 4)]))), 128))])) : c.value && _e.value ? (k(), h("div", Vr, [(k(), h("svg", {
+			}, null, 4)], 4)]))), 128))])) : c.value && he.value ? (k(), h("div", Vr, [(k(), h("svg", {
 				"data-test": "chat-visual-diagram-svg",
 				class: "block h-auto overflow-visible",
-				viewBox: `0 0 ${_e.value.width} ${_e.value.height}`,
+				viewBox: `0 0 ${he.value.width} ${he.value.height}`,
 				style: T({
-					width: `${_e.value.width}px`,
-					aspectRatio: `${_e.value.width} / ${_e.value.height}`
+					width: `${he.value.width}px`,
+					aspectRatio: `${he.value.width} / ${he.value.height}`
 				}),
 				role: "img",
 				"aria-label": o.value.meta.title
 			}, [
-				(k(!0), h(u, null, A(_e.value.edges, (e) => (k(), h("line", {
+				(k(!0), h(u, null, j(he.value.edges, (e) => (k(), h("line", {
 					key: e.key,
 					"data-test": "chat-visual-diagram-edge",
 					"data-from": e.from,
@@ -4167,16 +4167,16 @@ var Cr = [
 					"stroke-width": "1.4",
 					"stroke-linecap": "round",
 					"vector-effect": "non-scaling-stroke",
-					style: T({ stroke: we.value })
+					style: T({ stroke: Ce.value })
 				}, null, 12, Ur))), 128)),
-				(k(!0), h(u, null, A(_e.value.edges, (e) => (k(), h("circle", {
+				(k(!0), h(u, null, j(he.value.edges, (e) => (k(), h("circle", {
 					key: `${e.key}-dot`,
 					cx: e.x2,
 					cy: e.y2,
 					r: "2.4",
-					style: T({ fill: we.value })
+					style: T({ fill: Ce.value })
 				}, null, 12, Wr))), 128)),
-				(k(!0), h(u, null, A(_e.value.edges.filter((e) => e.label), (e) => (k(), h("foreignObject", {
+				(k(!0), h(u, null, j(he.value.edges.filter((e) => e.label), (e) => (k(), h("foreignObject", {
 					key: `${e.key}-label`,
 					x: e.labelX - 55,
 					y: e.labelY - 12,
@@ -4186,11 +4186,11 @@ var Cr = [
 					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: T({
-						color: be.value,
+						color: B.value,
 						background: t.inverted ? "var(--color-theme-900)" : "var(--color-theme-0)"
 					})
-				}, P(e.label), 5)], 8, Gr))), 128)),
-				(k(!0), h(u, null, A(_e.value.nodes, (e) => (k(), h("g", {
+				}, F(e.label), 5)], 8, Gr))), 128)),
+				(k(!0), h(u, null, j(he.value.nodes, (e) => (k(), h("g", {
 					key: e.id,
 					"data-test": "chat-visual-diagram-node",
 					"data-node-id": e.id,
@@ -4223,18 +4223,18 @@ var Cr = [
 					height: e.height - 10
 				}, [_("div", Xr, [_("div", {
 					class: "line-clamp-2 text-[13px] font-semibold leading-tight",
-					style: T({ color: z.value })
-				}, P(e.label), 5), e.detail ? (k(), h("div", {
+					style: T({ color: ye.value })
+				}, F(e.label), 5), e.detail ? (k(), h("div", {
 					key: 0,
 					class: "mt-0.5 line-clamp-1 text-[10.5px] leading-none",
-					style: T({ color: be.value })
-				}, P(e.detail), 5)) : m("", !0)])], 8, Yr))], 8, Kr))), 128))
+					style: T({ color: B.value })
+				}, F(e.detail), 5)) : m("", !0)])], 8, Yr))], 8, Kr))), 128))
 			], 12, Hr))])) : m("", !0)], 512),
 			o.value.meta.footer ? (k(), h("footer", {
 				key: 0,
 				class: "mt-3 text-[11px] leading-snug",
-				style: T({ color: B.value })
-			}, P(o.value.meta.footer), 5)) : m("", !0)
+				style: T({ color: H.value })
+			}, F(o.value.meta.footer), 5)) : m("", !0)
 		], 12, Cr)) : m("", !0);
 	}
 }), Qr = ["innerHTML"], $r = /* @__PURE__ */ x({
@@ -4245,8 +4245,8 @@ var Cr = [
 		streaming: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = j(t.text), r;
-		ce([() => t.text, () => t.streaming], ([e, i]) => {
+		let t = e, n = P(t.text), r;
+		se([() => t.text, () => t.streaming], ([e, i]) => {
 			if (!i) {
 				r !== void 0 && (cancelAnimationFrame(r), r = void 0), n.value = e;
 				return;
@@ -4392,7 +4392,7 @@ var Cr = [
 		return (t, n) => (k(), h("div", {
 			class: "chat-msg-rich break-words text-[14px] leading-relaxed @sm/chat:text-[16px] @sm/chat:leading-relaxed",
 			onErrorCapture: onRichTextAssetError
-		}, [(k(!0), h(u, null, A(o.value, (t) => (k(), h(u, { key: t.key }, [t.kind === "markdown" ? (k(), h("div", {
+		}, [(k(!0), h(u, null, j(o.value, (t) => (k(), h(u, { key: t.key }, [t.kind === "markdown" ? (k(), h("div", {
 			key: 0,
 			class: C(["chat-msg-prose", e.inverted ? "chat-msg-prose-invert" : ""]),
 			innerHTML: t.html
@@ -4417,7 +4417,7 @@ var Cr = [
 }), ei = 80, ti = /* @__PURE__ */ x({
 	__name: "ChatScroller",
 	setup(e, { expose: t }) {
-		let n = ie(), r = ie(), i = ie(!0), a;
+		let n = A(), r = A(), i = A(!0), a;
 		function scrollToBottom() {
 			let e = n.value;
 			e && (e.scrollTop = e.scrollHeight);
@@ -4446,7 +4446,7 @@ var Cr = [
 			ref_key: "content",
 			ref: r,
 			class: "flex-1 flex flex-col"
-		}, [ae(e.$slots, "default")], 512)], 34));
+		}, [ie(e.$slots, "default")], 512)], 34));
 	}
 }), ni = {
 	key: 0,
@@ -4582,48 +4582,48 @@ var Cr = [
 		}, n = f(() => {
 			let n = { ...t[e.scope] };
 			return e.scope === "org" && e.scopeName && (n.label = e.scopeName, n.tooltip = `Visible to ${e.scopeName} members`), n;
-		}), r = ie(!1), i = ie(), a = ie(), o = ie();
+		}), r = A(!1), i = A(), a = A(), o = A();
 		function containsMarkdownLink(e) {
 			return e ? /\[[^\]]+\]\([^)]+\)/.test(e) : !1;
 		}
 		function isSystemExplainerMessage(e) {
-			return e.sender === "system" && (!!e.issue || e.id === U.value);
+			return e.sender === "system" && (!!e.issue || e.id === Ce.value);
 		}
 		function isGroupEnd(e, t) {
 			let n = e[t], r = e[t + 1];
 			return !r || r.sender !== n.sender;
 		}
-		let s = f(() => e.chatController?.textState.value), c = f(() => s.value?.isConnected ?? !1), x = f(() => s.value?.isThinking ?? !1), T = f(() => s.value?.connectionStatus === "disconnected" && !!s.value?.error), te = f(() => s.value?.connectionStatus !== "connected" && !s.value?.error), oe = ie(!1), j;
-		ce(T, (e) => {
-			if (clearTimeout(j), !e) {
-				oe.value = !1;
+		let s = f(() => e.chatController?.textState.value), c = f(() => s.value?.isConnected ?? !1), x = f(() => s.value?.isThinking ?? !1), T = f(() => s.value?.connectionStatus === "disconnected" && !!s.value?.error), te = f(() => s.value?.connectionStatus !== "connected" && !s.value?.error), ae = A(!1), P;
+		se(T, (e) => {
+			if (clearTimeout(P), !e) {
+				ae.value = !1;
 				return;
 			}
-			j = setTimeout(() => {
-				oe.value = !0;
+			P = setTimeout(() => {
+				ae.value = !0;
 			}, ta);
-		}, { immediate: !0 }), re(() => clearTimeout(j));
-		let se = f(() => T.value && oe.value), pe = f(() => te.value || T.value && !oe.value);
+		}, { immediate: !0 }), re(() => clearTimeout(P));
+		let oe = f(() => T.value && ae.value), de = f(() => te.value || T.value && !ae.value), pe = A(!1);
 		async function retryConnection() {
 			await e.chatController?.startTextConversation();
 		}
-		let he = f(() => e.chatController?.liveTurnBlocks?.value ?? []), ve = f(() => {
-			for (let e = he.value.length - 1; e >= 0; e--) {
-				let t = he.value[e];
+		let _e = f(() => e.chatController?.liveTurnBlocks?.value ?? []), ve = f(() => {
+			for (let e = _e.value.length - 1; e >= 0; e--) {
+				let t = _e.value[e];
 				if (t?.kind === "text") return t.id;
 			}
-		}), ye = f(() => e.chatController?.liveStreamMessageId?.value), z = f(() => {
+		}), ye = f(() => e.chatController?.liveStreamMessageId?.value), B = f(() => {
 			let t = e.chatController?.sharedMessages.value ?? [];
-			return he.value.length && ye.value ? t.filter((e) => e.id !== ye.value) : t;
-		}), be = f(() => {
+			return _e.value.length && ye.value ? t.filter((e) => e.id !== ye.value) : t;
+		}), H = f(() => {
 			if (!e.chatController?.workJournal?.value) return s.value?.workingDescription?.trim() || void 0;
-		}), B = f(() => e.chatController?.workJournal?.value), Se = f(() => {
-			if (!B.value && !he.value.length) return;
-			let e = z.value, t = e[e.length - 1];
+		}), be = f(() => e.chatController?.workJournal?.value), U = f(() => {
+			if (!be.value && !_e.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;
-		}), H = f(() => {
+		}), Se = f(() => {
 			let t = {};
-			for (let n of z.value) {
+			for (let n of B.value) {
 				if (n.sender === "user" || !n.toolActivities?.length) continue;
 				let r = e.chatController?.workJournalFor?.({
 					activities: n.toolActivities,
@@ -4635,7 +4635,7 @@ var Cr = [
 			return t;
 		});
 		function messageWorkJournal(e) {
-			return H.value[e.id];
+			return Se.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)));
@@ -4683,57 +4683,57 @@ var Cr = [
 				text: t.slice(i)
 			}), r;
 		}
-		let Ce = f(() => s.value?.transientIssue), U = f(() => {
+		let W = f(() => s.value?.transientIssue), Ce = f(() => {
 			if (!x.value) return;
-			let e = z.value, t = e[e.length - 1];
+			let e = B.value, t = e[e.length - 1];
 			return t?.sender === "agent" || t?.sender === "system" ? t.id : void 0;
-		}), we = f(() => !x.value || be.value || B.value || he.value.length ? !1 : U.value === void 0), Te = f(() => s.value?.sendBlockedReason), Ee = f(() => !c.value || Te.value !== void 0), De = f(() => T.value ? "Agent is offline" : te.value ? "Connecting..." : Te.value === "agent_deleted" ? "This assistant was deleted" : Te.value === "account" ? "Open billing to keep chatting" : `Message ${e.agent.displayName.value || e.agent.name.value || "assistant"}`), Oe = f(() => e.chatController?.composerState?.value ?? {
+		}), we = f(() => !x.value || H.value || be.value || _e.value.length ? !1 : Ce.value === void 0), Te = f(() => s.value?.sendBlockedReason), Ee = f(() => !c.value || Te.value !== void 0), De = f(() => T.value ? "Agent is offline" : te.value ? "Connecting..." : Te.value === "agent_deleted" ? "This assistant was deleted" : Te.value === "account" ? "Open billing to keep chatting" : `Message ${e.agent.displayName.value || e.agent.name.value || "assistant"}`), Oe = f(() => e.chatController?.composerState?.value ?? {
 			text: "",
 			pendingAttachments: [],
 			isUploading: !1
 		}), ke = f({
 			get: () => Oe.value.text,
 			set: (t) => e.chatController?.setComposerText?.({ text: t })
-		}), Ae = f(() => Oe.value.pendingAttachments), je = f(() => Oe.value.isUploading), W = f(() => e.chatController?.voiceRecorder), Me = f(() => W.value?.isBusy.value ?? !1), Ne = f(() => e.chatController?.canAttachFile?.value ?? !1), Fe = f(() => e.chatController?.canRecordAudio?.value ?? !1), Ie = f(() => e.chatController?.composerAction?.value ?? "idle"), Le = f(() => Ie.value !== "idle"), Re = f(() => Ie.value === "stop" ? "Stop reply" : "Send message"), Be = f(() => Fe.value && !Me.value && !!W.value?.canUseBrowserRecording), Ve = f(() => W.value?.isActive.value ?? !1), He = f(() => W.value?.elapsedLabel.value ?? "0:00"), Ue = f(() => W.value?.statusText.value ?? "Release to send"), We = f(() => W.value?.state.value.phase === "sending" ? "Sending voice message" : Ve.value ? "Release to send voice message" : "Hold to record voice message"), G = f(() => e.variant === "light"), Ge = f(() => G.value ? "bg-gradient-to-r from-transparent via-black/5 to-transparent" : "bg-gradient-to-r from-transparent via-white/5 to-transparent"), Ke = f(() => G.value ? "text-theme-300" : "text-white/30");
+		}), Ae = f(() => Oe.value.pendingAttachments), je = f(() => Oe.value.isUploading), Me = f(() => e.chatController?.voiceRecorder), Ne = f(() => Me.value?.isBusy.value ?? !1), Fe = f(() => e.chatController?.canAttachFile?.value ?? !1), Ie = f(() => e.chatController?.canRecordAudio?.value ?? !1), Le = f(() => e.chatController?.composerAction?.value ?? "idle"), Re = f(() => Le.value !== "idle"), Be = f(() => Le.value === "stop" ? "Stop reply" : "Send message"), Ve = f(() => Ie.value && !Ne.value && !!Me.value?.canUseBrowserRecording), He = f(() => Me.value?.isActive.value ?? !1), Ue = f(() => Me.value?.elapsedLabel.value ?? "0:00"), We = f(() => Me.value?.statusText.value ?? "Release to send"), Ge = f(() => Me.value?.state.value.phase === "sending" ? "Sending voice message" : He.value ? "Release to send voice message" : "Hold to record voice message"), G = f(() => e.variant === "light"), Ke = f(() => G.value ? "bg-gradient-to-r from-transparent via-black/5 to-transparent" : "bg-gradient-to-r from-transparent via-white/5 to-transparent"), Je = f(() => G.value ? "text-theme-300" : "text-white/30");
 		ne(async () => {
 			e.chatController && !c.value && await e.chatController.startTextConversation();
 		}), re(() => {
 			e.chatController?.voiceRecorder?.teardown();
 		});
 		async function sendMessage() {
-			!e.chatController || Ie.value !== "send" || (a.value && (a.value.style.height = "auto", a.value.focus()), i.value?.pin(), await e.chatController.sendComposerMessage());
+			!e.chatController || Le.value !== "send" || (a.value && (a.value.style.height = "auto", a.value.focus()), i.value?.pin(), await e.chatController.sendComposerMessage());
 		}
 		async function sendSuggestedPrompt(t) {
 			!e.chatController || Ee.value || (i.value?.pin(), await e.chatController.sendChatMessage(t.prompt));
 		}
 		async function handleComposerAction() {
-			e.chatController && (Ie.value === "send" && i.value?.pin(), await e.chatController.handleComposerAction());
+			e.chatController && (Le.value === "send" && i.value?.pin(), await e.chatController.handleComposerAction());
 		}
 		async function handleKeydown(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), await sendMessage());
 		}
 		function focusComposer(e) {
-			Ve.value || Ee.value || e.target instanceof Element && e.target.closest("button, a, textarea") || a.value?.focus();
+			He.value || Ee.value || e.target instanceof Element && e.target.closest("button, a, textarea") || a.value?.focus();
 		}
 		function adjustTextareaHeight() {
 			a.value && (a.value.style.height = "auto", a.value.style.height = `${Math.min(a.value.scrollHeight, 150)}px`);
 		}
-		ce(ke, () => S(() => adjustTextareaHeight()));
+		se(ke, () => S(() => adjustTextareaHeight()));
 		function triggerFileInput() {
 			o.value?.click();
 		}
 		async function handleFileSelect(t) {
 			let n = t.target, r = n.files?.[0];
-			!r || !e.chatController || Me.value || (await e.chatController.attachFile({ file: r }), n.value = "");
+			!r || !e.chatController || Ne.value || (await e.chatController.attachFile({ file: r }), n.value = "");
 		}
 		function removeAttachment(t) {
 			e.chatController?.removeAttachment({ index: t });
 		}
 		function startRecording() {
-			W.value?.start();
+			Me.value?.start();
 		}
 		function finishRecording(e) {
-			W.value?.finish(e);
+			Me.value?.finish(e);
 		}
 		function shouldShowTimeDivider(e, t) {
 			if (t === 0) {
@@ -4762,7 +4762,7 @@ var Cr = [
 				...o ? {} : { year: "numeric" }
 			})}, ${a}`;
 		}
-		return (t, s) => (k(), h("div", { class: C(["@container/chat relative flex h-full flex-col", z.value.length === 0 ? "justify-center" : ""]) }, [
+		return (t, s) => (k(), h("div", { class: C(["@container/chat relative flex h-full flex-col", B.value.length === 0 ? "justify-center" : ""]) }, [
 			e.showHeader && !G.value ? (k(), h("div", ni, [b(Pe, {
 				agent: e.agent,
 				"is-online": c.value
@@ -4772,11 +4772,11 @@ var Cr = [
 					"is-light": G.value,
 					class: "size-10"
 				}, null, 8, ["agent", "is-light"]),
-				_("div", ii, [_("div", ai, P(e.agent.displayName.value), 1), _("div", oi, P(e.agent.title.value || "Assistant"), 1)]),
-				e.headerMeta ? (k(), h("span", si, P(e.headerMeta), 1)) : m("", !0)
+				_("div", ii, [_("div", ai, F(e.agent.displayName.value), 1), _("div", oi, F(e.agent.title.value || "Assistant"), 1)]),
+				e.headerMeta ? (k(), h("span", si, F(e.headerMeta), 1)) : m("", !0)
 			], 2)])) : m("", !0),
-			se.value ? (k(), h("div", ci, [
-				_("p", { class: C(["text-[15px] font-semibold", G.value ? "text-theme-900" : "text-white"]) }, " Can't reach " + P(e.agent?.displayName.value || "your assistant") + " right now ", 3),
+			oe.value ? (k(), h("div", ci, [
+				_("p", { class: C(["text-[15px] font-semibold", G.value ? "text-theme-900" : "text-white"]) }, " Can't reach " + F(e.agent?.displayName.value || "your assistant") + " right now ", 3),
 				_("p", { class: C(["mt-1.5 max-w-[340px] text-pretty text-[13.5px] leading-relaxed", G.value ? "text-theme-500" : "text-white/60"]) }, " Your messages are safe. This usually clears on its own. ", 2),
 				_("button", {
 					type: "button",
@@ -4784,35 +4784,35 @@ var Cr = [
 					class: C(["mt-5 cursor-pointer rounded-full px-4 py-2 text-[13.5px] font-semibold transition-colors", G.value ? "text-theme-900 ring-1 ring-theme-200 hover:bg-theme-50" : "text-white ring-1 ring-white/20 hover:bg-white/10"]),
 					onClick: s[0] || (s[0] = (e) => retryConnection())
 				}, " Try again ", 2)
-			])) : pe.value ? (k(), h("div", {
+			])) : de.value ? (k(), h("div", {
 				key: 3,
 				class: C(["py-16 flex flex-col items-center justify-center gap-2 text-sm", G.value ? "text-theme-400" : "text-theme-600"])
-			}, [b(_e, { class: "size-4" })], 2)) : e.setupHint ? (k(), h("div", {
+			}, [b(he, { class: "size-4" })], 2)) : e.setupHint ? (k(), h("div", {
 				key: 4,
-				class: C(["flex items-center justify-center gap-1.5 py-2 text-[11px]", Ke.value])
-			}, [s[20] || (s[20] = _("i", { class: "i-tabler-tool size-3" }, null, -1)), _("span", null, P(e.setupHint), 1)], 2)) : m("", !0),
+				class: C(["flex items-center justify-center gap-1.5 py-2 text-[11px]", Je.value])
+			}, [s[21] || (s[21] = _("i", { class: "i-tabler-tool size-3" }, null, -1)), _("span", null, F(e.setupHint), 1)], 2)) : m("", !0),
 			b(ti, {
 				ref_key: "chatScroller",
 				ref: i,
-				class: C(z.value.length === 0 ? "flex-none" : "flex-1")
+				class: C(B.value.length === 0 ? "flex-none" : "flex-1")
 			}, {
-				default: ue(() => [_("div", { class: C([z.value.length === 0 ? "flex flex-col items-center justify-center px-3 py-4" : "pt-4 pb-[120px] px-3 space-y-2", e.centered ? "max-w-[720px] mx-auto w-full" : ""]) }, [
-					z.value.length === 0 && !pe.value && !se.value ? (k(), h("div", li, [ae(t.$slots, "empty-heading", {
+				default: ce(() => [_("div", { class: C([B.value.length === 0 ? "flex flex-col items-center justify-center px-3 py-4" : "pt-4 pb-[120px] px-3 space-y-2", e.centered ? "max-w-[720px] mx-auto w-full" : ""]) }, [
+					B.value.length === 0 && !de.value && !oe.value ? (k(), h("div", li, [ie(t.$slots, "empty-heading", {
 						agent: e.agent,
 						isLight: G.value
 					}, () => [b(ze, {
 						agent: e.agent,
 						"is-light": G.value,
 						class: "mb-4 size-20 @sm/chat:size-24"
-					}, null, 8, ["agent", "is-light"]), _("div", { class: C(["text-base @sm/chat:text-lg font-semibold", G.value ? "text-theme-900" : "text-white"]) }, P(e.agent.displayName.value), 3)]), e.emptyStateMessage === "" ? m("", !0) : (k(), h(u, { key: 0 }, [_("p", { class: C(["mt-1 text-center text-xs @sm/chat:text-sm", Ke.value]) }, P(e.emptyStateMessage || "Type your message to get started."), 3), _("div", {
+					}, null, 8, ["agent", "is-light"]), _("div", { class: C(["text-base @sm/chat:text-lg font-semibold", G.value ? "text-theme-900" : "text-white"]) }, F(e.agent.displayName.value), 3)]), e.emptyStateMessage === "" ? m("", !0) : (k(), h(u, { key: 0 }, [_("p", { class: C(["mt-1 text-center text-xs @sm/chat:text-sm", Je.value]) }, F(e.emptyStateMessage || "Type your message to get started."), 3), _("div", {
 						class: C(["inline-flex items-center gap-1.5 mt-5 px-2.5 py-1 rounded-full text-[11px]", G.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
-					}, [_("i", { class: C([n.value.icon, "size-3"]) }, null, 2), _("span", null, P(n.value.label), 1)], 10, ui)], 64))])) : m("", !0),
-					(k(!0), h(u, null, A(z.value, (e, t) => (k(), h(u, { key: e.id }, [
-						shouldShowTimeDivider(z.value, t) ? (k(), h("div", di, [
-							_("div", { class: C(["flex-1 h-px", Ge.value]) }, null, 2),
-							_("span", { class: C(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", Ke.value]) }, P(shouldShowTimeDivider(z.value, t)), 3),
-							_("div", { class: C(["flex-1 h-px", Ge.value]) }, null, 2)
+					}, [_("i", { class: C([n.value.icon, "size-3"]) }, null, 2), _("span", null, F(n.value.label), 1)], 10, ui)], 64))])) : m("", !0),
+					(k(!0), h(u, null, j(B.value, (e, t) => (k(), h(u, { key: e.id }, [
+						shouldShowTimeDivider(B.value, t) ? (k(), h("div", di, [
+							_("div", { class: C(["flex-1 h-px", Ke.value]) }, null, 2),
+							_("span", { class: C(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", Je.value]) }, F(shouldShowTimeDivider(B.value, t)), 3),
+							_("div", { class: C(["flex-1 h-px", Ke.value]) }, null, 2)
 						])) : m("", !0),
 						messageWorkJournal(e) ? (k(), h("div", {
 							key: 1,
@@ -4835,14 +4835,14 @@ var Cr = [
 							"data-issue-bucket": e.issue?.bucket,
 							"data-issue-action-label": e.issue?.actionLabel,
 							"data-issue-action-url": e.issue?.actionUrl,
-							"data-streaming": e.id === U.value ? "true" : void 0,
+							"data-streaming": e.id === Ce.value ? "true" : void 0,
 							class: "flex gap-2 items-end justify-start mb-4"
 						}, [_("div", mi, [_("div", { class: C(["mb-1 pl-1 text-[11px] font-medium", G.value ? "text-theme-500" : "text-white/45"]) }, " System Message ", 2), _("div", { class: C(["rounded-[20px] rounded-bl-[4px] px-4 py-2.5 border system-msg-content", G.value ? "bg-theme-25 border-theme-100 text-theme-700" : "bg-white/[0.08] border-white/10 text-white/85"]) }, [e.text ? (k(), p($r, {
 							key: 0,
 							text: e.text,
 							inverted: !G.value,
-							streaming: e.id === U.value,
-							onClick: s[1] || (s[1] = R(() => {}, ["stop"]))
+							streaming: e.id === Ce.value,
+							onClick: s[1] || (s[1] = z(() => {}, ["stop"]))
 						}, null, 8, [
 							"text",
 							"inverted",
@@ -4856,8 +4856,8 @@ var Cr = [
 							href: e.issue.actionUrl,
 							"data-test": "messaging-system-msg-action",
 							class: C(["mt-2 text-[12px] font-medium inline-flex items-center gap-1", G.value ? "text-theme-900 hover:text-theme-700" : "text-white hover:text-white/80"]),
-							onClick: s[2] || (s[2] = R(() => {}, ["stop"]))
-						}, [v(P(e.issue.actionLabel) + " ", 1), s[21] || (s[21] = _("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, hi)) : m("", !0)], 2)])], 8, pi)) : e.sender === "system" ? (k(), h("div", {
+							onClick: s[2] || (s[2] = z(() => {}, ["stop"]))
+						}, [v(F(e.issue.actionLabel) + " ", 1), s[22] || (s[22] = _("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, hi)) : m("", !0)], 2)])], 8, pi)) : e.sender === "system" ? (k(), h("div", {
 							key: 3,
 							"data-test": "messaging-system-status-msg",
 							"data-message-id": e.id,
@@ -4867,12 +4867,12 @@ var Cr = [
 							"data-system-kind": e.systemKind,
 							"data-issue-code": e.issue?.code,
 							"data-issue-bucket": e.issue?.bucket,
-							"data-streaming": e.id === U.value ? "true" : void 0,
+							"data-streaming": e.id === Ce.value ? "true" : void 0,
 							class: C(["flex items-start gap-2 px-3 py-2 text-[13px] leading-relaxed", G.value ? "text-theme-500" : "text-white/60"])
-						}, [s[22] || (s[22] = _("i", { class: "i-tabler-info-circle size-4 mt-0.5 shrink-0" }, null, -1)), b($r, {
+						}, [s[23] || (s[23] = _("i", { class: "i-tabler-info-circle size-4 mt-0.5 shrink-0" }, null, -1)), b($r, {
 							text: e.text,
 							inverted: !G.value,
-							onClick: s[3] || (s[3] = R(() => {}, ["stop"]))
+							onClick: s[3] || (s[3] = z(() => {}, ["stop"]))
 						}, null, 8, ["text", "inverted"])], 10, gi)) : (k(), h("div", {
 							key: 4,
 							"data-test": e.sender === "agent" ? "messaging-assistant-msg" : e.sender === "user" ? "messaging-user-msg" : void 0,
@@ -4881,11 +4881,11 @@ var Cr = [
 							"data-conversation-id": e.conversationId,
 							"data-message-sequence": e.sequence,
 							"data-system-kind": e.systemKind,
-							"data-streaming": e.id === U.value ? "true" : void 0,
+							"data-streaming": e.id === Ce.value ? "true" : void 0,
 							class: C(["flex gap-2 items-end", {
 								"justify-end": e.sender === "user",
 								"justify-start": e.sender === "agent",
-								"mb-6": isGroupEnd(z.value, t)
+								"mb-6": isGroupEnd(B.value, t)
 							}])
 						}, [_("div", {
 							"data-test": "messaging-message-body",
@@ -4893,7 +4893,7 @@ var Cr = [
 						}, [blockAttachmentsForMessage(e).length ? (k(), h("div", {
 							key: 0,
 							class: C(["mb-1 space-y-1", e.sender === "user" ? "flex flex-col items-end" : ""])
-						}, [(k(!0), h(u, null, A(blockAttachmentsForMessage(e), ({ attachment: e, index: t }) => (k(), h(u, { key: attachmentKey(e, t) }, [e.type === "image" ? (k(), h("img", {
+						}, [(k(!0), h(u, null, j(blockAttachmentsForMessage(e), ({ attachment: e, index: t }) => (k(), h(u, { key: attachmentKey(e, t) }, [e.type === "image" ? (k(), h("img", {
 							key: 0,
 							src: e.src,
 							alt: e.filename,
@@ -4915,15 +4915,15 @@ var Cr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
 							class: C(["inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", G.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
-						}, [s[23] || (s[23] = _("i", { class: "i-tabler-file size-3.5" }, null, -1)), v(" " + P(e.filename), 1)], 10, bi))], 64))), 128))], 2)) : m("", !0), messageRenderParts(e).length ? (k(), h("div", {
+						}, [s[24] || (s[24] = _("i", { class: "i-tabler-file size-3.5" }, null, -1)), v(" " + F(e.filename), 1)], 10, bi))], 64))), 128))], 2)) : m("", !0), messageRenderParts(e).length ? (k(), h("div", {
 							key: 1,
 							"data-test": "messaging-message-content",
 							class: C(e.sender === "user" ? G.value ? "rounded-[20px] rounded-br-[4px] px-4 py-2.5 bg-theme-900 text-theme-0 shadow-[0_1px_2px_rgba(5,15,25,0.14)]" : "rounded-[20px] rounded-br-[4px] px-4 py-2.5 bg-theme-0 text-theme-950" : G.value ? "text-theme-800" : "text-white/95")
-						}, [(k(!0), h(u, null, A(messageRenderParts(e), (t) => (k(), h(u, { key: t.key }, [t.kind === "text" && t.text ? (k(), h("div", xi, [b($r, {
+						}, [(k(!0), h(u, null, j(messageRenderParts(e), (t) => (k(), h(u, { key: t.key }, [t.kind === "text" && t.text ? (k(), h("div", xi, [b($r, {
 							text: t.text,
 							inverted: e.sender === "user" || !G.value,
-							streaming: e.id === U.value,
-							onClick: s[4] || (s[4] = R(() => {}, ["stop"]))
+							streaming: e.id === Ce.value,
+							onClick: s[4] || (s[4] = z(() => {}, ["stop"]))
 						}, null, 8, [
 							"text",
 							"inverted",
@@ -4950,8 +4950,8 @@ var Cr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
 							class: C(["my-2 inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", G.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
-						}, [s[24] || (s[24] = _("i", { class: "i-tabler-file size-3.5" }, null, -1)), v(" " + P(t.attachment.filename), 1)], 10, wi)) : m("", !0)], 64))), 128))], 2)) : m("", !0)], 2)], 10, _i)),
-						e.id === Se.value ? (k(), h(u, { key: 5 }, [he.value.length ? (k(!0), h(u, { key: 0 }, A(he.value, (e) => (k(), h(u, { key: e.id }, [e.kind === "work" ? (k(), h("div", {
+						}, [s[25] || (s[25] = _("i", { class: "i-tabler-file size-3.5" }, null, -1)), v(" " + F(t.attachment.filename), 1)], 10, wi)) : m("", !0)], 64))), 128))], 2)) : m("", !0)], 2)], 10, _i)),
+						e.id === U.value ? (k(), h(u, { key: 5 }, [_e.value.length ? (k(!0), h(u, { key: 0 }, j(_e.value, (e) => (k(), h(u, { key: e.id }, [e.kind === "work" ? (k(), h("div", {
 							key: 0,
 							"data-test": "messaging-tool-activity",
 							"data-journal-outcome": e.journal.outcome,
@@ -4967,47 +4967,47 @@ var Cr = [
 							text: e.content,
 							inverted: !G.value,
 							streaming: e.id === ve.value,
-							onClick: s[5] || (s[5] = R(() => {}, ["stop"]))
+							onClick: s[5] || (s[5] = z(() => {}, ["stop"]))
 						}, null, 8, [
 							"text",
 							"inverted",
 							"streaming"
-						])], 2)) : (k(), h("div", Ei, [b(_e, { class: C(["size-3.5", G.value ? "text-theme-500" : "text-white/70"]) }, null, 8, ["class"])]))], 64))), 128)) : B.value ? (k(), h("div", {
+						])], 2)) : (k(), h("div", Ei, [b(he, { class: C(["size-3.5", G.value ? "text-theme-500" : "text-white/70"]) }, null, 8, ["class"])]))], 64))), 128)) : be.value ? (k(), h("div", {
 							key: 1,
 							"data-test": "messaging-tool-activity",
-							"data-journal-outcome": B.value.outcome,
+							"data-journal-outcome": be.value.outcome,
 							class: "mb-4 w-full"
 						}, [b(qe, {
-							model: B.value,
+							model: be.value,
 							"is-light": G.value
 						}, null, 8, ["model", "is-light"])], 8, Di)) : m("", !0)], 64)) : m("", !0)
 					], 64))), 128)),
-					be.value ? (k(), h("div", {
+					H.value ? (k(), h("div", {
 						key: 1,
 						"data-test": "messaging-working-state",
-						"data-working-description": be.value,
+						"data-working-description": H.value,
 						class: C(["flex items-center gap-1.5 pl-2 pr-3 pb-1 mb-3 text-[12px] leading-none", G.value ? "text-theme-500" : "text-white/45"])
-					}, [s[25] || (s[25] = _("i", {
+					}, [s[26] || (s[26] = _("i", {
 						class: "i-tabler-loader-2 size-3.5 shrink-0 animate-spin opacity-70",
 						"aria-hidden": "true"
-					}, null, -1)), _("span", ki, P(be.value), 1)], 10, Oi)) : m("", !0),
-					Ce.value ? (k(), h("div", {
+					}, null, -1)), _("span", ki, F(H.value), 1)], 10, Oi)) : m("", !0),
+					W.value ? (k(), h("div", {
 						key: 2,
 						"data-test": "messaging-transient-issue",
-						"data-issue-code": Ce.value.code,
+						"data-issue-code": W.value.code,
 						class: C(["flex items-center gap-1.5 pl-2 pr-3 pb-1 mb-3 text-[12px] leading-snug", G.value ? "text-theme-600" : "text-white/60"])
 					}, [
-						s[26] || (s[26] = _("i", {
+						s[27] || (s[27] = _("i", {
 							class: "i-tabler-alert-circle size-3.5 shrink-0 text-red-500",
 							"aria-hidden": "true"
 						}, null, -1)),
-						_("span", null, [v(P(Ce.value.message), 1), Ce.value.help ? (k(), h(u, { key: 0 }, [v(P(Ce.value.help), 1)], 64)) : m("", !0)]),
-						Ce.value.actionUrl && Ce.value.actionLabel ? (k(), h("a", {
+						_("span", null, [v(F(W.value.message), 1), W.value.help ? (k(), h(u, { key: 0 }, [v(F(W.value.help), 1)], 64)) : m("", !0)]),
+						W.value.actionUrl && W.value.actionLabel ? (k(), h("a", {
 							key: 0,
-							href: Ce.value.actionUrl,
+							href: W.value.actionUrl,
 							class: "shrink-0 underline underline-offset-2",
-							onClick: s[6] || (s[6] = R(() => {}, ["stop"]))
-						}, P(Ce.value.actionLabel), 9, ji)) : m("", !0)
+							onClick: s[6] || (s[6] = z(() => {}, ["stop"]))
+						}, F(W.value.actionLabel), 9, ji)) : m("", !0)
 					], 10, Ai)) : m("", !0),
 					we.value ? (k(), h("div", Mi, [_("i", {
 						class: C(["i-svg-spinners-3-dots-bounce size-7", G.value ? "text-theme-400" : "text-white/50"]),
@@ -5016,11 +5016,11 @@ var Cr = [
 				], 2)]),
 				_: 3
 			}, 8, ["class"]),
-			_("div", { class: C(["left-0 right-0 z-30 px-5 pb-4 pt-3", [z.value.length === 0 ? "relative shrink-0" : "absolute bottom-0", G.value ? "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"]]) }, [
+			_("div", { class: C(["left-0 right-0 z-30 px-5 pb-4 pt-3", [B.value.length === 0 ? "relative shrink-0" : "absolute bottom-0", G.value ? "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"]]) }, [
 				Ae.value.length > 0 ? (k(), h("div", {
 					key: 0,
 					class: C(["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" : ""])
-				}, [(k(!0), h(u, null, A(Ae.value, (e, t) => (k(), h("div", {
+				}, [(k(!0), h(u, null, j(Ae.value, (e, t) => (k(), h("div", {
 					key: t,
 					class: "relative shrink-0 group"
 				}, [e.type === "image" ? (k(), h("img", {
@@ -5031,11 +5031,11 @@ var Cr = [
 				}, null, 10, Ni)) : (k(), h("div", {
 					key: 1,
 					class: C(["h-14 px-3 rounded-xl flex items-center gap-1.5 text-xs border", G.value ? "border-black/10 bg-theme-50 text-theme-600" : "border-white/20 bg-white/10 text-white/70"])
-				}, [s[27] || (s[27] = _("i", { class: "i-tabler-file size-4" }, null, -1)), _("span", Pi, P(e.filename), 1)], 2)), _("button", {
+				}, [s[28] || (s[28] = _("i", { class: "i-tabler-file size-4" }, null, -1)), _("span", Pi, F(e.filename), 1)], 2)), _("button", {
 					class: "absolute -top-1.5 -right-1.5 size-5 flex items-center justify-center rounded-full bg-theme-800 text-white text-xs scale-0 group-hover:scale-100 transition-transform cursor-pointer",
 					onClick: (e) => removeAttachment(t)
-				}, [...s[28] || (s[28] = [_("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, Fi)]))), 128)), je.value ? (k(), h("div", Ii, [b(_e, { class: "size-5" })])) : m("", !0)], 2)) : m("", !0),
-				Ne.value ? (k(), h("input", {
+				}, [...s[29] || (s[29] = [_("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, Fi)]))), 128)), je.value ? (k(), h("div", Ii, [b(he, { class: "size-5" })])) : m("", !0)], 2)) : m("", !0),
+				Fe.value ? (k(), h("input", {
 					key: 1,
 					ref_key: "fileInput",
 					ref: o,
@@ -5046,18 +5046,18 @@ var Cr = [
 				}, null, 544)) : m("", !0),
 				_("div", {
 					"data-test": "messaging-composer",
-					"data-composer-action": Ie.value,
+					"data-composer-action": Le.value,
 					class: C(["w-full cursor-text rounded-2xl px-4 pb-2.5 pt-3 transition-colors duration-200", [e.centered ? "max-w-[720px] mx-auto" : "", G.value ? r.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-300" : "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" : r.value ? "bg-white/15 backdrop-blur-xl ring-1 ring-white/25" : "bg-white/10 backdrop-blur-xl ring-1 ring-white/15 hover:ring-white/25"]]),
 					onClick: focusComposer
-				}, [Ve.value ? (k(), h("div", {
+				}, [He.value ? (k(), h("div", {
 					key: 1,
 					"data-test": "messaging-recording-state",
 					class: C(["flex min-w-0 items-center gap-2 py-1", G.value ? "text-theme-700" : "text-white/80"])
 				}, [
-					s[29] || (s[29] = _("span", { class: "size-2.5 shrink-0 rounded-full bg-red-500" }, null, -1)),
-					_("span", zi, P(He.value), 1),
-					_("span", { class: C(["min-w-0 truncate text-sm", G.value ? "text-theme-400" : "text-white/45"]) }, P(Ue.value), 3)
-				], 2)) : I((k(), h("textarea", {
+					s[30] || (s[30] = _("span", { class: "size-2.5 shrink-0 rounded-full bg-red-500" }, null, -1)),
+					_("span", zi, F(Ue.value), 1),
+					_("span", { class: C(["min-w-0 truncate text-sm", G.value ? "text-theme-400" : "text-white/45"]) }, F(We.value), 3)
+				], 2)) : R((k(), h("textarea", {
 					key: 0,
 					ref_key: "textarea",
 					ref: a,
@@ -5075,53 +5075,59 @@ var Cr = [
 					onKeydown: handleKeydown,
 					onFocus: s[8] || (s[8] = (e) => r.value = !0),
 					onBlur: s[9] || (s[9] = (e) => r.value = !1)
-				}, null, 42, Ri)), [[F, ke.value]]), _("div", Bi, [
+				}, null, 42, Ri)), [[I, ke.value]]), _("div", Bi, [
 					_("button", {
 						class: C(["-ml-2 flex size-8 items-center justify-center transition-opacity hover:opacity-70", [
-							Ne.value ? "cursor-pointer" : "cursor-default",
+							Fe.value ? "cursor-pointer" : "cursor-default",
 							G.value ? "text-theme-500" : "text-white/50",
-							je.value || Me.value ? "opacity-50 pointer-events-none" : ""
+							je.value || Ne.value ? "opacity-50 pointer-events-none" : ""
 						]]),
-						disabled: Ee.value || je.value || Me.value || !Ne.value,
-						"aria-label": Ne.value ? "Attach file" : "File attachments unavailable",
-						title: Ne.value ? "Attach file" : "File attachments unavailable",
-						onClick: s[10] || (s[10] = (e) => Ne.value && triggerFileInput())
-					}, [je.value ? (k(), h("i", Hi)) : (k(), h("i", Ui)), _("span", Wi, P(Ne.value ? "Attach file" : "File attachments unavailable"), 1)], 10, Vi),
-					s[30] || (s[30] = _("div", { class: "flex-1" }, null, -1)),
-					_("div", Gi, [Be.value || Ve.value ? (k(), h("button", {
+						disabled: Ee.value || je.value || Ne.value || !Fe.value,
+						"aria-label": Fe.value ? "Attach file" : "File attachments unavailable",
+						title: Fe.value ? "Attach file" : "File attachments unavailable",
+						onClick: s[10] || (s[10] = (e) => Fe.value && triggerFileInput())
+					}, [je.value ? (k(), h("i", Hi)) : (k(), h("i", Ui)), _("span", Wi, F(Fe.value ? "Attach file" : "File attachments unavailable"), 1)], 10, Vi),
+					s[31] || (s[31] = _("div", { class: "flex-1" }, null, -1)),
+					_("div", Gi, [Ve.value || He.value ? (k(), h("button", {
 						key: 0,
 						"data-test": "messaging-record-audio-btn",
-						class: C(["flex size-8 cursor-pointer items-center justify-center transition-[opacity,transform] duration-200 hover:opacity-70", Ve.value ? G.value ? "text-theme-900 scale-110" : "text-white scale-110" : G.value ? "text-theme-500" : "text-white/60"]),
-						"aria-label": We.value,
-						title: We.value,
-						onPointerdown: s[11] || (s[11] = R((e) => startRecording(), ["prevent"])),
-						onPointerup: s[12] || (s[12] = R((e) => finishRecording({ cancelled: !1 }), ["prevent"])),
-						onPointercancel: s[13] || (s[13] = R((e) => finishRecording({ cancelled: !0 }), ["prevent"])),
+						class: C(["flex size-8 cursor-pointer items-center justify-center transition-[opacity,transform] duration-200 hover:opacity-70", He.value ? G.value ? "text-theme-900 scale-110" : "text-white scale-110" : G.value ? "text-theme-500" : "text-white/60"]),
+						"aria-label": Ge.value,
+						title: Ge.value,
+						onPointerdown: s[11] || (s[11] = z((e) => startRecording(), ["prevent"])),
+						onPointerup: s[12] || (s[12] = z((e) => finishRecording({ cancelled: !1 }), ["prevent"])),
+						onPointercancel: s[13] || (s[13] = z((e) => finishRecording({ cancelled: !0 }), ["prevent"])),
 						onKeydown: [
-							s[14] || (s[14] = de(R((e) => startRecording(), ["prevent"]), ["enter"])),
-							s[16] || (s[16] = de(R((e) => startRecording(), ["prevent"]), ["space"])),
-							s[18] || (s[18] = de(R((e) => finishRecording({ cancelled: !0 }), ["prevent"]), ["escape"]))
+							s[14] || (s[14] = ue(z((e) => startRecording(), ["prevent"]), ["enter"])),
+							s[16] || (s[16] = ue(z((e) => startRecording(), ["prevent"]), ["space"])),
+							s[18] || (s[18] = ue(z((e) => finishRecording({ cancelled: !0 }), ["prevent"]), ["escape"]))
 						],
-						onKeyup: [s[15] || (s[15] = de(R((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["enter"])), s[17] || (s[17] = de(R((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["space"]))]
-					}, [_("i", { class: C([Ve.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), _("span", qi, P(We.value), 1)], 42, Ki)) : m("", !0), Ve.value ? m("", !0) : (k(), h("button", {
+						onKeyup: [s[15] || (s[15] = ue(z((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["enter"])), s[17] || (s[17] = ue(z((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["space"]))]
+					}, [_("i", { class: C([He.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), _("span", qi, F(Ge.value), 1)], 42, Ki)) : m("", !0), He.value ? m("", !0) : (k(), h("button", {
 						key: 1,
 						"data-test": "messaging-send-btn",
-						"data-composer-action": Ie.value,
-						class: C(["flex size-8 items-center justify-center rounded-full transition-colors duration-150", Le.value ? G.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" : G.value ? "bg-theme-100 text-theme-400" : "bg-white/10 text-white/30"]),
-						disabled: !Le.value,
-						"aria-label": Re.value,
-						title: Re.value,
+						"data-composer-action": Le.value,
+						class: C(["flex size-8 items-center justify-center rounded-full transition-colors duration-150", Re.value ? G.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" : G.value ? "bg-theme-100 text-theme-400" : "bg-white/10 text-white/30"]),
+						disabled: !Re.value,
+						"aria-label": Be.value,
+						title: Be.value,
 						onClick: s[19] || (s[19] = (e) => handleComposerAction())
-					}, [Ie.value === "stop" ? (k(), h("i", Yi)) : (k(), h("i", Xi)), _("span", Zi, P(Re.value), 1)], 10, Ji))])
+					}, [Le.value === "stop" ? (k(), h("i", Yi)) : (k(), h("i", Xi)), _("span", Zi, F(Be.value), 1)], 10, Ji))])
 				])], 10, Li),
-				z.value.length === 0 && e.suggestedPrompts.length > 0 ? (k(), h("div", Qi, [_("div", $i, [(k(!0), h(u, null, A(e.suggestedPrompts, (e) => (k(), h("button", {
+				B.value.length === 0 && e.suggestedPrompts.length > 0 ? (k(), h("div", Qi, [_("div", $i, [(k(!0), h(u, null, j(e.suggestedPrompts, (e, t) => (k(), h("button", {
 					key: e.id,
 					type: "button",
 					disabled: Ee.value,
 					"data-test": "messaging-suggested-prompt",
-					class: C(["w-full rounded-2xl bg-theme-50 px-4 py-3 text-left text-[14.5px] font-medium transition-colors sm:w-auto sm:rounded-full sm:py-2 sm:text-center sm:text-[14px]", Ee.value ? "cursor-not-allowed text-theme-300" : "cursor-pointer text-theme-600 hover:bg-theme-100 hover:text-theme-900"]),
+					class: C(["w-full rounded-2xl bg-theme-50 px-4 py-3 text-left text-[14.5px] font-medium transition-colors sm:w-auto sm:rounded-full sm:py-2 sm:text-center sm:text-[14px]", [Ee.value ? "cursor-not-allowed text-theme-300" : "cursor-pointer text-theme-600 hover:bg-theme-100 hover:text-theme-900", !pe.value && t >= 3 ? "max-sm:hidden" : ""]]),
 					onClick: (t) => sendSuggestedPrompt(e)
-				}, P(e.label), 11, ea))), 128))])])) : m("", !0)
+				}, F(e.label), 11, ea))), 128)), !pe.value && e.suggestedPrompts.length > 3 ? (k(), h("button", {
+					key: 0,
+					type: "button",
+					"data-test": "messaging-suggested-prompts-more",
+					class: "w-full cursor-pointer px-4 py-2 text-center text-[13.5px] font-medium text-theme-400 transition-colors active:text-theme-900 sm:hidden",
+					onClick: s[20] || (s[20] = (e) => pe.value = !0)
+				}, " More questions ")) : m("", !0)])])) : m("", !0)
 			], 2)
 		], 2));
 	}
@@ -5154,7 +5160,7 @@ var Cr = [
 		let r = a("AgentWrap"), i = e, o = i.sdk || t.getInstance({
 			isDev: typeof window < "u" ? window.location.hostname === "localhost" || window.location.hostname.includes("127.0.0.1") : !1,
 			...i.apiBase && { apiBase: i.apiBase }
-		}), s = j(!i.agent), c = j(i.agent ? new n({ config: i.agent }) : void 0), u = j();
+		}), s = P(!i.agent), c = P(i.agent ? new n({ config: i.agent }) : void 0), u = P();
 		async function loadAgent() {
 			if (i.agent) {
 				r.debug("Agent provided via props, skipping fetch", {
@@ -5230,8 +5236,8 @@ var Cr = [
 				});
 			}
 		}
-		return ne(loadAgent), (t, n) => (k(), h("div", ra, [s.value ? (k(), h("div", ia, [_("div", { class: C(["size-6 animate-spin rounded-full border-b-2", i.bare ? "border-theme-400" : "border-white"]) }, null, 2)])) : c.value ? ae(t.$slots, "default", {
-			sdk: se(o),
+		return ne(loadAgent), (t, n) => (k(), h("div", ra, [s.value ? (k(), h("div", ia, [_("div", { class: C(["size-6 animate-spin rounded-full border-b-2", i.bare ? "border-theme-400" : "border-white"]) }, null, 2)])) : c.value ? ie(t.$slots, "default", {
+			sdk: oe(o),
 			agent: c.value,
 			context: e.clientContext ?? e.context,
 			firstMessage: e.firstMessage,
@@ -5247,6 +5253,6 @@ var Cr = [
 	}
 });
 //#endregion
-export { ke as a, getAgentAvatarUrl as c, AgentChatController as d, ve as f, Pe as i, handleImageError as l, _e as m, na as n, De as o, n as p, $r as r, Te as s, oa as t, parseButtonTemplate as u };
+export { Oe as a, getAgentAvatarUrl as c, AgentChatController as d, _e as f, Pe as i, handleImageError as l, he as m, na as n, Ee as o, n as p, $r as r, we as s, oa as t, parseButtonTemplate as u };
 
 //# sourceMappingURL=AgentWrap.js.map