@fiction/sdk 1.0.17 → 1.0.19

package/dist/self.js

@@ -1,12 +1,12 @@
 var Ct = Object.defineProperty;
-var io = (e, r, o) => r in e ? Ct(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o;
+var ao = (e, r, o) => r in e ? Ct(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o;
 var s = (e, r) => Ct(e, "name", { value: r, configurable: !0 });
-var D = (e, r, o) => io(e, typeof r != "symbol" ? r + "" : r, o);
-import { ref as P, defineComponent as j, createElementBlock as b, openBlock as d, createElementVNode as l, normalizeClass as z, watch as se, createBlock as _, TransitionGroup as Pt, withCtx as ee, renderSlot as Ce, computed as F, createCommentVNode as E, onMounted as Ie, Fragment as Ae, renderList as rt, withDirectives as Ft, vModelText as Vt, toDisplayString as N, createVNode as B, withKeys as lo, createTextVNode as He, unref as Y, resolveDynamicComponent as co, nextTick as Xe, Transition as _e, withModifiers as et, normalizeStyle as st, onUnmounted as ft, shallowRef as uo, Teleport as ho, normalizeProps as fo, guardReactiveProps as go, mergeProps as St } from "vue";
-import { S as Dt } from "./base-CEr2lLFg.js";
-import { Conversation as Mt } from "@elevenlabs/client";
-import { objectId as mo } from "@fiction/utils";
-const bo = 256, vo = 0.8, po = 50, xo = {
+var B = (e, r, o) => ao(e, typeof r != "symbol" ? r + "" : r, o);
+import { ref as P, defineComponent as j, createElementBlock as b, openBlock as d, createElementVNode as l, normalizeClass as z, watch as se, createBlock as _, TransitionGroup as Tt, withCtx as ee, renderSlot as Ce, computed as F, createCommentVNode as E, onMounted as Ie, Fragment as Ae, renderList as rt, withDirectives as Pt, vModelText as Ft, toDisplayString as N, createVNode as D, withKeys as io, createTextVNode as He, unref as Y, resolveDynamicComponent as lo, nextTick as Xe, Transition as _e, withModifiers as et, normalizeStyle as st, onUnmounted as ft, shallowRef as co, Teleport as uo, normalizeProps as ho, guardReactiveProps as fo, mergeProps as go } from "vue";
+import { S as Vt, F as mo } from "./sdkClient-C9BL_Op4.js";
+import { Conversation as St } from "@elevenlabs/client";
+import { objectId as bo } from "@fiction/utils";
+const vo = 256, po = 0.8, xo = 50, yo = {
   bars: 64,
   barWidth: 3,
   barSpacing: 1,
@@ -93,17 +93,17 @@ const bo = 256, vo = 0.8, po = 50, xo = {
   7500,
   8e3,
   8500
-], vt = class vt extends Dt {
+], vt = class vt extends Vt {
   constructor(o) {
     super("ClientAudio", o);
-    D(this, "audioContext");
-    D(this, "analyser");
-    D(this, "microphone");
-    D(this, "audioLevelInterval");
-    D(this, "stream");
-    D(this, "visibilityChangeHandler");
+    B(this, "audioContext");
+    B(this, "analyser");
+    B(this, "microphone");
+    B(this, "audioLevelInterval");
+    B(this, "stream");
+    B(this, "visibilityChangeHandler");
     // Public reactive state
-    D(this, "audioLevels", P({ inputLevel: 0, outputLevel: 0 }));
+    B(this, "audioLevels", P({ inputLevel: 0, outputLevel: 0 }));
     this.setupVisibilityHandler();
   }
   /**
@@ -156,7 +156,7 @@ const bo = 256, vo = 0.8, po = 50, xo = {
     if (!this.stream)
       throw new Error("No audio stream available");
     try {
-      this.audioContext = new AudioContext(), this.analyser = this.audioContext.createAnalyser(), this.microphone = this.audioContext.createMediaStreamSource(this.stream), this.analyser.fftSize = bo, this.analyser.smoothingTimeConstant = vo, this.microphone.connect(this.analyser), this.logger.info("Audio analysis setup complete");
+      this.audioContext = new AudioContext(), this.analyser = this.audioContext.createAnalyser(), this.microphone = this.audioContext.createMediaStreamSource(this.stream), this.analyser.fftSize = vo, this.analyser.smoothingTimeConstant = po, this.microphone.connect(this.analyser), this.logger.info("Audio analysis setup complete");
     } catch (o) {
       throw this.logger.error("Failed to setup audio analysis:", o), o;
     }
@@ -177,8 +177,8 @@ const bo = 256, vo = 0.8, po = 50, xo = {
       }
       try {
         this.analyser.getByteFrequencyData(t);
-        const i = t.reduce((C, u) => C + u, 0) / t.length, f = Math.min(i / 128, 1), h = o?.() ? 0.3 : 0;
-        this.audioLevels.value = { inputLevel: f, outputLevel: h };
+        const i = t.reduce((C, u) => C + u, 0) / t.length, h = Math.min(i / 128, 1), f = o?.() ? 0.3 : 0;
+        this.audioLevels.value = { inputLevel: h, outputLevel: f };
       } catch (i) {
         this.logger.error("Error in audio level monitoring:", i), this.stopAudioLevelMonitoring();
       }
@@ -187,7 +187,7 @@ const bo = 256, vo = 0.8, po = 50, xo = {
         this.logger.error("Async error in audio level monitoring:", i);
       });
     }, "intervalWrapper");
-    this.audioLevelInterval = window.setInterval(a, po);
+    this.audioLevelInterval = window.setInterval(a, xo);
   }
   /**
    * Stop monitoring audio levels
@@ -257,58 +257,7 @@ const Bt = [
     label: "About",
     icon: "i-tabler-user-circle"
   }
-];
-function At(e) {
-  return e ? typeof e == "string" ? e : e.src || "" : "";
-}
-s(At, "getImageSrc");
-function tt(e) {
-  return At(e.cover) || At(e.avatar) || "/img/placeholder-avatar.png";
-}
-s(tt, "getSelfAvatarUrl");
-function qe() {
-  return "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiByeD0iNDAiIGZpbGw9IiM2MzY2RjEiLz4KPHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeD0iMjAiIHk9IjIwIj4KPHA0aCBkPSJNMTIgMTJjMi4yMSAwIDQtMS43OSA0LTRTNC4yMSA0IDIgNHMxLjc5IDQgNCA0em0wIDJjLTIuNjcgMC04IDEuMzQtOCA0djJoMTZ2LTJjMC0yLjY2LTUuMzMtNC04LTR6IiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4KPC9zdmc+";
-}
-s(qe, "getFallbackAvatarDataUrl");
-function ot(e) {
-  const r = e.target;
-  r.dataset.fallbackUsed || (r.dataset.fallbackUsed = "true", r.src = qe());
-}
-s(ot, "handleImageError");
-function yo(e) {
-  const { message: r } = e;
-  if (!r)
-    return null;
-  if (typeof r == "string")
-    return r.trim() ? { text: r.trim(), sender: "agent" } : null;
-  if (typeof r != "object")
-    return null;
-  const o = [
-    (t) => {
-      if (!("source" in t))
-        return null;
-      const a = {
-        user: "user",
-        ai: "agent",
-        agent: "agent"
-      }[t.source];
-      return a ? { text: t.message || "", sender: a } : null;
-    }
-  ];
-  for (const t of o) {
-    const n = t(r);
-    if (n && n.text.trim())
-      return { text: n.text.trim(), sender: n.sender };
-  }
-  return null;
-}
-s(yo, "parseVoiceMessage");
-function an(e) {
-  const { name: r, context: o } = e;
-  return o === "welcome" ? `Welcome to Fiction! I'm ${r}, your digital self. I'm here to help you understand how I can represent you and assist with your daily tasks. What would you like to know about how I work?` : o === "onboarding" ? `Hi! I'm ${r}, your newly created digital self. I can handle conversations, answer questions about your expertise, and represent you professionally. Ready to see what I can do?` : `Hello! I'm ${r}. How can I help you today?`;
-}
-s(an, "generateFirstMessage");
-const ko = { class: "spinner max-w-sm" }, wo = {
+], ko = { class: "spinner max-w-sm" }, wo = {
   class: "ring-circular h-full w-full origin-center",
   viewBox: "25 25 50 50"
 }, gt = /* @__PURE__ */ j({
@@ -333,7 +282,7 @@ const ko = { class: "spinner max-w-sm" }, wo = {
       ]))
     ]));
   }
-}), It = {
+}), Mt = {
   green: {
     50: "oklch(98.2% 0.018 155.826)",
     100: "oklch(96.2% 0.044 156.743)",
@@ -466,28 +415,78 @@ const ko = { class: "spinner max-w-sm" }, wo = {
   }
 };
 function Co(e) {
-  return It[e] || It.blue;
+  return Mt[e] || Mt.blue;
 }
 s(Co, "getColorSchemeOklch");
-const pt = class pt extends Dt {
+function At(e) {
+  return e ? typeof e == "string" ? e : e.src || "" : "";
+}
+s(At, "getImageSrc");
+function tt(e) {
+  return At(e.cover) || At(e.avatar) || "/img/placeholder-avatar.png";
+}
+s(tt, "getSelfAvatarUrl");
+function qe() {
+  return "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiByeD0iNDAiIGZpbGw9IiM2MzY2RjEiLz4KPHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeD0iMjAiIHk9IjIwIj4KPHA0aCBkPSJNMTIgMTJjMi4yMSAwIDQtMS43OSA0LTRTNC4yMSA0IDIgNHMxLjc5IDQgNCA0em0wIDJjLTIuNjcgMC04IDEuMzQtOCA0djJoMTZ2LTJjMC0yLjY2LTUuMzMtNC04LTR6IiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4KPC9zdmc+";
+}
+s(qe, "getFallbackAvatarDataUrl");
+function ot(e) {
+  const r = e.target;
+  r.dataset.fallbackUsed || (r.dataset.fallbackUsed = "true", r.src = qe());
+}
+s(ot, "handleImageError");
+function So(e) {
+  const { message: r } = e;
+  if (!r)
+    return null;
+  if (typeof r == "string")
+    return r.trim() ? { text: r.trim(), sender: "agent" } : null;
+  if (typeof r != "object")
+    return null;
+  const o = [
+    (t) => {
+      if (!("source" in t))
+        return null;
+      const a = {
+        user: "user",
+        ai: "agent",
+        agent: "agent"
+      }[t.source];
+      return a ? { text: t.message || "", sender: a } : null;
+    }
+  ];
+  for (const t of o) {
+    const n = t(r);
+    if (n && n.text.trim())
+      return { text: n.text.trim(), sender: n.sender };
+  }
+  return null;
+}
+s(So, "parseVoiceMessage");
+function ln(e) {
+  const { name: r, context: o } = e;
+  return o === "welcome" ? `Welcome to Fiction! I'm ${r}, your digital self. I'm here to help you understand how I can represent you and assist with your daily tasks. What would you like to know about how I work?` : o === "onboarding" ? `Hi! I'm ${r}, your newly created digital self. I can handle conversations, answer questions about your expertise, and represent you professionally. Ready to see what I can do?` : `Hello! I'm ${r}. How can I help you today?`;
+}
+s(ln, "generateFirstMessage");
+const pt = class pt extends Vt {
   constructor(o) {
     super("SelfController", o);
-    D(this, "conversation");
-    D(this, "isTextMode", !1);
-    D(this, "lastMessage", { hash: "", time: 0 });
-    D(this, "clientAudio");
-    D(this, "unwatchAudio");
-    D(this, "isConnecting", !1);
+    B(this, "conversation");
+    B(this, "isTextMode", !1);
+    B(this, "lastMessage", { hash: "", time: 0 });
+    B(this, "clientAudio");
+    B(this, "unwatchAudio");
+    B(this, "isConnecting", !1);
     // Simple usage tracking
-    D(this, "sessionId");
-    D(this, "conversationStartTime");
-    D(this, "chatCharacterCount", 0);
+    B(this, "sessionId");
+    B(this, "conversationStartTime");
+    B(this, "chatCharacterCount", 0);
     // Participant IDs for message attribution
-    D(this, "hostParticipantId");
+    B(this, "hostParticipantId");
     // The digital self
-    D(this, "visitorParticipantId");
+    B(this, "visitorParticipantId");
     // The user/anon
-    D(this, "voiceState", P({
+    B(this, "voiceState", P({
       isActive: !1,
       isConnected: !1,
       isSpeaking: !1,
@@ -495,14 +494,14 @@ const pt = class pt extends Dt {
       transcript: "Tap to begin voice conversation",
       connectionStatus: "disconnected"
     }));
-    D(this, "textState", P({
+    B(this, "textState", P({
       isActive: !1,
       isConnected: !1,
       isThinking: !1,
       connectionStatus: "disconnected"
     }));
-    D(this, "agentMode", P("self"));
-    D(this, "sharedMessages", P([]));
+    B(this, "agentMode", P("self"));
+    B(this, "sharedMessages", P([]));
     if (!o.self.elevenlabsAgentId || o.self.elevenlabsAgentId.trim() === "")
       throw new Error(`Agent ID is required for SelfController. Self "${o.self.name}" (${o.self.selfId}) does not have a valid elevenlabsAgentId.`);
     this.clientAudio = new lt(o), this.setupModeWatcher();
@@ -519,7 +518,7 @@ const pt = class pt extends Dt {
     try {
       const o = this.conversation.getOutputByteFrequencyData();
       if (o && o.length > 0) {
-        const t = Array.from(o).filter((i) => Number(i) > 0).length, n = Math.max(...Array.from(o)), a = Array.from(o).reduce((i, f) => i + Number(f), 0) / o.length;
+        const t = Array.from(o).filter((i) => Number(i) > 0).length, n = Math.max(...Array.from(o)), a = Array.from(o).reduce((i, h) => i + Number(h), 0) / o.length;
         return console.warn(`ElevenLabs frequency data: ${o.length} bins, ${t} with signal, max: ${n}, avg: ${a.toFixed(1)}`), new Uint8Array(o);
       } else
         return console.warn("ElevenLabs returned empty frequency data"), null;
@@ -574,7 +573,7 @@ const pt = class pt extends Dt {
     });
   }
   handleMessage(o, t) {
-    const n = yo(o);
+    const n = So(o);
     if (n && (this.addMessage(n.text, n.sender), !t && n.sender === "agent" && this.updateState(this.textState, { isThinking: !1 }), this.sessionId && this.hostParticipantId && this.visitorParticipantId)) {
       const a = n.sender === "agent" ? this.hostParticipantId : this.visitorParticipantId, { sdk: i } = this.settings;
       i.saveMessage({
@@ -582,8 +581,8 @@ const pt = class pt extends Dt {
         participantId: a,
         content: n.text,
         role: n.sender === "agent" ? "agent" : "user"
-      }).catch((f) => {
-        this.logger.warn("Failed to save message", { error: f });
+      }).catch((h) => {
+        this.logger.warn("Failed to save message", { error: h });
       });
     }
   }
@@ -621,7 +620,7 @@ const pt = class pt extends Dt {
     const t = this.getDynamicSettings(), n = this.settings.self.elevenlabsAgentId;
     this.logger.info("Starting voice conversation...", { agentId: n, dynamicSettings: t });
     try {
-      this.conversation = await Mt.startSession({
+      this.conversation = await St.startSession({
         agentId: n,
         connectionType: "websocket",
         ...t,
@@ -638,7 +637,7 @@ const pt = class pt extends Dt {
         }, "onDisconnect"),
         onError: /* @__PURE__ */ s((a) => {
           let i = a;
-          a.includes("does not exist") ? i = `Agent not found: ${this.settings.self.elevenlabsAgentId}. Check ElevenLabs configuration.` : a.includes("limit") || a.includes("quota") ? i = "ElevenLabs account limit reached. Check your subscription and usage." : (a.includes("unauthorized") || a.includes("invalid")) && (i = "ElevenLabs API authentication failed. Check ELEVENLABS_API_KEY."), this.endSession().catch((f) => console.error("Failed to end session:", f)), this.handleError(new Error(i), !0), o.onError?.(new Error(i));
+          a.includes("does not exist") ? i = `Agent not found: ${this.settings.self.elevenlabsAgentId}. Check ElevenLabs configuration.` : a.includes("limit") || a.includes("quota") ? i = "ElevenLabs account limit reached. Check your subscription and usage." : (a.includes("unauthorized") || a.includes("invalid")) && (i = "ElevenLabs API authentication failed. Check ELEVENLABS_API_KEY."), this.endSession().catch((h) => console.error("Failed to end session:", h)), this.handleError(new Error(i), !0), o.onError?.(new Error(i));
         }, "onError"),
         onModeChange: /* @__PURE__ */ s((a) => {
           const i = a.mode === "speaking";
@@ -663,7 +662,7 @@ const pt = class pt extends Dt {
     }
     this.isConnecting = !0, this.isTextMode = !0, this.updateState(this.textState, { isActive: !0, connectionStatus: "connecting" }), await this.startSession("chat");
     try {
-      this.conversation = await Mt.startSession({
+      this.conversation = await St.startSession({
         agentId: this.settings.self.elevenlabsAgentId,
         connectionType: "websocket",
         ...this.getDynamicSettings(),
@@ -743,7 +742,7 @@ const pt = class pt extends Dt {
         return;
       }
     }
-    this.sessionId = mo(), this.logger.info("Started conversation session (fallback)", {
+    this.sessionId = bo(), this.logger.info("Started conversation session (fallback)", {
       sessionId: this.sessionId,
       type: o
     });
@@ -780,14 +779,14 @@ const pt = class pt extends Dt {
 };
 s(pt, "SelfController");
 let ct = pt;
-const So = /* @__PURE__ */ j({
+const Mo = /* @__PURE__ */ j({
   __name: "EffectTransitionList",
   props: {
     disabled: { type: Boolean, default: !1 },
     mode: { default: "block" }
   },
   setup(e) {
-    return (r, o) => (d(), _(Pt, {
+    return (r, o) => (d(), _(Tt, {
       name: e.disabled ? "" : "nlist"
     }, {
       default: ee(() => [
@@ -796,7 +795,7 @@ const So = /* @__PURE__ */ j({
       _: 3
     }, 8, ["name"]));
   }
-}), Mo = {
+}), Ao = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
 }, mt = /* @__PURE__ */ j({
@@ -826,7 +825,7 @@ const So = /* @__PURE__ */ j({
     return (n, a) => (d(), b("button", {
       class: z(["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", [r.value, o.value]])
     }, [
-      e.loading ? (d(), b("div", Mo, [...a[0] || (a[0] = [
+      e.loading ? (d(), b("div", Ao, [...a[0] || (a[0] = [
         l("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)
       ])])) : E("", !0),
       l("span", {
@@ -844,7 +843,7 @@ const So = /* @__PURE__ */ j({
       ], 2)
     ], 2));
   }
-}), Ao = ["value"], Io = /* @__PURE__ */ j({
+}), Io = ["value"], zo = /* @__PURE__ */ j({
   __name: "SelfInputEmail",
   props: {
     modelValue: { default: "" }
@@ -860,9 +859,9 @@ const So = /* @__PURE__ */ j({
       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: n[0] || (n[0] = (a) => o("update:modelValue", a.target.value))
-    }, null, 40, Ao));
+    }, null, 40, Io));
   }
-}), zo = { class: "flex gap-1.5 justify-center" }, $o = ["onUpdate:modelValue", "onInput", "onKeydown", "onPaste", "onFocus"], Eo = /* @__PURE__ */ j({
+}), $o = { class: "flex gap-1.5 justify-center" }, Eo = ["onUpdate:modelValue", "onInput", "onKeydown", "onPaste", "onFocus"], Lo = /* @__PURE__ */ j({
   __name: "SelfInputOneTimeCode",
   props: {
     modelValue: {},
@@ -880,30 +879,30 @@ const So = /* @__PURE__ */ j({
       const c = a.value.filter(Boolean).join("");
       t("update:modelValue", c), c.length === o.length && t("autoSubmit", c);
     }, { deep: !0 });
-    function f(c, m) {
+    function h(c, m) {
       m.preventDefault(), i.value = !0;
-      const y = (m.clipboardData?.getData("text") || "").replace(/\D/g, "");
-      if (y.length === o.length)
-        a.value = y.split(""), setTimeout(() => {
+      const p = (m.clipboardData?.getData("text") || "").replace(/\D/g, "");
+      if (p.length === o.length)
+        a.value = p.split(""), setTimeout(() => {
           n.value[o.length - 1]?.focus(), i.value = !1;
         }, 10);
       else {
         const g = [...a.value];
-        y.split("").slice(0, o.length - c).forEach((H, Q) => {
+        p.split("").slice(0, o.length - c).forEach((H, Q) => {
           g[c + Q] = H;
         }), a.value = g;
-        const T = Math.min(c + y.length, o.length - 1);
+        const T = Math.min(c + p.length, o.length - 1);
         setTimeout(() => {
           n.value[T]?.focus(), i.value = !1;
         }, 10);
       }
     }
-    s(f, "onPaste");
-    function h(c, m) {
-      const y = m.target.value.slice(-1).replace(/\D/g, "");
-      a.value[c] = y, y && c < o.length - 1 && n.value[c + 1]?.focus();
+    s(h, "onPaste");
+    function f(c, m) {
+      const p = m.target.value.slice(-1).replace(/\D/g, "");
+      a.value[c] = p, p && c < o.length - 1 && n.value[c + 1]?.focus();
     }
-    s(h, "onInput");
+    s(f, "onInput");
     function C(c, m) {
       m.key === "Backspace" ? (m.preventDefault(), a.value[c] = "", c > 0 && n.value[c - 1]?.focus()) : m.key === "ArrowLeft" && c > 0 ? n.value[c - 1]?.focus() : m.key === "ArrowRight" && c < o.length - 1 && n.value[c + 1]?.focus();
     }
@@ -913,37 +912,37 @@ const So = /* @__PURE__ */ j({
         for (let m = c; m < o.length; m++)
           a.value[m] = "";
     }
-    return s(u, "onFocus"), (c, m) => (d(), b("div", zo, [
-      (d(!0), b(Ae, null, rt(e.length, (y) => Ft((d(), b("input", {
-        key: y,
+    return s(u, "onFocus"), (c, m) => (d(), b("div", $o, [
+      (d(!0), b(Ae, null, rt(e.length, (p) => Pt((d(), b("input", {
+        key: p,
         ref_for: !0,
-        ref: /* @__PURE__ */ s((g) => n.value[y - 1] = g, "ref"),
-        "onUpdate:modelValue": /* @__PURE__ */ s((g) => a.value[y - 1] = g, "onUpdate:modelValue"),
+        ref: /* @__PURE__ */ s((g) => n.value[p - 1] = g, "ref"),
+        "onUpdate:modelValue": /* @__PURE__ */ s((g) => a.value[p - 1] = g, "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__ */ s((g) => h(y - 1, g), "onInput"),
-        onKeydown: /* @__PURE__ */ s((g) => C(y - 1, g), "onKeydown"),
-        onPaste: /* @__PURE__ */ s((g) => f(y - 1, g), "onPaste"),
-        onFocus: /* @__PURE__ */ s((g) => u(y - 1), "onFocus")
-      }, null, 40, $o)), [
-        [Vt, a.value[y - 1]]
+        onInput: /* @__PURE__ */ s((g) => f(p - 1, g), "onInput"),
+        onKeydown: /* @__PURE__ */ s((g) => C(p - 1, g), "onKeydown"),
+        onPaste: /* @__PURE__ */ s((g) => h(p - 1, g), "onPaste"),
+        onFocus: /* @__PURE__ */ s((g) => u(p - 1), "onFocus")
+      }, null, 40, Eo)), [
+        [Ft, a.value[p - 1]]
       ])), 128))
     ]));
   }
-}), Lo = { class: "flex flex-col items-center justify-center h-full p-6" }, To = { class: "w-full max-w-xs space-y-12" }, Po = {
+}), To = { class: "flex flex-col items-center justify-center h-full p-6" }, Po = { class: "w-full max-w-xs space-y-12" }, Fo = {
   key: 0,
   class: "text-xs text-theme-400 text-center"
-}, Fo = { class: "text-base font-light text-white text-center" }, Vo = { class: "space-y-6 relative" }, Do = {
+}, Vo = { class: "text-base font-light text-white text-center" }, Bo = { class: "space-y-6 relative" }, Do = {
   key: "email-field",
   class: "w-full"
-}, Bo = {
+}, jo = {
   key: "code-field",
   class: "w-full"
-}, zt = /* @__PURE__ */ j({
+}, It = /* @__PURE__ */ j({
   __name: "ElAuthGate",
   props: {
     sdk: {}
@@ -963,23 +962,23 @@ const So = /* @__PURE__ */ j({
         action: /* @__PURE__ */ s(() => e.sdk.loginWithCode({ email: r.value.email, code: r.value.code }), "action")
       }
     }, n = F(() => t[o.value]);
-    return (a, i) => (d(), b("div", Lo, [
-      l("div", To, [
-        e.sdk.error.value ? (d(), b("p", Po, N(e.sdk.error.value), 1)) : E("", !0),
-        l("h3", Fo, N(n.value.title), 1),
-        l("div", Vo, [
-          B(So, null, {
+    return (a, i) => (d(), b("div", To, [
+      l("div", Po, [
+        e.sdk.error.value ? (d(), b("p", Fo, N(e.sdk.error.value), 1)) : E("", !0),
+        l("h3", Vo, N(n.value.title), 1),
+        l("div", Bo, [
+          D(Mo, null, {
             default: ee(() => [
               o.value === "email" ? (d(), b("div", Do, [
-                B(Io, {
+                D(zo, {
                   modelValue: r.value.email,
-                  "onUpdate:modelValue": i[0] || (i[0] = (f) => r.value.email = f),
-                  onKeyup: lo(n.value.action, ["enter"])
+                  "onUpdate:modelValue": i[0] || (i[0] = (h) => r.value.email = h),
+                  onKeyup: io(n.value.action, ["enter"])
                 }, null, 8, ["modelValue", "onKeyup"])
-              ])) : (d(), b("div", Bo, [
-                B(Eo, {
+              ])) : (d(), b("div", jo, [
+                D(Lo, {
                   modelValue: r.value.code,
-                  "onUpdate:modelValue": i[1] || (i[1] = (f) => r.value.code = f),
+                  "onUpdate:modelValue": i[1] || (i[1] = (h) => r.value.code = h),
                   length: 6,
                   "focus-first": !0,
                   onAutoSubmit: n.value.action
@@ -989,7 +988,7 @@ const So = /* @__PURE__ */ j({
                 key: n.value.button.label,
                 class: "space-y-4 w-full"
               }, [
-                B(mt, {
+                D(mt, {
                   theme: "primary",
                   size: "md",
                   class: "w-full",
@@ -1005,7 +1004,7 @@ const So = /* @__PURE__ */ j({
                 o.value === "code" ? (d(), b("button", {
                   key: 0,
                   class: "w-full text-xs text-white/50 hover:text-white/70 transition-colors py-2",
-                  onClick: i[2] || (i[2] = (f) => o.value = "email")
+                  onClick: i[2] || (i[2] = (h) => o.value = "email")
                 }, " Change Email ")) : E("", !0)
               ]))
             ]),
@@ -1015,10 +1014,10 @@ const So = /* @__PURE__ */ j({
       ])
     ]));
   }
-}), jo = { class: "relative flex-shrink-0" }, Ro = ["src", "alt"], No = {
+}), Ro = { class: "relative flex-shrink-0" }, No = ["src", "alt"], Go = {
   key: 0,
   class: "absolute top-1 right-1"
-}, Go = { class: "min-w-0" }, Oo = /* @__PURE__ */ j({
+}, Oo = { class: "min-w-0" }, Uo = /* @__PURE__ */ j({
   __name: "ElModeHeader",
   props: {
     self: {},
@@ -1035,7 +1034,7 @@ const So = /* @__PURE__ */ j({
         e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"
       ]])
     }, [
-      l("div", jo, [
+      l("div", Ro, [
         l("div", {
           class: z(["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"])
         }, [
@@ -1045,9 +1044,9 @@ const So = /* @__PURE__ */ j({
             class: "w-full h-full object-cover",
             onError: t[0] || (t[0] = //@ts-ignore
             (...n) => Y(ot) && Y(ot)(...n))
-          }, null, 40, Ro)
+          }, null, 40, No)
         ], 2),
-        e.showOnlineIndicator ? (d(), b("div", No, [...t[1] || (t[1] = [
+        e.showOnlineIndicator ? (d(), b("div", Go, [...t[1] || (t[1] = [
           l("div", {
             class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
             style: { "animation-duration": "3s" }
@@ -1055,7 +1054,7 @@ const So = /* @__PURE__ */ j({
           l("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1)
         ])])) : E("", !0)
       ]),
-      l("div", Go, [
+      l("div", Oo, [
         l("h1", {
           class: z(["font-light text-white mb-1 truncate", [
             e.size === "lg" ? "text-3xl mb-2" : "text-xl sm:text-2xl tracking-wide leading-tight",
@@ -1071,25 +1070,25 @@ const So = /* @__PURE__ */ j({
       ])
     ], 2));
   }
-}), bt = "-", Uo = /* @__PURE__ */ s((e) => {
-  const r = qo(e), {
+}), bt = "-", Ho = /* @__PURE__ */ s((e) => {
+  const r = Wo(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: t
   } = e;
   return {
     getClassGroupId: /* @__PURE__ */ s((i) => {
-      const f = i.split(bt);
-      return f[0] === "" && f.length !== 1 && f.shift(), jt(f, r) || Ho(i);
+      const h = i.split(bt);
+      return h[0] === "" && h.length !== 1 && h.shift(), Dt(h, r) || qo(i);
     }, "getClassGroupId"),
-    getConflictingClassGroupIds: /* @__PURE__ */ s((i, f) => {
-      const h = o[i] || [];
-      return f && t[i] ? [...h, ...t[i]] : h;
+    getConflictingClassGroupIds: /* @__PURE__ */ s((i, h) => {
+      const f = o[i] || [];
+      return h && t[i] ? [...f, ...t[i]] : f;
     }, "getConflictingClassGroupIds")
   };
-}, "createClassGroupUtils"), jt = /* @__PURE__ */ s((e, r) => {
+}, "createClassGroupUtils"), Dt = /* @__PURE__ */ s((e, r) => {
   if (e.length === 0)
     return r.classGroupId;
-  const o = e[0], t = r.nextPart.get(o), n = t ? jt(e.slice(1), t) : void 0;
+  const o = e[0], t = r.nextPart.get(o), n = t ? Dt(e.slice(1), t) : void 0;
   if (n)
     return n;
   if (r.validators.length === 0)
@@ -1098,13 +1097,13 @@ const So = /* @__PURE__ */ j({
   return r.validators.find(({
     validator: i
   }) => i(a))?.classGroupId;
-}, "getGroupRecursive"), $t = /^\[(.+)\]$/, Ho = /* @__PURE__ */ s((e) => {
-  if ($t.test(e)) {
-    const r = $t.exec(e)[1], o = r?.substring(0, r.indexOf(":"));
+}, "getGroupRecursive"), zt = /^\[(.+)\]$/, qo = /* @__PURE__ */ s((e) => {
+  if (zt.test(e)) {
+    const r = zt.exec(e)[1], o = r?.substring(0, r.indexOf(":"));
     if (o)
       return "arbitrary.." + o;
   }
-}, "getGroupIdForArbitraryProperty"), qo = /* @__PURE__ */ s((e) => {
+}, "getGroupIdForArbitraryProperty"), Wo = /* @__PURE__ */ s((e) => {
   const {
     theme: r,
     classGroups: o
@@ -1118,12 +1117,12 @@ const So = /* @__PURE__ */ j({
 }, "createClassMap"), dt = /* @__PURE__ */ s((e, r, o, t) => {
   e.forEach((n) => {
     if (typeof n == "string") {
-      const a = n === "" ? r : Et(r, n);
+      const a = n === "" ? r : $t(r, n);
       a.classGroupId = o;
       return;
     }
     if (typeof n == "function") {
-      if (Wo(n)) {
+      if (Ko(n)) {
         dt(n(t), r, o, t);
         return;
       }
@@ -1134,10 +1133,10 @@ const So = /* @__PURE__ */ j({
       return;
     }
     Object.entries(n).forEach(([a, i]) => {
-      dt(i, Et(r, a), o, t);
+      dt(i, $t(r, a), o, t);
     });
   });
-}, "processClassesRecursively"), Et = /* @__PURE__ */ s((e, r) => {
+}, "processClassesRecursively"), $t = /* @__PURE__ */ s((e, r) => {
   let o = e;
   return r.split(bt).forEach((t) => {
     o.nextPart.has(t) || o.nextPart.set(t, {
@@ -1145,7 +1144,7 @@ const So = /* @__PURE__ */ j({
       validators: []
     }), o = o.nextPart.get(t);
   }), o;
-}, "getPart"), Wo = /* @__PURE__ */ s((e) => e.isThemeGetter, "isThemeGetter"), Ko = /* @__PURE__ */ s((e) => {
+}, "getPart"), Ko = /* @__PURE__ */ s((e) => e.isThemeGetter, "isThemeGetter"), Zo = /* @__PURE__ */ s((e) => {
   if (e < 1)
     return {
       get: /* @__PURE__ */ s(() => {
@@ -1169,19 +1168,19 @@ const So = /* @__PURE__ */ j({
       o.has(a) ? o.set(a, i) : n(a, i);
     }
   };
-}, "createLruCache"), ut = "!", ht = ":", Zo = ht.length, Yo = /* @__PURE__ */ s((e) => {
+}, "createLruCache"), ut = "!", ht = ":", Yo = ht.length, Jo = /* @__PURE__ */ s((e) => {
   const {
     prefix: r,
     experimentalParseClassName: o
   } = e;
   let t = /* @__PURE__ */ s((n) => {
     const a = [];
-    let i = 0, f = 0, h = 0, C;
+    let i = 0, h = 0, f = 0, C;
     for (let g = 0; g < n.length; g++) {
       let T = n[g];
-      if (i === 0 && f === 0) {
+      if (i === 0 && h === 0) {
         if (T === ht) {
-          a.push(n.slice(h, g)), h = g + Zo;
+          a.push(n.slice(f, g)), f = g + Yo;
           continue;
         }
         if (T === "/") {
@@ -1189,14 +1188,14 @@ const So = /* @__PURE__ */ j({
           continue;
         }
       }
-      T === "[" ? i++ : T === "]" ? i-- : T === "(" ? f++ : T === ")" && f--;
+      T === "[" ? i++ : T === "]" ? i-- : T === "(" ? h++ : T === ")" && h--;
     }
-    const u = a.length === 0 ? n : n.substring(h), c = Jo(u), m = c !== u, y = C && C > h ? C - h : void 0;
+    const u = a.length === 0 ? n : n.substring(f), c = Qo(u), m = c !== u, p = C && C > f ? C - f : void 0;
     return {
       modifiers: a,
       hasImportantModifier: m,
       baseClassName: c,
-      maybePostfixModifierPosition: y
+      maybePostfixModifierPosition: p
     };
   }, "parseClassName");
   if (r) {
@@ -1217,7 +1216,7 @@ const So = /* @__PURE__ */ j({
     }), "parseClassName");
   }
   return t;
-}, "createParseClassName"), Jo = /* @__PURE__ */ s((e) => e.endsWith(ut) ? e.substring(0, e.length - 1) : e.startsWith(ut) ? e.substring(1) : e, "stripImportantModifier"), Qo = /* @__PURE__ */ s((e) => {
+}, "createParseClassName"), Qo = /* @__PURE__ */ s((e) => e.endsWith(ut) ? e.substring(0, e.length - 1) : e.startsWith(ut) ? e.substring(1) : e, "stripImportantModifier"), Xo = /* @__PURE__ */ s((e) => {
   const r = Object.fromEntries(e.orderSensitiveModifiers.map((t) => [t, !0]));
   return /* @__PURE__ */ s((t) => {
     if (t.length <= 1)
@@ -1228,44 +1227,44 @@ const So = /* @__PURE__ */ j({
       i[0] === "[" || r[i] ? (n.push(...a.sort(), i), a = []) : a.push(i);
     }), n.push(...a.sort()), n;
   }, "sortModifiers");
-}, "createSortModifiers"), Xo = /* @__PURE__ */ s((e) => ({
-  cache: Ko(e.cacheSize),
-  parseClassName: Yo(e),
-  sortModifiers: Qo(e),
-  ...Uo(e)
-}), "createConfigUtils"), _o = /\s+/, er = /* @__PURE__ */ s((e, r) => {
+}, "createSortModifiers"), _o = /* @__PURE__ */ s((e) => ({
+  cache: Zo(e.cacheSize),
+  parseClassName: Jo(e),
+  sortModifiers: Xo(e),
+  ...Ho(e)
+}), "createConfigUtils"), er = /\s+/, tr = /* @__PURE__ */ s((e, r) => {
   const {
     parseClassName: o,
     getClassGroupId: t,
     getConflictingClassGroupIds: n,
     sortModifiers: a
-  } = r, i = [], f = e.trim().split(_o);
-  let h = "";
-  for (let C = f.length - 1; C >= 0; C -= 1) {
-    const u = f[C], {
+  } = r, i = [], h = e.trim().split(er);
+  let f = "";
+  for (let C = h.length - 1; C >= 0; C -= 1) {
+    const u = h[C], {
       isExternal: c,
       modifiers: m,
-      hasImportantModifier: y,
+      hasImportantModifier: p,
       baseClassName: g,
       maybePostfixModifierPosition: T
     } = o(u);
     if (c) {
-      h = u + (h.length > 0 ? " " + h : h);
+      f = u + (f.length > 0 ? " " + f : f);
       continue;
     }
     let H = !!T, Q = t(H ? g.substring(0, T) : g);
     if (!Q) {
       if (!H) {
-        h = u + (h.length > 0 ? " " + h : h);
+        f = u + (f.length > 0 ? " " + f : f);
         continue;
       }
       if (Q = t(g), !Q) {
-        h = u + (h.length > 0 ? " " + h : h);
+        f = u + (f.length > 0 ? " " + f : f);
         continue;
       }
       H = !1;
     }
-    const ze = a(m).join(":"), Se = y ? ze + ut : ze, ue = Se + Q;
+    const ze = a(m).join(":"), Se = p ? ze + ut : ze, ue = Se + Q;
     if (i.includes(ue))
       continue;
     i.push(ue);
@@ -1274,60 +1273,60 @@ const So = /* @__PURE__ */ j({
       const re = pe[he];
       i.push(Se + re);
     }
-    h = u + (h.length > 0 ? " " + h : h);
+    f = u + (f.length > 0 ? " " + f : f);
   }
-  return h;
+  return f;
 }, "mergeClassList");
-function tr() {
+function or() {
   let e = 0, r, o, t = "";
   for (; e < arguments.length; )
-    (r = arguments[e++]) && (o = Rt(r)) && (t && (t += " "), t += o);
+    (r = arguments[e++]) && (o = jt(r)) && (t && (t += " "), t += o);
   return t;
 }
-s(tr, "twJoin");
-const Rt = /* @__PURE__ */ s((e) => {
+s(or, "twJoin");
+const jt = /* @__PURE__ */ s((e) => {
   if (typeof e == "string")
     return e;
   let r, o = "";
   for (let t = 0; t < e.length; t++)
-    e[t] && (r = Rt(e[t])) && (o && (o += " "), o += r);
+    e[t] && (r = jt(e[t])) && (o && (o += " "), o += r);
   return o;
 }, "toValue");
-function or(e, ...r) {
+function rr(e, ...r) {
   let o, t, n, a = i;
-  function i(h) {
+  function i(f) {
     const C = r.reduce((u, c) => c(u), e());
-    return o = Xo(C), t = o.cache.get, n = o.cache.set, a = f, f(h);
+    return o = _o(C), t = o.cache.get, n = o.cache.set, a = h, h(f);
   }
   s(i, "initTailwindMerge");
-  function f(h) {
-    const C = t(h);
+  function h(f) {
+    const C = t(f);
     if (C)
       return C;
-    const u = er(h, o);
-    return n(h, u), u;
+    const u = tr(f, o);
+    return n(f, u), u;
   }
-  return s(f, "tailwindMerge"), /* @__PURE__ */ s(function() {
-    return a(tr.apply(null, arguments));
+  return s(h, "tailwindMerge"), /* @__PURE__ */ s(function() {
+    return a(or.apply(null, arguments));
   }, "callTailwindMerge");
 }
-s(or, "createTailwindMerge");
+s(rr, "createTailwindMerge");
 const Z = /* @__PURE__ */ s((e) => {
   const r = /* @__PURE__ */ s((o) => o[e] || [], "themeGetter");
   return r.isThemeGetter = !0, r;
-}, "fromTheme"), Nt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Gt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, rr = /^\d+\/\d+$/, sr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, nr = /\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$/, ar = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, ir = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, lr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ve = /* @__PURE__ */ s((e) => rr.test(e), "isFraction"), I = /* @__PURE__ */ s((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), we = /* @__PURE__ */ s((e) => !!e && Number.isInteger(Number(e)), "isInteger"), at = /* @__PURE__ */ s((e) => e.endsWith("%") && I(e.slice(0, -1)), "isPercent"), ve = /* @__PURE__ */ s((e) => sr.test(e), "isTshirtSize"), cr = /* @__PURE__ */ s(() => !0, "isAny"), dr = /* @__PURE__ */ s((e) => (
+}, "fromTheme"), Rt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Nt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, sr = /^\d+\/\d+$/, nr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, ar = /\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$/, ir = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, lr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, cr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ve = /* @__PURE__ */ s((e) => sr.test(e), "isFraction"), I = /* @__PURE__ */ s((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), we = /* @__PURE__ */ s((e) => !!e && Number.isInteger(Number(e)), "isInteger"), at = /* @__PURE__ */ s((e) => e.endsWith("%") && I(e.slice(0, -1)), "isPercent"), ve = /* @__PURE__ */ s((e) => nr.test(e), "isTshirtSize"), dr = /* @__PURE__ */ s(() => !0, "isAny"), ur = /* @__PURE__ */ s((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.
-  nr.test(e) && !ar.test(e)
-), "isLengthOnly"), Ot = /* @__PURE__ */ s(() => !1, "isNever"), ur = /* @__PURE__ */ s((e) => ir.test(e), "isShadow"), hr = /* @__PURE__ */ s((e) => lr.test(e), "isImage"), fr = /* @__PURE__ */ s((e) => !p(e) && !x(e), "isAnyNonArbitrary"), gr = /* @__PURE__ */ s((e) => De(e, qt, Ot), "isArbitrarySize"), p = /* @__PURE__ */ s((e) => Nt.test(e), "isArbitraryValue"), Me = /* @__PURE__ */ s((e) => De(e, Wt, dr), "isArbitraryLength"), it = /* @__PURE__ */ s((e) => De(e, xr, I), "isArbitraryNumber"), Lt = /* @__PURE__ */ s((e) => De(e, Ut, Ot), "isArbitraryPosition"), mr = /* @__PURE__ */ s((e) => De(e, Ht, hr), "isArbitraryImage"), Ye = /* @__PURE__ */ s((e) => De(e, Kt, ur), "isArbitraryShadow"), x = /* @__PURE__ */ s((e) => Gt.test(e), "isArbitraryVariable"), Ue = /* @__PURE__ */ s((e) => Be(e, Wt), "isArbitraryVariableLength"), br = /* @__PURE__ */ s((e) => Be(e, yr), "isArbitraryVariableFamilyName"), Tt = /* @__PURE__ */ s((e) => Be(e, Ut), "isArbitraryVariablePosition"), vr = /* @__PURE__ */ s((e) => Be(e, qt), "isArbitraryVariableSize"), pr = /* @__PURE__ */ s((e) => Be(e, Ht), "isArbitraryVariableImage"), Je = /* @__PURE__ */ s((e) => Be(e, Kt, !0), "isArbitraryVariableShadow"), De = /* @__PURE__ */ s((e, r, o) => {
-  const t = Nt.exec(e);
+  ar.test(e) && !ir.test(e)
+), "isLengthOnly"), Gt = /* @__PURE__ */ s(() => !1, "isNever"), hr = /* @__PURE__ */ s((e) => lr.test(e), "isShadow"), fr = /* @__PURE__ */ s((e) => cr.test(e), "isImage"), gr = /* @__PURE__ */ s((e) => !x(e) && !y(e), "isAnyNonArbitrary"), mr = /* @__PURE__ */ s((e) => Be(e, Ht, Gt), "isArbitrarySize"), x = /* @__PURE__ */ s((e) => Rt.test(e), "isArbitraryValue"), Me = /* @__PURE__ */ s((e) => Be(e, qt, ur), "isArbitraryLength"), it = /* @__PURE__ */ s((e) => Be(e, yr, I), "isArbitraryNumber"), Et = /* @__PURE__ */ s((e) => Be(e, Ot, Gt), "isArbitraryPosition"), br = /* @__PURE__ */ s((e) => Be(e, Ut, fr), "isArbitraryImage"), Ye = /* @__PURE__ */ s((e) => Be(e, Wt, hr), "isArbitraryShadow"), y = /* @__PURE__ */ s((e) => Nt.test(e), "isArbitraryVariable"), Ue = /* @__PURE__ */ s((e) => De(e, qt), "isArbitraryVariableLength"), vr = /* @__PURE__ */ s((e) => De(e, kr), "isArbitraryVariableFamilyName"), Lt = /* @__PURE__ */ s((e) => De(e, Ot), "isArbitraryVariablePosition"), pr = /* @__PURE__ */ s((e) => De(e, Ht), "isArbitraryVariableSize"), xr = /* @__PURE__ */ s((e) => De(e, Ut), "isArbitraryVariableImage"), Je = /* @__PURE__ */ s((e) => De(e, Wt, !0), "isArbitraryVariableShadow"), Be = /* @__PURE__ */ s((e, r, o) => {
+  const t = Rt.exec(e);
   return t ? t[1] ? r(t[1]) : o(t[2]) : !1;
-}, "getIsArbitraryValue"), Be = /* @__PURE__ */ s((e, r, o = !1) => {
-  const t = Gt.exec(e);
+}, "getIsArbitraryValue"), De = /* @__PURE__ */ s((e, r, o = !1) => {
+  const t = Nt.exec(e);
   return t ? t[1] ? r(t[1]) : o : !1;
-}, "getIsArbitraryVariable"), Ut = /* @__PURE__ */ s((e) => e === "position" || e === "percentage", "isLabelPosition"), Ht = /* @__PURE__ */ s((e) => e === "image" || e === "url", "isLabelImage"), qt = /* @__PURE__ */ s((e) => e === "length" || e === "size" || e === "bg-size", "isLabelSize"), Wt = /* @__PURE__ */ s((e) => e === "length", "isLabelLength"), xr = /* @__PURE__ */ s((e) => e === "number", "isLabelNumber"), yr = /* @__PURE__ */ s((e) => e === "family-name", "isLabelFamilyName"), Kt = /* @__PURE__ */ s((e) => e === "shadow", "isLabelShadow"), kr = /* @__PURE__ */ s(() => {
-  const e = Z("color"), r = Z("font"), o = Z("text"), t = Z("font-weight"), n = Z("tracking"), a = Z("leading"), i = Z("breakpoint"), f = Z("container"), h = Z("spacing"), C = Z("radius"), u = Z("shadow"), c = Z("inset-shadow"), m = Z("text-shadow"), y = Z("drop-shadow"), g = Z("blur"), T = Z("perspective"), H = Z("aspect"), Q = Z("ease"), ze = Z("animate"), Se = /* @__PURE__ */ s(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), ue = /* @__PURE__ */ s(() => [
+}, "getIsArbitraryVariable"), Ot = /* @__PURE__ */ s((e) => e === "position" || e === "percentage", "isLabelPosition"), Ut = /* @__PURE__ */ s((e) => e === "image" || e === "url", "isLabelImage"), Ht = /* @__PURE__ */ s((e) => e === "length" || e === "size" || e === "bg-size", "isLabelSize"), qt = /* @__PURE__ */ s((e) => e === "length", "isLabelLength"), yr = /* @__PURE__ */ s((e) => e === "number", "isLabelNumber"), kr = /* @__PURE__ */ s((e) => e === "family-name", "isLabelFamilyName"), Wt = /* @__PURE__ */ s((e) => e === "shadow", "isLabelShadow"), wr = /* @__PURE__ */ s(() => {
+  const e = Z("color"), r = Z("font"), o = Z("text"), t = Z("font-weight"), n = Z("tracking"), a = Z("leading"), i = Z("breakpoint"), h = Z("container"), f = Z("spacing"), C = Z("radius"), u = Z("shadow"), c = Z("inset-shadow"), m = Z("text-shadow"), p = Z("drop-shadow"), g = Z("blur"), T = Z("perspective"), H = Z("aspect"), Q = Z("ease"), ze = Z("animate"), Se = /* @__PURE__ */ s(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), ue = /* @__PURE__ */ s(() => [
     "center",
     "top",
     "bottom",
@@ -1345,30 +1344,30 @@ const Z = /* @__PURE__ */ s((e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], "scalePosition"), pe = /* @__PURE__ */ s(() => [...ue(), x, p], "scalePositionWithArbitrary"), he = /* @__PURE__ */ s(() => ["auto", "hidden", "clip", "visible", "scroll"], "scaleOverflow"), re = /* @__PURE__ */ s(() => ["auto", "contain", "none"], "scaleOverscroll"), S = /* @__PURE__ */ s(() => [x, p, h], "scaleUnambiguousSpacing"), ne = /* @__PURE__ */ s(() => [Ve, "full", "auto", ...S()], "scaleInset"), ce = /* @__PURE__ */ s(() => [we, "none", "subgrid", x, p], "scaleGridTemplateColsRows"), fe = /* @__PURE__ */ s(() => ["auto", {
-    span: ["full", we, x, p]
-  }, we, x, p], "scaleGridColRowStartAndEnd"), ge = /* @__PURE__ */ s(() => [we, "auto", x, p], "scaleGridColRowStartOrEnd"), We = /* @__PURE__ */ s(() => ["auto", "min", "max", "fr", x, p], "scaleGridAutoColsRows"), $e = /* @__PURE__ */ s(() => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], "scaleAlignPrimaryAxis"), me = /* @__PURE__ */ s(() => ["start", "end", "center", "stretch", "center-safe", "end-safe"], "scaleAlignSecondaryAxis"), q = /* @__PURE__ */ s(() => ["auto", ...S()], "scaleMargin"), ie = /* @__PURE__ */ s(() => [Ve, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...S()], "scaleSizing"), w = /* @__PURE__ */ s(() => [e, x, p], "scaleColor"), Ke = /* @__PURE__ */ s(() => [...ue(), Tt, Lt, {
-    position: [x, p]
+  ], "scalePosition"), pe = /* @__PURE__ */ s(() => [...ue(), y, x], "scalePositionWithArbitrary"), he = /* @__PURE__ */ s(() => ["auto", "hidden", "clip", "visible", "scroll"], "scaleOverflow"), re = /* @__PURE__ */ s(() => ["auto", "contain", "none"], "scaleOverscroll"), S = /* @__PURE__ */ s(() => [y, x, f], "scaleUnambiguousSpacing"), ne = /* @__PURE__ */ s(() => [Ve, "full", "auto", ...S()], "scaleInset"), ce = /* @__PURE__ */ s(() => [we, "none", "subgrid", y, x], "scaleGridTemplateColsRows"), fe = /* @__PURE__ */ s(() => ["auto", {
+    span: ["full", we, y, x]
+  }, we, y, x], "scaleGridColRowStartAndEnd"), ge = /* @__PURE__ */ s(() => [we, "auto", y, x], "scaleGridColRowStartOrEnd"), We = /* @__PURE__ */ s(() => ["auto", "min", "max", "fr", y, x], "scaleGridAutoColsRows"), $e = /* @__PURE__ */ s(() => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], "scaleAlignPrimaryAxis"), me = /* @__PURE__ */ s(() => ["start", "end", "center", "stretch", "center-safe", "end-safe"], "scaleAlignSecondaryAxis"), q = /* @__PURE__ */ s(() => ["auto", ...S()], "scaleMargin"), ie = /* @__PURE__ */ s(() => [Ve, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...S()], "scaleSizing"), w = /* @__PURE__ */ s(() => [e, y, x], "scaleColor"), Ke = /* @__PURE__ */ s(() => [...ue(), Lt, Et, {
+    position: [y, x]
   }], "scaleBgPosition"), je = /* @__PURE__ */ s(() => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], "scaleBgRepeat"), xe = /* @__PURE__ */ s(() => ["auto", "cover", "contain", vr, gr, {
-    size: [x, p]
+  }], "scaleBgRepeat"), xe = /* @__PURE__ */ s(() => ["auto", "cover", "contain", pr, mr, {
+    size: [y, x]
   }], "scaleBgSize"), ye = /* @__PURE__ */ s(() => [at, Ue, Me], "scaleGradientStopPosition"), G = /* @__PURE__ */ s(() => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     C,
-    x,
-    p
-  ], "scaleRadius"), W = /* @__PURE__ */ s(() => ["", I, Ue, Me], "scaleBorderWidth"), Ee = /* @__PURE__ */ s(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), Le = /* @__PURE__ */ s(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), R = /* @__PURE__ */ s(() => [I, at, Tt, Lt], "scaleMaskImagePosition"), Re = /* @__PURE__ */ s(() => [
+    y,
+    x
+  ], "scaleRadius"), W = /* @__PURE__ */ s(() => ["", I, Ue, Me], "scaleBorderWidth"), Ee = /* @__PURE__ */ s(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), Le = /* @__PURE__ */ s(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), R = /* @__PURE__ */ s(() => [I, at, Lt, Et], "scaleMaskImagePosition"), Re = /* @__PURE__ */ s(() => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     g,
-    x,
-    p
-  ], "scaleBlur"), ke = /* @__PURE__ */ s(() => ["none", I, x, p], "scaleRotate"), Te = /* @__PURE__ */ s(() => ["none", I, x, p], "scaleScale"), Ne = /* @__PURE__ */ s(() => [I, x, p], "scaleSkew"), Pe = /* @__PURE__ */ s(() => [Ve, "full", ...S()], "scaleTranslate");
+    y,
+    x
+  ], "scaleBlur"), ke = /* @__PURE__ */ s(() => ["none", I, y, x], "scaleRotate"), Te = /* @__PURE__ */ s(() => ["none", I, y, x], "scaleScale"), Ne = /* @__PURE__ */ s(() => [I, y, x], "scaleSkew"), Pe = /* @__PURE__ */ s(() => [Ve, "full", ...S()], "scaleTranslate");
   return {
     cacheSize: 500,
     theme: {
@@ -1376,11 +1375,11 @@ const Z = /* @__PURE__ */ s((e) => {
       aspect: ["video"],
       blur: [ve],
       breakpoint: [ve],
-      color: [cr],
+      color: [dr],
       container: [ve],
       "drop-shadow": [ve],
       ease: ["in", "out", "in-out"],
-      font: [fr],
+      font: [gr],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [ve],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -1401,7 +1400,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Ve, p, x, H]
+        aspect: ["auto", "square", Ve, x, y, H]
       }],
       /**
        * Container
@@ -1414,7 +1413,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [I, p, x, f]
+        columns: [I, x, y, h]
       }],
       /**
        * Break After
@@ -1614,7 +1613,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [we, "auto", x, p]
+        z: [we, "auto", y, x]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -1624,7 +1623,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Ve, "full", "auto", f, ...S()]
+        basis: [Ve, "full", "auto", h, ...S()]
       }],
       /**
        * Flex Direction
@@ -1645,28 +1644,28 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [I, Ve, "auto", "initial", "none", p]
+        flex: [I, Ve, "auto", "initial", "none", x]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", I, x, p]
+        grow: ["", I, y, x]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", I, x, p]
+        shrink: ["", I, y, x]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [we, "first", "last", "none", x, p]
+        order: [we, "first", "last", "none", y, x]
       }],
       /**
        * Grid Template Columns
@@ -1999,7 +1998,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [f, "screen", ...ie()]
+        w: [h, "screen", ...ie()]
       }],
       /**
        * Min-Width
@@ -2007,7 +2006,7 @@ const Z = /* @__PURE__ */ s((e) => {
        */
       "min-w": [{
         "min-w": [
-          f,
+          h,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
@@ -2020,7 +2019,7 @@ const Z = /* @__PURE__ */ s((e) => {
        */
       "max-w": [{
         "max-w": [
-          f,
+          h,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
@@ -2078,21 +2077,21 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [t, x, it]
+        font: [t, y, it]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", at, p]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", at, x]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [br, p, r]
+        font: [vr, x, r]
       }],
       /**
        * Font Variant Numeric
@@ -2129,14 +2128,14 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [n, x, p]
+        tracking: [n, y, x]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [I, "none", x, it]
+        "line-clamp": [I, "none", y, it]
       }],
       /**
        * Line Height
@@ -2154,7 +2153,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", x, p]
+        "list-image": ["none", y, x]
       }],
       /**
        * List Style Position
@@ -2168,7 +2167,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", x, p]
+        list: ["disc", "decimal", "none", y, x]
       }],
       /**
        * Text Alignment
@@ -2209,7 +2208,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [I, "from-font", "auto", x, Me]
+        decoration: [I, "from-font", "auto", y, Me]
       }],
       /**
        * Text Decoration Color
@@ -2223,7 +2222,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [I, "auto", x, p]
+        "underline-offset": [I, "auto", y, x]
       }],
       /**
        * Text Transform
@@ -2254,7 +2253,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", x, p]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", y, x]
       }],
       /**
        * Whitespace
@@ -2289,7 +2288,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", x, p]
+        content: ["none", y, x]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -2344,10 +2343,10 @@ const Z = /* @__PURE__ */ s((e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, we, x, p],
-          radial: ["", x, p],
-          conic: [we, x, p]
-        }, pr, mr]
+          }, we, y, x],
+          radial: ["", y, x],
+          conic: [we, y, x]
+        }, xr, br]
       }],
       /**
        * Background Color
@@ -2689,7 +2688,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [I, x, p]
+        "outline-offset": [I, y, x]
       }],
       /**
        * Outline Width
@@ -2815,7 +2814,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [I, x, p]
+        opacity: [I, y, x]
       }],
       /**
        * Mix Blend Mode
@@ -2937,7 +2936,7 @@ const Z = /* @__PURE__ */ s((e) => {
         "mask-y-to": w()
       }],
       "mask-image-radial": [{
-        "mask-radial": [x, p]
+        "mask-radial": [y, x]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": R()
@@ -3025,7 +3024,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", x, p]
+        mask: ["none", y, x]
       }],
       // ---------------
       // --- Filters ---
@@ -3039,8 +3038,8 @@ const Z = /* @__PURE__ */ s((e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          x,
-          p
+          y,
+          x
         ]
       }],
       /**
@@ -3055,14 +3054,14 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [I, x, p]
+        brightness: [I, y, x]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [I, x, p]
+        contrast: [I, y, x]
       }],
       /**
        * Drop Shadow
@@ -3073,7 +3072,7 @@ const Z = /* @__PURE__ */ s((e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          y,
+          p,
           Je,
           Ye
         ]
@@ -3090,35 +3089,35 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", I, x, p]
+        grayscale: ["", I, y, x]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [I, x, p]
+        "hue-rotate": [I, y, x]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", I, x, p]
+        invert: ["", I, y, x]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [I, x, p]
+        saturate: [I, y, x]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", I, x, p]
+        sepia: ["", I, y, x]
       }],
       /**
        * Backdrop Filter
@@ -3129,8 +3128,8 @@ const Z = /* @__PURE__ */ s((e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          x,
-          p
+          y,
+          x
         ]
       }],
       /**
@@ -3145,56 +3144,56 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [I, x, p]
+        "backdrop-brightness": [I, y, x]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [I, x, p]
+        "backdrop-contrast": [I, y, x]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", I, x, p]
+        "backdrop-grayscale": ["", I, y, x]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [I, x, p]
+        "backdrop-hue-rotate": [I, y, x]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", I, x, p]
+        "backdrop-invert": ["", I, y, x]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [I, x, p]
+        "backdrop-opacity": [I, y, x]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [I, x, p]
+        "backdrop-saturate": [I, y, x]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", I, x, p]
+        "backdrop-sepia": ["", I, y, x]
       }],
       // --------------
       // --- Tables ---
@@ -3249,7 +3248,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", x, p]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", y, x]
       }],
       /**
        * Transition Behavior
@@ -3263,28 +3262,28 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [I, "initial", x, p]
+        duration: [I, "initial", y, x]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", Q, x, p]
+        ease: ["linear", "initial", Q, y, x]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [I, x, p]
+        delay: [I, y, x]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", ze, x, p]
+        animate: ["none", ze, y, x]
       }],
       // ------------------
       // --- Transforms ---
@@ -3301,7 +3300,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [T, x, p]
+        perspective: [T, y, x]
       }],
       /**
        * Perspective Origin
@@ -3397,7 +3396,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [x, p, "", "none", "gpu", "cpu"]
+        transform: [y, x, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
@@ -3482,7 +3481,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", x, p]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", y, x]
       }],
       /**
        * Field Sizing
@@ -3704,7 +3703,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", x, p]
+        "will-change": ["auto", "scroll", "contents", "transform", y, x]
       }],
       // -----------
       // --- SVG ---
@@ -3796,7 +3795,7 @@ const Z = /* @__PURE__ */ s((e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, "getDefaultConfig"), wr = /* @__PURE__ */ or(kr), Qe = {
+}, "getDefaultConfig"), Cr = /* @__PURE__ */ rr(wr), Qe = {
   default: {
     solid: {
       base: "bg-theme-0 dark:bg-theme-700/40 text-theme-600 dark:text-theme-50",
@@ -4082,10 +4081,10 @@ const Z = /* @__PURE__ */ s((e) => {
       icon: "text-red-600 dark:text-red-400"
     }
   }
-}, Cr = {
+}, Sr = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, Sr = /* @__PURE__ */ j({
+}, Mr = /* @__PURE__ */ j({
   __name: "FButton",
   props: {
     theme: { default: "default" },
@@ -4111,37 +4110,37 @@ const Z = /* @__PURE__ */ s((e) => {
       lg: "size-5",
       xl: "size-6"
     })[e.size]), n = F(() => {
-      const i = "relative inline-flex items-center justify-center gap-2 font-medium transition-all duration-200 focus:outline-none active:opacity-80 cursor-pointer", f = {
+      const i = "relative inline-flex items-center justify-center gap-2 font-medium transition-all duration-200 focus:outline-none active:opacity-80 cursor-pointer", h = {
         xxs: "px-2 py-0.5 text-[10px]",
         xs: "px-3 py-1 text-[11px]",
         sm: "px-3 py-1.5 text-xs",
         md: "px-4 py-2 text-sm",
         lg: "px-6 py-3 text-base",
         xl: "px-8 py-4 text-base"
-      }, h = e.design === "link" ? "!px-1" : "", C = {
+      }, f = e.design === "link" ? "!px-1" : "", C = {
         md: "rounded-md",
         lg: "rounded-lg",
         full: "rounded-full"
       }, u = Qe[e.theme]?.[e.design] || Qe.default[e.design], c = [
         i,
-        f[e.size],
-        h,
+        h[e.size],
+        f,
         C[e.rounding],
         u.base,
         `border ${u.border}`,
         u.hover
       ].filter(Boolean).join(" ");
-      return wr(c, e.class);
+      return Cr(c, e.class);
     }), a = F(() => ({
       design: (Qe[e.theme]?.[e.design] || Qe.default[e.design]).icon || ""
     }));
-    return (i, f) => (d(), _(co(o.value), {
+    return (i, h) => (d(), _(lo(o.value), {
       href: e.href,
       class: z(n.value)
     }, {
       default: ee(() => [
-        e.loading ? (d(), b("div", Cr, [
-          B(gt, {
+        e.loading ? (d(), b("div", Sr, [
+          D(gt, {
             class: z(t.value)
           }, null, 8, ["class"])
         ])) : E("", !0),
@@ -4162,19 +4161,19 @@ const Z = /* @__PURE__ */ s((e) => {
       _: 3
     }, 8, ["href", "class"]));
   }
-}), Mr = { 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" }, Ar = { class: "flex-1 space-y-6" }, Ir = {
+}), Ar = { 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" }, Ir = { class: "flex-1 space-y-6" }, zr = {
   key: 0,
   class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
-}, zr = { class: "text-sm text-white/70 leading-relaxed" }, $r = {
+}, $r = { class: "text-sm text-white/70 leading-relaxed" }, Er = {
   key: 1,
   class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
-}, Er = ["innerHTML"], Lr = {
+}, Lr = ["innerHTML"], Tr = {
   key: 2,
   class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
-}, Tr = { class: "text-sm text-white/70 leading-relaxed" }, Pr = {
+}, Pr = { class: "text-sm text-white/70 leading-relaxed" }, Fr = {
   key: 3,
   class: "space-y-3"
-}, Fr = { class: "grid grid-cols-2 gap-3" }, Vr = /* @__PURE__ */ j({
+}, Vr = { class: "grid grid-cols-2 gap-3" }, Br = /* @__PURE__ */ j({
   __name: "ElSelfAbout",
   props: {
     self: {}
@@ -4227,27 +4226,27 @@ const Z = /* @__PURE__ */ s((e) => {
         }), "generate")
       }
     ].filter((t) => t.condition()).map((t) => t.generate()));
-    return (o, t) => (d(), b("div", Mr, [
-      l("div", Ar, [
-        e.self.headline ? (d(), b("div", Ir, [
+    return (o, t) => (d(), b("div", Ar, [
+      l("div", Ir, [
+        e.self.headline ? (d(), b("div", zr, [
           t[0] || (t[0] = l("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Professional Tagline ", -1)),
-          l("div", zr, N(e.self.headline), 1)
+          l("div", $r, N(e.self.headline), 1)
         ])) : E("", !0),
-        e.self.summary ? (d(), b("div", $r, [
+        e.self.summary ? (d(), b("div", Er, [
           t[1] || (t[1] = l("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " About ", -1)),
           l("div", {
             class: "text-sm text-white/70 leading-relaxed",
             innerHTML: e.self.summary
-          }, null, 8, Er)
+          }, null, 8, Lr)
         ])) : E("", !0),
-        e.self.entityType === "company" ? (d(), b("div", Lr, [
+        e.self.entityType === "company" ? (d(), b("div", Tr, [
           t[2] || (t[2] = l("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)),
-          l("p", Tr, " This is a company digital self representing " + N(e.self.name) + ". ", 1)
+          l("p", Pr, " This is a company digital self representing " + N(e.self.name) + ". ", 1)
         ])) : E("", !0),
-        r.value.length > 0 ? (d(), b("div", Pr, [
+        r.value.length > 0 ? (d(), b("div", Fr, [
           t[3] || (t[3] = l("h3", { class: "text-sm font-medium text-white/90" }, " Connect ", -1)),
-          l("div", Fr, [
-            (d(!0), b(Ae, null, rt(r.value, (n) => (d(), _(Sr, {
+          l("div", Vr, [
+            (d(!0), b(Ae, null, rt(r.value, (n) => (d(), _(Mr, {
               key: n.title,
               design: "ghost",
               theme: "default",
@@ -4269,16 +4268,16 @@ const Z = /* @__PURE__ */ s((e) => {
       ])
     ]));
   }
-}), Dr = { class: "flex flex-col h-full relative" }, Br = {
+}), Dr = { class: "flex flex-col h-full relative" }, jr = {
   key: 0,
   class: "text-theme-600 py-16 flex flex-col items-center justify-center gap-2 text-sm"
-}, jr = {
+}, Rr = {
   key: 0,
   class: "flex-shrink-0 size-8"
-}, Rr = ["src", "alt"], Nr = { class: "max-w-[70%]" }, Gr = { class: "text-sm leading-[1.5] whitespace-pre-wrap break-words" }, Or = {
+}, Nr = ["src", "alt"], Gr = { class: "max-w-[70%]" }, Or = { class: "text-sm leading-[1.5] whitespace-pre-wrap break-words" }, Ur = {
   key: 0,
   class: "flex gap-2 justify-start items-end mb-4"
-}, Ur = { class: "flex-shrink-0" }, Hr = ["src", "alt"], qr = { class: "flex-shrink-0 pt-6 pb-2" }, Wr = ["placeholder", "disabled"], Kr = /* @__PURE__ */ j({
+}, Hr = { class: "flex-shrink-0" }, qr = ["src", "alt"], Wr = { class: "flex-shrink-0 pt-6 pb-2" }, Kr = ["placeholder", "disabled"], Zr = /* @__PURE__ */ j({
   __name: "ElSelfChat",
   props: {
     selfController: {},
@@ -4287,8 +4286,8 @@ const Z = /* @__PURE__ */ s((e) => {
   setup(e) {
     const r = P(""), o = P(), t = P(), n = F(() => tt(e.self));
     function a(u, c) {
-      const m = u[c], y = u[c + 1];
-      return !y || y.sender !== m.sender;
+      const m = u[c], p = u[c + 1];
+      return !p || p.sender !== m.sender;
     }
     s(a, "shouldShowAvatar"), Ie(async () => {
       if (e.selfController && !e.selfController.textState.value.isConnected)
@@ -4304,23 +4303,23 @@ const Z = /* @__PURE__ */ s((e) => {
       const u = r.value;
       r.value = "", t.value && (t.value.style.height = "auto", t.value.focus());
       try {
-        await e.selfController.sendChatMessage(u), h();
+        await e.selfController.sendChatMessage(u), f();
       } catch (c) {
         console.error("Error sending message:", c);
       }
     }
     s(i, "sendMessage");
-    function f(u) {
+    function h(u) {
       u.key === "Enter" && !u.shiftKey && (u.preventDefault(), i());
     }
-    s(f, "handleKeydown");
-    function h() {
+    s(h, "handleKeydown");
+    function f() {
       o.value && Xe(() => {
         const u = o.value;
         u.scrollTop = u.scrollHeight;
       });
     }
-    s(h, "scrollToBottom");
+    s(f, "scrollToBottom");
     function C() {
       if (!t.value)
         return;
@@ -4331,55 +4330,55 @@ const Z = /* @__PURE__ */ s((e) => {
     return s(C, "adjustTextareaHeight"), se(r, () => {
       Xe(() => C());
     }), se(() => e.selfController?.sharedMessages.value, (u) => {
-      u && u.length > 0 && Xe(() => h());
+      u && u.length > 0 && Xe(() => f());
     }, { immediate: !0, deep: !0 }), (u, c) => (d(), b("div", Dr, [
-      e.selfController?.textState.value.connectionStatus !== "connected" ? (d(), b("div", Br, [
-        B(gt, { class: "size-4" })
+      e.selfController?.textState.value.connectionStatus !== "connected" ? (d(), b("div", jr, [
+        D(gt, { class: "size-4" })
       ])) : E("", !0),
       l("div", {
         ref_key: "messagesContainer",
         ref: o,
         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"
       }, [
-        (d(!0), b(Ae, null, rt(e.selfController?.sharedMessages.value.filter((m) => m.sender !== "system") ?? [], (m, y) => (d(), b("div", {
+        (d(!0), b(Ae, null, rt(e.selfController?.sharedMessages.value.filter((m) => m.sender !== "system") ?? [], (m, p) => (d(), b("div", {
           key: m.id,
           class: z(["flex gap-2 items-end", {
             "justify-end": m.sender === "user",
             "justify-start": m.sender === "agent",
-            "mb-4": a(e.selfController?.sharedMessages.value.filter((g) => g.sender !== "system") ?? [], y)
+            "mb-4": a(e.selfController?.sharedMessages.value.filter((g) => g.sender !== "system") ?? [], p)
           }])
         }, [
-          m.sender === "agent" ? (d(), b("div", jr, [
-            a(e.selfController?.sharedMessages.value.filter((g) => g.sender !== "system") ?? [], y) ? (d(), b("img", {
+          m.sender === "agent" ? (d(), b("div", Rr, [
+            a(e.selfController?.sharedMessages.value.filter((g) => g.sender !== "system") ?? [], p) ? (d(), b("img", {
               key: 0,
               src: n.value,
               alt: e.self.name,
               class: "size-7 rounded-full object-cover"
-            }, null, 8, Rr)) : E("", !0)
+            }, null, 8, Nr)) : E("", !0)
           ])) : E("", !0),
-          l("div", Nr, [
+          l("div", Gr, [
             l("div", {
               class: z(["rounded-2xl px-3.5 py-1.5 backdrop-blur-sm", m.sender === "user" ? "bg-primary-500/80 text-white" : "bg-white/15 text-white/95"])
             }, [
-              l("p", Gr, N(m.text), 1)
+              l("p", Or, N(m.text), 1)
             ], 2)
           ])
         ], 2))), 128)),
-        e.selfController?.textState.value.isThinking ? (d(), b("div", Or, [
-          l("div", Ur, [
+        e.selfController?.textState.value.isThinking ? (d(), b("div", Ur, [
+          l("div", Hr, [
             l("img", {
               src: n.value,
               alt: e.self.name,
               class: "size-8 rounded-full object-cover"
-            }, null, 8, Hr)
+            }, null, 8, qr)
           ]),
           c[1] || (c[1] = l("div", { class: "rounded-2xl px-4 py-2.5 bg-white/15 backdrop-blur-sm flex items-center" }, [
             l("i", { class: "i-svg-spinners-3-dots-fade size-6 text-white/70" })
           ], -1))
         ])) : E("", !0)
       ], 512),
-      l("div", qr, [
-        Ft(l("textarea", {
+      l("div", Wr, [
+        Pt(l("textarea", {
           ref_key: "textarea",
           ref: t,
           "onUpdate:modelValue": c[0] || (c[0] = (m) => r.value = m),
@@ -4388,15 +4387,15 @@ const Z = /* @__PURE__ */ s((e) => {
           disabled: !e.selfController?.textState.value.isConnected,
           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",
-          onKeydown: f
-        }, null, 40, Wr), [
-          [Vt, r.value]
+          onKeydown: h
+        }, null, 40, Kr), [
+          [Ft, r.value]
         ]),
         c[2] || (c[2] = l("div", { class: "text-[10px] text-white/40 text-center mt-2" }, " Press Enter to send, Shift+Enter for new line ", -1))
       ])
     ]));
   }
-}), Zr = { class: "flex flex-col items-center text-center gap-4" }, Yr = { class: "relative flex-shrink-0" }, Jr = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, Qr = ["src", "alt"], Xr = { class: "min-w-0" }, _r = { class: "text-3xl font-light text-white mb-2 truncate" }, es = { class: "text-base font-light text-white/60 line-clamp-1" }, ts = /* @__PURE__ */ j({
+}), Yr = { class: "flex flex-col items-center text-center gap-4" }, Jr = { class: "relative flex-shrink-0" }, Qr = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, Xr = ["src", "alt"], _r = { class: "min-w-0" }, es = { class: "text-3xl font-light text-white mb-2 truncate" }, ts = { class: "text-base font-light text-white/60 line-clamp-1" }, os = /* @__PURE__ */ j({
   __name: "ElSelfHeader",
   props: {
     self: {}
@@ -4405,16 +4404,16 @@ const Z = /* @__PURE__ */ s((e) => {
     function r() {
       return e.self.avatar?.src ? e.self.avatar.src : qe();
     }
-    return s(r, "getAvatarSrc"), (o, t) => (d(), b("div", Zr, [
-      l("div", Yr, [
-        l("div", Jr, [
+    return s(r, "getAvatarSrc"), (o, t) => (d(), b("div", Yr, [
+      l("div", Jr, [
+        l("div", Qr, [
           l("img", {
             src: r(),
             alt: e.self.name,
             class: "w-full h-full object-cover",
             onError: t[0] || (t[0] = //@ts-ignore
             (...n) => Y(ot) && Y(ot)(...n))
-          }, null, 40, Qr)
+          }, null, 40, Xr)
         ]),
         t[1] || (t[1] = l("div", { class: "absolute top-1.5 right-1.5" }, [
           l("div", {
@@ -4424,13 +4423,13 @@ const Z = /* @__PURE__ */ s((e) => {
           l("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" })
         ], -1))
       ]),
-      l("div", Xr, [
-        l("h1", _r, N(e.self.name), 1),
-        l("p", es, N(e.self.title), 1)
+      l("div", _r, [
+        l("h1", es, N(e.self.name), 1),
+        l("p", ts, N(e.self.title), 1)
       ])
     ]));
   }
-}), os = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Zt = /* @__PURE__ */ j({
+}), rs = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Kt = /* @__PURE__ */ j({
   name: "FClose",
   __name: "FClose",
   emits: ["click"],
@@ -4445,7 +4444,7 @@ const Z = /* @__PURE__ */ s((e) => {
       onClick: t[0] || (t[0] = (n) => o.$emit("click", n))
     }, [
       t[1] || (t[1] = l("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)),
-      l("span", os, [
+      l("span", rs, [
         l("span", {
           class: z(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", r.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" }
@@ -4457,16 +4456,16 @@ const Z = /* @__PURE__ */ s((e) => {
       ])
     ]));
   }
-}), rs = {
+}), ss = {
   key: 0,
   class: "px-9 pt-12 pb-4"
-}, ss = { class: "text-base font-medium text-theme-400" }, ns = {
+}, ns = { class: "text-base font-medium text-theme-400" }, as = {
   key: 1,
   class: "px-4 pb-8 border-b border-white/10"
-}, as = ["disabled", "onClick"], is = { class: "flex items-center gap-3" }, ls = { class: "flex-1" }, cs = {
+}, is = ["disabled", "onClick"], ls = { class: "flex items-center gap-3" }, cs = { class: "flex-1" }, ds = {
   key: 0,
   class: "text-xs text-white/50 mt-0.5"
-}, ds = { class: "p-6" }, Yt = /* @__PURE__ */ j({
+}, us = { class: "p-6" }, Zt = /* @__PURE__ */ j({
   name: "ElSidebar",
   __name: "ElSidebar",
   props: {
@@ -4481,11 +4480,11 @@ const Z = /* @__PURE__ */ s((e) => {
     const o = e, t = r, n = o.position || "left", a = o.widthClasses || "w-[80%] max-w-[300px]", i = F({
       get: /* @__PURE__ */ s(() => o.modelValue, "get"),
       set: /* @__PURE__ */ s((u) => t("update:modelValue", u), "set")
-    }), f = F(() => o.items.filter((u) => !u.isHidden));
-    function h(u) {
+    }), h = F(() => o.items.filter((u) => !u.isHidden));
+    function f(u) {
       u.isDisabled || (u.onClick ? u.onClick({ item: u, event: new MouseEvent("click") }) : u.href && (u.href.includes("http") ? window.open(u.href, u.target || "_self")?.focus() : window.location.href = u.href), i.value = !1);
     }
-    s(h, "handleItemClick");
+    s(f, "handleItemClick");
     const C = F(() => n === "left" ? {
       enter: "-translate-x-full",
       leave: "-translate-x-full",
@@ -4498,7 +4497,7 @@ const Z = /* @__PURE__ */ s((e) => {
       closeButton: "-left-16"
     });
     return (u, c) => (d(), b(Ae, null, [
-      B(_e, {
+      D(_e, {
         "enter-active-class": "transition-opacity duration-300 ease-out",
         "leave-active-class": "transition-opacity duration-200 ease-in",
         "enter-from-class": "opacity-0",
@@ -4515,7 +4514,7 @@ const Z = /* @__PURE__ */ s((e) => {
         ]),
         _: 1
       }),
-      B(_e, {
+      D(_e, {
         "enter-active-class": "transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)]",
         "leave-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
         "enter-from-class": C.value.enter,
@@ -4534,20 +4533,20 @@ const Z = /* @__PURE__ */ s((e) => {
               onClick: c[2] || (c[2] = et(() => {
               }, ["stop"]))
             }, [
-              B(Zt, {
+              D(Kt, {
                 class: z(["absolute top-4 z-10 text-white", C.value.closeButton]),
                 onClick: c[1] || (c[1] = (m) => i.value = !1)
               }, null, 8, ["class"]),
-              e.title ? (d(), b("div", rs, [
-                l("h3", ss, N(e.title), 1)
+              e.title ? (d(), b("div", ss, [
+                l("h3", ns, N(e.title), 1)
               ])) : E("", !0),
-              u.$slots.header ? (d(), b("div", ns, [
+              u.$slots.header ? (d(), b("div", as, [
                 Ce(u.$slots, "header")
               ])) : E("", !0),
               l("div", {
                 class: z(["flex-1 p-6 space-y-2 overflow-y-auto", { "pt-6": !e.title && !u.$slots.header, "pt-4": e.title || u.$slots.header }])
               }, [
-                B(Pt, {
+                D(Tt, {
                   "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": Y(n) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0",
@@ -4556,17 +4555,17 @@ const Z = /* @__PURE__ */ s((e) => {
                   "leave-to-class": Y(n) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
                 }, {
                   default: ee(() => [
-                    (d(!0), b(Ae, null, rt(f.value, (m, y) => (d(), b("button", {
-                      key: m.key || m.label || y,
-                      style: st({ transitionDelay: `${y * 40}ms` }),
+                    (d(!0), b(Ae, null, rt(h.value, (m, p) => (d(), b("button", {
+                      key: m.key || m.label || p,
+                      style: st({ transitionDelay: `${p * 40}ms` }),
                       class: z(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [
                         m.isActive ? "bg-primary-500/20 border border-primary-500/40" : "hover:bg-white/10",
                         m.isDisabled && "opacity-50 cursor-not-allowed"
                       ]]),
                       disabled: m.isDisabled,
-                      onClick: /* @__PURE__ */ s((g) => h(m), "onClick")
+                      onClick: /* @__PURE__ */ s((g) => f(m), "onClick")
                     }, [
-                      l("div", is, [
+                      l("div", ls, [
                         m.icon?.src ? (d(), b("i", {
                           key: 0,
                           class: z(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [
@@ -4574,19 +4573,19 @@ const Z = /* @__PURE__ */ s((e) => {
                             m.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"
                           ]])
                         }, null, 2)) : E("", !0),
-                        l("div", ls, [
+                        l("div", cs, [
                           l("div", {
                             class: z(["font-medium text-sm", m.isActive ? "text-primary-300" : "text-white"])
                           }, N(m.label), 3),
-                          m.subLabel ? (d(), b("div", cs, N(m.subLabel), 1)) : E("", !0)
+                          m.subLabel ? (d(), b("div", ds, N(m.subLabel), 1)) : E("", !0)
                         ])
                       ])
-                    ], 14, as))), 128))
+                    ], 14, is))), 128))
                   ]),
                   _: 1
                 }, 8, ["enter-from-class", "leave-to-class"])
               ], 2),
-              l("div", ds, [
+              l("div", us, [
                 Ce(u.$slots, "footer", {}, () => [
                   c[4] || (c[4] = l("div", { class: "text-center" }, [
                     l("p", { class: "text-[10px] text-white/40 font-sans" }, [
@@ -4607,7 +4606,7 @@ const Z = /* @__PURE__ */ s((e) => {
       }, 8, ["enter-from-class", "leave-to-class"])
     ], 64));
   }
-}), us = /* @__PURE__ */ j({
+}), hs = /* @__PURE__ */ j({
   name: "SelfModeSidebar",
   __name: "ElSelfModeSidebar",
   props: {
@@ -4618,26 +4617,26 @@ const Z = /* @__PURE__ */ s((e) => {
   setup(e, { emit: r }) {
     const o = e, t = r, n = F({
       get: /* @__PURE__ */ s(() => o.modelValue, "get"),
-      set: /* @__PURE__ */ s((f) => t("update:modelValue", f), "set")
-    }), a = F(() => o.selfController?.agentMode?.value ?? "self"), i = F(() => Bt.map((f) => ({
-      key: f.mode,
-      icon: { src: f.icon },
-      label: f.label,
-      isActive: a.value === f.mode,
+      set: /* @__PURE__ */ s((h) => t("update:modelValue", h), "set")
+    }), a = F(() => o.selfController?.agentMode?.value ?? "self"), i = F(() => Bt.map((h) => ({
+      key: h.mode,
+      icon: { src: h.icon },
+      label: h.label,
+      isActive: a.value === h.mode,
       onClick: /* @__PURE__ */ s(() => {
-        o.selfController?.setMode(f.mode);
+        o.selfController?.setMode(h.mode);
       }, "onClick")
     })));
-    return (f, h) => (d(), _(Yt, {
+    return (h, f) => (d(), _(Zt, {
       modelValue: n.value,
-      "onUpdate:modelValue": h[0] || (h[0] = (C) => n.value = C),
+      "onUpdate:modelValue": f[0] || (f[0] = (C) => n.value = C),
       items: i.value,
       position: "right",
       title: "Mode",
       "width-classes": "w-[80%] max-w-[255px]"
     }, null, 8, ["modelValue", "items"]));
   }
-}), hs = /* @__PURE__ */ j({
+}), fs = /* @__PURE__ */ j({
   name: "SelfSidebar",
   __name: "ElSelfSidebar",
   props: {
@@ -4658,8 +4657,8 @@ const Z = /* @__PURE__ */ s((e) => {
           icon: { src: "i-tabler-share" },
           label: "Share This Digital Self",
           onClick: /* @__PURE__ */ s(() => {
-            const f = `${window.location.origin}/@${o.self.handle || o.self.selfId}`;
-            navigator.clipboard.writeText(f);
+            const h = `${window.location.origin}/@${o.self.handle || o.self.selfId}`;
+            navigator.clipboard.writeText(h);
           }, "onClick")
         },
         {
@@ -4688,15 +4687,15 @@ const Z = /* @__PURE__ */ s((e) => {
         }, "onClick")
       }), i;
     });
-    return (i, f) => (d(), _(Yt, {
+    return (i, h) => (d(), _(Zt, {
       modelValue: n.value,
-      "onUpdate:modelValue": f[0] || (f[0] = (h) => n.value = h),
+      "onUpdate:modelValue": h[0] || (h[0] = (f) => n.value = f),
       items: a.value,
       position: "left",
       title: e.title || "Menu"
     }, null, 8, ["modelValue", "items", "title"]));
   }
-}), fs = { class: "w-full max-w-full flex items-center justify-center" }, gs = ["width", "height"], ms = /* @__PURE__ */ j({
+}), gs = { class: "w-full max-w-full flex items-center justify-center" }, ms = ["width", "height"], bs = /* @__PURE__ */ j({
   __name: "ElAudioVisualizer",
   props: {
     rms: {},
@@ -4714,9 +4713,9 @@ const Z = /* @__PURE__ */ s((e) => {
   setup(e) {
     const r = e, o = P();
     let t = null, n = null;
-    const a = P(!1), i = P(!0), f = /* @__PURE__ */ new Map();
-    let h = null, C = null, u = null;
-    const c = P(!1), m = P(null), { bars: y, barWidth: g, barSpacing: T, minHeight: H, maxHeight: Q, STIFFNESS: ze, DAMPING: Se, PEAK_HOLD_TIME: ue, PEAK_DECAY_STIFFNESS: pe, PEAK_DECAY_DAMPING: he } = xo, re = new Float32Array(y).fill(H), S = new Float32Array(y).fill(0), ne = new Float32Array(y).fill(H), ce = new Float32Array(y).fill(H), fe = new Float32Array(y).fill(0), ge = new Float32Array(y).fill(0);
+    const a = P(!1), i = P(!0), h = /* @__PURE__ */ new Map();
+    let f = null, C = null, u = null;
+    const c = P(!1), m = P(null), { bars: p, barWidth: g, barSpacing: T, minHeight: H, maxHeight: Q, STIFFNESS: ze, DAMPING: Se, PEAK_HOLD_TIME: ue, PEAK_DECAY_STIFFNESS: pe, PEAK_DECAY_DAMPING: he } = yo, re = new Float32Array(p).fill(H), S = new Float32Array(p).fill(0), ne = new Float32Array(p).fill(H), ce = new Float32Array(p).fill(H), fe = new Float32Array(p).fill(0), ge = new Float32Array(p).fill(0);
     function We(v) {
       return v < 200 ? { stiffnessMultiplier: 0.7, dampingMultiplier: 1.2 } : v < 1e3 ? { stiffnessMultiplier: 1, dampingMultiplier: 1 } : v < 4e3 ? { stiffnessMultiplier: 1.3, dampingMultiplier: 0.8 } : { stiffnessMultiplier: 1.5, dampingMultiplier: 0.6 };
     }
@@ -4749,8 +4748,8 @@ const Z = /* @__PURE__ */ s((e) => {
       if (!o.value)
         return;
       typeof window < "u" && (q = Math.max(1, Math.min(2, window.devicePixelRatio || 1)));
-      const v = (g + T) * y - T, M = Q;
-      o.value.width = Math.floor(v * q), o.value.height = Math.floor(M * q), o.value.style.width = `${v}px`, o.value.style.height = `${M}px`, t && t.setTransform(q, 0, 0, q, 0, 0), eo();
+      const v = (g + T) * p - T, M = Q;
+      o.value.width = Math.floor(v * q), o.value.height = Math.floor(M * q), o.value.style.width = `${v}px`, o.value.style.height = `${M}px`, t && t.setTransform(q, 0, 0, q, 0, 0), _t();
     }
     s(ie, "resizeCanvas");
     function w() {
@@ -4885,25 +4884,25 @@ const Z = /* @__PURE__ */ s((e) => {
       return M;
     }
     s(xt, "generateIntensityBasedBands");
-    function Xt() {
+    function Qt() {
       if (typeof window > "u")
         return;
       const v = navigator.userAgent.toLowerCase(), M = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(v);
       a.value = M;
     }
-    s(Xt, "detectMobile");
-    function _t(v, M) {
-      return f.has(v) || f.set(v, M()), f.get(v);
+    s(Qt, "detectMobile");
+    function Xt(v, M) {
+      return h.has(v) || h.set(v, M()), h.get(v);
     }
-    s(_t, "getGradient");
-    function eo() {
-      f.clear(), h = null;
+    s(Xt, "getGradient");
+    function _t() {
+      h.clear(), f = null;
     }
-    s(eo, "clearGradientCache");
+    s(_t, "clearGradientCache");
     function nt() {
       if (typeof window > "u" || !t || !o.value)
         return;
-      Xt();
+      Qt();
       const v = o.value, M = v.width / q, A = v.height / q;
       function L($) {
         if (!t)
@@ -4916,10 +4915,10 @@ const Z = /* @__PURE__ */ s((e) => {
         let O = 0;
         r.audioLevels ? r.isListening ? O = Math.min(r.audioLevels.inputLevel * 1.5, 1) : r.isSpeaking && (O = Math.min(r.audioLevels.outputLevel * 1.8, 1)) : r.rms !== void 0 && (O = Math.min(r.rms / 70, 1));
         const U = Ne(O);
-        for (let k = 0; k < y; k++)
+        for (let k = 0; k < p; k++)
           ne[k] = H + U[k] * (Q - H);
         const be = 16.67;
-        for (let k = 0; k < y; k++) {
+        for (let k = 0; k < p; k++) {
           const de = X[k], te = We(de), J = ne[k] - re[k], ae = ze * te.stiffnessMultiplier, Fe = Se * te.dampingMultiplier, le = J * ae - S[k] * Fe;
           if (S[k] += le, re[k] += S[k], re[k] > ce[k])
             ce[k] = re[k], fe[k] = ue, ge[k] = 0;
@@ -4928,42 +4927,42 @@ const Z = /* @__PURE__ */ s((e) => {
             ge[k] += Oe, ce[k] = Math.max(H, ce[k] + ge[k]);
           }
         }
-        const K = y * 0.15;
+        const K = p * 0.15;
         function V() {
-          t && (h || (h = t.createRadialGradient(
+          t && (f || (f = t.createRadialGradient(
             M * 0.5,
             A * 0.6,
             A * 0.1,
             M * 0.5,
             A * 0.6,
             A * 0.9
-          ), h.addColorStop(0, "rgba(255,255,255,0.02)"), h.addColorStop(1, "rgba(0,0,0,0.08)")), t.fillStyle = h, t.fillRect(0, 0, M, A));
+          ), f.addColorStop(0, "rgba(255,255,255,0.02)"), f.addColorStop(1, "rgba(0,0,0,0.08)")), t.fillStyle = f, t.fillRect(0, 0, M, A));
         }
         if (s(V, "drawBackground"), V(), (r.isListening || r.isSpeaking) && !a.value) {
           const k = performance.now() * 1e-3, de = 0.1 + Math.sin(k * 2) * 0.05;
           t.save(), t.globalCompositeOperation = "lighter", t.globalAlpha = de;
           const te = r.isSpeaking ? "rgba(34,197,94,0.4)" : "rgba(59,130,246,0.4)";
           t.fillStyle = te;
-          for (let J = 0; J < y; J++) {
+          for (let J = 0; J < p; J++) {
             const ae = J * (g + T), Fe = re[J], le = A - Fe;
             t.beginPath(), t.roundRect(ae - 1, le - 1, g + 2, Fe + 2, [2, 2, 0, 0]), t.fill();
           }
           t.restore();
         }
-        for (let k = 0; k < y; k++) {
-          const de = k * (g + T), te = re[k], J = A - te, ae = X[k], Fe = Math.min(k, y - 1 - k), le = Math.min(1, Fe / K), Ge = Math.min(1, te / Q), Oe = (0.8 + Ge * 0.2) * le, kt = (0.6 + Ge * 0.2) * le, wt = (0.3 + Ge * 0.1) * le, to = Math.round(Ge * 10) / 10, oo = Math.round(le * 10) / 10, ro = `${r.isSpeaking ? "speaking" : r.isListening ? "listening" : "idle"}-${to}-${oo}-${te}`, so = _t(ro, () => {
+        for (let k = 0; k < p; k++) {
+          const de = k * (g + T), te = re[k], J = A - te, ae = X[k], Fe = Math.min(k, p - 1 - k), le = Math.min(1, Fe / K), Ge = Math.min(1, te / Q), Oe = (0.8 + Ge * 0.2) * le, kt = (0.6 + Ge * 0.2) * le, wt = (0.3 + Ge * 0.1) * le, eo = Math.round(Ge * 10) / 10, to = Math.round(le * 10) / 10, oo = `${r.isSpeaking ? "speaking" : r.isListening ? "listening" : "idle"}-${eo}-${to}-${te}`, ro = Xt(oo, () => {
             const oe = t.createLinearGradient(0, J, 0, J + te);
             if (r.isSpeaking)
               oe.addColorStop(0, `rgba(34, 197, 94, ${Oe})`), oe.addColorStop(0.5, `rgba(34, 197, 94, ${kt})`), oe.addColorStop(1, `rgba(34, 197, 94, ${wt})`), (ae >= 400 && ae <= 600 || ae >= 1400 && ae <= 1600) && oe.addColorStop(0, `rgba(74, 222, 128, ${Math.min(1, Oe + 0.2)})`);
             else if (r.isListening)
               oe.addColorStop(0, `rgba(59, 130, 246, ${Oe})`), oe.addColorStop(0.5, `rgba(59, 130, 246, ${kt})`), oe.addColorStop(1, `rgba(59, 130, 246, ${wt})`);
             else {
-              const Ze = 0.6 * le, no = 0.4 * le, ao = 0.2 * le;
-              oe.addColorStop(0, `rgba(156, 163, 175, ${Ze})`), oe.addColorStop(0.6, `rgba(156, 163, 175, ${no})`), oe.addColorStop(1, `rgba(156, 163, 175, ${ao})`);
+              const Ze = 0.6 * le, so = 0.4 * le, no = 0.2 * le;
+              oe.addColorStop(0, `rgba(156, 163, 175, ${Ze})`), oe.addColorStop(0.6, `rgba(156, 163, 175, ${so})`), oe.addColorStop(1, `rgba(156, 163, 175, ${no})`);
             }
             return oe;
           });
-          if (t.fillStyle = so, t.beginPath(), t.roundRect(de, J, g, te, [1, 1, 0, 0]), t.fill(), ce[k] > H + 2) {
+          if (t.fillStyle = ro, t.beginPath(), t.roundRect(de, J, g, te, [1, 1, 0, 0]), t.fill(), ce[k] > H + 2) {
             const oe = A - ce[k], Ze = fe[k] > 0 ? 0.9 : Math.max(0.3, fe[k] / ue);
             t.fillStyle = `rgba(255, 255, 255, ${Ze})`, t.fillRect(de, oe - 1, g, 2), Ze > 0.5 && !a.value && (t.shadowColor = r.isSpeaking ? "rgba(34, 197, 94, 0.5)" : "rgba(59, 130, 246, 0.5)", t.shadowBlur = 3, t.fillRect(de, oe - 1, g, 2), t.shadowBlur = 0);
           }
@@ -5012,51 +5011,51 @@ const Z = /* @__PURE__ */ s((e) => {
       { immediate: !1 }
     ), se(o, (v) => {
       v && !t && (t = v.getContext("2d"), ie(), nt());
-    }), (v, M) => (d(), b("div", fs, [
+    }), (v, M) => (d(), b("div", gs, [
       l("canvas", {
         ref_key: "canvasRef",
         ref: o,
-        width: (Y(g) + Y(T)) * Y(y) - Y(T),
+        width: (Y(g) + Y(T)) * Y(p) - Y(T),
         height: Y(Q),
         class: "w-full max-w-full [image-rendering:-webkit-optimize-contrast]",
         style: st({ height: `${Y(Q)}px` })
-      }, null, 12, gs)
+      }, null, 12, ms)
     ]));
   }
-}), bs = { class: "flex flex-col h-full items-center justify-center px-6 py-8" }, vs = { class: "flex-1 flex flex-col items-center justify-center space-y-8 py-4" }, ps = { class: "h-32 w-full max-w-md" }, xs = { class: "text-center flex gap-2 items-center text-xs" }, ys = { class: "flex items-center justify-center gap-2" }, ks = {
+}), vs = { class: "flex flex-col h-full items-center justify-center px-6 py-8" }, ps = { class: "flex-1 flex flex-col items-center justify-center space-y-8 py-4" }, xs = { class: "h-32 w-full max-w-md" }, ys = { class: "text-center flex gap-2 items-center text-xs" }, ks = { class: "flex items-center justify-center gap-2" }, ws = {
   key: 0,
   class: "size-2 bg-blue-500 rounded-full animate-pulse"
-}, ws = {
+}, Cs = {
   key: 1,
   class: "size-2 bg-green-500 rounded-full animate-pulse"
-}, Cs = {
+}, Ss = {
   key: 2,
   class: "size-2 bg-white/50 rounded-full"
-}, Ss = {
+}, Ms = {
   key: 3,
   class: "size-2 bg-red-500 rounded-full"
-}, Ms = { class: "text-white/70 text-sm max-w-xs leading-relaxed" }, As = { class: "flex flex-col items-center space-y-6" }, Is = /* @__PURE__ */ j({
+}, As = { class: "text-white/70 text-sm max-w-xs leading-relaxed" }, Is = { class: "flex flex-col items-center space-y-6" }, zs = /* @__PURE__ */ j({
   __name: "ElSelfVoice",
   props: {
     selfController: {}
   },
   setup(e) {
     const r = F(() => e.selfController?.voiceState.value), o = F(() => r.value?.isConnected ? "red" : "green"), t = F(() => r.value?.isConnected ? "i-heroicons-phone-x-mark" : "i-heroicons-phone"), n = F(() => r.value?.isConnected ? "End Call" : "Start a Call"), a = F(() => {
-      const h = e.selfController?.voiceState.value;
-      return !!h?.error || h?.connectionStatus === "connecting";
+      const f = e.selfController?.voiceState.value;
+      return !!f?.error || f?.connectionStatus === "connecting";
     }), i = F(() => r.value?.connectionStatus === "connecting");
-    async function f() {
+    async function h() {
       if (e.selfController)
         try {
           e.selfController.voiceState.value.isConnected ? await e.selfController.endConversation() : (e.selfController.isConnected() && await e.selfController.endConversation(), await e.selfController.startVoiceConversation(), e.selfController.agentMode.value = "talk");
-        } catch (h) {
-          console.error("Error toggling call:", h);
+        } catch (f) {
+          console.error("Error toggling call:", f);
         }
     }
-    return s(f, "toggleCall"), (h, C) => (d(), b("div", bs, [
-      l("div", vs, [
-        l("div", ps, [
-          B(ms, {
+    return s(h, "toggleCall"), (f, C) => (d(), b("div", vs, [
+      l("div", ps, [
+        l("div", xs, [
+          D(bs, {
             "audio-levels": e.selfController?.audioLevels.value ?? { inputLevel: 0, outputLevel: 0 },
             "is-listening": e.selfController?.voiceState.value.isListening ?? !1,
             "is-speaking": e.selfController?.voiceState.value.isSpeaking ?? !1,
@@ -5067,21 +5066,21 @@ const Z = /* @__PURE__ */ s((e) => {
             "self-controller": e.selfController
           }, null, 8, ["audio-levels", "is-listening", "is-speaking", "is-connected", "self-controller"])
         ]),
-        l("div", xs, [
-          l("div", ys, [
-            e.selfController?.voiceState.value.isListening ? (d(), b("div", ks)) : e.selfController?.voiceState.value.isSpeaking ? (d(), b("div", ws)) : e.selfController?.voiceState.value.isConnected && !e.selfController?.voiceState.value.isListening && !e.selfController?.voiceState.value.isSpeaking ? (d(), b("div", Cs)) : e.selfController?.voiceState.value.error ? (d(), b("div", Ss)) : E("", !0)
+        l("div", ys, [
+          l("div", ks, [
+            e.selfController?.voiceState.value.isListening ? (d(), b("div", ws)) : e.selfController?.voiceState.value.isSpeaking ? (d(), b("div", Cs)) : e.selfController?.voiceState.value.isConnected && !e.selfController?.voiceState.value.isListening && !e.selfController?.voiceState.value.isSpeaking ? (d(), b("div", Ss)) : e.selfController?.voiceState.value.error ? (d(), b("div", Ms)) : E("", !0)
           ]),
-          l("p", Ms, N(e.selfController?.voiceState.value.error ? `Error: ${e.selfController.voiceState.value.error}` : e.selfController?.voiceState.value.transcript || "Ready to start a call..."), 1)
+          l("p", As, N(e.selfController?.voiceState.value.error ? `Error: ${e.selfController.voiceState.value.error}` : e.selfController?.voiceState.value.transcript || "Ready to start a call..."), 1)
         ])
       ]),
-      l("div", As, [
-        B(mt, {
+      l("div", Is, [
+        D(mt, {
           theme: o.value,
           icon: t.value,
           size: "lg",
           loading: i.value,
           disabled: a.value,
-          onClick: f
+          onClick: h
         }, {
           default: ee(() => [
             He(N(n.value), 1)
@@ -5091,28 +5090,28 @@ const Z = /* @__PURE__ */ s((e) => {
       ])
     ]));
   }
-}), zs = {
+}), $s = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center bg-gradient-to-br from-theme-800 to-theme-950 rounded-3xl z-10"
-}, $s = { class: "text-sm" }, Es = {
+}, Es = { class: "text-sm" }, Ls = {
   key: 0,
   class: "flex-1 basis-0 flex justify-end"
-}, Ls = {
+}, Ts = {
   key: 0,
   class: "h-full pb-12 flex-1 flex flex-col relative z-20 min-h-0 px-4 @[480px]/agent:px-6 max-w-md mx-auto w-full"
-}, Ts = { class: "flex-1 basis-0 flex flex-col justify-start pt-6" }, Ps = {
+}, Ps = { class: "flex-1 basis-0 flex flex-col justify-start pt-6" }, Fs = {
   key: 1,
   class: "flex-1 flex flex-col relative z-20 min-h-0 w-full"
-}, Fs = { class: "px-4 pt-4 pb-4 max-w-md mx-auto" }, Vs = {
+}, Vs = { class: "px-4 pt-4 pb-4 max-w-md mx-auto" }, Bs = {
   key: 2,
   class: "flex-1 flex flex-col relative z-20 min-h-0 w-full px-4 @[480px]/agent:px-6"
-}, Ds = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, Bs = {
+}, Ds = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, js = {
   key: 2,
   class: "bg-gradient-to-br from-theme-800 to-theme-950 text-white flex items-center justify-center h-full p-8"
-}, js = { class: "text-center max-w-md space-y-4" }, Rs = { class: "text-sm text-white/70 leading-relaxed" }, Ns = {
+}, Rs = { class: "text-center max-w-md space-y-4" }, Ns = { class: "text-sm text-white/70 leading-relaxed" }, Gs = {
   key: 3,
   class: "bg-white/10 backdrop-blur-sm text-white/70 flex items-center justify-center h-full"
-}, Jt = /* @__PURE__ */ j({
+}, Yt = /* @__PURE__ */ j({
   __name: "SelfAgent",
   props: {
     sdk: {},
@@ -5126,7 +5125,7 @@ const Z = /* @__PURE__ */ s((e) => {
   },
   emits: ["close", "error"],
   setup(e, { emit: r }) {
-    const o = r, t = uo(), n = P(!1), a = P(!1), i = P(), f = P(), h = F(() => t.value?.agentMode?.value ?? "self"), C = F(() => e.sdk.activeUser.value !== void 0), u = F(() => Bt.find((g) => g.mode === h.value));
+    const o = r, t = co(), n = P(!1), a = P(!1), i = P(), h = P(), f = F(() => t.value?.agentMode?.value ?? "self"), C = F(() => e.sdk.activeUser.value !== void 0), u = F(() => Bt.find((g) => g.mode === f.value));
     function c() {
       t.value && t.value.destroy();
       try {
@@ -5136,54 +5135,54 @@ const Z = /* @__PURE__ */ s((e) => {
           context: e.context,
           firstMessage: e.firstMessage
         });
-      } catch (y) {
-        throw console.error("SelfController creation failed:", y), y;
+      } catch (p) {
+        throw console.error("SelfController creation failed:", p), p;
       }
     }
     s(c, "createSelfController");
-    function m(y) {
-      if (!f.value)
+    function m(p) {
+      if (!h.value)
         return;
-      const g = Co(y);
+      const g = Co(p);
       Object.entries(g).forEach(([T, H]) => {
-        f.value.style.setProperty(`--primary-${T}`, H);
+        h.value.style.setProperty(`--primary-${T}`, H);
       });
     }
     return s(m, "applyTheme"), Ie(() => {
       try {
         c(), m(e.theme);
-      } catch (y) {
-        const g = y instanceof Error ? y.message : "Failed to initialize digital self";
+      } catch (p) {
+        const g = p instanceof Error ? p.message : "Failed to initialize digital self";
         i.value = g, o("error", g);
       }
     }), ft(() => {
       t.value && t.value.destroy();
-    }), se(() => e.theme, (y) => {
-      m(y);
-    }), se(() => e.sdk.activeUser.value, (y, g) => {
-      g && !y && t.value && t.value.setMode("self");
-    }), (y, g) => (d(), b("div", {
+    }), se(() => e.theme, (p) => {
+      m(p);
+    }), se(() => e.sdk.activeUser.value, (p, g) => {
+      g && !p && t.value && t.value.setMode("self");
+    }), (p, g) => (d(), b("div", {
       ref_key: "rootElement",
-      ref: f,
+      ref: h,
       key: Y(tt)(e.self),
       class: "@container/agent self-agent w-full h-full overflow-hidden relative",
       "data-test": "self-agent"
     }, [
-      e.loading ? (d(), b("div", zs, [
-        B(gt, { class: "text-white size-8" })
+      e.loading ? (d(), b("div", $s, [
+        D(gt, { class: "text-white size-8" })
       ])) : e.self && !i.value ? (d(), b("div", {
         key: 1,
         class: "absolute inset-0 bg-cover bg-center bg-no-repeat",
         style: st({ backgroundImage: `url(${Y(tt)(e.self) || Y(qe)()})` })
       }, [
         l("div", {
-          class: z(["absolute inset-0 bg-gradient-to-br z-0", h.value === "self" ? "from-black/70 via-black/50 to-black/80" : "from-black/90 via-black/90 to-black/100"])
+          class: z(["absolute inset-0 bg-gradient-to-br z-0", f.value === "self" ? "from-black/70 via-black/50 to-black/80" : "from-black/90 via-black/90 to-black/100"])
         }, null, 2),
         l("div", {
           class: z(["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"])
         }, [
           l("div", {
-            class: z(["relative z-30 p-2", h.value !== "self" ? "backdrop-blur-lg" : ""])
+            class: z(["relative z-30 p-2", f.value !== "self" ? "backdrop-blur-lg" : ""])
           }, [
             l("div", {
               class: z(["flex items-center", e.hasClose ? "" : "justify-between"])
@@ -5205,10 +5204,10 @@ const Z = /* @__PURE__ */ s((e) => {
                 l("i", {
                   class: z([u.value?.icon, "size-4 opacity-60"])
                 }, null, 2),
-                l("span", $s, N(u.value?.label), 1),
+                l("span", Es, N(u.value?.label), 1),
                 g[7] || (g[7] = l("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
               ], 2),
-              e.hasClose ? (d(), b("div", Es, [
+              e.hasClose ? (d(), b("div", Ls, [
                 l("button", {
                   class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
                   onClick: g[2] || (g[2] = et((T) => o("close", "button"), ["stop"]))
@@ -5218,11 +5217,11 @@ const Z = /* @__PURE__ */ s((e) => {
               ])) : E("", !0)
             ], 2)
           ], 2),
-          h.value === "self" ? (d(), b("div", Ls, [
+          f.value === "self" ? (d(), b("div", Ts, [
             g[9] || (g[9] = l("div", { class: "flex-1 basis-0 mb-36" }, null, -1)),
-            B(ts, { self: e.self }, null, 8, ["self"]),
-            l("div", Ts, [
-              B(mt, {
+            D(os, { self: e.self }, null, 8, ["self"]),
+            l("div", Ps, [
+              D(mt, {
                 theme: "primary",
                 size: "lg",
                 class: "w-full",
@@ -5236,37 +5235,37 @@ const Z = /* @__PURE__ */ s((e) => {
                 _: 1
               })
             ])
-          ])) : h.value === "talk" ? (d(), b("div", Ps, [
+          ])) : f.value === "talk" ? (d(), b("div", Fs, [
             C.value ? (d(), b(Ae, { key: 1 }, [
               l("div", null, [
-                l("div", Fs, [
-                  B(Oo, { self: e.self }, null, 8, ["self"])
+                l("div", Vs, [
+                  D(Uo, { self: e.self }, null, 8, ["self"])
                 ])
               ]),
-              B(Is, { "self-controller": t.value }, null, 8, ["self-controller"])
-            ], 64)) : (d(), _(zt, {
+              D(zs, { "self-controller": t.value }, null, 8, ["self-controller"])
+            ], 64)) : (d(), _(It, {
               key: 0,
               sdk: e.sdk
             }, null, 8, ["sdk"]))
-          ])) : (d(), b("div", Vs, [
+          ])) : (d(), b("div", Bs, [
             l("div", Ds, [
-              h.value === "chat" ? (d(), b(Ae, { key: 0 }, [
-                C.value ? (d(), _(Kr, {
+              f.value === "chat" ? (d(), b(Ae, { key: 0 }, [
+                C.value ? (d(), _(Zr, {
                   key: 1,
                   "self-controller": t.value,
                   self: e.self
-                }, null, 8, ["self-controller", "self"])) : (d(), _(zt, {
+                }, null, 8, ["self-controller", "self"])) : (d(), _(It, {
                   key: 0,
                   sdk: e.sdk
                 }, null, 8, ["sdk"]))
-              ], 64)) : h.value === "info" ? (d(), _(Vr, {
+              ], 64)) : f.value === "info" ? (d(), _(Br, {
                 key: 1,
                 self: e.self
               }, null, 8, ["self"])) : E("", !0)
             ])
           ])),
           l("div", {
-            class: z(["relative z-20 text-center py-5 px-6", h.value === "info" ? "hidden" : ""])
+            class: z(["relative z-20 text-center py-5 px-6", f.value === "info" ? "hidden" : ""])
           }, [...g[10] || (g[10] = [
             l("a", {
               href: "https://www.fiction.com",
@@ -5278,189 +5277,41 @@ const Z = /* @__PURE__ */ s((e) => {
             ], -1)
           ])], 2)
         ], 2)
-      ], 4)) : i.value ? (d(), b("div", Bs, [
-        l("div", js, [
+      ], 4)) : i.value ? (d(), b("div", js, [
+        l("div", Rs, [
           g[11] || (g[11] = l("div", { class: "flex justify-center" }, [
             l("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [
               l("i", { class: "i-tabler-alert-circle size-6 text-red-400" })
             ])
           ], -1)),
           g[12] || (g[12] = l("h3", { class: "text-lg font-medium" }, " Self Error ", -1)),
-          l("p", Rs, N(i.value), 1)
+          l("p", Ns, N(i.value), 1)
         ])
-      ])) : (d(), b("div", Ns, " There was an error loading the digital self. Please try again later. ")),
-      B(hs, {
+      ])) : (d(), b("div", Gs, " There was an error loading the digital self. Please try again later. ")),
+      D(fs, {
         modelValue: n.value,
         "onUpdate:modelValue": g[4] || (g[4] = (T) => n.value = T),
         self: e.self,
         sdk: e.sdk,
         title: e.self.name
       }, null, 8, ["modelValue", "self", "sdk", "title"]),
-      B(us, {
+      D(hs, {
         modelValue: a.value,
         "onUpdate:modelValue": g[5] || (g[5] = (T) => a.value = T),
         "self-controller": t.value
       }, null, 8, ["modelValue", "self-controller"])
     ]));
   }
-}), Gs = { class: "self-wrap" }, Os = {
-  key: 0,
-  class: "flex items-center justify-center h-full"
-}, Us = {
-  key: 2,
-  class: "flex items-center justify-center h-full text-theme-500 text-xs"
-}, Hs = { class: "flex flex-col items-center gap-2" }, Qt = /* @__PURE__ */ j({
-  __name: "SelfWrap",
-  props: {
-    sdk: {},
-    self: {},
-    handle: {},
-    context: {},
-    firstMessage: {},
-    hasClose: { type: Boolean }
-  },
-  setup(e) {
-    const r = e, o = P(!r.self), t = P(r.self), n = P();
-    return Ie(async () => {
-      if (r.self) {
-        o.value = !1;
-        return;
-      }
-      if (!r.handle) {
-        n.value = "No handle or self provided", o.value = !1;
-        return;
-      }
-      try {
-        o.value = !0;
-        const a = await r.sdk.getPublicSelf({ handle: r.handle });
-        a ? t.value = a : (n.value = r.sdk.error.value || "Self not found", console.error("Failed to fetch digital self:", r.sdk.error.value));
-      } catch (a) {
-        n.value = a instanceof Error ? a.message : "Failed to fetch self", console.error("Error fetching digital self:", a);
-      } finally {
-        o.value = !1;
-      }
-    }), (a, i) => (d(), b("div", Gs, [
-      o.value ? (d(), b("div", Os, [...i[0] || (i[0] = [
-        l("div", { class: "animate-spin rounded-full size-6 border-b-2 border-white" }, null, -1)
-      ])])) : t.value ? Ce(a.$slots, "default", {
-        key: 1,
-        self: t.value,
-        context: e.context,
-        firstMessage: e.firstMessage,
-        loading: o.value
-      }) : n.value ? (d(), b("div", Us, [
-        l("div", Hs, [
-          i[1] || (i[1] = l("div", null, [
-            l("div", { class: "i-tabler-user-off size-8" })
-          ], -1)),
-          l("div", null, N(n.value), 1)
-        ])
-      ])) : E("", !0)
-    ]));
-  }
-}), qs = {
-  key: 0,
-  class: "relative h-full w-full"
-}, Ws = { class: "group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100" }, Ks = ["src", "alt"], ln = /* @__PURE__ */ j({
-  __name: "FictionWidget",
-  props: {
-    sdk: {},
-    handle: {},
-    context: {},
-    firstMessage: {},
-    position: {}
-  },
-  setup(e, { expose: r }) {
-    const o = e, t = P(!1), n = P(!1);
-    function a() {
-      t.value = !t.value;
-    }
-    s(a, "toggle"), se(t, async (C) => {
-      C ? (await Xe(), setTimeout(() => {
-        n.value = !0;
-      }, 400)) : n.value = !1;
-    });
-    function i() {
-      t.value = !0;
-    }
-    s(i, "open");
-    function f() {
-      t.value = !1;
-    }
-    s(f, "close");
-    function h() {
-      f();
-    }
-    return s(h, "handleClose"), r({
-      toggle: a,
-      open: i,
-      close: f
-    }), (C, u) => (d(), _(Qt, {
-      sdk: e.sdk,
-      handle: e.handle,
-      context: e.context,
-      "first-message": e.firstMessage
-    }, {
-      default: ee(({ self: c }) => [
-        c ? (d(), b("div", {
-          key: 0,
-          class: z(["fixed z-[999999] pointer-events-auto", [
-            o.position === "bottom-left" ? "bottom-6 left-6" : o.position === "top-right" ? "top-6 right-6" : o.position === "top-left" ? "top-6 left-6" : "bottom-6 right-6"
-          ]])
-        }, [
-          l("div", {
-            class: z(["transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu", [
-              t.value ? "widget-expanded w-96 h-[600px] max-w-[calc(100vw-48px)] max-h-[calc(100vh-48px)] rounded-3xl opacity-100 scale-100" : "widget-button w-[80px] h-[80px] opacity-100 scale-100  flex items-center justify-center  cursor-pointer"
-            ]]),
-            style: st({
-              "transform-origin": o.position === "bottom-left" ? "bottom left" : o.position === "top-right" ? "top right" : o.position === "top-left" ? "top left" : "bottom right"
-            }),
-            onClick: u[0] || (u[0] = (m) => t.value ? void 0 : a())
-          }, [
-            t.value ? E("", !0) : (d(), b("div", qs, [
-              l("div", Ws, [
-                l("img", {
-                  src: Y(tt)(c) || Y(qe)(),
-                  alt: `${c.name} avatar`,
-                  class: "h-full w-full object-cover pointer-events-none"
-                }, null, 8, Ks),
-                u[1] || (u[1] = l("div", { class: "absolute inset-0 pointer-events-none bg-gradient-to-br from-transparent via-black/10 to-black/40 opacity-60 transition-opacity duration-300 group-hover:opacity-40" }, null, -1))
-              ]),
-              u[2] || (u[2] = l("div", { class: "absolute top-0.5 right-0.5" }, [
-                l("div", {
-                  class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
-                  style: { "animation-duration": "3s" }
-                }),
-                l("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" })
-              ], -1))
-            ])),
-            t.value && c ? (d(), _(Jt, {
-              key: 1,
-              class: "rounded-3xl shadow-2xl border border-white/10",
-              sdk: e.sdk,
-              self: c,
-              context: e.context,
-              "first-message": e.firstMessage,
-              "has-close": !0,
-              "is-active": n.value,
-              onClose: h
-            }, null, 8, ["sdk", "self", "context", "first-message", "is-active"])) : E("", !0)
-          ], 6)
-        ], 2)) : E("", !0)
-      ]),
-      _: 1
-    }, 8, ["sdk", "handle", "context", "first-message"]));
-  }
-}), Zs = { class: "flex min-h-full items-center justify-center text-center p-4 py-8" }, Ys = {
+}), Os = { class: "flex min-h-full items-center justify-center text-center p-4 py-8" }, Us = {
   key: 0,
   class: "text-base p-4 font-semibold"
-}, Js = {
+}, Hs = {
   key: 1,
   class: "flex items-center gap-2 px-2"
-}, Qs = {
+}, qs = {
   inheritAttrs: !1
-}, Xs = /* @__PURE__ */ j({
-  ...Qs,
+}, Ws = /* @__PURE__ */ j({
+  ...qs,
   name: "FModal",
   __name: "FModal",
   props: {
@@ -5483,7 +5334,7 @@ const Z = /* @__PURE__ */ s((e) => {
     s(n, "close");
     const a = e.modalClass ? [e.modalClass] : ["max-w-screen-md p-24"], i = e.styleClass ? [e.styleClass] : ["bg-theme-0 text-theme-900", "shadow-xl"];
     e.fullScreen ? a.push("fixed inset-0") : a.push("rounded-xl my-6 mx-3");
-    const f = [
+    const h = [
       "relative",
       "text-left",
       "transform",
@@ -5491,13 +5342,13 @@ const Z = /* @__PURE__ */ s((e) => {
       "w-full",
       ...a,
       ...i
-    ], h = P(!1), C = [];
+    ], f = P(!1), C = [];
     Ie(async () => {
       t.value = !0;
       const c = se(
         () => e.vis,
         (m) => {
-          m ? setTimeout(() => h.value = !0, 300) : h.value = !1;
+          m ? setTimeout(() => f.value = !0, 300) : f.value = !1;
         },
         { immediate: !0 }
       );
@@ -5520,7 +5371,7 @@ const Z = /* @__PURE__ */ s((e) => {
       leaveFromClass: "opacity-100 translate-y-0 scale-100",
       leaveToClass: "opacity-0 scale-75"
     });
-    return (c, m) => t.value ? (d(), _(ho, {
+    return (c, m) => t.value ? (d(), _(uo, {
       key: 0,
       to: e.teleportTo
     }, [
@@ -5530,7 +5381,7 @@ const Z = /* @__PURE__ */ s((e) => {
         role: "dialog",
         "aria-modal": "true"
       }, [
-        B(_e, {
+        D(_e, {
           "enter-active-class": "ease-out duration-300",
           "enter-from-class": "opacity-0",
           "enter-to-class": "opacity-100",
@@ -5542,21 +5393,21 @@ const Z = /* @__PURE__ */ s((e) => {
             e.vis ? (d(), b("div", {
               key: 0,
               class: "fixed inset-0 bg-theme-800/60 active:bg-theme-800/80 cursor-pointer dark:bg-theme-600/90 backdrop-blur-sm transition-opacity",
-              onClick: m[0] || (m[0] = (y) => n({ reason: "escape" }))
+              onClick: m[0] || (m[0] = (p) => n({ reason: "escape" }))
             })) : E("", !0)
           ]),
           _: 1
         }),
         l("div", {
           class: "fixed inset-0 z-40 overflow-y-auto",
-          onClick: m[3] || (m[3] = (y) => n({ reason: "escape" }))
+          onClick: m[3] || (m[3] = (p) => n({ reason: "escape" }))
         }, [
-          l("div", Zs, [
-            B(_e, fo(go(u.value)), {
+          l("div", Os, [
+            D(_e, ho(fo(u.value)), {
               default: ee(() => [
                 e.vis ? (d(), b("div", {
                   key: 0,
-                  class: z([f, "overflow-visible w-full"]),
+                  class: z([h, "overflow-visible w-full"]),
                   onClick: m[2] || (m[2] = et(() => {
                   }, ["stop"]))
                 }, [
@@ -5564,14 +5415,14 @@ const Z = /* @__PURE__ */ s((e) => {
                     key: 0,
                     class: z(!e.title && (e.hasClose || c.$slots.actions) ? "absolute top-0 right-0 z-10" : "flex justify-between items-center")
                   }, [
-                    e.title ? (d(), b("h2", Ys, N(e.title), 1)) : E("", !0),
-                    e.hasClose || c.$slots.actions ? (d(), b("div", Js, [
+                    e.title ? (d(), b("h2", Us, N(e.title), 1)) : E("", !0),
+                    e.hasClose || c.$slots.actions ? (d(), b("div", Hs, [
                       Ce(c.$slots, "actions"),
-                      e.hasClose ? (d(), _(Zt, {
+                      e.hasClose ? (d(), _(Kt, {
                         key: 0,
                         class: "relative",
                         "data-test-id": "close-modal",
-                        onClick: m[1] || (m[1] = et((y) => n({ reason: "escape" }), ["stop"]))
+                        onClick: m[1] || (m[1] = et((p) => n({ reason: "escape" }), ["stop"]))
                       })) : E("", !0)
                     ])) : E("", !0)
                   ], 2)) : E("", !0),
@@ -5585,7 +5436,67 @@ const Z = /* @__PURE__ */ s((e) => {
       ], 2)
     ], 8, ["to"])) : E("", !0);
   }
-}), _s = /* @__PURE__ */ j({
+}), Ks = { class: "self-wrap" }, Zs = {
+  key: 0,
+  class: "flex items-center justify-center h-full"
+}, Ys = {
+  key: 2,
+  class: "flex items-center justify-center h-full text-theme-500 text-xs"
+}, Js = { class: "flex flex-col items-center gap-2" }, Jt = /* @__PURE__ */ j({
+  __name: "SelfWrap",
+  props: {
+    sdk: {},
+    self: {},
+    handle: {},
+    context: {},
+    firstMessage: {},
+    hasClose: { type: Boolean },
+    apiBase: {}
+  },
+  setup(e) {
+    const r = e, o = r.sdk || new mo({
+      isDev: typeof window < "u" ? window.location.hostname === "localhost" || window.location.hostname.includes("127.0.0.1") : !1,
+      apiBase: r.apiBase
+    }), t = P(!r.self), n = P(r.self), a = P();
+    return Ie(async () => {
+      if (r.self) {
+        t.value = !1;
+        return;
+      }
+      if (!r.handle) {
+        a.value = "No handle or self provided", t.value = !1;
+        return;
+      }
+      try {
+        t.value = !0;
+        const i = await o.getPublicSelf({ handle: r.handle });
+        i ? n.value = i : (a.value = o.error.value || "Self not found", console.error("Failed to fetch digital self:", o.error.value));
+      } catch (i) {
+        a.value = i instanceof Error ? i.message : "Failed to fetch self", console.error("Error fetching digital self:", i);
+      } finally {
+        t.value = !1;
+      }
+    }), (i, h) => (d(), b("div", Ks, [
+      t.value ? (d(), b("div", Zs, [...h[0] || (h[0] = [
+        l("div", { class: "animate-spin rounded-full size-6 border-b-2 border-white" }, null, -1)
+      ])])) : n.value ? Ce(i.$slots, "default", {
+        key: 1,
+        sdk: Y(o),
+        self: n.value,
+        context: e.context,
+        firstMessage: e.firstMessage,
+        loading: t.value
+      }) : a.value ? (d(), b("div", Ys, [
+        l("div", Js, [
+          h[1] || (h[1] = l("div", null, [
+            l("div", { class: "i-tabler-user-off size-8" })
+          ], -1)),
+          l("div", null, N(a.value), 1)
+        ])
+      ])) : E("", !0)
+    ]));
+  }
+}), Qs = /* @__PURE__ */ j({
   __name: "SelfProvider",
   props: {
     sdk: {},
@@ -5593,22 +5504,27 @@ const Z = /* @__PURE__ */ s((e) => {
     handle: {},
     context: {},
     firstMessage: {},
-    hasClose: { type: Boolean }
+    hasClose: { type: Boolean },
+    apiBase: {}
   },
   setup(e) {
     const r = e;
-    return (o, t) => (d(), _(Qt, St(r, { class: "self-provider size-full relative" }), {
+    return (o, t) => (d(), _(Jt, go(r, { class: "self-provider size-full relative" }), {
       default: ee((n) => [
-        B(Jt, St(r, {
+        D(Yt, {
+          sdk: n.sdk,
           self: n.self,
+          context: n.context,
+          "first-message": n.firstMessage,
+          "has-close": r.hasClose,
           "is-active": !0,
           class: "size-full"
-        }), null, 16, ["self"])
+        }, null, 8, ["sdk", "self", "context", "first-message", "has-close"])
       ]),
       _: 1
     }, 16));
   }
-}), en = { class: "relative w-full h-[80vh] md:h-[600px]" }, cn = /* @__PURE__ */ j({
+}), Xs = { class: "relative w-full h-[80vh] md:h-[600px]" }, cn = /* @__PURE__ */ j({
   name: "SelfModal",
   __name: "SelfModal",
   props: {
@@ -5622,7 +5538,7 @@ const Z = /* @__PURE__ */ s((e) => {
   emits: ["update:vis"],
   setup(e, { emit: r }) {
     const o = r;
-    return (t, n) => (d(), _(Xs, {
+    return (t, n) => (d(), _(Ws, {
       vis: e.vis,
       "modal-class": "max-w-4xl p-0",
       "style-class": "bg-transparent shadow-2xl",
@@ -5630,8 +5546,8 @@ const Z = /* @__PURE__ */ s((e) => {
       "onUpdate:vis": n[1] || (n[1] = (a) => o("update:vis", a))
     }, {
       default: ee(() => [
-        l("div", en, [
-          B(_s, {
+        l("div", Xs, [
+          D(Qs, {
             sdk: e.sdk,
             self: e.self,
             handle: e.handle,
@@ -5645,25 +5561,118 @@ const Z = /* @__PURE__ */ s((e) => {
       _: 1
     }, 8, ["vis"]));
   }
+}), _s = {
+  key: 0,
+  class: "relative h-full w-full"
+}, en = { class: "group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100" }, tn = ["src", "alt"], dn = /* @__PURE__ */ j({
+  __name: "SelfWidget",
+  props: {
+    sdk: {},
+    handle: {},
+    context: {},
+    firstMessage: {},
+    position: {}
+  },
+  setup(e, { expose: r }) {
+    const o = e, t = P(!1), n = P(!1);
+    function a() {
+      t.value = !t.value;
+    }
+    s(a, "toggle"), se(t, async (C) => {
+      C ? (await Xe(), setTimeout(() => {
+        n.value = !0;
+      }, 400)) : n.value = !1;
+    });
+    function i() {
+      t.value = !0;
+    }
+    s(i, "open");
+    function h() {
+      t.value = !1;
+    }
+    s(h, "close");
+    function f() {
+      h();
+    }
+    return s(f, "handleClose"), r({
+      toggle: a,
+      open: i,
+      close: h
+    }), (C, u) => (d(), _(Jt, {
+      sdk: e.sdk,
+      handle: e.handle,
+      context: e.context,
+      "first-message": e.firstMessage
+    }, {
+      default: ee(({ self: c, sdk: m }) => [
+        c ? (d(), b("div", {
+          key: 0,
+          class: z(["fixed z-[999999] pointer-events-auto", [
+            o.position === "bottom-left" ? "bottom-6 left-6" : o.position === "top-right" ? "top-6 right-6" : o.position === "top-left" ? "top-6 left-6" : "bottom-6 right-6"
+          ]])
+        }, [
+          l("div", {
+            class: z(["transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu", [
+              t.value ? "widget-expanded w-96 h-[600px] max-w-[calc(100vw-48px)] max-h-[calc(100vh-48px)] rounded-3xl opacity-100 scale-100" : "widget-button w-[80px] h-[80px] opacity-100 scale-100  flex items-center justify-center  cursor-pointer"
+            ]]),
+            style: st({
+              "transform-origin": o.position === "bottom-left" ? "bottom left" : o.position === "top-right" ? "top right" : o.position === "top-left" ? "top left" : "bottom right"
+            }),
+            onClick: u[0] || (u[0] = (p) => t.value ? void 0 : a())
+          }, [
+            t.value ? E("", !0) : (d(), b("div", _s, [
+              l("div", en, [
+                l("img", {
+                  src: Y(tt)(c) || Y(qe)(),
+                  alt: `${c.name} avatar`,
+                  class: "h-full w-full object-cover pointer-events-none"
+                }, null, 8, tn),
+                u[1] || (u[1] = l("div", { class: "absolute inset-0 pointer-events-none bg-gradient-to-br from-transparent via-black/10 to-black/40 opacity-60 transition-opacity duration-300 group-hover:opacity-40" }, null, -1))
+              ]),
+              u[2] || (u[2] = l("div", { class: "absolute top-0.5 right-0.5" }, [
+                l("div", {
+                  class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
+                  style: { "animation-duration": "3s" }
+                }),
+                l("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" })
+              ], -1))
+            ])),
+            t.value && c ? (d(), _(Yt, {
+              key: 1,
+              class: "rounded-3xl shadow-2xl border border-white/10",
+              sdk: m,
+              self: c,
+              context: e.context,
+              "first-message": e.firstMessage,
+              "has-close": !0,
+              "is-active": n.value,
+              onClose: f
+            }, null, 8, ["sdk", "self", "context", "first-message", "is-active"])) : E("", !0)
+          ], 6)
+        ], 2)) : E("", !0)
+      ]),
+      _: 1
+    }, 8, ["sdk", "handle", "context", "first-message"]));
+  }
 });
 export {
   Bt as AGENT_MODES,
-  bo as AUDIO_FFT_SIZE,
-  po as AUDIO_LEVEL_UPDATE_INTERVAL,
-  vo as AUDIO_SMOOTHING,
+  vo as AUDIO_FFT_SIZE,
+  xo as AUDIO_LEVEL_UPDATE_INTERVAL,
+  po as AUDIO_SMOOTHING,
   lt as ClientAudio,
-  ln as FictionWidget,
-  Jt as SelfAgent,
+  Yt as SelfAgent,
   cn as SelfModal,
-  _s as SelfProvider,
-  Qt as SelfWrap,
-  xo as VISUALIZER_CONFIG,
+  Qs as SelfProvider,
+  dn as SelfWidget,
+  Jt as SelfWrap,
+  yo as VISUALIZER_CONFIG,
   X as VOICE_FREQUENCIES,
-  an as generateFirstMessage,
+  ln as generateFirstMessage,
   qe as getFallbackAvatarDataUrl,
   At as getImageSrc,
   tt as getSelfAvatarUrl,
   ot as handleImageError,
-  yo as parseVoiceMessage
+  So as parseVoiceMessage
 };
 //# sourceMappingURL=self.js.map