@streamoji/avatar-widget 0.2.2 → 0.2.3

package/dist/avatar-widget.js

@@ -1,30 +1,30 @@
-import { jsx as f, jsxs as ne } from "react/jsx-runtime";
-import { useGLTF as Qe, Environment as Mt } from "@react-three/drei";
+import { jsx as u, jsxs as ne } from "react/jsx-runtime";
+import { useGLTF as Qe, Environment as Et } 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 B = (...d) => {
+}, Nt = (...d) => {
+}, ut = ({ analyser: d }) => {
   const x = o(null), w = o(null);
   return z(() => {
     const p = x.current;
     if (!p) return;
     const D = p.getContext("2d", { alpha: !0 });
     if (!D) return;
-    let M, L = null;
-    u && (u.fftSize = 128, L = new Uint8Array(u.frequencyBinCount));
+    let E, L = null;
+    d && (d.fftSize = 128, L = new Uint8Array(d.frequencyBinCount));
     const he = () => {
-      M = requestAnimationFrame(he), (p.width !== p.offsetWidth || p.height !== p.offsetHeight) && (p.width = p.offsetWidth, p.height = p.offsetHeight);
+      E = 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);
+      const Q = 2, M = Q + 2, ce = re * 0.95, g = Math.floor(ce / M);
       (!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 ke = g * M, Z = (re - ke) / 2;
+      d && L && d.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;
@@ -42,14 +42,14 @@ const B = (...u) => {
       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;
+        const b = Z + m * M, K = k - v / 2;
         D.beginPath(), D.roundRect ? D.roundRect(b, K, Q, v, 4) : D.fillRect(b, K, Q, v), D.fill();
       }
     };
     return he(), () => {
-      cancelAnimationFrame(M);
+      cancelAnimationFrame(E);
     };
-  }, [u]), /* @__PURE__ */ f(
+  }, [d]), /* @__PURE__ */ u(
     "canvas",
     {
       ref: x,
@@ -57,33 +57,33 @@ const B = (...u) => {
     }
   );
 }, 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) {
+async function Pt(d) {
   const x = await crypto.subtle.digest(
     "SHA-256",
-    new TextEncoder().encode(u)
+    new TextEncoder().encode(d)
   );
   return Array.from(new Uint8Array(x)).map((w) => w.toString(16).padStart(2, "0")).join("");
 }
-function Vt(u) {
+function Vt(d) {
   const [x, w] = y(null);
   return z(() => {
-    if (!u) {
+    if (!d) {
       w(null);
       return;
     }
     let p = !1;
-    return Pt(u).then((D) => {
+    return Pt(d).then((D) => {
       if (p) return;
-      const M = `${Wt}/${D}.glb`;
-      fetch(M, { method: "HEAD" }).then((L) => {
-        p || w(L.ok ? M : ft);
+      const E = `${Wt}/${D}.glb`;
+      fetch(E, { method: "HEAD" }).then((L) => {
+        p || w(L.ok ? E : ft);
       }).catch(() => {
         p || w(ft);
       });
     }), () => {
       p = !0;
     };
-  }, [u]), x;
+  }, [d]), x;
 }
 const Bt = [
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_Variations_001.glb",
@@ -473,40 +473,40 @@ const Bt = [
   ],
   sil: [{ v: "sil", w: 1 }]
 };
-function Xt(u) {
-  if (!u) return [{ v: "sil", w: 1 }];
-  const x = u.toLowerCase();
+function Xt(d) {
+  if (!d) return [{ v: "sil", w: 1 }];
+  const x = d.toLowerCase();
   return Yt[x] ?? [{ v: "sil", w: 1 }];
 }
-function Kt({ target: u }) {
+function Kt({ target: d }) {
   const { camera: x } = Ct();
   return z(() => {
-    x.lookAt(...u);
-  }, [x, u]), null;
+    x.lookAt(...d);
+  }, [x, d]), null;
 }
-function G(u, x, w) {
-  if (!u || !u.morphTargetDictionary)
+function G(d, x, w) {
+  if (!d || !d.morphTargetDictionary)
     return;
-  const p = u, D = p.morphTargetDictionary, M = p.morphTargetInfluences;
-  if (M)
+  const p = d, D = p.morphTargetDictionary, E = p.morphTargetInfluences;
+  if (E)
     for (const L in D)
-      L.toLowerCase() === x.toLowerCase() && (M[D[L]] = w);
+      L.toLowerCase() === x.toLowerCase() && (E[D[L]] = w);
 }
-function ht(u, x = 0.97) {
-  if (!u) return;
-  const w = u;
+function ht(d, x = 0.97) {
+  if (!d) return;
+  const w = d;
   if (w.morphTargetInfluences)
     for (let p = 0; p < w.morphTargetInfluences.length; p++)
       w.morphTargetInfluences[p] *= x;
 }
 const Qt = Dt(
   ({
-    avatarUrl: u,
+    avatarUrl: d,
     isPlayingRef: x,
     visemeQueueRef: w,
     audioContextRef: p,
     responseAudioStartTimeRef: D,
-    adjustments: M,
+    adjustments: E,
     mood: L,
     expression: he,
     agentResponse: re,
@@ -514,33 +514,33 @@ const Qt = Dt(
     nextStartTimeRef: k,
     stopPlayback: Q,
     setIsSpeaking: U,
-    expressionUrl: E,
+    expressionUrl: M,
     onExpressionFinished: ce
   }) => {
-    const { scene: g } = Qe(u), ke = Qe(Bt), Z = et(
-      () => ke.flatMap((d) => d.animations),
+    const { scene: g } = Qe(d), ke = Qe(Bt), Z = et(
+      () => ke.flatMap((f) => f.animations),
       [ke]
     ), pe = Qe(Ht), se = et(
-      () => pe.flatMap((d) => d.animations),
+      () => pe.flatMap((f) => f.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) => {
+        if (Z.forEach((f, c) => {
           const s = `idle_${c}`;
           if (!v.current[s]) {
-            const n = R.clipAction(d, g);
+            const n = R.clipAction(f, g);
             n.name = s, n.setLoop(Fe.LoopOnce, 1), n.clampWhenFinished = !0, v.current[s] = n;
           }
-        }), se.forEach((d, c) => {
+        }), se.forEach((f, c) => {
           const s = `talk_${c}`;
           if (!v.current[s]) {
-            const n = R.clipAction(d, g);
+            const n = R.clipAction(f, 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);
+          const f = v.current.idle_0, c = b.current && R.existingAction(b.current.getClip());
+          f && !c && (f.reset().fadeIn(0.5).play(), b.current = f);
         }
         return () => {
           R.stopAllAction(), v.current = {}, b.current = null;
@@ -549,13 +549,13 @@ const Qt = Dt(
     }, [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,
+      if (!M || !g || M === Re.current) return;
+      Re.current = M, ee.current = M, new Ut().load(
+        M,
         (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) {
+            if (n.name = `EXPR_${M}`, n.setLoop(Fe.LoopOnce, 1), n.clampWhenFinished = !0, v.current[`EXPR_${M}`] = n, O && ee.current === M) {
               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;
             }
@@ -563,11 +563,11 @@ const Qt = Dt(
         },
         void 0,
         (c) => {
-          console.error(`[ANIMATION] Failed to load ${E}`, c);
+          console.error(`[ANIMATION] Failed to load ${M}`, c);
         }
       );
-    }, [E, g, R, O]), z(() => {
-      const d = (c) => {
+    }, [M, g, R, O]), z(() => {
+      const f = (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}`];
@@ -590,7 +590,7 @@ const Qt = Dt(
             h && (h.reset().fadeIn(0.5).play(), s.crossFadeTo(h, 0.5, !0), b.current = h);
           }
       };
-      return R.addEventListener("finished", d), () => R.removeEventListener("finished", d);
+      return R.addEventListener("finished", f), () => R.removeEventListener("finished", f);
     }, [
       R,
       Z,
@@ -599,29 +599,29 @@ const Qt = Dt(
       ce
     ]), z(() => {
       if (O && g) {
-        const d = b.current, c = d?.name || "";
+        const f = b.current, c = f?.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;
+              n.reset().fadeIn(0.3).play(), f && f !== n && f.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);
+            n && (n.reset().fadeIn(0.5).play(), f && f.crossFadeTo(n, 0.5, !0), b.current = n);
           }
         }
       } else if (!O && g) {
-        const d = b.current, c = d?.name || "";
+        const f = b.current, c = f?.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);
+          s && (s.reset().fadeIn(0.5).play(), f && f.crossFadeTo(s, 0.5, !0), b.current = s);
         }
       }
-    }, [O, g, E]), z(() => {
+    }, [O, g, M]), z(() => {
       if (!g) return;
       g.traverse((s) => {
         if (s.isMesh && s.morphTargetDictionary) {
@@ -629,8 +629,8 @@ const Qt = Dt(
           (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}`));
         }
       });
-      const d = I.current?.morphTargetDictionary;
-      d && Object.keys(d).filter(
+      const f = I.current?.morphTargetDictionary;
+      f && Object.keys(f).filter(
         (s) => s.toLowerCase().includes("brow")
       );
       const c = [];
@@ -641,22 +641,22 @@ const Qt = Dt(
         }
       }), $.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);
+    const Ue = (f, c = 1) => {
+      const s = `viseme_${f}`.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;
+    }, Ce = (f) => {
+      const c = He[f] ?? He.neutral;
       for (const s in c)
         G(I.current, s, c[s]), G(m.current, s, c[s]);
     };
-    return Tt((d, c) => {
+    return Tt((f, c) => {
       const s = Math.pow(0.88, 60 * c);
       ht(I.current, s), ht(m.current, s), Ce(L);
-      const n = d.clock.elapsedTime;
+      const n = f.clock.elapsedTime;
       let h = 0;
       if (Math.floor(n) % 5 === 0 && Math.floor((n - c) % 5) !== 0) {
         let j = null;
@@ -677,33 +677,33 @@ const Qt = Dt(
       }
       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];
+        const j = x.current ? 0 : E.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];
+        ), J.current.position.set(...E.position), J.current.scale.setScalar(E.scale), J.current.rotation.x = E.rotation[0], J.current.rotation.z = E.rotation[2];
       }
       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];
+        for (let Me = 0; Me < w.current.length; Me++) {
+          const Se = w.current[Me];
           ve >= Se.vtime && ve < Se.vtime + Se.vduration && Ue(Se.viseme, Se.weight ?? 1);
         }
         j > k.current + 0.5 && (Q(), U(!1));
       }
-    }), /* @__PURE__ */ f("group", { ref: J, children: /* @__PURE__ */ f("primitive", { object: g }) });
+    }), /* @__PURE__ */ u("group", { ref: J, children: /* @__PURE__ */ u("primitive", { object: g }) });
   }
 );
-function Zt(u) {
-  return u ? u.charAt(0).toUpperCase() + u.slice(1).toLowerCase() : "";
+function Zt(d) {
+  return d ? d.charAt(0).toUpperCase() + d.slice(1).toLowerCase() : "";
 }
 const en = ({
-  token: u,
+  token: d,
   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(
+  const p = d ?? x ?? "", D = Vt(p || void 0), [E, L] = y(""), [he, re] = y(""), [O, k] = y("Ready"), [Q, U] = y(!1), [M, ce] = y(!1), [g, ke] = y(
     () => typeof window < "u" ? window.matchMedia("(max-width: 480px)").matches : !1
   );
   z(() => {
@@ -714,13 +714,13 @@ const en = ({
   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(
+  ), Ce = o(null), [f, 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);
+  const [je, Ne] = y(null), j = o(null), ie = o(null), [W, ve] = y("hidden"), [Me, 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 !== "";
+  const ue = o(""), Ee = 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 = Le.current;
     if (!(e === "exiting" || e === "entering")) {
@@ -785,10 +785,10 @@ const en = ({
     return null;
   }, bt = $e(() => {
   }, []), tt = (e) => {
-    if (Me.current)
-      e === "§" ? Me.current = !1 : (Te.current += e, re((t) => t + e));
+    if (Ee.current)
+      e === "§" ? Ee.current = !1 : (Te.current += e, re((t) => t + e));
     else if (e === "§") {
-      Me.current = !0;
+      Ee.current = !0;
       return;
     } else
       for (ue.current += e; ue.current.includes(`
@@ -884,7 +884,7 @@ const en = ({
     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 (!E) return;
+    if (!M) return;
     const e = () => {
       const t = q.current;
       if (t <= 0) return;
@@ -899,7 +899,7 @@ const en = ({
       Ue(A);
     };
     return clearInterval(Ce.current ?? void 0), Ce.current = setInterval(e, 90), () => clearInterval(Ce.current ?? void 0);
-  }, [E, he, q.current]), z(() => {
+  }, [M, he, q.current]), z(() => {
     let e;
     return qe ? (ze(0), e = window.setInterval(() => {
       ze((t) => t + 1);
@@ -1005,7 +1005,7 @@ const en = ({
       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;
+        Ve(), L(""), ue.current = "", Ee.current = !1;
         const A = `${dt}/stt?token=${encodeURIComponent(
           p
         )}`, P = await fetch(A, {
@@ -1087,7 +1087,7 @@ const en = ({
       console.error("Audio Submission Error:", t), k("STT Failed"), U(!1);
     }
   }, At = async (e) => {
-    e && e.preventDefault(), Te.current = "", re(""), !(!M || Q) && await Lt(M);
+    e && e.preventDefault(), Te.current = "", re(""), !(!E || Q) && await Lt(E);
   }, Be = (e) => {
     const t = e.split(/\r?\n/);
     let i = "", a = "";
@@ -1105,7 +1105,7 @@ const en = ({
   }, ot = (e, t) => {
     switch (e) {
       case "connected":
-        ue.current = "", Me.current = !1;
+        ue.current = "", Ee.current = !1;
         break;
       case "text": {
         const i = t.delta ?? "";
@@ -1120,7 +1120,7 @@ const en = ({
       case "done": {
         const i = nt(), a = Te.current.trim(), r = [
           ...i,
-          { role: "user", content: M || "..." },
+          { role: "user", content: E || "..." },
           { role: "assistant", content: a }
         ];
         _t(r), v.current = [...m.current], k("Ready"), U(!1), L("");
@@ -1133,7 +1133,7 @@ const en = ({
       }
     }
   }, Lt = async (e) => {
-    U(!0), k("Thinking..."), Te.current = "", ue.current = "", Me.current = !1, Ve(), q.current = 0, Ue(0);
+    U(!0), k("Thinking..."), Te.current = "", ue.current = "", Ee.current = !1, Ve(), q.current = 0, Ue(0);
     const t = `${dt}/agent/chat?token=${encodeURIComponent(
       p
     )}`;
@@ -1194,7 +1194,7 @@ const en = ({
     } catch (i) {
       console.error("Chat Error:", i), k("Agent Failed"), U(!1);
     }
-  }, at = he.trim(), Ke = at && E ? at.slice(
+  }, at = he.trim(), Ke = at && M ? at.slice(
     0,
     Re != null && Re > 0 ? Re : 0
   ) : "";
@@ -1202,16 +1202,16 @@ const en = ({
     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 Mt = $e(() => {
     const e = Je.current;
     e === "entering" ? ve("visible") : e === "exiting" && ve("hidden");
   }, []);
   return Ot(() => {
     const e = ie.current;
     e && (e.scrollTop = e.scrollHeight);
-  }, [Ee]), /* @__PURE__ */ ne("div", { className: "avatar-widget-container", children: [
+  }, [Me]), /* @__PURE__ */ ne("div", { className: "avatar-widget-container", children: [
     /* @__PURE__ */ ne("div", { className: "avatar-input-area", children: [
-      ge !== "hidden" ? /* @__PURE__ */ f(
+      ge !== "hidden" ? /* @__PURE__ */ u(
         "div",
         {
           className: `avatar-thinking-tab${ge === "exiting" ? " avatar-thinking-tab--exiting" : ge === "entering" ? " avatar-thinking-tab--entering" : ""}`,
@@ -1219,7 +1219,7 @@ const en = ({
           children: De
         }
       ) : null,
-      /* @__PURE__ */ f("div", { className: "avatar-input-container", children: /* @__PURE__ */ f(
+      /* @__PURE__ */ u("div", { className: "avatar-input-container", children: /* @__PURE__ */ u(
         "div",
         {
           style: {
@@ -1229,7 +1229,7 @@ const en = ({
             height: "100%"
           },
           children: qe ? /* @__PURE__ */ ne("div", { className: "avatar-input-recording", children: [
-            /* @__PURE__ */ f(
+            /* @__PURE__ */ u(
               "button",
               {
                 type: "button",
@@ -1249,8 +1249,8 @@ const en = ({
                     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__ */ u("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                      /* @__PURE__ */ u("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                     ]
                   }
                 )
@@ -1268,7 +1268,7 @@ const en = ({
                   minWidth: 0
                 },
                 children: [
-                  /* @__PURE__ */ f("div", { style: { flex: 1, height: "100%" }, children: /* @__PURE__ */ f(ut, { analyser: vt }) }),
+                  /* @__PURE__ */ u("div", { style: { flex: 1, height: "100%" }, children: /* @__PURE__ */ u(ut, { analyser: vt }) }),
                   /* @__PURE__ */ ne(
                     "span",
                     {
@@ -1291,14 +1291,14 @@ const en = ({
                 ]
               }
             ),
-            /* @__PURE__ */ f(
+            /* @__PURE__ */ u(
               "button",
               {
                 type: "button",
                 className: "avatar-recording-confirm",
                 onClick: yt,
                 title: "Send",
-                children: /* @__PURE__ */ f(
+                children: /* @__PURE__ */ u(
                   "svg",
                   {
                     width: "18",
@@ -1310,13 +1310,13 @@ const en = ({
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     style: { display: "block" },
-                    children: /* @__PURE__ */ f("polyline", { points: "20 6 9 17 4 12" })
+                    children: /* @__PURE__ */ u("polyline", { points: "20 6 9 17 4 12" })
                   }
                 )
               }
             )
-          ] }) : E ? /* @__PURE__ */ ne("div", { className: "avatar-input-speaking", children: [
-            /* @__PURE__ */ f(
+          ] }) : M ? /* @__PURE__ */ ne("div", { className: "avatar-input-speaking", children: [
+            /* @__PURE__ */ u(
               "div",
               {
                 style: {
@@ -1326,20 +1326,20 @@ const en = ({
                   alignItems: "center",
                   paddingRight: "8px"
                 },
-                children: /* @__PURE__ */ f(ut, { analyser: it })
+                children: /* @__PURE__ */ u(ut, { analyser: it })
               }
             ),
-            /* @__PURE__ */ f(
+            /* @__PURE__ */ u(
               "button",
               {
                 type: "button",
                 className: "avatar-speaking-stop",
                 onClick: () => Ve(!0),
                 title: "Stop",
-                children: /* @__PURE__ */ f("span", { className: "avatar-speaking-stop__icon", "aria-hidden": !0 })
+                children: /* @__PURE__ */ u("span", { className: "avatar-speaking-stop__icon", "aria-hidden": !0 })
               }
             )
-          ] }) : Q ? /* @__PURE__ */ f(
+          ] }) : Q ? /* @__PURE__ */ u(
             "div",
             {
               style: {
@@ -1349,7 +1349,7 @@ const en = ({
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ f("div", { className: "avatar-input-loader" })
+              children: /* @__PURE__ */ u("div", { className: "avatar-input-loader" })
             }
           ) : /* @__PURE__ */ ne(
             "form",
@@ -1362,12 +1362,12 @@ const en = ({
                 alignItems: "center"
               },
               children: [
-                /* @__PURE__ */ f(
+                /* @__PURE__ */ u(
                   "input",
                   {
                     id: "avatar-text-input",
                     type: "text",
-                    value: M,
+                    value: E,
                     onChange: (e) => L(e.target.value),
                     placeholder: "Ask me anything",
                     disabled: Q,
@@ -1375,7 +1375,7 @@ const en = ({
                     style: { width: "100%", height: "100%" }
                   }
                 ),
-                M.trim() === "" ? /* @__PURE__ */ f(
+                E.trim() === "" ? /* @__PURE__ */ u(
                   "button",
                   {
                     type: "button",
@@ -1392,14 +1392,14 @@ const en = ({
                         fill: "none",
                         xmlns: "http://www.w3.org/2000/svg",
                         children: [
-                          /* @__PURE__ */ f(
+                          /* @__PURE__ */ u(
                             "path",
                             {
                               d: "M12 14C13.66 14 15 12.66 15 11V5C15 3.34 13.66 2 12 2C10.34 2 9 3.34 9 5V11C9 12.66 10.34 14 12 14Z",
                               fill: "white"
                             }
                           ),
-                          /* @__PURE__ */ f(
+                          /* @__PURE__ */ u(
                             "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",
@@ -1410,7 +1410,7 @@ const en = ({
                       }
                     )
                   }
-                ) : /* @__PURE__ */ f(
+                ) : /* @__PURE__ */ u(
                   "button",
                   {
                     type: "submit",
@@ -1418,7 +1418,26 @@ const en = ({
                     disabled: Q,
                     style: { backgroundColor: "#1e4a5e" },
                     title: "Send",
-                    children: /* @__PURE__ */ f("img", { src: "/assets/leadmoji-logo-send.png", alt: "Send", width: 24, height: 24 })
+                    children: /* @__PURE__ */ u(
+                      "svg",
+                      {
+                        width: 24,
+                        height: 24,
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ u(
+                          "path",
+                          {
+                            d: "M19 12H5M19 12L14 17M19 12L14 7",
+                            stroke: "white",
+                            strokeWidth: "2",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round"
+                          }
+                        )
+                      }
+                    )
                   }
                 )
               ]
@@ -1427,16 +1446,16 @@ const en = ({
         }
       ) })
     ] }),
-    /* @__PURE__ */ f("div", { className: "avatar-wrapper", children: /* @__PURE__ */ ne("div", { className: "avatar-scene-wrapper", children: [
-      W !== "hidden" && /* @__PURE__ */ f(
+    /* @__PURE__ */ u("div", { className: "avatar-wrapper", children: /* @__PURE__ */ ne("div", { className: "avatar-scene-wrapper", children: [
+      W !== "hidden" && /* @__PURE__ */ u(
         "div",
         {
           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 })
+          onAnimationEnd: Mt,
+          children: /* @__PURE__ */ u("div", { ref: ie, className: "avatar-bubble__content", children: Me })
         }
       ),
-      /* @__PURE__ */ f(
+      /* @__PURE__ */ u(
         "div",
         {
           className: "avatar-canvas-layer",
@@ -1450,11 +1469,11 @@ const en = ({
               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(
+                /* @__PURE__ */ u(Kt, { target: Jt }),
+                /* @__PURE__ */ u("ambientLight", { intensity: 0.7 }),
+                /* @__PURE__ */ u("directionalLight", { position: [0, 2, 2], intensity: 1 }),
+                /* @__PURE__ */ u(Et, { preset: "city" }),
+                /* @__PURE__ */ u(Ft, { fallback: null, children: D !== null && /* @__PURE__ */ u(
                   Qt,
                   {
                     avatarUrl: D,
@@ -1463,10 +1482,10 @@ const en = ({
                     audioContextRef: $,
                     responseAudioStartTimeRef: b,
                     adjustments: jt,
-                    mood: d,
+                    mood: f,
                     expression: s,
                     agentResponse: he,
-                    isSpeaking: E,
+                    isSpeaking: M,
                     nextStartTimeRef: K,
                     stopPlayback: Ve,
                     setIsSpeaking: ce,
@@ -1482,12 +1501,12 @@ const en = ({
     ] }) })
   ] });
 }, an = ({
-  token: u,
+  token: d,
   onNavigationRequested: x
-}) => /* @__PURE__ */ f(
+}) => /* @__PURE__ */ u(
   en,
   {
-    token: u,
+    token: d,
     onNavigationRequested: x
   }
 );