AI Orb

"use client";

// An assistant orb: a glass sphere filled with a living mesh gradient. Up to
// five pools of colour drift over a deep base, warped by noise so their borders
// flow, and blend smoothly without ever leaving a gap. Glass shading gives it
// volume: a darker limb, a thin bright rim and a caustic where light focuses
// at the bottom. Everything happens inside the
// orb; nothing glows past its edge.
//   rest       slow drift and a gentle breath
//   listening  ripples run inward and the bright pools swell with the voice
//   thinking   the colours wind into a turning vortex
//   speaking   ripples push outward and the orb pulses with each syllable
// `level` drives listening and speaking from a real input (mic volume);
// without it, a speech-like rhythm is simulated. One WebGL pass. Sleeps off
// screen, renders fewer pixels on low-end devices, holds still for reduced motion.

import { useEffect, useRef } from "react";
import { cn } from "@/lib/utils";

export type AiOrbMode = "rest" | "listening" | "thinking" | "speaking";

// One-hue themes: a deep base, then five shades from dark to light. Each ramp
// drifts in hue a little (darks warmer or cooler than lights) so it reads rich
// rather than flat. For several hues, pass your own `colors`.