@nurix/etna 0.19.49 → 0.19.51

package/data/harnesses/apollo/skills/design/design-md/library/clay.md

@@ -1,204 +0,0 @@
----
-schema: design-md/v2
-id: clay
-tier: brand
-segments: [gtm-data, crm, sales-tools]
-keywords: [warm, cream, near-black, rounded, playful-restrained, spacious]
-sourced: 2026-07-12
-sources: "design-md/v1 clay entry (2026-07-04) + 2026-07-12 re-audit of Clay's public brand; Inter Variable + JetBrains Mono per the v1 substitution (Plain Black hero display and 3D claymation stay behind); the saturated six-hue feature palette demoted to chart encodings; dark theme authored as a warm reading room (v1 shipped light only)"
-license: open
----
-
-# clay — a ceramicist's daylit studio at the worktable
-
-## 1 Visual Theme
-A ceramicist's daylit studio: cream paper laid on the worktable, one tool inked
-near-black, forms rounded and generous, and all the color kept in the glaze samples
-on the shelf. Light by default and warm, never cool — the cream `background` is the
-non-negotiable signal that separates this from every cool-gray data platform. Flat:
-rank is warm surface steps, hairline `border`, and type weight, never heavy shadow.
-One reserved action tone — near-black `primary` — carries emphasis in the chrome.
-The dark theme is the same studio after dusk: a warm-charcoal ladder, never inverted
-paper. Density breathes; the tool breathes with it.
-
-## 2 Color Roles
-Ink `foreground` on cream `background`; `primary` is near-black, the single tone the
-chrome spends on emphasis — the one primary action and active nav, nothing else. The
-saturated six — teal, pink, lavender, ochre, coral — are Clay's brand voltage, carried
-here only as `chart-1..5`, never chrome. `accent` is a warmer cream for selection and
-hover, a surface shift not a color. Status hues (`destructive`, `success`, `warning`)
-speak status only. Sidebar sits a faint cream step off the canvas in both themes.
-
-## 3 Typography
-Inter (single voice — the open substitute for Clay's UI face) / JetBrains Mono (IDs,
-codes, timestamps, log lines). Register scope: no marketing display face — Inter at 600
-carries every heading, and Plain Black stays hero-scale marketing. Emphasis bumps weight
-one step, never size. Every numeric column renders `tabular-nums`; uppercase eyebrows
-are the one tracked register.
-
-## 4 Component Stylings
-Buttons `radius-md` (12px, generous, no pill), near-black `primary` fill, hover deepens
-one step; secondary takes `secondary` cream with a hairline; ghost goes `accent` on
-hover. Inputs on `background` with a hairline `input` edge and a 2px near-black `ring`,
-no glow. Cards flat on `card` with a hairline, stepping to `radius-lg` for large panels;
-shadow only when a true overlay must lift. Table rows `muted` hover, `accent` selection,
-mono numerals. Detail opens in the side panel. Badges alone pill — `muted` or status
-fills, uppercase caption, never `primary`.
-
-## 5 Layout
-4px base; ramp 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64. Sidebar 260/60px; topbar 56px; side
-panel 440/680px; content max 1320px; tables full-width. Spacious globally — the luxury is
-cream space, not ornament — stepped denser per archetype, never absolute overrides.
-
-## 6 Depth
-Flat — warm surface steps and hairlines carry all rank; the cream-to-white ladder does
-the work a shadow would elsewhere. Light: shadows only on true overlays (popover,
-dialog), warm-tinted toward hue 85, never black. Dark: the authored ladder —
-`background` 0.19 L, `surface-raised` +0.04, `surface-overlay` +0.09, hue held at 85.
-Focus is a 2px near-black `ring`, always visible; three z-levels: content, chrome, overlay.
-
-## 7 Motion
-Calm and small. Named moments: `panel-slide` (side panel, 220ms, interruptible),
-`page-fade` (content arrive, 160ms), `press` (primary action, 120ms). Physicality is
-granted only to auth and first-run empty states; nothing animates in tables, palettes,
-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 spends Clay's demoted feature palette as
-encodings — teal, pink, lavender, ochre, coral (`chart-1..5`); tooltips on
-`surface-overlay` with mono numerals.
-
-## 9 Voice
-Warm and plain — a friendly operator that never shouts. "Add record" · "All caught up —
-nothing needs review today" · "This list is still importing; give it a minute before you
-enrich."
-
-## 10 Do's & Don'ts
-Do anchor every surface on the cream `background` — the warm tint is the identity. Do
-reserve near-black `primary` for the single most important action. Do keep radius
-generous — the rounded character is the brand. Don't cool the neutrals to gray — a gray
-canvas is a different brand. Don't bring the saturated feature fills into chrome (no
-hot-pink button, no teal panel) — they live only in charts. Don't pill the primary CTA
-or signal elevation with heavy shadow.
-
-## 11 Responsive
-375: sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet;
-density holds. 768: sidebar → icon rail; tables scroll their overflow. 1024: two-pane
-queue+detail holds side by side. 1440: forms cap; tables and dashboards take the full
-width with generous cream gutters.
-
-## 12 Agent Prompt Guide
-Reach for the cream canvas first — it is what makes the tool read as Clay. Accent only
-the primary action, and the accent is near-black; if two want it, one is not primary.
-The saturated palette lives only in charts. Keep radius generous; every numeric column is
-mono `tabular-nums`. Dark is authored — consult the block, never derive.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.985 0.012 85)
-    foreground: oklch(0.16 0.006 85)
-    card: oklch(0.995 0.006 85)
-    card-foreground: oklch(0.16 0.006 85)
-    popover: oklch(0.995 0.006 85)
-    popover-foreground: oklch(0.16 0.006 85)
-    primary: oklch(0.16 0.006 85)
-    primary-foreground: oklch(0.985 0.012 85)
-    secondary: oklch(0.955 0.012 88)
-    secondary-foreground: oklch(0.22 0.008 85)
-    muted: oklch(0.965 0.013 88)
-    muted-foreground: oklch(0.50 0.014 82)
-    accent: oklch(0.925 0.014 90)
-    accent-foreground: oklch(0.22 0.008 85)
-    destructive: oklch(0.58 0.20 25)
-    destructive-foreground: oklch(0.985 0.008 25)
-    success: oklch(0.60 0.13 150)
-    warning: oklch(0.72 0.15 70)
-    border: oklch(0.905 0.012 88)
-    input: oklch(0.905 0.012 88)
-    ring: oklch(0.16 0.006 85)
-    surface-raised: oklch(0.99 0.008 85)
-    surface-overlay: oklch(0.995 0.006 85)
-    chart-1: oklch(0.62 0.13 190)
-    chart-2: oklch(0.68 0.16 350)
-    chart-3: oklch(0.58 0.15 290)
-    chart-4: oklch(0.70 0.13 75)
-    chart-5: oklch(0.65 0.17 30)
-    sidebar: oklch(0.965 0.014 88)
-    sidebar-foreground: oklch(0.16 0.006 85)
-    sidebar-primary: oklch(0.16 0.006 85)
-    sidebar-primary-foreground: oklch(0.985 0.012 85)
-    sidebar-accent: oklch(0.925 0.014 90)
-    sidebar-accent-foreground: oklch(0.22 0.008 85)
-    sidebar-border: oklch(0.905 0.012 88)
-    sidebar-ring: oklch(0.16 0.006 85)
-  dark:
-    background: oklch(0.19 0.010 85)
-    foreground: oklch(0.94 0.010 85)
-    card: oklch(0.23 0.011 85)
-    card-foreground: oklch(0.94 0.010 85)
-    popover: oklch(0.27 0.012 85)
-    popover-foreground: oklch(0.94 0.010 85)
-    primary: oklch(0.94 0.010 85)
-    primary-foreground: oklch(0.19 0.010 85)
-    secondary: oklch(0.25 0.011 85)
-    secondary-foreground: oklch(0.90 0.010 85)
-    muted: oklch(0.24 0.011 85)
-    muted-foreground: oklch(0.72 0.014 82)
-    accent: oklch(0.28 0.013 88)
-    accent-foreground: oklch(0.92 0.010 85)
-    destructive: oklch(0.64 0.19 25)
-    destructive-foreground: oklch(0.15 0.02 25)
-    success: oklch(0.68 0.13 150)
-    warning: oklch(0.76 0.15 70)
-    border: oklch(0.29 0.012 85)
-    input: oklch(0.29 0.012 85)
-    ring: oklch(0.94 0.010 85)
-    surface-raised: oklch(0.23 0.011 85)
-    surface-overlay: oklch(0.28 0.012 85)
-    chart-1: oklch(0.70 0.13 190)
-    chart-2: oklch(0.74 0.15 350)
-    chart-3: oklch(0.66 0.15 290)
-    chart-4: oklch(0.76 0.13 75)
-    chart-5: oklch(0.72 0.16 30)
-    sidebar: oklch(0.17 0.010 85)
-    sidebar-foreground: oklch(0.90 0.010 85)
-    sidebar-primary: oklch(0.94 0.010 85)
-    sidebar-primary-foreground: oklch(0.19 0.010 85)
-    sidebar-accent: oklch(0.26 0.012 88)
-    sidebar-accent-foreground: oklch(0.92 0.010 85)
-    sidebar-border: oklch(0.25 0.011 85)
-    sidebar-ring: oklch(0.94 0.010 85)
-typography:
-  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600] }
-  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
-  mono: { family: "JetBrains Mono", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 30px, line: 38px, weight: 600, family: display, tracking: -0.01em }
-    h1: { size: 24px, line: 31px, weight: 600, family: sans }
-    h2: { size: 18px, line: 25px, weight: 600, family: sans }
-    body: { size: 16px, line: 25px, weight: 400, family: sans }
-    small: { size: 14px, line: 21px, weight: 400, family: sans }
-    caption: { size: 12px, line: 16px, weight: 600, family: sans, tracking: 0.08em, transform: uppercase }
-    data: { size: 14px, line: 22px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body, headings], mono: [data, ids, timestamps] }
-elevation:
-  radius: { sm: 8px, md: 12px, lg: 16px }
-  hairline: border
-  shadow:
-    overlay: "0 8px 30px oklch(0.20 0.02 85 / 0.10)"
-    popover: "0 4px 16px oklch(0.20 0.02 85 / 0.08)"
-  dark-ladder: { background: 0.19, raised: 0.23, overlay: 0.28, hue-held: 85 }
-motion:
-  duration: { press: 120ms, fade: 160ms, 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, 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-3 }
-  diverging: { negative: destructive, mid: muted, positive: chart-1 }
-layout: { base: 4px, sidebar: [260px, 60px], topbar: 56px, side-panel: [440px, 680px], content-max: 1320px }
-```

package/data/harnesses/apollo/skills/design/design-md/library/clickhouse.md

@@ -1,205 +0,0 @@
----
-schema: design-md/v2
-id: clickhouse
-tier: brand
-segments: [data-platform, analytics, dev-tools]
-keywords: [dark, electric-yellow, monochrome, dense, high-contrast, engineered]
-sourced: 2026-07-12
-sources: "design-md/v1 clickhouse entry (2026-07-04) + 2026-07-12 re-audit of the black-canvas / electric-yellow system; Inter Variable (700, tight tracking) + JetBrains Mono per v1; dark is the signature theme (the brand ships no light surface) — a light counterpart is authored for the rare daytime need; full-bleed yellow bands and 56px stat numerals stay behind"
-license: open
----
-
-# clickhouse — a darkened ops room lit by one voltage lamp
-
-## 1 Visual Theme
-A darkened ops room at 2am: a matte near-black console, one electric-yellow status
-lamp, white readouts set in tight monospace, and nothing lit that isn't load-bearing.
-**Dark is the signature theme** — the near-black canvas is the identity, and the light
-counterpart is a rare daytime mode, not the default flipped. Emphatically flat: rank is
-the surface ladder, hairline `border`, and white-on-black contrast, never shadow. One
-accent — electric-yellow `primary` — is held scarce: the one primary action, the focus
-`ring`, the active-nav indicator, nothing else. Neutrals are near-achromatic so the UI
-reads engineered and monochrome, yellow its only voltage. Density is dense.
-
-## 2 Color Roles
-White `foreground` on near-black `background`; `primary` electric-yellow is the only
-chromatic hue that carries meaning, with black `primary-foreground` for the
-high-contrast brand signal. `accent` is an elevated neutral grey for hover and selected
-rows — a lift, never a hue. Status hues (`destructive`, `success`, `warning`) speak
-status only. The yellow's power is its scarcity at element scale; full-bleed yellow is
-marketing voltage and carries no operator role. Sidebar sits a step below the canvas.
-
-## 3 Typography
-Inter (single voice — the open substitute for the brand cut) / JetBrains Mono (IDs,
-codes, timestamps, log lines, SQL). Register scope: no separate display face — Inter at
-700 with tight negative tracking is the defining trait, carried at operator sizes even as
-the 72/56/40px hero scale stays behind. Every numeric column renders `tabular-nums`;
-show the real query, not an illustration. Emphasis bumps weight, never size.
-
-## 4 Component Stylings
-Buttons `radius-md` (8px, never pill), yellow `primary` fill on black; secondary takes
-the dim-panel `secondary` with a hairline; ghost goes `accent` on hover. Inputs on
-`background` with a hairline `input` edge and a 2px yellow `ring`, no glow. Cards a
-dim-panel step above the canvas on a hairline, `radius-lg` for large panels; depth is
-the surface lift, never shadow. Table rows dense on `border` grid, `accent` hover,
-`accent` selection with a yellow left-indicator, mono numerals. Detail opens in the side
-panel. Badges: hairline, `muted`/status fill, uppercase caption, never `primary`.
-
-## 5 Layout
-4px base; ramp 2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64. Sidebar 240/56px; topbar 64px
-(the brand's nav height); side panel 420/640px; content max 1280px; tables full-width.
-Dense globally — engineering-grade rhythm — stepped per archetype, never absolute overrides.
-
-## 6 Depth
-Flat and shadowless — the surface ladder and hairlines carry all rank. Dark: the
-authored ladder — `background` 0.15 L, `surface-raised` +0.06, `surface-overlay` +0.10,
-hue held at 105; overlays earn the faintest tinted lift over a scrim, never a heavier
-shadow. Light: white canvas, hairlines, and the rare soft yellow-tinted shadow only on
-true overlays. Focus is a 2px yellow `ring`, always visible; three z-levels: content,
-sticky chrome, overlay.
-
-## 7 Motion
-Near-instant — speed is the brand. Named moments: `query-run` (press feedback, 90ms),
-`panel-glide` (side panel, 200ms, interruptible), `row-fade` (content arrive, 130ms).
-Physicality is granted only to auth. Nothing animates in tables, log streams, 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 leads with the yellow voltage then reaches for
-distinct counterpoints — yellow, blue, green, coral, violet (`chart-1..5`); tooltips on
-`surface-overlay` with mono numerals.
-
-## 9 Voice
-Terse engineer — no ceremony, no exclamation. "Run query" · "No running queries — the
-cluster is idle" · "This query scanned 4.2B rows; add a PREWHERE to narrow it."
-
-## 10 Do's & Don'ts
-Do wear the near-black canvas — this brand is categorically dark, with no light surface
-to fall back to. Do reserve yellow `primary` for the primary action, the focus `ring`,
-and the active-nav indicator — nothing else. Do carry hierarchy with the surface ladder,
-hairlines, weight, and size. Don't introduce a second brand color — monochrome plus one
-yellow. Don't fill large surfaces with yellow or set body text in it. Don't pill controls
-or signal elevation with drop shadows.
-
-## 11 Responsive
-375: sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet;
-density holds. 768: sidebar → icon rail; tables scroll their overflow. 1024: two-pane
-queue+detail holds side by side. 1440: content caps for forms; tables and dashboards take
-the full width.
-
-## 12 Agent Prompt Guide
-Wear the near-black canvas by default — cards and panels are the dim-panel lift off it,
-not white. Spend yellow once per surface: primary action, focus ring, active-nav
-indicator; if two things want it, one is not primary. Depth is surface contrast and
-hairlines, never shadow. Every ID, timestamp, and SQL block is mono; show the real query.
-Dark is authored — consult the block, never derive.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.99 0.004 105)
-    foreground: oklch(0.17 0.006 105)
-    card: oklch(0.995 0.004 105)
-    card-foreground: oklch(0.17 0.006 105)
-    popover: oklch(0.995 0.004 105)
-    popover-foreground: oklch(0.17 0.006 105)
-    primary: oklch(0.17 0.006 105)
-    primary-foreground: oklch(0.99 0.004 105)
-    secondary: oklch(0.96 0.006 105)
-    secondary-foreground: oklch(0.24 0.007 105)
-    muted: oklch(0.965 0.006 105)
-    muted-foreground: oklch(0.48 0.008 105)
-    accent: oklch(0.93 0.008 108)
-    accent-foreground: oklch(0.24 0.007 105)
-    destructive: oklch(0.58 0.20 25)
-    destructive-foreground: oklch(0.99 0.008 25)
-    success: oklch(0.60 0.14 150)
-    warning: oklch(0.72 0.15 75)
-    border: oklch(0.91 0.007 105)
-    input: oklch(0.91 0.007 105)
-    ring: oklch(0.17 0.006 105)
-    surface-raised: oklch(0.985 0.005 105)
-    surface-overlay: oklch(0.995 0.004 105)
-    chart-1: oklch(0.80 0.16 108)
-    chart-2: oklch(0.55 0.16 250)
-    chart-3: oklch(0.56 0.14 150)
-    chart-4: oklch(0.58 0.18 30)
-    chart-5: oklch(0.56 0.15 300)
-    sidebar: oklch(0.965 0.006 105)
-    sidebar-foreground: oklch(0.17 0.006 105)
-    sidebar-primary: oklch(0.17 0.006 105)
-    sidebar-primary-foreground: oklch(0.99 0.004 105)
-    sidebar-accent: oklch(0.93 0.008 108)
-    sidebar-accent-foreground: oklch(0.24 0.007 105)
-    sidebar-border: oklch(0.91 0.007 105)
-    sidebar-ring: oklch(0.17 0.006 105)
-  dark:
-    background: oklch(0.15 0.006 105)
-    foreground: oklch(0.99 0.004 105)
-    card: oklch(0.21 0.007 105)
-    card-foreground: oklch(0.99 0.004 105)
-    popover: oklch(0.24 0.008 105)
-    popover-foreground: oklch(0.99 0.004 105)
-    primary: oklch(0.97 0.17 111)
-    primary-foreground: oklch(0.15 0.006 105)
-    secondary: oklch(0.21 0.007 105)
-    secondary-foreground: oklch(0.92 0.006 105)
-    muted: oklch(0.19 0.007 105)
-    muted-foreground: oklch(0.66 0.010 105)
-    accent: oklch(0.26 0.008 105)
-    accent-foreground: oklch(0.92 0.006 105)
-    destructive: oklch(0.64 0.20 25)
-    destructive-foreground: oklch(0.15 0.02 25)
-    success: oklch(0.70 0.16 150)
-    warning: oklch(0.78 0.15 75)
-    border: oklch(0.29 0.008 105)
-    input: oklch(0.29 0.008 105)
-    ring: oklch(0.97 0.17 111)
-    surface-raised: oklch(0.21 0.007 105)
-    surface-overlay: oklch(0.25 0.008 105)
-    chart-1: oklch(0.90 0.17 108)
-    chart-2: oklch(0.72 0.15 250)
-    chart-3: oklch(0.72 0.15 150)
-    chart-4: oklch(0.70 0.17 30)
-    chart-5: oklch(0.72 0.13 300)
-    sidebar: oklch(0.13 0.006 105)
-    sidebar-foreground: oklch(0.92 0.006 105)
-    sidebar-primary: oklch(0.97 0.17 111)
-    sidebar-primary-foreground: oklch(0.15 0.006 105)
-    sidebar-accent: oklch(0.22 0.008 105)
-    sidebar-accent-foreground: oklch(0.92 0.006 105)
-    sidebar-border: oklch(0.24 0.008 105)
-    sidebar-ring: oklch(0.97 0.17 111)
-typography:
-  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [700] }
-  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 700] }
-  mono: { family: "JetBrains Mono", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 28px, line: 34px, weight: 700, family: display, tracking: -0.02em }
-    h1: { size: 24px, line: 30px, weight: 700, family: sans, tracking: -0.015em }
-    h2: { size: 18px, line: 24px, weight: 700, 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.08em, transform: uppercase }
-    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body, headings], mono: [data, ids, timestamps, logs, sql] }
-elevation:
-  radius: { sm: 6px, md: 8px, lg: 12px }
-  hairline: border
-  shadow:
-    overlay: "0 10px 34px oklch(0.12 0.012 105 / 0.55)"
-    popover: "0 4px 16px oklch(0.12 0.012 105 / 0.45)"
-  dark-ladder: { background: 0.15, raised: 0.21, overlay: 0.25, hue-held: 105 }
-motion:
-  duration: { press: 90ms, fade: 130ms, 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-4, mid: muted, positive: chart-3 }
-layout: { base: 4px, sidebar: [240px, 56px], topbar: 64px, side-panel: [420px, 640px], content-max: 1280px }
-```

package/data/harnesses/apollo/skills/design/design-md/library/cohere.md

@@ -1,205 +0,0 @@
----
-schema: design-md/v2
-id: cohere
-tier: brand
-segments: [enterprise-ai, ml-platform, dev-tools]
-keywords: [editorial, monochrome, white, action-blue, spacious, carved]
-sourced: 2026-07-12
-sources: "design-md/v1 cohere entry (2026-07-04) + 2026-07-12 re-audit of the enterprise-AI editorial system; Inter Variable substitutes Unica77 Cohere Web, JetBrains Mono substitutes CohereMono; the hero display faces (96/72/60px), pill CTAs, coral taxonomy, and green/navy media bands stay behind; deep-green and navy survive only as chart hues; dark theme authored (public web is light only)"
-license: open
----
-
-# cohere — a museum reading room with one blue thread
-
-## 1 Visual Theme
-A museum reading room: a stark white wall, black wayfinding type, one warm stone bench,
-and a single blue thread marking the path through. Light by default; the shell is
-austere black-and-white — a white canvas, near-black ink, and one chromatic accent,
-action-blue, reserved for links, selection, and the one detail that must read as
-clickable. The primary action wears near-black `primary`, not a color — color arrives
-through data, never chrome. A warm soft-stone `secondary` keeps the system editorial.
-Emphatically flat, and spacious: whitespace is the trust signal, so rows run tall.
-
-## 2 Color Roles
-Near-black `foreground` on white `background`; `primary` is near-black — the neutral
-that carries the one primary action and active nav. `accent-foreground` action-blue is
-the only chromatic hue with interactive meaning — links, selection, the single
-clickable detail — over a pale-blue `accent` wash. `secondary` soft-stone is the warm
-mineral surface. Status hues speak status only; deep-green and navy survive only as
-chart hues. Sidebar sits a faint step off the white in both themes.
-
-## 3 Typography
-Inter (single voice — the open substitute for Unica77 Cohere Web) / JetBrains Mono (IDs,
-timestamps, and the uppercase system/taxonomy labels — substitute for CohereMono).
-Register scope: no hero display face — Inter carries headings, kept tight and carved by
-size and tracking, not heavy weight. Uppercase mono labels mark categories and systems;
-every numeric column renders `tabular-nums`. Emphasis bumps weight one step, never size.
-
-## 4 Component Stylings
-Buttons `radius-md` (8px, never pill — the 32px pill is marketing-only), near-black
-`primary` fill; secondary takes soft-stone `secondary` with a hairline; ghost goes
-`accent` on hover. Inputs on `background` with a hairline `input` edge and a 2px
-focus-blue `ring`, no glow. Cards flat on `card` with a hairline, `radius-lg` for large
-panels; shadow only for a true overlay. Table rows tall and editorial, `muted` hover,
-`accent` selection, mono numerals. Detail opens in the side panel. Badges: hairline,
-`muted`/status fill, uppercase mono label, never `primary` or `accent-foreground`.
-
-## 5 Layout
-8px base; ramp 2 · 6 · 8 · 12 · 16 · 24 · 32 · 40 · 56 · 80 (the 80 preserves the
-dramatic section breathing). Sidebar 264/60px; topbar 60px; side panel 440/680px; content
-max 1320px; tables full-width. Spacious globally — whitespace is the trust signal —
-stepped per archetype, never absolute overrides.
-
-## 6 Depth
-Emphatically flat — surface alternation, hairlines, and warm `secondary` blocks carry
-rank, never drop shadows. Light: overlays earn the one soft cool-tinted tier. Dark: the
-authored ladder — `background` 0.20 L, `surface-raised` +0.04, `surface-overlay` +0.08,
-hue held at 285. Focus is a 2px focus-blue `ring`, always visible; three z-levels:
-content, sticky chrome, overlay.
-
-## 7 Motion
-Reserved and editorial. Named moments: `panel-slide` (side panel, 240ms, interruptible),
-`page-fade` (content arrive, 160ms), `press` (primary action, 120ms). 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,
-no gridline fills; the categorical ramp spends action-blue then the surviving marketing
-hues — blue, deep-green, navy, burnt-coral, slate (`chart-1..5`); tooltips on
-`surface-overlay` with mono numerals.
-
-## 9 Voice
-Precise and quiet — enterprise calm, no exclamation. "Run evaluation" · "Nothing to
-review — the last batch cleared this morning" · "This model version is deprecated; pin a
-supported one before deploying."
-
-## 10 Do's & Don'ts
-Do reserve near-black `primary` for the single most important action and keep the shell
-monochrome. Do let action-blue `accent-foreground` be the one chromatic hue — links,
-selection, focus. Do carry the grid with hairlines and surface alternation. Don't pill
-the CTA — the 32px pill stays in marketing. Don't turn coral, deep-green, or navy into
-decorative surface fills — they are media-band and taxonomy colors, not chrome. Don't add
-heavy drop shadows or promote a second chromatic accent.
-
-## 11 Responsive
-375: sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet;
-metadata drops below the title. 768: sidebar → icon rail; card grids 3→2; tables scroll
-overflow. 1024: two-pane queue+detail holds; 3-column grids return. 1440: forms cap;
-tables and dashboards take the full width with generous section intervals.
-
-## 12 Agent Prompt Guide
-Reach first for the monochrome shell: white canvas, near-black `primary`, hairline
-borders. One chromatic accent — action-blue for links, selection, focus; a second hue as
-chrome is wrong. Honor the editorial calm: spacious density, tall rows, generous section
-gaps. Uppercase mono labels mark categories; every numeric column is mono `tabular-nums`.
-Dark is authored — consult the block, never derive.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.99 0.005 270)
-    foreground: oklch(0.24 0.008 285)
-    card: oklch(0.995 0.004 270)
-    card-foreground: oklch(0.24 0.008 285)
-    popover: oklch(0.995 0.004 270)
-    popover-foreground: oklch(0.24 0.008 285)
-    primary: oklch(0.22 0.012 285)
-    primary-foreground: oklch(0.98 0.004 270)
-    secondary: oklch(0.94 0.008 88)
-    secondary-foreground: oklch(0.28 0.010 285)
-    muted: oklch(0.965 0.005 270)
-    muted-foreground: oklch(0.49 0.010 285)
-    accent: oklch(0.96 0.014 265)
-    accent-foreground: oklch(0.50 0.18 260)
-    destructive: oklch(0.50 0.19 29)
-    destructive-foreground: oklch(0.98 0.01 29)
-    success: oklch(0.58 0.13 150)
-    warning: oklch(0.62 0.14 45)
-    border: oklch(0.89 0.006 285)
-    input: oklch(0.89 0.006 285)
-    ring: oklch(0.58 0.18 268)
-    surface-raised: oklch(0.985 0.005 270)
-    surface-overlay: oklch(0.995 0.004 270)
-    chart-1: oklch(0.50 0.18 260)
-    chart-2: oklch(0.45 0.10 155)
-    chart-3: oklch(0.38 0.12 265)
-    chart-4: oklch(0.62 0.15 45)
-    chart-5: oklch(0.55 0.06 285)
-    sidebar: oklch(0.965 0.006 270)
-    sidebar-foreground: oklch(0.24 0.008 285)
-    sidebar-primary: oklch(0.22 0.012 285)
-    sidebar-primary-foreground: oklch(0.98 0.004 270)
-    sidebar-accent: oklch(0.95 0.014 265)
-    sidebar-accent-foreground: oklch(0.44 0.16 260)
-    sidebar-border: oklch(0.89 0.006 285)
-    sidebar-ring: oklch(0.58 0.18 268)
-  dark:
-    background: oklch(0.20 0.008 285)
-    foreground: oklch(0.95 0.005 270)
-    card: oklch(0.24 0.009 285)
-    card-foreground: oklch(0.95 0.005 270)
-    popover: oklch(0.27 0.009 285)
-    popover-foreground: oklch(0.95 0.005 270)
-    primary: oklch(0.95 0.005 270)
-    primary-foreground: oklch(0.20 0.008 285)
-    secondary: oklch(0.26 0.010 88)
-    secondary-foreground: oklch(0.90 0.006 270)
-    muted: oklch(0.24 0.009 285)
-    muted-foreground: oklch(0.68 0.012 285)
-    accent: oklch(0.30 0.04 265)
-    accent-foreground: oklch(0.80 0.10 262)
-    destructive: oklch(0.60 0.19 29)
-    destructive-foreground: oklch(0.15 0.02 29)
-    success: oklch(0.68 0.13 150)
-    warning: oklch(0.70 0.14 45)
-    border: oklch(0.30 0.010 285)
-    input: oklch(0.30 0.010 285)
-    ring: oklch(0.62 0.16 268)
-    surface-raised: oklch(0.24 0.009 285)
-    surface-overlay: oklch(0.28 0.010 285)
-    chart-1: oklch(0.62 0.16 260)
-    chart-2: oklch(0.62 0.12 155)
-    chart-3: oklch(0.58 0.14 265)
-    chart-4: oklch(0.70 0.15 45)
-    chart-5: oklch(0.68 0.06 285)
-    sidebar: oklch(0.18 0.008 285)
-    sidebar-foreground: oklch(0.90 0.006 270)
-    sidebar-primary: oklch(0.95 0.005 270)
-    sidebar-primary-foreground: oklch(0.20 0.008 285)
-    sidebar-accent: oklch(0.28 0.035 265)
-    sidebar-accent-foreground: oklch(0.82 0.09 262)
-    sidebar-border: oklch(0.26 0.010 285)
-    sidebar-ring: oklch(0.62 0.16 268)
-typography:
-  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [500] }
-  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
-  mono: { family: "JetBrains Mono", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 28px, line: 34px, weight: 500, family: display, tracking: -0.02em }
-    h1: { size: 24px, line: 31px, weight: 500, family: sans, tracking: -0.015em }
-    h2: { size: 20px, line: 26px, weight: 600, family: sans, tracking: -0.01em }
-    body: { size: 15px, line: 23px, weight: 400, family: sans }
-    small: { size: 13px, line: 19px, weight: 400, family: sans }
-    caption: { size: 13px, line: 18px, weight: 500, family: mono, tracking: 0.02em, transform: uppercase }
-    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body, headings], mono: [data, ids, timestamps, labels] }
-elevation:
-  radius: { sm: 6px, md: 8px, lg: 12px }
-  hairline: border
-  shadow:
-    overlay: "0 8px 30px oklch(0.22 0.02 285 / 0.10)"
-    popover: "0 4px 16px oklch(0.22 0.02 285 / 0.08)"
-  dark-ladder: { background: 0.20, raised: 0.24, overlay: 0.28, hue-held: 285 }
-motion:
-  duration: { press: 120ms, fade: 160ms, panel: 240ms }
-  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: chart-4, mid: muted, positive: chart-2 }
-layout: { base: 8px, sidebar: [264px, 60px], topbar: 60px, side-panel: [440px, 680px], content-max: 1320px }
-```