@actioneer/ads 0.2.4 → 0.3.1

package/components/ai-elements/voice.js

@@ -1,21 +1,23 @@
 "use client";
-import { jsx as e, jsxs as c, Fragment as y } from "react/jsx-runtime";
+import { jsx as e, jsxs as l, Fragment as _ } from "react/jsx-runtime";
 import * as s from "react";
-import { MotionConfig as Z, motion as B, useReducedMotion as K } from "motion/react";
-import { cn as T } from "../../lib/cn.js";
-import { EASE_OUT as F, EASE_IN_OUT as X } from "../../lib/motion.js";
-import { Button as G } from "../button.js";
-import { Tooltip as j } from "../tooltip.js";
-import { AgentAudioVisualizerAura as J } from "../agents-ui/agent-audio-visualizer-aura.js";
-import { AgentAudioVisualizerWave as Q } from "../agents-ui/agent-audio-visualizer-wave.js";
-import { Call as ee, PhoneOff as oe, MicOff as te, Mic as ie } from "../../lib/icons.js";
-const Te = [
+import { MotionConfig as Q, motion as U, useReducedMotion as ee } from "motion/react";
+import { cn as z } from "../../lib/cn.js";
+import { EASE_OUT as G, EASE_IN_OUT as oe } from "../../lib/motion.js";
+import { Button as W } from "../button.js";
+import { Tooltip as Z } from "../tooltip.js";
+import { AgentAudioVisualizerAura as te } from "../agents-ui/agent-audio-visualizer-aura.js";
+import { AgentAudioVisualizerWave as ie } from "../agents-ui/agent-audio-visualizer-wave.js";
+import { Call as re, PhoneOff as ne, MicOff as ce, Mic as le } from "../../lib/icons.js";
+const Ie = [
   "default",
+  "identity",
+  "mono",
   "blue",
   "violet",
   "emerald",
   "sunset"
-], re = ["orb", "aura", "wave"], $e = [
+], se = ["orb", "aura", "wave"], Ve = [
   "idle",
   "connecting",
   "listening",
@@ -81,7 +83,7 @@ const Te = [
     sheen: "#ffffff",
     accent: "#f080d0"
   }
-}, ne = {
+}, ae = {
   idle: { scale: [1, 1.04, 1], opacity: 1, duration: 4 },
   connecting: { scale: [1, 1.06, 1], opacity: 1, duration: 1.3 },
   listening: { scale: [1, 1.09, 1], opacity: 1, duration: 1.7 },
@@ -89,14 +91,14 @@ const Te = [
   speaking: { scale: [1, 1.12, 0.99, 1.07, 1], opacity: 1, duration: 0.95 },
   muted: { scale: [1, 1.02, 1], opacity: 0.7, duration: 5 },
   asleep: { scale: [1, 1.015, 1], opacity: 0.45, duration: 6 }
-}, ce = {
+}, ue = {
   command: { idle: 0, think: 42 },
   glint: { idle: 5, think: 65 },
   halo: { idle: 20, think: 80 },
   mana: { idle: 0, think: 28 },
   obsidian: { idle: 4, think: 48 },
   opal: { idle: 9, think: 40 }
-}, le = {
+}, fe = {
   idle: "idle",
   connecting: "think",
   listening: "idle",
@@ -104,17 +106,17 @@ const Te = [
   speaking: "idle",
   muted: "slow",
   asleep: "stop"
-}, se = {
+}, de = {
   listening: { count: 2, duration: 1.7, maxScale: 1.7, peak: 0.4 },
   connecting: { count: 1, duration: 1.9, maxScale: 1.55, peak: 0.32 }
 };
-function ae(r, o) {
+function pe(r, o) {
   switch (r) {
     case "command": {
       const t = C.command, i = `${o}-cmd`;
       return {
-        defs: /* @__PURE__ */ c(y, { children: [
-          /* @__PURE__ */ c("linearGradient", { id: i, x1: "0", y1: "1", x2: "1", y2: "0", children: [
+        defs: /* @__PURE__ */ l(_, { children: [
+          /* @__PURE__ */ l("linearGradient", { id: i, x1: "0", y1: "1", x2: "1", y2: "0", children: [
             /* @__PURE__ */ e("stop", { offset: "0%", stopColor: t.silverDeep }),
             /* @__PURE__ */ e("stop", { offset: "45%", stopColor: t.silver }),
             /* @__PURE__ */ e("stop", { offset: "70%", stopColor: t.sheen }),
@@ -140,7 +142,7 @@ function ae(r, o) {
       const t = C.glint;
       return {
         defs: null,
-        body: /* @__PURE__ */ c(y, { children: [
+        body: /* @__PURE__ */ l(_, { children: [
           /* @__PURE__ */ e(
             "path",
             {
@@ -161,8 +163,8 @@ function ae(r, o) {
     case "halo": {
       const t = C.halo, i = `${o}-halo`;
       return {
-        defs: /* @__PURE__ */ c(y, { children: [
-          /* @__PURE__ */ c("linearGradient", { id: i, x1: "0", y1: "0", x2: "1", y2: "1", children: [
+        defs: /* @__PURE__ */ l(_, { children: [
+          /* @__PURE__ */ l("linearGradient", { id: i, x1: "0", y1: "0", x2: "1", y2: "1", children: [
             /* @__PURE__ */ e("stop", { offset: "0%", stopColor: t.ringLite }),
             /* @__PURE__ */ e("stop", { offset: "50%", stopColor: t.ring }),
             /* @__PURE__ */ e("stop", { offset: "100%", stopColor: t.ringLite })
@@ -170,7 +172,7 @@ function ae(r, o) {
           /* @__PURE__ */ e("filter", { id: `${i}-glow`, x: "-60%", y: "-60%", width: "220%", height: "220%", children: /* @__PURE__ */ e("feGaussianBlur", { stdDeviation: "4" }) })
         ] }),
         // Warm-white glow + the crisp silver ring stay fixed …
-        under: /* @__PURE__ */ c(y, { children: [
+        under: /* @__PURE__ */ l(_, { children: [
           /* @__PURE__ */ e(
             "circle",
             {
@@ -202,8 +204,8 @@ function ae(r, o) {
     case "mana": {
       const t = C.mana, i = `${o}-mana`;
       return {
-        defs: /* @__PURE__ */ c(y, { children: [
-          /* @__PURE__ */ c("radialGradient", { id: i, cx: "0.4", cy: "0.34", r: "0.75", children: [
+        defs: /* @__PURE__ */ l(_, { children: [
+          /* @__PURE__ */ l("radialGradient", { id: i, cx: "0.4", cy: "0.34", r: "0.75", children: [
             /* @__PURE__ */ e("stop", { offset: "0%", stopColor: t.lit }),
             /* @__PURE__ */ e("stop", { offset: "45%", stopColor: t.body }),
             /* @__PURE__ */ e("stop", { offset: "78%", stopColor: t.mid }),
@@ -213,9 +215,9 @@ function ae(r, o) {
           /* @__PURE__ */ e("clipPath", { id: `${i}-c`, children: /* @__PURE__ */ e("circle", { cx: 50, cy: 50, r: 32 }) })
         ] }),
         // Sphere + cloudy internal texture rotate inside the clipped circle …
-        body: /* @__PURE__ */ c("g", { clipPath: `url(#${i}-c)`, children: [
+        body: /* @__PURE__ */ l("g", { clipPath: `url(#${i}-c)`, children: [
           /* @__PURE__ */ e("circle", { cx: 50, cy: 50, r: 32, fill: `url(#${i})` }),
-          /* @__PURE__ */ c("g", { filter: `url(#${i}-b)`, children: [
+          /* @__PURE__ */ l("g", { filter: `url(#${i}-b)`, children: [
             /* @__PURE__ */ e(
               "ellipse",
               {
@@ -244,7 +246,7 @@ function ae(r, o) {
           ] })
         ] }),
         // … while the ice-blue + white speculars stay put (fixed light source).
-        over: /* @__PURE__ */ c("g", { children: [
+        over: /* @__PURE__ */ l("g", { children: [
           /* @__PURE__ */ e(
             "ellipse",
             {
@@ -277,18 +279,18 @@ function ae(r, o) {
     case "opal": {
       const t = C.opal, i = `${o}-opal`;
       return {
-        defs: /* @__PURE__ */ c(y, { children: [
+        defs: /* @__PURE__ */ l(_, { children: [
           /* @__PURE__ */ e("filter", { id: `${i}-b`, x: "-30%", y: "-30%", width: "160%", height: "160%", children: /* @__PURE__ */ e("feGaussianBlur", { stdDeviation: "7" }) }),
           /* @__PURE__ */ e("clipPath", { id: `${i}-c`, children: /* @__PURE__ */ e("circle", { cx: 50, cy: 50, r: 33 }) }),
-          /* @__PURE__ */ c("radialGradient", { id: `${i}-sheen`, cx: "0.4", cy: "0.32", r: "0.5", children: [
+          /* @__PURE__ */ l("radialGradient", { id: `${i}-sheen`, cx: "0.4", cy: "0.32", r: "0.5", children: [
             /* @__PURE__ */ e("stop", { offset: "0%", stopColor: t.sheen, stopOpacity: 0.55 }),
             /* @__PURE__ */ e("stop", { offset: "60%", stopColor: t.sheen, stopOpacity: 0 })
           ] })
         ] }),
         // The multi-hue field drifts (rotates slowly) so the colors melt.
-        body: /* @__PURE__ */ c("g", { clipPath: `url(#${i}-c)`, children: [
+        body: /* @__PURE__ */ l("g", { clipPath: `url(#${i}-c)`, children: [
           /* @__PURE__ */ e("circle", { cx: 50, cy: 50, r: 33, fill: t.pink }),
-          /* @__PURE__ */ c("g", { filter: `url(#${i}-b)`, children: [
+          /* @__PURE__ */ l("g", { filter: `url(#${i}-b)`, children: [
             /* @__PURE__ */ e("ellipse", { cx: 50, cy: 24, rx: 27, ry: 23, fill: t.crimson }),
             /* @__PURE__ */ e("ellipse", { cx: 40, cy: 20, rx: 14, ry: 12, fill: t.rust }),
             /* @__PURE__ */ e("ellipse", { cx: 26, cy: 52, rx: 22, ry: 26, fill: t.magenta }),
@@ -305,15 +307,15 @@ function ae(r, o) {
     default: {
       const t = C.obsidian, i = `${o}-obs`;
       return {
-        defs: /* @__PURE__ */ c(y, { children: [
-          /* @__PURE__ */ c("linearGradient", { id: `${i}-b`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+        defs: /* @__PURE__ */ l(_, { children: [
+          /* @__PURE__ */ l("linearGradient", { id: `${i}-b`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
             /* @__PURE__ */ e("stop", { offset: "0%", stopColor: t.hi }),
             /* @__PURE__ */ e("stop", { offset: "34%", stopColor: t.body }),
             /* @__PURE__ */ e("stop", { offset: "54%", stopColor: t.horizon }),
             /* @__PURE__ */ e("stop", { offset: "72%", stopColor: t.body }),
             /* @__PURE__ */ e("stop", { offset: "100%", stopColor: t.low })
           ] }),
-          /* @__PURE__ */ c("radialGradient", { id: `${i}-core`, cx: "0.42", cy: "0.4", r: "0.65", children: [
+          /* @__PURE__ */ l("radialGradient", { id: `${i}-core`, cx: "0.42", cy: "0.4", r: "0.65", children: [
             /* @__PURE__ */ e("stop", { offset: "0%", stopColor: t.coreLite }),
             /* @__PURE__ */ e("stop", { offset: "100%", stopColor: t.coreDark })
           ] }),
@@ -321,7 +323,7 @@ function ae(r, o) {
           /* @__PURE__ */ e("clipPath", { id: `${i}-c`, children: /* @__PURE__ */ e("circle", { cx: 50, cy: 50, r: 32 }) })
         ] }),
         // Chrome body + gray crescent core + rim accents rotate …
-        body: /* @__PURE__ */ c("g", { clipPath: `url(#${i}-c)`, children: [
+        body: /* @__PURE__ */ l("g", { clipPath: `url(#${i}-c)`, children: [
           /* @__PURE__ */ e("circle", { cx: 50, cy: 50, r: 32, fill: `url(#${i}-b)` }),
           /* @__PURE__ */ e(
             "circle",
@@ -358,35 +360,35 @@ function ae(r, o) {
     }
   }
 }
-const q = s.forwardRef(({ state: r, variant: o, className: t, ariaLabel: i }, n) => {
-  const p = s.useId().replace(/[:]/g, ""), d = ae(o, p), m = ne[r], g = C[o].accent, a = se[r], h = le[r], v = ce[o], k = h === "think" ? v.think : h === "idle" ? v.idle : h === "slow" ? v.idle * 0.4 : 0, x = k > 0, _ = x ? { duration: 360 / k, ease: "linear", repeat: 1 / 0 } : { duration: 0.2, ease: F };
-  return /* @__PURE__ */ e(Z, { reducedMotion: "user", children: /* @__PURE__ */ e(
-    B.div,
+const K = s.forwardRef(({ state: r, variant: o, className: t, ariaLabel: i }, n) => {
+  const h = s.useId().replace(/[:]/g, ""), u = pe(o, h), g = ae[r], k = C[o].accent, p = de[r], d = fe[r], v = ue[o], m = d === "think" ? v.think : d === "idle" ? v.idle : d === "slow" ? v.idle * 0.4 : 0, x = m > 0, L = x ? { duration: 360 / m, ease: "linear", repeat: 1 / 0 } : { duration: 0.2, ease: G };
+  return /* @__PURE__ */ e(Q, { reducedMotion: "user", children: /* @__PURE__ */ e(
+    U.div,
     {
       ref: n,
       role: "img",
       "aria-label": i ?? `AI voice, ${r}`,
       "data-state": r,
       "data-variant": o,
-      className: T(
+      className: z(
         "relative inline-flex size-16 shrink-0 items-center justify-center",
         t
       ),
-      animate: { scale: m.scale, opacity: m.opacity },
+      animate: { scale: g.scale, opacity: g.opacity },
       transition: {
         scale: {
-          duration: m.duration,
-          ease: X,
+          duration: g.duration,
+          ease: oe,
           repeat: 1 / 0,
           repeatType: "loop"
         },
-        opacity: { duration: 0.2, ease: F }
+        opacity: { duration: 0.2, ease: G }
       },
-      children: /* @__PURE__ */ c("svg", { viewBox: "0 0 100 100", className: "size-full", fill: "none", "aria-hidden": !0, children: [
-        d.defs && /* @__PURE__ */ e("defs", { children: d.defs }),
-        d.under,
-        a && Array.from({ length: a.count }).map((L, P) => /* @__PURE__ */ e(
-          B.rect,
+      children: /* @__PURE__ */ l("svg", { viewBox: "0 0 100 100", className: "size-full", fill: "none", "aria-hidden": !0, children: [
+        u.defs && /* @__PURE__ */ e("defs", { children: u.defs }),
+        u.under,
+        p && Array.from({ length: p.count }).map((D, y) => /* @__PURE__ */ e(
+          U.rect,
           {
             x: 20,
             y: 20,
@@ -394,36 +396,51 @@ const q = s.forwardRef(({ state: r, variant: o, className: t, ariaLabel: i }, n)
             height: 60,
             rx: o === "command" ? 18 : 30,
             fill: "none",
-            stroke: g,
+            stroke: k,
             strokeWidth: 2.5,
             style: { transformBox: "fill-box", transformOrigin: "center" },
             initial: { scale: 0.95, opacity: 0 },
-            animate: { scale: a.maxScale, opacity: [0, a.peak, 0] },
+            animate: { scale: p.maxScale, opacity: [0, p.peak, 0] },
             transition: {
-              duration: a.duration,
-              ease: F,
+              duration: p.duration,
+              ease: G,
               repeat: 1 / 0,
-              delay: P * (a.duration / 2)
+              delay: y * (p.duration / 2)
             }
           },
-          P
+          y
         )),
         /* @__PURE__ */ e(
-          B.g,
+          U.g,
           {
             style: { transformBox: "fill-box", transformOrigin: "center" },
             animate: { rotate: x ? 360 : 0 },
-            transition: _,
-            children: d.body
+            transition: L,
+            children: u.body
           }
         ),
-        d.over
+        u.over
       ] })
     }
   ) });
 });
-q.displayName = "PersonaVisual";
-const H = {
+K.displayName = "PersonaVisual";
+const X = {
+  /**
+   * Base colours for `seed`-derived hues. The shader rotates these by u_hue,
+   * so each seed lands on its own colourway from one shared palette.
+   */
+  identity: [
+    [0.08, 0.78, 1],
+    [0.58, 0.24, 1],
+    [1, 0.16, 0.58]
+  ],
+  /** Neutral greys, for monochrome products that take no chromatic accent. */
+  mono: [
+    [0.62, 0.62, 0.65],
+    [0.26, 0.26, 0.29],
+    [0.86, 0.86, 0.89]
+  ],
   default: [
     [0.08, 0.78, 1],
     [0.58, 0.24, 1],
@@ -449,7 +466,9 @@ const H = {
     [1, 0.12, 0.46],
     [0.58, 0.18, 1]
   ]
-}, ue = {
+}, me = {
+  identity: 0.65,
+  mono: 0,
   default: 0.65,
   blue: 0.3,
   violet: 0.5,
@@ -461,7 +480,7 @@ const H = {
   listening: { speed: 0.4, amplitude: 0.14, glow: 0.5, brightness: 0.85, pulse: 0, saturation: 1 },
   speaking: { speed: 1.4, amplitude: 0.35, glow: 0.9, brightness: 1, pulse: 0, saturation: 1 },
   muted: { speed: 0.06, amplitude: 0.015, glow: 0.08, brightness: 0.35, pulse: 0, saturation: 0.2 }
-}, U = {
+}, M = {
   idle: w.idle,
   connecting: w.connecting,
   listening: w.listening,
@@ -469,13 +488,13 @@ const H = {
   speaking: w.speaking,
   muted: w.muted,
   asleep: { ...w.idle, brightness: 0.35, speed: 0.08 }
-}, de = `#version 300 es
+}, he = `#version 300 es
 in vec2 a_position;
 out vec2 v_uv;
 void main() {
   v_uv = a_position * 0.5 + 0.5;
   gl_Position = vec4(a_position, 0.0, 1.0);
-}`, fe = `#version 300 es
+}`, ge = `#version 300 es
 precision highp float;
 
 in vec2 v_uv;
@@ -488,6 +507,8 @@ uniform float u_glow;
 uniform float u_brightness;
 uniform float u_pulse;
 uniform float u_saturation;
+uniform float u_seed;
+uniform float u_hue;
 uniform vec3 u_color0;
 uniform vec3 u_color1;
 uniform vec3 u_color2;
@@ -499,6 +520,13 @@ vec4 mod289(vec4 x) { return x - floor(x / 289.0) * 289.0; }
 vec4 permute(vec4 x) { return mod289((x * 34.0 + 1.0) * x); }
 vec4 taylorInvSqrt(vec4 r) { return 1.79284291400159 - 0.85373472095314 * r; }
 
+/** Rotate an RGB triple around the grey axis — used for per-identity hues. */
+vec3 hueRotate(vec3 c, float a) {
+  const vec3 k = vec3(0.57735026);
+  float ca = cos(a);
+  return c * ca + cross(k, c) * sin(a) + k * dot(k, c) * (1.0 - ca);
+}
+
 float snoise(vec3 v) {
   const vec2 C = vec2(1.0 / 6.0, 1.0 / 3.0);
   vec3 i = floor(v + dot(v, vec3(C.y)));
@@ -557,15 +585,20 @@ void main() {
     return;
   }
 
-  float n1 = snoise(vec3(uv * 2.0, t * 0.6)) * 0.5 + 0.5;
-  float n2 = snoise(vec3(uv * 3.5 + 7.0, t * 0.9)) * 0.5 + 0.5;
-  float n3 = snoise(vec3(uv * 1.5 - 3.0, t * 0.4 + 10.0)) * 0.5 + 0.5;
+  // u_seed offsets only the noise sample coordinates, so an identity changes
+  // the internal pattern while the circle, glow and speculars stay identical.
+  float sx = u_seed * 13.7;
+  float sz = u_seed * 5.3;
+
+  float n1 = snoise(vec3(uv * 2.0 + sx, t * 0.6 + sz)) * 0.5 + 0.5;
+  float n2 = snoise(vec3(uv * 3.5 + 7.0 + sx, t * 0.9 + sz)) * 0.5 + 0.5;
+  float n3 = snoise(vec3(uv * 1.5 - 3.0 + sx, t * 0.4 + 10.0 + sz)) * 0.5 + 0.5;
 
   vec2 distort = vec2(
-    snoise(vec3(uv * 2.0 + 5.0, t * 0.7)),
-    snoise(vec3(uv * 2.0 + 15.0, t * 0.7))
+    snoise(vec3(uv * 2.0 + 5.0 + sx, t * 0.7 + sz)),
+    snoise(vec3(uv * 2.0 + 15.0 + sx, t * 0.7 + sz))
   ) * u_amplitude * 2.0;
-  float n4 = snoise(vec3((uv + distort) * 3.0, t * 0.5)) * 0.5 + 0.5;
+  float n4 = snoise(vec3((uv + distort) * 3.0 + sx, t * 0.5 + sz)) * 0.5 + 0.5;
 
   vec3 col = mix(u_color0, u_color1, n1);
   col = mix(col, u_color2, n2 * 0.5);
@@ -592,6 +625,8 @@ void main() {
 
   float pulseFactor = 1.0 + u_pulse * sin(u_time * 3.5) * 0.35;
 
+  col = hueRotate(col, u_hue);
+
   float lum = dot(col, vec3(0.299, 0.587, 0.114));
   col = mix(vec3(lum), col, u_saturation);
 
@@ -599,31 +634,31 @@ void main() {
 
   fragColor = vec4(col, circle);
 }`;
-function W(r, o, t) {
+function Y(r, o, t) {
   const i = r.createShader(o);
   return i ? (r.shaderSource(i, t), r.compileShader(i), r.getShaderParameter(i, r.COMPILE_STATUS) ? i : (r.deleteShader(i), null)) : null;
 }
-function pe(r) {
+function ve(r) {
   const o = r.getContext("webgl2", {
     alpha: !0,
     premultipliedAlpha: !1,
     antialias: !0
   });
   if (!o) return null;
-  const t = W(o, o.VERTEX_SHADER, de), i = W(o, o.FRAGMENT_SHADER, fe);
+  const t = Y(o, o.VERTEX_SHADER, he), i = Y(o, o.FRAGMENT_SHADER, ge);
   if (!t || !i) return null;
   const n = o.createProgram();
   if (o.attachShader(n, t), o.attachShader(n, i), o.linkProgram(n), !o.getProgramParameter(n, o.LINK_STATUS)) return null;
   o.useProgram(n);
-  const p = o.createBuffer();
-  o.bindBuffer(o.ARRAY_BUFFER, p), o.bufferData(
+  const h = o.createBuffer();
+  o.bindBuffer(o.ARRAY_BUFFER, h), o.bufferData(
     o.ARRAY_BUFFER,
     new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]),
     o.STATIC_DRAW
   );
-  const d = o.getAttribLocation(n, "a_position");
-  o.enableVertexAttribArray(d), o.vertexAttribPointer(d, 2, o.FLOAT, !1, 0, 0), o.enable(o.BLEND), o.blendFunc(o.SRC_ALPHA, o.ONE_MINUS_SRC_ALPHA);
-  const m = {
+  const u = o.getAttribLocation(n, "a_position");
+  o.enableVertexAttribArray(u), o.vertexAttribPointer(u, 2, o.FLOAT, !1, 0, 0), o.enable(o.BLEND), o.blendFunc(o.SRC_ALPHA, o.ONE_MINUS_SRC_ALPHA);
+  const g = {
     u_time: o.getUniformLocation(n, "u_time"),
     u_speed: o.getUniformLocation(n, "u_speed"),
     u_amplitude: o.getUniformLocation(n, "u_amplitude"),
@@ -631,138 +666,157 @@ function pe(r) {
     u_brightness: o.getUniformLocation(n, "u_brightness"),
     u_pulse: o.getUniformLocation(n, "u_pulse"),
     u_saturation: o.getUniformLocation(n, "u_saturation"),
+    u_seed: o.getUniformLocation(n, "u_seed"),
+    u_hue: o.getUniformLocation(n, "u_hue"),
     u_color0: o.getUniformLocation(n, "u_color0"),
     u_color1: o.getUniformLocation(n, "u_color1"),
     u_color2: o.getUniformLocation(n, "u_color2"),
     u_dpr: o.getUniformLocation(n, "u_dpr")
   };
-  return { gl: o, uniforms: m };
+  return { gl: o, uniforms: g };
+}
+function xe(r) {
+  if (r === void 0) return 0;
+  if (typeof r == "number") return r;
+  let o = 0;
+  for (let t = 0; t < r.length; t += 1)
+    o = (o << 5) - o + r.charCodeAt(t) | 0;
+  return Math.abs(o) % 1e3 / 1e3;
 }
 function E(r, o, t) {
   return r + (o - r) * t;
 }
-const me = s.memo(function({
+const ye = s.memo(function({
   state: o,
   palette: t,
   volume: i,
-  reduced: n
+  reduced: n,
+  seed: h,
+  hue: u
 }) {
-  const p = s.useRef(0);
-  p.current = i;
+  const g = s.useRef(0);
+  g.current = i;
+  const k = s.useRef(h);
+  k.current = h;
+  const p = s.useRef(u);
+  p.current = u;
   const d = s.useRef(n);
   d.current = n;
-  const m = s.useRef(null), g = s.useRef(null), a = s.useRef(0), h = s.useRef(performance.now()), v = s.useRef({ ...U.idle }), k = s.useRef({ ...U.idle });
+  const v = s.useRef(null), m = s.useRef(null), x = s.useRef(0), L = s.useRef(performance.now()), D = s.useRef({ ...M.idle }), y = s.useRef({ ...M.idle });
   s.useEffect(() => {
-    k.current = { ...U[o] };
+    y.current = { ...M[o] };
   }, [o]);
-  const x = H[t], _ = s.useRef(x);
-  _.current = x;
-  const [L, P] = s.useState(!1);
+  const P = X[t], T = s.useRef(P);
+  T.current = P;
+  const [j, q] = s.useState(!1);
   s.useEffect(() => {
-    const b = requestAnimationFrame(() => P(!0));
+    const b = requestAnimationFrame(() => q(!0));
     return () => {
-      cancelAnimationFrame(b), P(!1);
+      cancelAnimationFrame(b), q(!1);
     };
   }, []);
-  const D = s.useCallback(() => {
-    const b = g.current;
+  const O = s.useCallback(() => {
+    const b = m.current;
     if (!b) return;
-    const { gl: l, uniforms: f } = b, A = m.current;
-    if (!A) return;
-    const u = v.current, S = k.current, R = 0.045;
-    u.speed = E(u.speed, S.speed, R), u.amplitude = E(u.amplitude, S.amplitude, R), u.glow = E(u.glow, S.glow, R), u.brightness = E(u.brightness, S.brightness, R), u.pulse = E(u.pulse, S.pulse, R), u.saturation = E(u.saturation, S.saturation, R);
-    const Y = (performance.now() - h.current) / 1e3, z = window.devicePixelRatio || 1, M = A.getBoundingClientRect(), O = Math.round(M.width * z), I = Math.round(M.height * z);
-    (A.width !== O || A.height !== I) && (A.width = O, A.height = I), l.viewport(0, 0, O, I), l.clearColor(0, 0, 0, 0), l.clear(l.COLOR_BUFFER_BIT);
-    const $ = d.current ? 0 : 1, N = p.current * $, V = _.current;
-    l.uniform1f(f.u_time, Y), l.uniform1f(f.u_speed, (u.speed + N * 0.4) * $), l.uniform1f(f.u_amplitude, (u.amplitude + N * 0.12) * $), l.uniform1f(f.u_glow, u.glow + N * 0.2), l.uniform1f(f.u_brightness, u.brightness), l.uniform1f(f.u_pulse, u.pulse * $), l.uniform1f(f.u_saturation, u.saturation), l.uniform3fv(f.u_color0, V[0]), l.uniform3fv(f.u_color1, V[1]), l.uniform3fv(f.u_color2, V[2]), l.uniform1f(f.u_dpr, z), l.drawArrays(l.TRIANGLE_STRIP, 0, 4), a.current = requestAnimationFrame(D);
+    const { gl: c, uniforms: f } = b, R = v.current;
+    if (!R) return;
+    const a = D.current, A = y.current, S = 0.045;
+    a.speed = E(a.speed, A.speed, S), a.amplitude = E(a.amplitude, A.amplitude, S), a.glow = E(a.glow, A.glow, S), a.brightness = E(a.brightness, A.brightness, S), a.pulse = E(a.pulse, A.pulse, S), a.saturation = E(a.saturation, A.saturation, S);
+    const J = (performance.now() - L.current) / 1e3, I = window.devicePixelRatio || 1, H = R.getBoundingClientRect(), V = Math.round(H.width * I), B = Math.round(H.height * I);
+    (R.width !== V || R.height !== B) && (R.width = V, R.height = B), c.viewport(0, 0, V, B), c.clearColor(0, 0, 0, 0), c.clear(c.COLOR_BUFFER_BIT);
+    const $ = d.current ? 0 : 1, N = g.current * $, F = T.current;
+    c.uniform1f(f.u_time, J), c.uniform1f(f.u_speed, (a.speed + N * 0.4) * $), c.uniform1f(f.u_amplitude, (a.amplitude + N * 0.12) * $), c.uniform1f(f.u_glow, a.glow + N * 0.2), c.uniform1f(f.u_brightness, a.brightness), c.uniform1f(f.u_pulse, a.pulse * $), c.uniform1f(f.u_saturation, a.saturation), c.uniform1f(f.u_seed, k.current), c.uniform1f(f.u_hue, p.current), c.uniform3fv(f.u_color0, F[0]), c.uniform3fv(f.u_color1, F[1]), c.uniform3fv(f.u_color2, F[2]), c.uniform1f(f.u_dpr, I), c.drawArrays(c.TRIANGLE_STRIP, 0, 4), x.current = requestAnimationFrame(O);
   }, []);
   return s.useEffect(() => {
-    if (!L) return;
-    const b = m.current;
-    if (b && (g.current = pe(b), !!g.current))
-      return a.current = requestAnimationFrame(D), () => {
-        cancelAnimationFrame(a.current);
-        const l = g.current;
-        if (l) {
-          const f = l.gl.getExtension("WEBGL_lose_context");
+    if (!j) return;
+    const b = v.current;
+    if (b && (m.current = ve(b), !!m.current))
+      return x.current = requestAnimationFrame(O), () => {
+        cancelAnimationFrame(x.current);
+        const c = m.current;
+        if (c) {
+          const f = c.gl.getExtension("WEBGL_lose_context");
           f == null || f.loseContext();
         }
-        g.current = null;
+        m.current = null;
       };
-  }, [L, D]), /* @__PURE__ */ e("canvas", { ref: m, className: "size-full", "data-state": o });
-}), ge = s.forwardRef(
+  }, [j, O]), /* @__PURE__ */ e("canvas", { ref: v, className: "size-full", "data-state": o });
+}), _e = s.forwardRef(
   ({
     state: r = "idle",
     variant: o = "orb",
     className: t,
     volume: i = 0,
     palette: n = "default",
-    onReady: p,
-    "aria-label": d,
-    ...m
-  }, g) => {
-    const a = re.includes(o) ? o : "orb", h = K() ?? !1, v = Math.min(1, Math.max(0, i));
+    seed: h,
+    onReady: u,
+    "aria-label": g,
+    ...k
+  }, p) => {
+    const d = se.includes(o) ? o : "orb", v = ee() ?? !1, m = Math.min(1, Math.max(0, i)), x = s.useMemo(() => xe(h), [h]), L = n === "identity" ? x * Math.PI * 2 : 0;
     if (s.useEffect(() => {
-      p == null || p();
-    }, []), a === "orb" || a === "aura" || a === "wave") {
-      const x = H[n][0], _ = ue[n], L = a === "orb" ? /* @__PURE__ */ e(
-        me,
+      u == null || u();
+    }, []), d === "orb" || d === "aura" || d === "wave") {
+      const y = X[n][0], P = me[n], T = d === "orb" ? /* @__PURE__ */ e(
+        ye,
         {
           state: r,
           palette: n,
-          volume: v,
-          reduced: h
+          volume: m,
+          reduced: v,
+          seed: x,
+          hue: L
         }
-      ) : a === "aura" ? /* @__PURE__ */ e(
-        J,
+      ) : d === "aura" ? /* @__PURE__ */ e(
+        te,
         {
           state: r,
-          volume: v,
-          reduced: h,
-          color: x,
-          colorShift: _
+          volume: m,
+          reduced: v,
+          color: y,
+          colorShift: P
         }
       ) : /* @__PURE__ */ e(
-        Q,
+        ie,
         {
           state: r,
-          volume: v,
-          reduced: h,
-          color: x,
-          colorShift: _
+          volume: m,
+          reduced: v,
+          color: y,
+          colorShift: P
         }
       );
       return /* @__PURE__ */ e(
         "div",
         {
-          ...m,
-          ref: g,
+          ...k,
+          ref: p,
           role: "img",
-          "aria-label": d ?? `AI voice, ${r}`,
+          "aria-label": g ?? `AI voice, ${r}`,
           "data-state": r,
-          "data-variant": a,
-          className: T(
+          "data-variant": d,
+          className: z(
             "relative inline-flex size-16 shrink-0 items-center justify-center",
             t
           ),
-          children: L
+          children: T
         }
       );
     }
     return /* @__PURE__ */ e(
-      q,
+      K,
       {
-        ref: g,
+        ref: p,
         state: r,
-        variant: a,
+        variant: d,
         className: t,
-        ariaLabel: d
+        ariaLabel: g
       }
     );
   }
 );
-ge.displayName = "Voice";
-const he = {
+_e.displayName = "Voice";
+const be = {
   idle: "bg-muted-foreground",
   connecting: "bg-warning motion-safe:animate-pulse",
   listening: "bg-success",
@@ -771,46 +825,46 @@ const he = {
   muted: "bg-danger",
   asleep: "bg-muted-foreground opacity-50"
 };
-function ve({ state: r = "idle", className: o }) {
+function we({ state: r = "idle", className: o }) {
   return /* @__PURE__ */ e(
     "span",
     {
       "aria-hidden": !0,
-      className: T(
+      className: z(
         "inline-block size-2.5 shrink-0 rounded-dot transition-[background-color,opacity] duration-(--duration-normal) ease-out motion-reduce:transition-none",
-        he[r],
+        be[r],
         o
       )
     }
   );
 }
-function xe({
+function Ce({
   onConnect: r,
   disabled: o,
   className: t
 }) {
   return /* @__PURE__ */ e(
-    G,
+    W,
     {
       variant: "solid",
       size: "sm",
       disabled: o,
       onClick: r,
-      startContent: /* @__PURE__ */ e(ee, {}),
+      startContent: /* @__PURE__ */ e(re, {}),
       className: t,
       children: "Connect"
     }
   );
 }
-function ye({
+function ke({
   isMuted: r = !1,
   onMute: o,
   onUnmute: t,
   disabled: i,
   className: n
 }) {
-  return /* @__PURE__ */ e(j, { content: r ? "Unmute" : "Mute", children: /* @__PURE__ */ e(
-    G,
+  return /* @__PURE__ */ e(Z, { content: r ? "Unmute" : "Mute", children: /* @__PURE__ */ e(
+    W,
     {
       variant: "ghost",
       size: "icon-sm",
@@ -818,58 +872,58 @@ function ye({
       "aria-label": r ? "Unmute" : "Mute",
       onClick: () => r ? t == null ? void 0 : t() : o == null ? void 0 : o(),
       className: n,
-      children: r ? /* @__PURE__ */ e(te, {}) : /* @__PURE__ */ e(ie, {})
+      children: r ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(le, {})
     }
   ) });
 }
-function _e({
+function Re({
   onDisconnect: r,
   disabled: o,
   className: t
 }) {
-  return /* @__PURE__ */ e(j, { content: "Disconnect", children: /* @__PURE__ */ e(
-    G,
+  return /* @__PURE__ */ e(Z, { content: "Disconnect", children: /* @__PURE__ */ e(
+    W,
     {
       variant: "ghost",
       size: "icon-sm",
       disabled: o,
       "aria-label": "Disconnect",
       onClick: r,
-      className: T("text-danger hover:text-danger", t),
-      children: /* @__PURE__ */ e(oe, {})
+      className: z("text-danger hover:text-danger", t),
+      children: /* @__PURE__ */ e(ne, {})
     }
   ) });
 }
-function be(r, o) {
+function Ae(r, o) {
   return r === "ended" ? "idle" : r === "starting" ? "connecting" : o ? "muted" : "listening";
 }
-function De({
+function Be({
   status: r,
   isMuted: o = !1,
   onConnect: t,
   onMute: i,
   onUnmute: n,
-  onDisconnect: p,
-  className: d
+  onDisconnect: h,
+  className: u
 }) {
-  return /* @__PURE__ */ c("div", { className: T("flex items-center gap-2", d), children: [
-    /* @__PURE__ */ e(ve, { state: be(r, o) }),
-    r === "ended" && /* @__PURE__ */ e(xe, { onConnect: t }),
+  return /* @__PURE__ */ l("div", { className: z("flex items-center gap-2", u), children: [
+    /* @__PURE__ */ e(we, { state: Ae(r, o) }),
+    r === "ended" && /* @__PURE__ */ e(Ce, { onConnect: t }),
     r === "starting" && /* @__PURE__ */ e("span", { className: "text-base text-secondary", children: "Connecting…" }),
-    r === "running" && /* @__PURE__ */ c(y, { children: [
-      /* @__PURE__ */ e(ye, { isMuted: o, onMute: i, onUnmute: n }),
-      /* @__PURE__ */ e(_e, { onDisconnect: p })
+    r === "running" && /* @__PURE__ */ l(_, { children: [
+      /* @__PURE__ */ e(ke, { isMuted: o, onMute: i, onUnmute: n }),
+      /* @__PURE__ */ e(Re, { onDisconnect: h })
     ] })
   ] });
 }
 export {
-  Te as VOICE_PALETTES,
-  $e as VOICE_STATES,
-  re as VOICE_VARIANTS,
-  ge as Voice,
-  xe as VoiceConnectButton,
-  De as VoiceControl,
-  _e as VoiceDisconnectButton,
-  ye as VoiceMuteButton,
-  ve as VoiceStatusDot
+  Ie as VOICE_PALETTES,
+  Ve as VOICE_STATES,
+  se as VOICE_VARIANTS,
+  _e as Voice,
+  Ce as VoiceConnectButton,
+  Be as VoiceControl,
+  Re as VoiceDisconnectButton,
+  ke as VoiceMuteButton,
+  we as VoiceStatusDot
 };