@actioneer/ads 0.3.0 → 0.4.0

package/components/ai-elements/tool.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx as o, jsxs as l } from "react/jsx-runtime";
 import { isValidElement as c } from "react";
-import { Collapsible as u, CollapsibleContent as m, CollapsibleTrigger as p } from "../collapsible.js";
+import { Collapsible as u, CollapsibleTrigger as m, CollapsibleContent as p } from "../collapsible.js";
 import { Badge as f } from "../badge.js";
 import { Wrench as g, ChevronDown as h, CloseCircle as x, CheckCircle as b, Clock as N, CircleDashed as v } from "../../lib/icons.js";
-import { cn as r } from "../../lib/cn.js";
+import { cn as n } from "../../lib/cn.js";
 const w = ({ className: e, ...t }) => /* @__PURE__ */ o(
   u,
   {
-    className: r(
+    className: n(
       "not-prose group/tool w-full overflow-hidden rounded-xl bg-card",
       e
     ),
@@ -22,12 +22,12 @@ const y = {
   "output-available": { label: "Completed", color: "success", icon: b },
   "output-error": { label: "Error", color: "danger", icon: x }
 }, C = ({ state: e }) => {
-  const { label: t, color: n, icon: a, pulse: i } = y[e];
-  return /* @__PURE__ */ l(f, { variant: "soft", color: n, children: [
+  const { label: t, color: r, icon: a, pulse: i } = y[e];
+  return /* @__PURE__ */ l(f, { variant: "soft", color: r, children: [
     /* @__PURE__ */ o(
       a,
       {
-        className: r(
+        className: n(
           "size-3",
           i && "animate-pulse motion-reduce:animate-none"
         ),
@@ -43,14 +43,14 @@ function T(e) {
 const S = ({
   className: e,
   title: t,
-  type: n,
+  type: r,
   state: a,
   ...i
 }) => /* @__PURE__ */ l(
-  p,
+  m,
   {
-    className: r(
-      "group/tool-header flex w-full items-center justify-between gap-4 px-4 py-3 text-left transition-colors hover:bg-muted motion-reduce:transition-none",
+    className: n(
+      "group/tool-header flex w-full items-center justify-between gap-4 py-3 text-left transition-colors hover:text-primary motion-reduce:transition-none",
       "outline-none focus-visible:ring-3 focus-visible:ring-ring",
       e
     ),
@@ -58,7 +58,7 @@ const S = ({
     children: [
       /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ o(g, { className: "size-4 shrink-0 text-tertiary", "aria-hidden": !0 }),
-        /* @__PURE__ */ o("span", { className: "font-medium text-base", children: t ?? T(n) }),
+        /* @__PURE__ */ o("span", { className: "font-medium text-base", children: t ?? T(r) }),
         /* @__PURE__ */ o(C, { state: a })
       ] }),
       /* @__PURE__ */ o(
@@ -73,9 +73,9 @@ const S = ({
 );
 S.displayName = "ToolHeader";
 const j = ({ className: e, ...t }) => /* @__PURE__ */ o(
-  m,
+  p,
   {
-    className: r(
+    className: n(
       "overflow-hidden text-foreground outline-none",
       "data-[state=closed]:pointer-events-none",
       e
@@ -90,13 +90,13 @@ const s = ({
 }) => /* @__PURE__ */ o(
   "pre",
   {
-    className: r(
+    className: n(
       "overflow-x-auto rounded-md bg-surface p-3 text-xs leading-relaxed text-foreground tabular-nums",
       t
     ),
     children: /* @__PURE__ */ o("code", { children: e })
   }
-), d = ({ children: e }) => /* @__PURE__ */ o("h4", { className: "text-xs font-medium uppercase tracking-wide text-tertiary", children: e }), k = ({ className: e, input: t, ...n }) => /* @__PURE__ */ l("div", { className: r("space-y-2 overflow-hidden p-4", e), ...n, children: [
+), d = ({ children: e }) => /* @__PURE__ */ o("h4", { className: "text-xs font-medium uppercase tracking-wide text-tertiary", children: e }), k = ({ className: e, input: t, ...r }) => /* @__PURE__ */ l("div", { className: n("space-y-2 overflow-hidden p-4", e), ...r, children: [
   /* @__PURE__ */ o(d, { children: "Parameters" }),
   /* @__PURE__ */ o(s, { code: JSON.stringify(t, null, 2) })
 ] });
@@ -104,11 +104,11 @@ k.displayName = "ToolInput";
 const O = (e) => typeof e == "object" && e !== null && !c(e) ? /* @__PURE__ */ o(s, { code: JSON.stringify(e, null, 2) }) : typeof e == "string" ? /* @__PURE__ */ o("div", { className: "rounded-md bg-surface p-3 text-xs leading-relaxed text-foreground whitespace-pre-wrap", children: e }) : e, P = ({
   className: e,
   output: t,
-  errorText: n,
+  errorText: r,
   ...a
-}) => t || n ? /* @__PURE__ */ l("div", { className: r("space-y-2 p-4", e), ...a, children: [
-  /* @__PURE__ */ o(d, { children: n ? "Error" : "Result" }),
-  n ? /* @__PURE__ */ o("div", { className: "rounded-md bg-danger-50 p-3 text-xs leading-relaxed text-danger-700 whitespace-pre-wrap", children: n }) : /* @__PURE__ */ o("div", { className: "overflow-x-auto text-xs text-foreground [&_table]:w-full", children: O(t) })
+}) => t || r ? /* @__PURE__ */ l("div", { className: n("space-y-2 p-4", e), ...a, children: [
+  /* @__PURE__ */ o(d, { children: r ? "Error" : "Result" }),
+  r ? /* @__PURE__ */ o("div", { className: "rounded-md bg-danger-50 p-3 text-xs leading-relaxed text-danger-700 whitespace-pre-wrap", children: r }) : /* @__PURE__ */ o("div", { className: "overflow-x-auto text-xs text-foreground [&_table]:w-full", children: O(t) })
 ] }) : null;
 P.displayName = "ToolOutput";
 export {

package/components/ai-elements/voice.d.ts

@@ -1,35 +1,51 @@
 import * as React from "react";
 /**
- * Voice — the approved ADS voice visualizers and controls.
+ * Voice — the ADS voice orb and its session controls.
  *
- * `Voice` renders three volume-reactive WebGL visuals: the original ADS orb,
- * plus LiveKit Agents UI's Aura and Wave shaders. All are driven by props, so
- * consumers keep a transport-neutral integration surface.
+ * `Voice` renders one volume-reactive WebGL orb, driven entirely by props so
+ * consumers keep a transport-neutral integration surface. Its colourway is set
+ * by `palette`; every palette is chromatic — the orb never renders greyscale —
+ * and an optional `seed` gives each agent/voice a distinct hue through the
+ * `identity` palette, so a list of voices reads as distinct rather than repeated.
  *
  * The controls (VoiceControl + friends) are standalone and props-driven — no
  * assistant-ui runtime — so they compose with any transport.
  *
- * Reduced motion: honored through `<MotionConfig reducedMotion="user">` for the
- * personas and a `reduced` freeze for every shader.
+ * Reduced motion: the shader freezes its noise field and drops volume
+ * reactivity, keeping the static coloured orb.
  */
 export type VoiceState = "idle" | "connecting" | "listening" | "thinking" | "speaking" | "muted" | "asleep";
-export type VoiceVariant = "orb" | "aura" | "wave";
-export declare const VOICE_PALETTES: readonly ["default", "blue", "violet", "emerald", "sunset"];
+/** The orb is the sole visual; `variant` is retained for API stability. */
+export type VoiceVariant = "orb";
+export declare const VOICE_PALETTES: readonly ["default", "identity", "blue", "violet", "emerald", "sunset"];
 export type VoicePalette = (typeof VOICE_PALETTES)[number];
 /** Backwards-compatible name for the palette type originally used by Orb. */
 export type VoiceOrbPalette = VoicePalette;
-export declare const VOICE_VARIANTS: readonly ["orb", "aura", "wave"];
+export declare const VOICE_VARIANTS: readonly ["orb"];
 export declare const VOICE_STATES: readonly ["idle", "connecting", "listening", "thinking", "speaking", "muted", "asleep"];
 export interface VoiceProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Reactive animation state. */
     state?: VoiceState;
-    /** Visualizer style. */
+    /** Visualizer style. The orb is the only visual. */
     variant?: VoiceVariant;
     className?: string;
-    /** Normalized audio energy 0–1, shared by every visualizer. Default 0. */
+    /** Normalized audio energy 0–1. Default 0. */
     volume?: number;
-    /** Shared shader colorway. Default "default". */
+    /** Shader colorway. Every palette is chromatic. Default "default". */
     palette?: VoiceOrbPalette;
+    /**
+     * Optional identity. With `palette="identity"`, the seed becomes a distinct
+     * hue per subject, so a list of agents/voices reads as distinct rather than
+     * repeated. Omit for the generic orb.
+     */
+    seed?: string | number;
+    /**
+     * Fill the box. By default the orb disc occupies ~42% of its box (a legacy
+     * proportion left from when a glow halo filled the surround); at avatar sizes
+     * that leaves the disc tiny inside empty padding. Set `fill` so the disc
+     * fills its box — the correct choice for any small/avatar-sized orb.
+     */
+    fill?: boolean;
     /** Fired once on mount (API parity with the old Persona `onReady`). */
     onReady?: () => void;
     "aria-label"?: string;