@pagelines/sdk 1.0.681 → 1.0.683

package/dist/AgentProvider.js

@@ -0,0 +1,701 @@
+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, i as a, l as o, m as s, n as c, o as l, s as u, t as d, u 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, createTextVNode as b, createVNode as x, defineComponent as S, mergeProps as C, normalizeClass as w, normalizeStyle as T, onMounted as E, onUnmounted as D, openBlock as O, ref as k, renderList as A, renderSlot as j, shallowRef as ne, toDisplayString as M, unref as N, watch as P, withCtx as F, withKeys as I, withModifiers as L } from "vue";
+//#endregion
+//#region ui/EffectTransitionList.vue
+var R = /* @__PURE__ */ S({
+	__name: "EffectTransitionList",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		mode: { default: "block" }
+	},
+	setup(e) {
+		return (t, n) => (O(), g(m, { name: e.disabled ? "" : "nlist" }, {
+			default: F(() => [j(t.$slots, "default")]),
+			_: 3
+		}, 8, ["name"]));
+	}
+}), z = ["data-test-mode"], B = { class: "w-full max-w-xs space-y-12" }, V = {
+	key: 0,
+	class: "text-xs text-theme-400 text-center"
+}, H = { class: "text-base font-light text-white text-center" }, U = { class: "space-y-6 relative" }, W = {
+	key: "email-field",
+	class: "w-full"
+}, re = {
+	key: "code-field",
+	class: "w-full"
+}, G = /* @__PURE__ */ S({
+	__name: "ElAuthGate",
+	props: { sdk: {} },
+	setup(e) {
+		let n = k({
+			email: "",
+			code: ""
+		}), r = k("email"), i = k(!1), a = {
+			email: {
+				title: "Enter Your Email",
+				button: {
+					label: "Continue",
+					disabled: () => !n.value.email || i.value
+				},
+				action: async () => {
+					if (!i.value) {
+						i.value = !0;
+						try {
+							await e.sdk.auth.requestAuthCode({ email: n.value.email }) && (r.value = "code");
+						} finally {
+							i.value = !1;
+						}
+					}
+				}
+			},
+			code: {
+				title: "Enter Verification Code",
+				button: {
+					label: "Verify",
+					disabled: () => n.value.code.length !== 6 || i.value
+				},
+				action: async () => {
+					if (!i.value) {
+						i.value = !0;
+						try {
+							await e.sdk.auth.loginWithCode({
+								email: n.value.email,
+								code: n.value.code
+							});
+						} finally {
+							i.value = !1;
+						}
+					}
+				}
+			}
+		}, o = h(() => a[r.value]);
+		return P(() => e.sdk.activeUser.value, (e) => {
+			e && r.value === "code" && console.log("[ElAuthGate] Authentication successful", { email: e.email });
+		}), (i, a) => (O(), v("div", {
+			"data-test": "auth-form",
+			"data-test-mode": r.value,
+			class: "flex flex-col items-center justify-center h-full p-6"
+		}, [y("div", B, [
+			e.sdk.error.value ? (O(), v("p", V, M(e.sdk.error.value), 1)) : _("", !0),
+			y("h3", H, M(o.value.title), 1),
+			y("div", U, [x(R, null, {
+				default: F(() => [r.value === "email" ? (O(), v("div", W, [x(l, {
+					modelValue: n.value.email,
+					"onUpdate:modelValue": a[0] || (a[0] = (e) => n.value.email = e),
+					"data-test": "auth-email-input",
+					onKeyup: I(o.value.action, ["enter"])
+				}, null, 8, ["modelValue", "onKeyup"])])) : (O(), v("div", re, [x(t, {
+					modelValue: n.value.code,
+					"onUpdate:modelValue": a[1] || (a[1] = (e) => n.value.code = e),
+					length: 6,
+					"focus-first": !0,
+					"data-test": "auth-code-input",
+					onAutoSubmit: o.value.action
+				}, null, 8, ["modelValue", "onAutoSubmit"])])), (O(), v("div", {
+					key: o.value.button.label,
+					class: "space-y-4 w-full"
+				}, [x(u, {
+					theme: "primary",
+					size: "md",
+					class: "w-full",
+					"data-test": "auth-submit",
+					loading: e.sdk.loading.value,
+					disabled: o.value.button.disabled() || e.sdk.loading.value,
+					onClick: o.value.action
+				}, {
+					default: F(() => [b(M(o.value.button.label), 1)]),
+					_: 1
+				}, 8, [
+					"loading",
+					"disabled",
+					"onClick"
+				]), r.value === "code" ? (O(), 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")
+				}, " Change Email ")) : _("", !0)]))]),
+				_: 1
+			})])
+		])], 8, z));
+	}
+}), K = { class: "flex-1 flex flex-col min-h-0 py-6 space-y-6 h-full overflow-scroll [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden relative" }, q = { class: "flex-1 space-y-6 pb-12" }, J = {
+	key: 0,
+	class: "text-sm bg-white/10 backdrop-blur-sm rounded-2xl p-4 border border-white/20 space-y-3"
+}, Y = ["innerHTML"], X = {
+	key: 1,
+	class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
+}, ie = { class: "text-sm text-white/70 leading-relaxed" }, ae = {
+	key: 2,
+	class: "space-y-3"
+}, oe = ["href"], se = {
+	key: 3,
+	class: "space-y-3"
+}, ce = { class: "grid grid-cols-2 gap-3" }, le = ["href"], ue = /* @__PURE__ */ S({
+	__name: "ElAgentAbout",
+	props: {
+		agent: {},
+		isOnline: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(t) {
+		return (n, r) => (O(), v("div", K, [x(a, {
+			agent: t.agent,
+			"is-online": t.isOnline
+		}, null, 8, ["agent", "is-online"]), y("div", q, [
+			t.agent.summary.value ? (O(), v("div", J, [r[0] || (r[0] = y("h3", { class: "font-medium text-white/50" }, " About ", -1)), y("div", {
+				class: "text-white/70 leading-relaxed",
+				innerHTML: t.agent.summary.value
+			}, null, 8, Y)])) : _("", !0),
+			t.agent.entityType.value === "company" ? (O(), v("div", X, [r[1] || (r[1] = y("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)), y("p", ie, " This is a company agent representing " + M(t.agent.name.value) + ". ", 1)])) : _("", !0),
+			t.agent.email.value ? (O(), v("div", ae, [r[3] || (r[3] = y("h3", { class: "text-sm font-medium text-white/90" }, " Contact ", -1)), y("a", {
+				href: `mailto:${t.agent.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"
+			}, [...r[2] || (r[2] = [y("span", { class: "i-heroicons-envelope flex items-center size-[1.1em] mt-[-.07em]" }, null, -1), b(" Email ", -1)])], 8, oe)])) : _("", !0),
+			t.agent.accounts.value && t.agent.accounts.value.length > 0 ? (O(), v("div", se, [r[4] || (r[4] = y("h3", { class: "text-sm font-medium text-white/90" }, " Links ", -1)), y("div", ce, [(O(!0), v(f, null, A(t.agent.accounts.value, (t) => (O(), v("a", {
+				key: `${t.platform}-${t.handle}`,
+				href: N(e)[t.platform].getUrl(t.handle),
+				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/10 hover:bg-white/20 border border-white/20 text-white/80 text-sm"
+			}, [y("span", { class: w(["flex items-center size-[1.1em] mt-[-.07em]", N(e)[t.platform].icon]) }, null, 2), b(" " + M(N(e)[t.platform].label), 1)], 8, le))), 128))])])) : _("", !0)
+		])]));
+	}
+}), de = { class: "flex flex-col items-center text-center gap-4" }, fe = { class: "relative flex-shrink-0" }, pe = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, me = ["src", "alt"], he = { class: "absolute top-1.5 right-1.5" }, ge = {
+	key: 1,
+	class: "size-4 bg-theme-400 rounded-full ring-2 ring-white"
+}, _e = { class: "min-w-0" }, ve = { class: "text-3xl font-light text-white mb-2 truncate" }, ye = { class: "text-base font-light text-white/60 line-clamp-1" }, be = /* @__PURE__ */ S({
+	__name: "ElAgentHeader",
+	props: {
+		agent: {},
+		isOnline: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		return (t, n) => (O(), v("div", de, [y("div", fe, [y("div", pe, [y("img", {
+			src: e.agent.avatarUrl.value,
+			alt: e.agent.displayName.value,
+			class: "w-full h-full object-cover",
+			onError: n[0] || (n[0] = (...e) => N(o) && N(o)(...e))
+		}, null, 40, me)]), y("div", he, [e.isOnline ? (O(), 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)), n[2] || (n[2] = y("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))], 64)) : (O(), v("div", ge))])]), y("div", _e, [y("h1", ve, M(e.agent.displayName.value), 1), y("p", ye, M(e.agent.title.value), 1)])]));
+	}
+}), xe = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Se = /* @__PURE__ */ S({
+	name: "SelfSidebarClose",
+	__name: "AgentSidebarClose",
+	emits: ["click"],
+	setup(e) {
+		let t = k(!1);
+		return E(() => {
+			setTimeout(() => {
+				t.value = !0;
+			}, 100);
+		}), (e, n) => (O(), v("a", {
+			class: "close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90",
+			onClick: n[0] || (n[0] = (t) => e.$emit("click", t))
+		}, [n[1] || (n[1] = y("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)), y("span", xe, [y("span", {
+			class: w(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", t.value ? "translate-y-0 translate-x-0 rotate-45" : "translate-y-[30px] -translate-x-[30px] rotate-0"]),
+			style: {
+				"background-color": "currentColor",
+				"transition-delay": "0.15s"
+			}
+		}, null, 2), y("span", {
+			class: w(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", t.value ? "translate-y-0 translate-x-0 -rotate-45" : "-translate-y-[30px] -translate-x-[30px] rotate-0"]),
+			style: {
+				"background-color": "currentColor",
+				"transition-delay": "0.45s"
+			}
+		}, null, 2)])]));
+	}
+}), Ce = {
+	key: 0,
+	class: "px-9 pt-12 pb-4"
+}, we = { class: "text-base font-medium text-theme-400" }, Te = {
+	key: 1,
+	class: "px-4 pb-8 border-b border-white/10"
+}, Ee = ["disabled", "onClick"], De = { class: "flex items-center gap-3" }, Oe = { class: "flex-1" }, ke = {
+	key: 0,
+	class: "text-xs text-white/50 mt-0.5"
+}, Ae = { class: "p-6" }, Z = /* @__PURE__ */ S({
+	name: "ElSidebar",
+	inheritAttrs: !1,
+	__name: "ElSidebar",
+	props: {
+		modelValue: { type: Boolean },
+		items: {},
+		position: {},
+		title: {},
+		widthClasses: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = n.position || "left", a = n.widthClasses || "w-[80%] max-w-[300px]", o = h({
+			get: () => n.modelValue,
+			set: (e) => r("update:modelValue", e)
+		}), s = h(() => n.items.filter((e) => !e.isHidden));
+		function handleItemClick(e) {
+			e.isDisabled || (e.onClick ? e.onClick({
+				item: e,
+				event: new MouseEvent("click")
+			}) : e.href && (e.href.includes("http") ? window.open(e.href, e.target || "_self")?.focus() : window.location.href = e.href), o.value = !1);
+		}
+		let c = h(() => i === "left" ? {
+			enter: "-translate-x-full",
+			leave: "-translate-x-full",
+			position: "justify-start",
+			closeButton: "-right-16"
+		} : {
+			enter: "translate-x-full",
+			leave: "translate-x-full",
+			position: "justify-end",
+			closeButton: "-left-16"
+		});
+		return (t, n) => (O(), v(f, null, [x(p, {
+			"enter-active-class": "transition-opacity duration-300 ease-out",
+			"leave-active-class": "transition-opacity duration-200 ease-in",
+			"enter-from-class": "opacity-0",
+			"enter-to-class": "opacity-100",
+			"leave-from-class": "opacity-100",
+			"leave-to-class": "opacity-0"
+		}, {
+			default: F(() => [o.value ? (O(), v("div", {
+				key: 0,
+				class: "absolute inset-0 z-40 bg-black/50 backdrop-blur-sm",
+				onClick: n[0] || (n[0] = (e) => o.value = !1)
+			})) : _("", !0)]),
+			_: 1
+		}), x(p, {
+			"enter-active-class": "transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)]",
+			"leave-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
+			"enter-from-class": c.value.enter,
+			"enter-to-class": "translate-x-0",
+			"leave-from-class": "translate-x-0",
+			"leave-to-class": c.value.leave
+		}, {
+			default: F(() => [o.value ? (O(), v("div", {
+				key: 0,
+				class: w(["absolute inset-0 z-50 flex", c.value.position]),
+				onClick: n[3] || (n[3] = (e) => o.value = !1)
+			}, [y("div", {
+				class: w(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", N(a)]),
+				onClick: n[2] || (n[2] = L(() => {}, ["stop"]))
+			}, [
+				x(Se, {
+					class: w(["absolute top-4 z-10 text-white", c.value.closeButton]),
+					onClick: n[1] || (n[1] = (e) => o.value = !1)
+				}, null, 8, ["class"]),
+				e.title ? (O(), v("div", Ce, [y("h3", we, M(e.title), 1)])) : _("", !0),
+				t.$slots.header ? (O(), v("div", Te, [j(t.$slots, "header")])) : _("", !0),
+				y("div", { class: w(["flex-1 p-6 space-y-2 overflow-y-auto", {
+					"pt-6": !e.title && !t.$slots.header,
+					"pt-4": e.title || t.$slots.header
+				}]) }, [x(m, {
+					"enter-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
+					"leave-active-class": "transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)]",
+					"enter-from-class": N(i) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0",
+					"enter-to-class": "translate-x-0 opacity-100",
+					"leave-from-class": "translate-x-0 opacity-100",
+					"leave-to-class": N(i) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
+				}, {
+					default: F(() => [(O(!0), v(f, null, A(s.value, (e, t) => (O(), v("button", {
+						key: e.key || e.label || t,
+						style: T({ transitionDelay: `${t * 40}ms` }),
+						class: w(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [e.isActive ? "bg-primary-500/20 border border-primary-500/40" : "hover:bg-white/10", e.isDisabled && "opacity-50 cursor-not-allowed"]]),
+						disabled: e.isDisabled,
+						onClick: (t) => handleItemClick(e)
+					}, [y("div", De, [e.icon?.src ? (O(), v("i", {
+						key: 0,
+						class: w(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [e.icon.src, e.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"]])
+					}, null, 2)) : _("", !0), y("div", Oe, [y("div", { class: w(["font-medium text-sm", e.isActive ? "text-primary-300" : "text-white"]) }, M(e.label), 3), e.subLabel ? (O(), v("div", ke, M(e.subLabel), 1)) : _("", !0)])])], 14, Ee))), 128))]),
+					_: 1
+				}, 8, ["enter-from-class", "leave-to-class"])], 2),
+				y("div", Ae, [j(t.$slots, "footer")])
+			], 2)], 2)) : _("", !0)]),
+			_: 3
+		}, 8, ["enter-from-class", "leave-to-class"])], 64));
+	}
+}), je = /* @__PURE__ */ S({
+	name: "AgentModeSidebar",
+	__name: "ElAgentModeSidebar",
+	props: {
+		modelValue: { type: Boolean },
+		chatController: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = h({
+			get: () => n.modelValue,
+			set: (e) => r("update:modelValue", e)
+		}), o = h(() => n.chatController?.agentMode?.value ?? "self"), s = h(() => i.map((e) => ({
+			key: e.mode,
+			icon: { src: e.icon },
+			label: e.label,
+			isActive: o.value === e.mode,
+			onClick: () => {
+				n.chatController?.setMode(e.mode);
+			}
+		})));
+		return (e, t) => (O(), g(Z, {
+			modelValue: a.value,
+			"onUpdate:modelValue": t[0] || (t[0] = (e) => a.value = e),
+			items: s.value,
+			position: "right",
+			title: "Mode",
+			"width-classes": "w-[80%] max-w-[255px]"
+		}, null, 8, ["modelValue", "items"]));
+	}
+}), Me = /* @__PURE__ */ S({
+	name: "AgentSidebar",
+	__name: "ElAgentSidebar",
+	props: {
+		modelValue: { type: Boolean },
+		agent: {},
+		sdk: {},
+		title: {}
+	},
+	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(() => {
+			let e = [
+				{
+					key: "share",
+					icon: { src: "i-tabler-share" },
+					label: "Share this assistant",
+					onClick: () => {
+						let e = `${window.location.origin}/@${n.agent.handle.value || n.agent.agentId.value}`;
+						navigator.clipboard.writeText(e).catch((e) => {
+							console.error("ElAgentSidebar: clipboard.writeText rejected", e);
+						});
+					}
+				},
+				{
+					key: "profile",
+					icon: { src: "i-tabler-user" },
+					label: "View full profile",
+					onClick: () => {
+						window.open(`/@${n.agent.handle.value || n.agent.agentId.value}`, "_blank");
+					}
+				},
+				{
+					key: "create",
+					icon: { src: "i-tabler-sparkles" },
+					label: "Create your own",
+					onClick: () => {
+						window.open("/auth", "_blank");
+					}
+				}
+			];
+			return n.sdk.activeUser.value && e.push({
+				key: "logout",
+				icon: { src: "i-tabler-logout" },
+				label: "Logout",
+				onClick: async () => {
+					await n.sdk.auth.logout();
+				}
+			}), e;
+		});
+		return (t, n) => (O(), g(Z, {
+			modelValue: i.value,
+			"onUpdate:modelValue": n[0] || (n[0] = (e) => i.value = e),
+			items: a.value,
+			position: "left",
+			title: e.title || "Menu"
+		}, null, 8, [
+			"modelValue",
+			"items",
+			"title"
+		]));
+	}
+}), Ne = {
+	key: 0,
+	class: "absolute inset-0 flex items-center justify-center bg-gradient-to-br from-theme-800 to-theme-950 rounded-3xl z-10"
+}, Pe = ["data-quality"], Fe = {
+	key: 0,
+	class: "flex items-center"
+}, Ie = { class: "flex-1 flex items-center gap-3 pl-2" }, Le = ["src", "alt"], Re = { class: "text-white/90 text-sm font-medium" }, ze = {
+	key: 0,
+	class: "flex justify-end"
+}, Be = { class: "text-sm" }, Ve = {
+	key: 0,
+	class: "flex-1 basis-0 flex justify-end"
+}, He = {
+	key: 0,
+	class: "flex-1 flex flex-col relative z-20 min-h-0 w-full px-4"
+}, Q = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, Ue = {
+	key: 0,
+	class: "h-full pb-12 flex-1 flex flex-col relative z-20 min-h-0 px-4 @[480px]/agent:px-6 max-w-md mx-auto w-full"
+}, We = { class: "flex-1 basis-0 flex flex-col justify-start pt-8 gap-7" }, Ge = {
+	key: 0,
+	class: "flex items-center justify-center gap-3"
+}, Ke = ["href"], qe = {
+	key: 1,
+	class: "flex-1 flex flex-col relative z-20 min-h-0 w-full gap-4 px-4"
+}, Je = { class: "max-w-md mx-auto" }, Ye = {
+	key: 2,
+	class: "flex-1 flex flex-col relative z-20 min-h-0 w-full px-4 @[480px]/agent:px-6"
+}, Xe = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, Ze = {
+	key: 2,
+	class: "bg-gradient-to-br from-theme-800 to-theme-950 text-white flex items-center justify-center h-full p-8"
+}, Qe = { class: "text-center max-w-md space-y-4" }, $e = { class: "text-sm text-white/70 leading-relaxed" }, et = {
+	key: 3,
+	class: "bg-white/10 backdrop-blur-sm text-white/70 flex items-center justify-center h-full"
+}, $ = /* @__PURE__ */ S({
+	__name: "AgentChat",
+	props: {
+		sdk: {},
+		agent: {},
+		context: {},
+		firstMessage: {},
+		buttonText: {},
+		buttonIcon: {},
+		hasClose: {
+			type: Boolean,
+			default: !1
+		},
+		isActive: {
+			type: Boolean,
+			default: !0
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		theme: { default: "green" },
+		requireAuth: {
+			type: Boolean,
+			default: !1
+		},
+		chatOnly: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["close", "error"],
+	setup(t, { emit: o }) {
+		let l = o, d = ne(), p = k(!1), m = k(!1), S = k(), C = k(), j = h(() => d.value?.agentMode?.value ?? "self"), I = h(() => d.value?.textState.value.isConnected ?? !1), R = h(() => t.sdk.activeUser.value !== void 0), z = h(() => i.find((e) => e.mode === j.value));
+		function createChatController() {
+			d.value && d.value.destroy();
+			try {
+				d.value = new r({
+					sdk: t.sdk,
+					agent: t.agent,
+					context: t.context,
+					firstMessage: t.firstMessage
+				});
+			} catch (e) {
+				throw console.error("AgentChatController creation failed:", e), e;
+			}
+		}
+		function applyTheme(e) {
+			if (!C.value) return;
+			let t = te(e);
+			Object.entries(t).forEach(([e, t]) => {
+				C.value.style.setProperty(`--primary-${e}`, t);
+			});
+		}
+		E(() => {
+			try {
+				createChatController(), applyTheme(t.theme), t.chatOnly && d.value && d.value.setMode("chat");
+			} catch (e) {
+				let t = e instanceof Error ? e.message : "Couldn't initialize your assistant";
+				S.value = t, l("error", t);
+			}
+		}), D(() => {
+			d.value && d.value.destroy();
+		}), P(() => t.theme, (e) => {
+			applyTheme(e);
+		}), P(() => t.sdk.activeUser.value, (e, t) => {
+			t && !e && d.value && d.value.setMode("self");
+		});
+		let B = h(() => !!(t.agent.cover.value?.src && t.agent.cover.value?.quality === "low") || !!(t.agent.avatar.value?.src && t.agent.avatar.value?.quality === "low")), V = h(() => {
+			let e = [B.value ? "backdrop-blur-sm" : ""];
+			return B.value && j.value === "self" ? e.push("from-black/80 via-black/60 to-black/80") : j.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(" ");
+		}), H = {
+			phone: "i-heroicons-phone",
+			calendar: "i-heroicons-calendar",
+			question: "i-heroicons-question-mark-circle",
+			message: "i-heroicons-chat-bubble-left-right",
+			sparkles: "i-heroicons-sparkles"
+		}, U = h(() => ee({
+			template: t.buttonText || "Talk to {name}",
+			agent: t.agent.toConfig()
+		})), W = h(() => H[t.buttonIcon || "phone"] || H.phone);
+		return (r, i) => (O(), v("div", {
+			ref_key: "rootElement",
+			ref: C,
+			key: N(n)(t.agent.toConfig()),
+			class: "pagelines-sdk @container/agent pagelines-agent w-full h-full overflow-hidden relative",
+			"data-test": "agent-chat"
+		}, [
+			t.loading ? (O(), v("div", Ne, [x(s, { class: "text-white size-8" })])) : t.agent && !S.value ? (O(), v("div", {
+				key: 1,
+				class: "absolute inset-0 bg-cover bg-center bg-no-repeat",
+				style: T({ backgroundImage: `url(${N(n)(t.agent.toConfig())})` }),
+				"data-quality": t.agent.avatar.value?.quality || "none"
+			}, [y("div", { class: w(["absolute inset-0 bg-gradient-to-br z-0", V.value]) }, null, 2), y("div", { class: w(["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"]) }, [y("div", { class: w(["relative z-30 p-2", j.value === "self" ? "" : "backdrop-blur-lg"]) }, [t.chatOnly ? (O(), v("div", Fe, [y("div", Ie, [y("img", {
+				src: N(n)(t.agent.toConfig()),
+				alt: t.agent.displayName.value,
+				class: "size-8 rounded-full object-cover"
+			}, null, 8, Le), y("span", Re, M(t.agent.displayName.value), 1)]), t.hasClose ? (O(), v("div", ze, [y("button", {
+				class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
+				onClick: i[0] || (i[0] = L((e) => l("close", "button"), ["stop"]))
+			}, [...i[7] || (i[7] = [y("i", { class: "size-6 i-tabler-x" }, null, -1)])])])) : _("", !0)])) : (O(), v("div", {
+				key: 1,
+				class: w(["flex items-center", t.hasClose ? "" : "justify-between"])
+			}, [
+				y("div", { class: w(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) => p.value = !0)
+				}, [...i[8] || (i[8] = [y("i", { class: "i-tabler-menu size-7" }, null, -1)])])], 2),
+				y("button", {
+					class: w(["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: i[2] || (i[2] = (e) => m.value = !0)
+				}, [
+					y("i", { class: w([z.value?.icon, "size-4 opacity-60"]) }, null, 2),
+					y("span", Be, M(z.value?.label), 1),
+					i[9] || (i[9] = y("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
+				], 2),
+				t.hasClose ? (O(), 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] = L((e) => l("close", "button"), ["stop"]))
+				}, [...i[10] || (i[10] = [y("i", { class: "size-6 i-tabler-x" }, null, -1)])])])) : _("", !0)
+			], 2))], 2), t.chatOnly ? (O(), v("div", He, [y("div", Q, [x(c, {
+				"chat-controller": d.value,
+				agent: t.agent,
+				"show-header": ""
+			}, null, 8, ["chat-controller", "agent"])])])) : (O(), v(f, { key: 1 }, [j.value === "self" ? (O(), v("div", Ue, [
+				i[11] || (i[11] = y("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
+				x(be, {
+					agent: t.agent,
+					"is-online": I.value
+				}, null, 8, ["agent", "is-online"]),
+				y("div", We, [x(u, {
+					theme: "primary",
+					size: "lg",
+					class: "w-full",
+					icon: W.value,
+					"data-test": "voice-button",
+					onClick: i[4] || (i[4] = (e) => d.value?.setMode("talk"))
+				}, {
+					default: F(() => [b(M(U.value), 1)]),
+					_: 1
+				}, 8, ["icon"]), t.agent.accounts.value && t.agent.accounts.value.length > 0 ? (O(), v("div", Ge, [(O(!0), v(f, null, A((t.agent.accounts.value || []).filter((t) => N(e)[t.platform]), (t) => (O(), v("a", {
+					key: `${t.platform}-${t.handle}`,
+					href: N(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: w([N(e)[t.platform].icon, "size-5"]) }, null, 2)], 8, Ke))), 128))])) : _("", !0)])
+			])) : j.value === "talk" ? (O(), v("div", qe, [t.requireAuth && !R.value ? (O(), g(G, {
+				key: 0,
+				sdk: t.sdk
+			}, null, 8, ["sdk"])) : (O(), v(f, { key: 1 }, [y("div", null, [y("div", Je, [x(a, {
+				agent: t.agent,
+				"is-online": I.value
+			}, null, 8, ["agent", "is-online"])])]), x(c, {
+				"chat-controller": d.value,
+				agent: t.agent
+			}, null, 8, ["chat-controller", "agent"])], 64))])) : (O(), v("div", Ye, [y("div", Xe, [j.value === "chat" ? (O(), v(f, { key: 0 }, [t.requireAuth && !R.value ? (O(), g(G, {
+				key: 0,
+				sdk: t.sdk
+			}, null, 8, ["sdk"])) : (O(), g(c, {
+				key: 1,
+				"chat-controller": d.value,
+				agent: t.agent,
+				"show-header": ""
+			}, null, 8, ["chat-controller", "agent"]))], 64)) : j.value === "info" ? (O(), g(ue, {
+				key: 1,
+				agent: t.agent,
+				"is-online": I.value
+			}, null, 8, ["agent", "is-online"])) : _("", !0)])]))], 64))], 2)], 12, Pe)) : S.value ? (O(), v("div", Ze, [y("div", Qe, [
+				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, M(S.value), 1)
+			])])) : (O(), v("div", et, " Couldn't load your assistant. Please try again later. ")),
+			t.chatOnly ? _("", !0) : (O(), g(Me, {
+				key: 4,
+				modelValue: p.value,
+				"onUpdate:modelValue": i[5] || (i[5] = (e) => p.value = e),
+				agent: t.agent,
+				sdk: t.sdk,
+				title: t.agent.displayName.value,
+				"data-test": "agent-sidebar"
+			}, null, 8, [
+				"modelValue",
+				"agent",
+				"sdk",
+				"title"
+			])),
+			t.chatOnly ? _("", !0) : (O(), g(je, {
+				key: 5,
+				modelValue: m.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"]))
+		]));
+	}
+}), tt = /* @__PURE__ */ S({
+	__name: "AgentProvider",
+	props: {
+		sdk: {},
+		agent: {},
+		handle: {},
+		context: {},
+		firstMessage: {},
+		buttonText: {},
+		buttonIcon: {},
+		hasClose: { type: Boolean },
+		chatOnly: { type: Boolean },
+		apiBase: {}
+	},
+	emits: ["close", "error"],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		return (e, t) => (O(), g(d, C(n, { class: "agent-provider size-full relative" }), {
+			default: F((e) => [x($, {
+				sdk: e.sdk,
+				agent: e.agent,
+				context: e.context,
+				"first-message": e.firstMessage,
+				"button-text": n.buttonText,
+				"button-icon": n.buttonIcon,
+				"has-close": n.hasClose,
+				"chat-only": n.chatOnly,
+				"is-active": !0,
+				class: "size-full",
+				onClose: t[0] || (t[0] = (e) => r("close", e)),
+				onError: t[1] || (t[1] = (e) => r("error", e))
+			}, null, 8, [
+				"sdk",
+				"agent",
+				"context",
+				"first-message",
+				"button-text",
+				"button-icon",
+				"has-close",
+				"chat-only"
+			])]),
+			_: 1
+		}, 16));
+	}
+});
+//#endregion
+export { $ as n, tt as t };
+
+//# sourceMappingURL=AgentProvider.js.map