@streamoji/avatar-widget 0.4.2 → 0.4.4

package/dist/avatar-widget.js

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