@actioneer/ads 1.0.7 → 1.0.8

package/components/ai-elements/inline-citation.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as i, jsxs as k } from "react/jsx-runtime";
+import { jsx as r, jsxs as k } from "react/jsx-runtime";
 import * as o from "react";
 import { createPortal as M } from "react-dom";
 import { MotionConfig as R, AnimatePresence as E, motion as L } from "motion/react";
@@ -7,7 +7,7 @@ import { cn as c } from "../../lib/cn.js";
 import { floatVariants as T } from "../../lib/motion.js";
 import { ArrowRight as P, ArrowLeft as z } from "../../lib/icons.js";
 import { Badge as S } from "../badge.js";
-const F = ({ className: e, ...t }) => /* @__PURE__ */ i(
+const F = ({ className: e, ...t }) => /* @__PURE__ */ r(
   "span",
   {
     className: c("group/citation inline items-center gap-1", e),
@@ -16,7 +16,7 @@ const F = ({ className: e, ...t }) => /* @__PURE__ */ i(
 ), H = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ r(
   "span",
   {
     className: c(
@@ -37,17 +37,17 @@ const Q = ({
   open: t,
   defaultOpen: s = !1,
   onOpenChange: n,
-  openDelay: r = 0,
+  openDelay: i = 0,
   closeDelay: a = 0
 }) => {
-  const d = t !== void 0, [C, l] = o.useState(s), h = d ? t : C, u = o.useRef(null), f = o.useRef(null), m = o.useRef({}), x = o.useCallback(
-    (b) => {
-      d || l(b), n == null || n(b);
+  const d = t !== void 0, [C, l] = o.useState(s), b = d ? t : C, u = o.useRef(null), f = o.useRef(null), m = o.useRef({}), x = o.useCallback(
+    (h) => {
+      d || l(h), n == null || n(h);
     },
     [d, n]
   ), p = o.useCallback(() => {
-    window.clearTimeout(m.current.close), m.current.open = window.setTimeout(() => x(!0), r);
-  }, [r, x]), w = o.useCallback(() => {
+    window.clearTimeout(m.current.close), m.current.open = window.setTimeout(() => x(!0), i);
+  }, [i, x]), w = o.useCallback(() => {
     window.clearTimeout(m.current.open), m.current.close = window.setTimeout(
       () => x(!1),
       a + 120
@@ -58,10 +58,10 @@ const Q = ({
       window.clearTimeout(m.current.open), window.clearTimeout(m.current.close);
     },
     []
-  ), /* @__PURE__ */ i(
+  ), /* @__PURE__ */ r(
     g.Provider,
     {
-      value: { open: h, triggerRef: u, contentRef: f, handleOpen: p, handleClose: w },
+      value: { open: b, triggerRef: u, contentRef: f, handleOpen: p, handleClose: w },
       children: e
     }
   );
@@ -70,7 +70,7 @@ const Q = ({
   className: t,
   ...s
 }) => {
-  const { open: n, triggerRef: r, handleOpen: a, handleClose: d } = N(
+  const { open: n, triggerRef: i, handleOpen: a, handleClose: d } = N(
     "InlineCitationCardTrigger"
   ), C = o.useMemo(() => {
     if (!e[0]) return "unknown";
@@ -81,10 +81,10 @@ const Q = ({
     }
     return e.length > 1 ? `${l} +${e.length - 1}` : l;
   }, [e]);
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ r(
     S,
     {
-      ref: r,
+      ref: i,
       variant: "soft",
       className: c("ml-1 cursor-default align-middle", t),
       role: "button",
@@ -104,21 +104,21 @@ const Q = ({
   children: t,
   ...s
 }) => {
-  const { open: n, triggerRef: r, contentRef: a, handleOpen: d, handleClose: C } = N("InlineCitationCardBody"), [l, h] = o.useState(null);
+  const { open: n, triggerRef: i, contentRef: a, handleOpen: d, handleClose: C } = N("InlineCitationCardBody"), [l, b] = o.useState(null);
   return o.useLayoutEffect(() => {
     if (!n) return;
-    const u = r.current;
+    const u = i.current;
     if (!u) return;
     const f = () => {
-      var b;
-      const m = u.getBoundingClientRect(), x = ((b = a.current) == null ? void 0 : b.offsetWidth) ?? 320, p = window.innerWidth - x - 8, w = m.left > p ? Math.max(8, p) : m.left;
-      h({ top: m.bottom + 6, left: w });
+      var h;
+      const m = u.getBoundingClientRect(), x = ((h = a.current) == null ? void 0 : h.offsetWidth) ?? 320, p = window.innerWidth - x - 8, w = m.left > p ? Math.max(8, p) : m.left;
+      b({ top: m.bottom + 6, left: w });
     };
     return f(), window.addEventListener("resize", f), window.addEventListener("scroll", f, !0), () => {
       window.removeEventListener("resize", f), window.removeEventListener("scroll", f, !0);
     };
-  }, [n, r]), M(
-    /* @__PURE__ */ i(R, { reducedMotion: "user", children: /* @__PURE__ */ i(E, { children: n && /* @__PURE__ */ i(
+  }, [n, i]), M(
+    /* @__PURE__ */ r(R, { reducedMotion: "user", children: /* @__PURE__ */ r(E, { children: n && /* @__PURE__ */ r(
       L.div,
       {
         ref: a,
@@ -137,7 +137,7 @@ const Q = ({
           transformOrigin: "top left"
         },
         className: c(
-          "z-50 w-80 overflow-hidden rounded-lg border border-border bg-elevated text-foreground shadow-elevation",
+          "z-50 w-80 overflow-hidden rounded-lg border border-border bg-elevated text-foreground",
           e
         ),
         ...s,
@@ -160,20 +160,20 @@ const G = ({
   children: t,
   ...s
 }) => {
-  const [n, r] = o.useState(0), [a, d] = o.useState(0), C = o.useCallback(
-    () => r((u) => Math.max(0, u - 1)),
+  const [n, i] = o.useState(0), [a, d] = o.useState(0), C = o.useCallback(
+    () => i((u) => Math.max(0, u - 1)),
     []
   ), l = o.useCallback(
-    () => r((u) => Math.min(Math.max(0, a - 1), u + 1)),
+    () => i((u) => Math.min(Math.max(0, a - 1), u + 1)),
     [a]
-  ), h = o.useCallback((u) => {
-    d(u), r((f) => Math.min(f, Math.max(0, u - 1)));
+  ), b = o.useCallback((u) => {
+    d(u), i((f) => Math.min(f, Math.max(0, u - 1)));
   }, []);
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ r(
     I.Provider,
     {
-      value: { index: n, count: a, setCount: h, scrollPrev: C, scrollNext: l },
-      children: /* @__PURE__ */ i("div", { className: c("w-full", e), ...s, children: t })
+      value: { index: n, count: a, setCount: b, scrollPrev: C, scrollNext: l },
+      children: /* @__PURE__ */ r("div", { className: c("w-full", e), ...s, children: t })
     }
   );
 }, J = ({
@@ -181,10 +181,10 @@ const G = ({
   children: t,
   ...s
 }) => {
-  const { index: n, setCount: r } = v(), a = o.Children.count(t);
+  const { index: n, setCount: i } = v(), a = o.Children.count(t);
   return o.useEffect(() => {
-    r(a);
-  }, [a, r]), /* @__PURE__ */ i("div", { className: c("overflow-hidden", e), ...s, children: /* @__PURE__ */ i(
+    i(a);
+  }, [a, i]), /* @__PURE__ */ r("div", { className: c("overflow-hidden", e), ...s, children: /* @__PURE__ */ r(
     "div",
     {
       className: "flex transition-transform duration-200 ease-out motion-reduce:transition-none",
@@ -195,7 +195,7 @@ const G = ({
 }, K = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ r(
   "div",
   {
     className: c("w-full shrink-0 space-y-2 p-4", e),
@@ -204,7 +204,7 @@ const G = ({
 ), O = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ r(
   "div",
   {
     className: c(
@@ -218,8 +218,8 @@ const G = ({
   className: t,
   ...s
 }) => {
-  const { index: n, count: r } = v();
-  return /* @__PURE__ */ i(
+  const { index: n, count: i } = v();
+  return /* @__PURE__ */ r(
     "div",
     {
       className: c(
@@ -227,7 +227,7 @@ const G = ({
         t
       ),
       ...s,
-      children: e ?? `${r === 0 ? 0 : n + 1}/${r}`
+      children: e ?? `${i === 0 ? 0 : n + 1}/${i}`
     }
   );
 }, y = c(
@@ -240,7 +240,7 @@ const G = ({
   ...t
 }) => {
   const { scrollPrev: s, index: n } = v();
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ r(
     "button",
     {
       type: "button",
@@ -249,24 +249,24 @@ const G = ({
       onClick: s,
       className: c(y, e),
       ...t,
-      children: /* @__PURE__ */ i(z, { className: "size-4" })
+      children: /* @__PURE__ */ r(z, { className: "size-4" })
     }
   );
 }, _ = ({
   className: e,
   ...t
 }) => {
-  const { scrollNext: s, index: n, count: r } = v();
-  return /* @__PURE__ */ i(
+  const { scrollNext: s, index: n, count: i } = v();
+  return /* @__PURE__ */ r(
     "button",
     {
       type: "button",
       "aria-label": "Next source",
-      disabled: n >= r - 1,
+      disabled: n >= i - 1,
       onClick: s,
       className: c(y, e),
       ...t,
-      children: /* @__PURE__ */ i(P, { className: "size-4" })
+      children: /* @__PURE__ */ r(P, { className: "size-4" })
     }
   );
 }, D = ({
@@ -274,18 +274,18 @@ const G = ({
   url: t,
   description: s,
   className: n,
-  children: r,
+  children: i,
   ...a
 }) => /* @__PURE__ */ k("div", { className: c("space-y-1", n), ...a, children: [
-  e && /* @__PURE__ */ i("p", { className: "truncate font-normal text-base leading-tight text-primary", children: e }),
-  t && /* @__PURE__ */ i("p", { className: "truncate break-all text-s text-tertiary", children: t }),
-  s && /* @__PURE__ */ i("p", { className: "line-clamp-3 text-base leading-relaxed text-secondary", children: s }),
-  r
+  e && /* @__PURE__ */ r("p", { className: "truncate font-normal text-base leading-tight text-primary", children: e }),
+  t && /* @__PURE__ */ r("p", { className: "truncate break-all text-s text-tertiary", children: t }),
+  s && /* @__PURE__ */ r("p", { className: "line-clamp-3 text-base leading-relaxed text-secondary", children: s }),
+  i
 ] }), ee = ({
   children: e,
   className: t,
   ...s
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ r(
   "blockquote",
   {
     className: c(

package/components/ai-elements/message.js

@@ -105,7 +105,7 @@ const S = i(
   "[&_h3]:mt-3 [&_h3]:mb-1 [&_h3]:text-base [&_h3]:font-medium",
   "[&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_li]:my-1",
   "[&_a]:font-normal [&_a]:underline [&_a]:underline-offset-2",
-  "[&_code]:rounded-xs [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-xs [&_code]:tabular-nums",
+  "[&_code]:rounded-xs [&_code]:bg-wg2 [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-xs [&_code]:tabular-nums",
   "[&_pre]:my-3 [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:bg-surface [&_pre]:p-3 [&_pre]:text-xs [&_pre_code]:bg-transparent [&_pre_code]:p-0",
   // Markdown tables only. Scoped off `[data-slot=table]` so a composed ADS
   // <Table> nested in a response keeps its own padding and per-column

package/components/ai-elements/tool.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
-import { Collapsible as m, CollapsibleTrigger as f, CollapsibleContent as h } from "../collapsible.js";
-import { Badge as x } from "../badge.js";
+import { Collapsible as m, CollapsibleTrigger as f, CollapsibleContent as x } from "../collapsible.js";
+import { Badge as h } from "../badge.js";
 import { ChevronDown as g, CloseCircle as b, CheckCircle as N, Clock as v, CircleDashed as y } from "../../lib/icons.js";
 import { cn as r } from "../../lib/cn.js";
 import { TraceStateIcon as w } from "./chain-of-thought-icon.js";
@@ -24,7 +24,7 @@ const T = {
   "output-error": { label: "Error", color: "danger", icon: b }
 }, S = ({ state: e }) => {
   const { label: o, color: n, icon: a, pulse: i } = T[e];
-  return /* @__PURE__ */ l(x, { variant: "soft", color: n, children: [
+  return /* @__PURE__ */ l(h, { variant: "soft", color: n, children: [
     /* @__PURE__ */ t(
       a,
       {
@@ -57,7 +57,7 @@ const O = {
   f,
   {
     className: r(
-      "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",
+      "group/tool-header flex w-full items-center justify-between gap-4 px-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
     ),
@@ -93,7 +93,7 @@ const O = {
 );
 j.displayName = "ToolHeader";
 const k = ({ className: e, ...o }) => /* @__PURE__ */ t(
-  h,
+  x,
   {
     className: r(
       "overflow-hidden text-secondary outline-none",

package/components/alert.d.ts

@@ -1,8 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 /**
- * Alert — inline status messaging in an outlined white container. A softly tinted
- * indicator carries status while the title and description stay neutral.
+ * Alert — inline status messaging in an outlined container. The status tone
+ * lives in a soft wash across the banner (the tone's 50 step fading to White by
+ * 70% of the width); the icon, title and description stay neutral.
  * Buttons are 24px tall and actions sit 16px below the message. Timed alerts
  * retain their countdown and dismiss after it completes.
  */

package/components/alert.js

@@ -1,17 +1,17 @@
 "use client";
-import { jsx as t, jsxs as I } from "react/jsx-runtime";
+import { jsx as t, jsxs as R } from "react/jsx-runtime";
 import * as e from "react";
-import { cva as R } from "class-variance-authority";
-import { MotionConfig as j, motion as y } from "motion/react";
-import { Info as h, WarningCircle as V, Warning as M, CheckCircle as S, Close as W } from "../lib/icons.js";
+import { cva as j } from "class-variance-authority";
+import { MotionConfig as z, motion as h } from "motion/react";
+import { Info as y, WarningCircle as V, Warning as M, CheckCircle as S, Close as W } from "../lib/icons.js";
 import { cn as m } from "../lib/cn.js";
 import { fadeTransition as X, springOverlay as H } from "../lib/motion.js";
-const O = R(
-  "relative grid w-full min-w-0 grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-4 overflow-hidden rounded-lg border border-border bg-card p-4 text-on-white-primary [&_button]:h-6",
+const O = j(
+  "relative grid w-full min-w-0 grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-4 overflow-hidden rounded-lg border border-border bg-[linear-gradient(90deg,var(--alert-soft)_0%,var(--color-card)_70%)] p-4 text-on-white-primary [&_button]:h-6",
   {
     variants: {
       variant: {
-        default: "[--alert-accent:var(--foreground)] [--alert-soft:var(--fill)]",
+        default: "[--alert-accent:var(--foreground)] [--alert-soft:var(--color-card)]",
         success: "[--alert-accent:var(--color-success-700)] [--alert-soft:var(--color-success-50)]",
         warning: "[--alert-accent:var(--color-warning-700)] [--alert-soft:var(--color-warning-50)]",
         danger: "[--alert-accent:var(--color-danger-700)] [--alert-soft:var(--color-danger-50)]",
@@ -21,45 +21,45 @@ const O = R(
     defaultVariants: { variant: "default" }
   }
 ), q = {
-  default: h,
+  default: y,
   success: S,
   warning: M,
   danger: V,
-  info: h
+  info: y
 }, B = e.forwardRef(
   ({ className: o, variant: a = "default", icon: s, duration: i = 0, onClose: l, children: g, ...A }, E) => {
-    const T = q[a ?? "default"], [n, k] = e.useState(!1), [c, C] = e.useState(!1), d = e.useRef(l), w = e.useRef(!1), u = e.Children.toArray(g);
+    const _ = q[a ?? "default"], [n, T] = e.useState(!1), [c, k] = e.useState(!1), d = e.useRef(l), w = e.useRef(!1), u = e.Children.toArray(g);
     let f = -1;
-    u.forEach((r, D) => {
+    u.forEach((r, I) => {
       if (!e.isValidElement(r)) return;
-      const v = typeof r.type == "string" ? void 0 : r.type.displayName;
-      (r.type === b || r.type === N || v === "AlertTitle" || v === "AlertDescription") && (f = D);
+      const x = typeof r.type == "string" ? void 0 : r.type.displayName;
+      (r.type === b || r.type === N || x === "AlertTitle" || x === "AlertDescription") && (f = I);
     });
-    const _ = f < 0 ? g : u.slice(0, f + 1), x = f < 0 ? [] : u.slice(f + 1);
+    const C = f < 0 ? g : u.slice(0, f + 1), v = f < 0 ? [] : u.slice(f + 1);
     e.useEffect(() => {
       d.current = l;
     }, [l]);
     const p = e.useCallback(() => {
-      c || k(!0);
+      c || T(!0);
     }, [c]);
     e.useEffect(() => {
       if (i <= 0 || n || c) return;
       const r = window.setTimeout(p, i);
       return () => window.clearTimeout(r);
     }, [p, i, c, n]);
-    const z = e.useCallback(() => {
+    const D = e.useCallback(() => {
       var r;
-      !n || w.current || (w.current = !0, C(!0), (r = d.current) == null || r.call(d));
+      !n || w.current || (w.current = !0, k(!0), (r = d.current) == null || r.call(d));
     }, [n]);
-    return c ? null : /* @__PURE__ */ t(j, { reducedMotion: "user", children: /* @__PURE__ */ t(
-      y.div,
+    return c ? null : /* @__PURE__ */ t(z, { reducedMotion: "user", children: /* @__PURE__ */ t(
+      h.div,
       {
         className: "w-full min-w-0",
         initial: { opacity: 1, x: 32 },
         animate: n ? { opacity: 0, x: -32 } : { opacity: 1, x: 0 },
         transition: n ? X : H,
-        onAnimationComplete: z,
-        children: /* @__PURE__ */ I(
+        onAnimationComplete: D,
+        children: /* @__PURE__ */ R(
           "div",
           {
             ref: E,
@@ -72,8 +72,8 @@ const O = R(
             ),
             ...A,
             children: [
-              /* @__PURE__ */ t("span", { "data-slot": "alert-icon", className: "col-start-1 row-start-1 flex size-8 self-center select-none items-center justify-center rounded-md bg-(--alert-soft) text-(--alert-accent) [&_svg]:size-4", children: s ?? /* @__PURE__ */ t(T, { "aria-hidden": !0 }) }),
-              /* @__PURE__ */ t("div", { "data-slot": "alert-content", className: "col-start-2 row-start-1 flex min-w-0 flex-col items-start gap-0.5 self-center [overflow-wrap:anywhere]", children: _ }),
+              /* @__PURE__ */ t("span", { "data-slot": "alert-icon", className: "col-start-1 row-start-1 flex h-8 w-5 self-center select-none items-center justify-center text-on-white-primary [&_svg]:size-4", children: s ?? /* @__PURE__ */ t(_, { "aria-hidden": !0 }) }),
+              /* @__PURE__ */ t("div", { "data-slot": "alert-content", className: "col-start-2 row-start-1 flex min-w-0 flex-col items-start gap-0.5 self-center [overflow-wrap:anywhere]", children: C }),
               l && /* @__PURE__ */ t(
                 "button",
                 {
@@ -90,9 +90,9 @@ const O = R(
                   children: /* @__PURE__ */ t(W, { "aria-hidden": !0 })
                 }
               ),
-              x.length > 0 && /* @__PURE__ */ t("div", { "data-slot": "alert-actions", className: "col-start-2 row-start-2 flex min-w-0 flex-wrap items-center gap-2 [&>*]:max-w-full", children: x }),
+              v.length > 0 && /* @__PURE__ */ t("div", { "data-slot": "alert-actions", className: "col-start-2 row-start-2 flex min-w-0 flex-wrap items-center gap-2 [&>*]:max-w-full", children: v }),
               i > 0 && /* @__PURE__ */ t("span", { "aria-hidden": !0, className: "absolute inset-x-0 bottom-0 h-0.5 bg-wg3", children: /* @__PURE__ */ t(
-                y.span,
+                h.span,
                 {
                   className: "block size-full origin-left bg-(--alert-accent)",
                   initial: { scaleX: 1 },

package/components/answer.js

@@ -1476,7 +1476,7 @@ const ue = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
             disabled: !r,
             onClick: () => r == null ? void 0 : r(u),
             className: g(
-              "w-full rounded-xl bg-card px-4 py-3 text-left shadow-elevation",
+              "w-full rounded-xl bg-card px-4 py-3 text-left",
               "transition-[background,transform,box-shadow] duration-150 ease-out motion-reduce:transition-none",
               "outline-none focus-visible:ring-3 focus-visible:ring-ring",
               "hover:bg-surface active:scale-[0.97]",

package/components/assistant-ui/action-bar.js

@@ -56,7 +56,7 @@ const z = ({ open: s, onOpenChange: i }) => {
                 side: "bottom",
                 align: "start",
                 sideOffset: 6,
-                className: "aui-action-bar-more-content bg-popover/95 text-popover-foreground data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-xl border p-1.5 shadow-300 backdrop-blur-sm",
+                className: "aui-action-bar-more-content bg-popover/95 text-popover-foreground data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-xl border p-1.5 shadow-float backdrop-blur-sm",
                 children: [
                   /* @__PURE__ */ t(
                     n.Item,