@actioneer/ads 0.5.4 → 0.5.6

package/components/assistant-ui/tool-fallback.js

@@ -1,67 +1,68 @@
 "use client";
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { memo as U, useState as y, useRef as P, useCallback as _ } from "react";
-import { WarningCircle as q, CloseCircle as $, Check as M, Loader as B, ChevronDown as J } from "../../lib/icons.js";
-import { useScrollLock as V, useToolCallElapsed as W } from "@assistant-ui/react";
-import { Collapsible as K, CollapsibleTrigger as G, CollapsibleContent as H } from "../ui/collapsible.js";
-import { cn as i } from "../../lib/cn.js";
+import { memo as U, useState as C, useRef as _, useCallback as P } from "react";
+import { ChevronDown as q } from "../../lib/icons.js";
+import { useScrollLock as $, useToolCallElapsed as B } from "@assistant-ui/react";
+import { Collapsible as M, CollapsibleTrigger as J, CollapsibleContent as V } from "../ui/collapsible.js";
+import { cn as c } from "../../lib/cn.js";
 import { Button as v } from "../ui/button.js";
-const Q = 200, C = "active:scale-[0.98]";
+import { TraceStateIcon as K } from "../ai-elements/chain-of-thought-icon.js";
+const W = 200, w = "active:scale-[0.98]";
 function D({
   className: e,
   open: l,
   onOpenChange: t,
   defaultOpen: n = !1,
   children: r,
-  ...c
+  ...f
 }) {
-  const s = P(null), [d, b] = y(n), h = V(s, Q), u = l !== void 0, g = u ? l : d, f = _(
-    (x) => {
-      h(), u || b(x), t == null || t(x);
+  const s = _(null), [i, N] = C(n), k = $(s, W), d = l !== void 0, b = d ? l : i, u = P(
+    (h) => {
+      k(), d || N(h), t == null || t(h);
     },
-    [h, u, t]
+    [k, d, t]
   );
   return /* @__PURE__ */ o(
-    K,
+    M,
     {
       ref: s,
       "data-slot": "tool-fallback-root",
-      open: g,
-      onOpenChange: f,
-      className: i(
+      open: b,
+      onOpenChange: u,
+      className: c(
         "aui-tool-fallback-root group/tool-fallback-root w-full",
         e
       ),
-      ...c,
+      ...f,
       children: r
     }
   );
 }
-const X = {
-  running: B,
-  complete: M,
-  incomplete: $,
-  "requires-action": q
-}, Y = (e) => {
+const G = {
+  running: "active",
+  complete: "complete",
+  incomplete: "error",
+  "requires-action": "pending"
+}, H = (e) => {
   if (e < 1e3) return "<1s";
   const l = e / 1e3;
   return l < 10 ? `${(Math.floor(l * 10) / 10).toFixed(1)}s` : l < 60 ? `${Math.floor(l)}s` : `${Math.floor(l / 60)}m ${Math.floor(l % 60)}s`;
 };
-function Z({
+function Q({
   className: e,
   ...l
 }) {
-  const t = W();
+  const t = B();
   return t === void 0 ? null : /* @__PURE__ */ o(
     "span",
     {
       "data-slot": "tool-fallback-duration",
-      className: i(
+      className: c(
         "aui-tool-fallback-duration text-muted-foreground text-xs tabular-nums",
         e
       ),
       ...l,
-      children: Y(t)
+      children: H(t)
     }
   );
 }
@@ -71,50 +72,52 @@ function R({
   className: t,
   ...n
 }) {
-  const r = (l == null ? void 0 : l.type) ?? "complete", c = r === "running", s = (l == null ? void 0 : l.type) === "incomplete" && l.reason === "cancelled", d = X[r], b = s ? "Cancelled tool" : "Used tool";
+  const r = (l == null ? void 0 : l.type) ?? "complete", f = r === "running", s = (l == null ? void 0 : l.type) === "incomplete" && l.reason === "cancelled", i = s ? "Cancelled tool" : "Used tool";
   return /* @__PURE__ */ m(
-    G,
+    J,
     {
       "data-slot": "tool-fallback-trigger",
-      className: i(
+      className: c(
         "aui-tool-fallback-trigger group/trigger text-muted-foreground hover:text-foreground flex w-fit origin-left items-center gap-2 py-1.5 text-xs transition-[color,scale] active:scale-[0.98]",
         t
       ),
       ...n,
       children: [
         /* @__PURE__ */ o(
-          d,
+          K,
           {
             "data-slot": "tool-fallback-trigger-icon",
-            className: i(
+            toolName: e,
+            status: G[r],
+            className: c(
               "aui-tool-fallback-trigger-icon size-4 shrink-0",
-              s && "text-muted-foreground",
-              c && "animate-spin [animation-duration:var(--duration-spin)] motion-reduce:animate-none"
-            )
+              s && "text-muted-foreground"
+            ),
+            "aria-hidden": !0
           }
         ),
         /* @__PURE__ */ m(
           "span",
           {
             "data-slot": "tool-fallback-trigger-label",
-            className: i(
+            className: c(
               "aui-tool-fallback-trigger-label-wrapper relative inline-block text-start leading-none",
               s && "text-muted-foreground line-through"
             ),
             children: [
               /* @__PURE__ */ m("span", { children: [
-                b,
+                i,
                 ": ",
                 /* @__PURE__ */ o("b", { children: e })
               ] }),
-              c && /* @__PURE__ */ m(
+              f && /* @__PURE__ */ m(
                 "span",
                 {
                   "aria-hidden": !0,
                   "data-slot": "tool-fallback-trigger-shimmer",
                   className: "aui-tool-fallback-trigger-shimmer shimmer pointer-events-none absolute inset-0 motion-reduce:animate-none",
                   children: [
-                    b,
+                    i,
                     ": ",
                     /* @__PURE__ */ o("b", { children: e })
                   ]
@@ -123,12 +126,12 @@ function R({
             ]
           }
         ),
-        /* @__PURE__ */ o(Z, {}),
+        /* @__PURE__ */ o(Q, {}),
         /* @__PURE__ */ o(
-          J,
+          q,
           {
             "data-slot": "tool-fallback-trigger-chevron",
-            className: i(
+            className: c(
               "aui-tool-fallback-trigger-chevron size-4 shrink-0",
               "transition-transform duration-(--duration-normal) ease-out motion-reduce:transition-none",
               "group-data-[state=closed]/trigger:-rotate-90",
@@ -140,16 +143,16 @@ function R({
     }
   );
 }
-function E({
+function S({
   className: e,
   children: l,
   ...t
 }) {
   return /* @__PURE__ */ o(
-    H,
+    V,
     {
       "data-slot": "tool-fallback-content",
-      className: i(
+      className: c(
         "aui-tool-fallback-content relative overflow-hidden text-xs outline-none",
         "group/collapsible-content",
         "data-[state=closed]:pointer-events-none",
@@ -159,7 +162,7 @@ function E({
       children: /* @__PURE__ */ o(
         "div",
         {
-          className: i(
+          className: c(
             "flex flex-col gap-2 ps-6 pt-1 pb-2 ease-out motion-reduce:animate-none",
             "group-data-[state=open]/collapsible-content:animate-in group-data-[state=open]/collapsible-content:fade-in-0 group-data-[state=open]/collapsible-content:blur-in-[2px] group-data-[state=open]/collapsible-content:slide-in-from-top-1",
             "group-data-[state=closed]/collapsible-content:animate-out group-data-[state=closed]/collapsible-content:fade-out-0 group-data-[state=closed]/collapsible-content:blur-out-[2px] group-data-[state=closed]/collapsible-content:slide-out-to-top-1",
@@ -171,7 +174,7 @@ function E({
     }
   );
 }
-function I({
+function E({
   argsText: e,
   className: l,
   ...t
@@ -180,13 +183,13 @@ function I({
     "div",
     {
       "data-slot": "tool-fallback-args",
-      className: i("aui-tool-fallback-args", l),
+      className: c("aui-tool-fallback-args", l),
       ...t,
       children: /* @__PURE__ */ o("pre", { className: "aui-tool-fallback-args-value bg-muted/50 text-foreground/90 rounded-md p-2.5 text-xs whitespace-pre-wrap", children: e })
     }
   ) : null;
 }
-function L({
+function I({
   result: e,
   className: l,
   ...t
@@ -195,7 +198,7 @@ function L({
     "div",
     {
       "data-slot": "tool-fallback-result",
-      className: i("aui-tool-fallback-result", l),
+      className: c("aui-tool-fallback-result", l),
       ...t,
       children: [
         /* @__PURE__ */ o("p", { className: "aui-tool-fallback-result-header text-muted-foreground text-xs font-medium", children: "Result:" }),
@@ -204,7 +207,7 @@ function L({
     }
   );
 }
-function S({
+function L({
   status: e,
   className: l,
   ...t
@@ -217,7 +220,7 @@ function S({
     "div",
     {
       "data-slot": "tool-fallback-error",
-      className: i("aui-tool-fallback-error", l),
+      className: c("aui-tool-fallback-error", l),
       ...t,
       children: [
         /* @__PURE__ */ o("p", { className: "aui-tool-fallback-error-header text-muted-foreground font-semibold", children: s }),
@@ -226,56 +229,56 @@ function S({
     }
   );
 }
-const ee = "Approved by user", le = "User denied tool execution", A = {
+const X = "Approved by user", Y = "User denied tool execution", O = {
   "allow-once": "Allow",
   "allow-always": "Always allow",
   "reject-once": "Deny",
   "reject-always": "Always deny"
-}, F = (e) => e === "allow-once" || e === "allow-always", O = (e) => e.label ?? (Object.hasOwn(A, e.kind) ? A[e.kind] : void 0) ?? e.id;
+}, A = (e) => e === "allow-once" || e === "allow-always", F = (e) => e.label ?? (Object.hasOwn(O, e.kind) ? O[e.kind] : void 0) ?? e.id;
 function j({
   className: e,
   addResult: l,
   resume: t,
   interrupt: n,
   approval: r,
-  respondToApproval: c,
+  respondToApproval: f,
   ...s
 }) {
-  const [d, b] = y(!1), [h, u] = y(null);
+  const [i, N] = C(!1), [k, d] = C(null);
   if (r != null && (r.approved !== void 0 || r.resolution !== void 0))
     return null;
-  const g = c ? r == null ? void 0 : r.options : void 0, f = g == null ? void 0 : g.filter(
-    (a) => Object.hasOwn(A, a.kind)
-  ), x = (a) => {
-    d || (r != null && r.approved === void 0 && c ? c({ approved: a }) : n ? t == null || t({ approved: a }) : l == null || l(a ? ee : le), b(!0));
+  const b = f ? r == null ? void 0 : r.options : void 0, u = b == null ? void 0 : b.filter(
+    (a) => Object.hasOwn(O, a.kind)
+  ), h = (a) => {
+    i || (r != null && r.approved === void 0 && f ? f({ approved: a }) : n ? t == null || t({ approved: a }) : l == null || l(a ? X : Y), N(!0));
   }, T = (a) => {
-    d || (c == null || c({ optionId: a.id }), b(!0), u(null));
+    i || (f == null || f({ optionId: a.id }), N(!0), d(null));
   }, z = (a) => {
-    a.confirm ? u(a.id) : T(a);
-  }, k = h != null ? f == null ? void 0 : f.find((a) => a.id === h) : void 0;
-  if (k) {
-    const a = typeof k.confirm == "object" ? k.confirm : void 0, w = (a == null ? void 0 : a.description) ?? k.description;
+    a.confirm ? d(a.id) : T(a);
+  }, g = k != null ? u == null ? void 0 : u.find((a) => a.id === k) : void 0;
+  if (g) {
+    const a = typeof g.confirm == "object" ? g.confirm : void 0, y = (a == null ? void 0 : a.description) ?? g.description;
     return /* @__PURE__ */ m(
       "div",
       {
         "data-slot": "tool-fallback-approval-confirm",
-        className: i(
+        className: c(
           "aui-tool-fallback-approval-confirm flex flex-col gap-2 pt-1",
           e
         ),
         ...s,
         children: [
-          /* @__PURE__ */ o("p", { className: "aui-tool-fallback-approval-confirm-title font-semibold", children: (a == null ? void 0 : a.title) ?? `${O(k)}?` }),
-          w && /* @__PURE__ */ o("p", { className: "aui-tool-fallback-approval-confirm-description text-muted-foreground", children: w }),
-          k.grants && k.grants.length > 0 && /* @__PURE__ */ o("ul", { className: "aui-tool-fallback-approval-confirm-grants flex flex-col gap-1", children: k.grants.map((p) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o("code", { className: "aui-tool-fallback-approval-confirm-grant bg-muted rounded px-1.5 py-0.5 text-xs", children: p }) }, p)) }),
+          /* @__PURE__ */ o("p", { className: "aui-tool-fallback-approval-confirm-title font-semibold", children: (a == null ? void 0 : a.title) ?? `${F(g)}?` }),
+          y && /* @__PURE__ */ o("p", { className: "aui-tool-fallback-approval-confirm-description text-muted-foreground", children: y }),
+          g.grants && g.grants.length > 0 && /* @__PURE__ */ o("ul", { className: "aui-tool-fallback-approval-confirm-grants flex flex-col gap-1", children: g.grants.map((p) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o("code", { className: "aui-tool-fallback-approval-confirm-grant bg-muted rounded px-1.5 py-0.5 text-xs", children: p }) }, p)) }),
           /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ o(
               v,
               {
                 size: "sm",
-                className: C,
-                onClick: () => T(k),
-                disabled: d,
+                className: w,
+                onClick: () => T(g),
+                disabled: i,
                 children: "Confirm"
               }
             ),
@@ -284,9 +287,9 @@ function j({
               {
                 size: "sm",
                 variant: "outline",
-                className: C,
-                onClick: () => u(null),
-                disabled: d,
+                className: w,
+                onClick: () => d(null),
+                disabled: i,
                 children: "Back"
               }
             )
@@ -295,38 +298,38 @@ function j({
       }
     );
   }
-  if (g && g.length > 0) {
-    const a = (f == null ? void 0 : f.filter((p) => F(p.kind))) ?? [], w = (f == null ? void 0 : f.filter((p) => !F(p.kind))) ?? [];
+  if (b && b.length > 0) {
+    const a = (u == null ? void 0 : u.filter((p) => A(p.kind))) ?? [], y = (u == null ? void 0 : u.filter((p) => !A(p.kind))) ?? [];
     return /* @__PURE__ */ m(
       "div",
       {
         "data-slot": "tool-fallback-approval",
-        className: i(
+        className: c(
           "aui-tool-fallback-approval flex flex-wrap items-center gap-2 pt-1",
           e
         ),
         ...s,
         children: [
-          [...a, ...w].map((p) => /* @__PURE__ */ o(
+          [...a, ...y].map((p) => /* @__PURE__ */ o(
             v,
             {
               size: "sm",
               variant: p === a[0] ? "default" : "outline",
-              className: C,
+              className: w,
               onClick: () => z(p),
-              disabled: d,
-              children: O(p)
+              disabled: i,
+              children: F(p)
             },
             p.id
           )),
-          w.length === 0 && /* @__PURE__ */ o(
+          y.length === 0 && /* @__PURE__ */ o(
             v,
             {
               size: "sm",
               variant: "outline",
-              className: C,
-              onClick: () => x(!1),
-              disabled: d,
+              className: w,
+              onClick: () => h(!1),
+              disabled: i,
               children: "Deny"
             }
           )
@@ -338,7 +341,7 @@ function j({
     "div",
     {
       "data-slot": "tool-fallback-approval",
-      className: i(
+      className: c(
         "aui-tool-fallback-approval flex items-center gap-2 pt-1",
         e
       ),
@@ -348,9 +351,9 @@ function j({
           v,
           {
             size: "sm",
-            className: C,
-            onClick: () => x(!0),
-            disabled: d,
+            className: w,
+            onClick: () => h(!0),
+            disabled: i,
             children: "Allow"
           }
         ),
@@ -359,9 +362,9 @@ function j({
           {
             size: "sm",
             variant: "outline",
-            className: C,
-            onClick: () => x(!1),
-            disabled: d,
+            className: w,
+            onClick: () => h(!1),
+            disabled: i,
             children: "Deny"
           }
         )
@@ -369,60 +372,60 @@ function j({
     }
   );
 }
-const oe = ({
+const Z = ({
   toolName: e,
   argsText: l,
   result: t,
   status: n,
   addResult: r,
-  resume: c,
+  resume: f,
   interrupt: s,
-  approval: d,
-  respondToApproval: b
+  approval: i,
+  respondToApproval: N
 }) => {
-  const h = (n == null ? void 0 : n.type) === "incomplete" && n.reason === "cancelled", u = (n == null ? void 0 : n.type) === "requires-action", [g, f] = y(u), [x, T] = y(u);
-  return u !== x && (T(u), u && f(!0)), /* @__PURE__ */ m(D, { open: g, onOpenChange: f, children: [
+  const k = (n == null ? void 0 : n.type) === "incomplete" && n.reason === "cancelled", d = (n == null ? void 0 : n.type) === "requires-action", [b, u] = C(d), [h, T] = C(d);
+  return d !== h && (T(d), d && u(!0)), /* @__PURE__ */ m(D, { open: b, onOpenChange: u, children: [
     /* @__PURE__ */ o(R, { toolName: e, status: n }),
-    /* @__PURE__ */ m(E, { children: [
-      /* @__PURE__ */ o(S, { status: n }),
+    /* @__PURE__ */ m(S, { children: [
+      /* @__PURE__ */ o(L, { status: n }),
       /* @__PURE__ */ o(
-        I,
+        E,
         {
           argsText: l,
-          className: i(h && "opacity-60")
+          className: c(k && "opacity-60")
         }
       ),
-      u && /* @__PURE__ */ o(
+      d && /* @__PURE__ */ o(
         j,
         {
           addResult: r,
-          resume: c,
+          resume: f,
           interrupt: s,
-          approval: d,
-          respondToApproval: b
+          approval: i,
+          respondToApproval: N
         }
       ),
-      !h && /* @__PURE__ */ o(L, { result: t })
+      !k && /* @__PURE__ */ o(I, { result: t })
     ] })
   ] });
-}, N = U(
-  oe
+}, x = U(
+  Z
 );
-N.displayName = "ToolFallback";
-N.Root = D;
-N.Trigger = R;
-N.Content = E;
-N.Args = I;
-N.Result = L;
-N.Error = S;
-N.Approval = j;
+x.displayName = "ToolFallback";
+x.Root = D;
+x.Trigger = R;
+x.Content = S;
+x.Args = E;
+x.Result = I;
+x.Error = L;
+x.Approval = j;
 export {
-  N as ToolFallback,
+  x as ToolFallback,
   j as ToolFallbackApproval,
-  I as ToolFallbackArgs,
-  E as ToolFallbackContent,
-  S as ToolFallbackError,
-  L as ToolFallbackResult,
+  E as ToolFallbackArgs,
+  S as ToolFallbackContent,
+  L as ToolFallbackError,
+  I as ToolFallbackResult,
   D as ToolFallbackRoot,
   R as ToolFallbackTrigger
 };

package/components/assistant-ui/tool-group.d.ts

@@ -1,6 +1,7 @@
 import { FC, PropsWithChildren } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+import { ActiveChainOfThoughtState } from '../ai-elements/chain-of-thought-icon';
 declare const toolGroupVariants: (props?: ({
     variant?: "muted" | "outline" | "ghost" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -10,9 +11,10 @@ export type ToolGroupRootProps = Omit<React.ComponentProps<typeof Collapsible>,
     defaultOpen?: boolean;
 };
 declare function ToolGroupRoot({ className, variant, open: controlledOpen, onOpenChange: controlledOnOpenChange, defaultOpen, children, ...props }: ToolGroupRootProps): import("react").JSX.Element;
-declare function ToolGroupTrigger({ count, active, className, ...props }: React.ComponentProps<typeof CollapsibleTrigger> & {
+declare function ToolGroupTrigger({ count, active, stage, className, ...props }: React.ComponentProps<typeof CollapsibleTrigger> & {
     count: number;
     active?: boolean;
+    stage?: ActiveChainOfThoughtState;
 }): import("react").JSX.Element;
 declare function ToolGroupContent({ className, children, ...props }: React.ComponentProps<typeof CollapsibleContent>): import("react").JSX.Element;
 type ToolGroupComponent = FC<PropsWithChildren<{