@actioneer/ads 0.1.0

package/components/assistant-ui/thread.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { Composer as d } from "./composer.js";
+import { ComposerPlaceholdersProvider as z } from "./composer.js";
+import { RenderAnswerToolUI as s } from "./answer-tool-ui.js";
+import { ThreadFollowupSuggestions as c } from "./follow-up-suggestions.js";
+import { ThreadMessage as f } from "./message.js";
+import { SelectionToolbar as u } from "./selection-toolbar.js";
+import { ThreadSuggestions as h } from "./suggestions.js";
+import { isNewChatView as a, ThreadComponentsContext as m, EMPTY_COMPONENTS as p } from "./thread-context.js";
+import { TooltipIconButton as x } from "./tooltip-icon-button.js";
+import { cn as b } from "../../lib/cn.js";
+import { useAuiState as w, ThreadPrimitive as e, AuiIf as n } from "@assistant-ui/react";
+import { ArrowDown as g } from "../../lib/icons.js";
+import { useContext as v } from "react";
+const F = ({
+  components: r = p,
+  isAnswerToolEnabled: i = !0
+}) => {
+  const t = w(a);
+  return /* @__PURE__ */ l(m.Provider, { value: r, children: [
+    i && /* @__PURE__ */ o(s, {}),
+    /* @__PURE__ */ o(T, { isEmpty: t })
+  ] });
+}, T = ({ isEmpty: r }) => {
+  const { Welcome: i = y } = v(m);
+  return /* @__PURE__ */ l(e.Root, { className: "aui-root aui-thread-root bg-background @container flex h-full flex-col", children: [
+    /* @__PURE__ */ o(
+      e.Viewport,
+      {
+        turnAnchor: "top",
+        "data-slot": "aui_thread-viewport",
+        className: "relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-smooth",
+        children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-(--thread-max-width) flex-1 flex-col px-4 pt-4", children: [
+          /* @__PURE__ */ o(n, { condition: a, children: /* @__PURE__ */ o("div", { className: "flex flex-1 flex-col items-center justify-end", children: /* @__PURE__ */ o(i, {}) }) }),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              "data-slot": "aui_message-group",
+              className: "mb-14 flex flex-col gap-y-6 empty:hidden",
+              children: /* @__PURE__ */ o(e.Messages, { children: () => /* @__PURE__ */ o(f, {}) })
+            }
+          ),
+          /* @__PURE__ */ l(
+            e.ViewportFooter,
+            {
+              className: b(
+                "aui-thread-viewport-footer bg-background flex flex-col gap-4 overflow-visible pb-4 md:pb-6",
+                r && "flex-1",
+                !r && "sticky bottom-0 mt-auto rounded-t-(--composer-radius)"
+              ),
+              children: [
+                /* @__PURE__ */ o(N, {}),
+                /* @__PURE__ */ o(c, {}),
+                /* @__PURE__ */ o(d, {}),
+                /* @__PURE__ */ o(n, { condition: (t) => a(t) && t.composer.isEmpty, children: /* @__PURE__ */ o(h, {}) })
+              ]
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ o(u, {})
+  ] });
+}, N = () => /* @__PURE__ */ o(e.ScrollToBottom, { asChild: !0, children: /* @__PURE__ */ o(
+  x,
+  {
+    tooltip: "Scroll to bottom",
+    variant: "outline",
+    className: "aui-thread-scroll-to-bottom dark:border-border dark:bg-background dark:hover:bg-accent absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible",
+    children: /* @__PURE__ */ o(g, {})
+  }
+) }), y = () => /* @__PURE__ */ o("div", { className: "aui-thread-welcome-root mb-6 flex flex-col items-center px-4 text-center", children: /* @__PURE__ */ o("h1", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-xl font-semibold duration-(--duration-normal)", children: "How can I help you today?" }) });
+export {
+  z as ComposerPlaceholdersProvider,
+  F as Thread
+};

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

@@ -0,0 +1,36 @@
+import { ToolCallMessagePart, ToolCallMessagePartProps, ToolCallMessagePartStatus, ToolCallMessagePartComponent } from '@assistant-ui/react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+export type ToolFallbackRootProps = Omit<React.ComponentProps<typeof Collapsible>, "open" | "onOpenChange"> & {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+};
+declare function ToolFallbackRoot({ className, open: controlledOpen, onOpenChange: controlledOnOpenChange, defaultOpen, children, ...props }: ToolFallbackRootProps): import("react").JSX.Element;
+declare function ToolFallbackTrigger({ toolName, status, className, ...props }: React.ComponentProps<typeof CollapsibleTrigger> & {
+    toolName: string;
+    status?: ToolCallMessagePartStatus;
+}): import("react").JSX.Element;
+declare function ToolFallbackContent({ className, children, ...props }: React.ComponentProps<typeof CollapsibleContent>): import("react").JSX.Element;
+declare function ToolFallbackArgs({ argsText, className, ...props }: React.ComponentProps<"div"> & {
+    argsText?: string;
+}): import("react").JSX.Element | null;
+declare function ToolFallbackResult({ result, className, ...props }: React.ComponentProps<"div"> & {
+    result?: unknown;
+}): import("react").JSX.Element | null;
+declare function ToolFallbackError({ status, className, ...props }: React.ComponentProps<"div"> & {
+    status?: ToolCallMessagePartStatus;
+}): import("react").JSX.Element | null;
+declare function ToolFallbackApproval({ className, addResult, resume, interrupt, approval, respondToApproval, ...props }: React.ComponentProps<"div"> & Partial<Pick<ToolCallMessagePartProps, "addResult" | "resume" | "respondToApproval">> & {
+    interrupt?: ToolCallMessagePart["interrupt"];
+    approval?: ToolCallMessagePart["approval"];
+}): import("react").JSX.Element | null;
+declare const ToolFallback: ToolCallMessagePartComponent & {
+    Root: typeof ToolFallbackRoot;
+    Trigger: typeof ToolFallbackTrigger;
+    Content: typeof ToolFallbackContent;
+    Args: typeof ToolFallbackArgs;
+    Result: typeof ToolFallbackResult;
+    Error: typeof ToolFallbackError;
+    Approval: typeof ToolFallbackApproval;
+};
+export { ToolFallback, ToolFallbackRoot, ToolFallbackTrigger, ToolFallbackContent, ToolFallbackArgs, ToolFallbackResult, ToolFallbackError, ToolFallbackApproval, };

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

@@ -0,0 +1,428 @@
+"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 { Button as v } from "../ui/button.js";
+const Q = 200, C = "active:scale-[0.98]";
+function D({
+  className: e,
+  open: l,
+  onOpenChange: t,
+  defaultOpen: n = !1,
+  children: r,
+  ...c
+}) {
+  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);
+    },
+    [h, u, t]
+  );
+  return /* @__PURE__ */ o(
+    K,
+    {
+      ref: s,
+      "data-slot": "tool-fallback-root",
+      open: g,
+      onOpenChange: f,
+      className: i(
+        "aui-tool-fallback-root group/tool-fallback-root w-full",
+        e
+      ),
+      ...c,
+      children: r
+    }
+  );
+}
+const X = {
+  running: B,
+  complete: M,
+  incomplete: $,
+  "requires-action": q
+}, Y = (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({
+  className: e,
+  ...l
+}) {
+  const t = W();
+  return t === void 0 ? null : /* @__PURE__ */ o(
+    "span",
+    {
+      "data-slot": "tool-fallback-duration",
+      className: i(
+        "aui-tool-fallback-duration text-muted-foreground text-xs tabular-nums",
+        e
+      ),
+      ...l,
+      children: Y(t)
+    }
+  );
+}
+function R({
+  toolName: e,
+  status: l,
+  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";
+  return /* @__PURE__ */ m(
+    G,
+    {
+      "data-slot": "tool-fallback-trigger",
+      className: i(
+        "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,
+          {
+            "data-slot": "tool-fallback-trigger-icon",
+            className: i(
+              "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"
+            )
+          }
+        ),
+        /* @__PURE__ */ m(
+          "span",
+          {
+            "data-slot": "tool-fallback-trigger-label",
+            className: i(
+              "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,
+                ": ",
+                /* @__PURE__ */ o("b", { children: e })
+              ] }),
+              c && /* @__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,
+                    ": ",
+                    /* @__PURE__ */ o("b", { children: e })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ o(Z, {}),
+        /* @__PURE__ */ o(
+          J,
+          {
+            "data-slot": "tool-fallback-trigger-chevron",
+            className: i(
+              "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",
+              "group-data-[state=open]/trigger:rotate-0"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function E({
+  className: e,
+  children: l,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    H,
+    {
+      "data-slot": "tool-fallback-content",
+      className: i(
+        "aui-tool-fallback-content relative overflow-hidden text-xs outline-none",
+        "group/collapsible-content",
+        "data-[state=closed]:pointer-events-none",
+        e
+      ),
+      ...t,
+      children: /* @__PURE__ */ o(
+        "div",
+        {
+          className: i(
+            "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)"
+          ),
+          children: l
+        }
+      )
+    }
+  );
+}
+function I({
+  argsText: e,
+  className: l,
+  ...t
+}) {
+  return e ? /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "tool-fallback-args",
+      className: i("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({
+  result: e,
+  className: l,
+  ...t
+}) {
+  return e === void 0 ? null : /* @__PURE__ */ m(
+    "div",
+    {
+      "data-slot": "tool-fallback-result",
+      className: i("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:" }),
+        /* @__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) })
+      ]
+    }
+  );
+}
+function S({
+  status: e,
+  className: l,
+  ...t
+}) {
+  if ((e == null ? void 0 : e.type) !== "incomplete") return null;
+  const n = e.error, r = n ? typeof n == "string" ? n : JSON.stringify(n) : null;
+  if (!r) return null;
+  const s = e.reason === "cancelled" ? "Cancelled reason:" : "Error:";
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      "data-slot": "tool-fallback-error",
+      className: i("aui-tool-fallback-error", l),
+      ...t,
+      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-reason text-muted-foreground", children: r })
+      ]
+    }
+  );
+}
+const ee = "Approved by user", le = "User denied tool execution", A = {
+  "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;
+function j({
+  className: e,
+  addResult: l,
+  resume: t,
+  interrupt: n,
+  approval: r,
+  respondToApproval: c,
+  ...s
+}) {
+  const [d, b] = y(!1), [h, u] = y(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));
+  }, T = (a) => {
+    d || (c == null || c({ optionId: a.id }), b(!0), u(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;
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        "data-slot": "tool-fallback-approval-confirm",
+        className: i(
+          "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__ */ m("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ o(
+              v,
+              {
+                size: "sm",
+                className: C,
+                onClick: () => T(k),
+                disabled: d,
+                children: "Confirm"
+              }
+            ),
+            /* @__PURE__ */ o(
+              v,
+              {
+                size: "sm",
+                variant: "outline",
+                className: C,
+                onClick: () => u(null),
+                disabled: d,
+                children: "Back"
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+  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))) ?? [];
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        "data-slot": "tool-fallback-approval",
+        className: i(
+          "aui-tool-fallback-approval flex flex-wrap items-center gap-2 pt-1",
+          e
+        ),
+        ...s,
+        children: [
+          [...a, ...w].map((p) => /* @__PURE__ */ o(
+            v,
+            {
+              size: "sm",
+              variant: p === a[0] ? "default" : "outline",
+              className: C,
+              onClick: () => z(p),
+              disabled: d,
+              children: O(p)
+            },
+            p.id
+          )),
+          w.length === 0 && /* @__PURE__ */ o(
+            v,
+            {
+              size: "sm",
+              variant: "outline",
+              className: C,
+              onClick: () => x(!1),
+              disabled: d,
+              children: "Deny"
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      "data-slot": "tool-fallback-approval",
+      className: i(
+        "aui-tool-fallback-approval flex items-center gap-2 pt-1",
+        e
+      ),
+      ...s,
+      children: [
+        /* @__PURE__ */ o(
+          v,
+          {
+            size: "sm",
+            className: C,
+            onClick: () => x(!0),
+            disabled: d,
+            children: "Allow"
+          }
+        ),
+        /* @__PURE__ */ o(
+          v,
+          {
+            size: "sm",
+            variant: "outline",
+            className: C,
+            onClick: () => x(!1),
+            disabled: d,
+            children: "Deny"
+          }
+        )
+      ]
+    }
+  );
+}
+const oe = ({
+  toolName: e,
+  argsText: l,
+  result: t,
+  status: n,
+  addResult: r,
+  resume: c,
+  interrupt: s,
+  approval: d,
+  respondToApproval: b
+}) => {
+  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: [
+    /* @__PURE__ */ o(R, { toolName: e, status: n }),
+    /* @__PURE__ */ m(E, { children: [
+      /* @__PURE__ */ o(S, { status: n }),
+      /* @__PURE__ */ o(
+        I,
+        {
+          argsText: l,
+          className: i(h && "opacity-60")
+        }
+      ),
+      u && /* @__PURE__ */ o(
+        j,
+        {
+          addResult: r,
+          resume: c,
+          interrupt: s,
+          approval: d,
+          respondToApproval: b
+        }
+      ),
+      !h && /* @__PURE__ */ o(L, { result: t })
+    ] })
+  ] });
+}, N = U(
+  oe
+);
+N.displayName = "ToolFallback";
+N.Root = D;
+N.Trigger = R;
+N.Content = E;
+N.Args = I;
+N.Result = L;
+N.Error = S;
+N.Approval = j;
+export {
+  N as ToolFallback,
+  j as ToolFallbackApproval,
+  I as ToolFallbackArgs,
+  E as ToolFallbackContent,
+  S as ToolFallbackError,
+  L as ToolFallbackResult,
+  D as ToolFallbackRoot,
+  R as ToolFallbackTrigger
+};

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

@@ -0,0 +1,33 @@
+import { FC, PropsWithChildren } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+declare const toolGroupVariants: (props?: ({
+    variant?: "muted" | "outline" | "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;
+    onOpenChange?: (open: boolean) => void;
+    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> & {
+    count: number;
+    active?: boolean;
+}): import("react").JSX.Element;
+declare function ToolGroupContent({ className, children, ...props }: React.ComponentProps<typeof CollapsibleContent>): import("react").JSX.Element;
+type ToolGroupComponent = FC<PropsWithChildren<{
+    startIndex: number;
+    endIndex: number;
+}>> & {
+    Root: typeof ToolGroupRoot;
+    Trigger: typeof ToolGroupTrigger;
+    Content: typeof ToolGroupContent;
+};
+/**
+ * @deprecated This wrapper targets the legacy `components.ToolGroup` prop
+ * on `<MessagePrimitive.Parts>`. Use `<MessagePrimitive.GroupedParts>` with
+ * a `groupBy` returning `"group-tool"` and compose `ToolGroupRoot` /
+ * `ToolGroupTrigger` / `ToolGroupContent` directly. See `thread.tsx`.
+ */
+declare const ToolGroup: ToolGroupComponent;
+export { ToolGroup, ToolGroupRoot, ToolGroupTrigger, ToolGroupContent, toolGroupVariants, };