@streamoji/avatar-widget 0.5.6 → 0.5.8

package/dist/avatar-widget.js

@@ -1,90 +1,89 @@
-import { jsx as h, jsxs as we } from "react/jsx-runtime";
-import { useGLTF as Dt, Environment as Sn } from "@react-three/drei";
-import { useFrame as kn, Canvas as Rn, useThree as xn } from "@react-three/fiber";
-import { memo as Tn, useMemo as Pt, useRef as a, useState as R, useEffect as B, useCallback as at, useLayoutEffect as Mn, Suspense as An } from "react";
-import * as gt from "three";
-import { GLTFLoader as En } from "three/examples/jsm/loaders/GLTFLoader.js";
-const ct = "https://ai.streamoji.com", N = (...u) => {
-}, In = (...u) => {
-}, Qt = ({ analyser: u }) => {
-  const _ = a(null), S = a(null);
-  return B(() => {
-    const y = _.current;
-    if (!y) return;
-    const j = y.getContext("2d", { alpha: !0 });
-    if (!j) return;
-    let Q, ee = null;
-    u && (u.fftSize = 128, ee = new Uint8Array(u.frequencyBinCount));
-    const Ze = () => {
-      Q = requestAnimationFrame(Ze), (y.width !== y.offsetWidth || y.height !== y.offsetHeight) && (y.width = y.offsetWidth, y.height = y.offsetHeight);
-      const We = y.width, U = y.height;
-      if (We === 0 || U === 0) return;
-      const ut = U / 2;
-      j.clearRect(0, 0, We, U), j.fillStyle = "#1e293b";
-      const ke = 2, G = ke + 2, Ae = We * 0.95, q = Math.floor(Ae / G);
-      (!S.current || S.current.length !== q) && (S.current = new Float32Array(q).fill(2));
-      const ae = q * G, O = (We - ae) / 2;
-      u && ee && u.getByteFrequencyData(ee);
-      const _e = ee ? ee.length : 0, g = Math.floor(_e * 0.7) / q, ce = new Float32Array(q);
-      for (let m = 0; m < q; m++) {
-        let D = 0;
-        if (ee && g > 0) {
-          const F = Math.floor(m * g), $ = Math.floor((m + 1) * g);
-          for (let Y = F; Y < $; Y++) {
-            const X = ee[Y] || 0;
-            X > D && (D = X);
+import { jsx as m, jsxs as ge } from "react/jsx-runtime";
+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 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 ut = "https://ai.streamoji.com", N = (...f) => {
+}, Zt = ({ analyser: f }) => {
+  const _ = s(null), k = s(null);
+  return F(() => {
+    const w = _.current;
+    if (!w) return;
+    const H = w.getContext("2d", { alpha: !0 });
+    if (!H) return;
+    let Y, X = null;
+    f && (f.fftSize = 128, X = new Uint8Array(f.frequencyBinCount));
+    const Ke = () => {
+      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 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));
+      const Ve = ne * j, E = ($e - Ve) / 2;
+      f && X && f.getByteFrequencyData(X);
+      const be = X ? X.length : 0, G = Math.floor(be * 0.7) / ne, P = new Float32Array(ne);
+      for (let h = 0; h < ne; h++) {
+        let A = 0;
+        if (X && G > 0) {
+          const O = Math.floor(h * G), D = Math.floor((h + 1) * G);
+          for (let q = O; q < D; q++) {
+            const re = X[q] || 0;
+            re > A && (A = re);
           }
         }
-        D < 10 && (D = 0);
-        const z = D / 255, A = D > 0 ? Math.max(2, Math.pow(z, 1.4) * U * 0.25) : 2;
-        ce[m] = A;
+        A < 10 && (A = 0);
+        const y = A / 255, T = A > 0 ? Math.max(2, Math.pow(y, 1.4) * C * 0.25) : 2;
+        P[h] = T;
       }
-      for (let m = 0; m < q; m++) {
-        const D = q - 1 - m, z = Math.max(ce[m], ce[D]), A = S.current[m] + (z - S.current[m]) * 0.3;
-        S.current[m] = A;
-        const F = O + m * G, $ = ut - A / 2;
-        j.beginPath(), j.roundRect ? j.roundRect(F, $, ke, A, 4) : j.fillRect(F, $, ke, A), j.fill();
+      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 = lt - T / 2;
+        H.beginPath(), H.roundRect ? H.roundRect(O, D, Se, T, 4) : H.fillRect(O, D, Se, T), H.fill();
       }
     };
-    return Ze(), () => {
-      cancelAnimationFrame(Q);
+    return Ke(), () => {
+      cancelAnimationFrame(Y);
     };
-  }, [u]), /* @__PURE__ */ h(
+  }, [f]), /* @__PURE__ */ m(
     "canvas",
     {
       ref: _,
       style: { width: "100%", height: "100%", display: "block" }
     }
   );
-}, On = "https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev", Xt = "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/default-models/avatar-blue-suit.glb";
-function Dn(u) {
-  const [_, S] = R(null);
-  return B(() => {
-    if (!u) {
-      S(null);
+}, Dn = "https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev", en = "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/default-models/avatar-blue-suit.glb";
+function Cn(f) {
+  const [_, k] = L(null);
+  return F(() => {
+    if (!f) {
+      k(null);
       return;
     }
-    let y = !1;
-    const j = `${On}/${u}.glb`;
-    return fetch(j, { method: "HEAD" }).then((Q) => {
-      y || S(Q.ok ? j : Xt);
+    let w = !1;
+    const H = `${Dn}/${f}.glb`;
+    return fetch(H, { method: "HEAD" }).then((Y) => {
+      w || k(Y.ok ? H : en);
     }).catch(() => {
-      y || S(Xt);
+      w || k(en);
     }), () => {
-      y = !0;
+      w = !0;
     };
-  }, [u]), _;
+  }, [f]), _;
 }
-const Cn = [
+const Nn = [
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_Variations_001.glb",
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_Variations_002.glb",
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_002.glb",
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_Variations_005.glb"
-], Nn = [
+], Un = [
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/F_Standing_Idle_Variations_001.glb",
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/F_Standing_Idle_Variations_003.glb",
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/F_Standing_Idle_Variations_003.glb"
-], Un = [
+], Fn = [
   {
     id: "m_expr_01",
     name: "Friendly Wave",
@@ -250,23 +249,23 @@ const Cn = [
     name: "Take It Easy",
     url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_006.glb"
   }
-], Fn = [
+], Pn = [
   "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"
-], Pn = [
+], Bn = [
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_004.glb",
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_005.glb",
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_006.glb",
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_002.glb"
-], Bn = {
+], $n = {
   zoom: 0.85,
   position: [0.15, -0.8, 0],
   scale: 1.5,
   rotation: [0.15, 0.02, 0]
-}, $n = [-0.45, 1.9, 0.1], Vn = [-0.45, 1.75, 0.1], Wn = {
+}, Vn = [-0.45, 1.9, 0.1], Wn = [-0.45, 1.75, 0.1], Hn = {
   browInnerUp: 0.2
-}, Ct = 0.18, Hn = 1, jn = 0.5, Zt = 3, vt = 0.55, Nt = 0.12, en = 2, tn = 2, Lt = 4, nn = 8, Gn = 1, rn = 0.38, on = 0.32, sn = "__branding__", St = {
+}, 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,
@@ -348,7 +347,7 @@ const Cn = [
     mouthUpperUpLeft: 0.1,
     mouthUpperUpRight: 0.1
   }
-}, un = [
+}, dn = [
   { key: "viseme_aa", mix: { jawOpen: 0.6 }, teethMix: { jawOpen: 0.6 } },
   {
     key: "viseme_E",
@@ -398,13 +397,13 @@ const Cn = [
     key: "viseme_PP",
     mix: {
       mouthRollLower: 0.8,
-      mouthRollUpper: 0.8,
+      mouthRollUpper: 0.4,
       mouthUpperUpLeft: 0.3,
       mouthUpperUpRight: 0.3
     },
     teethMix: {
       mouthRollLower: 0.8,
-      mouthRollUpper: 0.8,
+      mouthRollUpper: 0.4,
       mouthUpperUpLeft: 0.3,
       mouthUpperUpRight: 0.3
     }
@@ -522,391 +521,393 @@ const Cn = [
     }
   },
   { key: "viseme_sil", mix: {} }
-], Jn = {
+], qn = {
   aei: [
-    { v: "E", w: 0.8 },
+    { v: "aa", w: 0.5 },
+    { v: "E", w: 0.3 },
     { v: "I", w: 0.2 }
   ],
-  ee: [{ v: "I", w: 1 }],
-  oo: [{ v: "O", w: 1 }],
-  u: [{ v: "U", w: 1 }],
-  aa: [{ v: "aa", w: 1 }],
-  ah: [
-    { v: "aa", w: 0.7 },
-    { v: "O", w: 0.3 }
+  o: [
+    { v: "O", w: 0.7 },
+    { v: "U", w: 0.3 }
   ],
+  ee: [{ v: "I", w: 1 }],
   bmp: [{ v: "PP", w: 1 }],
   fv: [{ v: "FF", w: 1 }],
-  th: [{ v: "TH", w: 1 }],
   l: [{ v: "nn", w: 1 }],
   r: [{ v: "RR", w: 1 }],
+  th: [{ v: "TH", w: 1 }],
   qw: [
     { v: "U", w: 0.6 },
     { v: "O", w: 0.4 }
   ],
-  chjsh: [{ v: "CH", w: 1 }],
   cdgknstxyz: [
-    { v: "DD", w: 0.6 },
-    { v: "SS", w: 0.4 }
-  ],
-  sil: [{ v: "sil", w: 1 }]
-}, Ut = new Set(
-  un.flatMap((u) => [
-    ...Object.keys(u.mix),
-    ...u.teethMix ? Object.keys(u.teethMix) : []
+    { v: "DD", w: 0.4 },
+    // d, t, n
+    { v: "SS", w: 0.3 },
+    // s, z
+    { v: "kk", w: 0.2 },
+    // k, g
+    { v: "CH", w: 0.1 }
+    // c, x (affricate-ish)
+  ]
+}, Bt = new Set(
+  dn.flatMap((f) => [
+    ...Object.keys(f.mix),
+    ...f.teethMix ? Object.keys(f.teethMix) : []
   ])
 );
-function an(u) {
-  const _ = Math.max(0, Math.min(1, u));
+function un(f) {
+  const _ = Math.max(0, Math.min(1, f));
   return _ * _ * (3 - 2 * _);
 }
-function qn(u, _, S) {
-  if (S <= 0) return 0;
-  const y = (u - _) / S;
-  return y < 0 || y > 1 ? 0 : y < 0.25 ? an(y / 0.25) : y > 0.75 ? an((1 - y) / 0.25) : 1;
+function zn(f, _, k) {
+  if (k <= 0) return 0;
+  const w = (f - _) / k;
+  return w < 0 || w > 1 ? 0 : w < 0.15 ? un(w / 0.15) : w > 0.85 ? un((1 - w) / 0.15) : 1;
 }
-function zn(u) {
-  if (!u) return [{ v: "sil", w: 1 }];
-  const _ = u.toLowerCase();
-  return Jn[_] ?? [{ v: "sil", w: 1 }];
+function Yn(f) {
+  if (!f) return [{ v: "sil", w: 1 }];
+  const _ = f.toLowerCase();
+  return qn[_] ?? [{ v: "sil", w: 1 }];
 }
-function Yn({ target: u }) {
-  const { camera: _ } = xn();
-  return B(() => {
-    _.lookAt(...u);
-  }, [_, u]), null;
+function Kn({ target: f }) {
+  const { camera: _ } = Mn();
+  return F(() => {
+    _.lookAt(...f);
+  }, [_, f]), null;
 }
-function c(u, _, S) {
-  if (!u || !u.morphTargetDictionary)
+function u(f, _, k) {
+  if (!f || !f.morphTargetDictionary)
     return;
-  const y = u, j = y.morphTargetDictionary, Q = y.morphTargetInfluences;
-  if (Q)
-    for (const ee in j)
-      ee.toLowerCase() === _.toLowerCase() && (Q[j[ee]] = S);
+  const w = f, H = w.morphTargetDictionary, Y = w.morphTargetInfluences;
+  if (Y)
+    for (const X in H)
+      X.toLowerCase() === _.toLowerCase() && (Y[H[X]] = k);
 }
-const Kn = Tn(
+const Qn = En(
   ({
-    avatarUrl: u,
+    avatarUrl: f,
     isPlayingRef: _,
-    visemeQueueRef: S,
-    audioContextRef: y,
-    responseAudioStartTimeRef: j,
-    adjustments: Q,
-    mood: ee,
-    expression: Ze,
-    agentResponse: We,
-    isSpeaking: U,
-    nextStartTimeRef: ut,
-    stopPlayback: ke,
-    setIsSpeaking: et,
-    expressionUrl: G,
-    onExpressionFinished: Ae,
-    isNudgeResponse: q,
-    avatarGender: ae
+    visemeQueueRef: k,
+    audioContextRef: w,
+    responseAudioStartTimeRef: H,
+    adjustments: Y,
+    mood: X,
+    expression: Ke,
+    agentResponse: $e,
+    isSpeaking: C,
+    nextStartTimeRef: lt,
+    stopPlayback: Se,
+    setIsSpeaking: Qe,
+    expressionUrl: j,
+    onExpressionFinished: Re,
+    isNudgeResponse: ne,
+    avatarGender: Ve
   }) => {
-    const { scene: O } = Dt(u), H = Dt(ae === "female" ? Nn : Cn), g = Pt(
-      () => H.flatMap((b) => b.animations),
-      [H]
-    ), m = Dt(ae === "female" ? Pn : Fn), D = Pt(
-      () => m.flatMap((b) => b.animations),
-      [m]
-    ), z = a(null), A = a(null), F = a(null), $ = a(null), Y = a(null), X = a(null), kt = a([]), [te] = R(() => new gt.AnimationMixer(O)), J = a({}), V = a(null), Ee = a(0), tt = a(!1), He = a(0), Ie = a(!1), ye = a(null), Oe = a(Zt), bt = a(-1), De = a("left"), je = a(Lt + Math.random() * (nn - Lt)), he = a(0), Ce = a("smile"), Ne = a({});
-    B(() => {
-      if (!(!g || !O)) {
-        if (g.forEach((b, p) => {
-          const o = `idle_${p}`;
-          if (!J.current[o]) {
-            const l = te.clipAction(b, O);
-            l.name = o, l.setLoop(gt.LoopOnce, 1), l.clampWhenFinished = !0, J.current[o] = l;
+    const { scene: E } = Ut(f), Ae = Ut(Ve === "female" ? Un : Nn), G = Vt(
+      () => Ae.flatMap((g) => g.animations),
+      [Ae]
+    ), 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), 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(pt.LoopOnce, 1), d.clampWhenFinished = !0, z.current[r] = d;
           }
-        }), D.forEach((b, p) => {
-          const o = `talk_${p}`;
-          if (!J.current[o]) {
-            const l = te.clipAction(b, O);
-            l.name = o, l.setLoop(gt.LoopOnce, 1), l.clampWhenFinished = !0, J.current[o] = l;
+        }), A.forEach((g, p) => {
+          const r = `talk_${p}`;
+          if (!z.current[r]) {
+            const d = K.clipAction(g, E);
+            d.name = r, d.setLoop(pt.LoopOnce, 1), d.clampWhenFinished = !0, z.current[r] = d;
           }
-        }), g.length > 0) {
-          const b = J.current.idle_0, p = V.current && te.existingAction(V.current.getClip());
-          b && !p && (b.reset().fadeIn(0.5).play(), V.current = b);
+        }), G.length > 0) {
+          const g = z.current.idle_0, p = J.current && K.existingAction(J.current.getClip());
+          g && !p && (g.reset().fadeIn(0.5).play(), J.current = g);
         }
         return () => {
-          te.stopAllAction(), J.current = {}, V.current = null;
+          K.stopAllAction(), z.current = {}, J.current = null;
         };
       }
-    }, [g, D, O, te]);
-    const nt = a("");
-    B(() => {
-      if (!G || !O || G === nt.current) return;
-      nt.current = G, ye.current = G, new En().load(
-        G,
+    }, [G, A, E, K]);
+    const Ze = s("");
+    F(() => {
+      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 o = p.animations[0], l = te.clipAction(o, O);
-            if (l.name = `EXPR_${G}`, l.setLoop(gt.LoopOnce, 1), l.clampWhenFinished = !0, J.current[`EXPR_${G}`] = l, U && ye.current === G) {
-              const v = V.current;
-              l.reset().fadeIn(0.3).play(), v && v !== l && v.crossFadeTo(l, 0.3, !0), V.current = l, ye.current = null;
+            const r = p.animations[0], d = K.clipAction(r, E);
+            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;
             }
           }
         },
         void 0,
         (p) => {
-          console.error(`[ANIMATION] Failed to load ${G}`, p);
+          console.error(`[ANIMATION] Failed to load ${j}`, p);
         }
       );
-    }, [G, O, te, U]), B(() => {
-      const b = (p) => {
-        const o = p.action, l = o.name || "";
-        if (l.startsWith("idle_")) {
-          const ne = (parseInt(l.split("_")[1]) + 1) % g.length, re = J.current[`idle_${ne}`];
-          re && (re.reset().fadeIn(0.5).play(), o.crossFadeTo(re, 0.5, !0), V.current = re);
-        } else if (l.startsWith("EXPR_")) {
-          if (U) {
+    }, [j, E, K, C]), F(() => {
+      const g = (p) => {
+        const r = p.action, d = r.name || "";
+        if (d.startsWith("idle_")) {
+          const oe = (parseInt(d.split("_")[1]) + 1) % G.length, ie = z.current[`idle_${oe}`];
+          ie && (ie.reset().fadeIn(0.5).play(), r.crossFadeTo(ie, 0.5, !0), J.current = ie);
+        } else if (d.startsWith("EXPR_")) {
+          if (C) {
             const v = Math.floor(
-              Math.random() * D.length
-            ), ne = J.current[`talk_${v}`];
-            ne && (ne.reset().fadeIn(0.5).play(), o.crossFadeTo(ne, 0.5, !0), V.current = ne);
+              Math.random() * A.length
+            ), oe = z.current[`talk_${v}`];
+            oe && (oe.reset().fadeIn(0.5).play(), r.crossFadeTo(oe, 0.5, !0), J.current = oe);
           } else {
-            const v = J.current.idle_0;
-            v && (v.reset().fadeIn(0.5).play(), o.crossFadeTo(v, 0.5, !0), V.current = v);
+            const v = z.current.idle_0;
+            v && (v.reset().fadeIn(0.5).play(), r.crossFadeTo(v, 0.5, !0), J.current = v);
           }
-          Ae && Ae();
-        } else if (l.startsWith("talk_"))
-          if (U && !q) {
-            const ne = (parseInt(l.split("_")[1]) + 1) % D.length, re = J.current[`talk_${ne}`];
-            re && (re.reset().fadeIn(0.3).play(), o.crossFadeTo(re, 0.3, !0), V.current = re);
+          Re && Re();
+        } else if (d.startsWith("talk_"))
+          if (C && !ne) {
+            const oe = (parseInt(d.split("_")[1]) + 1) % A.length, ie = z.current[`talk_${oe}`];
+            ie && (ie.reset().fadeIn(0.3).play(), r.crossFadeTo(ie, 0.3, !0), J.current = ie);
           } else {
-            const v = J.current.idle_0;
-            v && (v.reset().fadeIn(0.5).play(), o.crossFadeTo(v, 0.5, !0), V.current = v);
+            const v = z.current.idle_0;
+            v && (v.reset().fadeIn(0.5).play(), r.crossFadeTo(v, 0.5, !0), J.current = v);
           }
       };
-      return te.addEventListener("finished", b), () => te.removeEventListener("finished", b);
+      return K.addEventListener("finished", g), () => K.removeEventListener("finished", g);
     }, [
-      te,
-      g,
-      D,
-      U,
-      q,
-      Ae
-    ]), B(() => {
-      if (U && O) {
-        const b = V.current, p = b?.name || "";
+      K,
+      G,
+      A,
+      C,
+      ne,
+      Re
+    ]), F(() => {
+      if (C && E) {
+        const g = J.current, p = g?.name || "";
         if (p.startsWith("idle_") || p.startsWith("talk_") || p === "") {
-          const o = ye.current;
-          if (o) {
-            const l = J.current[`EXPR_${o}`];
-            if (l) {
-              l.reset().fadeIn(0.3).play(), b && b !== l && b.crossFadeTo(l, 0.3, !0), V.current = l, ye.current = null;
+          const r = _e.current;
+          if (r) {
+            const d = z.current[`EXPR_${r}`];
+            if (d) {
+              d.reset().fadeIn(0.3).play(), g && g !== d && g.crossFadeTo(d, 0.3, !0), J.current = d, _e.current = null;
               return;
             }
           }
           if (p.startsWith("idle_") || p === "") {
-            const l = Math.floor(
-              Math.random() * D.length
-            ), v = J.current[`talk_${l}`];
-            v && (v.reset().fadeIn(0.5).play(), b && b.crossFadeTo(v, 0.5, !0), V.current = v);
+            const d = Math.floor(
+              Math.random() * A.length
+            ), v = z.current[`talk_${d}`];
+            v && (v.reset().fadeIn(0.5).play(), g && g.crossFadeTo(v, 0.5, !0), J.current = v);
           }
         }
-      } else if (!U && O) {
-        const b = V.current, p = b?.name || "";
+      } else if (!C && E) {
+        const g = J.current, p = g?.name || "";
         if (p.startsWith("talk_") || p.startsWith("EXPR_")) {
-          const o = J.current.idle_0;
-          o && (o.reset().fadeIn(0.5).play(), b && b.crossFadeTo(o, 0.5, !0), V.current = o);
+          const r = z.current.idle_0;
+          r && (r.reset().fadeIn(0.5).play(), g && g.crossFadeTo(r, 0.5, !0), J.current = r);
         }
       }
-    }, [U, O, G]), B(() => {
-      if (!O) return;
-      O.traverse((o) => {
-        if (o.isMesh && o.morphTargetDictionary) {
-          const l = o.name.toLowerCase();
-          (l.includes("head") || l.includes("avatar")) && (A.current = o, N(`[ANIMATION] Found head mesh: ${o.name}`)), l.includes("teeth") && (F.current = o, N(`[ANIMATION] Found teeth mesh: ${o.name}`)), l.includes("beard") && ($.current = o, N(`[ANIMATION] Found beard mesh: ${o.name}`)), l.includes("eyeleft") && (Y.current = o, N(`[ANIMATION] Found eye left mesh: ${o.name}`)), l.includes("eyeright") && (X.current = o, N(`[ANIMATION] Found eye right mesh: ${o.name}`));
+    }, [C, E, j]), F(() => {
+      if (!E) return;
+      E.traverse((r) => {
+        if (r.isMesh && r.morphTargetDictionary) {
+          const d = r.name.toLowerCase();
+          (d.includes("head") || d.includes("avatar")) && (T.current = r, N(`[ANIMATION] Found head mesh: ${r.name}`)), d.includes("teeth") && (O.current = r, N(`[ANIMATION] Found teeth mesh: ${r.name}`)), d.includes("beard") && (D.current = r, N(`[ANIMATION] Found beard mesh: ${r.name}`)), d.includes("eyeleft") && (q.current = r, N(`[ANIMATION] Found eye left mesh: ${r.name}`)), d.includes("eyeright") && (re.current = r, N(`[ANIMATION] Found eye right mesh: ${r.name}`));
         }
       });
-      const b = A.current?.morphTargetDictionary;
-      b && Object.keys(b).filter(
-        (o) => o.toLowerCase().includes("brow")
+      const g = T.current?.morphTargetDictionary;
+      g && Object.keys(g).filter(
+        (r) => r.toLowerCase().includes("brow")
       );
       const p = [];
-      O.traverse((o) => {
-        if (o.isMesh) {
-          const v = o.morphTargetDictionary;
-          v && Object.keys(v).some((ne) => ne.toLowerCase().includes("brow")) && p.push(o);
+      E.traverse((r) => {
+        if (r.isMesh) {
+          const v = r.morphTargetDictionary;
+          v && Object.keys(v).some((oe) => oe.toLowerCase().includes("brow")) && p.push(r);
         }
-      }), kt.current = p, p.length > 0 && N("[ANIMATION] Meshes with brow morphs:", p.length);
-    }, [O]);
-    const lt = (b) => {
-      const p = St[b] ?? St.neutral;
-      for (const o in p)
-        c(A.current, o, p[o]), c(F.current, o, p[o]), c($.current, o, p[o]);
+      }), dt.current = p, p.length > 0 && N("[ANIMATION] Meshes with brow morphs:", p.length);
+    }, [E]);
+    const Ne = (g) => {
+      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]);
     };
-    return kn((b, p) => {
-      lt(ee);
-      const o = b.clock.elapsedTime;
-      let l = 0;
-      if (Math.floor(o) % 5 === 0 && Math.floor((o - p) % 5) !== 0) {
-        let f = null;
-        O.traverse((M) => {
-          M.name.toLowerCase().includes("hips") && (f = M);
+    return xn((g, p) => {
+      Ne(X);
+      const r = g.clock.elapsedTime;
+      let d = 0;
+      if (Math.floor(r) % 5 === 0 && Math.floor((r - p) % 5) !== 0) {
+        let l = null;
+        E.traverse((I) => {
+          I.name.toLowerCase().includes("hips") && (l = I);
         });
-        const I = f ? `Hips Y: ${f.position.y.toFixed(4)}` : "Hips not found";
-        N(`[ANIMATION] Mixer Time: ${te.time.toFixed(2)}, ${I}`);
+        const $ = l ? `Hips Y: ${l.position.y.toFixed(4)}` : "Hips not found";
+        N(`[ANIMATION] Mixer Time: ${K.time.toFixed(2)}, ${$}`);
       }
-      if (te.update(p), o > Ee.current && !tt.current && (tt.current = !0, He.current = o), tt.current) {
-        const f = U ? 0.2 : 0.3, I = (o - He.current) / f;
-        if (I >= 1)
-          if (tt.current = !1, Ie.current) {
-            const M = U ? 1 : 2.5;
-            Ee.current = o + M, Ie.current = !1;
+      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, ft.current) {
+            const I = C ? 1 : 2.5;
+            Xe.current = r + I, ft.current = !1;
           } else
-            Ee.current = o + 0.12, Ie.current = !0;
+            Xe.current = r + 0.12, ft.current = !0;
         else {
-          const M = I < 0.5 ? I * 2 : (1 - I) * 2;
-          c(A.current, "eyeBlinkLeft", M), c(A.current, "eyeBlinkRight", M), c(F.current, "eyeBlinkLeft", M), c(F.current, "eyeBlinkRight", M), c($.current, "eyeBlinkLeft", M), c($.current, "eyeBlinkRight", M), l = M * Wn.browInnerUp;
+          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 = St[ee] ?? St.neutral, ne = v.browInnerUp ?? 0, re = v.browOuterUpLeft ?? 0, ue = v.browOuterUpRight ?? 0, rt = o * Hn, Ue = Ct * Math.sin(rt), Ge = Ct * 0.7 * Math.sin(rt + 0.7), ot = Ct * 0.7 * Math.sin(rt + 1.3), T = (f) => Math.max(0, Math.min(1, f)), dt = T(ne + Ue), Je = T(re + Ge), qe = T(ue + ot), ze = T(dt + l);
-      c(A.current, "browInnerUp", ze), c(F.current, "browInnerUp", ze), c($.current, "browInnerUp", ze), c(A.current, "browOuterUpLeft", Je), c(F.current, "browOuterUpLeft", Je), c($.current, "browOuterUpLeft", Je), c(A.current, "browOuterUpRight", qe), c(F.current, "browOuterUpRight", qe), c($.current, "browOuterUpRight", qe);
-      const Re = Oe.current, oe = Re + vt, Fe = oe + Nt;
-      o > Fe && (Oe.current += vt + Nt + Zt);
-      const Ye = !U && o >= Re && o < oe, Pe = !U && o >= oe && o < Fe;
-      (Ye || Pe) && bt.current !== Re && (bt.current = Re, De.current = Math.random() < 0.7 ? "left" : "up");
-      const le = Ye ? o - Re : Pe ? vt : 0, Ke = Ye || Pe ? Math.min(1, le / vt) : 0, ft = Ke <= 0 ? 0 : Math.sin(Ke * Math.PI), Rt = Pe ? 1 - (o - oe) / Nt : 1, ht = Ye ? ft : Pe ? ft * Rt : 0, K = jn * ht, E = (f) => v[f] ?? 0;
-      if (De.current === "up" ? (c(Y.current, "eyeLookUpLeft", T(E("eyeLookUpLeft") + K)), c(Y.current, "eyeLookDownLeft", T(E("eyeLookDownLeft"))), c(Y.current, "eyeLookOutLeft", T(E("eyeLookOutLeft"))), c(Y.current, "eyeLookInLeft", T(E("eyeLookInLeft"))), c(X.current, "eyeLookUpRight", T(E("eyeLookUpRight") + K)), c(X.current, "eyeLookDownRight", T(E("eyeLookDownRight"))), c(X.current, "eyeLookOutRight", T(E("eyeLookOutRight"))), c(X.current, "eyeLookInRight", T(E("eyeLookInRight")))) : (c(Y.current, "eyeLookUpLeft", T(E("eyeLookUpLeft"))), c(Y.current, "eyeLookDownLeft", T(E("eyeLookDownLeft"))), c(Y.current, "eyeLookOutLeft", T(E("eyeLookOutLeft"))), c(Y.current, "eyeLookInLeft", T(E("eyeLookInLeft") + K)), c(X.current, "eyeLookUpRight", T(E("eyeLookUpRight"))), c(X.current, "eyeLookDownRight", T(E("eyeLookDownRight"))), c(X.current, "eyeLookOutRight", T(E("eyeLookOutRight") + K)), c(X.current, "eyeLookInRight", T(E("eyeLookInRight")))), !U && o >= je.current) {
-        he.current = o, Ce.current = Math.random() < 0.5 ? "pucker" : "smile";
-        const f = Ce.current === "pucker" ? tn : en;
-        je.current = o + f + Lt + Math.random() * (nn - Lt);
+      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 ? 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 + Rt + Math.random() * (on - Rt);
       }
-      const de = Ce.current === "pucker" ? tn : en, mt = !U && o >= he.current && o < he.current + de, Be = mt ? (o - he.current) / de : 0, me = Be <= 0 ? 0 : Be < 0.5 ? Be * 2 : (() => {
-        const f = (Be - 0.5) * 2;
-        return 1 - f * f * (3 - 2 * f);
-      })(), xe = (f) => v[f] ?? 0;
-      if (mt)
-        if (Ce.current === "pucker") {
-          const f = T(xe("mouthPucker") + Gn * me);
-          c(A.current, "mouthPucker", f), c(F.current, "mouthPucker", f), c($.current, "mouthPucker", f);
+      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;
+        return 1 - l * l * (3 - 2 * l);
+      })(), Me = (l) => v[l] ?? 0;
+      if (ue)
+        if (xe.current === "pucker") {
+          const l = S(Me("mouthPucker") + Jn * Pe);
+          u(T.current, "mouthPucker", l), u(O.current, "mouthPucker", l), u(D.current, "mouthPucker", l);
         } else {
-          const f = T(xe("mouthSmileLeft") + rn * me), I = T(xe("mouthSmileRight") + rn * me), M = T(xe("mouthDimpleLeft") + on * me), ve = T(xe("mouthDimpleRight") + on * me);
-          c(A.current, "mouthSmileLeft", f), c(A.current, "mouthSmileRight", I), c(A.current, "mouthDimpleLeft", M), c(A.current, "mouthDimpleRight", ve), c(F.current, "mouthSmileLeft", f), c(F.current, "mouthSmileRight", I), c(F.current, "mouthDimpleLeft", M), c(F.current, "mouthDimpleRight", ve), c($.current, "mouthSmileLeft", f), c($.current, "mouthSmileRight", I), c($.current, "mouthDimpleLeft", M), c($.current, "mouthDimpleRight", ve);
+          const l = S(Me("mouthSmileLeft") + sn * Pe), $ = S(Me("mouthSmileRight") + sn * Pe), I = S(Me("mouthDimpleLeft") + an * Pe), Q = S(Me("mouthDimpleRight") + an * Pe);
+          u(T.current, "mouthSmileLeft", l), u(T.current, "mouthSmileRight", $), u(T.current, "mouthDimpleLeft", I), u(T.current, "mouthDimpleRight", Q), u(O.current, "mouthSmileLeft", l), u(O.current, "mouthSmileRight", $), u(O.current, "mouthDimpleLeft", I), u(O.current, "mouthDimpleRight", Q), u(D.current, "mouthSmileLeft", l), u(D.current, "mouthSmileRight", $), u(D.current, "mouthDimpleLeft", I), u(D.current, "mouthDimpleRight", Q);
         }
-      if (z.current) {
-        const f = _.current ? 0 : Q.rotation[1];
-        z.current.rotation.y = gt.MathUtils.lerp(
-          z.current.rotation.y,
-          f,
+      if (y.current) {
+        const l = _.current ? 0 : Y.rotation[1];
+        y.current.rotation.y = pt.MathUtils.lerp(
+          y.current.rotation.y,
+          l,
           0.1
-        ), z.current.position.set(...Q.position), z.current.scale.setScalar(Q.scale), z.current.rotation.x = Q.rotation[0], z.current.rotation.z = Q.rotation[2];
+        ), 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 fe = {};
-      if (Ut.forEach((f) => {
-        fe[f] = 0;
-      }), _.current && y.current) {
-        const f = y.current.currentTime, ve = (f - j.current) * 1e3 - -150;
-        for (let $e = 0; $e < S.current.length; $e++) {
-          const Te = S.current[$e];
-          if (ve < Te.vtime || ve >= Te.vtime + Te.vduration)
+      const le = {};
+      if (Bt.forEach((l) => {
+        le[l] = 0;
+      }), _.current && w.current) {
+        const l = w.current.currentTime, Q = (l - H.current) * 1e3 - -150;
+        for (let ye = 0; ye < k.current.length; ye++) {
+          const ve = k.current[ye];
+          if (Q < ve.vtime || Q >= ve.vtime + ve.vduration)
             continue;
-          const wt = qn(
-            ve,
-            Te.vtime,
-            Te.vduration
-          ), xt = `viseme_${Te.viseme}`.toLowerCase(), Ve = un.find((ie) => ie.key.toLowerCase() === xt);
-          if (!Ve) continue;
-          const pe = (Te.weight ?? 1) * wt;
-          for (const ie in Ve.mix)
-            fe[ie] = (fe[ie] ?? 0) + Ve.mix[ie] * pe;
-          if (Ve.teethMix)
-            for (const ie in Ve.teethMix)
-              fe[ie] = (fe[ie] ?? 0) + Ve.teethMix[ie] * pe;
+          const st = zn(
+            Q,
+            ve.vtime,
+            ve.vduration
+          ), Mt = `viseme_${ve.viseme}`.toLowerCase(), Ee = dn.find((fe) => fe.key.toLowerCase() === Mt);
+          if (!Ee) continue;
+          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);
         }
-        f > ut.current + 0.5 && (ke(), et(!1));
+        l > lt.current + 0.5 && (Se(), Qe(!1));
       }
-      const it = Ne.current;
-      Ut.forEach((f) => {
-        const I = fe[f] ?? 0, M = it[f] ?? 0;
-        it[f] = Math.max(
+      const qe = Ce.current;
+      Bt.forEach((l) => {
+        const $ = le[l] ?? 0, I = qe[l] ?? 0;
+        qe[l] = Math.max(
           0,
           Math.min(
             1,
-            M + (I - M) * (1 - Math.exp(-12 * p))
+            I + ($ - I) * (1 - Math.exp(-20 * p))
           )
         );
-      }), Ut.forEach((f) => {
-        const I = it[f] ?? 0;
-        c(A.current, f, I), c($.current, f, I), c(F.current, f, I);
+      }), Bt.forEach((l) => {
+        const $ = qe[l] ?? 0;
+        u(T.current, l, $), u(D.current, l, $), u(O.current, l, $);
       });
-    }), /* @__PURE__ */ h("group", { ref: z, children: /* @__PURE__ */ h("primitive", { object: O }) });
+    }), /* @__PURE__ */ m("group", { ref: y, children: /* @__PURE__ */ m("primitive", { object: E }) });
   }
 );
-function Qn(u) {
-  return u ? u.charAt(0).toUpperCase() + u.slice(1).toLowerCase() : "";
+function Xn(f) {
+  return f ? f.charAt(0).toUpperCase() + f.slice(1).toLowerCase() : "";
 }
-function cn(u) {
-  return u.replace(/\*(.*?)\*/g, " $1 ").replace(/\[.*?\]/g, " ").replace(/<.*?\/>/g, " ").replace(/<.*?>.*?<\/.*?>/g, " ").replace(/\s+/g, " ").trim();
+function ln(f) {
+  return f.replace(/\*(.*?)\*/g, " $1 ").replace(/\[.*?\]/g, " ").replace(/<.*?\/>/g, " ").replace(/<.*?>.*?<\/.*?>/g, " ").replace(/\s+/g, " ").trim();
 }
-const Ft = /* @__PURE__ */ new Map(), Xn = ({
-  onNavigationRequested: u,
+const $t = /* @__PURE__ */ new Map(), Zn = ({
+  onNavigationRequested: f,
   agentId: _,
-  presetUserDetails: S,
-  onAvatarReady: y
+  presetUserDetails: k,
+  onAvatarReady: w
 }) => {
-  const [j, Q] = R(""), [ee, Ze] = R("male"), [We, U] = R(""), [ut, ke] = R(!1), et = j, G = ee;
-  B(() => {
+  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 (!_) {
-      ke(!0);
+      Se(!0);
       return;
     }
     let e = !1;
     return (async () => {
       console.log(">> fetchConfig RUNNING for", _);
       try {
-        const r = `agent_config_${_}`, i = sessionStorage.getItem(r);
-        if (i)
+        const n = `agent_config_${_}`, a = sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID"), o = sessionStorage.getItem(n);
+        if (o)
           try {
-            const s = JSON.parse(i);
-            e || (s.encryptedAgentToken && Q(s.encryptedAgentToken), s.avatarGender && Ze(s.avatarGender), s.agent_id && U(s.agent_id), ke(!0));
+            const c = JSON.parse(o);
+            e || (c.encryptedAgentToken && Y(c.encryptedAgentToken), c.avatarGender && Ke(c.avatarGender), c.agent_id && C(c.agent_id), c.lead_id && (j(c.lead_id), sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", c.lead_id)), Se(!0));
             return;
-          } catch (s) {
-            console.error("Failed to parse cached avatar config:", s), sessionStorage.removeItem(r);
+          } catch (c) {
+            console.error("Failed to parse cached avatar config:", c), sessionStorage.removeItem(n);
           }
-        let n;
-        if (Ft.has(_))
-          console.log(">> REUSING in-flight fetch for", _), n = await Ft.get(_);
+        let i;
+        if ($t.has(_))
+          console.log(">> REUSING in-flight fetch for", _), i = await $t.get(_);
         else {
-          const s = (async () => {
+          const c = (async () => {
             console.log(">> INITIATING visitedWebsite fetch for", _);
-            const d = { agentId: _ }, w = 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(d)
+              body: JSON.stringify(R)
             });
-            if (!w.ok) throw new Error(`Fetch failed: ${w.status}`);
-            const L = await w.json();
-            return sessionStorage.setItem(r, JSON.stringify(L)), L;
+            if (!b.ok) throw new Error(`Fetch failed: ${b.status}`);
+            const x = await b.json();
+            return sessionStorage.setItem(n, JSON.stringify(x)), x;
           })();
-          Ft.set(_, s), n = await s;
+          $t.set(_, c), i = await c;
         }
         if (e) return;
-        n && (n.encryptedAgentToken && Q(n.encryptedAgentToken), n.avatarGender && Ze(n.avatarGender), n.agent_id && U(n.agent_id));
-      } catch (r) {
-        console.error("Failed to fetch avatar config:", r);
+        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)));
+      } catch (n) {
+        console.error("Failed to fetch avatar config:", n);
       } finally {
-        e || ke(!0);
+        e || Se(!0);
       }
     })(), () => {
       e = !0;
     };
   }, [_]);
-  const Ae = Dn(_ ?? We), [q, ae] = R(""), [O, _e] = R(""), [H, g] = R("Ready"), [ce, m] = R(!1), [D, z] = R(!1), [A, F] = R([]), [$, Y] = R(""), X = a(null), [kt, te] = R(
+  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
   );
-  B(() => {
-    const e = window.matchMedia("(max-width: 480px)"), t = () => te(e.matches);
+  F(() => {
+    const e = window.matchMedia("(max-width: 480px)"), t = () => J(e.matches);
     return e.addEventListener("change", t), () => e.removeEventListener("change", t);
   }, []);
-  const J = kt ? 80 : 600, V = a(!1), Ee = a([]), tt = a(0), He = a(!1), Ie = a([]), ye = a(null), Oe = a([]);
-  a([]);
-  const bt = a([]), De = a(0), je = a(0), he = a(0), Ce = a(0), Ne = a(!1), [nt, lt] = R(
+  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), Ze = s(0), Ne = s(!1), [g, p] = L(
     null
-  ), b = a(null), [p, o] = R("neutral"), [l, v] = R(""), [ne, re] = R(""), [ue, rt] = R(
+  ), r = s(null), [d, v] = L("neutral"), [oe, ie] = L(""), [Tt, et] = L(""), [ce, bt] = L(
     () => {
       if (typeof window > "u") return null;
       try {
@@ -916,116 +917,116 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
         return null;
       }
     }
-  ), [Ue, Ge] = R("hidden"), [ot, T] = R(""), dt = a(null), Je = a(Ue);
+  ), [Ue, S] = L("hidden"), [tt, nt] = L(""), Ge = s(null), Je = s(Ue);
   Je.current = Ue;
-  const [qe, ze] = R(null), Re = a(null), oe = a(null), [Fe, Ye] = R(!1), Pe = a(null), [le, Ke] = R("hidden"), [ft, Rt] = R(""), ht = a(le);
-  ht.current = le;
-  const K = a(""), E = a(!1), de = a(""), mt = a(Date.now()), Be = a([]), me = a(!1), [xe, fe] = R(!1), [it, f] = R(!1), I = a(null), M = Pt(() => Fe ? "Try again" : H === "Busy" ? "Busy" : H === "Thinking..." || H === "Processing Voice..." ? H : ue != null && ue !== "" && ue !== "none" && ue !== "<none>" ? `Enter ${Qn(ue)}` : le !== "hidden" || !it ? null : sn, [H, ue, Fe, le, it]), ve = !Fe && H !== "Busy" && H !== "Thinking..." && H !== "Processing Voice..." && (ue == null || ue === "" || ue === "none" || ue === "<none>");
-  B(() => {
-    if (le !== "hidden" || !ve) {
-      f(!1), I.current != null && (clearTimeout(I.current), I.current = null);
+  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 = 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);
       return;
     }
-    return I.current = setTimeout(() => {
-      I.current = null, f(!0);
+    return Q.current = setTimeout(() => {
+      Q.current = null, I(!0);
     }, 400), () => {
-      I.current != null && (clearTimeout(I.current), I.current = null);
+      Q.current != null && (clearTimeout(Q.current), Q.current = null);
     };
-  }, [le, ve]);
-  const $e = M != null && M !== "";
-  B(() => {
+  }, [ae, ve]);
+  const st = ye != null && ye !== "";
+  F(() => {
     const e = Je.current;
     if (!(e === "exiting" || e === "entering")) {
       if (e === "hidden") {
-        $e && (T(M ?? ""), Ge("entering"));
+        st && (nt(ye ?? ""), S("entering"));
         return;
       }
-      e === "visible" && (!$e || M !== ot) && (dt.current = $e ? M : null, Ge("exiting"));
+      e === "visible" && (!st || ye !== tt) && (Ge.current = st ? ye : null, S("exiting"));
     }
   }, [
-    $e,
-    M,
+    st,
+    ye,
     Ue,
-    ot
-  ]), B(() => {
-    if (H !== "Busy") {
-      oe.current != null && (clearTimeout(oe.current), oe.current = null);
+    tt
+  ]), F(() => {
+    if (P !== "Busy") {
+      se.current != null && (clearTimeout(se.current), se.current = null);
       return;
     }
-    return oe.current = setTimeout(() => {
-      oe.current = null, g("Ready"), Ye(!0);
+    return se.current = setTimeout(() => {
+      se.current = null, h("Ready"), _t(!0);
     }, 12e3), () => {
-      oe.current != null && (clearTimeout(oe.current), oe.current = null);
+      se.current != null && (clearTimeout(se.current), se.current = null);
     };
-  }, [H]), B(() => {
-    if (!Fe) return;
-    const e = setTimeout(() => Ye(!1), 2500);
+  }, [P]), F(() => {
+    if (!de) return;
+    const e = setTimeout(() => _t(!1), 2500);
     return () => clearTimeout(e);
-  }, [Fe]);
-  const Te = at(() => {
+  }, [de]);
+  const Mt = ct(() => {
     const e = Je.current;
     if (e === "exiting") {
-      Ge("hidden");
-      const t = dt.current;
-      dt.current = null, t != null && t !== "" && (T(t), Ge("entering"));
-    } else e === "entering" && Ge("visible");
-  }, []), wt = (e) => {
+      S("hidden");
+      const t = Ge.current;
+      Ge.current = null, t != null && t !== "" && (nt(t), S("entering"));
+    } else e === "entering" && S("visible");
+  }, []), Ee = (e) => {
     if (!e) return;
     if (e.mood != null) {
-      const n = String(e.mood).toLowerCase();
-      o(n);
+      const o = String(e.mood).toLowerCase();
+      v(o);
     }
     if (e.expression != null) {
-      const n = String(e.expression).trim();
-      v(n);
-      const s = Un.find(
-        (d) => d.name.toLowerCase() === n.toLowerCase()
+      const o = String(e.expression).trim();
+      ie(o);
+      const i = Fn.find(
+        (c) => c.name.toLowerCase() === o.toLowerCase()
       );
       N(
-        `[STREAM] Animation match for "${n}": ${s ? s.name : "NONE"}`
-      ), re(s?.url ?? "");
+        `[STREAM] Animation match for "${o}": ${i ? i.name : "NONE"}`
+      ), et(i?.url ?? "");
     }
     if (e.navigation != null) {
-      const n = String(e.navigation).trim();
-      if (n !== "") {
-        let s = !1;
+      const o = String(e.navigation).trim();
+      if (o !== "") {
+        let i = !1;
         if (typeof window < "u")
           try {
-            const d = new URL(window.location.href), w = new URL(n, window.location.href), L = d.hostname === "leads.streamoji.com" || d.hostname.includes("localhost");
-            if (w.origin !== d.origin && !L) {
+            const c = new URL(window.location.href), R = new URL(o, window.location.href), b = c.hostname === "leads.streamoji.com" || c.hostname.includes("localhost");
+            if (R.origin !== c.origin && !b) {
               N("[STREAM] Navigation rejected: different origin");
               return;
             }
-            const x = (k) => k.replace(/\/+$/, "") || "/";
-            s = x(d.pathname) === x(w.pathname);
+            const x = (M) => M.replace(/\/+$/, "") || "/";
+            i = x(c.pathname) === x(R.pathname);
           } catch {
           }
-        if (s)
+        if (i)
           return;
-        u ? u(n) : ze(n);
+        f ? f(o) : Fe(o);
       }
     }
-    const t = e.ask_for || e.lead_capture?.ask_for, r = t ? String(t).trim().toLowerCase() : "", i = r === "none" || r === "<none>";
-    if (t && !i) {
-      const n = r;
-      if (S && (n === "email" && S.email || n === "name" && S.name || n === "phone" && S.phone))
+    const t = e.ask_for || e.lead_capture?.ask_for, n = t ? String(t).trim().toLowerCase() : "", a = n === "none" || n === "<none>";
+    if (t && !a) {
+      const o = n;
+      if (k && (o === "email" && k.email || o === "name" && k.name || o === "phone" && k.phone))
         return;
       if (typeof window < "u")
         try {
-          window.sessionStorage.setItem("leadCaptureAskFor", n);
+          window.sessionStorage.setItem("leadCaptureAskFor", o);
         } catch {
         }
-      rt(n || null);
-    } else if (i || e.ask_for === null || e.lead_capture && e.lead_capture.ask_for === null || e.ask_for === "none") {
+      bt(o || null);
+    } else if (a || e.ask_for === null || e.lead_capture && e.lead_capture.ask_for === null || e.ask_for === "none") {
       if (typeof window < "u")
         try {
           window.sessionStorage.removeItem("leadCaptureAskFor");
         } catch {
         }
-      rt(null);
+      bt(null);
     }
     e.collected, e.valid;
-  }, xt = (e) => {
+  }, yt = (e) => {
     const t = e.trim();
     if (!t) return null;
     if (t.startsWith("{"))
@@ -1035,127 +1036,105 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
         return null;
       }
     if (t.includes(":")) {
-      const r = t.split(":"), i = r[0].trim().toLowerCase(), n = r.slice(1).join(":").trim();
-      return { [i]: n };
+      const n = t.split(":"), a = n[0].trim().toLowerCase(), o = n.slice(1).join(":").trim();
+      return { [a]: o };
     }
     return null;
-  }, Ve = at(() => {
-  }, []), pe = "§", ie = () => {
-    for (; K.current.includes(`
+  }, fe = ct(() => {
+  }, []), Be = "§", Et = () => {
+    for (; Z.current.includes(`
 `); ) {
-      const e = K.current.indexOf(`
-`), t = K.current.slice(0, e).trim();
-      K.current = K.current.slice(e + 1);
-      const r = xt(t);
-      r && wt(r);
+      const e = Z.current.indexOf(`
+`), t = Z.current.slice(0, e).trim();
+      Z.current = Z.current.slice(e + 1);
+      const n = yt(t);
+      n && Ee(n);
     }
-  }, Bt = (e) => {
-    if (E.current)
-      if (e.includes(pe)) {
-        const t = e.indexOf(pe), r = e.slice(0, t), i = e.slice(t + pe.length);
-        r && (de.current += r, _e((n) => n + r)), E.current = !1, i && (K.current += i, ie());
-      } else e === pe ? E.current = !1 : (de.current += e, _e((t) => t + e));
-    else if (e.includes(pe)) {
-      const t = e.indexOf(pe), r = e.slice(0, t), i = e.slice(t + pe.length);
-      K.current += r, ie(), E.current = !0, i && (de.current += i, _e((n) => n + i));
-    } else if (e === pe) {
-      E.current = !0;
+  }, 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, 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, Et(), ue.current = !0, a && (ee.current += a, G((o) => o + a));
+    } else if (e === Be) {
+      ue.current = !0;
       return;
     } else
-      K.current += e, ie();
+      Z.current += e, Et();
   };
-  B(() => {
+  F(() => {
     (async () => {
-      if (!sessionStorage.getItem(
-        "STREAMOJI_LEADS_SESSION_LEAD_ID"
-      )) {
-        const n = "secret", s = Math.floor(Date.now() / 1e3).toString();
-        try {
-          const d = new TextEncoder(), w = await globalThis.crypto.subtle.importKey(
-            "raw",
-            d.encode(n),
-            { name: "HMAC", hash: "SHA-256" },
-            !1,
-            ["sign"]
-          ), L = await globalThis.crypto.subtle.sign(
-            "HMAC",
-            w,
-            d.encode(s)
-          ), k = Array.from(new Uint8Array(L)).map((C) => C.toString(16).padStart(2, "0")).join("");
-          sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", k), N("[SESSION] New HMAC UID generated and saved:", k);
-        } catch (d) {
-          console.error("[SESSION] HMAC generation failed:", d);
-          const w = Math.random().toString(36) + Date.now().toString();
-          sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", w);
-        }
-      }
-      const r = sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES");
-      let i = [];
-      if (r)
+      const t = sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES");
+      let n = [];
+      if (t)
         try {
-          i = JSON.parse(r);
+          n = JSON.parse(t);
         } catch {
-          i = [];
+          n = [];
         }
-      i.length === 0 && S && (S.name || S.email) ? (i = [{ role: "user", content: `PRESET_USER_DETAILS: Name is "${S.name || ""}" , Email is "${S.email || ""}"` }], sessionStorage.setItem(
+      n.length === 0 && k && (k.name || k.email) ? (n = [{ role: "user", content: `PRESET_USER_DETAILS: Name is "${k.name || ""}" , Email is "${k.email || ""}"` }], sessionStorage.setItem(
         "STREAMOJI_LEADS_SESSION_MESSAGES",
-        JSON.stringify(i)
-      )) : r || sessionStorage.setItem(
+        JSON.stringify(n)
+      )) : t || sessionStorage.setItem(
         "STREAMOJI_LEADS_SESSION_MESSAGES",
         JSON.stringify([])
       );
     })();
-  }, [S]), B(() => {
+  }, [k]), F(() => {
     const e = () => {
-      mt.current = Date.now(), me.current && (me.current = !1, fe(!1), F([]), Y(""), _e(""), z(!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 () => {
-      if (Date.now() - mt.current >= 3e4 && !D && !ce && H === "Ready" && !me.current)
-        if (me.current = !0, Be.current.length > 0)
-          fe(!0), F(Be.current);
+      if (Date.now() - Pe.current >= 3e4 && !T && !A && P === "Ready" && !le.current)
+        if (le.current = !0, Me.current.length > 0)
+          l(!0), q(Me.current);
         else
           try {
-            const n = `${ct}/nudgeUser`, s = {
+            const o = `${ut}/nudgeUser`, i = {
               navigationUrl: window.location.href,
-              agentId: _
-            }, d = await fetch(n, {
+              agentId: _,
+              lead_id: Qe
+            }, c = await fetch(o, {
               method: "POST",
               headers: {
                 "Content-Type": "application/json"
               },
-              body: JSON.stringify(s)
+              body: JSON.stringify(i)
             });
-            if (d.ok) {
-              const L = (await d.json()).nudge_questions;
-              L && L.length > 0 && (N("[NUDGE] Received nudge questions from API:", L), Be.current = L, fe(!0), F(L));
+            if (c.ok) {
+              const b = (await c.json()).nudge_questions;
+              b && b.length > 0 && (N("[NUDGE] Received nudge questions from API:", b), Me.current = b, l(!0), q(b));
             }
-          } catch (n) {
-            console.error("[NUDGE] Error calling /nudgeUser:", n), me.current = !1;
+          } catch (o) {
+            console.error("[NUDGE] Error calling /nudgeUser:", o), le.current = !1;
           }
     }, 1e3);
     return () => {
       window.removeEventListener("mousemove", e), window.removeEventListener("keydown", e), window.removeEventListener("mousedown", e), window.removeEventListener("touchstart", e), clearInterval(t);
     };
-  }, [et, D, ce, H]), B(() => {
-    if (A.length === 0) return;
-    let e = 0, t = 0, r = !1, i = 100;
-    const n = () => {
-      const s = A[e];
-      if (r) {
-        const d = s.substring(0, t - 1);
-        Y(d), t--, i = 50;
+  }, [Re, T, A, P]), F(() => {
+    if (D.length === 0) return;
+    let e = 0, t = 0, n = !1, a = 100;
+    const o = () => {
+      const i = D[e];
+      if (n) {
+        const c = i.substring(0, t - 1);
+        dt(c), t--, a = 50;
       } else {
-        const d = s.substring(0, t + 1);
-        Y(d), t++, i = 100;
+        const c = i.substring(0, t + 1);
+        dt(c), t++, a = 100;
       }
-      !r && t === s.length ? (r = !0, i = 3e3) : r && t === 0 && (r = !1, e = (e + 1) % A.length, i = 500), X.current = setTimeout(n, i);
+      !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);
     };
-    return n(), () => {
-      X.current && clearTimeout(X.current);
+    return o(), () => {
+      K.current && clearTimeout(K.current);
     };
-  }, [A]);
-  const $t = () => {
+  }, [D]);
+  const Ht = () => {
     try {
       return JSON.parse(
         sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES") || "[]"
@@ -1163,232 +1142,233 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
     } catch {
       return [];
     }
-  }, ln = (e) => {
+  }, fn = (e) => {
     sessionStorage.setItem(
       "STREAMOJI_LEADS_SESSION_MESSAGES",
       JSON.stringify(e)
     );
-  }, [Tt, Mt] = R(!1), [Vt, At] = R(0), Le = a(null), _t = a([]), Wt = a(0), [Ht, dn] = R(
+  }, [It, At] = L(!1), [jt, Ot] = L(0), Le = s(null), vt = s([]), Gt = s(0), [Jt, hn] = L(
     null
-  ), [fn, Et] = R(
+  ), [mn, Dt] = L(
     null
-  ), Me = a(null), Qe = a(
+  ), Ie = s(null), ze = s(
     null
-  ), pt = at((e = !1) => {
-    e && (Ne.current = !0, m(!1), g("Ready")), Ie.current = [], Ee.current = [], He.current = !1, z(!1), De.current = 0, je.current = 0, he.current = 0, Oe.current.forEach((t) => {
+  ), 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 {
       }
-    }), Re.current && (clearTimeout(Re.current), Re.current = null), setTimeout(() => {
-      ze(null), re("");
-    }, 10), Oe.current = [];
-  }, []), hn = async () => {
+    }), 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, r = new t(), i = r.createMediaStreamSource(e), n = r.createAnalyser();
-      n.fftSize = 64, i.connect(n), Me.current = r, Qe.current = i, Et(n);
-      const s = new MediaRecorder(e);
-      Le.current = s, _t.current = [], s.ondataavailable = (d) => {
-        d.data.size > 0 && _t.current.push(d.data);
-      }, s.onstop = async () => {
-        const d = Date.now() - Wt.current;
-        if (Et(null), Qe.current && (Qe.current.disconnect(), Qe.current = null), Me.current && Me.current.state !== "closed" && (Me.current.close(), Me.current = null), d < 1e3) {
-          g("Recording too short. Hold or click longer."), m(!1);
+      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, 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() - 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;
         }
-        const w = new Blob(_t.current, {
+        const R = new Blob(vt.current, {
           type: "audio/wav"
         });
-        await bn(w);
-      }, Wt.current = Date.now(), s.start(100), Mt(!0), g("Listening...");
+        await wn(R);
+      }, Gt.current = Date.now(), i.start(100), At(!0), h("Listening...");
     } catch (e) {
-      console.error("Error accessing microphone:", e), g("Mic Access Error");
+      console.error("Error accessing microphone:", e), h("Mic Access Error");
     }
-  }, mn = () => {
-    Le.current && Le.current.state !== "inactive" && (Le.current.stop(), Le.current.stream.getTracks().forEach((e) => e.stop()), Mt(!1));
-  }, pn = () => {
-    Le.current && Le.current.state !== "inactive" && (Le.current.onstop = null, Le.current.stop(), Le.current.stream.getTracks().forEach((e) => e.stop()), Et(null), Qe.current && (Qe.current.disconnect(), Qe.current = null), Me.current && Me.current.state !== "closed" && (Me.current.close(), Me.current = null), Mt(!1), _t.current = [], g("Ready"));
+  }, gn = () => {
+    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()), 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"));
   };
-  B(() => {
-    if (!D) return;
+  F(() => {
+    if (!T) return;
     const e = () => {
-      const t = he.current;
+      const t = Ce.current;
       if (t <= 0) return;
-      const r = ye.current, i = De.current;
-      if (!r) return;
-      const n = r.currentTime - i, s = Math.min(Math.max(0, n), t), w = cn(O).trim().length;
-      if (w <= 0) return;
-      const L = Math.min(
-        Math.round(s / t * w),
-        w
+      const n = je.current, a = we.current;
+      if (!n) return;
+      const o = n.currentTime - a, i = Math.min(Math.max(0, o), t), R = ln(Ae).trim().length;
+      if (R <= 0) return;
+      const b = Math.min(
+        Math.round(i / t * R),
+        R
       );
-      lt(L);
+      p(b);
     };
-    return clearInterval(b.current ?? void 0), b.current = setInterval(e, 90), () => clearInterval(b.current ?? void 0);
-  }, [D, O, he.current]), B(() => {
+    return clearInterval(r.current ?? void 0), r.current = setInterval(e, 90), () => clearInterval(r.current ?? void 0);
+  }, [T, Ae, Ce.current]), F(() => {
     let e;
-    return Tt ? (At(0), e = window.setInterval(() => {
-      At((t) => t + 1);
-    }, 1e3)) : At(0), () => clearInterval(e);
-  }, [Tt]);
-  const gn = (e) => {
-    const t = e.numberOfChannels, r = e.length * t * 2 + 44, i = new ArrayBuffer(r), n = new DataView(i);
-    let s = 0;
-    const d = (k) => {
-      n.setUint16(s, k, !0), s += 2;
-    }, w = (k) => {
-      n.setUint32(s, k, !0), s += 4;
+    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;
+    const c = (M) => {
+      o.setUint16(i, M, !0), i += 2;
+    }, R = (M) => {
+      o.setUint32(i, M, !0), i += 4;
     };
-    w(1179011410), w(r - 8), w(1163280727), w(544501094), w(16), d(1), d(t), w(e.sampleRate), w(e.sampleRate * 2 * t), d(t * 2), d(16), w(1635017060), w(r - s - 4);
-    const L = [];
-    for (let k = 0; k < t; k++) L.push(e.getChannelData(k));
+    R(1179011410), R(n - 8), R(1163280727), R(544501094), R(16), c(1), c(t), R(e.sampleRate), R(e.sampleRate * 2 * t), c(t * 2), c(16), R(1635017060), R(n - i - 4);
+    const b = [];
+    for (let M = 0; M < t; M++) b.push(e.getChannelData(M));
     let x = 0;
-    for (; s < r; ) {
-      for (let k = 0; k < t; k++) {
-        let C = Math.max(-1, Math.min(1, L[k][x]));
-        C = C < 0 ? C * 32768 : C * 32767, n.setInt16(s, C, !0), s += 2;
+    for (; i < n; ) {
+      for (let M = 0; M < t; M++) {
+        let V = Math.max(-1, Math.min(1, b[M][x]));
+        V = V < 0 ? V * 32768 : V * 32767, o.setInt16(i, V, !0), i += 2;
       }
       x++;
     }
-    return new Blob([i], { type: "audio/wav" });
-  }, It = async (e, t, r = !1) => {
+    return new Blob([a], { type: "audio/wav" });
+  }, Ct = async (e, t, n = !1) => {
     if (!Ne.current) {
-      if (V.current) {
-        Ee.current.push({
+      if (Oe.current) {
+        We.current.push({
           audio: e,
           visemes: t,
-          isNewSegment: r
+          isNewSegment: n
         });
         return;
       }
-      V.current = !0;
+      Oe.current = !0;
       try {
-        const i = window.AudioContext || window.webkitAudioContext, n = ye.current ?? new i();
-        n.state === "suspended" && await n.resume(), ye.current = n;
-        const s = window.atob(e), d = new Uint8Array(s.length);
-        for (let W = 0; W < s.length; W++)
-          d[W] = s.charCodeAt(W);
-        const w = await n.decodeAudioData(d.buffer.slice(0));
-        he.current += w.duration;
-        const L = n.currentTime;
-        let x = je.current;
-        const k = !He.current;
-        x < L && (x = L + 0.1), je.current = x + w.duration;
-        const C = n.createBufferSource();
-        C.buffer = w;
-        let Z = Ht;
-        if ((!Z || Z.context !== n) && (Z = n.createAnalyser(), Z.fftSize = 64, Z.connect(n.destination), dn(Z)), C.connect(Z), Oe.current.push(C), Ne.current) {
-          Oe.current = Oe.current.filter((W) => W !== C);
+        const a = window.AudioContext || window.webkitAudioContext, o = je.current ?? new a();
+        o.state === "suspended" && await o.resume(), je.current = o;
+        const i = window.atob(e), c = new Uint8Array(i.length);
+        for (let te = 0; te < i.length; te++)
+          c[te] = i.charCodeAt(te);
+        const R = await o.decodeAudioData(c.buffer.slice(0));
+        Ce.current += R.duration;
+        const b = o.currentTime;
+        let x = xe.current;
+        const M = !_e.current;
+        x < b && (x = b + 0.1), xe.current = x + R.duration;
+        const V = o.createBufferSource();
+        V.buffer = R;
+        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;
         }
-        if (k) {
-          He.current = !0, z(!0), N(
+        if (M) {
+          _e.current = !0, O(!0), N(
             `[AUDIO] setIsSpeaking(true) - First chunk starting at ${x.toFixed(
               3
             )}`
-          ), De.current = x;
-          const W = (x - L) * 1e3;
-          tt.current = performance.now() + W, N(
+          ), we.current = x;
+          const te = (x - b) * 1e3;
+          ft.current = performance.now() + te, N(
             `[AUDIO] Response started. Initial startTime: ${x.toFixed(
               3
-            )}, CT: ${L.toFixed(3)}`
+            )}, CT: ${b.toFixed(3)}`
           );
         }
-        C.start(x);
-        const se = (x - De.current) * 1e3;
-        r && (Ce.current = se, N(
-          `[AUDIO] New segment detected at +${se.toFixed(
+        V.start(x);
+        const he = (x - we.current) * 1e3;
+        n && (Ze.current = he, N(
+          `[AUDIO] New segment detected at +${he.toFixed(
             0
           )}ms. Resetting segment offset.`
-        )), t.forEach((W, ge) => {
-          const P = W.symbol ?? "";
-          if (P) {
-            const be = zn(P), Se = Math.round(W.start * 1e3), Xe = Math.round((W.duration ?? 0) * 1e3), Yt = Ce.current + Se;
-            ge < 3 && N(
-              `[AUDIO] Viseme "${P}": segment_relative=${Se}ms, segment_offset=${Ce.current.toFixed(
+        )), 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 = Ze.current + ke;
+            me < 3 && N(
+              `[AUDIO] Viseme "${U}": segment_relative=${ke}ms, segment_offset=${Ze.current.toFixed(
                 0
-              )}ms => vtime=${Yt}ms`
-            ), be.forEach((Kt) => {
-              Ie.current.push({
-                viseme: Kt.v,
-                weight: Kt.w,
-                vtime: Yt,
-                vduration: Xe
+              )}ms => vtime=${Qt}ms`
+            ), pe.forEach((Xt) => {
+              He.current.push({
+                viseme: Xt.v,
+                weight: Xt.w,
+                vtime: Qt,
+                vduration: Ye
               });
             });
           }
-        }), g("Speaking...");
+        }), h("Speaking...");
       } finally {
-        if (V.current = !1, Ee.current.length > 0) {
-          const i = Ee.current.shift();
-          i && It(i.audio, i.visemes, i.isNewSegment);
+        if (Oe.current = !1, We.current.length > 0) {
+          const a = We.current.shift();
+          a && Ct(a.audio, a.visemes, a.isNewSegment);
         }
       }
     }
-  }, bn = async (e) => {
+  }, wn = async (e) => {
     try {
-      m(!0), fe(!1), de.current = "", _e(""), g("Processing Voice...");
-      const t = await e.arrayBuffer(), i = await new (window.AudioContext || window.webkitAudioContext)().decodeAudioData(t), n = gn(i), s = new FileReader();
-      s.readAsDataURL(n), s.onloadend = async () => {
-        const d = s.result.split(",")[1];
-        pt(), ae(""), K.current = "", E.current = !1;
-        const w = `${ct}/stt?token=${encodeURIComponent(et)}`, L = await fetch(w, {
+      y(!0), l(!1), ee.current = "", G(""), h("Processing Voice...");
+      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];
+        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: d,
-            audio_format: "wav"
+            audio_base64: c,
+            audio_format: "wav",
+            lead_id: Qe
           })
         });
-        if (L.status === 429) {
+        if (b.status === 429) {
           try {
-            const ge = await L.text(), P = JSON.parse(ge);
-            N("[STT] 429 agent at capacity:", P?.detail);
+            const me = await b.text(), U = JSON.parse(me);
+            N("[STT] 429 agent at capacity:", U?.detail);
           } catch {
           }
-          ae(""), g("Busy"), m(!1);
+          be(""), h("Busy"), y(!1);
           return;
         }
-        if (!L.ok) {
-          const ge = await L.text();
-          let P = "STT Failed";
+        if (!b.ok) {
+          const me = await b.text();
+          let U = "STT Failed";
           try {
-            P = JSON.parse(ge).error || P;
+            U = JSON.parse(me).error || U;
           } catch {
-            ge && (P = ge.slice(0, 200));
+            me && (U = me.slice(0, 200));
           }
-          throw new Error(P);
+          throw new Error(U);
         }
-        const x = L.body;
+        const x = b.body;
         if (N("this is body" + x), !x) {
-          g("STT Failed"), m(!1);
+          h("STT Failed"), y(!1);
           return;
         }
-        const k = x.getReader();
+        const M = x.getReader();
         Ne.current = !1;
-        const C = new TextDecoder();
-        let Z = "", se = !1;
-        const W = async (ge, P) => {
-          switch (ge) {
+        const V = new TextDecoder();
+        let W = "", he = !1;
+        const te = async (me, U) => {
+          switch (me) {
             case "transcript":
-              P.transcript != null && ae(String(P.transcript));
+              U.transcript != null && be(String(U.transcript));
               break;
             case "text": {
-              const be = P.delta ?? P.text ?? "";
-              be && Bt(be);
+              const pe = U.delta ?? U.text ?? "";
+              pe && Wt(pe);
               break;
             }
             case "audio": {
-              const be = P.chunk, Se = P.visemes ?? [], Xe = !!P.is_new_segment;
-              be && await It(be, Se, Xe);
+              const pe = U.chunk, ke = U.visemes ?? [], Ye = !!U.is_new_segment;
+              pe && await Ct(pe, ke, Ye);
               break;
             }
             case "done": {
-              se = !0, g("Ready"), m(!1);
+              he = !0, h("Ready"), y(!1);
               break;
             }
             case "error": {
-              se = !0, g("STT Failed"), m(!1);
+              he = !0, h("STT Failed"), y(!1);
               break;
             }
             default:
@@ -1396,243 +1376,233 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
           }
         };
         for (; ; ) {
-          const { done: ge, value: P } = await k.read();
-          P && (Z += C.decode(P, { stream: !0 }));
-          const be = Z.split(`
+          const { done: me, value: U } = await M.read();
+          U && (W += V.decode(U, { stream: !0 }));
+          const pe = W.split(`
 
 `);
-          Z = be.pop() ?? "";
-          for (const Se of be) {
-            const Xe = st(Se);
-            Xe && await W(Xe.event, Xe.data);
+          W = pe.pop() ?? "";
+          for (const ke of pe) {
+            const Ye = at(ke);
+            Ye && await te(Ye.event, Ye.data);
           }
-          if (ge) {
-            if (Z.trim()) {
-              const Se = st(Z.trim());
-              Se && await W(Se.event, Se.data);
+          if (me) {
+            if (W.trim()) {
+              const ke = at(W.trim());
+              ke && await te(ke.event, ke.data);
             }
-            se || (g("Ready"), m(!1));
+            he || (h("Ready"), y(!1));
             break;
           }
         }
       };
     } catch (t) {
-      console.error("Audio Submission Error:", t), g("STT Failed"), m(!1);
+      console.error("Audio Submission Error:", t), h("STT Failed"), y(!1);
     }
-  }, wn = async (e) => {
-    e && e.preventDefault(), fe(!1), de.current = "", _e(""), !(!q || ce) && await _n(q);
-  }, st = (e) => {
+  }, yn = async (e) => {
+    e && e.preventDefault(), l(!1), ee.current = "", G(""), !(!E || A) && await vn(E);
+  }, at = (e) => {
     const t = e.split(/\r?\n/);
-    let r = "", i = "";
-    for (const s of t)
-      s.startsWith("event:") ? r = s.slice(6).trim() : s.startsWith("data:") && (i = s.slice(5).trim());
-    if (!r) return null;
-    let n = {};
-    if (i)
+    let n = "", a = "";
+    for (const i of t)
+      i.startsWith("event:") ? n = i.slice(6).trim() : i.startsWith("data:") && (a = i.slice(5).trim());
+    if (!n) return null;
+    let o = {};
+    if (a)
       try {
-        n = JSON.parse(i);
+        o = JSON.parse(a);
       } catch {
-        n = { raw: i };
+        o = { raw: a };
       }
-    return { event: r, data: n };
-  }, yt = (e, t) => {
+    return { event: n, data: o };
+  }, Lt = (e, t) => {
     switch (e) {
       case "connected":
-        K.current = "", E.current = !1;
+        Z.current = "", ue.current = !1;
         break;
       case "text": {
-        const r = t.delta ?? "";
-        r && Bt(r);
+        const n = t.delta ?? "";
+        n && Wt(n);
         break;
       }
       case "metadata": {
-        wt(t);
+        Ee(t);
         break;
       }
       case "audio": {
-        const r = t.chunk, i = t.visemes ?? [], n = t.is_new_segment ?? !1;
-        r && It(r, i, n);
+        const n = t.chunk, a = t.visemes ?? [], o = t.is_new_segment ?? !1;
+        n && Ct(n, a, o);
         break;
       }
       case "done": {
-        const r = $t(), i = de.current.trim(), n = [
-          ...r,
-          { role: "user", content: q || "..." },
-          { role: "assistant", content: i }
+        const n = Ht(), a = ee.current.trim(), o = [
+          ...n,
+          { role: "user", content: E || "..." },
+          { role: "assistant", content: a }
         ];
-        ln(n), bt.current = [...Ie.current], g("Ready"), m(!1), ae("");
+        fn(o), gt.current = [...He.current], h("Ready"), y(!1), be("");
         break;
       }
       case "error": {
-        const r = t.message ?? "Unknown error";
-        de.current = r, _e(r), g("Agent Failed"), m(!1);
+        const n = t.message ?? "Unknown error";
+        ee.current = n, G(n), h("Agent Failed"), y(!1);
         break;
       }
     }
-  }, jt = async (e, t) => {
-    m(!0), g("Thinking..."), de.current = "", K.current = "", E.current = !1, pt(), he.current = 0, lt(0);
+  }, kt = async (e, t) => {
+    y(!0), h("Thinking..."), ee.current = "", Z.current = "", ue.current = !1, mt(), Ce.current = 0, p(0);
     try {
-      const r = await fetch(e, {
+      const n = await fetch(e, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(t)
       });
-      if (r.status === 429) {
-        g("Busy"), m(!1);
-        return;
-      }
-      if (!r.ok) throw new Error("Request failed");
-      const i = r.body;
-      if (!i) {
-        g("Failed"), m(!1);
-        return;
-      }
-      const n = i.getReader();
+      if (n.status === 429)
+        return h("Busy"), y(!1), "";
+      if (!n.ok) throw new Error("Request failed");
+      const a = n.body;
+      if (!a)
+        return h("Failed"), y(!1), "";
+      const o = a.getReader();
       Ne.current = !1;
-      const s = new TextDecoder();
-      let d = "";
+      const i = new TextDecoder();
+      let c = "";
       for (; ; ) {
-        const { done: w, value: L } = await n.read();
-        L && (d += s.decode(L, { stream: !0 }));
-        const x = d.split(`
+        const { done: R, value: b } = await o.read();
+        b && (c += i.decode(b, { stream: !0 }));
+        const x = c.split(`
 
 `);
-        d = x.pop() ?? "";
-        for (const k of x) {
-          const C = st(k);
-          C && yt(C.event, C.data);
+        c = x.pop() ?? "";
+        for (const M of x) {
+          const V = at(M);
+          V && Lt(V.event, V.data);
         }
-        if (w) {
-          if (d.trim()) {
-            const k = st(d.trim());
-            k && yt(k.event, k.data);
+        if (R) {
+          if (c.trim()) {
+            const M = at(c.trim());
+            M && Lt(M.event, M.data);
           }
-          g("Ready"), m(!1);
-          break;
+          return h("Ready"), y(!1), ee.current;
         }
       }
-    } catch (r) {
-      console.error("Streaming Error:", r), g("Failed"), m(!1);
+    } catch (n) {
+      return console.error("Streaming Error:", n), h("Failed"), y(!1), "";
     }
-  }, Gt = at(async (e, t) => {
-    const r = `${ct}/avatar_tts`;
-    await jt(r, { user_query: e, llm_prompt: t });
-  }, []), Jt = at(async (e, t, r, i) => {
-    const n = `${ct}/avatar_ttsWithKnowledge`;
-    await jt(n, { user_query: e, llm_prompt: t, knowledge: r, history: i });
-  }, []), qt = a(!1);
-  B(() => {
-    y && !qt.current && (y({ avatarSpeak: Gt, avatarRespond: Jt }), qt.current = !0);
-  }, [y, Gt, Jt]);
-  const _n = async (e) => {
-    m(!0), g("Thinking..."), de.current = "", K.current = "", E.current = !1, pt(), he.current = 0, lt(0);
-    const t = `${ct}/agent/chat?token=${encodeURIComponent(et)}`;
+  }, 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, mt(), Ce.current = 0, p(0);
+    const t = `${ut}/agent/chat?token=${encodeURIComponent(Re)}`;
     try {
-      const r = $t();
-      let i = sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID");
-      i || (In(
-        "[CHAT] Session UID missing at send time! Generating emergency backup."
-      ), i = "emergency-" + Math.random().toString(36).substring(7), sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", i));
-      const n = {
-        history: r,
+      const a = {
+        history: Ht(),
         question: e,
-        lead_id: i
+        lead_id: Qe
       };
-      N("[CHAT] Sending payload:", n);
-      const s = await fetch(t, {
+      N("[CHAT] Sending payload:", a);
+      const o = await fetch(t, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
-        body: JSON.stringify(n),
+        body: JSON.stringify(a),
         cache: "default"
       });
-      if (s.status === 429) {
+      if (o.status === 429) {
         try {
-          const k = await s.json();
-          N("[CHAT] 429 agent at capacity:", k?.detail);
+          const x = await o.json();
+          N("[CHAT] 429 agent at capacity:", x?.detail);
         } catch {
         }
-        ae(""), g("Busy"), m(!1);
+        be(""), h("Busy"), y(!1);
         return;
       }
-      if (!s.ok)
+      if (!o.ok)
         throw new Error("Agent request failed");
-      const d = s.body;
-      if (!d) {
-        g("Agent Failed"), m(!1);
+      const i = o.body;
+      if (!i) {
+        h("Agent Failed"), y(!1);
         return;
       }
-      const w = d.getReader();
+      const c = i.getReader();
       Ne.current = !1;
-      const L = new TextDecoder();
-      let x = "";
+      const R = new TextDecoder();
+      let b = "";
       for (; ; ) {
-        const { done: k, value: C } = await w.read();
+        const { done: x, value: M } = await c.read();
         N(
-          `[SSE] Chunk received. done=${k}, length=${C?.length || 0}`
-        ), C && (x += L.decode(C, { stream: !0 }));
-        const Z = x.split(`
+          `[SSE] Chunk received. done=${x}, length=${M?.length || 0}`
+        ), M && (b += R.decode(M, { stream: !0 }));
+        const V = b.split(`
 
 `);
-        x = Z.pop() ?? "";
-        for (const se of Z) {
-          N(`[SSE] Processing block: ${se.slice(0, 50)}...`);
-          const W = st(se);
-          W && (N(`[SSE] Event: ${W.event}`), yt(W.event, W.data));
+        b = V.pop() ?? "";
+        for (const W of V) {
+          N(`[SSE] Processing block: ${W.slice(0, 50)}...`);
+          const he = at(W);
+          he && (N(`[SSE] Event: ${he.event}`), Lt(he.event, he.data));
         }
-        if (k) {
-          if (N("[SSE] Stream finished"), x.trim()) {
-            const se = st(x.trim());
-            se && yt(se.event, se.data);
+        if (x) {
+          if (N("[SSE] Stream finished"), b.trim()) {
+            const W = at(b.trim());
+            W && Lt(W.event, W.data);
           }
-          g("Ready"), m(!1), ae("");
+          h("Ready"), y(!1), be("");
           break;
         }
       }
-    } catch (r) {
-      console.error("Chat Error:", r), g("Agent Failed"), m(!1);
+    } catch (n) {
+      console.error("Chat Error:", n), h("Agent Failed"), y(!1);
     }
-  }, yn = O.trim(), zt = cn(yn), Ot = zt && D ? zt.slice(
+  }, Ln = Ae.trim(), Kt = ln(Ln), Nt = Kt && T ? Kt.slice(
     0,
-    nt != null && nt > 0 ? nt : 0
+    g != null && g > 0 ? g : 0
   ) : "";
-  B(() => {
-    const e = ht.current;
+  F(() => {
+    const e = B.current;
     if (e !== "exiting") {
-      if (Ot)
-        Rt(Ot), e === "hidden" && Ke("entering");
+      if (Nt)
+        it(Nt), e === "hidden" && ot("entering");
       else if (e === "visible" || e === "entering") {
-        if (!u && qe) {
-          const t = qe;
+        if (!f && Te) {
+          const t = Te;
           try {
             window.location.href = t;
           } catch {
             window.location.assign(t);
           }
-          ze(null);
+          Fe(null);
         }
-        Ke("exiting");
+        ot("exiting");
       }
     }
-  }, [Ot, le, u, qe]);
-  const vn = at(() => {
-    const e = ht.current;
-    e === "entering" ? Ke("visible") : e === "exiting" && Ke("hidden");
+  }, [Nt, ae, f, Te]);
+  const kn = ct(() => {
+    const e = B.current;
+    e === "entering" ? ot("visible") : e === "exiting" && ot("hidden");
   }, []);
-  Mn(() => {
-    const e = Pe.current;
+  In(() => {
+    const e = ht.current;
     e && (e.scrollTop = e.scrollHeight);
-  }, [ft]);
-  const Ln = G === "female" ? Vn : $n;
-  return ut ? /* @__PURE__ */ we("div", { className: "avatar-widget-container", children: [
-    /* @__PURE__ */ we("div", { className: "avatar-input-area", children: [
-      Ue !== "hidden" ? /* @__PURE__ */ h(
+  }, [wt]);
+  const Sn = ne === "female" ? Wn : Vn;
+  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: Te,
-          children: ot === sn ? /* @__PURE__ */ h(
+          onAnimationEnd: Mt,
+          children: tt === cn ? /* @__PURE__ */ m(
             "a",
             {
               href: "https://leads.streamoji.com",
@@ -1640,10 +1610,10 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
               rel: "noopener noreferrer",
               children: "Made by Streamoji Leads"
             }
-          ) : ot
+          ) : tt
         }
       ) : null,
-      /* @__PURE__ */ h("div", { className: "avatar-input-container", children: /* @__PURE__ */ h(
+      /* @__PURE__ */ m("div", { className: "avatar-input-container", children: /* @__PURE__ */ m(
         "div",
         {
           style: {
@@ -1652,15 +1622,15 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
             width: "100%",
             height: "100%"
           },
-          children: Tt ? /* @__PURE__ */ we("div", { className: "avatar-input-recording", children: [
-            /* @__PURE__ */ h(
+          children: It ? /* @__PURE__ */ ge("div", { className: "avatar-input-recording", children: [
+            /* @__PURE__ */ m(
               "button",
               {
                 type: "button",
                 className: "avatar-recording-cancel",
-                onClick: pn,
+                onClick: bn,
                 title: "Cancel",
-                children: /* @__PURE__ */ we(
+                children: /* @__PURE__ */ ge(
                   "svg",
                   {
                     width: "18",
@@ -1673,14 +1643,14 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
                     strokeLinejoin: "round",
                     style: { display: "block" },
                     children: [
-                      /* @__PURE__ */ h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                      /* @__PURE__ */ h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                      /* @__PURE__ */ m("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                      /* @__PURE__ */ m("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                     ]
                   }
                 )
               }
             ),
-            /* @__PURE__ */ we(
+            /* @__PURE__ */ ge(
               "div",
               {
                 style: {
@@ -1692,8 +1662,8 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
                   minWidth: 0
                 },
                 children: [
-                  /* @__PURE__ */ h("div", { style: { flex: 1, height: "100%" }, children: /* @__PURE__ */ h(Qt, { analyser: fn }) }),
-                  /* @__PURE__ */ we(
+                  /* @__PURE__ */ m("div", { style: { flex: 1, height: "100%" }, children: /* @__PURE__ */ m(Zt, { analyser: mn }) }),
+                  /* @__PURE__ */ ge(
                     "span",
                     {
                       style: {
@@ -1706,23 +1676,23 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
                         fontVariantNumeric: "tabular-nums"
                       },
                       children: [
-                        Math.floor(Vt / 60),
+                        Math.floor(jt / 60),
                         ":",
-                        String(Vt % 60).padStart(2, "0")
+                        String(jt % 60).padStart(2, "0")
                       ]
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ h(
+            /* @__PURE__ */ m(
               "button",
               {
                 type: "button",
                 className: "avatar-recording-confirm",
-                onClick: mn,
+                onClick: gn,
                 title: "Send",
-                children: /* @__PURE__ */ h(
+                children: /* @__PURE__ */ m(
                   "svg",
                   {
                     width: "18",
@@ -1734,13 +1704,13 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     style: { display: "block" },
-                    children: /* @__PURE__ */ h("polyline", { points: "20 6 9 17 4 12" })
+                    children: /* @__PURE__ */ m("polyline", { points: "20 6 9 17 4 12" })
                   }
                 )
               }
             )
-          ] }) : D && !xe ? /* @__PURE__ */ we("div", { className: "avatar-input-speaking", children: [
-            /* @__PURE__ */ h(
+          ] }) : T && !qe ? /* @__PURE__ */ ge("div", { className: "avatar-input-speaking", children: [
+            /* @__PURE__ */ m(
               "div",
               {
                 style: {
@@ -1750,20 +1720,20 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
                   alignItems: "center",
                   paddingRight: "8px"
                 },
-                children: /* @__PURE__ */ h(Qt, { analyser: Ht })
+                children: /* @__PURE__ */ m(Zt, { analyser: Jt })
               }
             ),
-            /* @__PURE__ */ h(
+            /* @__PURE__ */ m(
               "button",
               {
                 type: "button",
                 className: "avatar-speaking-stop",
-                onClick: () => pt(!0),
+                onClick: () => mt(!0),
                 title: "Stop",
-                children: /* @__PURE__ */ h("span", { className: "avatar-speaking-stop__icon", "aria-hidden": !0 })
+                children: /* @__PURE__ */ m("span", { className: "avatar-speaking-stop__icon", "aria-hidden": !0 })
               }
             )
-          ] }) : ce ? /* @__PURE__ */ h(
+          ] }) : A ? /* @__PURE__ */ m(
             "div",
             {
               style: {
@@ -1773,12 +1743,12 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ h("div", { className: "avatar-input-loader" })
+              children: /* @__PURE__ */ m("div", { className: "avatar-input-loader" })
             }
-          ) : /* @__PURE__ */ we(
+          ) : /* @__PURE__ */ ge(
             "form",
             {
-              onSubmit: wn,
+              onSubmit: yn,
               style: {
                 flex: 1,
                 display: "flex",
@@ -1786,20 +1756,20 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
                 alignItems: "center"
               },
               children: [
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ m(
                   "input",
                   {
                     id: "avatar-text-input",
                     type: "text",
-                    value: q,
-                    onChange: (e) => ae(e.target.value),
-                    placeholder: H === "Busy" ? "Assisting another user" : $ || "Ask me anything",
-                    disabled: ce || H === "Busy",
+                    value: E,
+                    onChange: (e) => be(e.target.value),
+                    placeholder: P === "Busy" ? "Assisting another user" : re || "Ask me anything",
+                    disabled: A || P === "Busy",
                     autoComplete: "off",
                     style: { width: "100%", height: "100%" }
                   }
                 ),
-                H === "Busy" ? /* @__PURE__ */ h(
+                P === "Busy" ? /* @__PURE__ */ m(
                   "button",
                   {
                     type: "button",
@@ -1807,7 +1777,7 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
                     disabled: !0,
                     style: { backgroundColor: "#1e4a5e" },
                     title: "Agent at capacity",
-                    children: /* @__PURE__ */ h(
+                    children: /* @__PURE__ */ m(
                       "svg",
                       {
                         width: "24",
@@ -1816,7 +1786,7 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
                         fill: "none",
                         xmlns: "http://www.w3.org/2000/svg",
                         "aria-hidden": "true",
-                        children: /* @__PURE__ */ h(
+                        children: /* @__PURE__ */ m(
                           "path",
                           {
                             d: "M4 2L20 2L12 10L4 2z M12 14L4 22L20 22L12 14z",
@@ -1826,15 +1796,15 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
                       }
                     )
                   }
-                ) : q.trim() === "" ? /* @__PURE__ */ h(
+                ) : E.trim() === "" ? /* @__PURE__ */ m(
                   "button",
                   {
                     type: "button",
                     className: "mic-button",
-                    onClick: hn,
-                    disabled: ce,
+                    onClick: pn,
+                    disabled: A,
                     style: { backgroundColor: "#1e4a5e" },
-                    children: /* @__PURE__ */ we(
+                    children: /* @__PURE__ */ ge(
                       "svg",
                       {
                         width: "28",
@@ -1843,14 +1813,14 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
                         fill: "none",
                         xmlns: "http://www.w3.org/2000/svg",
                         children: [
-                          /* @__PURE__ */ h(
+                          /* @__PURE__ */ m(
                             "path",
                             {
                               d: "M12 14C13.66 14 15 12.66 15 11V5C15 3.34 13.66 2 12 2C10.34 2 9 3.34 9 5V11C9 12.66 10.34 14 12 14Z",
                               fill: "white"
                             }
                           ),
-                          /* @__PURE__ */ h(
+                          /* @__PURE__ */ m(
                             "path",
                             {
                               d: "M17 11C17 13.76 14.76 16 12 16C9.24 16 7 13.76 7 11H5C5 14.53 7.61 17.43 11 17.93V21H13V17.93C16.39 17.43 19 14.53 19 11H17Z",
@@ -1861,15 +1831,15 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
                       }
                     )
                   }
-                ) : /* @__PURE__ */ h(
+                ) : /* @__PURE__ */ m(
                   "button",
                   {
                     type: "submit",
                     className: "mic-button",
-                    disabled: ce,
+                    disabled: A,
                     style: { backgroundColor: "#1e4a5e" },
                     title: "Send",
-                    children: /* @__PURE__ */ h(
+                    children: /* @__PURE__ */ m(
                       "svg",
                       {
                         width: 24,
@@ -1877,7 +1847,7 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
                         viewBox: "0 0 24 24",
                         fill: "none",
                         "aria-hidden": "true",
-                        children: /* @__PURE__ */ h(
+                        children: /* @__PURE__ */ m(
                           "path",
                           {
                             d: "M19 12H5M19 12L14 17M19 12L14 7",
@@ -1897,53 +1867,53 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
         }
       ) })
     ] }),
-    /* @__PURE__ */ h("div", { className: "avatar-wrapper", children: /* @__PURE__ */ we("div", { className: "avatar-scene-wrapper", children: [
-      le !== "hidden" && /* @__PURE__ */ h(
+    /* @__PURE__ */ m("div", { className: "avatar-wrapper", children: /* @__PURE__ */ ge("div", { className: "avatar-scene-wrapper", children: [
+      ae !== "hidden" && /* @__PURE__ */ m(
         "div",
         {
-          className: `avatar-bubble${le === "entering" ? " avatar-bubble--entering" : le === "exiting" ? " avatar-bubble--exiting" : ""}`,
-          onAnimationEnd: vn,
-          children: /* @__PURE__ */ h("div", { ref: Pe, className: `avatar-bubble__content${xe ? " avatar-bubble__content--nudge" : ""}`, children: ft })
+          className: `avatar-bubble${ae === "entering" ? " avatar-bubble--entering" : ae === "exiting" ? " avatar-bubble--exiting" : ""}`,
+          onAnimationEnd: kn,
+          children: /* @__PURE__ */ m("div", { ref: ht, className: `avatar-bubble__content${qe ? " avatar-bubble__content--nudge" : ""}`, children: wt })
         }
       ),
-      /* @__PURE__ */ h(
+      /* @__PURE__ */ m(
         "div",
         {
           className: "avatar-canvas-layer",
-          style: { width: J, height: J },
-          children: /* @__PURE__ */ we(
-            Rn,
+          style: { width: Xe, height: Xe },
+          children: /* @__PURE__ */ ge(
+            Tn,
             {
               shadows: !0,
               camera: { position: [0.2, 1.4, 3], fov: 42 },
               gl: { alpha: !0 },
-              dpr: 1.8,
+              dpr: 1,
               style: { pointerEvents: "none", width: "100%", height: "100%" },
               children: [
-                /* @__PURE__ */ h(Yn, { target: Ln }),
-                /* @__PURE__ */ h("ambientLight", { intensity: 0.7 }),
-                /* @__PURE__ */ h("directionalLight", { position: [0, 2, 2], intensity: 1 }),
-                /* @__PURE__ */ h(Sn, { preset: "city" }),
-                /* @__PURE__ */ h(An, { fallback: null, children: Ae !== null && /* @__PURE__ */ h(
-                  Kn,
+                /* @__PURE__ */ m(Kn, { target: Sn }),
+                /* @__PURE__ */ m("ambientLight", { intensity: 0.7 }),
+                /* @__PURE__ */ m("directionalLight", { position: [0, 2, 2], intensity: 1 }),
+                /* @__PURE__ */ m(Rn, { preset: "city" }),
+                /* @__PURE__ */ m(An, { fallback: null, children: Ve !== null && /* @__PURE__ */ m(
+                  Qn,
                   {
-                    avatarUrl: Ae,
-                    isPlayingRef: He,
-                    visemeQueueRef: Ie,
-                    audioContextRef: ye,
-                    responseAudioStartTimeRef: De,
-                    adjustments: Bn,
-                    mood: p,
-                    expression: l,
-                    agentResponse: O,
-                    isSpeaking: D,
-                    nextStartTimeRef: je,
-                    stopPlayback: pt,
-                    setIsSpeaking: z,
-                    expressionUrl: ne,
-                    onExpressionFinished: Ve,
-                    isNudgeResponse: xe,
-                    avatarGender: G
+                    avatarUrl: Ve,
+                    isPlayingRef: _e,
+                    visemeQueueRef: He,
+                    audioContextRef: je,
+                    responseAudioStartTimeRef: we,
+                    adjustments: $n,
+                    mood: d,
+                    expression: oe,
+                    agentResponse: Ae,
+                    isSpeaking: T,
+                    nextStartTimeRef: xe,
+                    stopPlayback: mt,
+                    setIsSpeaking: O,
+                    expressionUrl: Tt,
+                    onExpressionFinished: fe,
+                    isNudgeResponse: qe,
+                    avatarGender: ne
                   }
                 ) })
               ]
@@ -1953,20 +1923,20 @@ const Ft = /* @__PURE__ */ new Map(), Xn = ({
       )
     ] }) })
   ] }) : null;
-}, or = ({
-  agentId: u,
+}, ir = ({
+  agentId: f,
   onNavigationRequested: _,
-  presetUserDetails: S,
-  onAvatarReady: y
-}) => /* @__PURE__ */ h(
-  Xn,
+  presetUserDetails: k,
+  onAvatarReady: w
+}) => /* @__PURE__ */ m(
+  Zn,
   {
-    agentId: u,
+    agentId: f,
     onNavigationRequested: _,
-    presetUserDetails: S,
-    onAvatarReady: y
+    presetUserDetails: k,
+    onAvatarReady: w
   }
 );
 export {
-  or as AvatarWidget
+  ir as AvatarWidget
 };