@pagelines/sdk 1.0.765 → 1.0.767

package/dist/AgentWrap.js

@@ -4581,16 +4581,30 @@ var kr = [
 			class: "flex-1 flex flex-col"
 		}, [re(e.$slots, "default")], 512)], 34));
 	}
-}), li = ["data-voice-state", "data-voice-activity"], ui = { class: "flex flex-1 flex-col items-center justify-center pb-8" }, di = { "data-voice-assistant-avatar": "" }, fi = {
+}), li = {
+	VOICE_MIC_UNAVAILABLE: "I couldn't reach your microphone. Check that this site is allowed to use it, then try again.",
+	VOICE_AGENT_UNAVAILABLE: "Your assistant didn't pick up. Give it a moment and start the call again.",
+	VOICE_CONNECT_TIMEOUT: "The call took too long to connect. Try again in a moment.",
+	VOICE_CONNECTION_LOST: "The call dropped. Start it again when you're ready.",
+	VOICE_UNAVAILABLE: "Voice isn't available right now. You can keep going by typing.",
+	VOICE_MINT_INVALID: "That call couldn't be started. Refresh the page and try again.",
+	VOICE_PROVIDER_ERROR: "The call ended unexpectedly. Try again, or keep going by typing."
+}, ui = "The call ended unexpectedly. Try again, or keep going by typing.";
+function voiceErrorMessage(e) {
+	return e && li[e] || ui;
+}
+//#endregion
+//#region agent/ui/VoiceMode.vue?vue&type=script&setup=true&lang.ts
+var di = ["data-voice-state", "data-voice-activity"], fi = { class: "flex flex-1 flex-col items-center justify-center pb-8" }, pi = { "data-voice-assistant-avatar": "" }, mi = {
 	"data-test": "voice-histogram",
 	"aria-hidden": "true",
 	class: "mt-10 flex h-4 items-center gap-[3px]"
-}, pi = {
+}, hi = {
 	"data-test": "voice-presence-status",
 	role: "status",
 	"aria-live": "polite",
 	class: "sr-only"
-}, mi = .1, hi = 60, gi = 320, _i = /* @__PURE__ */ S({
+}, gi = .1, _i = 60, vi = 320, yi = /* @__PURE__ */ S({
 	__name: "VoiceMode",
 	props: {
 		agent: {},
@@ -4618,13 +4632,13 @@ var kr = [
 			let t = Math.min(64, Math.max(0, e - oe));
 			oe = e;
 			let ease = (e, n) => {
-				let r = n > e ? hi : gi;
+				let r = n > e ? _i : vi;
 				return e + (n - e) * (1 - Math.exp(-t / r));
 			};
 			A.value = A.value.map((e, t) => ease(e, C.value[t] ?? 0)), !A.value.every((e, t) => Math.abs((C.value[t] ?? 0) - e) <= 5e-4) || C.value.some((e) => e > 0) ? ae = F(easeFrame) : A.value = S;
 		}
 		function followLevel(e) {
-			let gate = (e) => Math.max(0, e - mi) / (1 - mi);
+			let gate = (e) => Math.max(0, e - gi) / (1 - gi);
 			if (C.value = b.map((t) => gate(Math.min(1, Math.max(0, e?.[t] ?? i.value)))), re?.matches) {
 				A.value = C.value;
 				return;
@@ -4649,7 +4663,13 @@ var kr = [
 					o.value = e, e === "ended" && (s.value ? m = setTimeout(emitEnd, 1600) : emitEnd());
 				},
 				onError: (t) => {
-					s.value = !0, e.chatController?.notify?.(t.message);
+					s.value = !0, e.chatController?.notify?.(voiceErrorMessage(t.code)), e.chatController?.logger?.warn("voice.session.failed", {
+						code: t.code,
+						providerMessage: t.message
+					});
+				},
+				onMetric: (t) => {
+					e.chatController?.logger?.info(t.name, { durationMs: t.durationMs });
 				}
 			});
 			if (!t) {
@@ -4664,15 +4684,15 @@ var kr = [
 			"data-voice-state": o.value,
 			"data-voice-activity": h.value,
 			class: "relative flex min-h-0 flex-1 flex-col px-4 pt-8 pb-5"
-		}, [v("div", ui, [
-			v("div", di, [x(ze, {
+		}, [v("div", fi, [
+			v("div", pi, [x(ze, {
 				agent: e.agent,
 				"show-status": !1,
 				"show-owner-mark": !1,
 				"is-light": e.isLight,
 				class: "size-28"
 			}, null, 8, ["agent", "is-light"])]),
-			v("div", fi, [(j(!0), _(f, null, P(se.value, (e, t) => (j(), _("span", {
+			v("div", mi, [(j(!0), _(f, null, P(se.value, (e, t) => (j(), _("span", {
 				key: t,
 				"data-test": "voice-histogram-bar",
 				class: T(["w-[2.5px] rounded-full transition-colors duration-150", [R.value, h.value === "connecting" ? "pl-voice-bar-wave" : ""]]),
@@ -4681,27 +4701,27 @@ var kr = [
 					...h.value === "connecting" ? { animationDelay: `${t * 90}ms` } : {}
 				})
 			}, null, 6))), 128))]),
-			v("div", pi, I(ue.value), 1)
-		])], 8, li));
+			v("div", hi, I(ue.value), 1)
+		])], 8, di));
 	}
-}), vi = {
+}), bi = {
 	key: 0,
 	class: "pb-4"
-}, yi = {
+}, xi = {
 	key: 1,
 	"data-test": "messaging-sdk-header",
 	class: "shrink-0 border-b border-theme-100 px-4 py-3"
-}, bi = { class: "min-w-0 flex-1" }, xi = { class: "truncate text-base font-semibold leading-tight text-theme-900" }, Si = { class: "mt-1 truncate text-sm leading-tight text-theme-500" }, Ci = {
+}, Si = { class: "min-w-0 flex-1" }, Ci = { class: "truncate text-base font-semibold leading-tight text-theme-900" }, wi = { class: "mt-1 truncate text-sm leading-tight text-theme-500" }, Ti = {
 	key: 0,
 	class: "shrink-0 rounded-full bg-theme-50 px-2.5 py-1 font-mono text-[11px] font-medium text-theme-500"
-}, wi = {
+}, Ei = {
 	key: 0,
 	"data-test": "messaging-empty-state",
 	class: "flex flex-col items-center justify-center px-4"
-}, Ti = ["title"], Ei = {
+}, Di = ["title"], Oi = {
 	key: 0,
 	class: "flex items-center gap-3 py-3 px-2"
-}, Di = ["data-journal-outcome"], Oi = [
+}, ki = ["data-journal-outcome"], Ai = [
 	"data-message-id",
 	"data-message-sender",
 	"data-conversation-id",
@@ -4712,7 +4732,7 @@ var kr = [
 	"data-issue-action-label",
 	"data-issue-action-url",
 	"data-streaming"
-], ki = { class: "max-w-[85%] min-w-0" }, Ai = ["href"], ji = [
+], ji = { class: "max-w-[85%] min-w-0" }, Mi = ["href"], Ni = [
 	"data-message-id",
 	"data-message-sender",
 	"data-conversation-id",
@@ -4721,7 +4741,7 @@ var kr = [
 	"data-issue-code",
 	"data-issue-bucket",
 	"data-streaming"
-], Mi = [
+], Pi = [
 	"data-test",
 	"data-message-id",
 	"data-message-sender",
@@ -4731,61 +4751,61 @@ var kr = [
 	"data-streaming",
 	"data-queued",
 	"aria-label"
-], Ni = ["src", "alt"], Pi = ["src"], Fi = ["href"], Ii = {
+], Fi = ["src", "alt"], Ii = ["src"], Li = ["href"], Ri = {
 	key: 0,
 	"data-test": "messaging-message-text-part"
-}, Li = [
+}, zi = [
 	"src",
 	"alt",
 	"data-attachment-placement"
-], Ri = ["src", "data-attachment-placement"], zi = ["href", "data-attachment-placement"], Bi = ["data-journal-outcome"], Vi = {
+], Bi = ["src", "data-attachment-placement"], Vi = ["href", "data-attachment-placement"], Hi = ["data-journal-outcome"], Ui = {
 	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"
-}, Hi = ["data-journal-outcome"], Ui = ["data-test", "data-working-description"], Wi = {
+}, Wi = ["data-journal-outcome"], Gi = ["data-test", "data-working-description"], Ki = {
 	class: "flex items-center gap-[5px]",
 	"aria-hidden": "true"
-}, Gi = { class: "truncate" }, Ki = ["data-issue-code"], qi = ["href"], Ji = ["src", "alt"], Yi = { class: "max-w-20 truncate" }, Xi = ["onClick"], Zi = {
+}, qi = { class: "truncate" }, Ji = ["data-issue-code"], Yi = ["href"], Xi = ["src", "alt"], Zi = { class: "max-w-20 truncate" }, Qi = ["onClick"], $i = {
 	key: 0,
 	class: "shrink-0 flex items-center justify-center size-14"
-}, Qi = ["data-composer-action"], $i = ["placeholder", "disabled"], ea = { class: "font-mono text-sm tabular-nums" }, ta = { class: "mt-2.5 flex items-center" }, na = [
+}, ea = ["data-composer-action"], ta = ["placeholder", "disabled"], na = { class: "font-mono text-sm tabular-nums" }, ra = { class: "mt-2.5 flex items-center" }, ia = [
 	"disabled",
 	"aria-label",
 	"title"
-], ra = {
+], aa = {
 	key: 0,
 	class: "i-svg-spinners-ring-resize size-5"
-}, ia = {
+}, oa = {
 	key: 1,
 	class: "i-tabler-plus size-5"
-}, aa = { class: "sr-only" }, oa = { class: "flex items-center gap-2" }, sa = ["aria-label", "title"], ca = { class: "sr-only" }, la = [
+}, sa = { class: "sr-only" }, ca = { class: "flex items-center gap-2" }, la = ["aria-label", "title"], ua = { class: "sr-only" }, da = [
 	"disabled",
 	"aria-label",
 	"title"
-], ua = {
+], fa = {
 	class: "flex h-4 items-center gap-[2px]",
 	"aria-hidden": "true"
-}, da = [
+}, pa = [
 	"data-composer-action",
 	"disabled",
 	"aria-label",
 	"title"
-], fa = {
+], ma = {
 	key: 0,
 	class: "i-tabler-player-stop-filled size-3.5"
-}, pa = {
+}, ha = {
 	key: 1,
 	class: "i-tabler-arrow-up size-[17px]"
-}, ma = { class: "sr-only" }, ha = {
+}, ga = { class: "sr-only" }, _a = {
 	key: 2,
 	"data-test": "messaging-ai-disclosure",
 	class: "mt-2.5 text-center text-[12px] text-theme-300"
-}, ga = {
+}, va = {
 	key: 3,
 	"data-test": "messaging-suggested-prompts",
 	class: "mt-3 w-full sm:mx-auto sm:mt-5 sm:max-w-[720px]"
-}, _a = { class: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-center" }, va = ["disabled", "onClick"], ya = ["aria-expanded"], ba = /* @__PURE__ */ S({
+}, ya = { class: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-center" }, ba = ["disabled", "onClick"], xa = ["aria-expanded"], Sa = /* @__PURE__ */ S({
 	__name: "ElAgentChat",
 	props: {
 		chatController: {},
@@ -5021,19 +5041,19 @@ var kr = [
 			"data-test": "messaging-root",
 			class: T(["@container/chat relative flex h-full flex-col", B.value.length === 0 ? "min-h-0 [justify-content:safe_center] overflow-y-auto" : ""])
 		}, [
-			e.showHeader && !K.value ? (j(), _("div", vi, [x(Pe, {
+			e.showHeader && !K.value ? (j(), _("div", bi, [x(Pe, {
 				agent: e.agent,
 				"is-online": s.value
-			}, null, 8, ["agent", "is-online"])])) : e.showHeader ? (j(), _("div", yi, [v("div", { class: T(["flex items-center gap-3", e.centered ? "max-w-[720px] mx-auto" : ""]) }, [
+			}, null, 8, ["agent", "is-online"])])) : e.showHeader ? (j(), _("div", xi, [v("div", { class: T(["flex items-center gap-3", e.centered ? "max-w-[720px] mx-auto" : ""]) }, [
 				x(ze, {
 					agent: e.agent,
 					"is-light": K.value,
 					class: "size-10"
 				}, null, 8, ["agent", "is-light"]),
-				v("div", bi, [v("div", xi, I(e.agent.displayName.value), 1), v("div", Si, I(e.agent.title.value || "Assistant"), 1)]),
-				e.headerMeta ? (j(), _("span", Ci, I(e.headerMeta), 1)) : h("", !0)
+				v("div", Si, [v("div", Ci, I(e.agent.displayName.value), 1), v("div", wi, I(e.agent.title.value || "Assistant"), 1)]),
+				e.headerMeta ? (j(), _("span", Ti, I(e.headerMeta), 1)) : h("", !0)
 			], 2)])) : h("", !0),
-			We.value ? (j(), m(_i, {
+			We.value ? (j(), m(yi, {
 				key: 2,
 				ref_key: "voiceMode",
 				ref: Ge,
@@ -5057,7 +5077,7 @@ var kr = [
 				class: T(B.value.length === 0 ? "flex-none" : "flex-1")
 			}, {
 				default: R(() => [v("div", { class: T([B.value.length === 0 ? "flex flex-col items-center justify-center px-3 py-4" : e.centered ? "pt-20 pb-5 px-3 @lg/chat:px-5 space-y-2" : "pt-4 pb-[120px] px-3 @lg/chat:px-5 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 && !S.value ? (j(), _("div", wi, [re(t.$slots, "empty-heading", {
+					B.value.length === 0 && !S.value ? (j(), _("div", Ei, [re(t.$slots, "empty-heading", {
 						agent: e.agent,
 						isLight: K.value
 					}, () => [x(ze, {
@@ -5067,9 +5087,9 @@ var kr = [
 					}, null, 8, ["agent", "is-light"]), v("div", { class: T(["text-base @sm/chat:text-lg font-semibold", K.value ? "text-theme-900" : "text-white"]) }, I(e.agent.displayName.value), 3)]), e.emptyStateMessage === "" ? h("", !0) : (j(), _(f, { key: 0 }, [v("p", { class: T(["mt-1 text-center text-xs @sm/chat:text-sm", Qe.value]) }, I(e.emptyStateMessage || "Type your message to get started."), 3), v("div", {
 						class: T(["inline-flex items-center gap-1.5 mt-5 px-2.5 py-1 rounded-full text-[11px]", K.value ? "bg-theme-50 border border-theme-100 text-theme-400" : "bg-white/10 border border-white/20 text-white/40"]),
 						title: n.value.tooltip
-					}, [v("i", { class: T([n.value.icon, "size-3"]) }, null, 2), v("span", null, I(n.value.label), 1)], 10, Ti)], 64))])) : h("", !0),
+					}, [v("i", { class: T([n.value.icon, "size-3"]) }, null, 2), v("span", null, I(n.value.label), 1)], 10, Di)], 64))])) : h("", !0),
 					(j(!0), _(f, null, P(B.value, (e, t) => (j(), _(f, { key: e.id }, [
-						shouldShowTimeDivider(B.value, t) ? (j(), _("div", Ei, [
+						shouldShowTimeDivider(B.value, t) ? (j(), _("div", Oi, [
 							v("div", { class: T(["flex-1 h-px", Ze.value]) }, null, 2),
 							v("span", { class: T(["text-[10px] @sm/chat:text-[11px] font-medium shrink-0 tracking-widest uppercase", Qe.value]) }, I(shouldShowTimeDivider(B.value, t)), 3),
 							v("div", { class: T(["flex-1 h-px", Ze.value]) }, null, 2)
@@ -5082,7 +5102,7 @@ var kr = [
 						}, [x(Je, {
 							model: messageWorkJournal(e),
 							"is-light": K.value
-						}, null, 8, ["model", "is-light"])], 8, Di)) : h("", !0),
+						}, null, 8, ["model", "is-light"])], 8, ki)) : h("", !0),
 						isSystemExplainerMessage(e) ? (j(), _("div", {
 							key: 2,
 							"data-test": "messaging-system-msg",
@@ -5097,7 +5117,7 @@ var kr = [
 							"data-issue-action-url": e.issue?.actionUrl,
 							"data-streaming": e.id === ye.value ? "true" : void 0,
 							class: "flex gap-2 items-end justify-start mb-4"
-						}, [v("div", ki, [v("div", { class: T(["mb-1 pl-1 text-[11px] font-medium", K.value ? "text-theme-500" : "text-white/45"]) }, " System Message ", 2), v("div", { class: T(["pl-1", K.value ? "text-theme-700" : "text-white/85"]) }, [e.text ? (j(), m(ai, {
+						}, [v("div", ji, [v("div", { class: T(["mb-1 pl-1 text-[11px] font-medium", K.value ? "text-theme-500" : "text-white/45"]) }, " System Message ", 2), v("div", { class: T(["pl-1", K.value ? "text-theme-700" : "text-white/85"]) }, [e.text ? (j(), m(ai, {
 							key: 0,
 							text: e.text,
 							inverted: !K.value,
@@ -5118,7 +5138,7 @@ var kr = [
 							"data-test": "messaging-system-msg-action",
 							class: T(["mt-2 text-[12px] font-medium inline-flex items-center gap-1", K.value ? "text-theme-900 hover:text-theme-700" : "text-white hover:text-white/80"]),
 							onClick: o[1] || (o[1] = de(() => {}, ["stop"]))
-						}, [b(I(e.issue.actionLabel) + " ", 1), o[22] || (o[22] = v("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, Ai)) : h("", !0)], 2)])], 8, Oi)) : e.sender === "system" ? (j(), _("div", {
+						}, [b(I(e.issue.actionLabel) + " ", 1), o[22] || (o[22] = v("i", { class: "i-tabler-arrow-right size-3" }, null, -1))], 10, Mi)) : h("", !0)], 2)])], 8, Ai)) : e.sender === "system" ? (j(), _("div", {
 							key: 3,
 							"data-test": "messaging-system-status-msg",
 							"data-message-id": e.id,
@@ -5137,7 +5157,7 @@ var kr = [
 							text: e.text,
 							inverted: !K.value,
 							onClick: o[2] || (o[2] = de(() => {}, ["stop"]))
-						}, null, 8, ["text", "inverted"])], 10, ji)) : (j(), _("div", {
+						}, null, 8, ["text", "inverted"])], 10, Ni)) : (j(), _("div", {
 							key: 4,
 							"data-test": e.sender === "agent" ? "messaging-assistant-msg" : e.sender === "user" ? "messaging-user-msg" : void 0,
 							"data-message-id": e.id,
@@ -5167,14 +5187,14 @@ var kr = [
 							"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, Ni)) : e.type === "audio" ? (j(), _("audio", {
+						}, null, 8, Fi)) : e.type === "audio" ? (j(), _("audio", {
 							key: 1,
 							src: e.src,
 							controls: "",
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
 							class: "max-w-full"
-						}, null, 8, Pi)) : (j(), _("a", {
+						}, null, 8, Ii)) : (j(), _("a", {
 							key: 2,
 							href: e.src,
 							target: "_blank",
@@ -5182,11 +5202,11 @@ var kr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": "block",
 							class: T(["inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", K.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
-						}, [o[24] || (o[24] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), b(" " + I(e.filename), 1)], 10, Fi))], 64))), 128))], 2)) : h("", !0), messageRenderParts(e).length ? (j(), _("div", {
+						}, [o[24] || (o[24] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), b(" " + I(e.filename), 1)], 10, Li))], 64))), 128))], 2)) : h("", !0), messageRenderParts(e).length ? (j(), _("div", {
 							key: 1,
 							"data-test": "messaging-message-content",
 							class: T(e.sender === "user" ? K.value ? "rounded-[14px] px-4 py-2.5 bg-theme-100 text-theme-900" : "rounded-[14px] px-4 py-2.5 bg-white/10 text-white" : K.value ? "text-theme-800" : "text-white/95")
-						}, [(j(!0), _(f, null, P(messageRenderParts(e), (t) => (j(), _(f, { key: t.key }, [t.kind === "text" && t.text ? (j(), _("div", Ii, [x(ai, {
+						}, [(j(!0), _(f, null, P(messageRenderParts(e), (t) => (j(), _(f, { key: t.key }, [t.kind === "text" && t.text ? (j(), _("div", Ri, [x(ai, {
 							text: t.text,
 							inverted: e.sender === "user" || !K.value,
 							streaming: e.id === ye.value,
@@ -5203,14 +5223,14 @@ var kr = [
 							"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, Li)) : t.kind === "attachment" && t.attachment.type === "audio" ? (j(), _("audio", {
+						}, null, 8, zi)) : t.kind === "attachment" && t.attachment.type === "audio" ? (j(), _("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, Ri)) : t.kind === "attachment" ? (j(), _("a", {
+						}, null, 8, Bi)) : t.kind === "attachment" ? (j(), _("a", {
 							key: 3,
 							href: t.attachment.src,
 							target: "_blank",
@@ -5218,7 +5238,7 @@ var kr = [
 							"data-test": "messaging-attachment",
 							"data-attachment-placement": t.placement,
 							class: T(["my-2 inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs", K.value ? "bg-theme-100 text-theme-600 hover:bg-theme-200" : "bg-white/10 text-white/80 hover:bg-white/20"])
-						}, [o[25] || (o[25] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), b(" " + I(t.attachment.filename), 1)], 10, zi)) : h("", !0)], 64))), 128))], 2)) : h("", !0)], 2)], 10, Mi)),
+						}, [o[25] || (o[25] = v("i", { class: "i-tabler-file size-3.5" }, null, -1)), b(" " + I(t.attachment.filename), 1)], 10, Vi)) : h("", !0)], 64))), 128))], 2)) : h("", !0)], 2)], 10, Pi)),
 						e.id === _e.value ? (j(), _(f, { key: 5 }, [F.value.length ? (j(!0), _(f, { key: 0 }, P(F.value, (e) => (j(), _(f, { key: e.id }, [e.kind === "work" ? (j(), _("div", {
 							key: 0,
 							"data-test": "messaging-tool-activity",
@@ -5227,7 +5247,7 @@ var kr = [
 						}, [x(Je, {
 							model: e.journal,
 							"is-light": K.value
-						}, null, 8, ["model", "is-light"])], 8, Bi)) : e.kind === "text" && e.content ? (j(), _("div", {
+						}, null, 8, ["model", "is-light"])], 8, Hi)) : e.kind === "text" && e.content ? (j(), _("div", {
 							key: 1,
 							"data-test": "messaging-live-text-block",
 							class: T(["mb-4", K.value ? "text-theme-800" : "text-white/95"])
@@ -5241,7 +5261,7 @@ var kr = [
 							"text",
 							"inverted",
 							"streaming"
-						])], 2)) : (j(), _("div", Vi, [x(pe, { class: T(["size-3.5", K.value ? "text-theme-500" : "text-white/70"]) }, null, 8, ["class"])]))], 64))), 128)) : he.value ? (j(), _("div", {
+						])], 2)) : (j(), _("div", Ui, [x(pe, { class: T(["size-3.5", K.value ? "text-theme-500" : "text-white/70"]) }, null, 8, ["class"])]))], 64))), 128)) : he.value ? (j(), _("div", {
 							key: 1,
 							"data-test": "messaging-tool-activity",
 							"data-journal-outcome": he.value.outcome,
@@ -5249,7 +5269,7 @@ var kr = [
 						}, [x(Je, {
 							model: he.value,
 							"is-light": K.value
-						}, null, 8, ["model", "is-light"])], 8, Hi)) : h("", !0)], 64)) : h("", !0)
+						}, null, 8, ["model", "is-light"])], 8, Wi)) : h("", !0)], 64)) : h("", !0)
 					], 64))), 128)),
 					be.value ? (j(), _("div", {
 						key: 1,
@@ -5258,12 +5278,12 @@ var kr = [
 						role: "status",
 						"aria-live": "polite",
 						class: T(["mb-4 flex items-center gap-2.5 pl-0.5 text-[13.5px] leading-none", K.value ? "text-theme-500" : "text-white/50"])
-					}, [v("span", Wi, [(j(), _(f, null, P(3, (e) => v("span", {
+					}, [v("span", Ki, [(j(), _(f, null, P(3, (e) => v("span", {
 						key: e,
 						"data-test": "messaging-thinking-dot",
 						class: "chat-working-dot size-1.5 rounded-full bg-current",
 						style: k({ animationDelay: `${(e - 1) * .18}s` })
-					}, null, 4)), 64))]), v("span", Gi, I(be.value), 1)], 10, Ui)) : h("", !0),
+					}, null, 4)), 64))]), v("span", qi, I(be.value), 1)], 10, Gi)) : h("", !0),
 					U.value ? (j(), _("div", {
 						key: 2,
 						"data-test": "messaging-transient-issue",
@@ -5280,8 +5300,8 @@ var kr = [
 							href: U.value.actionUrl,
 							class: "shrink-0 underline underline-offset-2",
 							onClick: o[5] || (o[5] = de(() => {}, ["stop"]))
-						}, I(U.value.actionLabel), 9, qi)) : h("", !0)
-					], 10, Ki)) : h("", !0)
+						}, I(U.value.actionLabel), 9, Yi)) : h("", !0)
+					], 10, Ji)) : h("", !0)
 				], 2)]),
 				_: 3
 			}, 8, ["class"])], 64)),
@@ -5304,13 +5324,13 @@ var kr = [
 					src: e.src,
 					alt: e.filename,
 					class: T(["size-14 rounded-xl object-cover border", K.value ? "border-black/10" : "border-white/20"])
-				}, null, 10, Ji)) : (j(), _("div", {
+				}, null, 10, Xi)) : (j(), _("div", {
 					key: 1,
 					class: T(["h-14 px-3 rounded-xl flex items-center gap-1.5 text-xs border", K.value ? "border-black/10 bg-theme-50 text-theme-600" : "border-white/20 bg-white/10 text-white/70"])
-				}, [o[27] || (o[27] = v("i", { class: "i-tabler-file size-4" }, null, -1)), v("span", Yi, I(e.filename), 1)], 2)), v("button", {
+				}, [o[27] || (o[27] = v("i", { class: "i-tabler-file size-4" }, null, -1)), v("span", Zi, I(e.filename), 1)], 2)), v("button", {
 					class: "absolute -top-1.5 -right-1.5 size-5 flex items-center justify-center rounded-full bg-theme-800 text-white text-xs scale-0 group-hover:scale-100 transition-transform cursor-pointer",
 					onClick: (e) => removeAttachment(t)
-				}, [...o[28] || (o[28] = [v("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, Xi)]))), 128)), De.value ? (j(), _("div", Zi, [x(pe, { class: "size-5" })])) : h("", !0)], 2)) : h("", !0),
+				}, [...o[28] || (o[28] = [v("i", { class: "i-tabler-x size-3" }, null, -1)])], 8, Qi)]))), 128)), De.value ? (j(), _("div", $i, [x(pe, { class: "size-5" })])) : h("", !0)], 2)) : h("", !0),
 				Ae.value ? (j(), _("input", {
 					key: 1,
 					ref_key: "fileInput",
@@ -5331,7 +5351,7 @@ var kr = [
 					class: T(["flex min-w-0 items-center gap-2 py-1", K.value ? "text-theme-700" : "text-white/80"])
 				}, [
 					o[29] || (o[29] = v("span", { class: "size-2.5 shrink-0 rounded-full bg-red-500" }, null, -1)),
-					v("span", ea, I(Ve.value), 1),
+					v("span", na, I(Ve.value), 1),
 					v("span", { class: T(["min-w-0 truncate text-sm", K.value ? "text-theme-400" : "text-white/45"]) }, I(He.value), 3)
 				], 2)) : ce((j(), _("textarea", {
 					key: 0,
@@ -5354,7 +5374,7 @@ var kr = [
 					},
 					class: T(["block w-full bg-transparent leading-snug focus:outline-none disabled:opacity-50 overflow-y-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", K.value ? "text-theme-900 placeholder-theme-400" : "text-white placeholder-white/50"]),
 					onKeydown: handleKeydown
-				}, null, 42, $i)), [[oe, Te.value]]), v("div", ta, [
+				}, null, 42, ta)), [[oe, Te.value]]), v("div", ra, [
 					v("button", {
 						class: T(["-ml-2 flex size-11 items-center justify-center transition-opacity hover:opacity-70", [
 							Ae.value ? "cursor-pointer" : "cursor-default",
@@ -5365,9 +5385,9 @@ var kr = [
 						"aria-label": Ae.value ? "Attach file" : "File attachments unavailable",
 						title: Ae.value ? "Attach file" : "File attachments unavailable",
 						onClick: o[7] || (o[7] = (e) => Ae.value && triggerFileInput())
-					}, [De.value ? (j(), _("i", ra)) : (j(), _("i", ia)), v("span", aa, I(Ae.value ? "Attach file" : "File attachments unavailable"), 1)], 10, na),
+					}, [De.value ? (j(), _("i", aa)) : (j(), _("i", oa)), v("span", sa, I(Ae.value ? "Attach file" : "File attachments unavailable"), 1)], 10, ia),
 					o[33] || (o[33] = v("div", { class: "flex-1" }, null, -1)),
-					v("div", oa, [(Re.value || Be.value) && !We.value ? (j(), _("button", {
+					v("div", ca, [(Re.value || Be.value) && !We.value ? (j(), _("button", {
 						key: 0,
 						"data-test": "messaging-record-audio-btn",
 						class: T(["flex size-11 cursor-pointer items-center justify-center transition-[opacity,transform] duration-200 hover:opacity-70", Be.value ? K.value ? "text-theme-900 scale-110" : "text-white scale-110" : K.value ? "text-theme-500" : "text-white/60"]),
@@ -5382,7 +5402,7 @@ var kr = [
 							o[15] || (o[15] = ue(de((e) => finishRecording({ cancelled: !0 }), ["prevent"]), ["escape"]))
 						],
 						onKeyup: [o[12] || (o[12] = ue(de((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["enter"])), o[14] || (o[14] = ue(de((e) => finishRecording({ cancelled: !1 }), ["prevent"]), ["space"]))]
-					}, [v("i", { class: T([Be.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), v("span", ca, I(Ue.value), 1)], 42, sa)) : h("", !0), We.value ? (j(), _("button", {
+					}, [v("i", { class: T([Be.value ? "i-tabler-microphone-filled" : "i-tabler-microphone", "size-[18px]"]) }, null, 2), v("span", ua, I(Ue.value), 1)], 42, la)) : h("", !0), We.value ? (j(), _("button", {
 						key: 1,
 						"data-test": "messaging-voice-end-btn",
 						class: "flex size-11 cursor-pointer items-center justify-center rounded-full bg-red-600 text-white transition-colors duration-150 hover:bg-red-700",
@@ -5400,7 +5420,7 @@ var kr = [
 						"aria-label": Xe.value,
 						title: Xe.value,
 						onClick: o[17] || (o[17] = (e) => startVoiceConversation())
-					}, [v("span", ua, [(j(), _(f, null, P([
+					}, [v("span", fa, [(j(), _(f, null, P([
 						7,
 						13,
 						16,
@@ -5410,7 +5430,7 @@ var kr = [
 						key: e,
 						class: "w-[2px] rounded-full bg-current",
 						style: k({ height: `${e}px` })
-					}, null, 4)), 64))]), o[31] || (o[31] = v("span", { class: "sr-only" }, "Start voice conversation", -1))], 10, la)) : Be.value ? h("", !0) : (j(), _(f, { key: 3 }, [Fe.value ? (j(), _("button", {
+					}, null, 4)), 64))]), o[31] || (o[31] = v("span", { class: "sr-only" }, "Start voice conversation", -1))], 10, da)) : Be.value ? h("", !0) : (j(), _(f, { key: 3 }, [Fe.value ? (j(), _("button", {
 						key: 0,
 						"data-test": "messaging-secondary-stop-btn",
 						class: T(["mr-2 flex size-11 cursor-pointer items-center justify-center rounded-full transition-colors duration-150", K.value ? "bg-theme-100 text-theme-700 hover:bg-theme-200" : "bg-white/10 text-white/70 hover:bg-white/15"]),
@@ -5428,37 +5448,37 @@ var kr = [
 						"aria-label": Le.value,
 						title: Le.value,
 						onClick: o[19] || (o[19] = (e) => handleComposerAction())
-					}, [Me.value === "stop" ? (j(), _("i", fa)) : (j(), _("i", pa)), v("span", ma, I(Le.value), 1)], 10, da)], 64))])
-				])], 10, Qi),
-				K.value && e.centered && e.scope === "private" ? (j(), _("div", ha, I(e.agent.displayName.value) + " is AI and can make mistakes. ", 1)) : h("", !0),
-				!We.value && B.value.length === 0 && e.suggestedPrompts.length > 0 ? (j(), _("div", ga, [v("div", _a, [(j(!0), _(f, null, P(e.suggestedPrompts, (e, t) => (j(), _("button", {
+					}, [Me.value === "stop" ? (j(), _("i", ma)) : (j(), _("i", ha)), v("span", ga, I(Le.value), 1)], 10, pa)], 64))])
+				])], 10, ea),
+				K.value && e.centered && e.scope === "private" ? (j(), _("div", _a, I(e.agent.displayName.value) + " is AI and can make mistakes. ", 1)) : h("", !0),
+				!We.value && B.value.length === 0 && e.suggestedPrompts.length > 0 ? (j(), _("div", va, [v("div", ya, [(j(!0), _(f, null, P(e.suggestedPrompts, (e, t) => (j(), _("button", {
 					key: e.id,
 					type: "button",
 					disabled: Se.value,
 					"data-test": "messaging-suggested-prompt",
 					class: T(["w-full rounded-2xl bg-theme-50 px-4 py-3 text-left text-[14.5px] font-medium transition-colors sm:w-auto sm:rounded-full sm:py-2 sm:text-center sm:text-[14px]", [Se.value ? "cursor-not-allowed text-theme-300" : "cursor-pointer text-theme-600 hover:bg-theme-100 hover:text-theme-900", !A.value && t >= 3 ? "max-sm:hidden" : ""]]),
 					onClick: (t) => sendSuggestedPrompt(e)
-				}, I(e.label), 11, va))), 128)), e.suggestedPrompts.length > 3 ? (j(), _("button", {
+				}, I(e.label), 11, ba))), 128)), e.suggestedPrompts.length > 3 ? (j(), _("button", {
 					key: 0,
 					type: "button",
 					"data-test": "messaging-suggested-prompts-more",
 					"aria-expanded": A.value,
 					class: "flex w-full cursor-pointer items-center justify-center gap-1.5 rounded-2xl px-4 py-3 text-[14px] font-medium text-theme-600 ring-1 ring-theme-200 transition-colors hover:bg-theme-50 hover:text-theme-900 sm:hidden",
 					onClick: o[20] || (o[20] = (e) => A.value = !A.value)
-				}, [b(I(A.value ? "See less" : "See more") + " ", 1), v("i", { class: T(["i-tabler-chevron-down size-4 transition-transform", A.value ? "rotate-180" : ""]) }, null, 2)], 8, ya)) : h("", !0)])])) : h("", !0)
+				}, [b(I(A.value ? "See less" : "See more") + " ", 1), v("i", { class: T(["i-tabler-chevron-down size-4 transition-transform", A.value ? "rotate-180" : ""]) }, null, 2)], 8, xa)) : h("", !0)])])) : h("", !0)
 			], 2)
 		], 2));
 	}
-}), xa = { class: "agent-wrap" }, Sa = {
+}), Ca = { class: "agent-wrap" }, wa = {
 	key: 0,
 	class: "flex items-center justify-center h-full"
-}, Ca = {
+}, Ta = {
 	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"
-}, wa = /* @__PURE__ */ S({
+}, Ea = /* @__PURE__ */ S({
 	__name: "AgentWrap",
 	props: {
 		sdk: {},
@@ -5554,7 +5574,7 @@ var kr = [
 				});
 			}
 		}
-		return te(loadAgent), (t, n) => (j(), _("div", xa, [s.value ? (j(), _("div", Sa, [v("div", { class: T(["size-6 animate-spin rounded-full border-b-2", i.bare ? "border-theme-400" : "border-white"]) }, null, 2)])) : c.value ? re(t.$slots, "default", {
+		return te(loadAgent), (t, n) => (j(), _("div", Ca, [s.value ? (j(), _("div", wa, [v("div", { class: T(["size-6 animate-spin rounded-full border-b-2", i.bare ? "border-theme-400" : "border-white"]) }, null, 2)])) : c.value ? re(t.$slots, "default", {
 			sdk: ae(o),
 			agent: c.value,
 			context: e.clientContext ?? e.context,
@@ -5562,7 +5582,7 @@ var kr = [
 			buttonText: e.buttonText,
 			buttonIcon: e.buttonIcon,
 			loading: s.value
-		}, void 0, void 0, 1) : u.value ? (j(), _("div", Ca, [n[0] || (n[0] = v("p", { class: "text-sm font-medium text-theme-600" }, " This assistant is unavailable right now. ", -1)), v("button", {
+		}, void 0, void 0, 1) : u.value ? (j(), _("div", Ta, [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",
@@ -5571,6 +5591,6 @@ var kr = [
 	}
 });
 //#endregion
-export { Pe as a, we as c, parseButtonTemplate as d, AgentChatController as f, pe as h, ai as i, getAgentAvatarUrl as l, n as m, ba as n, Oe as o, he as p, _i as r, Ee as s, wa as t, handleImageError as u };
+export { Pe as a, we as c, parseButtonTemplate as d, AgentChatController as f, pe as h, ai as i, getAgentAvatarUrl as l, n as m, Sa as n, Oe as o, he as p, yi as r, Ee as s, Ea as t, handleImageError as u };
 
 //# sourceMappingURL=AgentWrap.js.map