@actioneer/ads 0.5.6 → 0.5.8

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

@@ -1,15 +1,15 @@
 "use client";
-import { jsxs as r, jsx as e, Fragment as I } from "react/jsx-runtime";
-import * as n from "react";
-import { MotionConfig as ee, AnimatePresence as te, motion as D } from "motion/react";
+import { jsxs as r, jsx as e, Fragment as q } from "react/jsx-runtime";
+import * as s from "react";
+import { MotionConfig as ee, AnimatePresence as te, motion as T } from "motion/react";
 import { cva as re } from "class-variance-authority";
-import { Collapsible as ae, CollapsibleTrigger as U, CollapsibleContent as ie } from "../collapsible.js";
-import { ChevronDown as V } from "../../lib/icons.js";
-import { EASE_OUT as _, EASE_DISCLOSURE as ne } from "../../lib/motion.js";
-import { cn as l } from "../../lib/cn.js";
-import { Shimmer as B } from "./shimmer.js";
-import { TraceStateIcon as C } from "./chain-of-thought-icon.js";
-const se = re(
+import { Collapsible as ae, CollapsibleTrigger as V, CollapsibleContent as ie } from "../collapsible.js";
+import { ChevronDown as B } from "../../lib/icons.js";
+import { springEffect as F, springDisclosure as se } from "../../lib/motion.js";
+import { cn as o } from "../../lib/cn.js";
+import { Shimmer as K } from "./shimmer.js";
+import { TraceStateIcon as P } from "./chain-of-thought-icon.js";
+const ne = re(
   // Contained card: a hairline border (no fill) so the whole trace reads as one
   // distinct, trackable block within the chat without tinting the ground.
   "w-full rounded-lg border border-border px-3 py-2",
@@ -21,7 +21,7 @@ const se = re(
       }
     }
   }
-), oe = {
+), le = {
   initial: {
     opacity: 0,
     transform: "translate3d(0, 7px, 0)",
@@ -31,224 +31,224 @@ const se = re(
     opacity: 1,
     transform: "translate3d(0, 0, 0)",
     filter: "blur(0px)",
-    transition: { duration: 0.18, ease: _ }
+    transition: F
   },
   exit: {
     opacity: 0,
     transform: "translate3d(0, -7px, 0)",
     filter: "blur(2px)",
-    transition: { duration: 0.12, ease: _ }
+    transition: F
   }
 };
-function F({
+function $({
   elapsed: t,
-  firstInsight: s,
-  sourceCount: f
+  firstInsight: n,
+  sourceCount: m
 }) {
   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 ",
-      f,
+      m,
       " ",
-      f === 1 ? "source" : "sources"
+      m === 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 }),
-    s != null && /* @__PURE__ */ r(I, { children: [
+    n != null && /* @__PURE__ */ r(q, { 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: s })
+        /* @__PURE__ */ e("span", { className: "tabular-nums", children: n })
       ] })
     ] })
   ] });
 }
-const le = n.forwardRef(
+const oe = s.forwardRef(
   ({
     status: t,
-    elapsed: s,
-    sourceCount: f,
-    firstInsight: E,
+    elapsed: n,
+    sourceCount: m,
+    firstInsight: k,
     sticky: h = !1,
     collapsible: x = !0,
-    activityPlacement: K = "top",
+    activityPlacement: C = "top",
     activity: c,
-    activityKey: P,
-    stepIndex: S,
-    stepCount: k,
+    activityKey: G,
+    stepIndex: E,
+    stepCount: S,
     icon: v,
     summary: y,
-    open: A,
-    defaultOpen: $ = !1,
+    open: z,
+    defaultOpen: H = !1,
     onOpenChange: a,
-    children: q,
-    className: G,
-    role: H,
-    "aria-label": J,
-    "aria-busy": Q,
-    ...W
-  }, X) => {
-    const d = A !== void 0, i = c != null, [Y, b] = n.useState(
-      !i && t === "active" || $
-    ), z = n.useRef(t), N = n.useRef(!1), j = n.useRef(null), g = n.useRef(null), R = d ? A : Y, u = !i && t === "active" || R, p = K === "bottom" && u;
-    n.useLayoutEffect(() => {
-      var M, T;
-      const m = z.current;
-      if (z.current = t, t === "active") {
-        m !== "active" && (N.current = !1), m !== "active" && !i && !d && b(!0);
+    children: I,
+    className: J,
+    role: Q,
+    "aria-label": U,
+    "aria-busy": W,
+    ...X
+  }, Y) => {
+    const d = z !== void 0, i = c != null, [Z, b] = s.useState(
+      !i && t === "active" || H
+    ), A = s.useRef(t), g = s.useRef(!1), j = s.useRef(null), N = s.useRef(null), w = d ? z : Z, p = !i && t === "active" || w, f = C === "bottom" && p;
+    s.useLayoutEffect(() => {
+      var M, D;
+      const u = A.current;
+      if (A.current = t, t === "active") {
+        u !== "active" && (g.current = !1), u !== "active" && !i && !d && b(!0);
         return;
       }
-      if (m !== "active" || N.current && i) return;
+      if (u !== "active" || g.current && i) return;
       const L = document.activeElement;
-      L && ((M = j.current) != null && M.contains(L)) && ((T = g.current) == null || T.focus()), d || b(!1), a == null || a(!1);
+      L && ((M = j.current) != null && M.contains(L)) && ((D = N.current) == null || D.focus()), d || b(!1), a == null || a(!1);
     }, [i, d, a, t]);
-    const Z = n.useCallback(
-      (m) => {
-        !i && t !== "complete" || (N.current = !0, d || b(m), a == null || a(m));
+    const _ = s.useCallback(
+      (u) => {
+        !i && t !== "complete" || (g.current = !0, d || b(u), a == null || a(u));
       },
       [i, d, a, t]
-    ), o = t === "active", w = o ? /* @__PURE__ */ e(C, { stage: "thinking", status: "active" }) : /* @__PURE__ */ e(C, { outcome: "completed" }), O = o ? `activity-${P ?? (typeof c == "string" ? c : "current")}` : "summary";
+    ), l = t === "active", R = l ? /* @__PURE__ */ e(P, { stage: "thinking", status: "active" }) : /* @__PURE__ */ e(P, { outcome: "completed" }), O = l ? `activity-${G ?? (typeof c == "string" ? c : "current")}` : "summary";
     return /* @__PURE__ */ r(
       ae,
       {
-        ref: X,
-        open: u,
-        onOpenChange: Z,
-        role: H ?? "region",
-        "aria-label": J ?? "Research activity",
-        "aria-busy": Q ?? (o || void 0),
-        ...W,
+        ref: Y,
+        open: p,
+        onOpenChange: _,
+        role: Q ?? "group",
+        "aria-label": U ?? "Research activity",
+        "aria-busy": W ?? (l || void 0),
+        ...X,
         "data-slot": "research-activity",
         "data-status": t,
-        className: l(
-          se({ status: t }),
-          p && "flex flex-col",
-          G
+        className: o(
+          ne({ status: t }),
+          f && "flex flex-col",
+          J
         ),
         children: [
-          /* @__PURE__ */ e("span", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: o ? "Research in progress" : "Research complete" }),
-          i ? /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ r(
+          /* @__PURE__ */ e("span", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: l ? "Research in progress" : "Research complete" }),
+          i ? /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ r(
             "button",
             {
-              ref: g,
+              ref: N,
               type: "button",
               "data-slot": "research-activity-trigger",
-              className: l(
+              className: o(
                 "group/research-trigger flex min-h-9 w-full cursor-pointer items-center gap-2.5 rounded-sm py-1 text-left text-base outline-none",
-                "transition-colors duration-(--duration-fast) ease-out hover:text-primary",
+                "transition-colors duration-150 ease-out hover:text-primary",
                 "focus-visible:ring-3 focus-visible:ring-ring motion-reduce:transition-none",
                 h && "sticky z-10 bg-background",
-                h && (p ? "bottom-0" : "top-0"),
-                p && "order-last mt-3"
+                h && (f ? "bottom-0" : "top-0"),
+                f && "order-last mt-3"
               ),
               children: [
                 /* @__PURE__ */ r("span", { className: "sr-only", children: [
-                  u ? "Collapse" : "Expand",
+                  p ? "Collapse" : "Expand",
                   " research activity:",
                   " "
                 ] }),
-                /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "flex size-4 shrink-0 items-center justify-center", children: v ?? w }),
+                /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "flex size-4 shrink-0 items-center justify-center", children: v ?? R }),
                 /* @__PURE__ */ e(ee, { reducedMotion: "user", children: /* @__PURE__ */ e("span", { className: "relative h-5 min-w-0 flex-1 overflow-hidden", children: /* @__PURE__ */ e(te, { initial: !1, children: /* @__PURE__ */ e(
-                  D.span,
+                  T.span,
                   {
-                    variants: oe,
+                    variants: le,
                     initial: "initial",
                     animate: "animate",
                     exit: "exit",
                     className: "absolute inset-0 flex items-center truncate whitespace-nowrap",
-                    children: o ? typeof c == "string" ? /* @__PURE__ */ e(B, { as: "span", className: "truncate text-base", children: c }) : c : y !== void 0 ? y : /* @__PURE__ */ e(
-                      F,
+                    children: l ? typeof c == "string" ? /* @__PURE__ */ e(K, { as: "span", className: "truncate text-base", children: c }) : c : y !== void 0 ? y : /* @__PURE__ */ e(
+                      $,
                       {
-                        elapsed: s,
-                        firstInsight: E,
-                        sourceCount: f
+                        elapsed: n,
+                        firstInsight: k,
+                        sourceCount: m
                       }
                     )
                   },
                   O
                 ) }) }) }),
-                o && /* @__PURE__ */ r("span", { className: l(
+                l && /* @__PURE__ */ r("span", { className: o(
                   "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.
                   !x && "pe-6"
                 ), children: [
-                  S != null && k != null && /* @__PURE__ */ r(I, { children: [
+                  E != null && S != null && /* @__PURE__ */ r(q, { children: [
                     /* @__PURE__ */ e("span", { className: "sr-only", children: "Step " }),
-                    S,
+                    E,
                     " of ",
-                    k,
+                    S,
                     /* @__PURE__ */ e("span", { "aria-hidden": !0, children: " · " })
                   ] }),
                   /* @__PURE__ */ e("span", { className: "sr-only", children: "Elapsed " }),
-                  s
+                  n
                 ] }),
                 x && /* @__PURE__ */ e(
-                  V,
+                  B,
                   {
                     "aria-hidden": !0,
-                    className: l(
-                      "size-4 shrink-0 text-tertiary transition-transform duration-(--duration-normal) ease-out motion-reduce:transition-none",
-                      u && "rotate-180"
+                    className: o(
+                      "size-4 shrink-0 text-tertiary transition-transform duration-200 ease-out motion-reduce:transition-none",
+                      p && "rotate-180"
                     )
                   }
                 )
               ]
             }
-          ) }) : o ? /* @__PURE__ */ r(
+          ) }) : l ? /* @__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("span", { "aria-hidden": !0, className: "flex size-4 shrink-0 items-center justify-center", children: v ?? w }),
-                /* @__PURE__ */ e(B, { as: "span", className: "text-base", children: "Researching…" }),
-                /* @__PURE__ */ r("span", { className: l(
+                /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "flex size-4 shrink-0 items-center justify-center", children: v ?? R }),
+                /* @__PURE__ */ e(K, { as: "span", className: "text-base", children: "Researching…" }),
+                /* @__PURE__ */ r("span", { className: o(
                   "ml-auto shrink-0 text-xs text-tertiary tabular-nums",
                   !x && "pe-6"
                 ), children: [
                   /* @__PURE__ */ e("span", { className: "sr-only", children: "Elapsed " }),
-                  s
+                  n
                 ] })
               ]
             }
-          ) : /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ r(
+          ) : /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ r(
             "button",
             {
-              ref: g,
+              ref: N,
               type: "button",
               "data-slot": "research-activity-trigger",
-              className: l(
+              className: o(
                 "group/research-trigger flex min-h-9 w-full cursor-pointer items-center gap-2 rounded-sm py-1 text-left text-base outline-none",
-                "transition-colors duration-(--duration-fast) ease-out hover:text-primary",
+                "transition-colors duration-150 ease-out hover:text-primary",
                 "focus-visible:ring-3 focus-visible:ring-ring motion-reduce:transition-none",
                 h && "sticky z-10 bg-background",
-                h && (p ? "bottom-0" : "top-0"),
-                p && "order-last mt-3"
+                h && (f ? "bottom-0" : "top-0"),
+                f && "order-last mt-3"
               ),
               children: [
                 /* @__PURE__ */ r("span", { className: "sr-only", children: [
-                  R ? "Collapse" : "Expand",
+                  w ? "Collapse" : "Expand",
                   " research activity:",
                   " "
                 ] }),
-                /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "flex size-4 shrink-0 items-center justify-center", children: v ?? w }),
+                /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "flex size-4 shrink-0 items-center justify-center", children: v ?? R }),
                 /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: y !== void 0 ? y : /* @__PURE__ */ e(
-                  F,
+                  $,
                   {
-                    elapsed: s,
-                    firstInsight: E,
-                    sourceCount: f
+                    elapsed: n,
+                    firstInsight: k,
+                    sourceCount: m
                   }
                 ) }),
                 x && /* @__PURE__ */ e(
-                  V,
+                  B,
                   {
                     "aria-hidden": !0,
-                    className: l(
-                      "size-4 shrink-0 text-tertiary transition-transform duration-(--duration-normal) ease-out motion-reduce:transition-none",
-                      R && "rotate-180"
+                    className: o(
+                      "size-4 shrink-0 text-tertiary transition-transform duration-200 ease-out motion-reduce:transition-none",
+                      w && "rotate-180"
                     )
                   }
                 )
@@ -256,18 +256,18 @@ const le = n.forwardRef(
             }
           ) }),
           /* @__PURE__ */ e(ie, { forceMount: !0, asChild: !0, "data-slot": "research-activity-content", children: /* @__PURE__ */ e(
-            D.div,
+            T.div,
             {
               ref: j,
               initial: !1,
-              animate: u ? "open" : "closed",
+              animate: p ? "open" : "closed",
               variants: {
                 open: { height: "auto", opacity: 1 },
                 closed: { height: 0, opacity: 0 }
               },
-              transition: { duration: u ? 0.28 : 0.2, ease: ne },
+              transition: se,
               className: "overflow-hidden text-secondary outline-none data-[state=closed]:pointer-events-none",
-              children: /* @__PURE__ */ e("div", { className: "ml-2 pt-3 [--tree-rail-lead:20px]", children: q })
+              children: /* @__PURE__ */ e("div", { className: "ml-2 pt-3 [--tree-rail-lead:20px]", children: I })
             }
           ) })
         ]
@@ -275,7 +275,7 @@ const le = n.forwardRef(
     );
   }
 );
-le.displayName = "ResearchActivity";
+oe.displayName = "ResearchActivity";
 export {
-  le as ResearchActivity
+  oe as ResearchActivity
 };

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

@@ -11,8 +11,8 @@ import { ElementType, JSX } from 'react';
  * (compiled away, not emitted at runtime) — so this port reads the raw `:root`
  * tokens instead.
  *
- * It is a continuous ambient loop (like `Spinner` / `--duration-pulse`), so the
- * `linear` timing is intentional and exempt from the <300ms UI-motion rule.
+ * It is a continuous ambient loop (like `Spinner`), so its local `linear`
+ * timing is intentional.
  * Reduced-motion viewers get the static muted text with no sweep.
  */
 export type TextShimmerProps = {

package/components/ai-elements/speech-input.js

@@ -14,8 +14,8 @@ const Z = () => window.SpeechRecognition ?? window.webkitSpeechRecognition, $ =
   disabled: F,
   ...O
 }) => {
-  const [s, d] = b(!1), [L, z] = b(!1), [o] = b($), [T, N] = b(!1), p = l(null), g = l(null), m = l(null), y = l([]), u = l(M), h = l(R), n = l(x);
-  u.current = M, h.current = R, n.current = x, Y(() => {
+  const [s, d] = b(!1), [L, z] = b(!1), [o] = b($), [T, N] = b(!1), p = l(null), m = l(null), g = l(null), y = l([]), u = l(M), h = l(R), r = l(x);
+  u.current = M, h.current = R, r.current = x, Y(() => {
     if (o !== "speech-recognition")
       return;
     const t = Z();
@@ -23,18 +23,18 @@ const Z = () => window.SpeechRecognition ?? window.webkitSpeechRecognition, $ =
       return;
     const e = new t();
     e.continuous = !0, e.interimResults = !0, e.lang = D;
-    const c = () => d(!0), v = () => d(!1), w = (r) => {
+    const c = () => d(!0), v = () => d(!1), w = (n) => {
       var A, G;
-      const i = r;
+      const i = n;
       let a = "";
       for (let k = i.resultIndex; k < i.results.length; k += 1) {
         const P = i.results[k];
         P.isFinal && (a += ((A = P[0]) == null ? void 0 : A.transcript) ?? "");
       }
       a && ((G = u.current) == null || G.call(u, a));
-    }, S = (r) => {
+    }, S = (n) => {
       var i;
-      d(!1), (i = n.current) == null || i.call(n, r.error);
+      d(!1), (i = r.current) == null || i.call(r, n.error);
     };
     return e.addEventListener("start", c), e.addEventListener("end", v), e.addEventListener("result", w), e.addEventListener("error", S), p.current = e, N(!0), () => {
       e.removeEventListener("start", c), e.removeEventListener("end", v), e.removeEventListener("result", w), e.removeEventListener("error", S), e.stop(), p.current = null, N(!1);
@@ -42,8 +42,8 @@ const Z = () => window.SpeechRecognition ?? window.webkitSpeechRecognition, $ =
   }, [o, D]), Y(
     () => () => {
       var t;
-      if (((t = g.current) == null ? void 0 : t.state) === "recording" && g.current.stop(), m.current)
-        for (const e of m.current.getTracks())
+      if (((t = m.current) == null ? void 0 : t.state) === "recording" && m.current.stop(), g.current)
+        for (const e of g.current.getTracks())
           e.stop();
     },
     []
@@ -53,23 +53,23 @@ const Z = () => window.SpeechRecognition ?? window.webkitSpeechRecognition, $ =
     if (h.current)
       try {
         const e = await navigator.mediaDevices.getUserMedia({ audio: !0 });
-        m.current = e;
+        g.current = e;
         const c = new MediaRecorder(e);
         y.current = [];
-        const v = (r) => {
-          r.data.size > 0 && y.current.push(r.data);
+        const v = (n) => {
+          n.data.size > 0 && y.current.push(n.data);
         }, w = async () => {
           var i;
           for (const a of e.getTracks())
             a.stop();
-          m.current = null;
-          const r = new Blob(y.current, {
+          g.current = null;
+          const n = new Blob(y.current, {
             type: "audio/webm"
           });
-          if (r.size > 0 && h.current) {
+          if (n.size > 0 && h.current) {
             z(!0);
             try {
-              const a = await h.current(r);
+              const a = await h.current(n);
               a && ((i = u.current) == null || i.call(u, a));
             } catch {
             } finally {
@@ -78,20 +78,20 @@ const Z = () => window.SpeechRecognition ?? window.webkitSpeechRecognition, $ =
           }
         }, S = () => {
           d(!1);
-          for (const r of e.getTracks())
-            r.stop();
-          m.current = null;
+          for (const n of e.getTracks())
+            n.stop();
+          g.current = null;
         };
-        c.addEventListener("dataavailable", v), c.addEventListener("stop", w), c.addEventListener("error", S), g.current = c, c.start(), d(!0);
+        c.addEventListener("dataavailable", v), c.addEventListener("stop", w), c.addEventListener("error", S), m.current = c, c.start(), d(!0);
       } catch (e) {
-        d(!1), (t = n.current) == null || t.call(
-          n,
+        d(!1), (t = r.current) == null || t.call(
+          r,
           e instanceof Error ? e.name : "not-allowed"
         );
       }
   }, []), B = I(() => {
     var t;
-    ((t = g.current) == null ? void 0 : t.state) === "recording" && g.current.stop(), d(!1);
+    ((t = m.current) == null ? void 0 : t.state) === "recording" && m.current.stop(), d(!1);
   }, []), q = I(() => {
     var t;
     if (o === "speech-recognition" && p.current)
@@ -101,8 +101,8 @@ const Z = () => window.SpeechRecognition ?? window.webkitSpeechRecognition, $ =
         try {
           p.current.start();
         } catch (e) {
-          (t = n.current) == null || t.call(
-            n,
+          (t = r.current) == null || t.call(
+            r,
             e instanceof Error ? e.name : "not-allowed"
           );
         }
@@ -111,15 +111,15 @@ const Z = () => window.SpeechRecognition ?? window.webkitSpeechRecognition, $ =
   return /* @__PURE__ */ J("div", { className: "relative inline-flex items-center justify-center", children: [
     s && [
       "",
-      "[animation-delay:var(--stagger-1)]",
-      "[animation-delay:var(--stagger-2)]"
+      "[animation-delay:200ms]",
+      "[animation-delay:300ms]"
     ].map((t, e) => /* @__PURE__ */ f(
       "span",
       {
         "aria-hidden": !0,
         className: _(
           "absolute inset-0 animate-ping rounded-full bg-danger/20",
-          "[animation-duration:var(--duration-pulse)] motion-reduce:hidden",
+          "[animation-duration:1.5s] motion-reduce:hidden",
           t
         )
       },
@@ -141,7 +141,7 @@ const Z = () => window.SpeechRecognition ?? window.webkitSpeechRecognition, $ =
         variant: "secondary",
         ...O,
         onClick: q,
-        children: L ? /* @__PURE__ */ f(Q, { size: "sm" }) : s ? /* @__PURE__ */ f(V, {}) : E ? /* @__PURE__ */ f(W, {}) : /* @__PURE__ */ f(X, {})
+        children: L ? /* @__PURE__ */ f(Q, { variant: "action", size: "sm", "aria-hidden": !0 }) : s ? /* @__PURE__ */ f(V, {}) : E ? /* @__PURE__ */ f(W, {}) : /* @__PURE__ */ f(X, {})
       }
     )
   ] });