@actioneer/ads 0.5.6 → 0.5.8

package/components/assistant-ui/message.js

@@ -1,30 +1,31 @@
 "use client";
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { UserMessageAttachments as h } from "./attachment.js";
 import { AssistantActionBar as T, UserActionBar as x } from "./action-bar.js";
-import { BranchPicker as d } from "./branch-picker.js";
+import { BranchPicker as p } from "./branch-picker.js";
 import { EditComposer as v } from "./composer.js";
 import { MessageError as b } from "./error.js";
 import { QuoteBlock as A } from "./quote.js";
-import { Reasoning as _, ReasoningRoot as y, ReasoningTrigger as w, ReasoningContent as R, ReasoningText as N } from "./reasoning.js";
-import { MarkdownText as C } from "./markdown-text.js";
-import { ThreadComponentsContext as p } from "./thread-context.js";
+import { Reasoning as _, ReasoningRoot as y, ReasoningTrigger as w, ReasoningContent as R, ReasoningText as C } from "./reasoning.js";
+import { MarkdownText as N } from "./markdown-text.js";
+import { ThreadComponentsContext as d } from "./thread-context.js";
 import { ToolFallback as k } from "./tool-fallback.js";
 import { ToolGroupRoot as B, ToolGroupTrigger as M, ToolGroupContent as G } from "./tool-group.js";
 import { createDirectiveText as I } from "./directive-text.js";
-import { cn as c } from "../../lib/cn.js";
-import { At as O, FileText as E, Bolt as P, Table as U } from "../../lib/icons.js";
-import { unstable_defaultDirectiveFormatter as F, MessagePrimitive as i, groupPartByType as j, useAuiState as g } from "@assistant-ui/react";
+import { Spinner as O } from "../spinner.js";
+import { cn as l } from "../../lib/cn.js";
+import { At as E, FileText as P, Bolt as U, Table as F } from "../../lib/icons.js";
+import { unstable_defaultDirectiveFormatter as j, MessagePrimitive as i, groupPartByType as z, useAuiState as g } from "@assistant-ui/react";
 import { useContext as f } from "react";
 const H = I(
-  F,
+  j,
   {
-    iconMap: { table: U, skill: P, file: E },
-    fallbackIcon: O
+    iconMap: { table: F, skill: U, file: P },
+    fallbackIcon: E
   }
-), nt = () => {
-  const { AssistantMessage: o = q } = f(p), n = g((s) => s.message.role);
-  return g((s) => s.message.composer.isEditing) ? /* @__PURE__ */ t(v, {}) : n === "user" ? /* @__PURE__ */ t(z, {}) : /* @__PURE__ */ t(o, {});
+), ct = () => {
+  const { AssistantMessage: o = q } = f(d), n = g((s) => s.message.role);
+  return g((s) => s.message.composer.isEditing) ? /* @__PURE__ */ t(v, {}) : n === "user" ? /* @__PURE__ */ t(D, {}) : /* @__PURE__ */ t(o, {});
 }, q = () => {
   const {
     AssistantAvatar: o,
@@ -32,14 +33,14 @@ const H = I(
     ToolGroup: u,
     ReasoningGroup: s,
     ChainOfThoughtGroup: m
-  } = f(p);
-  return /* @__PURE__ */ a(
+  } = f(d);
+  return /* @__PURE__ */ r(
     i.Root,
     {
       "data-slot": "aui_assistant-message-root",
       "data-role": "assistant",
-      className: c(
-        "fade-in slide-in-from-bottom-1 animate-in relative -mb-7.5 pb-7.5 duration-(--duration-fast) [contain-intrinsic-size:auto_200px] [content-visibility:auto]",
+      className: l(
+        "fade-in slide-in-from-bottom-1 animate-in relative -mb-7.5 pb-7.5 duration-150 [contain-intrinsic-size:auto_200px] [content-visibility:auto]",
         o && "grid grid-cols-[2rem_minmax(0,1fr)] items-start gap-x-2"
       ),
       children: [
@@ -51,11 +52,11 @@ const H = I(
             children: /* @__PURE__ */ t(o, {})
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ r(
           "div",
           {
             "data-slot": "aui_assistant-message-content",
-            className: c(
+            className: l(
               "text-foreground px-2 leading-relaxed wrap-break-word",
               o && "col-start-2 row-start-1"
             ),
@@ -63,17 +64,17 @@ const H = I(
               /* @__PURE__ */ t(
                 i.GroupedParts,
                 {
-                  groupBy: j({
+                  groupBy: z({
                     reasoning: ["group-chainOfThought", "group-reasoning"],
                     "tool-call": ["group-chainOfThought", "group-tool"],
                     "standalone-tool-call": []
                   }),
-                  children: ({ part: e, children: r }) => {
+                  children: ({ part: e, children: a }) => {
                     switch (e.type) {
                       case "group-chainOfThought":
-                        return m ? /* @__PURE__ */ t(m, { group: e, children: r }) : /* @__PURE__ */ t("div", { "data-slot": "aui_chain-of-thought", children: r });
+                        return m ? /* @__PURE__ */ t(m, { group: e, children: a }) : /* @__PURE__ */ t("div", { "data-slot": "aui_chain-of-thought", children: a });
                       case "group-tool":
-                        return u ? /* @__PURE__ */ t(u, { group: e, children: r }) : /* @__PURE__ */ a(B, { variant: "ghost", children: [
+                        return u ? /* @__PURE__ */ t(u, { group: e, children: a }) : /* @__PURE__ */ r(B, { variant: "ghost", children: [
                           /* @__PURE__ */ t(
                             M,
                             {
@@ -81,19 +82,19 @@ const H = I(
                               active: e.status.type === "running"
                             }
                           ),
-                          /* @__PURE__ */ t(G, { children: r })
+                          /* @__PURE__ */ t(G, { children: a })
                         ] });
                       case "group-reasoning": {
                         if (s)
-                          return /* @__PURE__ */ t(s, { group: e, children: r });
-                        const l = e.status.type === "running";
-                        return /* @__PURE__ */ a(y, { streaming: l, children: [
-                          /* @__PURE__ */ t(w, { active: l }),
-                          /* @__PURE__ */ t(R, { "aria-busy": l, children: /* @__PURE__ */ t(N, { children: r }) })
+                          return /* @__PURE__ */ t(s, { group: e, children: a });
+                        const c = e.status.type === "running";
+                        return /* @__PURE__ */ r(y, { streaming: c, children: [
+                          /* @__PURE__ */ t(w, { active: c }),
+                          /* @__PURE__ */ t(R, { "aria-busy": c, children: /* @__PURE__ */ t(C, { children: a }) })
                         ] });
                       }
                       case "text":
-                        return /* @__PURE__ */ t(C, {});
+                        return /* @__PURE__ */ t(N, {});
                       case "reasoning":
                         return /* @__PURE__ */ t(_, { ...e });
                       case "tool-call":
@@ -102,12 +103,12 @@ const H = I(
                         return e.dataRendererUI;
                       case "indicator":
                         return /* @__PURE__ */ t(
-                          "span",
+                          O,
                           {
                             "data-slot": "aui_assistant-message-indicator",
-                            className: "animate-pulse font-sans",
-                            "aria-label": "Assistant is working",
-                            children: "●"
+                            variant: "action",
+                            size: "sm",
+                            label: "Assistant is working"
                           }
                         );
                       default:
@@ -120,17 +121,17 @@ const H = I(
             ]
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ r(
           "div",
           {
             "data-slot": "aui_assistant-message-footer",
-            className: c(
+            className: l(
               "ms-2 flex items-center",
               "min-h-7.5 pt-1.5",
               o && "col-start-2 row-start-2"
             ),
             children: [
-              /* @__PURE__ */ t(d, {}),
+              /* @__PURE__ */ t(p, {}),
               /* @__PURE__ */ t(T, {})
             ]
           }
@@ -138,14 +139,14 @@ const H = I(
       ]
     }
   );
-}, z = () => /* @__PURE__ */ a(
+}, D = () => /* @__PURE__ */ r(
   i.Root,
   {
     "data-slot": "aui_user-message-root",
-    className: "fade-in slide-in-from-bottom-1 animate-in flex w-full flex-col gap-2 px-2 duration-(--duration-fast) [contain-intrinsic-size:auto_200px] [content-visibility:auto]",
+    className: "fade-in slide-in-from-bottom-1 animate-in flex w-full flex-col gap-2 px-2 duration-150 [contain-intrinsic-size:auto_200px] [content-visibility:auto]",
     "data-role": "user",
     children: [
-      /* @__PURE__ */ a("div", { className: "aui-user-message-content-wrapper group/user-request relative min-w-0", children: [
+      /* @__PURE__ */ r("div", { className: "aui-user-message-content-wrapper group/user-request relative min-w-0", children: [
         /* @__PURE__ */ t("div", { className: "aui-user-message-content peer text-foreground text-xl leading-snug wrap-break-word empty:hidden", children: /* @__PURE__ */ t(
           i.Parts,
           {
@@ -153,10 +154,10 @@ const H = I(
           }
         ) }),
         /* @__PURE__ */ t(h, {}),
-        /* @__PURE__ */ t("div", { className: "aui-user-action-bar-wrapper absolute end-0 top-0 opacity-0 transition-opacity duration-(--duration-fast) ease-out peer-empty:hidden group-hover/user-request:opacity-100 group-focus-within/user-request:opacity-100 motion-reduce:transition-none", children: /* @__PURE__ */ t(x, {}) })
+        /* @__PURE__ */ t("div", { className: "aui-user-action-bar-wrapper absolute end-0 top-0 opacity-0 transition-opacity duration-150 ease-out peer-empty:hidden group-hover/user-request:opacity-100 group-focus-within/user-request:opacity-100 motion-reduce:transition-none", children: /* @__PURE__ */ t(x, {}) })
       ] }),
       /* @__PURE__ */ t(
-        d,
+        p,
         {
           "data-slot": "aui_user-branch-picker",
           className: "-ms-1 justify-start"
@@ -167,6 +168,6 @@ const H = I(
 );
 export {
   q as AssistantMessage,
-  nt as ThreadMessage,
-  z as UserMessage
+  ct as ThreadMessage,
+  D as UserMessage
 };

package/components/assistant-ui/quote.js

@@ -36,7 +36,7 @@ function d({ className: e, ...o }) {
     {
       "data-slot": "quote-block-text",
       className: s(
-        "text-muted-foreground/80 line-clamp-2 min-w-0 text-sm italic",
+        "text-muted-foreground line-clamp-2 min-w-0 text-sm italic",
         e
       ),
       ...o

package/components/assistant-ui/reasoning.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ReasoningMessagePartComponent } from '@assistant-ui/react';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
 declare const reasoningVariants: (props?: ({
-    variant?: "muted" | "outline" | "ghost" | null | undefined;
+    variant?: "outline" | "muted" | "ghost" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ReasoningRootProps = Omit<React.ComponentProps<typeof Collapsible>, "open" | "onOpenChange"> & VariantProps<typeof reasoningVariants> & {
     open?: boolean;

package/components/assistant-ui/reasoning.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
 import { createContext as _, memo as T, useRef as m, useState as E, useLayoutEffect as M, useCallback as G, useContext as w, useEffect as j } from "react";
 import { cva as D } from "class-variance-authority";
 import { ChevronDown as F } from "../../lib/icons.js";
 import { useScrollLock as L, useAuiState as U } from "@assistant-ui/react";
 import { MarkdownText as V } from "./markdown-text.js";
-import { Collapsible as H, CollapsibleTrigger as $, CollapsibleContent as q } from "../ui/collapsible.js";
+import { Collapsible as H, CollapsibleTrigger as $, CollapsibleContent as q } from "../collapsible.js";
 import { cn as u } from "../../lib/cn.js";
 import { TraceStateIcon as B } from "../ai-elements/chain-of-thought-icon.js";
 const J = 200, h = _(!1), K = D("aui-reasoning-root mb-4 w-full", {
@@ -21,48 +21,48 @@ const J = 200, h = _(!1), K = D("aui-reasoning-root mb-4 w-full", {
   }
 });
 function k({
-  className: r,
-  variant: t,
-  open: a,
+  className: a,
+  variant: n,
+  open: o,
   onOpenChange: e,
   defaultOpen: i = !1,
-  streaming: n,
-  children: c,
+  streaming: t,
+  children: g,
   ...l
 }) {
-  const s = m(null), f = m(i), [b, z] = E(null), v = L(s, J), g = a !== void 0, R = g ? a : b ?? n ?? f.current, A = n === !0 && R && (g || b === null), y = m(n);
+  const s = m(null), f = m(i), [v, z] = E(null), b = L(s, J), c = o !== void 0, R = c ? o : v ?? t ?? f.current, A = t === !0 && R && (c || v === null), N = m(t);
   M(() => {
-    y.current !== n && (y.current = n, !g && b === null && v());
-  }, [n, g, b, v]);
+    N.current !== t && (N.current = t, !c && v === null && b());
+  }, [t, c, v, b]);
   const P = G(
-    (N) => {
-      v(), g || z(N), e == null || e(N);
+    (y) => {
+      b(), c || z(y), e == null || e(y);
     },
-    [v, g, e]
+    [b, c, e]
   );
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(
     H,
     {
       ref: s,
       "data-slot": "reasoning-root",
-      "data-variant": t,
+      "data-variant": n,
       open: R,
       onOpenChange: P,
       className: u(
         "group/reasoning-root",
-        K({ variant: t, className: r })
+        K({ variant: n, className: a })
       ),
       ...l,
-      children: /* @__PURE__ */ o(h.Provider, { value: A, children: c })
+      children: /* @__PURE__ */ r(h.Provider, { value: A, children: g })
     }
   );
 }
 function x({
-  side: r = "bottom",
-  className: t,
-  ...a
+  side: a = "bottom",
+  className: n,
+  ...o
 }) {
-  return r === "top" ? /* @__PURE__ */ o(
+  return a === "top" ? /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "reasoning-fade",
@@ -71,12 +71,12 @@ function x({
         "bg-[linear-gradient(to_bottom,var(--color-background),transparent)]",
         "group-data-[variant=muted]/reasoning-root:bg-[linear-gradient(to_bottom,hsl(var(--muted)/0.5),transparent)]",
         "fade-in-0 animate-in",
-        "duration-(--duration-normal)",
-        t
+        "duration-200",
+        n
       ),
-      ...a
+      ...o
     }
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "reasoning-fade",
@@ -85,36 +85,36 @@ function x({
         "bg-[linear-gradient(to_top,var(--color-background),transparent)]",
         "group-data-[variant=muted]/reasoning-root:bg-[linear-gradient(to_top,hsl(var(--muted)/0.5),transparent)]",
         "fade-in-0 animate-in",
-        "duration-(--duration-normal)",
-        t
+        "duration-200",
+        n
       ),
-      ...a
+      ...o
     }
   );
 }
 function C({
-  active: r,
-  duration: t,
-  className: a,
+  active: a,
+  duration: n,
+  className: o,
   ...e
 }) {
-  const i = t ? ` (${t}s)` : "";
+  const i = n ? ` (${n}s)` : "";
   return /* @__PURE__ */ d(
     $,
     {
       "data-slot": "reasoning-trigger",
       className: u(
         "aui-reasoning-trigger group/trigger text-muted-foreground hover:text-foreground flex max-w-[75%] origin-left items-center gap-2 py-1.5 text-xs transition-[color,scale] active:scale-[0.98]",
-        a
+        o
       ),
       ...e,
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           B,
           {
             "data-slot": "reasoning-trigger-icon",
             stage: "thinking",
-            status: r ? "active" : "complete",
+            status: a ? "active" : "complete",
             className: "aui-reasoning-trigger-icon size-4 shrink-0",
             "aria-hidden": !0
           }
@@ -129,7 +129,7 @@ function C({
                 "Reasoning",
                 i
               ] }),
-              r ? /* @__PURE__ */ d(
+              a ? /* @__PURE__ */ d(
                 "span",
                 {
                   "aria-hidden": !0,
@@ -144,13 +144,13 @@ function C({
             ]
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           F,
           {
             "data-slot": "reasoning-trigger-chevron",
             className: u(
               "aui-reasoning-trigger-chevron mt-0.5 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"
             )
@@ -161,9 +161,9 @@ function C({
   );
 }
 function I({
-  className: r,
-  children: t,
-  ...a
+  className: a,
+  children: n,
+  ...o
 }) {
   const e = w(h);
   return /* @__PURE__ */ d(
@@ -174,73 +174,62 @@ function I({
         "aui-reasoning-content text-muted-foreground relative overflow-hidden text-xs outline-none",
         "group/collapsible-content",
         "data-[state=closed]:pointer-events-none",
-        r
+        a
       ),
-      ...a,
+      ...o,
       children: [
-        /* @__PURE__ */ o(x, { side: "top" }),
-        t,
-        e ? /* @__PURE__ */ o(x, {}) : null
+        /* @__PURE__ */ r(x, { side: "top" }),
+        n,
+        e ? /* @__PURE__ */ r(x, {}) : null
       ]
     }
   );
 }
 function S({
-  className: r,
-  children: t,
-  ...a
+  className: a,
+  children: n,
+  ...o
 }) {
-  const e = w(h), i = m(null), n = m(null);
+  const e = w(h), i = m(null), t = m(null);
   return j(() => {
     if (!e) return;
-    const c = i.current, l = n.current;
-    if (!c || !l) return;
+    const g = i.current, l = t.current;
+    if (!g || !l) return;
     const s = () => {
-      c.scrollTop = c.scrollHeight;
+      g.scrollTop = g.scrollHeight;
     };
     s();
     const f = new ResizeObserver(s);
     return f.observe(l), () => f.disconnect();
-  }, [e]), /* @__PURE__ */ o(
+  }, [e]), /* @__PURE__ */ r(
     "div",
     {
       ref: i,
       "data-slot": "reasoning-text",
       className: u(
         "aui-reasoning-text relative z-0 max-h-64 overflow-y-auto ps-6 pt-2 pb-2 leading-relaxed text-pretty",
-        "transform-gpu transition-[transform,opacity] ease-out",
-        "motion-reduce:animate-none",
-        "group-data-[state=open]/collapsible-content:animate-in",
-        "group-data-[state=closed]/collapsible-content:animate-out",
-        "group-data-[state=open]/collapsible-content:fade-in-0",
-        "group-data-[state=closed]/collapsible-content:fade-out-0",
-        "group-data-[state=open]/collapsible-content:slide-in-from-top-4",
-        "group-data-[state=closed]/collapsible-content:slide-out-to-top-4",
-        "group-data-[state=open]/collapsible-content:blur-in-[2px]",
-        "group-data-[state=closed]/collapsible-content:blur-out-[2px]",
-        "group-data-[state=open]/collapsible-content:duration-(--duration-normal)",
-        "group-data-[state=closed]/collapsible-content:duration-(--duration-normal)",
-        r
+        "transform-gpu",
+        a
       ),
-      ...a,
-      children: /* @__PURE__ */ o("div", { ref: n, className: "aui-reasoning-text-content space-y-4", children: t })
+      ...o,
+      children: /* @__PURE__ */ r("div", { ref: t, className: "aui-reasoning-text-content space-y-4", children: n })
     }
   );
 }
-const Q = () => /* @__PURE__ */ o(V, {}), W = ({
-  children: r,
-  startIndex: t,
-  endIndex: a
+const Q = () => /* @__PURE__ */ r(V, {}), W = ({
+  children: a,
+  startIndex: n,
+  endIndex: o
 }) => {
   const e = U((i) => {
     var l, s;
     if (((l = i.message.status) == null ? void 0 : l.type) !== "running") return !1;
-    const n = i.message.parts.length - 1;
-    return n < 0 || ((s = i.message.parts[n]) == null ? void 0 : s.type) !== "reasoning" ? !1 : n >= t && n <= a;
+    const t = i.message.parts.length - 1;
+    return t < 0 || ((s = i.message.parts[t]) == null ? void 0 : s.type) !== "reasoning" ? !1 : t >= n && t <= o;
   });
   return /* @__PURE__ */ d(k, { streaming: e, children: [
-    /* @__PURE__ */ o(C, { active: e }),
-    /* @__PURE__ */ o(I, { "aria-busy": e, children: /* @__PURE__ */ o(S, { children: r }) })
+    /* @__PURE__ */ r(C, { active: e }),
+    /* @__PURE__ */ r(I, { "aria-busy": e, children: /* @__PURE__ */ r(S, { children: a }) })
   ] });
 }, p = T(
   Q

package/components/assistant-ui/suggestions.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { Button as i } from "../ui/button.js";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Button as r } from "../ui/button.js";
 import { SuggestionPrimitive as t, ThreadPrimitive as o } from "@assistant-ui/react";
-const l = () => /* @__PURE__ */ e("div", { className: "aui-thread-welcome-suggestions flex w-full flex-wrap items-center justify-center gap-2 px-4", children: /* @__PURE__ */ e(o.Suggestions, { children: () => /* @__PURE__ */ e(s, {}) }) }), s = () => /* @__PURE__ */ e("div", { className: "aui-thread-welcome-suggestion-display fade-in slide-in-from-bottom-2 animate-in fill-mode-both duration-(--duration-normal)", children: /* @__PURE__ */ e(t.Trigger, { send: !0, asChild: !0, children: /* @__PURE__ */ r(
-  i,
+const l = () => /* @__PURE__ */ e("div", { className: "aui-thread-welcome-suggestions flex w-full flex-wrap items-center justify-center gap-2 px-4", children: /* @__PURE__ */ e(o.Suggestions, { children: () => /* @__PURE__ */ e(s, {}) }) }), s = () => /* @__PURE__ */ e("div", { className: "aui-thread-welcome-suggestion-display fade-in slide-in-from-bottom-2 animate-in fill-mode-both duration-200", children: /* @__PURE__ */ e(t.Trigger, { send: !0, asChild: !0, children: /* @__PURE__ */ i(
+  r,
   {
     variant: "ghost",
     className: "aui-thread-welcome-suggestion text-foreground hover:bg-muted border-border/60 h-auto gap-1.5 rounded-full border px-3.5 py-1.5 text-xs font-normal whitespace-nowrap transition-colors",

package/components/assistant-ui/thread-context.d.ts

@@ -33,6 +33,8 @@ export type ThreadProps = {
     components?: ThreadComponents | undefined;
     /** Registers ADS's typed `render_answer` Tool UI. Enabled by default. */
     isAnswerToolEnabled?: boolean | undefined;
+    /** Keep the composer docked to the bottom even before the first message. */
+    composerPlacement?: "adaptive" | "bottom" | undefined;
 };
 export declare const EMPTY_COMPONENTS: ThreadComponents;
 export declare const ThreadComponentsContext: import('react').Context<ThreadComponents>;