@pagelines/sdk 1.0.914 → 1.0.915

package/dist/BotProvider.js

@@ -1,6 +1,6 @@
 import "./rolldown-runtime.js";
 import { SOCIAL_PLATFORMS as e } from "./constants.js";
-import { a as t, c as n, d as r, f as i, n as a, o, p as s, s as c, t as l, u } from "./BotWrap.js";
+import { c as t, d as n, f as r, l as i, m as a, n as o, o as s, p as c, s as l, t as u } from "./BotWrap.js";
 import { Bot as d, getColorSchemeOklch as ee } 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 te, openBlock as A, ref as j, renderList as M, renderSlot as N, shallowRef as ne, toDisplayString as P, unref as F, watch as I, withCtx as L, withKeys as R, withModifiers as z } from "vue";
 //#region bot/schema.ts
@@ -53,23 +53,23 @@ var B = [
 	__name: "ElAuthGate",
 	props: { sdk: {} },
 	setup(e) {
-		let t = j({
+		let n = j({
 			email: "",
 			code: ""
-		}), r = j("email"), i = j(!1), a = {
+		}), r = j("email"), a = j(!1), o = {
 			email: {
 				title: "Enter Your Email",
 				button: {
 					label: "Continue",
-					disabled: () => !t.value.email || i.value
+					disabled: () => !n.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: t.value.email }) && (r.value = "code");
+							await e.sdk.auth.requestAuthCode({ email: n.value.email }) && (r.value = "code");
 						} finally {
-							i.value = !1;
+							a.value = !1;
 						}
 					}
 				}
@@ -78,26 +78,26 @@ var B = [
 				title: "Enter Verification Code",
 				button: {
 					label: "Verify",
-					disabled: () => t.value.code.length !== 6 || i.value
+					disabled: () => n.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: t.value.email,
-								code: t.value.code
+								email: n.value.email,
+								code: n.value.code
 							});
 						} finally {
-							i.value = !1;
+							a.value = !1;
 						}
 					}
 				}
 			}
-		}, s = h(() => a[r.value]);
+		}, s = h(() => o[r.value]);
 		return I(() => e.sdk.activeUser.value, (e) => {
 			e && r.value === "code" && console.log("[ElAuthGate] Authentication successful", { email: e.email });
-		}), (i, a) => (A(), v("div", {
+		}), (a, o) => (A(), v("div", {
 			"data-test": "auth-form",
 			"data-test-mode": r.value,
 			class: "flex flex-col items-center justify-center h-full p-6"
@@ -105,14 +105,14 @@ var B = [
 			e.sdk.error.value ? (A(), v("p", W, P(e.sdk.error.value), 1)) : _("", !0),
 			y("h3", G, P(s.value.title), 1),
 			y("div", K, [S(V, null, {
-				default: L(() => [r.value === "email" ? (A(), v("div", q, [S(c, {
-					modelValue: t.value.email,
-					"onUpdate:modelValue": a[0] || (a[0] = (e) => t.value.email = e),
+				default: L(() => [r.value === "email" ? (A(), v("div", q, [S(t, {
+					modelValue: n.value.email,
+					"onUpdate:modelValue": o[0] || (o[0] = (e) => n.value.email = e),
 					"data-test": "auth-email-input",
 					onKeyup: R(s.value.action, ["enter"])
-				}, null, 8, ["modelValue", "onKeyup"])])) : (A(), v("div", re, [S(o, {
-					modelValue: t.value.code,
-					"onUpdate:modelValue": a[1] || (a[1] = (e) => t.value.code = e),
+				}, null, 8, ["modelValue", "onKeyup"])])) : (A(), v("div", re, [S(l, {
+					modelValue: n.value.code,
+					"onUpdate:modelValue": o[1] || (o[1] = (e) => n.value.code = e),
 					length: 6,
 					"focus-first": !0,
 					"data-test": "auth-code-input",
@@ -120,7 +120,7 @@ var B = [
 				}, null, 8, ["modelValue", "onAutoSubmit"])])), (A(), v("div", {
 					key: s.value.button.label,
 					class: "space-y-4 w-full"
-				}, [S(n, {
+				}, [S(i, {
 					theme: "primary",
 					size: "md",
 					class: "w-full",
@@ -138,7 +138,7 @@ var B = [
 				]), r.value === "code" ? (A(), v("button", {
 					key: 0,
 					class: "w-full text-xs text-white/50 hover:text-white/70 transition-colors py-2",
-					onClick: a[2] || (a[2] = (e) => r.value = "email")
+					onClick: o[2] || (o[2] = (e) => r.value = "email")
 				}, " Change Email ")) : _("", !0)]))]),
 				_: 1
 			})])
@@ -162,19 +162,19 @@ var B = [
 			default: !1
 		}
 	},
-	setup(n) {
-		return (r, i) => (A(), v("div", Y, [S(t, {
-			bot: n.bot,
-			"is-online": n.isOnline
+	setup(t) {
+		return (n, r) => (A(), v("div", Y, [S(s, {
+			bot: t.bot,
+			"is-online": t.isOnline
 		}, null, 8, ["bot", "is-online"]), y("div", X, [
-			n.bot.summary.value ? (A(), v("div", ie, [i[0] || (i[0] = y("h3", { class: "font-medium text-white/50" }, " About ", -1)), y("p", ae, P(n.bot.summary.value), 1)])) : _("", !0),
-			n.bot.email.value ? (A(), v("div", oe, [i[2] || (i[2] = y("h3", { class: "text-sm font-medium text-white/90" }, " Contact ", -1)), y("a", {
-				href: `mailto:${n.bot.email.value}`,
+			t.bot.summary.value ? (A(), v("div", ie, [r[0] || (r[0] = y("h3", { class: "font-medium text-white/50" }, " About ", -1)), y("p", ae, P(t.bot.summary.value), 1)])) : _("", !0),
+			t.bot.email.value ? (A(), v("div", oe, [r[2] || (r[2] = y("h3", { class: "text-sm font-medium text-white/90" }, " Contact ", -1)), y("a", {
+				href: `mailto:${t.bot.email.value}`,
 				target: "_blank",
 				rel: "noopener noreferrer",
 				class: "relative inline-flex items-center justify-center gap-2 rounded-full px-4 py-2 font-medium transition-colors duration-200 focus:outline-none active:opacity-80 cursor-pointer bg-white/5 hover:bg-white/10 border border-white/10 text-white/80 text-sm justify-start h-10 w-full"
-			}, [...i[1] || (i[1] = [y("span", { class: "i-heroicons-envelope flex items-center size-[1.1em] mt-[-.07em]" }, null, -1), x(" Email ", -1)])], 8, se)])) : _("", !0),
-			n.bot.accounts.value && n.bot.accounts.value.length > 0 ? (A(), v("div", ce, [i[3] || (i[3] = y("h3", { class: "text-sm font-medium text-white/90" }, " Links ", -1)), y("div", le, [(A(!0), v(f, null, M(n.bot.accounts.value, (t) => (A(), v("a", {
+			}, [...r[1] || (r[1] = [y("span", { class: "i-heroicons-envelope flex items-center size-[1.1em] mt-[-.07em]" }, null, -1), x(" Email ", -1)])], 8, se)])) : _("", !0),
+			t.bot.accounts.value && t.bot.accounts.value.length > 0 ? (A(), v("div", ce, [r[3] || (r[3] = y("h3", { class: "text-sm font-medium text-white/90" }, " Links ", -1)), y("div", le, [(A(!0), v(f, null, M(t.bot.accounts.value, (t) => (A(), v("a", {
 				key: `${t.platform}-${t.handle}`,
 				href: F(e)[t.platform].getUrl(t.handle),
 				target: "_blank",
@@ -196,15 +196,15 @@ var B = [
 		}
 	},
 	setup(e) {
-		return (t, n) => (A(), v("div", fe, [y("div", pe, [y("div", me, [y("img", {
+		return (t, r) => (A(), v("div", fe, [y("div", pe, [y("div", me, [y("img", {
 			src: e.bot.avatarUrl.value,
 			alt: e.bot.displayName.value,
 			class: "w-full h-full object-cover",
-			onError: n[0] || (n[0] = (...e) => F(u) && F(u)(...e))
-		}, null, 40, he)]), y("div", ge, [e.isOnline ? (A(), v(f, { key: 0 }, [n[1] || (n[1] = y("div", {
+			onError: r[0] || (r[0] = (...e) => F(n) && F(n)(...e))
+		}, null, 40, he)]), y("div", ge, [e.isOnline ? (A(), v(f, { key: 0 }, [r[1] || (r[1] = y("div", {
 			class: "size-4 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
 			style: { "animation-duration": "3s" }
-		}, 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", _e))])]), y("div", ve, [y("h1", ye, P(e.bot.displayName.value), 1), y("p", be, P(e.bot.title.value), 1)])]));
+		}, 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", _e))])]), y("div", ve, [y("h1", ye, P(e.bot.displayName.value), 1), y("p", be, P(e.bot.title.value), 1)])]));
 	}
 }), Se = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Ce = /* @__PURE__ */ C({
 	name: "SelfSidebarClose",
@@ -508,17 +508,17 @@ var B = [
 		"turnStarted",
 		"turnCompleted"
 	],
-	setup(o, { emit: c }) {
-		let l = c, u = ne(), d = j(!1), p = j(!1), m = j(), C = j(), T = h(() => u.value?.botMode?.value ?? "self"), R = h(() => u.value?.textState.value.isConnected ?? !1), V = h(() => o.sdk.activeUser.value !== void 0), H = h(() => B.find((e) => e.mode === T.value));
+	setup(t, { emit: n }) {
+		let l = n, u = ne(), d = j(!1), p = j(!1), m = j(), C = j(), T = h(() => u.value?.botMode?.value ?? "self"), R = h(() => u.value?.textState.value.isConnected ?? !1), V = h(() => t.sdk.activeUser.value !== void 0), H = h(() => B.find((e) => e.mode === T.value));
 		function createChatController() {
 			u.value && u.value.destroy();
 			try {
-				u.value = new i({
-					sdk: o.sdk,
-					bot: o.bot,
-					context: o.context,
-					firstMessage: o.firstMessage,
-					...o.createVoiceClientFn ? { createVoiceClientFn: o.createVoiceClientFn } : {},
+				u.value = new c({
+					sdk: t.sdk,
+					bot: t.bot,
+					context: t.context,
+					firstMessage: t.firstMessage,
+					...t.createVoiceClientFn ? { createVoiceClientFn: t.createVoiceClientFn } : {},
 					onTurnStarted: () => l("turnStarted"),
 					onTurnCompleted: (e) => l("turnCompleted", e)
 				});
@@ -541,19 +541,19 @@ var B = [
 		}
 		k(() => {
 			try {
-				applyTheme(o.theme), o.chatOnly && u.value && u.value.setMode("chat");
+				applyTheme(t.theme), t.chatOnly && u.value && u.value.setMode("chat");
 			} catch (e) {
 				let t = e instanceof Error ? e.message : "Couldn't initialize your assistant";
 				m.value = t, l("error", t);
 			}
 		}), te(() => {
 			u.value && u.value.destroy();
-		}), I(() => o.theme, (e) => {
+		}), I(() => t.theme, (e) => {
 			applyTheme(e);
-		}), I(() => o.sdk.activeUser.value, (e, t) => {
+		}), I(() => t.sdk.activeUser.value, (e, t) => {
 			t && !e && u.value && u.value.setMode("self");
 		});
-		let U = h(() => !!(o.bot.cover.value?.src && o.bot.cover.value?.quality === "low") || !!(o.bot.avatar.value?.src && o.bot.avatar.value?.quality === "low")), W = h(() => {
+		let U = h(() => !!(t.bot.cover.value?.src && t.bot.cover.value?.quality === "low") || !!(t.bot.avatar.value?.src && t.bot.avatar.value?.quality === "low")), W = h(() => {
 			let e = [U.value ? "backdrop-blur-sm" : ""];
 			return U.value && T.value === "self" ? e.push("from-black/80 via-black/60 to-black/80") : T.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 = {
@@ -563,71 +563,71 @@ var B = [
 			message: "i-heroicons-chat-bubble-left-right",
 			sparkles: "i-heroicons-sparkles"
 		}, K = h(() => r({
-			template: o.buttonText || "Talk to {name}",
-			bot: o.bot.toData()
-		})), q = h(() => G[o.buttonIcon || "phone"] || G.phone);
-		return (r, i) => (A(), v("div", {
+			template: t.buttonText || "Talk to {name}",
+			bot: t.bot.toData()
+		})), q = h(() => G[t.buttonIcon || "phone"] || G.phone);
+		return (n, r) => (A(), v("div", {
 			ref_key: "rootElement",
 			ref: C,
-			key: o.bot.avatarUrl.value,
+			key: t.bot.avatarUrl.value,
 			class: "pagelines-sdk @container/bot pagelines-bot w-full h-full overflow-hidden relative",
 			"data-test": "bot-chat"
 		}, [
-			o.loading ? (A(), v("div", Pe, [S(s, { class: "text-white size-8" })])) : o.bot && !m.value ? (A(), v("div", {
+			t.loading ? (A(), v("div", Pe, [S(a, { class: "text-white size-8" })])) : t.bot && !m.value ? (A(), v("div", {
 				key: 1,
-				class: E(["absolute inset-0", o.bare ? "" : "bg-cover bg-center bg-no-repeat"]),
-				style: O(o.bare ? void 0 : { backgroundImage: `url(${o.bot.avatarUrl.value})` }),
-				"data-quality": o.bot.avatar.value?.quality || "none"
-			}, [o.bare ? _("", !0) : (A(), v("div", {
+				class: E(["absolute inset-0", t.bare ? "" : "bg-cover bg-center bg-no-repeat"]),
+				style: O(t.bare ? void 0 : { backgroundImage: `url(${t.bot.avatarUrl.value})` }),
+				"data-quality": t.bot.avatar.value?.quality || "none"
+			}, [t.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", o.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"]) }, [!o.bare || o.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", t.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"]) }, [!t.bare || t.hasClose ? (A(), v("div", {
 				key: 0,
-				class: E(["relative z-30 p-2", !o.bare && T.value !== "self" ? "backdrop-blur-lg" : ""])
-			}, [o.chatOnly ? (A(), v("div", {
+				class: E(["relative z-30 p-2", !t.bare && T.value !== "self" ? "backdrop-blur-lg" : ""])
+			}, [t.chatOnly ? (A(), v("div", {
 				key: 0,
-				class: E(["flex items-center", o.bare ? "justify-end" : ""])
-			}, [o.bare ? _("", !0) : (A(), v("div", Ie, [y("img", {
-				src: o.bot.avatarUrl.value,
-				alt: o.bot.displayName.value,
+				class: E(["flex items-center", t.bare ? "justify-end" : ""])
+			}, [t.bare ? _("", !0) : (A(), v("div", Ie, [y("img", {
+				src: t.bot.avatarUrl.value,
+				alt: t.bot.displayName.value,
 				class: "size-8 rounded-full object-cover"
-			}, null, 8, Le), y("span", Re, P(o.bot.displayName.value), 1)])), o.hasClose ? (A(), v("div", ze, [y("button", {
-				class: E(["flex cursor-pointer items-center rounded-2xl p-3 transition-colors", o.bare ? "text-theme-500 hover:bg-theme-50" : "text-white/70 hover:bg-white/10"]),
-				onClick: i[0] || (i[0] = z((e) => l("close", "button"), ["stop"]))
-			}, [...i[7] || (i[7] = [y("i", { class: "size-6 i-tabler-x" }, null, -1)])], 2)])) : _("", !0)], 2)) : (A(), v("div", {
+			}, null, 8, Le), y("span", Re, P(t.bot.displayName.value), 1)])), t.hasClose ? (A(), v("div", ze, [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", {
 				key: 1,
-				class: E(["flex items-center", o.hasClose ? "" : "justify-between"])
+				class: E(["flex items-center", t.hasClose ? "" : "justify-between"])
 			}, [
-				y("div", { class: E(o.hasClose ? "flex-1 basis-0" : "") }, [y("button", {
+				y("div", { class: E(t.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: i[1] || (i[1] = (e) => d.value = !0)
-				}, [...i[8] || (i[8] = [y("i", { class: "i-tabler-menu size-7" }, null, -1)])])], 2),
+					onClick: r[1] || (r[1] = (e) => d.value = !0)
+				}, [...r[8] || (r[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": p.value }]),
-					onClick: i[2] || (i[2] = (e) => p.value = !0)
+					onClick: r[2] || (r[2] = (e) => p.value = !0)
 				}, [
 					y("i", { class: E([H.value?.icon, "size-4 opacity-60"]) }, null, 2),
 					y("span", Be, P(H.value?.label), 1),
-					i[9] || (i[9] = y("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
+					r[9] || (r[9] = y("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
 				], 2),
-				o.hasClose ? (A(), v("div", Ve, [y("button", {
+				t.hasClose ? (A(), v("div", Ve, [y("button", {
 					class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
-					onClick: i[3] || (i[3] = z((e) => l("close", "button"), ["stop"]))
-				}, [...i[10] || (i[10] = [y("i", { class: "size-6 i-tabler-x" }, null, -1)])])])) : _("", !0)
-			], 2))], 2)) : _("", !0), o.chatOnly ? (A(), v("div", {
+					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", {
 				key: 1,
-				class: E(["relative z-20 flex min-h-0 w-full flex-1 flex-col", o.bare ? "" : "px-4"])
-			}, [y("div", { class: E(["min-h-0 w-full flex-1", o.bare ? "" : "mx-auto max-w-md"]) }, [S(a, {
+				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(o, {
 				"chat-controller": u.value,
-				bot: o.bot,
+				bot: t.bot,
 				scope: V.value ? "private" : "public",
-				"empty-state-message": o.emptyStateMessage,
-				variant: o.bare ? "light" : "dark",
-				"show-header": !o.bare,
-				centered: o.bare
-			}, b({ _: 2 }, [r.$slots["empty-heading"] ? {
+				"empty-state-message": t.emptyStateMessage,
+				variant: t.bare ? "light" : "dark",
+				"show-header": !t.bare,
+				centered: t.bare
+			}, b({ _: 2 }, [n.$slots["empty-heading"] ? {
 				name: "empty-heading",
-				fn: L((e) => [N(r.$slots, "empty-heading", D(w(e)))]),
+				fn: L((e) => [N(n.$slots, "empty-heading", D(w(e)))]),
 				key: "0"
 			} : void 0]), 1032, [
 				"chat-controller",
@@ -638,60 +638,60 @@ var B = [
 				"show-header",
 				"centered"
 			])], 2)], 2)) : (A(), v(f, { key: 2 }, [T.value === "self" ? (A(), v("div", He, [
-				i[11] || (i[11] = y("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
+				r[11] || (r[11] = y("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
 				S(xe, {
-					bot: o.bot,
+					bot: t.bot,
 					"is-online": R.value
 				}, null, 8, ["bot", "is-online"]),
-				y("div", Q, [S(n, {
+				y("div", Q, [S(i, {
 					theme: "primary",
 					size: "lg",
 					class: "w-full",
 					icon: q.value,
 					"data-test": "voice-button",
-					onClick: i[4] || (i[4] = (e) => u.value?.setMode("talk"))
+					onClick: r[4] || (r[4] = (e) => u.value?.setMode("talk"))
 				}, {
 					default: L(() => [x(P(K.value), 1)]),
 					_: 1
-				}, 8, ["icon"]), o.bot.accounts.value && o.bot.accounts.value.length > 0 ? (A(), v("div", Ue, [(A(!0), v(f, null, M((o.bot.accounts.value || []).filter((t) => F(e)[t.platform]), (t) => (A(), v("a", {
+				}, 8, ["icon"]), t.bot.accounts.value && t.bot.accounts.value.length > 0 ? (A(), v("div", Ue, [(A(!0), v(f, null, M((t.bot.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, We))), 128))])) : _("", !0)])
-			])) : T.value === "talk" ? (A(), v("div", Ge, [o.requireAuth && !V.value ? (A(), g(J, {
+			])) : T.value === "talk" ? (A(), v("div", Ge, [t.requireAuth && !V.value ? (A(), g(J, {
 				key: 0,
-				sdk: o.sdk
-			}, null, 8, ["sdk"])) : (A(), v(f, { key: 1 }, [y("div", null, [y("div", Ke, [S(t, {
-				bot: o.bot,
+				sdk: t.sdk
+			}, null, 8, ["sdk"])) : (A(), v(f, { key: 1 }, [y("div", null, [y("div", Ke, [S(s, {
+				bot: t.bot,
 				"is-online": R.value
-			}, null, 8, ["bot", "is-online"])])]), S(a, {
+			}, null, 8, ["bot", "is-online"])])]), S(o, {
 				"chat-controller": u.value,
-				bot: o.bot
-			}, null, 8, ["chat-controller", "bot"])], 64))])) : (A(), v("div", qe, [y("div", Je, [T.value === "chat" ? (A(), v(f, { key: 0 }, [o.requireAuth && !V.value ? (A(), g(J, {
+				bot: t.bot
+			}, null, 8, ["chat-controller", "bot"])], 64))])) : (A(), v("div", qe, [y("div", Je, [T.value === "chat" ? (A(), v(f, { key: 0 }, [t.requireAuth && !V.value ? (A(), g(J, {
 				key: 0,
-				sdk: o.sdk
-			}, null, 8, ["sdk"])) : (A(), g(a, {
+				sdk: t.sdk
+			}, null, 8, ["sdk"])) : (A(), g(o, {
 				key: 1,
 				"chat-controller": u.value,
-				bot: o.bot,
+				bot: t.bot,
 				"show-header": ""
 			}, null, 8, ["chat-controller", "bot"]))], 64)) : T.value === "info" ? (A(), g(de, {
 				key: 1,
-				bot: o.bot,
+				bot: t.bot,
 				"is-online": R.value
 			}, null, 8, ["bot", "is-online"])) : _("", !0)])]))], 64))], 2)], 14, Fe)) : m.value ? (A(), v("div", Ye, [y("div", Xe, [
-				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" }, " Bot Error ", -1)),
+				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" }, " Bot Error ", -1)),
 				y("p", Ze, P(m.value), 1)
 			])])) : (A(), v("div", Qe, " Couldn't load your assistant. Please try again later. ")),
-			o.chatOnly ? _("", !0) : (A(), g(Ne, {
+			t.chatOnly ? _("", !0) : (A(), g(Ne, {
 				key: 4,
 				modelValue: d.value,
-				"onUpdate:modelValue": i[5] || (i[5] = (e) => d.value = e),
-				bot: o.bot,
-				sdk: o.sdk,
-				title: o.bot.displayName.value,
+				"onUpdate:modelValue": r[5] || (r[5] = (e) => d.value = e),
+				bot: t.bot,
+				sdk: t.sdk,
+				title: t.bot.displayName.value,
 				"data-test": "bot-sidebar"
 			}, null, 8, [
 				"modelValue",
@@ -699,10 +699,10 @@ var B = [
 				"sdk",
 				"title"
 			])),
-			o.chatOnly ? _("", !0) : (A(), g(Me, {
+			t.chatOnly ? _("", !0) : (A(), g(Me, {
 				key: 5,
 				modelValue: p.value,
-				"onUpdate:modelValue": i[6] || (i[6] = (e) => p.value = e),
+				"onUpdate:modelValue": r[6] || (r[6] = (e) => p.value = e),
 				"chat-controller": u.value,
 				"data-test": "bot-mode-sidebar"
 			}, null, 8, ["modelValue", "chat-controller"]))
@@ -733,7 +733,7 @@ var B = [
 	],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (e, t) => (A(), g(l, T(n, { class: "bot-provider size-full relative" }), {
+		return (e, t) => (A(), g(u, T(n, { class: "bot-provider size-full relative" }), {
 			default: L((i) => [S($, {
 				sdk: i.sdk,
 				bot: i.bot,