@actioneer/ads 1.0.4 → 1.0.6

package/components/answer-sources.js

@@ -73,7 +73,7 @@ const v = c.forwardRef(
       ref: d,
       type: "button",
       className: o(
-        "flex w-full items-start gap-3 rounded-lg border border-border bg-fill p-3 text-left",
+        "flex w-full items-start gap-3 rounded-lg border border-border bg-fill p-3 text-left text-m",
         "transition-colors hover:bg-muted",
         "outline-none focus-visible:ring-3 focus-visible:ring-ring",
         l
@@ -86,8 +86,8 @@ const v = c.forwardRef(
             /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate font-normal tabular-nums text-foreground", children: a }),
             n && /* @__PURE__ */ e("span", { className: "shrink-0", children: n })
           ] }),
-          r && /* @__PURE__ */ e("span", { className: "mt-0.5 flex items-center gap-1.5 text-xs text-secondary", children: r }),
-          s && /* @__PURE__ */ e("span", { className: "mt-1.5 block text-xs text-secondary", children: s })
+          r && /* @__PURE__ */ e("span", { className: "mt-0.5 flex items-center gap-1.5 text-s text-secondary", children: r }),
+          s && /* @__PURE__ */ e("span", { className: "mt-1.5 block text-s text-secondary", children: s })
         ] }),
         /* @__PURE__ */ e(
           u,

package/components/answer.js

@@ -491,7 +491,7 @@ const N = e.enum([
   variants: {
     tone: {
       default: "text-foreground",
-      primary: "text-brand",
+      primary: "text-brand-text",
       success: "text-success-700",
       warning: "text-warning-700",
       danger: "text-danger-700",
@@ -503,7 +503,7 @@ const N = e.enum([
   variants: {
     tone: {
       default: "text-secondary",
-      primary: "text-brand",
+      primary: "text-brand-text",
       success: "text-success-700",
       warning: "text-warning-700",
       danger: "text-danger-700",
@@ -1484,7 +1484,7 @@ const ue = p.forwardRef(({ spec: a, onFollowUp: l, onOptionSelect: c, onSourceSe
             ),
             children: [
               /* @__PURE__ */ t("span", { className: "block text-sm font-medium text-foreground", children: u.label }),
-              u.description && /* @__PURE__ */ t("span", { className: "mt-0.5 block text-xs leading-5 text-secondary", children: u.description })
+              u.description && /* @__PURE__ */ t("span", { className: "mt-0.5 block text-s leading-5 text-secondary", children: u.description })
             ]
           },
           u.id

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

@@ -62,14 +62,14 @@ const z = ({ open: s, onOpenChange: i }) => {
                     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",
+                      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-m 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(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-m outline-none select-none", children: [
                     /* @__PURE__ */ e(k, { className: "size-4" }),
                     "Export as Markdown"
                   ] }) })

package/components/assistant-ui/attachment.js

@@ -188,11 +188,11 @@ const V = (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(T, {})
   }
-) }), 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: [
+) }), 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-s 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(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: [
+] }) }), 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-s text-info-700", children: [
   /* @__PURE__ */ e(S, { className: "size-3.5 shrink-0" }),
   /* @__PURE__ */ i("span", { className: "truncate", children: [
     "Harness · ",
@@ -211,8 +211,8 @@ const V = (a) => {
     }
   ),
   /* @__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-xs leading-tight text-muted-foreground", children: n ? "Upload failed" : r ? "Uploading…" : t })
+    /* @__PURE__ */ e("div", { className: "truncate text-s font-medium leading-tight text-foreground", children: /* @__PURE__ */ e(s.Name, {}) }),
+    /* @__PURE__ */ e("div", { className: "truncate text-s leading-tight text-muted-foreground", children: n ? "Upload failed" : r ? "Uploading…" : t })
   ] }),
   a && /* @__PURE__ */ e(x, { label: "Remove file" })
 ] }) }), ie = () => /* @__PURE__ */ e(s.Remove, { asChild: !0, children: /* @__PURE__ */ e(
@@ -234,7 +234,7 @@ const V = (a) => {
     side: "bottom",
     variant: "ghost",
     size: "icon",
-    className: "aui-composer-add-attachment hover:bg-muted-foreground/15 size-7 rounded-full p-1 text-xs font-medium",
+    className: "aui-composer-add-attachment hover:bg-muted-foreground/15 size-7 rounded-full p-1 font-medium",
     "aria-label": "Add Attachment",
     children: /* @__PURE__ */ e(_, { className: "aui-attachment-add-icon size-4.5 stroke-[1.5px]" })
   }

package/components/assistant-ui/badge.js

@@ -4,7 +4,7 @@ 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",
+  "inline-flex items-center justify-center gap-1 rounded-md text-s font-medium transition-colors [&_svg]:size-3 [&_svg]:shrink-0",
   {
     variants: {
       variant: {

package/components/assistant-ui/branch-picker.js

@@ -16,7 +16,7 @@ const f = ({
   {
     hideWhenSingleBranch: n,
     className: m(
-      "aui-branch-picker-root text-muted-foreground -ms-2 me-2 inline-flex items-center text-xs",
+      "aui-branch-picker-root text-muted-foreground -ms-2 me-2 inline-flex items-center text-s",
       o
     ),
     ...c,

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

@@ -20,7 +20,7 @@ function ue({
 }) {
   return /* @__PURE__ */ n(S.Provider, { value: o, children: /* @__PURE__ */ n(T.Provider, { value: t ?? j, children: a }) });
 }
-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.");
+const w = "flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-m 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, g] = y(!1), [u, h] = y([]), b = A(null), k = A(null), [d, O] = y(null);
   if (U(() => {
@@ -102,8 +102,8 @@ function fe() {
                   children: /* @__PURE__ */ n(Q, {})
                 }
               ),
-              /* @__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" }),
+              /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-s font-medium text-muted-foreground", children: u.map((e) => e.label).join(" · ") })
+            ] }) : /* @__PURE__ */ n("div", { className: "px-2 py-1 text-s 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(
@@ -114,14 +114,14 @@ function fe() {
                     var s;
                     return C(e, (s = l.children) == null ? void 0 : s.map((i) => i.id));
                   },
-                  className: K(w, "mb-0.5 font-medium text-brand"),
+                  className: K(w, "mb-0.5 font-medium text-brand-text"),
                   children: [
                     /* @__PURE__ */ n(Y, {}),
                     /* @__PURE__ */ m("span", { className: "min-w-0 flex-1 truncate", children: [
                       "Add all of ",
                       l.label
                     ] }),
-                    r && /* @__PURE__ */ n(L, { className: "text-brand" })
+                    r && /* @__PURE__ */ n(L, { className: "text-brand-text" })
                   ]
                 }
               );
@@ -153,8 +153,8 @@ function fe() {
                   children: [
                     e.icon ?? /* @__PURE__ */ n(P, {}),
                     /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate", children: e.label }),
-                    e.hint && /* @__PURE__ */ n("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: e.hint }),
-                    i && /* @__PURE__ */ n(L, { className: "shrink-0 text-brand" })
+                    e.hint && /* @__PURE__ */ n("span", { className: "shrink-0 text-s tabular-nums text-muted-foreground", children: e.hint }),
+                    i && /* @__PURE__ */ n(L, { className: "shrink-0 text-brand-text" })
                   ]
                 },
                 e.id

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

@@ -10,7 +10,7 @@ function p({
 }) {
   return /* @__PURE__ */ r(t.Provider, { value: o, children: e });
 }
-function x() {
+function g() {
   const o = c(t);
   if (!o) return null;
   const { enabled: e, setEnabled: i } = o;
@@ -25,7 +25,7 @@ function x() {
         "aria-pressed": e,
         onClick: () => i(!e),
         className: n(
-          "flex h-7 shrink-0 items-center gap-1.5 rounded-full px-2.5 text-xs font-medium outline-none transition-colors",
+          "flex h-7 shrink-0 items-center gap-1.5 rounded-full px-2.5 text-s font-medium outline-none transition-colors",
           "focus-visible:ring-3 focus-visible:ring-ring",
           e ? "bg-info-50 text-info-700 hover:bg-info-100" : "text-muted-foreground hover:bg-muted-foreground/15 hover:text-foreground"
         ),
@@ -48,6 +48,6 @@ function x() {
   );
 }
 export {
-  x as ComposerDeepResearch,
+  g as ComposerDeepResearch,
   p as DeepResearchProvider
 };

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

@@ -140,7 +140,7 @@ function wi() {
       "button",
       {
         type: "button",
-        className: "group flex h-7 shrink-0 items-center gap-1.5 rounded-full px-2.5 text-xs font-medium text-muted-foreground outline-none transition-colors hover:bg-muted-foreground/15 hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring",
+        className: "group flex h-7 shrink-0 items-center gap-1.5 rounded-full px-2.5 text-s font-medium text-muted-foreground outline-none transition-colors hover:bg-muted-foreground/15 hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring",
         "aria-label": "Add harness",
         children: [
           /* @__PURE__ */ e(a, { className: "size-4 shrink-0" }),

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

@@ -5,7 +5,7 @@ import { ComposerPrimitive as n, unstable_defaultDirectiveFormatter as u, unstab
 import { Sparkles as y, ChevronRight as P, ChevronLeft as T } from "../../lib/icons.js";
 import { Spinner as C } from "../spinner.js";
 import { cn as I } from "../../lib/cn.js";
-function x(o, r, i) {
+function f(o, r, i) {
   return o && (r != null && r[o]) ? r[o] : i;
 }
 const _ = ({
@@ -19,7 +19,7 @@ const _ = ({
     className: "flex flex-col py-1",
     children: [
       c.map((a) => {
-        const l = x(a.id, o, r);
+        const l = f(a.id, o, r);
         return /* @__PURE__ */ s(
           n.Unstable_TriggerPopoverCategoryItem,
           {
@@ -53,14 +53,14 @@ const _ = ({
       "data-slot": "composer-trigger-popover-items",
       className: "flex flex-col",
       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__ */ 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-s tracking-wide uppercase transition-colors", children: [
           /* @__PURE__ */ e(T, { className: "size-3.5" }),
           i
         ] }),
         /* @__PURE__ */ s("div", { className: "py-1", children: [
           p.map((t, m) => {
             var d;
-            const g = typeof ((d = t.metadata) == null ? void 0 : d.icon) == "string" ? t.metadata.icon : void 0, v = x(g, o, r);
+            const g = typeof ((d = t.metadata) == null ? void 0 : d.icon) == "string" ? t.metadata.icon : void 0, v = f(g, o, r);
             return /* @__PURE__ */ s(
               n.Unstable_TriggerPopoverItem,
               {
@@ -72,7 +72,7 @@ const _ = ({
                     /* @__PURE__ */ e(v, { className: "text-primary size-3.5" }),
                     t.label
                   ] }),
-                  t.description && /* @__PURE__ */ e("span", { className: "text-muted-foreground ms-5.5 text-xs leading-tight", children: t.description })
+                  t.description && /* @__PURE__ */ e("span", { className: "text-muted-foreground ms-5.5 text-s leading-tight", children: t.description })
                 ]
               },
               t.id
@@ -93,7 +93,7 @@ const _ = ({
       ]
     }
   ) });
-}, f = ({
+}, x = ({
   iconMap: o,
   fallbackIcon: r = y,
   backLabel: i = "Back",
@@ -149,9 +149,9 @@ const _ = ({
     ]
   }
 ));
-f.displayName = "ComposerTriggerPopover";
+x.displayName = "ComposerTriggerPopover";
 const S = h(
-  f
+  x
 );
 export {
   S as ComposerTriggerPopover

package/components/assistant-ui/composer.js

@@ -9,18 +9,18 @@ import { ComposerQuotePreview as K } from "./quote.js";
 import { ThreadComponentsContext as j } from "./thread-context.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";
+import { ComposerPrimitive as a, MessagePrimitive as q, unstable_useComposerInput as U, AuiIf as S } from "@assistant-ui/react";
+import { Mic as Y, Stop as _, ArrowUp as O } from "../../lib/icons.js";
 const Q = 24, V = 850, X = 1800, G = 3e3;
-function J(a) {
+function J(s) {
   return Math.min(
     X,
-    Math.max(V, a.length * Q)
+    Math.max(V, s.length * Q)
   );
 }
-function W(a, n, r, f, x) {
-  if (n <= 0 || a.length === 0)
-    return r(a), { promise: Promise.resolve(), cancel: () => {
+function W(s, n, r, f, x) {
+  if (n <= 0 || s.length === 0)
+    return r(s), { promise: Promise.resolve(), cancel: () => {
     } };
   let v = 0, C, N;
   return {
@@ -37,8 +37,8 @@ function W(a, n, r, f, x) {
           return;
         }
         h !== null && (m += i - h, h = null);
-        const l = Math.min(1, (i - m) / n), c = l >= 1 ? a.length : Math.floor(l * a.length);
-        if (r(a.slice(0, c)), l >= 1) {
+        const l = Math.min(1, (i - m) / n), c = l >= 1 ? s.length : Math.floor(l * s.length);
+        if (r(s.slice(0, c)), l >= 1) {
           y();
           return;
         }
@@ -52,7 +52,7 @@ function W(a, n, r, f, x) {
   };
 }
 const Z = ({
-  autoFocus: a = !0
+  autoFocus: s = !0
 }) => {
   const { setText: n } = U(), r = u.useContext(L), [f, x] = u.useState(
     (r == null ? void 0 : r[0]) ?? "Send a message…"
@@ -69,16 +69,16 @@ const Z = ({
       l(t);
     }, g = () => {
       window.clearTimeout(i), i = window.setTimeout(c, 0);
-    }, b = () => {
+    }, w = () => {
       m.current = o.value.length > 0 || document.activeElement === o;
     }, 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);
     }, 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(_),
+      const d = o.selectionStart ?? 0, M = o.selectionEnd ?? d;
+      return d === M || t.inputType !== "deleteContentBackward" && t.inputType !== "deleteContentForward" && t.inputType !== "deleteByCut" ? !1 : (t.preventDefault(), z(
+        o.value.slice(0, d) + o.value.slice(M),
         d
       ), !0);
     }, E = (t) => {
@@ -89,11 +89,11 @@ const Z = ({
         }
         g();
       }
-    }, w = (t) => {
+    }, b = (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", w), () => {
-      window.clearTimeout(i), o.removeEventListener("beforeinput", E), o.removeEventListener("input", c), o.removeEventListener("focus", b), o.removeEventListener("blur", b), o.removeEventListener("keydown", w);
+    return c(), o.addEventListener("beforeinput", E), o.addEventListener("input", c), o.addEventListener("focus", w), o.addEventListener("blur", w), o.addEventListener("keydown", b), () => {
+      window.clearTimeout(i), o.removeEventListener("beforeinput", E), o.removeEventListener("input", c), o.removeEventListener("focus", w), o.removeEventListener("blur", w), o.removeEventListener("keydown", b);
     };
   }, [o, n]), u.useEffect(() => {
     var E;
@@ -106,25 +106,25 @@ const Z = ({
       return;
     }
     let i = !1, l = 0, c, g;
-    const b = (w) => new Promise((t) => {
-      c = window.setTimeout(t, w);
+    const w = (b) => new Promise((t) => {
+      c = window.setTimeout(t, b);
     }), z = () => i;
     return (async () => {
       for (; !i; ) {
-        for (; m.current && !i; ) await b(100);
+        for (; m.current && !i; ) await w(100);
         if (i) return;
-        const w = r[l];
+        const b = r[l];
         x("");
         const { promise: t, cancel: d } = W(
-          w,
-          J(w),
+          b,
+          J(b),
           x,
           z,
           () => m.current
         );
         if (g = d, await t, g = void 0, i) return;
         if (!m.current) {
-          if (await b(G), i) return;
+          if (await w(G), i) return;
           l = (l + 1) % r.length;
         }
       }
@@ -143,13 +143,13 @@ const Z = ({
       }
     ),
     /* @__PURE__ */ e(
-      s.Input,
+      a.Input,
       {
         ref: h,
         placeholder: r != null && r.length ? "" : f,
-        className: "aui-composer-input caret-primary placeholder:text-muted-foreground/80 relative z-10 max-h-32 min-h-14 w-full resize-none bg-transparent px-2.5 py-1 text-base text-foreground outline-none",
+        className: "aui-composer-input caret-brand placeholder:text-muted-foreground/80 relative z-10 max-h-32 min-h-14 w-full resize-none bg-transparent px-2.5 py-1 text-base text-foreground outline-none",
         rows: 1,
-        autoFocus: a,
+        autoFocus: s,
         enterKeyHint: "send",
         "aria-label": "Message input"
       }
@@ -159,14 +159,14 @@ const Z = ({
   void 0
 );
 function me({
-  prompts: a,
+  prompts: s,
   children: n
 }) {
-  return /* @__PURE__ */ e(L.Provider, { value: a, children: n });
+  return /* @__PURE__ */ e(L.Provider, { value: s, children: n });
 }
 const pe = ({
-  autoFocus: a = !0
-}) => /* @__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__ */ p(
+  autoFocus: s = !0
+}) => /* @__PURE__ */ e(a.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(a.Unstable_TriggerPopoverRoot, { children: /* @__PURE__ */ e(a.AttachmentDropzone, { asChild: !0, children: /* @__PURE__ */ p(
   "div",
   {
     "data-slot": "aui_composer-shell",
@@ -174,21 +174,21 @@ const pe = ({
       var f;
       n.target.closest("button, a, input, textarea, [role='button']") || (f = n.currentTarget.querySelector("textarea")) == null || f.focus();
     },
-    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))]",
+    className: "border-wg2 data-[dragging=true]:border-ring focus-within:border-field-focus 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-action-primary-soft",
     children: [
       /* @__PURE__ */ e(K, { className: "mx-0 mt-0" }),
       /* @__PURE__ */ e(k, {}),
-      /* @__PURE__ */ e(Z, { autoFocus: a }),
+      /* @__PURE__ */ e(Z, { autoFocus: s }),
       /* @__PURE__ */ e($, {})
     ]
   }
 ) }) }) }), $ = () => {
-  const { ComposerAccessories: a = ee } = I(j);
+  const { ComposerAccessories: s = ee } = I(j);
   return /* @__PURE__ */ p("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(a, {}) }),
+    /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ e(s, {}) }),
     /* @__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(
+        /* @__PURE__ */ e(S, { condition: (n) => n.composer.dictation == null, children: /* @__PURE__ */ e(a.Dictate, { asChild: !0, children: /* @__PURE__ */ e(
           P,
           {
             tooltip: "Voice input",
@@ -201,7 +201,7 @@ const pe = ({
             children: /* @__PURE__ */ e(Y, { className: "aui-composer-dictate-icon size-4" })
           }
         ) }) }),
-        /* @__PURE__ */ e(S, { condition: (n) => n.composer.dictation != null, children: /* @__PURE__ */ e(s.StopDictation, { asChild: !0, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(S, { condition: (n) => n.composer.dictation != null, children: /* @__PURE__ */ e(a.StopDictation, { asChild: !0, children: /* @__PURE__ */ e(
           P,
           {
             tooltip: "Stop dictation",
@@ -211,11 +211,11 @@ const pe = ({
             size: "icon",
             className: "aui-composer-stop-dictation text-destructive size-7 rounded-full",
             "aria-label": "Stop voice input",
-            children: /* @__PURE__ */ e(M, { className: "aui-composer-stop-dictation-icon size-3.5 animate-pulse fill-current" })
+            children: /* @__PURE__ */ e(_, { className: "aui-composer-stop-dictation-icon size-3.5 animate-pulse fill-current" })
           }
         ) }) })
       ] }),
-      /* @__PURE__ */ e(S, { condition: (n) => !n.thread.isRunning, children: /* @__PURE__ */ e(s.Send, { asChild: !0, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(S, { condition: (n) => !n.thread.isRunning, children: /* @__PURE__ */ e(a.Send, { asChild: !0, children: /* @__PURE__ */ e(
         P,
         {
           tooltip: "Send message",
@@ -228,7 +228,7 @@ const pe = ({
           children: /* @__PURE__ */ e(O, { className: "aui-composer-send-icon size-4.5" })
         }
       ) }) }),
-      /* @__PURE__ */ e(S, { condition: (n) => n.thread.isRunning, children: /* @__PURE__ */ e(s.Cancel, { asChild: !0, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(S, { condition: (n) => n.thread.isRunning, children: /* @__PURE__ */ e(a.Cancel, { asChild: !0, children: /* @__PURE__ */ e(
         A,
         {
           type: "button",
@@ -236,7 +236,7 @@ const pe = ({
           size: "icon",
           className: "aui-composer-cancel size-7 rounded-full",
           "aria-label": "Stop generating",
-          children: /* @__PURE__ */ e(M, { className: "aui-composer-cancel-icon size-3.5 fill-current" })
+          children: /* @__PURE__ */ e(_, { className: "aui-composer-cancel-icon size-3.5 fill-current" })
         }
       ) }) })
     ] })
@@ -250,16 +250,16 @@ 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-200", children: [
+    children: /* @__PURE__ */ p(a.Root, { className: "aui-edit-composer-root border-border/60 focus-within:border-field-focus ms-auto flex w-full max-w-[85%] flex-col rounded-(--composer-radius) border bg-(--composer-bg) shadow-200", children: [
       /* @__PURE__ */ e(
-        s.Input,
+        a.Input,
         {
           className: "aui-edit-composer-input text-foreground min-h-14 w-full resize-none bg-transparent px-4 pt-3 pb-1 text-base outline-none",
           autoFocus: !0
         }
       ),
       /* @__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(
+        /* @__PURE__ */ e(a.Cancel, { asChild: !0, children: /* @__PURE__ */ e(
           A,
           {
             variant: "ghost",
@@ -268,7 +268,7 @@ const pe = ({
             children: "Cancel"
           }
         ) }),
-        /* @__PURE__ */ e(s.Send, { asChild: !0, children: /* @__PURE__ */ e(A, { size: "sm", className: "h-8 rounded-full px-3.5", children: "Update" }) })
+        /* @__PURE__ */ e(a.Send, { asChild: !0, children: /* @__PURE__ */ e(A, { size: "sm", className: "h-8 rounded-full px-3.5", children: "Update" }) })
       ] })
     ] })
   }

package/components/assistant-ui/file.js

@@ -14,7 +14,7 @@ const $ = v(
         muted: "bg-muted/50 hover:bg-muted/70"
       },
       size: {
-        sm: "px-2.5 py-1.5 text-xs",
+        sm: "px-2.5 py-1.5 text-s",
         default: "px-3 py-2 text-sm",
         lg: "px-4 py-3 text-base"
       }
@@ -86,7 +86,7 @@ function m({
     }
   );
 }
-function x({ bytes: t, className: e, ...n }) {
+function h({ bytes: t, className: e, ...n }) {
   return /* @__PURE__ */ o(
     "span",
     {
@@ -97,7 +97,7 @@ function x({ bytes: t, className: e, ...n }) {
     }
   );
 }
-function h({
+function x({
   data: t,
   mimeType: e,
   filename: n,
@@ -127,10 +127,10 @@ const M = ({ filename: t, data: e, mimeType: n }) => {
     /* @__PURE__ */ o(f, { mimeType: n }),
     /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
       /* @__PURE__ */ o(m, { children: t }),
-      /* @__PURE__ */ o(x, { bytes: r, className: "text-xs" })
+      /* @__PURE__ */ o(h, { bytes: r, className: "text-s" })
     ] }),
     /* @__PURE__ */ o(
-      h,
+      x,
       {
         data: e,
         mimeType: n,
@@ -143,15 +143,15 @@ i.displayName = "File";
 i.Root = u;
 i.Icon = f;
 i.Name = m;
-i.Size = x;
-i.Download = h;
+i.Size = h;
+i.Download = x;
 export {
   i as File,
-  h as FileDownload,
+  x as FileDownload,
   f as FileIconDisplay,
   m as FileName,
   u as FileRoot,
-  x as FileSize,
+  h as FileSize,
   $ as fileVariants,
   W as formatFileSize,
   D as getBase64Size,

package/components/assistant-ui/image.js

@@ -159,7 +159,7 @@ function v({
     {
       "data-slot": "image-filename",
       className: d(
-        "text-muted-foreground block truncate px-2 py-1.5 text-xs",
+        "text-muted-foreground block truncate px-2 py-1.5 text-s",
         e
       ),
       ...a,

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

@@ -208,7 +208,7 @@ const h = () => /* @__PURE__ */ o(
   sup: ({ className: t, ...e }) => /* @__PURE__ */ o(
     "sup",
     {
-      className: r("aui-md-sup [&>a]:text-xs [&>a]:no-underline", t),
+      className: r("aui-md-sup [&>a]:text-s [&>a]:no-underline", t),
       ...e
     }
   ),

package/components/assistant-ui/message-timing.js

@@ -13,7 +13,7 @@ const r = (s) => s === void 0 ? "—" : s < 1e3 ? `${Math.round(s)}ms` : `${(s /
         "data-slot": "message-timing-trigger",
         "aria-label": "Message timing",
         className: d(
-          "text-muted-foreground hover:bg-accent hover:text-accent-foreground flex items-center rounded-md p-1 font-mono text-xs tabular-nums transition-colors",
+          "text-muted-foreground hover:bg-accent hover:text-accent-foreground flex items-center rounded-md p-1 font-mono text-s tabular-nums transition-colors",
           s
         ),
         children: r(e.totalStreamTime)