@actioneer/ads 0.2.4 → 0.3.1

package/components/ai-elements/research-activity.js

@@ -0,0 +1,278 @@
+"use client";
+import { jsxs as r, jsx as e, Fragment as P } from "react/jsx-runtime";
+import * as s from "react";
+import { MotionConfig as I, AnimatePresence as O, motion as ee } from "motion/react";
+import { cva as te } from "class-variance-authority";
+import { Collapsible as re, CollapsibleTrigger as M, CollapsibleContent as ae } from "../collapsible.js";
+import { Spinner as T } from "../spinner.js";
+import { Sparkles as V, ChevronDown as B } from "../../lib/icons.js";
+import { EASE_OUT as D } from "../../lib/motion.js";
+import { cn as l } from "../../lib/cn.js";
+import { Shimmer as F } from "./shimmer.js";
+const ie = te("w-full", {
+  variants: {
+    status: {
+      active: "text-foreground",
+      complete: "text-secondary"
+    }
+  }
+}), se = {
+  initial: {
+    opacity: 0,
+    transform: "translate3d(0, 7px, 0)",
+    filter: "blur(2px)"
+  },
+  animate: {
+    opacity: 1,
+    transform: "translate3d(0, 0, 0)",
+    filter: "blur(0px)",
+    transition: { duration: 0.18, ease: D }
+  },
+  exit: {
+    opacity: 0,
+    transform: "translate3d(0, -7px, 0)",
+    filter: "blur(2px)",
+    transition: { duration: 0.12, ease: D }
+  }
+};
+function K({
+  elapsed: t,
+  firstInsight: n,
+  sourceCount: d
+}) {
+  return /* @__PURE__ */ r("span", { className: "flex min-w-0 flex-wrap items-baseline gap-x-2 gap-y-1", children: [
+    /* @__PURE__ */ r("span", { children: [
+      "Researched ",
+      d,
+      " ",
+      d === 1 ? "source" : "sources"
+    ] }),
+    /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "text-tertiary", children: "·" }),
+    /* @__PURE__ */ e("span", { className: "text-xs text-tertiary tabular-nums", children: t }),
+    n != null && /* @__PURE__ */ r(P, { children: [
+      /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "text-tertiary", children: "·" }),
+      /* @__PURE__ */ r("span", { className: "text-xs text-tertiary", children: [
+        "first insight",
+        " ",
+        /* @__PURE__ */ e("span", { className: "tabular-nums", children: n })
+      ] })
+    ] })
+  ] });
+}
+const ne = s.forwardRef(
+  ({
+    status: t,
+    elapsed: n,
+    sourceCount: d,
+    firstInsight: w,
+    sticky: p = !1,
+    collapsible: h = !0,
+    activityPlacement: U = "top",
+    activity: c,
+    activityKey: _,
+    stepIndex: R,
+    stepCount: S,
+    summary: x,
+    open: k,
+    defaultOpen: $ = !1,
+    onOpenChange: a,
+    children: q,
+    className: G,
+    role: H,
+    "aria-label": J,
+    "aria-busy": Q,
+    ...W
+  }, X) => {
+    const m = k !== void 0, i = c != null, [Y, y] = s.useState(
+      !i && t === "active" || $
+    ), z = s.useRef(t), N = s.useRef(!1), E = s.useRef(null), b = s.useRef(null), g = m ? k : Y, v = !i && t === "active" || g, f = U === "bottom" && v;
+    s.useLayoutEffect(() => {
+      var L, j;
+      const u = z.current;
+      if (z.current = t, t === "active") {
+        u !== "active" && (N.current = !1), u !== "active" && !i && !m && y(!0);
+        return;
+      }
+      if (u !== "active" || N.current && i) return;
+      const A = document.activeElement;
+      A && ((L = E.current) != null && L.contains(A)) && ((j = b.current) == null || j.focus()), m || y(!1), a == null || a(!1);
+    }, [i, m, a, t]);
+    const Z = s.useCallback(
+      (u) => {
+        !i && t !== "complete" || (N.current = !0, m || y(u), a == null || a(u));
+      },
+      [i, m, a, t]
+    ), o = t === "active", C = o ? `activity-${_ ?? (typeof c == "string" ? c : "current")}` : "summary";
+    return /* @__PURE__ */ r(
+      re,
+      {
+        ref: X,
+        open: v,
+        onOpenChange: Z,
+        role: H ?? "region",
+        "aria-label": J ?? "Research activity",
+        "aria-busy": Q ?? (o || void 0),
+        ...W,
+        "data-slot": "research-activity",
+        "data-status": t,
+        className: l(
+          ie({ status: t }),
+          f && "flex flex-col",
+          G
+        ),
+        children: [
+          /* @__PURE__ */ e("span", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: o ? "Research in progress" : "Research complete" }),
+          i ? /* @__PURE__ */ e(M, { asChild: !0, children: /* @__PURE__ */ r(
+            "button",
+            {
+              ref: b,
+              type: "button",
+              "data-slot": "research-activity-trigger",
+              className: l(
+                "group/research-trigger flex min-h-9 w-full cursor-pointer items-center gap-2.5 rounded-sm py-1 text-left text-sm outline-none",
+                "transition-[color,transform] duration-(--duration-fast) ease-out hover:text-primary active:scale-(--scale-press)",
+                "focus-visible:ring-3 focus-visible:ring-ring motion-reduce:transition-none",
+                p && "sticky z-10 bg-background",
+                p && (f ? "bottom-0" : "top-0"),
+                f && "order-last mt-3"
+              ),
+              children: [
+                /* @__PURE__ */ r("span", { className: "sr-only", children: [
+                  v ? "Collapse" : "Expand",
+                  " research activity:",
+                  " "
+                ] }),
+                /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "flex size-4 shrink-0 items-center justify-center", children: o ? /* @__PURE__ */ e(T, { size: "sm", color: "current", role: "presentation" }) : /* @__PURE__ */ e(V, { className: "size-4" }) }),
+                /* @__PURE__ */ e(I, { reducedMotion: "user", children: /* @__PURE__ */ e("span", { className: "relative h-5 min-w-0 flex-1 overflow-hidden", children: /* @__PURE__ */ e(O, { initial: !1, children: /* @__PURE__ */ e(
+                  ee.span,
+                  {
+                    variants: se,
+                    initial: "initial",
+                    animate: "animate",
+                    exit: "exit",
+                    className: "absolute inset-0 flex items-center truncate whitespace-nowrap",
+                    children: o ? typeof c == "string" ? /* @__PURE__ */ e(F, { as: "span", className: "truncate text-sm", children: c }) : c : x !== void 0 ? x : /* @__PURE__ */ e(
+                      K,
+                      {
+                        elapsed: n,
+                        firstInsight: w,
+                        sourceCount: d
+                      }
+                    )
+                  },
+                  C
+                ) }) }) }),
+                o && /* @__PURE__ */ r("span", { className: l(
+                  "shrink-0 text-xs text-tertiary tabular-nums",
+                  // Reserve the caret slot (size-4 + gap-2) so trailing metadata
+                  // keeps the same right edge as sibling rows that show a caret.
+                  !h && "pe-6"
+                ), children: [
+                  R != null && S != null && /* @__PURE__ */ r(P, { children: [
+                    /* @__PURE__ */ e("span", { className: "sr-only", children: "Step " }),
+                    R,
+                    " of ",
+                    S,
+                    /* @__PURE__ */ e("span", { "aria-hidden": !0, children: " · " })
+                  ] }),
+                  /* @__PURE__ */ e("span", { className: "sr-only", children: "Elapsed " }),
+                  n
+                ] }),
+                h && /* @__PURE__ */ e(
+                  B,
+                  {
+                    "aria-hidden": !0,
+                    className: l(
+                      "size-4 shrink-0 text-tertiary transition-transform duration-(--duration-normal) ease-out motion-reduce:transition-none",
+                      v && "rotate-180"
+                    )
+                  }
+                )
+              ]
+            }
+          ) }) : o ? /* @__PURE__ */ r(
+            "div",
+            {
+              "data-slot": "research-activity-header",
+              className: "flex min-h-9 w-full items-center gap-2.5 py-1 text-left",
+              children: [
+                /* @__PURE__ */ e(
+                  T,
+                  {
+                    size: "sm",
+                    color: "current",
+                    role: "presentation",
+                    "aria-hidden": !0
+                  }
+                ),
+                /* @__PURE__ */ e(F, { as: "span", className: "text-sm", children: "Researching…" }),
+                /* @__PURE__ */ r("span", { className: l(
+                  "ml-auto shrink-0 text-xs text-tertiary tabular-nums",
+                  !h && "pe-6"
+                ), children: [
+                  /* @__PURE__ */ e("span", { className: "sr-only", children: "Elapsed " }),
+                  n
+                ] })
+              ]
+            }
+          ) : /* @__PURE__ */ e(M, { asChild: !0, children: /* @__PURE__ */ r(
+            "button",
+            {
+              ref: b,
+              type: "button",
+              "data-slot": "research-activity-trigger",
+              className: l(
+                "group/research-trigger flex min-h-9 w-full cursor-pointer items-center gap-2 rounded-sm py-1 text-left text-sm outline-none",
+                "transition-[color,transform] duration-(--duration-fast) ease-out hover:text-primary active:scale-(--scale-press)",
+                "focus-visible:ring-3 focus-visible:ring-ring motion-reduce:transition-none",
+                p && "sticky z-10 bg-background",
+                p && (f ? "bottom-0" : "top-0"),
+                f && "order-last mt-3"
+              ),
+              children: [
+                /* @__PURE__ */ r("span", { className: "sr-only", children: [
+                  g ? "Collapse" : "Expand",
+                  " research activity:",
+                  " "
+                ] }),
+                /* @__PURE__ */ e(V, { "aria-hidden": !0, className: "size-4 shrink-0" }),
+                /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: x !== void 0 ? x : /* @__PURE__ */ e(
+                  K,
+                  {
+                    elapsed: n,
+                    firstInsight: w,
+                    sourceCount: d
+                  }
+                ) }),
+                h && /* @__PURE__ */ e(
+                  B,
+                  {
+                    "aria-hidden": !0,
+                    className: l(
+                      "size-4 shrink-0 text-tertiary transition-transform duration-(--duration-normal) ease-out motion-reduce:transition-none",
+                      g && "rotate-180"
+                    )
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            ae,
+            {
+              ref: E,
+              forceMount: !0,
+              "data-slot": "research-activity-content",
+              className: "mt-3 overflow-hidden text-foreground outline-none data-[state=closed]:hidden",
+              children: q
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ne.displayName = "ResearchActivity";
+export {
+  ne as ResearchActivity
+};

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

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, ReactNode } from 'react';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../collapsible';
 /**
  * Task — a collapsible list of the steps an agent took to accomplish a goal
@@ -18,14 +18,18 @@ export declare const TaskItem: {
 };
 export type TaskProps = ComponentProps<typeof Collapsible>;
 export declare const Task: {
-    ({ defaultOpen, className, ...props }: TaskProps): import("react").JSX.Element;
+    ({ defaultOpen, className, open, children, ...props }: TaskProps): import("react").JSX.Element;
     displayName: string;
 };
 export type TaskTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
     title: string;
+    /** Leading icon. Defaults to the search glyph. */
+    icon?: ReactNode;
+    /** Trailing metadata — counts, elapsed time. */
+    endContent?: ReactNode;
 };
 export declare const TaskTrigger: {
-    ({ children, className, title, ...props }: TaskTriggerProps): import("react").JSX.Element;
+    ({ children, className, title, icon, endContent, ...props }: TaskTriggerProps): import("react").JSX.Element;
     displayName: string;
 };
 export type TaskContentProps = ComponentProps<typeof CollapsibleContent>;

package/components/ai-elements/task.js

@@ -1,73 +1,105 @@
 "use client";
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { Collapsible as i, CollapsibleContent as l, CollapsibleTrigger as d } from "../collapsible.js";
-import { Search as m, ChevronDown as c } from "../../lib/icons.js";
-import { cn as o } from "../../lib/cn.js";
-const p = ({
-  children: e,
-  className: t,
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { createContext as m, useContext as d } from "react";
+import { motion as u } from "motion/react";
+import { EASE_DISCLOSURE as p } from "../../lib/motion.js";
+import { Collapsible as h, CollapsibleContent as f, CollapsibleTrigger as x } from "../collapsible.js";
+import { Search as g, ChevronDown as N } from "../../lib/icons.js";
+import { cn as i } from "../../lib/cn.js";
+const l = m(!0), k = ({
+  children: t,
+  className: a,
   ...s
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ e(
   "div",
   {
-    className: o(
+    className: i(
       "inline-flex items-center gap-1 rounded-md bg-fill px-1.5 py-0.5 text-xs text-fill-foreground",
-      t
+      a
     ),
     ...s,
-    children: e
+    children: t
   }
 );
-p.displayName = "TaskItemFile";
-const u = ({ children: e, className: t, ...s }) => /* @__PURE__ */ a("div", { className: o("text-base text-secondary", t), ...s, children: e });
-u.displayName = "TaskItem";
-const f = ({ defaultOpen: e = !0, className: t, ...s }) => /* @__PURE__ */ a(i, { className: o(t), defaultOpen: e, ...s });
-f.displayName = "Task";
-const g = ({
-  children: e,
-  className: t,
+k.displayName = "TaskItemFile";
+const v = ({ children: t, className: a, ...s }) => /* @__PURE__ */ e("div", { className: i("text-base text-secondary", a), ...s, children: t });
+v.displayName = "TaskItem";
+const T = ({
+  defaultOpen: t = !0,
+  className: a,
+  open: s,
+  children: n,
+  ...r
+}) => /* @__PURE__ */ e(
+  h,
+  {
+    className: i(a),
+    defaultOpen: t,
+    open: s,
+    ...r,
+    children: /* @__PURE__ */ e(l.Provider, { value: s ?? t, children: n })
+  }
+);
+T.displayName = "Task";
+const y = ({
+  children: t,
+  className: a,
   title: s,
-  ...n
-}) => /* @__PURE__ */ a(d, { asChild: !0, className: o("group", t), ...n, children: e ?? /* @__PURE__ */ r(
+  icon: n,
+  endContent: r,
+  ...c
+}) => /* @__PURE__ */ e(x, { asChild: !0, className: i("group", a), ...c, children: t ?? /* @__PURE__ */ o(
   "button",
   {
     type: "button",
     className: "flex w-full cursor-pointer items-center gap-2 rounded-sm text-base text-secondary outline-none transition-colors hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring motion-reduce:transition-none",
     children: [
-      /* @__PURE__ */ a(m, { className: "size-4 shrink-0", "aria-hidden": !0 }),
-      /* @__PURE__ */ a("span", { className: "text-base", children: s }),
-      /* @__PURE__ */ a(
-        c,
-        {
-          className: "size-4 shrink-0 transition-transform duration-(--duration-fast) ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none",
-          "aria-hidden": !0
-        }
-      )
+      /* @__PURE__ */ e("span", { className: "flex size-4 shrink-0 items-center justify-center [&>svg]:size-4", "aria-hidden": !0, children: n ?? /* @__PURE__ */ e(g, { className: "size-4 shrink-0" }) }),
+      /* @__PURE__ */ e("span", { className: "text-base", children: s }),
+      /* @__PURE__ */ o("span", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+        r != null && /* @__PURE__ */ e("span", { className: "text-xs text-tertiary tabular-nums", children: r }),
+        /* @__PURE__ */ e(
+          N,
+          {
+            className: "size-4 shrink-0 transition-transform duration-(--duration-fast) ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none",
+            "aria-hidden": !0
+          }
+        )
+      ] })
     ]
   }
 ) });
-g.displayName = "TaskTrigger";
-const x = ({
-  children: e,
-  className: t,
+y.displayName = "TaskTrigger";
+const b = ({
+  children: t,
+  className: a,
   ...s
-}) => /* @__PURE__ */ a(
-  l,
-  {
-    className: o(
-      "overflow-hidden text-foreground outline-none",
-      "data-[state=closed]:pointer-events-none",
-      t
-    ),
-    ...s,
-    children: /* @__PURE__ */ a("div", { className: "mt-4 space-y-2 border-l-2 border-border pl-4", children: e })
-  }
-);
-x.displayName = "TaskContent";
+}) => {
+  const n = d(l);
+  return /* @__PURE__ */ e(f, { forceMount: !0, asChild: !0, ...s, children: /* @__PURE__ */ e(
+    u.div,
+    {
+      initial: !1,
+      animate: n ? "open" : "closed",
+      variants: {
+        open: { height: "auto", opacity: 1 },
+        closed: { height: 0, opacity: 0 }
+      },
+      transition: { duration: n ? 0.28 : 0.2, ease: p },
+      className: i(
+        "overflow-hidden text-foreground outline-none",
+        "data-[state=closed]:pointer-events-none",
+        a
+      ),
+      children: /* @__PURE__ */ e("div", { className: "mt-2 ml-2", children: t })
+    }
+  ) });
+};
+b.displayName = "TaskContent";
 export {
-  f as Task,
-  x as TaskContent,
-  u as TaskItem,
-  p as TaskItemFile,
-  g as TaskTrigger
+  T as Task,
+  b as TaskContent,
+  v as TaskItem,
+  k as TaskItemFile,
+  y as TaskTrigger
 };

package/components/ai-elements/tool.js

@@ -4,49 +4,53 @@ import { isValidElement as c } from "react";
 import { Collapsible as u, CollapsibleContent as m, CollapsibleTrigger 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 t } from "../../lib/cn.js";
-const y = ({ className: e, ...n }) => /* @__PURE__ */ o(
+import { cn as n } from "../../lib/cn.js";
+const w = ({ className: e, ...t }) => /* @__PURE__ */ o(
   u,
   {
-    className: t(
+    className: n(
       "not-prose group/tool w-full overflow-hidden rounded-xl bg-card",
       e
     ),
-    ...n
+    ...t
   }
 );
-y.displayName = "Tool";
-const w = {
+w.displayName = "Tool";
+const y = {
   "input-streaming": { label: "Pending", color: "default", icon: v },
   "input-available": { label: "Running", color: "info", icon: N, pulse: !0 },
   "output-available": { label: "Completed", color: "success", icon: b },
   "output-error": { label: "Error", color: "danger", icon: x }
 }, C = ({ state: e }) => {
-  const { label: n, color: r, icon: a, pulse: i } = w[e];
+  const { label: t, color: r, icon: a, pulse: i } = y[e];
   return /* @__PURE__ */ l(f, { variant: "soft", color: r, children: [
     /* @__PURE__ */ o(
       a,
       {
-        className: t(
+        className: n(
           "size-3",
           i && "animate-pulse motion-reduce:animate-none"
         ),
         "aria-hidden": !0
       }
     ),
-    n
+    t
   ] });
-}, T = ({
+};
+function T(e) {
+  return e.split("-").slice(1).join("-") || e;
+}
+const S = ({
   className: e,
-  title: n,
+  title: t,
   type: r,
   state: a,
   ...i
 }) => /* @__PURE__ */ l(
   p,
   {
-    className: t(
-      "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
     ),
@@ -54,7 +58,7 @@ const w = {
     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: n ?? r.split("-").slice(1).join("-") }),
+        /* @__PURE__ */ o("span", { className: "font-medium text-base", children: t ?? T(r) }),
         /* @__PURE__ */ o(C, { state: a })
       ] }),
       /* @__PURE__ */ o(
@@ -67,50 +71,50 @@ const w = {
     ]
   }
 );
-T.displayName = "ToolHeader";
-const S = ({ className: e, ...n }) => /* @__PURE__ */ o(
+S.displayName = "ToolHeader";
+const j = ({ className: e, ...t }) => /* @__PURE__ */ o(
   m,
   {
-    className: t(
+    className: n(
       "overflow-hidden text-foreground outline-none",
       "data-[state=closed]:pointer-events-none",
       e
     ),
-    ...n
+    ...t
   }
 );
-S.displayName = "ToolContent";
+j.displayName = "ToolContent";
 const s = ({
   code: e,
-  className: n
+  className: t
 }) => /* @__PURE__ */ o(
   "pre",
   {
-    className: t(
+    className: n(
       "overflow-x-auto rounded-md bg-surface p-3 text-xs leading-relaxed text-foreground tabular-nums",
-      n
+      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 }), j = ({ className: e, input: n, ...r }) => /* @__PURE__ */ l("div", { className: t("space-y-2 overflow-hidden p-4", e), ...r, 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(n, null, 2) })
+  /* @__PURE__ */ o(s, { code: JSON.stringify(t, null, 2) })
 ] });
-j.displayName = "ToolInput";
-const k = (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, O = ({
+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: n,
+  output: t,
   errorText: r,
   ...a
-}) => n || r ? /* @__PURE__ */ l("div", { className: t("space-y-2 p-4", e), ...a, children: [
+}) => 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: k(n) })
+  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;
-O.displayName = "ToolOutput";
+P.displayName = "ToolOutput";
 export {
-  y as Tool,
-  S as ToolContent,
-  T as ToolHeader,
-  j as ToolInput,
-  O as ToolOutput
+  w as Tool,
+  j as ToolContent,
+  S as ToolHeader,
+  k as ToolInput,
+  P as ToolOutput
 };

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

@@ -14,7 +14,7 @@ import * as React from "react";
  */
 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"];
+export declare const VOICE_PALETTES: readonly ["default", "identity", "mono", "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;
@@ -30,6 +30,12 @@ export interface VoiceProps extends React.HTMLAttributes<HTMLDivElement> {
     volume?: number;
     /** Shared shader colorway. Default "default". */
     palette?: VoiceOrbPalette;
+    /**
+     * Optional identity. Two orbs given different seeds render distinguishable
+     * patterns, so a list of agents/voices reads as distinct rather than
+     * repeated. Omit for the generic orb.
+     */
+    seed?: string | number;
     /** Fired once on mount (API parity with the old Persona `onReady`). */
     onReady?: () => void;
     "aria-label"?: string;