@actioneer/ads 0.5.6 → 0.5.8

package/components/assistant-ui/badge.js

@@ -1,21 +1,21 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
-import { Slot as g } from "radix-ui";
-import { cva as s } from "class-variance-authority";
-import { cn as b } from "../../lib/cn.js";
-const m = s(
+import { jsx as d } from "react/jsx-runtime";
+import { Slot as s } from "radix-ui";
+import { cva as g } from "class-variance-authority";
+import { cn as u } from "../../lib/cn.js";
+const i = g(
   "inline-flex items-center justify-center gap-1 rounded-md text-xs font-medium transition-colors [&_svg]:size-3 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
         outline: "border-input text-muted-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground border bg-transparent",
         secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/80",
-        muted: "bg-muted text-muted-foreground [a&]:hover:bg-muted/80 [a&]:hover:text-foreground",
+        muted: "bg-muted text-muted-foreground [a&]:hover:bg-accent [a&]:hover:text-foreground",
         ghost: "text-muted-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground bg-transparent",
-        info: "bg-blue-100 text-blue-700 dark:bg-blue-900/50 dark:text-blue-300 [a&]:hover:bg-blue-100/80",
-        warning: "bg-amber-100 text-amber-700 dark:bg-amber-900/50 dark:text-amber-300 [a&]:hover:bg-amber-100/80",
-        success: "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/50 dark:text-emerald-300 [a&]:hover:bg-emerald-100/80",
-        destructive: "bg-red-100 text-red-700 dark:bg-red-900/50 dark:text-red-300 [a&]:hover:bg-red-100/80"
+        info: "bg-blue-100 text-blue-700 [a&]:hover:bg-blue-100/80",
+        warning: "bg-amber-100 text-amber-700 [a&]:hover:bg-amber-100/80",
+        success: "bg-emerald-100 text-emerald-700 [a&]:hover:bg-emerald-100/80",
+        destructive: "bg-red-100 text-red-700 [a&]:hover:bg-red-100/80"
       },
       size: {
         sm: "px-1.5 py-0.5",
@@ -29,26 +29,26 @@ const m = s(
     }
   }
 );
-function x({
+function l({
   className: r,
   variant: e,
   size: t,
   asChild: a = !1,
   ...o
 }) {
-  const d = a ? g.Root : "span";
-  return /* @__PURE__ */ n(
-    d,
+  const n = a ? s.Root : "span";
+  return /* @__PURE__ */ d(
+    n,
     {
       "data-slot": "badge",
       "data-variant": e,
       "data-size": t,
-      className: b(m({ variant: e, size: t }), r),
+      className: u(i({ variant: e, size: t }), r),
       ...o
     }
   );
 }
 export {
-  x as Badge,
-  m as badgeVariants
+  l as Badge,
+  i as badgeVariants
 };

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

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

package/components/assistant-ui/composer-add-context.js

@@ -22,10 +22,10 @@ function ue({
 }
 const w = "flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-xs text-left outline-none transition-colors hover:bg-muted focus-visible:bg-muted [&_svg]:size-4 [&_svg]:shrink-0 [&_img]:size-4 [&_img]:shrink-0 [&_img]:rounded-xs", _ = (o) => o.map((t) => t.label).slice(1).join(" · "), te = (o) => o.startsWith("mem.") || o.startsWith("skill.");
 function fe() {
-  const o = E(S), t = E(T), a = V(), B = X((e) => e.attachments), [c, b] = y(!1), [u, h] = y([]), g = A(null), k = A(null), [d, O] = y(null);
+  const o = E(S), t = E(T), a = V(), B = X((e) => e.attachments), [c, g] = y(!1), [u, h] = y([]), b = A(null), k = A(null), [d, O] = y(null);
   if (U(() => {
     if (!c) return;
-    const e = g.current;
+    const e = b.current;
     if (!e) return;
     const r = () => {
       const s = e.getBoundingClientRect();
@@ -41,9 +41,9 @@ function fe() {
     const e = (s) => {
       var f, x;
       const i = s.target;
-      (f = k.current) != null && f.contains(i) || (x = g.current) != null && x.contains(i) || b(!1);
+      (f = k.current) != null && f.contains(i) || (x = b.current) != null && x.contains(i) || g(!1);
     }, r = (s) => {
-      s.key === "Escape" && (s.preventDefault(), h((i) => i.length ? i.slice(0, -1) : (b(!1), i)));
+      s.key === "Escape" && (s.preventDefault(), h((i) => i.length ? i.slice(0, -1) : (g(!1), i)));
     };
     return document.addEventListener("pointerdown", e), document.addEventListener("keydown", r), () => {
       document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", r);
@@ -61,13 +61,13 @@ function fe() {
     /* @__PURE__ */ n(
       G,
       {
-        ref: g,
+        ref: b,
         tooltip: "Add context",
         side: "top",
         "aria-label": "Add context",
         "aria-expanded": c,
         type: "button",
-        onClick: () => b((e) => !e),
+        onClick: () => g((e) => !e),
         className: "aui-composer-add-context hover:bg-muted-foreground/15 size-7 rounded-full p-1",
         children: /* @__PURE__ */ n(J, { className: "size-4.5 stroke-[1.5px]" })
       }
@@ -98,12 +98,12 @@ function fe() {
                   type: "button",
                   "aria-label": "Back",
                   onClick: () => h((e) => e.slice(0, -1)),
-                  className: "flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring [&_svg]:size-4",
+                  className: "flex size-6 shrink-0 items-center justify-center rounded-sm text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring [&_svg]:size-4",
                   children: /* @__PURE__ */ n(Q, {})
                 }
               ),
-              /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-xs font-semibold text-muted-foreground", children: u.map((e) => e.label).join(" · ") })
-            ] }) : /* @__PURE__ */ n("div", { className: "px-2 py-1 text-xs font-semibold text-muted-foreground", children: "Agent's context" }),
+              /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-xs font-medium text-muted-foreground", children: u.map((e) => e.label).join(" · ") })
+            ] }) : /* @__PURE__ */ n("div", { className: "px-2 py-1 text-xs font-medium text-muted-foreground", children: "Agent's context" }),
             (l == null ? void 0 : l.addable) && (() => {
               const e = _(u), r = v.has(e);
               return /* @__PURE__ */ m(

package/components/assistant-ui/composer-deep-research.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { createContext as u, useContext as a } from "react";
-import { Telescope as c } from "../../lib/icons.js";
+import { createContext as u, useContext as c } from "react";
+import { Telescope as a } from "../../lib/icons.js";
 import { cn as n } from "../../lib/cn.js";
 const t = u(null);
 function p({
@@ -11,7 +11,7 @@ function p({
   return /* @__PURE__ */ r(t.Provider, { value: o, children: e });
 }
 function x() {
-  const o = a(t);
+  const o = c(t);
   if (!o) return null;
   const { enabled: e, setEnabled: i } = o;
   return (
@@ -30,14 +30,14 @@ function x() {
           e ? "bg-info-50 text-info-700 hover:bg-info-100" : "text-muted-foreground hover:bg-muted-foreground/15 hover:text-foreground"
         ),
         children: [
-          /* @__PURE__ */ r(c, { className: "size-4 shrink-0" }),
+          /* @__PURE__ */ r(a, { className: "size-4 shrink-0" }),
           "Deep research",
           /* @__PURE__ */ r(
             "span",
             {
               "aria-hidden": !0,
               className: n(
-                "size-1.5 shrink-0 rounded-dot transition-colors duration-(--duration-fast) ease-out motion-reduce:transition-none",
+                "size-1.5 shrink-0 rounded-dot transition-colors duration-150 ease-out motion-reduce:transition-none",
                 e ? "bg-info-600" : "bg-muted-foreground/40"
               )
             }

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

@@ -7,7 +7,7 @@ import { useComposerRuntime as d, useComposer as u } from "@assistant-ui/react";
 import "clsx";
 import "tailwind-merge";
 import "../../lib/interactive.js";
-import "radix-ui";
+import "../ui/tooltip.js";
 import "../button.js";
 import "../spinner.js";
 import "../reveal.js";
@@ -23,7 +23,7 @@ import "../scroll-area.js";
 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 { Bolt as a, ChevronDown as h, CheckList as f, Sparkles as g } from "../../lib/icons.js";
 import "react-dom";
 import "motion/react";
 import "../ripple.js";
@@ -44,6 +44,7 @@ import "../popover.js";
 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";
+import "../answer-sources.js";
 import "../card.js";
 import "../carousel.js";
 import "../chart.js";
@@ -96,6 +97,8 @@ import "./thread-context.js";
 import "./tooltip-icon-button.js";
 import "./composer-add-context.js";
 import "zustand/shallow";
+import "../ui/dialog.js";
+import "radix-ui";
 import "./composer-deep-research.js";
 import "./composer-trigger-popover.js";
 import "./directive-text.js";
@@ -116,7 +119,7 @@ const m = "application/x-actioneer-harness", S = [
   {
     id: "metric",
     label: "Metric analysis",
-    icon: /* @__PURE__ */ e(h, {}),
+    icon: /* @__PURE__ */ e(f, {}),
     instructions: "Define the metric, grain, population, and time window before calculating. Call out comparisons, denominator changes, and any data-quality caveats."
   },
   {
@@ -126,7 +129,7 @@ const m = "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 xi() {
+function Ai() {
   const r = d(), t = u((i) => i.attachments), o = new Set(
     t.filter((i) => i.contentType === m).map((i) => i.name)
   ), s = (i) => {
@@ -145,10 +148,10 @@ function xi() {
           /* @__PURE__ */ e(a, { className: "size-4 shrink-0" }),
           "Add harness",
           /* @__PURE__ */ e(
-            f,
+            h,
             {
               "aria-hidden": !0,
-              className: "size-3.5 shrink-0 opacity-60 transition-transform duration-(--duration-fast) ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none"
+              className: "size-3.5 shrink-0 opacity-60 transition-transform duration-150 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none"
             }
           )
         ]
@@ -169,7 +172,7 @@ function xi() {
     ] })
   ] });
 }
-class wi {
+class Ci {
   constructor() {
     p(this, "accept", m);
   }
@@ -202,7 +205,7 @@ ${o}
   }
 }
 export {
-  xi as ComposerHarness,
+  Ai as ComposerHarness,
   m as HARNESS_MIME,
-  wi as HarnessAttachmentAdapter
+  Ci as HarnessAttachmentAdapter
 };

package/components/assistant-ui/composer-trigger-popover.js

@@ -3,22 +3,23 @@ import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { memo as h, useRef as b } from "react";
 import { ComposerPrimitive as n, unstable_defaultDirectiveFormatter as u, unstable_useTriggerPopoverScopeContext as N } from "@assistant-ui/react";
 import { Sparkles as y, ChevronRight as P, ChevronLeft as T } from "../../lib/icons.js";
-import { cn as C } from "../../lib/cn.js";
-function x(o, r, l) {
-  return o && (r != null && r[o]) ? r[o] : l;
+import { Spinner as C } from "../spinner.js";
+import { cn as I } from "../../lib/cn.js";
+function x(o, r, i) {
+  return o && (r != null && r[o]) ? r[o] : i;
 }
-const I = ({
+const _ = ({
   iconMap: o,
   fallbackIcon: r,
-  emptyLabel: l
-}) => /* @__PURE__ */ e(n.Unstable_TriggerPopoverCategories, { children: (i) => /* @__PURE__ */ s(
+  emptyLabel: i
+}) => /* @__PURE__ */ e(n.Unstable_TriggerPopoverCategories, { children: (c) => /* @__PURE__ */ s(
   "div",
   {
     "data-slot": "composer-trigger-popover-categories",
     className: "flex flex-col py-1",
     children: [
-      i.map((a) => {
-        const m = x(a.id, o, r);
+      c.map((a) => {
+        const l = x(a.id, o, r);
         return /* @__PURE__ */ s(
           n.Unstable_TriggerPopoverCategoryItem,
           {
@@ -26,7 +27,7 @@ const I = ({
             className: "hover:bg-accent focus:bg-accent data-[highlighted]:bg-accent flex cursor-pointer items-center justify-between gap-2 px-3 py-2 text-sm transition-colors outline-none",
             children: [
               /* @__PURE__ */ s("span", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ e(m, { className: "text-muted-foreground size-4" }),
+                /* @__PURE__ */ e(l, { className: "text-muted-foreground size-4" }),
                 a.label
               ] }),
               /* @__PURE__ */ e(P, { className: "text-muted-foreground size-4" })
@@ -35,17 +36,17 @@ const I = ({
           a.id
         );
       }),
-      i.length === 0 && /* @__PURE__ */ e("div", { className: "text-muted-foreground px-3 py-2 text-sm", children: l })
+      c.length === 0 && /* @__PURE__ */ e("div", { className: "text-muted-foreground px-3 py-2 text-sm", children: i })
     ]
   }
-) }), _ = ({
+) }), U = ({
   iconMap: o,
   fallbackIcon: r,
-  backLabel: l,
-  emptyLabel: i,
+  backLabel: i,
+  emptyLabel: c,
   loadingLabel: a
 }) => {
-  const { isLoading: m } = N();
+  const { isLoading: l } = N();
   return /* @__PURE__ */ e(n.Unstable_TriggerPopoverItems, { children: (g) => /* @__PURE__ */ s(
     "div",
     {
@@ -54,17 +55,17 @@ const I = ({
       children: [
         /* @__PURE__ */ s(n.Unstable_TriggerPopoverBack, { className: "text-muted-foreground hover:bg-accent flex cursor-pointer items-center gap-1.5 border-b px-3 py-2 text-xs tracking-wide uppercase transition-colors", children: [
           /* @__PURE__ */ e(T, { className: "size-3.5" }),
-          l
+          i
         ] }),
         /* @__PURE__ */ s("div", { className: "py-1", children: [
-          g.map((t, c) => {
+          g.map((t, m) => {
             var d;
             const p = typeof ((d = t.metadata) == null ? void 0 : d.icon) == "string" ? t.metadata.icon : void 0, v = x(p, o, r);
             return /* @__PURE__ */ s(
               n.Unstable_TriggerPopoverItem,
               {
                 item: t,
-                index: c,
+                index: m,
                 className: "hover:bg-accent focus:bg-accent data-[highlighted]:bg-accent flex w-full cursor-pointer flex-col items-start gap-0.5 px-3 py-2 text-start transition-colors outline-none",
                 children: [
                   /* @__PURE__ */ s("span", { className: "flex items-center gap-2 text-sm font-medium", children: [
@@ -77,7 +78,17 @@ const I = ({
               t.id
             );
           }),
-          g.length === 0 && /* @__PURE__ */ e("div", { className: "text-muted-foreground px-3 py-2 text-sm", children: m ? a : i })
+          g.length === 0 && /* @__PURE__ */ s(
+            "div",
+            {
+              role: l ? "status" : void 0,
+              className: "text-muted-foreground flex items-center gap-2 px-3 py-2 text-sm",
+              children: [
+                l && /* @__PURE__ */ e(C, { variant: "content", size: "xs", "aria-hidden": !0 }),
+                l ? a : c
+              ]
+            }
+          )
         ] })
       ]
     }
@@ -85,19 +96,19 @@ const I = ({
 }, f = ({
   iconMap: o,
   fallbackIcon: r = y,
-  backLabel: l = "Back",
-  emptyCategoriesLabel: i = "No items available",
+  backLabel: i = "Back",
+  emptyCategoriesLabel: c = "No items available",
   emptyItemsLabel: a = "No matching items",
-  loadingLabel: m = "Loading…",
+  loadingLabel: l = "Loading…",
   className: g,
   directive: t,
-  action: c,
+  action: m,
   ...p
 }) => (b(!1), /* @__PURE__ */ s(
   n.Unstable_TriggerPopover,
   {
     "data-slot": "composer-trigger-popover",
-    className: C(
+    className: I(
       "aui-composer-trigger-popover bg-popover text-popover-foreground absolute start-0 bottom-full z-50 mb-2 w-64 overflow-hidden rounded-xl border shadow-lg",
       g
     ),
@@ -109,39 +120,39 @@ const I = ({
           formatter: t.formatter ?? u,
           onInserted: t.onInserted
         }
-      ) : c ? /* @__PURE__ */ e(
+      ) : m ? /* @__PURE__ */ e(
         n.Unstable_TriggerPopover.Action,
         {
-          formatter: c.formatter ?? u,
-          onExecute: c.onExecute,
-          removeOnExecute: c.removeOnExecute
+          formatter: m.formatter ?? u,
+          onExecute: m.onExecute,
+          removeOnExecute: m.removeOnExecute
         }
       ) : null,
       /* @__PURE__ */ e(
-        I,
+        _,
         {
           iconMap: o,
           fallbackIcon: r,
-          emptyLabel: i
+          emptyLabel: c
         }
       ),
       /* @__PURE__ */ e(
-        _,
+        U,
         {
           iconMap: o,
           fallbackIcon: r,
-          backLabel: l,
+          backLabel: i,
           emptyLabel: a,
-          loadingLabel: m
+          loadingLabel: l
         }
       )
     ]
   }
 ));
 f.displayName = "ComposerTriggerPopover";
-const j = h(
+const S = h(
   f
 );
 export {
-  j as ComposerTriggerPopover
+  S as ComposerTriggerPopover
 };