@pagelines/sdk 1.0.758 → 1.0.760

package/dist/AgentWrap.js

@@ -1,12 +1,12 @@
 import "./rolldown-runtime.js";
 import { s as e, t } from "./sdkClient.js";
 import { Agent as n, CHAT_ISSUE_COPY as r, SettingsObject as i, createLogger as a, getDefaultAvatarUrl as o, isAssistantSilenceControl as s, parseChatCardFencePayload as c, parseChatVisualFencePayload as u } from "@pagelines/core";
-import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as _, createElementVNode as v, createTextVNode as te, createVNode as b, defineComponent as x, nextTick as ne, normalizeClass as S, normalizeStyle as C, onBeforeUnmount as re, onMounted as ie, onUnmounted as ae, openBlock as T, ref as k, renderList as A, renderSlot as oe, resolveDynamicComponent as j, shallowRef as se, toDisplayString as M, unref as ce, vModelText as ue, watch as de, withCtx as P, withDirectives as pe, withKeys as he, withModifiers as F } from "vue";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as _, createElementVNode as v, createTextVNode as b, createVNode as x, defineComponent as S, nextTick as C, normalizeClass as T, normalizeStyle as k, onBeforeUnmount as te, onMounted as ne, onUnmounted as re, openBlock as A, ref as j, renderList as M, renderSlot as ie, resolveDynamicComponent as P, shallowRef as ae, toDisplayString as F, unref as oe, vModelText as se, watch as ce, withCtx as I, withDirectives as ue, withKeys as de, withModifiers as pe } from "vue";
 //#region ui/FSpinner.vue?vue&type=script&setup=true&lang.ts
-var I = { class: "spinner max-w-sm" }, R = {
+var R = { class: "spinner max-w-sm" }, B = {
 	class: "ring-circular h-full w-full origin-center",
 	viewBox: "25 25 50 50"
-}, _e = /* @__PURE__ */ x({
+}, he = /* @__PURE__ */ S({
 	__name: "FSpinner",
 	props: {
 		width: {
@@ -19,8 +19,8 @@ var I = { class: "spinner max-w-sm" }, R = {
 		}
 	},
 	setup(e) {
-		return (t, n) => (T(), _("div", I, [(T(), _("svg", R, [v("circle", {
-			class: S([e.colorMode, "ring-path"]),
+		return (t, n) => (A(), _("div", R, [(A(), _("svg", B, [v("circle", {
+			class: T([e.colorMode, "ring-path"]),
 			cx: "50",
 			cy: "50",
 			r: "20",
@@ -30,7 +30,7 @@ var I = { class: "spinner max-w-sm" }, R = {
 			"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", k({
+		super("VoiceRecorderController", t), e(this, "state", j({
 			phase: "idle",
 			elapsedMs: 0
 		})), e(this, "isActive", p(() => this.state.value.phase !== "idle")), e(this, "isBusy", p(() => this.state.value.phase !== "idle")), e(this, "elapsedLabel", p(() => formatVoiceRecordingDuration({ ms: this.state.value.elapsedMs }))), e(this, "statusText", p(() => this.state.value.phase === "preparing" ? "Starting microphone" : this.state.value.phase === "sending" ? "Sending voice message" : "Release to send")), e(this, "recorder", void 0), e(this, "stream", void 0), e(this, "chunks", []), e(this, "timer", void 0), e(this, "startedAt", 0), e(this, "cancelOnStop", !1), e(this, "stopAfterStart", !1), e(this, "startToken", 0);
@@ -185,7 +185,7 @@ var VoiceRecorderController = class extends i {
 function durableJournalOutcome(e) {
 	return e.turnOutcome === "failed" ? "failed" : e.turnOutcome === "stopped" ? "stopped" : e.sender === "system" ? "failed" : "completed";
 }
-var B = {
+var H = {
 	waiting: "Waiting for results",
 	finishing: "Finishing up",
 	completed: "Work complete",
@@ -193,7 +193,7 @@ var B = {
 	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."
-}, ye = 15e3, H = 6e4, be = 3;
+}, ve = 15e3, U = 6e4, ye = 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 <= ye) {
+		if (t === "done" && n?.tone === "done" && n.label === e.label && eventMs(e) - n.lastMs <= ve) {
 			n.count += 1, n.lastMs = eventMs(e);
 			continue;
 		}
@@ -230,12 +230,12 @@ function milestoneRows(e, t) {
 	}));
 }
 function splitRows(e) {
-	return e.length <= be ? {
+	return e.length <= ye ? {
 		visibleRows: e,
 		hiddenRows: []
 	} : {
-		visibleRows: e.slice(e.length - be),
-		hiddenRows: e.slice(0, e.length - be)
+		visibleRows: e.slice(e.length - ye),
+		hiddenRows: e.slice(0, e.length - ye)
 	};
 }
 function buildWorkJournalModel(e) {
@@ -247,7 +247,7 @@ function buildWorkJournalModel(e) {
 		terminal: {
 			id: "work-complete",
 			tone: "completed",
-			label: B.completed
+			label: H.completed
 		}
 	};
 	if (n === "failed") {
@@ -261,7 +261,7 @@ function buildWorkJournalModel(e) {
 			terminal: {
 				id: "work-failed",
 				tone: "failed",
-				label: B.failed,
+				label: H.failed,
 				...o && e?.note ? { note: e.note } : {}
 			}
 		};
@@ -275,25 +275,25 @@ function buildWorkJournalModel(e) {
 			terminal: {
 				id: "work-stopped",
 				tone: "stopped",
-				label: B.stopped
+				label: H.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 + ye, _ = (Number.isFinite(m) ? m : p) + H, v = r >= h, te = u || v ? {
+	}, Infinity), h = p + ve, _ = (Number.isFinite(m) ? m : p) + U, v = r >= h, b = u || v ? {
 		id: u?.activityId ?? "work-active",
 		tone: "active",
-		label: v ? u ? B.waiting : B.finishing : u.label
-	} : void 0, b = v && r >= _ ? i ? B.notifyHint : B.leaveHint : void 0, x = [h, _].filter((e) => e > r).sort((e, t) => e - t)[0];
+		label: v ? u ? H.waiting : H.finishing : u.label
+	} : void 0, x = v && r >= _ ? i ? H.notifyHint : H.leaveHint : void 0, S = [h, _].filter((e) => e > r).sort((e, t) => e - t)[0];
 	return {
 		outcome: n,
 		visibleRows: s,
 		hiddenRows: c,
-		...te ? { terminal: te } : {},
-		...b ? { hint: b } : {},
-		...x === void 0 ? {} : { nextBoundaryAtMs: x }
+		...b ? { terminal: b } : {},
+		...x ? { hint: x } : {},
+		...S === void 0 ? {} : { nextBoundaryAtMs: S }
 	};
 }
 function buildLiveTurnBlocks(e) {
@@ -352,17 +352,17 @@ function buildLiveTurnBlocks(e) {
 }
 //#endregion
 //#region agent/AgentController.ts
-var U = /* @__PURE__ */ new Set(["CREDIT_LIMIT", "OVERAGE_CAP"]), Se = /* @__PURE__ */ new Set([
-	...U,
+var W = /* @__PURE__ */ new Set(["CREDIT_LIMIT", "OVERAGE_CAP"]), be = /* @__PURE__ */ new Set([
+	...W,
 	"EMPTY_STREAM",
 	"RATE_LIMIT"
-]), W = /* @__PURE__ */ new Set(["agent_deleted", "AGENT_DELETED"]), Ce = {
+]), G = /* @__PURE__ */ new Set(["agent_deleted", "AGENT_DELETED"]), Se = {
 	CREDIT_LIMIT: "billing_budget_reached",
 	OVERAGE_CAP: "billing_runaway_cap"
 };
 function presentChatStreamError(e) {
-	if (!(e.bucket !== void 0 || Se.has(e.code))) return { surface: "hard" };
-	let t = e.bucket ?? (U.has(e.code) ? "account" : "error"), n = {
+	if (!(e.bucket !== void 0 || be.has(e.code))) return { surface: "hard" };
+	let t = e.bucket ?? (W.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"
-	} : W.has(e.code) ? {
+	} : G.has(e.code) ? {
 		surface: "transcript",
 		issue: {
 			code: e.code,
@@ -393,20 +393,43 @@ function presentChatStreamError(e) {
 	};
 }
 function transcriptMessageForChatStreamError(e) {
-	let t = Ce[e.code];
+	let t = Se[e.code];
 	return t ? r[t].oneLine : e.error;
 }
 var AgentChatController = class extends i {
+	isQueuedMessage(e) {
+		return this.queuedMessageIdSet.value.has(e);
+	}
+	consumeQueuedThrough(e) {
+		if (!e || this.queuedMessageIdSet.value.size === 0) return;
+		let t = new Set(this.queuedMessageIdSet.value), n = this.sharedMessages.value.findIndex((t) => t.id === e);
+		n < 0 ? t.delete(e) : this.sharedMessages.value.slice(0, n + 1).forEach((e) => t.delete(e.id)), this.queuedMessageIdSet.value = t;
+	}
+	get activeConversationId() {
+		return this.conversationId;
+	}
+	createVoiceClient(e) {
+		let { sdk: t, createVoiceClientFn: n } = this.settings, r = this._agent.agentId.value, i = this._agent.orgId.value;
+		if (!(!t?.activeUser.value || !r || !i)) return n?.({
+			agentId: r,
+			orgId: i,
+			conversationId: this.conversationId,
+			handlers: e
+		});
+	}
+	async refreshMessages() {
+		await this.settings.refreshMessagesFn?.();
+	}
 	constructor(t) {
 		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", se(Date.now())), e(this, "toolActivityTiming", se({})), e(this, "lastVisibleProgressAtMs", se()), e(this, "liveSegments", se([])), e(this, "liveStreamMessageId", se(void 0)), e(this, "conversationId", void 0), e(this, "textState", k({
+		}), e(this, "isConnecting", !1), e(this, "turnEpoch", 0), e(this, "nextStreamToken", 0), e(this, "runningStreamToken", void 0), e(this, "suppressedStreamTokens", /* @__PURE__ */ new Set()), e(this, "queuedMessageIdSet", j(/* @__PURE__ */ new Set())), e(this, "queuedMessageIds", p(() => this.queuedMessageIdSet.value)), e(this, "boundaryTimer", void 0), e(this, "nowMs", ae(Date.now())), e(this, "toolActivityTiming", ae({})), e(this, "lastVisibleProgressAtMs", ae()), e(this, "liveSegments", ae([])), e(this, "liveStreamMessageId", ae(void 0)), e(this, "conversationId", void 0), e(this, "textState", j({
 			isActive: !1,
 			isConnected: !1,
 			isThinking: !1,
 			connectionStatus: "disconnected"
-		})), e(this, "agentMode", k("self")), e(this, "sharedMessages", k([])), e(this, "composerState", k({
+		})), e(this, "agentMode", j("self")), e(this, "sharedMessages", j([])), e(this, "composerState", j({
 			text: "",
 			pendingAttachments: [],
 			isUploading: !1
@@ -431,14 +454,17 @@ var AgentChatController = class extends i {
 				canNotifyOnCompletion: !1,
 				lastVisibleProgressAtMs: this.lastVisibleProgressAtMs.value
 			});
-		})), e(this, "canUseComposer", p(() => this.textState.value.sendBlockedReason !== "agent_deleted" && !this.composerState.value.isUploading && !this.textState.value.isThinking)), e(this, "canAttachFile", p(() => !!this.settings.uploadFileFn)), e(this, "canRecordAudio", p(() => this.canAttachFile.value && this.canUseComposer.value && !this.composerState.value.text.trim() && this.composerState.value.pendingAttachments.length === 0)), e(this, "voiceRecorder", new VoiceRecorderController({
+		})), e(this, "canUseComposer", p(() => this.textState.value.sendBlockedReason !== "agent_deleted" && !this.composerState.value.isUploading)), e(this, "canAttachFile", p(() => !!this.settings.uploadFileFn)), e(this, "canRecordAudio", p(() => this.canAttachFile.value && this.canUseComposer.value && !this.composerState.value.text.trim() && this.composerState.value.pendingAttachments.length === 0)), e(this, "voiceRecorder", new VoiceRecorderController({
 			getCanRecord: () => this.canRecordAudio.value,
 			getUploadFn: () => {
 				let e = this.settings.uploadFileFn;
 				return e ? (t) => e({ file: t }) : void 0;
 			},
 			getChatController: () => this
-		})), e(this, "canSend", p(() => (this.composerState.value.text.trim().length > 0 || this.composerState.value.pendingAttachments.length > 0) && this.canUseComposer.value && !this.voiceRecorder.isBusy.value)), e(this, "canStop", p(() => this.textState.value.isThinking && !this.composerState.value.isUploading && !this.voiceRecorder.isBusy.value)), e(this, "composerAction", p(() => this.canStop.value ? "stop" : this.canSend.value ? "send" : "idle")), e(this, "_agent", void 0), this._agent = t.agent instanceof n ? t.agent : new n({ config: t.agent }), this.setupModeWatcher(), this.setupAvailabilityWatcher(), this.setupBoundaryWatcher();
+		})), e(this, "canSend", p(() => (this.composerState.value.text.trim().length > 0 || this.composerState.value.pendingAttachments.length > 0) && this.canUseComposer.value && !this.voiceRecorder.isBusy.value)), e(this, "canStop", p(() => this.textState.value.isThinking && !this.composerState.value.isUploading && !this.voiceRecorder.isBusy.value)), e(this, "composerAction", p(() => this.canSend.value ? "send" : this.canStop.value ? "stop" : "idle")), e(this, "composerShowsSecondaryStop", p(() => this.canStop.value && this.composerAction.value === "send")), e(this, "canStartVoice", p(() => {
+			let e = this.settings.sdk;
+			return this.textState.value.sendBlockedReason !== "agent_deleted" && !!e?.activeUser.value && !!this._agent.agentId.value && !!this._agent.orgId.value && !!this.settings.createVoiceClientFn && voiceBrowserSupported();
+		})), e(this, "_agent", void 0), e(this, "localMessageSeq", 0), this._agent = t.agent instanceof n ? t.agent : new n({ config: t.agent }), this.setupModeWatcher(), this.setupAvailabilityWatcher(), this.setupBoundaryWatcher();
 	}
 	get chatEnabled() {
 		let e = this._agent.state.value.lifecycle;
@@ -464,7 +490,7 @@ var AgentChatController = class extends i {
 	}
 	addMessage(e, t, n, r) {
 		this.isDuplicateMessage(e, t) || (this.sharedMessages.value = [...this.sharedMessages.value, {
-			id: Date.now().toString(),
+			id: this.nextLocalMessageId(),
 			text: e,
 			sender: t,
 			timestamp: (/* @__PURE__ */ new Date()).toISOString(),
@@ -472,6 +498,9 @@ var AgentChatController = class extends i {
 			...r ? { issue: r } : {}
 		}]);
 	}
+	nextLocalMessageId() {
+		return `${Date.now()}-${++this.localMessageSeq}`;
+	}
 	notify(e) {
 		e && this.addMessage(e, "system");
 	}
@@ -577,7 +606,7 @@ Current User:
 		});
 	}
 	setupBoundaryWatcher() {
-		de(() => this.workJournal.value?.nextBoundaryAtMs, (e) => {
+		ce(() => this.workJournal.value?.nextBoundaryAtMs, (e) => {
 			this.scheduleBoundary(e);
 		});
 	}
@@ -639,12 +668,12 @@ Current User:
 		});
 	}
 	setupModeWatcher() {
-		de(this.agentMode, async (e, t) => {
+		ce(this.agentMode, async (e, t) => {
 			this.logger.info(`Mode changed from ${t} to ${e}`), this.isTextMode && (t === "talk" || t === "chat") && await this.endConversation();
 		});
 	}
 	setupAvailabilityWatcher() {
-		de(() => this.chatEnabled, (e) => {
+		ce(() => this.chatEnabled, (e) => {
 			if (!(!this.isTextMode || this.isConnecting)) {
 				if (e) {
 					this.textState.value.isConnected || this.updateState(this.textState, {
@@ -703,7 +732,7 @@ Current User:
 		}
 	}
 	async endConversation() {
-		if (this.activeTurnGeneration += 1, !this.isTextMode) {
+		if (this.turnEpoch += 1, this.runningStreamToken = void 0, this.suppressedStreamTokens.clear(), this.queuedMessageIdSet.value = /* @__PURE__ */ new Set(), !this.isTextMode) {
 			this.resetState();
 			return;
 		}
@@ -720,23 +749,34 @@ Current User:
 			this.addOfflineSystemReply();
 			return;
 		}
-		if (this.textState.value.sendBlockedReason === "agent_deleted" || this.textState.value.isThinking) return;
+		if (this.textState.value.sendBlockedReason === "agent_deleted") return;
 		let { sdk: r } = this.settings;
 		if (!n && !this._agent.handle.value) {
 			this.handleError(/* @__PURE__ */ Error("Agent handle required for chat"));
 			return;
 		}
-		this.addMessage(e, "user", t), this.resetWorkJournalTiming(), this.updateState(this.textState, {
+		let i = this.textState.value.isThinking, a = this.sharedMessages.value.length;
+		this.addMessage(e, "user", t);
+		let o = this.sharedMessages.value.length > a ? this.sharedMessages.value[this.sharedMessages.value.length - 1]?.id : void 0, c = this.turnEpoch, u = ++this.nextStreamToken;
+		i && o ? this.queuedMessageIdSet.value = new Set(this.queuedMessageIdSet.value).add(o) : (this.runningStreamToken = u, this.resetWorkJournalTiming(), this.updateState(this.textState, {
 			isThinking: !0,
 			workingDescription: void 0,
 			toolActivities: [],
 			transientIssue: void 0,
 			turnOutcome: void 0
-		});
-		let i = ++this.activeTurnGeneration, a = `stream-${Date.now()}`, o = !1, c = !1, isCurrentTurn = () => i === this.activeTurnGeneration, onDelta = (e, t = "assistant") => {
+		}));
+		let f = `stream-${Date.now()}-${u}`, p = !1, m = !1, isCurrentTurn = () => c === this.turnEpoch && !this.suppressedStreamTokens.has(u), claimLiveTurn = () => {
+			this.runningStreamToken !== u && (this.runningStreamToken = u, this.consumeQueuedThrough(o), this.resetWorkJournalTiming(), this.updateState(this.textState, {
+				isThinking: !0,
+				workingDescription: void 0,
+				toolActivities: [],
+				transientIssue: void 0,
+				turnOutcome: void 0
+			}));
+		}, onDelta = (e, t = "assistant") => {
 			if (!isCurrentTurn()) return;
-			this.updateState(this.textState, { workingDescription: void 0 }), t === "assistant" && (this.lastVisibleProgressAtMs.value = Date.now()), o || (o = !0, this.liveStreamMessageId.value = a, this.sharedMessages.value = [...this.sharedMessages.value, {
-				id: a,
+			claimLiveTurn(), this.updateState(this.textState, { workingDescription: void 0 }), t === "assistant" && (this.lastVisibleProgressAtMs.value = Date.now()), p || (p = !0, this.liveStreamMessageId.value = f, this.sharedMessages.value = [...this.sharedMessages.value, {
+				id: f,
 				text: "",
 				sender: t === "system" ? "system" : "agent",
 				timestamp: (/* @__PURE__ */ new Date()).toISOString()
@@ -749,15 +789,15 @@ Current User:
 				kind: "text",
 				content: e
 			}];
-			let i = this.sharedMessages.value, s = i[i.length - 1];
-			s?.id === a && (s.text += e, this.sharedMessages.value = [...i]);
+			let i = this.sharedMessages.value, a = i[i.length - 1];
+			a?.id === f && (a.text += e, this.sharedMessages.value = [...i]);
 		}, onMessage = (e) => {
 			if (!isCurrentTurn()) return;
-			if (c = !0, e.sender === "agent" && s(e.text)) {
-				this.liveSegments.value = [], this.liveStreamMessageId.value = void 0, this.sharedMessages.value = this.sharedMessages.value.filter((e) => e.id !== a);
+			if (claimLiveTurn(), m = !0, e.sender === "agent" && s(e.text)) {
+				this.liveSegments.value = [], this.liveStreamMessageId.value = void 0, this.sharedMessages.value = this.sharedMessages.value.filter((e) => e.id !== f);
 				return;
 			}
-			o = !0;
+			p = !0;
 			let t = e.sender === "system" || e.turnOutcome === "failed" ? "failed" : "completed";
 			this.finishToolActivities(t);
 			let n = this.textState.value.toolActivities, r = e.toolActivities?.length || !n?.length ? e : {
@@ -769,48 +809,37 @@ Current User:
 				toolActivities: [],
 				turnOutcome: void 0
 			});
-			let i = this.sharedMessages.value, u = i.findIndex((e) => e.id === r.id);
-			if (u >= 0) this.sharedMessages.value = [
-				...i.slice(0, u),
+			let i = this.sharedMessages.value, a = i.findIndex((e) => e.id === r.id);
+			if (a >= 0) this.sharedMessages.value = [
+				...i.slice(0, a),
 				r,
-				...i.slice(u + 1)
+				...i.slice(a + 1)
 			];
 			else {
 				let e = i[i.length - 1];
-				this.sharedMessages.value = e?.id === a ? [...i.slice(0, -1), r] : [...i, r];
+				this.sharedMessages.value = e?.id === f ? [...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 && W.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 && G.has(r.issue.code) && this.updateState(this.textState, { sendBlockedReason: "agent_deleted" });
 		}, onDone = (e) => {
 			if (!isCurrentTurn()) return;
-			if (!o && !c) {
+			if (!p && !m) {
 				onError("empty_stream — assistant returned no content");
 				return;
 			}
 			this.finishToolActivities("completed");
 			let t = this.sharedMessages.value, n = t[t.length - 1];
-			n?.id === a && n.sender === "agent" && s(n.text) && (this.sharedMessages.value = t.slice(0, -1)), e && (this.conversationId = e), this.updateState(this.textState, {
+			n?.id === f && n.sender === "agent" && s(n.text) && (this.sharedMessages.value = t.slice(0, -1)), e && (this.conversationId = e), this.updateState(this.textState, {
 				isThinking: !1,
 				workingDescription: void 0,
 				transientIssue: void 0
-			});
+			}), this.settings.onTurnCompleted?.(e);
 		}, onError = (n) => {
 			if (!isCurrentTurn()) return;
-			if (typeof n == "object" && n.code === "TURN_ACTIVE") {
-				let r = this.sharedMessages.value;
-				for (let t = r.length - 1; t >= 0; t--) if (r[t].sender === "user" && r[t].text === e) {
-					this.sharedMessages.value = [...r.slice(0, t), ...r.slice(t + 1)];
-					break;
-				}
-				this.composerState.value.text || (this.composerState.value = {
+			if (this.runningStreamToken !== u) {
+				this.consumeQueuedThrough(o), this.sharedMessages.value = this.sharedMessages.value.filter((e) => e.id !== o), this.composerState.value.text || (this.composerState.value = {
 					...this.composerState.value,
 					text: e,
 					pendingAttachments: t ?? []
-				}), this.updateState(this.textState, {
-					isThinking: !1,
-					transientIssue: {
-						code: n.code,
-						message: n.error
-					}
 				});
 				return;
 			}
@@ -819,7 +848,7 @@ Current User:
 				turnOutcome: "failed"
 			}), this.finishToolActivities("failed");
 			let r = this.sharedMessages.value, i = r[r.length - 1];
-			if (i?.id === a && !i.text && (this.sharedMessages.value = r.slice(0, -1)), typeof n == "object" && n.code && n.error) {
+			if (i?.id === f && !i.text && (this.sharedMessages.value = r.slice(0, -1)), typeof n == "object" && n.code && n.error) {
 				let e = presentChatStreamError(n);
 				e.surface === "transient" ? this.updateState(this.textState, {
 					isThinking: !1,
@@ -830,18 +859,19 @@ Current User:
 				})) : this.handleError(Error(n.error));
 				return;
 			}
-			let o = typeof n == "string" ? n : n.error, s = this.mapChatError(o);
-			this.isTransientError(o) ? (this.logger.warn("Chat turn failed (transient):", {
-				raw: o,
+			let a = typeof n == "string" ? n : n.error, s = this.mapChatError(a);
+			this.isTransientError(a) ? (this.logger.warn("Chat turn failed (transient):", {
+				raw: a,
 				friendly: s
-			}), this.addMessage(s, "system"), this.updateState(this.textState, { isThinking: !1 })) : this.handleError(Error(s), o);
+			}), this.addMessage(s, "system"), this.updateState(this.textState, { isThinking: !1 })) : this.handleError(Error(s), a);
 		}, onStatus = (e) => {
 			if (!isCurrentTurn()) return;
+			claimLiveTurn();
 			let t = e.trim();
 			this.updateState(this.textState, { workingDescription: t || void 0 });
 		}, onToolActivity = (e) => {
 			if (isCurrentTurn()) {
-				if (this.lastVisibleProgressAtMs.value = Date.now(), e.status === "started") {
+				if (claimLiveTurn(), this.lastVisibleProgressAtMs.value = Date.now(), e.status === "started") {
 					let t = this.liveSegments.value, n = t[t.length - 1];
 					n?.kind === "work" ? n.activityIds.includes(e.activityId) || (this.liveSegments.value = [...t.slice(0, -1), {
 						kind: "work",
@@ -857,7 +887,7 @@ Current User:
 			isCurrentTurn() && this.updateState(this.textState, { workingDescription: void 0 });
 		};
 		try {
-			await (n ? n({
+			this.settings.onTurnStarted?.(), await (n ? n({
 				message: e,
 				attachments: t,
 				conversationId: this.conversationId,
@@ -889,7 +919,7 @@ Current User:
 	}
 	async stopChatTurn() {
 		if (this.textState.value.isThinking) {
-			this.activeTurnGeneration += 1, this.updateState(this.textState, {
+			this.runningStreamToken !== void 0 && this.suppressedStreamTokens.add(this.runningStreamToken), this.runningStreamToken = void 0, this.updateState(this.textState, {
 				isThinking: !1,
 				turnOutcome: "stopped",
 				workingDescription: void 0,
@@ -931,6 +961,9 @@ function parseToolActivityMs(e) {
 	let t = Date.parse(e);
 	return Number.isFinite(t) ? t : void 0;
 }
+function voiceBrowserSupported() {
+	return typeof navigator < "u" && !!navigator.mediaDevices?.getUserMedia && typeof RTCPeerConnection < "u";
+}
 //#endregion
 //#region agent/utils.ts
 function getImageSrc(e) {
@@ -949,10 +982,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__ */ S({
 	__name: "ElAgentButton",
 	props: {
 		theme: { default: "primary" },
@@ -980,25 +1013,25 @@ var we = {
 			md: "size-4",
 			lg: "size-5"
 		})[e.size]);
-		return (i, a) => (T(), _("button", { class: S(["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 ? (T(), _("div", we, [...a[0] || (a[0] = [v("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)])])) : h("", !0), v("span", { class: S(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"]) }, [
-			e.icon ? (T(), _("i", {
+		return (i, a) => (A(), _("button", { class: T(["relative inline-flex items-center justify-center gap-2 font-medium rounded-full backdrop-blur-sm border-2 text-white transition-all duration-200 focus:outline-none active:opacity-80 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer", [t.value, n.value]]) }, [e.loading ? (A(), _("div", Ce, [...a[0] || (a[0] = [v("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)])])) : h("", !0), v("span", { class: T(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"]) }, [
+			e.icon ? (A(), _("i", {
 				key: 0,
-				class: S([e.icon, r.value])
+				class: T([e.icon, r.value])
 			}, null, 2)) : h("", !0),
-			oe(i.$slots, "default"),
-			e.iconAfter ? (T(), _("i", {
+			ie(i.$slots, "default"),
+			e.iconAfter ? (A(), _("i", {
 				key: 1,
-				class: S([e.iconAfter, r.value])
+				class: T([e.iconAfter, r.value])
 			}, null, 2)) : h("", !0)
 		], 2)], 2));
 	}
-}), Ee = ["value"], De = /* @__PURE__ */ x({
+}), Te = ["value"], Ee = /* @__PURE__ */ S({
 	__name: "AgentInputEmail",
 	props: { modelValue: { default: "" } },
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (T(), _("input", {
+		return (t, r) => (A(), _("input", {
 			name: "username",
 			type: "email",
 			inputmode: "email",
@@ -1011,9 +1044,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__ */ S({
 	__name: "AgentInputOneTimeCode",
 	props: {
 		modelValue: {},
@@ -1022,15 +1055,15 @@ var we = {
 	},
 	emits: ["update:modelValue", "autoSubmit"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = k(null), a = p(() => "0".repeat(n.length));
-		ie(() => {
+		let n = e, r = t, i = j(null), a = p(() => "0".repeat(n.length));
+		ne(() => {
 			n.focusFirst && !("ontouchstart" in window) && i.value?.focus();
 		});
 		function onInput(e) {
 			let t = e.target.value.replace(/\D/g, "").slice(0, n.length);
 			r("update:modelValue", t), t.length === n.length && r("autoSubmit", t);
 		}
-		return (t, n) => (T(), _("input", {
+		return (t, n) => (A(), _("input", {
 			ref_key: "input",
 			ref: i,
 			name: "one-time-code",
@@ -1046,12 +1079,12 @@ 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" }, G = ["src", "alt"], je = { 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({
+}, Ne = { class: "min-w-0" }, Pe = /* @__PURE__ */ S({
 	__name: "ElModeHeader",
 	props: {
 		agent: {},
@@ -1063,17 +1096,17 @@ var we = {
 		layout: { default: "centered" }
 	},
 	setup(e) {
-		return (t, n) => (T(), _("div", { class: S(["flex gap-4", [e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"]]) }, [v("div", Ae, [v("div", { class: S(["rounded-full overflow-hidden border-white", e.size === "lg" ? "w-20 h-20 sm:w-24 sm:h-24 border-4" : "w-16 sm:size-16 border-2"]) }, [v("img", {
+		return (t, n) => (A(), _("div", { class: T(["flex gap-4", [e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"]]) }, [v("div", ke, [v("div", { class: T(["rounded-full overflow-hidden border-white", e.size === "lg" ? "w-20 h-20 sm:w-24 sm:h-24 border-4" : "w-16 sm:size-16 border-2"]) }, [v("img", {
 			src: e.agent.avatarUrl.value,
 			alt: e.agent.displayName.value,
 			class: "w-full h-full object-cover",
-			onError: n[0] || (n[0] = (...e) => ce(handleImageError) && ce(handleImageError)(...e))
-		}, null, 40, G)], 2), v("div", je, [e.isOnline ? (T(), _(f, { key: 0 }, [n[1] || (n[1] = v("div", {
+			onError: n[0] || (n[0] = (...e) => oe(handleImageError) && oe(handleImageError)(...e))
+		}, null, 40, Ae)], 2), v("div", je, [e.isOnline ? (A(), _(f, { key: 0 }, [n[1] || (n[1] = v("div", {
 			class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
 			style: { "animation-duration": "3s" }
-		}, null, -1)), n[2] || (n[2] = v("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))], 64)) : (T(), _("div", Me))])]), v("div", Ne, [v("h1", { class: S(["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" : ""]]) }, M(e.agent.displayName.value), 3), v("p", { class: S(["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"]]) }, M(e.layout === "horizontal" ? e.agent.title.value || "Assistant" : e.agent.title.value), 3)])], 2));
+		}, null, -1)), n[2] || (n[2] = v("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))], 64)) : (A(), _("div", Me))])]), v("div", Ne, [v("h1", { class: T(["font-light text-white mb-1 truncate", [e.size === "lg" ? "text-3xl mb-2" : "text-xl sm:text-2xl tracking-wide leading-tight", e.layout === "horizontal" ? "text-white/95" : ""]]) }, F(e.agent.displayName.value), 3), v("p", { class: T(["font-light line-clamp-1", [e.size === "lg" ? "text-base text-white/60" : "text-sm sm:text-base", e.layout === "horizontal" ? "text-white/70 truncate" : "text-white/60"]]) }, F(e.layout === "horizontal" ? e.agent.title.value || "Assistant" : e.agent.title.value), 3)])], 2));
 	}
-}), Fe = { class: "relative shrink-0 rounded-full" }, Ie = ["src", "alt"], Le = ["src", "alt"], Re = ["aria-label"], ze = /* @__PURE__ */ x({
+}), Fe = { class: "relative shrink-0 rounded-full" }, Ie = ["src", "alt"], Le = ["src", "alt"], Re = ["aria-label"], ze = /* @__PURE__ */ S({
 	__name: "AgentAvatar",
 	props: {
 		agent: {},
@@ -1081,6 +1114,10 @@ var we = {
 			type: Boolean,
 			default: !0
 		},
+		showOwnerMark: {
+			type: Boolean,
+			default: !0
+		},
 		isLight: {
 			type: Boolean,
 			default: !0
@@ -1101,29 +1138,29 @@ var we = {
 			top: "calc(14.6% - clamp(3.5px, 7%, 7px))",
 			right: "calc(14.6% - clamp(3.5px, 7%, 7px))"
 		}, i = p(() => e.isLight ? "ring-white" : "ring-theme-900");
-		return (t, a) => (T(), _("div", Fe, [
+		return (t, a) => (A(), _("div", Fe, [
 			v("img", {
 				src: e.agent.avatarUrl.value,
 				alt: e.agent.displayName.value,
-				class: S(["size-full rounded-full object-cover ring-1", e.isLight ? "ring-black/5" : "ring-white/10"])
+				class: T(["size-full rounded-full object-cover ring-1", e.isLight ? "ring-black/5" : "ring-white/10"])
 			}, null, 10, Ie),
-			e.agent.ownerMarkUrl.value ? (T(), _("img", {
+			e.showOwnerMark && e.agent.ownerMarkUrl.value ? (A(), _("img", {
 				key: 0,
 				src: e.agent.ownerMarkUrl.value,
 				alt: e.agent.owner.value?.fullName ? `Owned by ${e.agent.owner.value.fullName}` : "Owner",
-				class: S(["absolute z-10 size-[36%] -bottom-[3%] -left-[3%] rounded-full object-cover ring-2", i.value])
+				class: T(["absolute z-10 size-[36%] -bottom-[3%] -left-[3%] rounded-full object-cover ring-2", i.value])
 			}, null, 10, Le)) : h("", !0),
-			n.value ? (T(), _("span", {
+			n.value ? (A(), _("span", {
 				key: 1,
 				role: "status",
 				"aria-label": e.agent.state.value.tooltip,
-				class: S(["absolute z-10 rounded-full ring-2", [n.value, i.value]]),
+				class: T(["absolute z-10 rounded-full ring-2", [n.value, i.value]]),
 				style: r
 			}, null, 10, Re)) : h("", !0),
-			n.value && e.agent.state.value.lifecycle === "running" ? (T(), _("span", {
+			n.value && e.agent.state.value.lifecycle === "running" ? (A(), _("span", {
 				key: 2,
 				"aria-hidden": "true",
-				class: S(["pointer-events-none absolute rounded-full animate-ping opacity-50 [animation-duration:3s]", n.value]),
+				class: T(["pointer-events-none absolute rounded-full animate-ping opacity-50 [animation-duration:3s]", n.value]),
 				style: r
 			}, null, 2)) : h("", !0)
 		]));
@@ -1133,23 +1170,23 @@ var we = {
 	class: "sr-only",
 	role: "status",
 	"aria-live": "polite"
-}, Ve = ["aria-expanded", "disabled"], K = ["aria-expanded"], He = {
+}, Ve = ["aria-expanded", "disabled"], He = ["aria-expanded"], Ue = {
 	class: "flex w-5 shrink-0 justify-center self-stretch",
 	"aria-hidden": "true"
-}, Ue = ["data-journal-row"], We = {
+}, 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 = {
+}, Ke = { class: "flex h-[17px] shrink-0 items-center" }, qe = {
 	key: 0,
 	class: "sr-only"
-}, qe = /* @__PURE__ */ x({
+}, Je = /* @__PURE__ */ S({
 	__name: "AgentToolActivityGroup",
 	props: {
 		model: {},
 		isLight: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = se(!1);
+		let t = e, n = ae(!1);
 		function toggle() {
 			n.value = !n.value;
 		}
@@ -1219,16 +1256,16 @@ var we = {
 				}
 			};
 		});
-		return (t, u) => (T(), _("div", { class: S(["w-full py-0.5", s.value.muted]) }, [
-			a.value ? (T(), _("span", Be, M(a.value), 1)) : h("", !0),
-			r.value ? (T(), _("button", {
+		return (t, u) => (A(), _("div", { class: T(["w-full py-0.5", s.value.muted]) }, [
+			a.value ? (A(), _("span", Be, F(a.value), 1)) : h("", !0),
+			r.value ? (A(), _("button", {
 				key: 1,
 				type: "button",
 				"data-test": "messaging-tool-activity-summary",
 				"data-journal-disclosure": "",
 				"aria-expanded": n.value,
 				disabled: i.value === 0,
-				class: S(["flex min-h-11 items-center gap-x-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-default", s.value.ring]),
+				class: T(["flex min-h-11 items-center gap-x-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-default", s.value.ring]),
 				onClick: toggle
 			}, [
 				u[0] || (u[0] = v("i", {
@@ -1236,47 +1273,47 @@ var we = {
 					class: "i-tabler-circle-check size-3.5 shrink-0 text-green-600",
 					"aria-hidden": "true"
 				}, null, -1)),
-				v("span", { class: S(["text-[12.5px] font-medium leading-none", s.value.muted]) }, M(e.model.terminal?.label), 3),
-				i.value ? (T(), _("i", {
+				v("span", { class: T(["text-[12.5px] font-medium leading-none", s.value.muted]) }, F(e.model.terminal?.label), 3),
+				i.value ? (A(), _("i", {
 					key: 0,
-					class: S(["size-[13px] shrink-0", [n.value ? "i-tabler-chevron-down" : "i-tabler-chevron-right", s.value.muted]]),
+					class: T(["size-[13px] shrink-0", [n.value ? "i-tabler-chevron-down" : "i-tabler-chevron-right", s.value.muted]]),
 					"aria-hidden": "true"
 				}, null, 2)) : h("", !0)
-			], 10, Ve)) : i.value ? (T(), _("button", {
+			], 10, Ve)) : i.value ? (A(), _("button", {
 				key: 2,
 				type: "button",
 				"data-test": "messaging-tool-activity-summary",
 				"data-journal-disclosure": "",
 				"aria-expanded": n.value,
-				class: S(["flex min-h-11 w-full gap-x-2.5 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2", s.value.ring]),
+				class: T(["flex min-h-11 w-full gap-x-2.5 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2", s.value.ring]),
 				onClick: toggle
-			}, [v("span", He, [v("span", {
+			}, [v("span", Ue, [v("span", {
 				"data-journal-spine": "dashed",
-				class: S(["w-0 border-l border-dashed", s.value.dashed])
-			}, null, 2)]), v("span", { class: S(["flex min-h-[20px] items-center gap-0.5 pb-2 text-[12px] leading-none", s.value.muted]) }, [te(M(i.value) + " earlier updates ", 1), v("i", {
-				class: S(["size-3 shrink-0", n.value ? "i-tabler-chevron-down" : "i-tabler-chevron-right"]),
+				class: T(["w-0 border-l border-dashed", s.value.dashed])
+			}, null, 2)]), v("span", { class: T(["flex min-h-[20px] items-center gap-0.5 pb-2 text-[12px] leading-none", s.value.muted]) }, [b(F(i.value) + " earlier updates ", 1), v("i", {
+				class: T(["size-3 shrink-0", n.value ? "i-tabler-chevron-down" : "i-tabler-chevron-right"]),
 				"aria-hidden": "true"
-			}, null, 2)], 2)], 10, K)) : h("", !0),
-			(T(!0), _(f, null, A(o.value, (e, t) => (T(), _("div", {
+			}, null, 2)], 2)], 10, He)) : h("", !0),
+			(A(!0), _(f, null, M(o.value, (e, t) => (A(), _("div", {
 				key: e.id,
 				"data-test": "messaging-tool-activity-row",
 				"data-journal-row": e.tone,
-				class: S([r.value ? "pl-[22px]" : "", "flex gap-x-2.5"])
-			}, [v("div", We, [v("span", Ge, [(T(), m(j(c.value[e.tone].station.tag), {
+				class: T([r.value ? "pl-[22px]" : "", "flex gap-x-2.5"])
+			}, [v("div", Ge, [v("span", Ke, [(A(), m(P(c.value[e.tone].station.tag), {
 				"data-journal-station": e.tone,
-				class: S(c.value[e.tone].station.class)
-			}, null, 8, ["data-journal-station", "class"]))]), t === o.value.length - 1 ? h("", !0) : (T(), _("span", {
+				class: T(c.value[e.tone].station.class)
+			}, null, 8, ["data-journal-station", "class"]))]), t === o.value.length - 1 ? h("", !0) : (A(), _("span", {
 				key: 0,
-				class: S(["w-px flex-1", s.value.spine])
-			}, null, 2))]), v("div", { class: S(["min-w-0 flex-1", t === o.value.length - 1 ? "" : "pb-2"]) }, [v("span", { class: S(["relative block leading-snug", c.value[e.tone].label]) }, [te(M(e.label), 1), c.value[e.tone].statusWord ? (T(), _("span", Ke, ", " + M(c.value[e.tone].statusWord), 1)) : h("", !0)], 2), e.note ? (T(), _("p", {
+				class: T(["w-px flex-1", s.value.spine])
+			}, null, 2))]), v("div", { class: T(["min-w-0 flex-1", t === o.value.length - 1 ? "" : "pb-2"]) }, [v("span", { class: T(["relative block leading-snug", c.value[e.tone].label]) }, [b(F(e.label), 1), c.value[e.tone].statusWord ? (A(), _("span", qe, ", " + F(c.value[e.tone].statusWord), 1)) : h("", !0)], 2), e.note ? (A(), _("p", {
 				key: 0,
-				class: S(["pt-0.5 text-[11.5px] leading-snug", s.value.muted])
-			}, M(e.note), 3)) : h("", !0)], 2)], 10, Ue))), 128)),
-			!r.value && e.model.hint ? (T(), _("p", {
+				class: T(["pt-0.5 text-[11.5px] leading-snug", s.value.muted])
+			}, F(e.note), 3)) : h("", !0)], 2)], 10, We))), 128)),
+			!r.value && e.model.hint ? (A(), _("p", {
 				key: 3,
 				"data-test": "messaging-tool-activity-hint",
-				class: S(["pl-[30px] pt-2.5 text-[12px] leading-snug", s.value.muted])
-			}, M(e.model.hint), 3)) : h("", !0)
+				class: T(["pl-[30px] pt-2.5 text-[12px] leading-snug", s.value.muted])
+			}, F(e.model.hint), 3)) : h("", !0)
 		], 2));
 	}
 });
@@ -1321,7 +1358,7 @@ function _unsupportedIterableToArray(e, t) {
 		return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? _arrayLikeToArray(e, t) : void 0;
 	}
 }
-var Je = Object.entries, Ye = Object.setPrototypeOf, Xe = Object.isFrozen, Ze = Object.getPrototypeOf, Qe = Object.getOwnPropertyDescriptor, q = Object.freeze, J = Object.seal, $e = Object.create, et = typeof Reflect < "u" && Reflect, tt = et.apply, nt = et.construct;
+var Ye = Object.entries, K = Object.setPrototypeOf, Xe = Object.isFrozen, Ze = Object.getPrototypeOf, Qe = Object.getOwnPropertyDescriptor, q = Object.freeze, J = Object.seal, $e = Object.create, et = typeof Reflect < "u" && Reflect, tt = et.apply, nt = et.construct;
 q || (q = function freeze(e) {
 	return e;
 }), J || (J = function seal(e) {
@@ -1347,7 +1384,7 @@ function unconstruct(e) {
 }
 function addToSet(e, t) {
 	let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ut;
-	if (Ye && Ye(e, null), !lt(t)) return e;
+	if (K && K(e, null), !lt(t)) return e;
 	let r = t.length;
 	for (; r--;) {
 		let i = t[r];
@@ -1365,7 +1402,7 @@ function cleanArray(e) {
 }
 function clone(e) {
 	let t = $e(null);
-	for (let r of Je(e)) {
+	for (let r of Ye(e)) {
 		var n = _slicedToArray(r, 2);
 		let i = n[0], a = n[1];
 		X(e, i) && (lt(a) ? t[i] = cleanArray(a) : a && typeof a == "object" && a.constructor === Object ? t[i] = clone(a) : t[i] = a);
@@ -1539,43 +1576,43 @@ function createDOMPurify() {
 	e.DocumentFragment;
 	let i = e.HTMLTemplateElement, a = e.Node, o = e.Element, s = e.NodeFilter;
 	e.NamedNodeMap === void 0 && (e.NamedNodeMap || e.MozNamedAttrMap), e.HTMLFormElement;
-	let c = e.DOMParser, u = e.trustedTypes, f = o.prototype, p = lookupGetter(f, "cloneNode"), m = lookupGetter(f, "remove"), h = lookupGetter(f, "nextSibling"), _ = lookupGetter(f, "childNodes"), v = lookupGetter(f, "parentNode"), te = lookupGetter(f, "shadowRoot"), b = lookupGetter(f, "attributes"), x = a && a.prototype ? lookupGetter(a.prototype, "nodeType") : null, ne = a && a.prototype ? lookupGetter(a.prototype, "nodeName") : null;
+	let c = e.DOMParser, u = e.trustedTypes, f = o.prototype, p = lookupGetter(f, "cloneNode"), m = lookupGetter(f, "remove"), h = lookupGetter(f, "nextSibling"), _ = lookupGetter(f, "childNodes"), v = lookupGetter(f, "parentNode"), b = lookupGetter(f, "shadowRoot"), x = lookupGetter(f, "attributes"), S = a && a.prototype ? lookupGetter(a.prototype, "nodeType") : null, C = a && a.prototype ? lookupGetter(a.prototype, "nodeName") : null;
 	if (typeof i == "function") {
 		let e = t.createElement("template");
 		e.content && e.content.ownerDocument && (t = e.content.ownerDocument);
 	}
-	let S, C = "", re, ie = !1, ae = 0, T = function _assertNotInTrustedTypesPolicy() {
-		if (ae > 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.");
-	}, k = function _createTrustedHTML(e) {
-		T(), ae++;
+	let T, k = "", te, ne = !1, re = 0, A = function _assertNotInTrustedTypesPolicy() {
+		if (re > 0) throw xt("A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the \"DOMPurify and Trusted Types\" section of the README.");
+	}, j = function _createTrustedHTML(e) {
+		A(), re++;
 		try {
-			return S.createHTML(e);
+			return T.createHTML(e);
 		} finally {
-			ae--;
+			re--;
 		}
-	}, A = function _createTrustedScriptURL(e) {
-		T(), ae++;
+	}, M = function _createTrustedScriptURL(e) {
+		A(), re++;
 		try {
-			return S.createScriptURL(e);
+			return T.createScriptURL(e);
 		} finally {
-			ae--;
+			re--;
 		}
-	}, oe = function _getDefaultTrustedTypesPolicy() {
-		return ie || (re = Yt(u, r), ie = !0), re;
-	}, j = t, se = j.implementation, M = j.createNodeIterator, ce = j.createDocumentFragment, ue = j.getElementsByTagName, de = n.importNode, P = Xt();
-	DOMPurify.isSupported = typeof Je == "function" && typeof v == "function" && se && se.createHTMLDocument !== void 0;
-	let pe = Nt, he = Pt, F = Ft, I = It, R = Lt, _e = zt, ve = Bt, B = Ht, ye = Rt, H = null, be = addToSet({}, [
+	}, ie = function _getDefaultTrustedTypesPolicy() {
+		return ne || (te = Yt(u, r), ne = !0), te;
+	}, P = t, ae = P.implementation, F = P.createNodeIterator, oe = P.createDocumentFragment, se = P.getElementsByTagName, ce = n.importNode, I = Xt();
+	DOMPurify.isSupported = typeof Ye == "function" && typeof v == "function" && ae && ae.createHTMLDocument !== void 0;
+	let ue = Nt, de = Pt, pe = Ft, R = It, B = Lt, he = zt, _e = Bt, H = Ht, ve = Rt, U = null, ye = addToSet({}, [
 		...St,
 		...Ct,
 		...wt,
 		...Et,
 		...Ot
-	]), U = null, Se = addToSet({}, [
+	]), W = null, be = addToSet({}, [
 		...kt,
 		...At,
 		...jt,
 		...Mt
-	]), W = Object.seal($e(null, {
+	]), G = Object.seal($e(null, {
 		tagNameCheck: {
 			writable: !0,
 			configurable: !1,
@@ -1594,7 +1631,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: !1
 		}
-	})), Ce = null, we = null, Te = Object.seal($e(null, {
+	})), Se = null, Ce = null, we = Object.seal($e(null, {
 		tagCheck: {
 			writable: !0,
 			configurable: !1,
@@ -1607,14 +1644,14 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: null
 		}
-	})), Ee = !0, De = !0, Oe = !1, ke = !0, Ae = !1, G = !0, je = !1, Me = !1, Ne = null, Pe = null, Fe = !1, Ie = !1, Le = !1, Re = !1, ze = !0, Be = !1, Ve = "user-content-", K = !0, He = !1, Ue = {}, We = null, Ge = addToSet({}, /* @__PURE__ */ "annotation-xml.audio.colgroup.desc.foreignobject.head.iframe.math.mi.mn.mo.ms.mtext.noembed.noframes.noscript.plaintext.script.selectedcontent.style.svg.template.thead.title.video.xmp".split(".")), Ke = null, qe = addToSet({}, [
+	})), Te = !0, Ee = !0, De = !1, Oe = !0, ke = !1, Ae = !0, je = !1, Me = !1, Ne = null, Pe = null, Fe = !1, Ie = !1, Le = !1, Re = !1, ze = !0, Be = !1, Ve = "user-content-", He = !0, Ue = !1, We = {}, 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, Je = addToSet({}, [
 		"audio",
 		"video",
 		"img",
 		"source",
 		"image",
 		"track"
-	]), Ye = null, Xe = addToSet({}, [
+	]), K = null, Xe = addToSet({}, [
 		"alt",
 		"class",
 		"for",
@@ -1650,29 +1687,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), en = tn.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Q = en === "application/xhtml+xml" ? dt : ut, H = Zt(e, "ALLOWED_TAGS", be, { transform: Q }), U = Zt(e, "ALLOWED_ATTR", Se, { transform: Q }), gt = Zt(e, "ALLOWED_NAMESPACES", _t, { transform: dt }), Ye = Zt(e, "ADD_URI_SAFE_ATTR", Xe, {
+		(!e || typeof e != "object") && (e = {}), e = clone(e), en = tn.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Q = en === "application/xhtml+xml" ? dt : ut, U = Zt(e, "ALLOWED_TAGS", ye, { transform: Q }), W = Zt(e, "ALLOWED_ATTR", be, { transform: Q }), gt = Zt(e, "ALLOWED_NAMESPACES", _t, { transform: dt }), K = Zt(e, "ADD_URI_SAFE_ATTR", Xe, {
 			transform: Q,
 			base: Xe
-		}), Ke = Zt(e, "ADD_DATA_URI_TAGS", qe, {
+		}), qe = Zt(e, "ADD_DATA_URI_TAGS", Je, {
 			transform: Q,
-			base: qe
-		}), We = Zt(e, "FORBID_CONTENTS", Ge, { transform: Q }), Ce = Zt(e, "FORBID_TAGS", clone({}), { transform: Q }), we = Zt(e, "FORBID_ATTR", clone({}), { transform: Q }), Ue = X(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, G = e.SAFE_FOR_XML !== !1, je = e.WHOLE_DOCUMENT || !1, Ie = e.RETURN_DOM || !1, Le = e.RETURN_DOM_FRAGMENT || !1, Re = e.RETURN_TRUSTED_TYPE || !1, Fe = e.FORCE_BODY || !1, ze = e.SANITIZE_DOM !== !1, Be = e.SANITIZE_NAMED_PROPS || !1, K = e.KEEP_CONTENT !== !1, He = e.IN_PLACE || !1, ye = isRegex(e.ALLOWED_URI_REGEXP) ? e.ALLOWED_URI_REGEXP : Rt, tt = typeof e.NAMESPACE == "string" ? e.NAMESPACE : et, yt = X(e, "MATHML_TEXT_INTEGRATION_POINTS") && e.MATHML_TEXT_INTEGRATION_POINTS && typeof e.MATHML_TEXT_INTEGRATION_POINTS == "object" ? clone(e.MATHML_TEXT_INTEGRATION_POINTS) : addToSet({}, vt), Qt = X(e, "HTML_INTEGRATION_POINTS") && e.HTML_INTEGRATION_POINTS && typeof e.HTML_INTEGRATION_POINTS == "object" ? clone(e.HTML_INTEGRATION_POINTS) : addToSet({}, bt);
+			base: Je
+		}), Ge = Zt(e, "FORBID_CONTENTS", Ke, { transform: Q }), Se = Zt(e, "FORBID_TAGS", clone({}), { transform: Q }), Ce = Zt(e, "FORBID_ATTR", clone({}), { transform: Q }), We = X(e, "USE_PROFILES") ? e.USE_PROFILES && typeof e.USE_PROFILES == "object" ? clone(e.USE_PROFILES) : e.USE_PROFILES : !1, Te = e.ALLOW_ARIA_ATTR !== !1, Ee = e.ALLOW_DATA_ATTR !== !1, De = e.ALLOW_UNKNOWN_PROTOCOLS || !1, Oe = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, ke = e.SAFE_FOR_TEMPLATES || !1, Ae = e.SAFE_FOR_XML !== !1, je = e.WHOLE_DOCUMENT || !1, Ie = e.RETURN_DOM || !1, Le = e.RETURN_DOM_FRAGMENT || !1, Re = e.RETURN_TRUSTED_TYPE || !1, Fe = e.FORCE_BODY || !1, ze = e.SANITIZE_DOM !== !1, Be = e.SANITIZE_NAMED_PROPS || !1, He = e.KEEP_CONTENT !== !1, Ue = e.IN_PLACE || !1, ve = isRegex(e.ALLOWED_URI_REGEXP) ? e.ALLOWED_URI_REGEXP : Rt, tt = typeof e.NAMESPACE == "string" ? e.NAMESPACE : et, yt = X(e, "MATHML_TEXT_INTEGRATION_POINTS") && e.MATHML_TEXT_INTEGRATION_POINTS && typeof e.MATHML_TEXT_INTEGRATION_POINTS == "object" ? clone(e.MATHML_TEXT_INTEGRATION_POINTS) : addToSet({}, vt), Qt = X(e, "HTML_INTEGRATION_POINTS") && e.HTML_INTEGRATION_POINTS && typeof e.HTML_INTEGRATION_POINTS == "object" ? clone(e.HTML_INTEGRATION_POINTS) : addToSet({}, bt);
 		let t = X(e, "CUSTOM_ELEMENT_HANDLING") && e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING == "object" ? clone(e.CUSTOM_ELEMENT_HANDLING) : $e(null);
-		if (W = $e(null), X(t, "tagNameCheck") && an(t.tagNameCheck) && (W.tagNameCheck = t.tagNameCheck), X(t, "attributeNameCheck") && an(t.attributeNameCheck) && (W.attributeNameCheck = t.attributeNameCheck), X(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (W.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), J(W), Ae && (De = !1), Le && (Ie = !0), Ue && (H = addToSet({}, Ot), U = $e(null), Ue.html === !0 && (addToSet(H, St), addToSet(U, kt)), Ue.svg === !0 && (addToSet(H, Ct), addToSet(U, At), addToSet(U, Mt)), Ue.svgFilters === !0 && (addToSet(H, wt), addToSet(U, At), addToSet(U, Mt)), Ue.mathMl === !0 && (addToSet(H, Et), addToSet(U, jt), addToSet(U, Mt))), Te.tagCheck = null, Te.attributeCheck = null, X(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))), X(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))), X(e, "ADD_URI_SAFE_ATTR") && lt(e.ADD_URI_SAFE_ATTR) && addToSet(Ye, e.ADD_URI_SAFE_ATTR, Q), X(e, "FORBID_CONTENTS") && lt(e.FORBID_CONTENTS) && (We === Ge && (We = clone(We)), addToSet(We, e.FORBID_CONTENTS, Q)), X(e, "ADD_FORBID_CONTENTS") && lt(e.ADD_FORBID_CONTENTS) && (We === Ge && (We = clone(We)), addToSet(We, e.ADD_FORBID_CONTENTS, Q)), K && (H["#text"] = !0), je && addToSet(H, [
+		if (G = $e(null), X(t, "tagNameCheck") && an(t.tagNameCheck) && (G.tagNameCheck = t.tagNameCheck), X(t, "attributeNameCheck") && an(t.attributeNameCheck) && (G.attributeNameCheck = t.attributeNameCheck), X(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (G.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), J(G), ke && (Ee = !1), Le && (Ie = !0), We && (U = addToSet({}, Ot), W = $e(null), We.html === !0 && (addToSet(U, St), addToSet(W, kt)), We.svg === !0 && (addToSet(U, Ct), addToSet(W, At), addToSet(W, Mt)), We.svgFilters === !0 && (addToSet(U, wt), addToSet(W, At), addToSet(W, Mt)), We.mathMl === !0 && (addToSet(U, Et), addToSet(W, jt), addToSet(W, Mt))), we.tagCheck = null, we.attributeCheck = null, X(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? we.tagCheck = e.ADD_TAGS : lt(e.ADD_TAGS) && (U === ye && (U = clone(U)), addToSet(U, e.ADD_TAGS, Q))), X(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? we.attributeCheck = e.ADD_ATTR : lt(e.ADD_ATTR) && (W === be && (W = clone(W)), addToSet(W, e.ADD_ATTR, Q))), X(e, "ADD_URI_SAFE_ATTR") && lt(e.ADD_URI_SAFE_ATTR) && addToSet(K, e.ADD_URI_SAFE_ATTR, Q), X(e, "FORBID_CONTENTS") && lt(e.FORBID_CONTENTS) && (Ge === Ke && (Ge = clone(Ge)), addToSet(Ge, e.FORBID_CONTENTS, Q)), X(e, "ADD_FORBID_CONTENTS") && lt(e.ADD_FORBID_CONTENTS) && (Ge === Ke && (Ge = clone(Ge)), addToSet(Ge, e.ADD_FORBID_CONTENTS, Q)), He && (U["#text"] = !0), je && addToSet(U, [
 			"html",
 			"head",
 			"body"
-		]), H.table && (addToSet(H, ["tbody"]), delete Ce.tbody), e.TRUSTED_TYPES_POLICY) {
+		]), U.table && (addToSet(U, ["tbody"]), delete Se.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 = S;
-			S = e.TRUSTED_TYPES_POLICY;
+			let t = T;
+			T = e.TRUSTED_TYPES_POLICY;
 			try {
-				C = k("");
+				k = j("");
 			} catch (e) {
-				throw S = t, e;
+				throw T = t, e;
 			}
-		} else e.TRUSTED_TYPES_POLICY === null ? (S = void 0, C = "") : (S === void 0 && (S = oe()), S && typeof C == "string" && (C = k("")));
+		} else e.TRUSTED_TYPES_POLICY === null ? (T = void 0, k = "") : (T === void 0 && (T = ie()), T && typeof k == "string" && (k = j("")));
 		q && q(e), nn = e;
 	}, sn = addToSet({}, [
 		...Ct,
@@ -1712,7 +1749,7 @@ function createDOMPurify() {
 				} catch {}
 			});
 		}
-		let n = b(e);
+		let n = x(e);
 		if (n) for (let t = n.length - 1; t >= 0; --t) {
 			let r = n[t], i = r && r.name;
 			if (typeof i == "string") try {
@@ -1738,10 +1775,10 @@ function createDOMPurify() {
 			t.setAttribute(e, "");
 		} catch {}
 	}, gn = function _stripDisallowedAttributes(e) {
-		let t = b(e);
+		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" || U[Q(i)])) try {
+			if (!(typeof i != "string" || W[Q(i)])) try {
 				e.removeAttribute(i);
 			} catch {}
 		}
@@ -1749,15 +1786,15 @@ function createDOMPurify() {
 		let t = [e];
 		for (; t.length > 0;) {
 			let e = t.pop();
-			(x ? x(e) : e.nodeType) === qt.element && gn(e);
+			(S ? S(e) : e.nodeType) === qt.element && gn(e);
 			let n = _(e);
 			if (n) for (let e = n.length - 1; e >= 0; --e) t.push(n[e]);
 		}
 	}, vn = function _neutralizePatchLinkage(e) {
-		if (!G) return;
+		if (!Ae) return;
 		let t = [e];
 		for (; t.length > 0;) {
-			let e = t.pop(), n = x ? x(e) : e.nodeType;
+			let e = t.pop(), n = S ? S(e) : e.nodeType;
 			if (n === qt.processingInstruction || n === qt.comment && Z(Wt, e.data)) {
 				try {
 					m(e);
@@ -1765,7 +1802,7 @@ function createDOMPurify() {
 				continue;
 			}
 			if (n === qt.element) {
-				let t = e, n = Q(ne ? ne(e) : e.nodeName);
+				let t = e, n = Q(C ? C(e) : e.nodeName);
 				try {
 					t.hasAttribute && t.hasAttribute("patchsrc") && t.removeAttribute("patchsrc"), t.hasAttribute && t.hasAttribute("for") && n !== "label" && n !== "output" && t.removeAttribute("for");
 				} catch {}
@@ -1781,44 +1818,44 @@ function createDOMPurify() {
 			r = t && t[0];
 		}
 		en === "application/xhtml+xml" && tt === et && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
-		let i = S ? k(e) : e;
+		let i = T ? j(e) : e;
 		if (tt === et) try {
 			n = new c().parseFromString(i, en);
 		} catch {}
 		if (!n || !n.documentElement) {
-			n = se.createDocument(tt, "template", null);
+			n = ae.createDocument(tt, "template", null);
 			try {
-				n.documentElement.innerHTML = nt ? C : i;
+				n.documentElement.innerHTML = nt ? k : i;
 			} catch {}
 		}
 		let a = n.body || n.documentElement;
-		return e && r && a.insertBefore(t.createTextNode(r), a.childNodes[0] || null), tt === et ? ue.call(n, je ? "html" : "body")[0] : je ? n.documentElement : a;
+		return e && r && a.insertBefore(t.createTextNode(r), a.childNodes[0] || null), tt === et ? se.call(n, je ? "html" : "body")[0] : je ? n.documentElement : a;
 	}, bn = function _createNodeIterator(e) {
-		return M.call(e.ownerDocument || e, e, s.SHOW_ELEMENT | s.SHOW_COMMENT | s.SHOW_TEXT | s.SHOW_PROCESSING_INSTRUCTION | s.SHOW_CDATA_SECTION, null);
+		return F.call(e.ownerDocument || e, e, s.SHOW_ELEMENT | s.SHOW_COMMENT | s.SHOW_TEXT | s.SHOW_PROCESSING_INSTRUCTION | s.SHOW_CDATA_SECTION, null);
 	}, xn = function _stripTemplateExpressions(e) {
-		return e = pt(e, pe, " "), e = pt(e, he, " "), e = pt(e, F, " "), e;
+		return e = pt(e, ue, " "), e = pt(e, de, " "), e = pt(e, pe, " "), e;
 	}, Sn = function _scrubTemplateExpressions(e) {
 		e.normalize();
-		let t = M.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 = F.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) => {
 			wn(e.content) && Sn(e.content);
 		});
 	}, Cn = function _isClobbered(e) {
-		let t = ne ? ne(e) : null;
-		return typeof t != "string" || Q(t) !== "form" ? !1 : typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || e.attributes !== b(e) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function" || e.nodeType !== x(e) || e.childNodes !== _(e);
+		let t = C ? C(e) : null;
+		return typeof t != "string" || Q(t) !== "form" ? !1 : typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || e.attributes !== x(e) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function" || e.nodeType !== S(e) || e.childNodes !== _(e);
 	}, wn = function _isDocumentFragment(e) {
-		if (!x || typeof e != "object" || !e) return !1;
+		if (!S || typeof e != "object" || !e) return !1;
 		try {
-			return x(e) === qt.documentFragment;
+			return S(e) === qt.documentFragment;
 		} catch {
 			return !1;
 		}
 	}, Tn = function _isNode(e) {
-		if (!x || typeof e != "object" || !e) return !1;
+		if (!S || typeof e != "object" || !e) return !1;
 		try {
-			return typeof x(e) == "number";
+			return typeof S(e) == "number";
 		} catch {
 			return !1;
 		}
@@ -1829,46 +1866,46 @@ function createDOMPurify() {
 		});
 	}
 	let En = function _isUnsafeNode(e, t) {
-		return !!(G && e.hasChildNodes() && !Tn(e.firstElementChild) && Z(Ut, e.textContent) && Z(Ut, e.innerHTML) || G && e.namespaceURI === et && t === "style" && Tn(e.firstElementChild) || e.nodeType === qt.processingInstruction || G && e.nodeType === qt.comment && Z(Wt, e.data));
+		return !!(Ae && e.hasChildNodes() && !Tn(e.firstElementChild) && Z(Ut, e.textContent) && Z(Ut, e.innerHTML) || Ae && e.namespaceURI === et && t === "style" && Tn(e.firstElementChild) || e.nodeType === qt.processingInstruction || Ae && e.nodeType === qt.comment && Z(Wt, e.data));
 	}, Dn = function _sanitizeDisallowedNode(e, t) {
-		if (!Ce[t] && jn(t) && (W.tagNameCheck instanceof RegExp && Z(W.tagNameCheck, t) || W.tagNameCheck instanceof Function && W.tagNameCheck(t))) return !1;
-		if (K && !We[t]) {
+		if (!Se[t] && jn(t) && (G.tagNameCheck instanceof RegExp && Z(G.tagNameCheck, t) || G.tagNameCheck instanceof Function && G.tagNameCheck(t))) return !1;
+		if (He && !Ge[t]) {
 			let t = v(e), n = _(e);
 			if (n && t) {
 				let r = n.length;
 				for (let i = r - 1; i >= 0; --i) {
-					let r = He ? n[i] : p(n[i], !0);
+					let r = Ue ? n[i] : p(n[i], !0);
 					t.insertBefore(r, h(e));
 				}
 			}
 		}
 		return pn(e), !0;
 	}, On = function _sanitizeElements(e, t) {
-		if (_executeHooks(P.beforeSanitizeElements, e, null), e !== t && v(e) === null) return !0;
+		if (_executeHooks(I.beforeSanitizeElements, e, null), e !== t && v(e) === null) return !0;
 		if (Cn(e)) return pn(e), !0;
-		let n = Q(ne ? ne(e) : e.nodeName);
-		if (_executeHooks(P.uponSanitizeElement, e, {
+		let n = Q(C ? C(e) : e.nodeName);
+		if (_executeHooks(I.uponSanitizeElement, e, {
 			tagName: n,
-			allowedTags: H
+			allowedTags: U
 		}), e !== t && v(e) === null) return !0;
 		if (En(e, n)) return pn(e), !0;
-		if (Ce[n] || !(Te.tagCheck instanceof Function && Te.tagCheck(n)) && !H[n]) {
+		if (Se[n] || !(we.tagCheck instanceof Function && we.tagCheck(n)) && !U[n]) {
 			let t = Dn(e, n);
-			return t === !1 && _executeHooks(P.afterSanitizeElements, e, null), t;
+			return t === !1 && _executeHooks(I.afterSanitizeElements, e, null), t;
 		}
-		if ((x ? x(e) : e.nodeType) === qt.element && !fn(e) || (n === "noscript" || n === "noembed" || n === "noframes") && Z(Gt, e.innerHTML)) return pn(e), !0;
-		if (Ae && e.nodeType === qt.text) {
+		if ((S ? S(e) : e.nodeType) === qt.element && !fn(e) || (n === "noscript" || n === "noembed" || n === "noframes") && Z(Gt, e.innerHTML)) return pn(e), !0;
+		if (ke && e.nodeType === qt.text) {
 			let t = xn(e.textContent);
 			e.textContent !== t && (st(DOMPurify.removed, { element: e.cloneNode() }), e.textContent = t);
 		}
-		return _executeHooks(P.afterSanitizeElements, e, null), !1;
+		return _executeHooks(I.afterSanitizeElements, e, null), !1;
 	}, kn = function _isValidAttribute(e, n, r) {
-		if (we[n] || G && n === "patchsrc" || G && n === "for" && e !== "label" && e !== "output" || ze && (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 && Z(I, n)) && !(Ee && Z(R, n))) {
+		if (Ce[n] || Ae && n === "patchsrc" || Ae && n === "for" && e !== "label" && e !== "output" || ze && (n === "id" || n === "name") && (r in t || r in rn)) return !1;
+		let i = W[n] || we.attributeCheck instanceof Function && we.attributeCheck(n, e);
+		if (!(Ee && Z(R, n)) && !(Te && Z(B, n))) {
 			if (!i) {
-				if (!(jn(e) && (W.tagNameCheck instanceof RegExp && Z(W.tagNameCheck, e) || W.tagNameCheck instanceof Function && W.tagNameCheck(e)) && (W.attributeNameCheck instanceof RegExp && Z(W.attributeNameCheck, n) || W.attributeNameCheck instanceof Function && W.attributeNameCheck(n, e)) || n === "is" && W.allowCustomizedBuiltInElements && (W.tagNameCheck instanceof RegExp && Z(W.tagNameCheck, r) || W.tagNameCheck instanceof Function && W.tagNameCheck(r)))) return !1;
-			} else if (!Ye[n] && !Z(ye, pt(r, ve, "")) && !((n === "src" || n === "xlink:href" || n === "href") && e !== "script" && mt(r, "data:") === 0 && Ke[e]) && !(Oe && !Z(_e, pt(r, ve, ""))) && r) return !1;
+				if (!(jn(e) && (G.tagNameCheck instanceof RegExp && Z(G.tagNameCheck, e) || G.tagNameCheck instanceof Function && G.tagNameCheck(e)) && (G.attributeNameCheck instanceof RegExp && Z(G.attributeNameCheck, n) || G.attributeNameCheck instanceof Function && G.attributeNameCheck(n, e)) || n === "is" && G.allowCustomizedBuiltInElements && (G.tagNameCheck instanceof RegExp && Z(G.tagNameCheck, r) || G.tagNameCheck instanceof Function && G.tagNameCheck(r)))) return !1;
+			} else if (!K[n] && !Z(ve, pt(r, _e, "")) && !((n === "src" || n === "xlink:href" || n === "href") && e !== "script" && mt(r, "data:") === 0 && qe[e]) && !(De && !Z(he, pt(r, _e, ""))) && r) return !1;
 		}
 		return !0;
 	}, An = addToSet({}, [
@@ -1881,11 +1918,11 @@ function createDOMPurify() {
 		"font-face-uri",
 		"missing-glyph"
 	]), jn = function _isBasicCustomElement(e) {
-		return !An[ut(e)] && Z(B, e);
+		return !An[ut(e)] && Z(H, e);
 	}, Mn = function _applyTrustedTypesToAttribute(e, t, n, r) {
-		if (S && typeof u == "object" && typeof u.getAttributeType == "function" && !n) switch (u.getAttributeType(e, t)) {
-			case "TrustedHTML": return k(r);
-			case "TrustedScriptURL": return A(r);
+		if (T && typeof u == "object" && typeof u.getAttributeType == "function" && !n) switch (u.getAttributeType(e, t)) {
+			case "TrustedHTML": return j(r);
+			case "TrustedScriptURL": return M(r);
 		}
 		return r;
 	}, Nn = function _setAttributeValue(e, t, n, r) {
@@ -1895,19 +1932,19 @@ function createDOMPurify() {
 			hn(t, e);
 		}
 	}, Pn = function _sanitizeAttributes(e) {
-		_executeHooks(P.beforeSanitizeAttributes, e, null);
+		_executeHooks(I.beforeSanitizeAttributes, e, null);
 		let t = e.attributes;
 		if (!t || Cn(e)) return;
 		let n = {
 			attrName: "",
 			attrValue: "",
 			keepAttr: !0,
-			allowedAttributes: U,
+			allowedAttributes: W,
 			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(P.uponSanitizeAttribute, e, n), p = n.attrValue, Be && (u === "id" || u === "name") && mt(p, Ve) !== 0 && (hn(o, e), p = Ve + p), G && Z(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, p)) {
+			if (n.attrName = u, n.attrValue = p, n.keepAttr = !0, n.forceKeepAttr = void 0, _executeHooks(I.uponSanitizeAttribute, e, n), p = n.attrValue, Be && (u === "id" || u === "name") && mt(p, Ve) !== 0 && (hn(o, e), p = Ve + p), Ae && Z(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, p)) {
 				hn(o, e);
 				continue;
 			}
@@ -1920,25 +1957,25 @@ function createDOMPurify() {
 					hn(o, e);
 					continue;
 				}
-				if (!ke && Z(Kt, p)) {
+				if (!Oe && Z(Kt, p)) {
 					hn(o, e);
 					continue;
 				}
-				if (Ae && (p = xn(p)), !kn(i, u, p)) {
+				if (ke && (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(P.afterSanitizeAttributes, e, null);
+		_executeHooks(I.afterSanitizeAttributes, e, null);
 	}, Fn = function _sanitizeShadowDOM(e) {
 		let t = null, n = bn(e);
-		for (_executeHooks(P.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) if (_executeHooks(P.uponSanitizeShadowNode, t, null), On(t, e), Pn(t), wn(t.content) && Fn(t.content), (x ? x(t) : t.nodeType) === qt.element) {
-			let e = te(t);
+		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) {
+			let e = b(t);
 			wn(e) && (In(e), Fn(e));
 		}
-		_executeHooks(P.afterSanitizeShadowDOM, e, null);
+		_executeHooks(I.afterSanitizeShadowDOM, e, null);
 	}, In = function _sanitizeAttachedShadowRoots(e) {
 		let t = [{
 			node: e,
@@ -1950,13 +1987,13 @@ function createDOMPurify() {
 				Fn(e.shadow);
 				continue;
 			}
-			let n = e.node, r = (x ? x(n) : n.nodeType) === qt.element, i = _(n);
+			let n = e.node, r = (S ? S(n) : n.nodeType) === qt.element, i = _(n);
 			if (i) for (let e = i.length - 1; e >= 0; --e) t.push({
 				node: i[e],
 				shadow: null
 			});
 			if (r) {
-				let e = ne ? ne(n) : null;
+				let e = C ? C(n) : null;
 				if (typeof e == "string" && Q(e) === "template") {
 					let e = n.content;
 					wn(e) && t.push({
@@ -1966,7 +2003,7 @@ function createDOMPurify() {
 				}
 			}
 			if (r) {
-				let e = te(n);
+				let e = b(n);
 				wn(e) && t.push({
 					node: null,
 					shadow: e
@@ -1981,14 +2018,14 @@ function createDOMPurify() {
 		let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = null, i = null, a = null, o = null;
 		if (nt = !e, nt && (e = "<!-->"), typeof e != "string" && !Tn(e) && (e = stringifyValue(e), typeof e != "string")) throw xt("dirty is not a string, aborting");
 		if (!DOMPurify.isSupported) return e;
-		Me ? (H = Ne, U = Pe) : on(t), (P.uponSanitizeElement.length > 0 || P.uponSanitizeAttribute.length > 0) && (H = clone(H)), P.uponSanitizeAttribute.length > 0 && (U = clone(U)), DOMPurify.removed = [];
-		let s = He && typeof e != "string" && Tn(e);
+		Me ? (U = Ne, W = Pe) : on(t), (I.uponSanitizeElement.length > 0 || I.uponSanitizeAttribute.length > 0) && (U = clone(U)), I.uponSanitizeAttribute.length > 0 && (W = clone(W)), DOMPurify.removed = [];
+		let s = Ue && typeof e != "string" && Tn(e);
 		if (s) {
 			vn(e);
-			let t = ne ? ne(e) : e.nodeName;
+			let t = C ? C(e) : e.nodeName;
 			if (typeof t == "string") {
 				let n = Q(t);
-				if (!H[n] || Ce[n]) throw mn(e), xt("root node is forbidden and cannot be sanitized in-place");
+				if (!U[n] || Se[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 {
@@ -1998,8 +2035,8 @@ function createDOMPurify() {
 			}
 		} else if (Tn(e)) r = yn("<!---->"), i = r.ownerDocument.importNode(e, !0), i.nodeType === qt.element && i.nodeName === "BODY" || i.nodeName === "HTML" ? r = i : r.appendChild(i), In(i);
 		else {
-			if (!Ie && !Ae && !je && e.indexOf("<") === -1) return S && Re ? k(e) : e;
-			if (r = yn(e), !r) return Ie ? null : Re ? C : "";
+			if (!Ie && !ke && !je && e.indexOf("<") === -1) return T && Re ? j(e) : e;
+			if (r = yn(e), !r) return Ie ? null : Re ? k : "";
 		}
 		r && Fe && pn(r.firstChild);
 		let c = s ? e : r, u = bn(c);
@@ -2012,37 +2049,37 @@ function createDOMPurify() {
 		}
 		if (s) return rt(DOMPurify.removed, (e) => {
 			e.element && _n(e.element);
-		}), Ae && Sn(e), e;
+		}), ke && Sn(e), e;
 		if (Ie) {
-			if (Ae && Sn(r), Le) for (o = ce.call(r.ownerDocument); r.firstChild;) o.appendChild(r.firstChild);
+			if (ke && Sn(r), Le) for (o = oe.call(r.ownerDocument); r.firstChild;) o.appendChild(r.firstChild);
 			else o = r;
-			return (U.shadowroot || U.shadowrootmode) && (o = de.call(n, o, !0)), o;
+			return (W.shadowroot || W.shadowrootmode) && (o = ce.call(n, o, !0)), o;
 		}
 		let f = je ? r.outerHTML : r.innerHTML;
-		return je && H["!doctype"] && r.ownerDocument && r.ownerDocument.doctype && r.ownerDocument.doctype.name && Z(Vt, r.ownerDocument.doctype.name) && (f = "<!DOCTYPE " + r.ownerDocument.doctype.name + ">\n" + f), Ae && (f = xn(f)), S && Re ? k(f) : f;
+		return je && U["!doctype"] && r.ownerDocument && r.ownerDocument.doctype && r.ownerDocument.doctype.name && Z(Vt, r.ownerDocument.doctype.name) && (f = "<!DOCTYPE " + r.ownerDocument.doctype.name + ">\n" + f), ke && (f = xn(f)), T && Re ? j(f) : f;
 	}, DOMPurify.setConfig = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-		on(e), Me = !0, Ne = H, Pe = U;
+		on(e), Me = !0, Ne = U, Pe = W;
 	}, DOMPurify.clearConfig = function() {
-		nn = null, Me = !1, Ne = null, Pe = null, S = re, C = "";
+		nn = null, Me = !1, Ne = null, Pe = null, T = te, k = "";
 	}, DOMPurify.isValidAttribute = function(e, t, n) {
 		nn || on({});
 		let r = Q(e), i = Q(t);
 		return kn(r, i, n);
 	}, DOMPurify.addHook = function(e, t) {
-		typeof t == "function" && X(P, e) && st(P[e], t);
+		typeof t == "function" && X(I, e) && st(I[e], t);
 	}, DOMPurify.removeHook = function(e, t) {
-		if (X(P, e)) {
+		if (X(I, e)) {
 			if (t !== void 0) {
-				let n = it(P[e], t);
-				return n === -1 ? void 0 : ct(P[e], n, 1)[0];
+				let n = it(I[e], t);
+				return n === -1 ? void 0 : ct(I[e], n, 1)[0];
 			}
-			return at(P[e]);
+			return at(I[e]);
 		}
 	}, DOMPurify.removeHooks = function(e) {
-		X(P, e) && (P[e] = []);
+		X(I, e) && (I[e] = []);
 	}, DOMPurify.removeAllHooks = function() {
-		P = Xt();
+		I = Xt();
 	}, DOMPurify;
 }
 var Qt = createDOMPurify(), _Class;
@@ -3472,7 +3509,7 @@ g.options = g.setOptions = function(e) {
 }, g.parseInline = pr.parseInline, g.Parser = dr, g.parser = dr.parse, g.Renderer = y, g.TextRenderer = L, g.Lexer = ur, g.lexer = ur.lex, g.Tokenizer = w, g.Hooks = fr, g.parse = g, g.options, g.setOptions, g.use, g.walkTokens, g.parseInline, dr.parse, ur.lex;
 //#endregion
 //#region agent/ui/ChatCardBlock.vue?vue&type=script&setup=true&lang.ts
-var mr = ["aria-label"], hr = { class: "px-4 pb-2 pt-4" }, gr = ["innerHTML"], _r = ["onClick"], vr = /* @__PURE__ */ x({
+var mr = ["aria-label"], hr = { class: "px-4 pb-2 pt-4" }, gr = ["innerHTML"], _r = ["onClick"], vr = /* @__PURE__ */ S({
 	__name: "ChatCardBlock",
 	props: {
 		spec: {},
@@ -3494,10 +3531,10 @@ var mr = ["aria-label"], hr = { class: "px-4 pb-2 pt-4" }, gr = ["innerHTML"], _
 				color: s.value
 			};
 		}
-		return (t, n) => (T(), _("div", {
+		return (t, n) => (A(), _("div", {
 			"data-test": "chat-card",
 			class: "my-6 w-full max-w-[55ch] self-start overflow-hidden rounded-2xl",
-			style: C({
+			style: k({
 				background: m.value,
 				boxShadow: u.value
 			}),
@@ -3505,26 +3542,26 @@ var mr = ["aria-label"], hr = { class: "px-4 pb-2 pt-4" }, gr = ["innerHTML"], _
 		}, [
 			v("div", hr, [v("div", {
 				class: "text-[14px] font-semibold leading-tight",
-				style: C({ color: s.value })
-			}, M(e.spec.title), 5)]),
-			i.value ? (T(), _("div", {
+				style: k({ color: s.value })
+			}, F(e.spec.title), 5)]),
+			i.value ? (A(), _("div", {
 				key: 0,
 				class: "chat-msg-prose px-4 pb-4 pt-2 text-[14px] leading-relaxed",
-				style: C({ color: c.value }),
+				style: k({ color: c.value }),
 				innerHTML: i.value
 			}, null, 12, gr)) : h("", !0),
-			e.spec.actions?.length ? (T(), _("div", {
+			e.spec.actions?.length ? (A(), _("div", {
 				key: 1,
 				class: "flex flex-wrap items-center gap-2 px-3 py-2.5",
-				style: C({ borderTop: `1px solid ${o.value}` })
-			}, [(T(!0), _(f, null, A(e.spec.actions, (e) => (T(), _("button", {
+				style: k({ borderTop: `1px solid ${o.value}` })
+			}, [(A(!0), _(f, null, M(e.spec.actions, (e) => (A(), _("button", {
 				key: e.label,
 				type: "button",
 				"data-test": "chat-card-action",
 				class: "inline-flex h-10 items-center justify-center rounded-full px-5 text-[14px] font-semibold transition-colors duration-150 active:opacity-80",
-				style: C(actionStyle(e.style)),
+				style: k(actionStyle(e.style)),
 				onClick: (t) => r("action", e.reply)
-			}, M(e.label), 13, _r))), 128))], 4)) : h("", !0)
+			}, F(e.label), 13, _r))), 128))], 4)) : h("", !0)
 		], 12, mr));
 	}
 }), yr = 112, br = 52, xr = 14, Sr = 54, Cr = 34, wr = 260;
@@ -3752,20 +3789,20 @@ var kr = [
 ], $r = ["points"], ei = ["width", "height"], ti = ["width", "height"], ni = {
 	xmlns: "http://www.w3.org/1999/xhtml",
 	class: "flex h-full min-w-0 flex-col items-center justify-center text-center"
-}, ri = /* @__PURE__ */ x({
+}, ri = /* @__PURE__ */ S({
 	__name: "ChatVisualBlock",
 	props: {
 		result: {},
 		inverted: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = k(), r = se(360), i;
-		ie(() => {
+		let t = e, n = j(), r = ae(360), i;
+		ne(() => {
 			typeof ResizeObserver > "u" || !n.value || (i = new ResizeObserver((e) => {
 				let t = e[0]?.contentRect.width;
 				t && (r.value = Math.round(t));
 			}), i.observe(n.value));
-		}), re(() => i?.disconnect());
+		}), te(() => i?.disconnect());
 		let a = p(() => Math.min(720, Math.max(280, r.value))), o = p(() => t.result.ok ? t.result.spec : null), s = p(() => o.value?.visualType === "chart" ? o.value : null), c = p(() => o.value?.visualType === "diagram" ? o.value : null);
 		function isCartesianChart(e) {
 			return e?.chartType === "bar" || e?.chartType === "line" || e?.chartType === "scatter";
@@ -3773,7 +3810,7 @@ var kr = [
 		function isPieChart(e) {
 			return e?.chartType === "pie";
 		}
-		let u = p(() => s.value?.data ?? []), m = p(() => isCartesianChart(s.value) ? s.value : null), te = p(() => m.value?.series ?? []), b = p(() => isPieChart(s.value) ? s.value : null), x = p(() => m.value?.chartType === "bar" && m.value.stacking === "stacked");
+		let u = p(() => s.value?.data ?? []), m = p(() => isCartesianChart(s.value) ? s.value : null), b = p(() => m.value?.series ?? []), x = p(() => isPieChart(s.value) ? s.value : null), S = p(() => m.value?.chartType === "bar" && m.value.stacking === "stacked");
 		function numericValue(e) {
 			return typeof e == "number" && Number.isFinite(e) ? e : null;
 		}
@@ -3805,7 +3842,7 @@ var kr = [
 				intercept: (r - s * n) / t
 			};
 		}
-		let ne = p(() => {
+		let C = p(() => {
 			let e = [], t = m.value;
 			if (!t) return e;
 			if (t.chartType === "bar" && t.stacking === "stacked") for (let n of t.data) {
@@ -3835,8 +3872,8 @@ var kr = [
 			let n = e > 0 ? e : 1, r = Math.floor(Math.log10(n)), i = n / 10 ** r, a;
 			return a = t ? i < 1.5 ? 1 : i < 3 ? 2 : i < 7 ? 5 : 10 : i <= 1 ? 1 : i <= 2 ? 2 : i <= 5 ? 5 : 10, a * 10 ** r;
 		}
-		let S = p(() => {
-			let e = ne.value, t = e.length ? Math.max(0, ...e) : 1, n = e.length ? Math.min(0, ...e) : 0;
+		let T = p(() => {
+			let e = C.value, t = e.length ? Math.max(0, ...e) : 1, n = e.length ? Math.min(0, ...e) : 0;
 			if (n === t) return {
 				min: 0,
 				max: t || 1,
@@ -3849,7 +3886,7 @@ var kr = [
 				max: a,
 				ticks: o
 			};
-		}), ae = p(() => resolveSharedSeriesFormat({ series: te.value })), oe = p(() => {
+		}), re = p(() => resolveSharedSeriesFormat({ series: b.value })), ie = p(() => {
 			let e = m.value;
 			if (!e) return {
 				mode: "horizontal",
@@ -3860,8 +3897,8 @@ var kr = [
 				labels: e.data.map((e) => String(e?.[t] ?? "")),
 				plotWidth: Math.max(200, a.value - 42)
 			});
-		}), j = p(() => {
-			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";
+		}), P = p(() => {
+			let e = re.value?.valueFormat, t = !!(re.value && (e === "currency" || e === "percent" || re.value.valuePrefix || re.value.valueSuffix)), n = e === "duration" ? 46 : t ? 38 : 30, r = ie.value.mode === "angled";
 			return {
 				width: a.value,
 				height: 168 + (r ? 36 : 0),
@@ -3872,7 +3909,7 @@ var kr = [
 			};
 		});
 		function labelCenterX(e, t) {
-			let n = m.value, r = j.value;
+			let n = m.value, r = P.value;
 			if (n?.chartType === "bar") {
 				let n = r.width - r.left - r.right;
 				return r.left + (e + .5) * (n / Math.max(t, 1));
@@ -3880,11 +3917,11 @@ var kr = [
 			return xForIndex(e, t);
 		}
 		function xForIndex(e, t) {
-			let n = j.value, r = n.width - n.left - n.right;
+			let n = P.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 } = S.value, r = j.value, i = r.height - r.top - r.bottom;
+			let { min: t, max: n } = T.value, r = P.value, i = r.height - r.top - r.bottom;
 			return r.top + (n - e) / (n - t || 1) * i;
 		}
 		function pathForSeries(e) {
@@ -3894,7 +3931,7 @@ var kr = [
 				return `${r === 0 ? "M" : "L"} ${xForIndex(r, t.data.length).toFixed(1)} ${yForValue(i).toFixed(1)}`;
 			}).join(" ") : "";
 		}
-		let ue = p(() => {
+		let se = p(() => {
 			let e = m.value;
 			if (!e?.trendLine || e.chartType !== "line" && e.chartType !== "scatter") return null;
 			let t = trendLinePoints(e, e.trendLine.dataKey), n = linearTrend(t);
@@ -3905,11 +3942,11 @@ var kr = [
 				dataKey: e.trendLine.dataKey,
 				seriesIndex: s
 			};
-		}), de = p(() => {
+		}), ce = p(() => {
 			let e = m.value;
 			if (!e || e.chartType !== "bar") return [];
-			let t = j.value, n = (t.width - t.left - t.right) / Math.max(e.data.length, 1), r = yForValue(0);
-			if (x.value) {
+			let t = P.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) => {
 					let o = 0, s = 0, c = t.left + a * n + (n - r) / 2;
@@ -3942,12 +3979,12 @@ var kr = [
 					dataKey: e.dataKey
 				};
 			}));
-		}), P = p(() => {
+		}), I = p(() => {
 			let e = m.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 = ie.value, i = r.mode === "angled";
 			return r.entries.map(({ index: e, text: r }) => ({
 				key: `${e}`,
 				label: r,
@@ -3955,9 +3992,9 @@ var kr = [
 				anchor: i ? "end" : e === 0 ? "start" : e === n ? "end" : "middle",
 				angled: i
 			})).filter((e) => e.label);
-		}), pe = p(() => {
+		}), ue = p(() => {
 			let e = m.value;
-			if (!e || e.chartType !== "bar" || e.series.length !== 1 || x.value) return [];
+			if (!e || e.chartType !== "bar" || e.series.length !== 1 || S.value) return [];
 			let t = e.series[0], n = e.data.map((n, r) => {
 				let i = categoryLabel(n, e.xKey), a = numericValue(n[t.dataKey]);
 				return !i || a === null ? null : {
@@ -3978,7 +4015,7 @@ var kr = [
 				width: e.rawValue <= 0 ? 0 : Math.max(2, e.rawValue / r * 100),
 				seriesIndex: 0
 			}));
-		}), he = p(() => {
+		}), de = p(() => {
 			let e = m.value;
 			if (!e?.data.length) return [];
 			let t = e.data[e.data.length - 1];
@@ -3994,7 +4031,7 @@ var kr = [
 					seriesIndex: n
 				};
 			});
-		}), F = p(() => {
+		}), pe = p(() => {
 			let e = m.value;
 			if (!e?.data.length || e.chartType !== "line") return [];
 			let t = e.data.length - 1, n = e.data[t];
@@ -4007,8 +4044,8 @@ var kr = [
 					seriesIndex: i
 				};
 			}).filter((e) => e !== null);
-		}), I = p(() => {
-			let e = b.value;
+		}), R = p(() => {
+			let e = x.value;
 			if (!e) return [];
 			let t = e.data.map((t) => ({
 				name: String(t[e.nameKey] ?? ""),
@@ -4023,104 +4060,104 @@ var kr = [
 					series: r
 				})
 			}));
-		}), R = p(() => c.value ? layoutChatDiagram(c.value, { maxWidth: r.value }) : null), _e = [
+		}), B = p(() => c.value ? layoutChatDiagram(c.value, { maxWidth: r.value }) : null), he = [
 			"var(--color-theme-900)",
 			"var(--color-primary-500)",
 			"color-mix(in oklch, var(--color-primary-500) 55%, var(--color-theme-500))"
-		], ve = [
+		], _e = [
 			"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 ? ve : _e;
+			let n = t.inverted ? _e : he;
 			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))" : Se.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))" : be.value;
 		}
-		let B = p(() => t.inverted ? "rgba(255, 255, 255, 0.95)" : "var(--color-theme-900)"), ye = p(() => t.inverted ? "rgba(255, 255, 255, 0.6)" : "var(--color-theme-500)"), H = p(() => t.inverted ? "rgba(255, 255, 255, 0.45)" : "color-mix(in oklch, var(--color-theme-900) 42%, transparent)"), be = p(() => t.inverted ? "rgba(255, 255, 255, 0.1)" : "color-mix(in oklch, var(--color-theme-900) 8%, transparent)"), U = p(() => t.inverted ? "rgba(255, 255, 255, 0.24)" : "color-mix(in oklch, var(--color-theme-900) 18%, transparent)"), Se = p(() => t.inverted ? "rgba(255, 255, 255, 0.16)" : "color-mix(in oklch, var(--color-theme-300) 55%, transparent)"), W = p(() => t.inverted ? "rgba(255, 255, 255, 0.14)" : "color-mix(in oklch, var(--color-theme-900) 10%, transparent)"), Ce = p(() => t.inverted ? "transparent" : "var(--color-theme-0)"), we = p(() => t.inverted ? "rgba(255, 255, 255, 0.18)" : "color-mix(in oklch, var(--color-theme-900) 16%, transparent)"), Te = p(() => t.inverted ? "rgba(255, 255, 255, 0.12)" : "color-mix(in oklch, var(--color-theme-900) 9%, transparent)");
-		return (e, r) => o.value ? (T(), _("section", {
+		let H = p(() => t.inverted ? "rgba(255, 255, 255, 0.95)" : "var(--color-theme-900)"), ve = p(() => t.inverted ? "rgba(255, 255, 255, 0.6)" : "var(--color-theme-500)"), U = p(() => t.inverted ? "rgba(255, 255, 255, 0.45)" : "color-mix(in oklch, var(--color-theme-900) 42%, transparent)"), ye = p(() => t.inverted ? "rgba(255, 255, 255, 0.1)" : "color-mix(in oklch, var(--color-theme-900) 8%, transparent)"), W = p(() => t.inverted ? "rgba(255, 255, 255, 0.24)" : "color-mix(in oklch, var(--color-theme-900) 18%, transparent)"), be = p(() => t.inverted ? "rgba(255, 255, 255, 0.16)" : "color-mix(in oklch, var(--color-theme-300) 55%, transparent)"), G = p(() => t.inverted ? "rgba(255, 255, 255, 0.14)" : "color-mix(in oklch, var(--color-theme-900) 10%, transparent)"), Se = p(() => t.inverted ? "transparent" : "var(--color-theme-0)"), Ce = p(() => t.inverted ? "rgba(255, 255, 255, 0.18)" : "color-mix(in oklch, var(--color-theme-900) 16%, transparent)"), we = p(() => t.inverted ? "rgba(255, 255, 255, 0.12)" : "color-mix(in oklch, var(--color-theme-900) 9%, transparent)");
+		return (e, r) => o.value ? (A(), _("section", {
 			key: 0,
 			"data-test": "chat-visual",
 			"data-visual-type": o.value.visualType,
 			"data-chart-type": s.value?.chartType,
-			"data-stacking": x.value ? "stacked" : void 0,
+			"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: C({
-				background: Ce.value,
-				boxShadow: `inset 0 0 0 1px ${W.value}`
+			style: k({
+				background: Se.value,
+				boxShadow: `inset 0 0 0 1px ${G.value}`
 			}),
 			"aria-label": o.value.meta.title
 		}, [
 			v("header", Ar, [v("h4", {
 				class: "text-[13px] font-semibold leading-tight",
-				style: C({ color: B.value })
-			}, M(o.value.meta.title), 5), o.value.meta.description ? (T(), _("p", {
+				style: k({ color: H.value })
+			}, F(o.value.meta.title), 5), o.value.meta.description ? (A(), _("p", {
 				key: 0,
 				class: "mt-0.5 text-[12px] leading-snug",
-				style: C({ color: ye.value })
-			}, M(o.value.meta.description), 5)) : h("", !0)]),
+				style: k({ color: ve.value })
+			}, F(o.value.meta.description), 5)) : h("", !0)]),
 			v("div", {
 				ref_key: "bodyEl",
 				ref: n
-			}, [m.value ? (T(), _("div", {
+			}, [m.value ? (A(), _("div", {
 				key: 0,
 				role: "img",
 				"aria-label": o.value.meta.title
-			}, [pe.value.length ? (T(), _("div", Mr, [(T(!0), _(f, null, A(pe.value, (e) => (T(), _("div", {
+			}, [ue.value.length ? (A(), _("div", Mr, [(A(!0), _(f, null, M(ue.value, (e) => (A(), _("div", {
 				key: e.key,
 				"data-test": "chat-visual-horizontal-bar",
 				class: "min-w-0"
 			}, [v("div", Nr, [v("span", {
 				class: "line-clamp-2 min-w-0 font-medium leading-snug",
-				style: C({ color: B.value })
-			}, M(e.label), 5), v("span", {
+				style: k({ color: H.value })
+			}, F(e.label), 5), v("span", {
 				class: "shrink-0 font-semibold tabular-nums",
-				style: C({ color: B.value })
-			}, M(e.value), 5)]), v("div", {
+				style: k({ color: H.value })
+			}, F(e.value), 5)]), v("div", {
 				class: "h-2 w-full overflow-hidden rounded-full",
-				style: C({ background: Te.value })
+				style: k({ background: we.value })
 			}, [v("div", {
 				class: "h-full rounded-full",
-				style: C({
+				style: k({
 					width: `${e.width}%`,
 					background: seriesColor(e.seriesIndex)
 				})
-			}, null, 4)], 4)]))), 128))])) : (T(), _("svg", {
+			}, null, 4)], 4)]))), 128))])) : (A(), _("svg", {
 				key: 1,
 				class: "block h-auto w-full overflow-visible",
-				viewBox: `0 0 ${j.value.width} ${j.value.height}`,
-				style: C({ aspectRatio: `${j.value.width} / ${j.value.height}` }),
+				viewBox: `0 0 ${P.value.width} ${P.value.height}`,
+				style: k({ aspectRatio: `${P.value.width} / ${P.value.height}` }),
 				preserveAspectRatio: "xMidYMid meet",
 				"aria-hidden": "true"
 			}, [
-				(T(!0), _(f, null, A(S.value.ticks, (e) => (T(), _("line", {
+				(A(!0), _(f, null, M(T.value.ticks, (e) => (A(), _("line", {
 					key: `grid-${e}`,
-					x1: j.value.left,
-					x2: j.value.width - j.value.right,
+					x1: P.value.left,
+					x2: P.value.width - P.value.right,
 					y1: yForValue(e),
 					y2: yForValue(e),
 					"stroke-width": "1",
 					"vector-effect": "non-scaling-stroke",
-					style: C({ stroke: e === 0 ? U.value : be.value })
+					style: k({ stroke: e === 0 ? W.value : ye.value })
 				}, null, 12, Fr))), 128)),
-				v("g", null, [(T(!0), _(f, null, A(S.value.ticks, (e) => (T(), _("text", {
+				v("g", null, [(A(!0), _(f, null, M(T.value.ticks, (e) => (A(), _("text", {
 					key: `y-${e}`,
-					x: j.value.left - 7,
+					x: P.value.left - 7,
 					y: yForValue(e) + 3,
 					"text-anchor": "end",
 					"font-size": "9.5",
-					style: C({ fill: H.value })
-				}, M(ce(formatChatVisualTick)({
+					style: k({ fill: U.value })
+				}, F(oe(formatChatVisualTick)({
 					value: e,
-					shared: ae.value
+					shared: re.value
 				})), 13, Ir))), 128))]),
-				m.value.chartType === "bar" ? (T(!0), _(f, { key: 0 }, A(de.value, (e) => (T(), _("rect", {
+				m.value.chartType === "bar" ? (A(!0), _(f, { key: 0 }, M(ce.value, (e) => (A(), _("rect", {
 					key: e.key,
 					"data-test": "chat-visual-bar",
 					"data-row-index": e.rowIndex,
@@ -4131,22 +4168,22 @@ var kr = [
 					width: e.width,
 					height: e.height,
 					rx: "2.5",
-					style: C({ fill: seriesColor(e.seriesIndex) })
-				}, null, 12, Lr))), 128)) : (T(), _(f, { key: 1 }, [
-					ue.value ? (T(), _("path", {
+					style: k({ fill: seriesColor(e.seriesIndex) })
+				}, null, 12, Lr))), 128)) : (A(), _(f, { key: 1 }, [
+					se.value ? (A(), _("path", {
 						key: 0,
 						"data-test": "chat-visual-trend-line",
-						"data-trend-key": ue.value.dataKey,
-						d: ue.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: C({ stroke: seriesColor(ue.value.seriesIndex) })
+						style: k({ stroke: seriesColor(se.value.seriesIndex) })
 					}, null, 12, Rr)) : h("", !0),
-					(T(!0), _(f, null, A(te.value, (e, t) => (T(), _("g", { key: e.dataKey }, [m.value.chartType === "line" ? (T(), _("path", {
+					(A(!0), _(f, null, M(b.value, (e, t) => (A(), _("g", { key: e.dataKey }, [m.value.chartType === "line" ? (A(), _("path", {
 						key: 0,
 						d: pathForSeries(e.dataKey),
 						fill: "none",
@@ -4154,74 +4191,74 @@ var kr = [
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						"vector-effect": "non-scaling-stroke",
-						style: C({ stroke: seriesColor(t) })
-					}, null, 12, zr)) : h("", !0), (T(!0), _(f, null, A(u.value, (n, r) => (T(), _(f, { key: `${e.dataKey}-${r}` }, [m.value.chartType === "scatter" ? (T(), _("circle", {
+						style: k({ stroke: seriesColor(t) })
+					}, null, 12, zr)) : h("", !0), (A(!0), _(f, null, M(u.value, (n, r) => (A(), _(f, { key: `${e.dataKey}-${r}` }, [m.value.chartType === "scatter" ? (A(), _("circle", {
 						key: 0,
 						cx: xForIndex(r, u.value.length),
 						cy: yForValue(numericValue(n[e.dataKey]) ?? 0),
 						r: "2.6",
-						style: C({ fill: seriesColor(t) })
+						style: k({ fill: seriesColor(t) })
 					}, null, 12, Br)) : h("", !0)], 64))), 128))]))), 128)),
-					(T(!0), _(f, null, A(F.value, (e) => (T(), _("circle", {
+					(A(!0), _(f, null, M(pe.value, (e) => (A(), _("circle", {
 						key: `marker-${e.key}`,
 						cx: e.cx,
 						cy: e.cy,
 						r: "3",
-						style: C({ fill: seriesColor(e.seriesIndex) })
+						style: k({ fill: seriesColor(e.seriesIndex) })
 					}, null, 12, Vr))), 128))
 				], 64)),
-				(T(!0), _(f, null, A(P.value, (e) => (T(), _("text", {
+				(A(!0), _(f, null, M(I.value, (e) => (A(), _("text", {
 					key: e.key,
 					x: e.x,
-					y: e.angled ? j.value.height - j.value.bottom + 12 : j.value.height - 6,
+					y: e.angled ? P.value.height - P.value.bottom + 12 : P.value.height - 6,
 					"text-anchor": e.anchor,
 					"font-size": "9.5",
-					transform: e.angled ? `rotate(${ce(-40)} ${e.x} ${j.value.height - j.value.bottom + 12})` : void 0,
-					style: C({ fill: H.value })
-				}, M(e.label), 13, Hr))), 128))
-			], 12, Pr)), he.value.length > 1 || m.value.chartType !== "bar" ? (T(), _("div", Ur, [(T(!0), _(f, null, A(he.value, (e) => (T(), _("div", {
+					transform: e.angled ? `rotate(${oe(-40)} ${e.x} ${P.value.height - P.value.bottom + 12})` : void 0,
+					style: k({ fill: U.value })
+				}, F(e.label), 13, Hr))), 128))
+			], 12, Pr)), de.value.length > 1 || m.value.chartType !== "bar" ? (A(), _("div", Ur, [(A(!0), _(f, null, M(de.value, (e) => (A(), _("div", {
 				key: e.key,
 				class: "inline-flex items-center gap-1.5 text-[11.5px] leading-none"
 			}, [
 				v("span", {
 					class: "size-2.5 shrink-0 rounded-full",
-					style: C({ background: seriesColor(e.seriesIndex) })
+					style: k({ background: seriesColor(e.seriesIndex) })
 				}, null, 4),
-				v("span", { style: C({ color: ye.value }) }, M(e.label), 5),
+				v("span", { style: k({ color: ve.value }) }, F(e.label), 5),
 				v("span", {
 					class: "font-semibold tabular-nums",
-					style: C({ color: B.value })
-				}, M(e.value), 5)
-			]))), 128))])) : h("", !0)], 8, jr)) : b.value ? (T(), _("div", Wr, [(T(!0), _(f, null, A(I.value, (e, t) => (T(), _("div", { key: e.key }, [v("div", Gr, [v("span", {
+					style: k({ color: H.value })
+				}, F(e.value), 5)
+			]))), 128))])) : h("", !0)], 8, jr)) : x.value ? (A(), _("div", Wr, [(A(!0), _(f, null, M(R.value, (e, t) => (A(), _("div", { key: e.key }, [v("div", Gr, [v("span", {
 				class: "truncate font-medium",
-				style: C({ color: B.value })
-			}, M(e.name), 5), v("span", Kr, [v("span", {
+				style: k({ color: H.value })
+			}, F(e.name), 5), v("span", Kr, [v("span", {
 				class: "font-semibold",
-				style: C({ color: B.value })
-			}, M(e.display), 5), v("span", {
+				style: k({ color: H.value })
+			}, F(e.display), 5), v("span", {
 				class: "ml-1.5",
-				style: C({ color: ye.value })
-			}, M(Math.round(e.percent * 100)) + "%", 5)])]), v("div", {
+				style: k({ color: ve.value })
+			}, F(Math.round(e.percent * 100)) + "%", 5)])]), v("div", {
 				class: "h-1.5 w-full overflow-hidden rounded-full",
-				style: C({ background: Te.value })
+				style: k({ background: we.value })
 			}, [v("div", {
 				class: "h-full rounded-full",
-				style: C({
+				style: k({
 					width: `${Math.max(2, e.percent * 100)}%`,
 					background: seriesColor(t)
 				})
-			}, null, 4)], 4)]))), 128))])) : c.value && R.value ? (T(), _("div", qr, [(T(), _("svg", {
+			}, null, 4)], 4)]))), 128))])) : c.value && B.value ? (A(), _("div", qr, [(A(), _("svg", {
 				"data-test": "chat-visual-diagram-svg",
 				class: "block h-auto overflow-visible",
-				viewBox: `0 0 ${R.value.width} ${R.value.height}`,
-				style: C({
-					width: `${R.value.width}px`,
-					aspectRatio: `${R.value.width} / ${R.value.height}`
+				viewBox: `0 0 ${B.value.width} ${B.value.height}`,
+				style: k({
+					width: `${B.value.width}px`,
+					aspectRatio: `${B.value.width} / ${B.value.height}`
 				}),
 				role: "img",
 				"aria-label": o.value.meta.title
 			}, [
-				(T(!0), _(f, null, A(R.value.edges, (e) => (T(), _("line", {
+				(A(!0), _(f, null, M(B.value.edges, (e) => (A(), _("line", {
 					key: e.key,
 					"data-test": "chat-visual-diagram-edge",
 					"data-from": e.from,
@@ -4233,16 +4270,16 @@ var kr = [
 					"stroke-width": "1.4",
 					"stroke-linecap": "round",
 					"vector-effect": "non-scaling-stroke",
-					style: C({ stroke: we.value })
+					style: k({ stroke: Ce.value })
 				}, null, 12, Yr))), 128)),
-				(T(!0), _(f, null, A(R.value.edges, (e) => (T(), _("circle", {
+				(A(!0), _(f, null, M(B.value.edges, (e) => (A(), _("circle", {
 					key: `${e.key}-dot`,
 					cx: e.x2,
 					cy: e.y2,
 					r: "2.4",
-					style: C({ fill: we.value })
+					style: k({ fill: Ce.value })
 				}, null, 12, Xr))), 128)),
-				(T(!0), _(f, null, A(R.value.edges.filter((e) => e.label), (e) => (T(), _("foreignObject", {
+				(A(!0), _(f, null, M(B.value.edges.filter((e) => e.label), (e) => (A(), _("foreignObject", {
 					key: `${e.key}-label`,
 					x: e.labelX - 55,
 					y: e.labelY - 12,
@@ -4251,59 +4288,59 @@ var kr = [
 				}, [v("div", {
 					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: C({
-						color: ye.value,
+					style: k({
+						color: ve.value,
 						background: t.inverted ? "var(--color-theme-900)" : "var(--color-theme-0)"
 					})
-				}, M(e.label), 5)], 8, Zr))), 128)),
-				(T(!0), _(f, null, A(R.value.nodes, (e) => (T(), _("g", {
+				}, F(e.label), 5)], 8, Zr))), 128)),
+				(A(!0), _(f, null, M(B.value.nodes, (e) => (A(), _("g", {
 					key: e.id,
 					"data-test": "chat-visual-diagram-node",
 					"data-node-id": e.id,
 					"data-node-kind": e.kind,
 					transform: `translate(${e.x} ${e.y})`
-				}, [e.kind === "decision" ? (T(), _("polygon", {
+				}, [e.kind === "decision" ? (A(), _("polygon", {
 					key: 0,
 					points: `${e.width / 2},0 ${e.width},${e.height / 2} ${e.width / 2},${e.height} 0,${e.height / 2}`,
 					"stroke-width": "1",
 					"vector-effect": "non-scaling-stroke",
-					style: C({
+					style: k({
 						fill: diagramNodeFill(e.kind),
 						stroke: diagramNodeStroke(e.kind)
 					})
-				}, null, 12, $r)) : (T(), _("rect", {
+				}, null, 12, $r)) : (A(), _("rect", {
 					key: 1,
 					width: e.width,
 					height: e.height,
 					rx: "12",
 					"stroke-width": "1",
 					"vector-effect": "non-scaling-stroke",
-					style: C({
+					style: k({
 						fill: diagramNodeFill(e.kind),
 						stroke: diagramNodeStroke(e.kind)
 					})
-				}, null, 12, ei)), (T(), _("foreignObject", {
+				}, null, 12, ei)), (A(), _("foreignObject", {
 					x: "8",
 					y: "5",
 					width: e.width - 16,
 					height: e.height - 10
 				}, [v("div", ni, [v("div", {
 					class: "line-clamp-2 text-[13px] font-semibold leading-tight",
-					style: C({ color: B.value })
-				}, M(e.label), 5), e.detail ? (T(), _("div", {
+					style: k({ color: H.value })
+				}, F(e.label), 5), e.detail ? (A(), _("div", {
 					key: 0,
 					class: "mt-0.5 line-clamp-1 text-[10.5px] leading-none",
-					style: C({ color: ye.value })
-				}, M(e.detail), 5)) : h("", !0)])], 8, ti))], 8, Qr))), 128))
+					style: k({ color: ve.value })
+				}, F(e.detail), 5)) : h("", !0)])], 8, ti))], 8, Qr))), 128))
 			], 12, Jr))])) : h("", !0)], 512),
-			o.value.meta.footer ? (T(), _("footer", {
+			o.value.meta.footer ? (A(), _("footer", {
 				key: 0,
 				class: "mt-3 text-[11px] leading-snug",
-				style: C({ color: H.value })
-			}, M(o.value.meta.footer), 5)) : h("", !0)
+				style: k({ color: U.value })
+			}, F(o.value.meta.footer), 5)) : h("", !0)
 		], 12, kr)) : h("", !0);
 	}
-}), ii = ["innerHTML"], ai = /* @__PURE__ */ x({
+}), ii = ["innerHTML"], ai = /* @__PURE__ */ S({
 	__name: "ChatRichText",
 	props: {
 		text: {},
@@ -4312,8 +4349,8 @@ var kr = [
 	},
 	emits: ["action"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = se(n.text), a;
-		de([() => n.text, () => n.streaming], ([e, t]) => {
+		let n = e, r = t, i = ae(n.text), a;
+		ce([() => n.text, () => n.streaming], ([e, t]) => {
 			if (!t) {
 				a !== void 0 && (cancelAnimationFrame(a), a = void 0), i.value = e;
 				return;
@@ -4321,7 +4358,7 @@ var kr = [
 			a === void 0 && (a = requestAnimationFrame(() => {
 				a = void 0, i.value = n.text;
 			}));
-		}), re(() => {
+		}), te(() => {
 			a !== void 0 && cancelAnimationFrame(a);
 		});
 		let o = new g.Renderer();
@@ -4474,28 +4511,28 @@ var kr = [
 				streaming: !!n.streaming
 			}) : [];
 		});
-		return (t, n) => (T(), _("div", {
+		return (t, n) => (A(), _("div", {
 			class: "chat-msg-rich break-words text-[14px] leading-relaxed @sm/chat:max-w-[65ch] @sm/chat:text-[16px] @sm/chat:leading-relaxed",
 			onErrorCapture: onRichTextAssetError
-		}, [(T(!0), _(f, null, A(h.value, (t) => (T(), _(f, { key: t.key }, [t.kind === "markdown" ? (T(), _("div", {
+		}, [(A(!0), _(f, null, M(h.value, (t) => (A(), _(f, { key: t.key }, [t.kind === "markdown" ? (A(), _("div", {
 			key: 0,
-			class: S(["chat-msg-prose", e.inverted ? "chat-msg-prose-invert" : ""]),
+			class: T(["chat-msg-prose", e.inverted ? "chat-msg-prose-invert" : ""]),
 			innerHTML: t.html
-		}, null, 10, ii)) : t.kind === "visual" ? (T(), m(ri, {
+		}, null, 10, ii)) : t.kind === "visual" ? (A(), m(ri, {
 			key: 1,
 			result: t.result,
 			inverted: e.inverted
-		}, null, 8, ["result", "inverted"])) : t.kind === "card" ? (T(), m(vr, {
+		}, null, 8, ["result", "inverted"])) : t.kind === "card" ? (A(), m(vr, {
 			key: 2,
 			spec: t.spec,
 			inverted: e.inverted,
 			onAction: n[0] || (n[0] = (e) => r("action", e))
-		}, null, 8, ["spec", "inverted"])) : (T(), _("div", {
+		}, null, 8, ["spec", "inverted"])) : (A(), _("div", {
 			key: 3,
 			"data-test": "chat-visual-pending",
 			role: "status",
 			class: "my-6 flex items-center gap-2.5 rounded-[20px] px-4 py-5 text-[12px] font-medium",
-			style: C({
+			style: k({
 				background: e.inverted ? "transparent" : "var(--color-theme-0)",
 				boxShadow: `inset 0 0 0 1px ${e.inverted ? "rgba(255, 255, 255, 0.14)" : "color-mix(in oklch, var(--color-theme-900) 8%, transparent)"}`,
 				color: e.inverted ? "rgba(255, 255, 255, 0.6)" : "var(--color-theme-500)"
@@ -4503,12 +4540,12 @@ var kr = [
 		}, [...n[1] || (n[1] = [v("span", {
 			class: "size-2 shrink-0 animate-pulse rounded-full",
 			style: { background: "currentcolor" }
-		}, null, -1), te(" Preparing chart… ", -1)])], 4))], 64))), 128))], 32));
+		}, null, -1), b(" Preparing chart… ", -1)])], 4))], 64))), 128))], 32));
 	}
-}), oi = 80, si = 600, ci = /* @__PURE__ */ x({
+}), oi = 80, si = 600, ci = /* @__PURE__ */ S({
 	__name: "ChatScroller",
 	setup(e, { expose: t }) {
-		let n = k(), r = k(), i = k(!0), a, o = 0;
+		let n = j(), r = j(), i = j(!0), a, o = 0;
 		function scrollToBottom() {
 			let e = n.value;
 			e && (e.scrollTop = e.scrollHeight);
@@ -4523,18 +4560,18 @@ var kr = [
 		function pin() {
 			i.value = !0, scrollToBottom();
 		}
-		return t({ pin }), ie(() => {
+		return t({ pin }), ne(() => {
 			requestAnimationFrame(() => {
 				scrollToBottom(), requestAnimationFrame(scrollToBottom);
 			}), r.value && (a = new ResizeObserver(() => {
 				i.value && Date.now() > o && scrollToBottom();
 			}), a.observe(r.value), n.value && a.observe(n.value));
-		}), re(() => {
+		}), te(() => {
 			a?.disconnect();
-		}), (e, t) => (T(), _("div", {
+		}), (e, t) => (A(), _("div", {
 			ref_key: "viewport",
 			ref: n,
-			class: S(["overflow-y-auto overscroll-contain overflow-x-hidden min-h-0 flex flex-col [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", i.value ? "[overflow-anchor:none]" : ""]),
+			class: T(["overflow-y-auto overscroll-contain overflow-x-hidden min-h-0 flex flex-col [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", i.value ? "[overflow-anchor:none]" : ""]),
 			onScrollPassive: onScroll,
 			onWheelPassive: markUserGesture,
 			onTouchstartPassive: markUserGesture
@@ -4542,26 +4579,125 @@ var kr = [
 			ref_key: "content",
 			ref: r,
 			class: "flex-1 flex flex-col"
-		}, [oe(e.$slots, "default")], 512)], 34));
+		}, [ie(e.$slots, "default")], 512)], 34));
+	}
+}), li = ["data-voice-state", "data-voice-activity"], ui = { class: "flex flex-1 flex-col items-center justify-center pb-8" }, di = { "data-voice-assistant-avatar": "" }, fi = {
+	"data-test": "voice-histogram",
+	"aria-hidden": "true",
+	class: "mt-10 flex h-4 items-center gap-[3px]"
+}, pi = {
+	"data-test": "voice-presence-status",
+	role: "status",
+	"aria-live": "polite",
+	class: "sr-only"
+}, mi = .1, hi = 60, gi = 320, _i = /* @__PURE__ */ S({
+	__name: "VoiceMode",
+	props: {
+		agent: {},
+		chatController: {},
+		isLight: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["end"],
+	setup(e, { emit: t }) {
+		let n = t, r = j(0), i = j("mic"), a = j("idle"), o = j(!1), s = ae(), c = !1, u, m = p(() => o.value ? "error" : a.value === "live" ? i.value === "playback" && r.value > .01 ? "speaking" : "listening" : "connecting"), h = [
+			0,
+			2,
+			4,
+			6,
+			8
+		], b = h.map(() => 0), S = j(b), C = j(b), te = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : void 0, ie = typeof window < "u" && typeof window.requestAnimationFrame == "function" ? (e) => window.requestAnimationFrame(e) : (e) => setTimeout(() => e(performance.now()), 16), P = 0, oe = 0;
+		function easeFrame(e) {
+			P = 0;
+			let t = Math.min(64, Math.max(0, e - oe));
+			oe = e;
+			let ease = (e, n) => {
+				let r = n > e ? hi : gi;
+				return e + (n - e) * (1 - Math.exp(-t / r));
+			};
+			C.value = C.value.map((e, t) => ease(e, S.value[t] ?? 0)), !C.value.every((e, t) => Math.abs((S.value[t] ?? 0) - e) <= 5e-4) || S.value.some((e) => e > 0) ? P = ie(easeFrame) : C.value = b;
+		}
+		function followLevel(e) {
+			let gate = (e) => Math.max(0, e - mi) / (1 - mi);
+			if (S.value = h.map((t) => gate(Math.min(1, Math.max(0, e?.[t] ?? r.value)))), te?.matches) {
+				C.value = S.value;
+				return;
+			}
+			P || (oe = performance.now(), P = ie(easeFrame));
+		}
+		let se = p(() => C.value.map((e) => Math.round((2 + Math.sqrt(Math.min(1, Math.max(0, e))) * 14) * 10) / 10)), ce = p(() => m.value === "error" ? "bg-red-500" : m.value === "connecting" ? "bg-amber-500" : m.value === "speaking" ? "bg-primary-500" : "bg-green-500"), I = {
+			connecting: "Connecting",
+			listening: "Listening",
+			speaking: "Speaking",
+			error: "Connection problem"
+		}, ue = p(() => I[m.value]);
+		function emitEnd() {
+			c || (c = !0, n("end"));
+		}
+		return ne(async () => {
+			let t = e.chatController?.createVoiceClient({
+				onLevel: (e) => {
+					i.value = e.source, r.value = e.level, followLevel(e.bands);
+				},
+				onStateChange: (e) => {
+					a.value = e, e === "ended" && (o.value ? u = setTimeout(emitEnd, 1600) : emitEnd());
+				},
+				onError: (t) => {
+					o.value = !0, e.chatController?.notify?.(t.message);
+				}
+			});
+			if (!t) {
+				emitEnd();
+				return;
+			}
+			s.value = t, await t.start();
+		}), re(() => {
+			c = !0, u && clearTimeout(u), P && typeof window < "u" && typeof window.cancelAnimationFrame == "function" && window.cancelAnimationFrame(P), P = 0, s.value?.end();
+		}), (t, n) => (A(), _("div", {
+			"data-test": "voice-mode",
+			"data-voice-state": a.value,
+			"data-voice-activity": m.value,
+			class: "relative flex min-h-0 flex-1 flex-col px-4 pt-8 pb-5"
+		}, [v("div", ui, [
+			v("div", di, [x(ze, {
+				agent: e.agent,
+				"show-status": !1,
+				"show-owner-mark": !1,
+				"is-light": e.isLight,
+				class: "size-28"
+			}, null, 8, ["agent", "is-light"])]),
+			v("div", fi, [(A(!0), _(f, null, M(se.value, (e, t) => (A(), _("span", {
+				key: t,
+				"data-test": "voice-histogram-bar",
+				class: T(["w-[2.5px] rounded-full transition-colors duration-150", [ce.value, m.value === "connecting" ? "pl-voice-bar-wave" : ""]]),
+				style: k({
+					height: `${e}px`,
+					...m.value === "connecting" ? { animationDelay: `${t * 90}ms` } : {}
+				})
+			}, null, 6))), 128))]),
+			v("div", pi, F(ue.value), 1)
+		])], 8, li));
 	}
-}), li = {
+}), vi = {
 	key: 0,
 	class: "pb-4"
-}, ui = {
+}, yi = {
 	key: 1,
 	"data-test": "messaging-sdk-header",
 	class: "shrink-0 border-b border-theme-100 px-4 py-3"
-}, di = { class: "min-w-0 flex-1" }, fi = { class: "truncate text-base font-semibold leading-tight text-theme-900" }, pi = { class: "mt-1 truncate text-sm leading-tight text-theme-500" }, mi = {
+}, bi = { class: "min-w-0 flex-1" }, xi = { class: "truncate text-base font-semibold leading-tight text-theme-900" }, Si = { class: "mt-1 truncate text-sm leading-tight text-theme-500" }, Ci = {
 	key: 0,
 	class: "shrink-0 rounded-full bg-theme-50 px-2.5 py-1 font-mono text-[11px] font-medium text-theme-500"
-}, hi = {
+}, wi = {
 	key: 0,
 	"data-test": "messaging-empty-state",
 	class: "flex flex-col items-center justify-center px-4"
-}, gi = ["title"], _i = {
+}, Ti = ["title"], Ei = {
 	key: 0,
 	class: "flex items-center gap-3 py-3 px-2"
-}, vi = ["data-journal-outcome"], yi = [
+}, Di = ["data-journal-outcome"], Oi = [
 	"data-message-id",
 	"data-message-sender",
 	"data-conversation-id",
@@ -4572,7 +4708,7 @@ var kr = [
 	"data-issue-action-label",
 	"data-issue-action-url",
 	"data-streaming"
-], bi = { class: "max-w-[85%] min-w-0" }, xi = ["href"], Si = [
+], ki = { class: "max-w-[85%] min-w-0" }, Ai = ["href"], ji = [
 	"data-message-id",
 	"data-message-sender",
 	"data-conversation-id",
@@ -4581,62 +4717,71 @@ var kr = [
 	"data-issue-code",
 	"data-issue-bucket",
 	"data-streaming"
-], Ci = [
+], Mi = [
 	"data-test",
 	"data-message-id",
 	"data-message-sender",
 	"data-conversation-id",
 	"data-message-sequence",
 	"data-system-kind",
-	"data-streaming"
-], wi = ["src", "alt"], Ti = ["src"], Ei = ["href"], Di = {
+	"data-streaming",
+	"data-queued",
+	"aria-label"
+], Ni = ["src", "alt"], Pi = ["src"], Fi = ["href"], Ii = {
 	key: 0,
 	"data-test": "messaging-message-text-part"
-}, Oi = [
+}, Li = [
 	"src",
 	"alt",
 	"data-attachment-placement"
-], ki = ["src", "data-attachment-placement"], Ai = ["href", "data-attachment-placement"], ji = ["data-journal-outcome"], Mi = {
+], Ri = ["src", "data-attachment-placement"], zi = ["href", "data-attachment-placement"], Bi = ["data-journal-outcome"], Vi = {
 	key: 2,
 	"data-test": "messaging-tool-activity-tail",
 	"aria-label": "Assistant is still working",
 	class: "mb-4 grid h-[17px] w-5 place-items-center"
-}, Ni = ["data-journal-outcome"], Pi = ["data-test", "data-working-description"], Fi = {
+}, Hi = ["data-journal-outcome"], Ui = ["data-test", "data-working-description"], Wi = {
 	class: "flex items-center gap-[5px]",
 	"aria-hidden": "true"
-}, Ii = { class: "truncate" }, Li = ["data-issue-code"], Ri = ["href"], zi = ["src", "alt"], Bi = { class: "max-w-20 truncate" }, Vi = ["onClick"], Hi = {
+}, Gi = { class: "truncate" }, Ki = ["data-issue-code"], qi = ["href"], Ji = ["src", "alt"], Yi = { class: "max-w-20 truncate" }, Xi = ["onClick"], Zi = {
 	key: 0,
 	class: "shrink-0 flex items-center justify-center size-14"
-}, Ui = ["data-composer-action"], Wi = ["placeholder", "disabled"], Gi = { class: "font-mono text-sm tabular-nums" }, Ki = { class: "mt-2.5 flex items-center" }, qi = [
+}, Qi = ["data-composer-action"], $i = ["placeholder", "disabled"], ea = { class: "font-mono text-sm tabular-nums" }, ta = { class: "mt-2.5 flex items-center" }, na = [
 	"disabled",
 	"aria-label",
 	"title"
-], Ji = {
+], ra = {
 	key: 0,
 	class: "i-svg-spinners-ring-resize size-5"
-}, Yi = {
+}, ia = {
 	key: 1,
 	class: "i-tabler-plus size-5"
-}, Xi = { class: "sr-only" }, Zi = { class: "flex items-center gap-2" }, Qi = ["aria-label", "title"], $i = { class: "sr-only" }, ea = [
+}, aa = { class: "sr-only" }, oa = { class: "flex items-center gap-2" }, sa = ["aria-label", "title"], ca = { class: "sr-only" }, la = [
+	"disabled",
+	"aria-label",
+	"title"
+], ua = {
+	class: "flex h-4 items-center gap-[2px]",
+	"aria-hidden": "true"
+}, da = [
 	"data-composer-action",
 	"disabled",
 	"aria-label",
 	"title"
-], ta = {
+], fa = {
 	key: 0,
 	class: "i-tabler-player-stop-filled size-3.5"
-}, na = {
+}, pa = {
 	key: 1,
 	class: "i-tabler-arrow-up size-[17px]"
-}, ra = { class: "sr-only" }, ia = {
+}, ma = { class: "sr-only" }, ha = {
 	key: 2,
 	"data-test": "messaging-ai-disclosure",
 	class: "mt-2.5 text-center text-[12px] text-theme-300"
-}, aa = {
+}, ga = {
 	key: 3,
 	"data-test": "messaging-suggested-prompts",
-	class: "mt-5 w-full sm:mx-auto sm:max-w-[720px]"
-}, oa = { class: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-center" }, sa = ["disabled", "onClick"], ca = ["aria-expanded"], la = /* @__PURE__ */ x({
+	class: "mt-3 w-full sm:mx-auto sm:mt-5 sm:max-w-[720px]"
+}, _a = { class: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-center" }, va = ["disabled", "onClick"], ya = ["aria-expanded"], ba = /* @__PURE__ */ S({
 	__name: "ElAgentChat",
 	props: {
 		chatController: {},
@@ -4677,34 +4822,34 @@ var kr = [
 		}, n = p(() => {
 			let n = { ...t[e.scope] };
 			return e.scope === "org" && e.scopeName && (n.label = e.scopeName, n.tooltip = `Visible to ${e.scopeName} members`), n;
-		}), r = k(), i = k(), a = k();
+		}), r = j(), i = j(), a = j();
 		function containsMarkdownLink(e) {
 			return e ? /\[[^\]]+\]\([^)]+\)/.test(e) : !1;
 		}
 		function isSystemExplainerMessage(e) {
-			return e.sender === "system" && (!!e.issue || e.id === be.value);
+			return e.sender === "system" && (!!e.issue || e.id === ye.value);
 		}
 		function isGroupEnd(e, t) {
 			let n = e[t], r = e[t + 1];
 			return !r || r.sender !== n.sender;
 		}
-		let o = p(() => e.chatController?.textState.value), s = p(() => o.value?.isConnected ?? !1), c = p(() => o.value?.isThinking ?? !1), u = p(() => o.value?.connectionStatus === "disconnected" && !!o.value?.error), x = p(() => o.value?.connectionStatus !== "connected" && !o.value?.error), re = k(!1), j = p(() => e.chatController?.liveTurnBlocks?.value ?? []), se = p(() => {
-			for (let e = j.value.length - 1; e >= 0; e--) {
-				let t = j.value[e];
+		let o = p(() => e.chatController?.textState.value), s = p(() => o.value?.isConnected ?? !1), c = p(() => o.value?.isThinking ?? !1), u = p(() => o.value?.connectionStatus === "disconnected" && !!o.value?.error), S = p(() => o.value?.connectionStatus !== "connected" && !o.value?.error), te = j(!1), P = p(() => e.chatController?.liveTurnBlocks?.value ?? []), ae = p(() => {
+			for (let e = P.value.length - 1; e >= 0; e--) {
+				let t = P.value[e];
 				if (t?.kind === "text") return t.id;
 			}
-		}), ce = p(() => e.chatController?.liveStreamMessageId?.value), I = p(() => {
+		}), oe = p(() => e.chatController?.liveStreamMessageId?.value), R = p(() => {
 			let t = e.chatController?.sharedMessages.value ?? [];
-			return j.value.length && ce.value ? t.filter((e) => e.id !== ce.value) : t;
-		}), R = p(() => {
+			return P.value.length && oe.value ? t.filter((e) => e.id !== oe.value) : t;
+		}), B = p(() => {
 			if (!e.chatController?.workJournal?.value) return o.value?.workingDescription?.trim() || void 0;
-		}), ve = p(() => e.chatController?.workJournal?.value), B = p(() => {
-			if (!ve.value && !j.value.length) return;
-			let e = I.value, t = e[e.length - 1];
+		}), _e = p(() => e.chatController?.workJournal?.value), H = p(() => {
+			if (!_e.value && !P.value.length) return;
+			let e = R.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;
-		}), ye = p(() => {
+		}), ve = p(() => {
 			let t = {};
-			for (let n of I.value) {
+			for (let n of R.value) {
 				if (n.sender === "user" || !n.toolActivities?.length) continue;
 				let r = e.chatController?.workJournalFor?.({
 					activities: n.toolActivities,
@@ -4716,7 +4861,7 @@ var kr = [
 			return t;
 		});
 		function messageWorkJournal(e) {
-			return ye.value[e.id];
+			return ve.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)));
@@ -4764,21 +4909,32 @@ var kr = [
 				text: t.slice(i)
 			}), r;
 		}
-		let H = p(() => o.value?.transientIssue), be = p(() => {
+		let U = p(() => o.value?.transientIssue), ye = p(() => {
 			if (!c.value) return;
-			let e = I.value, t = e[e.length - 1];
+			let e = R.value, t = e[e.length - 1];
 			return t?.sender === "agent" || t?.sender === "system" ? t.id : void 0;
-		}), U = p(() => !c.value || R.value || ve.value || j.value.length ? !1 : be.value === void 0), Se = p(() => R.value ?? (U.value ? "Thinking…" : void 0)), W = p(() => o.value?.sendBlockedReason), Ce = p(() => W.value === "agent_deleted"), we = p(() => u.value ? `${e.agent.displayName.value || e.agent.name.value || "Assistant"} is offline` : x.value ? "Connecting..." : W.value === "agent_deleted" ? "This assistant was deleted" : `Message ${e.agent.displayName.value || e.agent.name.value || "assistant"}`), Te = p(() => e.chatController?.composerState?.value ?? {
+		}), W = p(() => !c.value || B.value || _e.value || P.value.length ? !1 : ye.value === void 0), be = p(() => B.value ?? (W.value ? "Thinking…" : void 0)), G = p(() => o.value?.sendBlockedReason), Se = p(() => G.value === "agent_deleted"), Ce = p(() => u.value ? `${e.agent.displayName.value || e.agent.name.value || "Assistant"} is offline` : S.value ? "Connecting..." : G.value === "agent_deleted" ? "This assistant was deleted" : `Message ${e.agent.displayName.value || e.agent.name.value || "assistant"}`), we = p(() => e.chatController?.composerState?.value ?? {
 			text: "",
 			pendingAttachments: [],
 			isUploading: !1
-		}), Ee = p({
-			get: () => Te.value.text,
+		}), Te = p({
+			get: () => we.value.text,
 			set: (t) => e.chatController?.setComposerText?.({ text: t })
-		}), De = p(() => Te.value.pendingAttachments), Oe = p(() => Te.value.isUploading), ke = p(() => e.chatController?.voiceRecorder), Ae = p(() => ke.value?.isBusy.value ?? !1), G = p(() => e.chatController?.canAttachFile?.value ?? !1), je = p(() => e.chatController?.canRecordAudio?.value ?? !1), Me = p(() => e.chatController?.composerAction?.value ?? "idle"), Ne = p(() => Me.value !== "idle"), Fe = p(() => Me.value === "stop" ? "Stop reply" : "Send message"), Ie = p(() => je.value && !Ae.value && !!ke.value?.canUseBrowserRecording), Le = p(() => ke.value?.isActive.value ?? !1), Re = p(() => ke.value?.elapsedLabel.value ?? "0:00"), Be = p(() => ke.value?.statusText.value ?? "Release to send"), Ve = p(() => ke.value?.state.value.phase === "sending" ? "Sending voice message" : Le.value ? "Release to send voice message" : "Hold to record voice message"), K = p(() => e.variant === "light"), He = p(() => K.value ? "bg-gradient-to-r from-transparent via-black/5 to-transparent" : "bg-gradient-to-r from-transparent via-white/5 to-transparent"), Ue = p(() => K.value ? "text-theme-300" : "text-white/30");
-		ie(async () => {
+		}), Ee = p(() => we.value.pendingAttachments), De = p(() => we.value.isUploading), Oe = p(() => e.chatController?.voiceRecorder), ke = p(() => Oe.value?.isBusy.value ?? !1), Ae = p(() => e.chatController?.canAttachFile?.value ?? !1), je = p(() => e.chatController?.canRecordAudio?.value ?? !1), Me = p(() => e.chatController?.composerAction?.value ?? "idle"), Ne = p(() => Me.value !== "idle"), Fe = p(() => e.chatController?.composerShowsSecondaryStop?.value ?? !1), Ie = p(() => e.chatController?.queuedMessageIds?.value);
+		function isQueuedMessage(e) {
+			return Ie.value?.has(e) ?? !1;
+		}
+		let Le = p(() => Me.value === "stop" ? "Stop reply" : Fe.value ? "Send — answered after current work" : "Send message"), Re = p(() => je.value && !ke.value && !!Oe.value?.canUseBrowserRecording), Be = p(() => Oe.value?.isActive.value ?? !1), Ve = p(() => Oe.value?.elapsedLabel.value ?? "0:00"), He = p(() => Oe.value?.statusText.value ?? "Release to send"), Ue = p(() => Oe.value?.state.value.phase === "sending" ? "Sending voice message" : Be.value ? "Release to send voice message" : "Hold to record voice message"), We = j(!1), Ge = p(() => e.chatController?.canStartVoice?.value ?? !1), Ke = p(() => Ge.value && !We.value && !Be.value && Me.value === "idle"), qe = p(() => !s.value), Ye = p(() => qe.value ? `Voice available when ${e.agent.displayName.value || e.agent.name.value || "the assistant"} is awake` : "Start voice conversation");
+		function startVoiceConversation() {
+			!Ke.value || qe.value || (We.value = !0);
+		}
+		async function endVoiceConversation() {
+			We.value && (We.value = !1, await C(), i.value?.focus(), await e.chatController?.refreshMessages());
+		}
+		let K = p(() => e.variant === "light"), Xe = p(() => K.value ? "bg-gradient-to-r from-transparent via-black/5 to-transparent" : "bg-gradient-to-r from-transparent via-white/5 to-transparent"), Ze = p(() => K.value ? "text-theme-300" : "text-white/30");
+		ne(async () => {
 			e.chatController && !s.value && await e.chatController.startTextConversation();
-		}), ae(() => {
+		}), re(() => {
 			e.chatController?.voiceRecorder?.teardown();
 		});
 		async function sendMessage() {
@@ -4788,10 +4944,10 @@ var kr = [
 			window.matchMedia("(hover: none) and (pointer: coarse)").matches && i.value?.blur(), await t;
 		}
 		async function handleCardAction(t) {
-			!e.chatController || Ce.value || (r.value?.pin(), await e.chatController.sendChatMessage(t));
+			!e.chatController || Se.value || (r.value?.pin(), await e.chatController.sendChatMessage(t));
 		}
 		async function sendSuggestedPrompt(t) {
-			!e.chatController || Ce.value || (r.value?.pin(), await e.chatController.sendChatMessage(t.prompt));
+			!e.chatController || Se.value || (r.value?.pin(), await e.chatController.sendChatMessage(t.prompt));
 		}
 		async function handleComposerAction() {
 			if (e.chatController) {
@@ -4806,27 +4962,27 @@ var kr = [
 			e.isComposing || e.key === "Enter" && !e.shiftKey && (e.preventDefault(), await sendMessage());
 		}
 		function focusComposer(e) {
-			Le.value || Ce.value || e.target instanceof Element && e.target.closest("button, a, textarea") || i.value?.focus();
+			Be.value || Se.value || e.target instanceof Element && e.target.closest("button, a, textarea") || i.value?.focus();
 		}
 		function adjustTextareaHeight() {
 			i.value && (i.value.style.height = "auto", i.value.style.height = `${Math.min(i.value.scrollHeight, 150)}px`);
 		}
-		de(Ee, () => ne(() => adjustTextareaHeight()));
+		ce(Te, () => C(() => adjustTextareaHeight()));
 		function triggerFileInput() {
 			a.value?.click();
 		}
 		async function handleFileSelect(t) {
 			let n = t.target, r = n.files?.[0];
-			!r || !e.chatController || Ae.value || (await e.chatController.attachFile({ file: r }), n.value = "");
+			!r || !e.chatController || ke.value || (await e.chatController.attachFile({ file: r }), n.value = "");
 		}
 		function removeAttachment(t) {
 			e.chatController?.removeAttachment({ index: t });
 		}
 		function startRecording() {
-			ke.value?.start();
+			Oe.value?.start();
 		}
 		function finishRecording(e) {
-			ke.value?.finish(e);
+			Oe.value?.finish(e);
 		}
 		function shouldShowTimeDivider(e, t) {
 			if (t === 0) {
@@ -4855,62 +5011,71 @@ var kr = [
 				...o ? {} : { year: "numeric" }
 			})}, ${a}`;
 		}
-		return (t, o) => (T(), _("div", {
+		return (t, o) => (A(), _("div", {
 			"data-test": "messaging-root",
-			class: S(["@container/chat relative flex h-full flex-col", I.value.length === 0 ? "min-h-0 [justify-content:safe_center] overflow-y-auto" : ""])
+			class: T(["@container/chat relative flex h-full flex-col", R.value.length === 0 ? "min-h-0 [justify-content:safe_center] overflow-y-auto" : ""])
 		}, [
-			e.showHeader && !K.value ? (T(), _("div", li, [b(Pe, {
+			e.showHeader && !K.value ? (A(), _("div", vi, [x(Pe, {
 				agent: e.agent,
 				"is-online": s.value
-			}, null, 8, ["agent", "is-online"])])) : e.showHeader ? (T(), _("div", ui, [v("div", { class: S(["flex items-center gap-3", e.centered ? "max-w-[720px] mx-auto" : ""]) }, [
-				b(ze, {
+			}, null, 8, ["agent", "is-online"])])) : e.showHeader ? (A(), _("div", yi, [v("div", { class: T(["flex items-center gap-3", e.centered ? "max-w-[720px] mx-auto" : ""]) }, [
+				x(ze, {
 					agent: e.agent,
 					"is-light": K.value,
 					class: "size-10"
 				}, null, 8, ["agent", "is-light"]),
-				v("div", di, [v("div", fi, M(e.agent.displayName.value), 1), v("div", pi, M(e.agent.title.value || "Assistant"), 1)]),
-				e.headerMeta ? (T(), _("span", mi, M(e.headerMeta), 1)) : h("", !0)
+				v("div", bi, [v("div", xi, F(e.agent.displayName.value), 1), v("div", Si, F(e.agent.title.value || "Assistant"), 1)]),
+				e.headerMeta ? (A(), _("span", Ci, F(e.headerMeta), 1)) : h("", !0)
 			], 2)])) : h("", !0),
-			x.value ? (T(), _("div", {
+			We.value ? (A(), m(_i, {
 				key: 2,
-				class: S(["py-16 flex flex-col items-center justify-center gap-2 text-sm", K.value ? "text-theme-400" : "text-theme-600"])
-			}, [b(_e, { class: "size-4" })], 2)) : e.setupHint ? (T(), _("div", {
-				key: 3,
-				class: S(["flex items-center justify-center gap-1.5 py-2 text-[11px]", Ue.value])
-			}, [o[18] || (o[18] = v("i", { class: "i-tabler-tool size-3" }, null, -1)), v("span", null, M(e.setupHint), 1)], 2)) : h("", !0),
-			b(ci, {
+				agent: e.agent,
+				"chat-controller": e.chatController,
+				"is-light": K.value,
+				onEnd: endVoiceConversation
+			}, null, 8, [
+				"agent",
+				"chat-controller",
+				"is-light"
+			])) : (A(), _(f, { key: 3 }, [S.value ? (A(), _("div", {
+				key: 0,
+				class: T(["py-16 flex flex-col items-center justify-center gap-2 text-sm", K.value ? "text-theme-400" : "text-theme-600"])
+			}, [x(he, { class: "size-4" })], 2)) : e.setupHint ? (A(), _("div", {
+				key: 1,
+				class: T(["flex items-center justify-center gap-1.5 py-2 text-[11px]", Ze.value])
+			}, [o[21] || (o[21] = v("i", { class: "i-tabler-tool size-3" }, null, -1)), v("span", null, F(e.setupHint), 1)], 2)) : h("", !0), x(ci, {
 				ref_key: "chatScroller",
 				ref: r,
-				class: S(I.value.length === 0 ? "flex-none" : "flex-1")
+				class: T(R.value.length === 0 ? "flex-none" : "flex-1")
 			}, {
-				default: P(() => [v("div", { class: S([I.value.length === 0 ? "flex flex-col items-center justify-center px-3 py-4" : e.centered ? "pt-20 pb-5 px-3 space-y-2" : "pt-4 pb-[120px] px-3 space-y-2", e.centered ? I.value.length === 0 ? "max-w-[900px] mx-auto w-full" : "max-w-[720px] mx-auto w-full" : ""]) }, [
-					I.value.length === 0 && !x.value ? (T(), _("div", hi, [oe(t.$slots, "empty-heading", {
+				default: I(() => [v("div", { class: T([R.value.length === 0 ? "flex flex-col items-center justify-center px-3 py-4" : e.centered ? "pt-20 pb-5 px-3 space-y-2" : "pt-4 pb-[120px] px-3 space-y-2", e.centered ? R.value.length === 0 ? "max-w-[900px] mx-auto w-full" : "max-w-[720px] mx-auto w-full" : ""]) }, [
+					R.value.length === 0 && !S.value ? (A(), _("div", wi, [ie(t.$slots, "empty-heading", {
 						agent: e.agent,
 						isLight: K.value
-					}, () => [b(ze, {
+					}, () => [x(ze, {
 						agent: e.agent,
 						"is-light": K.value,
 						class: "mb-4 size-20 @sm/chat:size-24"
-					}, null, 8, ["agent", "is-light"]), v("div", { class: S(["text-base @sm/chat:text-lg font-semibold", K.value ? "text-theme-900" : "text-white"]) }, M(e.agent.displayName.value), 3)]), e.emptyStateMessage === "" ? h("", !0) : (T(), _(f, { key: 0 }, [v("p", { class: S(["mt-1 text-center text-xs @sm/chat:text-sm", Ue.value]) }, M(e.emptyStateMessage || "Type your message to get started."), 3), v("div", {
-						class: S(["inline-flex items-center gap-1.5 mt-5 px-2.5 py-1 rounded-full text-[11px]", K.value ? "bg-theme-50 border border-theme-100 text-theme-400" : "bg-white/10 border border-white/20 text-white/40"]),
+					}, null, 8, ["agent", "is-light"]), v("div", { class: T(["text-base @sm/chat:text-lg font-semibold", K.value ? "text-theme-900" : "text-white"]) }, F(e.agent.displayName.value), 3)]), e.emptyStateMessage === "" ? h("", !0) : (A(), _(f, { key: 0 }, [v("p", { class: T(["mt-1 text-center text-xs @sm/chat:text-sm", Ze.value]) }, F(e.emptyStateMessage || "Type your message to get started."), 3), v("div", {
+						class: T(["inline-flex items-center gap-1.5 mt-5 px-2.5 py-1 rounded-full text-[11px]", K.value ? "bg-theme-50 border border-theme-100 text-theme-400" : "bg-white/10 border border-white/20 text-white/40"]),
 						title: n.value.tooltip
-					}, [v("i", { class: S([n.value.icon, "size-3"]) }, null, 2), v("span", null, M(n.value.label), 1)], 10, gi)], 64))])) : h("", !0),
-					(T(!0), _(f, null, A(I.value, (e, t) => (T(), _(f, { key: e.id }, [
-						shouldShowTimeDivider(I.value, t) ? (T(), _("div", _i, [
-							v("div", { class: S(["flex-1 h-px", He.value]) }, null, 2),
-							v("span", { class: S(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", Ue.value]) }, M(shouldShowTimeDivider(I.value, t)), 3),
-							v("div", { class: S(["flex-1 h-px", He.value]) }, null, 2)
+					}, [v("i", { class: T([n.value.icon, "size-3"]) }, null, 2), v("span", null, F(n.value.label), 1)], 10, Ti)], 64))])) : h("", !0),
+					(A(!0), _(f, null, M(R.value, (e, t) => (A(), _(f, { key: e.id }, [
+						shouldShowTimeDivider(R.value, t) ? (A(), _("div", Ei, [
+							v("div", { class: T(["flex-1 h-px", Xe.value]) }, null, 2),
+							v("span", { class: T(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", Ze.value]) }, F(shouldShowTimeDivider(R.value, t)), 3),
+							v("div", { class: T(["flex-1 h-px", Xe.value]) }, null, 2)
 						])) : h("", !0),
-						messageWorkJournal(e) ? (T(), _("div", {
+						messageWorkJournal(e) ? (A(), _("div", {
 							key: 1,
 							"data-test": "messaging-message-tool-activity",
 							"data-journal-outcome": messageWorkJournal(e)?.outcome,
 							class: "mb-4 w-full"
-						}, [b(qe, {
+						}, [x(Je, {
 							model: messageWorkJournal(e),
 							"is-light": K.value
-						}, null, 8, ["model", "is-light"])], 8, vi)) : h("", !0),
-						isSystemExplainerMessage(e) ? (T(), _("div", {
+						}, null, 8, ["model", "is-light"])], 8, Di)) : h("", !0),
+						isSystemExplainerMessage(e) ? (A(), _("div", {
 							key: 2,
 							"data-test": "messaging-system-msg",
 							"data-message-id": e.id,
@@ -4922,30 +5087,30 @@ var kr = [
 							"data-issue-bucket": e.issue?.bucket,
 							"data-issue-action-label": e.issue?.actionLabel,
 							"data-issue-action-url": e.issue?.actionUrl,
-							"data-streaming": e.id === be.value ? "true" : void 0,
+							"data-streaming": e.id === ye.value ? "true" : void 0,
 							class: "flex gap-2 items-end justify-start mb-4"
-						}, [v("div", bi, [v("div", { class: S(["mb-1 pl-1 text-[11px] font-medium", K.value ? "text-theme-500" : "text-white/45"]) }, " System Message ", 2), v("div", { class: S(["pl-1", K.value ? "text-theme-700" : "text-white/85"]) }, [e.text ? (T(), m(ai, {
+						}, [v("div", ki, [v("div", { class: T(["mb-1 pl-1 text-[11px] font-medium", K.value ? "text-theme-500" : "text-white/45"]) }, " System Message ", 2), v("div", { class: T(["pl-1", K.value ? "text-theme-700" : "text-white/85"]) }, [e.text ? (A(), m(ai, {
 							key: 0,
 							text: e.text,
 							inverted: !K.value,
-							streaming: e.id === be.value,
-							onClick: o[0] || (o[0] = F(() => {}, ["stop"])),
+							streaming: e.id === ye.value,
+							onClick: o[0] || (o[0] = pe(() => {}, ["stop"])),
 							onAction: handleCardAction
 						}, null, 8, [
 							"text",
 							"inverted",
 							"streaming"
-						])) : e.issue?.help ? (T(), m(ai, {
+						])) : e.issue?.help ? (A(), m(ai, {
 							key: 1,
 							text: e.issue.help,
 							inverted: !K.value
-						}, null, 8, ["text", "inverted"])) : h("", !0), e.issue?.actionUrl && !containsMarkdownLink(e.text) ? (T(), _("a", {
+						}, null, 8, ["text", "inverted"])) : h("", !0), e.issue?.actionUrl && !containsMarkdownLink(e.text) ? (A(), _("a", {
 							key: 2,
 							href: e.issue.actionUrl,
 							"data-test": "messaging-system-msg-action",
-							class: S(["mt-2 text-[12px] font-medium inline-flex items-center gap-1", K.value ? "text-theme-900 hover:text-theme-700" : "text-white hover:text-white/80"]),
-							onClick: o[1] || (o[1] = F(() => {}, ["stop"]))
-						}, [te(M(e.issue.actionLabel) + " ", 1), o[19] || (o[19] = v("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, xi)) : h("", !0)], 2)])], 8, yi)) : e.sender === "system" ? (T(), _("div", {
+							class: T(["mt-2 text-[12px] font-medium inline-flex items-center gap-1", K.value ? "text-theme-900 hover:text-theme-700" : "text-white hover:text-white/80"]),
+							onClick: o[1] || (o[1] = pe(() => {}, ["stop"]))
+						}, [b(F(e.issue.actionLabel) + " ", 1), o[22] || (o[22] = v("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, Ai)) : h("", !0)], 2)])], 8, Oi)) : e.sender === "system" ? (A(), _("div", {
 							key: 3,
 							"data-test": "messaging-system-status-msg",
 							"data-message-id": e.id,
@@ -4955,13 +5120,16 @@ var kr = [
 							"data-system-kind": e.systemKind,
 							"data-issue-code": e.issue?.code,
 							"data-issue-bucket": e.issue?.bucket,
-							"data-streaming": e.id === be.value ? "true" : void 0,
-							class: S(["flex items-start gap-2 px-3 py-2 text-[13px] leading-relaxed", K.value ? "text-theme-500" : "text-white/60"])
-						}, [o[20] || (o[20] = v("i", { class: "i-tabler-info-circle size-4 mt-0.5 shrink-0" }, null, -1)), b(ai, {
+							"data-streaming": e.id === ye.value ? "true" : void 0,
+							class: T(["mb-4 flex w-fit max-w-[85%] items-start gap-2 rounded-2xl px-3 py-2 text-[13px] leading-relaxed ring-1", K.value ? "bg-theme-100 text-theme-600 ring-theme-200" : "bg-white/10 text-white/70 ring-white/10"])
+						}, [o[23] || (o[23] = v("i", {
+							class: "i-tabler-info-circle size-4 mt-0.5 shrink-0",
+							"aria-hidden": "true"
+						}, null, -1)), x(ai, {
 							text: e.text,
 							inverted: !K.value,
-							onClick: o[2] || (o[2] = F(() => {}, ["stop"]))
-						}, null, 8, ["text", "inverted"])], 10, Si)) : (T(), _("div", {
+							onClick: o[2] || (o[2] = pe(() => {}, ["stop"]))
+						}, null, 8, ["text", "inverted"])], 10, ji)) : (A(), _("div", {
 							key: 4,
 							"data-test": e.sender === "agent" ? "messaging-assistant-msg" : e.sender === "user" ? "messaging-user-msg" : void 0,
 							"data-message-id": e.id,
@@ -4969,170 +5137,173 @@ var kr = [
 							"data-conversation-id": e.conversationId,
 							"data-message-sequence": e.sequence,
 							"data-system-kind": e.systemKind,
-							"data-streaming": e.id === be.value ? "true" : void 0,
-							class: S(["flex gap-2 items-end", {
+							"data-streaming": e.id === ye.value ? "true" : void 0,
+							"data-queued": isQueuedMessage(e.id) ? "true" : void 0,
+							"aria-label": isQueuedMessage(e.id) ? "Sent — will be answered after the current work finishes" : void 0,
+							class: T(["flex gap-2 items-end", {
 								"justify-end": e.sender === "user",
 								"justify-start": e.sender === "agent",
-								"mb-6": isGroupEnd(I.value, t)
+								"mb-6": isGroupEnd(R.value, t),
+								"opacity-70": isQueuedMessage(e.id)
 							}])
 						}, [v("div", {
 							"data-test": "messaging-message-body",
-							class: S(e.sender === "user" ? "max-w-[min(78%,30rem)]" : "w-full min-w-0 @sm/chat:pr-[1em] @lg/chat:pr-[2em]")
-						}, [blockAttachmentsForMessage(e).length ? (T(), _("div", {
+							class: T(e.sender === "user" ? "max-w-[min(78%,30rem)]" : "w-full min-w-0 @sm/chat:pr-[1em] @lg/chat:pr-[2em]")
+						}, [blockAttachmentsForMessage(e).length ? (A(), _("div", {
 							key: 0,
-							class: S(["mb-1 space-y-1", e.sender === "user" ? "flex flex-col items-end" : ""])
-						}, [(T(!0), _(f, null, A(blockAttachmentsForMessage(e), ({ attachment: e, index: t }) => (T(), _(f, { key: attachmentKey(e, t) }, [e.type === "image" ? (T(), _("img", {
+							class: T(["mb-1 space-y-1", e.sender === "user" ? "flex flex-col items-end" : ""])
+						}, [(A(!0), _(f, null, M(blockAttachmentsForMessage(e), ({ attachment: e, index: t }) => (A(), _(f, { key: attachmentKey(e, t) }, [e.type === "image" ? (A(), _("img", {
 							key: 0,
 							src: e.src,
 							alt: e.filename,
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
 							class: "rounded-xl object-cover max-h-48 max-w-[240px] @sm/chat:max-w-[320px]"
-						}, null, 8, wi)) : e.type === "audio" ? (T(), _("audio", {
+						}, null, 8, Ni)) : e.type === "audio" ? (A(), _("audio", {
 							key: 1,
 							src: e.src,
 							controls: "",
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
 							class: "max-w-full"
-						}, null, 8, Ti)) : (T(), _("a", {
+						}, null, 8, Pi)) : (A(), _("a", {
 							key: 2,
 							href: e.src,
 							target: "_blank",
 							rel: "noopener",
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
-							class: S(["inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", K.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
-						}, [o[21] || (o[21] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), te(" " + M(e.filename), 1)], 10, Ei))], 64))), 128))], 2)) : h("", !0), messageRenderParts(e).length ? (T(), _("div", {
+							class: T(["inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", K.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
+						}, [o[24] || (o[24] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), b(" " + F(e.filename), 1)], 10, Fi))], 64))), 128))], 2)) : h("", !0), messageRenderParts(e).length ? (A(), _("div", {
 							key: 1,
 							"data-test": "messaging-message-content",
-							class: S(e.sender === "user" ? K.value ? "rounded-[14px] px-4 py-2.5 bg-theme-100 text-theme-900" : "rounded-[14px] px-4 py-2.5 bg-white/10 text-white" : K.value ? "text-theme-800" : "text-white/95")
-						}, [(T(!0), _(f, null, A(messageRenderParts(e), (t) => (T(), _(f, { key: t.key }, [t.kind === "text" && t.text ? (T(), _("div", Di, [b(ai, {
+							class: T(e.sender === "user" ? K.value ? "rounded-[14px] px-4 py-2.5 bg-theme-100 text-theme-900" : "rounded-[14px] px-4 py-2.5 bg-white/10 text-white" : K.value ? "text-theme-800" : "text-white/95")
+						}, [(A(!0), _(f, null, M(messageRenderParts(e), (t) => (A(), _(f, { key: t.key }, [t.kind === "text" && t.text ? (A(), _("div", Ii, [x(ai, {
 							text: t.text,
 							inverted: e.sender === "user" || !K.value,
-							streaming: e.id === be.value,
-							onClick: o[3] || (o[3] = F(() => {}, ["stop"])),
+							streaming: e.id === ye.value,
+							onClick: o[3] || (o[3] = pe(() => {}, ["stop"])),
 							onAction: handleCardAction
 						}, null, 8, [
 							"text",
 							"inverted",
 							"streaming"
-						])])) : t.kind === "attachment" && t.attachment.type === "image" ? (T(), _("img", {
+						])])) : t.kind === "attachment" && t.attachment.type === "image" ? (A(), _("img", {
 							key: 1,
 							src: t.attachment.src,
 							alt: t.attachment.filename,
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
 							class: "my-2 rounded-xl object-cover max-h-48 max-w-[240px] @sm/chat:max-w-[320px]"
-						}, null, 8, Oi)) : t.kind === "attachment" && t.attachment.type === "audio" ? (T(), _("audio", {
+						}, null, 8, Li)) : t.kind === "attachment" && t.attachment.type === "audio" ? (A(), _("audio", {
 							key: 2,
 							src: t.attachment.src,
 							controls: "",
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
 							class: "my-2 max-w-full"
-						}, null, 8, ki)) : t.kind === "attachment" ? (T(), _("a", {
+						}, null, 8, Ri)) : t.kind === "attachment" ? (A(), _("a", {
 							key: 3,
 							href: t.attachment.src,
 							target: "_blank",
 							rel: "noopener",
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
-							class: S(["my-2 inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", K.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
-						}, [o[22] || (o[22] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), te(" " + M(t.attachment.filename), 1)], 10, Ai)) : h("", !0)], 64))), 128))], 2)) : h("", !0)], 2)], 10, Ci)),
-						e.id === B.value ? (T(), _(f, { key: 5 }, [j.value.length ? (T(!0), _(f, { key: 0 }, A(j.value, (e) => (T(), _(f, { key: e.id }, [e.kind === "work" ? (T(), _("div", {
+							class: T(["my-2 inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", K.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
+						}, [o[25] || (o[25] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), b(" " + F(t.attachment.filename), 1)], 10, zi)) : h("", !0)], 64))), 128))], 2)) : h("", !0)], 2)], 10, Mi)),
+						e.id === H.value ? (A(), _(f, { key: 5 }, [P.value.length ? (A(!0), _(f, { key: 0 }, M(P.value, (e) => (A(), _(f, { key: e.id }, [e.kind === "work" ? (A(), _("div", {
 							key: 0,
 							"data-test": "messaging-tool-activity",
 							"data-journal-outcome": e.journal.outcome,
 							class: "mb-4 w-full"
-						}, [b(qe, {
+						}, [x(Je, {
 							model: e.journal,
 							"is-light": K.value
-						}, null, 8, ["model", "is-light"])], 8, ji)) : e.kind === "text" && e.content ? (T(), _("div", {
+						}, null, 8, ["model", "is-light"])], 8, Bi)) : e.kind === "text" && e.content ? (A(), _("div", {
 							key: 1,
 							"data-test": "messaging-live-text-block",
-							class: S(["mb-4 @sm/chat:pr-[1em] @lg/chat:pr-[2em]", K.value ? "text-theme-800" : "text-white/95"])
-						}, [b(ai, {
+							class: T(["mb-4 @sm/chat:pr-[1em] @lg/chat:pr-[2em]", K.value ? "text-theme-800" : "text-white/95"])
+						}, [x(ai, {
 							text: e.content,
 							inverted: !K.value,
-							streaming: e.id === se.value,
-							onClick: o[4] || (o[4] = F(() => {}, ["stop"])),
+							streaming: e.id === ae.value,
+							onClick: o[4] || (o[4] = pe(() => {}, ["stop"])),
 							onAction: handleCardAction
 						}, null, 8, [
 							"text",
 							"inverted",
 							"streaming"
-						])], 2)) : (T(), _("div", Mi, [b(_e, { class: S(["size-3.5", K.value ? "text-theme-500" : "text-white/70"]) }, null, 8, ["class"])]))], 64))), 128)) : ve.value ? (T(), _("div", {
+						])], 2)) : (A(), _("div", Vi, [x(he, { class: T(["size-3.5", K.value ? "text-theme-500" : "text-white/70"]) }, null, 8, ["class"])]))], 64))), 128)) : _e.value ? (A(), _("div", {
 							key: 1,
 							"data-test": "messaging-tool-activity",
-							"data-journal-outcome": ve.value.outcome,
+							"data-journal-outcome": _e.value.outcome,
 							class: "mb-4 w-full"
-						}, [b(qe, {
-							model: ve.value,
+						}, [x(Je, {
+							model: _e.value,
 							"is-light": K.value
-						}, null, 8, ["model", "is-light"])], 8, Ni)) : h("", !0)], 64)) : h("", !0)
+						}, null, 8, ["model", "is-light"])], 8, Hi)) : h("", !0)], 64)) : h("", !0)
 					], 64))), 128)),
-					Se.value ? (T(), _("div", {
+					be.value ? (A(), _("div", {
 						key: 1,
-						"data-test": R.value ? "messaging-working-state" : "messaging-thinking-indicator",
-						"data-working-description": R.value,
+						"data-test": B.value ? "messaging-working-state" : "messaging-thinking-indicator",
+						"data-working-description": B.value,
 						role: "status",
 						"aria-live": "polite",
-						class: S(["mb-4 flex items-center gap-2.5 pl-0.5 text-[13.5px] leading-none", K.value ? "text-theme-500" : "text-white/50"])
-					}, [v("span", Fi, [(T(), _(f, null, A(3, (e) => v("span", {
+						class: T(["mb-4 flex items-center gap-2.5 pl-0.5 text-[13.5px] leading-none", K.value ? "text-theme-500" : "text-white/50"])
+					}, [v("span", Wi, [(A(), _(f, null, M(3, (e) => v("span", {
 						key: e,
 						"data-test": "messaging-thinking-dot",
 						class: "chat-working-dot size-1.5 rounded-full bg-current",
-						style: C({ animationDelay: `${(e - 1) * .18}s` })
-					}, null, 4)), 64))]), v("span", Ii, M(Se.value), 1)], 10, Pi)) : h("", !0),
-					H.value ? (T(), _("div", {
+						style: k({ animationDelay: `${(e - 1) * .18}s` })
+					}, null, 4)), 64))]), v("span", Gi, F(be.value), 1)], 10, Ui)) : h("", !0),
+					U.value ? (A(), _("div", {
 						key: 2,
 						"data-test": "messaging-transient-issue",
-						"data-issue-code": H.value.code,
-						class: S(["flex items-center gap-1.5 pl-2 pr-3 pb-1 mb-3 text-[12px] leading-snug", K.value ? "text-theme-600" : "text-white/60"])
+						"data-issue-code": U.value.code,
+						class: T(["flex items-center gap-1.5 pl-2 pr-3 pb-1 mb-3 text-[12px] leading-snug", K.value ? "text-theme-600" : "text-white/60"])
 					}, [
-						o[23] || (o[23] = v("i", {
+						o[26] || (o[26] = v("i", {
 							class: "i-tabler-alert-circle size-3.5 shrink-0 text-red-500",
 							"aria-hidden": "true"
 						}, null, -1)),
-						v("span", null, [te(M(H.value.message), 1), H.value.help ? (T(), _(f, { key: 0 }, [te(M(H.value.help), 1)], 64)) : h("", !0)]),
-						H.value.actionUrl && H.value.actionLabel ? (T(), _("a", {
+						v("span", null, [b(F(U.value.message), 1), U.value.help ? (A(), _(f, { key: 0 }, [b(F(U.value.help), 1)], 64)) : h("", !0)]),
+						U.value.actionUrl && U.value.actionLabel ? (A(), _("a", {
 							key: 0,
-							href: H.value.actionUrl,
+							href: U.value.actionUrl,
 							class: "shrink-0 underline underline-offset-2",
-							onClick: o[5] || (o[5] = F(() => {}, ["stop"]))
-						}, M(H.value.actionLabel), 9, Ri)) : h("", !0)
-					], 10, Li)) : h("", !0)
+							onClick: o[5] || (o[5] = pe(() => {}, ["stop"]))
+						}, F(U.value.actionLabel), 9, qi)) : h("", !0)
+					], 10, Ki)) : h("", !0)
 				], 2)]),
 				_: 3
-			}, 8, ["class"]),
+			}, 8, ["class"])], 64)),
 			v("div", {
 				"data-test": "messaging-composer-footer",
-				class: S(["left-0 right-0 z-30 px-5 pb-[max(env(safe-area-inset-bottom),1rem)]", [
-					I.value.length === 0 || e.centered ? "relative shrink-0" : "absolute bottom-0",
-					e.centered && I.value.length > 0 ? "pt-0" : "pt-3",
+				class: T(["left-0 right-0 z-30 px-5 pb-[max(env(safe-area-inset-bottom),1rem)]", [
+					R.value.length === 0 || e.centered ? "relative shrink-0" : "absolute bottom-0",
+					e.centered && R.value.length > 0 ? "pt-0" : "pt-3",
 					K.value ? e.centered ? "bg-theme-25/50" : "bg-gradient-to-t from-theme-0/90 via-theme-0/55 to-transparent" : "bg-gradient-to-t from-black/90 via-black/60 to-transparent"
 				]])
 			}, [
-				De.value.length > 0 ? (T(), _("div", {
+				Ee.value.length > 0 ? (A(), _("div", {
 					key: 0,
-					class: S(["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" : ""])
-				}, [(T(!0), _(f, null, A(De.value, (e, t) => (T(), _("div", {
+					class: T(["flex items-center gap-2 px-2 pb-2 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", e.centered ? "max-w-[720px] mx-auto" : ""])
+				}, [(A(!0), _(f, null, M(Ee.value, (e, t) => (A(), _("div", {
 					key: t,
 					class: "relative shrink-0 group"
-				}, [e.type === "image" ? (T(), _("img", {
+				}, [e.type === "image" ? (A(), _("img", {
 					key: 0,
 					src: e.src,
 					alt: e.filename,
-					class: S(["size-14 rounded-xl object-cover border", K.value ? "border-black/10" : "border-white/20"])
-				}, null, 10, zi)) : (T(), _("div", {
+					class: T(["size-14 rounded-xl object-cover border", K.value ? "border-black/10" : "border-white/20"])
+				}, null, 10, Ji)) : (A(), _("div", {
 					key: 1,
-					class: S(["h-14 px-3 rounded-xl flex items-center gap-1.5 text-xs border", K.value ? "border-black/10 bg-theme-50 text-theme-600" : "border-white/20 bg-white/10 text-white/70"])
-				}, [o[24] || (o[24] = v("i", { class: "i-tabler-file size-4" }, null, -1)), v("span", Bi, M(e.filename), 1)], 2)), v("button", {
+					class: T(["h-14 px-3 rounded-xl flex items-center gap-1.5 text-xs border", K.value ? "border-black/10 bg-theme-50 text-theme-600" : "border-white/20 bg-white/10 text-white/70"])
+				}, [o[27] || (o[27] = v("i", { class: "i-tabler-file size-4" }, null, -1)), v("span", Yi, F(e.filename), 1)], 2)), v("button", {
 					class: "absolute -top-1.5 -right-1.5 size-5 flex items-center justify-center rounded-full bg-theme-800 text-white text-xs scale-0 group-hover:scale-100 transition-transform cursor-pointer",
 					onClick: (e) => removeAttachment(t)
-				}, [...o[25] || (o[25] = [v("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, Vi)]))), 128)), Oe.value ? (T(), _("div", Hi, [b(_e, { class: "size-5" })])) : h("", !0)], 2)) : h("", !0),
-				G.value ? (T(), _("input", {
+				}, [...o[28] || (o[28] = [v("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, Xi)]))), 128)), De.value ? (A(), _("div", Zi, [x(he, { class: "size-5" })])) : h("", !0)], 2)) : h("", !0),
+				Ae.value ? (A(), _("input", {
 					key: 1,
 					ref_key: "fileInput",
 					ref: a,
@@ -5144,21 +5315,21 @@ var kr = [
 				v("div", {
 					"data-test": "messaging-composer",
 					"data-composer-action": Me.value,
-					class: S(["w-full cursor-text rounded-2xl px-4 pb-2.5 pt-3 transition-colors duration-200", [e.centered ? "max-w-[720px] mx-auto @lg/chat:pb-5 @lg/chat:pt-5" : "", K.value ? "bg-white shadow-[0_1px_2px_rgba(15,23,42,0.05),0_8px_24px_rgba(15,23,42,0.05)] ring-1 ring-theme-200 hover:ring-theme-300 focus-within:ring-theme-300" : "bg-white/10 backdrop-blur-xl ring-1 ring-white/15 hover:ring-white/25 focus-within:bg-white/15 focus-within:ring-white/25"]]),
+					class: T(["w-full cursor-text rounded-2xl px-4 pb-2.5 pt-3 transition-colors duration-200", [e.centered ? "max-w-[720px] mx-auto @lg/chat:pb-5 @lg/chat:pt-5" : "", K.value ? "bg-white shadow-[0_1px_2px_rgba(15,23,42,0.05),0_8px_24px_rgba(15,23,42,0.05)] ring-1 ring-theme-200 hover:ring-theme-300 focus-within:ring-theme-300" : "bg-white/10 backdrop-blur-xl ring-1 ring-white/15 hover:ring-white/25 focus-within:bg-white/15 focus-within:ring-white/25"]]),
 					onClick: focusComposer
-				}, [Le.value ? (T(), _("div", {
+				}, [Be.value ? (A(), _("div", {
 					key: 1,
 					"data-test": "messaging-recording-state",
-					class: S(["flex min-w-0 items-center gap-2 py-1", K.value ? "text-theme-700" : "text-white/80"])
+					class: T(["flex min-w-0 items-center gap-2 py-1", K.value ? "text-theme-700" : "text-white/80"])
 				}, [
-					o[26] || (o[26] = v("span", { class: "size-2.5 shrink-0 rounded-full bg-red-500" }, null, -1)),
-					v("span", Gi, M(Re.value), 1),
-					v("span", { class: S(["min-w-0 truncate text-sm", K.value ? "text-theme-400" : "text-white/45"]) }, M(Be.value), 3)
-				], 2)) : pe((T(), _("textarea", {
+					o[29] || (o[29] = v("span", { class: "size-2.5 shrink-0 rounded-full bg-red-500" }, null, -1)),
+					v("span", ea, F(Ve.value), 1),
+					v("span", { class: T(["min-w-0 truncate text-sm", K.value ? "text-theme-400" : "text-white/45"]) }, F(He.value), 3)
+				], 2)) : ue((A(), _("textarea", {
 					key: 0,
 					ref_key: "textarea",
 					ref: i,
-					"onUpdate:modelValue": o[6] || (o[6] = (e) => Ee.value = e),
+					"onUpdate:modelValue": o[6] || (o[6] = (e) => Te.value = e),
 					"data-test": "messaging-input",
 					rows: "1",
 					enterkeyhint: "send",
@@ -5167,82 +5338,119 @@ var kr = [
 					autocapitalize: "sentences",
 					autocorrect: "on",
 					spellcheck: "true",
-					placeholder: we.value,
-					disabled: Ce.value,
+					placeholder: Ce.value,
+					disabled: Se.value,
 					style: {
 						fontSize: "16px",
 						resize: "none"
 					},
-					class: S(["block w-full bg-transparent leading-snug focus:outline-none disabled:opacity-50 overflow-y-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", K.value ? "text-theme-900 placeholder-theme-400" : "text-white placeholder-white/50"]),
+					class: T(["block w-full bg-transparent leading-snug focus:outline-none disabled:opacity-50 overflow-y-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", K.value ? "text-theme-900 placeholder-theme-400" : "text-white placeholder-white/50"]),
 					onKeydown: handleKeydown
-				}, null, 42, Wi)), [[ue, Ee.value]]), v("div", Ki, [
+				}, null, 42, $i)), [[se, Te.value]]), v("div", ta, [
 					v("button", {
-						class: S(["-ml-2 flex size-8 items-center justify-center transition-opacity hover:opacity-70", [
-							G.value ? "cursor-pointer" : "cursor-default",
+						class: T(["-ml-2 flex size-11 items-center justify-center transition-opacity hover:opacity-70", [
+							Ae.value ? "cursor-pointer" : "cursor-default",
 							K.value ? "text-theme-500" : "text-white/50",
-							Oe.value || Ae.value ? "opacity-50 pointer-events-none" : ""
+							De.value || ke.value ? "opacity-50 pointer-events-none" : ""
 						]]),
-						disabled: Ce.value || Oe.value || Ae.value || !G.value,
-						"aria-label": G.value ? "Attach file" : "File attachments unavailable",
-						title: G.value ? "Attach file" : "File attachments unavailable",
-						onClick: o[7] || (o[7] = (e) => G.value && triggerFileInput())
-					}, [Oe.value ? (T(), _("i", Ji)) : (T(), _("i", Yi)), v("span", Xi, M(G.value ? "Attach file" : "File attachments unavailable"), 1)], 10, qi),
-					o[27] || (o[27] = v("div", { class: "flex-1" }, null, -1)),
-					v("div", Zi, [Ie.value || Le.value ? (T(), _("button", {
+						disabled: Se.value || De.value || ke.value || !Ae.value,
+						"aria-label": Ae.value ? "Attach file" : "File attachments unavailable",
+						title: Ae.value ? "Attach file" : "File attachments unavailable",
+						onClick: o[7] || (o[7] = (e) => Ae.value && triggerFileInput())
+					}, [De.value ? (A(), _("i", ra)) : (A(), _("i", ia)), v("span", aa, F(Ae.value ? "Attach file" : "File attachments unavailable"), 1)], 10, na),
+					o[33] || (o[33] = v("div", { class: "flex-1" }, null, -1)),
+					v("div", oa, [(Re.value || Be.value) && !We.value ? (A(), _("button", {
 						key: 0,
 						"data-test": "messaging-record-audio-btn",
-						class: S(["flex size-8 cursor-pointer items-center justify-center transition-[opacity,transform] duration-200 hover:opacity-70", Le.value ? K.value ? "text-theme-900 scale-110" : "text-white scale-110" : K.value ? "text-theme-500" : "text-white/60"]),
-						"aria-label": Ve.value,
-						title: Ve.value,
-						onPointerdown: o[8] || (o[8] = F((e) => startRecording(), ["prevent"])),
-						onPointerup: o[9] || (o[9] = F((e) => finishRecording({ cancelled: !1 }), ["prevent"])),
-						onPointercancel: o[10] || (o[10] = F((e) => finishRecording({ cancelled: !0 }), ["prevent"])),
+						class: T(["flex size-11 cursor-pointer items-center justify-center transition-[opacity,transform] duration-200 hover:opacity-70", Be.value ? K.value ? "text-theme-900 scale-110" : "text-white scale-110" : K.value ? "text-theme-500" : "text-white/60"]),
+						"aria-label": Ue.value,
+						title: Ue.value,
+						onPointerdown: o[8] || (o[8] = pe((e) => startRecording(), ["prevent"])),
+						onPointerup: o[9] || (o[9] = pe((e) => finishRecording({ cancelled: !1 }), ["prevent"])),
+						onPointercancel: o[10] || (o[10] = pe((e) => finishRecording({ cancelled: !0 }), ["prevent"])),
 						onKeydown: [
-							o[11] || (o[11] = he(F((e) => startRecording(), ["prevent"]), ["enter"])),
-							o[13] || (o[13] = he(F((e) => startRecording(), ["prevent"]), ["space"])),
-							o[15] || (o[15] = he(F((e) => finishRecording({ cancelled: !0 }), ["prevent"]), ["escape"]))
+							o[11] || (o[11] = de(pe((e) => startRecording(), ["prevent"]), ["enter"])),
+							o[13] || (o[13] = de(pe((e) => startRecording(), ["prevent"]), ["space"])),
+							o[15] || (o[15] = de(pe((e) => finishRecording({ cancelled: !0 }), ["prevent"]), ["escape"]))
 						],
-						onKeyup: [o[12] || (o[12] = he(F((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["enter"])), o[14] || (o[14] = he(F((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["space"]))]
-					}, [v("i", { class: S([Le.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), v("span", $i, M(Ve.value), 1)], 42, Qi)) : h("", !0), Le.value ? h("", !0) : (T(), _("button", {
+						onKeyup: [o[12] || (o[12] = de(pe((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["enter"])), o[14] || (o[14] = de(pe((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["space"]))]
+					}, [v("i", { class: T([Be.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), v("span", ca, F(Ue.value), 1)], 42, sa)) : h("", !0), We.value ? (A(), _("button", {
 						key: 1,
+						"data-test": "messaging-voice-end-btn",
+						class: "flex size-11 cursor-pointer items-center justify-center rounded-full bg-red-600 text-white transition-colors duration-150 hover:bg-red-700",
+						"aria-label": "End voice conversation",
+						title: "End voice conversation",
+						onClick: o[16] || (o[16] = (e) => endVoiceConversation())
+					}, [...o[30] || (o[30] = [v("i", {
+						class: "i-tabler-x size-[18px]",
+						"aria-hidden": "true"
+					}, null, -1), v("span", { class: "sr-only" }, "End voice conversation", -1)])])) : Ke.value ? (A(), _("button", {
+						key: 2,
+						"data-test": "messaging-voice-start-btn",
+						class: T(["flex size-11 items-center justify-center rounded-full transition-colors duration-150", [K.value ? "bg-theme-900 text-theme-0 hover:bg-theme-800" : "bg-theme-0 text-theme-950 hover:bg-theme-100", qe.value ? "cursor-not-allowed opacity-40" : "cursor-pointer"]]),
+						disabled: qe.value,
+						"aria-label": Ye.value,
+						title: Ye.value,
+						onClick: o[17] || (o[17] = (e) => startVoiceConversation())
+					}, [v("span", ua, [(A(), _(f, null, M([
+						7,
+						13,
+						16,
+						11,
+						14
+					], (e) => v("span", {
+						key: e,
+						class: "w-[2px] rounded-full bg-current",
+						style: k({ height: `${e}px` })
+					}, null, 4)), 64))]), o[31] || (o[31] = v("span", { class: "sr-only" }, "Start voice conversation", -1))], 10, la)) : Be.value ? h("", !0) : (A(), _(f, { key: 3 }, [Fe.value ? (A(), _("button", {
+						key: 0,
+						"data-test": "messaging-secondary-stop-btn",
+						class: T(["mr-2 flex size-11 cursor-pointer items-center justify-center rounded-full transition-colors duration-150", K.value ? "bg-theme-100 text-theme-700 hover:bg-theme-200" : "bg-white/10 text-white/70 hover:bg-white/15"]),
+						"aria-label": "Stop work",
+						title: "Stop work",
+						onClick: o[18] || (o[18] = (t) => e.chatController?.stopChatTurn())
+					}, [...o[32] || (o[32] = [v("i", {
+						class: "i-tabler-player-stop-filled size-3.5",
+						"aria-hidden": "true"
+					}, null, -1), v("span", { class: "sr-only" }, "Stop work", -1)])], 2)) : h("", !0), v("button", {
 						"data-test": "messaging-send-btn",
 						"data-composer-action": Me.value,
-						class: S(["flex size-8 items-center justify-center rounded-full transition-colors duration-150", Ne.value ? K.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" : K.value ? "bg-theme-100 text-theme-400" : "bg-white/10 text-white/30"]),
+						class: T(["flex size-11 items-center justify-center rounded-full transition-colors duration-150", Ne.value ? K.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" : K.value ? "bg-theme-100 text-theme-400" : "bg-white/10 text-white/30"]),
 						disabled: !Ne.value,
-						"aria-label": Fe.value,
-						title: Fe.value,
-						onClick: o[16] || (o[16] = (e) => handleComposerAction())
-					}, [Me.value === "stop" ? (T(), _("i", ta)) : (T(), _("i", na)), v("span", ra, M(Fe.value), 1)], 10, ea))])
-				])], 10, Ui),
-				K.value && e.centered && e.scope === "private" ? (T(), _("div", ia, M(e.agent.displayName.value) + " is AI and can make mistakes. ", 1)) : h("", !0),
-				I.value.length === 0 && e.suggestedPrompts.length > 0 ? (T(), _("div", aa, [v("div", oa, [(T(!0), _(f, null, A(e.suggestedPrompts, (e, t) => (T(), _("button", {
+						"aria-label": Le.value,
+						title: Le.value,
+						onClick: o[19] || (o[19] = (e) => handleComposerAction())
+					}, [Me.value === "stop" ? (A(), _("i", fa)) : (A(), _("i", pa)), v("span", ma, F(Le.value), 1)], 10, da)], 64))])
+				])], 10, Qi),
+				K.value && e.centered && e.scope === "private" ? (A(), _("div", ha, F(e.agent.displayName.value) + " is AI and can make mistakes. ", 1)) : h("", !0),
+				!We.value && R.value.length === 0 && e.suggestedPrompts.length > 0 ? (A(), _("div", ga, [v("div", _a, [(A(!0), _(f, null, M(e.suggestedPrompts, (e, t) => (A(), _("button", {
 					key: e.id,
 					type: "button",
-					disabled: Ce.value,
+					disabled: Se.value,
 					"data-test": "messaging-suggested-prompt",
-					class: S(["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]", [Ce.value ? "cursor-not-allowed text-theme-300" : "cursor-pointer text-theme-600 hover:bg-theme-100 hover:text-theme-900", !re.value && t >= 3 ? "max-sm:hidden" : ""]]),
+					class: T(["w-full rounded-2xl bg-theme-50 px-4 py-3 text-left text-[14.5px] font-medium transition-colors sm:w-auto sm:rounded-full sm:py-2 sm:text-center sm:text-[14px]", [Se.value ? "cursor-not-allowed text-theme-300" : "cursor-pointer text-theme-600 hover:bg-theme-100 hover:text-theme-900", !te.value && t >= 3 ? "max-sm:hidden" : ""]]),
 					onClick: (t) => sendSuggestedPrompt(e)
-				}, M(e.label), 11, sa))), 128)), e.suggestedPrompts.length > 3 ? (T(), _("button", {
+				}, F(e.label), 11, va))), 128)), e.suggestedPrompts.length > 3 ? (A(), _("button", {
 					key: 0,
 					type: "button",
 					"data-test": "messaging-suggested-prompts-more",
-					"aria-expanded": re.value,
+					"aria-expanded": te.value,
 					class: "flex w-full cursor-pointer items-center justify-center gap-1.5 rounded-2xl px-4 py-3 text-[14px] font-medium text-theme-600 ring-1 ring-theme-200 transition-colors hover:bg-theme-50 hover:text-theme-900 sm:hidden",
-					onClick: o[17] || (o[17] = (e) => re.value = !re.value)
-				}, [te(M(re.value ? "See less" : "See more") + " ", 1), v("i", { class: S(["i-tabler-chevron-down size-4 transition-transform", re.value ? "rotate-180" : ""]) }, null, 2)], 8, ca)) : h("", !0)])])) : h("", !0)
+					onClick: o[20] || (o[20] = (e) => te.value = !te.value)
+				}, [b(F(te.value ? "See less" : "See more") + " ", 1), v("i", { class: T(["i-tabler-chevron-down size-4 transition-transform", te.value ? "rotate-180" : ""]) }, null, 2)], 8, ya)) : h("", !0)])])) : h("", !0)
 			], 2)
 		], 2));
 	}
-}), ua = { class: "agent-wrap" }, da = {
+}), xa = { class: "agent-wrap" }, Sa = {
 	key: 0,
 	class: "flex items-center justify-center h-full"
-}, fa = {
+}, Ca = {
 	key: 2,
 	class: "flex h-full flex-col items-center justify-center gap-4 px-6 text-center",
 	role: "status",
 	"aria-live": "polite",
 	"data-test": "agent-unavailable"
-}, pa = /* @__PURE__ */ x({
+}, wa = /* @__PURE__ */ S({
 	__name: "AgentWrap",
 	props: {
 		sdk: {},
@@ -5262,7 +5470,7 @@ var kr = [
 		let r = a("AgentWrap"), i = e, o = i.sdk || t.getInstance({
 			isDev: typeof window < "u" ? window.location.hostname === "localhost" || window.location.hostname.includes("127.0.0.1") : !1,
 			...i.apiBase && { apiBase: i.apiBase }
-		}), s = se(!i.agent), c = se(i.agent ? new n({ config: i.agent }) : void 0), u = se();
+		}), s = ae(!i.agent), c = ae(i.agent ? new n({ config: i.agent }) : void 0), u = ae();
 		async function loadAgent() {
 			if (i.agent) {
 				r.debug("Agent provided via props, skipping fetch", {
@@ -5338,15 +5546,15 @@ var kr = [
 				});
 			}
 		}
-		return ie(loadAgent), (t, n) => (T(), _("div", ua, [s.value ? (T(), _("div", da, [v("div", { class: S(["size-6 animate-spin rounded-full border-b-2", i.bare ? "border-theme-400" : "border-white"]) }, null, 2)])) : c.value ? oe(t.$slots, "default", {
-			sdk: ce(o),
+		return ne(loadAgent), (t, n) => (A(), _("div", xa, [s.value ? (A(), _("div", Sa, [v("div", { class: T(["size-6 animate-spin rounded-full border-b-2", i.bare ? "border-theme-400" : "border-white"]) }, null, 2)])) : c.value ? ie(t.$slots, "default", {
+			sdk: oe(o),
 			agent: c.value,
 			context: e.clientContext ?? e.context,
 			firstMessage: e.firstMessage,
 			buttonText: e.buttonText,
 			buttonIcon: e.buttonIcon,
 			loading: s.value
-		}, void 0, void 0, 1) : u.value ? (T(), _("div", fa, [n[0] || (n[0] = v("p", { class: "text-sm font-medium text-theme-600" }, " This assistant is unavailable right now. ", -1)), v("button", {
+		}, void 0, void 0, 1) : u.value ? (A(), _("div", Ca, [n[0] || (n[0] = v("p", { class: "text-sm font-medium text-theme-600" }, " This assistant is unavailable right now. ", -1)), v("button", {
 			type: "button",
 			class: "min-h-11 rounded-full bg-theme-900 px-5 text-sm font-semibold text-theme-0 transition-colors hover:bg-theme-700",
 			"data-test": "agent-unavailable-retry",
@@ -5355,6 +5563,6 @@ var kr = [
 	}
 });
 //#endregion
-export { ke as a, getAgentAvatarUrl as c, AgentChatController as d, ve as f, Pe as i, handleImageError as l, _e as m, la as n, De as o, n as p, ai as r, Te as s, pa as t, parseButtonTemplate as u };
+export { Pe as a, we as c, parseButtonTemplate as d, AgentChatController as f, he as h, ai as i, getAgentAvatarUrl as l, n as m, ba as n, Oe as o, _e as p, _i as r, Ee as s, wa as t, handleImageError as u };
 
 //# sourceMappingURL=AgentWrap.js.map