@actioneer/ads 0.5.7 → 0.5.8

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

@@ -2,8 +2,8 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
 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 { useScrollLock as $, useToolCallElapsed as M } from "@assistant-ui/react";
+import { Collapsible as B, CollapsibleTrigger as J, CollapsibleContent as V } from "../collapsible.js";
 import { cn as c } from "../../lib/cn.js";
 import { Button as v } from "../ui/button.js";
 import { TraceStateIcon as K } from "../ai-elements/chain-of-thought-icon.js";
@@ -11,29 +11,29 @@ const W = 200, w = "active:scale-[0.98]";
 function D({
   className: e,
   open: l,
-  onOpenChange: t,
+  onOpenChange: a,
   defaultOpen: n = !1,
   children: r,
-  ...f
+  ...u
 }) {
-  const s = _(null), [i, N] = C(n), k = $(s, W), d = l !== void 0, b = d ? l : i, u = P(
+  const s = _(null), [i, N] = C(n), k = $(s, W), d = l !== void 0, p = d ? l : i, f = P(
     (h) => {
-      k(), d || N(h), t == null || t(h);
+      k(), d || N(h), a == null || a(h);
     },
-    [k, d, t]
+    [k, d, a]
   );
   return /* @__PURE__ */ o(
-    M,
+    B,
     {
       ref: s,
       "data-slot": "tool-fallback-root",
-      open: b,
-      onOpenChange: u,
+      open: p,
+      onOpenChange: f,
       className: c(
         "aui-tool-fallback-root group/tool-fallback-root w-full",
         e
       ),
-      ...f,
+      ...u,
       children: r
     }
   );
@@ -52,8 +52,8 @@ function Q({
   className: e,
   ...l
 }) {
-  const t = B();
-  return t === void 0 ? null : /* @__PURE__ */ o(
+  const a = M();
+  return a === void 0 ? null : /* @__PURE__ */ o(
     "span",
     {
       "data-slot": "tool-fallback-duration",
@@ -62,24 +62,24 @@ function Q({
         e
       ),
       ...l,
-      children: H(t)
+      children: H(a)
     }
   );
 }
 function R({
   toolName: e,
   status: l,
-  className: t,
+  className: a,
   ...n
 }) {
-  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";
+  const r = (l == null ? void 0 : l.type) ?? "complete", u = r === "running", s = (l == null ? void 0 : l.type) === "incomplete" && l.reason === "cancelled", i = s ? "Cancelled tool" : "Used tool";
   return /* @__PURE__ */ m(
     J,
     {
       "data-slot": "tool-fallback-trigger",
       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
+        a
       ),
       ...n,
       children: [
@@ -110,7 +110,7 @@ function R({
                 ": ",
                 /* @__PURE__ */ o("b", { children: e })
               ] }),
-              f && /* @__PURE__ */ m(
+              u && /* @__PURE__ */ m(
                 "span",
                 {
                   "aria-hidden": !0,
@@ -133,7 +133,7 @@ function R({
             "data-slot": "tool-fallback-trigger-chevron",
             className: c(
               "aui-tool-fallback-trigger-chevron size-4 shrink-0",
-              "transition-transform duration-(--duration-normal) ease-out motion-reduce:transition-none",
+              "transition-transform duration-200 ease-out motion-reduce:transition-none",
               "group-data-[state=closed]/trigger:-rotate-90",
               "group-data-[state=open]/trigger:rotate-0"
             )
@@ -146,7 +146,7 @@ function R({
 function S({
   className: e,
   children: l,
-  ...t
+  ...a
 }) {
   return /* @__PURE__ */ o(
     V,
@@ -158,15 +158,12 @@ function S({
         "data-[state=closed]:pointer-events-none",
         e
       ),
-      ...t,
+      ...a,
       children: /* @__PURE__ */ o(
         "div",
         {
           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",
-            "group-data-[state=closed]/collapsible-content:duration-(--duration-normal) group-data-[state=open]/collapsible-content:duration-(--duration-normal)"
+            "flex flex-col gap-2 ps-6 pt-1 pb-2"
           ),
           children: l
         }
@@ -177,14 +174,14 @@ function S({
 function E({
   argsText: e,
   className: l,
-  ...t
+  ...a
 }) {
   return e ? /* @__PURE__ */ o(
     "div",
     {
       "data-slot": "tool-fallback-args",
       className: c("aui-tool-fallback-args", l),
-      ...t,
+      ...a,
       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;
@@ -192,14 +189,14 @@ function E({
 function I({
   result: e,
   className: l,
-  ...t
+  ...a
 }) {
   return e === void 0 ? null : /* @__PURE__ */ m(
     "div",
     {
       "data-slot": "tool-fallback-result",
       className: c("aui-tool-fallback-result", l),
-      ...t,
+      ...a,
       children: [
         /* @__PURE__ */ o("p", { className: "aui-tool-fallback-result-header text-muted-foreground text-xs font-medium", children: "Result:" }),
         /* @__PURE__ */ o("pre", { className: "aui-tool-fallback-result-content bg-muted/50 text-foreground/90 mt-1 rounded-md p-2.5 text-xs whitespace-pre-wrap", children: typeof e == "string" ? e : JSON.stringify(e, null, 2) })
@@ -210,7 +207,7 @@ function I({
 function L({
   status: e,
   className: l,
-  ...t
+  ...a
 }) {
   if ((e == null ? void 0 : e.type) !== "incomplete") return null;
   const n = e.error, r = n ? typeof n == "string" ? n : JSON.stringify(n) : null;
@@ -221,43 +218,43 @@ function L({
     {
       "data-slot": "tool-fallback-error",
       className: c("aui-tool-fallback-error", l),
-      ...t,
+      ...a,
       children: [
-        /* @__PURE__ */ o("p", { className: "aui-tool-fallback-error-header text-muted-foreground font-semibold", children: s }),
+        /* @__PURE__ */ o("p", { className: "aui-tool-fallback-error-header text-muted-foreground font-medium", children: s }),
         /* @__PURE__ */ o("p", { className: "aui-tool-fallback-error-reason text-muted-foreground", children: r })
       ]
     }
   );
 }
-const X = "Approved by user", Y = "User denied tool execution", O = {
+const X = "Approved by user", Y = "User denied tool execution", A = {
   "allow-once": "Allow",
   "allow-always": "Always allow",
   "reject-once": "Deny",
   "reject-always": "Always deny"
-}, A = (e) => e === "allow-once" || e === "allow-always", F = (e) => e.label ?? (Object.hasOwn(O, e.kind) ? O[e.kind] : void 0) ?? e.id;
+}, F = (e) => e === "allow-once" || e === "allow-always", O = (e) => e.label ?? (Object.hasOwn(A, e.kind) ? A[e.kind] : void 0) ?? e.id;
 function j({
   className: e,
   addResult: l,
-  resume: t,
+  resume: a,
   interrupt: n,
   approval: r,
-  respondToApproval: f,
+  respondToApproval: u,
   ...s
 }) {
   const [i, N] = C(!1), [k, d] = C(null);
   if (r != null && (r.approved !== void 0 || r.resolution !== void 0))
     return null;
-  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) => {
-    i || (f == null || f({ optionId: a.id }), N(!0), d(null));
-  }, z = (a) => {
-    a.confirm ? d(a.id) : T(a);
-  }, g = k != null ? u == null ? void 0 : u.find((a) => a.id === k) : void 0;
+  const p = u ? r == null ? void 0 : r.options : void 0, f = p == null ? void 0 : p.filter(
+    (t) => Object.hasOwn(A, t.kind)
+  ), h = (t) => {
+    i || (r != null && r.approved === void 0 && u ? u({ approved: t }) : n ? a == null || a({ approved: t }) : l == null || l(t ? X : Y), N(!0));
+  }, T = (t) => {
+    i || (u == null || u({ optionId: t.id }), N(!0), d(null));
+  }, z = (t) => {
+    t.confirm ? d(t.id) : T(t);
+  }, g = k != null ? f == null ? void 0 : f.find((t) => t.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;
+    const t = typeof g.confirm == "object" ? g.confirm : void 0, y = (t == null ? void 0 : t.description) ?? g.description;
     return /* @__PURE__ */ m(
       "div",
       {
@@ -268,9 +265,9 @@ function j({
         ),
         ...s,
         children: [
-          /* @__PURE__ */ o("p", { className: "aui-tool-fallback-approval-confirm-title font-semibold", children: (a == null ? void 0 : a.title) ?? `${F(g)}?` }),
+          /* @__PURE__ */ o("p", { className: "aui-tool-fallback-approval-confirm-title font-medium", children: (t == null ? void 0 : t.title) ?? `${O(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)) }),
+          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((b) => /* @__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: b }) }, b)) }),
           /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ o(
               v,
@@ -279,7 +276,7 @@ function j({
                 className: w,
                 onClick: () => T(g),
                 disabled: i,
-                children: "Confirm"
+                children: O(g)
               }
             ),
             /* @__PURE__ */ o(
@@ -290,7 +287,7 @@ function j({
                 className: w,
                 onClick: () => d(null),
                 disabled: i,
-                children: "Back"
+                children: "Cancel"
               }
             )
           ] })
@@ -298,8 +295,8 @@ function j({
       }
     );
   }
-  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))) ?? [];
+  if (p && p.length > 0) {
+    const t = (f == null ? void 0 : f.filter((b) => F(b.kind))) ?? [], y = (f == null ? void 0 : f.filter((b) => !F(b.kind))) ?? [];
     return /* @__PURE__ */ m(
       "div",
       {
@@ -310,17 +307,17 @@ function j({
         ),
         ...s,
         children: [
-          [...a, ...y].map((p) => /* @__PURE__ */ o(
+          [...t, ...y].map((b) => /* @__PURE__ */ o(
             v,
             {
               size: "sm",
-              variant: p === a[0] ? "default" : "outline",
+              variant: b === t[0] ? "default" : "outline",
               className: w,
-              onClick: () => z(p),
+              onClick: () => z(b),
               disabled: i,
-              children: F(p)
+              children: O(b)
             },
-            p.id
+            b.id
           )),
           y.length === 0 && /* @__PURE__ */ o(
             v,
@@ -375,16 +372,16 @@ function j({
 const Z = ({
   toolName: e,
   argsText: l,
-  result: t,
+  result: a,
   status: n,
   addResult: r,
-  resume: f,
+  resume: u,
   interrupt: s,
   approval: i,
   respondToApproval: N
 }) => {
-  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: [
+  const k = (n == null ? void 0 : n.type) === "incomplete" && n.reason === "cancelled", d = (n == null ? void 0 : n.type) === "requires-action", [p, f] = C(d), [h, T] = C(d);
+  return d !== h && (T(d), d && f(!0)), /* @__PURE__ */ m(D, { open: p, onOpenChange: f, children: [
     /* @__PURE__ */ o(R, { toolName: e, status: n }),
     /* @__PURE__ */ m(S, { children: [
       /* @__PURE__ */ o(L, { status: n }),
@@ -399,13 +396,13 @@ const Z = ({
         j,
         {
           addResult: r,
-          resume: f,
+          resume: u,
           interrupt: s,
           approval: i,
           respondToApproval: N
         }
       ),
-      !k && /* @__PURE__ */ o(I, { result: t })
+      !k && /* @__PURE__ */ o(I, { result: a })
     ] })
   ] });
 }, x = U(

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

@@ -3,7 +3,7 @@ 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;
+    variant?: "outline" | "muted" | "ghost" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ToolGroupRootProps = Omit<React.ComponentProps<typeof Collapsible>, "open" | "onOpenChange"> & VariantProps<typeof toolGroupVariants> & {
     open?: boolean;

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

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { memo as w, useRef as y, useState as C, useCallback as k } from "react";
-import { ChevronDown as G } from "../../lib/icons.js";
-import { cva as I } from "class-variance-authority";
-import { useScrollLock as R } from "@assistant-ui/react";
-import { Collapsible as S, CollapsibleTrigger as A, CollapsibleContent as j } from "../ui/collapsible.js";
-import { cn as n } from "../../lib/cn.js";
+import { memo as w, useRef as C, useState as k, useCallback as G } from "react";
+import { ChevronDown as I } from "../../lib/icons.js";
+import { cva as R } from "class-variance-authority";
+import { useScrollLock as y } from "@assistant-ui/react";
+import { Collapsible as S, CollapsibleTrigger as A, CollapsibleContent as j } from "../collapsible.js";
+import { cn as l } from "../../lib/cn.js";
 import { TraceStateIcon as z } from "../ai-elements/chain-of-thought-icon.js";
-const D = 200, U = I("aui-tool-group-root group/tool-group w-full", {
+const D = 200, U = R("aui-tool-group-root group/tool-group w-full", {
   variants: {
     variant: {
       outline: "rounded-lg border py-3",
@@ -17,18 +17,18 @@ const D = 200, U = I("aui-tool-group-root group/tool-group w-full", {
   },
   defaultVariants: { variant: "outline" }
 });
-function c({
+function m({
   className: r,
   variant: o,
   open: a,
   onOpenChange: e,
-  defaultOpen: u = !1,
-  children: l,
+  defaultOpen: i = !1,
+  children: n,
   ...h
 }) {
-  const s = y(null), [x, b] = C(u), d = R(s, D), g = a !== void 0, N = g ? a : x, T = k(
-    (m) => {
-      d(), g || b(m), e == null || e(m);
+  const s = C(null), [x, b] = k(i), d = y(s, D), g = a !== void 0, N = g ? a : x, T = G(
+    (c) => {
+      d(), g || b(c), e == null || e(c);
     },
     [d, g, e]
   );
@@ -40,13 +40,13 @@ function c({
       "data-variant": o ?? "outline",
       open: N,
       onOpenChange: T,
-      className: n(
+      className: l(
         U({ variant: o }),
         "group/tool-group-root",
         r
       ),
       ...h,
-      children: l
+      children: n
     }
   );
 }
@@ -55,21 +55,21 @@ function v({
   active: o = !1,
   stage: a = "thinking",
   className: e,
-  ...u
+  ...i
 }) {
-  const l = `${r} tool ${r === 1 ? "call" : "calls"}`;
+  const n = `${r} tool ${r === 1 ? "call" : "calls"}`;
   return /* @__PURE__ */ p(
     A,
     {
       "data-slot": "tool-group-trigger",
-      className: n(
+      className: l(
         "aui-tool-group-trigger group/trigger flex origin-left items-center gap-2 text-xs transition-[color,scale] active:scale-[0.98]",
         "group-data-[variant=ghost]/tool-group-root:text-muted-foreground group-data-[variant=ghost]/tool-group-root:hover:text-foreground group-data-[variant=ghost]/tool-group-root:py-1.5",
         "group-data-[variant=outline]/tool-group-root:w-full group-data-[variant=outline]/tool-group-root:px-4",
         "group-data-[variant=muted]/tool-group-root:w-full group-data-[variant=muted]/tool-group-root:px-4",
         e
       ),
-      ...u,
+      ...i,
       children: [
         /* @__PURE__ */ t(
           z,
@@ -85,33 +85,33 @@ function v({
           "span",
           {
             "data-slot": "tool-group-trigger-label",
-            className: n(
+            className: l(
               "aui-tool-group-trigger-label-wrapper relative inline-block text-start leading-none font-medium",
               "group-data-[variant=ghost]/tool-group-root:font-normal",
               "group-data-[variant=outline]/tool-group-root:grow",
               "group-data-[variant=muted]/tool-group-root:grow"
             ),
             children: [
-              /* @__PURE__ */ t("span", { className: "text-xs", children: l }),
+              /* @__PURE__ */ t("span", { className: "text-xs", children: n }),
               o && /* @__PURE__ */ t(
                 "span",
                 {
                   "aria-hidden": !0,
                   "data-slot": "tool-group-trigger-shimmer",
                   className: "aui-tool-group-trigger-shimmer shimmer pointer-events-none absolute inset-0 text-xs motion-reduce:animate-none",
-                  children: l
+                  children: n
                 }
               )
             ]
           }
         ),
         /* @__PURE__ */ t(
-          G,
+          I,
           {
             "data-slot": "tool-group-trigger-chevron",
-            className: n(
+            className: l(
               "aui-tool-group-trigger-chevron size-3 shrink-0",
-              "transition-transform duration-(--duration-normal) ease-out motion-reduce:transition-none",
+              "transition-transform duration-200 ease-out motion-reduce:transition-none",
               "group-data-[state=closed]/trigger:-rotate-90",
               "group-data-[state=open]/trigger:rotate-0"
             )
@@ -130,7 +130,7 @@ function f({
     j,
     {
       "data-slot": "tool-group-content",
-      className: n(
+      className: l(
         "aui-tool-group-content relative overflow-hidden text-xs outline-none",
         "group/collapsible-content",
         "data-[state=closed]:pointer-events-none",
@@ -140,17 +140,11 @@ function f({
       children: /* @__PURE__ */ t(
         "div",
         {
-          className: n(
+          className: l(
             "mt-2 flex flex-col gap-2",
             "group-data-[variant=ghost]/tool-group-root:mt-1 group-data-[variant=ghost]/tool-group-root:gap-1",
             "group-data-[variant=outline]/tool-group-root:mt-3 group-data-[variant=outline]/tool-group-root:border-t group-data-[variant=outline]/tool-group-root:px-4 group-data-[variant=outline]/tool-group-root:pt-3",
-            "group-data-[variant=muted]/tool-group-root:mt-3 group-data-[variant=muted]/tool-group-root:border-t group-data-[variant=muted]/tool-group-root:px-4 group-data-[variant=muted]/tool-group-root:pt-3",
-            "[&>*]:animate-in [&>*]:fade-in-0 [&>*]:blur-in-[2px] [&>*]:slide-in-from-top-1 [&>*]:duration-(--duration-normal) [&>*]:ease-out",
-            "[&>*]:motion-reduce:animate-none",
-            "[&>*:nth-child(2)]:[animation-delay:40ms]",
-            "[&>*:nth-child(3)]:[animation-delay:80ms]",
-            "[&>*:nth-child(4)]:[animation-delay:120ms]",
-            "[&>*:nth-child(n+5)]:[animation-delay:160ms]"
+            "group-data-[variant=muted]/tool-group-root:mt-3 group-data-[variant=muted]/tool-group-root:border-t group-data-[variant=muted]/tool-group-root:px-4 group-data-[variant=muted]/tool-group-root:pt-3"
           ),
           children: o
         }
@@ -160,19 +154,19 @@ function f({
 }
 const V = ({ children: r, startIndex: o, endIndex: a }) => {
   const e = a - o + 1;
-  return /* @__PURE__ */ p(c, { children: [
+  return /* @__PURE__ */ p(m, { children: [
     /* @__PURE__ */ t(v, { count: e }),
     /* @__PURE__ */ t(f, { children: r })
   ] });
-}, i = w(V);
-i.displayName = "ToolGroup";
-i.Root = c;
-i.Trigger = v;
-i.Content = f;
+}, u = w(V);
+u.displayName = "ToolGroup";
+u.Root = m;
+u.Trigger = v;
+u.Content = f;
 export {
-  i as ToolGroup,
+  u as ToolGroup,
   f as ToolGroupContent,
-  c as ToolGroupRoot,
+  m as ToolGroupRoot,
   v as ToolGroupTrigger,
   U as toolGroupVariants
 };