@pagelines/sdk 1.0.688 → 1.0.689

package/dist/AgentWrap.js

@@ -1,7 +1,7 @@
 import "./rolldown-runtime.js";
 import { s as e, t } from "./sdkClient.js";
 import { Agent as n, CHAT_ISSUE_COPY as r, SettingsObject as i, createLogger as a, getDefaultAvatarUrl as o, isAssistantSilenceControl as s, parseChatVisualFencePayload as c } from "@pagelines/core";
-import { Fragment as u, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as _, createTextVNode as v, createVNode as b, defineComponent as x, nextTick as S, normalizeClass as C, normalizeStyle as T, onBeforeUnmount as te, onMounted as ne, onUnmounted as re, openBlock as k, ref as A, renderList as j, renderSlot as ie, resolveDynamicComponent as ae, shallowRef as oe, toDisplayString as P, unref as se, vModelText as F, watch as ce, withCtx as ue, withDirectives as I, withKeys as de, withModifiers as R } from "vue";
+import { Fragment as u, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as _, createTextVNode as v, createVNode as b, defineComponent as x, nextTick as S, normalizeClass as C, normalizeStyle as T, onBeforeUnmount as te, onMounted as ne, onUnmounted as re, openBlock as k, ref as ie, renderList as A, renderSlot as ae, resolveDynamicComponent as oe, shallowRef as j, toDisplayString as P, unref as se, vModelText as F, watch as ce, withCtx as ue, withDirectives as I, withKeys as de, withModifiers as R } from "vue";
 //#region ui/FSpinner.vue?vue&type=script&setup=true&lang.ts
 var pe = { class: "spinner max-w-sm" }, he = {
 	class: "ring-circular h-full w-full origin-center",
@@ -70,7 +70,7 @@ function recorderMimeType() {
 }
 var VoiceRecorderController = class extends i {
 	constructor(t) {
-		super("VoiceRecorderController", t), e(this, "state", A({
+		super("VoiceRecorderController", t), e(this, "state", ie({
 			phase: "idle",
 			elapsedMs: 0
 		})), e(this, "isActive", f(() => this.state.value.phase !== "idle")), e(this, "isBusy", f(() => this.state.value.phase !== "idle")), e(this, "elapsedLabel", f(() => formatVoiceRecordingDuration({ ms: this.state.value.elapsedMs }))), e(this, "statusText", f(() => this.state.value.phase === "preparing" ? "Starting microphone" : this.state.value.phase === "sending" ? "Sending voice message" : "Release to send")), e(this, "recorder", void 0), e(this, "stream", void 0), e(this, "chunks", []), e(this, "timer", void 0), e(this, "startedAt", 0), e(this, "cancelOnStop", !1), e(this, "stopAfterStart", !1), e(this, "startToken", 0);
@@ -401,12 +401,12 @@ var AgentChatController = class extends i {
 		super("AgentChatController", t), e(this, "isTextMode", !1), e(this, "lastMessage", {
 			hash: "",
 			time: 0
-		}), e(this, "isConnecting", !1), e(this, "activeTurnGeneration", 0), e(this, "boundaryTimer", void 0), e(this, "nowMs", oe(Date.now())), e(this, "toolActivityTiming", oe({})), e(this, "lastVisibleProgressAtMs", oe()), e(this, "liveSegments", oe([])), e(this, "liveStreamMessageId", oe(void 0)), e(this, "conversationId", void 0), e(this, "textState", A({
+		}), e(this, "isConnecting", !1), e(this, "activeTurnGeneration", 0), e(this, "boundaryTimer", void 0), e(this, "nowMs", j(Date.now())), e(this, "toolActivityTiming", j({})), e(this, "lastVisibleProgressAtMs", j()), e(this, "liveSegments", j([])), e(this, "liveStreamMessageId", j(void 0)), e(this, "conversationId", void 0), e(this, "textState", ie({
 			isActive: !1,
 			isConnected: !1,
 			isThinking: !1,
 			connectionStatus: "disconnected"
-		})), e(this, "agentMode", A("self")), e(this, "sharedMessages", A([])), e(this, "composerState", A({
+		})), e(this, "agentMode", ie("self")), e(this, "sharedMessages", ie([])), e(this, "composerState", ie({
 			text: "",
 			pendingAttachments: [],
 			isUploading: !1
@@ -977,7 +977,7 @@ var we = {
 				key: 0,
 				class: C([e.icon, r.value])
 			}, null, 2)) : m("", !0),
-			ie(i.$slots, "default"),
+			ae(i.$slots, "default"),
 			e.iconAfter ? (k(), h("i", {
 				key: 1,
 				class: C([e.iconAfter, r.value])
@@ -1014,7 +1014,7 @@ var we = {
 	},
 	emits: ["update:modelValue", "autoSubmit"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = A(null), a = f(() => "0".repeat(n.length));
+		let n = e, r = t, i = ie(null), a = f(() => "0".repeat(n.length));
 		ne(() => {
 			n.focusFirst && !("ontouchstart" in window) && i.value?.focus();
 		});
@@ -1141,7 +1141,7 @@ var we = {
 		isLight: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = oe(!1);
+		let t = e, n = j(!1);
 		function toggle() {
 			n.value = !n.value;
 		}
@@ -1249,12 +1249,12 @@ var we = {
 				class: C(["size-3 shrink-0", n.value ? "i-tabler-chevron-down" : "i-tabler-chevron-right"]),
 				"aria-hidden": "true"
 			}, null, 2)], 2)], 10, He)) : m("", !0),
-			(k(!0), h(u, null, j(o.value, (e, t) => (k(), h("div", {
+			(k(!0), h(u, null, A(o.value, (e, t) => (k(), h("div", {
 				key: e.id,
 				"data-test": "messaging-tool-activity-row",
 				"data-journal-row": e.tone,
 				class: C([r.value ? "pl-[22px]" : "", "flex gap-x-2.5"])
-			}, [_("div", G, [_("span", Ge, [(k(), p(ae(c.value[e.tone].station.tag), {
+			}, [_("div", G, [_("span", Ge, [(k(), p(oe(c.value[e.tone].station.tag), {
 				"data-journal-station": e.tone,
 				class: C(c.value[e.tone].station.class)
 			}, null, 8, ["data-journal-station", "class"]))]), t === o.value.length - 1 ? m("", !0) : (k(), h("span", {
@@ -1536,25 +1536,25 @@ function createDOMPurify() {
 		let e = t.createElement("template");
 		e.content && e.content.ownerDocument && (t = e.content.ownerDocument);
 	}
-	let T, te = "", ne, re = !1, k = 0, A = function _assertNotInTrustedTypesPolicy() {
+	let T, te = "", ne, re = !1, k = 0, ie = function _assertNotInTrustedTypesPolicy() {
 		if (k > 0) throw xt("A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the \"DOMPurify and Trusted Types\" section of the README.");
-	}, j = function _createTrustedHTML(e) {
-		A(), k++;
+	}, A = function _createTrustedHTML(e) {
+		ie(), k++;
 		try {
 			return T.createHTML(e);
 		} finally {
 			k--;
 		}
-	}, ie = function _createTrustedScriptURL(e) {
-		A(), k++;
+	}, ae = function _createTrustedScriptURL(e) {
+		ie(), k++;
 		try {
 			return T.createScriptURL(e);
 		} finally {
 			k--;
 		}
-	}, ae = function _getDefaultTrustedTypesPolicy() {
+	}, oe = function _getDefaultTrustedTypesPolicy() {
 		return re || (ne = Yt(u, r), re = !0), ne;
-	}, oe = t, P = oe.implementation, se = oe.createNodeIterator, F = oe.createDocumentFragment, ce = oe.getElementsByTagName, ue = n.importNode, I = Xt();
+	}, j = t, P = j.implementation, se = j.createNodeIterator, F = j.createDocumentFragment, ce = j.getElementsByTagName, ue = n.importNode, I = Xt();
 	DOMPurify.isSupported = typeof Je == "function" && typeof v == "function" && P && P.createHTMLDocument !== void 0;
 	let de = Nt, R = Pt, pe = Ft, he = It, _e = Lt, ve = zt, ye = Bt, z = Ht, be = Rt, B = null, Se = addToSet({}, [
 		...St,
@@ -1660,11 +1660,11 @@ function createDOMPurify() {
 			let t = T;
 			T = e.TRUSTED_TYPES_POLICY;
 			try {
-				te = j("");
+				te = A("");
 			} catch (e) {
 				throw T = t, e;
 			}
-		} else e.TRUSTED_TYPES_POLICY === null ? (T = void 0, te = "") : (T === void 0 && (T = ae()), T && typeof te == "string" && (te = j("")));
+		} else e.TRUSTED_TYPES_POLICY === null ? (T = void 0, te = "") : (T === void 0 && (T = oe()), T && typeof te == "string" && (te = A("")));
 		K && K(e), nn = e;
 	}, sn = addToSet({}, [
 		...Ct,
@@ -1773,7 +1773,7 @@ function createDOMPurify() {
 			r = t && t[0];
 		}
 		tn === "application/xhtml+xml" && nt === tt && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
-		let i = T ? j(e) : e;
+		let i = T ? A(e) : e;
 		if (nt === tt) try {
 			n = new c().parseFromString(i, tn);
 		} catch {}
@@ -1876,8 +1876,8 @@ function createDOMPurify() {
 		return !An[ut(e)] && X(z, e);
 	}, Mn = function _applyTrustedTypesToAttribute(e, t, n, r) {
 		if (T && typeof u == "object" && typeof u.getAttributeType == "function" && !n) switch (u.getAttributeType(e, t)) {
-			case "TrustedHTML": return j(r);
-			case "TrustedScriptURL": return ie(r);
+			case "TrustedHTML": return A(r);
+			case "TrustedScriptURL": return ae(r);
 		}
 		return r;
 	}, Nn = function _setAttributeValue(e, t, n, r) {
@@ -1990,7 +1990,7 @@ function createDOMPurify() {
 			}
 		} else if (Tn(e)) r = yn("<!---->"), i = r.ownerDocument.importNode(e, !0), i.nodeType === qt.element && i.nodeName === "BODY" || i.nodeName === "HTML" ? r = i : r.appendChild(i), In(i);
 		else {
-			if (!Le && !je && !Me && e.indexOf("<") === -1) return T && ze ? j(e) : e;
+			if (!Le && !je && !Me && e.indexOf("<") === -1) return T && ze ? A(e) : e;
 			if (r = yn(e), !r) return Le ? null : ze ? te : "";
 		}
 		r && Ie && pn(r.firstChild);
@@ -2011,7 +2011,7 @@ function createDOMPurify() {
 			return (H.shadowroot || H.shadowrootmode) && (o = ue.call(n, o, !0)), o;
 		}
 		let f = Me ? r.outerHTML : r.innerHTML;
-		return Me && B["!doctype"] && r.ownerDocument && r.ownerDocument.doctype && r.ownerDocument.doctype.name && X(Vt, r.ownerDocument.doctype.name) && (f = "<!DOCTYPE " + r.ownerDocument.doctype.name + ">\n" + f), je && (f = xn(f)), T && ze ? j(f) : f;
+		return Me && B["!doctype"] && r.ownerDocument && r.ownerDocument.doctype && r.ownerDocument.doctype.name && X(Vt, r.ownerDocument.doctype.name) && (f = "<!DOCTYPE " + r.ownerDocument.doctype.name + ">\n" + f), je && (f = xn(f)), T && ze ? A(f) : f;
 	}, DOMPurify.setConfig = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
 		on(e), Ne = !0, Pe = B, Fe = H;
@@ -3696,7 +3696,7 @@ var Cr = [
 		inverted: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = A(), r = oe(360), i;
+		let t = e, n = ie(), r = j(360), i;
 		ne(() => {
 			typeof ResizeObserver > "u" || !n.value || (i = new ResizeObserver((e) => {
 				let t = e[0]?.contentRect.width;
@@ -3786,7 +3786,7 @@ var Cr = [
 				max: a,
 				ticks: o
 			};
-		}), ie = f(() => resolveSharedSeriesFormat({ series: b.value })), ae = f(() => {
+		}), ae = f(() => resolveSharedSeriesFormat({ series: b.value })), oe = f(() => {
 			let e = v.value;
 			if (!e) return {
 				mode: "horizontal",
@@ -3798,7 +3798,7 @@ var Cr = [
 				plotWidth: Math.max(200, a.value - 42)
 			});
 		}), F = f(() => {
-			let e = ie.value?.valueFormat, t = !!(ie.value && (e === "currency" || e === "percent" || ie.value.valuePrefix || ie.value.valueSuffix)), n = e === "duration" ? 46 : t ? 38 : 30, r = ae.value.mode === "angled";
+			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";
 			return {
 				width: a.value,
 				height: 168 + (r ? 36 : 0),
@@ -3884,7 +3884,7 @@ var Cr = [
 			if (!e) return [];
 			let t = e.data;
 			if (!t.length) return [];
-			let n = t.length - 1, r = ae.value, i = r.mode === "angled";
+			let n = t.length - 1, r = oe.value, i = r.mode === "angled";
 			return r.entries.map(({ index: e, text: r }) => ({
 				key: `${e}`,
 				label: r,
@@ -4006,7 +4006,7 @@ var Cr = [
 				key: 0,
 				role: "img",
 				"aria-label": o.value.meta.title
-			}, [de.value.length ? (k(), h("div", Er, [(k(!0), h(u, null, j(de.value, (e) => (k(), h("div", {
+			}, [de.value.length ? (k(), h("div", Er, [(k(!0), h(u, null, A(de.value, (e) => (k(), h("div", {
 				key: e.key,
 				"data-test": "chat-visual-horizontal-bar",
 				class: "min-w-0"
@@ -4033,7 +4033,7 @@ var Cr = [
 				preserveAspectRatio: "xMidYMid meet",
 				"aria-hidden": "true"
 			}, [
-				(k(!0), h(u, null, j(re.value.ticks, (e) => (k(), h("line", {
+				(k(!0), h(u, null, A(re.value.ticks, (e) => (k(), h("line", {
 					key: `grid-${e}`,
 					x1: F.value.left,
 					x2: F.value.width - F.value.right,
@@ -4043,7 +4043,7 @@ var Cr = [
 					"vector-effect": "non-scaling-stroke",
 					style: T({ stroke: e === 0 ? H.value : Se.value })
 				}, null, 12, kr))), 128)),
-				_("g", null, [(k(!0), h(u, null, j(re.value.ticks, (e) => (k(), h("text", {
+				_("g", null, [(k(!0), h(u, null, A(re.value.ticks, (e) => (k(), h("text", {
 					key: `y-${e}`,
 					x: F.value.left - 7,
 					y: yForValue(e) + 3,
@@ -4052,9 +4052,9 @@ var Cr = [
 					style: T({ fill: B.value })
 				}, P(se(formatChatVisualTick)({
 					value: e,
-					shared: ie.value
+					shared: ae.value
 				})), 13, Ar))), 128))]),
-				v.value.chartType === "bar" ? (k(!0), h(u, { key: 0 }, j(ue.value, (e) => (k(), h("rect", {
+				v.value.chartType === "bar" ? (k(!0), h(u, { key: 0 }, A(ue.value, (e) => (k(), h("rect", {
 					key: e.key,
 					"data-test": "chat-visual-bar",
 					"data-row-index": e.rowIndex,
@@ -4080,7 +4080,7 @@ var Cr = [
 						"vector-effect": "non-scaling-stroke",
 						style: T({ stroke: seriesColor(ce.value.seriesIndex) })
 					}, null, 12, Mr)) : m("", !0),
-					(k(!0), h(u, null, j(b.value, (e, t) => (k(), h("g", { key: e.dataKey }, [v.value.chartType === "line" ? (k(), h("path", {
+					(k(!0), h(u, null, A(b.value, (e, t) => (k(), h("g", { key: e.dataKey }, [v.value.chartType === "line" ? (k(), h("path", {
 						key: 0,
 						d: pathForSeries(e.dataKey),
 						fill: "none",
@@ -4089,14 +4089,14 @@ var Cr = [
 						"stroke-linejoin": "round",
 						"vector-effect": "non-scaling-stroke",
 						style: T({ stroke: seriesColor(t) })
-					}, null, 12, Nr)) : m("", !0), (k(!0), h(u, null, j(p.value, (n, r) => (k(), h(u, { key: `${e.dataKey}-${r}` }, [v.value.chartType === "scatter" ? (k(), h("circle", {
+					}, null, 12, Nr)) : m("", !0), (k(!0), h(u, null, A(p.value, (n, r) => (k(), h(u, { key: `${e.dataKey}-${r}` }, [v.value.chartType === "scatter" ? (k(), h("circle", {
 						key: 0,
 						cx: xForIndex(r, p.value.length),
 						cy: yForValue(numericValue(n[e.dataKey]) ?? 0),
 						r: "2.6",
 						style: T({ fill: seriesColor(t) })
 					}, null, 12, Pr)) : m("", !0)], 64))), 128))]))), 128)),
-					(k(!0), h(u, null, j(pe.value, (e) => (k(), h("circle", {
+					(k(!0), h(u, null, A(pe.value, (e) => (k(), h("circle", {
 						key: `marker-${e.key}`,
 						cx: e.cx,
 						cy: e.cy,
@@ -4104,7 +4104,7 @@ var Cr = [
 						style: T({ fill: seriesColor(e.seriesIndex) })
 					}, null, 12, Fr))), 128))
 				], 64)),
-				(k(!0), h(u, null, j(I.value, (e) => (k(), h("text", {
+				(k(!0), h(u, null, A(I.value, (e) => (k(), h("text", {
 					key: e.key,
 					x: e.x,
 					y: e.angled ? F.value.height - F.value.bottom + 12 : F.value.height - 6,
@@ -4113,7 +4113,7 @@ var Cr = [
 					transform: e.angled ? `rotate(${se(-40)} ${e.x} ${F.value.height - F.value.bottom + 12})` : void 0,
 					style: T({ fill: B.value })
 				}, P(e.label), 13, Ir))), 128))
-			], 12, Or)), R.value.length > 1 || v.value.chartType !== "bar" ? (k(), h("div", Lr, [(k(!0), h(u, null, j(R.value, (e) => (k(), h("div", {
+			], 12, Or)), R.value.length > 1 || v.value.chartType !== "bar" ? (k(), h("div", Lr, [(k(!0), h(u, null, A(R.value, (e) => (k(), h("div", {
 				key: e.key,
 				class: "inline-flex items-center gap-1.5 text-[11.5px] leading-none"
 			}, [
@@ -4126,7 +4126,7 @@ var Cr = [
 					class: "font-semibold tabular-nums",
 					style: T({ color: z.value })
 				}, P(e.value), 5)
-			]))), 128))])) : m("", !0)], 8, Tr)) : x.value ? (k(), h("div", Rr, [(k(!0), h(u, null, j(he.value, (e, t) => (k(), h("div", { key: e.key }, [_("div", zr, [_("span", {
+			]))), 128))])) : m("", !0)], 8, Tr)) : x.value ? (k(), h("div", Rr, [(k(!0), h(u, null, A(he.value, (e, t) => (k(), h("div", { key: e.key }, [_("div", zr, [_("span", {
 				class: "truncate font-medium",
 				style: T({ color: z.value })
 			}, P(e.name), 5), _("span", Br, [_("span", {
@@ -4155,7 +4155,7 @@ var Cr = [
 				role: "img",
 				"aria-label": o.value.meta.title
 			}, [
-				(k(!0), h(u, null, j(_e.value.edges, (e) => (k(), h("line", {
+				(k(!0), h(u, null, A(_e.value.edges, (e) => (k(), h("line", {
 					key: e.key,
 					"data-test": "chat-visual-diagram-edge",
 					"data-from": e.from,
@@ -4169,14 +4169,14 @@ var Cr = [
 					"vector-effect": "non-scaling-stroke",
 					style: T({ stroke: we.value })
 				}, null, 12, Ur))), 128)),
-				(k(!0), h(u, null, j(_e.value.edges, (e) => (k(), h("circle", {
+				(k(!0), h(u, null, A(_e.value.edges, (e) => (k(), h("circle", {
 					key: `${e.key}-dot`,
 					cx: e.x2,
 					cy: e.y2,
 					r: "2.4",
 					style: T({ fill: we.value })
 				}, null, 12, Wr))), 128)),
-				(k(!0), h(u, null, j(_e.value.edges.filter((e) => e.label), (e) => (k(), h("foreignObject", {
+				(k(!0), h(u, null, A(_e.value.edges.filter((e) => e.label), (e) => (k(), h("foreignObject", {
 					key: `${e.key}-label`,
 					x: e.labelX - 55,
 					y: e.labelY - 12,
@@ -4190,7 +4190,7 @@ var Cr = [
 						background: t.inverted ? "var(--color-theme-900)" : "var(--color-theme-0)"
 					})
 				}, P(e.label), 5)], 8, Gr))), 128)),
-				(k(!0), h(u, null, j(_e.value.nodes, (e) => (k(), h("g", {
+				(k(!0), h(u, null, A(_e.value.nodes, (e) => (k(), h("g", {
 					key: e.id,
 					"data-test": "chat-visual-diagram-node",
 					"data-node-id": e.id,
@@ -4245,7 +4245,7 @@ var Cr = [
 		streaming: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = oe(t.text), r;
+		let t = e, n = j(t.text), r;
 		ce([() => t.text, () => t.streaming], ([e, i]) => {
 			if (!i) {
 				r !== void 0 && (cancelAnimationFrame(r), r = void 0), n.value = e;
@@ -4392,7 +4392,7 @@ var Cr = [
 		return (t, n) => (k(), h("div", {
 			class: "chat-msg-rich break-words text-[14px] leading-relaxed @sm/chat:text-[16px] @sm/chat:leading-relaxed",
 			onErrorCapture: onRichTextAssetError
-		}, [(k(!0), h(u, null, j(o.value, (t) => (k(), h(u, { key: t.key }, [t.kind === "markdown" ? (k(), h("div", {
+		}, [(k(!0), h(u, null, A(o.value, (t) => (k(), h(u, { key: t.key }, [t.kind === "markdown" ? (k(), h("div", {
 			key: 0,
 			class: C(["chat-msg-prose", e.inverted ? "chat-msg-prose-invert" : ""]),
 			innerHTML: t.html
@@ -4417,7 +4417,7 @@ var Cr = [
 }), ei = 80, ti = /* @__PURE__ */ x({
 	__name: "ChatScroller",
 	setup(e, { expose: t }) {
-		let n = A(), r = A(), i = A(!0), a;
+		let n = ie(), r = ie(), i = ie(!0), a;
 		function scrollToBottom() {
 			let e = n.value;
 			e && (e.scrollTop = e.scrollHeight);
@@ -4446,7 +4446,7 @@ var Cr = [
 			ref_key: "content",
 			ref: r,
 			class: "flex-1 flex flex-col"
-		}, [ie(e.$slots, "default")], 512)], 34));
+		}, [ae(e.$slots, "default")], 512)], 34));
 	}
 }), ni = {
 	key: 0,
@@ -4582,7 +4582,7 @@ var Cr = [
 		}, n = f(() => {
 			let n = { ...t[e.scope] };
 			return e.scope === "org" && e.scopeName && (n.label = e.scopeName, n.tooltip = `Visible to ${e.scopeName} members`), n;
-		}), r = A(!1), i = A(), a = A(), o = A();
+		}), r = ie(!1), i = ie(), a = ie(), o = ie();
 		function containsMarkdownLink(e) {
 			return e ? /\[[^\]]+\]\([^)]+\)/.test(e) : !1;
 		}
@@ -4593,17 +4593,17 @@ var Cr = [
 			let n = e[t], r = e[t + 1];
 			return !r || r.sender !== n.sender;
 		}
-		let s = f(() => e.chatController?.textState.value), c = f(() => s.value?.isConnected ?? !1), x = f(() => s.value?.isThinking ?? !1), T = f(() => s.value?.connectionStatus === "disconnected" && !!s.value?.error), te = f(() => s.value?.connectionStatus !== "connected" && !s.value?.error), ae = A(!1), oe;
+		let s = f(() => e.chatController?.textState.value), c = f(() => s.value?.isConnected ?? !1), x = f(() => s.value?.isThinking ?? !1), T = f(() => s.value?.connectionStatus === "disconnected" && !!s.value?.error), te = f(() => s.value?.connectionStatus !== "connected" && !s.value?.error), oe = ie(!1), j;
 		ce(T, (e) => {
-			if (clearTimeout(oe), !e) {
-				ae.value = !1;
+			if (clearTimeout(j), !e) {
+				oe.value = !1;
 				return;
 			}
-			oe = setTimeout(() => {
-				ae.value = !0;
+			j = setTimeout(() => {
+				oe.value = !0;
 			}, ta);
-		}, { immediate: !0 }), re(() => clearTimeout(oe));
-		let se = f(() => T.value && ae.value), pe = f(() => te.value || T.value && !ae.value);
+		}, { immediate: !0 }), re(() => clearTimeout(j));
+		let se = f(() => T.value && oe.value), pe = f(() => te.value || T.value && !oe.value);
 		async function retryConnection() {
 			await e.chatController?.startTextConversation();
 		}
@@ -4797,7 +4797,7 @@ var Cr = [
 				class: C(z.value.length === 0 ? "flex-none" : "flex-1")
 			}, {
 				default: ue(() => [_("div", { class: C([z.value.length === 0 ? "flex flex-col items-center justify-center px-3 py-4" : "pt-4 pb-[120px] px-3 space-y-2", e.centered ? "max-w-[720px] mx-auto w-full" : ""]) }, [
-					z.value.length === 0 && !pe.value && !se.value ? (k(), h("div", li, [ie(t.$slots, "empty-heading", {
+					z.value.length === 0 && !pe.value && !se.value ? (k(), h("div", li, [ae(t.$slots, "empty-heading", {
 						agent: e.agent,
 						isLight: G.value
 					}, () => [b(ze, {
@@ -4808,7 +4808,7 @@ var Cr = [
 						class: C(["inline-flex items-center gap-1.5 mt-5 px-2.5 py-1 rounded-full text-[11px]", G.value ? "bg-theme-50 border border-theme-100 text-theme-400" : "bg-white/10 border border-white/20 text-white/40"]),
 						title: n.value.tooltip
 					}, [_("i", { class: C([n.value.icon, "size-3"]) }, null, 2), _("span", null, P(n.value.label), 1)], 10, ui)], 64))])) : m("", !0),
-					(k(!0), h(u, null, j(z.value, (e, t) => (k(), h(u, { key: e.id }, [
+					(k(!0), h(u, null, A(z.value, (e, t) => (k(), h(u, { key: e.id }, [
 						shouldShowTimeDivider(z.value, t) ? (k(), h("div", di, [
 							_("div", { class: C(["flex-1 h-px", Ge.value]) }, null, 2),
 							_("span", { class: C(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", Ke.value]) }, P(shouldShowTimeDivider(z.value, t)), 3),
@@ -4893,7 +4893,7 @@ var Cr = [
 						}, [blockAttachmentsForMessage(e).length ? (k(), h("div", {
 							key: 0,
 							class: C(["mb-1 space-y-1", e.sender === "user" ? "flex flex-col items-end" : ""])
-						}, [(k(!0), h(u, null, j(blockAttachmentsForMessage(e), ({ attachment: e, index: t }) => (k(), h(u, { key: attachmentKey(e, t) }, [e.type === "image" ? (k(), h("img", {
+						}, [(k(!0), h(u, null, A(blockAttachmentsForMessage(e), ({ attachment: e, index: t }) => (k(), h(u, { key: attachmentKey(e, t) }, [e.type === "image" ? (k(), h("img", {
 							key: 0,
 							src: e.src,
 							alt: e.filename,
@@ -4919,7 +4919,7 @@ var Cr = [
 							key: 1,
 							"data-test": "messaging-message-content",
 							class: C(e.sender === "user" ? G.value ? "rounded-[20px] rounded-br-[4px] px-4 py-2.5 bg-theme-900 text-theme-0 shadow-[0_1px_2px_rgba(5,15,25,0.14)]" : "rounded-[20px] rounded-br-[4px] px-4 py-2.5 bg-theme-0 text-theme-950" : G.value ? "text-theme-800" : "text-white/95")
-						}, [(k(!0), h(u, null, j(messageRenderParts(e), (t) => (k(), h(u, { key: t.key }, [t.kind === "text" && t.text ? (k(), h("div", xi, [b($r, {
+						}, [(k(!0), h(u, null, A(messageRenderParts(e), (t) => (k(), h(u, { key: t.key }, [t.kind === "text" && t.text ? (k(), h("div", xi, [b($r, {
 							text: t.text,
 							inverted: e.sender === "user" || !G.value,
 							streaming: e.id === U.value,
@@ -4951,7 +4951,7 @@ var Cr = [
 							"data-attachment-placement": t.placement,
 							class: C(["my-2 inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", G.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
 						}, [s[24] || (s[24] = _("i", { class: "i-tabler-file size-3.5" }, null, -1)), v(" " + P(t.attachment.filename), 1)], 10, wi)) : m("", !0)], 64))), 128))], 2)) : m("", !0)], 2)], 10, _i)),
-						e.id === Se.value ? (k(), h(u, { key: 5 }, [he.value.length ? (k(!0), h(u, { key: 0 }, j(he.value, (e) => (k(), h(u, { key: e.id }, [e.kind === "work" ? (k(), h("div", {
+						e.id === Se.value ? (k(), h(u, { key: 5 }, [he.value.length ? (k(!0), h(u, { key: 0 }, A(he.value, (e) => (k(), h(u, { key: e.id }, [e.kind === "work" ? (k(), h("div", {
 							key: 0,
 							"data-test": "messaging-tool-activity",
 							"data-journal-outcome": e.journal.outcome,
@@ -5020,7 +5020,7 @@ var Cr = [
 				Ae.value.length > 0 ? (k(), h("div", {
 					key: 0,
 					class: C(["flex items-center gap-2 px-2 pb-2 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", e.centered ? "max-w-[720px] mx-auto" : ""])
-				}, [(k(!0), h(u, null, j(Ae.value, (e, t) => (k(), h("div", {
+				}, [(k(!0), h(u, null, A(Ae.value, (e, t) => (k(), h("div", {
 					key: t,
 					class: "relative shrink-0 group"
 				}, [e.type === "image" ? (k(), h("img", {
@@ -5114,7 +5114,7 @@ var Cr = [
 						onClick: s[19] || (s[19] = (e) => handleComposerAction())
 					}, [Ie.value === "stop" ? (k(), h("i", Yi)) : (k(), h("i", Xi)), _("span", Zi, P(Re.value), 1)], 10, Ji))])
 				])], 10, Li),
-				z.value.length === 0 && e.suggestedPrompts.length > 0 ? (k(), h("div", Qi, [_("div", $i, [(k(!0), h(u, null, j(e.suggestedPrompts, (e) => (k(), h("button", {
+				z.value.length === 0 && e.suggestedPrompts.length > 0 ? (k(), h("div", Qi, [_("div", $i, [(k(!0), h(u, null, A(e.suggestedPrompts, (e) => (k(), h("button", {
 					key: e.id,
 					type: "button",
 					disabled: Ee.value,
@@ -5128,7 +5128,13 @@ var Cr = [
 }), ra = { class: "agent-wrap" }, ia = {
 	key: 0,
 	class: "flex items-center justify-center h-full"
-}, aa = /* @__PURE__ */ x({
+}, aa = {
+	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"
+}, oa = /* @__PURE__ */ x({
 	__name: "AgentWrap",
 	props: {
 		sdk: {},
@@ -5148,8 +5154,8 @@ var Cr = [
 		let r = a("AgentWrap"), i = e, o = i.sdk || t.getInstance({
 			isDev: typeof window < "u" ? window.location.hostname === "localhost" || window.location.hostname.includes("127.0.0.1") : !1,
 			...i.apiBase && { apiBase: i.apiBase }
-		}), s = A(!i.agent), c = oe(i.agent ? new n({ config: i.agent }) : void 0), u = A();
-		return ne(async () => {
+		}), s = j(!i.agent), c = j(i.agent ? new n({ config: i.agent }) : void 0), u = j();
+		async function loadAgent() {
 			if (i.agent) {
 				r.debug("Agent provided via props, skipping fetch", {
 					agentId: i.agent.agentId,
@@ -5173,7 +5179,7 @@ var Cr = [
 				return;
 			}
 			try {
-				s.value = !0, r.debug("Fetching public agent", { handle: i.handle });
+				s.value = !0, u.value = void 0, r.debug("Fetching public agent", { handle: i.handle });
 				let e = await o.user.getPublicAgent({ handle: i.handle });
 				e ? (c.value = new n({ config: e }), r.debug("Successfully fetched public agent", {
 					agentId: e.agentId,
@@ -5205,7 +5211,7 @@ var Cr = [
 					}
 				});
 			} finally {
-				s.value = !1, c.value || r.debug("AgentWrap component will render empty (silent failure)", {
+				s.value = !1, c.value || r.debug("AgentWrap component will render unavailable state", {
 					state: {
 						loading: s.value,
 						hasAgent: !!c.value,
@@ -5223,7 +5229,8 @@ var Cr = [
 					}
 				});
 			}
-		}), (t, n) => (k(), h("div", ra, [s.value ? (k(), h("div", ia, [_("div", { class: C(["size-6 animate-spin rounded-full border-b-2", i.bare ? "border-theme-400" : "border-white"]) }, null, 2)])) : c.value ? ie(t.$slots, "default", {
+		}
+		return ne(loadAgent), (t, n) => (k(), h("div", ra, [s.value ? (k(), h("div", ia, [_("div", { class: C(["size-6 animate-spin rounded-full border-b-2", i.bare ? "border-theme-400" : "border-white"]) }, null, 2)])) : c.value ? ae(t.$slots, "default", {
 			sdk: se(o),
 			agent: c.value,
 			context: e.clientContext ?? e.context,
@@ -5231,10 +5238,15 @@ var Cr = [
 			buttonText: e.buttonText,
 			buttonIcon: e.buttonIcon,
 			loading: s.value
-		}, void 0, void 0, 1) : m("", !0)]));
+		}, void 0, void 0, 1) : u.value ? (k(), h("div", aa, [n[0] || (n[0] = _("p", { class: "text-sm font-medium text-theme-600" }, " This assistant is unavailable right now. ", -1)), _("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",
+			onClick: loadAgent
+		}, " Try again ")])) : m("", !0)]));
 	}
 });
 //#endregion
-export { ke as a, getAgentAvatarUrl as c, AgentChatController as d, ve as f, Pe as i, handleImageError as l, _e as m, na as n, De as o, n as p, $r as r, Te as s, aa 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, na as n, De as o, n as p, $r as r, Te as s, oa as t, parseButtonTemplate as u };
 
 //# sourceMappingURL=AgentWrap.js.map