react-ai-avatar 0.1.0 → 0.1.2

package/dist/lib/index.js

@@ -1,18 +1,18 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import le, { useRef as O, useEffect as ee, useId as xe, useState as ce, Suspense as he } from "react";
-import { u as se, c as de, a as we } from "./useReducedMotion-BDcEizfP.js";
-import { S as He, i as Ke } from "./useReducedMotion-BDcEizfP.js";
-import { useMotionValue as pe, motion as ae } from "motion/react";
-const ve = {
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import le, { useRef as O, useEffect as ee, useId as xe, useState as ae, Suspense as he } from "react";
+import { u as se, c as de, a as Me } from "./useReducedMotion-BDcEizfP.js";
+import { S as et, i as tt } from "./useReducedMotion-BDcEizfP.js";
+import { motion as ce, useMotionValue as pe } from "motion/react";
+const Ae = {
   idle: "#4b5563",
   listening: "#3b82f6",
   thinking: "#8b5cf6",
   speaking: "#10b981",
   working: "#f59e0b"
 };
-function Me(i, n) {
-  const l = se(), o = O(n);
-  o.current = n;
+function Ne(i, r) {
+  const l = se(), c = O(r);
+  c.current = r;
   const a = O({ x: 0, y: 0 });
   ee(() => {
     if (l) return;
@@ -23,59 +23,59 @@ function Me(i, n) {
   }, [l]), ee(() => {
     const t = i.current;
     if (t === null || typeof window > "u") return;
-    const d = (A, D) => D > 0 ? Math.round(A / D) * D : A;
-    let s = null, h = null, p = null, g = [], r = [], z = [], S = !1, T = 3, V = 9, w = 0, m = 1, F = [], f = [], k = [];
+    const d = (A, P) => P > 0 ? Math.round(A / P) * P : A;
+    let s = null, h = null, p = null, g = [], n = [], _ = [], W = !1, B = 3, V = 9, w = 0, m = 1, F = [], f = [], k = [];
     const M = () => {
-      var $;
-      s = t.querySelector("#rra-ring"), h = t.querySelector("#rra-mouth"), p = t.querySelector("#rra-think"), g = p ? Array.from(p.querySelectorAll("circle, rect")) : [], r = Array.from(t.querySelectorAll(".rra-pupil")), z = Array.from(t.querySelectorAll(".rra-lid")), S = (h == null ? void 0 : h.tagName.toLowerCase()) === "rect", T = h ? parseFloat(h.getAttribute(S ? "height" : "ry") ?? "3") : 3, V = h ? parseFloat(h.getAttribute(S ? "width" : "rx") ?? "9") : 9, w = h ? parseFloat(h.getAttribute("data-quantize") ?? "0") : 0, F = r.map((Q) => {
-        const Z = Q.tagName.toLowerCase() === "rect";
+      var R;
+      s = t.querySelector("#rra-ring"), h = t.querySelector("#rra-mouth"), p = t.querySelector("#rra-think"), g = p ? Array.from(p.querySelectorAll("circle, rect")) : [], n = Array.from(t.querySelectorAll(".rra-pupil")), _ = Array.from(t.querySelectorAll(".rra-lid")), W = (h == null ? void 0 : h.tagName.toLowerCase()) === "rect", B = h ? parseFloat(h.getAttribute(W ? "height" : "ry") ?? "3") : 3, V = h ? parseFloat(h.getAttribute(W ? "width" : "rx") ?? "9") : 9, w = h ? parseFloat(h.getAttribute("data-quantize") ?? "0") : 0, F = n.map((S) => {
+        const D = S.tagName.toLowerCase() === "rect";
         return {
-          isRect: Z,
-          x: parseFloat(Q.getAttribute("data-base-x") ?? Q.getAttribute(Z ? "x" : "cx") ?? "0"),
-          y: parseFloat(Q.getAttribute("data-base-y") ?? Q.getAttribute(Z ? "y" : "cy") ?? "0"),
-          quantize: parseFloat(Q.getAttribute("data-quantize") ?? "0")
+          isRect: D,
+          x: parseFloat(S.getAttribute("data-base-x") ?? S.getAttribute(D ? "x" : "cx") ?? "0"),
+          y: parseFloat(S.getAttribute("data-base-y") ?? S.getAttribute(D ? "y" : "cy") ?? "0"),
+          quantize: parseFloat(S.getAttribute("data-quantize") ?? "0")
         };
-      }), f = z.map((Q) => parseFloat(Q.getAttribute("data-max-height") ?? "16")), k = r.map(() => ({ x: 0, y: 0 }));
-      const A = t.querySelector("svg"), D = parseFloat((($ = A == null ? void 0 : A.getAttribute("viewBox")) == null ? void 0 : $.split(/[\s,]+/)[2]) ?? "200");
-      m = D > 0 ? D / 200 : 1;
+      }), f = _.map((S) => parseFloat(S.getAttribute("data-max-height") ?? "16")), k = n.map(() => ({ x: 0, y: 0 }));
+      const A = t.querySelector("svg"), P = parseFloat(((R = A == null ? void 0 : A.getAttribute("viewBox")) == null ? void 0 : R.split(/[\s,]+/)[2]) ?? "200");
+      m = P > 0 ? P / 200 : 1;
     }, y = () => (h ? !h.isConnected : t.querySelector("#rra-mouth") !== null) || (s ? !s.isConnected : t.querySelector("#rra-ring") !== null);
     M();
-    let N = null, J = null, v = !1, u = 0, W = 1, I = 1, R = 1500 + Math.random() * 2e3, C = 0, x = !1, q = 0, H = 0, U = 0, P = performance.now();
+    let L = null, J = null, v = !1, u = 0, Q = 1, z = 1, $ = 1500 + Math.random() * 2e3, C = 0, x = !1, q = 0, H = 0, U = 0, I = performance.now();
     const K = (A) => {
-      const D = Math.min(100, A - P);
-      P = A, y() && M();
-      const $ = o.current, { state: Q } = $, Z = { ...ve, ...$.stateColors }, G = ($.maxMouthOpening ?? 30) * m, Y = l ? 0 : $.mouseTrackingIntensity ?? 1, X = $.blinkIntervalMin ?? 2e3, ie = $.blinkIntervalMax ?? 6e3, te = $.blinkDuration ?? 100;
-      if (s == null || s.setAttribute("stroke", Z[Q]), h) {
-        const L = Q === "speaking";
-        L && (!v || J !== $.analyser) && (N = de($.analyser), J = $.analyser, v = !0), L || (v = !1);
-        let b = 0, E = 1, B = 1;
-        if (L && N) {
-          const j = N.read();
-          b = j.level, j.shape === "e" ? (E = 1.35, B = 0.55) : j.shape === "o" && (E = 0.65, B = 1.35);
+      const P = Math.min(100, A - I);
+      I = A, y() && M();
+      const R = c.current, { state: S } = R, D = { ...Ae, ...R.stateColors }, G = (R.maxMouthOpening ?? 30) * m, Y = l ? 0 : R.mouseTrackingIntensity ?? 1, X = R.blinkIntervalMin ?? 2e3, ie = R.blinkIntervalMax ?? 6e3, te = R.blinkDuration ?? 100;
+      if (s == null || s.setAttribute("stroke", D[S]), h) {
+        const N = S === "speaking";
+        N && (!v || J !== R.analyser) && (L = de(R.analyser), J = R.analyser, v = !0), N || (v = !1);
+        let b = 0, E = 1, T = 1;
+        if (N && L) {
+          const Z = L.read();
+          b = Z.level, Z.shape === "e" ? (E = 1.35, T = 0.55) : Z.shape === "o" && (E = 0.65, T = 1.35);
         }
-        if (u += (b - u) * 0.3, W += (E - W) * 0.25, I += (B - I) * 0.25, S) {
-          const j = d(T + u * I * G * 0.4, w);
-          h.setAttribute("height", String(Math.max(T, j)));
+        if (u += (b - u) * 0.3, Q += (E - Q) * 0.25, z += (T - z) * 0.25, W) {
+          const Z = d(B + u * z * G * 0.4, w);
+          h.setAttribute("height", String(Math.max(B, Z)));
         } else
-          h.setAttribute("ry", String(T + u * I * G * 0.4)), h.setAttribute("rx", String(V * (1 + (W - 1) * Math.min(1, u * 2))));
+          h.setAttribute("ry", String(B + u * z * G * 0.4)), h.setAttribute("rx", String(V * (1 + (Q - 1) * Math.min(1, u * 2))));
       }
-      if (!l && z.length > 0) {
-        x ? (C += D / te, C >= 2 && (x = !1, C = 0, R = X + Math.random() * Math.max(0, ie - X))) : (R -= D, R <= 0 && (x = !0, C = 0));
-        const L = x ? 1 - Math.abs(1 - Math.min(2, C)) : 0;
-        z.forEach((b, E) => b.setAttribute("height", String(L * f[E])));
+      if (!l && _.length > 0) {
+        x ? (C += P / te, C >= 2 && (x = !1, C = 0, $ = X + Math.random() * Math.max(0, ie - X))) : ($ -= P, $ <= 0 && (x = !0, C = 0));
+        const N = x ? 1 - Math.abs(1 - Math.min(2, C)) : 0;
+        _.forEach((b, E) => b.setAttribute("height", String(N * f[E])));
       }
-      if (r.length > 0) {
-        let L = a.current.x * 3 * Y, b = a.current.y * 2.2 * Y;
-        Q === "thinking" ? (L = -2.5, b = -3) : Q === "working" ? (L = 0, b = 3.5) : Q === "listening" && !l && (L += Math.sin(A * 21e-4) * 0.5, b += Math.cos(A * 17e-4) * 0.4), L *= m, b *= m, r.forEach((E, B) => {
-          const j = F[B];
-          k[B].x += (L - k[B].x) * 0.12, k[B].y += (b - k[B].y) * 0.12;
-          const re = j.x + d(k[B].x, j.quantize), ne = j.y + d(k[B].y, j.quantize);
-          j.isRect ? (E.setAttribute("x", String(re)), E.setAttribute("y", String(ne))) : (E.setAttribute("cx", String(re)), E.setAttribute("cy", String(ne)));
+      if (n.length > 0) {
+        let N = a.current.x * 3 * Y, b = a.current.y * 2.2 * Y;
+        S === "thinking" ? (N = -2.5, b = -3) : S === "working" ? (N = 0, b = 3.5) : S === "listening" && !l && (N += Math.sin(A * 21e-4) * 0.5, b += Math.cos(A * 17e-4) * 0.4), N *= m, b *= m, n.forEach((E, T) => {
+          const Z = F[T];
+          k[T].x += (N - k[T].x) * 0.12, k[T].y += (b - k[T].y) * 0.12;
+          const re = Z.x + d(k[T].x, Z.quantize), ne = Z.y + d(k[T].y, Z.quantize);
+          Z.isRect ? (E.setAttribute("x", String(re)), E.setAttribute("y", String(ne))) : (E.setAttribute("cx", String(re)), E.setAttribute("cy", String(ne)));
         });
       }
-      p && (q += ((Q === "thinking" ? 1 : 0) - q) * 0.12, p.setAttribute("opacity", String(q < 0.01 ? 0 : q)), Q === "thinking" && !l ? (H += D * 4e-3, g.forEach((b, E) => {
-        const B = 0.35 + 0.65 * Math.max(0, Math.sin(H - E * 0.9));
-        b.setAttribute("opacity", String(B));
+      p && (q += ((S === "thinking" ? 1 : 0) - q) * 0.12, p.setAttribute("opacity", String(q < 0.01 ? 0 : q)), S === "thinking" && !l ? (H += P * 4e-3, g.forEach((b, E) => {
+        const T = 0.35 + 0.65 * Math.max(0, Math.sin(H - E * 0.9));
+        b.setAttribute("opacity", String(T));
       })) : g.forEach((b) => b.setAttribute("opacity", "1"))), U = requestAnimationFrame(K);
     };
     return U = requestAnimationFrame(K), () => cancelAnimationFrame(U);
@@ -83,9 +83,9 @@ function Me(i, n) {
 }
 function ue({
   state: i,
-  analyser: n,
+  analyser: r,
   size: l = 300,
-  className: o = "",
+  className: c = "",
   style: a,
   maxMouthOpening: t,
   mouseTrackingIntensity: d,
@@ -93,12 +93,12 @@ function ue({
   blinkIntervalMax: h,
   blinkDuration: p,
   stateColors: g,
-  children: r
+  children: n
 }) {
-  const z = O(null);
-  return Me(z, {
+  const _ = O(null);
+  return Ne(_, {
     state: i,
-    analyser: n,
+    analyser: r,
     stateColors: g,
     maxMouthOpening: t,
     mouseTrackingIntensity: d,
@@ -108,18 +108,18 @@ function ue({
   }), /* @__PURE__ */ e(
     "div",
     {
-      ref: z,
-      className: `relative flex items-center justify-center ${o}`,
+      ref: _,
+      className: `relative flex items-center justify-center ${c}`,
       style: { width: l, height: l, ...a },
-      children: r
+      children: n
     }
   );
 }
 function ge({
   size: i = 300,
-  customization: n,
+  customization: r,
   mouthColor: l = "#7a3b2e",
-  className: o,
+  className: c,
   style: a
 }) {
   const {
@@ -129,11 +129,11 @@ function ge({
     hoodieColor: h = "#3a3e45",
     bgColor: p = "#88c0b7",
     glasses: g = !0,
-    glassesColor: r = "#2c2c2c",
-    headphones: z = !0,
-    headphonesColor: S = "#3a3b40"
-  } = n ?? {};
-  return /* @__PURE__ */ c(
+    glassesColor: n = "#2c2c2c",
+    headphones: _ = !0,
+    headphonesColor: W = "#3a3b40"
+  } = r ?? {};
+  return /* @__PURE__ */ o(
     "svg",
     {
       viewBox: "0 0 200 200",
@@ -142,40 +142,40 @@ function ge({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       "aria-label": "Avatar",
-      className: o,
+      className: c,
       style: a,
       children: [
         /* @__PURE__ */ e("circle", { cx: "100", cy: "100", r: "78", fill: p }),
         /* @__PURE__ */ e("clipPath", { id: "rra-clip", children: /* @__PURE__ */ e("circle", { cx: "100", cy: "100", r: "78" }) }),
-        /* @__PURE__ */ c("g", { clipPath: "url(#rra-clip)", children: [
+        /* @__PURE__ */ o("g", { clipPath: "url(#rra-clip)", children: [
           /* @__PURE__ */ e("rect", { id: "rra-clothing", x: "48", y: "150", width: "104", height: "60", rx: "20", fill: s }),
           /* @__PURE__ */ e("path", { id: "rra-hoodie", d: "M52 168 Q52 140 100 140 Q148 140 148 168 L148 210 L52 210 Z", fill: h }),
           /* @__PURE__ */ e("rect", { id: "rra-neck", x: "88", y: "120", width: "24", height: "28", rx: "10", fill: t, opacity: "0.85" }),
           /* @__PURE__ */ e("ellipse", { id: "rra-head", cx: "100", cy: "92", rx: "42", ry: "46", fill: t }),
           /* @__PURE__ */ e("path", { id: "rra-hair", d: "M58 88 Q56 44 100 44 Q144 44 142 88 Q142 70 128 62 Q120 76 100 74 Q80 76 72 62 Q58 70 58 88 Z", fill: d }),
-          z && /* @__PURE__ */ c("g", { id: "rra-headphones", children: [
-            /* @__PURE__ */ e("rect", { x: "50", y: "84", width: "12", height: "26", rx: "6", fill: S }),
-            /* @__PURE__ */ e("rect", { x: "138", y: "84", width: "12", height: "26", rx: "6", fill: S }),
-            /* @__PURE__ */ e("path", { d: "M56 90 Q56 50 100 50 Q144 50 144 90", fill: "none", stroke: S, strokeWidth: "7", strokeLinecap: "round" })
+          _ && /* @__PURE__ */ o("g", { id: "rra-headphones", children: [
+            /* @__PURE__ */ e("rect", { x: "50", y: "84", width: "12", height: "26", rx: "6", fill: W }),
+            /* @__PURE__ */ e("rect", { x: "138", y: "84", width: "12", height: "26", rx: "6", fill: W }),
+            /* @__PURE__ */ e("path", { d: "M56 90 Q56 50 100 50 Q144 50 144 90", fill: "none", stroke: W, strokeWidth: "7", strokeLinecap: "round" })
           ] }),
-          /* @__PURE__ */ c("g", { id: "rra-eyeL", children: [
+          /* @__PURE__ */ o("g", { id: "rra-eyeL", children: [
             /* @__PURE__ */ e("ellipse", { cx: "84", cy: "90", rx: "9", ry: "7", fill: "#ffffff" }),
             /* @__PURE__ */ e("circle", { className: "rra-pupil", "data-base-x": "84", "data-base-y": "90", cx: "84", cy: "90", r: "4", fill: "#2c2c2c" }),
             /* @__PURE__ */ e("rect", { className: "rra-lid", "data-max-height": "17", x: "74", y: "80", width: "20", height: "0", fill: t })
           ] }),
-          /* @__PURE__ */ c("g", { id: "rra-eyeR", children: [
+          /* @__PURE__ */ o("g", { id: "rra-eyeR", children: [
             /* @__PURE__ */ e("ellipse", { cx: "116", cy: "90", rx: "9", ry: "7", fill: "#ffffff" }),
             /* @__PURE__ */ e("circle", { className: "rra-pupil", "data-base-x": "116", "data-base-y": "90", cx: "116", cy: "90", r: "4", fill: "#2c2c2c" }),
             /* @__PURE__ */ e("rect", { className: "rra-lid", "data-max-height": "17", x: "106", y: "80", width: "20", height: "0", fill: t })
           ] }),
-          g && /* @__PURE__ */ c("g", { id: "rra-glasses", children: [
-            /* @__PURE__ */ e("rect", { x: "72", y: "82", width: "24", height: "16", rx: "6", fill: "none", stroke: r, strokeWidth: "2.5" }),
-            /* @__PURE__ */ e("rect", { x: "104", y: "82", width: "24", height: "16", rx: "6", fill: "none", stroke: r, strokeWidth: "2.5" }),
-            /* @__PURE__ */ e("line", { x1: "96", y1: "90", x2: "104", y2: "90", stroke: r, strokeWidth: "2.5" })
+          g && /* @__PURE__ */ o("g", { id: "rra-glasses", children: [
+            /* @__PURE__ */ e("rect", { x: "72", y: "82", width: "24", height: "16", rx: "6", fill: "none", stroke: n, strokeWidth: "2.5" }),
+            /* @__PURE__ */ e("rect", { x: "104", y: "82", width: "24", height: "16", rx: "6", fill: "none", stroke: n, strokeWidth: "2.5" }),
+            /* @__PURE__ */ e("line", { x1: "96", y1: "90", x2: "104", y2: "90", stroke: n, strokeWidth: "2.5" })
           ] }),
           /* @__PURE__ */ e("ellipse", { id: "rra-mouth", cx: "100", cy: "112", rx: "9", ry: "3", fill: l })
         ] }),
-        /* @__PURE__ */ c("g", { id: "rra-think", opacity: "0", children: [
+        /* @__PURE__ */ o("g", { id: "rra-think", opacity: "0", children: [
           /* @__PURE__ */ e("circle", { cx: "150", cy: "56", r: "4", fill: "#8b5cf6" }),
           /* @__PURE__ */ e("circle", { cx: "164", cy: "44", r: "5.5", fill: "#8b5cf6" }),
           /* @__PURE__ */ e("circle", { cx: "181", cy: "30", r: "7", fill: "#8b5cf6" })
@@ -184,18 +184,18 @@ function ge({
     }
   );
 }
-function Ae({
+function Le({
   size: i = 300,
-  customization: n,
+  customization: r,
   className: l,
-  style: o
+  style: c
 }) {
   const {
     skinColor: a = "#f6c8a8",
     hairColor: t = "#5b3a23",
     bgColor: d = "#dbe7f4"
-  } = n ?? {}, s = xe().replace(/[^a-zA-Z0-9]/g, ""), h = `rra-skin-${s}`, p = `rra-bg-${s}`, g = `rra-hair-${s}`, r = `rra-mouthg-${s}`;
-  return /* @__PURE__ */ c(
+  } = r ?? {}, s = xe().replace(/[^a-zA-Z0-9]/g, ""), h = `rra-skin-${s}`, p = `rra-bg-${s}`, g = `rra-hair-${s}`, n = `rra-mouthg-${s}`;
+  return /* @__PURE__ */ o(
     "svg",
     {
       viewBox: "0 0 200 200",
@@ -205,30 +205,30 @@ function Ae({
       role: "img",
       "aria-label": "Avatar",
       className: l,
-      style: o,
+      style: c,
       children: [
-        /* @__PURE__ */ c("defs", { children: [
-          /* @__PURE__ */ c("radialGradient", { id: h, cx: "0.38", cy: "0.32", r: "0.85", children: [
+        /* @__PURE__ */ o("defs", { children: [
+          /* @__PURE__ */ o("radialGradient", { id: h, cx: "0.38", cy: "0.32", r: "0.85", children: [
             /* @__PURE__ */ e("stop", { offset: "0%", stopColor: "#ffffff", stopOpacity: "0.55" }),
             /* @__PURE__ */ e("stop", { offset: "35%", stopColor: a }),
             /* @__PURE__ */ e("stop", { offset: "100%", stopColor: a, stopOpacity: "1" })
           ] }),
-          /* @__PURE__ */ c("radialGradient", { id: p, cx: "0.5", cy: "0.35", r: "0.9", children: [
+          /* @__PURE__ */ o("radialGradient", { id: p, cx: "0.5", cy: "0.35", r: "0.9", children: [
             /* @__PURE__ */ e("stop", { offset: "0%", stopColor: "#ffffff", stopOpacity: "0.9" }),
             /* @__PURE__ */ e("stop", { offset: "100%", stopColor: d })
           ] }),
-          /* @__PURE__ */ c("linearGradient", { id: g, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+          /* @__PURE__ */ o("linearGradient", { id: g, x1: "0", y1: "0", x2: "0", y2: "1", children: [
             /* @__PURE__ */ e("stop", { offset: "0%", stopColor: t, stopOpacity: "0.85" }),
             /* @__PURE__ */ e("stop", { offset: "100%", stopColor: t })
           ] }),
-          /* @__PURE__ */ c("linearGradient", { id: r, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+          /* @__PURE__ */ o("linearGradient", { id: n, x1: "0", y1: "0", x2: "0", y2: "1", children: [
             /* @__PURE__ */ e("stop", { offset: "0%", stopColor: "#7c2f33" }),
             /* @__PURE__ */ e("stop", { offset: "100%", stopColor: "#52181c" })
           ] })
         ] }),
         /* @__PURE__ */ e("circle", { cx: "100", cy: "100", r: "78", fill: `url(#${p})` }),
         /* @__PURE__ */ e("clipPath", { id: `rra-memoji-clip-${s}`, children: /* @__PURE__ */ e("circle", { cx: "100", cy: "100", r: "78" }) }),
-        /* @__PURE__ */ c("g", { clipPath: `url(#rra-memoji-clip-${s})`, children: [
+        /* @__PURE__ */ o("g", { clipPath: `url(#rra-memoji-clip-${s})`, children: [
           /* @__PURE__ */ e("rect", { x: "86", y: "128", width: "28", height: "30", rx: "12", fill: a }),
           /* @__PURE__ */ e("ellipse", { cx: "100", cy: "178", rx: "52", ry: "28", fill: "#ffffff", opacity: "0.85" }),
           /* @__PURE__ */ e("ellipse", { id: "rra-head", cx: "100", cy: "94", rx: "44", ry: "48", fill: `url(#${h})` }),
@@ -245,13 +245,13 @@ function Ae({
           ),
           /* @__PURE__ */ e("path", { d: "M70 76 Q82 70 92 75", fill: "none", stroke: t, strokeWidth: "4", strokeLinecap: "round", opacity: "0.9" }),
           /* @__PURE__ */ e("path", { d: "M108 75 Q118 70 130 76", fill: "none", stroke: t, strokeWidth: "4", strokeLinecap: "round", opacity: "0.9" }),
-          /* @__PURE__ */ c("g", { id: "rra-eyeL", children: [
+          /* @__PURE__ */ o("g", { id: "rra-eyeL", children: [
             /* @__PURE__ */ e("ellipse", { cx: "81", cy: "92", rx: "10.5", ry: "8.5", fill: "#ffffff" }),
             /* @__PURE__ */ e("circle", { className: "rra-pupil", "data-base-x": "81", "data-base-y": "92", cx: "81", cy: "92", r: "5", fill: "#3d2c20" }),
             /* @__PURE__ */ e("circle", { cx: "83", cy: "89.5", r: "1.7", fill: "#ffffff", opacity: "0.95" }),
             /* @__PURE__ */ e("rect", { className: "rra-lid", "data-max-height": "19", x: "69", y: "82", width: "24", height: "0", rx: "3", fill: a })
           ] }),
-          /* @__PURE__ */ c("g", { id: "rra-eyeR", children: [
+          /* @__PURE__ */ o("g", { id: "rra-eyeR", children: [
             /* @__PURE__ */ e("ellipse", { cx: "119", cy: "92", rx: "10.5", ry: "8.5", fill: "#ffffff" }),
             /* @__PURE__ */ e("circle", { className: "rra-pupil", "data-base-x": "119", "data-base-y": "92", cx: "119", cy: "92", r: "5", fill: "#3d2c20" }),
             /* @__PURE__ */ e("circle", { cx: "121", cy: "89.5", r: "1.7", fill: "#ffffff", opacity: "0.95" }),
@@ -260,9 +260,9 @@ function Ae({
           /* @__PURE__ */ e("ellipse", { cx: "70", cy: "108", rx: "8", ry: "4.5", fill: "#e98a7a", opacity: "0.35" }),
           /* @__PURE__ */ e("ellipse", { cx: "130", cy: "108", rx: "8", ry: "4.5", fill: "#e98a7a", opacity: "0.35" }),
           /* @__PURE__ */ e("path", { d: "M97 100 Q95 108 100 110 Q105 108 103 100", fill: "none", stroke: "#c98f6f", strokeWidth: "2.5", strokeLinecap: "round", opacity: "0.8" }),
-          /* @__PURE__ */ e("ellipse", { id: "rra-mouth", cx: "100", cy: "120", rx: "9.5", ry: "3.5", fill: `url(#${r})` })
+          /* @__PURE__ */ e("ellipse", { id: "rra-mouth", cx: "100", cy: "120", rx: "9.5", ry: "3.5", fill: `url(#${n})` })
         ] }),
-        /* @__PURE__ */ c("g", { id: "rra-think", opacity: "0", children: [
+        /* @__PURE__ */ o("g", { id: "rra-think", opacity: "0", children: [
           /* @__PURE__ */ e("circle", { cx: "150", cy: "56", r: "4", fill: "#8b5cf6" }),
           /* @__PURE__ */ e("circle", { cx: "164", cy: "44", r: "5.5", fill: "#8b5cf6" }),
           /* @__PURE__ */ e("circle", { cx: "181", cy: "30", r: "7", fill: "#8b5cf6" })
@@ -271,19 +271,19 @@ function Ae({
     }
   );
 }
-function Le({
+function Se({
   size: i = 300,
-  customization: n,
+  customization: r,
   className: l,
-  style: o
+  style: c
 }) {
   const {
     skinColor: a = "#f0b58a",
     hairColor: t = "#3a2a1e",
     clothingColor: d = "#2f6f8f",
     bgColor: s = "#9ad1c8"
-  } = n ?? {};
-  return /* @__PURE__ */ c(
+  } = r ?? {};
+  return /* @__PURE__ */ o(
     "svg",
     {
       viewBox: "0 0 32 32",
@@ -293,7 +293,7 @@ function Le({
       role: "img",
       "aria-label": "Avatar",
       className: l,
-      style: { imageRendering: "pixelated", ...o },
+      style: { imageRendering: "pixelated", ...c },
       shapeRendering: "crispEdges",
       children: [
         /* @__PURE__ */ e("rect", { x: "2", y: "2", width: "28", height: "28", fill: s }),
@@ -301,26 +301,26 @@ function Le({
         /* @__PURE__ */ e("rect", { x: "10", y: "25", width: "12", height: "1", fill: d }),
         /* @__PURE__ */ e("rect", { x: "14", y: "23", width: "4", height: "3", fill: a }),
         /* @__PURE__ */ e("rect", { id: "rra-head", x: "9", y: "7", width: "14", height: "16", fill: a }),
-        /* @__PURE__ */ c("g", { id: "rra-hair", children: [
+        /* @__PURE__ */ o("g", { id: "rra-hair", children: [
           /* @__PURE__ */ e("rect", { x: "8", y: "4", width: "16", height: "4", fill: t }),
           /* @__PURE__ */ e("rect", { x: "8", y: "8", width: "2", height: "5", fill: t }),
           /* @__PURE__ */ e("rect", { x: "22", y: "8", width: "2", height: "5", fill: t }),
           /* @__PURE__ */ e("rect", { x: "11", y: "8", width: "3", height: "1", fill: t }),
           /* @__PURE__ */ e("rect", { x: "17", y: "8", width: "4", height: "1", fill: t })
         ] }),
-        /* @__PURE__ */ c("g", { id: "rra-eyeL", children: [
+        /* @__PURE__ */ o("g", { id: "rra-eyeL", children: [
           /* @__PURE__ */ e("rect", { x: "11", y: "12", width: "3", height: "2", fill: "#ffffff" }),
           /* @__PURE__ */ e("rect", { className: "rra-pupil", "data-base-x": "12", "data-base-y": "12.5", "data-quantize": "1", x: "12", y: "12.5", width: "1", height: "1", fill: "#1c1c1c" }),
           /* @__PURE__ */ e("rect", { className: "rra-lid", "data-max-height": "2", x: "11", y: "12", width: "3", height: "0", fill: a })
         ] }),
-        /* @__PURE__ */ c("g", { id: "rra-eyeR", children: [
+        /* @__PURE__ */ o("g", { id: "rra-eyeR", children: [
           /* @__PURE__ */ e("rect", { x: "18", y: "12", width: "3", height: "2", fill: "#ffffff" }),
           /* @__PURE__ */ e("rect", { className: "rra-pupil", "data-base-x": "19", "data-base-y": "12.5", "data-quantize": "1", x: "19", y: "12.5", width: "1", height: "1", fill: "#1c1c1c" }),
           /* @__PURE__ */ e("rect", { className: "rra-lid", "data-max-height": "2", x: "18", y: "12", width: "3", height: "0", fill: a })
         ] }),
         /* @__PURE__ */ e("rect", { x: "15", y: "15", width: "2", height: "1", fill: "#d49a72" }),
         /* @__PURE__ */ e("rect", { id: "rra-mouth", "data-quantize": "1", x: "13", y: "18", width: "6", height: "1", fill: "#5a1f1f" }),
-        /* @__PURE__ */ c("g", { id: "rra-think", opacity: "0", children: [
+        /* @__PURE__ */ o("g", { id: "rra-think", opacity: "0", children: [
           /* @__PURE__ */ e("rect", { x: "24", y: "9", width: "1", height: "1", fill: "#8b5cf6" }),
           /* @__PURE__ */ e("rect", { x: "26", y: "7", width: "1.5", height: "1.5", fill: "#8b5cf6" }),
           /* @__PURE__ */ e("rect", { x: "28", y: "4", width: "2", height: "2", fill: "#8b5cf6" })
@@ -329,11 +329,11 @@ function Le({
     }
   );
 }
-function Ne({
+function Qe({
   size: i = 300,
-  customization: n,
+  customization: r,
   inkColor: l = "#2f2a26",
-  className: o,
+  className: c,
   style: a
 }) {
   const {
@@ -341,8 +341,8 @@ function Ne({
     // paper tone by default
     hairColor: d = "#2f2a26",
     bgColor: s = "#fffdf8"
-  } = n ?? {};
-  return /* @__PURE__ */ c(
+  } = r ?? {};
+  return /* @__PURE__ */ o(
     "svg",
     {
       viewBox: "0 0 200 200",
@@ -351,12 +351,12 @@ function Ne({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       "aria-label": "Avatar",
-      className: o,
+      className: c,
       style: a,
       children: [
         /* @__PURE__ */ e("circle", { cx: "100", cy: "100", r: "79", fill: s }),
         /* @__PURE__ */ e("clipPath", { id: "rra-doodle-clip", children: /* @__PURE__ */ e("circle", { cx: "100", cy: "100", r: "79" }) }),
-        /* @__PURE__ */ c("g", { clipPath: "url(#rra-doodle-clip)", children: [
+        /* @__PURE__ */ o("g", { clipPath: "url(#rra-doodle-clip)", children: [
           /* @__PURE__ */ e("path", { d: "M52 182 Q60 148 100 146 Q140 148 148 182", fill: "#ffffff", stroke: l, strokeWidth: "3", strokeLinecap: "round" }),
           /* @__PURE__ */ e("path", { d: "M88 150 L86 134 M112 150 L114 134", fill: "none", stroke: l, strokeWidth: "2.5", strokeLinecap: "round" }),
           /* @__PURE__ */ e(
@@ -375,19 +375,19 @@ function Ne({
               strokeLinecap: "round"
             }
           ),
-          /* @__PURE__ */ c("g", { id: "rra-hair", fill: "none", stroke: d, strokeWidth: "3", strokeLinecap: "round", children: [
+          /* @__PURE__ */ o("g", { id: "rra-hair", fill: "none", stroke: d, strokeWidth: "3", strokeLinecap: "round", children: [
             /* @__PURE__ */ e("path", { d: "M62 84 Q58 52 88 47 Q72 56 74 64 Q80 50 104 46 Q92 54 96 60 Q106 48 126 52 Q116 58 120 64 Q130 56 140 78 Q132 66 122 68" }),
             /* @__PURE__ */ e("path", { d: "M66 76 Q70 62 82 58", opacity: "0.7" }),
             /* @__PURE__ */ e("path", { d: "M118 56 Q130 62 134 76", opacity: "0.7" })
           ] }),
           /* @__PURE__ */ e("path", { d: "M70 80 Q80 74 90 78", fill: "none", stroke: l, strokeWidth: "3", strokeLinecap: "round" }),
           /* @__PURE__ */ e("path", { d: "M110 78 Q120 74 130 80", fill: "none", stroke: l, strokeWidth: "3", strokeLinecap: "round" }),
-          /* @__PURE__ */ c("g", { id: "rra-eyeL", children: [
+          /* @__PURE__ */ o("g", { id: "rra-eyeL", children: [
             /* @__PURE__ */ e("ellipse", { cx: "82", cy: "92", rx: "9", ry: "7.5", fill: "#ffffff", stroke: l, strokeWidth: "2.5" }),
             /* @__PURE__ */ e("circle", { className: "rra-pupil", "data-base-x": "82", "data-base-y": "92", cx: "82", cy: "92", r: "3.4", fill: l }),
             /* @__PURE__ */ e("rect", { className: "rra-lid", "data-max-height": "17", x: "72", y: "83", width: "20", height: "0", fill: t })
           ] }),
-          /* @__PURE__ */ c("g", { id: "rra-eyeR", children: [
+          /* @__PURE__ */ o("g", { id: "rra-eyeR", children: [
             /* @__PURE__ */ e("ellipse", { cx: "118", cy: "92", rx: "9", ry: "7.5", fill: "#ffffff", stroke: l, strokeWidth: "2.5" }),
             /* @__PURE__ */ e("circle", { className: "rra-pupil", "data-base-x": "118", "data-base-y": "92", cx: "118", cy: "92", r: "3.4", fill: l }),
             /* @__PURE__ */ e("rect", { className: "rra-lid", "data-max-height": "17", x: "108", y: "83", width: "20", height: "0", fill: t })
@@ -396,7 +396,7 @@ function Ne({
           /* @__PURE__ */ e("ellipse", { id: "rra-mouth", cx: "100", cy: "122", rx: "9", ry: "2.5", fill: "#3a2e28", stroke: l, strokeWidth: "2" }),
           /* @__PURE__ */ e("path", { d: "M64 106 L70 102 M67 110 L73 106", stroke: l, strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.45" })
         ] }),
-        /* @__PURE__ */ c("g", { id: "rra-think", opacity: "0", children: [
+        /* @__PURE__ */ o("g", { id: "rra-think", opacity: "0", children: [
           /* @__PURE__ */ e("circle", { cx: "150", cy: "56", r: "4", fill: "#ffffff", stroke: "#8b5cf6", strokeWidth: "2" }),
           /* @__PURE__ */ e("circle", { cx: "164", cy: "44", r: "5.5", fill: "#ffffff", stroke: "#8b5cf6", strokeWidth: "2" }),
           /* @__PURE__ */ e("circle", { cx: "181", cy: "30", r: "7", fill: "#ffffff", stroke: "#8b5cf6", strokeWidth: "2.5" })
@@ -406,9 +406,9 @@ function Ne({
   );
 }
 function fe(i) {
-  return i.replace(/-([a-z])/g, (n, l) => l.toUpperCase());
+  return i.replace(/-([a-z])/g, (r, l) => l.toUpperCase());
 }
-const Qe = [
+const We = [
   ["pixel-art", "Pixel Art"],
   ["pixel-art-neutral", "Pixel Art Neutral"],
   ["lorelei", "Lorelei"],
@@ -417,24 +417,24 @@ const Qe = [
   ["notionists-neutral", "Notionists Neutral"],
   ["open-peeps", "Open Peeps"],
   ["thumbs", "Thumbs"]
-].map(([i, n]) => ({
+].map(([i, r]) => ({
   id: i,
   exportName: fe(i),
-  label: n,
+  label: r,
   license: "CC0 1.0"
 }));
-function me(i, n) {
-  const l = /* @__PURE__ */ new Set(), o = /\bid="([^"]+)"/g;
+function me(i, r) {
+  const l = /* @__PURE__ */ new Set(), c = /\bid="([^"]+)"/g;
   let a;
-  for (; a = o.exec(i); ) l.add(a[1]);
+  for (; a = c.exec(i); ) l.add(a[1]);
   let t = i;
   for (const d of l) {
     const s = d.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    t = t.replace(new RegExp(`id="${s}"`, "g"), `id="${n}-${d}"`).replace(new RegExp(`url\\(#${s}\\)`, "g"), `url(#${n}-${d})`).replace(new RegExp(`(xlink:href|href)="#${s}"`, "g"), `$1="#${n}-${d}"`);
+    t = t.replace(new RegExp(`id="${s}"`, "g"), `id="${r}-${d}"`).replace(new RegExp(`url\\(#${s}\\)`, "g"), `url(#${r}-${d})`).replace(new RegExp(`(xlink:href|href)="#${s}"`, "g"), `$1="#${r}-${d}"`);
   }
   return t;
 }
-const We = {
+const $e = {
   "pixel-art": { part: "mouth", visemes: ["happy01", "happy11", "happy12"] },
   "pixel-art-neutral": { part: "mouth", visemes: ["happy01", "happy11", "happy12"] },
   lorelei: { part: "mouth", visemes: ["happy01", "happy08", "happy06"] },
@@ -468,46 +468,46 @@ const We = {
   { collection: "pixel-art", seed: "smmje3r6" },
   { collection: "pixel-art", seed: "wxhz14w1" },
   { collection: "pixel-art", seed: "uovelmrj" }
-], Se = ye[0].collection, Re = ye[0].seed, Ze = Object.fromEntries(Qe.map((i) => [i.id, i]));
+], Re = ye[0].collection, Ee = ye[0].seed, Ge = Object.fromEntries(We.map((i) => [i.id, i]));
 let oe = null;
 function ke() {
   return oe || (oe = Promise.all([
     import("@dicebear/core"),
     import("@dicebear/collection")
-  ]).then(([i, n]) => ({
+  ]).then(([i, r]) => ({
     createAvatar: i.createAvatar,
-    collection: n
+    collection: r
   }))), oe;
 }
-async function $e(i, n, l = {}) {
-  const { createAvatar: o, collection: a } = await ke(), t = a[fe(String(i))];
+async function Te(i, r, l = {}) {
+  const { createAvatar: c, collection: a } = await ke(), t = a[fe(String(i))];
   if (!t) throw new Error(`Unknown DiceBear style "${i}"`);
-  return o(t, { seed: n, ...l }).toString();
+  return c(t, { seed: r, ...l }).toString();
 }
-function Ee(i, n, l, o, a) {
+function Be(i, r, l, c, a) {
   const t = [], d = (s, h) => t.push({
     key: s,
-    html: me(i(n, { ...l, ...h }).toString(), `${a}-${s}`)
+    html: me(i(r, { ...l, ...h }).toString(), `${a}-${s}`)
   });
-  if (o.part === "face")
-    o.visemes.forEach((s, h) => d(`m${h}`, { face: [s] })), o.faceBlink && d("blink", { face: [o.faceBlink] });
+  if (c.part === "face")
+    c.visemes.forEach((s, h) => d(`m${h}`, { face: [s] })), c.faceBlink && d("blink", { face: [c.faceBlink] });
   else {
-    const s = o.blink ? [
-      ["o", { eyes: [o.blink.open] }],
-      ["c", { eyes: [o.blink.closed] }]
+    const s = c.blink ? [
+      ["o", { eyes: [c.blink.open] }],
+      ["c", { eyes: [c.blink.closed] }]
     ] : [["o", {}]];
-    o.visemes.forEach((h, p) => {
-      for (const [g, r] of s) d(`m${p}-${g}`, { [o.part]: [h], ...r });
+    c.visemes.forEach((h, p) => {
+      for (const [g, n] of s) d(`m${p}-${g}`, { [c.part]: [h], ...n });
     });
   }
   return t;
 }
-function Be({
+function Fe({
   state: i,
-  analyser: n,
+  analyser: r,
   size: l = 300,
-  collection: o = Se,
-  seed: a = Re,
+  collection: c = Re,
+  seed: a = Ee,
   backgroundColor: t,
   radius: d,
   className: s = "",
@@ -515,88 +515,88 @@ function Be({
   maxMouthOpening: p = 30,
   stateColors: g
 }) {
-  const r = se(), S = `rra-db-${xe().replace(/[^a-zA-Z0-9]/g, "")}`, T = O(null), V = O(/* @__PURE__ */ new Map()), w = O(null), [m, F] = ce(null), [f, k] = ce(null), [M, y] = ce(null), N = O({ state: i, analyser: n, maxMouthOpening: p });
-  N.current = { state: i, analyser: n, maxMouthOpening: p };
+  const n = se(), W = `rra-db-${xe().replace(/[^a-zA-Z0-9]/g, "")}`, B = O(null), V = O(/* @__PURE__ */ new Map()), w = O(null), [m, F] = ae(null), [f, k] = ae(null), [M, y] = ae(null), L = O({ state: i, analyser: r, maxMouthOpening: p });
+  L.current = { state: i, analyser: r, maxMouthOpening: p };
   const J = (t == null ? void 0 : t.join(",")) ?? "";
   ee(() => {
     let u = !1;
-    return F(null), y(null), ke().then(({ createAvatar: W, collection: I }) => {
+    return F(null), y(null), ke().then(({ createAvatar: Q, collection: z }) => {
       if (u) return;
-      const R = I[fe(String(o))];
-      if (!R) {
-        y(`Unknown DiceBear style "${o}"`);
+      const $ = z[fe(String(c))];
+      if (!$) {
+        y(`Unknown DiceBear style "${c}"`);
         return;
       }
       const C = { seed: a };
       t && t.length && (C.backgroundColor = t), d != null && (C.radius = d);
-      const x = We[String(o)] ?? null;
-      V.current = /* @__PURE__ */ new Map(), x ? (k(x), F(Ee(W, R, C, x, S))) : (k(null), F([{ key: "base", html: me(W(R, C).toString(), `${S}-base`) }]));
-    }).catch((W) => {
+      const x = $e[String(c)] ?? null;
+      V.current = /* @__PURE__ */ new Map(), x ? (k(x), F(Be(Q, $, C, x, W))) : (k(null), F([{ key: "base", html: me(Q($, C).toString(), `${W}-base`) }]));
+    }).catch((Q) => {
       if (u) return;
-      const I = (W == null ? void 0 : W.message) || String(W);
-      y(/Cannot find module|Failed to (resolve|fetch)|dicebear/i.test(I) ? "missing" : I);
+      const z = (Q == null ? void 0 : Q.message) || String(Q);
+      y(/Cannot find module|Failed to (resolve|fetch)|dicebear/i.test(z) ? "missing" : z);
     }), () => {
       u = !0;
     };
-  }, [o, a, d, J]), ee(() => {
-    const u = T.current;
+  }, [c, a, d, J]), ee(() => {
+    const u = B.current;
     if (!u || !m || m.length === 0 || typeof window > "u") return;
-    const W = V.current, I = !!(f && (f.blink || f.faceBlink));
-    let R = null, C = null, x = 0, q = 0, H = 1500 + Math.random() * 2500, U = 0, P = !1, K = 0, A = "", D = performance.now();
-    const $ = (Z) => {
-      if (Z === A) return;
-      const G = W.get(Z) ?? W.get(m[0].key);
-      W.forEach((Y) => {
+    const Q = V.current, z = !!(f && (f.blink || f.faceBlink));
+    let $ = null, C = null, x = 0, q = 0, H = 1500 + Math.random() * 2500, U = 0, I = !1, K = 0, A = "", P = performance.now();
+    const R = (D) => {
+      if (D === A) return;
+      const G = Q.get(D) ?? Q.get(m[0].key);
+      Q.forEach((Y) => {
         Y.style.visibility = Y === G ? "visible" : "hidden";
-      }), A = Z;
-    }, Q = (Z) => {
-      const G = Math.min(100, Z - D);
-      D = Z;
-      const { state: Y, analyser: X, maxMouthOpening: ie } = N.current, te = Y === "speaking", L = ie / 30;
-      if (te ? ((!R || C !== X) && (R = de(X), C = X), x += (R.read().level - x) * 0.3) : (R = null, C = null, x += (0 - x) * 0.25), I && !r && (P ? (U += G, U >= 160 && (P = !1, H = 1800 + Math.random() * 3500)) : (H -= G, H <= 0 && (P = !0, U = 0))), f) {
+      }), A = D;
+    }, S = (D) => {
+      const G = Math.min(100, D - P);
+      P = D;
+      const { state: Y, analyser: X, maxMouthOpening: ie } = L.current, te = Y === "speaking", N = ie / 30;
+      if (te ? ((!$ || C !== X) && ($ = de(X), C = X), x += ($.read().level - x) * 0.3) : ($ = null, C = null, x += (0 - x) * 0.25), z && !n && (I ? (U += G, U >= 160 && (I = !1, H = 1800 + Math.random() * 3500)) : (H -= G, H <= 0 && (I = !0, U = 0))), f) {
         let b = K;
-        if (K === 0 ? x > 0.13 && (b = x > 0.36 ? 2 : 1) : K === 1 ? x > 0.36 ? b = 2 : x < 0.09 && (b = 0) : x < 0.1 ? b = 0 : x < 0.3 && (b = 1), K = te ? b : 0, f.part === "face")
-          $(P && f.faceBlink ? "blink" : `m${K}`);
+        if (K === 0 ? x > 0.07 && (b = x > 0.22 ? 2 : 1) : K === 1 ? x > 0.22 ? b = 2 : x < 0.05 && (b = 0) : x < 0.06 ? b = 0 : x < 0.18 && (b = 1), K = te ? b : 0, f.part === "face")
+          R(I && f.faceBlink ? "blink" : `m${K}`);
         else {
-          const be = P && f.blink ? "c" : "o";
-          $(`m${K}-${be}`);
+          const ve = I && f.blink ? "c" : "o";
+          R(`m${K}-${ve}`);
         }
-        let E = 0, B = 0;
-        r || (q += G * 2e-3, E = Math.sin(q) * 8e-3, Y === "listening" && (B = Math.sin(q * 1.6) * 1.2));
-        const j = x * 4 * L, re = 1 + x * 0.04 * L + E, ne = 1 - x * 0.02 * L + E;
-        u.style.transform = `translateY(${(-j + B).toFixed(2)}px) scale(${ne.toFixed(4)}, ${re.toFixed(4)})`;
+        let E = 0, T = 0;
+        n || (q += G * 2e-3, E = Math.sin(q) * 8e-3, Y === "listening" && (T = Math.sin(q * 1.6) * 1.2));
+        const Z = x * 4 * N, re = 1 + x * 0.04 * N + E, ne = 1 - x * 0.02 * N + E;
+        u.style.transform = `translateY(${(-Z + T).toFixed(2)}px) scale(${ne.toFixed(4)}, ${re.toFixed(4)})`;
       } else {
         let b = 0;
-        r || (q += G * 2e-3, b = Math.sin(q) * 0.012);
-        const E = x * 10 * L, B = 1 + x * 0.1 * L + b, j = 1 - x * 0.05 * L + b, re = Y === "thinking" && !r ? -4 : 0;
-        u.style.transform = `translateY(${(-E).toFixed(2)}px) scale(${j.toFixed(4)}, ${B.toFixed(4)}) rotate(${re}deg)`;
+        n || (q += G * 2e-3, b = Math.sin(q) * 0.012);
+        const E = x * 10 * N, T = 1 + x * 0.1 * N + b, Z = 1 - x * 0.05 * N + b, re = Y === "thinking" && !n ? -4 : 0;
+        u.style.transform = `translateY(${(-E).toFixed(2)}px) scale(${Z.toFixed(4)}, ${T.toFixed(4)}) rotate(${re}deg)`;
       }
-      w.current = requestAnimationFrame(Q);
+      w.current = requestAnimationFrame(S);
     };
-    return u.style.transformOrigin = "center bottom", w.current = requestAnimationFrame(Q), () => {
+    return u.style.transformOrigin = "center bottom", w.current = requestAnimationFrame(S), () => {
       w.current && cancelAnimationFrame(w.current);
     };
-  }, [m, f, r]);
+  }, [m, f, n]);
   const v = (g == null ? void 0 : g[i]) ?? "#10b981";
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ o(
     "div",
     {
       className: `relative flex items-center justify-center ${s}`,
       style: { width: l, height: l, ...h },
       children: [
-        m && /* @__PURE__ */ e("div", { ref: T, className: "relative w-full h-full", role: "img", "aria-label": "Avatar", children: m.map((u, W) => /* @__PURE__ */ e(
+        m && /* @__PURE__ */ e("div", { ref: B, className: "relative w-full h-full", role: "img", "aria-label": "Avatar", children: m.map((u, Q) => /* @__PURE__ */ e(
           "div",
           {
-            ref: (I) => {
-              I ? V.current.set(u.key, I) : V.current.delete(u.key);
+            ref: (z) => {
+              z ? V.current.set(u.key, z) : V.current.delete(u.key);
             },
             dangerouslySetInnerHTML: { __html: u.html },
             className: "absolute inset-0 [&>svg]:w-full [&>svg]:h-full",
-            style: { visibility: W === 0 ? "visible" : "hidden" }
+            style: { visibility: Q === 0 ? "visible" : "hidden" }
           },
           u.key
         )) }),
-        !m && !M && /* @__PURE__ */ c("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+        !m && !M && /* @__PURE__ */ o("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -606,12 +606,12 @@ function Be({
           ),
           /* @__PURE__ */ e("span", { className: "text-[10px] font-mono font-bold tracking-widest text-zinc-400 animate-pulse", children: "GENERATING AVATAR…" })
         ] }),
-        M === "missing" && /* @__PURE__ */ c("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-zinc-950/90 backdrop-blur-md rounded-2xl p-4 text-center", children: [
+        M === "missing" && /* @__PURE__ */ o("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-zinc-950/90 backdrop-blur-md rounded-2xl p-4 text-center", children: [
           /* @__PURE__ */ e("span", { className: "text-xs font-mono font-bold text-amber-400 uppercase tracking-wider mb-2", children: "DiceBear not installed" }),
           /* @__PURE__ */ e("p", { className: "text-[10px] text-zinc-500 max-w-[220px] leading-relaxed mb-2", children: "Install the optional peer dependencies to use this variant:" }),
           /* @__PURE__ */ e("code", { className: "text-[10px] text-zinc-300 bg-zinc-900 px-2 py-1 rounded border border-zinc-800 break-all", children: "npm i @dicebear/core @dicebear/collection" })
         ] }),
-        M && M !== "missing" && /* @__PURE__ */ c("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-zinc-950/90 backdrop-blur-md rounded-2xl p-4 text-center", children: [
+        M && M !== "missing" && /* @__PURE__ */ o("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-zinc-950/90 backdrop-blur-md rounded-2xl p-4 text-center", children: [
           /* @__PURE__ */ e("span", { className: "text-xs font-mono font-bold text-red-400 uppercase tracking-wider mb-2", children: "Failed to generate" }),
           /* @__PURE__ */ e("p", { className: "text-[10px] text-zinc-500 max-w-[220px] leading-relaxed break-all", children: M })
         ] })
@@ -619,35 +619,113 @@ function Be({
     }
   );
 }
-function Te(i, n) {
-  return n === i ? { type: "none" } : n.length > i.length && n.startsWith(i) ? { type: "push", text: n.slice(i.length) } : { type: "reset", seed: n };
+function be(i) {
+  if (!i) return "";
+  let r = i;
+  r = r.replace(/```[^\n]*\n?([\s\S]*?)```/g, "$1"), r = r.replace(/```[^\n]*\n?/g, ""), r = r.split(`
+`).filter((l) => {
+    const c = l.trim();
+    if (!c) return !0;
+    const a = /^\|.*\|?\s*$/.test(c) && c.includes("|"), t = /^\|?[\s:|-]+\|[\s:|-]*$/.test(c) && c.includes("-");
+    return !(a || t);
+  }).join(`
+`), r = r.replace(/!\[([^\]]*)\]\([^)]*\)/g, "$1"), r = r.replace(/\[([^\]]+)\]\([^)]*\)/g, "$1"), r = r.replace(/`([^`]+)`/g, "$1"), r = r.replace(/^\s{0,3}#{1,6}\s+/gm, ""), r = r.replace(/^\s{0,3}>\s?/gm, ""), r = r.replace(/^\s{0,3}[-*+]\s+/gm, ""), r = r.replace(/^\s{0,3}\d+\.\s+/gm, "");
+  for (let l = 0; l < 2; l++)
+    r = r.replace(/\*\*([^*]+)\*\*/g, "$1").replace(/\*([^*]+)\*/g, "$1").replace(/__([^_]+)__/g, "$1").replace(/_([^_]+)_/g, "$1").replace(/~~([^~]+)~~/g, "$1");
+  return r = r.replace(/[*_~]{1,3}(?=\s|$)/g, "").replace(/(^|\s)[*_~]{1,3}/g, "$1"), r = r.replace(/^\s{0,3}([-*_])\1{2,}\s*$/gm, ""), r = r.replace(/\s*\n\s*/g, " ").replace(/[ \t]{2,}/g, " "), r.trim();
+}
+function we(i, r = {}) {
+  const l = r.maxChars ?? 160, c = i.trim();
+  if (c.length <= l) return c;
+  const a = c.slice(c.length - l), t = a.search(new RegExp("(?<=[.!?…])\\s+"));
+  if (t !== -1 && t < l * 0.6)
+    return "…" + a.slice(t).trimStart();
+  const d = a.indexOf(" "), s = d === -1 ? 0 : d + 1;
+  return "…" + a.slice(s);
 }
-function Fe(i) {
-  const n = O(null);
-  n.current === null && (n.current = we());
+function Ce({ text: i, maxChars: r = 160, className: l = "", style: c }) {
+  const a = we(be(i ?? ""), { maxChars: r });
+  return a ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: `rra-caption w-full flex justify-center pointer-events-none ${l}`,
+      style: c,
+      children: /* @__PURE__ */ e(
+        ce.span,
+        {
+          initial: { opacity: 0, y: 4 },
+          animate: { opacity: 1, y: 0 },
+          transition: { duration: 0.18 },
+          role: "status",
+          "aria-live": "polite",
+          className: "inline-block max-w-[640px] text-center text-base md:text-lg font-medium text-zinc-100 leading-relaxed px-5 py-3 rounded-2xl border border-zinc-700/40 break-words",
+          style: {
+            textShadow: "0px 1px 3px rgba(0,0,0,0.5)",
+            background: "rgba(9, 9, 11, 0.8)",
+            backdropFilter: "blur(12px)"
+          },
+          children: a
+        },
+        a
+      )
+    }
+  ) : null;
+}
+function qe({
+  text: i,
+  maxChars: r = 220,
+  label: l = "Thought process",
+  className: c = "",
+  style: a
+}) {
+  const t = we(be(i ?? ""), { maxChars: r });
+  return t ? /* @__PURE__ */ e(
+    ce.div,
+    {
+      initial: { opacity: 0, y: 8, scale: 0.98 },
+      animate: { opacity: 1, y: 0, scale: 1 },
+      transition: { duration: 0.3 },
+      className: `rra-thought w-full max-w-[420px] text-left pointer-events-none ${c}`,
+      style: a,
+      children: /* @__PURE__ */ o("div", { className: "bg-zinc-900/90 backdrop-blur-xl text-zinc-100 px-5 py-4 rounded-3xl shadow-[0_10px_30px_rgba(139,92,246,0.15)] border border-purple-500/25 text-sm italic break-words", children: [
+        /* @__PURE__ */ o("div", { className: "text-purple-400 text-[10px] uppercase tracking-widest font-mono font-bold mb-1 flex items-center gap-1.5", children: [
+          /* @__PURE__ */ e("span", { className: "w-1.5 h-1.5 rounded-full bg-purple-400 animate-pulse" }),
+          l
+        ] }),
+        /* @__PURE__ */ e("p", { className: "leading-relaxed text-zinc-200", children: t })
+      ] })
+    }
+  ) : null;
+}
+function _e(i, r) {
+  return r === i ? { type: "none" } : r.length > i.length && r.startsWith(i) ? { type: "push", text: r.slice(i.length) } : { type: "reset", seed: r };
+}
+function ze(i) {
+  const r = O(null);
+  r.current === null && (r.current = Me());
   const l = O("");
   return ee(() => {
     if (i === void 0) return;
-    const o = n.current, a = Te(l.current, i);
-    a.type === "push" ? o.push(a.text) : a.type === "reset" && (o.reset(), a.seed && o.push(a.seed)), l.current = i;
-  }, [i]), i === void 0 ? null : n.current;
+    const c = r.current, a = _e(l.current, i);
+    a.type === "push" ? c.push(a.text) : a.type === "reset" && (c.reset(), a.seed && c.push(a.seed)), l.current = i;
+  }, [i]), i === void 0 ? null : r.current;
 }
-function _(i, n) {
+function j(i, r) {
   if (!i || !i.startsWith("#")) return i || "transparent";
   const l = i.replace("#", "");
-  let o = 0, a = 0, t = 0;
-  return l.length === 3 ? (o = parseInt(l[0] + l[0], 16), a = parseInt(l[1] + l[1], 16), t = parseInt(l[2] + l[2], 16)) : l.length === 6 && (o = parseInt(l.substring(0, 2), 16), a = parseInt(l.substring(2, 4), 16), t = parseInt(l.substring(4, 6), 16)), `rgba(${o}, ${a}, ${t}, ${n})`;
+  let c = 0, a = 0, t = 0;
+  return l.length === 3 ? (c = parseInt(l[0] + l[0], 16), a = parseInt(l[1] + l[1], 16), t = parseInt(l[2] + l[2], 16)) : l.length === 6 && (c = parseInt(l.substring(0, 2), 16), a = parseInt(l.substring(2, 4), 16), t = parseInt(l.substring(4, 6), 16)), `rgba(${c}, ${a}, ${t}, ${r})`;
 }
-const Ce = le.lazy(
-  () => import("./VrmAvatar-CehRzj0J.js").then((i) => ({ default: i.VrmAvatar }))
-), qe = le.lazy(
-  () => import("./GlbArkitAvatar-Dm9STiyR.js").then((i) => ({ default: i.GlbArkitAvatar }))
+const Ie = le.lazy(
+  () => import("./VrmAvatar-Dw0gf27E.js").then((i) => ({ default: i.VrmAvatar }))
+), Pe = le.lazy(
+  () => import("./GlbArkitAvatar-CjfIOQ2P.js").then((i) => ({ default: i.GlbArkitAvatar }))
 );
-function je({
+function Ve({
   state: i,
-  analyser: n = null,
+  analyser: r = null,
   speechActivity: l,
-  streamingText: o,
+  streamingText: c,
   size: a = 280,
   variant: t = "geometric",
   children: d,
@@ -655,10 +733,10 @@ function je({
   glbUrl: h,
   subtitle: p,
   thought: g,
-  tool: r,
-  showGlow: z = !0,
-  showStatePill: S = !0,
-  showThought: T = !0,
+  tool: n,
+  showGlow: _ = !0,
+  showStatePill: W = !0,
+  showThought: B = !0,
   showSubtitle: V = !0,
   className: w = "",
   style: m,
@@ -667,32 +745,32 @@ function je({
   maxMouthOpening: k,
   blinkIntervalMin: M,
   blinkIntervalMax: y,
-  blinkDuration: N,
+  blinkDuration: L,
   mouseTrackingIntensity: J,
   stateColors: v,
   stateLabels: u,
-  customization: W
+  customization: Q
 }) {
-  const I = Fe(o), R = l ?? I, C = R ?? n, x = {
+  const z = ze(c), $ = l ?? z, C = $ ?? r, x = {
     state: i,
     analyser: C,
     size: a,
     maxMouthOpening: k,
     blinkIntervalMin: M,
     blinkIntervalMax: y,
-    blinkDuration: N,
+    blinkDuration: L,
     mouseTrackingIntensity: J,
     stateColors: v,
-    customization: W
+    customization: Q
   };
   let q;
   if (t === "vrm")
-    q = /* @__PURE__ */ e(he, { fallback: null, children: /* @__PURE__ */ e(Ce, { ...x, vrmUrl: s }) });
+    q = /* @__PURE__ */ e(he, { fallback: null, children: /* @__PURE__ */ e(Ie, { ...x, vrmUrl: s }) });
   else if (t === "glb")
-    q = /* @__PURE__ */ e(he, { fallback: null, children: /* @__PURE__ */ e(qe, { ...x, glbUrl: h }) });
+    q = /* @__PURE__ */ e(he, { fallback: null, children: /* @__PURE__ */ e(Pe, { ...x, glbUrl: h }) });
   else if (t === "dicebear")
     q = /* @__PURE__ */ e(
-      Be,
+      Fe,
       {
         state: i,
         analyser: C,
@@ -706,16 +784,16 @@ function je({
   else if (t === "byos")
     q = /* @__PURE__ */ e(ue, { ...x, children: d });
   else {
-    const Z = {
+    const D = {
       geometric: ge,
-      memoji: Ae,
-      pixelart: Le,
-      doodle: Ne
+      memoji: Le,
+      pixelart: Se,
+      doodle: Qe
     }[t] ?? ge;
     q = // Keyed by variant so switching presets remounts the runtime cleanly
-    /* @__PURE__ */ e(ue, { ...x, children: /* @__PURE__ */ e(Z, { size: a, customization: W, state: i }) }, t);
+    /* @__PURE__ */ e(ue, { ...x, children: /* @__PURE__ */ e(D, { size: a, customization: Q, state: i }) }, t);
   }
-  const H = pe(1), U = pe(0.15), P = O(null), K = se(), A = {
+  const H = pe(1), U = pe(0.15), I = O(null), K = se(), A = {
     idle: (v == null ? void 0 : v.idle) ?? "#4b5563",
     // gray-600
     listening: (v == null ? void 0 : v.listening) ?? "#3b82f6",
@@ -726,44 +804,44 @@ function je({
     // emerald-500
     working: (v == null ? void 0 : v.working) ?? "#f59e0b"
     // amber-500
-  }, D = {
+  }, P = {
     idle: (u == null ? void 0 : u.idle) ?? "Idle",
     listening: (u == null ? void 0 : u.listening) ?? "Listening",
     thinking: (u == null ? void 0 : u.thinking) ?? "Thinking...",
     speaking: (u == null ? void 0 : u.speaking) ?? "Speaking",
     working: (u == null ? void 0 : u.working) ?? "Working"
-  }, $ = {
-    idle: _(A.idle, 0.15),
-    listening: _(A.listening, 0.35),
-    thinking: _(A.thinking, 0.4),
-    speaking: _(A.speaking, 0.45),
-    working: _(A.working, 0.4)
+  }, R = {
+    idle: j(A.idle, 0.15),
+    listening: j(A.listening, 0.35),
+    thinking: j(A.thinking, 0.4),
+    speaking: j(A.speaking, 0.45),
+    working: j(A.working, 0.4)
   };
   return ee(() => {
-    if (!(n && (i === "speaking" || i === "listening")) && !(!n && R && i === "speaking")) {
-      H.set(i === "thinking" || i === "working" ? 1.05 : 1), U.set(i === "thinking" || i === "working" ? 0.35 : 0.15), P.current && cancelAnimationFrame(P.current);
+    if (!(r && (i === "speaking" || i === "listening")) && !(!r && $ && i === "speaking")) {
+      H.set(i === "thinking" || i === "working" ? 1.05 : 1), U.set(i === "thinking" || i === "working" ? 0.35 : 0.15), I.current && cancelAnimationFrame(I.current);
       return;
     }
-    const G = n ? new Uint8Array(n.frequencyBinCount) : null, Y = () => {
+    const G = r ? new Uint8Array(r.frequencyBinCount) : null, Y = () => {
       let X;
-      if (n && G) {
-        n.getByteTimeDomainData(G);
+      if (r && G) {
+        r.getByteTimeDomainData(G);
         let ie = 0;
         for (let te = 0; te < G.length; te++) {
-          const L = Math.abs(G[te] - 128);
-          L > ie && (ie = L);
+          const N = Math.abs(G[te] - 128);
+          N > ie && (ie = N);
         }
         X = Math.min(1, ie / 128);
       } else
-        X = R ? R.sample() : 0;
-      H.set(1 + X * 0.35), U.set(0.15 + X * 0.35), P.current = requestAnimationFrame(Y);
+        X = $ ? $.sample() : 0;
+      H.set(1 + X * 0.35), U.set(0.15 + X * 0.35), I.current = requestAnimationFrame(Y);
     };
-    return P.current = requestAnimationFrame(Y), () => {
-      P.current && cancelAnimationFrame(P.current);
+    return I.current = requestAnimationFrame(Y), () => {
+      I.current && cancelAnimationFrame(I.current);
     };
-  }, [n, R, i, H, U]), /* @__PURE__ */ c("div", { className: `relative flex flex-col items-center justify-center ${w}`, style: { width: a, height: a, ...m }, children: [
-    z && /* @__PURE__ */ e(
-      ae.div,
+  }, [r, $, i, H, U]), /* @__PURE__ */ o("div", { className: `relative flex flex-col items-center justify-center ${w}`, style: { width: a, height: a, ...m }, children: [
+    _ && /* @__PURE__ */ e(
+      ce.div,
       {
         className: "absolute rounded-[1.75rem] pointer-events-none filter blur-2xl",
         style: {
@@ -776,85 +854,49 @@ function je({
       }
     ),
     /* @__PURE__ */ e("div", { className: "w-full h-full relative flex items-center justify-center z-10", children: q }),
-    T && g && /* @__PURE__ */ e(
-      ae.div,
-      {
-        initial: { opacity: 0, y: 15, scale: 0.95 },
-        animate: { opacity: 1, y: 0, scale: 1 },
-        transition: { duration: 0.3 },
-        className: "absolute bottom-[108%] left-1/2 -translate-x-1/2 w-[90vw] max-w-[340px] md:max-w-[420px] text-left pointer-events-none z-40",
-        children: /* @__PURE__ */ c("div", { className: "relative bg-zinc-900/90 backdrop-blur-xl text-zinc-100 px-5 py-4 rounded-3xl shadow-[0_10px_30px_rgba(139,92,246,0.15)] border border-purple-500/25 text-sm italic break-words", children: [
-          /* @__PURE__ */ c("div", { className: "text-purple-400 text-[10px] uppercase tracking-widest font-mono font-bold mb-1 flex items-center gap-1.5", children: [
-            /* @__PURE__ */ e("span", { className: "w-1.5 h-1.5 rounded-full bg-purple-400 animate-pulse" }),
-            "Thought process"
-          ] }),
-          /* @__PURE__ */ e("p", { className: "leading-relaxed text-zinc-200", children: g }),
-          /* @__PURE__ */ e("div", { className: "absolute -bottom-3 left-1/2 -translate-x-1/2 w-4 h-4 bg-zinc-900/90 rounded-full border border-purple-500/20 shadow-md backdrop-blur-md" }),
-          /* @__PURE__ */ e("div", { className: "absolute -bottom-6 left-[48%] -translate-x-1/2 w-2.5 h-2.5 bg-zinc-900/90 rounded-full border border-purple-500/15 shadow-sm backdrop-blur-md" }),
-          /* @__PURE__ */ e("div", { className: "absolute -bottom-8 left-[47%] -translate-x-1/2 w-1.5 h-1.5 bg-zinc-900/90 rounded-full border border-purple-500/10 backdrop-blur-md" })
-        ] })
-      }
-    ),
-    S && /* @__PURE__ */ e(
-      ae.div,
+    B && g && /* @__PURE__ */ e("div", { className: "absolute bottom-[108%] left-1/2 -translate-x-1/2 w-[90vw] max-w-[340px] md:max-w-[420px] z-40", children: /* @__PURE__ */ o("div", { className: "relative", children: [
+      /* @__PURE__ */ e(qe, { text: g, className: "max-w-none" }),
+      /* @__PURE__ */ e("div", { className: "absolute -bottom-3 left-1/2 -translate-x-1/2 w-4 h-4 bg-zinc-900/90 rounded-full border border-purple-500/20 shadow-md backdrop-blur-md" }),
+      /* @__PURE__ */ e("div", { className: "absolute -bottom-6 left-[48%] -translate-x-1/2 w-2.5 h-2.5 bg-zinc-900/90 rounded-full border border-purple-500/15 shadow-sm backdrop-blur-md" }),
+      /* @__PURE__ */ e("div", { className: "absolute -bottom-8 left-[47%] -translate-x-1/2 w-1.5 h-1.5 bg-zinc-900/90 rounded-full border border-purple-500/10 backdrop-blur-md" })
+    ] }) }),
+    W && /* @__PURE__ */ e(
+      ce.div,
       {
         role: "status",
         "aria-live": "polite",
         className: "absolute -bottom-6 px-4 py-1.5 rounded-full text-xs font-bold text-white uppercase tracking-widest shadow-lg z-30 cursor-default select-none border border-white/10",
         animate: {
           backgroundColor: A[i],
-          boxShadow: `0 4px 14px rgba(0,0,0,0.4), 0 0 16px ${$[i]}`
+          boxShadow: `0 4px 14px rgba(0,0,0,0.4), 0 0 16px ${R[i]}`
         },
         transition: { duration: 0.3 },
-        children: /* @__PURE__ */ c("span", { className: "flex items-center gap-1.5", children: [
+        children: /* @__PURE__ */ o("span", { className: "flex items-center gap-1.5", children: [
           /* @__PURE__ */ e("span", { className: `w-2 h-2 rounded-full bg-white ${!K && (i === "speaking" || i === "thinking") ? "animate-ping" : ""}` }),
-          i === "working" && r ? `Working: ${r}` : D[i]
+          i === "working" && n ? `Working: ${n}` : P[i]
         ] })
       }
     ),
-    V && p && /* @__PURE__ */ e(
-      ae.div,
-      {
-        initial: { opacity: 0, y: -10 },
-        animate: { opacity: 1, y: 0 },
-        transition: { duration: 0.2 },
-        className: "absolute top-[115%] left-1/2 -translate-x-1/2 w-[90vw] max-w-[500px] md:max-w-[640px] text-center pointer-events-none z-50 pb-8",
-        children: /* @__PURE__ */ e(
-          "span",
-          {
-            className: "inline-block px-6 py-4 text-base md:text-lg font-medium text-zinc-100 break-words leading-relaxed shadow-2xl border",
-            style: {
-              textShadow: "0px 1px 3px rgba(0,0,0,0.5)",
-              background: "rgba(9, 9, 11, 0.8)",
-              // zinc-950 at 0.8
-              backdropFilter: "blur(12px)",
-              borderColor: "rgba(63, 63, 70, 0.4)",
-              borderRadius: "20px"
-            },
-            children: p
-          }
-        )
-      }
-    )
+    V && p && /* @__PURE__ */ e("div", { className: "absolute top-[115%] left-1/2 -translate-x-1/2 w-[90vw] max-w-[500px] md:max-w-[640px] z-50 pb-8", children: /* @__PURE__ */ e(Ce, { text: p }) })
   ] });
 }
-function _e({
+function Ue({
   size: i = "100%",
-  customization: n,
+  customization: r,
   state: l,
-  className: o,
+  className: c,
   style: a
 }) {
   const {
     skinColor: t = "#cf6b34",
     // fur — also used for the eyelids
     bgColor: d = "#6fb3bd"
-  } = n ?? {}, [s, h] = le.useState(
+  } = r ?? {}, [s, h] = le.useState(
     () => Math.random() < 0.5 ? "wires" : "paper"
   ), p = le.useRef(l);
   return le.useEffect(() => {
     l === "working" && p.current !== "working" && h(Math.random() < 0.5 ? "wires" : "paper"), p.current = l;
-  }, [l]), /* @__PURE__ */ c(
+  }, [l]), /* @__PURE__ */ o(
     "svg",
     {
       viewBox: "0 0 200 200",
@@ -863,12 +905,12 @@ function _e({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       "aria-label": "Avatar",
-      className: o,
+      className: c,
       style: a,
       children: [
         /* @__PURE__ */ e("circle", { cx: "100", cy: "100", r: "79", fill: d }),
         /* @__PURE__ */ e("clipPath", { id: "rra-squirrel-clip", children: /* @__PURE__ */ e("circle", { cx: "100", cy: "100", r: "79" }) }),
-        /* @__PURE__ */ c("g", { clipPath: "url(#rra-squirrel-clip)", children: [
+        /* @__PURE__ */ o("g", { clipPath: "url(#rra-squirrel-clip)", children: [
           /* @__PURE__ */ e("path", { d: "M150 158 C182 150 188 96 162 66 C150 52 130 52 124 66 C140 70 150 92 146 110 C142 132 132 148 150 158 Z", fill: t }),
           /* @__PURE__ */ e("path", { d: "M150 150 C172 142 176 100 156 76 C150 90 156 104 152 120 C148 134 140 142 150 150 Z", fill: "#e3a368" }),
           /* @__PURE__ */ e("path", { d: "M84 118 Q82 140 78 150 L122 150 Q118 140 116 118 Z", fill: t }),
@@ -876,17 +918,17 @@ function _e({
           /* @__PURE__ */ e("path", { d: "M36 182 Q42 148 72 144 Q86 158 100 158 Q114 158 128 144 Q158 148 164 182 Z", fill: "#2b2f36" }),
           /* @__PURE__ */ e("path", { d: "M78 146 Q100 156 122 146", fill: "none", stroke: "#3c424b", strokeWidth: "3", strokeLinecap: "round" }),
           /* @__PURE__ */ e("path", { d: "M88 152 L100 182 L112 152 Z", fill: "#1f6fb0" }),
-          /* @__PURE__ */ c("g", { stroke: "#6cc0ee", strokeWidth: "1.1", fill: "none", opacity: "0.85", children: [
+          /* @__PURE__ */ o("g", { stroke: "#6cc0ee", strokeWidth: "1.1", fill: "none", opacity: "0.85", children: [
             /* @__PURE__ */ e("path", { d: "M100 158 L100 178 M94 164 L106 164 M97 172 L103 172" }),
             /* @__PURE__ */ e("circle", { cx: "100", cy: "162", r: "1.4", fill: "#6cc0ee", stroke: "none" })
           ] }),
           /* @__PURE__ */ e("path", { d: "M96 150 L94 170 M104 150 L106 170", stroke: "#e9eef2", strokeWidth: "1.6", strokeLinecap: "round", fill: "none" }),
-          /* @__PURE__ */ c("g", { id: "rra-squirrel-head", transform: l === "thinking" ? "rotate(6 100 120)" : void 0, children: [
+          /* @__PURE__ */ o("g", { id: "rra-squirrel-head", transform: l === "thinking" ? "rotate(6 100 120)" : void 0, children: [
             /* @__PURE__ */ e("path", { d: "M66 80 L58 42 Q74 50 86 72 Z", fill: t }),
             /* @__PURE__ */ e("path", { d: "M134 80 L142 42 Q126 50 114 72 Z", fill: t }),
             /* @__PURE__ */ e("path", { d: "M68 74 L63 52 Q72 56 80 70 Z", fill: "#a8451c" }),
             /* @__PURE__ */ e("path", { d: "M132 74 L137 52 Q128 56 120 70 Z", fill: "#a8451c" }),
-            /* @__PURE__ */ c("g", { stroke: "#f0d9b8", strokeWidth: "1.4", strokeLinecap: "round", fill: "none", children: [
+            /* @__PURE__ */ o("g", { stroke: "#f0d9b8", strokeWidth: "1.4", strokeLinecap: "round", fill: "none", children: [
               /* @__PURE__ */ e("path", { d: "M60 46 L57 38 M63 47 L62 39 M66 49 L66 41" }),
               /* @__PURE__ */ e("path", { d: "M140 46 L143 38 M137 47 L138 39 M134 49 L134 41" })
             ] }),
@@ -895,30 +937,30 @@ function _e({
             /* @__PURE__ */ e("path", { d: "M138 96 Q146 90 142 100 Q144 108 136 106 Z", fill: t }),
             /* @__PURE__ */ e("ellipse", { cx: "100", cy: "112", rx: "23", ry: "18", fill: "#ecc090" }),
             /* @__PURE__ */ e("path", { d: "M64 78 Q60 50 86 46 Q78 54 82 60 Q92 44 110 48 Q102 56 106 60 Q120 50 134 74 Q124 62 112 66 Q100 56 88 66 Q76 64 64 78 Z", fill: "#3a2820" }),
-            /* @__PURE__ */ c("g", { stroke: "#5a3a22", strokeWidth: "3", strokeLinecap: "round", fill: "none", children: [
+            /* @__PURE__ */ o("g", { stroke: "#5a3a22", strokeWidth: "3", strokeLinecap: "round", fill: "none", children: [
               /* @__PURE__ */ e("path", { d: "M70 80 Q78 75 88 79" }),
               /* @__PURE__ */ e("path", { d: "M112 79 Q122 75 130 80" })
             ] }),
-            /* @__PURE__ */ c("g", { stroke: "#1a1a1a", strokeWidth: "3", fill: "none", children: [
+            /* @__PURE__ */ o("g", { stroke: "#1a1a1a", strokeWidth: "3", fill: "none", children: [
               /* @__PURE__ */ e("path", { d: "M95 92 Q100 89 105 92" }),
               /* @__PURE__ */ e("path", { d: "M69 90 L60 86" }),
               /* @__PURE__ */ e("path", { d: "M131 90 L140 86" })
             ] }),
             /* @__PURE__ */ e("circle", { cx: "82", cy: "92", r: "13.5", fill: "#fbf7ef", stroke: "#1a1a1a", strokeWidth: "3" }),
             /* @__PURE__ */ e("circle", { cx: "118", cy: "92", r: "13.5", fill: "#fbf7ef", stroke: "#1a1a1a", strokeWidth: "3" }),
-            /* @__PURE__ */ c("g", { children: [
+            /* @__PURE__ */ o("g", { children: [
               /* @__PURE__ */ e("ellipse", { cx: "82", cy: "93", rx: "8", ry: "8.5", fill: "#ffffff" }),
               /* @__PURE__ */ e("g", { transform: l === "thinking" ? "translate(5, 0)" : void 0, children: /* @__PURE__ */ e("circle", { className: "rra-pupil", "data-base-x": 82, "data-base-y": 93, cx: "82", cy: "93", r: "4.6", fill: "#2b1b12" }) }),
               /* @__PURE__ */ e("circle", { cx: "84", cy: "90", r: "1.5", fill: "#ffffff" }),
               /* @__PURE__ */ e("rect", { className: "rra-lid", "data-max-height": "18", x: "73", y: "83", width: "18", height: "0", fill: t })
             ] }),
-            /* @__PURE__ */ c("g", { children: [
+            /* @__PURE__ */ o("g", { children: [
               /* @__PURE__ */ e("ellipse", { cx: "118", cy: "93", rx: "8", ry: "8.5", fill: "#ffffff" }),
               /* @__PURE__ */ e("g", { transform: l === "thinking" ? "translate(5, 0)" : void 0, children: /* @__PURE__ */ e("circle", { className: "rra-pupil", "data-base-x": 118, "data-base-y": 93, cx: "118", cy: "93", r: "4.6", fill: "#2b1b12" }) }),
               /* @__PURE__ */ e("circle", { cx: "120", cy: "90", r: "1.5", fill: "#ffffff" }),
               /* @__PURE__ */ e("rect", { className: "rra-lid", "data-max-height": "18", x: "109", y: "83", width: "18", height: "0", fill: t })
             ] }),
-            l === "working" && s === "wires" && /* @__PURE__ */ c("g", { id: "rra-safety-goggles", children: [
+            l === "working" && s === "wires" && /* @__PURE__ */ o("g", { id: "rra-safety-goggles", children: [
               /* @__PURE__ */ e("path", { d: "M 52 92 C 45 92, 45 96, 40 96 M 148 92 C 155 92, 155 96, 160 96", fill: "none", stroke: "#2d3748", strokeWidth: "4", strokeLinecap: "round" }),
               /* @__PURE__ */ e("rect", { x: "58", y: "78", width: "84", height: "28", rx: "14", fill: "none", stroke: "#e2e8f0", strokeWidth: "4" }),
               /* @__PURE__ */ e("rect", { x: "60", y: "80", width: "80", height: "24", rx: "12", fill: "#e0f2fe", fillOpacity: "0.15" }),
@@ -929,7 +971,7 @@ function _e({
             /* @__PURE__ */ e("path", { d: "M100 113 L100 118", stroke: "#7a4a32", strokeWidth: "1.6", strokeLinecap: "round" }),
             /* @__PURE__ */ e("ellipse", { id: "rra-mouth", cx: "100", cy: "121", rx: "7", ry: "2.3", fill: "#5a3324" }),
             /* @__PURE__ */ e("g", { stroke: "#caa074", strokeWidth: "1", strokeLinecap: "round", opacity: "0.8", fill: "none", children: /* @__PURE__ */ e("path", { d: "M80 116 L62 113 M80 120 L62 121 M120 116 L138 113 M120 120 L138 121" }) }),
-            l === "thinking" && /* @__PURE__ */ c("g", { id: "rra-thinking-hand", children: [
+            l === "thinking" && /* @__PURE__ */ o("g", { id: "rra-thinking-hand", children: [
               /* @__PURE__ */ e(
                 "path",
                 {
@@ -939,20 +981,20 @@ function _e({
                   strokeWidth: "1.2"
                 }
               ),
-              /* @__PURE__ */ c("g", { fill: t, stroke: "#b05418", strokeWidth: "1.2", strokeLinejoin: "round", strokeLinecap: "round", children: [
+              /* @__PURE__ */ o("g", { fill: t, stroke: "#b05418", strokeWidth: "1.2", strokeLinejoin: "round", strokeLinecap: "round", children: [
                 /* @__PURE__ */ e("path", { d: "M112 144 C110 138, 107 130, 105 124 C104 121, 108 121, 109 124 C111 130, 113 136, 115 141" }),
                 /* @__PURE__ */ e("path", { d: "M115 141 C117 139, 120 140, 119 143 C121 142, 123 144, 121 147 C122 147, 123 149, 121 151 C120 152, 116 150, 115 145" }),
                 /* @__PURE__ */ e("path", { d: "M110 139 C104 139, 96 135, 92 132 C90 130, 93 128, 95 130 C100 133, 106 135, 110 136" })
               ] })
             ] })
           ] }),
-          l === "working" && s === "wires" && /* @__PURE__ */ c("g", { id: "rra-working-workspace-wires", children: [
+          l === "working" && s === "wires" && /* @__PURE__ */ o("g", { id: "rra-working-workspace-wires", children: [
             /* @__PURE__ */ e("circle", { cx: "100", cy: "162", r: "22", fill: "#fef08a", fillOpacity: "0.25", children: /* @__PURE__ */ e("animate", { attributeName: "opacity", values: "1;0.2;0.9;0.1;0.8;0.3;1", dur: "1.2s", repeatCount: "indefinite" }) }),
             /* @__PURE__ */ e("rect", { x: "94", y: "172", width: "12", height: "8", fill: "#94a3b8", rx: "1" }),
             /* @__PURE__ */ e("rect", { x: "96", y: "175", width: "8", height: "2", fill: "#64748b" }),
             /* @__PURE__ */ e("path", { d: "M92 165 C92 153, 108 153, 108 165 C108 171, 104 172, 104 174 L96 174 C96 172, 92 171, 92 165 Z", fill: "#fef08a", stroke: "#ca8a04", strokeWidth: "1.5", children: /* @__PURE__ */ e("animate", { attributeName: "fill", values: "#fef08a;#fef08a;#78350f;#fef08a;#fef08a;#78350f;#fef08a", dur: "1.2s", repeatCount: "indefinite" }) }),
             /* @__PURE__ */ e("path", { d: "M97 167 L99 160 L101 160 L103 167", fill: "none", stroke: "#ca8a04", strokeWidth: "1", children: /* @__PURE__ */ e("animate", { attributeName: "stroke", values: "#ca8a04;#ca8a04;#78350f;#ca8a04;#ca8a04;#78350f;#ca8a04", dur: "1.2s", repeatCount: "indefinite" }) }),
-            /* @__PURE__ */ c("g", { id: "rra-left-arm-cable", children: [
+            /* @__PURE__ */ o("g", { id: "rra-left-arm-cable", children: [
               /* @__PURE__ */ e(
                 "animateTransform",
                 {
@@ -965,12 +1007,12 @@ function _e({
               ),
               /* @__PURE__ */ e("path", { d: "M36 182 L55 162 L64 168 L45 182 Z", fill: "#2b2f36", stroke: "#1e293b", strokeWidth: "1" }),
               /* @__PURE__ */ e("path", { d: "M 45 180 C 45 165, 80 170, 94 174", fill: "none", stroke: "#ef4444", strokeWidth: "2.5", strokeLinecap: "round" }),
-              /* @__PURE__ */ c("g", { fill: t, stroke: "#b05418", strokeWidth: "1", children: [
+              /* @__PURE__ */ o("g", { fill: t, stroke: "#b05418", strokeWidth: "1", children: [
                 /* @__PURE__ */ e("rect", { x: "58", y: "160", width: "10", height: "12", rx: "4", transform: "rotate(-10 63 166)" }),
                 /* @__PURE__ */ e("rect", { x: "62", y: "163", width: "9", height: "10", rx: "3", transform: "rotate(-15 66.5 168)" })
               ] })
             ] }),
-            /* @__PURE__ */ c("g", { id: "rra-right-arm-cable", children: [
+            /* @__PURE__ */ o("g", { id: "rra-right-arm-cable", children: [
               /* @__PURE__ */ e(
                 "animateTransform",
                 {
@@ -983,13 +1025,13 @@ function _e({
               ),
               /* @__PURE__ */ e("path", { d: "M164 182 L145 162 L136 168 L155 182 Z", fill: "#2b2f36", stroke: "#1e293b", strokeWidth: "1" }),
               /* @__PURE__ */ e("path", { d: "M 155 180 C 155 165, 120 170, 106 174", fill: "none", stroke: "#1e293b", strokeWidth: "2.5", strokeLinecap: "round" }),
-              /* @__PURE__ */ c("g", { fill: t, stroke: "#b05418", strokeWidth: "1", children: [
+              /* @__PURE__ */ o("g", { fill: t, stroke: "#b05418", strokeWidth: "1", children: [
                 /* @__PURE__ */ e("rect", { x: "132", y: "160", width: "10", height: "12", rx: "4", transform: "rotate(10 137 166)" }),
                 /* @__PURE__ */ e("rect", { x: "129", y: "163", width: "9", height: "10", rx: "3", transform: "rotate(15 133.5 168)" })
               ] })
             ] })
           ] }),
-          l === "working" && s === "paper" && /* @__PURE__ */ c("g", { id: "rra-working-workspace-paper", children: [
+          l === "working" && s === "paper" && /* @__PURE__ */ o("g", { id: "rra-working-workspace-paper", children: [
             /* @__PURE__ */ e(
               "animateTransform",
               {
@@ -1003,20 +1045,20 @@ function _e({
             /* @__PURE__ */ e("path", { d: "M36 182 L54 168 L64 176 L48 182 Z", fill: "#2b2f36", stroke: "#1e293b", strokeWidth: "1" }),
             /* @__PURE__ */ e("path", { d: "M164 182 L146 168 L136 176 L152 182 Z", fill: "#2b2f36", stroke: "#1e293b", strokeWidth: "1" }),
             /* @__PURE__ */ e("path", { d: "M50 118 C 66 120 84 128 100 134 C 116 128 134 120 150 118 L 148 124 C 134 126 116 134 100 150 C 84 134 66 126 52 124 Z", fill: "#f8fafc", stroke: "#d9d2c4", strokeWidth: "1" }),
-            /* @__PURE__ */ c("g", { stroke: "#9aa4b2", strokeWidth: "1.1", strokeLinecap: "round", children: [
+            /* @__PURE__ */ o("g", { stroke: "#9aa4b2", strokeWidth: "1.1", strokeLinecap: "round", children: [
               /* @__PURE__ */ e("line", { x1: "60", y1: "124", x2: "92", y2: "137" }),
               /* @__PURE__ */ e("line", { x1: "140", y1: "124", x2: "108", y2: "137" })
             ] }),
             /* @__PURE__ */ e("path", { d: "M100 148 C 84 136 68 130 52 126 L 60 182 C 78 178 90 177 100 176 Z", fill: "#20242b", stroke: "#0f1216", strokeWidth: "1.5" }),
             /* @__PURE__ */ e("path", { d: "M100 148 C 116 136 132 130 148 126 L 140 182 C 122 178 110 177 100 176 Z", fill: "#20242b", stroke: "#0f1216", strokeWidth: "1.5" }),
             /* @__PURE__ */ e("line", { x1: "100", y1: "134", x2: "100", y2: "176", stroke: "#0f1216", strokeWidth: "1.4" }),
-            /* @__PURE__ */ c("g", { fill: t, stroke: "#b05418", strokeWidth: "1", children: [
+            /* @__PURE__ */ o("g", { fill: t, stroke: "#b05418", strokeWidth: "1", children: [
               /* @__PURE__ */ e("circle", { cx: "60", cy: "180", r: "7" }),
               /* @__PURE__ */ e("rect", { x: "57", y: "170", width: "7", height: "12", rx: "3" }),
               /* @__PURE__ */ e("rect", { x: "62", y: "172", width: "7", height: "11", rx: "3" }),
               /* @__PURE__ */ e("rect", { x: "67", y: "173", width: "6", height: "10", rx: "3" })
             ] }),
-            /* @__PURE__ */ c("g", { fill: t, stroke: "#b05418", strokeWidth: "1", children: [
+            /* @__PURE__ */ o("g", { fill: t, stroke: "#b05418", strokeWidth: "1", children: [
               /* @__PURE__ */ e("circle", { cx: "140", cy: "180", r: "7" }),
               /* @__PURE__ */ e("rect", { x: "136", y: "170", width: "7", height: "12", rx: "3" }),
               /* @__PURE__ */ e("rect", { x: "131", y: "172", width: "7", height: "11", rx: "3" }),
@@ -1024,7 +1066,7 @@ function _e({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ c("g", { id: "rra-think", opacity: "0", children: [
+        /* @__PURE__ */ o("g", { id: "rra-think", opacity: "0", children: [
           /* @__PURE__ */ e("circle", { cx: "150", cy: "54", r: "4", fill: "#ffffff", stroke: "#8b5cf6", strokeWidth: "2" }),
           /* @__PURE__ */ e("circle", { cx: "165", cy: "42", r: "5.5", fill: "#ffffff", stroke: "#8b5cf6", strokeWidth: "2" }),
           /* @__PURE__ */ e("circle", { cx: "182", cy: "28", r: "7", fill: "#ffffff", stroke: "#8b5cf6", strokeWidth: "2.5" })
@@ -1033,21 +1075,21 @@ function _e({
     }
   );
 }
-function Oe({ collection: i, seed: n, size: l = 44, className: o = "" }) {
-  const [a, t] = ce(null);
+function Ye({ collection: i, seed: r, size: l = 44, className: c = "" }) {
+  const [a, t] = ae(null);
   return ee(() => {
     let d = !1;
-    return t(null), $e(i, n).then((s) => {
+    return t(null), Te(i, r).then((s) => {
       d || t(s);
     }).catch(() => {
       d || t(null);
     }), () => {
       d = !0;
     };
-  }, [i, n]), /* @__PURE__ */ e(
+  }, [i, r]), /* @__PURE__ */ e(
     "div",
     {
-      className: `flex items-center justify-center overflow-hidden ${o}`,
+      className: `flex items-center justify-center overflow-hidden ${c}`,
       style: { width: l, height: l },
       "aria-hidden": !0,
       children: a ? /* @__PURE__ */ e(
@@ -1060,11 +1102,11 @@ function Oe({ collection: i, seed: n, size: l = 44, className: o = "" }) {
     }
   );
 }
-function Ge({
+function He({
   analyser: i,
-  state: n,
+  state: r,
   height: l = 80,
-  className: o = "",
+  className: c = "",
   style: a,
   stateColors: t
 }) {
@@ -1078,94 +1120,94 @@ function Ge({
   return ee(() => {
     const g = d.current;
     if (!g) return;
-    const r = g.getContext("2d");
-    if (!r) return;
-    const z = () => {
+    const n = g.getContext("2d");
+    if (!n) return;
+    const _ = () => {
       const w = window.devicePixelRatio || 1, m = g.getBoundingClientRect();
-      g.width = m.width * w, g.height = m.height * w, r.scale(w, w);
+      g.width = m.width * w, g.height = m.height * w, n.scale(w, w);
     };
-    z(), window.addEventListener("resize", z);
-    let S = 0, T = new Uint8Array(0);
-    i && (i.fftSize = 128, S = i.frequencyBinCount, T = new Uint8Array(S));
+    _(), window.addEventListener("resize", _);
+    let W = 0, B = new Uint8Array(0);
+    i && (i.fftSize = 128, W = i.frequencyBinCount, B = new Uint8Array(W));
     const V = () => {
       const w = g.width / (window.devicePixelRatio || 1), m = g.height / (window.devicePixelRatio || 1);
-      r.fillStyle = "rgba(9, 9, 11, 0.2)", r.fillRect(0, 0, w, m), h.current += 0.05;
+      n.fillStyle = "rgba(9, 9, 11, 0.2)", n.fillRect(0, 0, w, m), h.current += 0.05;
       const F = h.current;
-      if (n === "speaking" && i) {
-        i.getByteFrequencyData(T), r.lineWidth = 3, r.strokeStyle = p.speaking, r.shadowBlur = 15, r.shadowColor = _(p.speaking, 0.6), r.beginPath();
-        const f = w / S;
+      if (r === "speaking" && i) {
+        i.getByteFrequencyData(B), n.lineWidth = 3, n.strokeStyle = p.speaking, n.shadowBlur = 15, n.shadowColor = j(p.speaking, 0.6), n.beginPath();
+        const f = w / W;
         let k = 0;
-        for (let M = 0; M < S; M++) {
-          const y = T[M] / 255, N = m / 2 + Math.sin(M * 0.15 + F * 2) * (y * m * 0.4);
-          M === 0 ? r.moveTo(k, N) : r.lineTo(k, N), k += f;
+        for (let M = 0; M < W; M++) {
+          const y = B[M] / 255, L = m / 2 + Math.sin(M * 0.15 + F * 2) * (y * m * 0.4);
+          M === 0 ? n.moveTo(k, L) : n.lineTo(k, L), k += f;
         }
-        r.lineTo(w, m / 2), r.stroke(), r.shadowBlur = 0;
-      } else if (n === "listening") {
+        n.lineTo(w, m / 2), n.stroke(), n.shadowBlur = 0;
+      } else if (r === "listening") {
         let f = 0;
-        if (i && T.length > 0) {
-          i.getByteTimeDomainData(T);
+        if (i && B.length > 0) {
+          i.getByteTimeDomainData(B);
           let y = 0;
-          for (let N = 0; N < T.length; N++) {
-            const J = Math.abs(T[N] - 128);
+          for (let L = 0; L < B.length; L++) {
+            const J = Math.abs(B[L] - 128);
             J > y && (y = J);
           }
           f = Math.min(1, y / 128);
         }
         const k = 4 + f * 36, M = 3 + f * 27;
-        r.shadowBlur = 12, r.lineWidth = 2.5, r.strokeStyle = _(p.listening, 0.7), r.shadowColor = _(p.listening, 0.4), r.beginPath();
+        n.shadowBlur = 12, n.lineWidth = 2.5, n.strokeStyle = j(p.listening, 0.7), n.shadowColor = j(p.listening, 0.4), n.beginPath();
         for (let y = 0; y < w; y++) {
-          const N = m / 2 + Math.sin(y * 0.02 + F * 1.5) * Math.sin(y * 5e-3) * k;
-          y === 0 ? r.moveTo(y, N) : r.lineTo(y, N);
+          const L = m / 2 + Math.sin(y * 0.02 + F * 1.5) * Math.sin(y * 5e-3) * k;
+          y === 0 ? n.moveTo(y, L) : n.lineTo(y, L);
         }
-        r.stroke(), r.strokeStyle = _(p.listening, 0.5), r.shadowColor = _(p.listening, 0.3), r.beginPath();
+        n.stroke(), n.strokeStyle = j(p.listening, 0.5), n.shadowColor = j(p.listening, 0.3), n.beginPath();
         for (let y = 0; y < w; y++) {
-          const N = m / 2 + Math.sin(y * 0.015 - F * 1.2 + Math.PI) * Math.sin(y * 5e-3) * M;
-          y === 0 ? r.moveTo(y, N) : r.lineTo(y, N);
+          const L = m / 2 + Math.sin(y * 0.015 - F * 1.2 + Math.PI) * Math.sin(y * 5e-3) * M;
+          y === 0 ? n.moveTo(y, L) : n.lineTo(y, L);
         }
-        r.stroke(), r.shadowBlur = 0;
-      } else if (n === "thinking") {
-        r.shadowBlur = 10, r.shadowColor = _(p.thinking, 0.4), r.lineWidth = 2, r.strokeStyle = _(p.thinking, 0.7), r.beginPath();
+        n.stroke(), n.shadowBlur = 0;
+      } else if (r === "thinking") {
+        n.shadowBlur = 10, n.shadowColor = j(p.thinking, 0.4), n.lineWidth = 2, n.strokeStyle = j(p.thinking, 0.7), n.beginPath();
         for (let f = 0; f < w; f++) {
           const k = m / 2 + Math.sin(f * 0.03 + F) * 5 + Math.sin(f * 0.01 - F * 0.5) * 8;
-          f === 0 ? r.moveTo(f, k) : r.lineTo(f, k);
+          f === 0 ? n.moveTo(f, k) : n.lineTo(f, k);
         }
-        r.stroke(), r.shadowBlur = 0;
-      } else if (n === "working") {
-        r.shadowBlur = 10, r.shadowColor = _(p.working, 0.4), r.lineWidth = 2, r.strokeStyle = _(p.working, 0.7), r.beginPath();
+        n.stroke(), n.shadowBlur = 0;
+      } else if (r === "working") {
+        n.shadowBlur = 10, n.shadowColor = j(p.working, 0.4), n.lineWidth = 2, n.strokeStyle = j(p.working, 0.7), n.beginPath();
         for (let f = 0; f < w; f += 8) {
           const k = m / 2 + Math.sin(f * 0.04 + F * 2.5) * 12 + Math.cos(f * 0.01 - F) * 6, M = m / 2 + Math.round((k - m / 2) / 6) * 6;
-          f === 0 ? r.moveTo(f, M) : (r.lineTo(f, M), r.lineTo(Math.min(w, f + 8), M));
+          f === 0 ? n.moveTo(f, M) : (n.lineTo(f, M), n.lineTo(Math.min(w, f + 8), M));
         }
-        r.stroke(), r.shadowBlur = 0;
+        n.stroke(), n.shadowBlur = 0;
       } else {
-        r.lineWidth = 1.5, r.strokeStyle = _(p.idle, 0.3), r.beginPath();
+        n.lineWidth = 1.5, n.strokeStyle = j(p.idle, 0.3), n.beginPath();
         for (let f = 0; f < w; f++) {
           const k = m / 2 + Math.sin(f * 0.01 + F * 0.2) * 2;
-          f === 0 ? r.moveTo(f, k) : r.lineTo(f, k);
+          f === 0 ? n.moveTo(f, k) : n.lineTo(f, k);
         }
-        r.stroke();
+        n.stroke();
       }
       s.current = requestAnimationFrame(V);
     };
     return V(), () => {
-      window.removeEventListener("resize", z), s.current && cancelAnimationFrame(s.current);
+      window.removeEventListener("resize", _), s.current && cancelAnimationFrame(s.current);
     };
-  }, [i, n, t]), /* @__PURE__ */ c("div", { className: `w-full bg-zinc-950/80 border border-zinc-800/40 rounded-xl overflow-hidden p-2 ${o}`, style: a, children: [
-    /* @__PURE__ */ c("div", { className: "flex justify-between items-center px-2 mb-1", children: [
+  }, [i, r, t]), /* @__PURE__ */ o("div", { className: `w-full bg-zinc-950/80 border border-zinc-800/40 rounded-xl overflow-hidden p-2 ${c}`, style: a, children: [
+    /* @__PURE__ */ o("div", { className: "flex justify-between items-center px-2 mb-1", children: [
       /* @__PURE__ */ e("span", { className: "text-[10px] text-zinc-500 uppercase tracking-widest font-mono font-bold", children: "Audio Waveform Telemetry" }),
-      /* @__PURE__ */ c("span", { className: "flex h-2 w-2 relative", children: [
+      /* @__PURE__ */ o("span", { className: "flex h-2 w-2 relative", children: [
         /* @__PURE__ */ e(
           "span",
           {
             className: "animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",
-            style: { backgroundColor: p[n] }
+            style: { backgroundColor: p[r] }
           }
         ),
         /* @__PURE__ */ e(
           "span",
           {
             className: "relative inline-flex rounded-full h-2 w-2",
-            style: { backgroundColor: p[n] }
+            style: { backgroundColor: p[r] }
           }
         )
       ] })
@@ -1180,11 +1222,11 @@ function Ge({
     )
   ] });
 }
-function Ve({ analyser: i, enabled: n, onFrame: l, onStop: o }) {
-  const a = O(l), t = O(o);
-  a.current = l, t.current = o, ee(() => {
+function Ke({ analyser: i, enabled: r, onFrame: l, onStop: c }) {
+  const a = O(l), t = O(c);
+  a.current = l, t.current = c, ee(() => {
     var p;
-    if (!n) {
+    if (!r) {
       (p = t.current) == null || p.call(t);
       return;
     }
@@ -1197,35 +1239,39 @@ function Ve({ analyser: i, enabled: n, onFrame: l, onStop: o }) {
       var g;
       cancelAnimationFrame(s), (g = t.current) == null || g.call(t);
     };
-  }, [i, n]);
+  }, [i, r]);
 }
 export {
-  Ge as AudioVisualizer,
+  He as AudioVisualizer,
+  Ce as AvatarCaption,
+  qe as AvatarThought,
   ue as ContractAvatar,
-  Se as DEFAULT_DICEBEAR_COLLECTION,
-  Re as DEFAULT_DICEBEAR_SEED,
+  Re as DEFAULT_DICEBEAR_COLLECTION,
+  Ee as DEFAULT_DICEBEAR_SEED,
   ye as DICEBEAR_FEATURED_FACES,
-  We as DICEBEAR_RIGS,
-  Qe as DICEBEAR_STYLES,
-  Ze as DICEBEAR_STYLE_BY_ID,
-  Be as DiceBearAvatar,
-  Oe as DiceBearThumb,
-  Ne as DoodleAvatar,
+  $e as DICEBEAR_RIGS,
+  We as DICEBEAR_STYLES,
+  Ge as DICEBEAR_STYLE_BY_ID,
+  Fe as DiceBearAvatar,
+  Ye as DiceBearThumb,
+  Qe as DoodleAvatar,
   ge as GeometricAvatar,
-  Ae as MemojiAvatar,
-  Le as PixelArtAvatar,
-  je as RealtimeAvatar,
-  He as SPEECH_ACTIVITY_BRAND,
-  _e as SquirrelAvatar,
+  Le as MemojiAvatar,
+  Se as PixelArtAvatar,
+  Ve as RealtimeAvatar,
+  et as SPEECH_ACTIVITY_BRAND,
+  Ue as SquirrelAvatar,
   fe as collectionExportName,
   de as createMouthEngine,
-  we as createSpeechActivity,
-  Ke as isSpeechActivity,
+  Me as createSpeechActivity,
+  tt as isSpeechActivity,
   ke as loadDiceBear,
-  $e as renderDiceBearSvg,
+  Te as renderDiceBearSvg,
   me as scopeSvgIds,
-  Ve as useAudioMouth,
-  Me as useAvatarRuntime,
+  we as tailWindow,
+  be as toPlainText,
+  Ke as useAudioMouth,
+  Ne as useAvatarRuntime,
   se as useReducedMotion,
-  Fe as useStreamingTextActivity
+  ze as useStreamingTextActivity
 };