@pagelines/sdk 1.0.704 → 1.0.706

package/dist/AgentWrap.js

@@ -431,7 +431,7 @@ var AgentChatController = class extends i {
 				canNotifyOnCompletion: !1,
 				lastVisibleProgressAtMs: this.lastVisibleProgressAtMs.value
 			});
-		})), e(this, "canUseComposer", f(() => !this.textState.value.sendBlockedReason && !this.composerState.value.isUploading && !this.textState.value.isThinking)), e(this, "canAttachFile", f(() => !!this.settings.uploadFileFn)), e(this, "canRecordAudio", f(() => this.canAttachFile.value && this.canUseComposer.value && !this.composerState.value.text.trim() && this.composerState.value.pendingAttachments.length === 0)), e(this, "voiceRecorder", new VoiceRecorderController({
+		})), e(this, "canUseComposer", f(() => this.textState.value.sendBlockedReason !== "agent_deleted" && !this.composerState.value.isUploading && !this.textState.value.isThinking)), e(this, "canAttachFile", f(() => !!this.settings.uploadFileFn)), e(this, "canRecordAudio", f(() => this.canAttachFile.value && this.canUseComposer.value && !this.composerState.value.text.trim() && this.composerState.value.pendingAttachments.length === 0)), e(this, "voiceRecorder", new VoiceRecorderController({
 			getCanRecord: () => this.canRecordAudio.value,
 			getUploadFn: () => {
 				let e = this.settings.uploadFileFn;
@@ -512,8 +512,8 @@ var AgentChatController = class extends i {
 		};
 	}
 	addOfflineSystemReply() {
-		let e = `${this.chatUnavailableReason ?? "Your assistant is unavailable"}. Give it a moment and send again.`, t = this.sharedMessages.value[this.sharedMessages.value.length - 1];
-		t?.sender === "system" && t.text === e || this.addMessage(e, "system");
+		let e = this._agent.displayName.value || "Your assistant", t = this.chatUnavailableReason ?? `${e} is unavailable`, n = this._agent.state.value.lifecycle === "stopped" || this._agent.desiredStatus.value !== "active", r = this.settings.manageUrl, i = n ? r ? `${t}, so your message can't be answered yet. [Wake ${e}](${r}), then send again.` : `${t}, so your message can't be answered yet. Wake it from the dashboard, then send again.` : `${t}. Give it a moment and send again.`, a = this.sharedMessages.value[this.sharedMessages.value.length - 1];
+		a?.sender === "system" && a.text === i || this.addMessage(i, "system");
 	}
 	async sendComposerMessage() {
 		if (!this.canSend.value) return;
@@ -720,7 +720,7 @@ Current User:
 			this.addOfflineSystemReply();
 			return;
 		}
-		if (this.textState.value.sendBlockedReason || this.textState.value.isThinking) return;
+		if (this.textState.value.sendBlockedReason === "agent_deleted" || this.textState.value.isThinking) return;
 		let { sdk: r } = this.settings;
 		if (!n && !this._agent.handle.value) {
 			this.handleError(/* @__PURE__ */ Error("Agent handle required for chat"));
@@ -3987,7 +3987,7 @@ var Cr = [
 		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 ve = f(() => t.inverted ? "rgba(255, 255, 255, 0.95)" : "var(--color-theme-900)"), ye = f(() => t.inverted ? "rgba(255, 255, 255, 0.6)" : "var(--color-theme-500)"), H = f(() => t.inverted ? "rgba(255, 255, 255, 0.45)" : "color-mix(in oklch, var(--color-theme-900) 42%, transparent)"), be = f(() => t.inverted ? "rgba(255, 255, 255, 0.1)" : "color-mix(in oklch, var(--color-theme-900) 8%, transparent)"), U = f(() => t.inverted ? "rgba(255, 255, 255, 0.24)" : "color-mix(in oklch, var(--color-theme-900) 18%, transparent)"), Se = f(() => t.inverted ? "rgba(255, 255, 255, 0.16)" : "color-mix(in oklch, var(--color-theme-300) 55%, transparent)"), W = f(() => t.inverted ? "rgba(255, 255, 255, 0.14)" : "color-mix(in oklch, var(--color-theme-900) 8%, transparent)"), Ce = f(() => t.inverted ? "rgba(255, 255, 255, 0.18)" : "color-mix(in oklch, var(--color-theme-900) 16%, transparent)"), we = f(() => t.inverted ? "rgba(255, 255, 255, 0.12)" : "color-mix(in oklch, var(--color-theme-900) 9%, transparent)");
+		let ve = f(() => t.inverted ? "rgba(255, 255, 255, 0.95)" : "var(--color-theme-900)"), ye = f(() => t.inverted ? "rgba(255, 255, 255, 0.6)" : "var(--color-theme-500)"), H = f(() => t.inverted ? "rgba(255, 255, 255, 0.45)" : "color-mix(in oklch, var(--color-theme-900) 42%, transparent)"), be = f(() => t.inverted ? "rgba(255, 255, 255, 0.1)" : "color-mix(in oklch, var(--color-theme-900) 8%, transparent)"), U = f(() => t.inverted ? "rgba(255, 255, 255, 0.24)" : "color-mix(in oklch, var(--color-theme-900) 18%, transparent)"), Se = f(() => t.inverted ? "rgba(255, 255, 255, 0.16)" : "color-mix(in oklch, var(--color-theme-300) 55%, transparent)"), W = f(() => t.inverted ? "rgba(255, 255, 255, 0.14)" : "color-mix(in oklch, var(--color-theme-900) 10%, transparent)"), Ce = f(() => t.inverted ? "rgba(255, 255, 255, 0.18)" : "color-mix(in oklch, var(--color-theme-900) 16%, transparent)"), we = f(() => t.inverted ? "rgba(255, 255, 255, 0.12)" : "color-mix(in oklch, var(--color-theme-900) 9%, transparent)");
 		return (e, r) => o.value ? (k(), h("section", {
 			key: 0,
 			"data-test": "chat-visual",
@@ -4422,10 +4422,10 @@ var Cr = [
 			style: { background: "currentcolor" }
 		}, null, -1), v(" Preparing chart… ", -1)])], 4))], 64))), 128))], 32));
 	}
-}), ei = 80, ti = /* @__PURE__ */ x({
+}), ei = 80, ti = 600, ni = /* @__PURE__ */ x({
 	__name: "ChatScroller",
 	setup(e, { expose: t }) {
-		let n = A(), r = A(), i = A(!0), a;
+		let n = A(), r = A(), i = A(!0), a, o = 0;
 		function scrollToBottom() {
 			let e = n.value;
 			e && (e.scrollTop = e.scrollHeight);
@@ -4434,6 +4434,9 @@ var Cr = [
 			let e = n.value;
 			e && (i.value = e.scrollHeight - e.scrollTop - e.clientHeight <= ei);
 		}
+		function markUserGesture() {
+			o = Date.now() + ti;
+		}
 		function pin() {
 			i.value = !0, scrollToBottom();
 		}
@@ -4441,7 +4444,7 @@ var Cr = [
 			requestAnimationFrame(() => {
 				scrollToBottom(), requestAnimationFrame(scrollToBottom);
 			}), r.value && (a = new ResizeObserver(() => {
-				i.value && scrollToBottom();
+				i.value && Date.now() > o && scrollToBottom();
 			}), a.observe(r.value), n.value && a.observe(n.value));
 		}), te(() => {
 			a?.disconnect();
@@ -4449,31 +4452,33 @@ var Cr = [
 			ref_key: "viewport",
 			ref: n,
 			class: C(["overflow-y-auto overflow-x-hidden min-h-0 flex flex-col [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", i.value ? "[overflow-anchor:none]" : ""]),
-			onScrollPassive: onScroll
+			onScrollPassive: onScroll,
+			onWheelPassive: markUserGesture,
+			onTouchstartPassive: markUserGesture
 		}, [_("div", {
 			ref_key: "content",
 			ref: r,
 			class: "flex-1 flex flex-col"
 		}, [ie(e.$slots, "default")], 512)], 34));
 	}
-}), ni = {
+}), ri = {
 	key: 0,
 	class: "pb-4"
-}, ri = {
+}, ii = {
 	key: 1,
 	"data-test": "messaging-sdk-header",
 	class: "shrink-0 border-b border-theme-100 px-4 py-3"
-}, ii = { class: "min-w-0 flex-1" }, ai = { class: "truncate text-base font-semibold leading-tight text-theme-900" }, oi = { class: "mt-1 truncate text-sm leading-tight text-theme-500" }, si = {
+}, ai = { class: "min-w-0 flex-1" }, oi = { class: "truncate text-base font-semibold leading-tight text-theme-900" }, si = { class: "mt-1 truncate text-sm leading-tight text-theme-500" }, ci = {
 	key: 0,
 	class: "shrink-0 rounded-full bg-theme-50 px-2.5 py-1 font-mono text-[11px] font-medium text-theme-500"
-}, ci = {
+}, li = {
 	key: 0,
 	"data-test": "messaging-empty-state",
 	class: "flex flex-col items-center justify-center px-4"
-}, li = ["title"], ui = {
+}, ui = ["title"], di = {
 	key: 0,
 	class: "flex items-center gap-3 py-3 px-2"
-}, di = ["data-journal-outcome"], fi = [
+}, fi = ["data-journal-outcome"], pi = [
 	"data-message-id",
 	"data-message-sender",
 	"data-conversation-id",
@@ -4484,7 +4489,7 @@ var Cr = [
 	"data-issue-action-label",
 	"data-issue-action-url",
 	"data-streaming"
-], pi = { class: "max-w-[85%] min-w-0" }, mi = ["href"], hi = [
+], mi = { class: "max-w-[85%] min-w-0" }, hi = ["href"], gi = [
 	"data-message-id",
 	"data-message-sender",
 	"data-conversation-id",
@@ -4493,7 +4498,7 @@ var Cr = [
 	"data-issue-code",
 	"data-issue-bucket",
 	"data-streaming"
-], gi = [
+], _i = [
 	"data-test",
 	"data-message-id",
 	"data-message-sender",
@@ -4501,51 +4506,51 @@ var Cr = [
 	"data-message-sequence",
 	"data-system-kind",
 	"data-streaming"
-], _i = ["src", "alt"], vi = ["src"], yi = ["href"], bi = {
+], vi = ["src", "alt"], yi = ["src"], bi = ["href"], xi = {
 	key: 0,
 	"data-test": "messaging-message-text-part"
-}, xi = [
+}, Si = [
 	"src",
 	"alt",
 	"data-attachment-placement"
-], Si = ["src", "data-attachment-placement"], Ci = ["href", "data-attachment-placement"], wi = ["data-journal-outcome"], Ti = {
+], Ci = ["src", "data-attachment-placement"], wi = ["href", "data-attachment-placement"], Ti = ["data-journal-outcome"], Ei = {
 	key: 2,
 	"data-test": "messaging-tool-activity-tail",
 	"aria-label": "Assistant is still working",
 	class: "mb-4 grid h-[17px] w-5 place-items-center"
-}, Ei = ["data-journal-outcome"], Di = ["data-working-description"], Oi = { class: "truncate" }, ki = ["data-issue-code"], Ai = ["href"], ji = {
+}, Di = ["data-journal-outcome"], Oi = ["data-working-description"], ki = { class: "truncate" }, Ai = ["data-issue-code"], ji = ["href"], Mi = {
 	key: 3,
 	"data-test": "messaging-thinking-indicator",
 	class: "flex gap-2 justify-start items-center mb-4"
-}, Mi = ["src", "alt"], Ni = { class: "max-w-20 truncate" }, Pi = ["onClick"], Fi = {
+}, Ni = ["src", "alt"], Pi = { class: "max-w-20 truncate" }, Fi = ["onClick"], Ii = {
 	key: 0,
 	class: "shrink-0 flex items-center justify-center size-14"
-}, Ii = ["data-composer-action"], Li = ["placeholder", "disabled"], Ri = { class: "font-mono text-sm tabular-nums" }, zi = { class: "mt-2.5 flex items-center" }, Bi = [
+}, Li = ["data-composer-action"], Ri = ["placeholder", "disabled"], zi = { class: "font-mono text-sm tabular-nums" }, Bi = { class: "mt-2.5 flex items-center" }, Vi = [
 	"disabled",
 	"aria-label",
 	"title"
-], Vi = {
+], Hi = {
 	key: 0,
 	class: "i-svg-spinners-ring-resize size-5"
-}, Hi = {
+}, Ui = {
 	key: 1,
 	class: "i-tabler-plus size-5"
-}, Ui = { class: "sr-only" }, Wi = { class: "flex items-center gap-2" }, Gi = ["aria-label", "title"], Ki = { class: "sr-only" }, qi = [
+}, Wi = { class: "sr-only" }, Gi = { class: "flex items-center gap-2" }, Ki = ["aria-label", "title"], qi = { class: "sr-only" }, Ji = [
 	"data-composer-action",
 	"disabled",
 	"aria-label",
 	"title"
-], Ji = {
+], Yi = {
 	key: 0,
 	class: "i-tabler-player-stop-filled size-3.5"
-}, Yi = {
+}, Xi = {
 	key: 1,
 	class: "i-tabler-arrow-up size-[17px]"
-}, Xi = { class: "sr-only" }, Zi = {
+}, Zi = { class: "sr-only" }, Qi = {
 	key: 2,
 	"data-test": "messaging-suggested-prompts",
 	class: "mt-5 w-full sm:mx-auto sm:max-w-[720px]"
-}, Qi = { class: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-center" }, $i = ["disabled", "onClick"], ea = ["aria-expanded"], ta = /* @__PURE__ */ x({
+}, $i = { class: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-center" }, ea = ["disabled", "onClick"], ta = ["aria-expanded"], na = /* @__PURE__ */ x({
 	__name: "ElAgentChat",
 	props: {
 		chatController: {},
@@ -4677,7 +4682,7 @@ var Cr = [
 			if (!x.value) return;
 			let e = B.value, t = e[e.length - 1];
 			return t?.sender === "agent" || t?.sender === "system" ? t.id : void 0;
-		}), U = f(() => !x.value || he.value || _e.value || P.value.length ? !1 : be.value === void 0), Se = f(() => s.value?.sendBlockedReason), W = f(() => Se.value !== void 0), Ce = f(() => T.value ? `${e.agent.displayName.value || e.agent.name.value || "Assistant"} is offline` : te.value ? "Connecting..." : Se.value === "agent_deleted" ? "This assistant was deleted" : Se.value === "account" ? "Open billing to keep chatting" : `Message ${e.agent.displayName.value || e.agent.name.value || "assistant"}`), we = f(() => e.chatController?.composerState?.value ?? {
+		}), U = f(() => !x.value || he.value || _e.value || P.value.length ? !1 : be.value === void 0), Se = f(() => s.value?.sendBlockedReason), W = f(() => Se.value === "agent_deleted"), Ce = f(() => T.value ? `${e.agent.displayName.value || e.agent.name.value || "Assistant"} is offline` : te.value ? "Connecting..." : Se.value === "agent_deleted" ? "This assistant was deleted" : `Message ${e.agent.displayName.value || e.agent.name.value || "assistant"}`), we = f(() => e.chatController?.composerState?.value ?? {
 			text: "",
 			pendingAttachments: [],
 			isUploading: !1
@@ -4753,17 +4758,17 @@ var Cr = [
 			})}, ${a}`;
 		}
 		return (t, s) => (k(), h("div", { class: C(["@container/chat relative flex h-full flex-col", B.value.length === 0 ? "min-h-0 [justify-content:safe_center] overflow-y-auto" : ""]) }, [
-			e.showHeader && !G.value ? (k(), h("div", ni, [b(Pe, {
+			e.showHeader && !G.value ? (k(), h("div", ri, [b(Pe, {
 				agent: e.agent,
 				"is-online": c.value
-			}, null, 8, ["agent", "is-online"])])) : e.showHeader ? (k(), h("div", ri, [_("div", { class: C(["flex items-center gap-3", e.centered ? "max-w-[720px] mx-auto" : ""]) }, [
+			}, null, 8, ["agent", "is-online"])])) : e.showHeader ? (k(), h("div", ii, [_("div", { class: C(["flex items-center gap-3", e.centered ? "max-w-[720px] mx-auto" : ""]) }, [
 				b(ze, {
 					agent: e.agent,
 					"is-light": G.value,
 					class: "size-10"
 				}, null, 8, ["agent", "is-light"]),
-				_("div", ii, [_("div", ai, F(e.agent.displayName.value), 1), _("div", oi, F(e.agent.title.value || "Assistant"), 1)]),
-				e.headerMeta ? (k(), h("span", si, F(e.headerMeta), 1)) : m("", !0)
+				_("div", ai, [_("div", oi, F(e.agent.displayName.value), 1), _("div", si, F(e.agent.title.value || "Assistant"), 1)]),
+				e.headerMeta ? (k(), h("span", ci, F(e.headerMeta), 1)) : m("", !0)
 			], 2)])) : m("", !0),
 			te.value ? (k(), h("div", {
 				key: 2,
@@ -4772,13 +4777,13 @@ var Cr = [
 				key: 3,
 				class: C(["flex items-center justify-center gap-1.5 py-2 text-[11px]", Ue.value])
 			}, [s[20] || (s[20] = _("i", { class: "i-tabler-tool size-3" }, null, -1)), _("span", null, F(e.setupHint), 1)], 2)) : m("", !0),
-			b(ti, {
+			b(ni, {
 				ref_key: "chatScroller",
 				ref: i,
 				class: C(B.value.length === 0 ? "flex-none" : "flex-1")
 			}, {
-				default: ce(() => [_("div", { class: C([B.value.length === 0 ? "flex flex-col items-center justify-center px-3 py-4" : "pt-4 pb-[120px] px-3 space-y-2", e.centered ? B.value.length === 0 ? "max-w-[900px] mx-auto w-full" : "max-w-[720px] mx-auto w-full" : ""]) }, [
-					B.value.length === 0 && !te.value ? (k(), h("div", ci, [ie(t.$slots, "empty-heading", {
+				default: ce(() => [_("div", { class: C([B.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 ? B.value.length === 0 ? "max-w-[900px] mx-auto w-full" : "max-w-[720px] mx-auto w-full" : ""]) }, [
+					B.value.length === 0 && !te.value ? (k(), h("div", li, [ie(t.$slots, "empty-heading", {
 						agent: e.agent,
 						isLight: G.value
 					}, () => [b(ze, {
@@ -4788,9 +4793,9 @@ var Cr = [
 					}, null, 8, ["agent", "is-light"]), _("div", { class: C(["text-base @sm/chat:text-lg font-semibold", G.value ? "text-theme-900" : "text-white"]) }, F(e.agent.displayName.value), 3)]), e.emptyStateMessage === "" ? m("", !0) : (k(), h(u, { key: 0 }, [_("p", { class: C(["mt-1 text-center text-xs @sm/chat:text-sm", Ue.value]) }, F(e.emptyStateMessage || "Type your message to get started."), 3), _("div", {
 						class: C(["inline-flex items-center gap-1.5 mt-5 px-2.5 py-1 rounded-full text-[11px]", G.value ? "bg-theme-50 border border-theme-100 text-theme-400" : "bg-white/10 border border-white/20 text-white/40"]),
 						title: n.value.tooltip
-					}, [_("i", { class: C([n.value.icon, "size-3"]) }, null, 2), _("span", null, F(n.value.label), 1)], 10, li)], 64))])) : m("", !0),
+					}, [_("i", { class: C([n.value.icon, "size-3"]) }, null, 2), _("span", null, F(n.value.label), 1)], 10, ui)], 64))])) : m("", !0),
 					(k(!0), h(u, null, j(B.value, (e, t) => (k(), h(u, { key: e.id }, [
-						shouldShowTimeDivider(B.value, t) ? (k(), h("div", ui, [
+						shouldShowTimeDivider(B.value, t) ? (k(), h("div", di, [
 							_("div", { class: C(["flex-1 h-px", He.value]) }, null, 2),
 							_("span", { class: C(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", Ue.value]) }, F(shouldShowTimeDivider(B.value, t)), 3),
 							_("div", { class: C(["flex-1 h-px", He.value]) }, null, 2)
@@ -4803,7 +4808,7 @@ var Cr = [
 						}, [b(qe, {
 							model: messageWorkJournal(e),
 							"is-light": G.value
-						}, null, 8, ["model", "is-light"])], 8, di)) : m("", !0),
+						}, null, 8, ["model", "is-light"])], 8, fi)) : m("", !0),
 						isSystemExplainerMessage(e) ? (k(), h("div", {
 							key: 2,
 							"data-test": "messaging-system-msg",
@@ -4818,7 +4823,7 @@ var Cr = [
 							"data-issue-action-url": e.issue?.actionUrl,
 							"data-streaming": e.id === be.value ? "true" : void 0,
 							class: "flex gap-2 items-end justify-start mb-4"
-						}, [_("div", pi, [_("div", { class: C(["mb-1 pl-1 text-[11px] font-medium", G.value ? "text-theme-500" : "text-white/45"]) }, " System Message ", 2), _("div", { class: C(["rounded-[20px] rounded-bl-[4px] px-4 py-2.5 border system-msg-content", G.value ? "bg-theme-25 border-theme-100 text-theme-700" : "bg-white/[0.08] border-white/10 text-white/85"]) }, [e.text ? (k(), p($r, {
+						}, [_("div", mi, [_("div", { class: C(["mb-1 pl-1 text-[11px] font-medium", G.value ? "text-theme-500" : "text-white/45"]) }, " System Message ", 2), _("div", { class: C(["rounded-[20px] rounded-bl-[4px] px-4 py-2.5 border system-msg-content", G.value ? "bg-theme-25 border-theme-200 text-theme-700" : "bg-white/[0.08] border-white/10 text-white/85"]) }, [e.text ? (k(), p($r, {
 							key: 0,
 							text: e.text,
 							inverted: !G.value,
@@ -4838,7 +4843,7 @@ var Cr = [
 							"data-test": "messaging-system-msg-action",
 							class: C(["mt-2 text-[12px] font-medium inline-flex items-center gap-1", G.value ? "text-theme-900 hover:text-theme-700" : "text-white hover:text-white/80"]),
 							onClick: s[1] || (s[1] = z(() => {}, ["stop"]))
-						}, [v(F(e.issue.actionLabel) + " ", 1), s[21] || (s[21] = _("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, mi)) : m("", !0)], 2)])], 8, fi)) : e.sender === "system" ? (k(), h("div", {
+						}, [v(F(e.issue.actionLabel) + " ", 1), s[21] || (s[21] = _("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, hi)) : m("", !0)], 2)])], 8, pi)) : e.sender === "system" ? (k(), h("div", {
 							key: 3,
 							"data-test": "messaging-system-status-msg",
 							"data-message-id": e.id,
@@ -4854,7 +4859,7 @@ var Cr = [
 							text: e.text,
 							inverted: !G.value,
 							onClick: s[2] || (s[2] = z(() => {}, ["stop"]))
-						}, null, 8, ["text", "inverted"])], 10, hi)) : (k(), h("div", {
+						}, null, 8, ["text", "inverted"])], 10, gi)) : (k(), h("div", {
 							key: 4,
 							"data-test": e.sender === "agent" ? "messaging-assistant-msg" : e.sender === "user" ? "messaging-user-msg" : void 0,
 							"data-message-id": e.id,
@@ -4881,14 +4886,14 @@ var Cr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
 							class: "rounded-xl object-cover max-h-48 max-w-[240px] @sm/chat:max-w-[320px]"
-						}, null, 8, _i)) : e.type === "audio" ? (k(), h("audio", {
+						}, null, 8, vi)) : e.type === "audio" ? (k(), h("audio", {
 							key: 1,
 							src: e.src,
 							controls: "",
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
 							class: "max-w-full"
-						}, null, 8, vi)) : (k(), h("a", {
+						}, null, 8, yi)) : (k(), h("a", {
 							key: 2,
 							href: e.src,
 							target: "_blank",
@@ -4896,11 +4901,11 @@ var Cr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
 							class: C(["inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", G.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
-						}, [s[23] || (s[23] = _("i", { class: "i-tabler-file size-3.5" }, null, -1)), v(" " + F(e.filename), 1)], 10, yi))], 64))), 128))], 2)) : m("", !0), messageRenderParts(e).length ? (k(), h("div", {
+						}, [s[23] || (s[23] = _("i", { class: "i-tabler-file size-3.5" }, null, -1)), v(" " + F(e.filename), 1)], 10, bi))], 64))), 128))], 2)) : m("", !0), messageRenderParts(e).length ? (k(), h("div", {
 							key: 1,
 							"data-test": "messaging-message-content",
 							class: C(e.sender === "user" ? G.value ? "rounded-[20px] rounded-br-[4px] px-4 py-2.5 bg-theme-900 text-theme-0 shadow-[0_1px_2px_rgba(5,15,25,0.14)]" : "rounded-[20px] rounded-br-[4px] px-4 py-2.5 bg-theme-0 text-theme-950" : G.value ? "text-theme-800" : "text-white/95")
-						}, [(k(!0), h(u, null, j(messageRenderParts(e), (t) => (k(), h(u, { key: t.key }, [t.kind === "text" && t.text ? (k(), h("div", bi, [b($r, {
+						}, [(k(!0), h(u, null, j(messageRenderParts(e), (t) => (k(), h(u, { key: t.key }, [t.kind === "text" && t.text ? (k(), h("div", xi, [b($r, {
 							text: t.text,
 							inverted: e.sender === "user" || !G.value,
 							streaming: e.id === be.value,
@@ -4916,14 +4921,14 @@ var Cr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
 							class: "my-2 rounded-xl object-cover max-h-48 max-w-[240px] @sm/chat:max-w-[320px]"
-						}, null, 8, xi)) : t.kind === "attachment" && t.attachment.type === "audio" ? (k(), h("audio", {
+						}, null, 8, Si)) : t.kind === "attachment" && t.attachment.type === "audio" ? (k(), h("audio", {
 							key: 2,
 							src: t.attachment.src,
 							controls: "",
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
 							class: "my-2 max-w-full"
-						}, null, 8, Si)) : t.kind === "attachment" ? (k(), h("a", {
+						}, null, 8, Ci)) : t.kind === "attachment" ? (k(), h("a", {
 							key: 3,
 							href: t.attachment.src,
 							target: "_blank",
@@ -4931,7 +4936,7 @@ var Cr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
 							class: C(["my-2 inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", G.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
-						}, [s[24] || (s[24] = _("i", { class: "i-tabler-file size-3.5" }, null, -1)), v(" " + F(t.attachment.filename), 1)], 10, Ci)) : m("", !0)], 64))), 128))], 2)) : m("", !0)], 2)], 10, gi)),
+						}, [s[24] || (s[24] = _("i", { class: "i-tabler-file size-3.5" }, null, -1)), v(" " + F(t.attachment.filename), 1)], 10, wi)) : m("", !0)], 64))), 128))], 2)) : m("", !0)], 2)], 10, _i)),
 						e.id === ve.value ? (k(), h(u, { key: 5 }, [P.value.length ? (k(!0), h(u, { key: 0 }, j(P.value, (e) => (k(), h(u, { key: e.id }, [e.kind === "work" ? (k(), h("div", {
 							key: 0,
 							"data-test": "messaging-tool-activity",
@@ -4940,7 +4945,7 @@ var Cr = [
 						}, [b(qe, {
 							model: e.journal,
 							"is-light": G.value
-						}, null, 8, ["model", "is-light"])], 8, wi)) : e.kind === "text" && e.content ? (k(), h("div", {
+						}, null, 8, ["model", "is-light"])], 8, Ti)) : e.kind === "text" && e.content ? (k(), h("div", {
 							key: 1,
 							"data-test": "messaging-live-text-block",
 							class: C(["mb-4 @sm/chat:pr-[1em] @lg/chat:pr-[2em]", G.value ? "text-theme-800" : "text-white/95"])
@@ -4953,7 +4958,7 @@ var Cr = [
 							"text",
 							"inverted",
 							"streaming"
-						])], 2)) : (k(), h("div", Ti, [b(pe, { class: C(["size-3.5", G.value ? "text-theme-500" : "text-white/70"]) }, null, 8, ["class"])]))], 64))), 128)) : _e.value ? (k(), h("div", {
+						])], 2)) : (k(), h("div", Ei, [b(pe, { class: C(["size-3.5", G.value ? "text-theme-500" : "text-white/70"]) }, null, 8, ["class"])]))], 64))), 128)) : _e.value ? (k(), h("div", {
 							key: 1,
 							"data-test": "messaging-tool-activity",
 							"data-journal-outcome": _e.value.outcome,
@@ -4961,7 +4966,7 @@ var Cr = [
 						}, [b(qe, {
 							model: _e.value,
 							"is-light": G.value
-						}, null, 8, ["model", "is-light"])], 8, Ei)) : m("", !0)], 64)) : m("", !0)
+						}, null, 8, ["model", "is-light"])], 8, Di)) : m("", !0)], 64)) : m("", !0)
 					], 64))), 128)),
 					he.value ? (k(), h("div", {
 						key: 1,
@@ -4971,7 +4976,7 @@ var Cr = [
 					}, [s[25] || (s[25] = _("i", {
 						class: "i-tabler-loader-2 size-3.5 shrink-0 animate-spin opacity-70",
 						"aria-hidden": "true"
-					}, null, -1)), _("span", Oi, F(he.value), 1)], 10, Di)) : m("", !0),
+					}, null, -1)), _("span", ki, F(he.value), 1)], 10, Oi)) : m("", !0),
 					H.value ? (k(), h("div", {
 						key: 2,
 						"data-test": "messaging-transient-issue",
@@ -4988,9 +4993,9 @@ var Cr = [
 							href: H.value.actionUrl,
 							class: "shrink-0 underline underline-offset-2",
 							onClick: s[5] || (s[5] = z(() => {}, ["stop"]))
-						}, F(H.value.actionLabel), 9, Ai)) : m("", !0)
-					], 10, ki)) : m("", !0),
-					U.value ? (k(), h("div", ji, [_("i", {
+						}, F(H.value.actionLabel), 9, ji)) : m("", !0)
+					], 10, Ai)) : m("", !0),
+					U.value ? (k(), h("div", Mi, [_("i", {
 						class: C(["i-svg-spinners-3-dots-bounce size-7", G.value ? "text-theme-400" : "text-white/50"]),
 						"aria-hidden": "true"
 					}, null, 2)])) : m("", !0)
@@ -5009,13 +5014,13 @@ var Cr = [
 					src: e.src,
 					alt: e.filename,
 					class: C(["size-14 rounded-xl object-cover border", G.value ? "border-black/10" : "border-white/20"])
-				}, null, 10, Mi)) : (k(), h("div", {
+				}, null, 10, Ni)) : (k(), h("div", {
 					key: 1,
 					class: C(["h-14 px-3 rounded-xl flex items-center gap-1.5 text-xs border", G.value ? "border-black/10 bg-theme-50 text-theme-600" : "border-white/20 bg-white/10 text-white/70"])
-				}, [s[27] || (s[27] = _("i", { class: "i-tabler-file size-4" }, null, -1)), _("span", Ni, F(e.filename), 1)], 2)), _("button", {
+				}, [s[27] || (s[27] = _("i", { class: "i-tabler-file size-4" }, null, -1)), _("span", Pi, F(e.filename), 1)], 2)), _("button", {
 					class: "absolute -top-1.5 -right-1.5 size-5 flex items-center justify-center rounded-full bg-theme-800 text-white text-xs scale-0 group-hover:scale-100 transition-transform cursor-pointer",
 					onClick: (e) => removeAttachment(t)
-				}, [...s[28] || (s[28] = [_("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, Pi)]))), 128)), De.value ? (k(), h("div", Fi, [b(pe, { class: "size-5" })])) : m("", !0)], 2)) : m("", !0),
+				}, [...s[28] || (s[28] = [_("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, Fi)]))), 128)), De.value ? (k(), h("div", Ii, [b(pe, { class: "size-5" })])) : m("", !0)], 2)) : m("", !0),
 				Ae.value ? (k(), h("input", {
 					key: 1,
 					ref_key: "fileInput",
@@ -5036,7 +5041,7 @@ var Cr = [
 					class: C(["flex min-w-0 items-center gap-2 py-1", G.value ? "text-theme-700" : "text-white/80"])
 				}, [
 					s[29] || (s[29] = _("span", { class: "size-2.5 shrink-0 rounded-full bg-red-500" }, null, -1)),
-					_("span", Ri, F(Re.value), 1),
+					_("span", zi, F(Re.value), 1),
 					_("span", { class: C(["min-w-0 truncate text-sm", G.value ? "text-theme-400" : "text-white/45"]) }, F(Be.value), 3)
 				], 2)) : R((k(), h("textarea", {
 					key: 0,
@@ -5056,7 +5061,7 @@ var Cr = [
 					onKeydown: handleKeydown,
 					onFocus: s[7] || (s[7] = (e) => r.value = !0),
 					onBlur: s[8] || (s[8] = (e) => r.value = !1)
-				}, null, 42, Li)), [[I, Te.value]]), _("div", zi, [
+				}, null, 42, Ri)), [[I, Te.value]]), _("div", Bi, [
 					_("button", {
 						class: C(["-ml-2 flex size-8 items-center justify-center transition-opacity hover:opacity-70", [
 							Ae.value ? "cursor-pointer" : "cursor-default",
@@ -5067,9 +5072,9 @@ var Cr = [
 						"aria-label": Ae.value ? "Attach file" : "File attachments unavailable",
 						title: Ae.value ? "Attach file" : "File attachments unavailable",
 						onClick: s[9] || (s[9] = (e) => Ae.value && triggerFileInput())
-					}, [De.value ? (k(), h("i", Vi)) : (k(), h("i", Hi)), _("span", Ui, F(Ae.value ? "Attach file" : "File attachments unavailable"), 1)], 10, Bi),
+					}, [De.value ? (k(), h("i", Hi)) : (k(), h("i", Ui)), _("span", Wi, F(Ae.value ? "Attach file" : "File attachments unavailable"), 1)], 10, Vi),
 					s[30] || (s[30] = _("div", { class: "flex-1" }, null, -1)),
-					_("div", Wi, [Ie.value || Le.value ? (k(), h("button", {
+					_("div", Gi, [Ie.value || Le.value ? (k(), h("button", {
 						key: 0,
 						"data-test": "messaging-record-audio-btn",
 						class: C(["flex size-8 cursor-pointer items-center justify-center transition-[opacity,transform] duration-200 hover:opacity-70", Le.value ? G.value ? "text-theme-900 scale-110" : "text-white scale-110" : G.value ? "text-theme-500" : "text-white/60"]),
@@ -5084,7 +5089,7 @@ var Cr = [
 							s[17] || (s[17] = ue(z((e) => finishRecording({ cancelled: !0 }), ["prevent"]), ["escape"]))
 						],
 						onKeyup: [s[14] || (s[14] = ue(z((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["enter"])), s[16] || (s[16] = ue(z((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["space"]))]
-					}, [_("i", { class: C([Le.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), _("span", Ki, F(Ve.value), 1)], 42, Gi)) : m("", !0), Le.value ? m("", !0) : (k(), h("button", {
+					}, [_("i", { class: C([Le.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), _("span", qi, F(Ve.value), 1)], 42, Ki)) : m("", !0), Le.value ? m("", !0) : (k(), h("button", {
 						key: 1,
 						"data-test": "messaging-send-btn",
 						"data-composer-action": Me.value,
@@ -5093,36 +5098,36 @@ var Cr = [
 						"aria-label": Fe.value,
 						title: Fe.value,
 						onClick: s[18] || (s[18] = (e) => handleComposerAction())
-					}, [Me.value === "stop" ? (k(), h("i", Ji)) : (k(), h("i", Yi)), _("span", Xi, F(Fe.value), 1)], 10, qi))])
-				])], 10, Ii),
-				B.value.length === 0 && e.suggestedPrompts.length > 0 ? (k(), h("div", Zi, [_("div", Qi, [(k(!0), h(u, null, j(e.suggestedPrompts, (e, t) => (k(), h("button", {
+					}, [Me.value === "stop" ? (k(), h("i", Yi)) : (k(), h("i", Xi)), _("span", Zi, F(Fe.value), 1)], 10, Ji))])
+				])], 10, Li),
+				B.value.length === 0 && e.suggestedPrompts.length > 0 ? (k(), h("div", Qi, [_("div", $i, [(k(!0), h(u, null, j(e.suggestedPrompts, (e, t) => (k(), h("button", {
 					key: e.id,
 					type: "button",
 					disabled: W.value,
 					"data-test": "messaging-suggested-prompt",
 					class: C(["w-full rounded-2xl bg-theme-50 px-4 py-3 text-left text-[14.5px] font-medium transition-colors sm:w-auto sm:rounded-full sm:py-2 sm:text-center sm:text-[14px]", [W.value ? "cursor-not-allowed text-theme-300" : "cursor-pointer text-theme-600 hover:bg-theme-100 hover:text-theme-900", !ae.value && t >= 3 ? "max-sm:hidden" : ""]]),
 					onClick: (t) => sendSuggestedPrompt(e)
-				}, F(e.label), 11, $i))), 128)), e.suggestedPrompts.length > 3 ? (k(), h("button", {
+				}, F(e.label), 11, ea))), 128)), e.suggestedPrompts.length > 3 ? (k(), h("button", {
 					key: 0,
 					type: "button",
 					"data-test": "messaging-suggested-prompts-more",
 					"aria-expanded": ae.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) => ae.value = !ae.value)
-				}, [v(F(ae.value ? "See less" : "See more") + " ", 1), _("i", { class: C(["i-tabler-chevron-down size-4 transition-transform", ae.value ? "rotate-180" : ""]) }, null, 2)], 8, ea)) : m("", !0)])])) : m("", !0)
+				}, [v(F(ae.value ? "See less" : "See more") + " ", 1), _("i", { class: C(["i-tabler-chevron-down size-4 transition-transform", ae.value ? "rotate-180" : ""]) }, null, 2)], 8, ta)) : m("", !0)])])) : m("", !0)
 			], 2)
 		], 2));
 	}
-}), na = { class: "agent-wrap" }, ra = {
+}), ra = { class: "agent-wrap" }, ia = {
 	key: 0,
 	class: "flex items-center justify-center h-full"
-}, ia = {
+}, 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"
-}, aa = /* @__PURE__ */ x({
+}, oa = /* @__PURE__ */ x({
 	__name: "AgentWrap",
 	props: {
 		sdk: {},
@@ -5218,7 +5223,7 @@ var Cr = [
 				});
 			}
 		}
-		return ne(loadAgent), (t, n) => (k(), h("div", na, [s.value ? (k(), h("div", ra, [_("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 ? ie(t.$slots, "default", {
 			sdk: oe(o),
 			agent: c.value,
 			context: e.clientContext ?? e.context,
@@ -5226,7 +5231,7 @@ var Cr = [
 			buttonText: e.buttonText,
 			buttonIcon: e.buttonIcon,
 			loading: s.value
-		}, void 0, void 0, 1) : u.value ? (k(), h("div", ia, [n[0] || (n[0] = _("p", { class: "text-sm font-medium text-theme-600" }, " This assistant is unavailable right now. ", -1)), _("button", {
+		}, 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",
@@ -5235,6 +5240,6 @@ var Cr = [
 	}
 });
 //#endregion
-export { Oe as a, getAgentAvatarUrl as c, AgentChatController as d, he as f, Pe as i, handleImageError as l, pe as m, ta as n, Ee as o, n as p, $r as r, we as s, aa as t, parseButtonTemplate as u };
+export { Oe as a, getAgentAvatarUrl as c, AgentChatController as d, he as f, Pe as i, handleImageError as l, pe as m, na as n, Ee as o, n as p, $r as r, we as s, oa as t, parseButtonTemplate as u };
 
 //# sourceMappingURL=AgentWrap.js.map