@actioneer/ads 0.3.0 → 0.4.0

package/components/scroll-area.js

@@ -1,19 +1,19 @@
 "use client";
 import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import * as i from "react";
-import { ScrollArea as a } from "radix-ui";
+import { ScrollArea as e } from "radix-ui";
 import { cn as s } from "../lib/cn.js";
 const m = i.forwardRef(
-  ({ className: e, children: l, orientation: r = "vertical", viewportClassName: t, ...n }, d) => /* @__PURE__ */ f(
-    a.Root,
+  ({ className: a, children: l, orientation: r = "vertical", viewportClassName: t, ...n }, d) => /* @__PURE__ */ f(
+    e.Root,
     {
       ref: d,
       "data-slot": "scroll-area",
-      className: s("relative overflow-hidden", e),
+      className: s("relative overflow-hidden border border-border", a),
       ...n,
       children: [
         /* @__PURE__ */ o(
-          a.Viewport,
+          e.Viewport,
           {
             className: s("size-full rounded-[inherit]", t),
             children: l
@@ -21,14 +21,14 @@ const m = i.forwardRef(
         ),
         (r === "vertical" || r === "both") && /* @__PURE__ */ o(c, { orientation: "vertical" }),
         (r === "horizontal" || r === "both") && /* @__PURE__ */ o(c, { orientation: "horizontal" }),
-        /* @__PURE__ */ o(a.Corner, {})
+        /* @__PURE__ */ o(e.Corner, {})
       ]
     }
   )
 );
 m.displayName = "ScrollArea";
-const c = i.forwardRef(({ className: e, orientation: l = "vertical", ...r }, t) => /* @__PURE__ */ o(
-  a.ScrollAreaScrollbar,
+const c = i.forwardRef(({ className: a, orientation: l = "vertical", ...r }, t) => /* @__PURE__ */ o(
+  e.ScrollAreaScrollbar,
   {
     ref: t,
     orientation: l,
@@ -38,11 +38,11 @@ const c = i.forwardRef(({ className: e, orientation: l = "vertical", ...r }, t)
       "transition-colors duration-(--duration-fast) ease-out motion-reduce:transition-none",
       l === "vertical" && "h-full w-2.5",
       l === "horizontal" && "h-2.5 flex-col",
-      e
+      a
     ),
     ...r,
     children: /* @__PURE__ */ o(
-      a.ScrollAreaThumb,
+      e.ScrollAreaThumb,
       {
         "data-slot": "scroll-bar-thumb",
         className: "relative flex-1 rounded-full bg-fill transition-colors duration-(--duration-fast) ease-out hover:bg-border-strong motion-reduce:transition-none"

package/components/sidebar.js

@@ -235,7 +235,7 @@ const B = n.forwardRef(
       className: o("group-data-[collapsed=true]/sidebar:hidden", a),
       ...r,
       children: [
-        e && /* @__PURE__ */ t("div", { className: "mb-1.5 px-3 text-[length:var(--sidebar-section-label-size)] leading-[var(--text-xs--line-height)] font-semibold uppercase tracking-wider text-muted-foreground", children: e }),
+        e && /* @__PURE__ */ t("div", { className: "mb-1.5 px-3 text-[length:var(--sidebar-section-label-size)] leading-[var(--text-xs--line-height)] font-normal uppercase tracking-wider text-muted-foreground", children: e }),
         /* @__PURE__ */ t("div", { className: "flex flex-col gap-0.5", children: i })
       ]
     }

package/components/stepper.d.ts

@@ -5,26 +5,34 @@ import * as React from "react";
  *
  * `Progress` is a continuous bar and `Timeline` is a chronological list of
  * content; neither says "step 2 of 5, and here is what 3 through 5 will be".
- * Completed steps collapse to a check so the eye counts what is left, not what
- * is done. The connector is a functional rail, like `Tree`'s — an allowed
- * stroke.
+ * Completed steps collapse to a green check so the eye counts what is left,
+ * not what is done; the current step stays brand-black; a failed step turns
+ * danger and keeps its place in the sequence rather than disappearing — a
+ * wizard that hides the step that broke is unusable.
+ *
+ * One label per step, deliberately: a sub-label under every step is the
+ * redundant chrome design principle 8 warns about.
+ *
+ * Horizontal only. The connector is a functional rail, like `Tree`'s — an
+ * allowed stroke — running the full distance between two markers so the
+ * sequence reads as one continuous line rather than a row of ticks.
  */
-export type StepperStatus = "complete" | "current" | "upcoming";
+export type StepperStatus = "complete" | "current" | "upcoming" | "error";
 export interface StepperStep {
     /** Stable key, also used for the accessible label. */
     id: string;
     label: React.ReactNode;
-    /** Optional qualifier under the label. */
-    description?: React.ReactNode;
+    /** Marks a step that failed. Overrides the index-derived status. */
+    isError?: boolean;
 }
 declare const markerVariants: (props?: ({
-    status?: "current" | "complete" | "upcoming" | null | undefined;
+    status?: "current" | "error" | "complete" | "upcoming" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface StepperProps extends Omit<React.HTMLAttributes<HTMLOListElement>, "onSelect">, VariantProps<typeof markerVariants> {
+export interface StepperProps extends Omit<React.HTMLAttributes<HTMLOListElement>, "onSelect">, Pick<VariantProps<typeof markerVariants>, "size"> {
     steps: StepperStep[];
     /** Zero-based index of the current step. */
     activeIndex: number;
-    orientation?: "horizontal" | "vertical";
     /** Makes completed steps navigable. */
     onSelect?: (index: number) => void;
 }

package/components/stepper.js

@@ -1,113 +1,102 @@
 "use client";
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import * as h from "react";
-import { cva as v } from "class-variance-authority";
-import { cn as t } from "../lib/cn.js";
-import { Check as d } from "../lib/icons.js";
-const f = v(
-  t(
-    "flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-medium tabular-nums",
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import * as v from "react";
+import { cva as k } from "class-variance-authority";
+import { cn as s } from "../lib/cn.js";
+import { Check as u, Close as f } from "../lib/icons.js";
+const p = k(
+  s(
+    "flex shrink-0 items-center justify-center rounded-full font-medium tabular-nums",
     "transition-colors duration-(--duration-fast) ease-out motion-reduce:transition-none"
   ),
   {
     variants: {
       status: {
-        complete: "bg-brand text-brand-foreground [&>svg]:size-3.5",
+        complete: "bg-success text-success-foreground",
         current: "bg-brand text-brand-foreground",
-        upcoming: "bg-fill text-tertiary"
+        upcoming: "bg-fill text-tertiary",
+        error: "bg-danger text-danger-foreground"
+      },
+      size: {
+        sm: "size-5 text-[11px] [&>svg]:size-3",
+        md: "size-6 text-xs [&>svg]:size-3.5"
       }
     },
-    defaultVariants: { status: "upcoming" }
+    defaultVariants: { status: "upcoming", size: "md" }
   }
-), N = h.forwardRef(
-  ({ className: g, steps: o, activeIndex: c, orientation: m = "horizontal", onSelect: i, ...u }, b) => {
-    const a = m === "vertical";
-    return /* @__PURE__ */ r(
-      "ol",
-      {
-        ref: b,
-        "data-slot": "stepper",
-        "data-orientation": m,
-        "aria-label": u["aria-label"] ?? "Progress",
-        className: t(
-          "flex w-full",
-          a ? "flex-col gap-0" : "flex-row items-start gap-0",
-          g
-        ),
-        ...u,
-        children: o.map((n, s) => {
-          const e = s < c ? "complete" : s === c ? "current" : "upcoming", p = s === o.length - 1, x = !!i && e === "complete";
-          return /* @__PURE__ */ l(
-            "li",
-            {
-              "data-status": e,
-              "aria-current": e === "current" ? "step" : void 0,
-              className: t(
-                "flex min-w-0",
-                a ? "flex-row gap-3" : "flex-1 flex-col gap-2",
-                !p && a && "pb-6"
-              ),
-              children: [
-                /* @__PURE__ */ l(
-                  "div",
+), w = v.forwardRef(
+  ({
+    className: d,
+    steps: l,
+    activeIndex: a,
+    size: n = "md",
+    onSelect: o,
+    ...c
+  }, g) => /* @__PURE__ */ e(
+    "ol",
+    {
+      ref: g,
+      "data-slot": "stepper",
+      "aria-label": c["aria-label"] ?? "Progress",
+      className: s("flex w-full flex-row items-start", d),
+      ...c,
+      children: l.map((i, t) => {
+        const r = i.isError ? "error" : t < a ? "complete" : t === a ? "current" : "upcoming", b = t === l.length - 1, x = !!o && t < a, h = t < a && !i.isError, N = /* @__PURE__ */ e("span", { "aria-hidden": !0, className: p({ status: r, size: n }), children: r === "complete" ? /* @__PURE__ */ e(u, {}) : r === "error" ? /* @__PURE__ */ e(f, {}) : t + 1 });
+        return /* @__PURE__ */ m(
+          "li",
+          {
+            "data-status": r,
+            "aria-current": r === "current" ? "step" : void 0,
+            className: "flex min-w-0 flex-1 flex-col gap-2",
+            children: [
+              /* @__PURE__ */ m("div", { className: "flex w-full flex-row items-center gap-2", children: [
+                x ? /* @__PURE__ */ e(
+                  "button",
                   {
-                    className: t(
-                      "flex min-w-0",
-                      a ? "flex-col items-center gap-1" : "w-full flex-row items-center gap-2"
+                    type: "button",
+                    onClick: () => o == null ? void 0 : o(t),
+                    "aria-label": `Go to step ${t + 1}`,
+                    className: s(
+                      p({ status: r, size: n }),
+                      "cursor-pointer outline-none focus-visible:ring-3 focus-visible:ring-ring",
+                      "active:scale-(--scale-press)"
                     ),
-                    children: [
-                      x ? /* @__PURE__ */ r(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: () => i == null ? void 0 : i(s),
-                          "aria-label": `Go to step ${s + 1}`,
-                          className: t(
-                            f({ status: e }),
-                            "cursor-pointer outline-none focus-visible:ring-3 focus-visible:ring-ring",
-                            "active:scale-(--scale-press)"
-                          ),
-                          children: /* @__PURE__ */ r(d, { "aria-hidden": !0 })
-                        }
-                      ) : /* @__PURE__ */ r("span", { "aria-hidden": !0, className: f({ status: e }), children: e === "complete" ? /* @__PURE__ */ r(d, {}) : s + 1 }),
-                      !p && /* @__PURE__ */ r(
-                        "span",
-                        {
-                          "aria-hidden": !0,
-                          className: t(
-                            "shrink-0 bg-border",
-                            a ? "w-px flex-1" : "h-px flex-1",
-                            e === "complete" && "bg-brand"
-                          )
-                        }
-                      )
-                    ]
+                    children: r === "complete" ? /* @__PURE__ */ e(u, {}) : r === "error" ? /* @__PURE__ */ e(f, {}) : t + 1
                   }
-                ),
-                /* @__PURE__ */ l("div", { className: t("min-w-0", a ? "pb-1" : "pr-4"), children: [
-                  /* @__PURE__ */ r(
-                    "div",
-                    {
-                      className: t(
-                        "truncate text-base",
-                        e === "upcoming" ? "text-tertiary" : "text-foreground"
-                      ),
-                      children: n.label
-                    }
+                ) : N,
+                !b && /* @__PURE__ */ e(
+                  "span",
+                  {
+                    "aria-hidden": !0,
+                    className: s(
+                      "h-px flex-1 shrink-0 bg-border",
+                      h && "bg-success"
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e("div", { className: "min-w-0 pr-4", children: /* @__PURE__ */ e(
+                "div",
+                {
+                  className: s(
+                    "truncate",
+                    n === "sm" ? "text-xs" : "text-base",
+                    r === "upcoming" ? "text-tertiary" : "text-foreground",
+                    r === "error" && "text-danger"
                   ),
-                  n.description && /* @__PURE__ */ r("div", { className: "truncate text-xs text-tertiary", children: n.description })
-                ] })
-              ]
-            },
-            n.id
-          );
-        })
-      }
-    );
-  }
+                  children: i.label
+                }
+              ) })
+            ]
+          },
+          i.id
+        );
+      })
+    }
+  )
 );
-N.displayName = "Stepper";
+w.displayName = "Stepper";
 export {
-  N as Stepper,
-  f as stepperMarkerVariants
+  w as Stepper,
+  p as stepperMarkerVariants
 };

package/lib/icons.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx as r } from "react/jsx-runtime";
 import { HugeiconsIcon as s } from "@hugeicons/react";
-import { Tick02Icon as a, Copy01Icon as i, File02Icon as I, Cancel01Icon as l, Upload04Icon as h, ViewOffIcon as C, ViewIcon as g, MinusSignIcon as p, PlusSignIcon as f, ArrowDown01Icon as d, Search01Icon as u, InformationCircleIcon as k, AlertCircleIcon as w, Alert02Icon as A, CheckmarkCircle02Icon as L, ArrowLeft01Icon as m, ArrowRight01Icon as S, DatabaseIcon as M, Maximize01Icon as O, Magnet01Icon as P, ArrowUp01Icon as T, ArrowUpDownIcon as U, InboxIcon as B, ArrowLeft02Icon as D, MoreHorizontalIcon as y, RefreshIcon as F, CancelCircleIcon as R, Attachment01Icon as b, SparklesIcon as x, Clock01Icon as H, QuoteDownIcon as v, BrainIcon as G, Loading03Icon as V, AtIcon as z, BoltIcon as E, Table01Icon as W, File01Icon as N, Download01Icon as Q, Image01Icon as j, BracesIcon as q, MusicNote01Icon as J, Video01Icon as K, ImageNotFound01Icon as X, Activity01Icon as Y, AiChat02Icon as Z, ArrowDown02Icon as _, ArrowRight02Icon as $, ArrowUp02Icon as oo, Route01Icon as no, BlocksIcon as co, BookOpen01Icon as eo, Calendar01Icon as to, Call02Icon as ro, CheckListIcon as so, CircleDashedIcon as ao, CodeIcon as io, ComponentIcon as Io, LinkSquare02Icon as lo, Folder01Icon as ho, FolderOpenIcon as Co, DashboardSpeed01Icon as go, GitBranchIcon as po, HashtagIcon as fo, HistoryIcon as uo, Home01Icon as ko, ImageUploadIcon as wo, GridViewIcon as Ao, Leaf01Icon as Lo, Idea01Icon as mo, Link01Icon as So, Logout01Icon as Mo, Mail01Icon as Oo, Mic01Icon as Po, MicOff01Icon as To, MoreVerticalIcon as Uo, PaintBoardIcon as Bo, SidebarLeftIcon as Do, PencilEdit02Icon as yo, PhoneOff01Icon as Fo, PieChartIcon as Ro, PlugSocketIcon as bo, RocketIcon as xo, Settings01Icon as Ho, ShapesIcon as vo, Share01Icon as Go, StarIcon as Vo, StopIcon as zo, Target01Icon as Eo, Telescope01Icon as Wo, TextFontIcon as No, ToggleOnIcon as Qo, Delete02Icon as jo, UserIcon as qo, UserGroupIcon as Jo, Wrench01Icon as Ko, ArrowUpRight01Icon as Xo } from "@hugeicons/core-free-icons";
+import { Tick02Icon as a, Copy01Icon as i, File02Icon as I, Cancel01Icon as l, Upload01Icon as h, ViewOffIcon as C, ViewIcon as g, MinusSignIcon as p, PlusSignIcon as f, ArrowDown01Icon as d, Search01Icon as u, InformationCircleIcon as k, AlertCircleIcon as w, Alert02Icon as A, CheckmarkCircle02Icon as L, ArrowLeft01Icon as m, ArrowRight01Icon as S, DatabaseIcon as M, Maximize01Icon as O, Magnet01Icon as P, ArrowUp01Icon as T, ArrowUpDownIcon as U, InboxIcon as B, ArrowLeft02Icon as D, MoreHorizontalIcon as y, SparklesIcon as F, Wrench01Icon as R, CancelCircleIcon as b, Clock01Icon as x, CircleDashedIcon as H, RefreshIcon as v, Attachment01Icon as G, QuoteDownIcon as V, BrainIcon as z, Loading03Icon as E, AtIcon as W, BoltIcon as N, Table01Icon as Q, File01Icon as j, Download01Icon as q, Image01Icon as J, BracesIcon as K, MusicNote01Icon as X, Video01Icon as Y, ImageNotFound01Icon as Z, Activity01Icon as _, AiChat02Icon as $, ArrowDown02Icon as oo, ArrowRight02Icon as no, ArrowUp02Icon as co, Route01Icon as eo, BlocksIcon as to, BookOpen01Icon as ro, Calendar01Icon as so, Call02Icon as ao, CheckListIcon as io, CodeIcon as Io, ComponentIcon as lo, LinkSquare02Icon as ho, Folder01Icon as Co, FolderOpenIcon as go, DashboardSpeed01Icon as po, GitBranchIcon as fo, HashtagIcon as uo, HistoryIcon as ko, Home01Icon as wo, ImageUploadIcon as Ao, GridViewIcon as Lo, Leaf01Icon as mo, Idea01Icon as So, Link01Icon as Mo, Logout01Icon as Oo, Mail01Icon as Po, Mic01Icon as To, MicOff01Icon as Uo, MoreVerticalIcon as Bo, PaintBoardIcon as Do, SidebarLeftIcon as yo, PencilEdit02Icon as Fo, PhoneOff01Icon as Ro, PieChartIcon as bo, PlugSocketIcon as xo, RocketIcon as Ho, Settings01Icon as vo, ShapesIcon as Go, Share01Icon as Vo, StarIcon as zo, StopIcon as Eo, Target01Icon as Wo, Telescope01Icon as No, TextFontIcon as Qo, ToggleOnIcon as jo, Delete02Icon as qo, UserIcon as Jo, UserGroupIcon as Ko, ArrowUpRight01Icon as Xo } from "@hugeicons/core-free-icons";
 function o(c, e) {
   function n(t) {
     return /* @__PURE__ */ r(s, { icon: c, size: "1em", ...t });
   }
   return n.displayName = e, n;
 }
-const $o = o(_, "ArrowDown"), on = o(D, "ArrowLeft"), nn = o($, "ArrowRight"), cn = o(oo, "ArrowUp"), en = o(Xo, "ArrowUpRight"), tn = o(d, "ChevronDown"), rn = o(m, "ChevronLeft"), sn = o(S, "ChevronRight"), an = o(T, "ChevronUp"), In = o(U, "SortIcon"), ln = o(lo, "ExternalLink"), hn = o(Do, "PanelLeft"), Cn = o(z, "At"), gn = o(ro, "Call"), pn = o(l, "Close"), fn = o(R, "CloseCircle"), dn = o(i, "Copy"), un = o(Q, "Download"), kn = o(Mo, "LogOut"), wn = o(Po, "Mic"), An = o(To, "MicOff"), Ln = o(Fo, "PhoneOff"), mn = o(yo, "Pencil"), Sn = o(v, "Quote"), Mn = o(g, "Eye"), On = o(C, "EyeOff"), Pn = o(fo, "Hash"), Tn = o(wo, "ImageUpload"), Un = o(h, "Upload"), Bn = o(No, "TextFont"), Dn = o(Qo, "ToggleOn"), yn = o(to, "Calendar"), Fn = o(H, "Clock"), Rn = o(io, "Code"), bn = o(zo, "Stop"), xn = o(P, "Magnet"), Hn = o(O, "Maximize"), vn = o(p, "Minus"), Gn = o(y, "MoreHorizontal"), Vn = o(Uo, "MoreVertical"), zn = o(So, "Link"), En = o(f, "Plus"), Wn = o(F, "Refresh"), Nn = o(no, "AuditTrail"), Qn = o(u, "Search"), jn = o(Go, "Share"), qn = o(jo, "Trash"), Jn = o(a, "Check"), Kn = o(V, "Loader"), Xn = o(L, "CheckCircle"), Yn = o(k, "Info"), Zn = o(A, "Warning"), _n = o(w, "WarningCircle"), $n = o(Y, "Activity"), oc = o(Z, "AgentChat"), nc = o(E, "Bolt"), cc = o(eo, "BookOpen"), ec = o(G, "Brain"), tc = o(so, "CheckList"), rc = o(Io, "Component"), sc = o(M, "Database"), ac = o(W, "Table"), ic = o(N, "File"), Ic = o(I, "FileText"), lc = o(ho, "Folder"), hc = o(j, "Image"), Cc = o(X, "ImageOff"), gc = o(J, "Music"), pc = o(K, "Video"), fc = o(q, "Braces"), dc = o(Co, "FolderOpen"), uc = o(go, "Gauge"), kc = o(po, "GitBranch"), wc = o(uo, "HistoryClock"), Ac = o(ko, "Home"), Lc = o(co, "Blocks"), mc = o(B, "Inbox"), Sc = o(mo, "Lightbulb"), Mc = o(Lo, "Leaf"), Oc = o(Ao, "LayoutGrid"), Pc = o(Oo, "Mail"), Tc = o(Bo, "Palette"), Uc = o(Ro, "PieChart"), Bc = o(bo, "Plug"), Dc = o(xo, "Rocket"), yc = o(Ho, "Settings"), Fc = o(vo, "Shapes"), Rc = o(x, "Sparkles"), bc = o(Vo, "Star"), xc = o(Wo, "Telescope"), Hc = o(Eo, "Target"), vc = o(qo, "User"), Gc = o(Jo, "Users"), Vc = o(b, "Paperclip"), zc = o(ao, "CircleDashed"), Ec = o(Ko, "Wrench");
+const $o = o(oo, "ArrowDown"), on = o(D, "ArrowLeft"), nn = o(no, "ArrowRight"), cn = o(co, "ArrowUp"), en = o(Xo, "ArrowUpRight"), tn = o(d, "ChevronDown"), rn = o(m, "ChevronLeft"), sn = o(S, "ChevronRight"), an = o(T, "ChevronUp"), In = o(U, "SortIcon"), ln = o(ho, "ExternalLink"), hn = o(yo, "PanelLeft"), Cn = o(W, "At"), gn = o(ao, "Call"), pn = o(l, "Close"), fn = o(b, "CloseCircle"), dn = o(i, "Copy"), un = o(q, "Download"), kn = o(Oo, "LogOut"), wn = o(To, "Mic"), An = o(Uo, "MicOff"), Ln = o(Ro, "PhoneOff"), mn = o(Fo, "Pencil"), Sn = o(V, "Quote"), Mn = o(g, "Eye"), On = o(C, "EyeOff"), Pn = o(uo, "Hash"), Tn = o(Ao, "ImageUpload"), Un = o(h, "Upload"), Bn = o(Qo, "TextFont"), Dn = o(jo, "ToggleOn"), yn = o(so, "Calendar"), Fn = o(x, "Clock"), Rn = o(Io, "Code"), bn = o(Eo, "Stop"), xn = o(P, "Magnet"), Hn = o(O, "Maximize"), vn = o(p, "Minus"), Gn = o(y, "MoreHorizontal"), Vn = o(Bo, "MoreVertical"), zn = o(Mo, "Link"), En = o(f, "Plus"), Wn = o(v, "Refresh"), Nn = o(eo, "AuditTrail"), Qn = o(u, "Search"), jn = o(Vo, "Share"), qn = o(qo, "Trash"), Jn = o(a, "Check"), Kn = o(E, "Loader"), Xn = o(L, "CheckCircle"), Yn = o(k, "Info"), Zn = o(A, "Warning"), _n = o(w, "WarningCircle"), $n = o(_, "Activity"), oc = o($, "AgentChat"), nc = o(N, "Bolt"), cc = o(ro, "BookOpen"), ec = o(z, "Brain"), tc = o(io, "CheckList"), rc = o(lo, "Component"), sc = o(M, "Database"), ac = o(Q, "Table"), ic = o(j, "File"), Ic = o(I, "FileText"), lc = o(Co, "Folder"), hc = o(J, "Image"), Cc = o(Z, "ImageOff"), gc = o(X, "Music"), pc = o(Y, "Video"), fc = o(K, "Braces"), dc = o(go, "FolderOpen"), uc = o(po, "Gauge"), kc = o(fo, "GitBranch"), wc = o(ko, "HistoryClock"), Ac = o(wo, "Home"), Lc = o(to, "Blocks"), mc = o(B, "Inbox"), Sc = o(So, "Lightbulb"), Mc = o(mo, "Leaf"), Oc = o(Lo, "LayoutGrid"), Pc = o(Po, "Mail"), Tc = o(Do, "Palette"), Uc = o(bo, "PieChart"), Bc = o(xo, "Plug"), Dc = o(Ho, "Rocket"), yc = o(vo, "Settings"), Fc = o(Go, "Shapes"), Rc = o(F, "Sparkles"), bc = o(zo, "Star"), xc = o(No, "Telescope"), Hc = o(Wo, "Target"), vc = o(Jo, "User"), Gc = o(Ko, "Users"), Vc = o(G, "Paperclip"), zc = o(H, "CircleDashed"), Ec = o(R, "Wrench");
 export {
   $n as Activity,
   oc as AgentChat,

package/lib/motion.d.ts

@@ -18,6 +18,8 @@ export declare const EASE_IN_OUT: readonly [0.77, 0, 0.175, 1];
 export declare const EASE_EXPO_OUT: readonly [0.16, 1, 0.3, 1];
 /** @deprecated Use `EASE_EXPO_OUT`. Kept as a compatibility alias. */
 export declare const EASE_DRAWER: readonly [0.16, 1, 0.3, 1];
+/** Mirror of --ease-disclosure — height reveals (see theme.css). */
+export declare const EASE_DISCLOSURE: readonly [0.32, 0.72, 0, 1];
 /**
  * Floating panels anchored to a trigger (popover / dropdown / listboxes).
  * Pair with an origin-aware `transformOrigin` so the panel grows out of the

package/lib/motion.js

@@ -1,5 +1,5 @@
 "use client";
-const t = [0.23, 1, 0.32, 1], s = [0.77, 0, 0.175, 1], a = [0.16, 1, 0.3, 1], i = a, r = {
+const t = [0.23, 1, 0.32, 1], s = [0.77, 0, 0.175, 1], a = [0.16, 1, 0.3, 1], i = a, r = [0.32, 0.72, 0, 1], o = {
   hidden: {
     opacity: 0,
     transform: "translate3d(0, -4px, 0) scale(0.96)",
@@ -10,7 +10,7 @@ const t = [0.23, 1, 0.32, 1], s = [0.77, 0, 0.175, 1], a = [0.16, 1, 0.3, 1], i
     transform: "translate3d(0, 0, 0) scale(1)",
     transition: { duration: 0.15, ease: t }
   }
-}, o = {
+}, e = {
   hidden: {
     opacity: 0,
     transform: "scale(0.96)",
@@ -21,7 +21,7 @@ const t = [0.23, 1, 0.32, 1], s = [0.77, 0, 0.175, 1], a = [0.16, 1, 0.3, 1], i
     transform: "scale(1)",
     transition: { duration: 0.14, ease: t }
   }
-}, e = {
+}, d = {
   hidden: {
     opacity: 0,
     transform: "translate3d(0, 8px, 0) scale(0.96)",
@@ -32,23 +32,23 @@ const t = [0.23, 1, 0.32, 1], s = [0.77, 0, 0.175, 1], a = [0.16, 1, 0.3, 1], i
     transform: "translate3d(0, 0, 0) scale(1)",
     transition: { duration: 0.22, ease: t }
   }
-}, d = {
+}, c = {
   hidden: { opacity: 0, transition: { duration: 0.12, ease: t } },
   visible: { opacity: 1, transition: { duration: 0.18, ease: t } }
-}, c = {
+}, l = {
   hidden: { opacity: 0, transition: { duration: 0.14, ease: t } },
   visible: { opacity: 1, transition: { duration: 0.22, ease: t } }
-}, l = {
+}, p = {
   duration: 0.24,
   ease: a
-}, p = {
+}, f = {
   duration: 0.18,
   ease: a
-}, f = {
+}, m = {
   right: { transform: "translate3d(100%, 0, 0)" },
   left: { transform: "translate3d(-100%, 0, 0)" },
   bottom: { transform: "translate3d(0, 100%, 0)" }
-}, m = {
+}, y = {
   hidden: { opacity: 0, transform: "translate3d(0, 8px, 0)" },
   visible: {
     opacity: 1,
@@ -60,7 +60,7 @@ const t = [0.23, 1, 0.32, 1], s = [0.77, 0, 0.175, 1], a = [0.16, 1, 0.3, 1], i
   stiffness: 420,
   damping: 34,
   mass: 0.9
-}, y = {
+}, u = {
   hidden: {
     opacity: 0,
     transform: "translate3d(0, 16px, 0) scale(0.98)",
@@ -78,19 +78,20 @@ const t = [0.23, 1, 0.32, 1], s = [0.77, 0, 0.175, 1], a = [0.16, 1, 0.3, 1], i
   }
 };
 export {
+  r as EASE_DISCLOSURE,
   i as EASE_DRAWER,
   a as EASE_EXPO_OUT,
   s as EASE_IN_OUT,
   t as EASE_OUT,
-  d as backdropVariants,
-  c as drawerBackdropVariants,
-  l as drawerEnterTransition,
-  p as drawerExitTransition,
-  f as drawerOffset,
-  r as floatVariants,
-  e as modalPanelVariants,
-  m as screenVariants,
+  c as backdropVariants,
+  l as drawerBackdropVariants,
+  p as drawerEnterTransition,
+  f as drawerExitTransition,
+  m as drawerOffset,
+  o as floatVariants,
+  d as modalPanelVariants,
+  y as screenVariants,
   n as toastSpring,
-  y as toastVariants,
-  o as tooltipVariants
+  u as toastVariants,
+  e as tooltipVariants
 };

package/llms.txt

@@ -187,7 +187,7 @@ When tabs and a search field control the same content, they share one responsive
 - [SettingList] — component (variants: isPressable: true|false) [docs](https://ads.actioneer.dev/#/review/setting-row)
 - [SettingRow] — component (variants: isPressable: true|false) [docs](https://ads.actioneer.dev/#/review/setting-row)
 - [Spinner] — Use for an indeterminate loading state (e.g. inside a Button's isLoading, or standalone while content is fetching) — not for measurable/determinate progress. (variants: size: sm|md|lg; color: current|primary|muted) [docs](https://ads.actioneer.dev/#/spinner)
-- [Stepper] — component (variants: status: complete|current|upcoming) [docs](https://ads.actioneer.dev/#/review/stepper)
+- [Stepper] — component (variants: status: complete|current|upcoming|error; size: sm|md) [docs](https://ads.actioneer.dev/#/review/stepper)
 - [Text] — Use Text for any body copy, caption, or inline run of prose instead of a raw p/span tag. [docs](https://ads.actioneer.dev/#/typography)
 - [ButtonProps] — TypeScript type
 - [CodeBlockProps] — TypeScript type
@@ -546,6 +546,7 @@ When tabs and a search field control the same content, they share one responsive
 
 ### AI Elements
 
+- [AgentTrace] — component [docs](https://ads.actioneer.dev/#/agent-trace)
 - [AIChart] — Wrap a source-backed chart produced during agent work so its query, partial-data, rendering, ready, error, and cancelled states stay distinct from the chart specification itself. (variants: status: pending|querying|partial|rendering|ready|error|cancelled) [docs](https://ads.actioneer.dev/#/ai/chart)
 - [ChainOfThought] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
 - [ChainOfThoughtContent] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
@@ -624,9 +625,14 @@ When tabs and a search field control the same content, they share one responsive
 - [VoiceDisconnectButton] — component [docs](https://ads.actioneer.dev/#/ai/voice)
 - [VoiceMuteButton] — component [docs](https://ads.actioneer.dev/#/ai/voice)
 - [VoiceStatusDot] — component [docs](https://ads.actioneer.dev/#/ai/voice)
+- [AgentTraceCall] — TypeScript type
+- [AgentTraceProps] — TypeScript type
+- [AgentTraceStep] — TypeScript type
+- [AgentTraceStepStatus] — TypeScript type
 - [AIChartProgress] — TypeScript type
 - [AIChartProps] — TypeScript type
 - [AIChartStatus] — TypeScript type
+- [ChainOfThoughtConnector] — TypeScript type
 - [ChainOfThoughtContentProps] — TypeScript type
 - [ChainOfThoughtEvidenceColumn] — TypeScript type
 - [ChainOfThoughtEvidenceProps] — TypeScript type

package/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@actioneer/ads",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "importPath": "@actioneer/ads",
   "styleImport": "@import \"@actioneer/ads/styles.css\";",
   "families": [
@@ -16,9 +16,9 @@
     "Chat"
   ],
   "counts": {
-    "total": 668,
-    "component": 322,
-    "type": 283,
+    "total": 674,
+    "component": 323,
+    "type": 288,
     "hook": 10,
     "util": 53
   },
@@ -721,15 +721,22 @@
           "values": [
             "complete",
             "current",
-            "upcoming"
+            "upcoming",
+            "error"
           ],
           "default": "upcoming"
+        },
+        "size": {
+          "values": [
+            "sm",
+            "md"
+          ],
+          "default": "md"
         }
       },
       "props": [
         "steps",
         "activeIndex",
-        "orientation",
         "onSelect"
       ]
     },
@@ -4402,6 +4409,23 @@
       "importPath": "@actioneer/ads",
       "module": "selection-action-bar"
     },
+    {
+      "name": "AgentTrace",
+      "family": "AI Elements",
+      "kind": "component",
+      "importPath": "@actioneer/ads",
+      "module": "agent-trace",
+      "showcaseUrl": "https://ads.actioneer.dev/#/agent-trace",
+      "props": [
+        "steps",
+        "mainAgent",
+        "slowSeconds",
+        "reviewedStepIds",
+        "onSendForReview",
+        "slowMessage",
+        "renderCall"
+      ]
+    },
     {
       "name": "AIChart",
       "family": "AI Elements",
@@ -5204,6 +5228,8 @@
         "stepCount",
         "summary",
         "sticky",
+        "collapsible",
+        "activityPlacement",
         "open",
         "defaultOpen",
         "onOpenChange",
@@ -5353,6 +5379,8 @@
         "className",
         "volume",
         "palette",
+        "seed",
+        "fill",
         "onReady"
       ]
     },
@@ -5426,6 +5454,34 @@
         "className"
       ]
     },
+    {
+      "name": "AgentTraceCall",
+      "family": "AI Elements",
+      "kind": "type",
+      "importPath": "@actioneer/ads",
+      "module": "agent-trace"
+    },
+    {
+      "name": "AgentTraceProps",
+      "family": "AI Elements",
+      "kind": "type",
+      "importPath": "@actioneer/ads",
+      "module": "agent-trace"
+    },
+    {
+      "name": "AgentTraceStep",
+      "family": "AI Elements",
+      "kind": "type",
+      "importPath": "@actioneer/ads",
+      "module": "agent-trace"
+    },
+    {
+      "name": "AgentTraceStepStatus",
+      "family": "AI Elements",
+      "kind": "type",
+      "importPath": "@actioneer/ads",
+      "module": "agent-trace"
+    },
     {
       "name": "AIChartProgress",
       "family": "AI Elements",
@@ -5447,6 +5503,13 @@
       "importPath": "@actioneer/ads",
       "module": "chart"
     },
+    {
+      "name": "ChainOfThoughtConnector",
+      "family": "AI Elements",
+      "kind": "type",
+      "importPath": "@actioneer/ads",
+      "module": "chain-of-thought"
+    },
     {
       "name": "ChainOfThoughtContentProps",
       "family": "AI Elements",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@actioneer/ads",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Actioneer Design System 1.0 — React 19 + Tailwind v4 component library.",
   "type": "module",
   "sideEffects": [