@streamoji/avatar-widget 0.1.0

package/dist/avatar-widget.js

@@ -0,0 +1,1053 @@
+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);
+  return z(() => {
+    const p = y.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);
+          }
+        }
+        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;
+      }
+      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();
+      }
+    };
+    return ge(), () => {
+      cancelAnimationFrame(E);
+    };
+  }, [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("");
+}
+function Ft(d) {
+  const [y, v] = k(null);
+  return z(() => {
+    if (!d) {
+      v(null);
+      return;
+    }
+    let p = !1;
+    return Dt(d).then((I) => {
+      if (p) return;
+      const E = `${Ot}/${I}.glb`;
+      fetch(E, { method: "HEAD" }).then((R) => {
+        p || v(R.ok ? E : null);
+      }).catch(() => {
+        p || v(null);
+      });
+    }), () => {
+      p = !0;
+    };
+  }, [d]), y;
+}
+const Ut = [
+  "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 = [
+  {
+    id: "m_expr_01",
+    name: "Friendly Wave",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_001.glb"
+  },
+  {
+    id: "m_expr_02",
+    name: "You There",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_002.glb"
+  },
+  {
+    id: "m_expr_04",
+    name: "Awkward Agreement",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_004.glb"
+  },
+  {
+    id: "m_expr_05",
+    name: "What's Going On?",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_005.glb"
+  },
+  {
+    id: "m_expr_06",
+    name: "Tired Stretch",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_006.glb"
+  },
+  {
+    id: "m_expr_07",
+    name: "Conceilied Laughter",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_007.glb"
+  },
+  {
+    id: "m_expr_08",
+    name: "You Come Here",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_008.glb"
+  },
+  {
+    id: "m_expr_09",
+    name: "Come Here Kid",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_009.glb"
+  },
+  {
+    id: "m_expr_10",
+    name: "Come Here Everyone",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_010.glb"
+  },
+  {
+    id: "m_expr_11",
+    name: "No Freaking Way",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_011.glb"
+  },
+  {
+    id: "m_expr_12",
+    name: "Cheerful Approval",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_012.glb"
+  },
+  {
+    id: "m_expr_13",
+    name: "Waving Hello",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_013.glb"
+  },
+  {
+    id: "m_expr_14",
+    name: "Checking Surroundings",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_014.glb"
+  },
+  {
+    id: "m_expr_15",
+    name: "Referee Warning",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_015.glb"
+  },
+  {
+    id: "m_expr_16",
+    name: "You Thumbs Down",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_016.glb"
+  },
+  {
+    id: "m_expr_17",
+    name: "Side Thumbs Down",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_017.glb"
+  },
+  {
+    id: "m_expr_18",
+    name: "You're Finished",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_018.glb"
+  },
+  {
+    id: "m_talk_01",
+    name: "Oh God, Why Me?",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_001.glb"
+  },
+  {
+    id: "m_talk_02",
+    name: "What Are You Doing?",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_002.glb"
+  },
+  {
+    id: "m_talk_03",
+    name: "What Am I doing?",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_003.glb"
+  },
+  {
+    id: "m_talk_04",
+    name: "No Way",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_004.glb"
+  },
+  {
+    id: "m_talk_05",
+    name: "What's Going On?",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_005.glb"
+  },
+  {
+    id: "m_talk_06",
+    name: "I have no idea",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_006.glb"
+  },
+  {
+    id: "m_talk_07",
+    name: "What's going on here?",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_007.glb"
+  },
+  {
+    id: "m_talk_08",
+    name: "Let's stop",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_008.glb"
+  },
+  {
+    id: "m_talk_09",
+    name: "Fed Up Moment",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_009.glb"
+  },
+  {
+    id: "m_talk_10",
+    name: "What's This? Hold On",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_010.glb"
+  },
+  {
+    id: "f_talk_01",
+    name: "Great Job Clap",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_001.glb"
+  },
+  {
+    id: "f_talk_02",
+    name: "Chill Stretch",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_002.glb"
+  },
+  {
+    id: "f_talk_03",
+    name: "This Is Me",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_003.glb"
+  },
+  {
+    id: "f_talk_04",
+    name: "Empathize",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_004.glb"
+  },
+  {
+    id: "f_talk_05",
+    name: "Loose Hands Stretch",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_005.glb"
+  },
+  {
+    id: "f_talk_06",
+    name: "Take It Easy",
+    url: "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_006.glb"
+  }
+], Wt = [
+  "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 = {
+  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 = {
+  browInnerUp: 0.2
+}, Ye = 0.18, $t = 1, Ne = {
+  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 = [
+  { 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_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_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_sil", mix: {} }
+], jt = {
+  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 }],
+  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 }],
+  chjsh: [{ v: "CH", w: 1 }],
+  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 qt({ target: d }) {
+  const { camera: y } = Et();
+  return z(() => {
+    y.lookAt(...d);
+  }, [y, d]), 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 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;
+}
+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;
+        }
+      }), 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 () => {
+        M.stopAllAction(), g.current = {}, _.current = null;
+      };
+    }
+  }, [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;
+        }
+      }
+    }, 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);
+        }
+        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);
+        }
+    };
+    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;
+          }
+        }
+        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);
+        }
+      }
+    } 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);
+      }
+  }, 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 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);
+      }
+      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() : "";
+}
+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 !== "";
+  z(() => {
+    const e = Me.current;
+    if (!(e === "exiting" || e === "entering")) {
+      if (e === "hidden") {
+        Oe && (xe(Re ?? ""), we("entering"));
+        return;
+      }
+      e === "visible" && (!Oe || Re !== Le) && (Ae.current = Oe ? Re : null, we("exiting"));
+    }
+  }, [Oe, Re, D, Le]);
+  const lt = Ue(() => {
+    const e = Me.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) => {
+    if (!e) return;
+    if (e.mood != null) {
+      const n = String(e.mood).toLowerCase();
+      Ce(n);
+    }
+    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 ?? "");
+    }
+    if (e.navigation != null) {
+      const n = String(e.navigation).trim();
+      n !== "" && (v ? v(n) : window.open(n, "_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"));
+    e.collected, e.valid;
+  }, dt = (e) => {
+    const i = e.trim();
+    if (!i) return null;
+    if (i.startsWith("{"))
+      try {
+        return JSON.parse(i);
+      } catch {
+        return null;
+      }
+    if (i.includes(":")) {
+      const s = i.split(":"), a = s[0].trim().toLowerCase(), n = s.slice(1).join(":").trim();
+      return { [a]: n };
+    }
+    return null;
+  }, ht = Ue(() => {
+  }, []), Ke = (e) => {
+    if (oe.current)
+      e === "§" ? oe.current = !1 : (K.current += e, re((i) => i + e));
+    else if (e === "§") {
+      oe.current = !0;
+      return;
+    } else
+      for (X.current += e; X.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);
+      }
+  };
+  z(() => {
+    (async () => {
+      if (!sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID")) {
+        const s = "secret", a = Math.floor(Date.now() / 1e3).toString();
+        try {
+          const n = new TextEncoder(), u = await crypto.subtle.importKey(
+            "raw",
+            n.encode(s),
+            { name: "HMAC", hash: "SHA-256" },
+            !1,
+            ["sign"]
+          ), w = 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);
+        }
+      }
+      sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES") || sessionStorage.setItem("STREAMOJI_LEADS_SESSION_MESSAGES", JSON.stringify([]));
+    })();
+  }, []);
+  const Qe = () => {
+    try {
+      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) => {
+      try {
+        e.stop();
+      } catch {
+      }
+    }), Ee.current && (clearTimeout(Ee.current), Ee.current = null), ke(null), o(""), O.current = [];
+  }, []), gt = 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);
+          return;
+        }
+        const x = new Blob(De.current, { type: "audio/wav" });
+        await vt(x);
+      }, et.current = Date.now(), u.start(100), Be(!0), L("Listening...");
+    } catch (e) {
+      console.error("Error accessing microphone:", e), L("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"));
+  };
+  z(() => {
+    if (!A) 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
+      );
+      ee(x);
+    };
+    return clearInterval(de.current ?? void 0), de.current = setInterval(e, 90), () => clearInterval(de.current ?? void 0);
+  }, [A, ge, g.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;
+    };
+    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));
+    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;
+      }
+      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)}`);
+      }
+      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 });
+          });
+        }
+      }), 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) => {
+    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, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ audio_base64: w, audio_format: "wav" })
+        });
+        if (!V.ok) {
+          const me = await V.text();
+          let T = "STT Failed";
+          try {
+            T = JSON.parse(me).error || T;
+          } catch {
+            me && (T = me.slice(0, 200));
+          }
+          throw new Error(T);
+        }
+        const S = V.body;
+        if (H("this is body" + S), !S) {
+          L("STT Failed"), W(!1);
+          return;
+        }
+        const F = S.getReader(), B = new TextDecoder();
+        let $ = "", Y = !1;
+        const U = async (me, T) => {
+          switch (me) {
+            case "transcript":
+              T.transcript != null && R(String(T.transcript));
+              break;
+            case "text": {
+              const te = T.delta ?? T.text ?? "";
+              te && Ke(te);
+              break;
+            }
+            case "audio": {
+              const te = T.chunk, ce = T.visemes ?? [], ye = !!T.is_new_segment;
+              te && await Je(te, ce, ye);
+              break;
+            }
+            case "done": {
+              Y = !0, L("Ready"), W(!1);
+              break;
+            }
+            case "error": {
+              Y = !0, L("STT Failed"), W(!1);
+              break;
+            }
+            default:
+              break;
+          }
+        };
+        for (; ; ) {
+          const { done: me, value: T } = await F.read();
+          T && ($ += B.decode(T, { stream: !0 }));
+          const te = $.split(`
+
+`);
+          $ = te.pop() ?? "";
+          for (const ce of te) {
+            const ye = Fe(ce);
+            ye && await U(ye.event, ye.data);
+          }
+          if (me) {
+            if ($.trim()) {
+              const ce = Fe($.trim());
+              ce && await U(ce.event, ce.data);
+            }
+            Y || (L("Ready"), W(!1));
+            break;
+          }
+        }
+      };
+    } catch (i) {
+      console.error("Audio Submission Error:", i), L("STT Failed"), W(!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 = {};
+    if (a)
+      try {
+        n = JSON.parse(a);
+      } catch {
+        n = { raw: a };
+      }
+    return { event: s, data: n };
+  }, nt = (e, i) => {
+    switch (e) {
+      case "connected":
+        X.current = "", oe.current = !1;
+        break;
+      case "text": {
+        const s = i.delta ?? "";
+        s && Ke(s);
+        break;
+      }
+      case "audio": {
+        const s = i.chunk, a = i.visemes ?? [];
+        s && Je(s, a);
+        break;
+      }
+      case "done": {
+        const s = Qe(), a = K.current.trim(), n = [
+          ...s,
+          { role: "user", content: E || "..." },
+          { role: "assistant", content: a }
+        ];
+        ft(n), b.current = [...se.current], L("Ready"), W(!1), R("");
+        break;
+      }
+      case "error": {
+        const s = i.message ?? "Unknown error";
+        K.current = s, re(s), L("Agent Failed"), W(!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)}`;
+    try {
+      const s = Qe();
+      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,
+        question: e,
+        lead_id: a
+      };
+      H("[CHAT] Sending payload:", n);
+      const u = await fetch(i, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(n)
+      });
+      if (!u.ok)
+        throw new Error("Agent request failed");
+      const w = u.body;
+      if (!w) {
+        L("Agent Failed"), W(!1);
+        return;
+      }
+      const x = w.getReader(), V = 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(`
+
+`);
+        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));
+        }
+        if (F) {
+          if (H("[SSE] Stream finished"), S.trim()) {
+            const Y = Fe(S.trim());
+            Y && nt(Y.event, Y.data);
+          }
+          L("Ready"), W(!1), R("");
+          break;
+        }
+      }
+    } catch (s) {
+      console.error("Chat Error:", s), L("Agent Failed"), W(!1);
+    }
+  }, rt = ge.trim(), qe = rt && A ? rt.slice(0, Z != null && Z > 0 ? Z : 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;
+    e === "entering" ? ve("visible") : e === "exiting" && ve("hidden");
+  }, []);
+  return Rt(() => {
+    const e = Te.current;
+    e && (e.scrollTop = e.scrollHeight);
+  }, [J]), /* @__PURE__ */ ne("div", { className: "avatar-widget-container", children: [
+    /* @__PURE__ */ ne("div", { className: "avatar-input-area", children: [
+      D !== "hidden" ? /* @__PURE__ */ f(
+        "div",
+        {
+          className: `avatar-thinking-tab${D === "exiting" ? " avatar-thinking-tab--exiting" : D === "entering" ? " avatar-thinking-tab--entering" : ""}`,
+          onAnimationEnd: lt,
+          children: Le
+        }
+      ) : 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-wrapper", children: /* @__PURE__ */ ne("div", { className: "avatar-scene-wrapper", children: [
+      he !== "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 })
+        }
+      ),
+      /* @__PURE__ */ f("div", { className: "avatar-canvas-layer", style: { width: 600, height: 600 }, children: /* @__PURE__ */ ne(
+        Mt,
+        {
+          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
+              }
+            ) })
+          ]
+        }
+      ) })
+    ] }) })
+  ] });
+}, tn = ({
+  token: d,
+  onNavigationRequested: y
+}) => /* @__PURE__ */ f(
+  zt,
+  {
+    token: d,
+    onNavigationRequested: y
+  }
+);
+export {
+  tn as AvatarWidget
+};
+//# sourceMappingURL=avatar-widget.js.map