@streamoji/avatar-widget 0.3.2 → 0.3.4

package/dist/avatar-widget.js

@@ -1,72 +1,72 @@
 import { jsx as l, jsxs as ae } from "react/jsx-runtime";
 import { useGLTF as lt, Environment as Yt } from "@react-three/drei";
 import { useFrame as Qt, Canvas as Kt, useThree as Xt } from "@react-three/fiber";
-import { memo as Zt, useMemo as ft, useRef as a, useState as g, useEffect as $, useCallback as Ye, useLayoutEffect as en, Suspense as tn } from "react";
-import * as Ve from "three";
+import { memo as Zt, useMemo as ft, useRef as a, useState as g, useEffect as H, useCallback as Ke, useLayoutEffect as en, Suspense as tn } from "react";
+import * as He from "three";
 import { GLTFLoader as nn } from "three/examples/jsm/loaders/GLTFLoader.js";
-const ut = "https://ai.streamoji.com", V = (...f) => {
+const ut = "https://ai.streamoji.com", $ = (...f) => {
 }, rn = (...f) => {
 }, Et = ({ analyser: f }) => {
-  const T = a(null), b = a(null);
-  return $(() => {
-    const p = T.current;
+  const L = a(null), b = a(null);
+  return H(() => {
+    const p = L.current;
     if (!p) return;
     const _ = p.getContext("2d", { alpha: !0 });
     if (!_) return;
-    let O, H = null;
-    f && (f.fftSize = 128, H = new Uint8Array(f.frequencyBinCount));
-    const he = () => {
-      O = requestAnimationFrame(he), (p.width !== p.offsetWidth || p.height !== p.offsetHeight) && (p.width = p.offsetWidth, p.height = p.offsetHeight);
-      const K = p.width, D = p.height;
-      if (K === 0 || D === 0) return;
-      const me = D / 2;
-      _.clearRect(0, 0, K, D), _.fillStyle = "#1e293b";
-      const I = 2, k = I + 2, E = K * 0.95, U = Math.floor(E / k);
+    let D, j = null;
+    f && (f.fftSize = 128, j = new Uint8Array(f.frequencyBinCount));
+    const fe = () => {
+      D = requestAnimationFrame(fe), (p.width !== p.offsetWidth || p.height !== p.offsetHeight) && (p.width = p.offsetWidth, p.height = p.offsetHeight);
+      const K = p.width, N = p.height;
+      if (K === 0 || N === 0) return;
+      const he = N / 2;
+      _.clearRect(0, 0, K, N), _.fillStyle = "#1e293b";
+      const E = 2, S = E + 2, R = K * 0.95, U = Math.floor(R / S);
       (!b.current || b.current.length !== U) && (b.current = new Float32Array(U).fill(2));
-      const be = U * k, y = (K - be) / 2;
-      f && H && f.getByteFrequencyData(H);
-      const Ie = H ? H.length : 0, G = Math.floor(Ie * 0.7) / U, ce = new Float32Array(U);
-      for (let M = 0; M < U; M++) {
-        let B = 0;
-        if (H && G > 0) {
-          const ne = Math.floor(M * G), P = Math.floor((M + 1) * G);
-          for (let S = ne; S < P; S++) {
-            const x = H[S] || 0;
-            x > B && (B = x);
+      const me = U * S, y = (K - me) / 2;
+      f && j && f.getByteFrequencyData(j);
+      const Ie = j ? j.length : 0, Y = Math.floor(Ie * 0.7) / U, be = new Float32Array(U);
+      for (let B = 0; B < U; B++) {
+        let J = 0;
+        if (j && Y > 0) {
+          const P = Math.floor(B * Y), _e = Math.floor((B + 1) * Y);
+          for (let M = P; M < _e; M++) {
+            const x = j[M] || 0;
+            x > J && (J = x);
           }
         }
-        B < 10 && (B = 0);
-        const j = B / 255, N = B > 0 ? Math.max(2, Math.pow(j, 1.4) * D * 0.25) : 2;
-        ce[M] = N;
+        J < 10 && (J = 0);
+        const z = J / 255, I = J > 0 ? Math.max(2, Math.pow(z, 1.4) * N * 0.25) : 2;
+        be[B] = I;
       }
-      for (let M = 0; M < U; M++) {
-        const B = U - 1 - M, j = Math.max(ce[M], ce[B]), N = b.current[M] + (j - b.current[M]) * 0.3;
-        b.current[M] = N;
-        const ne = y + M * k, P = me - N / 2;
-        _.beginPath(), _.roundRect ? _.roundRect(ne, P, I, N, 4) : _.fillRect(ne, P, I, N), _.fill();
+      for (let B = 0; B < U; B++) {
+        const J = U - 1 - B, z = Math.max(be[B], be[J]), I = b.current[B] + (z - b.current[B]) * 0.3;
+        b.current[B] = I;
+        const P = y + B * S, _e = he - I / 2;
+        _.beginPath(), _.roundRect ? _.roundRect(P, _e, E, I, 4) : _.fillRect(P, _e, E, I), _.fill();
       }
     };
-    return he(), () => {
-      cancelAnimationFrame(O);
+    return fe(), () => {
+      cancelAnimationFrame(D);
     };
   }, [f]), /* @__PURE__ */ l(
     "canvas",
     {
-      ref: T,
+      ref: L,
       style: { width: "100%", height: "100%", display: "block" }
     }
   );
-}, sn = "https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev", It = "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/default-models/avatar-dSbBDKwvmOkpTCZcwdjs.glb";
+}, sn = "https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev", It = "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/default-models/avatar-blue-suit.glb";
 async function on(f) {
-  const T = await crypto.subtle.digest(
+  const L = await crypto.subtle.digest(
     "SHA-256",
     new TextEncoder().encode(f)
   );
-  return Array.from(new Uint8Array(T)).map((b) => b.toString(16).padStart(2, "0")).join("");
+  return Array.from(new Uint8Array(L)).map((b) => b.toString(16).padStart(2, "0")).join("");
 }
 function an(f) {
-  const [T, b] = g(null);
-  return $(() => {
+  const [L, b] = g(null);
+  return H(() => {
     if (!f) {
       b(null);
       return;
@@ -74,16 +74,16 @@ function an(f) {
     let p = !1;
     return on(f).then((_) => {
       if (p) return;
-      const O = `${sn}/${_}.glb`;
-      fetch(O, { method: "HEAD" }).then((H) => {
-        p || b(H.ok ? O : It);
+      const D = `${sn}/${_}.glb`;
+      fetch(D, { method: "HEAD" }).then((j) => {
+        p || b(j.ok ? D : It);
       }).catch(() => {
         p || b(It);
       });
     }), () => {
       p = !0;
     };
-  }, [f]), T;
+  }, [f]), L;
 }
 const cn = [
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_Variations_001.glb",
@@ -262,15 +262,21 @@ const cn = [
   }
 ], dn = [
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_005.glb",
-  "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_007.glb"
-], fn = {
+  "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_007.glb",
+  "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_006.glb"
+], fn = [
+  "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_005.glb",
+  "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_007.glb",
+  "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_006.glb",
+  "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_002.glb"
+], hn = {
   zoom: 0.85,
   position: [0.15, -0.8, 0],
   scale: 1.5,
   rotation: [0.15, 0.02, 0]
-}, hn = [-0.45, 1.9, 0.1], mn = {
+}, mn = [-0.45, 1.9, 0.1], pn = {
   browInnerUp: 0.2
-}, dt = 0.18, pn = 1, Mt = "__branding__", Qe = {
+}, dt = 0.18, gn = 1, Mt = "__branding__", Xe = {
   neutral: { eyeLookDownLeft: 0.1, eyeLookDownRight: 0.1 },
   happy: {
     mouthSmileLeft: 0.2,
@@ -352,7 +358,7 @@ const cn = [
     mouthUpperUpLeft: 0.1,
     mouthUpperUpRight: 0.1
   }
-}, gn = [
+}, bn = [
   { key: "viseme_aa", mix: { jawOpen: 0.6 } },
   {
     key: "viseme_E",
@@ -448,7 +454,7 @@ const cn = [
     }
   },
   { key: "viseme_sil", mix: {} }
-], bn = {
+], _n = {
   aei: [
     { v: "E", w: 0.8 },
     { v: "I", w: 0.2 }
@@ -477,336 +483,340 @@ const cn = [
   ],
   sil: [{ v: "sil", w: 1 }]
 };
-function _n(f) {
+function wn(f) {
   if (!f) return [{ v: "sil", w: 1 }];
-  const T = f.toLowerCase();
-  return bn[T] ?? [{ v: "sil", w: 1 }];
+  const L = f.toLowerCase();
+  return _n[L] ?? [{ v: "sil", w: 1 }];
 }
-function wn({ target: f }) {
-  const { camera: T } = Xt();
-  return $(() => {
-    T.lookAt(...f);
-  }, [T, f]), null;
+function vn({ target: f }) {
+  const { camera: L } = Xt();
+  return H(() => {
+    L.lookAt(...f);
+  }, [L, f]), null;
 }
-function Q(f, T, b) {
+function Q(f, L, b) {
   if (!f || !f.morphTargetDictionary)
     return;
-  const p = f, _ = p.morphTargetDictionary, O = p.morphTargetInfluences;
-  if (O)
-    for (const H in _)
-      H.toLowerCase() === T.toLowerCase() && (O[_[H]] = b);
+  const p = f, _ = p.morphTargetDictionary, D = p.morphTargetInfluences;
+  if (D)
+    for (const j in _)
+      j.toLowerCase() === L.toLowerCase() && (D[_[j]] = b);
 }
-function Ct(f, T = 0.97) {
+function Ct(f, L = 0.97) {
   if (!f) return;
   const b = f;
   if (b.morphTargetInfluences)
     for (let p = 0; p < b.morphTargetInfluences.length; p++)
-      b.morphTargetInfluences[p] *= T;
+      b.morphTargetInfluences[p] *= L;
 }
-const vn = Zt(
+const yn = Zt(
   ({
     avatarUrl: f,
-    isPlayingRef: T,
+    isPlayingRef: L,
     visemeQueueRef: b,
     audioContextRef: p,
     responseAudioStartTimeRef: _,
-    adjustments: O,
-    mood: H,
-    expression: he,
+    adjustments: D,
+    mood: j,
+    expression: fe,
     agentResponse: K,
-    isSpeaking: D,
-    nextStartTimeRef: me,
-    stopPlayback: I,
+    isSpeaking: N,
+    nextStartTimeRef: he,
+    stopPlayback: E,
     setIsSpeaking: v,
-    expressionUrl: k,
-    onExpressionFinished: E,
+    expressionUrl: S,
+    onExpressionFinished: R,
     isNudgeResponse: U,
-    avatarGender: be
+    avatarGender: me
   }) => {
-    const { scene: y } = lt(f), Ne = lt(be === "female" ? ln : cn), G = ft(
-      () => Ne.flatMap((u) => u.animations),
-      [Ne]
-    ), ce = lt(dn), M = ft(
-      () => ce.flatMap((u) => u.animations),
-      [ce]
-    ), B = a(null), j = a(null), N = a(null), ne = a([]), [P] = g(() => new Ve.AnimationMixer(y)), S = a({}), x = a(null), ye = a(0), le = a(!1), $e = a(0), re = a(null);
-    $(() => {
-      if (!(!G || !y)) {
-        if (G.forEach((u, d) => {
-          const s = `idle_${d}`;
-          if (!S.current[s]) {
-            const r = P.clipAction(u, y);
-            r.name = s, r.setLoop(Ve.LoopOnce, 1), r.clampWhenFinished = !0, S.current[s] = r;
+    const { scene: y } = lt(f), Ue = lt(me === "female" ? ln : cn), Y = ft(
+      () => Ue.flatMap((d) => d.animations),
+      [Ue]
+    ), B = lt(me === "female" ? fn : dn), J = ft(
+      () => B.flatMap((d) => d.animations),
+      [B]
+    ), z = a(null), I = a(null), P = a(null), _e = a([]), [M] = g(() => new He.AnimationMixer(y)), x = a({}), C = a(null), we = a(0), Me = a(!1), ve = a(0), ce = a(null);
+    H(() => {
+      if (!(!Y || !y)) {
+        if (Y.forEach((d, u) => {
+          const i = `idle_${u}`;
+          if (!x.current[i]) {
+            const s = M.clipAction(d, y);
+            s.name = i, s.setLoop(He.LoopOnce, 1), s.clampWhenFinished = !0, x.current[i] = s;
           }
-        }), M.forEach((u, d) => {
-          const s = `talk_${d}`;
-          if (!S.current[s]) {
-            const r = P.clipAction(u, y);
-            r.name = s, r.setLoop(Ve.LoopOnce, 1), r.clampWhenFinished = !0, S.current[s] = r;
+        }), J.forEach((d, u) => {
+          const i = `talk_${u}`;
+          if (!x.current[i]) {
+            const s = M.clipAction(d, y);
+            s.name = i, s.setLoop(He.LoopOnce, 1), s.clampWhenFinished = !0, x.current[i] = s;
           }
-        }), G.length > 0) {
-          const u = S.current.idle_0, d = x.current && P.existingAction(x.current.getClip());
-          u && !d && (u.reset().fadeIn(0.5).play(), x.current = u);
+        }), Y.length > 0) {
+          const d = x.current.idle_0, u = C.current && M.existingAction(C.current.getClip());
+          d && !u && (d.reset().fadeIn(0.5).play(), C.current = d);
         }
         return () => {
-          P.stopAllAction(), S.current = {}, x.current = null;
+          M.stopAllAction(), x.current = {}, C.current = null;
         };
       }
-    }, [G, M, y, P]);
-    const Se = a("");
-    $(() => {
-      if (!k || !y || k === Se.current) return;
-      Se.current = k, re.current = k, new nn().load(
-        k,
-        (d) => {
-          if (d.animations && d.animations.length > 0) {
-            const s = d.animations[0], r = P.clipAction(s, y);
-            if (r.name = `EXPR_${k}`, r.setLoop(Ve.LoopOnce, 1), r.clampWhenFinished = !0, S.current[`EXPR_${k}`] = r, D && re.current === k) {
-              const m = x.current;
-              r.reset().fadeIn(0.3).play(), m && m !== r && m.crossFadeTo(r, 0.3, !0), x.current = r, re.current = null;
+    }, [Y, J, y, M]);
+    const ye = a("");
+    H(() => {
+      if (!S || !y || S === ye.current) return;
+      ye.current = S, ce.current = S, new nn().load(
+        S,
+        (u) => {
+          if (u.animations && u.animations.length > 0) {
+            const i = u.animations[0], s = M.clipAction(i, y);
+            if (s.name = `EXPR_${S}`, s.setLoop(He.LoopOnce, 1), s.clampWhenFinished = !0, x.current[`EXPR_${S}`] = s, N && ce.current === S) {
+              const h = C.current;
+              s.reset().fadeIn(0.3).play(), h && h !== s && h.crossFadeTo(s, 0.3, !0), C.current = s, ce.current = null;
             }
           }
         },
         void 0,
-        (d) => {
-          console.error(`[ANIMATION] Failed to load ${k}`, d);
+        (u) => {
+          console.error(`[ANIMATION] Failed to load ${S}`, u);
         }
       );
-    }, [k, y, P, D]), $(() => {
-      const u = (d) => {
-        const s = d.action, r = s.name || "";
-        if (r.startsWith("idle_")) {
-          const z = (parseInt(r.split("_")[1]) + 1) % G.length, X = S.current[`idle_${z}`];
-          X && (X.reset().fadeIn(0.5).play(), s.crossFadeTo(X, 0.5, !0), x.current = X);
-        } else if (r.startsWith("EXPR_")) {
-          if (D) {
-            const m = S.current.talk_0;
-            m && (m.reset().fadeIn(0.5).play(), s.crossFadeTo(m, 0.5, !0), x.current = m);
+    }, [S, y, M, N]), H(() => {
+      const d = (u) => {
+        const i = u.action, s = i.name || "";
+        if (s.startsWith("idle_")) {
+          const W = (parseInt(s.split("_")[1]) + 1) % Y.length, X = x.current[`idle_${W}`];
+          X && (X.reset().fadeIn(0.5).play(), i.crossFadeTo(X, 0.5, !0), C.current = X);
+        } else if (s.startsWith("EXPR_")) {
+          if (N) {
+            const h = Math.floor(
+              Math.random() * J.length
+            ), W = x.current[`talk_${h}`];
+            W && (W.reset().fadeIn(0.5).play(), i.crossFadeTo(W, 0.5, !0), C.current = W);
           } else {
-            const m = S.current.idle_0;
-            m && (m.reset().fadeIn(0.5).play(), s.crossFadeTo(m, 0.5, !0), x.current = m);
+            const h = x.current.idle_0;
+            h && (h.reset().fadeIn(0.5).play(), i.crossFadeTo(h, 0.5, !0), C.current = h);
           }
-          E && E();
-        } else if (r.startsWith("talk_"))
-          if (D && !U) {
-            const z = (parseInt(r.split("_")[1]) + 1) % M.length, X = S.current[`talk_${z}`];
-            X && (X.reset().fadeIn(0.3).play(), s.crossFadeTo(X, 0.3, !0), x.current = X);
+          R && R();
+        } else if (s.startsWith("talk_"))
+          if (N && !U) {
+            const W = (parseInt(s.split("_")[1]) + 1) % J.length, X = x.current[`talk_${W}`];
+            X && (X.reset().fadeIn(0.3).play(), i.crossFadeTo(X, 0.3, !0), C.current = X);
           } else {
-            const m = S.current.idle_0;
-            m && (m.reset().fadeIn(0.5).play(), s.crossFadeTo(m, 0.5, !0), x.current = m);
+            const h = x.current.idle_0;
+            h && (h.reset().fadeIn(0.5).play(), i.crossFadeTo(h, 0.5, !0), C.current = h);
           }
       };
-      return P.addEventListener("finished", u), () => P.removeEventListener("finished", u);
+      return M.addEventListener("finished", d), () => M.removeEventListener("finished", d);
     }, [
-      P,
-      G,
       M,
-      D,
+      Y,
+      J,
+      N,
       U,
-      E
-    ]), $(() => {
-      if (D && y) {
-        const u = x.current, d = u?.name || "";
-        if (d.startsWith("idle_") || d.startsWith("talk_") || d === "") {
-          const s = re.current;
-          if (s) {
-            const r = S.current[`EXPR_${s}`];
-            if (r) {
-              r.reset().fadeIn(0.3).play(), u && u !== r && u.crossFadeTo(r, 0.3, !0), x.current = r, re.current = null;
+      R
+    ]), H(() => {
+      if (N && y) {
+        const d = C.current, u = d?.name || "";
+        if (u.startsWith("idle_") || u.startsWith("talk_") || u === "") {
+          const i = ce.current;
+          if (i) {
+            const s = x.current[`EXPR_${i}`];
+            if (s) {
+              s.reset().fadeIn(0.3).play(), d && d !== s && d.crossFadeTo(s, 0.3, !0), C.current = s, ce.current = null;
               return;
             }
           }
-          if (d.startsWith("idle_") || d === "") {
-            const r = S.current.talk_0;
-            r && (r.reset().fadeIn(0.5).play(), u && u.crossFadeTo(r, 0.5, !0), x.current = r);
+          if (u.startsWith("idle_") || u === "") {
+            const s = Math.floor(
+              Math.random() * J.length
+            ), h = x.current[`talk_${s}`];
+            h && (h.reset().fadeIn(0.5).play(), d && d.crossFadeTo(h, 0.5, !0), C.current = h);
           }
         }
-      } else if (!D && y) {
-        const u = x.current, d = u?.name || "";
-        if (d.startsWith("talk_") || d.startsWith("EXPR_")) {
-          const s = S.current.idle_0;
-          s && (s.reset().fadeIn(0.5).play(), u && u.crossFadeTo(s, 0.5, !0), x.current = s);
+      } else if (!N && y) {
+        const d = C.current, u = d?.name || "";
+        if (u.startsWith("talk_") || u.startsWith("EXPR_")) {
+          const i = x.current.idle_0;
+          i && (i.reset().fadeIn(0.5).play(), d && d.crossFadeTo(i, 0.5, !0), C.current = i);
         }
       }
-    }, [D, y, k]), $(() => {
+    }, [N, y, S]), H(() => {
       if (!y) return;
-      y.traverse((s) => {
-        if (s.isMesh && s.morphTargetDictionary) {
-          const r = s.name.toLowerCase();
-          (r.includes("head") || r.includes("avatar")) && (j.current = s, V(`[ANIMATION] Found head mesh: ${s.name}`)), r.includes("teeth") && (N.current = s, V(`[ANIMATION] Found teeth mesh: ${s.name}`));
+      y.traverse((i) => {
+        if (i.isMesh && i.morphTargetDictionary) {
+          const s = i.name.toLowerCase();
+          (s.includes("head") || s.includes("avatar")) && (I.current = i, $(`[ANIMATION] Found head mesh: ${i.name}`)), s.includes("teeth") && (P.current = i, $(`[ANIMATION] Found teeth mesh: ${i.name}`));
         }
       });
-      const u = j.current?.morphTargetDictionary;
-      u && Object.keys(u).filter(
-        (s) => s.toLowerCase().includes("brow")
+      const d = I.current?.morphTargetDictionary;
+      d && Object.keys(d).filter(
+        (i) => i.toLowerCase().includes("brow")
       );
-      const d = [];
-      y.traverse((s) => {
-        if (s.isMesh) {
-          const m = s.morphTargetDictionary;
-          m && Object.keys(m).some((z) => z.toLowerCase().includes("brow")) && d.push(s);
+      const u = [];
+      y.traverse((i) => {
+        if (i.isMesh) {
+          const h = i.morphTargetDictionary;
+          h && Object.keys(h).some((W) => W.toLowerCase().includes("brow")) && u.push(i);
         }
-      }), ne.current = d, d.length > 0 && V("[ANIMATION] Meshes with brow morphs:", d.length);
+      }), _e.current = u, u.length > 0 && $("[ANIMATION] Meshes with brow morphs:", u.length);
     }, [y]);
-    const xe = (u, d = 1) => {
-      const s = `viseme_${u}`.toLowerCase(), r = gn.find((m) => m.key.toLowerCase() === s);
-      if (r)
-        for (const m in r.mix) {
-          const z = r.mix[m] * d;
-          Q(j.current, m, z), Q(N.current, m, z);
+    const Be = (d, u = 1) => {
+      const i = `viseme_${d}`.toLowerCase(), s = bn.find((h) => h.key.toLowerCase() === i);
+      if (s)
+        for (const h in s.mix) {
+          const W = s.mix[h] * u;
+          Q(I.current, h, W), Q(P.current, h, W);
         }
-    }, Fe = (u) => {
-      const d = Qe[u] ?? Qe.neutral;
-      for (const s in d)
-        Q(j.current, s, d[s]), Q(N.current, s, d[s]);
+    }, ke = (d) => {
+      const u = Xe[d] ?? Xe.neutral;
+      for (const i in u)
+        Q(I.current, i, u[i]), Q(P.current, i, u[i]);
     };
-    return Qt((u, d) => {
-      const s = Math.pow(0.88, 60 * d);
-      Ct(j.current, s), Ct(N.current, s), Fe(H);
-      const r = u.clock.elapsedTime;
-      let m = 0;
-      if (Math.floor(r) % 5 === 0 && Math.floor((r - d) % 5) !== 0) {
-        let J = null;
-        y.traverse((te) => {
-          te.name.toLowerCase().includes("hips") && (J = te);
+    return Qt((d, u) => {
+      const i = Math.pow(0.88, 60 * u);
+      Ct(I.current, i), Ct(P.current, i), ke(j);
+      const s = d.clock.elapsedTime;
+      let h = 0;
+      if (Math.floor(s) % 5 === 0 && Math.floor((s - u) % 5) !== 0) {
+        let q = null;
+        y.traverse((Z) => {
+          Z.name.toLowerCase().includes("hips") && (q = Z);
         });
-        const ie = J ? `Hips Y: ${J.position.y.toFixed(4)}` : "Hips not found";
-        V(`[ANIMATION] Mixer Time: ${P.time.toFixed(2)}, ${ie}`);
+        const Se = q ? `Hips Y: ${q.position.y.toFixed(4)}` : "Hips not found";
+        $(`[ANIMATION] Mixer Time: ${M.time.toFixed(2)}, ${Se}`);
       }
-      if (P.update(d), r > ye.current && !le.current && (le.current = !0, $e.current = r), le.current) {
-        const J = D ? 0.2 : 0.3, ie = (r - $e.current) / J;
-        if (ie >= 1) {
-          le.current = !1;
-          const te = D ? 1 : 2.5;
-          ye.current = r + te;
+      if (M.update(u), s > we.current && !Me.current && (Me.current = !0, ve.current = s), Me.current) {
+        const q = N ? 0.2 : 0.3, Se = (s - ve.current) / q;
+        if (Se >= 1) {
+          Me.current = !1;
+          const Z = N ? 1 : 2.5;
+          we.current = s + Z;
         } else {
-          const te = ie < 0.5 ? ie * 2 : (1 - ie) * 2;
-          Q(j.current, "eyeBlinkLeft", te), Q(j.current, "eyeBlinkRight", te), Q(N.current, "eyeBlinkLeft", te), Q(N.current, "eyeBlinkRight", te), m = te * mn.browInnerUp;
+          const Z = Se < 0.5 ? Se * 2 : (1 - Se) * 2;
+          Q(I.current, "eyeBlinkLeft", Z), Q(I.current, "eyeBlinkRight", Z), Q(P.current, "eyeBlinkLeft", Z), Q(P.current, "eyeBlinkRight", Z), h = Z * pn.browInnerUp;
         }
       }
-      const z = Qe[H] ?? Qe.neutral, X = z.browInnerUp ?? 0, Ke = z.browOuterUpLeft ?? 0, Xe = z.browOuterUpRight ?? 0, Me = r * pn, Ze = dt * Math.sin(Me), ke = dt * 0.7 * Math.sin(Me + 0.7), ee = dt * 0.7 * Math.sin(Me + 1.3), Ae = (J) => Math.max(0, Math.min(1, J)), _e = Ae(X + Ze), we = Ae(Ke + ke), Re = Ae(Xe + ee), Ue = Ae(_e + m);
-      if (Q(j.current, "browInnerUp", Ue), Q(N.current, "browInnerUp", Ue), Q(j.current, "browOuterUpLeft", we), Q(N.current, "browOuterUpLeft", we), Q(j.current, "browOuterUpRight", Re), Q(N.current, "browOuterUpRight", Re), B.current) {
-        const J = T.current ? 0 : O.rotation[1];
-        B.current.rotation.y = Ve.MathUtils.lerp(
-          B.current.rotation.y,
-          J,
+      const W = Xe[j] ?? Xe.neutral, X = W.browInnerUp ?? 0, Ze = W.browOuterUpLeft ?? 0, je = W.browOuterUpRight ?? 0, Pe = s * gn, Ae = dt * Math.sin(Pe), te = dt * 0.7 * Math.sin(Pe + 0.7), Je = dt * 0.7 * Math.sin(Pe + 1.3), re = (q) => Math.max(0, Math.min(1, q)), Te = re(X + Ae), Le = re(Ze + te), We = re(je + Je), Ce = re(Te + h);
+      if (Q(I.current, "browInnerUp", Ce), Q(P.current, "browInnerUp", Ce), Q(I.current, "browOuterUpLeft", Le), Q(P.current, "browOuterUpLeft", Le), Q(I.current, "browOuterUpRight", We), Q(P.current, "browOuterUpRight", We), z.current) {
+        const q = L.current ? 0 : D.rotation[1];
+        z.current.rotation.y = He.MathUtils.lerp(
+          z.current.rotation.y,
+          q,
           0.1
-        ), B.current.position.set(...O.position), B.current.scale.setScalar(O.scale), B.current.rotation.x = O.rotation[0], B.current.rotation.z = O.rotation[2];
+        ), z.current.position.set(...D.position), z.current.scale.setScalar(D.scale), z.current.rotation.x = D.rotation[0], z.current.rotation.z = D.rotation[2];
       }
-      if (T.current && p.current) {
-        const J = p.current.currentTime, He = (J - _.current) * 1e3 - -150;
-        for (let Le = 0; Le < b.current.length; Le++) {
-          const Y = b.current[Le];
-          He >= Y.vtime && He < Y.vtime + Y.vduration && xe(Y.viseme, Y.weight ?? 1);
+      if (L.current && p.current) {
+        const q = p.current.currentTime, Oe = (q - _.current) * 1e3 - -150;
+        for (let ne = 0; ne < b.current.length; ne++) {
+          const ie = b.current[ne];
+          Oe >= ie.vtime && Oe < ie.vtime + ie.vduration && Be(ie.viseme, ie.weight ?? 1);
         }
-        J > me.current + 0.5 && (I(), v(!1));
+        q > he.current + 0.5 && (E(), v(!1));
       }
-    }), /* @__PURE__ */ l("group", { ref: B, children: /* @__PURE__ */ l("primitive", { object: y }) });
+    }), /* @__PURE__ */ l("group", { ref: z, children: /* @__PURE__ */ l("primitive", { object: y }) });
   }
 );
-function yn(f) {
+function Sn(f) {
   return f ? f.charAt(0).toUpperCase() + f.slice(1).toLowerCase() : "";
 }
-const Sn = ({
+const xn = ({
   token: f,
-  agentToken: T,
+  agentToken: L,
   onNavigationRequested: b,
   avatarGender: p,
   presetUserDetails: _
 } = {}) => {
-  const O = f ?? T ?? "", H = an(O || void 0), [he, K] = g(""), [D, me] = g(""), [I, v] = g("Ready"), [k, E] = g(!1), [U, be] = g(!1), [y, Ie] = g([]), [Ne, G] = g(""), ce = a(null), [M, B] = g(
+  const D = f ?? L ?? "", j = an(D || void 0), [fe, K] = g(""), [N, he] = g(""), [E, v] = g("Ready"), [S, R] = g(!1), [U, me] = g(!1), [y, Ie] = g([]), [Ue, Y] = g(""), be = a(null), [B, J] = g(
     () => typeof window < "u" ? window.matchMedia("(max-width: 480px)").matches : !1
   );
-  $(() => {
-    const e = window.matchMedia("(max-width: 480px)"), t = () => B(e.matches);
+  H(() => {
+    const e = window.matchMedia("(max-width: 480px)"), t = () => J(e.matches);
     return e.addEventListener("change", t), () => e.removeEventListener("change", t);
   }, []);
-  const j = M ? 80 : 600, N = a(!1), ne = a([]), P = a(0), S = a(!1), x = a([]), ye = a(null), le = a([]);
+  const z = B ? 80 : 600, I = a(!1), P = a([]), _e = a(0), M = a(!1), x = a([]), C = a(null), we = a([]);
   a([]);
-  const $e = a([]), re = a(0), Se = a(0), xe = a(0), Fe = a(0), u = a(!1), [d, s] = g(
+  const Me = a([]), ve = a(0), ce = a(0), ye = a(0), Be = a(0), ke = a(!1), [d, u] = g(
     null
-  ), r = a(null), [m, z] = g("neutral"), [X, Ke] = g(""), [Xe, Me] = g(""), [Ze, ke] = g("Chat with us"), [ee, Ae] = g(
+  ), i = a(null), [s, h] = g("neutral"), [W, X] = g(""), [Ze, je] = g(""), [Pe, Ae] = g("Chat with us"), [te, Je] = g(
     null
-  ), [_e, we] = g("hidden"), [Re, Ue] = g(""), J = a(null), ie = a(_e);
-  ie.current = _e;
-  const [te, He] = g(null), Le = a(null), Y = a(null), [Be, ht] = g(!1), mt = a(null), [ue, je] = g("hidden"), [pt, Ot] = g(""), et = a(ue);
-  et.current = ue;
-  const pe = a(""), Ce = a(!1), Oe = a(""), gt = a(Date.now()), tt = a([]), Pe = a(!1), [nt, We] = g(!1), [bt, _t] = g(!1), ve = a(null), De = ft(() => Be ? "Try again" : I === "Busy" ? "Busy" : I === "Thinking..." || I === "Processing Voice..." ? I : ee != null && ee !== "" && ee !== "none" && ee !== "<none>" ? `Enter ${yn(ee)}` : ue !== "hidden" || !bt ? null : Mt, [I, ee, Be, ue, bt]), wt = !Be && I !== "Busy" && I !== "Thinking..." && I !== "Processing Voice..." && (ee == null || ee === "" || ee === "none" || ee === "<none>");
-  $(() => {
-    if (ue !== "hidden" || !wt) {
-      _t(!1), ve.current != null && (clearTimeout(ve.current), ve.current = null);
+  ), [re, Te] = g("hidden"), [Le, We] = g(""), Ce = a(null), q = a(re);
+  q.current = re;
+  const [Se, Z] = g(null), Oe = a(null), ne = a(null), [ie, ht] = g(!1), mt = a(null), [le, qe] = g("hidden"), [pt, Ot] = g(""), et = a(le);
+  et.current = le;
+  const pe = a(""), De = a(!1), Ne = a(""), gt = a(Date.now()), tt = a([]), Ve = a(!1), [nt, $e] = g(!1), [bt, _t] = g(!1), xe = a(null), Fe = ft(() => ie ? "Try again" : E === "Busy" ? "Busy" : E === "Thinking..." || E === "Processing Voice..." ? E : te != null && te !== "" && te !== "none" && te !== "<none>" ? `Enter ${Sn(te)}` : le !== "hidden" || !bt ? null : Mt, [E, te, ie, le, bt]), wt = !ie && E !== "Busy" && E !== "Thinking..." && E !== "Processing Voice..." && (te == null || te === "" || te === "none" || te === "<none>");
+  H(() => {
+    if (le !== "hidden" || !wt) {
+      _t(!1), xe.current != null && (clearTimeout(xe.current), xe.current = null);
       return;
     }
-    return ve.current = setTimeout(() => {
-      ve.current = null, _t(!0);
+    return xe.current = setTimeout(() => {
+      xe.current = null, _t(!0);
     }, 400), () => {
-      ve.current != null && (clearTimeout(ve.current), ve.current = null);
+      xe.current != null && (clearTimeout(xe.current), xe.current = null);
     };
-  }, [ue, wt]);
-  const Je = De != null && De !== "";
-  $(() => {
-    const e = ie.current;
+  }, [le, wt]);
+  const Ge = Fe != null && Fe !== "";
+  H(() => {
+    const e = q.current;
     if (!(e === "exiting" || e === "entering")) {
       if (e === "hidden") {
-        Je && (Ue(De ?? ""), we("entering"));
+        Ge && (We(Fe ?? ""), Te("entering"));
         return;
       }
-      e === "visible" && (!Je || De !== Re) && (J.current = Je ? De : null, we("exiting"));
+      e === "visible" && (!Ge || Fe !== Le) && (Ce.current = Ge ? Fe : null, Te("exiting"));
     }
   }, [
-    Je,
-    De,
-    _e,
-    Re
-  ]), $(() => {
-    if (I !== "Busy") {
-      Y.current != null && (clearTimeout(Y.current), Y.current = null);
+    Ge,
+    Fe,
+    re,
+    Le
+  ]), H(() => {
+    if (E !== "Busy") {
+      ne.current != null && (clearTimeout(ne.current), ne.current = null);
       return;
     }
-    return Y.current = setTimeout(() => {
-      Y.current = null, v("Ready"), ht(!0);
+    return ne.current = setTimeout(() => {
+      ne.current = null, v("Ready"), ht(!0);
     }, 12e3), () => {
-      Y.current != null && (clearTimeout(Y.current), Y.current = null);
+      ne.current != null && (clearTimeout(ne.current), ne.current = null);
     };
-  }, [I]), $(() => {
-    if (!Be) return;
+  }, [E]), H(() => {
+    if (!ie) return;
     const e = setTimeout(() => ht(!1), 2500);
     return () => clearTimeout(e);
-  }, [Be]);
-  const Dt = Ye(() => {
-    const e = ie.current;
+  }, [ie]);
+  const Dt = Ke(() => {
+    const e = q.current;
     if (e === "exiting") {
-      we("hidden");
-      const t = J.current;
-      J.current = null, t != null && t !== "" && (Ue(t), we("entering"));
-    } else e === "entering" && we("visible");
+      Te("hidden");
+      const t = Ce.current;
+      Ce.current = null, t != null && t !== "" && (We(t), Te("entering"));
+    } else e === "entering" && Te("visible");
   }, []), Nt = (e) => {
     if (!e) return;
     if (e.mood != null) {
       const n = String(e.mood).toLowerCase();
-      z(n);
+      h(n);
     }
     if (e.expression != null) {
       const n = String(e.expression).trim();
-      Ke(n);
+      X(n);
       const c = un.find(
-        (h) => h.name.toLowerCase() === n.toLowerCase()
+        (m) => m.name.toLowerCase() === n.toLowerCase()
       );
-      V(
+      $(
         `[STREAM] Animation match for "${n}": ${c ? c.name : "NONE"}`
-      ), Me(c?.url ?? "");
+      ), je(c?.url ?? "");
     }
     if (e.navigation != null) {
       const n = String(e.navigation).trim();
       n !== "" && (b ? b(n) : window.open(n, "_blank"));
     }
-    const t = e.ask_for || e.lead_capture?.ask_for, i = t ? String(t).trim().toLowerCase() : "", o = i === "none" || i === "<none>";
+    const t = e.ask_for || e.lead_capture?.ask_for, r = t ? String(t).trim().toLowerCase() : "", o = r === "none" || r === "<none>";
     if (t && !o) {
-      const n = i;
+      const n = r;
       if (_ && (n === "email" && _.email || n === "name" && _.name || n === "phone" && _.phone))
         return;
-      Ae(n || null), ke(n === "email" ? "Enter your email" : n === "name" ? "Enter your name" : n === "phone" ? "Enter your phone number" : "Chat with us");
-    } else (o || e.ask_for === null || e.lead_capture && e.lead_capture.ask_for === null || e.ask_for === "none") && (Ae(null), Ze !== "Chat with us" && ke("Chat with us"));
+      Je(n || null), Ae(n === "email" ? "Enter your email" : n === "name" ? "Enter your name" : n === "phone" ? "Enter your phone number" : "Chat with us");
+    } else (o || e.ask_for === null || e.lead_capture && e.lead_capture.ask_for === null || e.ask_for === "none") && (Je(null), Pe !== "Chat with us" && Ae("Chat with us"));
     e.collected, e.valid;
   }, Ft = (e) => {
     const t = e.trim();
@@ -818,116 +828,116 @@ const Sn = ({
         return null;
       }
     if (t.includes(":")) {
-      const i = t.split(":"), o = i[0].trim().toLowerCase(), n = i.slice(1).join(":").trim();
+      const r = t.split(":"), o = r[0].trim().toLowerCase(), n = r.slice(1).join(":").trim();
       return { [o]: n };
     }
     return null;
-  }, Ut = Ye(() => {
+  }, Ut = Ke(() => {
   }, []), vt = (e) => {
-    if (Ce.current)
-      e === "§" ? Ce.current = !1 : (Oe.current += e, me((t) => t + e));
+    if (De.current)
+      e === "§" ? De.current = !1 : (Ne.current += e, he((t) => t + e));
     else if (e === "§") {
-      Ce.current = !0;
+      De.current = !0;
       return;
     } else
       for (pe.current += e; pe.current.includes(`
 `); ) {
         const t = pe.current.indexOf(`
-`), i = pe.current.slice(0, t).trim();
+`), r = pe.current.slice(0, t).trim();
         pe.current = pe.current.slice(t + 1);
-        const o = Ft(i);
+        const o = Ft(r);
         o && Nt(o);
       }
   };
-  $(() => {
+  H(() => {
     (async () => {
       if (!sessionStorage.getItem(
         "STREAMOJI_LEADS_SESSION_LEAD_ID"
       )) {
         const n = "secret", c = Math.floor(Date.now() / 1e3).toString();
         try {
-          const h = new TextEncoder(), w = await crypto.subtle.importKey(
+          const m = new TextEncoder(), w = await crypto.subtle.importKey(
             "raw",
-            h.encode(n),
+            m.encode(n),
             { name: "HMAC", hash: "SHA-256" },
             !1,
             ["sign"]
-          ), A = await crypto.subtle.sign(
+          ), k = await crypto.subtle.sign(
             "HMAC",
             w,
-            h.encode(c)
-          ), L = Array.from(new Uint8Array(A)).map((W) => W.toString(16).padStart(2, "0")).join("");
-          sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", L), V("[SESSION] New HMAC UID generated and saved:", L);
-        } catch (h) {
-          console.error("[SESSION] HMAC generation failed:", h);
+            m.encode(c)
+          ), T = Array.from(new Uint8Array(k)).map((V) => V.toString(16).padStart(2, "0")).join("");
+          sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", T), $("[SESSION] New HMAC UID generated and saved:", T);
+        } catch (m) {
+          console.error("[SESSION] HMAC generation failed:", m);
           const w = Math.random().toString(36) + Date.now().toString();
           sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", w);
         }
       }
-      const i = sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES");
+      const r = sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES");
       let o = [];
-      if (i)
+      if (r)
         try {
-          o = JSON.parse(i);
+          o = JSON.parse(r);
         } catch {
           o = [];
         }
       o.length === 0 && _ && (_.name || _.email) ? (o = [{ role: "user", content: `PRESET_USER_DETAILS: Name is "${_.name || ""}" , Email is "${_.email || ""}"` }], sessionStorage.setItem(
         "STREAMOJI_LEADS_SESSION_MESSAGES",
         JSON.stringify(o)
-      )) : i || sessionStorage.setItem(
+      )) : r || sessionStorage.setItem(
         "STREAMOJI_LEADS_SESSION_MESSAGES",
         JSON.stringify([])
       );
     })();
-  }, [_]), $(() => {
+  }, [_]), H(() => {
     const e = () => {
-      gt.current = Date.now(), Pe.current && (Pe.current = !1, We(!1), Ie([]), G(""), me(""), be(!1));
+      gt.current = Date.now(), Ve.current && (Ve.current = !1, $e(!1), Ie([]), Y(""), he(""), me(!1));
     };
     window.addEventListener("mousemove", e), window.addEventListener("keydown", e), window.addEventListener("mousedown", e), window.addEventListener("touchstart", e);
     const t = setInterval(async () => {
-      if (Date.now() - gt.current >= 3e4 && !U && !k && I === "Ready" && !Pe.current)
-        if (Pe.current = !0, tt.current.length > 0)
-          We(!0), Ie(tt.current);
+      if (Date.now() - gt.current >= 3e4 && !U && !S && E === "Ready" && !Ve.current)
+        if (Ve.current = !0, tt.current.length > 0)
+          $e(!0), Ie(tt.current);
         else
           try {
             const n = `${ut}/nudgeUser`, c = {
               navigationUrl: window.location.href,
-              token: O
-            }, h = await fetch(n, {
+              token: D
+            }, m = await fetch(n, {
               method: "POST",
               headers: {
                 "Content-Type": "application/json"
               },
               body: JSON.stringify(c)
             });
-            if (h.ok) {
-              const A = (await h.json()).nudge_questions;
-              A && A.length > 0 && (V("[NUDGE] Received nudge questions from API:", A), tt.current = A, We(!0), Ie(A));
+            if (m.ok) {
+              const k = (await m.json()).nudge_questions;
+              k && k.length > 0 && ($("[NUDGE] Received nudge questions from API:", k), tt.current = k, $e(!0), Ie(k));
             }
           } catch (n) {
-            console.error("[NUDGE] Error calling /nudgeUser:", n), Pe.current = !1;
+            console.error("[NUDGE] Error calling /nudgeUser:", n), Ve.current = !1;
           }
     }, 1e3);
     return () => {
       window.removeEventListener("mousemove", e), window.removeEventListener("keydown", e), window.removeEventListener("mousedown", e), window.removeEventListener("touchstart", e), clearInterval(t);
     };
-  }, [O, U, k, I]), $(() => {
+  }, [D, U, S, E]), H(() => {
     if (y.length === 0) return;
-    let e = 0, t = 0, i = !1, o = 100;
+    let e = 0, t = 0, r = !1, o = 100;
     const n = () => {
       const c = y[e];
-      if (i) {
-        const h = c.substring(0, t - 1);
-        G(h), t--, o = 50;
+      if (r) {
+        const m = c.substring(0, t - 1);
+        Y(m), t--, o = 50;
       } else {
-        const h = c.substring(0, t + 1);
-        G(h), t++, o = 100;
+        const m = c.substring(0, t + 1);
+        Y(m), t++, o = 100;
       }
-      !i && t === c.length ? (i = !0, o = 3e3) : i && t === 0 && (i = !1, e = (e + 1) % y.length, o = 500), ce.current = setTimeout(n, o);
+      !r && t === c.length ? (r = !0, o = 3e3) : r && t === 0 && (r = !1, e = (e + 1) % y.length, o = 500), be.current = setTimeout(n, o);
     };
     return n(), () => {
-      ce.current && clearTimeout(ce.current);
+      be.current && clearTimeout(be.current);
     };
   }, [y]);
   const yt = () => {
@@ -943,33 +953,33 @@ const Sn = ({
       "STREAMOJI_LEADS_SESSION_MESSAGES",
       JSON.stringify(e)
     );
-  }, [rt, it] = g(!1), [St, st] = g(0), de = a(null), qe = a([]), xt = a(0), [kt, Pt] = g(
+  }, [rt, it] = g(!1), [St, st] = g(0), ue = a(null), ze = a([]), xt = a(0), [kt, Pt] = g(
     null
   ), [Wt, ot] = g(
     null
-  ), ge = a(null), Te = a(
+  ), ge = a(null), Re = a(
     null
-  ), Ge = Ye((e = !1) => {
-    e && (u.current = !0, E(!1), v("Ready")), x.current = [], ne.current = [], S.current = !1, be(!1), re.current = 0, Se.current = 0, xe.current = 0, le.current.forEach((t) => {
+  ), Ye = Ke((e = !1) => {
+    e && (ke.current = !0, R(!1), v("Ready")), x.current = [], P.current = [], M.current = !1, me(!1), ve.current = 0, ce.current = 0, ye.current = 0, we.current.forEach((t) => {
       try {
         t.stop();
       } catch {
       }
-    }), Le.current && (clearTimeout(Le.current), Le.current = null), He(null), Me(""), le.current = [];
+    }), Oe.current && (clearTimeout(Oe.current), Oe.current = null), Z(null), je(""), we.current = [];
   }, []), Vt = async () => {
     try {
-      const e = await navigator.mediaDevices.getUserMedia({ audio: !0 }), t = window.AudioContext || window.webkitAudioContext, i = new t(), o = i.createMediaStreamSource(e), n = i.createAnalyser();
-      n.fftSize = 64, o.connect(n), ge.current = i, Te.current = o, ot(n);
+      const e = await navigator.mediaDevices.getUserMedia({ audio: !0 }), t = window.AudioContext || window.webkitAudioContext, r = new t(), o = r.createMediaStreamSource(e), n = r.createAnalyser();
+      n.fftSize = 64, o.connect(n), ge.current = r, Re.current = o, ot(n);
       const c = new MediaRecorder(e);
-      de.current = c, qe.current = [], c.ondataavailable = (h) => {
-        h.data.size > 0 && qe.current.push(h.data);
+      ue.current = c, ze.current = [], c.ondataavailable = (m) => {
+        m.data.size > 0 && ze.current.push(m.data);
       }, c.onstop = async () => {
-        const h = Date.now() - xt.current;
-        if (ot(null), Te.current && (Te.current.disconnect(), Te.current = null), ge.current && ge.current.state !== "closed" && (ge.current.close(), ge.current = null), h < 1e3) {
-          v("Recording too short. Hold or click longer."), E(!1);
+        const m = Date.now() - xt.current;
+        if (ot(null), Re.current && (Re.current.disconnect(), Re.current = null), ge.current && ge.current.state !== "closed" && (ge.current.close(), ge.current = null), m < 1e3) {
+          v("Recording too short. Hold or click longer."), R(!1);
           return;
         }
-        const w = new Blob(qe.current, {
+        const w = new Blob(ze.current, {
           type: "audio/wav"
         });
         await Jt(w);
@@ -978,113 +988,113 @@ const Sn = ({
       console.error("Error accessing microphone:", e), v("Mic Access Error");
     }
   }, $t = () => {
-    de.current && de.current.state !== "inactive" && (de.current.stop(), de.current.stream.getTracks().forEach((e) => e.stop()), it(!1));
+    ue.current && ue.current.state !== "inactive" && (ue.current.stop(), ue.current.stream.getTracks().forEach((e) => e.stop()), it(!1));
   }, Ht = () => {
-    de.current && de.current.state !== "inactive" && (de.current.onstop = null, de.current.stop(), de.current.stream.getTracks().forEach((e) => e.stop()), ot(null), Te.current && (Te.current.disconnect(), Te.current = null), ge.current && ge.current.state !== "closed" && (ge.current.close(), ge.current = null), it(!1), qe.current = [], v("Ready"));
+    ue.current && ue.current.state !== "inactive" && (ue.current.onstop = null, ue.current.stop(), ue.current.stream.getTracks().forEach((e) => e.stop()), ot(null), Re.current && (Re.current.disconnect(), Re.current = null), ge.current && ge.current.state !== "closed" && (ge.current.close(), ge.current = null), it(!1), ze.current = [], v("Ready"));
   };
-  $(() => {
+  H(() => {
     if (!U) return;
     const e = () => {
-      const t = xe.current;
+      const t = ye.current;
       if (t <= 0) return;
-      const i = ye.current, o = re.current;
-      if (!i) return;
-      const n = i.currentTime - o, c = Math.min(Math.max(0, n), t), h = D.trim().length;
-      if (h <= 0) return;
+      const r = C.current, o = ve.current;
+      if (!r) return;
+      const n = r.currentTime - o, c = Math.min(Math.max(0, n), t), m = N.trim().length;
+      if (m <= 0) return;
       const w = Math.min(
-        Math.round(c / t * h),
-        h
+        Math.round(c / t * m),
+        m
       );
-      s(w);
+      u(w);
     };
-    return clearInterval(r.current ?? void 0), r.current = setInterval(e, 90), () => clearInterval(r.current ?? void 0);
-  }, [U, D, xe.current]), $(() => {
+    return clearInterval(i.current ?? void 0), i.current = setInterval(e, 90), () => clearInterval(i.current ?? void 0);
+  }, [U, N, ye.current]), H(() => {
     let e;
     return rt ? (st(0), e = window.setInterval(() => {
       st((t) => t + 1);
     }, 1e3)) : st(0), () => clearInterval(e);
   }, [rt]);
   const jt = (e) => {
-    const t = e.numberOfChannels, i = e.length * t * 2 + 44, o = new ArrayBuffer(i), n = new DataView(o);
+    const t = e.numberOfChannels, r = e.length * t * 2 + 44, o = new ArrayBuffer(r), n = new DataView(o);
     let c = 0;
-    const h = (L) => {
-      n.setUint16(c, L, !0), c += 2;
-    }, w = (L) => {
-      n.setUint32(c, L, !0), c += 4;
+    const m = (T) => {
+      n.setUint16(c, T, !0), c += 2;
+    }, w = (T) => {
+      n.setUint32(c, T, !0), c += 4;
     };
-    w(1179011410), w(i - 8), w(1163280727), w(544501094), w(16), h(1), h(t), w(e.sampleRate), w(e.sampleRate * 2 * t), h(t * 2), h(16), w(1635017060), w(i - c - 4);
-    const A = [];
-    for (let L = 0; L < t; L++) A.push(e.getChannelData(L));
-    let R = 0;
-    for (; c < i; ) {
-      for (let L = 0; L < t; L++) {
-        let W = Math.max(-1, Math.min(1, A[L][R]));
-        W = W < 0 ? W * 32768 : W * 32767, n.setInt16(c, W, !0), c += 2;
+    w(1179011410), w(r - 8), w(1163280727), w(544501094), w(16), m(1), m(t), w(e.sampleRate), w(e.sampleRate * 2 * t), m(t * 2), m(16), w(1635017060), w(r - c - 4);
+    const k = [];
+    for (let T = 0; T < t; T++) k.push(e.getChannelData(T));
+    let A = 0;
+    for (; c < r; ) {
+      for (let T = 0; T < t; T++) {
+        let V = Math.max(-1, Math.min(1, k[T][A]));
+        V = V < 0 ? V * 32768 : V * 32767, n.setInt16(c, V, !0), c += 2;
       }
-      R++;
+      A++;
     }
     return new Blob([o], { type: "audio/wav" });
-  }, at = async (e, t, i = !1) => {
-    if (!u.current) {
-      if (N.current) {
-        ne.current.push({
+  }, at = async (e, t, r = !1) => {
+    if (!ke.current) {
+      if (I.current) {
+        P.current.push({
           audio: e,
           visemes: t,
-          isNewSegment: i
+          isNewSegment: r
         });
         return;
       }
-      N.current = !0;
+      I.current = !0;
       try {
-        const o = window.AudioContext || window.webkitAudioContext, n = ye.current ?? new o();
-        n.state === "suspended" && await n.resume(), ye.current = n;
-        const c = window.atob(e), h = new Uint8Array(c.length);
+        const o = window.AudioContext || window.webkitAudioContext, n = C.current ?? new o();
+        n.state === "suspended" && await n.resume(), C.current = n;
+        const c = window.atob(e), m = new Uint8Array(c.length);
         for (let F = 0; F < c.length; F++)
-          h[F] = c.charCodeAt(F);
-        const w = await n.decodeAudioData(h.buffer.slice(0));
-        xe.current += w.duration;
-        const A = n.currentTime;
-        let R = Se.current;
-        const L = !S.current;
-        R < A && (R = A + 0.1), Se.current = R + w.duration;
-        const W = n.createBufferSource();
-        W.buffer = w;
-        let q = kt;
-        if ((!q || q.context !== n) && (q = n.createAnalyser(), q.fftSize = 64, q.connect(n.destination), Pt(q)), W.connect(q), le.current.push(W), u.current) {
-          le.current = le.current.filter((F) => F !== W);
+          m[F] = c.charCodeAt(F);
+        const w = await n.decodeAudioData(m.buffer.slice(0));
+        ye.current += w.duration;
+        const k = n.currentTime;
+        let A = ce.current;
+        const T = !M.current;
+        A < k && (A = k + 0.1), ce.current = A + w.duration;
+        const V = n.createBufferSource();
+        V.buffer = w;
+        let G = kt;
+        if ((!G || G.context !== n) && (G = n.createAnalyser(), G.fftSize = 64, G.connect(n.destination), Pt(G)), V.connect(G), we.current.push(V), ke.current) {
+          we.current = we.current.filter((F) => F !== V);
           return;
         }
-        if (L) {
-          S.current = !0, be(!0), V(
-            `[AUDIO] setIsSpeaking(true) - First chunk starting at ${R.toFixed(
+        if (T) {
+          M.current = !0, me(!0), $(
+            `[AUDIO] setIsSpeaking(true) - First chunk starting at ${A.toFixed(
               3
             )}`
-          ), re.current = R;
-          const F = (R - A) * 1e3;
-          P.current = performance.now() + F, V(
-            `[AUDIO] Response started. Initial startTime: ${R.toFixed(
+          ), ve.current = A;
+          const F = (A - k) * 1e3;
+          _e.current = performance.now() + F, $(
+            `[AUDIO] Response started. Initial startTime: ${A.toFixed(
               3
-            )}, CT: ${A.toFixed(3)}`
+            )}, CT: ${k.toFixed(3)}`
           );
         }
-        W.start(R);
-        const Z = (R - re.current) * 1e3;
-        i && (Fe.current = Z, V(
-          `[AUDIO] New segment detected at +${Z.toFixed(
+        V.start(A);
+        const ee = (A - ve.current) * 1e3;
+        r && (Be.current = ee, $(
+          `[AUDIO] New segment detected at +${ee.toFixed(
             0
           )}ms. Resetting segment offset.`
         )), t.forEach((F, se) => {
-          const C = F.symbol ?? "";
-          if (C) {
-            const oe = _n(C), fe = Math.round(F.start * 1e3), Ee = Math.round((F.duration ?? 0) * 1e3), Lt = Fe.current + fe;
-            se < 3 && V(
-              `[AUDIO] Viseme "${C}": segment_relative=${fe}ms, segment_offset=${Fe.current.toFixed(
+          const O = F.symbol ?? "";
+          if (O) {
+            const oe = wn(O), de = Math.round(F.start * 1e3), Ee = Math.round((F.duration ?? 0) * 1e3), Lt = Be.current + de;
+            se < 3 && $(
+              `[AUDIO] Viseme "${O}": segment_relative=${de}ms, segment_offset=${Be.current.toFixed(
                 0
               )}ms => vtime=${Lt}ms`
-            ), oe.forEach((Tt) => {
+            ), oe.forEach((Rt) => {
               x.current.push({
-                viseme: Tt.v,
-                weight: Tt.w,
+                viseme: Rt.v,
+                weight: Rt.w,
                 vtime: Lt,
                 vduration: Ee
               });
@@ -1092,78 +1102,78 @@ const Sn = ({
           }
         }), v("Speaking...");
       } finally {
-        if (N.current = !1, ne.current.length > 0) {
-          const o = ne.current.shift();
+        if (I.current = !1, P.current.length > 0) {
+          const o = P.current.shift();
           o && at(o.audio, o.visemes, o.isNewSegment);
         }
       }
     }
   }, Jt = async (e) => {
     try {
-      E(!0), We(!1), Oe.current = "", me(""), v("Processing Voice...");
+      R(!0), $e(!1), Ne.current = "", he(""), v("Processing Voice...");
       const t = await e.arrayBuffer(), o = await new (window.AudioContext || window.webkitAudioContext)().decodeAudioData(t), n = jt(o), c = new FileReader();
       c.readAsDataURL(n), c.onloadend = async () => {
-        const h = c.result.split(",")[1];
-        Ge(), K(""), pe.current = "", Ce.current = !1;
+        const m = c.result.split(",")[1];
+        Ye(), K(""), pe.current = "", De.current = !1;
         const w = `${ut}/stt?token=${encodeURIComponent(
-          O
-        )}`, A = await fetch(w, {
+          D
+        )}`, k = await fetch(w, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
-            audio_base64: h,
+            audio_base64: m,
             audio_format: "wav"
           })
         });
-        if (A.status === 429) {
+        if (k.status === 429) {
           try {
-            const se = await A.text(), C = JSON.parse(se);
-            V("[STT] 429 agent at capacity:", C?.detail);
+            const se = await k.text(), O = JSON.parse(se);
+            $("[STT] 429 agent at capacity:", O?.detail);
           } catch {
           }
-          K(""), v("Busy"), E(!1);
+          K(""), v("Busy"), R(!1);
           return;
         }
-        if (!A.ok) {
-          const se = await A.text();
-          let C = "STT Failed";
+        if (!k.ok) {
+          const se = await k.text();
+          let O = "STT Failed";
           try {
-            C = JSON.parse(se).error || C;
+            O = JSON.parse(se).error || O;
           } catch {
-            se && (C = se.slice(0, 200));
+            se && (O = se.slice(0, 200));
           }
-          throw new Error(C);
+          throw new Error(O);
         }
-        const R = A.body;
-        if (V("this is body" + R), !R) {
-          v("STT Failed"), E(!1);
+        const A = k.body;
+        if ($("this is body" + A), !A) {
+          v("STT Failed"), R(!1);
           return;
         }
-        const L = R.getReader();
-        u.current = !1;
-        const W = new TextDecoder();
-        let q = "", Z = !1;
-        const F = async (se, C) => {
+        const T = A.getReader();
+        ke.current = !1;
+        const V = new TextDecoder();
+        let G = "", ee = !1;
+        const F = async (se, O) => {
           switch (se) {
             case "transcript":
-              C.transcript != null && K(String(C.transcript));
+              O.transcript != null && K(String(O.transcript));
               break;
             case "text": {
-              const oe = C.delta ?? C.text ?? "";
+              const oe = O.delta ?? O.text ?? "";
               oe && vt(oe);
               break;
             }
             case "audio": {
-              const oe = C.chunk, fe = C.visemes ?? [], Ee = !!C.is_new_segment;
-              oe && await at(oe, fe, Ee);
+              const oe = O.chunk, de = O.visemes ?? [], Ee = !!O.is_new_segment;
+              oe && await at(oe, de, Ee);
               break;
             }
             case "done": {
-              Z = !0, v("Ready"), E(!1);
+              ee = !0, v("Ready"), R(!1);
               break;
             }
             case "error": {
-              Z = !0, v("STT Failed"), E(!1);
+              ee = !0, v("STT Failed"), R(!1);
               break;
             }
             default:
@@ -1171,37 +1181,37 @@ const Sn = ({
           }
         };
         for (; ; ) {
-          const { done: se, value: C } = await L.read();
-          C && (q += W.decode(C, { stream: !0 }));
-          const oe = q.split(`
+          const { done: se, value: O } = await T.read();
+          O && (G += V.decode(O, { stream: !0 }));
+          const oe = G.split(`
 
 `);
-          q = oe.pop() ?? "";
-          for (const fe of oe) {
-            const Ee = ze(fe);
+          G = oe.pop() ?? "";
+          for (const de of oe) {
+            const Ee = Qe(de);
             Ee && await F(Ee.event, Ee.data);
           }
           if (se) {
-            if (q.trim()) {
-              const fe = ze(q.trim());
-              fe && await F(fe.event, fe.data);
+            if (G.trim()) {
+              const de = Qe(G.trim());
+              de && await F(de.event, de.data);
             }
-            Z || (v("Ready"), E(!1));
+            ee || (v("Ready"), R(!1));
             break;
           }
         }
       };
     } catch (t) {
-      console.error("Audio Submission Error:", t), v("STT Failed"), E(!1);
+      console.error("Audio Submission Error:", t), v("STT Failed"), R(!1);
     }
   }, qt = async (e) => {
-    e && e.preventDefault(), We(!1), Oe.current = "", me(""), !(!he || k) && await Gt(he);
-  }, ze = (e) => {
+    e && e.preventDefault(), $e(!1), Ne.current = "", he(""), !(!fe || S) && await Gt(fe);
+  }, Qe = (e) => {
     const t = e.split(/\r?\n/);
-    let i = "", o = "";
+    let r = "", o = "";
     for (const c of t)
-      c.startsWith("event:") ? i = c.slice(6).trim() : c.startsWith("data:") && (o = c.slice(5).trim());
-    if (!i) return null;
+      c.startsWith("event:") ? r = c.slice(6).trim() : c.startsWith("data:") && (o = c.slice(5).trim());
+    if (!r) return null;
     let n = {};
     if (o)
       try {
@@ -1209,54 +1219,54 @@ const Sn = ({
       } catch {
         n = { raw: o };
       }
-    return { event: i, data: n };
+    return { event: r, data: n };
   }, At = (e, t) => {
     switch (e) {
       case "connected":
-        pe.current = "", Ce.current = !1;
+        pe.current = "", De.current = !1;
         break;
       case "text": {
-        const i = t.delta ?? "";
-        i && vt(i);
+        const r = t.delta ?? "";
+        r && vt(r);
         break;
       }
       case "audio": {
-        const i = t.chunk, o = t.visemes ?? [];
-        i && at(i, o);
+        const r = t.chunk, o = t.visemes ?? [];
+        r && at(r, o);
         break;
       }
       case "done": {
-        const i = yt(), o = Oe.current.trim(), n = [
-          ...i,
-          { role: "user", content: he || "..." },
+        const r = yt(), o = Ne.current.trim(), n = [
+          ...r,
+          { role: "user", content: fe || "..." },
           { role: "assistant", content: o }
         ];
-        Bt(n), $e.current = [...x.current], v("Ready"), E(!1), K("");
+        Bt(n), Me.current = [...x.current], v("Ready"), R(!1), K("");
         break;
       }
       case "error": {
-        const i = t.message ?? "Unknown error";
-        Oe.current = i, me(i), v("Agent Failed"), E(!1);
+        const r = t.message ?? "Unknown error";
+        Ne.current = r, he(r), v("Agent Failed"), R(!1);
         break;
       }
     }
   }, Gt = async (e) => {
-    E(!0), v("Thinking..."), Oe.current = "", pe.current = "", Ce.current = !1, Ge(), xe.current = 0, s(0);
+    R(!0), v("Thinking..."), Ne.current = "", pe.current = "", De.current = !1, Ye(), ye.current = 0, u(0);
     const t = `${ut}/agent/chat?token=${encodeURIComponent(
-      O
+      D
     )}`;
     try {
-      const i = yt();
+      const r = yt();
       let o = sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID");
       o || (rn(
         "[CHAT] Session UID missing at send time! Generating emergency backup."
       ), o = "emergency-" + Math.random().toString(36).substring(7), sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", o));
       const n = {
-        history: i,
+        history: r,
         question: e,
         lead_id: o
       };
-      V("[CHAT] Sending payload:", n);
+      $("[CHAT] Sending payload:", n);
       const c = await fetch(t, {
         method: "POST",
         headers: {
@@ -1267,73 +1277,73 @@ const Sn = ({
       });
       if (c.status === 429) {
         try {
-          const L = await c.json();
-          V("[CHAT] 429 agent at capacity:", L?.detail);
+          const T = await c.json();
+          $("[CHAT] 429 agent at capacity:", T?.detail);
         } catch {
         }
-        K(""), v("Busy"), E(!1);
+        K(""), v("Busy"), R(!1);
         return;
       }
       if (!c.ok)
         throw new Error("Agent request failed");
-      const h = c.body;
-      if (!h) {
-        v("Agent Failed"), E(!1);
+      const m = c.body;
+      if (!m) {
+        v("Agent Failed"), R(!1);
         return;
       }
-      const w = h.getReader();
-      u.current = !1;
-      const A = new TextDecoder();
-      let R = "";
+      const w = m.getReader();
+      ke.current = !1;
+      const k = new TextDecoder();
+      let A = "";
       for (; ; ) {
-        const { done: L, value: W } = await w.read();
-        V(
-          `[SSE] Chunk received. done=${L}, length=${W?.length || 0}`
-        ), W && (R += A.decode(W, { stream: !0 }));
-        const q = R.split(`
+        const { done: T, value: V } = await w.read();
+        $(
+          `[SSE] Chunk received. done=${T}, length=${V?.length || 0}`
+        ), V && (A += k.decode(V, { stream: !0 }));
+        const G = A.split(`
 
 `);
-        R = q.pop() ?? "";
-        for (const Z of q) {
-          V(`[SSE] Processing block: ${Z.slice(0, 50)}...`);
-          const F = ze(Z);
-          F && (V(`[SSE] Event: ${F.event}`), At(F.event, F.data));
+        A = G.pop() ?? "";
+        for (const ee of G) {
+          $(`[SSE] Processing block: ${ee.slice(0, 50)}...`);
+          const F = Qe(ee);
+          F && ($(`[SSE] Event: ${F.event}`), At(F.event, F.data));
         }
-        if (L) {
-          if (V("[SSE] Stream finished"), R.trim()) {
-            const Z = ze(R.trim());
-            Z && At(Z.event, Z.data);
+        if (T) {
+          if ($("[SSE] Stream finished"), A.trim()) {
+            const ee = Qe(A.trim());
+            ee && At(ee.event, ee.data);
           }
-          v("Ready"), E(!1), K("");
+          v("Ready"), R(!1), K("");
           break;
         }
       }
-    } catch (i) {
-      console.error("Chat Error:", i), v("Agent Failed"), E(!1);
+    } catch (r) {
+      console.error("Chat Error:", r), v("Agent Failed"), R(!1);
     }
-  }, Rt = D.trim(), ct = Rt && U ? Rt.slice(
+  }, Tt = N.trim(), ct = Tt && U ? Tt.slice(
     0,
     d != null && d > 0 ? d : 0
   ) : "";
-  $(() => {
+  H(() => {
     const e = et.current;
-    e !== "exiting" && (ct ? (Ot(ct), e === "hidden" && je("entering")) : (e === "visible" || e === "entering") && je("exiting"));
-  }, [ct, ue]);
-  const zt = Ye(() => {
+    e !== "exiting" && (ct ? (Ot(ct), e === "hidden" && qe("entering")) : (e === "visible" || e === "entering") && qe("exiting"));
+  }, [ct, le]);
+  const zt = Ke(() => {
     const e = et.current;
-    e === "entering" ? je("visible") : e === "exiting" && je("hidden");
+    e === "entering" ? qe("visible") : e === "exiting" && qe("hidden");
   }, []);
   return en(() => {
     const e = mt.current;
     e && (e.scrollTop = e.scrollHeight);
   }, [pt]), /* @__PURE__ */ ae("div", { className: "avatar-widget-container", children: [
     /* @__PURE__ */ ae("div", { className: "avatar-input-area", children: [
-      _e !== "hidden" ? /* @__PURE__ */ l(
+      re !== "hidden" ? /* @__PURE__ */ l(
         "div",
         {
-          className: `avatar-thinking-tab${_e === "exiting" ? " avatar-thinking-tab--exiting" : _e === "entering" ? " avatar-thinking-tab--entering" : ""}`,
+          className: `avatar-thinking-tab${re === "exiting" ? " avatar-thinking-tab--exiting" : re === "entering" ? " avatar-thinking-tab--entering" : ""}`,
           onAnimationEnd: Dt,
-          children: Re === Mt ? /* @__PURE__ */ l(
+          children: Le === Mt ? /* @__PURE__ */ l(
             "a",
             {
               href: "https://leads.streamoji.com",
@@ -1341,7 +1351,7 @@ const Sn = ({
               rel: "noopener noreferrer",
               children: "Made by Streamoji Leads"
             }
-          ) : Re
+          ) : Le
         }
       ) : null,
       /* @__PURE__ */ l("div", { className: "avatar-input-container", children: /* @__PURE__ */ l(
@@ -1459,12 +1469,12 @@ const Sn = ({
               {
                 type: "button",
                 className: "avatar-speaking-stop",
-                onClick: () => Ge(!0),
+                onClick: () => Ye(!0),
                 title: "Stop",
                 children: /* @__PURE__ */ l("span", { className: "avatar-speaking-stop__icon", "aria-hidden": !0 })
               }
             )
-          ] }) : k ? /* @__PURE__ */ l(
+          ] }) : S ? /* @__PURE__ */ l(
             "div",
             {
               style: {
@@ -1492,15 +1502,15 @@ const Sn = ({
                   {
                     id: "avatar-text-input",
                     type: "text",
-                    value: he,
+                    value: fe,
                     onChange: (e) => K(e.target.value),
-                    placeholder: I === "Busy" ? "Assisting another user" : Ne || "Ask me anything",
-                    disabled: k || I === "Busy",
+                    placeholder: E === "Busy" ? "Assisting another user" : Ue || "Ask me anything",
+                    disabled: S || E === "Busy",
                     autoComplete: "off",
                     style: { width: "100%", height: "100%" }
                   }
                 ),
-                I === "Busy" ? /* @__PURE__ */ l(
+                E === "Busy" ? /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
@@ -1527,13 +1537,13 @@ const Sn = ({
                       }
                     )
                   }
-                ) : he.trim() === "" ? /* @__PURE__ */ l(
+                ) : fe.trim() === "" ? /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
                     className: "mic-button",
                     onClick: Vt,
-                    disabled: k,
+                    disabled: S,
                     style: { backgroundColor: "#1e4a5e" },
                     children: /* @__PURE__ */ ae(
                       "svg",
@@ -1567,7 +1577,7 @@ const Sn = ({
                   {
                     type: "submit",
                     className: "mic-button",
-                    disabled: k,
+                    disabled: S,
                     style: { backgroundColor: "#1e4a5e" },
                     title: "Send",
                     children: /* @__PURE__ */ l(
@@ -1599,10 +1609,10 @@ const Sn = ({
       ) })
     ] }),
     /* @__PURE__ */ l("div", { className: "avatar-wrapper", children: /* @__PURE__ */ ae("div", { className: "avatar-scene-wrapper", children: [
-      ue !== "hidden" && /* @__PURE__ */ l(
+      le !== "hidden" && /* @__PURE__ */ l(
         "div",
         {
-          className: `avatar-bubble${ue === "entering" ? " avatar-bubble--entering" : ue === "exiting" ? " avatar-bubble--exiting" : ""}`,
+          className: `avatar-bubble${le === "entering" ? " avatar-bubble--entering" : le === "exiting" ? " avatar-bubble--exiting" : ""}`,
           onAnimationEnd: zt,
           children: /* @__PURE__ */ l("div", { ref: mt, className: `avatar-bubble__content${nt ? " avatar-bubble__content--nudge" : ""}`, children: pt })
         }
@@ -1611,7 +1621,7 @@ const Sn = ({
         "div",
         {
           className: "avatar-canvas-layer",
-          style: { width: j, height: j },
+          style: { width: z, height: z },
           children: /* @__PURE__ */ ae(
             Kt,
             {
@@ -1621,27 +1631,27 @@ const Sn = ({
               dpr: 1.8,
               style: { pointerEvents: "none", width: "100%", height: "100%" },
               children: [
-                /* @__PURE__ */ l(wn, { target: hn }),
+                /* @__PURE__ */ l(vn, { target: mn }),
                 /* @__PURE__ */ l("ambientLight", { intensity: 0.7 }),
                 /* @__PURE__ */ l("directionalLight", { position: [0, 2, 2], intensity: 1 }),
                 /* @__PURE__ */ l(Yt, { preset: "city" }),
-                /* @__PURE__ */ l(tn, { fallback: null, children: H !== null && /* @__PURE__ */ l(
-                  vn,
+                /* @__PURE__ */ l(tn, { fallback: null, children: j !== null && /* @__PURE__ */ l(
+                  yn,
                   {
-                    avatarUrl: H,
-                    isPlayingRef: S,
+                    avatarUrl: j,
+                    isPlayingRef: M,
                     visemeQueueRef: x,
-                    audioContextRef: ye,
-                    responseAudioStartTimeRef: re,
-                    adjustments: fn,
-                    mood: m,
-                    expression: X,
-                    agentResponse: D,
+                    audioContextRef: C,
+                    responseAudioStartTimeRef: ve,
+                    adjustments: hn,
+                    mood: s,
+                    expression: W,
+                    agentResponse: N,
                     isSpeaking: U,
-                    nextStartTimeRef: Se,
-                    stopPlayback: Ge,
-                    setIsSpeaking: be,
-                    expressionUrl: Xe,
+                    nextStartTimeRef: ce,
+                    stopPlayback: Ye,
+                    setIsSpeaking: me,
+                    expressionUrl: Ze,
                     onExpressionFinished: Ut,
                     isNudgeResponse: nt,
                     avatarGender: p
@@ -1654,20 +1664,20 @@ const Sn = ({
       )
     ] }) })
   ] });
-}, Tn = ({
+}, En = ({
   token: f,
-  avatarGender: T,
+  avatarGender: L,
   onNavigationRequested: b,
   presetUserDetails: p
 }) => /* @__PURE__ */ l(
-  Sn,
+  xn,
   {
     token: f,
     onNavigationRequested: b,
-    avatarGender: T,
+    avatarGender: L,
     presetUserDetails: p
   }
 );
 export {
-  Tn as AvatarWidget
+  En as AvatarWidget
 };