@fiction/sdk 1.0.24 → 1.0.26

package/dist/self.js

@@ -1,12 +1,194 @@
 var Ct = Object.defineProperty;
 var ao = (e, r, o) => r in e ? Ct(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o;
 var s = (e, r) => Ct(e, "name", { value: r, configurable: !0 });
-var B = (e, r, o) => ao(e, typeof r != "symbol" ? r + "" : r, o);
-import { ref as P, defineComponent as j, createElementBlock as b, openBlock as d, createElementVNode as l, normalizeClass as z, watch as se, createBlock as _, TransitionGroup as Tt, withCtx as ee, renderSlot as Ce, computed as F, createCommentVNode as E, onMounted as Ie, Fragment as Ae, renderList as rt, withDirectives as Pt, vModelText as Ft, toDisplayString as U, createVNode as D, withKeys as io, createTextVNode as He, unref as Y, resolveDynamicComponent as lo, nextTick as Xe, Transition as _e, withModifiers as et, normalizeStyle as st, onUnmounted as ft, shallowRef as co, Teleport as uo, normalizeProps as ho, guardReactiveProps as fo, mergeProps as go } from "vue";
-import { S as Vt, F as mo } from "./sdkClient-C9BL_Op4.js";
+var D = (e, r, o) => ao(e, typeof r != "symbol" ? r + "" : r, o);
+import { defineComponent as j, createElementBlock as b, openBlock as u, createElementVNode as l, normalizeClass as z, ref as P, watch as se, createBlock as _, TransitionGroup as Tt, withCtx as ee, renderSlot as Ce, computed as B, createCommentVNode as E, onMounted as Ie, Fragment as Ae, renderList as rt, withDirectives as Pt, vModelText as Bt, toDisplayString as U, createVNode as V, withKeys as io, createTextVNode as We, unref as Y, resolveDynamicComponent as lo, nextTick as Xe, Transition as _e, withModifiers as et, normalizeStyle as st, onUnmounted as ft, shallowRef as co, Teleport as uo, normalizeProps as ho, guardReactiveProps as fo, mergeProps as go } from "vue";
 import { Conversation as St } from "@elevenlabs/client";
-import { objectId as bo } from "@fiction/utils";
-const vo = 256, po = 0.8, xo = 50, yo = {
+import { objectId as mo } from "@fiction/utils";
+import { S as Ft, c as bo, F as vo } from "./sdkClient-D6iGykUc.js";
+const po = { class: "spinner max-w-sm" }, xo = {
+  class: "ring-circular h-full w-full origin-center",
+  viewBox: "25 25 50 50"
+}, gt = /* @__PURE__ */ j({
+  __name: "FSpinner",
+  props: {
+    width: { type: String, default: "" },
+    colorMode: { type: String, default: "primary" }
+  },
+  setup(e) {
+    return (r, o) => (u(), b("div", po, [
+      (u(), b("svg", xo, [
+        l("circle", {
+          class: z([e.colorMode, "ring-path"]),
+          cx: "50",
+          cy: "50",
+          r: "20",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "5",
+          "stroke-miterlimit": "30"
+        }, null, 2)
+      ]))
+    ]));
+  }
+}), Mt = {
+  green: {
+    50: "oklch(98.2% 0.018 155.826)",
+    100: "oklch(96.2% 0.044 156.743)",
+    200: "oklch(92.5% 0.084 155.995)",
+    300: "oklch(87.1% 0.15 154.449)",
+    400: "oklch(79.2% 0.209 151.711)",
+    500: "oklch(72.3% 0.219 149.579)",
+    600: "oklch(62.7% 0.194 149.214)",
+    700: "oklch(52.7% 0.154 150.069)",
+    800: "oklch(44.8% 0.119 151.328)",
+    900: "oklch(39.3% 0.095 152.535)",
+    950: "oklch(26.6% 0.065 152.934)"
+  },
+  blue: {
+    50: "oklch(97% 0.014 254.604)",
+    100: "oklch(93.2% 0.032 255.585)",
+    200: "oklch(88.2% 0.059 254.128)",
+    300: "oklch(80.9% 0.105 251.813)",
+    400: "oklch(70.7% 0.165 254.624)",
+    500: "oklch(62.3% 0.214 259.815)",
+    600: "oklch(54.6% 0.245 262.881)",
+    700: "oklch(48.8% 0.243 264.376)",
+    800: "oklch(42.4% 0.199 265.638)",
+    900: "oklch(37.9% 0.146 265.522)",
+    950: "oklch(28.2% 0.091 267.935)"
+  },
+  rose: {
+    50: "oklch(96.9% 0.015 12.422)",
+    100: "oklch(94.1% 0.03 12.58)",
+    200: "oklch(89.2% 0.058 10.001)",
+    300: "oklch(81% 0.117 11.638)",
+    400: "oklch(71.2% 0.194 13.428)",
+    500: "oklch(64.5% 0.246 16.439)",
+    600: "oklch(58.6% 0.253 17.585)",
+    700: "oklch(51.4% 0.222 16.935)",
+    800: "oklch(45.5% 0.188 13.697)",
+    900: "oklch(41% 0.159 10.272)",
+    950: "oklch(27.1% 0.105 12.094)"
+  },
+  cyan: {
+    50: "oklch(98.4% 0.019 200.873)",
+    100: "oklch(95.6% 0.045 203.388)",
+    200: "oklch(91.7% 0.08 205.041)",
+    300: "oklch(86.5% 0.127 207.078)",
+    400: "oklch(78.9% 0.154 211.53)",
+    500: "oklch(71.5% 0.143 215.221)",
+    600: "oklch(60.9% 0.126 221.723)",
+    700: "oklch(52% 0.105 223.128)",
+    800: "oklch(45% 0.085 224.283)",
+    900: "oklch(39.8% 0.07 227.392)",
+    950: "oklch(30.2% 0.056 229.695)"
+  },
+  purple: {
+    50: "oklch(97.7% 0.014 308.299)",
+    100: "oklch(94.6% 0.033 307.174)",
+    200: "oklch(90.2% 0.063 306.703)",
+    300: "oklch(82.7% 0.119 306.383)",
+    400: "oklch(71.4% 0.203 305.504)",
+    500: "oklch(62.7% 0.265 303.9)",
+    600: "oklch(55.8% 0.288 302.321)",
+    700: "oklch(49.6% 0.265 301.924)",
+    800: "oklch(43.8% 0.218 303.724)",
+    900: "oklch(38.1% 0.176 304.987)",
+    950: "oklch(29.1% 0.149 302.717)"
+  },
+  amber: {
+    50: "oklch(98.7% 0.022 95.277)",
+    100: "oklch(96.2% 0.059 95.617)",
+    200: "oklch(92.4% 0.12 95.746)",
+    300: "oklch(87.9% 0.169 91.605)",
+    400: "oklch(82.8% 0.189 84.429)",
+    500: "oklch(76.9% 0.188 70.08)",
+    600: "oklch(66.6% 0.179 58.318)",
+    700: "oklch(55.5% 0.163 48.998)",
+    800: "oklch(47.3% 0.137 46.201)",
+    900: "oklch(41.4% 0.112 45.904)",
+    950: "oklch(27.9% 0.077 45.635)"
+  },
+  indigo: {
+    50: "oklch(96.2% 0.018 272.314)",
+    100: "oklch(93% 0.034 272.788)",
+    200: "oklch(87% 0.065 274.039)",
+    300: "oklch(78.5% 0.115 274.713)",
+    400: "oklch(67.3% 0.182 276.935)",
+    500: "oklch(58.5% 0.233 277.117)",
+    600: "oklch(51.1% 0.262 276.966)",
+    700: "oklch(45.7% 0.24 277.023)",
+    800: "oklch(39.8% 0.195 277.366)",
+    900: "oklch(35.9% 0.144 278.697)",
+    950: "oklch(25.7% 0.09 281.288)"
+  },
+  pink: {
+    50: "oklch(97.1% 0.014 343.198)",
+    100: "oklch(94.8% 0.028 342.258)",
+    200: "oklch(89.9% 0.061 343.231)",
+    300: "oklch(82.3% 0.12 346.018)",
+    400: "oklch(71.8% 0.202 349.761)",
+    500: "oklch(65.6% 0.241 354.308)",
+    600: "oklch(59.2% 0.249 0.584)",
+    700: "oklch(52.5% 0.223 3.958)",
+    800: "oklch(45.9% 0.187 3.815)",
+    900: "oklch(40.8% 0.153 2.432)",
+    950: "oklch(28.4% 0.109 3.907)"
+  },
+  teal: {
+    50: "oklch(98.4% 0.014 180.72)",
+    100: "oklch(95.3% 0.051 180.801)",
+    200: "oklch(91% 0.096 180.426)",
+    300: "oklch(85.5% 0.138 181.071)",
+    400: "oklch(77.7% 0.152 181.912)",
+    500: "oklch(70.4% 0.14 182.503)",
+    600: "oklch(60% 0.118 184.704)",
+    700: "oklch(51.1% 0.096 186.391)",
+    800: "oklch(43.7% 0.078 188.216)",
+    900: "oklch(38.6% 0.063 188.416)",
+    950: "oklch(27.7% 0.046 192.524)"
+  },
+  sky: {
+    50: "oklch(97.7% 0.013 236.62)",
+    100: "oklch(95.1% 0.026 236.824)",
+    200: "oklch(90.1% 0.058 230.902)",
+    300: "oklch(82.8% 0.111 230.318)",
+    400: "oklch(74.6% 0.16 232.661)",
+    500: "oklch(68.5% 0.169 237.323)",
+    600: "oklch(58.8% 0.158 241.966)",
+    700: "oklch(50% 0.134 242.749)",
+    800: "oklch(44.3% 0.11 240.79)",
+    900: "oklch(39.1% 0.09 240.876)",
+    950: "oklch(29.3% 0.066 243.157)"
+  }
+};
+function yo(e) {
+  return Mt[e] || Mt.blue;
+}
+s(yo, "getColorSchemeOklch");
+const Dt = [
+  {
+    mode: "self",
+    label: "Mode",
+    icon: "i-tabler-north-star"
+  },
+  {
+    mode: "talk",
+    label: "Talk",
+    icon: "i-tabler-phone"
+  },
+  {
+    mode: "chat",
+    label: "Chat",
+    icon: "i-tabler-message-circle"
+  },
+  {
+    mode: "info",
+    label: "About",
+    icon: "i-tabler-user-circle"
+  }
+], ko = 256, wo = 0.8, Co = 50, So = {
   bars: 64,
   barWidth: 3,
   barSpacing: 1,
@@ -93,17 +275,17 @@ const vo = 256, po = 0.8, xo = 50, yo = {
   7500,
   8e3,
   8500
-], vt = class vt extends Vt {
+], vt = class vt extends Ft {
   constructor(o) {
     super("ClientAudio", o);
-    B(this, "audioContext");
-    B(this, "analyser");
-    B(this, "microphone");
-    B(this, "audioLevelInterval");
-    B(this, "stream");
-    B(this, "visibilityChangeHandler");
+    D(this, "audioContext");
+    D(this, "analyser");
+    D(this, "microphone");
+    D(this, "audioLevelInterval");
+    D(this, "stream");
+    D(this, "visibilityChangeHandler");
     // Public reactive state
-    B(this, "audioLevels", P({ inputLevel: 0, outputLevel: 0 }));
+    D(this, "audioLevels", P({ inputLevel: 0, outputLevel: 0 }));
     this.setupVisibilityHandler();
   }
   /**
@@ -156,7 +338,7 @@ const vo = 256, po = 0.8, xo = 50, yo = {
     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 = vo, this.analyser.smoothingTimeConstant = po, 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 = ko, this.analyser.smoothingTimeConstant = wo, this.microphone.connect(this.analyser), this.logger.info("Audio analysis setup complete");
     } catch (o) {
       throw this.logger.error("Failed to setup audio analysis:", o), o;
     }
@@ -177,8 +359,8 @@ const vo = 256, po = 0.8, xo = 50, yo = {
       }
       try {
         this.analyser.getByteFrequencyData(t);
-        const i = t.reduce((C, u) => C + u, 0) / t.length, h = Math.min(i / 128, 1), f = o?.() ? 0.3 : 0;
-        this.audioLevels.value = { inputLevel: h, outputLevel: f };
+        const i = t.reduce((C, h) => C + h, 0) / t.length, c = Math.min(i / 128, 1), f = o?.() ? 0.3 : 0;
+        this.audioLevels.value = { inputLevel: c, outputLevel: f };
       } catch (i) {
         this.logger.error("Error in audio level monitoring:", i), this.stopAudioLevelMonitoring();
       }
@@ -187,7 +369,7 @@ const vo = 256, po = 0.8, xo = 50, yo = {
         this.logger.error("Async error in audio level monitoring:", i);
       });
     }, "intervalWrapper");
-    this.audioLevelInterval = window.setInterval(a, xo);
+    this.audioLevelInterval = window.setInterval(a, Co);
   }
   /**
    * Stop monitoring audio levels
@@ -236,188 +418,6 @@ const vo = 256, po = 0.8, xo = 50, yo = {
 };
 s(vt, "ClientAudio");
 let lt = vt;
-const Bt = [
-  {
-    mode: "self",
-    label: "Mode",
-    icon: "i-tabler-north-star"
-  },
-  {
-    mode: "talk",
-    label: "Talk",
-    icon: "i-tabler-phone"
-  },
-  {
-    mode: "chat",
-    label: "Chat",
-    icon: "i-tabler-message-circle"
-  },
-  {
-    mode: "info",
-    label: "About",
-    icon: "i-tabler-user-circle"
-  }
-], ko = { class: "spinner max-w-sm" }, wo = {
-  class: "ring-circular h-full w-full origin-center",
-  viewBox: "25 25 50 50"
-}, gt = /* @__PURE__ */ j({
-  __name: "FSpinner",
-  props: {
-    width: { type: String, default: "" },
-    colorMode: { type: String, default: "primary" }
-  },
-  setup(e) {
-    return (r, o) => (d(), b("div", ko, [
-      (d(), b("svg", wo, [
-        l("circle", {
-          class: z([e.colorMode, "ring-path"]),
-          cx: "50",
-          cy: "50",
-          r: "20",
-          fill: "none",
-          stroke: "currentColor",
-          "stroke-width": "5",
-          "stroke-miterlimit": "30"
-        }, null, 2)
-      ]))
-    ]));
-  }
-}), Mt = {
-  green: {
-    50: "oklch(98.2% 0.018 155.826)",
-    100: "oklch(96.2% 0.044 156.743)",
-    200: "oklch(92.5% 0.084 155.995)",
-    300: "oklch(87.1% 0.15 154.449)",
-    400: "oklch(79.2% 0.209 151.711)",
-    500: "oklch(72.3% 0.219 149.579)",
-    600: "oklch(62.7% 0.194 149.214)",
-    700: "oklch(52.7% 0.154 150.069)",
-    800: "oklch(44.8% 0.119 151.328)",
-    900: "oklch(39.3% 0.095 152.535)",
-    950: "oklch(26.6% 0.065 152.934)"
-  },
-  blue: {
-    50: "oklch(97% 0.014 254.604)",
-    100: "oklch(93.2% 0.032 255.585)",
-    200: "oklch(88.2% 0.059 254.128)",
-    300: "oklch(80.9% 0.105 251.813)",
-    400: "oklch(70.7% 0.165 254.624)",
-    500: "oklch(62.3% 0.214 259.815)",
-    600: "oklch(54.6% 0.245 262.881)",
-    700: "oklch(48.8% 0.243 264.376)",
-    800: "oklch(42.4% 0.199 265.638)",
-    900: "oklch(37.9% 0.146 265.522)",
-    950: "oklch(28.2% 0.091 267.935)"
-  },
-  rose: {
-    50: "oklch(96.9% 0.015 12.422)",
-    100: "oklch(94.1% 0.03 12.58)",
-    200: "oklch(89.2% 0.058 10.001)",
-    300: "oklch(81% 0.117 11.638)",
-    400: "oklch(71.2% 0.194 13.428)",
-    500: "oklch(64.5% 0.246 16.439)",
-    600: "oklch(58.6% 0.253 17.585)",
-    700: "oklch(51.4% 0.222 16.935)",
-    800: "oklch(45.5% 0.188 13.697)",
-    900: "oklch(41% 0.159 10.272)",
-    950: "oklch(27.1% 0.105 12.094)"
-  },
-  cyan: {
-    50: "oklch(98.4% 0.019 200.873)",
-    100: "oklch(95.6% 0.045 203.388)",
-    200: "oklch(91.7% 0.08 205.041)",
-    300: "oklch(86.5% 0.127 207.078)",
-    400: "oklch(78.9% 0.154 211.53)",
-    500: "oklch(71.5% 0.143 215.221)",
-    600: "oklch(60.9% 0.126 221.723)",
-    700: "oklch(52% 0.105 223.128)",
-    800: "oklch(45% 0.085 224.283)",
-    900: "oklch(39.8% 0.07 227.392)",
-    950: "oklch(30.2% 0.056 229.695)"
-  },
-  purple: {
-    50: "oklch(97.7% 0.014 308.299)",
-    100: "oklch(94.6% 0.033 307.174)",
-    200: "oklch(90.2% 0.063 306.703)",
-    300: "oklch(82.7% 0.119 306.383)",
-    400: "oklch(71.4% 0.203 305.504)",
-    500: "oklch(62.7% 0.265 303.9)",
-    600: "oklch(55.8% 0.288 302.321)",
-    700: "oklch(49.6% 0.265 301.924)",
-    800: "oklch(43.8% 0.218 303.724)",
-    900: "oklch(38.1% 0.176 304.987)",
-    950: "oklch(29.1% 0.149 302.717)"
-  },
-  amber: {
-    50: "oklch(98.7% 0.022 95.277)",
-    100: "oklch(96.2% 0.059 95.617)",
-    200: "oklch(92.4% 0.12 95.746)",
-    300: "oklch(87.9% 0.169 91.605)",
-    400: "oklch(82.8% 0.189 84.429)",
-    500: "oklch(76.9% 0.188 70.08)",
-    600: "oklch(66.6% 0.179 58.318)",
-    700: "oklch(55.5% 0.163 48.998)",
-    800: "oklch(47.3% 0.137 46.201)",
-    900: "oklch(41.4% 0.112 45.904)",
-    950: "oklch(27.9% 0.077 45.635)"
-  },
-  indigo: {
-    50: "oklch(96.2% 0.018 272.314)",
-    100: "oklch(93% 0.034 272.788)",
-    200: "oklch(87% 0.065 274.039)",
-    300: "oklch(78.5% 0.115 274.713)",
-    400: "oklch(67.3% 0.182 276.935)",
-    500: "oklch(58.5% 0.233 277.117)",
-    600: "oklch(51.1% 0.262 276.966)",
-    700: "oklch(45.7% 0.24 277.023)",
-    800: "oklch(39.8% 0.195 277.366)",
-    900: "oklch(35.9% 0.144 278.697)",
-    950: "oklch(25.7% 0.09 281.288)"
-  },
-  pink: {
-    50: "oklch(97.1% 0.014 343.198)",
-    100: "oklch(94.8% 0.028 342.258)",
-    200: "oklch(89.9% 0.061 343.231)",
-    300: "oklch(82.3% 0.12 346.018)",
-    400: "oklch(71.8% 0.202 349.761)",
-    500: "oklch(65.6% 0.241 354.308)",
-    600: "oklch(59.2% 0.249 0.584)",
-    700: "oklch(52.5% 0.223 3.958)",
-    800: "oklch(45.9% 0.187 3.815)",
-    900: "oklch(40.8% 0.153 2.432)",
-    950: "oklch(28.4% 0.109 3.907)"
-  },
-  teal: {
-    50: "oklch(98.4% 0.014 180.72)",
-    100: "oklch(95.3% 0.051 180.801)",
-    200: "oklch(91% 0.096 180.426)",
-    300: "oklch(85.5% 0.138 181.071)",
-    400: "oklch(77.7% 0.152 181.912)",
-    500: "oklch(70.4% 0.14 182.503)",
-    600: "oklch(60% 0.118 184.704)",
-    700: "oklch(51.1% 0.096 186.391)",
-    800: "oklch(43.7% 0.078 188.216)",
-    900: "oklch(38.6% 0.063 188.416)",
-    950: "oklch(27.7% 0.046 192.524)"
-  },
-  sky: {
-    50: "oklch(97.7% 0.013 236.62)",
-    100: "oklch(95.1% 0.026 236.824)",
-    200: "oklch(90.1% 0.058 230.902)",
-    300: "oklch(82.8% 0.111 230.318)",
-    400: "oklch(74.6% 0.16 232.661)",
-    500: "oklch(68.5% 0.169 237.323)",
-    600: "oklch(58.8% 0.158 241.966)",
-    700: "oklch(50% 0.134 242.749)",
-    800: "oklch(44.3% 0.11 240.79)",
-    900: "oklch(39.1% 0.09 240.876)",
-    950: "oklch(29.3% 0.066 243.157)"
-  }
-};
-function Co(e) {
-  return Mt[e] || Mt.blue;
-}
-s(Co, "getColorSchemeOklch");
 function At(e) {
   return e ? typeof e == "string" ? e : e.src || "" : "";
 }
@@ -426,16 +426,16 @@ function tt(e) {
   return At(e.cover) || At(e.avatar) || "/img/placeholder-avatar.png";
 }
 s(tt, "getSelfAvatarUrl");
-function qe() {
+function He() {
   return "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiByeD0iNDAiIGZpbGw9IiM2MzY2RjEiLz4KPHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeD0iMjAiIHk9IjIwIj4KPHA0aCBkPSJNMTIgMTJjMi4yMSAwIDQtMS43OSA0LTRTNC4yMSA0IDIgNHMxLjc5IDQgNCA0em0wIDJjLTIuNjcgMC04IDEuMzQtOCA0djJoMTZ2LTJjMC0yLjY2LTUuMzMtNC04LTR6IiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4KPC9zdmc+";
 }
-s(qe, "getFallbackAvatarDataUrl");
+s(He, "getFallbackAvatarDataUrl");
 function ot(e) {
   const r = e.target;
-  r.dataset.fallbackUsed || (r.dataset.fallbackUsed = "true", r.src = qe());
+  r.dataset.fallbackUsed || (r.dataset.fallbackUsed = "true", r.src = He());
 }
 s(ot, "handleImageError");
-function So(e) {
+function Mo(e) {
   const { message: r } = e;
   if (!r)
     return null;
@@ -462,31 +462,31 @@ function So(e) {
   }
   return null;
 }
-s(So, "parseVoiceMessage");
-function nn(e) {
+s(Mo, "parseVoiceMessage");
+function an(e) {
   const { name: r, context: o } = e;
   return o === "welcome" ? `Welcome to Fiction! I'm ${r}, your digital self. I'm here to help you understand how I can represent you and assist with your daily tasks. What would you like to know about how I work?` : o === "onboarding" ? `Hi! I'm ${r}, your newly created digital self. I can handle conversations, answer questions about your expertise, and represent you professionally. Ready to see what I can do?` : `Hello! I'm ${r}. How can I help you today?`;
 }
-s(nn, "generateFirstMessage");
-const pt = class pt extends Vt {
+s(an, "generateFirstMessage");
+const pt = class pt extends Ft {
   constructor(o) {
     super("SelfController", o);
-    B(this, "conversation");
-    B(this, "isTextMode", !1);
-    B(this, "lastMessage", { hash: "", time: 0 });
-    B(this, "clientAudio");
-    B(this, "unwatchAudio");
-    B(this, "isConnecting", !1);
+    D(this, "conversation");
+    D(this, "isTextMode", !1);
+    D(this, "lastMessage", { hash: "", time: 0 });
+    D(this, "clientAudio");
+    D(this, "unwatchAudio");
+    D(this, "isConnecting", !1);
     // Simple usage tracking
-    B(this, "sessionId");
-    B(this, "conversationStartTime");
-    B(this, "chatCharacterCount", 0);
+    D(this, "sessionId");
+    D(this, "conversationStartTime");
+    D(this, "chatCharacterCount", 0);
     // Participant IDs for message attribution
-    B(this, "hostParticipantId");
+    D(this, "hostParticipantId");
     // The digital self
-    B(this, "visitorParticipantId");
+    D(this, "visitorParticipantId");
     // The user/anon
-    B(this, "voiceState", P({
+    D(this, "voiceState", P({
       isActive: !1,
       isConnected: !1,
       isSpeaking: !1,
@@ -494,14 +494,14 @@ const pt = class pt extends Vt {
       transcript: "Tap to begin voice conversation",
       connectionStatus: "disconnected"
     }));
-    B(this, "textState", P({
+    D(this, "textState", P({
       isActive: !1,
       isConnected: !1,
       isThinking: !1,
       connectionStatus: "disconnected"
     }));
-    B(this, "agentMode", P("self"));
-    B(this, "sharedMessages", P([]));
+    D(this, "agentMode", P("self"));
+    D(this, "sharedMessages", P([]));
     if (!o.self.elevenlabsAgentId || o.self.elevenlabsAgentId.trim() === "")
       throw new Error(`Agent ID is required for SelfController. Self "${o.self.name}" (${o.self.selfId}) does not have a valid elevenlabsAgentId.`);
     this.clientAudio = new lt(o), this.setupModeWatcher();
@@ -518,7 +518,7 @@ const pt = class pt extends Vt {
     try {
       const o = this.conversation.getOutputByteFrequencyData();
       if (o && o.length > 0) {
-        const t = Array.from(o).filter((i) => Number(i) > 0).length, n = Math.max(...Array.from(o)), a = Array.from(o).reduce((i, h) => i + Number(h), 0) / o.length;
+        const t = Array.from(o).filter((i) => Number(i) > 0).length, n = Math.max(...Array.from(o)), a = Array.from(o).reduce((i, c) => i + Number(c), 0) / o.length;
         return console.warn(`ElevenLabs frequency data: ${o.length} bins, ${t} with signal, max: ${n}, avg: ${a.toFixed(1)}`), new Uint8Array(o);
       } else
         return console.warn("ElevenLabs returned empty frequency data"), null;
@@ -573,7 +573,7 @@ const pt = class pt extends Vt {
     });
   }
   handleMessage(o, t) {
-    const n = So(o);
+    const n = Mo(o);
     if (n && (this.addMessage(n.text, n.sender), !t && n.sender === "agent" && this.updateState(this.textState, { isThinking: !1 }), this.sessionId && this.hostParticipantId && this.visitorParticipantId)) {
       const a = n.sender === "agent" ? this.hostParticipantId : this.visitorParticipantId, { sdk: i } = this.settings;
       i.saveMessage({
@@ -581,8 +581,8 @@ const pt = class pt extends Vt {
         participantId: a,
         content: n.text,
         role: n.sender === "agent" ? "agent" : "user"
-      }).catch((h) => {
-        this.logger.warn("Failed to save message", { error: h });
+      }).catch((c) => {
+        this.logger.warn("Failed to save message", { error: c });
       });
     }
   }
@@ -637,7 +637,7 @@ const pt = class pt extends Vt {
         }, "onDisconnect"),
         onError: /* @__PURE__ */ s((a) => {
           let i = a;
-          a.includes("does not exist") ? i = `Agent not found: ${this.settings.self.elevenlabsAgentId}. Check ElevenLabs configuration.` : a.includes("limit") || a.includes("quota") ? i = "ElevenLabs account limit reached. Check your subscription and usage." : (a.includes("unauthorized") || a.includes("invalid")) && (i = "ElevenLabs API authentication failed. Check ELEVENLABS_API_KEY."), this.endSession().catch((h) => console.error("Failed to end session:", h)), this.handleError(new Error(i), !0), o.onError?.(new Error(i));
+          a.includes("does not exist") ? i = `Agent not found: ${this.settings.self.elevenlabsAgentId}. Check ElevenLabs configuration.` : a.includes("limit") || a.includes("quota") ? i = "ElevenLabs account limit reached. Check your subscription and usage." : (a.includes("unauthorized") || a.includes("invalid")) && (i = "ElevenLabs API authentication failed. Check ELEVENLABS_API_KEY."), this.endSession().catch((c) => console.error("Failed to end session:", c)), this.handleError(new Error(i), !0), o.onError?.(new Error(i));
         }, "onError"),
         onModeChange: /* @__PURE__ */ s((a) => {
           const i = a.mode === "speaking";
@@ -742,7 +742,7 @@ const pt = class pt extends Vt {
         return;
       }
     }
-    this.sessionId = bo(), this.logger.info("Started conversation session (fallback)", {
+    this.sessionId = mo(), this.logger.info("Started conversation session (fallback)", {
       sessionId: this.sessionId,
       type: o
     });
@@ -779,14 +779,14 @@ const pt = class pt extends Vt {
 };
 s(pt, "SelfController");
 let ct = pt;
-const Mo = /* @__PURE__ */ j({
+const Ao = /* @__PURE__ */ j({
   __name: "EffectTransitionList",
   props: {
     disabled: { type: Boolean, default: !1 },
     mode: { default: "block" }
   },
   setup(e) {
-    return (r, o) => (d(), _(Tt, {
+    return (r, o) => (u(), _(Tt, {
       name: e.disabled ? "" : "nlist"
     }, {
       default: ee(() => [
@@ -795,7 +795,7 @@ const Mo = /* @__PURE__ */ j({
       _: 3
     }, 8, ["name"]));
   }
-}), Ao = {
+}), Io = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
 }, mt = /* @__PURE__ */ j({
@@ -808,42 +808,42 @@ const Mo = /* @__PURE__ */ j({
     iconAfter: {}
   },
   setup(e) {
-    const r = F(() => ({
+    const r = B(() => ({
       primary: "bg-primary-600 border-primary-400 hover:border-primary-300 hover:bg-primary-500",
       green: "bg-green-600 border-green-400 hover:border-green-300 hover:bg-green-500",
       red: "bg-red-600 border-red-400 hover:border-red-300 hover:bg-red-500",
       default: "bg-white/10 border-white/20 hover:border-white/40 hover:bg-white/20"
-    })[e.theme]), o = F(() => ({
+    })[e.theme]), o = B(() => ({
       sm: "px-4 py-2 text-sm",
       md: "px-6 py-3 text-base",
       lg: "px-8 py-4 text-base"
-    })[e.size]), t = F(() => ({
+    })[e.size]), t = B(() => ({
       sm: "size-4",
       md: "size-4",
       lg: "size-5"
     })[e.size]);
-    return (n, a) => (d(), b("button", {
+    return (n, a) => (u(), b("button", {
       class: z(["relative inline-flex items-center justify-center gap-2 font-medium rounded-full backdrop-blur-sm border-2 text-white transition-all duration-200 focus:outline-none active:opacity-80 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer", [r.value, o.value]])
     }, [
-      e.loading ? (d(), b("div", Ao, [...a[0] || (a[0] = [
+      e.loading ? (u(), b("div", Io, [...a[0] || (a[0] = [
         l("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)
       ])])) : E("", !0),
       l("span", {
         class: z(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"])
       }, [
-        e.icon ? (d(), b("i", {
+        e.icon ? (u(), b("i", {
           key: 0,
           class: z([e.icon, t.value])
         }, null, 2)) : E("", !0),
         Ce(n.$slots, "default"),
-        e.iconAfter ? (d(), b("i", {
+        e.iconAfter ? (u(), b("i", {
           key: 1,
           class: z([e.iconAfter, t.value])
         }, null, 2)) : E("", !0)
       ], 2)
     ], 2));
   }
-}), Io = ["value"], zo = /* @__PURE__ */ j({
+}), zo = ["value"], $o = /* @__PURE__ */ j({
   __name: "SelfInputEmail",
   props: {
     modelValue: { default: "" }
@@ -851,7 +851,7 @@ const Mo = /* @__PURE__ */ j({
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
     const o = r;
-    return (t, n) => (d(), b("input", {
+    return (t, n) => (u(), b("input", {
       type: "email",
       autocomplete: "email",
       placeholder: "Enter Your Email",
@@ -859,9 +859,9 @@ const Mo = /* @__PURE__ */ j({
       class: "w-full px-6 py-3 text-theme-900 placeholder-theme-500 bg-white border border-white rounded-full focus:outline-none transition-all",
       style: { "font-size": "16px" },
       onInput: n[0] || (n[0] = (a) => o("update:modelValue", a.target.value))
-    }, null, 40, Io));
+    }, null, 40, zo));
   }
-}), $o = { class: "flex gap-1.5 justify-center" }, Eo = ["onUpdate:modelValue", "onInput", "onKeydown", "onPaste", "onFocus"], Lo = /* @__PURE__ */ j({
+}), Eo = { class: "flex gap-1.5 justify-center" }, Lo = ["onUpdate:modelValue", "onInput", "onKeydown", "onPaste", "onFocus"], To = /* @__PURE__ */ j({
   __name: "SelfInputOneTimeCode",
   props: {
     modelValue: {},
@@ -873,13 +873,13 @@ const Mo = /* @__PURE__ */ j({
     const o = e, t = r, n = P([]), a = P(Array.from({ length: o.length }).fill("")), i = P(!1);
     Ie(() => {
       o.modelValue && (a.value = o.modelValue.split("").slice(0, o.length)), o.focusFirst && !("ontouchstart" in window) && n.value[0]?.focus();
-    }), se(() => o.modelValue, (c) => {
-      a.value = c ? c.split("").slice(0, o.length) : Array.from({ length: o.length }).fill("");
+    }), se(() => o.modelValue, (d) => {
+      a.value = d ? d.split("").slice(0, o.length) : Array.from({ length: o.length }).fill("");
     }), se(a, () => {
-      const c = a.value.filter(Boolean).join("");
-      t("update:modelValue", c), c.length === o.length && t("autoSubmit", c);
+      const d = a.value.filter(Boolean).join("");
+      t("update:modelValue", d), d.length === o.length && t("autoSubmit", d);
     }, { deep: !0 });
-    function h(c, m) {
+    function c(d, m) {
       m.preventDefault(), i.value = !0;
       const p = (m.clipboardData?.getData("text") || "").replace(/\D/g, "");
       if (p.length === o.length)
@@ -888,32 +888,32 @@ const Mo = /* @__PURE__ */ j({
         }, 10);
       else {
         const g = [...a.value];
-        p.split("").slice(0, o.length - c).forEach((H, Q) => {
-          g[c + Q] = H;
+        p.split("").slice(0, o.length - d).forEach((W, Q) => {
+          g[d + Q] = W;
         }), a.value = g;
-        const T = Math.min(c + p.length, o.length - 1);
+        const T = Math.min(d + p.length, o.length - 1);
         setTimeout(() => {
           n.value[T]?.focus(), i.value = !1;
         }, 10);
       }
     }
-    s(h, "onPaste");
-    function f(c, m) {
+    s(c, "onPaste");
+    function f(d, m) {
       const p = m.target.value.slice(-1).replace(/\D/g, "");
-      a.value[c] = p, p && c < o.length - 1 && n.value[c + 1]?.focus();
+      a.value[d] = p, p && d < o.length - 1 && n.value[d + 1]?.focus();
     }
     s(f, "onInput");
-    function C(c, m) {
-      m.key === "Backspace" ? (m.preventDefault(), a.value[c] = "", c > 0 && n.value[c - 1]?.focus()) : m.key === "ArrowLeft" && c > 0 ? n.value[c - 1]?.focus() : m.key === "ArrowRight" && c < o.length - 1 && n.value[c + 1]?.focus();
+    function C(d, m) {
+      m.key === "Backspace" ? (m.preventDefault(), a.value[d] = "", d > 0 && n.value[d - 1]?.focus()) : m.key === "ArrowLeft" && d > 0 ? n.value[d - 1]?.focus() : m.key === "ArrowRight" && d < o.length - 1 && n.value[d + 1]?.focus();
     }
     s(C, "onKeydown");
-    function u(c) {
-      if (n.value[c]?.select(), !i.value && a.value[c])
-        for (let m = c; m < o.length; m++)
+    function h(d) {
+      if (n.value[d]?.select(), !i.value && a.value[d])
+        for (let m = d; m < o.length; m++)
           a.value[m] = "";
     }
-    return s(u, "onFocus"), (c, m) => (d(), b("div", $o, [
-      (d(!0), b(Ae, null, rt(e.length, (p) => Pt((d(), b("input", {
+    return s(h, "onFocus"), (d, m) => (u(), b("div", Eo, [
+      (u(!0), b(Ae, null, rt(e.length, (p) => Pt((u(), b("input", {
         key: p,
         ref_for: !0,
         ref: /* @__PURE__ */ s((g) => n.value[p - 1] = g, "ref"),
@@ -926,20 +926,20 @@ const Mo = /* @__PURE__ */ j({
         maxlength: "1",
         onInput: /* @__PURE__ */ s((g) => f(p - 1, g), "onInput"),
         onKeydown: /* @__PURE__ */ s((g) => C(p - 1, g), "onKeydown"),
-        onPaste: /* @__PURE__ */ s((g) => h(p - 1, g), "onPaste"),
-        onFocus: /* @__PURE__ */ s((g) => u(p - 1), "onFocus")
-      }, null, 40, Eo)), [
-        [Ft, a.value[p - 1]]
+        onPaste: /* @__PURE__ */ s((g) => c(p - 1, g), "onPaste"),
+        onFocus: /* @__PURE__ */ s((g) => h(p - 1), "onFocus")
+      }, null, 40, Lo)), [
+        [Bt, a.value[p - 1]]
       ])), 128))
     ]));
   }
-}), To = { class: "flex flex-col items-center justify-center h-full p-6" }, Po = { class: "w-full max-w-xs space-y-12" }, Fo = {
+}), Po = { class: "flex flex-col items-center justify-center h-full p-6" }, Bo = { class: "w-full max-w-xs space-y-12" }, Fo = {
   key: 0,
   class: "text-xs text-theme-400 text-center"
-}, Vo = { class: "text-base font-light text-white text-center" }, Bo = { class: "space-y-6 relative" }, Do = {
+}, Do = { class: "text-base font-light text-white text-center" }, Vo = { class: "space-y-6 relative" }, jo = {
   key: "email-field",
   class: "w-full"
-}, jo = {
+}, Ro = {
   key: "code-field",
   class: "w-full"
 }, It = /* @__PURE__ */ j({
@@ -961,34 +961,34 @@ const Mo = /* @__PURE__ */ j({
         button: { label: "Verify", disabled: /* @__PURE__ */ s(() => r.value.code.length !== 6, "disabled") },
         action: /* @__PURE__ */ s(() => e.sdk.loginWithCode({ email: r.value.email, code: r.value.code }), "action")
       }
-    }, n = F(() => t[o.value]);
-    return (a, i) => (d(), b("div", To, [
-      l("div", Po, [
-        e.sdk.error.value ? (d(), b("p", Fo, U(e.sdk.error.value), 1)) : E("", !0),
-        l("h3", Vo, U(n.value.title), 1),
-        l("div", Bo, [
-          D(Mo, null, {
+    }, n = B(() => t[o.value]);
+    return (a, i) => (u(), b("div", Po, [
+      l("div", Bo, [
+        e.sdk.error.value ? (u(), b("p", Fo, U(e.sdk.error.value), 1)) : E("", !0),
+        l("h3", Do, U(n.value.title), 1),
+        l("div", Vo, [
+          V(Ao, null, {
             default: ee(() => [
-              o.value === "email" ? (d(), b("div", Do, [
-                D(zo, {
+              o.value === "email" ? (u(), b("div", jo, [
+                V($o, {
                   modelValue: r.value.email,
-                  "onUpdate:modelValue": i[0] || (i[0] = (h) => r.value.email = h),
+                  "onUpdate:modelValue": i[0] || (i[0] = (c) => r.value.email = c),
                   onKeyup: io(n.value.action, ["enter"])
                 }, null, 8, ["modelValue", "onKeyup"])
-              ])) : (d(), b("div", jo, [
-                D(Lo, {
+              ])) : (u(), b("div", Ro, [
+                V(To, {
                   modelValue: r.value.code,
-                  "onUpdate:modelValue": i[1] || (i[1] = (h) => r.value.code = h),
+                  "onUpdate:modelValue": i[1] || (i[1] = (c) => r.value.code = c),
                   length: 6,
                   "focus-first": !0,
                   onAutoSubmit: n.value.action
                 }, null, 8, ["modelValue", "onAutoSubmit"])
               ])),
-              (d(), b("div", {
+              (u(), b("div", {
                 key: n.value.button.label,
                 class: "space-y-4 w-full"
               }, [
-                D(mt, {
+                V(mt, {
                   theme: "primary",
                   size: "md",
                   class: "w-full",
@@ -997,14 +997,14 @@ const Mo = /* @__PURE__ */ j({
                   onClick: n.value.action
                 }, {
                   default: ee(() => [
-                    He(U(n.value.button.label), 1)
+                    We(U(n.value.button.label), 1)
                   ]),
                   _: 1
                 }, 8, ["loading", "disabled", "onClick"]),
-                o.value === "code" ? (d(), b("button", {
+                o.value === "code" ? (u(), b("button", {
                   key: 0,
                   class: "w-full text-xs text-white/50 hover:text-white/70 transition-colors py-2",
-                  onClick: i[2] || (i[2] = (h) => o.value = "email")
+                  onClick: i[2] || (i[2] = (c) => o.value = "email")
                 }, " Change Email ")) : E("", !0)
               ]))
             ]),
@@ -1014,10 +1014,10 @@ const Mo = /* @__PURE__ */ j({
       ])
     ]));
   }
-}), Ro = { class: "relative flex-shrink-0" }, No = ["src", "alt"], Go = {
+}), No = { class: "relative flex-shrink-0" }, Go = ["src", "alt"], Oo = {
   key: 0,
   class: "absolute top-1 right-1"
-}, Oo = { class: "min-w-0" }, Uo = /* @__PURE__ */ j({
+}, Uo = { class: "min-w-0" }, Wo = /* @__PURE__ */ j({
   __name: "ElModeHeader",
   props: {
     self: {},
@@ -1027,14 +1027,14 @@ const Mo = /* @__PURE__ */ j({
   },
   setup(e) {
     function r() {
-      return e.self.avatar?.src ? e.self.avatar.src : qe();
+      return e.self.avatar?.src ? e.self.avatar.src : He();
     }
-    return s(r, "getAvatarSrc"), (o, t) => (d(), b("div", {
+    return s(r, "getAvatarSrc"), (o, t) => (u(), b("div", {
       class: z(["flex gap-4", [
         e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"
       ]])
     }, [
-      l("div", Ro, [
+      l("div", No, [
         l("div", {
           class: z(["rounded-full overflow-hidden border-white", e.size === "lg" ? "w-20 h-20 sm:w-24 sm:h-24 border-4" : "w-16 sm:size-16 border-2"])
         }, [
@@ -1044,9 +1044,9 @@ const Mo = /* @__PURE__ */ j({
             class: "w-full h-full object-cover",
             onError: t[0] || (t[0] = //@ts-ignore
             (...n) => Y(ot) && Y(ot)(...n))
-          }, null, 40, No)
+          }, null, 40, Go)
         ], 2),
-        e.showOnlineIndicator ? (d(), b("div", Go, [...t[1] || (t[1] = [
+        e.showOnlineIndicator ? (u(), b("div", Oo, [...t[1] || (t[1] = [
           l("div", {
             class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
             style: { "animation-duration": "3s" }
@@ -1054,7 +1054,7 @@ const Mo = /* @__PURE__ */ j({
           l("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1)
         ])])) : E("", !0)
       ]),
-      l("div", Oo, [
+      l("div", Uo, [
         l("h1", {
           class: z(["font-light text-white mb-1 truncate", [
             e.size === "lg" ? "text-3xl mb-2" : "text-xl sm:text-2xl tracking-wide leading-tight",
@@ -1071,24 +1071,24 @@ const Mo = /* @__PURE__ */ j({
     ], 2));
   }
 }), bt = "-", Ho = /* @__PURE__ */ s((e) => {
-  const r = Wo(e), {
+  const r = Ko(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: t
   } = e;
   return {
     getClassGroupId: /* @__PURE__ */ s((i) => {
-      const h = i.split(bt);
-      return h[0] === "" && h.length !== 1 && h.shift(), Dt(h, r) || qo(i);
+      const c = i.split(bt);
+      return c[0] === "" && c.length !== 1 && c.shift(), Vt(c, r) || qo(i);
     }, "getClassGroupId"),
-    getConflictingClassGroupIds: /* @__PURE__ */ s((i, h) => {
+    getConflictingClassGroupIds: /* @__PURE__ */ s((i, c) => {
       const f = o[i] || [];
-      return h && t[i] ? [...f, ...t[i]] : f;
+      return c && t[i] ? [...f, ...t[i]] : f;
     }, "getConflictingClassGroupIds")
   };
-}, "createClassGroupUtils"), Dt = /* @__PURE__ */ s((e, r) => {
+}, "createClassGroupUtils"), Vt = /* @__PURE__ */ s((e, r) => {
   if (e.length === 0)
     return r.classGroupId;
-  const o = e[0], t = r.nextPart.get(o), n = t ? Dt(e.slice(1), t) : void 0;
+  const o = e[0], t = r.nextPart.get(o), n = t ? Vt(e.slice(1), t) : void 0;
   if (n)
     return n;
   if (r.validators.length === 0)
@@ -1103,7 +1103,7 @@ const Mo = /* @__PURE__ */ j({
     if (o)
       return "arbitrary.." + o;
   }
-}, "getGroupIdForArbitraryProperty"), Wo = /* @__PURE__ */ s((e) => {
+}, "getGroupIdForArbitraryProperty"), Ko = /* @__PURE__ */ s((e) => {
   const {
     theme: r,
     classGroups: o
@@ -1122,7 +1122,7 @@ const Mo = /* @__PURE__ */ j({
       return;
     }
     if (typeof n == "function") {
-      if (Ko(n)) {
+      if (Zo(n)) {
         dt(n(t), r, o, t);
         return;
       }
@@ -1144,7 +1144,7 @@ const Mo = /* @__PURE__ */ j({
       validators: []
     }), o = o.nextPart.get(t);
   }), o;
-}, "getPart"), Ko = /* @__PURE__ */ s((e) => e.isThemeGetter, "isThemeGetter"), Zo = /* @__PURE__ */ s((e) => {
+}, "getPart"), Zo = /* @__PURE__ */ s((e) => e.isThemeGetter, "isThemeGetter"), Yo = /* @__PURE__ */ s((e) => {
   if (e < 1)
     return {
       get: /* @__PURE__ */ s(() => {
@@ -1168,19 +1168,19 @@ const Mo = /* @__PURE__ */ j({
       o.has(a) ? o.set(a, i) : n(a, i);
     }
   };
-}, "createLruCache"), ut = "!", ht = ":", Yo = ht.length, Jo = /* @__PURE__ */ s((e) => {
+}, "createLruCache"), ut = "!", ht = ":", Jo = ht.length, Qo = /* @__PURE__ */ s((e) => {
   const {
     prefix: r,
     experimentalParseClassName: o
   } = e;
   let t = /* @__PURE__ */ s((n) => {
     const a = [];
-    let i = 0, h = 0, f = 0, C;
+    let i = 0, c = 0, f = 0, C;
     for (let g = 0; g < n.length; g++) {
       let T = n[g];
-      if (i === 0 && h === 0) {
+      if (i === 0 && c === 0) {
         if (T === ht) {
-          a.push(n.slice(f, g)), f = g + Yo;
+          a.push(n.slice(f, g)), f = g + Jo;
           continue;
         }
         if (T === "/") {
@@ -1188,13 +1188,13 @@ const Mo = /* @__PURE__ */ j({
           continue;
         }
       }
-      T === "[" ? i++ : T === "]" ? i-- : T === "(" ? h++ : T === ")" && h--;
+      T === "[" ? i++ : T === "]" ? i-- : T === "(" ? c++ : T === ")" && c--;
     }
-    const u = a.length === 0 ? n : n.substring(f), c = Qo(u), m = c !== u, p = C && C > f ? C - f : void 0;
+    const h = a.length === 0 ? n : n.substring(f), d = Xo(h), m = d !== h, p = C && C > f ? C - f : void 0;
     return {
       modifiers: a,
       hasImportantModifier: m,
-      baseClassName: c,
+      baseClassName: d,
       maybePostfixModifierPosition: p
     };
   }, "parseClassName");
@@ -1216,7 +1216,7 @@ const Mo = /* @__PURE__ */ j({
     }), "parseClassName");
   }
   return t;
-}, "createParseClassName"), Qo = /* @__PURE__ */ s((e) => e.endsWith(ut) ? e.substring(0, e.length - 1) : e.startsWith(ut) ? e.substring(1) : e, "stripImportantModifier"), Xo = /* @__PURE__ */ s((e) => {
+}, "createParseClassName"), Xo = /* @__PURE__ */ s((e) => e.endsWith(ut) ? e.substring(0, e.length - 1) : e.startsWith(ut) ? e.substring(1) : e, "stripImportantModifier"), _o = /* @__PURE__ */ s((e) => {
   const r = Object.fromEntries(e.orderSensitiveModifiers.map((t) => [t, !0]));
   return /* @__PURE__ */ s((t) => {
     if (t.length <= 1)
@@ -1227,63 +1227,63 @@ const Mo = /* @__PURE__ */ j({
       i[0] === "[" || r[i] ? (n.push(...a.sort(), i), a = []) : a.push(i);
     }), n.push(...a.sort()), n;
   }, "sortModifiers");
-}, "createSortModifiers"), _o = /* @__PURE__ */ s((e) => ({
-  cache: Zo(e.cacheSize),
-  parseClassName: Jo(e),
-  sortModifiers: Xo(e),
+}, "createSortModifiers"), er = /* @__PURE__ */ s((e) => ({
+  cache: Yo(e.cacheSize),
+  parseClassName: Qo(e),
+  sortModifiers: _o(e),
   ...Ho(e)
-}), "createConfigUtils"), er = /\s+/, tr = /* @__PURE__ */ s((e, r) => {
+}), "createConfigUtils"), tr = /\s+/, or = /* @__PURE__ */ s((e, r) => {
   const {
     parseClassName: o,
     getClassGroupId: t,
     getConflictingClassGroupIds: n,
     sortModifiers: a
-  } = r, i = [], h = e.trim().split(er);
+  } = r, i = [], c = e.trim().split(tr);
   let f = "";
-  for (let C = h.length - 1; C >= 0; C -= 1) {
-    const u = h[C], {
-      isExternal: c,
+  for (let C = c.length - 1; C >= 0; C -= 1) {
+    const h = c[C], {
+      isExternal: d,
       modifiers: m,
       hasImportantModifier: p,
       baseClassName: g,
       maybePostfixModifierPosition: T
-    } = o(u);
-    if (c) {
-      f = u + (f.length > 0 ? " " + f : f);
+    } = o(h);
+    if (d) {
+      f = h + (f.length > 0 ? " " + f : f);
       continue;
     }
-    let H = !!T, Q = t(H ? g.substring(0, T) : g);
+    let W = !!T, Q = t(W ? g.substring(0, T) : g);
     if (!Q) {
-      if (!H) {
-        f = u + (f.length > 0 ? " " + f : f);
+      if (!W) {
+        f = h + (f.length > 0 ? " " + f : f);
         continue;
       }
       if (Q = t(g), !Q) {
-        f = u + (f.length > 0 ? " " + f : f);
+        f = h + (f.length > 0 ? " " + f : f);
         continue;
       }
-      H = !1;
+      W = !1;
     }
     const ze = a(m).join(":"), Se = p ? ze + ut : ze, ue = Se + Q;
     if (i.includes(ue))
       continue;
     i.push(ue);
-    const pe = n(Q, H);
+    const pe = n(Q, W);
     for (let he = 0; he < pe.length; ++he) {
       const re = pe[he];
       i.push(Se + re);
     }
-    f = u + (f.length > 0 ? " " + f : f);
+    f = h + (f.length > 0 ? " " + f : f);
   }
   return f;
 }, "mergeClassList");
-function or() {
+function rr() {
   let e = 0, r, o, t = "";
   for (; e < arguments.length; )
     (r = arguments[e++]) && (o = jt(r)) && (t && (t += " "), t += o);
   return t;
 }
-s(or, "twJoin");
+s(rr, "twJoin");
 const jt = /* @__PURE__ */ s((e) => {
   if (typeof e == "string")
     return e;
@@ -1292,41 +1292,41 @@ const jt = /* @__PURE__ */ s((e) => {
     e[t] && (r = jt(e[t])) && (o && (o += " "), o += r);
   return o;
 }, "toValue");
-function rr(e, ...r) {
+function sr(e, ...r) {
   let o, t, n, a = i;
   function i(f) {
-    const C = r.reduce((u, c) => c(u), e());
-    return o = _o(C), t = o.cache.get, n = o.cache.set, a = h, h(f);
+    const C = r.reduce((h, d) => d(h), e());
+    return o = er(C), t = o.cache.get, n = o.cache.set, a = c, c(f);
   }
   s(i, "initTailwindMerge");
-  function h(f) {
+  function c(f) {
     const C = t(f);
     if (C)
       return C;
-    const u = tr(f, o);
-    return n(f, u), u;
+    const h = or(f, o);
+    return n(f, h), h;
   }
-  return s(h, "tailwindMerge"), /* @__PURE__ */ s(function() {
-    return a(or.apply(null, arguments));
+  return s(c, "tailwindMerge"), /* @__PURE__ */ s(function() {
+    return a(rr.apply(null, arguments));
   }, "callTailwindMerge");
 }
-s(rr, "createTailwindMerge");
+s(sr, "createTailwindMerge");
 const Z = /* @__PURE__ */ s((e) => {
   const r = /* @__PURE__ */ s((o) => o[e] || [], "themeGetter");
   return r.isThemeGetter = !0, r;
-}, "fromTheme"), Rt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Nt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, sr = /^\d+\/\d+$/, nr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, ar = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ir = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, lr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, cr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ve = /* @__PURE__ */ s((e) => sr.test(e), "isFraction"), I = /* @__PURE__ */ s((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), we = /* @__PURE__ */ s((e) => !!e && Number.isInteger(Number(e)), "isInteger"), at = /* @__PURE__ */ s((e) => e.endsWith("%") && I(e.slice(0, -1)), "isPercent"), ve = /* @__PURE__ */ s((e) => nr.test(e), "isTshirtSize"), dr = /* @__PURE__ */ s(() => !0, "isAny"), ur = /* @__PURE__ */ s((e) => (
+}, "fromTheme"), Rt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Nt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, nr = /^\d+\/\d+$/, ar = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, ir = /\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$/, lr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, cr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, dr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Fe = /* @__PURE__ */ s((e) => nr.test(e), "isFraction"), I = /* @__PURE__ */ s((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), we = /* @__PURE__ */ s((e) => !!e && Number.isInteger(Number(e)), "isInteger"), at = /* @__PURE__ */ s((e) => e.endsWith("%") && I(e.slice(0, -1)), "isPercent"), ve = /* @__PURE__ */ s((e) => ar.test(e), "isTshirtSize"), ur = /* @__PURE__ */ s(() => !0, "isAny"), hr = /* @__PURE__ */ s((e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  ar.test(e) && !ir.test(e)
-), "isLengthOnly"), Gt = /* @__PURE__ */ s(() => !1, "isNever"), hr = /* @__PURE__ */ s((e) => lr.test(e), "isShadow"), fr = /* @__PURE__ */ s((e) => cr.test(e), "isImage"), gr = /* @__PURE__ */ s((e) => !x(e) && !y(e), "isAnyNonArbitrary"), mr = /* @__PURE__ */ s((e) => Be(e, Ht, Gt), "isArbitrarySize"), x = /* @__PURE__ */ s((e) => Rt.test(e), "isArbitraryValue"), Me = /* @__PURE__ */ s((e) => Be(e, qt, ur), "isArbitraryLength"), it = /* @__PURE__ */ s((e) => Be(e, yr, I), "isArbitraryNumber"), Et = /* @__PURE__ */ s((e) => Be(e, Ot, Gt), "isArbitraryPosition"), br = /* @__PURE__ */ s((e) => Be(e, Ut, fr), "isArbitraryImage"), Ye = /* @__PURE__ */ s((e) => Be(e, Wt, hr), "isArbitraryShadow"), y = /* @__PURE__ */ s((e) => Nt.test(e), "isArbitraryVariable"), Ue = /* @__PURE__ */ s((e) => De(e, qt), "isArbitraryVariableLength"), vr = /* @__PURE__ */ s((e) => De(e, kr), "isArbitraryVariableFamilyName"), Lt = /* @__PURE__ */ s((e) => De(e, Ot), "isArbitraryVariablePosition"), pr = /* @__PURE__ */ s((e) => De(e, Ht), "isArbitraryVariableSize"), xr = /* @__PURE__ */ s((e) => De(e, Ut), "isArbitraryVariableImage"), Je = /* @__PURE__ */ s((e) => De(e, Wt, !0), "isArbitraryVariableShadow"), Be = /* @__PURE__ */ s((e, r, o) => {
+  ir.test(e) && !lr.test(e)
+), "isLengthOnly"), Gt = /* @__PURE__ */ s(() => !1, "isNever"), fr = /* @__PURE__ */ s((e) => cr.test(e), "isShadow"), gr = /* @__PURE__ */ s((e) => dr.test(e), "isImage"), mr = /* @__PURE__ */ s((e) => !x(e) && !y(e), "isAnyNonArbitrary"), br = /* @__PURE__ */ s((e) => De(e, Wt, Gt), "isArbitrarySize"), x = /* @__PURE__ */ s((e) => Rt.test(e), "isArbitraryValue"), Me = /* @__PURE__ */ s((e) => De(e, Ht, hr), "isArbitraryLength"), it = /* @__PURE__ */ s((e) => De(e, kr, I), "isArbitraryNumber"), Et = /* @__PURE__ */ s((e) => De(e, Ot, Gt), "isArbitraryPosition"), vr = /* @__PURE__ */ s((e) => De(e, Ut, gr), "isArbitraryImage"), Ye = /* @__PURE__ */ s((e) => De(e, qt, fr), "isArbitraryShadow"), y = /* @__PURE__ */ s((e) => Nt.test(e), "isArbitraryVariable"), Ue = /* @__PURE__ */ s((e) => Ve(e, Ht), "isArbitraryVariableLength"), pr = /* @__PURE__ */ s((e) => Ve(e, wr), "isArbitraryVariableFamilyName"), Lt = /* @__PURE__ */ s((e) => Ve(e, Ot), "isArbitraryVariablePosition"), xr = /* @__PURE__ */ s((e) => Ve(e, Wt), "isArbitraryVariableSize"), yr = /* @__PURE__ */ s((e) => Ve(e, Ut), "isArbitraryVariableImage"), Je = /* @__PURE__ */ s((e) => Ve(e, qt, !0), "isArbitraryVariableShadow"), De = /* @__PURE__ */ s((e, r, o) => {
   const t = Rt.exec(e);
   return t ? t[1] ? r(t[1]) : o(t[2]) : !1;
-}, "getIsArbitraryValue"), De = /* @__PURE__ */ s((e, r, o = !1) => {
+}, "getIsArbitraryValue"), Ve = /* @__PURE__ */ s((e, r, o = !1) => {
   const t = Nt.exec(e);
   return t ? t[1] ? r(t[1]) : o : !1;
-}, "getIsArbitraryVariable"), Ot = /* @__PURE__ */ s((e) => e === "position" || e === "percentage", "isLabelPosition"), Ut = /* @__PURE__ */ s((e) => e === "image" || e === "url", "isLabelImage"), Ht = /* @__PURE__ */ s((e) => e === "length" || e === "size" || e === "bg-size", "isLabelSize"), qt = /* @__PURE__ */ s((e) => e === "length", "isLabelLength"), yr = /* @__PURE__ */ s((e) => e === "number", "isLabelNumber"), kr = /* @__PURE__ */ s((e) => e === "family-name", "isLabelFamilyName"), Wt = /* @__PURE__ */ s((e) => e === "shadow", "isLabelShadow"), wr = /* @__PURE__ */ s(() => {
-  const e = Z("color"), r = Z("font"), o = Z("text"), t = Z("font-weight"), n = Z("tracking"), a = Z("leading"), i = Z("breakpoint"), h = Z("container"), f = Z("spacing"), C = Z("radius"), u = Z("shadow"), c = Z("inset-shadow"), m = Z("text-shadow"), p = Z("drop-shadow"), g = Z("blur"), T = Z("perspective"), H = Z("aspect"), Q = Z("ease"), ze = Z("animate"), Se = /* @__PURE__ */ s(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), ue = /* @__PURE__ */ s(() => [
+}, "getIsArbitraryVariable"), Ot = /* @__PURE__ */ s((e) => e === "position" || e === "percentage", "isLabelPosition"), Ut = /* @__PURE__ */ s((e) => e === "image" || e === "url", "isLabelImage"), Wt = /* @__PURE__ */ s((e) => e === "length" || e === "size" || e === "bg-size", "isLabelSize"), Ht = /* @__PURE__ */ s((e) => e === "length", "isLabelLength"), kr = /* @__PURE__ */ s((e) => e === "number", "isLabelNumber"), wr = /* @__PURE__ */ s((e) => e === "family-name", "isLabelFamilyName"), qt = /* @__PURE__ */ s((e) => e === "shadow", "isLabelShadow"), Cr = /* @__PURE__ */ s(() => {
+  const e = Z("color"), r = Z("font"), o = Z("text"), t = Z("font-weight"), n = Z("tracking"), a = Z("leading"), i = Z("breakpoint"), c = Z("container"), f = Z("spacing"), C = Z("radius"), h = Z("shadow"), d = Z("inset-shadow"), m = Z("text-shadow"), p = Z("drop-shadow"), g = Z("blur"), T = Z("perspective"), W = Z("aspect"), Q = Z("ease"), ze = Z("animate"), Se = /* @__PURE__ */ s(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), ue = /* @__PURE__ */ s(() => [
     "center",
     "top",
     "bottom",
@@ -1344,13 +1344,13 @@ const Z = /* @__PURE__ */ s((e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], "scalePosition"), pe = /* @__PURE__ */ s(() => [...ue(), y, x], "scalePositionWithArbitrary"), he = /* @__PURE__ */ s(() => ["auto", "hidden", "clip", "visible", "scroll"], "scaleOverflow"), re = /* @__PURE__ */ s(() => ["auto", "contain", "none"], "scaleOverscroll"), S = /* @__PURE__ */ s(() => [y, x, f], "scaleUnambiguousSpacing"), ne = /* @__PURE__ */ s(() => [Ve, "full", "auto", ...S()], "scaleInset"), ce = /* @__PURE__ */ s(() => [we, "none", "subgrid", y, x], "scaleGridTemplateColsRows"), fe = /* @__PURE__ */ s(() => ["auto", {
+  ], "scalePosition"), pe = /* @__PURE__ */ s(() => [...ue(), y, x], "scalePositionWithArbitrary"), he = /* @__PURE__ */ s(() => ["auto", "hidden", "clip", "visible", "scroll"], "scaleOverflow"), re = /* @__PURE__ */ s(() => ["auto", "contain", "none"], "scaleOverscroll"), S = /* @__PURE__ */ s(() => [y, x, f], "scaleUnambiguousSpacing"), ne = /* @__PURE__ */ s(() => [Fe, "full", "auto", ...S()], "scaleInset"), ce = /* @__PURE__ */ s(() => [we, "none", "subgrid", y, x], "scaleGridTemplateColsRows"), fe = /* @__PURE__ */ s(() => ["auto", {
     span: ["full", we, y, x]
-  }, we, y, x], "scaleGridColRowStartAndEnd"), ge = /* @__PURE__ */ s(() => [we, "auto", y, x], "scaleGridColRowStartOrEnd"), We = /* @__PURE__ */ s(() => ["auto", "min", "max", "fr", y, x], "scaleGridAutoColsRows"), $e = /* @__PURE__ */ s(() => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], "scaleAlignPrimaryAxis"), me = /* @__PURE__ */ s(() => ["start", "end", "center", "stretch", "center-safe", "end-safe"], "scaleAlignSecondaryAxis"), q = /* @__PURE__ */ s(() => ["auto", ...S()], "scaleMargin"), ie = /* @__PURE__ */ s(() => [Ve, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...S()], "scaleSizing"), w = /* @__PURE__ */ s(() => [e, y, x], "scaleColor"), Ke = /* @__PURE__ */ s(() => [...ue(), Lt, Et, {
+  }, we, y, x], "scaleGridColRowStartAndEnd"), ge = /* @__PURE__ */ s(() => [we, "auto", y, x], "scaleGridColRowStartOrEnd"), qe = /* @__PURE__ */ s(() => ["auto", "min", "max", "fr", y, x], "scaleGridAutoColsRows"), $e = /* @__PURE__ */ s(() => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], "scaleAlignPrimaryAxis"), me = /* @__PURE__ */ s(() => ["start", "end", "center", "stretch", "center-safe", "end-safe"], "scaleAlignSecondaryAxis"), H = /* @__PURE__ */ s(() => ["auto", ...S()], "scaleMargin"), ie = /* @__PURE__ */ s(() => [Fe, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...S()], "scaleSizing"), w = /* @__PURE__ */ s(() => [e, y, x], "scaleColor"), Ke = /* @__PURE__ */ s(() => [...ue(), Lt, Et, {
     position: [y, x]
   }], "scaleBgPosition"), je = /* @__PURE__ */ s(() => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], "scaleBgRepeat"), xe = /* @__PURE__ */ s(() => ["auto", "cover", "contain", pr, mr, {
+  }], "scaleBgRepeat"), xe = /* @__PURE__ */ s(() => ["auto", "cover", "contain", xr, br, {
     size: [y, x]
   }], "scaleBgSize"), ye = /* @__PURE__ */ s(() => [at, Ue, Me], "scaleGradientStopPosition"), N = /* @__PURE__ */ s(() => [
     // Deprecated since Tailwind CSS v4.0.0
@@ -1360,14 +1360,14 @@ const Z = /* @__PURE__ */ s((e) => {
     C,
     y,
     x
-  ], "scaleRadius"), W = /* @__PURE__ */ s(() => ["", I, Ue, Me], "scaleBorderWidth"), Ee = /* @__PURE__ */ s(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), Le = /* @__PURE__ */ s(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), R = /* @__PURE__ */ s(() => [I, at, Lt, Et], "scaleMaskImagePosition"), Re = /* @__PURE__ */ s(() => [
+  ], "scaleRadius"), q = /* @__PURE__ */ s(() => ["", I, Ue, Me], "scaleBorderWidth"), Ee = /* @__PURE__ */ s(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), Le = /* @__PURE__ */ s(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), R = /* @__PURE__ */ s(() => [I, at, Lt, Et], "scaleMaskImagePosition"), Re = /* @__PURE__ */ s(() => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     g,
     y,
     x
-  ], "scaleBlur"), ke = /* @__PURE__ */ s(() => ["none", I, y, x], "scaleRotate"), Te = /* @__PURE__ */ s(() => ["none", I, y, x], "scaleScale"), Ne = /* @__PURE__ */ s(() => [I, y, x], "scaleSkew"), Pe = /* @__PURE__ */ s(() => [Ve, "full", ...S()], "scaleTranslate");
+  ], "scaleBlur"), ke = /* @__PURE__ */ s(() => ["none", I, y, x], "scaleRotate"), Te = /* @__PURE__ */ s(() => ["none", I, y, x], "scaleScale"), Ne = /* @__PURE__ */ s(() => [I, y, x], "scaleSkew"), Pe = /* @__PURE__ */ s(() => [Fe, "full", ...S()], "scaleTranslate");
   return {
     cacheSize: 500,
     theme: {
@@ -1375,11 +1375,11 @@ const Z = /* @__PURE__ */ s((e) => {
       aspect: ["video"],
       blur: [ve],
       breakpoint: [ve],
-      color: [dr],
+      color: [ur],
       container: [ve],
       "drop-shadow": [ve],
       ease: ["in", "out", "in-out"],
-      font: [gr],
+      font: [mr],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [ve],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -1400,7 +1400,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Ve, x, y, H]
+        aspect: ["auto", "square", Fe, x, y, W]
       }],
       /**
        * Container
@@ -1413,7 +1413,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [I, x, y, h]
+        columns: [I, x, y, c]
       }],
       /**
        * Break After
@@ -1623,7 +1623,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Ve, "full", "auto", h, ...S()]
+        basis: [Fe, "full", "auto", c, ...S()]
       }],
       /**
        * Flex Direction
@@ -1644,7 +1644,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [I, Ve, "auto", "initial", "none", x]
+        flex: [I, Fe, "auto", "initial", "none", x]
       }],
       /**
        * Flex Grow
@@ -1735,14 +1735,14 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": We()
+        "auto-cols": qe()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": We()
+        "auto-rows": qe()
       }],
       /**
        * Gap
@@ -1901,63 +1901,63 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: q()
+        m: H()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: q()
+        mx: H()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: q()
+        my: H()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: q()
+        ms: H()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: q()
+        me: H()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: q()
+        mt: H()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: q()
+        mr: H()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: q()
+        mb: H()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: q()
+        ml: H()
       }],
       /**
        * Space Between X
@@ -1998,7 +1998,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [h, "screen", ...ie()]
+        w: [c, "screen", ...ie()]
       }],
       /**
        * Min-Width
@@ -2006,7 +2006,7 @@ const Z = /* @__PURE__ */ s((e) => {
        */
       "min-w": [{
         "min-w": [
-          h,
+          c,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
@@ -2019,7 +2019,7 @@ const Z = /* @__PURE__ */ s((e) => {
        */
       "max-w": [{
         "max-w": [
-          h,
+          c,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
@@ -2091,7 +2091,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [vr, x, r]
+        font: [pr, x, r]
       }],
       /**
        * Font Variant Numeric
@@ -2346,7 +2346,7 @@ const Z = /* @__PURE__ */ s((e) => {
           }, we, y, x],
           radial: ["", y, x],
           conic: [we, y, x]
-        }, xr, br]
+        }, yr, vr]
       }],
       /**
        * Background Color
@@ -2510,70 +2510,70 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: W()
+        border: q()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": W()
+        "border-x": q()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": W()
+        "border-y": q()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": W()
+        "border-s": q()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": W()
+        "border-e": q()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": W()
+        "border-t": q()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": W()
+        "border-r": q()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": W()
+        "border-b": q()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": W()
+        "border-l": q()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": W()
+        "divide-x": q()
       }],
       /**
        * Divide Width X Reverse
@@ -2585,7 +2585,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": W()
+        "divide-y": q()
       }],
       /**
        * Divide Width Y Reverse
@@ -2716,7 +2716,7 @@ const Z = /* @__PURE__ */ s((e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          u,
+          h,
           Je,
           Ye
         ]
@@ -2733,7 +2733,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", c, Je, Ye]
+        "inset-shadow": ["none", d, Je, Ye]
       }],
       /**
        * Inset Box Shadow Color
@@ -2747,7 +2747,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: W()
+        ring: q()
       }],
       /**
        * Ring Width Inset
@@ -2786,7 +2786,7 @@ const Z = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": W()
+        "inset-ring": q()
       }],
       /**
        * Inset Ring Color
@@ -3795,7 +3795,7 @@ const Z = /* @__PURE__ */ s((e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, "getDefaultConfig"), Cr = /* @__PURE__ */ rr(wr), Qe = {
+}, "getDefaultConfig"), Sr = /* @__PURE__ */ sr(Cr), Qe = {
   default: {
     solid: {
       base: "bg-theme-0 dark:bg-theme-700/40 text-theme-600 dark:text-theme-50",
@@ -4081,10 +4081,10 @@ const Z = /* @__PURE__ */ s((e) => {
       icon: "text-red-600 dark:text-red-400"
     }
   }
-}, Sr = {
+}, Mr = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, Mr = /* @__PURE__ */ j({
+}, Ar = /* @__PURE__ */ j({
   __name: "FButton",
   props: {
     theme: { default: "default" },
@@ -4099,18 +4099,18 @@ const Z = /* @__PURE__ */ s((e) => {
     class: { default: "" }
   },
   setup(e) {
-    const r = F(() => ({
+    const r = B(() => ({
       icon: typeof e.icon == "string" ? e.icon : e.icon?.className,
       iconAfter: typeof e.iconAfter == "string" ? e.iconAfter : e.iconAfter?.className
-    })), o = F(() => e.href ? "a" : e.tag), t = F(() => ({
+    })), o = B(() => e.href ? "a" : e.tag), t = B(() => ({
       xxs: "size-2.5",
       xs: "size-3",
       sm: "size-3.5",
       md: "size-4",
       lg: "size-5",
       xl: "size-6"
-    })[e.size]), n = F(() => {
-      const i = "relative inline-flex items-center justify-center gap-2 font-medium transition-all duration-200 focus:outline-none active:opacity-80 cursor-pointer", h = {
+    })[e.size]), n = B(() => {
+      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", c = {
         xxs: "px-2 py-0.5 text-[10px]",
         xs: "px-3 py-1 text-[11px]",
         sm: "px-3 py-1.5 text-xs",
@@ -4121,38 +4121,38 @@ const Z = /* @__PURE__ */ s((e) => {
         md: "rounded-md",
         lg: "rounded-lg",
         full: "rounded-full"
-      }, u = Qe[e.theme]?.[e.design] || Qe.default[e.design], c = [
+      }, h = Qe[e.theme]?.[e.design] || Qe.default[e.design], d = [
         i,
-        h[e.size],
+        c[e.size],
         f,
         C[e.rounding],
-        u.base,
-        `border ${u.border}`,
-        u.hover
+        h.base,
+        `border ${h.border}`,
+        h.hover
       ].filter(Boolean).join(" ");
-      return Cr(c, e.class);
-    }), a = F(() => ({
+      return Sr(d, e.class);
+    }), a = B(() => ({
       design: (Qe[e.theme]?.[e.design] || Qe.default[e.design]).icon || ""
     }));
-    return (i, h) => (d(), _(lo(o.value), {
+    return (i, c) => (u(), _(lo(o.value), {
       href: e.href,
       class: z(n.value)
     }, {
       default: ee(() => [
-        e.loading ? (d(), b("div", Sr, [
-          D(gt, {
+        e.loading ? (u(), b("div", Mr, [
+          V(gt, {
             class: z(t.value)
           }, null, 8, ["class"])
         ])) : E("", !0),
         l("span", {
           class: z(["flex items-center gap-2 transition-opacity duration-200 whitespace-nowrap", e.loading ? "opacity-0" : "opacity-100"])
         }, [
-          r.value.icon ? (d(), b("span", {
+          r.value.icon ? (u(), b("span", {
             key: 0,
             class: z(["flex items-center size-[1.1em] mt-[-.07em]", [r.value.icon, a.value]])
           }, null, 2)) : E("", !0),
           Ce(i.$slots, "default"),
-          r.value.iconAfter ? (d(), b("span", {
+          r.value.iconAfter ? (u(), b("span", {
             key: 1,
             class: z(["flex items-center size-[1.1em] mt-[-.07em]", [r.value.iconAfter, a.value]])
           }, null, 2)) : E("", !0)
@@ -4161,25 +4161,25 @@ const Z = /* @__PURE__ */ s((e) => {
       _: 3
     }, 8, ["href", "class"]));
   }
-}), Ar = { class: "flex-1 flex flex-col min-h-0 py-6 space-y-6 h-full overflow-scroll [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden relative" }, Ir = { class: "flex-1 space-y-6" }, zr = {
+}), Ir = { 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" }, zr = { class: "flex-1 space-y-6" }, $r = {
   key: 0,
   class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
-}, $r = { class: "text-sm text-white/70 leading-relaxed" }, Er = {
+}, Er = { class: "text-sm text-white/70 leading-relaxed" }, Lr = {
   key: 1,
   class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
-}, Lr = ["innerHTML"], Tr = {
+}, Tr = ["innerHTML"], Pr = {
   key: 2,
   class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
-}, Pr = { class: "text-sm text-white/70 leading-relaxed" }, Fr = {
+}, Br = { class: "text-sm text-white/70 leading-relaxed" }, Fr = {
   key: 3,
   class: "space-y-3"
-}, Vr = { class: "grid grid-cols-2 gap-3" }, Br = /* @__PURE__ */ j({
+}, Dr = { class: "grid grid-cols-2 gap-3" }, Vr = /* @__PURE__ */ j({
   __name: "ElSelfAbout",
   props: {
     self: {}
   },
   setup(e) {
-    const r = F(() => [
+    const r = B(() => [
       {
         key: "email",
         condition: /* @__PURE__ */ s(() => !!e.self.email, "condition"),
@@ -4226,27 +4226,27 @@ const Z = /* @__PURE__ */ s((e) => {
         }), "generate")
       }
     ].filter((t) => t.condition()).map((t) => t.generate()));
-    return (o, t) => (d(), b("div", Ar, [
-      l("div", Ir, [
-        e.self.headline ? (d(), b("div", zr, [
+    return (o, t) => (u(), b("div", Ir, [
+      l("div", zr, [
+        e.self.headline ? (u(), b("div", $r, [
           t[0] || (t[0] = l("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Professional Tagline ", -1)),
-          l("div", $r, U(e.self.headline), 1)
+          l("div", Er, U(e.self.headline), 1)
         ])) : E("", !0),
-        e.self.summary ? (d(), b("div", Er, [
+        e.self.summary ? (u(), b("div", Lr, [
           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, Lr)
+          }, null, 8, Tr)
         ])) : E("", !0),
-        e.self.entityType === "company" ? (d(), b("div", Tr, [
+        e.self.entityType === "company" ? (u(), b("div", Pr, [
           t[2] || (t[2] = l("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)),
-          l("p", Pr, " This is a company digital self representing " + U(e.self.name) + ". ", 1)
+          l("p", Br, " This is a company digital self representing " + U(e.self.name) + ". ", 1)
         ])) : E("", !0),
-        r.value.length > 0 ? (d(), b("div", Fr, [
+        r.value.length > 0 ? (u(), b("div", Fr, [
           t[3] || (t[3] = l("h3", { class: "text-sm font-medium text-white/90" }, " Connect ", -1)),
-          l("div", Vr, [
-            (d(!0), b(Ae, null, rt(r.value, (n) => (d(), _(Mr, {
+          l("div", Dr, [
+            (u(!0), b(Ae, null, rt(r.value, (n) => (u(), _(Ar, {
               key: n.title,
               design: "ghost",
               theme: "default",
@@ -4259,7 +4259,7 @@ const Z = /* @__PURE__ */ s((e) => {
                 l("i", {
                   class: z([n.icon, "size-4 mr-2"])
                 }, null, 2),
-                He(" " + U(n.title), 1)
+                We(" " + U(n.title), 1)
               ]),
               _: 2
             }, 1032, ["href"]))), 128))
@@ -4268,55 +4268,55 @@ const Z = /* @__PURE__ */ s((e) => {
       ])
     ]));
   }
-}), Dr = { class: "flex flex-col h-full relative" }, jr = {
+}), jr = { class: "flex flex-col h-full relative" }, Rr = {
   key: 0,
   class: "text-theme-600 py-16 flex flex-col items-center justify-center gap-2 text-sm"
-}, Rr = {
+}, Nr = {
   key: 0,
   class: "flex-shrink-0 size-8"
-}, Nr = ["src", "alt"], Gr = { class: "max-w-[70%]" }, Or = { class: "text-sm leading-[1.5] whitespace-pre-wrap break-words" }, Ur = {
+}, Gr = ["src", "alt"], Or = { class: "max-w-[70%]" }, Ur = { class: "text-sm leading-[1.5] whitespace-pre-wrap break-words" }, Wr = {
   key: 0,
   class: "flex gap-2 justify-start items-end mb-4"
-}, Hr = { class: "flex-shrink-0" }, qr = ["src", "alt"], Wr = { class: "flex-shrink-0 pt-6 pb-2" }, Kr = ["placeholder", "disabled"], Zr = /* @__PURE__ */ j({
+}, Hr = { class: "flex-shrink-0" }, qr = ["src", "alt"], Kr = { class: "flex-shrink-0 pt-6 pb-2" }, Zr = ["placeholder", "disabled"], Yr = /* @__PURE__ */ j({
   __name: "ElSelfChat",
   props: {
     selfController: {},
     self: {}
   },
   setup(e) {
-    const r = P(""), o = P(), t = P(), n = F(() => tt(e.self));
-    function a(u, c) {
-      const m = u[c], p = u[c + 1];
+    const r = P(""), o = P(), t = P(), n = B(() => tt(e.self));
+    function a(h, d) {
+      const m = h[d], p = h[d + 1];
       return !p || p.sender !== m.sender;
     }
     s(a, "shouldShowAvatar"), Ie(async () => {
       if (e.selfController && !e.selfController.textState.value.isConnected)
         try {
           await e.selfController.startTextConversation();
-        } catch (u) {
-          console.error("Failed to start text conversation:", u);
+        } catch (h) {
+          console.error("Failed to start text conversation:", h);
         }
     });
     async function i() {
       if (!r.value.trim() || !e.selfController || !e.selfController.textState.value.isConnected)
         return;
-      const u = r.value;
+      const h = r.value;
       r.value = "", t.value && (t.value.style.height = "auto", t.value.focus());
       try {
-        await e.selfController.sendChatMessage(u), f();
-      } catch (c) {
-        console.error("Error sending message:", c);
+        await e.selfController.sendChatMessage(h), f();
+      } catch (d) {
+        console.error("Error sending message:", d);
       }
     }
     s(i, "sendMessage");
-    function h(u) {
-      u.key === "Enter" && !u.shiftKey && (u.preventDefault(), i());
+    function c(h) {
+      h.key === "Enter" && !h.shiftKey && (h.preventDefault(), i());
     }
-    s(h, "handleKeydown");
+    s(c, "handleKeydown");
     function f() {
       o.value && Xe(() => {
-        const u = o.value;
-        u.scrollTop = u.scrollHeight;
+        const h = o.value;
+        h.scrollTop = h.scrollHeight;
       });
     }
     s(f, "scrollToBottom");
@@ -4324,23 +4324,23 @@ const Z = /* @__PURE__ */ s((e) => {
       if (!t.value)
         return;
       t.value.style.height = "auto";
-      const u = Math.min(t.value.scrollHeight, 150);
-      t.value.style.height = `${u}px`;
+      const h = Math.min(t.value.scrollHeight, 150);
+      t.value.style.height = `${h}px`;
     }
     return s(C, "adjustTextareaHeight"), se(r, () => {
       Xe(() => C());
-    }), se(() => e.selfController?.sharedMessages.value, (u) => {
-      u && u.length > 0 && Xe(() => f());
-    }, { immediate: !0, deep: !0 }), (u, c) => (d(), b("div", Dr, [
-      e.selfController?.textState.value.connectionStatus !== "connected" ? (d(), b("div", jr, [
-        D(gt, { class: "size-4" })
+    }), se(() => e.selfController?.sharedMessages.value, (h) => {
+      h && h.length > 0 && Xe(() => f());
+    }, { immediate: !0, deep: !0 }), (h, d) => (u(), b("div", jr, [
+      e.selfController?.textState.value.connectionStatus !== "connected" ? (u(), b("div", Rr, [
+        V(gt, { class: "size-4" })
       ])) : E("", !0),
       l("div", {
         ref_key: "messagesContainer",
         ref: o,
         class: "flex-1 overflow-y-auto overflow-x-hidden py-8 space-y-1 min-h-0 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden"
       }, [
-        (d(!0), b(Ae, null, rt(e.selfController?.sharedMessages.value.filter((m) => m.sender !== "system") ?? [], (m, p) => (d(), b("div", {
+        (u(!0), b(Ae, null, rt(e.selfController?.sharedMessages.value.filter((m) => m.sender !== "system") ?? [], (m, p) => (u(), b("div", {
           key: m.id,
           class: z(["flex gap-2 items-end", {
             "justify-end": m.sender === "user",
@@ -4348,23 +4348,23 @@ const Z = /* @__PURE__ */ s((e) => {
             "mb-4": a(e.selfController?.sharedMessages.value.filter((g) => g.sender !== "system") ?? [], p)
           }])
         }, [
-          m.sender === "agent" ? (d(), b("div", Rr, [
-            a(e.selfController?.sharedMessages.value.filter((g) => g.sender !== "system") ?? [], p) ? (d(), b("img", {
+          m.sender === "agent" ? (u(), b("div", Nr, [
+            a(e.selfController?.sharedMessages.value.filter((g) => g.sender !== "system") ?? [], p) ? (u(), b("img", {
               key: 0,
               src: n.value,
               alt: e.self.name,
               class: "size-7 rounded-full object-cover"
-            }, null, 8, Nr)) : E("", !0)
+            }, null, 8, Gr)) : E("", !0)
           ])) : E("", !0),
-          l("div", Gr, [
+          l("div", Or, [
             l("div", {
               class: z(["rounded-2xl px-3.5 py-1.5 backdrop-blur-sm", m.sender === "user" ? "bg-primary-500/80 text-white" : "bg-white/15 text-white/95"])
             }, [
-              l("p", Or, U(m.text), 1)
+              l("p", Ur, U(m.text), 1)
             ], 2)
           ])
         ], 2))), 128)),
-        e.selfController?.textState.value.isThinking ? (d(), b("div", Ur, [
+        e.selfController?.textState.value.isThinking ? (u(), b("div", Wr, [
           l("div", Hr, [
             l("img", {
               src: n.value,
@@ -4372,48 +4372,48 @@ const Z = /* @__PURE__ */ s((e) => {
               class: "size-8 rounded-full object-cover"
             }, null, 8, qr)
           ]),
-          c[1] || (c[1] = l("div", { class: "rounded-2xl px-4 py-2.5 bg-white/15 backdrop-blur-sm flex items-center" }, [
+          d[1] || (d[1] = l("div", { class: "rounded-2xl px-4 py-2.5 bg-white/15 backdrop-blur-sm flex items-center" }, [
             l("i", { class: "i-svg-spinners-3-dots-fade size-6 text-white/70" })
           ], -1))
         ])) : E("", !0)
       ], 512),
-      l("div", Wr, [
+      l("div", Kr, [
         Pt(l("textarea", {
           ref_key: "textarea",
           ref: t,
-          "onUpdate:modelValue": c[0] || (c[0] = (m) => r.value = m),
+          "onUpdate:modelValue": d[0] || (d[0] = (m) => r.value = m),
           rows: "1",
           placeholder: e.selfController?.textState.value.isConnected ? "Message" : "Connecting...",
           disabled: !e.selfController?.textState.value.isConnected,
           style: { "font-size": "16px", resize: "none" },
           class: "w-full bg-white/10 backdrop-blur-sm border border-white/20 rounded-3xl px-5 py-3 text-white placeholder-white/50 focus:outline-none focus:border-white/40 disabled:opacity-50 overflow-y-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
-          onKeydown: h
-        }, null, 40, Kr), [
-          [Ft, r.value]
+          onKeydown: c
+        }, null, 40, Zr), [
+          [Bt, r.value]
         ]),
-        c[2] || (c[2] = l("div", { class: "text-[10px] text-white/40 text-center mt-2" }, " Press Enter to send, Shift+Enter for new line ", -1))
+        d[2] || (d[2] = l("div", { class: "text-[10px] text-white/40 text-center mt-2" }, " Press Enter to send, Shift+Enter for new line ", -1))
       ])
     ]));
   }
-}), Yr = { class: "flex flex-col items-center text-center gap-4" }, Jr = { class: "relative flex-shrink-0" }, Qr = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, Xr = ["src", "alt"], _r = { class: "min-w-0" }, es = { class: "text-3xl font-light text-white mb-2 truncate" }, ts = { class: "text-base font-light text-white/60 line-clamp-1" }, os = /* @__PURE__ */ j({
+}), Jr = { class: "flex flex-col items-center text-center gap-4" }, Qr = { class: "relative flex-shrink-0" }, Xr = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, _r = ["src", "alt"], es = { class: "min-w-0" }, ts = { class: "text-3xl font-light text-white mb-2 truncate" }, os = { class: "text-base font-light text-white/60 line-clamp-1" }, rs = /* @__PURE__ */ j({
   __name: "ElSelfHeader",
   props: {
     self: {}
   },
   setup(e) {
     function r() {
-      return e.self.avatar?.src ? e.self.avatar.src : qe();
+      return e.self.avatar?.src ? e.self.avatar.src : He();
     }
-    return s(r, "getAvatarSrc"), (o, t) => (d(), b("div", Yr, [
-      l("div", Jr, [
-        l("div", Qr, [
+    return s(r, "getAvatarSrc"), (o, t) => (u(), b("div", Jr, [
+      l("div", Qr, [
+        l("div", Xr, [
           l("img", {
             src: r(),
             alt: e.self.name,
             class: "w-full h-full object-cover",
             onError: t[0] || (t[0] = //@ts-ignore
             (...n) => Y(ot) && Y(ot)(...n))
-          }, null, 40, Xr)
+          }, null, 40, _r)
         ]),
         t[1] || (t[1] = l("div", { class: "absolute top-1.5 right-1.5" }, [
           l("div", {
@@ -4423,13 +4423,13 @@ const Z = /* @__PURE__ */ s((e) => {
           l("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" })
         ], -1))
       ]),
-      l("div", _r, [
-        l("h1", es, U(e.self.name), 1),
-        l("p", ts, U(e.self.title), 1)
+      l("div", es, [
+        l("h1", ts, U(e.self.name), 1),
+        l("p", os, U(e.self.title), 1)
       ])
     ]));
   }
-}), rs = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Kt = /* @__PURE__ */ j({
+}), ss = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Kt = /* @__PURE__ */ j({
   name: "FClose",
   __name: "FClose",
   emits: ["click"],
@@ -4439,12 +4439,12 @@ const Z = /* @__PURE__ */ s((e) => {
       setTimeout(() => {
         r.value = !0;
       }, 100);
-    }), (o, t) => (d(), b("a", {
+    }), (o, t) => (u(), b("a", {
       class: "close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90",
       onClick: t[0] || (t[0] = (n) => o.$emit("click", n))
     }, [
       t[1] || (t[1] = l("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)),
-      l("span", rs, [
+      l("span", ss, [
         l("span", {
           class: z(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", r.value ? "translate-y-0 translate-x-0 rotate-45" : "translate-y-[30px] -translate-x-[30px] rotate-0"]),
           style: { "background-color": "currentColor", "transition-delay": "0.15s" }
@@ -4456,16 +4456,16 @@ const Z = /* @__PURE__ */ s((e) => {
       ])
     ]));
   }
-}), ss = {
+}), ns = {
   key: 0,
   class: "px-9 pt-12 pb-4"
-}, ns = { class: "text-base font-medium text-theme-400" }, as = {
+}, as = { class: "text-base font-medium text-theme-400" }, is = {
   key: 1,
   class: "px-4 pb-8 border-b border-white/10"
-}, is = ["disabled", "onClick"], ls = { class: "flex items-center gap-3" }, cs = { class: "flex-1" }, ds = {
+}, ls = ["disabled", "onClick"], cs = { class: "flex items-center gap-3" }, ds = { class: "flex-1" }, us = {
   key: 0,
   class: "text-xs text-white/50 mt-0.5"
-}, us = { class: "p-6" }, Zt = /* @__PURE__ */ j({
+}, hs = { class: "p-6" }, Zt = /* @__PURE__ */ j({
   name: "ElSidebar",
   __name: "ElSidebar",
   props: {
@@ -4477,15 +4477,15 @@ const Z = /* @__PURE__ */ s((e) => {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
-    const o = e, t = r, n = o.position || "left", a = o.widthClasses || "w-[80%] max-w-[300px]", i = F({
+    const o = e, t = r, n = o.position || "left", a = o.widthClasses || "w-[80%] max-w-[300px]", i = B({
       get: /* @__PURE__ */ s(() => o.modelValue, "get"),
-      set: /* @__PURE__ */ s((u) => t("update:modelValue", u), "set")
-    }), h = F(() => o.items.filter((u) => !u.isHidden));
-    function f(u) {
-      u.isDisabled || (u.onClick ? u.onClick({ item: u, event: new MouseEvent("click") }) : u.href && (u.href.includes("http") ? window.open(u.href, u.target || "_self")?.focus() : window.location.href = u.href), i.value = !1);
+      set: /* @__PURE__ */ s((h) => t("update:modelValue", h), "set")
+    }), c = B(() => o.items.filter((h) => !h.isHidden));
+    function f(h) {
+      h.isDisabled || (h.onClick ? h.onClick({ item: h, event: new MouseEvent("click") }) : h.href && (h.href.includes("http") ? window.open(h.href, h.target || "_self")?.focus() : window.location.href = h.href), i.value = !1);
     }
     s(f, "handleItemClick");
-    const C = F(() => n === "left" ? {
+    const C = B(() => n === "left" ? {
       enter: "-translate-x-full",
       leave: "-translate-x-full",
       position: "justify-start",
@@ -4496,8 +4496,8 @@ const Z = /* @__PURE__ */ s((e) => {
       position: "justify-end",
       closeButton: "-left-16"
     });
-    return (u, c) => (d(), b(Ae, null, [
-      D(_e, {
+    return (h, d) => (u(), b(Ae, null, [
+      V(_e, {
         "enter-active-class": "transition-opacity duration-300 ease-out",
         "leave-active-class": "transition-opacity duration-200 ease-in",
         "enter-from-class": "opacity-0",
@@ -4506,15 +4506,15 @@ const Z = /* @__PURE__ */ s((e) => {
         "leave-to-class": "opacity-0"
       }, {
         default: ee(() => [
-          i.value ? (d(), b("div", {
+          i.value ? (u(), b("div", {
             key: 0,
             class: "absolute inset-0 z-40 bg-black/50 backdrop-blur-sm",
-            onClick: c[0] || (c[0] = (m) => i.value = !1)
+            onClick: d[0] || (d[0] = (m) => i.value = !1)
           })) : E("", !0)
         ]),
         _: 1
       }),
-      D(_e, {
+      V(_e, {
         "enter-active-class": "transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)]",
         "leave-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
         "enter-from-class": C.value.enter,
@@ -4523,30 +4523,30 @@ const Z = /* @__PURE__ */ s((e) => {
         "leave-to-class": C.value.leave
       }, {
         default: ee(() => [
-          i.value ? (d(), b("div", {
+          i.value ? (u(), b("div", {
             key: 0,
             class: z(["absolute inset-0 z-50 flex", C.value.position]),
-            onClick: c[3] || (c[3] = (m) => i.value = !1)
+            onClick: d[3] || (d[3] = (m) => i.value = !1)
           }, [
             l("div", {
               class: z(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", Y(a)]),
-              onClick: c[2] || (c[2] = et(() => {
+              onClick: d[2] || (d[2] = et(() => {
               }, ["stop"]))
             }, [
-              D(Kt, {
+              V(Kt, {
                 class: z(["absolute top-4 z-10 text-white", C.value.closeButton]),
-                onClick: c[1] || (c[1] = (m) => i.value = !1)
+                onClick: d[1] || (d[1] = (m) => i.value = !1)
               }, null, 8, ["class"]),
-              e.title ? (d(), b("div", ss, [
-                l("h3", ns, U(e.title), 1)
+              e.title ? (u(), b("div", ns, [
+                l("h3", as, U(e.title), 1)
               ])) : E("", !0),
-              u.$slots.header ? (d(), b("div", as, [
-                Ce(u.$slots, "header")
+              h.$slots.header ? (u(), b("div", is, [
+                Ce(h.$slots, "header")
               ])) : E("", !0),
               l("div", {
-                class: z(["flex-1 p-6 space-y-2 overflow-y-auto", { "pt-6": !e.title && !u.$slots.header, "pt-4": e.title || u.$slots.header }])
+                class: z(["flex-1 p-6 space-y-2 overflow-y-auto", { "pt-6": !e.title && !h.$slots.header, "pt-4": e.title || h.$slots.header }])
               }, [
-                D(Tt, {
+                V(Tt, {
                   "enter-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
                   "leave-active-class": "transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)]",
                   "enter-from-class": Y(n) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0",
@@ -4555,7 +4555,7 @@ const Z = /* @__PURE__ */ s((e) => {
                   "leave-to-class": Y(n) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
                 }, {
                   default: ee(() => [
-                    (d(!0), b(Ae, null, rt(h.value, (m, p) => (d(), b("button", {
+                    (u(!0), b(Ae, null, rt(c.value, (m, p) => (u(), b("button", {
                       key: m.key || m.label || p,
                       style: st({ transitionDelay: `${p * 40}ms` }),
                       class: z(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [
@@ -4565,31 +4565,31 @@ const Z = /* @__PURE__ */ s((e) => {
                       disabled: m.isDisabled,
                       onClick: /* @__PURE__ */ s((g) => f(m), "onClick")
                     }, [
-                      l("div", ls, [
-                        m.icon?.src ? (d(), b("i", {
+                      l("div", cs, [
+                        m.icon?.src ? (u(), b("i", {
                           key: 0,
                           class: z(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [
                             m.icon.src,
                             m.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"
                           ]])
                         }, null, 2)) : E("", !0),
-                        l("div", cs, [
+                        l("div", ds, [
                           l("div", {
                             class: z(["font-medium text-sm", m.isActive ? "text-primary-300" : "text-white"])
                           }, U(m.label), 3),
-                          m.subLabel ? (d(), b("div", ds, U(m.subLabel), 1)) : E("", !0)
+                          m.subLabel ? (u(), b("div", us, U(m.subLabel), 1)) : E("", !0)
                         ])
                       ])
-                    ], 14, is))), 128))
+                    ], 14, ls))), 128))
                   ]),
                   _: 1
                 }, 8, ["enter-from-class", "leave-to-class"])
               ], 2),
-              l("div", us, [
-                Ce(u.$slots, "footer", {}, () => [
-                  c[4] || (c[4] = l("div", { class: "text-center" }, [
+              l("div", hs, [
+                Ce(h.$slots, "footer", {}, () => [
+                  d[4] || (d[4] = l("div", { class: "text-center" }, [
                     l("p", { class: "text-[10px] text-white/40 font-sans" }, [
-                      He(" Digital Self by "),
+                      We(" Digital Self by "),
                       l("a", {
                         href: "https://www.fiction.com",
                         target: "_blank",
@@ -4606,7 +4606,7 @@ const Z = /* @__PURE__ */ s((e) => {
       }, 8, ["enter-from-class", "leave-to-class"])
     ], 64));
   }
-}), hs = /* @__PURE__ */ j({
+}), fs = /* @__PURE__ */ j({
   name: "SelfModeSidebar",
   __name: "ElSelfModeSidebar",
   props: {
@@ -4615,19 +4615,19 @@ const Z = /* @__PURE__ */ s((e) => {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
-    const o = e, t = r, n = F({
+    const o = e, t = r, n = B({
       get: /* @__PURE__ */ s(() => o.modelValue, "get"),
-      set: /* @__PURE__ */ s((h) => t("update:modelValue", h), "set")
-    }), a = F(() => o.selfController?.agentMode?.value ?? "self"), i = F(() => Bt.map((h) => ({
-      key: h.mode,
-      icon: { src: h.icon },
-      label: h.label,
-      isActive: a.value === h.mode,
+      set: /* @__PURE__ */ s((c) => t("update:modelValue", c), "set")
+    }), a = B(() => o.selfController?.agentMode?.value ?? "self"), i = B(() => Dt.map((c) => ({
+      key: c.mode,
+      icon: { src: c.icon },
+      label: c.label,
+      isActive: a.value === c.mode,
       onClick: /* @__PURE__ */ s(() => {
-        o.selfController?.setMode(h.mode);
+        o.selfController?.setMode(c.mode);
       }, "onClick")
     })));
-    return (h, f) => (d(), _(Zt, {
+    return (c, f) => (u(), _(Zt, {
       modelValue: n.value,
       "onUpdate:modelValue": f[0] || (f[0] = (C) => n.value = C),
       items: i.value,
@@ -4636,7 +4636,7 @@ const Z = /* @__PURE__ */ s((e) => {
       "width-classes": "w-[80%] max-w-[255px]"
     }, null, 8, ["modelValue", "items"]));
   }
-}), fs = /* @__PURE__ */ j({
+}), gs = /* @__PURE__ */ j({
   name: "SelfSidebar",
   __name: "ElSelfSidebar",
   props: {
@@ -4647,18 +4647,18 @@ const Z = /* @__PURE__ */ s((e) => {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
-    const o = e, t = r, n = F({
+    const o = e, t = r, n = B({
       get: /* @__PURE__ */ s(() => o.modelValue, "get"),
       set: /* @__PURE__ */ s((i) => t("update:modelValue", i), "set")
-    }), a = F(() => {
+    }), a = B(() => {
       const i = [
         {
           key: "share",
           icon: { src: "i-tabler-share" },
           label: "Share This Digital Self",
           onClick: /* @__PURE__ */ s(() => {
-            const h = `${window.location.origin}/@${o.self.handle || o.self.selfId}`;
-            navigator.clipboard.writeText(h);
+            const c = `${window.location.origin}/@${o.self.handle || o.self.selfId}`;
+            navigator.clipboard.writeText(c);
           }, "onClick")
         },
         {
@@ -4687,15 +4687,15 @@ const Z = /* @__PURE__ */ s((e) => {
         }, "onClick")
       }), i;
     });
-    return (i, h) => (d(), _(Zt, {
+    return (i, c) => (u(), _(Zt, {
       modelValue: n.value,
-      "onUpdate:modelValue": h[0] || (h[0] = (f) => n.value = f),
+      "onUpdate:modelValue": c[0] || (c[0] = (f) => n.value = f),
       items: a.value,
       position: "left",
       title: e.title || "Menu"
     }, null, 8, ["modelValue", "items", "title"]));
   }
-}), gs = { class: "w-full max-w-full flex items-center justify-center" }, ms = ["width", "height"], bs = /* @__PURE__ */ j({
+}), ms = { class: "w-full max-w-full flex items-center justify-center" }, bs = ["width", "height"], vs = /* @__PURE__ */ j({
   __name: "ElAudioVisualizer",
   props: {
     rms: {},
@@ -4713,13 +4713,13 @@ const Z = /* @__PURE__ */ s((e) => {
   setup(e) {
     const r = e, o = P();
     let t = null, n = null;
-    const a = P(!1), i = P(!0), h = /* @__PURE__ */ new Map();
-    let f = null, C = null, u = null;
-    const c = P(!1), m = P(null), { bars: p, barWidth: g, barSpacing: T, minHeight: H, maxHeight: Q, STIFFNESS: ze, DAMPING: Se, PEAK_HOLD_TIME: ue, PEAK_DECAY_STIFFNESS: pe, PEAK_DECAY_DAMPING: he } = yo, re = new Float32Array(p).fill(H), S = new Float32Array(p).fill(0), ne = new Float32Array(p).fill(H), ce = new Float32Array(p).fill(H), fe = new Float32Array(p).fill(0), ge = new Float32Array(p).fill(0);
-    function We(v) {
+    const a = P(!1), i = P(!0), c = /* @__PURE__ */ new Map();
+    let f = null, C = null, h = null;
+    const d = P(!1), m = P(null), { bars: p, barWidth: g, barSpacing: T, minHeight: W, maxHeight: Q, STIFFNESS: ze, DAMPING: Se, PEAK_HOLD_TIME: ue, PEAK_DECAY_STIFFNESS: pe, PEAK_DECAY_DAMPING: he } = So, re = new Float32Array(p).fill(W), S = new Float32Array(p).fill(0), ne = new Float32Array(p).fill(W), ce = new Float32Array(p).fill(W), fe = new Float32Array(p).fill(0), ge = new Float32Array(p).fill(0);
+    function qe(v) {
       return v < 200 ? { stiffnessMultiplier: 0.7, dampingMultiplier: 1.2 } : v < 1e3 ? { stiffnessMultiplier: 1, dampingMultiplier: 1 } : v < 4e3 ? { stiffnessMultiplier: 1.3, dampingMultiplier: 0.8 } : { stiffnessMultiplier: 1.5, dampingMultiplier: 0.6 };
     }
-    s(We, "getFrequencyPhysics");
+    s(qe, "getFrequencyPhysics");
     async function $e() {
       if (!(typeof window > "u" || !r.enableRealAudio || !r.selfController))
         try {
@@ -4729,31 +4729,31 @@ const Z = /* @__PURE__ */ s((e) => {
             if (M) {
               C = M;
               const A = new ArrayBuffer(M.frequencyBinCount);
-              u = new Uint8Array(A), c.value = !0, m.value = null, console.warn("AudioVisualizer: Using shared audio context from ClientAudio");
+              h = new Uint8Array(A), d.value = !0, m.value = null, console.warn("AudioVisualizer: Using shared audio context from ClientAudio");
               return;
             }
           }
-          console.warn("AudioVisualizer: Could not use shared context, creating independent audio analysis"), c.value = !1, m.value = "Shared audio context not available";
+          console.warn("AudioVisualizer: Could not use shared context, creating independent audio analysis"), d.value = !1, m.value = "Shared audio context not available";
         } catch (v) {
-          m.value = v instanceof Error ? v.message : "Failed to setup shared audio", c.value = !1, console.error("Shared audio setup failed:", v);
+          m.value = v instanceof Error ? v.message : "Failed to setup shared audio", d.value = !1, console.error("Shared audio setup failed:", v);
         }
     }
     s($e, "setupAudio");
     function me() {
-      C = null, u = null, c.value = !1, m.value = null;
+      C = null, h = null, d.value = !1, m.value = null;
     }
     s(me, "cleanupAudio");
-    let q = 1;
+    let H = 1;
     function ie() {
       if (!o.value)
         return;
-      typeof window < "u" && (q = Math.max(1, Math.min(2, window.devicePixelRatio || 1)));
+      typeof window < "u" && (H = Math.max(1, Math.min(2, window.devicePixelRatio || 1)));
       const v = (g + T) * p - T, M = Q;
-      o.value.width = Math.floor(v * q), o.value.height = Math.floor(M * q), o.value.style.width = `${v}px`, o.value.style.height = `${M}px`, t && t.setTransform(q, 0, 0, q, 0, 0), _t();
+      o.value.width = Math.floor(v * H), o.value.height = Math.floor(M * H), o.value.style.width = `${v}px`, o.value.style.height = `${M}px`, t && t.setTransform(H, 0, 0, H, 0, 0), _t();
     }
     s(ie, "resizeCanvas");
     function w() {
-      return !C || !u || !c.value ? Array.from({ length: X.length }, () => 0) : (C.getByteFrequencyData(u), je(u));
+      return !C || !h || !d.value ? Array.from({ length: X.length }, () => 0) : (C.getByteFrequencyData(h), je(h));
     }
     s(w, "generateRealInputFrequencyBands");
     function Ke() {
@@ -4776,15 +4776,15 @@ const Z = /* @__PURE__ */ s((e) => {
         for (let J = 0; J < be && O + J < v.length; J++)
           K += v[O + J];
         K = K / be / 255;
-        let V = 1;
-        $ < 150 ? V = 0.1 : $ < 200 ? V = 0.3 : $ >= 400 && $ <= 600 ? V = 1.4 : $ >= 1400 && $ <= 1600 ? V = 1.3 : $ >= 2400 && $ <= 2600 ? V = 1.2 : $ >= 200 && $ <= 2e3 ? V = 1.1 : $ >= 2e3 && $ <= 4e3 ? V = 0.9 : $ > 6e3 ? V = 0.4 : V = 0.7;
-        const te = K ** 0.5 * 0.6 * V;
+        let F = 1;
+        $ < 150 ? F = 0.1 : $ < 200 ? F = 0.3 : $ >= 400 && $ <= 600 ? F = 1.4 : $ >= 1400 && $ <= 1600 ? F = 1.3 : $ >= 2400 && $ <= 2600 ? F = 1.2 : $ >= 200 && $ <= 2e3 ? F = 1.1 : $ >= 2e3 && $ <= 4e3 ? F = 0.9 : $ > 6e3 ? F = 0.4 : F = 0.7;
+        const te = K ** 0.5 * 0.6 * F;
         return Math.min(0.85, te);
       });
     }
     s(je, "mapFrequencyDataToBands");
     let xe = 0, ye = 0, N = 0;
-    const W = [
+    const q = [
       { name: "a", f1: 730, f2: 1090, f3: 2440, duration: 120, energy: 0.9 },
       { name: "e", f1: 530, f2: 1840, f3: 2480, duration: 100, energy: 0.8 },
       { name: "i", f1: 270, f2: 2290, f3: 3010, duration: 110, energy: 0.85 },
@@ -4800,15 +4800,15 @@ const Z = /* @__PURE__ */ s((e) => {
       const M = Array.from({ length: X.length }, () => 0);
       if (v <= 0)
         return M;
-      ye += 16.67, N += 0.02, ye > W[xe].duration && (xe = (xe + 1) % W.length, ye = 0);
-      const A = W[xe], L = W[(xe + 1) % W.length], $ = ye / A.duration, G = 0.5 * (1 + Math.cos(Math.PI + $ * Math.PI)), O = 0.7 + 0.3 * Math.sin(N * 0.5), be = 0.9 + 0.1 * Math.sin(N * 8);
+      ye += 16.67, N += 0.02, ye > q[xe].duration && (xe = (xe + 1) % q.length, ye = 0);
+      const A = q[xe], L = q[(xe + 1) % q.length], $ = ye / A.duration, G = 0.5 * (1 + Math.cos(Math.PI + $ * Math.PI)), O = 0.7 + 0.3 * Math.sin(N * 0.5), be = 0.9 + 0.1 * Math.sin(N * 8);
       for (let K = 0; K < X.length; K++) {
-        const V = X[K];
+        const F = X[K];
         let k = 0;
-        const de = Le(V, A.f1, L.f1, G, 200), te = Le(V, A.f2, L.f2, G, 300), J = Le(V, A.f3, L.f3, G, 400);
+        const de = Le(F, A.f1, L.f1, G, 200), te = Le(F, A.f2, L.f2, G, 300), J = Le(F, A.f3, L.f3, G, 400);
         k = (de * 0.4 + te * 0.35 + J * 0.25) * (A.energy * (1 - G) + L.energy * G);
         const ae = 150 + 50 * Math.sin(N * 0.3);
-        (Math.abs(V - ae) < 20 || Math.abs(V - ae * 2) < 30 || Math.abs(V - ae * 3) < 40) && (k += 0.3 * A.energy), k *= v * O * be, k *= 0.85 + Math.random() * 0.3, M[K] = Math.max(0, Math.min(1, k));
+        (Math.abs(F - ae) < 20 || Math.abs(F - ae * 2) < 30 || Math.abs(F - ae * 3) < 40) && (k += 0.3 * A.energy), k *= v * O * be, k *= 0.85 + Math.random() * 0.3, M[K] = Math.max(0, Math.min(1, k));
       }
       return M;
     }
@@ -4831,7 +4831,7 @@ const Z = /* @__PURE__ */ s((e) => {
     s(Te, "getApiThrottleInterval");
     function Ne(v) {
       let M = [];
-      if (r.enableRealAudio && r.isListening && c.value && C && u) {
+      if (r.enableRealAudio && r.isListening && d.value && C && h) {
         const A = w();
         A.some(($) => $ > 0.05) && (M = A);
       }
@@ -4857,14 +4857,14 @@ const Z = /* @__PURE__ */ s((e) => {
         const G = $ * (2 * Math.PI) / v.length;
         let O = 0;
         if (r.isListening || r.isSpeaking) {
-          const K = Math.sin(A * 4.2 + G * 0.6 - (r.enableScrollingWave ? A * 2 : 0)) * 0.15, V = Math.sin(A * 6.8 + G * 1.2 - (r.enableScrollingWave ? A * 1.5 : 0)) * 0.08, k = Math.sin(A * 0.8) * 0.05;
-          O = K + V + k;
+          const K = Math.sin(A * 4.2 + G * 0.6 - (r.enableScrollingWave ? A * 2 : 0)) * 0.15, F = Math.sin(A * 6.8 + G * 1.2 - (r.enableScrollingWave ? A * 1.5 : 0)) * 0.08, k = Math.sin(A * 0.8) * 0.05;
+          O = K + F + k;
         } else if (r.isConnected) {
-          const K = Math.sin(A * 0.6) * 0.1, V = Math.sin(A * 2 + G * 0.3) * 0.05;
-          O = K + V;
+          const K = Math.sin(A * 0.6) * 0.1, F = Math.sin(A * 2 + G * 0.3) * 0.05;
+          O = K + F;
         } else {
-          const K = Math.sin(A * 1.5 + G) * 0.12, V = Math.sin(A * 0.4) * 0.05;
-          O = K + V;
+          const K = Math.sin(A * 1.5 + G) * 0.12, F = Math.sin(A * 0.4) * 0.05;
+          O = K + F;
         }
         const be = Math.max(0.3, M);
         L[$] = Math.max(0, Math.min(0.9, v[$] + O * be));
@@ -4892,18 +4892,18 @@ const Z = /* @__PURE__ */ s((e) => {
     }
     s(Qt, "detectMobile");
     function Xt(v, M) {
-      return h.has(v) || h.set(v, M()), h.get(v);
+      return c.has(v) || c.set(v, M()), c.get(v);
     }
     s(Xt, "getGradient");
     function _t() {
-      h.clear(), f = null;
+      c.clear(), f = null;
     }
     s(_t, "clearGradientCache");
     function nt() {
       if (typeof window > "u" || !t || !o.value)
         return;
       Qt();
-      const v = o.value, M = v.width / q, A = v.height / q;
+      const v = o.value, M = v.width / H, A = v.height / H;
       function L($) {
         if (!t)
           return;
@@ -4916,19 +4916,19 @@ const Z = /* @__PURE__ */ s((e) => {
         r.audioLevels ? r.isListening ? G = Math.min(r.audioLevels.inputLevel * 1.5, 1) : r.isSpeaking && (G = Math.min(r.audioLevels.outputLevel * 1.8, 1)) : r.rms !== void 0 && (G = Math.min(r.rms / 70, 1));
         const O = Ne(G);
         for (let k = 0; k < p; k++)
-          ne[k] = H + O[k] * (Q - H);
+          ne[k] = W + O[k] * (Q - W);
         const be = 16.67;
         for (let k = 0; k < p; k++) {
-          const de = X[k], te = We(de), J = ne[k] - re[k], ae = ze * te.stiffnessMultiplier, Fe = Se * te.dampingMultiplier, le = J * ae - S[k] * Fe;
+          const de = X[k], te = qe(de), J = ne[k] - re[k], ae = ze * te.stiffnessMultiplier, Be = Se * te.dampingMultiplier, le = J * ae - S[k] * Be;
           if (S[k] += le, re[k] += S[k], re[k] > ce[k])
             ce[k] = re[k], fe[k] = ue, ge[k] = 0;
           else if (fe[k] = Math.max(0, fe[k] - be), fe[k] <= 0) {
-            const Oe = (Math.max(H, re[k] * 1.1) - ce[k]) * pe - ge[k] * he;
-            ge[k] += Oe, ce[k] = Math.max(H, ce[k] + ge[k]);
+            const Oe = (Math.max(W, re[k] * 1.1) - ce[k]) * pe - ge[k] * he;
+            ge[k] += Oe, ce[k] = Math.max(W, ce[k] + ge[k]);
           }
         }
         const K = p * 0.15;
-        function V() {
+        function F() {
           t && (f || (f = t.createRadialGradient(
             M * 0.5,
             A * 0.6,
@@ -4938,19 +4938,19 @@ const Z = /* @__PURE__ */ s((e) => {
             A * 0.9
           ), f.addColorStop(0, "rgba(255,255,255,0.02)"), f.addColorStop(1, "rgba(0,0,0,0.08)")), t.fillStyle = f, t.fillRect(0, 0, M, A));
         }
-        if (s(V, "drawBackground"), V(), (r.isListening || r.isSpeaking) && !a.value) {
+        if (s(F, "drawBackground"), F(), (r.isListening || r.isSpeaking) && !a.value) {
           const k = performance.now() * 1e-3, de = 0.1 + Math.sin(k * 2) * 0.05;
           t.save(), t.globalCompositeOperation = "lighter", t.globalAlpha = de;
           const te = r.isSpeaking ? "rgba(34,197,94,0.4)" : "rgba(59,130,246,0.4)";
           t.fillStyle = te;
           for (let J = 0; J < p; J++) {
-            const ae = J * (g + T), Fe = re[J], le = A - Fe;
-            t.beginPath(), t.roundRect(ae - 1, le - 1, g + 2, Fe + 2, [2, 2, 0, 0]), t.fill();
+            const ae = J * (g + T), Be = re[J], le = A - Be;
+            t.beginPath(), t.roundRect(ae - 1, le - 1, g + 2, Be + 2, [2, 2, 0, 0]), t.fill();
           }
           t.restore();
         }
         for (let k = 0; k < p; k++) {
-          const de = k * (g + T), te = re[k], J = A - te, ae = X[k], Fe = Math.min(k, p - 1 - k), le = Math.min(1, Fe / K), Ge = Math.min(1, te / Q), Oe = (0.8 + Ge * 0.2) * le, kt = (0.6 + Ge * 0.2) * le, wt = (0.3 + Ge * 0.1) * le, eo = Math.round(Ge * 10) / 10, to = Math.round(le * 10) / 10, oo = `${r.isSpeaking ? "speaking" : r.isListening ? "listening" : "idle"}-${eo}-${to}-${te}`, ro = Xt(oo, () => {
+          const de = k * (g + T), te = re[k], J = A - te, ae = X[k], Be = Math.min(k, p - 1 - k), le = Math.min(1, Be / K), Ge = Math.min(1, te / Q), Oe = (0.8 + Ge * 0.2) * le, kt = (0.6 + Ge * 0.2) * le, wt = (0.3 + Ge * 0.1) * le, eo = Math.round(Ge * 10) / 10, to = Math.round(le * 10) / 10, oo = `${r.isSpeaking ? "speaking" : r.isListening ? "listening" : "idle"}-${eo}-${to}-${te}`, ro = Xt(oo, () => {
             const oe = t.createLinearGradient(0, J, 0, J + te);
             if (r.isSpeaking)
               oe.addColorStop(0, `rgba(34, 197, 94, ${Oe})`), oe.addColorStop(0.5, `rgba(34, 197, 94, ${kt})`), oe.addColorStop(1, `rgba(34, 197, 94, ${wt})`), (ae >= 400 && ae <= 600 || ae >= 1400 && ae <= 1600) && oe.addColorStop(0, `rgba(74, 222, 128, ${Math.min(1, Oe + 0.2)})`);
@@ -4962,7 +4962,7 @@ const Z = /* @__PURE__ */ s((e) => {
             }
             return oe;
           });
-          if (t.fillStyle = ro, t.beginPath(), t.roundRect(de, J, g, te, [1, 1, 0, 0]), t.fill(), ce[k] > H + 2) {
+          if (t.fillStyle = ro, t.beginPath(), t.roundRect(de, J, g, te, [1, 1, 0, 0]), t.fill(), ce[k] > W + 2) {
             const oe = A - ce[k], Ze = fe[k] > 0 ? 0.9 : Math.max(0.3, fe[k] / ue);
             t.fillStyle = `rgba(255, 255, 255, ${Ze})`, t.fillRect(de, oe - 1, g, 2), Ze > 0.5 && !a.value && (t.shadowColor = r.isSpeaking ? "rgba(34, 197, 94, 0.5)" : "rgba(59, 130, 246, 0.5)", t.shadowBlur = 3, t.fillRect(de, oe - 1, g, 2), t.shadowBlur = 0);
           }
@@ -4989,7 +4989,7 @@ const Z = /* @__PURE__ */ s((e) => {
     function yt() {
       if (typeof window < "u") {
         const v = Math.max(1, Math.min(2, window.devicePixelRatio || 1));
-        v !== q && (q = v);
+        v !== H && (H = v);
       }
       ie();
     }
@@ -5006,12 +5006,12 @@ const Z = /* @__PURE__ */ s((e) => {
     ), se(
       [() => r.enableRealAudio, () => r.isListening],
       async ([v, M], [A, L]) => {
-        v && M && (!A || !L) && (c.value || await $e().catch(console.error)), (!v || !M) && A && L && me();
+        v && M && (!A || !L) && (d.value || await $e().catch(console.error)), (!v || !M) && A && L && me();
       },
       { immediate: !1 }
     ), se(o, (v) => {
       v && !t && (t = v.getContext("2d"), ie(), nt());
-    }), (v, M) => (d(), b("div", gs, [
+    }), (v, M) => (u(), b("div", ms, [
       l("canvas", {
         ref_key: "canvasRef",
         ref: o,
@@ -5019,32 +5019,32 @@ const Z = /* @__PURE__ */ s((e) => {
         height: Y(Q),
         class: "w-full max-w-full [image-rendering:-webkit-optimize-contrast]",
         style: st({ height: `${Y(Q)}px` })
-      }, null, 12, ms)
+      }, null, 12, bs)
     ]));
   }
-}), vs = { class: "flex flex-col h-full items-center justify-center px-6 py-8" }, ps = { class: "flex-1 flex flex-col items-center justify-center space-y-8 py-4" }, xs = { class: "h-32 w-full max-w-md" }, ys = { class: "text-center flex gap-2 items-center text-xs" }, ks = { class: "flex items-center justify-center gap-2" }, ws = {
+}), ps = { class: "flex flex-col h-full items-center justify-center px-6 py-8" }, xs = { class: "flex-1 flex flex-col items-center justify-center space-y-8 py-4" }, ys = { class: "h-32 w-full max-w-md" }, ks = { class: "text-center flex gap-2 items-center text-xs" }, ws = { class: "flex items-center justify-center gap-2" }, Cs = {
   key: 0,
   class: "size-2 bg-blue-500 rounded-full animate-pulse"
-}, Cs = {
+}, Ss = {
   key: 1,
   class: "size-2 bg-green-500 rounded-full animate-pulse"
-}, Ss = {
+}, Ms = {
   key: 2,
   class: "size-2 bg-white/50 rounded-full"
-}, Ms = {
+}, As = {
   key: 3,
   class: "size-2 bg-red-500 rounded-full"
-}, As = { class: "text-white/70 text-sm max-w-xs leading-relaxed" }, Is = { class: "flex flex-col items-center space-y-6" }, zs = /* @__PURE__ */ j({
+}, Is = { class: "text-white/70 text-sm max-w-xs leading-relaxed" }, zs = { class: "flex flex-col items-center space-y-6" }, $s = /* @__PURE__ */ j({
   __name: "ElSelfVoice",
   props: {
     selfController: {}
   },
   setup(e) {
-    const r = F(() => e.selfController?.voiceState.value), o = F(() => r.value?.isConnected ? "red" : "green"), t = F(() => r.value?.isConnected ? "i-heroicons-phone-x-mark" : "i-heroicons-phone"), n = F(() => r.value?.isConnected ? "End Call" : "Start a Call"), a = F(() => {
+    const r = B(() => e.selfController?.voiceState.value), o = B(() => r.value?.isConnected ? "red" : "green"), t = B(() => r.value?.isConnected ? "i-heroicons-phone-x-mark" : "i-heroicons-phone"), n = B(() => r.value?.isConnected ? "End Call" : "Start a Call"), a = B(() => {
       const f = e.selfController?.voiceState.value;
       return !!f?.error || f?.connectionStatus === "connecting";
-    }), i = F(() => r.value?.connectionStatus === "connecting");
-    async function h() {
+    }), i = B(() => r.value?.connectionStatus === "connecting");
+    async function c() {
       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");
@@ -5052,10 +5052,10 @@ const Z = /* @__PURE__ */ s((e) => {
           console.error("Error toggling call:", f);
         }
     }
-    return s(h, "toggleCall"), (f, C) => (d(), b("div", vs, [
-      l("div", ps, [
-        l("div", xs, [
-          D(bs, {
+    return s(c, "toggleCall"), (f, C) => (u(), b("div", ps, [
+      l("div", xs, [
+        l("div", ys, [
+          V(vs, {
             "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,
@@ -5066,49 +5066,49 @@ const Z = /* @__PURE__ */ s((e) => {
             "self-controller": e.selfController
           }, null, 8, ["audio-levels", "is-listening", "is-speaking", "is-connected", "self-controller"])
         ]),
-        l("div", ys, [
-          l("div", ks, [
-            e.selfController?.voiceState.value.isListening ? (d(), b("div", ws)) : e.selfController?.voiceState.value.isSpeaking ? (d(), b("div", Cs)) : e.selfController?.voiceState.value.isConnected && !e.selfController?.voiceState.value.isListening && !e.selfController?.voiceState.value.isSpeaking ? (d(), b("div", Ss)) : e.selfController?.voiceState.value.error ? (d(), b("div", Ms)) : E("", !0)
+        l("div", ks, [
+          l("div", ws, [
+            e.selfController?.voiceState.value.isListening ? (u(), b("div", Cs)) : e.selfController?.voiceState.value.isSpeaking ? (u(), b("div", Ss)) : e.selfController?.voiceState.value.isConnected && !e.selfController?.voiceState.value.isListening && !e.selfController?.voiceState.value.isSpeaking ? (u(), b("div", Ms)) : e.selfController?.voiceState.value.error ? (u(), b("div", As)) : E("", !0)
           ]),
-          l("p", As, U(e.selfController?.voiceState.value.error ? `Error: ${e.selfController.voiceState.value.error}` : e.selfController?.voiceState.value.transcript || "Ready to start a call..."), 1)
+          l("p", Is, U(e.selfController?.voiceState.value.error ? `Error: ${e.selfController.voiceState.value.error}` : e.selfController?.voiceState.value.transcript || "Ready to start a call..."), 1)
         ])
       ]),
-      l("div", Is, [
-        D(mt, {
+      l("div", zs, [
+        V(mt, {
           theme: o.value,
           icon: t.value,
           size: "lg",
           loading: i.value,
           disabled: a.value,
-          onClick: h
+          onClick: c
         }, {
           default: ee(() => [
-            He(U(n.value), 1)
+            We(U(n.value), 1)
           ]),
           _: 1
         }, 8, ["theme", "icon", "loading", "disabled"])
       ])
     ]));
   }
-}), $s = {
+}), Es = {
   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"
-}, Es = { class: "text-sm" }, Ls = {
+}, Ls = { class: "text-sm" }, Ts = {
   key: 0,
   class: "flex-1 basis-0 flex justify-end"
-}, Ts = {
+}, Ps = {
   key: 0,
   class: "h-full pb-12 flex-1 flex flex-col relative z-20 min-h-0 px-4 @[480px]/agent:px-6 max-w-md mx-auto w-full"
-}, Ps = { class: "flex-1 basis-0 flex flex-col justify-start pt-6" }, Fs = {
+}, Bs = { class: "flex-1 basis-0 flex flex-col justify-start pt-6" }, Fs = {
   key: 1,
   class: "flex-1 flex flex-col relative z-20 min-h-0 w-full"
-}, Vs = { class: "px-4 pt-4 pb-4 max-w-md mx-auto" }, Bs = {
+}, Ds = { class: "px-4 pt-4 pb-4 max-w-md mx-auto" }, Vs = {
   key: 2,
   class: "flex-1 flex flex-col relative z-20 min-h-0 w-full px-4 @[480px]/agent:px-6"
-}, Ds = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, js = {
+}, js = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, Rs = {
   key: 2,
   class: "bg-gradient-to-br from-theme-800 to-theme-950 text-white flex items-center justify-center h-full p-8"
-}, Rs = { class: "text-center max-w-md space-y-4" }, Ns = { class: "text-sm text-white/70 leading-relaxed" }, Gs = {
+}, Ns = { class: "text-center max-w-md space-y-4" }, Gs = { class: "text-sm text-white/70 leading-relaxed" }, Os = {
   key: 3,
   class: "bg-white/10 backdrop-blur-sm text-white/70 flex items-center justify-center h-full"
 }, Yt = /* @__PURE__ */ j({
@@ -5125,8 +5125,8 @@ const Z = /* @__PURE__ */ s((e) => {
   },
   emits: ["close", "error"],
   setup(e, { emit: r }) {
-    const o = r, t = co(), n = P(!1), a = P(!1), i = P(), h = P(), f = F(() => t.value?.agentMode?.value ?? "self"), C = F(() => e.sdk.activeUser.value !== void 0), u = F(() => Bt.find((g) => g.mode === f.value));
-    function c() {
+    const o = r, t = co(), n = P(!1), a = P(!1), i = P(), c = P(), f = B(() => t.value?.agentMode?.value ?? "self"), C = B(() => e.sdk.activeUser.value !== void 0), h = B(() => Dt.find((g) => g.mode === f.value));
+    function d() {
       t.value && t.value.destroy();
       try {
         t.value = new ct({
@@ -5139,18 +5139,18 @@ const Z = /* @__PURE__ */ s((e) => {
         throw console.error("SelfController creation failed:", p), p;
       }
     }
-    s(c, "createSelfController");
+    s(d, "createSelfController");
     function m(p) {
-      if (!h.value)
+      if (!c.value)
         return;
-      const g = Co(p);
-      Object.entries(g).forEach(([T, H]) => {
-        h.value.style.setProperty(`--primary-${T}`, H);
+      const g = yo(p);
+      Object.entries(g).forEach(([T, W]) => {
+        c.value.style.setProperty(`--primary-${T}`, W);
       });
     }
     return s(m, "applyTheme"), Ie(() => {
       try {
-        c(), m(e.theme);
+        d(), m(e.theme);
       } catch (p) {
         const g = p instanceof Error ? p.message : "Failed to initialize digital self";
         i.value = g, o("error", g);
@@ -5161,19 +5161,19 @@ const Z = /* @__PURE__ */ s((e) => {
       m(p);
     }), se(() => e.sdk.activeUser.value, (p, g) => {
       g && !p && t.value && t.value.setMode("self");
-    }), (p, g) => (d(), b("div", {
+    }), (p, g) => (u(), b("div", {
       ref_key: "rootElement",
-      ref: h,
+      ref: c,
       key: Y(tt)(e.self),
-      class: "@container/agent self-agent w-full h-full overflow-hidden relative",
+      class: "fiction-sdk @container/agent self-agent w-full h-full overflow-hidden relative",
       "data-test": "self-agent"
     }, [
-      e.loading ? (d(), b("div", $s, [
-        D(gt, { class: "text-white size-8" })
-      ])) : e.self && !i.value ? (d(), b("div", {
+      e.loading ? (u(), b("div", Es, [
+        V(gt, { class: "text-white size-8" })
+      ])) : e.self && !i.value ? (u(), b("div", {
         key: 1,
         class: "absolute inset-0 bg-cover bg-center bg-no-repeat",
-        style: st({ backgroundImage: `url(${Y(tt)(e.self) || Y(qe)()})` })
+        style: st({ backgroundImage: `url(${Y(tt)(e.self) || Y(He)()})` })
       }, [
         l("div", {
           class: z(["absolute inset-0 bg-gradient-to-br z-0", f.value === "self" ? "from-black/70 via-black/50 to-black/80" : "from-black/90 via-black/90 to-black/100"])
@@ -5202,12 +5202,12 @@ const Z = /* @__PURE__ */ s((e) => {
                 onClick: g[1] || (g[1] = (T) => a.value = !0)
               }, [
                 l("i", {
-                  class: z([u.value?.icon, "size-4 opacity-60"])
+                  class: z([h.value?.icon, "size-4 opacity-60"])
                 }, null, 2),
-                l("span", Es, U(u.value?.label), 1),
+                l("span", Ls, U(h.value?.label), 1),
                 g[7] || (g[7] = l("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
               ], 2),
-              e.hasClose ? (d(), b("div", Ls, [
+              e.hasClose ? (u(), b("div", Ts, [
                 l("button", {
                   class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
                   onClick: g[2] || (g[2] = et((T) => o("close", "button"), ["stop"]))
@@ -5217,11 +5217,11 @@ const Z = /* @__PURE__ */ s((e) => {
               ])) : E("", !0)
             ], 2)
           ], 2),
-          f.value === "self" ? (d(), b("div", Ts, [
+          f.value === "self" ? (u(), b("div", Ps, [
             g[9] || (g[9] = l("div", { class: "flex-1 basis-0 mb-36" }, null, -1)),
-            D(os, { self: e.self }, null, 8, ["self"]),
-            l("div", Ps, [
-              D(mt, {
+            V(rs, { self: e.self }, null, 8, ["self"]),
+            l("div", Bs, [
+              V(mt, {
                 theme: "primary",
                 size: "lg",
                 class: "w-full",
@@ -5230,35 +5230,35 @@ const Z = /* @__PURE__ */ s((e) => {
                 onClick: g[3] || (g[3] = (T) => t.value?.setMode("talk"))
               }, {
                 default: ee(() => [
-                  He(" Talk to " + U(e.self.name), 1)
+                  We(" Talk to " + U(e.self.name), 1)
                 ]),
                 _: 1
               })
             ])
-          ])) : f.value === "talk" ? (d(), b("div", Fs, [
-            C.value ? (d(), b(Ae, { key: 1 }, [
+          ])) : f.value === "talk" ? (u(), b("div", Fs, [
+            C.value ? (u(), b(Ae, { key: 1 }, [
               l("div", null, [
-                l("div", Vs, [
-                  D(Uo, { self: e.self }, null, 8, ["self"])
+                l("div", Ds, [
+                  V(Wo, { self: e.self }, null, 8, ["self"])
                 ])
               ]),
-              D(zs, { "self-controller": t.value }, null, 8, ["self-controller"])
-            ], 64)) : (d(), _(It, {
+              V($s, { "self-controller": t.value }, null, 8, ["self-controller"])
+            ], 64)) : (u(), _(It, {
               key: 0,
               sdk: e.sdk
             }, null, 8, ["sdk"]))
-          ])) : (d(), b("div", Bs, [
-            l("div", Ds, [
-              f.value === "chat" ? (d(), b(Ae, { key: 0 }, [
-                C.value ? (d(), _(Zr, {
+          ])) : (u(), b("div", Vs, [
+            l("div", js, [
+              f.value === "chat" ? (u(), b(Ae, { key: 0 }, [
+                C.value ? (u(), _(Yr, {
                   key: 1,
                   "self-controller": t.value,
                   self: e.self
-                }, null, 8, ["self-controller", "self"])) : (d(), _(It, {
+                }, null, 8, ["self-controller", "self"])) : (u(), _(It, {
                   key: 0,
                   sdk: e.sdk
                 }, null, 8, ["sdk"]))
-              ], 64)) : f.value === "info" ? (d(), _(Br, {
+              ], 64)) : f.value === "info" ? (u(), _(Vr, {
                 key: 1,
                 self: e.self
               }, null, 8, ["self"])) : E("", !0)
@@ -5277,32 +5277,32 @@ const Z = /* @__PURE__ */ s((e) => {
             ], -1)
           ])], 2)
         ], 2)
-      ], 4)) : i.value ? (d(), b("div", js, [
-        l("div", Rs, [
+      ], 4)) : i.value ? (u(), b("div", Rs, [
+        l("div", Ns, [
           g[11] || (g[11] = l("div", { class: "flex justify-center" }, [
             l("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [
               l("i", { class: "i-tabler-alert-circle size-6 text-red-400" })
             ])
           ], -1)),
           g[12] || (g[12] = l("h3", { class: "text-lg font-medium" }, " Self Error ", -1)),
-          l("p", Ns, U(i.value), 1)
+          l("p", Gs, U(i.value), 1)
         ])
-      ])) : (d(), b("div", Gs, " There was an error loading the digital self. Please try again later. ")),
-      D(fs, {
+      ])) : (u(), b("div", Os, " There was an error loading the digital self. Please try again later. ")),
+      V(gs, {
         modelValue: n.value,
         "onUpdate:modelValue": g[4] || (g[4] = (T) => n.value = T),
         self: e.self,
         sdk: e.sdk,
         title: e.self.name
       }, null, 8, ["modelValue", "self", "sdk", "title"]),
-      D(hs, {
+      V(fs, {
         modelValue: a.value,
         "onUpdate:modelValue": g[5] || (g[5] = (T) => a.value = T),
         "self-controller": t.value
       }, null, 8, ["modelValue", "self-controller"])
     ]));
   }
-}), Os = { class: "flex min-h-full items-center justify-center text-center p-4 py-8" }, Us = {
+}), Us = { class: "flex min-h-full items-center justify-center text-center p-4 py-8" }, Ws = {
   key: 0,
   class: "text-base p-4 font-semibold"
 }, Hs = {
@@ -5310,7 +5310,7 @@ const Z = /* @__PURE__ */ s((e) => {
   class: "flex items-center gap-2 px-2"
 }, qs = {
   inheritAttrs: !1
-}, Ws = /* @__PURE__ */ j({
+}, Ks = /* @__PURE__ */ j({
   ...qs,
   name: "FModal",
   __name: "FModal",
@@ -5327,36 +5327,37 @@ const Z = /* @__PURE__ */ s((e) => {
   emits: ["update:vis", "close", "escape"],
   setup(e, { emit: r }) {
     const o = r, t = P(!1);
-    function n(c) {
-      const { reason: m } = c;
+    function n(d) {
+      const { reason: m } = d;
       o("update:vis", !1), o("close", !0), m === "escape" && o("escape", !0);
     }
     s(n, "close");
     const a = e.modalClass ? [e.modalClass] : ["max-w-screen-md p-24"], i = e.styleClass ? [e.styleClass] : ["bg-theme-0 text-theme-900", "shadow-xl"];
-    e.fullScreen ? a.push("fixed inset-0") : a.push("rounded-xl my-6 mx-3");
-    const h = [
+    e.fullScreen ? a.push("fixed inset-0") : a.push("rounded-2xl my-6 mx-3");
+    const c = [
       "relative",
       "text-left",
       "transform",
       "transition-all",
       "w-full",
+      "overflow-hidden",
       ...a,
       ...i
     ], f = P(!1), C = [];
     Ie(async () => {
       t.value = !0;
-      const c = se(
+      const d = se(
         () => e.vis,
         (m) => {
           m ? setTimeout(() => f.value = !0, 300) : f.value = !1;
         },
         { immediate: !0 }
       );
-      C.push(c);
+      C.push(d);
     }), ft(() => {
-      C.forEach((c) => c());
+      C.forEach((d) => d());
     });
-    const u = F(() => e.transitionMode === "slideUp" ? {
+    const h = B(() => e.transitionMode === "slideUp" ? {
       enterActiveClass: "ease-[cubic-bezier(0.25,1,0.33,1)] duration-500",
       enterFromClass: "opacity-0 translate-y-full scale-95",
       enterToClass: "opacity-100 translate-y-0 scale-100",
@@ -5371,7 +5372,7 @@ const Z = /* @__PURE__ */ s((e) => {
       leaveFromClass: "opacity-100 translate-y-0 scale-100",
       leaveToClass: "opacity-0 scale-75"
     });
-    return (c, m) => t.value ? (d(), _(uo, {
+    return (d, m) => t.value ? (u(), _(uo, {
       key: 0,
       to: e.teleportTo
     }, [
@@ -5381,7 +5382,7 @@ const Z = /* @__PURE__ */ s((e) => {
         role: "dialog",
         "aria-modal": "true"
       }, [
-        D(_e, {
+        V(_e, {
           "enter-active-class": "ease-out duration-300",
           "enter-from-class": "opacity-0",
           "enter-to-class": "opacity-100",
@@ -5390,7 +5391,7 @@ const Z = /* @__PURE__ */ s((e) => {
           "leave-to-class": "opacity-0"
         }, {
           default: ee(() => [
-            e.vis ? (d(), b("div", {
+            e.vis ? (u(), b("div", {
               key: 0,
               class: "fixed inset-0 bg-theme-800/60 active:bg-theme-800/80 cursor-pointer dark:bg-theme-600/90 backdrop-blur-sm transition-opacity",
               onClick: m[0] || (m[0] = (p) => n({ reason: "escape" }))
@@ -5402,23 +5403,23 @@ const Z = /* @__PURE__ */ s((e) => {
           class: "fixed inset-0 z-40 overflow-y-auto",
           onClick: m[3] || (m[3] = (p) => n({ reason: "escape" }))
         }, [
-          l("div", Os, [
-            D(_e, ho(fo(u.value)), {
+          l("div", Us, [
+            V(_e, ho(fo(h.value)), {
               default: ee(() => [
-                e.vis ? (d(), b("div", {
+                e.vis ? (u(), b("div", {
                   key: 0,
-                  class: z([h, "overflow-visible w-full"]),
+                  class: z([c, "w-full"]),
                   onClick: m[2] || (m[2] = et(() => {
                   }, ["stop"]))
                 }, [
-                  e.hasClose || e.title || c.$slots.actions ? (d(), b("div", {
+                  e.hasClose || e.title || d.$slots.actions ? (u(), b("div", {
                     key: 0,
-                    class: z(!e.title && (e.hasClose || c.$slots.actions) ? "absolute top-0 right-0 z-10" : "flex justify-between items-center")
+                    class: z(!e.title && (e.hasClose || d.$slots.actions) ? "absolute top-0 right-0 z-10" : "flex justify-between items-center")
                   }, [
-                    e.title ? (d(), b("h2", Us, U(e.title), 1)) : E("", !0),
-                    e.hasClose || c.$slots.actions ? (d(), b("div", Hs, [
-                      Ce(c.$slots, "actions"),
-                      e.hasClose ? (d(), _(Kt, {
+                    e.title ? (u(), b("h2", Ws, U(e.title), 1)) : E("", !0),
+                    e.hasClose || d.$slots.actions ? (u(), b("div", Hs, [
+                      Ce(d.$slots, "actions"),
+                      e.hasClose ? (u(), _(Kt, {
                         key: 0,
                         class: "relative",
                         "data-test-id": "close-modal",
@@ -5426,7 +5427,7 @@ const Z = /* @__PURE__ */ s((e) => {
                       })) : E("", !0)
                     ])) : E("", !0)
                   ], 2)) : E("", !0),
-                  Ce(c.$slots, "default")
+                  Ce(d.$slots, "default")
                 ])) : E("", !0)
               ]),
               _: 3
@@ -5436,7 +5437,7 @@ const Z = /* @__PURE__ */ s((e) => {
       ], 2)
     ], 8, ["to"])) : E("", !0);
   }
-}), Ks = { class: "self-wrap" }, Zs = {
+}), Zs = { class: "self-wrap" }, Ys = {
   key: 0,
   class: "flex items-center justify-center h-full"
 }, Jt = /* @__PURE__ */ j({
@@ -5451,42 +5452,94 @@ const Z = /* @__PURE__ */ s((e) => {
     apiBase: {}
   },
   setup(e) {
-    const r = e, o = r.sdk || new mo({
+    const r = bo("SelfWrap"), o = e, t = o.sdk || new vo({
       isDev: typeof window < "u" ? window.location.hostname === "localhost" || window.location.hostname.includes("127.0.0.1") : !1,
-      apiBase: r.apiBase
-    }), t = P(!r.self), n = P(r.self), a = P();
+      apiBase: o.apiBase
+    }), n = P(!o.self), a = P(o.self), i = P();
     return Ie(async () => {
-      if (r.self) {
-        t.value = !1;
+      if (o.self) {
+        r.debug("Self provided via props, skipping fetch", {
+          selfId: o.self.selfId,
+          handle: o.self.handle
+        }), n.value = !1;
         return;
       }
-      if (!r.handle) {
-        a.value = "No handle or self provided", t.value = !1;
+      if (!o.handle) {
+        i.value = "No handle or self provided", r.warn("SelfWrap mounted without handle or self", {
+          propsReceived: {
+            handle: o.handle,
+            self: o.self,
+            context: o.context,
+            apiBase: o.apiBase
+          },
+          sdkState: {
+            isDev: t.isDev,
+            apiBase: t.apiBase
+          }
+        }), n.value = !1;
         return;
       }
       try {
-        t.value = !0;
-        const i = await o.getPublicSelf({ handle: r.handle });
-        i ? n.value = i : (a.value = o.error.value || "Self not found", console.error("Failed to fetch digital self:", o.error.value));
-      } catch (i) {
-        a.value = i instanceof Error ? i.message : "Failed to fetch self", console.error("Error fetching digital self:", i);
+        n.value = !0, r.debug("Fetching public self", { handle: o.handle });
+        const c = await t.getPublicSelf({ handle: o.handle });
+        c ? (a.value = c, r.debug("Successfully fetched public self", {
+          selfId: c.selfId,
+          handle: c.handle
+        })) : (i.value = t.error.value || "Self not found", r.error("Failed to fetch public self - no data returned", {
+          handle: o.handle,
+          sdkError: t.error.value,
+          sdkState: {
+            isDev: t.isDev,
+            apiBase: t.apiBase,
+            loading: t.loading.value
+          }
+        }));
+      } catch (c) {
+        i.value = c instanceof Error ? c.message : "Failed to fetch self", r.error("Exception while fetching public self", {
+          handle: o.handle,
+          error: c instanceof Error ? {
+            message: c.message,
+            stack: c.stack
+          } : c,
+          sdkState: {
+            isDev: t.isDev,
+            apiBase: t.apiBase,
+            error: t.error.value
+          }
+        });
       } finally {
-        t.value = !1;
+        n.value = !1, a.value || r.debug("SelfWrap component will render empty (silent failure)", {
+          state: {
+            loading: n.value,
+            hasSelf: !!a.value,
+            error: i.value
+          },
+          props: {
+            handle: o.handle,
+            context: o.context,
+            apiBase: o.apiBase
+          },
+          sdkState: {
+            isDev: t.isDev,
+            apiBase: t.apiBase,
+            error: t.error.value
+          }
+        });
       }
-    }), (i, h) => (d(), b("div", Ks, [
-      t.value ? (d(), b("div", Zs, [...h[0] || (h[0] = [
+    }), (c, f) => (u(), b("div", Zs, [
+      n.value ? (u(), b("div", Ys, [...f[0] || (f[0] = [
         l("div", { class: "animate-spin rounded-full size-6 border-b-2 border-white" }, null, -1)
-      ])])) : n.value ? Ce(i.$slots, "default", {
+      ])])) : a.value ? Ce(c.$slots, "default", {
         key: 1,
-        sdk: Y(o),
-        self: n.value,
+        sdk: Y(t),
+        self: a.value,
         context: e.context,
         firstMessage: e.firstMessage,
-        loading: t.value
+        loading: n.value
       }) : E("", !0)
     ]));
   }
-}), Ys = /* @__PURE__ */ j({
+}), Js = /* @__PURE__ */ j({
   __name: "SelfProvider",
   props: {
     sdk: {},
@@ -5497,24 +5550,27 @@ const Z = /* @__PURE__ */ s((e) => {
     hasClose: { type: Boolean },
     apiBase: {}
   },
-  setup(e) {
-    const r = e;
-    return (o, t) => (d(), _(Jt, go(r, { class: "self-provider size-full relative" }), {
-      default: ee((n) => [
-        D(Yt, {
-          sdk: n.sdk,
-          self: n.self,
-          context: n.context,
-          "first-message": n.firstMessage,
-          "has-close": r.hasClose,
+  emits: ["close", "error"],
+  setup(e, { emit: r }) {
+    const o = e, t = r;
+    return (n, a) => (u(), _(Jt, go(o, { class: "self-provider size-full relative" }), {
+      default: ee((i) => [
+        V(Yt, {
+          sdk: i.sdk,
+          self: i.self,
+          context: i.context,
+          "first-message": i.firstMessage,
+          "has-close": o.hasClose,
           "is-active": !0,
-          class: "size-full"
+          class: "size-full",
+          onClose: a[0] || (a[0] = (c) => t("close", c)),
+          onError: a[1] || (a[1] = (c) => t("error", c))
         }, null, 8, ["sdk", "self", "context", "first-message", "has-close"])
       ]),
       _: 1
     }, 16));
   }
-}), Js = { class: "relative w-full h-[80vh] md:h-[600px]" }, an = /* @__PURE__ */ j({
+}), Qs = { class: "relative w-full h-[80vh] md:h-[600px]" }, ln = /* @__PURE__ */ j({
   name: "SelfModal",
   __name: "SelfModal",
   props: {
@@ -5528,16 +5584,16 @@ const Z = /* @__PURE__ */ s((e) => {
   emits: ["update:vis"],
   setup(e, { emit: r }) {
     const o = r;
-    return (t, n) => (d(), _(Ws, {
+    return (t, n) => (u(), _(Ks, {
       vis: e.vis,
       "modal-class": "max-w-4xl p-0",
-      "style-class": "bg-transparent shadow-2xl",
+      "style-class": "bg-transparent shadow-2xl rounded-2xl",
       "has-close": !1,
       "onUpdate:vis": n[1] || (n[1] = (a) => o("update:vis", a))
     }, {
       default: ee(() => [
-        l("div", Js, [
-          D(Ys, {
+        l("div", Qs, [
+          V(Js, {
             sdk: e.sdk,
             self: e.self,
             handle: e.handle,
@@ -5551,10 +5607,10 @@ const Z = /* @__PURE__ */ s((e) => {
       _: 1
     }, 8, ["vis"]));
   }
-}), Qs = {
+}), Xs = {
   key: 0,
   class: "relative h-full w-full"
-}, Xs = { class: "group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100" }, _s = ["src", "alt"], ln = /* @__PURE__ */ j({
+}, _s = { class: "group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100" }, en = ["src", "alt"], cn = /* @__PURE__ */ j({
   __name: "SelfWidget",
   props: {
     sdk: {},
@@ -5577,25 +5633,25 @@ const Z = /* @__PURE__ */ s((e) => {
       t.value = !0;
     }
     s(i, "open");
-    function h() {
+    function c() {
       t.value = !1;
     }
-    s(h, "close");
+    s(c, "close");
     function f() {
-      h();
+      c();
     }
     return s(f, "handleClose"), r({
       toggle: a,
       open: i,
-      close: h
-    }), (C, u) => (d(), _(Jt, {
+      close: c
+    }), (C, h) => (u(), _(Jt, {
       sdk: e.sdk,
       handle: e.handle,
       context: e.context,
       "first-message": e.firstMessage
     }, {
-      default: ee(({ self: c, sdk: m }) => [
-        c ? (d(), b("div", {
+      default: ee(({ self: d, sdk: m }) => [
+        d ? (u(), b("div", {
           key: 0,
           class: z(["fixed z-[999999] pointer-events-auto", [
             o.position === "bottom-left" ? "bottom-6 left-6" : o.position === "top-right" ? "top-6 right-6" : o.position === "top-left" ? "top-6 left-6" : "bottom-6 right-6"
@@ -5608,18 +5664,18 @@ const Z = /* @__PURE__ */ s((e) => {
             style: st({
               "transform-origin": o.position === "bottom-left" ? "bottom left" : o.position === "top-right" ? "top right" : o.position === "top-left" ? "top left" : "bottom right"
             }),
-            onClick: u[0] || (u[0] = (p) => t.value ? void 0 : a())
+            onClick: h[0] || (h[0] = (p) => t.value ? void 0 : a())
           }, [
-            t.value ? E("", !0) : (d(), b("div", Qs, [
-              l("div", Xs, [
+            t.value ? E("", !0) : (u(), b("div", Xs, [
+              l("div", _s, [
                 l("img", {
-                  src: Y(tt)(c) || Y(qe)(),
-                  alt: `${c.name} avatar`,
+                  src: Y(tt)(d) || Y(He)(),
+                  alt: `${d.name} avatar`,
                   class: "h-full w-full object-cover pointer-events-none"
-                }, null, 8, _s),
-                u[1] || (u[1] = l("div", { class: "absolute inset-0 pointer-events-none bg-gradient-to-br from-transparent via-black/10 to-black/40 opacity-60 transition-opacity duration-300 group-hover:opacity-40" }, null, -1))
+                }, null, 8, en),
+                h[1] || (h[1] = l("div", { class: "absolute inset-0 pointer-events-none bg-gradient-to-br from-transparent via-black/10 to-black/40 opacity-60 transition-opacity duration-300 group-hover:opacity-40" }, null, -1))
               ]),
-              u[2] || (u[2] = l("div", { class: "absolute top-0.5 right-0.5" }, [
+              h[2] || (h[2] = l("div", { class: "absolute top-0.5 right-0.5" }, [
                 l("div", {
                   class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
                   style: { "animation-duration": "3s" }
@@ -5627,11 +5683,11 @@ const Z = /* @__PURE__ */ s((e) => {
                 l("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" })
               ], -1))
             ])),
-            t.value && c ? (d(), _(Yt, {
+            t.value && d ? (u(), _(Yt, {
               key: 1,
               class: "rounded-3xl shadow-2xl border border-white/10",
               sdk: m,
-              self: c,
+              self: d,
               context: e.context,
               "first-message": e.firstMessage,
               "has-close": !0,
@@ -5646,23 +5702,23 @@ const Z = /* @__PURE__ */ s((e) => {
   }
 });
 export {
-  Bt as AGENT_MODES,
-  vo as AUDIO_FFT_SIZE,
-  xo as AUDIO_LEVEL_UPDATE_INTERVAL,
-  po as AUDIO_SMOOTHING,
+  Dt as AGENT_MODES,
+  ko as AUDIO_FFT_SIZE,
+  Co as AUDIO_LEVEL_UPDATE_INTERVAL,
+  wo as AUDIO_SMOOTHING,
   lt as ClientAudio,
   Yt as SelfAgent,
-  an as SelfModal,
-  Ys as SelfProvider,
-  ln as SelfWidget,
+  ln as SelfModal,
+  Js as SelfProvider,
+  cn as SelfWidget,
   Jt as SelfWrap,
-  yo as VISUALIZER_CONFIG,
+  So as VISUALIZER_CONFIG,
   X as VOICE_FREQUENCIES,
-  nn as generateFirstMessage,
-  qe as getFallbackAvatarDataUrl,
+  an as generateFirstMessage,
+  He as getFallbackAvatarDataUrl,
   At as getImageSrc,
   tt as getSelfAvatarUrl,
   ot as handleImageError,
-  So as parseVoiceMessage
+  Mo as parseVoiceMessage
 };
 //# sourceMappingURL=self.js.map