@streamoji/avatar-widget 0.2.6 → 0.2.7

package/dist/avatar-widget.js

@@ -15,38 +15,38 @@ const lt = "https://ai.streamoji.com", B = (...f) => {
     if (!T) return;
     let V, E = null;
     f && (f.fftSize = 128, E = new Uint8Array(f.frequencyBinCount));
-    const ee = () => {
-      V = requestAnimationFrame(ee), (g.width !== g.offsetWidth || g.height !== g.offsetHeight) && (g.width = g.offsetWidth, g.height = g.offsetHeight);
-      const ae = g.width, N = g.height;
-      if (ae === 0 || N === 0) return;
-      const U = N / 2;
-      T.clearRect(0, 0, ae, N), T.fillStyle = "#1e293b";
+    const te = () => {
+      V = requestAnimationFrame(te), (g.width !== g.offsetWidth || g.height !== g.offsetHeight) && (g.width = g.offsetWidth, g.height = g.offsetHeight);
+      const ae = g.width, I = g.height;
+      if (ae === 0 || I === 0) return;
+      const U = I / 2;
+      T.clearRect(0, 0, ae, I), T.fillStyle = "#1e293b";
       const _ = 2, m = _ + 2, Y = ae * 0.95, $ = Math.floor(Y / m);
       (!w.current || w.current.length !== $) && (w.current = new Float32Array($).fill(2));
       const pe = $ * m, k = (ae - pe) / 2;
       f && E && f.getByteFrequencyData(E);
       const He = E ? E.length : 0, q = Math.floor(He * 0.7) / $, ge = new Float32Array($);
-      for (let I = 0; I < $; I++) {
-        let C = 0;
+      for (let M = 0; M < $; M++) {
+        let O = 0;
         if (E && q > 0) {
-          const be = Math.floor(I * q), L = Math.floor((I + 1) * q);
+          const be = Math.floor(M * q), L = Math.floor((M + 1) * q);
           for (let v = be; v < L; v++) {
             const y = E[v] || 0;
-            y > C && (C = y);
+            y > O && (O = y);
           }
         }
-        C < 10 && (C = 0);
-        const W = C / 255, M = C > 0 ? Math.max(2, Math.pow(W, 1.4) * N * 0.25) : 2;
-        ge[I] = M;
+        O < 10 && (O = 0);
+        const W = O / 255, D = O > 0 ? Math.max(2, Math.pow(W, 1.4) * I * 0.25) : 2;
+        ge[M] = D;
       }
-      for (let I = 0; I < $; I++) {
-        const C = $ - 1 - I, W = Math.max(ge[I], ge[C]), M = w.current[I] + (W - w.current[I]) * 0.3;
-        w.current[I] = M;
-        const be = k + I * m, L = U - M / 2;
-        T.beginPath(), T.roundRect ? T.roundRect(be, L, _, M, 4) : T.fillRect(be, L, _, M), T.fill();
+      for (let M = 0; M < $; M++) {
+        const O = $ - 1 - M, W = Math.max(ge[M], ge[O]), D = w.current[M] + (W - w.current[M]) * 0.3;
+        w.current[M] = D;
+        const be = k + M * m, L = U - D / 2;
+        T.beginPath(), T.roundRect ? T.roundRect(be, L, _, D, 4) : T.fillRect(be, L, _, D), T.fill();
       }
     };
-    return ee(), () => {
+    return te(), () => {
       cancelAnimationFrame(V);
     };
   }, [f]), /* @__PURE__ */ l(
@@ -512,9 +512,9 @@ const wn = Kt(
     responseAudioStartTimeRef: T,
     adjustments: V,
     mood: E,
-    expression: ee,
+    expression: te,
     agentResponse: ae,
-    isSpeaking: N,
+    isSpeaking: I,
     nextStartTimeRef: U,
     stopPlayback: _,
     setIsSpeaking: ce,
@@ -526,10 +526,10 @@ const wn = Kt(
     const { scene: k } = ct(f), xe = ct(pe === "female" ? cn : an), q = dt(
       () => xe.flatMap((d) => d.animations),
       [xe]
-    ), ge = ct(un), I = dt(
+    ), ge = ct(un), M = dt(
       () => ge.flatMap((d) => d.animations),
       [ge]
-    ), C = c(null), W = c(null), M = c(null), be = c([]), [L] = b(() => new Ve.AnimationMixer(k)), v = c({}), y = c(null), _e = c(0), Ie = c(!1), we = c(0), le = c(null);
+    ), O = c(null), W = c(null), D = c(null), be = c([]), [L] = b(() => new Ve.AnimationMixer(k)), v = c({}), y = c(null), _e = c(0), Ie = c(!1), we = c(0), le = c(null);
     P(() => {
       if (!(!q || !k)) {
         if (q.forEach((d, u) => {
@@ -538,7 +538,7 @@ const wn = Kt(
             const r = L.clipAction(d, k);
             r.name = i, r.setLoop(Ve.LoopOnce, 1), r.clampWhenFinished = !0, v.current[i] = r;
           }
-        }), I.forEach((d, u) => {
+        }), M.forEach((d, u) => {
           const i = `talk_${u}`;
           if (!v.current[i]) {
             const r = L.clipAction(d, k);
@@ -552,7 +552,7 @@ const wn = Kt(
           L.stopAllAction(), v.current = {}, y.current = null;
         };
       }
-    }, [q, I, k, L]);
+    }, [q, M, k, L]);
     const ve = c("");
     P(() => {
       if (!m || !k || m === ve.current) return;
@@ -561,7 +561,7 @@ const wn = Kt(
         (u) => {
           if (u.animations && u.animations.length > 0) {
             const i = u.animations[0], r = L.clipAction(i, k);
-            if (r.name = `EXPR_${m}`, r.setLoop(Ve.LoopOnce, 1), r.clampWhenFinished = !0, v.current[`EXPR_${m}`] = r, N && le.current === m) {
+            if (r.name = `EXPR_${m}`, r.setLoop(Ve.LoopOnce, 1), r.clampWhenFinished = !0, v.current[`EXPR_${m}`] = r, I && le.current === m) {
               const h = y.current;
               r.reset().fadeIn(0.3).play(), h && h !== r && h.crossFadeTo(r, 0.3, !0), y.current = r, le.current = null;
             }
@@ -572,14 +572,14 @@ const wn = Kt(
           console.error(`[ANIMATION] Failed to load ${m}`, u);
         }
       );
-    }, [m, k, L, N]), P(() => {
+    }, [m, k, L, I]), P(() => {
       const d = (u) => {
         const i = u.action, r = i.name || "";
         if (r.startsWith("idle_")) {
           const G = (parseInt(r.split("_")[1]) + 1) % q.length, Q = v.current[`idle_${G}`];
           Q && (Q.reset().fadeIn(0.5).play(), i.crossFadeTo(Q, 0.5, !0), y.current = Q);
         } else if (r.startsWith("EXPR_")) {
-          if (N) {
+          if (I) {
             const h = v.current.talk_0;
             h && (h.reset().fadeIn(0.5).play(), i.crossFadeTo(h, 0.5, !0), y.current = h);
           } else {
@@ -588,8 +588,8 @@ const wn = Kt(
           }
           Y && Y();
         } else if (r.startsWith("talk_"))
-          if (N && !$) {
-            const G = (parseInt(r.split("_")[1]) + 1) % I.length, Q = v.current[`talk_${G}`];
+          if (I && !$) {
+            const G = (parseInt(r.split("_")[1]) + 1) % M.length, Q = v.current[`talk_${G}`];
             Q && (Q.reset().fadeIn(0.3).play(), i.crossFadeTo(Q, 0.3, !0), y.current = Q);
           } else {
             const h = v.current.idle_0;
@@ -600,12 +600,12 @@ const wn = Kt(
     }, [
       L,
       q,
+      M,
       I,
-      N,
       $,
       Y
     ]), P(() => {
-      if (N && k) {
+      if (I && k) {
         const d = y.current, u = d?.name || "";
         if (u.startsWith("idle_") || u.startsWith("talk_") || u === "") {
           const i = le.current;
@@ -621,19 +621,19 @@ const wn = Kt(
             r && (r.reset().fadeIn(0.5).play(), d && d.crossFadeTo(r, 0.5, !0), y.current = r);
           }
         }
-      } else if (!N && k) {
+      } else if (!I && k) {
         const d = y.current, u = d?.name || "";
         if (u.startsWith("talk_") || u.startsWith("EXPR_")) {
           const i = v.current.idle_0;
           i && (i.reset().fadeIn(0.5).play(), d && d.crossFadeTo(i, 0.5, !0), y.current = i);
         }
       }
-    }, [N, k, m]), P(() => {
+    }, [I, k, m]), P(() => {
       if (!k) return;
       k.traverse((i) => {
         if (i.isMesh && i.morphTargetDictionary) {
           const r = i.name.toLowerCase();
-          (r.includes("head") || r.includes("avatar")) && (W.current = i, B(`[ANIMATION] Found head mesh: ${i.name}`)), r.includes("teeth") && (M.current = i, B(`[ANIMATION] Found teeth mesh: ${i.name}`));
+          (r.includes("head") || r.includes("avatar")) && (W.current = i, B(`[ANIMATION] Found head mesh: ${i.name}`)), r.includes("teeth") && (D.current = i, B(`[ANIMATION] Found teeth mesh: ${i.name}`));
         }
       });
       const d = W.current?.morphTargetDictionary;
@@ -653,53 +653,55 @@ const wn = Kt(
       if (r)
         for (const h in r.mix) {
           const G = r.mix[h] * u;
-          z(W.current, h, G), z(M.current, h, G);
+          z(W.current, h, G), z(D.current, h, G);
         }
     }, ke = (d) => {
       const u = Xe[d] ?? Xe.neutral;
       for (const i in u)
-        z(W.current, i, u[i]), z(M.current, i, u[i]);
+        z(W.current, i, u[i]), z(D.current, i, u[i]);
     };
     return Yt((d, u) => {
       const i = Math.pow(0.88, 60 * u);
-      Mt(W.current, i), Mt(M.current, i), ke(E);
+      Mt(W.current, i), Mt(D.current, i), ke(E);
       const r = d.clock.elapsedTime;
       let h = 0;
       if (Math.floor(r) % 5 === 0 && Math.floor((r - u) % 5) !== 0) {
-        let J = null;
-        k.traverse((ne) => {
-          ne.name.toLowerCase().includes("hips") && (J = ne);
+        let j = null;
+        k.traverse((X) => {
+          X.name.toLowerCase().includes("hips") && (j = X);
         });
-        const ye = J ? `Hips Y: ${J.position.y.toFixed(4)}` : "Hips not found";
+        const ye = j ? `Hips Y: ${j.position.y.toFixed(4)}` : "Hips not found";
         B(`[ANIMATION] Mixer Time: ${L.time.toFixed(2)}, ${ye}`);
       }
       if (L.update(u), r > _e.current && !Ie.current && (Ie.current = !0, we.current = r), Ie.current) {
-        const ye = (r - we.current) / 0.3;
-        if (ye >= 1)
-          Ie.current = !1, _e.current = r + 2 + Math.random() * 5;
-        else {
-          const ne = ye < 0.5 ? ye * 2 : (1 - ye) * 2;
-          z(W.current, "eyeBlinkLeft", ne), z(W.current, "eyeBlinkRight", ne), z(M.current, "eyeBlinkLeft", ne), z(M.current, "eyeBlinkRight", ne), h = ne * hn.browInnerUp;
+        const j = I ? 0.2 : 0.3, ye = (r - we.current) / j;
+        if (ye >= 1) {
+          Ie.current = !1;
+          const X = I ? 1 : 2.5;
+          _e.current = r + X;
+        } else {
+          const X = ye < 0.5 ? ye * 2 : (1 - ye) * 2;
+          z(W.current, "eyeBlinkLeft", X), z(W.current, "eyeBlinkRight", X), z(D.current, "eyeBlinkLeft", X), z(D.current, "eyeBlinkRight", X), h = X * hn.browInnerUp;
         }
       }
-      const G = Xe[E] ?? Xe.neutral, Q = G.browInnerUp ?? 0, Ke = G.browOuterUpLeft ?? 0, $e = G.browOuterUpRight ?? 0, Ue = r * mn, Re = ut * Math.sin(Ue), K = ut * 0.7 * Math.sin(Ue + 0.7), je = ut * 0.7 * Math.sin(Ue + 1.3), te = (J) => Math.max(0, Math.min(1, J)), Ae = te(Q + Re), Le = te(Ke + K), Be = te($e + je), Me = te(Ae + h);
-      if (z(W.current, "browInnerUp", Me), z(M.current, "browInnerUp", Me), z(W.current, "browOuterUpLeft", Le), z(M.current, "browOuterUpLeft", Le), z(W.current, "browOuterUpRight", Be), z(M.current, "browOuterUpRight", Be), C.current) {
-        const J = A.current ? 0 : V.rotation[1];
-        C.current.rotation.y = Ve.MathUtils.lerp(
-          C.current.rotation.y,
-          J,
+      const G = Xe[E] ?? Xe.neutral, Q = G.browInnerUp ?? 0, Ke = G.browOuterUpLeft ?? 0, $e = G.browOuterUpRight ?? 0, Ue = r * mn, Re = ut * Math.sin(Ue), Z = ut * 0.7 * Math.sin(Ue + 0.7), je = ut * 0.7 * Math.sin(Ue + 1.3), ne = (j) => Math.max(0, Math.min(1, j)), Ae = ne(Q + Re), Le = ne(Ke + Z), Be = ne($e + je), Me = ne(Ae + h);
+      if (z(W.current, "browInnerUp", Me), z(D.current, "browInnerUp", Me), z(W.current, "browOuterUpLeft", Le), z(D.current, "browOuterUpLeft", Le), z(W.current, "browOuterUpRight", Be), z(D.current, "browOuterUpRight", Be), O.current) {
+        const j = A.current ? 0 : V.rotation[1];
+        O.current.rotation.y = Ve.MathUtils.lerp(
+          O.current.rotation.y,
+          j,
           0.1
-        ), C.current.position.set(...V.position), C.current.scale.setScalar(V.scale), C.current.rotation.x = V.rotation[0], C.current.rotation.z = V.rotation[2];
+        ), O.current.position.set(...V.position), O.current.scale.setScalar(V.scale), O.current.rotation.x = V.rotation[0], O.current.rotation.z = V.rotation[2];
       }
       if (A.current && g.current) {
-        const J = g.current.currentTime, De = (J - T.current) * 1e3 - -150;
-        for (let Z = 0; Z < w.current.length; Z++) {
-          const re = w.current[Z];
+        const j = g.current.currentTime, De = (j - T.current) * 1e3 - -150;
+        for (let ee = 0; ee < w.current.length; ee++) {
+          const re = w.current[ee];
           De >= re.vtime && De < re.vtime + re.vduration && Ne(re.viseme, re.weight ?? 1);
         }
-        J > U.current + 0.5 && (_(), ce(!1));
+        j > U.current + 0.5 && (_(), ce(!1));
       }
-    }), /* @__PURE__ */ l("group", { ref: C, children: /* @__PURE__ */ l("primitive", { object: k }) });
+    }), /* @__PURE__ */ l("group", { ref: O, children: /* @__PURE__ */ l("primitive", { object: k }) });
   }
 );
 function vn(f) {
@@ -711,24 +713,24 @@ const yn = ({
   onNavigationRequested: w,
   avatarGender: g
 } = {}) => {
-  const T = f ?? A ?? "", V = on(T || void 0), [E, ee] = b(""), [ae, N] = b(""), [U, _] = b("Ready"), [ce, m] = b(!1), [Y, $] = b(!1), [pe, k] = b([]), [He, xe] = b(""), q = c(null), [ge, I] = b(
+  const T = f ?? A ?? "", V = on(T || void 0), [E, te] = b(""), [ae, I] = b(""), [U, _] = b("Ready"), [ce, m] = b(!1), [Y, $] = b(!1), [pe, k] = b([]), [He, xe] = b(""), q = c(null), [ge, M] = b(
     () => typeof window < "u" ? window.matchMedia("(max-width: 480px)").matches : !1
   );
   P(() => {
-    const e = window.matchMedia("(max-width: 480px)"), t = () => I(e.matches);
+    const e = window.matchMedia("(max-width: 480px)"), t = () => M(e.matches);
     return e.addEventListener("change", t), () => e.removeEventListener("change", t);
   }, []);
-  const C = ge ? 80 : 600, W = c(!1), M = c([]), be = c(0), L = c(!1), v = c([]), y = c(null), _e = c([]);
+  const O = ge ? 80 : 600, W = c(!1), D = c([]), be = c(0), L = c(!1), v = c([]), y = c(null), _e = c([]);
   c([]);
   const Ie = c([]), we = c(0), le = c(0), ve = c(0), Ne = c(0), ke = c(!1), [d, u] = b(
     null
-  ), i = c(null), [r, h] = b("neutral"), [G, Q] = b(""), [Ke, $e] = b(""), [Ue, Re] = b("Chat with us"), [K, je] = b(
+  ), i = c(null), [r, h] = b("neutral"), [G, Q] = b(""), [Ke, $e] = b(""), [Ue, Re] = b("Chat with us"), [Z, je] = b(
     null
-  ), [te, Ae] = b("hidden"), [Le, Be] = b(""), Me = c(null), J = c(te);
-  J.current = te;
-  const [ye, ne] = b(null), De = c(null), Z = c(null), [re, ft] = b(!1), ht = c(null), [ue, Je] = b("hidden"), [mt, Dt] = b(""), Ze = c(ue);
+  ), [ne, Ae] = b("hidden"), [Le, Be] = b(""), Me = c(null), j = c(ne);
+  j.current = ne;
+  const [ye, X] = b(null), De = c(null), ee = c(null), [re, ft] = b(!1), ht = c(null), [ue, Je] = b("hidden"), [mt, Dt] = b(""), Ze = c(ue);
   Ze.current = ue;
-  const he = c(""), Ce = c(!1), Oe = c(""), pt = c(Date.now()), et = c([]), Pe = c(!1), [tt, We] = b(!1), [gt, bt] = b(!1), Se = c(null), Fe = dt(() => re ? "Try again" : U === "Busy" ? "Busy" : U === "Thinking..." || U === "Processing Voice..." ? U : K != null && K !== "" && K !== "none" && K !== "<none>" ? `Enter ${vn(K)}` : ue !== "hidden" || !gt ? null : It, [U, K, re, ue, gt]), _t = !re && U !== "Busy" && U !== "Thinking..." && U !== "Processing Voice..." && (K == null || K === "" || K === "none" || K === "<none>");
+  const he = c(""), Ce = c(!1), Oe = c(""), pt = c(Date.now()), et = c([]), Pe = c(!1), [tt, We] = b(!1), [gt, bt] = b(!1), Se = c(null), Fe = dt(() => re ? "Try again" : U === "Busy" ? "Busy" : U === "Thinking..." || U === "Processing Voice..." ? U : Z != null && Z !== "" && Z !== "none" && Z !== "<none>" ? `Enter ${vn(Z)}` : ue !== "hidden" || !gt ? null : It, [U, Z, re, ue, gt]), _t = !re && U !== "Busy" && U !== "Thinking..." && U !== "Processing Voice..." && (Z == null || Z === "" || Z === "none" || Z === "<none>");
   P(() => {
     if (ue !== "hidden" || !_t) {
       bt(!1), Se.current != null && (clearTimeout(Se.current), Se.current = null);
@@ -742,7 +744,7 @@ const yn = ({
   }, [ue, _t]);
   const qe = Fe != null && Fe !== "";
   P(() => {
-    const e = J.current;
+    const e = j.current;
     if (!(e === "exiting" || e === "entering")) {
       if (e === "hidden") {
         qe && (Be(Fe ?? ""), Ae("entering"));
@@ -753,17 +755,17 @@ const yn = ({
   }, [
     qe,
     Fe,
-    te,
+    ne,
     Le
   ]), P(() => {
     if (U !== "Busy") {
-      Z.current != null && (clearTimeout(Z.current), Z.current = null);
+      ee.current != null && (clearTimeout(ee.current), ee.current = null);
       return;
     }
-    return Z.current = setTimeout(() => {
-      Z.current = null, _("Ready"), ft(!0);
+    return ee.current = setTimeout(() => {
+      ee.current = null, _("Ready"), ft(!0);
     }, 12e3), () => {
-      Z.current != null && (clearTimeout(Z.current), Z.current = null);
+      ee.current != null && (clearTimeout(ee.current), ee.current = null);
     };
   }, [U]), P(() => {
     if (!re) return;
@@ -771,7 +773,7 @@ const yn = ({
     return () => clearTimeout(e);
   }, [re]);
   const Ct = Qe(() => {
-    const e = J.current;
+    const e = j.current;
     if (e === "exiting") {
       Ae("hidden");
       const t = Me.current;
@@ -820,7 +822,7 @@ const yn = ({
   }, Nt = Qe(() => {
   }, []), wt = (e) => {
     if (Ce.current)
-      e === "§" ? Ce.current = !1 : (Oe.current += e, N((t) => t + e));
+      e === "§" ? Ce.current = !1 : (Oe.current += e, I((t) => t + e));
     else if (e === "§") {
       Ce.current = !0;
       return;
@@ -866,7 +868,7 @@ const yn = ({
     })();
   }, []), P(() => {
     const e = () => {
-      pt.current = Date.now(), Pe.current && (Pe.current = !1, We(!1), k([]), xe(""), N(""), $(!1));
+      pt.current = Date.now(), Pe.current && (Pe.current = !1, We(!1), k([]), xe(""), I(""), $(!1));
     };
     window.addEventListener("mousemove", e), window.addEventListener("keydown", e), window.addEventListener("mousedown", e), window.addEventListener("touchstart", e);
     const t = setInterval(async () => {
@@ -934,12 +936,12 @@ const yn = ({
   ), me = c(null), Te = c(
     null
   ), ze = Qe((e = !1) => {
-    e && (ke.current = !0, m(!1), _("Ready")), v.current = [], M.current = [], L.current = !1, $(!1), we.current = 0, le.current = 0, ve.current = 0, _e.current.forEach((t) => {
+    e && (ke.current = !0, m(!1), _("Ready")), v.current = [], D.current = [], L.current = !1, $(!1), we.current = 0, le.current = 0, ve.current = 0, _e.current.forEach((t) => {
       try {
         t.stop();
       } catch {
       }
-    }), De.current && (clearTimeout(De.current), De.current = null), ne(null), $e(""), _e.current = [];
+    }), De.current && (clearTimeout(De.current), De.current = null), X(null), $e(""), _e.current = [];
   }, []), Wt = async () => {
     try {
       const e = await navigator.mediaDevices.getUserMedia({ audio: !0 }), t = window.AudioContext || window.webkitAudioContext, s = new t(), o = s.createMediaStreamSource(e), n = s.createAnalyser();
@@ -991,18 +993,18 @@ const yn = ({
   const $t = (e) => {
     const t = e.numberOfChannels, s = e.length * t * 2 + 44, o = new ArrayBuffer(s), n = new DataView(o);
     let a = 0;
-    const p = (O) => {
-      n.setUint16(a, O, !0), a += 2;
-    }, R = (O) => {
-      n.setUint32(a, O, !0), a += 4;
+    const p = (F) => {
+      n.setUint16(a, F, !0), a += 2;
+    }, R = (F) => {
+      n.setUint32(a, F, !0), a += 4;
     };
     R(1179011410), R(s - 8), R(1163280727), R(544501094), R(16), p(1), p(t), R(e.sampleRate), R(e.sampleRate * 2 * t), p(t * 2), p(16), R(1635017060), R(s - a - 4);
     const S = [];
-    for (let O = 0; O < t; O++) S.push(e.getChannelData(O));
+    for (let F = 0; F < t; F++) S.push(e.getChannelData(F));
     let x = 0;
     for (; a < s; ) {
-      for (let O = 0; O < t; O++) {
-        let H = Math.max(-1, Math.min(1, S[O][x]));
+      for (let F = 0; F < t; F++) {
+        let H = Math.max(-1, Math.min(1, S[F][x]));
         H = H < 0 ? H * 32768 : H * 32767, n.setInt16(a, H, !0), a += 2;
       }
       x++;
@@ -1011,7 +1013,7 @@ const yn = ({
   }, ot = async (e, t, s = !1) => {
     if (!ke.current) {
       if (W.current) {
-        M.current.push({
+        D.current.push({
           audio: e,
           visemes: t,
           isNewSegment: s
@@ -1023,46 +1025,46 @@ const yn = ({
         const o = window.AudioContext || window.webkitAudioContext, n = y.current ?? new o();
         n.state === "suspended" && await n.resume(), y.current = n;
         const a = window.atob(e), p = new Uint8Array(a.length);
-        for (let F = 0; F < a.length; F++)
-          p[F] = a.charCodeAt(F);
+        for (let N = 0; N < a.length; N++)
+          p[N] = a.charCodeAt(N);
         const R = await n.decodeAudioData(p.buffer.slice(0));
         ve.current += R.duration;
         const S = n.currentTime;
         let x = le.current;
-        const O = !L.current;
+        const F = !L.current;
         x < S && (x = S + 0.1), le.current = x + R.duration;
         const H = n.createBufferSource();
         H.buffer = R;
-        let j = xt;
-        if ((!j || j.context !== n) && (j = n.createAnalyser(), j.fftSize = 64, j.connect(n.destination), Bt(j)), H.connect(j), _e.current.push(H), ke.current) {
-          _e.current = _e.current.filter((F) => F !== H);
+        let J = xt;
+        if ((!J || J.context !== n) && (J = n.createAnalyser(), J.fftSize = 64, J.connect(n.destination), Bt(J)), H.connect(J), _e.current.push(H), ke.current) {
+          _e.current = _e.current.filter((N) => N !== H);
           return;
         }
-        if (O) {
+        if (F) {
           L.current = !0, $(!0), B(
             `[AUDIO] setIsSpeaking(true) - First chunk starting at ${x.toFixed(
               3
             )}`
           ), we.current = x;
-          const F = (x - S) * 1e3;
-          be.current = performance.now() + F, B(
+          const N = (x - S) * 1e3;
+          be.current = performance.now() + N, B(
             `[AUDIO] Response started. Initial startTime: ${x.toFixed(
               3
             )}, CT: ${S.toFixed(3)}`
           );
         }
         H.start(x);
-        const X = (x - we.current) * 1e3;
-        s && (Ne.current = X, B(
-          `[AUDIO] New segment detected at +${X.toFixed(
+        const K = (x - we.current) * 1e3;
+        s && (Ne.current = K, B(
+          `[AUDIO] New segment detected at +${K.toFixed(
             0
           )}ms. Resetting segment offset.`
-        )), t.forEach((F, se) => {
-          const D = F.symbol ?? "";
-          if (D) {
-            const ie = bn(D), fe = Math.round(F.start * 1e3), Ee = Math.round((F.duration ?? 0) * 1e3), At = Ne.current + fe;
+        )), t.forEach((N, se) => {
+          const C = N.symbol ?? "";
+          if (C) {
+            const ie = bn(C), fe = Math.round(N.start * 1e3), Ee = Math.round((N.duration ?? 0) * 1e3), At = Ne.current + fe;
             se < 3 && B(
-              `[AUDIO] Viseme "${D}": segment_relative=${fe}ms, segment_offset=${Ne.current.toFixed(
+              `[AUDIO] Viseme "${C}": segment_relative=${fe}ms, segment_offset=${Ne.current.toFixed(
                 0
               )}ms => vtime=${At}ms`
             ), ie.forEach((Lt) => {
@@ -1076,19 +1078,19 @@ const yn = ({
           }
         }), _("Speaking...");
       } finally {
-        if (W.current = !1, M.current.length > 0) {
-          const o = M.current.shift();
+        if (W.current = !1, D.current.length > 0) {
+          const o = D.current.shift();
           o && ot(o.audio, o.visemes, o.isNewSegment);
         }
       }
     }
   }, jt = async (e) => {
     try {
-      m(!0), We(!1), Oe.current = "", N(""), _("Processing Voice...");
+      m(!0), We(!1), Oe.current = "", I(""), _("Processing Voice...");
       const t = await e.arrayBuffer(), o = await new (window.AudioContext || window.webkitAudioContext)().decodeAudioData(t), n = $t(o), a = new FileReader();
       a.readAsDataURL(n), a.onloadend = async () => {
         const p = a.result.split(",")[1];
-        ze(), ee(""), he.current = "", Ce.current = !1;
+        ze(), te(""), he.current = "", Ce.current = !1;
         const R = `${lt}/stt?token=${encodeURIComponent(
           T
         )}`, S = await fetch(R, {
@@ -1101,53 +1103,53 @@ const yn = ({
         });
         if (S.status === 429) {
           try {
-            const se = await S.text(), D = JSON.parse(se);
-            B("[STT] 429 agent at capacity:", D?.detail);
+            const se = await S.text(), C = JSON.parse(se);
+            B("[STT] 429 agent at capacity:", C?.detail);
           } catch {
           }
-          ee(""), _("Busy"), m(!1);
+          te(""), _("Busy"), m(!1);
           return;
         }
         if (!S.ok) {
           const se = await S.text();
-          let D = "STT Failed";
+          let C = "STT Failed";
           try {
-            D = JSON.parse(se).error || D;
+            C = JSON.parse(se).error || C;
           } catch {
-            se && (D = se.slice(0, 200));
+            se && (C = se.slice(0, 200));
           }
-          throw new Error(D);
+          throw new Error(C);
         }
         const x = S.body;
         if (B("this is body" + x), !x) {
           _("STT Failed"), m(!1);
           return;
         }
-        const O = x.getReader();
+        const F = x.getReader();
         ke.current = !1;
         const H = new TextDecoder();
-        let j = "", X = !1;
-        const F = async (se, D) => {
+        let J = "", K = !1;
+        const N = async (se, C) => {
           switch (se) {
             case "transcript":
-              D.transcript != null && ee(String(D.transcript));
+              C.transcript != null && te(String(C.transcript));
               break;
             case "text": {
-              const ie = D.delta ?? D.text ?? "";
+              const ie = C.delta ?? C.text ?? "";
               ie && wt(ie);
               break;
             }
             case "audio": {
-              const ie = D.chunk, fe = D.visemes ?? [], Ee = !!D.is_new_segment;
+              const ie = C.chunk, fe = C.visemes ?? [], Ee = !!C.is_new_segment;
               ie && await ot(ie, fe, Ee);
               break;
             }
             case "done": {
-              X = !0, _("Ready"), m(!1);
+              K = !0, _("Ready"), m(!1);
               break;
             }
             case "error": {
-              X = !0, _("STT Failed"), m(!1);
+              K = !0, _("STT Failed"), m(!1);
               break;
             }
             default:
@@ -1155,22 +1157,22 @@ const yn = ({
           }
         };
         for (; ; ) {
-          const { done: se, value: D } = await O.read();
-          D && (j += H.decode(D, { stream: !0 }));
-          const ie = j.split(`
+          const { done: se, value: C } = await F.read();
+          C && (J += H.decode(C, { stream: !0 }));
+          const ie = J.split(`
 
 `);
-          j = ie.pop() ?? "";
+          J = ie.pop() ?? "";
           for (const fe of ie) {
             const Ee = Ye(fe);
-            Ee && await F(Ee.event, Ee.data);
+            Ee && await N(Ee.event, Ee.data);
           }
           if (se) {
-            if (j.trim()) {
-              const fe = Ye(j.trim());
-              fe && await F(fe.event, fe.data);
+            if (J.trim()) {
+              const fe = Ye(J.trim());
+              fe && await N(fe.event, fe.data);
             }
-            X || (_("Ready"), m(!1));
+            K || (_("Ready"), m(!1));
             break;
           }
         }
@@ -1179,7 +1181,7 @@ const yn = ({
       console.error("Audio Submission Error:", t), _("STT Failed"), m(!1);
     }
   }, Jt = async (e) => {
-    e && e.preventDefault(), We(!1), Oe.current = "", N(""), !(!E || ce) && await qt(E);
+    e && e.preventDefault(), We(!1), Oe.current = "", I(""), !(!E || ce) && await qt(E);
   }, Ye = (e) => {
     const t = e.split(/\r?\n/);
     let s = "", o = "";
@@ -1215,12 +1217,12 @@ const yn = ({
           { role: "user", content: E || "..." },
           { role: "assistant", content: o }
         ];
-        Ut(n), Ie.current = [...v.current], _("Ready"), m(!1), ee("");
+        Ut(n), Ie.current = [...v.current], _("Ready"), m(!1), te("");
         break;
       }
       case "error": {
         const s = t.message ?? "Unknown error";
-        Oe.current = s, N(s), _("Agent Failed"), m(!1);
+        Oe.current = s, I(s), _("Agent Failed"), m(!1);
         break;
       }
     }
@@ -1251,11 +1253,11 @@ const yn = ({
       });
       if (a.status === 429) {
         try {
-          const O = await a.json();
-          B("[CHAT] 429 agent at capacity:", O?.detail);
+          const F = await a.json();
+          B("[CHAT] 429 agent at capacity:", F?.detail);
         } catch {
         }
-        ee(""), _("Busy"), m(!1);
+        te(""), _("Busy"), m(!1);
         return;
       }
       if (!a.ok)
@@ -1270,25 +1272,25 @@ const yn = ({
       const S = new TextDecoder();
       let x = "";
       for (; ; ) {
-        const { done: O, value: H } = await R.read();
+        const { done: F, value: H } = await R.read();
         B(
-          `[SSE] Chunk received. done=${O}, length=${H?.length || 0}`
+          `[SSE] Chunk received. done=${F}, length=${H?.length || 0}`
         ), H && (x += S.decode(H, { stream: !0 }));
-        const j = x.split(`
+        const J = x.split(`
 
 `);
-        x = j.pop() ?? "";
-        for (const X of j) {
-          B(`[SSE] Processing block: ${X.slice(0, 50)}...`);
-          const F = Ye(X);
-          F && (B(`[SSE] Event: ${F.event}`), kt(F.event, F.data));
+        x = J.pop() ?? "";
+        for (const K of J) {
+          B(`[SSE] Processing block: ${K.slice(0, 50)}...`);
+          const N = Ye(K);
+          N && (B(`[SSE] Event: ${N.event}`), kt(N.event, N.data));
         }
-        if (O) {
+        if (F) {
           if (B("[SSE] Stream finished"), x.trim()) {
-            const X = Ye(x.trim());
-            X && kt(X.event, X.data);
+            const K = Ye(x.trim());
+            K && kt(K.event, K.data);
           }
-          _("Ready"), m(!1), ee("");
+          _("Ready"), m(!1), te("");
           break;
         }
       }
@@ -1312,10 +1314,10 @@ const yn = ({
     e && (e.scrollTop = e.scrollHeight);
   }, [mt]), /* @__PURE__ */ oe("div", { className: "avatar-widget-container", children: [
     /* @__PURE__ */ oe("div", { className: "avatar-input-area", children: [
-      te !== "hidden" ? /* @__PURE__ */ l(
+      ne !== "hidden" ? /* @__PURE__ */ l(
         "div",
         {
-          className: `avatar-thinking-tab${te === "exiting" ? " avatar-thinking-tab--exiting" : te === "entering" ? " avatar-thinking-tab--entering" : ""}`,
+          className: `avatar-thinking-tab${ne === "exiting" ? " avatar-thinking-tab--exiting" : ne === "entering" ? " avatar-thinking-tab--entering" : ""}`,
           onAnimationEnd: Ct,
           children: Le === It ? /* @__PURE__ */ l(
             "a",
@@ -1477,7 +1479,7 @@ const yn = ({
                     id: "avatar-text-input",
                     type: "text",
                     value: E,
-                    onChange: (e) => ee(e.target.value),
+                    onChange: (e) => te(e.target.value),
                     placeholder: U === "Busy" ? "Assisting another user" : He || "Ask me anything",
                     disabled: ce || U === "Busy",
                     autoComplete: "off",
@@ -1595,7 +1597,7 @@ const yn = ({
         "div",
         {
           className: "avatar-canvas-layer",
-          style: { width: C, height: C },
+          style: { width: O, height: O },
           children: /* @__PURE__ */ oe(
             Qt,
             {