@streamoji/avatar-widget 0.2.7 → 0.2.9

package/dist/avatar-widget.js

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