@actioneer/ads 0.5.7 → 0.5.8

package/components/assistant-ui/action-bar.js

@@ -1,57 +1,103 @@
 "use client";
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { MessageTiming as s } from "./message-timing.js";
-import { TooltipIconButton as i } from "./tooltip-icon-button.js";
-import { ActionBarPrimitive as t, AuiIf as r, ActionBarMorePrimitive as a } from "@assistant-ui/react";
-import { Check as d, Copy as l, Refresh as c, MoreHorizontal as m, Download as u, Pencil as h } from "../../lib/icons.js";
-const C = () => /* @__PURE__ */ o(
-  t.Root,
-  {
-    hideWhenRunning: !0,
-    autohide: "not-last",
-    className: "aui-assistant-action-bar-root text-muted-foreground animate-in fade-in col-start-3 row-start-2 -ms-1 flex gap-1 duration-(--duration-normal)",
-    children: [
-      /* @__PURE__ */ e(t.Copy, { asChild: !0, children: /* @__PURE__ */ o(i, { tooltip: "Copy", children: [
-        /* @__PURE__ */ e(r, { condition: (n) => n.message.isCopied, children: /* @__PURE__ */ e(d, { className: "animate-in zoom-in-95 fade-in duration-(--duration-normal) ease-out motion-reduce:animate-none" }) }),
-        /* @__PURE__ */ e(r, { condition: (n) => !n.message.isCopied, children: /* @__PURE__ */ e(l, { className: "animate-in zoom-in-95 fade-in duration-(--duration-fast) ease-out motion-reduce:animate-none" }) })
-      ] }) }),
-      /* @__PURE__ */ e(t.Reload, { asChild: !0, children: /* @__PURE__ */ e(i, { tooltip: "Refresh", children: /* @__PURE__ */ e(c, {}) }) }),
-      /* @__PURE__ */ e(s, {}),
-      /* @__PURE__ */ o(a.Root, { children: [
-        /* @__PURE__ */ e(a.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
-          i,
-          {
-            tooltip: "More",
-            className: "data-[state=open]:bg-accent",
-            children: /* @__PURE__ */ e(m, {})
-          }
-        ) }),
-        /* @__PURE__ */ e(
-          a.Content,
-          {
-            side: "bottom",
-            align: "start",
-            sideOffset: 6,
-            className: "aui-action-bar-more-content bg-popover/95 text-popover-foreground data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-xl border p-1.5 shadow-lg backdrop-blur-sm",
-            children: /* @__PURE__ */ e(t.ExportMarkdown, { asChild: !0, children: /* @__PURE__ */ o(a.Item, { className: "aui-action-bar-more-item hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-xs outline-none select-none", children: [
-              /* @__PURE__ */ e(u, { className: "size-4" }),
-              "Export as Markdown"
-            ] }) })
-          }
-        )
-      ] })
-    ]
-  }
-), N = () => /* @__PURE__ */ e(
-  t.Root,
+import { jsxs as t, Fragment as p, jsx as e } from "react/jsx-runtime";
+import { MessageTiming as f } from "./message-timing.js";
+import { TooltipIconButton as r } from "./tooltip-icon-button.js";
+import { AddToArtifact as h } from "../../demo/components/add-to-artifact.js";
+import { assistantPartsToMarkdown as g } from "../../demo/lib/artifact-library.js";
+import { ActionBarPrimitive as o, AuiIf as u, ActionBarMorePrimitive as n, useAuiState as x } from "@assistant-ui/react";
+import { Check as b, Copy as A, Refresh as C, MoreHorizontal as w, LayoutGrid as N, Download as k, Pencil as v } from "../../lib/icons.js";
+import { useState as M } from "react";
+const z = ({ open: s, onOpenChange: i }) => {
+  var m;
+  const a = x((c) => c.message.parts), l = g(a), d = (m = l.split(`
+`).find((c) => c.trim().length > 0)) == null ? void 0 : m.replace(/^#+\s*/, "");
+  return /* @__PURE__ */ e(
+    h,
+    {
+      trigger: "none",
+      open: s,
+      onOpenChange: i,
+      block: {
+        kind: "markdown",
+        title: (d == null ? void 0 : d.slice(0, 72)) || "Saved answer",
+        source: "Ask AI",
+        markdown: l
+      }
+    }
+  );
+}, S = () => {
+  const [s, i] = M(!1);
+  return /* @__PURE__ */ t(p, { children: [
+    /* @__PURE__ */ t(
+      o.Root,
+      {
+        hideWhenRunning: !0,
+        autohide: "not-last",
+        className: "aui-assistant-action-bar-root text-muted-foreground animate-in fade-in col-start-3 row-start-2 -ms-1 flex gap-1 duration-200",
+        children: [
+          /* @__PURE__ */ e(o.Copy, { asChild: !0, children: /* @__PURE__ */ t(r, { tooltip: "Copy", children: [
+            /* @__PURE__ */ e(u, { condition: (a) => a.message.isCopied, children: /* @__PURE__ */ e(b, { className: "animate-in zoom-in-95 fade-in duration-200 ease-out motion-reduce:animate-none" }) }),
+            /* @__PURE__ */ e(u, { condition: (a) => !a.message.isCopied, children: /* @__PURE__ */ e(A, { className: "animate-in zoom-in-95 fade-in duration-150 ease-out motion-reduce:animate-none" }) })
+          ] }) }),
+          /* @__PURE__ */ e(o.Reload, { asChild: !0, children: /* @__PURE__ */ e(r, { tooltip: "Refresh", children: /* @__PURE__ */ e(C, {}) }) }),
+          /* @__PURE__ */ e(f, {}),
+          /* @__PURE__ */ t(n.Root, { children: [
+            /* @__PURE__ */ e(n.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+              r,
+              {
+                tooltip: "More",
+                className: "data-[state=open]:bg-accent",
+                children: /* @__PURE__ */ e(w, {})
+              }
+            ) }),
+            /* @__PURE__ */ t(
+              n.Content,
+              {
+                side: "bottom",
+                align: "start",
+                sideOffset: 6,
+                className: "aui-action-bar-more-content bg-popover/95 text-popover-foreground data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-xl border p-1.5 shadow-lg backdrop-blur-sm",
+                children: [
+                  /* @__PURE__ */ t(
+                    n.Item,
+                    {
+                      onSelect: () => i(!0),
+                      className: "aui-action-bar-more-item hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-xs outline-none select-none",
+                      children: [
+                        /* @__PURE__ */ e(N, { className: "size-4" }),
+                        "Add to Artifact"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e(o.ExportMarkdown, { asChild: !0, children: /* @__PURE__ */ t(n.Item, { className: "aui-action-bar-more-item hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-xs outline-none select-none", children: [
+                    /* @__PURE__ */ e(k, { className: "size-4" }),
+                    "Export as Markdown"
+                  ] }) })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      z,
+      {
+        open: s,
+        onOpenChange: i
+      }
+    )
+  ] });
+}, j = () => /* @__PURE__ */ e(
+  o.Root,
   {
     hideWhenRunning: !0,
     autohide: "not-last",
     className: "aui-user-action-bar-root flex flex-col items-end",
-    children: /* @__PURE__ */ e(t.Edit, { asChild: !0, children: /* @__PURE__ */ e(i, { tooltip: "Edit", className: "aui-user-action-edit", children: /* @__PURE__ */ e(h, {}) }) })
+    children: /* @__PURE__ */ e(o.Edit, { asChild: !0, children: /* @__PURE__ */ e(r, { tooltip: "Edit", className: "aui-user-action-edit", children: /* @__PURE__ */ e(v, {}) }) })
   }
 );
 export {
-  C as AssistantActionBar,
-  N as UserActionBar
+  S as AssistantActionBar,
+  j as UserActionBar
 };

package/components/assistant-ui/attachment.js

@@ -1,21 +1,22 @@
 "use client";
 var E = Object.defineProperty;
 var P = (a, t, r) => t in a ? E(a, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[t] = r;
-var y = (a, t, r) => P(a, typeof t != "symbol" ? t + "" : t, r);
-import { jsx as e, jsxs as o, Fragment as A } from "react/jsx-runtime";
-import { useRef as N, useState as w, useEffect as U } from "react";
-import { Plus as _, FileText as h, Loader as C, WarningCircle as k, At as L, Bolt as S, Close as R } from "../../lib/icons.js";
+var A = (a, t, r) => P(a, typeof t != "symbol" ? t + "" : t, r);
+import { jsx as e, jsxs as i, Fragment as N } from "react/jsx-runtime";
+import { useRef as w, useState as C, useEffect as U } from "react";
+import { Plus as _, FileText as h, WarningCircle as R, At as L, Bolt as S, Close as T } from "../../lib/icons.js";
+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 T, useComposerRuntime as z, MessagePrimitive as M, useAui as O, useAuiState as l, AttachmentPrimitive as s } from "@assistant-ui/react";
+import { ComposerPrimitive as z, useComposerRuntime as k, 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";
 import { Avatar as J, AvatarImage as K, AvatarFallback as Q } from "../ui/avatar.js";
-import { TooltipIconButton as g } from "./tooltip-icon-button.js";
+import { TooltipIconButton as f } from "./tooltip-icon-button.js";
 import { cn as p } from "../../lib/cn.js";
 const V = (a) => {
-  const [t, r] = w(void 0);
+  const [t, r] = C(void 0);
   return U(() => {
     if (!a) {
       r(void 0);
@@ -38,22 +39,40 @@ const V = (a) => {
   );
   return V(a) ?? t;
 }, Z = ({ src: a }) => {
-  const [t, r] = w(!1);
-  return /* @__PURE__ */ e(
-    "img",
+  const [t, r] = C(!1);
+  return /* @__PURE__ */ i(
+    "div",
     {
-      src: a,
-      alt: "Attachment preview",
-      className: p(
-        "block h-auto max-h-[80vh] w-auto max-w-full object-contain",
-        t ? "aui-attachment-preview-image-loaded" : "aui-attachment-preview-image-loading invisible"
-      ),
-      onLoad: () => r(!0)
+      className: "relative flex min-h-48 w-full items-center justify-center",
+      "aria-busy": !t || void 0,
+      children: [
+        !t && /* @__PURE__ */ e(
+          v,
+          {
+            variant: "content",
+            size: "md",
+            color: "muted",
+            label: "Loading attachment preview"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "img",
+          {
+            src: a,
+            alt: "Attachment preview",
+            className: p(
+              "block h-auto max-h-[80vh] w-auto max-w-full object-contain",
+              t ? "aui-attachment-preview-image-loaded" : "aui-attachment-preview-image-loading absolute invisible"
+            ),
+            onLoad: () => r(!0)
+          }
+        )
+      ]
     }
   );
 }, ee = ({ children: a }) => {
   const t = j();
-  return t ? /* @__PURE__ */ o(G, { children: [
+  return t ? /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ e(
       W,
       {
@@ -62,14 +81,14 @@ const V = (a) => {
         children: a
       }
     ),
-    /* @__PURE__ */ o(X, { className: "aui-attachment-preview-dialog-content [&>button]:bg-foreground/60 [&_svg]:text-background [&>button]:hover:[&_svg]:text-destructive p-2 sm:max-w-3xl [&>button]:rounded-full [&>button]:p-1 [&>button]:opacity-100 [&>button]:ring-0!", children: [
+    /* @__PURE__ */ i(X, { className: "aui-attachment-preview-dialog-content [&>button]:bg-foreground/60 [&_svg]:text-background [&>button]:hover:[&_svg]:text-destructive p-2 sm:max-w-3xl [&>button]:rounded-full [&>button]:p-1 [&>button]:opacity-100 [&>button]:ring-0!", children: [
       /* @__PURE__ */ e(Y, { className: "aui-sr-only sr-only", children: "Image Attachment Preview" }),
       /* @__PURE__ */ e("div", { className: "aui-attachment-preview bg-background relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden", children: /* @__PURE__ */ e(Z, { src: t }) })
     ] })
   ] }) : a;
 }, te = () => {
   const a = j();
-  return /* @__PURE__ */ o(J, { className: "aui-attachment-tile-avatar h-full w-full rounded-none", children: [
+  return /* @__PURE__ */ i(J, { className: "aui-attachment-tile-avatar h-full w-full rounded-none", children: [
     /* @__PURE__ */ e(
       K,
       {
@@ -81,9 +100,9 @@ const V = (a) => {
     /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(h, { className: "aui-attachment-tile-fallback-icon text-muted-foreground size-8" }) })
   ] });
 }, I = () => {
-  const t = O().attachment.source !== "message", r = l((i) => i.attachment.contentType === D), n = l((i) => i.attachment.contentType === F), c = l((i) => i.attachment.type === "image"), m = l((i) => {
-    const b = i.attachment.type;
-    switch (b) {
+  const t = O().attachment.source !== "message", r = l((o) => o.attachment.contentType === D), n = l((o) => o.attachment.contentType === F), c = l((o) => o.attachment.type === "image"), m = l((o) => {
+    const y = o.attachment.type;
+    switch (y) {
       case "image":
         return "Image";
       case "document":
@@ -91,13 +110,13 @@ const V = (a) => {
       case "file":
         return "File";
       default:
-        return b;
+        return y;
     }
   }), d = l(
-    (i) => i.attachment.status.type === "running" ? "uploading" : i.attachment.status.type === "incomplete" && i.attachment.status.reason === "error" ? "error" : void 0
-  ), f = d === "uploading", u = d === "error";
-  return r ? /* @__PURE__ */ e(ae, { isComposer: t }) : n ? /* @__PURE__ */ e(ne, { isComposer: t }) : c ? /* @__PURE__ */ o($, { children: [
-    /* @__PURE__ */ o(
+    (o) => o.attachment.status.type === "running" ? "uploading" : o.attachment.status.type === "incomplete" && o.attachment.status.reason === "error" ? "error" : void 0
+  ), g = d === "uploading", u = d === "error";
+  return r ? /* @__PURE__ */ e(ae, { isComposer: t }) : n ? /* @__PURE__ */ e(ne, { isComposer: t }) : c ? /* @__PURE__ */ i($, { children: [
+    /* @__PURE__ */ i(
       s.Root,
       {
         className: p(
@@ -105,7 +124,7 @@ const V = (a) => {
           c && !t && "aui-attachment-root-message only:*:first:size-24"
         ),
         children: [
-          /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(q, { asChild: !0, children: /* @__PURE__ */ o(
+          /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(q, { asChild: !0, children: /* @__PURE__ */ i(
             "div",
             {
               className: p(
@@ -114,15 +133,24 @@ const V = (a) => {
               ),
               role: "button",
               tabIndex: 0,
-              "aria-label": `${m} attachment${u ? ", upload failed" : f ? ", uploading" : ""}`,
+              "aria-label": `${m} attachment${u ? ", upload failed" : g ? ", uploading" : ""}`,
               children: [
                 /* @__PURE__ */ e(te, {}),
-                f && /* @__PURE__ */ e(
+                g && /* @__PURE__ */ e(
                   "div",
                   {
                     "aria-hidden": "true",
                     className: "aui-attachment-tile-uploading bg-background/60 absolute inset-0 flex items-center justify-center backdrop-blur-[1px]",
-                    children: /* @__PURE__ */ e(C, { className: "text-muted-foreground size-5 animate-spin" })
+                    children: /* @__PURE__ */ e(
+                      v,
+                      {
+                        variant: "upload",
+                        size: "sm",
+                        color: "muted",
+                        className: "size-5",
+                        "aria-hidden": !0
+                      }
+                    )
                   }
                 ),
                 u && /* @__PURE__ */ e(
@@ -130,13 +158,13 @@ const V = (a) => {
                   {
                     "aria-hidden": "true",
                     className: "aui-attachment-tile-error bg-destructive/10 absolute inset-0 flex items-center justify-center",
-                    children: /* @__PURE__ */ e(k, { className: "text-destructive size-5" })
+                    children: /* @__PURE__ */ e(R, { className: "text-destructive size-5" })
                   }
                 )
               ]
             }
           ) }) }),
-          t && /* @__PURE__ */ e(oe, {})
+          t && /* @__PURE__ */ e(ie, {})
         ]
       }
     ),
@@ -146,11 +174,11 @@ const V = (a) => {
     {
       isComposer: t,
       typeLabel: m,
-      isUploading: f,
+      isUploading: g,
       isError: u
     }
   );
-}, v = ({
+}, x = ({
   label: a = "Remove attachment"
 }) => /* @__PURE__ */ e(s.Remove, { asChild: !0, children: /* @__PURE__ */ e(
   "button",
@@ -158,20 +186,20 @@ const V = (a) => {
     type: "button",
     "aria-label": a,
     className: "flex size-5 shrink-0 items-center justify-center rounded text-muted-foreground outline-none transition-colors hover:bg-foreground/10 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-3.5",
-    children: /* @__PURE__ */ e(R, {})
+    children: /* @__PURE__ */ e(T, {})
   }
-) }), ae = ({ isComposer: a }) => /* @__PURE__ */ e(s.Root, { className: "aui-attachment-root", children: /* @__PURE__ */ o("div", { className: "inline-flex max-w-[15rem] items-center gap-1.5 rounded-md bg-muted py-1 pe-1 ps-2 text-xs text-foreground", children: [
+) }), ae = ({ isComposer: a }) => /* @__PURE__ */ e(s.Root, { className: "aui-attachment-root", children: /* @__PURE__ */ i("div", { className: "inline-flex max-w-[15rem] items-center gap-1.5 rounded-md bg-muted py-1 pe-1 ps-2 text-xs text-foreground", children: [
   /* @__PURE__ */ e(L, { className: "size-3.5 shrink-0 text-muted-foreground" }),
   /* @__PURE__ */ e("span", { className: "truncate", children: /* @__PURE__ */ e(s.Name, {}) }),
-  a && /* @__PURE__ */ e(v, { label: "Remove context" })
-] }) }), ne = ({ isComposer: a }) => /* @__PURE__ */ e(s.Root, { className: "aui-attachment-root", children: /* @__PURE__ */ o("div", { className: "inline-flex max-w-[15rem] items-center gap-1.5 rounded-md bg-info-50 py-1 pe-1 ps-2 text-xs text-info-700", children: [
+  a && /* @__PURE__ */ e(x, { label: "Remove context" })
+] }) }), ne = ({ isComposer: a }) => /* @__PURE__ */ e(s.Root, { className: "aui-attachment-root", children: /* @__PURE__ */ i("div", { className: "inline-flex max-w-[15rem] items-center gap-1.5 rounded-md bg-info-50 py-1 pe-1 ps-2 text-xs text-info-700", children: [
   /* @__PURE__ */ e(S, { className: "size-3.5 shrink-0" }),
-  /* @__PURE__ */ o("span", { className: "truncate", children: [
+  /* @__PURE__ */ i("span", { className: "truncate", children: [
     "Harness · ",
     /* @__PURE__ */ e(s.Name, {})
   ] }),
-  a && /* @__PURE__ */ e(v, { label: "Remove harness" })
-] }) }), re = ({ isComposer: a, typeLabel: t, isUploading: r, isError: n }) => /* @__PURE__ */ e(s.Root, { className: "aui-attachment-root", children: /* @__PURE__ */ o("div", { className: "flex w-56 max-w-full items-center gap-2.5 rounded-lg bg-muted p-1.5", children: [
+  a && /* @__PURE__ */ e(x, { label: "Remove harness" })
+] }) }), re = ({ isComposer: a, typeLabel: t, isUploading: r, isError: n }) => /* @__PURE__ */ e(s.Root, { className: "aui-attachment-root", children: /* @__PURE__ */ i("div", { className: "flex w-56 max-w-full items-center gap-2.5 rounded-lg bg-muted p-1.5", children: [
   /* @__PURE__ */ e(
     "div",
     {
@@ -179,43 +207,43 @@ const V = (a) => {
         "flex size-9 shrink-0 items-center justify-center rounded-md bg-background text-muted-foreground [&_svg]:size-4.5",
         n && "text-destructive"
       ),
-      children: r ? /* @__PURE__ */ e(C, { className: "size-4 animate-spin" }) : n ? /* @__PURE__ */ e(k, {}) : /* @__PURE__ */ e(h, {})
+      children: r ? /* @__PURE__ */ e(v, { variant: "upload", size: "sm", "aria-hidden": !0 }) : n ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(h, {})
     }
   ),
-  /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: [
+  /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
     /* @__PURE__ */ e("div", { className: "truncate text-xs font-medium leading-tight text-foreground", children: /* @__PURE__ */ e(s.Name, {}) }),
     /* @__PURE__ */ e("div", { className: "truncate text-[11px] leading-tight text-muted-foreground", children: n ? "Upload failed" : r ? "Uploading…" : t })
   ] }),
-  a && /* @__PURE__ */ e(v, { label: "Remove file" })
-] }) }), oe = () => /* @__PURE__ */ e(s.Remove, { asChild: !0, children: /* @__PURE__ */ e(
-  g,
+  a && /* @__PURE__ */ e(x, { label: "Remove file" })
+] }) }), ie = () => /* @__PURE__ */ e(s.Remove, { asChild: !0, children: /* @__PURE__ */ e(
+  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",
     side: "top",
-    children: /* @__PURE__ */ e(R, { className: "aui-attachment-remove-icon size-3 dark:stroke-[2.5px]" })
+    children: /* @__PURE__ */ e(T, { className: "aui-attachment-remove-icon size-3" })
   }
-) }), we = () => (
+) }), Ce = () => (
   // Sits under the request as its parameters, so it reads left-to-right
   // with the question rather than trailing off the right edge.
   /* @__PURE__ */ e("div", { className: "aui-user-message-attachments-end mt-2.5 flex w-full flex-row flex-wrap justify-start gap-2 empty:hidden", children: /* @__PURE__ */ e(M.Attachments, { children: () => /* @__PURE__ */ e(I, {}) }) })
-), Ce = () => /* @__PURE__ */ e("div", { className: "aui-composer-attachments flex w-full flex-row items-center gap-2 overflow-x-auto empty:hidden", children: /* @__PURE__ */ e(T.Attachments, { children: () => /* @__PURE__ */ e(I, {}) }) }), ke = () => /* @__PURE__ */ e(T.AddAttachment, { asChild: !0, children: /* @__PURE__ */ e(
-  g,
+), Re = () => /* @__PURE__ */ e("div", { className: "aui-composer-attachments flex w-full flex-row items-center gap-2 overflow-x-auto empty:hidden", children: /* @__PURE__ */ e(z.Attachments, { children: () => /* @__PURE__ */ e(I, {}) }) }), Te = () => /* @__PURE__ */ e(z.AddAttachment, { asChild: !0, children: /* @__PURE__ */ e(
+  f,
   {
     tooltip: "Add Attachment",
     side: "bottom",
     variant: "ghost",
     size: "icon",
-    className: "aui-composer-add-attachment hover:bg-muted-foreground/15 dark:border-muted-foreground/15 dark:hover:bg-muted-foreground/30 size-7 rounded-full p-1 text-xs font-semibold",
+    className: "aui-composer-add-attachment hover:bg-muted-foreground/15 size-7 rounded-full p-1 text-xs font-medium",
     "aria-label": "Add Attachment",
     children: /* @__PURE__ */ e(_, { className: "aui-attachment-add-icon size-4.5 stroke-[1.5px]" })
   }
-) }), ie = "image/png,image/jpeg,image/webp,image/gif", se = /* @__PURE__ */ new Set([
+) }), oe = "image/png,image/jpeg,image/webp,image/gif", se = /* @__PURE__ */ new Set([
   "image/png",
   "image/jpeg",
   "image/webp",
   "image/gif"
-]), x = [
+]), b = [
   "application/pdf",
   "application/msword",
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
@@ -236,13 +264,13 @@ const V = (a) => {
   "application/javascript",
   "application/typescript",
   ".pdf,.doc,.docx,.odt,.rtf,.ppt,.pptx,.xls,.xlsx,.csv,.tsv,.txt,.md,.markdown,.json,.html,.xml,.css,.js,.jsx,.ts,.tsx,.sql,.py,.yaml,.yml,.log"
-].join(","), ce = `${ie},${x}`, le = (a) => new Promise((t, r) => {
+].join(","), ce = `${oe},${b}`, le = (a) => new Promise((t, r) => {
   const n = new FileReader();
   n.onload = () => t(n.result), n.onerror = () => r(n.error), n.readAsDataURL(a);
 });
-class Re {
+class ze {
   constructor() {
-    y(this, "accept", x);
+    A(this, "accept", b);
   }
   async add({ file: t }) {
     return {
@@ -271,13 +299,13 @@ class Re {
   async remove() {
   }
 }
-const Te = () => {
-  const a = z(), t = N(null), r = (n) => {
+const ke = () => {
+  const a = k(), 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);
   };
-  return /* @__PURE__ */ o(A, { children: [
+  return /* @__PURE__ */ i(N, { children: [
     /* @__PURE__ */ e(
       "input",
       {
@@ -292,14 +320,14 @@ const Te = () => {
       }
     ),
     /* @__PURE__ */ e(
-      g,
+      f,
       {
         tooltip: "Upload image or file",
         side: "top",
         type: "button",
         variant: "ghost",
         size: "icon",
-        className: "aui-composer-add-image hover:bg-muted-foreground/15 dark:border-muted-foreground/15 dark:hover:bg-muted-foreground/30 size-7 rounded-full p-1",
+        className: "aui-composer-add-image hover:bg-muted-foreground/15 size-7 rounded-full p-1",
         "aria-label": "Upload image or file",
         onClick: () => {
           var n;
@@ -309,16 +337,16 @@ const Te = () => {
       }
     )
   ] });
-}, ze = () => {
-  const a = z(), t = N(null);
-  return /* @__PURE__ */ o(A, { children: [
+}, je = () => {
+  const a = k(), t = w(null);
+  return /* @__PURE__ */ i(N, { children: [
     /* @__PURE__ */ e(
       "input",
       {
         ref: t,
         hidden: !0,
         type: "file",
-        accept: x,
+        accept: b,
         multiple: !0,
         onChange: (r) => {
           for (const n of Array.from(r.currentTarget.files ?? []))
@@ -328,7 +356,7 @@ const Te = () => {
       }
     ),
     /* @__PURE__ */ e(
-      g,
+      f,
       {
         tooltip: "Attach business documents",
         side: "top",
@@ -347,11 +375,11 @@ const Te = () => {
   ] });
 };
 export {
-  x as ACTIONEER_FILE_ACCEPT,
-  Re as ActioneerFileAttachmentAdapter,
-  ke as ComposerAddAttachment,
-  ze as ComposerAddDocument,
-  Te as ComposerAddImage,
-  Ce as ComposerAttachments,
-  we as UserMessageAttachments
+  b as ACTIONEER_FILE_ACCEPT,
+  ze as ActioneerFileAttachmentAdapter,
+  Te as ComposerAddAttachment,
+  je as ComposerAddDocument,
+  ke as ComposerAddImage,
+  Re as ComposerAttachments,
+  Ce as UserMessageAttachments
 };

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

@@ -1,7 +1,7 @@
 import { ComponentProps } from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
-    variant?: "success" | "warning" | "info" | "muted" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
+    variant?: "success" | "warning" | "info" | "outline" | "muted" | "secondary" | "ghost" | "destructive" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type BadgeProps = ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {

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>;
 /**