@streamoji/avatar-widget 0.2.1 → 0.2.2

package/dist/avatar-widget.js

@@ -1,87 +1,96 @@
 import { jsx as f, jsxs as ne } from "react/jsx-runtime";
-import { memo as kt, useMemo as ze, useRef as c, useState as k, useEffect as z, useCallback as Ue, useLayoutEffect as Rt, Suspense as Lt } from "react";
-import { useFrame as At, Canvas as Mt, useThree as Et } from "@react-three/fiber";
-import { useGLTF as Ge, Environment as Tt } from "@react-three/drei";
-import * as Ie from "three";
-import { GLTFLoader as It } from "three/examples/jsm/loaders/GLTFLoader.js";
-const H = (...d) => {
-}, Ct = (...d) => {
-}, ot = ({ analyser: d }) => {
-  const y = c(null), v = c(null);
+import { useGLTF as Qe, Environment as Mt } from "@react-three/drei";
+import { useFrame as Tt, Canvas as It, useThree as Ct } from "@react-three/fiber";
+import { memo as Dt, useMemo as et, useRef as o, useState as y, useEffect as z, useCallback as $e, useLayoutEffect as Ot, Suspense as Ft } from "react";
+import * as Fe from "three";
+import { GLTFLoader as Ut } from "three/examples/jsm/loaders/GLTFLoader.js";
+const B = (...u) => {
+}, Nt = (...u) => {
+}, ut = ({ analyser: u }) => {
+  const x = o(null), w = o(null);
   return z(() => {
-    const p = y.current;
+    const p = x.current;
     if (!p) return;
-    const I = p.getContext("2d", { alpha: !0 });
-    if (!I) return;
-    let E, R = null;
-    d && (d.fftSize = 128, R = new Uint8Array(d.frequencyBinCount));
-    const ge = () => {
-      E = requestAnimationFrame(ge), (p.width !== p.offsetWidth || p.height !== p.offsetHeight) && (p.width = p.offsetWidth, p.height = p.offsetHeight);
-      const re = p.width, C = p.height;
-      if (re === 0 || C === 0) return;
-      const L = C / 2;
-      I.clearRect(0, 0, re, C), I.fillStyle = "#1e293b";
-      const Q = 2, A = Q + 2, le = re * 0.95, m = Math.floor(le / A);
-      (!v.current || v.current.length !== m) && (v.current = new Float32Array(m).fill(2));
-      const be = m * A, ie = (re - be) / 2;
-      d && R && d.getByteFrequencyData(R);
-      const ue = R ? R.length : 0, N = Math.floor(ue * 0.7) / m, O = new Float32Array(m);
-      for (let b = 0; b < m; b++) {
-        let P = 0;
-        if (R && N > 0) {
-          const _ = Math.floor(b * N), Z = Math.floor((b + 1) * N);
-          for (let ee = _; ee < Z; ee++) {
-            const de = R[ee] || 0;
-            de > P && (P = de);
+    const D = p.getContext("2d", { alpha: !0 });
+    if (!D) return;
+    let M, L = null;
+    u && (u.fftSize = 128, L = new Uint8Array(u.frequencyBinCount));
+    const he = () => {
+      M = requestAnimationFrame(he), (p.width !== p.offsetWidth || p.height !== p.offsetHeight) && (p.width = p.offsetWidth, p.height = p.offsetHeight);
+      const re = p.width, O = p.height;
+      if (re === 0 || O === 0) return;
+      const k = O / 2;
+      D.clearRect(0, 0, re, O), D.fillStyle = "#1e293b";
+      const Q = 2, E = Q + 2, ce = re * 0.95, g = Math.floor(ce / E);
+      (!w.current || w.current.length !== g) && (w.current = new Float32Array(g).fill(2));
+      const ke = g * E, Z = (re - ke) / 2;
+      u && L && u.getByteFrequencyData(L);
+      const pe = L ? L.length : 0, J = Math.floor(pe * 0.7) / g, I = new Float32Array(g);
+      for (let m = 0; m < g; m++) {
+        let $ = 0;
+        if (L && J > 0) {
+          const b = Math.floor(m * J), K = Math.floor((m + 1) * J);
+          for (let q = b; q < K; q++) {
+            const le = L[q] || 0;
+            le > $ && ($ = le);
           }
         }
-        P < 10 && (P = 0);
-        const M = P / 255, g = P > 0 ? Math.max(2, Math.pow(M, 1.4) * C * 0.25) : 2;
-        O[b] = g;
+        $ < 10 && ($ = 0);
+        const R = $ / 255, v = $ > 0 ? Math.max(2, Math.pow(R, 1.4) * O * 0.25) : 2;
+        I[m] = v;
       }
-      for (let b = 0; b < m; b++) {
-        const P = m - 1 - b, M = Math.max(O[b], O[P]), g = v.current[b] + (M - v.current[b]) * 0.3;
-        v.current[b] = g;
-        const _ = ie + b * A, Z = L - g / 2;
-        I.beginPath(), I.roundRect ? I.roundRect(_, Z, Q, g, 4) : I.fillRect(_, Z, Q, g), I.fill();
+      for (let m = 0; m < g; m++) {
+        const $ = g - 1 - m, R = Math.max(I[m], I[$]), v = w.current[m] + (R - w.current[m]) * 0.3;
+        w.current[m] = v;
+        const b = Z + m * E, K = k - v / 2;
+        D.beginPath(), D.roundRect ? D.roundRect(b, K, Q, v, 4) : D.fillRect(b, K, Q, v), D.fill();
       }
     };
-    return ge(), () => {
-      cancelAnimationFrame(E);
+    return he(), () => {
+      cancelAnimationFrame(M);
     };
-  }, [d]), /* @__PURE__ */ f("canvas", { ref: y, style: { width: "100%", height: "100%", display: "block" } });
-}, at = "https://ai.streamoji.com", Ot = "https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev";
-async function Dt(d) {
-  const y = await crypto.subtle.digest("SHA-256", new TextEncoder().encode(d));
-  return Array.from(new Uint8Array(y)).map((v) => v.toString(16).padStart(2, "0")).join("");
+  }, [u]), /* @__PURE__ */ f(
+    "canvas",
+    {
+      ref: x,
+      style: { width: "100%", height: "100%", display: "block" }
+    }
+  );
+}, dt = "https://ai.streamoji.com", Wt = "https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev", ft = "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/default-models/fullbodyavatarmale.glb";
+async function Pt(u) {
+  const x = await crypto.subtle.digest(
+    "SHA-256",
+    new TextEncoder().encode(u)
+  );
+  return Array.from(new Uint8Array(x)).map((w) => w.toString(16).padStart(2, "0")).join("");
 }
-function Ft(d) {
-  const [y, v] = k(null);
+function Vt(u) {
+  const [x, w] = y(null);
   return z(() => {
-    if (!d) {
-      v(null);
+    if (!u) {
+      w(null);
       return;
     }
     let p = !1;
-    return Dt(d).then((I) => {
+    return Pt(u).then((D) => {
       if (p) return;
-      const E = `${Ot}/${I}.glb`;
-      fetch(E, { method: "HEAD" }).then((R) => {
-        p || v(R.ok ? E : null);
+      const M = `${Wt}/${D}.glb`;
+      fetch(M, { method: "HEAD" }).then((L) => {
+        p || w(L.ok ? M : ft);
       }).catch(() => {
-        p || v(null);
+        p || w(ft);
       });
     }), () => {
       p = !0;
     };
-  }, [d]), y;
+  }, [u]), x;
 }
-const Ut = [
+const Bt = [
   "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"
-], Nt = [
+], $t = [
   {
     id: "m_expr_01",
     name: "Friendly Wave",
@@ -247,517 +256,806 @@ const Ut = [
     name: "Take It Easy",
     url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_006.glb"
   }
-], Wt = [
+], Ht = [
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_005.glb",
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_007.glb"
-], Pt = {
+], jt = {
   zoom: 0.85,
   position: [0.15, -0.8, 0],
   scale: 1.5,
   rotation: [0.15, 0.02, 0]
-}, Vt = [-0.45, 1.9, 0.1], Bt = {
+}, Jt = [-0.45, 1.9, 0.1], qt = {
   browInnerUp: 0.2
-}, Ye = 0.18, $t = 1, Ne = {
+}, Ze = 0.18, Gt = 1, He = {
   neutral: { eyeLookDownLeft: 0.1, eyeLookDownRight: 0.1 },
-  happy: { mouthSmileLeft: 0.2, mouthSmileRight: 0.2, eyeLookDownLeft: 0.1, eyeLookDownRight: 0.1 },
-  sad: { eyeLookDownLeft: 0.2, eyeLookDownRight: 0.2, browDownRight: 0.1, browInnerUp: 0.6, browOuterUpRight: 0.2, eyeSquintLeft: 0.7, eyeSquintRight: 0.7, mouthFrownLeft: 0.8, mouthFrownRight: 0.8, mouthLeft: 0.2, mouthPucker: 0.5, mouthRollLower: 0.2, mouthRollUpper: 0.2, mouthShrugLower: 0.2, mouthShrugUpper: 0.2, mouthStretchLeft: 0.4 },
-  angry: { eyeLookDownLeft: 0.1, eyeLookDownRight: 0.1, browDownLeft: 0.6, browDownRight: 0.6, jawForward: 0.3, mouthFrownLeft: 0.7, mouthFrownRight: 0.7, mouthRollLower: 0.2, mouthShrugLower: 0.3 },
-  fear: { browInnerUp: 0.7, eyeSquintLeft: 0.5, eyeSquintRight: 0.5, eyeWideLeft: 0.6, eyeWideRight: 0.6, mouthClose: 0.1, mouthFunnel: 0.3, mouthShrugLower: 0.5, mouthShrugUpper: 0.5 },
-  disgust: { browDownLeft: 0.7, browDownRight: 0.1, browInnerUp: 0.3, eyeSquintLeft: 1, eyeSquintRight: 1, eyeWideLeft: 0.5, eyeWideRight: 0.5, mouthLeft: 0.4, mouthPressLeft: 0.3, mouthRollLower: 0.3, mouthShrugLower: 0.3, mouthShrugUpper: 0.8, mouthUpperUpLeft: 0.3, noseSneerLeft: 1, noseSneerRight: 0.7 },
-  love: { browInnerUp: 0.4, browOuterUpLeft: 0.2, browOuterUpRight: 0.2, mouthSmileLeft: 0.2, mouthSmileRight: 0.2, eyeBlinkLeft: 0.6, eyeBlinkRight: 0.6, eyeWideLeft: 0.7, eyeWideRight: 0.7, mouthDimpleLeft: 0.1, mouthDimpleRight: 0.1, mouthPressLeft: 0.2, mouthShrugUpper: 0.2, mouthUpperUpLeft: 0.1, mouthUpperUpRight: 0.1 }
-}, Ht = [
+  happy: {
+    mouthSmileLeft: 0.2,
+    mouthSmileRight: 0.2,
+    eyeLookDownLeft: 0.1,
+    eyeLookDownRight: 0.1
+  },
+  sad: {
+    eyeLookDownLeft: 0.2,
+    eyeLookDownRight: 0.2,
+    browDownRight: 0.1,
+    browInnerUp: 0.6,
+    browOuterUpRight: 0.2,
+    eyeSquintLeft: 0.7,
+    eyeSquintRight: 0.7,
+    mouthFrownLeft: 0.8,
+    mouthFrownRight: 0.8,
+    mouthLeft: 0.2,
+    mouthPucker: 0.5,
+    mouthRollLower: 0.2,
+    mouthRollUpper: 0.2,
+    mouthShrugLower: 0.2,
+    mouthShrugUpper: 0.2,
+    mouthStretchLeft: 0.4
+  },
+  angry: {
+    eyeLookDownLeft: 0.1,
+    eyeLookDownRight: 0.1,
+    browDownLeft: 0.6,
+    browDownRight: 0.6,
+    jawForward: 0.3,
+    mouthFrownLeft: 0.7,
+    mouthFrownRight: 0.7,
+    mouthRollLower: 0.2,
+    mouthShrugLower: 0.3
+  },
+  fear: {
+    browInnerUp: 0.7,
+    eyeSquintLeft: 0.5,
+    eyeSquintRight: 0.5,
+    eyeWideLeft: 0.6,
+    eyeWideRight: 0.6,
+    mouthClose: 0.1,
+    mouthFunnel: 0.3,
+    mouthShrugLower: 0.5,
+    mouthShrugUpper: 0.5
+  },
+  disgust: {
+    browDownLeft: 0.7,
+    browDownRight: 0.1,
+    browInnerUp: 0.3,
+    eyeSquintLeft: 1,
+    eyeSquintRight: 1,
+    eyeWideLeft: 0.5,
+    eyeWideRight: 0.5,
+    mouthLeft: 0.4,
+    mouthPressLeft: 0.3,
+    mouthRollLower: 0.3,
+    mouthShrugLower: 0.3,
+    mouthShrugUpper: 0.8,
+    mouthUpperUpLeft: 0.3,
+    noseSneerLeft: 1,
+    noseSneerRight: 0.7
+  },
+  love: {
+    browInnerUp: 0.4,
+    browOuterUpLeft: 0.2,
+    browOuterUpRight: 0.2,
+    mouthSmileLeft: 0.2,
+    mouthSmileRight: 0.2,
+    eyeBlinkLeft: 0.6,
+    eyeBlinkRight: 0.6,
+    eyeWideLeft: 0.7,
+    eyeWideRight: 0.7,
+    mouthDimpleLeft: 0.1,
+    mouthDimpleRight: 0.1,
+    mouthPressLeft: 0.2,
+    mouthShrugUpper: 0.2,
+    mouthUpperUpLeft: 0.1,
+    mouthUpperUpRight: 0.1
+  }
+}, zt = [
   { key: "viseme_aa", mix: { jawOpen: 0.6 } },
-  { key: "viseme_E", mix: { mouthPressLeft: 0.8, mouthPressRight: 0.8, mouthDimpleLeft: 1, mouthDimpleRight: 1, jawOpen: 0.3 } },
-  { key: "viseme_I", mix: { mouthPressLeft: 0.6, mouthPressRight: 0.6, mouthDimpleLeft: 0.6, mouthDimpleRight: 0.6, jawOpen: 0.2 } },
+  {
+    key: "viseme_E",
+    mix: {
+      mouthPressLeft: 0.8,
+      mouthPressRight: 0.8,
+      mouthDimpleLeft: 1,
+      mouthDimpleRight: 1,
+      jawOpen: 0.3
+    }
+  },
+  {
+    key: "viseme_I",
+    mix: {
+      mouthPressLeft: 0.6,
+      mouthPressRight: 0.6,
+      mouthDimpleLeft: 0.6,
+      mouthDimpleRight: 0.6,
+      jawOpen: 0.2
+    }
+  },
   { key: "viseme_O", mix: { mouthPucker: 1, jawForward: 0.6, jawOpen: 0.2 } },
   { key: "viseme_U", mix: { mouthFunnel: 1 } },
-  { key: "viseme_PP", mix: { mouthRollLower: 0.3, mouthRollUpper: 0.3, mouthUpperUpLeft: 0.3, mouthUpperUpRight: 0.3 } },
-  { key: "viseme_FF", mix: { mouthPucker: 1, mouthShrugUpper: 1, mouthLowerDownLeft: 0.2, mouthLowerDownRight: 0.2, mouthDimpleLeft: 1, mouthDimpleRight: 1, mouthRollLower: 0.3 } },
-  { key: "viseme_DD", mix: { mouthPressLeft: 0.8, mouthPressRight: 0.8, mouthFunnel: 0.5, jawOpen: 0.2 } },
-  { key: "viseme_SS", mix: { mouthPressLeft: 0.8, mouthPressRight: 0.8, mouthLowerDownLeft: 0.5, mouthLowerDownRight: 0.5, jawOpen: 0.1 } },
-  { key: "viseme_TH", mix: { mouthRollUpper: 0.3, jawOpen: 0.2, tongueOut: 0.4 } },
+  {
+    key: "viseme_PP",
+    mix: {
+      mouthRollLower: 0.3,
+      mouthRollUpper: 0.3,
+      mouthUpperUpLeft: 0.3,
+      mouthUpperUpRight: 0.3
+    }
+  },
+  {
+    key: "viseme_FF",
+    mix: {
+      mouthPucker: 1,
+      mouthShrugUpper: 1,
+      mouthLowerDownLeft: 0.2,
+      mouthLowerDownRight: 0.2,
+      mouthDimpleLeft: 1,
+      mouthDimpleRight: 1,
+      mouthRollLower: 0.3
+    }
+  },
+  {
+    key: "viseme_DD",
+    mix: {
+      mouthPressLeft: 0.8,
+      mouthPressRight: 0.8,
+      mouthFunnel: 0.5,
+      jawOpen: 0.2
+    }
+  },
+  {
+    key: "viseme_SS",
+    mix: {
+      mouthPressLeft: 0.8,
+      mouthPressRight: 0.8,
+      mouthLowerDownLeft: 0.5,
+      mouthLowerDownRight: 0.5,
+      jawOpen: 0.1
+    }
+  },
+  {
+    key: "viseme_TH",
+    mix: { mouthRollUpper: 0.3, jawOpen: 0.2, tongueOut: 0.4 }
+  },
   { 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 } },
-  { 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 } },
+  {
+    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
+    }
+  },
+  {
+    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
+    }
+  },
   { key: "viseme_sil", mix: {} }
-], jt = {
-  aei: [{ v: "E", w: 0.8 }, { v: "I", w: 0.2 }],
+], Yt = {
+  aei: [
+    { v: "E", w: 0.8 },
+    { v: "I", w: 0.2 }
+  ],
   ee: [{ v: "I", w: 1 }],
   oo: [{ v: "O", w: 1 }],
   u: [{ v: "U", w: 1 }],
   aa: [{ v: "aa", w: 1 }],
-  ah: [{ v: "aa", w: 0.7 }, { v: "O", w: 0.3 }],
+  ah: [
+    { v: "aa", w: 0.7 },
+    { v: "O", w: 0.3 }
+  ],
   bmp: [{ v: "PP", w: 1 }],
   fv: [{ v: "FF", w: 1 }],
   th: [{ v: "TH", w: 1 }],
   l: [{ v: "nn", w: 1 }],
   r: [{ v: "RR", w: 1 }],
-  qw: [{ v: "U", w: 0.6 }, { v: "O", w: 0.4 }],
+  qw: [
+    { v: "U", w: 0.6 },
+    { v: "O", w: 0.4 }
+  ],
   chjsh: [{ v: "CH", w: 1 }],
-  cdgknstxyz: [{ v: "DD", w: 0.6 }, { v: "SS", w: 0.4 }],
+  cdgknstxyz: [
+    { v: "DD", w: 0.6 },
+    { v: "SS", w: 0.4 }
+  ],
   sil: [{ v: "sil", w: 1 }]
 };
-function Jt(d) {
-  if (!d) return [{ v: "sil", w: 1 }];
-  const y = d.toLowerCase();
-  return jt[y] ?? [{ v: "sil", w: 1 }];
+function Xt(u) {
+  if (!u) return [{ v: "sil", w: 1 }];
+  const x = u.toLowerCase();
+  return Yt[x] ?? [{ v: "sil", w: 1 }];
 }
-function qt({ target: d }) {
-  const { camera: y } = Et();
+function Kt({ target: u }) {
+  const { camera: x } = Ct();
   return z(() => {
-    y.lookAt(...d);
-  }, [y, d]), null;
+    x.lookAt(...u);
+  }, [x, u]), null;
 }
-function q(d, y, v) {
-  if (!d || !d.morphTargetDictionary) return;
-  const p = d, I = p.morphTargetDictionary, E = p.morphTargetInfluences;
-  if (E)
-    for (const R in I)
-      R.toLowerCase() === y.toLowerCase() && (E[I[R]] = v);
+function G(u, x, w) {
+  if (!u || !u.morphTargetDictionary)
+    return;
+  const p = u, D = p.morphTargetDictionary, M = p.morphTargetInfluences;
+  if (M)
+    for (const L in D)
+      L.toLowerCase() === x.toLowerCase() && (M[D[L]] = w);
 }
-function ct(d, y = 0.97) {
-  if (!d) return;
-  const v = d;
-  if (v.morphTargetInfluences)
-    for (let p = 0; p < v.morphTargetInfluences.length; p++)
-      v.morphTargetInfluences[p] *= y;
+function ht(u, x = 0.97) {
+  if (!u) return;
+  const w = u;
+  if (w.morphTargetInfluences)
+    for (let p = 0; p < w.morphTargetInfluences.length; p++)
+      w.morphTargetInfluences[p] *= x;
 }
-const Gt = kt(({ avatarUrl: d, isPlayingRef: y, visemeQueueRef: v, audioContextRef: p, responseAudioStartTimeRef: I, adjustments: E, mood: R, expression: ge, agentResponse: re, isSpeaking: C, nextStartTimeRef: L, stopPlayback: Q, setIsSpeaking: W, expressionUrl: A, onExpressionFinished: le }) => {
-  const { scene: m } = Ge(d), be = Ge(Ut), ie = ze(() => be.flatMap((h) => h.animations), [be]), ue = Ge(Wt), se = ze(() => ue.flatMap((h) => h.animations), [ue]), N = c(null), O = c(null), b = c(null), P = c([]), [M] = k(() => new Ie.AnimationMixer(m)), g = c({}), _ = c(null), Z = c(0), ee = c(!1), de = c(0), _e = c(null);
-  z(() => {
-    if (!(!ie || !m)) {
-      if (ie.forEach((h, o) => {
-        const r = `idle_${o}`;
-        if (!g.current[r]) {
-          const t = M.clipAction(h, m);
-          t.name = r, t.setLoop(Ie.LoopOnce, 1), t.clampWhenFinished = !0, g.current[r] = t;
-        }
-      }), se.forEach((h, o) => {
-        const r = `talk_${o}`;
-        if (!g.current[r]) {
-          const t = M.clipAction(h, m);
-          t.name = r, t.setLoop(Ie.LoopOnce, 1), t.clampWhenFinished = !0, g.current[r] = t;
+const Qt = Dt(
+  ({
+    avatarUrl: u,
+    isPlayingRef: x,
+    visemeQueueRef: w,
+    audioContextRef: p,
+    responseAudioStartTimeRef: D,
+    adjustments: M,
+    mood: L,
+    expression: he,
+    agentResponse: re,
+    isSpeaking: O,
+    nextStartTimeRef: k,
+    stopPlayback: Q,
+    setIsSpeaking: U,
+    expressionUrl: E,
+    onExpressionFinished: ce
+  }) => {
+    const { scene: g } = Qe(u), ke = Qe(Bt), Z = et(
+      () => ke.flatMap((d) => d.animations),
+      [ke]
+    ), pe = Qe(Ht), se = et(
+      () => pe.flatMap((d) => d.animations),
+      [pe]
+    ), J = o(null), I = o(null), m = o(null), $ = o([]), [R] = y(() => new Fe.AnimationMixer(g)), v = o({}), b = o(null), K = o(0), q = o(!1), le = o(0), ee = o(null);
+    z(() => {
+      if (!(!Z || !g)) {
+        if (Z.forEach((d, c) => {
+          const s = `idle_${c}`;
+          if (!v.current[s]) {
+            const n = R.clipAction(d, g);
+            n.name = s, n.setLoop(Fe.LoopOnce, 1), n.clampWhenFinished = !0, v.current[s] = n;
+          }
+        }), se.forEach((d, c) => {
+          const s = `talk_${c}`;
+          if (!v.current[s]) {
+            const n = R.clipAction(d, g);
+            n.name = s, n.setLoop(Fe.LoopOnce, 1), n.clampWhenFinished = !0, v.current[s] = n;
+          }
+        }), Z.length > 0) {
+          const d = v.current.idle_0, c = b.current && R.existingAction(b.current.getClip());
+          d && !c && (d.reset().fadeIn(0.5).play(), b.current = d);
         }
-      }), ie.length > 0) {
-        const h = g.current.idle_0, o = _.current && M.existingAction(_.current.getClip());
-        h && !o && (h.reset().fadeIn(0.5).play(), _.current = h);
+        return () => {
+          R.stopAllAction(), v.current = {}, b.current = null;
+        };
       }
-      return () => {
-        M.stopAllAction(), g.current = {}, _.current = null;
+    }, [Z, se, g, R]);
+    const Re = o("");
+    z(() => {
+      if (!E || !g || E === Re.current) return;
+      Re.current = E, ee.current = E, new Ut().load(
+        E,
+        (c) => {
+          if (c.animations && c.animations.length > 0) {
+            const s = c.animations[0], n = R.clipAction(s, g);
+            if (n.name = `EXPR_${E}`, n.setLoop(Fe.LoopOnce, 1), n.clampWhenFinished = !0, v.current[`EXPR_${E}`] = n, O && ee.current === E) {
+              const h = b.current;
+              n.reset().fadeIn(0.3).play(), h && h !== n && h.crossFadeTo(n, 0.3, !0), b.current = n, ee.current = null;
+            }
+          }
+        },
+        void 0,
+        (c) => {
+          console.error(`[ANIMATION] Failed to load ${E}`, c);
+        }
+      );
+    }, [E, g, R, O]), z(() => {
+      const d = (c) => {
+        const s = c.action, n = s.name || "";
+        if (n.startsWith("idle_")) {
+          const H = (parseInt(n.split("_")[1]) + 1) % Z.length, Y = v.current[`idle_${H}`];
+          Y && (Y.reset().fadeIn(0.5).play(), s.crossFadeTo(Y, 0.5, !0), b.current = Y);
+        } else if (n.startsWith("EXPR_")) {
+          if (O) {
+            const h = v.current.talk_0;
+            h && (h.reset().fadeIn(0.5).play(), s.crossFadeTo(h, 0.5, !0), b.current = h);
+          } else {
+            const h = v.current.idle_0;
+            h && (h.reset().fadeIn(0.5).play(), s.crossFadeTo(h, 0.5, !0), b.current = h);
+          }
+          ce && ce();
+        } else if (n.startsWith("talk_"))
+          if (O) {
+            const H = (parseInt(n.split("_")[1]) + 1) % se.length, Y = v.current[`talk_${H}`];
+            Y && (Y.reset().fadeIn(0.3).play(), s.crossFadeTo(Y, 0.3, !0), b.current = Y);
+          } else {
+            const h = v.current.idle_0;
+            h && (h.reset().fadeIn(0.5).play(), s.crossFadeTo(h, 0.5, !0), b.current = h);
+          }
       };
-    }
-  }, [ie, se, m, M]);
-  const Ce = c("");
-  z(() => {
-    if (!A || !m || A === Ce.current) return;
-    Ce.current = A, _e.current = A, new It().load(A, (o) => {
-      if (o.animations && o.animations.length > 0) {
-        const r = o.animations[0], t = M.clipAction(r, m);
-        if (t.name = `EXPR_${A}`, t.setLoop(Ie.LoopOnce, 1), t.clampWhenFinished = !0, g.current[`EXPR_${A}`] = t, C && _e.current === A) {
-          const l = _.current;
-          t.reset().fadeIn(0.3).play(), l && l !== t && l.crossFadeTo(t, 0.3, !0), _.current = t, _e.current = null;
+      return R.addEventListener("finished", d), () => R.removeEventListener("finished", d);
+    }, [
+      R,
+      Z,
+      se,
+      O,
+      ce
+    ]), z(() => {
+      if (O && g) {
+        const d = b.current, c = d?.name || "";
+        if (c.startsWith("idle_") || c.startsWith("talk_") || c === "") {
+          const s = ee.current;
+          if (s) {
+            const n = v.current[`EXPR_${s}`];
+            if (n) {
+              n.reset().fadeIn(0.3).play(), d && d !== n && d.crossFadeTo(n, 0.3, !0), b.current = n, ee.current = null;
+              return;
+            }
+          }
+          if (c.startsWith("idle_") || c === "") {
+            const n = v.current.talk_0;
+            n && (n.reset().fadeIn(0.5).play(), d && d.crossFadeTo(n, 0.5, !0), b.current = n);
+          }
         }
-      }
-    }, void 0, (o) => {
-      console.error(`[ANIMATION] Failed to load ${A}`, o);
-    });
-  }, [A, m, M, C]), z(() => {
-    const h = (o) => {
-      const r = o.action, t = r.name || "";
-      if (t.startsWith("idle_")) {
-        const j = (parseInt(t.split("_")[1]) + 1) % ie.length, D = g.current[`idle_${j}`];
-        D && (D.reset().fadeIn(0.5).play(), r.crossFadeTo(D, 0.5, !0), _.current = D);
-      } else if (t.startsWith("EXPR_")) {
-        if (C) {
-          const l = g.current.talk_0;
-          l && (l.reset().fadeIn(0.5).play(), r.crossFadeTo(l, 0.5, !0), _.current = l);
-        } else {
-          const l = g.current.idle_0;
-          l && (l.reset().fadeIn(0.5).play(), r.crossFadeTo(l, 0.5, !0), _.current = l);
+      } else if (!O && g) {
+        const d = b.current, c = d?.name || "";
+        if (c.startsWith("talk_") || c.startsWith("EXPR_")) {
+          const s = v.current.idle_0;
+          s && (s.reset().fadeIn(0.5).play(), d && d.crossFadeTo(s, 0.5, !0), b.current = s);
         }
-        le && le();
-      } else if (t.startsWith("talk_"))
-        if (C) {
-          const j = (parseInt(t.split("_")[1]) + 1) % se.length, D = g.current[`talk_${j}`];
-          D && (D.reset().fadeIn(0.3).play(), r.crossFadeTo(D, 0.3, !0), _.current = D);
-        } else {
-          const l = g.current.idle_0;
-          l && (l.reset().fadeIn(0.5).play(), r.crossFadeTo(l, 0.5, !0), _.current = l);
+      }
+    }, [O, g, E]), z(() => {
+      if (!g) return;
+      g.traverse((s) => {
+        if (s.isMesh && s.morphTargetDictionary) {
+          const n = s.name.toLowerCase();
+          (n.includes("head") || n.includes("avatar")) && (I.current = s, B(`[ANIMATION] Found head mesh: ${s.name}`)), n.includes("teeth") && (m.current = s, B(`[ANIMATION] Found teeth mesh: ${s.name}`));
         }
-    };
-    return M.addEventListener("finished", h), () => M.removeEventListener("finished", h);
-  }, [M, ie, se, C, le]), z(() => {
-    if (C && m) {
-      const h = _.current, o = h?.name || "";
-      if (o.startsWith("idle_") || o.startsWith("talk_") || o === "") {
-        const r = _e.current;
-        if (r) {
-          const t = g.current[`EXPR_${r}`];
-          if (t) {
-            t.reset().fadeIn(0.3).play(), h && h !== t && h.crossFadeTo(t, 0.3, !0), _.current = t, _e.current = null;
-            return;
-          }
+      });
+      const d = I.current?.morphTargetDictionary;
+      d && Object.keys(d).filter(
+        (s) => s.toLowerCase().includes("brow")
+      );
+      const c = [];
+      g.traverse((s) => {
+        if (s.isMesh) {
+          const h = s.morphTargetDictionary;
+          h && Object.keys(h).some((H) => H.toLowerCase().includes("brow")) && c.push(s);
         }
-        if (o.startsWith("idle_") || o === "") {
-          const t = g.current.talk_0;
-          t && (t.reset().fadeIn(0.5).play(), h && h.crossFadeTo(t, 0.5, !0), _.current = t);
+      }), $.current = c, c.length > 0 && B("[ANIMATION] Meshes with brow morphs:", c.length);
+    }, [g]);
+    const Ue = (d, c = 1) => {
+      const s = `viseme_${d}`.toLowerCase(), n = zt.find((h) => h.key.toLowerCase() === s);
+      if (n)
+        for (const h in n.mix) {
+          const H = n.mix[h] * c;
+          G(I.current, h, H), G(m.current, h, H);
         }
+    }, Ce = (d) => {
+      const c = He[d] ?? He.neutral;
+      for (const s in c)
+        G(I.current, s, c[s]), G(m.current, s, c[s]);
+    };
+    return Tt((d, c) => {
+      const s = Math.pow(0.88, 60 * c);
+      ht(I.current, s), ht(m.current, s), Ce(L);
+      const n = d.clock.elapsedTime;
+      let h = 0;
+      if (Math.floor(n) % 5 === 0 && Math.floor((n - c) % 5) !== 0) {
+        let j = null;
+        g.traverse((W) => {
+          W.name.toLowerCase().includes("hips") && (j = W);
+        });
+        const ie = j ? `Hips Y: ${j.position.y.toFixed(4)}` : "Hips not found";
+        B(`[ANIMATION] Mixer Time: ${R.time.toFixed(2)}, ${ie}`);
       }
-    } else if (!C && m) {
-      const h = _.current, o = h?.name || "";
-      if (o.startsWith("talk_") || o.startsWith("EXPR_")) {
-        const r = g.current.idle_0;
-        r && (r.reset().fadeIn(0.5).play(), h && h.crossFadeTo(r, 0.5, !0), _.current = r);
-      }
-    }
-  }, [C, m, A]), z(() => {
-    if (!m) return;
-    m.traverse((r) => {
-      if (r.isMesh && r.morphTargetDictionary) {
-        const t = r.name.toLowerCase();
-        (t.includes("head") || t.includes("avatar")) && (O.current = r, H(`[ANIMATION] Found head mesh: ${r.name}`)), t.includes("teeth") && (b.current = r, H(`[ANIMATION] Found teeth mesh: ${r.name}`));
-      }
-    });
-    const h = O.current?.morphTargetDictionary;
-    h && Object.keys(h).filter((r) => r.toLowerCase().includes("brow"));
-    const o = [];
-    m.traverse((r) => {
-      if (r.isMesh) {
-        const l = r.morphTargetDictionary;
-        l && Object.keys(l).some((j) => j.toLowerCase().includes("brow")) && o.push(r);
-      }
-    }), P.current = o, o.length > 0 && H("[ANIMATION] Meshes with brow morphs:", o.length);
-  }, [m]);
-  const We = (h, o = 1) => {
-    const r = `viseme_${h}`.toLowerCase(), t = Ht.find((l) => l.key.toLowerCase() === r);
-    if (t)
-      for (const l in t.mix) {
-        const j = t.mix[l] * o;
-        q(O.current, l, j), q(b.current, l, j);
+      if (R.update(c), n > K.current && !q.current && (q.current = !0, le.current = n), q.current) {
+        const ie = (n - le.current) / 0.3;
+        if (ie >= 1)
+          q.current = !1, K.current = n + 2 + Math.random() * 5;
+        else {
+          const W = ie < 0.5 ? ie * 2 : (1 - ie) * 2;
+          G(I.current, "eyeBlinkLeft", W), G(I.current, "eyeBlinkRight", W), G(m.current, "eyeBlinkLeft", W), G(m.current, "eyeBlinkRight", W), h = W * qt.browInnerUp;
+        }
       }
-  }, Pe = (h) => {
-    const o = Ne[h] ?? Ne.neutral;
-    for (const r in o)
-      q(O.current, r, o[r]), q(b.current, r, o[r]);
-  };
-  return At((h, o) => {
-    const r = Math.pow(0.88, 60 * o);
-    ct(O.current, r), ct(b.current, r), Pe(R);
-    const t = h.clock.elapsedTime;
-    let l = 0;
-    if (Math.floor(t) % 5 === 0 && Math.floor((t - o) % 5) !== 0) {
-      let J = null;
-      m.traverse((G) => {
-        G.name.toLowerCase().includes("hips") && (J = G);
-      });
-      const fe = J ? `Hips Y: ${J.position.y.toFixed(4)}` : "Hips not found";
-      H(`[ANIMATION] Mixer Time: ${M.time.toFixed(2)}, ${fe}`);
-    }
-    if (M.update(o), t > Z.current && !ee.current && (ee.current = !0, de.current = t), ee.current) {
-      const fe = (t - de.current) / 0.3;
-      if (fe >= 1)
-        ee.current = !1, Z.current = t + 2 + Math.random() * 5;
-      else {
-        const G = fe < 0.5 ? fe * 2 : (1 - fe) * 2;
-        q(O.current, "eyeBlinkLeft", G), q(O.current, "eyeBlinkRight", G), q(b.current, "eyeBlinkLeft", G), q(b.current, "eyeBlinkRight", G), l = G * Bt.browInnerUp;
+      const H = He[L] ?? He.neutral, Y = H.browInnerUp ?? 0, be = H.browOuterUpLeft ?? 0, me = H.browOuterUpRight ?? 0, Ae = n * Gt, ge = Ze * Math.sin(Ae), _e = Ze * 0.7 * Math.sin(Ae + 0.7), De = Ze * 0.7 * Math.sin(Ae + 1.3), we = (j) => Math.max(0, Math.min(1, j)), Oe = we(Y + ge), Le = we(be + _e), je = we(me + De), Ne = we(Oe + h);
+      if (G(I.current, "browInnerUp", Ne), G(m.current, "browInnerUp", Ne), G(I.current, "browOuterUpLeft", Le), G(m.current, "browOuterUpLeft", Le), G(I.current, "browOuterUpRight", je), G(m.current, "browOuterUpRight", je), J.current) {
+        const j = x.current ? 0 : M.rotation[1];
+        J.current.rotation.y = Fe.MathUtils.lerp(
+          J.current.rotation.y,
+          j,
+          0.1
+        ), J.current.position.set(...M.position), J.current.scale.setScalar(M.scale), J.current.rotation.x = M.rotation[0], J.current.rotation.z = M.rotation[2];
       }
-    }
-    const j = Ne[R] ?? Ne.neutral, D = j.browInnerUp ?? 0, we = j.browOuterUpLeft ?? 0, Le = j.browOuterUpRight ?? 0, xe = t * $t, Ae = Ye * Math.sin(xe), Me = Ye * 0.7 * Math.sin(xe + 0.7), Xe = Ye * 0.7 * Math.sin(xe + 1.3), ke = (J) => Math.max(0, Math.min(1, J)), Ee = ke(D + Ae), Te = ke(we + Me), he = ke(Le + Xe), ve = ke(Ee + l);
-    if (q(O.current, "browInnerUp", ve), q(b.current, "browInnerUp", ve), q(O.current, "browOuterUpLeft", Te), q(b.current, "browOuterUpLeft", Te), q(O.current, "browOuterUpRight", he), q(b.current, "browOuterUpRight", he), N.current) {
-      const J = y.current ? 0 : E.rotation[1];
-      N.current.rotation.y = Ie.MathUtils.lerp(N.current.rotation.y, J, 0.1), N.current.position.set(...E.position), N.current.scale.setScalar(E.scale), N.current.rotation.x = E.rotation[0], N.current.rotation.z = E.rotation[2];
-    }
-    if (y.current && p.current) {
-      const J = p.current.currentTime, X = (J - I.current) * 1e3 - -150;
-      for (let oe = 0; oe < v.current.length; oe++) {
-        const K = v.current[oe];
-        X >= K.vtime && X < K.vtime + K.vduration && We(K.viseme, K.weight ?? 1);
+      if (x.current && p.current) {
+        const j = p.current.currentTime, ve = (j - D.current) * 1e3 - -150;
+        for (let Ee = 0; Ee < w.current.length; Ee++) {
+          const Se = w.current[Ee];
+          ve >= Se.vtime && ve < Se.vtime + Se.vduration && Ue(Se.viseme, Se.weight ?? 1);
+        }
+        j > k.current + 0.5 && (Q(), U(!1));
       }
-      J > L.current + 0.5 && (Q(), W(!1));
-    }
-  }), /* @__PURE__ */ f("group", { ref: N, children: /* @__PURE__ */ f("primitive", { object: m }) });
-});
-function Yt(d) {
-  return d ? d.charAt(0).toUpperCase() + d.slice(1).toLowerCase() : "";
+    }), /* @__PURE__ */ f("group", { ref: J, children: /* @__PURE__ */ f("primitive", { object: g }) });
+  }
+);
+function Zt(u) {
+  return u ? u.charAt(0).toUpperCase() + u.slice(1).toLowerCase() : "";
 }
-const zt = ({ token: d, agentToken: y, onNavigationRequested: v } = {}) => {
-  const p = d ?? y ?? "", I = Ft(p || void 0), [E, R] = k(""), [ge, re] = k(""), [C, L] = k("Ready"), [Q, W] = k(!1), [A, le] = k(!1), m = c(!1), be = c([]), ie = c(0), ue = c(!1), se = c([]), N = c(null), O = c([]);
-  c([]);
-  const b = c([]), P = c(0), M = c(0), g = c(0), _ = c(0), [Z, ee] = k(null), de = c(null), [_e, Ce] = k("neutral"), [We, Pe] = k(""), [h, o] = k(""), [r, t] = k("Chat with us"), [l, j] = k(null), [D, we] = k("hidden"), [Le, xe] = k(""), Ae = c(null), Me = c(D);
-  Me.current = D;
-  const [Xe, ke] = k(null), Ee = c(null), Te = c(null), [he, ve] = k("hidden"), [J, fe] = k(""), G = c(he);
-  G.current = he;
-  const X = c(""), oe = c(!1), K = c(""), Re = ze(() => C === "Thinking..." || C === "Processing Voice..." ? C : l != null && l !== "" && l !== "none" && l !== "<none>" ? `Enter ${Yt(l)}` : null, [C, l]), Oe = Re != null && Re !== "";
+const en = ({
+  token: u,
+  agentToken: x,
+  onNavigationRequested: w
+} = {}) => {
+  const p = u ?? x ?? "", D = Vt(p || void 0), [M, L] = y(""), [he, re] = y(""), [O, k] = y("Ready"), [Q, U] = y(!1), [E, ce] = y(!1), [g, ke] = y(
+    () => typeof window < "u" ? window.matchMedia("(max-width: 480px)").matches : !1
+  );
+  z(() => {
+    const e = window.matchMedia("(max-width: 480px)"), t = () => ke(e.matches);
+    return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+  }, []);
+  const Z = g ? 80 : 600, pe = o(!1), se = o([]), J = o(0), I = o(!1), m = o([]), $ = o(null), R = o([]);
+  o([]);
+  const v = o([]), b = o(0), K = o(0), q = o(0), le = o(0), ee = o(!1), [Re, Ue] = y(
+    null
+  ), Ce = o(null), [d, c] = y("neutral"), [s, n] = y(""), [h, H] = y(""), [Y, be] = y("Chat with us"), [me, Ae] = y(
+    null
+  ), [ge, _e] = y("hidden"), [De, we] = y(""), Oe = o(null), Le = o(ge);
+  Le.current = ge;
+  const [je, Ne] = y(null), j = o(null), ie = o(null), [W, ve] = y("hidden"), [Ee, Se] = y(""), Je = o(W);
+  Je.current = W;
+  const ue = o(""), Me = o(!1), Te = o(""), Ie = et(() => O === "Thinking..." || O === "Processing Voice..." ? O : me != null && me !== "" && me !== "none" && me !== "<none>" ? `Enter ${Zt(me)}` : null, [O, me]), We = Ie != null && Ie !== "";
   z(() => {
-    const e = Me.current;
+    const e = Le.current;
     if (!(e === "exiting" || e === "entering")) {
       if (e === "hidden") {
-        Oe && (xe(Re ?? ""), we("entering"));
+        We && (we(Ie ?? ""), _e("entering"));
         return;
       }
-      e === "visible" && (!Oe || Re !== Le) && (Ae.current = Oe ? Re : null, we("exiting"));
+      e === "visible" && (!We || Ie !== De) && (Oe.current = We ? Ie : null, _e("exiting"));
     }
-  }, [Oe, Re, D, Le]);
-  const lt = Ue(() => {
-    const e = Me.current;
+  }, [
+    We,
+    Ie,
+    ge,
+    De
+  ]);
+  const pt = $e(() => {
+    const e = Le.current;
     if (e === "exiting") {
-      we("hidden");
-      const i = Ae.current;
-      Ae.current = null, i != null && i !== "" && (xe(i), we("entering"));
-    } else e === "entering" && we("visible");
-  }, []), ut = (e) => {
+      _e("hidden");
+      const t = Oe.current;
+      Oe.current = null, t != null && t !== "" && (we(t), _e("entering"));
+    } else e === "entering" && _e("visible");
+  }, []), mt = (e) => {
     if (!e) return;
     if (e.mood != null) {
-      const n = String(e.mood).toLowerCase();
-      Ce(n);
+      const r = String(e.mood).toLowerCase();
+      c(r);
     }
     if (e.expression != null) {
-      const n = String(e.expression).trim();
-      Pe(n);
-      const u = Nt.find((w) => w.name.toLowerCase() === n.toLowerCase());
-      H(`[STREAM] Animation match for "${n}": ${u ? u.name : "NONE"}`), o(u?.url ?? "");
+      const r = String(e.expression).trim();
+      n(r);
+      const l = $t.find(
+        (_) => _.name.toLowerCase() === r.toLowerCase()
+      );
+      B(
+        `[STREAM] Animation match for "${r}": ${l ? l.name : "NONE"}`
+      ), H(l?.url ?? "");
     }
     if (e.navigation != null) {
-      const n = String(e.navigation).trim();
-      n !== "" && (v ? v(n) : window.open(n, "_blank"));
+      const r = String(e.navigation).trim();
+      r !== "" && (w ? w(r) : window.open(r, "_blank"));
     }
-    const i = e.ask_for || e.lead_capture?.ask_for, s = i ? String(i).trim().toLowerCase() : "", a = s === "none" || s === "<none>";
-    if (i && !a) {
-      const n = s;
-      j(n || null), t(n === "email" ? "Enter your email" : n === "name" ? "Enter your name" : n === "phone" ? "Enter your phone number" : "Chat with us");
-    } else (a || e.ask_for === null || e.lead_capture && e.lead_capture.ask_for === null || e.ask_for === "none") && (j(null), r !== "Chat with us" && t("Chat with us"));
+    const t = e.ask_for || e.lead_capture?.ask_for, i = t ? String(t).trim().toLowerCase() : "", a = i === "none" || i === "<none>";
+    if (t && !a) {
+      const r = i;
+      Ae(r || null), be(r === "email" ? "Enter your email" : r === "name" ? "Enter your name" : r === "phone" ? "Enter your phone number" : "Chat with us");
+    } else (a || e.ask_for === null || e.lead_capture && e.lead_capture.ask_for === null || e.ask_for === "none") && (Ae(null), Y !== "Chat with us" && be("Chat with us"));
     e.collected, e.valid;
-  }, dt = (e) => {
-    const i = e.trim();
-    if (!i) return null;
-    if (i.startsWith("{"))
+  }, gt = (e) => {
+    const t = e.trim();
+    if (!t) return null;
+    if (t.startsWith("{"))
       try {
-        return JSON.parse(i);
+        return JSON.parse(t);
       } catch {
         return null;
       }
-    if (i.includes(":")) {
-      const s = i.split(":"), a = s[0].trim().toLowerCase(), n = s.slice(1).join(":").trim();
-      return { [a]: n };
+    if (t.includes(":")) {
+      const i = t.split(":"), a = i[0].trim().toLowerCase(), r = i.slice(1).join(":").trim();
+      return { [a]: r };
     }
     return null;
-  }, ht = Ue(() => {
-  }, []), Ke = (e) => {
-    if (oe.current)
-      e === "§" ? oe.current = !1 : (K.current += e, re((i) => i + e));
+  }, bt = $e(() => {
+  }, []), tt = (e) => {
+    if (Me.current)
+      e === "§" ? Me.current = !1 : (Te.current += e, re((t) => t + e));
     else if (e === "§") {
-      oe.current = !0;
+      Me.current = !0;
       return;
     } else
-      for (X.current += e; X.current.includes(`
+      for (ue.current += e; ue.current.includes(`
 `); ) {
-        const i = X.current.indexOf(`
-`), s = X.current.slice(0, i).trim();
-        X.current = X.current.slice(i + 1);
-        const a = dt(s);
-        a && ut(a);
+        const t = ue.current.indexOf(`
+`), i = ue.current.slice(0, t).trim();
+        ue.current = ue.current.slice(t + 1);
+        const a = gt(i);
+        a && mt(a);
       }
   };
   z(() => {
     (async () => {
-      if (!sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID")) {
-        const s = "secret", a = Math.floor(Date.now() / 1e3).toString();
+      if (!sessionStorage.getItem(
+        "STREAMOJI_LEADS_SESSION_LEAD_ID"
+      )) {
+        const i = "secret", a = Math.floor(Date.now() / 1e3).toString();
         try {
-          const n = new TextEncoder(), u = await crypto.subtle.importKey(
+          const r = new TextEncoder(), l = await crypto.subtle.importKey(
             "raw",
-            n.encode(s),
+            r.encode(i),
             { name: "HMAC", hash: "SHA-256" },
             !1,
             ["sign"]
-          ), w = await crypto.subtle.sign(
+          ), _ = await crypto.subtle.sign(
             "HMAC",
-            u,
-            n.encode(a)
-          ), V = Array.from(new Uint8Array(w)).map((S) => S.toString(16).padStart(2, "0")).join("");
-          sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", V), H("[SESSION] New HMAC UID generated and saved:", V);
-        } catch (n) {
-          console.error("[SESSION] HMAC generation failed:", n);
-          const u = Math.random().toString(36) + Date.now().toString();
-          sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", u);
+            l,
+            r.encode(a)
+          ), P = Array.from(new Uint8Array(_)).map((S) => S.toString(16).padStart(2, "0")).join("");
+          sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", P), B("[SESSION] New HMAC UID generated and saved:", P);
+        } catch (r) {
+          console.error("[SESSION] HMAC generation failed:", r);
+          const l = Math.random().toString(36) + Date.now().toString();
+          sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", l);
         }
       }
-      sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES") || sessionStorage.setItem("STREAMOJI_LEADS_SESSION_MESSAGES", JSON.stringify([]));
+      sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES") || sessionStorage.setItem(
+        "STREAMOJI_LEADS_SESSION_MESSAGES",
+        JSON.stringify([])
+      );
     })();
   }, []);
-  const Qe = () => {
+  const nt = () => {
     try {
-      return JSON.parse(sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES") || "[]");
+      return JSON.parse(
+        sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES") || "[]"
+      );
     } catch {
       return [];
     }
-  }, ft = (e) => {
-    sessionStorage.setItem("STREAMOJI_LEADS_SESSION_MESSAGES", JSON.stringify(e));
-  }, [Ve, Be] = k(!1), [Ze, $e] = k(0), ae = c(null), De = c([]), et = c(0), [tt, pt] = k(null), [mt, He] = k(null), pe = c(null), Se = c(null), je = Ue(() => {
-    se.current = [], ue.current = !1, le(!1), P.current = 0, M.current = 0, g.current = 0, O.current.forEach((e) => {
+  }, _t = (e) => {
+    sessionStorage.setItem(
+      "STREAMOJI_LEADS_SESSION_MESSAGES",
+      JSON.stringify(e)
+    );
+  }, [qe, Ge] = y(!1), [rt, ze] = y(0), oe = o(null), Pe = o([]), st = o(0), [it, wt] = y(
+    null
+  ), [vt, Ye] = y(
+    null
+  ), de = o(null), ye = o(
+    null
+  ), Ve = $e((e = !1) => {
+    e && (ee.current = !0, U(!1), k("Ready")), m.current = [], se.current = [], I.current = !1, ce(!1), b.current = 0, K.current = 0, q.current = 0, R.current.forEach((t) => {
       try {
-        e.stop();
+        t.stop();
       } catch {
       }
-    }), Ee.current && (clearTimeout(Ee.current), Ee.current = null), ke(null), o(""), O.current = [];
-  }, []), gt = async () => {
+    }), j.current && (clearTimeout(j.current), j.current = null), Ne(null), H(""), R.current = [];
+  }, []), St = async () => {
     try {
-      const e = await navigator.mediaDevices.getUserMedia({ audio: !0 }), i = window.AudioContext || window.webkitAudioContext, s = new i(), a = s.createMediaStreamSource(e), n = s.createAnalyser();
-      n.fftSize = 64, a.connect(n), pe.current = s, Se.current = a, He(n);
-      const u = new MediaRecorder(e);
-      ae.current = u, De.current = [], u.ondataavailable = (w) => {
-        w.data.size > 0 && De.current.push(w.data);
-      }, u.onstop = async () => {
-        const w = Date.now() - et.current;
-        if (He(null), Se.current && (Se.current.disconnect(), Se.current = null), pe.current && pe.current.state !== "closed" && (pe.current.close(), pe.current = null), w < 1e3) {
-          L("Recording too short. Hold or click longer."), W(!1);
+      const e = await navigator.mediaDevices.getUserMedia({ audio: !0 }), t = window.AudioContext || window.webkitAudioContext, i = new t(), a = i.createMediaStreamSource(e), r = i.createAnalyser();
+      r.fftSize = 64, a.connect(r), de.current = i, ye.current = a, Ye(r);
+      const l = new MediaRecorder(e);
+      oe.current = l, Pe.current = [], l.ondataavailable = (_) => {
+        _.data.size > 0 && Pe.current.push(_.data);
+      }, l.onstop = async () => {
+        const _ = Date.now() - st.current;
+        if (Ye(null), ye.current && (ye.current.disconnect(), ye.current = null), de.current && de.current.state !== "closed" && (de.current.close(), de.current = null), _ < 1e3) {
+          k("Recording too short. Hold or click longer."), U(!1);
           return;
         }
-        const x = new Blob(De.current, { type: "audio/wav" });
-        await vt(x);
-      }, et.current = Date.now(), u.start(100), Be(!0), L("Listening...");
+        const A = new Blob(Pe.current, {
+          type: "audio/wav"
+        });
+        await Rt(A);
+      }, st.current = Date.now(), l.start(100), Ge(!0), k("Listening...");
     } catch (e) {
-      console.error("Error accessing microphone:", e), L("Mic Access Error");
+      console.error("Error accessing microphone:", e), k("Mic Access Error");
     }
-  }, bt = () => {
-    ae.current && ae.current.state !== "inactive" && (ae.current.stop(), ae.current.stream.getTracks().forEach((e) => e.stop()), Be(!1));
-  }, _t = () => {
-    ae.current && ae.current.state !== "inactive" && (ae.current.onstop = null, ae.current.stop(), ae.current.stream.getTracks().forEach((e) => e.stop()), He(null), Se.current && (Se.current.disconnect(), Se.current = null), pe.current && pe.current.state !== "closed" && (pe.current.close(), pe.current = null), Be(!1), De.current = [], L("Ready"));
+  }, yt = () => {
+    oe.current && oe.current.state !== "inactive" && (oe.current.stop(), oe.current.stream.getTracks().forEach((e) => e.stop()), Ge(!1));
+  }, xt = () => {
+    oe.current && oe.current.state !== "inactive" && (oe.current.onstop = null, oe.current.stop(), oe.current.stream.getTracks().forEach((e) => e.stop()), Ye(null), ye.current && (ye.current.disconnect(), ye.current = null), de.current && de.current.state !== "closed" && (de.current.close(), de.current = null), Ge(!1), Pe.current = [], k("Ready"));
   };
   z(() => {
-    if (!A) return;
+    if (!E) return;
     const e = () => {
-      const i = g.current;
-      if (i <= 0) return;
-      const s = N.current, a = P.current;
-      if (!s) return;
-      const n = s.currentTime - a, u = Math.min(Math.max(0, n), i), w = ge.trim().length;
-      if (w <= 0) return;
-      const x = Math.min(
-        Math.round(u / i * w),
-        w
+      const t = q.current;
+      if (t <= 0) return;
+      const i = $.current, a = b.current;
+      if (!i) return;
+      const r = i.currentTime - a, l = Math.min(Math.max(0, r), t), _ = he.trim().length;
+      if (_ <= 0) return;
+      const A = Math.min(
+        Math.round(l / t * _),
+        _
       );
-      ee(x);
+      Ue(A);
     };
-    return clearInterval(de.current ?? void 0), de.current = setInterval(e, 90), () => clearInterval(de.current ?? void 0);
-  }, [A, ge, g.current]), z(() => {
+    return clearInterval(Ce.current ?? void 0), Ce.current = setInterval(e, 90), () => clearInterval(Ce.current ?? void 0);
+  }, [E, he, q.current]), z(() => {
     let e;
-    return Ve ? ($e(0), e = window.setInterval(() => {
-      $e((i) => i + 1);
-    }, 1e3)) : $e(0), () => clearInterval(e);
-  }, [Ve]);
-  const wt = (e) => {
-    const i = e.numberOfChannels, s = e.length * i * 2 + 44, a = new ArrayBuffer(s), n = new DataView(a);
-    let u = 0;
-    const w = (F) => {
-      n.setUint16(u, F, !0), u += 2;
-    }, x = (F) => {
-      n.setUint32(u, F, !0), u += 4;
+    return qe ? (ze(0), e = window.setInterval(() => {
+      ze((t) => t + 1);
+    }, 1e3)) : ze(0), () => clearInterval(e);
+  }, [qe]);
+  const kt = (e) => {
+    const t = e.numberOfChannels, i = e.length * t * 2 + 44, a = new ArrayBuffer(i), r = new DataView(a);
+    let l = 0;
+    const _ = (F) => {
+      r.setUint16(l, F, !0), l += 2;
+    }, A = (F) => {
+      r.setUint32(l, F, !0), l += 4;
     };
-    x(1179011410), x(s - 8), x(1163280727), x(544501094), x(16), w(1), w(i), x(e.sampleRate), x(e.sampleRate * 2 * i), w(i * 2), w(16), x(1635017060), x(s - u - 4);
-    const V = [];
-    for (let F = 0; F < i; F++) V.push(e.getChannelData(F));
+    A(1179011410), A(i - 8), A(1163280727), A(544501094), A(16), _(1), _(t), A(e.sampleRate), A(e.sampleRate * 2 * t), _(t * 2), _(16), A(1635017060), A(i - l - 4);
+    const P = [];
+    for (let F = 0; F < t; F++) P.push(e.getChannelData(F));
     let S = 0;
-    for (; u < s; ) {
-      for (let F = 0; F < i; F++) {
-        let B = Math.max(-1, Math.min(1, V[F][S]));
-        B = B < 0 ? B * 32768 : B * 32767, n.setInt16(u, B, !0), u += 2;
+    for (; l < i; ) {
+      for (let F = 0; F < t; F++) {
+        let N = Math.max(-1, Math.min(1, P[F][S]));
+        N = N < 0 ? N * 32768 : N * 32767, r.setInt16(l, N, !0), l += 2;
       }
       S++;
     }
     return new Blob([a], { type: "audio/wav" });
-  }, Je = async (e, i, s = !1) => {
-    if (m.current) {
-      be.current.push({ audio: e, visemes: i, isNewSegment: s });
-      return;
-    }
-    m.current = !0;
-    try {
-      const a = window.AudioContext || window.webkitAudioContext, n = N.current ?? new a();
-      n.state === "suspended" && await n.resume(), N.current = n;
-      const u = window.atob(e), w = new Uint8Array(u.length);
-      for (let U = 0; U < u.length; U++) w[U] = u.charCodeAt(U);
-      const x = await n.decodeAudioData(w.buffer.slice(0));
-      g.current += x.duration;
-      const V = n.currentTime;
-      let S = M.current;
-      const F = !ue.current;
-      S < V && (S = V + 0.1), M.current = S + x.duration;
-      const B = n.createBufferSource();
-      B.buffer = x;
-      let $ = tt;
-      if ((!$ || $.context !== n) && ($ = n.createAnalyser(), $.fftSize = 64, $.connect(n.destination), pt($)), B.connect($), O.current.push(B), F) {
-        ue.current = !0, le(!0), H(`[AUDIO] setIsSpeaking(true) - First chunk starting at ${S.toFixed(3)}`), P.current = S;
-        const U = (S - V) * 1e3;
-        ie.current = performance.now() + U, H(`[AUDIO] Response started. Initial startTime: ${S.toFixed(3)}, CT: ${V.toFixed(3)}`);
+  }, Xe = async (e, t, i = !1) => {
+    if (!ee.current) {
+      if (pe.current) {
+        se.current.push({
+          audio: e,
+          visemes: t,
+          isNewSegment: i
+        });
+        return;
       }
-      B.start(S);
-      const Y = (S - P.current) * 1e3;
-      s && (_.current = Y, H(`[AUDIO] New segment detected at +${Y.toFixed(0)}ms. Resetting segment offset.`)), i.forEach((U, me) => {
-        const T = U.symbol ?? "";
-        if (T) {
-          const te = Jt(T), ce = Math.round(U.start * 1e3), ye = Math.round((U.duration ?? 0) * 1e3), it = _.current + ce;
-          me < 3 && H(`[AUDIO] Viseme "${T}": segment_relative=${ce}ms, segment_offset=${_.current.toFixed(0)}ms => vtime=${it}ms`), te.forEach((st) => {
-            se.current.push({ viseme: st.v, weight: st.w, vtime: it, vduration: ye });
-          });
+      pe.current = !0;
+      try {
+        const a = window.AudioContext || window.webkitAudioContext, r = $.current ?? new a();
+        r.state === "suspended" && await r.resume(), $.current = r;
+        const l = window.atob(e), _ = new Uint8Array(l.length);
+        for (let T = 0; T < l.length; T++)
+          _[T] = l.charCodeAt(T);
+        const A = await r.decodeAudioData(_.buffer.slice(0));
+        q.current += A.duration;
+        const P = r.currentTime;
+        let S = K.current;
+        const F = !I.current;
+        S < P && (S = P + 0.1), K.current = S + A.duration;
+        const N = r.createBufferSource();
+        N.buffer = A;
+        let V = it;
+        if ((!V || V.context !== r) && (V = r.createAnalyser(), V.fftSize = 64, V.connect(r.destination), wt(V)), N.connect(V), R.current.push(N), ee.current) {
+          R.current = R.current.filter((T) => T !== N);
+          return;
+        }
+        if (F) {
+          I.current = !0, ce(!0), B(
+            `[AUDIO] setIsSpeaking(true) - First chunk starting at ${S.toFixed(
+              3
+            )}`
+          ), b.current = S;
+          const T = (S - P) * 1e3;
+          J.current = performance.now() + T, B(
+            `[AUDIO] Response started. Initial startTime: ${S.toFixed(
+              3
+            )}, CT: ${P.toFixed(3)}`
+          );
+        }
+        N.start(S);
+        const X = (S - b.current) * 1e3;
+        i && (le.current = X, B(
+          `[AUDIO] New segment detected at +${X.toFixed(
+            0
+          )}ms. Resetting segment offset.`
+        )), t.forEach((T, fe) => {
+          const C = T.symbol ?? "";
+          if (C) {
+            const te = Xt(C), ae = Math.round(T.start * 1e3), xe = Math.round((T.duration ?? 0) * 1e3), ct = le.current + ae;
+            fe < 3 && B(
+              `[AUDIO] Viseme "${C}": segment_relative=${ae}ms, segment_offset=${le.current.toFixed(
+                0
+              )}ms => vtime=${ct}ms`
+            ), te.forEach((lt) => {
+              m.current.push({
+                viseme: lt.v,
+                weight: lt.w,
+                vtime: ct,
+                vduration: xe
+              });
+            });
+          }
+        }), k("Speaking...");
+      } finally {
+        if (pe.current = !1, se.current.length > 0) {
+          const a = se.current.shift();
+          a && Xe(a.audio, a.visemes, a.isNewSegment);
         }
-      }), L("Speaking...");
-    } finally {
-      if (m.current = !1, be.current.length > 0) {
-        const a = be.current.shift();
-        a && Je(a.audio, a.visemes, a.isNewSegment);
       }
     }
-  }, vt = async (e) => {
+  }, Rt = async (e) => {
     try {
-      W(!0), K.current = "", re(""), L("Processing Voice...");
-      const i = await e.arrayBuffer(), a = await new (window.AudioContext || window.webkitAudioContext)().decodeAudioData(i), n = wt(a), u = new FileReader();
-      u.readAsDataURL(n), u.onloadend = async () => {
-        const w = u.result.split(",")[1];
-        je(), R(""), X.current = "", oe.current = !1;
-        const x = `${at}/stt?token=${encodeURIComponent(p)}`, V = await fetch(x, {
+      U(!0), Te.current = "", re(""), k("Processing Voice...");
+      const t = await e.arrayBuffer(), a = await new (window.AudioContext || window.webkitAudioContext)().decodeAudioData(t), r = kt(a), l = new FileReader();
+      l.readAsDataURL(r), l.onloadend = async () => {
+        const _ = l.result.split(",")[1];
+        Ve(), L(""), ue.current = "", Me.current = !1;
+        const A = `${dt}/stt?token=${encodeURIComponent(
+          p
+        )}`, P = await fetch(A, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ audio_base64: w, audio_format: "wav" })
+          body: JSON.stringify({
+            audio_base64: _,
+            audio_format: "wav"
+          })
         });
-        if (!V.ok) {
-          const me = await V.text();
-          let T = "STT Failed";
+        if (!P.ok) {
+          const fe = await P.text();
+          let C = "STT Failed";
           try {
-            T = JSON.parse(me).error || T;
+            C = JSON.parse(fe).error || C;
           } catch {
-            me && (T = me.slice(0, 200));
+            fe && (C = fe.slice(0, 200));
           }
-          throw new Error(T);
+          throw new Error(C);
         }
-        const S = V.body;
-        if (H("this is body" + S), !S) {
-          L("STT Failed"), W(!1);
+        const S = P.body;
+        if (B("this is body" + S), !S) {
+          k("STT Failed"), U(!1);
           return;
         }
-        const F = S.getReader(), B = new TextDecoder();
-        let $ = "", Y = !1;
-        const U = async (me, T) => {
-          switch (me) {
+        const F = S.getReader();
+        ee.current = !1;
+        const N = new TextDecoder();
+        let V = "", X = !1;
+        const T = async (fe, C) => {
+          switch (fe) {
             case "transcript":
-              T.transcript != null && R(String(T.transcript));
+              C.transcript != null && L(String(C.transcript));
               break;
             case "text": {
-              const te = T.delta ?? T.text ?? "";
-              te && Ke(te);
+              const te = C.delta ?? C.text ?? "";
+              te && tt(te);
               break;
             }
             case "audio": {
-              const te = T.chunk, ce = T.visemes ?? [], ye = !!T.is_new_segment;
-              te && await Je(te, ce, ye);
+              const te = C.chunk, ae = C.visemes ?? [], xe = !!C.is_new_segment;
+              te && await Xe(te, ae, xe);
               break;
             }
             case "done": {
-              Y = !0, L("Ready"), W(!1);
+              X = !0, k("Ready"), U(!1);
               break;
             }
             case "error": {
-              Y = !0, L("STT Failed"), W(!1);
+              X = !0, k("STT Failed"), U(!1);
               break;
             }
             default:
@@ -765,292 +1063,435 @@ const zt = ({ token: d, agentToken: y, onNavigationRequested: v } = {}) => {
           }
         };
         for (; ; ) {
-          const { done: me, value: T } = await F.read();
-          T && ($ += B.decode(T, { stream: !0 }));
-          const te = $.split(`
+          const { done: fe, value: C } = await F.read();
+          C && (V += N.decode(C, { stream: !0 }));
+          const te = V.split(`
 
 `);
-          $ = te.pop() ?? "";
-          for (const ce of te) {
-            const ye = Fe(ce);
-            ye && await U(ye.event, ye.data);
+          V = te.pop() ?? "";
+          for (const ae of te) {
+            const xe = Be(ae);
+            xe && await T(xe.event, xe.data);
           }
-          if (me) {
-            if ($.trim()) {
-              const ce = Fe($.trim());
-              ce && await U(ce.event, ce.data);
+          if (fe) {
+            if (V.trim()) {
+              const ae = Be(V.trim());
+              ae && await T(ae.event, ae.data);
             }
-            Y || (L("Ready"), W(!1));
+            X || (k("Ready"), U(!1));
             break;
           }
         }
       };
-    } catch (i) {
-      console.error("Audio Submission Error:", i), L("STT Failed"), W(!1);
+    } catch (t) {
+      console.error("Audio Submission Error:", t), k("STT Failed"), U(!1);
     }
-  }, St = async (e) => {
-    e && e.preventDefault(), K.current = "", re(""), !(!E || Q) && await yt(E);
-  }, Fe = (e) => {
-    const i = e.split(/\r?\n/);
-    let s = "", a = "";
-    for (const u of i)
-      u.startsWith("event:") ? s = u.slice(6).trim() : u.startsWith("data:") && (a = u.slice(5).trim());
-    if (!s) return null;
-    let n = {};
+  }, At = async (e) => {
+    e && e.preventDefault(), Te.current = "", re(""), !(!M || Q) && await Lt(M);
+  }, Be = (e) => {
+    const t = e.split(/\r?\n/);
+    let i = "", a = "";
+    for (const l of t)
+      l.startsWith("event:") ? i = l.slice(6).trim() : l.startsWith("data:") && (a = l.slice(5).trim());
+    if (!i) return null;
+    let r = {};
     if (a)
       try {
-        n = JSON.parse(a);
+        r = JSON.parse(a);
       } catch {
-        n = { raw: a };
+        r = { raw: a };
       }
-    return { event: s, data: n };
-  }, nt = (e, i) => {
+    return { event: i, data: r };
+  }, ot = (e, t) => {
     switch (e) {
       case "connected":
-        X.current = "", oe.current = !1;
+        ue.current = "", Me.current = !1;
         break;
       case "text": {
-        const s = i.delta ?? "";
-        s && Ke(s);
+        const i = t.delta ?? "";
+        i && tt(i);
         break;
       }
       case "audio": {
-        const s = i.chunk, a = i.visemes ?? [];
-        s && Je(s, a);
+        const i = t.chunk, a = t.visemes ?? [];
+        i && Xe(i, a);
         break;
       }
       case "done": {
-        const s = Qe(), a = K.current.trim(), n = [
-          ...s,
-          { role: "user", content: E || "..." },
+        const i = nt(), a = Te.current.trim(), r = [
+          ...i,
+          { role: "user", content: M || "..." },
           { role: "assistant", content: a }
         ];
-        ft(n), b.current = [...se.current], L("Ready"), W(!1), R("");
+        _t(r), v.current = [...m.current], k("Ready"), U(!1), L("");
         break;
       }
       case "error": {
-        const s = i.message ?? "Unknown error";
-        K.current = s, re(s), L("Agent Failed"), W(!1);
+        const i = t.message ?? "Unknown error";
+        Te.current = i, re(i), k("Agent Failed"), U(!1);
         break;
       }
     }
-  }, yt = async (e) => {
-    W(!0), L("Thinking..."), K.current = "", X.current = "", oe.current = !1, je(), g.current = 0, ee(0);
-    const i = `${at}/agent/chat?token=${encodeURIComponent(p)}`;
+  }, Lt = async (e) => {
+    U(!0), k("Thinking..."), Te.current = "", ue.current = "", Me.current = !1, Ve(), q.current = 0, Ue(0);
+    const t = `${dt}/agent/chat?token=${encodeURIComponent(
+      p
+    )}`;
     try {
-      const s = Qe();
+      const i = nt();
       let a = sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID");
-      a || (Ct("[CHAT] Session UID missing at send time! Generating emergency backup."), a = "emergency-" + Math.random().toString(36).substring(7), sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", a));
-      const n = {
-        history: s,
+      a || (Nt(
+        "[CHAT] Session UID missing at send time! Generating emergency backup."
+      ), a = "emergency-" + Math.random().toString(36).substring(7), sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", a));
+      const r = {
+        history: i,
         question: e,
         lead_id: a
       };
-      H("[CHAT] Sending payload:", n);
-      const u = await fetch(i, {
+      B("[CHAT] Sending payload:", r);
+      const l = await fetch(t, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
-        body: JSON.stringify(n),
+        body: JSON.stringify(r),
         cache: "default"
       });
-      if (!u.ok)
+      if (!l.ok)
         throw new Error("Agent request failed");
-      const w = u.body;
-      if (!w) {
-        L("Agent Failed"), W(!1);
+      const _ = l.body;
+      if (!_) {
+        k("Agent Failed"), U(!1);
         return;
       }
-      const x = w.getReader(), V = new TextDecoder();
+      const A = _.getReader();
+      ee.current = !1;
+      const P = new TextDecoder();
       let S = "";
       for (; ; ) {
-        const { done: F, value: B } = await x.read();
-        H(`[SSE] Chunk received. done=${F}, length=${B?.length || 0}`), B && (S += V.decode(B, { stream: !0 }));
-        const $ = S.split(`
+        const { done: F, value: N } = await A.read();
+        B(
+          `[SSE] Chunk received. done=${F}, length=${N?.length || 0}`
+        ), N && (S += P.decode(N, { stream: !0 }));
+        const V = S.split(`
 
 `);
-        S = $.pop() ?? "";
-        for (const Y of $) {
-          H(`[SSE] Processing block: ${Y.slice(0, 50)}...`);
-          const U = Fe(Y);
-          U && (H(`[SSE] Event: ${U.event}`), nt(U.event, U.data));
+        S = V.pop() ?? "";
+        for (const X of V) {
+          B(`[SSE] Processing block: ${X.slice(0, 50)}...`);
+          const T = Be(X);
+          T && (B(`[SSE] Event: ${T.event}`), ot(T.event, T.data));
         }
         if (F) {
-          if (H("[SSE] Stream finished"), S.trim()) {
-            const Y = Fe(S.trim());
-            Y && nt(Y.event, Y.data);
+          if (B("[SSE] Stream finished"), S.trim()) {
+            const X = Be(S.trim());
+            X && ot(X.event, X.data);
           }
-          L("Ready"), W(!1), R("");
+          k("Ready"), U(!1), L("");
           break;
         }
       }
-    } catch (s) {
-      console.error("Chat Error:", s), L("Agent Failed"), W(!1);
+    } catch (i) {
+      console.error("Chat Error:", i), k("Agent Failed"), U(!1);
     }
-  }, rt = ge.trim(), qe = rt && A ? rt.slice(0, Z != null && Z > 0 ? Z : 0) : "";
+  }, at = he.trim(), Ke = at && E ? at.slice(
+    0,
+    Re != null && Re > 0 ? Re : 0
+  ) : "";
   z(() => {
-    const e = G.current;
-    e !== "exiting" && (qe ? (fe(qe), e === "hidden" && ve("entering")) : (e === "visible" || e === "entering") && ve("exiting"));
-  }, [qe, he]);
-  const xt = Ue(() => {
-    const e = G.current;
+    const e = Je.current;
+    e !== "exiting" && (Ke ? (Se(Ke), e === "hidden" && ve("entering")) : (e === "visible" || e === "entering") && ve("exiting"));
+  }, [Ke, W]);
+  const Et = $e(() => {
+    const e = Je.current;
     e === "entering" ? ve("visible") : e === "exiting" && ve("hidden");
   }, []);
-  return Rt(() => {
-    const e = Te.current;
+  return Ot(() => {
+    const e = ie.current;
     e && (e.scrollTop = e.scrollHeight);
-  }, [J]), /* @__PURE__ */ ne("div", { className: "avatar-widget-container", children: [
+  }, [Ee]), /* @__PURE__ */ ne("div", { className: "avatar-widget-container", children: [
     /* @__PURE__ */ ne("div", { className: "avatar-input-area", children: [
-      D !== "hidden" ? /* @__PURE__ */ f(
+      ge !== "hidden" ? /* @__PURE__ */ f(
         "div",
         {
-          className: `avatar-thinking-tab${D === "exiting" ? " avatar-thinking-tab--exiting" : D === "entering" ? " avatar-thinking-tab--entering" : ""}`,
-          onAnimationEnd: lt,
-          children: Le
+          className: `avatar-thinking-tab${ge === "exiting" ? " avatar-thinking-tab--exiting" : ge === "entering" ? " avatar-thinking-tab--entering" : ""}`,
+          onAnimationEnd: pt,
+          children: De
         }
       ) : null,
-      /* @__PURE__ */ f("div", { className: "avatar-input-container", children: /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center", width: "100%", height: "100%" }, children: Ve ? /* @__PURE__ */ ne("div", { className: "avatar-input-recording", children: [
-        /* @__PURE__ */ f(
-          "button",
-          {
-            type: "button",
-            className: "avatar-recording-cancel",
-            onClick: _t,
-            title: "Cancel",
-            children: /* @__PURE__ */ ne("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", style: { display: "block" }, children: [
-              /* @__PURE__ */ f("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-              /* @__PURE__ */ f("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ ne("div", { style: { flex: 1, height: "100%", position: "relative", display: "flex", alignItems: "center", minWidth: 0 }, children: [
-          /* @__PURE__ */ f("div", { style: { flex: 1, height: "100%" }, children: /* @__PURE__ */ f(ot, { analyser: mt }) }),
-          /* @__PURE__ */ ne("span", { style: {
-            fontSize: "0.75rem",
-            color: "#64748b",
-            fontWeight: 500,
-            marginLeft: "4px",
-            minWidth: "32px",
-            textAlign: "right",
-            fontVariantNumeric: "tabular-nums"
-          }, children: [
-            Math.floor(Ze / 60),
-            ":",
-            String(Ze % 60).padStart(2, "0")
-          ] })
-        ] }),
-        /* @__PURE__ */ f(
-          "button",
-          {
-            type: "button",
-            className: "avatar-recording-confirm",
-            onClick: bt,
-            title: "Send",
-            children: /* @__PURE__ */ f("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", style: { display: "block" }, children: /* @__PURE__ */ f("polyline", { points: "20 6 9 17 4 12" }) })
-          }
-        )
-      ] }) : A ? /* @__PURE__ */ f("div", { style: { flex: 1, height: "100%", display: "flex", alignItems: "center", paddingRight: "8px" }, children: /* @__PURE__ */ f(ot, { analyser: tt }) }) : Q ? /* @__PURE__ */ f("div", { style: { flex: 1, height: "100%", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ f("div", { className: "avatar-input-loader" }) }) : /* @__PURE__ */ ne("form", { onSubmit: St, style: { flex: 1, display: "flex", height: "100%", alignItems: "center" }, children: [
-        /* @__PURE__ */ f(
-          "input",
-          {
-            id: "avatar-text-input",
-            type: "text",
-            value: E,
-            onChange: (e) => R(e.target.value),
-            placeholder: "Ask me anything",
-            disabled: Q,
-            autoComplete: "off",
-            style: { width: "100%", height: "100%" }
-          }
-        ),
-        E.trim() === "" ? /* @__PURE__ */ f(
-          "button",
-          {
-            type: "button",
-            className: "mic-button",
-            onClick: gt,
-            disabled: Q,
-            style: { backgroundColor: "#1e4a5e" },
-            children: /* @__PURE__ */ ne("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-              /* @__PURE__ */ f("path", { d: "M12 14C13.66 14 15 12.66 15 11V5C15 3.34 13.66 2 12 2C10.34 2 9 3.34 9 5V11C9 12.66 10.34 14 12 14Z", fill: "white" }),
-              /* @__PURE__ */ f("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", fill: "white" })
-            ] })
-          }
-        ) : /* @__PURE__ */ f(
-          "button",
-          {
-            type: "submit",
-            className: "mic-button",
-            disabled: Q,
-            style: { backgroundColor: "#1e4a5e" },
-            title: "Send",
-            children: /* @__PURE__ */ ne("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-              /* @__PURE__ */ f("path", { d: "M22 2L11 13", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-              /* @__PURE__ */ f("path", { d: "M22 2L15 22L11 13L2 9L22 2Z", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-            ] })
-          }
-        )
-      ] }) }) })
+      /* @__PURE__ */ f("div", { className: "avatar-input-container", children: /* @__PURE__ */ f(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            width: "100%",
+            height: "100%"
+          },
+          children: qe ? /* @__PURE__ */ ne("div", { className: "avatar-input-recording", children: [
+            /* @__PURE__ */ f(
+              "button",
+              {
+                type: "button",
+                className: "avatar-recording-cancel",
+                onClick: xt,
+                title: "Cancel",
+                children: /* @__PURE__ */ ne(
+                  "svg",
+                  {
+                    width: "18",
+                    height: "18",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    style: { display: "block" },
+                    children: [
+                      /* @__PURE__ */ f("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                      /* @__PURE__ */ f("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                    ]
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ ne(
+              "div",
+              {
+                style: {
+                  flex: 1,
+                  height: "100%",
+                  position: "relative",
+                  display: "flex",
+                  alignItems: "center",
+                  minWidth: 0
+                },
+                children: [
+                  /* @__PURE__ */ f("div", { style: { flex: 1, height: "100%" }, children: /* @__PURE__ */ f(ut, { analyser: vt }) }),
+                  /* @__PURE__ */ ne(
+                    "span",
+                    {
+                      style: {
+                        fontSize: "0.75rem",
+                        color: "#64748b",
+                        fontWeight: 500,
+                        marginLeft: "4px",
+                        minWidth: "32px",
+                        textAlign: "right",
+                        fontVariantNumeric: "tabular-nums"
+                      },
+                      children: [
+                        Math.floor(rt / 60),
+                        ":",
+                        String(rt % 60).padStart(2, "0")
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ f(
+              "button",
+              {
+                type: "button",
+                className: "avatar-recording-confirm",
+                onClick: yt,
+                title: "Send",
+                children: /* @__PURE__ */ f(
+                  "svg",
+                  {
+                    width: "18",
+                    height: "18",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    style: { display: "block" },
+                    children: /* @__PURE__ */ f("polyline", { points: "20 6 9 17 4 12" })
+                  }
+                )
+              }
+            )
+          ] }) : E ? /* @__PURE__ */ ne("div", { className: "avatar-input-speaking", children: [
+            /* @__PURE__ */ f(
+              "div",
+              {
+                style: {
+                  flex: 1,
+                  height: "100%",
+                  display: "flex",
+                  alignItems: "center",
+                  paddingRight: "8px"
+                },
+                children: /* @__PURE__ */ f(ut, { analyser: it })
+              }
+            ),
+            /* @__PURE__ */ f(
+              "button",
+              {
+                type: "button",
+                className: "avatar-speaking-stop",
+                onClick: () => Ve(!0),
+                title: "Stop",
+                children: /* @__PURE__ */ f("span", { className: "avatar-speaking-stop__icon", "aria-hidden": !0 })
+              }
+            )
+          ] }) : Q ? /* @__PURE__ */ f(
+            "div",
+            {
+              style: {
+                flex: 1,
+                height: "100%",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              children: /* @__PURE__ */ f("div", { className: "avatar-input-loader" })
+            }
+          ) : /* @__PURE__ */ ne(
+            "form",
+            {
+              onSubmit: At,
+              style: {
+                flex: 1,
+                display: "flex",
+                height: "100%",
+                alignItems: "center"
+              },
+              children: [
+                /* @__PURE__ */ f(
+                  "input",
+                  {
+                    id: "avatar-text-input",
+                    type: "text",
+                    value: M,
+                    onChange: (e) => L(e.target.value),
+                    placeholder: "Ask me anything",
+                    disabled: Q,
+                    autoComplete: "off",
+                    style: { width: "100%", height: "100%" }
+                  }
+                ),
+                M.trim() === "" ? /* @__PURE__ */ f(
+                  "button",
+                  {
+                    type: "button",
+                    className: "mic-button",
+                    onClick: St,
+                    disabled: Q,
+                    style: { backgroundColor: "#1e4a5e" },
+                    children: /* @__PURE__ */ ne(
+                      "svg",
+                      {
+                        width: "28",
+                        height: "28",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        children: [
+                          /* @__PURE__ */ f(
+                            "path",
+                            {
+                              d: "M12 14C13.66 14 15 12.66 15 11V5C15 3.34 13.66 2 12 2C10.34 2 9 3.34 9 5V11C9 12.66 10.34 14 12 14Z",
+                              fill: "white"
+                            }
+                          ),
+                          /* @__PURE__ */ f(
+                            "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",
+                              fill: "white"
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  }
+                ) : /* @__PURE__ */ f(
+                  "button",
+                  {
+                    type: "submit",
+                    className: "mic-button",
+                    disabled: Q,
+                    style: { backgroundColor: "#1e4a5e" },
+                    title: "Send",
+                    children: /* @__PURE__ */ f("img", { src: "/assets/leadmoji-logo-send.png", alt: "Send", width: 24, height: 24 })
+                  }
+                )
+              ]
+            }
+          )
+        }
+      ) })
     ] }),
     /* @__PURE__ */ f("div", { className: "avatar-wrapper", children: /* @__PURE__ */ ne("div", { className: "avatar-scene-wrapper", children: [
-      he !== "hidden" && /* @__PURE__ */ f(
+      W !== "hidden" && /* @__PURE__ */ f(
         "div",
         {
-          className: `avatar-bubble${he === "entering" ? " avatar-bubble--entering" : he === "exiting" ? " avatar-bubble--exiting" : ""}`,
-          onAnimationEnd: xt,
-          children: /* @__PURE__ */ f("div", { ref: Te, className: "avatar-bubble__content", children: J })
+          className: `avatar-bubble${W === "entering" ? " avatar-bubble--entering" : W === "exiting" ? " avatar-bubble--exiting" : ""}`,
+          onAnimationEnd: Et,
+          children: /* @__PURE__ */ f("div", { ref: ie, className: "avatar-bubble__content", children: Ee })
         }
       ),
-      /* @__PURE__ */ f("div", { className: "avatar-canvas-layer", style: { width: 600, height: 600 }, children: /* @__PURE__ */ ne(
-        Mt,
+      /* @__PURE__ */ f(
+        "div",
         {
-          shadows: !0,
-          camera: { position: [0.2, 1.4, 3], fov: 42 },
-          gl: { alpha: !0 },
-          dpr: 1.8,
-          style: { pointerEvents: "none", width: "100%", height: "100%" },
-          children: [
-            /* @__PURE__ */ f(qt, { target: Vt }),
-            /* @__PURE__ */ f("ambientLight", { intensity: 0.7 }),
-            /* @__PURE__ */ f("directionalLight", { position: [0, 2, 2], intensity: 1 }),
-            /* @__PURE__ */ f(Tt, { preset: "city" }),
-            /* @__PURE__ */ f(Lt, { fallback: null, children: I !== null && /* @__PURE__ */ f(
-              Gt,
-              {
-                avatarUrl: I,
-                isPlayingRef: ue,
-                visemeQueueRef: se,
-                audioContextRef: N,
-                responseAudioStartTimeRef: P,
-                adjustments: Pt,
-                mood: _e,
-                expression: We,
-                agentResponse: ge,
-                isSpeaking: A,
-                nextStartTimeRef: M,
-                stopPlayback: je,
-                setIsSpeaking: le,
-                expressionUrl: h,
-                onExpressionFinished: ht
-              }
-            ) })
-          ]
+          className: "avatar-canvas-layer",
+          style: { width: Z, height: Z },
+          children: /* @__PURE__ */ ne(
+            It,
+            {
+              shadows: !0,
+              camera: { position: [0.2, 1.4, 3], fov: 42 },
+              gl: { alpha: !0 },
+              dpr: 1.8,
+              style: { pointerEvents: "none", width: "100%", height: "100%" },
+              children: [
+                /* @__PURE__ */ f(Kt, { target: Jt }),
+                /* @__PURE__ */ f("ambientLight", { intensity: 0.7 }),
+                /* @__PURE__ */ f("directionalLight", { position: [0, 2, 2], intensity: 1 }),
+                /* @__PURE__ */ f(Mt, { preset: "city" }),
+                /* @__PURE__ */ f(Ft, { fallback: null, children: D !== null && /* @__PURE__ */ f(
+                  Qt,
+                  {
+                    avatarUrl: D,
+                    isPlayingRef: I,
+                    visemeQueueRef: m,
+                    audioContextRef: $,
+                    responseAudioStartTimeRef: b,
+                    adjustments: jt,
+                    mood: d,
+                    expression: s,
+                    agentResponse: he,
+                    isSpeaking: E,
+                    nextStartTimeRef: K,
+                    stopPlayback: Ve,
+                    setIsSpeaking: ce,
+                    expressionUrl: h,
+                    onExpressionFinished: bt
+                  }
+                ) })
+              ]
+            }
+          )
         }
-      ) })
+      )
     ] }) })
   ] });
-}, tn = ({
-  token: d,
-  onNavigationRequested: y
+}, an = ({
+  token: u,
+  onNavigationRequested: x
 }) => /* @__PURE__ */ f(
-  zt,
+  en,
   {
-    token: d,
-    onNavigationRequested: y
+    token: u,
+    onNavigationRequested: x
   }
 );
 export {
-  tn as AvatarWidget
+  an as AvatarWidget
 };
 //# sourceMappingURL=avatar-widget.js.map