@pagelines/sdk 1.0.758 → 1.0.760

package/dist/AgentProvider.js

@@ -1,11 +1,11 @@
 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, 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";
+import { a as t, c as n, d as r, f as i, h as a, l as o, n as s, o as c, p as l, s as u, t as d, u as f } from "./AgentWrap.js";
+import { getColorSchemeOklch as ee } from "@pagelines/core";
+import { Fragment as p, Transition as m, TransitionGroup as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createSlots as x, createTextVNode as S, createVNode as C, defineComponent as w, guardReactiveProps as T, mergeProps as E, normalizeClass as D, normalizeProps as O, normalizeStyle as k, onMounted as A, onUnmounted as te, openBlock as j, ref as M, renderList as N, renderSlot as P, shallowRef as ne, toDisplayString as F, unref as I, watch as L, withCtx as R, withKeys as z, withModifiers as B } from "vue";
 //#endregion
 //#region ui/EffectTransitionList.vue
-var B = /* @__PURE__ */ C({
+var V = /* @__PURE__ */ w({
 	__name: "EffectTransitionList",
 	props: {
 		disabled: {
@@ -15,39 +15,39 @@ var B = /* @__PURE__ */ C({
 		mode: { default: "block" }
 	},
 	setup(e) {
-		return (t, n) => (A(), g(m, { name: e.disabled ? "" : "nlist" }, {
-			default: L(() => [N(t.$slots, "default")]),
+		return (t, n) => (j(), _(h, { name: e.disabled ? "" : "nlist" }, {
+			default: R(() => [P(t.$slots, "default")]),
 			_: 3
 		}, 8, ["name"]));
 	}
-}), V = ["data-test-mode"], H = { class: "w-full max-w-xs space-y-12" }, U = {
+}), H = ["data-test-mode"], U = { class: "w-full max-w-xs space-y-12" }, W = {
 	key: 0,
 	class: "text-xs text-theme-400 text-center"
-}, W = { class: "text-base font-light text-white text-center" }, G = { class: "space-y-6 relative" }, K = {
+}, G = { class: "text-base font-light text-white text-center" }, K = { class: "space-y-6 relative" }, q = {
 	key: "email-field",
 	class: "w-full"
-}, q = {
+}, J = {
 	key: "code-field",
 	class: "w-full"
-}, J = /* @__PURE__ */ C({
+}, Y = /* @__PURE__ */ w({
 	__name: "ElAuthGate",
 	props: { sdk: {} },
 	setup(e) {
-		let n = j({
+		let t = M({
 			email: "",
 			code: ""
-		}), r = j("email"), i = j(!1), a = {
+		}), r = M("email"), i = M(!1), a = {
 			email: {
 				title: "Enter Your Email",
 				button: {
 					label: "Continue",
-					disabled: () => !n.value.email || i.value
+					disabled: () => !t.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");
+							await e.sdk.auth.requestAuthCode({ email: t.value.email }) && (r.value = "code");
 						} finally {
 							i.value = !1;
 						}
@@ -58,15 +58,15 @@ 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 || i.value
 				},
 				action: async () => {
 					if (!i.value) {
 						i.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;
@@ -74,33 +74,33 @@ var B = /* @__PURE__ */ C({
 					}
 				}
 			}
-		}, o = h(() => a[r.value]);
-		return I(() => e.sdk.activeUser.value, (e) => {
+		}, o = g(() => a[r.value]);
+		return L(() => e.sdk.activeUser.value, (e) => {
 			e && r.value === "code" && console.log("[ElAuthGate] Authentication successful", { email: e.email });
-		}), (i, a) => (A(), v("div", {
+		}), (i, a) => (j(), y("div", {
 			"data-test": "auth-form",
 			"data-test-mode": r.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(o.value.title), 1),
-			y("div", G, [S(B, null, {
-				default: L(() => [r.value === "email" ? (A(), v("div", K, [S(l, {
-					modelValue: n.value.email,
-					"onUpdate:modelValue": a[0] || (a[0] = (e) => n.value.email = e),
+		}, [b("div", U, [
+			e.sdk.error.value ? (j(), y("p", W, F(e.sdk.error.value), 1)) : v("", !0),
+			b("h3", G, F(o.value.title), 1),
+			b("div", K, [C(V, null, {
+				default: R(() => [r.value === "email" ? (j(), y("div", q, [C(u, {
+					modelValue: t.value.email,
+					"onUpdate:modelValue": a[0] || (a[0] = (e) => t.value.email = e),
 					"data-test": "auth-email-input",
-					onKeyup: R(o.value.action, ["enter"])
-				}, null, 8, ["modelValue", "onKeyup"])])) : (A(), v("div", q, [S(t, {
-					modelValue: n.value.code,
-					"onUpdate:modelValue": a[1] || (a[1] = (e) => n.value.code = e),
+					onKeyup: z(o.value.action, ["enter"])
+				}, null, 8, ["modelValue", "onKeyup"])])) : (j(), y("div", J, [C(c, {
+					modelValue: t.value.code,
+					"onUpdate:modelValue": a[1] || (a[1] = (e) => t.value.code = e),
 					length: 6,
 					"focus-first": !0,
 					"data-test": "auth-code-input",
 					onAutoSubmit: o.value.action
-				}, null, 8, ["modelValue", "onAutoSubmit"])])), (A(), v("div", {
+				}, null, 8, ["modelValue", "onAutoSubmit"])])), (j(), y("div", {
 					key: o.value.button.label,
 					class: "space-y-4 w-full"
-				}, [S(u, {
+				}, [C(n, {
 					theme: "primary",
 					size: "md",
 					class: "w-full",
@@ -109,22 +109,22 @@ var B = /* @__PURE__ */ C({
 					disabled: o.value.button.disabled() || e.sdk.loading.value,
 					onClick: o.value.action
 				}, {
-					default: L(() => [x(P(o.value.button.label), 1)]),
+					default: R(() => [S(F(o.value.button.label), 1)]),
 					_: 1
 				}, 8, [
 					"loading",
 					"disabled",
 					"onClick"
-				]), r.value === "code" ? (A(), v("button", {
+				]), r.value === "code" ? (j(), y("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)]))]),
+				}, " Change Email ")) : v("", !0)]))]),
 				_: 1
 			})])
-		])], 8, V));
+		])], 8, H));
 	}
-}), Y = { 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" }, X = { class: "flex-1 space-y-6 pb-12" }, ie = {
+}), re = { 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" }, X = { class: "flex-1 space-y-6 pb-12" }, ie = {
 	key: 0,
 	class: "text-sm bg-white/10 backdrop-blur-sm rounded-2xl p-4 border border-white/20 space-y-3"
 }, ae = ["innerHTML"], oe = {
@@ -136,7 +136,7 @@ var B = /* @__PURE__ */ C({
 }, le = ["href"], ue = {
 	key: 3,
 	class: "space-y-3"
-}, de = { class: "grid grid-cols-2 gap-3" }, fe = ["href"], pe = /* @__PURE__ */ C({
+}, de = { class: "grid grid-cols-2 gap-3" }, fe = ["href"], pe = /* @__PURE__ */ w({
 	__name: "ElAgentAbout",
 	props: {
 		agent: {},
@@ -145,35 +145,35 @@ var B = /* @__PURE__ */ C({
 			default: !1
 		}
 	},
-	setup(t) {
-		return (n, r) => (A(), v("div", Y, [S(a, {
-			agent: t.agent,
-			"is-online": t.isOnline
-		}, null, 8, ["agent", "is-online"]), y("div", X, [
-			t.agent.summary.value ? (A(), v("div", ie, [r[0] || (r[0] = y("h3", { class: "font-medium text-white/50" }, " About ", -1)), y("div", {
+	setup(n) {
+		return (r, i) => (j(), y("div", re, [C(t, {
+			agent: n.agent,
+			"is-online": n.isOnline
+		}, null, 8, ["agent", "is-online"]), b("div", X, [
+			n.agent.summary.value ? (j(), y("div", ie, [i[0] || (i[0] = b("h3", { class: "font-medium text-white/50" }, " About ", -1)), b("div", {
 				class: "text-white/70 leading-relaxed",
-				innerHTML: t.agent.summary.value
-			}, null, 8, ae)])) : _("", !0),
-			t.agent.entityType.value === "company" ? (A(), v("div", oe, [r[1] || (r[1] = y("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)), y("p", se, " This is a company agent representing " + P(t.agent.name.value) + ". ", 1)])) : _("", !0),
-			t.agent.email.value ? (A(), v("div", ce, [r[3] || (r[3] = y("h3", { class: "text-sm font-medium text-white/90" }, " Contact ", -1)), y("a", {
-				href: `mailto:${t.agent.email.value}`,
+				innerHTML: n.agent.summary.value
+			}, null, 8, ae)])) : v("", !0),
+			n.agent.entityType.value === "company" ? (j(), y("div", oe, [i[1] || (i[1] = b("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)), b("p", se, " This is a company agent representing " + F(n.agent.name.value) + ". ", 1)])) : v("", !0),
+			n.agent.email.value ? (j(), y("div", ce, [i[3] || (i[3] = b("h3", { class: "text-sm font-medium text-white/90" }, " Contact ", -1)), b("a", {
+				href: `mailto:${n.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), x(" Email ", -1)])], 8, le)])) : _("", !0),
-			t.agent.accounts.value && t.agent.accounts.value.length > 0 ? (A(), v("div", ue, [r[4] || (r[4] = y("h3", { class: "text-sm font-medium text-white/90" }, " Links ", -1)), y("div", de, [(A(!0), v(f, null, M(t.agent.accounts.value, (t) => (A(), v("a", {
+			}, [...i[2] || (i[2] = [b("span", { class: "i-heroicons-envelope flex items-center size-[1.1em] mt-[-.07em]" }, null, -1), S(" Email ", -1)])], 8, le)])) : v("", !0),
+			n.agent.accounts.value && n.agent.accounts.value.length > 0 ? (j(), y("div", ue, [i[4] || (i[4] = b("h3", { class: "text-sm font-medium text-white/90" }, " Links ", -1)), b("div", de, [(j(!0), y(p, null, N(n.agent.accounts.value, (t) => (j(), y("a", {
 				key: `${t.platform}-${t.handle}`,
-				href: F(e)[t.platform].getUrl(t.handle),
+				href: I(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: E(["flex items-center size-[1.1em] mt-[-.07em]", F(e)[t.platform].icon]) }, null, 2), x(" " + P(F(e)[t.platform].label), 1)], 8, fe))), 128))])])) : _("", !0)
+			}, [b("span", { class: D(["flex items-center size-[1.1em] mt-[-.07em]", I(e)[t.platform].icon]) }, null, 2), S(" " + F(I(e)[t.platform].label), 1)], 8, fe))), 128))])])) : v("", !0)
 		])]));
 	}
 }), me = { class: "flex flex-col items-center text-center gap-4" }, he = { class: "relative flex-shrink-0" }, ge = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, _e = ["src", "alt"], ve = { class: "absolute top-1.5 right-1.5" }, ye = {
 	key: 1,
 	class: "size-4 bg-theme-400 rounded-full ring-2 ring-white"
-}, be = { class: "min-w-0" }, xe = { class: "text-3xl font-light text-white mb-2 truncate" }, Se = { class: "text-base font-light text-white/60 line-clamp-1" }, Ce = /* @__PURE__ */ C({
+}, be = { class: "min-w-0" }, xe = { class: "text-3xl font-light text-white mb-2 truncate" }, Se = { class: "text-base font-light text-white/60 line-clamp-1" }, Ce = /* @__PURE__ */ w({
 	__name: "ElAgentHeader",
 	props: {
 		agent: {},
@@ -183,37 +183,37 @@ var B = /* @__PURE__ */ C({
 		}
 	},
 	setup(e) {
-		return (t, n) => (A(), v("div", me, [y("div", he, [y("div", ge, [y("img", {
+		return (t, n) => (j(), y("div", me, [b("div", he, [b("div", ge, [b("img", {
 			src: e.agent.avatarUrl.value,
 			alt: e.agent.displayName.value,
 			class: "w-full h-full object-cover",
-			onError: n[0] || (n[0] = (...e) => F(o) && F(o)(...e))
-		}, null, 40, _e)]), y("div", ve, [e.isOnline ? (A(), v(f, { key: 0 }, [n[1] || (n[1] = y("div", {
+			onError: n[0] || (n[0] = (...e) => I(f) && I(f)(...e))
+		}, null, 40, _e)]), b("div", ve, [e.isOnline ? (j(), y(p, { key: 0 }, [n[1] || (n[1] = b("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", 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] = b("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))], 64)) : (j(), y("div", ye))])]), b("div", be, [b("h1", xe, F(e.agent.displayName.value), 1), b("p", Se, F(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({
+}), 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__ */ w({
 	name: "SelfSidebarClose",
 	__name: "AgentSidebarClose",
 	emits: ["click"],
 	setup(e) {
-		let t = j(!1);
-		return k(() => {
+		let t = M(!1);
+		return A(() => {
 			setTimeout(() => {
 				t.value = !0;
 			}, 100);
-		}), (e, n) => (A(), v("a", {
+		}), (e, n) => (j(), y("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", we, [y("span", {
-			class: E(["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"]),
+		}, [n[1] || (n[1] = b("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)), b("span", we, [b("span", {
+			class: D(["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: E(["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"]),
+		}, null, 2), b("span", {
+			class: D(["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"
@@ -229,7 +229,7 @@ var B = /* @__PURE__ */ C({
 }, ke = ["disabled", "onClick"], Ae = { class: "flex items-center gap-3" }, je = { class: "flex-1" }, Me = {
 	key: 0,
 	class: "text-xs text-white/50 mt-0.5"
-}, Ne = { class: "p-6" }, Z = /* @__PURE__ */ C({
+}, Ne = { class: "p-6" }, Z = /* @__PURE__ */ w({
 	name: "ElSidebar",
 	inheritAttrs: !1,
 	__name: "ElSidebar",
@@ -242,17 +242,17 @@ var B = /* @__PURE__ */ C({
 	},
 	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({
+		let n = e, r = t, i = n.position || "left", a = n.widthClasses || "w-[80%] max-w-[300px]", o = g({
 			get: () => n.modelValue,
 			set: (e) => r("update:modelValue", e)
-		}), s = h(() => n.items.filter((e) => !e.isHidden));
+		}), s = g(() => 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" ? {
+		let c = g(() => i === "left" ? {
 			enter: "-translate-x-full",
 			leave: "-translate-x-full",
 			position: "justify-start",
@@ -263,7 +263,7 @@ var B = /* @__PURE__ */ C({
 			position: "justify-end",
 			closeButton: "-left-16"
 		});
-		return (t, n) => (A(), v(f, null, [S(p, {
+		return (t, n) => (j(), y(p, null, [C(m, {
 			"enter-active-class": "transition-opacity duration-300 ease-out",
 			"leave-active-class": "transition-opacity duration-200 ease-in",
 			"enter-from-class": "opacity-0",
@@ -271,13 +271,13 @@ var B = /* @__PURE__ */ C({
 			"leave-from-class": "opacity-100",
 			"leave-to-class": "opacity-0"
 		}, {
-			default: L(() => [o.value ? (A(), v("div", {
+			default: R(() => [o.value ? (j(), y("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)]),
+			})) : v("", !0)]),
 			_: 1
-		}), S(p, {
+		}), C(m, {
 			"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,
@@ -285,49 +285,49 @@ var B = /* @__PURE__ */ C({
 			"leave-from-class": "translate-x-0",
 			"leave-to-class": c.value.leave
 		}, {
-			default: L(() => [o.value ? (A(), v("div", {
+			default: R(() => [o.value ? (j(), y("div", {
 				key: 0,
-				class: E(["absolute inset-0 z-50 flex", c.value.position]),
+				class: D(["absolute inset-0 z-50 flex", c.value.position]),
 				onClick: n[3] || (n[3] = (e) => o.value = !1)
-			}, [y("div", {
-				class: E(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", F(a)]),
-				onClick: n[2] || (n[2] = z(() => {}, ["stop"]))
+			}, [b("div", {
+				class: D(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", I(a)]),
+				onClick: n[2] || (n[2] = B(() => {}, ["stop"]))
 			}, [
-				S(Te, {
-					class: E(["absolute top-4 z-10 text-white", c.value.closeButton]),
+				C(Te, {
+					class: D(["absolute top-4 z-10 text-white", c.value.closeButton]),
 					onClick: n[1] || (n[1] = (e) => o.value = !1)
 				}, null, 8, ["class"]),
-				e.title ? (A(), v("div", Ee, [y("h3", De, P(e.title), 1)])) : _("", !0),
-				t.$slots.header ? (A(), v("div", Oe, [N(t.$slots, "header")])) : _("", !0),
-				y("div", { class: E(["flex-1 p-6 space-y-2 overflow-y-auto", {
+				e.title ? (j(), y("div", Ee, [b("h3", De, F(e.title), 1)])) : v("", !0),
+				t.$slots.header ? (j(), y("div", Oe, [P(t.$slots, "header")])) : v("", !0),
+				b("div", { class: D(["flex-1 p-6 space-y-2 overflow-y-auto", {
 					"pt-6": !e.title && !t.$slots.header,
 					"pt-4": e.title || t.$slots.header
-				}]) }, [S(m, {
+				}]) }, [C(h, {
 					"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": F(i) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0",
+					"enter-from-class": I(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": F(i) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
+					"leave-to-class": I(i) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
 				}, {
-					default: L(() => [(A(!0), v(f, null, M(s.value, (e, t) => (A(), v("button", {
+					default: R(() => [(j(!0), y(p, null, N(s.value, (e, t) => (j(), y("button", {
 						key: e.key || e.label || t,
-						style: O({ transitionDelay: `${t * 40}ms` }),
-						class: E(["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"]]),
+						style: k({ transitionDelay: `${t * 40}ms` }),
+						class: D(["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", Ae, [e.icon?.src ? (A(), v("i", {
+					}, [b("div", Ae, [e.icon?.src ? (j(), y("i", {
 						key: 0,
-						class: E(["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", je, [y("div", { class: E(["font-medium text-sm", e.isActive ? "text-primary-300" : "text-white"]) }, P(e.label), 3), e.subLabel ? (A(), v("div", Me, P(e.subLabel), 1)) : _("", !0)])])], 14, ke))), 128))]),
+						class: D(["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)) : v("", !0), b("div", je, [b("div", { class: D(["font-medium text-sm", e.isActive ? "text-primary-300" : "text-white"]) }, F(e.label), 3), e.subLabel ? (j(), y("div", Me, F(e.subLabel), 1)) : v("", !0)])])], 14, ke))), 128))]),
 					_: 1
 				}, 8, ["enter-from-class", "leave-to-class"])], 2),
-				y("div", Ne, [N(t.$slots, "footer")])
-			], 2)], 2)) : _("", !0)]),
+				b("div", Ne, [P(t.$slots, "footer")])
+			], 2)], 2)) : v("", !0)]),
 			_: 3
 		}, 8, ["enter-from-class", "leave-to-class"])], 64));
 	}
-}), Pe = /* @__PURE__ */ C({
+}), Pe = /* @__PURE__ */ w({
 	name: "AgentModeSidebar",
 	__name: "ElAgentModeSidebar",
 	props: {
@@ -336,28 +336,28 @@ var B = /* @__PURE__ */ C({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, a = h({
+		let n = e, r = t, i = g({
 			get: () => n.modelValue,
 			set: (e) => r("update:modelValue", e)
-		}), o = h(() => n.chatController?.agentMode?.value ?? "self"), s = h(() => i.map((e) => ({
+		}), a = g(() => n.chatController?.agentMode?.value ?? "self"), o = g(() => l.map((e) => ({
 			key: e.mode,
 			icon: { src: e.icon },
 			label: e.label,
-			isActive: o.value === e.mode,
+			isActive: a.value === e.mode,
 			onClick: () => {
 				n.chatController?.setMode(e.mode);
 			}
 		})));
-		return (e, t) => (A(), g(Z, {
-			modelValue: a.value,
-			"onUpdate:modelValue": t[0] || (t[0] = (e) => a.value = e),
-			items: s.value,
+		return (e, t) => (j(), _(Z, {
+			modelValue: i.value,
+			"onUpdate:modelValue": t[0] || (t[0] = (e) => i.value = e),
+			items: o.value,
 			position: "right",
 			title: "Mode",
 			"width-classes": "w-[80%] max-w-[255px]"
 		}, null, 8, ["modelValue", "items"]));
 	}
-}), Fe = /* @__PURE__ */ C({
+}), Fe = /* @__PURE__ */ w({
 	name: "AgentSidebar",
 	__name: "ElAgentSidebar",
 	props: {
@@ -368,10 +368,10 @@ var B = /* @__PURE__ */ C({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = h({
+		let n = e, r = t, i = g({
 			get: () => n.modelValue,
 			set: (e) => r("update:modelValue", e)
-		}), a = h(() => {
+		}), a = g(() => {
 			let e = [
 				{
 					key: "share",
@@ -410,7 +410,7 @@ var B = /* @__PURE__ */ C({
 				}
 			}), e;
 		});
-		return (t, n) => (A(), g(Z, {
+		return (t, n) => (j(), _(Z, {
 			modelValue: i.value,
 			"onUpdate:modelValue": n[0] || (n[0] = (e) => i.value = e),
 			items: a.value,
@@ -452,7 +452,7 @@ var B = /* @__PURE__ */ C({
 }, 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__ */ C({
+}, $ = /* @__PURE__ */ w({
 	__name: "AgentChat",
 	props: {
 		sdk: {},
@@ -487,19 +487,28 @@ var B = /* @__PURE__ */ C({
 			default: !1
 		},
 		emptyStateMessage: {},
-		suggestedPrompts: { default: () => [] }
+		suggestedPrompts: { default: () => [] },
+		createVoiceClientFn: { type: Function }
 	},
-	emits: ["close", "error"],
-	setup(t, { emit: o }) {
-		let l = o, 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(() => t.sdk.activeUser.value !== void 0), H = h(() => i.find((e) => e.mode === R.value));
+	emits: [
+		"close",
+		"error",
+		"turnStarted",
+		"turnCompleted"
+	],
+	setup(c, { emit: u }) {
+		let d = u, f = ne(), m = M(!1), h = M(!1), w = M(), E = M(), z = g(() => f.value?.agentMode?.value ?? "self"), V = g(() => f.value?.textState.value.isConnected ?? !1), H = g(() => c.sdk.activeUser.value !== void 0), U = g(() => l.find((e) => e.mode === z.value));
 		function createChatController() {
-			d.value && d.value.destroy();
+			f.value && f.value.destroy();
 			try {
-				d.value = new r({
-					sdk: t.sdk,
-					agent: t.agent,
-					context: t.context,
-					firstMessage: t.firstMessage
+				f.value = new i({
+					sdk: c.sdk,
+					agent: c.agent,
+					context: c.context,
+					firstMessage: c.firstMessage,
+					...c.createVoiceClientFn ? { createVoiceClientFn: c.createVoiceClientFn } : {},
+					onTurnStarted: () => d("turnStarted"),
+					onTurnCompleted: (e) => d("turnCompleted", e)
 				});
 			} catch (e) {
 				throw console.error("AgentChatController creation failed:", e), e;
@@ -509,105 +518,105 @@ 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);
+			w.value = t, d("error", t);
 		}
 		function applyTheme(e) {
-			if (!T.value) return;
-			let t = te(e);
+			if (!E.value) return;
+			let t = ee(e);
 			Object.entries(t).forEach(([e, t]) => {
-				T.value.style.setProperty(`--primary-${e}`, t);
+				E.value.style.setProperty(`--primary-${e}`, t);
 			});
 		}
-		k(() => {
+		A(() => {
 			try {
-				applyTheme(t.theme), t.chatOnly && d.value && d.value.setMode("chat");
+				applyTheme(c.theme), c.chatOnly && f.value && f.value.setMode("chat");
 			} catch (e) {
 				let t = e instanceof Error ? e.message : "Couldn't initialize your assistant";
-				C.value = t, l("error", t);
+				w.value = t, d("error", t);
 			}
-		}), ne(() => {
-			d.value && d.value.destroy();
-		}), I(() => t.theme, (e) => {
+		}), te(() => {
+			f.value && f.value.destroy();
+		}), L(() => c.theme, (e) => {
 			applyTheme(e);
-		}), I(() => t.sdk.activeUser.value, (e, t) => {
-			t && !e && d.value && d.value.setMode("self");
+		}), L(() => c.sdk.activeUser.value, (e, t) => {
+			t && !e && f.value && f.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 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 = {
+		let W = g(() => !!(c.agent.cover.value?.src && c.agent.cover.value?.quality === "low") || !!(c.agent.avatar.value?.src && c.agent.avatar.value?.quality === "low")), G = g(() => {
+			let e = [W.value ? "backdrop-blur-sm" : ""];
+			return W.value && z.value === "self" ? e.push("from-black/80 via-black/60 to-black/80") : z.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(" ");
+		}), K = {
 			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"
-		}, K = h(() => ee({
-			template: t.buttonText || "Talk to {name}",
-			agent: t.agent.toConfig()
-		})), q = h(() => G[t.buttonIcon || "phone"] || G.phone);
-		return (r, i) => (A(), v("div", {
+		}, q = g(() => r({
+			template: c.buttonText || "Talk to {name}",
+			agent: c.agent.toConfig()
+		})), J = g(() => K[c.buttonIcon || "phone"] || K.phone);
+		return (r, i) => (j(), y("div", {
 			ref_key: "rootElement",
-			ref: T,
-			key: F(n)(t.agent.toConfig()),
+			ref: E,
+			key: I(o)(c.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(s, { class: "text-white size-8" })])) : t.agent && !C.value ? (A(), v("div", {
+			c.loading ? (j(), y("div", Ie, [C(a, { class: "text-white size-8" })])) : c.agent && !w.value ? (j(), y("div", {
 				key: 1,
-				class: E(["absolute inset-0", t.bare ? "bg-theme-0" : "bg-cover bg-center bg-no-repeat"]),
-				style: O(t.bare ? void 0 : { backgroundImage: `url(${F(n)(t.agent.toConfig())})` }),
-				"data-quality": t.agent.avatar.value?.quality || "none"
-			}, [t.bare ? _("", !0) : (A(), v("div", {
+				class: D(["absolute inset-0", c.bare ? "bg-theme-0" : "bg-cover bg-center bg-no-repeat"]),
+				style: k(c.bare ? void 0 : { backgroundImage: `url(${I(o)(c.agent.toConfig())})` }),
+				"data-quality": c.agent.avatar.value?.quality || "none"
+			}, [c.bare ? v("", !0) : (j(), y("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", {
+				class: D(["absolute inset-0 bg-gradient-to-br z-0", G.value])
+			}, null, 2)), b("div", { class: D(["relative z-10 flex flex-col h-full transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] will-change-transform", c.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"]) }, [!c.bare || c.hasClose ? (j(), y("div", {
 				key: 0,
-				class: E(["relative z-30 p-2", !t.bare && R.value !== "self" ? "backdrop-blur-lg" : ""])
-			}, [t.chatOnly ? (A(), v("div", {
+				class: D(["relative z-30 p-2", !c.bare && z.value !== "self" ? "backdrop-blur-lg" : ""])
+			}, [c.chatOnly ? (j(), y("div", {
 				key: 0,
-				class: E(["flex items-center", t.bare ? "justify-end" : ""])
-			}, [t.bare ? _("", !0) : (A(), v("div", Re, [y("img", {
-				src: F(n)(t.agent.toConfig()),
-				alt: t.agent.displayName.value,
+				class: D(["flex items-center", c.bare ? "justify-end" : ""])
+			}, [c.bare ? v("", !0) : (j(), y("div", Re, [b("img", {
+				src: I(o)(c.agent.toConfig()),
+				alt: c.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: 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, ze), b("span", Be, F(c.agent.displayName.value), 1)])), c.hasClose ? (j(), y("div", Ve, [b("button", {
+				class: D(["flex cursor-pointer items-center rounded-2xl p-3 transition-colors", c.bare ? "text-theme-500 hover:bg-theme-50" : "text-white/70 hover:bg-white/10"]),
+				onClick: i[0] || (i[0] = B((e) => d("close", "button"), ["stop"]))
+			}, [...i[7] || (i[7] = [b("i", { class: "size-6 i-tabler-x" }, null, -1)])], 2)])) : v("", !0)], 2)) : (j(), y("div", {
 				key: 1,
-				class: E(["flex items-center", t.hasClose ? "" : "justify-between"])
+				class: D(["flex items-center", c.hasClose ? "" : "justify-between"])
 			}, [
-				y("div", { class: E(t.hasClose ? "flex-1 basis-0" : "") }, [y("button", {
+				b("div", { class: D(c.hasClose ? "flex-1 basis-0" : "") }, [b("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: 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: i[2] || (i[2] = (e) => m.value = !0)
+					onClick: i[1] || (i[1] = (e) => m.value = !0)
+				}, [...i[8] || (i[8] = [b("i", { class: "i-tabler-menu size-7" }, null, -1)])])], 2),
+				b("button", {
+					class: D(["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": h.value }]),
+					onClick: i[2] || (i[2] = (e) => h.value = !0)
 				}, [
-					y("i", { class: E([H.value?.icon, "size-4 opacity-60"]) }, null, 2),
-					y("span", He, P(H.value?.label), 1),
-					i[9] || (i[9] = y("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
+					b("i", { class: D([U.value?.icon, "size-4 opacity-60"]) }, null, 2),
+					b("span", He, F(U.value?.label), 1),
+					i[9] || (i[9] = b("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
 				], 2),
-				t.hasClose ? (A(), v("div", Q, [y("button", {
+				c.hasClose ? (j(), y("div", Q, [b("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), t.chatOnly ? (A(), v("div", {
+					onClick: i[3] || (i[3] = B((e) => d("close", "button"), ["stop"]))
+				}, [...i[10] || (i[10] = [b("i", { class: "size-6 i-tabler-x" }, null, -1)])])])) : v("", !0)
+			], 2))], 2)) : v("", !0), c.chatOnly ? (j(), y("div", {
 				key: 1,
-				class: E(["relative z-20 flex min-h-0 w-full flex-1 flex-col", t.bare ? "bg-theme-0" : "px-4"])
-			}, [y("div", { class: E(["min-h-0 w-full flex-1", t.bare ? "" : "mx-auto max-w-md"]) }, [S(c, {
-				"chat-controller": d.value,
-				agent: t.agent,
-				scope: V.value ? "private" : "public",
-				"empty-state-message": t.emptyStateMessage,
-				"suggested-prompts": t.suggestedPrompts,
-				variant: t.bare ? "light" : "dark",
-				"show-header": !t.bare,
-				centered: t.bare
-			}, b({ _: 2 }, [r.$slots["empty-heading"] ? {
+				class: D(["relative z-20 flex min-h-0 w-full flex-1 flex-col", c.bare ? "bg-theme-0" : "px-4"])
+			}, [b("div", { class: D(["min-h-0 w-full flex-1", c.bare ? "" : "mx-auto max-w-md"]) }, [C(s, {
+				"chat-controller": f.value,
+				agent: c.agent,
+				scope: H.value ? "private" : "public",
+				"empty-state-message": c.emptyStateMessage,
+				"suggested-prompts": c.suggestedPrompts,
+				variant: c.bare ? "light" : "dark",
+				"show-header": !c.bare,
+				centered: c.bare
+			}, x({ _: 2 }, [r.$slots["empty-heading"] ? {
 				name: "empty-heading",
-				fn: L((e) => [N(r.$slots, "empty-heading", D(w(e)))]),
+				fn: R((e) => [P(r.$slots, "empty-heading", O(T(e)))]),
 				key: "0"
 			} : void 0]), 1032, [
 				"chat-controller",
@@ -618,61 +627,61 @@ var B = /* @__PURE__ */ C({
 				"variant",
 				"show-header",
 				"centered"
-			])], 2)], 2)) : (A(), v(f, { key: 2 }, [R.value === "self" ? (A(), v("div", Ue, [
-				i[11] || (i[11] = y("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
-				S(Ce, {
-					agent: t.agent,
-					"is-online": B.value
+			])], 2)], 2)) : (j(), y(p, { key: 2 }, [z.value === "self" ? (j(), y("div", Ue, [
+				i[11] || (i[11] = b("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
+				C(Ce, {
+					agent: c.agent,
+					"is-online": V.value
 				}, null, 8, ["agent", "is-online"]),
-				y("div", We, [S(u, {
+				b("div", We, [C(n, {
 					theme: "primary",
 					size: "lg",
 					class: "w-full",
-					icon: q.value,
+					icon: J.value,
 					"data-test": "voice-button",
-					onClick: i[4] || (i[4] = (e) => d.value?.setMode("talk"))
+					onClick: i[4] || (i[4] = (e) => f.value?.setMode("talk"))
 				}, {
-					default: L(() => [x(P(K.value), 1)]),
+					default: R(() => [S(F(q.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"]), c.agent.accounts.value && c.agent.accounts.value.length > 0 ? (j(), y("div", Ge, [(j(!0), y(p, null, N((c.agent.accounts.value || []).filter((t) => I(e)[t.platform]), (t) => (j(), y("a", {
 					key: `${t.platform}-${t.handle}`,
-					href: F(e)[t.platform].getUrl(t.handle),
+					href: I(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, {
+				}, [b("i", { class: D([I(e)[t.platform].icon, "size-5"]) }, null, 2)], 8, Ke))), 128))])) : v("", !0)])
+			])) : z.value === "talk" ? (j(), y("div", qe, [c.requireAuth && !H.value ? (j(), _(Y, {
 				key: 0,
-				sdk: t.sdk
-			}, null, 8, ["sdk"])) : (A(), v(f, { key: 1 }, [y("div", null, [y("div", Je, [S(a, {
-				agent: t.agent,
-				"is-online": B.value
-			}, null, 8, ["agent", "is-online"])])]), S(c, {
-				"chat-controller": d.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, {
+				sdk: c.sdk
+			}, null, 8, ["sdk"])) : (j(), y(p, { key: 1 }, [b("div", null, [b("div", Je, [C(t, {
+				agent: c.agent,
+				"is-online": V.value
+			}, null, 8, ["agent", "is-online"])])]), C(s, {
+				"chat-controller": f.value,
+				agent: c.agent
+			}, null, 8, ["chat-controller", "agent"])], 64))])) : (j(), y("div", Ye, [b("div", Xe, [z.value === "chat" ? (j(), y(p, { key: 0 }, [c.requireAuth && !H.value ? (j(), _(Y, {
 				key: 0,
-				sdk: t.sdk
-			}, null, 8, ["sdk"])) : (A(), g(c, {
+				sdk: c.sdk
+			}, null, 8, ["sdk"])) : (j(), _(s, {
 				key: 1,
-				"chat-controller": d.value,
-				agent: t.agent,
+				"chat-controller": f.value,
+				agent: c.agent,
 				"show-header": ""
-			}, null, 8, ["chat-controller", "agent"]))], 64)) : R.value === "info" ? (A(), g(pe, {
+			}, null, 8, ["chat-controller", "agent"]))], 64)) : z.value === "info" ? (j(), _(pe, {
 				key: 1,
-				agent: t.agent,
-				"is-online": B.value
-			}, null, 8, ["agent", "is-online"])) : _("", !0)])]))], 64))], 2)], 14, Le)) : C.value ? (A(), 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, P(C.value), 1)
-			])])) : (A(), v("div", et, " Couldn't load your assistant. Please try again later. ")),
-			t.chatOnly ? _("", !0) : (A(), g(Fe, {
+				agent: c.agent,
+				"is-online": V.value
+			}, null, 8, ["agent", "is-online"])) : v("", !0)])]))], 64))], 2)], 14, Le)) : w.value ? (j(), y("div", Ze, [b("div", Qe, [
+				i[12] || (i[12] = b("div", { class: "flex justify-center" }, [b("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [b("i", { class: "i-tabler-alert-circle size-6 text-red-400" })])], -1)),
+				i[13] || (i[13] = b("h3", { class: "text-lg font-medium" }, " Agent Error ", -1)),
+				b("p", $e, F(w.value), 1)
+			])])) : (j(), y("div", et, " Couldn't load your assistant. Please try again later. ")),
+			c.chatOnly ? v("", !0) : (j(), _(Fe, {
 				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,
+				modelValue: m.value,
+				"onUpdate:modelValue": i[5] || (i[5] = (e) => m.value = e),
+				agent: c.agent,
+				sdk: c.sdk,
+				title: c.agent.displayName.value,
 				"data-test": "agent-sidebar"
 			}, null, 8, [
 				"modelValue",
@@ -680,16 +689,16 @@ var B = /* @__PURE__ */ C({
 				"sdk",
 				"title"
 			])),
-			t.chatOnly ? _("", !0) : (A(), g(Pe, {
+			c.chatOnly ? v("", !0) : (j(), _(Pe, {
 				key: 5,
-				modelValue: m.value,
-				"onUpdate:modelValue": i[6] || (i[6] = (e) => m.value = e),
-				"chat-controller": d.value,
+				modelValue: h.value,
+				"onUpdate:modelValue": i[6] || (i[6] = (e) => h.value = e),
+				"chat-controller": f.value,
 				"data-test": "agent-mode-sidebar"
 			}, null, 8, ["modelValue", "chat-controller"]))
 		]));
 	}
-}), tt = /* @__PURE__ */ C({
+}), tt = /* @__PURE__ */ w({
 	__name: "AgentProvider",
 	props: {
 		sdk: {},
@@ -707,11 +716,16 @@ var B = /* @__PURE__ */ C({
 		emptyStateMessage: {},
 		suggestedPrompts: {}
 	},
-	emits: ["close", "error"],
+	emits: [
+		"close",
+		"error",
+		"turnStarted",
+		"turnCompleted"
+	],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (e, t) => (A(), g(d, T(n, { class: "agent-provider size-full relative" }), {
-			default: L((i) => [S($, {
+		return (e, t) => (j(), _(d, E(n, { class: "agent-provider size-full relative" }), {
+			default: R((i) => [C($, {
 				sdk: i.sdk,
 				agent: i.agent,
 				context: i.context,
@@ -726,10 +740,12 @@ var B = /* @__PURE__ */ C({
 				"is-active": !0,
 				class: "size-full",
 				onClose: t[0] || (t[0] = (e) => r("close", e)),
-				onError: t[1] || (t[1] = (e) => r("error", e))
-			}, b({ _: 2 }, [e.$slots["empty-heading"] ? {
+				onError: t[1] || (t[1] = (e) => r("error", e)),
+				onTurnStarted: t[2] || (t[2] = (e) => r("turnStarted")),
+				onTurnCompleted: t[3] || (t[3] = (e) => r("turnCompleted", e))
+			}, x({ _: 2 }, [e.$slots["empty-heading"] ? {
 				name: "empty-heading",
-				fn: L((t) => [N(e.$slots, "empty-heading", D(w(t)))]),
+				fn: R((t) => [P(e.$slots, "empty-heading", O(T(t)))]),
 				key: "0"
 			} : void 0]), 1032, [
 				"sdk",