@actioneer/ads 1.0.3 → 1.0.5

package/DESIGN.md

@@ -2,61 +2,61 @@
 name: Actioneer Design System
 description: ADS 1.0 — the React 19 + Tailwind v4 library every Actioneer product builds from
 colors:
-  action-primary: "#398457"
-  action-primary-hover: "#2b7348"
-  action-primary-text: "#1f623b"
-  action-primary-soft: "#e2efe5"
+  action-primary: "#1c8379"
+  action-primary-hover: "#017369"
+  action-primary-text: "#016159"
+  action-primary-soft: "#dfefec"
   action-primary-foreground: "#ffffff"
-  field-focus: "#5c9c73"
-  brand: "#20201e"
-  brand-hover: "#4b4b47"
-  brand-text: "#20201e"
+  field-focus: "#4c9b92"
+  brand: "#1c8379"
+  brand-hover: "#017369"
+  brand-text: "#016159"
   brand-foreground: "#ffffff"
-  success: "#516923"
+  success: "#2d6b22"
   success-foreground: "#ffffff"
   warning: "#f79009"
-  warning-foreground: "#20201e"
+  warning-foreground: "#21201d"
   danger: "#d92d20"
   danger-foreground: "#ffffff"
   info: "#1570ef"
   info-foreground: "#ffffff"
-  background: "#f1f1ef"
-  foreground: "#20201e"
-  surface: "#ececea"
-  surface-foreground: "#20201e"
+  background: "#f3f1e9"
+  foreground: "#21201d"
+  surface: "#efece3"
+  surface-foreground: "#21201d"
   elevated: "#ffffff"
   card: "#ffffff"
-  card-foreground: "#20201e"
-  muted: "#e5e5e2"
-  muted-foreground: "#4b4b47"
-  fill: "#ececea"
-  fill-foreground: "#20201e"
-  accent: "#dcdcd8"
-  accent-foreground: "#20201e"
-  on-white-primary: "#20201e"
-  on-white-secondary: "#4b4b47"
-  on-white-tertiary: "#777771"
-  on-warm-grey-primary: "#20201e"
-  on-warm-grey-secondary: "#4b4b47"
-  on-warm-grey-tertiary: "#777771"
-  primary: "#20201e"
-  secondary: "#4b4b47"
+  card-foreground: "#21201d"
+  muted: "#e8e5db"
+  muted-foreground: "#4d4b44"
+  fill: "#efece3"
+  fill-foreground: "#21201d"
+  accent: "#dfdcd0"
+  accent-foreground: "#21201d"
+  on-white-primary: "#21201d"
+  on-white-secondary: "#4d4b44"
+  on-white-tertiary: "#79766a"
+  on-warm-grey-primary: "#21201d"
+  on-warm-grey-secondary: "#4d4b44"
+  on-warm-grey-tertiary: "#79766a"
+  primary: "#21201d"
+  secondary: "#4d4b44"
   tertiary: "color-mix(in srgb, var(--color-wg10) 80%, var(--color-wg11))"
-  border: "#e5e5e2"
-  border-primary: "#dcdcd8"
-  border-secondary: "#e5e5e2"
-  border-tertiary: "#ececea"
-  border-strong: "#dcdcd8"
-  input: "#e5e5e2"
-  menu-stroke: "#e5e5e2"
-  toast-stroke: "#e5e5e2"
-  tree-stroke: "#e5e5e2"
-  specimen-stroke: "#ececea"
+  border: "#e8e5db"
+  border-primary: "#dfdcd0"
+  border-secondary: "#e8e5db"
+  border-tertiary: "#efece3"
+  border-strong: "#dfdcd0"
+  input: "#e8e5db"
+  menu-stroke: "#e8e5db"
+  toast-stroke: "#e8e5db"
+  tree-stroke: "#e8e5db"
+  specimen-stroke: "#efece3"
   table-shell: "#ffffff"
-  table-stroke: "#ececea"
+  table-stroke: "#efece3"
   table-header-foreground: "color-mix(in srgb, var(--color-wg10) 80%, var(--color-wg11))"
   artifact-canvas: "color-mix(in srgb, var(--color-brand-mark) 7%, var(--color-white))"
-  ring: "color-mix(in srgb, var(--color-wg12) 50%, transparent)"
+  ring: "#1c8379"
   overlay: "color-mix(in srgb, var(--color-wg12) 50%, transparent)"
 typography:
   display:
@@ -179,9 +179,9 @@ components:
 
 TASTE.md puts it in one line: On a quiet, neutral ground, colour and motion are spent like money — rarely, deliberately, and only where the eye should go.
 
-ADS 1.0.0 is a library first and a look second. 323 components across 10 families (Primitives / utilities, Foundations, Form controls, Overlays, Data display, Feedback, Navigation, Layout, AI Elements, Chat) ship from one barrel, and every product that consumes them inherits the judgment encoded in 56 semantic tokens and 11 principles rather than re-deciding it per screen.
+ADS 1.0.5 is a library first and a look second. 323 components across 10 families (Primitives / utilities, Foundations, Form controls, Overlays, Data display, Feedback, Navigation, Layout, AI Elements, Chat) ship from one barrel, and every product that consumes them inherits the judgment encoded in 56 semantic tokens and 11 principles rather than re-deciding it per screen.
 
-The ground is warm grey and the ink is warm near-black. One hue is spent by default, the Studio green CTA family, and four more carry semantic status. Everything else stays neutral. A consumer product may narrow that further, and one already does: Baby Sentinel drops the green and runs every action on ink.
+The ground is warm grey and the ink is warm near-black. One hue is spent by default, the Studio teal CTA family, and four more carry semantic status. Everything else stays neutral. A consumer product may narrow that further, and one already does: Baby Sentinel drops the teal and runs every action on ink.
 
 **Key characteristics:**
 - Warm-grey canvas, white sheet, quiet tiles. Every surface belongs to exactly one plane
@@ -196,41 +196,41 @@ A warm neutral ground with one CTA hue and four semantic signals. Every value be
 
 ### Primary
 
-The one place a hue is spent by default: the Studio green CTA family.
+The one place a hue is spent by default: the Studio teal CTA family.
 
-**Primary CTA role — restrained Studio green, used sparingly.**
+**Primary CTA role — restrained Studio teal, used sparingly.**
 
-- **action-primary** (`--color-action-primary`, #398457) `bg-action-primary`
-- **action-primary-hover** (`--color-action-primary-hover`, #2b7348) `bg-action-primary-hover`
-- **action-primary-text** (`--color-action-primary-text`, #1f623b) `text-action-primary-text`
-- **action-primary-soft** (`--color-action-primary-soft`, #e2efe5) `bg-action-primary-soft`
+- **action-primary** (`--color-action-primary`, #1c8379) `bg-action-primary`
+- **action-primary-hover** (`--color-action-primary-hover`, #017369) `bg-action-primary-hover`
+- **action-primary-text** (`--color-action-primary-text`, #016159) `text-action-primary-text`
+- **action-primary-soft** (`--color-action-primary-soft`, #dfefec) `bg-action-primary-soft`
 - **action-primary-foreground** (`--color-action-primary-foreground`, #ffffff) `text-action-primary-foreground`
-- **field-focus** (`--color-field-focus`, #5c9c73) `bg-field-focus`
+- **field-focus** (`--color-field-focus`, #4c9b92) `bg-field-focus`
 
 ### Secondary
 
 The neutral-ink action role kept as a compatibility API.
 
-**Compatibility action role — neutral ink, never a colored primary hue.**
+**Shared brand roles for control states, primary accents, and marks.**
 
-- **brand** (`--color-brand`, #20201e) `bg-brand`
-- **brand-hover** (`--color-brand-hover`, #4b4b47) `bg-brand-hover`
-- **brand-text** (`--color-brand-text`, #20201e) `text-brand-text`
+- **brand** (`--color-brand`, #1c8379) `bg-brand`
+- **brand-hover** (`--color-brand-hover`, #017369) `bg-brand-hover`
+- **brand-text** (`--color-brand-text`, #016159) `text-brand-text`
 - **brand-foreground** (`--color-brand-foreground`, #ffffff) `text-brand-foreground`
 
 ### Tertiary
 
 Semantic status. These four carry meaning and are never identity.
 
-**Lichen success-700 clears AA on White and both success soft fills; success-600 is reserved for non-text marks because its 3.73:1 contrast on White does not clear body-text AA.**
+**Grass green 700 clears AA on White and both success soft fills.**
 
-- **success** (`--color-success`, #516923) `bg-success`
+- **success** (`--color-success`, #2d6b22) `bg-success`
 - **success-foreground** (`--color-success-foreground`, #ffffff) `text-success-foreground`
 
 **Amber-500 fill kept (it IS the caution signal); dark ink foreground instead of white = 6.94:1 (white on amber was 2.35:1, failed even 3:1).**
 
 - **warning** (`--color-warning`, #f79009) `bg-warning`
-- **warning-foreground** (`--color-warning-foreground`, #20201e) `text-warning-foreground`
+- **warning-foreground** (`--color-warning-foreground`, #21201d) `text-warning-foreground`
 
 **Danger and info: solid semantic fills carrying white foregrounds.**
 
@@ -245,70 +245,70 @@ The warm-grey ground everything else stands on.
 
 **The shell canvas and its ink: the ground between top-level panels.**
 
-- **background** (`--color-background`, #f1f1ef) `bg-background`
-- **foreground** (`--color-foreground`, #20201e) `text-foreground`
+- **background** (`--color-background`, #f3f1e9) `bg-background`
+- **foreground** (`--color-foreground`, #21201d) `text-foreground`
 
 **One continuous recess inside a white surface, never a screen-level ground.**
 
-- **surface** (`--color-surface`, #ececea) `bg-surface`
-- **surface-foreground** (`--color-surface-foreground`, #20201e) `text-surface-foreground`
+- **surface** (`--color-surface`, #efece3) `bg-surface`
+- **surface-foreground** (`--color-surface-foreground`, #21201d) `text-surface-foreground`
 - **elevated** (`--color-elevated`, #ffffff) `bg-elevated`
 
 **The white working plane that sits on the canvas, and the specimen hairline.**
 
 - **card** (`--color-card`, #ffffff) `bg-card`
-- **card-foreground** (`--color-card-foreground`, #20201e) `text-card-foreground`
+- **card-foreground** (`--color-card-foreground`, #21201d) `text-card-foreground`
 
 **The hover and row-state wash: interaction, not a default item background.**
 
-- **muted** (`--color-muted`, #e5e5e2) `bg-muted`
-- **muted-foreground** (`--color-muted-foreground`, #4b4b47) `text-muted-foreground`
+- **muted** (`--color-muted`, #e8e5db) `bg-muted`
+- **muted-foreground** (`--color-muted-foreground`, #4d4b44) `text-muted-foreground`
 
 **Quiet fill — avatars, chips, and disabled controls.**
 
-- **fill** (`--color-fill`, #ececea) `bg-fill`
-- **fill-foreground** (`--color-fill-foreground`, #20201e) `text-fill-foreground`
+- **fill** (`--color-fill`, #efece3) `bg-fill`
+- **fill-foreground** (`--color-fill-foreground`, #21201d) `text-fill-foreground`
 
 **The active and selected wash, one step above hover.**
 
-- **accent** (`--color-accent`, #dcdcd8) `bg-accent`
-- **accent-foreground** (`--color-accent-foreground`, #20201e) `text-accent-foreground`
+- **accent** (`--color-accent`, #dfdcd0) `bg-accent`
+- **accent-foreground** (`--color-accent-foreground`, #21201d) `text-accent-foreground`
 
 **Contextual text hierarchies — three accessible levels per surface.**
 
-- **on-white-primary** (`--color-on-white-primary`, #20201e) `bg-on-white-primary`
-- **on-white-secondary** (`--color-on-white-secondary`, #4b4b47) `bg-on-white-secondary`
-- **on-white-tertiary** (`--color-on-white-tertiary`, #777771) `bg-on-white-tertiary`
-- **on-warm-grey-primary** (`--color-on-warm-grey-primary`, #20201e) `bg-on-warm-grey-primary`
-- **on-warm-grey-secondary** (`--color-on-warm-grey-secondary`, #4b4b47) `bg-on-warm-grey-secondary`
-- **on-warm-grey-tertiary** (`--color-on-warm-grey-tertiary`, #777771) `bg-on-warm-grey-tertiary`
+- **on-white-primary** (`--color-on-white-primary`, #21201d) `bg-on-white-primary`
+- **on-white-secondary** (`--color-on-white-secondary`, #4d4b44) `bg-on-white-secondary`
+- **on-white-tertiary** (`--color-on-white-tertiary`, #79766a) `bg-on-white-tertiary`
+- **on-warm-grey-primary** (`--color-on-warm-grey-primary`, #21201d) `bg-on-warm-grey-primary`
+- **on-warm-grey-secondary** (`--color-on-warm-grey-secondary`, #4d4b44) `bg-on-warm-grey-secondary`
+- **on-warm-grey-tertiary** (`--color-on-warm-grey-tertiary`, #79766a) `bg-on-warm-grey-tertiary`
 
 **Context-free compatibility aliases remain conservative.**
 
-- **primary** (`--color-primary`, #20201e) `bg-primary`
-- **secondary** (`--color-secondary`, #4b4b47) `bg-secondary`
+- **primary** (`--color-primary`, #21201d) `bg-primary`
+- **secondary** (`--color-secondary`, #4d4b44) `bg-secondary`
 - **tertiary** (`--color-tertiary`, color-mix(in srgb, var(--color-wg10) 80%, var(--color-wg11))) `bg-tertiary`
 
 **The neutral stroke ladder: every 1px UI border stays within WG3 to WG5.**
 
-- **border** (`--color-border`, #e5e5e2) `bg-border`
-- **border-primary** (`--color-border-primary`, #dcdcd8) `bg-border-primary`
-- **border-secondary** (`--color-border-secondary`, #e5e5e2) `bg-border-secondary`
-- **border-tertiary** (`--color-border-tertiary`, #ececea) `bg-border-tertiary`
-- **border-strong** (`--color-border-strong`, #dcdcd8) `bg-border-strong`
-- **input** (`--color-input`, #e5e5e2) `bg-input`
-- **menu-stroke** (`--color-menu-stroke`, #e5e5e2) `bg-menu-stroke`
-- **toast-stroke** (`--color-toast-stroke`, #e5e5e2) `bg-toast-stroke`
-- **tree-stroke** (`--color-tree-stroke`, #e5e5e2) `bg-tree-stroke`
+- **border** (`--color-border`, #e8e5db) `bg-border`
+- **border-primary** (`--color-border-primary`, #dfdcd0) `bg-border-primary`
+- **border-secondary** (`--color-border-secondary`, #e8e5db) `bg-border-secondary`
+- **border-tertiary** (`--color-border-tertiary`, #efece3) `bg-border-tertiary`
+- **border-strong** (`--color-border-strong`, #dfdcd0) `bg-border-strong`
+- **input** (`--color-input`, #e8e5db) `bg-input`
+- **menu-stroke** (`--color-menu-stroke`, #e8e5db) `bg-menu-stroke`
+- **toast-stroke** (`--color-toast-stroke`, #e8e5db) `bg-toast-stroke`
+- **tree-stroke** (`--color-tree-stroke`, #e8e5db) `bg-tree-stroke`
 
 **The white working plane that sits on the canvas, and the specimen hairline.**
 
-- **specimen-stroke** (`--color-specimen-stroke`, #ececea) `bg-specimen-stroke`
+- **specimen-stroke** (`--color-specimen-stroke`, #efece3) `bg-specimen-stroke`
 
 **Table surfaces: the white tray, its hairlines, and header ink.**
 
 - **table-shell** (`--color-table-shell`, #ffffff) `bg-table-shell`
-- **table-stroke** (`--color-table-stroke`, #ececea) `bg-table-stroke`
+- **table-stroke** (`--color-table-stroke`, #efece3) `bg-table-stroke`
 - **table-header-foreground** (`--color-table-header-foreground`, color-mix(in srgb, var(--color-wg10) 80%, var(--color-wg11))) `text-table-header-foreground`
 
 **The artifact sheet: white warmed by a trace of the brand mark.**
@@ -317,7 +317,7 @@ The warm-grey ground everything else stands on.
 
 **Focus ring and scrim, both translucent warm ink.**
 
-- **ring** (`--color-ring`, color-mix(in srgb, var(--color-wg12) 50%, transparent)) `ring-ring`
+- **ring** (`--color-ring`, #1c8379) `ring-ring`
 - **overlay** (`--color-overlay`, color-mix(in srgb, var(--color-wg12) 50%, transparent)) `bg-overlay`
 
 ### Named rules
@@ -406,7 +406,7 @@ Hand-rolling a visual control, or importing a UI library at a call site, is neve
 ### Primary Button
 
 - **Export:** `Button`
-- **Character:** variant="solid". The one action a screen wants, in Studio green.
+- **Character:** variant="solid". The one action a screen wants, in Studio teal.
 - **Background:** {colors.action-primary}
 - **Text:** {colors.action-primary-foreground}
 - **Radius:** {rounded.md}

package/components/ai-elements/agent-trace.js

@@ -12,7 +12,7 @@ import { Text as ce } from "../typography.js";
 import { ChainOfThoughtStep as de, ChainOfThoughtTrigger as ue, ChainOfThoughtContent as he, ChainOfThoughtItem as me, ChainOfThoughtSearchResults as pe, ChainOfThoughtSearchResult as fe, ChainOfThought as ge } from "./chain-of-thought.js";
 import { TraceStateIcon as C } from "./chain-of-thought-icon.js";
 import { ResearchActivity as L } from "./research-activity.js";
-import { Tool as ve, ToolHeader as be, ToolContent as xe, ToolInput as Ne, ToolOutput as Ce } from "./tool.js";
+import { Tool as ve, ToolHeader as be, ToolContent as Ne, ToolInput as xe, ToolOutput as Ce } from "./tool.js";
 const Te = "Main Agent", we = 60, _ = J(!0);
 function ye({
   title: e,
@@ -39,7 +39,7 @@ function ye({
           ),
           /* @__PURE__ */ t("span", { className: "text-base", children: e }),
           /* @__PURE__ */ i("span", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
-            a != null && /* @__PURE__ */ t("span", { className: "text-xs text-tertiary tabular-nums", children: a }),
+            a != null && /* @__PURE__ */ t("span", { className: "text-s text-tertiary tabular-nums", children: a }),
             /* @__PURE__ */ t(
               ee,
               {
@@ -79,7 +79,7 @@ function k(e) {
   if (e.elapsed != null) return e.elapsed;
   if (e.seconds != null) return T(e.seconds);
 }
-function N(e) {
+function x(e) {
   const r = [];
   for (const a of e) r.includes(a.group) || r.push(a.group);
   return r;
@@ -102,8 +102,8 @@ function Oe(e) {
 }
 const F = P(({ call: e }) => /* @__PURE__ */ i(ve, { children: [
   /* @__PURE__ */ t(be, { title: e.name, type: `tool-${e.name}`, state: e.state }),
-  /* @__PURE__ */ i(xe, { children: [
-    e.input !== void 0 && /* @__PURE__ */ t(Ne, { input: e.input }),
+  /* @__PURE__ */ i(Ne, { children: [
+    e.input !== void 0 && /* @__PURE__ */ t(xe, { input: e.input }),
     /* @__PURE__ */ t(
       Ce,
       {
@@ -132,7 +132,7 @@ const G = P(
     return /* @__PURE__ */ i(de, { status: e.status === "error" ? "error" : "complete", children: [
       /* @__PURE__ */ i(ue, { leftIcon: s, endContent: l, children: [
         /* @__PURE__ */ t("span", { children: e.label }),
-        e.agent && e.agent !== r && /* @__PURE__ */ t("span", { className: "ml-2 text-xs font-normal text-tertiary", children: e.agent })
+        e.agent && e.agent !== r && /* @__PURE__ */ t("span", { className: "ml-2 text-s font-normal text-tertiary", children: e.agent })
       ] }),
       /* @__PURE__ */ t(he, { rail: !1, children: /* @__PURE__ */ i("div", { className: "-ml-5", style: { "--tree-rail-lead": "18px" }, children: [
         e.detail != null && /* @__PURE__ */ t("div", { className: "ads-tree-rail pb-3", children: /* @__PURE__ */ t(me, { children: e.detail }) }),
@@ -163,17 +163,17 @@ const $e = ({
   ...w
 }) => {
   var D, E;
-  const n = e.find((o) => o.status === "active") ?? null, p = e.filter((o) => o.status === "complete" || o.status === "error"), y = new Set(l ?? []), g = e.length > 0 && e.every((o) => o.status === "complete" || o.status === "error"), [H, S] = Q(() => new Set(N(e))), A = j(null);
+  const n = e.find((o) => o.status === "active") ?? null, p = e.filter((o) => o.status === "complete" || o.status === "error"), y = new Set(l ?? []), g = e.length > 0 && e.every((o) => o.status === "complete" || o.status === "error"), [H, S] = Q(() => new Set(x(e))), A = j(null);
   R(() => {
     const o = (n == null ? void 0 : n.group) ?? null;
-    o == null || o === A.current || (A.current = o, S(new Set(N(e).filter((u) => u !== o))));
+    o == null || o === A.current || (A.current = o, S(new Set(x(e).filter((u) => u !== o))));
   }, [n == null ? void 0 : n.group, e]);
   const M = j(g);
   R(() => {
-    g && !M.current && (S(new Set(N(e))), A.current = null), M.current = g;
+    g && !M.current && (S(new Set(x(e))), A.current = null), M.current = g;
   }, [g, e]);
-  const v = N(p).map((o) => {
-    var f, x;
+  const v = x(p).map((o) => {
+    var f, N;
     const u = p.filter((b) => b.group === o), c = u[0];
     return {
       group: o,
@@ -181,7 +181,7 @@ const $e = ({
         C,
         {
           stage: c == null ? void 0 : c.state,
-          toolName: (x = (f = c == null ? void 0 : c.calls) == null ? void 0 : f[0]) == null ? void 0 : x.name,
+          toolName: (N = (f = c == null ? void 0 : c.calls) == null ? void 0 : f[0]) == null ? void 0 : N.name,
           status: "complete"
         }
       ),
@@ -211,8 +211,8 @@ const $e = ({
             icon: u,
             summary: Ae(c),
             open: !H.has(o),
-            onOpenChange: (f) => S((x) => {
-              const b = new Set(x);
+            onOpenChange: (f) => S((N) => {
+              const b = new Set(N);
               return f ? b.delete(o) : b.add(o), b;
             }),
             children: /* @__PURE__ */ t(ge, { children: c.map((f) => /* @__PURE__ */ t(

package/components/ai-elements/chain-of-thought.js

@@ -153,7 +153,7 @@ const k = O(!1), S = O("tree"), I = c(
         ),
         /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: o }),
         /* @__PURE__ */ l("span", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
-          r != null && /* @__PURE__ */ e("span", { className: "text-xs text-tertiary tabular-nums", children: r }),
+          r != null && /* @__PURE__ */ e("span", { className: "text-s text-tertiary tabular-nums", children: r }),
           t && /* @__PURE__ */ e(
             w,
             {
@@ -300,7 +300,7 @@ const k = O(!1), S = O("tree"), I = c(
                   children: a
                 }
               ),
-              r != null && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-tertiary tabular-nums", children: r }),
+              r != null && /* @__PURE__ */ e("span", { className: "shrink-0 text-s text-tertiary tabular-nums", children: r }),
               /* @__PURE__ */ e(
                 w,
                 {
@@ -380,7 +380,7 @@ const k = O(!1), S = O("tree"), I = c(
               )) }, p);
             }) })
           ] }) }),
-          h && /* @__PURE__ */ l("p", { className: "px-2.5 py-1.5 text-xs text-tertiary tabular-nums", children: [
+          h && /* @__PURE__ */ l("p", { className: "px-2.5 py-1.5 text-s text-tertiary tabular-nums", children: [
             a.length,
             " of ",
             r,

package/components/ai-elements/chart.js

@@ -217,7 +217,7 @@ const ee = g.forwardRef(
                     children: /* @__PURE__ */ e(O, { "data-slot": "ai-chart-icon", className: "size-4" })
                   }
                 ),
-                /* @__PURE__ */ e("span", { className: "min-w-0 truncate text-xs font-normal text-foreground", children: i }),
+                /* @__PURE__ */ e("span", { className: "min-w-0 truncate text-m font-normal text-foreground", children: i }),
                 o != null && /* @__PURE__ */ e(
                   Q,
                   {
@@ -231,7 +231,7 @@ const ee = g.forwardRef(
                   "span",
                   {
                     "data-slot": "ai-chart-meta",
-                    className: "ml-auto shrink-0 text-xs tabular-nums",
+                    className: "ml-auto shrink-0 text-s tabular-nums",
                     children: m
                   }
                 ),
@@ -279,7 +279,7 @@ const ee = g.forwardRef(
                       "button",
                       {
                         type: "button",
-                        className: "rounded-sm text-left outline-none transition-colors duration-150 ease-out hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring motion-reduce:transition-none",
+                        className: "rounded-sm text-left text-s outline-none transition-colors duration-150 ease-out hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring motion-reduce:transition-none",
                         "aria-label": `Open source ${s}`,
                         onClick: () => h(s),
                         children: [

package/components/ai-elements/inline-citation.js

@@ -223,7 +223,7 @@ const G = ({
     "div",
     {
       className: c(
-        "flex flex-1 items-center justify-end px-3 py-1 text-xs text-tertiary tabular-nums",
+        "flex flex-1 items-center justify-end px-3 py-1 text-s text-tertiary tabular-nums",
         t
       ),
       ...s,
@@ -278,7 +278,7 @@ const G = ({
   ...a
 }) => /* @__PURE__ */ k("div", { className: c("space-y-1", n), ...a, children: [
   e && /* @__PURE__ */ i("p", { className: "truncate font-normal text-base leading-tight text-primary", children: e }),
-  t && /* @__PURE__ */ i("p", { className: "truncate break-all text-xs text-tertiary", children: t }),
+  t && /* @__PURE__ */ i("p", { className: "truncate break-all text-s text-tertiary", children: t }),
   s && /* @__PURE__ */ i("p", { className: "line-clamp-3 text-base leading-relaxed text-secondary", children: s }),
   r
 ] }), ee = ({

package/components/ai-elements/message.js

@@ -253,7 +253,7 @@ const H = o.forwardRef(({ className: e, ...t }, a) => {
     {
       ref: a,
       className: i(
-        "px-1.5 text-xs tabular-nums text-tertiary select-none",
+        "px-1.5 text-s tabular-nums text-tertiary select-none",
         e
       ),
       ...t,

package/components/ai-elements/research-activity.js

@@ -53,10 +53,10 @@ function $({
       m === 1 ? "source" : "sources"
     ] }),
     /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "text-tertiary", children: "·" }),
-    /* @__PURE__ */ e("span", { className: "text-xs text-tertiary tabular-nums", children: t }),
+    /* @__PURE__ */ e("span", { className: "text-s text-tertiary tabular-nums", children: t }),
     n != null && /* @__PURE__ */ r(q, { children: [
       /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "text-tertiary", children: "·" }),
-      /* @__PURE__ */ r("span", { className: "text-xs text-tertiary", children: [
+      /* @__PURE__ */ r("span", { className: "text-s text-tertiary", children: [
         "first insight",
         " ",
         /* @__PURE__ */ e("span", { className: "tabular-nums", children: n })
@@ -169,7 +169,7 @@ const oe = s.forwardRef(
                   O
                 ) }) }) }),
                 l && /* @__PURE__ */ r("span", { className: o(
-                  "shrink-0 text-xs text-tertiary tabular-nums",
+                  "shrink-0 text-s text-tertiary tabular-nums",
                   // Reserve the caret slot (size-4 + gap-2) so trailing metadata
                   // keeps the same right edge as sibling rows that show a caret.
                   !x && "pe-6"
@@ -205,7 +205,7 @@ const oe = s.forwardRef(
                 /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "flex size-4 shrink-0 items-center justify-center", children: v ?? R }),
                 /* @__PURE__ */ e(K, { as: "span", className: "text-base", children: "Researching…" }),
                 /* @__PURE__ */ r("span", { className: o(
-                  "ml-auto shrink-0 text-xs text-tertiary tabular-nums",
+                  "ml-auto shrink-0 text-s text-tertiary tabular-nums",
                   !x && "pe-6"
                 ), children: [
                   /* @__PURE__ */ e("span", { className: "sr-only", children: "Elapsed " }),

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,