@handled-ai/design-system 0.8.0 → 0.9.0

package/dist/three/agent-orb.js

@@ -0,0 +1,500 @@
+"use client"
+
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from "react";
+import { useTexture } from "@react-three/drei";
+import { Canvas, useFrame, useThree } from "@react-three/fiber";
+import {
+  Color,
+  Uniform,
+  RepeatWrapping
+} from "three";
+import { cn } from "../lib/utils.js";
+const PERLIN_NOISE_URL = "https://storage.googleapis.com/eleven-public-cdn/images/perlin-noise.png";
+function AgentOrb({
+  state = null,
+  colors,
+  volumeMode = "auto",
+  manualInput,
+  manualOutput,
+  inputVolumeRef,
+  outputVolumeRef,
+  getInputVolume,
+  getOutputVolume,
+  seed,
+  showGlow = true,
+  className
+}) {
+  const resolvedColors = useResolvedColors(colors);
+  const isSpeaking = state === "talking";
+  const isListening = state === "listening";
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative h-full w-full", className), children: [
+    showGlow && /* @__PURE__ */ jsx(
+      GlowLayer,
+      {
+        isSpeaking,
+        isListening
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "relative z-10 w-full h-full transition-transform duration-700 ease-out",
+          isListening ? "scale-90" : "scale-100"
+        ),
+        children: /* @__PURE__ */ jsx(
+          AgentOrbCanvas,
+          {
+            colors: resolvedColors,
+            seed,
+            agentState: state,
+            volumeMode,
+            manualInput,
+            manualOutput,
+            inputVolumeRef,
+            outputVolumeRef,
+            getInputVolume,
+            getOutputVolume,
+            className: "w-full h-full"
+          }
+        )
+      }
+    )
+  ] });
+}
+function useResolvedColors(colors) {
+  const ref = useRef(colors != null ? colors : ["#000000", "#000000"]);
+  useEffect(() => {
+    if (colors) {
+      ref.current = colors;
+      return;
+    }
+    if (typeof document === "undefined") return;
+    const style = getComputedStyle(document.documentElement);
+    const primary = style.getPropertyValue("--primary").trim() || "#000000";
+    ref.current = [primary, primary];
+  }, [colors]);
+  return ref.current;
+}
+function GlowLayer({ isSpeaking, isListening }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "absolute inset-0 flex items-center justify-center transition-all duration-700 ease-out",
+        isListening ? "scale-90" : "scale-100"
+      ),
+      children: [
+        isListening && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute inset-0 rounded-full animate-[spin_8s_linear_infinite]",
+              style: {
+                background: "conic-gradient(from 0deg, color-mix(in srgb, var(--primary) 30%, transparent) 0deg, transparent 60deg, color-mix(in srgb, var(--primary) 30%, transparent) 120deg, transparent 180deg, color-mix(in srgb, var(--primary) 30%, transparent) 240deg, transparent 300deg)",
+                filter: "blur(20px)"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute inset-0 rounded-full animate-[spin_12s_linear_infinite_reverse]",
+              style: {
+                background: "conic-gradient(from 45deg, transparent 0deg, color-mix(in srgb, var(--primary) 20%, transparent) 90deg, transparent 180deg, color-mix(in srgb, var(--primary) 20%, transparent) 270deg)",
+                filter: "blur(25px)"
+              }
+            }
+          )
+        ] }),
+        isSpeaking && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute inset-0 rounded-full animate-[spin_6s_linear_infinite]",
+              style: {
+                background: "conic-gradient(from 0deg, color-mix(in srgb, var(--primary) 40%, transparent) 0deg, transparent 45deg, color-mix(in srgb, var(--primary) 40%, transparent) 90deg, transparent 135deg, color-mix(in srgb, var(--primary) 40%, transparent) 180deg, transparent 225deg, color-mix(in srgb, var(--primary) 40%, transparent) 270deg, transparent 315deg)",
+                filter: "blur(30px)"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute inset-0 rounded-full animate-pulse",
+              style: {
+                animationDuration: "2s",
+                background: "radial-gradient(circle, color-mix(in srgb, var(--primary) 30%, transparent) 0%, transparent 70%)",
+                filter: "blur(20px)"
+              }
+            }
+          )
+        ] }),
+        !isSpeaking && !isListening && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "absolute inset-0 rounded-full",
+            style: {
+              background: "radial-gradient(circle, color-mix(in srgb, var(--primary) 15%, transparent) 0%, transparent 70%)",
+              filter: "blur(25px)"
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+function AgentOrbCanvas({
+  colors = ["#000000", "#000000"],
+  seed,
+  agentState = null,
+  volumeMode = "auto",
+  manualInput,
+  manualOutput,
+  inputVolumeRef,
+  outputVolumeRef,
+  getInputVolume,
+  getOutputVolume,
+  className,
+  resizeDebounce = 100
+}) {
+  return /* @__PURE__ */ jsx("div", { className: className != null ? className : "relative h-full w-full", children: /* @__PURE__ */ jsx(
+    Canvas,
+    {
+      resize: { debounce: resizeDebounce },
+      gl: { alpha: true, antialias: true, premultipliedAlpha: true },
+      children: /* @__PURE__ */ jsx(
+        OrbScene,
+        {
+          colors,
+          seed,
+          agentState,
+          volumeMode,
+          manualInput,
+          manualOutput,
+          inputVolumeRef,
+          outputVolumeRef,
+          getInputVolume,
+          getOutputVolume
+        }
+      )
+    }
+  ) });
+}
+function OrbScene({
+  colors,
+  seed,
+  agentState,
+  volumeMode,
+  manualInput,
+  manualOutput,
+  inputVolumeRef,
+  outputVolumeRef,
+  getInputVolume,
+  getOutputVolume
+}) {
+  const { gl } = useThree();
+  const circleRef = useRef(null);
+  const initialColorsRef = useRef(colors);
+  const targetColor1Ref = useRef(new Color(colors[0]));
+  const targetColor2Ref = useRef(new Color(colors[1]));
+  const animSpeedRef = useRef(0.1);
+  const perlinNoiseTexture = useTexture(PERLIN_NOISE_URL);
+  const agentRef = useRef(agentState);
+  const modeRef = useRef(volumeMode);
+  const curInRef = useRef(0);
+  const curOutRef = useRef(0);
+  useEffect(() => {
+    agentRef.current = agentState;
+  }, [agentState]);
+  useEffect(() => {
+    modeRef.current = volumeMode;
+  }, [volumeMode]);
+  useEffect(() => {
+    targetColor1Ref.current = new Color(colors[0]);
+    targetColor2Ref.current = new Color(colors[1]);
+  }, [colors]);
+  const random = useMemo(
+    () => splitmix32(seed != null ? seed : Math.floor(Math.random() * 2 ** 32)),
+    [seed]
+  );
+  const offsets = useMemo(
+    () => new Float32Array(Array.from({ length: 7 }, () => random() * Math.PI * 2)),
+    [random]
+  );
+  useEffect(() => {
+    const apply = () => {
+      if (!circleRef.current) return;
+      const isDark = document.documentElement.classList.contains("dark");
+      circleRef.current.material.uniforms.uInverted.value = isDark ? 1 : 0;
+    };
+    apply();
+    const observer = new MutationObserver(apply);
+    observer.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
+    return () => observer.disconnect();
+  }, []);
+  useFrame((_, delta) => {
+    var _a, _b, _c, _d, _e;
+    const mat = (_a = circleRef.current) == null ? void 0 : _a.material;
+    if (!mat) return;
+    const u = mat.uniforms;
+    u.uTime.value += delta * 0.5;
+    if (u.uOpacity.value < 1) {
+      u.uOpacity.value = Math.min(1, u.uOpacity.value + delta * 2);
+    }
+    let targetIn = 0;
+    let targetOut = 0.3;
+    if (modeRef.current === "manual") {
+      targetIn = clamp01((_c = (_b = manualInput != null ? manualInput : inputVolumeRef == null ? void 0 : inputVolumeRef.current) != null ? _b : getInputVolume == null ? void 0 : getInputVolume()) != null ? _c : 0);
+      targetOut = clamp01((_e = (_d = manualOutput != null ? manualOutput : outputVolumeRef == null ? void 0 : outputVolumeRef.current) != null ? _d : getOutputVolume == null ? void 0 : getOutputVolume()) != null ? _e : 0);
+    } else {
+      const t = u.uTime.value * 2;
+      if (agentRef.current === null) {
+        targetIn = 0;
+        targetOut = 0.3;
+      } else if (agentRef.current === "listening") {
+        targetIn = clamp01(0.55 + Math.sin(t * 3.2) * 0.35);
+        targetOut = 0.45;
+      } else if (agentRef.current === "talking") {
+        targetIn = clamp01(0.65 + Math.sin(t * 4.8) * 0.22);
+        targetOut = clamp01(0.75 + Math.sin(t * 3.6) * 0.22);
+      } else {
+        const base = 0.38 + 0.07 * Math.sin(t * 0.7);
+        const wander = 0.05 * Math.sin(t * 2.1) * Math.sin(t * 0.37 + 1.2);
+        targetIn = clamp01(base + wander);
+        targetOut = clamp01(0.48 + 0.12 * Math.sin(t * 1.05 + 0.6));
+      }
+    }
+    curInRef.current += (targetIn - curInRef.current) * 0.2;
+    curOutRef.current += (targetOut - curOutRef.current) * 0.2;
+    const targetSpeed = 0.1 + (1 - Math.pow(curOutRef.current - 1, 2)) * 0.9;
+    animSpeedRef.current += (targetSpeed - animSpeedRef.current) * 0.12;
+    u.uAnimation.value += delta * animSpeedRef.current;
+    u.uInputVolume.value = curInRef.current;
+    u.uOutputVolume.value = curOutRef.current;
+    u.uColor1.value.lerp(targetColor1Ref.current, 0.08);
+    u.uColor2.value.lerp(targetColor2Ref.current, 0.08);
+  });
+  useEffect(() => {
+    const canvas = gl.domElement;
+    const onContextLost = (event) => {
+      event.preventDefault();
+      setTimeout(() => {
+        gl.forceContextRestore();
+      }, 1);
+    };
+    canvas.addEventListener("webglcontextlost", onContextLost, false);
+    return () => canvas.removeEventListener("webglcontextlost", onContextLost, false);
+  }, [gl]);
+  const uniforms = useMemo(() => {
+    perlinNoiseTexture.wrapS = RepeatWrapping;
+    perlinNoiseTexture.wrapT = RepeatWrapping;
+    const isDark = typeof document !== "undefined" && document.documentElement.classList.contains("dark");
+    return {
+      uColor1: new Uniform(new Color(initialColorsRef.current[0])),
+      uColor2: new Uniform(new Color(initialColorsRef.current[1])),
+      uOffsets: { value: offsets },
+      uPerlinTexture: new Uniform(perlinNoiseTexture),
+      uTime: new Uniform(0),
+      uAnimation: new Uniform(0.1),
+      uInverted: new Uniform(isDark ? 1 : 0),
+      uInputVolume: new Uniform(0),
+      uOutputVolume: new Uniform(0),
+      uOpacity: new Uniform(0)
+    };
+  }, [perlinNoiseTexture, offsets]);
+  return /* @__PURE__ */ jsxs("mesh", { ref: circleRef, children: [
+    /* @__PURE__ */ jsx("circleGeometry", { args: [3.5, 64] }),
+    /* @__PURE__ */ jsx(
+      "shaderMaterial",
+      {
+        uniforms,
+        fragmentShader,
+        vertexShader,
+        transparent: true
+      }
+    )
+  ] });
+}
+function splitmix32(a) {
+  return function() {
+    a |= 0;
+    a = a + 2654435769 | 0;
+    let t = a ^ a >>> 16;
+    t = Math.imul(t, 569420461);
+    t = t ^ t >>> 15;
+    t = Math.imul(t, 1935289751);
+    return ((t = t ^ t >>> 15) >>> 0) / 4294967296;
+  };
+}
+function clamp01(n) {
+  if (!Number.isFinite(n)) return 0;
+  return Math.min(1, Math.max(0, n));
+}
+const vertexShader = (
+  /* glsl */
+  `
+uniform float uTime;
+uniform sampler2D uPerlinTexture;
+varying vec2 vUv;
+void main() {
+  vUv = uv;
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+}
+`
+);
+const fragmentShader = (
+  /* glsl */
+  `
+uniform float uTime;
+uniform float uAnimation;
+uniform float uInverted;
+uniform float uOffsets[7];
+uniform vec3 uColor1;
+uniform vec3 uColor2;
+uniform float uInputVolume;
+uniform float uOutputVolume;
+uniform float uOpacity;
+uniform sampler2D uPerlinTexture;
+varying vec2 vUv;
+
+const float PI = 3.14159265358979323846;
+
+bool drawOval(vec2 polarUv, vec2 polarCenter, float a, float b, bool reverseGradient, float softness, out vec4 color) {
+  vec2 p = polarUv - polarCenter;
+  float oval = (p.x * p.x) / (a * a) + (p.y * p.y) / (b * b);
+  float edge = smoothstep(1.0, 1.0 - softness, oval);
+  if (edge > 0.0) {
+    float gradient = reverseGradient ? (1.0 - (p.x / a + 1.0) / 2.0) : ((p.x / a + 1.0) / 2.0);
+    gradient = mix(0.5, gradient, 0.1);
+    color = vec4(vec3(gradient), 0.85 * edge);
+    return true;
+  }
+  return false;
+}
+
+vec3 colorRamp(float grayscale, vec3 color1, vec3 color2, vec3 color3, vec3 color4) {
+  if (grayscale < 0.33) return mix(color1, color2, grayscale * 3.0);
+  else if (grayscale < 0.66) return mix(color2, color3, (grayscale - 0.33) * 3.0);
+  else return mix(color3, color4, (grayscale - 0.66) * 3.0);
+}
+
+vec2 hash2(vec2 p) {
+  return fract(sin(vec2(dot(p, vec2(127.1, 311.7)), dot(p, vec2(269.5, 183.3)))) * 43758.5453);
+}
+
+float noise2D(vec2 p) {
+  vec2 i = floor(p);
+  vec2 f = fract(p);
+  vec2 u = f * f * (3.0 - 2.0 * f);
+  float n = mix(
+    mix(dot(hash2(i + vec2(0.0, 0.0)), f - vec2(0.0, 0.0)),
+        dot(hash2(i + vec2(1.0, 0.0)), f - vec2(1.0, 0.0)), u.x),
+    mix(dot(hash2(i + vec2(0.0, 1.0)), f - vec2(0.0, 1.0)),
+        dot(hash2(i + vec2(1.0, 1.0)), f - vec2(1.0, 1.0)), u.x),
+    u.y
+  );
+  return 0.5 + 0.5 * n;
+}
+
+float sharpRing(vec3 decomposed, float time) {
+  float ringStart = 1.0;
+  float ringWidth = 0.3;
+  float noiseScale = 5.0;
+  float noise = mix(
+    noise2D(vec2(decomposed.x, time) * noiseScale),
+    noise2D(vec2(decomposed.y, time) * noiseScale),
+    decomposed.z
+  );
+  noise = (noise - 0.5) * 2.5;
+  return ringStart + noise * ringWidth * 1.5;
+}
+
+float smoothRing(vec3 decomposed, float time) {
+  float ringStart = 0.9;
+  float ringWidth = 0.2;
+  float noiseScale = 6.0;
+  float noise = mix(
+    noise2D(vec2(decomposed.x, time) * noiseScale),
+    noise2D(vec2(decomposed.y, time) * noiseScale),
+    decomposed.z
+  );
+  noise = (noise - 0.5) * 5.0;
+  return ringStart + noise * ringWidth;
+}
+
+float flow(vec3 decomposed, float time) {
+  return mix(
+    texture(uPerlinTexture, vec2(time, decomposed.x / 2.0)).r,
+    texture(uPerlinTexture, vec2(time, decomposed.y / 2.0)).r,
+    decomposed.z
+  );
+}
+
+void main() {
+  vec2 uv = vUv * 2.0 - 1.0;
+  float radius = length(uv);
+  float theta = atan(uv.y, uv.x);
+  if (theta < 0.0) theta += 2.0 * PI;
+
+  vec3 decomposed = vec3(
+    theta / (2.0 * PI),
+    mod(theta / (2.0 * PI) + 0.5, 1.0) + 1.0,
+    abs(theta / PI - 1.0)
+  );
+
+  float noise = flow(decomposed, radius * 0.03 - uAnimation * 0.2) - 0.5;
+  theta += noise * mix(0.08, 0.25, uOutputVolume);
+
+  vec4 color = vec4(1.0, 1.0, 1.0, 1.0);
+  float originalCenters[7] = float[7](0.0, 0.5 * PI, 1.0 * PI, 1.5 * PI, 2.0 * PI, 2.5 * PI, 3.0 * PI);
+  float centers[7];
+  for (int i = 0; i < 7; i++) {
+    centers[i] = originalCenters[i] + 0.5 * sin(uTime / 20.0 + uOffsets[i]);
+  }
+  float a, b;
+  vec4 ovalColor;
+  for (int i = 0; i < 7; i++) {
+    float noise = texture(uPerlinTexture, vec2(mod(centers[i] + uTime * 0.05, 1.0), 0.5)).r;
+    a = 0.5 + noise * 0.3;
+    b = noise * mix(3.5, 2.5, uInputVolume);
+    bool reverseGradient = (i % 2 == 1);
+    float distTheta = min(abs(theta - centers[i]), min(abs(theta + 2.0 * PI - centers[i]), abs(theta - 2.0 * PI - centers[i])));
+    float distRadius = radius;
+    float softness = 0.6;
+    if (drawOval(vec2(distTheta, distRadius), vec2(0.0, 0.0), a, b, reverseGradient, softness, ovalColor)) {
+      color.rgb = mix(color.rgb, ovalColor.rgb, ovalColor.a);
+      color.a = max(color.a, ovalColor.a);
+    }
+  }
+
+  float ringRadius1 = sharpRing(decomposed, uTime * 0.1);
+  float ringRadius2 = smoothRing(decomposed, uTime * 0.1);
+  float inputRadius1 = radius + uInputVolume * 0.2;
+  float inputRadius2 = radius + uInputVolume * 0.15;
+  float opacity1 = mix(0.2, 0.6, uInputVolume);
+  float opacity2 = mix(0.15, 0.45, uInputVolume);
+  float ringAlpha1 = (inputRadius2 >= ringRadius1) ? opacity1 : 0.0;
+  float ringAlpha2 = smoothstep(ringRadius2 - 0.05, ringRadius2 + 0.05, inputRadius1) * opacity2;
+  float totalRingAlpha = max(ringAlpha1, ringAlpha2);
+  vec3 ringColor = vec3(1.0);
+  color.rgb = 1.0 - (1.0 - color.rgb) * (1.0 - ringColor * totalRingAlpha);
+
+  vec3 color1 = vec3(0.0, 0.0, 0.0);
+  vec3 color2 = uColor1;
+  vec3 color3 = uColor2;
+  vec3 color4 = vec3(1.0, 1.0, 1.0);
+  float luminance = mix(color.r, 1.0 - color.r, uInverted);
+  color.rgb = colorRamp(luminance, color1, color2, color3, color4);
+  color.a *= uOpacity;
+  gl_FragColor = color;
+}
+`
+);
+export {
+  AgentOrb,
+  AgentOrbCanvas
+};
+//# sourceMappingURL=agent-orb.js.map

package/dist/three/agent-orb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/three/agent-orb.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useEffect, useMemo, useRef } from \"react\"\nimport { useTexture } from \"@react-three/drei\"\nimport { Canvas, useFrame, useThree } from \"@react-three/fiber\"\nimport {\n  Color,\n  Uniform,\n  RepeatWrapping,\n  type Mesh,\n  type CircleGeometry,\n  type ShaderMaterial,\n} from \"three\"\nimport { cn } from \"../lib/utils\"\n\nexport type AgentOrbState = null | \"thinking\" | \"listening\" | \"talking\"\n\nexport interface AgentOrbProps {\n  state?: AgentOrbState\n  colors?: [string, string]\n  volumeMode?: \"auto\" | \"manual\"\n  manualInput?: number\n  manualOutput?: number\n  inputVolumeRef?: React.RefObject<number>\n  outputVolumeRef?: React.RefObject<number>\n  getInputVolume?: () => number\n  getOutputVolume?: () => number\n  seed?: number\n  showGlow?: boolean\n  className?: string\n}\n\nconst PERLIN_NOISE_URL =\n  \"https://storage.googleapis.com/eleven-public-cdn/images/perlin-noise.png\"\n\n/**\n * Full AgentOrb with optional CSS glow wrapper.\n * Colors default to CSS `--primary` via computed style at mount time.\n */\nexport function AgentOrb({\n  state = null,\n  colors,\n  volumeMode = \"auto\",\n  manualInput,\n  manualOutput,\n  inputVolumeRef,\n  outputVolumeRef,\n  getInputVolume,\n  getOutputVolume,\n  seed,\n  showGlow = true,\n  className,\n}: AgentOrbProps) {\n  const resolvedColors = useResolvedColors(colors)\n  const isSpeaking = state === \"talking\"\n  const isListening = state === \"listening\"\n\n  return (\n    <div className={cn(\"relative h-full w-full\", className)}>\n      {showGlow && (\n        <GlowLayer\n          isSpeaking={isSpeaking}\n          isListening={isListening}\n        />\n      )}\n      <div\n        className={cn(\n          \"relative z-10 w-full h-full transition-transform duration-700 ease-out\",\n          isListening ? \"scale-90\" : \"scale-100\",\n        )}\n      >\n        <AgentOrbCanvas\n          colors={resolvedColors}\n          seed={seed}\n          agentState={state}\n          volumeMode={volumeMode}\n          manualInput={manualInput}\n          manualOutput={manualOutput}\n          inputVolumeRef={inputVolumeRef}\n          outputVolumeRef={outputVolumeRef}\n          getInputVolume={getInputVolume}\n          getOutputVolume={getOutputVolume}\n          className=\"w-full h-full\"\n        />\n      </div>\n    </div>\n  )\n}\n\nfunction useResolvedColors(colors?: [string, string]): [string, string] {\n  const ref = useRef<[string, string]>(colors ?? [\"#000000\", \"#000000\"])\n\n  useEffect(() => {\n    if (colors) {\n      ref.current = colors\n      return\n    }\n    if (typeof document === \"undefined\") return\n    const style = getComputedStyle(document.documentElement)\n    const primary = style.getPropertyValue(\"--primary\").trim() || \"#000000\"\n    ref.current = [primary, primary]\n  }, [colors])\n\n  return ref.current\n}\n\n/* ----- Glow Layer (CSS animations) ----- */\n\nfunction GlowLayer({ isSpeaking, isListening }: { isSpeaking: boolean; isListening: boolean }) {\n  return (\n    <div\n      className={cn(\n        \"absolute inset-0 flex items-center justify-center transition-all duration-700 ease-out\",\n        isListening ? \"scale-90\" : \"scale-100\",\n      )}\n    >\n      {isListening && (\n        <>\n          <div\n            className=\"absolute inset-0 rounded-full animate-[spin_8s_linear_infinite]\"\n            style={{\n              background:\n                \"conic-gradient(from 0deg, color-mix(in srgb, var(--primary) 30%, transparent) 0deg, transparent 60deg, color-mix(in srgb, var(--primary) 30%, transparent) 120deg, transparent 180deg, color-mix(in srgb, var(--primary) 30%, transparent) 240deg, transparent 300deg)\",\n              filter: \"blur(20px)\",\n            }}\n          />\n          <div\n            className=\"absolute inset-0 rounded-full animate-[spin_12s_linear_infinite_reverse]\"\n            style={{\n              background:\n                \"conic-gradient(from 45deg, transparent 0deg, color-mix(in srgb, var(--primary) 20%, transparent) 90deg, transparent 180deg, color-mix(in srgb, var(--primary) 20%, transparent) 270deg)\",\n              filter: \"blur(25px)\",\n            }}\n          />\n        </>\n      )}\n\n      {isSpeaking && (\n        <>\n          <div\n            className=\"absolute inset-0 rounded-full animate-[spin_6s_linear_infinite]\"\n            style={{\n              background:\n                \"conic-gradient(from 0deg, color-mix(in srgb, var(--primary) 40%, transparent) 0deg, transparent 45deg, color-mix(in srgb, var(--primary) 40%, transparent) 90deg, transparent 135deg, color-mix(in srgb, var(--primary) 40%, transparent) 180deg, transparent 225deg, color-mix(in srgb, var(--primary) 40%, transparent) 270deg, transparent 315deg)\",\n              filter: \"blur(30px)\",\n            }}\n          />\n          <div\n            className=\"absolute inset-0 rounded-full animate-pulse\"\n            style={{\n              animationDuration: \"2s\",\n              background:\n                \"radial-gradient(circle, color-mix(in srgb, var(--primary) 30%, transparent) 0%, transparent 70%)\",\n              filter: \"blur(20px)\",\n            }}\n          />\n        </>\n      )}\n\n      {!isSpeaking && !isListening && (\n        <div\n          className=\"absolute inset-0 rounded-full\"\n          style={{\n            background:\n              \"radial-gradient(circle, color-mix(in srgb, var(--primary) 15%, transparent) 0%, transparent 70%)\",\n            filter: \"blur(25px)\",\n          }}\n        />\n      )}\n    </div>\n  )\n}\n\n/* ----- Raw Three.js Canvas (exported for advanced use) ----- */\n\ninterface AgentOrbCanvasProps {\n  colors?: [string, string]\n  seed?: number\n  agentState?: AgentOrbState\n  volumeMode?: \"auto\" | \"manual\"\n  manualInput?: number\n  manualOutput?: number\n  inputVolumeRef?: React.RefObject<number>\n  outputVolumeRef?: React.RefObject<number>\n  getInputVolume?: () => number\n  getOutputVolume?: () => number\n  className?: string\n  resizeDebounce?: number\n}\n\nexport function AgentOrbCanvas({\n  colors = [\"#000000\", \"#000000\"],\n  seed,\n  agentState = null,\n  volumeMode = \"auto\",\n  manualInput,\n  manualOutput,\n  inputVolumeRef,\n  outputVolumeRef,\n  getInputVolume,\n  getOutputVolume,\n  className,\n  resizeDebounce = 100,\n}: AgentOrbCanvasProps) {\n  return (\n    <div className={className ?? \"relative h-full w-full\"}>\n      <Canvas\n        resize={{ debounce: resizeDebounce }}\n        gl={{ alpha: true, antialias: true, premultipliedAlpha: true }}\n      >\n        <OrbScene\n          colors={colors}\n          seed={seed}\n          agentState={agentState}\n          volumeMode={volumeMode}\n          manualInput={manualInput}\n          manualOutput={manualOutput}\n          inputVolumeRef={inputVolumeRef}\n          outputVolumeRef={outputVolumeRef}\n          getInputVolume={getInputVolume}\n          getOutputVolume={getOutputVolume}\n        />\n      </Canvas>\n    </div>\n  )\n}\n\n/* ----- Internal Scene ----- */\n\nfunction OrbScene({\n  colors,\n  seed,\n  agentState,\n  volumeMode,\n  manualInput,\n  manualOutput,\n  inputVolumeRef,\n  outputVolumeRef,\n  getInputVolume,\n  getOutputVolume,\n}: {\n  colors: [string, string]\n  seed?: number\n  agentState: AgentOrbState\n  volumeMode: \"auto\" | \"manual\"\n  manualInput?: number\n  manualOutput?: number\n  inputVolumeRef?: React.RefObject<number>\n  outputVolumeRef?: React.RefObject<number>\n  getInputVolume?: () => number\n  getOutputVolume?: () => number\n}) {\n  const { gl } = useThree()\n  const circleRef = useRef<Mesh<CircleGeometry, ShaderMaterial>>(null)\n  const initialColorsRef = useRef<[string, string]>(colors)\n  const targetColor1Ref = useRef(new Color(colors[0]))\n  const targetColor2Ref = useRef(new Color(colors[1]))\n  const animSpeedRef = useRef(0.1)\n  const perlinNoiseTexture = useTexture(PERLIN_NOISE_URL)\n\n  const agentRef = useRef<AgentOrbState>(agentState)\n  const modeRef = useRef<\"auto\" | \"manual\">(volumeMode)\n  const curInRef = useRef(0)\n  const curOutRef = useRef(0)\n\n  useEffect(() => { agentRef.current = agentState }, [agentState])\n  useEffect(() => { modeRef.current = volumeMode }, [volumeMode])\n  useEffect(() => {\n    targetColor1Ref.current = new Color(colors[0])\n    targetColor2Ref.current = new Color(colors[1])\n  }, [colors])\n\n  const random = useMemo(\n    () => splitmix32(seed ?? Math.floor(Math.random() * 2 ** 32)),\n    [seed],\n  )\n  const offsets = useMemo(\n    () => new Float32Array(Array.from({ length: 7 }, () => random() * Math.PI * 2)),\n    [random],\n  )\n\n  useEffect(() => {\n    const apply = () => {\n      if (!circleRef.current) return\n      const isDark = document.documentElement.classList.contains(\"dark\")\n      circleRef.current.material.uniforms.uInverted.value = isDark ? 1 : 0\n    }\n    apply()\n    const observer = new MutationObserver(apply)\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: [\"class\"] })\n    return () => observer.disconnect()\n  }, [])\n\n  useFrame((_, delta: number) => {\n    const mat = circleRef.current?.material\n    if (!mat) return\n    const u = mat.uniforms\n    u.uTime.value += delta * 0.5\n\n    if (u.uOpacity.value < 1) {\n      u.uOpacity.value = Math.min(1, u.uOpacity.value + delta * 2)\n    }\n\n    let targetIn = 0\n    let targetOut = 0.3\n    if (modeRef.current === \"manual\") {\n      targetIn = clamp01(manualInput ?? inputVolumeRef?.current ?? getInputVolume?.() ?? 0)\n      targetOut = clamp01(manualOutput ?? outputVolumeRef?.current ?? getOutputVolume?.() ?? 0)\n    } else {\n      const t = u.uTime.value * 2\n      if (agentRef.current === null) {\n        targetIn = 0; targetOut = 0.3\n      } else if (agentRef.current === \"listening\") {\n        targetIn = clamp01(0.55 + Math.sin(t * 3.2) * 0.35); targetOut = 0.45\n      } else if (agentRef.current === \"talking\") {\n        targetIn = clamp01(0.65 + Math.sin(t * 4.8) * 0.22)\n        targetOut = clamp01(0.75 + Math.sin(t * 3.6) * 0.22)\n      } else {\n        const base = 0.38 + 0.07 * Math.sin(t * 0.7)\n        const wander = 0.05 * Math.sin(t * 2.1) * Math.sin(t * 0.37 + 1.2)\n        targetIn = clamp01(base + wander)\n        targetOut = clamp01(0.48 + 0.12 * Math.sin(t * 1.05 + 0.6))\n      }\n    }\n\n    curInRef.current += (targetIn - curInRef.current) * 0.2\n    curOutRef.current += (targetOut - curOutRef.current) * 0.2\n\n    const targetSpeed = 0.1 + (1 - Math.pow(curOutRef.current - 1, 2)) * 0.9\n    animSpeedRef.current += (targetSpeed - animSpeedRef.current) * 0.12\n\n    u.uAnimation.value += delta * animSpeedRef.current\n    u.uInputVolume.value = curInRef.current\n    u.uOutputVolume.value = curOutRef.current\n    u.uColor1.value.lerp(targetColor1Ref.current, 0.08)\n    u.uColor2.value.lerp(targetColor2Ref.current, 0.08)\n  })\n\n  useEffect(() => {\n    const canvas = gl.domElement\n    const onContextLost = (event: Event) => {\n      event.preventDefault()\n      setTimeout(() => { gl.forceContextRestore() }, 1)\n    }\n    canvas.addEventListener(\"webglcontextlost\", onContextLost, false)\n    return () => canvas.removeEventListener(\"webglcontextlost\", onContextLost, false)\n  }, [gl])\n\n  const uniforms = useMemo(() => {\n    perlinNoiseTexture.wrapS = RepeatWrapping\n    perlinNoiseTexture.wrapT = RepeatWrapping\n    const isDark =\n      typeof document !== \"undefined\" && document.documentElement.classList.contains(\"dark\")\n    return {\n      uColor1: new Uniform(new Color(initialColorsRef.current[0])),\n      uColor2: new Uniform(new Color(initialColorsRef.current[1])),\n      uOffsets: { value: offsets },\n      uPerlinTexture: new Uniform(perlinNoiseTexture),\n      uTime: new Uniform(0),\n      uAnimation: new Uniform(0.1),\n      uInverted: new Uniform(isDark ? 1 : 0),\n      uInputVolume: new Uniform(0),\n      uOutputVolume: new Uniform(0),\n      uOpacity: new Uniform(0),\n    }\n  }, [perlinNoiseTexture, offsets])\n\n  return (\n    <mesh ref={circleRef}>\n      <circleGeometry args={[3.5, 64]} />\n      <shaderMaterial\n        uniforms={uniforms}\n        fragmentShader={fragmentShader}\n        vertexShader={vertexShader}\n        transparent\n      />\n    </mesh>\n  )\n}\n\n/* ----- Utilities ----- */\n\nfunction splitmix32(a: number) {\n  return function () {\n    a |= 0\n    a = (a + 0x9e3779b9) | 0\n    let t = a ^ (a >>> 16)\n    t = Math.imul(t, 0x21f0aaad)\n    t = t ^ (t >>> 15)\n    t = Math.imul(t, 0x735a2d97)\n    return ((t = t ^ (t >>> 15)) >>> 0) / 4294967296\n  }\n}\n\nfunction clamp01(n: number) {\n  if (!Number.isFinite(n)) return 0\n  return Math.min(1, Math.max(0, n))\n}\n\n/* ----- Shaders ----- */\n\nconst vertexShader = /* glsl */ `\nuniform float uTime;\nuniform sampler2D uPerlinTexture;\nvarying vec2 vUv;\nvoid main() {\n  vUv = uv;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n`\n\nconst fragmentShader = /* glsl */ `\nuniform float uTime;\nuniform float uAnimation;\nuniform float uInverted;\nuniform float uOffsets[7];\nuniform vec3 uColor1;\nuniform vec3 uColor2;\nuniform float uInputVolume;\nuniform float uOutputVolume;\nuniform float uOpacity;\nuniform sampler2D uPerlinTexture;\nvarying vec2 vUv;\n\nconst float PI = 3.14159265358979323846;\n\nbool drawOval(vec2 polarUv, vec2 polarCenter, float a, float b, bool reverseGradient, float softness, out vec4 color) {\n  vec2 p = polarUv - polarCenter;\n  float oval = (p.x * p.x) / (a * a) + (p.y * p.y) / (b * b);\n  float edge = smoothstep(1.0, 1.0 - softness, oval);\n  if (edge > 0.0) {\n    float gradient = reverseGradient ? (1.0 - (p.x / a + 1.0) / 2.0) : ((p.x / a + 1.0) / 2.0);\n    gradient = mix(0.5, gradient, 0.1);\n    color = vec4(vec3(gradient), 0.85 * edge);\n    return true;\n  }\n  return false;\n}\n\nvec3 colorRamp(float grayscale, vec3 color1, vec3 color2, vec3 color3, vec3 color4) {\n  if (grayscale < 0.33) return mix(color1, color2, grayscale * 3.0);\n  else if (grayscale < 0.66) return mix(color2, color3, (grayscale - 0.33) * 3.0);\n  else return mix(color3, color4, (grayscale - 0.66) * 3.0);\n}\n\nvec2 hash2(vec2 p) {\n  return fract(sin(vec2(dot(p, vec2(127.1, 311.7)), dot(p, vec2(269.5, 183.3)))) * 43758.5453);\n}\n\nfloat noise2D(vec2 p) {\n  vec2 i = floor(p);\n  vec2 f = fract(p);\n  vec2 u = f * f * (3.0 - 2.0 * f);\n  float n = mix(\n    mix(dot(hash2(i + vec2(0.0, 0.0)), f - vec2(0.0, 0.0)),\n        dot(hash2(i + vec2(1.0, 0.0)), f - vec2(1.0, 0.0)), u.x),\n    mix(dot(hash2(i + vec2(0.0, 1.0)), f - vec2(0.0, 1.0)),\n        dot(hash2(i + vec2(1.0, 1.0)), f - vec2(1.0, 1.0)), u.x),\n    u.y\n  );\n  return 0.5 + 0.5 * n;\n}\n\nfloat sharpRing(vec3 decomposed, float time) {\n  float ringStart = 1.0;\n  float ringWidth = 0.3;\n  float noiseScale = 5.0;\n  float noise = mix(\n    noise2D(vec2(decomposed.x, time) * noiseScale),\n    noise2D(vec2(decomposed.y, time) * noiseScale),\n    decomposed.z\n  );\n  noise = (noise - 0.5) * 2.5;\n  return ringStart + noise * ringWidth * 1.5;\n}\n\nfloat smoothRing(vec3 decomposed, float time) {\n  float ringStart = 0.9;\n  float ringWidth = 0.2;\n  float noiseScale = 6.0;\n  float noise = mix(\n    noise2D(vec2(decomposed.x, time) * noiseScale),\n    noise2D(vec2(decomposed.y, time) * noiseScale),\n    decomposed.z\n  );\n  noise = (noise - 0.5) * 5.0;\n  return ringStart + noise * ringWidth;\n}\n\nfloat flow(vec3 decomposed, float time) {\n  return mix(\n    texture(uPerlinTexture, vec2(time, decomposed.x / 2.0)).r,\n    texture(uPerlinTexture, vec2(time, decomposed.y / 2.0)).r,\n    decomposed.z\n  );\n}\n\nvoid main() {\n  vec2 uv = vUv * 2.0 - 1.0;\n  float radius = length(uv);\n  float theta = atan(uv.y, uv.x);\n  if (theta < 0.0) theta += 2.0 * PI;\n\n  vec3 decomposed = vec3(\n    theta / (2.0 * PI),\n    mod(theta / (2.0 * PI) + 0.5, 1.0) + 1.0,\n    abs(theta / PI - 1.0)\n  );\n\n  float noise = flow(decomposed, radius * 0.03 - uAnimation * 0.2) - 0.5;\n  theta += noise * mix(0.08, 0.25, uOutputVolume);\n\n  vec4 color = vec4(1.0, 1.0, 1.0, 1.0);\n  float originalCenters[7] = float[7](0.0, 0.5 * PI, 1.0 * PI, 1.5 * PI, 2.0 * PI, 2.5 * PI, 3.0 * PI);\n  float centers[7];\n  for (int i = 0; i < 7; i++) {\n    centers[i] = originalCenters[i] + 0.5 * sin(uTime / 20.0 + uOffsets[i]);\n  }\n  float a, b;\n  vec4 ovalColor;\n  for (int i = 0; i < 7; i++) {\n    float noise = texture(uPerlinTexture, vec2(mod(centers[i] + uTime * 0.05, 1.0), 0.5)).r;\n    a = 0.5 + noise * 0.3;\n    b = noise * mix(3.5, 2.5, uInputVolume);\n    bool reverseGradient = (i % 2 == 1);\n    float distTheta = min(abs(theta - centers[i]), min(abs(theta + 2.0 * PI - centers[i]), abs(theta - 2.0 * PI - centers[i])));\n    float distRadius = radius;\n    float softness = 0.6;\n    if (drawOval(vec2(distTheta, distRadius), vec2(0.0, 0.0), a, b, reverseGradient, softness, ovalColor)) {\n      color.rgb = mix(color.rgb, ovalColor.rgb, ovalColor.a);\n      color.a = max(color.a, ovalColor.a);\n    }\n  }\n\n  float ringRadius1 = sharpRing(decomposed, uTime * 0.1);\n  float ringRadius2 = smoothRing(decomposed, uTime * 0.1);\n  float inputRadius1 = radius + uInputVolume * 0.2;\n  float inputRadius2 = radius + uInputVolume * 0.15;\n  float opacity1 = mix(0.2, 0.6, uInputVolume);\n  float opacity2 = mix(0.15, 0.45, uInputVolume);\n  float ringAlpha1 = (inputRadius2 >= ringRadius1) ? opacity1 : 0.0;\n  float ringAlpha2 = smoothstep(ringRadius2 - 0.05, ringRadius2 + 0.05, inputRadius1) * opacity2;\n  float totalRingAlpha = max(ringAlpha1, ringAlpha2);\n  vec3 ringColor = vec3(1.0);\n  color.rgb = 1.0 - (1.0 - color.rgb) * (1.0 - ringColor * totalRingAlpha);\n\n  vec3 color1 = vec3(0.0, 0.0, 0.0);\n  vec3 color2 = uColor1;\n  vec3 color3 = uColor2;\n  vec3 color4 = vec3(1.0, 1.0, 1.0);\n  float luminance = mix(color.r, 1.0 - color.r, uInverted);\n  color.rgb = colorRamp(luminance, color1, color2, color3, color4);\n  color.a *= uOpacity;\n  gl_FragColor = color;\n}\n`\n"],"mappings":"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","names":[]}

package/dist/three/index.d.ts

@@ -0,0 +1,2 @@
+export { AgentOrb, AgentOrbCanvas, AgentOrbProps, AgentOrbState } from './agent-orb.js';
+import 'react';

package/dist/three/index.js

@@ -0,0 +1,2 @@
+export * from "./agent-orb.js";
+//# sourceMappingURL=index.js.map

package/dist/three/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/three/index.ts"],"sourcesContent":["/**\n * @handled-ai/design-system/three\n * Three.js / WebGL components\n */\nexport * from \"./agent-orb\"\n"],"mappings":"AAIA,cAAc;","names":[]}