@pagelines/sdk 1.0.728 → 1.0.730

package/dist/AgentWrap.js

@@ -1,9 +1,9 @@
 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 P, unref as ce, vModelText as ue, watch as de, withCtx as F, withDirectives as pe, withKeys as he, withModifiers as I } from "vue";
+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 P, toDisplayString as F, unref as se, vModelText as ce, watch as ue, withCtx as I, withDirectives as de, withKeys as pe, withModifiers as R } from "vue";
 //#region ui/FSpinner.vue?vue&type=script&setup=true&lang.ts
-var R = { class: "spinner max-w-sm" }, z = {
+var he = { class: "spinner max-w-sm" }, z = {
 	class: "ring-circular h-full w-full origin-center",
 	viewBox: "25 25 50 50"
 }, _e = /* @__PURE__ */ x({
@@ -19,7 +19,7 @@ var R = { class: "spinner max-w-sm" }, z = {
 		}
 	},
 	setup(e) {
-		return (t, n) => (T(), _("div", R, [(T(), _("svg", z, [v("circle", {
+		return (t, n) => (T(), _("div", he, [(T(), _("svg", z, [v("circle", {
 			class: S([e.colorMode, "ring-path"]),
 			cx: "50",
 			cy: "50",
@@ -401,7 +401,7 @@ var AgentChatController = class extends i {
 		super("AgentChatController", t), e(this, "isTextMode", !1), e(this, "lastMessage", {
 			hash: "",
 			time: 0
-		}), e(this, "isConnecting", !1), e(this, "activeTurnGeneration", 0), e(this, "boundaryTimer", void 0), e(this, "nowMs", 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, "activeTurnGeneration", 0), e(this, "boundaryTimer", void 0), e(this, "nowMs", P(Date.now())), e(this, "toolActivityTiming", P({})), e(this, "lastVisibleProgressAtMs", P()), e(this, "liveSegments", P([])), e(this, "liveStreamMessageId", P(void 0)), e(this, "conversationId", void 0), e(this, "textState", k({
 			isActive: !1,
 			isConnected: !1,
 			isThinking: !1,
@@ -577,7 +577,7 @@ Current User:
 		});
 	}
 	setupBoundaryWatcher() {
-		de(() => this.workJournal.value?.nextBoundaryAtMs, (e) => {
+		ue(() => this.workJournal.value?.nextBoundaryAtMs, (e) => {
 			this.scheduleBoundary(e);
 		});
 	}
@@ -639,12 +639,12 @@ Current User:
 		});
 	}
 	setupModeWatcher() {
-		de(this.agentMode, async (e, t) => {
+		ue(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) => {
+		ue(() => this.chatEnabled, (e) => {
 			if (!(!this.isTextMode || this.isConnecting)) {
 				if (e) {
 					this.textState.value.isConnected || this.updateState(this.textState, {
@@ -1067,11 +1067,11 @@ var we = {
 			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))
+			onError: n[0] || (n[0] = (...e) => se(handleImageError) && se(handleImageError)(...e))
 		}, null, 40, Ae)], 2), v("div", je, [e.isOnline ? (T(), _(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" : ""]]) }, P(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"]]) }, P(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)) : (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" : ""]]) }, F(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"]]) }, F(e.layout === "horizontal" ? e.agent.title.value || "Assistant" : e.agent.title.value), 3)])], 2));
 	}
 }), Fe = { class: "relative shrink-0 rounded-full" }, Ie = ["src", "alt"], Le = ["src", "alt"], Re = ["aria-label"], ze = /* @__PURE__ */ x({
 	__name: "AgentAvatar",
@@ -1133,7 +1133,7 @@ var we = {
 	class: "sr-only",
 	role: "status",
 	"aria-live": "polite"
-}, K = ["aria-expanded", "disabled"], Ve = ["aria-expanded"], He = {
+}, Ve = ["aria-expanded", "disabled"], He = ["aria-expanded"], K = {
 	class: "flex w-5 shrink-0 justify-center self-stretch",
 	"aria-hidden": "true"
 }, Ue = ["data-journal-row"], We = {
@@ -1149,7 +1149,7 @@ var we = {
 		isLight: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = se(!1);
+		let t = e, n = P(!1);
 		function toggle() {
 			n.value = !n.value;
 		}
@@ -1220,7 +1220,7 @@ var we = {
 			};
 		});
 		return (t, u) => (T(), _("div", { class: S(["w-full py-0.5", s.value.muted]) }, [
-			a.value ? (T(), _("span", Be, P(a.value), 1)) : h("", !0),
+			a.value ? (T(), _("span", Be, F(a.value), 1)) : h("", !0),
 			r.value ? (T(), _("button", {
 				key: 1,
 				type: "button",
@@ -1236,13 +1236,13 @@ 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]) }, P(e.model.terminal?.label), 3),
+				v("span", { class: S(["text-[12.5px] font-medium leading-none", s.value.muted]) }, F(e.model.terminal?.label), 3),
 				i.value ? (T(), _("i", {
 					key: 0,
 					class: S(["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, K)) : i.value ? (T(), _("button", {
+			], 10, Ve)) : i.value ? (T(), _("button", {
 				key: 2,
 				type: "button",
 				"data-test": "messaging-tool-activity-summary",
@@ -1250,13 +1250,13 @@ var we = {
 				"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]),
 				onClick: toggle
-			}, [v("span", He, [v("span", {
+			}, [v("span", K, [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(P(i.value) + " earlier updates ", 1), v("i", {
+			}, 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(F(i.value) + " earlier updates ", 1), v("i", {
 				class: S(["size-3 shrink-0", n.value ? "i-tabler-chevron-down" : "i-tabler-chevron-right"]),
 				"aria-hidden": "true"
-			}, null, 2)], 2)], 10, Ve)) : h("", !0),
+			}, null, 2)], 2)], 10, He)) : h("", !0),
 			(T(!0), _(f, null, A(o.value, (e, t) => (T(), _("div", {
 				key: e.id,
 				"data-test": "messaging-tool-activity-row",
@@ -1268,15 +1268,15 @@ var we = {
 			}, null, 8, ["data-journal-station", "class"]))]), t === o.value.length - 1 ? h("", !0) : (T(), _("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(P(e.label), 1), c.value[e.tone].statusWord ? (T(), _("span", Ke, ", " + P(c.value[e.tone].statusWord), 1)) : h("", !0)], 2), e.note ? (T(), _("p", {
+			}, 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(F(e.label), 1), c.value[e.tone].statusWord ? (T(), _("span", Ke, ", " + F(c.value[e.tone].statusWord), 1)) : h("", !0)], 2), e.note ? (T(), _("p", {
 				key: 0,
 				class: S(["pt-0.5 text-[11.5px] leading-snug", s.value.muted])
-			}, P(e.note), 3)) : h("", !0)], 2)], 10, Ue))), 128)),
+			}, F(e.note), 3)) : h("", !0)], 2)], 10, Ue))), 128)),
 			!r.value && e.model.hint ? (T(), _("p", {
 				key: 3,
 				"data-test": "messaging-tool-activity-hint",
 				class: S(["pl-[30px] pt-2.5 text-[12px] leading-snug", s.value.muted])
-			}, P(e.model.hint), 3)) : h("", !0)
+			}, F(e.model.hint), 3)) : h("", !0)
 		], 2));
 	}
 });
@@ -1562,9 +1562,9 @@ function createDOMPurify() {
 		}
 	}, oe = function _getDefaultTrustedTypesPolicy() {
 		return ie || (re = Yt(u, r), ie = !0), re;
-	}, j = t, se = j.implementation, P = j.createNodeIterator, ce = j.createDocumentFragment, ue = j.getElementsByTagName, de = n.importNode, F = Xt();
-	DOMPurify.isSupported = typeof Je == "function" && typeof v == "function" && se && se.createHTMLDocument !== void 0;
-	let pe = Nt, he = Pt, I = Ft, R = It, z = Lt, _e = zt, ve = Bt, B = Ht, ye = Rt, H = null, be = addToSet({}, [
+	}, j = t, P = j.implementation, F = j.createNodeIterator, se = j.createDocumentFragment, ce = j.getElementsByTagName, ue = n.importNode, I = Xt();
+	DOMPurify.isSupported = typeof Je == "function" && typeof v == "function" && P && P.createHTMLDocument !== void 0;
+	let de = Nt, pe = Pt, R = Ft, he = It, z = Lt, _e = zt, ve = Bt, B = Ht, ye = Rt, H = null, be = addToSet({}, [
 		...St,
 		...Ct,
 		...wt,
@@ -1607,7 +1607,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: null
 		}
-	})), Ee = !0, De = !0, Oe = !1, ke = !0, G = !1, Ae = !0, je = !1, Me = !1, Ne = null, Pe = null, Fe = !1, Ie = !1, Le = !1, Re = !1, ze = !0, Be = !1, K = "user-content-", Ve = !0, He = !1, Ue = {}, We = null, Ge = addToSet({}, /* @__PURE__ */ "annotation-xml.audio.colgroup.desc.foreignobject.head.iframe.math.mi.mn.mo.ms.mtext.noembed.noframes.noscript.plaintext.script.selectedcontent.style.svg.template.thead.title.video.xmp".split(".")), Ke = null, qe = addToSet({}, [
+	})), Ee = !0, De = !0, Oe = !1, ke = !0, G = !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, K = !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({}, [
 		"audio",
 		"video",
 		"img",
@@ -1656,9 +1656,9 @@ function createDOMPurify() {
 		}), Ke = Zt(e, "ADD_DATA_URI_TAGS", qe, {
 			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, G = 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, Ve = 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);
+		}), 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, G = 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, K = 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);
 		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), G && (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)), Ve && (H["#text"] = !0), je && addToSet(H, [
+		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), G && (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)), He && (H["#text"] = !0), je && addToSet(H, [
 			"html",
 			"head",
 			"body"
@@ -1786,20 +1786,20 @@ function createDOMPurify() {
 			n = new c().parseFromString(i, en);
 		} catch {}
 		if (!n || !n.documentElement) {
-			n = se.createDocument(tt, "template", null);
+			n = P.createDocument(tt, "template", null);
 			try {
 				n.documentElement.innerHTML = nt ? C : 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 ? ce.call(n, je ? "html" : "body")[0] : je ? n.documentElement : a;
 	}, bn = function _createNodeIterator(e) {
-		return P.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, I, " "), e;
+		return e = pt(e, de, " "), e = pt(e, pe, " "), e = pt(e, R, " "), e;
 	}, Sn = function _scrubTemplateExpressions(e) {
 		e.normalize();
-		let t = P.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) => {
@@ -1832,40 +1832,40 @@ function createDOMPurify() {
 		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 (Ve && !We[t]) {
+		if (He && !We[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 = K ? n[i] : p(n[i], !0);
 					t.insertBefore(r, h(e));
 				}
 			}
 		}
 		return pn(e), !0;
 	}, On = function _sanitizeElements(e, t) {
-		if (_executeHooks(F.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(F.uponSanitizeElement, e, {
+		if (_executeHooks(I.uponSanitizeElement, e, {
 			tagName: n,
 			allowedTags: H
 		}), 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]) {
 			let t = Dn(e, n);
-			return t === !1 && _executeHooks(F.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 (G && e.nodeType === qt.text) {
 			let t = xn(e.textContent);
 			e.textContent !== t && (st(DOMPurify.removed, { element: e.cloneNode() }), e.textContent = t);
 		}
-		return _executeHooks(F.afterSanitizeElements, e, null), !1;
+		return _executeHooks(I.afterSanitizeElements, e, null), !1;
 	}, kn = function _isValidAttribute(e, n, r) {
 		if (we[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 = U[n] || Te.attributeCheck instanceof Function && Te.attributeCheck(n, e);
-		if (!(De && Z(R, n)) && !(Ee && Z(z, n))) {
+		if (!(De && Z(he, n)) && !(Ee && Z(z, 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;
@@ -1895,7 +1895,7 @@ function createDOMPurify() {
 			hn(t, e);
 		}
 	}, Pn = function _sanitizeAttributes(e) {
-		_executeHooks(F.beforeSanitizeAttributes, e, null);
+		_executeHooks(I.beforeSanitizeAttributes, e, null);
 		let t = e.attributes;
 		if (!t || Cn(e)) return;
 		let n = {
@@ -1907,7 +1907,7 @@ function createDOMPurify() {
 		}, r = t.length, i = Q(e.nodeName);
 		for (; r--;) {
 			let a = t[r], o = a.name, s = a.namespaceURI, c = a.value, u = Q(o), f = c, p = o === "value" ? f : ht(f);
-			if (n.attrName = u, n.attrValue = p, n.keepAttr = !0, n.forceKeepAttr = void 0, _executeHooks(F.uponSanitizeAttribute, e, n), p = n.attrValue, Be && (u === "id" || u === "name") && mt(p, K) !== 0 && (hn(o, e), p = K + p), Ae && Z(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, p)) {
+			if (n.attrName = u, n.attrValue = p, n.keepAttr = !0, n.forceKeepAttr = void 0, _executeHooks(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;
 			}
@@ -1931,14 +1931,14 @@ function createDOMPurify() {
 				p = Mn(i, u, s, p), p !== f && Nn(e, o, s, p);
 			}
 		}
-		_executeHooks(F.afterSanitizeAttributes, e, null);
+		_executeHooks(I.afterSanitizeAttributes, e, null);
 	}, Fn = function _sanitizeShadowDOM(e) {
 		let t = null, n = bn(e);
-		for (_executeHooks(F.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) if (_executeHooks(F.uponSanitizeShadowNode, t, null), On(t, e), Pn(t), wn(t.content) && Fn(t.content), (x ? x(t) : t.nodeType) === qt.element) {
+		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), (x ? x(t) : t.nodeType) === qt.element) {
 			let e = te(t);
 			wn(e) && (In(e), Fn(e));
 		}
-		_executeHooks(F.afterSanitizeShadowDOM, e, null);
+		_executeHooks(I.afterSanitizeShadowDOM, e, null);
 	}, In = function _sanitizeAttachedShadowRoots(e) {
 		let t = [{
 			node: e,
@@ -1981,8 +1981,8 @@ 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), (F.uponSanitizeElement.length > 0 || F.uponSanitizeAttribute.length > 0) && (H = clone(H)), F.uponSanitizeAttribute.length > 0 && (U = clone(U)), DOMPurify.removed = [];
-		let s = He && typeof e != "string" && Tn(e);
+		Me ? (H = Ne, U = Pe) : on(t), (I.uponSanitizeElement.length > 0 || I.uponSanitizeAttribute.length > 0) && (H = clone(H)), I.uponSanitizeAttribute.length > 0 && (U = clone(U)), DOMPurify.removed = [];
+		let s = K && typeof e != "string" && Tn(e);
 		if (s) {
 			vn(e);
 			let t = ne ? ne(e) : e.nodeName;
@@ -2014,9 +2014,9 @@ function createDOMPurify() {
 			e.element && _n(e.element);
 		}), G && Sn(e), e;
 		if (Ie) {
-			if (G && Sn(r), Le) for (o = ce.call(r.ownerDocument); r.firstChild;) o.appendChild(r.firstChild);
+			if (G && Sn(r), Le) for (o = se.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 (U.shadowroot || U.shadowrootmode) && (o = ue.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), G && (f = xn(f)), S && Re ? k(f) : f;
@@ -2030,19 +2030,19 @@ function createDOMPurify() {
 		let r = Q(e), i = Q(t);
 		return kn(r, i, n);
 	}, DOMPurify.addHook = function(e, t) {
-		typeof t == "function" && X(F, e) && st(F[e], t);
+		typeof t == "function" && X(I, e) && st(I[e], t);
 	}, DOMPurify.removeHook = function(e, t) {
-		if (X(F, e)) {
+		if (X(I, e)) {
 			if (t !== void 0) {
-				let n = it(F[e], t);
-				return n === -1 ? void 0 : ct(F[e], n, 1)[0];
+				let n = it(I[e], t);
+				return n === -1 ? void 0 : ct(I[e], n, 1)[0];
 			}
-			return at(F[e]);
+			return at(I[e]);
 		}
 	}, DOMPurify.removeHooks = function(e) {
-		X(F, e) && (F[e] = []);
+		X(I, e) && (I[e] = []);
 	}, DOMPurify.removeAllHooks = function() {
-		F = Xt();
+		I = Xt();
 	}, DOMPurify;
 }
 var Qt = createDOMPurify(), _Class;
@@ -3484,7 +3484,7 @@ var mr = ["aria-label"], hr = { class: "px-4 pb-2 pt-4" }, gr = ["innerHTML"], _
 			if (!n.spec.body) return "";
 			let e = g.parse(n.spec.body, { async: !1 });
 			return Qt.sanitize(e, { ADD_ATTR: ["target"] });
-		}), a = p(() => n.inverted ? "rgba(255, 255, 255, 0.22)" : "rgba(0, 0, 0, 0.16)"), o = p(() => n.inverted ? "rgba(255, 255, 255, 0.12)" : "color-mix(in oklch, var(--color-theme-200) 80%, transparent)"), s = p(() => n.inverted ? "rgba(255, 255, 255, 0.95)" : "var(--color-theme-900)"), c = p(() => n.inverted ? "rgba(255, 255, 255, 0.8)" : "var(--color-theme-800)"), u = p(() => n.inverted ? `inset 0 0 0 1px ${a.value}` : `inset 0 0 0 1px ${a.value}, 0 4px 16px rgba(15, 23, 42, 0.05)`);
+		}), a = p(() => n.inverted ? "rgba(255, 255, 255, 0.22)" : "rgba(0, 0, 0, 0.16)"), o = p(() => n.inverted ? "rgba(255, 255, 255, 0.12)" : "color-mix(in oklch, var(--color-theme-200) 80%, transparent)"), s = p(() => n.inverted ? "rgba(255, 255, 255, 0.95)" : "var(--color-theme-900)"), c = p(() => n.inverted ? "rgba(255, 255, 255, 0.8)" : "var(--color-theme-800)"), u = p(() => n.inverted ? `inset 0 0 0 1px ${a.value}` : `inset 0 0 0 1px ${a.value}, 0 4px 16px rgba(15, 23, 42, 0.05)`), m = p(() => n.inverted ? "transparent" : "var(--color-theme-0)");
 		function actionStyle(e) {
 			return e === "primary" || e === "destructive" ? {
 				background: n.inverted ? "rgba(255, 255, 255, 0.92)" : "var(--color-theme-900)",
@@ -3497,13 +3497,16 @@ var mr = ["aria-label"], hr = { class: "px-4 pb-2 pt-4" }, gr = ["innerHTML"], _
 		return (t, n) => (T(), _("div", {
 			"data-test": "chat-card",
 			class: "my-6 w-full max-w-[55ch] self-start overflow-hidden rounded-2xl",
-			style: C({ boxShadow: u.value }),
+			style: C({
+				background: m.value,
+				boxShadow: u.value
+			}),
 			"aria-label": e.spec.title
 		}, [
 			v("div", hr, [v("div", {
 				class: "text-[14px] font-semibold leading-tight",
 				style: C({ color: s.value })
-			}, P(e.spec.title), 5)]),
+			}, F(e.spec.title), 5)]),
 			i.value ? (T(), _("div", {
 				key: 0,
 				class: "chat-msg-prose px-4 pb-4 pt-2 text-[14px] leading-relaxed",
@@ -3521,7 +3524,7 @@ var mr = ["aria-label"], hr = { class: "px-4 pb-2 pt-4" }, gr = ["innerHTML"], _
 				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)),
 				onClick: (t) => r("action", e.reply)
-			}, P(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;
@@ -3756,7 +3759,7 @@ var kr = [
 		inverted: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = k(), r = se(360), i;
+		let t = e, n = k(), r = P(360), i;
 		ie(() => {
 			typeof ResizeObserver > "u" || !n.value || (i = new ResizeObserver((e) => {
 				let t = e[0]?.contentRect.width;
@@ -3891,7 +3894,7 @@ var kr = [
 				return `${r === 0 ? "M" : "L"} ${xForIndex(r, t.data.length).toFixed(1)} ${yForValue(i).toFixed(1)}`;
 			}).join(" ") : "";
 		}
-		let ue = p(() => {
+		let ce = 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);
@@ -3902,7 +3905,7 @@ var kr = [
 				dataKey: e.trendLine.dataKey,
 				seriesIndex: s
 			};
-		}), de = p(() => {
+		}), ue = 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);
@@ -3939,7 +3942,7 @@ var kr = [
 					dataKey: e.dataKey
 				};
 			}));
-		}), F = p(() => {
+		}), I = p(() => {
 			let e = m.value;
 			if (!e) return [];
 			let t = e.data;
@@ -3952,7 +3955,7 @@ var kr = [
 				anchor: i ? "end" : e === 0 ? "start" : e === n ? "end" : "middle",
 				angled: i
 			})).filter((e) => e.label);
-		}), pe = p(() => {
+		}), de = p(() => {
 			let e = m.value;
 			if (!e || e.chartType !== "bar" || e.series.length !== 1 || x.value) return [];
 			let t = e.series[0], n = e.data.map((n, r) => {
@@ -3975,7 +3978,7 @@ var kr = [
 				width: e.rawValue <= 0 ? 0 : Math.max(2, e.rawValue / r * 100),
 				seriesIndex: 0
 			}));
-		}), he = p(() => {
+		}), pe = p(() => {
 			let e = m.value;
 			if (!e?.data.length) return [];
 			let t = e.data[e.data.length - 1];
@@ -3991,7 +3994,7 @@ var kr = [
 					seriesIndex: n
 				};
 			});
-		}), I = p(() => {
+		}), R = p(() => {
 			let e = m.value;
 			if (!e?.data.length || e.chartType !== "line") return [];
 			let t = e.data.length - 1, n = e.data[t];
@@ -4004,7 +4007,7 @@ var kr = [
 					seriesIndex: i
 				};
 			}).filter((e) => e !== null);
-		}), R = p(() => {
+		}), he = p(() => {
 			let e = b.value;
 			if (!e) return [];
 			let t = e.data.map((t) => ({
@@ -4039,7 +4042,7 @@ var kr = [
 		function diagramNodeStroke(e) {
 			return e === "decision" ? t.inverted ? "rgba(255, 255, 255, 0.26)" : "color-mix(in oklch, var(--color-primary-500) 32%, var(--color-theme-300))" : Se.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 ? "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)");
+		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", {
 			key: 0,
 			"data-test": "chat-visual",
@@ -4048,17 +4051,20 @@ var kr = [
 			"data-stacking": x.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({ boxShadow: `inset 0 0 0 1px ${W.value}` }),
+			style: C({
+				background: Ce.value,
+				boxShadow: `inset 0 0 0 1px ${W.value}`
+			}),
 			"aria-label": o.value.meta.title
 		}, [
 			v("header", Ar, [v("h4", {
 				class: "text-[13px] font-semibold leading-tight",
 				style: C({ color: B.value })
-			}, P(o.value.meta.title), 5), o.value.meta.description ? (T(), _("p", {
+			}, F(o.value.meta.title), 5), o.value.meta.description ? (T(), _("p", {
 				key: 0,
 				class: "mt-0.5 text-[12px] leading-snug",
 				style: C({ color: ye.value })
-			}, P(o.value.meta.description), 5)) : h("", !0)]),
+			}, F(o.value.meta.description), 5)) : h("", !0)]),
 			v("div", {
 				ref_key: "bodyEl",
 				ref: n
@@ -4066,19 +4072,19 @@ var kr = [
 				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", {
+			}, [de.value.length ? (T(), _("div", Mr, [(T(!0), _(f, null, A(de.value, (e) => (T(), _("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 })
-			}, P(e.label), 5), v("span", {
+			}, F(e.label), 5), v("span", {
 				class: "shrink-0 font-semibold tabular-nums",
 				style: C({ color: B.value })
-			}, P(e.value), 5)]), v("div", {
+			}, F(e.value), 5)]), v("div", {
 				class: "h-2 w-full overflow-hidden rounded-full",
-				style: C({ background: we.value })
+				style: C({ background: Te.value })
 			}, [v("div", {
 				class: "h-full rounded-full",
 				style: C({
@@ -4110,11 +4116,11 @@ var kr = [
 					"text-anchor": "end",
 					"font-size": "9.5",
 					style: C({ fill: H.value })
-				}, P(ce(formatChatVisualTick)({
+				}, F(se(formatChatVisualTick)({
 					value: e,
 					shared: ae.value
 				})), 13, Ir))), 128))]),
-				m.value.chartType === "bar" ? (T(!0), _(f, { key: 0 }, A(de.value, (e) => (T(), _("rect", {
+				m.value.chartType === "bar" ? (T(!0), _(f, { key: 0 }, A(ue.value, (e) => (T(), _("rect", {
 					key: e.key,
 					"data-test": "chat-visual-bar",
 					"data-row-index": e.rowIndex,
@@ -4127,18 +4133,18 @@ var kr = [
 					rx: "2.5",
 					style: C({ fill: seriesColor(e.seriesIndex) })
 				}, null, 12, Lr))), 128)) : (T(), _(f, { key: 1 }, [
-					ue.value ? (T(), _("path", {
+					ce.value ? (T(), _("path", {
 						key: 0,
 						"data-test": "chat-visual-trend-line",
-						"data-trend-key": ue.value.dataKey,
-						d: ue.value.path,
+						"data-trend-key": ce.value.dataKey,
+						d: ce.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: C({ stroke: seriesColor(ce.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", {
 						key: 0,
@@ -4156,7 +4162,7 @@ var kr = [
 						r: "2.6",
 						style: C({ fill: seriesColor(t) })
 					}, null, 12, Br)) : h("", !0)], 64))), 128))]))), 128)),
-					(T(!0), _(f, null, A(I.value, (e) => (T(), _("circle", {
+					(T(!0), _(f, null, A(R.value, (e) => (T(), _("circle", {
 						key: `marker-${e.key}`,
 						cx: e.cx,
 						cy: e.cy,
@@ -4164,16 +4170,16 @@ var kr = [
 						style: C({ fill: seriesColor(e.seriesIndex) })
 					}, null, 12, Vr))), 128))
 				], 64)),
-				(T(!0), _(f, null, A(F.value, (e) => (T(), _("text", {
+				(T(!0), _(f, null, A(I.value, (e) => (T(), _("text", {
 					key: e.key,
 					x: e.x,
 					y: e.angled ? j.value.height - j.value.bottom + 12 : j.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,
+					transform: e.angled ? `rotate(${se(-40)} ${e.x} ${j.value.height - j.value.bottom + 12})` : void 0,
 					style: C({ fill: H.value })
-				}, P(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", {
+				}, F(e.label), 13, Hr))), 128))
+			], 12, Pr)), pe.value.length > 1 || m.value.chartType !== "bar" ? (T(), _("div", Ur, [(T(!0), _(f, null, A(pe.value, (e) => (T(), _("div", {
 				key: e.key,
 				class: "inline-flex items-center gap-1.5 text-[11.5px] leading-none"
 			}, [
@@ -4181,23 +4187,23 @@ var kr = [
 					class: "size-2.5 shrink-0 rounded-full",
 					style: C({ background: seriesColor(e.seriesIndex) })
 				}, null, 4),
-				v("span", { style: C({ color: ye.value }) }, P(e.label), 5),
+				v("span", { style: C({ color: ye.value }) }, F(e.label), 5),
 				v("span", {
 					class: "font-semibold tabular-nums",
 					style: C({ color: B.value })
-				}, P(e.value), 5)
-			]))), 128))])) : h("", !0)], 8, jr)) : b.value ? (T(), _("div", Wr, [(T(!0), _(f, null, A(R.value, (e, t) => (T(), _("div", { key: e.key }, [v("div", Gr, [v("span", {
+				}, F(e.value), 5)
+			]))), 128))])) : h("", !0)], 8, jr)) : b.value ? (T(), _("div", Wr, [(T(!0), _(f, null, A(he.value, (e, t) => (T(), _("div", { key: e.key }, [v("div", Gr, [v("span", {
 				class: "truncate font-medium",
 				style: C({ color: B.value })
-			}, P(e.name), 5), v("span", Kr, [v("span", {
+			}, F(e.name), 5), v("span", Kr, [v("span", {
 				class: "font-semibold",
 				style: C({ color: B.value })
-			}, P(e.display), 5), v("span", {
+			}, F(e.display), 5), v("span", {
 				class: "ml-1.5",
 				style: C({ color: ye.value })
-			}, P(Math.round(e.percent * 100)) + "%", 5)])]), v("div", {
+			}, F(Math.round(e.percent * 100)) + "%", 5)])]), v("div", {
 				class: "h-1.5 w-full overflow-hidden rounded-full",
-				style: C({ background: we.value })
+				style: C({ background: Te.value })
 			}, [v("div", {
 				class: "h-full rounded-full",
 				style: C({
@@ -4227,14 +4233,14 @@ var kr = [
 					"stroke-width": "1.4",
 					"stroke-linecap": "round",
 					"vector-effect": "non-scaling-stroke",
-					style: C({ stroke: Ce.value })
+					style: C({ stroke: we.value })
 				}, null, 12, Yr))), 128)),
 				(T(!0), _(f, null, A(z.value.edges, (e) => (T(), _("circle", {
 					key: `${e.key}-dot`,
 					cx: e.x2,
 					cy: e.y2,
 					r: "2.4",
-					style: C({ fill: Ce.value })
+					style: C({ fill: we.value })
 				}, null, 12, Xr))), 128)),
 				(T(!0), _(f, null, A(z.value.edges.filter((e) => e.label), (e) => (T(), _("foreignObject", {
 					key: `${e.key}-label`,
@@ -4249,7 +4255,7 @@ var kr = [
 						color: ye.value,
 						background: t.inverted ? "var(--color-theme-900)" : "var(--color-theme-0)"
 					})
-				}, P(e.label), 5)], 8, Zr))), 128)),
+				}, F(e.label), 5)], 8, Zr))), 128)),
 				(T(!0), _(f, null, A(z.value.nodes, (e) => (T(), _("g", {
 					key: e.id,
 					"data-test": "chat-visual-diagram-node",
@@ -4284,17 +4290,17 @@ var kr = [
 				}, [v("div", ni, [v("div", {
 					class: "line-clamp-2 text-[13px] font-semibold leading-tight",
 					style: C({ color: B.value })
-				}, P(e.label), 5), e.detail ? (T(), _("div", {
+				}, F(e.label), 5), e.detail ? (T(), _("div", {
 					key: 0,
 					class: "mt-0.5 line-clamp-1 text-[10.5px] leading-none",
 					style: C({ color: ye.value })
-				}, P(e.detail), 5)) : h("", !0)])], 8, ti))], 8, Qr))), 128))
+				}, F(e.detail), 5)) : h("", !0)])], 8, ti))], 8, Qr))), 128))
 			], 12, Jr))])) : h("", !0)], 512),
 			o.value.meta.footer ? (T(), _("footer", {
 				key: 0,
 				class: "mt-3 text-[11px] leading-snug",
 				style: C({ color: H.value })
-			}, P(o.value.meta.footer), 5)) : h("", !0)
+			}, F(o.value.meta.footer), 5)) : h("", !0)
 		], 12, kr)) : h("", !0);
 	}
 }), ii = ["innerHTML"], ai = /* @__PURE__ */ x({
@@ -4306,8 +4312,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 = P(n.text), a;
+		ue([() => n.text, () => n.streaming], ([e, t]) => {
 			if (!t) {
 				a !== void 0 && (cancelAnimationFrame(a), a = void 0), i.value = e;
 				return;
@@ -4490,6 +4496,7 @@ var kr = [
 			role: "status",
 			class: "my-6 flex items-center gap-2.5 rounded-[20px] px-4 py-5 text-[12px] font-medium",
 			style: C({
+				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)"
 			})
@@ -4594,11 +4601,10 @@ var kr = [
 	"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-working-description"], Fi = { class: "truncate" }, Ii = ["data-issue-code"], Li = ["href"], Ri = {
-	key: 3,
-	"data-test": "messaging-thinking-indicator",
-	class: "flex gap-2 justify-start items-center mb-4"
-}, zi = ["src", "alt"], Bi = { class: "max-w-20 truncate" }, Vi = ["onClick"], Hi = {
+}, Ni = ["data-journal-outcome"], Pi = ["data-test", "data-working-description"], Fi = {
+	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 = {
 	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 = [
@@ -4624,9 +4630,13 @@ var kr = [
 	class: "i-tabler-arrow-up size-[17px]"
 }, ra = { class: "sr-only" }, ia = {
 	key: 2,
+	"data-test": "messaging-ai-disclosure",
+	class: "mt-2.5 text-center text-[12px] text-theme-300"
+}, aa = {
+	key: 3,
 	"data-test": "messaging-suggested-prompts",
 	class: "mt-5 w-full sm:mx-auto sm:max-w-[720px]"
-}, aa = { class: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-center" }, oa = ["disabled", "onClick"], sa = ["aria-expanded"], ca = /* @__PURE__ */ x({
+}, 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({
 	__name: "ElAgentChat",
 	props: {
 		chatController: {},
@@ -4672,29 +4682,29 @@ var kr = [
 			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 === U.value);
 		}
 		function isGroupEnd(e, t) {
 			let n = e[t], r = e[t + 1];
 			return !r || r.sender !== n.sender;
 		}
-		let s = p(() => e.chatController?.textState.value), c = p(() => s.value?.isConnected ?? !1), u = p(() => s.value?.isThinking ?? !1), x = p(() => s.value?.connectionStatus === "disconnected" && !!s.value?.error), C = p(() => s.value?.connectionStatus !== "connected" && !s.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 s = p(() => e.chatController?.textState.value), c = p(() => s.value?.isConnected ?? !1), u = p(() => s.value?.isThinking ?? !1), x = p(() => s.value?.connectionStatus === "disconnected" && !!s.value?.error), re = p(() => s.value?.connectionStatus !== "connected" && !s.value?.error), j = k(!1), P = p(() => e.chatController?.liveTurnBlocks?.value ?? []), se = 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), R = p(() => {
+		}), he = p(() => e.chatController?.liveStreamMessageId?.value), z = p(() => {
 			let t = e.chatController?.sharedMessages.value ?? [];
-			return j.value.length && ce.value ? t.filter((e) => e.id !== ce.value) : t;
-		}), z = p(() => {
+			return P.value.length && he.value ? t.filter((e) => e.id !== he.value) : t;
+		}), ve = p(() => {
 			if (!e.chatController?.workJournal?.value) return s.value?.workingDescription?.trim() || void 0;
-		}), ve = p(() => e.chatController?.workJournal?.value), B = p(() => {
-			if (!ve.value && !j.value.length) return;
-			let e = R.value, t = e[e.length - 1];
+		}), B = p(() => e.chatController?.workJournal?.value), ye = p(() => {
+			if (!B.value && !P.value.length) return;
+			let e = z.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(() => {
+		}), H = p(() => {
 			let t = {};
-			for (let n of R.value) {
+			for (let n of z.value) {
 				if (n.sender === "user" || !n.toolActivities?.length) continue;
 				let r = e.chatController?.workJournalFor?.({
 					activities: n.toolActivities,
@@ -4706,7 +4716,7 @@ var kr = [
 			return t;
 		});
 		function messageWorkJournal(e) {
-			return ye.value[e.id];
+			return H.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)));
@@ -4754,60 +4764,60 @@ var kr = [
 				text: t.slice(i)
 			}), r;
 		}
-		let H = p(() => s.value?.transientIssue), be = p(() => {
+		let be = p(() => s.value?.transientIssue), U = p(() => {
 			if (!u.value) return;
-			let e = R.value, t = e[e.length - 1];
+			let e = z.value, t = e[e.length - 1];
 			return t?.sender === "agent" || t?.sender === "system" ? t.id : void 0;
-		}), U = p(() => !u.value || z.value || ve.value || j.value.length ? !1 : be.value === void 0), Se = p(() => s.value?.sendBlockedReason), W = p(() => Se.value === "agent_deleted"), Ce = p(() => x.value ? `${e.agent.displayName.value || e.agent.name.value || "Assistant"} is offline` : C.value ? "Connecting..." : Se.value === "agent_deleted" ? "This assistant was deleted" : `Message ${e.agent.displayName.value || e.agent.name.value || "assistant"}`), we = p(() => e.chatController?.composerState?.value ?? {
+		}), Se = p(() => !u.value || ve.value || B.value || P.value.length ? !1 : U.value === void 0), W = p(() => ve.value ?? (Se.value ? "Thinking…" : void 0)), Ce = p(() => s.value?.sendBlockedReason), we = p(() => Ce.value === "agent_deleted"), Te = p(() => x.value ? `${e.agent.displayName.value || e.agent.name.value || "Assistant"} is offline` : re.value ? "Connecting..." : Ce.value === "agent_deleted" ? "This assistant was deleted" : `Message ${e.agent.displayName.value || e.agent.name.value || "assistant"}`), Ee = p(() => e.chatController?.composerState?.value ?? {
 			text: "",
 			pendingAttachments: [],
 			isUploading: !1
-		}), Te = p({
-			get: () => we.value.text,
+		}), De = p({
+			get: () => Ee.value.text,
 			set: (t) => e.chatController?.setComposerText?.({ text: t })
-		}), Ee = p(() => we.value.pendingAttachments), De = p(() => we.value.isUploading), Oe = p(() => e.chatController?.voiceRecorder), ke = p(() => Oe.value?.isBusy.value ?? !1), G = p(() => e.chatController?.canAttachFile?.value ?? !1), Ae = p(() => e.chatController?.canRecordAudio?.value ?? !1), je = p(() => e.chatController?.composerAction?.value ?? "idle"), Me = p(() => je.value !== "idle"), Ne = p(() => je.value === "stop" ? "Stop reply" : "Send message"), Fe = p(() => Ae.value && !ke.value && !!Oe.value?.canUseBrowserRecording), Ie = p(() => Oe.value?.isActive.value ?? !1), Le = p(() => Oe.value?.elapsedLabel.value ?? "0:00"), Re = p(() => Oe.value?.statusText.value ?? "Release to send"), Be = p(() => Oe.value?.state.value.phase === "sending" ? "Sending voice message" : Ie.value ? "Release to send voice message" : "Hold to record voice message"), K = p(() => e.variant === "light"), Ve = 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"), He = p(() => K.value ? "text-theme-300" : "text-white/30");
+		}), Oe = p(() => Ee.value.pendingAttachments), ke = p(() => Ee.value.isUploading), G = p(() => e.chatController?.voiceRecorder), Ae = p(() => G.value?.isBusy.value ?? !1), je = p(() => e.chatController?.canAttachFile?.value ?? !1), Me = p(() => e.chatController?.canRecordAudio?.value ?? !1), Ne = p(() => e.chatController?.composerAction?.value ?? "idle"), Fe = p(() => Ne.value !== "idle"), Ie = p(() => Ne.value === "stop" ? "Stop reply" : "Send message"), Le = p(() => Me.value && !Ae.value && !!G.value?.canUseBrowserRecording), Re = p(() => G.value?.isActive.value ?? !1), Be = p(() => G.value?.elapsedLabel.value ?? "0:00"), Ve = p(() => G.value?.statusText.value ?? "Release to send"), He = p(() => G.value?.state.value.phase === "sending" ? "Sending voice message" : Re.value ? "Release to send voice message" : "Hold to record voice message"), K = p(() => e.variant === "light"), Ue = 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"), We = p(() => K.value ? "text-theme-300" : "text-white/30");
 		ie(async () => {
 			e.chatController && !c.value && await e.chatController.startTextConversation();
 		}), ae(() => {
 			e.chatController?.voiceRecorder?.teardown();
 		});
 		async function sendMessage() {
-			!e.chatController || je.value !== "send" || (a.value && (a.value.style.height = "auto", a.value.focus()), i.value?.pin(), await e.chatController.sendComposerMessage());
+			!e.chatController || Ne.value !== "send" || (a.value && (a.value.style.height = "auto", a.value.focus()), i.value?.pin(), await e.chatController.sendComposerMessage());
 		}
 		async function handleCardAction(t) {
-			!e.chatController || W.value || (i.value?.pin(), await e.chatController.sendChatMessage(t));
+			!e.chatController || we.value || (i.value?.pin(), await e.chatController.sendChatMessage(t));
 		}
 		async function sendSuggestedPrompt(t) {
-			!e.chatController || W.value || (i.value?.pin(), await e.chatController.sendChatMessage(t.prompt));
+			!e.chatController || we.value || (i.value?.pin(), await e.chatController.sendChatMessage(t.prompt));
 		}
 		async function handleComposerAction() {
-			e.chatController && (je.value === "send" && i.value?.pin(), await e.chatController.handleComposerAction());
+			e.chatController && (Ne.value === "send" && i.value?.pin(), await e.chatController.handleComposerAction());
 		}
 		async function handleKeydown(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), await sendMessage());
 		}
 		function focusComposer(e) {
-			Ie.value || W.value || e.target instanceof Element && e.target.closest("button, a, textarea") || a.value?.focus();
+			Re.value || we.value || e.target instanceof Element && e.target.closest("button, a, textarea") || a.value?.focus();
 		}
 		function adjustTextareaHeight() {
 			a.value && (a.value.style.height = "auto", a.value.style.height = `${Math.min(a.value.scrollHeight, 150)}px`);
 		}
-		de(Te, () => ne(() => adjustTextareaHeight()));
+		ue(De, () => ne(() => adjustTextareaHeight()));
 		function triggerFileInput() {
 			o.value?.click();
 		}
 		async function handleFileSelect(t) {
 			let n = t.target, r = n.files?.[0];
-			!r || !e.chatController || ke.value || (await e.chatController.attachFile({ file: r }), n.value = "");
+			!r || !e.chatController || Ae.value || (await e.chatController.attachFile({ file: r }), n.value = "");
 		}
 		function removeAttachment(t) {
 			e.chatController?.removeAttachment({ index: t });
 		}
 		function startRecording() {
-			Oe.value?.start();
+			G.value?.start();
 		}
 		function finishRecording(e) {
-			Oe.value?.finish(e);
+			G.value?.finish(e);
 		}
 		function shouldShowTimeDivider(e, t) {
 			if (t === 0) {
@@ -4836,7 +4846,7 @@ var kr = [
 				...o ? {} : { year: "numeric" }
 			})}, ${a}`;
 		}
-		return (t, s) => (T(), _("div", { class: S(["@container/chat relative flex h-full flex-col", R.value.length === 0 ? "min-h-0 [justify-content:safe_center] overflow-y-auto" : ""]) }, [
+		return (t, s) => (T(), _("div", { class: S(["@container/chat relative flex h-full flex-col", z.value.length === 0 ? "min-h-0 [justify-content:safe_center] overflow-y-auto" : ""]) }, [
 			e.showHeader && !K.value ? (T(), _("div", li, [b(Pe, {
 				agent: e.agent,
 				"is-online": c.value
@@ -4846,38 +4856,38 @@ var kr = [
 					"is-light": K.value,
 					class: "size-10"
 				}, null, 8, ["agent", "is-light"]),
-				v("div", di, [v("div", fi, P(e.agent.displayName.value), 1), v("div", pi, P(e.agent.title.value || "Assistant"), 1)]),
-				e.headerMeta ? (T(), _("span", mi, P(e.headerMeta), 1)) : h("", !0)
+				v("div", di, [v("div", fi, F(e.agent.displayName.value), 1), v("div", pi, F(e.agent.title.value || "Assistant"), 1)]),
+				e.headerMeta ? (T(), _("span", mi, F(e.headerMeta), 1)) : h("", !0)
 			], 2)])) : h("", !0),
-			C.value ? (T(), _("div", {
+			re.value ? (T(), _("div", {
 				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]", He.value])
-			}, [s[20] || (s[20] = v("i", { class: "i-tabler-tool size-3" }, null, -1)), v("span", null, P(e.setupHint), 1)], 2)) : h("", !0),
+				class: S(["flex items-center justify-center gap-1.5 py-2 text-[11px]", We.value])
+			}, [s[20] || (s[20] = v("i", { class: "i-tabler-tool size-3" }, null, -1)), v("span", null, F(e.setupHint), 1)], 2)) : h("", !0),
 			b(ci, {
 				ref_key: "chatScroller",
 				ref: i,
-				class: S(R.value.length === 0 ? "flex-none" : "flex-1")
+				class: S(z.value.length === 0 ? "flex-none" : "flex-1")
 			}, {
-				default: F(() => [v("div", { class: S([R.value.length === 0 ? "flex flex-col items-center justify-center px-3 py-4" : e.centered ? "pt-20 pb-[120px] 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 && !C.value ? (T(), _("div", hi, [oe(t.$slots, "empty-heading", {
+				default: I(() => [v("div", { class: S([z.value.length === 0 ? "flex flex-col items-center justify-center px-3 py-4" : e.centered ? "pt-20 pb-[148px] px-3 space-y-2" : "pt-4 pb-[120px] px-3 space-y-2", e.centered ? z.value.length === 0 ? "max-w-[900px] mx-auto w-full" : "max-w-[720px] mx-auto w-full" : ""]) }, [
+					z.value.length === 0 && !re.value ? (T(), _("div", hi, [oe(t.$slots, "empty-heading", {
 						agent: e.agent,
 						isLight: K.value
 					}, () => [b(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"]) }, P(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", He.value]) }, P(e.emptyStateMessage || "Type your message to get started."), 3), v("div", {
+					}, null, 8, ["agent", "is-light"]), v("div", { class: S(["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) : (T(), _(f, { key: 0 }, [v("p", { class: S(["mt-1 text-center text-xs @sm/chat:text-sm", We.value]) }, F(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"]),
 						title: n.value.tooltip
-					}, [v("i", { class: S([n.value.icon, "size-3"]) }, null, 2), v("span", null, P(n.value.label), 1)], 10, gi)], 64))])) : h("", !0),
-					(T(!0), _(f, null, A(R.value, (e, t) => (T(), _(f, { key: e.id }, [
-						shouldShowTimeDivider(R.value, t) ? (T(), _("div", _i, [
-							v("div", { class: S(["flex-1 h-px", Ve.value]) }, null, 2),
-							v("span", { class: S(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", He.value]) }, P(shouldShowTimeDivider(R.value, t)), 3),
-							v("div", { class: S(["flex-1 h-px", Ve.value]) }, null, 2)
+					}, [v("i", { class: S([n.value.icon, "size-3"]) }, null, 2), v("span", null, F(n.value.label), 1)], 10, gi)], 64))])) : h("", !0),
+					(T(!0), _(f, null, A(z.value, (e, t) => (T(), _(f, { key: e.id }, [
+						shouldShowTimeDivider(z.value, t) ? (T(), _("div", _i, [
+							v("div", { class: S(["flex-1 h-px", Ue.value]) }, null, 2),
+							v("span", { class: S(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", We.value]) }, F(shouldShowTimeDivider(z.value, t)), 3),
+							v("div", { class: S(["flex-1 h-px", Ue.value]) }, null, 2)
 						])) : h("", !0),
 						messageWorkJournal(e) ? (T(), _("div", {
 							key: 1,
@@ -4900,14 +4910,14 @@ 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 === U.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(["rounded-[20px] rounded-bl-[4px] px-4 py-2.5 border system-msg-content", K.value ? "bg-theme-25 border-theme-200 text-theme-700" : "bg-white/[0.08] border-white/10 text-white/85"]) }, [e.text ? (T(), m(ai, {
 							key: 0,
 							text: e.text,
 							inverted: !K.value,
-							streaming: e.id === be.value,
-							onClick: s[0] || (s[0] = I(() => {}, ["stop"])),
+							streaming: e.id === U.value,
+							onClick: s[0] || (s[0] = R(() => {}, ["stop"])),
 							onAction: handleCardAction
 						}, null, 8, [
 							"text",
@@ -4922,8 +4932,8 @@ var kr = [
 							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: s[1] || (s[1] = I(() => {}, ["stop"]))
-						}, [te(P(e.issue.actionLabel) + " ", 1), s[21] || (s[21] = v("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, xi)) : h("", !0)], 2)])], 8, yi)) : e.sender === "system" ? (T(), _("div", {
+							onClick: s[1] || (s[1] = R(() => {}, ["stop"]))
+						}, [te(F(e.issue.actionLabel) + " ", 1), s[21] || (s[21] = v("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, xi)) : h("", !0)], 2)])], 8, yi)) : e.sender === "system" ? (T(), _("div", {
 							key: 3,
 							"data-test": "messaging-system-status-msg",
 							"data-message-id": e.id,
@@ -4933,12 +4943,12 @@ 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,
+							"data-streaming": e.id === U.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"])
 						}, [s[22] || (s[22] = v("i", { class: "i-tabler-info-circle size-4 mt-0.5 shrink-0" }, null, -1)), b(ai, {
 							text: e.text,
 							inverted: !K.value,
-							onClick: s[2] || (s[2] = I(() => {}, ["stop"]))
+							onClick: s[2] || (s[2] = R(() => {}, ["stop"]))
 						}, null, 8, ["text", "inverted"])], 10, Si)) : (T(), _("div", {
 							key: 4,
 							"data-test": e.sender === "agent" ? "messaging-assistant-msg" : e.sender === "user" ? "messaging-user-msg" : void 0,
@@ -4947,11 +4957,11 @@ 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,
+							"data-streaming": e.id === U.value ? "true" : void 0,
 							class: S(["flex gap-2 items-end", {
 								"justify-end": e.sender === "user",
 								"justify-start": e.sender === "agent",
-								"mb-6": isGroupEnd(R.value, t)
+								"mb-6": isGroupEnd(z.value, t)
 							}])
 						}, [v("div", {
 							"data-test": "messaging-message-body",
@@ -4981,15 +4991,15 @@ var kr = [
 							"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"])
-						}, [s[23] || (s[23] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), te(" " + P(e.filename), 1)], 10, Ei))], 64))), 128))], 2)) : h("", !0), messageRenderParts(e).length ? (T(), _("div", {
+						}, [s[23] || (s[23] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), te(" " + F(e.filename), 1)], 10, Ei))], 64))), 128))], 2)) : h("", !0), messageRenderParts(e).length ? (T(), _("div", {
 							key: 1,
 							"data-test": "messaging-message-content",
 							class: S(e.sender === "user" ? K.value ? "rounded-[20px] rounded-br-[4px] px-4 py-2.5 bg-theme-900 text-theme-0 shadow-[0_1px_2px_rgba(5,15,25,0.14)]" : "rounded-[20px] rounded-br-[4px] px-4 py-2.5 bg-theme-0 text-theme-950" : 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, {
 							text: t.text,
 							inverted: e.sender === "user" || !K.value,
-							streaming: e.id === be.value,
-							onClick: s[3] || (s[3] = I(() => {}, ["stop"])),
+							streaming: e.id === U.value,
+							onClick: s[3] || (s[3] = R(() => {}, ["stop"])),
 							onAction: handleCardAction
 						}, null, 8, [
 							"text",
@@ -5017,8 +5027,8 @@ var kr = [
 							"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"])
-						}, [s[24] || (s[24] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), te(" " + P(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", {
+						}, [s[24] || (s[24] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), te(" " + F(t.attachment.filename), 1)], 10, Ai)) : h("", !0)], 64))), 128))], 2)) : h("", !0)], 2)], 10, Ci)),
+						e.id === ye.value ? (T(), _(f, { key: 5 }, [P.value.length ? (T(!0), _(f, { key: 0 }, A(P.value, (e) => (T(), _(f, { key: e.id }, [e.kind === "work" ? (T(), _("div", {
 							key: 0,
 							"data-test": "messaging-tool-activity",
 							"data-journal-outcome": e.journal.outcome,
@@ -5034,61 +5044,61 @@ var kr = [
 							text: e.content,
 							inverted: !K.value,
 							streaming: e.id === se.value,
-							onClick: s[4] || (s[4] = I(() => {}, ["stop"])),
+							onClick: s[4] || (s[4] = R(() => {}, ["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)) : (T(), _("div", Mi, [b(_e, { class: S(["size-3.5", K.value ? "text-theme-500" : "text-white/70"]) }, null, 8, ["class"])]))], 64))), 128)) : B.value ? (T(), _("div", {
 							key: 1,
 							"data-test": "messaging-tool-activity",
-							"data-journal-outcome": ve.value.outcome,
+							"data-journal-outcome": B.value.outcome,
 							class: "mb-4 w-full"
 						}, [b(qe, {
-							model: ve.value,
+							model: B.value,
 							"is-light": K.value
 						}, null, 8, ["model", "is-light"])], 8, Ni)) : h("", !0)], 64)) : h("", !0)
 					], 64))), 128)),
-					z.value ? (T(), _("div", {
+					W.value ? (T(), _("div", {
 						key: 1,
-						"data-test": "messaging-working-state",
-						"data-working-description": z.value,
-						class: S(["flex items-center gap-1.5 pl-2 pr-3 pb-1 mb-3 text-[12px] leading-none", K.value ? "text-theme-500" : "text-white/45"])
-					}, [s[25] || (s[25] = v("i", {
-						class: "i-tabler-loader-2 size-3.5 shrink-0 animate-spin opacity-70",
-						"aria-hidden": "true"
-					}, null, -1)), v("span", Fi, P(z.value), 1)], 10, Pi)) : h("", !0),
-					H.value ? (T(), _("div", {
+						"data-test": ve.value ? "messaging-working-state" : "messaging-thinking-indicator",
+						"data-working-description": ve.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", {
+						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, F(W.value), 1)], 10, Pi)) : h("", !0),
+					be.value ? (T(), _("div", {
 						key: 2,
 						"data-test": "messaging-transient-issue",
-						"data-issue-code": H.value.code,
+						"data-issue-code": be.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"])
 					}, [
-						s[26] || (s[26] = v("i", {
+						s[25] || (s[25] = v("i", {
 							class: "i-tabler-alert-circle size-3.5 shrink-0 text-red-500",
 							"aria-hidden": "true"
 						}, null, -1)),
-						v("span", null, [te(P(H.value.message), 1), H.value.help ? (T(), _(f, { key: 0 }, [te(P(H.value.help), 1)], 64)) : h("", !0)]),
-						H.value.actionUrl && H.value.actionLabel ? (T(), _("a", {
+						v("span", null, [te(F(be.value.message), 1), be.value.help ? (T(), _(f, { key: 0 }, [te(F(be.value.help), 1)], 64)) : h("", !0)]),
+						be.value.actionUrl && be.value.actionLabel ? (T(), _("a", {
 							key: 0,
-							href: H.value.actionUrl,
+							href: be.value.actionUrl,
 							class: "shrink-0 underline underline-offset-2",
-							onClick: s[5] || (s[5] = I(() => {}, ["stop"]))
-						}, P(H.value.actionLabel), 9, Li)) : h("", !0)
-					], 10, Ii)) : h("", !0),
-					U.value ? (T(), _("div", Ri, [v("i", {
-						class: S(["i-svg-spinners-3-dots-bounce size-7", K.value ? "text-theme-400" : "text-white/50"]),
-						"aria-hidden": "true"
-					}, null, 2)])) : h("", !0)
+							onClick: s[5] || (s[5] = R(() => {}, ["stop"]))
+						}, F(be.value.actionLabel), 9, Ri)) : h("", !0)
+					], 10, Li)) : h("", !0)
 				], 2)]),
 				_: 3
 			}, 8, ["class"]),
-			v("div", { class: S(["left-0 right-0 z-30 px-5 pb-4 pt-3", [R.value.length === 0 ? "relative shrink-0" : "absolute bottom-0", K.value ? "bg-gradient-to-t from-theme-0/90 via-theme-0/55 to-transparent" : "bg-gradient-to-t from-black/90 via-black/60 to-transparent"]]) }, [
-				Ee.value.length > 0 ? (T(), _("div", {
+			v("div", { class: S(["left-0 right-0 z-30 px-5 pb-4 pt-3", [z.value.length === 0 ? "relative shrink-0" : "absolute bottom-0", K.value ? e.centered ? "bg-gradient-to-t from-theme-25/50 via-theme-25/25 to-transparent" : "bg-gradient-to-t from-theme-0/90 via-theme-0/55 to-transparent" : "bg-gradient-to-t from-black/90 via-black/60 to-transparent"]]) }, [
+				Oe.value.length > 0 ? (T(), _("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(Ee.value, (e, t) => (T(), _("div", {
+				}, [(T(!0), _(f, null, A(Oe.value, (e, t) => (T(), _("div", {
 					key: t,
 					class: "relative shrink-0 group"
 				}, [e.type === "image" ? (T(), _("img", {
@@ -5099,11 +5109,11 @@ var kr = [
 				}, null, 10, zi)) : (T(), _("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"])
-				}, [s[27] || (s[27] = v("i", { class: "i-tabler-file size-4" }, null, -1)), v("span", Bi, P(e.filename), 1)], 2)), v("button", {
+				}, [s[26] || (s[26] = v("i", { class: "i-tabler-file size-4" }, null, -1)), v("span", Bi, 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)
-				}, [...s[28] || (s[28] = [v("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, Vi)]))), 128)), De.value ? (T(), _("div", Hi, [b(_e, { class: "size-5" })])) : h("", !0)], 2)) : h("", !0),
-				G.value ? (T(), _("input", {
+				}, [...s[27] || (s[27] = [v("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, Vi)]))), 128)), ke.value ? (T(), _("div", Hi, [b(_e, { class: "size-5" })])) : h("", !0)], 2)) : h("", !0),
+				je.value ? (T(), _("input", {
 					key: 1,
 					ref_key: "fileInput",
 					ref: o,
@@ -5114,27 +5124,27 @@ var kr = [
 				}, null, 544)) : h("", !0),
 				v("div", {
 					"data-test": "messaging-composer",
-					"data-composer-action": je.value,
+					"data-composer-action": Ne.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" : "", K.value ? r.value ? "bg-white shadow-[0_1px_2px_rgba(15,23,42,0.05),0_8px_24px_rgba(15,23,42,0.05)] ring-1 ring-theme-300" : "bg-white shadow-[0_1px_2px_rgba(15,23,42,0.05),0_8px_24px_rgba(15,23,42,0.05)] ring-1 ring-theme-200 hover:ring-theme-300" : r.value ? "bg-white/15 backdrop-blur-xl ring-1 ring-white/25" : "bg-white/10 backdrop-blur-xl ring-1 ring-white/15 hover:ring-white/25"]]),
 					onClick: focusComposer
-				}, [Ie.value ? (T(), _("div", {
+				}, [Re.value ? (T(), _("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"])
 				}, [
-					s[29] || (s[29] = v("span", { class: "size-2.5 shrink-0 rounded-full bg-red-500" }, null, -1)),
-					v("span", Gi, P(Le.value), 1),
-					v("span", { class: S(["min-w-0 truncate text-sm", K.value ? "text-theme-400" : "text-white/45"]) }, P(Re.value), 3)
-				], 2)) : pe((T(), _("textarea", {
+					s[28] || (s[28] = v("span", { class: "size-2.5 shrink-0 rounded-full bg-red-500" }, null, -1)),
+					v("span", Gi, F(Be.value), 1),
+					v("span", { class: S(["min-w-0 truncate text-sm", K.value ? "text-theme-400" : "text-white/45"]) }, F(Ve.value), 3)
+				], 2)) : de((T(), _("textarea", {
 					key: 0,
 					ref_key: "textarea",
 					ref: a,
-					"onUpdate:modelValue": s[6] || (s[6] = (e) => Te.value = e),
+					"onUpdate:modelValue": s[6] || (s[6] = (e) => De.value = e),
 					"data-test": "messaging-input",
 					rows: "1",
 					enterkeyhint: "send",
-					placeholder: Ce.value,
-					disabled: W.value,
+					placeholder: Te.value,
+					disabled: we.value,
 					style: {
 						fontSize: "16px",
 						resize: "none"
@@ -5143,73 +5153,74 @@ var kr = [
 					onKeydown: handleKeydown,
 					onFocus: s[7] || (s[7] = (e) => r.value = !0),
 					onBlur: s[8] || (s[8] = (e) => r.value = !1)
-				}, null, 42, Wi)), [[ue, Te.value]]), v("div", Ki, [
+				}, null, 42, Wi)), [[ce, De.value]]), v("div", Ki, [
 					v("button", {
 						class: S(["-ml-2 flex size-8 items-center justify-center transition-opacity hover:opacity-70", [
-							G.value ? "cursor-pointer" : "cursor-default",
+							je.value ? "cursor-pointer" : "cursor-default",
 							K.value ? "text-theme-500" : "text-white/50",
-							De.value || ke.value ? "opacity-50 pointer-events-none" : ""
+							ke.value || Ae.value ? "opacity-50 pointer-events-none" : ""
 						]]),
-						disabled: W.value || De.value || ke.value || !G.value,
-						"aria-label": G.value ? "Attach file" : "File attachments unavailable",
-						title: G.value ? "Attach file" : "File attachments unavailable",
-						onClick: s[9] || (s[9] = (e) => G.value && triggerFileInput())
-					}, [De.value ? (T(), _("i", Ji)) : (T(), _("i", Yi)), v("span", Xi, P(G.value ? "Attach file" : "File attachments unavailable"), 1)], 10, qi),
-					s[30] || (s[30] = v("div", { class: "flex-1" }, null, -1)),
-					v("div", Zi, [Fe.value || Ie.value ? (T(), _("button", {
+						disabled: we.value || ke.value || Ae.value || !je.value,
+						"aria-label": je.value ? "Attach file" : "File attachments unavailable",
+						title: je.value ? "Attach file" : "File attachments unavailable",
+						onClick: s[9] || (s[9] = (e) => je.value && triggerFileInput())
+					}, [ke.value ? (T(), _("i", Ji)) : (T(), _("i", Yi)), v("span", Xi, F(je.value ? "Attach file" : "File attachments unavailable"), 1)], 10, qi),
+					s[29] || (s[29] = v("div", { class: "flex-1" }, null, -1)),
+					v("div", Zi, [Le.value || Re.value ? (T(), _("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", Ie.value ? K.value ? "text-theme-900 scale-110" : "text-white scale-110" : K.value ? "text-theme-500" : "text-white/60"]),
-						"aria-label": Be.value,
-						title: Be.value,
-						onPointerdown: s[10] || (s[10] = I((e) => startRecording(), ["prevent"])),
-						onPointerup: s[11] || (s[11] = I((e) => finishRecording({ cancelled: !1 }), ["prevent"])),
-						onPointercancel: s[12] || (s[12] = I((e) => finishRecording({ cancelled: !0 }), ["prevent"])),
+						class: S(["flex size-8 cursor-pointer items-center justify-center transition-[opacity,transform] duration-200 hover:opacity-70", Re.value ? K.value ? "text-theme-900 scale-110" : "text-white scale-110" : K.value ? "text-theme-500" : "text-white/60"]),
+						"aria-label": He.value,
+						title: He.value,
+						onPointerdown: s[10] || (s[10] = R((e) => startRecording(), ["prevent"])),
+						onPointerup: s[11] || (s[11] = R((e) => finishRecording({ cancelled: !1 }), ["prevent"])),
+						onPointercancel: s[12] || (s[12] = R((e) => finishRecording({ cancelled: !0 }), ["prevent"])),
 						onKeydown: [
-							s[13] || (s[13] = he(I((e) => startRecording(), ["prevent"]), ["enter"])),
-							s[15] || (s[15] = he(I((e) => startRecording(), ["prevent"]), ["space"])),
-							s[17] || (s[17] = he(I((e) => finishRecording({ cancelled: !0 }), ["prevent"]), ["escape"]))
+							s[13] || (s[13] = pe(R((e) => startRecording(), ["prevent"]), ["enter"])),
+							s[15] || (s[15] = pe(R((e) => startRecording(), ["prevent"]), ["space"])),
+							s[17] || (s[17] = pe(R((e) => finishRecording({ cancelled: !0 }), ["prevent"]), ["escape"]))
 						],
-						onKeyup: [s[14] || (s[14] = he(I((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["enter"])), s[16] || (s[16] = he(I((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["space"]))]
-					}, [v("i", { class: S([Ie.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), v("span", $i, P(Be.value), 1)], 42, Qi)) : h("", !0), Ie.value ? h("", !0) : (T(), _("button", {
+						onKeyup: [s[14] || (s[14] = pe(R((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["enter"])), s[16] || (s[16] = pe(R((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["space"]))]
+					}, [v("i", { class: S([Re.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), v("span", $i, F(He.value), 1)], 42, Qi)) : h("", !0), Re.value ? h("", !0) : (T(), _("button", {
 						key: 1,
 						"data-test": "messaging-send-btn",
-						"data-composer-action": je.value,
-						class: S(["flex size-8 items-center justify-center rounded-full transition-colors duration-150", Me.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: !Me.value,
-						"aria-label": Ne.value,
-						title: Ne.value,
+						"data-composer-action": Ne.value,
+						class: S(["flex size-8 items-center justify-center rounded-full transition-colors duration-150", Fe.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: !Fe.value,
+						"aria-label": Ie.value,
+						title: Ie.value,
 						onClick: s[18] || (s[18] = (e) => handleComposerAction())
-					}, [je.value === "stop" ? (T(), _("i", ta)) : (T(), _("i", na)), v("span", ra, P(Ne.value), 1)], 10, ea))])
+					}, [Ne.value === "stop" ? (T(), _("i", ta)) : (T(), _("i", na)), v("span", ra, F(Ie.value), 1)], 10, ea))])
 				])], 10, Ui),
-				R.value.length === 0 && e.suggestedPrompts.length > 0 ? (T(), _("div", ia, [v("div", aa, [(T(!0), _(f, null, A(e.suggestedPrompts, (e, t) => (T(), _("button", {
+				K.value && e.centered && e.scope === "private" ? (T(), _("div", ia, F(e.agent.displayName.value) + " is AI and can make mistakes. ", 1)) : h("", !0),
+				z.value.length === 0 && e.suggestedPrompts.length > 0 ? (T(), _("div", aa, [v("div", oa, [(T(!0), _(f, null, A(e.suggestedPrompts, (e, t) => (T(), _("button", {
 					key: e.id,
 					type: "button",
-					disabled: W.value,
+					disabled: we.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]", [W.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: 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]", [we.value ? "cursor-not-allowed text-theme-300" : "cursor-pointer text-theme-600 hover:bg-theme-100 hover:text-theme-900", !j.value && t >= 3 ? "max-sm:hidden" : ""]]),
 					onClick: (t) => sendSuggestedPrompt(e)
-				}, P(e.label), 11, oa))), 128)), e.suggestedPrompts.length > 3 ? (T(), _("button", {
+				}, F(e.label), 11, sa))), 128)), e.suggestedPrompts.length > 3 ? (T(), _("button", {
 					key: 0,
 					type: "button",
 					"data-test": "messaging-suggested-prompts-more",
-					"aria-expanded": re.value,
+					"aria-expanded": j.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: s[19] || (s[19] = (e) => re.value = !re.value)
-				}, [te(P(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, sa)) : h("", !0)])])) : h("", !0)
+					onClick: s[19] || (s[19] = (e) => j.value = !j.value)
+				}, [te(F(j.value ? "See less" : "See more") + " ", 1), v("i", { class: S(["i-tabler-chevron-down size-4 transition-transform", j.value ? "rotate-180" : ""]) }, null, 2)], 8, ca)) : h("", !0)])])) : h("", !0)
 			], 2)
 		], 2));
 	}
-}), la = { class: "agent-wrap" }, ua = {
+}), ua = { class: "agent-wrap" }, da = {
 	key: 0,
 	class: "flex items-center justify-center h-full"
-}, da = {
+}, fa = {
 	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"
-}, fa = /* @__PURE__ */ x({
+}, pa = /* @__PURE__ */ x({
 	__name: "AgentWrap",
 	props: {
 		sdk: {},
@@ -5229,7 +5240,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 = P(!i.agent), c = P(i.agent ? new n({ config: i.agent }) : void 0), u = P();
 		async function loadAgent() {
 			if (i.agent) {
 				r.debug("Agent provided via props, skipping fetch", {
@@ -5305,15 +5316,15 @@ var kr = [
 				});
 			}
 		}
-		return ie(loadAgent), (t, n) => (T(), _("div", la, [s.value ? (T(), _("div", ua, [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 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: se(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", da, [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 ? (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", {
 			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",
@@ -5322,6 +5333,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, ca as n, De as o, n as p, ai as r, Te as s, fa as t, parseButtonTemplate as u };
+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 };
 
 //# sourceMappingURL=AgentWrap.js.map