react-ai-avatar 0.1.0

package/dist/lib/index.js

@@ -0,0 +1,1231 @@
+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 = {
+  idle: "#4b5563",
+  listening: "#3b82f6",
+  thinking: "#8b5cf6",
+  speaking: "#10b981",
+  working: "#f59e0b"
+};
+function Me(i, n) {
+  const l = se(), o = O(n);
+  o.current = n;
+  const a = O({ x: 0, y: 0 });
+  ee(() => {
+    if (l) return;
+    const t = (d) => {
+      a.current.x = Math.max(-1, Math.min(1, d.clientX / window.innerWidth * 2 - 1)), a.current.y = Math.max(-1, Math.min(1, d.clientY / window.innerHeight * 2 - 1));
+    };
+    return window.addEventListener("mousemove", t), () => window.removeEventListener("mousemove", t);
+  }, [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 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";
+        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")
+        };
+      }), 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;
+    }, 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();
+    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);
+        }
+        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)));
+        } else
+          h.setAttribute("ry", String(T + u * I * G * 0.4)), h.setAttribute("rx", String(V * (1 + (W - 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 (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)));
+        });
+      }
+      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));
+      })) : g.forEach((b) => b.setAttribute("opacity", "1"))), U = requestAnimationFrame(K);
+    };
+    return U = requestAnimationFrame(K), () => cancelAnimationFrame(U);
+  }, [i, l]);
+}
+function ue({
+  state: i,
+  analyser: n,
+  size: l = 300,
+  className: o = "",
+  style: a,
+  maxMouthOpening: t,
+  mouseTrackingIntensity: d,
+  blinkIntervalMin: s,
+  blinkIntervalMax: h,
+  blinkDuration: p,
+  stateColors: g,
+  children: r
+}) {
+  const z = O(null);
+  return Me(z, {
+    state: i,
+    analyser: n,
+    stateColors: g,
+    maxMouthOpening: t,
+    mouseTrackingIntensity: d,
+    blinkIntervalMin: s,
+    blinkIntervalMax: h,
+    blinkDuration: p
+  }), /* @__PURE__ */ e(
+    "div",
+    {
+      ref: z,
+      className: `relative flex items-center justify-center ${o}`,
+      style: { width: l, height: l, ...a },
+      children: r
+    }
+  );
+}
+function ge({
+  size: i = 300,
+  customization: n,
+  mouthColor: l = "#7a3b2e",
+  className: o,
+  style: a
+}) {
+  const {
+    skinColor: t = "#f5c7a9",
+    hairColor: d = "#2c2c2c",
+    clothingColor: s = "#3b7b9b",
+    hoodieColor: h = "#3a3e45",
+    bgColor: p = "#88c0b7",
+    glasses: g = !0,
+    glassesColor: r = "#2c2c2c",
+    headphones: z = !0,
+    headphonesColor: S = "#3a3b40"
+  } = n ?? {};
+  return /* @__PURE__ */ c(
+    "svg",
+    {
+      viewBox: "0 0 200 200",
+      width: i,
+      height: i,
+      xmlns: "http://www.w3.org/2000/svg",
+      role: "img",
+      "aria-label": "Avatar",
+      className: o,
+      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__ */ 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__ */ c("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__ */ 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" })
+          ] }),
+          /* @__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__ */ 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" })
+        ] })
+      ]
+    }
+  );
+}
+function Ae({
+  size: i = 300,
+  customization: n,
+  className: l,
+  style: o
+}) {
+  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(
+    "svg",
+    {
+      viewBox: "0 0 200 200",
+      width: i,
+      height: i,
+      xmlns: "http://www.w3.org/2000/svg",
+      role: "img",
+      "aria-label": "Avatar",
+      className: l,
+      style: o,
+      children: [
+        /* @__PURE__ */ c("defs", { children: [
+          /* @__PURE__ */ c("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__ */ 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__ */ 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__ */ 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__ */ 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})` }),
+          /* @__PURE__ */ e("ellipse", { cx: "100", cy: "132", rx: "20", ry: "7", fill: "#000000", opacity: "0.06" }),
+          /* @__PURE__ */ e("ellipse", { cx: "55", cy: "96", rx: "7", ry: "11", fill: a }),
+          /* @__PURE__ */ e("ellipse", { cx: "145", cy: "96", rx: "7", ry: "11", fill: a }),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              id: "rra-hair",
+              d: "M54 92 Q50 38 100 40 Q150 38 146 92 Q146 66 126 58 Q120 72 96 68 Q72 72 66 58 Q54 66 54 92 Z",
+              fill: `url(#${g})`
+            }
+          ),
+          /* @__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__ */ 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__ */ 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" }),
+            /* @__PURE__ */ e("rect", { className: "rra-lid", "data-max-height": "19", x: "107", y: "82", width: "24", height: "0", rx: "3", fill: a })
+          ] }),
+          /* @__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__ */ c("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" })
+        ] })
+      ]
+    }
+  );
+}
+function Le({
+  size: i = 300,
+  customization: n,
+  className: l,
+  style: o
+}) {
+  const {
+    skinColor: a = "#f0b58a",
+    hairColor: t = "#3a2a1e",
+    clothingColor: d = "#2f6f8f",
+    bgColor: s = "#9ad1c8"
+  } = n ?? {};
+  return /* @__PURE__ */ c(
+    "svg",
+    {
+      viewBox: "0 0 32 32",
+      width: i,
+      height: i,
+      xmlns: "http://www.w3.org/2000/svg",
+      role: "img",
+      "aria-label": "Avatar",
+      className: l,
+      style: { imageRendering: "pixelated", ...o },
+      shapeRendering: "crispEdges",
+      children: [
+        /* @__PURE__ */ e("rect", { x: "2", y: "2", width: "28", height: "28", fill: s }),
+        /* @__PURE__ */ e("rect", { id: "rra-clothing", x: "8", y: "26", width: "16", height: "4", fill: d }),
+        /* @__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__ */ 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__ */ 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__ */ 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__ */ 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" })
+        ] })
+      ]
+    }
+  );
+}
+function Ne({
+  size: i = 300,
+  customization: n,
+  inkColor: l = "#2f2a26",
+  className: o,
+  style: a
+}) {
+  const {
+    skinColor: t = "#fdf6ec",
+    // paper tone by default
+    hairColor: d = "#2f2a26",
+    bgColor: s = "#fffdf8"
+  } = n ?? {};
+  return /* @__PURE__ */ c(
+    "svg",
+    {
+      viewBox: "0 0 200 200",
+      width: i,
+      height: i,
+      xmlns: "http://www.w3.org/2000/svg",
+      role: "img",
+      "aria-label": "Avatar",
+      className: o,
+      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__ */ 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(
+            "path",
+            {
+              id: "rra-head",
+              d: `M100 46
+             Q140 44 143 90
+             Q145 122 122 134
+             Q101 143 79 133
+             Q56 121 58 88
+             Q62 45 100 46 Z`,
+              fill: t,
+              stroke: l,
+              strokeWidth: "3.5",
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ c("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__ */ 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__ */ 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 })
+          ] }),
+          /* @__PURE__ */ e("path", { d: "M99 100 Q96 110 103 112", fill: "none", stroke: l, strokeWidth: "2.5", strokeLinecap: "round" }),
+          /* @__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__ */ 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" })
+        ] })
+      ]
+    }
+  );
+}
+function fe(i) {
+  return i.replace(/-([a-z])/g, (n, l) => l.toUpperCase());
+}
+const Qe = [
+  ["pixel-art", "Pixel Art"],
+  ["pixel-art-neutral", "Pixel Art Neutral"],
+  ["lorelei", "Lorelei"],
+  ["lorelei-neutral", "Lorelei Neutral"],
+  ["notionists", "Notionists"],
+  ["notionists-neutral", "Notionists Neutral"],
+  ["open-peeps", "Open Peeps"],
+  ["thumbs", "Thumbs"]
+].map(([i, n]) => ({
+  id: i,
+  exportName: fe(i),
+  label: n,
+  license: "CC0 1.0"
+}));
+function me(i, n) {
+  const l = /* @__PURE__ */ new Set(), o = /\bid="([^"]+)"/g;
+  let a;
+  for (; a = o.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}"`);
+  }
+  return t;
+}
+const We = {
+  "pixel-art": { part: "mouth", visemes: ["happy01", "happy11", "happy12"] },
+  "pixel-art-neutral": { part: "mouth", visemes: ["happy01", "happy11", "happy12"] },
+  lorelei: { part: "mouth", visemes: ["happy01", "happy08", "happy06"] },
+  "lorelei-neutral": { part: "mouth", visemes: ["happy01", "happy08", "happy06"] },
+  notionists: {
+    part: "lips",
+    visemes: ["variant23", "variant26", "variant30"],
+    blink: { open: "variant03", closed: "variant01" }
+  },
+  "notionists-neutral": {
+    part: "lips",
+    visemes: ["variant23", "variant26", "variant30"],
+    blink: { open: "variant03", closed: "variant01" }
+  },
+  thumbs: { part: "mouth", visemes: ["variant3", "variant1", "variant2"] },
+  "open-peeps": { part: "face", visemes: ["calm", "smile", "smileBig"], faceBlink: "eyesClosed" }
+  // Every curated style is rigged. A non-rigged style id (e.g. an abstract one
+  // a host passes itself) gets the audio-reactive bounce fallback instead.
+}, ye = [
+  { collection: "notionists", seed: "lg9gf48i" },
+  { collection: "notionists", seed: "8c1jvg09" },
+  { collection: "notionists", seed: "glk0g9uv" },
+  { collection: "notionists", seed: "pp70crp6" },
+  { collection: "open-peeps", seed: "2ehwdy6e" },
+  { collection: "open-peeps", seed: "1q3sb396" },
+  { collection: "open-peeps", seed: "k8adqmt7" },
+  { collection: "open-peeps", seed: "x6kn3bke" },
+  { collection: "lorelei", seed: "b2wi3z2j" },
+  { collection: "lorelei", seed: "lp1iegj9" },
+  { collection: "lorelei", seed: "6umh2s52" },
+  { 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]));
+let oe = null;
+function ke() {
+  return oe || (oe = Promise.all([
+    import("@dicebear/core"),
+    import("@dicebear/collection")
+  ]).then(([i, n]) => ({
+    createAvatar: i.createAvatar,
+    collection: n
+  }))), oe;
+}
+async function $e(i, n, l = {}) {
+  const { createAvatar: o, 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();
+}
+function Ee(i, n, l, o, a) {
+  const t = [], d = (s, h) => t.push({
+    key: s,
+    html: me(i(n, { ...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] });
+  else {
+    const s = o.blink ? [
+      ["o", { eyes: [o.blink.open] }],
+      ["c", { eyes: [o.blink.closed] }]
+    ] : [["o", {}]];
+    o.visemes.forEach((h, p) => {
+      for (const [g, r] of s) d(`m${p}-${g}`, { [o.part]: [h], ...r });
+    });
+  }
+  return t;
+}
+function Be({
+  state: i,
+  analyser: n,
+  size: l = 300,
+  collection: o = Se,
+  seed: a = Re,
+  backgroundColor: t,
+  radius: d,
+  className: s = "",
+  style: h,
+  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 J = (t == null ? void 0 : t.join(",")) ?? "";
+  ee(() => {
+    let u = !1;
+    return F(null), y(null), ke().then(({ createAvatar: W, collection: I }) => {
+      if (u) return;
+      const R = I[fe(String(o))];
+      if (!R) {
+        y(`Unknown DiceBear style "${o}"`);
+        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) => {
+      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);
+    }), () => {
+      u = !0;
+    };
+  }, [o, a, d, J]), ee(() => {
+    const u = T.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) => {
+        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) {
+        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}`);
+        else {
+          const be = P && f.blink ? "c" : "o";
+          $(`m${K}-${be}`);
+        }
+        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)})`;
+      } 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)`;
+      }
+      w.current = requestAnimationFrame(Q);
+    };
+    return u.style.transformOrigin = "center bottom", w.current = requestAnimationFrame(Q), () => {
+      w.current && cancelAnimationFrame(w.current);
+    };
+  }, [m, f, r]);
+  const v = (g == null ? void 0 : g[i]) ?? "#10b981";
+  return /* @__PURE__ */ c(
+    "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(
+          "div",
+          {
+            ref: (I) => {
+              I ? V.current.set(u.key, I) : 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" }
+          },
+          u.key
+        )) }),
+        !m && !M && /* @__PURE__ */ c("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "w-8 h-8 border-4 rounded-full animate-spin mb-2",
+              style: { borderColor: `${v}33`, borderTopColor: v }
+            }
+          ),
+          /* @__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: [
+          /* @__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: [
+          /* @__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 })
+        ] })
+      ]
+    }
+  );
+}
+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 Fe(i) {
+  const n = O(null);
+  n.current === null && (n.current = we());
+  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;
+}
+function _(i, n) {
+  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})`;
+}
+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 }))
+);
+function je({
+  state: i,
+  analyser: n = null,
+  speechActivity: l,
+  streamingText: o,
+  size: a = 280,
+  variant: t = "geometric",
+  children: d,
+  vrmUrl: s,
+  glbUrl: h,
+  subtitle: p,
+  thought: g,
+  tool: r,
+  showGlow: z = !0,
+  showStatePill: S = !0,
+  showThought: T = !0,
+  showSubtitle: V = !0,
+  className: w = "",
+  style: m,
+  dicebearCollection: F,
+  dicebearSeed: f,
+  maxMouthOpening: k,
+  blinkIntervalMin: M,
+  blinkIntervalMax: y,
+  blinkDuration: N,
+  mouseTrackingIntensity: J,
+  stateColors: v,
+  stateLabels: u,
+  customization: W
+}) {
+  const I = Fe(o), R = l ?? I, C = R ?? n, x = {
+    state: i,
+    analyser: C,
+    size: a,
+    maxMouthOpening: k,
+    blinkIntervalMin: M,
+    blinkIntervalMax: y,
+    blinkDuration: N,
+    mouseTrackingIntensity: J,
+    stateColors: v,
+    customization: W
+  };
+  let q;
+  if (t === "vrm")
+    q = /* @__PURE__ */ e(he, { fallback: null, children: /* @__PURE__ */ e(Ce, { ...x, vrmUrl: s }) });
+  else if (t === "glb")
+    q = /* @__PURE__ */ e(he, { fallback: null, children: /* @__PURE__ */ e(qe, { ...x, glbUrl: h }) });
+  else if (t === "dicebear")
+    q = /* @__PURE__ */ e(
+      Be,
+      {
+        state: i,
+        analyser: C,
+        size: a,
+        maxMouthOpening: k,
+        stateColors: v,
+        collection: F,
+        seed: f
+      }
+    );
+  else if (t === "byos")
+    q = /* @__PURE__ */ e(ue, { ...x, children: d });
+  else {
+    const Z = {
+      geometric: ge,
+      memoji: Ae,
+      pixelart: Le,
+      doodle: Ne
+    }[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);
+  }
+  const H = pe(1), U = pe(0.15), P = O(null), K = se(), A = {
+    idle: (v == null ? void 0 : v.idle) ?? "#4b5563",
+    // gray-600
+    listening: (v == null ? void 0 : v.listening) ?? "#3b82f6",
+    // blue-500
+    thinking: (v == null ? void 0 : v.thinking) ?? "#8b5cf6",
+    // purple-500
+    speaking: (v == null ? void 0 : v.speaking) ?? "#10b981",
+    // emerald-500
+    working: (v == null ? void 0 : v.working) ?? "#f59e0b"
+    // amber-500
+  }, D = {
+    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)
+  };
+  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);
+      return;
+    }
+    const G = n ? new Uint8Array(n.frequencyBinCount) : null, Y = () => {
+      let X;
+      if (n && G) {
+        n.getByteTimeDomainData(G);
+        let ie = 0;
+        for (let te = 0; te < G.length; te++) {
+          const L = Math.abs(G[te] - 128);
+          L > ie && (ie = L);
+        }
+        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);
+    };
+    return P.current = requestAnimationFrame(Y), () => {
+      P.current && cancelAnimationFrame(P.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,
+      {
+        className: "absolute rounded-[1.75rem] pointer-events-none filter blur-2xl",
+        style: {
+          width: a * 0.9,
+          height: a * 0.9,
+          backgroundColor: A[i],
+          scale: H,
+          opacity: U
+        }
+      }
+    ),
+    /* @__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,
+      {
+        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]}`
+        },
+        transition: { duration: 0.3 },
+        children: /* @__PURE__ */ c("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]
+        ] })
+      }
+    ),
+    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
+          }
+        )
+      }
+    )
+  ] });
+}
+function _e({
+  size: i = "100%",
+  customization: n,
+  state: l,
+  className: o,
+  style: a
+}) {
+  const {
+    skinColor: t = "#cf6b34",
+    // fur — also used for the eyelids
+    bgColor: d = "#6fb3bd"
+  } = n ?? {}, [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(
+    "svg",
+    {
+      viewBox: "0 0 200 200",
+      width: i,
+      height: i,
+      xmlns: "http://www.w3.org/2000/svg",
+      role: "img",
+      "aria-label": "Avatar",
+      className: o,
+      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__ */ 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 }),
+          /* @__PURE__ */ e("path", { d: "M85 122 Q100 133 115 122 Q100 129 85 122 Z", fill: "#b05418", opacity: "0.55" }),
+          /* @__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__ */ 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__ */ 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__ */ 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" })
+            ] }),
+            /* @__PURE__ */ e("ellipse", { cx: "100", cy: "98", rx: "40", ry: "37", fill: t }),
+            /* @__PURE__ */ e("path", { d: "M62 96 Q54 90 58 100 Q56 108 64 106 Z", fill: t }),
+            /* @__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__ */ 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__ */ 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__ */ 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__ */ 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: [
+              /* @__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" }),
+              /* @__PURE__ */ e("circle", { cx: "56", cy: "92", r: "3", fill: "#475569" }),
+              /* @__PURE__ */ e("circle", { cx: "144", cy: "92", r: "3", fill: "#475569" })
+            ] }),
+            /* @__PURE__ */ e("path", { d: "M93 107 Q100 101 107 107 Q100 113 93 107 Z", fill: "#7a4a32" }),
+            /* @__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: [
+              /* @__PURE__ */ e(
+                "path",
+                {
+                  d: "M136 182 L112 144 L124 138 L152 182 Z",
+                  fill: "#2b2f36",
+                  stroke: "#1e293b",
+                  strokeWidth: "1.2"
+                }
+              ),
+              /* @__PURE__ */ c("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: [
+            /* @__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__ */ e(
+                "animateTransform",
+                {
+                  attributeName: "transform",
+                  type: "translate",
+                  values: "0,0; -0.6,0.3; 0.4,-0.2; -0.3,-0.5; 0,0",
+                  dur: "0.18s",
+                  repeatCount: "indefinite"
+                }
+              ),
+              /* @__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__ */ 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__ */ e(
+                "animateTransform",
+                {
+                  attributeName: "transform",
+                  type: "translate",
+                  values: "0,0; 0.5,-0.3; -0.4,0.2; 0.3,0.4; 0,0",
+                  dur: "0.15s",
+                  repeatCount: "indefinite"
+                }
+              ),
+              /* @__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__ */ 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: [
+            /* @__PURE__ */ e(
+              "animateTransform",
+              {
+                attributeName: "transform",
+                type: "translate",
+                values: "0,0; 0,1; 0,0; 0,1; 0,0",
+                dur: "3.2s",
+                repeatCount: "indefinite"
+              }
+            ),
+            /* @__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__ */ 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__ */ 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__ */ 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" }),
+              /* @__PURE__ */ e("rect", { x: "127", y: "173", width: "6", height: "10", rx: "3" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ c("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" })
+        ] })
+      ]
+    }
+  );
+}
+function Oe({ collection: i, seed: n, size: l = 44, className: o = "" }) {
+  const [a, t] = ce(null);
+  return ee(() => {
+    let d = !1;
+    return t(null), $e(i, n).then((s) => {
+      d || t(s);
+    }).catch(() => {
+      d || t(null);
+    }), () => {
+      d = !0;
+    };
+  }, [i, n]), /* @__PURE__ */ e(
+    "div",
+    {
+      className: `flex items-center justify-center overflow-hidden ${o}`,
+      style: { width: l, height: l },
+      "aria-hidden": !0,
+      children: a ? /* @__PURE__ */ e(
+        "div",
+        {
+          className: "w-full h-full [&>svg]:w-full [&>svg]:h-full",
+          dangerouslySetInnerHTML: { __html: a }
+        }
+      ) : /* @__PURE__ */ e("div", { className: "w-full h-full rounded-md bg-zinc-800/40 animate-pulse" })
+    }
+  );
+}
+function Ge({
+  analyser: i,
+  state: n,
+  height: l = 80,
+  className: o = "",
+  style: a,
+  stateColors: t
+}) {
+  const d = O(null), s = O(null), h = O(0), p = {
+    idle: (t == null ? void 0 : t.idle) ?? "#9ca3af",
+    listening: (t == null ? void 0 : t.listening) ?? "#3b82f6",
+    thinking: (t == null ? void 0 : t.thinking) ?? "#8b5cf6",
+    speaking: (t == null ? void 0 : t.speaking) ?? "#10b981",
+    working: (t == null ? void 0 : t.working) ?? "#f59e0b"
+  };
+  return ee(() => {
+    const g = d.current;
+    if (!g) return;
+    const r = g.getContext("2d");
+    if (!r) return;
+    const z = () => {
+      const w = window.devicePixelRatio || 1, m = g.getBoundingClientRect();
+      g.width = m.width * w, g.height = m.height * w, r.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));
+    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;
+      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;
+        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;
+        }
+        r.lineTo(w, m / 2), r.stroke(), r.shadowBlur = 0;
+      } else if (n === "listening") {
+        let f = 0;
+        if (i && T.length > 0) {
+          i.getByteTimeDomainData(T);
+          let y = 0;
+          for (let N = 0; N < T.length; N++) {
+            const J = Math.abs(T[N] - 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();
+        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);
+        }
+        r.stroke(), r.strokeStyle = _(p.listening, 0.5), r.shadowColor = _(p.listening, 0.3), r.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);
+        }
+        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();
+        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);
+        }
+        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();
+        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));
+        }
+        r.stroke(), r.shadowBlur = 0;
+      } else {
+        r.lineWidth = 1.5, r.strokeStyle = _(p.idle, 0.3), r.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);
+        }
+        r.stroke();
+      }
+      s.current = requestAnimationFrame(V);
+    };
+    return V(), () => {
+      window.removeEventListener("resize", z), 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: [
+      /* @__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__ */ e(
+          "span",
+          {
+            className: "animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",
+            style: { backgroundColor: p[n] }
+          }
+        ),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: "relative inline-flex rounded-full h-2 w-2",
+            style: { backgroundColor: p[n] }
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      "canvas",
+      {
+        ref: d,
+        className: "w-full block",
+        style: { height: l }
+      }
+    )
+  ] });
+}
+function Ve({ analyser: i, enabled: n, onFrame: l, onStop: o }) {
+  const a = O(l), t = O(o);
+  a.current = l, t.current = o, ee(() => {
+    var p;
+    if (!n) {
+      (p = t.current) == null || p.call(t);
+      return;
+    }
+    const d = de(i);
+    let s;
+    const h = () => {
+      a.current(d.read()), s = requestAnimationFrame(h);
+    };
+    return s = requestAnimationFrame(h), () => {
+      var g;
+      cancelAnimationFrame(s), (g = t.current) == null || g.call(t);
+    };
+  }, [i, n]);
+}
+export {
+  Ge as AudioVisualizer,
+  ue as ContractAvatar,
+  Se as DEFAULT_DICEBEAR_COLLECTION,
+  Re 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,
+  ge as GeometricAvatar,
+  Ae as MemojiAvatar,
+  Le as PixelArtAvatar,
+  je as RealtimeAvatar,
+  He as SPEECH_ACTIVITY_BRAND,
+  _e as SquirrelAvatar,
+  fe as collectionExportName,
+  de as createMouthEngine,
+  we as createSpeechActivity,
+  Ke as isSpeechActivity,
+  ke as loadDiceBear,
+  $e as renderDiceBearSvg,
+  me as scopeSvgIds,
+  Ve as useAudioMouth,
+  Me as useAvatarRuntime,
+  se as useReducedMotion,
+  Fe as useStreamingTextActivity
+};