@nurix/etna 0.19.11 → 0.19.13

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

@@ -1,140 +0,0 @@
----
-schema: design-md/v1
-product: BMW
-provenance: library
-sourced: 2026-07-04
----
-
-# BMW — measured corporate-automotive, translated for operators
-
-The BMW corporate design (distinct from BMW M's motorsport-bombastic variant): measured, settled,
-engineered. A light near-white canvas, a single corporate blue for every primary action, and one
-categorical signature — **everything is rectangular, 0px corners** — with depth from a greyscale
-surface ladder and hairlines, never shadow. This operator reading keeps the palette, the blue
-accent, the 0px geometry, the flatness, and the heavy-display type voice; the marketing graces
-(dark-navy hero bands, 64px display type, full-bleed photography, the M tricolor stripe, 80px
-section rhythm) stay behind.
-
-## 1 Visual Theme
-
-Light by default; dark is opt-in. Flat and categorically shadowless: hierarchy rides a greyscale surface ladder
-(`background` white → `card` soft-grey plate → hairline `border`) and type weight, never drop shadow. A single accent, BMW
-corporate blue (`primary`, brand `#1c69d4`), is reserved for the one action that matters. The geometry is the identity:
-`radius` 0 — buttons, inputs, cards, and chips all rectangular. The anchor surface is a white canvas beside a soft-grey
-`sidebar`; density is `standard`, stepping denser per archetype — dealership-functional, not cramped.
-
-## 2 Color Roles
-
-Light values first. One accent — `primary` blue is the only chromatic hue that carries meaning; status
-hues speak only status. BMW reserves blue for action, so selection and hover use a faint blue wash.
-
-| Role | Value | Allowed where |
-| --- | --- | --- |
-| `background` / `popover` | white `#ffffff` (canvas) | the dominant page and overlay surface |
-| `card` | soft grey `#fafafa` (surface-card) | card and panel plates — lift by color-block contrast, no shadow |
-| `foreground` / `card-foreground` | ink `#262626` (not pure black) | all primary text |
-| `muted` / `secondary` | `#f7f7f7` (surface-soft) | hover rows, subtle fills, secondary buttons, footer bands |
-| `muted-foreground` | `#6b6b6b` | labels, captions, breadcrumbs, secondary text |
-| `border` / `input` | hairline `#e6e6e6` | every separator, grid line, and field edge |
-| `primary` | BMW blue `#1c69d4` | the one primary action; active nav; selected-tile border |
-| `accent` | faint blue wash `#e9f1fc` | selected / hovered rows and nav, on-accent surfaces only |
-| `ring` | `primary` | the focus outline — unmistakable, because keyboard-first |
-| `destructive` | red `#dc2626` | destructive actions and validation errors only |
-| `success` / `warning` | green `#22c55e` / amber `#f59e0b` | status signalling only, never chrome |
-
-The dark navy hero (`#1a2129`) and the M tricolor (`#0066b1` / `#1c69d4` / `#e22718`) are brand graces, not operator
-tokens — no chrome role here (see §7); the M hues resurface only as chart categoricals, the brand's only spare palette.
-
-## 3 Typography
-
-One sans, one mono. `font-sans` is Inter — the documented open-source stand-in for the licensed BMW Type
-Next Latin, which runs a wide body and takes no negative tracking. `font-mono` is Roboto Mono (Roboto
-sits in BMW's fallback stack) for IDs, codes, timestamps, and logs. The editorial signature is a
-heavy/normal contrast: `font-weight-strong` 700 heads against `font-weight-normal` 400 body; numeric
-columns render `tabular-nums`.
-
-| Step | Role | Size · line | Weight · tracking |
-| --- | --- | --- | --- |
-| h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` (0) |
-| h2 | section head | 20px / 1.3 | `font-weight-strong` · 0 |
-| h3 | card / group head | 16px / 1.4 | `font-weight-strong` · 0 |
-| body | UI + prose | 14px / 1.5 | `font-weight-normal` |
-| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
-| caption | uppercase eyebrow / inline link | 13px / 1.3 | `font-weight-strong`, `+1.5px`, uppercase |
-
-The uppercase letter-spaced label (`+1.5px`, the "LEARN MORE" machined-precision voice) is BMW's distinctive small-type
-carry-over. The system uses 700 / 400 only — never 500; emphasize by weight, not size.
-
-## 4 Component Stylings
-
-Every recurring operator component composes from the primitives — no literal values, `radius` 0 everywhere.
-
-- **Button** — `primary`: filled `primary` on `primary-foreground`, `radius` (rectangular), no pill.
-  Secondary: `background` fill, 1px `border`, `foreground`. Ghost: transparent, `accent` on hover.
-- **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus draws the `ring` at
-  full 2px, no glow (BMW thickens the field edge to ink — the `ring` carries that emphasis).
-- **Card** — `card` soft-grey plate distinguished by color-block contrast, optional 1px `border`,
-  `radius`; no shadow at rest, inset by `density-inset`.
-- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on
-  numeric columns; row selection tints `accent`.
-- **Side panel** — detail and edit open beside the work in the side panel (`side-panel-width` / `side-panel-width-rich`), never over it.
-- **Badge / filter chip** — rectangular, hairline `border`, `muted`/status fill, uppercase caption; an
-  active chip fills `foreground` ink with `primary-foreground` text (BMW's chip idiom); status badges
-  take `success` / `warning` / `destructive`, never `primary`.
-
-## 5 Layout
-
-Base spacing unit 4px through Tailwind, but BMW's native 8px rhythm shows in the on-scale ramp `4 · 8 · 12 · 16 · 24 · 32 ·
-48 · 64` (the marketing 80px section rhythm stays behind). Shell dimensions map one-to-one to the layout primitives:
-sidebar `sidebar-width-expanded` / `sidebar-width-collapsed`, topbar `topbar-height` (BMW's 64px nav), side panel
-`side-panel-width` / `side-panel-width-rich`, modal cap `modal-width-max`, forms `form-max-width`, tables full-width capped
-at ~1440px. Density is governed globally by `density-tier` and stepped per archetype by the surface catalog.
-
-## 6 Depth
-
-Flat, and more so than most — BMW never draws a drop shadow. Hierarchy comes from the surface ladder and hairlines:
-
-- **0 — canvas** `background` white, no border.
-- **1 — panel / card** `card` soft-grey plate on an optional 1px `border`; separation is color-block
-  contrast, not shadow.
-- **2 — overlay** `popover` / side panel / modal — the only place `shadow-intensity` earns a whisper
-  `sm` shadow, kept minimal because the brand is shadowless; a hairline still carries the edge.
-
-Focus is a 2px `ring` outline (never a glow), visible everywhere. Three z-levels: content, chrome, overlay.
-
-## 7 Do's & Don'ts
-
-- **Do** reserve `primary` blue for the single most important action on a surface; everything else is
-  neutral or status.
-- **Do** keep every corner rectangular — `radius` 0 on buttons, inputs, cards, and chips is the BMW
-  signature; carry hierarchy with the greyscale surface ladder, hairlines, and weight.
-- **Do** set heads in `font-weight-strong` (700) against `font-weight-normal` (400) body; apply
-  `tabular-nums` to numeric columns and `font-mono` to IDs, codes, and timestamps.
-- **Don't** promote a second chromatic accent — the M tricolor and dark-navy hero stay marketing-only;
-  status uses `success` / `warning` / `destructive`.
-- **Don't** pill or round a control (radius stays inside `radius-scale`), signal elevation with a drop
-  shadow, or thin dense body to the marketing Light 300 weight.
-
-## 8 Responsive
-
-The operator sweep is 375 / 768 / 1024 / 1440.
-
-| Breakpoint | What changes |
-| --- | --- |
-| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
-| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
-| 1024 | sidebar expands; two-pane queue+detail holds side by side |
-| 1440 | content caps at ~1440px; forms hold `form-max-width`; tables and dashboards use the full width |
-
-## 9 Agent Prompt Guide
-
-Directives the emitting agent follows verbatim:
-
-- Carries over: the palette (white canvas, ink text, `#1c69d4` blue), the single-accent discipline, the
-  0px rectangular geometry, the greyscale-ladder flatness, the heavy 700 / normal 400 type voice.
-- Stays behind: dark-navy hero bands, 64px display type, full-bleed photography, the M tricolor stripe,
-  the 80px section rhythm — none belong in operator chrome.
-- Everything is rectangular (round only a circular icon button); accent only the primary action with
-  blue — if two things want the accent, one is not primary; stay shadowless, reaching for the `card`
-  grey plate and hairlines before any elevation, a whisper `sm` shadow only for a true overlay.
-- Numeric columns are `tabular-nums`, IDs / codes / timestamps `font-mono`, every workflow keyboard-complete with the `ring` focus outline always visible.

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

@@ -1,140 +0,0 @@
----
-schema: design-md/v1
-product: Cal.com
-provenance: library
-sourced: 2026-07-04
----
-
-# Cal.com — operator reading
-
-The operator reading of Cal.com's design language, distilled from Cal's marketing surface. It keeps
-what an internal tool can wear — the monochrome near-black action layer, the light-gray surface
-ladder, soft-rounded 8px/12px geometry, the Cal Sans / Inter type voice — and leaves the marketing
-scaffolding behind (§9).
-
-## 1 Visual Theme
-
-Light by default; dark is opt-in. Near-monochrome: the one action that matters wears a near-black
-`primary` (#111111), not a chromatic accent — the system reads confidently engineered without spending
-color on chrome. Flat but soft: hierarchy is carried by hairline `border`, type weight, and a light-gray
-surface ladder, with soft drop shadows lifting only elevated cards. Geometry is soft-rounded (8px
-controls, 12px cards) — the friendly-modern-SaaS read. The anchor surface is a white content canvas over
-a faint cool-gray `sidebar`; one scarce near-black surface (#101010) frames or closes a view — the
-operator descendant of Cal's dark footer. Density is `spacious`: generous whitespace is the brand's
-signature; surfaces step denser per archetype without cramming.
-
-## 2 Color Roles
-
-Light values (hex — the corpus's native format). The action layer is monochrome: `primary` is a
-near-black, the only chromatic brand color (`brand-accent` blue) is confined to inline links.
-
-| Role | Value | Allowed where |
-| --- | --- | --- |
-| `background` / `card` / `popover` | white `#ffffff` | page, cards, and overlays — the dominant surface |
-| `foreground` | near-black `#111111` | all primary ink and headlines |
-| `muted` / `secondary` | light gray `#f5f5f5` | subtle fills, hover rows, secondary buttons |
-| `muted-foreground` | `#6b7280` | labels, captions, secondary text |
-| `accent` | soft gray `#f3f4f6` | selected/active rows and nav — achromatic, no hue |
-| `border` / `input` | hairline `#e5e7eb` | every separator, grid line, and field edge |
-| `primary` | near-black `#111111` (press `#242424`) | the one primary action — monochrome, never a hue |
-| `ring` | ink `#111111` | the focus outline — border shifts to ink on focus |
-| `destructive` | red `#ef4444` | destructive actions and error state only |
-| `success` / `warning` | green `#10b981` / amber `#f59e0b` | status signalling only, never chrome |
-
-The `brand-accent` blue (`#3b82f6`) rides inline links only, never a CTA (§7). The badge pastels —
-orange, pink, violet, emerald — are the chart palette (the one place this monochrome brand spends color).
-
-## 3 Typography
-
-One UI sans, one mono. `font-sans` is Inter — body, tables, buttons, nav, and captions all ride it. The
-brand's display voice is **Cal Sans** (a custom geometric face, weight 600, negative tracking), but it is
-licensed and unavailable publicly, so headings reproduce the voice through Inter at `font-weight-strong`
-with a tight negative `heading-tracking`. Hero display (48–64px) stays behind; operator headings scale to
-18–24px. `font-mono` is JetBrains Mono for IDs, codes, and timestamps; numeric columns render
-`tabular-nums` (Inter carries `tnum`) so figures align down a column.
-
-| Step | Role | Size · line | Weight · tracking |
-| --- | --- | --- | --- |
-| h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
-| h2 | section head | 18px / 1.4 | `font-weight-strong` · `heading-tracking` |
-| h3 | card / group head | 15px / 1.4 | `font-weight-strong` |
-| body | UI + prose | 14px / 1.5 | `font-weight-normal` |
-| small | labels, meta, dense rows | 13px / 1.4 | `font-weight-normal` |
-| caption | uppercase eyebrow | 12px / 1.2 | `font-weight-strong`, `+0.02em`, uppercase |
-
-## 4 Component Stylings
-
-Every recurring operator component composes from the primitives — no literal values.
-
-- **Button** — `primary`: filled near-black `primary` on `primary-foreground`, `radius` (8px), no pill,
-  press darkens to `#242424`. Secondary: `background` fill, 1px `border`, `foreground`. Ghost: `muted` hover.
-- **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus shifts the edge to the
-  ink `ring` at 2px, no glow.
-- **Card** — `card` surface, 1px `border`, `radius` steps up to 12px for content cards; soft shadow only
-  when it lifts off the canvas (`shadow-intensity`); inset by `density-inset`.
-- **Table row** — height `table-row-height`; `border` grid lines; `muted` hover; `tabular-nums` on
-  numeric columns; selection tints `accent`.
-- **Side panel** — detail/edit open beside the work, not over it (`side-panel-width` / `side-panel-width-rich`).
-- **Badge** — pill radius, `muted` or status fill, uppercase caption; status badges take `success` /
-  `warning` / `destructive`, never `primary`.
-
-## 5 Layout
-
-Base spacing unit 4px; the on-scale ramp is `4 · 8 · 12 · 16 · 24 · 32 · 48 · 64` (the marketing 96px
-section rhythm stays behind). Shell dimensions map one-to-one to the layout primitives: sidebar
-`sidebar-width-expanded` / `sidebar-width-collapsed`, topbar `topbar-height` (64px — Cal's airier nav
-band), side panel `side-panel-width` / `side-panel-width-rich`, modal cap `modal-width-max`, forms
-`form-max-width`, tables full-width. Density is governed globally by `density-tier` (`spacious`, Cal's
-generous whitespace) and stepped per archetype by the surface catalog.
-
-## 6 Depth
-
-Soft and modern. Hierarchy comes from the surface ladder and hairlines, with soft shadow reserved for
-true lift — no heavy drops, no neumorphism, no glassmorphism:
-
-- **0 — canvas** `background`, no border.
-- **1 — card / panel** `card` on a 1px `border`; a light-gray `muted` fill distinguishes feature
-  surfaces; soft `sm` shadow (`0 1px 2px rgba(0,0,0,0.05)`) only when it must lift off the canvas.
-- **2 — overlay** `popover` / side panel / modal — soft `md` shadow (`0 4px 12px rgba(0,0,0,0.08)`); the
-  scarce near-black `#101010` surface elevates by color contrast, not a heavier shadow.
-
-Focus is an ink `ring` outline (never a glow), visible on every interactive element. Three z-levels:
-content, sticky chrome, overlay.
-
-## 7 Do's & Don'ts
-
-- **Do** reserve near-black `primary` for the single most important action; keep the action layer
-  monochrome, and carry hierarchy with hairlines, weight, whitespace, and the surface ladder before shadow.
-- **Do** hold display weight at 600 with the tight negative `heading-tracking` — Cal's voice reads
-  off-brand without it; apply `tabular-nums` to numeric columns and `font-mono` to IDs, codes, timestamps.
-- **Don't** promote a chromatic accent to the action layer — `brand-accent` blue is inline-link-only,
-  the badge pastels are chart-only.
-- **Don't** pill the primary CTA or use a card radius beyond 16px — larger reads as consumer-toy, not
-  professional software.
-- **Don't** scatter the near-black surface (at most one per view, framing or closing it — a scarce
-  signal, not a panel), or signal elevation with heavy drop shadows.
-
-## 8 Responsive
-
-The operator sweep across breakpoints:
-
-| Breakpoint (px) | What changes |
-| --- | --- |
-| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
-| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
-| 1024 | sidebar expands; two-pane queue+detail holds side by side |
-| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
-
-## 9 Agent Prompt Guide
-
-What carries from Cal into an operator surface, and what stays on the marketing page.
-
-- Reach first for the white canvas, hairline `border`, and light-gray surface ladder — a monochrome
-  grayscale system. Accent only the primary action, in near-black; if two things want it, one is not primary.
-- Keep geometry soft: 8px on controls, 12px on cards; never pill a CTA, never exceed 16px on a card.
-- Headings are Inter 600 with tight negative tracking (the Cal Sans voice reproduced) — never ship Cal
-  Sans itself, never scale a heading to hero 48–64px. Numeric columns are `tabular-nums`; IDs, codes, and
-  timestamps are JetBrains Mono.
-- The near-black `#101010` surface is scarce — one framing element per view, never a panel. Leave behind
-  the hero display, the 96px band rhythm, the nav-pill switcher, product-fragment-in-card, and any
-  gradient; charts are the only place color spends.

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

@@ -1,139 +0,0 @@
----
-schema: design-md/v1
-product: Clay
-provenance: library
-sourced: 2026-07-04
----
-
-# Clay — the warm-cream operator reading
-
-Clay's marketing surface is the most playful brand in the GTM-data category: a cream-tinted white
-canvas holding 3D claymation illustrations and saturated single-color feature cards in six hues.
-This is the *operator* reading — the warmth, the near-black actions, the generous radius, and the
-Inter body voice carried into a CRM/queue/dashboard; the hero-scale Plain Black display, the 3D
-illustrations, and the saturated feature-card fills stay behind in marketing. What makes a tool read
-as Clay is the cream substrate and the disciplined near-black action, not a colored card.
-
-## 1 Visual Theme
-
-Light by default; warm, not cool. The canvas is a cream-tinted white (`background` — `#fffaf0`), never
-a gray — that faint warmth is Clay's non-negotiable differentiator from the cool-gray data-platform
-field. Flat: hierarchy comes from hairline `border`, warm surface steps, and type weight, never heavy
-shadow. A single reserved action color — near-black `primary` (`#0a0a0a`), Clay's authentic CTA —
-carries emphasis in the chrome. The anchor surface is the cream content canvas beside a faintly deeper
-cream `sidebar`. Radius is generous (`radius` 12px) to keep Clay's rounded, friendly character. Density
-is `spacious` — this brand breathes, and its operator tools breathe with it.
-
-## 2 Color Roles
-
-Light values first; hex is Clay's native format. One reserved accent — near-black `primary` is the only
-tone the chrome uses for emphasis; the six saturated brand hues live in charts only, never in chrome.
-
-| Role | Value | Allowed where |
-| --- | --- | --- |
-| `background` / `card` / `popover` | cream white `#fffaf0` | page, cards, and overlays — the dominant warm surface |
-| `foreground` | ink `#0a0a0a` | all primary text, headings |
-| `muted` | soft cream `#faf5e8` | hover rows, subtle fills |
-| `muted-foreground` | mid gray `#6a6a6a` | labels, captions, secondary text |
-| `secondary` | cream card `#f5f0e0` | secondary buttons, quiet chips |
-| `border` / `input` | hairline `#e5e5e5` | every separator, grid line, and field edge |
-| `primary` | near-black `#0a0a0a` (hover `#1f1f1f`, disabled `#e5e5e5`) | the one primary action; active nav |
-| `accent` | warm cream `#ebe6d6` | selected/hovered rows and active nav, on-accent surfaces only |
-| `ring` | near-black `#0a0a0a` | the focus outline — unmistakable on cream, because keyboard-first |
-| `destructive` | red `#ef4444` | destructive actions and error state only |
-| `success` / `warning` | green `#22c55e` / amber `#f59e0b` | status signalling only, never chrome |
-
-The saturated palette — teal, pink, lavender, ochre, coral — is Clay's brand voltage; here it carries
-**data series** (`chart-1..5`), not chrome. The marketing feature cards stay behind (see §7).
-
-## 3 Typography
-
-One sans, one mono. `font-sans` is Inter — body, UI, and headings all ride it; heading weight and a
-faint negative tracking, not a second family, carry the voice. Clay's display face, Plain Black, is a
-hero-scale marketing type (72px, -2.5px tracking) and stays behind. `font-mono` carries IDs, codes,
-timestamps, and log lines. Numeric columns render `tabular-nums` so figures align down a column.
-
-| Step | Role | Size · line | Weight · tracking |
-| --- | --- | --- | --- |
-| h1 | page title | 24px / 1.3 | `font-weight-strong` · `heading-tracking` |
-| h2 | section head | 18px / 1.4 | `font-weight-strong` · `heading-tracking` |
-| h3 | card / group head | 16px / 1.4 | `font-weight-strong` · `0` |
-| body | UI + prose | 16px / 1.55 | `font-weight-normal` |
-| small | labels, meta, dense table | 14px / 1.5 | `font-weight-normal` |
-| caption | uppercase eyebrow | 12px / 1.4 | `font-weight-strong`, `+0.1em`, uppercase |
-
-Bump weight one step for emphasis; never change size to emphasize.
-
-## 4 Component Stylings
-
-Every recurring operator component composes from the primitives — no literal values.
-
-- **Button** — `primary`: filled near-black `primary` on `primary-foreground`, `radius` (generous),
-  no pill; hover deepens to `#1f1f1f`. Secondary: `secondary` cream fill, 1px `border`. Ghost:
-  transparent, `accent` on hover.
-- **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus draws the near-black
-  `ring` at 2px, no glow.
-- **Card** — `card` surface, 1px `border`, `radius`; shadow only when it must lift off the canvas
-  (`shadow-intensity`); inset by `density-inset`.
-- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on
-  numeric columns; row selection tints `accent`.
-- **Side panel** — detail and edit open beside the work in `side-panel-width` (`-rich` when heavy).
-- **Badge** — pill (`radius-scale` 9999, Clay's brand-authentic chip shape), `muted`/status fill,
-  uppercase caption; status badges take `success` / `warning` / `destructive`, never `primary`.
-
-## 5 Layout
-
-Base spacing unit 4px (Clay's documented base); the on-scale ramp is `4 · 8 · 12 · 16 · 24 · 32 · 48 ·
-64` (marketing's 96px section rhythm stays behind). Shell dimensions map one-to-one to the layout
-primitives: sidebar `sidebar-width-expanded` / `sidebar-width-collapsed`, topbar `topbar-height`, side
-panel `side-panel-width` / `side-panel-width-rich`, modal cap `modal-width-max`, forms `form-max-width`,
-tables full-width. Density is governed globally by `density-tier` (`spacious`, rewriting the spacing
-scale through `density-gap`) and stepped per archetype by the surface catalog.
-
-## 6 Depth
-
-Flat. Hierarchy comes from warm surface steps and hairlines, not shadow:
-
-- **0 — canvas** `background` cream, no border.
-- **1 — panel / card** `card` on a 1px `border`; a step to `muted` / `secondary` cream separates
-  nested surfaces before any shadow does.
-- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
-  shadow. No level stacks a heavier shadow to signal rank; rank is border, warm surface, and position.
-
-Focus is a 2px near-black `ring` outline, never a glow; three z-levels: content, chrome, overlay.
-
-## 7 Do's & Don'ts
-
-- **Do** anchor every surface on the cream `background` (`#fffaf0`). The warm tint is the identity.
-- **Do** reserve near-black `primary` for the single most important action; everything else is neutral.
-- **Do** let the saturated palette carry data (`chart-1..5`) — that is where Clay's color belongs.
-- **Do** apply `tabular-nums` to every numeric column and `font-mono` to IDs, codes, and timestamps.
-- **Don't** cool the neutrals to gray. A gray canvas is a different brand.
-- **Don't** bring the saturated feature-card fills into chrome — no hot-pink button, no teal panel.
-- **Don't** pill the primary CTA (pill is for badges/chips) or reach past `radius-scale`.
-- **Don't** import Plain Black or 3D claymation into the tool — they are hero-scale marketing assets.
-- **Don't** signal elevation with heavy drop shadows.
-
-## 8 Responsive
-
-The operator sweep is 375 / 768 / 1024 / 1440.
-
-| Breakpoint | What changes |
-| --- | --- |
-| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
-| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
-| 1024 | sidebar expands; two-pane queue+detail holds side by side |
-| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width, generous cream gutters |
-
-## 9 Agent Prompt Guide
-
-Directives the emitting agent follows verbatim:
-
-- Reach for the cream canvas first; the warm `background` 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.
-- Charts carry Clay's saturated palette (`chart-1..5`); chrome stays warm-neutral. Never invert this.
-- Keep radius generous — the rounded character is the brand; do not tighten controls to a hard edge.
-- Detail and edit go in the side panel; a modal is a confirmation, not a workspace.
-- Every numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono`.
-- Every workflow completes from the keyboard; the near-black `ring` focus outline is always visible.
-- Plain Black hero type and 3D illustrations are marketing. They never enter the operator surface.

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

@@ -1,139 +0,0 @@
----
-schema: design-md/v1
-product: ClickHouse
-provenance: library
-sourced: 2026-07-04
----
-
-# ClickHouse — an operator reading of the black-canvas, electric-yellow system
-
-ClickHouse's web system is the highest-contrast brand in the data-platform category: near-black canvas,
-one electric-yellow voltage, white confident-bold sans, real SQL in dark cards. This entry is the
-*operator* reading — an internal tool (query console, cluster dashboard, job queue, log stream) in
-ClickHouse's language. What carries: the near-black canvas, the one yellow accent held scarce, white
-ink on dark surfaces, flat shadowless depth from surface contrast and hairlines, the 8px-not-pill
-radius, and Inter's tight bold-700 voice. What stays behind: the 72/56/40px hero display, full-bleed
-yellow CTA bands, 56px yellow stat numbers, hero 7/5 splits, and the 96px section rhythm.
-
-**This brand is categorically dark.** ClickHouse ships no light-mode surface — the black canvas *is*
-the identity. White-canvas is off-brand.
-
-## 1 Visual Theme
-
-Dark by default — the near-black `background` (`#0a0a0a`) is the floor of every surface, with no light
-counterpart. Emphatically flat: hierarchy comes from the surface ladder (canvas → card → elevated),
-hairline `border`, type weight, and white-on-black contrast — never shadow. A single accent,
-electric-yellow `primary` (`#faff69`), is held scarce: it wears the one primary action, the focus
-`ring`, and the active-nav indicator, nothing else. The neutral ramp is pure achromatic grey (white
-ink down through `#cccccc` to `#888888`), so the UI reads engineered and monochrome, yellow its only
-voltage. Density is `dense` — the brand's engineering-grade rhythm.
-
-## 2 Color Roles
-
-Dark values. One accent — yellow `primary` is the only chromatic hue that carries meaning; status
-hues speak only status.
-
-| Role | Value | Allowed where |
-| --- | --- | --- |
-| `background` | near-black canvas `#0a0a0a` | page floor and content area — the dominant surface |
-| `foreground` | white ink `#ffffff` | headlines and primary text |
-| `card` / `popover` / `secondary` | dim panel `#1a1a1a` | cards, overlays, secondary-button fills — lifted off the canvas |
-| `muted` | recessive fill `#121212` | inset wells, disabled tracks, faint band tints |
-| `muted-foreground` | mid grey `#888888` | labels, captions, secondary text |
-| `accent` | elevated grey `#242424` | hover and selected rows and nav — a neutral lift |
-| `border` / `input` | hairline `#2a2a2a` | every separator, grid line, and field edge |
-| `primary` | electric yellow `#faff69` | the one primary action; active-nav indicator; key interactive detail |
-| `primary-foreground` | black `#0a0a0a` | text on the yellow action — the high-contrast brand signal |
-| `ring` | yellow `#faff69` | the focus outline — unmistakable, because keyboard-first |
-| `destructive` | red `#ef4444` | destructive actions and error state only |
-| `success` / `warning` | emerald `#22c55e` / amber `#f59e0b` | status signalling only, never chrome |
-
-The yellow's power is its scarcity at element level; full-bleed yellow bands and stat numbers are
-marketing voltage and carry no operator role (see §7).
-
-## 3 Typography
-
-One sans, one mono. `font-sans` is Inter — body, UI, and headings all ride it; weight and tight
-tracking, not a second family, carry the display voice. `font-mono` is JetBrains Mono for IDs, codes,
-timestamps, log lines, and SQL; numeric columns render `tabular-nums`. The marketing display scale
-(72/56/40px) stays behind — an operator surface tops out at a 24px page title.
-
-| Step | Role | Size · line | Weight · tracking |
-| --- | --- | --- | --- |
-| h1 | page title | 24px / 1.3 | `font-weight-strong` · `heading-tracking` |
-| h2 | section head | 18px / 1.35 | `font-weight-strong` · `heading-tracking` |
-| h3 | card / group head | 15px / 1.4 | `font-weight-strong` |
-| body | UI + prose | 14px / 1.5 | `font-weight-normal` |
-| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
-| caption | uppercase eyebrow | 12px / 1.4 | `font-weight-strong`, `+0.1em`, uppercase |
-
-Headings run Inter at the strong weight (700) with tight negative tracking — the brand's defining
-trait, preserved at operator sizes even as the display *scale* stays behind. Build hierarchy on size
-and weight, never a second family; bump weight for emphasis, never size.
-
-## 4 Component Stylings
-
-Every recurring operator component composes from the primitives — no literal values.
-
-- **Button** — primary: filled yellow `primary` on black `primary-foreground`, `radius`, never a pill. Secondary: `secondary` dim-panel fill, `border`, `foreground`. Ghost: transparent, `accent` on hover.
-- **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus draws the yellow `ring` at full 2px, no glow.
-- **Card** — `card` dim-panel surface, 1px `border`, `radius`; depth is the surface lift off the canvas, not shadow; inset by `density-inset`.
-- **Table row** — height `table-row-height`; `border` grid lines carry the grid; `accent` on hover; `tabular-nums` on numeric columns; selection tints `accent` with a yellow `primary` left-indicator.
-- **Side panel** — detail and edit open in the panel (`side-panel-width`, `side-panel-width-rich` for content-heavy), beside the work, not over it.
-- **Badge** — hairline `border`, `muted`/status fill, uppercase caption; status badges take `success` / `warning` / `destructive`, never `primary`. Pill radius is badges-only.
-
-## 5 Layout
-
-Base spacing unit 4px; the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64` — the marketing
-96px section rhythm stays behind. Shell dimensions map one-to-one to the layout primitives: sidebar
-`sidebar-width-expanded` / `sidebar-width-collapsed`, topbar `topbar-height` (64px, the brand's nav
-height), side panel `side-panel-width` / `side-panel-width-rich`, modal cap `modal-width-max`, forms
-`form-max-width`, tables full-width. Density is governed globally by `density-tier` (dense, rewriting
-the spacing scale through `density-gap`) and stepped per archetype by the surface catalog.
-
-## 6 Depth
-
-Flat and shadowless. Depth comes from the surface ladder and hairlines, not drop shadows:
-
-- **0 — canvas** `background` (`#0a0a0a`), no border.
-- **1 — panel / card** `card` (`#1a1a1a`) on a 1px `border`; the dim-panel lift off the near-black canvas carries rank. Hover/selected lift one step to `accent` (`#242424`).
-- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns the faintest lift, enough to separate an overlay from the black canvas above a scrim. Rank is surface, border, and position — never a heavier shadow.
-
-Focus is a 2px yellow `ring` outline (never a glow), visible on every interactive element. Three
-z-levels: content, sticky chrome, overlay.
-
-## 7 Do's & Don'ts
-
-- **Do** anchor every surface on the near-black canvas; the yellow-on-black pairing is the brand.
-- **Do** reserve yellow `primary` for the primary action, the focus `ring`, and the active-nav indicator — nothing else. Its scarcity at element scale is what reads as voltage.
-- **Do** carry hierarchy with the surface ladder, hairlines, weight, and size — the brand is flat.
-- **Do** run headings Inter 700 with tight negative tracking; build hierarchy on size and weight.
-- **Do** apply `tabular-nums` to numeric columns and `font-mono` to IDs, codes, timestamps, and SQL.
-- **Don't** introduce a second brand color — ClickHouse is monochrome plus one yellow.
-- **Don't** fill large surfaces with yellow or set body text in yellow; the full-bleed yellow band is marketing-only.
-- **Don't** pill controls or reach for a radius outside `radius-scale` — the button/input radius is 8px.
-- **Don't** signal elevation with drop shadows, or adapt the shell to a light canvas — this brand has no light surface.
-
-## 8 Responsive
-
-The operator sweep is 375 / 768 / 1024 / 1440.
-
-| Breakpoint | What changes |
-| --- | --- |
-| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
-| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
-| 1024 | sidebar expands; two-pane queue+detail holds side by side |
-| 1440 | content caps at `form-max-width` for forms; tables and dashboards use the full width |
-
-## 9 Agent Prompt Guide
-
-Directives the emitting agent follows verbatim:
-
-- Wear the near-black canvas by default; this brand is categorically dark — no light surface to fall back to. Cards and panels are the dim-panel lift off it, not white.
-- Spend yellow once per surface: the primary action, the focus ring, the active-nav indicator. If two things want the yellow, one is not primary. Color otherwise belongs to data and status.
-- Depth is surface contrast and hairlines, never shadow; reach for the faint overlay lift only for a true modal or popover over the canvas.
-- Headings ride Inter 700 with tight tracking; the display scale (72/56/40px) stays behind — operator headings top out at 24px, hierarchy is size and weight.
-- Every numeric column is `tabular-nums`; every ID / code / timestamp / log line and SQL block is `font-mono` (JetBrains Mono). Show the real query, not an illustration of one.
-- Detail and edit go in the side panel beside the work; a modal is a confirmation, not a workspace.
-- Keyboard-first: the yellow `ring` focus outline is always visible.
-- Leave behind: full-bleed yellow CTA bands, 56px yellow stat numbers, hero 7/5 splits, and the 96px section rhythm — marketing voltage, not operator chrome.