@pagelines/sdk 1.0.821 → 1.0.823

package/dist/AgentProvider.js

@@ -1,6 +1,6 @@
 import "./rolldown-runtime.js";
 import { SOCIAL_PLATFORMS as e } from "./constants.js";
-import { c as t, d as n, f as r, g as i, l as a, m as o, n as s, o as c, p as ee, s as l, t as u, u as d } from "./AgentWrap.js";
+import { _ as t, d as n, f as r, g as i, h as a, l as o, m as s, n as c, p as l, t as u, u as d, y as ee } from "./AgentWrap.js";
 import { getColorSchemeOklch as te } from "@pagelines/core";
 import { Fragment as f, Transition as p, TransitionGroup as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createSlots as b, createTextVNode as x, createVNode as S, defineComponent as C, guardReactiveProps as w, mergeProps as T, normalizeClass as E, normalizeProps as D, normalizeStyle as O, onMounted as k, onUnmounted as ne, openBlock as A, ref as j, renderList as M, renderSlot as N, shallowRef as re, toDisplayString as P, unref as F, watch as I, withCtx as L, withKeys as R, withModifiers as z } from "vue";
 //#endregion
@@ -33,23 +33,23 @@ var B = /* @__PURE__ */ C({
 	__name: "ElAuthGate",
 	props: { sdk: {} },
 	setup(e) {
-		let n = j({
+		let t = j({
 			email: "",
 			code: ""
-		}), r = j("email"), i = j(!1), o = {
+		}), i = j("email"), a = j(!1), o = {
 			email: {
 				title: "Enter Your Email",
 				button: {
 					label: "Continue",
-					disabled: () => !n.value.email || i.value
+					disabled: () => !t.value.email || a.value
 				},
 				action: async () => {
-					if (!i.value) {
-						i.value = !0;
+					if (!a.value) {
+						a.value = !0;
 						try {
-							await e.sdk.auth.requestAuthCode({ email: n.value.email }) && (r.value = "code");
+							await e.sdk.auth.requestAuthCode({ email: t.value.email }) && (i.value = "code");
 						} finally {
-							i.value = !1;
+							a.value = !1;
 						}
 					}
 				}
@@ -58,41 +58,41 @@ var B = /* @__PURE__ */ C({
 				title: "Enter Verification Code",
 				button: {
 					label: "Verify",
-					disabled: () => n.value.code.length !== 6 || i.value
+					disabled: () => t.value.code.length !== 6 || a.value
 				},
 				action: async () => {
-					if (!i.value) {
-						i.value = !0;
+					if (!a.value) {
+						a.value = !0;
 						try {
 							await e.sdk.auth.loginWithCode({
-								email: n.value.email,
-								code: n.value.code
+								email: t.value.email,
+								code: t.value.code
 							});
 						} finally {
-							i.value = !1;
+							a.value = !1;
 						}
 					}
 				}
 			}
-		}, s = h(() => o[r.value]);
+		}, s = h(() => o[i.value]);
 		return I(() => e.sdk.activeUser.value, (e) => {
-			e && r.value === "code" && console.log("[ElAuthGate] Authentication successful", { email: e.email });
-		}), (i, o) => (A(), v("div", {
+			e && i.value === "code" && console.log("[ElAuthGate] Authentication successful", { email: e.email });
+		}), (a, o) => (A(), v("div", {
 			"data-test": "auth-form",
-			"data-test-mode": r.value,
+			"data-test-mode": i.value,
 			class: "flex flex-col items-center justify-center h-full p-6"
 		}, [y("div", H, [
 			e.sdk.error.value ? (A(), v("p", U, P(e.sdk.error.value), 1)) : _("", !0),
 			y("h3", W, P(s.value.title), 1),
 			y("div", G, [S(B, null, {
-				default: L(() => [r.value === "email" ? (A(), v("div", K, [S(t, {
-					modelValue: n.value.email,
-					"onUpdate:modelValue": o[0] || (o[0] = (e) => n.value.email = e),
+				default: L(() => [i.value === "email" ? (A(), v("div", K, [S(n, {
+					modelValue: t.value.email,
+					"onUpdate:modelValue": o[0] || (o[0] = (e) => t.value.email = e),
 					"data-test": "auth-email-input",
 					onKeyup: R(s.value.action, ["enter"])
-				}, null, 8, ["modelValue", "onKeyup"])])) : (A(), v("div", q, [S(l, {
-					modelValue: n.value.code,
-					"onUpdate:modelValue": o[1] || (o[1] = (e) => n.value.code = e),
+				}, null, 8, ["modelValue", "onKeyup"])])) : (A(), v("div", q, [S(d, {
+					modelValue: t.value.code,
+					"onUpdate:modelValue": o[1] || (o[1] = (e) => t.value.code = e),
 					length: 6,
 					"focus-first": !0,
 					"data-test": "auth-code-input",
@@ -100,7 +100,7 @@ var B = /* @__PURE__ */ C({
 				}, null, 8, ["modelValue", "onAutoSubmit"])])), (A(), v("div", {
 					key: s.value.button.label,
 					class: "space-y-4 w-full"
-				}, [S(a, {
+				}, [S(r, {
 					theme: "primary",
 					size: "md",
 					class: "w-full",
@@ -115,10 +115,10 @@ var B = /* @__PURE__ */ C({
 					"loading",
 					"disabled",
 					"onClick"
-				]), r.value === "code" ? (A(), v("button", {
+				]), i.value === "code" ? (A(), v("button", {
 					key: 0,
 					class: "w-full text-xs text-white/50 hover:text-white/70 transition-colors py-2",
-					onClick: o[2] || (o[2] = (e) => r.value = "email")
+					onClick: o[2] || (o[2] = (e) => i.value = "email")
 				}, " Change Email ")) : _("", !0)]))]),
 				_: 1
 			})])
@@ -146,7 +146,7 @@ var B = /* @__PURE__ */ C({
 		}
 	},
 	setup(t) {
-		return (n, r) => (A(), v("div", Y, [S(c, {
+		return (n, r) => (A(), v("div", Y, [S(o, {
 			agent: t.agent,
 			"is-online": t.isOnline
 		}, null, 8, ["agent", "is-online"]), y("div", X, [
@@ -183,15 +183,15 @@ var B = /* @__PURE__ */ C({
 		}
 	},
 	setup(e) {
-		return (t, r) => (A(), v("div", me, [y("div", he, [y("div", ge, [y("img", {
+		return (t, n) => (A(), v("div", me, [y("div", he, [y("div", ge, [y("img", {
 			src: e.agent.avatarUrl.value,
 			alt: e.agent.displayName.value,
 			class: "w-full h-full object-cover",
-			onError: r[0] || (r[0] = (...e) => F(n) && F(n)(...e))
-		}, null, 40, _e)]), y("div", ve, [e.isOnline ? (A(), v(f, { key: 0 }, [r[1] || (r[1] = y("div", {
+			onError: n[0] || (n[0] = (...e) => F(s) && F(s)(...e))
+		}, null, 40, _e)]), y("div", ve, [e.isOnline ? (A(), v(f, { key: 0 }, [n[1] || (n[1] = y("div", {
 			class: "size-4 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
 			style: { "animation-duration": "3s" }
-		}, null, -1)), r[2] || (r[2] = y("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))], 64)) : (A(), v("div", ye))])]), y("div", be, [y("h1", xe, P(e.agent.displayName.value), 1), y("p", Se, P(e.agent.title.value), 1)])]));
+		}, null, -1)), n[2] || (n[2] = y("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))], 64)) : (A(), v("div", ye))])]), y("div", be, [y("h1", xe, P(e.agent.displayName.value), 1), y("p", Se, P(e.agent.title.value), 1)])]));
 	}
 }), we = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Te = /* @__PURE__ */ C({
 	name: "SelfSidebarClose",
@@ -335,22 +335,22 @@ var B = /* @__PURE__ */ C({
 		chatController: {}
 	},
 	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = e, r = t, i = h({
-			get: () => n.modelValue,
-			set: (e) => r("update:modelValue", e)
-		}), a = h(() => n.chatController?.agentMode?.value ?? "self"), s = h(() => o.map((e) => ({
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = h({
+			get: () => r.modelValue,
+			set: (e) => i("update:modelValue", e)
+		}), o = h(() => r.chatController?.agentMode?.value ?? "self"), s = h(() => t.map((e) => ({
 			key: e.mode,
 			icon: { src: e.icon },
 			label: e.label,
-			isActive: a.value === e.mode,
+			isActive: o.value === e.mode,
 			onClick: () => {
-				n.chatController?.setMode(e.mode);
+				r.chatController?.setMode(e.mode);
 			}
 		})));
 		return (e, t) => (A(), g(Z, {
-			modelValue: i.value,
-			"onUpdate:modelValue": t[0] || (t[0] = (e) => i.value = e),
+			modelValue: a.value,
+			"onUpdate:modelValue": t[0] || (t[0] = (e) => a.value = e),
 			items: s.value,
 			position: "right",
 			title: "Mode",
@@ -495,19 +495,19 @@ var B = /* @__PURE__ */ C({
 		"turnStarted",
 		"turnCompleted"
 	],
-	setup(t, { emit: n }) {
-		let l = n, u = re(), p = j(!1), m = j(!1), C = j(), T = j(), R = h(() => u.value?.agentMode?.value ?? "self"), B = h(() => u.value?.textState.value.isConnected ?? !1), V = h(() => t.sdk.activeUser.value !== void 0), H = h(() => o.find((e) => e.mode === R.value));
+	setup(n, { emit: s }) {
+		let u = s, d = re(), p = j(!1), m = j(!1), C = j(), T = j(), R = h(() => d.value?.agentMode?.value ?? "self"), B = h(() => d.value?.textState.value.isConnected ?? !1), V = h(() => n.sdk.activeUser.value !== void 0), H = h(() => t.find((e) => e.mode === R.value));
 		function createChatController() {
-			u.value && u.value.destroy();
+			d.value && d.value.destroy();
 			try {
-				u.value = new ee({
-					sdk: t.sdk,
-					agent: t.agent,
-					context: t.context,
-					firstMessage: t.firstMessage,
-					...t.createVoiceClientFn ? { createVoiceClientFn: t.createVoiceClientFn } : {},
-					onTurnStarted: () => l("turnStarted"),
-					onTurnCompleted: (e) => l("turnCompleted", e)
+				d.value = new i({
+					sdk: n.sdk,
+					agent: n.agent,
+					context: n.context,
+					firstMessage: n.firstMessage,
+					...n.createVoiceClientFn ? { createVoiceClientFn: n.createVoiceClientFn } : {},
+					onTurnStarted: () => u("turnStarted"),
+					onTurnCompleted: (e) => u("turnCompleted", e)
 				});
 			} catch (e) {
 				throw console.error("AgentChatController creation failed:", e), e;
@@ -517,7 +517,7 @@ var B = /* @__PURE__ */ C({
 			createChatController();
 		} catch (e) {
 			let t = e instanceof Error ? e.message : "Couldn't initialize your assistant";
-			C.value = t, l("error", t);
+			C.value = t, u("error", t);
 		}
 		function applyTheme(e) {
 			if (!T.value) return;
@@ -528,19 +528,19 @@ var B = /* @__PURE__ */ C({
 		}
 		k(() => {
 			try {
-				applyTheme(t.theme), t.chatOnly && u.value && u.value.setMode("chat");
+				applyTheme(n.theme), n.chatOnly && d.value && d.value.setMode("chat");
 			} catch (e) {
 				let t = e instanceof Error ? e.message : "Couldn't initialize your assistant";
-				C.value = t, l("error", t);
+				C.value = t, u("error", t);
 			}
 		}), ne(() => {
-			u.value && u.value.destroy();
-		}), I(() => t.theme, (e) => {
+			d.value && d.value.destroy();
+		}), I(() => n.theme, (e) => {
 			applyTheme(e);
-		}), I(() => t.sdk.activeUser.value, (e, t) => {
-			t && !e && u.value && u.value.setMode("self");
+		}), I(() => n.sdk.activeUser.value, (e, t) => {
+			t && !e && d.value && d.value.setMode("self");
 		});
-		let U = h(() => !!(t.agent.cover.value?.src && t.agent.cover.value?.quality === "low") || !!(t.agent.avatar.value?.src && t.agent.avatar.value?.quality === "low")), W = h(() => {
+		let U = h(() => !!(n.agent.cover.value?.src && n.agent.cover.value?.quality === "low") || !!(n.agent.avatar.value?.src && n.agent.avatar.value?.quality === "low")), W = h(() => {
 			let e = [U.value ? "backdrop-blur-sm" : ""];
 			return U.value && R.value === "self" ? e.push("from-black/80 via-black/60 to-black/80") : R.value === "self" ? e.push("from-black/70 via-black/50 to-black/80") : e.push("from-black/90 via-black/90 to-black/100"), e.join(" ");
 		}), G = {
@@ -549,72 +549,72 @@ var B = /* @__PURE__ */ C({
 			question: "i-heroicons-question-mark-circle",
 			message: "i-heroicons-chat-bubble-left-right",
 			sparkles: "i-heroicons-sparkles"
-		}, K = h(() => r({
-			template: t.buttonText || "Talk to {name}",
-			agent: t.agent.toConfig()
-		})), q = h(() => G[t.buttonIcon || "phone"] || G.phone);
-		return (n, r) => (A(), v("div", {
+		}, K = h(() => a({
+			template: n.buttonText || "Talk to {name}",
+			agent: n.agent.toConfig()
+		})), q = h(() => G[n.buttonIcon || "phone"] || G.phone);
+		return (t, i) => (A(), v("div", {
 			ref_key: "rootElement",
 			ref: T,
-			key: F(d)(t.agent.toConfig()),
+			key: F(l)(n.agent.toConfig()),
 			class: "pagelines-sdk @container/agent pagelines-agent w-full h-full overflow-hidden relative",
 			"data-test": "agent-chat"
 		}, [
-			t.loading ? (A(), v("div", Ie, [S(i, { class: "text-white size-8" })])) : t.agent && !C.value ? (A(), v("div", {
+			n.loading ? (A(), v("div", Ie, [S(ee, { class: "text-white size-8" })])) : n.agent && !C.value ? (A(), v("div", {
 				key: 1,
-				class: E(["absolute inset-0", t.bare ? "" : "bg-cover bg-center bg-no-repeat"]),
-				style: O(t.bare ? void 0 : { backgroundImage: `url(${F(d)(t.agent.toConfig())})` }),
-				"data-quality": t.agent.avatar.value?.quality || "none"
-			}, [t.bare ? _("", !0) : (A(), v("div", {
+				class: E(["absolute inset-0", n.bare ? "" : "bg-cover bg-center bg-no-repeat"]),
+				style: O(n.bare ? void 0 : { backgroundImage: `url(${F(l)(n.agent.toConfig())})` }),
+				"data-quality": n.agent.avatar.value?.quality || "none"
+			}, [n.bare ? _("", !0) : (A(), v("div", {
 				key: 0,
 				class: E(["absolute inset-0 bg-gradient-to-br z-0", W.value])
-			}, null, 2)), y("div", { class: E(["relative z-10 flex flex-col h-full transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] will-change-transform", t.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"]) }, [!t.bare || t.hasClose ? (A(), v("div", {
+			}, null, 2)), y("div", { class: E(["relative z-10 flex flex-col h-full transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] will-change-transform", n.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"]) }, [!n.bare || n.hasClose ? (A(), v("div", {
 				key: 0,
-				class: E(["relative z-30 p-2", !t.bare && R.value !== "self" ? "backdrop-blur-lg" : ""])
-			}, [t.chatOnly ? (A(), v("div", {
+				class: E(["relative z-30 p-2", !n.bare && R.value !== "self" ? "backdrop-blur-lg" : ""])
+			}, [n.chatOnly ? (A(), v("div", {
 				key: 0,
-				class: E(["flex items-center", t.bare ? "justify-end" : ""])
-			}, [t.bare ? _("", !0) : (A(), v("div", Re, [y("img", {
-				src: F(d)(t.agent.toConfig()),
-				alt: t.agent.displayName.value,
+				class: E(["flex items-center", n.bare ? "justify-end" : ""])
+			}, [n.bare ? _("", !0) : (A(), v("div", Re, [y("img", {
+				src: F(l)(n.agent.toConfig()),
+				alt: n.agent.displayName.value,
 				class: "size-8 rounded-full object-cover"
-			}, null, 8, ze), y("span", Be, P(t.agent.displayName.value), 1)])), t.hasClose ? (A(), v("div", Ve, [y("button", {
-				class: E(["flex cursor-pointer items-center rounded-2xl p-3 transition-colors", t.bare ? "text-theme-500 hover:bg-theme-50" : "text-white/70 hover:bg-white/10"]),
-				onClick: r[0] || (r[0] = z((e) => l("close", "button"), ["stop"]))
-			}, [...r[7] || (r[7] = [y("i", { class: "size-6 i-tabler-x" }, null, -1)])], 2)])) : _("", !0)], 2)) : (A(), v("div", {
+			}, null, 8, ze), y("span", Be, P(n.agent.displayName.value), 1)])), n.hasClose ? (A(), v("div", Ve, [y("button", {
+				class: E(["flex cursor-pointer items-center rounded-2xl p-3 transition-colors", n.bare ? "text-theme-500 hover:bg-theme-50" : "text-white/70 hover:bg-white/10"]),
+				onClick: i[0] || (i[0] = z((e) => u("close", "button"), ["stop"]))
+			}, [...i[7] || (i[7] = [y("i", { class: "size-6 i-tabler-x" }, null, -1)])], 2)])) : _("", !0)], 2)) : (A(), v("div", {
 				key: 1,
-				class: E(["flex items-center", t.hasClose ? "" : "justify-between"])
+				class: E(["flex items-center", n.hasClose ? "" : "justify-between"])
 			}, [
-				y("div", { class: E(t.hasClose ? "flex-1 basis-0" : "") }, [y("button", {
+				y("div", { class: E(n.hasClose ? "flex-1 basis-0" : "") }, [y("button", {
 					class: "cursor-pointer p-2 flex items-center gap-2 rounded-2xl text-white/70 hover:bg-white/10 transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-105 active:scale-95",
-					onClick: r[1] || (r[1] = (e) => p.value = !0)
-				}, [...r[8] || (r[8] = [y("i", { class: "i-tabler-menu size-7" }, null, -1)])])], 2),
+					onClick: i[1] || (i[1] = (e) => p.value = !0)
+				}, [...i[8] || (i[8] = [y("i", { class: "i-tabler-menu size-7" }, null, -1)])])], 2),
 				y("button", {
 					class: E(["flex items-center gap-2 px-3.5 py-3 rounded-2xl text-white/90 hover:bg-white/10 transition-all cursor-pointer flex-grow-0", { "bg-white/10": m.value }]),
-					onClick: r[2] || (r[2] = (e) => m.value = !0)
+					onClick: i[2] || (i[2] = (e) => m.value = !0)
 				}, [
 					y("i", { class: E([H.value?.icon, "size-4 opacity-60"]) }, null, 2),
 					y("span", He, P(H.value?.label), 1),
-					r[9] || (r[9] = y("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
+					i[9] || (i[9] = y("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
 				], 2),
-				t.hasClose ? (A(), v("div", Q, [y("button", {
+				n.hasClose ? (A(), v("div", Q, [y("button", {
 					class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
-					onClick: r[3] || (r[3] = z((e) => l("close", "button"), ["stop"]))
-				}, [...r[10] || (r[10] = [y("i", { class: "size-6 i-tabler-x" }, null, -1)])])])) : _("", !0)
-			], 2))], 2)) : _("", !0), t.chatOnly ? (A(), v("div", {
+					onClick: i[3] || (i[3] = z((e) => u("close", "button"), ["stop"]))
+				}, [...i[10] || (i[10] = [y("i", { class: "size-6 i-tabler-x" }, null, -1)])])])) : _("", !0)
+			], 2))], 2)) : _("", !0), n.chatOnly ? (A(), v("div", {
 				key: 1,
-				class: E(["relative z-20 flex min-h-0 w-full flex-1 flex-col", t.bare ? "" : "px-4"])
-			}, [y("div", { class: E(["min-h-0 w-full flex-1", t.bare ? "" : "mx-auto max-w-md"]) }, [S(s, {
-				"chat-controller": u.value,
-				agent: t.agent,
+				class: E(["relative z-20 flex min-h-0 w-full flex-1 flex-col", n.bare ? "" : "px-4"])
+			}, [y("div", { class: E(["min-h-0 w-full flex-1", n.bare ? "" : "mx-auto max-w-md"]) }, [S(c, {
+				"chat-controller": d.value,
+				agent: n.agent,
 				scope: V.value ? "private" : "public",
-				"empty-state-message": t.emptyStateMessage,
-				variant: t.bare ? "light" : "dark",
-				"show-header": !t.bare,
-				centered: t.bare
-			}, b({ _: 2 }, [n.$slots["empty-heading"] ? {
+				"empty-state-message": n.emptyStateMessage,
+				variant: n.bare ? "light" : "dark",
+				"show-header": !n.bare,
+				centered: n.bare
+			}, b({ _: 2 }, [t.$slots["empty-heading"] ? {
 				name: "empty-heading",
-				fn: L((e) => [N(n.$slots, "empty-heading", D(w(e)))]),
+				fn: L((e) => [N(t.$slots, "empty-heading", D(w(e)))]),
 				key: "0"
 			} : void 0]), 1032, [
 				"chat-controller",
@@ -625,60 +625,60 @@ var B = /* @__PURE__ */ C({
 				"show-header",
 				"centered"
 			])], 2)], 2)) : (A(), v(f, { key: 2 }, [R.value === "self" ? (A(), v("div", Ue, [
-				r[11] || (r[11] = y("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
+				i[11] || (i[11] = y("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
 				S(Ce, {
-					agent: t.agent,
+					agent: n.agent,
 					"is-online": B.value
 				}, null, 8, ["agent", "is-online"]),
-				y("div", We, [S(a, {
+				y("div", We, [S(r, {
 					theme: "primary",
 					size: "lg",
 					class: "w-full",
 					icon: q.value,
 					"data-test": "voice-button",
-					onClick: r[4] || (r[4] = (e) => u.value?.setMode("talk"))
+					onClick: i[4] || (i[4] = (e) => d.value?.setMode("talk"))
 				}, {
 					default: L(() => [x(P(K.value), 1)]),
 					_: 1
-				}, 8, ["icon"]), t.agent.accounts.value && t.agent.accounts.value.length > 0 ? (A(), v("div", Ge, [(A(!0), v(f, null, M((t.agent.accounts.value || []).filter((t) => F(e)[t.platform]), (t) => (A(), v("a", {
+				}, 8, ["icon"]), n.agent.accounts.value && n.agent.accounts.value.length > 0 ? (A(), v("div", Ge, [(A(!0), v(f, null, M((n.agent.accounts.value || []).filter((t) => F(e)[t.platform]), (t) => (A(), v("a", {
 					key: `${t.platform}-${t.handle}`,
 					href: F(e)[t.platform].getUrl(t.handle),
 					target: "_blank",
 					class: "size-12 rounded-full text-white/60 hover:text-white hover:bg-white/5 border border-white/0 hover:border-white/10 flex items-center justify-center transition-all duration-200 hover:scale-105"
 				}, [y("i", { class: E([F(e)[t.platform].icon, "size-5"]) }, null, 2)], 8, Ke))), 128))])) : _("", !0)])
-			])) : R.value === "talk" ? (A(), v("div", qe, [t.requireAuth && !V.value ? (A(), g(J, {
+			])) : R.value === "talk" ? (A(), v("div", qe, [n.requireAuth && !V.value ? (A(), g(J, {
 				key: 0,
-				sdk: t.sdk
-			}, null, 8, ["sdk"])) : (A(), v(f, { key: 1 }, [y("div", null, [y("div", Je, [S(c, {
-				agent: t.agent,
+				sdk: n.sdk
+			}, null, 8, ["sdk"])) : (A(), v(f, { key: 1 }, [y("div", null, [y("div", Je, [S(o, {
+				agent: n.agent,
 				"is-online": B.value
-			}, null, 8, ["agent", "is-online"])])]), S(s, {
-				"chat-controller": u.value,
-				agent: t.agent
-			}, null, 8, ["chat-controller", "agent"])], 64))])) : (A(), v("div", Ye, [y("div", Xe, [R.value === "chat" ? (A(), v(f, { key: 0 }, [t.requireAuth && !V.value ? (A(), g(J, {
+			}, null, 8, ["agent", "is-online"])])]), S(c, {
+				"chat-controller": d.value,
+				agent: n.agent
+			}, null, 8, ["chat-controller", "agent"])], 64))])) : (A(), v("div", Ye, [y("div", Xe, [R.value === "chat" ? (A(), v(f, { key: 0 }, [n.requireAuth && !V.value ? (A(), g(J, {
 				key: 0,
-				sdk: t.sdk
-			}, null, 8, ["sdk"])) : (A(), g(s, {
+				sdk: n.sdk
+			}, null, 8, ["sdk"])) : (A(), g(c, {
 				key: 1,
-				"chat-controller": u.value,
-				agent: t.agent,
+				"chat-controller": d.value,
+				agent: n.agent,
 				"show-header": ""
 			}, null, 8, ["chat-controller", "agent"]))], 64)) : R.value === "info" ? (A(), g(pe, {
 				key: 1,
-				agent: t.agent,
+				agent: n.agent,
 				"is-online": B.value
 			}, null, 8, ["agent", "is-online"])) : _("", !0)])]))], 64))], 2)], 14, Le)) : C.value ? (A(), v("div", Ze, [y("div", Qe, [
-				r[12] || (r[12] = y("div", { class: "flex justify-center" }, [y("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [y("i", { class: "i-tabler-alert-circle size-6 text-red-400" })])], -1)),
-				r[13] || (r[13] = y("h3", { class: "text-lg font-medium" }, " Agent Error ", -1)),
+				i[12] || (i[12] = y("div", { class: "flex justify-center" }, [y("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [y("i", { class: "i-tabler-alert-circle size-6 text-red-400" })])], -1)),
+				i[13] || (i[13] = y("h3", { class: "text-lg font-medium" }, " Agent Error ", -1)),
 				y("p", $e, P(C.value), 1)
 			])])) : (A(), v("div", et, " Couldn't load your assistant. Please try again later. ")),
-			t.chatOnly ? _("", !0) : (A(), g(Fe, {
+			n.chatOnly ? _("", !0) : (A(), g(Fe, {
 				key: 4,
 				modelValue: p.value,
-				"onUpdate:modelValue": r[5] || (r[5] = (e) => p.value = e),
-				agent: t.agent,
-				sdk: t.sdk,
-				title: t.agent.displayName.value,
+				"onUpdate:modelValue": i[5] || (i[5] = (e) => p.value = e),
+				agent: n.agent,
+				sdk: n.sdk,
+				title: n.agent.displayName.value,
 				"data-test": "agent-sidebar"
 			}, null, 8, [
 				"modelValue",
@@ -686,11 +686,11 @@ var B = /* @__PURE__ */ C({
 				"sdk",
 				"title"
 			])),
-			t.chatOnly ? _("", !0) : (A(), g(Pe, {
+			n.chatOnly ? _("", !0) : (A(), g(Pe, {
 				key: 5,
 				modelValue: m.value,
-				"onUpdate:modelValue": r[6] || (r[6] = (e) => m.value = e),
-				"chat-controller": u.value,
+				"onUpdate:modelValue": i[6] || (i[6] = (e) => m.value = e),
+				"chat-controller": d.value,
 				"data-test": "agent-mode-sidebar"
 			}, null, 8, ["modelValue", "chat-controller"]))
 		]));