@nurix/etna 0.19.11 → 0.19.13

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

@@ -0,0 +1,205 @@
+---
+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 }
+```

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

@@ -0,0 +1,198 @@
+---
+schema: design-md/v2
+id: coinbase
+tier: brand
+segments: [fintech, crypto, trading]
+keywords: [calm, institutional, blue, rounded, white, financial]
+sourced: 2026-07-12
+sources: "design-md/v1 coinbase entry (2026-07-04); 2026-07-12 re-audit of Coinbase public brand; Inter substitutes Coinbase Sans/Display; JetBrains Mono substitutes Coinbase Mono"
+license: open
+---
+
+# coinbase — a glass-walled retail bank lobby that happens to trade crypto
+
+## 1 Visual Theme
+A midtown retail bank lobby, not a trading pit: white marble counters, one teller light
+in Coinbase Blue, rounded corners on everything, figures printed in a steady mono hand.
+Light default on a pure-white canvas; depth is card-on-card layering over hairlines,
+never decorative shadow. The dark theme is the same lobby after hours — cool navy-black
+surfaces stepped by lightness, the blue teller light still the only voltage.
+
+## 2 Color Roles
+Cool near-black `foreground` on the white `background`; `primary` Coinbase Blue is the
+single chromatic accent — one or two blue moments per surface: the primary action, active
+nav, the inline brand link. `accent` is the pale blue wash for selected rows and nav only.
+Trading direction rides `success` (up) and `destructive` (down) as text color, never a
+fill; `warning` gold is caution status only. The `sidebar` sits a faint cool step off the
+canvas, hairline-delineated.
+
+## 3 Typography
+Inter (UI, body, headings — the open substitute for Coinbase Sans/Display) over JetBrains
+Mono (the "trustworthy number" voice — prices, percent changes, IDs, timestamps). Register
+scope: the display register speaks only in page titles, empty states, and auth; every
+figure in a table is mono `tabular-nums`. Headings take 600 with the brand's negative
+tracking; emphasis bumps weight, never size.
+
+## 4 Component Stylings
+Buttons `radius-sm` (8px), `primary` blue fill, never the hero pill; secondary on
+`secondary` gray. Inputs hairline `border` with a 2px `ring` focus, no glow. Cards on
+`card` with hairline, radius one step up — the corpus's containers are notably round.
+Table rows dense with `border` grid lines, `muted` hover, `accent` selection; price cells
+mono with direction as text color. Detail opens in the side panel; badges are pills on
+hairline; asset glyphs sit on full-circle `muted` plates — the one place full-round carries.
+
+## 5 Layout
+4px base; sidebar 256/64px; topbar 64px (the brand's nav height); side panel 440/640px;
+content max 1440px; the layout breathes a hair more than a dense console — editorial calm
+carried through spacing, the marketing 96px rhythm left behind.
+
+## 6 Depth
+Light: hairlines and card-on-card layering carry all structure; the single soft shadow
+tier appears only on overlays, navy-tinted, never black. Dark: the surface ladder does
+depth — `background` 0.17 L, `surface-raised` +0.05, `surface-overlay` +0.10, hue held at
+264. Focus is always the 2px blue `ring` outline.
+
+## 7 Motion
+Calm and settled. Named moments: `panel-slide` (side panel, 240ms, interruptible),
+`row-settle` (list arrival fade, 160ms), `blue-press` (primary-action press, 120ms).
+Physicality is granted only to auth and first-run empty states; prices update in place —
+no ticker animation in tables or any keyboard-initiated action.
+
+## 8 Iconography & Charts
+Lucide, 2px stroke (the rounded brand nod), 16/20px grid, `muted-foreground` default.
+Charts: hairline axes, no gridline fills, blue-led categorical ramp (`chart-1..5`);
+diverging data runs `destructive` (down) through `muted` to `success` (up) — the trading
+convention; tooltips on `surface-overlay` with mono numerals.
+
+## 9 Voice
+Banker calm: plain verbs, numbers stated without excitement, no exclamation. "Add
+account" · "No transfers need review — next settlement Monday" · "This withdrawal
+exceeds the daily limit; identity verification is required."
+
+## 10 Do's & Don'ts
+Do keep blue to one or two moments per surface — its scarcity is the brand. Do keep
+geometry rounded: 8px controls, rounder cards, pill badges, full-circle glyphs. Do carry
+every figure in mono `tabular-nums`. Don't use green or red as a button or surface fill —
+direction is text only. Don't pill dense operator buttons — pill radius is for badges and
+chips. Don't stack shadows to signal rank; one soft tier, overlays only.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; side panel → full sheet; asset rows stack ticker over
+price. 768: sidebar collapses to the icon rail; tables scroll their overflow. 1024:
+two-pane queue+detail holds. 1440: forms cap; tables and dashboards use the full width.
+
+## 12 Agent Prompt Guide
+Anchor on the white canvas; spend Coinbase Blue on the one action that matters — if two
+things want the blue, one is not primary. Keep corners rounded and the temperature cool.
+Every price, ID, and timestamp is mono; direction is text color, never a fill. Stay flat:
+layer cards over hairlines before any shadow. Dark is authored — consult the block, never
+invert.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.985 0.005 264)
+    foreground: oklch(0.16 0.006 264)
+    card: oklch(0.995 0.005 264)
+    card-foreground: oklch(0.16 0.006 264)
+    popover: oklch(0.995 0.005 264)
+    popover-foreground: oklch(0.16 0.006 264)
+    primary: oklch(0.53 0.26 263)
+    primary-foreground: oklch(0.985 0.006 264)
+    secondary: oklch(0.954 0.006 260)
+    secondary-foreground: oklch(0.2 0.01 264)
+    muted: oklch(0.97 0.005 260)
+    muted-foreground: oklch(0.49 0.022 266)
+    accent: oklch(0.948 0.024 266)
+    accent-foreground: oklch(0.35 0.15 263)
+    destructive: oklch(0.551 0.206 24)
+    destructive-foreground: oklch(0.98 0.008 24)
+    success: oklch(0.669 0.161 156)
+    warning: oklch(0.8 0.165 81)
+    border: oklch(0.909 0.008 261)
+    input: oklch(0.909 0.008 261)
+    ring: oklch(0.53 0.26 263)
+    surface-raised: oklch(0.99 0.005 264)
+    surface-overlay: oklch(0.995 0.005 264)
+    chart-1: oklch(0.53 0.26 263)
+    chart-2: oklch(0.65 0.12 240)
+    chart-3: oklch(0.669 0.161 156)
+    chart-4: oklch(0.8 0.165 81)
+    chart-5: oklch(0.551 0.206 24)
+    sidebar: oklch(0.975 0.006 262)
+    sidebar-foreground: oklch(0.2 0.01 264)
+    sidebar-primary: oklch(0.53 0.26 263)
+    sidebar-primary-foreground: oklch(0.985 0.006 264)
+    sidebar-accent: oklch(0.948 0.024 266)
+    sidebar-accent-foreground: oklch(0.35 0.15 263)
+    sidebar-border: oklch(0.909 0.008 261)
+    sidebar-ring: oklch(0.53 0.26 263)
+  dark:
+    background: oklch(0.17 0.01 264)
+    foreground: oklch(0.93 0.008 264)
+    card: oklch(0.2 0.012 264)
+    card-foreground: oklch(0.93 0.008 264)
+    popover: oklch(0.27 0.014 264)
+    popover-foreground: oklch(0.93 0.008 264)
+    primary: oklch(0.55 0.24 264)
+    primary-foreground: oklch(0.97 0.01 264)
+    secondary: oklch(0.25 0.014 264)
+    secondary-foreground: oklch(0.9 0.01 264)
+    muted: oklch(0.24 0.012 264)
+    muted-foreground: oklch(0.72 0.015 264)
+    accent: oklch(0.3 0.06 264)
+    accent-foreground: oklch(0.92 0.015 264)
+    destructive: oklch(0.62 0.19 25)
+    destructive-foreground: oklch(0.14 0.02 25)
+    success: oklch(0.7 0.15 156)
+    warning: oklch(0.8 0.15 81)
+    border: oklch(0.28 0.014 264)
+    input: oklch(0.28 0.014 264)
+    ring: oklch(0.62 0.21 264)
+    surface-raised: oklch(0.22 0.012 264)
+    surface-overlay: oklch(0.27 0.014 264)
+    chart-1: oklch(0.62 0.21 264)
+    chart-2: oklch(0.72 0.12 240)
+    chart-3: oklch(0.72 0.15 156)
+    chart-4: oklch(0.82 0.14 81)
+    chart-5: oklch(0.64 0.19 25)
+    sidebar: oklch(0.15 0.01 264)
+    sidebar-foreground: oklch(0.9 0.01 264)
+    sidebar-primary: oklch(0.55 0.24 264)
+    sidebar-primary-foreground: oklch(0.97 0.01 264)
+    sidebar-accent: oklch(0.24 0.03 264)
+    sidebar-accent-foreground: oklch(0.92 0.012 264)
+    sidebar-border: oklch(0.25 0.012 264)
+    sidebar-ring: oklch(0.62 0.21 264)
+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 Variable", fallback: "ui-monospace, monospace", weights: [400, 500] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 600, family: display, tracking: -0.015em }
+    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: 19px, weight: 400, family: sans }
+    caption: { size: 12px, line: 16px, weight: 600, family: sans, transform: uppercase }
+    data: { size: 14px, line: 20px, weight: 500, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, prices, ids, timestamps] }
+elevation:
+  radius: { sm: 8px, md: 12px, lg: 16px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 30px oklch(0.25 0.03 264 / 0.12)"
+    popover: "0 4px 16px oklch(0.25 0.03 264 / 0.08)"
+  dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.27, hue-held: 264 }
+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: 2px, 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: success }
+layout: { base: 4px, sidebar: [256px, 64px], topbar: 64px, side-panel: [440px, 640px], content-max: 1440px }
+```

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

@@ -0,0 +1,198 @@
+---
+schema: design-md/v2
+id: composio
+tier: brand
+segments: [dev-tools, ai-infra, integrations]
+keywords: [dark, near-black, electric-blue, technical, flat, brightness-ladder]
+sourced: 2026-07-12
+sources: "design-md/v1 composio entry (2026-07-04); 2026-07-12 re-audit of Composio public brand; Inter substitutes the licensed abcDiatype; JetBrains Mono for code surfaces"
+license: open
+---
+
+# composio — a dark switchboard room with one live blue cable
+
+## 1 Visual Theme
+A telephone-exchange switchboard room at night: matte near-black panels racked in
+brightness rungs, hairline seams between them, and a single live cable glowing Composio
+Blue. Dark by default — this brand is categorically dark; the light theme is the opt-in
+inversion, not the base. Hierarchy is a brightness-step surface ladder plus hairlines and
+type weight — never drop shadow. Density is standard: technical composure, not
+terminal-cramming.
+
+## 2 Color Roles
+White `foreground` on the near-black `background`; `primary` Composio Blue is the only
+chromatic hue that carries meaning — the one primary action, active nav, brand detail —
+with the brighter `ring` blue as the focus outline, legible on near-black. `accent` is a
+neutral brightness lift for hover and selection, never a second hue. Cyan and violet are
+illustration hues demoted to `chart-*`; status hues speak only status. Pure black is
+reserved for code, terminal, and log wells — never general chrome.
+
+## 3 Typography
+Inter (UI, body, headings — the open substitute for the licensed abcDiatype, worn at 500
+with tight tracking) over JetBrains Mono (code, CLI, IDs, log lines). Register scope:
+the display register touches page titles, empty states, and auth only; body and chrome
+are sans; every numeric column is mono-adjacent `tabular-nums`. Display weight never
+drops below 500; emphasis bumps weight, never size.
+
+## 4 Component Stylings
+Buttons `radius-sm` (6px), `primary` blue fill, no pill; secondary on `secondary` with
+hairline. Inputs on `card` with the stronger `input` hairline; focus is the 2px `ring`,
+no glow. Cards step one brightness rung above `background` on a hairline — the step is
+the depth. Table rows dense, `accent` on hover and selection, IDs in mono. Detail opens
+in the side panel; badges are hairline chips, uppercase caption, status hues only.
+
+## 5 Layout
+4px base; sidebar 248/56px, same-tone as the canvas, delineated by hairline; topbar 56px;
+side panel 440/640px; content max 1360px. The marketing 96px band rhythm stays behind;
+density is standard and steps denser per surface archetype.
+
+## 6 Depth
+Brightness-step depth is the brand's signature: `background` → `card` →
+`surface-overlay`, each rung ≥ +0.04 L, hue held at 264 — shadows stay near-absent even
+on overlays (one faint blue-tinted tier for true modals). Code and log wells recess
+*below* the canvas to near-black. Focus is the 2px electric `ring` outline; three
+z-levels: content, chrome, overlay.
+
+## 7 Motion
+Terse and mechanical. Named moments: `rung-lift` (hover/selection brightness step, 100ms),
+`panel-slide` (side panel, 220ms, interruptible), `wire-pulse` (primary-action press,
+120ms). Physicality is granted only to auth and first-run empty states; log streams
+append without animation, and nothing moves on keyboard-initiated actions.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes on
+the dark canvas, no gridline fills; the categorical ramp leads electric blue then spends
+the demoted illustration hues — cyan, violet — as data (`chart-1..5`); tooltips on
+`surface-overlay` with mono numerals.
+
+## 9 Voice
+Terse developer prose: imperative verbs, counts stated flat, no exclamation. "Create
+connection" · "No failed runs — 240 executions in the last hour" · "Auth expired for
+github-prod; reconnect to resume."
+
+## 10 Do's & Don'ts
+Do carry depth with the brightness ladder and hairlines — the brand adds no shadow tiers.
+Do keep code, CLI, IDs, and timestamps in mono, recessed to the near-black well. Do keep
+CTAs at the compact 6px radius. Don't promote cyan or violet into chrome — they are chart
+data only. Don't use the pure-black well outside code/terminal/log surfaces. Don't pill
+the CTA, and never drop display weight below 500.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; side panel → full sheet; density holds. 768: sidebar
+collapses to the icon rail; top nav → hamburger; tables scroll. 1024: two-pane
+queue+detail holds. 1440: forms cap; tables and dashboards use the full width.
+
+## 12 Agent Prompt Guide
+Build dark — the light map is the opt-in, not the base. Lead every list surface with its
+table. Spend Composio Blue on exactly one action per surface; if two want it, one is not
+primary. Depth is a brightness step, never a shadow. Code recesses to the black well;
+numbers align in mono. Dark is the authored default — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.98 0.005 264)
+    foreground: oklch(0.18 0.008 264)
+    card: oklch(0.995 0.005 264)
+    card-foreground: oklch(0.18 0.008 264)
+    popover: oklch(0.995 0.005 264)
+    popover-foreground: oklch(0.18 0.008 264)
+    primary: oklch(0.387 0.264 264)
+    primary-foreground: oklch(0.97 0.005 264)
+    secondary: oklch(0.94 0.006 264)
+    secondary-foreground: oklch(0.22 0.01 264)
+    muted: oklch(0.955 0.006 264)
+    muted-foreground: oklch(0.48 0.015 264)
+    accent: oklch(0.93 0.008 264)
+    accent-foreground: oklch(0.2 0.01 264)
+    destructive: oklch(0.55 0.21 25)
+    destructive-foreground: oklch(0.98 0.008 25)
+    success: oklch(0.627 0.17 152)
+    warning: oklch(0.666 0.157 65)
+    border: oklch(0.9 0.008 264)
+    input: oklch(0.87 0.009 264)
+    ring: oklch(0.476 0.297 266)
+    surface-raised: oklch(0.99 0.005 264)
+    surface-overlay: oklch(0.995 0.005 264)
+    chart-1: oklch(0.45 0.27 264)
+    chart-2: oklch(0.6 0.13 220)
+    chart-3: oklch(0.54 0.247 293)
+    chart-4: oklch(0.57 0.14 154)
+    chart-5: oklch(0.666 0.157 65)
+    sidebar: oklch(0.965 0.006 264)
+    sidebar-foreground: oklch(0.2 0.01 264)
+    sidebar-primary: oklch(0.387 0.264 264)
+    sidebar-primary-foreground: oklch(0.97 0.005 264)
+    sidebar-accent: oklch(0.93 0.008 264)
+    sidebar-accent-foreground: oklch(0.2 0.01 264)
+    sidebar-border: oklch(0.9 0.008 264)
+    sidebar-ring: oklch(0.476 0.297 266)
+  dark:
+    background: oklch(0.17 0.006 264)
+    foreground: oklch(0.97 0.005 264)
+    card: oklch(0.21 0.007 264)
+    card-foreground: oklch(0.97 0.005 264)
+    popover: oklch(0.29 0.008 264)
+    popover-foreground: oklch(0.95 0.006 264)
+    primary: oklch(0.387 0.264 264)
+    primary-foreground: oklch(0.97 0.005 264)
+    secondary: oklch(0.25 0.007 264)
+    secondary-foreground: oklch(0.93 0.006 264)
+    muted: oklch(0.25 0.007 264)
+    muted-foreground: oklch(0.73 0.008 264)
+    accent: oklch(0.29 0.008 264)
+    accent-foreground: oklch(0.95 0.006 264)
+    destructive: oklch(0.673 0.215 25)
+    destructive-foreground: oklch(0.15 0.02 25)
+    success: oklch(0.761 0.178 154)
+    warning: oklch(0.782 0.158 72)
+    border: oklch(0.25 0.007 264)
+    input: oklch(0.32 0.008 264)
+    ring: oklch(0.476 0.297 266)
+    surface-raised: oklch(0.22 0.007 264)
+    surface-overlay: oklch(0.29 0.008 264)
+    chart-1: oklch(0.55 0.27 266)
+    chart-2: oklch(0.804 0.146 220)
+    chart-3: oklch(0.65 0.2 293)
+    chart-4: oklch(0.761 0.178 154)
+    chart-5: oklch(0.782 0.158 72)
+    sidebar: oklch(0.15 0.006 264)
+    sidebar-foreground: oklch(0.9 0.006 264)
+    sidebar-primary: oklch(0.387 0.264 264)
+    sidebar-primary-foreground: oklch(0.97 0.005 264)
+    sidebar-accent: oklch(0.24 0.007 264)
+    sidebar-accent-foreground: oklch(0.93 0.006 264)
+    sidebar-border: oklch(0.25 0.007 264)
+    sidebar-ring: oklch(0.476 0.297 266)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [500, 600] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
+  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 600, family: display, tracking: -0.015em }
+    h1: { size: 24px, line: 30px, weight: 600, family: sans, tracking: -0.015em }
+    h2: { size: 18px, line: 25px, weight: 600, family: sans, tracking: -0.01em }
+    body: { size: 15px, line: 22px, weight: 400, family: sans }
+    small: { size: 13px, line: 19px, weight: 400, family: sans }
+    caption: { size: 11px, line: 15px, 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], mono: [data, code, cli, ids, logs, timestamps] }
+elevation:
+  radius: { sm: 6px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 24px oklch(0.05 0.02 264 / 0.5)"
+    popover: "0 4px 12px oklch(0.05 0.02 264 / 0.35)"
+  dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.29, hue-held: 264 }
+motion:
+  duration: { press: 120ms, fade: 140ms, 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-2 }
+  diverging: { negative: destructive, mid: muted, positive: chart-4 }
+layout: { base: 4px, sidebar: [248px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1360px }
+```