@actioneer/ads 0.5.7 → 0.5.8

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";
@@ -97,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";
@@ -117,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."
   },
   {
@@ -127,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 wi() {
+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) => {
@@ -146,10 +148,10 @@ function wi() {
           /* @__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"
             }
           )
         ]
@@ -170,7 +172,7 @@ function wi() {
     ] })
   ] });
 }
-class Si {
+class Ci {
   constructor() {
     p(this, "accept", m);
   }
@@ -203,7 +205,7 @@ ${o}
   }
 }
 export {
-  wi as ComposerHarness,
+  Ai as ComposerHarness,
   m as HARNESS_MIME,
-  Si 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
 };

package/components/assistant-ui/composer.js

@@ -1,8 +1,8 @@
 "use client";
-import { jsx as e, jsxs as f, Fragment as M } from "react/jsx-runtime";
+import { jsx as e, jsxs as f, Fragment as L } from "react/jsx-runtime";
 import * as l from "react";
-import { useContext as L } from "react";
-import { ComposerAttachments as D, ComposerAddImage as I } from "./attachment.js";
+import { useContext as D } from "react";
+import { ComposerAttachments as I, ComposerAddImage as k } from "./attachment.js";
 import { ComposerAddContext as F } from "./composer-add-context.js";
 import { ComposerHarness as B } from "./composer-harness.js";
 import { ComposerQuotePreview as H } from "./quote.js";
@@ -24,27 +24,27 @@ function J(i, t, p, b, T) {
     } };
   let w = 0, v, o;
   return {
-    promise: new Promise((d) => {
-      o = d;
+    promise: new Promise((u) => {
+      o = u;
       let y = performance.now(), h = null;
-      const n = (c) => {
+      const r = (c) => {
         if (b()) {
-          d();
+          u();
           return;
         }
         if (T()) {
-          h === null && (h = c), v = window.setTimeout(() => n(performance.now()), 100);
+          h === null && (h = c), v = window.setTimeout(() => r(performance.now()), 100);
           return;
         }
         h !== null && (y += c - h, h = null);
-        const a = Math.min(1, (c - y) / t), u = a >= 1 ? i.length : Math.floor(a * i.length);
-        if (p(i.slice(0, u)), a >= 1) {
-          d();
+        const a = Math.min(1, (c - y) / t), d = a >= 1 ? i.length : Math.floor(a * i.length);
+        if (p(i.slice(0, d)), a >= 1) {
+          u();
           return;
         }
-        w = requestAnimationFrame(n);
+        w = requestAnimationFrame(r);
       };
-      w = requestAnimationFrame(n);
+      w = requestAnimationFrame(r);
     }),
     cancel: () => {
       cancelAnimationFrame(w), v !== void 0 && window.clearTimeout(v), o();
@@ -52,46 +52,46 @@ function J(i, t, p, b, T) {
   };
 }
 const W = () => {
-  const { setText: i } = q(), t = l.useContext(k), [p, b] = l.useState(
+  const { setText: i } = q(), t = l.useContext(M), [p, b] = l.useState(
     (t == null ? void 0 : t[0]) ?? "Send a message…"
-  ), [T, w] = l.useState(!1), v = l.useRef(null), [o, z] = l.useState(null), d = l.useRef(!1), y = l.useCallback((n) => {
-    v.current = n, z(n);
+  ), [T, w] = l.useState(!1), v = l.useRef(null), [o, z] = l.useState(null), u = l.useRef(!1), y = l.useCallback((r) => {
+    v.current = r, z(r);
   }, []);
   l.useEffect(() => {
     if (!o) return;
-    let n = 0;
-    const c = (r) => {
-      d.current = r || document.activeElement === o, w(r);
+    let r = 0;
+    const c = (n) => {
+      u.current = n || document.activeElement === o, w(n);
     }, a = () => {
-      const r = o.value.length > 0;
-      c(r);
-    }, u = () => {
-      window.clearTimeout(n), n = window.setTimeout(a, 0);
+      const n = o.value.length > 0;
+      c(n);
+    }, d = () => {
+      window.clearTimeout(r), r = window.setTimeout(a, 0);
     }, g = () => {
-      d.current = o.value.length > 0 || document.activeElement === o;
-    }, E = (r, m) => {
-      i(r), o.value = r, o.dispatchEvent(new Event("input", { bubbles: !0 })), c(r.length > 0), window.setTimeout(() => {
+      u.current = o.value.length > 0 || document.activeElement === o;
+    }, E = (n, m) => {
+      i(n), o.value = n, o.dispatchEvent(new Event("input", { bubbles: !0 })), c(n.length > 0), window.setTimeout(() => {
         document.activeElement === o && o.setSelectionRange(m, m);
       }, 0);
-    }, P = (r) => {
+    }, P = (n) => {
       const m = o.selectionStart ?? 0, A = o.selectionEnd ?? m;
-      return m === A || r.inputType !== "deleteContentBackward" && r.inputType !== "deleteContentForward" && r.inputType !== "deleteByCut" ? !1 : (r.preventDefault(), E(
+      return m === A || n.inputType !== "deleteContentBackward" && n.inputType !== "deleteContentForward" && n.inputType !== "deleteByCut" ? !1 : (n.preventDefault(), E(
         o.value.slice(0, m) + o.value.slice(A),
         m
       ), !0);
-    }, C = (r) => {
-      if (!r.isComposing && !P(r)) {
-        if (typeof r.data == "string" && r.data.length > 0) {
+    }, C = (n) => {
+      if (!n.isComposing && !P(n)) {
+        if (typeof n.data == "string" && n.data.length > 0) {
           c(!0);
           return;
         }
-        u();
+        d();
       }
-    }, x = (r) => {
-      (r.metaKey || r.ctrlKey) && !r.altKey && r.key.toLowerCase() === "a" && (r.preventDefault(), o.select());
+    }, x = (n) => {
+      (n.metaKey || n.ctrlKey) && !n.altKey && n.key.toLowerCase() === "a" && (n.preventDefault(), o.select());
     };
     return a(), o.addEventListener("beforeinput", C), o.addEventListener("input", a), o.addEventListener("focus", g), o.addEventListener("blur", g), o.addEventListener("keydown", x), () => {
-      window.clearTimeout(n), o.removeEventListener("beforeinput", C), o.removeEventListener("input", a), o.removeEventListener("focus", g), o.removeEventListener("blur", g), o.removeEventListener("keydown", x);
+      window.clearTimeout(r), o.removeEventListener("beforeinput", C), o.removeEventListener("input", a), o.removeEventListener("focus", g), o.removeEventListener("blur", g), o.removeEventListener("keydown", x);
     };
   }, [o, i]), l.useEffect(() => {
     var C;
@@ -103,31 +103,31 @@ const W = () => {
       b(t[0]);
       return;
     }
-    let n = !1, c = 0, a, u;
-    const g = (x) => new Promise((r) => {
-      a = window.setTimeout(r, x);
-    }), E = () => n;
+    let r = !1, c = 0, a, d;
+    const g = (x) => new Promise((n) => {
+      a = window.setTimeout(n, x);
+    }), E = () => r;
     return (async () => {
-      for (; !n; ) {
-        for (; d.current && !n; ) await g(100);
-        if (n) return;
+      for (; !r; ) {
+        for (; u.current && !r; ) await g(100);
+        if (r) return;
         const x = t[c];
         b("");
-        const { promise: r, cancel: m } = J(
+        const { promise: n, cancel: m } = J(
           x,
           G(x),
           b,
           E,
-          () => d.current
+          () => u.current
         );
-        if (u = m, await r, u = void 0, n) return;
-        if (!d.current) {
-          if (await g(X), n) return;
+        if (d = m, await n, d = void 0, r) return;
+        if (!u.current) {
+          if (await g(X), r) return;
           c = (c + 1) % t.length;
         }
       }
     })(), () => {
-      n = !0, u == null || u(), a && window.clearTimeout(a);
+      r = !0, d == null || d(), a && window.clearTimeout(a);
     };
   }, [t]);
   const h = !!(t != null && t.length) && !T;
@@ -153,16 +153,16 @@ const W = () => {
       }
     )
   ] });
-}, k = l.createContext(
+}, M = l.createContext(
   void 0
 );
-function ue({
+function de({
   prompts: i,
   children: t
 }) {
-  return /* @__PURE__ */ e(k.Provider, { value: i, children: t });
+  return /* @__PURE__ */ e(M.Provider, { value: i, children: t });
 }
-const me = () => /* @__PURE__ */ e(s.Root, { className: "aui-composer-root animate-in fade-in slide-in-from-bottom-2 fill-mode-both relative flex w-full flex-col duration-(--duration-normal) delay-(--stagger-3)", children: /* @__PURE__ */ e(s.Unstable_TriggerPopoverRoot, { children: /* @__PURE__ */ e(s.AttachmentDropzone, { asChild: !0, children: /* @__PURE__ */ f(
+const me = () => /* @__PURE__ */ e(s.Root, { className: "aui-composer-root animate-in fade-in slide-in-from-bottom-2 fill-mode-both relative flex w-full flex-col duration-200 delay-[420ms]", children: /* @__PURE__ */ e(s.Unstable_TriggerPopoverRoot, { children: /* @__PURE__ */ e(s.AttachmentDropzone, { asChild: !0, children: /* @__PURE__ */ f(
   "div",
   {
     "data-slot": "aui_composer-shell",
@@ -170,16 +170,16 @@ const me = () => /* @__PURE__ */ e(s.Root, { className: "aui-composer-root anima
       var p;
       i.target.closest("button, a, input, textarea, [role='button']") || (p = i.currentTarget.querySelector("textarea")) == null || p.focus();
     },
-    className: "border-border/60 data-[dragging=true]:border-ring focus-within:border-border dark:border-muted-foreground/15 dark:focus-within:border-muted-foreground/30 relative flex w-full flex-col gap-2 rounded-(--composer-radius) border bg-(--composer-bg) p-(--composer-padding) shadow-[0_4px_16px_-8px_rgba(0,0,0,0.08),0_1px_2px_rgba(0,0,0,0.04)] transition-[border-color,box-shadow] focus-within:shadow-[0_6px_24px_-8px_rgba(0,0,0,0.12),0_1px_2px_rgba(0,0,0,0.05)] data-[dragging=true]:border-dashed data-[dragging=true]:bg-[color-mix(in_oklab,var(--color-accent)_50%,var(--color-background))] dark:shadow-none",
+    className: "border-border/60 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-[0_4px_16px_-8px_rgba(0,0,0,0.08),0_1px_2px_rgba(0,0,0,0.04)] transition-[border-color,box-shadow] focus-within:shadow-[0_6px_24px_-8px_rgba(0,0,0,0.12),0_1px_2px_rgba(0,0,0,0.05)] data-[dragging=true]:border-dashed data-[dragging=true]:bg-[color-mix(in_oklab,var(--color-accent)_50%,var(--color-background))]",
     children: [
       /* @__PURE__ */ e(H, { className: "mx-0 mt-0" }),
-      /* @__PURE__ */ e(D, {}),
+      /* @__PURE__ */ e(I, {}),
       /* @__PURE__ */ e(W, {}),
       /* @__PURE__ */ e(Z, {})
     ]
   }
 ) }) }) }), Z = () => {
-  const { ComposerAccessories: i = $ } = L(K);
+  const { ComposerAccessories: i = $ } = D(K);
   return /* @__PURE__ */ f("div", { className: "aui-composer-action-wrapper relative flex items-center justify-between", children: [
     /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ e(i, {}) }),
     /* @__PURE__ */ f("div", { className: "flex items-center gap-1.5", children: [
@@ -237,16 +237,16 @@ const me = () => /* @__PURE__ */ e(s.Root, { className: "aui-composer-root anima
       ) }) })
     ] })
   ] });
-}, $ = () => /* @__PURE__ */ f(M, { children: [
+}, $ = () => /* @__PURE__ */ f(L, { children: [
   /* @__PURE__ */ e(F, {}),
-  /* @__PURE__ */ e(I, {}),
+  /* @__PURE__ */ e(k, {}),
   /* @__PURE__ */ e(B, {})
 ] }), pe = () => /* @__PURE__ */ e(
   j.Root,
   {
     "data-slot": "aui_edit-composer-wrapper",
     className: "flex flex-col px-2 [contain-intrinsic-size:auto_200px] [content-visibility:auto]",
-    children: /* @__PURE__ */ f(s.Root, { className: "aui-edit-composer-root border-border/60 dark:border-muted-foreground/15 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)] dark:shadow-none", children: [
+    children: /* @__PURE__ */ f(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: [
       /* @__PURE__ */ e(
         s.Input,
         {
@@ -271,6 +271,6 @@ const me = () => /* @__PURE__ */ e(s.Root, { className: "aui-composer-root anima
 );
 export {
   me as Composer,
-  ue as ComposerPlaceholdersProvider,
+  de as ComposerPlaceholdersProvider,
   pe as EditComposer
 };

package/components/assistant-ui/error.js

@@ -1,39 +1,39 @@
 "use client";
 import { jsx as r } from "react/jsx-runtime";
-import { ErrorPrimitive as o, MessagePrimitive as i } from "@assistant-ui/react";
+import { ErrorPrimitive as t, MessagePrimitive as a } from "@assistant-ui/react";
 import { cn as s } from "../../lib/cn.js";
-function a({
+function i({
   className: e,
-  ...t
+  ...o
 }) {
   return /* @__PURE__ */ r(
-    o.Root,
+    t.Root,
     {
       "data-slot": "error-root",
       className: s(
-        "aui-message-error-root border-destructive bg-destructive/10 text-destructive dark:bg-destructive/5 mt-2 rounded-md border p-3 text-xs dark:text-red-200",
+        "aui-message-error-root mt-2 rounded-md border border-danger-100 bg-danger-50 p-3 text-xs text-danger-700",
         e
       ),
-      ...t
+      ...o
     }
   );
 }
-function d({
+function n({
   className: e,
-  ...t
+  ...o
 }) {
   return /* @__PURE__ */ r(
-    o.Message,
+    t.Message,
     {
       "data-slot": "error-text",
       className: s("aui-message-error-message line-clamp-2", e),
-      ...t
+      ...o
     }
   );
 }
-const u = () => /* @__PURE__ */ r(i.Error, { children: /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(d, {}) }) });
+const g = () => /* @__PURE__ */ r(a.Error, { children: /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(n, {}) }) });
 export {
-  a as ErrorRoot,
-  d as ErrorText,
-  u as MessageError
+  i as ErrorRoot,
+  n as ErrorText,
+  g as MessageError
 };

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

@@ -2,7 +2,7 @@ import { FC } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { FileMessagePartComponent } from '@assistant-ui/react';
 declare const fileVariants: (props?: ({
-    variant?: "muted" | "outline" | "ghost" | null | undefined;
+    variant?: "outline" | "muted" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function getMimeTypeIcon(mimeType: string): FC<{

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

@@ -2,7 +2,7 @@ import { PropsWithChildren } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { ImageMessagePart, ImageMessagePartComponent } from '@assistant-ui/react';
 declare const imageVariants: (props?: ({
-    variant?: "muted" | "outline" | "ghost" | null | undefined;
+    variant?: "outline" | "muted" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "full" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ImageRootProps = React.ComponentProps<"div"> & VariantProps<typeof imageVariants>;