@actioneer/ads 0.7.0 → 0.8.0

package/components/assistant-ui/attachment.js

@@ -8,7 +8,7 @@ import { Plus as _, FileText as h, WarningCircle as R, At as L, Bolt as S, Close
 import { Spinner as v } from "../spinner.js";
 import { CONTEXT_MIME as D } from "./composer-add-context.js";
 import { HARNESS_MIME as F } from "./composer-harness.js";
-import { ComposerPrimitive as z, useComposerRuntime as k, MessagePrimitive as M, useAui as O, useAuiState as l, AttachmentPrimitive as s } from "@assistant-ui/react";
+import { ComposerPrimitive as z, useComposerRuntime as j, MessagePrimitive as M, useAui as O, useAuiState as l, AttachmentPrimitive as s } from "@assistant-ui/react";
 import { useShallow as H } from "zustand/shallow";
 import { Tooltip as $, TooltipTrigger as q, TooltipContent as B } from "../ui/tooltip.js";
 import { Dialog as G, DialogTrigger as W, DialogContent as X, DialogTitle as Y } from "../ui/dialog.js";
@@ -27,7 +27,7 @@ const V = (a) => {
       URL.revokeObjectURL(n);
     };
   }, [a]), t;
-}, j = () => {
+}, k = () => {
   const { file: a, src: t } = l(
     H((r) => {
       var c, m;
@@ -71,7 +71,7 @@ const V = (a) => {
     }
   );
 }, ee = ({ children: a }) => {
-  const t = j();
+  const t = k();
   return t ? /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ e(
       W,
@@ -87,7 +87,7 @@ const V = (a) => {
     ] })
   ] }) : a;
 }, te = () => {
-  const a = j();
+  const a = k();
   return /* @__PURE__ */ i(J, { className: "aui-attachment-tile-avatar h-full w-full rounded-none", children: [
     /* @__PURE__ */ e(
       K,
@@ -219,7 +219,7 @@ const V = (a) => {
   f,
   {
     tooltip: "Remove file",
-    className: "aui-attachment-tile-remove text-muted-foreground hover:[&_svg]:text-destructive absolute end-1.5 top-1.5 size-3.5 rounded-full bg-white opacity-100 shadow-sm hover:bg-white! [&_svg]:text-black",
+    className: "aui-attachment-tile-remove text-muted-foreground hover:[&_svg]:text-destructive absolute end-1.5 top-1.5 size-3.5 rounded-full bg-card opacity-100 shadow-100 hover:bg-card! [&_svg]:text-foreground",
     side: "top",
     children: /* @__PURE__ */ e(T, { className: "aui-attachment-remove-icon size-3" })
   }
@@ -299,8 +299,8 @@ class ze {
   async remove() {
   }
 }
-const ke = () => {
-  const a = k(), t = w(null), r = (n) => {
+const je = () => {
+  const a = j(), t = w(null), r = (n) => {
     if (n != null && n.length)
       for (const c of Array.from(n))
         c.type.startsWith("image/") && !se.has(c.type) || a.addAttachment(c);
@@ -337,8 +337,8 @@ const ke = () => {
       }
     )
   ] });
-}, je = () => {
-  const a = k(), t = w(null);
+}, ke = () => {
+  const a = j(), t = w(null);
   return /* @__PURE__ */ i(N, { children: [
     /* @__PURE__ */ e(
       "input",
@@ -378,8 +378,8 @@ export {
   b as ACTIONEER_FILE_ACCEPT,
   ze as ActioneerFileAttachmentAdapter,
   Te as ComposerAddAttachment,
-  je as ComposerAddDocument,
-  ke as ComposerAddImage,
+  ke as ComposerAddDocument,
+  je as ComposerAddImage,
   Re as ComposerAttachments,
   Ce as UserMessageAttachments
 };

package/components/assistant-ui/badge.js

@@ -1,9 +1,9 @@
 "use client";
-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(
+import { jsx as s } from "react/jsx-runtime";
+import { Slot as g } from "radix-ui";
+import { cva as d } from "class-variance-authority";
+import { cn as i } from "../../lib/cn.js";
+const c = d(
   "inline-flex items-center justify-center gap-1 rounded-md text-xs font-medium transition-colors [&_svg]:size-3 [&_svg]:shrink-0",
   {
     variants: {
@@ -12,10 +12,10 @@ const i = g(
         secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/80",
         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 [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"
+        info: "bg-info-100 text-info-700 [a&]:hover:bg-info-100/80",
+        warning: "bg-warning-100 text-warning-700 [a&]:hover:bg-warning-100/80",
+        success: "bg-success-100 text-success-700 [a&]:hover:bg-success-100/80",
+        destructive: "bg-danger-100 text-danger-700 [a&]:hover:bg-danger-100/80"
       },
       size: {
         sm: "px-1.5 py-0.5",
@@ -29,26 +29,26 @@ const i = g(
     }
   }
 );
-function l({
+function x({
   className: r,
   variant: e,
   size: t,
   asChild: a = !1,
-  ...o
+  ...n
 }) {
-  const n = a ? s.Root : "span";
-  return /* @__PURE__ */ d(
-    n,
+  const o = a ? g.Root : "span";
+  return /* @__PURE__ */ s(
+    o,
     {
       "data-slot": "badge",
       "data-variant": e,
       "data-size": t,
-      className: u(i({ variant: e, size: t }), r),
-      ...o
+      className: i(c({ variant: e, size: t }), r),
+      ...n
     }
   );
 }
 export {
-  l as Badge,
-  i as badgeVariants
+  x as Badge,
+  c as badgeVariants
 };

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

@@ -47,7 +47,7 @@ const _ = ({
   loadingLabel: a
 }) => {
   const { isLoading: l } = N();
-  return /* @__PURE__ */ e(n.Unstable_TriggerPopoverItems, { children: (g) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ e(n.Unstable_TriggerPopoverItems, { children: (p) => /* @__PURE__ */ s(
     "div",
     {
       "data-slot": "composer-trigger-popover-items",
@@ -58,9 +58,9 @@ const _ = ({
           i
         ] }),
         /* @__PURE__ */ s("div", { className: "py-1", children: [
-          g.map((t, m) => {
+          p.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);
+            const g = typeof ((d = t.metadata) == null ? void 0 : d.icon) == "string" ? t.metadata.icon : void 0, v = x(g, o, r);
             return /* @__PURE__ */ s(
               n.Unstable_TriggerPopoverItem,
               {
@@ -78,7 +78,7 @@ const _ = ({
               t.id
             );
           }),
-          g.length === 0 && /* @__PURE__ */ s(
+          p.length === 0 && /* @__PURE__ */ s(
             "div",
             {
               role: l ? "status" : void 0,
@@ -100,19 +100,19 @@ const _ = ({
   emptyCategoriesLabel: c = "No items available",
   emptyItemsLabel: a = "No matching items",
   loadingLabel: l = "Loading…",
-  className: g,
+  className: p,
   directive: t,
   action: m,
-  ...p
+  ...g
 }) => (b(!1), /* @__PURE__ */ s(
   n.Unstable_TriggerPopover,
   {
     "data-slot": "composer-trigger-popover",
     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
+      "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-300",
+      p
     ),
-    ...p,
+    ...g,
     children: [
       t ? /* @__PURE__ */ e(
         n.Unstable_TriggerPopover.Directive,

package/components/assistant-ui/composer.js

@@ -7,8 +7,8 @@ import { ComposerAddContext as B } from "./composer-add-context.js";
 import { ComposerHarness as H } from "./composer-harness.js";
 import { ComposerQuotePreview as K } from "./quote.js";
 import { ThreadComponentsContext as j } from "./thread-context.js";
-import { TooltipIconButton as z } from "./tooltip-icon-button.js";
-import { Button as P } from "../ui/button.js";
+import { TooltipIconButton as P } from "./tooltip-icon-button.js";
+import { Button as A } from "../ui/button.js";
 import { ComposerPrimitive as s, MessagePrimitive as q, unstable_useComposerInput as U, AuiIf as S } from "@assistant-ui/react";
 import { Mic as Y, Stop as M, ArrowUp as O } from "../../lib/icons.js";
 const Q = 24, V = 850, X = 1800, G = 3e3;
@@ -18,7 +18,7 @@ function J(a) {
     Math.max(V, a.length * Q)
   );
 }
-function W(a, n, r, f, w) {
+function W(a, n, r, f, x) {
   if (n <= 0 || a.length === 0)
     return r(a), { promise: Promise.resolve(), cancel: () => {
     } };
@@ -32,7 +32,7 @@ function W(a, n, r, f, w) {
           y();
           return;
         }
-        if (w()) {
+        if (x()) {
           h === null && (h = i), C = window.setTimeout(() => T(performance.now()), 100);
           return;
         }
@@ -54,7 +54,7 @@ function W(a, n, r, f, w) {
 const Z = ({
   autoFocus: a = !0
 }) => {
-  const { setText: n } = U(), r = u.useContext(L), [f, w] = u.useState(
+  const { setText: n } = U(), r = u.useContext(L), [f, x] = u.useState(
     (r == null ? void 0 : r[0]) ?? "Send a message…"
   ), [v, C] = u.useState(!1), N = u.useRef(null), [o, y] = u.useState(null), m = u.useRef(!1), h = u.useCallback((i) => {
     N.current = i, y(i);
@@ -71,55 +71,55 @@ const Z = ({
       window.clearTimeout(i), i = window.setTimeout(c, 0);
     }, b = () => {
       m.current = o.value.length > 0 || document.activeElement === o;
-    }, _ = (t, d) => {
+    }, z = (t, d) => {
       n(t), o.value = t, o.dispatchEvent(new Event("input", { bubbles: !0 })), l(t.length > 0), window.setTimeout(() => {
         document.activeElement === o && o.setSelectionRange(d, d);
       }, 0);
-    }, A = (t) => {
-      const d = o.selectionStart ?? 0, R = o.selectionEnd ?? d;
-      return d === R || t.inputType !== "deleteContentBackward" && t.inputType !== "deleteContentForward" && t.inputType !== "deleteByCut" ? !1 : (t.preventDefault(), _(
-        o.value.slice(0, d) + o.value.slice(R),
+    }, R = (t) => {
+      const d = o.selectionStart ?? 0, _ = o.selectionEnd ?? d;
+      return d === _ || t.inputType !== "deleteContentBackward" && t.inputType !== "deleteContentForward" && t.inputType !== "deleteByCut" ? !1 : (t.preventDefault(), z(
+        o.value.slice(0, d) + o.value.slice(_),
         d
       ), !0);
     }, E = (t) => {
-      if (!t.isComposing && !A(t)) {
+      if (!t.isComposing && !R(t)) {
         if (typeof t.data == "string" && t.data.length > 0) {
           l(!0);
           return;
         }
         g();
       }
-    }, x = (t) => {
+    }, w = (t) => {
       (t.metaKey || t.ctrlKey) && !t.altKey && t.key.toLowerCase() === "a" && (t.preventDefault(), o.select());
     };
-    return c(), o.addEventListener("beforeinput", E), o.addEventListener("input", c), o.addEventListener("focus", b), o.addEventListener("blur", b), o.addEventListener("keydown", x), () => {
-      window.clearTimeout(i), o.removeEventListener("beforeinput", E), o.removeEventListener("input", c), o.removeEventListener("focus", b), o.removeEventListener("blur", b), o.removeEventListener("keydown", x);
+    return c(), o.addEventListener("beforeinput", E), o.addEventListener("input", c), o.addEventListener("focus", b), o.addEventListener("blur", b), o.addEventListener("keydown", w), () => {
+      window.clearTimeout(i), o.removeEventListener("beforeinput", E), o.removeEventListener("input", c), o.removeEventListener("focus", b), o.removeEventListener("blur", b), o.removeEventListener("keydown", w);
     };
   }, [o, n]), u.useEffect(() => {
     var E;
     if (!(r != null && r.length)) {
-      w("Send a message…");
+      x("Send a message…");
       return;
     }
     if ((E = window.matchMedia) != null && E.call(window, "(prefers-reduced-motion: reduce)").matches) {
-      w(r[0]);
+      x(r[0]);
       return;
     }
     let i = !1, l = 0, c, g;
-    const b = (x) => new Promise((t) => {
-      c = window.setTimeout(t, x);
-    }), _ = () => i;
+    const b = (w) => new Promise((t) => {
+      c = window.setTimeout(t, w);
+    }), z = () => i;
     return (async () => {
       for (; !i; ) {
         for (; m.current && !i; ) await b(100);
         if (i) return;
-        const x = r[l];
-        w("");
+        const w = r[l];
+        x("");
         const { promise: t, cancel: d } = W(
-          x,
-          J(x),
           w,
-          _,
+          J(w),
+          x,
+          z,
           () => m.current
         );
         if (g = d, await t, g = void 0, i) return;
@@ -174,7 +174,7 @@ const pe = ({
       var f;
       n.target.closest("button, a, input, textarea, [role='button']") || (f = n.currentTarget.querySelector("textarea")) == null || f.focus();
     },
-    className: "border-ng2 data-[dragging=true]:border-ring focus-within:border-border relative flex w-full flex-col gap-2 rounded-(--composer-radius) border bg-(--composer-bg) p-(--composer-padding) shadow-400 transition-[border-color,box-shadow] data-[dragging=true]:border-dashed data-[dragging=true]:bg-[color-mix(in_oklab,var(--color-accent)_50%,var(--color-background))]",
+    className: "border-wg2 data-[dragging=true]:border-ring focus-within:border-border relative flex w-full flex-col gap-2 rounded-(--composer-radius) border bg-(--composer-bg) p-(--composer-padding) shadow-400 transition-[border-color,box-shadow] data-[dragging=true]:border-dashed data-[dragging=true]:bg-[color-mix(in_oklab,var(--color-accent)_50%,var(--color-background))]",
     children: [
       /* @__PURE__ */ e(K, { className: "mx-0 mt-0" }),
       /* @__PURE__ */ e(k, {}),
@@ -189,7 +189,7 @@ const pe = ({
     /* @__PURE__ */ p("div", { className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ p(S, { condition: (n) => n.thread.capabilities.dictation, children: [
         /* @__PURE__ */ e(S, { condition: (n) => n.composer.dictation == null, children: /* @__PURE__ */ e(s.Dictate, { asChild: !0, children: /* @__PURE__ */ e(
-          z,
+          P,
           {
             tooltip: "Voice input",
             side: "bottom",
@@ -202,7 +202,7 @@ const pe = ({
           }
         ) }) }),
         /* @__PURE__ */ e(S, { condition: (n) => n.composer.dictation != null, children: /* @__PURE__ */ e(s.StopDictation, { asChild: !0, children: /* @__PURE__ */ e(
-          z,
+          P,
           {
             tooltip: "Stop dictation",
             side: "bottom",
@@ -216,7 +216,7 @@ const pe = ({
         ) }) })
       ] }),
       /* @__PURE__ */ e(S, { condition: (n) => !n.thread.isRunning, children: /* @__PURE__ */ e(s.Send, { asChild: !0, children: /* @__PURE__ */ e(
-        z,
+        P,
         {
           tooltip: "Send message",
           side: "bottom",
@@ -229,7 +229,7 @@ const pe = ({
         }
       ) }) }),
       /* @__PURE__ */ e(S, { condition: (n) => n.thread.isRunning, children: /* @__PURE__ */ e(s.Cancel, { asChild: !0, children: /* @__PURE__ */ e(
-        P,
+        A,
         {
           type: "button",
           variant: "default",
@@ -250,7 +250,7 @@ const pe = ({
   {
     "data-slot": "aui_edit-composer-wrapper",
     className: "flex flex-col px-2 [contain-intrinsic-size:auto_200px] [content-visibility:auto]",
-    children: /* @__PURE__ */ p(s.Root, { className: "aui-edit-composer-root border-border/60 ms-auto flex w-full max-w-[85%] flex-col rounded-(--composer-radius) border bg-(--composer-bg) shadow-[0_4px_16px_-8px_rgba(0,0,0,0.08),0_1px_2px_rgba(0,0,0,0.04)]", children: [
+    children: /* @__PURE__ */ p(s.Root, { className: "aui-edit-composer-root border-border/60 ms-auto flex w-full max-w-[85%] flex-col rounded-(--composer-radius) border bg-(--composer-bg) shadow-200", children: [
       /* @__PURE__ */ e(
         s.Input,
         {
@@ -260,7 +260,7 @@ const pe = ({
       ),
       /* @__PURE__ */ p("div", { className: "aui-edit-composer-footer mx-2.5 mb-2.5 flex items-center gap-1.5 self-end", children: [
         /* @__PURE__ */ e(s.Cancel, { asChild: !0, children: /* @__PURE__ */ e(
-          P,
+          A,
           {
             variant: "ghost",
             size: "sm",
@@ -268,7 +268,7 @@ const pe = ({
             children: "Cancel"
           }
         ) }),
-        /* @__PURE__ */ e(s.Send, { asChild: !0, children: /* @__PURE__ */ e(P, { size: "sm", className: "h-8 rounded-full px-3.5", children: "Update" }) })
+        /* @__PURE__ */ e(s.Send, { asChild: !0, children: /* @__PURE__ */ e(A, { size: "sm", className: "h-8 rounded-full px-3.5", children: "Update" }) })
       ] })
     ] })
   }