@fiction/sdk 1.0.47 → 1.0.49

package/dist/{SelfWrap.vue_vue_type_script_setup_true_lang-5yJk1rsa.js → SelfWrap.vue_vue_type_script_setup_true_lang-CxBXV2uC.js}

@@ -1,23 +1,23 @@
-var ct = Object.defineProperty;
-var Ht = (e, i, o) => i in e ? ct(e, i, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[i] = o;
-var r = (e, i) => ct(e, "name", { value: i, configurable: !0 });
+var lt = Object.defineProperty;
+var Ht = (e, i, o) => i in e ? lt(e, i, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[i] = o;
+var r = (e, i) => lt(e, "name", { value: i, configurable: !0 });
 var L = (e, i, o) => Ht(e, typeof i != "symbol" ? i + "" : i, o);
-import { defineComponent as R, createElementBlock as y, openBlock as m, createElementVNode as c, normalizeClass as $, ref as B, watch as ie, createBlock as se, TransitionGroup as yt, withCtx as ne, renderSlot as Ie, computed as E, createCommentVNode as P, onMounted as $e, Fragment as Ce, renderList as He, withDirectives as kt, vModelText as wt, toDisplayString as U, createVNode as G, withKeys as Wt, createTextVNode as Pe, unref as X, resolveDynamicComponent as qt, nextTick as qe, Transition as dt, withModifiers as Ct, normalizeStyle as tt, onUnmounted as St, createPropsRestProxy as Kt, mergeProps as Zt, shallowRef as _t } from "vue";
-import { Conversation as ut } from "@elevenlabs/client";
+import { defineComponent as j, createElementBlock as y, openBlock as f, createElementVNode as c, normalizeClass as $, ref as B, watch as ie, createBlock as se, TransitionGroup as yt, withCtx as ne, renderSlot as Ie, computed as E, createCommentVNode as P, onMounted as $e, Fragment as Ce, renderList as Oe, withDirectives as kt, vModelText as wt, toDisplayString as U, createVNode as G, withKeys as Wt, createTextVNode as Pe, unref as X, resolveDynamicComponent as qt, nextTick as We, Transition as ct, withModifiers as Ct, normalizeStyle as et, onUnmounted as St, createPropsRestProxy as Kt, mergeProps as Zt, shallowRef as _t } from "vue";
+import { Conversation as dt } from "@elevenlabs/client";
 import { objectId as Yt } from "@fiction/utils";
 import { S as Mt, c as Jt, F as Qt } from "./sdkClient-Dg6A3ZgO.js";
 const Xt = { class: "spinner max-w-sm" }, eo = {
   class: "ring-circular h-full w-full origin-center",
   viewBox: "25 25 50 50"
-}, ot = /* @__PURE__ */ R({
+}, tt = /* @__PURE__ */ j({
   __name: "FSpinner",
   props: {
     width: { type: String, default: "" },
     colorMode: { type: String, default: "primary" }
   },
   setup(e) {
-    return (i, o) => (m(), y("div", Xt, [
-      (m(), y("svg", eo, [
+    return (i, o) => (f(), y("div", Xt, [
+      (f(), y("svg", eo, [
         c("circle", {
           class: $([e.colorMode, "ring-path"]),
           cx: "50",
@@ -31,7 +31,7 @@ const Xt = { class: "spinner max-w-sm" }, eo = {
       ]))
     ]));
   }
-}), ht = {
+}), ut = {
   green: {
     50: "oklch(98.2% 0.018 155.826)",
     100: "oklch(96.2% 0.044 156.743)",
@@ -164,7 +164,7 @@ const Xt = { class: "spinner max-w-sm" }, eo = {
   }
 };
 function to(e) {
-  return ht[e] || ht.blue;
+  return ut[e] || ut.blue;
 }
 r(to, "getColorSchemeOklch");
 const At = [
@@ -275,7 +275,7 @@ const At = [
   7500,
   8e3,
   8500
-], nt = class nt extends Mt {
+], st = class st extends Mt {
   constructor(o) {
     super("ClientAudio", o);
     L(this, "audioContext");
@@ -429,10 +429,10 @@ const At = [
       }
       try {
         this.analyser.getByteFrequencyData(s);
-        const l = s.reduce((h, p) => h + p, 0) / s.length, d = Math.min(l / 128, 1);
+        const l = s.reduce((u, p) => u + p, 0) / s.length, d = Math.min(l / 128, 1);
         !this.detectVoiceActivity(d) && this.hasUserStoppedSpeaking() && t && (this.logger.info("VAD: User stopped speaking (silence detected)"), t(), this.lastSpeechTime = 0);
-        const g = o?.() ? 0.3 : 0;
-        this.audioLevels.value = { inputLevel: d, outputLevel: g };
+        const m = o?.() ? 0.3 : 0;
+        this.audioLevels.value = { inputLevel: d, outputLevel: m };
       } catch (l) {
         this.logger.error("Error in audio level monitoring:", l), this.stopAudioLevelMonitoring();
       }
@@ -488,25 +488,25 @@ const At = [
     await this.stopMicrophone(), this.visibilityChangeHandler && typeof document < "u" && (document.removeEventListener("visibilitychange", this.visibilityChangeHandler), this.visibilityChangeHandler = void 0), this.logger.info("Audio resources cleaned up");
   }
 };
-r(nt, "ClientAudio");
-let _e = nt;
-function gt(e) {
+r(st, "ClientAudio");
+let Ze = st;
+function ht(e) {
   return e ? typeof e == "string" ? e : e.src || "" : "";
 }
-r(gt, "getImageSrc");
-function Ye(e) {
-  return gt(e.cover) || gt(e.avatar) || "/img/placeholder-avatar.png";
+r(ht, "getImageSrc");
+function _e(e) {
+  return ht(e.cover) || ht(e.avatar) || "/img/placeholder-avatar.png";
 }
-r(Ye, "getSelfAvatarUrl");
-function We() {
+r(_e, "getSelfAvatarUrl");
+function He() {
   return "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiByeD0iNDAiIGZpbGw9IiM2MzY2RjEiLz4KPHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeD0iMjAiIHk9IjIwIj4KPHA0aCBkPSJNMTIgMTJjMi4yMSAwIDQtMS43OSA0LTRTNC4yMSA0IDIgNHMxLjc5IDQgNCA0em0wIDJjLTIuNjcgMC04IDEuMzQtOCA0djJoMTZ2LTJjMC0yLjY2LTUuMzMtNC04LTR6IiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4KPC9zdmc+";
 }
-r(We, "getFallbackAvatarDataUrl");
-function Oe(e) {
+r(He, "getFallbackAvatarDataUrl");
+function Ue(e) {
   const i = e.target;
-  i.dataset.fallbackUsed || (i.dataset.fallbackUsed = "true", i.src = We());
+  i.dataset.fallbackUsed || (i.dataset.fallbackUsed = "true", i.src = He());
 }
-r(Oe, "handleImageError");
+r(Ue, "handleImageError");
 function no(e) {
   const { message: i, source: o } = e;
   if (!i)
@@ -541,7 +541,7 @@ function Ns(e) {
   return o === "welcome" ? `Welcome to Fiction! I'm ${i}, 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 ${i}, 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 ${i}. How can I help you today?`;
 }
 r(Ns, "generateFirstMessage");
-const it = class it extends Mt {
+const nt = class nt extends Mt {
   constructor(o) {
     super("SelfController", o);
     L(this, "conversation");
@@ -582,7 +582,7 @@ const it = class it extends Mt {
     L(this, "sharedMessages", B([]));
     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 _e(o), this.setupModeWatcher();
+    this.clientAudio = new Ze(o), this.setupModeWatcher();
   }
   get audioLevels() {
     return this.clientAudio.audioLevels;
@@ -638,9 +638,17 @@ const it = class it extends Mt {
     ]);
   }
   getDynamicSettings() {
+    const { sdk: o } = this.settings, t = o.activeUser.value, s = t?.selves?.find((n) => n.selfId === t.primarySelfId), a = t ? `
+
+Current User:
+- Name: ${s?.name || "Anonymous"}
+- Email: ${t.email}
+- Title: ${s?.title || ""}
+- About: ${s?.summary || ""}
+` : "";
     return {
       dynamicVariables: {
-        context: this.settings.context || "",
+        context: `${this.settings.context || ""}${a}`.trim(),
         firstMessage: this.settings.firstMessage || ""
       },
       overrides: {
@@ -722,7 +730,7 @@ const it = class it extends Mt {
     const t = this.getDynamicSettings(), s = this.settings.self.elevenlabsAgentId;
     this.logger.info("Starting voice conversation...", { agentId: s, dynamicSettings: t });
     try {
-      this.conversation = await ut.startSession({
+      this.conversation = await dt.startSession({
         agentId: s,
         connectionType: "websocket",
         ...t,
@@ -753,7 +761,7 @@ const it = class it extends Mt {
           a.includes("does not exist") ? n = `Agent not found: ${this.settings.self.elevenlabsAgentId}. Check ElevenLabs configuration.` : a.includes("limit") || a.includes("quota") ? n = "ElevenLabs account limit reached. Check your subscription and usage." : (a.includes("unauthorized") || a.includes("invalid")) && (n = "ElevenLabs API authentication failed. Check ELEVENLABS_API_KEY."), this.endSession().catch((l) => console.error("Failed to end session:", l)), this.handleError(new Error(n), !0), o.onError?.(new Error(n));
         }, "onError"),
         onModeChange: /* @__PURE__ */ r((a) => {
-          const n = a.mode === "speaking", l = 3e3, d = Date.now(), C = d - this.lastUserSpeechTime, g = d - this.lastUserMessageTime, h = C < l || g < l, p = !n && h;
+          const n = a.mode === "speaking", l = 3e3, d = Date.now(), C = d - this.lastUserSpeechTime, m = d - this.lastUserMessageTime, u = C < l || m < l, p = !n && u;
           let k;
           n ? k = "Speaking..." : p ? k = "Thinking..." : k = "Listening...", this.updateState(this.voiceState, {
             isSpeaking: n,
@@ -767,8 +775,8 @@ const it = class it extends Mt {
             isListening: !n,
             isProcessing: p,
             timeSinceUserSpeech: C,
-            timeSinceUserMessage: g,
-            detectionSource: g < C ? "message" : "audio"
+            timeSinceUserMessage: m,
+            detectionSource: m < C ? "message" : "audio"
           }), o.onModeChange?.(a.mode);
         }, "onModeChange"),
         onMessage: /* @__PURE__ */ r((a) => {
@@ -786,7 +794,7 @@ const it = class it extends Mt {
     }
     this.isConnecting = !0, this.isTextMode = !0, this.updateState(this.textState, { isActive: !0, connectionStatus: "connecting" }), await this.startSession("chat");
     try {
-      this.conversation = await ut.startSession({
+      this.conversation = await dt.startSession({
         agentId: this.settings.self.elevenlabsAgentId,
         connectionType: "websocket",
         ...this.getDynamicSettings(),
@@ -872,45 +880,26 @@ const it = class it extends Mt {
     });
   }
   async endSession() {
-    if (!this.sessionId || !this.conversationStartTime)
-      return;
-    const { self: o, sdk: t } = this.settings;
-    if (!o.orgId || !t.activeUser.value?.userId) {
-      this.logger.info("No org/user context - skipping usage recording"), this.resetSession();
-      return;
-    }
-    const s = Math.round((Date.now() - this.conversationStartTime.getTime()) / 1e3), a = this.isTextMode ? "chat" : "voice", n = a === "voice" ? s : this.chatCharacterCount;
-    if (!o.selfId) {
-      this.logger.warn("Cannot track usage: selfId is undefined"), this.resetSession();
-      return;
-    }
-    await t.trackUsage({
-      selfId: o.selfId,
-      type: a,
-      quantity: n,
-      participantId: t.activeUser.value?.userId
-      // Track authenticated user
-    }) ? this.logger.info("Recorded usage", {
+    !this.sessionId || !this.conversationStartTime || (this.logger.info("Session ended", {
       sessionId: this.sessionId,
-      type: a,
-      quantity: n,
-      duration: s
-    }) : this.logger.warn("Failed to record usage - continuing normally"), this.resetSession();
+      duration: Math.round((Date.now() - this.conversationStartTime.getTime()) / 1e3),
+      type: this.isTextMode ? "chat" : "voice"
+    }), this.resetSession());
   }
   resetSession() {
     this.sessionId = void 0, this.conversationStartTime = void 0, this.chatCharacterCount = 0;
   }
 };
-r(it, "SelfController");
-let Je = it;
-const io = /* @__PURE__ */ R({
+r(nt, "SelfController");
+let Ye = nt;
+const io = /* @__PURE__ */ j({
   __name: "EffectTransitionList",
   props: {
     disabled: { type: Boolean, default: !1 },
     mode: { default: "block" }
   },
   setup(e) {
-    return (i, o) => (m(), se(yt, {
+    return (i, o) => (f(), se(yt, {
       name: e.disabled ? "" : "nlist"
     }, {
       default: ne(() => [
@@ -922,7 +911,7 @@ const io = /* @__PURE__ */ R({
 }), ao = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, rt = /* @__PURE__ */ R({
+}, ot = /* @__PURE__ */ j({
   __name: "ElSelfButton",
   props: {
     theme: { default: "primary" },
@@ -946,28 +935,28 @@ const io = /* @__PURE__ */ R({
       md: "size-4",
       lg: "size-5"
     })[e.size]);
-    return (s, a) => (m(), y("button", {
+    return (s, a) => (f(), y("button", {
       class: $(["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", [i.value, o.value]])
     }, [
-      e.loading ? (m(), y("div", ao, [...a[0] || (a[0] = [
+      e.loading ? (f(), y("div", ao, [...a[0] || (a[0] = [
         c("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)
       ])])) : P("", !0),
       c("span", {
         class: $(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"])
       }, [
-        e.icon ? (m(), y("i", {
+        e.icon ? (f(), y("i", {
           key: 0,
           class: $([e.icon, t.value])
         }, null, 2)) : P("", !0),
         Ie(s.$slots, "default"),
-        e.iconAfter ? (m(), y("i", {
+        e.iconAfter ? (f(), y("i", {
           key: 1,
           class: $([e.iconAfter, t.value])
         }, null, 2)) : P("", !0)
       ], 2)
     ], 2));
   }
-}), lo = ["value"], co = /* @__PURE__ */ R({
+}), lo = ["value"], co = /* @__PURE__ */ j({
   __name: "SelfInputEmail",
   props: {
     modelValue: { default: "" }
@@ -975,7 +964,7 @@ const io = /* @__PURE__ */ R({
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
     const o = i;
-    return (t, s) => (m(), y("input", {
+    return (t, s) => (f(), y("input", {
       type: "email",
       autocomplete: "email",
       placeholder: "Enter Your Email",
@@ -985,7 +974,7 @@ const io = /* @__PURE__ */ R({
       onInput: s[0] || (s[0] = (a) => o("update:modelValue", a.target.value))
     }, null, 40, lo));
   }
-}), uo = { class: "flex gap-1.5 justify-center" }, ho = ["onUpdate:modelValue", "onInput", "onKeydown", "onPaste", "onFocus"], go = /* @__PURE__ */ R({
+}), uo = { class: "flex gap-1.5 justify-center" }, ho = ["onUpdate:modelValue", "onInput", "onKeydown", "onPaste", "onFocus"], go = /* @__PURE__ */ j({
   __name: "SelfInputOneTimeCode",
   props: {
     modelValue: {},
@@ -997,13 +986,13 @@ const io = /* @__PURE__ */ R({
     const o = e, t = i, s = B([]), a = B(Array.from({ length: o.length }).fill("")), n = B(!1);
     $e(() => {
       o.modelValue && (a.value = o.modelValue.split("").slice(0, o.length)), o.focusFirst && !("ontouchstart" in window) && s.value[0]?.focus();
-    }), ie(() => o.modelValue, (h) => {
-      a.value = h ? h.split("").slice(0, o.length) : Array.from({ length: o.length }).fill("");
+    }), ie(() => o.modelValue, (u) => {
+      a.value = u ? u.split("").slice(0, o.length) : Array.from({ length: o.length }).fill("");
     }), ie(a, () => {
-      const h = a.value.filter(Boolean).join("");
-      t("update:modelValue", h), h.length === o.length && t("autoSubmit", h);
+      const u = a.value.filter(Boolean).join("");
+      t("update:modelValue", u), u.length === o.length && t("autoSubmit", u);
     }, { deep: !0 });
-    function l(h, p) {
+    function l(u, p) {
       p.preventDefault(), n.value = !0;
       const k = (p.clipboardData?.getData("text") || "").replace(/\D/g, "");
       if (k.length === o.length)
@@ -1012,32 +1001,32 @@ const io = /* @__PURE__ */ R({
         }, 10);
       else {
         const b = [...a.value];
-        k.split("").slice(0, o.length - h).forEach((O, q) => {
-          b[h + q] = O;
+        k.split("").slice(0, o.length - u).forEach((O, q) => {
+          b[u + q] = O;
         }), a.value = b;
-        const z = Math.min(h + k.length, o.length - 1);
+        const z = Math.min(u + k.length, o.length - 1);
         setTimeout(() => {
           s.value[z]?.focus(), n.value = !1;
         }, 10);
       }
     }
     r(l, "onPaste");
-    function d(h, p) {
+    function d(u, p) {
       const k = p.target.value.slice(-1).replace(/\D/g, "");
-      a.value[h] = k, k && h < o.length - 1 && s.value[h + 1]?.focus();
+      a.value[u] = k, k && u < o.length - 1 && s.value[u + 1]?.focus();
     }
     r(d, "onInput");
-    function C(h, p) {
-      p.key === "Backspace" ? (p.preventDefault(), a.value[h] = "", h > 0 && s.value[h - 1]?.focus()) : p.key === "ArrowLeft" && h > 0 ? s.value[h - 1]?.focus() : p.key === "ArrowRight" && h < o.length - 1 && s.value[h + 1]?.focus();
+    function C(u, p) {
+      p.key === "Backspace" ? (p.preventDefault(), a.value[u] = "", u > 0 && s.value[u - 1]?.focus()) : p.key === "ArrowLeft" && u > 0 ? s.value[u - 1]?.focus() : p.key === "ArrowRight" && u < o.length - 1 && s.value[u + 1]?.focus();
     }
     r(C, "onKeydown");
-    function g(h) {
-      if (s.value[h]?.select(), !n.value && a.value[h])
-        for (let p = h; p < o.length; p++)
+    function m(u) {
+      if (s.value[u]?.select(), !n.value && a.value[u])
+        for (let p = u; p < o.length; p++)
           a.value[p] = "";
     }
-    return r(g, "onFocus"), (h, p) => (m(), y("div", uo, [
-      (m(!0), y(Ce, null, He(e.length, (k) => kt((m(), y("input", {
+    return r(m, "onFocus"), (u, p) => (f(), y("div", uo, [
+      (f(!0), y(Ce, null, Oe(e.length, (k) => kt((f(), y("input", {
         key: k,
         ref_for: !0,
         ref: /* @__PURE__ */ r((b) => s.value[k - 1] = b, "ref"),
@@ -1051,7 +1040,7 @@ const io = /* @__PURE__ */ R({
         onInput: /* @__PURE__ */ r((b) => d(k - 1, b), "onInput"),
         onKeydown: /* @__PURE__ */ r((b) => C(k - 1, b), "onKeydown"),
         onPaste: /* @__PURE__ */ r((b) => l(k - 1, b), "onPaste"),
-        onFocus: /* @__PURE__ */ r((b) => g(k - 1), "onFocus")
+        onFocus: /* @__PURE__ */ r((b) => m(k - 1), "onFocus")
       }, null, 40, ho)), [
         [wt, a.value[k - 1]]
       ])), 128))
@@ -1066,7 +1055,7 @@ const io = /* @__PURE__ */ R({
 }, yo = {
   key: "code-field",
   class: "w-full"
-}, ft = /* @__PURE__ */ R({
+}, gt = /* @__PURE__ */ j({
   __name: "ElAuthGate",
   props: {
     sdk: {}
@@ -1102,20 +1091,20 @@ const io = /* @__PURE__ */ R({
         }, "action")
       }
     }, a = E(() => s[o.value]);
-    return (n, l) => (m(), y("div", fo, [
+    return (n, l) => (f(), y("div", fo, [
       c("div", mo, [
-        e.sdk.error.value ? (m(), y("p", bo, U(e.sdk.error.value), 1)) : P("", !0),
+        e.sdk.error.value ? (f(), y("p", bo, U(e.sdk.error.value), 1)) : P("", !0),
         c("h3", po, U(a.value.title), 1),
         c("div", vo, [
           G(io, null, {
             default: ne(() => [
-              o.value === "email" ? (m(), y("div", xo, [
+              o.value === "email" ? (f(), y("div", xo, [
                 G(co, {
                   modelValue: i.value.email,
                   "onUpdate:modelValue": l[0] || (l[0] = (d) => i.value.email = d),
                   onKeyup: Wt(a.value.action, ["enter"])
                 }, null, 8, ["modelValue", "onKeyup"])
-              ])) : (m(), y("div", yo, [
+              ])) : (f(), y("div", yo, [
                 G(go, {
                   modelValue: i.value.code,
                   "onUpdate:modelValue": l[1] || (l[1] = (d) => i.value.code = d),
@@ -1124,11 +1113,11 @@ const io = /* @__PURE__ */ R({
                   onAutoSubmit: a.value.action
                 }, null, 8, ["modelValue", "onAutoSubmit"])
               ])),
-              (m(), y("div", {
+              (f(), y("div", {
                 key: a.value.button.label,
                 class: "space-y-4 w-full"
               }, [
-                G(rt, {
+                G(ot, {
                   theme: "primary",
                   size: "md",
                   class: "w-full",
@@ -1141,7 +1130,7 @@ const io = /* @__PURE__ */ R({
                   ]),
                   _: 1
                 }, 8, ["loading", "disabled", "onClick"]),
-                o.value === "code" ? (m(), y("button", {
+                o.value === "code" ? (f(), y("button", {
                   key: 0,
                   class: "w-full text-xs text-white/50 hover:text-white/70 transition-colors py-2",
                   onClick: l[2] || (l[2] = (d) => o.value = "email")
@@ -1157,7 +1146,7 @@ const io = /* @__PURE__ */ R({
 }), ko = { class: "relative flex-shrink-0" }, wo = ["src", "alt"], Co = {
   key: 0,
   class: "absolute top-1 right-1"
-}, So = { class: "min-w-0" }, Mo = /* @__PURE__ */ R({
+}, So = { class: "min-w-0" }, Mo = /* @__PURE__ */ j({
   __name: "ElModeHeader",
   props: {
     self: {},
@@ -1167,9 +1156,9 @@ const io = /* @__PURE__ */ R({
   },
   setup(e) {
     function i() {
-      return e.self.avatar?.src ? e.self.avatar.src : We();
+      return e.self.avatar?.src ? e.self.avatar.src : He();
     }
-    return r(i, "getAvatarSrc"), (o, t) => (m(), y("div", {
+    return r(i, "getAvatarSrc"), (o, t) => (f(), y("div", {
       class: $(["flex gap-4", [
         e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"
       ]])
@@ -1183,10 +1172,10 @@ const io = /* @__PURE__ */ R({
             alt: e.self.name,
             class: "w-full h-full object-cover",
             onError: t[0] || (t[0] = //@ts-ignore
-            (...s) => X(Oe) && X(Oe)(...s))
+            (...s) => X(Ue) && X(Ue)(...s))
           }, null, 40, wo)
         ], 2),
-        e.showOnlineIndicator ? (m(), y("div", Co, [...t[1] || (t[1] = [
+        e.showOnlineIndicator ? (f(), y("div", Co, [...t[1] || (t[1] = [
           c("div", {
             class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
             style: { "animation-duration": "3s" }
@@ -1210,14 +1199,14 @@ const io = /* @__PURE__ */ R({
       ])
     ], 2));
   }
-}), st = "-", Ao = /* @__PURE__ */ r((e) => {
+}), rt = "-", Ao = /* @__PURE__ */ r((e) => {
   const i = $o(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: t
   } = e;
   return {
     getClassGroupId: /* @__PURE__ */ r((n) => {
-      const l = n.split(st);
+      const l = n.split(rt);
       return l[0] === "" && l.length !== 1 && l.shift(), It(l, i) || Io(n);
     }, "getClassGroupId"),
     getConflictingClassGroupIds: /* @__PURE__ */ r((n, l) => {
@@ -1233,13 +1222,13 @@ const io = /* @__PURE__ */ R({
     return s;
   if (i.validators.length === 0)
     return;
-  const a = e.join(st);
+  const a = e.join(rt);
   return i.validators.find(({
     validator: n
   }) => n(a))?.classGroupId;
-}, "getGroupRecursive"), mt = /^\[(.+)\]$/, Io = /* @__PURE__ */ r((e) => {
-  if (mt.test(e)) {
-    const i = mt.exec(e)[1], o = i?.substring(0, i.indexOf(":"));
+}, "getGroupRecursive"), ft = /^\[(.+)\]$/, Io = /* @__PURE__ */ r((e) => {
+  if (ft.test(e)) {
+    const i = ft.exec(e)[1], o = i?.substring(0, i.indexOf(":"));
     if (o)
       return "arbitrary.." + o;
   }
@@ -1252,18 +1241,18 @@ const io = /* @__PURE__ */ R({
     validators: []
   };
   for (const s in o)
-    Qe(o[s], t, s, i);
+    Je(o[s], t, s, i);
   return t;
-}, "createClassMap"), Qe = /* @__PURE__ */ r((e, i, o, t) => {
+}, "createClassMap"), Je = /* @__PURE__ */ r((e, i, o, t) => {
   e.forEach((s) => {
     if (typeof s == "string") {
-      const a = s === "" ? i : bt(i, s);
+      const a = s === "" ? i : mt(i, s);
       a.classGroupId = o;
       return;
     }
     if (typeof s == "function") {
       if (zo(s)) {
-        Qe(s(t), i, o, t);
+        Je(s(t), i, o, t);
         return;
       }
       i.validators.push({
@@ -1273,12 +1262,12 @@ const io = /* @__PURE__ */ R({
       return;
     }
     Object.entries(s).forEach(([a, n]) => {
-      Qe(n, bt(i, a), o, t);
+      Je(n, mt(i, a), o, t);
     });
   });
-}, "processClassesRecursively"), bt = /* @__PURE__ */ r((e, i) => {
+}, "processClassesRecursively"), mt = /* @__PURE__ */ r((e, i) => {
   let o = e;
-  return i.split(st).forEach((t) => {
+  return i.split(rt).forEach((t) => {
     o.nextPart.has(t) || o.nextPart.set(t, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
@@ -1308,7 +1297,7 @@ const io = /* @__PURE__ */ R({
       o.has(a) ? o.set(a, n) : s(a, n);
     }
   };
-}, "createLruCache"), Xe = "!", et = ":", To = et.length, Lo = /* @__PURE__ */ r((e) => {
+}, "createLruCache"), Qe = "!", Xe = ":", To = Xe.length, Lo = /* @__PURE__ */ r((e) => {
   const {
     prefix: i,
     experimentalParseClassName: o
@@ -1319,7 +1308,7 @@ const io = /* @__PURE__ */ R({
     for (let b = 0; b < s.length; b++) {
       let z = s[b];
       if (n === 0 && l === 0) {
-        if (z === et) {
+        if (z === Xe) {
           a.push(s.slice(d, b)), d = b + To;
           continue;
         }
@@ -1330,16 +1319,16 @@ const io = /* @__PURE__ */ R({
       }
       z === "[" ? n++ : z === "]" ? n-- : z === "(" ? l++ : z === ")" && l--;
     }
-    const g = a.length === 0 ? s : s.substring(d), h = Do(g), p = h !== g, k = C && C > d ? C - d : void 0;
+    const m = a.length === 0 ? s : s.substring(d), u = Do(m), p = u !== m, k = C && C > d ? C - d : void 0;
     return {
       modifiers: a,
       hasImportantModifier: p,
-      baseClassName: h,
+      baseClassName: u,
       maybePostfixModifierPosition: k
     };
   }, "parseClassName");
   if (i) {
-    const s = i + et, a = t;
+    const s = i + Xe, a = t;
     t = /* @__PURE__ */ r((n) => n.startsWith(s) ? a(n.substring(s.length)) : {
       isExternal: !0,
       modifiers: [],
@@ -1356,7 +1345,7 @@ const io = /* @__PURE__ */ R({
     }), "parseClassName");
   }
   return t;
-}, "createParseClassName"), Do = /* @__PURE__ */ r((e) => e.endsWith(Xe) ? e.substring(0, e.length - 1) : e.startsWith(Xe) ? e.substring(1) : e, "stripImportantModifier"), Vo = /* @__PURE__ */ r((e) => {
+}, "createParseClassName"), Do = /* @__PURE__ */ r((e) => e.endsWith(Qe) ? e.substring(0, e.length - 1) : e.startsWith(Qe) ? e.substring(1) : e, "stripImportantModifier"), Vo = /* @__PURE__ */ r((e) => {
   const i = Object.fromEntries(e.orderSensitiveModifiers.map((t) => [t, !0]));
   return /* @__PURE__ */ r((t) => {
     if (t.length <= 1)
@@ -1381,30 +1370,30 @@ const io = /* @__PURE__ */ R({
   } = i, n = [], l = e.trim().split(Fo);
   let d = "";
   for (let C = l.length - 1; C >= 0; C -= 1) {
-    const g = l[C], {
-      isExternal: h,
+    const m = l[C], {
+      isExternal: u,
       modifiers: p,
       hasImportantModifier: k,
       baseClassName: b,
       maybePostfixModifierPosition: z
-    } = o(g);
-    if (h) {
-      d = g + (d.length > 0 ? " " + d : d);
+    } = o(m);
+    if (u) {
+      d = m + (d.length > 0 ? " " + d : d);
       continue;
     }
     let O = !!z, q = t(O ? b.substring(0, z) : b);
     if (!q) {
       if (!O) {
-        d = g + (d.length > 0 ? " " + d : d);
+        d = m + (d.length > 0 ? " " + d : d);
         continue;
       }
       if (q = t(b), !q) {
-        d = g + (d.length > 0 ? " " + d : d);
+        d = m + (d.length > 0 ? " " + d : d);
         continue;
       }
       O = !1;
     }
-    const ye = a(p).join(":"), ae = k ? ye + Xe : ye, le = ae + q;
+    const ye = a(p).join(":"), ae = k ? ye + Qe : ye, le = ae + q;
     if (n.includes(le))
       continue;
     n.push(le);
@@ -1413,7 +1402,7 @@ const io = /* @__PURE__ */ R({
       const ee = me[W];
       n.push(ae + ee);
     }
-    d = g + (d.length > 0 ? " " + d : d);
+    d = m + (d.length > 0 ? " " + d : d);
   }
   return d;
 }, "mergeClassList");
@@ -1432,10 +1421,10 @@ const $t = /* @__PURE__ */ r((e) => {
     e[t] && (i = $t(e[t])) && (o && (o += " "), o += i);
   return o;
 }, "toValue");
-function Ro(e, ...i) {
+function jo(e, ...i) {
   let o, t, s, a = n;
   function n(d) {
-    const C = i.reduce((g, h) => h(g), e());
+    const C = i.reduce((m, u) => u(m), e());
     return o = Po(C), t = o.cache.get, s = o.cache.set, a = l, l(d);
   }
   r(n, "initTailwindMerge");
@@ -1443,30 +1432,30 @@ function Ro(e, ...i) {
     const C = t(d);
     if (C)
       return C;
-    const g = Bo(d, o);
-    return s(d, g), g;
+    const m = Bo(d, o);
+    return s(d, m), m;
   }
   return r(l, "tailwindMerge"), /* @__PURE__ */ r(function() {
     return a(No.apply(null, arguments));
   }, "callTailwindMerge");
 }
-r(Ro, "createTailwindMerge");
-const j = /* @__PURE__ */ r((e) => {
+r(jo, "createTailwindMerge");
+const R = /* @__PURE__ */ r((e) => {
   const i = /* @__PURE__ */ r((o) => o[e] || [], "themeGetter");
   return i.isThemeGetter = !0, i;
-}, "fromTheme"), zt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Et = /^\((?:(\w[\w-]*):)?(.+)\)$/i, jo = /^\d+\/\d+$/, Go = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Uo = /\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$/, Oo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ho = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Wo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ae = /* @__PURE__ */ r((e) => jo.test(e), "isFraction"), I = /* @__PURE__ */ r((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), xe = /* @__PURE__ */ r((e) => !!e && Number.isInteger(Number(e)), "isInteger"), Ke = /* @__PURE__ */ r((e) => e.endsWith("%") && I(e.slice(0, -1)), "isPercent"), fe = /* @__PURE__ */ r((e) => Go.test(e), "isTshirtSize"), qo = /* @__PURE__ */ r(() => !0, "isAny"), Ko = /* @__PURE__ */ r((e) => (
+}, "fromTheme"), zt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Et = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ro = /^\d+\/\d+$/, Go = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Uo = /\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$/, Oo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ho = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Wo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ae = /* @__PURE__ */ r((e) => Ro.test(e), "isFraction"), I = /* @__PURE__ */ r((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), xe = /* @__PURE__ */ r((e) => !!e && Number.isInteger(Number(e)), "isInteger"), qe = /* @__PURE__ */ r((e) => e.endsWith("%") && I(e.slice(0, -1)), "isPercent"), fe = /* @__PURE__ */ r((e) => Go.test(e), "isTshirtSize"), qo = /* @__PURE__ */ r(() => !0, "isAny"), Ko = /* @__PURE__ */ r((e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Uo.test(e) && !Oo.test(e)
-), "isLengthOnly"), Tt = /* @__PURE__ */ r(() => !1, "isNever"), Zo = /* @__PURE__ */ r((e) => Ho.test(e), "isShadow"), _o = /* @__PURE__ */ r((e) => Wo.test(e), "isImage"), Yo = /* @__PURE__ */ r((e) => !v(e) && !x(e), "isAnyNonArbitrary"), Jo = /* @__PURE__ */ r((e) => ze(e, Vt, Tt), "isArbitrarySize"), v = /* @__PURE__ */ r((e) => zt.test(e), "isArbitraryValue"), we = /* @__PURE__ */ r((e) => ze(e, Pt, Ko), "isArbitraryLength"), Ze = /* @__PURE__ */ r((e) => ze(e, or, I), "isArbitraryNumber"), pt = /* @__PURE__ */ r((e) => ze(e, Lt, Tt), "isArbitraryPosition"), Qo = /* @__PURE__ */ r((e) => ze(e, Dt, _o), "isArbitraryImage"), je = /* @__PURE__ */ r((e) => ze(e, Ft, Zo), "isArbitraryShadow"), x = /* @__PURE__ */ r((e) => Et.test(e), "isArbitraryVariable"), Ve = /* @__PURE__ */ r((e) => Ee(e, Pt), "isArbitraryVariableLength"), Xo = /* @__PURE__ */ r((e) => Ee(e, rr), "isArbitraryVariableFamilyName"), vt = /* @__PURE__ */ r((e) => Ee(e, Lt), "isArbitraryVariablePosition"), er = /* @__PURE__ */ r((e) => Ee(e, Vt), "isArbitraryVariableSize"), tr = /* @__PURE__ */ r((e) => Ee(e, Dt), "isArbitraryVariableImage"), Ge = /* @__PURE__ */ r((e) => Ee(e, Ft, !0), "isArbitraryVariableShadow"), ze = /* @__PURE__ */ r((e, i, o) => {
+), "isLengthOnly"), Tt = /* @__PURE__ */ r(() => !1, "isNever"), Zo = /* @__PURE__ */ r((e) => Ho.test(e), "isShadow"), _o = /* @__PURE__ */ r((e) => Wo.test(e), "isImage"), Yo = /* @__PURE__ */ r((e) => !v(e) && !x(e), "isAnyNonArbitrary"), Jo = /* @__PURE__ */ r((e) => ze(e, Vt, Tt), "isArbitrarySize"), v = /* @__PURE__ */ r((e) => zt.test(e), "isArbitraryValue"), we = /* @__PURE__ */ r((e) => ze(e, Pt, Ko), "isArbitraryLength"), Ke = /* @__PURE__ */ r((e) => ze(e, or, I), "isArbitraryNumber"), bt = /* @__PURE__ */ r((e) => ze(e, Lt, Tt), "isArbitraryPosition"), Qo = /* @__PURE__ */ r((e) => ze(e, Dt, _o), "isArbitraryImage"), Re = /* @__PURE__ */ r((e) => ze(e, Ft, Zo), "isArbitraryShadow"), x = /* @__PURE__ */ r((e) => Et.test(e), "isArbitraryVariable"), Ve = /* @__PURE__ */ r((e) => Ee(e, Pt), "isArbitraryVariableLength"), Xo = /* @__PURE__ */ r((e) => Ee(e, rr), "isArbitraryVariableFamilyName"), pt = /* @__PURE__ */ r((e) => Ee(e, Lt), "isArbitraryVariablePosition"), er = /* @__PURE__ */ r((e) => Ee(e, Vt), "isArbitraryVariableSize"), tr = /* @__PURE__ */ r((e) => Ee(e, Dt), "isArbitraryVariableImage"), Ge = /* @__PURE__ */ r((e) => Ee(e, Ft, !0), "isArbitraryVariableShadow"), ze = /* @__PURE__ */ r((e, i, o) => {
   const t = zt.exec(e);
   return t ? t[1] ? i(t[1]) : o(t[2]) : !1;
 }, "getIsArbitraryValue"), Ee = /* @__PURE__ */ r((e, i, o = !1) => {
   const t = Et.exec(e);
   return t ? t[1] ? i(t[1]) : o : !1;
 }, "getIsArbitraryVariable"), Lt = /* @__PURE__ */ r((e) => e === "position" || e === "percentage", "isLabelPosition"), Dt = /* @__PURE__ */ r((e) => e === "image" || e === "url", "isLabelImage"), Vt = /* @__PURE__ */ r((e) => e === "length" || e === "size" || e === "bg-size", "isLabelSize"), Pt = /* @__PURE__ */ r((e) => e === "length", "isLabelLength"), or = /* @__PURE__ */ r((e) => e === "number", "isLabelNumber"), rr = /* @__PURE__ */ r((e) => e === "family-name", "isLabelFamilyName"), Ft = /* @__PURE__ */ r((e) => e === "shadow", "isLabelShadow"), sr = /* @__PURE__ */ r(() => {
-  const e = j("color"), i = j("font"), o = j("text"), t = j("font-weight"), s = j("tracking"), a = j("leading"), n = j("breakpoint"), l = j("container"), d = j("spacing"), C = j("radius"), g = j("shadow"), h = j("inset-shadow"), p = j("text-shadow"), k = j("drop-shadow"), b = j("blur"), z = j("perspective"), O = j("aspect"), q = j("ease"), ye = j("animate"), ae = /* @__PURE__ */ r(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), le = /* @__PURE__ */ r(() => [
+  const e = R("color"), i = R("font"), o = R("text"), t = R("font-weight"), s = R("tracking"), a = R("leading"), n = R("breakpoint"), l = R("container"), d = R("spacing"), C = R("radius"), m = R("shadow"), u = R("inset-shadow"), p = R("text-shadow"), k = R("drop-shadow"), b = R("blur"), z = R("perspective"), O = R("aspect"), q = R("ease"), ye = R("animate"), ae = /* @__PURE__ */ r(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), le = /* @__PURE__ */ r(() => [
     "center",
     "top",
     "bottom",
@@ -1486,13 +1475,13 @@ const j = /* @__PURE__ */ r((e) => {
     "left-bottom"
   ], "scalePosition"), me = /* @__PURE__ */ r(() => [...le(), x, v], "scalePositionWithArbitrary"), W = /* @__PURE__ */ r(() => ["auto", "hidden", "clip", "visible", "scroll"], "scaleOverflow"), ee = /* @__PURE__ */ r(() => ["auto", "contain", "none"], "scaleOverscroll"), S = /* @__PURE__ */ r(() => [x, v, d], "scaleUnambiguousSpacing"), Y = /* @__PURE__ */ r(() => [Ae, "full", "auto", ...S()], "scaleInset"), Fe = /* @__PURE__ */ r(() => [xe, "none", "subgrid", x, v], "scaleGridTemplateColsRows"), Be = /* @__PURE__ */ r(() => ["auto", {
     span: ["full", xe, x, v]
-  }, xe, x, v], "scaleGridColRowStartAndEnd"), Se = /* @__PURE__ */ r(() => [xe, "auto", x, v], "scaleGridColRowStartOrEnd"), Ne = /* @__PURE__ */ r(() => ["auto", "min", "max", "fr", x, v], "scaleGridAutoColsRows"), Te = /* @__PURE__ */ r(() => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], "scaleAlignPrimaryAxis"), te = /* @__PURE__ */ r(() => ["start", "end", "center", "stretch", "center-safe", "end-safe"], "scaleAlignSecondaryAxis"), _ = /* @__PURE__ */ r(() => ["auto", ...S()], "scaleMargin"), f = /* @__PURE__ */ r(() => [Ae, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...S()], "scaleSizing"), u = /* @__PURE__ */ r(() => [e, x, v], "scaleColor"), F = /* @__PURE__ */ r(() => [...le(), vt, pt, {
+  }, xe, x, v], "scaleGridColRowStartAndEnd"), Se = /* @__PURE__ */ r(() => [xe, "auto", x, v], "scaleGridColRowStartOrEnd"), Ne = /* @__PURE__ */ r(() => ["auto", "min", "max", "fr", x, v], "scaleGridAutoColsRows"), Te = /* @__PURE__ */ r(() => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], "scaleAlignPrimaryAxis"), te = /* @__PURE__ */ r(() => ["start", "end", "center", "stretch", "center-safe", "end-safe"], "scaleAlignSecondaryAxis"), _ = /* @__PURE__ */ r(() => ["auto", ...S()], "scaleMargin"), g = /* @__PURE__ */ r(() => [Ae, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...S()], "scaleSizing"), h = /* @__PURE__ */ r(() => [e, x, v], "scaleColor"), F = /* @__PURE__ */ r(() => [...le(), pt, bt, {
     position: [x, v]
   }], "scaleBgPosition"), M = /* @__PURE__ */ r(() => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], "scaleBgRepeat"), A = /* @__PURE__ */ r(() => ["auto", "cover", "contain", er, Jo, {
     size: [x, v]
-  }], "scaleBgSize"), H = /* @__PURE__ */ r(() => [Ke, Ve, we], "scaleGradientStopPosition"), D = /* @__PURE__ */ r(() => [
+  }], "scaleBgSize"), H = /* @__PURE__ */ r(() => [qe, Ve, we], "scaleGradientStopPosition"), D = /* @__PURE__ */ r(() => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1500,7 +1489,7 @@ const j = /* @__PURE__ */ r((e) => {
     C,
     x,
     v
-  ], "scaleRadius"), V = /* @__PURE__ */ r(() => ["", I, Ve, we], "scaleBorderWidth"), K = /* @__PURE__ */ r(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), N = /* @__PURE__ */ r(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), T = /* @__PURE__ */ r(() => [I, Ke, vt, pt], "scaleMaskImagePosition"), ce = /* @__PURE__ */ r(() => [
+  ], "scaleRadius"), V = /* @__PURE__ */ r(() => ["", I, Ve, we], "scaleBorderWidth"), K = /* @__PURE__ */ r(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), N = /* @__PURE__ */ r(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), T = /* @__PURE__ */ r(() => [I, qe, pt, bt], "scaleMaskImagePosition"), ce = /* @__PURE__ */ r(() => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -2131,14 +2120,14 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: f()
+        size: g()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [l, "screen", ...f()]
+        w: [l, "screen", ...g()]
       }],
       /**
        * Min-Width
@@ -2150,7 +2139,7 @@ const j = /* @__PURE__ */ r((e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...f()
+          ...g()
         ]
       }],
       /**
@@ -2168,7 +2157,7 @@ const j = /* @__PURE__ */ r((e) => {
           {
             screen: [n]
           },
-          ...f()
+          ...g()
         ]
       }],
       /**
@@ -2176,21 +2165,21 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...f()]
+        h: ["screen", "lh", ...g()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...f()]
+        "min-h": ["screen", "lh", "none", ...g()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...f()]
+        "max-h": ["screen", "lh", ...g()]
       }],
       // ------------------
       // --- Typography ---
@@ -2217,14 +2206,14 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [t, x, Ze]
+        font: [t, x, Ke]
       }],
       /**
        * 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", Ke, v]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", qe, v]
       }],
       /**
        * Font Family
@@ -2275,7 +2264,7 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [I, "none", x, Ze]
+        "line-clamp": [I, "none", x, Ke]
       }],
       /**
        * Line Height
@@ -2322,14 +2311,14 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: u()
+        placeholder: h()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: u()
+        text: h()
       }],
       /**
        * Text Decoration
@@ -2355,7 +2344,7 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: u()
+        decoration: h()
       }],
       /**
        * Text Underline Offset
@@ -2493,7 +2482,7 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: u()
+        bg: h()
       }],
       /**
        * Gradient Color Stops From Position
@@ -2521,21 +2510,21 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: u()
+        from: h()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: u()
+        via: h()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: u()
+        to: h()
       }],
       // ---------------
       // --- Borders ---
@@ -2751,70 +2740,70 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: u()
+        border: h()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": u()
+        "border-x": h()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": u()
+        "border-y": h()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": u()
+        "border-s": h()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": u()
+        "border-e": h()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": u()
+        "border-t": h()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": u()
+        "border-r": h()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": u()
+        "border-b": h()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": u()
+        "border-l": h()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: u()
+        divide: h()
       }],
       /**
        * Outline Style
@@ -2842,7 +2831,7 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: u()
+        outline: h()
       }],
       // ---------------
       // --- Effects ---
@@ -2856,9 +2845,9 @@ const j = /* @__PURE__ */ r((e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          g,
+          m,
           Ge,
-          je
+          Re
         ]
       }],
       /**
@@ -2866,21 +2855,21 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: u()
+        shadow: h()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", h, Ge, je]
+        "inset-shadow": ["none", u, Ge, Re]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": u()
+        "inset-shadow": h()
       }],
       /**
        * Ring Width
@@ -2901,7 +2890,7 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: u()
+        ring: h()
       }],
       /**
        * Ring Offset Width
@@ -2919,7 +2908,7 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": u()
+        "ring-offset": h()
       }],
       /**
        * Inset Ring Width
@@ -2933,21 +2922,21 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": u()
+        "inset-ring": h()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", p, Ge, je]
+        "text-shadow": ["none", p, Ge, Re]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": u()
+        "text-shadow": h()
       }],
       /**
        * Opacity
@@ -2998,10 +2987,10 @@ const j = /* @__PURE__ */ r((e) => {
         "mask-linear-to": T()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": u()
+        "mask-linear-from": h()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": u()
+        "mask-linear-to": h()
       }],
       "mask-image-t-from-pos": [{
         "mask-t-from": T()
@@ -3010,10 +2999,10 @@ const j = /* @__PURE__ */ r((e) => {
         "mask-t-to": T()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": u()
+        "mask-t-from": h()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": u()
+        "mask-t-to": h()
       }],
       "mask-image-r-from-pos": [{
         "mask-r-from": T()
@@ -3022,10 +3011,10 @@ const j = /* @__PURE__ */ r((e) => {
         "mask-r-to": T()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": u()
+        "mask-r-from": h()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": u()
+        "mask-r-to": h()
       }],
       "mask-image-b-from-pos": [{
         "mask-b-from": T()
@@ -3034,10 +3023,10 @@ const j = /* @__PURE__ */ r((e) => {
         "mask-b-to": T()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": u()
+        "mask-b-from": h()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": u()
+        "mask-b-to": h()
       }],
       "mask-image-l-from-pos": [{
         "mask-l-from": T()
@@ -3046,10 +3035,10 @@ const j = /* @__PURE__ */ r((e) => {
         "mask-l-to": T()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": u()
+        "mask-l-from": h()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": u()
+        "mask-l-to": h()
       }],
       "mask-image-x-from-pos": [{
         "mask-x-from": T()
@@ -3058,10 +3047,10 @@ const j = /* @__PURE__ */ r((e) => {
         "mask-x-to": T()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": u()
+        "mask-x-from": h()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": u()
+        "mask-x-to": h()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": T()
@@ -3070,10 +3059,10 @@ const j = /* @__PURE__ */ r((e) => {
         "mask-y-to": T()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": u()
+        "mask-y-from": h()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": u()
+        "mask-y-to": h()
       }],
       "mask-image-radial": [{
         "mask-radial": [x, v]
@@ -3085,10 +3074,10 @@ const j = /* @__PURE__ */ r((e) => {
         "mask-radial-to": T()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": u()
+        "mask-radial-from": h()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": u()
+        "mask-radial-to": h()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -3112,10 +3101,10 @@ const j = /* @__PURE__ */ r((e) => {
         "mask-conic-to": T()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": u()
+        "mask-conic-from": h()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": u()
+        "mask-conic-to": h()
       }],
       /**
        * Mask Mode
@@ -3214,7 +3203,7 @@ const j = /* @__PURE__ */ r((e) => {
           "none",
           k,
           Ge,
-          je
+          Re
         ]
       }],
       /**
@@ -3222,7 +3211,7 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": u()
+        "drop-shadow": h()
       }],
       /**
        * Grayscale
@@ -3593,7 +3582,7 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: u()
+        accent: h()
       }],
       /**
        * Appearance
@@ -3607,7 +3596,7 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: u()
+        caret: h()
       }],
       /**
        * Color Scheme
@@ -3853,21 +3842,21 @@ const j = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...u()]
+        fill: ["none", ...h()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [I, Ve, we, Ze]
+        stroke: [I, Ve, we, Ke]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...u()]
+        stroke: ["none", ...h()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -3935,7 +3924,7 @@ const j = /* @__PURE__ */ r((e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, "getDefaultConfig"), nr = /* @__PURE__ */ Ro(sr), Ue = {
+}, "getDefaultConfig"), nr = /* @__PURE__ */ jo(sr), vt = {
   default: {
     solid: {
       base: "bg-theme-0 dark:bg-theme-700/40 text-theme-600 dark:text-theme-50",
@@ -4224,7 +4213,7 @@ const j = /* @__PURE__ */ r((e) => {
 }, ir = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, ar = /* @__PURE__ */ R({
+}, ar = /* @__PURE__ */ j({
   __name: "FButton",
   props: {
     theme: { default: "default" },
@@ -4250,51 +4239,54 @@ const j = /* @__PURE__ */ r((e) => {
       lg: "size-5",
       xl: "size-6"
     })[e.size]), s = E(() => {
-      const n = "relative inline-flex items-center justify-center gap-2 font-medium transition-all duration-200 focus:outline-none active:opacity-80 cursor-pointer", l = {
+      const l = vt[e.theme]?.[e.design] || vt.default[e.design];
+      return l || console.warn(`FButton: No theme configuration found for theme "${e.theme}" and design "${e.design}". Falling back to default solid theme.`), l || { base: "", border: "", hover: "", icon: "" };
+    }), a = E(() => {
+      const l = "relative inline-flex items-center justify-center gap-2 font-medium transition-all duration-200 focus:outline-none active:opacity-80 cursor-pointer", d = {
         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"
-      }, d = e.design === "link" ? "!px-1" : "", C = {
+      }, C = e.design === "link" ? "!px-1" : "", m = {
         md: "rounded-md",
         lg: "rounded-lg",
         full: "rounded-full"
-      }, g = Ue[e.theme]?.[e.design] || Ue.default[e.design], h = [
-        n,
-        l[e.size],
-        d,
-        C[e.rounding],
-        g.base,
-        `border ${g.border}`,
-        g.hover
+      }, u = s.value, p = [
+        l,
+        d[e.size],
+        C,
+        m[e.rounding],
+        u.base,
+        `border ${u.border}`,
+        u.hover
       ].filter(Boolean).join(" ");
-      return nr(h, e.class);
-    }), a = E(() => ({
-      design: (Ue[e.theme]?.[e.design] || Ue.default[e.design]).icon || ""
+      return nr(p, e.class);
+    }), n = E(() => ({
+      design: s.value.icon || ""
     }));
-    return (n, l) => (m(), se(qt(o.value), {
+    return (l, d) => (f(), se(qt(o.value), {
       href: e.href,
-      class: $(s.value)
+      class: $(a.value)
     }, {
       default: ne(() => [
-        e.loading ? (m(), y("div", ir, [
-          G(ot, {
+        e.loading ? (f(), y("div", ir, [
+          G(tt, {
             class: $(t.value)
           }, null, 8, ["class"])
         ])) : P("", !0),
         c("span", {
           class: $(["flex items-center gap-2 transition-opacity duration-200 whitespace-nowrap", e.loading ? "opacity-0" : "opacity-100"])
         }, [
-          i.value.icon ? (m(), y("span", {
+          i.value.icon ? (f(), y("span", {
             key: 0,
-            class: $(["flex items-center size-[1.1em] mt-[-.07em]", [i.value.icon, a.value]])
+            class: $(["flex items-center size-[1.1em] mt-[-.07em]", [i.value.icon, n.value]])
           }, null, 2)) : P("", !0),
-          Ie(n.$slots, "default"),
-          i.value.iconAfter ? (m(), y("span", {
+          Ie(l.$slots, "default"),
+          i.value.iconAfter ? (f(), y("span", {
             key: 1,
-            class: $(["flex items-center size-[1.1em] mt-[-.07em]", [i.value.iconAfter, a.value]])
+            class: $(["flex items-center size-[1.1em] mt-[-.07em]", [i.value.iconAfter, n.value]])
           }, null, 2)) : P("", !0)
         ], 2)
       ]),
@@ -4313,7 +4305,7 @@ const j = /* @__PURE__ */ r((e) => {
 }, mr = { class: "text-sm text-white/70 leading-relaxed" }, br = {
   key: 3,
   class: "space-y-3"
-}, pr = { class: "grid grid-cols-2 gap-3" }, vr = /* @__PURE__ */ R({
+}, pr = { class: "grid grid-cols-2 gap-3" }, vr = /* @__PURE__ */ j({
   __name: "ElSelfAbout",
   props: {
     self: {}
@@ -4366,27 +4358,27 @@ const j = /* @__PURE__ */ r((e) => {
         }), "generate")
       }
     ].filter((t) => t.condition()).map((t) => t.generate()));
-    return (o, t) => (m(), y("div", lr, [
+    return (o, t) => (f(), y("div", lr, [
       c("div", cr, [
-        e.self.headline ? (m(), y("div", dr, [
+        e.self.headline ? (f(), y("div", dr, [
           t[0] || (t[0] = c("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Professional Tagline ", -1)),
           c("div", ur, U(e.self.headline), 1)
         ])) : P("", !0),
-        e.self.summary ? (m(), y("div", hr, [
+        e.self.summary ? (f(), y("div", hr, [
           t[1] || (t[1] = c("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " About ", -1)),
           c("div", {
             class: "text-sm text-white/70 leading-relaxed",
             innerHTML: e.self.summary
           }, null, 8, gr)
         ])) : P("", !0),
-        e.self.entityType === "company" ? (m(), y("div", fr, [
+        e.self.entityType === "company" ? (f(), y("div", fr, [
           t[2] || (t[2] = c("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)),
           c("p", mr, " This is a company digital self representing " + U(e.self.name) + ". ", 1)
         ])) : P("", !0),
-        i.value.length > 0 ? (m(), y("div", br, [
+        i.value.length > 0 ? (f(), y("div", br, [
           t[3] || (t[3] = c("h3", { class: "text-sm font-medium text-white/90" }, " Connect ", -1)),
           c("div", pr, [
-            (m(!0), y(Ce, null, He(i.value, (s) => (m(), se(ar, {
+            (f(!0), y(Ce, null, Oe(i.value, (s) => (f(), se(ar, {
               key: s.title,
               design: "ghost",
               theme: "default",
@@ -4417,46 +4409,46 @@ const j = /* @__PURE__ */ r((e) => {
 }, wr = ["src", "alt"], Cr = { class: "max-w-[70%]" }, Sr = { class: "text-sm leading-[1.5] whitespace-pre-wrap break-words" }, Mr = {
   key: 0,
   class: "flex gap-2 justify-start items-end mb-4"
-}, Ar = { class: "flex-shrink-0" }, Ir = ["src", "alt"], $r = { class: "flex-shrink-0 pt-6 pb-2" }, zr = ["placeholder", "disabled"], Er = /* @__PURE__ */ R({
+}, Ar = { class: "flex-shrink-0" }, Ir = ["src", "alt"], $r = { class: "flex-shrink-0 pt-6 pb-2" }, zr = ["placeholder", "disabled"], Er = /* @__PURE__ */ j({
   __name: "ElSelfChat",
   props: {
     selfController: {},
     self: {}
   },
   setup(e) {
-    const i = B(""), o = B(), t = B(), s = E(() => Ye(e.self));
-    function a(g, h) {
-      const p = g[h], k = g[h + 1];
+    const i = B(""), o = B(), t = B(), s = E(() => _e(e.self));
+    function a(m, u) {
+      const p = m[u], k = m[u + 1];
       return !k || k.sender !== p.sender;
     }
     r(a, "shouldShowAvatar"), $e(async () => {
       if (e.selfController && !e.selfController.textState.value.isConnected)
         try {
           await e.selfController.startTextConversation();
-        } catch (g) {
-          console.error("Failed to start text conversation:", g);
+        } catch (m) {
+          console.error("Failed to start text conversation:", m);
         }
     });
     async function n() {
       if (!i.value.trim() || !e.selfController || !e.selfController.textState.value.isConnected)
         return;
-      const g = i.value;
+      const m = i.value;
       i.value = "", t.value && (t.value.style.height = "auto", t.value.focus());
       try {
-        await e.selfController.sendChatMessage(g), d();
-      } catch (h) {
-        console.error("Error sending message:", h);
+        await e.selfController.sendChatMessage(m), d();
+      } catch (u) {
+        console.error("Error sending message:", u);
       }
     }
     r(n, "sendMessage");
-    function l(g) {
-      g.key === "Enter" && !g.shiftKey && (g.preventDefault(), n());
+    function l(m) {
+      m.key === "Enter" && !m.shiftKey && (m.preventDefault(), n());
     }
     r(l, "handleKeydown");
     function d() {
-      o.value && qe(() => {
-        const g = o.value;
-        g.scrollTop = g.scrollHeight;
+      o.value && We(() => {
+        const m = o.value;
+        m.scrollTop = m.scrollHeight;
       });
     }
     r(d, "scrollToBottom");
@@ -4464,23 +4456,23 @@ const j = /* @__PURE__ */ r((e) => {
       if (!t.value)
         return;
       t.value.style.height = "auto";
-      const g = Math.min(t.value.scrollHeight, 150);
-      t.value.style.height = `${g}px`;
+      const m = Math.min(t.value.scrollHeight, 150);
+      t.value.style.height = `${m}px`;
     }
     return r(C, "adjustTextareaHeight"), ie(i, () => {
-      qe(() => C());
-    }), ie(() => e.selfController?.sharedMessages.value, (g) => {
-      g && g.length > 0 && qe(() => d());
-    }, { immediate: !0, deep: !0 }), (g, h) => (m(), y("div", xr, [
-      e.selfController?.textState.value.connectionStatus !== "connected" ? (m(), y("div", yr, [
-        G(ot, { class: "size-4" })
+      We(() => C());
+    }), ie(() => e.selfController?.sharedMessages.value, (m) => {
+      m && m.length > 0 && We(() => d());
+    }, { immediate: !0, deep: !0 }), (m, u) => (f(), y("div", xr, [
+      e.selfController?.textState.value.connectionStatus !== "connected" ? (f(), y("div", yr, [
+        G(tt, { class: "size-4" })
       ])) : P("", !0),
       c("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"
       }, [
-        (m(!0), y(Ce, null, He(e.selfController?.sharedMessages.value.filter((p) => p.sender !== "system") ?? [], (p, k) => (m(), y("div", {
+        (f(!0), y(Ce, null, Oe(e.selfController?.sharedMessages.value.filter((p) => p.sender !== "system") ?? [], (p, k) => (f(), y("div", {
           key: p.id,
           class: $(["flex gap-2 items-end", {
             "justify-end": p.sender === "user",
@@ -4488,8 +4480,8 @@ const j = /* @__PURE__ */ r((e) => {
             "mb-4": a(e.selfController?.sharedMessages.value.filter((b) => b.sender !== "system") ?? [], k)
           }])
         }, [
-          p.sender === "agent" ? (m(), y("div", kr, [
-            a(e.selfController?.sharedMessages.value.filter((b) => b.sender !== "system") ?? [], k) ? (m(), y("img", {
+          p.sender === "agent" ? (f(), y("div", kr, [
+            a(e.selfController?.sharedMessages.value.filter((b) => b.sender !== "system") ?? [], k) ? (f(), y("img", {
               key: 0,
               src: s.value,
               alt: e.self.name,
@@ -4504,7 +4496,7 @@ const j = /* @__PURE__ */ r((e) => {
             ], 2)
           ])
         ], 2))), 128)),
-        e.selfController?.textState.value.isThinking ? (m(), y("div", Mr, [
+        e.selfController?.textState.value.isThinking ? (f(), y("div", Mr, [
           c("div", Ar, [
             c("img", {
               src: s.value,
@@ -4512,7 +4504,7 @@ const j = /* @__PURE__ */ r((e) => {
               class: "size-8 rounded-full object-cover"
             }, null, 8, Ir)
           ]),
-          h[1] || (h[1] = c("div", { class: "rounded-2xl px-4 py-2.5 bg-white/15 backdrop-blur-sm flex items-center" }, [
+          u[1] || (u[1] = c("div", { class: "rounded-2xl px-4 py-2.5 bg-white/15 backdrop-blur-sm flex items-center" }, [
             c("i", { class: "i-svg-spinners-3-dots-fade size-6 text-white/70" })
           ], -1))
         ])) : P("", !0)
@@ -4521,7 +4513,7 @@ const j = /* @__PURE__ */ r((e) => {
         kt(c("textarea", {
           ref_key: "textarea",
           ref: t,
-          "onUpdate:modelValue": h[0] || (h[0] = (p) => i.value = p),
+          "onUpdate:modelValue": u[0] || (u[0] = (p) => i.value = p),
           rows: "1",
           placeholder: e.selfController?.textState.value.isConnected ? "Message" : "Connecting...",
           disabled: !e.selfController?.textState.value.isConnected,
@@ -4531,20 +4523,20 @@ const j = /* @__PURE__ */ r((e) => {
         }, null, 40, zr), [
           [wt, i.value]
         ]),
-        h[2] || (h[2] = c("div", { class: "text-[10px] text-white/40 text-center mt-2" }, " Press Enter to send, Shift+Enter for new line ", -1))
+        u[2] || (u[2] = c("div", { class: "text-[10px] text-white/40 text-center mt-2" }, " Press Enter to send, Shift+Enter for new line ", -1))
       ])
     ]));
   }
-}), Tr = { class: "flex flex-col items-center text-center gap-4" }, Lr = { class: "relative flex-shrink-0" }, Dr = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, Vr = ["src", "alt"], Pr = { class: "min-w-0" }, Fr = { class: "text-3xl font-light text-white mb-2 truncate" }, Br = { class: "text-base font-light text-white/60 line-clamp-1" }, Nr = /* @__PURE__ */ R({
+}), Tr = { class: "flex flex-col items-center text-center gap-4" }, Lr = { class: "relative flex-shrink-0" }, Dr = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, Vr = ["src", "alt"], Pr = { class: "min-w-0" }, Fr = { class: "text-3xl font-light text-white mb-2 truncate" }, Br = { class: "text-base font-light text-white/60 line-clamp-1" }, Nr = /* @__PURE__ */ j({
   __name: "ElSelfHeader",
   props: {
     self: {}
   },
   setup(e) {
     function i() {
-      return e.self.avatar?.src ? e.self.avatar.src : We();
+      return e.self.avatar?.src ? e.self.avatar.src : He();
     }
-    return r(i, "getAvatarSrc"), (o, t) => (m(), y("div", Tr, [
+    return r(i, "getAvatarSrc"), (o, t) => (f(), y("div", Tr, [
       c("div", Lr, [
         c("div", Dr, [
           c("img", {
@@ -4552,7 +4544,7 @@ const j = /* @__PURE__ */ r((e) => {
             alt: e.self.name,
             class: "w-full h-full object-cover",
             onError: t[0] || (t[0] = //@ts-ignore
-            (...s) => X(Oe) && X(Oe)(...s))
+            (...s) => X(Ue) && X(Ue)(...s))
           }, null, 40, Vr)
         ]),
         t[1] || (t[1] = c("div", { class: "absolute top-1.5 right-1.5" }, [
@@ -4569,7 +4561,7 @@ const j = /* @__PURE__ */ r((e) => {
       ])
     ]));
   }
-}), Rr = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, jr = /* @__PURE__ */ R({
+}), jr = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Rr = /* @__PURE__ */ j({
   name: "FClose",
   __name: "FClose",
   emits: ["click"],
@@ -4579,12 +4571,12 @@ const j = /* @__PURE__ */ r((e) => {
       setTimeout(() => {
         i.value = !0;
       }, 100);
-    }), (o, t) => (m(), y("a", {
+    }), (o, t) => (f(), y("a", {
       class: "close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90",
       onClick: t[0] || (t[0] = (s) => o.$emit("click", s))
     }, [
       t[1] || (t[1] = c("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)),
-      c("span", Rr, [
+      c("span", jr, [
         c("span", {
           class: $(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", i.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" }
@@ -4605,7 +4597,7 @@ const j = /* @__PURE__ */ r((e) => {
 }, Hr = ["disabled", "onClick"], Wr = { class: "flex items-center gap-3" }, qr = { class: "flex-1" }, Kr = {
   key: 0,
   class: "text-xs text-white/50 mt-0.5"
-}, Zr = { class: "p-6" }, Bt = /* @__PURE__ */ R({
+}, Zr = { class: "p-6" }, Bt = /* @__PURE__ */ j({
   name: "ElSidebar",
   __name: "ElSidebar",
   props: {
@@ -4619,10 +4611,10 @@ const j = /* @__PURE__ */ r((e) => {
   setup(e, { emit: i }) {
     const o = e, t = i, s = o.position || "left", a = o.widthClasses || "w-[80%] max-w-[300px]", n = E({
       get: /* @__PURE__ */ r(() => o.modelValue, "get"),
-      set: /* @__PURE__ */ r((g) => t("update:modelValue", g), "set")
-    }), l = E(() => o.items.filter((g) => !g.isHidden));
-    function d(g) {
-      g.isDisabled || (g.onClick ? g.onClick({ item: g, event: new MouseEvent("click") }) : g.href && (g.href.includes("http") ? window.open(g.href, g.target || "_self")?.focus() : window.location.href = g.href), n.value = !1);
+      set: /* @__PURE__ */ r((m) => t("update:modelValue", m), "set")
+    }), l = E(() => o.items.filter((m) => !m.isHidden));
+    function d(m) {
+      m.isDisabled || (m.onClick ? m.onClick({ item: m, event: new MouseEvent("click") }) : m.href && (m.href.includes("http") ? window.open(m.href, m.target || "_self")?.focus() : window.location.href = m.href), n.value = !1);
     }
     r(d, "handleItemClick");
     const C = E(() => s === "left" ? {
@@ -4636,8 +4628,8 @@ const j = /* @__PURE__ */ r((e) => {
       position: "justify-end",
       closeButton: "-left-16"
     });
-    return (g, h) => (m(), y(Ce, null, [
-      G(dt, {
+    return (m, u) => (f(), y(Ce, null, [
+      G(ct, {
         "enter-active-class": "transition-opacity duration-300 ease-out",
         "leave-active-class": "transition-opacity duration-200 ease-in",
         "enter-from-class": "opacity-0",
@@ -4646,15 +4638,15 @@ const j = /* @__PURE__ */ r((e) => {
         "leave-to-class": "opacity-0"
       }, {
         default: ne(() => [
-          n.value ? (m(), y("div", {
+          n.value ? (f(), y("div", {
             key: 0,
             class: "absolute inset-0 z-40 bg-black/50 backdrop-blur-sm",
-            onClick: h[0] || (h[0] = (p) => n.value = !1)
+            onClick: u[0] || (u[0] = (p) => n.value = !1)
           })) : P("", !0)
         ]),
         _: 1
       }),
-      G(dt, {
+      G(ct, {
         "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,
@@ -4663,28 +4655,28 @@ const j = /* @__PURE__ */ r((e) => {
         "leave-to-class": C.value.leave
       }, {
         default: ne(() => [
-          n.value ? (m(), y("div", {
+          n.value ? (f(), y("div", {
             key: 0,
             class: $(["absolute inset-0 z-50 flex", C.value.position]),
-            onClick: h[3] || (h[3] = (p) => n.value = !1)
+            onClick: u[3] || (u[3] = (p) => n.value = !1)
           }, [
             c("div", {
               class: $(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", X(a)]),
-              onClick: h[2] || (h[2] = Ct(() => {
+              onClick: u[2] || (u[2] = Ct(() => {
               }, ["stop"]))
             }, [
-              G(jr, {
+              G(Rr, {
                 class: $(["absolute top-4 z-10 text-white", C.value.closeButton]),
-                onClick: h[1] || (h[1] = (p) => n.value = !1)
+                onClick: u[1] || (u[1] = (p) => n.value = !1)
               }, null, 8, ["class"]),
-              e.title ? (m(), y("div", Gr, [
+              e.title ? (f(), y("div", Gr, [
                 c("h3", Ur, U(e.title), 1)
               ])) : P("", !0),
-              g.$slots.header ? (m(), y("div", Or, [
-                Ie(g.$slots, "header")
+              m.$slots.header ? (f(), y("div", Or, [
+                Ie(m.$slots, "header")
               ])) : P("", !0),
               c("div", {
-                class: $(["flex-1 p-6 space-y-2 overflow-y-auto", { "pt-6": !e.title && !g.$slots.header, "pt-4": e.title || g.$slots.header }])
+                class: $(["flex-1 p-6 space-y-2 overflow-y-auto", { "pt-6": !e.title && !m.$slots.header, "pt-4": e.title || m.$slots.header }])
               }, [
                 G(yt, {
                   "enter-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
@@ -4695,9 +4687,9 @@ const j = /* @__PURE__ */ r((e) => {
                   "leave-to-class": X(s) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
                 }, {
                   default: ne(() => [
-                    (m(!0), y(Ce, null, He(l.value, (p, k) => (m(), y("button", {
+                    (f(!0), y(Ce, null, Oe(l.value, (p, k) => (f(), y("button", {
                       key: p.key || p.label || k,
-                      style: tt({ transitionDelay: `${k * 40}ms` }),
+                      style: et({ transitionDelay: `${k * 40}ms` }),
                       class: $(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [
                         p.isActive ? "bg-primary-500/20 border border-primary-500/40" : "hover:bg-white/10",
                         p.isDisabled && "opacity-50 cursor-not-allowed"
@@ -4706,7 +4698,7 @@ const j = /* @__PURE__ */ r((e) => {
                       onClick: /* @__PURE__ */ r((b) => d(p), "onClick")
                     }, [
                       c("div", Wr, [
-                        p.icon?.src ? (m(), y("i", {
+                        p.icon?.src ? (f(), y("i", {
                           key: 0,
                           class: $(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [
                             p.icon.src,
@@ -4717,7 +4709,7 @@ const j = /* @__PURE__ */ r((e) => {
                           c("div", {
                             class: $(["font-medium text-sm", p.isActive ? "text-primary-300" : "text-white"])
                           }, U(p.label), 3),
-                          p.subLabel ? (m(), y("div", Kr, U(p.subLabel), 1)) : P("", !0)
+                          p.subLabel ? (f(), y("div", Kr, U(p.subLabel), 1)) : P("", !0)
                         ])
                       ])
                     ], 14, Hr))), 128))
@@ -4726,8 +4718,8 @@ const j = /* @__PURE__ */ r((e) => {
                 }, 8, ["enter-from-class", "leave-to-class"])
               ], 2),
               c("div", Zr, [
-                Ie(g.$slots, "footer", {}, () => [
-                  h[4] || (h[4] = c("div", { class: "text-center" }, [
+                Ie(m.$slots, "footer", {}, () => [
+                  u[4] || (u[4] = c("div", { class: "text-center" }, [
                     c("p", { class: "text-[10px] text-white/40 font-sans" }, [
                       Pe(" Digital Self by "),
                       c("a", {
@@ -4746,7 +4738,7 @@ const j = /* @__PURE__ */ r((e) => {
       }, 8, ["enter-from-class", "leave-to-class"])
     ], 64));
   }
-}), _r = /* @__PURE__ */ R({
+}), _r = /* @__PURE__ */ j({
   name: "SelfModeSidebar",
   __name: "ElSelfModeSidebar",
   props: {
@@ -4767,7 +4759,7 @@ const j = /* @__PURE__ */ r((e) => {
         o.selfController?.setMode(l.mode);
       }, "onClick")
     })));
-    return (l, d) => (m(), se(Bt, {
+    return (l, d) => (f(), se(Bt, {
       modelValue: s.value,
       "onUpdate:modelValue": d[0] || (d[0] = (C) => s.value = C),
       items: n.value,
@@ -4776,7 +4768,7 @@ const j = /* @__PURE__ */ r((e) => {
       "width-classes": "w-[80%] max-w-[255px]"
     }, null, 8, ["modelValue", "items"]));
   }
-}), Yr = /* @__PURE__ */ R({
+}), Yr = /* @__PURE__ */ j({
   name: "SelfSidebar",
   __name: "ElSelfSidebar",
   props: {
@@ -4827,7 +4819,7 @@ const j = /* @__PURE__ */ r((e) => {
         }, "onClick")
       }), n;
     });
-    return (n, l) => (m(), se(Bt, {
+    return (n, l) => (f(), se(Bt, {
       modelValue: s.value,
       "onUpdate:modelValue": l[0] || (l[0] = (d) => s.value = d),
       items: a.value,
@@ -4835,7 +4827,7 @@ const j = /* @__PURE__ */ r((e) => {
       title: e.title || "Menu"
     }, null, 8, ["modelValue", "items", "title"]));
   }
-}), Jr = { class: "w-full max-w-full flex items-center justify-center" }, Qr = 0.25, Xr = 0.35, xt = 500, es = 0.15, ts = 0.4, os = /* @__PURE__ */ R({
+}), Jr = { class: "w-full max-w-full flex items-center justify-center" }, Qr = 0.25, Xr = 0.35, xt = 500, es = 0.15, ts = 0.4, os = /* @__PURE__ */ j({
   __name: "FAudioVisualizer",
   props: {
     audioState: {},
@@ -4920,18 +4912,18 @@ const j = /* @__PURE__ */ r((e) => {
       8500
     ], a = B();
     let n = null, l = null;
-    const d = B(!1), C = B(!0), g = /* @__PURE__ */ new Map();
-    let h, p, k, b, z, O, q;
-    function ye(f) {
-      const { minHeight: u } = t.value;
-      h = new Float32Array(f).fill(u), p = new Float32Array(f).fill(0), k = new Float32Array(f).fill(u), b = new Float32Array(f).fill(u), z = new Float32Array(f).fill(u), O = new Float32Array(f).fill(0), q = new Float32Array(f).fill(0);
+    const d = B(!1), C = B(!0), m = /* @__PURE__ */ new Map();
+    let u, p, k, b, z, O, q;
+    function ye(g) {
+      const { minHeight: h } = t.value;
+      u = new Float32Array(g).fill(h), p = new Float32Array(g).fill(0), k = new Float32Array(g).fill(h), b = new Float32Array(g).fill(h), z = new Float32Array(g).fill(h), O = new Float32Array(g).fill(0), q = new Float32Array(g).fill(0);
     }
     r(ye, "initPhysicsArrays");
     const ae = E(() => {
       if (i.color !== "auto")
         return i.color;
-      const f = i.audioState?.mode ?? "idle";
-      return f === "listening" ? "blue" : f === "processing" ? "cyan" : f === "speaking" ? "green" : "gray";
+      const g = i.audioState?.mode ?? "idle";
+      return g === "listening" ? "blue" : g === "processing" ? "cyan" : g === "speaking" ? "green" : "gray";
     }), le = {
       blue: {
         primary: [59, 130, 246],
@@ -4954,8 +4946,8 @@ const j = /* @__PURE__ */ r((e) => {
         glow: "rgba(156,163,175,0.2)"
       }
     };
-    function me(f) {
-      return f < 200 ? { stiffnessMultiplier: 0.7, dampingMultiplier: 1.2 } : f < 1e3 ? { stiffnessMultiplier: 1, dampingMultiplier: 1 } : f < 4e3 ? { stiffnessMultiplier: 1.3, dampingMultiplier: 0.8 } : { stiffnessMultiplier: 1.5, dampingMultiplier: 0.6 };
+    function me(g) {
+      return g < 200 ? { stiffnessMultiplier: 0.7, dampingMultiplier: 1.2 } : g < 1e3 ? { stiffnessMultiplier: 1, dampingMultiplier: 1 } : g < 4e3 ? { stiffnessMultiplier: 1.3, dampingMultiplier: 0.8 } : { stiffnessMultiplier: 1.5, dampingMultiplier: 0.6 };
     }
     r(me, "getFrequencyPhysics");
     let W = 1;
@@ -4963,16 +4955,16 @@ const j = /* @__PURE__ */ r((e) => {
       if (!a.value)
         return;
       typeof window < "u" && (W = Math.max(1, Math.min(2, window.devicePixelRatio || 1)));
-      const { bars: f, barWidth: u, barSpacing: F, maxHeight: M } = t.value, A = (u + F) * f - F, H = M;
+      const { bars: g, barWidth: h, barSpacing: F, maxHeight: M } = t.value, A = (h + F) * g - F, H = M;
       a.value.width = Math.floor(A * W), a.value.height = Math.floor(H * W), a.value.style.width = `${A}px`, a.value.style.height = `${H}px`, n && n.setTransform(W, 0, 0, W, 0, 0), Te();
     }
     r(ee, "resizeCanvas");
-    function S(f) {
+    function S(g) {
       return Array.from({ length: s.length }, (F, M) => {
-        const A = s[M], D = Math.floor(A / 12e3 * f.length), V = Math.max(1, Math.floor(f.length / s.length / 2));
+        const A = s[M], D = Math.floor(A / 12e3 * g.length), V = Math.max(1, Math.floor(g.length / s.length / 2));
         let K = 0;
-        for (let J = 0; J < V && D + J < f.length; J++)
-          K += f[D + J];
+        for (let J = 0; J < V && D + J < g.length; J++)
+          K += g[D + J];
         K = K / V / 255;
         let N = 1;
         A < 150 ? N = 0.1 : A < 200 ? N = 0.3 : A >= 400 && A <= 600 ? N = 1.4 : A >= 1400 && A <= 1600 ? N = 1.3 : A >= 2400 && A <= 2600 ? N = 1.2 : A >= 200 && A <= 2e3 ? N = 1.1 : A >= 2e3 && A <= 4e3 ? N = 0.9 : A > 6e3 ? N = 0.4 : N = 0.7;
@@ -4981,24 +4973,24 @@ const j = /* @__PURE__ */ r((e) => {
       });
     }
     r(S, "mapFrequencyDataToBands");
-    function Y(f) {
-      const u = Array.from({ length: s.length }, () => 0);
-      if (f <= 0)
-        return u;
+    function Y(g) {
+      const h = Array.from({ length: s.length }, () => 0);
+      if (g <= 0)
+        return h;
       for (let F = 0; F < s.length; F++) {
         const M = s[F];
         let A = 0;
-        M >= 400 && M <= 600 ? A = f * 0.9 : M >= 1400 && M <= 1600 ? A = f * 0.8 : M >= 2400 && M <= 2600 ? A = f * 0.7 : M >= 200 && M <= 2e3 ? A = f * 0.6 : M >= 85 && M <= 300 ? A = f * 0.4 : A = f * 0.2, A *= 0.8 + Math.random() * 0.4, u[F] = Math.max(0, Math.min(1, A));
+        M >= 400 && M <= 600 ? A = g * 0.9 : M >= 1400 && M <= 1600 ? A = g * 0.8 : M >= 2400 && M <= 2600 ? A = g * 0.7 : M >= 200 && M <= 2e3 ? A = g * 0.6 : M >= 85 && M <= 300 ? A = g * 0.4 : A = g * 0.2, A *= 0.8 + Math.random() * 0.4, h[F] = Math.max(0, Math.min(1, A));
       }
-      return u;
+      return h;
     }
     r(Y, "generateIntensityBasedBands");
-    function Fe(f, u, F) {
+    function Fe(g, h, F) {
       if (!i.enableWaveMotion || typeof window > "u")
-        return f;
-      const M = performance.now() * 1e-3, A = [...f];
-      for (let H = 0; H < f.length; H++) {
-        const D = H * (2 * Math.PI) / f.length;
+        return g;
+      const M = performance.now() * 1e-3, A = [...g];
+      for (let H = 0; H < g.length; H++) {
+        const D = H * (2 * Math.PI) / g.length;
         let V = 0;
         if (F === "listening" || F === "speaking") {
           const N = Math.sin(M * 4.2 + D * 0.6 - M * 2) * 0.15, T = Math.sin(M * 6.8 + D * 1.2 - M * 1.5) * 0.08, ce = Math.sin(M * 0.8) * 0.05;
@@ -5013,52 +5005,52 @@ const j = /* @__PURE__ */ r((e) => {
           const N = Math.sin(M * 1.5 + D) * 0.12, T = Math.sin(M * 0.4) * 0.05;
           V = N + T;
         }
-        const K = Math.max(0.3, u);
-        A[H] = Math.max(0, Math.min(0.9, f[H] + V * K));
+        const K = Math.max(0.3, h);
+        A[H] = Math.max(0, Math.min(0.9, g[H] + V * K));
       }
       return A;
     }
     r(Fe, "addWaveMotionOverlay");
     function Be() {
-      const f = i.audioState;
-      if (!f)
+      const g = i.audioState;
+      if (!g)
         return Array.from({ length: s.length }, () => 0);
-      let u = [];
-      if (f.getFrequencyData) {
-        const M = f.getFrequencyData();
-        M && M.length > 0 && Array.from(M).some((H) => H > 5) && (u = S(M));
+      let h = [];
+      if (g.getFrequencyData) {
+        const M = g.getFrequencyData();
+        M && M.length > 0 && Array.from(M).some((H) => H > 5) && (h = S(M));
       }
-      if (!u.length) {
-        const M = f.mode === "listening" ? f.inputLevel ?? 0 : f.mode === "speaking" ? f.outputLevel ?? 0 : f.mode === "connected" ? 0.02 : 0;
-        u = Y(M);
+      if (!h.length) {
+        const M = g.mode === "listening" ? g.inputLevel ?? 0 : g.mode === "speaking" ? g.outputLevel ?? 0 : g.mode === "connected" ? 0.02 : 0;
+        h = Y(M);
       }
       const F = Math.max(
-        f.inputLevel ?? 0,
-        f.outputLevel ?? 0
+        g.inputLevel ?? 0,
+        g.outputLevel ?? 0
       );
-      return Fe(u, F, f.mode);
+      return Fe(h, F, g.mode);
     }
     r(Be, "generateFrequencyBands");
     function Se() {
       if (typeof window > "u")
         return;
-      const f = navigator.userAgent.toLowerCase(), u = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(f);
-      d.value = u;
+      const g = navigator.userAgent.toLowerCase(), h = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(g);
+      d.value = h;
     }
     r(Se, "detectMobile");
-    function Ne(f, u) {
-      return g.has(f) || g.set(f, u()), g.get(f);
+    function Ne(g, h) {
+      return m.has(g) || m.set(g, h()), m.get(g);
     }
     r(Ne, "getGradient");
     function Te() {
-      g.clear();
+      m.clear();
     }
     r(Te, "clearGradientCache");
     function te() {
       if (typeof window > "u" || !n || !a.value)
         return;
       Se();
-      const f = a.value, { bars: u, barWidth: F, barSpacing: M, minHeight: A, maxHeight: H } = t.value, D = f.width / W, V = f.height / W;
+      const g = a.value, { bars: h, barWidth: F, barSpacing: M, minHeight: A, maxHeight: H } = t.value, D = g.width / W, V = g.height / W;
       function K(N) {
         if (!n)
           return;
@@ -5068,49 +5060,49 @@ const j = /* @__PURE__ */ r((e) => {
         }
         n.clearRect(0, 0, D, V);
         const T = Be(), ce = 0.3;
-        for (let w = 0; w < u; w++) {
+        for (let w = 0; w < h; w++) {
           const ge = A + T[w] * (H - A);
           b[w] = b[w] + ce * (ge - b[w]), k[w] = b[w];
         }
         const be = 16.67;
-        for (let w = 0; w < u; w++) {
-          const ge = s[w], oe = me(ge), re = k[w] - h[w], ve = Qr * oe.stiffnessMultiplier, Me = Xr * oe.dampingMultiplier, Q = re * ve - p[w] * Me;
-          if (p[w] += Q, h[w] += p[w], h[w] > z[w])
-            z[w] = h[w], O[w] = xt, q[w] = 0;
+        for (let w = 0; w < h; w++) {
+          const ge = s[w], oe = me(ge), re = k[w] - u[w], ve = Qr * oe.stiffnessMultiplier, Me = Xr * oe.dampingMultiplier, Q = re * ve - p[w] * Me;
+          if (p[w] += Q, u[w] += p[w], u[w] > z[w])
+            z[w] = u[w], O[w] = xt, q[w] = 0;
           else if (O[w] = Math.max(0, O[w] - be), O[w] <= 0) {
-            const De = (Math.max(A, h[w] * 1.1) - z[w]) * es - q[w] * ts;
+            const De = (Math.max(A, u[w] * 1.1) - z[w]) * es - q[w] * ts;
             q[w] += De, z[w] = Math.max(A, z[w] + q[w]);
           }
         }
-        const J = u * 0.15, pe = i.audioState?.mode ?? "idle";
+        const J = h * 0.15, pe = i.audioState?.mode ?? "idle";
         if ((pe === "listening" || pe === "speaking") && i.enableGlow && !d.value) {
           const w = performance.now() * 1e-3, ge = 0.1 + Math.sin(w * 2) * 0.05;
           n.save(), n.globalCompositeOperation = "lighter", n.globalAlpha = ge;
           const oe = le[ae.value];
           n.fillStyle = oe.glow;
-          for (let re = 0; re < u; re++) {
-            const ve = re * (F + M), Me = h[re], Q = V - Me;
+          for (let re = 0; re < h; re++) {
+            const ve = re * (F + M), Me = u[re], Q = V - Me;
             n.beginPath(), n.roundRect(ve - 1, Q - 1, F + 2, Me + 2, [2, 2, 0, 0]), n.fill();
           }
           n.restore();
         }
         const ke = le[ae.value], [de, ue, he] = ke.primary;
-        for (let w = 0; w < u; w++) {
-          const ge = w * (F + M), oe = h[w], re = V - oe, ve = s[w], Me = Math.min(w, u - 1 - w), Q = Math.min(1, Me / J), Le = Math.min(1, oe / H), De = (0.8 + Le * 0.2) * Q, at = (0.6 + Le * 0.2) * Q, lt = (0.3 + Le * 0.1) * Q, Nt = Math.round(Le * 10) / 10, Rt = Math.round(Q * 10) / 10, jt = `${ae.value}-${Nt}-${Rt}-${oe}`, Gt = Ne(jt, () => {
+        for (let w = 0; w < h; w++) {
+          const ge = w * (F + M), oe = u[w], re = V - oe, ve = s[w], Me = Math.min(w, h - 1 - w), Q = Math.min(1, Me / J), Le = Math.min(1, oe / H), De = (0.8 + Le * 0.2) * Q, it = (0.6 + Le * 0.2) * Q, at = (0.3 + Le * 0.1) * Q, Nt = Math.round(Le * 10) / 10, jt = Math.round(Q * 10) / 10, Rt = `${ae.value}-${Nt}-${jt}-${oe}`, Gt = Ne(Rt, () => {
             const Z = n.createLinearGradient(0, re, 0, re + oe);
             if (pe === "speaking")
-              Z.addColorStop(0, `rgba(${de}, ${ue}, ${he}, ${De})`), Z.addColorStop(0.5, `rgba(${de}, ${ue}, ${he}, ${at})`), Z.addColorStop(1, `rgba(${de}, ${ue}, ${he}, ${lt})`), (ve >= 400 && ve <= 600 || ve >= 1400 && ve <= 1600) && Z.addColorStop(0, `rgba(74, 222, 128, ${Math.min(1, De + 0.2)})`);
+              Z.addColorStop(0, `rgba(${de}, ${ue}, ${he}, ${De})`), Z.addColorStop(0.5, `rgba(${de}, ${ue}, ${he}, ${it})`), Z.addColorStop(1, `rgba(${de}, ${ue}, ${he}, ${at})`), (ve >= 400 && ve <= 600 || ve >= 1400 && ve <= 1600) && Z.addColorStop(0, `rgba(74, 222, 128, ${Math.min(1, De + 0.2)})`);
             else if (pe === "listening")
-              Z.addColorStop(0, `rgba(${de}, ${ue}, ${he}, ${De})`), Z.addColorStop(0.5, `rgba(${de}, ${ue}, ${he}, ${at})`), Z.addColorStop(1, `rgba(${de}, ${ue}, ${he}, ${lt})`);
+              Z.addColorStop(0, `rgba(${de}, ${ue}, ${he}, ${De})`), Z.addColorStop(0.5, `rgba(${de}, ${ue}, ${he}, ${it})`), Z.addColorStop(1, `rgba(${de}, ${ue}, ${he}, ${at})`);
             else {
-              const Re = 0.6 * Q, Ut = 0.4 * Q, Ot = 0.2 * Q;
-              Z.addColorStop(0, `rgba(${de}, ${ue}, ${he}, ${Re})`), Z.addColorStop(0.6, `rgba(${de}, ${ue}, ${he}, ${Ut})`), Z.addColorStop(1, `rgba(${de}, ${ue}, ${he}, ${Ot})`);
+              const je = 0.6 * Q, Ut = 0.4 * Q, Ot = 0.2 * Q;
+              Z.addColorStop(0, `rgba(${de}, ${ue}, ${he}, ${je})`), Z.addColorStop(0.6, `rgba(${de}, ${ue}, ${he}, ${Ut})`), Z.addColorStop(1, `rgba(${de}, ${ue}, ${he}, ${Ot})`);
             }
             return Z;
           });
           if (n.fillStyle = Gt, n.beginPath(), n.roundRect(ge, re, F, oe, [1, 1, 0, 0]), n.fill(), z[w] > A + 2) {
-            const Z = V - z[w], Re = O[w] > 0 ? 0.9 : Math.max(0.3, O[w] / xt);
-            n.fillStyle = `rgba(255, 255, 255, ${Re})`, n.fillRect(ge, Z - 1, F, 2), Re > 0.5 && !d.value && (n.shadowColor = ke.glow, n.shadowBlur = 3, n.fillRect(ge, Z - 1, F, 2), n.shadowBlur = 0);
+            const Z = V - z[w], je = O[w] > 0 ? 0.9 : Math.max(0.3, O[w] / xt);
+            n.fillStyle = `rgba(255, 255, 255, ${je})`, n.fillRect(ge, Z - 1, F, 2), je > 0.5 && !d.value && (n.shadowColor = ke.glow, n.shadowBlur = 3, n.fillRect(ge, Z - 1, F, 2), n.shadowBlur = 0);
           }
         }
         l = requestAnimationFrame(K);
@@ -5121,18 +5113,18 @@ const j = /* @__PURE__ */ r((e) => {
       if (ye(t.value.bars), a.value) {
         if (n = a.value.getContext("2d"), ee(), typeof window < "u") {
           window.addEventListener("resize", _, { passive: !0 });
-          const f = /* @__PURE__ */ r(() => {
+          const g = /* @__PURE__ */ r(() => {
             C.value = !document.hidden;
           }, "handleVisibilityChange");
-          document.addEventListener("visibilitychange", f, { passive: !0 });
+          document.addEventListener("visibilitychange", g, { passive: !0 });
         }
         te();
       }
     });
     function _() {
       if (typeof window < "u") {
-        const f = Math.max(1, Math.min(2, window.devicePixelRatio || 1));
-        f !== W && (W = f);
+        const g = Math.max(1, Math.min(2, window.devicePixelRatio || 1));
+        g !== W && (W = g);
       }
       ee();
     }
@@ -5143,21 +5135,21 @@ const j = /* @__PURE__ */ r((e) => {
     }), ie(
       [() => i.audioState?.mode, () => i.size],
       () => {
-        h.length !== t.value.bars && ye(t.value.bars), !n && a.value && (n = a.value.getContext("2d")), l && cancelAnimationFrame(l), ee(), te();
+        u.length !== t.value.bars && ye(t.value.bars), !n && a.value && (n = a.value.getContext("2d")), l && cancelAnimationFrame(l), ee(), te();
       },
       { immediate: !1 }
-    ), ie(a, (f) => {
-      f && !n && (n = f.getContext("2d"), ee(), te());
-    }), (f, u) => (m(), y("div", Jr, [
+    ), ie(a, (g) => {
+      g && !n && (n = g.getContext("2d"), ee(), te());
+    }), (g, h) => (f(), y("div", Jr, [
       c("canvas", {
         ref_key: "canvasRef",
         ref: a,
         class: "w-full max-w-full [image-rendering:-webkit-optimize-contrast]",
-        style: tt({ height: `${t.value.maxHeight}px` })
+        style: et({ height: `${t.value.maxHeight}px` })
       }, null, 4)
     ]));
   }
-}), rs = /* @__PURE__ */ R({
+}), rs = /* @__PURE__ */ j({
   __name: "ElSelfAudioVisualizer",
   props: {
     selfController: {},
@@ -5195,7 +5187,7 @@ const j = /* @__PURE__ */ r((e) => {
         getFrequencyData: n
       };
     });
-    return (t, s) => (m(), se(os, Zt({ "audio-state": o.value }, i), null, 16, ["audio-state"]));
+    return (t, s) => (f(), se(os, Zt({ "audio-state": o.value }, i), null, 16, ["audio-state"]));
   }
 }), ss = { class: "flex flex-col h-full items-center justify-center gap-4" }, ns = { class: "flex-1 flex flex-col items-center justify-center space-y-8" }, is = { class: "w-full max-w-md" }, as = { class: "text-center flex gap-2 items-center text-xs" }, ls = { class: "flex items-center justify-center gap-2" }, cs = {
   key: 0,
@@ -5209,7 +5201,7 @@ const j = /* @__PURE__ */ r((e) => {
 }, hs = {
   key: 3,
   class: "size-2 bg-red-500 rounded-full"
-}, gs = { class: "text-white/70 text-sm max-w-xs leading-relaxed" }, fs = { class: "flex flex-col items-center space-y-6" }, ms = /* @__PURE__ */ R({
+}, gs = { class: "text-white/70 text-sm max-w-xs leading-relaxed" }, fs = { class: "flex flex-col items-center space-y-6" }, ms = /* @__PURE__ */ j({
   __name: "ElSelfVoice",
   props: {
     selfController: {}
@@ -5227,7 +5219,7 @@ const j = /* @__PURE__ */ r((e) => {
           console.error("Error toggling call:", d);
         }
     }
-    return r(l, "toggleCall"), (d, C) => (m(), y("div", ss, [
+    return r(l, "toggleCall"), (d, C) => (f(), y("div", ss, [
       c("div", ns, [
         c("div", is, [
           G(rs, {
@@ -5238,13 +5230,13 @@ const j = /* @__PURE__ */ r((e) => {
         ]),
         c("div", as, [
           c("div", ls, [
-            e.selfController?.voiceState.value.isListening ? (m(), y("div", cs)) : e.selfController?.voiceState.value.isSpeaking ? (m(), y("div", ds)) : e.selfController?.voiceState.value.isConnected && !e.selfController?.voiceState.value.isListening && !e.selfController?.voiceState.value.isSpeaking ? (m(), y("div", us)) : e.selfController?.voiceState.value.error ? (m(), y("div", hs)) : P("", !0)
+            e.selfController?.voiceState.value.isListening ? (f(), y("div", cs)) : e.selfController?.voiceState.value.isSpeaking ? (f(), y("div", ds)) : e.selfController?.voiceState.value.isConnected && !e.selfController?.voiceState.value.isListening && !e.selfController?.voiceState.value.isSpeaking ? (f(), y("div", us)) : e.selfController?.voiceState.value.error ? (f(), y("div", hs)) : P("", !0)
           ]),
           c("p", gs, U(e.selfController?.voiceState.value.error ? `Error: ${e.selfController.voiceState.value.error}` : e.selfController?.voiceState.value.transcript || "Ready to start a call..."), 1)
         ])
       ]),
       c("div", fs, [
-        G(rt, {
+        G(ot, {
           theme: o.value,
           icon: t.value,
           size: "lg",
@@ -5281,7 +5273,7 @@ const j = /* @__PURE__ */ r((e) => {
 }, As = { class: "text-center max-w-md space-y-4" }, Is = { class: "text-sm text-white/70 leading-relaxed" }, $s = {
   key: 3,
   class: "bg-white/10 backdrop-blur-sm text-white/70 flex items-center justify-center h-full"
-}, Rs = /* @__PURE__ */ R({
+}, js = /* @__PURE__ */ j({
   __name: "SelfAgent",
   props: {
     sdk: {},
@@ -5295,11 +5287,11 @@ const j = /* @__PURE__ */ r((e) => {
   },
   emits: ["close", "error"],
   setup(e, { emit: i }) {
-    const o = i, t = _t(), s = B(!1), a = B(!1), n = B(), l = B(), d = E(() => t.value?.agentMode?.value ?? "self"), C = E(() => e.sdk.activeUser.value !== void 0), g = E(() => At.find((b) => b.mode === d.value));
-    function h() {
+    const o = i, t = _t(), s = B(!1), a = B(!1), n = B(), l = B(), d = E(() => t.value?.agentMode?.value ?? "self"), C = E(() => e.sdk.activeUser.value !== void 0), m = E(() => At.find((b) => b.mode === d.value));
+    function u() {
       t.value && t.value.destroy();
       try {
-        t.value = new Je({
+        t.value = new Ye({
           sdk: e.sdk,
           self: e.self,
           context: e.context,
@@ -5309,7 +5301,7 @@ const j = /* @__PURE__ */ r((e) => {
         throw console.error("SelfController creation failed:", k), k;
       }
     }
-    r(h, "createSelfController");
+    r(u, "createSelfController");
     function p(k) {
       if (!l.value)
         return;
@@ -5320,7 +5312,7 @@ const j = /* @__PURE__ */ r((e) => {
     }
     return r(p, "applyTheme"), $e(() => {
       try {
-        h(), p(e.theme);
+        u(), p(e.theme);
       } catch (k) {
         const b = k instanceof Error ? k.message : "Failed to initialize digital self";
         n.value = b, o("error", b);
@@ -5331,19 +5323,19 @@ const j = /* @__PURE__ */ r((e) => {
       p(k);
     }), ie(() => e.sdk.activeUser.value, (k, b) => {
       b && !k && t.value && t.value.setMode("self");
-    }), (k, b) => (m(), y("div", {
+    }), (k, b) => (f(), y("div", {
       ref_key: "rootElement",
       ref: l,
-      key: X(Ye)(e.self),
+      key: X(_e)(e.self),
       class: "fiction-sdk @container/agent self-agent w-full h-full overflow-hidden relative",
       "data-test": "self-agent"
     }, [
-      e.loading ? (m(), y("div", bs, [
-        G(ot, { class: "text-white size-8" })
-      ])) : e.self && !n.value ? (m(), y("div", {
+      e.loading ? (f(), y("div", bs, [
+        G(tt, { class: "text-white size-8" })
+      ])) : e.self && !n.value ? (f(), y("div", {
         key: 1,
-        class: "absolute inset-0 bg-cover bg-center bg-no-repeat",
-        style: tt({ backgroundImage: `url(${X(Ye)(e.self) || X(We)()})` })
+        class: $(["absolute inset-0 bg-cover bg-center bg-no-repeat", { "backdrop-blur-sm": e.self.avatar?.quality === "low" || e.self.cover?.quality === "low" }]),
+        style: et({ backgroundImage: `url(${X(_e)(e.self) || X(He)()})` })
       }, [
         c("div", {
           class: $(["absolute inset-0 bg-gradient-to-br z-0", d.value === "self" ? "from-black/70 via-black/50 to-black/80" : "from-black/90 via-black/90 to-black/100"])
@@ -5372,12 +5364,12 @@ const j = /* @__PURE__ */ r((e) => {
                 onClick: b[1] || (b[1] = (z) => a.value = !0)
               }, [
                 c("i", {
-                  class: $([g.value?.icon, "size-4 opacity-60"])
+                  class: $([m.value?.icon, "size-4 opacity-60"])
                 }, null, 2),
-                c("span", ps, U(g.value?.label), 1),
+                c("span", ps, U(m.value?.label), 1),
                 b[7] || (b[7] = c("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
               ], 2),
-              e.hasClose ? (m(), y("div", vs, [
+              e.hasClose ? (f(), y("div", vs, [
                 c("button", {
                   class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
                   onClick: b[2] || (b[2] = Ct((z) => o("close", "button"), ["stop"]))
@@ -5387,11 +5379,11 @@ const j = /* @__PURE__ */ r((e) => {
               ])) : P("", !0)
             ], 2)
           ], 2),
-          d.value === "self" ? (m(), y("div", xs, [
+          d.value === "self" ? (f(), y("div", xs, [
             b[9] || (b[9] = c("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
             G(Nr, { self: e.self }, null, 8, ["self"]),
             c("div", ys, [
-              G(rt, {
+              G(ot, {
                 theme: "primary",
                 size: "lg",
                 class: "w-full",
@@ -5405,30 +5397,30 @@ const j = /* @__PURE__ */ r((e) => {
                 _: 1
               })
             ])
-          ])) : d.value === "talk" ? (m(), y("div", ks, [
-            C.value ? (m(), y(Ce, { key: 1 }, [
+          ])) : d.value === "talk" ? (f(), y("div", ks, [
+            C.value ? (f(), y(Ce, { key: 1 }, [
               c("div", null, [
                 c("div", ws, [
                   G(Mo, { self: e.self }, null, 8, ["self"])
                 ])
               ]),
               G(ms, { "self-controller": t.value }, null, 8, ["self-controller"])
-            ], 64)) : (m(), se(ft, {
+            ], 64)) : (f(), se(gt, {
               key: 0,
               sdk: e.sdk
             }, null, 8, ["sdk"]))
-          ])) : (m(), y("div", Cs, [
+          ])) : (f(), y("div", Cs, [
             c("div", Ss, [
-              d.value === "chat" ? (m(), y(Ce, { key: 0 }, [
-                C.value ? (m(), se(Er, {
+              d.value === "chat" ? (f(), y(Ce, { key: 0 }, [
+                C.value ? (f(), se(Er, {
                   key: 1,
                   "self-controller": t.value,
                   self: e.self
-                }, null, 8, ["self-controller", "self"])) : (m(), se(ft, {
+                }, null, 8, ["self-controller", "self"])) : (f(), se(gt, {
                   key: 0,
                   sdk: e.sdk
                 }, null, 8, ["sdk"]))
-              ], 64)) : d.value === "info" ? (m(), se(vr, {
+              ], 64)) : d.value === "info" ? (f(), se(vr, {
                 key: 1,
                 self: e.self
               }, null, 8, ["self"])) : P("", !0)
@@ -5447,7 +5439,7 @@ const j = /* @__PURE__ */ r((e) => {
             ], -1)
           ])], 2)
         ], 2)
-      ], 4)) : n.value ? (m(), y("div", Ms, [
+      ], 6)) : n.value ? (f(), y("div", Ms, [
         c("div", As, [
           b[11] || (b[11] = c("div", { class: "flex justify-center" }, [
             c("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [
@@ -5457,7 +5449,7 @@ const j = /* @__PURE__ */ r((e) => {
           b[12] || (b[12] = c("h3", { class: "text-lg font-medium" }, " Self Error ", -1)),
           c("p", Is, U(n.value), 1)
         ])
-      ])) : (m(), y("div", $s, " There was an error loading the digital self. Please try again later. ")),
+      ])) : (f(), y("div", $s, " There was an error loading the digital self. Please try again later. ")),
       G(Yr, {
         modelValue: s.value,
         "onUpdate:modelValue": b[4] || (b[4] = (z) => s.value = z),
@@ -5475,7 +5467,7 @@ const j = /* @__PURE__ */ r((e) => {
 }), zs = { class: "self-wrap" }, Es = {
   key: 0,
   class: "flex items-center justify-center h-full"
-}, js = /* @__PURE__ */ R({
+}, Rs = /* @__PURE__ */ j({
   __name: "SelfWrap",
   props: {
     sdk: {},
@@ -5567,8 +5559,8 @@ const j = /* @__PURE__ */ r((e) => {
           }
         });
       }
-    }), (l, d) => (m(), y("div", zs, [
-      s.value ? (m(), y("div", Es, [...d[0] || (d[0] = [
+    }), (l, d) => (f(), y("div", zs, [
+      s.value ? (f(), y("div", Es, [...d[0] || (d[0] = [
         c("div", { class: "animate-spin rounded-full size-6 border-b-2 border-white" }, null, -1)
       ])])) : a.value ? Ie(l.$slots, "default", {
         key: 1,
@@ -5583,20 +5575,20 @@ const j = /* @__PURE__ */ r((e) => {
 });
 export {
   oo as A,
-  _e as C,
+  Ze as C,
   Fs as V,
-  jr as _,
-  js as a,
-  Rs as b,
-  We as c,
+  Rr as _,
+  Rs as a,
+  js as b,
+  He as c,
   ro as d,
   so as e,
   Bs as f,
-  Ye as g,
+  _e as g,
   At as h,
-  gt as i,
-  Oe as j,
+  ht as i,
+  Ue as j,
   Ns as k,
   no as p
 };
-//# sourceMappingURL=SelfWrap.vue_vue_type_script_setup_true_lang-5yJk1rsa.js.map
+//# sourceMappingURL=SelfWrap.vue_vue_type_script_setup_true_lang-CxBXV2uC.js.map