@streamoji/avatar-widget 0.4.7 → 0.5.0

package/dist/avatar-widget.js

@@ -1,11 +1,11 @@
 import { jsx as l, jsxs as be } from "react/jsx-runtime";
-import { useGLTF as Mt, Environment as vn } from "@react-three/drei";
+import { useGLTF as It, Environment as vn } from "@react-three/drei";
 import { useFrame as kn, Canvas as Rn, useThree as xn } from "@react-three/fiber";
 import { memo as Tn, useMemo as Ut, useRef as c, useState as L, useEffect as W, useCallback as tt, useLayoutEffect as An, Suspense as En } from "react";
 import * as at from "three";
-import { GLTFLoader as Mn } from "three/examples/jsm/loaders/GLTFLoader.js";
+import { GLTFLoader as In } from "three/examples/jsm/loaders/GLTFLoader.js";
 const nt = "https://ai.streamoji.com", N = (...g) => {
-}, In = (...g) => {
+}, Mn = (...g) => {
 }, Kt = ({ analyser: g }) => {
   const v = c(null), y = c(null);
   return W(() => {
@@ -23,14 +23,14 @@ const nt = "https://ai.streamoji.com", N = (...g) => {
       j.clearRect(0, 0, Be, U), j.fillStyle = "#1e293b";
       const ve = 2, G = ve + 2, Ae = Be * 0.95, q = Math.floor(Ae / G);
       (!y.current || y.current.length !== q) && (y.current = new Float32Array(q).fill(2));
-      const se = q * G, M = (Be - se) / 2;
+      const se = q * G, I = (Be - se) / 2;
       g && ee && g.getByteFrequencyData(ee);
       const _e = ee ? ee.length : 0, b = Math.floor(_e * 0.7) / q, ae = new Float32Array(q);
       for (let m = 0; m < q; m++) {
         let O = 0;
         if (ee && b > 0) {
-          const I = Math.floor(m * b), F = Math.floor((m + 1) * b);
-          for (let Y = I; Y < F; Y++) {
+          const M = Math.floor(m * b), F = Math.floor((m + 1) * b);
+          for (let Y = M; Y < F; Y++) {
             const X = ee[Y] || 0;
             X > O && (O = X);
           }
@@ -42,8 +42,8 @@ const nt = "https://ai.streamoji.com", N = (...g) => {
       for (let m = 0; m < q; m++) {
         const O = q - 1 - m, z = Math.max(ae[m], ae[O]), A = y.current[m] + (z - y.current[m]) * 0.3;
         y.current[m] = A;
-        const I = M + m * G, F = rt - A / 2;
-        j.beginPath(), j.roundRect ? j.roundRect(I, F, ve, A, 4) : j.fillRect(I, F, ve, A), j.fill();
+        const M = I + m * G, F = rt - A / 2;
+        j.beginPath(), j.roundRect ? j.roundRect(M, F, ve, A, 4) : j.fillRect(M, F, ve, A), j.fill();
       }
     };
     return Qe(), () => {
@@ -266,7 +266,7 @@ const Cn = [
   rotation: [0.15, 0.02, 0]
 }, Wn = [-0.45, 1.9, 0.1], Vn = [-0.45, 1.75, 0.1], $n = {
   browInnerUp: 0.2
-}, It = 0.18, Hn = 1, jn = 0.5, Xt = 3, bt = 0.55, Dt = 0.12, Zt = 2, en = 2, _t = 4, tn = 8, Gn = 1, nn = 0.38, rn = 0.32, on = "__branding__", wt = {
+}, Mt = 0.18, Hn = 1, jn = 0.5, Xt = 3, bt = 0.55, Dt = 0.12, Zt = 2, en = 2, _t = 4, tn = 8, Gn = 1, nn = 0.38, rn = 0.32, on = "__branding__", wt = {
   neutral: { eyeLookDownLeft: 0.1, eyeLookDownRight: 0.1 },
   happy: {
     mouthSmileLeft: 0.2,
@@ -658,25 +658,25 @@ const Kn = Tn(
     isNudgeResponse: q,
     avatarGender: se
   }) => {
-    const { scene: M } = Mt(g), H = Mt(se === "female" ? Un : Cn), b = Ut(
+    const { scene: I } = It(g), H = It(se === "female" ? Un : Cn), b = Ut(
       () => H.flatMap((p) => p.animations),
       [H]
-    ), m = Mt(se === "female" ? Pn : Fn), O = Ut(
+    ), m = It(se === "female" ? Pn : Fn), O = Ut(
       () => m.flatMap((p) => p.animations),
       [m]
-    ), z = c(null), A = c(null), I = c(null), F = c(null), Y = c(null), X = c(null), yt = c([]), [te] = L(() => new at.AnimationMixer(M)), J = c({}), V = c(null), Ee = c(0), Ze = c(!1), We = c(0), Me = c(!1), we = c(null), Ie = c(Xt), ct = c(-1), De = c("left"), Ve = c(_t + Math.random() * (tn - _t)), de = c(0), Oe = c("smile");
+    ), z = c(null), A = c(null), M = c(null), F = c(null), Y = c(null), X = c(null), yt = c([]), [te] = L(() => new at.AnimationMixer(I)), J = c({}), V = c(null), Ee = c(0), Ze = c(!1), We = c(0), Ie = c(!1), we = c(null), Me = c(Xt), ct = c(-1), De = c("left"), Ve = c(_t + Math.random() * (tn - _t)), de = c(0), Oe = c("smile");
     W(() => {
-      if (!(!b || !M)) {
+      if (!(!b || !I)) {
         if (b.forEach((p, h) => {
           const a = `idle_${h}`;
           if (!J.current[a]) {
-            const o = te.clipAction(p, M);
+            const o = te.clipAction(p, I);
             o.name = a, o.setLoop(at.LoopOnce, 1), o.clampWhenFinished = !0, J.current[a] = o;
           }
         }), O.forEach((p, h) => {
           const a = `talk_${h}`;
           if (!J.current[a]) {
-            const o = te.clipAction(p, M);
+            const o = te.clipAction(p, I);
             o.name = a, o.setLoop(at.LoopOnce, 1), o.clampWhenFinished = !0, J.current[a] = o;
           }
         }), b.length > 0) {
@@ -687,15 +687,15 @@ const Kn = Tn(
           te.stopAllAction(), J.current = {}, V.current = null;
         };
       }
-    }, [b, O, M, te]);
+    }, [b, O, I, te]);
     const ke = c("");
     W(() => {
-      if (!G || !M || G === ke.current) return;
-      ke.current = G, we.current = G, new Mn().load(
+      if (!G || !I || G === ke.current) return;
+      ke.current = G, we.current = G, new In().load(
         G,
         (h) => {
           if (h.animations && h.animations.length > 0) {
-            const a = h.animations[0], o = te.clipAction(a, M);
+            const a = h.animations[0], o = te.clipAction(a, I);
             if (o.name = `EXPR_${G}`, o.setLoop(at.LoopOnce, 1), o.clampWhenFinished = !0, J.current[`EXPR_${G}`] = o, U && we.current === G) {
               const d = V.current;
               o.reset().fadeIn(0.3).play(), d && d !== o && d.crossFadeTo(o, 0.3, !0), V.current = o, we.current = null;
@@ -707,7 +707,7 @@ const Kn = Tn(
           console.error(`[ANIMATION] Failed to load ${G}`, h);
         }
       );
-    }, [G, M, te, U]), W(() => {
+    }, [G, I, te, U]), W(() => {
       const p = (h) => {
         const a = h.action, o = a.name || "";
         if (o.startsWith("idle_")) {
@@ -742,7 +742,7 @@ const Kn = Tn(
       q,
       Ae
     ]), W(() => {
-      if (U && M) {
+      if (U && I) {
         const p = V.current, h = p?.name || "";
         if (h.startsWith("idle_") || h.startsWith("talk_") || h === "") {
           const a = we.current;
@@ -760,19 +760,19 @@ const Kn = Tn(
             d && (d.reset().fadeIn(0.5).play(), p && p.crossFadeTo(d, 0.5, !0), V.current = d);
           }
         }
-      } else if (!U && M) {
+      } else if (!U && I) {
         const p = V.current, h = p?.name || "";
         if (h.startsWith("talk_") || h.startsWith("EXPR_")) {
           const a = J.current.idle_0;
           a && (a.reset().fadeIn(0.5).play(), p && p.crossFadeTo(a, 0.5, !0), V.current = a);
         }
       }
-    }, [U, M, G]), W(() => {
-      if (!M) return;
-      M.traverse((a) => {
+    }, [U, I, G]), W(() => {
+      if (!I) return;
+      I.traverse((a) => {
         if (a.isMesh && a.morphTargetDictionary) {
           const o = a.name.toLowerCase();
-          (o.includes("head") || o.includes("avatar")) && (A.current = a, N(`[ANIMATION] Found head mesh: ${a.name}`)), o.includes("teeth") && (I.current = a, N(`[ANIMATION] Found teeth mesh: ${a.name}`)), o.includes("beard") && (F.current = a, N(`[ANIMATION] Found beard mesh: ${a.name}`)), o.includes("eyeleft") && (Y.current = a, N(`[ANIMATION] Found eye left mesh: ${a.name}`)), o.includes("eyeright") && (X.current = a, N(`[ANIMATION] Found eye right mesh: ${a.name}`));
+          (o.includes("head") || o.includes("avatar")) && (A.current = a, N(`[ANIMATION] Found head mesh: ${a.name}`)), o.includes("teeth") && (M.current = a, N(`[ANIMATION] Found teeth mesh: ${a.name}`)), o.includes("beard") && (F.current = a, N(`[ANIMATION] Found beard mesh: ${a.name}`)), o.includes("eyeleft") && (Y.current = a, N(`[ANIMATION] Found eye left mesh: ${a.name}`)), o.includes("eyeright") && (X.current = a, N(`[ANIMATION] Found eye right mesh: ${a.name}`));
         }
       });
       const p = A.current?.morphTargetDictionary;
@@ -780,39 +780,39 @@ const Kn = Tn(
         (a) => a.toLowerCase().includes("brow")
       );
       const h = [];
-      M.traverse((a) => {
+      I.traverse((a) => {
         if (a.isMesh) {
           const d = a.morphTargetDictionary;
           d && Object.keys(d).some((D) => D.toLowerCase().includes("brow")) && h.push(a);
         }
       }), yt.current = h, h.length > 0 && N("[ANIMATION] Meshes with brow morphs:", h.length);
-    }, [M]);
+    }, [I]);
     const ot = (p, h = 1) => {
       const a = `viseme_${p}`.toLowerCase(), o = Jn.find((d) => d.key.toLowerCase() === a);
       if (o) {
         for (const d in o.mix) {
           const D = o.mix[d] * h;
-          u(A.current, d, D), u(F.current, d, D), (!o.teethMix || !(d in o.teethMix)) && u(I.current, d, D);
+          u(A.current, d, D), u(F.current, d, D), (!o.teethMix || !(d in o.teethMix)) && u(M.current, d, D);
         }
         if (o.teethMix)
           for (const d in o.teethMix) {
             const D = o.teethMix[d] * h;
-            u(I.current, d, D);
+            u(M.current, d, D);
           }
       }
     }, it = (p) => {
       const h = wt[p] ?? wt.neutral;
       for (const a in h)
-        u(A.current, a, h[a]), u(I.current, a, h[a]), u(F.current, a, h[a]);
+        u(A.current, a, h[a]), u(M.current, a, h[a]), u(F.current, a, h[a]);
     };
     return kn((p, h) => {
       const a = Math.pow(0.88, 60 * h);
-      Ot(A.current, a), Ot(I.current, a), Ot(F.current, a), it(ee);
+      Ot(A.current, a), Ot(M.current, a), Ot(F.current, a), it(ee);
       const o = p.clock.elapsedTime;
       let d = 0;
       if (Math.floor(o) % 5 === 0 && Math.floor((o - h) % 5) !== 0) {
         let _ = null;
-        M.traverse((P) => {
+        I.traverse((P) => {
           P.name.toLowerCase().includes("hips") && (_ = P);
         });
         const K = _ ? `Hips Y: ${_.position.y.toFixed(4)}` : "Hips not found";
@@ -821,20 +821,20 @@ const Kn = Tn(
       if (te.update(h), o > Ee.current && !Ze.current && (Ze.current = !0, We.current = o), Ze.current) {
         const _ = U ? 0.2 : 0.3, K = (o - We.current) / _;
         if (K >= 1)
-          if (Ze.current = !1, Me.current) {
+          if (Ze.current = !1, Ie.current) {
             const P = U ? 1 : 2.5;
-            Ee.current = o + P, Me.current = !1;
+            Ee.current = o + P, Ie.current = !1;
           } else
-            Ee.current = o + 0.12, Me.current = !0;
+            Ee.current = o + 0.12, Ie.current = !0;
         else {
           const P = K < 0.5 ? K * 2 : (1 - K) * 2;
-          u(A.current, "eyeBlinkLeft", P), u(A.current, "eyeBlinkRight", P), u(I.current, "eyeBlinkLeft", P), u(I.current, "eyeBlinkRight", P), u(F.current, "eyeBlinkLeft", P), u(F.current, "eyeBlinkRight", P), d = P * $n.browInnerUp;
+          u(A.current, "eyeBlinkLeft", P), u(A.current, "eyeBlinkRight", P), u(M.current, "eyeBlinkLeft", P), u(M.current, "eyeBlinkRight", P), u(F.current, "eyeBlinkLeft", P), u(F.current, "eyeBlinkRight", P), d = P * $n.browInnerUp;
         }
       }
-      const D = wt[ee] ?? wt.neutral, ne = D.browInnerUp ?? 0, St = D.browOuterUpLeft ?? 0, $e = D.browOuterUpRight ?? 0, re = o * Hn, ut = It * Math.sin(re), Ce = It * 0.7 * Math.sin(re + 0.7), He = It * 0.7 * Math.sin(re + 1.3), R = (_) => Math.max(0, Math.min(1, _)), lt = R(ne + ut), je = R(St + Ce), Ge = R($e + He), ht = R(lt + d);
-      u(A.current, "browInnerUp", ht), u(I.current, "browInnerUp", ht), u(F.current, "browInnerUp", ht), u(A.current, "browOuterUpLeft", je), u(I.current, "browOuterUpLeft", je), u(F.current, "browOuterUpLeft", je), u(A.current, "browOuterUpRight", Ge), u(I.current, "browOuterUpRight", Ge), u(F.current, "browOuterUpRight", Ge);
-      const Je = Ie.current, Ue = Je + bt, fe = Ue + Dt;
-      o > fe && (Ie.current += bt + Dt + Xt);
+      const D = wt[ee] ?? wt.neutral, ne = D.browInnerUp ?? 0, St = D.browOuterUpLeft ?? 0, $e = D.browOuterUpRight ?? 0, re = o * Hn, ut = Mt * Math.sin(re), Ce = Mt * 0.7 * Math.sin(re + 0.7), He = Mt * 0.7 * Math.sin(re + 1.3), R = (_) => Math.max(0, Math.min(1, _)), lt = R(ne + ut), je = R(St + Ce), Ge = R($e + He), ht = R(lt + d);
+      u(A.current, "browInnerUp", ht), u(M.current, "browInnerUp", ht), u(F.current, "browInnerUp", ht), u(A.current, "browOuterUpLeft", je), u(M.current, "browOuterUpLeft", je), u(F.current, "browOuterUpLeft", je), u(A.current, "browOuterUpRight", Ge), u(M.current, "browOuterUpRight", Ge), u(F.current, "browOuterUpRight", Ge);
+      const Je = Me.current, Ue = Je + bt, fe = Ue + Dt;
+      o > fe && (Me.current += bt + Dt + Xt);
       const ye = !U && o >= Je && o < Ue, Ne = !U && o >= Ue && o < fe;
       (ye || Ne) && ct.current !== Je && (ct.current = Je, De.current = Math.random() < 0.7 ? "left" : "up");
       const dt = ye ? o - Je : Ne ? bt : 0, oe = ye || Ne ? Math.min(1, dt / bt) : 0, qe = oe <= 0 ? 0 : Math.sin(oe * Math.PI), ft = Ne ? 1 - (o - Ue) / Dt : 1, Lt = ye ? qe : Ne ? qe * ft : 0, Fe = jn * Lt, x = (_) => D[_] ?? 0;
@@ -850,10 +850,10 @@ const Kn = Tn(
       if (ue)
         if (Oe.current === "pucker") {
           const _ = R(me("mouthPucker") + Gn * Re);
-          u(A.current, "mouthPucker", _), u(I.current, "mouthPucker", _), u(F.current, "mouthPucker", _);
+          u(A.current, "mouthPucker", _), u(M.current, "mouthPucker", _), u(F.current, "mouthPucker", _);
         } else {
           const _ = R(me("mouthSmileLeft") + nn * Re), K = R(me("mouthSmileRight") + nn * Re), P = R(me("mouthDimpleLeft") + rn * Re), xe = R(me("mouthDimpleRight") + rn * Re);
-          u(A.current, "mouthSmileLeft", _), u(A.current, "mouthSmileRight", K), u(A.current, "mouthDimpleLeft", P), u(A.current, "mouthDimpleRight", xe), u(I.current, "mouthSmileLeft", _), u(I.current, "mouthSmileRight", K), u(I.current, "mouthDimpleLeft", P), u(I.current, "mouthDimpleRight", xe), u(F.current, "mouthSmileLeft", _), u(F.current, "mouthSmileRight", K), u(F.current, "mouthDimpleLeft", P), u(F.current, "mouthDimpleRight", xe);
+          u(A.current, "mouthSmileLeft", _), u(A.current, "mouthSmileRight", K), u(A.current, "mouthDimpleLeft", P), u(A.current, "mouthDimpleRight", xe), u(M.current, "mouthSmileLeft", _), u(M.current, "mouthSmileRight", K), u(M.current, "mouthDimpleLeft", P), u(M.current, "mouthDimpleRight", xe), u(F.current, "mouthSmileLeft", _), u(F.current, "mouthSmileRight", K), u(F.current, "mouthDimpleLeft", P), u(F.current, "mouthDimpleRight", xe);
         }
       if (z.current) {
         const _ = v.current ? 0 : Q.rotation[1];
@@ -871,7 +871,7 @@ const Kn = Tn(
         }
         _ > rt.current + 0.5 && (ve(), Xe(!1));
       }
-    }), /* @__PURE__ */ l("group", { ref: z, children: /* @__PURE__ */ l("primitive", { object: M }) });
+    }), /* @__PURE__ */ l("group", { ref: z, children: /* @__PURE__ */ l("primitive", { object: I }) });
   }
 );
 function Qn(g) {
@@ -933,14 +933,14 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
       e = !0;
     };
   }, [v]);
-  const Ae = On(v ?? Be), [q, se] = L(""), [M, _e] = L(""), [H, b] = L("Ready"), [ae, m] = L(!1), [O, z] = L(!1), [A, I] = L([]), [F, Y] = L(""), X = c(null), [yt, te] = L(
+  const Ae = On(v ?? Be), [q, se] = L(""), [I, _e] = L(""), [H, b] = L("Ready"), [ae, m] = L(!1), [O, z] = L(!1), [A, M] = L([]), [F, Y] = L(""), X = c(null), [yt, te] = L(
     () => typeof window < "u" ? window.matchMedia("(max-width: 480px)").matches : !1
   );
   W(() => {
     const e = window.matchMedia("(max-width: 480px)"), n = () => te(e.matches);
     return e.addEventListener("change", n), () => e.removeEventListener("change", n);
   }, []);
-  const J = yt ? 80 : 600, V = c(!1), Ee = c([]), Ze = c(0), We = c(!1), Me = c([]), we = c(null), Ie = c([]);
+  const J = yt ? 80 : 600, V = c(!1), Ee = c([]), Ze = c(0), We = c(!1), Ie = c([]), we = c(null), Me = c([]);
   c([]);
   const ct = c([]), De = c(0), Ve = c(0), de = c(0), Oe = c(0), ke = c(!1), [ot, it] = L(
     null
@@ -1109,13 +1109,13 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
     })();
   }, [y]), W(() => {
     const e = () => {
-      ze.current = Date.now(), me.current && (me.current = !1, K(!1), I([]), Y(""), _e(""), z(!1));
+      ze.current = Date.now(), me.current && (me.current = !1, K(!1), M([]), Y(""), _e(""), z(!1));
     };
     window.addEventListener("mousemove", e), window.addEventListener("keydown", e), window.addEventListener("mousedown", e), window.addEventListener("touchstart", e);
     const n = setInterval(async () => {
       if (Date.now() - ze.current >= 3e4 && !O && !ae && H === "Ready" && !me.current)
         if (me.current = !0, Re.current.length > 0)
-          K(!0), I(Re.current);
+          K(!0), M(Re.current);
         else
           try {
             const t = `${nt}/nudgeUser`, s = {
@@ -1130,7 +1130,7 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
             });
             if (f.ok) {
               const k = (await f.json()).nudge_questions;
-              k && k.length > 0 && (N("[NUDGE] Received nudge questions from API:", k), Re.current = k, K(!0), I(k));
+              k && k.length > 0 && (N("[NUDGE] Received nudge questions from API:", k), Re.current = k, K(!0), M(k));
             }
           } catch (t) {
             console.error("[NUDGE] Error calling /nudgeUser:", t), me.current = !1;
@@ -1177,12 +1177,12 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
   ), Te = c(null), Ye = c(
     null
   ), st = tt((e = !1) => {
-    e && (ke.current = !0, m(!1), b("Ready")), Me.current = [], Ee.current = [], We.current = !1, z(!1), De.current = 0, Ve.current = 0, de.current = 0, Ie.current.forEach((n) => {
+    e && (ke.current = !0, m(!1), b("Ready")), Ie.current = [], Ee.current = [], We.current = !1, z(!1), De.current = 0, Ve.current = 0, de.current = 0, Me.current.forEach((n) => {
       try {
         n.stop();
       } catch {
       }
-    }), Ue.current && (clearTimeout(Ue.current), Ue.current = null), Je(null), ne(""), Ie.current = [];
+    }), Ue.current && (clearTimeout(Ue.current), Ue.current = null), Je(null), ne(""), Me.current = [];
   }, []), fn = async () => {
     try {
       const e = await navigator.mediaDevices.getUserMedia({ audio: !0 }), n = window.AudioContext || window.webkitAudioContext, r = new n(), i = r.createMediaStreamSource(e), t = r.createAnalyser();
@@ -1216,7 +1216,7 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
       if (n <= 0) return;
       const r = we.current, i = De.current;
       if (!r) return;
-      const t = r.currentTime - i, s = Math.min(Math.max(0, t), n), w = sn(M).trim().length;
+      const t = r.currentTime - i, s = Math.min(Math.max(0, t), n), w = sn(I).trim().length;
       if (w <= 0) return;
       const k = Math.min(
         Math.round(s / n * w),
@@ -1225,7 +1225,7 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
       it(k);
     };
     return clearInterval(p.current ?? void 0), p.current = setInterval(e, 90), () => clearInterval(p.current ?? void 0);
-  }, [O, M, de.current]), W(() => {
+  }, [O, I, de.current]), W(() => {
     let e;
     return kt ? (xt(0), e = window.setInterval(() => {
       xt((n) => n + 1);
@@ -1277,8 +1277,8 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
         const C = t.createBufferSource();
         C.buffer = w;
         let Z = $t;
-        if ((!Z || Z.context !== t) && (Z = t.createAnalyser(), Z.fftSize = 64, Z.connect(t.destination), hn(Z)), C.connect(Z), Ie.current.push(C), ke.current) {
-          Ie.current = Ie.current.filter(($) => $ !== C);
+        if ((!Z || Z.context !== t) && (Z = t.createAnalyser(), Z.fftSize = 64, Z.connect(t.destination), hn(Z)), C.connect(Z), Me.current.push(C), ke.current) {
+          Me.current = Me.current.filter(($) => $ !== C);
           return;
         }
         if (T) {
@@ -1309,7 +1309,7 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
                 0
               )}ms => vtime=${zt}ms`
             ), ge.forEach((Yt) => {
-              Me.current.push({
+              Ie.current.push({
                 viseme: Yt.v,
                 weight: Yt.w,
                 vtime: zt,
@@ -1332,13 +1332,12 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
       s.readAsDataURL(t), s.onloadend = async () => {
         const f = s.result.split(",")[1];
         st(), se(""), x.current = "", ce.current = !1;
-        const w = `${nt}/stt`, k = await fetch(w, {
+        const w = `${nt}/stt?token=${encodeURIComponent(Xe)}`, k = await fetch(w, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
             audio_base64: f,
-            audio_format: "wav",
-            token: Xe
+            audio_format: "wav"
           })
         });
         if (k.status === 429) {
@@ -1461,7 +1460,7 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
           { role: "user", content: q || "..." },
           { role: "assistant", content: i }
         ];
-        ln(t), ct.current = [...Me.current], b("Ready"), m(!1), se("");
+        ln(t), ct.current = [...Ie.current], b("Ready"), m(!1), se("");
         break;
       }
       case "error": {
@@ -1527,18 +1526,17 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
   }, [S, jt, Gt]);
   const wn = async (e) => {
     m(!0), b("Thinking..."), ue.current = "", x.current = "", ce.current = !1, st(), de.current = 0, it(0);
-    const n = `${nt}/agent/chat`;
+    const n = `${nt}/agent/chat?token=${encodeURIComponent(Xe)}`;
     try {
       const r = Bt();
       let i = sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID");
-      i || (In(
+      i || (Mn(
         "[CHAT] Session UID missing at send time! Generating emergency backup."
       ), i = "emergency-" + Math.random().toString(36).substring(7), sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", i));
       const t = {
         history: r,
         question: e,
-        lead_id: i,
-        token: Xe
+        lead_id: i
       };
       N("[CHAT] Sending payload:", t);
       const s = await fetch(n, {
@@ -1595,7 +1593,7 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
     } catch (r) {
       console.error("Chat Error:", r), b("Agent Failed"), m(!1);
     }
-  }, yn = M.trim(), qt = sn(yn), Et = qt && O ? qt.slice(
+  }, yn = I.trim(), qt = sn(yn), Et = qt && O ? qt.slice(
     0,
     ot != null && ot > 0 ? ot : 0
   ) : "";
@@ -1916,13 +1914,13 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
                   {
                     avatarUrl: Ae,
                     isPlayingRef: We,
-                    visemeQueueRef: Me,
+                    visemeQueueRef: Ie,
                     audioContextRef: we,
                     responseAudioStartTimeRef: De,
                     adjustments: Bn,
                     mood: h,
                     expression: o,
-                    agentResponse: M,
+                    agentResponse: I,
                     isSpeaking: O,
                     nextStartTimeRef: Ve,
                     stopPlayback: st,