@actioneer/ads 0.5.6 → 0.5.8

package/components/assistant-ui/image.js

@@ -1,11 +1,12 @@
 "use client";
-import { jsxs as u, jsx as a, Fragment as U } from "react/jsx-runtime";
-import { memo as E, useRef as D, useState as p, useEffect as b } from "react";
-import { createPortal as F } from "react-dom";
-import { cva as O } from "class-variance-authority";
-import { Image as P, ImageOff as A, Download as L, Copy as S, Loader as B, WarningCircle as W, Refresh as G } from "../../lib/icons.js";
-import { cn as c } from "../../lib/cn.js";
-const K = (e) => {
+import { jsxs as g, jsx as a, Fragment as E } from "react/jsx-runtime";
+import { memo as D, useRef as F, useState as p, useEffect as b } from "react";
+import { createPortal as O } from "react-dom";
+import { cva as P } from "class-variance-authority";
+import { ImageOff as S, Download as A, Copy as L, WarningCircle as B, Refresh as W } from "../../lib/icons.js";
+import { cn as d } from "../../lib/cn.js";
+import { Spinner as w } from "../spinner.js";
+const G = (e) => {
   switch (e) {
     case "image/png":
       return "png";
@@ -21,27 +22,27 @@ const K = (e) => {
     default:
       return "png";
   }
-}, I = (e) => {
+}, z = (e) => {
   var r;
   const [t, n] = e.split(","), i = ((r = t == null ? void 0 : t.match(/data:([^;]+)/)) == null ? void 0 : r[1]) ?? "application/octet-stream";
   if (!/;base64/i.test(t ?? ""))
     return new Blob([decodeURIComponent(n ?? "")], { type: i });
-  const s = atob(n ?? ""), o = new Uint8Array(s.length);
-  for (let m = 0; m < s.length; m++) o[m] = s.charCodeAt(m);
+  const l = atob(n ?? ""), o = new Uint8Array(l.length);
+  for (let s = 0; s < l.length; s++) o[s] = l.charCodeAt(s);
   return new Blob([o], { type: i });
 }, N = (e) => {
   var t;
   return (t = e.match(/^data:([^;,]+)/)) == null ? void 0 : t[1];
-}, M = (e) => {
+}, K = (e) => {
   if (typeof document > "u") return;
-  const t = K(N(e.image)), n = e.filename ?? `image.${t}`, s = e.image.startsWith("data:") ? URL.createObjectURL(I(e.image)) : null, o = s ?? e.image, r = document.createElement("a");
-  r.href = o, r.download = n, r.rel = "noopener", document.body.appendChild(r), r.click(), document.body.removeChild(r), s && URL.revokeObjectURL(s);
-}, T = async (e) => {
+  const t = G(N(e.image)), n = e.filename ?? `image.${t}`, l = e.image.startsWith("data:") ? URL.createObjectURL(z(e.image)) : null, o = l ?? e.image, r = document.createElement("a");
+  r.href = o, r.download = n, r.rel = "noopener", document.body.appendChild(r), r.click(), document.body.removeChild(r), l && URL.revokeObjectURL(l);
+}, M = async (e) => {
   if (typeof navigator > "u" || !navigator.clipboard || typeof ClipboardItem > "u")
     throw new Error("Clipboard API is not available in this environment.");
-  const t = e.image.startsWith("data:") ? I(e.image) : await fetch(e.image).then((i) => i.blob()), n = N(e.image) ?? t.type ?? "image/png";
+  const t = e.image.startsWith("data:") ? z(e.image) : await fetch(e.image).then((i) => i.blob()), n = N(e.image) ?? t.type ?? "image/png";
   await navigator.clipboard.write([new ClipboardItem({ [n]: t })]);
-}, V = O(
+}, T = P(
   "aui-image-root relative overflow-hidden rounded-lg",
   {
     variants: {
@@ -68,7 +69,7 @@ function h({
   variant: t,
   size: n,
   children: i,
-  ...s
+  ...l
 }) {
   return /* @__PURE__ */ a(
     "div",
@@ -76,62 +77,70 @@ function h({
       "data-slot": "image-root",
       "data-variant": t,
       "data-size": n,
-      className: c(V({ variant: t, size: n, className: e })),
-      ...s,
+      className: d(T({ variant: t, size: n, className: e })),
+      ...l,
       children: i
     }
   );
 }
-function z({
+function C({
   className: e,
   containerClassName: t,
   onLoad: n,
   onError: i,
-  alt: s = "Image content",
+  alt: l = "Image content",
   src: o,
   ...r
 }) {
-  const m = D(null), [f, l] = p(void 0), [y, R] = p(void 0), w = f === o, x = y === o;
+  const s = F(null), [f, m] = p(void 0), [y, U] = p(void 0), x = f === o, I = y === o;
   return b(() => {
-    var g;
-    typeof o == "string" && ((g = m.current) != null && g.complete) && m.current.naturalWidth > 0 && l(o);
-  }, [o]), /* @__PURE__ */ u(
+    var u;
+    typeof o == "string" && ((u = s.current) != null && u.complete) && s.current.naturalWidth > 0 && m(o);
+  }, [o]), /* @__PURE__ */ g(
     "div",
     {
       "data-slot": "image-preview",
-      className: c("relative min-h-32", t),
+      className: d("relative min-h-32", t),
       children: [
-        !w && !x && /* @__PURE__ */ a(
+        !x && !I && /* @__PURE__ */ a(
           "div",
           {
             "data-slot": "image-preview-loading",
             className: "bg-muted/50 absolute inset-0 flex items-center justify-center",
-            children: /* @__PURE__ */ a(P, { className: "text-muted-foreground size-8 animate-pulse" })
+            children: /* @__PURE__ */ a(
+              w,
+              {
+                variant: "content",
+                size: "md",
+                color: "muted",
+                label: "Loading image"
+              }
+            )
           }
         ),
-        x ? /* @__PURE__ */ a(
+        I ? /* @__PURE__ */ a(
           "div",
           {
             "data-slot": "image-preview-error",
             className: "bg-muted/50 flex min-h-32 items-center justify-center p-4",
-            children: /* @__PURE__ */ a(A, { className: "text-muted-foreground size-8" })
+            children: /* @__PURE__ */ a(S, { className: "text-muted-foreground size-8" })
           }
         ) : /* @__PURE__ */ a(
           "img",
           {
-            ref: m,
+            ref: s,
             src: o,
-            alt: s,
-            className: c(
+            alt: l,
+            className: d(
               "block h-auto w-full object-contain",
-              !w && "invisible",
+              !x && "invisible",
               e
             ),
-            onLoad: (g) => {
-              typeof o == "string" && l(o), n == null || n(g);
+            onLoad: (u) => {
+              typeof o == "string" && m(o), n == null || n(u);
             },
-            onError: (g) => {
-              typeof o == "string" && R(o), i == null || i(g);
+            onError: (u) => {
+              typeof o == "string" && U(o), i == null || i(u);
             },
             ...r
           }
@@ -149,7 +158,7 @@ function v({
     "span",
     {
       "data-slot": "image-filename",
-      className: c(
+      className: d(
         "text-muted-foreground block truncate px-2 py-1.5 text-xs",
         e
       ),
@@ -158,30 +167,30 @@ function v({
     }
   ) : null;
 }
-function C({ src: e, alt: t = "Image preview", children: n }) {
-  const [i, s] = p(!1), [o, r] = p(!1);
+function j({ src: e, alt: t = "Image preview", children: n }) {
+  const [i, l] = p(!1), [o, r] = p(!1);
   b(() => {
-    s(!0);
+    l(!0);
   }, []);
-  const m = () => r(!0), f = () => r(!1);
+  const s = () => r(!0), f = () => r(!1);
   return b(() => {
     if (!o) return;
-    const l = (y) => {
+    const m = (y) => {
       y.key === "Escape" && r(!1);
     };
-    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
   }, [o]), b(() => {
     if (!o) return;
-    const l = document.body.style.overflow;
+    const m = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = l;
+      document.body.style.overflow = m;
     };
-  }, [o]), /* @__PURE__ */ u(U, { children: [
+  }, [o]), /* @__PURE__ */ g(E, { children: [
     /* @__PURE__ */ a(
       "div",
       {
-        onClick: m,
-        onKeyDown: (l) => l.key === "Enter" && m(),
+        onClick: s,
+        onKeyDown: (m) => m.key === "Enter" && s(),
         role: "button",
         tabIndex: 0,
         className: "aui-image-zoom-trigger cursor-zoom-in",
@@ -189,16 +198,16 @@ function C({ src: e, alt: t = "Image preview", children: n }) {
         children: n
       }
     ),
-    i && o && F(
+    i && o && O(
       /* @__PURE__ */ a(
         "div",
         {
           "data-slot": "image-zoom-overlay",
           role: "button",
           tabIndex: 0,
-          className: "aui-image-zoom-overlay fade-in animate-in fixed inset-0 z-50 flex items-center justify-center bg-black/80 duration-(--duration-normal)",
+          className: "aui-image-zoom-overlay fade-in animate-in fixed inset-0 z-50 flex items-center justify-center bg-black/80 duration-200",
           onClick: f,
-          onKeyDown: (l) => l.key === "Enter" && f(),
+          onKeyDown: (m) => m.key === "Enter" && f(),
           "aria-label": "Close zoomed image",
           children: /* @__PURE__ */ a(
             "img",
@@ -206,9 +215,9 @@ function C({ src: e, alt: t = "Image preview", children: n }) {
               "data-slot": "image-zoom-content",
               src: e,
               alt: t,
-              className: "aui-image-zoom-content fade-in zoom-in-95 animate-in max-h-[90vh] max-w-[90vw] cursor-zoom-out object-contain duration-(--duration-normal)",
-              onClick: (l) => {
-                l.stopPropagation(), f();
+              className: "aui-image-zoom-content fade-in zoom-in-95 animate-in max-h-[90vh] max-w-[90vw] cursor-zoom-out object-contain duration-200",
+              onClick: (m) => {
+                m.stopPropagation(), f();
               }
             }
           )
@@ -218,43 +227,48 @@ function C({ src: e, alt: t = "Image preview", children: n }) {
     )
   ] });
 }
-function j({ className: e }) {
-  return /* @__PURE__ */ u(
+function k({ className: e }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "image-generating",
-      className: c(
+      className: d(
         "bg-muted/50 flex min-h-32 items-center justify-center p-4",
         e
       ),
-      children: [
-        /* @__PURE__ */ a(B, { className: "text-muted-foreground size-8 animate-spin" }),
-        /* @__PURE__ */ a("span", { className: "sr-only", children: "Generating image…" })
-      ]
+      children: /* @__PURE__ */ a(
+        w,
+        {
+          variant: "surface",
+          size: "lg",
+          color: "muted",
+          label: "Generating image"
+        }
+      )
     }
   );
 }
-function k({
+function R({
   className: e,
   reason: t
 }) {
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ g(
     "div",
     {
       "data-slot": "image-content-filter-error",
-      className: c(
+      className: d(
         "bg-muted/50 flex min-h-32 flex-col items-center justify-center gap-2 p-4 text-center",
         e
       ),
       children: [
-        /* @__PURE__ */ a(W, { className: "text-muted-foreground size-8" }),
+        /* @__PURE__ */ a(B, { className: "text-muted-foreground size-8" }),
         /* @__PURE__ */ a("p", { className: "text-sm font-medium", children: "Image could not be generated" }),
         t && /* @__PURE__ */ a("p", { className: "text-muted-foreground text-xs", children: t })
       ]
     }
   );
 }
-function Z({
+function V({
   onRegenerate: e
 }) {
   const [t, n] = p(!1);
@@ -273,32 +287,28 @@ function Z({
       disabled: t,
       "data-slot": "image-regenerate",
       "aria-label": "Regenerate image",
+      "aria-busy": t || void 0,
       className: "hover:bg-muted inline-flex size-7 items-center justify-center rounded disabled:opacity-50",
-      children: /* @__PURE__ */ a(
-        G,
-        {
-          className: c("size-4", t && "animate-spin")
-        }
-      )
+      children: t ? /* @__PURE__ */ a(w, { variant: "action", size: "sm", "aria-hidden": !0 }) : /* @__PURE__ */ a(W, { className: "size-4" })
     }
   );
 }
-function $({ part: e, onRegenerate: t, className: n }) {
-  return /* @__PURE__ */ u(
+function Z({ part: e, onRegenerate: t, className: n }) {
+  return /* @__PURE__ */ g(
     "div",
     {
       "data-slot": "image-actions",
-      className: c("flex items-center gap-1 p-1", n),
+      className: d("flex items-center gap-1 p-1", n),
       children: [
         /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            onClick: () => M(e),
+            onClick: () => K(e),
             "data-slot": "image-download",
             "aria-label": "Download image",
             className: "hover:bg-muted inline-flex size-7 items-center justify-center rounded",
-            children: /* @__PURE__ */ a(L, { className: "size-4" })
+            children: /* @__PURE__ */ a(A, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ a(
@@ -306,46 +316,46 @@ function $({ part: e, onRegenerate: t, className: n }) {
           {
             type: "button",
             onClick: () => {
-              T(e).catch(() => {
+              M(e).catch(() => {
               });
             },
             "data-slot": "image-copy",
             "aria-label": "Copy image",
             className: "hover:bg-muted inline-flex size-7 items-center justify-center rounded",
-            children: /* @__PURE__ */ a(S, { className: "size-4" })
+            children: /* @__PURE__ */ a(L, { className: "size-4" })
           }
         ),
-        t && /* @__PURE__ */ a(Z, { onRegenerate: t })
+        t && /* @__PURE__ */ a(V, { onRegenerate: t })
       ]
     }
   );
 }
-const q = (e) => {
+const $ = (e) => {
   const { image: t, filename: n, status: i } = e;
-  return (i == null ? void 0 : i.type) === "running" ? /* @__PURE__ */ u(h, { children: [
-    /* @__PURE__ */ a(j, {}),
+  return (i == null ? void 0 : i.type) === "running" ? /* @__PURE__ */ g(h, { children: [
+    /* @__PURE__ */ a(k, {}),
     /* @__PURE__ */ a(v, { children: n })
-  ] }) : (i == null ? void 0 : i.type) === "incomplete" && i.reason === "content-filter" ? /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(k, { reason: "The provider blocked this image." }) }) : /* @__PURE__ */ u(h, { children: [
-    /* @__PURE__ */ a(C, { src: t, alt: n || "Image content", children: /* @__PURE__ */ a(z, { src: t, alt: n || "Image content" }) }),
+  ] }) : (i == null ? void 0 : i.type) === "incomplete" && i.reason === "content-filter" ? /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(R, { reason: "The provider blocked this image." }) }) : /* @__PURE__ */ g(h, { children: [
+    /* @__PURE__ */ a(j, { src: t, alt: n || "Image content", children: /* @__PURE__ */ a(C, { src: t, alt: n || "Image content" }) }),
     /* @__PURE__ */ a(v, { children: n })
   ] });
-}, d = E(q);
-d.displayName = "Image";
-d.Root = h;
-d.Preview = z;
-d.Filename = v;
-d.Zoom = C;
-d.Actions = $;
-d.Generating = j;
-d.ContentFilterError = k;
+}, c = D($);
+c.displayName = "Image";
+c.Root = h;
+c.Preview = C;
+c.Filename = v;
+c.Zoom = j;
+c.Actions = Z;
+c.Generating = k;
+c.ContentFilterError = R;
 export {
-  d as Image,
-  $ as ImageActions,
-  k as ImageContentFilterError,
+  c as Image,
+  Z as ImageActions,
+  R as ImageContentFilterError,
   v as ImageFilename,
-  j as ImageGenerating,
-  z as ImagePreview,
+  k as ImageGenerating,
+  C as ImagePreview,
   h as ImageRoot,
-  C as ImageZoom,
-  V as imageVariants
+  j as ImageZoom,
+  T as imageVariants
 };

package/components/assistant-ui/markdown-text.js

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import "@assistant-ui/react-markdown/styles/dot.css";
-import { unstable_memoizeMarkdownComponents as i, useIsMarkdownCodeBlock as l, MarkdownTextPrimitive as n } from "@assistant-ui/react-markdown";
+import { unstable_memoizeMarkdownComponents as i, useIsMarkdownCodeBlock as n, MarkdownTextPrimitive as l } from "@assistant-ui/react-markdown";
 import u from "remark-gfm";
-import { memo as c, useState as b } from "react";
-import { Copy as p, Check as f } from "../../lib/icons.js";
+import { memo as c, useState as p } from "react";
+import { Copy as b, Check as f } from "../../lib/icons.js";
 import { TooltipIconButton as x } from "./tooltip-icon-button.js";
 import { cn as r } from "../../lib/cn.js";
 const h = () => /* @__PURE__ */ o(
-  n,
+  l,
   {
     remarkPlugins: [u],
     className: "aui-md",
@@ -17,21 +17,21 @@ const h = () => /* @__PURE__ */ o(
   }
 ), q = c(h), g = ({ language: t, code: e }) => {
   const { isCopied: a, copyToClipboard: m } = N();
-  return /* @__PURE__ */ d("div", { className: "aui-code-header-root border-border/50 bg-muted/50 mt-3 flex items-center justify-between rounded-t-xl border border-b-0 px-3.5 py-1.5 text-xs", children: [
+  return /* @__PURE__ */ s("div", { className: "aui-code-header-root border-border/50 bg-muted/50 mt-3 flex items-center justify-between rounded-t-xl border border-b-0 px-3.5 py-1.5 text-xs", children: [
     /* @__PURE__ */ o("span", { className: "aui-code-header-language text-muted-foreground font-medium lowercase", children: t }),
-    /* @__PURE__ */ d(x, { tooltip: "Copy", onClick: () => {
+    /* @__PURE__ */ s(x, { tooltip: "Copy", onClick: () => {
       !e || a || m(e);
     }, children: [
-      !a && /* @__PURE__ */ o(p, { className: "animate-in zoom-in-95 fade-in duration-(--duration-fast) ease-out motion-reduce:animate-none" }),
-      a && /* @__PURE__ */ o(f, { className: "animate-in zoom-in-95 fade-in duration-(--duration-normal) ease-out motion-reduce:animate-none" })
+      !a && /* @__PURE__ */ o(b, { className: "animate-in zoom-in-95 fade-in duration-150 ease-out motion-reduce:animate-none" }),
+      a && /* @__PURE__ */ o(f, { className: "animate-in zoom-in-95 fade-in duration-200 ease-out motion-reduce:animate-none" })
     ] })
   ] });
 }, N = ({
   copiedDuration: t = 3e3
 } = {}) => {
-  const [e, a] = b(!1);
-  return { isCopied: e, copyToClipboard: (s) => {
-    !s || typeof navigator > "u" || !navigator.clipboard || navigator.clipboard.writeText(s).then(
+  const [e, a] = p(!1);
+  return { isCopied: e, copyToClipboard: (d) => {
+    !d || typeof navigator > "u" || !navigator.clipboard || navigator.clipboard.writeText(d).then(
       () => {
         a(!0), setTimeout(() => a(!1), t);
       },
@@ -44,7 +44,7 @@ const h = () => /* @__PURE__ */ o(
     "h1",
     {
       className: r(
-        "aui-md-h1 mt-5 mb-2 scroll-m-20 text-lg font-semibold first:mt-0 last:mb-0",
+        "aui-md-h1 mt-5 mb-2 scroll-m-20 text-lg font-medium first:mt-0 last:mb-0",
         t
       ),
       ...e
@@ -54,7 +54,7 @@ const h = () => /* @__PURE__ */ o(
     "h2",
     {
       className: r(
-        "aui-md-h2 mt-5 mb-2 scroll-m-20 text-lg font-semibold first:mt-0 last:mb-0",
+        "aui-md-h2 mt-5 mb-2 scroll-m-20 text-lg font-medium first:mt-0 last:mb-0",
         t
       ),
       ...e
@@ -64,7 +64,7 @@ const h = () => /* @__PURE__ */ o(
     "h3",
     {
       className: r(
-        "aui-md-h3 mt-4 mb-1.5 scroll-m-20 text-base font-semibold first:mt-0 last:mb-0",
+        "aui-md-h3 mt-4 mb-1.5 scroll-m-20 text-base font-medium first:mt-0 last:mb-0",
         t
       ),
       ...e
@@ -84,7 +84,7 @@ const h = () => /* @__PURE__ */ o(
     "h5",
     {
       className: r(
-        "aui-md-h5 mt-3 mb-1 text-xs font-semibold first:mt-0 last:mb-0",
+        "aui-md-h5 mt-3 mb-1 text-xs font-medium first:mt-0 last:mb-0",
         t
       ),
       ...e
@@ -201,7 +201,7 @@ const h = () => /* @__PURE__ */ o(
   strong: ({ className: t, ...e }) => /* @__PURE__ */ o(
     "strong",
     {
-      className: r("aui-md-strong font-semibold", t),
+      className: r("aui-md-strong font-medium", t),
       ...e
     }
   ),
@@ -223,7 +223,7 @@ const h = () => /* @__PURE__ */ o(
     }
   ),
   code: function({ className: e, ...a }) {
-    const m = l();
+    const m = n();
     return /* @__PURE__ */ o(
       "code",
       {