@streamoji/avatar-widget 0.4.6 → 0.4.7

package/dist/avatar-widget.js

@@ -1,28 +1,28 @@
 import { jsx as l, jsxs as be } from "react/jsx-runtime";
 import { useGLTF as Mt, Environment as vn } from "@react-three/drei";
 import { useFrame as kn, Canvas as Rn, useThree as xn } from "@react-three/fiber";
-import { memo as Tn, useMemo as Ut, useRef as c, useState as v, useEffect as W, useCallback as tt, useLayoutEffect as An, Suspense as En } from "react";
+import { memo as Tn, useMemo as Ut, useRef as c, useState as L, useEffect as W, useCallback as tt, useLayoutEffect as An, Suspense as En } from "react";
 import * as at from "three";
 import { GLTFLoader as Mn } from "three/examples/jsm/loaders/GLTFLoader.js";
 const nt = "https://ai.streamoji.com", N = (...g) => {
 }, In = (...g) => {
-}, Yt = ({ analyser: g }) => {
-  const y = c(null), S = c(null);
+}, Kt = ({ analyser: g }) => {
+  const v = c(null), y = c(null);
   return W(() => {
-    const L = y.current;
-    if (!L) return;
-    const j = L.getContext("2d", { alpha: !0 });
+    const S = v.current;
+    if (!S) return;
+    const j = S.getContext("2d", { alpha: !0 });
     if (!j) return;
     let Q, ee = null;
     g && (g.fftSize = 128, ee = new Uint8Array(g.frequencyBinCount));
-    const Xe = () => {
-      Q = requestAnimationFrame(Xe), (L.width !== L.offsetWidth || L.height !== L.offsetHeight) && (L.width = L.offsetWidth, L.height = L.offsetHeight);
-      const Be = L.width, U = L.height;
+    const Qe = () => {
+      Q = requestAnimationFrame(Qe), (S.width !== S.offsetWidth || S.height !== S.offsetHeight) && (S.width = S.offsetWidth, S.height = S.offsetHeight);
+      const Be = S.width, U = S.height;
       if (Be === 0 || U === 0) return;
       const rt = U / 2;
       j.clearRect(0, 0, Be, U), j.fillStyle = "#1e293b";
       const ve = 2, G = ve + 2, Ae = Be * 0.95, q = Math.floor(Ae / G);
-      (!S.current || S.current.length !== q) && (S.current = new Float32Array(q).fill(2));
+      (!y.current || y.current.length !== q) && (y.current = new Float32Array(q).fill(2));
       const se = q * G, M = (Be - se) / 2;
       g && ee && g.getByteFrequencyData(ee);
       const _e = ee ? ee.length : 0, b = Math.floor(_e * 0.7) / q, ae = new Float32Array(q);
@@ -40,40 +40,40 @@ const nt = "https://ai.streamoji.com", N = (...g) => {
         ae[m] = A;
       }
       for (let m = 0; m < q; m++) {
-        const O = q - 1 - m, z = Math.max(ae[m], ae[O]), A = S.current[m] + (z - S.current[m]) * 0.3;
-        S.current[m] = A;
+        const O = q - 1 - m, z = Math.max(ae[m], ae[O]), A = y.current[m] + (z - y.current[m]) * 0.3;
+        y.current[m] = A;
         const I = M + m * G, F = rt - A / 2;
         j.beginPath(), j.roundRect ? j.roundRect(I, F, ve, A, 4) : j.fillRect(I, F, ve, A), j.fill();
       }
     };
-    return Xe(), () => {
+    return Qe(), () => {
       cancelAnimationFrame(Q);
     };
   }, [g]), /* @__PURE__ */ l(
     "canvas",
     {
-      ref: y,
+      ref: v,
       style: { width: "100%", height: "100%", display: "block" }
     }
   );
-}, Dn = "https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev", Kt = "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/default-models/avatar-blue-suit.glb";
+}, Dn = "https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev", Qt = "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/default-models/avatar-blue-suit.glb";
 function On(g) {
-  const [y, S] = v(null);
+  const [v, y] = L(null);
   return W(() => {
     if (!g) {
-      S(null);
+      y(null);
       return;
     }
-    let L = !1;
+    let S = !1;
     const j = `${Dn}/${g}.glb`;
     return fetch(j, { method: "HEAD" }).then((Q) => {
-      L || S(Q.ok ? j : Kt);
+      S || y(Q.ok ? j : Qt);
     }).catch(() => {
-      L || S(Kt);
+      S || y(Qt);
     }), () => {
-      L = !0;
+      S = !0;
     };
-  }, [g]), y;
+  }, [g]), v;
 }
 const Cn = [
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_Variations_001.glb",
@@ -266,7 +266,7 @@ const Cn = [
   rotation: [0.15, 0.02, 0]
 }, Wn = [-0.45, 1.9, 0.1], Vn = [-0.45, 1.75, 0.1], $n = {
   browInnerUp: 0.2
-}, It = 0.18, Hn = 1, jn = 0.5, Qt = 3, bt = 0.55, Dt = 0.12, Xt = 2, Zt = 2, _t = 4, en = 8, Gn = 1, tn = 0.38, nn = 0.32, rn = "__branding__", wt = {
+}, It = 0.18, Hn = 1, jn = 0.5, Xt = 3, bt = 0.55, Dt = 0.12, Zt = 2, en = 2, _t = 4, tn = 8, Gn = 1, nn = 0.38, rn = 0.32, on = "__branding__", wt = {
   neutral: { eyeLookDownLeft: 0.1, eyeLookDownRight: 0.1 },
   happy: {
     mouthSmileLeft: 0.2,
@@ -614,45 +614,45 @@ const Cn = [
 };
 function zn(g) {
   if (!g) return [{ v: "sil", w: 1 }];
-  const y = g.toLowerCase();
-  return qn[y] ?? [{ v: "sil", w: 1 }];
+  const v = g.toLowerCase();
+  return qn[v] ?? [{ v: "sil", w: 1 }];
 }
 function Yn({ target: g }) {
-  const { camera: y } = xn();
+  const { camera: v } = xn();
   return W(() => {
-    y.lookAt(...g);
-  }, [y, g]), null;
+    v.lookAt(...g);
+  }, [v, g]), null;
 }
-function u(g, y, S) {
+function u(g, v, y) {
   if (!g || !g.morphTargetDictionary)
     return;
-  const L = g, j = L.morphTargetDictionary, Q = L.morphTargetInfluences;
+  const S = g, j = S.morphTargetDictionary, Q = S.morphTargetInfluences;
   if (Q)
     for (const ee in j)
-      ee.toLowerCase() === y.toLowerCase() && (Q[j[ee]] = S);
+      ee.toLowerCase() === v.toLowerCase() && (Q[j[ee]] = y);
 }
-function Ot(g, y = 0.97) {
+function Ot(g, v = 0.97) {
   if (!g) return;
-  const S = g;
-  if (S.morphTargetInfluences)
-    for (let L = 0; L < S.morphTargetInfluences.length; L++)
-      S.morphTargetInfluences[L] *= y;
+  const y = g;
+  if (y.morphTargetInfluences)
+    for (let S = 0; S < y.morphTargetInfluences.length; S++)
+      y.morphTargetInfluences[S] *= v;
 }
 const Kn = Tn(
   ({
     avatarUrl: g,
-    isPlayingRef: y,
-    visemeQueueRef: S,
-    audioContextRef: L,
+    isPlayingRef: v,
+    visemeQueueRef: y,
+    audioContextRef: S,
     responseAudioStartTimeRef: j,
     adjustments: Q,
     mood: ee,
-    expression: Xe,
+    expression: Qe,
     agentResponse: Be,
     isSpeaking: U,
     nextStartTimeRef: rt,
     stopPlayback: ve,
-    setIsSpeaking: We,
+    setIsSpeaking: Xe,
     expressionUrl: G,
     onExpressionFinished: Ae,
     isNudgeResponse: q,
@@ -664,7 +664,7 @@ const Kn = Tn(
     ), m = Mt(se === "female" ? Pn : Fn), O = Ut(
       () => m.flatMap((p) => p.animations),
       [m]
-    ), z = c(null), A = c(null), I = c(null), F = c(null), Y = c(null), X = c(null), yt = c([]), [te] = v(() => new at.AnimationMixer(M)), J = c({}), V = c(null), Ee = c(0), Ze = c(!1), Ve = c(0), Me = c(!1), we = c(null), Ie = c(Qt), ct = c(-1), De = c("left"), $e = c(_t + Math.random() * (en - _t)), de = c(0), Oe = c("smile");
+    ), z = c(null), A = c(null), I = c(null), F = c(null), Y = c(null), X = c(null), yt = c([]), [te] = L(() => new at.AnimationMixer(M)), J = c({}), V = c(null), Ee = c(0), Ze = c(!1), We = c(0), Me = c(!1), we = c(null), Ie = c(Xt), ct = c(-1), De = c("left"), Ve = c(_t + Math.random() * (tn - _t)), de = c(0), Oe = c("smile");
     W(() => {
       if (!(!b || !M)) {
         if (b.forEach((p, h) => {
@@ -818,8 +818,8 @@ const Kn = Tn(
         const K = _ ? `Hips Y: ${_.position.y.toFixed(4)}` : "Hips not found";
         N(`[ANIMATION] Mixer Time: ${te.time.toFixed(2)}, ${K}`);
       }
-      if (te.update(h), o > Ee.current && !Ze.current && (Ze.current = !0, Ve.current = o), Ze.current) {
-        const _ = U ? 0.2 : 0.3, K = (o - Ve.current) / _;
+      if (te.update(h), o > Ee.current && !Ze.current && (Ze.current = !0, We.current = o), Ze.current) {
+        const _ = U ? 0.2 : 0.3, K = (o - We.current) / _;
         if (K >= 1)
           if (Ze.current = !1, Me.current) {
             const P = U ? 1 : 2.5;
@@ -831,20 +831,20 @@ const Kn = Tn(
           u(A.current, "eyeBlinkLeft", P), u(A.current, "eyeBlinkRight", P), u(I.current, "eyeBlinkLeft", P), u(I.current, "eyeBlinkRight", P), u(F.current, "eyeBlinkLeft", P), u(F.current, "eyeBlinkRight", P), d = P * $n.browInnerUp;
         }
       }
-      const D = wt[ee] ?? wt.neutral, ne = D.browInnerUp ?? 0, St = D.browOuterUpLeft ?? 0, He = D.browOuterUpRight ?? 0, re = o * Hn, ut = It * Math.sin(re), Ce = It * 0.7 * Math.sin(re + 0.7), je = It * 0.7 * Math.sin(re + 1.3), R = (_) => Math.max(0, Math.min(1, _)), lt = R(ne + ut), Ge = R(St + Ce), Je = R(He + je), ht = R(lt + d);
-      u(A.current, "browInnerUp", ht), u(I.current, "browInnerUp", ht), u(F.current, "browInnerUp", ht), u(A.current, "browOuterUpLeft", Ge), u(I.current, "browOuterUpLeft", Ge), u(F.current, "browOuterUpLeft", Ge), u(A.current, "browOuterUpRight", Je), u(I.current, "browOuterUpRight", Je), u(F.current, "browOuterUpRight", Je);
-      const qe = Ie.current, Ue = qe + bt, fe = Ue + Dt;
-      o > fe && (Ie.current += bt + Dt + Qt);
-      const ye = !U && o >= qe && o < Ue, Ne = !U && o >= Ue && o < fe;
-      (ye || Ne) && ct.current !== qe && (ct.current = qe, De.current = Math.random() < 0.7 ? "left" : "up");
-      const dt = ye ? o - qe : Ne ? bt : 0, oe = ye || Ne ? Math.min(1, dt / bt) : 0, ze = oe <= 0 ? 0 : Math.sin(oe * Math.PI), ft = Ne ? 1 - (o - Ue) / Dt : 1, Lt = ye ? ze : Ne ? ze * ft : 0, Fe = jn * Lt, x = (_) => D[_] ?? 0;
-      if (De.current === "up" ? (u(Y.current, "eyeLookUpLeft", R(x("eyeLookUpLeft") + Fe)), u(Y.current, "eyeLookDownLeft", R(x("eyeLookDownLeft"))), u(Y.current, "eyeLookOutLeft", R(x("eyeLookOutLeft"))), u(Y.current, "eyeLookInLeft", R(x("eyeLookInLeft"))), u(X.current, "eyeLookUpRight", R(x("eyeLookUpRight") + Fe)), u(X.current, "eyeLookDownRight", R(x("eyeLookDownRight"))), u(X.current, "eyeLookOutRight", R(x("eyeLookOutRight"))), u(X.current, "eyeLookInRight", R(x("eyeLookInRight")))) : (u(Y.current, "eyeLookUpLeft", R(x("eyeLookUpLeft"))), u(Y.current, "eyeLookDownLeft", R(x("eyeLookDownLeft"))), u(Y.current, "eyeLookOutLeft", R(x("eyeLookOutLeft"))), u(Y.current, "eyeLookInLeft", R(x("eyeLookInLeft") + Fe)), u(X.current, "eyeLookUpRight", R(x("eyeLookUpRight"))), u(X.current, "eyeLookDownRight", R(x("eyeLookDownRight"))), u(X.current, "eyeLookOutRight", R(x("eyeLookOutRight") + Fe)), u(X.current, "eyeLookInRight", R(x("eyeLookInRight")))), !U && o >= $e.current) {
+      const D = wt[ee] ?? wt.neutral, ne = D.browInnerUp ?? 0, St = D.browOuterUpLeft ?? 0, $e = D.browOuterUpRight ?? 0, re = o * Hn, ut = It * Math.sin(re), Ce = It * 0.7 * Math.sin(re + 0.7), He = It * 0.7 * Math.sin(re + 1.3), R = (_) => Math.max(0, Math.min(1, _)), lt = R(ne + ut), je = R(St + Ce), Ge = R($e + He), ht = R(lt + d);
+      u(A.current, "browInnerUp", ht), u(I.current, "browInnerUp", ht), u(F.current, "browInnerUp", ht), u(A.current, "browOuterUpLeft", je), u(I.current, "browOuterUpLeft", je), u(F.current, "browOuterUpLeft", je), u(A.current, "browOuterUpRight", Ge), u(I.current, "browOuterUpRight", Ge), u(F.current, "browOuterUpRight", Ge);
+      const Je = Ie.current, Ue = Je + bt, fe = Ue + Dt;
+      o > fe && (Ie.current += bt + Dt + Xt);
+      const ye = !U && o >= Je && o < Ue, Ne = !U && o >= Ue && o < fe;
+      (ye || Ne) && ct.current !== Je && (ct.current = Je, De.current = Math.random() < 0.7 ? "left" : "up");
+      const dt = ye ? o - Je : Ne ? bt : 0, oe = ye || Ne ? Math.min(1, dt / bt) : 0, qe = oe <= 0 ? 0 : Math.sin(oe * Math.PI), ft = Ne ? 1 - (o - Ue) / Dt : 1, Lt = ye ? qe : Ne ? qe * ft : 0, Fe = jn * Lt, x = (_) => D[_] ?? 0;
+      if (De.current === "up" ? (u(Y.current, "eyeLookUpLeft", R(x("eyeLookUpLeft") + Fe)), u(Y.current, "eyeLookDownLeft", R(x("eyeLookDownLeft"))), u(Y.current, "eyeLookOutLeft", R(x("eyeLookOutLeft"))), u(Y.current, "eyeLookInLeft", R(x("eyeLookInLeft"))), u(X.current, "eyeLookUpRight", R(x("eyeLookUpRight") + Fe)), u(X.current, "eyeLookDownRight", R(x("eyeLookDownRight"))), u(X.current, "eyeLookOutRight", R(x("eyeLookOutRight"))), u(X.current, "eyeLookInRight", R(x("eyeLookInRight")))) : (u(Y.current, "eyeLookUpLeft", R(x("eyeLookUpLeft"))), u(Y.current, "eyeLookDownLeft", R(x("eyeLookDownLeft"))), u(Y.current, "eyeLookOutLeft", R(x("eyeLookOutLeft"))), u(Y.current, "eyeLookInLeft", R(x("eyeLookInLeft") + Fe)), u(X.current, "eyeLookUpRight", R(x("eyeLookUpRight"))), u(X.current, "eyeLookDownRight", R(x("eyeLookDownRight"))), u(X.current, "eyeLookOutRight", R(x("eyeLookOutRight") + Fe)), u(X.current, "eyeLookInRight", R(x("eyeLookInRight")))), !U && o >= Ve.current) {
         de.current = o, Oe.current = Math.random() < 0.5 ? "pucker" : "smile";
-        const _ = Oe.current === "pucker" ? Zt : Xt;
-        $e.current = o + _ + _t + Math.random() * (en - _t);
+        const _ = Oe.current === "pucker" ? en : Zt;
+        Ve.current = o + _ + _t + Math.random() * (tn - _t);
       }
-      const ce = Oe.current === "pucker" ? Zt : Xt, ue = !U && o >= de.current && o < de.current + ce, Ye = ue ? (o - de.current) / ce : 0, Re = Ye <= 0 ? 0 : Ye < 0.5 ? Ye * 2 : (() => {
-        const _ = (Ye - 0.5) * 2;
+      const ce = Oe.current === "pucker" ? en : Zt, ue = !U && o >= de.current && o < de.current + ce, ze = ue ? (o - de.current) / ce : 0, Re = ze <= 0 ? 0 : ze < 0.5 ? ze * 2 : (() => {
+        const _ = (ze - 0.5) * 2;
         return 1 - _ * _ * (3 - 2 * _);
       })(), me = (_) => D[_] ?? 0;
       if (ue)
@@ -852,24 +852,24 @@ const Kn = Tn(
           const _ = R(me("mouthPucker") + Gn * Re);
           u(A.current, "mouthPucker", _), u(I.current, "mouthPucker", _), u(F.current, "mouthPucker", _);
         } else {
-          const _ = R(me("mouthSmileLeft") + tn * Re), K = R(me("mouthSmileRight") + tn * Re), P = R(me("mouthDimpleLeft") + nn * Re), xe = R(me("mouthDimpleRight") + nn * Re);
+          const _ = R(me("mouthSmileLeft") + nn * Re), K = R(me("mouthSmileRight") + nn * Re), P = R(me("mouthDimpleLeft") + rn * Re), xe = R(me("mouthDimpleRight") + rn * Re);
           u(A.current, "mouthSmileLeft", _), u(A.current, "mouthSmileRight", K), u(A.current, "mouthDimpleLeft", P), u(A.current, "mouthDimpleRight", xe), u(I.current, "mouthSmileLeft", _), u(I.current, "mouthSmileRight", K), u(I.current, "mouthDimpleLeft", P), u(I.current, "mouthDimpleRight", xe), u(F.current, "mouthSmileLeft", _), u(F.current, "mouthSmileRight", K), u(F.current, "mouthDimpleLeft", P), u(F.current, "mouthDimpleRight", xe);
         }
       if (z.current) {
-        const _ = y.current ? 0 : Q.rotation[1];
+        const _ = v.current ? 0 : Q.rotation[1];
         z.current.rotation.y = at.MathUtils.lerp(
           z.current.rotation.y,
           _,
           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];
       }
-      if (y.current && L.current) {
-        const _ = L.current.currentTime, xe = (_ - j.current) * 1e3 - -150;
-        for (let le = 0; le < S.current.length; le++) {
-          const he = S.current[le];
+      if (v.current && S.current) {
+        const _ = S.current.currentTime, xe = (_ - j.current) * 1e3 - -150;
+        for (let le = 0; le < y.current.length; le++) {
+          const he = y.current[le];
           xe >= he.vtime && xe < he.vtime + he.vduration && ot(he.viseme, he.weight ?? 1);
         }
-        _ > rt.current + 0.5 && (ve(), We(!1));
+        _ > rt.current + 0.5 && (ve(), Xe(!1));
       }
     }), /* @__PURE__ */ l("group", { ref: z, children: /* @__PURE__ */ l("primitive", { object: M }) });
   }
@@ -877,80 +877,80 @@ const Kn = Tn(
 function Qn(g) {
   return g ? g.charAt(0).toUpperCase() + g.slice(1).toLowerCase() : "";
 }
-function on(g) {
+function sn(g) {
   return g.replace(/\*(.*?)\*/g, " $1 ").replace(/\[.*?\]/g, " ").replace(/<.*?\/>/g, " ").replace(/<.*?>.*?<\/.*?>/g, " ").replace(/\s+/g, " ").trim();
 }
 const Ct = /* @__PURE__ */ new Map(), Xn = ({
   onNavigationRequested: g,
-  agentId: y,
-  presetUserDetails: S,
-  onAvatarReady: L
+  agentId: v,
+  presetUserDetails: y,
+  onAvatarReady: S
 }) => {
-  const [j, Q] = v(""), [ee, Xe] = v("male"), [Be, U] = v(""), [rt, ve] = v(!1), We = j, G = ee;
+  const [j, Q] = L(""), [ee, Qe] = L("male"), [Be, U] = L(""), [rt, ve] = L(!1), Xe = j, G = ee;
   W(() => {
-    if (!y) {
+    if (!v) {
       ve(!0);
       return;
     }
     let e = !1;
     return (async () => {
-      console.log(">> fetchConfig RUNNING for", y);
+      console.log(">> fetchConfig RUNNING for", v);
       try {
-        const n = `agent_config_${y}`, i = sessionStorage.getItem(n);
+        const r = `agent_config_${v}`, i = sessionStorage.getItem(r);
         if (i)
           try {
             const s = JSON.parse(i);
-            e || (s.encryptedAgentToken && Q(s.encryptedAgentToken), s.avatarGender && Xe(s.avatarGender), s.agent_id && U(s.agent_id), ve(!0));
+            e || (s.encryptedAgentToken && Q(s.encryptedAgentToken), s.avatarGender && Qe(s.avatarGender), s.agent_id && U(s.agent_id), ve(!0));
             return;
           } catch (s) {
-            console.error("Failed to parse cached avatar config:", s), sessionStorage.removeItem(n);
+            console.error("Failed to parse cached avatar config:", s), sessionStorage.removeItem(r);
           }
         let t;
-        if (Ct.has(y))
-          console.log(">> REUSING in-flight fetch for", y), t = await Ct.get(y);
+        if (Ct.has(v))
+          console.log(">> REUSING in-flight fetch for", v), t = await Ct.get(v);
         else {
           const s = (async () => {
-            console.log(">> INITIATING visitedWebsite fetch for", y);
-            const f = { agentId: y }, w = await fetch(`${nt}/visitedWebsite`, {
+            console.log(">> INITIATING visitedWebsite fetch for", v);
+            const f = { agentId: v }, w = await fetch(`${nt}/visitedWebsite`, {
               method: "POST",
               headers: { "Content-Type": "application/json" },
               body: JSON.stringify(f)
             });
             if (!w.ok) throw new Error(`Fetch failed: ${w.status}`);
             const k = await w.json();
-            return sessionStorage.setItem(n, JSON.stringify(k)), k;
+            return sessionStorage.setItem(r, JSON.stringify(k)), k;
           })();
-          Ct.set(y, s), t = await s;
+          Ct.set(v, s), t = await s;
         }
         if (e) return;
-        t && (t.encryptedAgentToken && Q(t.encryptedAgentToken), t.avatarGender && Xe(t.avatarGender), t.agent_id && U(t.agent_id));
-      } catch (n) {
-        console.error("Failed to fetch avatar config:", n);
+        t && (t.encryptedAgentToken && Q(t.encryptedAgentToken), t.avatarGender && Qe(t.avatarGender), t.agent_id && U(t.agent_id));
+      } catch (r) {
+        console.error("Failed to fetch avatar config:", r);
       } finally {
         e || ve(!0);
       }
     })(), () => {
       e = !0;
     };
-  }, [y]);
-  const Ae = On(y ?? Be), [q, se] = v(""), [M, _e] = v(""), [H, b] = v("Ready"), [ae, m] = v(!1), [O, z] = v(!1), [A, I] = v([]), [F, Y] = v(""), X = c(null), [yt, te] = v(
+  }, [v]);
+  const Ae = On(v ?? Be), [q, se] = L(""), [M, _e] = L(""), [H, b] = L("Ready"), [ae, m] = L(!1), [O, z] = L(!1), [A, I] = L([]), [F, Y] = L(""), X = c(null), [yt, te] = L(
     () => typeof window < "u" ? window.matchMedia("(max-width: 480px)").matches : !1
   );
   W(() => {
-    const e = window.matchMedia("(max-width: 480px)"), r = () => te(e.matches);
-    return e.addEventListener("change", r), () => e.removeEventListener("change", r);
+    const e = window.matchMedia("(max-width: 480px)"), n = () => te(e.matches);
+    return e.addEventListener("change", n), () => e.removeEventListener("change", n);
   }, []);
-  const J = yt ? 80 : 600, V = c(!1), Ee = c([]), Ze = c(0), Ve = c(!1), Me = c([]), we = c(null), Ie = c([]);
+  const J = yt ? 80 : 600, V = c(!1), Ee = c([]), Ze = c(0), We = c(!1), Me = c([]), we = c(null), Ie = c([]);
   c([]);
-  const ct = c([]), De = c(0), $e = c(0), de = c(0), Oe = c(0), ke = c(!1), [ot, it] = v(
+  const ct = c([]), De = c(0), Ve = c(0), de = c(0), Oe = c(0), ke = c(!1), [ot, it] = L(
     null
-  ), p = c(null), [h, a] = v("neutral"), [o, d] = v(""), [D, ne] = v(""), [St, He] = v("Chat with us"), [re, ut] = v(
+  ), p = c(null), [h, a] = L("neutral"), [o, d] = L(""), [D, ne] = L(""), [St, $e] = L("Chat with us"), [re, ut] = L(
     null
-  ), [Ce, je] = v("hidden"), [R, lt] = v(""), Ge = c(null), Je = c(Ce);
-  Je.current = Ce;
-  const [ht, qe] = v(null), Ue = c(null), fe = c(null), [ye, Ne] = v(!1), dt = c(null), [oe, ze] = v("hidden"), [ft, Lt] = v(""), Fe = c(oe);
+  ), [Ce, He] = L("hidden"), [R, lt] = L(""), je = c(null), Ge = c(Ce);
+  Ge.current = Ce;
+  const [ht, Je] = L(null), Ue = c(null), fe = c(null), [ye, Ne] = L(!1), dt = c(null), [oe, qe] = L("hidden"), [ft, Lt] = L(""), Fe = c(oe);
   Fe.current = oe;
-  const x = c(""), ce = c(!1), ue = c(""), Ye = c(Date.now()), Re = c([]), me = c(!1), [_, K] = v(!1), [P, xe] = v(!1), le = c(null), he = Ut(() => ye ? "Try again" : H === "Busy" ? "Busy" : H === "Thinking..." || H === "Processing Voice..." ? H : re != null && re !== "" && re !== "none" && re !== "<none>" ? `Enter ${Qn(re)}` : oe !== "hidden" || !P ? null : rn, [H, re, ye, oe, P]), Nt = !ye && H !== "Busy" && H !== "Thinking..." && H !== "Processing Voice..." && (re == null || re === "" || re === "none" || re === "<none>");
+  const x = c(""), ce = c(!1), ue = c(""), ze = c(Date.now()), Re = c([]), me = c(!1), [_, K] = L(!1), [P, xe] = L(!1), le = c(null), he = Ut(() => ye ? "Try again" : H === "Busy" ? "Busy" : H === "Thinking..." || H === "Processing Voice..." ? H : re != null && re !== "" && re !== "none" && re !== "<none>" ? `Enter ${Qn(re)}` : oe !== "hidden" || !P ? null : on, [H, re, ye, oe, P]), Nt = !ye && H !== "Busy" && H !== "Thinking..." && H !== "Processing Voice..." && (re == null || re === "" || re === "none" || re === "<none>");
   W(() => {
     if (oe !== "hidden" || !Nt) {
       xe(!1), le.current != null && (clearTimeout(le.current), le.current = null);
@@ -964,13 +964,13 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
   }, [oe, Nt]);
   const mt = he != null && he !== "";
   W(() => {
-    const e = Je.current;
+    const e = Ge.current;
     if (!(e === "exiting" || e === "entering")) {
       if (e === "hidden") {
-        mt && (lt(he ?? ""), je("entering"));
+        mt && (lt(he ?? ""), He("entering"));
         return;
       }
-      e === "visible" && (!mt || he !== R) && (Ge.current = mt ? he : null, je("exiting"));
+      e === "visible" && (!mt || he !== R) && (je.current = mt ? he : null, He("exiting"));
     }
   }, [
     mt,
@@ -992,14 +992,14 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
     const e = setTimeout(() => Ne(!1), 2500);
     return () => clearTimeout(e);
   }, [ye]);
-  const sn = tt(() => {
-    const e = Je.current;
+  const an = tt(() => {
+    const e = Ge.current;
     if (e === "exiting") {
-      je("hidden");
-      const r = Ge.current;
-      Ge.current = null, r != null && r !== "" && (lt(r), je("entering"));
-    } else e === "entering" && je("visible");
-  }, []), an = (e) => {
+      He("hidden");
+      const n = je.current;
+      je.current = null, n != null && n !== "" && (lt(n), He("entering"));
+    } else e === "entering" && He("visible");
+  }, []), Ft = (e) => {
     if (!e) return;
     if (e.mood != null) {
       const t = String(e.mood).toLowerCase();
@@ -1019,25 +1019,25 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
       const t = String(e.navigation).trim();
       t !== "" && (g ? g(t) : window.open(t, "_blank"));
     }
-    const r = e.ask_for || e.lead_capture?.ask_for, n = r ? String(r).trim().toLowerCase() : "", i = n === "none" || n === "<none>";
-    if (r && !i) {
-      const t = n;
-      if (S && (t === "email" && S.email || t === "name" && S.name || t === "phone" && S.phone))
+    const n = e.ask_for || e.lead_capture?.ask_for, r = n ? String(n).trim().toLowerCase() : "", i = r === "none" || r === "<none>";
+    if (n && !i) {
+      const t = r;
+      if (y && (t === "email" && y.email || t === "name" && y.name || t === "phone" && y.phone))
         return;
-      ut(t || null), He(t === "email" ? "Enter your email" : t === "name" ? "Enter your name" : t === "phone" ? "Enter your phone number" : "Chat with us");
-    } else (i || e.ask_for === null || e.lead_capture && e.lead_capture.ask_for === null || e.ask_for === "none") && (ut(null), St !== "Chat with us" && He("Chat with us"));
+      ut(t || null), $e(t === "email" ? "Enter your email" : t === "name" ? "Enter your name" : t === "phone" ? "Enter your phone number" : "Chat with us");
+    } else (i || e.ask_for === null || e.lead_capture && e.lead_capture.ask_for === null || e.ask_for === "none") && (ut(null), St !== "Chat with us" && $e("Chat with us"));
     e.collected, e.valid;
   }, cn = (e) => {
-    const r = e.trim();
-    if (!r) return null;
-    if (r.startsWith("{"))
+    const n = e.trim();
+    if (!n) return null;
+    if (n.startsWith("{"))
       try {
-        return JSON.parse(r);
+        return JSON.parse(n);
       } catch {
         return null;
       }
-    if (r.includes(":")) {
-      const n = r.split(":"), i = n[0].trim().toLowerCase(), t = n.slice(1).join(":").trim();
+    if (n.includes(":")) {
+      const r = n.split(":"), i = r[0].trim().toLowerCase(), t = r.slice(1).join(":").trim();
       return { [i]: t };
     }
     return null;
@@ -1046,20 +1046,20 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
     for (; x.current.includes(`
 `); ) {
       const e = x.current.indexOf(`
-`), r = x.current.slice(0, e).trim();
+`), n = x.current.slice(0, e).trim();
       x.current = x.current.slice(e + 1);
-      const n = cn(r);
-      n && an(n);
+      const r = cn(n);
+      r && Ft(r);
     }
-  }, Ft = (e) => {
+  }, Pt = (e) => {
     if (ce.current)
       if (e.includes(Pe)) {
-        const r = e.indexOf(Pe), n = e.slice(0, r), i = e.slice(r + Pe.length);
-        n && (ue.current += n, _e((t) => t + n)), ce.current = !1, i && (x.current += i, vt());
-      } else e === Pe ? ce.current = !1 : (ue.current += e, _e((r) => r + e));
+        const n = e.indexOf(Pe), r = e.slice(0, n), i = e.slice(n + Pe.length);
+        r && (ue.current += r, _e((t) => t + r)), ce.current = !1, i && (x.current += i, vt());
+      } else e === Pe ? ce.current = !1 : (ue.current += e, _e((n) => n + e));
     else if (e.includes(Pe)) {
-      const r = e.indexOf(Pe), n = e.slice(0, r), i = e.slice(r + Pe.length);
-      x.current += n, vt(), ce.current = !0, i && (ue.current += i, _e((t) => t + i));
+      const n = e.indexOf(Pe), r = e.slice(0, n), i = e.slice(n + Pe.length);
+      x.current += r, vt(), ce.current = !0, i && (ue.current += i, _e((t) => t + i));
     } else if (e === Pe) {
       ce.current = !0;
       return;
@@ -1091,36 +1091,36 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
           sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", w);
         }
       }
-      const n = sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES");
+      const r = sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES");
       let i = [];
-      if (n)
+      if (r)
         try {
-          i = JSON.parse(n);
+          i = JSON.parse(r);
         } catch {
           i = [];
         }
-      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(
+      i.length === 0 && y && (y.name || y.email) ? (i = [{ role: "user", content: `PRESET_USER_DETAILS: Name is "${y.name || ""}" , Email is "${y.email || ""}"` }], sessionStorage.setItem(
         "STREAMOJI_LEADS_SESSION_MESSAGES",
         JSON.stringify(i)
-      )) : n || sessionStorage.setItem(
+      )) : r || sessionStorage.setItem(
         "STREAMOJI_LEADS_SESSION_MESSAGES",
         JSON.stringify([])
       );
     })();
-  }, [S]), W(() => {
+  }, [y]), W(() => {
     const e = () => {
-      Ye.current = Date.now(), me.current && (me.current = !1, K(!1), I([]), Y(""), _e(""), z(!1));
+      ze.current = Date.now(), me.current && (me.current = !1, K(!1), I([]), Y(""), _e(""), z(!1));
     };
     window.addEventListener("mousemove", e), window.addEventListener("keydown", e), window.addEventListener("mousedown", e), window.addEventListener("touchstart", e);
-    const r = setInterval(async () => {
-      if (Date.now() - Ye.current >= 3e4 && !O && !ae && H === "Ready" && !me.current)
+    const n = setInterval(async () => {
+      if (Date.now() - ze.current >= 3e4 && !O && !ae && H === "Ready" && !me.current)
         if (me.current = !0, Re.current.length > 0)
           K(!0), I(Re.current);
         else
           try {
             const t = `${nt}/nudgeUser`, s = {
               navigationUrl: window.location.href,
-              token: We
+              agentId: v
             }, f = await fetch(t, {
               method: "POST",
               headers: {
@@ -1137,27 +1137,27 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
           }
     }, 1e3);
     return () => {
-      window.removeEventListener("mousemove", e), window.removeEventListener("keydown", e), window.removeEventListener("mousedown", e), window.removeEventListener("touchstart", e), clearInterval(r);
+      window.removeEventListener("mousemove", e), window.removeEventListener("keydown", e), window.removeEventListener("mousedown", e), window.removeEventListener("touchstart", e), clearInterval(n);
     };
-  }, [We, O, ae, H]), W(() => {
+  }, [Xe, O, ae, H]), W(() => {
     if (A.length === 0) return;
-    let e = 0, r = 0, n = !1, i = 100;
+    let e = 0, n = 0, r = !1, i = 100;
     const t = () => {
       const s = A[e];
-      if (n) {
-        const f = s.substring(0, r - 1);
-        Y(f), r--, i = 50;
+      if (r) {
+        const f = s.substring(0, n - 1);
+        Y(f), n--, i = 50;
       } else {
-        const f = s.substring(0, r + 1);
-        Y(f), r++, i = 100;
+        const f = s.substring(0, n + 1);
+        Y(f), n++, i = 100;
       }
-      !n && r === s.length ? (n = !0, i = 3e3) : n && r === 0 && (n = !1, e = (e + 1) % A.length, i = 500), X.current = setTimeout(t, i);
+      !r && n === s.length ? (r = !0, i = 3e3) : r && n === 0 && (r = !1, e = (e + 1) % A.length, i = 500), X.current = setTimeout(t, i);
     };
     return t(), () => {
       X.current && clearTimeout(X.current);
     };
   }, [A]);
-  const Pt = () => {
+  const Bt = () => {
     try {
       return JSON.parse(
         sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES") || "[]"
@@ -1170,29 +1170,29 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
       "STREAMOJI_LEADS_SESSION_MESSAGES",
       JSON.stringify(e)
     );
-  }, [kt, Rt] = v(!1), [Bt, xt] = v(0), Se = c(null), pt = c([]), Wt = c(0), [Vt, hn] = v(
+  }, [kt, Rt] = L(!1), [Wt, xt] = L(0), Se = c(null), pt = c([]), Vt = c(0), [$t, hn] = L(
     null
-  ), [dn, Tt] = v(
+  ), [dn, Tt] = L(
     null
-  ), Te = c(null), Ke = c(
+  ), Te = c(null), Ye = c(
     null
   ), st = tt((e = !1) => {
-    e && (ke.current = !0, m(!1), b("Ready")), Me.current = [], Ee.current = [], Ve.current = !1, z(!1), De.current = 0, $e.current = 0, de.current = 0, Ie.current.forEach((r) => {
+    e && (ke.current = !0, m(!1), b("Ready")), Me.current = [], Ee.current = [], We.current = !1, z(!1), De.current = 0, Ve.current = 0, de.current = 0, Ie.current.forEach((n) => {
       try {
-        r.stop();
+        n.stop();
       } catch {
       }
-    }), Ue.current && (clearTimeout(Ue.current), Ue.current = null), qe(null), ne(""), Ie.current = [];
+    }), Ue.current && (clearTimeout(Ue.current), Ue.current = null), Je(null), ne(""), Ie.current = [];
   }, []), fn = async () => {
     try {
-      const e = await navigator.mediaDevices.getUserMedia({ audio: !0 }), r = window.AudioContext || window.webkitAudioContext, n = new r(), i = n.createMediaStreamSource(e), t = n.createAnalyser();
-      t.fftSize = 64, i.connect(t), Te.current = n, Ke.current = i, Tt(t);
+      const e = await navigator.mediaDevices.getUserMedia({ audio: !0 }), n = window.AudioContext || window.webkitAudioContext, r = new n(), i = r.createMediaStreamSource(e), t = r.createAnalyser();
+      t.fftSize = 64, i.connect(t), Te.current = r, Ye.current = i, Tt(t);
       const s = new MediaRecorder(e);
       Se.current = s, pt.current = [], s.ondataavailable = (f) => {
         f.data.size > 0 && pt.current.push(f.data);
       }, s.onstop = async () => {
-        const f = Date.now() - Wt.current;
-        if (Tt(null), Ke.current && (Ke.current.disconnect(), Ke.current = null), Te.current && Te.current.state !== "closed" && (Te.current.close(), Te.current = null), f < 1e3) {
+        const f = Date.now() - Vt.current;
+        if (Tt(null), Ye.current && (Ye.current.disconnect(), Ye.current = null), Te.current && Te.current.state !== "closed" && (Te.current.close(), Te.current = null), f < 1e3) {
           b("Recording too short. Hold or click longer."), m(!1);
           return;
         }
@@ -1200,26 +1200,26 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
           type: "audio/wav"
         });
         await bn(w);
-      }, Wt.current = Date.now(), s.start(100), Rt(!0), b("Listening...");
+      }, Vt.current = Date.now(), s.start(100), Rt(!0), b("Listening...");
     } catch (e) {
       console.error("Error accessing microphone:", e), b("Mic Access Error");
     }
   }, mn = () => {
     Se.current && Se.current.state !== "inactive" && (Se.current.stop(), Se.current.stream.getTracks().forEach((e) => e.stop()), Rt(!1));
   }, pn = () => {
-    Se.current && Se.current.state !== "inactive" && (Se.current.onstop = null, Se.current.stop(), Se.current.stream.getTracks().forEach((e) => e.stop()), Tt(null), Ke.current && (Ke.current.disconnect(), Ke.current = null), Te.current && Te.current.state !== "closed" && (Te.current.close(), Te.current = null), Rt(!1), pt.current = [], b("Ready"));
+    Se.current && Se.current.state !== "inactive" && (Se.current.onstop = null, Se.current.stop(), Se.current.stream.getTracks().forEach((e) => e.stop()), Tt(null), Ye.current && (Ye.current.disconnect(), Ye.current = null), Te.current && Te.current.state !== "closed" && (Te.current.close(), Te.current = null), Rt(!1), pt.current = [], b("Ready"));
   };
   W(() => {
     if (!O) return;
     const e = () => {
-      const r = de.current;
-      if (r <= 0) return;
-      const n = we.current, i = De.current;
-      if (!n) return;
-      const t = n.currentTime - i, s = Math.min(Math.max(0, t), r), w = on(M).trim().length;
+      const n = de.current;
+      if (n <= 0) return;
+      const r = we.current, i = De.current;
+      if (!r) return;
+      const t = r.currentTime - i, s = Math.min(Math.max(0, t), n), w = sn(M).trim().length;
       if (w <= 0) return;
       const k = Math.min(
-        Math.round(s / r * w),
+        Math.round(s / n * w),
         w
       );
       it(k);
@@ -1228,36 +1228,36 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
   }, [O, M, de.current]), W(() => {
     let e;
     return kt ? (xt(0), e = window.setInterval(() => {
-      xt((r) => r + 1);
+      xt((n) => n + 1);
     }, 1e3)) : xt(0), () => clearInterval(e);
   }, [kt]);
   const gn = (e) => {
-    const r = e.numberOfChannels, n = e.length * r * 2 + 44, i = new ArrayBuffer(n), t = new DataView(i);
+    const n = e.numberOfChannels, r = e.length * n * 2 + 44, i = new ArrayBuffer(r), t = new DataView(i);
     let s = 0;
     const f = (T) => {
       t.setUint16(s, T, !0), s += 2;
     }, w = (T) => {
       t.setUint32(s, T, !0), s += 4;
     };
-    w(1179011410), w(n - 8), w(1163280727), w(544501094), w(16), f(1), f(r), w(e.sampleRate), w(e.sampleRate * 2 * r), f(r * 2), f(16), w(1635017060), w(n - s - 4);
+    w(1179011410), w(r - 8), w(1163280727), w(544501094), w(16), f(1), f(n), w(e.sampleRate), w(e.sampleRate * 2 * n), f(n * 2), f(16), w(1635017060), w(r - s - 4);
     const k = [];
-    for (let T = 0; T < r; T++) k.push(e.getChannelData(T));
+    for (let T = 0; T < n; T++) k.push(e.getChannelData(T));
     let E = 0;
-    for (; s < n; ) {
-      for (let T = 0; T < r; T++) {
+    for (; s < r; ) {
+      for (let T = 0; T < n; T++) {
         let C = Math.max(-1, Math.min(1, k[T][E]));
         C = C < 0 ? C * 32768 : C * 32767, t.setInt16(s, C, !0), s += 2;
       }
       E++;
     }
     return new Blob([i], { type: "audio/wav" });
-  }, At = async (e, r, n = !1) => {
+  }, At = async (e, n, r = !1) => {
     if (!ke.current) {
       if (V.current) {
         Ee.current.push({
           audio: e,
-          visemes: r,
-          isNewSegment: n
+          visemes: n,
+          isNewSegment: r
         });
         return;
       }
@@ -1271,18 +1271,18 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
         const w = await t.decodeAudioData(f.buffer.slice(0));
         de.current += w.duration;
         const k = t.currentTime;
-        let E = $e.current;
-        const T = !Ve.current;
-        E < k && (E = k + 0.1), $e.current = E + w.duration;
+        let E = Ve.current;
+        const T = !We.current;
+        E < k && (E = k + 0.1), Ve.current = E + w.duration;
         const C = t.createBufferSource();
         C.buffer = w;
-        let Z = Vt;
+        let Z = $t;
         if ((!Z || Z.context !== t) && (Z = t.createAnalyser(), Z.fftSize = 64, Z.connect(t.destination), hn(Z)), C.connect(Z), Ie.current.push(C), ke.current) {
           Ie.current = Ie.current.filter(($) => $ !== C);
           return;
         }
         if (T) {
-          Ve.current = !0, z(!0), N(
+          We.current = !0, z(!0), N(
             `[AUDIO] setIsSpeaking(true) - First chunk starting at ${E.toFixed(
               3
             )}`
@@ -1296,24 +1296,24 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
         }
         C.start(E);
         const ie = (E - De.current) * 1e3;
-        n && (Oe.current = ie, N(
+        r && (Oe.current = ie, N(
           `[AUDIO] New segment detected at +${ie.toFixed(
             0
           )}ms. Resetting segment offset.`
-        )), r.forEach(($, pe) => {
+        )), n.forEach(($, pe) => {
           const B = $.symbol ?? "";
           if (B) {
-            const ge = zn(B), Le = Math.round($.start * 1e3), Qe = Math.round(($.duration ?? 0) * 1e3), qt = Oe.current + Le;
+            const ge = zn(B), Le = Math.round($.start * 1e3), Ke = Math.round(($.duration ?? 0) * 1e3), zt = Oe.current + Le;
             pe < 3 && N(
               `[AUDIO] Viseme "${B}": segment_relative=${Le}ms, segment_offset=${Oe.current.toFixed(
                 0
-              )}ms => vtime=${qt}ms`
-            ), ge.forEach((zt) => {
+              )}ms => vtime=${zt}ms`
+            ), ge.forEach((Yt) => {
               Me.current.push({
-                viseme: zt.v,
-                weight: zt.w,
-                vtime: qt,
-                vduration: Qe
+                viseme: Yt.v,
+                weight: Yt.w,
+                vtime: zt,
+                vduration: Ke
               });
             });
           }
@@ -1328,19 +1328,17 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
   }, bn = async (e) => {
     try {
       m(!0), K(!1), ue.current = "", _e(""), b("Processing Voice...");
-      const r = await e.arrayBuffer(), i = await new (window.AudioContext || window.webkitAudioContext)().decodeAudioData(r), t = gn(i), s = new FileReader();
+      const n = await e.arrayBuffer(), i = await new (window.AudioContext || window.webkitAudioContext)().decodeAudioData(n), t = gn(i), s = new FileReader();
       s.readAsDataURL(t), s.onloadend = async () => {
         const f = s.result.split(",")[1];
         st(), se(""), x.current = "", ce.current = !1;
-        const w = `${nt}/stt?token=${encodeURIComponent(
-          We
-        )}`, k = await fetch(w, {
+        const w = `${nt}/stt`, k = await fetch(w, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
             audio_base64: f,
             audio_format: "wav",
-            agentId: y
+            token: Xe
           })
         });
         if (k.status === 429) {
@@ -1378,12 +1376,12 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
               break;
             case "text": {
               const ge = B.delta ?? B.text ?? "";
-              ge && Ft(ge);
+              ge && Pt(ge);
               break;
             }
             case "audio": {
-              const ge = B.chunk, Le = B.visemes ?? [], Qe = !!B.is_new_segment;
-              ge && await At(ge, Le, Qe);
+              const ge = B.chunk, Le = B.visemes ?? [], Ke = !!B.is_new_segment;
+              ge && await At(ge, Le, Ke);
               break;
             }
             case "done": {
@@ -1406,8 +1404,8 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
 `);
           Z = ge.pop() ?? "";
           for (const Le of ge) {
-            const Qe = et(Le);
-            Qe && await $(Qe.event, Qe.data);
+            const Ke = et(Le);
+            Ke && await $(Ke.event, Ke.data);
           }
           if (pe) {
             if (Z.trim()) {
@@ -1419,17 +1417,17 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
           }
         }
       };
-    } catch (r) {
-      console.error("Audio Submission Error:", r), b("STT Failed"), m(!1);
+    } catch (n) {
+      console.error("Audio Submission Error:", n), b("STT Failed"), m(!1);
     }
   }, _n = async (e) => {
     e && e.preventDefault(), K(!1), ue.current = "", _e(""), !(!q || ae) && await wn(q);
   }, et = (e) => {
-    const r = e.split(/\r?\n/);
-    let n = "", i = "";
-    for (const s of r)
-      s.startsWith("event:") ? n = s.slice(6).trim() : s.startsWith("data:") && (i = s.slice(5).trim());
-    if (!n) return null;
+    const n = e.split(/\r?\n/);
+    let r = "", i = "";
+    for (const s of n)
+      s.startsWith("event:") ? r = s.slice(6).trim() : s.startsWith("data:") && (i = s.slice(5).trim());
+    if (!r) return null;
     let t = {};
     if (i)
       try {
@@ -1437,25 +1435,29 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
       } catch {
         t = { raw: i };
       }
-    return { event: n, data: t };
-  }, gt = (e, r) => {
+    return { event: r, data: t };
+  }, gt = (e, n) => {
     switch (e) {
       case "connected":
         x.current = "", ce.current = !1;
         break;
       case "text": {
-        const n = r.delta ?? "";
-        n && Ft(n);
+        const r = n.delta ?? "";
+        r && Pt(r);
+        break;
+      }
+      case "metadata": {
+        Ft(n);
         break;
       }
       case "audio": {
-        const n = r.chunk, i = r.visemes ?? [];
-        n && At(n, i);
+        const r = n.chunk, i = n.visemes ?? [], t = n.is_new_segment ?? !1;
+        r && At(r, i, t);
         break;
       }
       case "done": {
-        const n = Pt(), i = ue.current.trim(), t = [
-          ...n,
+        const r = Bt(), i = ue.current.trim(), t = [
+          ...r,
           { role: "user", content: q || "..." },
           { role: "assistant", content: i }
         ];
@@ -1463,25 +1465,25 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
         break;
       }
       case "error": {
-        const n = r.message ?? "Unknown error";
-        ue.current = n, _e(n), b("Agent Failed"), m(!1);
+        const r = n.message ?? "Unknown error";
+        ue.current = r, _e(r), b("Agent Failed"), m(!1);
         break;
       }
     }
-  }, $t = async (e, r) => {
+  }, Ht = async (e, n) => {
     m(!0), b("Thinking..."), ue.current = "", x.current = "", ce.current = !1, st(), de.current = 0, it(0);
     try {
-      const n = await fetch(e, {
+      const r = await fetch(e, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(r)
+        body: JSON.stringify(n)
       });
-      if (n.status === 429) {
+      if (r.status === 429) {
         b("Busy"), m(!1);
         return;
       }
-      if (!n.ok) throw new Error("Request failed");
-      const i = n.body;
+      if (!r.ok) throw new Error("Request failed");
+      const i = r.body;
       if (!i) {
         b("Failed"), m(!1);
         return;
@@ -1510,38 +1512,36 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
           break;
         }
       }
-    } catch (n) {
-      console.error("Streaming Error:", n), b("Failed"), m(!1);
+    } catch (r) {
+      console.error("Streaming Error:", r), b("Failed"), m(!1);
     }
-  }, Ht = tt(async (e, r, n) => {
-    const i = `${nt}/avatar_tts`;
-    await $t(i, { text: e, userQuery: r, llmPrompt: n });
-  }, []), jt = tt(async (e, r, n, i) => {
+  }, jt = tt(async (e, n) => {
+    const r = `${nt}/avatar_tts`;
+    await Ht(r, { user_query: e, llm_prompt: n });
+  }, []), Gt = tt(async (e, n, r, i) => {
     const t = `${nt}/avatar_ttsWithKnowledge`;
-    await $t(t, { userQuery: e, llmPrompt: r, knowledge: n, history: i });
-  }, []), Gt = c(!1);
+    await Ht(t, { user_query: e, llm_prompt: n, knowledge: r, history: i });
+  }, []), Jt = c(!1);
   W(() => {
-    L && !Gt.current && (L({ avatarSpeak: Ht, avatarRespond: jt }), Gt.current = !0);
-  }, [L, Ht, jt]);
+    S && !Jt.current && (S({ avatarSpeak: jt, avatarRespond: Gt }), Jt.current = !0);
+  }, [S, jt, Gt]);
   const wn = async (e) => {
     m(!0), b("Thinking..."), ue.current = "", x.current = "", ce.current = !1, st(), de.current = 0, it(0);
-    const r = `${nt}/agent/chat?token=${encodeURIComponent(
-      We
-    )}`;
+    const n = `${nt}/agent/chat`;
     try {
-      const n = Pt();
+      const r = Bt();
       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 t = {
-        history: n,
+        history: r,
         question: e,
         lead_id: i,
-        agentId: y
+        token: Xe
       };
       N("[CHAT] Sending payload:", t);
-      const s = await fetch(r, {
+      const s = await fetch(n, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
@@ -1592,20 +1592,20 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
           break;
         }
       }
-    } catch (n) {
-      console.error("Chat Error:", n), b("Agent Failed"), m(!1);
+    } catch (r) {
+      console.error("Chat Error:", r), b("Agent Failed"), m(!1);
     }
-  }, yn = M.trim(), Jt = on(yn), Et = Jt && O ? Jt.slice(
+  }, yn = M.trim(), qt = sn(yn), Et = qt && O ? qt.slice(
     0,
     ot != null && ot > 0 ? ot : 0
   ) : "";
   W(() => {
     const e = Fe.current;
-    e !== "exiting" && (Et ? (Lt(Et), e === "hidden" && ze("entering")) : (e === "visible" || e === "entering") && ze("exiting"));
+    e !== "exiting" && (Et ? (Lt(Et), e === "hidden" && qe("entering")) : (e === "visible" || e === "entering") && qe("exiting"));
   }, [Et, oe]);
   const Sn = tt(() => {
     const e = Fe.current;
-    e === "entering" ? ze("visible") : e === "exiting" && ze("hidden");
+    e === "entering" ? qe("visible") : e === "exiting" && qe("hidden");
   }, []);
   An(() => {
     const e = dt.current;
@@ -1618,8 +1618,8 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
         "div",
         {
           className: `avatar-thinking-tab${Ce === "exiting" ? " avatar-thinking-tab--exiting" : Ce === "entering" ? " avatar-thinking-tab--entering" : ""}`,
-          onAnimationEnd: sn,
-          children: R === rn ? /* @__PURE__ */ l(
+          onAnimationEnd: an,
+          children: R === on ? /* @__PURE__ */ l(
             "a",
             {
               href: "https://leads.streamoji.com",
@@ -1679,7 +1679,7 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
                   minWidth: 0
                 },
                 children: [
-                  /* @__PURE__ */ l("div", { style: { flex: 1, height: "100%" }, children: /* @__PURE__ */ l(Yt, { analyser: dn }) }),
+                  /* @__PURE__ */ l("div", { style: { flex: 1, height: "100%" }, children: /* @__PURE__ */ l(Kt, { analyser: dn }) }),
                   /* @__PURE__ */ be(
                     "span",
                     {
@@ -1693,9 +1693,9 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
                         fontVariantNumeric: "tabular-nums"
                       },
                       children: [
-                        Math.floor(Bt / 60),
+                        Math.floor(Wt / 60),
                         ":",
-                        String(Bt % 60).padStart(2, "0")
+                        String(Wt % 60).padStart(2, "0")
                       ]
                     }
                   )
@@ -1737,7 +1737,7 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
                   alignItems: "center",
                   paddingRight: "8px"
                 },
-                children: /* @__PURE__ */ l(Yt, { analyser: Vt })
+                children: /* @__PURE__ */ l(Kt, { analyser: $t })
               }
             ),
             /* @__PURE__ */ l(
@@ -1915,7 +1915,7 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
                   Kn,
                   {
                     avatarUrl: Ae,
-                    isPlayingRef: Ve,
+                    isPlayingRef: We,
                     visemeQueueRef: Me,
                     audioContextRef: we,
                     responseAudioStartTimeRef: De,
@@ -1924,7 +1924,7 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
                     expression: o,
                     agentResponse: M,
                     isSpeaking: O,
-                    nextStartTimeRef: $e,
+                    nextStartTimeRef: Ve,
                     stopPlayback: st,
                     setIsSpeaking: z,
                     expressionUrl: D,
@@ -1942,16 +1942,16 @@ const Ct = /* @__PURE__ */ new Map(), Xn = ({
   ] }) : null;
 }, or = ({
   agentId: g,
-  onNavigationRequested: y,
-  presetUserDetails: S,
-  onAvatarReady: L
+  onNavigationRequested: v,
+  presetUserDetails: y,
+  onAvatarReady: S
 }) => /* @__PURE__ */ l(
   Xn,
   {
     agentId: g,
-    onNavigationRequested: y,
-    presetUserDetails: S,
-    onAvatarReady: L
+    onNavigationRequested: v,
+    presetUserDetails: y,
+    onAvatarReady: S
   }
 );
 export {