@fiction/sdk 1.0.15 → 1.0.16

package/dist/self.js

@@ -1,9 +1,9 @@
 var Ct = Object.defineProperty;
-var ao = (e, r, o) => r in e ? Ct(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o;
+var io = (e, r, o) => r in e ? Ct(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o;
 var s = (e, r) => Ct(e, "name", { value: r, configurable: !0 });
-var D = (e, r, o) => ao(e, typeof r != "symbol" ? r + "" : r, o);
-import { ref as T, defineComponent as j, createElementBlock as v, openBlock as d, createElementVNode as l, normalizeClass as z, watch as oe, computed as F, createCommentVNode as E, renderSlot as Me, onMounted as Ie, Fragment as Ae, renderList as rt, withDirectives as Pt, vModelText as Ft, toDisplayString as R, createBlock as Q, withKeys as io, createVNode as U, withCtx as se, createTextVNode as He, unref as Y, resolveDynamicComponent as lo, nextTick as Xe, Transition as _e, withModifiers as et, TransitionGroup as co, normalizeStyle as st, onUnmounted as ft, shallowRef as uo, Teleport as ho, normalizeProps as fo, guardReactiveProps as go, mergeProps as St } from "vue";
-import { S as Vt } from "./base-CEr2lLFg.js";
+var D = (e, r, o) => io(e, typeof r != "symbol" ? r + "" : r, o);
+import { ref as T, defineComponent as j, createElementBlock as b, openBlock as d, createElementVNode as l, normalizeClass as z, watch as ee, createBlock as _, TransitionGroup as Pt, withCtx as te, renderSlot as Ce, computed as V, createCommentVNode as E, onMounted as Ie, Fragment as Ae, renderList as rt, withDirectives as Vt, vModelText as Ft, toDisplayString as N, createVNode as B, withKeys as lo, createTextVNode as He, unref as Y, resolveDynamicComponent as co, nextTick as Xe, Transition as _e, withModifiers as et, normalizeStyle as st, onUnmounted as ft, shallowRef as uo, Teleport as ho, normalizeProps as fo, guardReactiveProps as go, mergeProps as St } from "vue";
+import { S as Dt } from "./base-CEr2lLFg.js";
 import { Conversation as Mt } from "@elevenlabs/client";
 import { objectId as mo } from "@fiction/utils";
 const bo = 256, vo = 0.8, po = 50, xo = {
@@ -19,7 +19,7 @@ const bo = 256, vo = 0.8, po = 50, xo = {
   // ms to hold peaks
   PEAK_DECAY_STIFFNESS: 0.12,
   PEAK_DECAY_DAMPING: 0.15
-}, _ = [
+}, X = [
   // Low fundamentals
   85,
   100,
@@ -93,7 +93,7 @@ const bo = 256, vo = 0.8, po = 50, xo = {
   7500,
   8e3,
   8500
-], vt = class vt extends Vt {
+], vt = class vt extends Dt {
   constructor(o) {
     super("ClientAudio", o);
     D(this, "audioContext");
@@ -236,7 +236,7 @@ const bo = 256, vo = 0.8, po = 50, xo = {
 };
 s(vt, "ClientAudio");
 let lt = vt;
-const Dt = [
+const Bt = [
   {
     mode: "self",
     label: "Mode",
@@ -303,11 +303,11 @@ function yo(e) {
   return null;
 }
 s(yo, "parseVoiceMessage");
-function sn(e) {
+function an(e) {
   const { name: r, context: o } = e;
   return o === "welcome" ? `Welcome to Fiction! I'm ${r}, your digital self. I'm here to help you understand how I can represent you and assist with your daily tasks. What would you like to know about how I work?` : o === "onboarding" ? `Hi! I'm ${r}, your newly created digital self. I can handle conversations, answer questions about your expertise, and represent you professionally. Ready to see what I can do?` : `Hello! I'm ${r}. How can I help you today?`;
 }
-s(sn, "generateFirstMessage");
+s(an, "generateFirstMessage");
 const ko = { class: "spinner max-w-sm" }, wo = {
   class: "ring-circular h-full w-full origin-center",
   viewBox: "25 25 50 50"
@@ -318,8 +318,8 @@ const ko = { class: "spinner max-w-sm" }, wo = {
     colorMode: { type: String, default: "primary" }
   },
   setup(e) {
-    return (r, o) => (d(), v("div", ko, [
-      (d(), v("svg", wo, [
+    return (r, o) => (d(), b("div", ko, [
+      (d(), b("svg", wo, [
         l("circle", {
           class: z([e.colorMode, "ring-path"]),
           cx: "50",
@@ -469,7 +469,7 @@ function Co(e) {
   return It[e] || It.blue;
 }
 s(Co, "getColorSchemeOklch");
-const pt = class pt extends Vt {
+const pt = class pt extends Dt {
   constructor(o) {
     super("SelfController", o);
     D(this, "conversation");
@@ -569,7 +569,7 @@ const pt = class pt extends Vt {
     }), this.clientAudio.resetAudioLevels());
   }
   setupModeWatcher() {
-    oe(this.agentMode, async (o, t) => {
+    ee(this.agentMode, async (o, t) => {
       this.logger.info(`Mode changed from ${t} to ${o}`), this.conversation && (t === "talk" || t === "chat") && await this.endConversation();
     });
   }
@@ -631,7 +631,7 @@ const pt = class pt extends Vt {
             isListening: !0,
             transcript: "Connected! Start speaking...",
             connectionStatus: "connected"
-          }), o.onConnect?.(), o.onAudioLevel && (this.unwatchAudio = oe(this.audioLevels, o.onAudioLevel, { immediate: !0 }));
+          }), o.onConnect?.(), o.onAudioLevel && (this.unwatchAudio = ee(this.audioLevels, o.onAudioLevel, { immediate: !0 }));
         }, "onConnect"),
         onDisconnect: /* @__PURE__ */ s(() => {
           this.logger.info("Voice conversation disconnected"), this.conversation = void 0, this.clientAudio.stopAudioLevelMonitoring(), this.endSession().catch((a) => console.error("Failed to end session:", a)), this.resetState(!1), o.onDisconnect?.();
@@ -780,7 +780,23 @@ const pt = class pt extends Vt {
 };
 s(pt, "SelfController");
 let ct = pt;
-const So = {
+const So = /* @__PURE__ */ j({
+  __name: "EffectTransitionList",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    mode: { default: "block" }
+  },
+  setup(e) {
+    return (r, o) => (d(), _(Pt, {
+      name: e.disabled ? "" : "nlist"
+    }, {
+      default: te(() => [
+        Ce(r.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["name"]));
+  }
+}), Mo = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
 }, mt = /* @__PURE__ */ j({
@@ -793,42 +809,42 @@ const So = {
     iconAfter: {}
   },
   setup(e) {
-    const r = F(() => ({
+    const r = V(() => ({
       primary: "bg-primary-600 border-primary-400 hover:border-primary-300 hover:bg-primary-500",
       green: "bg-green-600 border-green-400 hover:border-green-300 hover:bg-green-500",
       red: "bg-red-600 border-red-400 hover:border-red-300 hover:bg-red-500",
       default: "bg-white/10 border-white/20 hover:border-white/40 hover:bg-white/20"
-    })[e.theme]), o = F(() => ({
+    })[e.theme]), o = V(() => ({
       sm: "px-4 py-2 text-sm",
       md: "px-6 py-3 text-base",
       lg: "px-8 py-4 text-base"
-    })[e.size]), t = F(() => ({
+    })[e.size]), t = V(() => ({
       sm: "size-4",
       md: "size-4",
       lg: "size-5"
     })[e.size]);
-    return (n, a) => (d(), v("button", {
+    return (n, a) => (d(), b("button", {
       class: z(["relative inline-flex items-center justify-center gap-2 font-medium rounded-full backdrop-blur-sm border-2 text-white transition-all duration-200 focus:outline-none active:opacity-80 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer", [r.value, o.value]])
     }, [
-      e.loading ? (d(), v("div", So, [...a[0] || (a[0] = [
+      e.loading ? (d(), b("div", Mo, [...a[0] || (a[0] = [
         l("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)
       ])])) : E("", !0),
       l("span", {
         class: z(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"])
       }, [
-        e.icon ? (d(), v("i", {
+        e.icon ? (d(), b("i", {
           key: 0,
           class: z([e.icon, t.value])
         }, null, 2)) : E("", !0),
-        Me(n.$slots, "default"),
-        e.iconAfter ? (d(), v("i", {
+        Ce(n.$slots, "default"),
+        e.iconAfter ? (d(), b("i", {
           key: 1,
           class: z([e.iconAfter, t.value])
         }, null, 2)) : E("", !0)
       ], 2)
     ], 2));
   }
-}), Mo = ["value"], Ao = /* @__PURE__ */ j({
+}), Ao = ["value"], Io = /* @__PURE__ */ j({
   __name: "SelfInputEmail",
   props: {
     modelValue: { default: "" }
@@ -836,17 +852,17 @@ const So = {
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
     const o = r;
-    return (t, n) => (d(), v("input", {
+    return (t, n) => (d(), b("input", {
       type: "email",
       autocomplete: "email",
       placeholder: "Enter Your Email",
       value: e.modelValue,
-      class: "w-full px-6 py-3 text-white/90 placeholder-white/40 bg-white/5 border-2 border-white/50 backdrop-blur-md rounded-full focus:outline-none focus:border-white/60 focus:bg-white/0 transition-colors",
+      class: "w-full px-6 py-3 text-theme-900 placeholder-theme-500 bg-white border border-white rounded-full focus:outline-none transition-all",
       style: { "font-size": "16px" },
       onInput: n[0] || (n[0] = (a) => o("update:modelValue", a.target.value))
-    }, null, 40, Mo));
+    }, null, 40, Ao));
   }
-}), Io = { class: "flex gap-1.5 justify-center" }, zo = ["onUpdate:modelValue", "onInput", "onKeydown", "onPaste", "onFocus"], $o = /* @__PURE__ */ j({
+}), zo = { class: "flex gap-1.5 justify-center" }, $o = ["onUpdate:modelValue", "onInput", "onKeydown", "onPaste", "onFocus"], Eo = /* @__PURE__ */ j({
   __name: "SelfInputOneTimeCode",
   props: {
     modelValue: {},
@@ -858,9 +874,9 @@ const So = {
     const o = e, t = r, n = T([]), a = T(Array.from({ length: o.length }).fill("")), i = T(!1);
     Ie(() => {
       o.modelValue && (a.value = o.modelValue.split("").slice(0, o.length)), o.focusFirst && !("ontouchstart" in window) && n.value[0]?.focus();
-    }), oe(() => o.modelValue, (c) => {
+    }), ee(() => o.modelValue, (c) => {
       a.value = c ? c.split("").slice(0, o.length) : Array.from({ length: o.length }).fill("");
-    }), oe(a, () => {
+    }), ee(a, () => {
       const c = a.value.filter(Boolean).join("");
       t("update:modelValue", c), c.length === o.length && t("autoSubmit", c);
     }, { deep: !0 });
@@ -873,8 +889,8 @@ const So = {
         }, 10);
       else {
         const g = [...a.value];
-        y.split("").slice(0, o.length - c).forEach((H, X) => {
-          g[c + X] = H;
+        y.split("").slice(0, o.length - c).forEach((H, Q) => {
+          g[c + Q] = H;
         }), a.value = g;
         const P = Math.min(c + y.length, o.length - 1);
         setTimeout(() => {
@@ -897,8 +913,8 @@ const So = {
         for (let m = c; m < o.length; m++)
           a.value[m] = "";
     }
-    return s(u, "onFocus"), (c, m) => (d(), v("div", Io, [
-      (d(!0), v(Ae, null, rt(e.length, (y) => Pt((d(), v("input", {
+    return s(u, "onFocus"), (c, m) => (d(), b("div", zo, [
+      (d(!0), b(Ae, null, rt(e.length, (y) => Vt((d(), b("input", {
         key: y,
         ref_for: !0,
         ref: /* @__PURE__ */ s((g) => n.value[y - 1] = g, "ref"),
@@ -906,22 +922,28 @@ const So = {
         type: "text",
         inputmode: "numeric",
         autocomplete: "one-time-code",
-        class: "size-11 text-center font-mono text-white/90 bg-white/5 border border-white/10 rounded-lg focus:outline-none focus:border-white/30 focus:bg-white/10 transition-colors",
+        class: "size-11 text-center font-mono text-theme-900 bg-white border border-white rounded-lg focus:outline-none transition-all",
         style: { "font-size": "16px" },
         maxlength: "1",
         onInput: /* @__PURE__ */ s((g) => h(y - 1, g), "onInput"),
         onKeydown: /* @__PURE__ */ s((g) => C(y - 1, g), "onKeydown"),
         onPaste: /* @__PURE__ */ s((g) => f(y - 1, g), "onPaste"),
         onFocus: /* @__PURE__ */ s((g) => u(y - 1), "onFocus")
-      }, null, 40, zo)), [
+      }, null, 40, $o)), [
         [Ft, a.value[y - 1]]
       ])), 128))
     ]));
   }
-}), Eo = { class: "flex flex-col items-center justify-center h-full p-6" }, Lo = { class: "w-full max-w-xs space-y-12" }, To = {
+}), Lo = { class: "flex flex-col items-center justify-center h-full p-6" }, To = { class: "w-full max-w-xs space-y-12" }, Po = {
   key: 0,
   class: "text-xs text-theme-400 text-center"
-}, Po = { class: "text-lg font-light text-white text-center" }, Fo = { class: "space-y-6" }, Vo = { class: "space-y-4" }, zt = /* @__PURE__ */ j({
+}, Vo = { class: "text-base font-light text-white text-center" }, Fo = { class: "space-y-6 relative" }, Do = {
+  key: "email-field",
+  class: "w-full"
+}, Bo = {
+  key: "code-field",
+  class: "w-full"
+}, zt = /* @__PURE__ */ j({
   __name: "ElAuthGate",
   props: {
     sdk: {}
@@ -929,64 +951,74 @@ const So = {
   setup(e) {
     const r = T({ email: "", code: "" }), o = T("email"), t = {
       email: {
-        title: "Continue with Email",
+        title: "Enter Your Email",
         button: { label: "Continue", disabled: /* @__PURE__ */ s(() => !r.value.email, "disabled") },
         action: /* @__PURE__ */ s(async () => {
           await e.sdk.requestAuthCode({ email: r.value.email }) && (o.value = "code");
         }, "action")
       },
       code: {
-        title: "Enter Code",
+        title: "Enter Verification Code",
         button: { label: "Verify", disabled: /* @__PURE__ */ s(() => r.value.code.length !== 6, "disabled") },
         action: /* @__PURE__ */ s(() => e.sdk.loginWithCode({ email: r.value.email, code: r.value.code }), "action")
       }
-    }, n = F(() => t[o.value]);
-    return (a, i) => (d(), v("div", Eo, [
-      l("div", Lo, [
-        e.sdk.error.value ? (d(), v("p", To, R(e.sdk.error.value), 1)) : E("", !0),
-        l("h3", Po, R(n.value.title), 1),
+    }, n = V(() => t[o.value]);
+    return (a, i) => (d(), b("div", Lo, [
+      l("div", To, [
+        e.sdk.error.value ? (d(), b("p", Po, N(e.sdk.error.value), 1)) : E("", !0),
+        l("h3", Vo, N(n.value.title), 1),
         l("div", Fo, [
-          o.value === "email" ? (d(), Q(Ao, {
-            key: 0,
-            modelValue: r.value.email,
-            "onUpdate:modelValue": i[0] || (i[0] = (f) => r.value.email = f),
-            onKeyup: io(n.value.action, ["enter"])
-          }, null, 8, ["modelValue", "onKeyup"])) : (d(), Q($o, {
-            key: 1,
-            modelValue: r.value.code,
-            "onUpdate:modelValue": i[1] || (i[1] = (f) => r.value.code = f),
-            length: 6,
-            "focus-first": !0,
-            onAutoSubmit: n.value.action
-          }, null, 8, ["modelValue", "onAutoSubmit"])),
-          l("div", Vo, [
-            U(mt, {
-              theme: "primary",
-              size: "md",
-              class: "w-full",
-              loading: e.sdk.loading.value,
-              disabled: n.value.button.disabled() || e.sdk.loading.value,
-              onClick: n.value.action
-            }, {
-              default: se(() => [
-                He(R(n.value.button.label), 1)
-              ]),
-              _: 1
-            }, 8, ["loading", "disabled", "onClick"]),
-            o.value === "code" ? (d(), v("button", {
-              key: 0,
-              class: "w-full text-xs text-white/50 hover:text-white/70 transition-colors py-2",
-              onClick: i[2] || (i[2] = (f) => o.value = "email")
-            }, " Change Email ")) : E("", !0)
-          ])
+          B(So, null, {
+            default: te(() => [
+              o.value === "email" ? (d(), b("div", Do, [
+                B(Io, {
+                  modelValue: r.value.email,
+                  "onUpdate:modelValue": i[0] || (i[0] = (f) => r.value.email = f),
+                  onKeyup: lo(n.value.action, ["enter"])
+                }, null, 8, ["modelValue", "onKeyup"])
+              ])) : (d(), b("div", Bo, [
+                B(Eo, {
+                  modelValue: r.value.code,
+                  "onUpdate:modelValue": i[1] || (i[1] = (f) => r.value.code = f),
+                  length: 6,
+                  "focus-first": !0,
+                  onAutoSubmit: n.value.action
+                }, null, 8, ["modelValue", "onAutoSubmit"])
+              ])),
+              (d(), b("div", {
+                key: n.value.button.label,
+                class: "space-y-4 w-full"
+              }, [
+                B(mt, {
+                  theme: "primary",
+                  size: "md",
+                  class: "w-full",
+                  loading: e.sdk.loading.value,
+                  disabled: n.value.button.disabled() || e.sdk.loading.value,
+                  onClick: n.value.action
+                }, {
+                  default: te(() => [
+                    He(N(n.value.button.label), 1)
+                  ]),
+                  _: 1
+                }, 8, ["loading", "disabled", "onClick"]),
+                o.value === "code" ? (d(), b("button", {
+                  key: 0,
+                  class: "w-full text-xs text-white/50 hover:text-white/70 transition-colors py-2",
+                  onClick: i[2] || (i[2] = (f) => o.value = "email")
+                }, " Change Email ")) : E("", !0)
+              ]))
+            ]),
+            _: 1
+          })
         ])
       ])
     ]));
   }
-}), Do = { class: "relative flex-shrink-0" }, Bo = ["src", "alt"], jo = {
+}), jo = { class: "relative flex-shrink-0" }, Ro = ["src", "alt"], No = {
   key: 0,
   class: "absolute top-1 right-1"
-}, Ro = { class: "min-w-0" }, No = /* @__PURE__ */ j({
+}, Go = { class: "min-w-0" }, Oo = /* @__PURE__ */ j({
   __name: "ElModeHeader",
   props: {
     self: {},
@@ -998,12 +1030,12 @@ const So = {
     function r() {
       return e.self.avatar?.src ? e.self.avatar.src : qe();
     }
-    return s(r, "getAvatarSrc"), (o, t) => (d(), v("div", {
+    return s(r, "getAvatarSrc"), (o, t) => (d(), b("div", {
       class: z(["flex gap-4", [
         e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"
       ]])
     }, [
-      l("div", Do, [
+      l("div", jo, [
         l("div", {
           class: z(["rounded-full overflow-hidden border-white", e.size === "lg" ? "w-20 h-20 sm:w-24 sm:h-24 border-4" : "w-16 sm:size-16 border-2"])
         }, [
@@ -1013,9 +1045,9 @@ const So = {
             class: "w-full h-full object-cover",
             onError: t[0] || (t[0] = //@ts-ignore
             (...n) => Y(ot) && Y(ot)(...n))
-          }, null, 40, Bo)
+          }, null, 40, Ro)
         ], 2),
-        e.showOnlineIndicator ? (d(), v("div", jo, [...t[1] || (t[1] = [
+        e.showOnlineIndicator ? (d(), b("div", No, [...t[1] || (t[1] = [
           l("div", {
             class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
             style: { "animation-duration": "3s" }
@@ -1023,41 +1055,41 @@ const So = {
           l("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1)
         ])])) : E("", !0)
       ]),
-      l("div", Ro, [
+      l("div", Go, [
         l("h1", {
           class: z(["font-light text-white mb-1 truncate", [
             e.size === "lg" ? "text-3xl mb-2" : "text-xl sm:text-2xl tracking-wide leading-tight",
             e.layout === "horizontal" ? "text-white/95" : ""
           ]])
-        }, R(e.self.name), 3),
+        }, N(e.self.name), 3),
         l("p", {
           class: z(["font-light line-clamp-1", [
             e.size === "lg" ? "text-base text-white/60" : "text-sm sm:text-base",
             e.layout === "horizontal" ? "text-white/70 truncate" : "text-white/60"
           ]])
-        }, R(e.layout === "horizontal" ? e.self.title || "Digital Self" : e.self.title), 3)
+        }, N(e.layout === "horizontal" ? e.self.title || "Digital Self" : e.self.title), 3)
       ])
     ], 2));
   }
-}), bt = "-", Go = /* @__PURE__ */ s((e) => {
-  const r = Uo(e), {
+}), bt = "-", Uo = /* @__PURE__ */ s((e) => {
+  const r = qo(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: t
   } = e;
   return {
     getClassGroupId: /* @__PURE__ */ s((i) => {
       const f = i.split(bt);
-      return f[0] === "" && f.length !== 1 && f.shift(), Bt(f, r) || Oo(i);
+      return f[0] === "" && f.length !== 1 && f.shift(), jt(f, r) || Ho(i);
     }, "getClassGroupId"),
     getConflictingClassGroupIds: /* @__PURE__ */ s((i, f) => {
       const h = o[i] || [];
       return f && t[i] ? [...h, ...t[i]] : h;
     }, "getConflictingClassGroupIds")
   };
-}, "createClassGroupUtils"), Bt = /* @__PURE__ */ s((e, r) => {
+}, "createClassGroupUtils"), jt = /* @__PURE__ */ s((e, r) => {
   if (e.length === 0)
     return r.classGroupId;
-  const o = e[0], t = r.nextPart.get(o), n = t ? Bt(e.slice(1), t) : void 0;
+  const o = e[0], t = r.nextPart.get(o), n = t ? jt(e.slice(1), t) : void 0;
   if (n)
     return n;
   if (r.validators.length === 0)
@@ -1066,13 +1098,13 @@ const So = {
   return r.validators.find(({
     validator: i
   }) => i(a))?.classGroupId;
-}, "getGroupRecursive"), $t = /^\[(.+)\]$/, Oo = /* @__PURE__ */ s((e) => {
+}, "getGroupRecursive"), $t = /^\[(.+)\]$/, Ho = /* @__PURE__ */ s((e) => {
   if ($t.test(e)) {
     const r = $t.exec(e)[1], o = r?.substring(0, r.indexOf(":"));
     if (o)
       return "arbitrary.." + o;
   }
-}, "getGroupIdForArbitraryProperty"), Uo = /* @__PURE__ */ s((e) => {
+}, "getGroupIdForArbitraryProperty"), qo = /* @__PURE__ */ s((e) => {
   const {
     theme: r,
     classGroups: o
@@ -1091,7 +1123,7 @@ const So = {
       return;
     }
     if (typeof n == "function") {
-      if (Ho(n)) {
+      if (Wo(n)) {
         dt(n(t), r, o, t);
         return;
       }
@@ -1113,7 +1145,7 @@ const So = {
       validators: []
     }), o = o.nextPart.get(t);
   }), o;
-}, "getPart"), Ho = /* @__PURE__ */ s((e) => e.isThemeGetter, "isThemeGetter"), qo = /* @__PURE__ */ s((e) => {
+}, "getPart"), Wo = /* @__PURE__ */ s((e) => e.isThemeGetter, "isThemeGetter"), Ko = /* @__PURE__ */ s((e) => {
   if (e < 1)
     return {
       get: /* @__PURE__ */ s(() => {
@@ -1137,7 +1169,7 @@ const So = {
       o.has(a) ? o.set(a, i) : n(a, i);
     }
   };
-}, "createLruCache"), ut = "!", ht = ":", Wo = ht.length, Ko = /* @__PURE__ */ s((e) => {
+}, "createLruCache"), ut = "!", ht = ":", Zo = ht.length, Yo = /* @__PURE__ */ s((e) => {
   const {
     prefix: r,
     experimentalParseClassName: o
@@ -1149,7 +1181,7 @@ const So = {
       let P = n[g];
       if (i === 0 && f === 0) {
         if (P === ht) {
-          a.push(n.slice(h, g)), h = g + Wo;
+          a.push(n.slice(h, g)), h = g + Zo;
           continue;
         }
         if (P === "/") {
@@ -1159,7 +1191,7 @@ const So = {
       }
       P === "[" ? i++ : P === "]" ? i-- : P === "(" ? f++ : P === ")" && f--;
     }
-    const u = a.length === 0 ? n : n.substring(h), c = Zo(u), m = c !== u, y = C && C > h ? C - h : void 0;
+    const u = a.length === 0 ? n : n.substring(h), c = Jo(u), m = c !== u, y = C && C > h ? C - h : void 0;
     return {
       modifiers: a,
       hasImportantModifier: m,
@@ -1185,7 +1217,7 @@ const So = {
     }), "parseClassName");
   }
   return t;
-}, "createParseClassName"), Zo = /* @__PURE__ */ s((e) => e.endsWith(ut) ? e.substring(0, e.length - 1) : e.startsWith(ut) ? e.substring(1) : e, "stripImportantModifier"), Yo = /* @__PURE__ */ s((e) => {
+}, "createParseClassName"), Jo = /* @__PURE__ */ s((e) => e.endsWith(ut) ? e.substring(0, e.length - 1) : e.startsWith(ut) ? e.substring(1) : e, "stripImportantModifier"), Qo = /* @__PURE__ */ s((e) => {
   const r = Object.fromEntries(e.orderSensitiveModifiers.map((t) => [t, !0]));
   return /* @__PURE__ */ s((t) => {
     if (t.length <= 1)
@@ -1196,18 +1228,18 @@ const So = {
       i[0] === "[" || r[i] ? (n.push(...a.sort(), i), a = []) : a.push(i);
     }), n.push(...a.sort()), n;
   }, "sortModifiers");
-}, "createSortModifiers"), Jo = /* @__PURE__ */ s((e) => ({
-  cache: qo(e.cacheSize),
-  parseClassName: Ko(e),
-  sortModifiers: Yo(e),
-  ...Go(e)
-}), "createConfigUtils"), Qo = /\s+/, Xo = /* @__PURE__ */ s((e, r) => {
+}, "createSortModifiers"), Xo = /* @__PURE__ */ s((e) => ({
+  cache: Ko(e.cacheSize),
+  parseClassName: Yo(e),
+  sortModifiers: Qo(e),
+  ...Uo(e)
+}), "createConfigUtils"), _o = /\s+/, er = /* @__PURE__ */ s((e, r) => {
   const {
     parseClassName: o,
     getClassGroupId: t,
     getConflictingClassGroupIds: n,
     sortModifiers: a
-  } = r, i = [], f = e.trim().split(Qo);
+  } = r, i = [], f = e.trim().split(_o);
   let h = "";
   for (let C = f.length - 1; C >= 0; C -= 1) {
     const u = f[C], {
@@ -1221,81 +1253,81 @@ const So = {
       h = u + (h.length > 0 ? " " + h : h);
       continue;
     }
-    let H = !!P, X = t(H ? g.substring(0, P) : g);
-    if (!X) {
+    let H = !!P, Q = t(H ? g.substring(0, P) : g);
+    if (!Q) {
       if (!H) {
         h = u + (h.length > 0 ? " " + h : h);
         continue;
       }
-      if (X = t(g), !X) {
+      if (Q = t(g), !Q) {
         h = u + (h.length > 0 ? " " + h : h);
         continue;
       }
       H = !1;
     }
-    const ze = a(m).join(":"), Ce = y ? ze + ut : ze, ue = Ce + X;
+    const ze = a(m).join(":"), Se = y ? ze + ut : ze, ue = Se + Q;
     if (i.includes(ue))
       continue;
     i.push(ue);
-    const pe = n(X, H);
+    const pe = n(Q, H);
     for (let he = 0; he < pe.length; ++he) {
-      const re = pe[he];
-      i.push(Ce + re);
+      const se = pe[he];
+      i.push(Se + se);
     }
     h = u + (h.length > 0 ? " " + h : h);
   }
   return h;
 }, "mergeClassList");
-function _o() {
+function tr() {
   let e = 0, r, o, t = "";
   for (; e < arguments.length; )
-    (r = arguments[e++]) && (o = jt(r)) && (t && (t += " "), t += o);
+    (r = arguments[e++]) && (o = Rt(r)) && (t && (t += " "), t += o);
   return t;
 }
-s(_o, "twJoin");
-const jt = /* @__PURE__ */ s((e) => {
+s(tr, "twJoin");
+const Rt = /* @__PURE__ */ s((e) => {
   if (typeof e == "string")
     return e;
   let r, o = "";
   for (let t = 0; t < e.length; t++)
-    e[t] && (r = jt(e[t])) && (o && (o += " "), o += r);
+    e[t] && (r = Rt(e[t])) && (o && (o += " "), o += r);
   return o;
 }, "toValue");
-function er(e, ...r) {
+function or(e, ...r) {
   let o, t, n, a = i;
   function i(h) {
     const C = r.reduce((u, c) => c(u), e());
-    return o = Jo(C), t = o.cache.get, n = o.cache.set, a = f, f(h);
+    return o = Xo(C), t = o.cache.get, n = o.cache.set, a = f, f(h);
   }
   s(i, "initTailwindMerge");
   function f(h) {
     const C = t(h);
     if (C)
       return C;
-    const u = Xo(h, o);
+    const u = er(h, o);
     return n(h, u), u;
   }
   return s(f, "tailwindMerge"), /* @__PURE__ */ s(function() {
-    return a(_o.apply(null, arguments));
+    return a(tr.apply(null, arguments));
   }, "callTailwindMerge");
 }
-s(er, "createTailwindMerge");
+s(or, "createTailwindMerge");
 const Z = /* @__PURE__ */ s((e) => {
   const r = /* @__PURE__ */ s((o) => o[e] || [], "themeGetter");
   return r.isThemeGetter = !0, r;
-}, "fromTheme"), Rt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Nt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, tr = /^\d+\/\d+$/, or = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, rr = /\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$/, sr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, nr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ar = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ve = /* @__PURE__ */ s((e) => tr.test(e), "isFraction"), I = /* @__PURE__ */ s((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), we = /* @__PURE__ */ s((e) => !!e && Number.isInteger(Number(e)), "isInteger"), at = /* @__PURE__ */ s((e) => e.endsWith("%") && I(e.slice(0, -1)), "isPercent"), ve = /* @__PURE__ */ s((e) => or.test(e), "isTshirtSize"), ir = /* @__PURE__ */ s(() => !0, "isAny"), lr = /* @__PURE__ */ s((e) => (
+}, "fromTheme"), Nt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Gt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, rr = /^\d+\/\d+$/, sr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, nr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ar = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, ir = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, lr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Fe = /* @__PURE__ */ s((e) => rr.test(e), "isFraction"), I = /* @__PURE__ */ s((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), we = /* @__PURE__ */ s((e) => !!e && Number.isInteger(Number(e)), "isInteger"), at = /* @__PURE__ */ s((e) => e.endsWith("%") && I(e.slice(0, -1)), "isPercent"), ve = /* @__PURE__ */ s((e) => sr.test(e), "isTshirtSize"), cr = /* @__PURE__ */ s(() => !0, "isAny"), dr = /* @__PURE__ */ s((e) => (
   // `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.
-  rr.test(e) && !sr.test(e)
-), "isLengthOnly"), Gt = /* @__PURE__ */ s(() => !1, "isNever"), cr = /* @__PURE__ */ s((e) => nr.test(e), "isShadow"), dr = /* @__PURE__ */ s((e) => ar.test(e), "isImage"), ur = /* @__PURE__ */ s((e) => !p(e) && !x(e), "isAnyNonArbitrary"), hr = /* @__PURE__ */ s((e) => De(e, Ht, Gt), "isArbitrarySize"), p = /* @__PURE__ */ s((e) => Rt.test(e), "isArbitraryValue"), Se = /* @__PURE__ */ s((e) => De(e, qt, lr), "isArbitraryLength"), it = /* @__PURE__ */ s((e) => De(e, vr, I), "isArbitraryNumber"), Lt = /* @__PURE__ */ s((e) => De(e, Ot, Gt), "isArbitraryPosition"), fr = /* @__PURE__ */ s((e) => De(e, Ut, dr), "isArbitraryImage"), Ye = /* @__PURE__ */ s((e) => De(e, Wt, cr), "isArbitraryShadow"), x = /* @__PURE__ */ s((e) => Nt.test(e), "isArbitraryVariable"), Ue = /* @__PURE__ */ s((e) => Be(e, qt), "isArbitraryVariableLength"), gr = /* @__PURE__ */ s((e) => Be(e, pr), "isArbitraryVariableFamilyName"), Tt = /* @__PURE__ */ s((e) => Be(e, Ot), "isArbitraryVariablePosition"), mr = /* @__PURE__ */ s((e) => Be(e, Ht), "isArbitraryVariableSize"), br = /* @__PURE__ */ s((e) => Be(e, Ut), "isArbitraryVariableImage"), Je = /* @__PURE__ */ s((e) => Be(e, Wt, !0), "isArbitraryVariableShadow"), De = /* @__PURE__ */ s((e, r, o) => {
-  const t = Rt.exec(e);
+  nr.test(e) && !ar.test(e)
+), "isLengthOnly"), Ot = /* @__PURE__ */ s(() => !1, "isNever"), ur = /* @__PURE__ */ s((e) => ir.test(e), "isShadow"), hr = /* @__PURE__ */ s((e) => lr.test(e), "isImage"), fr = /* @__PURE__ */ s((e) => !p(e) && !x(e), "isAnyNonArbitrary"), gr = /* @__PURE__ */ s((e) => De(e, qt, Ot), "isArbitrarySize"), p = /* @__PURE__ */ s((e) => Nt.test(e), "isArbitraryValue"), Me = /* @__PURE__ */ s((e) => De(e, Wt, dr), "isArbitraryLength"), it = /* @__PURE__ */ s((e) => De(e, xr, I), "isArbitraryNumber"), Lt = /* @__PURE__ */ s((e) => De(e, Ut, Ot), "isArbitraryPosition"), mr = /* @__PURE__ */ s((e) => De(e, Ht, hr), "isArbitraryImage"), Ye = /* @__PURE__ */ s((e) => De(e, Kt, ur), "isArbitraryShadow"), x = /* @__PURE__ */ s((e) => Gt.test(e), "isArbitraryVariable"), Ue = /* @__PURE__ */ s((e) => Be(e, Wt), "isArbitraryVariableLength"), br = /* @__PURE__ */ s((e) => Be(e, yr), "isArbitraryVariableFamilyName"), Tt = /* @__PURE__ */ s((e) => Be(e, Ut), "isArbitraryVariablePosition"), vr = /* @__PURE__ */ s((e) => Be(e, qt), "isArbitraryVariableSize"), pr = /* @__PURE__ */ s((e) => Be(e, Ht), "isArbitraryVariableImage"), Je = /* @__PURE__ */ s((e) => Be(e, Kt, !0), "isArbitraryVariableShadow"), De = /* @__PURE__ */ s((e, r, o) => {
+  const t = Nt.exec(e);
   return t ? t[1] ? r(t[1]) : o(t[2]) : !1;
 }, "getIsArbitraryValue"), Be = /* @__PURE__ */ s((e, r, o = !1) => {
-  const t = Nt.exec(e);
+  const t = Gt.exec(e);
   return t ? t[1] ? r(t[1]) : o : !1;
-}, "getIsArbitraryVariable"), Ot = /* @__PURE__ */ s((e) => e === "position" || e === "percentage", "isLabelPosition"), Ut = /* @__PURE__ */ s((e) => e === "image" || e === "url", "isLabelImage"), Ht = /* @__PURE__ */ s((e) => e === "length" || e === "size" || e === "bg-size", "isLabelSize"), qt = /* @__PURE__ */ s((e) => e === "length", "isLabelLength"), vr = /* @__PURE__ */ s((e) => e === "number", "isLabelNumber"), pr = /* @__PURE__ */ s((e) => e === "family-name", "isLabelFamilyName"), Wt = /* @__PURE__ */ s((e) => e === "shadow", "isLabelShadow"), xr = /* @__PURE__ */ s(() => {
-  const e = Z("color"), r = Z("font"), o = Z("text"), t = Z("font-weight"), n = Z("tracking"), a = Z("leading"), i = Z("breakpoint"), f = Z("container"), h = Z("spacing"), C = Z("radius"), u = Z("shadow"), c = Z("inset-shadow"), m = Z("text-shadow"), y = Z("drop-shadow"), g = Z("blur"), P = Z("perspective"), H = Z("aspect"), X = Z("ease"), ze = Z("animate"), Ce = /* @__PURE__ */ s(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), ue = /* @__PURE__ */ s(() => [
+}, "getIsArbitraryVariable"), Ut = /* @__PURE__ */ s((e) => e === "position" || e === "percentage", "isLabelPosition"), Ht = /* @__PURE__ */ s((e) => e === "image" || e === "url", "isLabelImage"), qt = /* @__PURE__ */ s((e) => e === "length" || e === "size" || e === "bg-size", "isLabelSize"), Wt = /* @__PURE__ */ s((e) => e === "length", "isLabelLength"), xr = /* @__PURE__ */ s((e) => e === "number", "isLabelNumber"), yr = /* @__PURE__ */ s((e) => e === "family-name", "isLabelFamilyName"), Kt = /* @__PURE__ */ s((e) => e === "shadow", "isLabelShadow"), kr = /* @__PURE__ */ s(() => {
+  const e = Z("color"), r = Z("font"), o = Z("text"), t = Z("font-weight"), n = Z("tracking"), a = Z("leading"), i = Z("breakpoint"), f = Z("container"), h = Z("spacing"), C = Z("radius"), u = Z("shadow"), c = Z("inset-shadow"), m = Z("text-shadow"), y = Z("drop-shadow"), g = Z("blur"), P = Z("perspective"), H = Z("aspect"), Q = Z("ease"), ze = Z("animate"), Se = /* @__PURE__ */ s(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), ue = /* @__PURE__ */ s(() => [
     "center",
     "top",
     "bottom",
@@ -1313,15 +1345,15 @@ const Z = /* @__PURE__ */ s((e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], "scalePosition"), pe = /* @__PURE__ */ s(() => [...ue(), x, p], "scalePositionWithArbitrary"), he = /* @__PURE__ */ s(() => ["auto", "hidden", "clip", "visible", "scroll"], "scaleOverflow"), re = /* @__PURE__ */ s(() => ["auto", "contain", "none"], "scaleOverscroll"), S = /* @__PURE__ */ s(() => [x, p, h], "scaleUnambiguousSpacing"), ne = /* @__PURE__ */ s(() => [Ve, "full", "auto", ...S()], "scaleInset"), ce = /* @__PURE__ */ s(() => [we, "none", "subgrid", x, p], "scaleGridTemplateColsRows"), fe = /* @__PURE__ */ s(() => ["auto", {
+  ], "scalePosition"), pe = /* @__PURE__ */ s(() => [...ue(), x, p], "scalePositionWithArbitrary"), he = /* @__PURE__ */ s(() => ["auto", "hidden", "clip", "visible", "scroll"], "scaleOverflow"), se = /* @__PURE__ */ s(() => ["auto", "contain", "none"], "scaleOverscroll"), S = /* @__PURE__ */ s(() => [x, p, h], "scaleUnambiguousSpacing"), ne = /* @__PURE__ */ s(() => [Fe, "full", "auto", ...S()], "scaleInset"), ce = /* @__PURE__ */ s(() => [we, "none", "subgrid", x, p], "scaleGridTemplateColsRows"), fe = /* @__PURE__ */ s(() => ["auto", {
     span: ["full", we, x, p]
-  }, we, x, p], "scaleGridColRowStartAndEnd"), ge = /* @__PURE__ */ s(() => [we, "auto", x, p], "scaleGridColRowStartOrEnd"), We = /* @__PURE__ */ s(() => ["auto", "min", "max", "fr", x, p], "scaleGridAutoColsRows"), $e = /* @__PURE__ */ s(() => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], "scaleAlignPrimaryAxis"), me = /* @__PURE__ */ s(() => ["start", "end", "center", "stretch", "center-safe", "end-safe"], "scaleAlignSecondaryAxis"), q = /* @__PURE__ */ s(() => ["auto", ...S()], "scaleMargin"), ie = /* @__PURE__ */ s(() => [Ve, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...S()], "scaleSizing"), w = /* @__PURE__ */ s(() => [e, x, p], "scaleColor"), Ke = /* @__PURE__ */ s(() => [...ue(), Tt, Lt, {
+  }, we, x, p], "scaleGridColRowStartAndEnd"), ge = /* @__PURE__ */ s(() => [we, "auto", x, p], "scaleGridColRowStartOrEnd"), We = /* @__PURE__ */ s(() => ["auto", "min", "max", "fr", x, p], "scaleGridAutoColsRows"), $e = /* @__PURE__ */ s(() => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], "scaleAlignPrimaryAxis"), me = /* @__PURE__ */ s(() => ["start", "end", "center", "stretch", "center-safe", "end-safe"], "scaleAlignSecondaryAxis"), q = /* @__PURE__ */ s(() => ["auto", ...S()], "scaleMargin"), ie = /* @__PURE__ */ s(() => [Fe, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...S()], "scaleSizing"), w = /* @__PURE__ */ s(() => [e, x, p], "scaleColor"), Ke = /* @__PURE__ */ s(() => [...ue(), Tt, Lt, {
     position: [x, p]
   }], "scaleBgPosition"), je = /* @__PURE__ */ s(() => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], "scaleBgRepeat"), xe = /* @__PURE__ */ s(() => ["auto", "cover", "contain", mr, hr, {
+  }], "scaleBgRepeat"), xe = /* @__PURE__ */ s(() => ["auto", "cover", "contain", vr, gr, {
     size: [x, p]
-  }], "scaleBgSize"), ye = /* @__PURE__ */ s(() => [at, Ue, Se], "scaleGradientStopPosition"), N = /* @__PURE__ */ s(() => [
+  }], "scaleBgSize"), ye = /* @__PURE__ */ s(() => [at, Ue, Me], "scaleGradientStopPosition"), G = /* @__PURE__ */ s(() => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1329,14 +1361,14 @@ const Z = /* @__PURE__ */ s((e) => {
     C,
     x,
     p
-  ], "scaleRadius"), W = /* @__PURE__ */ s(() => ["", I, Ue, Se], "scaleBorderWidth"), Ee = /* @__PURE__ */ s(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), Le = /* @__PURE__ */ s(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), B = /* @__PURE__ */ s(() => [I, at, Tt, Lt], "scaleMaskImagePosition"), Re = /* @__PURE__ */ s(() => [
+  ], "scaleRadius"), W = /* @__PURE__ */ s(() => ["", I, Ue, Me], "scaleBorderWidth"), Ee = /* @__PURE__ */ s(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), Le = /* @__PURE__ */ s(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), R = /* @__PURE__ */ s(() => [I, at, Tt, Lt], "scaleMaskImagePosition"), Re = /* @__PURE__ */ s(() => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     g,
     x,
     p
-  ], "scaleBlur"), ke = /* @__PURE__ */ s(() => ["none", I, x, p], "scaleRotate"), Te = /* @__PURE__ */ s(() => ["none", I, x, p], "scaleScale"), Ne = /* @__PURE__ */ s(() => [I, x, p], "scaleSkew"), Pe = /* @__PURE__ */ s(() => [Ve, "full", ...S()], "scaleTranslate");
+  ], "scaleBlur"), ke = /* @__PURE__ */ s(() => ["none", I, x, p], "scaleRotate"), Te = /* @__PURE__ */ s(() => ["none", I, x, p], "scaleScale"), Ne = /* @__PURE__ */ s(() => [I, x, p], "scaleSkew"), Pe = /* @__PURE__ */ s(() => [Fe, "full", ...S()], "scaleTranslate");
   return {
     cacheSize: 500,
     theme: {
@@ -1344,11 +1376,11 @@ const Z = /* @__PURE__ */ s((e) => {
       aspect: ["video"],
       blur: [ve],
       breakpoint: [ve],
-      color: [ir],
+      color: [cr],
       container: [ve],
       "drop-shadow": [ve],
       ease: ["in", "out", "in-out"],
-      font: [ur],
+      font: [fr],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [ve],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -1369,7 +1401,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Ve, p, x, H]
+        aspect: ["auto", "square", Fe, p, x, H]
       }],
       /**
        * Container
@@ -1389,14 +1421,14 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": Ce()
+        "break-after": Se()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": Ce()
+        "break-before": Se()
       }],
       /**
        * Break Inside
@@ -1488,21 +1520,21 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: re()
+        overscroll: se()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": re()
+        "overscroll-x": se()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": re()
+        "overscroll-y": se()
       }],
       /**
        * Position
@@ -1592,7 +1624,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Ve, "full", "auto", f, ...S()]
+        basis: [Fe, "full", "auto", f, ...S()]
       }],
       /**
        * Flex Direction
@@ -1613,7 +1645,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [I, Ve, "auto", "initial", "none", p]
+        flex: [I, Fe, "auto", "initial", "none", p]
       }],
       /**
        * Flex Grow
@@ -2029,7 +2061,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", o, Ue, Se]
+        text: ["base", o, Ue, Me]
       }],
       /**
        * Font Smoothing
@@ -2060,7 +2092,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [gr, p, r]
+        font: [br, p, r]
       }],
       /**
        * Font Variant Numeric
@@ -2177,7 +2209,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [I, "from-font", "auto", x, Se]
+        decoration: [I, "from-font", "auto", x, Me]
       }],
       /**
        * Text Decoration Color
@@ -2315,7 +2347,7 @@ const Z = /* @__PURE__ */ s((e) => {
           }, we, x, p],
           radial: ["", x, p],
           conic: [we, x, p]
-        }, br, fr]
+        }, pr, mr]
       }],
       /**
        * Background Color
@@ -2374,105 +2406,105 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: N()
+        rounded: G()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": N()
+        "rounded-s": G()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": N()
+        "rounded-e": G()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": N()
+        "rounded-t": G()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": N()
+        "rounded-r": G()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": N()
+        "rounded-b": G()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": N()
+        "rounded-l": G()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": N()
+        "rounded-ss": G()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": N()
+        "rounded-se": G()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": N()
+        "rounded-ee": G()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": N()
+        "rounded-es": G()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": N()
+        "rounded-tl": G()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": N()
+        "rounded-tr": G()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": N()
+        "rounded-br": G()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": N()
+        "rounded-bl": G()
       }],
       /**
        * Border Width
@@ -2664,7 +2696,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", I, Ue, Se]
+        outline: ["", I, Ue, Me]
       }],
       /**
        * Outline Color
@@ -2739,7 +2771,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [I, Se]
+        "ring-offset": [I, Me]
       }],
       /**
        * Ring Offset Color
@@ -2821,10 +2853,10 @@ const Z = /* @__PURE__ */ s((e) => {
         "mask-linear": [I]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": B()
+        "mask-linear-from": R()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": B()
+        "mask-linear-to": R()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": w()
@@ -2833,10 +2865,10 @@ const Z = /* @__PURE__ */ s((e) => {
         "mask-linear-to": w()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": B()
+        "mask-t-from": R()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": B()
+        "mask-t-to": R()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": w()
@@ -2845,10 +2877,10 @@ const Z = /* @__PURE__ */ s((e) => {
         "mask-t-to": w()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": B()
+        "mask-r-from": R()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": B()
+        "mask-r-to": R()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": w()
@@ -2857,10 +2889,10 @@ const Z = /* @__PURE__ */ s((e) => {
         "mask-r-to": w()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": B()
+        "mask-b-from": R()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": B()
+        "mask-b-to": R()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": w()
@@ -2869,10 +2901,10 @@ const Z = /* @__PURE__ */ s((e) => {
         "mask-b-to": w()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": B()
+        "mask-l-from": R()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": B()
+        "mask-l-to": R()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": w()
@@ -2881,10 +2913,10 @@ const Z = /* @__PURE__ */ s((e) => {
         "mask-l-to": w()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": B()
+        "mask-x-from": R()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": B()
+        "mask-x-to": R()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": w()
@@ -2893,10 +2925,10 @@ const Z = /* @__PURE__ */ s((e) => {
         "mask-x-to": w()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": B()
+        "mask-y-from": R()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": B()
+        "mask-y-to": R()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": w()
@@ -2908,10 +2940,10 @@ const Z = /* @__PURE__ */ s((e) => {
         "mask-radial": [x, p]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": B()
+        "mask-radial-from": R()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": B()
+        "mask-radial-to": R()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": w()
@@ -2935,10 +2967,10 @@ const Z = /* @__PURE__ */ s((e) => {
         "mask-conic": [I]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": B()
+        "mask-conic-from": R()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": B()
+        "mask-conic-to": R()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": w()
@@ -3238,7 +3270,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", X, x, p]
+        ease: ["linear", "initial", Q, x, p]
       }],
       /**
        * Transition Delay
@@ -3689,7 +3721,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [I, Ue, Se, it]
+        stroke: [I, Ue, Me, it]
       }],
       /**
        * Stroke
@@ -3764,7 +3796,7 @@ const Z = /* @__PURE__ */ s((e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, "getDefaultConfig"), yr = /* @__PURE__ */ er(xr), Qe = {
+}, "getDefaultConfig"), wr = /* @__PURE__ */ or(kr), Qe = {
   default: {
     solid: {
       base: "bg-theme-0 dark:bg-theme-700/40 text-theme-600 dark:text-theme-50",
@@ -4050,10 +4082,10 @@ const Z = /* @__PURE__ */ s((e) => {
       icon: "text-red-600 dark:text-red-400"
     }
   }
-}, kr = {
+}, Cr = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, wr = /* @__PURE__ */ j({
+}, Sr = /* @__PURE__ */ j({
   __name: "FButton",
   props: {
     theme: { default: "default" },
@@ -4068,17 +4100,17 @@ const Z = /* @__PURE__ */ s((e) => {
     class: { default: "" }
   },
   setup(e) {
-    const r = F(() => ({
+    const r = V(() => ({
       icon: typeof e.icon == "string" ? e.icon : e.icon?.className,
       iconAfter: typeof e.iconAfter == "string" ? e.iconAfter : e.iconAfter?.className
-    })), o = F(() => e.href ? "a" : e.tag), t = F(() => ({
+    })), o = V(() => e.href ? "a" : e.tag), t = V(() => ({
       xxs: "size-2.5",
       xs: "size-3",
       sm: "size-3.5",
       md: "size-4",
       lg: "size-5",
       xl: "size-6"
-    })[e.size]), n = F(() => {
+    })[e.size]), n = V(() => {
       const i = "relative inline-flex items-center justify-center gap-2 font-medium transition-all duration-200 focus:outline-none active:opacity-80 cursor-pointer", f = {
         xxs: "px-2 py-0.5 text-[10px]",
         xs: "px-3 py-1 text-[11px]",
@@ -4099,29 +4131,29 @@ const Z = /* @__PURE__ */ s((e) => {
         `border ${u.border}`,
         u.hover
       ].filter(Boolean).join(" ");
-      return yr(c, e.class);
-    }), a = F(() => ({
+      return wr(c, e.class);
+    }), a = V(() => ({
       design: (Qe[e.theme]?.[e.design] || Qe.default[e.design]).icon || ""
     }));
-    return (i, f) => (d(), Q(lo(o.value), {
+    return (i, f) => (d(), _(co(o.value), {
       href: e.href,
       class: z(n.value)
     }, {
-      default: se(() => [
-        e.loading ? (d(), v("div", kr, [
-          U(gt, {
+      default: te(() => [
+        e.loading ? (d(), b("div", Cr, [
+          B(gt, {
             class: z(t.value)
           }, null, 8, ["class"])
         ])) : E("", !0),
         l("span", {
           class: z(["flex items-center gap-2 transition-opacity duration-200 whitespace-nowrap", e.loading ? "opacity-0" : "opacity-100"])
         }, [
-          r.value.icon ? (d(), v("span", {
+          r.value.icon ? (d(), b("span", {
             key: 0,
             class: z(["flex items-center size-[1.1em] mt-[-.07em]", [r.value.icon, a.value]])
           }, null, 2)) : E("", !0),
-          Me(i.$slots, "default"),
-          r.value.iconAfter ? (d(), v("span", {
+          Ce(i.$slots, "default"),
+          r.value.iconAfter ? (d(), b("span", {
             key: 1,
             class: z(["flex items-center size-[1.1em] mt-[-.07em]", [r.value.iconAfter, a.value]])
           }, null, 2)) : E("", !0)
@@ -4130,25 +4162,25 @@ const Z = /* @__PURE__ */ s((e) => {
       _: 3
     }, 8, ["href", "class"]));
   }
-}), Cr = { class: "flex-1 flex flex-col min-h-0 py-6 space-y-6 h-full overflow-scroll [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden relative" }, Sr = { class: "flex-1 space-y-6" }, Mr = {
+}), Mr = { class: "flex-1 flex flex-col min-h-0 py-6 space-y-6 h-full overflow-scroll [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden relative" }, Ar = { class: "flex-1 space-y-6" }, Ir = {
   key: 0,
   class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
-}, Ar = { class: "text-sm text-white/70 leading-relaxed" }, Ir = {
+}, zr = { class: "text-sm text-white/70 leading-relaxed" }, $r = {
   key: 1,
   class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
-}, zr = ["innerHTML"], $r = {
+}, Er = ["innerHTML"], Lr = {
   key: 2,
   class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
-}, Er = { class: "text-sm text-white/70 leading-relaxed" }, Lr = {
+}, Tr = { class: "text-sm text-white/70 leading-relaxed" }, Pr = {
   key: 3,
   class: "space-y-3"
-}, Tr = { class: "grid grid-cols-2 gap-3" }, Pr = /* @__PURE__ */ j({
+}, Vr = { class: "grid grid-cols-2 gap-3" }, Fr = /* @__PURE__ */ j({
   __name: "ElSelfAbout",
   props: {
     self: {}
   },
   setup(e) {
-    const r = F(() => [
+    const r = V(() => [
       {
         key: "email",
         condition: /* @__PURE__ */ s(() => !!e.self.email, "condition"),
@@ -4195,27 +4227,27 @@ const Z = /* @__PURE__ */ s((e) => {
         }), "generate")
       }
     ].filter((t) => t.condition()).map((t) => t.generate()));
-    return (o, t) => (d(), v("div", Cr, [
-      l("div", Sr, [
-        e.self.headline ? (d(), v("div", Mr, [
+    return (o, t) => (d(), b("div", Mr, [
+      l("div", Ar, [
+        e.self.headline ? (d(), b("div", Ir, [
           t[0] || (t[0] = l("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Professional Tagline ", -1)),
-          l("div", Ar, R(e.self.headline), 1)
+          l("div", zr, N(e.self.headline), 1)
         ])) : E("", !0),
-        e.self.summary ? (d(), v("div", Ir, [
+        e.self.summary ? (d(), b("div", $r, [
           t[1] || (t[1] = l("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " About ", -1)),
           l("div", {
             class: "text-sm text-white/70 leading-relaxed",
             innerHTML: e.self.summary
-          }, null, 8, zr)
+          }, null, 8, Er)
         ])) : E("", !0),
-        e.self.entityType === "company" ? (d(), v("div", $r, [
+        e.self.entityType === "company" ? (d(), b("div", Lr, [
           t[2] || (t[2] = l("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)),
-          l("p", Er, " This is a company digital self representing " + R(e.self.name) + ". ", 1)
+          l("p", Tr, " This is a company digital self representing " + N(e.self.name) + ". ", 1)
         ])) : E("", !0),
-        r.value.length > 0 ? (d(), v("div", Lr, [
+        r.value.length > 0 ? (d(), b("div", Pr, [
           t[3] || (t[3] = l("h3", { class: "text-sm font-medium text-white/90" }, " Connect ", -1)),
-          l("div", Tr, [
-            (d(!0), v(Ae, null, rt(r.value, (n) => (d(), Q(wr, {
+          l("div", Vr, [
+            (d(!0), b(Ae, null, rt(r.value, (n) => (d(), _(Sr, {
               key: n.title,
               design: "ghost",
               theme: "default",
@@ -4224,11 +4256,11 @@ const Z = /* @__PURE__ */ s((e) => {
               href: n.url,
               target: "_blank"
             }, {
-              default: se(() => [
+              default: te(() => [
                 l("i", {
                   class: z([n.icon, "size-4 mr-2"])
                 }, null, 2),
-                He(" " + R(n.title), 1)
+                He(" " + N(n.title), 1)
               ]),
               _: 2
             }, 1032, ["href"]))), 128))
@@ -4237,23 +4269,23 @@ const Z = /* @__PURE__ */ s((e) => {
       ])
     ]));
   }
-}), Fr = { class: "flex flex-col h-full relative" }, Vr = {
+}), Dr = { class: "flex flex-col h-full relative" }, Br = {
   key: 0,
   class: "text-theme-600 py-16 flex flex-col items-center justify-center gap-2 text-sm"
-}, Dr = {
+}, jr = {
   key: 0,
   class: "flex-shrink-0 size-8"
-}, Br = ["src", "alt"], jr = { class: "max-w-[70%]" }, Rr = { class: "text-sm leading-[1.5] whitespace-pre-wrap break-words" }, Nr = {
+}, Rr = ["src", "alt"], Nr = { class: "max-w-[70%]" }, Gr = { class: "text-sm leading-[1.5] whitespace-pre-wrap break-words" }, Or = {
   key: 0,
   class: "flex gap-2 justify-start items-end mb-4"
-}, Gr = { class: "flex-shrink-0" }, Or = ["src", "alt"], Ur = { class: "flex-shrink-0 pt-6 pb-2" }, Hr = ["placeholder", "disabled"], qr = /* @__PURE__ */ j({
+}, Ur = { class: "flex-shrink-0" }, Hr = ["src", "alt"], qr = { class: "flex-shrink-0 pt-6 pb-2" }, Wr = ["placeholder", "disabled"], Kr = /* @__PURE__ */ j({
   __name: "ElSelfChat",
   props: {
     selfController: {},
     self: {}
   },
   setup(e) {
-    const r = T(""), o = T(), t = T(), n = F(() => tt(e.self));
+    const r = T(""), o = T(), t = T(), n = V(() => tt(e.self));
     function a(u, c) {
       const m = u[c], y = u[c + 1];
       return !y || y.sender !== m.sender;
@@ -4296,20 +4328,20 @@ const Z = /* @__PURE__ */ s((e) => {
       const u = Math.min(t.value.scrollHeight, 150);
       t.value.style.height = `${u}px`;
     }
-    return s(C, "adjustTextareaHeight"), oe(r, () => {
+    return s(C, "adjustTextareaHeight"), ee(r, () => {
       Xe(() => C());
-    }), oe(() => e.selfController?.sharedMessages.value, (u) => {
+    }), ee(() => e.selfController?.sharedMessages.value, (u) => {
       u && u.length > 0 && Xe(() => h());
-    }, { immediate: !0, deep: !0 }), (u, c) => (d(), v("div", Fr, [
-      e.selfController?.textState.value.connectionStatus !== "connected" ? (d(), v("div", Vr, [
-        U(gt, { class: "size-4" })
+    }, { immediate: !0, deep: !0 }), (u, c) => (d(), b("div", Dr, [
+      e.selfController?.textState.value.connectionStatus !== "connected" ? (d(), b("div", Br, [
+        B(gt, { class: "size-4" })
       ])) : E("", !0),
       l("div", {
         ref_key: "messagesContainer",
         ref: o,
         class: "flex-1 overflow-y-auto overflow-x-hidden py-8 space-y-1 min-h-0 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden"
       }, [
-        (d(!0), v(Ae, null, rt(e.selfController?.sharedMessages.value.filter((m) => m.sender !== "system") ?? [], (m, y) => (d(), v("div", {
+        (d(!0), b(Ae, null, rt(e.selfController?.sharedMessages.value.filter((m) => m.sender !== "system") ?? [], (m, y) => (d(), b("div", {
           key: m.id,
           class: z(["flex gap-2 items-end", {
             "justify-end": m.sender === "user",
@@ -4317,37 +4349,37 @@ const Z = /* @__PURE__ */ s((e) => {
             "mb-4": a(e.selfController?.sharedMessages.value.filter((g) => g.sender !== "system") ?? [], y)
           }])
         }, [
-          m.sender === "agent" ? (d(), v("div", Dr, [
-            a(e.selfController?.sharedMessages.value.filter((g) => g.sender !== "system") ?? [], y) ? (d(), v("img", {
+          m.sender === "agent" ? (d(), b("div", jr, [
+            a(e.selfController?.sharedMessages.value.filter((g) => g.sender !== "system") ?? [], y) ? (d(), b("img", {
               key: 0,
               src: n.value,
               alt: e.self.name,
               class: "size-7 rounded-full object-cover"
-            }, null, 8, Br)) : E("", !0)
+            }, null, 8, Rr)) : E("", !0)
           ])) : E("", !0),
-          l("div", jr, [
+          l("div", Nr, [
             l("div", {
               class: z(["rounded-2xl px-3.5 py-1.5 backdrop-blur-sm", m.sender === "user" ? "bg-primary-500/80 text-white" : "bg-white/15 text-white/95"])
             }, [
-              l("p", Rr, R(m.text), 1)
+              l("p", Gr, N(m.text), 1)
             ], 2)
           ])
         ], 2))), 128)),
-        e.selfController?.textState.value.isThinking ? (d(), v("div", Nr, [
-          l("div", Gr, [
+        e.selfController?.textState.value.isThinking ? (d(), b("div", Or, [
+          l("div", Ur, [
             l("img", {
               src: n.value,
               alt: e.self.name,
               class: "size-8 rounded-full object-cover"
-            }, null, 8, Or)
+            }, null, 8, Hr)
           ]),
           c[1] || (c[1] = l("div", { class: "rounded-2xl px-4 py-2.5 bg-white/15 backdrop-blur-sm flex items-center" }, [
             l("i", { class: "i-svg-spinners-3-dots-fade size-6 text-white/70" })
           ], -1))
         ])) : E("", !0)
       ], 512),
-      l("div", Ur, [
-        Pt(l("textarea", {
+      l("div", qr, [
+        Vt(l("textarea", {
           ref_key: "textarea",
           ref: t,
           "onUpdate:modelValue": c[0] || (c[0] = (m) => r.value = m),
@@ -4357,14 +4389,14 @@ const Z = /* @__PURE__ */ s((e) => {
           style: { "font-size": "16px", resize: "none" },
           class: "w-full bg-white/10 backdrop-blur-sm border border-white/20 rounded-3xl px-5 py-3 text-white placeholder-white/50 focus:outline-none focus:border-white/40 disabled:opacity-50 overflow-y-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
           onKeydown: f
-        }, null, 40, Hr), [
+        }, null, 40, Wr), [
           [Ft, r.value]
         ]),
         c[2] || (c[2] = l("div", { class: "text-[10px] text-white/40 text-center mt-2" }, " Press Enter to send, Shift+Enter for new line ", -1))
       ])
     ]));
   }
-}), Wr = { class: "flex flex-col items-center text-center gap-4" }, Kr = { class: "relative flex-shrink-0" }, Zr = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, Yr = ["src", "alt"], Jr = { class: "min-w-0" }, Qr = { class: "text-3xl font-light text-white mb-2 truncate" }, Xr = { class: "text-base font-light text-white/60 line-clamp-1" }, _r = /* @__PURE__ */ j({
+}), Zr = { class: "flex flex-col items-center text-center gap-4" }, Yr = { class: "relative flex-shrink-0" }, Jr = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, Qr = ["src", "alt"], Xr = { class: "min-w-0" }, _r = { class: "text-3xl font-light text-white mb-2 truncate" }, es = { class: "text-base font-light text-white/60 line-clamp-1" }, ts = /* @__PURE__ */ j({
   __name: "ElSelfHeader",
   props: {
     self: {}
@@ -4373,16 +4405,16 @@ const Z = /* @__PURE__ */ s((e) => {
     function r() {
       return e.self.avatar?.src ? e.self.avatar.src : qe();
     }
-    return s(r, "getAvatarSrc"), (o, t) => (d(), v("div", Wr, [
-      l("div", Kr, [
-        l("div", Zr, [
+    return s(r, "getAvatarSrc"), (o, t) => (d(), b("div", Zr, [
+      l("div", Yr, [
+        l("div", Jr, [
           l("img", {
             src: r(),
             alt: e.self.name,
             class: "w-full h-full object-cover",
             onError: t[0] || (t[0] = //@ts-ignore
             (...n) => Y(ot) && Y(ot)(...n))
-          }, null, 40, Yr)
+          }, null, 40, Qr)
         ]),
         t[1] || (t[1] = l("div", { class: "absolute top-1.5 right-1.5" }, [
           l("div", {
@@ -4392,13 +4424,13 @@ const Z = /* @__PURE__ */ s((e) => {
           l("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" })
         ], -1))
       ]),
-      l("div", Jr, [
-        l("h1", Qr, R(e.self.name), 1),
-        l("p", Xr, R(e.self.title), 1)
+      l("div", Xr, [
+        l("h1", _r, N(e.self.name), 1),
+        l("p", es, N(e.self.title), 1)
       ])
     ]));
   }
-}), es = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Kt = /* @__PURE__ */ j({
+}), os = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Zt = /* @__PURE__ */ j({
   name: "FClose",
   __name: "FClose",
   emits: ["click"],
@@ -4408,12 +4440,12 @@ const Z = /* @__PURE__ */ s((e) => {
       setTimeout(() => {
         r.value = !0;
       }, 100);
-    }), (o, t) => (d(), v("a", {
+    }), (o, t) => (d(), b("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] = (n) => o.$emit("click", n))
     }, [
       t[1] || (t[1] = l("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)),
-      l("span", es, [
+      l("span", os, [
         l("span", {
           class: z(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", r.value ? "translate-y-0 translate-x-0 rotate-45" : "translate-y-[30px] -translate-x-[30px] rotate-0"]),
           style: { "background-color": "currentColor", "transition-delay": "0.15s" }
@@ -4425,16 +4457,16 @@ const Z = /* @__PURE__ */ s((e) => {
       ])
     ]));
   }
-}), ts = {
+}), rs = {
   key: 0,
   class: "px-9 pt-12 pb-4"
-}, os = { class: "text-base font-medium text-theme-400" }, rs = {
+}, ss = { class: "text-base font-medium text-theme-400" }, ns = {
   key: 1,
   class: "px-4 pb-8 border-b border-white/10"
-}, ss = ["disabled", "onClick"], ns = { class: "flex items-center gap-3" }, as = { class: "flex-1" }, is = {
+}, as = ["disabled", "onClick"], is = { class: "flex items-center gap-3" }, ls = { class: "flex-1" }, cs = {
   key: 0,
   class: "text-xs text-white/50 mt-0.5"
-}, ls = { class: "p-6" }, Zt = /* @__PURE__ */ j({
+}, ds = { class: "p-6" }, Yt = /* @__PURE__ */ j({
   name: "ElSidebar",
   __name: "ElSidebar",
   props: {
@@ -4446,15 +4478,15 @@ const Z = /* @__PURE__ */ s((e) => {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
-    const o = e, t = r, n = o.position || "left", a = o.widthClasses || "w-[80%] max-w-[300px]", i = F({
+    const o = e, t = r, n = o.position || "left", a = o.widthClasses || "w-[80%] max-w-[300px]", i = V({
       get: /* @__PURE__ */ s(() => o.modelValue, "get"),
       set: /* @__PURE__ */ s((u) => t("update:modelValue", u), "set")
-    }), f = F(() => o.items.filter((u) => !u.isHidden));
+    }), f = V(() => o.items.filter((u) => !u.isHidden));
     function h(u) {
       u.isDisabled || (u.onClick ? u.onClick({ item: u, event: new MouseEvent("click") }) : u.href && (u.href.includes("http") ? window.open(u.href, u.target || "_self")?.focus() : window.location.href = u.href), i.value = !1);
     }
     s(h, "handleItemClick");
-    const C = F(() => n === "left" ? {
+    const C = V(() => n === "left" ? {
       enter: "-translate-x-full",
       leave: "-translate-x-full",
       position: "justify-start",
@@ -4465,8 +4497,8 @@ const Z = /* @__PURE__ */ s((e) => {
       position: "justify-end",
       closeButton: "-left-16"
     });
-    return (u, c) => (d(), v(Ae, null, [
-      U(_e, {
+    return (u, c) => (d(), b(Ae, null, [
+      B(_e, {
         "enter-active-class": "transition-opacity duration-300 ease-out",
         "leave-active-class": "transition-opacity duration-200 ease-in",
         "enter-from-class": "opacity-0",
@@ -4474,8 +4506,8 @@ const Z = /* @__PURE__ */ s((e) => {
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: se(() => [
-          i.value ? (d(), v("div", {
+        default: te(() => [
+          i.value ? (d(), b("div", {
             key: 0,
             class: "absolute inset-0 z-40 bg-black/50 backdrop-blur-sm",
             onClick: c[0] || (c[0] = (m) => i.value = !1)
@@ -4483,7 +4515,7 @@ const Z = /* @__PURE__ */ s((e) => {
         ]),
         _: 1
       }),
-      U(_e, {
+      B(_e, {
         "enter-active-class": "transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)]",
         "leave-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
         "enter-from-class": C.value.enter,
@@ -4491,8 +4523,8 @@ const Z = /* @__PURE__ */ s((e) => {
         "leave-from-class": "translate-x-0",
         "leave-to-class": C.value.leave
       }, {
-        default: se(() => [
-          i.value ? (d(), v("div", {
+        default: te(() => [
+          i.value ? (d(), b("div", {
             key: 0,
             class: z(["absolute inset-0 z-50 flex", C.value.position]),
             onClick: c[3] || (c[3] = (m) => i.value = !1)
@@ -4502,20 +4534,20 @@ const Z = /* @__PURE__ */ s((e) => {
               onClick: c[2] || (c[2] = et(() => {
               }, ["stop"]))
             }, [
-              U(Kt, {
+              B(Zt, {
                 class: z(["absolute top-4 z-10 text-white", C.value.closeButton]),
                 onClick: c[1] || (c[1] = (m) => i.value = !1)
               }, null, 8, ["class"]),
-              e.title ? (d(), v("div", ts, [
-                l("h3", os, R(e.title), 1)
+              e.title ? (d(), b("div", rs, [
+                l("h3", ss, N(e.title), 1)
               ])) : E("", !0),
-              u.$slots.header ? (d(), v("div", rs, [
-                Me(u.$slots, "header")
+              u.$slots.header ? (d(), b("div", ns, [
+                Ce(u.$slots, "header")
               ])) : E("", !0),
               l("div", {
                 class: z(["flex-1 p-6 space-y-2 overflow-y-auto", { "pt-6": !e.title && !u.$slots.header, "pt-4": e.title || u.$slots.header }])
               }, [
-                U(co, {
+                B(Pt, {
                   "enter-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
                   "leave-active-class": "transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)]",
                   "enter-from-class": Y(n) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0",
@@ -4523,8 +4555,8 @@ const Z = /* @__PURE__ */ s((e) => {
                   "leave-from-class": "translate-x-0 opacity-100",
                   "leave-to-class": Y(n) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
                 }, {
-                  default: se(() => [
-                    (d(!0), v(Ae, null, rt(f.value, (m, y) => (d(), v("button", {
+                  default: te(() => [
+                    (d(!0), b(Ae, null, rt(f.value, (m, y) => (d(), b("button", {
                       key: m.key || m.label || y,
                       style: st({ transitionDelay: `${y * 40}ms` }),
                       class: z(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [
@@ -4534,28 +4566,28 @@ const Z = /* @__PURE__ */ s((e) => {
                       disabled: m.isDisabled,
                       onClick: /* @__PURE__ */ s((g) => h(m), "onClick")
                     }, [
-                      l("div", ns, [
-                        m.icon?.src ? (d(), v("i", {
+                      l("div", is, [
+                        m.icon?.src ? (d(), b("i", {
                           key: 0,
                           class: z(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [
                             m.icon.src,
                             m.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"
                           ]])
                         }, null, 2)) : E("", !0),
-                        l("div", as, [
+                        l("div", ls, [
                           l("div", {
                             class: z(["font-medium text-sm", m.isActive ? "text-primary-300" : "text-white"])
-                          }, R(m.label), 3),
-                          m.subLabel ? (d(), v("div", is, R(m.subLabel), 1)) : E("", !0)
+                          }, N(m.label), 3),
+                          m.subLabel ? (d(), b("div", cs, N(m.subLabel), 1)) : E("", !0)
                         ])
                       ])
-                    ], 14, ss))), 128))
+                    ], 14, as))), 128))
                   ]),
                   _: 1
                 }, 8, ["enter-from-class", "leave-to-class"])
               ], 2),
-              l("div", ls, [
-                Me(u.$slots, "footer", {}, () => [
+              l("div", ds, [
+                Ce(u.$slots, "footer", {}, () => [
                   c[4] || (c[4] = l("div", { class: "text-center" }, [
                     l("p", { class: "text-[10px] text-white/40 font-sans" }, [
                       He(" Digital Self by "),
@@ -4575,7 +4607,7 @@ const Z = /* @__PURE__ */ s((e) => {
       }, 8, ["enter-from-class", "leave-to-class"])
     ], 64));
   }
-}), cs = /* @__PURE__ */ j({
+}), us = /* @__PURE__ */ j({
   name: "SelfModeSidebar",
   __name: "ElSelfModeSidebar",
   props: {
@@ -4584,10 +4616,10 @@ const Z = /* @__PURE__ */ s((e) => {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
-    const o = e, t = r, n = F({
+    const o = e, t = r, n = V({
       get: /* @__PURE__ */ s(() => o.modelValue, "get"),
       set: /* @__PURE__ */ s((f) => t("update:modelValue", f), "set")
-    }), a = F(() => o.selfController?.agentMode?.value ?? "self"), i = F(() => Dt.map((f) => ({
+    }), a = V(() => o.selfController?.agentMode?.value ?? "self"), i = V(() => Bt.map((f) => ({
       key: f.mode,
       icon: { src: f.icon },
       label: f.label,
@@ -4596,7 +4628,7 @@ const Z = /* @__PURE__ */ s((e) => {
         o.selfController?.setMode(f.mode);
       }, "onClick")
     })));
-    return (f, h) => (d(), Q(Zt, {
+    return (f, h) => (d(), _(Yt, {
       modelValue: n.value,
       "onUpdate:modelValue": h[0] || (h[0] = (C) => n.value = C),
       items: i.value,
@@ -4605,7 +4637,7 @@ const Z = /* @__PURE__ */ s((e) => {
       "width-classes": "w-[80%] max-w-[255px]"
     }, null, 8, ["modelValue", "items"]));
   }
-}), ds = /* @__PURE__ */ j({
+}), hs = /* @__PURE__ */ j({
   name: "SelfSidebar",
   __name: "ElSelfSidebar",
   props: {
@@ -4616,10 +4648,10 @@ const Z = /* @__PURE__ */ s((e) => {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
-    const o = e, t = r, n = F({
+    const o = e, t = r, n = V({
       get: /* @__PURE__ */ s(() => o.modelValue, "get"),
       set: /* @__PURE__ */ s((i) => t("update:modelValue", i), "set")
-    }), a = F(() => {
+    }), a = V(() => {
       const i = [
         {
           key: "share",
@@ -4656,7 +4688,7 @@ const Z = /* @__PURE__ */ s((e) => {
         }, "onClick")
       }), i;
     });
-    return (i, f) => (d(), Q(Zt, {
+    return (i, f) => (d(), _(Yt, {
       modelValue: n.value,
       "onUpdate:modelValue": f[0] || (f[0] = (h) => n.value = h),
       items: a.value,
@@ -4664,7 +4696,7 @@ const Z = /* @__PURE__ */ s((e) => {
       title: e.title || "Menu"
     }, null, 8, ["modelValue", "items", "title"]));
   }
-}), us = { class: "w-full max-w-full flex items-center justify-center" }, hs = ["width", "height"], fs = /* @__PURE__ */ j({
+}), fs = { class: "w-full max-w-full flex items-center justify-center" }, gs = ["width", "height"], ms = /* @__PURE__ */ j({
   __name: "ElAudioVisualizer",
   props: {
     rms: {},
@@ -4684,17 +4716,17 @@ const Z = /* @__PURE__ */ s((e) => {
     let t = null, n = null;
     const a = T(!1), i = T(!0), f = /* @__PURE__ */ new Map();
     let h = null, C = null, u = null;
-    const c = T(!1), m = T(null), { bars: y, barWidth: g, barSpacing: P, minHeight: H, maxHeight: X, STIFFNESS: ze, DAMPING: Ce, PEAK_HOLD_TIME: ue, PEAK_DECAY_STIFFNESS: pe, PEAK_DECAY_DAMPING: he } = xo, re = new Float32Array(y).fill(H), S = new Float32Array(y).fill(0), ne = new Float32Array(y).fill(H), ce = new Float32Array(y).fill(H), fe = new Float32Array(y).fill(0), ge = new Float32Array(y).fill(0);
-    function We(b) {
-      return b < 200 ? { stiffnessMultiplier: 0.7, dampingMultiplier: 1.2 } : b < 1e3 ? { stiffnessMultiplier: 1, dampingMultiplier: 1 } : b < 4e3 ? { stiffnessMultiplier: 1.3, dampingMultiplier: 0.8 } : { stiffnessMultiplier: 1.5, dampingMultiplier: 0.6 };
+    const c = T(!1), m = T(null), { bars: y, barWidth: g, barSpacing: P, minHeight: H, maxHeight: Q, STIFFNESS: ze, DAMPING: Se, PEAK_HOLD_TIME: ue, PEAK_DECAY_STIFFNESS: pe, PEAK_DECAY_DAMPING: he } = xo, se = new Float32Array(y).fill(H), S = new Float32Array(y).fill(0), ne = new Float32Array(y).fill(H), ce = new Float32Array(y).fill(H), fe = new Float32Array(y).fill(0), ge = new Float32Array(y).fill(0);
+    function We(v) {
+      return v < 200 ? { stiffnessMultiplier: 0.7, dampingMultiplier: 1.2 } : v < 1e3 ? { stiffnessMultiplier: 1, dampingMultiplier: 1 } : v < 4e3 ? { stiffnessMultiplier: 1.3, dampingMultiplier: 0.8 } : { stiffnessMultiplier: 1.5, dampingMultiplier: 0.6 };
     }
     s(We, "getFrequencyPhysics");
     async function $e() {
       if (!(typeof window > "u" || !r.enableRealAudio || !r.selfController))
         try {
-          const b = r.selfController.getClientAudio();
-          if (b?.isAudioContextAvailable()) {
-            const M = b.getSharedAnalyser();
+          const v = r.selfController.getClientAudio();
+          if (v?.isAudioContextAvailable()) {
+            const M = v.getSharedAnalyser();
             if (M) {
               C = M;
               const A = new ArrayBuffer(M.frequencyBinCount);
@@ -4703,8 +4735,8 @@ const Z = /* @__PURE__ */ s((e) => {
             }
           }
           console.warn("AudioVisualizer: Could not use shared context, creating independent audio analysis"), c.value = !1, m.value = "Shared audio context not available";
-        } catch (b) {
-          m.value = b instanceof Error ? b.message : "Failed to setup shared audio", c.value = !1, console.error("Shared audio setup failed:", b);
+        } catch (v) {
+          m.value = v instanceof Error ? v.message : "Failed to setup shared audio", c.value = !1, console.error("Shared audio setup failed:", v);
         }
     }
     s($e, "setupAudio");
@@ -4717,42 +4749,42 @@ const Z = /* @__PURE__ */ s((e) => {
       if (!o.value)
         return;
       typeof window < "u" && (q = Math.max(1, Math.min(2, window.devicePixelRatio || 1)));
-      const b = (g + P) * y - P, M = X;
-      o.value.width = Math.floor(b * q), o.value.height = Math.floor(M * q), o.value.style.width = `${b}px`, o.value.style.height = `${M}px`, t && t.setTransform(q, 0, 0, q, 0, 0), _t();
+      const v = (g + P) * y - P, M = Q;
+      o.value.width = Math.floor(v * q), o.value.height = Math.floor(M * q), o.value.style.width = `${v}px`, o.value.style.height = `${M}px`, t && t.setTransform(q, 0, 0, q, 0, 0), eo();
     }
     s(ie, "resizeCanvas");
     function w() {
-      return !C || !u || !c.value ? Array.from({ length: _.length }, () => 0) : (C.getByteFrequencyData(u), je(u));
+      return !C || !u || !c.value ? Array.from({ length: X.length }, () => 0) : (C.getByteFrequencyData(u), je(u));
     }
     s(w, "generateRealInputFrequencyBands");
     function Ke() {
       if (!r.selfController)
-        return Array.from({ length: _.length }, () => 0);
+        return Array.from({ length: X.length }, () => 0);
       try {
-        const b = r.selfController.getOutputFrequencyData();
-        if (b && b.length > 0)
-          return je(b);
-      } catch (b) {
-        console.warn("Failed to get output frequency data:", b);
+        const v = r.selfController.getOutputFrequencyData();
+        if (v && v.length > 0)
+          return je(v);
+      } catch (v) {
+        console.warn("Failed to get output frequency data:", v);
       }
-      return Array.from({ length: _.length }, () => 0);
+      return Array.from({ length: X.length }, () => 0);
     }
     s(Ke, "generateRealOutputFrequencyBands");
-    function je(b) {
-      return Array.from({ length: _.length }, (A, L) => {
-        const $ = _[L], O = Math.floor($ / 12e3 * b.length), be = Math.max(1, Math.floor(b.length / _.length / 2));
+    function je(v) {
+      return Array.from({ length: X.length }, (A, L) => {
+        const $ = X[L], U = Math.floor($ / 12e3 * v.length), be = Math.max(1, Math.floor(v.length / X.length / 2));
         let K = 0;
-        for (let J = 0; J < be && O + J < b.length; J++)
-          K += b[O + J];
+        for (let J = 0; J < be && U + J < v.length; J++)
+          K += v[U + J];
         K = K / be / 255;
-        let V = 1;
-        $ < 150 ? V = 0.1 : $ < 200 ? V = 0.3 : $ >= 400 && $ <= 600 ? V = 1.4 : $ >= 1400 && $ <= 1600 ? V = 1.3 : $ >= 2400 && $ <= 2600 ? V = 1.2 : $ >= 200 && $ <= 2e3 ? V = 1.1 : $ >= 2e3 && $ <= 4e3 ? V = 0.9 : $ > 6e3 ? V = 0.4 : V = 0.7;
-        const ee = K ** 0.5 * 0.6 * V;
-        return Math.min(0.85, ee);
+        let F = 1;
+        $ < 150 ? F = 0.1 : $ < 200 ? F = 0.3 : $ >= 400 && $ <= 600 ? F = 1.4 : $ >= 1400 && $ <= 1600 ? F = 1.3 : $ >= 2400 && $ <= 2600 ? F = 1.2 : $ >= 200 && $ <= 2e3 ? F = 1.1 : $ >= 2e3 && $ <= 4e3 ? F = 0.9 : $ > 6e3 ? F = 0.4 : F = 0.7;
+        const oe = K ** 0.5 * 0.6 * F;
+        return Math.min(0.85, oe);
       });
     }
     s(je, "mapFrequencyDataToBands");
-    let xe = 0, ye = 0, N = 0;
+    let xe = 0, ye = 0, G = 0;
     const W = [
       { name: "a", f1: 730, f2: 1090, f3: 2440, duration: 120, energy: 0.9 },
       { name: "e", f1: 530, f2: 1840, f3: 2480, duration: 100, energy: 0.8 },
@@ -4765,40 +4797,40 @@ const Z = /* @__PURE__ */ s((e) => {
       { name: "r", f1: 350, f2: 1200, f3: 1650, duration: 90, energy: 0.7 },
       { name: "pause", f1: 0, f2: 0, f3: 0, duration: 150, energy: 0.05 }
     ];
-    function Ee(b) {
-      const M = Array.from({ length: _.length }, () => 0);
-      if (b <= 0)
+    function Ee(v) {
+      const M = Array.from({ length: X.length }, () => 0);
+      if (v <= 0)
         return M;
-      ye += 16.67, N += 0.02, ye > W[xe].duration && (xe = (xe + 1) % W.length, ye = 0);
-      const A = W[xe], L = W[(xe + 1) % W.length], $ = ye / A.duration, G = 0.5 * (1 + Math.cos(Math.PI + $ * Math.PI)), O = 0.7 + 0.3 * Math.sin(N * 0.5), be = 0.9 + 0.1 * Math.sin(N * 8);
-      for (let K = 0; K < _.length; K++) {
-        const V = _[K];
+      ye += 16.67, G += 0.02, ye > W[xe].duration && (xe = (xe + 1) % W.length, ye = 0);
+      const A = W[xe], L = W[(xe + 1) % W.length], $ = ye / A.duration, O = 0.5 * (1 + Math.cos(Math.PI + $ * Math.PI)), U = 0.7 + 0.3 * Math.sin(G * 0.5), be = 0.9 + 0.1 * Math.sin(G * 8);
+      for (let K = 0; K < X.length; K++) {
+        const F = X[K];
         let k = 0;
-        const de = Le(V, A.f1, L.f1, G, 200), ee = Le(V, A.f2, L.f2, G, 300), J = Le(V, A.f3, L.f3, G, 400);
-        k = (de * 0.4 + ee * 0.35 + J * 0.25) * (A.energy * (1 - G) + L.energy * G);
-        const ae = 150 + 50 * Math.sin(N * 0.3);
-        (Math.abs(V - ae) < 20 || Math.abs(V - ae * 2) < 30 || Math.abs(V - ae * 3) < 40) && (k += 0.3 * A.energy), k *= b * O * be, k *= 0.85 + Math.random() * 0.3, M[K] = Math.max(0, Math.min(1, k));
+        const de = Le(F, A.f1, L.f1, O, 200), oe = Le(F, A.f2, L.f2, O, 300), J = Le(F, A.f3, L.f3, O, 400);
+        k = (de * 0.4 + oe * 0.35 + J * 0.25) * (A.energy * (1 - O) + L.energy * O);
+        const ae = 150 + 50 * Math.sin(G * 0.3);
+        (Math.abs(F - ae) < 20 || Math.abs(F - ae * 2) < 30 || Math.abs(F - ae * 3) < 40) && (k += 0.3 * A.energy), k *= v * U * be, k *= 0.85 + Math.random() * 0.3, M[K] = Math.max(0, Math.min(1, k));
       }
       return M;
     }
     s(Ee, "generateSpeechPatterns");
-    function Le(b, M, A, L, $) {
+    function Le(v, M, A, L, $) {
       if (M === 0 && A === 0)
         return 0;
-      const G = M * (1 - L) + A * L;
-      if (G === 0)
+      const O = M * (1 - L) + A * L;
+      if (O === 0)
         return 0;
-      const O = Math.abs(b - G);
-      return Math.exp(-((O / $) ** 2));
+      const U = Math.abs(v - O);
+      return Math.exp(-((U / $) ** 2));
     }
     s(Le, "getFormantResponse");
-    let B = [], Re = 0, ke = 0;
+    let R = [], Re = 0, ke = 0;
     function Te() {
-      const b = a.value ? 100 : 50, M = Math.min(2 ** ke, 8);
-      return b * M;
+      const v = a.value ? 100 : 50, M = Math.min(2 ** ke, 8);
+      return v * M;
     }
     s(Te, "getApiThrottleInterval");
-    function Ne(b) {
+    function Ne(v) {
       let M = [];
       if (r.enableRealAudio && r.isListening && c.value && C && u) {
         const A = w();
@@ -4809,70 +4841,70 @@ const Z = /* @__PURE__ */ s((e) => {
         if (L - Re > $) {
           Re = L;
           try {
-            const O = Ke();
-            O.some((K) => K > 0.05) && (B = O, ke = 0);
-          } catch (O) {
-            console.warn("Error fetching frequency data:", O), ke++;
+            const U = Ke();
+            U.some((K) => K > 0.05) && (R = U, ke = 0);
+          } catch (U) {
+            console.warn("Error fetching frequency data:", U), ke++;
           }
         }
-        B.some((O) => O > 0.05) && (M = B);
+        R.some((U) => U > 0.05) && (M = R);
       }
-      return M.length || (b > 0 && (r.isListening || r.isSpeaking) ? M = r.isSpeaking ? Ee(b) : xt(b) : r.isConnected ? M = xt(0.02) : M = Array.from({ length: _.length }, () => 0)), r.enableWaveMotion && typeof window < "u" && (M = Pe(M, b)), M;
+      return M.length || (v > 0 && (r.isListening || r.isSpeaking) ? M = r.isSpeaking ? Ee(v) : xt(v) : r.isConnected ? M = xt(0.02) : M = Array.from({ length: X.length }, () => 0)), r.enableWaveMotion && typeof window < "u" && (M = Pe(M, v)), M;
     }
     s(Ne, "generateFrequencyBands");
-    function Pe(b, M) {
-      const A = performance.now() * 1e-3, L = [...b];
-      for (let $ = 0; $ < b.length; $++) {
-        const G = $ * (2 * Math.PI) / b.length;
-        let O = 0;
+    function Pe(v, M) {
+      const A = performance.now() * 1e-3, L = [...v];
+      for (let $ = 0; $ < v.length; $++) {
+        const O = $ * (2 * Math.PI) / v.length;
+        let U = 0;
         if (r.isListening || r.isSpeaking) {
-          const K = Math.sin(A * 4.2 + G * 0.6 - (r.enableScrollingWave ? A * 2 : 0)) * 0.15, V = Math.sin(A * 6.8 + G * 1.2 - (r.enableScrollingWave ? A * 1.5 : 0)) * 0.08, k = Math.sin(A * 0.8) * 0.05;
-          O = K + V + k;
+          const K = Math.sin(A * 4.2 + O * 0.6 - (r.enableScrollingWave ? A * 2 : 0)) * 0.15, F = Math.sin(A * 6.8 + O * 1.2 - (r.enableScrollingWave ? A * 1.5 : 0)) * 0.08, k = Math.sin(A * 0.8) * 0.05;
+          U = K + F + k;
         } else if (r.isConnected) {
-          const K = Math.sin(A * 0.6) * 0.1, V = Math.sin(A * 2 + G * 0.3) * 0.05;
-          O = K + V;
+          const K = Math.sin(A * 0.6) * 0.1, F = Math.sin(A * 2 + O * 0.3) * 0.05;
+          U = K + F;
         } else {
-          const K = Math.sin(A * 1.5 + G) * 0.12, V = Math.sin(A * 0.4) * 0.05;
-          O = K + V;
+          const K = Math.sin(A * 1.5 + O) * 0.12, F = Math.sin(A * 0.4) * 0.05;
+          U = K + F;
         }
         const be = Math.max(0.3, M);
-        L[$] = Math.max(0, Math.min(0.9, b[$] + O * be));
+        L[$] = Math.max(0, Math.min(0.9, v[$] + U * be));
       }
       return L;
     }
     s(Pe, "addWaveMotionOverlay");
-    function xt(b) {
-      const M = Array.from({ length: _.length }, () => 0);
-      if (b <= 0)
+    function xt(v) {
+      const M = Array.from({ length: X.length }, () => 0);
+      if (v <= 0)
         return M;
-      for (let A = 0; A < _.length; A++) {
-        const L = _[A];
+      for (let A = 0; A < X.length; A++) {
+        const L = X[A];
         let $ = 0;
-        L >= 400 && L <= 600 ? $ = b * 0.9 : L >= 1400 && L <= 1600 ? $ = b * 0.8 : L >= 2400 && L <= 2600 ? $ = b * 0.7 : L >= 200 && L <= 2e3 ? $ = b * 0.6 : L >= 85 && L <= 300 ? $ = b * 0.4 : $ = b * 0.2, $ *= 0.8 + Math.random() * 0.4, M[A] = Math.max(0, Math.min(1, $));
+        L >= 400 && L <= 600 ? $ = v * 0.9 : L >= 1400 && L <= 1600 ? $ = v * 0.8 : L >= 2400 && L <= 2600 ? $ = v * 0.7 : L >= 200 && L <= 2e3 ? $ = v * 0.6 : L >= 85 && L <= 300 ? $ = v * 0.4 : $ = v * 0.2, $ *= 0.8 + Math.random() * 0.4, M[A] = Math.max(0, Math.min(1, $));
       }
       return M;
     }
     s(xt, "generateIntensityBasedBands");
-    function Qt() {
+    function Xt() {
       if (typeof window > "u")
         return;
-      const b = navigator.userAgent.toLowerCase(), M = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(b);
+      const v = navigator.userAgent.toLowerCase(), M = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(v);
       a.value = M;
     }
-    s(Qt, "detectMobile");
-    function Xt(b, M) {
-      return f.has(b) || f.set(b, M()), f.get(b);
+    s(Xt, "detectMobile");
+    function _t(v, M) {
+      return f.has(v) || f.set(v, M()), f.get(v);
     }
-    s(Xt, "getGradient");
-    function _t() {
+    s(_t, "getGradient");
+    function eo() {
       f.clear(), h = null;
     }
-    s(_t, "clearGradientCache");
+    s(eo, "clearGradientCache");
     function nt() {
       if (typeof window > "u" || !t || !o.value)
         return;
-      Qt();
-      const b = o.value, M = b.width / q, A = b.height / q;
+      Xt();
+      const v = o.value, M = v.width / q, A = v.height / q;
       function L($) {
         if (!t)
           return;
@@ -4881,23 +4913,23 @@ const Z = /* @__PURE__ */ s((e) => {
           return;
         }
         t.clearRect(0, 0, M, A);
-        let G = 0;
-        r.audioLevels ? r.isListening ? G = Math.min(r.audioLevels.inputLevel * 1.5, 1) : r.isSpeaking && (G = Math.min(r.audioLevels.outputLevel * 1.8, 1)) : r.rms !== void 0 && (G = Math.min(r.rms / 70, 1));
-        const O = Ne(G);
+        let O = 0;
+        r.audioLevels ? r.isListening ? O = Math.min(r.audioLevels.inputLevel * 1.5, 1) : r.isSpeaking && (O = Math.min(r.audioLevels.outputLevel * 1.8, 1)) : r.rms !== void 0 && (O = Math.min(r.rms / 70, 1));
+        const U = Ne(O);
         for (let k = 0; k < y; k++)
-          ne[k] = H + O[k] * (X - H);
+          ne[k] = H + U[k] * (Q - H);
         const be = 16.67;
         for (let k = 0; k < y; k++) {
-          const de = _[k], ee = We(de), J = ne[k] - re[k], ae = ze * ee.stiffnessMultiplier, Fe = Ce * ee.dampingMultiplier, le = J * ae - S[k] * Fe;
-          if (S[k] += le, re[k] += S[k], re[k] > ce[k])
-            ce[k] = re[k], fe[k] = ue, ge[k] = 0;
+          const de = X[k], oe = We(de), J = ne[k] - se[k], ae = ze * oe.stiffnessMultiplier, Ve = Se * oe.dampingMultiplier, le = J * ae - S[k] * Ve;
+          if (S[k] += le, se[k] += S[k], se[k] > ce[k])
+            ce[k] = se[k], fe[k] = ue, ge[k] = 0;
           else if (fe[k] = Math.max(0, fe[k] - be), fe[k] <= 0) {
-            const Oe = (Math.max(H, re[k] * 1.1) - ce[k]) * pe - ge[k] * he;
+            const Oe = (Math.max(H, se[k] * 1.1) - ce[k]) * pe - ge[k] * he;
             ge[k] += Oe, ce[k] = Math.max(H, ce[k] + ge[k]);
           }
         }
         const K = y * 0.15;
-        function V() {
+        function F() {
           t && (h || (h = t.createRadialGradient(
             M * 0.5,
             A * 0.6,
@@ -4907,33 +4939,33 @@ const Z = /* @__PURE__ */ s((e) => {
             A * 0.9
           ), h.addColorStop(0, "rgba(255,255,255,0.02)"), h.addColorStop(1, "rgba(0,0,0,0.08)")), t.fillStyle = h, t.fillRect(0, 0, M, A));
         }
-        if (s(V, "drawBackground"), V(), (r.isListening || r.isSpeaking) && !a.value) {
+        if (s(F, "drawBackground"), F(), (r.isListening || r.isSpeaking) && !a.value) {
           const k = performance.now() * 1e-3, de = 0.1 + Math.sin(k * 2) * 0.05;
           t.save(), t.globalCompositeOperation = "lighter", t.globalAlpha = de;
-          const ee = r.isSpeaking ? "rgba(34,197,94,0.4)" : "rgba(59,130,246,0.4)";
-          t.fillStyle = ee;
+          const oe = r.isSpeaking ? "rgba(34,197,94,0.4)" : "rgba(59,130,246,0.4)";
+          t.fillStyle = oe;
           for (let J = 0; J < y; J++) {
-            const ae = J * (g + P), Fe = re[J], le = A - Fe;
-            t.beginPath(), t.roundRect(ae - 1, le - 1, g + 2, Fe + 2, [2, 2, 0, 0]), t.fill();
+            const ae = J * (g + P), Ve = se[J], le = A - Ve;
+            t.beginPath(), t.roundRect(ae - 1, le - 1, g + 2, Ve + 2, [2, 2, 0, 0]), t.fill();
           }
           t.restore();
         }
         for (let k = 0; k < y; k++) {
-          const de = k * (g + P), ee = re[k], J = A - ee, ae = _[k], Fe = Math.min(k, y - 1 - k), le = Math.min(1, Fe / K), Ge = Math.min(1, ee / X), Oe = (0.8 + Ge * 0.2) * le, kt = (0.6 + Ge * 0.2) * le, wt = (0.3 + Ge * 0.1) * le, eo = Math.round(Ge * 10) / 10, to = Math.round(le * 10) / 10, oo = `${r.isSpeaking ? "speaking" : r.isListening ? "listening" : "idle"}-${eo}-${to}-${ee}`, ro = Xt(oo, () => {
-            const te = t.createLinearGradient(0, J, 0, J + ee);
+          const de = k * (g + P), oe = se[k], J = A - oe, ae = X[k], Ve = Math.min(k, y - 1 - k), le = Math.min(1, Ve / K), Ge = Math.min(1, oe / Q), Oe = (0.8 + Ge * 0.2) * le, kt = (0.6 + Ge * 0.2) * le, wt = (0.3 + Ge * 0.1) * le, to = Math.round(Ge * 10) / 10, oo = Math.round(le * 10) / 10, ro = `${r.isSpeaking ? "speaking" : r.isListening ? "listening" : "idle"}-${to}-${oo}-${oe}`, so = _t(ro, () => {
+            const re = t.createLinearGradient(0, J, 0, J + oe);
             if (r.isSpeaking)
-              te.addColorStop(0, `rgba(34, 197, 94, ${Oe})`), te.addColorStop(0.5, `rgba(34, 197, 94, ${kt})`), te.addColorStop(1, `rgba(34, 197, 94, ${wt})`), (ae >= 400 && ae <= 600 || ae >= 1400 && ae <= 1600) && te.addColorStop(0, `rgba(74, 222, 128, ${Math.min(1, Oe + 0.2)})`);
+              re.addColorStop(0, `rgba(34, 197, 94, ${Oe})`), re.addColorStop(0.5, `rgba(34, 197, 94, ${kt})`), re.addColorStop(1, `rgba(34, 197, 94, ${wt})`), (ae >= 400 && ae <= 600 || ae >= 1400 && ae <= 1600) && re.addColorStop(0, `rgba(74, 222, 128, ${Math.min(1, Oe + 0.2)})`);
             else if (r.isListening)
-              te.addColorStop(0, `rgba(59, 130, 246, ${Oe})`), te.addColorStop(0.5, `rgba(59, 130, 246, ${kt})`), te.addColorStop(1, `rgba(59, 130, 246, ${wt})`);
+              re.addColorStop(0, `rgba(59, 130, 246, ${Oe})`), re.addColorStop(0.5, `rgba(59, 130, 246, ${kt})`), re.addColorStop(1, `rgba(59, 130, 246, ${wt})`);
             else {
-              const Ze = 0.6 * le, so = 0.4 * le, no = 0.2 * le;
-              te.addColorStop(0, `rgba(156, 163, 175, ${Ze})`), te.addColorStop(0.6, `rgba(156, 163, 175, ${so})`), te.addColorStop(1, `rgba(156, 163, 175, ${no})`);
+              const Ze = 0.6 * le, no = 0.4 * le, ao = 0.2 * le;
+              re.addColorStop(0, `rgba(156, 163, 175, ${Ze})`), re.addColorStop(0.6, `rgba(156, 163, 175, ${no})`), re.addColorStop(1, `rgba(156, 163, 175, ${ao})`);
             }
-            return te;
+            return re;
           });
-          if (t.fillStyle = ro, t.beginPath(), t.roundRect(de, J, g, ee, [1, 1, 0, 0]), t.fill(), ce[k] > H + 2) {
-            const te = A - ce[k], Ze = fe[k] > 0 ? 0.9 : Math.max(0.3, fe[k] / ue);
-            t.fillStyle = `rgba(255, 255, 255, ${Ze})`, t.fillRect(de, te - 1, g, 2), Ze > 0.5 && !a.value && (t.shadowColor = r.isSpeaking ? "rgba(34, 197, 94, 0.5)" : "rgba(59, 130, 246, 0.5)", t.shadowBlur = 3, t.fillRect(de, te - 1, g, 2), t.shadowBlur = 0);
+          if (t.fillStyle = so, t.beginPath(), t.roundRect(de, J, g, oe, [1, 1, 0, 0]), t.fill(), ce[k] > H + 2) {
+            const re = A - ce[k], Ze = fe[k] > 0 ? 0.9 : Math.max(0.3, fe[k] / ue);
+            t.fillStyle = `rgba(255, 255, 255, ${Ze})`, t.fillRect(de, re - 1, g, 2), Ze > 0.5 && !a.value && (t.shadowColor = r.isSpeaking ? "rgba(34, 197, 94, 0.5)" : "rgba(59, 130, 246, 0.5)", t.shadowBlur = 3, t.fillRect(de, re - 1, g, 2), t.shadowBlur = 0);
           }
         }
         n = requestAnimationFrame(L);
@@ -4944,10 +4976,10 @@ const Z = /* @__PURE__ */ s((e) => {
       if (o.value) {
         if (t = o.value.getContext("2d"), ie(), typeof window < "u") {
           window.addEventListener("resize", yt, { passive: !0 });
-          const b = /* @__PURE__ */ s(() => {
+          const v = /* @__PURE__ */ s(() => {
             i.value = !document.hidden;
           }, "handleVisibilityChange");
-          document.addEventListener("visibilitychange", b, { passive: !0 });
+          document.addEventListener("visibilitychange", v, { passive: !0 });
         }
         nt();
       }
@@ -4957,8 +4989,8 @@ const Z = /* @__PURE__ */ s((e) => {
     });
     function yt() {
       if (typeof window < "u") {
-        const b = Math.max(1, Math.min(2, window.devicePixelRatio || 1));
-        b !== q && (q = b);
+        const v = Math.max(1, Math.min(2, window.devicePixelRatio || 1));
+        v !== q && (q = v);
       }
       ie();
     }
@@ -4966,53 +4998,53 @@ const Z = /* @__PURE__ */ s((e) => {
       n && cancelAnimationFrame(n), typeof window < "u" && (window.removeEventListener("resize", yt), document.removeEventListener("visibilitychange", () => {
         i.value = !document.hidden;
       })), me();
-    }), oe(
+    }), ee(
       [() => r.isActive, () => r.isConnected, () => r.isListening, () => r.isSpeaking, () => r.rms],
       () => {
         !t && o.value && (t = o.value.getContext("2d")), n && cancelAnimationFrame(n), nt();
       },
       { immediate: !0 }
-    ), oe(
+    ), ee(
       [() => r.enableRealAudio, () => r.isListening],
-      async ([b, M], [A, L]) => {
-        b && M && (!A || !L) && (c.value || await $e().catch(console.error)), (!b || !M) && A && L && me();
+      async ([v, M], [A, L]) => {
+        v && M && (!A || !L) && (c.value || await $e().catch(console.error)), (!v || !M) && A && L && me();
       },
       { immediate: !1 }
-    ), oe(o, (b) => {
-      b && !t && (t = b.getContext("2d"), ie(), nt());
-    }), (b, M) => (d(), v("div", us, [
+    ), ee(o, (v) => {
+      v && !t && (t = v.getContext("2d"), ie(), nt());
+    }), (v, M) => (d(), b("div", fs, [
       l("canvas", {
         ref_key: "canvasRef",
         ref: o,
         width: (Y(g) + Y(P)) * Y(y) - Y(P),
-        height: Y(X),
+        height: Y(Q),
         class: "w-full max-w-full [image-rendering:-webkit-optimize-contrast]",
-        style: st({ height: `${Y(X)}px` })
-      }, null, 12, hs)
+        style: st({ height: `${Y(Q)}px` })
+      }, null, 12, gs)
     ]));
   }
-}), gs = { class: "flex flex-col h-full items-center justify-center px-6 py-8" }, ms = { class: "flex-1 flex flex-col items-center justify-center space-y-8 py-4" }, bs = { class: "h-32 w-full max-w-md" }, vs = { class: "text-center flex gap-2 items-center text-xs" }, ps = { class: "flex items-center justify-center gap-2" }, xs = {
+}), bs = { class: "flex flex-col h-full items-center justify-center px-6 py-8" }, vs = { class: "flex-1 flex flex-col items-center justify-center space-y-8 py-4" }, ps = { class: "h-32 w-full max-w-md" }, xs = { class: "text-center flex gap-2 items-center text-xs" }, ys = { class: "flex items-center justify-center gap-2" }, ks = {
   key: 0,
   class: "size-2 bg-blue-500 rounded-full animate-pulse"
-}, ys = {
+}, ws = {
   key: 1,
   class: "size-2 bg-green-500 rounded-full animate-pulse"
-}, ks = {
+}, Cs = {
   key: 2,
   class: "size-2 bg-white/50 rounded-full"
-}, ws = {
+}, Ss = {
   key: 3,
   class: "size-2 bg-red-500 rounded-full"
-}, Cs = { class: "text-white/70 text-sm max-w-xs leading-relaxed" }, Ss = { class: "flex flex-col items-center space-y-6" }, Ms = /* @__PURE__ */ j({
+}, Ms = { class: "text-white/70 text-sm max-w-xs leading-relaxed" }, As = { class: "flex flex-col items-center space-y-6" }, Is = /* @__PURE__ */ j({
   __name: "ElSelfVoice",
   props: {
     selfController: {}
   },
   setup(e) {
-    const r = F(() => e.selfController?.voiceState.value), o = F(() => r.value?.isConnected ? "red" : "green"), t = F(() => r.value?.isConnected ? "i-heroicons-phone-x-mark" : "i-heroicons-phone"), n = F(() => r.value?.isConnected ? "End Call" : "Start a Call"), a = F(() => {
+    const r = V(() => e.selfController?.voiceState.value), o = V(() => r.value?.isConnected ? "red" : "green"), t = V(() => r.value?.isConnected ? "i-heroicons-phone-x-mark" : "i-heroicons-phone"), n = V(() => r.value?.isConnected ? "End Call" : "Start a Call"), a = V(() => {
       const h = e.selfController?.voiceState.value;
       return !!h?.error || h?.connectionStatus === "connecting";
-    }), i = F(() => r.value?.connectionStatus === "connecting");
+    }), i = V(() => r.value?.connectionStatus === "connecting");
     async function f() {
       if (e.selfController)
         try {
@@ -5021,10 +5053,10 @@ const Z = /* @__PURE__ */ s((e) => {
           console.error("Error toggling call:", h);
         }
     }
-    return s(f, "toggleCall"), (h, C) => (d(), v("div", gs, [
-      l("div", ms, [
-        l("div", bs, [
-          U(fs, {
+    return s(f, "toggleCall"), (h, C) => (d(), b("div", bs, [
+      l("div", vs, [
+        l("div", ps, [
+          B(ms, {
             "audio-levels": e.selfController?.audioLevels.value ?? { inputLevel: 0, outputLevel: 0 },
             "is-listening": e.selfController?.voiceState.value.isListening ?? !1,
             "is-speaking": e.selfController?.voiceState.value.isSpeaking ?? !1,
@@ -5035,15 +5067,15 @@ const Z = /* @__PURE__ */ s((e) => {
             "self-controller": e.selfController
           }, null, 8, ["audio-levels", "is-listening", "is-speaking", "is-connected", "self-controller"])
         ]),
-        l("div", vs, [
-          l("div", ps, [
-            e.selfController?.voiceState.value.isListening ? (d(), v("div", xs)) : e.selfController?.voiceState.value.isSpeaking ? (d(), v("div", ys)) : e.selfController?.voiceState.value.isConnected && !e.selfController?.voiceState.value.isListening && !e.selfController?.voiceState.value.isSpeaking ? (d(), v("div", ks)) : e.selfController?.voiceState.value.error ? (d(), v("div", ws)) : E("", !0)
+        l("div", xs, [
+          l("div", ys, [
+            e.selfController?.voiceState.value.isListening ? (d(), b("div", ks)) : e.selfController?.voiceState.value.isSpeaking ? (d(), b("div", ws)) : e.selfController?.voiceState.value.isConnected && !e.selfController?.voiceState.value.isListening && !e.selfController?.voiceState.value.isSpeaking ? (d(), b("div", Cs)) : e.selfController?.voiceState.value.error ? (d(), b("div", Ss)) : E("", !0)
           ]),
-          l("p", Cs, R(e.selfController?.voiceState.value.error ? `Error: ${e.selfController.voiceState.value.error}` : e.selfController?.voiceState.value.transcript || "Ready to start a call..."), 1)
+          l("p", Ms, N(e.selfController?.voiceState.value.error ? `Error: ${e.selfController.voiceState.value.error}` : e.selfController?.voiceState.value.transcript || "Ready to start a call..."), 1)
         ])
       ]),
-      l("div", Ss, [
-        U(mt, {
+      l("div", As, [
+        B(mt, {
           theme: o.value,
           icon: t.value,
           size: "lg",
@@ -5051,36 +5083,36 @@ const Z = /* @__PURE__ */ s((e) => {
           disabled: a.value,
           onClick: f
         }, {
-          default: se(() => [
-            He(R(n.value), 1)
+          default: te(() => [
+            He(N(n.value), 1)
           ]),
           _: 1
         }, 8, ["theme", "icon", "loading", "disabled"])
       ])
     ]));
   }
-}), As = {
+}), zs = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center bg-gradient-to-br from-theme-800 to-theme-950 rounded-3xl z-10"
-}, Is = { class: "text-sm" }, zs = {
+}, $s = { class: "text-sm" }, Es = {
   key: 0,
   class: "flex-1 basis-0 flex justify-end"
-}, $s = {
+}, Ls = {
   key: 0,
   class: "h-full pb-12 flex-1 flex flex-col relative z-20 min-h-0 px-4 @[480px]/agent:px-6 max-w-md mx-auto w-full"
-}, Es = { class: "flex-1 basis-0 flex flex-col justify-start pt-6" }, Ls = {
+}, Ts = { class: "flex-1 basis-0 flex flex-col justify-start pt-6" }, Ps = {
   key: 1,
   class: "flex-1 flex flex-col relative z-20 min-h-0 w-full"
-}, Ts = { class: "px-4 pt-4 pb-4 max-w-md mx-auto" }, Ps = {
+}, Vs = { class: "px-4 pt-4 pb-4 max-w-md mx-auto" }, Fs = {
   key: 2,
   class: "flex-1 flex flex-col relative z-20 min-h-0 w-full px-4 @[480px]/agent:px-6"
-}, Fs = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, Vs = {
+}, Ds = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, Bs = {
   key: 2,
   class: "bg-gradient-to-br from-theme-800 to-theme-950 text-white flex items-center justify-center h-full p-8"
-}, Ds = { class: "text-center max-w-md space-y-4" }, Bs = { class: "text-sm text-white/70 leading-relaxed" }, js = {
+}, js = { class: "text-center max-w-md space-y-4" }, Rs = { class: "text-sm text-white/70 leading-relaxed" }, Ns = {
   key: 3,
   class: "bg-white/10 backdrop-blur-sm text-white/70 flex items-center justify-center h-full"
-}, Yt = /* @__PURE__ */ j({
+}, Jt = /* @__PURE__ */ j({
   __name: "SelfAgent",
   props: {
     sdk: {},
@@ -5094,7 +5126,7 @@ const Z = /* @__PURE__ */ s((e) => {
   },
   emits: ["close", "error"],
   setup(e, { emit: r }) {
-    const o = r, t = uo(), n = T(!1), a = T(!1), i = T(), f = T(), h = F(() => t.value?.agentMode?.value ?? "self"), C = F(() => e.sdk.activeUser.value !== void 0), u = F(() => Dt.find((g) => g.mode === h.value));
+    const o = r, t = uo(), n = T(!1), a = T(!1), i = T(), f = T(), h = V(() => t.value?.agentMode?.value ?? "self"), C = V(() => e.sdk.activeUser.value !== void 0), u = V(() => Bt.find((g) => g.mode === h.value));
     function c() {
       t.value && t.value.destroy();
       try {
@@ -5126,18 +5158,20 @@ const Z = /* @__PURE__ */ s((e) => {
       }
     }), ft(() => {
       t.value && t.value.destroy();
-    }), oe(() => e.theme, (y) => {
+    }), ee(() => e.theme, (y) => {
       m(y);
-    }), (y, g) => (d(), v("div", {
+    }), ee(() => e.sdk.activeUser.value, (y, g) => {
+      g && !y && t.value && t.value.setMode("self");
+    }), (y, g) => (d(), b("div", {
       ref_key: "rootElement",
       ref: f,
       key: Y(tt)(e.self),
       class: "@container/agent self-agent w-full h-full overflow-hidden relative",
       "data-test": "self-agent"
     }, [
-      e.loading ? (d(), v("div", As, [
-        U(gt, { class: "text-white size-8" })
-      ])) : e.self && !i.value ? (d(), v("div", {
+      e.loading ? (d(), b("div", zs, [
+        B(gt, { class: "text-white size-8" })
+      ])) : e.self && !i.value ? (d(), b("div", {
         key: 1,
         class: "absolute inset-0 bg-cover bg-center bg-no-repeat",
         style: st({ backgroundImage: `url(${Y(tt)(e.self) || Y(qe)()})` })
@@ -5171,10 +5205,10 @@ const Z = /* @__PURE__ */ s((e) => {
                 l("i", {
                   class: z([u.value?.icon, "size-4 opacity-60"])
                 }, null, 2),
-                l("span", Is, R(u.value?.label), 1),
+                l("span", $s, N(u.value?.label), 1),
                 g[7] || (g[7] = l("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
               ], 2),
-              e.hasClose ? (d(), v("div", zs, [
+              e.hasClose ? (d(), b("div", Es, [
                 l("button", {
                   class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
                   onClick: g[2] || (g[2] = et((P) => o("close", "button"), ["stop"]))
@@ -5184,11 +5218,11 @@ const Z = /* @__PURE__ */ s((e) => {
               ])) : E("", !0)
             ], 2)
           ], 2),
-          h.value === "self" ? (d(), v("div", $s, [
+          h.value === "self" ? (d(), b("div", Ls, [
             g[9] || (g[9] = l("div", { class: "flex-1 basis-0 mb-36" }, null, -1)),
-            U(_r, { self: e.self }, null, 8, ["self"]),
-            l("div", Es, [
-              U(mt, {
+            B(ts, { self: e.self }, null, 8, ["self"]),
+            l("div", Ts, [
+              B(mt, {
                 theme: "primary",
                 size: "lg",
                 class: "w-full",
@@ -5196,36 +5230,36 @@ const Z = /* @__PURE__ */ s((e) => {
                 "data-test": "voice-button",
                 onClick: g[3] || (g[3] = (P) => t.value?.setMode("talk"))
               }, {
-                default: se(() => [
-                  He(" Talk to " + R(e.self.name), 1)
+                default: te(() => [
+                  He(" Talk to " + N(e.self.name), 1)
                 ]),
                 _: 1
               })
             ])
-          ])) : h.value === "talk" ? (d(), v("div", Ls, [
-            C.value ? (d(), v(Ae, { key: 1 }, [
+          ])) : h.value === "talk" ? (d(), b("div", Ps, [
+            C.value ? (d(), b(Ae, { key: 1 }, [
               l("div", null, [
-                l("div", Ts, [
-                  U(No, { self: e.self }, null, 8, ["self"])
+                l("div", Vs, [
+                  B(Oo, { self: e.self }, null, 8, ["self"])
                 ])
               ]),
-              U(Ms, { "self-controller": t.value }, null, 8, ["self-controller"])
-            ], 64)) : (d(), Q(zt, {
+              B(Is, { "self-controller": t.value }, null, 8, ["self-controller"])
+            ], 64)) : (d(), _(zt, {
               key: 0,
               sdk: e.sdk
             }, null, 8, ["sdk"]))
-          ])) : (d(), v("div", Ps, [
-            l("div", Fs, [
-              h.value === "chat" ? (d(), v(Ae, { key: 0 }, [
-                C.value ? (d(), Q(qr, {
+          ])) : (d(), b("div", Fs, [
+            l("div", Ds, [
+              h.value === "chat" ? (d(), b(Ae, { key: 0 }, [
+                C.value ? (d(), _(Kr, {
                   key: 1,
                   "self-controller": t.value,
                   self: e.self
-                }, null, 8, ["self-controller", "self"])) : (d(), Q(zt, {
+                }, null, 8, ["self-controller", "self"])) : (d(), _(zt, {
                   key: 0,
                   sdk: e.sdk
                 }, null, 8, ["sdk"]))
-              ], 64)) : h.value === "info" ? (d(), Q(Pr, {
+              ], 64)) : h.value === "info" ? (d(), _(Fr, {
                 key: 1,
                 self: e.self
               }, null, 8, ["self"])) : E("", !0)
@@ -5244,38 +5278,38 @@ const Z = /* @__PURE__ */ s((e) => {
             ], -1)
           ])], 2)
         ], 2)
-      ], 4)) : i.value ? (d(), v("div", Vs, [
-        l("div", Ds, [
+      ], 4)) : i.value ? (d(), b("div", Bs, [
+        l("div", js, [
           g[11] || (g[11] = l("div", { class: "flex justify-center" }, [
             l("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [
               l("i", { class: "i-tabler-alert-circle size-6 text-red-400" })
             ])
           ], -1)),
           g[12] || (g[12] = l("h3", { class: "text-lg font-medium" }, " Self Error ", -1)),
-          l("p", Bs, R(i.value), 1)
+          l("p", Rs, N(i.value), 1)
         ])
-      ])) : (d(), v("div", js, " There was an error loading the digital self. Please try again later. ")),
-      U(ds, {
+      ])) : (d(), b("div", Ns, " There was an error loading the digital self. Please try again later. ")),
+      B(hs, {
         modelValue: n.value,
         "onUpdate:modelValue": g[4] || (g[4] = (P) => n.value = P),
         self: e.self,
         sdk: e.sdk,
         title: e.self.name
       }, null, 8, ["modelValue", "self", "sdk", "title"]),
-      U(cs, {
+      B(us, {
         modelValue: a.value,
         "onUpdate:modelValue": g[5] || (g[5] = (P) => a.value = P),
         "self-controller": t.value
       }, null, 8, ["modelValue", "self-controller"])
     ]));
   }
-}), Rs = { class: "self-wrap" }, Ns = {
+}), Gs = { class: "self-wrap" }, Os = {
   key: 0,
   class: "flex items-center justify-center h-full"
-}, Gs = {
+}, Us = {
   key: 2,
   class: "flex items-center justify-center h-full text-theme-500 text-xs"
-}, Os = { class: "flex flex-col items-center gap-2" }, Jt = /* @__PURE__ */ j({
+}, Hs = { class: "flex flex-col items-center gap-2" }, Qt = /* @__PURE__ */ j({
   __name: "SelfWrap",
   props: {
     sdk: {},
@@ -5305,29 +5339,29 @@ const Z = /* @__PURE__ */ s((e) => {
       } finally {
         o.value = !1;
       }
-    }), (a, i) => (d(), v("div", Rs, [
-      o.value ? (d(), v("div", Ns, [...i[0] || (i[0] = [
+    }), (a, i) => (d(), b("div", Gs, [
+      o.value ? (d(), b("div", Os, [...i[0] || (i[0] = [
         l("div", { class: "animate-spin rounded-full size-6 border-b-2 border-white" }, null, -1)
-      ])])) : t.value ? Me(a.$slots, "default", {
+      ])])) : t.value ? Ce(a.$slots, "default", {
         key: 1,
         self: t.value,
         context: e.context,
         firstMessage: e.firstMessage,
         loading: o.value
-      }) : n.value ? (d(), v("div", Gs, [
-        l("div", Os, [
+      }) : n.value ? (d(), b("div", Us, [
+        l("div", Hs, [
           i[1] || (i[1] = l("div", null, [
             l("div", { class: "i-tabler-user-off size-8" })
           ], -1)),
-          l("div", null, R(n.value), 1)
+          l("div", null, N(n.value), 1)
         ])
       ])) : E("", !0)
     ]));
   }
-}), Us = {
+}), qs = {
   key: 0,
   class: "relative h-full w-full"
-}, Hs = { class: "group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100" }, qs = ["src", "alt"], nn = /* @__PURE__ */ j({
+}, Ws = { class: "group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100" }, Ks = ["src", "alt"], ln = /* @__PURE__ */ j({
   __name: "FictionWidget",
   props: {
     sdk: {},
@@ -5341,7 +5375,7 @@ const Z = /* @__PURE__ */ s((e) => {
     function a() {
       t.value = !t.value;
     }
-    s(a, "toggle"), oe(t, async (C) => {
+    s(a, "toggle"), ee(t, async (C) => {
       C ? (await Xe(), setTimeout(() => {
         n.value = !0;
       }, 400)) : n.value = !1;
@@ -5361,14 +5395,14 @@ const Z = /* @__PURE__ */ s((e) => {
       toggle: a,
       open: i,
       close: f
-    }), (C, u) => (d(), Q(Jt, {
+    }), (C, u) => (d(), _(Qt, {
       sdk: e.sdk,
       handle: e.handle,
       context: e.context,
       "first-message": e.firstMessage
     }, {
-      default: se(({ self: c }) => [
-        c ? (d(), v("div", {
+      default: te(({ self: c }) => [
+        c ? (d(), b("div", {
           key: 0,
           class: z(["fixed z-[999999] pointer-events-auto", [
             o.position === "bottom-left" ? "bottom-6 left-6" : o.position === "top-right" ? "top-6 right-6" : o.position === "top-left" ? "top-6 left-6" : "bottom-6 right-6"
@@ -5383,13 +5417,13 @@ const Z = /* @__PURE__ */ s((e) => {
             }),
             onClick: u[0] || (u[0] = (m) => t.value ? void 0 : a())
           }, [
-            t.value ? E("", !0) : (d(), v("div", Us, [
-              l("div", Hs, [
+            t.value ? E("", !0) : (d(), b("div", qs, [
+              l("div", Ws, [
                 l("img", {
                   src: Y(tt)(c) || Y(qe)(),
                   alt: `${c.name} avatar`,
                   class: "h-full w-full object-cover pointer-events-none"
-                }, null, 8, qs),
+                }, null, 8, Ks),
                 u[1] || (u[1] = l("div", { class: "absolute inset-0 pointer-events-none bg-gradient-to-br from-transparent via-black/10 to-black/40 opacity-60 transition-opacity duration-300 group-hover:opacity-40" }, null, -1))
               ]),
               u[2] || (u[2] = l("div", { class: "absolute top-0.5 right-0.5" }, [
@@ -5400,7 +5434,7 @@ const Z = /* @__PURE__ */ s((e) => {
                 l("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" })
               ], -1))
             ])),
-            t.value && c ? (d(), Q(Yt, {
+            t.value && c ? (d(), _(Jt, {
               key: 1,
               class: "rounded-3xl shadow-2xl border border-white/10",
               sdk: e.sdk,
@@ -5417,16 +5451,16 @@ const Z = /* @__PURE__ */ s((e) => {
       _: 1
     }, 8, ["sdk", "handle", "context", "first-message"]));
   }
-}), Ws = { class: "flex min-h-full items-center justify-center text-center p-4 py-8" }, Ks = {
+}), Zs = { class: "flex min-h-full items-center justify-center text-center p-4 py-8" }, Ys = {
   key: 0,
   class: "text-base p-4 font-semibold"
-}, Zs = {
+}, Js = {
   key: 1,
   class: "flex items-center gap-2 px-2"
-}, Ys = {
+}, Qs = {
   inheritAttrs: !1
-}, Js = /* @__PURE__ */ j({
-  ...Ys,
+}, Xs = /* @__PURE__ */ j({
+  ...Qs,
   name: "FModal",
   __name: "FModal",
   props: {
@@ -5460,7 +5494,7 @@ const Z = /* @__PURE__ */ s((e) => {
     ], h = T(!1), C = [];
     Ie(async () => {
       t.value = !0;
-      const c = oe(
+      const c = ee(
         () => e.vis,
         (m) => {
           m ? setTimeout(() => h.value = !0, 300) : h.value = !1;
@@ -5471,7 +5505,7 @@ const Z = /* @__PURE__ */ s((e) => {
     }), ft(() => {
       C.forEach((c) => c());
     });
-    const u = F(() => e.transitionMode === "slideUp" ? {
+    const u = V(() => e.transitionMode === "slideUp" ? {
       enterActiveClass: "ease-[cubic-bezier(0.25,1,0.33,1)] duration-500",
       enterFromClass: "opacity-0 translate-y-full scale-95",
       enterToClass: "opacity-100 translate-y-0 scale-100",
@@ -5486,7 +5520,7 @@ const Z = /* @__PURE__ */ s((e) => {
       leaveFromClass: "opacity-100 translate-y-0 scale-100",
       leaveToClass: "opacity-0 scale-75"
     });
-    return (c, m) => t.value ? (d(), Q(ho, {
+    return (c, m) => t.value ? (d(), _(ho, {
       key: 0,
       to: e.teleportTo
     }, [
@@ -5496,7 +5530,7 @@ const Z = /* @__PURE__ */ s((e) => {
         role: "dialog",
         "aria-modal": "true"
       }, [
-        U(_e, {
+        B(_e, {
           "enter-active-class": "ease-out duration-300",
           "enter-from-class": "opacity-0",
           "enter-to-class": "opacity-100",
@@ -5504,8 +5538,8 @@ const Z = /* @__PURE__ */ s((e) => {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: se(() => [
-            e.vis ? (d(), v("div", {
+          default: te(() => [
+            e.vis ? (d(), b("div", {
               key: 0,
               class: "fixed inset-0 bg-theme-800/60 active:bg-theme-800/80 cursor-pointer dark:bg-theme-600/90 backdrop-blur-sm transition-opacity",
               onClick: m[0] || (m[0] = (y) => n({ reason: "escape" }))
@@ -5517,23 +5551,23 @@ const Z = /* @__PURE__ */ s((e) => {
           class: "fixed inset-0 z-40 overflow-y-auto",
           onClick: m[3] || (m[3] = (y) => n({ reason: "escape" }))
         }, [
-          l("div", Ws, [
-            U(_e, fo(go(u.value)), {
-              default: se(() => [
-                e.vis ? (d(), v("div", {
+          l("div", Zs, [
+            B(_e, fo(go(u.value)), {
+              default: te(() => [
+                e.vis ? (d(), b("div", {
                   key: 0,
                   class: z([f, "overflow-visible w-full"]),
                   onClick: m[2] || (m[2] = et(() => {
                   }, ["stop"]))
                 }, [
-                  e.hasClose || e.title || c.$slots.actions ? (d(), v("div", {
+                  e.hasClose || e.title || c.$slots.actions ? (d(), b("div", {
                     key: 0,
                     class: z(!e.title && (e.hasClose || c.$slots.actions) ? "absolute top-0 right-0 z-10" : "flex justify-between items-center")
                   }, [
-                    e.title ? (d(), v("h2", Ks, R(e.title), 1)) : E("", !0),
-                    e.hasClose || c.$slots.actions ? (d(), v("div", Zs, [
-                      Me(c.$slots, "actions"),
-                      e.hasClose ? (d(), Q(Kt, {
+                    e.title ? (d(), b("h2", Ys, N(e.title), 1)) : E("", !0),
+                    e.hasClose || c.$slots.actions ? (d(), b("div", Js, [
+                      Ce(c.$slots, "actions"),
+                      e.hasClose ? (d(), _(Zt, {
                         key: 0,
                         class: "relative",
                         "data-test-id": "close-modal",
@@ -5541,7 +5575,7 @@ const Z = /* @__PURE__ */ s((e) => {
                       })) : E("", !0)
                     ])) : E("", !0)
                   ], 2)) : E("", !0),
-                  Me(c.$slots, "default")
+                  Ce(c.$slots, "default")
                 ])) : E("", !0)
               ]),
               _: 3
@@ -5551,7 +5585,7 @@ const Z = /* @__PURE__ */ s((e) => {
       ], 2)
     ], 8, ["to"])) : E("", !0);
   }
-}), Qs = /* @__PURE__ */ j({
+}), _s = /* @__PURE__ */ j({
   __name: "SelfProvider",
   props: {
     sdk: {},
@@ -5563,9 +5597,9 @@ const Z = /* @__PURE__ */ s((e) => {
   },
   setup(e) {
     const r = e;
-    return (o, t) => (d(), Q(Jt, St(r, { class: "self-provider size-full relative" }), {
-      default: se((n) => [
-        U(Yt, St(r, {
+    return (o, t) => (d(), _(Qt, St(r, { class: "self-provider size-full relative" }), {
+      default: te((n) => [
+        B(Jt, St(r, {
           self: n.self,
           "is-active": !0,
           class: "size-full"
@@ -5574,7 +5608,7 @@ const Z = /* @__PURE__ */ s((e) => {
       _: 1
     }, 16));
   }
-}), Xs = { class: "relative w-full h-[80vh] md:h-[600px]" }, an = /* @__PURE__ */ j({
+}), en = { class: "relative w-full h-[80vh] md:h-[600px]" }, cn = /* @__PURE__ */ j({
   name: "SelfModal",
   __name: "SelfModal",
   props: {
@@ -5588,20 +5622,20 @@ const Z = /* @__PURE__ */ s((e) => {
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
     const o = r, t = T(e.modelValue);
-    return oe(() => e.modelValue, (n) => {
+    return ee(() => e.modelValue, (n) => {
       t.value = n;
-    }), oe(t, (n) => {
+    }), ee(t, (n) => {
       o("update:modelValue", n);
-    }), (n, a) => (d(), Q(Js, {
+    }), (n, a) => (d(), _(Xs, {
       vis: t.value,
       "onUpdate:vis": a[1] || (a[1] = (i) => t.value = i),
       "modal-class": "max-w-4xl p-0",
       "style-class": "bg-transparent shadow-2xl",
       "has-close": !1
     }, {
-      default: se(() => [
-        l("div", Xs, [
-          U(Qs, {
+      default: te(() => [
+        l("div", en, [
+          B(_s, {
             sdk: e.sdk,
             self: e.self,
             handle: e.handle,
@@ -5617,19 +5651,19 @@ const Z = /* @__PURE__ */ s((e) => {
   }
 });
 export {
-  Dt as AGENT_MODES,
+  Bt as AGENT_MODES,
   bo as AUDIO_FFT_SIZE,
   po as AUDIO_LEVEL_UPDATE_INTERVAL,
   vo as AUDIO_SMOOTHING,
   lt as ClientAudio,
-  nn as FictionWidget,
-  Yt as SelfAgent,
-  an as SelfModal,
-  Qs as SelfProvider,
-  Jt as SelfWrap,
+  ln as FictionWidget,
+  Jt as SelfAgent,
+  cn as SelfModal,
+  _s as SelfProvider,
+  Qt as SelfWrap,
   xo as VISUALIZER_CONFIG,
-  _ as VOICE_FREQUENCIES,
-  sn as generateFirstMessage,
+  X as VOICE_FREQUENCIES,
+  an as generateFirstMessage,
   qe as getFallbackAvatarDataUrl,
   At as getImageSrc,
   tt as getSelfAvatarUrl,