@nurix/etna 0.20.14 → 0.20.15

package/data/catalog/rules/frontend.md

@@ -17,11 +17,15 @@ Tailwind v4 + shadcn-based UI conventions for **web** apps — styling, the `@nu
 - **`@nurix/components`** is the UI library — import by subpath (`@nurix/components/button`). **Never** `npx shadcn add`, no `components.json` scaffold — consume the prebuilt library (`.tsx`, not `.jsx`). *A recorded deviation from canonical shadcn, where primitives are vendored into `components/ui/` and edited in place: this workspace consumes a published library instead, and vendoring would fork it. Deliberate — the design skill does not "converge" it.*
 - Vite: `@tailwindcss/vite` + `@vitejs/plugin-react-swc`. Pin `react` / `react-dom` / `react/jsx-runtime` / `react/jsx-dev-runtime` to the app's single copy via `resolve.alias` — `@nurix/*` ship nested react, and two copies means two hook dispatchers.
 - Tailwind v4 is CSS-only — no `tailwind.config.js`, no PostCSS.
-- **The CSS entry is whatever the manifest names**, not a fixed filename — `globals.css`, `index.css` and `styles.css` are each conventional in different framework guides, so resolve it rather than grep for one. Imports in order: `@import "./fonts.css"` (`@fontsource` registrations) → the project's `design.tokens.css` (derived from the repo-base `design.md` by the design skill's validator — **never** hand-edited) → `@import "tailwindcss"` → the library's `styles.css` — then `@theme inline {…}` mapping vars to tokens.
-- **Dark mode is the `.dark` class on the root element**, bound as `@custom-variant dark (&:is(.dark *))` in the CSS entry — **never** a `data-theme` attribute. `@nurix/components` compiles `.dark` blocks into its distributed CSS and a consumer cannot re-key them, so an app on the attribute renders half-flipped: its own tokens invert, every library surface stays light. The switcher is three parts — a pre-paint inline script in the HTML shell (a mounted provider runs too late and the page flashes), `color-scheme: light dark`, and the persisted-preference module.
+- **The CSS entry is whatever the manifest names**, not a fixed filename — `globals.css`, `index.css` and `styles.css` are each conventional in different framework guides, so resolve it rather than grep for one. Imports in order: `@import "./fonts.css"` (`@fontsource` registrations) → the project's `design.tokens.css` (derived by the design skill's validator from the `design.md` in the design folder — `packages/common/` at the base of a multi-package workspace, `src/common/` in a single-package repo — **never** hand-edited) → `@import "tailwindcss"` → the library's `styles.css` → the project's `personality.css` (the same validator's `--emit-personality`, compiling the `design.md` traits through `@nurix/components`' own compiler — **never** hand-edited) — then `@theme inline {…}` mapping vars to tokens.
+- **Dark mode is the `.dark` class on the root element**, bound as `@custom-variant dark (&:is(.dark *))` in the CSS entry — **never** a `data-theme` attribute. `@nurix/components` keys its `dark:` variants, its theme toggle, and its toaster on that class and a consumer cannot re-key them, so an app on the attribute renders mixed: its own tokens invert, the library's dark-only chrome stays light. The switcher is three parts — a pre-paint inline script in the HTML shell (a mounted provider runs too late and the page flashes), `color-scheme: light dark`, and the persisted-preference module.
 - Tokens: raw values in `:root:not(.dark)` and `:root.dark` — **both specificity (0,2,0), and that armor is load-bearing.** Tailwind compiles `@theme` into `@layer theme` and any unlayered declaration beats a layered one, so the library's unlayered `:root`/`.dark` defeats an app's `@theme` outright and *ties* a bare `:root`/`.dark`, leaving the winner to import order. Values are then consumed as semantic Tailwind tokens (`bg-card`, `text-foreground`) through an `@theme inline` mapping layer. The library bundles `class-variance-authority`, `clsx`, `tailwind-merge` — don't re-add them.
 - **Never retune a Tailwind scale key `@nurix/components` consumes** — `--text-xs`, `--text-sm`, `--text-base`, `--text-lg`, `--text-xl`, `--text-2xl`. Its components carry raw scale utilities and its stylesheet declares no `font-size`, so those compile against *this app's* `@theme`: redefining `--text-sm` moves every button, menu item and table cell in the library at once, with nothing to report it. Change type by changing ramp tokens.
-- Spacing in 2/4/6/8; `object-cover`; `truncate`; color through tokens — **never** hardcoded hex in components, and **never a literal font size**. The type ramp and the family rules are the design skill's [`references/type-system.md`](../skills/design/references/type-system.md); `text-sm` is a scale step and is fine, `text-[13px]` is a component overruling the system.
+- Spacing in 2/4/6/8; `object-cover`; `clip` / `clip-<n>` / `clip-fade` (the library's — they carry `min-width: 0` and `overflow-wrap: anywhere`; **never** `truncate` / `line-clamp-*`, which leave the flex-child overflow bug open); color through tokens — **never** hardcoded hex in components, and **never a literal font size**. The type ramp and the family rules are the design skill's [`references/type-system.md`](../skills/design/references/type-system.md); `text-sm` is a scale step and is fine, `text-[13px]` is a component overruling the system.
+- **Feel comes from the traits, never from literals on a control or collection surface.** `personality.css` compiles `density` / `pace` / `edge` / `depth` into `--density-*`, `--motion-duration-*`, `--radius-scale`, `--elevation-*`, and every library component reads those. App code stays inside the same reach: scanned surfaces pad and gap through the tokens (`p-(--density-pad-md)`, `gap-(--density-gap-md)`), a `transition-*` utility carries **no** `duration-*` class (the library's default transition duration retimes it from `pace`), a repeated-row container carries `data-mode="inline"`, and app animation reads `var(--motion-duration-base)`. A `p-3`, a `duration-200`, or a `rounded-lg` on such a surface silently opts out of the product's feel.
+- **Every rendered time is `<Timestamp>`** (`@nurix/components/element/timestamp`, `format="auto"`), and a live label ticks through `useNow` (`@nurix/components/lib/time`) — one shared interval, never a `setInterval` per row or a hand-rolled relative formatter.
+- **Status colour is the role.** `success`, `warning`, `info` are declared in `design.md` in both themes; the app's `@theme inline` maps its utilities onto the same roles (`--color-success: var(--success)`), and a status dot is `<Chip prefix="dot" color="var(--tone-success)">` — one hue per meaning on every surface.
+- **`cn()` keeps only one of a type role and a colour merged together** — its tailwind-merge tables class `text-h1` / `text-body` / `text-dense` as colours, so `cn("text-h1", "text-foreground")` and `cn("text-h1 text-foreground")` are both `text-foreground`. Keep a role and a colour in a `className` string that never goes through `cn`, or put the colour on the parent.
 
 ## Component Search Order
 

package/data/harness-index.json

@@ -1,5 +1,5 @@
 {
-    "fingerprint": "7f155d8901ee",
+    "fingerprint": "4dd6abe08c97",
     "harnesses": {
         "code": {
             "plugin": "code",

package/data/harnesses/code/harness.json

@@ -1,7 +1,7 @@
 {
   "harness": "code",
   "name": "code",
-  "version": "3.16.2",
+  "version": "3.16.3",
   "files": [
     ".prettierignore",
     ".prettierrc.json",
@@ -25,5 +25,5 @@
     }
   ],
   "docsRoot": "docs",
-  "digest": "f105e8f211b0"
+  "digest": "7a8f67e4b74f"
 }

package/data/harnesses/code/rules/frontend.md

@@ -17,11 +17,15 @@ Tailwind v4 + shadcn-based UI conventions for **web** apps — styling, the `@nu
 - **`@nurix/components`** is the UI library — import by subpath (`@nurix/components/button`). **Never** `npx shadcn add`, no `components.json` scaffold — consume the prebuilt library (`.tsx`, not `.jsx`). *A recorded deviation from canonical shadcn, where primitives are vendored into `components/ui/` and edited in place: this workspace consumes a published library instead, and vendoring would fork it. Deliberate — the design skill does not "converge" it.*
 - Vite: `@tailwindcss/vite` + `@vitejs/plugin-react-swc`. Pin `react` / `react-dom` / `react/jsx-runtime` / `react/jsx-dev-runtime` to the app's single copy via `resolve.alias` — `@nurix/*` ship nested react, and two copies means two hook dispatchers.
 - Tailwind v4 is CSS-only — no `tailwind.config.js`, no PostCSS.
-- **The CSS entry is whatever the manifest names**, not a fixed filename — `globals.css`, `index.css` and `styles.css` are each conventional in different framework guides, so resolve it rather than grep for one. Imports in order: `@import "./fonts.css"` (`@fontsource` registrations) → the project's `design.tokens.css` (derived from the repo-base `design.md` by the design skill's validator — **never** hand-edited) → `@import "tailwindcss"` → the library's `styles.css` — then `@theme inline {…}` mapping vars to tokens.
-- **Dark mode is the `.dark` class on the root element**, bound as `@custom-variant dark (&:is(.dark *))` in the CSS entry — **never** a `data-theme` attribute. `@nurix/components` compiles `.dark` blocks into its distributed CSS and a consumer cannot re-key them, so an app on the attribute renders half-flipped: its own tokens invert, every library surface stays light. The switcher is three parts — a pre-paint inline script in the HTML shell (a mounted provider runs too late and the page flashes), `color-scheme: light dark`, and the persisted-preference module.
+- **The CSS entry is whatever the manifest names**, not a fixed filename — `globals.css`, `index.css` and `styles.css` are each conventional in different framework guides, so resolve it rather than grep for one. Imports in order: `@import "./fonts.css"` (`@fontsource` registrations) → the project's `design.tokens.css` (derived by the design skill's validator from the `design.md` in the design folder — `packages/common/` at the base of a multi-package workspace, `src/common/` in a single-package repo — **never** hand-edited) → `@import "tailwindcss"` → the library's `styles.css` → the project's `personality.css` (the same validator's `--emit-personality`, compiling the `design.md` traits through `@nurix/components`' own compiler — **never** hand-edited) — then `@theme inline {…}` mapping vars to tokens.
+- **Dark mode is the `.dark` class on the root element**, bound as `@custom-variant dark (&:is(.dark *))` in the CSS entry — **never** a `data-theme` attribute. `@nurix/components` keys its `dark:` variants, its theme toggle, and its toaster on that class and a consumer cannot re-key them, so an app on the attribute renders mixed: its own tokens invert, the library's dark-only chrome stays light. The switcher is three parts — a pre-paint inline script in the HTML shell (a mounted provider runs too late and the page flashes), `color-scheme: light dark`, and the persisted-preference module.
 - Tokens: raw values in `:root:not(.dark)` and `:root.dark` — **both specificity (0,2,0), and that armor is load-bearing.** Tailwind compiles `@theme` into `@layer theme` and any unlayered declaration beats a layered one, so the library's unlayered `:root`/`.dark` defeats an app's `@theme` outright and *ties* a bare `:root`/`.dark`, leaving the winner to import order. Values are then consumed as semantic Tailwind tokens (`bg-card`, `text-foreground`) through an `@theme inline` mapping layer. The library bundles `class-variance-authority`, `clsx`, `tailwind-merge` — don't re-add them.
 - **Never retune a Tailwind scale key `@nurix/components` consumes** — `--text-xs`, `--text-sm`, `--text-base`, `--text-lg`, `--text-xl`, `--text-2xl`. Its components carry raw scale utilities and its stylesheet declares no `font-size`, so those compile against *this app's* `@theme`: redefining `--text-sm` moves every button, menu item and table cell in the library at once, with nothing to report it. Change type by changing ramp tokens.
-- Spacing in 2/4/6/8; `object-cover`; `truncate`; color through tokens — **never** hardcoded hex in components, and **never a literal font size**. The type ramp and the family rules are the design skill's [`references/type-system.md`](../skills/design/references/type-system.md); `text-sm` is a scale step and is fine, `text-[13px]` is a component overruling the system.
+- Spacing in 2/4/6/8; `object-cover`; `clip` / `clip-<n>` / `clip-fade` (the library's — they carry `min-width: 0` and `overflow-wrap: anywhere`; **never** `truncate` / `line-clamp-*`, which leave the flex-child overflow bug open); color through tokens — **never** hardcoded hex in components, and **never a literal font size**. The type ramp and the family rules are the design skill's [`references/type-system.md`](../skills/design/references/type-system.md); `text-sm` is a scale step and is fine, `text-[13px]` is a component overruling the system.
+- **Feel comes from the traits, never from literals on a control or collection surface.** `personality.css` compiles `density` / `pace` / `edge` / `depth` into `--density-*`, `--motion-duration-*`, `--radius-scale`, `--elevation-*`, and every library component reads those. App code stays inside the same reach: scanned surfaces pad and gap through the tokens (`p-(--density-pad-md)`, `gap-(--density-gap-md)`), a `transition-*` utility carries **no** `duration-*` class (the library's default transition duration retimes it from `pace`), a repeated-row container carries `data-mode="inline"`, and app animation reads `var(--motion-duration-base)`. A `p-3`, a `duration-200`, or a `rounded-lg` on such a surface silently opts out of the product's feel.
+- **Every rendered time is `<Timestamp>`** (`@nurix/components/element/timestamp`, `format="auto"`), and a live label ticks through `useNow` (`@nurix/components/lib/time`) — one shared interval, never a `setInterval` per row or a hand-rolled relative formatter.
+- **Status colour is the role.** `success`, `warning`, `info` are declared in `design.md` in both themes; the app's `@theme inline` maps its utilities onto the same roles (`--color-success: var(--success)`), and a status dot is `<Chip prefix="dot" color="var(--tone-success)">` — one hue per meaning on every surface.
+- **`cn()` keeps only one of a type role and a colour merged together** — its tailwind-merge tables class `text-h1` / `text-body` / `text-dense` as colours, so `cn("text-h1", "text-foreground")` and `cn("text-h1 text-foreground")` are both `text-foreground`. Keep a role and a colour in a `className` string that never goes through `cn`, or put the colour on the parent.
 
 ## Component Search Order
 

package/data/harnesses/code/skills/design/SKILL.md

@@ -57,7 +57,7 @@ The component dictionary spans **two provenances**: the internal `@nurix/compone
 
 The project repo keeps exactly what a build needs offline and reproducibly — all editable by anyone, no jails; the canonical memory is the workspace's preference rows on the server:
 
-- **`design.md`** (repo base) — the working copy of the workspace's look: the resolved fork of the chosen package with provenance line, brief bindings, the primitives switch, and every recorded deviation with its one-line reason. The token artifact (`design.tokens.css` beside it) is derived from it, never hand-edited. After any local edit that survives the ship gate, push the new text via `record`; at session start compare the repo copy against `get_preferences` — on mismatch, tell the user which is newer and ask; never silently overwrite either.
+- **`design.md`** (in the design folder — `packages/common/` at the base of a multi-package workspace, `src/common/` in a single-package repo) — the working copy of the workspace's look: the resolved fork of the chosen package with provenance line, brief bindings, the primitives switch, and every recorded deviation with its one-line reason. The artifacts beside it (`design.tokens.css`, and `personality.css` under `nurix`) are derived from it, never hand-edited. **Locate it mechanically, never by search:** `node scripts/validate-design-md.mjs --project .` resolves the one path from the repo's shape and fails closed on a copy anywhere else, naming where it belongs; a repo where it resolves to nothing has no fork yet, and first intake writes it at that path. After any local edit that survives the ship gate, push the new text via `record`; at session start compare the repo copy against `get_preferences` — on mismatch, tell the user which is newer and ask; never silently overwrite either.
 - **`product.md`** — users and jobs, roles, action frequency, risk, accessibility commitments, brand anti-references. Package choice, UX decisions, motion intensity, and demo data all cite it.
 - **The `workspaceId`** — one committed line (or ambient Apollo context); what binds the repo to its workspace's memory.
 
@@ -89,7 +89,7 @@ What enters context, when. Nothing loads whole except where this table says so.
 
 Two scripts at `scripts/` — ESM, Node ≥ 22, zero dependencies. You drive them; nothing hooks them.
 
-- `validate-design-md.mjs <file|folder> [--mode admission|build|ship] [--json] [--emit]` — the entire mechanical apparatus of the design.md system: schema, coverage, contrast, index integrity fail closed; taste smells warn. `--emit` compiles the token artifact; `--mode ship` runs the drift check. Runs at build on the project's fork before token compilation and at the ship gate.
+- `validate-design-md.mjs (<file|folder> | --project [dir]) [--mode admission|build|ship] [--json] [--emit] [--emit-personality] [--write] [--lib <folder>]` — the entire mechanical apparatus of the design.md system: schema, coverage, contrast, index integrity fail closed; taste smells warn. `--project .` resolves the project's fork from the repo shape; `--emit --write` compiles the token artifact beside it and `--emit-personality --write` the personality artifact; `--mode ship` runs both drift checks. Runs at build on the project's fork before token compilation and at the ship gate.
 - `select-chart.mjs <signature.json>` — the chart-selection engine: you author the data signature (the judgment half); it computes elimination, scoring, ranking, and refusal (the mechanical half) over the census that ships beside it — engine and census are one designed artifact. One graph question per call; disagreement with its answer is recorded, never silent.
 
 ## What this skill never does

package/data/harnesses/code/skills/design/references/compose.md

@@ -21,3 +21,21 @@ Recipes are starting points, not jails: restyle or extend them in place when the
 - **No ownership jails.** Any file may be edited at any time, including generated ones and library compositions.
 - **No paper-trail bureaucracy.** Decision-log lines only, through `record`; attention goes to pixels.
 - **A finishing pass with authority over everything is part of this step** — walk the whole canvas once at the end: rhythm, alignment, density, identity-consistency across surfaces, the one-accent discipline.
+
+## Library reach — under `primitives: nurix`
+
+The library carries behavior stock shadcn does not, and each item below is reachable only when the composition routes to it; a hand-rolled equivalent is a defect, not a style choice.
+
+- **Density is the trait.** Control height and padding come from `personality.density` through `--density-control-*`; container padding and gaps on scanned surfaces (cards in a grid, list rows, panel bodies) read `--density-pad-xs|md|lg` and `--density-gap-md` — `p-(--density-pad-md)`, `gap-(--density-gap-md)` — so one trait re-spaces the product. A `p-3` on a data surface is the per-surface mood foundations forbid; structural spacing (a divider, an icon's optical nudge) stays literal.
+- **Motion rides the seam.** A `transition-*` utility with no `duration-*` class inherits `--motion-duration-fast`, which `pace`, the reduced-motion block, and the inline clamp all reach; a `duration-200` opts that element out of all three. App-owned animation reads `var(--motion-duration-base)` and `var(--motion-ease-standard)`, never a literal; the library's `effect/*` primitives already read them, so an identity moment composes from those before a bespoke variant.
+- **Collections are inline.** Any container of repeated rows the operator scans — a table body, a list, a feed, a board column — carries `data-mode="inline"`: every DOM-descendant transition collapses to instant (portaled tooltips escape) while loaders keep breathing on the ambient duration. Only `<Cell mode="inline">` stamps it, on the cell alone; `block/table` and `block/list` stamp nothing on their containers, so the app stamps it on the collection — including ones built on those blocks.
+- **Every time on screen is `<Timestamp>`** (`element/timestamp`): `format="auto"` reads relative inside `thresholdMs` and absolute beyond it, the full absolute stamp sits on the native `title` by default, `live` ticks on one shared interval. A custom live label subscribes through `useNow` (`lib/time`) — one ticker per interval, never a timer per row.
+- **Typing is not saving.** Input (commits on blur), Textarea (blur, Cmd/Ctrl+Enter), NumberInput (blur, Enter, the steppers), Slider (release), Combobox (close), `DatePicker` and `DatePicker.Range` (the pick) carry `onChange` for the draft and `onSave` for the commit; `InlineEdit` carries `onSave` alone. Mutations wire to `onSave`; `onChange` never reaches the server. A form with a Save button is the one exception — a transaction the button commits whole.
+- **Remote and long option lists are the Combobox's** (`compound/combobox`): `onSearch` returns a page for a query (debounced by `debounceMs`), `onLoadMore` appends the next page, `maxSelections` caps a multi-select. A fetch-in-effect feeding a filtered `<Select>` is the pattern this replaces.
+- **Time-range filters are `DatePicker.Range` with `presets`** (`{ label, from, to }`; its preset column shows by default, `DatePicker`'s needs `showPresets`), `weekStartsOn` from the locale decision, `fromYear`/`toYear` where the domain bounds them; a single date in a table cell is `DatePicker` with `inline` and `compact`. A bespoke window picker is a defect.
+- **Uploads reject before they upload.** `FileUpload` (`compound/file-picker`) takes `accept`, `maxSize`, `maxFiles`, and `onFileValidate` (return the rejection message, or nothing to accept); a rejected file never enters the list and `onFileReject(file, message)` receives it. The dropzone only flashes an invalid border — the composition surfaces the message (a field error or a toast).
+- **Shell affordances come from `block/shell-affordances`**: `Freshness` for "as of" (`staleAfterMs`, `onRefresh`), `GateAffordance` for an action a gate blocks, `SystemBanner` for a system-wide notice. A bespoke freshness pill or banner is a defect.
+- **Status colour is the role.** The package's `success` / `warning` / `info` reach the library as `--tone-success|warning|info` (library fallbacks when undeclared): a status dot is `<Chip prefix="dot" color="var(--tone-success)">`, never a raw hue, and app utilities map onto the same roles (`--color-success: var(--success)` in the app's `@theme inline`), so a chart legend and a chip dot never disagree.
+- **Targets under 24px grow through `hit-area-*`** (`hit-area-2` adds 0.5rem of pointer box on every side; `hit-area-x-*` / `-y-*` / `-t-*` / `-b-*` / `-l-*` / `-r-*` where a neighbour would overlap) — the pointer box grows, the paint box does not. `hit-area-debug` shows the box while composing.
+- **Clipping is `clip`.** `clip` for one line, `clip-<n>` for n lines, `clip-fade` where prose is expected to overflow — each carries `min-width: 0` and `overflow-wrap: anywhere`, which Tailwind's `truncate` and `line-clamp-*` lack (the flex-child overflow bug those leave open).
+- **Type roles are utilities** — `text-display`, `text-title`, `text-h1`, `text-body`, `text-dense`, `text-meta`, … from the library's `@theme` — and `cn()` (tailwind-merge tables) classifies `text-<role>` as a colour: a role and a colour passed through `cn`, together or apart, keep only the later one. Keep both in a `className` string that never goes through `cn`, or put the colour on the parent.

package/data/harnesses/code/skills/design/references/emission.md

@@ -1,21 +1,47 @@
-# Package emission — design.md → token artifact
+# Package emission — design.md → the token artifacts
 
-One source, one derivation: the project's `design.md` is canonical; the token artifact is compiled from it and **never hand-edited**. Emit with `node scripts/validate-design-md.mjs <project design.md> --emit > design.tokens.css` (the artifact lives beside `design.md` at the repo base; the app's global stylesheet imports it). Re-emit on every design.md change; the ship gate's drift check byte-compares a fresh emission against the committed artifact.
+One source, two derivations: the project's `design.md` is canonical; the artifacts are compiled from it and **never hand-edited**. Both live beside `design.md` in the design folder — `packages/common/` at the base of a multi-package workspace, `src/common/` in a single-package repo, the path `--project .` resolves and `--write` emits into — and the app's global stylesheet imports both. Re-emit on every design.md change; the ship gate's drift checks byte-compare a fresh emission against each committed artifact.
+
+| Artifact | Emit with | Carries | Compiled by |
+| --- | --- | --- | --- |
+| `design.tokens.css` | `node scripts/validate-design-md.mjs --project . --emit --write` | the color roles in both themes, the type ramp, elevation, the motion base, layout | the validator |
+| `personality.css` — `primitives: nurix` only | `node scripts/validate-design-md.mjs --project . --emit-personality --write` | the six traits compiled into the token families every `@nurix/components` component reads: `--density-*`, `--motion-duration-*`, `--radius-scale`, `--elevation-*`, `--texture-*`, `--accent`/`--ring` | `compileToCss` from `@nurix/components/lib/personality`, reached through the validator from the project's own install |
 
 ## Coverage
 
-The artifact is complete by construction — the validator fails the design.md before emission otherwise: every one of the 36 color roles in **both** themes, the full type ramp, the elevation system, the motion base, layout dimensions. Composition consumes tokens and never invents values; switching packages re-skins the whole app.
+`design.tokens.css` is complete by construction — the validator fails the design.md before emission otherwise: every one of the 36 color roles in **both** themes, the full type ramp, the elevation system, the motion base, layout dimensions. Composition consumes tokens and never invents values; switching packages re-skins the whole app.
+
+## The personality block
+
+`@nurix/components` derives feel — control geometry, spacing, timing, radius, depth, grain, accent — from six traits and reads nothing else for it: a component's transition is `var(--motion-duration-base)`, a control's height is `var(--density-control-height)`. The design.md states the traits once, in its design-values block, and the library derives every value:
+
+```yaml
+personality:
+  density: compact      # compact | regular | airy — control height and padding, container padding, gaps
+  pace: 0.3             # 0 still · 0.5 the library's neutral timing · 1 lively
+  edge: sharp           # sharp | regular | soft — the radius scale
+  depth: flat           # flat | layered | elevated — the elevation ladder
+  texture: clean        # clean | grainy — grain opacity on effect surfaces
+  tone: neutral         # neutral | expressive — whether the accent re-anchors on the primary
+```
+
+- **§4–§7 are read into the traits, never into pixels.** A §6 of "flat, hairline-separated" is `depth: flat`; a §7 of "utilitarian, nothing animates twice a day" is `pace` at 0.2–0.35; an operator §4 is `density: compact`. Declare only what differs from neutral (regular · 0.5 · regular · layered · grainy · neutral). An absent block ships the library's defaults and the validator warns (`dmw-05`) — a project that never declared its feel is how these families go unused.
+- **`motion.duration` and `motion.easing` are the app's own vocabulary** (`--duration-panel`, `--ease-standard`, read by app-owned animation); the library's components never read them. `pace` is what retimes the library — and, through the library's default transition duration, every plain Tailwind `transition-*` utility in the app. State both from the same §7 reading.
+- **The block is closed-vocabulary and fails closed** (`dmv-12`): an unknown trait, an out-of-range pace, or a block under `primitives: native` (nothing there reads it) fails validation.
+- **The compiler is the project's own install.** `--emit-personality` resolves `@nurix/components` by walking up from the design.md, then one and two levels into the workspace (`packages/<app>`), because a pnpm root hoists nothing. Several installed versions is an ambiguity the app package resolves: `--project . --emit-personality --write --lib packages/<app>`. The artifact's header names the library version that compiled it, so a library upgrade re-emits by drift, never by hand.
+- **The artifact is committed, never injected.** `personality.css` is the product's artifact — inspectable, diffable, drift-checked at the ship gate — imported after the library's `styles.css` so its `:root` wins on order. `<PersonalityStyle>` from the same subpath serves a runtime switch (a density toggle, a preview) and never replaces the artifact.
 
 ## Emission constraints
 
 Each prevents a known silent-failure class:
 
-- **Specificity armor.** Theme blocks are `:root, :root[data-theme="light"]` and `:root[data-theme="dark"]` — both specificity (0,2,0) — so a component library's later bare `:root` block cannot silently defeat a theme.
-- **Font binding by derivation.** Font stacks bind to installed packages under **registered family names** (`"Inter Variable"`, not `"Inter"`), each with its declared fallback stack — otherwise the flagship font silently never renders. Install the font packages the design.md declares (e.g. Fontsource) and verify the name matches what the package registers.
-- **Every authored token group reaches a named consumer.** An authored ramp with no emitter vanishes without a trace — wire each group (colors → theme classes/utilities, ramp → text styles, elevation → radius/shadow utilities, motion → duration/easing vars) and let the ship gate's reach check prove it.
+- **Specificity armor.** Theme blocks are `:root:not(.dark)` and `:root.dark` — both specificity (0,2,0) — keyed on the `.dark` class the library compiles into its own stylesheet. A `data-theme` attribute keys none of the library's `dark:` variants, its theme toggle, or its toaster: an app on the attribute inverts its tokens and renders mixed library chrome.
+- **The tone trio.** `success`, `warning`, and `info` reach the library as `--tone-success|warning|info` — what a status dot (`<Chip prefix="dot" color="var(--tone-success)">`) and the copy button's check read, falling back to the library's own hue when a role is absent. Declare all three, in both themes — a missing `info` (`dmw-06`) puts the library's blue beside the package's green and amber.
+- **Font binding by derivation.** Font stacks bind to installed packages under **registered family names** (`"Inter Variable"`, not `"Inter"`), each with its declared fallback stack — otherwise the flagship font silently never renders. Install the font packages the design.md declares (e.g. Fontsource) and verify the name matches what the package registers. The library's `font-sans` / `font-mono` / `font-display` utilities compile to `inherit` on purpose (a ramp, never a face): the app declares its own theme keys in a plain `@theme` pointing at the emitted slots — `--font-body: var(--font-sans)`, `--font-heading: var(--font-display)`, `--font-code: var(--font-mono)` — and sets the ambient face on `body` in `@layer base`.
+- **Every authored token group reaches a named consumer.** An authored ramp with no emitter vanishes without a trace — wire each group (colors → theme classes/utilities, ramp → text styles, elevation → radius/shadow utilities, motion → duration/easing vars) and let the ship gate's reach check prove it. The personality families reach the library by construction; the app's `--duration-*` / `--ease-*` reach app-owned animation code, or they are unused.
 - **Compile the emitted CSS once per change** — a stray utility string inside a CSS comment can defeat a fully green byte-level check.
-- **One linear precedence, later wins:** package defaults → brief bindings → recorded deviations. Values resolve at emission; the runtime cascade carries only contexts (theme, density).
+- **One linear precedence, later wins:** package defaults → brief bindings → recorded deviations. Values resolve at emission; the runtime cascade carries only contexts (theme, density, `data-mode="inline"`).
 
 ## Stack neutrality
 
-The artifact is plain CSS custom properties — every stack consumes it. Under `primitives: nurix`, Tailwind maps the properties through the theme config; under `native`, the incumbent styling layer reads the same variables. No emission step is React-specific.
+`design.tokens.css` is plain CSS custom properties — every stack consumes it. Under `primitives: nurix`, Tailwind maps the properties through the theme config; under `native`, the incumbent styling layer reads the same variables. No emission step is React-specific. `personality.css` is the one stack-bound artifact: compiled by and for `@nurix/components`, it does not exist under `native`.

package/data/harnesses/code/skills/design/references/existing-apps.md

@@ -4,7 +4,7 @@ The same machinery runs on existing UIs, under a preservation contract.
 
 ## Judge — a user-invoked service
 
-A critique of an existing UI against the brief, the project's `design.md`, the archetype checklists, and the workspace's taste profile (`get_preferences`), producing a **severity-ranked (never scored) report**. Judge is a service the user asks for — never a self-check the skill runs on its own output. Read the actual rendered state (screenshots the user provides, or captures the user asks for); refuse to critique from source alone when the ask is "does it look right", and never imagine what unrendered code looks like. Each finding: severity, the on-screen element, what's wrong, the exact fix.
+A critique of an existing UI against the brief, the project's `design.md` (the path `--project .` resolves), the archetype checklists, and the workspace's taste profile (`get_preferences`), producing a **severity-ranked (never scored) report**. Judge is a service the user asks for — never a self-check the skill runs on its own output. Read the actual rendered state (screenshots the user provides, or captures the user asks for); refuse to critique from source alone when the ask is "does it look right", and never imagine what unrendered code looks like. Each finding: severity, the on-screen element, what's wrong, the exact fix.
 
 ## Improve — judge + the fix pass
 
@@ -21,7 +21,7 @@ Improve runs then proceed through the standard steps as scoped: intake (against
 A supported entry path, under **attestation and provenance**:
 
 - Record what the source is and whose it is: own product / public reference / third party.
-- Extract **structure and system, never pixels or assets**: roles, ramps, spacing, elevation, motion posture — into a `tier: project` design.md in the package schema, validator-checked.
+- Extract **structure and system, never pixels or assets**: roles, ramps, spacing, elevation, motion posture — into a `tier: project` design.md in the package schema at the path `--project .` resolves, validator-checked.
 - Write a provenance block into the extracted file (`source-package: extracted@<date>` plus the attestation lines).
 - Record what **is**, never what should be — extraction is documentation, not improvement; the improve pass comes after, separately, if asked.
 - Admission of an extracted package into the shared roster later requires the provenance check to pass; third-party extractions stay project-local.

package/data/harnesses/code/skills/design/references/foundations.md

@@ -22,11 +22,11 @@ No database — three constraints, values yours: **categorical** series need dis
 
 ## Number, date, unit formatting
 
-Tabular figures in tables and KPIs; thousands separators; unit or currency attached to the number; consistent decimals per column; large values truncate meaningfully (`1.2M`, never `1,200,000` in a tile); timestamps show relative when recent and absolute on hover; timezones explicit anywhere ambiguity costs money.
+Tabular figures in tables and KPIs; thousands separators; unit or currency attached to the number; consistent decimals per column; large values truncate meaningfully (`1.2M`, never `1,200,000` in a tile); timestamps show relative when recent and absolute on hover (under `nurix`, that is `<Timestamp format="auto">`, never a hand-rolled formatter); timezones explicit anywhere ambiguity costs money.
 
 ## Spacing & density
 
-The 2/4/6/8 scale, period. Operator surfaces default **compact** (data rows 32–36px) with a comfortable mode only when `product.md` says reading, not scanning. Density is a per-project decision made once, not a per-surface mood.
+The 2/4/6/8 scale, period. Density is a per-project decision made once, not a per-surface mood — recorded as the `density` trait: **compact** for operator surfaces that scan (controls and data rows land at 32px), `regular` or `airy` only when `product.md` says reading. Under `nurix` the trait reaches controls and collection surfaces through the library's `--density-*` tokens, never through per-surface `p-*` literals.
 
 ## Radius & stroke
 
@@ -34,7 +34,7 @@ Radius is identity — sharp (0–2px), soft (4–6px), or round (10px+) — cho
 
 ## Loading, skeleton, progress
 
-Skeletons for layout-known loads, spinners only for unknowable ones, optimistic updates for high-frequency mutations with undo. Skeletons mirror the real layout's bones (no generic gray blocks). Nothing pulses faster than 1.2s.
+Skeletons for layout-known loads, spinners only for unknowable ones, optimistic updates for high-frequency mutations with undo. Skeletons mirror the real layout's bones (no generic gray blocks). Nothing pulses faster than 1.2s; under `nurix` a status pulse is `<Chip prefix="dot" pulse>`, never `animate-pulse` (a hardcoded keyframe neither `pace` nor the inline clamp can reach), and loaders keep breathing inside inline collections by design.
 
 ## Empty states
 

package/data/harnesses/code/skills/design/references/intake.md

@@ -2,17 +2,17 @@
 
 Read the brief and choose from the menus: one identity package (the design.md system), any axis overrides the brief demands, layout blueprints per surface, and the product domain for content. Every choice is one recorded line.
 
-**Returning workspace first.** If the repo carries a `workspaceId` (or the Apollo context supplies one), open with `get_preferences`: the workspace's `design.md`, `taste.md`, and `product.md` rows are the session's context — then run the drift check (compare the repo's `design.md` against the server row; on mismatch, tell the user which is newer and ask). A workspace with a recorded identity re-enters the steps with that identity already chosen; the rules below are for first intake.
+**Returning workspace first.** If the repo carries a `workspaceId` (or the Apollo context supplies one), open with `get_preferences`: the workspace's `design.md`, `taste.md`, and `product.md` rows are the session's context — then run the drift check (compare the repo's fork — `node scripts/validate-design-md.mjs --project .` resolves its one path from the repo shape and fails closed on a copy anywhere else — against the server row; on mismatch, tell the user which is newer and ask). A workspace with a recorded identity re-enters the steps with that identity already chosen; the rules below are for first intake.
 
 ## Rules
 
 - **The brief's own words outrank any database default.** "Beautiful" means the ceiling, not the safe row.
 - **Adjectives become referents.** When the brief speaks in adjectives ("premium", "editorial"), name the 2–3 real products the brief is pointing at and pick the package whose recorded identity sits in that class — unnamed ambition becomes beige.
 - **Search is a retrieval aid, never a router.** `search_catalog` (family `design_md`) with the brief's segment/keyword resemblance; shortlist 2–3 results by their head metadata (feel, reads-as, keywords), then choose reading the brief. After the choice, `get_entry` **once**: the chosen package's full design.md enters context and **stays in view through step 4**; unchosen candidates are never fetched.
-- **The escape hatch fires mechanically.** No catalog hit, plus a recorded one-line reason why the closest package fails → author a one-off project design.md in the package schema, `tier: project` — the validator is the schema authority and checks it like any library entry. This path is expected to be common; flag the file as a curation candidate for the roster.
+- **The escape hatch fires mechanically.** No catalog hit, plus a recorded one-line reason why the closest package fails → author a one-off project design.md in the package schema, `tier: project`, at the path `--project .` resolves — the validator is the schema authority and checks it like any library entry. This path is expected to be common; flag the file as a curation candidate for the roster.
 - **Record the identity.** First intake ends with `record`: the identity choice as a decision line, and the resolved fork pushed as the workspace's `design.md` preference row. The `workspaceId` is committed to the repo if it is not ambient. Design taste is workspace-level — an app never gets its own.
 - **Axis overrides fetch or read the single named entry** — color/font/gradient/chart-style overrides `get_entry` their dictionary entry; elevation/motion/iconography overrides read the named local entry under `data/`.
-- **Set the primitives switch** — write one `primitives: nurix | native` line into the project's `design.md`. Default by the probe: the project resolves `@nurix/components` (check package.json / lockfile / node_modules) → `nurix`; otherwise — existing apps, foreign stacks, no library access — → `native`. Set once here; nothing downstream re-asks. Also write `source-package: <slug>` (or `authored` for escape-hatch one-offs).
+- **Set the primitives switch** — write one `primitives: nurix | native` line into the project's `design.md` (the path `--project .` resolves; first intake creates the file there). Default by the probe: the project resolves `@nurix/components` (check package.json / lockfile / node_modules) → `nurix`; otherwise — existing apps, foreign stacks, no library access — → `native`. Set once here; nothing downstream re-asks. Also write `source-package: <slug>` (or `authored` for escape-hatch one-offs).
 - **Write or update `product.md`**: users and their jobs, roles/permissions, action frequency, risk level, accessibility commitments, brand anti-references. Package choice, UX decisions, motion intensity, and demo data all cite it. Push it as a preference row too — Studio shows it.
 - **The taste profile biases every choice** — `get_preferences` returns the workspace's `taste.md` (per-dimension feel/avoid lines); user reactions to shipped output update it via `record`. No profile yet = no bias, never a block.
 - **Stated-choice awareness:** if prior package picks are visible in the workspace, name them and say in one line why this pick repeats or differs — awareness, never forced rotation.
@@ -29,12 +29,13 @@ Step 1 ends with a preview block:
 - domain corpus
 - surface map with archetypes
 - planned deviations
+- the personality traits (under `nurix`): the six-trait reading of §4–§7 — density, pace, edge, depth, texture, tone — naming only what differs from neutral, written into the design-values block so the library compiles it
 
 When a user is present, pause here **once** for confirm-or-redirect — a wrong pick costs one message now instead of a full build. Autonomous runs proceed. Either way the block goes to workspace memory — `record` it as decision lines heading this run's choices, with the app as context.
 
 ## Outputs
 
-- `design.md` (project fork: chosen package + switch line + provenance + brief bindings; deviations accrue as they are recorded) — pushed as the workspace preference row
+- `design.md` in the design folder (`packages/common/` at the base of a multi-package workspace, `src/common/` in a single-package repo) — the project fork: chosen package + switch line + provenance + brief bindings; deviations accrue as they are recorded — pushed as the workspace preference row
 - `product.md` written/updated and pushed
 - the identity pin and the preview block recorded
 - the chosen package's full design.md held in context

package/data/harnesses/code/skills/design/references/ship-gate.md

@@ -4,25 +4,31 @@ The project ships with its project-local artifacts — `design.md` (the resolved
 
 ## Tier 1 — fails closed
 
-Every check a binary predicate. Run the validator (`node scripts/validate-design-md.mjs <project design.md> --mode ship`) plus the build itself; all of these must hold:
+Every check a binary predicate. Run the validator (`node scripts/validate-design-md.mjs --project . --mode ship`) plus the build itself; all of these must hold:
 
 - **No placeholder text or scaffold stubs** anywhere (lorem, TODO, "Coming soon", empty `href="#"` walls).
 - **Data plausibility** against the corpus's declared invariants: aggregates reconcile with their visible rows; legal ranges hold; no degenerate repetition in visible rows (surname clusters, identical amounts).
 - **Accessibility floor, mechanical**: contrast computed on the emitted token pairs in *both* themes; focus visible on every interactive element; `prefers-reduced-motion` respected.
 - **Every declared surface reachable** — each surface in the structure doc has a live route/nav path.
-- **`design.md` present at the repo base** and the token artifact recompiles from it to a byte-match (the validator's drift check).
+- **The project fork resolves** — `--project .` finds `design.md` at `packages/common/` in a multi-package workspace or `src/common/` in a single-package repo, and a copy anywhere else fails the resolution — and the token artifact recompiles from it to a byte-match (the validator's drift check).
 - **The pipe checks**:
   - the token artifact carries 100% coverage and components consume tokens — no raw color/size literals in component code;
   - fonts bound to installed packages under registered family names (a family that never resolves is a fail);
   - every authored token group reaches a named consumer — an emitted ramp nobody consumes is a fail;
   - the emitted CSS actually compiles;
   - charts and status surfaces consume the package's tokens (a dark dashboard with hardcoded light charts fails here).
+- **The library reach checks** (`primitives: nurix`):
+  - `personality.css` recompiles from the design.md's personality block to a byte-match (the validator's `dmv-12`); a design.md with no block fails nothing, and its `dmw-05` warn appears in the ship report;
+  - no `data-theme` selector or attribute in app CSS or HTML — the theme is the `.dark` class;
+  - no `duration-<n>` utility, no `transition-all`, and no literal `ms` inside a transition or animation declaration in app code — the seam carries timing;
+  - no `<time` element outside `<Timestamp>`; no `truncate` or `line-clamp-` utility (the `clip` family replaces them);
+  - every interactive element under 24px in either rendered dimension carries a `hit-area` utility.
 
 A Tier-1 failure blocks the ship; fix and re-run. Binary phrasing is the contract — anything that would need "use sparingly" grading does not belong in this tier.
 
 ## Tier 2 — flags, never gates
 
-Sweep `data/tells.csv` (the operator tell list), at this step only, plus the motion tells (`transition: all`; `ease-in` on an entrance; animation attached to a keyboard-triggered action). Flags cannot fail the build and trigger no in-run judging: each is **fixed or dismissed with one recorded line** through `record`, and every flag appears in the ship report for the human's eyes — numbers point eyes; they do not replace them. The validator may run this sweep warn-only after compose-step edits; nothing new ever fails the build mid-composition.
+Sweep `data/tells.csv` (the operator tell list), at this step only, plus the motion tells (`transition: all`; `ease-in` on an entrance; animation attached to a keyboard-triggered action). Under `nurix`, the reach tells join them: a `p-*` / `gap-*` literal on a collection container; a relative-time formatter in app code; a `fetch` inside an effect feeding a `<Select>`; a repeated-row container without `data-mode="inline"`; a `success` / `warning` / `info` hue declared anywhere but `design.md`. Flags cannot fail the build and trigger no in-run judging: each is **fixed or dismissed with one recorded line** through `record`, and every flag appears in the ship report for the human's eyes — numbers point eyes; they do not replace them. The validator may run this sweep warn-only after compose-step edits; nothing new ever fails the build mid-composition.
 
 ## The ship report
 

package/data/harnesses/code/skills/design/scripts/validate-design-md.mjs

@@ -6,19 +6,37 @@
 // block) and its own oklch → sRGB → WCAG-contrast math. FAIL closes; WARN never does.
 //
 // CLI:
-//   node validate-design-md.mjs <file|folder> [--mode admission|build|ship] [--json] [--emit]
+//   node validate-design-md.mjs (<file|folder> | --project [dir]) [--mode admission|build|ship] [--json]
+//                               [--emit] [--emit-personality] [--write] [--lib <folder>]
 //
 //   <file>     validate one design.md.
+//   --project [dir]
+//              validate the project's own fork, located by the repo's shape and never by search: a
+//              multi-package workspace (pnpm-workspace.yaml, or package.json `workspaces`) keeps it at
+//              packages/common/design.md, a single-package repo at src/common/design.md. dir defaults
+//              to the cwd. Fails closed when the file is absent, naming the expected path and any copy
+//              found at the other conventional spot or at the repo base.
+//   --write    with --emit / --emit-personality: write the artifact beside the design.md
+//              (design.tokens.css / personality.css) instead of printing it.
 //   <folder>   validate every .md in the folder tree (skipping SCHEMA.md) plus index.csv integrity (dmv-07)
 //              and the tree-wide naming scan (dmv-09).
 //   --mode     admission and build run the same check set; ship additionally runs dmv-11 (drift:
-//              re-emit and byte-compare against a design.tokens.css sitting beside the input file).
+//              re-emit and byte-compare against a design.tokens.css sitting beside the input file) and
+//              dmv-12's drift half (the same for personality.css when a personality block is declared).
 //              Default: build.
 //   --json     machine report to stdout: {file, fails:[{id,detail}], warns:[{id,detail}]}
 //              (an array of those objects in folder mode; folder-level checks attach to the folder path).
 //   --emit     compile the token artifact from the design-values block to stdout (byte-stable across
 //              runs; redirect to design.tokens.css). Requires a single file; validation runs first and
 //              any FAIL suppresses the artifact (report goes to stderr). Warns go to stderr.
+//   --emit-personality
+//              compile the personality artifact to stdout (redirect to personality.css): the design.md's
+//              `personality:` traits handed to @nurix/components' own compiler (`compileToCss` from
+//              `@nurix/components/lib/personality`, primitives: nurix only). Same gating as --emit.
+//   --lib <folder>
+//              where @nurix/components is installed, when the resolver cannot tell: it walks up from the
+//              design.md, then one and two levels into the workspace (packages/<app>); a pnpm root hoists
+//              nothing, and several installed versions is an ambiguity only the app package resolves.
 //
 // Exit codes: 0 pass (warns allowed), 1 any FAIL.
 //
@@ -27,7 +45,8 @@
 //           schema: design-md/v2; required keys per tier; id matches filename.
 //   dmv-02  the 12 numbered sections present, in order, non-empty; one trailing `yaml design-values` block.
 //   dmv-03  the design-values block parses as YAML.
-//   dmv-04  coverage: all 36 color roles × both themes (values parseable); type ramp steps
+//   dmv-04  coverage: all 36 color roles × both themes (values parseable), plus the optional `info` role
+//           declared in both themes or neither; type ramp steps
 //           display/h1/h2/body/small/caption/data each with size+line+weight+family; register-scope;
 //           elevation (radius, hairline, shadow, dark-ladder); motion (duration, easing, entrance-never,
 //           identity-moments); iconography (set, stroke, grid); charts (categorical, sequential,
@@ -42,6 +61,15 @@
 //   dmv-10  (tier: project only) primitives present, exactly nurix|native; source-package present.
 //   dmv-11  (--mode ship) drift: the token artifact recompiled from the design.md byte-matches the
 //           design.tokens.css beside it.
+//   dmv-12  the personality block (primitives: nurix): a mapping over the six closed-vocabulary traits
+//           density|pace|edge|depth|texture|tone (pace a number 0..1); absent under native. In --mode
+//           ship, personality.css beside the design.md byte-matches the recompiled artifact, and no
+//           personality.css exists without a block (a hand-authored layer).
+//
+// WARN checks (never close): dmw-01 anti-cream backgrounds · dmw-02 neutral tint · dmw-03 untinted shadows ·
+//   dmw-04 motion budgets · dmw-05 personality block absent on a nurix project (the library's neutral
+//   traits ship) · dmw-06 `info` role undeclared on a nurix project (--tone-info falls back to the
+//   library's own hue).
 //
 // dmv-05 — the exact contrast pair table (both themes; WCAG 2.1 relative-luminance contrast; colors
 // resolved oklch → OKLab → linear sRGB, gamut-clipped to [0,1], gamma-encoded, then the WCAG formula;
@@ -77,8 +105,8 @@
 //           background (checked only where chroma ≥ 0.01 — hue is noise near gray).
 //   dmw-07  accent chroma delta between themes > 0.06 (identity likely not held across themes).
 //
-// Emitted artifact shape (deterministic, byte-stable): a `:root, :root[data-theme="light"]` block and a
-// `:root[data-theme="dark"]` block (specificity armor — both selectors reach 0,2,0 via the attribute
+// Emitted artifact shape (deterministic, byte-stable): a `:root:not(.dark)` block and a
+// `:root.dark` block (specificity armor — both selectors reach 0,2,0 via the attribute
 // form, so a component library's later bare `:root` cannot silently defeat a theme). The light block
 // carries the 36 roles as --<role> plus every theme-invariant group: --font-display/sans/mono (registered
 // names quoted, declared fallback stacks appended), --text-<step>-size/-line/-weight (+ -family/-tracking/
@@ -86,9 +114,9 @@
 // (--space-base, --sidebar-width[-collapsed], --topbar-height, --side-panel-width[-wide],
 // --content-max-width; unmapped keys emit as --layout-<key>). The dark block carries the 36 dark roles.
 
-import { readFileSync, existsSync, statSync, readdirSync, realpathSync } from "node:fs";
+import { readFileSync, writeFileSync, existsSync, statSync, readdirSync, realpathSync } from "node:fs";
 import { join, resolve, basename, dirname, relative, sep } from "node:path";
-import { fileURLToPath } from "node:url";
+import { fileURLToPath, pathToFileURL } from "node:url";
 import process from "node:process";
 
 // ---------------------------------------------------------------------------
@@ -114,6 +142,20 @@ const SECTIONS = [
 
 const RAMP_STEPS = ["display", "h1", "h2", "body", "small", "caption", "data"];
 const FONT_SLOTS = ["display", "sans", "mono"];
+// Optional color roles: emitted only when declared (both themes or neither). `info` completes the
+// success/warning/info trio @nurix/components' status dots read through --tone-*.
+const OPTIONAL_COLOR_ROLES = ["info"];
+// The personality block — six closed-vocabulary traits @nurix/components compiles into the token
+// families its components read (lib/personality). The library owns the vocabulary; this mirrors it.
+const PERSONALITY_ORDER = ["density", "pace", "edge", "depth", "texture", "tone"];
+const PERSONALITY_TRAITS = {
+    density: ["compact", "regular", "airy"],
+    pace: null, // the one scalar: 0 still · 0.5 the library's neutral timing · 1 lively
+    edge: ["sharp", "regular", "soft"],
+    depth: ["flat", "layered", "elevated"],
+    texture: ["clean", "grainy"],
+    tone: ["neutral", "expressive"],
+};
 const THEMES = ["light", "dark"];
 const TIERS = ["default", "variant", "brand", "project"];
 const FRONT_KEYS_BASE = ["schema", "id", "tier", "segments", "keywords", "sourced", "sources", "license"];
@@ -695,6 +737,48 @@ function checkCoverage(values, report) {
     else if (layout.base == null) missing("layout.base");
 }
 
+// dmv-12 — the personality block, and the two nurix-project warns (dmw-05 block absent, dmw-06 info absent).
+function checkPersonality(front, values, report) {
+    const isNurixProject = !!front && front.tier === "project" && front.primitives === "nurix";
+    const p = values.personality;
+    if (p === undefined) {
+        if (isNurixProject) {
+            warn(report, "dmw-05", "personality block absent — @nurix/components ships its neutral traits (regular · pace 0.5 · regular · layered · grainy · neutral); declare the traits §4–§7 imply so density, motion, radius and depth reach the components");
+        }
+    } else if (!isObj(p)) {
+        fail(report, "dmv-12", "personality must be a mapping of traits");
+    } else {
+        if (!(front && front.primitives === "nurix")) {
+            fail(report, "dmv-12", "personality is compiled by @nurix/components — under primitives: native nothing reads it; drop the block or switch primitives");
+        }
+        for (const [k, v] of Object.entries(p)) {
+            if (!(k in PERSONALITY_TRAITS)) {
+                fail(report, "dmv-12", `personality.${k} is not a trait (${PERSONALITY_ORDER.join("|")})`);
+            } else if (k === "pace") {
+                const n = typeof v === "number" ? v : Number(v);
+                if (typeof v === "boolean" || !Number.isFinite(n) || n < 0 || n > 1) {
+                    fail(report, "dmv-12", `personality.pace must be a number 0..1 (0 still · 0.5 neutral · 1 lively), got "${v}"`);
+                }
+            } else if (!PERSONALITY_TRAITS[k].includes(v)) {
+                fail(report, "dmv-12", `personality.${k} must be one of ${PERSONALITY_TRAITS[k].join("|")}, got "${v}"`);
+            }
+        }
+    }
+
+    const color = isObj(values.color) ? values.color : {};
+    for (const role of OPTIONAL_COLOR_ROLES) {
+        const declared = THEMES.map((t) => isObj(color[t]) && color[t][role] != null);
+        if (declared[0] !== declared[1]) {
+            fail(report, "dmv-04", `color.${role} is declared in one theme only — a role is declared in both themes or neither`);
+        } else if (declared[0]) {
+            const bad = THEMES.filter((t) => !parseColor(color[t][role]));
+            if (bad.length) fail(report, "dmv-04", `color.${role} unparseable in ${bad.join(", ")}`);
+        } else if (isNurixProject) {
+            warn(report, "dmw-06", `color.${role} undeclared — @nurix/components' --tone-${role} falls back to the library's own hue beside your success/warning; declare it in both themes`);
+        }
+    }
+}
+
 // dmv-05 — contrast on every declared pairing, both themes (pair table in the header comment).
 function checkContrast(values, report) {
     const color = isObj(values.color) ? values.color : {};
@@ -891,14 +975,35 @@ function req(values, path) {
 
 const cssValue = (v) => String(v);
 
+// The project fork's one path, decided by the repo's shape and never by search: a multi-package
+// workspace (pnpm-workspace.yaml, or package.json `workspaces`) keeps it at packages/common/design.md;
+// a single-package repo at src/common/design.md. `path` is null when absent; `misplaced` lists copies
+// at the other conventional spot or the repo base, so the caller can name what to move.
+export function resolveProjectDesignMd(root) {
+    const abs = resolve(root);
+    let hasWorkspaces = existsSync(join(abs, "pnpm-workspace.yaml"));
+    if (!hasWorkspaces && existsSync(join(abs, "package.json"))) {
+        try { hasWorkspaces = JSON.parse(readFileSync(join(abs, "package.json"), "utf8")).workspaces != null; } catch { /* an unreadable manifest reads as single-package */ }
+    }
+    const shape = hasWorkspaces ? "multi-package" : "single-package";
+    const expected = join(abs, hasWorkspaces ? "packages/common/design.md" : "src/common/design.md");
+    const other = join(abs, hasWorkspaces ? "src/common/design.md" : "packages/common/design.md");
+    const misplaced = [join(abs, "design.md"), other].filter((f) => existsSync(f));
+    return { path: existsSync(expected) ? expected : null, expected, shape, misplaced };
+}
+
 export function emitTokens(front, values) {
     const id = front && typeof front.id === "string" ? front.id : "unknown";
     const out = [];
     out.push(`/* design.tokens.css — compiled from ${id} (design-md/v2) by validate-design-md.mjs — derived artifact: edit the design.md, never this file */`);
     out.push("");
-    out.push(':root, :root[data-theme="light"] {');
+    out.push(':root:not(.dark) {');
     out.push("    /* color roles */");
     for (const role of COLOR_ROLES) out.push(`    --${role}: ${cssValue(req(values, ["color", "light", role]))};`);
+    for (const role of OPTIONAL_COLOR_ROLES) {
+        const v = values.color.light[role];
+        if (v != null) out.push(`    --${role}: ${cssValue(v)};`);
+    }
     out.push("");
     out.push("    /* typography */");
     for (const slot of FONT_SLOTS) {
@@ -939,13 +1044,135 @@ export function emitTokens(front, values) {
     }
     out.push("}");
     out.push("");
-    out.push(':root[data-theme="dark"] {');
+    out.push(':root.dark {');
     out.push("    /* color roles */");
     for (const role of COLOR_ROLES) out.push(`    --${role}: ${cssValue(req(values, ["color", "dark", role]))};`);
+    for (const role of OPTIONAL_COLOR_ROLES) {
+        const v = values.color.dark[role];
+        if (v != null) out.push(`    --${role}: ${cssValue(v)};`);
+    }
     out.push("}");
     return out.join("\n") + "\n";
 }
 
+// The personality spec exactly as the library's compiler takes it: version 1 plus the declared traits,
+// in trait order, pace numeric. Null when the design.md declares no block.
+export function personalitySpec(values) {
+    const p = values && isObj(values.personality) ? values.personality : null;
+    if (!p) return null;
+    const spec = { version: 1 };
+    for (const k of PERSONALITY_ORDER) {
+        if (p[k] === undefined) continue;
+        spec[k] = k === "pace" ? Number(p[k]) : p[k];
+    }
+    return spec;
+}
+
+// Every @nurix/components install a design.md can see: the upward walk from `fromDir` (a plain install,
+// or an app package inside a workspace), then one and two levels down into the workspace (packages/<app>)
+// — a pnpm root hoists nothing, so a repo-base design.md sees the library only through its packages.
+// Deduped by real path; distinct versions surface as an ambiguity for --lib.
+function findLibraryInstalls(fromDir) {
+    const found = new Map();
+    const consider = (dir) => {
+        const pkgPath = join(dir, "package.json");
+        if (!existsSync(pkgPath)) return;
+        let real;
+        try { real = realpathSync(dir); } catch { return; }
+        if (found.has(real)) return;
+        found.set(real, { dir: real, pkg: JSON.parse(readFileSync(pkgPath, "utf8")) });
+    };
+    const roots = []; // every package/workspace root passed on the way up, nearest first
+    let dir = fromDir;
+    for (;;) {
+        consider(join(dir, "node_modules", "@nurix", "components"));
+        if (found.size) return [...found.values()];
+        if (existsSync(join(dir, "package.json")) || existsSync(join(dir, "pnpm-workspace.yaml"))) roots.push(dir);
+        const parent = dirname(dir);
+        if (parent === dir) break;
+        dir = parent;
+    }
+    const children = (base) => {
+        try { return readdirSync(base).filter((n) => !n.startsWith(".") && n !== "node_modules" && statSync(join(base, n)).isDirectory()); }
+        catch { return []; }
+    };
+    for (const root of roots) {
+        for (const a of children(root)) {
+            consider(join(root, a, "node_modules", "@nurix", "components"));
+            for (const b of children(join(root, a))) consider(join(root, a, b, "node_modules", "@nurix", "components"));
+        }
+        if (found.size) break;
+    }
+    return [...found.values()];
+}
+
+// Resolve @nurix/components' personality compiler from the project that owns the design.md — the
+// library owns the spec and the compiler; this script only carries the traits to it. Follows the
+// package's ./lib/personality export; returns the module and the library version it came from.
+async function loadPersonalityCompiler(fromDir, libDir) {
+    const installs = findLibraryInstalls(libDir || fromDir);
+    if (!installs.length) {
+        throw new Error(`@nurix/components is not installed above or below ${libDir || fromDir} — the personality artifact needs the library's compiler (primitives: nurix); pass --lib <app package folder> if it lives elsewhere`);
+    }
+    const versions = [...new Set(installs.map((i) => i.pkg.version))];
+    if (versions.length > 1) {
+        throw new Error(`several @nurix/components versions are installed under ${libDir || fromDir} (${versions.join(", ")}) — pass --lib <app package folder> to name the one the app builds with`);
+    }
+    const { dir, pkg } = installs[0];
+    const entry = pkg.exports && pkg.exports["./lib/personality"];
+    const rel = typeof entry === "string" ? entry : entry && (entry.import || entry.default);
+    if (!rel) throw new Error(`@nurix/components at ${dir} exports no ./lib/personality`);
+    const mod = await import(pathToFileURL(join(dir, rel)).href);
+    if (typeof mod.compileToCss !== "function") throw new Error("@nurix/components/lib/personality exports no compileToCss");
+    return { mod, version: pkg.version };
+}
+
+// The personality artifact: the library's compileToCss over the design.md's traits, behind one header
+// line naming the source. Null when no block is declared; throws when the library rejects the spec or
+// cannot be resolved.
+export async function compilePersonalityArtifact(filePath, front, values, opts = {}) {
+    const spec = personalitySpec(values);
+    if (!spec) return null;
+    const { mod: lib, version } = await loadPersonalityCompiler(dirname(filePath), opts.lib);
+    if (typeof lib.validatePersonality === "function") {
+        const verdict = lib.validatePersonality(spec);
+        if (verdict && verdict.ok === false) {
+            const issues = (verdict.issues || []).map((i) => `${i.path} ${i.message}`).join("; ");
+            throw new Error(`personality rejected by @nurix/components: ${issues}`);
+        }
+    }
+    const id = front && typeof front.id === "string" ? front.id : "unknown";
+    return `/* personality.css — compiled from ${id} (design-md/v2) by @nurix/components@${version} compileToCss via validate-design-md.mjs --emit-personality — derived artifact: edit the design.md, never this file */\n` + lib.compileToCss(spec);
+}
+
+// dmv-12's drift half (--mode ship, single file): personality.css beside the design.md byte-matches the
+// recompiled artifact; an artifact with no block is a hand-authored layer and fails too.
+async function checkPersonalityDrift(filePath, report, opts = {}) {
+    const sibling = join(dirname(filePath), "personality.css");
+    const values = report._values;
+    const declared = !!(values && isObj(values.personality));
+    if (!declared) {
+        if (existsSync(sibling)) fail(report, "dmv-12", "personality.css sits beside the design.md but no personality block is declared — the artifact is derived from the design.md, never authored");
+        return;
+    }
+    let fresh;
+    try {
+        fresh = await compilePersonalityArtifact(filePath, report._front, values, opts);
+    } catch (e) {
+        fail(report, "dmv-12", `cannot recompile personality.css: ${e.message}`);
+        return;
+    }
+    if (!existsSync(sibling)) {
+        fail(report, "dmv-12", `personality.css not found beside ${basename(filePath)} — emit it with --emit-personality and commit it`);
+        return;
+    }
+    const disk = readFileSync(sibling);
+    const want = Buffer.from(fresh, "utf8");
+    if (!disk.equals(want)) {
+        fail(report, "dmv-12", `drift: personality.css does not byte-match the recompiled artifact (first divergence at byte ${firstDiff(disk, want)})`);
+    }
+}
+
 function firstDiff(a, b) {
     const n = Math.min(a.length, b.length);
     for (let i = 0; i < n; i++) if (a[i] !== b[i]) return i;
@@ -984,6 +1211,7 @@ export function validateFile(filePath, mode = "build", opts = {}) {
         }
         if (front) checkFrontmatter(front, filePath, report);
     }
+    report._front = front;
 
     const body = fm ? fm.body : raw;
     const { valueBlock } = checkSections(body, report);
@@ -998,8 +1226,10 @@ export function validateFile(filePath, mode = "build", opts = {}) {
         }
     }
 
+    report._values = values;
     if (values) {
         checkCoverage(values, report);
+        checkPersonality(front, values, report);
         checkContrast(values, report);
         checkFonts(values, report);
         runWarnChecks(values, report);
@@ -1128,7 +1358,7 @@ export function validateFolder(root, mode = "build") {
 // ---------------------------------------------------------------------------
 
 function usage(stream) {
-    stream.write("usage: node validate-design-md.mjs <file|folder> [--mode admission|build|ship] [--json] [--emit]\n");
+    stream.write("usage: node validate-design-md.mjs (<file|folder> | --project [dir]) [--mode admission|build|ship] [--json] [--emit] [--emit-personality] [--write] [--lib <folder>]\n");
 }
 
 function printHuman(reports, stream) {
@@ -1147,22 +1377,41 @@ function printHuman(reports, stream) {
 
 const toJsonReport = (r) => ({ file: r.file, fails: r.fails, warns: r.warns });
 
-function main() {
+async function main() {
     const args = process.argv.slice(2);
     let target = null;
     let mode = "build";
     let json = false;
     let emit = false;
+    let emitPersonality = false;
+    let write = false;
+    let lib = null;
+    let project = null;
     for (let i = 0; i < args.length; i++) {
         const a = args[i];
         if (a === "--mode") {
             mode = args[++i];
         } else if (a === "--json") json = true;
         else if (a === "--emit") emit = true;
+        else if (a === "--emit-personality") emitPersonality = true;
+        else if (a === "--write") write = true;
+        else if (a === "--lib") lib = resolve(args[++i] || "");
+        else if (a === "--project") project = args[i + 1] && !args[i + 1].startsWith("--") ? args[++i] : ".";
         else if (a === "--help" || a === "-h") { usage(process.stdout); process.exit(0); }
         else if (!a.startsWith("--") && target === null) target = a;
         else { process.stderr.write(`unknown argument: ${a}\n`); usage(process.stderr); process.exit(1); }
     }
+    if (project !== null && target !== null) { process.stderr.write("--project resolves the design.md itself — drop the positional path\n"); process.exit(1); }
+    if (project !== null) {
+        const found = resolveProjectDesignMd(project);
+        if (!found.path) {
+            process.stderr.write(`no project design.md at ${found.expected} (${found.shape} repo: ${found.shape === "multi-package" ? "packages/common/" : "src/common/"} holds the design files)\n`);
+            for (const stray of found.misplaced) process.stderr.write(`  found ${stray} — move it to ${found.expected}\n`);
+            process.exit(1);
+        }
+        target = found.path;
+    }
+    if (write && !emit && !emitPersonality) { process.stderr.write("--write needs --emit or --emit-personality\n"); process.exit(1); }
     if (!target) { usage(process.stderr); process.exit(1); }
     if (!["admission", "build", "ship"].includes(mode)) {
         process.stderr.write(`--mode must be admission|build|ship, got "${mode}"\n`);
@@ -1171,17 +1420,45 @@ function main() {
     const abs = resolve(target);
     if (!existsSync(abs)) { process.stderr.write(`no such file or folder: ${abs}\n`); process.exit(1); }
     const isDir = statSync(abs).isDirectory();
-    if (emit && isDir) { process.stderr.write("--emit requires a single design.md file\n"); process.exit(1); }
+    if ((emit || emitPersonality) && isDir) { process.stderr.write("--emit / --emit-personality require a single design.md file\n"); process.exit(1); }
 
     const reports = isDir ? validateFolder(abs, mode) : [validateFile(abs, mode, { checkOwnName: true })];
+    if (mode === "ship" && !isDir) await checkPersonalityDrift(abs, reports[0], { lib });
     const anyFail = reports.some((r) => r.fails.length > 0);
 
+    if (emitPersonality) {
+        if (anyFail) { printHuman(reports, process.stderr); process.exit(1); }
+        let css = null;
+        try {
+            css = await compilePersonalityArtifact(abs, reports[0]._front, reports[0]._values, { lib });
+        } catch (e) {
+            process.stderr.write(`${e.message}\n`);
+            process.exit(1);
+        }
+        if (css == null) { process.stderr.write("no personality block in the design-values block — nothing to emit\n"); process.exit(1); }
+        if (write) {
+            const out = join(dirname(abs), "personality.css");
+            writeFileSync(out, css);
+            process.stdout.write(`wrote ${out}\n`);
+        } else {
+            process.stdout.write(css);
+        }
+        if (reports[0].warns.length) printHuman(reports, process.stderr);
+        process.exit(0);
+    }
+
     if (emit) {
         if (anyFail || !reports[0]._artifact) {
             printHuman(reports, process.stderr);
             process.exit(1);
         }
-        process.stdout.write(reports[0]._artifact);
+        if (write) {
+            const out = join(dirname(abs), "design.tokens.css");
+            writeFileSync(out, reports[0]._artifact);
+            process.stdout.write(`wrote ${out}\n`);
+        } else {
+            process.stdout.write(reports[0]._artifact);
+        }
         if (reports[0].warns.length) printHuman(reports, process.stderr);
         process.exit(0);
     }
@@ -1197,4 +1474,6 @@ function main() {
 
 // realpath both sides: argv[1] keeps the invoking symlink (e.g. a ~/.claude/skills link),
 // while import.meta.url is the resolved file — a plain path compare silently skips main().
-if (process.argv[1] && realpathSync(process.argv[1]) === realpathSync(fileURLToPath(import.meta.url))) main();
+if (process.argv[1] && realpathSync(process.argv[1]) === realpathSync(fileURLToPath(import.meta.url))) {
+    main().catch((e) => { process.stderr.write(`${e.message}\n`); process.exit(1); });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nurix/etna",
-  "version": "0.20.14",
+  "version": "0.20.15",
   "description": "Bootstrap a project with a Nurix harness — copies the harness's CLAUDE.md, skills, agents, rules, and hooks directly into the project from a bundled payload (no marketplace fetch, no network).",
   "type": "module",
   "bin": {
@@ -42,5 +42,5 @@
     "agent",
     "plugin"
   ],
-  "etnaFingerprint": "7f155d8901ee"
+  "etnaFingerprint": "4dd6abe08c97"
 }