@pagelines/sdk 1.0.166 → 1.0.168

package/dist/{AgentWrap.vue_vue_type_script_setup_true_lang-Dnt1w4Uv.js → AgentWrap.vue_vue_type_script_setup_true_lang-DWBaKmcq.js}

@@ -2,9 +2,9 @@ var Ze = Object.defineProperty;
 var zt = (e, n, t) => n in e ? Ze(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var r = (e, n) => Ze(e, "name", { value: n, configurable: !0 });
 var E = (e, n, t) => zt(e, typeof n != "symbol" ? n + "" : n, t);
-import { defineComponent as R, createElementBlock as h, openBlock as u, createElementVNode as c, normalizeClass as S, ref as L, watch as Q, createBlock as U, TransitionGroup as at, withCtx as H, renderSlot as ae, computed as I, createCommentVNode as T, onMounted as ue, Fragment as K, renderList as he, withDirectives as it, vModelText as lt, toDisplayString as N, createVNode as P, withKeys as Tt, createTextVNode as ce, unref as j, resolveDynamicComponent as $t, nextTick as Ie, Transition as Ke, withModifiers as Te, normalizeStyle as ct, shallowRef as Et, onUnmounted as Dt } from "vue";
-import { S as se } from "./socialPlatforms-Ck-b3SnQ.js";
-import { S as dt, c as Lt, P as Vt } from "./sdkClient-DlvpHeVt.js";
+import { defineComponent as R, createElementBlock as h, openBlock as u, createElementVNode as d, normalizeClass as S, ref as L, watch as Q, createBlock as U, TransitionGroup as st, withCtx as H, renderSlot as se, computed as I, createCommentVNode as T, onMounted as ue, Fragment as K, renderList as he, withDirectives as it, vModelText as lt, toDisplayString as N, createVNode as P, withKeys as Tt, createTextVNode as de, unref as j, resolveDynamicComponent as $t, nextTick as Ie, Transition as Ke, withModifiers as Te, normalizeStyle as dt, shallowRef as Et, onUnmounted as Dt } from "vue";
+import { S as ae } from "./socialPlatforms-Ck-b3SnQ.js";
+import { S as ct, c as Lt, P as Vt } from "./sdkClient-DlvpHeVt.js";
 const jt = { class: "spinner max-w-sm" }, Pt = {
   class: "ring-circular h-full w-full origin-center",
   viewBox: "25 25 50 50"
@@ -17,7 +17,7 @@ const jt = { class: "spinner max-w-sm" }, Pt = {
   setup(e) {
     return (n, t) => (u(), h("div", jt, [
       (u(), h("svg", Pt, [
-        c("circle", {
+        d("circle", {
           class: S([e.colorMode, "ring-path"]),
           cx: "50",
           cy: "50",
@@ -187,7 +187,7 @@ const ut = [
     label: "About",
     icon: "i-tabler-user-circle"
   }
-], Nt = 256, Ot = 0.8, Rt = 50, pn = {
+], Nt = 256, Ot = 0.8, Rt = 50, vn = {
   bars: 64,
   barWidth: 3,
   barSpacing: 1,
@@ -200,7 +200,7 @@ const ut = [
   // ms to hold peaks
   PEAK_DECAY_STIFFNESS: 0.12,
   PEAK_DECAY_DAMPING: 0.15
-}, vn = [
+}, pn = [
   // Low fundamentals
   85,
   100,
@@ -274,7 +274,7 @@ const ut = [
   7500,
   8e3,
   8500
-], Be = class Be extends dt {
+], Be = class Be extends ct {
   constructor(t) {
     super("ClientAudio", t);
     E(this, "audioContext");
@@ -326,16 +326,16 @@ const ut = [
     try {
       const {
         noiseSuppression: o = !0,
-        echoCancellation: s = !0,
+        echoCancellation: a = !0,
         autoGainControl: i = !0,
-        voiceIsolation: a = !0
+        voiceIsolation: s = !0
       } = t, l = {
         audio: {
           noiseSuppression: { ideal: o, exact: o },
-          echoCancellation: { ideal: s, exact: s },
+          echoCancellation: { ideal: a, exact: a },
           autoGainControl: { ideal: i, exact: i },
           // Chrome-specific voice isolation (degrades gracefully in other browsers)
-          voiceIsolation: { ideal: a, exact: a },
+          voiceIsolation: { ideal: s, exact: s },
           advanced: [
             // Prioritize speech frequencies (300-3400 Hz) - Chrome-specific goog* properties
             // @ts-expect-error - Chrome-specific constraint
@@ -349,9 +349,9 @@ const ut = [
             // @ts-expect-error - Chrome-specific constraint
             { googNoiseSuppression2: o },
             // @ts-expect-error - Chrome-specific constraint
-            { googEchoCancellation: s },
+            { googEchoCancellation: a },
             // @ts-expect-error - Chrome-specific constraint
-            { googEchoCancellation2: s },
+            { googEchoCancellation2: a },
             // @ts-expect-error - Chrome-specific constraint
             { googHighpassFilter: !0 },
             // Remove low-frequency noise (bass from music)
@@ -421,26 +421,26 @@ const ut = [
       return;
     }
     this.logger.info("Starting audio level monitoring with VAD at timestamp:", Date.now());
-    const s = new Uint8Array(this.analyser.frequencyBinCount), i = /* @__PURE__ */ r(async () => {
+    const a = new Uint8Array(this.analyser.frequencyBinCount), i = /* @__PURE__ */ r(async () => {
       if (!this.analyser) {
         this.logger.info("Stopping audio level monitoring - missing analyser");
         return;
       }
       try {
-        this.analyser.getByteFrequencyData(s);
-        const l = s.reduce((f, p) => f + p, 0) / s.length, d = Math.min(l / 128, 1);
-        !this.detectVoiceActivity(d) && this.hasUserStoppedSpeaking() && o && (this.logger.info("VAD: User stopped speaking (silence detected)"), o(), this.lastSpeechTime = 0);
+        this.analyser.getByteFrequencyData(a);
+        const l = a.reduce((f, v) => f + v, 0) / a.length, c = Math.min(l / 128, 1);
+        !this.detectVoiceActivity(c) && this.hasUserStoppedSpeaking() && o && (this.logger.info("VAD: User stopped speaking (silence detected)"), o(), this.lastSpeechTime = 0);
         const x = t?.() ? 0.3 : 0;
-        this.audioLevels.value = { inputLevel: d, outputLevel: x };
+        this.audioLevels.value = { inputLevel: c, outputLevel: x };
       } catch (l) {
         this.logger.error("Error in audio level monitoring:", l), this.stopAudioLevelMonitoring();
       }
-    }, "updateLevels"), a = /* @__PURE__ */ r(() => {
+    }, "updateLevels"), s = /* @__PURE__ */ r(() => {
       i().catch((l) => {
         this.logger.error("Async error in audio level monitoring:", l);
       });
     }, "intervalWrapper");
-    this.audioLevelInterval = window.setInterval(a, Rt);
+    this.audioLevelInterval = window.setInterval(s, Rt);
   }
   /**
    * Stop monitoring audio levels
@@ -497,13 +497,13 @@ function ke(e) {
   return Je(e.cover) || Je(e.avatar) || "/img/placeholder-avatar.png";
 }
 r(ke, "getAgentAvatarUrl");
-function de() {
+function ce() {
   return "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiByeD0iNDAiIGZpbGw9IiM2MzY2RjEiLz4KPHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeD0iMjAiIHk9IjIwIj4KPHA0aCBkPSJNMTIgMTJjMi4yMSAwIDQtMS43OSA0LTRTNC4yMSA0IDIgNHMxLjc5IDQgNCA0em0wIDJjLTIuNjcgMC04IDEuMzQtOCA0djJoMTZ2LTJjMC0yLjY2LTUuMzMtNC04LTR6IiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4KPC9zdmc+";
 }
-r(de, "getFallbackAvatarDataUrl");
+r(ce, "getFallbackAvatarDataUrl");
 function ye(e) {
   const n = e.target;
-  n.dataset.fallbackUsed || (n.dataset.fallbackUsed = "true", n.src = de());
+  n.dataset.fallbackUsed || (n.dataset.fallbackUsed = "true", n.src = ce());
 }
 r(ye, "handleImageError");
 function Ft(e) {
@@ -514,21 +514,21 @@ function Ft(e) {
     user: "user",
     ai: "agent",
     agent: "agent"
-  }, s = o[t] || "agent";
+  }, a = o[t] || "agent";
   if (typeof n == "string")
-    return n.trim() ? { text: n.trim(), sender: s } : null;
+    return n.trim() ? { text: n.trim(), sender: a } : null;
   if (typeof n != "object")
     return null;
   const i = [
-    (a) => {
-      if (!("source" in a))
+    (s) => {
+      if (!("source" in s))
         return null;
-      const l = o[a.source];
-      return l ? { text: a.message || "", sender: l } : null;
+      const l = o[s.source];
+      return l ? { text: s.message || "", sender: l } : null;
     }
   ];
-  for (const a of i) {
-    const l = a(n);
+  for (const s of i) {
+    const l = s(n);
     if (l && l.text.trim())
       return { text: l.text.trim(), sender: l.sender };
   }
@@ -545,7 +545,7 @@ function Gt(e) {
   return n.replace(/{name}/g, t.name || "Digital Agent").replace(/{title}/g, t.title || "").replace(/{handle}/g, t.handle || "").replace(/{orgName}/g, t.org?.name || "");
 }
 r(Gt, "parseButtonTemplate");
-const Ne = class Ne extends dt {
+const Ne = class Ne extends ct {
   constructor(t) {
     super("AgentController", t);
     E(this, "conversation");
@@ -616,8 +616,8 @@ const Ne = class Ne extends dt {
     return t.includes("timed out") || t.includes("starting up") || t.includes("503");
   }
   isDuplicateMessage(t, o) {
-    const s = `${o}:${t.toLowerCase().trim()}`, i = Date.now(), a = s === this.lastMessage.hash && i - this.lastMessage.time < 500;
-    return a || (this.lastMessage = { hash: s, time: i }), a;
+    const a = `${o}:${t.toLowerCase().trim()}`, i = Date.now(), s = a === this.lastMessage.hash && i - this.lastMessage.time < 500;
+    return s || (this.lastMessage = { hash: a, time: i }), s;
   }
   addMessage(t, o) {
     this.isDuplicateMessage(t, o) || (this.sharedMessages.value = [
@@ -626,13 +626,13 @@ const Ne = class Ne extends dt {
     ]);
   }
   getDynamicSettings() {
-    const { sdk: t } = this.settings, o = t.activeUser.value, s = o?.agents?.find((a) => a.agentId === o.primaryAgentId), i = o ? `
+    const { sdk: t } = this.settings, o = t.activeUser.value, a = o?.agents?.find((s) => s.agentId === o.primaryAgentId), i = o ? `
 
 Current User:
-- Name: ${s?.name || "Anonymous"}
+- Name: ${a?.name || "Anonymous"}
 - Email: ${o.email}
-- Title: ${s?.title || ""}
-- About: ${s?.summary || ""}
+- Title: ${a?.title || ""}
+- About: ${a?.summary || ""}
 ` : "";
     return {
       context: `${this.settings.context || ""}${i}`.trim(),
@@ -666,27 +666,27 @@ Current User:
     });
   }
   handleMessage(t, o) {
-    const s = Ft(t);
-    if (s && (o && s.sender === "user" && this.logger.info("User transcription received", { text: s.text }), this.addMessage(s.text, s.sender), !o && s.sender === "agent" && this.updateState(this.textState, { isThinking: !1 }), this.sessionId && this.hostParticipantId && this.visitorParticipantId)) {
-      const i = s.sender === "agent" ? this.hostParticipantId : this.visitorParticipantId, { sdk: a } = this.settings;
-      a.saveMessage({
+    const a = Ft(t);
+    if (a && (o && a.sender === "user" && this.logger.info("User transcription received", { text: a.text }), this.addMessage(a.text, a.sender), !o && a.sender === "agent" && this.updateState(this.textState, { isThinking: !1 }), this.sessionId && this.hostParticipantId && this.visitorParticipantId)) {
+      const i = a.sender === "agent" ? this.hostParticipantId : this.visitorParticipantId, { sdk: s } = this.settings;
+      s.saveMessage({
         conversationId: this.sessionId,
         participantId: i,
-        content: s.text,
-        role: s.sender === "agent" ? "agent" : "user"
+        content: a.text,
+        role: a.sender === "agent" ? "agent" : "user"
       }).catch((l) => {
         this.logger.warn("Failed to save message", { error: l });
       });
     }
   }
   handleError(t, o) {
-    const s = t.message;
+    const a = t.message;
     this.logger.error("Conversation error:", t), this.resetState(o), o ? this.updateState(this.voiceState, {
-      error: s,
+      error: a,
       connectionStatus: "error",
       transcript: "Failed to start call."
     }) : this.updateState(this.textState, {
-      error: s,
+      error: a,
       connectionStatus: "error"
     });
   }
@@ -735,8 +735,8 @@ Current User:
       this.addMessage("Agent is currently offline.", "system");
       return;
     }
-    const { sdk: o, agent: s } = this.settings;
-    if (!s.handle) {
+    const { sdk: o, agent: a } = this.settings;
+    if (!a.handle) {
       this.handleError(new Error("Agent handle required for chat"), !1);
       return;
     }
@@ -747,28 +747,28 @@ Current User:
     const { context: i } = this.getDynamicSettings();
     try {
       await o.chatStream({
-        handle: s.handle,
+        handle: a.handle,
         message: t,
         conversationId: this.conversationId,
         history: this.buildHistory(),
         visitorId: o.generateAnonId(),
         context: i || void 0,
-        onDelta: /* @__PURE__ */ r((a) => {
-          const l = this.sharedMessages.value, d = l[l.length - 1];
-          d?.sender === "agent" && (d.text += a, this.sharedMessages.value = [...l]);
+        onDelta: /* @__PURE__ */ r((s) => {
+          const l = this.sharedMessages.value, c = l[l.length - 1];
+          c?.sender === "agent" && (c.text += s, this.sharedMessages.value = [...l]);
         }, "onDelta"),
-        onDone: /* @__PURE__ */ r((a) => {
-          a && (this.conversationId = a), this.updateState(this.textState, { isThinking: !1 });
+        onDone: /* @__PURE__ */ r((s) => {
+          s && (this.conversationId = s), this.updateState(this.textState, { isThinking: !1 });
         }, "onDone"),
-        onError: /* @__PURE__ */ r((a) => {
-          const l = this.sharedMessages.value, d = l[l.length - 1];
-          d?.sender === "agent" && !d.text && (this.sharedMessages.value = l.slice(0, -1));
-          const b = this.mapChatError(a);
-          this.isTransientError(a) ? (this.addMessage(b, "system"), this.updateState(this.textState, { isThinking: !1 })) : this.handleError(new Error(b), !1);
+        onError: /* @__PURE__ */ r((s) => {
+          const l = this.sharedMessages.value, c = l[l.length - 1];
+          c?.sender === "agent" && !c.text && (this.sharedMessages.value = l.slice(0, -1));
+          const b = this.mapChatError(s);
+          this.isTransientError(s) ? (this.addMessage(b, "system"), this.updateState(this.textState, { isThinking: !1 })) : this.handleError(new Error(b), !1);
         }, "onError")
       });
-    } catch (a) {
-      this.handleError(a, !1);
+    } catch (s) {
+      this.handleError(s, !1);
     }
   }
   buildHistory() {
@@ -809,11 +809,11 @@ const Ut = /* @__PURE__ */ R({
     mode: { default: "block" }
   },
   setup(e) {
-    return (n, t) => (u(), U(at, {
+    return (n, t) => (u(), U(st, {
       name: e.disabled ? "" : "nlist"
     }, {
       default: H(() => [
-        ae(n.$slots, "default")
+        se(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["name"]));
@@ -845,20 +845,20 @@ const Ut = /* @__PURE__ */ R({
       md: "size-4",
       lg: "size-5"
     })[e.size]);
-    return (s, i) => (u(), h("button", {
+    return (a, i) => (u(), h("button", {
       class: S(["relative inline-flex items-center justify-center gap-2 font-medium rounded-full backdrop-blur-sm border-2 text-white transition-all duration-200 focus:outline-none active:opacity-80 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer", [n.value, t.value]])
     }, [
       e.loading ? (u(), h("div", Ht, [...i[0] || (i[0] = [
-        c("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)
+        d("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)
       ])])) : T("", !0),
-      c("span", {
+      d("span", {
         class: S(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"])
       }, [
         e.icon ? (u(), h("i", {
           key: 0,
           class: S([e.icon, o.value])
         }, null, 2)) : T("", !0),
-        ae(s.$slots, "default"),
+        se(a.$slots, "default"),
         e.iconAfter ? (u(), h("i", {
           key: 1,
           class: S([e.iconAfter, o.value])
@@ -874,14 +874,14 @@ const Ut = /* @__PURE__ */ R({
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
     const t = n;
-    return (o, s) => (u(), h("input", {
+    return (o, a) => (u(), h("input", {
       type: "email",
       autocomplete: "email",
       placeholder: "Enter Your Email",
       value: e.modelValue,
       class: "w-full px-6 py-3 text-theme-900 placeholder-theme-500 bg-white border border-white rounded-full focus:outline-none transition-all",
       style: { "font-size": "16px" },
-      onInput: s[0] || (s[0] = (i) => t("update:modelValue", i.target.value))
+      onInput: a[0] || (a[0] = (i) => t("update:modelValue", i.target.value))
     }, null, 40, Wt));
   }
 }), Zt = { class: "flex gap-1.5 justify-center" }, Kt = ["onUpdate:modelValue", "onInput", "onKeydown", "onPaste", "onFocus"], Yt = /* @__PURE__ */ R({
@@ -893,64 +893,64 @@ const Ut = /* @__PURE__ */ R({
   },
   emits: ["update:modelValue", "autoSubmit"],
   setup(e, { emit: n }) {
-    const t = e, o = n, s = L([]), i = L(Array.from({ length: t.length }).fill("")), a = L(!1);
+    const t = e, o = n, a = L([]), i = L(Array.from({ length: t.length }).fill("")), s = L(!1);
     ue(() => {
-      t.modelValue && (i.value = t.modelValue.split("").slice(0, t.length)), t.focusFirst && !("ontouchstart" in window) && s.value[0]?.focus();
+      t.modelValue && (i.value = t.modelValue.split("").slice(0, t.length)), t.focusFirst && !("ontouchstart" in window) && a.value[0]?.focus();
     }), Q(() => t.modelValue, (f) => {
       i.value = f ? f.split("").slice(0, t.length) : Array.from({ length: t.length }).fill("");
     }), Q(i, () => {
       const f = i.value.filter(Boolean).join("");
       o("update:modelValue", f), f.length === t.length && o("autoSubmit", f);
     }, { deep: !0 });
-    function l(f, p) {
-      p.preventDefault(), a.value = !0;
-      const A = (p.clipboardData?.getData("text") || "").replace(/\D/g, "");
+    function l(f, v) {
+      v.preventDefault(), s.value = !0;
+      const A = (v.clipboardData?.getData("text") || "").replace(/\D/g, "");
       if (A.length === t.length)
         i.value = A.split(""), setTimeout(() => {
-          s.value[t.length - 1]?.focus(), a.value = !1;
+          a.value[t.length - 1]?.focus(), s.value = !1;
         }, 10);
       else {
-        const v = [...i.value];
+        const p = [...i.value];
         A.split("").slice(0, t.length - f).forEach((z, O) => {
-          v[f + O] = z;
-        }), i.value = v;
+          p[f + O] = z;
+        }), i.value = p;
         const M = Math.min(f + A.length, t.length - 1);
         setTimeout(() => {
-          s.value[M]?.focus(), a.value = !1;
+          a.value[M]?.focus(), s.value = !1;
         }, 10);
       }
     }
     r(l, "onPaste");
-    function d(f, p) {
-      const A = p.target.value.slice(-1).replace(/\D/g, "");
-      i.value[f] = A, A && f < t.length - 1 && s.value[f + 1]?.focus();
+    function c(f, v) {
+      const A = v.target.value.slice(-1).replace(/\D/g, "");
+      i.value[f] = A, A && f < t.length - 1 && a.value[f + 1]?.focus();
     }
-    r(d, "onInput");
-    function b(f, p) {
-      p.key === "Backspace" ? (p.preventDefault(), i.value[f] = "", f > 0 && s.value[f - 1]?.focus()) : p.key === "ArrowLeft" && f > 0 ? s.value[f - 1]?.focus() : p.key === "ArrowRight" && f < t.length - 1 && s.value[f + 1]?.focus();
+    r(c, "onInput");
+    function b(f, v) {
+      v.key === "Backspace" ? (v.preventDefault(), i.value[f] = "", f > 0 && a.value[f - 1]?.focus()) : v.key === "ArrowLeft" && f > 0 ? a.value[f - 1]?.focus() : v.key === "ArrowRight" && f < t.length - 1 && a.value[f + 1]?.focus();
     }
     r(b, "onKeydown");
     function x(f) {
-      if (s.value[f]?.select(), !a.value && i.value[f])
-        for (let p = f; p < t.length; p++)
-          i.value[p] = "";
+      if (a.value[f]?.select(), !s.value && i.value[f])
+        for (let v = f; v < t.length; v++)
+          i.value[v] = "";
     }
-    return r(x, "onFocus"), (f, p) => (u(), h("div", Zt, [
+    return r(x, "onFocus"), (f, v) => (u(), h("div", Zt, [
       (u(!0), h(K, null, he(e.length, (A) => it((u(), h("input", {
         key: A,
         ref_for: !0,
-        ref: /* @__PURE__ */ r((v) => s.value[A - 1] = v, "ref"),
-        "onUpdate:modelValue": /* @__PURE__ */ r((v) => i.value[A - 1] = v, "onUpdate:modelValue"),
+        ref: /* @__PURE__ */ r((p) => a.value[A - 1] = p, "ref"),
+        "onUpdate:modelValue": /* @__PURE__ */ r((p) => i.value[A - 1] = p, "onUpdate:modelValue"),
         type: "text",
         inputmode: "numeric",
         autocomplete: "one-time-code",
         class: "size-11 text-center font-mono text-theme-900 bg-white border border-white rounded-lg focus:outline-none transition-all",
         style: { "font-size": "16px" },
         maxlength: "1",
-        onInput: /* @__PURE__ */ r((v) => d(A - 1, v), "onInput"),
-        onKeydown: /* @__PURE__ */ r((v) => b(A - 1, v), "onKeydown"),
-        onPaste: /* @__PURE__ */ r((v) => l(A - 1, v), "onPaste"),
-        onFocus: /* @__PURE__ */ r((v) => x(A - 1), "onFocus")
+        onInput: /* @__PURE__ */ r((p) => c(A - 1, p), "onInput"),
+        onKeydown: /* @__PURE__ */ r((p) => b(A - 1, p), "onKeydown"),
+        onPaste: /* @__PURE__ */ r((p) => l(A - 1, p), "onPaste"),
+        onFocus: /* @__PURE__ */ r((p) => x(A - 1), "onFocus")
       }, null, 40, Kt)), [
         [lt, i.value[A - 1]]
       ])), 128))
@@ -971,7 +971,7 @@ const Ut = /* @__PURE__ */ R({
     sdk: {}
   },
   setup(e) {
-    const n = L({ email: "", code: "" }), t = L("email"), o = L(!1), s = {
+    const n = L({ email: "", code: "" }), t = L("email"), o = L(!1), a = {
       email: {
         title: "Enter Your Email",
         button: { label: "Continue", disabled: /* @__PURE__ */ r(() => !n.value.email || o.value, "disabled") },
@@ -1000,31 +1000,31 @@ const Ut = /* @__PURE__ */ R({
           }
         }, "action")
       }
-    }, i = I(() => s[t.value]);
-    return Q(() => e.sdk.activeUser.value, (a) => {
-      a && t.value === "code" && console.log("[ElAuthGate] Authentication successful", { email: a.email });
-    }), (a, l) => (u(), h("div", {
+    }, i = I(() => a[t.value]);
+    return Q(() => e.sdk.activeUser.value, (s) => {
+      s && t.value === "code" && console.log("[ElAuthGate] Authentication successful", { email: s.email });
+    }), (s, l) => (u(), h("div", {
       "data-test": "auth-form",
       "data-test-mode": t.value,
       class: "flex flex-col items-center justify-center h-full p-6"
     }, [
-      c("div", Qt, [
+      d("div", Qt, [
         e.sdk.error.value ? (u(), h("p", Xt, N(e.sdk.error.value), 1)) : T("", !0),
-        c("h3", _t, N(i.value.title), 1),
-        c("div", eo, [
+        d("h3", _t, N(i.value.title), 1),
+        d("div", eo, [
           P(Ut, null, {
             default: H(() => [
               t.value === "email" ? (u(), h("div", to, [
                 P(qt, {
                   modelValue: n.value.email,
-                  "onUpdate:modelValue": l[0] || (l[0] = (d) => n.value.email = d),
+                  "onUpdate:modelValue": l[0] || (l[0] = (c) => n.value.email = c),
                   "data-test": "auth-email-input",
                   onKeyup: Tt(i.value.action, ["enter"])
                 }, null, 8, ["modelValue", "onKeyup"])
               ])) : (u(), h("div", oo, [
                 P(Yt, {
                   modelValue: n.value.code,
-                  "onUpdate:modelValue": l[1] || (l[1] = (d) => n.value.code = d),
+                  "onUpdate:modelValue": l[1] || (l[1] = (c) => n.value.code = c),
                   length: 6,
                   "focus-first": !0,
                   "data-test": "auth-code-input",
@@ -1045,14 +1045,14 @@ const Ut = /* @__PURE__ */ R({
                   onClick: i.value.action
                 }, {
                   default: H(() => [
-                    ce(N(i.value.button.label), 1)
+                    de(N(i.value.button.label), 1)
                   ]),
                   _: 1
                 }, 8, ["loading", "disabled", "onClick"]),
                 t.value === "code" ? (u(), h("button", {
                   key: 0,
                   class: "w-full text-xs text-white/50 hover:text-white/70 transition-colors py-2",
-                  onClick: l[2] || (l[2] = (d) => t.value = "email")
+                  onClick: l[2] || (l[2] = (c) => t.value = "email")
                 }, " Change Email ")) : T("", !0)
               ]))
             ]),
@@ -1062,10 +1062,10 @@ const Ut = /* @__PURE__ */ R({
       ])
     ], 8, Jt));
   }
-}), ro = { class: "relative flex-shrink-0" }, no = ["src", "alt"], so = {
+}), ro = { class: "relative flex-shrink-0" }, no = ["src", "alt"], ao = {
   key: 0,
   class: "absolute top-1 right-1"
-}, ao = { class: "min-w-0" }, Ve = /* @__PURE__ */ R({
+}, so = { class: "min-w-0" }, Ve = /* @__PURE__ */ R({
   __name: "ElModeHeader",
   props: {
     agent: {},
@@ -1075,41 +1075,41 @@ const Ut = /* @__PURE__ */ R({
   },
   setup(e) {
     function n() {
-      return e.agent.avatar?.src ? e.agent.avatar.src : de();
+      return e.agent.avatar?.src ? e.agent.avatar.src : ce();
     }
     return r(n, "getAvatarSrc"), (t, o) => (u(), h("div", {
       class: S(["flex gap-4", [
         e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"
       ]])
     }, [
-      c("div", ro, [
-        c("div", {
+      d("div", ro, [
+        d("div", {
           class: S(["rounded-full overflow-hidden border-white", e.size === "lg" ? "w-20 h-20 sm:w-24 sm:h-24 border-4" : "w-16 sm:size-16 border-2"])
         }, [
-          c("img", {
+          d("img", {
             src: n(),
             alt: e.agent.name,
             class: "w-full h-full object-cover",
             onError: o[0] || (o[0] = //@ts-ignore
-            (...s) => j(ye) && j(ye)(...s))
+            (...a) => j(ye) && j(ye)(...a))
           }, null, 40, no)
         ], 2),
-        e.showOnlineIndicator ? (u(), h("div", so, [...o[1] || (o[1] = [
-          c("div", {
+        e.showOnlineIndicator ? (u(), h("div", ao, [...o[1] || (o[1] = [
+          d("div", {
             class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
             style: { "animation-duration": "3s" }
           }, null, -1),
-          c("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1)
+          d("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1)
         ])])) : T("", !0)
       ]),
-      c("div", ao, [
-        c("h1", {
+      d("div", so, [
+        d("h1", {
           class: S(["font-light text-white mb-1 truncate", [
             e.size === "lg" ? "text-3xl mb-2" : "text-xl sm:text-2xl tracking-wide leading-tight",
             e.layout === "horizontal" ? "text-white/95" : ""
           ]])
         }, N(e.agent.name), 3),
-        c("p", {
+        d("p", {
           class: S(["font-light line-clamp-1", [
             e.size === "lg" ? "text-base text-white/60" : "text-sm sm:text-base",
             e.layout === "horizontal" ? "text-white/70 truncate" : "text-white/60"
@@ -1138,34 +1138,34 @@ const Ut = /* @__PURE__ */ R({
     conflictingClassGroupModifiers: o
   } = e;
   return {
-    getClassGroupId: /* @__PURE__ */ r((a) => {
-      if (a.startsWith("[") && a.endsWith("]"))
-        return ho(a);
-      const l = a.split(we), d = l[0] === "" && l.length > 1 ? 1 : 0;
-      return mt(l, d, n);
+    getClassGroupId: /* @__PURE__ */ r((s) => {
+      if (s.startsWith("[") && s.endsWith("]"))
+        return ho(s);
+      const l = s.split(we), c = l[0] === "" && l.length > 1 ? 1 : 0;
+      return mt(l, c, n);
     }, "getClassGroupId"),
-    getConflictingClassGroupIds: /* @__PURE__ */ r((a, l) => {
+    getConflictingClassGroupIds: /* @__PURE__ */ r((s, l) => {
       if (l) {
-        const d = o[a], b = t[a];
-        return d ? b ? io(b, d) : d : b || Xe;
+        const c = o[s], b = t[s];
+        return c ? b ? io(b, c) : c : b || Xe;
       }
-      return t[a] || Xe;
+      return t[s] || Xe;
     }, "getConflictingClassGroupIds")
   };
 }, "createClassGroupUtils"), mt = /* @__PURE__ */ r((e, n, t) => {
   if (e.length - n === 0)
     return t.classGroupId;
-  const s = e[n], i = t.nextPart.get(s);
+  const a = e[n], i = t.nextPart.get(a);
   if (i) {
     const b = mt(e, n + 1, i);
     if (b) return b;
   }
-  const a = t.validators;
-  if (a === null)
+  const s = t.validators;
+  if (s === null)
     return;
-  const l = n === 0 ? e.join(we) : e.slice(n).join(we), d = a.length;
-  for (let b = 0; b < d; b++) {
-    const x = a[b];
+  const l = n === 0 ? e.join(we) : e.slice(n).join(we), c = s.length;
+  for (let b = 0; b < c; b++) {
+    const x = s[b];
     if (x.validator(l))
       return x.classGroupId;
   }
@@ -1181,15 +1181,15 @@ const Ut = /* @__PURE__ */ R({
 }, "createClassMap"), mo = /* @__PURE__ */ r((e, n) => {
   const t = gt();
   for (const o in e) {
-    const s = e[o];
-    je(s, t, o, n);
+    const a = e[o];
+    je(a, t, o, n);
   }
   return t;
 }, "processClassGroups"), je = /* @__PURE__ */ r((e, n, t, o) => {
-  const s = e.length;
-  for (let i = 0; i < s; i++) {
-    const a = e[i];
-    fo(a, n, t, o);
+  const a = e.length;
+  for (let i = 0; i < a; i++) {
+    const s = e[i];
+    fo(s, n, t, o);
   }
 }, "processClassesRecursively"), fo = /* @__PURE__ */ r((e, n, t, o) => {
   if (typeof e == "string") {
@@ -1197,32 +1197,32 @@ const Ut = /* @__PURE__ */ R({
     return;
   }
   if (typeof e == "function") {
-    po(e, n, t, o);
+    vo(e, n, t, o);
     return;
   }
-  vo(e, n, t, o);
+  po(e, n, t, o);
 }, "processClassDefinition"), bo = /* @__PURE__ */ r((e, n, t) => {
   const o = e === "" ? n : ft(n, e);
   o.classGroupId = t;
-}, "processStringDefinition"), po = /* @__PURE__ */ r((e, n, t, o) => {
+}, "processStringDefinition"), vo = /* @__PURE__ */ r((e, n, t, o) => {
   if (xo(e)) {
     je(e(o), n, t, o);
     return;
   }
   n.validators === null && (n.validators = []), n.validators.push(lo(t, e));
-}, "processFunctionDefinition"), vo = /* @__PURE__ */ r((e, n, t, o) => {
-  const s = Object.entries(e), i = s.length;
-  for (let a = 0; a < i; a++) {
-    const [l, d] = s[a];
-    je(d, ft(n, l), t, o);
+}, "processFunctionDefinition"), po = /* @__PURE__ */ r((e, n, t, o) => {
+  const a = Object.entries(e), i = a.length;
+  for (let s = 0; s < i; s++) {
+    const [l, c] = a[s];
+    je(c, ft(n, l), t, o);
   }
 }, "processObjectDefinition"), ft = /* @__PURE__ */ r((e, n) => {
   let t = e;
-  const o = n.split(we), s = o.length;
-  for (let i = 0; i < s; i++) {
-    const a = o[i];
-    let l = t.nextPart.get(a);
-    l || (l = gt(), t.nextPart.set(a, l)), t = l;
+  const o = n.split(we), a = o.length;
+  for (let i = 0; i < a; i++) {
+    const s = o[i];
+    let l = t.nextPart.get(s);
+    l || (l = gt(), t.nextPart.set(s, l)), t = l;
   }
   return t;
 }, "getPart"), xo = /* @__PURE__ */ r((e) => "isThemeGetter" in e && e.isThemeGetter === !0, "isThemeGetter"), ko = /* @__PURE__ */ r((e) => {
@@ -1234,41 +1234,41 @@ const Ut = /* @__PURE__ */ R({
       }, "set")
     };
   let n = 0, t = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
-  const s = /* @__PURE__ */ r((i, a) => {
-    t[i] = a, n++, n > e && (n = 0, o = t, t = /* @__PURE__ */ Object.create(null));
+  const a = /* @__PURE__ */ r((i, s) => {
+    t[i] = s, n++, n > e && (n = 0, o = t, t = /* @__PURE__ */ Object.create(null));
   }, "update");
   return {
     get(i) {
-      let a = t[i];
-      if (a !== void 0)
-        return a;
-      if ((a = o[i]) !== void 0)
-        return s(i, a), a;
+      let s = t[i];
+      if (s !== void 0)
+        return s;
+      if ((s = o[i]) !== void 0)
+        return a(i, s), s;
     },
-    set(i, a) {
-      i in t ? t[i] = a : s(i, a);
+    set(i, s) {
+      i in t ? t[i] = s : a(i, s);
     }
   };
-}, "createLruCache"), De = "!", _e = ":", yo = [], et = /* @__PURE__ */ r((e, n, t, o, s) => ({
+}, "createLruCache"), De = "!", _e = ":", yo = [], et = /* @__PURE__ */ r((e, n, t, o, a) => ({
   modifiers: e,
   hasImportantModifier: n,
   baseClassName: t,
   maybePostfixModifierPosition: o,
-  isExternal: s
+  isExternal: a
 }), "createResultObject"), wo = /* @__PURE__ */ r((e) => {
   const {
     prefix: n,
     experimentalParseClassName: t
   } = e;
-  let o = /* @__PURE__ */ r((s) => {
+  let o = /* @__PURE__ */ r((a) => {
     const i = [];
-    let a = 0, l = 0, d = 0, b;
-    const x = s.length;
+    let s = 0, l = 0, c = 0, b;
+    const x = a.length;
     for (let M = 0; M < x; M++) {
-      const z = s[M];
-      if (a === 0 && l === 0) {
+      const z = a[M];
+      if (s === 0 && l === 0) {
         if (z === _e) {
-          i.push(s.slice(d, M)), d = M + 1;
+          i.push(a.slice(c, M)), c = M + 1;
           continue;
         }
         if (z === "/") {
@@ -1276,29 +1276,29 @@ const Ut = /* @__PURE__ */ R({
           continue;
         }
       }
-      z === "[" ? a++ : z === "]" ? a-- : z === "(" ? l++ : z === ")" && l--;
+      z === "[" ? s++ : z === "]" ? s-- : z === "(" ? l++ : z === ")" && l--;
     }
-    const f = i.length === 0 ? s : s.slice(d);
-    let p = f, A = !1;
-    f.endsWith(De) ? (p = f.slice(0, -1), A = !0) : (
+    const f = i.length === 0 ? a : a.slice(c);
+    let v = f, A = !1;
+    f.endsWith(De) ? (v = f.slice(0, -1), A = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      f.startsWith(De) && (p = f.slice(1), A = !0)
+      f.startsWith(De) && (v = f.slice(1), A = !0)
     );
-    const v = b && b > d ? b - d : void 0;
-    return et(i, A, p, v);
+    const p = b && b > c ? b - c : void 0;
+    return et(i, A, v, p);
   }, "parseClassName");
   if (n) {
-    const s = n + _e, i = o;
-    o = /* @__PURE__ */ r((a) => a.startsWith(s) ? i(a.slice(s.length)) : et(yo, !1, a, void 0, !0), "parseClassName");
+    const a = n + _e, i = o;
+    o = /* @__PURE__ */ r((s) => s.startsWith(a) ? i(s.slice(a.length)) : et(yo, !1, s, void 0, !0), "parseClassName");
   }
   if (t) {
-    const s = o;
+    const a = o;
     o = /* @__PURE__ */ r((i) => t({
       className: i,
-      parseClassName: s
+      parseClassName: a
     }), "parseClassName");
   }
   return o;
@@ -1308,12 +1308,12 @@ const Ut = /* @__PURE__ */ R({
     n.set(t, 1e6 + o);
   }), (t) => {
     const o = [];
-    let s = [];
+    let a = [];
     for (let i = 0; i < t.length; i++) {
-      const a = t[i], l = a[0] === "[", d = n.has(a);
-      l || d ? (s.length > 0 && (s.sort(), o.push(...s), s = []), o.push(a)) : s.push(a);
+      const s = t[i], l = s[0] === "[", c = n.has(s);
+      l || c ? (a.length > 0 && (a.sort(), o.push(...a), a = []), o.push(s)) : a.push(s);
     }
-    return s.length > 0 && (s.sort(), o.push(...s)), o;
+    return a.length > 0 && (a.sort(), o.push(...a)), o;
   };
 }, "createSortModifiers"), Ao = /* @__PURE__ */ r((e) => ({
   cache: ko(e.cacheSize),
@@ -1324,51 +1324,51 @@ const Ut = /* @__PURE__ */ R({
   const {
     parseClassName: t,
     getClassGroupId: o,
-    getConflictingClassGroupIds: s,
+    getConflictingClassGroupIds: a,
     sortModifiers: i
-  } = n, a = [], l = e.trim().split(So);
-  let d = "";
+  } = n, s = [], l = e.trim().split(So);
+  let c = "";
   for (let b = l.length - 1; b >= 0; b -= 1) {
     const x = l[b], {
       isExternal: f,
-      modifiers: p,
+      modifiers: v,
       hasImportantModifier: A,
-      baseClassName: v,
+      baseClassName: p,
       maybePostfixModifierPosition: M
     } = t(x);
     if (f) {
-      d = x + (d.length > 0 ? " " + d : d);
+      c = x + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let z = !!M, O = o(z ? v.substring(0, M) : v);
+    let z = !!M, O = o(z ? p.substring(0, M) : p);
     if (!O) {
       if (!z) {
-        d = x + (d.length > 0 ? " " + d : d);
+        c = x + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (O = o(v), !O) {
-        d = x + (d.length > 0 ? " " + d : d);
+      if (O = o(p), !O) {
+        c = x + (c.length > 0 ? " " + c : c);
         continue;
       }
       z = !1;
     }
-    const $ = p.length === 0 ? "" : p.length === 1 ? p[0] : i(p).join(":"), y = A ? $ + De : $, D = y + O;
-    if (a.indexOf(D) > -1)
+    const $ = v.length === 0 ? "" : v.length === 1 ? v[0] : i(v).join(":"), y = A ? $ + De : $, D = y + O;
+    if (s.indexOf(D) > -1)
       continue;
-    a.push(D);
-    const Y = s(O, z);
+    s.push(D);
+    const Y = a(O, z);
     for (let _ = 0; _ < Y.length; ++_) {
       const ie = Y[_];
-      a.push(y + ie);
+      s.push(y + ie);
     }
-    d = x + (d.length > 0 ? " " + d : d);
+    c = x + (c.length > 0 ? " " + c : c);
   }
-  return d;
+  return c;
 }, "mergeClassList"), Mo = /* @__PURE__ */ r((...e) => {
-  let n = 0, t, o, s = "";
+  let n = 0, t, o, a = "";
   for (; n < e.length; )
-    (t = e[n++]) && (o = bt(t)) && (s && (s += " "), s += o);
-  return s;
+    (t = e[n++]) && (o = bt(t)) && (a && (a += " "), a += o);
+  return a;
 }, "twJoin"), bt = /* @__PURE__ */ r((e) => {
   if (typeof e == "string")
     return e;
@@ -1377,34 +1377,34 @@ const Ut = /* @__PURE__ */ R({
     e[o] && (n = bt(e[o])) && (t && (t += " "), t += n);
   return t;
 }, "toValue"), zo = /* @__PURE__ */ r((e, ...n) => {
-  let t, o, s, i;
-  const a = /* @__PURE__ */ r((d) => {
+  let t, o, a, i;
+  const s = /* @__PURE__ */ r((c) => {
     const b = n.reduce((x, f) => f(x), e());
-    return t = Ao(b), o = t.cache.get, s = t.cache.set, i = l, l(d);
-  }, "initTailwindMerge"), l = /* @__PURE__ */ r((d) => {
-    const b = o(d);
+    return t = Ao(b), o = t.cache.get, a = t.cache.set, i = l, l(c);
+  }, "initTailwindMerge"), l = /* @__PURE__ */ r((c) => {
+    const b = o(c);
     if (b)
       return b;
-    const x = Io(d, t);
-    return s(d, x), x;
+    const x = Io(c, t);
+    return a(c, x), x;
   }, "tailwindMerge");
-  return i = a, (...d) => i(Mo(...d));
+  return i = s, (...c) => i(Mo(...c));
 }, "createTailwindMerge"), To = [], V = /* @__PURE__ */ r((e) => {
   const n = /* @__PURE__ */ r((t) => t[e] || To, "themeGetter");
   return n.isThemeGetter = !0, n;
-}, "fromTheme"), pt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, vt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, $o = /^\d+\/\d+$/, Eo = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Do = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Lo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Vo = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, jo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ne = /* @__PURE__ */ r((e) => $o.test(e), "isFraction"), C = /* @__PURE__ */ r((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), J = /* @__PURE__ */ r((e) => !!e && Number.isInteger(Number(e)), "isInteger"), Me = /* @__PURE__ */ r((e) => e.endsWith("%") && C(e.slice(0, -1)), "isPercent"), Z = /* @__PURE__ */ r((e) => Eo.test(e), "isTshirtSize"), xt = /* @__PURE__ */ r(() => !0, "isAny"), Po = /* @__PURE__ */ r((e) => (
+}, "fromTheme"), vt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, pt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, $o = /^\d+\/\d+$/, Eo = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Do = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Lo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Vo = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, jo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ne = /* @__PURE__ */ r((e) => $o.test(e), "isFraction"), C = /* @__PURE__ */ r((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), J = /* @__PURE__ */ r((e) => !!e && Number.isInteger(Number(e)), "isInteger"), Me = /* @__PURE__ */ r((e) => e.endsWith("%") && C(e.slice(0, -1)), "isPercent"), Z = /* @__PURE__ */ r((e) => Eo.test(e), "isTshirtSize"), xt = /* @__PURE__ */ r(() => !0, "isAny"), Po = /* @__PURE__ */ r((e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Do.test(e) && !Lo.test(e)
-), "isLengthOnly"), Pe = /* @__PURE__ */ r(() => !1, "isNever"), Bo = /* @__PURE__ */ r((e) => Vo.test(e), "isShadow"), No = /* @__PURE__ */ r((e) => jo.test(e), "isImage"), Oo = /* @__PURE__ */ r((e) => !g(e) && !m(e), "isAnyNonArbitrary"), Ro = /* @__PURE__ */ r((e) => X(e, wt, Pe), "isArbitrarySize"), g = /* @__PURE__ */ r((e) => pt.test(e), "isArbitraryValue"), te = /* @__PURE__ */ r((e) => X(e, Ct, Po), "isArbitraryLength"), tt = /* @__PURE__ */ r((e) => X(e, Ko, C), "isArbitraryNumber"), Fo = /* @__PURE__ */ r((e) => X(e, St, xt), "isArbitraryWeight"), Go = /* @__PURE__ */ r((e) => X(e, At, Pe), "isArbitraryFamilyName"), ot = /* @__PURE__ */ r((e) => X(e, kt, Pe), "isArbitraryPosition"), Uo = /* @__PURE__ */ r((e) => X(e, yt, No), "isArbitraryImage"), ve = /* @__PURE__ */ r((e) => X(e, It, Bo), "isArbitraryShadow"), m = /* @__PURE__ */ r((e) => vt.test(e), "isArbitraryVariable"), le = /* @__PURE__ */ r((e) => oe(e, Ct), "isArbitraryVariableLength"), Ho = /* @__PURE__ */ r((e) => oe(e, At), "isArbitraryVariableFamilyName"), rt = /* @__PURE__ */ r((e) => oe(e, kt), "isArbitraryVariablePosition"), Wo = /* @__PURE__ */ r((e) => oe(e, wt), "isArbitraryVariableSize"), qo = /* @__PURE__ */ r((e) => oe(e, yt), "isArbitraryVariableImage"), xe = /* @__PURE__ */ r((e) => oe(e, It, !0), "isArbitraryVariableShadow"), Zo = /* @__PURE__ */ r((e) => oe(e, St, !0), "isArbitraryVariableWeight"), X = /* @__PURE__ */ r((e, n, t) => {
-  const o = pt.exec(e);
+), "isLengthOnly"), Pe = /* @__PURE__ */ r(() => !1, "isNever"), Bo = /* @__PURE__ */ r((e) => Vo.test(e), "isShadow"), No = /* @__PURE__ */ r((e) => jo.test(e), "isImage"), Oo = /* @__PURE__ */ r((e) => !g(e) && !m(e), "isAnyNonArbitrary"), Ro = /* @__PURE__ */ r((e) => X(e, wt, Pe), "isArbitrarySize"), g = /* @__PURE__ */ r((e) => vt.test(e), "isArbitraryValue"), te = /* @__PURE__ */ r((e) => X(e, Ct, Po), "isArbitraryLength"), tt = /* @__PURE__ */ r((e) => X(e, Ko, C), "isArbitraryNumber"), Fo = /* @__PURE__ */ r((e) => X(e, St, xt), "isArbitraryWeight"), Go = /* @__PURE__ */ r((e) => X(e, At, Pe), "isArbitraryFamilyName"), ot = /* @__PURE__ */ r((e) => X(e, kt, Pe), "isArbitraryPosition"), Uo = /* @__PURE__ */ r((e) => X(e, yt, No), "isArbitraryImage"), pe = /* @__PURE__ */ r((e) => X(e, It, Bo), "isArbitraryShadow"), m = /* @__PURE__ */ r((e) => pt.test(e), "isArbitraryVariable"), le = /* @__PURE__ */ r((e) => oe(e, Ct), "isArbitraryVariableLength"), Ho = /* @__PURE__ */ r((e) => oe(e, At), "isArbitraryVariableFamilyName"), rt = /* @__PURE__ */ r((e) => oe(e, kt), "isArbitraryVariablePosition"), Wo = /* @__PURE__ */ r((e) => oe(e, wt), "isArbitraryVariableSize"), qo = /* @__PURE__ */ r((e) => oe(e, yt), "isArbitraryVariableImage"), xe = /* @__PURE__ */ r((e) => oe(e, It, !0), "isArbitraryVariableShadow"), Zo = /* @__PURE__ */ r((e) => oe(e, St, !0), "isArbitraryVariableWeight"), X = /* @__PURE__ */ r((e, n, t) => {
+  const o = vt.exec(e);
   return o ? o[1] ? n(o[1]) : t(o[2]) : !1;
 }, "getIsArbitraryValue"), oe = /* @__PURE__ */ r((e, n, t = !1) => {
-  const o = vt.exec(e);
+  const o = pt.exec(e);
   return o ? o[1] ? n(o[1]) : t : !1;
 }, "getIsArbitraryVariable"), kt = /* @__PURE__ */ r((e) => e === "position" || e === "percentage", "isLabelPosition"), yt = /* @__PURE__ */ r((e) => e === "image" || e === "url", "isLabelImage"), wt = /* @__PURE__ */ r((e) => e === "length" || e === "size" || e === "bg-size", "isLabelSize"), Ct = /* @__PURE__ */ r((e) => e === "length", "isLabelLength"), Ko = /* @__PURE__ */ r((e) => e === "number", "isLabelNumber"), At = /* @__PURE__ */ r((e) => e === "family-name", "isLabelFamilyName"), St = /* @__PURE__ */ r((e) => e === "number" || e === "weight", "isLabelWeight"), It = /* @__PURE__ */ r((e) => e === "shadow", "isLabelShadow"), Yo = /* @__PURE__ */ r(() => {
-  const e = V("color"), n = V("font"), t = V("text"), o = V("font-weight"), s = V("tracking"), i = V("leading"), a = V("breakpoint"), l = V("container"), d = V("spacing"), b = V("radius"), x = V("shadow"), f = V("inset-shadow"), p = V("text-shadow"), A = V("drop-shadow"), v = V("blur"), M = V("perspective"), z = V("aspect"), O = V("ease"), $ = V("animate"), y = /* @__PURE__ */ r(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), D = /* @__PURE__ */ r(() => [
+  const e = V("color"), n = V("font"), t = V("text"), o = V("font-weight"), a = V("tracking"), i = V("leading"), s = V("breakpoint"), l = V("container"), c = V("spacing"), b = V("radius"), x = V("shadow"), f = V("inset-shadow"), v = V("text-shadow"), A = V("drop-shadow"), p = V("blur"), M = V("perspective"), z = V("aspect"), O = V("ease"), $ = V("animate"), y = /* @__PURE__ */ r(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), D = /* @__PURE__ */ r(() => [
     "center",
     "top",
     "bottom",
@@ -1422,7 +1422,7 @@ const Ut = /* @__PURE__ */ R({
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], "scalePosition"), Y = /* @__PURE__ */ r(() => [...D(), m, g], "scalePositionWithArbitrary"), _ = /* @__PURE__ */ r(() => ["auto", "hidden", "clip", "visible", "scroll"], "scaleOverflow"), ie = /* @__PURE__ */ r(() => ["auto", "contain", "none"], "scaleOverscroll"), w = /* @__PURE__ */ r(() => [m, g, d], "scaleUnambiguousSpacing"), W = /* @__PURE__ */ r(() => [ne, "full", "auto", ...w()], "scaleInset"), Oe = /* @__PURE__ */ r(() => [J, "none", "subgrid", m, g], "scaleGridTemplateColsRows"), Re = /* @__PURE__ */ r(() => ["auto", {
+  ], "scalePosition"), Y = /* @__PURE__ */ r(() => [...D(), m, g], "scalePositionWithArbitrary"), _ = /* @__PURE__ */ r(() => ["auto", "hidden", "clip", "visible", "scroll"], "scaleOverflow"), ie = /* @__PURE__ */ r(() => ["auto", "contain", "none"], "scaleOverscroll"), w = /* @__PURE__ */ r(() => [m, g, c], "scaleUnambiguousSpacing"), W = /* @__PURE__ */ r(() => [ne, "full", "auto", ...w()], "scaleInset"), Oe = /* @__PURE__ */ r(() => [J, "none", "subgrid", m, g], "scaleGridTemplateColsRows"), Re = /* @__PURE__ */ r(() => ["auto", {
     span: ["full", J, m, g]
   }, J, m, g], "scaleGridColRowStartAndEnd"), ge = /* @__PURE__ */ r(() => [J, "auto", m, g], "scaleGridColRowStartOrEnd"), Fe = /* @__PURE__ */ r(() => ["auto", "min", "max", "fr", m, g], "scaleGridAutoColsRows"), Ce = /* @__PURE__ */ r(() => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], "scaleAlignPrimaryAxis"), re = /* @__PURE__ */ r(() => ["start", "end", "center", "stretch", "center-safe", "end-safe"], "scaleAlignSecondaryAxis"), q = /* @__PURE__ */ r(() => ["auto", ...w()], "scaleMargin"), ee = /* @__PURE__ */ r(() => [ne, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...w()], "scaleSizing"), k = /* @__PURE__ */ r(() => [e, m, g], "scaleColor"), Ge = /* @__PURE__ */ r(() => [...D(), rt, ot, {
     position: [m, g]
@@ -1442,10 +1442,10 @@ const Ut = /* @__PURE__ */ R({
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    v,
+    p,
     m,
     g
-  ], "scaleBlur"), fe = /* @__PURE__ */ r(() => ["none", C, m, g], "scaleRotate"), be = /* @__PURE__ */ r(() => ["none", C, m, g], "scaleScale"), Se = /* @__PURE__ */ r(() => [C, m, g], "scaleSkew"), pe = /* @__PURE__ */ r(() => [ne, "full", ...w()], "scaleTranslate");
+  ], "scaleBlur"), fe = /* @__PURE__ */ r(() => ["none", C, m, g], "scaleRotate"), be = /* @__PURE__ */ r(() => ["none", C, m, g], "scaleScale"), Se = /* @__PURE__ */ r(() => [C, m, g], "scaleSkew"), ve = /* @__PURE__ */ r(() => [ne, "full", ...w()], "scaleTranslate");
   return {
     cacheSize: 500,
     theme: {
@@ -2104,7 +2104,7 @@ const Ut = /* @__PURE__ */ R({
           "prose",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           {
-            screen: [a]
+            screen: [s]
           },
           ...ee()
         ]
@@ -2206,7 +2206,7 @@ const Ut = /* @__PURE__ */ R({
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, m, g]
+        tracking: [a, m, g]
       }],
       /**
        * Line Clamp
@@ -2796,7 +2796,7 @@ const Ut = /* @__PURE__ */ R({
           "none",
           x,
           xe,
-          ve
+          pe
         ]
       }],
       /**
@@ -2811,7 +2811,7 @@ const Ut = /* @__PURE__ */ R({
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", f, xe, ve]
+        "inset-shadow": ["none", f, xe, pe]
       }],
       /**
        * Inset Box Shadow Color
@@ -2878,7 +2878,7 @@ const Ut = /* @__PURE__ */ R({
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", p, xe, ve]
+        "text-shadow": ["none", v, xe, pe]
       }],
       /**
        * Text Shadow Color
@@ -3152,7 +3152,7 @@ const Ut = /* @__PURE__ */ R({
           "none",
           A,
           xe,
-          ve
+          pe
         ]
       }],
       /**
@@ -3495,28 +3495,28 @@ const Ut = /* @__PURE__ */ R({
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: pe()
+        translate: ve()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": pe()
+        "translate-x": ve()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": pe()
+        "translate-y": ve()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": pe()
+        "translate-z": ve()
       }],
       /**
        * Translate None
@@ -4162,7 +4162,7 @@ const Ut = /* @__PURE__ */ R({
 }, Qo = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, st = /* @__PURE__ */ R({
+}, at = /* @__PURE__ */ R({
   __name: "FButton",
   props: {
     theme: { default: "default" },
@@ -4174,10 +4174,11 @@ const Ut = /* @__PURE__ */ R({
     iconAfter: {},
     tag: { default: "button" },
     loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
     class: { default: "" }
   },
   setup(e) {
-    const n = I(() => typeof e.icon == "string" ? e.icon : e.icon?.className), t = I(() => typeof e.iconAfter == "string" ? e.iconAfter : e.iconAfter?.className), o = I(() => e.href ? "a" : e.tag), s = I(() => ({
+    const n = I(() => typeof e.icon == "string" ? e.icon : e.icon?.className), t = I(() => typeof e.iconAfter == "string" ? e.iconAfter : e.iconAfter?.className), o = I(() => e.href ? "a" : e.tag), a = I(() => ({
       xxs: "size-2.5",
       xs: "size-3",
       sm: "size-3.5",
@@ -4185,10 +4186,10 @@ const Ut = /* @__PURE__ */ R({
       lg: "size-5",
       xl: "size-6"
     })[e.size]), i = I(() => {
-      const d = nt[e.theme]?.[e.design] || nt.default[e.design];
-      return d || console.warn(`FButton: No theme configuration found for theme "${e.theme}" and design "${e.design}". Falling back to default solid theme.`), d || { base: "", border: "", hover: "", icon: "" };
-    }), a = I(() => {
-      const d = "relative inline-flex items-center justify-center gap-2 font-medium transition-all duration-200 focus:outline-none active:opacity-80 cursor-pointer", b = {
+      const c = nt[e.theme]?.[e.design] || nt.default[e.design];
+      return c || console.warn(`FButton: No theme configuration found for theme "${e.theme}" and design "${e.design}". Falling back to default solid theme.`), c || { base: "", border: "", hover: "", icon: "" };
+    }), s = I(() => {
+      const c = "relative inline-flex items-center justify-center gap-2 font-medium transition-colors duration-200 focus:outline-none active:opacity-80 cursor-pointer", b = {
         xxs: "px-2 py-0.5 text-[10px]",
         xs: "px-3 py-1 text-[11px]",
         sm: "px-3 py-1.5 text-xs",
@@ -4200,37 +4201,40 @@ const Ut = /* @__PURE__ */ R({
         lg: "rounded-lg",
         "2xl": "rounded-2xl",
         full: "rounded-full"
-      }, p = i.value, A = [
-        d,
+      }, v = i.value, A = e.disabled ? "opacity-50 cursor-not-allowed pointer-events-none" : "", p = [
+        c,
         b[e.size],
         x,
         f[e.rounding],
-        p.base,
-        `border ${p.border}`,
-        p.hover
+        v.base,
+        `border ${v.border}`,
+        e.disabled ? "" : v.hover,
+        A
       ].filter(Boolean).join(" ");
-      return Jo(A, e.class);
+      return Jo(p, e.class);
     }), l = I(() => ({
       design: i.value.icon || ""
     }));
-    return (d, b) => (u(), U($t(o.value), {
-      href: e.href,
-      class: S(a.value)
+    return (c, b) => (u(), U($t(o.value), {
+      href: e.disabled ? void 0 : e.href,
+      disabled: e.disabled || void 0,
+      "aria-disabled": e.disabled || void 0,
+      class: S(s.value)
     }, {
       default: H(() => [
         e.loading ? (u(), h("div", Qo, [
           P(Le, {
-            class: S(s.value)
+            class: S(a.value)
           }, null, 8, ["class"])
         ])) : T("", !0),
-        c("span", {
+        d("span", {
           class: S(["flex items-center gap-2 transition-opacity duration-200 whitespace-nowrap", e.loading ? "opacity-0" : "opacity-100"])
         }, [
           n.value ? (u(), h("span", {
             key: 0,
             class: S(["flex items-center size-[1.1em] mt-[-.07em]", [n.value, l.value.design]])
           }, null, 2)) : T("", !0),
-          ae(d.$slots, "default"),
+          se(c.$slots, "default"),
           t.value ? (u(), h("span", {
             key: 1,
             class: S(["flex items-center size-[1.1em] mt-[-.07em]", [t.value, l.value.design]])
@@ -4238,7 +4242,7 @@ const Ut = /* @__PURE__ */ R({
         ], 2)
       ]),
       _: 3
-    }, 8, ["href", "class"]));
+    }, 8, ["href", "disabled", "aria-disabled", "class"]));
   }
 }), Xo = { 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" }, _o = { class: "flex-1 space-y-6 pb-12" }, er = {
   key: 0,
@@ -4249,10 +4253,10 @@ const Ut = /* @__PURE__ */ R({
 }, rr = { class: "text-sm text-white/70 leading-relaxed" }, nr = {
   key: 2,
   class: "space-y-3"
-}, sr = {
+}, ar = {
   key: 3,
   class: "space-y-3"
-}, ar = { class: "grid grid-cols-2 gap-3" }, ir = /* @__PURE__ */ R({
+}, sr = { class: "grid grid-cols-2 gap-3" }, ir = /* @__PURE__ */ R({
   __name: "ElAgentAbout",
   props: {
     agent: {}
@@ -4260,21 +4264,21 @@ const Ut = /* @__PURE__ */ R({
   setup(e) {
     return (n, t) => (u(), h("div", Xo, [
       P(Ve, { agent: e.agent }, null, 8, ["agent"]),
-      c("div", _o, [
+      d("div", _o, [
         e.agent.summary ? (u(), h("div", er, [
-          t[0] || (t[0] = c("h3", { class: "font-medium text-white/50" }, " About ", -1)),
-          c("div", {
+          t[0] || (t[0] = d("h3", { class: "font-medium text-white/50" }, " About ", -1)),
+          d("div", {
             class: "text-white/70 leading-relaxed",
             innerHTML: e.agent.summary
           }, null, 8, tr)
         ])) : T("", !0),
         e.agent.entityType === "company" ? (u(), h("div", or, [
-          t[1] || (t[1] = c("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)),
-          c("p", rr, " This is a company agent representing " + N(e.agent.name) + ". ", 1)
+          t[1] || (t[1] = d("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)),
+          d("p", rr, " This is a company agent representing " + N(e.agent.name) + ". ", 1)
         ])) : T("", !0),
         e.agent.email ? (u(), h("div", nr, [
-          t[3] || (t[3] = c("h3", { class: "text-sm font-medium text-white/90" }, " Contact ", -1)),
-          P(st, {
+          t[3] || (t[3] = d("h3", { class: "text-sm font-medium text-white/90" }, " Contact ", -1)),
+          P(at, {
             design: "ghost",
             theme: "default",
             size: "sm",
@@ -4284,26 +4288,26 @@ const Ut = /* @__PURE__ */ R({
             target: "_blank"
           }, {
             default: H(() => [...t[2] || (t[2] = [
-              ce(" Email ", -1)
+              de(" Email ", -1)
             ])]),
             _: 1
           }, 8, ["href"])
         ])) : T("", !0),
-        e.agent.accounts && e.agent.accounts.length > 0 ? (u(), h("div", sr, [
-          t[4] || (t[4] = c("h3", { class: "text-sm font-medium text-white/90" }, " Links ", -1)),
-          c("div", ar, [
-            (u(!0), h(K, null, he(e.agent.accounts, (o) => (u(), U(st, {
+        e.agent.accounts && e.agent.accounts.length > 0 ? (u(), h("div", ar, [
+          t[4] || (t[4] = d("h3", { class: "text-sm font-medium text-white/90" }, " Links ", -1)),
+          d("div", sr, [
+            (u(!0), h(K, null, he(e.agent.accounts, (o) => (u(), U(at, {
               key: `${o.platform}-${o.handle}`,
               design: "ghost",
               theme: "default",
               size: "md",
               class: "bg-white/10 hover:bg-white/20 border border-white/20 text-white/80",
-              icon: j(se)[o.platform].icon,
-              href: j(se)[o.platform].getUrl(o.handle),
+              icon: j(ae)[o.platform].icon,
+              href: j(ae)[o.platform].getUrl(o.handle),
               target: "_blank"
             }, {
               default: H(() => [
-                ce(N(j(se)[o.platform].label), 1)
+                de(N(j(ae)[o.platform].label), 1)
               ]),
               _: 2
             }, 1032, ["icon", "href"]))), 128))
@@ -4312,7 +4316,7 @@ const Ut = /* @__PURE__ */ R({
       ])
     ]));
   }
-}), lr = { class: "flex flex-col h-full relative" }, cr = { class: "pb-4" }, dr = {
+}), lr = { class: "flex flex-col h-full relative" }, dr = { class: "pb-4" }, cr = {
   key: 0,
   class: "text-white/60 py-16 flex flex-col items-center justify-center gap-3 text-sm"
 }, ur = {
@@ -4324,79 +4328,79 @@ const Ut = /* @__PURE__ */ R({
 }, gr = ["src", "alt"], mr = { class: "max-w-[70%]" }, fr = { class: "text-sm leading-[1.5] whitespace-pre-wrap break-words" }, br = {
   key: 0,
   class: "flex gap-2 justify-start items-end mb-4"
-}, pr = { class: "flex-shrink-0" }, vr = ["src", "alt"], xr = { class: "flex-shrink-0 pt-6 pb-2" }, kr = ["placeholder", "disabled"], ze = /* @__PURE__ */ R({
+}, vr = { class: "flex-shrink-0" }, pr = ["src", "alt"], xr = { class: "flex-shrink-0 pt-6 pb-2" }, kr = ["placeholder", "disabled"], ze = /* @__PURE__ */ R({
   __name: "ElAgentChat",
   props: {
     agentController: {},
     agent: {}
   },
   setup(e) {
-    const n = L(""), t = L(), o = L(), s = I(() => ke(e.agent));
-    function i(v, M) {
-      const z = v[M], O = v[M + 1];
+    const n = L(""), t = L(), o = L(), a = I(() => ke(e.agent));
+    function i(p, M) {
+      const z = p[M], O = p[M + 1];
       return !O || O.sender !== z.sender;
     }
     r(i, "shouldShowAvatar"), ue(async () => {
       if (e.agentController && !e.agentController.textState.value.isConnected)
         try {
           await e.agentController.startTextConversation();
-        } catch (v) {
-          console.error("Failed to start text conversation:", v);
+        } catch (p) {
+          console.error("Failed to start text conversation:", p);
         }
     });
-    async function a() {
+    async function s() {
       if (!n.value.trim() || !e.agentController || !e.agentController.textState.value.isConnected)
         return;
-      const v = n.value;
+      const p = n.value;
       n.value = "", o.value && (o.value.style.height = "auto", o.value.focus());
       try {
-        await e.agentController.sendChatMessage(v), d();
+        await e.agentController.sendChatMessage(p), c();
       } catch (M) {
         console.error("Error sending message:", M);
       }
     }
-    r(a, "sendMessage");
-    function l(v) {
-      v.key === "Enter" && !v.shiftKey && (v.preventDefault(), a());
+    r(s, "sendMessage");
+    function l(p) {
+      p.key === "Enter" && !p.shiftKey && (p.preventDefault(), s());
     }
     r(l, "handleKeydown");
-    function d() {
+    function c() {
       t.value && Ie(() => {
-        const v = t.value;
-        v.scrollTop = v.scrollHeight;
+        const p = t.value;
+        p.scrollTop = p.scrollHeight;
       });
     }
-    r(d, "scrollToBottom");
+    r(c, "scrollToBottom");
     function b() {
       if (!o.value)
         return;
       o.value.style.height = "auto";
-      const v = Math.min(o.value.scrollHeight, 150);
-      o.value.style.height = `${v}px`;
+      const p = Math.min(o.value.scrollHeight, 150);
+      o.value.style.height = `${p}px`;
     }
     r(b, "adjustTextareaHeight"), Q(n, () => {
       Ie(() => b());
     });
     const x = I(() => {
-      const v = e.agentController?.textState.value;
-      return v?.connectionStatus === "disconnected" && !!v?.error;
+      const p = e.agentController?.textState.value;
+      return p?.connectionStatus === "disconnected" && !!p?.error;
     }), f = I(() => {
-      const v = e.agentController?.textState.value;
-      return v?.connectionStatus !== "connected" && !v?.error;
-    }), p = I(() => x.value ? "Agent is offline" : f.value ? "Connecting..." : "Message"), A = I(() => !e.agentController?.textState.value.isConnected);
-    return Q(() => e.agentController?.sharedMessages.value, (v) => {
-      v && v.length > 0 && Ie(() => d());
-    }, { immediate: !0, deep: !0 }), (v, M) => (u(), h("div", lr, [
-      c("div", cr, [
+      const p = e.agentController?.textState.value;
+      return p?.connectionStatus !== "connected" && !p?.error;
+    }), v = I(() => x.value ? "Agent is offline" : f.value ? "Connecting..." : "Message"), A = I(() => !e.agentController?.textState.value.isConnected);
+    return Q(() => e.agentController?.sharedMessages.value, (p) => {
+      p && p.length > 0 && Ie(() => c());
+    }, { immediate: !0, deep: !0 }), (p, M) => (u(), h("div", lr, [
+      d("div", dr, [
         P(Ve, { agent: e.agent }, null, 8, ["agent"])
       ]),
-      x.value ? (u(), h("div", dr, [
-        M[1] || (M[1] = c("i", { class: "i-heroicons-cloud-arrow-down size-8 text-white/40" }, null, -1)),
-        c("span", null, N(e.agentController?.textState.value.error), 1)
+      x.value ? (u(), h("div", cr, [
+        M[1] || (M[1] = d("i", { class: "i-heroicons-cloud-arrow-down size-8 text-white/40" }, null, -1)),
+        d("span", null, N(e.agentController?.textState.value.error), 1)
       ])) : f.value ? (u(), h("div", ur, [
         P(Le, { class: "size-4" })
       ])) : T("", !0),
-      c("div", {
+      d("div", {
         ref_key: "messagesContainer",
         ref: t,
         class: "flex-1 overflow-y-auto overflow-x-hidden py-8 space-y-1 min-h-0 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden"
@@ -4412,39 +4416,39 @@ const Ut = /* @__PURE__ */ R({
           z.sender === "agent" ? (u(), h("div", hr, [
             i(e.agentController?.sharedMessages.value.filter(($) => $.sender !== "system") ?? [], O) ? (u(), h("img", {
               key: 0,
-              src: s.value,
+              src: a.value,
               alt: e.agent.name,
               class: "size-7 rounded-full object-cover"
             }, null, 8, gr)) : T("", !0)
           ])) : T("", !0),
-          c("div", mr, [
-            c("div", {
+          d("div", mr, [
+            d("div", {
               class: S(["rounded-2xl px-3.5 py-1.5 backdrop-blur-sm", z.sender === "user" ? "bg-primary-500/80 text-white" : "bg-white/15 text-white/95"])
             }, [
-              c("p", fr, N(z.text), 1)
+              d("p", fr, N(z.text), 1)
             ], 2)
           ])
         ], 2))), 128)),
         e.agentController?.textState.value.isThinking ? (u(), h("div", br, [
-          c("div", pr, [
-            c("img", {
-              src: s.value,
+          d("div", vr, [
+            d("img", {
+              src: a.value,
               alt: e.agent.name,
               class: "size-8 rounded-full object-cover"
-            }, null, 8, vr)
+            }, null, 8, pr)
           ]),
-          M[2] || (M[2] = c("div", { class: "rounded-2xl px-4 py-2.5 bg-white/15 backdrop-blur-sm flex items-center" }, [
-            c("i", { class: "i-svg-spinners-3-dots-fade size-6 text-white/70" })
+          M[2] || (M[2] = d("div", { class: "rounded-2xl px-4 py-2.5 bg-white/15 backdrop-blur-sm flex items-center" }, [
+            d("i", { class: "i-svg-spinners-3-dots-fade size-6 text-white/70" })
           ], -1))
         ])) : T("", !0)
       ], 512),
-      c("div", xr, [
-        it(c("textarea", {
+      d("div", xr, [
+        it(d("textarea", {
           ref_key: "textarea",
           ref: o,
           "onUpdate:modelValue": M[0] || (M[0] = (z) => n.value = z),
           rows: "1",
-          placeholder: p.value,
+          placeholder: v.value,
           disabled: A.value,
           style: { "font-size": "16px", resize: "none" },
           class: "w-full bg-white/10 backdrop-blur-sm border border-white/20 rounded-3xl px-5 py-3 text-white placeholder-white/50 focus:outline-none focus:border-white/40 disabled:opacity-50 overflow-y-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
@@ -4452,7 +4456,7 @@ const Ut = /* @__PURE__ */ R({
         }, null, 40, kr), [
           [lt, n.value]
         ]),
-        M[3] || (M[3] = c("div", { class: "text-[10px] text-white/40 text-center mt-2" }, " Press Enter to send, Shift+Enter for new line ", -1))
+        M[3] || (M[3] = d("div", { class: "text-[10px] text-white/40 text-center mt-2" }, " Press Enter to send, Shift+Enter for new line ", -1))
       ])
     ]));
   }
@@ -4463,30 +4467,30 @@ const Ut = /* @__PURE__ */ R({
   },
   setup(e) {
     function n() {
-      return e.agent.avatar?.src ? e.agent.avatar.src : de();
+      return e.agent.avatar?.src ? e.agent.avatar.src : ce();
     }
     return r(n, "getAvatarSrc"), (t, o) => (u(), h("div", yr, [
-      c("div", wr, [
-        c("div", Cr, [
-          c("img", {
+      d("div", wr, [
+        d("div", Cr, [
+          d("img", {
             src: n(),
             alt: e.agent.name,
             class: "w-full h-full object-cover",
             onError: o[0] || (o[0] = //@ts-ignore
-            (...s) => j(ye) && j(ye)(...s))
+            (...a) => j(ye) && j(ye)(...a))
           }, null, 40, Ar)
         ]),
-        o[1] || (o[1] = c("div", { class: "absolute top-1.5 right-1.5" }, [
-          c("div", {
+        o[1] || (o[1] = d("div", { class: "absolute top-1.5 right-1.5" }, [
+          d("div", {
             class: "size-4 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
             style: { "animation-duration": "3s" }
           }),
-          c("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" })
+          d("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" })
         ], -1))
       ]),
-      c("div", Sr, [
-        c("h1", Ir, N(e.agent.name), 1),
-        c("p", Mr, N(e.agent.title), 1)
+      d("div", Sr, [
+        d("h1", Ir, N(e.agent.name), 1),
+        d("p", Mr, N(e.agent.title), 1)
       ])
     ]));
   }
@@ -4502,15 +4506,15 @@ const Ut = /* @__PURE__ */ R({
       }, 100);
     }), (t, o) => (u(), h("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: o[0] || (o[0] = (s) => t.$emit("click", s))
+      onClick: o[0] || (o[0] = (a) => t.$emit("click", a))
     }, [
-      o[1] || (o[1] = c("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)),
-      c("span", Tr, [
-        c("span", {
+      o[1] || (o[1] = d("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)),
+      d("span", Tr, [
+        d("span", {
           class: S(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", n.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),
-        c("span", {
+        d("span", {
           class: S(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", n.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)
@@ -4539,15 +4543,15 @@ const Ut = /* @__PURE__ */ R({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, o = n, s = t.position || "left", i = t.widthClasses || "w-[80%] max-w-[300px]", a = I({
+    const t = e, o = n, a = t.position || "left", i = t.widthClasses || "w-[80%] max-w-[300px]", s = I({
       get: /* @__PURE__ */ r(() => t.modelValue, "get"),
       set: /* @__PURE__ */ r((x) => o("update:modelValue", x), "set")
     }), l = I(() => t.items.filter((x) => !x.isHidden));
-    function d(x) {
-      x.isDisabled || (x.onClick ? x.onClick({ item: x, event: new MouseEvent("click") }) : x.href && (x.href.includes("http") ? window.open(x.href, x.target || "_self")?.focus() : window.location.href = x.href), a.value = !1);
+    function c(x) {
+      x.isDisabled || (x.onClick ? x.onClick({ item: x, event: new MouseEvent("click") }) : x.href && (x.href.includes("http") ? window.open(x.href, x.target || "_self")?.focus() : window.location.href = x.href), s.value = !1);
     }
-    r(d, "handleItemClick");
-    const b = I(() => s === "left" ? {
+    r(c, "handleItemClick");
+    const b = I(() => a === "left" ? {
       enter: "-translate-x-full",
       leave: "-translate-x-full",
       position: "justify-start",
@@ -4568,10 +4572,10 @@ const Ut = /* @__PURE__ */ R({
         "leave-to-class": "opacity-0"
       }, {
         default: H(() => [
-          a.value ? (u(), h("div", {
+          s.value ? (u(), h("div", {
             key: 0,
             class: "absolute inset-0 z-40 bg-black/50 backdrop-blur-sm",
-            onClick: f[0] || (f[0] = (p) => a.value = !1)
+            onClick: f[0] || (f[0] = (v) => s.value = !1)
           })) : T("", !0)
         ]),
         _: 1
@@ -4585,61 +4589,61 @@ const Ut = /* @__PURE__ */ R({
         "leave-to-class": b.value.leave
       }, {
         default: H(() => [
-          a.value ? (u(), h("div", {
+          s.value ? (u(), h("div", {
             key: 0,
             class: S(["absolute inset-0 z-50 flex", b.value.position]),
-            onClick: f[3] || (f[3] = (p) => a.value = !1)
+            onClick: f[3] || (f[3] = (v) => s.value = !1)
           }, [
-            c("div", {
+            d("div", {
               class: S(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", j(i)]),
               onClick: f[2] || (f[2] = Te(() => {
               }, ["stop"]))
             }, [
               P($r, {
                 class: S(["absolute top-4 z-10 text-white", b.value.closeButton]),
-                onClick: f[1] || (f[1] = (p) => a.value = !1)
+                onClick: f[1] || (f[1] = (v) => s.value = !1)
               }, null, 8, ["class"]),
               e.title ? (u(), h("div", Er, [
-                c("h3", Dr, N(e.title), 1)
+                d("h3", Dr, N(e.title), 1)
               ])) : T("", !0),
               x.$slots.header ? (u(), h("div", Lr, [
-                ae(x.$slots, "header")
+                se(x.$slots, "header")
               ])) : T("", !0),
-              c("div", {
+              d("div", {
                 class: S(["flex-1 p-6 space-y-2 overflow-y-auto", { "pt-6": !e.title && !x.$slots.header, "pt-4": e.title || x.$slots.header }])
               }, [
-                P(at, {
+                P(st, {
                   "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": j(s) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0",
+                  "enter-from-class": j(a) === "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": j(s) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
+                  "leave-to-class": j(a) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
                 }, {
                   default: H(() => [
-                    (u(!0), h(K, null, he(l.value, (p, A) => (u(), h("button", {
-                      key: p.key || p.label || A,
-                      style: ct({ transitionDelay: `${A * 40}ms` }),
+                    (u(!0), h(K, null, he(l.value, (v, A) => (u(), h("button", {
+                      key: v.key || v.label || A,
+                      style: dt({ transitionDelay: `${A * 40}ms` }),
                       class: S(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [
-                        p.isActive ? "bg-primary-500/20 border border-primary-500/40" : "hover:bg-white/10",
-                        p.isDisabled && "opacity-50 cursor-not-allowed"
+                        v.isActive ? "bg-primary-500/20 border border-primary-500/40" : "hover:bg-white/10",
+                        v.isDisabled && "opacity-50 cursor-not-allowed"
                       ]]),
-                      disabled: p.isDisabled,
-                      onClick: /* @__PURE__ */ r((v) => d(p), "onClick")
+                      disabled: v.isDisabled,
+                      onClick: /* @__PURE__ */ r((p) => c(v), "onClick")
                     }, [
-                      c("div", jr, [
-                        p.icon?.src ? (u(), h("i", {
+                      d("div", jr, [
+                        v.icon?.src ? (u(), h("i", {
                           key: 0,
                           class: S(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [
-                            p.icon.src,
-                            p.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"
+                            v.icon.src,
+                            v.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"
                           ]])
                         }, null, 2)) : T("", !0),
-                        c("div", Pr, [
-                          c("div", {
-                            class: S(["font-medium text-sm", p.isActive ? "text-primary-300" : "text-white"])
-                          }, N(p.label), 3),
-                          p.subLabel ? (u(), h("div", Br, N(p.subLabel), 1)) : T("", !0)
+                        d("div", Pr, [
+                          d("div", {
+                            class: S(["font-medium text-sm", v.isActive ? "text-primary-300" : "text-white"])
+                          }, N(v.label), 3),
+                          v.subLabel ? (u(), h("div", Br, N(v.subLabel), 1)) : T("", !0)
                         ])
                       ])
                     ], 14, Vr))), 128))
@@ -4647,12 +4651,12 @@ const Ut = /* @__PURE__ */ R({
                   _: 1
                 }, 8, ["enter-from-class", "leave-to-class"])
               ], 2),
-              c("div", Nr, [
-                ae(x.$slots, "footer", {}, () => [
-                  f[4] || (f[4] = c("div", { class: "text-center" }, [
-                    c("p", { class: "text-[10px] text-white/40 font-sans" }, [
-                      ce(" AI Agent by "),
-                      c("a", {
+              d("div", Nr, [
+                se(x.$slots, "footer", {}, () => [
+                  f[4] || (f[4] = d("div", { class: "text-center" }, [
+                    d("p", { class: "text-[10px] text-white/40 font-sans" }, [
+                      de(" AI Agent by "),
+                      d("a", {
                         href: "https://www.pagelines.com",
                         target: "_blank",
                         class: "text-white/60 hover:text-white/80 transition-colors"
@@ -4677,10 +4681,10 @@ const Ut = /* @__PURE__ */ R({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, o = n, s = I({
+    const t = e, o = n, a = I({
       get: /* @__PURE__ */ r(() => t.modelValue, "get"),
       set: /* @__PURE__ */ r((l) => o("update:modelValue", l), "set")
-    }), i = I(() => t.agentController?.agentMode?.value ?? "self"), a = I(() => ut.map((l) => ({
+    }), i = I(() => t.agentController?.agentMode?.value ?? "self"), s = I(() => ut.map((l) => ({
       key: l.mode,
       icon: { src: l.icon },
       label: l.label,
@@ -4689,10 +4693,10 @@ const Ut = /* @__PURE__ */ R({
         t.agentController?.setMode(l.mode);
       }, "onClick")
     })));
-    return (l, d) => (u(), U(Mt, {
-      modelValue: s.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (b) => s.value = b),
-      items: a.value,
+    return (l, c) => (u(), U(Mt, {
+      modelValue: a.value,
+      "onUpdate:modelValue": c[0] || (c[0] = (b) => a.value = b),
+      items: s.value,
       position: "right",
       title: "Mode",
       "width-classes": "w-[80%] max-w-[255px]"
@@ -4709,11 +4713,11 @@ const Ut = /* @__PURE__ */ R({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, o = n, s = I({
+    const t = e, o = n, a = I({
       get: /* @__PURE__ */ r(() => t.modelValue, "get"),
-      set: /* @__PURE__ */ r((a) => o("update:modelValue", a), "set")
+      set: /* @__PURE__ */ r((s) => o("update:modelValue", s), "set")
     }), i = I(() => {
-      const a = [
+      const s = [
         {
           key: "share",
           icon: { src: "i-tabler-share" },
@@ -4740,18 +4744,18 @@ const Ut = /* @__PURE__ */ R({
           }, "onClick")
         }
       ];
-      return t.sdk.activeUser.value && a.push({
+      return t.sdk.activeUser.value && s.push({
         key: "logout",
         icon: { src: "i-tabler-logout" },
         label: "Logout",
         onClick: /* @__PURE__ */ r(async () => {
           await t.sdk.logout();
         }, "onClick")
-      }), a;
+      }), s;
     });
-    return (a, l) => (u(), U(Mt, {
-      modelValue: s.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (d) => s.value = d),
+    return (s, l) => (u(), U(Mt, {
+      modelValue: a.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (c) => a.value = c),
       items: i.value,
       position: "left",
       title: e.title || "Menu"
@@ -4784,10 +4788,10 @@ const Ut = /* @__PURE__ */ R({
 }, rn = { class: "max-w-md mx-auto" }, nn = {
   key: 2,
   class: "flex-1 flex flex-col relative z-20 min-h-0 w-full px-4 @[480px]/agent:px-6"
-}, sn = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, an = {
+}, an = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, sn = {
   key: 2,
   class: "bg-gradient-to-br from-theme-800 to-theme-950 text-white flex items-center justify-center h-full p-8"
-}, ln = { class: "text-center max-w-md space-y-4" }, cn = { class: "text-sm text-white/70 leading-relaxed" }, dn = {
+}, ln = { class: "text-center max-w-md space-y-4" }, dn = { class: "text-sm text-white/70 leading-relaxed" }, cn = {
   key: 3,
   class: "bg-white/10 backdrop-blur-sm text-white/70 flex items-center justify-center h-full"
 }, kn = /* @__PURE__ */ R({
@@ -4808,7 +4812,7 @@ const Ut = /* @__PURE__ */ R({
   },
   emits: ["close", "error"],
   setup(e, { emit: n }) {
-    const t = n, o = Et(), s = L(!1), i = L(!1), a = L(), l = L(), d = I(() => o.value?.agentMode?.value ?? "self"), b = I(() => e.sdk.activeUser.value !== void 0), x = I(() => ut.find((y) => y.mode === d.value));
+    const t = n, o = Et(), a = L(!1), i = L(!1), s = L(), l = L(), c = I(() => o.value?.agentMode?.value ?? "self"), b = I(() => e.sdk.activeUser.value !== void 0), x = I(() => ut.find((y) => y.mode === c.value));
     function f() {
       o.value && o.value.destroy();
       try {
@@ -4823,7 +4827,7 @@ const Ut = /* @__PURE__ */ R({
       }
     }
     r(f, "createAgentController");
-    function p($) {
+    function v($) {
       if (!l.value)
         return;
       const y = Bt($);
@@ -4831,23 +4835,23 @@ const Ut = /* @__PURE__ */ R({
         l.value.style.setProperty(`--primary-${D}`, Y);
       });
     }
-    r(p, "applyTheme"), ue(() => {
+    r(v, "applyTheme"), ue(() => {
       try {
-        f(), p(e.theme), e.chatOnly && o.value && o.value.setMode("chat");
+        f(), v(e.theme), e.chatOnly && o.value && o.value.setMode("chat");
       } catch ($) {
         const y = $ instanceof Error ? $.message : "Failed to initialize digital agent";
-        a.value = y, t("error", y);
+        s.value = y, t("error", y);
       }
     }), Dt(() => {
       o.value && o.value.destroy();
     }), Q(() => e.theme, ($) => {
-      p($);
+      v($);
     }), Q(() => e.sdk.activeUser.value, ($, y) => {
       y && !$ && o.value && o.value.setMode("self");
     });
-    const A = I(() => e.agent.cover?.src && e.agent.cover?.quality === "low" ? !0 : !!(e.agent.avatar?.src && e.agent.avatar?.quality === "low")), v = I(() => {
+    const A = I(() => e.agent.cover?.src && e.agent.cover?.quality === "low" ? !0 : !!(e.agent.avatar?.src && e.agent.avatar?.quality === "low")), p = I(() => {
       const $ = [A.value ? "backdrop-blur-sm" : ""];
-      return A.value && d.value === "self" ? $.push("from-black/80 via-black/60 to-black/80") : d.value === "self" ? $.push("from-black/70 via-black/50 to-black/80") : $.push("from-black/90 via-black/90 to-black/100"), $.join(" ");
+      return A.value && c.value === "self" ? $.push("from-black/80 via-black/60 to-black/80") : c.value === "self" ? $.push("from-black/70 via-black/50 to-black/80") : $.push("from-black/90 via-black/90 to-black/100"), $.join(" ");
     }), M = {
       phone: "i-heroicons-phone",
       calendar: "i-heroicons-calendar",
@@ -4867,84 +4871,84 @@ const Ut = /* @__PURE__ */ R({
     }, [
       e.loading ? (u(), h("div", Fr, [
         P(Le, { class: "text-white size-8" })
-      ])) : e.agent && !a.value ? (u(), h("div", {
+      ])) : e.agent && !s.value ? (u(), h("div", {
         key: 1,
         class: "absolute inset-0 bg-cover bg-center bg-no-repeat",
-        style: ct({ backgroundImage: `url(${j(ke)(e.agent) || j(de)()})` }),
+        style: dt({ backgroundImage: `url(${j(ke)(e.agent) || j(ce)()})` }),
         "data-quality": e.agent.avatar?.quality || "none"
       }, [
-        c("div", {
-          class: S(["absolute inset-0 bg-gradient-to-br z-0", v.value])
+        d("div", {
+          class: S(["absolute inset-0 bg-gradient-to-br z-0", p.value])
         }, null, 2),
-        c("div", {
+        d("div", {
           class: S(["relative z-10 flex flex-col h-full transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] will-change-transform", e.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"])
         }, [
-          c("div", {
-            class: S(["relative z-30 p-2", d.value !== "self" ? "backdrop-blur-lg" : ""])
+          d("div", {
+            class: S(["relative z-30 p-2", c.value !== "self" ? "backdrop-blur-lg" : ""])
           }, [
             e.chatOnly ? (u(), h("div", Ur, [
-              c("div", Hr, [
-                c("img", {
-                  src: j(ke)(e.agent) || j(de)(),
+              d("div", Hr, [
+                d("img", {
+                  src: j(ke)(e.agent) || j(ce)(),
                   alt: e.agent.name,
                   class: "size-8 rounded-full object-cover"
                 }, null, 8, Wr),
-                c("span", qr, N(e.agent.name), 1)
+                d("span", qr, N(e.agent.name), 1)
               ]),
               e.hasClose ? (u(), h("div", Zr, [
-                c("button", {
+                d("button", {
                   class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
                   onClick: y[0] || (y[0] = Te((D) => t("close", "button"), ["stop"]))
                 }, [...y[7] || (y[7] = [
-                  c("i", { class: "size-6 i-tabler-x" }, null, -1)
+                  d("i", { class: "size-6 i-tabler-x" }, null, -1)
                 ])])
               ])) : T("", !0)
             ])) : (u(), h("div", {
               key: 1,
               class: S(["flex items-center", e.hasClose ? "" : "justify-between"])
             }, [
-              c("div", {
+              d("div", {
                 class: S(e.hasClose ? "flex-1 basis-0" : "")
               }, [
-                c("button", {
+                d("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: y[1] || (y[1] = (D) => s.value = !0)
+                  onClick: y[1] || (y[1] = (D) => a.value = !0)
                 }, [...y[8] || (y[8] = [
-                  c("i", { class: "i-tabler-menu size-7" }, null, -1)
+                  d("i", { class: "i-tabler-menu size-7" }, null, -1)
                 ])])
               ], 2),
-              c("button", {
+              d("button", {
                 class: S(["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": i.value }]),
                 onClick: y[2] || (y[2] = (D) => i.value = !0)
               }, [
-                c("i", {
+                d("i", {
                   class: S([x.value?.icon, "size-4 opacity-60"])
                 }, null, 2),
-                c("span", Kr, N(x.value?.label), 1),
-                y[9] || (y[9] = c("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
+                d("span", Kr, N(x.value?.label), 1),
+                y[9] || (y[9] = d("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
               ], 2),
               e.hasClose ? (u(), h("div", Yr, [
-                c("button", {
+                d("button", {
                   class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
                   onClick: y[3] || (y[3] = Te((D) => t("close", "button"), ["stop"]))
                 }, [...y[10] || (y[10] = [
-                  c("i", { class: "size-6 i-tabler-x" }, null, -1)
+                  d("i", { class: "size-6 i-tabler-x" }, null, -1)
                 ])])
               ])) : T("", !0)
             ], 2))
           ], 2),
           e.chatOnly ? (u(), h("div", Jr, [
-            c("div", Qr, [
+            d("div", Qr, [
               P(ze, {
                 "agent-controller": o.value,
                 agent: e.agent
               }, null, 8, ["agent-controller", "agent"])
             ])
           ])) : (u(), h(K, { key: 1 }, [
-            d.value === "self" ? (u(), h("div", Xr, [
-              y[11] || (y[11] = c("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
+            c.value === "self" ? (u(), h("div", Xr, [
+              y[11] || (y[11] = d("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
               P(zr, { agent: e.agent }, null, 8, ["agent"]),
-              c("div", _r, [
+              d("div", _r, [
                 P(ht, {
                   theme: "primary",
                   size: "lg",
@@ -4954,30 +4958,30 @@ const Ut = /* @__PURE__ */ R({
                   onClick: y[4] || (y[4] = (D) => o.value?.setMode("talk"))
                 }, {
                   default: H(() => [
-                    ce(N(z.value), 1)
+                    de(N(z.value), 1)
                   ]),
                   _: 1
                 }, 8, ["icon"]),
                 e.agent.accounts && e.agent.accounts.length > 0 ? (u(), h("div", en, [
-                  (u(!0), h(K, null, he(e.agent.accounts.filter((D) => j(se)[D.platform]), (D) => (u(), h("a", {
+                  (u(!0), h(K, null, he(e.agent.accounts.filter((D) => j(ae)[D.platform]), (D) => (u(), h("a", {
                     key: `${D.platform}-${D.handle}`,
-                    href: j(se)[D.platform].getUrl(D.handle),
+                    href: j(ae)[D.platform].getUrl(D.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"
                   }, [
-                    c("i", {
-                      class: S([j(se)[D.platform].icon, "size-5"])
+                    d("i", {
+                      class: S([j(ae)[D.platform].icon, "size-5"])
                     }, null, 2)
                   ], 8, tn))), 128))
                 ])) : T("", !0)
               ])
-            ])) : d.value === "talk" ? (u(), h("div", on, [
+            ])) : c.value === "talk" ? (u(), h("div", on, [
               e.requireAuth && !b.value ? (u(), U(Qe, {
                 key: 0,
                 sdk: e.sdk
               }, null, 8, ["sdk"])) : (u(), h(K, { key: 1 }, [
-                c("div", null, [
-                  c("div", rn, [
+                d("div", null, [
+                  d("div", rn, [
                     P(Ve, { agent: e.agent }, null, 8, ["agent"])
                   ])
                 ]),
@@ -4987,8 +4991,8 @@ const Ut = /* @__PURE__ */ R({
                 }, null, 8, ["agent-controller", "agent"])
               ], 64))
             ])) : (u(), h("div", nn, [
-              c("div", sn, [
-                d.value === "chat" ? (u(), h(K, { key: 0 }, [
+              d("div", an, [
+                c.value === "chat" ? (u(), h(K, { key: 0 }, [
                   e.requireAuth && !b.value ? (u(), U(Qe, {
                     key: 0,
                     sdk: e.sdk
@@ -4997,41 +5001,41 @@ const Ut = /* @__PURE__ */ R({
                     "agent-controller": o.value,
                     agent: e.agent
                   }, null, 8, ["agent-controller", "agent"]))
-                ], 64)) : d.value === "info" ? (u(), U(ir, {
+                ], 64)) : c.value === "info" ? (u(), U(ir, {
                   key: 1,
                   agent: e.agent
                 }, null, 8, ["agent"])) : T("", !0)
               ])
             ]))
           ], 64)),
-          c("div", {
-            class: S(["relative z-20 text-center py-5 px-6", d.value === "info" ? "hidden" : ""])
+          d("div", {
+            class: S(["relative z-20 text-center py-5 px-6", c.value === "info" ? "hidden" : ""])
           }, [...y[12] || (y[12] = [
-            c("a", {
+            d("a", {
               href: "https://www.pagelines.com",
               class: "flex items-center justify-center gap-1.5 text-[10px] font-sans font-normal text-white/50 hover:text-white/70 transition-colors"
             }, [
-              c("span", { class: "" }, "AI Agent™"),
-              c("span", { class: "text-white/20" }, "by"),
-              c("span", null, "PageLines")
+              d("span", { class: "" }, "AI Agent™"),
+              d("span", { class: "text-white/20" }, "by"),
+              d("span", null, "PageLines")
             ], -1)
           ])], 2)
         ], 2)
-      ], 12, Gr)) : a.value ? (u(), h("div", an, [
-        c("div", ln, [
-          y[13] || (y[13] = c("div", { class: "flex justify-center" }, [
-            c("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [
-              c("i", { class: "i-tabler-alert-circle size-6 text-red-400" })
+      ], 12, Gr)) : s.value ? (u(), h("div", sn, [
+        d("div", ln, [
+          y[13] || (y[13] = d("div", { class: "flex justify-center" }, [
+            d("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [
+              d("i", { class: "i-tabler-alert-circle size-6 text-red-400" })
             ])
           ], -1)),
-          y[14] || (y[14] = c("h3", { class: "text-lg font-medium" }, " Agent Error ", -1)),
-          c("p", cn, N(a.value), 1)
+          y[14] || (y[14] = d("h3", { class: "text-lg font-medium" }, " Agent Error ", -1)),
+          d("p", dn, N(s.value), 1)
         ])
-      ])) : (u(), h("div", dn, " There was an error loading the digital agent. Please try again later. ")),
+      ])) : (u(), h("div", cn, " There was an error loading the digital agent. Please try again later. ")),
       e.chatOnly ? T("", !0) : (u(), U(Rr, {
         key: 4,
-        modelValue: s.value,
-        "onUpdate:modelValue": y[5] || (y[5] = (D) => s.value = D),
+        modelValue: a.value,
+        "onUpdate:modelValue": y[5] || (y[5] = (D) => a.value = D),
         agent: e.agent,
         sdk: e.sdk,
         title: e.agent.name,
@@ -5066,17 +5070,17 @@ const Ut = /* @__PURE__ */ R({
     const n = Lt("AgentWrap"), t = e, o = t.sdk || Vt.getInstance({
       isDev: typeof window < "u" ? window.location.hostname === "localhost" || window.location.hostname.includes("127.0.0.1") : !1,
       ...t.apiBase && { apiBase: t.apiBase }
-    }), s = L(!t.agent), i = L(t.agent), a = L();
+    }), a = L(!t.agent), i = L(t.agent), s = L();
     return ue(async () => {
       if (t.agent) {
         n.debug("Agent provided via props, skipping fetch", {
           agentId: t.agent.agentId,
           handle: t.agent.handle
-        }), s.value = !1;
+        }), a.value = !1;
         return;
       }
       if (!t.handle) {
-        a.value = "No handle or agent provided", n.warn("AgentWrap mounted without handle or agent", {
+        s.value = "No handle or agent provided", n.warn("AgentWrap mounted without handle or agent", {
           propsReceived: {
             handle: t.handle,
             agent: t.agent,
@@ -5087,11 +5091,11 @@ const Ut = /* @__PURE__ */ R({
             isDev: o.isDev,
             apiBase: o.apiBase
           }
-        }), s.value = !1;
+        }), a.value = !1;
         return;
       }
       try {
-        s.value = !0, n.debug("Fetching public agent", { handle: t.handle });
+        a.value = !0, n.debug("Fetching public agent", { handle: t.handle });
         const l = await o.getPublicAgent({ handle: t.handle });
         l ? (i.value = l, n.debug("Successfully fetched public agent", {
           agentId: l.agentId,
@@ -5102,7 +5106,7 @@ const Ut = /* @__PURE__ */ R({
           properties: {
             viewSource: "widget"
           }
-        })) : (a.value = o.error.value || "Agent not found", n.error("Failed to fetch public agent - no data returned", {
+        })) : (s.value = o.error.value || "Agent not found", n.error("Failed to fetch public agent - no data returned", {
           handle: t.handle,
           sdkError: o.error.value,
           sdkState: {
@@ -5112,7 +5116,7 @@ const Ut = /* @__PURE__ */ R({
           }
         }));
       } catch (l) {
-        a.value = l instanceof Error ? l.message : "Failed to fetch agent", n.error("Exception while fetching public agent", {
+        s.value = l instanceof Error ? l.message : "Failed to fetch agent", n.error("Exception while fetching public agent", {
           handle: t.handle,
           error: l instanceof Error ? {
             message: l.message,
@@ -5125,11 +5129,11 @@ const Ut = /* @__PURE__ */ R({
           }
         });
       } finally {
-        s.value = !1, i.value || n.debug("AgentWrap component will render empty (silent failure)", {
+        a.value = !1, i.value || n.debug("AgentWrap component will render empty (silent failure)", {
           state: {
-            loading: s.value,
+            loading: a.value,
             hasAgent: !!i.value,
-            error: a.value
+            error: s.value
           },
           props: {
             handle: t.handle,
@@ -5143,10 +5147,10 @@ const Ut = /* @__PURE__ */ R({
           }
         });
       }
-    }), (l, d) => (u(), h("div", un, [
-      s.value ? (u(), h("div", hn, [...d[0] || (d[0] = [
-        c("div", { class: "animate-spin rounded-full size-6 border-b-2 border-white" }, null, -1)
-      ])])) : i.value ? ae(l.$slots, "default", {
+    }), (l, c) => (u(), h("div", un, [
+      a.value ? (u(), h("div", hn, [...c[0] || (c[0] = [
+        d("div", { class: "animate-spin rounded-full size-6 border-b-2 border-white" }, null, -1)
+      ])])) : i.value ? se(l.$slots, "default", {
         key: 1,
         sdk: j(o),
         agent: i.value,
@@ -5154,7 +5158,7 @@ const Ut = /* @__PURE__ */ R({
         firstMessage: e.firstMessage,
         buttonText: e.buttonText,
         buttonIcon: e.buttonIcon,
-        loading: s.value
+        loading: a.value
       }) : T("", !0)
     ]));
   }
@@ -5162,13 +5166,13 @@ const Ut = /* @__PURE__ */ R({
 export {
   Nt as A,
   $e as C,
-  pn as V,
+  vn as V,
   yn as _,
   kn as a,
-  de as b,
+  ce as b,
   Ot as c,
   Rt as d,
-  vn as e,
+  pn as e,
   ut as f,
   ke as g,
   Je as h,
@@ -5177,4 +5181,4 @@ export {
   Gt as k,
   Ft as p
 };
-//# sourceMappingURL=AgentWrap.vue_vue_type_script_setup_true_lang-Dnt1w4Uv.js.map
+//# sourceMappingURL=AgentWrap.vue_vue_type_script_setup_true_lang-DWBaKmcq.js.map