@nurix/etna 0.19.49 → 0.19.51

package/data/harnesses/code/skills/design/design-md/library/linear-app.md

@@ -1,198 +0,0 @@
----
-schema: design-md/v2
-id: linear-app
-tier: brand
-segments: [dev-tools, pm]
-keywords: [dark, minimal, keyboard, dense, lavender, crisp]
-sourced: 2026-07-12
-sources: "design-md/v1 linear-app entry (2026-07-04) + 2026-07-12 re-audit of the public Linear identity; Linear's proprietary sans substituted with Inter (the corpus's own documented substitute), Geist Mono kept per v1"
-license: open
----
-
-# linear-app — a darkened instrument panel at speed
-
-## 1 Visual Theme
-The cockpit of a precision instrument at night: a matte near-black panel, charcoal
-modules a hairline above it, every dial legible at a glance, and one lavender indicator
-lit. **Dark is the signature theme** — the near-black canvas with a faint blue tint —
-and light is a valued daytime mode, not the default flipped. Flat: rank is the surface
-ladder and hairline `border`; Linear resists shadow almost entirely. One accent —
-lavender `primary` — appears only on the brand mark, the one primary action, the focus
-`ring`, and link emphasis. Density is dense: tight rows, minimal chrome, technical.
-
-## 2 Color Roles
-Cool blue-gray neutrals so the UI reads engineered, never flatly gray. `primary`
-lavender is the only hue that carries meaning; `accent` is its faint wash for selected
-and hovered rows. Status hues (`destructive`, `success`, `warning`) speak status only —
-never chrome. The dark canvas is intentionally not pure black: the faint blue tint is
-the identity. Sidebar sits a half-step off the canvas in both themes.
-
-## 3 Typography
-Inter (single voice — the open substitute for Linear's proprietary cut) / Geist Mono
-(IDs, codes, timestamps, log lines). Register scope: no display face — Inter at 600
-carries every heading; 700+ is resisted. The signature contrast is the uppercase
-eyebrow tracked *positive* against negatively-tracked headings. Every numeric column
-renders `tabular-nums`; emphasis bumps weight, never size.
-
-## 4 Component Stylings
-Buttons `radius-md` (8px), `primary` fill, no pill, hover lifts one lavender step;
-secondary takes `secondary` fill with a hairline. Inputs hairline `input` edge with a
-2px lavender `ring`, no glow. Cards a hairline above canvas on `border`, stepping to
-`radius-lg` for large panels. Table rows dense on `border` grid, `muted` hover,
-`accent` selection. Detail opens in the side panel, never a modal workspace. Badges:
-hairline, `muted`/status fill, uppercase eyebrow.
-
-## 5 Layout
-4px base; ramp 2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64. Sidebar 244/56px; topbar 48px;
-side panel 420/640px; content max 1280px; tables full-width. Dense globally — compact
-button padding, tight rows — stepped per archetype, never absolute overrides.
-
-## 6 Depth
-Flat — the surface ladder and hairlines carry all rank. Dark: `background` 0.08 L,
-`card` a hairline above with a faint top-edge highlight, `surface-raised` 0.19,
-`surface-overlay` 0.23, hue held at 270. Light: white canvas, hairlines, and the rare
-soft shadow only on true overlays — blue-tinted, never black. Focus is a 2px lavender
-`ring`, always visible; three z-levels: content, sticky chrome, overlay.
-
-## 7 Motion
-Near-instant. Named moments: `command-open` (command palette, 120ms), `panel-glide`
-(side panel, 200ms, interruptible), `focus-snap` (press feedback, 80ms). Physicality
-is granted only to auth. Nothing animates in tables, palettes, or any
-keyboard-initiated action — speed is the brand.
-
-## 8 Iconography & Charts
-Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
-no gridline fills, lavender-led categorical ramp (`chart-1..5`), tooltips on
-`surface-overlay` with mono numerals.
-
-## 9 Voice
-Terse engineer: short verbs, zero ceremony, no exclamation. "Create issue" · "No
-triage items — inbox zero since Tuesday" · "This branch is behind main; rebase before
-merging."
-
-## 10 Do's & Don'ts
-Do default to dark — it is the identity; ship light as an equal daytime mode. Do
-reserve lavender for the brand mark, one primary action, focus, and links. Do walk the
-surface ladder without skipping steps. Don't use pure black — the faint blue tint is
-intentional. Don't use lavender as a fill or background. Don't pill the CTA, and never
-signal elevation with heavy shadow.
-
-## 11 Responsive
-375: sidebar → drawer; two-pane stacks; side panel → full sheet; density holds. 768:
-sidebar → icon rail; tables scroll overflow. 1024: two-pane queue+detail holds. 1440:
-forms cap; tables and dashboards take the full width.
-
-## 12 Agent Prompt Guide
-Wear dark by default. Lead every list surface with its dense table; lead every entity
-with its primary read, not chrome. If two things want lavender, one is not primary.
-Every ID, code, and timestamp is mono; the `ring` is always visible. Dark is authored —
-consult the block, never derive.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.99 0.005 275)
-    foreground: oklch(0.165 0.005 264)
-    card: oklch(0.995 0.005 275)
-    card-foreground: oklch(0.165 0.005 264)
-    popover: oklch(0.995 0.005 275)
-    popover-foreground: oklch(0.165 0.005 264)
-    primary: oklch(0.555 0.16 275)
-    primary-foreground: oklch(0.99 0.005 275)
-    secondary: oklch(0.97 0.005 271)
-    secondary-foreground: oklch(0.25 0.01 268)
-    muted: oklch(0.965 0.005 271)
-    muted-foreground: oklch(0.5 0.022 264)
-    accent: oklch(0.951 0.018 279)
-    accent-foreground: oklch(0.38 0.12 276)
-    destructive: oklch(0.55 0.19 24)
-    destructive-foreground: oklch(0.98 0.008 24)
-    success: oklch(0.56 0.14 147)
-    warning: oklch(0.7 0.14 60)
-    border: oklch(0.925 0.005 275)
-    input: oklch(0.891 0.007 269)
-    ring: oklch(0.555 0.16 275)
-    surface-raised: oklch(0.993 0.005 275)
-    surface-overlay: oklch(0.995 0.005 275)
-    chart-1: oklch(0.567 0.159 275)
-    chart-2: oklch(0.712 0.151 250)
-    chart-3: oklch(0.703 0.127 159)
-    chart-4: oklch(0.76 0.142 60)
-    chart-5: oklch(0.653 0.183 24)
-    sidebar: oklch(0.975 0.005 271)
-    sidebar-foreground: oklch(0.25 0.01 268)
-    sidebar-primary: oklch(0.555 0.16 275)
-    sidebar-primary-foreground: oklch(0.99 0.005 275)
-    sidebar-accent: oklch(0.94 0.018 279)
-    sidebar-accent-foreground: oklch(0.36 0.12 276)
-    sidebar-border: oklch(0.925 0.005 275)
-    sidebar-ring: oklch(0.555 0.16 275)
-  dark:
-    background: oklch(0.08 0.006 270)
-    foreground: oklch(0.975 0.005 275)
-    card: oklch(0.17 0.005 270)
-    card-foreground: oklch(0.975 0.005 275)
-    popover: oklch(0.23 0.006 270)
-    popover-foreground: oklch(0.975 0.005 275)
-    primary: oklch(0.555 0.16 275)
-    primary-foreground: oklch(0.99 0.005 275)
-    secondary: oklch(0.17 0.005 270)
-    secondary-foreground: oklch(0.9 0.006 270)
-    muted: oklch(0.195 0.005 270)
-    muted-foreground: oklch(0.65 0.015 262)
-    accent: oklch(0.236 0.027 281)
-    accent-foreground: oklch(0.88 0.03 277)
-    destructive: oklch(0.653 0.183 24)
-    destructive-foreground: oklch(0.13 0.02 24)
-    success: oklch(0.637 0.145 147)
-    warning: oklch(0.76 0.142 60)
-    border: oklch(0.264 0.01 268)
-    input: oklch(0.327 0.011 286)
-    ring: oklch(0.691 0.164 276)
-    surface-raised: oklch(0.19 0.006 270)
-    surface-overlay: oklch(0.23 0.006 270)
-    chart-1: oklch(0.62 0.15 275)
-    chart-2: oklch(0.72 0.15 250)
-    chart-3: oklch(0.72 0.13 159)
-    chart-4: oklch(0.78 0.14 60)
-    chart-5: oklch(0.68 0.18 24)
-    sidebar: oklch(0.11 0.006 275)
-    sidebar-foreground: oklch(0.9 0.006 270)
-    sidebar-primary: oklch(0.555 0.16 275)
-    sidebar-primary-foreground: oklch(0.99 0.005 275)
-    sidebar-accent: oklch(0.2 0.02 281)
-    sidebar-accent-foreground: oklch(0.88 0.03 277)
-    sidebar-border: oklch(0.22 0.008 268)
-    sidebar-ring: oklch(0.691 0.164 276)
-typography:
-  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600] }
-  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
-  mono: { family: "Geist Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 28px, line: 34px, weight: 600, family: display, tracking: -0.02em }
-    h1: { size: 24px, line: 30px, weight: 600, family: sans, tracking: -0.015em }
-    h2: { size: 18px, line: 24px, weight: 600, family: sans, tracking: -0.01em }
-    body: { size: 14px, line: 21px, weight: 400, family: sans }
-    small: { size: 13px, line: 18px, weight: 400, family: sans }
-    caption: { size: 12px, line: 16px, weight: 600, family: sans, tracking: 0.04em }
-    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [auth, empty-state], sans: [chrome, controls, body, headings], mono: [data, ids, codes, timestamps, logs] }
-elevation:
-  radius: { sm: 4px, md: 8px, lg: 12px }
-  hairline: border
-  shadow:
-    overlay: "0 8px 24px oklch(0.15 0.02 275 / 0.12)"
-    popover: "0 4px 12px oklch(0.15 0.02 275 / 0.08)"
-  dark-ladder: { background: 0.08, raised: 0.19, overlay: 0.23, hue-held: 270 }
-motion:
-  duration: { press: 80ms, fade: 120ms, panel: 200ms }
-  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
-  entrance-never: ease-in
-  identity-moments: [auth]
-iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
-charts:
-  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
-  sequential: { from: background, to: chart-1 }
-  diverging: { negative: chart-5, mid: muted, positive: chart-3 }
-layout: { base: 4px, sidebar: [244px, 56px], topbar: 48px, side-panel: [420px, 640px], content-max: 1280px }
-```

package/data/harnesses/code/skills/design/design-md/library/lovable.md

@@ -1,199 +0,0 @@
----
-schema: design-md/v2
-id: lovable
-tier: brand
-segments: [dev-tools, ai, builder]
-keywords: [warm, cream, charcoal, humanist, parchment, tonal]
-sourced: 2026-07-12
-sources: "design-md/v1 lovable entry (2026-07-04) + 2026-07-12 re-audit of the public Lovable identity; proprietary Camera Plain Variable substituted with Instrument Sans (closest open humanist), DM Mono authored for the undocumented brand mono"
-license: open
----
-
-# lovable — a sunlit letterpress studio on cream stock
-
-## 1 Visual Theme
-A letterpress studio in afternoon sun: cream stock on every bench, one pot of charcoal
-ink, warm paper edges instead of steel rules. The canvas is a deliberate cream `background`
-— never pure white; warmth is the brand. Light default; dark is the studio by lamplight —
-a warm charcoal ladder holding the same hue, never a cold flip. Flat: hierarchy is warm
-hairline `border`, weight, and charcoal-on-cream contrast. The one accent is achromatic:
-`primary` is charcoal itself; every neutral is one warm hue at varying depth, so the
-surface reads tonally unified. Density is standard.
-
-## 2 Color Roles
-Charcoal `foreground` on cream `background`; `muted` and `accent` are deeper cream
-tints for hovers and selection; `border` is the warm hairline doing all containment.
-`primary` charcoal is the only emphasis carrier — reserved for the single most
-important action. `ring` is the one cool element — a blue accessibility affordance,
-never a brand accent. Status hues (`destructive` warm red, `success` sage, `warning`
-ochre) speak status only. No saturated chromatic accent enters chrome.
-
-## 3 Typography
-Instrument Sans (humanist warmth — the open substitute for the proprietary Camera
-Plain) / DM Mono (IDs, codes, timestamps). Register scope: no separate display face —
-Instrument Sans at 600 is the heading ceiling (never 700); the display step serves
-auth and empty states only. Numeric columns render `tabular-nums`; emphasis bumps
-weight, never size.
-
-## 4 Component Stylings
-Buttons `radius-md` (10px), charcoal `primary` fill with the signature pressed-into-
-paper inset feel (a light top hairline, soft warm underside), no pill; secondary takes
-`secondary` cream fill and `border`. Inputs hairline `border`, focus draws the blue
-`ring`. Cards on `card` with the warm hairline — no shadow by default. Table rows on
-`border` grid, `muted` hover, `accent` selection. Detail opens in the side panel.
-Badges: hairline, `muted`/status fill; the full pill is icon toggles only.
-
-## 5 Layout
-8px base; ramp 4 · 8 · 12 · 16 · 24 · 32 · 40 · 56 · 80. Sidebar 256/64px; topbar
-56px; side panel 420/640px; content max 1200px; tables full-width. The editorial
-96–208px expanses stay behind — warmth comes from palette and type, not lavish gaps.
-
-## 6 Depth
-Flat and shallow. Light: the warm hairline against cream does the containment; a
-single soft, diffused warm glow lifts only true overlays — never a sharp drop. Dark:
-the ladder does depth — `background` 0.17 L, `surface-raised` +0.05, `surface-overlay`
-+0.10, hue held at 90. Focus is the `ring` outline on every interactive element;
-three z-levels: content, chrome, overlay.
-
-## 7 Motion
-Soft-handed. Named moments: `paper-fade` (page content, 180ms), `panel-drift` (side
-panel, 260ms, interruptible), `ink-press` (primary-action press, 130ms). Physicality
-is granted only to auth and first-run empty states. Nothing animates in tables or any
-keyboard-initiated action.
-
-## 8 Iconography & Charts
-Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes
-on cream, no gridline fills; the categorical ramp leads with charcoal then warm earth
-tones (`chart-1..5`); tooltips on `surface-overlay` with mono numerals.
-
-## 9 Voice
-Warm craftsperson: encouraging but plain, verbs first, no exclamation marks doing the
-warmth. "Create project" · "Nothing here yet — your first build lands in this list" ·
-"That name is taken; try adding your team's name."
-
-## 10 Do's & Don'ts
-Do keep the cream foundation — never pure white and never a cold gray anywhere. Do
-derive every neutral from the one warm hue for tonal unity. Do reserve charcoal
-`primary` for one action per surface. Don't introduce a saturated chromatic accent —
-the blue `ring` is an affordance, not a license. Don't use weight 700 — 600 is the
-ceiling. Don't shadow cards; the warm hairline is the containment.
-
-## 11 Responsive
-375: sidebar → off-canvas drawer; two-pane stacks; side panel → full sheet; density
-holds. 768: sidebar → icon rail; tables scroll overflow. 1024: two-pane list+detail
-holds. 1440: forms cap; tables and dashboards take the full width.
-
-## 12 Agent Prompt Guide
-Reach first for cream ground and charcoal ink — the brand is warmth. One accent,
-achromatic: if two things want charcoal emphasis, one is not primary. Warm hairline
-before any shadow. Every numeric column is `tabular-nums`; every ID is mono. Dark is
-authored — consult the block, never derive, and never let it go cold.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.968 0.01 88)
-    foreground: oklch(0.23 0.006 95)
-    card: oklch(0.978 0.008 89)
-    card-foreground: oklch(0.23 0.006 95)
-    popover: oklch(0.985 0.006 90)
-    popover-foreground: oklch(0.23 0.006 95)
-    primary: oklch(0.24 0.006 95)
-    primary-foreground: oklch(0.988 0.005 91)
-    secondary: oklch(0.945 0.009 86)
-    secondary-foreground: oklch(0.28 0.006 95)
-    muted: oklch(0.941 0.009 85)
-    muted-foreground: oklch(0.47 0.006 100)
-    accent: oklch(0.925 0.012 85)
-    accent-foreground: oklch(0.28 0.006 95)
-    destructive: oklch(0.543 0.174 30)
-    destructive-foreground: oklch(0.98 0.008 30)
-    success: oklch(0.533 0.099 138)
-    warning: oklch(0.63 0.12 77)
-    border: oklch(0.92 0.008 91)
-    input: oklch(0.9 0.01 91)
-    ring: oklch(0.623 0.188 260)
-    surface-raised: oklch(0.975 0.008 89)
-    surface-overlay: oklch(0.985 0.006 90)
-    chart-1: oklch(0.3 0.006 95)
-    chart-2: oklch(0.671 0.124 77)
-    chart-3: oklch(0.533 0.099 138)
-    chart-4: oklch(0.611 0.121 51)
-    chart-5: oklch(0.623 0.188 260)
-    sidebar: oklch(0.955 0.011 88)
-    sidebar-foreground: oklch(0.28 0.006 95)
-    sidebar-primary: oklch(0.24 0.006 95)
-    sidebar-primary-foreground: oklch(0.988 0.005 91)
-    sidebar-accent: oklch(0.93 0.012 86)
-    sidebar-accent-foreground: oklch(0.26 0.006 95)
-    sidebar-border: oklch(0.915 0.009 90)
-    sidebar-ring: oklch(0.623 0.188 260)
-  dark:
-    background: oklch(0.17 0.008 90)
-    foreground: oklch(0.93 0.01 88)
-    card: oklch(0.2 0.009 90)
-    card-foreground: oklch(0.93 0.01 88)
-    popover: oklch(0.27 0.01 90)
-    popover-foreground: oklch(0.93 0.01 88)
-    primary: oklch(0.93 0.012 88)
-    primary-foreground: oklch(0.2 0.008 90)
-    secondary: oklch(0.24 0.01 90)
-    secondary-foreground: oklch(0.89 0.01 88)
-    muted: oklch(0.23 0.01 90)
-    muted-foreground: oklch(0.66 0.012 92)
-    accent: oklch(0.26 0.012 90)
-    accent-foreground: oklch(0.91 0.012 88)
-    destructive: oklch(0.62 0.17 30)
-    destructive-foreground: oklch(0.13 0.02 30)
-    success: oklch(0.64 0.1 138)
-    warning: oklch(0.72 0.12 77)
-    border: oklch(0.27 0.01 90)
-    input: oklch(0.29 0.011 90)
-    ring: oklch(0.67 0.17 260)
-    surface-raised: oklch(0.22 0.009 90)
-    surface-overlay: oklch(0.27 0.01 90)
-    chart-1: oklch(0.85 0.012 88)
-    chart-2: oklch(0.74 0.12 77)
-    chart-3: oklch(0.66 0.1 138)
-    chart-4: oklch(0.7 0.12 51)
-    chart-5: oklch(0.68 0.16 260)
-    sidebar: oklch(0.15 0.008 90)
-    sidebar-foreground: oklch(0.9 0.01 88)
-    sidebar-primary: oklch(0.93 0.012 88)
-    sidebar-primary-foreground: oklch(0.2 0.008 90)
-    sidebar-accent: oklch(0.21 0.01 90)
-    sidebar-accent-foreground: oklch(0.9 0.012 88)
-    sidebar-border: oklch(0.23 0.009 90)
-    sidebar-ring: oklch(0.67 0.17 260)
-typography:
-  display: { family: "Instrument Sans Variable", fallback: "system-ui, sans-serif", weights: [600] }
-  sans: { family: "Instrument Sans Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
-  mono: { family: "DM Mono", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 30px, line: 36px, weight: 600, family: display, tracking: -0.01em }
-    h1: { size: 24px, line: 30px, weight: 600, family: sans, tracking: -0.01em }
-    h2: { size: 18px, line: 24px, weight: 600, family: sans }
-    body: { size: 14px, line: 21px, weight: 400, family: sans }
-    small: { size: 13px, line: 18px, weight: 400, family: sans }
-    caption: { size: 12px, line: 16px, weight: 400, family: sans }
-    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [auth, empty-state], sans: [chrome, controls, body, headings], mono: [data, ids, timestamps] }
-elevation:
-  radius: { sm: 6px, md: 10px, lg: 14px }
-  hairline: border
-  shadow:
-    overlay: "0 4px 12px oklch(0.3 0.02 90 / 0.10)"
-    popover: "0 2px 8px oklch(0.3 0.02 90 / 0.08)"
-  dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.27, hue-held: 90 }
-motion:
-  duration: { press: 130ms, fade: 180ms, panel: 260ms }
-  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
-  entrance-never: ease-in
-  identity-moments: [auth, first-run-empty]
-iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
-charts:
-  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
-  sequential: { from: background, to: chart-1 }
-  diverging: { negative: destructive, mid: muted, positive: chart-3 }
-layout: { base: 8px, sidebar: [256px, 64px], topbar: 56px, side-panel: [420px, 640px], content-max: 1200px }
-```

package/data/harnesses/code/skills/design/design-md/library/meta.md

@@ -1,204 +0,0 @@
----
-schema: design-md/v2
-id: meta
-tier: brand
-segments: [commerce, hardware, consumer]
-keywords: [white, cobalt, cool, commerce, geometric, stark]
-sourced: 2026-07-12
-sources: "design-md/v1 meta entry (2026-07-04) + 2026-07-12 re-audit of Meta's hardware-commerce identity; proprietary Optimistic VF substituted with Montserrat (display, the corpus's documented fallback) + Inter (dense body), Roboto Mono kept per v1"
-license: open
----
-
-# meta — a stark white hardware showroom
-
-## 1 Visual Theme
-A hardware showroom lit for photography: stark white pedestals, cool steel edges, and
-one cobalt buy-now button on the demo unit. The stark white `background` is the
-identity — the photography-carrying ground kept pure here. Light default; dark is an
-authored cool charcoal ladder (Meta ships no dark tokens — the dark theme here is
-authored, never derived). Flat: hierarchy is a cool hairline `border`, weight, and a
-strict two-layer elevation — never decorative shadow. A single accent, cobalt
-`primary` — Meta's scarce commerce color promoted to the operator primary. Neutrals
-lean faintly blue, never warm-gray. Density is standard, at the commerce
-configurator's pace.
-
-## 2 Color Roles
-Deep cool `foreground` ink on stark white; `muted`/`secondary` are the soft cool
-clouds for hovers and secondary fills; `input` is one notch firmer than the divider
-hairline — inputs read as targets. `primary` cobalt is the only chromatic hue with
-meaning: one action per surface, active nav. `accent` is the cobalt tint for
-selection — tints, never fills. `ring` is the Facebook-Blue focus outline, one notch
-brighter than cobalt. The black marketing pill, Oculus purple, and promo yellow stay
-behind; purple lives only in `chart-3`.
-
-## 3 Typography
-Montserrat (display — the open stand-in for Optimistic's geometric-humanist display
-cut) / Inter (dense body and chrome) / Roboto Mono (IDs, codes, timestamps). Register
-scope: Montserrat touches page titles, auth, and empty states only — never cells,
-buttons, or form chrome. Body runs 16px — the brand's reading pace — set snug with
-light negative tracking. Numeric columns render `tabular-nums`; emphasis bumps weight,
-never size.
-
-## 4 Component Stylings
-Buttons `radius-md` (8px rect), cobalt `primary` fill, press deepens the cobalt, no
-pill; secondary takes `secondary` fill with a hairline. Inputs on the firmer `input`
-edge, 2px Facebook-Blue `ring` focus, no glow. Cards white on a hairline — nothing
-sits lighter than the canvas. Table rows on `border` grid, `muted` hover, `accent`
-selection. Detail opens in the side panel (the purchase-rail width). Badge is the one
-survivor of the marketing pill: pill radius, `muted`/status fill, uppercase caption.
-
-## 5 Layout
-4px base, 8px dominant; ramp 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64. Sidebar 252/56px;
-topbar 56px; side panel 440/680px; content max 1360px; tables full-width. The 80/120px
-marketing rhythm stays behind.
-
-## 6 Depth
-Flat with exactly two layers. Light: the hairline is the divider; a faint lift only
-when a control must read raised; the soft overlay shadow — cool-tinted, never black —
-is reserved for popover, side panel, modal, sticky rail. Dark: the ladder does depth —
-`background` 0.155 L, `surface-raised` +0.045, `surface-overlay` +0.095, hue held at
-240. Focus is the 2px Facebook-Blue `ring` on every interactive element; three
-z-levels.
-
-## 7 Motion
-Efficient. Named moments: `content-fade` (page content, 150ms), `rail-slide` (side
-panel, 220ms, interruptible), `cobalt-press` (primary-action press, 100ms).
-Physicality is granted only to auth. Nothing animates in tables, configurator grids,
-or any keyboard-initiated action.
-
-## 8 Iconography & Charts
-Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
-no gridline fills; the categorical ramp runs cobalt-led with the Oculus purple held to
-`chart-3`; tooltips on `surface-overlay` with mono numerals.
-
-## 9 Voice
-Product-counter concise: plain declaratives, specs stated as facts, no exclamation.
-"Add device" · "No orders in review — the queue cleared at 09:00" · "This serial is
-already registered to another fleet; check the device label."
-
-## 10 Do's & Don'ts
-Do anchor on stark white — cards differentiate by hairline, never tint. Do reserve
-cobalt for the single most important action; scarcity is its weight. Do keep neutrals
-cool — never warm-gray. Don't promote the black pill or dual-CTA grammar — one cobalt
-accent, never a pair. Don't pill controls — pill is badges only. Don't let purple or
-promo yellow touch chrome; don't stack shadows for rank.
-
-## 11 Responsive
-375: sidebar → off-canvas drawer; two-pane stacks; side panel → full sheet; density
-holds. 768: sidebar → icon rail; tables scroll overflow. 1024: two-pane queue+detail
-holds. 1440: forms cap; tables and dashboards take the full width.
-
-## 12 Agent Prompt Guide
-Lead every list with its table, every entity with its primary read. Accent only the
-primary action in cobalt — if two things want it, one is not primary. Keep type snug
-and body at 16px. Every numeric column is `tabular-nums`; every ID is mono. Dark is
-authored — consult the block, never derive.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.99 0.005 248)
-    foreground: oklch(0.18 0.016 227)
-    card: oklch(0.995 0.005 248)
-    card-foreground: oklch(0.18 0.016 227)
-    popover: oklch(0.995 0.005 248)
-    popover-foreground: oklch(0.18 0.016 227)
-    primary: oklch(0.533 0.205 259)
-    primary-foreground: oklch(0.99 0.005 248)
-    secondary: oklch(0.944 0.008 254)
-    secondary-foreground: oklch(0.25 0.015 240)
-    muted: oklch(0.966 0.005 248)
-    muted-foreground: oklch(0.49 0.03 248)
-    accent: oklch(0.951 0.019 253)
-    accent-foreground: oklch(0.4 0.15 259)
-    destructive: oklch(0.55 0.21 21)
-    destructive-foreground: oklch(0.98 0.008 21)
-    success: oklch(0.56 0.15 148)
-    warning: oklch(0.7 0.15 77)
-    border: oklch(0.914 0.01 253)
-    input: oklch(0.857 0.008 260)
-    ring: oklch(0.587 0.204 258)
-    surface-raised: oklch(0.993 0.005 248)
-    surface-overlay: oklch(0.995 0.005 248)
-    chart-1: oklch(0.533 0.205 259)
-    chart-2: oklch(0.651 0.192 252)
-    chart-3: oklch(0.541 0.246 315)
-    chart-4: oklch(0.63 0.16 148)
-    chart-5: oklch(0.785 0.16 77)
-    sidebar: oklch(0.975 0.006 248)
-    sidebar-foreground: oklch(0.25 0.015 240)
-    sidebar-primary: oklch(0.533 0.205 259)
-    sidebar-primary-foreground: oklch(0.99 0.005 248)
-    sidebar-accent: oklch(0.94 0.019 253)
-    sidebar-accent-foreground: oklch(0.38 0.15 259)
-    sidebar-border: oklch(0.914 0.01 253)
-    sidebar-ring: oklch(0.587 0.204 258)
-  dark:
-    background: oklch(0.155 0.01 240)
-    foreground: oklch(0.93 0.006 240)
-    card: oklch(0.19 0.011 240)
-    card-foreground: oklch(0.93 0.006 240)
-    popover: oklch(0.25 0.012 240)
-    popover-foreground: oklch(0.93 0.006 240)
-    primary: oklch(0.68 0.15 252)
-    primary-foreground: oklch(0.14 0.02 240)
-    secondary: oklch(0.23 0.012 240)
-    secondary-foreground: oklch(0.89 0.008 240)
-    muted: oklch(0.22 0.011 240)
-    muted-foreground: oklch(0.67 0.025 245)
-    accent: oklch(0.28 0.05 253)
-    accent-foreground: oklch(0.9 0.03 250)
-    destructive: oklch(0.63 0.2 21)
-    destructive-foreground: oklch(0.13 0.02 21)
-    success: oklch(0.66 0.15 148)
-    warning: oklch(0.78 0.15 77)
-    border: oklch(0.27 0.012 240)
-    input: oklch(0.3 0.013 240)
-    ring: oklch(0.68 0.17 255)
-    surface-raised: oklch(0.2 0.011 240)
-    surface-overlay: oklch(0.25 0.012 240)
-    chart-1: oklch(0.62 0.18 255)
-    chart-2: oklch(0.7 0.17 250)
-    chart-3: oklch(0.62 0.21 315)
-    chart-4: oklch(0.7 0.15 148)
-    chart-5: oklch(0.8 0.15 77)
-    sidebar: oklch(0.135 0.009 240)
-    sidebar-foreground: oklch(0.9 0.008 240)
-    sidebar-primary: oklch(0.68 0.15 252)
-    sidebar-primary-foreground: oklch(0.14 0.02 240)
-    sidebar-accent: oklch(0.21 0.03 250)
-    sidebar-accent-foreground: oklch(0.89 0.02 250)
-    sidebar-border: oklch(0.23 0.011 240)
-    sidebar-ring: oklch(0.68 0.17 255)
-typography:
-  display: { family: "Montserrat Variable", fallback: "system-ui, sans-serif", weights: [600, 700] }
-  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
-  mono: { family: "Roboto Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 32px, line: 38px, weight: 600, family: display, tracking: -0.01em }
-    h1: { size: 28px, line: 34px, weight: 600, family: display, tracking: -0.01em }
-    h2: { size: 24px, line: 30px, weight: 600, family: sans }
-    body: { size: 16px, line: 24px, weight: 400, family: sans, tracking: -0.01em }
-    small: { size: 14px, line: 20px, weight: 400, family: sans, tracking: -0.01em }
-    caption: { size: 12px, line: 16px, weight: 600, family: sans, tracking: 0.02em }
-    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
-elevation:
-  radius: { sm: 4px, md: 8px, lg: 12px }
-  hairline: border
-  shadow:
-    overlay: "0 4px 16px oklch(0.2 0.02 240 / 0.12)"
-    popover: "0 1px 4px oklch(0.2 0.02 240 / 0.10)"
-  dark-ladder: { background: 0.155, raised: 0.2, overlay: 0.25, hue-held: 240 }
-motion:
-  duration: { press: 100ms, fade: 150ms, panel: 220ms }
-  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
-  entrance-never: ease-in
-  identity-moments: [auth]
-iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
-charts:
-  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
-  sequential: { from: background, to: chart-1 }
-  diverging: { negative: destructive, mid: muted, positive: chart-4 }
-layout: { base: 4px, sidebar: [252px, 56px], topbar: 56px, side-panel: [440px, 680px], content-max: 1360px }
-```