@fiction/sdk 1.0.62 → 1.0.64

package/dist/{SelfWrap.vue_vue_type_script_setup_true_lang-Y1yR8Chp.js → SelfWrap.vue_vue_type_script_setup_true_lang-CIyP7f4f.js}

@@ -1,8 +1,8 @@
 var nr = Object.defineProperty;
 var So = (e, t, r) => t in e ? nr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var s = (e, t) => nr(e, "name", { value: t, configurable: !0 });
-var j = (e, t, r) => So(e, typeof t != "symbol" ? t + "" : t, r);
-import { defineComponent as q, createElementBlock as k, openBlock as v, createElementVNode as f, normalizeClass as T, ref as V, watch as be, createBlock as ve, TransitionGroup as Tr, withCtx as he, renderSlot as Be, computed as P, createCommentVNode as L, onMounted as We, Fragment as Ee, renderList as tt, withDirectives as Pr, vModelText as Dr, toDisplayString as Y, createVNode as W, withKeys as $o, createTextVNode as Ge, unref as re, resolveDynamicComponent as Co, nextTick as zt, Transition as sr, withModifiers as jr, normalizeStyle as Ot, onUnmounted as Lr, createPropsRestProxy as Ao, mergeProps as Io, shallowRef as Eo } from "vue";
+var F = (e, t, r) => So(e, typeof t != "symbol" ? t + "" : t, r);
+import { defineComponent as q, createElementBlock as k, openBlock as v, createElementVNode as f, normalizeClass as T, ref as V, watch as be, createBlock as ve, TransitionGroup as Tr, withCtx as he, renderSlot as Be, computed as P, createCommentVNode as j, onMounted as We, Fragment as Ee, renderList as tt, withDirectives as Pr, vModelText as Dr, toDisplayString as Y, createVNode as W, withKeys as $o, createTextVNode as Ge, unref as re, resolveDynamicComponent as Co, nextTick as zt, Transition as sr, withModifiers as jr, normalizeStyle as Ot, onUnmounted as Lr, createPropsRestProxy as Ao, mergeProps as Io, shallowRef as Eo } from "vue";
 import { Conversation as ir } from "@elevenlabs/client";
 import { objectId as Mo } from "@fiction/utils";
 import { S as Or, c as Zo, F as To } from "./sdkClient-C4JqZ1Sg.js";
@@ -2517,21 +2517,21 @@ const io = [
 ], er = class er extends Or {
   constructor(r) {
     super("ClientAudio", r);
-    j(this, "audioContext");
-    j(this, "analyser");
-    j(this, "microphone");
-    j(this, "audioLevelInterval");
-    j(this, "stream");
-    j(this, "visibilityChangeHandler");
-    j(this, "vadTimeout");
-    j(this, "lastSpeechTime", 0);
+    F(this, "audioContext");
+    F(this, "analyser");
+    F(this, "microphone");
+    F(this, "audioLevelInterval");
+    F(this, "stream");
+    F(this, "visibilityChangeHandler");
+    F(this, "vadTimeout");
+    F(this, "lastSpeechTime", 0);
     // VAD configuration - tuned for voice isolation (ignores background music)
-    j(this, "VAD_SILENCE_THRESHOLD", 0.03);
+    F(this, "VAD_SILENCE_THRESHOLD", 0.03);
     // 3% audio level = silence (filters out quiet background noise)
-    j(this, "VAD_SILENCE_DURATION", 1200);
+    F(this, "VAD_SILENCE_DURATION", 1200);
     // 1.2 seconds of silence before considering "stopped speaking"
     // Public reactive state
-    j(this, "audioLevels", V({ inputLevel: 0, outputLevel: 0 }));
+    F(this, "audioLevels", V({ inputLevel: 0, outputLevel: 0 }));
     this.setupVisibilityHandler();
   }
   /**
@@ -2783,26 +2783,22 @@ s(vu, "generateFirstMessage");
 const tr = class tr extends Or {
   constructor(r) {
     super("SelfController", r);
-    j(this, "conversation");
-    j(this, "isTextMode", !1);
-    j(this, "lastMessage", { hash: "", time: 0 });
-    j(this, "clientAudio");
-    j(this, "unwatchAudio");
-    j(this, "isConnecting", !1);
-    j(this, "lastUserSpeechTime", 0);
-    // Track when user last spoke (audio VAD)
-    j(this, "lastUserMessageTime", 0);
-    // Track when user's last transcription arrived (ElevenLabs)
+    F(this, "conversation");
+    F(this, "isTextMode", !1);
+    F(this, "lastMessage", { hash: "", time: 0 });
+    F(this, "clientAudio");
+    F(this, "unwatchAudio");
+    F(this, "isConnecting", !1);
     // Simple usage tracking
-    j(this, "sessionId");
-    j(this, "conversationStartTime");
-    j(this, "chatCharacterCount", 0);
+    F(this, "sessionId");
+    F(this, "conversationStartTime");
+    F(this, "chatCharacterCount", 0);
     // Participant IDs for message attribution
-    j(this, "hostParticipantId");
+    F(this, "hostParticipantId");
     // The digital self
-    j(this, "visitorParticipantId");
+    F(this, "visitorParticipantId");
     // The user/anon
-    j(this, "voiceState", V({
+    F(this, "voiceState", V({
       isActive: !1,
       isConnected: !1,
       isSpeaking: !1,
@@ -2811,14 +2807,14 @@ const tr = class tr extends Or {
       transcript: "Tap to begin voice conversation",
       connectionStatus: "disconnected"
     }));
-    j(this, "textState", V({
+    F(this, "textState", V({
       isActive: !1,
       isConnected: !1,
       isThinking: !1,
       connectionStatus: "disconnected"
     }));
-    j(this, "agentMode", V("self"));
-    j(this, "sharedMessages", V([]));
+    F(this, "agentMode", V("self"));
+    F(this, "sharedMessages", V([]));
     if (!r.self.elevenlabsAgentId || r.self.elevenlabsAgentId.trim() === "")
       throw new Error(`Agent ID is required for SelfController. Self "${r.self.name}" (${r.self.selfId}) does not have a valid elevenlabsAgentId.`);
     this.clientAudio = new Zt(r), this.setupModeWatcher();
@@ -2914,7 +2910,7 @@ Current User:
       transcript: "Ready to start a call...",
       connectionStatus: "disconnected",
       error: void 0
-    }), this.clientAudio.resetAudioLevels(), this.lastUserSpeechTime = 0, this.lastUserMessageTime = 0);
+    }), this.clientAudio.resetAudioLevels());
   }
   setupModeWatcher() {
     be(this.agentMode, async (r, o) => {
@@ -2923,7 +2919,7 @@ Current User:
   }
   handleMessage(r, o) {
     const n = ja(r);
-    if (n && (o && n.sender === "user" && (this.lastUserMessageTime = Date.now(), this.logger.info("User transcription received", { text: n.text })), this.addMessage(n.text, n.sender), !o && n.sender === "agent" && this.updateState(this.textState, { isThinking: !1 }), this.sessionId && this.hostParticipantId && this.visitorParticipantId)) {
+    if (n && (o && n.sender === "user" && this.logger.info("User transcription received", { text: n.text }), this.addMessage(n.text, n.sender), !o && n.sender === "agent" && this.updateState(this.textState, { isThinking: !1 }), this.sessionId && this.hostParticipantId && this.visitorParticipantId)) {
       const i = n.sender === "agent" ? this.hostParticipantId : this.visitorParticipantId, { sdk: a } = this.settings;
       a.saveMessage({
         conversationId: this.sessionId,
@@ -2980,7 +2976,7 @@ Current User:
               this.logger.info("Client-side VAD: User has stopped speaking"), this.conversation && (this.conversation.sendUserActivity(), this.logger.info("Sent user activity signal to ElevenLabs"));
             }
           ), this.unwatchAudio = be(this.audioLevels, (i) => {
-            i.inputLevel > 0.03 && (this.lastUserSpeechTime = Date.now()), r.onAudioLevel?.(i);
+            r.onAudioLevel?.(i);
           }, { immediate: !0 }), this.updateState(this.voiceState, {
             isConnected: !0,
             isListening: !0,
@@ -3000,22 +2996,17 @@ Current User:
           i.includes("does not exist") ? a = `Agent not found: ${this.settings.self.elevenlabsAgentId}. Check ElevenLabs configuration.` : i.includes("limit") || i.includes("quota") ? a = "ElevenLabs account limit reached. Check your subscription and usage." : (i.includes("unauthorized") || i.includes("invalid")) && (a = "ElevenLabs API authentication failed. Check ELEVENLABS_API_KEY."), this.endSession().catch((l) => console.error("Failed to end session:", l)), this.handleError(new Error(a), !0), r.onError?.(new Error(a));
         }, "onError"),
         onModeChange: /* @__PURE__ */ s((i) => {
-          const a = i.mode === "speaking", l = 3e3, c = Date.now(), g = c - this.lastUserSpeechTime, u = c - this.lastUserMessageTime, h = g < l || u < l, m = !a && h;
-          let w;
-          a ? w = "Speaking..." : m ? w = "Thinking..." : w = "Listening...", this.updateState(this.voiceState, {
+          const a = i.mode === "speaking", l = !a, c = a ? "Speaking..." : "Listening...";
+          this.updateState(this.voiceState, {
             isSpeaking: a,
-            isListening: !a,
-            // Mic active when agent not speaking - ElevenLabs handles interruptions
-            isProcessing: m,
-            transcript: w
+            isListening: l,
+            isProcessing: !1,
+            // Removed - ElevenLabs doesn't provide accurate processing state
+            transcript: c
           }), this.logger.info("Voice mode changed", {
             mode: i.mode,
             isSpeaking: a,
-            isListening: !a,
-            isProcessing: m,
-            timeSinceUserSpeech: g,
-            timeSinceUserMessage: u,
-            detectionSource: u < g ? "message" : "audio"
+            isListening: l
           }), r.onModeChange?.(i.mode);
         }, "onModeChange"),
         onMessage: /* @__PURE__ */ s((i) => {
@@ -3179,19 +3170,19 @@ const La = /* @__PURE__ */ q({
     }, [
       e.loading ? (v(), k("div", Oa, [...i[0] || (i[0] = [
         f("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)
-      ])])) : L("", !0),
+      ])])) : j("", !0),
       f("span", {
         class: T(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"])
       }, [
         e.icon ? (v(), k("i", {
           key: 0,
           class: T([e.icon, o.value])
-        }, null, 2)) : L("", !0),
+        }, null, 2)) : j("", !0),
         Be(n.$slots, "default"),
         e.iconAfter ? (v(), k("i", {
           key: 1,
           class: T([e.iconAfter, o.value])
-        }, null, 2)) : L("", !0)
+        }, null, 2)) : j("", !0)
       ], 2)
     ], 2));
   }
@@ -3332,7 +3323,7 @@ const La = /* @__PURE__ */ q({
     }, i = P(() => n[r.value]);
     return (a, l) => (v(), k("div", Ba, [
       f("div", Ga, [
-        e.sdk.error.value ? (v(), k("p", Wa, Y(e.sdk.error.value), 1)) : L("", !0),
+        e.sdk.error.value ? (v(), k("p", Wa, Y(e.sdk.error.value), 1)) : j("", !0),
         f("h3", Ha, Y(i.value.title), 1),
         f("div", qa, [
           W(La, null, {
@@ -3373,7 +3364,7 @@ const La = /* @__PURE__ */ q({
                   key: 0,
                   class: "w-full text-xs text-white/50 hover:text-white/70 transition-colors py-2",
                   onClick: l[2] || (l[2] = (c) => r.value = "email")
-                }, " Change Email ")) : L("", !0)
+                }, " Change Email ")) : j("", !0)
               ]))
             ]),
             _: 1
@@ -3420,7 +3411,7 @@ const La = /* @__PURE__ */ q({
             style: { "animation-duration": "3s" }
           }, null, -1),
           f("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1)
-        ])])) : L("", !0)
+        ])])) : j("", !0)
       ]),
       f("div", el, [
         f("h1", {
@@ -3720,7 +3711,7 @@ const J = /* @__PURE__ */ s((e) => {
     repeat: ["", "x", "y", "space", "round"]
   }], "scaleBgRepeat"), E = /* @__PURE__ */ s(() => ["auto", "cover", "contain", Il, $l, {
     size: [x, y]
-  }], "scaleBgSize"), X = /* @__PURE__ */ s(() => [_t, Qe, Pe], "scaleGradientStopPosition"), O = /* @__PURE__ */ s(() => [
+  }], "scaleBgSize"), X = /* @__PURE__ */ s(() => [_t, Qe, Pe], "scaleGradientStopPosition"), L = /* @__PURE__ */ s(() => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -3728,7 +3719,7 @@ const J = /* @__PURE__ */ s((e) => {
     g,
     x,
     y
-  ], "scaleRadius"), F = /* @__PURE__ */ s(() => ["", M, Qe, Pe], "scaleBorderWidth"), oe = /* @__PURE__ */ s(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), G = /* @__PURE__ */ s(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), D = /* @__PURE__ */ s(() => [M, _t, Ir, Ar], "scaleMaskImagePosition"), ye = /* @__PURE__ */ s(() => [
+  ], "scaleRadius"), O = /* @__PURE__ */ s(() => ["", M, Qe, Pe], "scaleBorderWidth"), oe = /* @__PURE__ */ s(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), G = /* @__PURE__ */ s(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), D = /* @__PURE__ */ s(() => [M, _t, Ir, Ar], "scaleMaskImagePosition"), ye = /* @__PURE__ */ s(() => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -4773,175 +4764,175 @@ const J = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: O()
+        rounded: L()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": O()
+        "rounded-s": L()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": O()
+        "rounded-e": L()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": O()
+        "rounded-t": L()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": O()
+        "rounded-r": L()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": O()
+        "rounded-b": L()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": O()
+        "rounded-l": L()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": O()
+        "rounded-ss": L()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": O()
+        "rounded-se": L()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": O()
+        "rounded-ee": L()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": O()
+        "rounded-es": L()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": O()
+        "rounded-tl": L()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": O()
+        "rounded-tr": L()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": O()
+        "rounded-br": L()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": O()
+        "rounded-bl": L()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: F()
+        border: O()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": F()
+        "border-x": O()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": F()
+        "border-y": O()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": F()
+        "border-s": O()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": F()
+        "border-e": O()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": F()
+        "border-t": O()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": F()
+        "border-r": O()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": F()
+        "border-b": O()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": F()
+        "border-l": O()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": F()
+        "divide-x": O()
       }],
       /**
        * Divide Width X Reverse
@@ -4953,7 +4944,7 @@ const J = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": F()
+        "divide-y": O()
       }],
       /**
        * Divide Width Y Reverse
@@ -5115,7 +5106,7 @@ const J = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: F()
+        ring: O()
       }],
       /**
        * Ring Width Inset
@@ -5154,7 +5145,7 @@ const J = /* @__PURE__ */ s((e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": F()
+        "inset-ring": O()
       }],
       /**
        * Inset Ring Color
@@ -6514,19 +6505,19 @@ const J = /* @__PURE__ */ s((e) => {
           W(Wt, {
             class: T(o.value)
           }, null, 8, ["class"])
-        ])) : L("", !0),
+        ])) : j("", !0),
         f("span", {
           class: T(["flex items-center gap-2 transition-opacity duration-200 whitespace-nowrap", e.loading ? "opacity-0" : "opacity-100"])
         }, [
           t.value.icon ? (v(), k("span", {
             key: 0,
             class: T(["flex items-center size-[1.1em] mt-[-.07em]", [t.value.icon, a.value]])
-          }, null, 2)) : L("", !0),
+          }, null, 2)) : j("", !0),
           Be(l.$slots, "default"),
           t.value.iconAfter ? (v(), k("span", {
             key: 1,
             class: T(["flex items-center size-[1.1em] mt-[-.07em]", [t.value.iconAfter, a.value]])
-          }, null, 2)) : L("", !0)
+          }, null, 2)) : j("", !0)
         ], 2)
       ]),
       _: 3
@@ -6560,11 +6551,11 @@ const J = /* @__PURE__ */ s((e) => {
             class: "text-white/70 leading-relaxed",
             innerHTML: e.self.summary
           }, null, 8, Rl)
-        ])) : L("", !0),
+        ])) : j("", !0),
         e.self.entityType === "company" ? (v(), k("div", Ul, [
           r[1] || (r[1] = f("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)),
           f("p", Vl, " This is a company digital self representing " + Y(e.self.name) + ". ", 1)
-        ])) : L("", !0),
+        ])) : j("", !0),
         e.self.email ? (v(), k("div", Nl, [
           r[3] || (r[3] = f("h3", { class: "text-sm font-medium text-white/90" }, " Contact ", -1)),
           W(Mr, {
@@ -6581,7 +6572,7 @@ const J = /* @__PURE__ */ s((e) => {
             ])]),
             _: 1
           }, 8, ["href"])
-        ])) : L("", !0),
+        ])) : j("", !0),
         e.self.accounts && e.self.accounts.length > 0 ? (v(), k("div", Bl, [
           r[4] || (r[4] = f("h3", { class: "text-sm font-medium text-white/90" }, " Links ", -1)),
           f("div", Gl, [
@@ -6601,7 +6592,7 @@ const J = /* @__PURE__ */ s((e) => {
               _: 2
             }, 1032, ["icon", "href"]))), 128))
           ])
-        ])) : L("", !0)
+        ])) : j("", !0)
       ])
     ]));
   }
@@ -6674,7 +6665,7 @@ const J = /* @__PURE__ */ s((e) => {
       ]),
       e.selfController?.textState.value.connectionStatus !== "connected" ? (v(), k("div", Kl, [
         W(Wt, { class: "size-4" })
-      ])) : L("", !0),
+      ])) : j("", !0),
       f("div", {
         ref_key: "messagesContainer",
         ref: r,
@@ -6694,8 +6685,8 @@ const J = /* @__PURE__ */ s((e) => {
               src: n.value,
               alt: e.self.name,
               class: "size-7 rounded-full object-cover"
-            }, null, 8, Yl)) : L("", !0)
-          ])) : L("", !0),
+            }, null, 8, Yl)) : j("", !0)
+          ])) : j("", !0),
           f("div", Ql, [
             f("div", {
               class: T(["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"])
@@ -6715,7 +6706,7 @@ const J = /* @__PURE__ */ s((e) => {
           h[1] || (h[1] = f("div", { class: "rounded-2xl px-4 py-2.5 bg-white/15 backdrop-blur-sm flex items-center" }, [
             f("i", { class: "i-svg-spinners-3-dots-fade size-6 text-white/70" })
           ], -1))
-        ])) : L("", !0)
+        ])) : j("", !0)
       ], 512),
       f("div", oc, [
         Pr(f("textarea", {
@@ -6850,7 +6841,7 @@ const J = /* @__PURE__ */ s((e) => {
             key: 0,
             class: "absolute inset-0 z-40 bg-black/50 backdrop-blur-sm",
             onClick: h[0] || (h[0] = (m) => a.value = !1)
-          })) : L("", !0)
+          })) : j("", !0)
         ]),
         _: 1
       }),
@@ -6879,10 +6870,10 @@ const J = /* @__PURE__ */ s((e) => {
               }, null, 8, ["class"]),
               e.title ? (v(), k("div", pc, [
                 f("h3", vc, Y(e.title), 1)
-              ])) : L("", !0),
+              ])) : j("", !0),
               u.$slots.header ? (v(), k("div", bc, [
                 Be(u.$slots, "header")
-              ])) : L("", !0),
+              ])) : j("", !0),
               f("div", {
                 class: T(["flex-1 p-6 space-y-2 overflow-y-auto", { "pt-6": !e.title && !u.$slots.header, "pt-4": e.title || u.$slots.header }])
               }, [
@@ -6912,12 +6903,12 @@ const J = /* @__PURE__ */ s((e) => {
                             m.icon.src,
                             m.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"
                           ]])
-                        }, null, 2)) : L("", !0),
+                        }, null, 2)) : j("", !0),
                         f("div", xc, [
                           f("div", {
                             class: T(["font-medium text-sm", m.isActive ? "text-primary-300" : "text-white"])
                           }, Y(m.label), 3),
-                          m.subLabel ? (v(), k("div", wc, Y(m.subLabel), 1)) : L("", !0)
+                          m.subLabel ? (v(), k("div", wc, Y(m.subLabel), 1)) : j("", !0)
                         ])
                       ])
                     ], 14, kc))), 128))
@@ -6940,7 +6931,7 @@ const J = /* @__PURE__ */ s((e) => {
                 ])
               ])
             ], 2)
-          ], 2)) : L("", !0)
+          ], 2)) : j("", !0)
         ]),
         _: 3
       }, 8, ["enter-from-class", "leave-to-class"])
@@ -7169,11 +7160,11 @@ const J = /* @__PURE__ */ s((e) => {
     s(fe, "resizeCanvas");
     function A(b) {
       return Array.from({ length: n.length }, (U, I) => {
-        const E = n[I], O = Math.floor(E / 12e3 * b.length), F = Math.max(1, Math.floor(b.length / n.length / 2));
+        const E = n[I], L = Math.floor(E / 12e3 * b.length), O = Math.max(1, Math.floor(b.length / n.length / 2));
         let oe = 0;
-        for (let ue = 0; ue < F && O + ue < b.length; ue++)
-          oe += b[O + ue];
-        oe = oe / F / 255;
+        for (let ue = 0; ue < O && L + ue < b.length; ue++)
+          oe += b[L + ue];
+        oe = oe / O / 255;
         let G = 1;
         E < 150 ? G = 0.1 : E < 200 ? G = 0.3 : E >= 400 && E <= 600 ? G = 1.4 : E >= 1400 && E <= 1600 ? G = 1.3 : E >= 2400 && E <= 2600 ? G = 1.2 : E >= 200 && E <= 2e3 ? G = 1.1 : E >= 2e3 && E <= 4e3 ? G = 0.9 : E > 6e3 ? G = 0.4 : G = 0.7;
         const $e = oe ** 0.5 * 0.6 * G;
@@ -7198,23 +7189,23 @@ const J = /* @__PURE__ */ s((e) => {
         return b;
       const I = performance.now() * 1e-3, E = [...b];
       for (let X = 0; X < b.length; X++) {
-        const O = X * (2 * Math.PI) / b.length;
-        let F = 0;
+        const L = X * (2 * Math.PI) / b.length;
+        let O = 0;
         if (U === "listening" || U === "speaking") {
-          const G = Math.sin(I * 4.2 + O * 0.6 - I * 2) * 0.15, D = Math.sin(I * 6.8 + O * 1.2 - I * 1.5) * 0.08, ye = Math.sin(I * 0.8) * 0.05;
-          F = G + D + ye;
+          const G = Math.sin(I * 4.2 + L * 0.6 - I * 2) * 0.15, D = Math.sin(I * 6.8 + L * 1.2 - I * 1.5) * 0.08, ye = Math.sin(I * 0.8) * 0.05;
+          O = G + D + ye;
         } else if (U === "processing") {
-          const G = Math.sin(I * 3 + O * 0.5 - I * 1.5) * 0.12, D = Math.sin(I * 5 + O * 0.8 - I * 1.2) * 0.06, ye = Math.sin(I * 0.6) * 0.04;
-          F = G + D + ye;
+          const G = Math.sin(I * 3 + L * 0.5 - I * 1.5) * 0.12, D = Math.sin(I * 5 + L * 0.8 - I * 1.2) * 0.06, ye = Math.sin(I * 0.6) * 0.04;
+          O = G + D + ye;
         } else if (U === "connected") {
-          const G = Math.sin(I * 0.6) * 0.1, D = Math.sin(I * 2 + O * 0.3) * 0.05;
-          F = G + D;
+          const G = Math.sin(I * 0.6) * 0.1, D = Math.sin(I * 2 + L * 0.3) * 0.05;
+          O = G + D;
         } else {
-          const G = Math.sin(I * 1.5 + O) * 0.12, D = Math.sin(I * 0.4) * 0.05;
-          F = G + D;
+          const G = Math.sin(I * 1.5 + L) * 0.12, D = Math.sin(I * 0.4) * 0.05;
+          O = G + D;
         }
         const oe = Math.max(0.3, p);
-        E[X] = Math.max(0, Math.min(0.9, b[X] + F * oe));
+        E[X] = Math.max(0, Math.min(0.9, b[X] + O * oe));
       }
       return E;
     }
@@ -7258,7 +7249,7 @@ const J = /* @__PURE__ */ s((e) => {
       if (typeof window > "u" || !a || !i.value)
         return;
       Fe();
-      const b = i.value, { bars: p, barWidth: U, barSpacing: I, minHeight: E, maxHeight: X } = o.value, O = b.width / te, F = b.height / te;
+      const b = i.value, { bars: p, barWidth: U, barSpacing: I, minHeight: E, maxHeight: X } = o.value, L = b.width / te, O = b.height / te;
       function oe(G) {
         if (!a)
           return;
@@ -7266,7 +7257,7 @@ const J = /* @__PURE__ */ s((e) => {
           l = requestAnimationFrame(oe);
           return;
         }
-        a.clearRect(0, 0, O, F);
+        a.clearRect(0, 0, L, O);
         const D = nt(), ye = 0.3;
         for (let S = 0; S < p; S++) {
           const _e = E + D[S] * (X - E);
@@ -7289,14 +7280,14 @@ const J = /* @__PURE__ */ s((e) => {
           const me = H[K.value];
           a.fillStyle = me.glow;
           for (let pe = 0; pe < p; pe++) {
-            const Ae = pe * (U + I), Re = h[pe], de = F - Re;
+            const Ae = pe * (U + I), Re = h[pe], de = O - Re;
             a.beginPath(), a.roundRect(Ae - 1, de - 1, U + 2, Re + 2, [2, 2, 0, 0]), a.fill();
           }
           a.restore();
         }
         const Te = H[K.value], [xe, we, ze] = Te.primary;
         for (let S = 0; S < p; S++) {
-          const _e = S * (U + I), me = h[S], pe = F - me, Ae = n[S], Re = Math.min(S, p - 1 - S), de = Math.min(1, Re / ue), Je = Math.min(1, me / X), Ye = (0.8 + Je * 0.2) * de, rr = (0.6 + Je * 0.2) * de, or = (0.3 + Je * 0.1) * de, ko = Math.round(Je * 10) / 10, yo = Math.round(de * 10) / 10, xo = `${K.value}-${ko}-${yo}-${me}`, wo = st(xo, () => {
+          const _e = S * (U + I), me = h[S], pe = O - me, Ae = n[S], Re = Math.min(S, p - 1 - S), de = Math.min(1, Re / ue), Je = Math.min(1, me / X), Ye = (0.8 + Je * 0.2) * de, rr = (0.6 + Je * 0.2) * de, or = (0.3 + Je * 0.1) * de, ko = Math.round(Je * 10) / 10, yo = Math.round(de * 10) / 10, xo = `${K.value}-${ko}-${yo}-${me}`, wo = st(xo, () => {
             const se = a.createLinearGradient(0, pe, 0, pe + me);
             if (Ce === "speaking")
               se.addColorStop(0, `rgba(${xe}, ${we}, ${ze}, ${Ye})`), se.addColorStop(0.5, `rgba(${xe}, ${we}, ${ze}, ${rr})`), se.addColorStop(1, `rgba(${xe}, ${we}, ${ze}, ${or})`), (Ae >= 400 && Ae <= 600 || Ae >= 1400 && Ae <= 1600) && se.addColorStop(0, `rgba(74, 222, 128, ${Math.min(1, Ye + 0.2)})`);
@@ -7309,7 +7300,7 @@ const J = /* @__PURE__ */ s((e) => {
             return se;
           });
           if (a.fillStyle = wo, a.beginPath(), a.roundRect(_e, pe, U, me, [1, 1, 0, 0]), a.fill(), C[S] > E + 2) {
-            const se = F - C[S], it = z[S] > 0 ? 0.9 : Math.max(0.3, z[S] / Zr);
+            const se = O - C[S], it = z[S] > 0 ? 0.9 : Math.max(0.3, z[S] / Zr);
             a.fillStyle = `rgba(255, 255, 255, ${it})`, a.fillRect(_e, se - 1, U, 2), it > 0.5 && !c.value && (a.shadowColor = Te.glow, a.shadowBlur = 3, a.fillRect(_e, se - 1, U, 2), a.shadowBlur = 0);
           }
         }
@@ -7438,7 +7429,7 @@ const J = /* @__PURE__ */ s((e) => {
         ]),
         f("div", jc, [
           f("div", Lc, [
-            e.selfController?.voiceState.value.isListening ? (v(), k("div", Oc)) : e.selfController?.voiceState.value.isSpeaking ? (v(), k("div", Fc)) : e.selfController?.voiceState.value.isConnected && !e.selfController?.voiceState.value.isListening && !e.selfController?.voiceState.value.isSpeaking ? (v(), k("div", Rc)) : e.selfController?.voiceState.value.error ? (v(), k("div", Uc)) : L("", !0)
+            e.selfController?.voiceState.value.isListening ? (v(), k("div", Oc)) : e.selfController?.voiceState.value.isSpeaking ? (v(), k("div", Fc)) : e.selfController?.voiceState.value.isConnected && !e.selfController?.voiceState.value.isListening && !e.selfController?.voiceState.value.isSpeaking ? (v(), k("div", Rc)) : e.selfController?.voiceState.value.error ? (v(), k("div", Uc)) : j("", !0)
           ]),
           f("p", Vc, Y(e.selfController?.voiceState.value.error ? `Error: ${e.selfController.voiceState.value.error}` : e.selfController?.voiceState.value.transcript || "Ready to start a call..."), 1)
         ])
@@ -7593,7 +7584,7 @@ const J = /* @__PURE__ */ s((e) => {
                 }, [...z[8] || (z[8] = [
                   f("i", { class: "size-6 i-tabler-x" }, null, -1)
                 ])])
-              ])) : L("", !0)
+              ])) : j("", !0)
             ], 2)
           ], 2),
           c.value === "self" ? (v(), k("div", Kc, [
@@ -7624,7 +7615,7 @@ const J = /* @__PURE__ */ s((e) => {
                     class: T([re(Ne)[Z.platform].icon, "size-5"])
                   }, null, 2)
                 ], 8, Qc))), 128))
-              ])) : L("", !0)
+              ])) : j("", !0)
             ])
           ])) : c.value === "talk" ? (v(), k("div", Xc, [
             g.value ? (v(), k(Ee, { key: 1 }, [
@@ -7652,7 +7643,7 @@ const J = /* @__PURE__ */ s((e) => {
               ], 64)) : c.value === "info" ? (v(), ve(Wl, {
                 key: 1,
                 self: e.self
-              }, null, 8, ["self"])) : L("", !0)
+              }, null, 8, ["self"])) : j("", !0)
             ])
           ])),
           f("div", {
@@ -7798,7 +7789,7 @@ const J = /* @__PURE__ */ s((e) => {
         context: e.context,
         firstMessage: e.firstMessage,
         loading: n.value
-      }) : L("", !0)
+      }) : j("", !0)
     ]));
   }
 });
@@ -7822,4 +7813,4 @@ export {
   vu as l,
   ja as p
 };
-//# sourceMappingURL=SelfWrap.vue_vue_type_script_setup_true_lang-Y1yR8Chp.js.map
+//# sourceMappingURL=SelfWrap.vue_vue_type_script_setup_true_lang-CIyP7f4f.js.map