@godxjp/ui 28.12.0 → 29.0.0

package/docs/THEME-API-COVERAGE.md

@@ -0,0 +1,538 @@
+# Theme API coverage — an inventory, not a fix
+
+Measured against `main` @ `2ec5fe9a`. This is a count, not a judgement call on any single component; the judgement calls (structural exclusions, alias corrections) are all named below so they can be checked or reverted independently.
+
+## Headline numbers
+
+- **134 components** carry attributable painted CSS in `src/styles/*.css` (out of ~860 catalogued exports — most of the rest are hooks, sub-parts folded into a parent, or non-visual utilities with no CSS of their own).
+- **3595 visual declarations** parsed and classified (`color`, `background*`, `border*`, `box-shadow`, `backdrop-filter`, `opacity`, `font-size`, `font-weight`, `letter-spacing`, `padding*`, `margin*`, `gap`, `inline-size`/`block-size`, `min-*`/`max-*`).
+- Of the **3073 non-structural declarations**: **2701 reachable (87.9%)**, **372 hard-coded (12.1%)**.
+- **522 declarations excluded as structural** (see Methodology) — a separate, itemised judgement call, not folded into the headline percentage.
+- **39/134 components measure 100%** of their non-structural declarations reachable through a _published_ token.
+- The owner's claim — "every smallest element inside a component must be configurable from the theme API" — is **88% true by declaration count**, concentrated in a **93-component tail**; the worst of that tail (Sidebar, Calendar, Slider, Topbar) sit at 68–78%.
+
+## Method (so the numbers can be checked)
+
+1. **Parsed** every rule in `src/styles/*.css` (22,728 lines) and `src/tokens/components/*.css` (5,771 lines) with a small hand-written CSS tokenizer (no nesting syntax is used anywhere in this codebase — verified by grep — so a brace-depth parser is exact; spot-checked against the source at random for line-number accuracy).
+2. **`src/tokens/components/*.css` turned out to contribute zero rows to the classification.** Every rule in it is `:root { --x: value; }` (56 files, confirmed by selector census) — i.e. _custom-property definitions_, not the standard properties (`color`, `background`, …) the brief asks to classify. Its real role here is (a) the source of truth for which `--x` names exist so a `var(--x)` chain can be traced past one hop, and (b) the token-graph inputs for Finding 1 below. Total custom-property definitions found there: **1,688** — which exactly matches `agent/tokens.json`'s `"tier": "component"` count (1,688/1,981), a useful cross-check that nothing was mis-scoped.
+3. **Attributed each declaration to a component** by the right-most compound of its selector: `.ui-<name>-…` or `[data-slot="<name>"]`, matched (longest-prefix) against the 860 names in `mcp/src/data/components.ts`. Three real mismatches between the CSS taxonomy and the catalog were found and hand-aliased (not guessed): `.sb-*`/`.tb-*` are undocumented bare-prefix shorthand for **Sidebar**/**Topbar** (no `ui-` at all — a third naming convention alongside `ui-` and `.app-*`); `.ui-legal-document-*`/`.ui-otp-*`/`.ui-auth-account-*` are shorter than their catalog kebab (`legal-document-shell`, `input-otp`, `auth-account-summary`); `.ui-page-header/-toolbar/-footer/-title/-subtitle` fold into `PageContainer`. `.app-*` (`.app-topbar`, `.app-sidebar`, `.app-nav-rail`, …) turned out to be **AppShell's own** class prefix, not a consumer/demo class — a fourth convention for the same component.
+4. **Two things don't attribute to any single component** and are reported separately, not folded into an arbitrary one: `.ui-control*` (shared base under Input/Select/Textarea/…) and `.ui-choice-*` (shared base under Checkbox/Radio). `.ui-chart`/`.ui-chart-trend-*` (the ChartFrame wrapper shared by Area/Bar/Line/PieChart) likewise. **`.ui-combobox-*` (24 declarations, `src/styles/control.css`) matches no render call anywhere in `src/components` — it appears to be dead CSS**, a separate finding from theme-reachability and flagged as such, not counted toward any component's score.
+5. **Classified each declaration**: `reachable` if its value contains `var(--x)` and `--x ∈ agent/tokens.json`; `hardcoded-internal-token` if it contains `var(--x)` but `--x` is _not_ published (counted as hard-coded per the brief: _"a value that is var(--x) where --x is an INTERNAL, undocumented custom property is hard-coded from the consumer's point of view"_); `hardcoded-literal` if there is no `var()` at all.
+6. **Structural exclusions** — narrow, mechanical, and named per row so a reviewer can disagree with any one of them:
+   - `border(-*)-width: 0/1px/2px/thin/medium` — hairline/reset, not a colour or scale decision.
+   - `opacity: 0` or `1` — binary show/hide toggle, not a translucency value (`opacity: 0.5`, `0.6`, `0.7`, `0.38`… are all still counted as hard-coded — those _are_ a design decision).
+   - `padding*`/`margin*`/`gap: 0` — box-model reset, and `padding`/`margin: auto` — the centering idiom.
+   - `min-(width|height|inline-size|block-size): 0/auto` — the flexbox/grid overflow-fix idiom.
+   - `box-shadow: none` / `backdrop-filter: none` — removes the effect entirely, nothing to retune.
+   - `color`/`background`/`border`/`box-shadow: transparent | inherit | currentColor | none | initial | unset` — the value defers to context and paints nothing of its own; there is no authored colour for a theme to override.
+   - `color`/`background`/`border` set to a **forced-colors/high-contrast system keyword** (`CanvasText`, `Highlight`, `ButtonText`, …) — deliberately not themeable; it defers to the _user's OS_ palette, and overriding it would be an accessibility regression, not a fix.
+   - Anything else — including `border-radius: 0`, `font-weight: 700`, and disabled-state opacities — is **counted as hard-coded**, on purpose: a tenant that sets `borderRadius: 0` globally, or wants sharp corners, or a different disabled-state fade, is a real theming request these values would resist.
+7. **The published-token cross-check (Finding 1, below) surfaced a second-order pattern**: several `hardcoded-internal-token` hits are _local variant-switch indirection_ — e.g. `inline-size: var(--avatar-glyph-size)` where `--avatar-glyph-size` is itself set per-size by `--avatar-glyph-size: var(--avatar-glyph-size-xs)` one selector up, and `--avatar-glyph-size-xs` **is** published. Per the brief's rule this is still counted as hard-coded (the name written at the point of use is not itself a published, stable knob), but it is a materially different, and much less serious, defect than a value with no path to a published token at all — so the two are told apart below rather than blended into one number.
+
+## The Ant Design layer question
+
+Ant Design v5: **Seed → Map → Alias → Component**. A Seed is a handful of raw decisions (a brand hue, a base radius, a base font size). Map derives an _algorithmic scale_ from the Seed (e.g. `radius100`, `radius200`, `radiusLG`) — internal, not meant to be hand-edited. Alias assigns _semantic_ names to slices of the Map for reuse across components (`colorPrimary`, `colorBorder`). Component tokens are the last word a specific component reads (`Button.colorPrimary`), usually itself derived from an Alias.
+
+This library has three of the four, cleanly separated in `agent/tokens.json`: **`foundation` (201 tokens)** plays Seed (`--background`, `--radius`, `--radius-ratio`, `--font-size-base`…), **`semantic` (92)** is Alias (`--primary`, `--border`, `--muted-foreground`…), **`component` (1,688)** is Component, and the chain resolves correctly in the overwhelming majority of cases — 943 of the 1,688 component tokens (56%) reference another custom property rather than bottoming out in a literal, and of the 745 that do bottom out at a literal, only **6** are colours (mostly QR-code black/white and two brand-identity marks, both legitimately fixed-by-design, plus two on `Upload`'s avatar-change overlay, `rgb(0 0 0 / 0.7)` and `#fff`, which are not — see Finding 2).
+
+**Finding 1 — the Map layer exists in code and is invisible to the catalog, because it lives in the wrong directory.** `src/styles/base.css:169-176` derives a φ-ratio radius scale — `--radius-xs`, `--radius-sm`, `--radius-md`, `--radius-lg`, `--radius-xl`, `--radius-2xl` — algorithmically from the Seed (`calc(var(--radius) / var(--radius-ratio))`, etc.), exactly Ant Design's Map tier. The catalog generator, `scripts/gen-agent-catalog.mjs:137-142`, only scans `src/tokens/foundation.css`, `src/tokens/derived.css`, `src/tokens/semantic/*.css`, and `src/tokens/components/*.css` — it never looks at `src/styles/`. So `--radius-md` is real, load-bearing (referenced by **40 separate `border-radius` declarations** across Badge, Table, Dialog, Segmented, Tabs, Mega Menu, Time Picker, Tree Select, Calendar, Transfer, Skeleton, Code Block, Prose, App Launcher, Upload, Steps, Menu, Draggable Panel, Float Button, Descriptions, Chart), and is one `var()` hop from two published Seed tokens (`--radius`, `--radius-ratio`) — but a consumer reading `agent/tokens.json` cannot find `--radius-md` by name, and an agent using `get_tokens` would not know it exists. This is a location bug in the generator's scan list, not a design decision: the equivalent scales for spacing (`--space-*`) and type (`--font-size-*`) **are** published, so the pattern the repo intends is clearly "publish the Map." Fix is mechanical — move the scale into `src/tokens/foundation.css`, or add `src/styles/base.css` to the generator's scan list — and it would flip all 40 of those declarations, plus a same-shaped (unquantified here) `--text-2xs`…`--text-5xl` bridge scale at `base.css:213-244`, from "hard-coded" to "reachable" in one PR, with no CSS behaviour change.
+
+**No missing layer otherwise** — Seed, Alias and Component are each real, populated, and (component tokens) individually overridable per the framework's own theming docs. The gap is narrower than "no Map tier"; it is "one Map-tier scale published, one not," and it is fixable at the generator, not by inventing new terminology.
+
+## Main table — every component with attributable CSS, worst coverage first
+
+Excludes the structural declarations from both the denominator and the percentage (see Method §6). `declarations` = reachable + hard-coded + structural for that component. **Caveat on small N**: a handful of rows (`icon`, `affix`, `chat-bubble-list`, `split-pane`, `password-input`) have 5 or fewer non-structural declarations, so one hard-coded value swings the percentage by 20-50 points — read those as "has at least one gap," not as meaningfully worse than a large component sitting at 85%.
+
+| component                | declarations | reachable | hard-coded | structural | % reachable | hard-coded (top 5, file:line → property: value)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| ------------------------ | -----------: | --------: | ---------: | ---------: | ----------: | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **icon**                 |            2 |         0 |          2 |          0 |          0% | `src/styles/icon-layout.css:22` → `inline-size: var(--icon-glyph-size)` — var target `--icon-glyph-size` not in `agent/tokens.json`<br>`src/styles/icon-layout.css:23` → `block-size: var(--icon-glyph-size)` — var target `--icon-glyph-size` not in `agent/tokens.json`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
+| **affix**                |            2 |         0 |          2 |          0 |          0% | `src/styles/layout.css:2449` → `block-size: 1px`<br>`src/styles/layout.css:2488` → `inline-size: var(--affix-content-inline-size, auto)` — var target `--affix-content-inline-size` not in `agent/tokens.json`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| **rating**               |           14 |         4 |          6 |          4 |         40% | `src/styles/control.css:1424` → `border: 0`<br>`src/styles/control.css:1456` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/control.css:3960` → `border: 0`<br>`src/styles/control.css:1421` → `min-width: 1.5rem`<br>`src/styles/control.css:1422` → `min-height: 1.5rem`<br>_+1 more — see [appendix](#rating)_                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| **password-input**       |            5 |         2 |          2 |          1 |         50% | `src/styles/control.css:1232` → `border: 0`<br>`src/styles/control.css:1220` → `padding-inline-end: 2.5rem`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
+| **chat-bubble-list**     |            4 |         1 |          1 |          2 |         50% | `src/styles/data-display-layout.css:2418` → `block-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| **split-pane**           |            7 |         1 |          1 |          5 |         50% | `src/styles/layout.css:652` → `block-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| **qr-code**              |            7 |         4 |          3 |          0 |         57% | `src/styles/data-display-layout.css:1185` → `block-size: auto`<br>`src/styles/data-display-layout.css:1186` → `max-inline-size: 100%`<br>`src/styles/dialog-layout.css:237` → `inline-size: 7.5rem`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| **number-input**         |           17 |         9 |          6 |          2 |         60% | `src/styles/control.css:1881` → `gap: 0.0625rem`<br>`src/styles/control.css:1694` → `inline-size: 100%`<br>`src/styles/control.css:1831` → `inline-size: 100%`<br>`src/styles/control.css:1888` → `inline-size: 1.5rem`<br>`src/styles/control.css:1891` → `inline-size: 0.75rem`<br>_+1 more — see [appendix](#number-input)_                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| **marquee**              |            8 |         3 |          2 |          3 |         60% | `src/styles/motion.css:257` → `inline-size: 100%`<br>`src/styles/motion.css:297` → `inline-size: max-content`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| **card-bar**             |           15 |         9 |          5 |          1 |         64% | `src/styles/card-layout.css:254` → `border-block-start-width: 0`<br>`src/styles/card-layout.css:258` → `border-block-end-width: 0`<br>`src/styles/card-layout.css:932` → `border-block: 0`<br>`src/styles/card-layout.css:935` → `border-block-end: 0`<br>`src/styles/card-layout.css:939` → `border-block-start: 0`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| **skeleton**             |           31 |        20 |         10 |          1 |         67% | `src/styles/alert-layout.css:401` → `background-size: 400% 100%`<br>`src/styles/alert-layout.css:342` → `max-width: 56rem`<br>`src/styles/alert-layout.css:373` → `inline-size: 100%`<br>`src/styles/alert-layout.css:443` → `block-size: var(--skeleton-element-block-size)` — var target `--skeleton-element-block-size` not in `agent/tokens.json`<br>`src/styles/alert-layout.css:460` → `inline-size: var(--skeleton-element-block-size)` — var target `--skeleton-element-block-size` not in `agent/tokens.json`<br>_+5 more — see [appendix](#skeleton)_                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| **accordion**            |            9 |         6 |          3 |          0 |         67% | `src/styles/data-display-layout.css:821` → `opacity: 0.5`<br>`src/styles/data-display-layout.css:816` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/data-display-layout.css:808` → `font-weight: 500`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| **master-detail**        |           10 |         6 |          3 |          1 |         67% | `src/styles/layout.css:1893` → `block-size: 0`<br>`src/styles/layout.css:1901` → `block-size: 0`<br>`src/styles/layout.css:1908` → `max-block-size: none`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
+| **form-field-control**   |            5 |         2 |          1 |          2 |         67% | `src/styles/form-layout.css:131` → `max-inline-size: var(--form-control-width, none)` — var target `--form-control-width` not in `agent/tokens.json`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| **masonry**              |            5 |         2 |          1 |          2 |         67% | `src/styles/layout.css:2401` → `inline-size: calc(var(--masonry-item-track) - var(--masonry-gap-inline))` — var target `--masonry-item-track` not in `agent/tokens.json`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| **tag-input**            |           34 |        17 |          8 |          9 |         68% | `src/styles/control.css:1661` → `opacity: 0.7`<br>`src/styles/control.css:1643` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/control.css:1657` → `border: 0`<br>`src/styles/control.css:1682` → `border: 0`<br>`src/styles/control.css:1655` → `margin-inline-end: -0.25rem`<br>_+3 more — see [appendix](#tag-input)_                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| **slider**               |           62 |        40 |         17 |          5 |         70% | `src/styles/control.css:860` → `border-radius: inherit`<br>`src/styles/control.css:807` → `inline-size: 100%`<br>`src/styles/control.css:817` → `inline-size: fit-content`<br>`src/styles/control.css:818` → `block-size: 100%`<br>`src/styles/control.css:838` → `block-size: auto`<br>_+12 more — see [appendix](#slider)_                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| **input**                |           33 |        22 |          9 |          2 |         71% | `src/styles/control.css:2627` → `border: 0`<br>`src/styles/control.css:3699` → `border-inline-end: 0`<br>`src/styles/control.css:3705` → `border-inline-start: 0`<br>`src/styles/control.css:3715` → `border-start-start-radius: 0`<br>`src/styles/control.css:3716` → `border-end-start-radius: 0`<br>_+4 more — see [appendix](#input)_                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
+| **input-otp**            |           30 |        20 |          8 |          2 |         71% | `src/styles/control.css:1322` → `border-inline-start-width: 0`<br>`src/styles/control.css:1328` → `border-start-start-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/control.css:1329` → `border-end-start-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/control.css:1332` → `border-start-end-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/control.css:1333` → `border-end-end-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>_+3 more — see [appendix](#input-otp)_ |
+| **typography**           |           30 |        15 |          6 |          9 |         71% | `src/styles/shell-layout.css:3057` → `border-radius: 4px`<br>`src/styles/text-layout.css:475` → `border: 0`<br>`src/styles/text-layout.css:557` → `font-weight: inherit`<br>`src/styles/text-layout.css:554` → `font-size: inherit`<br>`src/styles/shell-layout.css:3054` → `padding: 1px 5px`<br>_+1 more — see [appendix](#typography)_                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
+| **skeleton-article**     |            8 |         5 |          2 |          1 |         71% | `src/styles/alert-layout.css:516` → `inline-size: 100%`<br>`src/styles/alert-layout.css:543` → `inline-size: var(--skeleton-line-width, 100%)` — var target `--skeleton-line-width` not in `agent/tokens.json`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| **scroll-area**          |            7 |         5 |          2 |          0 |         71% | `src/styles/data-display-layout.css:1317` → `inline-size: max-content`<br>`src/styles/data-display-layout.css:1318` → `min-inline-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| **form-field**           |           29 |        20 |          7 |          2 |         74% | `src/styles/form-layout.css:106` → `inline-size: 100%`<br>`src/styles/form-layout.css:114` → `inline-size: auto`<br>`src/styles/form-layout.css:167` → `max-inline-size: 100%`<br>`src/styles/form-layout.css:202` → `max-inline-size: 100%`<br>`src/styles/form-layout.css:236` → `max-inline-size: 100%`<br>_+2 more — see [appendix](#form-field)_                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| **two-factor-setup**     |           13 |         9 |          3 |          1 |         75% | `src/styles/dialog-layout.css:250` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/dialog-layout.css:260` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/dialog-layout.css:216` → `max-width: 27.5rem`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| **app-setting-picker**   |           26 |         9 |          3 |         14 |         75% | `src/styles/navigation-layout.css:6` → `border: 0`<br>`src/styles/navigation-layout.css:7` → `border-radius: 0`<br>`src/styles/navigation-layout.css:25` → `border-radius: 0`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| **thumbnail**            |            8 |         6 |          2 |          0 |         75% | `src/styles/data-display-layout.css:592` → `inline-size: auto`<br>`src/styles/data-display-layout.css:595` → `max-inline-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| **calendar**             |           85 |        57 |         18 |         10 |         76% | `src/styles/control.css:2914` → `border-radius: 0`<br>`src/styles/control.css:3116` → `border-collapse: collapse`<br>`src/styles/control.css:3224` → `border-radius: 0`<br>`src/styles/control.css:3231` → `border-start-end-radius: 0`<br>`src/styles/control.css:3232` → `border-end-end-radius: 0`<br>_+13 more — see [appendix](#calendar)_                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| **sidebar**              |          115 |        71 |         21 |         23 |         77% | `src/styles/shell-layout.css:2121` → `color: white`<br>`src/styles/shell-layout.css:2190` → `color: var(--sidebar-section-label-foreground, hsl(var(--muted-foreg...` — var target `--sidebar-section-label-foreground` not in `agent/tokens.json`<br>`src/styles/shell-layout.css:2379` → `opacity: 0.6`<br>`src/styles/shell-layout.css:2411` → `opacity: 0.4`<br>`src/styles/shell-layout.css:2091` → `border: 0`<br>_+16 more — see [appendix](#sidebar)_                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| **topbar**               |           62 |        38 |         11 |         13 |         78% | `src/styles/shell-layout.css:2986` → `color: white`<br>`src/styles/shell-layout.css:2950` → `border: 1px solid transparent`<br>`src/styles/shell-layout.css:2967` → `border-style: dashed`<br>`src/styles/shell-layout.css:3071` → `border: 0`<br>`src/styles/shell-layout.css:2988` → `font-weight: 700`<br>_+6 more — see [appendix](#topbar)_                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| **skeleton-table**       |           11 |         7 |          2 |          2 |         78% | `src/styles/alert-layout.css:322` → `border-radius: 0`<br>`src/styles/table-layout.css:697` → `border-radius: 0`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| **skeleton-form**        |           11 |         8 |          2 |          1 |         80% | `src/styles/alert-layout.css:299` → `max-inline-size: 100%`<br>`src/styles/alert-layout.css:306` → `inline-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
+| **service-role-panel**   |            6 |         4 |          1 |          1 |         80% | `src/styles/layout.css:606` → `max-inline-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| **resizable-panel**      |            8 |         4 |          1 |          3 |         80% | `src/styles/layout.css:709` → `opacity: 0.5`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| **search**               |           47 |        30 |          7 |         10 |         81% | `src/styles/control.css:2046` → `border: 0`<br>`src/styles/control.css:2047` → `border-radius: 0`<br>`src/styles/control.css:2103` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/control.css:2004` → `max-block-size: var(--radix-popover-content-available-height)` — var target `--radix-popover-content-available-height` not in `agent/tokens.json`<br>`src/styles/control.css:2009` → `min-inline-size: var(--radix-popover-trigger-width)` — var target `--radix-popover-trigger-width` not in `agent/tokens.json`<br>_+2 more — see [appendix](#search)_                                                                                                                                                                                                                                                                          |
+| **prose**                |           34 |        27 |          6 |          1 |         82% | `src/styles/data-display-layout.css:1601` → `border-collapse: collapse`<br>`src/styles/data-display-layout.css:1627` → `border: 0`<br>`src/styles/data-display-layout.css:1600` → `inline-size: 100%`<br>`src/styles/data-display-layout.css:1617` → `max-inline-size: 100%`<br>`src/styles/data-display-layout.css:1618` → `block-size: auto`<br>_+1 more — see [appendix](#prose)_                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| **page-container**       |           74 |        47 |         10 |         17 |         82% | `src/styles/layout.css:746` → `gap: var(--page-band-gap)` — var target `--page-band-gap` not in `agent/tokens.json`<br>`src/styles/layout.css:899` → `margin-block: calc(-1 * var(--page-band-gap))` — var target `--page-band-gap` not in `agent/tokens.json`<br>`src/styles/layout.css:1109` → `margin-block-start: var(--page-body-gap)` — var target `--page-body-gap` not in `agent/tokens.json`<br>`src/styles/layout.css:1114` → `margin-block-start: var(--page-body-gap)` — var target `--page-body-gap` not in `agent/tokens.json`<br>`src/styles/layout.css:744` → `min-height: 100%`<br>_+5 more — see [appendix](#page-container)_                                                                                                                                                                                                                                                                                                                                  |
+| **timeline-grid**        |           42 |        33 |          7 |          2 |         82% | `src/styles/data-display-layout.css:1767` → `border-start-start-radius: 0`<br>`src/styles/data-display-layout.css:1768` → `border-start-end-radius: 0`<br>`src/styles/data-display-layout.css:1773` → `border-end-start-radius: 0`<br>`src/styles/data-display-layout.css:1774` → `border-end-end-radius: 0`<br>`src/styles/data-display-layout.css:1727` → `inline-size: calc(100% / var(--timeline-grid-event-lanes, 1))` — var target `--timeline-grid-event-lanes` not in `agent/tokens.json`<br>_+2 more — see [appendix](#timeline-grid)_                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| **hover-card**           |            6 |         5 |          1 |          0 |         83% | `src/styles/data-display-layout.css:846` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| **avatar**               |           45 |        32 |          6 |          7 |         84% | `src/styles/data-display-layout.css:120` → `background-origin: border-box`<br>`src/styles/data-display-layout.css:104` → `border-radius: inherit`<br>`src/styles/data-display-layout.css:75` → `inline-size: var(--avatar-glyph-size)` — var target `--avatar-glyph-size` not in `agent/tokens.json`<br>`src/styles/data-display-layout.css:76` → `block-size: var(--avatar-glyph-size)` — var target `--avatar-glyph-size` not in `agent/tokens.json`<br>`src/styles/data-display-layout.css:2268` → `inline-size: 100%`<br>_+1 more — see [appendix](#avatar)_                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| **chat-composer**        |           14 |        11 |          2 |          1 |         85% | `src/styles/data-entry-layout.css:860` → `border-style: solid`<br>`src/styles/data-entry-layout.css:856` → `inline-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| **auth-shell**           |           24 |        17 |          3 |          4 |         85% | `src/styles/shell-layout.css:695` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/shell-layout.css:453` → `min-height: 100dvh`<br>`src/styles/shell-layout.css:564` → `max-width: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| **badge**                |           18 |        12 |          2 |          4 |         86% | `src/styles/badge-layout.css:90` → `border: 0`<br>`src/styles/badge-layout.css:15` → `inline-size: fit-content`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| **app-shell**            |           72 |        43 |          7 |         22 |         86% | `src/styles/shell-layout.css:294` → `border-inline-end: 0`<br>`src/styles/shell-layout.css:314` → `border-inline-end: 0`<br>`src/styles/shell-layout.css:1104` → `padding-block-start: max(var(--sheet-pad-y), env(safe-area-inset-top))` — var target `--sheet-pad-y` not in `agent/tokens.json`<br>`src/styles/shell-layout.css:1105` → `padding-block-end: max(var(--sheet-pad-y), env(safe-area-inset-bottom))` — var target `--sheet-pad-y` not in `agent/tokens.json`<br>`src/styles/shell-layout.css:1106` → `padding-inline-start: max(var(--sheet-pad-x), env(safe-area-inset-left))` — var target `--sheet-pad-x` not in `agent/tokens.json`<br>_+2 more — see [appendix](#app-shell)_                                                                                                                                                                                                                                                                                 |
+| **progress**             |           22 |        19 |          3 |          0 |         86% | `src/styles/data-display-layout.css:214` → `border-radius: inherit`<br>`src/styles/data-display-layout.css:314` → `inline-size: 100%`<br>`src/styles/data-display-layout.css:315` → `block-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
+| **table**                |           77 |        58 |          9 |         10 |         87% | `src/styles/table-layout.css:76` → `background-image: linear-gradient( var( --table-row-tone-surface, hsl(var(--tab...` — var target `--table-row-tone-surface` not in `agent/tokens.json`<br>`src/styles/table-layout.css:16` → `border-block-end-width: 0`<br>`src/styles/table-layout.css:1057` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/table-layout.css:1102` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/table-layout.css:1147` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>_+4 more — see [appendix](#table)_                                        |
+| **segmented**            |           34 |        26 |          4 |          4 |         87% | `src/styles/control.css:1527` → `border: 0`<br>`src/styles/control.css:1498` → `inline-size: fit-content`<br>`src/styles/control.css:1499` → `max-width: 100%`<br>`src/styles/control.css:4029` → `inline-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| **cascader**             |           31 |        26 |          4 |          1 |         87% | `src/styles/control.css:2181` → `border-inline-end: 0`<br>`src/styles/control.css:2186` → `inline-size: 100%`<br>`src/styles/control.css:2221` → `min-inline-size: var(--radix-popover-trigger-width)` — var target `--radix-popover-trigger-width` not in `agent/tokens.json`<br>`src/styles/control.css:2234` → `inline-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| **thought-chain**        |           43 |        26 |          4 |         13 |         87% | `src/styles/data-display-layout.css:2736` → `border-inline-start-style: dashed`<br>`src/styles/data-display-layout.css:2740` → `border-inline-start-style: dotted`<br>`src/styles/data-display-layout.css:2795` → `border: 0`<br>`src/styles/data-display-layout.css:2860` → `border: 0`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| **anchor**               |           20 |        13 |          2 |          5 |         87% | `src/styles/navigation-layout.css:1674` → `block-size: var(--anchor-ink-extent, 0px)` — var target `--anchor-ink-extent` not in `agent/tokens.json`<br>`src/styles/navigation-layout.css:1700` → `inline-size: var(--anchor-ink-extent, 0px)` — var target `--anchor-ink-extent` not in `agent/tokens.json`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
+| **app-launcher**         |           60 |        48 |          7 |          5 |         87% | `src/styles/shell-layout.css:1714` → `border-start-start-radius: var(--radius-lg)` — var target `--radius-lg` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/shell-layout.css:1715` → `border-start-end-radius: var(--radius-lg)` — var target `--radius-lg` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/shell-layout.css:1803` → `border: 0`<br>`src/styles/shell-layout.css:1804` → `border-radius: 0`<br>`src/styles/shell-layout.css:1815` → `max-height: none`<br>_+2 more — see [appendix](#app-launcher)_                                                                                                                                                                                                                                                                                                              |
+| **alert**                |           67 |        55 |          8 |          4 |         87% | `src/styles/alert-layout.css:51` → `border-block-start-width: 0`<br>`src/styles/alert-layout.css:52` → `border-inline-width: 0`<br>`src/styles/alert-layout.css:75` → `border-block-width: 0`<br>`src/styles/alert-layout.css:76` → `border-inline-end-width: 0`<br>`src/styles/alert-layout.css:78` → `border-start-start-radius: 0`<br>_+3 more — see [appendix](#alert)_                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
+| **mobile-shell**         |           40 |        28 |          4 |          8 |         88% | `src/styles/shell-layout.css:3331` → `padding-inline: var(--mobile-shell-padding-inline)` — var target `--mobile-shell-padding-inline` not in `agent/tokens.json`<br>`src/styles/shell-layout.css:3346` → `padding-inline: var(--mobile-shell-padding-inline)` — var target `--mobile-shell-padding-inline` not in `agent/tokens.json`<br>`src/styles/shell-layout.css:3374` → `padding-inline: var(--mobile-shell-padding-inline)` — var target `--mobile-shell-padding-inline` not in `agent/tokens.json`<br>`src/styles/shell-layout.css:3393` → `padding-inline: var(--mobile-shell-padding-inline)` — var target `--mobile-shell-padding-inline` not in `agent/tokens.json`                                                                                                                                                                                                                                                                                                 |
+| **attachments**          |           66 |        51 |          7 |          8 |         88% | `src/styles/data-entry-layout.css:204` → `opacity: 0.5`<br>`src/styles/data-entry-layout.css:240` → `opacity: 0.25`<br>`src/styles/data-entry-layout.css:102` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/data-entry-layout.css:284` → `backdrop-filter: blur(10px)`<br>`src/styles/data-entry-layout.css:24` → `inline-size: 100%`<br>_+2 more — see [appendix](#attachments)_                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
+| **org-switcher**         |           31 |        22 |          3 |          6 |         88% | `src/styles/shell-layout.css:1594` → `border-start-start-radius: var(--radius-lg)` — var target `--radius-lg` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/shell-layout.css:1595` → `border-start-end-radius: var(--radius-lg)` — var target `--radius-lg` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/shell-layout.css:330` → `inline-size: auto`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| **dialog**               |           56 |        46 |          6 |          4 |         88% | `src/styles/dialog-layout.css:65` → `border-radius: var(--radius-lg)` — var target `--radius-lg` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/dialog-layout.css:178` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/dialog-layout.css:52` → `max-width: none`<br>`src/styles/dialog-layout.css:72` → `max-height: min(60vh, 32rem)`<br>`src/styles/dialog-layout.css:191` → `inline-size: 100%`<br>_+1 more — see [appendix](#dialog)_                                                                                                                                                                                                                                                                                                                          |
+| **command**              |           41 |        32 |          4 |          5 |         89% | `src/styles/control.css:984` → `opacity: 0.5`<br>`src/styles/control.css:1052` → `opacity: 0.5`<br>`src/styles/control.css:991` → `border: 0`<br>`src/styles/control.css:1075` → `border-radius: 0`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| **pagination**           |           32 |        24 |          3 |          5 |         89% | `src/styles/layout.css:1397` → `opacity: 0.5`<br>`src/styles/layout.css:1366` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/navigation-layout.css:678` → `max-inline-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| **breadcrumb**           |           13 |         8 |          1 |          4 |         89% | `src/styles/navigation-layout.css:1003` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| **data-table**           |           71 |        50 |          6 |         15 |         89% | `src/styles/table-layout.css:373` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/table-layout.css:289` → `inline-size: 100%`<br>`src/styles/table-layout.css:290` → `block-size: 100%`<br>`src/styles/table-layout.css:338` → `max-width: 100%`<br>`src/styles/table-layout.css:371` → `min-inline-size: min-content`<br>_+1 more — see [appendix](#data-table)_                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| **carousel**             |           24 |        17 |          2 |          5 |         89% | `src/styles/data-display-layout.css:883` → `min-width: 100%`<br>`src/styles/data-display-layout.css:1000` → `min-height: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| **tabs**                 |           91 |        69 |          8 |         14 |         90% | `src/styles/navigation-layout.css:492` → `border-start-start-radius: 0`<br>`src/styles/navigation-layout.css:493` → `border-start-end-radius: 0`<br>`src/styles/navigation-layout.css:499` → `border-end-start-radius: 0`<br>`src/styles/navigation-layout.css:500` → `border-end-end-radius: 0`<br>`src/styles/navigation-layout.css:506` → `border-start-start-radius: 0`<br>_+3 more — see [appendix](#tabs)_                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| **float-button**         |           33 |        27 |          3 |          3 |         90% | `src/styles/float-button-layout.css:140` → `border-radius: 0`<br>`src/styles/float-button-layout.css:197` → `border-radius: inherit`<br>`src/styles/float-button-layout.css:46` → `block-size: auto`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| **switch**               |           20 |        18 |          2 |          0 |         90% | `src/styles/control.css:727` → `border: 2px solid transparent`<br>`src/styles/control.css:3787` → `inline-size: auto`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| **auth-account-summary** |           11 |         9 |          1 |          1 |         90% | `src/styles/shell-layout.css:712` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| **range-timeline**       |           39 |        29 |          3 |          7 |         91% | `src/styles/data-display-layout.css:1847` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/data-display-layout.css:1993` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/data-display-layout.css:2002` → `block-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
+| **textarea**             |           14 |        10 |          1 |          3 |         91% | `src/styles/control.css:425` → `inline-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+| **filter-bar**           |           14 |        10 |          1 |          3 |         91% | `src/styles/layout.css:1508` → `inline-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+| **logo**                 |           36 |        31 |          3 |          2 |         91% | `src/styles/logo-layout.css:183` → `border-radius: 0`<br>`src/styles/logo-layout.css:220` → `border-radius: 0`<br>`src/styles/logo-layout.css:12` → `font-weight: 700`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
+| **draggable-panel**      |           26 |        22 |          2 |          2 |         92% | `src/styles/layout.css:2293` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/layout.css:2334` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
+| **feature-list**         |           13 |        11 |          1 |          1 |         92% | `src/styles/data-display-layout.css:538` → `block-size: 1lh`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| **mega-menu**            |           80 |        60 |          5 |         15 |         92% | `src/styles/navigation-layout.css:1749` → `border: 0`<br>`src/styles/navigation-layout.css:1833` → `inline-size: var(--mega-menu-panel-measured-width, 100%)` — var target `--mega-menu-panel-measured-width` not in `agent/tokens.json`<br>`src/styles/navigation-layout.css:1995` → `inline-size: 100%`<br>`src/styles/navigation-layout.css:2004` → `inline-size: auto`<br>`src/styles/navigation-layout.css:2006` → `max-block-size: none`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| **command-palette**      |           18 |        12 |          1 |          5 |         92% | `src/styles/control.css:1102` → `max-width: none`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| **credential-reveal**    |           14 |        12 |          1 |          1 |         92% | `src/styles/data-display-layout.css:1163` → `letter-spacing: 0.02em`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| **toggle**               |           43 |        39 |          3 |          1 |         93% | `src/styles/control.css:9` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/control.css:21` → `border: 1px solid transparent`<br>`src/styles/control.css:34` → `border: 1px solid transparent`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| **timeline**             |           31 |        26 |          2 |          3 |         93% | `src/styles/data-display-layout.css:645` → `border: 1px solid transparent`<br>`src/styles/data-display-layout.css:728` → `min-height: 2.25rem`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| **button**               |           69 |        53 |          4 |         12 |         93% | `src/styles/control.css:276` → `border: 0`<br>`src/styles/control.css:3551` → `min-height: var(--button-wrap-min-height)` — var target `--button-wrap-min-height` not in `agent/tokens.json`<br>`src/styles/control.css:3552` → `max-inline-size: 100%`<br>`src/styles/shell-layout.css:2716` → `max-width: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| **card**                 |           72 |        55 |          4 |         13 |         93% | `src/styles/card-layout.css:43` → `border-style: solid`<br>`src/styles/card-layout.css:147` → `border-inline-start-color: var(--card-accent-color)` — var target `--card-accent-color` not in `agent/tokens.json`<br>`src/styles/card-layout.css:184` → `border-color: var(--card-accent-color)` — var target `--card-accent-color` not in `agent/tokens.json`<br>`src/styles/card-layout.css:869` → `border-style: dashed`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
+| **chat-bubble**          |           36 |        28 |          2 |          6 |         93% | `src/styles/data-display-layout.css:2394` → `inline-size: auto`<br>`src/styles/data-display-layout.css:2395` → `max-inline-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
+| **upload**               |          128 |       117 |          8 |          3 |         94% | `src/styles/data-entry-layout.css:576` → `inline-size: 100%`<br>`src/styles/data-entry-layout.css:577` → `block-size: 100%`<br>`src/styles/data-entry-layout.css:616` → `inline-size: 100%`<br>`src/styles/data-entry-layout.css:642` → `inline-size: 100%`<br>`src/styles/data-entry-layout.css:678` → `inline-size: 100%`<br>_+3 more — see [appendix](#upload)_                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+| **empty-state**          |           19 |        17 |          1 |          1 |         94% | `src/styles/layout.css:1215` → `min-block-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| **select**               |           38 |        35 |          2 |          1 |         95% | `src/styles/control.css:2315` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/control.css:2381` → `inline-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
+| **radio**                |           19 |        18 |          1 |          0 |         95% | `src/styles/control.css:3990` → `border-inline-start-width: 0`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| **password-strength**    |           21 |        18 |          1 |          2 |         95% | `src/styles/data-entry-layout.css:387` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| **dropdown-menu**        |           43 |        39 |          2 |          2 |         95% | `src/styles/navigation-layout.css:936` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/navigation-layout.css:951` → `max-height: var(--radix-dropdown-menu-content-available-height)` — var target `--radix-dropdown-menu-content-available-height` not in `agent/tokens.json`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| **list-row**             |           25 |        20 |          1 |          4 |         95% | `src/styles/data-display-layout.css:1110` → `max-inline-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| **flex**                 |           49 |        41 |          2 |          6 |         95% | `src/styles/layout.css:201` → `inline-size: 100%`<br>`src/styles/layout.css:947` → `max-inline-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
+| **sheet**                |           26 |        22 |          1 |          3 |         96% | `src/styles/dialog-layout.css:437` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
+| **time-picker**          |           28 |        23 |          1 |          4 |         96% | `src/styles/control.css:2492` → `inline-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| **centered-shell**       |           28 |        24 |          1 |          3 |         96% | `src/styles/shell-layout.css:862` → `min-height: 100dvh`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| **activity**             |           35 |        25 |          1 |          9 |         96% | `src/styles/motion.css:183` → `border-radius: inherit`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
+| **topbar-item**          |           33 |        31 |          1 |          1 |         97% | `src/styles/shell-layout.css:2828` → `border: 0`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| **steps**                |           82 |        70 |          2 |         10 |         97% | `src/styles/navigation-layout.css:888` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published<br>`src/styles/navigation-layout.css:1255` → `block-size: 1px`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| **text**                 |           47 |        38 |          1 |          8 |         97% | `src/styles/text-layout.css:542` → `max-inline-size: 100%`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
+
+## Fully covered — 100% of non-structural declarations reachable
+
+39 components. Shown compact (declarations / reachable / structural); none has a hard-coded non-structural declaration.
+
+| component             | declarations | reachable | structural |
+| --------------------- | -----------: | --------: | ---------: |
+| legal-document-shell  |           46 |        33 |         13 |
+| conversations         |           35 |        22 |         13 |
+| tree                  |           30 |        29 |          1 |
+| transfer              |           29 |        28 |          1 |
+| tree-select           |           28 |        27 |          1 |
+| code-block            |           24 |        21 |          3 |
+| stat-card             |           22 |        20 |          2 |
+| responsive-grid       |           20 |        17 |          3 |
+| service-launcher-card |           19 |        15 |          4 |
+| heading               |           18 |        17 |          1 |
+| month                 |           17 |        13 |          4 |
+| welcome               |           16 |        12 |          4 |
+| error-surface         |           16 |        10 |          6 |
+| card-content          |           15 |         9 |          6 |
+| legend                |           15 |        13 |          2 |
+| separator             |           13 |        12 |          1 |
+| descriptions          |           12 |        10 |          2 |
+| search-input          |           11 |        11 |          0 |
+| toolbar               |           11 |         7 |          4 |
+| permission-matrix     |            9 |         8 |          1 |
+| tooltip               |            9 |         9 |          0 |
+| actions               |            9 |         8 |          1 |
+| popover               |            8 |         8 |          0 |
+| checkbox              |            7 |         6 |          1 |
+| color-picker          |            7 |         6 |          1 |
+| form                  |            7 |         7 |          0 |
+| branch-scope-picker   |            6 |         6 |          0 |
+| swatch                |            5 |         5 |          0 |
+| auth-identity         |            5 |         3 |          2 |
+| skeleton-image        |            3 |         3 |          0 |
+| service-catalog-cta   |            3 |         3 |          0 |
+| label                 |            3 |         3 |          0 |
+| toaster               |            2 |         2 |          0 |
+| command-empty         |            2 |         2 |          0 |
+| nav-list              |            2 |         1 |          1 |
+| toggle-group          |            1 |         1 |          0 |
+| avatar-fallback       |            1 |         1 |          0 |
+| brand                 |            1 |         1 |          0 |
+| auth-stack            |            1 |         1 |          0 |
+
+Components whose only attributable declarations were structural (no non-structural denominator, so no percentage): `chat-suggestion`, `reveal`.
+
+## Cross-cutting bases and one dead-CSS finding — not folded into any single component's score
+
+| bucket                       | declarations | reachable | hard-coded | structural | % reachable | note                                                                                                                                                                                 |
+| ---------------------------- | -----------: | --------: | ---------: | ---------: | ----------: | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| dead CSS: combobox           |           24 |        13 |          6 |          5 |         68% | `.ui-combobox-*` (`src/styles/control.css`) — matches **no render call** anywhere in `src/components`. Not a reachability defect; flagged as probable dead CSS for separate cleanup. |
+| shared: chart frame          |           45 |        30 |          7 |          8 |         81% | `.ui-chart` / `.ui-chart-trend-*` — the ChartFrame wrapper shared by Area/Bar/Line/PieChart.                                                                                         |
+| shared: choice base          |           21 |        15 |          3 |          3 |         83% | `.ui-choice-*` — shared base under Checkbox/Radio choice inputs.                                                                                                                     |
+| shared: control base         |           65 |        51 |          6 |          8 |         89% | `.ui-control*` — shared by every text-entry control (Input, Textarea, Select trigger, …). A hard-coded value here reaches more surfaces than any single component row.               |
+| shared: stack/inline utility |            9 |         9 |          0 |          0 |        100% | `.ui-stack-*` / `.ui-inline-*` — spacing utility classes, not a catalogued component.                                                                                                |
+
+## The nine worst individual offenders across the library
+
+Pure hard-coded literals (no `var()` at all — the `--radius-md`-family `var()`-but-unpublished hits are Finding 1's one root cause, already covered there, not repeated as nine separate ones), ranked by how obviously a theme would want to change them: colour and background first, then border/shadow, then type, then spacing.
+
+1. **sidebar** — `src/styles/shell-layout.css:2121` → `color: white` (selector `.sb-logo-mark`)
+2. **skeleton** — `src/styles/alert-layout.css:401` → `background-size: 400% 100%` (selector `.ui-skeleton-block[data-active], .ui-skeleton-article[data-active] .ui`)
+3. **command** — `src/styles/control.css:984` → `opacity: 0.5` (selector `.ui-command-search-icon`)
+4. **command** — `src/styles/control.css:1052` → `opacity: 0.5` (selector `.ui-command-item[data-disabled="true"]`)
+5. **tag-input** — `src/styles/control.css:1661` → `opacity: 0.7` (selector `.ui-tag-input-remove, .ui-search-select-value-remove`)
+6. **accordion** — `src/styles/data-display-layout.css:821` → `opacity: 0.5` (selector `.ui-accordion-trigger:disabled, .ui-accordion-trigger[data-disabled]`)
+7. **attachments** — `src/styles/data-entry-layout.css:204` → `opacity: 0.5` (selector `.ui-attachments-upload-btn:disabled`)
+8. **attachments** — `src/styles/data-entry-layout.css:240` → `opacity: 0.25` (selector `.ui-attachments-placeholder[data-disabled="true"]`)
+9. **resizable-panel** — `src/styles/layout.css:709` → `opacity: 0.5` (selector `.ui-resizable-handle[data-separator="disabled"]`)
+
+Reading this list: **not one of the nine (nor any of the 288 pure hard-coded literals in the whole
+per-component scan) is a raw colour hex/hsl/rgb literal.** That discipline holds almost everywhere.
+The only raw colour literals found anywhere in the whole exercise are 6 _token-definition defaults_
+in `src/tokens/components/*.css` (not component rules, so they don't appear in the table above):
+`--qr-code-foreground`/`-background` (black/white, legitimately fixed — a QR code is not a themeable
+surface), `--logo-identity-foreground` ×2 light/dark (a brand mark, arguably also intentional), and
+`--upload-avatar-change-background: rgb(0 0 0 / 0.7)` / `--upload-avatar-change-foreground: #fff`
+(`src/tokens/components/upload.css:89-90`) — which is **not** obviously intentional and is the
+clearest single "should reference a token, doesn't" finding in the whole scan.
+
+What the top 10 _do_ surface is **disabled/muted-state opacity values** (`0.5`, `0.6`, `0.7`,
+`0.25`, `0.4`) hard-coded per component instead of drawn from one shared token, and dimension
+literals on `min-height`/`max-width` that read as an actual sizing decision rather than a browser
+default.
+
+## Appendix — full hard-coded listings
+
+For every component whose main-table row was capped at 5 examples, the complete list.
+
+### rating
+
+- `src/styles/control.css:1424` → `border: 0`
+- `src/styles/control.css:1456` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/control.css:3960` → `border: 0`
+- `src/styles/control.css:1421` → `min-width: 1.5rem`
+- `src/styles/control.css:1422` → `min-height: 1.5rem`
+- `src/styles/control.css:3957` → `inline-size: 50%`
+
+### number-input
+
+- `src/styles/control.css:1881` → `gap: 0.0625rem`
+- `src/styles/control.css:1694` → `inline-size: 100%`
+- `src/styles/control.css:1831` → `inline-size: 100%`
+- `src/styles/control.css:1888` → `inline-size: 1.5rem`
+- `src/styles/control.css:1891` → `inline-size: 0.75rem`
+- `src/styles/control.css:1892` → `block-size: 0.75rem`
+
+### skeleton
+
+- `src/styles/alert-layout.css:401` → `background-size: 400% 100%`
+- `src/styles/alert-layout.css:342` → `max-width: 56rem`
+- `src/styles/alert-layout.css:373` → `inline-size: 100%`
+- `src/styles/alert-layout.css:443` → `block-size: var(--skeleton-element-block-size)` — var target `--skeleton-element-block-size` not in `agent/tokens.json`
+- `src/styles/alert-layout.css:460` → `inline-size: var(--skeleton-element-block-size)` — var target `--skeleton-element-block-size` not in `agent/tokens.json`
+- `src/styles/alert-layout.css:469` → `inline-size: calc(var(--skeleton-element-block-size) * var(--skeleton-butt...` — var target `--skeleton-element-block-size` not in `agent/tokens.json`
+- `src/styles/alert-layout.css:470` → `min-inline-size: calc(var(--skeleton-element-block-size) * var(--skeleton-butt...` — var target `--skeleton-element-block-size` not in `agent/tokens.json`
+- `src/styles/alert-layout.css:483` → `inline-size: calc(var(--skeleton-element-block-size) * var(--skeleton-inpu...` — var target `--skeleton-element-block-size` not in `agent/tokens.json`
+- `src/styles/alert-layout.css:484` → `min-inline-size: calc(var(--skeleton-element-block-size) * var(--skeleton-inpu...` — var target `--skeleton-element-block-size` not in `agent/tokens.json`
+- `src/styles/alert-layout.css:490` → `inline-size: 100%`
+
+### tag-input
+
+- `src/styles/control.css:1661` → `opacity: 0.7`
+- `src/styles/control.css:1643` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/control.css:1657` → `border: 0`
+- `src/styles/control.css:1682` → `border: 0`
+- `src/styles/control.css:1655` → `margin-inline-end: -0.25rem`
+- `src/styles/control.css:1653` → `min-width: 1.5rem`
+- `src/styles/control.css:1654` → `min-height: 1.5rem`
+- `src/styles/control.css:1680` → `min-width: 6rem`
+
+### slider
+
+- `src/styles/control.css:860` → `border-radius: inherit`
+- `src/styles/control.css:807` → `inline-size: 100%`
+- `src/styles/control.css:817` → `inline-size: fit-content`
+- `src/styles/control.css:818` → `block-size: 100%`
+- `src/styles/control.css:838` → `block-size: auto`
+- `src/styles/control.css:852` → `block-size: auto`
+- `src/styles/control.css:859` → `inline-size: var(--slider-range-size, 0%)` — var target `--slider-range-size` not in `agent/tokens.json`
+- `src/styles/control.css:868` → `inline-size: auto`
+- `src/styles/control.css:869` → `block-size: var(--slider-range-size, 0%)` — var target `--slider-range-size` not in `agent/tokens.json`
+- `src/styles/control.css:3820` → `block-size: 0`
+- `src/styles/control.css:3829` → `inline-size: 0`
+- `src/styles/control.css:3830` → `block-size: auto`
+- `src/styles/control.css:3841` → `inline-size: 0`
+- `src/styles/control.css:3853` → `inline-size: auto`
+- `src/styles/control.css:3854` → `block-size: 0`
+- `src/styles/control.css:3897` → `inline-size: 0`
+- `src/styles/control.css:3913` → `block-size: 0`
+
+### input
+
+- `src/styles/control.css:2627` → `border: 0`
+- `src/styles/control.css:3699` → `border-inline-end: 0`
+- `src/styles/control.css:3705` → `border-inline-start: 0`
+- `src/styles/control.css:3715` → `border-start-start-radius: 0`
+- `src/styles/control.css:3716` → `border-end-start-radius: 0`
+- `src/styles/control.css:3722` → `border-start-end-radius: 0`
+- `src/styles/control.css:3723` → `border-end-end-radius: 0`
+- `src/styles/control.css:2650` → `inline-size: 100%`
+- `src/styles/control.css:3669` → `inline-size: 100%`
+
+### input-otp
+
+- `src/styles/control.css:1322` → `border-inline-start-width: 0`
+- `src/styles/control.css:1328` → `border-start-start-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/control.css:1329` → `border-end-start-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/control.css:1332` → `border-start-end-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/control.css:1333` → `border-end-end-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/control.css:1338` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/control.css:1342` → `border: 0`
+- `src/styles/control.css:1343` → `border-radius: 0`
+
+### typography
+
+- `src/styles/shell-layout.css:3057` → `border-radius: 4px`
+- `src/styles/text-layout.css:475` → `border: 0`
+- `src/styles/text-layout.css:557` → `font-weight: inherit`
+- `src/styles/text-layout.css:554` → `font-size: inherit`
+- `src/styles/shell-layout.css:3054` → `padding: 1px 5px`
+- `src/styles/text-layout.css:531` → `max-inline-size: 100%`
+
+### form-field
+
+- `src/styles/form-layout.css:106` → `inline-size: 100%`
+- `src/styles/form-layout.css:114` → `inline-size: auto`
+- `src/styles/form-layout.css:167` → `max-inline-size: 100%`
+- `src/styles/form-layout.css:202` → `max-inline-size: 100%`
+- `src/styles/form-layout.css:236` → `max-inline-size: 100%`
+- `src/styles/form-layout.css:270` → `max-inline-size: 100%`
+- `src/styles/form-layout.css:304` → `max-inline-size: 100%`
+
+### calendar
+
+- `src/styles/control.css:2914` → `border-radius: 0`
+- `src/styles/control.css:3116` → `border-collapse: collapse`
+- `src/styles/control.css:3224` → `border-radius: 0`
+- `src/styles/control.css:3231` → `border-start-end-radius: 0`
+- `src/styles/control.css:3232` → `border-end-end-radius: 0`
+- `src/styles/control.css:3236` → `border-start-start-radius: 0`
+- `src/styles/control.css:3237` → `border-end-start-radius: 0`
+- `src/styles/control.css:2834` → `inline-size: fit-content`
+- `src/styles/control.css:2976` → `inline-size: 100%`
+- `src/styles/control.css:2989` → `inline-size: 100%`
+- `src/styles/control.css:2997` → `inline-size: 100%`
+- `src/styles/control.css:3002` → `inline-size: auto`
+- `src/styles/control.css:3021` → `inline-size: 100%`
+- `src/styles/control.css:3022` → `max-inline-size: none`
+- `src/styles/control.css:3023` → `block-size: auto`
+- `src/styles/control.css:3048` → `inline-size: 100%`
+- `src/styles/control.css:3115` → `inline-size: 100%`
+- `src/styles/control.css:3130` → `inline-size: 100%`
+
+### sidebar
+
+- `src/styles/shell-layout.css:2121` → `color: white`
+- `src/styles/shell-layout.css:2190` → `color: var(--sidebar-section-label-foreground, hsl(var(--muted-foreg...` — var target `--sidebar-section-label-foreground` not in `agent/tokens.json`
+- `src/styles/shell-layout.css:2379` → `opacity: 0.6`
+- `src/styles/shell-layout.css:2411` → `opacity: 0.4`
+- `src/styles/shell-layout.css:2091` → `border: 0`
+- `src/styles/shell-layout.css:2224` → `border: 0`
+- `src/styles/shell-layout.css:2499` → `border: 0`
+- `src/styles/shell-layout.css:2123` → `font-weight: 700`
+- `src/styles/shell-layout.css:2136` → `font-weight: 700`
+- `src/styles/shell-layout.css:2154` → `font-weight: 700`
+- `src/styles/shell-layout.css:2192` → `font-weight: 700`
+- `src/styles/shell-layout.css:2529` → `font-weight: 500`
+- `src/styles/shell-layout.css:2552` → `font-weight: 500`
+- `src/styles/shell-layout.css:2155` → `letter-spacing: 0.08em`
+- `src/styles/shell-layout.css:2193` → `letter-spacing: 0.08em`
+- `src/styles/shell-layout.css:2330` → `padding-inline: 0.375rem`
+- `src/styles/shell-layout.css:2130` → `gap: 2px`
+- `src/styles/shell-layout.css:2391` → `gap: 2px`
+- `src/styles/shell-layout.css:2479` → `gap: 2px`
+- `src/styles/shell-layout.css:2321` → `min-width: 1.125rem`
+- `src/styles/shell-layout.css:2477` → `min-width: 11rem`
+
+### topbar
+
+- `src/styles/shell-layout.css:2986` → `color: white`
+- `src/styles/shell-layout.css:2950` → `border: 1px solid transparent`
+- `src/styles/shell-layout.css:2967` → `border-style: dashed`
+- `src/styles/shell-layout.css:3071` → `border: 0`
+- `src/styles/shell-layout.css:2988` → `font-weight: 700`
+- `src/styles/shell-layout.css:2994` → `font-weight: 500`
+- `src/styles/shell-layout.css:2621` → `gap: 2px`
+- `src/styles/shell-layout.css:2630` → `max-width: 100%`
+- `src/styles/shell-layout.css:2737` → `max-width: 100%`
+- `src/styles/shell-layout.css:2791` → `max-inline-size: none`
+- `src/styles/shell-layout.css:2944` → `max-width: 15rem`
+
+### search
+
+- `src/styles/control.css:2046` → `border: 0`
+- `src/styles/control.css:2047` → `border-radius: 0`
+- `src/styles/control.css:2103` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/control.css:2004` → `max-block-size: var(--radix-popover-content-available-height)` — var target `--radix-popover-content-available-height` not in `agent/tokens.json`
+- `src/styles/control.css:2009` → `min-inline-size: var(--radix-popover-trigger-width)` — var target `--radix-popover-trigger-width` not in `agent/tokens.json`
+- `src/styles/control.css:2059` → `max-block-size: none`
+- `src/styles/control.css:2100` → `max-inline-size: 100%`
+
+### prose
+
+- `src/styles/data-display-layout.css:1601` → `border-collapse: collapse`
+- `src/styles/data-display-layout.css:1627` → `border: 0`
+- `src/styles/data-display-layout.css:1600` → `inline-size: 100%`
+- `src/styles/data-display-layout.css:1617` → `max-inline-size: 100%`
+- `src/styles/data-display-layout.css:1618` → `block-size: auto`
+- `src/styles/data-display-layout.css:1623` → `max-inline-size: none`
+
+### page-container
+
+- `src/styles/layout.css:746` → `gap: var(--page-band-gap)` — var target `--page-band-gap` not in `agent/tokens.json`
+- `src/styles/layout.css:899` → `margin-block: calc(-1 * var(--page-band-gap))` — var target `--page-band-gap` not in `agent/tokens.json`
+- `src/styles/layout.css:1109` → `margin-block-start: var(--page-body-gap)` — var target `--page-body-gap` not in `agent/tokens.json`
+- `src/styles/layout.css:1114` → `margin-block-start: var(--page-body-gap)` — var target `--page-body-gap` not in `agent/tokens.json`
+- `src/styles/layout.css:744` → `min-height: 100%`
+- `src/styles/layout.css:774` → `max-width: 42rem`
+- `src/styles/layout.css:840` → `min-height: 100%`
+- `src/styles/layout.css:1022` → `max-inline-size: 100%`
+- `src/styles/layout.css:1091` → `max-inline-size: 100%`
+- `src/styles/layout.css:1097` → `max-inline-size: 100%`
+
+### timeline-grid
+
+- `src/styles/data-display-layout.css:1767` → `border-start-start-radius: 0`
+- `src/styles/data-display-layout.css:1768` → `border-start-end-radius: 0`
+- `src/styles/data-display-layout.css:1773` → `border-end-start-radius: 0`
+- `src/styles/data-display-layout.css:1774` → `border-end-end-radius: 0`
+- `src/styles/data-display-layout.css:1727` → `inline-size: calc(100% / var(--timeline-grid-event-lanes, 1))` — var target `--timeline-grid-event-lanes` not in `agent/tokens.json`
+- `src/styles/data-display-layout.css:1741` → `inline-size: 100%`
+- `src/styles/data-display-layout.css:1742` → `block-size: 100%`
+
+### avatar
+
+- `src/styles/data-display-layout.css:120` → `background-origin: border-box`
+- `src/styles/data-display-layout.css:104` → `border-radius: inherit`
+- `src/styles/data-display-layout.css:75` → `inline-size: var(--avatar-glyph-size)` — var target `--avatar-glyph-size` not in `agent/tokens.json`
+- `src/styles/data-display-layout.css:76` → `block-size: var(--avatar-glyph-size)` — var target `--avatar-glyph-size` not in `agent/tokens.json`
+- `src/styles/data-display-layout.css:2268` → `inline-size: 100%`
+- `src/styles/data-display-layout.css:2269` → `block-size: 100%`
+
+### app-shell
+
+- `src/styles/shell-layout.css:294` → `border-inline-end: 0`
+- `src/styles/shell-layout.css:314` → `border-inline-end: 0`
+- `src/styles/shell-layout.css:1104` → `padding-block-start: max(var(--sheet-pad-y), env(safe-area-inset-top))` — var target `--sheet-pad-y` not in `agent/tokens.json`
+- `src/styles/shell-layout.css:1105` → `padding-block-end: max(var(--sheet-pad-y), env(safe-area-inset-bottom))` — var target `--sheet-pad-y` not in `agent/tokens.json`
+- `src/styles/shell-layout.css:1106` → `padding-inline-start: max(var(--sheet-pad-x), env(safe-area-inset-left))` — var target `--sheet-pad-x` not in `agent/tokens.json`
+- `src/styles/shell-layout.css:1107` → `padding-inline-end: max(var(--sheet-pad-x), env(safe-area-inset-right))` — var target `--sheet-pad-x` not in `agent/tokens.json`
+- `src/styles/shell-layout.css:7` → `max-width: 100vw`
+
+### table
+
+- `src/styles/table-layout.css:76` → `background-image: linear-gradient( var( --table-row-tone-surface, hsl(var(--tab...` — var target `--table-row-tone-surface` not in `agent/tokens.json`
+- `src/styles/table-layout.css:16` → `border-block-end-width: 0`
+- `src/styles/table-layout.css:1057` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/table-layout.css:1102` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/table-layout.css:1147` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/table-layout.css:1192` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/table-layout.css:631` → `min-inline-size: var(--table-scroll-inline-size, auto)` — var target `--table-scroll-inline-size` not in `agent/tokens.json`
+- `src/styles/table-layout.css:725` → `inline-size: 100%`
+- `src/styles/table-layout.css:733` → `inline-size: var( --table-action-collection-column-width, var(--table-acti...` — var target `--table-action-collection-column-width` not in `agent/tokens.json`
+
+### app-launcher
+
+- `src/styles/shell-layout.css:1714` → `border-start-start-radius: var(--radius-lg)` — var target `--radius-lg` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/shell-layout.css:1715` → `border-start-end-radius: var(--radius-lg)` — var target `--radius-lg` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/shell-layout.css:1803` → `border: 0`
+- `src/styles/shell-layout.css:1804` → `border-radius: 0`
+- `src/styles/shell-layout.css:1815` → `max-height: none`
+- `src/styles/shell-layout.css:1856` → `max-width: calc( var(--app-launcher-columns) * (var(--app-launcher-launc...` — var target `--app-launcher-columns` not in `agent/tokens.json`
+- `src/styles/shell-layout.css:2045` → `max-width: 100%`
+
+### alert
+
+- `src/styles/alert-layout.css:51` → `border-block-start-width: 0`
+- `src/styles/alert-layout.css:52` → `border-inline-width: 0`
+- `src/styles/alert-layout.css:75` → `border-block-width: 0`
+- `src/styles/alert-layout.css:76` → `border-inline-end-width: 0`
+- `src/styles/alert-layout.css:78` → `border-start-start-radius: 0`
+- `src/styles/alert-layout.css:79` → `border-end-start-radius: 0`
+- `src/styles/alert-layout.css:212` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/alert-layout.css:107` → `margin-top: 0.125rem`
+
+### attachments
+
+- `src/styles/data-entry-layout.css:204` → `opacity: 0.5`
+- `src/styles/data-entry-layout.css:240` → `opacity: 0.25`
+- `src/styles/data-entry-layout.css:102` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/data-entry-layout.css:284` → `backdrop-filter: blur(10px)`
+- `src/styles/data-entry-layout.css:24` → `inline-size: 100%`
+- `src/styles/data-entry-layout.css:78` → `max-inline-size: 100%`
+- `src/styles/data-entry-layout.css:126` → `max-inline-size: 100%`
+
+### dialog
+
+- `src/styles/dialog-layout.css:65` → `border-radius: var(--radius-lg)` — var target `--radius-lg` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/dialog-layout.css:178` → `border-radius: var(--radius-sm)` — var target `--radius-sm` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/dialog-layout.css:52` → `max-width: none`
+- `src/styles/dialog-layout.css:72` → `max-height: min(60vh, 32rem)`
+- `src/styles/dialog-layout.css:191` → `inline-size: 100%`
+- `src/styles/dialog-layout.css:192` → `block-size: 100%`
+
+### data-table
+
+- `src/styles/table-layout.css:373` → `border-radius: var(--radius-md)` — var target `--radius-md` is an unpublished Map-tier step (see Finding 1); one hop up (`--radius`, `--radius-ratio`) IS published
+- `src/styles/table-layout.css:289` → `inline-size: 100%`
+- `src/styles/table-layout.css:290` → `block-size: 100%`
+- `src/styles/table-layout.css:338` → `max-width: 100%`
+- `src/styles/table-layout.css:371` → `min-inline-size: min-content`
+- `src/styles/table-layout.css:620` → `max-block-size: var(--table-scroll-block-size, none)` — var target `--table-scroll-block-size` not in `agent/tokens.json`
+
+### tabs
+
+- `src/styles/navigation-layout.css:492` → `border-start-start-radius: 0`
+- `src/styles/navigation-layout.css:493` → `border-start-end-radius: 0`
+- `src/styles/navigation-layout.css:499` → `border-end-start-radius: 0`
+- `src/styles/navigation-layout.css:500` → `border-end-end-radius: 0`
+- `src/styles/navigation-layout.css:506` → `border-start-start-radius: 0`
+- `src/styles/navigation-layout.css:507` → `border-end-start-radius: 0`
+- `src/styles/navigation-layout.css:513` → `border-start-end-radius: 0`
+- `src/styles/navigation-layout.css:514` → `border-end-end-radius: 0`
+
+### upload
+
+- `src/styles/data-entry-layout.css:576` → `inline-size: 100%`
+- `src/styles/data-entry-layout.css:577` → `block-size: 100%`
+- `src/styles/data-entry-layout.css:616` → `inline-size: 100%`
+- `src/styles/data-entry-layout.css:642` → `inline-size: 100%`
+- `src/styles/data-entry-layout.css:678` → `inline-size: 100%`
+- `src/styles/data-entry-layout.css:679` → `block-size: 100%`
+- `src/styles/data-entry-layout.css:685` → `inline-size: 100%`
+- `src/styles/data-entry-layout.css:686` → `block-size: 100%`