@streamoji/avatar-widget 0.3.6 → 0.3.9

package/dist/avatar-widget.js

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