@actioneer/ads 0.5.3 → 0.5.5

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

@@ -1,42 +1,37 @@
 "use client";
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import * as a from "react";
-import { makeAssistantToolUI as c, useAssistantRuntime as i } from "@assistant-ui/react";
-import { ANSWER_TOOL_NAME as m, AnswerSpecSchema as d, AnswerRenderer as p } from "../answer.js";
-import { Alert as u, AlertTitle as h, AlertDescription as w } from "../alert.js";
-import { Skeleton as n } from "../skeleton.js";
-function A() {
-  return /* @__PURE__ */ l("div", { className: "w-full max-w-2xl space-y-4", "aria-label": "Building answer", children: [
-    /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e(n, { className: "h-3 w-24" }),
-      /* @__PURE__ */ e(n, { className: "h-7 w-4/5" }),
-      /* @__PURE__ */ e(n, { className: "h-4 w-full" })
-    ] }),
-    /* @__PURE__ */ e(n, { className: "h-48 w-full rounded-2xl" })
-  ] });
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import * as i from "react";
+import { makeAssistantToolUI as c, useAssistantRuntime as l } from "@assistant-ui/react";
+import { ANSWER_TOOL_NAME as d, AnswerSpecSchema as p, AnswerSkeleton as a, ANSWER_KINDS as u, AnswerRenderer as m } from "../answer.js";
+import { Alert as A, AlertTitle as f, AlertDescription as h } from "../alert.js";
+function S(e) {
+  if (typeof e != "object" || e === null || !("kind" in e))
+    return;
+  const n = e.kind;
+  return u.includes(n) ? n : void 0;
 }
-function f({ spec: s }) {
-  const r = i(), t = a.useCallback(
+function w({ spec: e }) {
+  const n = l(), t = i.useCallback(
     (o) => {
-      r.thread.append({
+      n.thread.append({
         role: "user",
         content: [{ type: "text", text: o.prompt ?? o.label }]
       });
     },
-    [r]
+    [n]
   );
-  return /* @__PURE__ */ e(p, { spec: s, onFollowUp: t });
+  return /* @__PURE__ */ r(m, { spec: e, onFollowUp: t, onOptionSelect: t });
 }
-const b = c({
-  toolName: m,
-  render: ({ args: s, status: r }) => {
-    const t = d.safeParse(s);
-    return t.success ? /* @__PURE__ */ e(f, { spec: t.data }) : r.type === "running" ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ l(u, { variant: "danger", children: [
-      /* @__PURE__ */ e(h, { children: "Unable to render this answer" }),
-      /* @__PURE__ */ e(w, { children: "The tool response did not match the ADS AnswerSpec contract." })
+const N = c({
+  toolName: d,
+  render: ({ args: e, status: n }) => {
+    const t = p.safeParse(e);
+    return t.success ? /* @__PURE__ */ r(w, { spec: t.data }) : n.type === "running" ? /* @__PURE__ */ r(a, { kind: S(e) }) : /* @__PURE__ */ s(A, { variant: "danger", children: [
+      /* @__PURE__ */ r(f, { children: "Unable to render this answer" }),
+      /* @__PURE__ */ r(h, { children: "The tool response did not match the ADS AnswerSpec contract." })
     ] });
   }
 });
 export {
-  b as RenderAnswerToolUI
+  N as RenderAnswerToolUI
 };

package/components/assistant-ui/chain-of-thought.d.ts

@@ -1,5 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
 import { VariantProps } from 'class-variance-authority';
+import { ActiveChainOfThoughtState } from '../ai-elements/chain-of-thought-icon';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
 declare const chainOfThoughtVariants: (props?: ({
     variant?: "muted" | "outline" | "ghost" | null | undefined;
@@ -12,9 +13,13 @@ export type ChainOfThoughtRootProps = Omit<React.ComponentProps<typeof Collapsib
  * stays in sync. Must render inside a message scope.
  */
 declare function ChainOfThoughtRoot({ className, variant, children, ...props }: ChainOfThoughtRootProps): import("react").JSX.Element;
-declare function ChainOfThoughtTrigger({ active, className, children, ...props }: React.ComponentProps<typeof CollapsibleTrigger> & {
-    /** Shimmer + spinner while the chain is streaming. Defaults to the scope's running status. */
+declare function ChainOfThoughtTrigger({ active, stage, outcome, className, children, ...props }: React.ComponentProps<typeof CollapsibleTrigger> & {
+    /** Shimmer + animated stage icon while streaming. Defaults to the scope's running status. */
     active?: boolean;
+    /** Semantic stage shown while the chain is running. */
+    stage?: ActiveChainOfThoughtState;
+    /** Whole-chain state shown after the run settles. */
+    outcome?: "completed" | "paused" | "incomplete";
 }): import("react").JSX.Element;
 declare function ChainOfThoughtContent({ className, children, ...props }: React.ComponentProps<typeof CollapsibleContent>): import("react").JSX.Element;
 type ChainOfThoughtProps = PropsWithChildren<{

package/components/assistant-ui/composer-harness.js

@@ -2,7 +2,7 @@
 var c = Object.defineProperty;
 var l = (r, t, o) => t in r ? c(r, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[t] = o;
 var p = (r, t, o) => l(r, typeof t != "symbol" ? t + "" : t, o);
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { useComposerRuntime as d, useComposer as u } from "@assistant-ui/react";
 import "clsx";
 import "tailwind-merge";
@@ -24,6 +24,9 @@ import "../stepper.js";
 import "../resizable-panel.js";
 import "react";
 import { Bolt as a, ChevronDown as f, CheckList as h, Sparkles as g } from "../../lib/icons.js";
+import "react-dom";
+import "motion/react";
+import "../ripple.js";
 import "../input.js";
 import "../input-field.js";
 import "../textarea.js";
@@ -36,10 +39,8 @@ import "../autocomplete.js";
 import "../slider.js";
 import "../segmented.js";
 import "../modal.js";
-import "react-dom";
 import "../drawer.js";
 import "../popover.js";
-import "motion/react";
 import { Dropdown as b, DropdownTrigger as v, DropdownContent as y, DropdownLabel as x, DropdownItem as w } from "../dropdown.js";
 import "../toast.js";
 import "../answer.js";
@@ -58,6 +59,8 @@ import "../chip.js";
 import "../timeline.js";
 import "../alert.js";
 import "../pixel-blast-svg.js";
+import "../pixel-icon.js";
+import "../agent-icon.js";
 import "../brand-texture.js";
 import "../progress.js";
 import "../progress-circle.js";
@@ -73,6 +76,7 @@ import "../collapsible.js";
 import "../selection-action-bar.js";
 import "../ai-elements/agent-trace.js";
 import "../ai-elements/chain-of-thought.js";
+import "../ai-elements/chain-of-thought-icon.js";
 import "../ai-elements/chart.js";
 import "../ai-elements/inline-citation.js";
 import "../ai-elements/message.js";
@@ -102,7 +106,7 @@ import "./quote.js";
 import "./sources.js";
 import "./tool-fallback.js";
 import "./tool-group.js";
-const n = "application/x-actioneer-harness", S = [
+const m = "application/x-actioneer-harness", S = [
   {
     id: "investigate",
     label: "Data investigation",
@@ -122,16 +126,16 @@ const n = "application/x-actioneer-harness", S = [
     instructions: "Write a concise executive brief: lead with the decision or insight, use only decision-relevant evidence, and end with the recommended next action."
   }
 ];
-function gi() {
+function xi() {
   const r = d(), t = u((i) => i.attachments), o = new Set(
-    t.filter((i) => i.contentType === n).map((i) => i.name)
+    t.filter((i) => i.contentType === m).map((i) => i.name)
   ), s = (i) => {
     o.has(i.label) || r.addAttachment(
-      new File([i.instructions], `${i.label}.harness`, { type: n })
+      new File([i.instructions], `${i.label}.harness`, { type: m })
     );
   };
-  return /* @__PURE__ */ m(b, { children: [
-    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ n(b, { children: [
+    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ n(
       "button",
       {
         type: "button",
@@ -150,7 +154,7 @@ function gi() {
         ]
       }
     ) }),
-    /* @__PURE__ */ m(y, { side: "top", align: "start", className: "w-56", autoFocusFirstItem: !1, children: [
+    /* @__PURE__ */ n(y, { side: "top", align: "start", className: "w-56", autoFocusFirstItem: !1, children: [
       /* @__PURE__ */ e(x, { children: "Add a harness" }),
       S.map((i) => /* @__PURE__ */ e(
         w,
@@ -165,16 +169,16 @@ function gi() {
     ] })
   ] });
 }
-class bi {
+class wi {
   constructor() {
-    p(this, "accept", n);
+    p(this, "accept", m);
   }
   async add(t) {
     return {
       id: t.file.name,
       type: "document",
       name: t.file.name.replace(/\.harness$/, "").replace(/-/g, " "),
-      contentType: n,
+      contentType: m,
       file: t.file,
       status: { type: "requires-action", reason: "composer-send" }
     };
@@ -198,7 +202,7 @@ ${o}
   }
 }
 export {
-  gi as ComposerHarness,
-  n as HARNESS_MIME,
-  bi as HarnessAttachmentAdapter
+  xi as ComposerHarness,
+  m as HARNESS_MIME,
+  wi as HarnessAttachmentAdapter
 };

package/components/assistant-ui/reasoning.js

@@ -1,12 +1,13 @@
 "use client";
 import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { createContext as _, memo as w, useRef as m, useState as E, useLayoutEffect as M, useCallback as G, useContext as T, useEffect as j } from "react";
+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 { Brain as F, ChevronDown as L } from "../../lib/icons.js";
-import { useScrollLock as U, useAuiState as V } from "@assistant-ui/react";
-import { MarkdownText as B } from "./markdown-text.js";
+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 { 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", {
   variants: {
     variant: {
@@ -19,7 +20,7 @@ const J = 200, h = _(!1), K = D("aui-reasoning-root mb-4 w-full", {
     variant: "outline"
   }
 });
-function C({
+function k({
   className: r,
   variant: t,
   open: a,
@@ -29,13 +30,13 @@ function C({
   children: c,
   ...l
 }) {
-  const s = m(null), f = m(i), [b, I] = E(null), v = U(s, J), g = a !== void 0, R = g ? a : b ?? n ?? f.current, S = n === !0 && R && (g || b === null), y = m(n);
+  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);
   M(() => {
     y.current !== n && (y.current = n, !g && b === null && v());
   }, [n, g, b, v]);
   const P = G(
     (N) => {
-      v(), g || I(N), e == null || e(N);
+      v(), g || z(N), e == null || e(N);
     },
     [v, g, e]
   );
@@ -52,7 +53,7 @@ function C({
         K({ variant: t, className: r })
       ),
       ...l,
-      children: /* @__PURE__ */ o(h.Provider, { value: S, children: c })
+      children: /* @__PURE__ */ o(h.Provider, { value: A, children: c })
     }
   );
 }
@@ -91,7 +92,7 @@ function x({
     }
   );
 }
-function k({
+function C({
   active: r,
   duration: t,
   className: a,
@@ -109,10 +110,13 @@ function k({
       ...e,
       children: [
         /* @__PURE__ */ o(
-          F,
+          B,
           {
             "data-slot": "reasoning-trigger-icon",
-            className: "aui-reasoning-trigger-icon size-4 shrink-0"
+            stage: "thinking",
+            status: r ? "active" : "complete",
+            className: "aui-reasoning-trigger-icon size-4 shrink-0",
+            "aria-hidden": !0
           }
         ),
         /* @__PURE__ */ d(
@@ -141,7 +145,7 @@ function k({
           }
         ),
         /* @__PURE__ */ o(
-          L,
+          F,
           {
             "data-slot": "reasoning-trigger-chevron",
             className: u(
@@ -156,12 +160,12 @@ function k({
     }
   );
 }
-function z({
+function I({
   className: r,
   children: t,
   ...a
 }) {
-  const e = T(h);
+  const e = w(h);
   return /* @__PURE__ */ d(
     q,
     {
@@ -181,12 +185,12 @@ function z({
     }
   );
 }
-function A({
+function S({
   className: r,
   children: t,
   ...a
 }) {
-  const e = T(h), i = m(null), n = m(null);
+  const e = w(h), i = m(null), n = m(null);
   return j(() => {
     if (!e) return;
     const c = i.current, l = n.current;
@@ -223,39 +227,39 @@ function A({
     }
   );
 }
-const Q = () => /* @__PURE__ */ o(B, {}), W = ({
+const Q = () => /* @__PURE__ */ o(V, {}), W = ({
   children: r,
   startIndex: t,
   endIndex: a
 }) => {
-  const e = V((i) => {
+  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;
   });
-  return /* @__PURE__ */ d(C, { streaming: e, children: [
-    /* @__PURE__ */ o(k, { active: e }),
-    /* @__PURE__ */ o(z, { "aria-busy": e, children: /* @__PURE__ */ o(A, { children: r }) })
+  return /* @__PURE__ */ d(k, { streaming: e, children: [
+    /* @__PURE__ */ o(C, { active: e }),
+    /* @__PURE__ */ o(I, { "aria-busy": e, children: /* @__PURE__ */ o(S, { children: r }) })
   ] });
-}, p = w(
+}, p = T(
   Q
 );
 p.displayName = "Reasoning";
-p.Root = C;
-p.Trigger = k;
-p.Content = z;
-p.Text = A;
+p.Root = k;
+p.Trigger = C;
+p.Content = I;
+p.Text = S;
 p.Fade = x;
-const X = w(W);
+const X = T(W);
 X.displayName = "ReasoningGroup";
 export {
   p as Reasoning,
-  z as ReasoningContent,
+  I as ReasoningContent,
   x as ReasoningFade,
   X as ReasoningGroup,
-  C as ReasoningRoot,
-  A as ReasoningText,
-  k as ReasoningTrigger,
+  k as ReasoningRoot,
+  S as ReasoningText,
+  C as ReasoningTrigger,
   K as reasoningVariants
 };