@streamoji/avatar-widget 0.5.7 → 0.5.8

package/dist/avatar-widget.js

@@ -1,10 +1,10 @@
 import { jsx as m, jsxs as ge } from "react/jsx-runtime";
-import { useGLTF as Nt, Environment as Rn } from "@react-three/drei";
+import { useGLTF as Ut, Environment as Rn } from "@react-three/drei";
 import { useFrame as xn, Canvas as Tn, useThree as Mn } from "@react-three/fiber";
-import { memo as En, useMemo as $t, useRef as s, useState as L, useEffect as F, useCallback as at, useLayoutEffect as In, Suspense as An } from "react";
-import * as mt from "three";
+import { memo as En, useMemo as Vt, useRef as s, useState as L, useEffect as F, useCallback as ct, useLayoutEffect as In, Suspense as An } from "react";
+import * as pt from "three";
 import { GLTFLoader as On } from "three/examples/jsm/loaders/GLTFLoader.js";
-const ct = "https://ai.streamoji.com", N = (...f) => {
+const ut = "https://ai.streamoji.com", N = (...f) => {
 }, Zt = ({ analyser: f }) => {
   const _ = s(null), k = s(null);
   return F(() => {
@@ -18,7 +18,7 @@ const ct = "https://ai.streamoji.com", N = (...f) => {
       Y = requestAnimationFrame(Ke), (w.width !== w.offsetWidth || w.height !== w.offsetHeight) && (w.width = w.offsetWidth, w.height = w.offsetHeight);
       const $e = w.width, C = w.height;
       if ($e === 0 || C === 0) return;
-      const ut = C / 2;
+      const lt = C / 2;
       H.clearRect(0, 0, $e, C), H.fillStyle = "#1e293b";
       const Se = 2, j = Se + 2, Re = $e * 0.95, ne = Math.floor(Re / j);
       (!k.current || k.current.length !== ne) && (k.current = new Float32Array(ne).fill(2));
@@ -41,7 +41,7 @@ const ct = "https://ai.streamoji.com", N = (...f) => {
       for (let h = 0; h < ne; h++) {
         const A = ne - 1 - h, y = Math.max(P[h], P[A]), T = k.current[h] + (y - k.current[h]) * 0.3;
         k.current[h] = T;
-        const O = E + h * j, D = ut - T / 2;
+        const O = E + h * j, D = lt - T / 2;
         H.beginPath(), H.roundRect ? H.roundRect(O, D, Se, T, 4) : H.fillRect(O, D, Se, T), H.fill();
       }
     };
@@ -265,7 +265,7 @@ const Nn = [
   rotation: [0.15, 0.02, 0]
 }, Vn = [-0.45, 1.9, 0.1], Wn = [-0.45, 1.75, 0.1], Hn = {
   browInnerUp: 0.2
-}, Ut = 0.18, jn = 1, Gn = 0.5, tn = 3, kt = 0.55, Ft = 0.12, nn = 2, rn = 2, St = 4, on = 8, Jn = 1, sn = 0.38, an = 0.32, cn = "__branding__", Rt = {
+}, Ft = 0.18, jn = 1, Gn = 0.5, tn = 3, St = 0.55, Pt = 0.12, nn = 2, rn = 2, Rt = 4, on = 8, Jn = 1, sn = 0.38, an = 0.32, cn = "__branding__", xt = {
   neutral: { eyeLookDownLeft: 0.1, eyeLookDownRight: 0.1 },
   happy: {
     mouthSmileLeft: 0.2,
@@ -551,7 +551,7 @@ const Nn = [
     { v: "CH", w: 0.1 }
     // c, x (affricate-ish)
   ]
-}, Pt = new Set(
+}, Bt = new Set(
   dn.flatMap((f) => [
     ...Object.keys(f.mix),
     ...f.teethMix ? Object.keys(f.teethMix) : []
@@ -597,34 +597,34 @@ const Qn = En(
     expression: Ke,
     agentResponse: $e,
     isSpeaking: C,
-    nextStartTimeRef: ut,
+    nextStartTimeRef: lt,
     stopPlayback: Se,
-    setIsSpeaking: pt,
+    setIsSpeaking: Qe,
     expressionUrl: j,
     onExpressionFinished: Re,
     isNudgeResponse: ne,
     avatarGender: Ve
   }) => {
-    const { scene: E } = Nt(f), Ae = Nt(Ve === "female" ? Un : Nn), G = $t(
+    const { scene: E } = Ut(f), Ae = Ut(Ve === "female" ? Un : Nn), G = Vt(
       () => Ae.flatMap((g) => g.animations),
       [Ae]
-    ), h = Nt(Ve === "female" ? Bn : Pn), A = $t(
+    ), h = Ut(Ve === "female" ? Bn : Pn), A = Vt(
       () => h.flatMap((g) => g.animations),
       [h]
-    ), y = s(null), T = s(null), O = s(null), D = s(null), q = s(null), re = s(null), lt = s([]), [K] = L(() => new mt.AnimationMixer(E)), z = s({}), J = s(null), Qe = s(0), Oe = s(!1), We = s(0), dt = s(!1), _e = s(null), He = s(tn), je = s(-1), De = s("left"), gt = s(St + Math.random() * (on - St)), we = s(0), xe = s("smile"), Ce = s({});
+    ), y = s(null), T = s(null), O = s(null), D = s(null), q = s(null), re = s(null), dt = s([]), [K] = L(() => new pt.AnimationMixer(E)), z = s({}), J = s(null), Xe = s(0), Oe = s(!1), We = s(0), ft = s(!1), _e = s(null), He = s(tn), je = s(-1), De = s("left"), gt = s(Rt + Math.random() * (on - Rt)), we = s(0), xe = s("smile"), Ce = s({});
     F(() => {
       if (!(!G || !E)) {
         if (G.forEach((g, p) => {
           const r = `idle_${p}`;
           if (!z.current[r]) {
             const d = K.clipAction(g, E);
-            d.name = r, d.setLoop(mt.LoopOnce, 1), d.clampWhenFinished = !0, z.current[r] = d;
+            d.name = r, d.setLoop(pt.LoopOnce, 1), d.clampWhenFinished = !0, z.current[r] = d;
           }
         }), A.forEach((g, p) => {
           const r = `talk_${p}`;
           if (!z.current[r]) {
             const d = K.clipAction(g, E);
-            d.name = r, d.setLoop(mt.LoopOnce, 1), d.clampWhenFinished = !0, z.current[r] = d;
+            d.name = r, d.setLoop(pt.LoopOnce, 1), d.clampWhenFinished = !0, z.current[r] = d;
           }
         }), G.length > 0) {
           const g = z.current.idle_0, p = J.current && K.existingAction(J.current.getClip());
@@ -635,15 +635,15 @@ const Qn = En(
         };
       }
     }, [G, A, E, K]);
-    const Xe = s("");
+    const Ze = s("");
     F(() => {
-      if (!j || !E || j === Xe.current) return;
-      Xe.current = j, _e.current = j, new On().load(
+      if (!j || !E || j === Ze.current) return;
+      Ze.current = j, _e.current = j, new On().load(
         j,
         (p) => {
           if (p.animations && p.animations.length > 0) {
             const r = p.animations[0], d = K.clipAction(r, E);
-            if (d.name = `EXPR_${j}`, d.setLoop(mt.LoopOnce, 1), d.clampWhenFinished = !0, z.current[`EXPR_${j}`] = d, C && _e.current === j) {
+            if (d.name = `EXPR_${j}`, d.setLoop(pt.LoopOnce, 1), d.clampWhenFinished = !0, z.current[`EXPR_${j}`] = d, C && _e.current === j) {
               const v = J.current;
               d.reset().fadeIn(0.3).play(), v && v !== d && v.crossFadeTo(d, 0.3, !0), J.current = d, _e.current = null;
             }
@@ -732,10 +732,10 @@ const Qn = En(
           const v = r.morphTargetDictionary;
           v && Object.keys(v).some((oe) => oe.toLowerCase().includes("brow")) && p.push(r);
         }
-      }), lt.current = p, p.length > 0 && N("[ANIMATION] Meshes with brow morphs:", p.length);
+      }), dt.current = p, p.length > 0 && N("[ANIMATION] Meshes with brow morphs:", p.length);
     }, [E]);
     const Ne = (g) => {
-      const p = Rt[g] ?? Rt.neutral;
+      const p = xt[g] ?? xt.neutral;
       for (const r in p)
         u(T.current, r, p[r]), u(O.current, r, p[r]), u(D.current, r, p[r]);
     };
@@ -751,30 +751,30 @@ const Qn = En(
         const $ = l ? `Hips Y: ${l.position.y.toFixed(4)}` : "Hips not found";
         N(`[ANIMATION] Mixer Time: ${K.time.toFixed(2)}, ${$}`);
       }
-      if (K.update(p), r > Qe.current && !Oe.current && (Oe.current = !0, We.current = r), Oe.current) {
+      if (K.update(p), r > Xe.current && !Oe.current && (Oe.current = !0, We.current = r), Oe.current) {
         const l = C ? 0.2 : 0.3, $ = (r - We.current) / l;
         if ($ >= 1)
-          if (Oe.current = !1, dt.current) {
+          if (Oe.current = !1, ft.current) {
             const I = C ? 1 : 2.5;
-            Qe.current = r + I, dt.current = !1;
+            Xe.current = r + I, ft.current = !1;
           } else
-            Qe.current = r + 0.12, dt.current = !0;
+            Xe.current = r + 0.12, ft.current = !0;
         else {
           const I = $ < 0.5 ? $ * 2 : (1 - $) * 2;
           u(T.current, "eyeBlinkLeft", I), u(T.current, "eyeBlinkRight", I), u(O.current, "eyeBlinkLeft", I), u(O.current, "eyeBlinkRight", I), u(D.current, "eyeBlinkLeft", I), u(D.current, "eyeBlinkRight", I), d = I * Hn.browInnerUp;
         }
       }
-      const v = Rt[X] ?? Rt.neutral, oe = v.browInnerUp ?? 0, ie = v.browOuterUpLeft ?? 0, xt = v.browOuterUpRight ?? 0, Ze = r * jn, ce = Ut * Math.sin(Ze), bt = Ut * 0.7 * Math.sin(Ze + 0.7), Ue = Ut * 0.7 * Math.sin(Ze + 1.3), S = (l) => Math.max(0, Math.min(1, l)), et = S(oe + ce), tt = S(ie + bt), Ge = S(xt + Ue), Je = S(et + d);
-      u(T.current, "browInnerUp", Je), u(O.current, "browInnerUp", Je), u(D.current, "browInnerUp", Je), u(T.current, "browOuterUpLeft", tt), u(O.current, "browOuterUpLeft", tt), u(D.current, "browOuterUpLeft", tt), u(T.current, "browOuterUpRight", Ge), u(O.current, "browOuterUpRight", Ge), u(D.current, "browOuterUpRight", Ge);
-      const Te = He.current, Fe = Te + kt, nt = Fe + Ft;
-      r > nt && (He.current += kt + Ft + tn);
-      const se = !C && r >= Te && r < Fe, de = !C && r >= Fe && r < nt;
+      const v = xt[X] ?? xt.neutral, oe = v.browInnerUp ?? 0, ie = v.browOuterUpLeft ?? 0, Tt = v.browOuterUpRight ?? 0, et = r * jn, ce = Ft * Math.sin(et), bt = Ft * 0.7 * Math.sin(et + 0.7), Ue = Ft * 0.7 * Math.sin(et + 1.3), S = (l) => Math.max(0, Math.min(1, l)), tt = S(oe + ce), nt = S(ie + bt), Ge = S(Tt + Ue), Je = S(tt + d);
+      u(T.current, "browInnerUp", Je), u(O.current, "browInnerUp", Je), u(D.current, "browInnerUp", Je), u(T.current, "browOuterUpLeft", nt), u(O.current, "browOuterUpLeft", nt), u(D.current, "browOuterUpLeft", nt), u(T.current, "browOuterUpRight", Ge), u(O.current, "browOuterUpRight", Ge), u(D.current, "browOuterUpRight", Ge);
+      const Te = He.current, Fe = Te + St, rt = Fe + Pt;
+      r > rt && (He.current += St + Pt + tn);
+      const se = !C && r >= Te && r < Fe, de = !C && r >= Fe && r < rt;
       (se || de) && je.current !== Te && (je.current = Te, De.current = Math.random() < 0.7 ? "left" : "up");
-      const _t = se ? r - Te : de ? kt : 0, ft = se || de ? Math.min(1, _t / kt) : 0, ae = ft <= 0 ? 0 : Math.sin(ft * Math.PI), rt = de ? 1 - (r - Fe) / Ft : 1, wt = se ? ae : de ? ae * rt : 0, ot = Gn * wt, B = (l) => v[l] ?? 0;
-      if (De.current === "up" ? (u(q.current, "eyeLookUpLeft", S(B("eyeLookUpLeft") + ot)), u(q.current, "eyeLookDownLeft", S(B("eyeLookDownLeft"))), u(q.current, "eyeLookOutLeft", S(B("eyeLookOutLeft"))), u(q.current, "eyeLookInLeft", S(B("eyeLookInLeft"))), u(re.current, "eyeLookUpRight", S(B("eyeLookUpRight") + ot)), u(re.current, "eyeLookDownRight", S(B("eyeLookDownRight"))), u(re.current, "eyeLookOutRight", S(B("eyeLookOutRight"))), u(re.current, "eyeLookInRight", S(B("eyeLookInRight")))) : (u(q.current, "eyeLookUpLeft", S(B("eyeLookUpLeft"))), u(q.current, "eyeLookDownLeft", S(B("eyeLookDownLeft"))), u(q.current, "eyeLookOutLeft", S(B("eyeLookOutLeft"))), u(q.current, "eyeLookInLeft", S(B("eyeLookInLeft") + ot)), u(re.current, "eyeLookUpRight", S(B("eyeLookUpRight"))), u(re.current, "eyeLookDownRight", S(B("eyeLookDownRight"))), u(re.current, "eyeLookOutRight", S(B("eyeLookOutRight") + ot)), u(re.current, "eyeLookInRight", S(B("eyeLookInRight")))), !C && r >= gt.current) {
+      const _t = se ? r - Te : de ? St : 0, ht = se || de ? Math.min(1, _t / St) : 0, ae = ht <= 0 ? 0 : Math.sin(ht * Math.PI), ot = de ? 1 - (r - Fe) / Pt : 1, wt = se ? ae : de ? ae * ot : 0, it = Gn * wt, B = (l) => v[l] ?? 0;
+      if (De.current === "up" ? (u(q.current, "eyeLookUpLeft", S(B("eyeLookUpLeft") + it)), u(q.current, "eyeLookDownLeft", S(B("eyeLookDownLeft"))), u(q.current, "eyeLookOutLeft", S(B("eyeLookOutLeft"))), u(q.current, "eyeLookInLeft", S(B("eyeLookInLeft"))), u(re.current, "eyeLookUpRight", S(B("eyeLookUpRight") + it)), u(re.current, "eyeLookDownRight", S(B("eyeLookDownRight"))), u(re.current, "eyeLookOutRight", S(B("eyeLookOutRight"))), u(re.current, "eyeLookInRight", S(B("eyeLookInRight")))) : (u(q.current, "eyeLookUpLeft", S(B("eyeLookUpLeft"))), u(q.current, "eyeLookDownLeft", S(B("eyeLookDownLeft"))), u(q.current, "eyeLookOutLeft", S(B("eyeLookOutLeft"))), u(q.current, "eyeLookInLeft", S(B("eyeLookInLeft") + it)), u(re.current, "eyeLookUpRight", S(B("eyeLookUpRight"))), u(re.current, "eyeLookDownRight", S(B("eyeLookDownRight"))), u(re.current, "eyeLookOutRight", S(B("eyeLookOutRight") + it)), u(re.current, "eyeLookInRight", S(B("eyeLookInRight")))), !C && r >= gt.current) {
         we.current = r, xe.current = Math.random() < 0.5 ? "pucker" : "smile";
         const l = xe.current === "pucker" ? rn : nn;
-        gt.current = r + l + St + Math.random() * (on - St);
+        gt.current = r + l + Rt + Math.random() * (on - Rt);
       }
       const Z = xe.current === "pucker" ? rn : nn, ue = !C && r >= we.current && r < we.current + Z, ee = ue ? (r - we.current) / Z : 0, Pe = ee <= 0 ? 0 : ee < 0.5 ? ee * 2 : (() => {
         const l = (ee - 0.5) * 2;
@@ -790,14 +790,14 @@ const Qn = En(
         }
       if (y.current) {
         const l = _.current ? 0 : Y.rotation[1];
-        y.current.rotation.y = mt.MathUtils.lerp(
+        y.current.rotation.y = pt.MathUtils.lerp(
           y.current.rotation.y,
           l,
           0.1
         ), y.current.position.set(...Y.position), y.current.scale.setScalar(Y.scale), y.current.rotation.x = Y.rotation[0], y.current.rotation.z = Y.rotation[2];
       }
       const le = {};
-      if (Pt.forEach((l) => {
+      if (Bt.forEach((l) => {
         le[l] = 0;
       }), _.current && w.current) {
         const l = w.current.currentTime, Q = (l - H.current) * 1e3 - -150;
@@ -805,23 +805,23 @@ const Qn = En(
           const ve = k.current[ye];
           if (Q < ve.vtime || Q >= ve.vtime + ve.vduration)
             continue;
-          const it = zn(
+          const st = zn(
             Q,
             ve.vtime,
             ve.vduration
-          ), Tt = `viseme_${ve.viseme}`.toLowerCase(), Ee = dn.find((fe) => fe.key.toLowerCase() === Tt);
+          ), Mt = `viseme_${ve.viseme}`.toLowerCase(), Ee = dn.find((fe) => fe.key.toLowerCase() === Mt);
           if (!Ee) continue;
-          const yt = (ve.weight ?? 1) * it;
+          const yt = (ve.weight ?? 1) * st;
           for (const fe in Ee.mix)
             le[fe] = Math.max(le[fe] ?? 0, Ee.mix[fe] * yt);
           if (Ee.teethMix)
             for (const fe in Ee.teethMix)
               le[fe] = Math.max(le[fe] ?? 0, Ee.teethMix[fe] * yt);
         }
-        l > ut.current + 0.5 && (Se(), pt(!1));
+        l > lt.current + 0.5 && (Se(), Qe(!1));
       }
       const qe = Ce.current;
-      Pt.forEach((l) => {
+      Bt.forEach((l) => {
         const $ = le[l] ?? 0, I = qe[l] ?? 0;
         qe[l] = Math.max(
           0,
@@ -830,7 +830,7 @@ const Qn = En(
             I + ($ - I) * (1 - Math.exp(-20 * p))
           )
         );
-      }), Pt.forEach((l) => {
+      }), Bt.forEach((l) => {
         const $ = qe[l] ?? 0;
         u(T.current, l, $), u(D.current, l, $), u(O.current, l, $);
       });
@@ -843,13 +843,13 @@ function Xn(f) {
 function ln(f) {
   return f.replace(/\*(.*?)\*/g, " $1 ").replace(/\[.*?\]/g, " ").replace(/<.*?\/>/g, " ").replace(/<.*?>.*?<\/.*?>/g, " ").replace(/\s+/g, " ").trim();
 }
-const Bt = /* @__PURE__ */ new Map(), Zn = ({
+const $t = /* @__PURE__ */ new Map(), Zn = ({
   onNavigationRequested: f,
   agentId: _,
   presetUserDetails: k,
   onAvatarReady: w
 }) => {
-  const [H, Y] = L(""), [X, Ke] = L("male"), [$e, C] = L(""), [ut, Se] = L(!1), [pt, j] = L(() => typeof window > "u" ? null : sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID")), Re = H, ne = X;
+  const [H, Y] = L(""), [X, Ke] = L("male"), [$e, C] = L(""), [lt, Se] = L(!1), [Qe, j] = L(() => typeof window > "u" ? null : sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID")), Re = H, ne = X;
   F(() => {
     if (!_) {
       Se(!0);
@@ -869,12 +869,12 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
             console.error("Failed to parse cached avatar config:", c), sessionStorage.removeItem(n);
           }
         let i;
-        if (Bt.has(_))
-          console.log(">> REUSING in-flight fetch for", _), i = await Bt.get(_);
+        if ($t.has(_))
+          console.log(">> REUSING in-flight fetch for", _), i = await $t.get(_);
         else {
           const c = (async () => {
             console.log(">> INITIATING visitedWebsite fetch for", _);
-            const R = { agentId: _, lead_id: a }, b = await fetch(`${ct}/visitedWebsite`, {
+            const R = { agentId: _, lead_id: a }, b = await fetch(`${ut}/visitedWebsite`, {
               method: "POST",
               headers: { "Content-Type": "application/json" },
               body: JSON.stringify(R)
@@ -883,7 +883,7 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
             const x = await b.json();
             return sessionStorage.setItem(n, JSON.stringify(x)), x;
           })();
-          Bt.set(_, c), i = await c;
+          $t.set(_, c), i = await c;
         }
         if (e) return;
         i && (i.encryptedAgentToken && Y(i.encryptedAgentToken), i.avatarGender && Ke(i.avatarGender), i.agent_id && C(i.agent_id), i.lead_id && (j(i.lead_id), sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", i.lead_id)));
@@ -896,18 +896,18 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
       e = !0;
     };
   }, [_]);
-  const Ve = Cn(_ ?? $e), [E, be] = L(""), [Ae, G] = L(""), [P, h] = L("Ready"), [A, y] = L(!1), [T, O] = L(!1), [D, q] = L([]), [re, lt] = L(""), K = s(null), [z, J] = L(
+  const Ve = Cn(_ ?? $e), [E, be] = L(""), [Ae, G] = L(""), [P, h] = L("Ready"), [A, y] = L(!1), [T, O] = L(!1), [D, q] = L([]), [re, dt] = L(""), K = s(null), [z, J] = L(
     () => typeof window < "u" ? window.matchMedia("(max-width: 480px)").matches : !1
   );
   F(() => {
     const e = window.matchMedia("(max-width: 480px)"), t = () => J(e.matches);
     return e.addEventListener("change", t), () => e.removeEventListener("change", t);
   }, []);
-  const Qe = z ? 80 : 600, Oe = s(!1), We = s([]), dt = s(0), _e = s(!1), He = s([]), je = s(null), De = s([]);
+  const Xe = z ? 80 : 600, Oe = s(!1), We = s([]), ft = s(0), _e = s(!1), He = s([]), je = s(null), De = s([]);
   s([]);
-  const gt = s([]), we = s(0), xe = s(0), Ce = s(0), Xe = s(0), Ne = s(!1), [g, p] = L(
+  const gt = s([]), we = s(0), xe = s(0), Ce = s(0), Ze = s(0), Ne = s(!1), [g, p] = L(
     null
-  ), r = s(null), [d, v] = L("neutral"), [oe, ie] = L(""), [xt, Ze] = L(""), [ce, bt] = L(
+  ), r = s(null), [d, v] = L("neutral"), [oe, ie] = L(""), [Tt, et] = L(""), [ce, bt] = L(
     () => {
       if (typeof window > "u") return null;
       try {
@@ -917,11 +917,11 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
         return null;
       }
     }
-  ), [Ue, S] = L("hidden"), [et, tt] = L(""), Ge = s(null), Je = s(Ue);
+  ), [Ue, S] = L("hidden"), [tt, nt] = L(""), Ge = s(null), Je = s(Ue);
   Je.current = Ue;
-  const [Te, Fe] = L(null), nt = s(null), se = s(null), [de, _t] = L(!1), ft = s(null), [ae, rt] = L("hidden"), [wt, ot] = L(""), B = s(ae);
+  const [Te, Fe] = L(null), rt = s(null), se = s(null), [de, _t] = L(!1), ht = s(null), [ae, ot] = L("hidden"), [wt, it] = L(""), B = s(ae);
   B.current = ae;
-  const Z = s(""), ue = s(!1), ee = s(""), Pe = s(Date.now()), Me = s([]), le = s(!1), [qe, l] = L(!1), [$, I] = L(!1), Q = s(null), ye = $t(() => de ? "Try again" : P === "Busy" ? "Busy" : P === "Thinking..." || P === "Processing Voice..." ? P : ce != null && ce !== "" && ce !== "none" && ce !== "<none>" ? `Enter ${Xn(ce)}` : ae !== "hidden" || !$ ? null : cn, [P, ce, de, ae, $]), ve = !de && P !== "Busy" && P !== "Thinking..." && P !== "Processing Voice..." && (ce == null || ce === "" || ce === "none" || ce === "<none>");
+  const Z = s(""), ue = s(!1), ee = s(""), Pe = s(Date.now()), Me = s([]), le = s(!1), [qe, l] = L(!1), [$, I] = L(!1), Q = s(null), ye = Vt(() => de ? "Try again" : P === "Busy" ? "Busy" : P === "Thinking..." || P === "Processing Voice..." ? P : ce != null && ce !== "" && ce !== "none" && ce !== "<none>" ? `Enter ${Xn(ce)}` : ae !== "hidden" || !$ ? null : cn, [P, ce, de, ae, $]), ve = !de && P !== "Busy" && P !== "Thinking..." && P !== "Processing Voice..." && (ce == null || ce === "" || ce === "none" || ce === "<none>");
   F(() => {
     if (ae !== "hidden" || !ve) {
       I(!1), Q.current != null && (clearTimeout(Q.current), Q.current = null);
@@ -933,21 +933,21 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
       Q.current != null && (clearTimeout(Q.current), Q.current = null);
     };
   }, [ae, ve]);
-  const it = ye != null && ye !== "";
+  const st = ye != null && ye !== "";
   F(() => {
     const e = Je.current;
     if (!(e === "exiting" || e === "entering")) {
       if (e === "hidden") {
-        it && (tt(ye ?? ""), S("entering"));
+        st && (nt(ye ?? ""), S("entering"));
         return;
       }
-      e === "visible" && (!it || ye !== et) && (Ge.current = it ? ye : null, S("exiting"));
+      e === "visible" && (!st || ye !== tt) && (Ge.current = st ? ye : null, S("exiting"));
     }
   }, [
-    it,
+    st,
     ye,
     Ue,
-    et
+    tt
   ]), F(() => {
     if (P !== "Busy") {
       se.current != null && (clearTimeout(se.current), se.current = null);
@@ -963,12 +963,12 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
     const e = setTimeout(() => _t(!1), 2500);
     return () => clearTimeout(e);
   }, [de]);
-  const Tt = at(() => {
+  const Mt = ct(() => {
     const e = Je.current;
     if (e === "exiting") {
       S("hidden");
       const t = Ge.current;
-      Ge.current = null, t != null && t !== "" && (tt(t), S("entering"));
+      Ge.current = null, t != null && t !== "" && (nt(t), S("entering"));
     } else e === "entering" && S("visible");
   }, []), Ee = (e) => {
     if (!e) return;
@@ -984,7 +984,7 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
       );
       N(
         `[STREAM] Animation match for "${o}": ${i ? i.name : "NONE"}`
-      ), Ze(i?.url ?? "");
+      ), et(i?.url ?? "");
     }
     if (e.navigation != null) {
       const o = String(e.navigation).trim();
@@ -1040,8 +1040,8 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
       return { [a]: o };
     }
     return null;
-  }, fe = at(() => {
-  }, []), Be = "§", Mt = () => {
+  }, fe = ct(() => {
+  }, []), Be = "§", Et = () => {
     for (; Z.current.includes(`
 `); ) {
       const e = Z.current.indexOf(`
@@ -1050,20 +1050,20 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
       const n = yt(t);
       n && Ee(n);
     }
-  }, Vt = (e) => {
+  }, Wt = (e) => {
     if (ue.current)
       if (e.includes(Be)) {
         const t = e.indexOf(Be), n = e.slice(0, t), a = e.slice(t + Be.length);
-        n && (ee.current += n, G((o) => o + n)), ue.current = !1, a && (Z.current += a, Mt());
+        n && (ee.current += n, G((o) => o + n)), ue.current = !1, a && (Z.current += a, Et());
       } else e === Be ? ue.current = !1 : (ee.current += e, G((t) => t + e));
     else if (e.includes(Be)) {
       const t = e.indexOf(Be), n = e.slice(0, t), a = e.slice(t + Be.length);
-      Z.current += n, Mt(), ue.current = !0, a && (ee.current += a, G((o) => o + a));
+      Z.current += n, Et(), ue.current = !0, a && (ee.current += a, G((o) => o + a));
     } else if (e === Be) {
       ue.current = !0;
       return;
     } else
-      Z.current += e, Mt();
+      Z.current += e, Et();
   };
   F(() => {
     (async () => {
@@ -1085,7 +1085,7 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
     })();
   }, [k]), F(() => {
     const e = () => {
-      Pe.current = Date.now(), le.current && (le.current = !1, l(!1), q([]), lt(""), G(""), O(!1));
+      Pe.current = Date.now(), le.current && (le.current = !1, l(!1), q([]), dt(""), G(""), O(!1));
     };
     window.addEventListener("mousemove", e), window.addEventListener("keydown", e), window.addEventListener("mousedown", e), window.addEventListener("touchstart", e);
     const t = setInterval(async () => {
@@ -1094,10 +1094,10 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
           l(!0), q(Me.current);
         else
           try {
-            const o = `${ct}/nudgeUser`, i = {
+            const o = `${ut}/nudgeUser`, i = {
               navigationUrl: window.location.href,
               agentId: _,
-              lead_id: pt
+              lead_id: Qe
             }, c = await fetch(o, {
               method: "POST",
               headers: {
@@ -1123,10 +1123,10 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
       const i = D[e];
       if (n) {
         const c = i.substring(0, t - 1);
-        lt(c), t--, a = 50;
+        dt(c), t--, a = 50;
       } else {
         const c = i.substring(0, t + 1);
-        lt(c), t++, a = 100;
+        dt(c), t++, a = 100;
       }
       !n && t === i.length ? (n = !0, a = 3e3) : n && t === 0 && (n = !1, e = (e + 1) % D.length, a = 500), K.current = setTimeout(o, a);
     };
@@ -1134,7 +1134,7 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
       K.current && clearTimeout(K.current);
     };
   }, [D]);
-  const Wt = () => {
+  const Ht = () => {
     try {
       return JSON.parse(
         sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES") || "[]"
@@ -1147,31 +1147,31 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
       "STREAMOJI_LEADS_SESSION_MESSAGES",
       JSON.stringify(e)
     );
-  }, [Et, It] = L(!1), [Ht, At] = L(0), Le = s(null), vt = s([]), jt = s(0), [Gt, hn] = L(
+  }, [It, At] = L(!1), [jt, Ot] = L(0), Le = s(null), vt = s([]), Gt = s(0), [Jt, hn] = L(
     null
-  ), [mn, Ot] = L(
+  ), [mn, Dt] = L(
     null
   ), Ie = s(null), ze = s(
     null
-  ), ht = at((e = !1) => {
+  ), mt = ct((e = !1) => {
     e && (Ne.current = !0, y(!1), h("Ready")), He.current = [], We.current = [], _e.current = !1, O(!1), we.current = 0, xe.current = 0, Ce.current = 0, De.current.forEach((t) => {
       try {
         t.stop();
       } catch {
       }
-    }), nt.current && (clearTimeout(nt.current), nt.current = null), setTimeout(() => {
-      Fe(null), Ze("");
+    }), rt.current && (clearTimeout(rt.current), rt.current = null), setTimeout(() => {
+      Fe(null), et("");
     }, 10), De.current = [];
   }, []), pn = async () => {
     try {
       const e = await navigator.mediaDevices.getUserMedia({ audio: !0 }), t = window.AudioContext || window.webkitAudioContext, n = new t(), a = n.createMediaStreamSource(e), o = n.createAnalyser();
-      o.fftSize = 64, a.connect(o), Ie.current = n, ze.current = a, Ot(o);
+      o.fftSize = 64, a.connect(o), Ie.current = n, ze.current = a, Dt(o);
       const i = new MediaRecorder(e);
       Le.current = i, vt.current = [], i.ondataavailable = (c) => {
         c.data.size > 0 && vt.current.push(c.data);
       }, i.onstop = async () => {
-        const c = Date.now() - jt.current;
-        if (Ot(null), ze.current && (ze.current.disconnect(), ze.current = null), Ie.current && Ie.current.state !== "closed" && (Ie.current.close(), Ie.current = null), c < 1e3) {
+        const c = Date.now() - Gt.current;
+        if (Dt(null), ze.current && (ze.current.disconnect(), ze.current = null), Ie.current && Ie.current.state !== "closed" && (Ie.current.close(), Ie.current = null), c < 1e3) {
           h("Recording too short. Hold or click longer."), y(!1);
           return;
         }
@@ -1179,14 +1179,14 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
           type: "audio/wav"
         });
         await wn(R);
-      }, jt.current = Date.now(), i.start(100), It(!0), h("Listening...");
+      }, Gt.current = Date.now(), i.start(100), At(!0), h("Listening...");
     } catch (e) {
       console.error("Error accessing microphone:", e), h("Mic Access Error");
     }
   }, gn = () => {
-    Le.current && Le.current.state !== "inactive" && (Le.current.stop(), Le.current.stream.getTracks().forEach((e) => e.stop()), It(!1));
+    Le.current && Le.current.state !== "inactive" && (Le.current.stop(), Le.current.stream.getTracks().forEach((e) => e.stop()), At(!1));
   }, bn = () => {
-    Le.current && Le.current.state !== "inactive" && (Le.current.onstop = null, Le.current.stop(), Le.current.stream.getTracks().forEach((e) => e.stop()), Ot(null), ze.current && (ze.current.disconnect(), ze.current = null), Ie.current && Ie.current.state !== "closed" && (Ie.current.close(), Ie.current = null), It(!1), vt.current = [], h("Ready"));
+    Le.current && Le.current.state !== "inactive" && (Le.current.onstop = null, Le.current.stop(), Le.current.stream.getTracks().forEach((e) => e.stop()), Dt(null), ze.current && (ze.current.disconnect(), ze.current = null), Ie.current && Ie.current.state !== "closed" && (Ie.current.close(), Ie.current = null), At(!1), vt.current = [], h("Ready"));
   };
   F(() => {
     if (!T) return;
@@ -1206,10 +1206,10 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
     return clearInterval(r.current ?? void 0), r.current = setInterval(e, 90), () => clearInterval(r.current ?? void 0);
   }, [T, Ae, Ce.current]), F(() => {
     let e;
-    return Et ? (At(0), e = window.setInterval(() => {
-      At((t) => t + 1);
-    }, 1e3)) : At(0), () => clearInterval(e);
-  }, [Et]);
+    return It ? (Ot(0), e = window.setInterval(() => {
+      Ot((t) => t + 1);
+    }, 1e3)) : Ot(0), () => clearInterval(e);
+  }, [It]);
   const _n = (e) => {
     const t = e.numberOfChannels, n = e.length * t * 2 + 44, a = new ArrayBuffer(n), o = new DataView(a);
     let i = 0;
@@ -1230,7 +1230,7 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
       x++;
     }
     return new Blob([a], { type: "audio/wav" });
-  }, Dt = async (e, t, n = !1) => {
+  }, Ct = async (e, t, n = !1) => {
     if (!Ne.current) {
       if (Oe.current) {
         We.current.push({
@@ -1255,7 +1255,7 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
         x < b && (x = b + 0.1), xe.current = x + R.duration;
         const V = o.createBufferSource();
         V.buffer = R;
-        let W = Gt;
+        let W = Jt;
         if ((!W || W.context !== o) && (W = o.createAnalyser(), W.fftSize = 64, W.connect(o.destination), hn(W)), V.connect(W), De.current.push(V), Ne.current) {
           De.current = De.current.filter((te) => te !== V);
           return;
@@ -1267,7 +1267,7 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
             )}`
           ), we.current = x;
           const te = (x - b) * 1e3;
-          dt.current = performance.now() + te, N(
+          ft.current = performance.now() + te, N(
             `[AUDIO] Response started. Initial startTime: ${x.toFixed(
               3
             )}, CT: ${b.toFixed(3)}`
@@ -1275,16 +1275,16 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
         }
         V.start(x);
         const he = (x - we.current) * 1e3;
-        n && (Xe.current = he, N(
+        n && (Ze.current = he, N(
           `[AUDIO] New segment detected at +${he.toFixed(
             0
           )}ms. Resetting segment offset.`
         )), t.forEach((te, me) => {
           const U = te.symbol ?? "";
           if (U) {
-            const pe = Yn(U), ke = Math.round(te.start * 1e3), Ye = Math.round((te.duration ?? 0) * 1e3), Qt = Xe.current + ke;
+            const pe = Yn(U), ke = Math.round(te.start * 1e3), Ye = Math.round((te.duration ?? 0) * 1e3), Qt = Ze.current + ke;
             me < 3 && N(
-              `[AUDIO] Viseme "${U}": segment_relative=${ke}ms, segment_offset=${Xe.current.toFixed(
+              `[AUDIO] Viseme "${U}": segment_relative=${ke}ms, segment_offset=${Ze.current.toFixed(
                 0
               )}ms => vtime=${Qt}ms`
             ), pe.forEach((Xt) => {
@@ -1300,7 +1300,7 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
       } finally {
         if (Oe.current = !1, We.current.length > 0) {
           const a = We.current.shift();
-          a && Dt(a.audio, a.visemes, a.isNewSegment);
+          a && Ct(a.audio, a.visemes, a.isNewSegment);
         }
       }
     }
@@ -1310,13 +1310,14 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
       const t = await e.arrayBuffer(), a = await new (window.AudioContext || window.webkitAudioContext)().decodeAudioData(t), o = _n(a), i = new FileReader();
       i.readAsDataURL(o), i.onloadend = async () => {
         const c = i.result.split(",")[1];
-        ht(), be(""), Z.current = "", ue.current = !1;
-        const R = `${ct}/stt?token=${encodeURIComponent(Re)}`, b = await fetch(R, {
+        mt(), be(""), Z.current = "", ue.current = !1;
+        const R = `${ut}/stt?token=${encodeURIComponent(Re)}`, b = await fetch(R, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
             audio_base64: c,
-            audio_format: "wav"
+            audio_format: "wav",
+            lead_id: Qe
           })
         });
         if (b.status === 429) {
@@ -1354,12 +1355,12 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
               break;
             case "text": {
               const pe = U.delta ?? U.text ?? "";
-              pe && Vt(pe);
+              pe && Wt(pe);
               break;
             }
             case "audio": {
               const pe = U.chunk, ke = U.visemes ?? [], Ye = !!U.is_new_segment;
-              pe && await Dt(pe, ke, Ye);
+              pe && await Ct(pe, ke, Ye);
               break;
             }
             case "done": {
@@ -1382,12 +1383,12 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
 `);
           W = pe.pop() ?? "";
           for (const ke of pe) {
-            const Ye = st(ke);
+            const Ye = at(ke);
             Ye && await te(Ye.event, Ye.data);
           }
           if (me) {
             if (W.trim()) {
-              const ke = st(W.trim());
+              const ke = at(W.trim());
               ke && await te(ke.event, ke.data);
             }
             he || (h("Ready"), y(!1));
@@ -1400,7 +1401,7 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
     }
   }, yn = async (e) => {
     e && e.preventDefault(), l(!1), ee.current = "", G(""), !(!E || A) && await vn(E);
-  }, st = (e) => {
+  }, at = (e) => {
     const t = e.split(/\r?\n/);
     let n = "", a = "";
     for (const i of t)
@@ -1421,7 +1422,7 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
         break;
       case "text": {
         const n = t.delta ?? "";
-        n && Vt(n);
+        n && Wt(n);
         break;
       }
       case "metadata": {
@@ -1430,11 +1431,11 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
       }
       case "audio": {
         const n = t.chunk, a = t.visemes ?? [], o = t.is_new_segment ?? !1;
-        n && Dt(n, a, o);
+        n && Ct(n, a, o);
         break;
       }
       case "done": {
-        const n = Wt(), a = ee.current.trim(), o = [
+        const n = Ht(), a = ee.current.trim(), o = [
           ...n,
           { role: "user", content: E || "..." },
           { role: "assistant", content: a }
@@ -1448,8 +1449,8 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
         break;
       }
     }
-  }, Jt = async (e, t) => {
-    y(!0), h("Thinking..."), ee.current = "", Z.current = "", ue.current = !1, ht(), Ce.current = 0, p(0);
+  }, kt = async (e, t) => {
+    y(!0), h("Thinking..."), ee.current = "", Z.current = "", ue.current = !1, mt(), Ce.current = 0, p(0);
     try {
       const n = await fetch(e, {
         method: "POST",
@@ -1474,12 +1475,12 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
 `);
         c = x.pop() ?? "";
         for (const M of x) {
-          const V = st(M);
+          const V = at(M);
           V && Lt(V.event, V.data);
         }
         if (R) {
           if (c.trim()) {
-            const M = st(c.trim());
+            const M = at(c.trim());
             M && Lt(M.event, M.data);
           }
           return h("Ready"), y(!1), ee.current;
@@ -1488,23 +1489,24 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
     } catch (n) {
       return console.error("Streaming Error:", n), h("Failed"), y(!1), "";
     }
-  }, qt = at(async (e) => {
-    const t = `${ct}/avatar_tts`;
-    return await Jt(t, { user_query: e });
-  }, []), zt = at(async (e, t, n) => {
-    const a = `${ct}/avatar_ttsWithKnowledge`;
-    return await Jt(a, { user_query: e, knowledge: t, history: n });
-  }, []), Yt = s(!1);
+  }, qt = ct(async (e) => {
+    const t = `${ut}/avatar_tts`;
+    return await kt(t, { user_query: e });
+  }, [kt]), zt = ct(async (e, t, n) => {
+    const a = `${ut}/avatar_ttsWithKnowledge`;
+    return await kt(a, { user_query: e, knowledge: t, history: n });
+  }, [kt]), Yt = s(!1);
   F(() => {
     w && !Yt.current && (w({ avatarSpeak: qt, avatarRespond: zt }), Yt.current = !0);
   }, [w, qt, zt]);
   const vn = async (e) => {
-    y(!0), h("Thinking..."), ee.current = "", Z.current = "", ue.current = !1, ht(), Ce.current = 0, p(0);
-    const t = `${ct}/agent/chat?token=${encodeURIComponent(Re)}`;
+    y(!0), h("Thinking..."), ee.current = "", Z.current = "", ue.current = !1, mt(), Ce.current = 0, p(0);
+    const t = `${ut}/agent/chat?token=${encodeURIComponent(Re)}`;
     try {
       const a = {
-        history: Wt(),
-        question: e
+        history: Ht(),
+        question: e,
+        lead_id: Qe
       };
       N("[CHAT] Sending payload:", a);
       const o = await fetch(t, {
@@ -1546,12 +1548,12 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
         b = V.pop() ?? "";
         for (const W of V) {
           N(`[SSE] Processing block: ${W.slice(0, 50)}...`);
-          const he = st(W);
+          const he = at(W);
           he && (N(`[SSE] Event: ${he.event}`), Lt(he.event, he.data));
         }
         if (x) {
           if (N("[SSE] Stream finished"), b.trim()) {
-            const W = st(b.trim());
+            const W = at(b.trim());
             W && Lt(W.event, W.data);
           }
           h("Ready"), y(!1), be("");
@@ -1561,15 +1563,15 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
     } catch (n) {
       console.error("Chat Error:", n), h("Agent Failed"), y(!1);
     }
-  }, Ln = Ae.trim(), Kt = ln(Ln), Ct = Kt && T ? Kt.slice(
+  }, Ln = Ae.trim(), Kt = ln(Ln), Nt = Kt && T ? Kt.slice(
     0,
     g != null && g > 0 ? g : 0
   ) : "";
   F(() => {
     const e = B.current;
     if (e !== "exiting") {
-      if (Ct)
-        ot(Ct), e === "hidden" && rt("entering");
+      if (Nt)
+        it(Nt), e === "hidden" && ot("entering");
       else if (e === "visible" || e === "entering") {
         if (!f && Te) {
           const t = Te;
@@ -1580,27 +1582,27 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
           }
           Fe(null);
         }
-        rt("exiting");
+        ot("exiting");
       }
     }
-  }, [Ct, ae, f, Te]);
-  const kn = at(() => {
+  }, [Nt, ae, f, Te]);
+  const kn = ct(() => {
     const e = B.current;
-    e === "entering" ? rt("visible") : e === "exiting" && rt("hidden");
+    e === "entering" ? ot("visible") : e === "exiting" && ot("hidden");
   }, []);
   In(() => {
-    const e = ft.current;
+    const e = ht.current;
     e && (e.scrollTop = e.scrollHeight);
   }, [wt]);
   const Sn = ne === "female" ? Wn : Vn;
-  return ut ? /* @__PURE__ */ ge("div", { className: "avatar-widget-container", children: [
+  return lt ? /* @__PURE__ */ ge("div", { className: "avatar-widget-container", children: [
     /* @__PURE__ */ ge("div", { className: "avatar-input-area", children: [
       Ue !== "hidden" ? /* @__PURE__ */ m(
         "div",
         {
           className: `avatar-thinking-tab${Ue === "exiting" ? " avatar-thinking-tab--exiting" : Ue === "entering" ? " avatar-thinking-tab--entering" : ""}`,
-          onAnimationEnd: Tt,
-          children: et === cn ? /* @__PURE__ */ m(
+          onAnimationEnd: Mt,
+          children: tt === cn ? /* @__PURE__ */ m(
             "a",
             {
               href: "https://leads.streamoji.com",
@@ -1608,7 +1610,7 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
               rel: "noopener noreferrer",
               children: "Made by Streamoji Leads"
             }
-          ) : et
+          ) : tt
         }
       ) : null,
       /* @__PURE__ */ m("div", { className: "avatar-input-container", children: /* @__PURE__ */ m(
@@ -1620,7 +1622,7 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
             width: "100%",
             height: "100%"
           },
-          children: Et ? /* @__PURE__ */ ge("div", { className: "avatar-input-recording", children: [
+          children: It ? /* @__PURE__ */ ge("div", { className: "avatar-input-recording", children: [
             /* @__PURE__ */ m(
               "button",
               {
@@ -1674,9 +1676,9 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
                         fontVariantNumeric: "tabular-nums"
                       },
                       children: [
-                        Math.floor(Ht / 60),
+                        Math.floor(jt / 60),
                         ":",
-                        String(Ht % 60).padStart(2, "0")
+                        String(jt % 60).padStart(2, "0")
                       ]
                     }
                   )
@@ -1718,7 +1720,7 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
                   alignItems: "center",
                   paddingRight: "8px"
                 },
-                children: /* @__PURE__ */ m(Zt, { analyser: Gt })
+                children: /* @__PURE__ */ m(Zt, { analyser: Jt })
               }
             ),
             /* @__PURE__ */ m(
@@ -1726,7 +1728,7 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
               {
                 type: "button",
                 className: "avatar-speaking-stop",
-                onClick: () => ht(!0),
+                onClick: () => mt(!0),
                 title: "Stop",
                 children: /* @__PURE__ */ m("span", { className: "avatar-speaking-stop__icon", "aria-hidden": !0 })
               }
@@ -1871,14 +1873,14 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
         {
           className: `avatar-bubble${ae === "entering" ? " avatar-bubble--entering" : ae === "exiting" ? " avatar-bubble--exiting" : ""}`,
           onAnimationEnd: kn,
-          children: /* @__PURE__ */ m("div", { ref: ft, className: `avatar-bubble__content${qe ? " avatar-bubble__content--nudge" : ""}`, children: wt })
+          children: /* @__PURE__ */ m("div", { ref: ht, className: `avatar-bubble__content${qe ? " avatar-bubble__content--nudge" : ""}`, children: wt })
         }
       ),
       /* @__PURE__ */ m(
         "div",
         {
           className: "avatar-canvas-layer",
-          style: { width: Qe, height: Qe },
+          style: { width: Xe, height: Xe },
           children: /* @__PURE__ */ ge(
             Tn,
             {
@@ -1906,9 +1908,9 @@ const Bt = /* @__PURE__ */ new Map(), Zn = ({
                     agentResponse: Ae,
                     isSpeaking: T,
                     nextStartTimeRef: xe,
-                    stopPlayback: ht,
+                    stopPlayback: mt,
                     setIsSpeaking: O,
-                    expressionUrl: xt,
+                    expressionUrl: Tt,
                     onExpressionFinished: fe,
                     isNudgeResponse: qe,
                     avatarGender: ne