@fiction/sdk 1.0.4 → 1.0.6

package/dist/self.js

@@ -2,11 +2,11 @@ var vt = Object.defineProperty;
 var er = (e, o, r) => o in e ? vt(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r;
 var n = (e, o) => vt(e, "name", { value: o, configurable: !0 });
 var D = (e, o, r) => er(e, typeof o != "symbol" ? o + "" : o, r);
-import { ref as B, defineComponent as K, createElementBlock as v, openBlock as b, createElementVNode as l, normalizeClass as $, watch as ye, createCommentVNode as P, unref as Z, toDisplayString as W, computed as L, createBlock as Se, resolveDynamicComponent as tr, withCtx as ke, createVNode as Q, renderSlot as Ge, Fragment as Je, renderList as ct, createTextVNode as Xe, onMounted as Oe, nextTick as Ue, withDirectives as rr, vModelText as or, onBeforeUnmount as nr, Transition as xt, withModifiers as It, TransitionGroup as sr, normalizeStyle as dt, onUnmounted as $t, shallowRef as ir, mergeProps as yt } from "vue";
+import { ref as B, defineComponent as K, createElementBlock as v, openBlock as b, createElementVNode as l, normalizeClass as E, watch as ye, createCommentVNode as P, unref as Z, toDisplayString as W, computed as L, createBlock as Se, resolveDynamicComponent as tr, withCtx as ke, createVNode as Q, renderSlot as Ge, Fragment as Je, renderList as ct, createTextVNode as Xe, onMounted as Oe, nextTick as Ue, withDirectives as rr, vModelText as or, Transition as xt, withModifiers as It, TransitionGroup as nr, normalizeStyle as dt, onUnmounted as $t, shallowRef as sr, mergeProps as yt } from "vue";
 import { S as Et } from "./base-CEr2lLFg.js";
 import { Conversation as kt } from "@elevenlabs/client";
-import { objectId as ar } from "@fiction/utils";
-const lr = 256, cr = 0.8, dr = 50, ur = {
+import { objectId as ir } from "@fiction/utils";
+const ar = 256, lr = 0.8, cr = 50, dr = {
   bars: 64,
   barWidth: 3,
   barSpacing: 1,
@@ -136,13 +136,13 @@ const lr = 256, cr = 0.8, dr = 50, ur = {
       const {
         noiseSuppression: t = !0,
         echoCancellation: s = !0,
-        autoGainControl: i = !0
+        autoGainControl: a = !0
       } = r;
       return this.stream = await navigator.mediaDevices.getUserMedia({
         audio: {
           noiseSuppression: t,
           echoCancellation: s,
-          autoGainControl: i
+          autoGainControl: a
         }
       }), this.logger.info("Microphone permission granted"), await this.setupAudioAnalysis(), !0;
     } catch (t) {
@@ -156,7 +156,7 @@ const lr = 256, cr = 0.8, dr = 50, ur = {
     if (!this.stream)
       throw new Error("No audio stream available");
     try {
-      this.audioContext = new AudioContext(), this.analyser = this.audioContext.createAnalyser(), this.microphone = this.audioContext.createMediaStreamSource(this.stream), this.analyser.fftSize = lr, this.analyser.smoothingTimeConstant = cr, this.microphone.connect(this.analyser), this.logger.info("Audio analysis setup complete");
+      this.audioContext = new AudioContext(), this.analyser = this.audioContext.createAnalyser(), this.microphone = this.audioContext.createMediaStreamSource(this.stream), this.analyser.fftSize = ar, this.analyser.smoothingTimeConstant = lr, this.microphone.connect(this.analyser), this.logger.info("Audio analysis setup complete");
     } catch (r) {
       throw this.logger.error("Failed to setup audio analysis:", r), r;
     }
@@ -177,17 +177,17 @@ const lr = 256, cr = 0.8, dr = 50, ur = {
       }
       try {
         this.analyser.getByteFrequencyData(t);
-        const a = t.reduce((A, d) => A + d, 0) / t.length, g = Math.min(a / 128, 1), c = r?.() ? 0.3 : 0;
-        this.audioLevels.value = { inputLevel: g, outputLevel: c };
-      } catch (a) {
-        this.logger.error("Error in audio level monitoring:", a), this.stopAudioLevelMonitoring();
+        const i = t.reduce((A, d) => A + d, 0) / t.length, m = Math.min(i / 128, 1), c = r?.() ? 0.3 : 0;
+        this.audioLevels.value = { inputLevel: m, outputLevel: c };
+      } catch (i) {
+        this.logger.error("Error in audio level monitoring:", i), this.stopAudioLevelMonitoring();
       }
-    }, "updateLevels"), i = /* @__PURE__ */ n(() => {
-      s().catch((a) => {
-        this.logger.error("Async error in audio level monitoring:", a);
+    }, "updateLevels"), a = /* @__PURE__ */ n(() => {
+      s().catch((i) => {
+        this.logger.error("Async error in audio level monitoring:", i);
       });
     }, "intervalWrapper");
-    this.audioLevelInterval = window.setInterval(i, dr);
+    this.audioLevelInterval = window.setInterval(a, cr);
   }
   /**
    * Stop monitoring audio levels
@@ -257,7 +257,7 @@ const Lt = [
     label: "Info",
     icon: "i-tabler-user-circle"
   }
-], hr = { class: "spinner max-w-sm" }, fr = {
+], ur = { class: "spinner max-w-sm" }, hr = {
   class: "ring-circular h-full w-full origin-center",
   viewBox: "25 25 50 50"
 }, Tt = /* @__PURE__ */ K({
@@ -267,10 +267,10 @@ const Lt = [
     colorMode: { type: String, default: "primary" }
   },
   setup(e) {
-    return (o, r) => (b(), v("div", hr, [
-      (b(), v("svg", fr, [
+    return (o, r) => (b(), v("div", ur, [
+      (b(), v("svg", hr, [
         l("circle", {
-          class: $([e.colorMode, "ring-path"]),
+          class: E([e.colorMode, "ring-path"]),
           cx: "50",
           cy: "50",
           r: "20",
@@ -414,10 +414,10 @@ const Lt = [
     950: "oklch(29.3% 0.066 243.157)"
   }
 };
-function gr(e) {
+function fr(e) {
   return wt[e] || wt.blue;
 }
-n(gr, "getColorSchemeOklch");
+n(fr, "getColorSchemeOklch");
 function Ct(e) {
   return e ? typeof e == "string" ? e : e.src || "" : "";
 }
@@ -435,7 +435,7 @@ function Qe(e) {
   o.dataset.fallbackUsed || (o.dataset.fallbackUsed = "true", o.src = _e());
 }
 n(Qe, "handleImageError");
-function mr(e) {
+function gr(e) {
   const { message: o } = e;
   if (!o)
     return null;
@@ -447,12 +447,12 @@ function mr(e) {
     (t) => {
       if (!("source" in t))
         return null;
-      const i = {
+      const a = {
         user: "user",
         ai: "agent",
         agent: "agent"
       }[t.source];
-      return i ? { text: t.message || "", sender: i } : null;
+      return a ? { text: t.message || "", sender: a } : null;
     }
   ];
   for (const t of r) {
@@ -462,12 +462,12 @@ function mr(e) {
   }
   return null;
 }
-n(mr, "parseVoiceMessage");
-function Vn(e) {
+n(gr, "parseVoiceMessage");
+function Pn(e) {
   const { name: o, context: r } = e;
   return r === "welcome" ? `Welcome to Fiction! I'm ${o}, 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?` : r === "onboarding" ? `Hi! I'm ${o}, 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 ${o}. How can I help you today?`;
 }
-n(Vn, "generateFirstMessage");
+n(Pn, "generateFirstMessage");
 const ft = class ft extends Et {
   constructor(r) {
     super("SelfController", r);
@@ -513,8 +513,8 @@ const ft = class ft extends Et {
     try {
       const r = this.conversation.getOutputByteFrequencyData();
       if (r && r.length > 0) {
-        const t = Array.from(r).filter((a) => Number(a) > 0).length, s = Math.max(...Array.from(r)), i = Array.from(r).reduce((a, g) => a + Number(g), 0) / r.length;
-        return console.warn(`ElevenLabs frequency data: ${r.length} bins, ${t} with signal, max: ${s}, avg: ${i.toFixed(1)}`), new Uint8Array(r);
+        const t = Array.from(r).filter((i) => Number(i) > 0).length, s = Math.max(...Array.from(r)), a = Array.from(r).reduce((i, m) => i + Number(m), 0) / r.length;
+        return console.warn(`ElevenLabs frequency data: ${r.length} bins, ${t} with signal, max: ${s}, avg: ${a.toFixed(1)}`), new Uint8Array(r);
       } else
         return console.warn("ElevenLabs returned empty frequency data"), null;
     } catch (r) {
@@ -522,8 +522,8 @@ const ft = class ft extends Et {
     }
   }
   isDuplicateMessage(r, t) {
-    const s = `${t}:${r.toLowerCase().trim()}`, i = Date.now(), a = s === this.lastMessage.hash && i - this.lastMessage.time < 500;
-    return a || (this.lastMessage = { hash: s, time: i }), a;
+    const s = `${t}:${r.toLowerCase().trim()}`, a = Date.now(), i = s === this.lastMessage.hash && a - this.lastMessage.time < 500;
+    return i || (this.lastMessage = { hash: s, time: a }), i;
   }
   addMessage(r, t) {
     this.isDuplicateMessage(r, t) || (this.sharedMessages.value = [
@@ -568,7 +568,7 @@ const ft = class ft extends Et {
     });
   }
   handleMessage(r, t) {
-    const s = mr(r);
+    const s = gr(r);
     s && (this.addMessage(s.text, s.sender), !t && s.sender === "agent" && this.updateState(this.textState, { isThinking: !1 }));
   }
   handleError(r, t) {
@@ -618,26 +618,26 @@ const ft = class ft extends Et {
           }), r.onConnect?.(), r.onAudioLevel && (this.unwatchAudio = ye(this.audioLevels, r.onAudioLevel, { immediate: !0 }));
         }, "onConnect"),
         onDisconnect: /* @__PURE__ */ n(() => {
-          this.logger.info("Voice conversation disconnected"), this.conversation = void 0, this.clientAudio.stopAudioLevelMonitoring(), this.endSession().catch((i) => console.error("Failed to end session:", i)), this.resetState(!1), r.onDisconnect?.();
+          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), r.onDisconnect?.();
         }, "onDisconnect"),
-        onError: /* @__PURE__ */ n((i) => {
-          let a = i;
-          i.includes("does not exist") ? a = `Agent not found: ${this.settings.self.elevenlabsAgentId}. Check ElevenLabs configuration.` : i.includes("limit") || i.includes("quota") ? a = "ElevenLabs account limit reached. Check your subscription and usage." : (i.includes("unauthorized") || i.includes("invalid")) && (a = "ElevenLabs API authentication failed. Check ELEVENLABS_API_KEY."), this.endSession().catch((g) => console.error("Failed to end session:", g)), this.handleError(new Error(a), !0), r.onError?.(new Error(a));
+        onError: /* @__PURE__ */ n((a) => {
+          let i = a;
+          a.includes("does not exist") ? i = `Agent not found: ${this.settings.self.elevenlabsAgentId}. Check ElevenLabs configuration.` : a.includes("limit") || a.includes("quota") ? i = "ElevenLabs account limit reached. Check your subscription and usage." : (a.includes("unauthorized") || a.includes("invalid")) && (i = "ElevenLabs API authentication failed. Check ELEVENLABS_API_KEY."), this.endSession().catch((m) => console.error("Failed to end session:", m)), this.handleError(new Error(i), !0), r.onError?.(new Error(i));
         }, "onError"),
-        onModeChange: /* @__PURE__ */ n((i) => {
-          const a = i.mode === "speaking";
+        onModeChange: /* @__PURE__ */ n((a) => {
+          const i = a.mode === "speaking";
           this.updateState(this.voiceState, {
-            isSpeaking: a,
-            isListening: !a,
-            transcript: a ? "Agent is speaking..." : "Listening for your voice..."
-          }), r.onModeChange?.(i.mode);
+            isSpeaking: i,
+            isListening: !i,
+            transcript: i ? "Agent is speaking..." : "Listening for your voice..."
+          }), r.onModeChange?.(a.mode);
         }, "onModeChange"),
-        onMessage: /* @__PURE__ */ n((i) => {
-          this.handleMessage(i, !0), r.onMessage?.(i);
+        onMessage: /* @__PURE__ */ n((a) => {
+          this.handleMessage(a, !0), r.onMessage?.(a);
         }, "onMessage")
       });
-    } catch (i) {
-      throw this.isConnecting = !1, this.endSession().catch((a) => console.error("Failed to end session:", a)), this.handleError(i, !0), i;
+    } catch (a) {
+      throw this.isConnecting = !1, this.endSession().catch((i) => console.error("Failed to end session:", i)), this.handleError(a, !0), a;
     }
   }
   async startTextConversation(r = {}) {
@@ -660,7 +660,7 @@ const ft = class ft extends Et {
         }, "onDisconnect"),
         onError: /* @__PURE__ */ n((t) => {
           let s = t;
-          t.includes("does not exist") ? s = `Agent not found: ${this.settings.self.elevenlabsAgentId}. Check ElevenLabs configuration.` : t.includes("limit") || t.includes("quota") ? s = "ElevenLabs account limit reached. Check your subscription and usage." : (t.includes("unauthorized") || t.includes("invalid")) && (s = "ElevenLabs API authentication failed. Check ELEVENLABS_API_KEY."), this.endSession().catch((i) => console.error("Failed to end session:", i)), this.handleError(new Error(s), !1), r.onError?.(new Error(s));
+          t.includes("does not exist") ? s = `Agent not found: ${this.settings.self.elevenlabsAgentId}. Check ElevenLabs configuration.` : t.includes("limit") || t.includes("quota") ? s = "ElevenLabs account limit reached. Check your subscription and usage." : (t.includes("unauthorized") || t.includes("invalid")) && (s = "ElevenLabs API authentication failed. Check ELEVENLABS_API_KEY."), this.endSession().catch((a) => console.error("Failed to end session:", a)), this.handleError(new Error(s), !1), r.onError?.(new Error(s));
         }, "onError"),
         onModeChange: /* @__PURE__ */ n((t) => {
           r.onModeChange?.(t.mode);
@@ -708,7 +708,7 @@ const ft = class ft extends Et {
   }
   // Simple session tracking - minimal implementation
   startSession(r) {
-    this.sessionId = ar(), this.conversationStartTime = /* @__PURE__ */ new Date(), this.chatCharacterCount = 0, this.logger.info("Started conversation session", {
+    this.sessionId = ir(), this.conversationStartTime = /* @__PURE__ */ new Date(), this.chatCharacterCount = 0, this.logger.info("Started conversation session", {
       sessionId: this.sessionId,
       type: r
     });
@@ -721,21 +721,21 @@ const ft = class ft extends Et {
       this.logger.info("No org/user context - skipping usage recording"), this.resetSession();
       return;
     }
-    const s = Math.round((Date.now() - this.conversationStartTime.getTime()) / 1e3), i = this.isTextMode ? "chat" : "voice", a = i === "voice" ? s : this.chatCharacterCount;
+    const s = Math.round((Date.now() - this.conversationStartTime.getTime()) / 1e3), a = this.isTextMode ? "chat" : "voice", i = a === "voice" ? s : this.chatCharacterCount;
     if (!r.selfId) {
       this.logger.warn("Cannot track usage: selfId is undefined"), this.resetSession();
       return;
     }
     await t.trackUsage({
       selfId: r.selfId,
-      type: i,
-      quantity: a,
+      type: a,
+      quantity: i,
       participantId: t.activeUser.value?.userId
       // Track authenticated user
     }) ? this.logger.info("Recorded usage", {
       sessionId: this.sessionId,
-      type: i,
-      quantity: a,
+      type: a,
+      quantity: i,
       duration: s
     }) : this.logger.warn("Failed to record usage - continuing normally"), this.resetSession();
   }
@@ -745,10 +745,10 @@ const ft = class ft extends Et {
 };
 n(ft, "SelfController");
 let st = ft;
-const br = { class: "relative flex-shrink-0" }, pr = ["src", "alt"], vr = {
+const mr = { class: "relative flex-shrink-0" }, br = ["src", "alt"], pr = {
   key: 0,
   class: "absolute top-1 right-1"
-}, xr = { class: "min-w-0" }, yr = /* @__PURE__ */ K({
+}, vr = { class: "min-w-0" }, xr = /* @__PURE__ */ K({
   __name: "ElModeHeader",
   props: {
     self: {},
@@ -761,13 +761,13 @@ const br = { class: "relative flex-shrink-0" }, pr = ["src", "alt"], vr = {
       return e.self.avatar?.src ? e.self.avatar.src : _e();
     }
     return n(o, "getAvatarSrc"), (r, t) => (b(), v("div", {
-      class: $(["flex gap-4", [
+      class: E(["flex gap-4", [
         e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"
       ]])
     }, [
-      l("div", br, [
+      l("div", mr, [
         l("div", {
-          class: $(["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"])
+          class: E(["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"])
         }, [
           l("img", {
             src: o(),
@@ -775,9 +775,9 @@ const br = { class: "relative flex-shrink-0" }, pr = ["src", "alt"], vr = {
             class: "w-full h-full object-cover",
             onError: t[0] || (t[0] = //@ts-ignore
             (...s) => Z(Qe) && Z(Qe)(...s))
-          }, null, 40, pr)
+          }, null, 40, br)
         ], 2),
-        e.showOnlineIndicator ? (b(), v("div", vr, [...t[1] || (t[1] = [
+        e.showOnlineIndicator ? (b(), v("div", pr, [...t[1] || (t[1] = [
           l("div", {
             class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute",
             style: { animation: "ping 3s cubic-bezier(0, 0, 0.2, 1) infinite" }
@@ -785,15 +785,15 @@ const br = { class: "relative flex-shrink-0" }, pr = ["src", "alt"], vr = {
           l("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1)
         ])])) : P("", !0)
       ]),
-      l("div", xr, [
+      l("div", vr, [
         l("h1", {
-          class: $(["font-light text-white mb-1 truncate", [
+          class: E(["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" : ""
           ]])
         }, W(e.self.name), 3),
         l("p", {
-          class: $(["font-light line-clamp-1", [
+          class: E(["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"
           ]])
@@ -801,19 +801,19 @@ const br = { class: "relative flex-shrink-0" }, pr = ["src", "alt"], vr = {
       ])
     ], 2));
   }
-}), ut = "-", kr = /* @__PURE__ */ n((e) => {
-  const o = Cr(e), {
+}), ut = "-", yr = /* @__PURE__ */ n((e) => {
+  const o = wr(e), {
     conflictingClassGroups: r,
     conflictingClassGroupModifiers: t
   } = e;
   return {
-    getClassGroupId: /* @__PURE__ */ n((a) => {
-      const g = a.split(ut);
-      return g[0] === "" && g.length !== 1 && g.shift(), Pt(g, o) || wr(a);
+    getClassGroupId: /* @__PURE__ */ n((i) => {
+      const m = i.split(ut);
+      return m[0] === "" && m.length !== 1 && m.shift(), Pt(m, o) || kr(i);
     }, "getClassGroupId"),
-    getConflictingClassGroupIds: /* @__PURE__ */ n((a, g) => {
-      const c = r[a] || [];
-      return g && t[a] ? [...c, ...t[a]] : c;
+    getConflictingClassGroupIds: /* @__PURE__ */ n((i, m) => {
+      const c = r[i] || [];
+      return m && t[i] ? [...c, ...t[i]] : c;
     }, "getConflictingClassGroupIds")
   };
 }, "createClassGroupUtils"), Pt = /* @__PURE__ */ n((e, o) => {
@@ -824,17 +824,17 @@ const br = { class: "relative flex-shrink-0" }, pr = ["src", "alt"], vr = {
     return s;
   if (o.validators.length === 0)
     return;
-  const i = e.join(ut);
+  const a = e.join(ut);
   return o.validators.find(({
-    validator: a
-  }) => a(i))?.classGroupId;
-}, "getGroupRecursive"), St = /^\[(.+)\]$/, wr = /* @__PURE__ */ n((e) => {
+    validator: i
+  }) => i(a))?.classGroupId;
+}, "getGroupRecursive"), St = /^\[(.+)\]$/, kr = /* @__PURE__ */ n((e) => {
   if (St.test(e)) {
     const o = St.exec(e)[1], r = o?.substring(0, o.indexOf(":"));
     if (r)
       return "arbitrary.." + r;
   }
-}, "getGroupIdForArbitraryProperty"), Cr = /* @__PURE__ */ n((e) => {
+}, "getGroupIdForArbitraryProperty"), wr = /* @__PURE__ */ n((e) => {
   const {
     theme: o,
     classGroups: r
@@ -848,12 +848,12 @@ const br = { class: "relative flex-shrink-0" }, pr = ["src", "alt"], vr = {
 }, "createClassMap"), it = /* @__PURE__ */ n((e, o, r, t) => {
   e.forEach((s) => {
     if (typeof s == "string") {
-      const i = s === "" ? o : Mt(o, s);
-      i.classGroupId = r;
+      const a = s === "" ? o : Mt(o, s);
+      a.classGroupId = r;
       return;
     }
     if (typeof s == "function") {
-      if (Sr(s)) {
+      if (Cr(s)) {
         it(s(t), o, r, t);
         return;
       }
@@ -863,8 +863,8 @@ const br = { class: "relative flex-shrink-0" }, pr = ["src", "alt"], vr = {
       });
       return;
     }
-    Object.entries(s).forEach(([i, a]) => {
-      it(a, Mt(o, i), r, t);
+    Object.entries(s).forEach(([a, i]) => {
+      it(i, Mt(o, a), r, t);
     });
   });
 }, "processClassesRecursively"), Mt = /* @__PURE__ */ n((e, o) => {
@@ -875,7 +875,7 @@ const br = { class: "relative flex-shrink-0" }, pr = ["src", "alt"], vr = {
       validators: []
     }), r = r.nextPart.get(t);
   }), r;
-}, "getPart"), Sr = /* @__PURE__ */ n((e) => e.isThemeGetter, "isThemeGetter"), Mr = /* @__PURE__ */ n((e) => {
+}, "getPart"), Cr = /* @__PURE__ */ n((e) => e.isThemeGetter, "isThemeGetter"), Sr = /* @__PURE__ */ n((e) => {
   if (e < 1)
     return {
       get: /* @__PURE__ */ n(() => {
@@ -884,34 +884,34 @@ const br = { class: "relative flex-shrink-0" }, pr = ["src", "alt"], vr = {
       }, "set")
     };
   let o = 0, r = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
-  const s = /* @__PURE__ */ n((i, a) => {
-    r.set(i, a), o++, o > e && (o = 0, t = r, r = /* @__PURE__ */ new Map());
+  const s = /* @__PURE__ */ n((a, i) => {
+    r.set(a, i), o++, o > e && (o = 0, t = r, r = /* @__PURE__ */ new Map());
   }, "update");
   return {
-    get(i) {
-      let a = r.get(i);
-      if (a !== void 0)
-        return a;
-      if ((a = t.get(i)) !== void 0)
-        return s(i, a), a;
+    get(a) {
+      let i = r.get(a);
+      if (i !== void 0)
+        return i;
+      if ((i = t.get(a)) !== void 0)
+        return s(a, i), i;
     },
-    set(i, a) {
-      r.has(i) ? r.set(i, a) : s(i, a);
+    set(a, i) {
+      r.has(a) ? r.set(a, i) : s(a, i);
     }
   };
-}, "createLruCache"), at = "!", lt = ":", Ar = lt.length, zr = /* @__PURE__ */ n((e) => {
+}, "createLruCache"), at = "!", lt = ":", Mr = lt.length, Ar = /* @__PURE__ */ n((e) => {
   const {
     prefix: o,
     experimentalParseClassName: r
   } = e;
   let t = /* @__PURE__ */ n((s) => {
-    const i = [];
-    let a = 0, g = 0, c = 0, A;
+    const a = [];
+    let i = 0, m = 0, c = 0, A;
     for (let I = 0; I < s.length; I++) {
       let V = s[I];
-      if (a === 0 && g === 0) {
+      if (i === 0 && m === 0) {
         if (V === lt) {
-          i.push(s.slice(c, I)), c = I + Ar;
+          a.push(s.slice(c, I)), c = I + Mr;
           continue;
         }
         if (V === "/") {
@@ -919,63 +919,63 @@ const br = { class: "relative flex-shrink-0" }, pr = ["src", "alt"], vr = {
           continue;
         }
       }
-      V === "[" ? a++ : V === "]" ? a-- : V === "(" ? g++ : V === ")" && g--;
+      V === "[" ? i++ : V === "]" ? i-- : V === "(" ? m++ : V === ")" && m--;
     }
-    const d = i.length === 0 ? s : s.substring(c), C = Ir(d), x = C !== d, m = A && A > c ? A - c : void 0;
+    const d = a.length === 0 ? s : s.substring(c), C = zr(d), x = C !== d, g = A && A > c ? A - c : void 0;
     return {
-      modifiers: i,
+      modifiers: a,
       hasImportantModifier: x,
       baseClassName: C,
-      maybePostfixModifierPosition: m
+      maybePostfixModifierPosition: g
     };
   }, "parseClassName");
   if (o) {
-    const s = o + lt, i = t;
-    t = /* @__PURE__ */ n((a) => a.startsWith(s) ? i(a.substring(s.length)) : {
+    const s = o + lt, a = t;
+    t = /* @__PURE__ */ n((i) => i.startsWith(s) ? a(i.substring(s.length)) : {
       isExternal: !0,
       modifiers: [],
       hasImportantModifier: !1,
-      baseClassName: a,
+      baseClassName: i,
       maybePostfixModifierPosition: void 0
     }, "parseClassName");
   }
   if (r) {
     const s = t;
-    t = /* @__PURE__ */ n((i) => r({
-      className: i,
+    t = /* @__PURE__ */ n((a) => r({
+      className: a,
       parseClassName: s
     }), "parseClassName");
   }
   return t;
-}, "createParseClassName"), Ir = /* @__PURE__ */ n((e) => e.endsWith(at) ? e.substring(0, e.length - 1) : e.startsWith(at) ? e.substring(1) : e, "stripImportantModifier"), $r = /* @__PURE__ */ n((e) => {
+}, "createParseClassName"), zr = /* @__PURE__ */ n((e) => e.endsWith(at) ? e.substring(0, e.length - 1) : e.startsWith(at) ? e.substring(1) : e, "stripImportantModifier"), Ir = /* @__PURE__ */ n((e) => {
   const o = Object.fromEntries(e.orderSensitiveModifiers.map((t) => [t, !0]));
   return /* @__PURE__ */ n((t) => {
     if (t.length <= 1)
       return t;
     const s = [];
-    let i = [];
-    return t.forEach((a) => {
-      a[0] === "[" || o[a] ? (s.push(...i.sort(), a), i = []) : i.push(a);
-    }), s.push(...i.sort()), s;
+    let a = [];
+    return t.forEach((i) => {
+      i[0] === "[" || o[i] ? (s.push(...a.sort(), i), a = []) : a.push(i);
+    }), s.push(...a.sort()), s;
   }, "sortModifiers");
-}, "createSortModifiers"), Er = /* @__PURE__ */ n((e) => ({
-  cache: Mr(e.cacheSize),
-  parseClassName: zr(e),
-  sortModifiers: $r(e),
-  ...kr(e)
-}), "createConfigUtils"), Lr = /\s+/, Tr = /* @__PURE__ */ n((e, o) => {
+}, "createSortModifiers"), $r = /* @__PURE__ */ n((e) => ({
+  cache: Sr(e.cacheSize),
+  parseClassName: Ar(e),
+  sortModifiers: Ir(e),
+  ...yr(e)
+}), "createConfigUtils"), Er = /\s+/, Lr = /* @__PURE__ */ n((e, o) => {
   const {
     parseClassName: r,
     getClassGroupId: t,
     getConflictingClassGroupIds: s,
-    sortModifiers: i
-  } = o, a = [], g = e.trim().split(Lr);
+    sortModifiers: a
+  } = o, i = [], m = e.trim().split(Er);
   let c = "";
-  for (let A = g.length - 1; A >= 0; A -= 1) {
-    const d = g[A], {
+  for (let A = m.length - 1; A >= 0; A -= 1) {
+    const d = m[A], {
       isExternal: C,
       modifiers: x,
-      hasImportantModifier: m,
+      hasImportantModifier: g,
       baseClassName: I,
       maybePostfixModifierPosition: V
     } = r(d);
@@ -995,26 +995,26 @@ const br = { class: "relative flex-shrink-0" }, pr = ["src", "alt"], vr = {
       }
       Y = !1;
     }
-    const Me = i(x).join(":"), we = m ? Me + at : Me, le = we + ee;
-    if (a.includes(le))
+    const Me = a(x).join(":"), we = g ? Me + at : Me, le = we + ee;
+    if (i.includes(le))
       continue;
-    a.push(le);
+    i.push(le);
     const me = s(ee, Y);
     for (let ce = 0; ce < me.length; ++ce) {
       const te = me[ce];
-      a.push(we + te);
+      i.push(we + te);
     }
     c = d + (c.length > 0 ? " " + c : c);
   }
   return c;
 }, "mergeClassList");
-function Pr() {
+function Tr() {
   let e = 0, o, r, t = "";
   for (; e < arguments.length; )
     (o = arguments[e++]) && (r = Ft(o)) && (t && (t += " "), t += r);
   return t;
 }
-n(Pr, "twJoin");
+n(Tr, "twJoin");
 const Ft = /* @__PURE__ */ n((e) => {
   if (typeof e == "string")
     return e;
@@ -1023,41 +1023,41 @@ const Ft = /* @__PURE__ */ n((e) => {
     e[t] && (o = Ft(e[t])) && (r && (r += " "), r += o);
   return r;
 }, "toValue");
-function Fr(e, ...o) {
-  let r, t, s, i = a;
-  function a(c) {
+function Pr(e, ...o) {
+  let r, t, s, a = i;
+  function i(c) {
     const A = o.reduce((d, C) => C(d), e());
-    return r = Er(A), t = r.cache.get, s = r.cache.set, i = g, g(c);
+    return r = $r(A), t = r.cache.get, s = r.cache.set, a = m, m(c);
   }
-  n(a, "initTailwindMerge");
-  function g(c) {
+  n(i, "initTailwindMerge");
+  function m(c) {
     const A = t(c);
     if (A)
       return A;
-    const d = Tr(c, r);
+    const d = Lr(c, r);
     return s(c, d), d;
   }
-  return n(g, "tailwindMerge"), /* @__PURE__ */ n(function() {
-    return i(Pr.apply(null, arguments));
+  return n(m, "tailwindMerge"), /* @__PURE__ */ n(function() {
+    return a(Tr.apply(null, arguments));
   }, "callTailwindMerge");
 }
-n(Fr, "createTailwindMerge");
+n(Pr, "createTailwindMerge");
 const q = /* @__PURE__ */ n((e) => {
   const o = /* @__PURE__ */ n((r) => r[e] || [], "themeGetter");
   return o.isThemeGetter = !0, o;
-}, "fromTheme"), Dt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Bt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Dr = /^\d+\/\d+$/, Br = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Vr = /\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$/, Rr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, jr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Nr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Te = /* @__PURE__ */ n((e) => Dr.test(e), "isFraction"), M = /* @__PURE__ */ n((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), xe = /* @__PURE__ */ n((e) => !!e && Number.isInteger(Number(e)), "isInteger"), tt = /* @__PURE__ */ n((e) => e.endsWith("%") && M(e.slice(0, -1)), "isPercent"), ge = /* @__PURE__ */ n((e) => Br.test(e), "isTshirtSize"), Gr = /* @__PURE__ */ n(() => !0, "isAny"), Or = /* @__PURE__ */ n((e) => (
+}, "fromTheme"), Dt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Bt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Fr = /^\d+\/\d+$/, Dr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Br = /\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$/, Vr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Rr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, jr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Te = /* @__PURE__ */ n((e) => Fr.test(e), "isFraction"), M = /* @__PURE__ */ n((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), xe = /* @__PURE__ */ n((e) => !!e && Number.isInteger(Number(e)), "isInteger"), tt = /* @__PURE__ */ n((e) => e.endsWith("%") && M(e.slice(0, -1)), "isPercent"), ge = /* @__PURE__ */ n((e) => Dr.test(e), "isTshirtSize"), Nr = /* @__PURE__ */ n(() => !0, "isAny"), Gr = /* @__PURE__ */ n((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.
-  Vr.test(e) && !Rr.test(e)
-), "isLengthOnly"), Vt = /* @__PURE__ */ n(() => !1, "isNever"), Hr = /* @__PURE__ */ n((e) => jr.test(e), "isShadow"), qr = /* @__PURE__ */ n((e) => Nr.test(e), "isImage"), Wr = /* @__PURE__ */ n((e) => !h(e) && !f(e), "isAnyNonArbitrary"), Ur = /* @__PURE__ */ n((e) => Pe(e, Nt, Vt), "isArbitrarySize"), h = /* @__PURE__ */ n((e) => Dt.test(e), "isArbitraryValue"), Ce = /* @__PURE__ */ n((e) => Pe(e, Gt, Or), "isArbitraryLength"), rt = /* @__PURE__ */ n((e) => Pe(e, Qr, M), "isArbitraryNumber"), At = /* @__PURE__ */ n((e) => Pe(e, Rt, Vt), "isArbitraryPosition"), Zr = /* @__PURE__ */ n((e) => Pe(e, jt, qr), "isArbitraryImage"), Ze = /* @__PURE__ */ n((e) => Pe(e, Ot, Hr), "isArbitraryShadow"), f = /* @__PURE__ */ n((e) => Bt.test(e), "isArbitraryVariable"), Ne = /* @__PURE__ */ n((e) => Fe(e, Gt), "isArbitraryVariableLength"), Kr = /* @__PURE__ */ n((e) => Fe(e, Xr), "isArbitraryVariableFamilyName"), zt = /* @__PURE__ */ n((e) => Fe(e, Rt), "isArbitraryVariablePosition"), Yr = /* @__PURE__ */ n((e) => Fe(e, Nt), "isArbitraryVariableSize"), Jr = /* @__PURE__ */ n((e) => Fe(e, jt), "isArbitraryVariableImage"), Ke = /* @__PURE__ */ n((e) => Fe(e, Ot, !0), "isArbitraryVariableShadow"), Pe = /* @__PURE__ */ n((e, o, r) => {
+  Br.test(e) && !Vr.test(e)
+), "isLengthOnly"), Vt = /* @__PURE__ */ n(() => !1, "isNever"), Or = /* @__PURE__ */ n((e) => Rr.test(e), "isShadow"), Hr = /* @__PURE__ */ n((e) => jr.test(e), "isImage"), qr = /* @__PURE__ */ n((e) => !h(e) && !f(e), "isAnyNonArbitrary"), Wr = /* @__PURE__ */ n((e) => Pe(e, Nt, Vt), "isArbitrarySize"), h = /* @__PURE__ */ n((e) => Dt.test(e), "isArbitraryValue"), Ce = /* @__PURE__ */ n((e) => Pe(e, Gt, Gr), "isArbitraryLength"), rt = /* @__PURE__ */ n((e) => Pe(e, Jr, M), "isArbitraryNumber"), At = /* @__PURE__ */ n((e) => Pe(e, Rt, Vt), "isArbitraryPosition"), Ur = /* @__PURE__ */ n((e) => Pe(e, jt, Hr), "isArbitraryImage"), Ze = /* @__PURE__ */ n((e) => Pe(e, Ot, Or), "isArbitraryShadow"), f = /* @__PURE__ */ n((e) => Bt.test(e), "isArbitraryVariable"), Ne = /* @__PURE__ */ n((e) => Fe(e, Gt), "isArbitraryVariableLength"), Zr = /* @__PURE__ */ n((e) => Fe(e, Qr), "isArbitraryVariableFamilyName"), zt = /* @__PURE__ */ n((e) => Fe(e, Rt), "isArbitraryVariablePosition"), Kr = /* @__PURE__ */ n((e) => Fe(e, Nt), "isArbitraryVariableSize"), Yr = /* @__PURE__ */ n((e) => Fe(e, jt), "isArbitraryVariableImage"), Ke = /* @__PURE__ */ n((e) => Fe(e, Ot, !0), "isArbitraryVariableShadow"), Pe = /* @__PURE__ */ n((e, o, r) => {
   const t = Dt.exec(e);
   return t ? t[1] ? o(t[1]) : r(t[2]) : !1;
 }, "getIsArbitraryValue"), Fe = /* @__PURE__ */ n((e, o, r = !1) => {
   const t = Bt.exec(e);
   return t ? t[1] ? o(t[1]) : r : !1;
-}, "getIsArbitraryVariable"), Rt = /* @__PURE__ */ n((e) => e === "position" || e === "percentage", "isLabelPosition"), jt = /* @__PURE__ */ n((e) => e === "image" || e === "url", "isLabelImage"), Nt = /* @__PURE__ */ n((e) => e === "length" || e === "size" || e === "bg-size", "isLabelSize"), Gt = /* @__PURE__ */ n((e) => e === "length", "isLabelLength"), Qr = /* @__PURE__ */ n((e) => e === "number", "isLabelNumber"), Xr = /* @__PURE__ */ n((e) => e === "family-name", "isLabelFamilyName"), Ot = /* @__PURE__ */ n((e) => e === "shadow", "isLabelShadow"), _r = /* @__PURE__ */ n(() => {
-  const e = q("color"), o = q("font"), r = q("text"), t = q("font-weight"), s = q("tracking"), i = q("leading"), a = q("breakpoint"), g = q("container"), c = q("spacing"), A = q("radius"), d = q("shadow"), C = q("inset-shadow"), x = q("text-shadow"), m = q("drop-shadow"), I = q("blur"), V = q("perspective"), Y = q("aspect"), ee = q("ease"), Me = q("animate"), we = /* @__PURE__ */ n(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), le = /* @__PURE__ */ n(() => [
+}, "getIsArbitraryVariable"), Rt = /* @__PURE__ */ n((e) => e === "position" || e === "percentage", "isLabelPosition"), jt = /* @__PURE__ */ n((e) => e === "image" || e === "url", "isLabelImage"), Nt = /* @__PURE__ */ n((e) => e === "length" || e === "size" || e === "bg-size", "isLabelSize"), Gt = /* @__PURE__ */ n((e) => e === "length", "isLabelLength"), Jr = /* @__PURE__ */ n((e) => e === "number", "isLabelNumber"), Qr = /* @__PURE__ */ n((e) => e === "family-name", "isLabelFamilyName"), Ot = /* @__PURE__ */ n((e) => e === "shadow", "isLabelShadow"), Xr = /* @__PURE__ */ n(() => {
+  const e = q("color"), o = q("font"), r = q("text"), t = q("font-weight"), s = q("tracking"), a = q("leading"), i = q("breakpoint"), m = q("container"), c = q("spacing"), A = q("radius"), d = q("shadow"), C = q("inset-shadow"), x = q("text-shadow"), g = q("drop-shadow"), I = q("blur"), V = q("perspective"), Y = q("aspect"), ee = q("ease"), Me = q("animate"), we = /* @__PURE__ */ n(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), le = /* @__PURE__ */ n(() => [
     "center",
     "top",
     "bottom",
@@ -1081,7 +1081,7 @@ const q = /* @__PURE__ */ n((e) => {
     position: [f, h]
   }], "scaleBgPosition"), De = /* @__PURE__ */ n(() => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], "scaleBgRepeat"), be = /* @__PURE__ */ n(() => ["auto", "cover", "contain", Yr, Ur, {
+  }], "scaleBgRepeat"), be = /* @__PURE__ */ n(() => ["auto", "cover", "contain", Kr, Wr, {
     size: [f, h]
   }], "scaleBgSize"), pe = /* @__PURE__ */ n(() => [tt, Ne, Ce], "scaleGradientStopPosition"), R = /* @__PURE__ */ n(() => [
     // Deprecated since Tailwind CSS v4.0.0
@@ -1106,11 +1106,11 @@ const q = /* @__PURE__ */ n((e) => {
       aspect: ["video"],
       blur: [ge],
       breakpoint: [ge],
-      color: [Gr],
+      color: [Nr],
       container: [ge],
       "drop-shadow": [ge],
       ease: ["in", "out", "in-out"],
-      font: [Wr],
+      font: [qr],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [ge],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -1144,7 +1144,7 @@ const q = /* @__PURE__ */ n((e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [M, h, f, g]
+        columns: [M, h, f, m]
       }],
       /**
        * Break After
@@ -1354,7 +1354,7 @@ const q = /* @__PURE__ */ n((e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Te, "full", "auto", g, ...k()]
+        basis: [Te, "full", "auto", m, ...k()]
       }],
       /**
        * Flex Direction
@@ -1729,7 +1729,7 @@ const q = /* @__PURE__ */ n((e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [g, "screen", ...ne()]
+        w: [m, "screen", ...ne()]
       }],
       /**
        * Min-Width
@@ -1737,7 +1737,7 @@ const q = /* @__PURE__ */ n((e) => {
        */
       "min-w": [{
         "min-w": [
-          g,
+          m,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
@@ -1750,14 +1750,14 @@ const q = /* @__PURE__ */ n((e) => {
        */
       "max-w": [{
         "max-w": [
-          g,
+          m,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "prose",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           {
-            screen: [a]
+            screen: [i]
           },
           ...ne()
         ]
@@ -1822,7 +1822,7 @@ const q = /* @__PURE__ */ n((e) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Kr, h, o]
+        font: [Zr, h, o]
       }],
       /**
        * Font Variant Numeric
@@ -1875,7 +1875,7 @@ const q = /* @__PURE__ */ n((e) => {
       leading: [{
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
-          i,
+          a,
           ...k()
         ]
       }],
@@ -2077,7 +2077,7 @@ const q = /* @__PURE__ */ n((e) => {
           }, xe, f, h],
           radial: ["", f, h],
           conic: [xe, f, h]
-        }, Jr, Zr]
+        }, Yr, Ur]
       }],
       /**
        * Background Color
@@ -2803,7 +2803,7 @@ const q = /* @__PURE__ */ n((e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          m,
+          g,
           Ke,
           Ze
         ]
@@ -3526,7 +3526,7 @@ const q = /* @__PURE__ */ n((e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, "getDefaultConfig"), eo = /* @__PURE__ */ Fr(_r), Ye = {
+}, "getDefaultConfig"), _r = /* @__PURE__ */ Pr(Xr), Ye = {
   default: {
     solid: {
       base: "bg-theme-0 dark:bg-theme-700/40 text-theme-600 dark:text-theme-50",
@@ -3812,10 +3812,10 @@ const q = /* @__PURE__ */ n((e) => {
       icon: "text-red-600 dark:text-red-400"
     }
   }
-}, to = {
+}, eo = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, ro = /* @__PURE__ */ K({
+}, to = /* @__PURE__ */ K({
   __name: "FButton",
   props: {
     theme: { default: "default" },
@@ -3841,7 +3841,7 @@ const q = /* @__PURE__ */ n((e) => {
       lg: "size-5",
       xl: "size-6"
     })[e.size]), s = L(() => {
-      const a = "relative inline-flex items-center justify-center gap-2 font-medium transition-all duration-200 focus:outline-none active:opacity-80 cursor-pointer", g = {
+      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", m = {
         xxs: "px-2 py-0.5 text-[10px]",
         xs: "px-3 py-1 text-[11px]",
         sm: "px-3 py-1.5 text-xs",
@@ -3853,58 +3853,58 @@ const q = /* @__PURE__ */ n((e) => {
         lg: "rounded-lg",
         full: "rounded-full"
       }, d = Ye[e.theme]?.[e.design] || Ye.default[e.design], C = [
-        a,
-        g[e.size],
+        i,
+        m[e.size],
         c,
         A[e.rounding],
         d.base,
         `border ${d.border}`,
         d.hover
       ].filter(Boolean).join(" ");
-      return eo(C, e.class);
-    }), i = L(() => ({
+      return _r(C, e.class);
+    }), a = L(() => ({
       design: (Ye[e.theme]?.[e.design] || Ye.default[e.design]).icon || ""
     }));
-    return (a, g) => (b(), Se(tr(r.value), {
+    return (i, m) => (b(), Se(tr(r.value), {
       href: e.href,
-      class: $(s.value)
+      class: E(s.value)
     }, {
       default: ke(() => [
-        e.loading ? (b(), v("div", to, [
+        e.loading ? (b(), v("div", eo, [
           Q(Tt, {
-            class: $(t.value)
+            class: E(t.value)
           }, null, 8, ["class"])
         ])) : P("", !0),
         l("span", {
-          class: $(["flex items-center gap-2 transition-opacity duration-200 whitespace-nowrap", e.loading ? "opacity-0" : "opacity-100"])
+          class: E(["flex items-center gap-2 transition-opacity duration-200 whitespace-nowrap", e.loading ? "opacity-0" : "opacity-100"])
         }, [
           o.value.icon ? (b(), v("span", {
             key: 0,
-            class: $(["flex items-center size-[1.1em] mt-[-.07em]", [o.value.icon, i.value]])
+            class: E(["flex items-center size-[1.1em] mt-[-.07em]", [o.value.icon, a.value]])
           }, null, 2)) : P("", !0),
-          Ge(a.$slots, "default"),
+          Ge(i.$slots, "default"),
           o.value.iconAfter ? (b(), v("span", {
             key: 1,
-            class: $(["flex items-center size-[1.1em] mt-[-.07em]", [o.value.iconAfter, i.value]])
+            class: E(["flex items-center size-[1.1em] mt-[-.07em]", [o.value.iconAfter, a.value]])
           }, null, 2)) : P("", !0)
         ], 2)
       ]),
       _: 3
     }, 8, ["href", "class"]));
   }
-}), oo = { 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" }, no = { class: "flex-1 space-y-6" }, so = {
+}), ro = { 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" }, oo = { class: "flex-1 space-y-6" }, no = {
   key: 0,
   class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
-}, io = { class: "text-sm text-white/70 leading-relaxed" }, ao = {
+}, so = { class: "text-sm text-white/70 leading-relaxed" }, io = {
   key: 1,
   class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
-}, lo = ["innerHTML"], co = {
+}, ao = ["innerHTML"], lo = {
   key: 2,
   class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
-}, uo = { class: "text-sm text-white/70 leading-relaxed" }, ho = {
+}, co = { class: "text-sm text-white/70 leading-relaxed" }, uo = {
   key: 3,
   class: "space-y-3"
-}, fo = { class: "grid grid-cols-2 gap-3" }, go = /* @__PURE__ */ K({
+}, ho = { class: "grid grid-cols-2 gap-3" }, fo = /* @__PURE__ */ K({
   __name: "ElSelfAbout",
   props: {
     self: {}
@@ -3957,27 +3957,27 @@ const q = /* @__PURE__ */ n((e) => {
         }), "generate")
       }
     ].filter((t) => t.condition()).map((t) => t.generate()));
-    return (r, t) => (b(), v("div", oo, [
-      l("div", no, [
-        e.self.headline ? (b(), v("div", so, [
+    return (r, t) => (b(), v("div", ro, [
+      l("div", oo, [
+        e.self.headline ? (b(), v("div", no, [
           t[0] || (t[0] = l("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Professional Tagline ", -1)),
-          l("div", io, W(e.self.headline), 1)
+          l("div", so, W(e.self.headline), 1)
         ])) : P("", !0),
-        e.self.summary ? (b(), v("div", ao, [
+        e.self.summary ? (b(), v("div", io, [
           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, lo)
+          }, null, 8, ao)
         ])) : P("", !0),
-        e.self.entityType === "company" ? (b(), v("div", co, [
+        e.self.entityType === "company" ? (b(), v("div", lo, [
           t[2] || (t[2] = l("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)),
-          l("p", uo, " This is a company digital self representing " + W(e.self.name) + ". ", 1)
+          l("p", co, " This is a company digital self representing " + W(e.self.name) + ". ", 1)
         ])) : P("", !0),
-        o.value.length > 0 ? (b(), v("div", ho, [
+        o.value.length > 0 ? (b(), v("div", uo, [
           t[3] || (t[3] = l("h3", { class: "text-sm font-medium text-white/90" }, " Connect ", -1)),
-          l("div", fo, [
-            (b(!0), v(Je, null, ct(o.value, (s) => (b(), Se(ro, {
+          l("div", ho, [
+            (b(!0), v(Je, null, ct(o.value, (s) => (b(), Se(to, {
               key: s.title,
               design: "ghost",
               theme: "default",
@@ -3988,7 +3988,7 @@ const q = /* @__PURE__ */ n((e) => {
             }, {
               default: ke(() => [
                 l("i", {
-                  class: $([s.icon, "size-4 mr-2"])
+                  class: E([s.icon, "size-4 mr-2"])
                 }, null, 2),
                 Xe(" " + W(s.title), 1)
               ]),
@@ -3999,7 +3999,7 @@ const q = /* @__PURE__ */ n((e) => {
       ])
     ]));
   }
-}), mo = {
+}), go = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
 }, Ht = /* @__PURE__ */ K({
@@ -4013,10 +4013,10 @@ const q = /* @__PURE__ */ n((e) => {
   },
   setup(e) {
     const o = L(() => ({
-      primary: "bg-primary-600 border-primary-400 hover:bg-primary-700",
-      green: "bg-green-600 border-green-400 hover:bg-green-700",
-      red: "bg-red-600 border-red-400 hover:bg-red-700",
-      default: "bg-white/10 border-white/20 hover:bg-white/20"
+      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]), r = L(() => ({
       sm: "px-4 py-2 text-sm",
       md: "px-6 py-3 text-base",
@@ -4026,37 +4026,37 @@ const q = /* @__PURE__ */ n((e) => {
       md: "size-4",
       lg: "size-5"
     })[e.size]);
-    return (s, i) => (b(), v("button", {
-      class: $(["relative inline-flex items-center justify-center gap-2 font-medium rounded-full backdrop-blur-sm border-2 text-white transition-all duration-200 focus:outline-none active:opacity-80 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer", [o.value, r.value]])
+    return (s, a) => (b(), v("button", {
+      class: E(["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", [o.value, r.value]])
     }, [
-      e.loading ? (b(), v("div", mo, [...i[0] || (i[0] = [
+      e.loading ? (b(), v("div", go, [...a[0] || (a[0] = [
         l("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)
       ])])) : P("", !0),
       l("span", {
-        class: $(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"])
+        class: E(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"])
       }, [
         e.icon ? (b(), v("i", {
           key: 0,
-          class: $([e.icon, t.value])
+          class: E([e.icon, t.value])
         }, null, 2)) : P("", !0),
         Ge(s.$slots, "default"),
         e.iconAfter ? (b(), v("i", {
           key: 1,
-          class: $([e.iconAfter, t.value])
+          class: E([e.iconAfter, t.value])
         }, null, 2)) : P("", !0)
       ], 2)
     ], 2));
   }
-}), bo = { class: "flex flex-col h-full relative" }, po = {
+}), mo = { class: "flex flex-col h-full relative" }, bo = {
   key: 0,
   class: "absolute top-[-10px] left-1/2 transform -translate-x-1/2 z-30 px-4 py-1 bg-theme-900 text-theme-500 text-[10px] font-mono rounded-full"
-}, vo = {
+}, po = {
   key: 0,
   class: "flex-shrink-0 size-8"
-}, xo = ["src", "alt"], yo = { class: "max-w-[70%]" }, ko = { class: "text-sm leading-[1.5] whitespace-pre-wrap break-words" }, wo = {
+}, vo = ["src", "alt"], xo = { class: "max-w-[70%]" }, yo = { class: "text-sm leading-[1.5] whitespace-pre-wrap break-words" }, ko = {
   key: 0,
   class: "flex gap-2 justify-start items-end mb-4"
-}, Co = { class: "flex-shrink-0" }, So = ["src", "alt"], Mo = { class: "flex-shrink-0 pt-6 pb-2" }, Ao = ["placeholder", "disabled"], zo = /* @__PURE__ */ K({
+}, wo = { class: "flex-shrink-0" }, Co = ["src", "alt"], So = { class: "flex-shrink-0 pt-6 pb-2" }, Mo = ["placeholder", "disabled"], Ao = /* @__PURE__ */ K({
   __name: "ElSelfChat",
   props: {
     selfController: {},
@@ -4064,11 +4064,11 @@ const q = /* @__PURE__ */ n((e) => {
   },
   setup(e) {
     const o = B(""), r = B(), t = B(), s = L(() => nt(e.self));
-    function i(d, C) {
-      const x = d[C], m = d[C + 1];
-      return !m || m.sender !== x.sender;
+    function a(d, C) {
+      const x = d[C], g = d[C + 1];
+      return !g || g.sender !== x.sender;
     }
-    n(i, "shouldShowAvatar"), Oe(async () => {
+    n(a, "shouldShowAvatar"), Oe(async () => {
       if (e.selfController && !e.selfController.textState.value.isConnected)
         try {
           await e.selfController.startTextConversation();
@@ -4076,7 +4076,7 @@ const q = /* @__PURE__ */ n((e) => {
           console.error("Failed to start text conversation:", d);
         }
     });
-    async function a() {
+    async function i() {
       if (!o.value.trim() || !e.selfController || !e.selfController.textState.value.isConnected)
         return;
       const d = o.value;
@@ -4089,11 +4089,11 @@ const q = /* @__PURE__ */ n((e) => {
         console.error("Error sending message:", C);
       }
     }
-    n(a, "sendMessage");
-    function g(d) {
-      d.key === "Enter" && !d.shiftKey && (d.preventDefault(), a());
+    n(i, "sendMessage");
+    function m(d) {
+      d.key === "Enter" && !d.shiftKey && (d.preventDefault(), i());
     }
-    n(g, "handleKeydown");
+    n(m, "handleKeydown");
     function c() {
       r.value && Ue(() => {
         const d = r.value;
@@ -4112,51 +4112,51 @@ const q = /* @__PURE__ */ n((e) => {
       Ue(() => A());
     }), ye(() => e.selfController?.sharedMessages.value, (d) => {
       d && d.length > 0 && Ue(() => c());
-    }, { immediate: !0, deep: !0 }), (d, C) => (b(), v("div", bo, [
-      e.selfController?.textState.value.connectionStatus !== "connected" ? (b(), v("div", po, W(e.selfController?.textState.value.connectionStatus === "connecting" ? "Connecting..." : "Disconnected"), 1)) : P("", !0),
+    }, { immediate: !0, deep: !0 }), (d, C) => (b(), v("div", mo, [
+      e.selfController?.textState.value.connectionStatus !== "connected" ? (b(), v("div", bo, W(e.selfController?.textState.value.connectionStatus === "connecting" ? "Connecting..." : "Disconnected"), 1)) : P("", !0),
       l("div", {
         ref_key: "messagesContainer",
         ref: r,
         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"
       }, [
-        (b(!0), v(Je, null, ct(e.selfController?.sharedMessages.value.filter((x) => x.sender !== "system") ?? [], (x, m) => (b(), v("div", {
+        (b(!0), v(Je, null, ct(e.selfController?.sharedMessages.value.filter((x) => x.sender !== "system") ?? [], (x, g) => (b(), v("div", {
           key: x.id,
-          class: $(["flex gap-2 items-end", {
+          class: E(["flex gap-2 items-end", {
             "justify-end": x.sender === "user",
             "justify-start": x.sender === "agent",
-            "mb-4": i(e.selfController?.sharedMessages.value.filter((I) => I.sender !== "system") ?? [], m)
+            "mb-4": a(e.selfController?.sharedMessages.value.filter((I) => I.sender !== "system") ?? [], g)
           }])
         }, [
-          x.sender === "agent" ? (b(), v("div", vo, [
-            i(e.selfController?.sharedMessages.value.filter((I) => I.sender !== "system") ?? [], m) ? (b(), v("img", {
+          x.sender === "agent" ? (b(), v("div", po, [
+            a(e.selfController?.sharedMessages.value.filter((I) => I.sender !== "system") ?? [], g) ? (b(), v("img", {
               key: 0,
               src: s.value,
               alt: e.self.name,
               class: "size-7 rounded-full object-cover"
-            }, null, 8, xo)) : P("", !0)
+            }, null, 8, vo)) : P("", !0)
           ])) : P("", !0),
-          l("div", yo, [
+          l("div", xo, [
             l("div", {
-              class: $(["rounded-2xl px-3.5 py-1.5 backdrop-blur-sm", x.sender === "user" ? "bg-primary-500/80 text-white" : "bg-white/15 text-white/95"])
+              class: E(["rounded-2xl px-3.5 py-1.5 backdrop-blur-sm", x.sender === "user" ? "bg-primary-500/80 text-white" : "bg-white/15 text-white/95"])
             }, [
-              l("p", ko, W(x.text), 1)
+              l("p", yo, W(x.text), 1)
             ], 2)
           ])
         ], 2))), 128)),
-        e.selfController?.textState.value.isThinking ? (b(), v("div", wo, [
-          l("div", Co, [
+        e.selfController?.textState.value.isThinking ? (b(), v("div", ko, [
+          l("div", wo, [
             l("img", {
               src: s.value,
               alt: e.self.name,
               class: "size-8 rounded-full object-cover"
-            }, null, 8, So)
+            }, null, 8, Co)
           ]),
           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))
         ])) : P("", !0)
       ], 512),
-      l("div", Mo, [
+      l("div", So, [
         rr(l("textarea", {
           ref_key: "textarea",
           ref: t,
@@ -4166,15 +4166,15 @@ const q = /* @__PURE__ */ n((e) => {
           disabled: e.selfController?.textState.value.isThinking || !e.selfController?.textState.value.isConnected,
           style: { "font-size": "16px", resize: "none" },
           class: "w-full bg-white/10 backdrop-blur-sm border border-white/20 rounded-3xl px-5 py-3 text-white placeholder-white/50 focus:outline-none focus:border-white/40 disabled:opacity-50 overflow-y-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
-          onKeydown: g
-        }, null, 40, Ao), [
+          onKeydown: m
+        }, null, 40, Mo), [
           [or, o.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))
       ])
     ]));
   }
-}), Io = { class: "flex flex-col items-center text-center gap-4" }, $o = { class: "relative flex-shrink-0" }, Eo = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, Lo = ["src", "alt"], To = { class: "min-w-0" }, Po = { class: "text-3xl font-light text-white mb-2 truncate" }, Fo = { class: "text-base font-light text-white/60 line-clamp-1" }, Do = /* @__PURE__ */ K({
+}), zo = { class: "flex flex-col items-center text-center gap-4" }, Io = { class: "relative flex-shrink-0" }, $o = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, Eo = ["src", "alt"], Lo = { class: "min-w-0" }, To = { class: "text-3xl font-light text-white mb-2 truncate" }, Po = { class: "text-base font-light text-white/60 line-clamp-1" }, Fo = /* @__PURE__ */ K({
   __name: "ElSelfHeader",
   props: {
     self: {}
@@ -4183,16 +4183,16 @@ const q = /* @__PURE__ */ n((e) => {
     function o() {
       return e.self.avatar?.src ? e.self.avatar.src : _e();
     }
-    return n(o, "getAvatarSrc"), (r, t) => (b(), v("div", Io, [
-      l("div", $o, [
-        l("div", Eo, [
+    return n(o, "getAvatarSrc"), (r, t) => (b(), v("div", zo, [
+      l("div", Io, [
+        l("div", $o, [
           l("img", {
             src: o(),
             alt: e.self.name,
             class: "w-full h-full object-cover",
             onError: t[0] || (t[0] = //@ts-ignore
             (...s) => Z(Qe) && Z(Qe)(...s))
-          }, null, 40, Lo)
+          }, null, 40, Eo)
         ]),
         t[1] || (t[1] = l("div", { class: "absolute top-1.5 right-1.5" }, [
           l("div", {
@@ -4202,60 +4202,49 @@ const q = /* @__PURE__ */ n((e) => {
           l("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" })
         ], -1))
       ]),
-      l("div", To, [
-        l("h1", Po, W(e.self.name), 1),
-        l("p", Fo, W(e.self.title), 1)
+      l("div", Lo, [
+        l("h1", To, W(e.self.name), 1),
+        l("p", Po, W(e.self.title), 1)
       ])
     ]));
   }
-}), Bo = { class: "close-wrap overflow-hidden top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] absolute" }, Vo = /* @__PURE__ */ K({
+}), Do = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Bo = /* @__PURE__ */ K({
   name: "FClose",
   __name: "FClose",
-  props: {
-    colorMode: { default: "auto" }
-  },
   emits: ["click"],
   setup(e) {
-    const o = B(!1), r = `close-${Math.random().toString(36).substr(2, 9)}`;
-    Oe(() => {
+    const o = B(!1);
+    return Oe(() => {
       setTimeout(() => {
         o.value = !0;
       }, 100);
-    }), nr(() => {
-      o.value = !1;
-    });
-    const t = L(() => e.colorMode === "light" ? "bg-white" : e.colorMode === "dark" ? "bg-theme-950" : "bg-theme-950 dark:bg-white");
-    return (s, i) => (b(), v("a", {
-      id: r,
-      class: $(["close block cursor-pointer duration-1000 hover:scale-110 active:scale-90 hover:rotate-90 transition-all ease-[cubic-bezier(0.25,1,0.33,1)] w-[60px] h-[60px] rounded-full", o.value ? "in-view" : "out-view"]),
-      onClick: i[0] || (i[0] = (a) => s.$emit("click", a))
+    }), (r, t) => (b(), v("a", {
+      class: "close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90",
+      onClick: t[0] || (t[0] = (s) => r.$emit("click", s))
     }, [
-      i[1] || (i[1] = l("span", { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[60px] h-[60px] rounded-full transition-all" }, null, -1)),
-      l("span", Bo, [
+      t[1] || (t[1] = l("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)),
+      l("span", Do, [
         l("span", {
-          class: $([t.value, "close-line close-line1 h-full w-[3px] absolute rounded-[5px] left-[13px] transition-all"])
+          class: E(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", o.value ? "translate-y-0 translate-x-0 rotate-45" : "translate-y-[30px] -translate-x-[30px] rotate-0"]),
+          style: { "background-color": "currentColor", "transition-delay": "0.15s" }
         }, null, 2),
         l("span", {
-          class: $([t.value, "close-line close-line2 h-full w-[3px] absolute rounded-[5px] left-[13px] transition-all"])
+          class: E(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", o.value ? "translate-y-0 translate-x-0 -rotate-45" : "-translate-y-[30px] -translate-x-[30px] rotate-0"]),
+          style: { "background-color": "currentColor", "transition-delay": "0.45s" }
         }, null, 2)
       ])
-    ], 2));
+    ]));
   }
-}), Ro = /* @__PURE__ */ n((e, o) => {
-  const r = e.__vccOpts || e;
-  for (const [t, s] of o)
-    r[t] = s;
-  return r;
-}, "_export_sfc"), jo = /* @__PURE__ */ Ro(Vo, [["__scopeId", "data-v-bbf0f1cb"]]), No = {
+}), Vo = {
   key: 0,
   class: "px-9 pt-12 pb-4"
-}, Go = { class: "text-base font-medium text-theme-400" }, Oo = {
+}, Ro = { class: "text-base font-medium text-theme-400" }, jo = {
   key: 1,
   class: "px-4 pb-8 border-b border-white/10"
-}, Ho = ["disabled", "onClick"], qo = { class: "flex items-center gap-3" }, Wo = { class: "flex-1" }, Uo = {
+}, No = ["disabled", "onClick"], Go = { class: "flex items-center gap-3" }, Oo = { class: "flex-1" }, Ho = {
   key: 0,
   class: "text-xs text-white/50 mt-0.5"
-}, Zo = { class: "p-6" }, qt = /* @__PURE__ */ K({
+}, qo = { class: "p-6" }, qt = /* @__PURE__ */ K({
   name: "ElSidebar",
   __name: "ElSidebar",
   props: {
@@ -4267,12 +4256,12 @@ const q = /* @__PURE__ */ n((e) => {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const r = e, t = o, s = r.position || "left", i = r.widthClasses || "w-[70%] max-w-[300px]", a = L({
+    const r = e, t = o, s = r.position || "left", a = r.widthClasses || "w-[70%] max-w-[300px]", i = L({
       get: /* @__PURE__ */ n(() => r.modelValue, "get"),
       set: /* @__PURE__ */ n((d) => t("update:modelValue", d), "set")
-    }), g = L(() => r.items.filter((d) => !d.isHidden));
+    }), m = L(() => r.items.filter((d) => !d.isHidden));
     function c(d) {
-      d.isDisabled || (d.onClick ? d.onClick({ item: d, event: new MouseEvent("click") }) : d.href && (d.href.includes("http") ? window.open(d.href, d.target || "_self")?.focus() : window.location.href = d.href), a.value = !1);
+      d.isDisabled || (d.onClick ? d.onClick({ item: d, event: new MouseEvent("click") }) : d.href && (d.href.includes("http") ? window.open(d.href, d.target || "_self")?.focus() : window.location.href = d.href), i.value = !1);
     }
     n(c, "handleItemClick");
     const A = L(() => s === "left" ? {
@@ -4296,10 +4285,10 @@ const q = /* @__PURE__ */ n((e) => {
         "leave-to-class": "opacity-0"
       }, {
         default: ke(() => [
-          a.value ? (b(), v("div", {
+          i.value ? (b(), v("div", {
             key: 0,
             class: "absolute inset-0 z-40 bg-black/50 backdrop-blur-sm",
-            onClick: C[0] || (C[0] = (x) => a.value = !1)
+            onClick: C[0] || (C[0] = (x) => i.value = !1)
           })) : P("", !0)
         ]),
         _: 1
@@ -4313,31 +4302,30 @@ const q = /* @__PURE__ */ n((e) => {
         "leave-to-class": A.value.leave
       }, {
         default: ke(() => [
-          a.value ? (b(), v("div", {
+          i.value ? (b(), v("div", {
             key: 0,
-            class: $(["absolute inset-0 z-50 flex", A.value.position]),
-            onClick: C[3] || (C[3] = (x) => a.value = !1)
+            class: E(["absolute inset-0 z-50 flex", A.value.position]),
+            onClick: C[3] || (C[3] = (x) => i.value = !1)
           }, [
             l("div", {
-              class: $(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", Z(i)]),
+              class: E(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", Z(a)]),
               onClick: C[2] || (C[2] = It(() => {
               }, ["stop"]))
             }, [
-              Q(jo, {
-                class: $(["absolute top-4 z-10", A.value.closeButton]),
-                "color-mode": "light",
-                onClick: C[1] || (C[1] = (x) => a.value = !1)
+              Q(Bo, {
+                class: E(["absolute top-4 z-10 text-white", A.value.closeButton]),
+                onClick: C[1] || (C[1] = (x) => i.value = !1)
               }, null, 8, ["class"]),
-              e.title ? (b(), v("div", No, [
-                l("h3", Go, W(e.title), 1)
+              e.title ? (b(), v("div", Vo, [
+                l("h3", Ro, W(e.title), 1)
               ])) : P("", !0),
-              d.$slots.header ? (b(), v("div", Oo, [
+              d.$slots.header ? (b(), v("div", jo, [
                 Ge(d.$slots, "header")
               ])) : P("", !0),
               l("div", {
-                class: $(["flex-1 p-6 space-y-2 overflow-y-auto", { "pt-6": !e.title && !d.$slots.header, "pt-4": e.title || d.$slots.header }])
+                class: E(["flex-1 p-6 space-y-2 overflow-y-auto", { "pt-6": !e.title && !d.$slots.header, "pt-4": e.title || d.$slots.header }])
               }, [
-                Q(sr, {
+                Q(nr, {
                   "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": Z(s) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0",
@@ -4346,37 +4334,37 @@ const q = /* @__PURE__ */ n((e) => {
                   "leave-to-class": Z(s) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
                 }, {
                   default: ke(() => [
-                    (b(!0), v(Je, null, ct(g.value, (x, m) => (b(), v("button", {
-                      key: x.key || x.label || m,
-                      style: dt({ transitionDelay: `${m * 40}ms` }),
-                      class: $(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [
+                    (b(!0), v(Je, null, ct(m.value, (x, g) => (b(), v("button", {
+                      key: x.key || x.label || g,
+                      style: dt({ transitionDelay: `${g * 40}ms` }),
+                      class: E(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [
                         x.isActive ? "bg-primary-500/20 border border-primary-500/40" : "hover:bg-white/10",
                         x.isDisabled && "opacity-50 cursor-not-allowed"
                       ]]),
                       disabled: x.isDisabled,
                       onClick: /* @__PURE__ */ n((I) => c(x), "onClick")
                     }, [
-                      l("div", qo, [
+                      l("div", Go, [
                         x.icon?.src ? (b(), v("i", {
                           key: 0,
-                          class: $(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [
+                          class: E(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [
                             x.icon.src,
                             x.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"
                           ]])
                         }, null, 2)) : P("", !0),
-                        l("div", Wo, [
+                        l("div", Oo, [
                           l("div", {
-                            class: $(["font-medium text-sm", x.isActive ? "text-primary-300" : "text-white"])
+                            class: E(["font-medium text-sm", x.isActive ? "text-primary-300" : "text-white"])
                           }, W(x.label), 3),
-                          x.subLabel ? (b(), v("div", Uo, W(x.subLabel), 1)) : P("", !0)
+                          x.subLabel ? (b(), v("div", Ho, W(x.subLabel), 1)) : P("", !0)
                         ])
                       ])
-                    ], 14, Ho))), 128))
+                    ], 14, No))), 128))
                   ]),
                   _: 1
                 }, 8, ["enter-from-class", "leave-to-class"])
               ], 2),
-              l("div", Zo, [
+              l("div", qo, [
                 Ge(d.$slots, "footer", {}, () => [
                   C[4] || (C[4] = l("div", { class: "text-center" }, [
                     l("p", { class: "text-[10px] text-white/40 font-sans" }, [
@@ -4397,7 +4385,7 @@ const q = /* @__PURE__ */ n((e) => {
       }, 8, ["enter-from-class", "leave-to-class"])
     ], 64));
   }
-}), Ko = /* @__PURE__ */ K({
+}), Wo = /* @__PURE__ */ K({
   name: "SelfModeSidebar",
   __name: "ElSelfModeSidebar",
   props: {
@@ -4408,26 +4396,26 @@ const q = /* @__PURE__ */ n((e) => {
   setup(e, { emit: o }) {
     const r = e, t = o, s = L({
       get: /* @__PURE__ */ n(() => r.modelValue, "get"),
-      set: /* @__PURE__ */ n((g) => t("update:modelValue", g), "set")
-    }), i = L(() => r.selfController?.agentMode?.value ?? "self"), a = L(() => Lt.map((g) => ({
-      key: g.mode,
-      icon: { src: g.icon },
-      label: g.label,
-      isActive: i.value === g.mode,
+      set: /* @__PURE__ */ n((m) => t("update:modelValue", m), "set")
+    }), a = L(() => r.selfController?.agentMode?.value ?? "self"), i = L(() => Lt.map((m) => ({
+      key: m.mode,
+      icon: { src: m.icon },
+      label: m.label,
+      isActive: a.value === m.mode,
       onClick: /* @__PURE__ */ n(() => {
-        r.selfController?.setMode(g.mode);
+        r.selfController?.setMode(m.mode);
       }, "onClick")
     })));
-    return (g, c) => (b(), Se(qt, {
+    return (m, c) => (b(), Se(qt, {
       modelValue: s.value,
       "onUpdate:modelValue": c[0] || (c[0] = (A) => s.value = A),
-      items: a.value,
+      items: i.value,
       position: "right",
       title: "Mode",
       "width-classes": "w-[60%] max-w-[255px]"
     }, null, 8, ["modelValue", "items"]));
   }
-}), Yo = /* @__PURE__ */ K({
+}), Uo = /* @__PURE__ */ K({
   name: "SelfSidebar",
   __name: "ElSelfSidebar",
   props: {
@@ -4440,16 +4428,16 @@ const q = /* @__PURE__ */ n((e) => {
   setup(e, { emit: o }) {
     const r = e, t = o, s = L({
       get: /* @__PURE__ */ n(() => r.modelValue, "get"),
-      set: /* @__PURE__ */ n((a) => t("update:modelValue", a), "set")
-    }), i = L(() => {
-      const a = [
+      set: /* @__PURE__ */ n((i) => t("update:modelValue", i), "set")
+    }), a = L(() => {
+      const i = [
         {
           key: "share",
           icon: { src: "i-tabler-share" },
           label: "Share This Digital Self",
           onClick: /* @__PURE__ */ n(() => {
-            const g = `${window.location.origin}/@${r.self.handle || r.self.selfId}`;
-            navigator.clipboard.writeText(g);
+            const m = `${window.location.origin}/@${r.self.handle || r.self.selfId}`;
+            navigator.clipboard.writeText(m);
           }, "onClick")
         },
         {
@@ -4469,31 +4457,24 @@ const q = /* @__PURE__ */ n((e) => {
           }, "onClick")
         }
       ];
-      return r.sdk.activeUser.value && a.push({
+      return r.sdk.activeUser.value && i.push({
         key: "logout",
         icon: { src: "i-tabler-logout" },
         label: "Logout",
         onClick: /* @__PURE__ */ n(async () => {
           await r.sdk.logout();
         }, "onClick")
-      }), a.push({
-        key: "report",
-        icon: { src: "i-tabler-bug" },
-        label: "Report an Issue",
-        onClick: /* @__PURE__ */ n(() => {
-          window.location.href = "mailto:support@fiction.com";
-        }, "onClick")
-      }), a;
+      }), i;
     });
-    return (a, g) => (b(), Se(qt, {
+    return (i, m) => (b(), Se(qt, {
       modelValue: s.value,
-      "onUpdate:modelValue": g[0] || (g[0] = (c) => s.value = c),
-      items: i.value,
+      "onUpdate:modelValue": m[0] || (m[0] = (c) => s.value = c),
+      items: a.value,
       position: "left",
       title: e.title || "Menu"
     }, null, 8, ["modelValue", "items", "title"]));
   }
-}), Jo = { class: "w-full max-w-full flex items-center justify-center" }, Qo = ["width", "height"], Xo = /* @__PURE__ */ K({
+}), Zo = { class: "w-full max-w-full flex items-center justify-center" }, Ko = ["width", "height"], Yo = /* @__PURE__ */ K({
   __name: "ElAudioVisualizer",
   props: {
     rms: {},
@@ -4511,9 +4492,9 @@ const q = /* @__PURE__ */ n((e) => {
   setup(e) {
     const o = e, r = B();
     let t = null, s = null;
-    const i = B(!1), a = B(!0), g = /* @__PURE__ */ new Map();
+    const a = B(!1), i = B(!0), m = /* @__PURE__ */ new Map();
     let c = null, A = null, d = null;
-    const C = B(!1), x = B(null), { bars: m, barWidth: I, barSpacing: V, minHeight: Y, maxHeight: ee, STIFFNESS: Me, DAMPING: we, PEAK_HOLD_TIME: le, PEAK_DECAY_STIFFNESS: me, PEAK_DECAY_DAMPING: ce } = ur, te = new Float32Array(m).fill(Y), k = new Float32Array(m).fill(0), re = new Float32Array(m).fill(Y), ie = new Float32Array(m).fill(Y), de = new Float32Array(m).fill(0), ue = new Float32Array(m).fill(0);
+    const C = B(!1), x = B(null), { bars: g, barWidth: I, barSpacing: V, minHeight: Y, maxHeight: ee, STIFFNESS: Me, DAMPING: we, PEAK_HOLD_TIME: le, PEAK_DECAY_STIFFNESS: me, PEAK_DECAY_DAMPING: ce } = dr, te = new Float32Array(g).fill(Y), k = new Float32Array(g).fill(0), re = new Float32Array(g).fill(Y), ie = new Float32Array(g).fill(Y), de = new Float32Array(g).fill(0), ue = new Float32Array(g).fill(0);
     function He(u) {
       return u < 200 ? { stiffnessMultiplier: 0.7, dampingMultiplier: 1.2 } : u < 1e3 ? { stiffnessMultiplier: 1, dampingMultiplier: 1 } : u < 4e3 ? { stiffnessMultiplier: 1.3, dampingMultiplier: 0.8 } : { stiffnessMultiplier: 1.5, dampingMultiplier: 0.6 };
     }
@@ -4546,7 +4527,7 @@ const q = /* @__PURE__ */ n((e) => {
       if (!r.value)
         return;
       typeof window < "u" && (G = Math.max(1, Math.min(2, window.devicePixelRatio || 1)));
-      const u = (I + V) * m - V, w = ee;
+      const u = (I + V) * g - V, w = ee;
       r.value.width = Math.floor(u * G), r.value.height = Math.floor(w * G), r.value.style.width = `${u}px`, r.value.style.height = `${w}px`, t && t.setTransform(G, 0, 0, G, 0, 0), Zt();
     }
     n(ne, "resizeCanvas");
@@ -4568,8 +4549,8 @@ const q = /* @__PURE__ */ n((e) => {
     }
     n(qe, "generateRealOutputFrequencyBands");
     function De(u) {
-      return Array.from({ length: J.length }, (S, E) => {
-        const z = J[E], N = Math.floor(z / 12e3 * u.length), fe = Math.max(1, Math.floor(u.length / J.length / 2));
+      return Array.from({ length: J.length }, (S, $) => {
+        const z = J[$], N = Math.floor(z / 12e3 * u.length), fe = Math.max(1, Math.floor(u.length / J.length / 2));
         let H = 0;
         for (let U = 0; U < fe && N + U < u.length; U++)
           H += u[N + U];
@@ -4599,22 +4580,22 @@ const q = /* @__PURE__ */ n((e) => {
       if (u <= 0)
         return w;
       pe += 16.67, R += 0.02, pe > O[be].duration && (be = (be + 1) % O.length, pe = 0);
-      const S = O[be], E = O[(be + 1) % O.length], z = pe / S.duration, j = 0.5 * (1 + Math.cos(Math.PI + z * Math.PI)), N = 0.7 + 0.3 * Math.sin(R * 0.5), fe = 0.9 + 0.1 * Math.sin(R * 8);
+      const S = O[be], $ = O[(be + 1) % O.length], z = pe / S.duration, j = 0.5 * (1 + Math.cos(Math.PI + z * Math.PI)), N = 0.7 + 0.3 * Math.sin(R * 0.5), fe = 0.9 + 0.1 * Math.sin(R * 8);
       for (let H = 0; H < J.length; H++) {
         const T = J[H];
         let p = 0;
-        const ae = Ie(T, S.f1, E.f1, j, 200), X = Ie(T, S.f2, E.f2, j, 300), U = Ie(T, S.f3, E.f3, j, 400);
-        p = (ae * 0.4 + X * 0.35 + U * 0.25) * (S.energy * (1 - j) + E.energy * j);
+        const ae = Ie(T, S.f1, $.f1, j, 200), X = Ie(T, S.f2, $.f2, j, 300), U = Ie(T, S.f3, $.f3, j, 400);
+        p = (ae * 0.4 + X * 0.35 + U * 0.25) * (S.energy * (1 - j) + $.energy * j);
         const oe = 150 + 50 * Math.sin(R * 0.3);
         (Math.abs(T - oe) < 20 || Math.abs(T - oe * 2) < 30 || Math.abs(T - oe * 3) < 40) && (p += 0.3 * S.energy), p *= u * N * fe, p *= 0.85 + Math.random() * 0.3, w[H] = Math.max(0, Math.min(1, p));
       }
       return w;
     }
     n(ze, "generateSpeechPatterns");
-    function Ie(u, w, S, E, z) {
+    function Ie(u, w, S, $, z) {
       if (w === 0 && S === 0)
         return 0;
-      const j = w * (1 - E) + S * E;
+      const j = w * (1 - $) + S * $;
       if (j === 0)
         return 0;
       const N = Math.abs(u - j);
@@ -4623,7 +4604,7 @@ const q = /* @__PURE__ */ n((e) => {
     n(Ie, "getFormantResponse");
     let F = [], Be = 0, ve = 0;
     function $e() {
-      const u = i.value ? 100 : 50, w = Math.min(2 ** ve, 8);
+      const u = a.value ? 100 : 50, w = Math.min(2 ** ve, 8);
       return u * w;
     }
     n($e, "getApiThrottleInterval");
@@ -4634,9 +4615,9 @@ const q = /* @__PURE__ */ n((e) => {
         S.some((z) => z > 0.05) && (w = S);
       }
       if (!w.length && o.isSpeaking && o.selfController && o.audioLevels && o.audioLevels.outputLevel > 0.05) {
-        const E = Date.now(), z = $e();
-        if (E - Be > z) {
-          Be = E;
+        const $ = Date.now(), z = $e();
+        if ($ - Be > z) {
+          Be = $;
           try {
             const N = qe();
             N.some((H) => H > 0.05) && (F = N, ve = 0);
@@ -4650,7 +4631,7 @@ const q = /* @__PURE__ */ n((e) => {
     }
     n(Ve, "generateFrequencyBands");
     function Ee(u, w) {
-      const S = performance.now() * 1e-3, E = [...u];
+      const S = performance.now() * 1e-3, $ = [...u];
       for (let z = 0; z < u.length; z++) {
         const j = z * (2 * Math.PI) / u.length;
         let N = 0;
@@ -4665,9 +4646,9 @@ const q = /* @__PURE__ */ n((e) => {
           N = H + T;
         }
         const fe = Math.max(0.3, w);
-        E[z] = Math.max(0, Math.min(0.9, u[z] + N * fe));
+        $[z] = Math.max(0, Math.min(0.9, u[z] + N * fe));
       }
-      return E;
+      return $;
     }
     n(Ee, "addWaveMotionOverlay");
     function gt(u) {
@@ -4675,9 +4656,9 @@ const q = /* @__PURE__ */ n((e) => {
       if (u <= 0)
         return w;
       for (let S = 0; S < J.length; S++) {
-        const E = J[S];
+        const $ = J[S];
         let z = 0;
-        E >= 400 && E <= 600 ? z = u * 0.9 : E >= 1400 && E <= 1600 ? z = u * 0.8 : E >= 2400 && E <= 2600 ? z = u * 0.7 : E >= 200 && E <= 2e3 ? z = u * 0.6 : E >= 85 && E <= 300 ? z = u * 0.4 : z = u * 0.2, z *= 0.8 + Math.random() * 0.4, w[S] = Math.max(0, Math.min(1, z));
+        $ >= 400 && $ <= 600 ? z = u * 0.9 : $ >= 1400 && $ <= 1600 ? z = u * 0.8 : $ >= 2400 && $ <= 2600 ? z = u * 0.7 : $ >= 200 && $ <= 2e3 ? z = u * 0.6 : $ >= 85 && $ <= 300 ? z = u * 0.4 : z = u * 0.2, z *= 0.8 + Math.random() * 0.4, w[S] = Math.max(0, Math.min(1, z));
       }
       return w;
     }
@@ -4686,15 +4667,15 @@ const q = /* @__PURE__ */ n((e) => {
       if (typeof window > "u")
         return;
       const u = navigator.userAgent.toLowerCase(), w = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(u);
-      i.value = w;
+      a.value = w;
     }
     n(Wt, "detectMobile");
     function Ut(u, w) {
-      return g.has(u) || g.set(u, w()), g.get(u);
+      return m.has(u) || m.set(u, w()), m.get(u);
     }
     n(Ut, "getGradient");
     function Zt() {
-      g.clear(), c = null;
+      m.clear(), c = null;
     }
     n(Zt, "clearGradientCache");
     function et() {
@@ -4702,21 +4683,21 @@ const q = /* @__PURE__ */ n((e) => {
         return;
       Wt();
       const u = r.value, w = u.width / G, S = u.height / G;
-      function E(z) {
+      function $(z) {
         if (!t)
           return;
-        if (!a.value) {
-          s = requestAnimationFrame(E);
+        if (!i.value) {
+          s = requestAnimationFrame($);
           return;
         }
         t.clearRect(0, 0, w, S);
         let j = 0;
         o.audioLevels ? o.isListening ? j = Math.min(o.audioLevels.inputLevel * 1.5, 1) : o.isSpeaking && (j = Math.min(o.audioLevels.outputLevel * 1.8, 1)) : o.rms !== void 0 && (j = Math.min(o.rms / 70, 1));
         const N = Ve(j);
-        for (let p = 0; p < m; p++)
+        for (let p = 0; p < g; p++)
           re[p] = Y + N[p] * (ee - Y);
         const fe = 16.67;
-        for (let p = 0; p < m; p++) {
+        for (let p = 0; p < g; p++) {
           const ae = J[p], X = He(ae), U = re[p] - te[p], oe = Me * X.stiffnessMultiplier, Le = we * X.dampingMultiplier, se = U * oe - k[p] * Le;
           if (k[p] += se, te[p] += k[p], te[p] > ie[p])
             ie[p] = te[p], de[p] = le, ue[p] = 0;
@@ -4725,7 +4706,7 @@ const q = /* @__PURE__ */ n((e) => {
             ue[p] += je, ie[p] = Math.max(Y, ie[p] + ue[p]);
           }
         }
-        const H = m * 0.15;
+        const H = g * 0.15;
         function T() {
           t && (c || (c = t.createRadialGradient(
             w * 0.5,
@@ -4736,19 +4717,19 @@ const q = /* @__PURE__ */ n((e) => {
             S * 0.9
           ), c.addColorStop(0, "rgba(255,255,255,0.02)"), c.addColorStop(1, "rgba(0,0,0,0.08)")), t.fillStyle = c, t.fillRect(0, 0, w, S));
         }
-        if (n(T, "drawBackground"), T(), (o.isListening || o.isSpeaking) && !i.value) {
+        if (n(T, "drawBackground"), T(), (o.isListening || o.isSpeaking) && !a.value) {
           const p = performance.now() * 1e-3, ae = 0.1 + Math.sin(p * 2) * 0.05;
           t.save(), t.globalCompositeOperation = "lighter", t.globalAlpha = ae;
           const X = o.isSpeaking ? "rgba(34,197,94,0.4)" : "rgba(59,130,246,0.4)";
           t.fillStyle = X;
-          for (let U = 0; U < m; U++) {
+          for (let U = 0; U < g; U++) {
             const oe = U * (I + V), Le = te[U], se = S - Le;
             t.beginPath(), t.roundRect(oe - 1, se - 1, I + 2, Le + 2, [2, 2, 0, 0]), t.fill();
           }
           t.restore();
         }
-        for (let p = 0; p < m; p++) {
-          const ae = p * (I + V), X = te[p], U = S - X, oe = J[p], Le = Math.min(p, m - 1 - p), se = Math.min(1, Le / H), Re = Math.min(1, X / ee), je = (0.8 + Re * 0.2) * se, bt = (0.6 + Re * 0.2) * se, pt = (0.3 + Re * 0.1) * se, Kt = Math.round(Re * 10) / 10, Yt = Math.round(se * 10) / 10, Jt = `${o.isSpeaking ? "speaking" : o.isListening ? "listening" : "idle"}-${Kt}-${Yt}-${X}`, Qt = Ut(Jt, () => {
+        for (let p = 0; p < g; p++) {
+          const ae = p * (I + V), X = te[p], U = S - X, oe = J[p], Le = Math.min(p, g - 1 - p), se = Math.min(1, Le / H), Re = Math.min(1, X / ee), je = (0.8 + Re * 0.2) * se, bt = (0.6 + Re * 0.2) * se, pt = (0.3 + Re * 0.1) * se, Kt = Math.round(Re * 10) / 10, Yt = Math.round(se * 10) / 10, Jt = `${o.isSpeaking ? "speaking" : o.isListening ? "listening" : "idle"}-${Kt}-${Yt}-${X}`, Qt = Ut(Jt, () => {
             const _ = t.createLinearGradient(0, U, 0, U + X);
             if (o.isSpeaking)
               _.addColorStop(0, `rgba(34, 197, 94, ${je})`), _.addColorStop(0.5, `rgba(34, 197, 94, ${bt})`), _.addColorStop(1, `rgba(34, 197, 94, ${pt})`), (oe >= 400 && oe <= 600 || oe >= 1400 && oe <= 1600) && _.addColorStop(0, `rgba(74, 222, 128, ${Math.min(1, je + 0.2)})`);
@@ -4762,19 +4743,19 @@ const q = /* @__PURE__ */ n((e) => {
           });
           if (t.fillStyle = Qt, t.beginPath(), t.roundRect(ae, U, I, X, [1, 1, 0, 0]), t.fill(), ie[p] > Y + 2) {
             const _ = S - ie[p], We = de[p] > 0 ? 0.9 : Math.max(0.3, de[p] / le);
-            t.fillStyle = `rgba(255, 255, 255, ${We})`, t.fillRect(ae, _ - 1, I, 2), We > 0.5 && !i.value && (t.shadowColor = o.isSpeaking ? "rgba(34, 197, 94, 0.5)" : "rgba(59, 130, 246, 0.5)", t.shadowBlur = 3, t.fillRect(ae, _ - 1, I, 2), t.shadowBlur = 0);
+            t.fillStyle = `rgba(255, 255, 255, ${We})`, t.fillRect(ae, _ - 1, I, 2), We > 0.5 && !a.value && (t.shadowColor = o.isSpeaking ? "rgba(34, 197, 94, 0.5)" : "rgba(59, 130, 246, 0.5)", t.shadowBlur = 3, t.fillRect(ae, _ - 1, I, 2), t.shadowBlur = 0);
           }
         }
-        s = requestAnimationFrame(E);
+        s = requestAnimationFrame($);
       }
-      n(E, "animate"), s = requestAnimationFrame(E);
+      n($, "animate"), s = requestAnimationFrame($);
     }
     n(et, "startAnimation"), Oe(() => {
       if (r.value) {
         if (t = r.value.getContext("2d"), ne(), typeof window < "u") {
           window.addEventListener("resize", mt, { passive: !0 });
           const u = /* @__PURE__ */ n(() => {
-            a.value = !document.hidden;
+            i.value = !document.hidden;
           }, "handleVisibilityChange");
           document.addEventListener("visibilitychange", u, { passive: !0 });
         }
@@ -4793,7 +4774,7 @@ const q = /* @__PURE__ */ n((e) => {
     }
     return n(mt, "onResize"), $t(() => {
       s && cancelAnimationFrame(s), typeof window < "u" && (window.removeEventListener("resize", mt), document.removeEventListener("visibilitychange", () => {
-        a.value = !document.hidden;
+        i.value = !document.hidden;
       })), he();
     }), ye(
       [() => o.isActive, () => o.isConnected, () => o.isListening, () => o.isSpeaking, () => o.rms],
@@ -4803,46 +4784,46 @@ const q = /* @__PURE__ */ n((e) => {
       { immediate: !0 }
     ), ye(
       [() => o.enableRealAudio, () => o.isListening],
-      async ([u, w], [S, E]) => {
-        u && w && (!S || !E) && (C.value || await Ae().catch(console.error)), (!u || !w) && S && E && he();
+      async ([u, w], [S, $]) => {
+        u && w && (!S || !$) && (C.value || await Ae().catch(console.error)), (!u || !w) && S && $ && he();
       },
       { immediate: !1 }
     ), ye(r, (u) => {
       u && !t && (t = u.getContext("2d"), ne(), et());
-    }), (u, w) => (b(), v("div", Jo, [
+    }), (u, w) => (b(), v("div", Zo, [
       l("canvas", {
         ref_key: "canvasRef",
         ref: r,
-        width: (Z(I) + Z(V)) * Z(m) - Z(V),
+        width: (Z(I) + Z(V)) * Z(g) - Z(V),
         height: Z(ee),
         class: "w-full max-w-full [image-rendering:-webkit-optimize-contrast]",
         style: dt({ height: `${Z(ee)}px` })
-      }, null, 12, Qo)
+      }, null, 12, Ko)
     ]));
   }
-}), _o = { class: "flex flex-col h-full items-center justify-center px-6 py-8" }, en = { class: "flex-1 flex flex-col items-center justify-center space-y-8 py-4" }, tn = { class: "h-32 w-full max-w-md" }, rn = { class: "text-center flex gap-2 items-center text-xs" }, on = { class: "flex items-center justify-center gap-2" }, nn = {
+}), Jo = { class: "flex flex-col h-full items-center justify-center px-6 py-8" }, Qo = { class: "flex-1 flex flex-col items-center justify-center space-y-8 py-4" }, Xo = { class: "h-32 w-full max-w-md" }, _o = { class: "text-center flex gap-2 items-center text-xs" }, en = { class: "flex items-center justify-center gap-2" }, tn = {
   key: 0,
   class: "size-2 bg-blue-500 rounded-full animate-pulse"
-}, sn = {
+}, rn = {
   key: 1,
   class: "size-2 bg-green-500 rounded-full animate-pulse"
-}, an = {
+}, on = {
   key: 2,
   class: "size-2 bg-white/50 rounded-full"
-}, ln = {
+}, nn = {
   key: 3,
   class: "size-2 bg-red-500 rounded-full"
-}, cn = { class: "text-white/70 text-sm max-w-xs leading-relaxed" }, dn = { class: "flex flex-col items-center space-y-6" }, un = /* @__PURE__ */ K({
+}, sn = { class: "text-white/70 text-sm max-w-xs leading-relaxed" }, an = { class: "flex flex-col items-center space-y-6" }, ln = /* @__PURE__ */ K({
   __name: "ElSelfVoice",
   props: {
     selfController: {}
   },
   setup(e) {
-    const o = L(() => e.selfController?.voiceState.value), r = L(() => o.value?.isConnected ? "red" : "green"), t = L(() => o.value?.isConnected ? "i-heroicons-phone-x-mark" : "i-heroicons-phone"), s = L(() => o.value?.isConnected ? "End Call" : "Start a Call"), i = L(() => {
+    const o = L(() => e.selfController?.voiceState.value), r = L(() => o.value?.isConnected ? "red" : "green"), t = L(() => o.value?.isConnected ? "i-heroicons-phone-x-mark" : "i-heroicons-phone"), s = L(() => o.value?.isConnected ? "End Call" : "Start a Call"), a = L(() => {
       const c = e.selfController?.voiceState.value;
       return !!c?.error || c?.connectionStatus === "connecting";
-    }), a = L(() => o.value?.connectionStatus === "connecting");
-    async function g() {
+    }), i = L(() => o.value?.connectionStatus === "connecting");
+    async function m() {
       if (e.selfController)
         try {
           e.selfController.voiceState.value.isConnected ? await e.selfController.endConversation() : (e.selfController.isConnected() && await e.selfController.endConversation(), await e.selfController.startVoiceConversation(), e.selfController.agentMode.value = "talk");
@@ -4850,10 +4831,10 @@ const q = /* @__PURE__ */ n((e) => {
           console.error("Error toggling call:", c);
         }
     }
-    return n(g, "toggleCall"), (c, A) => (b(), v("div", _o, [
-      l("div", en, [
-        l("div", tn, [
-          Q(Xo, {
+    return n(m, "toggleCall"), (c, A) => (b(), v("div", Jo, [
+      l("div", Qo, [
+        l("div", Xo, [
+          Q(Yo, {
             "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,
@@ -4864,21 +4845,21 @@ const q = /* @__PURE__ */ n((e) => {
             "self-controller": e.selfController
           }, null, 8, ["audio-levels", "is-listening", "is-speaking", "is-connected", "self-controller"])
         ]),
-        l("div", rn, [
-          l("div", on, [
-            e.selfController?.voiceState.value.isListening ? (b(), v("div", nn)) : e.selfController?.voiceState.value.isSpeaking ? (b(), v("div", sn)) : e.selfController?.voiceState.value.isConnected && !e.selfController?.voiceState.value.isListening && !e.selfController?.voiceState.value.isSpeaking ? (b(), v("div", an)) : e.selfController?.voiceState.value.error ? (b(), v("div", ln)) : P("", !0)
+        l("div", _o, [
+          l("div", en, [
+            e.selfController?.voiceState.value.isListening ? (b(), v("div", tn)) : e.selfController?.voiceState.value.isSpeaking ? (b(), v("div", rn)) : e.selfController?.voiceState.value.isConnected && !e.selfController?.voiceState.value.isListening && !e.selfController?.voiceState.value.isSpeaking ? (b(), v("div", on)) : e.selfController?.voiceState.value.error ? (b(), v("div", nn)) : P("", !0)
           ]),
-          l("p", cn, W(e.selfController?.voiceState.value.error ? `Error: ${e.selfController.voiceState.value.error}` : e.selfController?.voiceState.value.transcript || "Ready to start a call..."), 1)
+          l("p", sn, W(e.selfController?.voiceState.value.error ? `Error: ${e.selfController.voiceState.value.error}` : e.selfController?.voiceState.value.transcript || "Ready to start a call..."), 1)
         ])
       ]),
-      l("div", dn, [
+      l("div", an, [
         Q(Ht, {
           theme: r.value,
           icon: t.value,
           size: "lg",
-          loading: a.value,
-          disabled: i.value,
-          onClick: g
+          loading: i.value,
+          disabled: a.value,
+          onClick: m
         }, {
           default: ke(() => [
             Xe(W(s.value), 1)
@@ -4888,28 +4869,28 @@ const q = /* @__PURE__ */ n((e) => {
       ])
     ]));
   }
-}), hn = {
+}), cn = {
   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"
-}, fn = { class: "text-sm" }, gn = {
+}, dn = { class: "text-sm" }, un = {
   key: 0,
   class: "flex-1 basis-0 flex justify-end"
-}, mn = {
+}, hn = {
   key: 0,
-  class: "justify-end 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"
-}, bn = { class: "min-h-0" }, pn = { class: "w-full space-y-6 py-6" }, vn = {
+  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"
+}, fn = { class: "flex-1 basis-0 flex flex-col justify-start pt-6" }, gn = {
   key: 1,
   class: "flex-1 flex flex-col relative z-20 min-h-0 w-full"
-}, xn = { class: "px-4 pt-4 pb-4 max-w-md mx-auto" }, yn = {
+}, mn = { class: "px-4 pt-4 pb-4 max-w-md mx-auto" }, bn = {
   key: 2,
   class: "flex-1 flex flex-col relative z-20 min-h-0 w-full px-4 @[480px]/agent:px-6"
-}, kn = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, wn = {
+}, pn = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, vn = {
   key: 2,
   class: "bg-gradient-to-br from-theme-800 to-theme-950 text-white flex items-center justify-center h-full p-8"
-}, Cn = { class: "text-center max-w-md space-y-4" }, Sn = { class: "text-sm text-white/70 leading-relaxed" }, Mn = {
+}, xn = { class: "text-center max-w-md space-y-4" }, yn = { class: "text-sm text-white/70 leading-relaxed" }, kn = {
   key: 3,
   class: "bg-white/10 backdrop-blur-sm text-white/70 flex items-center justify-center h-full"
-}, An = /* @__PURE__ */ K({
+}, wn = /* @__PURE__ */ K({
   __name: "SelfAgent",
   props: {
     sdk: {},
@@ -4923,7 +4904,7 @@ const q = /* @__PURE__ */ n((e) => {
   },
   emits: ["close", "error"],
   setup(e, { emit: o }) {
-    const r = o, t = ir(), s = B(!1), i = B(!1), a = B(), g = B(), c = L(() => t.value?.agentMode?.value ?? "self"), A = L(() => Lt.find((m) => m.mode === c.value));
+    const r = o, t = sr(), s = B(!1), a = B(!1), i = B(), m = B(), c = L(() => t.value?.agentMode?.value ?? "self"), A = L(() => Lt.find((g) => g.mode === c.value));
     function d() {
       t.value && t.value.destroy();
       try {
@@ -4939,121 +4920,120 @@ const q = /* @__PURE__ */ n((e) => {
     }
     n(d, "createSelfController");
     function C(x) {
-      if (!g.value)
+      if (!m.value)
         return;
-      const m = gr(x);
-      Object.entries(m).forEach(([I, V]) => {
-        g.value.style.setProperty(`--primary-${I}`, V);
+      const g = fr(x);
+      Object.entries(g).forEach(([I, V]) => {
+        m.value.style.setProperty(`--primary-${I}`, V);
       });
     }
     return n(C, "applyTheme"), Oe(() => {
       try {
         d(), C(e.theme);
       } catch (x) {
-        const m = x instanceof Error ? x.message : "Failed to initialize digital self";
-        a.value = m, r("error", m);
+        const g = x instanceof Error ? x.message : "Failed to initialize digital self";
+        i.value = g, r("error", g);
       }
     }), $t(() => {
       t.value && t.value.destroy();
     }), ye(() => e.theme, (x) => {
       C(x);
-    }), (x, m) => (b(), v("div", {
+    }), (x, g) => (b(), v("div", {
       ref_key: "rootElement",
-      ref: g,
+      ref: m,
       key: Z(nt)(e.self),
-      class: "@container/agent self-agent w-full h-full rounded-3xl overflow-hidden relative shadow-2xl border border-white/10",
+      class: "@container/agent self-agent w-full h-full overflow-hidden relative",
       "data-test": "self-agent"
     }, [
-      e.loading ? (b(), v("div", hn, [
+      e.loading ? (b(), v("div", cn, [
         Q(Tt, { class: "text-white size-8" })
-      ])) : e.self && !a.value ? (b(), v("div", {
+      ])) : e.self && !i.value ? (b(), v("div", {
         key: 1,
         class: "absolute inset-0 bg-cover bg-center bg-no-repeat",
         style: dt({ backgroundImage: `url(${Z(nt)(e.self) || Z(_e)()})` })
       }, [
         l("div", {
-          class: $(["absolute inset-0 bg-gradient-to-br z-0", c.value === "self" ? "from-black/70 via-black/50 to-black/80" : "from-black/90 via-black/90 to-black/100"])
+          class: E(["absolute inset-0 bg-gradient-to-br z-0", c.value === "self" ? "from-black/70 via-black/50 to-black/80" : "from-black/90 via-black/90 to-black/100"])
         }, null, 2),
         l("div", {
-          class: $(["relative z-10 flex flex-col h-full transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] will-change-transform", e.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"])
+          class: E(["relative z-10 flex flex-col h-full transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] will-change-transform", e.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"])
         }, [
           l("div", {
-            class: $(["relative z-30 p-2", c.value !== "self" ? "backdrop-blur-lg" : ""])
+            class: E(["relative z-30 p-2", c.value !== "self" ? "backdrop-blur-lg" : ""])
           }, [
             l("div", {
-              class: $(["flex items-center", e.hasClose ? "" : "justify-between"])
+              class: E(["flex items-center", e.hasClose ? "" : "justify-between"])
             }, [
               l("div", {
-                class: $(e.hasClose ? "flex-1 basis-0" : "")
+                class: E(e.hasClose ? "flex-1 basis-0" : "")
               }, [
                 l("button", {
                   class: "cursor-pointer p-2 flex items-center gap-2 rounded-2xl text-white/70 hover:bg-white/10 transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-105 active:scale-95",
-                  onClick: m[0] || (m[0] = (I) => s.value = !0)
-                }, [...m[6] || (m[6] = [
+                  onClick: g[0] || (g[0] = (I) => s.value = !0)
+                }, [...g[6] || (g[6] = [
                   l("i", { class: "i-tabler-menu size-7" }, null, -1)
                 ])])
               ], 2),
               l("button", {
-                class: $(["flex items-center gap-2 px-3.5 py-3 rounded-2xl text-white/90 hover:bg-white/10 transition-all cursor-pointer flex-grow-0", { "bg-white/10": i.value }]),
-                onClick: m[1] || (m[1] = (I) => i.value = !0)
+                class: E(["flex items-center gap-2 px-3.5 py-3 rounded-2xl text-white/90 hover:bg-white/10 transition-all cursor-pointer flex-grow-0", { "bg-white/10": a.value }]),
+                onClick: g[1] || (g[1] = (I) => a.value = !0)
               }, [
                 l("i", {
-                  class: $([A.value?.icon, "size-4 opacity-60"])
+                  class: E([A.value?.icon, "size-4 opacity-60"])
                 }, null, 2),
-                l("span", fn, W(A.value?.label), 1),
-                m[7] || (m[7] = l("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
+                l("span", dn, W(A.value?.label), 1),
+                g[7] || (g[7] = l("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
               ], 2),
-              e.hasClose ? (b(), v("div", gn, [
+              e.hasClose ? (b(), v("div", un, [
                 l("button", {
                   class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
-                  onClick: m[2] || (m[2] = It((I) => r("close", "button"), ["stop"]))
-                }, [...m[8] || (m[8] = [
+                  onClick: g[2] || (g[2] = It((I) => r("close", "button"), ["stop"]))
+                }, [...g[8] || (g[8] = [
                   l("i", { class: "size-6 i-tabler-x" }, null, -1)
                 ])])
               ])) : P("", !0)
             ], 2)
           ], 2),
-          c.value === "self" ? (b(), v("div", mn, [
-            Q(Do, { self: e.self }, null, 8, ["self"]),
-            l("div", bn, [
-              l("div", pn, [
-                Q(Ht, {
-                  theme: "primary",
-                  size: "lg",
-                  class: "w-full",
-                  icon: "i-heroicons-phone",
-                  "data-test": "voice-button",
-                  onClick: m[3] || (m[3] = (I) => t.value?.setMode("talk"))
-                }, {
-                  default: ke(() => [
-                    Xe(" Talk to " + W(e.self.name), 1)
-                  ]),
-                  _: 1
-                })
-              ])
+          c.value === "self" ? (b(), v("div", hn, [
+            g[9] || (g[9] = l("div", { class: "flex-1 basis-0 mb-36" }, null, -1)),
+            Q(Fo, { self: e.self }, null, 8, ["self"]),
+            l("div", fn, [
+              Q(Ht, {
+                theme: "primary",
+                size: "lg",
+                class: "w-full",
+                icon: "i-heroicons-phone",
+                "data-test": "voice-button",
+                onClick: g[3] || (g[3] = (I) => t.value?.setMode("talk"))
+              }, {
+                default: ke(() => [
+                  Xe(" Talk to " + W(e.self.name), 1)
+                ]),
+                _: 1
+              })
             ])
-          ])) : c.value === "talk" ? (b(), v("div", vn, [
+          ])) : c.value === "talk" ? (b(), v("div", gn, [
             l("div", null, [
-              l("div", xn, [
-                Q(yr, { self: e.self }, null, 8, ["self"])
+              l("div", mn, [
+                Q(xr, { self: e.self }, null, 8, ["self"])
               ])
             ]),
-            Q(un, { "self-controller": t.value }, null, 8, ["self-controller"])
-          ])) : (b(), v("div", yn, [
-            l("div", kn, [
-              c.value === "chat" ? (b(), Se(zo, {
+            Q(ln, { "self-controller": t.value }, null, 8, ["self-controller"])
+          ])) : (b(), v("div", bn, [
+            l("div", pn, [
+              c.value === "chat" ? (b(), Se(Ao, {
                 key: 0,
                 "self-controller": t.value,
                 self: e.self
-              }, null, 8, ["self-controller", "self"])) : c.value === "info" ? (b(), Se(go, {
+              }, null, 8, ["self-controller", "self"])) : c.value === "info" ? (b(), Se(fo, {
                 key: 1,
                 self: e.self
               }, null, 8, ["self"])) : P("", !0)
             ])
           ])),
           l("div", {
-            class: $(["relative z-20 text-center py-5 px-6", c.value === "info" ? "hidden" : ""])
-          }, [...m[9] || (m[9] = [
+            class: E(["relative z-20 text-center py-5 px-6", c.value === "info" ? "hidden" : ""])
+          }, [...g[10] || (g[10] = [
             l("a", {
               href: "https://www.fiction.com",
               class: "flex items-center justify-center gap-1.5 text-[10px] font-sans font-normal text-white/50 hover:text-white/70 transition-colors"
@@ -5064,38 +5044,38 @@ const q = /* @__PURE__ */ n((e) => {
             ], -1)
           ])], 2)
         ], 2)
-      ], 4)) : a.value ? (b(), v("div", wn, [
-        l("div", Cn, [
-          m[10] || (m[10] = l("div", { class: "flex justify-center" }, [
+      ], 4)) : i.value ? (b(), v("div", vn, [
+        l("div", xn, [
+          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)),
-          m[11] || (m[11] = l("h3", { class: "text-lg font-medium" }, " Self Error ", -1)),
-          l("p", Sn, W(a.value), 1)
+          g[12] || (g[12] = l("h3", { class: "text-lg font-medium" }, " Self Error ", -1)),
+          l("p", yn, W(i.value), 1)
         ])
-      ])) : (b(), v("div", Mn, " There was an error loading the digital self. Please try again later. ")),
-      Q(Yo, {
+      ])) : (b(), v("div", kn, " There was an error loading the digital self. Please try again later. ")),
+      Q(Uo, {
         modelValue: s.value,
-        "onUpdate:modelValue": m[4] || (m[4] = (I) => s.value = I),
+        "onUpdate:modelValue": g[4] || (g[4] = (I) => s.value = I),
         self: e.self,
         sdk: e.sdk,
         title: e.self.name
       }, null, 8, ["modelValue", "self", "sdk", "title"]),
-      Q(Ko, {
-        modelValue: i.value,
-        "onUpdate:modelValue": m[5] || (m[5] = (I) => i.value = I),
+      Q(Wo, {
+        modelValue: a.value,
+        "onUpdate:modelValue": g[5] || (g[5] = (I) => a.value = I),
         "self-controller": t.value
       }, null, 8, ["modelValue", "self-controller"])
     ]));
   }
-}), zn = { class: "self-wrap" }, In = {
+}), Cn = { class: "self-wrap" }, Sn = {
   key: 0,
   class: "flex items-center justify-center h-full"
-}, $n = {
+}, Mn = {
   key: 2,
   class: "flex items-center justify-center h-full text-theme-500 text-xs"
-}, En = { class: "flex flex-col items-center gap-2" }, Ln = /* @__PURE__ */ K({
+}, An = { class: "flex flex-col items-center gap-2" }, zn = /* @__PURE__ */ K({
   __name: "SelfWrap",
   props: {
     sdk: {},
@@ -5118,25 +5098,25 @@ const q = /* @__PURE__ */ n((e) => {
       }
       try {
         r.value = !0;
-        const i = await o.sdk.getPublicSelf({ handle: o.handle });
-        i ? t.value = i : (s.value = o.sdk.error.value || "Self not found", console.error("Failed to fetch digital self:", o.sdk.error.value));
-      } catch (i) {
-        s.value = i instanceof Error ? i.message : "Failed to fetch self", console.error("Error fetching digital self:", i);
+        const a = await o.sdk.getPublicSelf({ handle: o.handle });
+        a ? t.value = a : (s.value = o.sdk.error.value || "Self not found", console.error("Failed to fetch digital self:", o.sdk.error.value));
+      } catch (a) {
+        s.value = a instanceof Error ? a.message : "Failed to fetch self", console.error("Error fetching digital self:", a);
       } finally {
         r.value = !1;
       }
-    }), (i, a) => (b(), v("div", zn, [
-      r.value ? (b(), v("div", In, [...a[0] || (a[0] = [
+    }), (a, i) => (b(), v("div", Cn, [
+      r.value ? (b(), v("div", Sn, [...i[0] || (i[0] = [
         l("div", { class: "animate-spin rounded-full size-6 border-b-2 border-white" }, null, -1)
-      ])])) : t.value ? Ge(i.$slots, "default", {
+      ])])) : t.value ? Ge(a.$slots, "default", {
         key: 1,
         self: t.value,
         context: e.context,
         firstMessage: e.firstMessage,
         loading: r.value
-      }) : s.value ? (b(), v("div", $n, [
-        l("div", En, [
-          a[1] || (a[1] = l("div", null, [
+      }) : s.value ? (b(), v("div", Mn, [
+        l("div", An, [
+          i[1] || (i[1] = l("div", null, [
             l("div", { class: "i-tabler-user-off size-8" })
           ], -1)),
           l("div", null, W(s.value), 1)
@@ -5144,7 +5124,7 @@ const q = /* @__PURE__ */ n((e) => {
       ])) : P("", !0)
     ]));
   }
-}), Rn = /* @__PURE__ */ K({
+}), Fn = /* @__PURE__ */ K({
   __name: "SelfProvider",
   props: {
     sdk: {},
@@ -5156,9 +5136,9 @@ const q = /* @__PURE__ */ n((e) => {
   },
   setup(e) {
     const o = e;
-    return (r, t) => (b(), Se(Ln, yt(o, { class: "self-provider size-full relative" }), {
+    return (r, t) => (b(), Se(zn, yt(o, { class: "self-provider size-full relative" }), {
       default: ke((s) => [
-        Q(An, yt(o, {
+        Q(wn, yt(o, {
           self: s.self,
           "is-active": !0,
           class: "size-full"
@@ -5170,20 +5150,20 @@ const q = /* @__PURE__ */ n((e) => {
 });
 export {
   Lt as AGENT_MODES,
-  lr as AUDIO_FFT_SIZE,
-  dr as AUDIO_LEVEL_UPDATE_INTERVAL,
-  cr as AUDIO_SMOOTHING,
+  ar as AUDIO_FFT_SIZE,
+  cr as AUDIO_LEVEL_UPDATE_INTERVAL,
+  lr as AUDIO_SMOOTHING,
   ot as ClientAudio,
-  An as SelfAgent,
-  Rn as SelfProvider,
-  Ln as SelfWrap,
-  ur as VISUALIZER_CONFIG,
+  wn as SelfAgent,
+  Fn as SelfProvider,
+  zn as SelfWrap,
+  dr as VISUALIZER_CONFIG,
   J as VOICE_FREQUENCIES,
-  Vn as generateFirstMessage,
+  Pn as generateFirstMessage,
   _e as getFallbackAvatarDataUrl,
   Ct as getImageSrc,
   nt as getSelfAvatarUrl,
   Qe as handleImageError,
-  mr as parseVoiceMessage
+  gr as parseVoiceMessage
 };
 //# sourceMappingURL=self.js.map