diff --git a/.agents/skills/babysit/SKILL.md b/.agents/skills/babysit/SKILL.md
index 83204194548..881d0117005 100644
--- a/.agents/skills/babysit/SKILL.md
+++ b/.agents/skills/babysit/SKILL.md
@@ -57,6 +57,12 @@ All three must hold:
    reported yet, and treating "not failing" as "passing" reports the PR clean before CI has
    had its say. Wait for it — the step-10 stop condition covers a check that never settles.
 
+A passing design-conformance CI step can still contain warnings. Read its latest report and
+triage findings using `/ship`'s [committed design check](../ship/SKILL.md#committed-design-check).
+Intentional system changes and justified exceptions may remain once explained in the PR;
+they do not prevent a clean review or require another fix loop. Honor decisions already made
+in this session. Operational failures must be resolved before reporting the PR clean.
+
 Do not stop early on "no new comments this round" alone — a thread can be open from an earlier
 round, and cubic often lands its first threads a round after Greptile's. Always check all three
 conditions freshly after every push.
@@ -85,11 +91,14 @@ conditions freshly after every push.
    If `mergeable` is `CONFLICTING`, fix that first (step 2). If a check is failing, fix that too
    — treat it exactly like a review finding. If a check is still `pending`, do not evaluate
    "clean" at all: go to step 9 and wait for it. Otherwise, if Greptile is 5/5, every thread
-   across all pages has `isResolved: true`, and every check has finished and passed, stop —
+   across all pages has `isResolved: true`, every check has finished and passed, and any design
+   warnings have been triaged as above, stop —
    report the outcome (see "Reporting" below) and skip the rest of this list.
 
 2. **If the PR has a merge conflict**, merge `origin/staging`, resolve the conflicts, run the
-   usual pre-push checks, push, and go to step 8 to re-trigger review.
+   usual pre-commit checks and commit the resolution. Run `/ship`'s
+   [committed design check](../ship/SKILL.md#committed-design-check) against the resulting HEAD
+   before pushing, then go to step 8 to re-trigger review.
 
 3. **If no review has run yet** (fresh PR, no bot comments): both run automatically on PR open —
    confirm via `gh pr checks <n>` (look for `Greptile Review` and `cubic · AI code reviewer`) and
@@ -129,7 +138,11 @@ conditions freshly after every push.
    migration safety, and the regenerate + audit phases. A review-fix round is still a code change
    and can trip any of them just as easily as the original commit did.
 
-7. **Commit and push** the round's fixes as one commit — `--force-with-lease` whenever step 6's
+7. **Commit, check and push** the round's fixes as one commit. After committing and before
+   every push, follow `/ship`'s [committed design check](../ship/SKILL.md#committed-design-check),
+   including warning triage and committing/rechecking any resulting fixes. Push only the
+   checked HEAD; rerun after a rebase or any other change to the comparison.
+   Use `--force-with-lease` whenever step 6's
    sync check rewrote history, which includes a plain `git rebase origin/staging` that completed
    with no conflicts, not only the cherry-pick rebuild path; both rewrite commits already
    published to the remote, so a plain `git push` can be rejected either way — then run `/ship`
diff --git a/.agents/skills/emcn-design-review/SKILL.md b/.agents/skills/emcn-design-review/SKILL.md
index 2f14b66c83c..3f454d64f99 100644
--- a/.agents/skills/emcn-design-review/SKILL.md
+++ b/.agents/skills/emcn-design-review/SKILL.md
@@ -1,84 +1,19 @@
 ---
 name: emcn-design-review
-description: Review UI code for alignment with the emcn design system — components, tokens, patterns, and conventions
+description: Review product UI changes for design drift using the local conformance check, EMCN components, and global styles.
 argument-hint: "[scope] [fix=true|false]"
 ---
 
-# EMCN Design Review
-
-Arguments:
-- scope: what to review (default: your current changes). Examples: "diff to main", "PR #123", "src/components/", "whole codebase"
-- fix: whether to apply fixes (default: true). Set to false to only propose changes.
+# EMCN design review
 
 User arguments: $ARGUMENTS
 
-## Context
-
-This codebase uses **emcn**, a custom component library built on Radix UI primitives with CVA variants and CSS variable design tokens. All UI must use emcn components and tokens.
-
-## Steps
-
-1. Read the emcn public barrel at `packages/emcn/src/index.ts` (re-exports components, Calendar, Table*, and icons) to know what's available; for the full icon set read `packages/emcn/src/icons/index.ts`
-2. Read `apps/sim/app/_styles/globals.css` for CSS variable tokens
-3. Analyze the specified scope against every rule below
-4. If fix=true, apply the fixes. If fix=false, propose the fixes without applying.
-
----
-
-## Imports
-
-- Components, `cn`, and tokens from the `@sim/emcn` barrel, never component subpaths
-- Icons from `@sim/emcn/icons`
-
-## Design Tokens
-
-Use CSS variable pattern (`text-[var(--text-primary)]`), never Tailwind semantics (`text-muted-foreground`) or hardcoded colors (`text-gray-500`, `#333`).
-
-**Text**: `--text-primary`, `--text-secondary`, `--text-tertiary`, `--text-muted`, `--text-body` (canonical value text), `--text-icon`, `--text-placeholder`, `--text-subtle`, `--text-inverse`, `--text-error`
-**Surfaces**: `--bg`, `--surface-1` through `--surface-7`, `--surface-hover`, `--surface-active`
-**Borders**: `--border` (`--border-1`/`--border-muted` are legacy aliases resolving to it — flag new uses)
-**Brand/accent**: `--brand-secondary`, `--brand-accent`
-**Z-Index**: `--z-dropdown` (100), `--z-toast` (150), `--z-modal` (200), `--z-popover` (300), `--z-tooltip` (400), `--z-takeover` (500), `--z-shell-gate` (600)
-**Shadows**: `shadow-subtle`, `shadow-medium`, `shadow-overlay`, `shadow-card`
-**Badges**: `--badge-*` semantic families (success/error/gray/blue/purple/orange/amber/teal/cyan/pink, each with `-bg`/`-text`)
-
-## Buttons
-
-Intent-to-variant mapping (read the actual `buttonVariants` in `packages/emcn/src/components/button/button.tsx` for the full variant set — it exposes more than listed here):
-
-| Action | Variant |
-|--------|---------|
-| Toolbar, icon-only | `ghost` |
-| Create, save, submit | `primary` |
-| Cancel, close | `default` |
-| Delete, remove | `destructive` |
-| Selected state | `active` |
-| Toggle | `outline` |
-
-## Delete/Remove Confirmations
-
-`ChipModal` `size='sm'`, title "Delete/Remove {ItemType}", destructive confirm button, plain Cancel (follow the chip footer layout in `.claude/rules/emcn-components.md`). Use `text-[var(--text-error)]` for irreversible warnings.
-
-## Toast
-
-`toast.success()`, `toast.error()`, `toast()` from `@sim/emcn`. Never custom notification UI.
-
-## Badges
-
-`red`=error/failed, `gray-secondary`=metadata/roles, `type`=type annotations, `green`=success/active, `gray`=neutral, `amber`=processing, `orange`=paused, `blue`=info. Use `dot` prop for status indicators.
-
-## Icons
-
-Default: `size-[14px]`. Color: `text-[var(--text-icon)]`. Scale: 14px > 16px > 12px > 20px. Use the `size-*` shorthand — flag `h-[Npx] w-[Npx]` and `h-N w-N` pairs as refactor targets.
+Interpret the arguments as the product UI scope (default: current changes) and an optional `fix=true|false` mode (default: `false`). When `fix=false`, explain proposed changes without applying them.
 
-## Anti-patterns to flag
+1. When EMCN, global styles, recipes or design ownership metadata change, run `bun run design:generate` and commit `scripts/design-conformance/contracts.generated.json` with the source. `bun run check:design-generated` checks freshness without writing. Regeneration does not hide the originating design-system finding.
+2. During UI work, run `bun run check:design --base origin/staging --working-tree` from the repo root, substituting the actual PR target for `origin/staging`. After committing, use `--head HEAD` for the immutable PR comparison. Exit 1 means findings to review; exit 2 means the check failed and must be repaired or reported. CI is warning-only for findings and fails on incomplete analysis.
+3. For each new finding, inspect the cited source, the applicable public EMCN export in `packages/emcn/src/index.ts`, and tokens and recipes in `apps/sim/app/_styles/globals.css`. Reuse a suitable component, prop, variant, or global token when it expresses the design intent. Avoid near-duplicate local colours or overriding EMCN chrome merely for convenience.
+4. A genuinely new product treatment may remain an Extra. Explain its visual intent and why existing EMCN or global styling does not fit in the PR. The check does not decide design approval and must not be silenced by adding an arbitrary token, broad exclusion, or fake component wrapper. Ask the designer or engineer when changing a shared recipe would have broad or ambiguous effects.
+5. Keep unresolved `unchecked` inputs and inspection failures separate from findings. A quiet diff means no *new detected* debt, not proof of complete visual conformance. Existing debt stays quiet; a new copy can warn. Landing and docs are out of product scope; Monaco presentation, provider branding, and block identity palettes have deliberate exclusions. See `scripts/design-conformance/README.md` for exact rule boundaries.
 
-- Raw `<button>`/`<input>`, or legacy `Input`/`Textarea`/`Modal`, instead of the canonical chip components (`ChipInput`/`ChipTextarea`/`ChipModal`)
-- Hand-rolled field rows inside a `ChipModalBody` instead of `ChipModalField`
-- Hardcoded colors (`text-gray-*`, `#hex`, `rgb()`)
-- Tailwind semantics (`text-muted-foreground`) instead of CSS variables
-- Template literal className instead of `cn()`
-- Inline styles for colors/static values (dynamic values OK)
-- Importing from emcn subpaths instead of barrel
-- Arbitrary z-index instead of tokens
-- Wrong button variant for action type
+Do not turn this review into an unrelated whole-codebase cleanup. Preserve intended appearance when migrating product UI and use before/after screenshots when a treatment changes.
diff --git a/.agents/skills/ship/SKILL.md b/.agents/skills/ship/SKILL.md
index c4c6372ff73..b3d99342f1d 100644
--- a/.agents/skills/ship/SKILL.md
+++ b/.agents/skills/ship/SKILL.md
@@ -1,6 +1,6 @@
 ---
 name: ship
-description: Commit, push, and open a PR to staging in one shot — runs the cleanup pass and, when migrations changed, the db-migrate safety review first
+description: Commit, check design conformance, push, and open a PR to staging — runs cleanup and the applicable migration safety review first
 argument-hint: "[optional context or scope notes]"
 ---
 
@@ -82,7 +82,7 @@ When the user runs `/ship`:
   bun run docs-manifest:check || { echo "❌ docs manifest out of sync — do not ship"; exit 1; }
   ```
   If Phase A regenerated a file, its matching `:check` in Phase B now passes trivially — that parity is the point. Do not ship with any generator or audit failing; fix the cause (never silence it) and re-run. `check:migrations` and `type-check` are covered by steps 5 and CI respectively and are not repeated here.
-7. **Stage and commit** the changes with the generated message — including any files Phase A regenerated in step 6
+7. **Stage and commit** the changes with the generated message — including any files Phase A regenerated in step 6. Then run the [committed design check](#committed-design-check) below and resolve or explain its findings before step 8.
 8. **Push to origin** using the current branch name — `--force-with-lease` if step 2's sync
    check did any history rewrite (a clean rebase or a cherry-pick rebuild) on a branch that had
    already been pushed once; a plain push would be rejected in exactly the polluted-remote case
@@ -98,7 +98,33 @@ When the user runs `/ship`:
    positional/line-by-line comparison against the PR's oldest-first list can spuriously fail on
    any multi-commit branch. These two lists must describe the same commits in the same order
    (same subjects, the last one being the commit from step 7). If they don't match, the branch
-   still has a problem — redo step 2's fix and `git push --force-with-lease`.
+   still has a problem — redo step 2's fix, repeat the committed design check for the resulting HEAD, and `git push --force-with-lease`.
+
+## Committed design check
+
+When central EMCN sources, global styles, recipes or `@designAllow`/`@designProtect` metadata change, run `bun run design:generate`, review the result and commit `contracts.generated.json` alongside the source. `check:design-generated` is part of `check:audits`; stale output is an infrastructure error. Regeneration does not suppress the source finding.
+
+During product UI work, run `bun run check:design --base origin/staging --working-tree` so staged, unstaged and nonignored new files are included. Review findings against EMCN and `globals.css`; explain intentional new Extras rather than weakening the checker. After committing and before **every push**, run this from the repository root with the repository-pinned Bun version:
+
+```bash
+bun run check:design --base origin/staging --head HEAD
+```
+
+Run it for every `/ship`; let the checker apply its own scope. A `.tsx`-only condition would miss CSS, Tailwind configuration, artwork and contract-registry changes. `check:audits` deliberately excludes this base-dependent command. It reads committed merge-base → HEAD blobs, so a run before committing cannot validate the pending changes.
+
+Interpret both the exit status and the report:
+
+- **0 with a completed report:** no findings; continue to push.
+- **1 with a completed report:** read the usage violations and central-system notifications. Triage them before pushing; findings are warnings, not an automatic shipping failure.
+- **2, unexpected termination, or no completed report:** the check did not complete. Fix the operational problem and rerun before pushing. A startup failure with exit 1 is not a findings report. Do not hide failures with `|| true` or treat missing output as a pass.
+
+Fix straightforward usage violations through the cited central component, prop, recipe or token. For a small local gray correction, choose the approved token appropriate to its role. Do not invent a new token or loosen a contract just to remove the warning. Keep fixes within the work being shipped; unchanged debt elsewhere can wait for its own cleanup.
+
+When a change has broad shared impact or ambiguous intent, explain the finding and ask the engineer how to proceed. Intentional central-system changes and justified exceptions can proceed with an explanation in the PR; involve the designer for new standards or ambiguous broad changes. Honor decisions already given in this session. Retain the warning rather than weakening the linter or requiring every intended system change to produce a clean report.
+
+If this review produces edits, rerun the affected generation/lint/audit checks from step 6, commit the fixes, then repeat the design check against the new HEAD. Also rerun after a rebase, conflict resolution or other change to the comparison. Push only the checked commit; uncommitted fixes are not covered by an earlier result.
+
+In the PR's **Testing** section, record the design-check outcome and explain any retained warnings. Leave **No new warnings introduced** unchecked when warnings remain. This review is about central design-system conformance; approved component variants, colours and fonts remain available for the engineer's product decisions. See `scripts/design-conformance/README.md` for scope and known unchecked inputs.
 
 ## Commit Message Format
 
@@ -154,7 +180,7 @@ Describe the checks, tests, and E2E artifacts run
 - [x] Code follows project style guidelines
 - [x] Self-reviewed my changes
 - [ ] Tests added/updated and passing (new tests pass the `test-audit` authoring gate)
-- [x] No new warnings introduced
+- [ ] No new warnings introduced
 - [x] I confirm that I have read and agree to the terms outlined in the [Contributor License Agreement (CLA)](./CONTRIBUTING.md#contributor-license-agreement-cla)
 ```
 
diff --git a/.claude/rules/emcn-components.md b/.claude/rules/emcn-components.md
index 92f95238590..01a8675706d 100644
--- a/.claude/rules/emcn-components.md
+++ b/.claude/rules/emcn-components.md
@@ -57,3 +57,7 @@ Declare keyboard intent on the action-owning primitive; never add document-level
 - Use Radix UI primitives for accessibility. Export the component and its `variants` (when using CVA). Document with TSDoc + a usage example.
 
 Color tokens and icon-size conventions are canonical in `.claude/rules/sim-styling.md` — follow it rather than restating.
+
+## Generated design contracts
+
+Run `bun run design:generate` after public API, styling, recipe or ownership changes and commit `scripts/design-conformance/contracts.generated.json` with the source. CI checks freshness through `check:design-generated`. Ownership is derived from implementation; intentional customization belongs in component TSDoc (`@designAllow <slot> <CSS properties or policy groups>`, `@designProtect` for ownership that cannot be inferred). Review the diff findings after generation; they retain originating central changes. Browser reports and captures remain local, outside the repository.
diff --git a/.cursor/rules/emcn-components.mdc b/.cursor/rules/emcn-components.mdc
index 05f97dd7ad4..555bf832b16 100644
--- a/.cursor/rules/emcn-components.mdc
+++ b/.cursor/rules/emcn-components.mdc
@@ -58,3 +58,7 @@ Declare keyboard intent on the action-owning primitive; never add document-level
 - Use Radix UI primitives for accessibility. Export the component and its `variants` (when using CVA). Document with TSDoc + a usage example.
 
 Color tokens and icon-size conventions are canonical in `.claude/rules/sim-styling.md` — follow it rather than restating.
+
+## Generated design contracts
+
+Run `bun run design:generate` after public API, styling, recipe or ownership changes and commit `scripts/design-conformance/contracts.generated.json` with the source. CI checks freshness through `check:design-generated`. Ownership is derived from implementation; intentional customization belongs in component TSDoc (`@designAllow <slot> <CSS properties or policy groups>`, `@designProtect` for ownership that cannot be inferred). Review the diff findings after generation; they retain originating central changes. Browser reports and captures remain local, outside the repository.
diff --git a/.github/workflows/test-build.yml b/.github/workflows/test-build.yml
index 54659595287..b41ea64ad0c 100644
--- a/.github/workflows/test-build.yml
+++ b/.github/workflows/test-build.yml
@@ -195,18 +195,11 @@ jobs:
     timeout-minutes: 15
 
     steps:
-      # The diff-based audits below need a base commit to read, and the default
-      # depth of 1 clones a single commit with no parent. They normally fetch
-      # their base by SHA (see "Resolve base ref"), so this depth only covers the
-      # `HEAD~1` fallback — but without it that fallback resolves to nothing.
-      #
-      # Worth stating because the failure was invisible for so long: the migration
-      # audit read the resulting `git diff` failure as "no migrations changed" and
-      # exited 0, so it had never actually run on a push build.
+      # Design conformance compares immutable merge-base sources and requires full history.
       - name: Checkout code
         uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6
         with:
-          fetch-depth: 2
+          fetch-depth: 0
 
       - name: Setup Bun
         uses: oven-sh/setup-bun@0c5077e51419868618aeaa5fe8019c62421857d6 # v2
@@ -295,37 +288,11 @@ jobs:
 
           echo "✅ All env flags are properly configured"
 
-      # One fetch for both base-ref audits, and no `|| true`: a swallowed fetch leaves
-      # the base ref absent, which neither audit can tell apart from a branch that
-      # changed nothing. The block-registry check at least degrades to a visible
-      # `⚠ … skipping` line; the migration audit printed `✓ No new migrations to
-      # check` and exited 0, clearing the only guard on production DDL.
-      #
-      # Depth stays at 1 — without a merge-base the migration audit diffs the two
-      # tips, which under `--diff-filter=AM` is exactly the migrations new here.
-      # Resolved once for both diff-based audits, and never with `|| true`: a
-      # swallowed fetch leaves the base absent, which neither audit can tell apart
-      # from a branch that changed nothing.
-      #
-      # On push the base is `github.event.before`, the tip the branch had before
-      # this push — not `HEAD~1`, which names only the last commit and would let a
-      # multi-commit push slip every earlier commit's migrations past the audit.
-      # It is fetched by SHA at depth 1; the audits diff two tips and need no
-      # common ancestry. An all-zero `before` means the branch is new and has no
-      # predecessor to diff, so `HEAD~1` remains the fallback there.
+      # Resolve immutable event revisions without making the checkout shallow again.
+      # The same base covers the complete push for migration and block-registry checks.
       - name: Resolve base ref for diff-based audits
         id: audit_base
-        run: |
-          if [ "${{ github.event_name }}" = "pull_request" ]; then
-            git fetch --depth=1 origin "${{ github.base_ref }}"
-            echo "ref=origin/${{ github.base_ref }}" >> "$GITHUB_OUTPUT"
-          elif [ -n "${{ github.event.before }}" ] &&
-               [ "${{ github.event.before }}" != "0000000000000000000000000000000000000000" ]; then
-            git fetch --depth=1 origin "${{ github.event.before }}"
-            echo "ref=${{ github.event.before }}" >> "$GITHUB_OUTPUT"
-          else
-            echo "ref=HEAD~1" >> "$GITHUB_OUTPUT"
-          fi
+        run: bun --no-env-file scripts/design-conformance/ci.ts --resolve-refs
 
       - name: Check block registry invariants
         run: bun run apps/sim/scripts/check-block-registry.ts "${{ steps.audit_base.outputs.ref }}"
@@ -342,6 +309,23 @@ jobs:
       - name: Verify docs manifest is in sync
         run: bun run docs-manifest:check
 
+      # Only findings (exit 1) are non-blocking; operational errors still fail CI.
+      - name: Design conformance (warnings)
+        if: always() && steps.audit_base.outcome == 'success'
+        env:
+          DESIGN_BASE: ${{ steps.audit_base.outputs.ref }}
+          DESIGN_HEAD: ${{ steps.audit_base.outputs.head }}
+          DESIGN_REPORT_PATH: ${{ runner.temp }}/design-conformance.json
+        run: bun --no-env-file scripts/design-conformance/ci.ts --base "$DESIGN_BASE" --head "$DESIGN_HEAD"
+
+      - name: Save design conformance report
+        if: always()
+        uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4
+        with:
+          name: design-conformance-${{ github.run_id }}-${{ github.run_attempt }}
+          path: ${{ runner.temp }}/design-conformance.json
+          if-no-files-found: ignore
+
       - name: Migration safety (zero-downtime) audit
         run: bun run check:migrations "${{ steps.audit_base.outputs.ref }}"
 
@@ -352,7 +336,7 @@ jobs:
       # excludes *.test.ts(x), and including them today surfaces ~2.2k errors,
       # so that is its own cleanup rather than a gate to switch on here.
       - name: Type-check all workspaces
-        run: bunx turbo run type-check
+        run: bun run type-check
 
       # cloud-review-tools.test.ts runs the real helper on the runner, which shells
       # out to rg. Blacksmith's image ships it, GitHub's doesn't.
diff --git a/CLAUDE.md b/CLAUDE.md
index be75f097df3..6697c57010b 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -10,6 +10,8 @@ This file (also `AGENTS.md`) holds the repo-wide rules. Area detail lives in `.c
 - **Logging**: `createLogger` from `@sim/logger`; `logger.info` / `logger.warn` / `logger.error`, never `console.log`. Inside `withRouteHandler` the logger already carries the request ID — no manual `withMetadata({ requestId })`.
 - **Comments**: TSDoc for documentation. An inline `//` only for a terse, non-obvious why, or for a script-enforced `// <tag>: <reason>` annotation (`boundary-raw-fetch`, `double-cast-allowed`, `boundary-raw-json`, `untyped-response`, `rq-lint-allow`, `client-boundary-allow`, …). No `====` separators.
 - **ID generation**: `generateId()` (UUID v4, the default) or `generateShortId(size?)` (URL-safe, 21 chars by default) from `@sim/utils/id` — never `crypto.randomUUID()`, `nanoid`, or `uuid`. Both use `crypto.getRandomValues()`, so they also work in non-secure (HTTP) browsers.
+- **Design conformance**: Run `bun run check:design --base origin/staging --working-tree` while editing product UI. Reuse suitable EMCN components and global tokens; explain intentional Extras in the PR. Design findings are advisory, while an incomplete check is an error. See `scripts/design-conformance/README.md`.
+- **Styling**: Derive product styling from central tokens, component props and recipes where they fit. Keep product composition local. Explain intentional changes to shared standards. Landing and docs are outside the product design check.
 - **Common utilities**: use the shared helpers from `@sim/utils` instead of inline implementations:
   - `sleep(ms)` from `@sim/utils/helpers` — never `new Promise(resolve => setTimeout(resolve, ms))`
   - `toError(e)` from `@sim/utils/errors` — normalize caught values to `Error`; never `e instanceof Error ? e : new Error(String(e))`
diff --git a/biome.json b/biome.json
index f87153397c8..be03cf183d0 100644
--- a/biome.json
+++ b/biome.json
@@ -1,6 +1,10 @@
 {
   "$schema": "https://biomejs.dev/schemas/2.0.6/schema.json",
-  "vcs": { "enabled": true, "clientKind": "git", "useIgnoreFile": false },
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": false
+  },
   "files": {
     "ignoreUnknown": false,
     "includes": [
@@ -144,8 +148,12 @@
   "overrides": [
     {
       "includes": ["apps/sim/app/_styles/tailwind.css"],
-      "linter": { "enabled": false },
-      "formatter": { "enabled": false }
+      "linter": {
+        "enabled": false
+      },
+      "formatter": {
+        "enabled": false
+      }
     },
     {
       "includes": ["packages/**"],
@@ -157,6 +165,16 @@
           }
         }
       }
+    },
+    {
+      "includes": [
+        "scripts/design-conformance/catalogue.json",
+        "scripts/design-conformance/contracts.json",
+        "scripts/design-conformance/contracts.generated.json"
+      ],
+      "formatter": {
+        "enabled": false
+      }
     }
   ],
   "javascript": {
diff --git a/bun.lock b/bun.lock
index 317ec696a7b..be300325a9e 100644
--- a/bun.lock
+++ b/bun.lock
@@ -6,14 +6,22 @@
       "name": "simstudio",
       "devDependencies": {
         "@babel/parser": "7.29.2",
+        "@babel/traverse": "7.29.0",
+        "@babel/types": "7.29.7",
         "@biomejs/biome": "2.0.6",
         "@octokit/rest": "^21.0.0",
         "@sim/utils": "workspace:*",
+        "@types/aria-query": "5.0.4",
+        "@types/babel__traverse": "7.28.0",
+        "@types/bun": "1.4.1",
+        "@types/node": "24.2.1",
         "@types/opentype.js": "1.3.10",
         "@typescript/native": "npm:typescript@^7.0.2",
         "@typescript/typescript6": "^6.0.2",
         "@vercel/og": "0.6.8",
         "ajv": "8.18.0",
+        "aria-query": "5.3.2",
+        "color-name": "1.1.4",
         "commander": "^11.1.0",
         "concurrently": "10.0.5",
         "drizzle-orm": "^0.45.2",
@@ -23,10 +31,15 @@
         "json-schema-to-typescript": "15.0.4",
         "lint-staged": "16.0.0",
         "opentype.js": "1.3.4",
+        "parse5": "7.3.0",
+        "postcss": "8.5.26",
+        "postcss-value-parser": "4.2.0",
         "react": "19.2.4",
         "remark-gfm": "4.0.1",
         "remark-parse": "11.0.0",
         "sharp": "0.35.4",
+        "tailwind-merge": "3.6.0",
+        "tailwindcss": "4.3.3",
         "turbo": "2.9.14",
         "unified": "11.0.5",
         "unist-util-visit": "5.1.0",
@@ -2170,6 +2183,10 @@
 
     "@types/archiver": ["@types/archiver@8.0.0", "", { "dependencies": { "@types/node": "*", "@types/readdir-glob": "*" } }, "sha512-YpXPbEuv9+eUIPPQWUPahj3cvs9isWRuF+J4z+KbdYVDO3rWorWQFxUVHnwPu2AgKwvgpki5F2VMX0Xx+mX45A=="],
 
+    "@types/aria-query": ["@types/aria-query@5.0.4", "", {}, "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw=="],
+
+    "@types/babel__traverse": ["@types/babel__traverse@7.28.0", "", { "dependencies": { "@babel/types": "^7.28.2" } }, "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q=="],
+
     "@types/braces": ["@types/braces@3.0.5", "", {}, "sha512-SQFof9H+LXeWNz8wDe7oN5zu7ket0qwMu5vZubW4GCJ8Kkeh6nBWUz87+KTz/G3Kqsrp0j/W253XJb3KMEeg3w=="],
 
     "@types/buffer-from": ["@types/buffer-from@1.1.3", "", { "dependencies": { "@types/node": "*" } }, "sha512-2lq4YC9uLUMGHkl2IDtX4tCXSo2+hwMpOJcY1qiIk1kybc31rIlPyM1HCVJhkPFIo75a/pOVxqyvwuf5TpCG/w=="],
@@ -3012,7 +3029,7 @@
 
     "ensure-posix-path": ["ensure-posix-path@1.1.1", "", {}, "sha512-VWU0/zXzVbeJNXvME/5EmLuEj2TauvoaTz6aFYK1Z92JCBlDlZ3Gu0tuGR42kpW1754ywTs+QB0g5TP0oj9Zaw=="],
 
-    "entities": ["entities@4.5.0", "", {}, "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="],
+    "entities": ["entities@6.0.1", "", {}, "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g=="],
 
     "env-paths": ["env-paths@2.2.1", "", {}, "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A=="],
 
@@ -3452,7 +3469,7 @@
 
     "js-tiktoken": ["js-tiktoken@1.0.21", "", { "dependencies": { "base64-js": "^1.5.1" } }, "sha512-biOj/6M5qdgx5TKjDnFT1ymSpM5tbd3ylwDtrQvFQSu0Z7bBYko2dF+W/aUkXUPuk6IVpRxk/3Q2sHOzGlS36g=="],
 
-    "js-tokens": ["js-tokens@10.0.0", "", {}, "sha512-lM/UBzQmfJRo9ABXbPWemivdCW8V2G8FHaHdypQaIy523snUjog0W71ayWXTjiR+ixeMyVHN2XcpnTd/liPg/Q=="],
+    "js-tokens": ["js-tokens@4.0.0", "", {}, "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="],
 
     "js-yaml": ["js-yaml@4.3.2", "", { "dependencies": { "argparse": "^2.0.1" }, "bin": { "js-yaml": "bin/js-yaml.js" } }, "sha512-SFNOvSJ+Dgf/9An904Yx+CgSlIPCkIpao4qo51lpee25TIRejdH3rhR4EZMGoNx3/TP3O+wzWuiTFl4sqbltzA=="],
 
@@ -4798,8 +4815,6 @@
 
     "@azure/arm-containerinstance/@azure/abort-controller": ["@azure/abort-controller@1.1.0", "", { "dependencies": { "tslib": "^2.2.0" } }, "sha512-TrRLIoSQVzfAJX9H1JeFjzAoDGcoK1IYX1UImfceTZpsyYfWr09Ss1aHW1y5TrrR3iq6RZLBwJ3E24uwPhwahw=="],
 
-    "@babel/code-frame/js-tokens": ["js-tokens@4.0.0", "", {}, "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="],
-
     "@babel/generator/@babel/parser": ["@babel/parser@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" }, "bin": "./bin/babel-parser.js" }, "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg=="],
 
     "@babel/template/@babel/parser": ["@babel/parser@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" }, "bin": "./bin/babel-parser.js" }, "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg=="],
@@ -4984,6 +4999,8 @@
 
     "@react-email/components/@react-email/render": ["@react-email/render@2.0.6", "", { "dependencies": { "html-to-text": "^9.0.5", "prettier": "^3.5.3" }, "peerDependencies": { "react": "^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-xOzaYkH3jLZKqN5MqrTXYnmqBYUnZSVbkxdb5PGGmDcK6sKDVMliaDiSwfXajRC9JtSHTcGc2tmGLHWuCgVpog=="],
 
+    "@react-email/render/entities": ["entities@4.5.0", "", {}, "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="],
+
     "@react-email/tailwind/tailwindcss": ["tailwindcss@4.3.1", "", {}, "sha512-hk+TB1m+K8CYNrP6rjQaq/Y+4Zylwpa87mLYBKCunwnnQ9p+fHb7kmSfGqyEJoxF/O6CDyABWVFEafNSYKll+Q=="],
 
     "@redis/client/cluster-key-slot": ["cluster-key-slot@1.1.2", "", {}, "sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA=="],
@@ -5138,6 +5155,8 @@
 
     "artillery/socket.io-client": ["socket.io-client@4.8.3", "", { "dependencies": { "@socket.io/component-emitter": "~3.1.0", "debug": "~4.4.1", "engine.io-client": "~6.6.1", "socket.io-parser": "~4.2.4" } }, "sha512-uP0bpjWrjQmUt5DTHq9RuoCBdFJF10cdX9X+a368j/Ft0wmaVgxlrjvK3kjvgCODOMMOz9lcaRzxmso0bTWZ/g=="],
 
+    "ast-v8-to-istanbul/js-tokens": ["js-tokens@10.0.0", "", {}, "sha512-lM/UBzQmfJRo9ABXbPWemivdCW8V2G8FHaHdypQaIy523snUjog0W71ayWXTjiR+ixeMyVHN2XcpnTd/liPg/Q=="],
+
     "async-retry/retry": ["retry@0.13.1", "", {}, "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg=="],
 
     "axios/https-proxy-agent": ["https-proxy-agent@5.0.1", "", { "dependencies": { "agent-base": "6", "debug": "4" } }, "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA=="],
@@ -5164,8 +5183,6 @@
 
     "c12/jiti": ["jiti@2.4.2", "", { "bin": { "jiti": "lib/jiti-cli.mjs" } }, "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A=="],
 
-    "c12/magicast": ["magicast@0.5.3", "", { "dependencies": { "@babel/parser": "^7.29.3", "@babel/types": "^7.29.0", "source-map-js": "^1.2.1" } }, "sha512-pVKE4UdSQ7DvHzivsCIFx2BJn1mHG6KsyrFcaxFx6tONdneEuThrDx0Cj3AMg58KyN4pzYT+LHOotxDQDjNvkw=="],
-
     "c12/pkg-types": ["pkg-types@2.3.1", "", { "dependencies": { "confbox": "^0.2.4", "exsolve": "^1.0.8", "pathe": "^2.0.3" } }, "sha512-y+ichcgc2LrADuhLNAx8DFjVfgz91pRxfZdI3UDhxHvcVEZsenLO+7XaU5vOp0u/7V/wZ+plyuQxtrDlZJ+yeg=="],
 
     "cacheable-request/mimic-response": ["mimic-response@4.0.0", "", {}, "sha512-e5ISH9xMYU0DzrT+jl8q2ze9D6eWBto+I8CNpe+VI+K2J/F/k3PdkdTdz4wvGVH4NTpo+NRYTVIuMQEMMcsLqg=="],
@@ -5212,6 +5229,8 @@
 
     "docx/nanoid": ["nanoid@5.1.16", "", { "bin": { "nanoid": "bin/nanoid.js" } }, "sha512-kVrnsrJqMR8+oLJnGEmSWw9BivK5mt7H3FZatVRjrc5wGqFYuBxX1yG7+A7Gi5AefkX6t/oCkizcQgpu0cY1dQ=="],
 
+    "dom-serializer/entities": ["entities@4.5.0", "", {}, "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="],
+
     "dot-prop/type-fest": ["type-fest@5.8.0", "", { "dependencies": { "tagged-tag": "^1.0.0" } }, "sha512-YGYEVz3Fm5iy/AybuA0oyNFq7H4CgQNfRp/qfe8nurE1kuCeNm3/vfm9X4Mtl+qLyaKJUh5xrFZwogr41SMjYA=="],
 
     "drizzle-kit/esbuild": ["esbuild@0.25.12", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.25.12", "@esbuild/android-arm": "0.25.12", "@esbuild/android-arm64": "0.25.12", "@esbuild/android-x64": "0.25.12", "@esbuild/darwin-arm64": "0.25.12", "@esbuild/darwin-x64": "0.25.12", "@esbuild/freebsd-arm64": "0.25.12", "@esbuild/freebsd-x64": "0.25.12", "@esbuild/linux-arm": "0.25.12", "@esbuild/linux-arm64": "0.25.12", "@esbuild/linux-ia32": "0.25.12", "@esbuild/linux-loong64": "0.25.12", "@esbuild/linux-mips64el": "0.25.12", "@esbuild/linux-ppc64": "0.25.12", "@esbuild/linux-riscv64": "0.25.12", "@esbuild/linux-s390x": "0.25.12", "@esbuild/linux-x64": "0.25.12", "@esbuild/netbsd-arm64": "0.25.12", "@esbuild/netbsd-x64": "0.25.12", "@esbuild/openbsd-arm64": "0.25.12", "@esbuild/openbsd-x64": "0.25.12", "@esbuild/openharmony-arm64": "0.25.12", "@esbuild/sunos-x64": "0.25.12", "@esbuild/win32-arm64": "0.25.12", "@esbuild/win32-ia32": "0.25.12", "@esbuild/win32-x64": "0.25.12" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg=="],
@@ -5354,8 +5373,6 @@
 
     "log-update/strip-ansi": ["strip-ansi@7.2.0", "", { "dependencies": { "ansi-regex": "^6.2.2" } }, "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w=="],
 
-    "loose-envify/js-tokens": ["js-tokens@4.0.0", "", {}, "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="],
-
     "magicast/@babel/parser": ["@babel/parser@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" }, "bin": "./bin/babel-parser.js" }, "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg=="],
 
     "mammoth/argparse": ["argparse@1.0.10", "", { "dependencies": { "sprintf-js": "~1.0.2" } }, "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg=="],
@@ -5384,8 +5401,6 @@
 
     "parse-entities/@types/unist": ["@types/unist@2.0.11", "", {}, "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA=="],
 
-    "parse5/entities": ["entities@6.0.1", "", {}, "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g=="],
-
     "pdf-lib/tslib": ["tslib@1.14.1", "", {}, "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="],
 
     "pino-pretty/pino-abstract-transport": ["pino-abstract-transport@3.0.0", "", { "dependencies": { "split2": "^4.0.0" } }, "sha512-wlfUczU+n7Hy/Ha5j9a/gZNy7We5+cXp8YL+X+PG8S0KXxw7n/JXA3c46Y0zQznIJ83URJiwy7Lh56WLokNuxg=="],
@@ -5752,8 +5767,6 @@
 
     "c12/chokidar/readdirp": ["readdirp@4.1.2", "", {}, "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg=="],
 
-    "c12/magicast/@babel/parser": ["@babel/parser@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" }, "bin": "./bin/babel-parser.js" }, "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg=="],
-
     "chrome-launcher/@types/node/undici-types": ["undici-types@7.24.6", "", {}, "sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg=="],
 
     "cli-table3/string-width/emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
@@ -6028,6 +6041,8 @@
 
     "gtoken/gaxios/node-fetch": ["node-fetch@3.3.2", "", { "dependencies": { "data-uri-to-buffer": "^4.0.0", "fetch-blob": "^3.1.4", "formdata-polyfill": "^4.0.10" } }, "sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA=="],
 
+    "html-to-text/htmlparser2/entities": ["entities@4.5.0", "", {}, "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="],
+
     "imapflow/pino/pino-abstract-transport": ["pino-abstract-transport@3.0.0", "", { "dependencies": { "split2": "^4.0.0" } }, "sha512-wlfUczU+n7Hy/Ha5j9a/gZNy7We5+cXp8YL+X+PG8S0KXxw7n/JXA3c46Y0zQznIJ83URJiwy7Lh56WLokNuxg=="],
 
     "imapflow/pino/thread-stream": ["thread-stream@4.2.0", "", { "dependencies": { "real-require": "^1.0.0" } }, "sha512-e2zZ96wSChazBsbENf/Pcm/4swHt2cEKQ92rhUjkL9GCKiTDJIaTBenjE/m9DXi0QBmTMDkFDdOomUy20A1tDQ=="],
diff --git a/package.json b/package.json
index 1a2ce8a6421..ea024853e23 100644
--- a/package.json
+++ b/package.json
@@ -18,13 +18,13 @@
     "test:setup": "bun run --cwd packages/sim-setup test",
     "test:integration": "bun --no-env-file scripts/test-integration.ts",
     "test:search-performance": "KNOWLEDGE_SEARCH_PERFORMANCE_TEST=true bun --no-env-file scripts/test-integration.ts search-latency",
-    "format": "turbo run format",
-    "format:check": "turbo run format:check",
-    "lint": "turbo run lint",
-    "lint:check": "turbo run lint:check",
+    "format": "biome format --write scripts/design-conformance scripts/design-scan scripts/design-studio tools/design-studio scripts/check-design-conformance*.ts scripts/generate-design-contracts*.ts && turbo run format",
+    "format:check": "biome format scripts/design-conformance scripts/design-scan scripts/design-studio tools/design-studio scripts/check-design-conformance*.ts scripts/generate-design-contracts*.ts && turbo run format:check",
+    "lint": "biome check --write scripts/design-conformance scripts/design-scan scripts/design-studio tools/design-studio scripts/check-design-conformance*.ts scripts/generate-design-contracts*.ts && turbo run lint",
+    "lint:check": "biome check scripts/design-conformance scripts/design-scan scripts/design-studio tools/design-studio scripts/check-design-conformance*.ts scripts/generate-design-contracts*.ts && turbo run lint:check",
     "lint:helm": "helm lint helm/sim --strict --values helm/sim/ci/default-values.yaml",
-    "lint:all": "turbo run lint && bun run lint:helm",
-    "check": "turbo run format:check",
+    "lint:all": "bun run lint && bun run lint:helm",
+    "check": "bun run format:check",
     "check:egress-boundary": "bun run scripts/check-egress-boundary.ts",
     "check:boundaries": "bun run scripts/check-monorepo-boundaries.ts",
     "check:api-validation": "bun run scripts/check-api-validation-contracts.ts --check",
@@ -120,10 +120,19 @@
     "agent-stream-docs:check": "bun run scripts/sync-agent-stream-docs.ts --check",
     "prepare": "bun husky",
     "test:workflow-sync": "bun --no-env-file scripts/test-integration.ts lib/workspaces/__integration__",
-    "type-check": "turbo run type-check",
+    "type-check": "bun run type-check:design && bun run type-check:studio && turbo run type-check",
     "release": "bun run scripts/create-single-release.ts",
     "test:scripts": "vitest run --config scripts/vitest.config.ts",
-    "check:agent-cli-boundary": "bun run scripts/check-agent-cli-boundary.ts"
+    "test:studio:e2e": "bun --no-env-file scripts/design-studio/test-fixtures-e2e.mjs",
+    "check:design": "bun --no-env-file scripts/check-design-conformance.ts",
+    "design:scan": "bun --no-env-file scripts/design-scan/scan.ts",
+    "studio:refresh": "bun --no-env-file scripts/design-studio/refresh.mjs",
+    "studio:dev": "next dev tools/design-studio --hostname 127.0.0.1 --port 3001",
+    "type-check:studio": "tsc --noEmit -p tools/design-studio/tsconfig.json",
+    "type-check:design": "tsc --noEmit -p scripts/design-conformance/tsconfig.json",
+    "check:agent-cli-boundary": "bun run scripts/check-agent-cli-boundary.ts",
+    "design:generate": "bun --no-env-file scripts/generate-design-contracts.ts",
+    "check:design-generated": "bun run --no-env-file scripts/generate-design-contracts.ts --check"
   },
   "overrides": {
     "react": "19.2.4",
@@ -159,14 +168,22 @@
   },
   "devDependencies": {
     "@babel/parser": "7.29.2",
+    "@babel/traverse": "7.29.0",
+    "@babel/types": "7.29.7",
     "@biomejs/biome": "2.0.6",
     "@octokit/rest": "^21.0.0",
     "@sim/utils": "workspace:*",
+    "@types/babel__traverse": "7.28.0",
+    "@types/aria-query": "5.0.4",
+    "@types/bun": "1.4.1",
+    "@types/node": "24.2.1",
     "@types/opentype.js": "1.3.10",
     "@typescript/native": "npm:typescript@^7.0.2",
     "@typescript/typescript6": "^6.0.2",
     "@vercel/og": "0.6.8",
     "ajv": "8.18.0",
+    "aria-query": "5.3.2",
+    "color-name": "1.1.4",
     "commander": "^11.1.0",
     "concurrently": "10.0.5",
     "drizzle-orm": "^0.45.2",
@@ -176,10 +193,15 @@
     "json-schema-to-typescript": "15.0.4",
     "lint-staged": "16.0.0",
     "opentype.js": "1.3.4",
+    "parse5": "7.3.0",
+    "postcss": "8.5.26",
+    "postcss-value-parser": "4.2.0",
     "react": "19.2.4",
     "remark-gfm": "4.0.1",
     "remark-parse": "11.0.0",
     "sharp": "0.35.4",
+    "tailwind-merge": "3.6.0",
+    "tailwindcss": "4.3.3",
     "turbo": "2.9.14",
     "unified": "11.0.5",
     "unist-util-visit": "5.1.0",
@@ -199,5 +221,9 @@
     "@better-auth/oauth-provider@1.6.27": "patches/@better-auth%2Foauth-provider@1.6.27.patch",
     "drizzle-kit@0.31.10": "patches/drizzle-kit@0.31.10.patch",
     "postgres@3.4.9": "patches/postgres@3.4.9.patch"
+  },
+  "imports": {
+    "#design-conformance/*": "./scripts/design-conformance/*.ts",
+    "#control-analysis/*": "./scripts/design-conformance/control-*.ts"
   }
 }
diff --git a/packages/emcn/src/AGENTS.md b/packages/emcn/src/AGENTS.md
index 05edd96daaf..2d9947aa7ad 100644
--- a/packages/emcn/src/AGENTS.md
+++ b/packages/emcn/src/AGENTS.md
@@ -5,3 +5,5 @@ Applies to `packages/emcn/**`. Read `.claude/rules/emcn-components.md` before ch
 - Consumers import components, `cn`, and tokens from the `@sim/emcn` barrel, icons from `@sim/emcn/icons`, and CSS modules by file path — keep every new export reachable that way.
 - Components own their exact geometry tokens (e.g. `Button` uses `rounded-[5px]`) but never their own font-weight: every primitive inherits the document 400 and steps up only deliberately.
 - TSDoc for public components and APIs.
+
+Central component, recipe and icon changes are design-system decisions. Run `bun run check:design --base origin/staging --working-tree` (using the actual PR target as the base) and explain intended shared changes in the PR. Review warnings remain visible. See `scripts/design-conformance/README.md`.
diff --git a/packages/emcn/src/components/banner/banner.tsx b/packages/emcn/src/components/banner/banner.tsx
index 15368c2a5c2..d633caf02d2 100644
--- a/packages/emcn/src/components/banner/banner.tsx
+++ b/packages/emcn/src/components/banner/banner.tsx
@@ -32,6 +32,7 @@ export interface BannerProps
   textClassName?: string
 }
 
+/** @designAllow textClassName typography */
 export function Banner({
   actionClassName,
   actionDisabled,
diff --git a/packages/emcn/src/components/button/button.tsx b/packages/emcn/src/components/button/button.tsx
index 4ad21bc4a37..0c1cea25942 100644
--- a/packages/emcn/src/components/button/button.tsx
+++ b/packages/emcn/src/components/button/button.tsx
@@ -84,6 +84,11 @@ export interface ButtonProps
   iconPadding?: VariantProps<typeof buttonVariants>['iconPadding']
 }
 
+/**
+ * Consumers may stretch the button to their surrounding layout.
+ * @designAllow className width
+ * @designAllow style width
+ */
 const Button = forwardRef<HTMLButtonElement, ButtonProps>(
   ({ className, variant, size, iconPadding, ...props }, ref) => {
     return (
diff --git a/packages/emcn/src/components/chip-input/chip-input.tsx b/packages/emcn/src/components/chip-input/chip-input.tsx
index 444cbb1704a..6e06a5604a6 100644
--- a/packages/emcn/src/components/chip-input/chip-input.tsx
+++ b/packages/emcn/src/components/chip-input/chip-input.tsx
@@ -50,6 +50,9 @@ export interface ChipInputProps extends Omit<React.InputHTMLAttributes<HTMLInput
 /**
  * Forwards its ref to the inner `<input>` so callers can focus or measure the
  * field directly, exactly like a native input.
+ * @designProtect className colours font-family font-size padding height gap border-radius borders box-shadow
+ * @designProtect style colours font-family font-size padding height gap border-radius borders box-shadow
+ * @designAllow inputClassName typography
  */
 export const ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(
   (
diff --git a/packages/emcn/src/components/chip-modal/chip-modal.tsx b/packages/emcn/src/components/chip-modal/chip-modal.tsx
index fe0f428bbfa..23f720e6be1 100644
--- a/packages/emcn/src/components/chip-modal/chip-modal.tsx
+++ b/packages/emcn/src/components/chip-modal/chip-modal.tsx
@@ -774,6 +774,7 @@ export type ChipModalFieldProps =
  * static permission list). For a multi-email chip-list input, prefer
  * `type='emails'` over a `type='custom'` `TagInput` wrapper — it internalizes
  * chip rendering, dedupe, format validation, paste, and Backspace handling.
+ * @designProtect className colours typography padding height gap border-radius borders box-shadow flex-direction align-items justify-content
  */
 function ChipModalField(props: ChipModalFieldProps) {
   const id = React.useId()
diff --git a/packages/emcn/src/components/chip-textarea/chip-textarea.tsx b/packages/emcn/src/components/chip-textarea/chip-textarea.tsx
index 8f891a11031..a8c8f23be77 100644
--- a/packages/emcn/src/components/chip-textarea/chip-textarea.tsx
+++ b/packages/emcn/src/components/chip-textarea/chip-textarea.tsx
@@ -39,7 +39,9 @@ export interface ChipTextareaProps
   viewOnly?: boolean
 }
 
-/** Forwards its ref to the underlying `<textarea>`, exactly like a native textarea. */
+/** Forwards its ref to the underlying `<textarea>`, exactly like a native textarea. * @designProtect className colours font-family font-size padding gap border-radius borders box-shadow
+ * @designProtect style colours font-family font-size padding gap border-radius borders box-shadow
+ */
 export const ChipTextarea = React.forwardRef<HTMLTextAreaElement, ChipTextareaProps>(
   ({ className, error, resizable = false, viewOnly = false, readOnly, ...props }, ref) => (
     <textarea
diff --git a/packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx b/packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx
index 2c5f32bd84f..21c48d79cd6 100644
--- a/packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx
+++ b/packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx
@@ -290,6 +290,11 @@ interface DropdownMenuContentProps
   onOpenAutoFocus?: (event: Event) => void
 }
 
+/**
+ * Menu dimensions adapt to the consumer's content and viewport.
+ * @designAllow className dimensions
+ * @designAllow style dimensions
+ */
 const DropdownMenuContent = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Content>,
   DropdownMenuContentProps
diff --git a/packages/emcn/src/components/input/input.tsx b/packages/emcn/src/components/input/input.tsx
index fe0a4c1806a..524a0d1df50 100644
--- a/packages/emcn/src/components/input/input.tsx
+++ b/packages/emcn/src/components/input/input.tsx
@@ -33,7 +33,11 @@ const INPUT_CLASS =
 
 export type InputProps = React.InputHTMLAttributes<HTMLInputElement>
 
-/** Minimal input component matching the textarea styling. */
+/**
+ * Minimal input component matching the textarea styling.
+ * @designProtect className height
+ * @designProtect style height
+ */
 const Input = React.forwardRef<HTMLInputElement, InputProps>(
   ({ className, type = 'text', ...props }, ref) => {
     return <input type={type} className={cn(INPUT_CLASS, className)} ref={ref} {...props} />
diff --git a/packages/emcn/src/components/overflow-text/overflow-text.tsx b/packages/emcn/src/components/overflow-text/overflow-text.tsx
index 19c84a0b433..668b0ddd0b1 100644
--- a/packages/emcn/src/components/overflow-text/overflow-text.tsx
+++ b/packages/emcn/src/components/overflow-text/overflow-text.tsx
@@ -44,6 +44,7 @@ export interface OverflowTextProps {
  * Use this for human-readable names and titles in constrained chrome. Keep
  * editable values, code, logs, paths, dense grids, and multiline copy on their
  * purpose-built overflow behavior.
+ * @designProtect className overflow overflow-x overflow-y text-overflow white-space mask-image -webkit-mask-image
  */
 export const OverflowText = memo(function OverflowText({
   label,
diff --git a/packages/emcn/src/components/popover/popover.tsx b/packages/emcn/src/components/popover/popover.tsx
index 529d2f57d06..d1d5aba8bb4 100644
--- a/packages/emcn/src/components/popover/popover.tsx
+++ b/packages/emcn/src/components/popover/popover.tsx
@@ -423,6 +423,8 @@ interface PopoverContentProps
 
 /**
  * Popover content with automatic positioning and collision detection.
+ * @designAllow className dimensions
+ * @designAllow style dimensions
  */
 const PopoverContent = React.forwardRef<
   React.ElementRef<typeof PopoverPrimitive.Content>,
diff --git a/packages/emcn/src/components/skeleton/skeleton.tsx b/packages/emcn/src/components/skeleton/skeleton.tsx
index 00a129c5e15..322ff97f07b 100644
--- a/packages/emcn/src/components/skeleton/skeleton.tsx
+++ b/packages/emcn/src/components/skeleton/skeleton.tsx
@@ -3,6 +3,8 @@ import { cn } from '../../lib/cn'
 /**
  * Placeholder loading skeleton with a subtle pulse animation.
  * @param props - Standard div attributes including className for sizing.
+ * @designAllow className border-radius dimensions
+ * @designAllow style border-radius dimensions
  */
 function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
   return (
diff --git a/scripts/check-design-conformance-appearance.test.ts b/scripts/check-design-conformance-appearance.test.ts
new file mode 100644
index 00000000000..986b9664968
--- /dev/null
+++ b/scripts/check-design-conformance-appearance.test.ts
@@ -0,0 +1,542 @@
+/** biome-ignore-all lint/suspicious/noTemplateCurlyInString: Fixtures contain literal proposed JavaScript templates. */
+import { existsSync } from 'node:fs'
+import { beforeAll, expect, test } from 'vitest'
+import { inspectControls } from '#control-analysis/inventory'
+import { extract } from '#design-conformance/extract'
+import { loadCatalogue } from '#design-conformance/io'
+import { Linter } from '#design-conformance/lint'
+import { TOKEN_FILE } from '#design-conformance/model'
+
+let linter: Linter
+beforeAll(async () => {
+  const c = loadCatalogue()
+  linter = await Linter.create(c.catalogue, c.hash)
+})
+const ui = 'apps/sim/components/example.tsx'
+const commits = { base: 'a'.repeat(40), head: 'b'.repeat(40), mergeBase: 'a'.repeat(40) }
+function diff(before: string, after: string, file = ui, oldFile = file) {
+  return linter.analyze(
+    [
+      {
+        status: 'M',
+        before: { path: oldFile, blob: 'a'.repeat(40), mode: '100644' },
+        after: { path: file, blob: 'b'.repeat(40), mode: '100644' },
+      },
+    ],
+    (e) => (e.blob.startsWith('a') ? before : after),
+    commits
+  )
+}
+const element = (classes: string) =>
+  `const A=()=> <button className=${JSON.stringify(classes)}>Text</button>`
+const shared = (props = '', body = '') =>
+  `import {ChipInput, Chip, DropdownMenuItem, Button} from '@sim/emcn'; const A=()=> <><ChipInput ${props}/>${body}</>`
+
+test('embedded HTML CSS annotations point to the authored declaration', () => {
+  for (const source of [
+    '<div style="color: #abc; background: #def"></div>',
+    '<div\n style =\n "color: #abc;\n background: #def"></div>',
+    '<style>.a { color: #abc; }</style>',
+    '<style\n type="text/css">\n.a { color: #abc; }\n</style>',
+    '.a { color: #abc; }',
+  ]) {
+    const facts = extract(source, source.startsWith('.') ? 'example.css' : 'example.html')
+    for (const atom of facts.atoms.filter(
+      (a) => a.property === 'color' || a.property === 'background'
+    )) {
+      const prefix = source.slice(0, source.indexOf(`${atom.property}:`)).split('\n')
+      expect({ line: atom.line, column: atom.column }).toEqual({
+        line: prefix.length,
+        column: prefix.at(-1)!.length + 1,
+      })
+    }
+    expect(facts.atoms.some((a) => a.property === 'color')).toBe(true)
+  }
+})
+
+for (const [category, before, after] of [
+  ['colours', 'text-[var(--text-body)]', 'text-[var(--text-muted)]'],
+  ['spacing', 'p-2', 'p-4'],
+  ['dimensions', 'w-4', 'w-6'],
+  ['typography', 'font-normal text-small', 'font-medium text-caption'],
+  ['radii', 'rounded-lg', 'rounded-none'],
+  ['borders', 'border', 'border-2'],
+  ['effects', 'opacity-50', 'opacity-100'],
+  ['layout', 'flex-nowrap', 'flex-wrap'],
+  ['visibility', 'overflow-visible', 'overflow-hidden'],
+  ['layering', 'z-10', 'z-20'],
+  ['motion', 'duration-150', 'duration-200'],
+] as const) {
+  test(`${category}: changes flag, identical styling and copy edits pass`, () => {
+    const report = diff(element(before), element(after))
+    expect(report.flagged).toBe(true)
+    expect(report.findings.some((f) => f.category === category)).toBe(true)
+    expect(
+      diff(element(before), `// comment\n${element(before).replace('Text', 'Other wording')}`)
+        .flagged
+    ).toBe(false)
+  })
+}
+test('numeric membership is irrelevant; approved new custom styling flags', () => {
+  expect(diff('', element('p-2')).flagged).toBe(true)
+  expect(diff(element('p-[773px]'), element('p-[773px]')).flagged).toBe(false)
+})
+test('shared reuse including supported props and outer width passes', () => {
+  expect(diff('', shared('className="w-full min-w-0 flex-1"')).flagged).toBe(false)
+  expect(diff('', shared('', '<Chip variant="primary">New action</Chip>')).flagged).toBe(false)
+  expect(diff('', shared('', '<Chip variant="primary">Another action</Chip>')).flagged).toBe(false)
+})
+test('shared appearance overrides flag, including already approved values', () => {
+  expect(diff(shared(), shared('className="h-[30px] rounded-lg"')).flagged).toBe(true)
+  expect(diff('', shared('className="bg-[var(--surface-4)]"')).findings[0].rule).toBe(
+    'shared-component-override'
+  )
+})
+test('changing a control variant or size flags, disabled business logic does not', () => {
+  const a = shared('', '<Chip variant="primary" disabled={busy}/>')
+  expect(diff(a, a.replace('primary', 'destructive')).flagged).toBe(true)
+  expect(diff(a, a.replace('busy', 'loading')).flagged).toBe(false)
+  expect(diff(shared('minWidth={240}'), shared('minWidth={220}')).flagged).toBe(true)
+})
+test('adding repeated menu options and deleting controls passes', () => {
+  const item = '<DropdownMenuItem className="p-2">One</DropdownMenuItem>'
+  expect(diff(shared('', item), shared('', item + item.replace('One', 'Two'))).flagged).toBe(false)
+  expect(diff(element('p-2'), '').flagged).toBe(false)
+})
+test('hover, theme and responsive context changes are detected', () => {
+  for (const after of ['focus:p-2', 'dark:hover:p-2', 'md:hover:p-2'])
+    expect(diff(element('hover:p-2'), element(after)).flagged).toBe(true)
+})
+test('conditional styling retains branches without interpreting business predicates', () => {
+  const a = "const A=()=> <div className={busy ? 'p-2' : 'p-4'}/>"
+  expect(diff(a, a.replace('busy', 'loading')).flagged).toBe(false)
+  expect(diff(a, "const A=()=> <div className={busy ? 'p-4' : 'p-2'}/>").flagged).toBe(true)
+})
+test('CVA defaults, variant mapping and compound conditions are detected', () => {
+  const a =
+    "import {cva} from 'class-variance-authority'; export const control=cva('p-2',{variants:{size:{small:'p-1',large:'p-4'}},defaultVariants:{size:'small'},compoundVariants:[{size:'small',className:'rounded-lg'}]})"
+  expect(
+    diff(a, a.replace("size:'small'},", "size:'large'},")).findings.some(
+      (f) => f.rule === 'variant-default-changed'
+    )
+  ).toBe(true)
+  expect(diff(a, a.replace("small:'p-1'", "small:'p-2'")).flagged).toBe(true)
+  expect(diff(a, a.replace("[{size:'small'", "[{size:'large'")).flagged).toBe(true)
+})
+test('composition precedence and important modifiers are preserved', () => {
+  const a = "import {cn} from '@sim/emcn'; const A=()=> <div className={cn('p-2','p-4')}/>"
+  expect(
+    diff(a, a.replace("'p-2','p-4'", "'p-4','p-2'")).findings.some(
+      (f) => f.rule === 'style-precedence-changed'
+    )
+  ).toBe(true)
+  expect(diff(element('p-2'), element('!p-2')).flagged).toBe(true)
+  expect(diff(element('p-2 text-white'), element('text-white p-2')).flagged).toBe(false)
+})
+test('local renames and constant extraction are equivalent', () => {
+  const a = element('p-2')
+  expect(
+    diff(a, "const PAD='p-2'; const Renamed=()=> <button className={PAD}>Different</button>")
+      .flagged
+  ).toBe(false)
+  expect(diff(a, "const PAD='p-4'; const Renamed=()=> <button className={PAD}/>").flagged).toBe(
+    true
+  )
+  expect(diff(a, a, 'apps/sim/components/renamed ü file.tsx').flagged).toBe(false)
+})
+test('a component rename does not hide removal of an appearance override', () => {
+  const before =
+    "import {DropdownMenuContent} from '@sim/emcn'; const OldPicker=()=> <DropdownMenuContent className='max-h-[320px]'><p>Options</p></DropdownMenuContent>"
+  const after =
+    "import {DropdownMenuContent} from '@sim/emcn'; const Picker=()=> <DropdownMenuContent><p>New options</p></DropdownMenuContent>"
+  const report = diff(before, after, 'apps/sim/components/new-picker.tsx')
+  expect(report.findings.some((f) => f.property === 'max-height' && f.value === '[]')).toBe(true)
+  expect(
+    diff(before, before.replace('OldPicker', 'Picker'), 'apps/sim/components/new-picker.tsx')
+      .flagged
+  ).toBe(false)
+})
+test('uppercase exported object styling and property edits are inspected', () => {
+  const a =
+    "export const PANEL_CLASSES={layout:'p-2 [--control-reserve:64px]'} as const;const A=()=> <div className={PANEL_CLASSES.layout}/>"
+  expect(diff(a, a.replace('64px', '52px')).flagged).toBe(true)
+  expect(diff(a, a.replaceAll('PANEL_CLASSES', 'ROW_CLASSES')).flagged).toBe(false)
+})
+test('detached shared styles have specific evidence; import aliases pass', () => {
+  const a =
+    "import {chipGeometryClass as geometry} from '@sim/emcn'; const A=()=> <div className={geometry}/>"
+  const b = "const A=()=> <div className='h-[30px] px-2'/>"
+  expect(diff(a, b).findings.some((f) => f.rule === 'shared-style-detached')).toBe(true)
+  expect(diff(a, a.replaceAll('geometry', 'alias')).flagged).toBe(false)
+})
+test('relative-to-project-alias import refactors do not detach shared styling', () => {
+  const a =
+    "import {ROW_CLASS} from './row'; const A=()=> <button className={cn(ROW_CLASS, 'p-2')}/>"
+  expect(diff(a, a.replace('./row', '@/components/row')).flagged).toBe(false)
+  expect(diff(a, a.replace('./row', './different-row')).flagged).toBe(false)
+  expect(
+    diff(a, "const A=()=> <button className='p-2 rounded-lg'/>").findings.some(
+      (f) => f.rule === 'shared-style-detached'
+    )
+  ).toBe(true)
+})
+test('a shared control replaced with a native control is detected', () => {
+  const a = "import {Button} from '@sim/emcn'; const A=()=> <Button/>"
+  expect(diff(a, 'const A=()=> <button/>').flagged).toBe(true)
+})
+test('coordinates and translations are exempt; mixed changes still flag', () => {
+  expect(diff(element('p-2 top-0'), element('p-2 top-[17px] translate-x-4')).flagged).toBe(false)
+  expect(diff(element('p-2 top-0'), element('p-4 top-[17px]')).flagged).toBe(true)
+  expect(diff('', "const A=()=> <div style={{transform:'translateX(12px)'}}/>").flagged).toBe(false)
+})
+test('CSS/HTML, selectors, animations and declarations are compared', () => {
+  expect(diff('.a{padding:8px}', '.a{padding:16px}', 'apps/sim/components/a.css').flagged).toBe(
+    true
+  )
+  expect(
+    diff('.a:hover{opacity:.5}', '.a:focus{opacity:.5}', 'apps/sim/components/a.css').flagged
+  ).toBe(true)
+  expect(
+    diff(
+      '@keyframes reveal{to{opacity:1}}',
+      '@keyframes reveal{to{opacity:.5}}',
+      'apps/sim/components/a.css'
+    ).flagged
+  ).toBe(true)
+  expect(
+    diff(
+      '<button class="p-2">A</button>',
+      '<button class="p-4">B</button>',
+      'apps/sim/components/a.html'
+    ).flagged
+  ).toBe(true)
+})
+test('central tokens and declarative theme infrastructure flag semantically', () => {
+  expect(diff(':root{--x:8px}', ':root{--x:16px}', TOKEN_FILE).flagged).toBe(true)
+  expect(diff(':root{--x:#abc}', ':root {/*comment*/ --x: #ABC;}', TOKEN_FILE).flagged).toBe(false)
+  expect(
+    diff(
+      '@custom-variant dark (&:where(.dark *));',
+      '@custom-variant dark (&:where(.night *));',
+      TOKEN_FILE
+    ).flagged
+  ).toBe(true)
+})
+test('CSS order changes notify only when declarations can compete through a shorthand', () => {
+  for (const [first, second] of [
+    ['padding:1px', 'padding-top:2px'],
+    ['border:1px solid red', 'border-left-color:blue'],
+    ['font:12px serif', 'line-height:2'],
+    ['background:red', 'background-color:blue'],
+  ]) {
+    const report = diff(`.x{${first};${second}}`, `.x{${second};${first}}`, TOKEN_FILE)
+    expect(report.findings.some((finding) => finding.rule === 'style-precedence-changed')).toBe(
+      true
+    )
+  }
+  expect(diff('.x{padding:1px;color:red}', '.x{color:red;padding:1px}', TOKEN_FILE).flagged).toBe(
+    false
+  )
+  expect(
+    diff(
+      '.x{padding:1px!important;padding-top:2px}',
+      '.x{padding-top:2px;padding:1px!important}',
+      TOKEN_FILE
+    ).flagged
+  ).toBe(false)
+  expect(
+    diff('.x{color:red}.x{color:blue}', '.x{color:blue}.x{color:red}', TOKEN_FILE).flagged
+  ).toBe(true)
+})
+test.each([
+  ['.x{@apply p-2}', '.x{@apply p-4}'],
+  ['@layer first,second;', '@layer second,first;'],
+  [
+    '@layer first{.x{color:red}}@layer second{.x{color:blue}}',
+    '@layer second{.x{color:blue}}@layer first{.x{color:red}}',
+  ],
+  ['@layer{.a{color:red}}@layer{.b{color:blue}}', '@layer{.b{color:blue}}@layer{.a{color:red}}'],
+  [
+    '@property --ink{syntax:"<color>";inherits:false;initial-value:red}',
+    '@property --ink{syntax:"<color>";inherits:true;initial-value:red}',
+  ],
+  [
+    '@property --ink{syntax:"<color>";inherits:false;initial-value:red}',
+    '@property --ink{syntax:"*";inherits:false;initial-value:red}',
+  ],
+  [
+    '@font-face{font-family:Audit;src:url(first.woff2)}',
+    '@font-face{font-family:Audit;src:url(second.woff2)}',
+  ],
+])('central CSS infrastructure changes remain visible: %s', (before, after) => {
+  expect(diff(before, after, TOKEN_FILE).findings.length).toBeGreaterThan(0)
+  expect(diff(before, `/* formatting */\n${before}`, TOKEN_FILE).flagged).toBe(false)
+})
+test.each([
+  ['@layer{.x{top:0;cursor:pointer}}', '@layer{.x{top:12px;cursor:wait}}'],
+  ['@layer{.x{padding:1px;color:red}}', '@layer{.x{color:red;padding:1px}}'],
+])('anonymous CSS layer fingerprints preserve semantic exclusions: %s', (before, after) => {
+  const report = diff(before, after, TOKEN_FILE)
+  expect(report.flagged).toBe(false)
+  expect(report.unchecked).toEqual([])
+})
+test('unsupported CSS presentation stays diagnostic while coordinates and interaction settings remain excluded', () => {
+  const report = diff('', '.x{paint-order:stroke fill}@future-paint custom;', TOKEN_FILE)
+  expect(report.unchecked.some((note) => note.reason.includes('paint-order'))).toBe(true)
+  expect(report.unchecked.some((note) => note.reason.includes('@future-paint'))).toBe(true)
+  expect(
+    diff('.x{top:0;cursor:pointer}', '.x{top:12px;cursor:wait}', TOKEN_FILE).unchecked
+  ).toEqual([])
+  expect(diff('.x{top:0;cursor:pointer}', '.x{top:12px;cursor:wait}', TOKEN_FILE).flagged).toBe(
+    false
+  )
+})
+test('uncertainty, media and backend expressions do not notify', () => {
+  const a = "import {style} from './helper'; const A=()=> <div className={style(data)}/>"
+  const r = diff(a, a.replace('data', 'otherData'))
+  expect(r.flagged).toBe(false)
+  expect(r.unchecked.length).toBeGreaterThan(0)
+  expect(
+    diff(
+      '',
+      "const data={colour:'#123',padding:777}; sql`select 1`; telemetry.setAttribute('name','p-4')"
+    ).flagged
+  ).toBe(false)
+  expect(diff('<img className="w-4"/>', '<img className="w-8"/>').flagged).toBe(false)
+})
+test('parser errors remain unchecked and cannot execute source', async () => {
+  expect(diff('', 'const A=()=> <div className={').unchecked.length).toBeGreaterThan(0)
+  const marker = `/tmp/appearance-nonexecution-${process.pid}`
+  diff('', `import fs from 'node:fs'; fs.writeFileSync('${marker}','bad'); ${element('p-2')}`)
+  expect(existsSync(marker)).toBe(false)
+})
+test('parser failures and unresolved replacements are not mistaken for style removals', () => {
+  expect(diff('.x{padding:8px}', '.x{', 'apps/sim/components/a.css').flagged).toBe(false)
+  const r = diff(element('p-2'), 'const A=()=> <button className={runtimeStyles()}/>')
+  expect(r.flagged).toBe(false)
+  expect(r.unchecked.length).toBeGreaterThan(0)
+  expect(r.unchecked.some((n) => n.reason.includes('runtimeStyles()'))).toBe(true)
+  expect(r.unchecked.some((n) => n.reason.includes('no removal is inferred'))).toBe(true)
+  expect(
+    diff(element('p-2'), "const A=()=> <button className={cn(runtimeStyles(), 'p-4')}/>").flagged
+  ).toBe(true)
+})
+test('appearance reports are byte-identical across repeated analyses', () => {
+  const a = JSON.stringify(diff(element('p-2'), element('hover:p-4')))
+  expect(JSON.stringify(diff(element('p-2'), element('hover:p-4')))).toBe(a)
+  expect(JSON.parse(a).policyVersion).toBe('appearance-diff/2.1.0')
+})
+
+test('artwork wrappers and local components pass; surrounding controls still flag', () => {
+  const a = `import {Globe} from '@sim/emcn/icons'; function Art(){return <span className="flex h-4 w-4"><Globe/></span>} const A=()=> <button className="p-2"><Art/></button>`
+  expect(
+    diff(a, a.replace('span', 'div').replace('/span', '/div').replace('h-4 w-4', 'h-6 w-6')).flagged
+  ).toBe(false)
+  for (const classes of ['p-4', 'p-2 bg-red-500', 'p-2 h-8'])
+    expect(diff(a, a.replace('className="p-2"', `className="${classes}"`)).flagged).toBe(true)
+  expect(diff('', 'const A=()=> <span className="p-4">{false}</span>').flagged).toBe(true)
+  expect(diff('', 'const A=()=> <span className="p-4">Label<svg/></span>').flagged).toBe(true)
+  expect(diff('', 'const A=()=> <span role="button" className="p-4"><svg/></span>').flagged).toBe(
+    true
+  )
+})
+test('conditional icons, native favicon wrappers and established loaders pass', () => {
+  const a = `import {Globe, Terminal} from '@sim/emcn/icons'; import {ThinkingLoader} from '@/components/ui'; const Choice=active?Globe:Terminal; const A=()=> <><span className="h-4">{url?<img src={url}/>:<Globe/>}</span><span className="flex">{busy?<ThinkingLoader size={14}/>:<Choice/>}</span></>`
+  expect(diff('', a).flagged).toBe(false)
+  expect(
+    diff(
+      '',
+      `import {ThinkingLoader} from '@/components/ui'; const A=()=> <div className="py-2"><ThinkingLoader label={status}/></div>`
+    ).flagged
+  ).toBe(true)
+  expect(
+    diff(
+      '',
+      `function IconPanel(){return <div className="p-4">Settings</div>} const A=()=> <IconPanel/>`
+    ).flagged
+  ).toBe(true)
+  expect(
+    diff(
+      '',
+      `import {ThinkingLoader} from './custom'; const A=()=> <span className="p-4"><ThinkingLoader/></span>`
+    ).flagged
+  ).toBe(true)
+})
+test('established icon slots accept runtime selection without exempting text or controls', () => {
+  const a = `import {SettingsResourceRow} from '@/app/workspace/[workspaceId]/settings/components/settings-resource-row'; const Choice=choose(data); const A=()=> <SettingsResourceRow icon={<Choice className="text-red-500"/>} title="Server"/>`
+  expect(diff('', a).flagged).toBe(false)
+  expect(
+    diff(
+      '',
+      a.replace('<Choice className="text-red-500"/>', '<button className="p-4">Open</button>')
+    ).flagged
+  ).toBe(true)
+  expect(
+    diff('', a.replace('<Choice className="text-red-500"/>', '<span className="p-4">Label</span>'))
+      .flagged
+  ).toBe(true)
+  expect(
+    diff(
+      '',
+      a.replace('settings/components/settings-resource-row', 'settings/components/custom-row')
+    ).flagged
+  ).toBe(true)
+})
+test('unchanged forwarded classes allow literal removals; changed computation stays unchecked', () => {
+  const a = `const A=({className})=> <div className={cn('p-2 shadow-lg',className)} style={{left:position}}/>`
+  const r = diff(a, a.replace(' shadow-lg', ''))
+  expect(r.findings.some((f) => f.property === 'box-shadow' && f.value === '[]')).toBe(true)
+  expect(r.findings[0].reason).toContain('Explicit styling input')
+  expect(diff(a, a.replace("cn('p-2 shadow-lg',className)", 'computedClass(data)')).flagged).toBe(
+    false
+  )
+  expect(
+    diff(a, a.replace(' shadow-lg', '').replace(',className)', ',otherClasses)')).flagged
+  ).toBe(false)
+  expect(
+    diff(a, a.replace(' shadow-lg', '').replace("'p-2',className", "className,'p-2'")).flagged
+  ).toBe(false)
+  const template = 'const A=()=> <div className={`p-2 shadow-lg ${forwarded}`}/>'
+  expect(diff(template, template.replace(' shadow-lg', '')).flagged).toBe(true)
+})
+test('unknown inputs identify their channel and property, without suppressing unrelated removals', () => {
+  const a = `const A=()=> <div style={{boxShadow:'0 1px 2px black',color:tint}}/>`
+  expect(
+    diff(a, a.replace("boxShadow:'0 1px 2px black',", '').replace('tint', 'newTint')).flagged
+  ).toBe(true)
+  expect(diff(a, a.replace("boxShadow:'0 1px 2px black'", 'boxShadow:shadow(data)')).flagged).toBe(
+    false
+  )
+  const f = extract(a, ui)
+  expect(f.surfaces?.[0].unresolved?.[0]).toMatchObject({ channel: 'style', property: 'color' })
+  const spread = `const A=()=> <button {...props} className="p-2 shadow-lg"/>`
+  expect(diff(spread, spread.replace(' shadow-lg', '')).flagged).toBe(true)
+  expect(
+    diff(spread, spread.replace(' shadow-lg', '').replace('...props', '...otherProps')).flagged
+  ).toBe(false)
+})
+test('rendered HTML static attributes flag around dynamic wording with original JS locations', () => {
+  const a =
+    'const A=()=> <div dangerouslySetInnerHTML={{__html:`<p style="margin-bottom:8px">${wording}</p>`}}/>'
+  expect(
+    diff(a, a.replace('8px', '12px')).findings.some((f) => f.property === 'margin-bottom')
+  ).toBe(true)
+  expect(diff(a, a.replace('wording', 'otherWording')).flagged).toBe(false)
+  const source =
+    '\nconst markup = `\n<p class="mb-3">${wording}</p>`;\nconst A=()=> <div dangerouslySetInnerHTML={{__html:markup}}/>'
+  const r = diff('', source)
+  expect(r.findings[0]).toMatchObject({ line: 3, column: 1, property: 'margin-bottom' })
+  const escaped =
+    'const html="\\n<div style=\\"margin:8px\\">Text</div>"; const A=()=> <div dangerouslySetInnerHTML={{__html:html}}/>'
+  expect(diff('', escaped).findings[0]).toMatchObject({
+    line: 1,
+    column: escaped.indexOf('<div') + 1,
+  })
+})
+test('text subblocks follow local returns and map/join without executing callbacks', async () => {
+  const marker = `/tmp/rendered-html-nonexecution-${process.pid}`
+  const a = `function instructions(){return items.map((item)=>{Bun.write('${marker}','bad'); return \`<div class="mb-3">\${item}</div>\`}).join('')} const config={type:'text',defaultValue:instructions()}`
+  const file = 'apps/sim/triggers/example.ts'
+  expect(diff('', a, file).findings.some((f) => f.property === 'margin-bottom')).toBe(true)
+  expect(diff(a, a.replace('${item}', '${otherItem}'), file).flagged).toBe(false)
+  expect(diff(a, a.replace('mb-3', 'mb-4'), file).flagged).toBe(true)
+  expect(diff('', a.replace("type:'text'", "type:'dropdown'"), file).flagged).toBe(false)
+  expect(
+    diff('', a.replace('defaultValue:instructions()', 'value:()=>instructions()'), file).flagged
+  ).toBe(true)
+  expect(existsSync(marker)).toBe(false)
+})
+test('unrelated HTML strings, prompts, dynamic attributes and excluded files stay unchecked or exempt', () => {
+  const a = 'const prompt=`<p class="mb-3">${word}</p>`'
+  expect(diff('', a).flagged).toBe(false)
+  const sink =
+    'const A=()=> <div dangerouslySetInnerHTML={{__html:`<p class="mb-${size}" style="margin:${margin}px">Text</p>`}}/>'
+  expect(diff('', sink).flagged).toBe(false)
+  expect(diff('', sink).unchecked.length).toBeGreaterThan(0)
+  expect(diff('', sink.replace('class="mb-${size}"', 'class="mb-3"')).flagged).toBe(true)
+  expect(
+    diff('', sink.replace('mb-${size}', 'mb-3'), 'apps/sim/app/(landing)/page.tsx').flagged
+  ).toBe(false)
+  const staticStyle = sink.replace('mb-${size}', 'mb-3')
+  expect(diff(staticStyle, staticStyle.replace('mb-3', '${classes}')).flagged).toBe(false)
+})
+test('HTML and icon recursion are bounded, cycles do not create inferred styling', () => {
+  expect(
+    diff(
+      '',
+      'const a=b,b=a; const A=()=> <div dangerouslySetInnerHTML={{__html:a}}/>'
+    ).unchecked.some((n) => n.reason.includes('cycle'))
+  ).toBe(true)
+  expect(diff('', 'const Art=()=> <Art/>; const A=()=> <Art/>').flagged).toBe(false)
+  const huge = ' '.repeat(2 * 1024 * 1024 + 1)
+  expect(diff(element('p-2'), huge).flagged).toBe(false)
+  expect(diff('', huge).unchecked[0].reason).toContain('2 MiB')
+})
+test('provider BlockConfig brand colours pass while rendered product colours still flag', () => {
+  const a = `import type {BlockConfig} from '@/blocks/types'; const Service:BlockConfig={type:'service',category:'tools',bgColor:'#ff6700',name:'Service'}`
+  const file = 'apps/sim/blocks/blocks/service.ts'
+  expect(diff(a, a.replace('#ff6700', '#ffffff'), file).flagged).toBe(false)
+  expect(diff('', a, file).flagged).toBe(false)
+  expect(diff(a, '', file).flagged).toBe(false)
+  expect(diff(a, a.replace("bgColor:'#ff6700'", 'bgColor:computed()'), file).flagged).toBe(false)
+  expect(
+    diff(
+      a.replace("category:'tools'", "category:'triggers'"),
+      a.replace("category:'tools'", "category:'triggers'").replace('#ff6700', '#ffffff'),
+      file
+    ).flagged
+  ).toBe(false)
+  expect(
+    diff(
+      a.replace(':BlockConfig', ''),
+      a.replace(':BlockConfig', '').replace('#ff6700', '#ffffff'),
+      file
+    ).flagged
+  ).toBe(false)
+  expect(diff('', '<span style={{backgroundColor:"#fff"}}><svg/></span>').flagged).toBe(false)
+  expect(
+    diff(
+      '<span style={{backgroundColor:"#fff"}}>Service</span>',
+      '<span style={{backgroundColor:"#000"}}>Service</span>'
+    ).flagged
+  ).toBe(true)
+})
+test('tag differences are not blanket-equated for text-bearing elements', () => {
+  expect(
+    diff('<span className="p-2">Label</span>', '<div className="p-2">Label</div>').flagged
+  ).toBe(true)
+})
+
+test('changing one of repeated styled surfaces retains its previous appearance', () => {
+  const r = diff(
+    'export const A=()=> <><button className="p-2"/><button className="p-2"/></>',
+    'export const A=()=> <><button className="p-2"/><button className="p-4"/></>'
+  )
+  expect(r.findings.some((f) => f.rule === 'appearance-changed' && f.before !== null)).toBe(true)
+})
+
+test('appearance findings retain direct attribution to the cited consumer slot', () => {
+  const source = 'export const A=()=> <button className="p-4">Save</button>'
+  const report = diff(source.replace('p-4', 'p-2'), source)
+  const findings = report.findings.map((f, index) => ({
+    ...f,
+    id: String(index),
+    observedFrom: [ui],
+  }))
+  const result = inspectControls(
+    {
+      entries: [
+        {
+          path: ui,
+          blob: 'a'.repeat(40),
+          mode: '100644',
+          kind: 'blob',
+          bytes: Buffer.byteLength(source),
+        },
+      ],
+      read: () => source,
+    },
+    findings
+  )
+  expect(result.records[0].findingIds).toEqual(findings.map((f) => f.id))
+})
diff --git a/scripts/check-design-conformance-colour-assignments.test.ts b/scripts/check-design-conformance-colour-assignments.test.ts
new file mode 100644
index 00000000000..8e739f863f3
--- /dev/null
+++ b/scripts/check-design-conformance-colour-assignments.test.ts
@@ -0,0 +1,641 @@
+import { expect, test } from 'vitest'
+import { withoutVerifiedColourUsages } from '#control-analysis/colour-assignments'
+import type { ControlSource } from '#control-analysis/model'
+import { inspectSimplifications } from '#control-analysis/simplifications'
+
+const css = 'apps/sim/components/sample.css'
+const ui = 'apps/sim/components/sample.tsx'
+const tokens = 'apps/sim/app/_styles/globals.css'
+const globals =
+  ':root { --text-body: #434343; --text-muted: #999999; --radius: 8px; --shadow: 0 0 3px #000; } .dark { --text-body: #eeeeee; }'
+function source(files: Record<string, string>): ControlSource {
+  return {
+    entries: Object.entries(files).map(([path, text]) => ({
+      path,
+      bytes: Buffer.byteLength(text),
+      kind: 'blob',
+      mode: '100644',
+      blob: 'a'.repeat(40),
+    })),
+    read: (entry) => files[entry.path],
+  }
+}
+const inspect = (files: Record<string, string>) =>
+  inspectSimplifications(source({ [tokens]: globals, ...files })).colourAssignments
+const flagged = (files: Record<string, string>) => inspect(files).findings
+const issues = (files: Record<string, string>) => {
+  const report = inspect(files)
+  return [...report.findings, ...report.unchecked]
+}
+
+const usage = (value = 'var(--rest, var(--text-body))') => ({
+  kind: 'usage-violation' as const,
+  rule: 'central-colour',
+  category: 'colours',
+  property: 'color',
+  file: css,
+  line: 1,
+  column: 10,
+  context: 'css / .label',
+  value,
+  reason: 'Local colour variable',
+})
+
+test('verified cross-file aliases clear usage warnings and retain global reference evidence', () => {
+  const report = inspect({
+    [css]: '.label { color: var(--rest, var(--text-body)); }',
+    [ui]: `export const View=()=> <><span className='[--rest:var(--text-muted)]'/><span style={{'--rest':'var(--text-body)'}}/></>`,
+  })
+  expect(withoutVerifiedColourUsages([usage()], report)).toEqual([])
+  expect(report.verifiedUsages).toHaveLength(1)
+  expect(report.verifiedUsages[0].references).toEqual(['--text-body', '--text-muted'])
+  expect(withoutVerifiedColourUsages([usage()], report)).toEqual([])
+  expect(report.verifiedUsages).toHaveLength(1)
+})
+
+test('usage approval is generic, follows alias chains, and checks every writer', () => {
+  const files = {
+    [css]: '.label { color: var(--unusual); --unusual: var(--alias); }',
+    [ui]: `export const View=()=> <span style={{'--alias':'var(--text-muted)'}}/>`,
+  }
+  expect(withoutVerifiedColourUsages([usage('var(--unusual)')], inspect(files))).toEqual([])
+  const report = inspect({
+    ...files,
+    'apps/sim/components/override.css': '.other { --alias: hotpink; }',
+  })
+  expect(withoutVerifiedColourUsages([usage('var(--unusual)')], report)).toHaveLength(1)
+  expect(report.findings.length).toBeGreaterThan(0)
+})
+
+test('a valid fallback cannot approve a missing, literal, runtime, inherited or cyclic primary alias', () => {
+  for (const writer of [
+    '',
+    '--rest: red;',
+    '--rest: var(--missing);',
+    '--rest: var(--radius);',
+    '--rest: currentColor;',
+    '--rest: var(--alias); --alias: var(--rest);',
+  ]) {
+    const report = inspect({ [css]: `.label { color: var(--rest, var(--text-body)); ${writer} }` })
+    expect(withoutVerifiedColourUsages([usage()], report)).toHaveLength(1)
+  }
+  const runtime = inspect({
+    [css]: '.label {color: var(--rest, var(--text-body));}',
+    [ui]: `export function set(node, ink){node.style.setProperty('--rest', ink)}`,
+  })
+  expect(withoutVerifiedColourUsages([usage()], runtime)).toHaveLength(1)
+  expect(runtime.findings).toEqual([])
+  expect(
+    runtime.unchecked.some((note) => note.reason.includes('Unresolved colour assignment'))
+  ).toBe(true)
+})
+
+test('safe assignments cannot conceal a literal or invalid fallback at the use', () => {
+  const report = inspect({ [css]: '.label {--rest: var(--text-body); color: var(--rest);}' })
+  for (const value of [
+    'var(--rest, hotpink)',
+    'var(--rest, var(--missing))',
+    'var(--rest, var(--text-muted, red))',
+    'color-mix(in srgb, var(--rest) 50%, red)',
+    'var(--rest,)',
+    'var(--rest',
+  ])
+    expect(withoutVerifiedColourUsages([usage(value)], report)).toHaveLength(1)
+  expect(
+    withoutVerifiedColourUsages([usage('color-mix(in srgb, var(--rest) 50%, transparent)')], report)
+  ).toEqual([])
+})
+
+test('local overrides of referenced global tokens revoke usage approval', () => {
+  const report = inspect({
+    [css]: '.label {--rest: var(--text-body); color: var(--rest); } .bad {--text-body: red;}',
+  })
+  expect(withoutVerifiedColourUsages([usage()], report)).toHaveLength(1)
+  const indirect = inspect({
+    [tokens]: ':root {--palette: #777; --text-body: var(--palette);}',
+    [css]: '.label {--rest: var(--text-body); color: var(--rest);} .bad {--palette: hotpink;}',
+  })
+  expect(withoutVerifiedColourUsages([usage()], indirect)).toHaveLength(1)
+  expect(indirect.findings.length).toBeGreaterThan(0)
+})
+
+test('unknown style writes remain unchecked even when a separately verified alias use is cleared', () => {
+  const report = inspect({
+    [css]: '.label {color: var(--rest);}',
+    [ui]: `export const View=({style})=><span style={{'--rest':'var(--text-body)', ...style}}/>`,
+  })
+  const remaining = withoutVerifiedColourUsages([...report.findings, usage()], report)
+  expect(remaining.some((f) => f.rule === 'central-colour-assignment')).toBe(false)
+  expect(report.coverage.unresolved).toBeGreaterThan(0)
+  expect(
+    report.unchecked.some((note) => note.reason.includes('Unresolved colour assignment'))
+  ).toBe(true)
+})
+
+test('colour provenance approval never suppresses component chrome, shadows, system changes or unrelated literals', () => {
+  const report = inspect({ [css]: '.label {--rest: var(--text-body); color: var(--rest);}' })
+  const findings = [
+    { ...usage(), rule: 'component-chrome' },
+    { ...usage(), rule: 'central-shadow' },
+    { ...usage(), kind: 'system-change' as const },
+    usage('hotpink'),
+  ]
+  expect(withoutVerifiedColourUsages(findings, report)).toEqual(findings)
+})
+
+test('registered custom-property defaults and escaped writer names cannot hide behind a safe ordinary assignment', () => {
+  const files = { [css]: '.label {--rest: var(--text-body); color: var(--rest);}' }
+  const extras: Record<string, string>[] = [
+    {
+      [css]: `${files[css]}@property --rest {syntax: "<color>"; inherits: false; initial-value: hotpink;}`,
+    },
+    {
+      [ui]: `CSS.registerProperty({name:'--rest', syntax:'<color>', inherits:false, initialValue:'hotpink'})`,
+    },
+    { [css]: files[css] + String.raw`.bad {--r\65 st: hotpink;}` },
+  ]
+  for (const extra of extras) {
+    const report = inspect({ ...files, ...extra })
+    expect(report.findings.length + report.unchecked.length).toBeGreaterThan(0)
+  }
+})
+
+test('CSS, JSX style objects and Tailwind assignments resolve actual global colours', () => {
+  const result = inspect({
+    [css]: '.label { --rest: var(--text-body); color: var(--rest); }',
+    [ui]: `export const View=()=> <><span style={{'--rest':'var(--text-muted)'}}/><span className='[--rest:var(--text-body)]'/></>`,
+  })
+  expect(result.findings).toEqual([])
+  expect(result.coverage.verified).toBeGreaterThanOrEqual(3)
+})
+
+test('hardcoded, missing and wrong-family tokens are flagged at the assignment', () => {
+  for (const value of ['#ff00ff', 'red', 'var(--missing)', 'var(--radius)', 'var(--shadow)']) {
+    const result = inspect({ [css]: `.label { --rest: ${value}; color: var(--rest); }` })
+    expect(result.findings).toHaveLength(1)
+    expect(result.findings[0].property).toBe('--rest')
+    expect(result.assignments[0].status).toBe('invalid')
+  }
+})
+
+test('an approved primary value cannot hide an invalid fallback, nested fallback or mix operand', () => {
+  for (const value of [
+    'var(--text-body, #ff00ff)',
+    'var(--text-body, var(--missing))',
+    'var(--text-body, var(--text-muted, blue))',
+    'color-mix(in srgb, var(--text-body) 50%, red)',
+    'rgb(255 0 0)',
+    'rgb(255 0 0 / var(--text-body))',
+    'var(--text-body,)',
+  ])
+    expect(flagged({ [css]: `.label { --rest: ${value}; color: var(--rest); }` })).toHaveLength(1)
+  expect(
+    flagged({
+      [css]:
+        '.label { --rest: color-mix(in srgb, var(--text-body) 50%, transparent); color: var(--rest); }',
+    })
+  ).toEqual([])
+})
+
+test('every CSS selector/theme override is checked; a safe declaration cannot mask a bad one', () => {
+  const result = inspect({
+    [css]:
+      '.good { --rest: var(--text-body); color: var(--rest); } .bad:hover { --rest: #ff00ff; }',
+  })
+  expect(result.findings).toHaveLength(1)
+  expect(result.findings[0].context).toContain('.bad:hover')
+})
+
+test('aliases follow assignments across files and reject cycles, missing links and non-global leaves', () => {
+  const extra = 'apps/sim/components/writer.css'
+  const files = {
+    [css]: '.label { --rest: var(--alias); color: var(--rest); }',
+    [extra]: '.label { --alias: var(--text-body); }',
+  }
+  expect(flagged(files)).toEqual([])
+  expect(
+    flagged({ ...files, [extra]: '.label { --alias: #ff00ff; }' }).length
+  ).toBeGreaterThanOrEqual(2)
+  expect(
+    flagged({ ...files, [extra]: '.label { --alias: var(--rest); }' }).every((finding) =>
+      finding.reason.includes('Cyclic')
+    )
+  ).toBe(true)
+})
+
+test('import aliases, namespace access and barrels resolve immutable conditional values', () => {
+  const extra = {
+    'apps/sim/components/palette.ts': `export const ink = dark ? 'var(--text-body)' : 'var(--text-muted)'`,
+    'apps/sim/components/barrel.ts': `export {ink as tone} from './palette'`,
+    [css]: '.label { color: var(--rest); }',
+    [ui]: `import * as P from './barrel'; export const View=()=> <span style={{'--rest':P.tone}}/>`,
+  }
+  expect(flagged(extra)).toEqual([])
+  const bad = inspect({
+    ...extra,
+    'apps/sim/components/palette.ts': `export const ink = dark ? 'var(--text-body)' : '#ff00ff'`,
+  })
+  expect(bad.findings).toHaveLength(1)
+  expect(bad.findings[0].value).toContain('#ff00ff')
+})
+
+test('runtime peer colours remain unchecked despite a valid global fallback', () => {
+  const result = inspect({
+    [css]: '.cursor { background-color: var(--caret-color); }',
+    [ui]: `const DEFAULT='var(--text-body)'; export function renderCaret(user){ const caret=document.createElement('span'); const colour=typeof user.color==='string'?user.color:DEFAULT; caret.style.setProperty('--caret-color',colour); return caret }`,
+  })
+  expect(result.findings).toEqual([])
+  expect(result.unchecked.some((note) => note.reason.includes('--caret-color'))).toBe(true)
+  expect(result.assignments[0].status).toBe('unresolved')
+})
+
+test('a direct shadow sink accepts a complete global shadow recipe, not a colour lookalike', () => {
+  const globalShadow = `${globals} :root { --shadow-presentation-slide: 0 2px 8px rgba(0, 0, 0, 0.15); }`
+  const direct = (value: string) => ({
+    [ui]: `export const View=()=> <div style={{boxShadow:'${value}'}}/>`,
+    [tokens]: globalShadow,
+  })
+  const approved = inspect(direct('var(--shadow-presentation-slide)'))
+  expect(approved.findings).toEqual([])
+  expect(approved.assignments.some((a) => a.name === 'box-shadow' && a.status === 'verified')).toBe(
+    true
+  )
+  for (const value of [
+    'var(--shadow-missing)',
+    'var(--shadow-presentation-slide, 0 0 3px red)',
+    'var(--text-body)',
+  ])
+    expect(
+      flagged(direct(value)).some((f) => f.property === 'box-shadow'),
+      value
+    ).toBe(true)
+  expect(
+    flagged({
+      [tokens]: globalShadow,
+      [ui]: `export const View=()=> <span style={{color:'var(--shadow-presentation-slide)'}}/>`,
+    }).some((f) => f.property === 'color')
+  ).toBe(true)
+  const overridden = inspect({
+    ...direct('var(--shadow-presentation-slide)'),
+    [css]: '.local { --shadow-presentation-slide: 0 0 8px red; }',
+  })
+  expect(
+    overridden.assignments.some((a) => a.name === 'box-shadow' && a.status === 'unresolved')
+  ).toBe(true)
+  expect(overridden.unchecked.some((note) => note.reason.includes('checked local override'))).toBe(
+    true
+  )
+})
+
+test('a safe conditional branch cannot mask a non-string or unknown branch', () => {
+  for (const alternative of ['123', 'null', 'undefined', 'runtime', "'var(--missing)'"]) {
+    const result = inspect({
+      [css]: '.label { color: var(--rest); }',
+      [ui]: `export const View=({ok,runtime})=> <span style={{'--rest':ok?'var(--text-body)':${alternative}}}/>`,
+    })
+    expect(result.findings.length + result.unchecked.length).toBeGreaterThan(0)
+  }
+})
+
+test('imperative style writers, aliases, cssText and Object.assign cannot bypass assignment checks', () => {
+  for (const statement of [
+    `node.style.setProperty('--rest', '#ff00ff')`,
+    `const style=node.style; style.setProperty('--rest', '#ff00ff')`,
+    `node.style['--rest']='#ff00ff'`,
+    `node.style.cssText='--rest:#ff00ff'`,
+    `node.setAttribute('style','--rest:#ff00ff')`,
+    `Object.assign(node.style, {'--rest':'#ff00ff'})`,
+  ])
+    expect(
+      flagged({
+        [css]: '.label { color: var(--rest); }',
+        [ui]: `export function update(node){ ${statement} }`,
+      }).length
+    ).toBeGreaterThanOrEqual(1)
+})
+
+test('unknown spreads, mutated styles, dynamic keys and dynamic Tailwind values stay visible', () => {
+  for (const jsx of [
+    `<span style={{'--rest':'var(--text-body)', ...runtime}}/>`,
+    `<span style={{...runtime, '--rest':'var(--text-body)'}}/>`,
+    `<span style={{[key]:'var(--text-body)'}}/>`,
+    `<span className={\`[--rest:\${colour}]\`}/>`,
+  ])
+    expect(
+      issues({
+        [css]: '.label { color: var(--rest); }',
+        [ui]: `export const View=({runtime,key,colour})=>${jsx}`,
+      }).length
+    ).toBeGreaterThanOrEqual(1)
+  expect(
+    issues({
+      [ui]: `const style={'--rest':'var(--text-body)'}; style['--rest']=runtime; export const View=()=> <span style={style}/>`,
+    }).length
+  ).toBeGreaterThanOrEqual(1)
+})
+
+test('local overrides of global tokens are checked too', () => {
+  const result = inspect({ [css]: '.label { --text-body: #ff00ff; color: var(--text-body); }' })
+  expect(result.findings).toHaveLength(1)
+})
+
+test('a missing token remains unchecked when its consumer is outside the source snapshot', () => {
+  for (const body of [
+    `<span className='[--rest:var(--missing)]'/>`,
+    `<span style={{'--rest':'var(--missing)'}}/>`,
+  ])
+    expect(
+      inspect({ [ui]: `export const View=()=>${body}` }).unchecked.some((note) =>
+        note.reason.includes('--rest')
+      )
+    ).toBe(true)
+  expect(
+    issues({ [css]: '.label { --a: var(--b); --b: var(--a); }' }).length
+  ).toBeGreaterThanOrEqual(2)
+})
+
+test('static prop spreads and React.createElement styles are checked at their use', () => {
+  for (const body of [
+    `const props={style:{'--rest':'#ff00ff'}}; export const View=()=> <span {...props}/>`,
+    `import {createElement as h} from 'react'; export const View=()=>h('span',{style:{'--rest':'#ff00ff'}})`,
+  ])
+    expect(flagged({ [ui]: body })).toHaveLength(1)
+  expect(
+    flagged({
+      [ui]: `const props={style:{['--rest']:'var(--text-body)'}}; export const View=()=> <span {...props}/>`,
+    })
+  ).toEqual([])
+})
+
+test('no colour-variable spelling whitelist; unrelated numeric variables stay outside this rule', () => {
+  expect(
+    flagged({
+      [css]:
+        '.label { --anything: #ff00ff; color: var(--anything); --width: 20px; width: var(--width); }',
+    })
+  ).toHaveLength(1)
+  expect(
+    flagged({ [ui]: `export const View=({width})=><span style={{'--width':width}}/>` })
+  ).toEqual([])
+})
+
+test('layout aliases with dimensional fallbacks do not become colour assignments', () => {
+  const files = {
+    [css]:
+      '.fade { --start: var(--inset, 0px); --end: calc(var(--inset, 0px) + var(--band)); mask-image: linear-gradient(transparent var(--start), black var(--end)); }',
+    [ui]: `export const View=({className})=><span className={cn('[--inset:3rem]', className)}/>`,
+  }
+  expect(flagged(files)).toEqual([])
+  // A dimension in a known colour sink is still invalid, even with a dimensional fallback.
+  expect(
+    flagged({ [css]: '.label { --ink: var(--missing, 3rem); color: var(--ink); }' })
+  ).toHaveLength(1)
+})
+
+test('an unknown style property is unresolved, not a confirmed literal colour violation', () => {
+  const result = inspect({ [ui]: `export function clear(node, key){ node.style[key]='none' }` })
+  expect(result.findings).toEqual([])
+  expect(result.assignments[0].status).toBe('unresolved')
+  expect(result.unchecked.some((note) => note.reason.includes('Unknown style key'))).toBe(true)
+})
+
+test('landing remains excluded, source is never executed and discovery order is deterministic', () => {
+  const files = source({
+    [tokens]: globals,
+    [ui]: `throw Error('never execute'); export const View=()=> <span className='[--rest:#ff00ff]'/>`,
+    'apps/sim/app/(landing)/page.tsx': `export const Page=()=> <span className='[--rest:#00ff00]'/>`,
+  })
+  const forward = inspectSimplifications(files).colourAssignments
+  const reverse = inspectSimplifications(
+    { ...files, entries: [...files.entries].reverse() },
+    [],
+    'reverse'
+  ).colourAssignments
+  expect(reverse).toEqual(forward)
+  expect(forward.findings.every((finding) => finding.file === ui)).toBe(true)
+})
+
+test('fresh style helpers prove property keys independently of runtime geometry values', () => {
+  const helpers = [
+    `function dimensions(width){return {width,height:runtime}}`,
+    `const dimensions=(width)=>width?{width,height:runtime}:{top:runtime,left:runtime}`,
+    `function dimensions(width){if(!width)return undefined;const span=Math.max(width,10);return {width:span,height:runtime}}`,
+    `function dimensions(width){if(width){return {top:runtime}}else{return {left:runtime}}}`,
+  ]
+  for (const helper of helpers)
+    expect(
+      flagged({
+        [ui]: `${helper}; export const View=()=> <span style={{position:'absolute',...dimensions(runtime)}}/>`,
+      })
+    ).toEqual([])
+})
+
+test('import aliases, namespace access and barrels resolve fresh style helpers', () => {
+  expect(
+    flagged({
+      'apps/sim/components/shape.ts': `export const size=(width)=>({width,height:runtime})`,
+      'apps/sim/components/barrel.ts': `export {size as dimensions} from './shape'`,
+      [ui]: `import * as S from './barrel'; import {dimensions as D} from './barrel'; export const View=()=> <><span style={S.dimensions(runtime)}/><span style={D(runtime)}/></>`,
+    })
+  ).toEqual([])
+})
+
+test('helper colour properties are validated, including literals and unknown values', () => {
+  for (const [value, status] of [
+    ["'var(--text-body)'", 'verified'],
+    ["'#ff00ff'", 'invalid'],
+    ['runtime', 'unresolved'],
+    ["'var(--missing)'", 'invalid'],
+  ] as const) {
+    const report = inspect({
+      [ui]: `const style=()=>({width:runtime,color:${value}}); export const View=()=> <span style={style()}/>`,
+    })
+    expect(report.assignments.find((a) => a.name === 'color')?.status).toBe(status)
+    expect(report.findings.length).toBe(status === 'invalid' ? 1 : 0)
+    if (status === 'unresolved') expect(report.unchecked.length).toBeGreaterThan(0)
+  }
+})
+
+test('a safe helper branch cannot hide colours, unknown spreads, mutation or unsupported flow', () => {
+  for (const helper of [
+    `const shape=(ok)=>ok?{width:runtime}:{'--ink':'hotpink'}`,
+    `const shape=()=>({width:runtime,...opaque})`,
+    `const shape=()=>({[runtime]:10})`,
+    `const shape=()=>({get width(){return 10}})`,
+    `const shape=()=>{const result={width:10};result.color='hotpink';return result}`,
+    `const result={width:10};const shape=()=>result;unknown(result)`,
+    `const shape=()=>{try{return {width:10}}finally{return opaque}}`,
+    `const shape=()=>{for(const x of items){if(x)return opaque}return {width:10}}`,
+    `const shape=()=>({...shape()})`,
+    `let shape=()=>({width:10});shape=opaque`,
+    `const shape=async()=>({width:10})`,
+  ]) {
+    const report = inspect({
+      [css]: '.x {color:var(--ink)}',
+      [ui]: `${helper}; export const View=()=> <span style={shape(runtime)}/>`,
+    })
+    expect(report.findings.length + report.unchecked.length, helper).toBeGreaterThan(0)
+  }
+  expect(
+    issues({
+      [ui]: `const shape=()=>({width:10});const result=shape();const alias=result;alias.color='hotpink';export const View=()=> <span style={result}/>`,
+    }).length
+  ).toBeGreaterThan(0)
+})
+
+test('literal joins and unshadowed String.raw resolve class assignments without trusting method names', () => {
+  const classes = "const classes=[String.raw`[--ink:var(--text-body)]`,'opacity-100'].join(' ')"
+  expect(
+    flagged({ [ui]: `${classes};export const View=()=> <span className={classes}/>` })
+  ).toEqual([])
+  expect(
+    flagged({
+      'apps/sim/components/classes.ts':
+        "const parts=[String.raw`[--ink:var(--text-body)]`,'opacity-100'];export const classes=parts.join(' ')",
+      [ui]: `import {classes} from './classes';export const View=()=> <span className={classes}/>`,
+    })
+  ).toEqual([])
+  for (const code of [
+    "const parts=['[--ink:var(--text-body)]'];parts.push(runtime);const classes=parts.join(' ')",
+    "const parts=['[--ink:var(--text-body)]'];unknown(parts);const classes=parts.join(' ')",
+    "const parts={join:()=> '[--ink:hotpink]'};const classes=parts.join(' ')",
+    'const String=external;const classes=String.raw`[--ink:var(--text-body)]`',
+    "const classes=['[--ink:var(--text-body)]',runtime].join(' ')",
+  ]) {
+    const result = inspect({
+      [css]: '.label {color:var(--ink)}',
+      [ui]: `${code};export const View=()=> <span className={'[--ink:var(--text-body)] '+classes}/>`,
+    })
+    expect(result.findings.length + result.unchecked.length, code).toBeGreaterThan(0)
+  }
+  expect(
+    flagged({
+      [ui]: "const classes=['[--ink:var(--text-body)]','[--ink:hotpink]'].join(' ');export const View=()=> <span className={classes}/>",
+    }).length
+  ).toBeGreaterThan(0)
+})
+
+test('a global shadow must contain a complete shadow recipe, not just a named variable', () => {
+  for (const definition of ['8px', 'red', 'var(--text-body)', '0 0 2px var(--missing)']) {
+    const report = inspect({
+      [tokens]: `${globals}:root{--shadow-card:${definition}}`,
+      [ui]: 'export const A=()=> <span style={{boxShadow:"var(--shadow-card)"}}/>',
+    })
+    expect(report.verifiedUsages).toEqual([])
+    expect([...report.findings, ...report.unchecked].length).toBeGreaterThan(0)
+  }
+  expect(
+    inspect({
+      [tokens]: `${globals}:root{--shadow-card:0 1px 2px #000}`,
+      [ui]: 'export const A=()=> <span style={{boxShadow:"var(--shadow-card)"}}/>',
+    }).assignments.some((a) => a.name === 'box-shadow' && a.status === 'verified')
+  ).toBe(true)
+})
+
+test('unresolved layout-only aliases are not colour findings', () => {
+  const report = inspect({ [css]: '.label{--layout:var(--missing);width:var(--layout)}' })
+  expect(report.findings).toEqual([])
+  expect(report.unchecked.some((n) => n.file === css && n.reason.includes('--layout'))).toBe(true)
+  expect(flagged({ [css]: '.label{--ink:var(--missing);color:var(--ink)}' })).toHaveLength(1)
+})
+
+test('HSL channel tokens require a colour function at the visible sink', () => {
+  const global = { [tokens]: ':root{--background:0 0% 100%;--paint:hsl(var(--background))}' }
+  expect(flagged({ ...global, [css]: '.a{color:var(--background)}' })).toHaveLength(1)
+  expect(flagged({ ...global, [css]: '.a{color:hsl(var(--background))}' })).toEqual([])
+  expect(flagged({ ...global, [css]: '.a{color:var(--paint)}' })).toEqual([])
+  expect(
+    flagged({ ...global, [css]: '.a{--alias:var(--background);color:hsl(var(--alias))}' })
+  ).toEqual([])
+})
+
+test('imperative paint properties inspect literals, tokens and unresolved values', () => {
+  for (const statement of ['node.style.color=VALUE', "node.style.setProperty('color',VALUE)"]) {
+    expect(
+      flagged({
+        [ui]: `export function update(node){${statement.replace('VALUE', "'#ff00ff'")}}`,
+      }).some((f) => f.rule === 'central-colour-assignment')
+    ).toBe(true)
+    expect(
+      flagged({
+        [ui]: `export function update(node){${statement.replace('VALUE', "'var(--text-body)'")}}`,
+      })
+    ).toEqual([])
+    expect(
+      inspect({
+        [ui]: `export function update(node,value){${statement.replace('VALUE', 'value')}}`,
+      }).unchecked.length
+    ).toBeGreaterThan(0)
+  }
+})
+
+test('imperative neutral paint and border geometry do not become colour findings', () => {
+  for (const expression of [
+    "node.style.background='transparent'",
+    "node.style.background='none'",
+    "node.style.fill='none'",
+    "node.style.boxShadow='none'",
+    "node.style.border='0'",
+    "node.style.border='2px solid var(--text-body)'",
+  ]) {
+    expect(flagged({ [ui]: `export function update(node){${expression}}` })).toEqual([])
+  }
+  expect(
+    flagged({ [ui]: `export function update(node){node.style.border='2px solid #ff00ff'}` }).length
+  ).toBeGreaterThan(0)
+})
+
+test('none is not approved as a colour or a context-free local colour alias', () => {
+  for (const property of ['color', 'borderColor', 'backgroundColor', 'caretColor']) {
+    expect(
+      flagged({ [ui]: `export function update(node){node.style.${property}='none'}` })
+    ).not.toEqual([])
+  }
+  const result = inspect({ [css]: '.a{--paint:none;color:var(--paint)}' })
+  expect(result.variables.find((v) => v.name === '--paint')?.status).not.toBe('verified')
+  expect(result.unchecked.length + result.findings.length).toBeGreaterThan(0)
+})
+
+test('text decoration inspects its paint without treating line/style/thickness as colours', () => {
+  for (const value of [
+    'underline',
+    'underline dashed 2px',
+    'underline 2pt',
+    'underline 1Q',
+    'underline 2cqw',
+    'underline 1cap',
+    'none',
+    'underline var(--text-body)',
+  ])
+    expect(
+      flagged({
+        [ui]: `export function update(node){node.style.textDecoration=${JSON.stringify(value)}}`,
+      })
+    ).toEqual([])
+  expect(
+    flagged({ [ui]: "export function update(node){node.style.textDecoration='underline #ff00ff'}" })
+      .length
+  ).toBeGreaterThan(0)
+  expect(
+    inspect({ [ui]: 'export function update(node,paint){node.style.textDecoration=paint}' })
+      .unchecked.length
+  ).toBeGreaterThan(0)
+})
+
+test('CSS colour longhands inspect authored paint across standard and vendor properties', () => {
+  for (const property of [
+    'textEmphasisColor',
+    'columnRuleColor',
+    'floodColor',
+    'stopColor',
+    'WebkitTextFillColor',
+  ]) {
+    expect(
+      flagged({ [ui]: `export function update(node){node.style.${property}='#ff00ff'}` }).length
+    ).toBeGreaterThan(0)
+    expect(
+      flagged({ [ui]: `export function update(node){node.style.${property}='var(--text-body)'}` })
+    ).toEqual([])
+    expect(flagged({ [ui]: `export const data={${property}:'#ff00ff'}` })).toEqual([])
+  }
+})
diff --git a/scripts/check-design-conformance-command.test.ts b/scripts/check-design-conformance-command.test.ts
new file mode 100644
index 00000000000..c17739cff1e
--- /dev/null
+++ b/scripts/check-design-conformance-command.test.ts
@@ -0,0 +1,1314 @@
+import { spawnSync } from 'node:child_process'
+import { mkdirSync, mkdtempSync, readFileSync, rmSync, writeFileSync } from 'node:fs'
+import os from 'node:os'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { createElement } from 'react'
+import { renderToStaticMarkup } from 'react-dom/server'
+import { afterAll, expect, test } from 'vitest'
+import { findingFingerprint } from '#control-analysis/review-ledger'
+import { ciRefs, warningExitCode } from '#design-conformance/ci'
+import { repositoryRoot } from '#design-conformance/command'
+import { ConformanceLinter } from '#design-conformance/conformance'
+import { contractsHash, isRegistry } from '#design-conformance/contracts'
+import { compareGit, git } from '#design-conformance/io'
+import { hash, type Report, TOKEN_FILE } from '#design-conformance/model'
+import {
+  escapeAnnotation,
+  githubAnnotations,
+  githubSummary,
+  textReport,
+} from '#design-conformance/reporting'
+import { snapshotHash } from '#design-conformance/system-snapshot'
+
+const temp = mkdtempSync(path.join(os.tmpdir(), 'design-command-'))
+afterAll(() => rmSync(temp, { recursive: true, force: true }))
+const cli = fileURLToPath(new URL('./check-design-conformance.ts', import.meta.url))
+const generatorCli = fileURLToPath(new URL('./generate-design-contracts.ts', import.meta.url))
+const ci = fileURLToPath(new URL('./design-conformance/ci.ts', import.meta.url))
+const ui = 'apps/sim/components/example.tsx'
+
+function fixture() {
+  const repo = mkdtempSync(path.join(temp, 'repo-'))
+  mkdirSync(path.join(repo, path.dirname(TOKEN_FILE)), { recursive: true })
+  mkdirSync(path.join(repo, path.dirname(ui)), { recursive: true })
+  git(repo, ['init', '-q'])
+  writeFileSync(path.join(repo, TOKEN_FILE), ':root{--text-body:#434343}')
+  writeFileSync(path.join(repo, ui), 'const A=()=> <p className="text-[var(--text-body)]"/>')
+  writeFileSync(path.join(repo, 'README.md'), '# Fixture\n')
+  const base = commit(repo)
+  writeFileSync(path.join(repo, ui), 'const A=()=> <p className="text-[#434343]"/>')
+  const head = commit(repo)
+  return { repo, base, head }
+}
+
+function commit(repo: string) {
+  git(repo, ['add', '.'])
+  git(repo, [
+    '-c',
+    'user.name=Test',
+    '-c',
+    'user.email=test@example.invalid',
+    'commit',
+    '-qm',
+    'fixture',
+  ])
+  return git(repo, ['rev-parse', 'HEAD']).toString().trim()
+}
+
+function run(args: string[], entry = cli, env: NodeJS.ProcessEnv = {}, timeout?: number) {
+  return spawnSync('bun', ['--no-env-file', entry, ...args], {
+    cwd: temp,
+    encoding: 'utf8',
+    timeout,
+    env: { ...process.env, GITHUB_ACTIONS: 'false', ...env },
+  })
+}
+
+test('command defaults to the checkout repository and HEAD independently of the working directory', () => {
+  const child = run(['--base', 'HEAD', '--format', 'json'])
+  expect(child.status).toBe(0)
+  expect(JSON.parse(child.stdout).commits.head).toBe(
+    git(repositoryRoot, ['rev-parse', 'HEAD']).toString().trim()
+  )
+  expect(run([]).status).toBe(2)
+  expect(run(['--help']).stdout).toContain('--working-tree')
+}, 30_000)
+
+test('working-tree mode checks staged, unstaged and new product files without committing', () => {
+  const { repo, head } = fixture()
+  writeFileSync(path.join(repo, ui), 'const A=()=> <p className="text-[var(--text-body)]"/>')
+  git(repo, ['add', ui])
+  writeFileSync(path.join(repo, ui), 'const A=()=> <p className="text-[#123456]"/>')
+  const newFile = 'apps/sim/components/new.tsx'
+  writeFileSync(
+    path.join(repo, newFile),
+    'export const New=()=> <button className="text-[#123456]"/>'
+  )
+  const result = run(['--repo', repo, '--base', head, '--working-tree', '--format', 'json'])
+  expect(result.status).toBe(1)
+  const report = JSON.parse(result.stdout) as Report
+  expect(report.commits?.head).toMatch(/^working-tree:[a-f\d]{64}$/)
+  expect(report.findings.some((finding) => finding.file === ui)).toBe(true)
+  expect(report.findings.some((finding) => finding.file === newFile)).toBe(true)
+  expect(run(['--repo', repo, '--base', head, '--working-tree', '--head', 'HEAD']).status).toBe(2)
+  expect(run(['--repo', repo, '--base', head, '--head', 'HEAD']).status).toBe(0)
+})
+
+test('working-tree mode ignores unrelated tracked and untracked files', () => {
+  const { repo, head } = fixture()
+  mkdirSync(path.join(repo, 'tools'), { recursive: true })
+  writeFileSync(path.join(repo, 'tools/notes.txt'), 'Not product styling')
+  const result = run(['--repo', repo, '--base', head, '--working-tree', '--format', 'json'])
+  expect(result.status).toBe(0)
+  const report = JSON.parse(result.stdout) as Report
+  expect(report.status).toBe('completed')
+  expect(report.findings).toHaveLength(0)
+})
+test('longhand ownership and permissions preserve sibling properties through the real CLI', () => {
+  const { repo } = fixture()
+  const write = (file: string, source: string) => {
+    mkdirSync(path.dirname(path.join(repo, file)), { recursive: true })
+    writeFileSync(path.join(repo, file), source)
+  }
+  write('packages/emcn/src/index.ts', "export * from './components/example'")
+  write(
+    'packages/emcn/src/components/example.tsx',
+    `
+import type {HTMLAttributes} from 'react'
+declare function cn(...args:unknown[]):string
+/** @designAllow className padding-left */
+export function AllowedLeft({className,...props}:HTMLAttributes<HTMLDivElement>){return <div {...props} className={cn('p-2',className)}/>}
+/** @designProtect className padding-left */
+export function ProtectedLeft({className,...props}:HTMLAttributes<HTMLDivElement>){return <div {...props} className={className}/>}
+`
+  )
+  const base = commit(repo)
+  for (const [name, classes, expected] of [
+    ['AllowedLeft', 'pl-4', false],
+    ['AllowedLeft', 'pr-4', true],
+    ['AllowedLeft', 'p-4', true],
+    ['ProtectedLeft', 'pl-4', true],
+    ['ProtectedLeft', 'pr-4', false],
+    ['ProtectedLeft', 'p-4', true],
+  ] as const) {
+    write(ui, `import {${name}} from '@sim/emcn';const A=()=> <${name} className="${classes}"/>`)
+    const result = run(['--repo', repo, '--base', base, '--working-tree', '--format', 'json'])
+    expect([0, 1], result.stderr).toContain(result.status)
+    const report = JSON.parse(result.stdout) as Report
+    expect(
+      report.findings.some((finding) => finding.rule === 'component-chrome'),
+      `${name} ${classes}`
+    ).toBe(expected)
+  }
+  for (const classes of ['px-4', 'ps-4', '[padding-inline:20px]']) {
+    write(
+      ui,
+      `import {ProtectedLeft} from '@sim/emcn';const A=()=> <ProtectedLeft className="${classes}"/>`
+    )
+    const result = run(['--repo', repo, '--base', base, '--working-tree', '--format', 'json'])
+    expect([0, 1], result.stderr).toContain(result.status)
+    const report = JSON.parse(result.stdout) as Report
+    expect(
+      report.unchecked.some((note) => note.reason.includes('Writing-mode-dependent')),
+      classes
+    ).toBe(true)
+  }
+  write(
+    ui,
+    `import {ProtectedLeft} from '@sim/emcn';const A=()=> <ProtectedLeft className="[&_span]:ps-4"/>`
+  )
+  const descendant = run(['--repo', repo, '--base', base, '--working-tree', '--format', 'json'])
+  expect([0, 1], descendant.stderr).toContain(descendant.status)
+  expect(
+    (JSON.parse(descendant.stdout) as Report).unchecked.some((note) =>
+      note.reason.includes('Writing-mode-dependent')
+    )
+  ).toBe(false)
+}, 60_000)
+
+test.each([
+  ['overlapping rules', '.a{color:red}.b{color:blue}', '.b{color:blue}.a{color:red}', true],
+  [
+    'nested overlapping rules',
+    '@media(min-width:1px){.a{color:red}.b{color:blue}}',
+    '@media(min-width:1px){.b{color:blue}.a{color:red}}',
+    true,
+  ],
+  [
+    'shorthand overlap',
+    '.a{padding:1px}.b{padding-top:2px}',
+    '.b{padding-top:2px}.a{padding:1px}',
+    true,
+  ],
+  [
+    'disjoint element types',
+    'button{color:red}input{color:blue}',
+    'input{color:blue}button{color:red}',
+    false,
+  ],
+  ['independent properties', '.a{color:red}.b{padding:1px}', '.b{padding:1px}.a{color:red}', false],
+  [
+    'unequal importance',
+    '.a{color:red!important}.b{color:blue}',
+    '.b{color:blue}.a{color:red!important}',
+    false,
+  ],
+  [
+    'ordinary layout and interaction',
+    '.a{top:0;cursor:pointer}.b{left:0}',
+    '.b{left:7px}.a{cursor:wait;top:2px}',
+    false,
+  ],
+] as const)(
+  'anonymous layer source precedence survives the real CLI: %s',
+  (_name, before, after, notify) => {
+    const { repo } = fixture()
+    writeFileSync(path.join(repo, TOKEN_FILE), `@layer{${before}}`)
+    const base = commit(repo)
+    writeFileSync(path.join(repo, TOKEN_FILE), `@layer{${after}}`)
+    const result = run(['--repo', repo, '--base', base, '--working-tree', '--format', 'json'])
+    expect([0, 1], result.stderr).toContain(result.status)
+    const report = JSON.parse(result.stdout) as Report
+    expect(report.status).toBe('completed')
+    expect(
+      report.findings.some(
+        (finding) => finding.kind === 'system-change' && finding.file === TOKEN_FILE
+      ),
+      result.stdout
+    ).toBe(notify)
+  }
+)
+
+test('anonymous layer precedence limits remain explicit through the real CLI', () => {
+  const { repo } = fixture()
+  const rules = Array.from(
+    { length: 257 },
+    (_, index) => `.c${index}{color:${index % 2 ? 'red' : 'blue'}}`
+  )
+  writeFileSync(path.join(repo, TOKEN_FILE), `@layer{${rules.join('')}}`)
+  const base = commit(repo)
+  writeFileSync(path.join(repo, TOKEN_FILE), `@layer{${rules.reverse().join('')}}`)
+  const result = run(['--repo', repo, '--base', base, '--working-tree', '--format', 'json'])
+  expect([0, 1], result.stderr).toContain(result.status)
+  const report = JSON.parse(result.stdout) as Report
+  expect(report.status).toBe('completed')
+  expect(
+    report.unchecked.some((note) =>
+      note.reason.includes('256-entry layer precedence comparison limit')
+    )
+  ).toBe(true)
+})
+
+test.each([
+  ['null', 'cn', 'null', false],
+  ['zero', 'clsx', '0', false],
+  ['empty string', 'cn', "''", false],
+  ['false', 'clsx', 'false', false],
+  ['signed zero', 'cn', '-0', false],
+  ['bigint zero', 'clsx', '0n', false],
+  ['typed null', 'cn', '(null as unknown)', false],
+  ['empty template', 'clsx', '``', false],
+  ['void expression', 'cn', 'void unknownInput()', false],
+  ['negated true', 'clsx', '!true', false],
+  ['true', 'cn', 'true', true],
+  ['nonzero number', 'clsx', '1', true],
+  ['nonempty string', 'cn', "'enabled'", true],
+  ['object', 'clsx', '{}', true],
+  ['dynamic', 'cn', 'active', true],
+] as const)(
+  'class map enablement follows clsx truthiness through the real CLI: %s',
+  (_name, helper, value, notify) => {
+    const { repo } = fixture()
+    writeFileSync(path.join(repo, ui), 'const A=()=> <p>Text</p>')
+    const base = commit(repo)
+    const imports = helper === 'cn' ? "import {cn} from '@sim/emcn'" : "import clsx from 'clsx'"
+    writeFileSync(
+      path.join(repo, ui),
+      `${imports};const A=()=> <p className={${helper}({'text-[#123456]':${value}})}>Text</p>`
+    )
+    const result = run(['--repo', repo, '--base', base, '--working-tree', '--format', 'json'])
+    expect([0, 1], result.stderr).toContain(result.status)
+    const report = JSON.parse(result.stdout) as Report
+    expect(report.status).toBe('completed')
+    expect(
+      report.findings.some((finding) => finding.file === ui),
+      result.stdout
+    ).toBe(notify)
+  }
+)
+
+test.each([
+  ['static falsy values', "{'p-2':null,'rounded-lg':0,'font-bold':'','border-2':false}", []],
+  ['truthy string value', "{'bg-red-500':'text-[37px]'}", ['background-color']],
+  ['dynamic value', "{'p-2':active}", ['padding']],
+] as const)(
+  'source metadata follows class map enablement through the generator CLI: %s',
+  (_name, map, protectedProperties) => {
+    const { repo } = fixture()
+    const write = (file: string, source: string) => {
+      mkdirSync(path.dirname(path.join(repo, file)), { recursive: true })
+      writeFileSync(path.join(repo, file), source)
+    }
+    write('packages/emcn/src/index.ts', "export * from './components/example'")
+    write(
+      'packages/emcn/src/components/example.tsx',
+      `
+import type {HTMLAttributes} from 'react'
+declare function cn(...args:unknown[]):string
+declare const active:boolean
+export function Example({className,...props}:HTMLAttributes<HTMLDivElement>){return <div {...props} className={cn(${map},className)}/>}
+throw new Error('Product source must not execute')
+`
+    )
+    const result = run(['--repo', repo], generatorCli)
+    expect(result.status, result.stderr).toBe(0)
+    const metadata = JSON.parse(
+      readFileSync(path.join(repo, 'scripts/design-conformance/contracts.generated.json'), 'utf8')
+    )
+    expect(metadata.exports.Example.slots.className.protected).toEqual(protectedProperties)
+  }
+)
+
+test.each([
+  [
+    'Boolean class map',
+    "{'bg-red-500':true}",
+    "{'bg-blue-500':true}",
+    'cn(paintStyles)',
+    'paintStyles',
+    true,
+    false,
+  ],
+  [
+    'truthy string class map',
+    "{'bg-red-500':'enabled'}",
+    "{'bg-blue-500':'enabled'}",
+    'cn(paintStyles)',
+    'paintStyles',
+    true,
+    false,
+  ],
+  [
+    'nested class map',
+    "{tone:{'bg-red-500':true}}",
+    "{tone:{'bg-blue-500':true}}",
+    'cn(paintStyles.tone)',
+    'paintStyles',
+    true,
+    false,
+  ],
+  [
+    'class map without styling suffix',
+    "{'bg-red-500':true}",
+    "{'bg-blue-500':true}",
+    'cn(palette)',
+    'palette',
+    true,
+    false,
+  ],
+  [
+    'falsy class map',
+    "{'bg-red-500':false,'rounded-lg':0,'p-2':null,'text-red-500':''}",
+    "{'bg-blue-500':false,'rounded-xl':0,'p-4':null,'text-blue-500':''}",
+    'cn(paintStyles)',
+    'paintStyles',
+    false,
+    false,
+  ],
+  [
+    'variant string value',
+    "{primary:'bg-red-500'}",
+    "{primary:'bg-blue-500'}",
+    'cn(paintStyles.primary)',
+    'paintStyles',
+    true,
+    false,
+  ],
+  [
+    'nested variant value',
+    "{tone:{primary:'bg-red-500'}}",
+    "{tone:{primary:'bg-blue-500'}}",
+    'cn(paintStyles.tone.primary)',
+    'paintStyles',
+    true,
+    false,
+  ],
+  [
+    'CVA variant table',
+    "{tone:{primary:'bg-red-500'}}",
+    "{tone:{primary:'bg-blue-500'}}",
+    "cva('',{variants:paintStyles})()",
+    'paintStyles',
+    true,
+    false,
+  ],
+  [
+    'exported string',
+    "'bg-red-500'",
+    "'bg-blue-500'",
+    'cn(paintStyles)',
+    'paintStyles',
+    true,
+    false,
+  ],
+  [
+    'data-only object',
+    "{message:'bg-red-500'}",
+    "{message:'bg-blue-500'}",
+    'JSON.stringify(paintStyles)',
+    'paintStyles',
+    false,
+    true,
+  ],
+  [
+    'shadowed data object',
+    "{message:'bg-red-500'}",
+    "{message:'bg-blue-500'}",
+    '<shadowed>',
+    'paintStyles',
+    false,
+    true,
+  ],
+  [
+    'unknown object consumer',
+    "{primary:'bg-red-500'}",
+    "{primary:'bg-blue-500'}",
+    'unknownClasses(paintStyles)',
+    'paintStyles',
+    false,
+    true,
+  ],
+] as const)(
+  'source-only exported styling changes follow unchanged class consumers through the real CLI: %s',
+  (_name, before, after, use, exported, notify, unchecked) => {
+    const { repo } = fixture()
+    const sourceFile = 'packages/emcn/src/lib/styles.ts'
+    const consumerFile = 'packages/emcn/src/components/consumer.tsx'
+    const write = (file: string, source: string) => {
+      mkdirSync(path.dirname(path.join(repo, file)), { recursive: true })
+      writeFileSync(path.join(repo, file), source)
+    }
+    write('packages/emcn/src/index.ts', `export {${exported}} from './lib/styles'`)
+    const shadow =
+      use === '<shadowed>'
+        ? ";declare function cva(value:unknown):unknown;function Local(){const paintStyles={'p-2':true};return cva(paintStyles)}"
+        : ''
+    write(sourceFile, `export const ${exported}=${before} as const${shadow}`)
+    write(
+      consumerFile,
+      `import {${exported}} from '../lib/styles';declare function cn(...v:unknown[]):string;declare function unknownClasses(v:unknown):string;declare function cva(base:string,config:unknown):()=>string;${use === '<shadowed>' ? "const Consumer=()=> {const paintStyles={'p-2':true};return <div className={cn(paintStyles)}/>}" : `const Consumer=()=> <div className={${use}}/>`}`
+    )
+    write(
+      ui,
+      `import {${exported},cn} from '@sim/emcn';const A=()=> <div className={cn(${exported})}/>`
+    )
+    const base = commit(repo)
+    write(sourceFile, `export const ${exported}=${after} as const${shadow}`)
+    const child = run(['--repo', repo, '--base', base, '--working-tree', '--format', 'json'])
+    expect([0, 1], child.stderr).toContain(child.status)
+    const report = JSON.parse(child.stdout) as Report
+    expect(report.status, child.stdout).toBe('completed')
+    expect(git(repo, ['diff', '--name-only', base]).toString().trim()).toBe(sourceFile)
+    expect(
+      report.findings.some(
+        (finding) => finding.file === sourceFile && finding.property === 'background-color'
+      ),
+      child.stdout
+    ).toBe(notify)
+    expect(
+      report.findings.filter((finding) => finding.file === sourceFile),
+      child.stdout
+    ).toHaveLength(notify ? 1 : 0)
+    expect(
+      report.unchecked.some(
+        (note) => note.file === sourceFile && /object.*class.*unchecked/i.test(note.reason)
+      ),
+      child.stdout
+    ).toBe(unchecked)
+  }
+)
+
+test.each([
+  [
+    'inline variant change',
+    '',
+    "{variants:{size:{small:'bg-red-500'}}}",
+    "{variants:{size:{small:'bg-blue-500'}}}",
+    true,
+    false,
+  ],
+  [
+    'local const config',
+    "const config={variants:{size:{small:'bg-red-500'}}} as const;",
+    'config',
+    'config',
+    true,
+    false,
+  ],
+  [
+    'local config alias',
+    "const original={variants:{size:{small:'bg-red-500'}}};const config=(original as typeof original);",
+    'config',
+    'config',
+    true,
+    false,
+  ],
+  [
+    'compound literal array',
+    '',
+    "{compoundVariants:[{size:['small'],class:'rounded-lg'}]}",
+    "{compoundVariants:[{size:['large'],class:'rounded-lg'}]}",
+    true,
+    false,
+  ],
+  [
+    'compound array alias',
+    "const sizes=['small'] as const;",
+    "{compoundVariants:[{'size':sizes,class:'rounded-lg'}]}",
+    "{compoundVariants:[{'size':sizes,class:'rounded-lg'}]}",
+    true,
+    false,
+  ],
+  [
+    'compound array order',
+    '',
+    "{compoundVariants:[{size:['small','large'],class:'rounded-lg'}]}",
+    "{compoundVariants:[{size:['large','small'],class:'rounded-lg'}]}",
+    false,
+    false,
+  ],
+  ['opaque configuration', '', 'loadConfig()', 'otherConfig()', false, true],
+  [
+    'mutated configuration',
+    "const config={variants:{size:{small:'bg-red-500'}}};const escaped=(config as typeof config);escaped.variants.size.small=external;",
+    'config',
+    'config',
+    false,
+    true,
+  ],
+  [
+    'opaque compound condition',
+    '',
+    "{compoundVariants:[{size:[current],class:'rounded-lg'}]}",
+    "{compoundVariants:[{size:[other],class:'rounded-lg'}]}",
+    false,
+    true,
+  ],
+  [
+    'compound array limit',
+    '',
+    `{compoundVariants:[{size:[${Array(65).fill("'small'").join(',')}],class:'rounded-lg'}]}`,
+    `{compoundVariants:[{size:[${Array(65).fill("'large'").join(',')}],class:'rounded-lg'}]}`,
+    false,
+    true,
+  ],
+] as const)(
+  'source-only CVA config and compound evidence survives the real CLI: %s',
+  (name, declarations, beforeConfig, afterConfig, notify, unchecked) => {
+    const { repo } = fixture()
+    const sourceFile = 'packages/emcn/src/components/recipe.ts'
+    const write = (file: string, source: string) => {
+      mkdirSync(path.dirname(path.join(repo, file)), { recursive: true })
+      writeFileSync(path.join(repo, file), source)
+    }
+    write('packages/emcn/src/index.ts', "export {recipe} from './components/recipe'")
+    const source = (config: string, after: boolean) =>
+      `import {cva} from 'class-variance-authority';${after ? declarations.replace('bg-red-500', 'bg-blue-500').replace("['small']", "['large']").replace('=external', '=other') : declarations}export const recipe=cva('p-2',${config.replace('{compoundVariants:', "{variants:{size:{small:'',large:''}},compoundVariants:")});throw new Error('Source must not execute')`
+    write(sourceFile, source(beforeConfig, false))
+    write(
+      ui,
+      "import {recipe} from '@sim/emcn';const A=()=> <div className={recipe({size:'small'})}/>"
+    )
+    const base = commit(repo)
+    write(sourceFile, source(afterConfig, true))
+    const child = run(['--repo', repo, '--base', base, '--working-tree', '--format', 'json'])
+    expect([0, 1], child.stderr).toContain(child.status)
+    const report = JSON.parse(child.stdout) as Report
+    expect(report.status, child.stdout).toBe('completed')
+    expect(
+      report.findings.some(
+        (finding) => finding.file === sourceFile && finding.rule === 'central-definition'
+      ),
+      child.stdout
+    ).toBe(notify)
+    expect(
+      report.unchecked.some(
+        (note) => note.file === sourceFile && /CVA.*unchecked|unchecked.*CVA/i.test(note.reason)
+      ),
+      child.stdout
+    ).toBe(unchecked)
+    if (name === 'compound literal array' || name === 'compound array alias')
+      expect(
+        report.findings.some(
+          (finding) =>
+            finding.file === sourceFile &&
+            finding.context.includes('compound:') &&
+            finding.context.includes('large')
+        ),
+        child.stdout
+      ).toBe(true)
+  }
+)
+
+test('nested CVA condition arrays finish within the real CLI timeout and remain unchecked', () => {
+  const { repo } = fixture()
+  const sourceFile = 'packages/emcn/src/components/recipe.ts'
+  const write = (file: string, source: string) => {
+    mkdirSync(path.dirname(path.join(repo, file)), { recursive: true })
+    writeFileSync(path.join(repo, file), source)
+  }
+  write('packages/emcn/src/index.ts', "export {recipe} from './components/recipe'")
+  const source = (leaf: string) => {
+    let nested = JSON.stringify(leaf)
+    for (let depth = 0; depth < 3; depth++) nested = `[${Array(32).fill(nested).join(',')}]`
+    const compound = `{size:[${Array(64).fill('nested').join(',')}],class:'rounded-lg'}`
+    return `import {cva} from 'class-variance-authority';const nested=${nested};export const recipe=cva('p-2',{variants:{size:{small:'',large:''}},compoundVariants:[${Array(24).fill(compound).join(',')}]});throw Error('Source must not execute')`
+  }
+  write(sourceFile, source('small'))
+  const base = commit(repo)
+  write(sourceFile, source('large'))
+  const child = run(
+    ['--repo', repo, '--base', base, '--working-tree', '--format', 'json'],
+    cli,
+    {},
+    15000
+  )
+  expect(
+    child.error,
+    `CLI must finish before its subprocess timeout: ${child.error?.message}`
+  ).toBeUndefined()
+  expect(child.status, child.stderr).toBe(0)
+  const report = JSON.parse(child.stdout) as Report
+  expect(report.status).toBe('completed')
+  expect(report.findings.filter((finding) => finding.file === sourceFile)).toHaveLength(0)
+  expect(
+    report.unchecked.some(
+      (note) =>
+        note.file === sourceFile && note.reason.startsWith('CVA compound condition is unchecked')
+    )
+  ).toBe(true)
+}, 25_000)
+
+test.each([
+  ['grid line integer', 'gridColumnStart', 'grid-column-start', '1', 1, ''],
+  ['grid row integer', 'gridRowEnd', 'grid-row-end', '3', 3, ''],
+  ['animation count', 'animationIterationCount', 'animation-iteration-count', '2', 2, ''],
+  ['border image ratio', 'borderImageSlice', 'border-image-slice', '2', 2, ''],
+  ['vendor line clamp', 'WebkitLineClamp', '-webkit-line-clamp', '2', 2, ''],
+  ['font weight', 'fontWeight', 'font-weight', '600', 600, ''],
+  ['ordinary dimension', 'width', 'width', '1', 1, ''],
+  ['numeric string dimension', 'width', 'width', "'1'", '1', ''],
+  ['numeric alias dimension', 'height', 'height', 'size', 4, 'const size=4;'],
+  ['string member dimension', 'height', 'height', 'sizes.small', '4', "const sizes={small:'4'};"],
+  ['typed grid alias', 'gridColumnEnd', 'grid-column-end', 'line', 2, 'const line=2 as const;'],
+  ['numeric custom variable', '--reserve', '--reserve', '1', 1, ''],
+] as const)(
+  'React numeric style serialization survives the real CLI: %s',
+  (_name, property, cssProperty, value, runtimeValue, prefix) => {
+    const { repo } = fixture()
+    writeFileSync(path.join(repo, ui), 'const A=()=> <button/>')
+    const base = commit(repo)
+    writeFileSync(
+      path.join(repo, ui),
+      `${prefix}const A=()=> <button style={{'${property}':${value}}}/>`
+    )
+    const result = run([
+      '--repo',
+      repo,
+      '--base',
+      base,
+      '--working-tree',
+      '--policy',
+      'appearance',
+      '--format',
+      'json',
+    ])
+    expect(result.status, result.stderr).toBe(1)
+    const report = JSON.parse(result.stdout) as Report
+    expect(report.status).toBe('completed')
+    const rendered = renderToStaticMarkup(
+      createElement('button', { style: { [property]: runtimeValue } })
+    )
+    const reactValue = rendered.match(/style="[^:"]+:([^"]*)"/)?.[1]
+    expect(reactValue).toBeTypeOf('string')
+    expect(report.findings.find((finding) => finding.property === cssProperty)?.value).toBe(
+      JSON.stringify([reactValue])
+    )
+  }
+)
+
+test('central numeric-looking style references keep their scalar type ambiguity explicit through the real CLI', () => {
+  const { repo } = fixture()
+  mkdirSync(path.join(repo, 'packages/emcn/src'), { recursive: true })
+  writeFileSync(path.join(repo, 'packages/emcn/src/index.ts'), 'export const dimension=3')
+  writeFileSync(path.join(repo, ui), 'const A=()=> <button/>')
+  const base = commit(repo)
+  writeFileSync(
+    path.join(repo, ui),
+    "import {dimension} from '@sim/emcn';const A=()=> <button style={{width:dimension}}/>"
+  )
+  const result = run(['--repo', repo, '--base', base, '--working-tree', '--format', 'json'])
+  expect([0, 1], result.stderr).toContain(result.status)
+  const report = JSON.parse(result.stdout) as Report
+  expect(report.status).toBe('completed')
+  expect(
+    report.unchecked.some((note) =>
+      note.reason.includes('Central numeric-looking style value has unknown scalar type')
+    )
+  ).toBe(true)
+})
+
+test('working-tree mode includes a changed central contract registry', () => {
+  const { repo } = fixture()
+  const file = 'scripts/design-conformance/contracts.json'
+  mkdirSync(path.join(repo, path.dirname(file)), { recursive: true })
+  writeFileSync(path.join(repo, file), '{"version":1}\n')
+  const base = commit(repo)
+  writeFileSync(path.join(repo, file), '{"version":2}\n')
+  const result = run(['--repo', repo, '--base', base, '--working-tree', '--format', 'json'])
+  expect(result.status).toBe(1)
+  const report = JSON.parse(result.stdout) as Report
+  expect(report.findings.some((finding) => finding.file === file)).toBe(true)
+})
+
+test.each(['before', 'after', 'rename', 'invalid-base', 'invalid-head', 'unresolved'])(
+  'central inspection coverage preserves the CLI failure boundary: %s',
+  (scenario) => {
+    const { repo } = fixture()
+    const file = 'packages/emcn/src/components/view.tsx'
+    const renamed = 'packages/emcn/src/components/moved-view.tsx'
+    const valid = 'const View=()=> <div/>'
+    const extractionFailure =
+      "import {constructor} from '../index';const View=()=> <div className={constructor}/>"
+    const malformed = 'const View=()=> <div className={'
+    const write = (name: string, source: string) => {
+      mkdirSync(path.dirname(path.join(repo, name)), { recursive: true })
+      writeFileSync(path.join(repo, name), source)
+    }
+    write(ui, valid)
+    write('packages/emcn/src/index.ts', 'export {}')
+    write(
+      file,
+      scenario === 'invalid-base'
+        ? malformed
+        : ['before', 'rename'].includes(scenario)
+          ? extractionFailure
+          : valid
+    )
+    const base = commit(repo)
+    if (scenario === 'rename') git(repo, ['mv', file, renamed])
+    else
+      write(
+        file,
+        scenario === 'invalid-head'
+          ? malformed
+          : scenario === 'after'
+            ? extractionFailure
+            : scenario === 'unresolved'
+              ? "import {missing} from '../index';const View=()=> <div className={missing}/>"
+              : valid
+      )
+    const head = commit(repo)
+    const child = run(['--repo', repo, '--base', base, '--head', head, '--format', 'json'])
+    const report = JSON.parse(child.stdout) as Report
+    expect(child.status, child.stdout).toBe(scenario === 'unresolved' ? 0 : 2)
+    expect(report.status).toBe(scenario === 'unresolved' ? 'completed' : 'failed')
+    expect(report.flagged).toBe(scenario === 'unresolved' ? false : null)
+    if (['before', 'after', 'rename'].includes(scenario)) {
+      const expected =
+        scenario === 'rename'
+          ? [
+              { file, side: 'before' },
+              { file: renamed, side: 'after' },
+            ]
+          : [{ file, side: scenario }]
+      expect(report.coverageFailures).toHaveLength(expected.length)
+      expect(report.coverageFailures).toEqual(
+        expect.arrayContaining(
+          expected.map((origin) =>
+            expect.objectContaining({
+              ...origin,
+              reason: expect.stringMatching(/^Extraction failure:/),
+            })
+          )
+        )
+      )
+      expect(report.unchecked).toEqual(
+        expect.arrayContaining(
+          expected.map((origin) =>
+            expect.objectContaining({
+              ...origin,
+              reason: expect.stringMatching(/^Extraction failure:/),
+            })
+          )
+        )
+      )
+    } else if (scenario === 'unresolved') {
+      expect(report.coverageFailures).toEqual([])
+      expect(
+        report.unchecked.some((note) => note.reason.includes('Imported styling input is unchecked'))
+      ).toBe(true)
+    } else expect(report.error).toMatch(/parser failure|Extraction failure/i)
+  },
+  30_000
+)
+
+test('text, JSON and output files preserve finding identity and normal command exit codes', () => {
+  const { repo, base, head } = fixture()
+  const args = ['--repo', repo, '--base', base]
+  const out = path.join(temp, 'finding.json')
+  const human = run([...args, '--output', out])
+  expect(human.status).toBe(1)
+  expect(human.stdout).toContain('Product findings')
+  expect(human.stdout).toContain('permitted:')
+  expect(human.stdout).toContain(`${ui}:`)
+  const json = run([...args, '--format', 'json'])
+  expect(json.status).toBe(1)
+  expect(JSON.parse(json.stdout)).toEqual(JSON.parse(readFileSync(out, 'utf8')))
+  expect(JSON.parse(json.stdout).commits.head).toBe(head)
+  expect(run([...args, '--head', base]).status).toBe(0)
+  expect(run([...args, '--format', 'invalid']).status).toBe(2)
+  expect(run([...args, '--output', path.join(temp, 'missing/report.json')]).status).toBe(2)
+})
+
+test.each([
+  {
+    label: 'landing tokens in sibling JSX attributes',
+    file: ui,
+    rule: 'central-token',
+    source: (count: number) =>
+      `export const View=()=> <div>${'<span className="rounded-[var(--landing-radius)]"/>'.repeat(count)}</div>`,
+  },
+  {
+    label: 'landing tokens within one JSX literal',
+    file: ui,
+    rule: 'central-token',
+    source: (count: number) =>
+      `export const View=()=> <span style={{borderRadius:'${'var(--landing-radius) '.repeat(count)}'}}/>`,
+  },
+  {
+    label: 'landing tokens in sibling CSS declarations',
+    file: 'apps/sim/components/example.css',
+    rule: 'central-token',
+    source: (count: number) =>
+      `.product { ${'border-radius:var(--landing-radius);'.repeat(count)} }`,
+  },
+  {
+    label: 'landing tokens within one CSS declaration',
+    file: 'apps/sim/components/example.css',
+    rule: 'central-token',
+    source: (count: number) =>
+      `.product { border-radius:${'var(--landing-radius) '.repeat(count)}; }`,
+  },
+  {
+    label: 'central colours in sibling theme calls',
+    file: ui,
+    rule: 'central-colour',
+    source: (count: number, observations = 1) =>
+      `export function View(){${Array.from(
+        { length: count },
+        (_, index) =>
+          `const colors${index}={'editor.background':'#123456'};${`productTheme.editor.defineTheme('local',{colors:colors${index}});`.repeat(observations)}`
+      ).join('')}}`,
+  },
+  {
+    label: 'central colours within rendered HTML CSS',
+    file: ui,
+    rule: 'central-colour',
+    source: (count: number, observations = 1) =>
+      `export function View(){const html=\`<style>.product { ${'color:#123456;'.repeat(count)} }</style>\`;${"new Blob([html],{type:'text/html'});".repeat(observations)}}`,
+  },
+])(
+  'the real CLI counts $label without treating line shifts as debt',
+  ({ file, rule, source }) => {
+    const { repo } = fixture()
+    mkdirSync(path.dirname(path.join(repo, file)), { recursive: true })
+    writeFileSync(path.join(repo, ui), 'export const View=()=> <span/>')
+    const clean = commit(repo)
+    writeFileSync(path.join(repo, file), source(1))
+    const base = commit(repo)
+    writeFileSync(path.join(repo, file), source(3))
+    const head = commit(repo)
+    const compare = (before: string, after: string) => {
+      const child = run(['--repo', repo, '--base', before, '--head', after, '--format', 'json'])
+      const report = JSON.parse(child.stdout) as Report
+      expect(report.status, report.error).toBe('completed')
+      return { child, report, findings: report.findings.filter((finding) => finding.rule === rule) }
+    }
+    const added = compare(base, head)
+    expect(added.child.status).toBe(1)
+    expect(added.findings).toHaveLength(2)
+    expect(
+      githubAnnotations(added.report).filter((annotation) => annotation.includes(`file=${file},`))
+    ).toHaveLength(2)
+    const all = compare(clean, head)
+    expect(all.findings).toHaveLength(3)
+    expect(
+      new Set(all.findings.map((finding) => ('id' in finding ? finding.id : undefined))).size
+    ).toBe(3)
+    expect(new Set(all.findings.map((finding) => finding.identity)).size).toBe(1)
+    if (rule === 'central-colour') {
+      writeFileSync(path.join(repo, file), source(3, 2))
+      const observedAgain = commit(repo)
+      expect(compare(head, observedAgain).child.status).toBe(0)
+    }
+    writeFileSync(path.join(repo, file), `\n\n${source(3)}`)
+    const shifted = commit(repo)
+    expect(compare(head, shifted).child.status).toBe(0)
+    expect(compare(shifted, base).child.status).toBe(0)
+  },
+  30_000
+)
+
+test('external review decisions annotate but never remove a diff finding', () => {
+  const { repo, base } = fixture()
+  const args = ['--repo', repo, '--base', base, '--format', 'json']
+  const raw = JSON.parse(run(args).stdout) as Report
+  const reviews = path.join(temp, 'reviews.json')
+  const decision = JSON.stringify({
+    version: '1.0.0',
+    entries: [
+      {
+        fingerprint: findingFingerprint(raw.findings[0]),
+        status: 'retained-extra',
+        rationale: 'Reviewed test treatment',
+        evidence: '/external/review',
+      },
+    ],
+  })
+  writeFileSync(reviews, decision)
+  const annotated = JSON.parse(run([...args, '--reviews', reviews]).stdout) as Report
+  expect(annotated.findings).toEqual(raw.findings)
+  expect(annotated.reviewDecisions?.matches).toHaveLength(1)
+  const internal = path.join(repo, 'reviews.json')
+  writeFileSync(internal, decision)
+  expect(run([...args, '--reviews', internal]).status).toBe(2)
+})
+
+test('landing and docs edits stay out of the diff while product reuse restores helper checks', () => {
+  const repo = mkdtempSync(path.join(temp, 'scope-'))
+  git(repo, ['init', '-q'])
+  const write = (file: string, text: string) => {
+    mkdirSync(path.dirname(path.join(repo, file)), { recursive: true })
+    writeFileSync(path.join(repo, file), text)
+  }
+  const mdx = 'apps/sim/lib/content/mdx.tsx'
+  const landing = 'apps/sim/app/(landing)/page.tsx'
+  const docs = 'apps/docs/app/page.tsx'
+  const simDocs = 'apps/sim/app/(docs)/page.tsx'
+  write(TOKEN_FILE, ':root{--text-body:#434343}')
+  write(mdx, 'export const mdxComponents={code:()=> <code className="rounded-[4px] text-[19px]"/>}')
+  write(
+    landing,
+    'import {mdxComponents} from "@/lib/content/mdx"; export const Page=()=> <p>Landing</p>'
+  )
+  write(docs, 'export const Page=()=> <p className="text-[#123456]">Docs</p>')
+  write(simDocs, 'export const Page=()=> <p className="text-[#123456]">Docs</p>')
+  const base = commit(repo)
+  write(mdx, 'export const mdxComponents={code:()=> <code className="rounded-[5px] text-[20px]"/>}')
+  write(
+    landing,
+    'import {mdxComponents} from "@/lib/content/mdx"; export const Page=()=> <p className="text-[#123456]">Landing</p>'
+  )
+  write(docs, 'export const Page=()=> <p className="text-[#abcdef]">Docs</p>')
+  write(simDocs, 'export const Page=()=> <p className="text-[#abcdef]">Docs</p>')
+  const landingHead = commit(repo)
+  const scoped = run(['--repo', repo, '--base', base, '--format', 'json'])
+  expect(scoped.status).toBe(0)
+  expect((JSON.parse(scoped.stdout) as Report).findings).toEqual([])
+
+  write(
+    'apps/sim/components/product.tsx',
+    'import {mdxComponents} from "@/lib/content/mdx"; export const Product=()=> <div>{mdxComponents.code()}</div>'
+  )
+  write(mdx, 'export const mdxComponents={code:()=> <code className="rounded-[6px] text-[21px]"/>}')
+  commit(repo)
+  const mixed = run(['--repo', repo, '--base', landingHead, '--format', 'json'])
+  expect(mixed.status).toBe(0)
+  const mixedReport = JSON.parse(mixed.stdout) as Report
+  expect(mixedReport.findings.some((finding) => finding.file === mdx)).toBe(false)
+  expect(
+    mixedReport.unchecked.some(
+      (note) =>
+        note.file === 'apps/sim/components/product.tsx' &&
+        note.reason.includes('excluded landing source')
+    )
+  ).toBe(true)
+})
+
+test('CI tolerates genuine findings and preserves the report, but fails missing revisions and central inputs', () => {
+  const { repo, base } = fixture()
+  const summary = path.join(temp, 'summary.md')
+  const child = run(['--repo', repo, '--base', base], ci, {
+    GITHUB_ACTIONS: 'true',
+    GITHUB_STEP_SUMMARY: summary,
+  })
+  expect(child.status).toBe(0)
+  expect(child.stdout).toContain('findings reported')
+  expect(child.stderr).toContain('::warning file=')
+  expect(readFileSync(summary, 'utf8')).toContain('Warning-only rollout')
+  expect(run(['--repo', repo, '--base', 'missing'], ci).status).toBe(2)
+  rmSync(path.join(repo, TOKEN_FILE))
+  const noCentral = commit(repo)
+  expect(run(['--repo', repo, '--base', noCentral, '--head', noCentral], ci).status).toBe(2)
+})
+
+test.each([
+  { label: 'parser failure', source: 'const A=()=> <p className={', reason: 'Parser failure' },
+  {
+    label: 'source limit',
+    source: ' '.repeat(2 * 1024 * 1024 + 1),
+    reason: 'Source exceeds the 2 MiB parsing limit',
+  },
+])('changed product inspection failures fail the comparison: $label', ({ source, reason }) => {
+  const { repo, head: base } = fixture()
+  writeFileSync(path.join(repo, ui), source)
+  commit(repo)
+  const args = ['--repo', repo, '--base', base]
+  const output = path.join(repo, 'report.json')
+  const human = run([...args, '--output', output])
+  expect(human.status).toBe(2)
+  expect(human.stderr).toContain('comparison incomplete')
+  const report: Report = JSON.parse(readFileSync(output, 'utf8'))
+  expect(report.status).toBe('failed')
+  expect(report.flagged).toBe(null)
+  expect(report.findings).toEqual([])
+  expect(report.coverageFailures).toEqual(
+    expect.arrayContaining([
+      expect.objectContaining({ file: ui, side: 'after', reason: expect.stringContaining(reason) }),
+    ])
+  )
+  expect(report.unchecked).toEqual(
+    expect.arrayContaining([
+      expect.objectContaining({ file: ui, side: 'after', reason: expect.stringContaining(reason) }),
+    ])
+  )
+  const summary = path.join(repo, 'summary.md')
+  const child = run(args, ci, { GITHUB_ACTIONS: 'true', GITHUB_STEP_SUMMARY: summary })
+  expect(child.status).toBe(2)
+  expect(child.stderr).toContain('comparison incomplete')
+  const markdown = readFileSync(summary, 'utf8')
+  expect(markdown).toContain('Operational failure')
+})
+
+test.each([
+  [0, null, { status: 'completed', flagged: false, findings: [] }, 0],
+  [1, null, { status: 'completed', flagged: true, findings: [{}] }, 0],
+  [1, null, undefined, 2],
+  [1, null, { status: 'failed', flagged: null, findings: [] }, 2],
+  [0, null, { status: 'failed', flagged: null, findings: [] }, 2],
+  [2, null, { status: 'completed', flagged: true, findings: [{}] }, 2],
+  [null, 'SIGTERM', { status: 'completed', flagged: true, findings: [{}] }, 2],
+] as const)(
+  'CI exit handling validates status %s and signal %s against completed evidence',
+  (code, signal, report, expected) => {
+    expect(
+      warningExitCode(code, signal, report && { ...report, findings: [...report.findings] })
+    ).toBe(expected)
+  }
+)
+
+test('immutable PR event revisions, push-before and manual/new-branch fallback are explicit', () => {
+  const a = 'a'.repeat(40)
+  const b = 'b'.repeat(40)
+  const syntheticMerge = 'c'.repeat(40)
+  expect(
+    ciRefs('pull_request', { pull_request: { base: { sha: a }, head: { sha: b } } }, syntheticMerge)
+  ).toEqual({ base: a, head: b })
+  expect(ciRefs('push', { before: a }, b)).toEqual({ base: a, head: b })
+  expect(ciRefs('push', { before: '0'.repeat(40) }, b)).toEqual({ base: 'HEAD~1', head: b })
+  expect(ciRefs('workflow_dispatch', {}, b)).toEqual({ base: 'HEAD~1', head: b })
+  expect(() => ciRefs('pull_request', {}, b)).toThrow('CI commit')
+  expect(() => ciRefs('push', { before: 'bad' }, b)).toThrow('CI commit')
+})
+
+test('a multi-commit push includes earlier changes and a divergent PR uses its merge-base', () => {
+  const { repo, base, head } = fixture()
+  writeFileSync(path.join(repo, 'backend.txt'), 'another pushed commit')
+  const pushed = commit(repo)
+  const push = compareGit(repo, base, pushed)
+  expect(push.changes.some((change) => change.after?.path === ui)).toBe(true)
+  git(repo, ['checkout', '-qb', 'target', base])
+  writeFileSync(path.join(repo, 'target.txt'), 'target diverged')
+  const target = commit(repo)
+  expect(compareGit(repo, target, head).commits.mergeBase).toBe(base)
+  expect(run(['--repo', repo, '--base', target, '--head', head], ci).stdout).toContain(
+    'Product findings: 1'
+  )
+})
+
+test('shallow clones remain operational failures through the warning wrapper', () => {
+  const { repo, head } = fixture()
+  const shallow = path.join(temp, 'shallow')
+  git(temp, ['clone', '--quiet', '--depth=1', `file://${repo}`, shallow])
+  const child = run(['--repo', shallow, '--base', head, '--head', head], ci)
+  expect(child.status).toBe(2)
+  expect(child.stderr).toContain('Complete Git history is required')
+})
+
+function findingReport(): Report {
+  const report = new ConformanceLinter().report(null)
+  report.flagged = true
+  report.findings.push({
+    kind: 'usage-violation',
+    rule: 'colour',
+    contract: 'colour-provenance',
+    category: 'colours',
+    property: 'color',
+    value: '#123456\n::error::injected',
+    reason: 'Use central colour',
+    file: 'a,b:c%file\n.tsx',
+    line: 3,
+    column: 4,
+    context: '',
+    provenance: {
+      source: TOKEN_FILE,
+      input: '#123456\n::error::injected',
+      permitted: 'central variable',
+    },
+  })
+  return report
+}
+
+test('GitHub annotations escape source values and normal logs cannot inject workflow commands', () => {
+  const report = findingReport()
+  expect(escapeAnnotation('a,b:c%\r\n', true)).toBe('a%2Cb%3Ac%25%0D%0A')
+  const annotation = githubAnnotations(report)[0]
+  expect(annotation).toContain('file=a%2Cb%3Ac%25file%0A.tsx,line=3,col=4')
+  expect(annotation).toContain('%0A::error::injected')
+  expect(annotation).not.toContain('\n')
+  expect(textReport(report)).not.toContain('\n::error::injected')
+  expect(githubSummary(report)).toContain('| Product findings | 1 |')
+})
+
+test('unchecked diagnostics preserve both sides and safely render source-authored text', () => {
+  const report = new ConformanceLinter().report(null)
+  for (const side of ['before', 'after'])
+    report.unchecked.push({
+      file: 'path`|</pre>\n::error::injected.tsx',
+      line: 7,
+      side,
+      context: 'className',
+      reason: 'Unknown helper: <script>& value\r\n::warning::injected',
+    })
+  const original = JSON.stringify(report)
+  const text = textReport(report)
+  const markdown = githubSummary(report)
+  expect(text).toContain(':7 (before; className)')
+  expect(text).toContain(':7 (after; className)')
+  expect(text).not.toMatch(/[\r\n]::(?:error|warning)::/)
+  expect(markdown).toContain('&lt;/pre&gt;')
+  expect(markdown).toContain('&lt;script&gt;&amp; value')
+  expect(markdown).not.toContain('<script>')
+  expect(markdown).not.toMatch(/[\r\n]::(?:error|warning)::/)
+  expect(githubAnnotations(report)).toEqual([])
+  expect(JSON.stringify(report)).toBe(original)
+})
+
+test('large unchecked summaries show explicit limits while logs retain every complete diagnostic', () => {
+  const report = new ConformanceLinter().report(null)
+  report.unchecked = Array.from({ length: 101 }, (_, index) => ({
+    file: `component-${index}.tsx`,
+    line: 1,
+    side: 'after',
+    context: '',
+    reason: index === 0 ? `${'&'.repeat(2000)} complete-long-diagnostic` : `reason-${index}`,
+  }))
+  const markdown = githubSummary(report)
+  const text = textReport(report)
+  expect(markdown).toContain('Showing 100 of 101 diagnostics')
+  expect(markdown).toContain('[truncated; see check log]')
+  expect(markdown).not.toContain('complete-long-diagnostic')
+  expect(markdown).not.toContain('component-100.tsx')
+  expect(text).toContain('complete-long-diagnostic')
+  expect(text).toContain('component-100.tsx:1 (after) — reason-100')
+})
+
+test('system edits remain flagged but are reported as design review warnings', () => {
+  const report = findingReport()
+  report.findings[0].kind = 'system-change'
+  expect(githubAnnotations(report)[0]).toContain('title=Design system review')
+  expect(textReport(report)).toContain('Central-system changes')
+  expect(githubSummary(report)).toContain('| Central-system changes | 1 |')
+  expect(warningExitCode(1, null, report)).toBe(0)
+})
+
+test('the relocated registry remains a central-system change and formatting stays quiet', async () => {
+  const file = 'scripts/design-conformance/contracts.json'
+  expect(isRegistry(file)).toBe(true)
+  expect(isRegistry('scripts/other/contracts.json')).toBe(false)
+  const registry = readFileSync(
+    new URL('./design-conformance/contracts.json', import.meta.url),
+    'utf8'
+  )
+  expect(hash(registry)).toBe(contractsHash)
+  const entry = { path: TOKEN_FILE, blob: 'a'.repeat(40), mode: '100644' }
+  const compare = (before: string, after: string) =>
+    new ConformanceLinter().analyze(
+      [
+        {
+          status: 'M',
+          before: { path: file, blob: 'b'.repeat(40), mode: '100644' },
+          after: { path: file, blob: 'c'.repeat(40), mode: '100644' },
+        },
+      ],
+      (e) => (e.blob.startsWith('b') ? before : after),
+      { base: 'a'.repeat(40), head: 'b'.repeat(40), mergeBase: 'a'.repeat(40) },
+      {
+        snapshot: {
+          version: '1.0.0',
+          commit: 'a'.repeat(40),
+          entries: [entry],
+          hash: snapshotHash([entry]),
+        },
+        read: () => ':root{--ink:#434343}',
+      }
+    )
+  expect((await compare('{"version":1}', '{"version":2}')).findings[0].kind).toBe('system-change')
+  expect((await compare('{"version":1}', '{ "version": 1 }')).flagged).toBe(false)
+})
+
+test.each([
+  {
+    name: 'namespace export',
+    use: 'cn(styles.palette)',
+    before: "{'bg-red-500':true}",
+    after: "{'bg-blue-500':true}",
+    notify: true,
+  },
+  {
+    name: 'nested namespace export member',
+    use: 'cn(styles.palette.tone)',
+    before: "{tone:{'bg-red-500':true}}",
+    after: "{tone:{'bg-blue-500':true}}",
+    notify: true,
+  },
+  {
+    name: 'namespace barrel export alias',
+    use: 'cn(styles.colors)',
+    before: "{'bg-red-500':true}",
+    after: "{'bg-blue-500':true}",
+    barrel: true,
+    notify: true,
+  },
+  {
+    name: 'local namespace binding alias',
+    use: 'cn(forwarded.palette.tone)',
+    prefix: 'const forwarded=styles;',
+    before: "{tone:{'bg-red-500':true}}",
+    after: "{tone:{'bg-blue-500':true}}",
+    notify: true,
+  },
+  {
+    name: 'named import alias control',
+    use: 'cn(colors.tone)',
+    named: true,
+    before: "{tone:{'bg-red-500':true}}",
+    after: "{tone:{'bg-blue-500':true}}",
+    notify: true,
+  },
+  {
+    name: 'unused nested namespace member',
+    use: 'cn(styles.palette.tone)',
+    before: "{tone:{'bg-red-500':true},unused:{'bg-green-500':true}}",
+    after: "{tone:{'bg-red-500':true},unused:{'bg-blue-500':true}}",
+    notify: false,
+  },
+  {
+    name: 'shadowed namespace binding',
+    use: 'cn(styles.palette)',
+    prefix: "const styles={palette:{'rounded-md':true}};",
+    shadow: true,
+    before: "{'bg-red-500':true}",
+    after: "{'bg-blue-500':true}",
+    notify: false,
+  },
+  {
+    name: 'dynamic namespace export',
+    use: 'cn(styles[choice])',
+    prefix: 'declare const choice:string;',
+    before: "{'bg-red-500':true}",
+    after: "{'bg-blue-500':true}",
+    notify: false,
+  },
+  {
+    name: 'dynamic nested namespace member',
+    use: 'cn(styles.palette[choice])',
+    prefix: 'declare const choice:string;',
+    before: "{tone:{'bg-red-500':true}}",
+    after: "{tone:{'bg-blue-500':true}}",
+    notify: false,
+  },
+])('namespace class inputs survive source-only edits through the real CLI: $name', (scenario) => {
+  const { repo } = fixture()
+  const sourceFile = 'packages/emcn/src/lib/palette.ts'
+  const write = (file: string, source: string) => {
+    mkdirSync(path.dirname(path.join(repo, file)), { recursive: true })
+    writeFileSync(path.join(repo, file), source)
+  }
+  write('packages/emcn/src/index.ts', "export {palette} from './lib/palette'")
+  write('packages/emcn/src/lib/barrel.ts', "export {palette as colors} from './palette'")
+  write(sourceFile, `export const palette=${scenario.before} as const`)
+  const imported = scenario.named
+    ? "import {palette as colors} from '../lib/palette'"
+    : `import * as styles from '../lib/${scenario.barrel ? 'barrel' : 'palette'}'`
+  write(
+    'packages/emcn/src/components/consumer.tsx',
+    `${imported};declare function cn(...args:unknown[]):string;${scenario.shadow ? `function Consumer(){${scenario.prefix}return <div className={${scenario.use}}/>}` : `${scenario.prefix ?? ''}const Consumer=()=> <div className={${scenario.use}}/>`}`
+  )
+  write(ui, 'const A=()=> <div/>')
+  const base = commit(repo)
+  write(sourceFile, `export const palette=${scenario.after} as const`)
+  const child = run(['--repo', repo, '--base', base, '--working-tree', '--format', 'json'])
+  expect([0, 1], child.stderr).toContain(child.status)
+  const report = JSON.parse(child.stdout) as Report
+  expect(report.status, child.stdout).toBe('completed')
+  expect(git(repo, ['diff', '--name-only', base]).toString().trim()).toBe(sourceFile)
+  expect(
+    report.findings.filter(
+      (finding) => finding.file === sourceFile && finding.property === 'background-color'
+    ),
+    child.stdout
+  ).toHaveLength(scenario.notify ? 1 : 0)
+})
diff --git a/scripts/check-design-conformance-composition.test.ts b/scripts/check-design-conformance-composition.test.ts
new file mode 100644
index 00000000000..406924a8e67
--- /dev/null
+++ b/scripts/check-design-conformance-composition.test.ts
@@ -0,0 +1,588 @@
+/** biome-ignore-all lint/suspicious/noTemplateCurlyInString: Proposed source fixtures. */
+
+import { expect, test } from 'vitest'
+import { ConformanceLinter } from '#design-conformance/conformance'
+import { extract } from '#design-conformance/extract'
+import { type Change, type Entry, hash, TOKEN_FILE } from '#design-conformance/model'
+import { SourceIndex } from '#design-conformance/source-summary'
+import { snapshotHash } from '#design-conformance/system-snapshot'
+import { testComponents } from '#design-conformance/test-source'
+
+const root = 'apps/sim/components/'
+const base = 'a'.repeat(40)
+const central = {
+  ...testComponents,
+  'packages/emcn/src/index.ts':
+    testComponents['packages/emcn/src/index.ts'] +
+    ";export {Wizard} from './components/wizard/wizard'",
+  [TOKEN_FILE]:
+    '@theme {--text-small:13px;--radius-lg:8px;--shadow-card:0 1px 2px #000;} :root {--ink:#123456}',
+  'packages/emcn/src/components/wizard/wizard.tsx': `import {ChipModalBody} from "@sim/emcn";const Root=({children})=><ChipModalBody>{children}</ChipModalBody>;const Step=({children})=><>{children}</>;export const Wizard=Object.assign(Root,{Step})`,
+}
+async function compare(
+  before: Record<string, string>,
+  after: Record<string, string>,
+  inventory: Record<string, string> = {}
+) {
+  const blobs = new Map<string, string>()
+  const entry = (path: string, text: string | undefined) => {
+    if (text === undefined) return null
+    const blob = hash(text).slice(0, 40)
+    blobs.set(blob, text)
+    return { path, blob, mode: '100644' }
+  }
+  const changes: Change[] = [...new Set([...Object.keys(before), ...Object.keys(after)])]
+    .sort()
+    .map((path) => ({
+      status: 'M',
+      before: entry(path, before[path]),
+      after: entry(path, after[path]),
+    }))
+  const sources = {
+    ...central,
+    ...inventory,
+    'packages/emcn/src/index.ts': `${central['packages/emcn/src/index.ts']}\n${inventory['packages/emcn/src/index.ts'] ?? ''}`,
+    ...Object.fromEntries(Object.entries(before).filter(([p]) => p.startsWith('packages/emcn/'))),
+  }
+  const entries = Object.entries(sources)
+    .flatMap(([p, value]) => {
+      const e = entry(p, value)
+      return e ? [e] : []
+    })
+    .sort((a, b) => a.path.localeCompare(b.path))
+  return new ConformanceLinter().analyze(
+    changes,
+    (e: Entry) => {
+      const text = blobs.get(e.blob)
+      if (text === undefined) throw new Error('Missing fixture blob')
+      return text
+    },
+    { base, head: 'b'.repeat(40), mergeBase: base },
+    {
+      snapshot: { version: '1.0.0', commit: base, hash: snapshotHash(entries), entries },
+      read: (e: Entry) => {
+        const text = blobs.get(e.blob)
+        if (text === undefined) throw new Error('Missing fixture blob')
+        return text
+      },
+    }
+  )
+}
+const debt = '<span className="font-bold text-small">{label}</span>'
+test('component extraction surfaces authored debt; central component reuse does not multiply findings', async () => {
+  const before = { [`${root}old.tsx`]: `export function Old({label}) {return ${debt}}` }
+  const after = {
+    [`${root}old.tsx`]: `import {New} from './new'; export function Old(props) {return <New {...props}/>}`,
+    [`${root}new.tsx`]: `export function New({label}) {return ${debt}}`,
+  }
+  expect((await compare(before, after)).flagged).toBe(true)
+  expect(
+    (
+      await compare(before, {
+        ...after,
+        [`${root}new.tsx`]: `export function New({label}) {return <>${debt}${debt}</>}`,
+      })
+    ).findings
+  ).toHaveLength(2)
+  expect(
+    (
+      await compare(before, {
+        ...after,
+        [`${root}new.tsx`]: `export function New({label}) {return <span className="text-[17px]">{label}</span>}`,
+      })
+    ).flagged
+  ).toBe(true)
+  expect(
+    (
+      await compare(before, {
+        ...after,
+        [`${root}another.tsx`]: `import {New} from './new'; export const Another=()=> <New label="new"/>`,
+      })
+    ).flagged
+  ).toBe(true)
+})
+test('unrelated deletion never authorizes equal debt in another source owner', async () => {
+  expect(
+    (
+      await compare(
+        { [`${root}a.tsx`]: `const A=()=>${debt}` },
+        { [`${root}b.tsx`]: `const B=()=>${debt}` }
+      )
+    ).flagged
+  ).toBe(true)
+})
+test('import identified transparent primitive replacements preserve central definitions', async () => {
+  const p = 'packages/emcn/src/components/choice/choice.tsx'
+  const before = `export const Choice=()=> <div className="flex rounded-lg"><button className="text-small">Pick</button></div>`
+  const after = `import * as R from '@radix-ui/react-radio-group';export const Choice=()=> <R.Root className="flex rounded-lg"><R.Item className="text-small">Pick</R.Item></R.Root>`
+  expect((await compare({ [p]: before }, { [p]: after })).flagged).toBe(false)
+  expect(
+    (await compare({ [p]: before }, { [p]: after.replace('rounded-lg', 'rounded-full') })).flagged
+  ).toBe(true)
+  expect(
+    (
+      await compare(
+        { [p]: before },
+        { [p]: after.replace('@radix-ui/react-radio-group', 'unknown-library') }
+      )
+    ).flagged
+  ).toBe(true)
+})
+test('central wrapper ancestry reaches nested local labelled fields without guessing names', async () => {
+  const p = `${root}form.tsx`
+  const body = `function Entry(){return <div><div><Label>Thing</Label></div><section><ChipInput/></section></div>}`
+  const shared = `import {Wizard,ChipInput,ChipModalBody,ChipModalField,Label} from '@sim/emcn';`
+  const code = `${shared}${body}export const Screen=()=> <Wizard><Wizard.Step><Entry/></Wizard.Step></Wizard>`
+  const r = await compare({}, { [p]: code })
+  expect(r.findings.some((f) => f.contract === 'modal-field')).toBe(true)
+  expect(
+    (await compare({ [p]: code }, { [p]: code.replace('Thing', 'Other words') })).flagged
+  ).toBe(false)
+  expect(
+    (
+      await compare(
+        {},
+        {
+          [p]: code.replace(
+            '<Entry/>',
+            '<ChipModalField type="custom" title="Thing"><Entry/></ChipModalField>'
+          ),
+        }
+      )
+    ).flagged
+  ).toBe(false)
+  const local = `${shared}${body}function Unusual({children}){return <ChipModalBody>{children}</ChipModalBody>} export const Screen=()=> <Unusual><Entry/></Unusual>`
+  expect(
+    (await compare({}, { [p]: local })).findings.some((f) => f.contract === 'modal-field')
+  ).toBe(true)
+  expect(
+    (
+      await compare(
+        {},
+        {
+          [p]: local.replace(
+            '<ChipModalBody>{children}</ChipModalBody>',
+            '<main>{children}</main>'
+          ),
+        }
+      )
+    ).flagged
+  ).toBe(false)
+})
+test('named child slots preserve field ancestry and approved inputs', async () => {
+  const p = `${root}slot.tsx`
+  const code = `import {ChipModalBody,ChipInput,Label} from '@sim/emcn';function Frame({content}){return <ChipModalBody>{content}</ChipModalBody>} export const Screen=()=> <Frame content={<div><Label>One</Label><ChipInput/></div>}/>`
+  expect(
+    (await compare({}, { [p]: code })).findings.some((f) => f.contract === 'modal-field')
+  ).toBe(true)
+})
+test('SVG UI typography checks changed-module constants while artwork remains exempt', async () => {
+  const p = `${root}plot.tsx`
+  const constants = `${root}numbers.ts`
+  const ui = `import {tick} from './numbers';export const Plot=()=> <svg><path fill="#abcdef" d="M0 0"/><text fontSize={tick}><tspan fontWeight="500">Axis</tspan></text></svg>`
+  const r = await compare({}, { [p]: ui, [constants]: `export const tick=9` })
+  expect(r.findings.some((f) => f.property === 'font-size' && f.value === '9px')).toBe(true)
+  expect(r.findings.some((f) => f.property === 'font-weight')).toBe(true)
+  expect(r.findings.some((f) => f.category === 'colours')).toBe(false)
+  expect(
+    (
+      await compare(
+        {},
+        {
+          [p]: ui
+            .replace('fontSize={tick}', 'className="text-small"')
+            .replace('fontWeight="500"', 'className="font-medium"'),
+          [constants]: `export const tick=9`,
+        }
+      )
+    ).flagged
+  ).toBe(false)
+})
+test('conditional style spreads retain explicit recipe structure and unknown parameters', async () => {
+  const p = 'packages/emcn/src/components/token/token.tsx'
+  const old = `export const Tag=({style,color,active})=> <span style={{...style}}/>`
+  const next =
+    'export const Tag=({style,color,active})=> <span style={{...style,...(active ? {boxShadow:`inset 0 0 0 1px ${color}`} : {})}}/>'
+  expect(
+    (await compare({ [p]: old }, { [p]: next })).findings.some(
+      (f) => f.kind === 'system-change' && f.property === 'box-shadow'
+    )
+  ).toBe(true)
+  expect((await compare({ [p]: next }, { [p]: next.replace('1px', '2px') })).flagged).toBe(true)
+  expect(
+    (
+      await compare(
+        { [p]: next },
+        {
+          [p]: 'export const Tag=({style,color,active})=> <span style={unknownHelper(style,color,active)}/>',
+        }
+      )
+    ).flagged
+  ).toBe(false)
+  expect(
+    (await compare({}, { [`${root}tag.tsx`]: next })).findings.some(
+      (f) => f.contract === 'central-shadow'
+    )
+  ).toBe(true)
+})
+test('object spread and template refactors preserve the same styling and precedence', async () => {
+  const p = `${root}sample.tsx`
+  const before = 'const A=()=> <p style={{color:"#123456"}}/>'
+  expect(
+    (
+      await compare(
+        { [p]: before },
+        { [p]: 'const same={color:"#123456"};const A=()=> <p style={{...same}}/>' }
+      )
+    ).flagged
+  ).toBe(false)
+  expect(
+    (await compare({}, { [p]: 'const A=()=> <p style={{...(false && {color:"#123456"})}}/>' }))
+      .flagged
+  ).toBe(false)
+  const s = 'export const Tag=({color})=> <span style={{boxShadow:`inset 0 0 0 1px ${color}`}}/>'
+  expect(
+    (
+      await compare(
+        { [p]: s },
+        { [p]: s.replace('`inset 0 0 0 1px ${color}`', '"inset 0 0 0 1px " + color') }
+      )
+    ).flagged
+  ).toBe(false)
+})
+test('map callback syntax retains modal body spacing ownership', async () => {
+  const p = `${root}rows.tsx`
+  const code =
+    'import {ChipModalBody,ChipModalField} from "@sim/emcn";const Screen=()=> <ChipModalBody>{rows.map(row=>{return <div className="space-y-3"><ChipModalField title={row.label}/></div>})}</ChipModalBody>'
+  expect(
+    (await compare({}, { [p]: code })).findings.some((f) => f.contract === 'component-chrome')
+  ).toBe(true)
+  expect(
+    (
+      await compare(
+        {},
+        {
+          [p]: code.replace(
+            '<div className="space-y-3"><ChipModalField title={row.label}/></div>',
+            '<section><div className="space-y-3"><ChipModalField title={row.label}/></div></section>'
+          ),
+        }
+      )
+    ).flagged
+  ).toBe(false)
+})
+test('a protected conditional branch cannot exempt a separate unprotected field branch', async () => {
+  const p = `${root}branches.tsx`
+  const code =
+    'import {ChipModalBody,ChipModalField,ChipInput,Label} from "@sim/emcn";function Frame({children,flag}){const content=children;return flag ? <ChipModalBody>{content}</ChipModalBody> : <ChipModalBody><ChipModalField type="custom" title="T">{content}</ChipModalField></ChipModalBody>}const Screen=()=> <Frame><div><Label>Title</Label><ChipInput/></div></Frame>'
+  expect(
+    (await compare({}, { [p]: code })).findings.some((f) => f.contract === 'modal-field')
+  ).toBe(true)
+})
+test('local artwork needs central ownership but UI-text ancestor typography is governed', async () => {
+  const p = `${root}picture.tsx`
+  expect(
+    (
+      await compare(
+        {},
+        { [p]: 'const A=()=> <svg fill="#123456"><g fill="#654321"><path d="M0 0"/></g></svg>' }
+      )
+    ).flagged
+  ).toBe(true)
+  expect(
+    (
+      await compare({}, { [p]: 'const A=()=> <svg><g fontSize="9"><text>Axis</text></g></svg>' })
+    ).findings.some((f) => f.property === 'font-size')
+  ).toBe(true)
+})
+test('cross-module arithmetic, cyclic exports and unknown helpers remain unchecked and do not execute', async () => {
+  const p = `${root}safe.tsx`
+  const c = `${root}constants.ts`
+  const ui =
+    'import {size} from "./constants";globalThis.SOURCE_RAN=true;const A=()=> <svg><text fontSize={size}>Axis</text></svg>'
+  const r = await compare({}, { [p]: ui, [c]: 'const x=1;const y=2;export const size=x+y' })
+  expect(r.flagged).toBe(false)
+  expect(r.unchecked.some((n) => n.reason.includes('Imported styling input'))).toBe(true)
+  const cycle = await compare(
+    {},
+    {
+      [p]: ui,
+      [c]: 'export {size} from "./loop"',
+      [`${root}loop.ts`]: 'export {size} from "./constants"',
+    }
+  )
+  expect(cycle.status).toBe('completed')
+  expect(cycle.flagged).toBe(false)
+  expect('SOURCE_RAN' in globalThis).toBe(false)
+})
+test('source summary budgets and cycles report unchecked coverage', () => {
+  const file = `${root}limit.tsx`
+  const facts = extract('export const A=({children})=><A>{children}</A>', file, true, {
+    conformance: true,
+    resolve: () => undefined,
+  })
+  const small = new SourceIndex([{ file, facts }], 1)
+  expect(small.notes.some((n) => n.reason.includes('summary limit'))).toBe(true)
+  expect(small.value(`${root}limit#A`)).toBeUndefined()
+  const normal = new SourceIndex([{ file, facts }])
+  normal.contexts(
+    {
+      kind: 'element',
+      owner: 'Screen',
+      target: 'div',
+      shared: false,
+      line: 1,
+      column: 1,
+      atoms: [],
+      references: [],
+      routes: [{ target: `${root}limit#A`, slot: 'children' }],
+    },
+    file
+  )
+  expect(normal.notes.some((n) => n.reason.includes('cycle'))).toBe(true)
+})
+test('barrel aliases retain literal provenance and original use locations', async () => {
+  const p = `${root}text.tsx`
+  const r = await compare(
+    {},
+    {
+      [p]: 'import {font} from "./barrel";\nconst A=()=> <p style={{fontSize:font}}/>',
+      [`${root}barrel.ts`]: 'export {size as font} from "./value"',
+      [`${root}value.ts`]: 'export const size=17',
+    }
+  )
+  expect(r.findings).toHaveLength(1)
+  expect(r.findings[0].line).toBe(2)
+  expect(r.findings[0].value).toBe('17px')
+})
+
+test('fixed central exports carry children contracts without an application import crawl', async () => {
+  const p = `${root}screen.tsx`
+  const inventory = {
+    'packages/emcn/src/index.ts': 'export {Frame} from "./components/frame/frame"',
+    'packages/emcn/src/components/frame/frame.tsx':
+      'import {ChipModalBody} from "@sim/emcn";export const Frame=({children})=><ChipModalBody>{children}</ChipModalBody>',
+  }
+  const code =
+    'import {Frame,ChipInput,Label} from "@sim/emcn";const A=()=> <Frame><div><Label>Name</Label><ChipInput/></div></Frame>'
+  expect(
+    (await compare({}, { [p]: code }, inventory)).findings.some((f) => f.contract === 'modal-field')
+  ).toBe(true)
+  expect(
+    (
+      await compare(
+        {},
+        {
+          [p]: code
+            .replace('Frame,ChipInput', 'Unknown,ChipInput')
+            .replaceAll('<Frame>', '<Unknown>')
+            .replaceAll('</Frame>', '</Unknown>'),
+        },
+        inventory
+      )
+    ).flagged
+  ).toBe(false)
+})
+test('explicit styling forwards preserve protected and permitted destination slots', async () => {
+  const p = `${root}wrapped.tsx`
+  const code =
+    'import {ChipInput} from "@sim/emcn";const Wrap=({bodyClassName})=><ChipInput className={bodyClassName}/>;const A=()=> <Wrap bodyClassName="px-4"/>'
+  const r = await compare({}, { [p]: code })
+  expect(
+    r.findings.some((f) => f.contract === 'component-chrome' && f.reason.includes('forwarded'))
+  ).toBe(true)
+  expect(
+    (
+      await compare(
+        {},
+        { [p]: code.replace('<ChipInput className=', '<ChipInput inputClassName=') }
+      )
+    ).flagged
+  ).toBe(false)
+})
+test('central extraction preserves packaging but changes and boundary crossings notify', async () => {
+  const p = 'packages/emcn/src/components/example/example.tsx'
+  const q = 'packages/emcn/src/components/example/part.tsx'
+  const before = { [p]: 'export const Example=()=> <span className="font-bold text-small"/>' }
+  const after = {
+    [p]: 'import {Part} from "./part";export const Example=()=> <Part/>',
+    [q]: 'export const Part=()=> <span className="font-bold text-small"/>',
+  }
+  expect((await compare(before, after)).flagged).toBe(false)
+  expect(
+    (await compare(before, { ...after, [q]: after[q].replace('text-small', 'text-[19px]') }))
+      .flagged
+  ).toBe(true)
+  const consumer = `${root}part.tsx`
+  expect(
+    (
+      await compare(before, {
+        [p]: `import {Part} from "../../../../../${consumer}";export const Example=()=> <Part/>`,
+        [consumer]: after[q],
+      })
+    ).flagged
+  ).toBe(true)
+})
+test('HTML and rendered HTML presentation inputs share typography rules and source mapping', async () => {
+  const html =
+    '<svg><title font-size="8">Accessible name</title><path fill="#abcdef"/><g font-size="9"><text>Axis</text></g></svg>'
+  expect(
+    (await compare({}, { [`${root}chart.html`]: html })).findings.map((f) => f.property)
+  ).toEqual(['font-size'])
+  const r = await compare(
+    {},
+    { [`${root}chart.tsx`]: `const A=()=> <div dangerouslySetInnerHTML={{__html:\n'${html}'}}/>` }
+  )
+  expect(r.findings).toHaveLength(1)
+  expect(r.findings[0].line).toBe(2)
+  expect(
+    (
+      await compare(
+        {},
+        { [`${root}chart.html`]: html.replace('font-size="9"', 'font-size="var(--text-small)"') }
+      )
+    ).flagged
+  ).toBe(false)
+})
+test('central spread precedence and separate dynamic recipes retain locations and parameters', async () => {
+  const p = 'packages/emcn/src/components/example/example.tsx'
+  const old =
+    'const common={color:"red"};export const A=()=> <span style={{...common,color:"blue"}}/>'
+  expect(
+    (
+      await compare(
+        { [p]: old },
+        { [p]: old.replace('...common,color:"blue"', 'color:"blue",...common') }
+      )
+    ).flagged
+  ).toBe(true)
+  const code =
+    'export const A=({ink})=><span style={{boxShadow:`inset 0 0 0 1px ${ink}`}}/>;\nexport const B=({color})=><span style={{boxShadow:`inset 0 0 0 2px ${color}`}}/>'
+  const r = await compare({ [p]: code }, { [p]: code.replace('2px', '3px') })
+  expect(r.findings).toHaveLength(1)
+  expect(r.findings[0].line).toBe(2)
+  expect(r.findings[0].value).toContain('${color}')
+})
+
+test('an absent forwarded prop cannot activate a conditional modal styling branch', async () => {
+  const p = `${root}guard.tsx`
+  const code =
+    'import {ChipModalBody,ChipModalField} from "@sim/emcn";function Extra({footer}){return footer ? <div className="px-2"><ChipModalField title={footer}/></div> : null}const A=()=> <ChipModalBody><Extra/></ChipModalBody>'
+  expect((await compare({}, { [p]: code })).flagged).toBe(false)
+  expect(
+    (await compare({}, { [p]: code.replace('<Extra/>', '<Extra footer={content}/>') })).flagged
+  ).toBe(true)
+  expect((await compare({}, { [p]: code.replace('footer})', 'footer="Default"})') })).flagged).toBe(
+    true
+  )
+})
+
+test('conditional return syntax and shadowed imports never invent wrapper authority', async () => {
+  const p = `${root}conditions.tsx`
+  const code =
+    'import {ChipModalBody,ChipInput,Label} from "@sim/emcn";function Frame({children,active}){if(active)return <ChipModalBody>{children}</ChipModalBody>;return <section>{children}</section>}const A=()=> <Frame><div><Label>T</Label><ChipInput/></div></Frame>'
+  expect(
+    (await compare({}, { [p]: code })).findings.some((f) => f.contract === 'modal-field')
+  ).toBe(true)
+  expect(
+    (
+      await compare(
+        {},
+        { [p]: code.replace('{children,active}', '{children,active,ChipModalBody}') }
+      )
+    ).flagged
+  ).toBe(false)
+})
+test('a changed-module re-export retains a fixed central literal reference', async () => {
+  const p = `${root}text.tsx`
+  const q = `${root}bridge.ts`
+  const inventory = {
+    'packages/emcn/src/index.ts': 'export {size} from "./lib/size"',
+    'packages/emcn/src/lib/size.ts': 'export const size="13px"',
+  }
+  const after = {
+    [p]: 'import {size} from "./bridge";const A=()=> <p style={{fontSize:size}}/>',
+    [q]: 'export {size} from "@sim/emcn"',
+  }
+  expect((await compare({}, after, inventory)).flagged).toBe(false)
+  expect(
+    (await compare({}, { ...after, [q]: 'export const size="13px"' }, inventory)).flagged
+  ).toBe(true)
+})
+
+test('a preserved early-return branch does not exempt debt in an extracted implementation', async () => {
+  const p = `${root}old.tsx`
+  const q = `${root}new.tsx`
+  const before = {
+    [p]: `import {Loader} from '@sim/emcn';export function Old({loading,label}){if(loading)return <Loader/>;return ${debt}}`,
+  }
+  const after = {
+    [p]: `import {Loader} from '@sim/emcn';import {New} from './new';export function Old({loading,label}){if(loading)return <Loader/>;return <New label={label}/>} `,
+    [q]: `export const New=({label})=>${debt}`,
+  }
+  expect((await compare(before, after)).flagged).toBe(true)
+  expect(
+    (await compare(before, { ...after, [q]: after[q].replace('font-bold', 'text-[17px]') })).flagged
+  ).toBe(true)
+})
+
+test('a central relative import retains its target when styling becomes wholly computed', async () => {
+  const p = 'packages/emcn/src/components/frame/frame.tsx'
+  const inventory = {
+    'packages/emcn/src/index.ts': 'export {ChipInput} from "./components/input/input"',
+    'packages/emcn/src/components/input/input.tsx': 'export const ChipInput=()=> <input/>',
+  }
+  const before =
+    'import {ChipInput} from "../input/input";const Frame=({className})=> <ChipInput className={cn("w-fit",className)}/>'
+  expect(
+    (
+      await compare(
+        { [p]: before },
+        { [p]: before.replace('cn("w-fit",className)', 'className') },
+        inventory
+      )
+    ).flagged
+  ).toBe(false)
+  expect(
+    (await compare({ [p]: before }, { [p]: before.replace('w-fit', 'w-full') }, inventory)).flagged
+  ).toBe(true)
+})
+
+test('source-proven modal composition distinguishes prose from actual field groups', async () => {
+  const wrapper = `${root}dialog-layout.tsx`
+  const screen = `${root}dialog-content.tsx`
+  const layout =
+    'import {ChipModalBody} from "@sim/emcn"; export const Layout=({children})=><ChipModalBody>{children}</ChipModalBody>'
+  const prose =
+    'import {Layout} from "./dialog-layout";import {ChipModalField} from "@sim/emcn"; const Screen=()=> <Layout><div className="flex flex-col gap-2 px-2"><p>Fields</p><ul><li>Description</li></ul></div></Layout>'
+  expect((await compare({}, { [wrapper]: layout, [screen]: prose })).flagged).toBe(false)
+  expect(
+    (
+      await compare(
+        {},
+        {
+          [wrapper]: layout,
+          [screen]: prose.replace(
+            '<p>Fields</p><ul><li>Description</li></ul>',
+            '<ChipModalField title="Name"/>'
+          ),
+        }
+      )
+    ).findings.some((f) => f.contract === 'component-chrome')
+  ).toBe(true)
+})
+
+test('modal field deduplication stays within the actual field container', async () => {
+  const p = `${root}two-fields.tsx`
+  const code =
+    'import {ChipModalBody,ChipInput,ChipModalField} from "@sim/emcn";export const A=()=> <ChipModalBody><div><label>First</label><ChipInput/></div><section><label>Second</label><ChipInput/></section></ChipModalBody>'
+  const result = await compare({}, { [p]: code })
+  expect(result.findings.filter((f) => f.contract === 'modal-field')).toHaveLength(2)
+  const wrapped = code.replace(
+    '<div><label>First</label><ChipInput/></div><section><label>Second</label><ChipInput/></section>',
+    '<ChipModalField title="First"/><ChipModalField title="Second"/>'
+  )
+  expect(
+    (await compare({}, { [p]: wrapped })).findings.filter((f) => f.contract === 'modal-field')
+  ).toEqual([])
+})
diff --git a/scripts/check-design-conformance-control-comparison.test.ts b/scripts/check-design-conformance-control-comparison.test.ts
new file mode 100644
index 00000000000..b7e89019748
--- /dev/null
+++ b/scripts/check-design-conformance-control-comparison.test.ts
@@ -0,0 +1,476 @@
+import { mkdirSync, mkdtempSync, rmSync, unlinkSync, writeFileSync } from 'node:fs'
+import os from 'node:os'
+import path from 'node:path'
+import { afterAll, expect, test } from 'vitest'
+import { inspectSimplifications } from '#control-analysis/simplifications'
+import { warningExitCode } from '#design-conformance/ci'
+import { checkComparison } from '#design-conformance/command'
+import { compareSimplifications, controlSource } from '#design-conformance/control-comparison'
+import { git } from '#design-conformance/io'
+
+const temp = mkdtempSync(path.join(os.tmpdir(), 'control-comparison-'))
+afterAll(() => rmSync(temp, { recursive: true, force: true }))
+const ui = 'apps/sim/components/example.tsx'
+function put(repo: string, file: string, source: string) {
+  mkdirSync(path.dirname(path.join(repo, file)), { recursive: true })
+  writeFileSync(path.join(repo, file), source)
+}
+function commit(repo: string) {
+  git(repo, ['add', '.'])
+  git(repo, [
+    '-c',
+    'user.name=Test',
+    '-c',
+    'user.email=test@example.invalid',
+    'commit',
+    '-qm',
+    'fixture',
+  ])
+  return git(repo, ['rev-parse', 'HEAD']).toString().trim()
+}
+
+test('immutable full snapshots resolve unchanged imports, preserve debt, and warn for another occurrence', async () => {
+  const repo = mkdtempSync(path.join(temp, 'repo-'))
+  git(repo, ['init', '-q'])
+  put(repo, 'apps/sim/app/_styles/globals.css', ':root { --text-body: #434343; }')
+  put(
+    repo,
+    'packages/emcn/src/icons/mark.tsx',
+    `export function Mark(){ return <svg aria-hidden='true' viewBox='0 0 24 24'><rect x='4' y='4' width='16' height='16'/></svg> }`
+  )
+  put(repo, 'packages/emcn/src/icons/index.ts', `export {Mark} from './mark'`)
+  put(repo, 'packages/emcn/src/index.ts', 'export {}')
+  const view = (count: number) =>
+    `import {Mark} from '@sim/emcn/icons'; export const View=()=> <div>${'<button><Mark/></button>'.repeat(count)}</div>`
+  put(repo, ui, view(1))
+  const base = commit(repo)
+  put(repo, ui, `\n\n${view(2)}`)
+  const head = commit(repo)
+  put(repo, ui, `throw new Error('Uncommitted work must not execute or affect results')`)
+  const before = inspectSimplifications(controlSource(repo, base)).simplifications
+  const after = inspectSimplifications(controlSource(repo, head)).simplifications
+  expect(before.findings.filter((f) => f.rule === 'control-accessible-name')).toHaveLength(1)
+  expect(after.findings.filter((f) => f.rule === 'control-accessible-name')).toHaveLength(2)
+  expect(compareSimplifications(before, after).map((f) => f.rule)).toEqual([
+    'control-accessible-name',
+  ])
+  expect(compareSimplifications(after, before)).toEqual([])
+  const report = await checkComparison({ repo, base, head, policy: 'conformance' })
+  expect(report.status, report.error).toBe('completed')
+  expect(report.controlSimplifications?.introduced).toBe(1)
+  expect(report.findings.filter((f) => f.rule === 'control-accessible-name')).toHaveLength(1)
+  expect(warningExitCode(1, null, report)).toBe(0)
+  expect(() => controlSource(repo, 'HEAD')).toThrow('immutable commit')
+})
+
+test('an assignment-only edit is a new finding even when the colour usage already has baseline debt', async () => {
+  const repo = mkdtempSync(path.join(temp, 'colour-writer-'))
+  git(repo, ['init', '-q'])
+  put(repo, 'apps/sim/app/_styles/globals.css', ':root { --text-body: #434343; }')
+  put(repo, 'apps/sim/components/cursor.css', '.cursor { color: var(--caret-color); }')
+  const writer = (value: string) =>
+    `export function update(node){ node.style.setProperty('--caret-color', ${value}) }`
+  put(repo, ui, writer("'var(--text-body)'"))
+  const base = commit(repo)
+  put(repo, ui, writer("'var(--missing)'"))
+  const head = commit(repo)
+  const report = await checkComparison({ repo, base, head, policy: 'conformance' })
+  expect(report.status).toBe('completed')
+  expect(report.colourAssignments?.before.verified).toBe(1)
+  expect(report.colourAssignments?.introduced).toBe(1)
+  expect(
+    report.findings.filter((finding) => finding.rule === 'central-colour-assignment')
+  ).toHaveLength(1)
+  expect(report.flagged).toBe(true)
+  put(repo, ui, `\n\n${writer("'var(--missing)'")}`)
+  const shifted = commit(repo)
+  expect(
+    (await checkComparison({ repo, base: head, head: shifted, policy: 'conformance' }))
+      .colourAssignments?.introduced
+  ).toBe(0)
+  put(repo, ui, writer("'var(--different-missing)'"))
+  const changed = commit(repo)
+  expect(
+    (await checkComparison({ repo, base: shifted, head: changed, policy: 'conformance' }))
+      .colourAssignments?.introduced
+  ).toBe(1)
+})
+
+test('source-only status colours remain design finding while all block metadata colours are intentional', async () => {
+  const repo = mkdtempSync(path.join(temp, 'source-colours-'))
+  git(repo, ['init', '-q'])
+  put(repo, 'apps/sim/app/_styles/globals.css', ':root { --text-body: #434343; }')
+  const status = (value: string) => `export function Status({active}) {
+    let color: string
+    if (active) color = '${value}'
+    else color = 'bg-red-400/90'
+    return <span className={color}/>
+  }`
+  const block = 'apps/sim/blocks/blocks/example.ts'
+  const provider = 'apps/sim/blocks/blocks/provider.ts'
+  const trigger = 'apps/sim/blocks/blocks/trigger.ts'
+  put(repo, ui, status('bg-emerald-400/90'))
+  put(
+    repo,
+    block,
+    `export const metadata={category:'blocks',bgColor:'#123456',iconColor:'#abcdef'}`
+  )
+  put(
+    repo,
+    provider,
+    `export const metadata={category:'tools',bgColor:'#123456',iconColor:'#abcdef'}`
+  )
+  put(repo, trigger, `export const metadata={category:'triggers',bgColor:'#123456'}`)
+  const base = commit(repo)
+  put(repo, ui, status('bg-amber-400/90'))
+  put(
+    repo,
+    block,
+    `export const metadata={category:'blocks',bgColor:'#654321',iconColor:'#abcdef'}`
+  )
+  put(
+    repo,
+    provider,
+    `export const metadata={category:'tools',bgColor:'#654321',iconColor:'#abcdef'}`
+  )
+  put(repo, trigger, `export const metadata={category:'triggers',bgColor:'#654321'}`)
+  const head = commit(repo)
+  const report = await checkComparison({ repo, base, head, policy: 'conformance' })
+  expect(report.status).toBe('completed')
+  expect(
+    report.findings?.some(
+      (item) => item.rule === 'semantic-status-colour' && item.value === 'bg-amber-400/90'
+    )
+  ).toBe(true)
+  expect(report.findings?.some((item) => [block, provider, trigger].includes(item.file))).toBe(
+    false
+  )
+  put(repo, ui, `\n\n${status('bg-amber-400/90')}`)
+  const shifted = commit(repo)
+  const shiftReport = await checkComparison({
+    repo,
+    base: head,
+    head: shifted,
+    policy: 'conformance',
+  })
+  expect(shiftReport.findings?.filter((item) => item.rule === 'semantic-status-colour')).toEqual([])
+})
+
+test('block files still review colours outside registered block metadata', async () => {
+  const repo = mkdtempSync(path.join(temp, 'block-ui-colour-'))
+  git(repo, ['init', '-q'])
+  put(repo, 'apps/sim/app/_styles/globals.css', ':root { --text-body: #434343; }')
+  const block = 'apps/sim/blocks/blocks/example.ts'
+  const source = (value: string) =>
+    `export const metadata={category:'blocks',bgColor:'#123456'}; export const palette={bgColor:'${value}'}`
+  put(repo, block, source('#111111'))
+  const base = commit(repo)
+  put(repo, block, source('#222222'))
+  const head = commit(repo)
+  const report = await checkComparison({ repo, base, head, policy: 'conformance' })
+  expect(report.findings?.some((item) => item.rule === 'block-colour')).toBe(true)
+  expect(report.findings?.some((item) => item.value === 'bgColor: #123456')).toBe(false)
+})
+
+test('Monaco theme-only edits stay quiet while adjacent product colour edits are reported', async () => {
+  const repo = mkdtempSync(path.join(temp, 'monaco-theme-'))
+  git(repo, ['init', '-q'])
+  put(repo, 'apps/sim/app/_styles/globals.css', ':root { --text-body: #434343; }')
+  const source = (theme: string, product: string) => `
+    const rules=[{token:'keyword',foreground:'33b4ff'}]
+    monaco.editor.defineTheme('dark',{rules,colors:{'editor.background':'${theme}'}})
+    export const View=()=> <p className='text-[${product}]'>Text</p>`
+  put(repo, ui, source('#1b1b1b', '#123456'))
+  const base = commit(repo)
+  put(repo, ui, source('#242424', '#123456'))
+  const changedTheme = commit(repo)
+  const themeReport = await checkComparison({
+    repo,
+    base,
+    head: changedTheme,
+    policy: 'conformance',
+  })
+  expect(themeReport.findings.filter((finding) => finding.rule === 'central-colour')).toEqual([])
+  expect(themeReport.findings?.filter((item) => item.rule === 'syntax-colour')).toEqual([])
+  put(repo, ui, source('#242424', '#654321'))
+  const changedProduct = commit(repo)
+  const productReport = await checkComparison({
+    repo,
+    base: changedTheme,
+    head: changedProduct,
+    policy: 'conformance',
+  })
+  expect(productReport.findings.some((finding) => finding.value.includes('#654321'))).toBe(true)
+})
+
+test('direct product colour branches are checked while data-only and customer colours stay out of the source rule', () => {
+  const source = (code: string) => ({
+    entries: [
+      {
+        path: 'apps/sim/app/_styles/globals.css',
+        bytes: 32,
+        kind: 'blob',
+        mode: '100644',
+        blob: 'a'.repeat(40),
+      },
+      {
+        path: ui,
+        bytes: Buffer.byteLength(code),
+        kind: 'blob',
+        mode: '100644',
+        blob: 'b'.repeat(40),
+      },
+    ],
+    read: (entry: { path: string }) =>
+      entry.path === ui ? code : ':root { --text-body: #434343; }',
+  })
+  const product = inspectSimplifications(
+    source(
+      `export const View=({active})=><span style={{color: active?'#ff00ff':'var(--text-body)'}}/>`
+    )
+  )
+  expect(product.colourAssignments.findings.some((f) => f.value.includes('#ff00ff'))).toBe(true)
+  const data = inspectSimplifications(
+    source(
+      `export const payload={colour:'#ff00ff'}; export const View=({customerColor})=><span style={{color:customerColor}}/>`
+    )
+  )
+  expect(data.colourAssignments.findings.some((f) => f.value.includes('#ff00ff'))).toBe(false)
+})
+
+test('an imported assignment value or global-token removal exposes unchanged consumers', async () => {
+  const repo = mkdtempSync(path.join(temp, 'colour-dependency-'))
+  git(repo, ['init', '-q'])
+  const global = 'apps/sim/app/_styles/globals.css'
+  const palette = 'apps/sim/components/palette.ts'
+  put(repo, global, ':root { --text-body: #434343; }')
+  put(repo, palette, `export const ink='var(--text-body)'`)
+  put(
+    repo,
+    ui,
+    `import {ink} from './palette'; export const View=()=> <span style={{'--rest':ink, color:'var(--rest)'}}/>`
+  )
+  const base = commit(repo)
+  put(repo, palette, `export const ink='#ff00ff'`)
+  const head = commit(repo)
+  expect(
+    (await checkComparison({ repo, base, head, policy: 'conformance' })).colourAssignments
+      ?.introduced
+  ).toBeGreaterThanOrEqual(1)
+  put(repo, palette, `export const ink='var(--text-body)'`)
+  put(repo, global, ':root { --text-other: #434343; }')
+  const removed = commit(repo)
+  expect(
+    (await checkComparison({ repo, base, head: removed, policy: 'conformance' })).colourAssignments
+      ?.introduced
+  ).toBeGreaterThanOrEqual(1)
+})
+
+test('changing a computed imported palette source reports an unchanged style consumer', async () => {
+  const repo = mkdtempSync(path.join(temp, 'computed-palette-'))
+  git(repo, ['init', '-q'])
+  put(repo, 'apps/sim/app/_styles/globals.css', ':root { --text-body: #434343; }')
+  const palette = 'apps/sim/components/palette.ts'
+  put(repo, palette, `export const colours={ready:{color:'var(--text-body)'}}`)
+  put(
+    repo,
+    ui,
+    `import {colours} from './palette'; export const View=({status})=><span style={{color:colours[status].color}}/>`
+  )
+  const base = commit(repo)
+  put(repo, palette, `export const colours={ready:{color:'#ff00ff'}}`)
+  const head = commit(repo)
+  const report = await checkComparison({ repo, base, head, policy: 'conformance' })
+  expect(report.status).toBe('completed')
+  expect(
+    report.findings.some(
+      (finding) =>
+        finding.file === ui &&
+        finding.rule === 'central-colour-assignment' &&
+        finding.value.includes('#ff00ff')
+    )
+  ).toBe(true)
+  expect(
+    report.unchecked.some(
+      (note) => note.file === ui && note.reason.includes('unresolved provenance')
+    )
+  ).toBe(true)
+})
+
+test('registered EMCN chrome is reported once when both analysis passes see it', async () => {
+  const repo = mkdtempSync(path.join(temp, 'chrome-overlap-'))
+  git(repo, ['init', '-q'])
+  put(repo, 'apps/sim/app/_styles/globals.css', ':root { --text-body: #434343; }')
+  put(repo, 'packages/emcn/src/index.ts', `export { Badge } from './components/badge'`)
+  put(
+    repo,
+    'packages/emcn/src/components/badge.tsx',
+    `export function Badge({className,...props}:import('react').HTMLAttributes<HTMLSpanElement>){return <span {...props} className={cn('p-2',className)}/>} `
+  )
+  put(repo, ui, `import {Badge} from '@sim/emcn'; export const View=()=> <Badge>OK</Badge>`)
+  const base = commit(repo)
+  put(
+    repo,
+    ui,
+    `import {Badge} from '@sim/emcn'; export const View=()=> <Badge className='p-8'>OK</Badge>`
+  )
+  const head = commit(repo)
+  const report = await checkComparison({ repo, base, head, policy: 'conformance' })
+  expect(
+    report.findings.filter(
+      (finding) => finding.rule === 'component-chrome' && finding.value === 'p-8'
+    )
+  ).toHaveLength(1)
+})
+
+test('changing a reviewed effect recipe or deleting its colour revokes approval despite unchanged shadow text', async () => {
+  const repo = mkdtempSync(path.join(temp, 'shadow-extra-'))
+  git(repo, ['init', '-q'])
+  const global = 'apps/sim/app/_styles/globals.css'
+  const css =
+    'apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-editor.css'
+  const tokens = ':root { --selection-bg: #add6ff; --shadow-subtle: 0 2px 4px #000; }'
+  const rule =
+    '.rich-markdown-nodes hr.rich-leaf-in-selection { box-shadow: 0 0 0 0.4em var(--selection-bg); border-radius: 1px; }'
+  put(repo, global, tokens)
+  const empty = commit(repo)
+  put(repo, css, rule)
+  const base = commit(repo)
+  const introduced = await checkComparison({ repo, base: empty, head: base, policy: 'conformance' })
+  expect(introduced.shadowExtras).toHaveLength(1)
+  expect(introduced.findings.some((f) => f.rule === 'local-shadow')).toBe(true)
+  expect(introduced.findings.filter((f) => f.rule === 'central-shadow')).toEqual([])
+  put(repo, css, rule.replace('border-radius: 1px', 'border-radius: 2px'))
+  const changed = commit(repo)
+  const report = await checkComparison({ repo, base, head: changed, policy: 'conformance' })
+  expect(report.findings.filter((f) => f.rule === 'central-shadow')).toHaveLength(1)
+  expect(report.shadowExtras).toHaveLength(0)
+  put(repo, css, rule)
+  put(repo, global, tokens.replace('--selection-bg: #add6ff;', ''))
+  const removed = commit(repo)
+  expect(
+    (await checkComparison({ repo, base, head: removed, policy: 'conformance' })).findings.filter(
+      (f) => f.rule === 'central-shadow'
+    )
+  ).toHaveLength(1)
+})
+
+test('public diff checks approve a verified colour usage but still flag fallbacks and removed writers', async () => {
+  const repo = mkdtempSync(path.join(temp, 'colour-usage-'))
+  git(repo, ['init', '-q'])
+  put(
+    repo,
+    'apps/sim/app/_styles/globals.css',
+    ':root { --text-body: #434343; --text-muted: #777; }'
+  )
+  const css = 'apps/sim/components/shimmer.module.css'
+  const rule = '.label {color: var(--rest, var(--text-body));}'
+  put(repo, ui, `export const View=()=> <span className='[--rest:var(--text-muted)]'/>`)
+  const empty = commit(repo)
+  put(repo, css, rule)
+  const valid = commit(repo)
+  const report = await checkComparison({ repo, base: empty, head: valid, policy: 'conformance' })
+  expect(report.findings.filter((f) => f.rule === 'central-colour')).toEqual([])
+  expect(report.colourAssignments?.verifiedUsages).toHaveLength(1)
+  put(repo, css, rule.replace('var(--text-body)', 'hotpink'))
+  const badFallback = commit(repo)
+  expect(
+    (
+      await checkComparison({ repo, base: valid, head: badFallback, policy: 'conformance' })
+    ).findings.some((f) => f.rule === 'central-colour')
+  ).toBe(true)
+  put(repo, css, rule)
+  unlinkSync(path.join(repo, ui))
+  const removed = commit(repo)
+  const lost = await checkComparison({ repo, base: valid, head: removed, policy: 'conformance' })
+  expect(
+    lost.findings.some(
+      (f) => f.rule === 'central-colour' && f.reason.includes('last checked assignment')
+    )
+  ).toBe(true)
+  expect(lost.flagged).toBe(true)
+})
+
+test('editing an imported style helper revokes an unchanged consumer approval', async () => {
+  const repo = mkdtempSync(path.join(temp, 'style-helper-'))
+  git(repo, ['init', '-q'])
+  const helper = 'apps/sim/components/dimensions.ts'
+  put(repo, 'apps/sim/app/_styles/globals.css', ':root { --text-body: #434343; }')
+  put(repo, helper, `export const dimensions=()=>({width:runtime})`)
+  put(
+    repo,
+    ui,
+    `import {dimensions} from './dimensions';export const View=()=> <span style={dimensions()}/>`
+  )
+  const base = commit(repo)
+  for (const body of [
+    "{width:runtime,color:'hotpink'}",
+    '{width:runtime,...opaque}',
+    "{width:runtime,'--ink':'var(--missing)'}",
+  ]) {
+    put(repo, helper, `export const dimensions=()=>(${body})`)
+    const head = commit(repo)
+    const report = await checkComparison({ repo, base, head, policy: 'conformance' })
+    expect(report.status).toBe('completed')
+    expect((report.colourAssignments?.introduced ?? 0) + report.unchecked.length).toBeGreaterThan(0)
+    if (body.includes('hotpink')) expect(report.flagged).toBe(true)
+  }
+})
+
+test('public diff checker separates layout allowances and exposes a later internal override', async () => {
+  const repo = mkdtempSync(path.join(temp, 'layout-'))
+  git(repo, ['init', '-q'])
+  put(repo, 'apps/sim/app/_styles/globals.css', '@theme { --spacing: .25rem; }')
+  put(repo, 'packages/emcn/src/index.ts', "export * from './components/fields'")
+  put(
+    repo,
+    'packages/emcn/src/components/fields.tsx',
+    `export function ChipModalField({className,...props}:import('react').HTMLAttributes<HTMLDivElement>){return <div {...props} className={cn('flex flex-col gap-2 p-2',className)}/>};export function ChipModal({className,...props}:import('react').HTMLAttributes<HTMLDivElement>){return <div {...props} className={cn('h-20 p-2',className)}/>}`
+  )
+  put(repo, ui, 'export const View=()=> <div/>')
+  const base = commit(repo)
+  const view = (classes: string) =>
+    `import {ChipModalField as Field, ChipModal} from '@sim/emcn'; export const View=({props})=> <><Field className=${JSON.stringify(classes)} {...props}/><ChipModal className='h-[90vh]'/></>`
+  put(repo, ui, view('flex-1'))
+  const layoutHead = commit(repo)
+  const allowed = await checkComparison({ repo, base, head: layoutHead, policy: 'conformance' })
+  expect(allowed.status, allowed.error).toBe('completed')
+  expect(allowed.layoutAllowances).toHaveLength(1)
+  expect(allowed.findings.some((f) => f.rule === 'component-chrome')).toBe(false)
+  expect(allowed.unchecked.length).toBeGreaterThan(0)
+  put(repo, ui, view('flex-1 p-4 flex-row'))
+  const head = commit(repo)
+  const changed = await checkComparison({ repo, base: layoutHead, head, policy: 'conformance' })
+  expect(changed.findings.some((f) => f.value === 'p-4')).toBe(true)
+  expect(changed.findings.some((f) => f.value === 'flex-row')).toBe(false)
+})
+
+test('the public diff includes local custom-property writes despite legacy token-policy exemptions', async () => {
+  const repo = mkdtempSync(path.join(temp, 'local-writer-'))
+  git(repo, ['init', '-q'])
+  put(repo, 'apps/sim/app/_styles/globals.css', ':root{--text-body:#444}')
+  put(repo, ui, 'export const A=()=> <span>Label</span>')
+  const base = commit(repo)
+  put(repo, ui, 'export const A=()=> <span style={{"--text-body":"red"}}>Label</span>')
+  const head = commit(repo)
+  const report = await checkComparison({ repo, base, head, policy: 'conformance' })
+  expect(
+    report.findings.some((f) => f.rule === 'central-colour-assignment' && f.value.includes('red'))
+  ).toBe(true)
+})
+
+test.each([
+  ['apps/sim/components/large.css', `/*${'x'.repeat(2 * 1024 * 1024)}*/`],
+  ['packages/emcn/src/icons/broken.tsx', 'export const Mark=()=> <svg'],
+])('skipped CSS and malformed central artwork fail inspection: %s', async (file, code) => {
+  const repo = mkdtempSync(path.join(temp, 'inspection-'))
+  git(repo, ['init', '-q'])
+  put(repo, 'apps/sim/app/_styles/globals.css', ':root{--text-body:#444}')
+  const base = commit(repo)
+  put(repo, file, code)
+  const report = await checkComparison({ repo, base, head: commit(repo), policy: 'conformance' })
+  expect(report.status).toBe('failed')
+  expect(report.error).toMatch(/failure|parse|exceeds/i)
+  if (file.endsWith('.css'))
+    expect(report.coverageFailures?.some((note) => note.file === file)).toBe(true)
+})
diff --git a/scripts/check-design-conformance-controls.test.ts b/scripts/check-design-conformance-controls.test.ts
new file mode 100644
index 00000000000..83006907a7e
--- /dev/null
+++ b/scripts/check-design-conformance-controls.test.ts
@@ -0,0 +1,314 @@
+import { expect, test } from 'vitest'
+import type { ControlSource } from '#control-analysis/model'
+import { inspectSimplifications } from '#control-analysis/simplifications'
+
+const mergeSource =
+  "import { type ClassValue, clsx } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\n/**\n * v3 of tailwind-merge, matching the app's Tailwind v4 utility surface. v2\n * encodes Tailwind v3's smaller set and would stop resolving conflicts for\n * anything v4 added or renamed.\n *\n * The `font-size` extension teaches the merger that Sim's own type scale keys\n * are font sizes, not colours \u2014 without it `text-small` and `text-sm` do not\n * conflict, so a component that sets one while a consumer passes the other\n * emits both and CSS source order decides instead of the caller.\n */\nconst twMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      'font-size': [{ text: ['micro', 'caption', 'small', 'md'] }],\n    },\n  },\n})\n\n/** Combines class names and resolves Tailwind conflicts, last argument winning. */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"
+const buttonSource =
+  "import { type ButtonHTMLAttributes, forwardRef } from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/cn'\n\n/**\n * `size='icon'` is the square 20px icon-only button \u2014 a chip field's trailing\n * affordance, a toast dismiss, a section-header action. It drops the text padding\n * the `sm`/`md` sizes carry and tightens the radius to `rounded-sm` (4px), which\n * reads correctly at this size where the base 5px does not. The box is deliberately\n * larger than every glyph it holds; that margin IS the button's padding, since the\n * glyph is sized at the call site rather than here.\n *\n * Glyphs also draw one step thinner than the 1.55 the icon set ships, so a lone\n * icon reads as a secondary affordance rather than a piece of UI text. CSS wins\n * over the SVG's own `stroke-width` attribute, so this reaches every stroked icon\n * without touching the icon components \u2014 including the few that ship at 2.\n *\n * Compose it with `quiet` (the usual choice) or `ghost` (where the surrounding\n * surface owns the hover) \u2014 those pairings also pick up the muted icon color.\n *\n * @example <Button variant='quiet' size='icon' aria-label='Dismiss'><X className='size-[16px]' /></Button>\n */\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center transition-colors disabled:pointer-events-none disabled:opacity-70 outline-hidden focus:outline-hidden focus-visible:outline-hidden rounded-[5px]',\n  {\n    variants: {\n      variant: {\n        default:\n          'text-[var(--text-secondary)] hover-hover:text-[var(--text-primary)] bg-[var(--surface-4)] hover-hover:bg-[var(--surface-6)] border border-[var(--border)] hover-hover:border-[var(--border-1)] dark:hover-hover:bg-[var(--surface-5)]',\n        active:\n          'bg-[var(--surface-5)] hover-hover:bg-[var(--surface-6)] text-[var(--text-primary)] hover-hover:text-[var(--text-primary)] border border-[var(--border-1)] hover-hover:border-[var(--border-1)] dark:hover-hover:bg-[var(--border-1)]',\n        '3d': 'text-[var(--text-tertiary)] border-t border-l border-r border-[var(--border-1)] shadow-[0_2px_0_0_var(--border-1)] hover-hover:shadow-[0_4px_0_0_var(--border-1)] transition-[transform,box-shadow,color] hover-hover:-translate-y-0.5 hover-hover:text-[var(--text-primary)]',\n        outline:\n          'text-[var(--text-secondary)] hover-hover:text-[var(--text-primary)] border border-[var(--text-muted)] bg-transparent hover-hover:border-[var(--text-secondary)]',\n        primary:\n          'bg-[var(--text-primary)] text-[var(--text-inverse)] hover-hover:text-[var(--text-inverse)] hover-hover:bg-[var(--text-body)] dark:bg-white dark:text-[var(--bg)] dark:hover-hover:bg-[var(--text-secondary)] dark:hover-hover:text-[var(--bg)]',\n        destructive:\n          'bg-[var(--text-error)] text-white hover-hover:text-white hover-hover:brightness-106',\n        secondary: 'bg-[var(--brand-secondary)] text-[var(--text-primary)]',\n        tertiary:\n          'bg-[var(--brand-accent)] text-[var(--text-inverse)] hover-hover:text-[var(--text-inverse)] hover-hover:bg-[var(--brand-accent-hover)] dark:bg-[var(--brand-accent)] dark:hover-hover:bg-[var(--brand-accent-hover)] dark:text-[var(--text-inverse)] dark:hover-hover:text-[var(--text-inverse)]',\n        ghost: 'text-[var(--text-secondary)] hover-hover:text-[var(--text-primary)]',\n        subtle:\n          'text-[var(--text-body)] hover-hover:text-[var(--text-body)] hover-hover:bg-[var(--surface-4)]',\n        'ghost-secondary': 'text-[var(--text-muted)] hover-hover:text-[var(--text-primary)]',\n        quiet: 'text-[var(--text-secondary)] hover-hover:bg-[var(--surface-active)]',\n      },\n      size: {\n        sm: 'px-1.5 py-1 text-[length:11px]',\n        md: 'px-2 py-1.5 text-[length:12px]',\n        icon: 'size-[20px] rounded-sm p-0 [&_svg]:[stroke-width:1.25]',\n      },\n    },\n    compoundVariants: [\n      /**\n       * A lone glyph is icon content, not text, so the neutral icon buttons paint\n       * with `--text-icon-muted` rather than the variant's text color. Scoped to\n       * the neutral variants: the filled ones (`primary`, `destructive`, \u2026) carry\n       * inverse text that must keep winning over their own surface.\n       */\n      { size: 'icon', variant: 'quiet', className: 'text-[var(--text-icon-muted)]' },\n      { size: 'icon', variant: 'ghost', className: 'text-[var(--text-icon-muted)]' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, ...props }, ref) => {\n    return (\n      <button ref={ref} className={cn(buttonVariants({ variant, size }), className)} {...props} />\n    )\n  }\n)\n\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"
+const consumer = 'apps/sim/components/example.tsx'
+const icon = `<svg viewBox='0 0 24 24' aria-hidden='true'><rect x='4' y='4' width='16' height='16' rx='3' ry='3'/></svg>`
+function source(ui: string, extra: Record<string, string> = {}): ControlSource {
+  const files: Record<string, string> = {
+    'packages/emcn/src/index.ts': `export { Button } from './components/button/button'; export { X } from './icons/x'`,
+    'packages/emcn/src/components/button/button.tsx': buttonSource,
+    'packages/emcn/src/lib/cn.ts': mergeSource,
+    'packages/emcn/src/icons/x.tsx': `export function X(){ return ${icon} }`,
+    [consumer]: ui,
+    ...extra,
+  }
+  return {
+    entries: Object.entries(files).map(([path, text]) => ({
+      path,
+      mode: '100644',
+      kind: 'blob',
+      blob: 'a'.repeat(40),
+      bytes: Buffer.byteLength(text),
+    })),
+    read: (entry) => files[entry.path],
+  }
+}
+const ui = (body: string) =>
+  `import { Button, X } from '@sim/emcn'; export function View(){return (${body})}`
+const run = (body: string, extra: Record<string, string> = {}) =>
+  inspectSimplifications(source(ui(body), extra)).simplifications
+const matching = (result: ReturnType<typeof run>, rule: string) =>
+  result.findings.filter((f) => f.rule === rule)
+
+test('exact default padding/radius repeats have source-backed removal proofs', () => {
+  const result = run(`<Button className='px-2 py-1.5 rounded-[5px]'>Save</Button>`)
+  expect(matching(result, 'control-redundant-style').map((f) => f.value)).toEqual([
+    'px-2',
+    'py-1.5',
+    'rounded-[5px]',
+  ])
+  expect(matching(result, 'control-accessible-name')).toHaveLength(0)
+  expect(result.findings.every((f) => f.proof.recipe)).toBe(true)
+})
+
+test('intervening conflicts, important flags and responsive scopes are not mistaken for repeats', () => {
+  for (const classes of ['p-4 px-2', 'px-2!', 'hover:px-2', 'sm:px-2']) {
+    expect(
+      matching(run(`<Button className='${classes}'>Save</Button>`), 'control-redundant-style')
+    ).toHaveLength(0)
+  }
+})
+
+test('all finite size/default alternatives must preserve classes', () => {
+  expect(
+    matching(
+      run(`<Button size={enabled ? 'md' : 'sm'} className='px-2'>Save</Button>`),
+      'control-redundant-style'
+    )
+  ).toHaveLength(0)
+  expect(
+    matching(
+      run(`<Button size={enabled ? 'md' : undefined} className='px-2'>Save</Button>`),
+      'control-redundant-style'
+    )
+  ).toHaveLength(1)
+  expect(
+    matching(run(`<Button size={null} className='px-2'>Save</Button>`), 'control-redundant-style')
+  ).toHaveLength(0)
+})
+
+test('ordered immutable imported spreads and aliases resolve, later unknown spreads do not', () => {
+  const module = {
+    'apps/sim/components/shared.ts': `export const props = {className:'px-2',size:'md'} as const`,
+  }
+  const prefix = `import {Button as Action} from '@sim/emcn'; import {props} from './shared';`
+  const known = inspectSimplifications(
+    source(`${prefix} export const View=()=> <Action {...props} aria-label='Save'/>`, module)
+  ).simplifications
+  expect(matching(known, 'control-redundant-style')).toHaveLength(1)
+  const uncertain = inspectSimplifications(
+    source(`${prefix} export const View=({runtime})=> <Action {...props} {...runtime}/>`, module)
+  ).simplifications
+  expect(matching(uncertain, 'control-redundant-style')).toHaveLength(0)
+  expect(uncertain.unchecked.some((n) => n.reason.includes('unresolved'))).toBe(true)
+})
+
+test('namespace aliases work and shadowed central names do not acquire recipe authority', () => {
+  const namespaced = inspectSimplifications(
+    source(
+      `import * as E from '@sim/emcn'; export const View=()=> <E.Button className='px-2'>Save</E.Button>`
+    )
+  ).simplifications
+  expect(matching(namespaced, 'control-redundant-style')).toHaveLength(1)
+  const shadowed = inspectSimplifications(
+    source(
+      `import {Button} from '@sim/emcn'; export function View(){ const Button=({children})=><div>{children}</div>; return <Button className='px-2'>Save</Button> }`
+    )
+  ).simplifications
+  expect(matching(shadowed, 'control-redundant-style')).toHaveLength(0)
+})
+
+test('unsupported cn implementation or runtime class factory produces uncertainty, never a removal', () => {
+  expect(
+    matching(
+      run(`<Button className='px-2'>Save</Button>`, {
+        'packages/emcn/src/lib/cn.ts': `export const cn=(...args)=>args.join(' ')`,
+      }),
+      'control-redundant-style'
+    )
+  ).toHaveLength(0)
+  expect(
+    matching(run(`<Button className={getClasses()}>Save</Button>`), 'control-redundant-style')
+  ).toHaveLength(0)
+})
+
+test('icon-only buttons need names; a tooltip description is not one', () => {
+  expect(
+    matching(run(`<Button aria-describedby='tooltip'><X/></Button>`), 'control-accessible-name')
+  ).toHaveLength(1)
+  expect(
+    matching(
+      run(`<button><svg aria-hidden='true'><path d='M0 0'/></svg></button>`),
+      'control-accessible-name'
+    )
+  ).toHaveLength(1)
+})
+
+test('text, screen-reader text, labels, titles and resolvable labelledby name buttons', () => {
+  for (const body of [
+    `<Button>Save</Button>`,
+    `<Button><span className='sr-only'>Save</span><X/></Button>`,
+    `<Button aria-label='Save'><X/></Button>`,
+    `<Button title='Save'><X/></Button>`,
+    `<div><span id='label'>Save</span><Button aria-labelledby='label'><X/></Button></div>`,
+    `<div><span id='label'/><Button aria-labelledby='label'>Save</Button></div>`,
+    `<div><span id='label'/><Button aria-labelledby='label' aria-label='Save'><X/></Button></div>`,
+  ])
+    expect(matching(run(body), 'control-accessible-name')).toHaveLength(0)
+})
+
+test('dynamic name/content/spreads and missing label references stay unresolved', () => {
+  for (const body of [
+    `<Button aria-label={label}><X/></Button>`,
+    `<Button>{children}</Button>`,
+    `<Button {...runtime}><X/></Button>`,
+    `<Button aria-labelledby='missing'><X/></Button>`,
+  ]) {
+    const result = run(body)
+    expect(matching(result, 'control-accessible-name')).toHaveLength(0)
+    expect(result.unchecked.some((n) => n.reason.includes('Accessible name unresolved'))).toBe(true)
+  }
+})
+
+test('generic icon parameters are followed through statically known wrapper callers', () => {
+  const result = inspectSimplifications(
+    source(
+      `import {Button,X} from '@sim/emcn'; function Action({icon:Icon,label}) {return <Button><Icon/></Button>} export const View=()=> <Action icon={X} label='Delete'/>`
+    )
+  ).simplifications
+  expect(matching(result, 'control-accessible-name')).toHaveLength(1)
+  expect(matching(result, 'control-accessible-name')[0].context).toBe('Action')
+})
+
+test('drawing equality ignores formatting and caller size but retains geometry and paint', () => {
+  const result = run(
+    `<Button aria-label='Stop'><svg className='size-[14px] fill-current' viewBox='0 0 24 24'><rect ry='3' rx='3' height='16' width='16' y='4' x='4'/></svg></Button>`
+  )
+  expect(matching(result, 'control-duplicate-artwork')).toHaveLength(1)
+  expect(matching(result, 'control-duplicate-artwork')[0].proof.central).toEqual([
+    'packages/emcn/src/icons/x.tsx#X',
+  ])
+  for (const rect of [
+    `<rect x='3' y='3' width='18' height='18' rx='2'/>`,
+    `<rect x='4' y='4' width='16' height='16' rx='3' ry='3' fill='red'/>`,
+  ])
+    expect(
+      matching(
+        run(`<Button aria-label='Stop'><svg viewBox='0 0 24 24'>${rect}</svg></Button>`),
+        'control-duplicate-artwork'
+      )
+    ).toHaveLength(0)
+})
+
+test('dynamic SVG geometry remains explicit and excluded landing artwork stays excluded', () => {
+  const result = run(
+    `<Button aria-label='Stop'><svg viewBox='0 0 24 24'><rect x={x}/></svg></Button>`,
+    { 'apps/sim/app/(landing)/page.tsx': `export const Page=()=>${icon}` }
+  )
+  expect(matching(result, 'control-duplicate-artwork')).toHaveLength(0)
+  expect(result.unchecked.some((n) => n.reason.includes('SVG equivalence unresolved'))).toBe(true)
+})
+
+test('analysis never executes source and is independent of discovery order', () => {
+  const input = source(
+    `throw new Error('must not execute'); ${ui(`<Button className='px-2'><X/></Button>`)}`
+  )
+  const forward = inspectSimplifications(input, [], 'forward')
+  const reverse = inspectSimplifications(
+    { ...input, entries: [...input.entries].reverse() },
+    [],
+    'reverse'
+  )
+  expect(reverse).toEqual(forward)
+})
+
+test('forwarded SVG props preserve explicit caller overrides and default decorative status', () => {
+  const extra = {
+    'packages/emcn/src/icons/x.tsx': `export function X({className,...props}){return <svg aria-hidden='true' {...props}><path d='M0 0'/></svg>}`,
+  }
+  expect(matching(run(`<Button><X/></Button>`, extra), 'control-accessible-name')).toHaveLength(1)
+  expect(
+    matching(
+      run(`<Button><X aria-hidden={false} aria-label='Save'/></Button>`, extra),
+      'control-accessible-name'
+    )
+  ).toHaveLength(0)
+})
+
+test('a CSS-hidden programmatic trigger is not an unnamed visible button', () => {
+  expect(
+    matching(run(`<button className='hidden' onClick={remove}/>`), 'control-accessible-name')
+  ).toHaveLength(0)
+  expect(
+    matching(
+      run(`<button className='hidden sm:block' onClick={remove}/>`),
+      'control-accessible-name'
+    )
+  ).toHaveLength(1)
+})
+
+test('statically resolved ARIA buttons require a name', () => {
+  expect(matching(run('<div role="button"/>'), 'control-accessible-name')).toHaveLength(1)
+  expect(
+    matching(run('<div role="button" aria-label="Run"/>'), 'control-accessible-name')
+  ).toHaveLength(0)
+  expect(matching(run('<div role={role}/>'), 'control-accessible-name')).toHaveLength(0)
+})
+
+test('directly referenced hidden text supplies an accessible name', () => {
+  expect(
+    matching(
+      run(
+        '<><span id="name" aria-hidden="true">Run</span><Button aria-labelledby="name"><X/></Button></>'
+      ),
+      'control-accessible-name'
+    )
+  ).toHaveLength(0)
+})
+test('undefined class alternatives cannot exempt visible unnamed buttons', () => {
+  expect(
+    matching(
+      run('<Button className={visible ? undefined : "hidden"}><X/></Button>'),
+      'control-accessible-name'
+    )
+  ).toHaveLength(1)
+  expect(
+    matching(run('<Button className="hidden"><X/></Button>'), 'control-accessible-name')
+  ).toHaveLength(0)
+})
+
+test('native image inputs require an accessible name from alt or ARIA', () => {
+  expect(
+    matching(run('<input type="image" src="/action.png"/>'), 'control-accessible-name')
+  ).toHaveLength(1)
+  expect(
+    matching(run('<input type="image" src="/action.png" alt="Submit"/>'), 'control-accessible-name')
+  ).toEqual([])
+  expect(
+    matching(
+      run('<input type="image" src="/action.png" aria-label="Submit"/>'),
+      'control-accessible-name'
+    )
+  ).toEqual([])
+})
+
+test('finite image and text input branches still inspect the image action name', () => {
+  expect(
+    matching(
+      run('<input type={condition ? "image" : "text"} src="/action.png"/>'),
+      'control-accessible-name'
+    )
+  ).toHaveLength(1)
+  expect(
+    matching(
+      run('<input type={condition ? "image" : "text"} src="/action.png" alt="Submit"/>'),
+      'control-accessible-name'
+    )
+  ).toEqual([])
+})
+
+test('button inputs use their own value or ARIA name in every finite type branch', () => {
+  for (const body of ['<input type="button"/>', '<input type="button" value=""/>'])
+    expect(matching(run(body), 'control-accessible-name')).toHaveLength(1)
+  for (const body of [
+    '<input type="button" value="Save"/>',
+    '<input type="button" aria-label="Save"/>',
+    '<input type={condition ? "image" : "button"} alt="Submit" value="Submit"/>',
+  ])
+    expect(matching(run(body), 'control-accessible-name')).toEqual([])
+  expect(
+    run('<input type="button" value={actionName}/>').unchecked.some((n) =>
+      n.reason.includes('Accessible name unresolved')
+    )
+  ).toBe(true)
+  expect(
+    run('<input type={condition ? "image" : "button"} alt="Submit"/>').unchecked.some((n) =>
+      n.reason.includes('Accessible name unresolved')
+    )
+  ).toBe(true)
+})
diff --git a/scripts/check-design-conformance-coverage.test.ts b/scripts/check-design-conformance-coverage.test.ts
new file mode 100644
index 00000000000..7a4abdc8eae
--- /dev/null
+++ b/scripts/check-design-conformance-coverage.test.ts
@@ -0,0 +1,506 @@
+/** biome-ignore-all lint/suspicious/noTemplateCurlyInString: Fixtures contain proposed source text. */
+import { readFileSync } from 'node:fs'
+import { expect, test } from 'vitest'
+import { associateFindings } from '#control-analysis/associations'
+import type { ControlSource, InventoryFinding } from '#control-analysis/model'
+import { ReviewCollector } from '#control-analysis/review'
+import { findingFingerprint, matchReviews } from '#control-analysis/review-ledger'
+import { productScope } from '#control-analysis/scope'
+import { inspectSimplifications } from '#control-analysis/simplifications'
+import { extract } from '#design-conformance/extract'
+import type { GeneratedContracts } from '#design-conformance/generated-contracts'
+import { inspectionFailure } from '#design-conformance/model'
+
+const globals = 'apps/sim/app/_styles/globals.css'
+const ui = 'apps/sim/components/example.tsx'
+function source(files: Record<string, string>): ControlSource {
+  return {
+    entries: Object.entries(files).map(([path, text]) => ({
+      path,
+      bytes: Buffer.byteLength(text),
+      kind: 'blob',
+      mode: '100644',
+      blob: 'a'.repeat(40),
+    })),
+    read: (entry) => files[entry.path],
+  }
+}
+const metadata = JSON.parse(
+  readFileSync('scripts/design-conformance/contracts.generated.json', 'utf8')
+) as GeneratedContracts
+const inspect = (files: Record<string, string>) =>
+  inspectSimplifications(
+    source({
+      [globals]: ':root { --caution: #f59e0b; --color-yellow-500: #eab308; --text-body: #444; }',
+      ...files,
+    }),
+    [],
+    'forward',
+    undefined,
+    undefined,
+    undefined,
+    metadata
+  )
+
+test('browser desktop UI is checked while landing, docs, native desktop and API remain excluded', () => {
+  expect(productScope('apps/sim/app/desktop/auth/page.tsx')).toBe('check')
+  expect(
+    productScope('apps/sim/app/workspace/[workspaceId]/settings/components/desktop/desktop.tsx')
+  ).toBe('check')
+  for (const file of [
+    'apps/sim/app/(landing)/page.tsx',
+    'apps/sim/app/(docs)/page.tsx',
+    'apps/sim/app/design-studio/components/page.tsx',
+    'apps/desktop/src/main.tsx',
+    'apps/sim/lib/desktop/appearance.ts',
+    'apps/sim/tools/generated/tool-metadata.ts',
+    'apps/sim/app/api/desktop/auth/route.ts',
+  ])
+    expect(productScope(file)).toBe('exclude')
+})
+
+test('landing, docs and marketing helper contents are never read by shared analysis', () => {
+  const files = {
+    [globals]: ':root { --text-body: #444; }',
+    [ui]: `export const View=()=> <span style={{color:'var(--text-body)'}}/>`,
+    'apps/sim/app/(landing)/page.tsx': `throw Error('landing source must not be read')`,
+    'apps/sim/app/(docs)/page.tsx': `throw Error('docs source must not be read')`,
+    'apps/sim/app/design-studio/components/page.tsx': `throw Error('studio source must not be read')`,
+    'apps/sim/lib/content/mdx.tsx': `throw Error('marketing renderer must not be read')`,
+    'apps/sim/lib/content/nested/renderer.tsx': `export const Broken = <`,
+  }
+  const base = source(files)
+  const touched: string[] = []
+  inspectSimplifications({
+    ...base,
+    read: (entry) => {
+      touched.push(entry.path)
+      if (productScope(entry.path) === 'exclude')
+        throw new Error(`Excluded source read: ${entry.path}`)
+      return files[entry.path as keyof typeof files]
+    },
+  })
+  expect(touched.some((file) => productScope(file) === 'exclude')).toBe(false)
+})
+
+test('finite imported colour object is traced through computed lookup to a style sink', () => {
+  const report = inspect({
+    'apps/sim/components/status.ts': `export const STATUS_CONFIG = {
+      pending: { color: '#f59e0b' }, cancelled: { color: '#f97316' }
+    }`,
+    [ui]: `import { STATUS_CONFIG } from './status'
+      export function View({status}:{status:'pending'|'cancelled'}) {
+        return <span style={{backgroundColor: STATUS_CONFIG[status].color}} />
+      }`,
+  })
+  expect(
+    report.colourAssignments.findings.some(
+      (finding) => finding.file === ui && finding.value.includes('#f97316')
+    )
+  ).toBe(true)
+  const unresolved = inspect({
+    'apps/sim/components/status.ts': `export const STATUS_CONFIG={pending:{color:'var(--caution)'}}`,
+    [ui]: `import {STATUS_CONFIG} from './status'; export const View=({status})=><span style={{color:STATUS_CONFIG[status].color}}/>`,
+  })
+  expect(
+    unresolved.colourAssignments.unchecked.some((note) =>
+      note.reason.includes('unresolved provenance')
+    )
+  ).toBe(true)
+  expect(
+    unresolved.colourAssignments.assignments.some(
+      (assignment) => assignment.status === 'unresolved'
+    )
+  ).toBe(true)
+})
+
+test('simple helper colour returns are traced and runtime inputs remain unchecked', () => {
+  const literal = inspect({
+    'apps/sim/components/tones.ts': `export function tone(ok){return ok?'var(--caution)':'#f97316'}`,
+    [ui]: `import {tone} from './tones'; export const View=({ok})=><span style={{color:tone(ok)}}/>`,
+  })
+  expect(
+    literal.colourAssignments.findings.some((finding) => finding.value.includes('#f97316'))
+  ).toBe(true)
+  const runtime = inspect({
+    [ui]: `function tone(user){return user.color}; export const View=({user})=><span style={{color:tone(user)}}/>`,
+  })
+  expect(runtime.colourAssignments.findings).toEqual([])
+  expect(
+    runtime.colourAssignments.unchecked.some((note) =>
+      note.reason.includes('unresolved provenance')
+    )
+  ).toBe(true)
+})
+
+test('barrel imported ChipTextarea resolves to the central control', () => {
+  const report = inspect({
+    'packages/emcn/src/index.ts': `export { ChipTextarea } from './components/chip-textarea'`,
+    'packages/emcn/src/components/chip-textarea.tsx': `export function ChipTextarea(props){return <textarea {...props}/>}`,
+    [ui]: `import {ChipTextarea} from '@sim/emcn'; export const View=()=> <ChipTextarea aria-label='Notes'/>`,
+  })
+  expect(
+    report.controls.records.some(
+      (record) =>
+        record.file === ui &&
+        record.origin === 'emcn-component' &&
+        record.evidence.some((target) => target.includes('ChipTextarea'))
+    )
+  ).toBe(true)
+})
+
+test('registered EMCN chrome catches local overrides while layout-only width remains local', () => {
+  const report = inspect({
+    [ui]: `import {Badge, Input, PopoverContent, Tooltip} from '@sim/emcn'
+    export const View=()=> <><Badge className='bg-red-500'>A</Badge>
+      <Input className='h-12 max-w-xs'/><PopoverContent className='p-8'/>
+      <Tooltip.Content className='text-lg'>Help</Tooltip.Content></>`,
+  })
+  const overrides = report.review.findings.filter((finding) => finding.rule === 'component-chrome')
+  expect(overrides.map((finding) => finding.value)).toEqual(
+    expect.arrayContaining(['bg-red-500', 'h-12', 'p-8', 'text-lg'])
+  )
+  expect(overrides.some((finding) => finding.value === 'max-w-xs')).toBe(false)
+  const barrel = inspect({
+    'packages/emcn/src/index.ts': `export { Badge } from './components/badge/badge'`,
+    'packages/emcn/src/components/badge/badge.tsx': `export function Badge({className,...props}:import('react').HTMLAttributes<HTMLSpanElement>){return <span {...props} className={cn('p-2',className)}/>} `,
+    'apps/sim/components/barrel.ts': `export { Badge as StatusBadge } from '@sim/emcn'`,
+    [ui]: `import {StatusBadge} from './barrel'; export const View=()=> <StatusBadge className='p-8'>A</StatusBadge>`,
+  })
+  expect(
+    barrel.review.findings.some(
+      (finding) => finding.value === 'p-8' && finding.rule === 'component-chrome'
+    )
+  ).toBe(true)
+  const central = inspect({
+    'packages/emcn/src/index.ts': `export { Input } from './components/input'`,
+    'packages/emcn/src/components/input.tsx': `export function Input(props){return <input {...props}/>}`,
+    'packages/emcn/src/components/composite.tsx': `import {Input} from '../../index'; export const Composite=()=> <Input className='p-8'/>`,
+  })
+  expect(central.review.findings.some((finding) => finding.file.startsWith('packages/emcn/'))).toBe(
+    false
+  )
+})
+
+test('finite literal branch and landing-only token cannot be approved by the other branch', () => {
+  const report = inspect({
+    [ui]: `export const View=({active})=><span style={{
+    backgroundColor: active ? '#EAB308' : 'var(--color-yellow-500)'
+  }} />`,
+  })
+  expect(
+    report.colourAssignments.findings.some((finding) => finding.value.includes('#EAB308'))
+  ).toBe(true)
+  const landing = inspect({
+    [ui]: `export const View=()=> <span style={{color:'var(--landing-text)'}}/>`,
+  })
+  expect(
+    landing.colourAssignments.findings.some((finding) =>
+      finding.reason.includes('Landing-only token')
+    )
+  ).toBe(true)
+  const radius = inspect({
+    [ui]: `export const View=()=> <span className='rounded-[var(--landing-radius)]' style={{borderRadius:'var(--landing-radius)'}}/>`,
+    'apps/sim/components/example.css': '.product { border-radius: var(--landing-radius); }',
+  })
+  expect(radius.review.findings.filter((finding) => finding.rule === 'central-token')).toHaveLength(
+    3
+  )
+})
+
+test('Monaco theme palette is excluded while other product styling remains checked', () => {
+  const report = inspect({
+    [ui]: `
+    const rules=[{token:'keyword',foreground:'33b4ff'}]
+    monaco.editor.defineTheme('dark',{rules,colors:{'editor.background':'#1b1b1b'}})
+    const html=\`<html><style>body { background: #000; }</style></html>\`
+    new Blob([html],{type:'text/html'})
+  `,
+  })
+  expect(report.review.findings.some((finding) => finding.value === '#1b1b1b')).toBe(false)
+  expect(report.review.findings.some((finding) => finding.value === '#000')).toBe(true)
+  expect(report.review.findings.some((item) => item.rule === 'syntax-colour')).toBe(false)
+  const otherTheme = inspect({
+    [ui]: `const rules=[{token:'keyword',foreground:'33b4ff'}];
+      productTheme.editor.defineTheme('dark',{rules,colors:{'editor.background':'#1b1b1b'}})`,
+  })
+  expect(otherTheme.review.findings.some((finding) => finding.value === '#1b1b1b')).toBe(true)
+  expect(otherTheme.review.findings.some((item) => item.rule === 'syntax-colour')).toBe(true)
+  const dataOnly = inspect({
+    [ui]: `const html='<style>body{color:#000}</style>';
+    const payload={foreground:'#33b4ff'}; export const View=()=> <span>OK</span>`,
+  })
+  expect(dataOnly.review.findings).toEqual([])
+})
+
+test('mixed artwork inventory selects first-party glyphs without treating provider logos as product icons', () => {
+  const report = inspect({
+    'apps/sim/components/icons.tsx': `export function SearchIcon(){return <svg/>}
+      export function ProviderLogo(){return <svg/>}`,
+  })
+  expect(
+    report.review.findings.some(
+      (item) => item.rule === 'mixed-product-artwork' && item.context === 'SearchIcon'
+    )
+  ).toBe(true)
+  expect(report.review.findings.some((item) => item.context === 'ProviderLogo')).toBe(false)
+})
+
+test('complete EMCN recipes do not make native controls local-chrome advisories', () => {
+  const report = inspect({
+    [ui]: `import { chipVariants, chipGeometryClass, dropdownMenuRowClass, chipFilledFillTokens } from '@sim/emcn'
+      export const ChipAction=()=> <button className={chipVariants()}>Chip action</button>
+      export const GeometricAction=()=> <button className={chipGeometryClass}>Geometric action</button>
+      export const MenuAction=()=> <button className={dropdownMenuRowClass}>Menu action</button>
+      export const LayoutAction=()=> <button className={cn(chipVariants(), 'max-w-[220px]')}>Layout action</button>
+      export const TonedAction=()=> <button className={cn(chipVariants(), 'text-[var(--text-muted)] text-small')}>Toned action</button>
+      export const UnknownAction=({extra})=> <button className={cn(chipVariants(), extra)}>Unknown action</button>
+      export const PartialRecipe=()=> <button className={chipFilledFillTokens}>Partial recipe</button>
+      export const LocalAction=()=> <button className='rounded-md bg-red-500'>Local action</button>`,
+    'packages/emcn/src/index.ts': `export const chipVariants=()=> 'rounded-sm bg-blue-500';
+      export const chipGeometryClass='rounded-sm px-2';
+      export const dropdownMenuRowClass='rounded-sm bg-blue-500';
+      export const chipFilledFillTokens='bg-blue-500'`,
+  })
+  // The tiny fixture lacks the full EMCN export graph. Supply the already
+  // resolved central recipe refs to exercise design finding classification itself.
+  const controls = {
+    ...report.controls,
+    records: report.controls.records.map((record) => ({
+      ...record,
+      recipes: ['ChipAction', 'LayoutAction', 'TonedAction', 'UnknownAction'].includes(record.owner)
+        ? ['packages/emcn/src/index.ts#chipVariants']
+        : record.owner === 'GeometricAction'
+          ? ['packages/emcn/src/index.ts#chipGeometryClass']
+          : record.owner === 'MenuAction'
+            ? ['packages/emcn/src/index.ts#dropdownMenuRowClass']
+            : record.recipes,
+    })),
+  }
+  const items = new ReviewCollector(source({ [globals]: ':root {}' })).finish(controls).findings
+  const local = items.filter((item) => item.rule === 'local-control')
+  expect(local.some((item) => item.value === 'button')).toBe(true)
+  expect(local).toHaveLength(2)
+  const overrides = items.filter((item) => item.rule === 'emcn-recipe-override')
+  expect(overrides.map((item) => item.context).sort()).toEqual(['TonedAction', 'UnknownAction'])
+  expect(overrides.find((item) => item.context === 'TonedAction')?.value).toContain(
+    'text-[var(--text-muted)]'
+  )
+})
+
+test('repeated layout alone is quiet while repeated chrome remains reviewable', () => {
+  const report = inspect({
+    [ui]: `export const LayoutA=()=> <div className='flex gap-2 items-center'/>
+      export const LayoutB=()=> <div className='flex gap-2 items-center'/>
+      export const LayoutC=()=> <div className='flex gap-2 items-center'/>
+      export const ChromeA=()=> <div className='rounded-md border border-[var(--border)]'/>
+      export const ChromeB=()=> <div className='rounded-md border border-[var(--border)]'/>
+      export const ChromeC=()=> <div className='rounded-md border border-[var(--border)]'/>`,
+  })
+  const repeated = report.review.findings.filter((item) => item.rule === 'repeated-treatment')
+  expect(repeated.some((item) => item.value === 'flex gap-2 items-center')).toBe(false)
+  expect(repeated.some((item) => item.value.includes('rounded-md'))).toBe(true)
+})
+
+test('runtime CSS review distinguishes source-proven boundaries without approving unknown CSS', () => {
+  const report = inspect({
+    'apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/text-editor.tsx': `
+      const FIND_TOOLTIP_FIX_CSS = \`[data-find-tooltip-fix] .context-view { transform: translateY(56px); }\`
+      export const Editor=()=> <style>{FIND_TOOLTIP_FIX_CSS}</style>`,
+    'apps/sim/app/workspace/[workspaceId]/w/components/preview/components/preview-editor/preview-editor.tsx': `
+      const READONLY_PREVIEW_STYLES = \`.readonly-preview [disabled] { opacity: 1 !important; }\`
+      export const Preview=()=> <style>{READONLY_PREVIEW_STYLES}</style>`,
+    [ui]: `export const View=({css})=> <style>{css}</style>`,
+  })
+  const kinds = report.review.findings.map((item) => item.rule)
+  expect(kinds).toContain('runtime-style-editor-tooltip')
+  expect(kinds).toContain('runtime-style-preview-disabled')
+  expect(kinds).toContain('runtime-style')
+  expect(
+    report.review.unchecked.filter((note) =>
+      note.reason.includes('computed style remains unchecked')
+    )
+  ).toHaveLength(3)
+})
+
+test('customer branding and shared preview cursor selectors have distinct review reasons', () => {
+  const report = inspect({
+    'apps/sim/ee/whitelabeling/components/branding-provider.tsx': `
+      import { generateOrgThemeCSS } from '@/ee/whitelabeling/org-branding-utils'
+      import { useMemo } from 'react'
+      export const BrandingProvider=({effectiveOrgSettings})=>{
+        const themeCSS=useMemo(()=>effectiveOrgSettings ? generateOrgThemeCSS(effectiveOrgSettings) : '',[effectiveOrgSettings])
+        return <style>{themeCSS}</style>
+      }`,
+    'apps/sim/app/workspace/[workspaceId]/w/components/preview/components/preview-workflow/preview-workflow.tsx': `
+      export const PreviewWorkflow=({cursorStyle})=> <style>{\`.preview-mode .react-flow { cursor: \${cursorStyle}; }\`}</style>`,
+  })
+  expect(report.review.findings.map((item) => item.rule)).toEqual(
+    expect.arrayContaining(['runtime-style-customer-brand', 'runtime-style-preview-cursor'])
+  )
+  expect(report.review.unchecked).toEqual(
+    expect.arrayContaining([
+      expect.objectContaining({ reason: expect.stringContaining('customer input') }),
+      expect.objectContaining({ reason: expect.stringContaining('scope it to this preview') }),
+    ])
+  )
+})
+
+test('landing imports are an explicit boundary and a ledger never removes raw findings', () => {
+  const report = inspect({
+    [ui]: `import { LogoShell } from '@/app/(landing)/components/logo-shell'
+    export const View=()=> <LogoShell><span style={{color:'#eee'}}/></LogoShell>`,
+  })
+  expect(
+    report.review.unchecked.some((note) => note.reason.includes('excluded landing source'))
+  ).toBe(true)
+  const finding = report.colourAssignments.findings[0]
+  expect(finding).toBeDefined()
+  const decisions = matchReviews(
+    {
+      version: '1.0.0',
+      entries: [
+        {
+          fingerprint: findingFingerprint(finding),
+          status: 'retained-extra',
+          rationale: 'Reviewed geometry',
+          evidence: '/external/review',
+        },
+      ],
+    },
+    [finding],
+    []
+  )
+  expect(decisions.matches).toHaveLength(1)
+  expect(report.colourAssignments.findings).toContain(finding)
+  const duplicate = matchReviews(
+    {
+      version: '1.0.0',
+      entries: [
+        {
+          fingerprint: findingFingerprint(finding),
+          status: 'retained-extra',
+          rationale: 'Reviewed geometry',
+          evidence: '/external/review',
+        },
+        {
+          fingerprint: 'a'.repeat(64),
+          status: 'designer-review',
+          rationale: 'Needs designer review',
+          evidence: '/external/review',
+        },
+      ],
+    },
+    [finding, finding],
+    []
+  )
+  expect(duplicate.matches).toEqual([])
+  expect(duplicate.ambiguous).toContain(findingFingerprint(finding))
+  expect(duplicate.stale).toContain('a'.repeat(64))
+})
+
+test('syntax and extraction errors remain distinguishable', () => {
+  const bad = extract('export const View=()=> <div className={', ui, false, {
+    conformance: true,
+    resolve: () => undefined,
+  })
+  expect(bad.unchecked.some((note) => note.reason.startsWith('Parser failure:'))).toBe(true)
+  const valid = extract('export const View=()=> <div className={undefined} />', ui, false, {
+    conformance: true,
+    resolve: () => undefined,
+  })
+  expect(valid.unchecked.some((note) => /^(?:Parser|Extraction) failure/.test(note.reason))).toBe(
+    false
+  )
+})
+
+test('rendered CSS template substitutions remain visible as unchecked analysis', () => {
+  const report = inspect({
+    [ui]: 'const html=`<style>body{color:${color}}</style>`;new Blob([html],{type:"text/html"})',
+  })
+  expect(report.review.unchecked.some((n) => /CSS|substitut/i.test(n.reason))).toBe(true)
+})
+
+test('hidden false and runtime visibility cannot hide local control styling', () => {
+  for (const value of ['false', 'visible']) {
+    const report = inspect({
+      [ui]: `export const A=()=> <button hidden={${value}} className="rounded-xl bg-red-500">Go</button>`,
+    })
+    expect(report.review.findings.some((f) => f.rule === 'local-control')).toBe(true)
+  }
+  expect(
+    inspect({
+      [ui]: 'export const A=()=> <button hidden className="rounded-xl bg-red-500">Go</button>',
+    }).review.findings.some((f) => f.rule === 'local-control')
+  ).toBe(false)
+})
+
+test.each([
+  'export const View=()=> <style>{".label {color: #abc}"}</style>',
+  'export const View=()=> <style>.label &#123;color: #abc&#125;</style>',
+])('literal JSX styles remain visible: %s', (code) => {
+  const report = inspect({ [ui]: code })
+  expect(report.review.findings.some((f) => f.rule === 'runtime-style')).toBe(true)
+  expect(report.review.unchecked.some((n) => n.file === ui && n.reason.includes('style'))).toBe(
+    true
+  )
+})
+
+test('conditional input branches remain directly associated with their control', () => {
+  const finding: InventoryFinding = {
+    id: 'branch',
+    rule: 'component-chrome',
+    category: 'colours',
+    property: 'color',
+    file: ui,
+    line: 1,
+    column: 10,
+    context: 'View / @sim/emcn#Button / className/then',
+    value: 'text-white',
+    reason: 'owned chrome',
+    observedFrom: [ui],
+  }
+  const uses = [
+    {
+      id: 'control',
+      file: ui,
+      line: 1,
+      column: 1,
+      endLine: 1,
+      endColumn: 40,
+      owner: 'View',
+      tag: 'Button',
+      slots: [{ name: 'className', line: 1, column: 5, endLine: 1, endColumn: 30 }],
+    },
+  ]
+  expect(associateFindings(uses, [finding], () => ['@sim/emcn#Button']).get('control')).toEqual({
+    direct: ['branch'],
+    potential: [],
+  })
+})
+test.each([
+  'CSS assignment source is nonregular or exceeds the parsing limit',
+  'Artwork parser failure; only blob change is known',
+  'Artwork source exceeds the 2 MiB parsing limit',
+  'Artwork symlink/submodule is not followed',
+])('inspection failures are not unresolved styling: %s', (reason) => {
+  expect(inspectionFailure(reason)).toBe(true)
+})
+
+test.each(['button', 'input', 'textarea', 'select', 'section > button.action', 'button + input'])(
+  'bare native CSS controls are reviewable: %s',
+  (selector) => {
+    expect(
+      inspect({
+        'apps/sim/components/native.css': `${selector}{padding:3px}`,
+      }).review.findings.some((f) => f.rule === 'styled-native-control')
+    ).toBe(true)
+  }
+)
+test('similarly named CSS classes are not native-control selectors', () => {
+  expect(
+    inspect({ 'apps/sim/components/native.css': '.buttonish{padding:3px}' }).review.findings.some(
+      (f) => f.rule === 'styled-native-control'
+    )
+  ).toBe(false)
+})
diff --git a/scripts/check-design-conformance-io.test.ts b/scripts/check-design-conformance-io.test.ts
new file mode 100644
index 00000000000..1950a506140
--- /dev/null
+++ b/scripts/check-design-conformance-io.test.ts
@@ -0,0 +1,256 @@
+import { spawnSync } from 'node:child_process'
+import { createHash } from 'node:crypto'
+import { mkdirSync, mkdtempSync, readFileSync, rmSync, writeFileSync } from 'node:fs'
+import os from 'node:os'
+import path from 'node:path'
+import { gzipSync } from 'node:zlib'
+import { afterAll, beforeAll, expect, test } from 'vitest'
+import {
+  compareGit,
+  git,
+  gitText,
+  loadCatalogue,
+  storedChanges,
+  storedText,
+  verifiedText,
+} from '#design-conformance/io'
+import { Linter } from '#design-conformance/lint'
+
+const repo = mkdtempSync(path.join(os.tmpdir(), 'token-lint repo '))
+const ui = 'apps/sim/components/a strange ü file.tsx'
+const cli = new URL('./design-conformance/cli.ts', import.meta.url).pathname
+let base: string
+let head: string
+let linter: Linter
+const commit = (message: string) => {
+  git(repo, ['add', '.'])
+  git(repo, [
+    '-c',
+    'user.name=Test',
+    '-c',
+    'user.email=test@example.invalid',
+    'commit',
+    '-qm',
+    message,
+  ])
+  return git(repo, ['rev-parse', 'HEAD']).toString().trim()
+}
+beforeAll(async () => {
+  git(repo, ['init', '-q'])
+  mkdirSync(path.dirname(path.join(repo, ui)), { recursive: true })
+  writeFileSync(path.join(repo, ui), 'const A=()=> <button className="p-2"/>')
+  base = commit('base')
+  git(repo, ['checkout', '-qb', 'proposed'])
+  writeFileSync(path.join(repo, ui), 'const A=()=> <button className="p-[777px]"/>')
+  head = commit('appearance')
+  git(repo, ['checkout', '-qb', 'staging', base])
+  writeFileSync(path.join(repo, 'backend.txt'), 'unrelated divergence')
+  commit('staging diverged')
+  const cat = loadCatalogue()
+  linter = await Linter.create(cat.catalogue, cat.hash)
+})
+afterAll(() => rmSync(repo, { recursive: true, force: true }))
+test('immutable merge-base and unusual filenames', () => {
+  const x = compareGit(repo, 'staging', head)
+  expect(x.commits.mergeBase).toBe(base)
+  expect(x.changes[0].after?.path).toBe(ui)
+  const r = linter.analyze(x.changes, (e) => gitText(repo, e), x.commits)
+  expect(r.flagged).toBe(true)
+})
+test('CLI reports findings with exit 1 and clean comparisons with 0', () => {
+  const report = path.join(repo, 'report.json')
+  const p = spawnSync('bun', [
+    '--no-env-file',
+    cli,
+    '--policy',
+    'appearance',
+    '--repo',
+    repo,
+    '--base',
+    base,
+    '--head',
+    head,
+    '--output',
+    report,
+  ])
+  expect(p.status).toBe(1)
+  expect(JSON.parse(readFileSync(report, 'utf8')).flagged).toBe(true)
+  const clean = spawnSync('bun', [
+    '--no-env-file',
+    cli,
+    '--policy',
+    'appearance',
+    '--repo',
+    repo,
+    '--base',
+    base,
+    '--head',
+    base,
+  ])
+  expect(clean.status).toBe(0)
+})
+test('CLI missing revision has explicit failure and exit 2', () => {
+  const p = spawnSync('bun', [
+    '--no-env-file',
+    cli,
+    '--policy',
+    'appearance',
+    '--repo',
+    repo,
+    '--base',
+    'missing-ref',
+    '--head',
+    head,
+  ])
+  expect(p.status).toBe(2)
+  const r = JSON.parse(p.stdout.toString())
+  expect(r.status).toBe('failed')
+  expect(r.flagged).toBeNull()
+})
+test('Git rename detection preserves old and new paths', () => {
+  git(repo, ['checkout', '-qb', 'rename', base])
+  const renamed = 'apps/sim/components/renamed file.tsx'
+  git(repo, ['mv', ui, renamed])
+  const sha = commit('rename')
+  const x = compareGit(repo, base, sha)
+  expect(x.changes[0].status.startsWith('R')).toBe(true)
+  expect(x.changes[0].before?.path).toBe(ui)
+  expect(x.changes[0].after?.path).toBe(renamed)
+  expect(linter.analyze(x.changes, (e) => gitText(repo, e), x.commits).flagged).toBe(false)
+})
+test('deletion and binary data do not corrupt Git framing', () => {
+  git(repo, ['checkout', '-qb', 'delete', base])
+  rmSync(path.join(repo, ui))
+  writeFileSync(path.join(repo, 'binary.bin'), Buffer.from([0, 255, 8, 0]))
+  const sha = commit('delete and binary')
+  const x = compareGit(repo, base, sha)
+  expect(x.changes.some((c) => c.status === 'D')).toBe(true)
+  expect(linter.analyze(x.changes, (e) => gitText(repo, e), x.commits).flagged).toBe(false)
+})
+test('stored source validates Git identities and refuses corruption', () => {
+  const text = Buffer.from('const x=1')
+  const blob = createHash('sha1').update(`blob ${text.length}\0`).update(text).digest('hex')
+  const dataset = path.join(repo, 'dataset')
+  mkdirSync(path.join(dataset, 'objects'), { recursive: true })
+  writeFileSync(path.join(dataset, 'objects', `${blob}.gz`), gzipSync(text))
+  expect(storedText(dataset, { path: ui, blob, mode: '100644' })).toBe(text.toString())
+  expect(() => verifiedText(Buffer.from('wrong'), blob)).toThrow('Source hash mismatch')
+  expect(() => storedText(dataset, { path: ui, blob: 'a'.repeat(40), mode: '100644' })).toThrow()
+})
+test('single and multi-process evaluation match on synthetic stored data', () => {
+  const dataset = path.join(repo, 'fixture-dataset')
+  mkdirSync(path.join(dataset, 'objects'), { recursive: true })
+  const source = 'const A=()=> <button className="p-[777px]"/>'
+  const bytes = Buffer.from(source)
+  const blob = createHash('sha1').update(`blob ${bytes.length}\0`).update(bytes).digest('hex')
+  writeFileSync(path.join(dataset, 'objects', `${blob}.gz`), gzipSync(bytes))
+  const comparisons = [1, 2].map((pr) => ({
+    pr,
+    cohort: 'synthetic',
+    sampleOrder: pr - 1,
+    base,
+    head,
+    mergeBase: base,
+    files: [ui],
+  }))
+  writeFileSync(
+    path.join(dataset, 'manifest.json'),
+    JSON.stringify({ datasetId: 'test', comparisons })
+  )
+  for (const c of comparisons) {
+    const dir = path.join(dataset, 'cases', String(c.pr))
+    mkdirSync(dir, { recursive: true })
+    writeFileSync(
+      path.join(dir, 'metadata.json'),
+      JSON.stringify({ commits: { base, head, mergeBase: base } })
+    )
+    writeFileSync(
+      path.join(dir, 'changes.json'),
+      JSON.stringify([{ status: 'A', before: null, after: { path: ui, blob, mode: '100644' } }])
+    )
+    expect(storedChanges(dataset, c)).toHaveLength(1)
+  }
+  const run = (workers: number, expectedExit = 0) => {
+    const out = path.join(repo, `evaluation-${workers}-${expectedExit}`)
+    const result = spawnSync(
+      'bun',
+      [
+        '--no-env-file',
+        new URL('./design-conformance/evaluate.ts', import.meta.url).pathname,
+        '--policy',
+        'appearance',
+        '--dataset',
+        dataset,
+        '--output',
+        out,
+        '--workers',
+        String(workers),
+      ],
+      { stdio: ['ignore', 'pipe', 'pipe'] }
+    )
+    expect(result.status).toBe(expectedExit)
+    return out
+  }
+  const one = run(1)
+  const two = run(2)
+  for (const pr of [1, 2])
+    expect(readFileSync(path.join(one, `${pr}.json`), 'utf8')).toBe(
+      readFileSync(path.join(two, `${pr}.json`), 'utf8')
+    )
+  writeFileSync(path.join(dataset, 'objects', `${blob}.gz`), gzipSync('tampered input'))
+  for (const workers of [1, 2]) {
+    const output = run(workers, 2)
+    const summary = JSON.parse(readFileSync(path.join(output, 'evaluation.json'), 'utf8'))
+    expect(summary.failed).toEqual([1, 2])
+    for (const pr of [1, 2])
+      expect(JSON.parse(readFileSync(path.join(output, `${pr}.json`), 'utf8')).status).toBe(
+        'failed'
+      )
+  }
+})
+
+test('unwritable CLI output remains an operational exit, not an uncaught retry', () => {
+  const result = spawnSync('bun', [
+    '--no-env-file',
+    cli,
+    '--policy',
+    'appearance',
+    '--repo',
+    repo,
+    '--base',
+    base,
+    '--head',
+    head,
+    '--output',
+    repo,
+  ])
+  expect(result.status).toBe(2)
+  expect(result.stderr.toString()).toContain('failed')
+})
+
+test.each(['missing', 'invalid'])(
+  'invalid review ledger still writes a failed CLI artifact: %s',
+  (kind) => {
+    const ledger = path.join(repo, `ledger-${kind}.json`)
+    if (kind === 'invalid') writeFileSync(ledger, '{')
+    const output = path.join(repo, `ledger-report-${kind}.json`)
+    const result = spawnSync('bun', [
+      '--no-env-file',
+      cli,
+      '--policy',
+      'appearance',
+      '--repo',
+      repo,
+      '--base',
+      base,
+      '--head',
+      head,
+      '--reviews',
+      ledger,
+      '--output',
+      output,
+    ])
+    expect(result.status).toBe(2)
+    expect(JSON.parse(readFileSync(output, 'utf8')).status).toBe('failed')
+  }
+)
diff --git a/scripts/check-design-conformance-layout.test.ts b/scripts/check-design-conformance-layout.test.ts
new file mode 100644
index 00000000000..d0a5a885ff8
--- /dev/null
+++ b/scripts/check-design-conformance-layout.test.ts
@@ -0,0 +1,96 @@
+import { expect, test } from 'vitest'
+import { classifyLayout } from '#control-analysis/layout-allowances'
+import { ConformanceLinter } from '#design-conformance/conformance'
+import { type Finding, hash, TOKEN_FILE } from '#design-conformance/model'
+import { snapshotHash } from '#design-conformance/system-snapshot'
+import { testComponents } from '#design-conformance/test-source'
+
+const file = 'apps/sim/components/example.tsx'
+const source = 'import {ChipModalField as Field,ChipModal,ChipInput} from "@sim/emcn";'
+const entry = (path: string, text: string) => ({
+  path,
+  blob: hash(text).slice(0, 40),
+  mode: '100644',
+})
+async function inspect(body: string) {
+  const code = source + body
+  const css = '@theme { --spacing: .25rem; --text-sm: .875rem; }'
+  const texts: Record<string, string> = { ...testComponents, [TOKEN_FILE]: css }
+  const entries = Object.entries(texts).map(([file, source]) => entry(file, source))
+  const raw = await new ConformanceLinter().analyze(
+    [{ status: 'A', before: null, after: entry(file, code) }],
+    () => code,
+    { base: 'a'.repeat(40), head: 'b'.repeat(40), mergeBase: 'a'.repeat(40) },
+    {
+      snapshot: {
+        version: '1.0.0',
+        commit: 'a'.repeat(40),
+        hash: snapshotHash(entries),
+        entries,
+      },
+      read: (e) => texts[e.path],
+    }
+  )
+  return { raw, ...classifyLayout(raw.findings) }
+}
+
+test('resolved aliases allow only external wrapper growth and bounded modal viewport heights', async () => {
+  const result = await inspect(
+    'export const View=()=> <><Field className="flex-1 min-h-0 shrink-0"/><ChipModal className="h-[90vh]"/><ChipModal className="h-[76dvh]"/></>'
+  )
+  expect(result.allowances).toHaveLength(5)
+  expect(result.findings.filter((f) => f.rule === 'component-chrome')).toEqual([])
+})
+
+test('internal chrome, field direction, other targets and non-viewport heights remain flagged', async () => {
+  const result = await inspect(
+    'export const View=()=> <><Field className="flex-1 flex-row gap-2 p-2 border text-sm bg-red-500 h-9"/><ChipInput className="h-[90vh]"/><ChipModal className="h-[101vh] h-[40px]"/></>'
+  )
+  expect(result.allowances).toHaveLength(1)
+  for (const value of [
+    'flex-row',
+    'gap-2',
+    'p-2',
+    'border',
+    'text-sm',
+    'bg-red-500',
+    'h-9',
+    'h-[90vh]',
+    'h-[101vh]',
+    'h-[40px]',
+  ])
+    expect(result.findings.some((f) => f.value === value)).toBe(true)
+})
+
+test('unknown spreads and dynamic styling remain analysis gaps beside a resolved layout declaration', async () => {
+  const result = await inspect(
+    'export const View=({props,classes})=> <><Field className="flex-1" {...props}/><Field className={classes}/></>'
+  )
+  expect(result.raw.unchecked.length).toBeGreaterThan(0)
+  expect(result.raw.unchecked.some((n) => /spread|unresolved|dynamic/i.test(n.reason))).toBe(true)
+})
+
+test('descendant selectors, alternate slots, important and state variants do not gain permission', async () => {
+  const result = await inspect(
+    'export const View=()=> <><Field className="hover:flex-1 !flex-1 [&_input]:flex-1"/><ChipModal className="hover:h-[90vh] !h-[90vh]"/></>'
+  )
+  expect(result.allowances).toEqual([])
+})
+
+test('only source-resolved usage findings qualify; unrelated properties and lookalike symbols survive', async () => {
+  const valid = (
+    await inspect('export const View=()=> <Field className="flex-1"/>')
+  ).raw.findings.find((f) => f.property === 'flex') as Finding
+  expect(valid).toBeDefined()
+  const invalid: Finding[] = [
+    { ...valid, kind: 'system-change' },
+    { ...valid, rule: 'central-colour' },
+    { ...valid, property: 'padding' },
+    { ...valid, context: valid.context.replace('@sim/emcn#', 'local#') },
+    { ...valid, context: valid.context.replace('className', 'inputClassName') },
+    { ...valid, provenance: undefined },
+    { ...valid, reason: `${valid.reason}; styling forwarded through a wrapper` },
+    { ...valid, value: 'flex-1 p-4' },
+  ]
+  expect(classifyLayout(invalid).findings).toEqual(invalid)
+})
diff --git a/scripts/check-design-conformance-recipe-comparison.test.ts b/scripts/check-design-conformance-recipe-comparison.test.ts
new file mode 100644
index 00000000000..f85bf334511
--- /dev/null
+++ b/scripts/check-design-conformance-recipe-comparison.test.ts
@@ -0,0 +1,94 @@
+import { expect, test } from 'vitest'
+import { extractCentralRecipes } from '#design-conformance/central-recipes'
+import { ConformanceLinter } from '#design-conformance/conformance'
+import { registry } from '#design-conformance/contracts'
+import { type Change, type Entry, hash, TOKEN_FILE } from '#design-conformance/model'
+import { recipeDiff } from '#design-conformance/recipe-diff'
+import { snapshotHash } from '#design-conformance/system-snapshot'
+
+const recipes = registry.centralRecipes ?? {}
+const file = Object.keys(recipes)[0]
+const name = Object.keys(recipes[file].exports)[0]
+const source = (value: string) => `export const ${name} = ${value}`
+const parse = (text: string) => extractCentralRecipes(file, text)
+
+test('registered recipe comparison separates edits, removals and unresolved replacements', () => {
+  const before = parse(source('10'))
+  expect(recipeDiff(file, before, parse(source('11')))).toHaveLength(1)
+  expect(recipeDiff(file, before, parse(`const local=10;export {local as ${name}}`))).toEqual([])
+  expect(recipeDiff(file, before, parse(source('unknown()')))).toEqual([])
+  expect(recipeDiff(file, before, parse(''))[0].value).toBe('(registered export removed)')
+  expect(recipeDiff(file, undefined, before)[0].reason).toContain('added')
+  expect(recipeDiff(file, parse(source('unknown()')), before)[0].reason).toContain(
+    'previous output was unresolved'
+  )
+  expect(recipeDiff('apps/sim/components/metadata.ts', before, parse(source('11')))).toEqual([])
+})
+
+test('one unresolved recipe does not conceal another explicit recipe edit', () => {
+  const second = Object.keys(recipes[file].exports)[1]
+  const before = parse(`${source('10')};export const ${second}=20`)
+  const after = parse(`${source('unknown()')};export const ${second}=21`)
+  expect(recipeDiff(file, before, after)).toHaveLength(1)
+  expect(recipeDiff(file, before, after)[0].context).toBe(`central-recipe:${second}`)
+})
+
+async function compare(before: string | undefined, after: string | undefined) {
+  const blobs = new Map<string, string>()
+  const entry = (path: string, text: string | undefined): Entry | null => {
+    if (text === undefined) return null
+    const blob = hash(text).slice(0, 40)
+    blobs.set(blob, text)
+    return { path, blob, mode: '100644' }
+  }
+  const b = entry(file, before)
+  const a = entry(file, after)
+  const entries = [entry(TOKEN_FILE, ':root {--ink:#123456}'), b].filter(
+    (e): e is Entry => e !== null
+  )
+  const changes: Change[] = [{ status: b && a ? 'M' : b ? 'D' : 'A', before: b, after: a }]
+  const base = 'a'.repeat(40)
+  const read = (e: Entry) => blobs.get(e.blob) as string
+  const recipeInventory = Object.keys(recipes).sort()
+  return new ConformanceLinter().analyze(
+    changes,
+    read,
+    { base, head: 'b'.repeat(40), mergeBase: base },
+    {
+      snapshot: {
+        version: '1.0.0',
+        commit: base,
+        entries,
+        recipeInventory,
+        hash: snapshotHash(entries, recipeInventory),
+      },
+      read,
+    }
+  )
+}
+
+test('registered source definitions integrate with snapshots and system-change reports', async () => {
+  const report = await compare(source('10'), source('11'))
+  expect(report.status).toBe('completed')
+  expect(report.findings).toHaveLength(1)
+  expect(report.findings[0]).toMatchObject({
+    kind: 'system-change',
+    value: '11',
+    before: '10',
+    file,
+    line: 1,
+    provenance: { source: `${file}#${name}` },
+  })
+  expect((await compare(source('10'), source('10 as const'))).flagged).toBe(false)
+  expect((await compare(undefined, source('10'))).flagged).toBe(true)
+  expect((await compare(source('10'), undefined)).flagged).toBe(true)
+  const unresolved = await compare(source('10'), source('unknown()'))
+  expect(unresolved.flagged).toBe(false)
+  expect(unresolved.unchecked.some((n) => n.reason.includes(name))).toBe(true)
+})
+
+test('removing an unresolved registered recipe still reports the source deletion', () => {
+  expect(recipeDiff(file, parse(source('unknown()')), parse(''))).toMatchObject([
+    { value: '(registered export removed)', before: 'unknown()' },
+  ])
+})
diff --git a/scripts/check-design-conformance-recipes.test.ts b/scripts/check-design-conformance-recipes.test.ts
new file mode 100644
index 00000000000..4899e8bd979
--- /dev/null
+++ b/scripts/check-design-conformance-recipes.test.ts
@@ -0,0 +1,179 @@
+/** @vitest-environment node */
+import { mkdirSync, mkdtempSync, rmSync, writeFileSync } from 'node:fs'
+import os from 'node:os'
+import path from 'node:path'
+import { expect, test } from 'vitest'
+import { extractCentralRecipes } from '#design-conformance/central-recipes'
+import { centralFile, registry } from '#design-conformance/contracts'
+import { git, writeJson } from '#design-conformance/io'
+import { type Entry, TOKEN_FILE } from '#design-conformance/model'
+import {
+  assertRecipeSnapshot,
+  gitSnapshot,
+  loadSnapshot,
+  snapshotHash,
+} from '#design-conformance/system-snapshot'
+
+const file = 'packages/presentation/src/layers.ts'
+const other = 'packages/visual-tokens/src/elevation.ts'
+const contracts = Object.fromEntries(
+  [file, other].map((path) => [
+    path,
+    {
+      exports: {
+        tier: { property: 'z-index', source: `${path}#tier` },
+        choose: { property: 'z-index', source: `${path}#choose` },
+      },
+    },
+  ])
+)
+const extract = (source: string, path = file) => extractCentralRecipes(path, source, contracts)
+const values = (source: string, path = file) =>
+  extract(source, path).definitions.map((a) => [a.context, a.value])
+for (const path of [file, other]) {
+  test(`registered literal and derived recipe changes are visible: ${path}`, () => {
+    const before =
+      'export const tier = 7; const CAP = 12; export function choose(depth:number) { return Math.min(tier + depth, CAP) }'
+    expect(values(before, path)).not.toEqual(values(before.replace('tier = 7', 'tier = 8'), path))
+    expect(values(before, path)).not.toEqual(values(before.replace('CAP = 12', 'CAP = 13'), path))
+    expect(values(before, path)).not.toEqual(
+      values(before.replace('tier + depth', 'tier - depth'), path)
+    )
+    expect(extract(before, path).unchecked).toEqual([])
+  })
+  test(`types, formatting, export aliases and local aliases are quiet: ${path}`, () => {
+    const before =
+      'export const tier = 7; const CAP = 12; export function choose(depth:number) { const offset = depth + tier; return Math.min(offset, CAP) }'
+    const after =
+      '/** revised docs */ const layer:number = 7 as const; export {layer as tier}; const ceiling=12; const renamed=(input:number):number => { return Math.min(input + layer, ceiling) }; export {renamed as choose}'
+    expect(values(before, path)).toEqual(values(after, path))
+    expect(extract(after, path).unchecked).toEqual([])
+  })
+  test(`unregistered helpers and application metadata are quiet: ${path}`, () => {
+    const recipe = 'export const tier = 7; export const choose=(x:number)=>x+1;'
+    expect(
+      values(`${recipe}export const title="One"; export function help(){ return 5 }`, path)
+    ).toEqual(
+      values(
+        `${recipe}export const title="Two"; export function help(){ throw Error("different") }`,
+        path
+      )
+    )
+    expect(extract(recipe, 'apps/dashboard/metadata.ts').definitions).toEqual([])
+  })
+}
+test('conditional return recipes normalize parameter names and local aliases', () => {
+  const before =
+    'export function choose(depth:number,state:{selected?:boolean}={}) { if(state.selected) return 19; const n=depth===undefined?0:depth+1; return Math.min(10+n,18) }'
+  const after =
+    'export const choose=(n:number,s:any={}) => {if(s.selected){return 19}; return Math.min(10+(n===undefined?0:n+1),18)}'
+  expect(values(before)).toEqual(values(after))
+  expect(values(before)).not.toEqual(values(before.replace('return 19', 'return 20')))
+})
+test('cycles and unknown helpers preserve uncertainty and never execute source', () => {
+  const unresolved = extract(
+    'const a=b;const b=a;export const tier=a;export const choose=()=>unknown(5);throw new Error("never execute")'
+  )
+  expect(unresolved.definitions).toEqual([])
+  expect(unresolved.unchecked).toHaveLength(2)
+  expect(extract('throw new Error("never execute"); export const tier=8').definitions).toHaveLength(
+    1
+  )
+  expect(extract('export const choose=()=>{for(;;){};return 8}').unchecked).toHaveLength(1)
+  expect(
+    extract('import Math from "unknown"; export const choose=()=>Math.min(1,2)').unchecked
+  ).toHaveLength(1)
+  const aliases = Array.from({ length: 15 }, (_, i) => `const a${i}=a${i + 1};`).join('')
+  expect(extract(`${aliases}const a15=8;export const tier=a0`).unresolvedExports).toEqual(['tier'])
+  expect(
+    extract('export const choose=()=>{ const Math={min:evil};return Math.min(1,2) }').unchecked
+  ).toHaveLength(1)
+})
+test('registered shared recipes participate in inventory and incomplete old snapshots fail when existence is proven', () => {
+  const file = Object.keys(registry.centralRecipes ?? {})[0]
+  expect(centralFile(file)).toBe(true)
+  expect(centralFile('packages/workflow-renderer/src/application-metadata.ts')).toBe(false)
+  const entries: Entry[] = [{ path: TOKEN_FILE, mode: '100644', blob: 'a'.repeat(40) }]
+  const snapshot = {
+    version: '1.0.0' as const,
+    commit: 'b'.repeat(40),
+    entries,
+    hash: snapshotHash(entries),
+  }
+  expect(() => assertRecipeSnapshot(snapshot, [])).not.toThrow()
+  expect(() =>
+    assertRecipeSnapshot(snapshot, [{ path: file, mode: '100644', blob: 'c'.repeat(40) }])
+  ).toThrow('known to exist')
+})
+
+test('merge-base snapshots include registered recipes and support historical absence', () => {
+  const root = mkdtempSync(path.join(os.tmpdir(), 'central-recipe-snapshot-'))
+  try {
+    git(root, ['init', '-q'])
+    const commit = () => {
+      git(root, ['add', '.'])
+      git(root, [
+        '-c',
+        'user.name=Test',
+        '-c',
+        'user.email=test@example.invalid',
+        'commit',
+        '-qm',
+        'fixture',
+      ])
+      return git(root, ['rev-parse', 'HEAD']).toString().trim()
+    }
+    mkdirSync(path.join(root, path.dirname(TOKEN_FILE)), { recursive: true })
+    writeFileSync(path.join(root, TOKEN_FILE), ':root {--ink:#123456}')
+    const absent = commit()
+    const file = Object.keys(registry.centralRecipes ?? {})[0]
+    mkdirSync(path.join(root, path.dirname(file)), { recursive: true })
+    writeFileSync(path.join(root, file), 'export const EDGE_Z_BASE=10')
+    const present = commit()
+    const old = gitSnapshot(root, absent)
+    const next = gitSnapshot(root, present)
+    expect(old.snapshot.entries.some((e) => e.path === file)).toBe(false)
+    expect(next.snapshot.entries.some((e) => e.path === file)).toBe(true)
+    const incomplete = {
+      ...next.snapshot,
+      recipeInventory: undefined,
+      entries: old.snapshot.entries,
+      hash: snapshotHash(old.snapshot.entries),
+    }
+    const frozen = path.join(root, 'frozen')
+    mkdirSync(path.join(frozen, 'commits'), { recursive: true })
+    writeJson(path.join(frozen, 'commits', `${present}.json`), incomplete)
+    writeJson(path.join(frozen, 'commits', `${absent}.json`), old.snapshot)
+    writeJson(path.join(frozen, 'manifest.json'), {
+      version: '1.0.0',
+      snapshots: { [present]: incomplete.hash, [absent]: old.snapshot.hash },
+    })
+    expect(() => loadSnapshot(frozen, present, root)).toThrow('known to exist')
+    expect(loadSnapshot(frozen, present).unchecked).toHaveLength(1)
+    expect(loadSnapshot(frozen, absent).unchecked).toEqual([])
+    expect(old.snapshot.recipeInventory).toContain(file)
+    expect(snapshotHash(old.snapshot.entries)).not.toBe(old.snapshot.hash)
+    writeJson(path.join(frozen, 'commits', `${absent}.json`), {
+      ...old.snapshot,
+      recipeInventory: [],
+    })
+    expect(() => loadSnapshot(frozen, absent)).toThrow('incompatible')
+    writeJson(path.join(frozen, 'commits', `${absent}.json`), old.snapshot)
+    expect(() => loadSnapshot(frozen, absent, root)).not.toThrow()
+  } finally {
+    rmSync(root, { recursive: true, force: true })
+  }
+})
+
+test('block-local recipe aliases cannot shadow the following outer return', () => {
+  const first =
+    'const tier=7; export function choose(enabled:boolean){if(enabled){const tier=12;}return tier}'
+  expect(values(first)).not.toEqual(values(first.replace('tier=7', 'tier=8')))
+  expect(values(first)).toEqual(values(first.replace('tier=12', 'tier=13')))
+})
+
+test('returned closures retain captured lexical recipe values', () => {
+  const code = 'export function choose(){const local=7;return ()=>local}'
+  expect(values(code)).not.toEqual(values(code.replace('local=7', 'local=8')))
+  expect(extract(code).unchecked).toEqual([])
+})
diff --git a/scripts/check-design-conformance-refactors.test.ts b/scripts/check-design-conformance-refactors.test.ts
new file mode 100644
index 00000000000..b0d7aac0fcf
--- /dev/null
+++ b/scripts/check-design-conformance-refactors.test.ts
@@ -0,0 +1,162 @@
+/** biome-ignore-all lint/suspicious/noTemplateCurlyInString: Proposed source fixtures. */
+
+import { expect, test } from 'vitest'
+import { ConformanceLinter } from '#design-conformance/conformance'
+import { type Change, type Entry, hash, TOKEN_FILE } from '#design-conformance/model'
+import { snapshotHash } from '#design-conformance/system-snapshot'
+import { testComponents } from '#design-conformance/test-source'
+
+const root = 'apps/sim/components/'
+const base = 'a'.repeat(40)
+const central: Record<string, string> = {
+  ...testComponents,
+  [TOKEN_FILE]:
+    '@theme {--text-small:13px;--radius-lg:8px;--shadow-card:0 1px 2px #000;} :root {--ink:#123456}',
+  'packages/emcn/src/components/wizard/wizard.tsx': `export const Wizard=({children})=><ChipModalBody>{children}</ChipModalBody>`,
+}
+async function compare(
+  before: Record<string, string>,
+  after: Record<string, string>,
+  inventory: Record<string, string> = {},
+  rename?: [string, string]
+) {
+  const blobs = new Map<string, string>()
+  const entry = (path: string, text: string | undefined) => {
+    if (text === undefined) return null
+    const blob = hash(text).slice(0, 40)
+    blobs.set(blob, text)
+    return { path, blob, mode: '100644' }
+  }
+  const changes: Change[] = [...new Set([...Object.keys(before), ...Object.keys(after)])]
+    .sort()
+    .map((path) => ({
+      status: 'M',
+      before: entry(path, before[path]),
+      after: entry(path, after[path]),
+    }))
+  if (rename) {
+    changes.splice(0, changes.length, {
+      status: 'R100',
+      before: entry(rename[0], before[rename[0]]),
+      after: entry(rename[1], after[rename[1]]),
+    })
+  }
+  const sources = {
+    ...central,
+    ...inventory,
+    'packages/emcn/src/index.ts': `${central['packages/emcn/src/index.ts']}\n${inventory['packages/emcn/src/index.ts'] ?? ''}`,
+    ...Object.fromEntries(Object.entries(before).filter(([p]) => p.startsWith('packages/emcn/'))),
+  }
+  const entries = Object.entries(sources)
+    .flatMap(([p, value]) => {
+      const e = entry(p, value)
+      return e ? [e] : []
+    })
+    .sort((a, b) => a.path.localeCompare(b.path))
+  return new ConformanceLinter().analyze(
+    changes,
+    (e: Entry) => {
+      const text = blobs.get(e.blob)
+      if (text === undefined) throw new Error('Missing fixture blob')
+      return text
+    },
+    { base, head: 'b'.repeat(40), mergeBase: base },
+    {
+      snapshot: { version: '1.0.0', commit: base, hash: snapshotHash(entries), entries },
+      read: (e: Entry) => {
+        const text = blobs.get(e.blob)
+        if (text === undefined) throw new Error('Missing fixture blob')
+        return text
+      },
+    }
+  )
+}
+
+const p = `${root}screen.tsx`
+const q = `${root}content.tsx`
+const debt = '<h1 className="text-[40px]">Heading</h1>'
+test('a nested imported delegate surfaces moved debt once regardless of reuse', async () => {
+  const before = { [p]: `export const Screen=()=> <main>${debt}</main>` }
+  const after = {
+    [p]: 'import {Content} from "./content";export const Screen=()=> <main><Content/></main>;export const Other=()=> <Content/>',
+    [q]: `export const Content=()=> ${debt}`,
+  }
+  expect((await compare(before, after)).flagged).toBe(true)
+  expect(
+    (await compare(before, { ...after, [q]: `export const Content=()=> <>${debt}${debt}</>` }))
+      .findings
+  ).toHaveLength(2)
+  expect((await compare(before, { ...after, [q]: after[q].replace('40px', '41px') })).flagged).toBe(
+    true
+  )
+})
+test('ambiguous new delegates and unrelated deleted owners cannot cancel new debt', async () => {
+  const before = { [p]: `export const Screen=()=> ${debt}` }
+  const after = {
+    [p]: 'import {Content} from "./content";import {Other} from "./other";export const Screen=()=> <main><Content/><Other/></main>',
+    [q]: `export const Content=()=> ${debt}`,
+    [`${root}other.tsx`]: 'export const Other=()=> <aside/>',
+  }
+  expect((await compare(before, after)).flagged).toBe(true)
+  expect((await compare(before, { [q]: `export const Screen=()=> ${debt}` })).flagged).toBe(true)
+})
+test('Git paired rename and a unique imported React wrapper surface renamed debt with owner multiplicity', async () => {
+  const old = `import {memo as cache} from 'react';import {Button} from '@sim/emcn';export const Before=cache(function Before(){return <><Button className="size-6"/><Button className="size-6"/></>});const Helper=()=> <div className="font-bold"/>`
+  const next = old.replaceAll('Before', 'After')
+  expect((await compare({ [p]: old }, { [q]: next }, {}, [p, q])).flagged).toBe(true)
+  expect(
+    (
+      await compare(
+        { [p]: old },
+        { [q]: next.replace('</>', '<Button className="size-6"/></>') },
+        {},
+        [p, q]
+      )
+    ).findings
+  ).toHaveLength(4)
+  expect(
+    (await compare({ [p]: old }, { [q]: next.replace('size-6', 'size-7') }, {}, [p, q])).flagged
+  ).toBe(true)
+  expect((await compare({ [p]: old }, { [q]: next })).flagged).toBe(true)
+  expect(
+    (
+      await compare(
+        { [p]: old.replace("'react'", "'unknown'") },
+        { [q]: next.replace("'react'", "'unknown'") },
+        {},
+        [p, q]
+      )
+    ).flagged
+  ).toBe(true)
+})
+
+test('inserting a nested central helper does not relocate the existing owner chrome', async () => {
+  const parent = 'packages/emcn/src/components/frame/frame.tsx'
+  const helper = 'packages/emcn/src/components/frame/helper.tsx'
+  const before = {
+    [parent]:
+      'export const Frame=()=> <div className="rounded-lg"><button className="text-small">Pick</button></div>',
+  }
+  const inserted = {
+    [parent]:
+      'import {Helper} from "./helper";export const Frame=()=> <div className="rounded-lg"><button className="text-small">Pick</button><Helper/></div>',
+    [helper]: 'export const Helper=()=> <span/>',
+  }
+  expect((await compare(before, inserted)).findings).toHaveLength(0)
+  const styled = { ...inserted, [helper]: 'export const Helper=()=> <span className="font-bold"/>' }
+  const added = await compare(before, styled)
+  expect(added.findings.length).toBeGreaterThan(0)
+  expect(
+    added.findings.every((finding) => finding.file === helper && finding.kind === 'system-change')
+  ).toBe(true)
+  const changed = await compare(before, {
+    ...styled,
+    [parent]: inserted[parent].replace('rounded-lg', 'rounded-full'),
+  })
+  expect(
+    changed.findings.some(
+      (finding) => finding.file === parent && finding.property === 'border-radius'
+    )
+  ).toBe(true)
+  expect(changed.findings.some((finding) => finding.file === helper)).toBe(true)
+})
diff --git a/scripts/check-design-conformance-shadow-extras.test.ts b/scripts/check-design-conformance-shadow-extras.test.ts
new file mode 100644
index 00000000000..ffef07c1e0e
--- /dev/null
+++ b/scripts/check-design-conformance-shadow-extras.test.ts
@@ -0,0 +1,166 @@
+import { expect, test } from 'vitest'
+import type { ControlSource } from '#control-analysis/model'
+import { mergeShadowFindings, withoutApprovedShadows } from '#control-analysis/shadow-extras'
+import { inspectSimplifications } from '#control-analysis/simplifications'
+
+const css =
+  'apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-editor.css'
+const loader =
+  'apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/components/browser-session/browser-loading-bar.module.css'
+const globals = 'apps/sim/app/_styles/globals.css'
+const selection =
+  '.rich-markdown-nodes hr.rich-leaf-in-selection { box-shadow: 0 0 0 0.4em var(--selection-bg); border-radius: 1px; }'
+const dark =
+  '.dark .rich-markdown-nodes hr.rich-leaf-in-selection { box-shadow: 0 0 0 0.4em var(--selection-dark); }'
+const glow = `.indicator { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; transform: scaleX(0.08); transform-origin: left; background: linear-gradient(90deg, var(--thinking-ink-inner), var(--thinking-ink-outer)); box-shadow: 0 0 3px color-mix(in srgb, var(--thinking-ink-outer) 55%, transparent); animation: browser-page-loading 12s ease-out forwards; }`
+const defaults = {
+  [globals]:
+    ':root { --selection-bg: #add6ff; --selection-dark: #264f78; --thinking-ink-inner: #2c2c2c; --thinking-ink-outer: #5f5f5f; }',
+  [css]: selection + dark,
+  [loader]: glow,
+}
+const source = (files: Record<string, string>): ControlSource => ({
+  entries: Object.entries(files).map(([path, text]) => ({
+    path,
+    bytes: Buffer.byteLength(text),
+    kind: 'blob',
+    mode: '100644',
+    blob: 'a'.repeat(40),
+  })),
+  read: (entry) => files[entry.path],
+})
+const inspect = (files: Record<string, string> = {}) =>
+  inspectSimplifications(source({ ...defaults, ...files })).shadowExtras
+const finding = (report = inspect()) => {
+  const a = report.approved[0]
+  return {
+    kind: 'usage-violation' as const,
+    contract: 'central-shadow',
+    rule: 'central-shadow',
+    category: 'effects',
+    property: 'box-shadow',
+    file: a.file,
+    line: a.line,
+    column: a.column,
+    value: a.value,
+    context: a.selector,
+    reason: 'shadow-family',
+  }
+}
+
+test('only the three reviewed effects are approved and formatting does not supply extra permission', () => {
+  expect(inspect().approved).toHaveLength(3)
+  expect(inspect().findings).toEqual([])
+  const formatted = inspect({
+    [css]: `${selection.replace('0.4em', '/* same spread */ 0.4em')}\n${dark}`,
+  })
+  expect(formatted.approved).toHaveLength(3)
+})
+
+test('geometry, layers, literals, missing tokens, fallbacks and important cannot use the exception', () => {
+  for (const replacement of [
+    '0 0 0 4em var(--selection-bg)',
+    '0 0 5px 0.4em var(--selection-bg)',
+    '0 0 0 0.4em red',
+    '0 0 0 0.4em var(--missing)',
+    '0 0 0 0.4em var(--selection-bg, red)',
+    '0 0 0 0.4em var(--selection-bg), 0 0 20px black',
+    '0 0 0 0.4em var(--selection-bg) !important',
+  ]) {
+    const result = inspect({
+      [css]: selection.replace('0 0 0 0.4em var(--selection-bg)', replacement),
+    })
+    expect(result.approved.some((a) => a.id === 'document-selection-light')).toBe(false)
+    expect(result.findings).toHaveLength(1)
+  }
+})
+
+test('a whitelist cannot be obtained by copying the selector or value to another file', () => {
+  const result = inspect({ [css]: '', 'apps/sim/components/copied.css': selection })
+  expect(result.approved).toHaveLength(1)
+  const original = finding()
+  const moved = { ...original, file: 'apps/sim/components/copied.css' }
+  expect(withoutApprovedShadows([moved], result)).toEqual([moved])
+})
+
+test('broader selectors and nested contexts are not approved', () => {
+  for (const text of [
+    selection.replace('hr.rich-leaf-in-selection', '*'),
+    selection.replace(' {', ', .button {'),
+    `@media (min-width: 1px) {${selection}}`,
+    `@supports (display: grid) {${selection}}`,
+  ]) {
+    const report = inspect({ [css]: text })
+    expect(report.approved.some((a) => a.id === 'document-selection-light')).toBe(false)
+    const raw = finding()
+    expect(withoutApprovedShadows([raw], report)).toEqual([raw])
+  }
+})
+
+test('duplicate rules or declarations revoke approval instead of increasing an exemption budget', () => {
+  for (const text of [
+    selection + selection,
+    selection.replace(
+      'border-radius',
+      'box-shadow: 0 0 0 0.4em var(--selection-bg); border-radius'
+    ),
+    `${selection}.rich-markdown-nodes hr.rich-leaf-in-selection { width: 100vw; }`,
+  ]) {
+    const result = inspect({ [css]: text })
+    expect(result.approved.some((a) => a.id === 'document-selection-light')).toBe(false)
+    expect(result.findings.length).toBeGreaterThan(0)
+  }
+})
+
+test('global-token removal, wrong families and local overrides revoke approval', () => {
+  const changes: Record<string, string>[] = [
+    { [globals]: defaults[globals].replace('--selection-bg: #add6ff;', '') },
+    { [globals]: defaults[globals].replace('#add6ff', '8px') },
+    { 'apps/sim/components/override.css': '.elsewhere { --selection-bg: #ff0000; }' },
+    {
+      'apps/sim/components/override.tsx': `export const View=()=> <div style={{'--selection-bg':'var(--selection-dark)'}}/>`,
+    },
+  ]
+  for (const files of changes) {
+    const result = inspect(files)
+    expect(result.approved.some((a) => a.id === 'document-selection-light')).toBe(false)
+    expect(result.findings.length).toBeGreaterThan(0)
+  }
+})
+
+test('the glow exception fixes opacity, palette, geometry and the surrounding indicator recipe', () => {
+  for (const text of [
+    glow.replace('55%', '95%'),
+    glow.replace('3px', '8px'),
+    glow.replace('width: 100%', 'width: 100vw'),
+    glow.replace('--thinking-ink-outer', '--selection-bg'),
+  ]) {
+    const report = inspect({ [loader]: text })
+    expect(report.approved.some((a) => a.id === 'browser-loading-glow')).toBe(false)
+    expect(report.findings).toHaveLength(1)
+  }
+})
+
+test('only a matching shadow-family finding is removed; other rules, values and locations survive', () => {
+  const report = inspect()
+  const raw = finding(report)
+  const others = [
+    { ...raw, rule: 'central-colour' },
+    { ...raw, line: raw.line + 1 },
+    { ...raw, column: raw.column + 1 },
+    { ...raw, value: '0 0 8px black' },
+    { ...raw, file: 'apps/sim/components/other.css' },
+  ]
+  expect(withoutApprovedShadows([raw, ...others], report)).toEqual(others)
+  const guard = { ...raw, reason: 'guard' }
+  expect(mergeShadowFindings([raw, others[0]], [guard])).toEqual([others[0], guard])
+})
+
+test('parse failures never approve an effect and discovery order does not change the report', () => {
+  expect(inspect({ [css]: `${selection} {` }).unchecked).toHaveLength(1)
+  expect(inspect({ [css]: `${selection} {` }).approved).toHaveLength(1)
+  const forward = inspectSimplifications(source(defaults)).shadowExtras
+  const input = source(defaults)
+  input.entries.reverse()
+  expect(inspectSimplifications(input).shadowExtras).toEqual(forward)
+})
diff --git a/scripts/check-design-conformance-snapshots.test.ts b/scripts/check-design-conformance-snapshots.test.ts
new file mode 100644
index 00000000000..67f7d069f34
--- /dev/null
+++ b/scripts/check-design-conformance-snapshots.test.ts
@@ -0,0 +1,140 @@
+import { spawnSync } from 'node:child_process'
+import { mkdirSync, mkdtempSync, readFileSync, rmSync, writeFileSync } from 'node:fs'
+import os from 'node:os'
+import path from 'node:path'
+import { gzipSync } from 'node:zlib'
+import { afterAll, expect, test } from 'vitest'
+import { git, writeJson } from '#design-conformance/io'
+import { TOKEN_FILE } from '#design-conformance/model'
+import { gitSnapshot, loadSnapshot } from '#design-conformance/system-snapshot'
+
+const root = mkdtempSync(path.join(os.tmpdir(), 'conformance-io-'))
+const repo = path.join(root, 'repo')
+const ui = 'apps/sim/components/view.tsx'
+mkdirSync(path.join(repo, path.dirname(TOKEN_FILE)), { recursive: true })
+mkdirSync(path.join(repo, path.dirname(ui)), { recursive: true })
+git(repo, ['init', '-q'])
+const commit = () => {
+  git(repo, ['add', '.'])
+  git(repo, [
+    '-c',
+    'user.name=Test',
+    '-c',
+    'user.email=test@example.invalid',
+    'commit',
+    '-qm',
+    'fixture',
+  ])
+  return git(repo, ['rev-parse', 'HEAD']).toString().trim()
+}
+writeFileSync(path.join(repo, TOKEN_FILE), ':root{--text-body:#434343}')
+writeFileSync(path.join(repo, ui), 'const A=()=> <p className="text-[var(--text-body)]"/>')
+const base = commit()
+writeFileSync(
+  path.join(repo, ui),
+  'throw new Error("source must not execute");const A=()=> <p className="text-[#434343]"/>'
+)
+const head = commit()
+const cli = new URL('./design-conformance/cli.ts', import.meta.url).pathname
+const run = (args: string[]) =>
+  spawnSync('bun', ['--no-env-file', cli, '--repo', repo, '--base', base, '--head', head, ...args])
+afterAll(() => rmSync(root, { recursive: true, force: true }))
+test('default CLI checks conformance with exits 0, 1 and explicit incompatible-input failure', () => {
+  const dirty = run([])
+  expect(dirty.status).toBe(1)
+  const r = JSON.parse(dirty.stdout.toString())
+  expect(r.policyVersion).toBe('design-conformance/2.0.0')
+  expect(r.findings[0].kind).toBe('usage-violation')
+  const clean = spawnSync('bun', [
+    '--no-env-file',
+    cli,
+    '--repo',
+    repo,
+    '--base',
+    base,
+    '--head',
+    base,
+  ])
+  expect(clean.status).toBe(0)
+  const incompatible = run([
+    '--catalogue',
+    new URL('./design-conformance/catalogue.json', import.meta.url).pathname,
+  ])
+  expect(incompatible.status).toBe(2)
+  expect(JSON.parse(incompatible.stderr.toString()).flagged).toBeNull()
+})
+test('frozen central snapshots replay without Git and detect corrupt source', () => {
+  const snap = gitSnapshot(repo, base)
+  const dest = path.join(root, 'snapshots')
+  const dataset = path.join(root, 'dataset')
+  mkdirSync(path.join(dest, 'commits'), { recursive: true })
+  mkdirSync(path.join(dest, 'objects'), { recursive: true })
+  mkdirSync(path.join(dataset, 'objects'), { recursive: true })
+  for (const e of snap.snapshot.entries)
+    writeFileSync(path.join(dest, 'objects', `${e.blob}.gz`), gzipSync(Buffer.from(snap.read(e))))
+  writeJson(path.join(dest, 'commits', `${base}.json`), snap.snapshot)
+  writeJson(path.join(dest, 'manifest.json'), {
+    version: '1.0.0',
+    snapshots: { [base]: snap.snapshot.hash },
+  })
+  const beforeBlob = git(repo, ['rev-parse', `${base}:${ui}`])
+    .toString()
+    .trim()
+  const afterBlob = git(repo, ['rev-parse', `${head}:${ui}`])
+    .toString()
+    .trim()
+  for (const blob of [beforeBlob, afterBlob])
+    writeFileSync(
+      path.join(dataset, 'objects', `${blob}.gz`),
+      gzipSync(git(repo, ['cat-file', 'blob', blob]))
+    )
+  const comparisons = [1, 2].map((pr) => ({
+    pr,
+    cohort: 'synthetic',
+    sampleOrder: pr - 1,
+    base,
+    head,
+    mergeBase: base,
+    files: [ui],
+  }))
+  writeJson(path.join(dataset, 'manifest.json'), { datasetId: 'conformance-fixture', comparisons })
+  for (const c of comparisons) {
+    const dir = path.join(dataset, 'cases', String(c.pr))
+    mkdirSync(dir, { recursive: true })
+    writeJson(path.join(dir, 'metadata.json'), { commits: { base, head, mergeBase: base } })
+    writeJson(path.join(dir, 'changes.json'), [
+      {
+        status: 'M',
+        before: { path: ui, blob: beforeBlob, mode: '100644' },
+        after: { path: ui, blob: afterBlob, mode: '100644' },
+      },
+    ])
+  }
+  const evaluate = (workers: number) => {
+    const out = path.join(root, `run-${workers}`)
+    const p = spawnSync('bun', [
+      '--no-env-file',
+      new URL('./design-conformance/evaluate.ts', import.meta.url).pathname,
+      '--dataset',
+      dataset,
+      '--system-snapshots',
+      dest,
+      '--output',
+      out,
+      '--workers',
+      String(workers),
+    ])
+    expect(p.status).toBe(0)
+    return out
+  }
+  // No repository argument is supplied to evaluation: all source comes from verified blobs.
+  const one = evaluate(1)
+  const two = evaluate(2)
+  expect(readFileSync(path.join(one, '1.json'), 'utf8')).toBe(
+    readFileSync(path.join(two, '1.json'), 'utf8')
+  )
+  expect(JSON.parse(readFileSync(path.join(one, '1.json'), 'utf8')).flagged).toBe(true)
+  const e = snap.snapshot.entries[0]
+  writeFileSync(path.join(dest, 'objects', `${e.blob}.gz`), gzipSync(Buffer.from('corrupt')))
+  expect(() => loadSnapshot(dest, base).read(e)).toThrow('Source hash mismatch')
+})
diff --git a/scripts/check-design-conformance-tokens.test.ts b/scripts/check-design-conformance-tokens.test.ts
new file mode 100644
index 00000000000..b52ecd29f4c
--- /dev/null
+++ b/scripts/check-design-conformance-tokens.test.ts
@@ -0,0 +1,295 @@
+import { existsSync } from 'node:fs'
+import { beforeAll, describe, expect, test } from 'vitest'
+import { loadCatalogue } from '#design-conformance/io'
+import { Linter } from '#design-conformance/lint'
+import { type Change, TOKEN_FILE } from '#design-conformance/model'
+
+let linter: Linter
+beforeAll(async () => {
+  const c = loadCatalogue()
+  linter = await Linter.create(c.catalogue, c.hash, 'tokens')
+})
+const commits = { base: 'a'.repeat(40), head: 'b'.repeat(40), mergeBase: 'a'.repeat(40) }
+const ui = 'apps/sim/components/example.tsx'
+function diff(before: string, after: string, file = ui, oldFile = file) {
+  const change: Change = {
+    status: 'M',
+    before: { path: oldFile, blob: 'a'.repeat(40), mode: '100644' },
+    after: { path: file, blob: 'b'.repeat(40), mode: '100644' },
+  }
+  return linter.analyze([change], (e) => (e.blob[0] === 'a' ? before : after), commits)
+}
+const element = (classes: string) =>
+  `export const Widget=()=> <button className=${JSON.stringify(classes)}>Label</button>`
+const cases = [
+  ['colours', 'text-[var(--text-primary)]', 'text-[#1a1a1a]'],
+  ['spacing', 'p-2', 'p-[777px]'],
+  ['dimensions', 'w-[20px]', 'w-[777px]'],
+  ['typography', 'text-small', 'text-[17.25px]'],
+  ['radii', 'rounded-[5px]', 'rounded-[777px]'],
+  ['borders', 'border', 'border-[7px]'],
+  ['effects', 'opacity-50', 'opacity-37'],
+  ['layout', 'flex-col', 'grid-cols-[13fr_17fr]'],
+  ['visibility', 'overflow-hidden', 'line-clamp-37'],
+  ['layering', 'z-10', 'z-[1337]'],
+  ['motion', 'duration-150', 'duration-[137ms]'],
+]
+describe('finite property catalogue', () => {
+  for (const [category, approved, bad] of cases)
+    test(`${category}: approved and nearby violation`, () => {
+      expect(diff('', element(approved)).findings).toEqual([])
+      const report = diff('', element(bad))
+      expect(report.flagged).toBe(true)
+      expect(report.findings.some((f) => f.category === category)).toBe(true)
+    })
+  test('approved-to-approved changes pass', () =>
+    expect(diff(element('p-2 w-[20px]'), element('p-4 w-[24px]')).flagged).toBe(false))
+  test('colour literals fail even when they match the palette', () => {
+    for (const source of [
+      element('text-[#1a1a1a]'),
+      `const A=()=> <div style={{color:'rgb(26, 26, 26)'}}/>`,
+    ])
+      expect(diff('', source).findings[0].rule).toBe('colour-token-required')
+  })
+  test('named colours pass and unknown colour tokens fail', () => {
+    expect(diff('', element('text-white')).flagged).toBe(false)
+    expect(diff('', element('text-[var(--not-a-sim-colour)]')).findings[0].rule).toBe(
+      'unknown-colour-token'
+    )
+  })
+  test('inlined named palette utilities retain token identity', () => {
+    expect(
+      diff('', element('bg-orange-400 text-blue-500 border-gray-500 bg-current/20')).flagged
+    ).toBe(false)
+    expect(diff('', element('bg-[#fb923c]')).flagged).toBe(true)
+    expect(diff('', element('bg-pink-500')).flagged).toBe(true)
+  })
+  test('semantic colour aliases follow only frozen token definitions', () => {
+    expect(
+      diff('', element('bg-primary text-secondary border-ring bg-[hsl(var(--primary))]')).flagged
+    ).toBe(false)
+    expect(diff('', element('bg-[var(--brand-new-unknown)]')).flagged).toBe(true)
+  })
+  test('colour literals in gradients and custom shadows fail', () => {
+    expect(diff('', element('bg-[linear-gradient(#fff,#000)]')).flagged).toBe(true)
+    expect(
+      diff('', element('shadow-[0_0_2px_#fff]')).findings.some(
+        (x) => x.rule === 'colour-token-required'
+      )
+    ).toBe(true)
+  })
+  test('nominal rem and percentage opacity normalize', () => {
+    expect(diff('', `const A=()=> <div style={{padding:8,opacity:0.5}}/>`).flagged).toBe(false)
+    expect(diff('', `const A=()=> <div style={{padding:'0.5rem'}}/>`).flagged).toBe(false)
+  })
+  test('CSS shorthands check each value in its property family', () => {
+    expect(
+      diff('', '.a{padding:4px 8px;border:1px solid var(--border)}', 'apps/sim/components/a.css')
+        .flagged
+    ).toBe(false)
+    expect(diff('', '.a{padding:4px 777px}', 'apps/sim/components/a.css').flagged).toBe(true)
+  })
+  test('documented font weights override observed definitions', () => {
+    expect(diff('', element('font-medium')).flagged).toBe(false)
+    expect(diff('', element('font-bold')).findings.some((x) => x.property === 'font-weight')).toBe(
+      true
+    )
+  })
+  test('named typography tokens from global CSS are permitted', () =>
+    expect(diff('', element('text-md text-micro')).flagged).toBe(false))
+})
+describe('only introduced violations', () => {
+  test('wording, formatting and comments do not report existing violations', () => {
+    expect(
+      diff(
+        element('p-[777px]'),
+        `/** comment */\n${element('p-[777px]').replace('Label', 'Different words')}`
+      ).flagged
+    ).toBe(false)
+  })
+  test('a duplicate new usage adds one violation', () => {
+    const before = `const A=()=> <button className="p-[777px]"/>`
+    const after = `const A=()=> <><button className="p-[777px]"/><button className="p-[777px]"/></>`
+    expect(diff(before, after).findings).toHaveLength(1)
+  })
+  test('renames retain existing violations', () =>
+    expect(
+      diff(element('p-[777px]'), element('p-[777px]'), 'apps/sim/components/renamed file.tsx')
+        .flagged
+    ).toBe(false))
+  test('deletions remove violations', () =>
+    expect(diff(element('p-[777px]'), '').flagged).toBe(false))
+  test('conditions and variants retain concrete evidence', () => {
+    const r = diff(
+      '',
+      `import {cn} from '@sim/emcn'; const A=()=> <button className={cn('p-2', ok && 'dark:hover:p-[777px]')}/>`
+    )
+    expect(r.findings[0].context).toBe('dark:hover:')
+  })
+  test('CVA variants and compound variants are checked', () => {
+    const r = diff(
+      '',
+      `import {cva as recipe} from 'class-variance-authority'; const x=recipe('p-2',{variants:{size:{normal:'p-2',odd:'p-[777px]'}},defaultVariants:{size:'odd'},compoundVariants:[{size:'odd',className:'rounded-[777px]'}]})`
+    )
+    expect(r.findings.map((x) => x.category).sort()).toEqual(['radii', 'spacing'])
+  })
+  test('local constants, properties and template strings resolve', () => {
+    const r = diff(
+      '',
+      `const padding='p-[777px]'; const vals={radius:'rounded-[777px]'}; const A=()=> <button className={\`\${padding} \${vals.radius}\`}/>`
+    )
+    expect(r.findings).toHaveLength(2)
+  })
+  test('default helper aliases resolve without importing code', () => {
+    expect(
+      diff('', `import cx from 'clsx'; const A=()=> <button className={cx('p-[777px]')}/>`).flagged
+    ).toBe(true)
+  })
+  test('mutated object properties remain explicitly unchecked', () => {
+    const r = diff(
+      '',
+      `const style={pad:'p-2'}; style.pad='p-[777px]'; const A=()=> <button className={style.pad}/>`
+    )
+    expect(r.flagged).toBe(false)
+    expect(r.unchecked.length).toBeGreaterThan(0)
+  })
+  test('numeric arithmetic is not mistaken for string concatenation', () => {
+    const r = diff('', `const a=8; const b=16; const A=()=> <div style={{width:a+b}}/>`)
+    expect(r.flagged).toBe(false)
+    expect(r.unchecked.length).toBeGreaterThan(0)
+  })
+  test('numeric local style constant receives CSS length semantics', () =>
+    expect(diff('', `const n=8; const A=()=> <div style={{padding:n}}/>`).flagged).toBe(false))
+  test('imported helpers and dynamic values remain unchecked', () => {
+    const r = diff(
+      '',
+      `import {classes} from './elsewhere'; const A=()=> <div className={classes()} style={{width:layout.width}}/>`
+    )
+    expect(r.flagged).toBe(false)
+    expect(r.unchecked.length).toBeGreaterThan(0)
+  })
+  test('dynamic templates keep complete static utilities only', () => {
+    const r = diff('', `const A=()=> <div className={\`p-\${size} rounded-[777px]\`}/>`)
+    expect(r.findings).toHaveLength(1)
+    expect(r.unchecked.length).toBeGreaterThan(0)
+  })
+  test('cycles are bounded', () => {
+    const r = diff('', `const a=b; const b=a; const A=()=> <div className={a}/>`)
+    expect(r.flagged).toBe(false)
+    expect(r.unchecked.length).toBeGreaterThan(0)
+  })
+  test('movement only passes, mixed appearance still flags', () => {
+    expect(diff('', element('translate-x-[777px] left-[999px]')).flagged).toBe(false)
+    expect(diff('', element('translate-x-[777px] p-[777px]')).flagged).toBe(true)
+  })
+  test('CSS and HTML direct styling are checked', () => {
+    expect(diff('', '.a{padding:777px}', 'apps/sim/components/a.css').flagged).toBe(true)
+    expect(
+      diff('', '<button style="padding:777px">Go</button>', 'apps/sim/components/a.html').flagged
+    ).toBe(true)
+  })
+  test('malformed inputs are explicitly unchecked', () => {
+    const r = diff('', `const A=()=> <div className={`)
+    expect(r.flagged).toBe(false)
+    expect(r.unchecked.some((x) => x.reason.startsWith('Parser failure'))).toBe(true)
+  })
+  test('excluded surfaces, assets and media do not flag', () => {
+    for (const file of [
+      'apps/docs/a.tsx',
+      'apps/sim/app/(landing)/a.tsx',
+      'apps/sim/components/emails/a.tsx',
+      'apps/desktop/a.tsx',
+      'packages/emcn/src/icons/a.tsx',
+      'apps/sim/components/a.test.tsx',
+    ])
+      expect(diff('', element('p-[777px]'), file).flagged).toBe(false)
+    expect(
+      diff('', `import Media from 'next/image'; const A=()=> <Media className="w-[777px]"/>`)
+        .flagged
+    ).toBe(false)
+  })
+  test('business strings are not styling contexts', () =>
+    expect(
+      diff('', `const colours={color:'#abc',padding:777}; const A=()=> <p>p-[777px]</p>`).flagged
+    ).toBe(false))
+  test('central definitions flag additions, changes and removals', () => {
+    for (const [before, after] of [
+      ['', ':root{--new-colour:#f00}'],
+      [':root{--text-primary:#fff}', ':root{--text-primary:#000}'],
+      [':root{--text-primary:#fff}', ''],
+    ])
+      expect(
+        diff(before, after, TOKEN_FILE).findings.some((x) => x.rule === 'token-definition-changed')
+      ).toBe(true)
+  })
+  test('central definition formatting and comments pass', () =>
+    expect(
+      diff(':root{--text-primary:#ABC}', ':root { /* hi */ --text-primary: #abc; }', TOKEN_FILE)
+        .flagged
+    ).toBe(false))
+  test('adding a definition never approves its usage', () => {
+    const defs = diff('', ':root{--new-colour:#f00}', TOKEN_FILE)
+    const usage = diff('', element('text-[var(--new-colour)]'))
+    expect(defs.flagged && usage.flagged).toBe(true)
+  })
+  test('repeated reports match and contain no metrics', () => {
+    const a = diff('', element('p-[777px]'))
+    const b = diff('', element('p-[777px]'))
+    expect(JSON.stringify(a)).toBe(JSON.stringify(b))
+    expect(a).not.toHaveProperty('milliseconds')
+  })
+  test('source errors remain operational failures', () => {
+    const r = linter.analyze(
+      [{ status: 'A', before: null, after: { path: ui, blob: 'b'.repeat(40), mode: '100644' } }],
+      () => {
+        throw new Error('Missing source')
+      },
+      commits
+    )
+    expect(r.status).toBe('failed')
+    expect(r.flagged).toBeNull()
+  })
+  test('application and proposed plugins cannot execute', async () => {
+    const marker = `/tmp/design-token-lint-sentinel-${process.pid}`
+    const r = diff(
+      '',
+      `import fs from 'node:fs'; fs.writeFileSync('${marker}','executed'); const A=()=> <button className="p-[777px]"/>`
+    )
+    expect(r.flagged).toBe(true)
+    expect(existsSync(marker)).toBe(false)
+    const cat = loadCatalogue().catalogue
+    await expect(
+      Linter.create({ ...cat, theme: `${cat.theme}\n@plugin "${marker}";` })
+    ).rejects.toThrow()
+    expect(existsSync(marker)).toBe(false)
+  })
+})
+
+test('checked-to-unsupported renames preserve coverage diagnostics', () => {
+  const report = diff(
+    element('text-[#123456]'),
+    element('text-[#123456]'),
+    'apps/sim/components/view.md',
+    ui
+  )
+  expect(report.coverage.unsupportedFiles).toBe(1)
+  expect(
+    report.unchecked.some(
+      (n) =>
+        n.file === 'apps/sim/components/view.md' &&
+        n.side === 'after' &&
+        n.reason.includes('Unsupported file format')
+    )
+  ).toBe(true)
+})
+test.each(['currentcolor', 'CURRENTCOLOR', 'currentColor'])(
+  'CSS current color is case insensitive: %s',
+  (value) => {
+    expect(diff('', `.label{color:${value}}`, 'apps/sim/components/a.css').findings).toEqual([])
+  }
+)
+test('literal ring offset colours are inspected', () => {
+  expect(
+    diff('', element('ring-offset-[#123456]')).findings.some((f) => f.category === 'colours')
+  ).toBe(true)
+})
diff --git a/scripts/check-design-conformance-typography.test.ts b/scripts/check-design-conformance-typography.test.ts
new file mode 100644
index 00000000000..c7ea0a1796b
--- /dev/null
+++ b/scripts/check-design-conformance-typography.test.ts
@@ -0,0 +1,194 @@
+import { expect, test } from 'vitest'
+import type { ControlSource } from '#control-analysis/model'
+import { classifyTypography, inspectTypography } from '#control-analysis/typography'
+
+const globals = 'apps/sim/app/_styles/globals.css'
+const editor =
+  'apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-editor.css'
+const loader = 'apps/sim/components/ui/thinking-loader.tsx'
+const loaderCss = 'apps/sim/components/ui/thinking-loader.module.css'
+const mdx = 'apps/sim/lib/content/mdx.tsx'
+const source = (files: Record<string, string>): ControlSource => ({
+  entries: Object.entries(files).map(([path, text]) => ({
+    path,
+    bytes: Buffer.byteLength(text),
+    kind: 'blob',
+    mode: '100644',
+    blob: 'a'.repeat(40),
+  })),
+  read: (e) => files[e.path],
+  readOwnership: (e) => files[e.path],
+})
+const definitions =
+  '@theme inline { --text-sm: 0.875rem; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; }'
+const heading = '.rich-markdown-prose h1 {font-size:1.6em;margin-top:1.4em}'
+const writer = `export function ThinkingLoader({size=20,labelRatio=0.7}) { return <output style={{"--tl-label-size": \`\${size * labelRatio}px\`, "--tl-label-gap": \`\${size * 0.4}px\`}} /> }`
+const labels =
+  '.label {font-size:var(--tl-label-size,var(--text-sm))}.labelStatic {font-size:var(--tl-label-size,var(--text-sm))}'
+const review = (files: Record<string, string>) =>
+  inspectTypography(source({ [globals]: definitions, ...files }))
+const finding = (c: {
+  file: string
+  line: number
+  column: number
+  property: string
+  value: string
+}) => ({
+  ...c,
+  kind: 'usage-violation' as const,
+  contract: 'central-typography',
+  rule: 'central-typography',
+  category: 'typography',
+  context: 'test',
+  reason: 'test',
+})
+
+test('recognizes explicitly adopted finite weight tokens, not arbitrary names or fallback expressions', () => {
+  const result = review({
+    'apps/sim/components/a.css': '.a {font-weight:var(--font-weight-semibold)}',
+  })
+  expect(result.classifications).toHaveLength(1)
+  expect(classifyTypography(result.classifications.map(finding), result)).toEqual([])
+  for (const text of ['var(--font-weight-semibold, 700)', 'var(--unknown)', '700']) {
+    expect(
+      review({ 'apps/sim/components/a.css': `.a {font-weight:${text}}` }).classifications
+    ).toEqual([])
+  }
+  for (const change of [
+    definitions.replace('600', '700'),
+    `${definitions} .local {--font-weight-semibold:600}`,
+    definitions.replace('600', 'var(--weight)'),
+  ]) {
+    expect(
+      review({
+        [globals]: change,
+        'apps/sim/components/a.css': '.a {font-weight:var(--font-weight-semibold)}',
+      }).classifications
+    ).toEqual([])
+  }
+})
+
+test('local CSS and opaque JavaScript assignments revoke weight-token proof', () => {
+  const use = '.a {font-weight:var(--font-weight-semibold)}'
+  for (const extra of [
+    { 'apps/sim/components/other.css': '.b {--font-weight-semibold:900}' },
+    { 'apps/sim/components/other.tsx': 'node.style.setProperty("--font-weight-semibold", value)' },
+  ] as Record<string, string>[])
+    expect(review({ 'apps/sim/components/a.css': use, ...extra }).classifications).toEqual([])
+})
+
+test('document Extra approves only its exact unique root recipe and only the font-size finding', () => {
+  const result = review({ [editor]: heading })
+  expect(result.classifications).toHaveLength(1)
+  const raw = finding(result.classifications[0])
+  expect(classifyTypography([raw], result)).toEqual([])
+  expect(classifyTypography([{ ...raw, property: 'color', value: 'red' }], result)).toHaveLength(1)
+  for (const text of [
+    heading.replace('1.6em', '1.7em'),
+    heading.replace('1.4em', '2em'),
+    heading + heading,
+    `@media(min-width:1px){${heading}}`,
+    heading.replace(' h1', ' h1, .button'),
+    heading.replace('1.6em', '1.6em!important'),
+    heading.replace('font-size:1.6em', 'font-size:1.6em;font-size:1.6em'),
+  ]) {
+    expect(review({ [editor]: text }).classifications).toEqual([])
+  }
+  const copied = review({ 'apps/sim/components/copied.css': heading })
+  expect(copied.classifications).toEqual([])
+})
+
+test('loader Extra requires the known parameter relationship and the central fallback', () => {
+  const good = review({ [loader]: writer, [loaderCss]: labels })
+  expect(good.classifications).toHaveLength(2)
+  for (const changed of [
+    writer.replace('size * labelRatio', 'size * 2'),
+    writer.replace('size * labelRatio', 'unknown'),
+    writer.replace('function ThinkingLoader', 'function Unrelated'),
+    writer.replace('return <output', 'size = external; return <output'),
+    writer.replace(`"--tl-label-gap": \`\${size * 0.4}px\``, '...external'),
+    writer.replace('size=20', 'size=24'),
+    writer.replace('labelRatio=0.7', 'labelRatio=0.9'),
+  ]) {
+    expect(review({ [loader]: changed, [loaderCss]: labels }).classifications).toEqual([])
+  }
+  for (const changed of [
+    labels.replaceAll('var(--text-sm)', '14px'),
+    labels + labels,
+    labels.replaceAll('.labelStatic', '.other'),
+  ]) {
+    expect(review({ [loader]: writer, [loaderCss]: changed }).classifications).toEqual([])
+  }
+})
+
+test('copied loader writers, runtime writes and CSS shadowing remain unapproved', () => {
+  for (const extra of [
+    { 'apps/sim/components/copy.tsx': writer },
+    { 'apps/sim/components/runtime.ts': 'node.style.setProperty("--tl-label-size", value)' },
+    { 'apps/sim/components/shadow.css': '.other {--tl-label-size:99px}' },
+    { 'apps/sim/components/shadow.css': '.other {--text-sm:99px}' },
+    { [globals]: `${definitions}@theme inline { --text-sm:0.875rem }` },
+  ] as Record<string, string>[])
+    expect(review({ [loader]: writer, [loaderCss]: labels, ...extra }).classifications).toEqual([])
+})
+
+test('marketing source stays outside typography inspection even with unrelated oversized modules', () => {
+  const files = {
+    [mdx]: 'export const mdxComponents = {}',
+    'apps/sim/app/(landing)/blog/page.tsx': 'import {mdxComponents} from "@/lib/content/mdx"',
+    'apps/docs/app/page.tsx': 'import {mdxComponents} from "../../sim/lib/content/mdx"',
+    'apps/sim/tools/generated/tool-metadata.ts': `export const data = '${'x'.repeat(2 * 1024 * 1024)}'`,
+    'scripts/generate-docs.ts':
+      'const mdx = true; const registry = await import(path.join(root, "tools/registry.ts"))',
+  }
+  const result = review(files)
+  expect(result.ownership).toEqual([])
+  const radius = {
+    ...finding({ file: mdx, line: 1, column: 1, property: 'border-radius', value: '4px' }),
+    contract: 'central-radius',
+    rule: 'central-radius',
+    category: 'radii',
+  }
+  expect(classifyTypography([radius], result)).toHaveLength(1)
+
+  const product = review({
+    ...files,
+    'apps/sim/app/workspace/product.tsx': `import {mdxComponents} from '@/lib/content/mdx'; export const data = '${'x'.repeat(2 * 1024 * 1024)}'`,
+  })
+  expect(product.ownership).toEqual([])
+  expect(classifyTypography([radius], product)).toHaveLength(1)
+})
+
+test('unreferenced marketing helpers remain outside typography inspection', () => {
+  expect(review({ [mdx]: 'export const x = 1' }).ownership).toEqual([])
+  const result = review({
+    [mdx]: 'export const x = 1',
+    'apps/sim/lib/content/index.ts': 'export * from "./mdx";export * from "./loop"',
+    'apps/sim/lib/content/loop.ts': 'export * from "./index"',
+  })
+  expect(result.ownership).toEqual([])
+})
+
+test('font-size tokens cannot approve a font-weight declaration', () => {
+  expect(
+    review({ 'apps/sim/components/a.css': '.a {font-weight:var(--text-sm)}' }).classifications
+  ).toEqual([])
+})
+
+test('uninspected CSS cannot establish global weight token ownership', () => {
+  const result = review({
+    'apps/sim/components/gap.css': '.gap{',
+    'apps/sim/components/a.css': '.a{font-weight:var(--font-weight-semibold)}',
+  })
+  expect(result.classifications).toEqual([])
+  expect(result.unchecked.some((n) => n.file === 'apps/sim/components/gap.css')).toBe(true)
+})
+
+test('a runtime text-size writer revokes the loader fallback proof', () => {
+  const result = review({
+    [loader]: writer,
+    [loaderCss]: labels,
+    'apps/sim/components/writer.ts': "node.style.setProperty('--text-sm',runtime)",
+  })
+  expect(result.classifications.some((c) => c.file === loaderCss)).toBe(false)
+})
diff --git a/scripts/check-design-conformance.test.ts b/scripts/check-design-conformance.test.ts
new file mode 100644
index 00000000000..3efcd900630
--- /dev/null
+++ b/scripts/check-design-conformance.test.ts
@@ -0,0 +1,1141 @@
+/** biome-ignore-all lint/suspicious/noTemplateCurlyInString: Fixtures contain proposed source text. */
+import { readdirSync, readFileSync } from 'node:fs'
+import path from 'node:path'
+import { expect, test } from 'vitest'
+import { ConformanceLinter } from '#design-conformance/conformance'
+import { designSystem } from '#design-conformance/design-system'
+import { type Entry, hash, TOKEN_FILE } from '#design-conformance/model'
+import { type SystemInput, snapshotHash } from '#design-conformance/system-snapshot'
+
+const ui = 'apps/sim/components/example.tsx'
+const base = 'a'.repeat(40)
+const head = 'b'.repeat(40)
+const commits = { base, head, mergeBase: base }
+const globals = `@theme {--text-small:13px;--font-mono:monospace;--font-body:system-ui;--color-brand:var(--brand);--radius-lg:8px;--shadow-card:0 1px 2px #000;}:root{--text-body:#434343;--text-muted:#777;--text-error:#f00;--brand:#abc;--border:#ddd}`
+const emcnRoot = path.resolve('packages/emcn/src')
+const realCentralSources = Object.fromEntries(
+  readdirSync(emcnRoot, { recursive: true })
+    .map(String)
+    .filter((file) => /\.tsx?$/.test(file) && !/\.(?:test|spec|d)\./.test(file))
+    .map((file) => [`packages/emcn/src/${file}`, readFileSync(path.join(emcnRoot, file), 'utf8')])
+)
+const centralSources: Record<string, string> = {
+  ...realCentralSources,
+  [TOKEN_FILE]: globals,
+  'packages/emcn/src/components/index.ts': `${realCentralSources['packages/emcn/src/components/index.ts']}\nexport * from './button/button'`,
+  'packages/emcn/src/index.ts': `export * from './components'`,
+  'packages/emcn/src/components/button/button.tsx': `import {cva} from 'class-variance-authority'; export const buttonVariants=cva('rounded-lg',{variants:{variant:{normal:'text-[var(--text-body)]',error:'text-[var(--text-error)]'}}});export const centralTextClass='text-small text-[var(--text-body)]'; export const centralColour='#434343';export const Button=({className,...props}:import('react').HTMLAttributes<HTMLButtonElement>)=> <button {...props} className={cn(buttonVariants(),'bg-[var(--text-body)] h-8 px-2 py-1 text-small',className)}/>`,
+}
+function input(sources = centralSources): SystemInput {
+  const entries = Object.entries(sources)
+    .map(([path, text]) => ({ path, blob: hash(text).slice(0, 40), mode: '100644' }))
+    .sort((a, b) => a.path.localeCompare(b.path))
+  return {
+    snapshot: { version: '1.0.0', commit: base, hash: snapshotHash(entries), entries },
+    read: (e) => sources[e.path],
+  }
+}
+const linter = new ConformanceLinter()
+async function diff(
+  before: string,
+  after: string,
+  file = ui,
+  sources = centralSources,
+  oldFile = file
+) {
+  const b: Entry = { path: oldFile, blob: hash(before).slice(0, 40), mode: '100644' }
+  const a: Entry = { path: file, blob: hash(after).slice(0, 40), mode: '100644' }
+  return linter.analyze(
+    [{ status: 'M', before: b, after: a }],
+    (e) => (e === b ? before : after),
+    commits,
+    input(sources)
+  )
+}
+const text = (classes: string) => `const A=()=> <p className=${JSON.stringify(classes)}>Text</p>`
+const shared = (body: string) =>
+  `import {Button,Chip,ChipInput,ChipTextarea,ChipModalBody,ChipModalField,ChipTag,cn} from '@sim/emcn';const A=()=> <>${body}</>`
+// This fixture extracts the real EMCN inventory, including a cold type program.
+for (const classes of [
+  'text-small text-[var(--text-body)]',
+  'font-mono',
+  'text-brand',
+  'font-medium',
+  'rounded-lg shadow-card',
+  'text-sm',
+  'text-white',
+])
+  test(
+    `approved ${classes} passes`,
+    async () => expect((await diff('', text(classes))).flagged).toBe(false),
+    15000
+  )
+for (const classes of [
+  'text-[#434343]',
+  'text-[13px]',
+  'font-[450]',
+  'font-bold',
+  'font-[ComicSans]',
+  'rounded-[8px]',
+  'shadow-[0_1px_2px_#000]',
+  'text-pink-500',
+])
+  test(`unapproved ${classes} flags`, async () =>
+    expect((await diff('', text(classes))).findings.length).toBeGreaterThan(0))
+test('semantic choice of approved colour/font is unrestricted', async () => {
+  expect(
+    (await diff(text('text-[var(--text-body)]'), text('text-[var(--text-error)] font-mono')))
+      .flagged
+  ).toBe(false)
+  expect(
+    (
+      await diff(
+        shared('<Button variant="normal">Save</Button>'),
+        shared('<Button variant="error">Save</Button>')
+      )
+    ).flagged
+  ).toBe(false)
+})
+test('new composition and ungoverned dimensions/spacing pass', async () => {
+  expect(
+    (
+      await diff(
+        '',
+        shared(
+          '<div className="flex gap-2 p-[773px] w-[321px]"><Button>A</Button><Button>B</Button></div>'
+        )
+      )
+    ).flagged
+  ).toBe(false)
+})
+test('component ownership flags central-token chrome overrides', async () => {
+  const r = await diff('', shared('<ChipInput className="bg-[var(--text-body)] px-2"/>'))
+  expect(r.findings.every((f) => f.contract === 'component-chrome')).toBe(true)
+  expect(r.findings.length).toBe(2)
+  expect(
+    (
+      await diff(
+        '',
+        shared('<ChipInput className="min-w-0 flex-1 w-[321px]" inputClassName="font-mono"/>')
+      )
+    ).flagged
+  ).toBe(false)
+})
+test('basic EMCN components report caller changes to their owned appearance', async () => {
+  const examples = [
+    [
+      'Label',
+      '<Label className="text-[var(--text-muted)]">Name</Label>',
+      'text-[var(--text-muted)]',
+    ],
+    ['Textarea', '<Textarea className="rounded-lg" />', 'rounded-lg'],
+    ['Combobox', '<Combobox options={[]} className="rounded-lg" />', 'rounded-lg'],
+    ['Checkbox', '<Checkbox className="size-5" />', 'size-5'],
+    ['Switch', '<Switch className="bg-[var(--brand)]" />', 'bg-[var(--brand)]'],
+    [
+      'ChipTag',
+      '<ChipTag className="text-[var(--text-body)]">Tag</ChipTag>',
+      'text-[var(--text-body)]',
+    ],
+    ['Avatar', '<Avatar className="rounded-md" />', 'rounded-md'],
+    ['AvatarFallback', '<AvatarFallback className="border-0">A</AvatarFallback>', 'border-0'],
+    ['Banner', '<Banner className="bg-[var(--brand)]" />', 'bg-[var(--brand)]'],
+    ['Skeleton', '<Skeleton className="bg-[var(--brand)]" />', 'bg-[var(--brand)]'],
+    [
+      'OverflowText',
+      '<OverflowText label="Name" className="overflow-visible" />',
+      'overflow-visible',
+    ],
+    ['Code.Container', '<Code.Container className="border-0">Code</Code.Container>', 'border-0'],
+    [
+      'Code.Gutter',
+      '<Code.Gutter width={20} className="rounded-none">1</Code.Gutter>',
+      'rounded-none',
+    ],
+    [
+      'Code.Viewer',
+      '<Code.Viewer code="x" className="rounded-md border-0 bg-[var(--brand)]!" />',
+      'rounded-md',
+    ],
+    ['DropdownMenuContent', '<DropdownMenuContent className="rounded-md" />', 'rounded-md'],
+    ['DropdownMenuItem', '<DropdownMenuItem className="gap-2">Open</DropdownMenuItem>', 'gap-2'],
+    ['PopoverItem', '<PopoverItem className="px-4">Open</PopoverItem>', 'px-4'],
+    ['PopoverSection', '<PopoverSection className="px-4">Group</PopoverSection>', 'px-4'],
+    ['InputOTPSlot', '<InputOTPSlot index={0} className="rounded-lg" />', 'rounded-lg'],
+    [
+      'SecretInput',
+      '<SecretInput value="x" onChange={()=>{}} className="rounded-lg" />',
+      'rounded-lg',
+    ],
+    ['CopyCodeButton', '<CopyCodeButton code="x" className="rounded-lg" />', 'rounded-lg'],
+  ] as const
+  for (const [name, jsx, value] of examples) {
+    const result = await diff(
+      '',
+      `import {${name.split('.')[0]}} from '@sim/emcn';const A=()=>${jsx}`
+    )
+    expect(
+      result.findings.some(
+        (finding) => finding.rule === 'component-chrome' && finding.value === value
+      ),
+      name
+    ).toBe(true)
+    if (name === 'Code.Viewer')
+      expect(
+        new Set(
+          result.findings
+            .filter((finding) => finding.rule === 'component-chrome')
+            .map((finding) => finding.value)
+        )
+      ).toEqual(new Set(['rounded-md', 'border-0', 'bg-[var(--brand)]!']))
+  }
+})
+test('contextual appearance and unrelated lookalikes remain available', async () => {
+  const examples = [
+    '<Skeleton className="h-4 w-8 rounded-full" />',
+    '<OverflowText label="Long name" className="text-[var(--text-body)] w-full" />',
+    '<Banner className="text-[var(--text-body)]" />',
+    '<Code.Viewer code="x" className="max-w-full [word-break:break-all]" />',
+  ]
+  for (const jsx of examples) {
+    const result = await diff(
+      '',
+      `import {Skeleton,OverflowText,Banner,Code} from '@sim/emcn';const A=()=>${jsx}`
+    )
+    expect(
+      result.findings.filter((finding) => finding.rule === 'component-chrome'),
+      jsx
+    ).toEqual([])
+  }
+  const local = await diff(
+    '',
+    `const Code={Viewer:({className}:any)=><div className={className}/>};const A=()=> <Code.Viewer className="rounded-md" />`
+  )
+  expect(local.findings.filter((finding) => finding.rule === 'component-chrome')).toEqual([])
+})
+test('declared custom style channels warn on owned chrome and retain data-only props', async () => {
+  const result = await diff(
+    '',
+    `import {Code} from '@sim/emcn';const A=()=> <Code.Viewer code="x" gutterStyle={{width:100,marginLeft:20}} dataStyle={{color:'#123456'}} />`
+  )
+  expect(
+    result.findings
+      .filter((finding) => finding.rule === 'component-chrome')
+      .map((finding) => finding.property)
+  ).toEqual(expect.arrayContaining(['width', 'margin']))
+  expect(result.findings.some((finding) => finding.value.includes('#123456'))).toBe(false)
+  const runtime = await diff(
+    '',
+    `import {Code} from '@sim/emcn';const A=({style})=> <Code.Viewer code="x" gutterStyle={style} />`
+  )
+  expect(runtime.unchecked.some((note) => note.reason.includes('Computed style object'))).toBe(true)
+})
+test('custom styling forwarded by a product wrapper is checked at its caller', async () => {
+  const result = await diff(
+    '',
+    `import {Code} from '@sim/emcn';const Wrapper=({gutterStyle,dataStyle})=> <Code.Viewer code="x" gutterStyle={gutterStyle}/>;const A=()=> <Wrapper gutterStyle={{width:100}} dataStyle={{color:'#123456'}}/>`
+  )
+  expect(
+    result.findings.some(
+      (finding) => finding.rule === 'component-chrome' && finding.property === 'width'
+    )
+  ).toBe(true)
+  expect(result.findings.some((finding) => finding.value.includes('#123456'))).toBe(false)
+})
+test('dynamic data-only wrapper props do not become styling diagnostics', async () => {
+  const result = await diff(
+    '',
+    `const Data=({dataStyle})=> <p data-value={JSON.stringify(dataStyle)}>Data</p>;const A=({value})=> <Data dataStyle={value}/>`
+  )
+  expect(result.unchecked.some((note) => note.reason.includes('Computed style object'))).toBe(false)
+  const rendered = await diff(
+    '',
+    `const Visual=({surfaceStyle})=> <div style={surfaceStyle}/>;const A=({value})=> <Visual surfaceStyle={value}/>`
+  )
+  expect(rendered.unchecked.some((note) => note.reason.includes('Computed style object'))).toBe(
+    true
+  )
+})
+test('Code.Viewer ownership works through namespace imports and inline styles', async () => {
+  const report = await diff(
+    '',
+    `import * as E from '@sim/emcn'; const A=()=> <E.Code.Viewer code="x" className="rounded-md" style={{backgroundColor:'var(--brand)'}} />`
+  )
+  expect(
+    report.findings
+      .filter((finding) => finding.rule === 'component-chrome')
+      .map((finding) => finding.property)
+  ).toEqual(expect.arrayContaining(['border-radius']))
+})
+test('another Code.Viewer override is new debt inside the same owner', async () => {
+  const viewer = '<Code.Viewer code="x" className="border-0" />'
+  const source = (body: string) => `import {Code} from '@sim/emcn';const A=()=> <div>${body}</div>`
+  const report = await diff(source(viewer), source(`${viewer}${viewer}`))
+  expect(
+    report.findings
+      .filter((finding) => finding.rule === 'component-chrome' && finding.value === 'border-0')
+      .map((finding) => finding.property)
+  ).toEqual(['border-style', 'border-width'])
+})
+test('copied mistakes add occurrences; untouched debt and wording pass', async () => {
+  const item = '<p className="text-[#434343]">Text</p>'
+  expect((await diff(shared(item), shared(item + item))).findings.length).toBe(1)
+  expect((await diff(shared(item), shared(item.replace('Text', 'Other words')))).flagged).toBe(
+    false
+  )
+  expect((await diff(shared(item), shared(''))).flagged).toBe(false)
+})
+test('moving debt to a new file surfaces it for review', async () => {
+  const item = text('text-[#434343]')
+  expect(
+    (
+      await diff(
+        item,
+        `\n/** moved */\n${item}`,
+        'apps/sim/components/renamed.tsx',
+        centralSources,
+        ui
+      )
+    ).flagged
+  ).toBe(true)
+})
+test('file-local aliases cannot launder literal colours', async () => {
+  expect(
+    (await diff('', `const colour='#434343';const A=()=> <p style={{color:colour}}/>`)).flagged
+  ).toBe(true)
+  expect((await diff('', `const c='text-[#434343]';const A=()=> <p className={c}/>`)).flagged).toBe(
+    true
+  )
+  expect(
+    (await diff(text('text-small'), `const c='text-small';const A=()=> <p className={c}/>`)).flagged
+  ).toBe(false)
+})
+test('central exported recipes and aliases preserve provenance', async () => {
+  const source = `import {centralTextClass as cls} from '@sim/emcn';const alias=cls;const A=()=> <p className={alias}/>`
+  const r = await diff('', source)
+  expect(r.flagged).toBe(false)
+  expect(r.unchecked.filter((n) => n.file === ui)).toEqual([])
+  const b = `import {buttonVariants} from '@sim/emcn';const A=()=> <p className={buttonVariants({variant:'error'})}/>`
+  expect((await diff('', b)).flagged).toBe(false)
+  expect(
+    (await diff('', b.replace("variant:'error'", "variant:'error',className:'text-[#123456]'")))
+      .flagged
+  ).toBe(true)
+})
+test('documented brand slots pass and ordinary literal colours flag', async () => {
+  expect((await diff('', shared('<ChipTag brandColor="#123456">Provider</ChipTag>'))).flagged).toBe(
+    false
+  )
+  expect(
+    (await diff('', shared('<ChipTag style={{color:"#123456"}}>Provider</ChipTag>'))).flagged
+  ).toBe(true)
+  const block = `import type {BlockConfig} from '@/blocks/types';const Provider:BlockConfig={type:'provider',category:'tools',bgColor:'#123456'}`
+  expect((await diff('', block, 'apps/sim/blocks/blocks/provider.ts')).flagged).toBe(false)
+})
+test('icon styling is separate from artwork and global size stays ungoverned', async () => {
+  const source = `import {Search} from 'lucide-react';const A=()=> <Search className="size-[24px] text-[var(--text-body)]"/>`
+  expect((await diff('', source)).flagged).toBe(false)
+  expect(
+    (await diff('', source.replace('text-[var(--text-body)]', 'text-[#434343]'))).flagged
+  ).toBe(true)
+  expect((await diff('', `const A=()=> <svg><path fill="#123456" d="M0 0"/></svg>`)).flagged).toBe(
+    true
+  )
+})
+test('registered icon slot forbids overriding its geometry', async () => {
+  const r = await diff('', shared('<ChipInput icon={<svg className="size-[24px]"/>}/>'))
+  expect(r.findings.some((f) => f.contract === 'icon-slot')).toBe(true)
+})
+test('directly labelled modal fields use their central wrapper', async () => {
+  expect(
+    (
+      await diff(
+        '',
+        shared('<ChipModalBody><div><label>Name</label><ChipInput/></div></ChipModalBody>')
+      )
+    ).findings.some((f) => f.contract === 'modal-field')
+  ).toBe(true)
+  expect(
+    (await diff('', shared('<ChipModalBody><ChipModalField title="Name"/></ChipModalBody>')))
+      .flagged
+  ).toBe(false)
+  expect((await diff('', shared('<div><label>Name</label><ChipInput/></div>'))).flagged).toBe(false)
+})
+test('central definitions notify but formatting does not', async () => {
+  const r = await diff(globals, globals.replace('13px', '14px'), TOKEN_FILE)
+  expect(r.status).toBe('completed')
+  expect(r.findings.length).toBe(1)
+  expect(r.findings[0].kind).toBe('system-change')
+  expect((await diff(globals, `/** note */\n${globals}`, TOKEN_FILE)).flagged).toBe(false)
+}, 30000)
+test('changing a global custom-property priority remains an originating system decision', async () => {
+  const before = ':root{--priority-ink:#abc}'
+  const report = await diff(before, ':root{--priority-ink:#abc!important}', TOKEN_FILE, {
+    [TOKEN_FILE]: before,
+    'packages/emcn/src/index.ts': 'export {}',
+  })
+  expect(
+    report.findings.some(
+      (finding) => finding.kind === 'system-change' && finding.property === '--priority-ink'
+    )
+  ).toBe(true)
+})
+test('new central token and its usage produce only the system notification', async () => {
+  const after = `${globals}\n:root{--new-colour:#123456}`
+  const b: Entry = { path: TOKEN_FILE, blob: 'old', mode: '100644' }
+  const a: Entry = { path: TOKEN_FILE, blob: 'new', mode: '100644' }
+  const c: Entry = { path: ui, blob: 'consumer', mode: '100644' }
+  const r = await linter.analyze(
+    [
+      { status: 'M', before: b, after: a },
+      { status: 'A', before: null, after: c },
+    ],
+    (e) => (e === b ? globals : e === a ? after : text('text-[var(--new-colour)]')),
+    commits,
+    input()
+  )
+  expect(r.status).toBe('completed')
+  expect(r.findings.length).toBe(1)
+  expect(r.findings[0].kind).toBe('system-change')
+})
+test('CSS and rendered HTML retain central checks', async () => {
+  expect((await diff('', '.a{color:#434343}', 'apps/sim/components/a.css')).flagged).toBe(true)
+  expect(
+    (
+      await diff(
+        '',
+        `const A=()=> <div dangerouslySetInnerHTML={{__html:'<p style="color:#434343">Help</p>'}}/>`
+      )
+    ).flagged
+  ).toBe(true)
+  expect(
+    (
+      await diff(
+        '',
+        `const A=()=> <div dangerouslySetInnerHTML={{__html:'<p class="mb-3">Help</p>'}}/>`
+      )
+    ).flagged
+  ).toBe(false)
+})
+test('unresolved expressions remain unchecked while failed product inspection fails the check', async () => {
+  for (const source of [
+    `import helper from './helper';const A=()=> <p className={helper()}/>`,
+    `const a=b;const b=a;const A=()=> <p className={a}/>`,
+  ]) {
+    const r = await diff('', source)
+    expect(r.flagged).toBe(false)
+    expect(r.unchecked.length).toBeGreaterThan(0)
+  }
+  for (const source of [`const A=()=> <`, ' '.repeat(2 * 1024 * 1024 + 1)]) {
+    const r = await diff('', source)
+    expect(r.status).toBe('failed')
+    expect(r.flagged).toBeNull()
+    expect(r.coverageFailures?.length).toBeGreaterThan(0)
+  }
+})
+test('missing required central input is an operational failure', async () => {
+  const r = await diff('', text('text-small'), ui, {})
+  expect(r.flagged).toBeNull()
+  expect(r.status).toBe('failed')
+})
+test('historical theme syntax is parsed without source/plugin execution', async () => {
+  const sources = {
+    ...centralSources,
+    'apps/sim/tailwind.config.ts': `throw new Error('MUST NOT EXECUTE');export default {theme:{extend:{colors:{special:'#123456'},fontSize:{huge:'33px'}}},plugins:[(()=>{throw Error('plugin')})()]}`,
+  }
+  const s = await designSystem(input(sources))
+  expect(s.adopted.get('colours')?.has('special')).toBe(true)
+  expect((await diff('', text('text-special text-huge'), ui, sources)).flagged).toBe(false)
+})
+test('central compilation follows local CSS imports in authored order', async () => {
+  const imported = 'packages/emcn/src/lib/imported.css'
+  const sources = {
+    [TOKEN_FILE]:
+      '@import "../../../../packages/emcn/src/lib/imported.css"; @utility audit-chrome{border-radius:7px}',
+    [imported]: '@utility audit-chrome{border-radius:37px}',
+    'packages/emcn/src/index.ts': 'export {}',
+  }
+  const system = await designSystem(input(sources))
+  const css = system.compiler.candidatesToCss(['audit-chrome'])[0]
+  expect(css).toContain('37px')
+  expect(css).toContain('7px')
+  expect(css!.indexOf('37px')).toBeLessThan(css!.indexOf('7px'))
+})
+test('legacy theme changes refresh source-owned chrome even when EMCN and CSS bytes stay unchanged', async () => {
+  const config = 'apps/sim/tailwind.config.ts'
+  const sources = {
+    [TOKEN_FILE]: '@theme{--text-small:13px}',
+    [config]: "export default {theme:{extend:{colors:{special:'#abc'}}}}",
+    'packages/emcn/src/index.ts': "export * from './components/example'",
+    'packages/emcn/src/components/example.tsx':
+      "export function Example({className}:{className?:string}){return <p className={cn('text-special',className)}/>};declare function cn(...args:unknown[]):string",
+  }
+  const before = await designSystem(input(sources))
+  const after = await designSystem(
+    input({
+      ...sources,
+      [config]: "export default {theme:{extend:{fontSize:{special:'37px'}}}}",
+    })
+  )
+  expect(before.metadata.exports.Example.slots.className.protected).toContain('color')
+  expect(after.metadata.exports.Example.slots.className.protected).toContain('font-size')
+  expect(after.metadata.exports.Example.slots.className.protected).not.toContain('color')
+})
+
+test('central aliases inherit permissions without granting local literal aliases permission', async () => {
+  const sources = {
+    ...centralSources,
+    [TOKEN_FILE]: `${globals};:root{--border-1:var(--border);--border-muted:var(--border-1)}`,
+  }
+  expect((await diff('', text('border-[var(--border-muted)]'), ui, sources)).flagged).toBe(false)
+  expect(
+    (await diff('', `.a{--own:#123456;color:var(--own)}`, 'apps/sim/components/a.css')).flagged
+  ).toBe(true)
+})
+test('named utility adoption requires a central styling definition', async () => {
+  const source = centralSources['packages/emcn/src/components/button/button.tsx']
+  const sources = {
+    ...centralSources,
+    'packages/emcn/src/components/button/button.tsx': `${source};export const Caption=()=> <p className="text-lg text-blue-500 rounded-2xl"/>`,
+  }
+  expect((await diff('', text('text-lg text-blue-500 rounded-2xl'), ui, sources)).flagged).toBe(
+    false
+  )
+  expect((await diff('', text('text-red-500'), ui, sources)).flagged).toBe(true)
+})
+test('gradient direction and ring geometry do not invent a new colour or shadow', async () => {
+  expect(
+    (await diff('', text('bg-linear-to-t from-[var(--text-body)] to-transparent ring-0'))).flagged
+  ).toBe(false)
+})
+test('equivalent important syntax and local function renames surface edited or renamed debt', async () => {
+  expect(
+    (await diff(shared('<Button className="!p-2"/>'), shared('<Button className="p-2!"/>'))).flagged
+  ).toBe(true)
+  expect(
+    (await diff(text('text-[#434343]'), text('text-[#434343]').replace('const A', 'const Renamed')))
+      .flagged
+  ).toBe(true)
+})
+
+test('centrally derived template composition is checked without an unknown helper', async () => {
+  const r = await diff(
+    '',
+    `import {centralTextClass} from '@sim/emcn';const A=()=> <p className={\`\${centralTextClass} font-mono\`}/>`
+  )
+  expect(r.flagged).toBe(false)
+  expect(r.unchecked.filter((n) => n.file === ui)).toEqual([])
+})
+test('central configuration edits notify separately and preserve original JS locations', async () => {
+  const file = 'apps/sim/tailwind.config.ts'
+  const before = "export default {\n theme:{extend:{colors:{special:'#123456'}}}\n}"
+  const sources = { [TOKEN_FILE]: globals, [file]: before }
+  const r = await diff(before, before.replace('#123456', '#654321'), file, sources)
+  expect(r.flagged).toBe(true)
+  expect(r.findings.every((f) => f.kind === 'system-change')).toBe(true)
+  expect(r.findings.some((f) => f.property === '--color-special' && f.line === 2)).toBe(true)
+  expect((await diff(before, `/** comment */\n${before}`, file, sources)).flagged).toBe(false)
+})
+test('central registry edits are review notifications, not consumer violations', async () => {
+  const r = await diff('{"version":1}', '{"version":2}', 'design-review/token-lint/contracts.json')
+  expect(r.findings[0].kind).toBe('system-change')
+})
+
+test('root component contracts do not accidentally constrain pseudo-elements or arbitrary icon descendants', async () => {
+  expect(
+    (await diff('', shared('<Button className="after:size-[40px] [&_svg]:size-[24px]"/>'))).flagged
+  ).toBe(false)
+  expect(
+    (await diff('', shared('<Button className="hover:h-[40px]"/>'))).findings[0].contract
+  ).toBe('component-chrome')
+  expect(
+    (await diff('', shared('<Button className="after:bg-[#123456]"/>'))).findings[0].contract
+  ).toBe('central-colour')
+})
+test('central configuration constant extraction is equivalent', async () => {
+  const file = 'apps/sim/tailwind.config.ts'
+  const before = "export default {theme:{extend:{colors:{special:'#123456'}}}}"
+  const after = "const palette={special:'#123456'};export default {theme:{extend:{colors:palette}}}"
+  expect((await diff(before, after, file, { ...centralSources, [file]: before })).flagged).toBe(
+    false
+  )
+})
+
+test('untouched debt survives a compiler migration while additional copies still flag', async () => {
+  const config = 'apps/sim/tailwind.config.ts'
+  const sources = { ...centralSources, [config]: 'export default {}' }
+  const b: Entry = { path: ui, blob: 'c'.repeat(40), mode: '100644' }
+  const a: Entry = { ...b, blob: 'd'.repeat(40) }
+  const c = input(sources).snapshot.entries.find((e) => e.path === config) as Entry
+  for (const copies of [1, 2]) {
+    const r = await linter.analyze(
+      [
+        { status: 'M', before: b, after: a },
+        { status: 'D', before: c, after: null },
+      ],
+      (e) =>
+        e === b
+          ? text('hover:shadow')
+          : e === a
+            ? `const A=()=> <>${'<p className="hover:shadow"/>'.repeat(copies)}</>`
+            : sources[e.path as keyof typeof sources],
+      commits,
+      input(sources)
+    )
+    expect(r.findings.filter((f) => f.kind === 'usage-violation').length).toBe(copies - 1)
+  }
+})
+
+test('equivalent conditional composition does not turn untouched chrome debt into new debt', async () => {
+  const before = shared(
+    '<Button className={active ? "bg-[var(--text-error)]" : "hover:bg-[var(--text-body)]"}/>'
+  )
+  const after = shared(
+    '<Button variant={active ? "error" : "normal"} className={!active && "hover:bg-[var(--text-body)]"}/>'
+  )
+  expect((await diff(before, after)).flagged).toBe(false)
+  expect((await diff(before, after.replace('var(--text-body)', 'var(--text-muted)'))).flagged).toBe(
+    true
+  )
+})
+test('modal spacing ownership distinguishes body field rhythm from nested content layout', async () => {
+  expect(
+    (
+      await diff(
+        '',
+        shared(
+          '<ChipModalBody><div className="flex gap-2"><Button>A</Button><Button>B</Button></div></ChipModalBody>'
+        )
+      )
+    ).flagged
+  ).toBe(false)
+  expect(
+    (
+      await diff(
+        '',
+        shared(
+          '<ChipModalBody><section><div className="flex flex-col gap-2 p-2">Content</div></section></ChipModalBody>'
+        )
+      )
+    ).flagged
+  ).toBe(false)
+  expect(
+    (
+      await diff(
+        '',
+        shared(
+          '<ChipModalBody><div className="flex flex-col gap-2"><ChipModalField title="Name" /></div></ChipModalBody>'
+        )
+      )
+    ).flagged
+  ).toBe(true)
+})
+
+test('supported central v3/v4 utility aliases compare as the same styling definition', async () => {
+  const file = 'packages/emcn/src/components/button/button.tsx'
+  const config = 'apps/sim/tailwind.config.ts'
+  const before = 'export const Button=()=> <button className="shadow-sm outline-none"/>'
+  const after = before.replace('shadow-sm outline-none', 'shadow-xs outline-hidden')
+  const sources = { ...centralSources, [file]: before, [config]: 'export default {}' }
+  const b: Entry = { path: file, blob: 'e'.repeat(40), mode: '100644' }
+  const a: Entry = { ...b, blob: 'f'.repeat(40) }
+  const c = input(sources).snapshot.entries.find((e) => e.path === config) as Entry
+  const r = await linter.analyze(
+    [
+      { status: 'M', before: b, after: a },
+      { status: 'D', before: c, after: null },
+    ],
+    (e) => (e === b ? before : e === a ? after : sources[e.path as keyof typeof sources]),
+    commits,
+    input(sources)
+  )
+  expect(r.findings.filter((f) => f.file === file)).toEqual([])
+}, 15_000)
+
+test('CSS and inline token provenance survives numeric normalization', async () => {
+  expect(
+    (
+      await diff(
+        '',
+        'const A=()=> <p style={{fontSize:"var(--text-small)",borderRadius:"var(--radius-lg)"}}/>'
+      )
+    ).flagged
+  ).toBe(false)
+  expect(
+    (await diff('', text('text-[length:var(--text-small)] rounded-[var(--radius-lg)]'))).flagged
+  ).toBe(false)
+  expect(
+    (
+      await diff(
+        '',
+        '.a{font-size:var(--text-small);border-radius:var(--radius-lg)}',
+        'apps/sim/components/a.css'
+      )
+    ).flagged
+  ).toBe(false)
+  expect(
+    (await diff('', '.a{font-size:13px;border-radius:8px}', 'apps/sim/components/a.css')).findings
+      .length
+  ).toBe(2)
+})
+test('ordinary border and font shorthands expose governed literal inputs', async () => {
+  expect(
+    (
+      await diff(
+        '',
+        '.a{border:1px solid #434343;font:600 13px/1.5 Arial}',
+        'apps/sim/components/a.css'
+      )
+    ).findings.length
+  ).toBe(4)
+  expect(
+    (
+      await diff(
+        '',
+        '.a{border:1px solid var(--border);font:var(--text-small)/1.5 var(--font-body)}',
+        'apps/sim/components/a.css'
+      )
+    ).flagged
+  ).toBe(false)
+})
+
+test('direct modal body spacing also covers space-y utilities without governing nested layout', async () => {
+  expect(
+    (
+      await diff(
+        '',
+        shared(
+          '<ChipModalBody><div className="space-y-3"><ChipModalField title="Name" /></div></ChipModalBody>'
+        )
+      )
+    ).flagged
+  ).toBe(true)
+  expect(
+    (
+      await diff(
+        '',
+        shared(
+          '<ChipModalBody><section><div className="space-y-3">Content</div></section></ChipModalBody>'
+        )
+      )
+    ).flagged
+  ).toBe(false)
+})
+
+test('control replacement and equivalent conditional inputs surface new authored debt', async () => {
+  const before = 'const A=()=> <span className="text-[17px]"/>'
+  const after =
+    'import {OverflowText} from "@sim/emcn";const A=()=> <OverflowText className={disabled ? "text-[17px] text-[var(--text-muted)]" : "text-[17px]"}/>'
+  expect((await diff(before, after)).flagged).toBe(true)
+  expect(
+    (
+      await diff(
+        before,
+        'const A=()=> <><div className="text-[17px]"/><div className="text-[17px]"/></>'
+      )
+    ).findings.length
+  ).toBe(2)
+  expect(
+    (
+      await diff(
+        'const A=()=> <button className="text-[var(--text-body)]"/>',
+        shared('<Button className="text-[var(--text-body)]"/>')
+      )
+    ).findings[0].contract
+  ).toBe('component-chrome')
+})
+
+for (const classes of ['flex flex-col gap-2', 'space-y-3', 'px-2']) {
+  test(`modal field spacing requires structural fields: ${classes}`, async () => {
+    const prose = `<ChipModalBody><div className="${classes}"><p>Fields</p><ul><li>Contents</li></ul></div></ChipModalBody>`
+    expect((await diff('', shared(prose))).flagged).toBe(false)
+    const fields = prose.replace(
+      '<p>Fields</p><ul><li>Contents</li></ul>',
+      '<ChipModalField title="Name" />'
+    )
+    expect(
+      (await diff('', shared(fields))).findings.some((f) => f.contract === 'component-chrome')
+    ).toBe(true)
+    expect(
+      (
+        await diff(
+          '',
+          shared(prose.replace('<p>Fields</p><ul><li>Contents</li></ul>', '<UnknownControl />'))
+        )
+      ).flagged
+    ).toBe(false)
+  })
+}
+
+test('modal field-group proof comes from rendered controls and preserves nested allowances', async () => {
+  expect(
+    (
+      await diff('', shared('<ChipModalBody><div className="px-2"><input /></div></ChipModalBody>'))
+    ).findings.some((f) => f.contract === 'component-chrome')
+  ).toBe(true)
+  expect(
+    (
+      await diff(
+        '',
+        shared(
+          '<ChipModalBody><div className="px-2" data-extra={<ChipModalField title="Name"/>}><p>Fields</p></div></ChipModalBody>'
+        )
+      )
+    ).flagged
+  ).toBe(false)
+  expect(
+    (
+      await diff(
+        '',
+        shared(
+          '<ChipModalBody><section><div className="px-2"><ChipModalField title="Name"/></div></section></ChipModalBody>'
+        )
+      )
+    ).flagged
+  ).toBe(false)
+  expect(
+    (
+      await diff('', shared('<ChipModalBody className="px-2"><p>Prose</p></ChipModalBody>'))
+    ).findings.some((f) => f.contract === 'component-chrome')
+  ).toBe(true)
+})
+
+test('central artwork changes notify; formatting and ordinary reuse pass', async () => {
+  const file = 'packages/emcn/src/icons/example.tsx'
+  const code = 'export const Mark=()=> <svg><path d="M0 0L1 1"/></svg>'
+  const result = await diff(code, code.replace('L1 1', 'L2 2'), file)
+  expect(result.findings).toHaveLength(1)
+  expect(result.findings[0]).toMatchObject({ kind: 'system-change', contract: 'central-artwork' })
+  expect((await diff(code, `/** documentation */\n ${code}`, file)).flagged).toBe(false)
+  expect((await diff(code, '', file)).flagged).toBe(true)
+  expect(
+    (await diff('', "import {Mark} from '@sim/emcn/icons';const A=()=> <Mark/>")).flagged
+  ).toBe(false)
+  expect(
+    (
+      await diff(
+        '',
+        "import {Mark} from '@sim/emcn/icons';const A=()=> <Mark style={{color:'#aabbcc'}}/>"
+      )
+    ).flagged
+  ).toBe(true)
+}, 30000)
+
+test('local SVG ownership is checked without governing arbitrary icon size', async () => {
+  const code = 'const A=()=> <svg width="73"><path d="M0 0L1 1"/></svg>'
+  expect((await diff('', code)).findings.map((f) => f.contract)).toEqual(['central-artwork'])
+  expect((await diff(code, `/** wording */\n${code}`)).flagged).toBe(false)
+  expect((await diff(code, code.replace('L1 1', 'L2 2'))).flagged).toBe(true)
+  expect((await diff('', '<svg><title>Accessible title</title></svg>')).flagged).toBe(false)
+  expect((await diff('', 'const A=()=> <img src={user.avatar}/>')).flagged).toBe(false)
+  const landing = 'apps/sim/app/(landing)/components/illustration.tsx'
+  expect((await diff('', code, landing)).flagged).toBe(false)
+  expect((await diff('', code, 'apps/sim/components/feature/icons.tsx')).flagged).toBe(true)
+  const mixed = await diff('', code, 'apps/sim/components/icons.tsx')
+  expect(mixed.flagged).toBe(false)
+  expect(mixed.unchecked.some((note) => note.reason.includes('mixed branding/icon library'))).toBe(
+    true
+  )
+})
+
+test('wording and context edits leave debt quiet; moving its owner or adding copies flags', async () => {
+  const code = 'const A=()=> <p className="text-[#123456]">old wording</p>'
+  expect((await diff(code, code.replace('old wording', 'new wording'))).flagged).toBe(false)
+  expect((await diff(code, `// unrelated header\n${code}`)).flagged).toBe(false)
+  expect((await diff(code, code.replace('const A', 'const B'))).flagged).toBe(true)
+  expect(
+    (await diff(code, `${code};const B=()=> <p className="text-[#123456]"/>`)).findings
+  ).toHaveLength(1)
+  expect(
+    (await diff(code, code.replace('text-[#123456]', 'text-[var(--text-body)]'))).flagged
+  ).toBe(false)
+})
+
+test('Tailwind scanning repairs warn as style generation changes', async () => {
+  const file = 'apps/sim/tailwind.config.ts'
+  const before = 'export default {content:["./app/**/*.tsx"]}'
+  const after = 'export default {content:["./app/**/*.tsx","./blocks/**/*.tsx"]}'
+  const r = await diff(before, after, file, { ...centralSources, [file]: before })
+  expect(
+    r.findings.some((f) => f.reason.startsWith('Style generation configuration changed:'))
+  ).toBe(true)
+  expect(r.findings.every((f) => f.kind === 'system-change')).toBe(true)
+})
+
+test('central selector repairs notify even when the authored colour stays the same', async () => {
+  const p = 'packages/emcn/src/components/code/code.css'
+  expect(
+    (await diff('.old { color:#123456 }', '.new { color:#123456 }', p)).findings.some(
+      (f) => f.kind === 'system-change'
+    )
+  ).toBe(true)
+  expect(
+    (await diff('.old { color:#123456 }', '/* comment */ .old {color:#123456}', p)).flagged
+  ).toBe(false)
+})
+
+test('new central artwork slots accept custom drawing values but notify their definition', async () => {
+  const file = 'packages/emcn/src/illustrations/empty.tsx'
+  const source = 'export const Empty=()=> <svg><path fill="#deadbe" d="M0 0L7 9"/></svg>'
+  const r = await diff('', source, file)
+  expect(r.findings).toHaveLength(1)
+  expect(r.findings[0].kind).toBe('system-change')
+  const local = await diff('', source, 'apps/sim/components/icons/empty.tsx')
+  expect(
+    local.findings.some((f) => f.kind === 'usage-violation' && f.contract === 'central-artwork')
+  ).toBe(true)
+})
+
+test('artwork parsing and raster comparisons never execute source or decode media', async () => {
+  const { artworkDiff } = await import('#design-conformance/artwork')
+  const file = 'packages/emcn/src/illustrations/empty.png'
+  const result = artworkDiff(
+    {
+      status: 'M',
+      before: { path: file, blob: 'a'.repeat(40), mode: '100644' },
+      after: { path: file, blob: 'b'.repeat(40), mode: '100644' },
+    },
+    () => {
+      throw new Error('media must not be decoded')
+    }
+  )
+  expect(result.findings[0].kind).toBe('system-change')
+  const r = await diff(
+    '',
+    'globalThis.DESIGN_ARTWORK_RAN=true;export const Mark=()=> <svg/>',
+    'packages/emcn/src/icons/empty.tsx'
+  )
+  expect(r.status).toBe('completed')
+  expect('DESIGN_ARTWORK_RAN' in globalThis).toBe(false)
+  const over = await diff('', ' '.repeat(2 * 1024 * 1024 + 1), 'packages/emcn/src/icons/large.tsx')
+  expect(over.status).toBe('failed')
+  expect(over.error).toMatch(/2 MiB/)
+})
+
+test('reviewed landing ownership declarations apply generically and stay out of product scope', async () => {
+  const { registry } = await import('#design-conformance/contracts')
+  const file = 'apps/sim/components/marketing-only.tsx'
+  registry.ownership ??= {}
+  registry.ownership[file] = {
+    scope: 'landing',
+    source: 'apps/sim/app/(landing)/page.tsx',
+    reason: 'Explicit landing presentation ownership',
+  }
+  try {
+    expect((await diff('', text('text-[#123456]'), file)).flagged).toBe(false)
+    expect(
+      (await diff('', text('text-[#123456]'), 'apps/sim/components/product.tsx')).flagged
+    ).toBe(true)
+  } finally {
+    delete registry.ownership[file]
+  }
+})
+
+test('Tailwind CSS source declarations notify as style generation changes', async () => {
+  const r = await diff(
+    `${globals}\n@source "../components";`,
+    `${globals}\n@source "../components";\n@source "../blocks";`,
+    TOKEN_FILE
+  )
+  expect(r.findings.length).toBeGreaterThan(0)
+  expect(r.findings.some((f) => f.reason.startsWith('Style generation changed:'))).toBe(true)
+})
+
+test('central component inline artwork changes and removals notify', async () => {
+  const p = 'packages/emcn/src/components/decor/decor.tsx'
+  const source = 'export const Decor=()=> <svg><path d="M0 0L1 1"/></svg>'
+  expect(
+    (await diff(source, source.replace('L1 1', 'L2 2'), p)).findings.some(
+      (f) => f.contract === 'central-artwork' && f.kind === 'system-change'
+    )
+  ).toBe(true)
+  expect(
+    (await diff(source, 'export const Decor=()=> <div/>', p)).findings.some(
+      (f) => f.contract === 'central-artwork' && f.value === '(removed)'
+    )
+  ).toBe(true)
+}, 30000)
+
+test('declared third-party artwork and its direct export pass; product assets still notify', async () => {
+  const { registry } = await import('#design-conformance/contracts')
+  const { artworkDiff } = await import('#design-conformance/artwork')
+  const file = 'packages/emcn/src/icons/provider-glyph.tsx'
+  const artworkSources: Record<string, string> = {
+    [TOKEN_FILE]: globals,
+    'packages/emcn/src/index.ts': "export * from './components'",
+    'packages/emcn/src/components/index.ts': 'export {}',
+    'packages/emcn/src/icons/index.ts': 'export {}',
+  }
+  registry.artwork!.brandAssets ??= {}
+  registry.artwork!.brandAssets[file] = {
+    source: `${file}#Provider`,
+    reason: 'Registered third-party provider artwork',
+  }
+  try {
+    const code = 'export const Provider=()=> <svg><path d="M0 0L1 1"/></svg>'
+    expect((await diff('', code, file, artworkSources)).flagged).toBe(false)
+    expect(
+      (await diff('', code, 'packages/emcn/src/icons/product-glyph.tsx', artworkSources)).flagged
+    ).toBe(true)
+    const providerSources: Record<string, string> = {
+      ...artworkSources,
+      'packages/emcn/src/icons/product-glyph.tsx': 'export const Product=()=> <svg/>',
+      'packages/emcn/src/icons/provider-glyph.tsx': code,
+      'packages/emcn/src/icons/new-product.tsx': 'export const New=()=> <svg/>',
+    }
+    const barrel = 'packages/emcn/src/icons/index.ts'
+    const old = "export {Product} from './product-glyph'"
+    providerSources[barrel] = old
+    const next = `${old};export {Provider} from './provider-glyph'`
+    expect((await diff(old, next, barrel, providerSources)).flagged).toBe(false)
+    expect(
+      (await diff(next, `${next};export {New} from './new-product'`, barrel, providerSources))
+        .flagged
+    ).toBe(true)
+    const only = "export {Provider} from './provider-glyph'"
+    expect(
+      artworkDiff(
+        {
+          status: 'A',
+          before: null,
+          after: { path: barrel, blob: 'a'.repeat(40), mode: '100644' },
+        },
+        () => only
+      ).findings
+    ).toHaveLength(0)
+    expect(
+      (await diff('', 'const A=()=> <svg><path d="M0 0L1 1"/></svg>', ui, artworkSources)).flagged
+    ).toBe(true)
+  } finally {
+    delete registry.artwork!.brandAssets[file]
+  }
+})
+
+test('moving unchanged artwork across the authoring boundary never grants central provenance', async () => {
+  const central = 'packages/emcn/src/icons/owned.tsx'
+  const local = 'apps/sim/components/local-drawing.tsx'
+  const source = 'export const Mark=()=> <svg><path d="M0 0L1 1"/></svg>'
+  const out = await diff(source, source, local, centralSources, central)
+  expect(out.findings.some((f) => f.file === central && f.kind === 'system-change')).toBe(true)
+  expect(out.findings.some((f) => f.file === local && f.kind === 'usage-violation')).toBe(true)
+  const into = await diff(source, source, central, centralSources, local)
+  expect(into.findings).toHaveLength(1)
+  expect(into.findings[0].kind).toBe('system-change')
+  const within = await diff(
+    source,
+    source,
+    'packages/emcn/src/icons/renamed.tsx',
+    centralSources,
+    central
+  )
+  expect(within.flagged).toBe(false)
+})
+
+test('named colours inside gradients cannot bypass global colour ownership', async () => {
+  expect(
+    (
+      await diff(
+        '',
+        'export const A=()=> <div style={{backgroundImage:"linear-gradient(red, navy)"}}/>'
+      )
+    ).findings.some((f) => f.rule === 'central-colour')
+  ).toBe(true)
+})
+
+test('constant HTML prop alias chains remain inspectable', async () => {
+  const r = await diff(
+    '',
+    `const a={__html:'<p style="color:#abc">Text</p>'}; const b=a; const c=b; export const A=()=> <div dangerouslySetInnerHTML={c}/>`
+  )
+  expect(r.findings.some((f) => f.rule === 'central-colour' && f.value === '#abc')).toBe(true)
+})
+
+test('mutable or escaped style objects never gain proof from an obsolete initializer', async () => {
+  for (const operation of ['styles.color="red"', 'mutate(styles)']) {
+    const r = await diff(
+      '',
+      `const styles={color:"var(--text-body)"}; ${operation}; export const A=()=> <p style={styles}>Text</p>`
+    )
+    expect(r.unchecked.some((n) => /mutat|escap/i.test(n.reason))).toBe(true)
+  }
+})
+
+test('styled wrappers around media remain product chrome', async () => {
+  const r = await diff(
+    '',
+    'export const A=()=> <span className="rounded-[13px] bg-[#123456]"><svg><path d="M0 0"/></svg></span>'
+  )
+  expect(r.findings.some((f) => f.rule === 'central-radius')).toBe(true)
+  expect(r.findings.some((f) => f.rule === 'central-colour')).toBe(true)
+})
+
+test('generic constant component classes are handled by the primary analyzer', async () => {
+  const r = await diff(
+    '',
+    'import {Badge} from "@sim/emcn";const styling="bg-red-500";export const A=()=> <Badge className={styling}>Label</Badge>'
+  )
+  expect(r.findings.some((f) => f.rule === 'component-chrome' && f.value === 'bg-red-500')).toBe(
+    true
+  )
+})
+
+test('ChipModalField owns its rhythm while consumer margins and width stay local', async () => {
+  const r = await diff(
+    '',
+    shared('<ChipModalField type="input" title="Name" className="mt-4 w-full"/>')
+  )
+  expect(r.findings.filter((f) => f.rule === 'component-chrome')).toEqual([])
+  expect(
+    (
+      await diff('', shared('<ChipModalField type="input" title="Name" className="gap-4"/>'))
+    ).findings.some((f) => f.rule === 'component-chrome')
+  ).toBe(true)
+})
+
+test('central inline artwork deletions retain an explicit artwork removal finding', async () => {
+  const { localArtworkDiff } = await import('#design-conformance/artwork')
+  const file = 'packages/emcn/src/components/mark.tsx'
+  const before = (await import('#design-conformance/extract')).extract(
+    'export const Mark=()=> <svg><path d="M0 0"/></svg>',
+    file,
+    true,
+    { conformance: true, resolve: () => undefined }
+  )
+  const findings = localArtworkDiff(
+    before,
+    { atoms: [], unchecked: [] },
+    { status: 'D', before: { path: file, blob: 'a'.repeat(40), mode: '100644' }, after: null },
+    true
+  )
+  expect(findings.some((f) => f.value === '(removed)')).toBe(true)
+})
+
+test('a sibling local variable cannot prove typography provenance', async () => {
+  const report = await diff(
+    '',
+    "const A=()=> <><span style={{'--type':'var(--text-small)'}}/><p style={{fontSize:'var(--type)'}}>Text</p></>"
+  )
+  expect(
+    report.findings.some((f) => f.rule === 'central-typography') ||
+      report.unchecked.some((n) => n.reason.includes('--type'))
+  ).toBe(true)
+})
+test('policy object key order is quiet but array order remains meaningful', async () => {
+  const before = JSON.stringify({
+    version: '2.0.0',
+    limits: { depth: 12, branches: 64 },
+    scopes: ['a', 'b'],
+  })
+  const reordered = JSON.stringify({
+    scopes: ['a', 'b'],
+    limits: { branches: 64, depth: 12 },
+    version: '2.0.0',
+  })
+  const file = 'scripts/design-conformance/contracts.json'
+  expect((await diff(before, reordered, file)).findings).toEqual([])
+  expect(
+    (await diff(before, reordered.replace('["a","b"]', '["b","a"]'), file)).findings.some(
+      (f) => f.context === 'contract-registry'
+    )
+  ).toBe(true)
+})
diff --git a/scripts/check-design-conformance.ts b/scripts/check-design-conformance.ts
new file mode 100644
index 00000000000..d80ea5ced21
--- /dev/null
+++ b/scripts/check-design-conformance.ts
@@ -0,0 +1,11 @@
+#!/usr/bin/env bun
+/** Checks committed styling against central design contracts. See design-conformance/README.md. */
+try {
+  const { main } = await import('#design-conformance/command')
+  process.exitCode = await main()
+} catch (error) {
+  process.stderr.write(
+    `Design check could not start: ${JSON.stringify(error instanceof Error ? error.message : 'Operational failure')}\n`
+  )
+  process.exitCode = 2
+}
diff --git a/scripts/design-conformance/README.md b/scripts/design-conformance/README.md
new file mode 100644
index 00000000000..3b2e59f04e6
--- /dev/null
+++ b/scripts/design-conformance/README.md
@@ -0,0 +1,119 @@
+# Design conformance
+
+Tool/report **4.1.0**, policy **design-conformance/2.0.0**, generated facts **2.1.0**.
+
+The diff check, full scanner and local Studio share the maintained analysis and source-generated contracts. They produce one `findings` list: detected styling and design decisions to review. Findings are warnings in CI. Unresolved inputs stay in `unchecked`; parsing/extraction failures are errors, not a clean check.
+
+## Commands
+
+From the repository root with the pinned Bun installation:
+
+```sh
+bun run design:generate
+bun run check:design-generated
+bun run check:design --base origin/staging --working-tree
+bun run check:design --base origin/staging --head HEAD
+bun run design:scan --repo . --working-tree --output /tmp/sim-design-scan
+bun run studio:refresh
+bun run studio:dev
+```
+
+Use the actual PR target for `--base`. Working-tree mode includes staged, unstaged and nonignored new files. Immutable mode reads merge-base and head Git blobs independently. Neither mode executes product modules. Local diff/scan exit codes: **0** completed without findings, **1** completed with findings, **2** inspection/operational failure.
+
+Regenerate when EMCN implementation, public API, recipes, ownership metadata or global styles change. Review and commit `contracts.generated.json` alongside the source. `check:design-generated` is read-only and runs through the existing audit runner: missing, tampered, malformed or stale output fails. During editing the diff check derives fresh facts and reports staleness with the regeneration command; it still shows the originating source change after regeneration.
+
+Generation writes a regular file within the canonical repository root. Symlinked output files and parents are rejected. Historical `--check --ref` reads only the committed artifact, independently of the checkout output.
+
+CI uses immutable event base/head revisions. It publishes file/line warnings, a summary and a JSON artifact. Findings do not fail the design step; inability to inspect the changed source does. Infrastructure freshness is a separate required audit. CI does not capture browser previews or commit generated files.
+
+## Files and source facts
+
+- `contracts.json`: general design rules, scope, exclusions, static-analysis limits, adopted utility policy and explicitly central external recipes. It has no component registration or handwritten component inheritance.
+- `generated-contracts.ts`: one TypeScript compatibility program per source snapshot discovers public APIs, aliases and compound exports. Babel traces implementation classes, CVA/imported recipes, slots and forwarding. Existing CSS/Tailwind analysis identifies owned properties and global token definitions, contexts and aliases. Bounded caches share the result. Snapshot hosts can read pinned dependency types but cannot read current workspace implementations while inspecting historical source.
+- `contracts.generated.json`: compact public export/variant/default/slot/relationship facts, shared recipe references and global token facts. Component and icon namespaces remain distinct. Native HTML prop inventories, usage sites, reports and captures are not included.
+- `conformance.ts`, `extract.ts`, `normalize.ts`, `source-summary.ts`, `control-*.ts`: shared styling, composition, control, artwork and provenance analysis. `command.ts` and `reporting.ts` handle local comparisons; `ci.ts` handles warning-only CI publication.
+- `scripts/design-scan/`: whole-tree inventory and external reports using that same analysis.
+- `scripts/design-studio/refresh.mjs`, `tools/design-studio/`: explicit local refresh and separate local-only Next app. The deployed Sim app has no Studio route.
+
+Each component's supported finite design props come from its public type and its implementation/defaults, rather than every value in an underlying shared recipe. For example Chip does not inherit ChipDropdown-only variants. Styling inputs are separate slots; forwarded chrome is traced to its actual owner. The generator never imports or runs product modules.
+
+Finite nested object lookups retain the selected recipe's properties. Barrel imports resolve to their implementation, and destructured inputs are excluded from rest forwarding. Studio fixture coverage follows each export separately: a family's adapter supports a variant only when that export actually receives the variant props. Nonvisual constants remain in the inventory without preview cards.
+
+Source discovery updates automatically when supported public components or global definitions are added, removed or changed. It is static analysis, so unsupported implementation paths retain a per-slot diagnostic rather than becoming permission to override chrome. Intentional ownership rules and fixture data/providers still require source metadata or an adapter; a newly discovered entry without an adapter remains visible as needing a fixture.
+
+## Ownership metadata
+
+Ordinary layout remains local. Consumer changes to component-authored colours, typography, borders, radius, spacing, dimensions or effects are findings, including newly added components without registration. Use a supported component prop/variant first. Deliberate customization or ownership that cannot be inferred belongs in the component's existing TSDoc:
+
+```ts
+/**
+ * A surface whose shape is chosen by the caller.
+ * @designAllow className border-radius dimensions
+ * @designAllow style border-radius dimensions
+ */
+```
+
+`@designProtect <slot> <properties>` adds explicit ownership. Properties are CSS property names or policy groups (`colours`, `typography`, `borders`, `dimensions`, `effects`, `spacing`, `radii`, `visibility`, `layout`); `*` means all properties. Nonexistent slots, malformed tags, invalid properties and contradictory allow/protect declarations fail generation. Permissions do not prove global-token provenance or suppress independent rules. Source and metadata changes remain design-system findings after regeneration.
+
+Permissions for longhands remain specific: allowing `padding-left` does not permit `padding-right` or a `padding` shorthand that also changes other sides. The check inspects declared style channels such as `gutterStyle`, as well as `className` and `style`; similarly named data-only props do not become styling inputs.
+
+## Rule contract
+
+| Rule family | Inputs and output | Boundaries |
+| --- | --- | --- |
+| Central colour/typography/radius/shadow | Visible CSS/class/style inputs traced to EMCN/global definitions; local departures create findings | Equal literal values and repetition do not grant provenance. Ordinary layout is local. |
+| Component chrome and composition | Per-slot authored properties, forwarding, class/style overrides and recognizable modal fields | Children/forwarding follows supported source syntax. Unsupported routes remain unchecked. |
+| Central definitions | Changes to tokens, recipes, component API/defaults/ownership and policy | Regenerating the artifact cannot hide the source change. Central authoring can intentionally change styling. |
+| Local controls/visuals and repeated treatments | Styled native/editor controls, noninteractive primitives, repeated typography/chrome, alpha and status colours | These are review evidence, not proof of visual defects. Pure complete EMCN recipe use does not create a local-control finding. |
+| Artwork | Product glyphs and static SVG drawings; central reuse and exact duplicates | Provider branding and user media are exempt. Mixed files are inspected by export/consumer, not broadly exempted. |
+| Colour assignments | CSS/custom-property writers, immutable imported aliases, finite branches and supported DOM writes | Missing/literal/non-colour origins warn; dynamic writers, cycles, unknown spreads and runtime inheritance stay unchecked. |
+| Control simplifications | Source-proven redundant styling, accessible names and duplicate artwork | Removal proofs require every supported alternative; accessibility is a bounded static check, not a browser audit. |
+
+Scope is product browser UI, including browser `app/desktop` screens and workspace desktop settings. Landing, its shared `apps/sim/lib/content` engine, docs, API routes, native desktop and build code are not inspected. Product imports from excluded landing implementations remain explicit unchecked boundaries. Product `--landing-*` use is a finding even when defined in global CSS.
+
+Monaco theme/syntax presentation, provider branding and every block/trigger catalogue identity palette are deliberately excluded. This does not exempt unrelated product controls in those files. Customer-selected branding and user content are distinguished from authored product colours; unresolved flows remain visible.
+
+Static analysis handles bounded immutable constants/imports, finite alternatives, supported helper returns, JSX/CSS/HTML strings and known runtime overrides. Arbitrary JS, dynamic cascade, unsupported parsers/forwarding and ambiguous data flow cannot be approved. Limits include 2 MiB per source, resolution depth 12 and bounded branch/summary caches. Generator diagnostics preserve unresolved token aliases, cycles and delegated implementation gaps. A token definition proves source provenance; it does not prove that the token exists under every runtime selector or theme. Context-dependent token availability and dynamic cascade still need visual review. CSS comparison tracks `@apply` changes but does not expand its runtime cascade position relative to ordinary declarations.
+
+Exported object class inputs are classified from same-file and supplied central consumers. The diff check does not search unchanged arbitrary product consumers; without use evidence, object keys and values remain unchecked rather than being guessed as class maps or variant tables.
+
+CVA configuration follows read-only local aliases within the 12-node resolution limit. Compound conditions support scalars or flat arrays of at most 64 elements, with array order and duplicates normalized. Imported, executable, mutable and nested-array inputs remain unchecked.
+
+Inline React styles preserve strings and custom variables. Only proven numeric values receive React's dimensional `px` conversion; unitless properties follow the pinned React serializer. A numeric-looking central reference without scalar type evidence remains explicitly unchecked.
+
+## Debt and review records
+
+Diff matching counts occurrences by source treatment and owner. Unchanged debt and line shifts stay quiet; another copy warns. Source-only styling changes are traced to consumers. An unrelated deletion cannot cancel a new occurrence.
+
+Optional `--reviews /absolute/external/reviews.json` attaches source-fingerprint decisions and rationale/evidence. Legacy fingerprints migrate only through a unique current treatment; stale and ambiguous matches require renewed review. Decisions never remove raw findings or control Studio inclusion.
+
+## Studio and evidence
+
+Refresh checks infrastructure freshness, scans the working tree, inventories EMCN public visual exports/variants and all detected Extras, then captures source-backed fixtures or clearly labeled indicative source-style samples. Fixed props/data/providers enable deterministic previews; product modules are only executed by the isolated browser fixture app, never by the analyzer. Missing adapters and failed captures stay visible. Opening Studio reads the latest publication and never starts a scan.
+
+Reports, manifests and browser images live outside the checkout (default Studio output: `~/.local/state/sim2/design-studio`). All four light/dark, 16px/20px combinations are captured with pinned Playwright, viewport, locale, time, fonts and disabled animation. The recorded browser identity includes the fixed software-rendering flags; changing that profile invalidates cached captures. Indicative samples also invalidate when the shared class-merging implementation changes. Hash reproducibility is checked within the same browser and operating-system environment. A run publishes atomically, carries source/scanner/fixture/ledger identities and reports incomplete coverage. Review decisions add context only.
+
+Fixture adapters declare the export, axes and states they support. New values of a supported finite axis are discovered automatically; a new axis that needs different data or providers requires an adapter update and stays visible as needing a fixture. Capture readiness checks the intended visible surface for advertised open states, rather than accepting its trigger. The Studio shows unresolved analysis separately from capture status and distinguishes live checkout rendering from the last published captures.
+
+## Verification
+
+```sh
+bun run test:scripts
+bun run type-check:design
+bun run type-check:studio
+bun run check:design-generated
+bun run check:audits
+bun run lint:check
+```
+
+The real CLI tests use temporary Git repositories to verify public API lifecycle, immutable isolation, stale/tampered output, ownership metadata, source-only changes, working-tree inputs, occurrence matching and intentional exclusions. Generated bytes must reproduce on unchanged source. Full-scan comparison and browser evidence remain external.
+
+The focused fixture browser verifier is local and requires a running Studio server. It writes a JSON result and screenshots to the caller's external directory:
+
+```sh
+SIM_STUDIO_E2E_URL=http://127.0.0.1:3001 \
+SIM_STUDIO_E2E_REPORT_PATH=/tmp/sim-studio-e2e/report.json \
+bun run test:studio:e2e
+```
+
+CI runs the diff check and parser/tooling tests; it does not start the local Studio or capture browser images.
diff --git a/scripts/design-conformance/appearance.ts b/scripts/design-conformance/appearance.ts
new file mode 100644
index 00000000000..4d69ee740b5
--- /dev/null
+++ b/scripts/design-conformance/appearance.ts
@@ -0,0 +1,330 @@
+import { compareStrings } from '@sim/utils/string'
+import {
+  type Catalogue,
+  canonical,
+  type Facts,
+  type Finding,
+  hash,
+  type Surface,
+  TOKEN_FILE,
+} from '#design-conformance/model'
+import {
+  type Compiler,
+  competingProperties,
+  declarations,
+  normalizeValue,
+  utility,
+} from '#design-conformance/normalize'
+
+interface Value {
+  property: string
+  context: string
+  category: string
+  values: string[]
+}
+interface View {
+  source: Surface
+  values: Map<string, Value>
+  signature: string
+}
+const layoutOnly =
+  /^(?:(?:min-|max-)?width|flex|flex-(?:grow|shrink|basis)|align-self|justify-self|grid-(?:column|row)(?:-|$)|margin(?:-|$))$/
+const controls =
+  /(?:^|#)(?:button|input|select|textarea|Button|Chip(?:Link|Input|Textarea|Dropdown|Select|Switch)?|DropdownMenuItem|Select|Combobox)$/
+const shown = (values?: string[]) => {
+  const text = canonical(values ?? [])
+  return text.length <= 4096
+    ? text
+    : `${text.slice(0, 4000)}… [full sha256:${hash(text)}; ${text.length} characters]`
+}
+
+/** Compare supported presentation inputs. No palette membership or runtime appearance claims. */
+export function appearanceDiff(
+  before: Facts,
+  after: Facts,
+  file: string,
+  system: Compiler,
+  catalogue: Catalogue
+): { findings: Finding[]; unchecked: Facts['unchecked'] } {
+  const findings: Finding[] = []
+  const unchecked: Facts['unchecked'] = []
+  if (
+    [...before.unchecked, ...after.unchecked].some((n) =>
+      /^(?:Parser failure|Source exceeds)/.test(n.reason)
+    )
+  )
+    return { findings, unchecked }
+  const surfaces = (facts: Facts): Surface[] => {
+    const result: Surface[] = []
+    const rules = new Map<string, Surface>()
+    for (const source of facts.surfaces ?? []) {
+      if (source.owner !== 'css' || source.atoms.every((atom) => atom.property.startsWith('@'))) {
+        result.push(source)
+        continue
+      }
+      const key = canonical([source.kind, source.target])
+      const existing = rules.get(key)
+      if (existing) existing.atoms.push(...source.atoms)
+      else {
+        const merged = { ...source, atoms: [...source.atoms] }
+        rules.set(key, merged)
+        result.push(merged)
+      }
+    }
+    return result
+  }
+  const views = (facts: Facts): View[] =>
+    surfaces(facts).map((source) => {
+      const values = new Map<string, Value>()
+      const cascade = new Map<string, { property: string; value: string }[]>()
+      for (const atom of source.atoms) {
+        if (file === TOKEN_FILE && atom.kind === 'token') continue
+        const prop = atom.property
+        const special = /^(?:prop:|default:|@)/.test(prop) || atom.kind === 'token'
+        const ds = special
+          ? [
+              {
+                property: prop,
+                value:
+                  normalizeValue(atom.value) +
+                  (/\s!important\s*$/.test(atom.value) ? ' !important' : ''),
+                category: prop.startsWith('default:')
+                  ? 'variants'
+                  : prop.startsWith('prop:')
+                    ? 'component-appearance'
+                    : prop.startsWith('@')
+                      ? 'styling-infrastructure'
+                      : 'custom-properties',
+              },
+            ]
+          : declarations(atom, system, catalogue.variables, true)
+        if (ds === null) {
+          unchecked.push({
+            line: atom.line,
+            context: atom.context,
+            reason: `Unsupported styling utility: ${atom.value}`,
+          })
+          continue
+        }
+        for (const d of ds) {
+          const context = `${atom.context}${atom.kind === 'class' ? utility(atom.value).variants : ''}`
+          const key = canonical([context, d.property])
+          const entry = values.get(key) ?? {
+            property: d.property,
+            context,
+            category: d.category,
+            values: [],
+          }
+          if (entry.values.at(-1) !== d.value) entry.values.push(d.value)
+          values.set(key, entry)
+          if (atom.kind !== 'token' && !d.property.startsWith('@')) {
+            const sequence = cascade.get(context) ?? []
+            sequence.push({ property: d.property, value: d.value })
+            cascade.set(context, sequence)
+          }
+        }
+      }
+      for (const [context, sequence] of cascade) {
+        const competing: string[] = []
+        for (const important of [false, true]) {
+          const declarations = sequence.filter(
+            (entry) => / !important$/.test(entry.value) === important
+          )
+          const properties = [...new Set(declarations.map((entry) => entry.property))]
+          if (properties.length > 256) {
+            unchecked.push({
+              line: source.line,
+              context,
+              reason:
+                'CSS cascade order exceeds the 256-property comparison limit; shorthand precedence is unchecked',
+            })
+            continue
+          }
+          const overlapping = new Set<string>()
+          for (let i = 0; i < properties.length; i++)
+            for (let j = i + 1; j < properties.length; j++)
+              if (competingProperties(properties[i], properties[j])) {
+                overlapping.add(properties[i])
+                overlapping.add(properties[j])
+              }
+          if (overlapping.size)
+            competing.push(
+              canonical(declarations.filter((entry) => overlapping.has(entry.property)))
+            )
+        }
+        if (competing.length)
+          values.set(canonical([context, 'declaration-order']), {
+            property: 'declaration-order',
+            context,
+            category: 'cascade',
+            values: competing,
+          })
+      }
+      // Independent declaration order is irrelevant; competing values retain composition order.
+      const signature = canonical([
+        source.kind,
+        source.target,
+        [...new Set(source.references)].sort(),
+        [...values].sort(([a], [b]) => compareStrings(a, b)),
+      ])
+      return { source, values, signature }
+    })
+  const old = views(before)
+  const next = views(after)
+  const oldSignatures = new Set(old.map((x) => x.signature))
+  const removed = [...old]
+  for (const current of next) {
+    const index = removed.findIndex((previous) => previous.signature === current.signature)
+    if (index >= 0) removed.splice(index, 1)
+  }
+  const emit = (
+    rule: string,
+    value: Value,
+    b: string[] | undefined,
+    a: string[] | undefined,
+    source: Surface,
+    reason: string
+  ) =>
+    findings.push({
+      rule,
+      category: value.category,
+      property: value.property,
+      value: shown(a),
+      before: b ? shown(b) : null,
+      reason,
+      file,
+      line: source.line,
+      column: source.column,
+      context: `${source.owner} / ${source.target} / ${value.context}`,
+    })
+  const compare = (b: View | undefined, a: View | undefined) => {
+    const s = (a ?? b)?.source
+    if (!s) return
+    // Integration metadata is an established labelled-tag contract, only for existing entries.
+    if (s.kind === 'integration' && (!b || !a)) return
+    if (
+      b &&
+      a &&
+      b.source.shared &&
+      b.source.target !== a.source.target &&
+      controls.test(b.source.target) &&
+      controls.test(a.source.target)
+    )
+      emit(
+        'component-replaced',
+        { property: 'component', category: 'component-appearance', context: '', values: [] },
+        [b.source.target],
+        [a.source.target],
+        s,
+        'An existing shared control was replaced by a different control'
+      )
+    const detached =
+      b &&
+      a &&
+      b.source.references.some((r) => !a.source.references.includes(r)) &&
+      a.source.references.every((r) => b.source.references.includes(r)) &&
+      a.values.size > 0
+    if (detached)
+      emit(
+        'shared-style-detached',
+        { property: 'shared-style-reference', category: 'ownership', context: '', values: [] },
+        b.source.references,
+        a.source.references,
+        s,
+        'An imported styling reference was removed while local styling remains; future shared changes may no longer propagate'
+      )
+    for (const key of new Set([...(b?.values.keys() ?? []), ...(a?.values.keys() ?? [])])) {
+      const previous = b?.values.get(key)
+      const current = a?.values.get(key)
+      if (canonical(previous?.values) === canonical(current?.values)) continue
+      const v = (current ?? previous) as Value
+      const relevant = (view: View | undefined) =>
+        (view?.source.unresolved ?? [])
+          .filter(
+            (u) =>
+              u.channel === 'spread' ||
+              u.channel === 'class' ||
+              u.property === '*' ||
+              u.property === v.property
+          )
+          .map(({ line: _line, ...input }) => input)
+      const unknownBefore = relevant(b)
+      const unknownAfter = relevant(a)
+      // A new/changed computed input might supply the missing declaration. Stable forwarded
+      // inputs do not hide an explicit edit to another part of the same composition.
+      if (!current && unknownAfter.length && canonical(unknownBefore) !== canonical(unknownAfter)) {
+        unchecked.push({
+          line: s.line,
+          context: `${s.owner} / ${s.target} / ${v.context}`,
+          reason: `Previous explicit ${v.property} input ${shown(previous?.values)} is absent, but the replacement composition has changed unresolved inputs; helper output is unknown, so no removal is inferred`,
+        })
+        continue
+      }
+      if (!b && s.shared && (layoutOnly.test(v.property) || v.property.startsWith('prop:')))
+        continue
+      let rule = b
+        ? 'appearance-changed'
+        : s.shared
+          ? 'shared-component-override'
+          : 'new-custom-style'
+      if (v.property.startsWith('default:')) rule = 'variant-default-changed'
+      if (v.property.startsWith('@')) rule = 'styling-infrastructure-changed'
+      if (v.property === 'declaration-order') rule = 'style-precedence-changed'
+      if (
+        previous &&
+        current &&
+        canonical([...previous.values].sort()) === canonical([...current.values].sort())
+      )
+        rule = 'style-precedence-changed'
+      emit(
+        rule,
+        v,
+        previous?.values,
+        current?.values,
+        s,
+        b
+          ? `Explicit styling input changed from ${shown(previous?.values)} to ${shown(current?.values)}${unknownBefore.length || unknownAfter.length ? '; helper/forwarded output remains unchecked' : ''}`
+          : s.shared
+            ? 'A shared component receives local appearance customization'
+            : 'New custom styling or layout was introduced'
+      )
+    }
+  }
+  for (const a of next) {
+    // Repeated styled options/rows are content additions, not new design definitions.
+    if (oldSignatures.has(a.signature)) continue
+    let i = removed.findIndex(
+      (b) =>
+        b.source.kind === a.source.kind &&
+        b.source.owner === a.source.owner &&
+        b.source.target === a.source.target
+    )
+    // A local function/file rename must not hide edits to its unique presentation target.
+    if (i < 0) {
+      const candidates = removed
+        .map((b, index) => ({ b, index }))
+        .filter(({ b }) => b.source.kind === a.source.kind && b.source.target === a.source.target)
+      if (
+        candidates.length === 1 &&
+        next.filter(
+          (b) =>
+            b.source.kind === a.source.kind &&
+            b.source.target === a.source.target &&
+            !oldSignatures.has(b.signature)
+        ).length === 1
+      )
+        i = candidates[0].index
+    }
+    if (i < 0 && controls.test(a.source.target))
+      i = removed.findIndex(
+        (b) =>
+          b.source.owner === a.source.owner && b.source.shared && controls.test(b.source.target)
+      )
+    const b = i >= 0 ? removed.splice(i, 1)[0] : undefined
+    compare(b, a)
+  }
+  // Removed shared definitions matter; removing an entire UI element is functional/content scope.
+  for (const b of removed)
+    if (b.source.kind !== 'element' && b.source.kind !== 'integration') compare(b, undefined)
+  return { findings: [...new Map(findings.map((x) => [canonical(x), x])).values()], unchecked }
+}
diff --git a/scripts/design-conformance/artwork.ts b/scripts/design-conformance/artwork.ts
new file mode 100644
index 00000000000..38a7dba8c6b
--- /dev/null
+++ b/scripts/design-conformance/artwork.ts
@@ -0,0 +1,220 @@
+import { posix } from 'node:path'
+import { parse } from '@babel/parser'
+import * as t from '@babel/types'
+import { registry } from '#design-conformance/contracts'
+import {
+  type Change,
+  canonical,
+  type Entry,
+  type Facts,
+  type Finding,
+  hash,
+  type Note,
+  scope,
+} from '#design-conformance/model'
+
+/** Explicit ownership applies before the legacy media exclusions, only in conformance mode. */
+export function artworkFile(file: string): boolean {
+  return (
+    !registry.artwork?.brandAssets?.[file] &&
+    !!registry.artwork?.libraries.some((root) => file.startsWith(root)) &&
+    /\.(?:[cm]?[jt]sx?|css|svg|png|jpe?g|webp|avif|gif)$/.test(file) &&
+    !/\.(?:test|spec|generated|d)\.|(?:^|\/)(?:node_modules|dist|build|__tests__|__fixtures__|fixtures)\//.test(
+      file
+    )
+  )
+}
+
+/** Apply reviewed product/landing ownership without changing legacy scope. */
+export function conformanceScope(file: string): ReturnType<typeof scope> {
+  if (file.startsWith('apps/sim/app/(docs)/')) return 'exclude'
+  if (registry.ownership?.[file]?.scope === 'landing') return 'exclude'
+  if (registry.artwork?.brandAssets?.[file]) return 'exclude'
+  if (registry.artwork?.brandingFiles.includes(file)) return 'exclude'
+  if (artworkFile(file)) return 'check'
+  /** Product-local icon/illustration source is no longer a blanket styling exemption. */
+  return scope(file.replace(/\/(?:icons?|iso)(?=\/|\.)/g, '/artwork-content'))
+}
+
+/** Remove parser metadata and formatting; do not evaluate an asset's source. */
+export function artworkSyntax(node: t.Node): string {
+  return JSON.stringify(node, function (key, value) {
+    if (
+      [
+        'start',
+        'end',
+        'loc',
+        'extra',
+        'leadingComments',
+        'trailingComments',
+        'innerComments',
+        'comments',
+        'tokens',
+      ].includes(key)
+    )
+      return undefined
+    if (key === 'value' && this && (this as { type?: string }).type === 'JSXText')
+      return String(value).trim().replace(/\s+/g, ' ')
+    if (key === 'children' && Array.isArray(value))
+      return value.filter(
+        (v) =>
+          !(v.type === 'JSXText' && !v.value.trim()) &&
+          !(v.type === 'JSXExpressionContainer' && v.expression.type === 'JSXEmptyExpression')
+      )
+    return value
+  })
+}
+
+const authority = 'scripts/design-conformance/contracts.json#artwork'
+function finding(
+  file: string,
+  input: string,
+  value: string,
+  central: boolean,
+  before?: string
+): Finding {
+  return {
+    kind: central ? 'system-change' : 'usage-violation',
+    contract: 'central-artwork',
+    rule: 'central-artwork',
+    category: 'artwork',
+    property: 'artwork',
+    file,
+    line: 1,
+    column: 1,
+    context: 'artwork',
+    value,
+    ...(before ? { before } : {}),
+    reason: central
+      ? 'Central artwork definition changed; review the shared asset, including intentional improvements'
+      : 'Product artwork is authored locally; reuse a central asset or introduce it through the central artwork library',
+    provenance: {
+      source: authority,
+      input,
+      permitted: registry.artwork?.permission ?? 'Reuse central artwork',
+    },
+  }
+}
+
+/** Asset blobs are compared directly; raster media is never decoded or executed. */
+export function artworkDiff(
+  change: Change,
+  read: (entry: Entry) => string
+): { findings: Finding[]; unchecked: Note[] } {
+  const file = (change.after ?? change.before)!.path
+  const unchecked: Note[] = []
+  const identity = (entry: Entry | null): string | undefined => {
+    if (!entry) return undefined
+    if (!/^[a-f\d]{40}$/.test(entry.blob)) throw new Error('Invalid artwork blob identity')
+    if (!/^100(?:644|755)$/.test(entry.mode)) {
+      unchecked.push({
+        line: 1,
+        context: 'artwork',
+        reason: 'Artwork symlink/submodule is not followed',
+      })
+      return undefined
+    }
+    if (!/\.[cm]?[jt]sx?$/.test(entry.path)) return entry.blob
+    const source = read(entry)
+    if (Buffer.byteLength(source) > registry.limits.sourceBytes) {
+      unchecked.push({
+        line: 1,
+        context: 'artwork',
+        reason: 'Artwork source exceeds the 2 MiB parsing limit; only blob change is known',
+      })
+      return entry.blob
+    }
+    try {
+      const program = parse(source, {
+        sourceType: 'module',
+        plugins: ['typescript', 'jsx'],
+      }).program
+      /**
+       * A direct export of explicitly sanctioned provider artwork does not change
+       * the product artwork library. This exemption never depends on a name match.
+       */
+      program.body = program.body.filter((node) => {
+        if (!t.isExportNamedDeclaration(node) || !node.source?.value.startsWith('.')) return true
+        const target = posix.normalize(posix.join(posix.dirname(entry.path), node.source.value))
+        return ![target, `${target}.tsx`, `${target}.ts`].some(
+          (p) => registry.artwork?.brandAssets?.[p]
+        )
+      })
+      if (!program.body.length && !program.directives.length) return undefined
+      return hash(artworkSyntax(program))
+    } catch {
+      unchecked.push({
+        line: 1,
+        context: 'artwork',
+        reason: 'Artwork parser failure; only blob change is known',
+      })
+      return entry.blob
+    }
+  }
+  const before = identity(change.before)
+  const after = identity(change.after)
+  return {
+    findings:
+      before === after
+        ? []
+        : [
+            finding(
+              file,
+              `asset ${file}; Git blob ${change.before?.blob ?? '(absent)'} → ${change.after?.blob ?? '(removed)'}`,
+              after ?? '(removed)',
+              true,
+              before
+            ),
+          ],
+    unchecked,
+  }
+}
+
+/** Compare authored SVG occurrences, retaining untouched debt within its existing owner. */
+export function localArtworkDiff(
+  before: Facts,
+  after: Facts,
+  change: Change,
+  central = false
+): Finding[] {
+  const counts = new Map<string, number>()
+  if ((central && change.before) || change.before?.path === change.after?.path)
+    for (const a of before.artwork ?? []) {
+      const key = canonical([a.context, a.value])
+      counts.set(key, (counts.get(key) ?? 0) + 1)
+    }
+  const findings = (after.artwork ?? []).flatMap((a) => {
+    const key = canonical([a.context, a.value])
+    const count = counts.get(key) ?? 0
+    if (count) {
+      counts.set(key, count - 1)
+      return []
+    }
+    return [
+      {
+        ...finding(change.after!.path, a.input, a.value, central),
+        line: a.line,
+        column: a.column,
+        context: a.context,
+      },
+    ]
+  })
+  if (central && !after.unchecked.length) {
+    for (const a of before.artwork ?? []) {
+      const key = canonical([a.context, a.value])
+      const count = counts.get(key) ?? 0
+      if (!count) continue
+      counts.set(key, count - 1)
+      const replacement = findings.find((f) => f.context === a.context && !f.before)
+      if (replacement) replacement.before = a.value
+      else
+        findings.push({
+          ...finding((change.after ?? change.before)!.path, a.input, '(removed)', true, a.value),
+          line: a.line,
+          column: a.column,
+          context: a.context,
+        })
+    }
+  }
+  return findings
+}
diff --git a/scripts/design-conformance/catalogue.json b/scripts/design-conformance/catalogue.json
new file mode 100644
index 00000000000..ec37ffabce4
--- /dev/null
+++ b/scripts/design-conformance/catalogue.json
@@ -0,0 +1,4911 @@
+{
+  "version": "1.0.0",
+  "sourceCommit": "463fa05b27fe170cbb58bca89cc955313df5af84",
+  "provisional": true,
+  "sources": [
+    {
+      "file": "apps/sim/app/_styles/globals.css",
+      "blob": "c99b6a04651fb86f7e6ff2cf98e05ce5750531ee"
+    },
+    {
+      "file": "packages/emcn/src/components/avatar/avatar.tsx",
+      "blob": "85ebaa522c8a536ea4962cc3a18610c53b677ab7"
+    },
+    {
+      "file": "packages/emcn/src/components/badge/badge.tsx",
+      "blob": "cb0d1c3cd7fd653397878b466f9ddd66ccab735a"
+    },
+    {
+      "file": "packages/emcn/src/components/banner/banner.tsx",
+      "blob": "15368c2a5c23df05fe8de8420261116a519729cb"
+    },
+    {
+      "file": "packages/emcn/src/components/button/button.tsx",
+      "blob": "523aa73ef58e624cb7cb73a608cfbd2e2dacc2e2"
+    },
+    {
+      "file": "packages/emcn/src/components/calendar/calendar-day-cell.tsx",
+      "blob": "e3c49796c159ff2da106ba66cdfabc36f2e8d782"
+    },
+    {
+      "file": "packages/emcn/src/components/calendar/calendar.tsx",
+      "blob": "28cdadcbd1948d1e4adf2ef290c1c408dbf69d4f"
+    },
+    {
+      "file": "packages/emcn/src/components/checkbox/checkbox.tsx",
+      "blob": "9df963bf85e9c30d01193eafae703d2afe063880"
+    },
+    {
+      "file": "packages/emcn/src/components/chip-button-group/chip-button-group.tsx",
+      "blob": "5b779537ff63a03ccfea8207297dbb91838859c8"
+    },
+    {
+      "file": "packages/emcn/src/components/chip-combobox/chip-combobox.tsx",
+      "blob": "9650a9892f7fbed64d8944d3a4e1fff0d4a44d78"
+    },
+    {
+      "file": "packages/emcn/src/components/chip-copy-input/chip-copy-input.tsx",
+      "blob": "75111802089b8e6f60418b8adb7fa455b232e4d9"
+    },
+    {
+      "file": "packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx",
+      "blob": "9370d2fa6ea750b3e1bc783ebac78d482bac3789"
+    },
+    {
+      "file": "packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx",
+      "blob": "c4d5af5f49d8f5b7b2562df82c1dd2abf9adf89e"
+    },
+    {
+      "file": "packages/emcn/src/components/chip-emails-input/chip-emails-input.tsx",
+      "blob": "7f973615b28e9dd56e469461c8bc1f716789f468"
+    },
+    {
+      "file": "packages/emcn/src/components/chip-input/chip-input.tsx",
+      "blob": "e1dca7bc55ea83706fb4cd433cf5c7d7e1154175"
+    },
+    {
+      "file": "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "blob": "b714d85f06049a32fd774ff7cfdd7967335ee810"
+    },
+    {
+      "file": "packages/emcn/src/components/chip-select/chip-select.tsx",
+      "blob": "739960e7c5f73ce8e5bd8fd72969e12e62b3baae"
+    },
+    {
+      "file": "packages/emcn/src/components/chip-switch/chip-switch.tsx",
+      "blob": "f3001005d1dd5de713f04657275a3542080659c8"
+    },
+    {
+      "file": "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "blob": "67bfdd193820ea98dec5f7683aaf2b081b549207"
+    },
+    {
+      "file": "packages/emcn/src/components/chip-textarea/chip-textarea.tsx",
+      "blob": "8f891a110314dd6cc189f390deb8e7a2b29f2084"
+    },
+    {
+      "file": "packages/emcn/src/components/chip-time-picker/chip-time-picker.tsx",
+      "blob": "6bebb61d419a4435ec56f3865524c47cc4e6a0af"
+    },
+    {
+      "file": "packages/emcn/src/components/chip/chip-chevron.tsx",
+      "blob": "3b4b30d23b51fba8ee59a0ba4235c58ad8efe765"
+    },
+    {
+      "file": "packages/emcn/src/components/chip/chip-chrome.ts",
+      "blob": "b4c5d63c52c3be642dbebb2ece49f2248d75d448"
+    },
+    {
+      "file": "packages/emcn/src/components/chip/chip.tsx",
+      "blob": "939e63455940eb4e7d0f4e8c98ae369f2cc21ee6"
+    },
+    {
+      "file": "packages/emcn/src/components/chip/segmented-control.ts",
+      "blob": "183a4954d708547f152fdc35574d5074be7e5080"
+    },
+    {
+      "file": "packages/emcn/src/components/code/code.css",
+      "blob": "1c49b13eef8c8ab136697ee3aa88f8a818c6eddd"
+    },
+    {
+      "file": "packages/emcn/src/components/code/code.tsx",
+      "blob": "b044aefea9870f2f60fe8d0d1903c7342a49cafd"
+    },
+    {
+      "file": "packages/emcn/src/components/code/copy-code-button.tsx",
+      "blob": "2c1c30046b3eb38fea65a17419b3c3de8631250f"
+    },
+    {
+      "file": "packages/emcn/src/components/code/prism.ts",
+      "blob": "b0d7e9e6f0767bf51d23b2b303697f294cd49b88"
+    },
+    {
+      "file": "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "blob": "661bab113c9d240e8c899a3b87a1829ff13512c2"
+    },
+    {
+      "file": "packages/emcn/src/components/combobox/combobox.tsx",
+      "blob": "39858f47f67db4ff2fb63fdc37105f72ed107a38"
+    },
+    {
+      "file": "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "blob": "87d6295f58d566ef7da4c8f314364d587f51b56d"
+    },
+    {
+      "file": "packages/emcn/src/components/expandable/expandable.tsx",
+      "blob": "62d89db9df5b2b83ca7d42b9db0b870afc688ccd"
+    },
+    {
+      "file": "packages/emcn/src/components/field-divider/field-divider.tsx",
+      "blob": "7408a21360f16dec3dbfa2551af0da6be66e19f9"
+    },
+    {
+      "file": "packages/emcn/src/components/index.ts",
+      "blob": "20e11b11f4c45debe4f690c996ca8471c7903086"
+    },
+    {
+      "file": "packages/emcn/src/components/info-card/info-card.tsx",
+      "blob": "11fd521792c5de35da6e5f8ddbc7aef87bf2f533"
+    },
+    {
+      "file": "packages/emcn/src/components/info/info.tsx",
+      "blob": "71b8ad1630989edec040ecfa03cb50d6949885bd"
+    },
+    {
+      "file": "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "blob": "a6c5ea82fff6705059def63b0a28ef2880ed9a51"
+    },
+    {
+      "file": "packages/emcn/src/components/input/input.tsx",
+      "blob": "fe0a4c1806a9d16995c31f403199710d15291434"
+    },
+    {
+      "file": "packages/emcn/src/components/label/label.tsx",
+      "blob": "412f12e8dc7eb29870a88d9d21babd602cdd26f1"
+    },
+    {
+      "file": "packages/emcn/src/components/modal/auto-focus.ts",
+      "blob": "6a1da9a978f8ff3804ea16a3952ea0f8ccdfa85a"
+    },
+    {
+      "file": "packages/emcn/src/components/modal/modal.tsx",
+      "blob": "6309ee44ae76d484eacd5d180db09061d7fa2072"
+    },
+    {
+      "file": "packages/emcn/src/components/overflow-text/overflow-text.tsx",
+      "blob": "c87d5d105e526bac605b43d9eb6c2c00ca50a852"
+    },
+    {
+      "file": "packages/emcn/src/components/popover/popover-animation.ts",
+      "blob": "6a284af10f335dc874559556dc9cfb9c6082ef55"
+    },
+    {
+      "file": "packages/emcn/src/components/popover/popover.tsx",
+      "blob": "529d2f57d064bc698f61d84ea5b6ff46a2cf47aa"
+    },
+    {
+      "file": "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "blob": "fe08f64dde3709fefb4edfbf3018a1e42a15931e"
+    },
+    {
+      "file": "packages/emcn/src/components/scroll-fade/scroll-fade.module.css",
+      "blob": "e391b96fa8e96b98023764441801f5503e75a5ea"
+    },
+    {
+      "file": "packages/emcn/src/components/scroll-fade/scroll-fade.ts",
+      "blob": "1c529a64142ae836e658649439a85b6f51202c5e"
+    },
+    {
+      "file": "packages/emcn/src/components/secret-input/secret-input.tsx",
+      "blob": "359e9f1d5ae257f49f35164345df4535dd236ace"
+    },
+    {
+      "file": "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "blob": "fe9032032d021b7ef9a8155908500113bbc1aad4"
+    },
+    {
+      "file": "packages/emcn/src/components/skeleton/skeleton.tsx",
+      "blob": "00a129c5e15709c96e865500d7b1386e93d44dfc"
+    },
+    {
+      "file": "packages/emcn/src/components/slider/slider.tsx",
+      "blob": "7dd386a05992f45a207975f6c0318ad11e81e2ce"
+    },
+    {
+      "file": "packages/emcn/src/components/switch/switch.tsx",
+      "blob": "1d5b0c8be9cfa45f4b05d9dbae8e060d126c1c4a"
+    },
+    {
+      "file": "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "blob": "44b02ff7a7981fa18c3ade6659c3744f3908212f"
+    },
+    {
+      "file": "packages/emcn/src/components/table/table.tsx",
+      "blob": "0ba67ba490f47115a1af54bab31b9798c1bef4d8"
+    },
+    {
+      "file": "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "blob": "d898d32f37558454651862ee60d266ca34223e3e"
+    },
+    {
+      "file": "packages/emcn/src/components/textarea/textarea.tsx",
+      "blob": "d1cb2b593092edf1059883c02d84b5564b332fb0"
+    },
+    {
+      "file": "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "blob": "009f2815beb7c3b221185e034080b1ec83e2294f"
+    },
+    {
+      "file": "packages/emcn/src/components/toast/toast.tsx",
+      "blob": "6c8d1d4e37b59ed16d536593c6477a3d4cb1d048"
+    },
+    {
+      "file": "packages/emcn/src/components/tooltip/tooltip-styles.ts",
+      "blob": "53060bd5608af2d4b9543476dbb85d7e6db32b6f"
+    },
+    {
+      "file": "packages/emcn/src/components/tooltip/tooltip.tsx",
+      "blob": "321f912caeb5811e8fd1395db07cd09e48482559"
+    },
+    {
+      "file": "packages/emcn/src/components/wizard/wizard.tsx",
+      "blob": "88417d6b7cba02a45e0bb8accb986b58ffd5c6f8"
+    },
+    {
+      "file": "packages/emcn/src/lib/cn.ts",
+      "blob": "44b68c24039bbec3a0207cc05883f5de24f098bf"
+    },
+    {
+      "file": "packages/emcn/src/lib/keyboard.ts",
+      "blob": "1d91eda8a3a715d8cc47e3c255078ac5866ceeb4"
+    }
+  ],
+  "theme": "@theme default {\n  --font-sans:\n    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial,\n    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;\n  --font-mono:\n    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',\n    monospace;\n\n  --color-red-50: oklch(97.1% 0.013 17.38);\n  --color-red-100: oklch(93.6% 0.032 17.717);\n  --color-red-200: oklch(88.5% 0.062 18.334);\n  --color-red-300: oklch(80.8% 0.114 19.571);\n  --color-red-400: oklch(70.4% 0.191 22.216);\n  --color-red-500: oklch(63.7% 0.237 25.331);\n  --color-red-600: oklch(57.7% 0.245 27.325);\n  --color-red-700: oklch(50.5% 0.213 27.518);\n  --color-red-800: oklch(44.4% 0.177 26.899);\n  --color-red-900: oklch(39.6% 0.141 25.723);\n  --color-red-950: oklch(25.8% 0.092 26.042);\n\n  --color-orange-50: oklch(98% 0.016 73.684);\n  --color-orange-100: oklch(95.4% 0.038 75.164);\n  --color-orange-200: oklch(90.1% 0.076 70.697);\n  --color-orange-300: oklch(83.7% 0.128 66.29);\n  --color-orange-400: oklch(75% 0.183 55.934);\n  --color-orange-500: oklch(70.5% 0.213 47.604);\n  --color-orange-600: oklch(64.6% 0.222 41.116);\n  --color-orange-700: oklch(55.3% 0.195 38.402);\n  --color-orange-800: oklch(47% 0.157 37.304);\n  --color-orange-900: oklch(40.8% 0.123 38.172);\n  --color-orange-950: oklch(26.6% 0.079 36.259);\n\n  --color-amber-50: oklch(98.7% 0.022 95.277);\n  --color-amber-100: oklch(96.2% 0.059 95.617);\n  --color-amber-200: oklch(92.4% 0.12 95.746);\n  --color-amber-300: oklch(87.9% 0.169 91.605);\n  --color-amber-400: oklch(82.8% 0.189 84.429);\n  --color-amber-500: oklch(76.9% 0.188 70.08);\n  --color-amber-600: oklch(66.6% 0.179 58.318);\n  --color-amber-700: oklch(55.5% 0.163 48.998);\n  --color-amber-800: oklch(47.3% 0.137 46.201);\n  --color-amber-900: oklch(41.4% 0.112 45.904);\n  --color-amber-950: oklch(27.9% 0.077 45.635);\n\n  --color-yellow-50: oklch(98.7% 0.026 102.212);\n  --color-yellow-100: oklch(97.3% 0.071 103.193);\n  --color-yellow-200: oklch(94.5% 0.129 101.54);\n  --color-yellow-300: oklch(90.5% 0.182 98.111);\n  --color-yellow-400: oklch(85.2% 0.199 91.936);\n  --color-yellow-500: oklch(79.5% 0.184 86.047);\n  --color-yellow-600: oklch(68.1% 0.162 75.834);\n  --color-yellow-700: oklch(55.4% 0.135 66.442);\n  --color-yellow-800: oklch(47.6% 0.114 61.907);\n  --color-yellow-900: oklch(42.1% 0.095 57.708);\n  --color-yellow-950: oklch(28.6% 0.066 53.813);\n\n  --color-lime-50: oklch(98.6% 0.031 120.757);\n  --color-lime-100: oklch(96.7% 0.067 122.328);\n  --color-lime-200: oklch(93.8% 0.127 124.321);\n  --color-lime-300: oklch(89.7% 0.196 126.665);\n  --color-lime-400: oklch(84.1% 0.238 128.85);\n  --color-lime-500: oklch(76.8% 0.233 130.85);\n  --color-lime-600: oklch(64.8% 0.2 131.684);\n  --color-lime-700: oklch(53.2% 0.157 131.589);\n  --color-lime-800: oklch(45.3% 0.124 130.933);\n  --color-lime-900: oklch(40.5% 0.101 131.063);\n  --color-lime-950: oklch(27.4% 0.072 132.109);\n\n  --color-green-50: oklch(98.2% 0.018 155.826);\n  --color-green-100: oklch(96.2% 0.044 156.743);\n  --color-green-200: oklch(92.5% 0.084 155.995);\n  --color-green-300: oklch(87.1% 0.15 154.449);\n  --color-green-400: oklch(79.2% 0.209 151.711);\n  --color-green-500: oklch(72.3% 0.219 149.579);\n  --color-green-600: oklch(62.7% 0.194 149.214);\n  --color-green-700: oklch(52.7% 0.154 150.069);\n  --color-green-800: oklch(44.8% 0.119 151.328);\n  --color-green-900: oklch(39.3% 0.095 152.535);\n  --color-green-950: oklch(26.6% 0.065 152.934);\n\n  --color-emerald-50: oklch(97.9% 0.021 166.113);\n  --color-emerald-100: oklch(95% 0.052 163.051);\n  --color-emerald-200: oklch(90.5% 0.093 164.15);\n  --color-emerald-300: oklch(84.5% 0.143 164.978);\n  --color-emerald-400: oklch(76.5% 0.177 163.223);\n  --color-emerald-500: oklch(69.6% 0.17 162.48);\n  --color-emerald-600: oklch(59.6% 0.145 163.225);\n  --color-emerald-700: oklch(50.8% 0.118 165.612);\n  --color-emerald-800: oklch(43.2% 0.095 166.913);\n  --color-emerald-900: oklch(37.8% 0.077 168.94);\n  --color-emerald-950: oklch(26.2% 0.051 172.552);\n\n  --color-teal-50: oklch(98.4% 0.014 180.72);\n  --color-teal-100: oklch(95.3% 0.051 180.801);\n  --color-teal-200: oklch(91% 0.096 180.426);\n  --color-teal-300: oklch(85.5% 0.138 181.071);\n  --color-teal-400: oklch(77.7% 0.152 181.912);\n  --color-teal-500: oklch(70.4% 0.14 182.503);\n  --color-teal-600: oklch(60% 0.118 184.704);\n  --color-teal-700: oklch(51.1% 0.096 186.391);\n  --color-teal-800: oklch(43.7% 0.078 188.216);\n  --color-teal-900: oklch(38.6% 0.063 188.416);\n  --color-teal-950: oklch(27.7% 0.046 192.524);\n\n  --color-cyan-50: oklch(98.4% 0.019 200.873);\n  --color-cyan-100: oklch(95.6% 0.045 203.388);\n  --color-cyan-200: oklch(91.7% 0.08 205.041);\n  --color-cyan-300: oklch(86.5% 0.127 207.078);\n  --color-cyan-400: oklch(78.9% 0.154 211.53);\n  --color-cyan-500: oklch(71.5% 0.143 215.221);\n  --color-cyan-600: oklch(60.9% 0.126 221.723);\n  --color-cyan-700: oklch(52% 0.105 223.128);\n  --color-cyan-800: oklch(45% 0.085 224.283);\n  --color-cyan-900: oklch(39.8% 0.07 227.392);\n  --color-cyan-950: oklch(30.2% 0.056 229.695);\n\n  --color-sky-50: oklch(97.7% 0.013 236.62);\n  --color-sky-100: oklch(95.1% 0.026 236.824);\n  --color-sky-200: oklch(90.1% 0.058 230.902);\n  --color-sky-300: oklch(82.8% 0.111 230.318);\n  --color-sky-400: oklch(74.6% 0.16 232.661);\n  --color-sky-500: oklch(68.5% 0.169 237.323);\n  --color-sky-600: oklch(58.8% 0.158 241.966);\n  --color-sky-700: oklch(50% 0.134 242.749);\n  --color-sky-800: oklch(44.3% 0.11 240.79);\n  --color-sky-900: oklch(39.1% 0.09 240.876);\n  --color-sky-950: oklch(29.3% 0.066 243.157);\n\n  --color-blue-50: oklch(97% 0.014 254.604);\n  --color-blue-100: oklch(93.2% 0.032 255.585);\n  --color-blue-200: oklch(88.2% 0.059 254.128);\n  --color-blue-300: oklch(80.9% 0.105 251.813);\n  --color-blue-400: oklch(70.7% 0.165 254.624);\n  --color-blue-500: oklch(62.3% 0.214 259.815);\n  --color-blue-600: oklch(54.6% 0.245 262.881);\n  --color-blue-700: oklch(48.8% 0.243 264.376);\n  --color-blue-800: oklch(42.4% 0.199 265.638);\n  --color-blue-900: oklch(37.9% 0.146 265.522);\n  --color-blue-950: oklch(28.2% 0.091 267.935);\n\n  --color-indigo-50: oklch(96.2% 0.018 272.314);\n  --color-indigo-100: oklch(93% 0.034 272.788);\n  --color-indigo-200: oklch(87% 0.065 274.039);\n  --color-indigo-300: oklch(78.5% 0.115 274.713);\n  --color-indigo-400: oklch(67.3% 0.182 276.935);\n  --color-indigo-500: oklch(58.5% 0.233 277.117);\n  --color-indigo-600: oklch(51.1% 0.262 276.966);\n  --color-indigo-700: oklch(45.7% 0.24 277.023);\n  --color-indigo-800: oklch(39.8% 0.195 277.366);\n  --color-indigo-900: oklch(35.9% 0.144 278.697);\n  --color-indigo-950: oklch(25.7% 0.09 281.288);\n\n  --color-violet-50: oklch(96.9% 0.016 293.756);\n  --color-violet-100: oklch(94.3% 0.029 294.588);\n  --color-violet-200: oklch(89.4% 0.057 293.283);\n  --color-violet-300: oklch(81.1% 0.111 293.571);\n  --color-violet-400: oklch(70.2% 0.183 293.541);\n  --color-violet-500: oklch(60.6% 0.25 292.717);\n  --color-violet-600: oklch(54.1% 0.281 293.009);\n  --color-violet-700: oklch(49.1% 0.27 292.581);\n  --color-violet-800: oklch(43.2% 0.232 292.759);\n  --color-violet-900: oklch(38% 0.189 293.745);\n  --color-violet-950: oklch(28.3% 0.141 291.089);\n\n  --color-purple-50: oklch(97.7% 0.014 308.299);\n  --color-purple-100: oklch(94.6% 0.033 307.174);\n  --color-purple-200: oklch(90.2% 0.063 306.703);\n  --color-purple-300: oklch(82.7% 0.119 306.383);\n  --color-purple-400: oklch(71.4% 0.203 305.504);\n  --color-purple-500: oklch(62.7% 0.265 303.9);\n  --color-purple-600: oklch(55.8% 0.288 302.321);\n  --color-purple-700: oklch(49.6% 0.265 301.924);\n  --color-purple-800: oklch(43.8% 0.218 303.724);\n  --color-purple-900: oklch(38.1% 0.176 304.987);\n  --color-purple-950: oklch(29.1% 0.149 302.717);\n\n  --color-fuchsia-50: oklch(97.7% 0.017 320.058);\n  --color-fuchsia-100: oklch(95.2% 0.037 318.852);\n  --color-fuchsia-200: oklch(90.3% 0.076 319.62);\n  --color-fuchsia-300: oklch(83.3% 0.145 321.434);\n  --color-fuchsia-400: oklch(74% 0.238 322.16);\n  --color-fuchsia-500: oklch(66.7% 0.295 322.15);\n  --color-fuchsia-600: oklch(59.1% 0.293 322.896);\n  --color-fuchsia-700: oklch(51.8% 0.253 323.949);\n  --color-fuchsia-800: oklch(45.2% 0.211 324.591);\n  --color-fuchsia-900: oklch(40.1% 0.17 325.612);\n  --color-fuchsia-950: oklch(29.3% 0.136 325.661);\n\n  --color-pink-50: oklch(97.1% 0.014 343.198);\n  --color-pink-100: oklch(94.8% 0.028 342.258);\n  --color-pink-200: oklch(89.9% 0.061 343.231);\n  --color-pink-300: oklch(82.3% 0.12 346.018);\n  --color-pink-400: oklch(71.8% 0.202 349.761);\n  --color-pink-500: oklch(65.6% 0.241 354.308);\n  --color-pink-600: oklch(59.2% 0.249 0.584);\n  --color-pink-700: oklch(52.5% 0.223 3.958);\n  --color-pink-800: oklch(45.9% 0.187 3.815);\n  --color-pink-900: oklch(40.8% 0.153 2.432);\n  --color-pink-950: oklch(28.4% 0.109 3.907);\n\n  --color-rose-50: oklch(96.9% 0.015 12.422);\n  --color-rose-100: oklch(94.1% 0.03 12.58);\n  --color-rose-200: oklch(89.2% 0.058 10.001);\n  --color-rose-300: oklch(81% 0.117 11.638);\n  --color-rose-400: oklch(71.2% 0.194 13.428);\n  --color-rose-500: oklch(64.5% 0.246 16.439);\n  --color-rose-600: oklch(58.6% 0.253 17.585);\n  --color-rose-700: oklch(51.4% 0.222 16.935);\n  --color-rose-800: oklch(45.5% 0.188 13.697);\n  --color-rose-900: oklch(41% 0.159 10.272);\n  --color-rose-950: oklch(27.1% 0.105 12.094);\n\n  --color-slate-50: oklch(98.4% 0.003 247.858);\n  --color-slate-100: oklch(96.8% 0.007 247.896);\n  --color-slate-200: oklch(92.9% 0.013 255.508);\n  --color-slate-300: oklch(86.9% 0.022 252.894);\n  --color-slate-400: oklch(70.4% 0.04 256.788);\n  --color-slate-500: oklch(55.4% 0.046 257.417);\n  --color-slate-600: oklch(44.6% 0.043 257.281);\n  --color-slate-700: oklch(37.2% 0.044 257.287);\n  --color-slate-800: oklch(27.9% 0.041 260.031);\n  --color-slate-900: oklch(20.8% 0.042 265.755);\n  --color-slate-950: oklch(12.9% 0.042 264.695);\n\n  --color-gray-50: oklch(98.5% 0.002 247.839);\n  --color-gray-100: oklch(96.7% 0.003 264.542);\n  --color-gray-200: oklch(92.8% 0.006 264.531);\n  --color-gray-300: oklch(87.2% 0.01 258.338);\n  --color-gray-400: oklch(70.7% 0.022 261.325);\n  --color-gray-500: oklch(55.1% 0.027 264.364);\n  --color-gray-600: oklch(44.6% 0.03 256.802);\n  --color-gray-700: oklch(37.3% 0.034 259.733);\n  --color-gray-800: oklch(27.8% 0.033 256.848);\n  --color-gray-900: oklch(21% 0.034 264.665);\n  --color-gray-950: oklch(13% 0.028 261.692);\n\n  --color-zinc-50: oklch(98.5% 0 none);\n  --color-zinc-100: oklch(96.7% 0.001 286.375);\n  --color-zinc-200: oklch(92% 0.004 286.32);\n  --color-zinc-300: oklch(87.1% 0.006 286.286);\n  --color-zinc-400: oklch(70.5% 0.015 286.067);\n  --color-zinc-500: oklch(55.2% 0.016 285.938);\n  --color-zinc-600: oklch(44.2% 0.017 285.786);\n  --color-zinc-700: oklch(37% 0.013 285.805);\n  --color-zinc-800: oklch(27.4% 0.006 286.033);\n  --color-zinc-900: oklch(21% 0.006 285.885);\n  --color-zinc-950: oklch(14.1% 0.005 285.823);\n\n  --color-neutral-50: oklch(98.5% 0 none);\n  --color-neutral-100: oklch(97% 0 none);\n  --color-neutral-200: oklch(92.2% 0 none);\n  --color-neutral-300: oklch(87% 0 none);\n  --color-neutral-400: oklch(70.8% 0 none);\n  --color-neutral-500: oklch(55.6% 0 none);\n  --color-neutral-600: oklch(43.9% 0 none);\n  --color-neutral-700: oklch(37.1% 0 none);\n  --color-neutral-800: oklch(26.9% 0 none);\n  --color-neutral-900: oklch(20.5% 0 none);\n  --color-neutral-950: oklch(14.5% 0 none);\n\n  --color-stone-50: oklch(98.5% 0.001 106.423);\n  --color-stone-100: oklch(97% 0.001 106.424);\n  --color-stone-200: oklch(92.3% 0.003 48.717);\n  --color-stone-300: oklch(86.9% 0.005 56.366);\n  --color-stone-400: oklch(70.9% 0.01 56.259);\n  --color-stone-500: oklch(55.3% 0.013 58.071);\n  --color-stone-600: oklch(44.4% 0.011 73.639);\n  --color-stone-700: oklch(37.4% 0.01 67.558);\n  --color-stone-800: oklch(26.8% 0.007 34.298);\n  --color-stone-900: oklch(21.6% 0.006 56.043);\n  --color-stone-950: oklch(14.7% 0.004 49.25);\n\n  --color-mauve-50: oklch(98.5% 0 none);\n  --color-mauve-100: oklch(96% 0.003 325.6);\n  --color-mauve-200: oklch(92.2% 0.005 325.62);\n  --color-mauve-300: oklch(86.5% 0.012 325.68);\n  --color-mauve-400: oklch(71.1% 0.019 323.02);\n  --color-mauve-500: oklch(54.2% 0.034 322.5);\n  --color-mauve-600: oklch(43.5% 0.029 321.78);\n  --color-mauve-700: oklch(36.4% 0.029 323.89);\n  --color-mauve-800: oklch(26.3% 0.024 320.12);\n  --color-mauve-900: oklch(21.2% 0.019 322.12);\n  --color-mauve-950: oklch(14.5% 0.008 326);\n\n  --color-olive-50: oklch(98.8% 0.003 106.5);\n  --color-olive-100: oklch(96.6% 0.005 106.5);\n  --color-olive-200: oklch(93% 0.007 106.5);\n  --color-olive-300: oklch(88% 0.011 106.6);\n  --color-olive-400: oklch(73.7% 0.021 106.9);\n  --color-olive-500: oklch(58% 0.031 107.3);\n  --color-olive-600: oklch(46.6% 0.025 107.3);\n  --color-olive-700: oklch(39.4% 0.023 107.4);\n  --color-olive-800: oklch(28.6% 0.016 107.4);\n  --color-olive-900: oklch(22.8% 0.013 107.4);\n  --color-olive-950: oklch(15.3% 0.006 107.1);\n\n  --color-mist-50: oklch(98.7% 0.002 197.1);\n  --color-mist-100: oklch(96.3% 0.002 197.1);\n  --color-mist-200: oklch(92.5% 0.005 214.3);\n  --color-mist-300: oklch(87.2% 0.007 219.6);\n  --color-mist-400: oklch(72.3% 0.014 214.4);\n  --color-mist-500: oklch(56% 0.021 213.5);\n  --color-mist-600: oklch(45% 0.017 213.2);\n  --color-mist-700: oklch(37.8% 0.015 216);\n  --color-mist-800: oklch(27.5% 0.011 216.9);\n  --color-mist-900: oklch(21.8% 0.008 223.9);\n  --color-mist-950: oklch(14.8% 0.004 228.8);\n\n  --color-taupe-50: oklch(98.6% 0.002 67.8);\n  --color-taupe-100: oklch(96% 0.002 17.2);\n  --color-taupe-200: oklch(92.2% 0.005 34.3);\n  --color-taupe-300: oklch(86.8% 0.007 39.5);\n  --color-taupe-400: oklch(71.4% 0.014 41.2);\n  --color-taupe-500: oklch(54.7% 0.021 43.1);\n  --color-taupe-600: oklch(43.8% 0.017 39.3);\n  --color-taupe-700: oklch(36.7% 0.016 35.7);\n  --color-taupe-800: oklch(26.8% 0.011 36.5);\n  --color-taupe-900: oklch(21.4% 0.009 43.1);\n  --color-taupe-950: oklch(14.7% 0.004 49.3);\n\n  --color-black: #000;\n  --color-white: #fff;\n\n  --spacing: 0.25rem;\n\n  --breakpoint-sm: 40rem;\n  --breakpoint-md: 48rem;\n  --breakpoint-lg: 64rem;\n  --breakpoint-xl: 80rem;\n  --breakpoint-2xl: 96rem;\n\n  --container-3xs: 16rem;\n  --container-2xs: 18rem;\n  --container-xs: 20rem;\n  --container-sm: 24rem;\n  --container-md: 28rem;\n  --container-lg: 32rem;\n  --container-xl: 36rem;\n  --container-2xl: 42rem;\n  --container-3xl: 48rem;\n  --container-4xl: 56rem;\n  --container-5xl: 64rem;\n  --container-6xl: 72rem;\n  --container-7xl: 80rem;\n\n  --text-xs: 0.75rem;\n  --text-xs--line-height: calc(1 / 0.75);\n  --text-sm: 0.875rem;\n  --text-sm--line-height: calc(1.25 / 0.875);\n  --text-base: 1rem;\n  --text-base--line-height: calc(1.5 / 1);\n  --text-lg: 1.125rem;\n  --text-lg--line-height: calc(1.75 / 1.125);\n  --text-xl: 1.25rem;\n  --text-xl--line-height: calc(1.75 / 1.25);\n  --text-2xl: 1.5rem;\n  --text-2xl--line-height: calc(2 / 1.5);\n  --text-3xl: 1.875rem;\n  --text-3xl--line-height: calc(2.25 / 1.875);\n  --text-4xl: 2.25rem;\n  --text-4xl--line-height: calc(2.5 / 2.25);\n  --text-5xl: 3rem;\n  --text-5xl--line-height: 1;\n  --text-6xl: 3.75rem;\n  --text-6xl--line-height: 1;\n  --text-7xl: 4.5rem;\n  --text-7xl--line-height: 1;\n  --text-8xl: 6rem;\n  --text-8xl--line-height: 1;\n  --text-9xl: 8rem;\n  --text-9xl--line-height: 1;\n\n  --font-weight-thin: 100;\n  --font-weight-extralight: 200;\n  --font-weight-light: 300;\n  --font-weight-normal: 400;\n  --font-weight-medium: 500;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\n  --font-weight-extrabold: 800;\n  --font-weight-black: 900;\n\n  --tracking-tighter: -0.05em;\n  --tracking-tight: -0.025em;\n  --tracking-normal: 0em;\n  --tracking-wide: 0.025em;\n  --tracking-wider: 0.05em;\n  --tracking-widest: 0.1em;\n\n  --leading-tight: 1.25;\n  --leading-snug: 1.375;\n  --leading-normal: 1.5;\n  --leading-relaxed: 1.625;\n  --leading-loose: 2;\n\n  --radius-xs: 0.125rem;\n  --radius-sm: 0.25rem;\n  --radius-md: 0.375rem;\n  --radius-lg: 0.5rem;\n  --radius-xl: 0.75rem;\n  --radius-2xl: 1rem;\n  --radius-3xl: 1.5rem;\n  --radius-4xl: 2rem;\n\n  --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);\n  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n  --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);\n  --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);\n  --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);\n\n  --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);\n  --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);\n  --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);\n  --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);\n  --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);\n  --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);\n\n  --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);\n  --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);\n  --text-shadow-sm:\n    0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075);\n  --text-shadow-md:\n    0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1);\n  --text-shadow-lg:\n    0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1);\n\n  --ease-in: cubic-bezier(0.4, 0, 1, 1);\n  --ease-out: cubic-bezier(0, 0, 0.2, 1);\n  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n\n  --animate-spin: spin 1s linear infinite;\n  --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  --animate-bounce: bounce 1s infinite;\n\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes ping {\n    75%,\n    100% {\n      transform: scale(2);\n      opacity: 0;\n    }\n  }\n\n  @keyframes pulse {\n    50% {\n      opacity: 0.5;\n    }\n  }\n\n  @keyframes bounce {\n    0%,\n    100% {\n      transform: translateY(-25%);\n      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n    }\n\n    50% {\n      transform: none;\n      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    }\n  }\n\n  --blur-xs: 4px;\n  --blur-sm: 8px;\n  --blur-md: 12px;\n  --blur-lg: 16px;\n  --blur-xl: 24px;\n  --blur-2xl: 40px;\n  --blur-3xl: 64px;\n\n  --perspective-dramatic: 100px;\n  --perspective-near: 300px;\n  --perspective-normal: 500px;\n  --perspective-midrange: 800px;\n  --perspective-distant: 1200px;\n\n  --aspect-video: 16 / 9;\n\n  --default-transition-duration: 150ms;\n  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  --default-font-family: --theme(--font-sans, initial);\n  --default-font-feature-settings: --theme(--font-sans--font-feature-settings, initial);\n  --default-font-variation-settings: --theme(--font-sans--font-variation-settings, initial);\n  --default-mono-font-family: --theme(--font-mono, initial);\n  --default-mono-font-feature-settings: --theme(--font-mono--font-feature-settings, initial);\n  --default-mono-font-variation-settings: --theme(--font-mono--font-variation-settings, initial);\n}\n\n/* Deprecated */\n@theme default inline reference {\n  --blur: 8px;\n  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);\n  --drop-shadow: 0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06);\n  --radius: 0.25rem;\n  --max-width-prose: 65ch;\n}\n\n@custom-variant dark (&:where(.dark, .dark *):not(:where(.light, .light *)));\n@custom-variant hover (&:hover);\n@custom-variant hover-hover {\n  @media (hover: hover) and (pointer: fine) {\n    &:hover {\n      @slot;\n    }\n  }\n}\n@theme inline {\n  /**\n   * Pinned to the v3 default stack. v4's own `--font-sans` is an\n   * `-apple-system`-first list, and Preflight resolves the document font through\n   * it, so taking the new default would shift the face on every element that\n   * does not name a font.\n   */\n  --font-sans:\n    ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\n    \"Noto Color Emoji\";\n\n  --font-season: var(--font-season);\n  --font-body:\n    ui-sans-serif, -apple-system, system-ui, Segoe UI, Helvetica, Apple Color Emoji, Arial,\n    sans-serif, Segoe UI Emoji, Segoe UI Symbol;\n  --font-mono:\n    var(--font-martian-mono, ui-monospace), SFMono-Regular, Menlo, Monaco, Consolas,\n    \"Liberation Mono\", \"Courier New\", monospace;\n\n  /**\n   * Pinned in px. v4's defaults are rem, and rem in a media query resolves\n   * against the browser's initial font size rather than `html { font-size }` —\n   * so a reader who raised their browser's default text size would get the\n   * mobile layout at a desktop width. These are v3's px values unchanged.\n   */\n  --breakpoint-sm: 640px;\n  --breakpoint-md: 768px;\n  --breakpoint-lg: 1024px;\n  --breakpoint-xl: 1280px;\n  --breakpoint-2xl: 1536px;\n\n  --text-micro: 10px;\n  /**\n   * `xs` is the one size here that also exists in Tailwind's own scale, so it\n   * inherits `--text-xs--line-height` unless that is overridden too. v4's ratio\n   * (4/3) against an 11px size yields 14.67px, where v3 resolved 16.5px; the\n   * paired value keeps the leading where it was.\n   */\n  --text-xs: 11px;\n  --text-xs--line-height: 1.5;\n  --text-caption: 12px;\n  --text-small: 13px;\n  --text-base: 15px;\n  --text-md: 16px;\n\n  /**\n   * Hairline scale key. Overriding `spacing` rather than `width`/`height` keeps\n   * every derived scale in agreement — a `w-px` line and the `-right-px` offset\n   * that positions it resolve to the same value, which a width-only override\n   * desynchronizes by half a device pixel.\n   */\n  --spacing-px: var(--border-width);\n\n  --color-background: hsl(var(--background));\n  --color-foreground: hsl(var(--foreground));\n  --color-card: hsl(var(--card));\n  --color-card-foreground: hsl(var(--card-foreground));\n  --color-popover: hsl(var(--popover));\n  --color-popover-foreground: hsl(var(--popover-foreground));\n  --color-primary: hsl(var(--primary));\n  --color-primary-foreground: hsl(var(--primary-foreground));\n  --color-secondary: hsl(var(--secondary));\n  --color-secondary-foreground: hsl(var(--secondary-foreground));\n  --color-muted: hsl(var(--muted));\n  --color-muted-foreground: hsl(var(--muted-foreground));\n  --color-accent: hsl(var(--accent));\n  --color-accent-foreground: hsl(var(--accent-foreground));\n  --color-destructive: hsl(var(--destructive));\n  --color-destructive-foreground: hsl(var(--destructive-foreground));\n\n  /**\n   * Neutral border colors are plain hex, not the HSL triplets the shadcn keys\n   * above use — `hsl(var(--border))` would be invalid CSS and get dropped,\n   * leaving the utility to fall through to the `*` border-color rule below by\n   * accident.\n   */\n  --color-border: var(--border);\n  --color-input: hsl(var(--input));\n  --color-ring: hsl(var(--ring));\n\n  --color-chart-1: hsl(var(--chart-1));\n  --color-chart-2: hsl(var(--chart-2));\n  --color-chart-3: hsl(var(--chart-3));\n  --color-chart-4: hsl(var(--chart-4));\n  --color-chart-5: hsl(var(--chart-5));\n\n  /**\n   * v4 ships its palette in oklch, which renders visibly more saturated than\n   * v3's sRGB hex on a P3 display. These are the v3 values for every stock\n   * palette colour the app actually uses, recovered from a v3 build, so the\n   * upgrade changes no rendered colour. Adopting the wider-gamut palette is a\n   * design decision to make on its own, not a side effect of the upgrade.\n   */\n  --color-amber-50: #fffbeb;\n  --color-amber-200: #fde68a;\n  --color-amber-300: #fcd34d;\n  --color-amber-400: #fbbf24;\n  --color-amber-500: #f59e0b;\n  --color-amber-600: #d97706;\n  --color-amber-700: #b45309;\n  --color-amber-800: #92400e;\n  --color-amber-900: #78350f;\n  --color-amber-950: #451a03;\n  --color-blue-500: #3b82f6;\n  --color-emerald-400: #34d399;\n  --color-emerald-500: #10b981;\n  --color-green-500: #22c55e;\n  --color-orange-400: #fb923c;\n  --color-purple-500: #a855f7;\n  --color-red-50: #fef2f2;\n  --color-red-300: #fca5a5;\n  --color-red-400: #f87171;\n  --color-red-600: #dc2626;\n  --color-red-700: #b91c1c;\n  --color-red-950: #450a0a;\n  --color-yellow-200: #fef08a;\n  --color-yellow-500: #eab308;\n\n  --color-gray-50: #fafafa;\n  --color-gray-100: #f5f5f5;\n  --color-gray-200: #e5e5e5;\n  --color-gray-300: #d4d4d4;\n  --color-gray-400: #a3a3a3;\n  --color-gray-500: #737373;\n  --color-gray-600: #525252;\n  --color-gray-700: #404040;\n  --color-gray-800: #262626;\n  --color-gray-900: #171717;\n  --color-gray-950: #0a0a0a;\n\n  --radius-xs: 2px;\n  --radius-sm: calc(var(--radius) - 4px);\n  --radius-md: calc(var(--radius) - 2px);\n  --radius-lg: var(--radius);\n\n  /**\n   * These names intentionally match the app's own `:root` custom properties, so\n   * the value below reads back as a self-reference. It resolves: Tailwind emits\n   * the theme copy inside `@layer theme`, and the app's later unlayered `:root`\n   * declaration outranks any layered one, so the real value always wins. The\n   * `inline` substitution then resolves it at the element, which is what lets\n   * `.dark` override each shadow.\n   */\n  --shadow-subtle: var(--shadow-subtle);\n  --shadow-medium: var(--shadow-medium);\n  --shadow-overlay: var(--shadow-overlay);\n  --shadow-kbd: var(--shadow-kbd);\n  --shadow-kbd-sm: var(--shadow-kbd-sm);\n  --shadow-card: var(--shadow-card);\n  --shadow-ambient: var(--shadow-ambient);\n\n  /**\n   * The home/chat reading column. The heading, input, suggested actions,\n   * transcript, and its skeleton must all share one value or the footer input\n   * visibly misaligns with the messages above it — so they read this key rather\n   * than repeating a literal.\n   */\n  --container-chat: 44rem;\n\n  --animate-caret-blink: caret-blink 1.25s ease-out infinite;\n  --animate-running-hatch-scroll: running-hatch-scroll 900ms linear infinite;\n  --animate-ring-pulse: ring-pulse 1.5s ease-in-out infinite;\n  --animate-stream-fade-in: stream-fade-in 300ms ease-out forwards;\n  --animate-slide-in-bottom: slide-in-bottom 400ms cubic-bezier(0.16, 1, 0.3, 1);\n  /* Deliberately slower than tw-animate-css's own 200ms ease-out default. */\n  --animate-collapsible-down: collapsible-down 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  --animate-collapsible-up: collapsible-up 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  --animate-hero-cursor-press: hero-cursor-press 340ms cubic-bezier(0.23, 1, 0.32, 1);\n  --animate-hero-modal-in: hero-modal-in 320ms cubic-bezier(0.16, 1, 0.3, 1) both;\n  --animate-hero-kb-content-morph: hero-kb-content-morph 420ms cubic-bezier(0.22, 1, 0.36, 1) 260ms\n    forwards;\n  --animate-hero-file-drop: hero-file-drop 480ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  --animate-hero-node-pop: hero-node-pop 440ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  --animate-hero-edge-draw: hero-edge-draw 520ms ease-out forwards;\n}",
+  "variables": {
+    "--accent": [
+      "0 0% 17.5%",
+      "0 0% 92.5%"
+    ],
+    "--accent-foreground": [
+      "0 0% 11.2%",
+      "0 0% 98%"
+    ],
+    "--animate-bounce": [
+      "bounce 1000ms infinite"
+    ],
+    "--animate-caret-blink": [
+      "caret-blink 1250ms ease-out infinite"
+    ],
+    "--animate-collapsible-down": [
+      "collapsible-down 300ms cubic-bezier(0.4,0,0.2,1)"
+    ],
+    "--animate-collapsible-up": [
+      "collapsible-up 300ms cubic-bezier(0.4,0,0.2,1)"
+    ],
+    "--animate-hero-cursor-press": [
+      "hero-cursor-press 340ms cubic-bezier(0.23,1,0.32,1)"
+    ],
+    "--animate-hero-edge-draw": [
+      "hero-edge-draw 520ms ease-out forwards"
+    ],
+    "--animate-hero-file-drop": [
+      "hero-file-drop 480ms cubic-bezier(0.16,1,0.3,1) forwards"
+    ],
+    "--animate-hero-kb-content-morph": [
+      "hero-kb-content-morph 420ms cubic-bezier(0.22,1,0.36,1) 260ms forwards"
+    ],
+    "--animate-hero-modal-in": [
+      "hero-modal-in 320ms cubic-bezier(0.16,1,0.3,1) both"
+    ],
+    "--animate-hero-node-pop": [
+      "hero-node-pop 440ms cubic-bezier(0.16,1,0.3,1) forwards"
+    ],
+    "--animate-ping": [
+      "ping 1000ms cubic-bezier(0,0,0.2,1) infinite"
+    ],
+    "--animate-pulse": [
+      "pulse 2000ms cubic-bezier(0.4,0,0.6,1) infinite"
+    ],
+    "--animate-ring-pulse": [
+      "ring-pulse 1500ms ease-in-out infinite"
+    ],
+    "--animate-running-hatch-scroll": [
+      "running-hatch-scroll 900ms linear infinite"
+    ],
+    "--animate-slide-in-bottom": [
+      "slide-in-bottom 400ms cubic-bezier(0.16,1,0.3,1)"
+    ],
+    "--animate-spin": [
+      "spin 1000ms linear infinite"
+    ],
+    "--animate-stream-fade-in": [
+      "stream-fade-in 300ms ease-out forwards"
+    ],
+    "--aspect-video": [
+      "16 / 9"
+    ],
+    "--auth-primary-btn-bg": [
+      "#ffffff"
+    ],
+    "--auth-primary-btn-border": [
+      "#ffffff"
+    ],
+    "--auth-primary-btn-hover-bg": [
+      "#e0e0e0"
+    ],
+    "--auth-primary-btn-hover-border": [
+      "#e0e0e0"
+    ],
+    "--auth-primary-btn-hover-text": [
+      "#000000"
+    ],
+    "--auth-primary-btn-text": [
+      "#000000"
+    ],
+    "--background": [
+      "0 0% 10.59%",
+      "0 0% 100%"
+    ],
+    "--badge-amber-bg": [
+      "#fde68a",
+      "rgba(245,158,11,0.2)"
+    ],
+    "--badge-amber-text": [
+      "#a16207",
+      "#fcd34d"
+    ],
+    "--badge-blue-bg": [
+      "#bfdbfe",
+      "rgba(59,130,246,0.2)"
+    ],
+    "--badge-blue-secondary-bg": [
+      "#bae6fd",
+      "rgba(51,180,255,0.2)"
+    ],
+    "--badge-blue-secondary-text": [
+      "#0369a1",
+      "#7dd3fc"
+    ],
+    "--badge-blue-text": [
+      "#1d4ed8",
+      "#93c5fd"
+    ],
+    "--badge-cyan-bg": [
+      "#cffafe",
+      "rgba(14,165,233,0.2)"
+    ],
+    "--badge-cyan-text": [
+      "#0891b2",
+      "#7dd3fc"
+    ],
+    "--badge-error-bg": [
+      "#551a1a",
+      "#fecaca"
+    ],
+    "--badge-error-text": [
+      "#dc2626",
+      "#fca5a5"
+    ],
+    "--badge-gray-bg": [
+      "#3a3a3a",
+      "#e7e5e4"
+    ],
+    "--badge-gray-text": [
+      "#57534e",
+      "#a8a8a8"
+    ],
+    "--badge-orange-bg": [
+      "#fed7aa",
+      "rgba(249,115,22,0.2)"
+    ],
+    "--badge-orange-text": [
+      "#c2410c",
+      "#fdba74"
+    ],
+    "--badge-pink-bg": [
+      "#fbcfe8",
+      "rgba(236,72,153,0.2)"
+    ],
+    "--badge-pink-text": [
+      "#be185d",
+      "#f9a8d4"
+    ],
+    "--badge-purple-bg": [
+      "#e9d5ff",
+      "rgba(168,85,247,0.2)"
+    ],
+    "--badge-purple-text": [
+      "#7c3aed",
+      "#d8b4fe"
+    ],
+    "--badge-success-bg": [
+      "#bbf7d0",
+      "rgba(34,197,94,0.2)"
+    ],
+    "--badge-success-text": [
+      "#15803d",
+      "#86efac"
+    ],
+    "--badge-teal-bg": [
+      "#99f6e4",
+      "rgba(20,184,166,0.2)"
+    ],
+    "--badge-teal-text": [
+      "#0f766e",
+      "#5eead4"
+    ],
+    "--base-muted-foreground": [
+      "#737373",
+      "#a3a3a3"
+    ],
+    "--bg": [
+      "#1b1b1b",
+      "#fefefe"
+    ],
+    "--blur": [
+      "8px"
+    ],
+    "--blur-2xl": [
+      "40px"
+    ],
+    "--blur-3xl": [
+      "64px"
+    ],
+    "--blur-lg": [
+      "16px"
+    ],
+    "--blur-md": [
+      "12px"
+    ],
+    "--blur-sm": [
+      "8px"
+    ],
+    "--blur-xl": [
+      "24px"
+    ],
+    "--blur-xs": [
+      "4px"
+    ],
+    "--border": [
+      "#444444",
+      "#d8d8d8"
+    ],
+    "--border-1": [
+      "var(--border)"
+    ],
+    "--border-inverted": [
+      "#363636",
+      "#3d3d3d"
+    ],
+    "--border-muted": [
+      "var(--border)"
+    ],
+    "--border-success": [
+      "#575757",
+      "#e0e0e0"
+    ],
+    "--border-width": [
+      "0.5px",
+      "1px"
+    ],
+    "--brand": [
+      "#33c482"
+    ],
+    "--brand-accent": [
+      "#33c482"
+    ],
+    "--brand-accent-hover": [
+      "#2dac72"
+    ],
+    "--brand-agent": [
+      "#6f3dfa",
+      "#701ffc"
+    ],
+    "--brand-blue": [
+      "#3b6fe0",
+      "#5b8def"
+    ],
+    "--brand-hover": [
+      "#2dac72"
+    ],
+    "--brand-knowledge": [
+      "#00b0b0"
+    ],
+    "--brand-secondary": [
+      "#33b4ff"
+    ],
+    "--breakpoint-2xl": [
+      "1536px"
+    ],
+    "--breakpoint-lg": [
+      "1024px"
+    ],
+    "--breakpoint-md": [
+      "768px"
+    ],
+    "--breakpoint-sm": [
+      "640px"
+    ],
+    "--breakpoint-xl": [
+      "1280px"
+    ],
+    "--card": [
+      "0 0% 9.0%",
+      "0 0% 99.2%"
+    ],
+    "--card-background": [
+      "0 0% 9.0%",
+      "0 0% 99.2%"
+    ],
+    "--card-border": [
+      "0 0% 22.7%",
+      "0 0% 89.8%"
+    ],
+    "--card-foreground": [
+      "0 0% 3.9%",
+      "0 0% 98%"
+    ],
+    "--card-hover": [
+      "0 0% 12.0%",
+      "0 0% 96.1%"
+    ],
+    "--card-text": [
+      "0 0% 3.9%",
+      "0 0% 98%"
+    ],
+    "--caution": [
+      "#f59e0b"
+    ],
+    "--code-bg": [
+      "#1f1f1f",
+      "#f5f5f5"
+    ],
+    "--code-foreground": [
+      "#1a1a1a",
+      "#eeeeee"
+    ],
+    "--code-line-number": [
+      "#737373",
+      "#a8a8a8"
+    ],
+    "--color-accent": [
+      "hsl(var(--accent))"
+    ],
+    "--color-accent-foreground": [
+      "hsl(var(--accent-foreground))"
+    ],
+    "--color-amber-100": [
+      "oklch(96.2% 0.059 95.617)"
+    ],
+    "--color-amber-200": [
+      "#fde68a"
+    ],
+    "--color-amber-300": [
+      "#fcd34d"
+    ],
+    "--color-amber-400": [
+      "#fbbf24"
+    ],
+    "--color-amber-50": [
+      "#fffbeb"
+    ],
+    "--color-amber-500": [
+      "#f59e0b"
+    ],
+    "--color-amber-600": [
+      "#d97706"
+    ],
+    "--color-amber-700": [
+      "#b45309"
+    ],
+    "--color-amber-800": [
+      "#92400e"
+    ],
+    "--color-amber-900": [
+      "#78350f"
+    ],
+    "--color-amber-950": [
+      "#451a03"
+    ],
+    "--color-background": [
+      "hsl(var(--background))"
+    ],
+    "--color-black": [
+      "#000"
+    ],
+    "--color-blue-100": [
+      "oklch(93.2% 0.032 255.585)"
+    ],
+    "--color-blue-200": [
+      "oklch(88.2% 0.059 254.128)"
+    ],
+    "--color-blue-300": [
+      "oklch(80.9% 0.105 251.813)"
+    ],
+    "--color-blue-400": [
+      "oklch(70.7% 0.165 254.624)"
+    ],
+    "--color-blue-50": [
+      "oklch(97% 0.014 254.604)"
+    ],
+    "--color-blue-500": [
+      "#3b82f6"
+    ],
+    "--color-blue-600": [
+      "oklch(54.6% 0.245 262.881)"
+    ],
+    "--color-blue-700": [
+      "oklch(48.8% 0.243 264.376)"
+    ],
+    "--color-blue-800": [
+      "oklch(42.4% 0.199 265.638)"
+    ],
+    "--color-blue-900": [
+      "oklch(37.9% 0.146 265.522)"
+    ],
+    "--color-blue-950": [
+      "oklch(28.2% 0.091 267.935)"
+    ],
+    "--color-border": [
+      "var(--border)"
+    ],
+    "--color-card": [
+      "hsl(var(--card))"
+    ],
+    "--color-card-foreground": [
+      "hsl(var(--card-foreground))"
+    ],
+    "--color-chart-1": [
+      "hsl(var(--chart-1))"
+    ],
+    "--color-chart-2": [
+      "hsl(var(--chart-2))"
+    ],
+    "--color-chart-3": [
+      "hsl(var(--chart-3))"
+    ],
+    "--color-chart-4": [
+      "hsl(var(--chart-4))"
+    ],
+    "--color-chart-5": [
+      "hsl(var(--chart-5))"
+    ],
+    "--color-cyan-100": [
+      "oklch(95.6% 0.045 203.388)"
+    ],
+    "--color-cyan-200": [
+      "oklch(91.7% 0.08 205.041)"
+    ],
+    "--color-cyan-300": [
+      "oklch(86.5% 0.127 207.078)"
+    ],
+    "--color-cyan-400": [
+      "oklch(78.9% 0.154 211.53)"
+    ],
+    "--color-cyan-50": [
+      "oklch(98.4% 0.019 200.873)"
+    ],
+    "--color-cyan-500": [
+      "oklch(71.5% 0.143 215.221)"
+    ],
+    "--color-cyan-600": [
+      "oklch(60.9% 0.126 221.723)"
+    ],
+    "--color-cyan-700": [
+      "oklch(52% 0.105 223.128)"
+    ],
+    "--color-cyan-800": [
+      "oklch(45% 0.085 224.283)"
+    ],
+    "--color-cyan-900": [
+      "oklch(39.8% 0.07 227.392)"
+    ],
+    "--color-cyan-950": [
+      "oklch(30.2% 0.056 229.695)"
+    ],
+    "--color-destructive": [
+      "hsl(var(--destructive))"
+    ],
+    "--color-destructive-foreground": [
+      "hsl(var(--destructive-foreground))"
+    ],
+    "--color-emerald-100": [
+      "oklch(95% 0.052 163.051)"
+    ],
+    "--color-emerald-200": [
+      "oklch(90.5% 0.093 164.15)"
+    ],
+    "--color-emerald-300": [
+      "oklch(84.5% 0.143 164.978)"
+    ],
+    "--color-emerald-400": [
+      "#34d399"
+    ],
+    "--color-emerald-50": [
+      "oklch(97.9% 0.021 166.113)"
+    ],
+    "--color-emerald-500": [
+      "#10b981"
+    ],
+    "--color-emerald-600": [
+      "oklch(59.6% 0.145 163.225)"
+    ],
+    "--color-emerald-700": [
+      "oklch(50.8% 0.118 165.612)"
+    ],
+    "--color-emerald-800": [
+      "oklch(43.2% 0.095 166.913)"
+    ],
+    "--color-emerald-900": [
+      "oklch(37.8% 0.077 168.94)"
+    ],
+    "--color-emerald-950": [
+      "oklch(26.2% 0.051 172.552)"
+    ],
+    "--color-foreground": [
+      "hsl(var(--foreground))"
+    ],
+    "--color-fuchsia-100": [
+      "oklch(95.2% 0.037 318.852)"
+    ],
+    "--color-fuchsia-200": [
+      "oklch(90.3% 0.076 319.62)"
+    ],
+    "--color-fuchsia-300": [
+      "oklch(83.3% 0.145 321.434)"
+    ],
+    "--color-fuchsia-400": [
+      "oklch(74% 0.238 322.16)"
+    ],
+    "--color-fuchsia-50": [
+      "oklch(97.7% 0.017 320.058)"
+    ],
+    "--color-fuchsia-500": [
+      "oklch(66.7% 0.295 322.15)"
+    ],
+    "--color-fuchsia-600": [
+      "oklch(59.1% 0.293 322.896)"
+    ],
+    "--color-fuchsia-700": [
+      "oklch(51.8% 0.253 323.949)"
+    ],
+    "--color-fuchsia-800": [
+      "oklch(45.2% 0.211 324.591)"
+    ],
+    "--color-fuchsia-900": [
+      "oklch(40.1% 0.17 325.612)"
+    ],
+    "--color-fuchsia-950": [
+      "oklch(29.3% 0.136 325.661)"
+    ],
+    "--color-gray-100": [
+      "#f5f5f5"
+    ],
+    "--color-gray-200": [
+      "#e5e5e5"
+    ],
+    "--color-gray-300": [
+      "#d4d4d4"
+    ],
+    "--color-gray-400": [
+      "#a3a3a3"
+    ],
+    "--color-gray-50": [
+      "#fafafa"
+    ],
+    "--color-gray-500": [
+      "#737373"
+    ],
+    "--color-gray-600": [
+      "#525252"
+    ],
+    "--color-gray-700": [
+      "#404040"
+    ],
+    "--color-gray-800": [
+      "#262626"
+    ],
+    "--color-gray-900": [
+      "#171717"
+    ],
+    "--color-gray-950": [
+      "#0a0a0a"
+    ],
+    "--color-green-100": [
+      "oklch(96.2% 0.044 156.743)"
+    ],
+    "--color-green-200": [
+      "oklch(92.5% 0.084 155.995)"
+    ],
+    "--color-green-300": [
+      "oklch(87.1% 0.15 154.449)"
+    ],
+    "--color-green-400": [
+      "oklch(79.2% 0.209 151.711)"
+    ],
+    "--color-green-50": [
+      "oklch(98.2% 0.018 155.826)"
+    ],
+    "--color-green-500": [
+      "#22c55e"
+    ],
+    "--color-green-600": [
+      "oklch(62.7% 0.194 149.214)"
+    ],
+    "--color-green-700": [
+      "oklch(52.7% 0.154 150.069)"
+    ],
+    "--color-green-800": [
+      "oklch(44.8% 0.119 151.328)"
+    ],
+    "--color-green-900": [
+      "oklch(39.3% 0.095 152.535)"
+    ],
+    "--color-green-950": [
+      "oklch(26.6% 0.065 152.934)"
+    ],
+    "--color-indigo-100": [
+      "oklch(93% 0.034 272.788)"
+    ],
+    "--color-indigo-200": [
+      "oklch(87% 0.065 274.039)"
+    ],
+    "--color-indigo-300": [
+      "oklch(78.5% 0.115 274.713)"
+    ],
+    "--color-indigo-400": [
+      "oklch(67.3% 0.182 276.935)"
+    ],
+    "--color-indigo-50": [
+      "oklch(96.2% 0.018 272.314)"
+    ],
+    "--color-indigo-500": [
+      "oklch(58.5% 0.233 277.117)"
+    ],
+    "--color-indigo-600": [
+      "oklch(51.1% 0.262 276.966)"
+    ],
+    "--color-indigo-700": [
+      "oklch(45.7% 0.24 277.023)"
+    ],
+    "--color-indigo-800": [
+      "oklch(39.8% 0.195 277.366)"
+    ],
+    "--color-indigo-900": [
+      "oklch(35.9% 0.144 278.697)"
+    ],
+    "--color-indigo-950": [
+      "oklch(25.7% 0.09 281.288)"
+    ],
+    "--color-input": [
+      "hsl(var(--input))"
+    ],
+    "--color-lime-100": [
+      "oklch(96.7% 0.067 122.328)"
+    ],
+    "--color-lime-200": [
+      "oklch(93.8% 0.127 124.321)"
+    ],
+    "--color-lime-300": [
+      "oklch(89.7% 0.196 126.665)"
+    ],
+    "--color-lime-400": [
+      "oklch(84.1% 0.238 128.85)"
+    ],
+    "--color-lime-50": [
+      "oklch(98.6% 0.031 120.757)"
+    ],
+    "--color-lime-500": [
+      "oklch(76.8% 0.233 130.85)"
+    ],
+    "--color-lime-600": [
+      "oklch(64.8% 0.2 131.684)"
+    ],
+    "--color-lime-700": [
+      "oklch(53.2% 0.157 131.589)"
+    ],
+    "--color-lime-800": [
+      "oklch(45.3% 0.124 130.933)"
+    ],
+    "--color-lime-900": [
+      "oklch(40.5% 0.101 131.063)"
+    ],
+    "--color-lime-950": [
+      "oklch(27.4% 0.072 132.109)"
+    ],
+    "--color-mauve-100": [
+      "oklch(96% 0.003 325.6)"
+    ],
+    "--color-mauve-200": [
+      "oklch(92.2% 0.005 325.62)"
+    ],
+    "--color-mauve-300": [
+      "oklch(86.5% 0.012 325.68)"
+    ],
+    "--color-mauve-400": [
+      "oklch(71.1% 0.019 323.02)"
+    ],
+    "--color-mauve-50": [
+      "oklch(98.5% 0 none)"
+    ],
+    "--color-mauve-500": [
+      "oklch(54.2% 0.034 322.5)"
+    ],
+    "--color-mauve-600": [
+      "oklch(43.5% 0.029 321.78)"
+    ],
+    "--color-mauve-700": [
+      "oklch(36.4% 0.029 323.89)"
+    ],
+    "--color-mauve-800": [
+      "oklch(26.3% 0.024 320.12)"
+    ],
+    "--color-mauve-900": [
+      "oklch(21.2% 0.019 322.12)"
+    ],
+    "--color-mauve-950": [
+      "oklch(14.5% 0.008 326)"
+    ],
+    "--color-mist-100": [
+      "oklch(96.3% 0.002 197.1)"
+    ],
+    "--color-mist-200": [
+      "oklch(92.5% 0.005 214.3)"
+    ],
+    "--color-mist-300": [
+      "oklch(87.2% 0.007 219.6)"
+    ],
+    "--color-mist-400": [
+      "oklch(72.3% 0.014 214.4)"
+    ],
+    "--color-mist-50": [
+      "oklch(98.7% 0.002 197.1)"
+    ],
+    "--color-mist-500": [
+      "oklch(56% 0.021 213.5)"
+    ],
+    "--color-mist-600": [
+      "oklch(45% 0.017 213.2)"
+    ],
+    "--color-mist-700": [
+      "oklch(37.8% 0.015 216)"
+    ],
+    "--color-mist-800": [
+      "oklch(27.5% 0.011 216.9)"
+    ],
+    "--color-mist-900": [
+      "oklch(21.8% 0.008 223.9)"
+    ],
+    "--color-mist-950": [
+      "oklch(14.8% 0.004 228.8)"
+    ],
+    "--color-muted": [
+      "hsl(var(--muted))"
+    ],
+    "--color-muted-foreground": [
+      "hsl(var(--muted-foreground))"
+    ],
+    "--color-neutral-100": [
+      "oklch(97% 0 none)"
+    ],
+    "--color-neutral-200": [
+      "oklch(92.2% 0 none)"
+    ],
+    "--color-neutral-300": [
+      "oklch(87% 0 none)"
+    ],
+    "--color-neutral-400": [
+      "oklch(70.8% 0 none)"
+    ],
+    "--color-neutral-50": [
+      "oklch(98.5% 0 none)"
+    ],
+    "--color-neutral-500": [
+      "oklch(55.6% 0 none)"
+    ],
+    "--color-neutral-600": [
+      "oklch(43.9% 0 none)"
+    ],
+    "--color-neutral-700": [
+      "oklch(37.1% 0 none)"
+    ],
+    "--color-neutral-800": [
+      "oklch(26.9% 0 none)"
+    ],
+    "--color-neutral-900": [
+      "oklch(20.5% 0 none)"
+    ],
+    "--color-neutral-950": [
+      "oklch(14.5% 0 none)"
+    ],
+    "--color-olive-100": [
+      "oklch(96.6% 0.005 106.5)"
+    ],
+    "--color-olive-200": [
+      "oklch(93% 0.007 106.5)"
+    ],
+    "--color-olive-300": [
+      "oklch(88% 0.011 106.6)"
+    ],
+    "--color-olive-400": [
+      "oklch(73.7% 0.021 106.9)"
+    ],
+    "--color-olive-50": [
+      "oklch(98.8% 0.003 106.5)"
+    ],
+    "--color-olive-500": [
+      "oklch(58% 0.031 107.3)"
+    ],
+    "--color-olive-600": [
+      "oklch(46.6% 0.025 107.3)"
+    ],
+    "--color-olive-700": [
+      "oklch(39.4% 0.023 107.4)"
+    ],
+    "--color-olive-800": [
+      "oklch(28.6% 0.016 107.4)"
+    ],
+    "--color-olive-900": [
+      "oklch(22.8% 0.013 107.4)"
+    ],
+    "--color-olive-950": [
+      "oklch(15.3% 0.006 107.1)"
+    ],
+    "--color-orange-100": [
+      "oklch(95.4% 0.038 75.164)"
+    ],
+    "--color-orange-200": [
+      "oklch(90.1% 0.076 70.697)"
+    ],
+    "--color-orange-300": [
+      "oklch(83.7% 0.128 66.29)"
+    ],
+    "--color-orange-400": [
+      "#fb923c"
+    ],
+    "--color-orange-50": [
+      "oklch(98% 0.016 73.684)"
+    ],
+    "--color-orange-500": [
+      "oklch(70.5% 0.213 47.604)"
+    ],
+    "--color-orange-600": [
+      "oklch(64.6% 0.222 41.116)"
+    ],
+    "--color-orange-700": [
+      "oklch(55.3% 0.195 38.402)"
+    ],
+    "--color-orange-800": [
+      "oklch(47% 0.157 37.304)"
+    ],
+    "--color-orange-900": [
+      "oklch(40.8% 0.123 38.172)"
+    ],
+    "--color-orange-950": [
+      "oklch(26.6% 0.079 36.259)"
+    ],
+    "--color-pink-100": [
+      "oklch(94.8% 0.028 342.258)"
+    ],
+    "--color-pink-200": [
+      "oklch(89.9% 0.061 343.231)"
+    ],
+    "--color-pink-300": [
+      "oklch(82.3% 0.12 346.018)"
+    ],
+    "--color-pink-400": [
+      "oklch(71.8% 0.202 349.761)"
+    ],
+    "--color-pink-50": [
+      "oklch(97.1% 0.014 343.198)"
+    ],
+    "--color-pink-500": [
+      "oklch(65.6% 0.241 354.308)"
+    ],
+    "--color-pink-600": [
+      "oklch(59.2% 0.249 0.584)"
+    ],
+    "--color-pink-700": [
+      "oklch(52.5% 0.223 3.958)"
+    ],
+    "--color-pink-800": [
+      "oklch(45.9% 0.187 3.815)"
+    ],
+    "--color-pink-900": [
+      "oklch(40.8% 0.153 2.432)"
+    ],
+    "--color-pink-950": [
+      "oklch(28.4% 0.109 3.907)"
+    ],
+    "--color-popover": [
+      "hsl(var(--popover))"
+    ],
+    "--color-popover-foreground": [
+      "hsl(var(--popover-foreground))"
+    ],
+    "--color-primary": [
+      "hsl(var(--primary))"
+    ],
+    "--color-primary-foreground": [
+      "hsl(var(--primary-foreground))"
+    ],
+    "--color-purple-100": [
+      "oklch(94.6% 0.033 307.174)"
+    ],
+    "--color-purple-200": [
+      "oklch(90.2% 0.063 306.703)"
+    ],
+    "--color-purple-300": [
+      "oklch(82.7% 0.119 306.383)"
+    ],
+    "--color-purple-400": [
+      "oklch(71.4% 0.203 305.504)"
+    ],
+    "--color-purple-50": [
+      "oklch(97.7% 0.014 308.299)"
+    ],
+    "--color-purple-500": [
+      "#a855f7"
+    ],
+    "--color-purple-600": [
+      "oklch(55.8% 0.288 302.321)"
+    ],
+    "--color-purple-700": [
+      "oklch(49.6% 0.265 301.924)"
+    ],
+    "--color-purple-800": [
+      "oklch(43.8% 0.218 303.724)"
+    ],
+    "--color-purple-900": [
+      "oklch(38.1% 0.176 304.987)"
+    ],
+    "--color-purple-950": [
+      "oklch(29.1% 0.149 302.717)"
+    ],
+    "--color-red-100": [
+      "oklch(93.6% 0.032 17.717)"
+    ],
+    "--color-red-200": [
+      "oklch(88.5% 0.062 18.334)"
+    ],
+    "--color-red-300": [
+      "#fca5a5"
+    ],
+    "--color-red-400": [
+      "#f87171"
+    ],
+    "--color-red-50": [
+      "#fef2f2"
+    ],
+    "--color-red-500": [
+      "oklch(63.7% 0.237 25.331)"
+    ],
+    "--color-red-600": [
+      "#dc2626"
+    ],
+    "--color-red-700": [
+      "#b91c1c"
+    ],
+    "--color-red-800": [
+      "oklch(44.4% 0.177 26.899)"
+    ],
+    "--color-red-900": [
+      "oklch(39.6% 0.141 25.723)"
+    ],
+    "--color-red-950": [
+      "#450a0a"
+    ],
+    "--color-ring": [
+      "hsl(var(--ring))"
+    ],
+    "--color-rose-100": [
+      "oklch(94.1% 0.03 12.58)"
+    ],
+    "--color-rose-200": [
+      "oklch(89.2% 0.058 10.001)"
+    ],
+    "--color-rose-300": [
+      "oklch(81% 0.117 11.638)"
+    ],
+    "--color-rose-400": [
+      "oklch(71.2% 0.194 13.428)"
+    ],
+    "--color-rose-50": [
+      "oklch(96.9% 0.015 12.422)"
+    ],
+    "--color-rose-500": [
+      "oklch(64.5% 0.246 16.439)"
+    ],
+    "--color-rose-600": [
+      "oklch(58.6% 0.253 17.585)"
+    ],
+    "--color-rose-700": [
+      "oklch(51.4% 0.222 16.935)"
+    ],
+    "--color-rose-800": [
+      "oklch(45.5% 0.188 13.697)"
+    ],
+    "--color-rose-900": [
+      "oklch(41% 0.159 10.272)"
+    ],
+    "--color-rose-950": [
+      "oklch(27.1% 0.105 12.094)"
+    ],
+    "--color-secondary": [
+      "hsl(var(--secondary))"
+    ],
+    "--color-secondary-foreground": [
+      "hsl(var(--secondary-foreground))"
+    ],
+    "--color-sky-100": [
+      "oklch(95.1% 0.026 236.824)"
+    ],
+    "--color-sky-200": [
+      "oklch(90.1% 0.058 230.902)"
+    ],
+    "--color-sky-300": [
+      "oklch(82.8% 0.111 230.318)"
+    ],
+    "--color-sky-400": [
+      "oklch(74.6% 0.16 232.661)"
+    ],
+    "--color-sky-50": [
+      "oklch(97.7% 0.013 236.62)"
+    ],
+    "--color-sky-500": [
+      "oklch(68.5% 0.169 237.323)"
+    ],
+    "--color-sky-600": [
+      "oklch(58.8% 0.158 241.966)"
+    ],
+    "--color-sky-700": [
+      "oklch(50% 0.134 242.749)"
+    ],
+    "--color-sky-800": [
+      "oklch(44.3% 0.11 240.79)"
+    ],
+    "--color-sky-900": [
+      "oklch(39.1% 0.09 240.876)"
+    ],
+    "--color-sky-950": [
+      "oklch(29.3% 0.066 243.157)"
+    ],
+    "--color-slate-100": [
+      "oklch(96.8% 0.007 247.896)"
+    ],
+    "--color-slate-200": [
+      "oklch(92.9% 0.013 255.508)"
+    ],
+    "--color-slate-300": [
+      "oklch(86.9% 0.022 252.894)"
+    ],
+    "--color-slate-400": [
+      "oklch(70.4% 0.04 256.788)"
+    ],
+    "--color-slate-50": [
+      "oklch(98.4% 0.003 247.858)"
+    ],
+    "--color-slate-500": [
+      "oklch(55.4% 0.046 257.417)"
+    ],
+    "--color-slate-600": [
+      "oklch(44.6% 0.043 257.281)"
+    ],
+    "--color-slate-700": [
+      "oklch(37.2% 0.044 257.287)"
+    ],
+    "--color-slate-800": [
+      "oklch(27.9% 0.041 260.031)"
+    ],
+    "--color-slate-900": [
+      "oklch(20.8% 0.042 265.755)"
+    ],
+    "--color-slate-950": [
+      "oklch(12.9% 0.042 264.695)"
+    ],
+    "--color-stone-100": [
+      "oklch(97% 0.001 106.424)"
+    ],
+    "--color-stone-200": [
+      "oklch(92.3% 0.003 48.717)"
+    ],
+    "--color-stone-300": [
+      "oklch(86.9% 0.005 56.366)"
+    ],
+    "--color-stone-400": [
+      "oklch(70.9% 0.01 56.259)"
+    ],
+    "--color-stone-50": [
+      "oklch(98.5% 0.001 106.423)"
+    ],
+    "--color-stone-500": [
+      "oklch(55.3% 0.013 58.071)"
+    ],
+    "--color-stone-600": [
+      "oklch(44.4% 0.011 73.639)"
+    ],
+    "--color-stone-700": [
+      "oklch(37.4% 0.01 67.558)"
+    ],
+    "--color-stone-800": [
+      "oklch(26.8% 0.007 34.298)"
+    ],
+    "--color-stone-900": [
+      "oklch(21.6% 0.006 56.043)"
+    ],
+    "--color-stone-950": [
+      "oklch(14.7% 0.004 49.25)"
+    ],
+    "--color-taupe-100": [
+      "oklch(96% 0.002 17.2)"
+    ],
+    "--color-taupe-200": [
+      "oklch(92.2% 0.005 34.3)"
+    ],
+    "--color-taupe-300": [
+      "oklch(86.8% 0.007 39.5)"
+    ],
+    "--color-taupe-400": [
+      "oklch(71.4% 0.014 41.2)"
+    ],
+    "--color-taupe-50": [
+      "oklch(98.6% 0.002 67.8)"
+    ],
+    "--color-taupe-500": [
+      "oklch(54.7% 0.021 43.1)"
+    ],
+    "--color-taupe-600": [
+      "oklch(43.8% 0.017 39.3)"
+    ],
+    "--color-taupe-700": [
+      "oklch(36.7% 0.016 35.7)"
+    ],
+    "--color-taupe-800": [
+      "oklch(26.8% 0.011 36.5)"
+    ],
+    "--color-taupe-900": [
+      "oklch(21.4% 0.009 43.1)"
+    ],
+    "--color-taupe-950": [
+      "oklch(14.7% 0.004 49.3)"
+    ],
+    "--color-teal-100": [
+      "oklch(95.3% 0.051 180.801)"
+    ],
+    "--color-teal-200": [
+      "oklch(91% 0.096 180.426)"
+    ],
+    "--color-teal-300": [
+      "oklch(85.5% 0.138 181.071)"
+    ],
+    "--color-teal-400": [
+      "oklch(77.7% 0.152 181.912)"
+    ],
+    "--color-teal-50": [
+      "oklch(98.4% 0.014 180.72)"
+    ],
+    "--color-teal-500": [
+      "oklch(70.4% 0.14 182.503)"
+    ],
+    "--color-teal-600": [
+      "oklch(60% 0.118 184.704)"
+    ],
+    "--color-teal-700": [
+      "oklch(51.1% 0.096 186.391)"
+    ],
+    "--color-teal-800": [
+      "oklch(43.7% 0.078 188.216)"
+    ],
+    "--color-teal-900": [
+      "oklch(38.6% 0.063 188.416)"
+    ],
+    "--color-teal-950": [
+      "oklch(27.7% 0.046 192.524)"
+    ],
+    "--color-violet-100": [
+      "oklch(94.3% 0.029 294.588)"
+    ],
+    "--color-violet-200": [
+      "oklch(89.4% 0.057 293.283)"
+    ],
+    "--color-violet-300": [
+      "oklch(81.1% 0.111 293.571)"
+    ],
+    "--color-violet-400": [
+      "oklch(70.2% 0.183 293.541)"
+    ],
+    "--color-violet-50": [
+      "oklch(96.9% 0.016 293.756)"
+    ],
+    "--color-violet-500": [
+      "oklch(60.6% 0.25 292.717)"
+    ],
+    "--color-violet-600": [
+      "oklch(54.1% 0.281 293.009)"
+    ],
+    "--color-violet-700": [
+      "oklch(49.1% 0.27 292.581)"
+    ],
+    "--color-violet-800": [
+      "oklch(43.2% 0.232 292.759)"
+    ],
+    "--color-violet-900": [
+      "oklch(38% 0.189 293.745)"
+    ],
+    "--color-violet-950": [
+      "oklch(28.3% 0.141 291.089)"
+    ],
+    "--color-white": [
+      "#fff"
+    ],
+    "--color-yellow-100": [
+      "oklch(97.3% 0.071 103.193)"
+    ],
+    "--color-yellow-200": [
+      "#fef08a"
+    ],
+    "--color-yellow-300": [
+      "oklch(90.5% 0.182 98.111)"
+    ],
+    "--color-yellow-400": [
+      "oklch(85.2% 0.199 91.936)"
+    ],
+    "--color-yellow-50": [
+      "oklch(98.7% 0.026 102.212)"
+    ],
+    "--color-yellow-500": [
+      "#eab308"
+    ],
+    "--color-yellow-600": [
+      "oklch(68.1% 0.162 75.834)"
+    ],
+    "--color-yellow-700": [
+      "oklch(55.4% 0.135 66.442)"
+    ],
+    "--color-yellow-800": [
+      "oklch(47.6% 0.114 61.907)"
+    ],
+    "--color-yellow-900": [
+      "oklch(42.1% 0.095 57.708)"
+    ],
+    "--color-yellow-950": [
+      "oklch(28.6% 0.066 53.813)"
+    ],
+    "--color-zinc-100": [
+      "oklch(96.7% 0.001 286.375)"
+    ],
+    "--color-zinc-200": [
+      "oklch(92% 0.004 286.32)"
+    ],
+    "--color-zinc-300": [
+      "oklch(87.1% 0.006 286.286)"
+    ],
+    "--color-zinc-400": [
+      "oklch(70.5% 0.015 286.067)"
+    ],
+    "--color-zinc-50": [
+      "oklch(98.5% 0 none)"
+    ],
+    "--color-zinc-500": [
+      "oklch(55.2% 0.016 285.938)"
+    ],
+    "--color-zinc-600": [
+      "oklch(44.2% 0.017 285.786)"
+    ],
+    "--color-zinc-700": [
+      "oklch(37% 0.013 285.805)"
+    ],
+    "--color-zinc-800": [
+      "oklch(27.4% 0.006 286.033)"
+    ],
+    "--color-zinc-900": [
+      "oklch(21% 0.006 285.885)"
+    ],
+    "--color-zinc-950": [
+      "oklch(14.1% 0.005 285.823)"
+    ],
+    "--container-2xl": [
+      "672px"
+    ],
+    "--container-2xs": [
+      "288px"
+    ],
+    "--container-3xl": [
+      "768px"
+    ],
+    "--container-3xs": [
+      "256px"
+    ],
+    "--container-4xl": [
+      "896px"
+    ],
+    "--container-5xl": [
+      "1024px"
+    ],
+    "--container-6xl": [
+      "1152px"
+    ],
+    "--container-7xl": [
+      "1280px"
+    ],
+    "--container-chat": [
+      "704px"
+    ],
+    "--container-lg": [
+      "512px"
+    ],
+    "--container-md": [
+      "448px"
+    ],
+    "--container-sm": [
+      "384px"
+    ],
+    "--container-xl": [
+      "576px"
+    ],
+    "--container-xs": [
+      "320px"
+    ],
+    "--default-font-family": [
+      "--theme(--font-sans,initial)"
+    ],
+    "--default-font-feature-settings": [
+      "--theme(--font-sans--font-feature-settings,initial)"
+    ],
+    "--default-font-variation-settings": [
+      "--theme(--font-sans--font-variation-settings,initial)"
+    ],
+    "--default-mono-font-family": [
+      "--theme(--font-mono,initial)"
+    ],
+    "--default-mono-font-feature-settings": [
+      "--theme(--font-mono--font-feature-settings,initial)"
+    ],
+    "--default-mono-font-variation-settings": [
+      "--theme(--font-mono--font-variation-settings,initial)"
+    ],
+    "--default-transition-duration": [
+      "150ms"
+    ],
+    "--default-transition-timing-function": [
+      "cubic-bezier(0.4,0,0.2,1)"
+    ],
+    "--desktop-title-bar-control-icon-size": [
+      "0",
+      "16px"
+    ],
+    "--desktop-title-bar-control-offset": [
+      "0",
+      "calc((var(--desktop-title-bar-height) - var(--desktop-title-bar-control-size)) / 2)"
+    ],
+    "--desktop-title-bar-control-size": [
+      "0",
+      "30px"
+    ],
+    "--desktop-title-bar-height": [
+      "0",
+      "max(env(titlebar-area-height,38px),38px)"
+    ],
+    "--desktop-title-bar-inset-x": [
+      "0",
+      "max(env(titlebar-area-x,81px),81px)"
+    ],
+    "--destructive": [
+      "0 62.8% 30.6%",
+      "0 84.2% 60.2%"
+    ],
+    "--destructive-foreground": [
+      "0 0% 98%"
+    ],
+    "--drop-shadow": [
+      "0 1px 2px rgb(0 0 0 / 0.1),0 1px 1px rgb(0 0 0 / 0.06)"
+    ],
+    "--drop-shadow-2xl": [
+      "0 25px 25px rgb(0 0 0 / 0.15)"
+    ],
+    "--drop-shadow-lg": [
+      "0 4px 4px rgb(0 0 0 / 0.15)"
+    ],
+    "--drop-shadow-md": [
+      "0 3px 3px rgb(0 0 0 / 0.12)"
+    ],
+    "--drop-shadow-sm": [
+      "0 1px 2px rgb(0 0 0 / 0.15)"
+    ],
+    "--drop-shadow-xl": [
+      "0 9px 7px rgb(0 0 0 / 0.1)"
+    ],
+    "--drop-shadow-xs": [
+      "0 1px 1px rgb(0 0 0 / 0.05)"
+    ],
+    "--ease-in": [
+      "cubic-bezier(0.4,0,1,1)"
+    ],
+    "--ease-in-out": [
+      "cubic-bezier(0.4,0,0.2,1)"
+    ],
+    "--ease-out": [
+      "cubic-bezier(0,0,0.2,1)"
+    ],
+    "--editor-connections-height": [
+      "172px"
+    ],
+    "--error": [
+      "#dc2626",
+      "#f87171"
+    ],
+    "--error-emphasis": [
+      "#b91c1c"
+    ],
+    "--error-muted": [
+      "#f6d2d2",
+      "#fecaca"
+    ],
+    "--font-body": [
+      "ui-sans-serif,-apple-system,system-ui,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol"
+    ],
+    "--font-mono": [
+      "var(--font-martian-mono,ui-monospace),SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace"
+    ],
+    "--font-sans": [
+      "ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\""
+    ],
+    "--font-season": [
+      "var(--font-season)"
+    ],
+    "--font-serif": [
+      "ui-serif,Georgia,Cambria,'Times New Roman',Times,serif"
+    ],
+    "--font-weight-black": [
+      "900"
+    ],
+    "--font-weight-bold": [
+      "700"
+    ],
+    "--font-weight-extrabold": [
+      "800"
+    ],
+    "--font-weight-extralight": [
+      "200"
+    ],
+    "--font-weight-light": [
+      "300"
+    ],
+    "--font-weight-medium": [
+      "500"
+    ],
+    "--font-weight-normal": [
+      "400"
+    ],
+    "--font-weight-semibold": [
+      "600"
+    ],
+    "--font-weight-thin": [
+      "100"
+    ],
+    "--foreground": [
+      "0 0% 3.9%",
+      "0 0% 98%"
+    ],
+    "--highlight-match-bg": [
+      "#bae6fd",
+      "rgba(51,180,255,0.2)"
+    ],
+    "--highlight-match-text": [
+      "#0369a1",
+      "#7dd3fc"
+    ],
+    "--highlight-search": [
+      "#fcd34d"
+    ],
+    "--highlight-search-active": [
+      "#f6ad55"
+    ],
+    "--indicator-active": [
+      "#4ade80"
+    ],
+    "--indicator-inactive": [
+      "#b7b7b7"
+    ],
+    "--indicator-online": [
+      "#33c482"
+    ],
+    "--indicator-seat-filled": [
+      "#34b5ff"
+    ],
+    "--input": [
+      "0 0% 16.1%",
+      "0 0% 89.8%"
+    ],
+    "--input-background": [
+      "0 0% 100%",
+      "0 0% 20.78%"
+    ],
+    "--inset-shadow-2xs": [
+      "inset 0 1px rgb(0 0 0 / 0.05)"
+    ],
+    "--inset-shadow-sm": [
+      "inset 0 2px 4px rgb(0 0 0 / 0.05)"
+    ],
+    "--inset-shadow-xs": [
+      "inset 0 1px 1px rgb(0 0 0 / 0.05)"
+    ],
+    "--landing-bg": [
+      "#1c1c1c"
+    ],
+    "--landing-bg-card": [
+      "#232323"
+    ],
+    "--landing-bg-elevated": [
+      "#2a2a2a"
+    ],
+    "--landing-bg-hover": [
+      "#f0f0f0"
+    ],
+    "--landing-bg-section": [
+      "#f6f6f6"
+    ],
+    "--landing-bg-skeleton": [
+      "#e8e8e8"
+    ],
+    "--landing-bg-subtle": [
+      "#fafafa"
+    ],
+    "--landing-bg-surface": [
+      "#1e1e1e"
+    ],
+    "--landing-border": [
+      "#2a2a2a"
+    ],
+    "--landing-border-light": [
+      "#e5e5e5"
+    ],
+    "--landing-border-strong": [
+      "#3d3d3d"
+    ],
+    "--landing-border-subtle": [
+      "#d4d4d4"
+    ],
+    "--landing-text": [
+      "#ececec"
+    ],
+    "--landing-text-body": [
+      "#cdcdcd"
+    ],
+    "--landing-text-dark": [
+      "#1c1c1c"
+    ],
+    "--landing-text-icon": [
+      "#939393"
+    ],
+    "--landing-text-muted": [
+      "#999999"
+    ],
+    "--landing-text-secondary": [
+      "#666666"
+    ],
+    "--landing-text-subtle": [
+      "#f6f6f6"
+    ],
+    "--leading-loose": [
+      "2"
+    ],
+    "--leading-normal": [
+      "1.5"
+    ],
+    "--leading-relaxed": [
+      "1.625"
+    ],
+    "--leading-snug": [
+      "1.375"
+    ],
+    "--leading-tight": [
+      "1.25"
+    ],
+    "--max-width-prose": [
+      "65ch"
+    ],
+    "--muted": [
+      "0 0% 17.5%",
+      "0 0% 96.1%"
+    ],
+    "--muted-foreground": [
+      "0 0% 46.9%"
+    ],
+    "--output-panel-width": [
+      "560px"
+    ],
+    "--panel-width": [
+      "320px"
+    ],
+    "--perspective-distant": [
+      "1200px"
+    ],
+    "--perspective-dramatic": [
+      "100px"
+    ],
+    "--perspective-midrange": [
+      "800px"
+    ],
+    "--perspective-near": [
+      "300px"
+    ],
+    "--perspective-normal": [
+      "500px"
+    ],
+    "--popover": [
+      "0 0% 100%",
+      "0 0% 9.0%"
+    ],
+    "--popover-foreground": [
+      "0 0% 3.9%",
+      "0 0% 98%"
+    ],
+    "--primary": [
+      "0 0% 11.2%"
+    ],
+    "--primary-foreground": [
+      "0 0% 98%"
+    ],
+    "--radius": [
+      "8px"
+    ],
+    "--radius-2xl": [
+      "16px"
+    ],
+    "--radius-3xl": [
+      "24px"
+    ],
+    "--radius-4xl": [
+      "32px"
+    ],
+    "--radius-lg": [
+      "var(--radius)"
+    ],
+    "--radius-md": [
+      "calc(var(--radius) - 2px)"
+    ],
+    "--radius-sm": [
+      "calc(var(--radius) - 4px)"
+    ],
+    "--radius-xl": [
+      "12px"
+    ],
+    "--radius-xs": [
+      "2px"
+    ],
+    "--ring": [
+      "0 0% 3.9%",
+      "0 0% 83.9%"
+    ],
+    "--scrollbar-size": [
+      "8px"
+    ],
+    "--scrollbar-thumb": [
+      "0 0% 30%",
+      "0 0% 65%"
+    ],
+    "--scrollbar-thumb-color": [
+      "#5a5a5a",
+      "#c0c0c0"
+    ],
+    "--scrollbar-thumb-hover": [
+      "0 0% 40%",
+      "0 0% 55%"
+    ],
+    "--scrollbar-thumb-hover-color": [
+      "#6a6a6a",
+      "#a8a8a8"
+    ],
+    "--scrollbar-track": [
+      "0 0% 17.5%",
+      "0 0% 85%"
+    ],
+    "--secondary": [
+      "0 0% 12.0%",
+      "0 0% 96.1%"
+    ],
+    "--secondary-foreground": [
+      "0 0% 11.2%",
+      "0 0% 98%"
+    ],
+    "--selection": [
+      "#1a5cf6",
+      "#4b83f7"
+    ],
+    "--selection-bg": [
+      "#264f78",
+      "#add6ff"
+    ],
+    "--selection-dark": [
+      "#264f78"
+    ],
+    "--selection-muted": [
+      "#1a5cf647",
+      "#4b83f759"
+    ],
+    "--shadow": [
+      "0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1)"
+    ],
+    "--shadow-2xl": [
+      "0 25px 50px -12px rgb(0 0 0 / 0.25)"
+    ],
+    "--shadow-2xs": [
+      "0 1px rgb(0 0 0 / 0.05)"
+    ],
+    "--shadow-ambient": [
+      "0 0 12px 0 rgba(0,0,0,0.08)",
+      "0 0 12px 0 rgba(0,0,0,0.22)",
+      "var(--shadow-ambient)"
+    ],
+    "--shadow-card": [
+      "0 1px 3px rgba(0,0,0,0.04)",
+      "var(--shadow-card)"
+    ],
+    "--shadow-inner": [
+      "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
+    ],
+    "--shadow-kbd": [
+      "0 4px 0 0 rgba(48,48,48,1)",
+      "var(--shadow-kbd)"
+    ],
+    "--shadow-kbd-sm": [
+      "0 2px 0 0 rgba(48,48,48,1)",
+      "var(--shadow-kbd-sm)"
+    ],
+    "--shadow-lg": [
+      "0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1)"
+    ],
+    "--shadow-md": [
+      "0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1)"
+    ],
+    "--shadow-medium": [
+      "0 4px 12px rgba(0,0,0,0.1)",
+      "var(--shadow-medium)"
+    ],
+    "--shadow-overlay": [
+      "0 10px 30px rgba(0,0,0,0.11)",
+      "0 10px 30px rgba(0,0,0,0.3)",
+      "var(--shadow-overlay)"
+    ],
+    "--shadow-sm": [
+      "0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1)"
+    ],
+    "--shadow-subtle": [
+      "0 2px 4px 0 rgba(0,0,0,0.08)",
+      "var(--shadow-subtle)"
+    ],
+    "--shadow-xl": [
+      "0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1)"
+    ],
+    "--shadow-xs": [
+      "0 1px 2px 0 rgb(0 0 0 / 0.05)"
+    ],
+    "--sidebar-collapsed-width": [
+      "0",
+      "48px"
+    ],
+    "--sidebar-expanded-width": [
+      "256px"
+    ],
+    "--sidebar-width": [
+      "0",
+      "var(--sidebar-collapsed-width)",
+      "var(--sidebar-expanded-width)"
+    ],
+    "--spacing": [
+      "4px"
+    ],
+    "--spacing-px": [
+      "var(--border-width)"
+    ],
+    "--success": [
+      "#22c55e"
+    ],
+    "--surface-1": [
+      "#1e1e1e",
+      "#fbfbfb"
+    ],
+    "--surface-2": [
+      "#232323",
+      "#ffffff"
+    ],
+    "--surface-3": [
+      "#242424",
+      "#f7f7f7"
+    ],
+    "--surface-4": [
+      "#292929",
+      "#f5f5f5"
+    ],
+    "--surface-5": [
+      "#363636",
+      "#f3f3f3"
+    ],
+    "--surface-6": [
+      "#454545",
+      "#e5e5e5"
+    ],
+    "--surface-7": [
+      "#505050",
+      "#d9d9d9"
+    ],
+    "--surface-active": [
+      "#2c2c2c",
+      "#ececec"
+    ],
+    "--surface-hover": [
+      "#262626",
+      "#f2f2f2"
+    ],
+    "--surface-inverted": [
+      "#1b1b1b",
+      "#242424"
+    ],
+    "--surface-inverted-hover": [
+      "#363636"
+    ],
+    "--terminal-height": [
+      "206px"
+    ],
+    "--terminal-status-error-bg": [
+      "#491515",
+      "#fef2f2"
+    ],
+    "--terminal-status-error-border": [
+      "#883827",
+      "#f87171"
+    ],
+    "--terminal-status-info-bg": [
+      "#383838",
+      "#f7f7f7"
+    ],
+    "--terminal-status-info-border": [
+      "#686868",
+      "#a3a3a3"
+    ],
+    "--terminal-status-info-color": [
+      "#525252",
+      "#b7b7b7"
+    ],
+    "--terminal-status-warning-bg": [
+      "#3d3520",
+      "#fefce8"
+    ],
+    "--terminal-status-warning-border": [
+      "#5c4d1f",
+      "#facc15"
+    ],
+    "--terminal-status-warning-color": [
+      "#a16207",
+      "#d4a72c"
+    ],
+    "--text-2xl": [
+      "24px"
+    ],
+    "--text-2xl--line-height": [
+      "calc(2 / 1.5)"
+    ],
+    "--text-3xl": [
+      "30px"
+    ],
+    "--text-3xl--line-height": [
+      "calc(2.25 / 1.875)"
+    ],
+    "--text-4xl": [
+      "36px"
+    ],
+    "--text-4xl--line-height": [
+      "calc(2.5 / 2.25)"
+    ],
+    "--text-5xl": [
+      "48px"
+    ],
+    "--text-5xl--line-height": [
+      "1"
+    ],
+    "--text-6xl": [
+      "60px"
+    ],
+    "--text-6xl--line-height": [
+      "1"
+    ],
+    "--text-7xl": [
+      "72px"
+    ],
+    "--text-7xl--line-height": [
+      "1"
+    ],
+    "--text-8xl": [
+      "96px"
+    ],
+    "--text-8xl--line-height": [
+      "1"
+    ],
+    "--text-9xl": [
+      "128px"
+    ],
+    "--text-9xl--line-height": [
+      "1"
+    ],
+    "--text-base": [
+      "15px"
+    ],
+    "--text-base--line-height": [
+      "calc(1.5 / 1)"
+    ],
+    "--text-body": [
+      "#434343",
+      "#c1c1c1"
+    ],
+    "--text-caption": [
+      "12px"
+    ],
+    "--text-error": [
+      "#ef4444"
+    ],
+    "--text-icon": [
+      "#5a5a5a",
+      "#969696"
+    ],
+    "--text-icon-muted": [
+      "#5c5c5c",
+      "#949494"
+    ],
+    "--text-inverse": [
+      "#1b1b1b",
+      "#ffffff"
+    ],
+    "--text-lg": [
+      "18px"
+    ],
+    "--text-lg--line-height": [
+      "calc(1.75 / 1.125)"
+    ],
+    "--text-md": [
+      "16px"
+    ],
+    "--text-micro": [
+      "10px"
+    ],
+    "--text-muted": [
+      "#6e6e6e",
+      "#7a7a7a"
+    ],
+    "--text-muted-inverse": [
+      "#a0a0a0",
+      "#b3b3b3"
+    ],
+    "--text-placeholder": [
+      "#8d8d8d"
+    ],
+    "--text-primary": [
+      "#1a1a1a",
+      "#e6e6e6"
+    ],
+    "--text-secondary": [
+      "#525252",
+      "#cccccc"
+    ],
+    "--text-shadow-2xs": [
+      "0 1px 0 rgb(0 0 0 / 0.15)"
+    ],
+    "--text-shadow-lg": [
+      "0 1px 2px rgb(0 0 0 / 0.1),0 3px 2px rgb(0 0 0 / 0.1),0 4px 8px rgb(0 0 0 / 0.1)"
+    ],
+    "--text-shadow-md": [
+      "0 1px 1px rgb(0 0 0 / 0.1),0 1px 2px rgb(0 0 0 / 0.1),0 2px 4px rgb(0 0 0 / 0.1)"
+    ],
+    "--text-shadow-sm": [
+      "0 1px 0 rgb(0 0 0 / 0.075),0 1px 1px rgb(0 0 0 / 0.075),0 2px 2px rgb(0 0 0 / 0.075)"
+    ],
+    "--text-shadow-xs": [
+      "0 1px 1px rgb(0 0 0 / 0.2)"
+    ],
+    "--text-sm": [
+      "14px"
+    ],
+    "--text-sm--line-height": [
+      "calc(1.25 / 0.875)"
+    ],
+    "--text-small": [
+      "13px"
+    ],
+    "--text-subtle": [
+      "#7d7d7d",
+      "#8c8c8c"
+    ],
+    "--text-success": [
+      "#22c55e"
+    ],
+    "--text-tertiary": [
+      "#5c5c5c",
+      "#b3b3b3"
+    ],
+    "--text-xl": [
+      "20px"
+    ],
+    "--text-xl--line-height": [
+      "calc(1.75 / 1.25)"
+    ],
+    "--text-xs": [
+      "11px"
+    ],
+    "--text-xs--line-height": [
+      "1.5"
+    ],
+    "--thinking-ink-current": [
+      "#2c2c2c",
+      "#d6d6d6"
+    ],
+    "--thinking-ink-glow": [
+      "rgba(255,255,255,0.6)",
+      "rgba(255,255,255,0.9)"
+    ],
+    "--thinking-ink-inner": [
+      "#2c2c2c",
+      "#a7a7a7"
+    ],
+    "--thinking-ink-outer": [
+      "#5f5f5f",
+      "#d6d6d6"
+    ],
+    "--tooltip-bg": [
+      "#1b1b1b",
+      "#fdfdfd"
+    ],
+    "--tracking-normal": [
+      "0"
+    ],
+    "--tracking-tight": [
+      "-0.025em"
+    ],
+    "--tracking-tighter": [
+      "-0.05em"
+    ],
+    "--tracking-wide": [
+      "0.025em"
+    ],
+    "--tracking-wider": [
+      "0.05em"
+    ],
+    "--tracking-widest": [
+      "0.1em"
+    ],
+    "--warning": [
+      "#ea580c",
+      "#ff6600"
+    ],
+    "--white": [
+      "#ffffff"
+    ],
+    "--workflow-background": [
+      "0 0% 10.59%",
+      "0 0% 100%"
+    ],
+    "--workflow-edge": [
+      "#454545",
+      "#e0e0e0"
+    ],
+    "--workspace-content-gap": [
+      "0"
+    ],
+    "--workspace-content-title-bar-inset": [
+      "0",
+      "var(--desktop-title-bar-height)"
+    ],
+    "--z-dropdown": [
+      "100"
+    ],
+    "--z-modal": [
+      "200"
+    ],
+    "--z-popover": [
+      "300"
+    ],
+    "--z-shell-gate": [
+      "600"
+    ],
+    "--z-takeover": [
+      "500"
+    ],
+    "--z-toast": [
+      "150"
+    ],
+    "--z-tooltip": [
+      "400"
+    ]
+  },
+  "colourTokens": [
+    "--auth-primary-btn-bg",
+    "--auth-primary-btn-border",
+    "--auth-primary-btn-hover-bg",
+    "--auth-primary-btn-hover-border",
+    "--auth-primary-btn-hover-text",
+    "--auth-primary-btn-text",
+    "--badge-amber-bg",
+    "--badge-amber-text",
+    "--badge-blue-bg",
+    "--badge-blue-secondary-bg",
+    "--badge-blue-secondary-text",
+    "--badge-blue-text",
+    "--badge-cyan-bg",
+    "--badge-cyan-text",
+    "--badge-error-bg",
+    "--badge-error-text",
+    "--badge-gray-bg",
+    "--badge-gray-text",
+    "--badge-orange-bg",
+    "--badge-orange-text",
+    "--badge-pink-bg",
+    "--badge-pink-text",
+    "--badge-purple-bg",
+    "--badge-purple-text",
+    "--badge-success-bg",
+    "--badge-success-text",
+    "--badge-teal-bg",
+    "--badge-teal-text",
+    "--base-muted-foreground",
+    "--bg",
+    "--border",
+    "--border-1",
+    "--border-inverted",
+    "--border-muted",
+    "--border-success",
+    "--brand",
+    "--brand-accent",
+    "--brand-accent-hover",
+    "--brand-agent",
+    "--brand-blue",
+    "--brand-hover",
+    "--brand-knowledge",
+    "--brand-secondary",
+    "--caution",
+    "--code-bg",
+    "--code-foreground",
+    "--code-line-number",
+    "--color-accent",
+    "--color-accent-foreground",
+    "--color-amber-200",
+    "--color-amber-300",
+    "--color-amber-400",
+    "--color-amber-50",
+    "--color-amber-500",
+    "--color-amber-600",
+    "--color-amber-700",
+    "--color-amber-800",
+    "--color-amber-900",
+    "--color-amber-950",
+    "--color-background",
+    "--color-black",
+    "--color-blue-500",
+    "--color-border",
+    "--color-card",
+    "--color-card-foreground",
+    "--color-chart-1",
+    "--color-chart-2",
+    "--color-chart-3",
+    "--color-chart-4",
+    "--color-chart-5",
+    "--color-destructive",
+    "--color-destructive-foreground",
+    "--color-emerald-400",
+    "--color-emerald-500",
+    "--color-foreground",
+    "--color-gray-100",
+    "--color-gray-200",
+    "--color-gray-300",
+    "--color-gray-400",
+    "--color-gray-50",
+    "--color-gray-500",
+    "--color-gray-600",
+    "--color-gray-700",
+    "--color-gray-800",
+    "--color-gray-900",
+    "--color-gray-950",
+    "--color-green-500",
+    "--color-input",
+    "--color-muted",
+    "--color-muted-foreground",
+    "--color-orange-400",
+    "--color-popover",
+    "--color-popover-foreground",
+    "--color-primary",
+    "--color-primary-foreground",
+    "--color-purple-500",
+    "--color-red-300",
+    "--color-red-400",
+    "--color-red-50",
+    "--color-red-600",
+    "--color-red-700",
+    "--color-red-950",
+    "--color-ring",
+    "--color-secondary",
+    "--color-secondary-foreground",
+    "--color-white",
+    "--color-yellow-200",
+    "--color-yellow-500",
+    "--error",
+    "--error-emphasis",
+    "--error-muted",
+    "--foreground",
+    "--highlight-match-bg",
+    "--highlight-match-text",
+    "--highlight-search",
+    "--highlight-search-active",
+    "--indicator-active",
+    "--indicator-inactive",
+    "--indicator-online",
+    "--indicator-seat-filled",
+    "--landing-bg",
+    "--landing-bg-card",
+    "--landing-bg-elevated",
+    "--landing-bg-hover",
+    "--landing-bg-section",
+    "--landing-bg-skeleton",
+    "--landing-bg-subtle",
+    "--landing-bg-surface",
+    "--landing-border",
+    "--landing-border-light",
+    "--landing-border-strong",
+    "--landing-border-subtle",
+    "--landing-text",
+    "--landing-text-body",
+    "--landing-text-dark",
+    "--landing-text-icon",
+    "--landing-text-muted",
+    "--landing-text-secondary",
+    "--landing-text-subtle",
+    "--muted-foreground",
+    "--scrollbar-thumb-color",
+    "--scrollbar-thumb-hover-color",
+    "--selection",
+    "--selection-bg",
+    "--selection-dark",
+    "--selection-muted",
+    "--success",
+    "--surface-1",
+    "--surface-2",
+    "--surface-3",
+    "--surface-4",
+    "--surface-5",
+    "--surface-6",
+    "--surface-7",
+    "--surface-active",
+    "--surface-hover",
+    "--surface-inverted",
+    "--surface-inverted-hover",
+    "--terminal-status-error-bg",
+    "--terminal-status-error-border",
+    "--terminal-status-info-bg",
+    "--terminal-status-info-border",
+    "--terminal-status-info-color",
+    "--terminal-status-warning-bg",
+    "--terminal-status-warning-border",
+    "--terminal-status-warning-color",
+    "--text-body",
+    "--text-error",
+    "--text-icon",
+    "--text-icon-muted",
+    "--text-inverse",
+    "--text-muted",
+    "--text-muted-inverse",
+    "--text-placeholder",
+    "--text-primary",
+    "--text-secondary",
+    "--text-subtle",
+    "--text-success",
+    "--text-tertiary",
+    "--thinking-ink-current",
+    "--thinking-ink-glow",
+    "--thinking-ink-inner",
+    "--thinking-ink-outer",
+    "--tooltip-bg",
+    "--warning",
+    "--white",
+    "--workflow-edge"
+  ],
+  "allowed": {
+    "align-content": [
+      "flex-start"
+    ],
+    "align-items": [
+      "baseline",
+      "center",
+      "end",
+      "flex-end",
+      "flex-start",
+      "normal",
+      "start",
+      "stretch"
+    ],
+    "animation": [
+      "caret-blink 1250ms ease-out infinite",
+      "collapsible-down 300ms cubic-bezier(0.4,0,0.2,1)",
+      "collapsible-up 300ms cubic-bezier(0.4,0,0.2,1)",
+      "none",
+      "var(--animate-pulse)"
+    ],
+    "animation-play-state": [
+      "paused"
+    ],
+    "aspect-ratio": [
+      "1 / 1"
+    ],
+    "backdrop-filter": [
+      "blur(2px)"
+    ],
+    "border-radius": [
+      "12px",
+      "20px",
+      "2px",
+      "40px",
+      "4px",
+      "5px",
+      "6px",
+      "8px",
+      "calc(infinity * 1px)",
+      "calc(var(--radius-lg) - 2px)",
+      "var(--radius)",
+      "var(--radius-lg)",
+      "var(--radius-md)",
+      "var(--radius-sm)",
+      "var(--radius-xs)"
+    ],
+    "border-style": [
+      "dashed",
+      "dotted",
+      "double",
+      "hidden",
+      "none",
+      "solid",
+      "var(--tw-border-style)"
+    ],
+    "border-width": [
+      "0",
+      "1px",
+      "2px"
+    ],
+    "box-shadow": [
+      "0 0 #0000",
+      "0 0 0 1px var(--tw-shadow-color,rgba(28,40,64,0.08)),0 1px 3px 0 var(--tw-shadow-color,rgba(28,40,64,0.1))",
+      "0 0 0 1px var(--tw-shadow-color,var(--border-1)),0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,0.3))",
+      "0 0 12px 0 rgba(0,0,0,0.08)",
+      "0 0 12px 0 rgba(0,0,0,0.22)",
+      "0 10px 15px -3px var(--tw-shadow-color,rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--tw-shadow-color,rgb(0 0 0 / 0.1))",
+      "0 10px 30px rgba(0,0,0,0.11)",
+      "0 10px 30px rgba(0,0,0,0.3)",
+      "0 1px 2px 0 var(--tw-shadow-color,rgb(0 0 0 / 0.05))",
+      "0 1px 3px rgba(0,0,0,0.04)",
+      "0 2px 0 0 rgba(48,48,48,1)",
+      "0 2px 0 0 var(--tw-shadow-color,var(--border-1))",
+      "0 2px 4px 0 rgba(0,0,0,0.08)",
+      "0 4px 0 0 rgba(48,48,48,1)",
+      "0 4px 0 0 var(--tw-shadow-color,var(--border-1))",
+      "0 4px 12px rgba(0,0,0,0.1)",
+      "inset 0 0 0 1px var(--tw-shadow-color,#C3C3C3)",
+      "var(--shadow-ambient)",
+      "var(--shadow-card)",
+      "var(--shadow-kbd)",
+      "var(--shadow-kbd-sm)",
+      "var(--shadow-medium)",
+      "var(--shadow-overlay)",
+      "var(--shadow-subtle)",
+      "var(--tw-ring-inset,) 0 0 0 calc(0 + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)",
+      "var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)",
+      "var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)",
+      "var(--tw-ring-inset,) 0 0 0 calc(var(--border-width) + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)"
+    ],
+    "clip-path": [
+      "inset(50%)"
+    ],
+    "display": [
+      "block",
+      "contents",
+      "flex",
+      "flow-root",
+      "grid",
+      "inline",
+      "inline-block",
+      "inline-flex",
+      "inline-grid",
+      "none",
+      "table",
+      "table-cell",
+      "table-row"
+    ],
+    "flex": [
+      "1",
+      "none"
+    ],
+    "flex-direction": [
+      "column",
+      "column-reverse",
+      "row",
+      "row-reverse"
+    ],
+    "flex-grow": [
+      "1"
+    ],
+    "flex-shrink": [
+      "0",
+      "1"
+    ],
+    "flex-wrap": [
+      "nowrap",
+      "wrap",
+      "wrap-reverse"
+    ],
+    "font-family": [
+      "inherit",
+      "ui-sans-serif,-apple-system,system-ui,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol",
+      "ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"",
+      "var(--font-body)",
+      "var(--font-martian-mono,ui-monospace),SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace",
+      "var(--font-mono)",
+      "var(--font-sans)",
+      "var(--font-season)"
+    ],
+    "font-size": [
+      "10px",
+      "11px",
+      "12px",
+      "13px",
+      "14px",
+      "15px",
+      "16px",
+      "18px",
+      "var(--text-base)",
+      "var(--text-caption)",
+      "var(--text-md)",
+      "var(--text-micro)",
+      "var(--text-small)",
+      "var(--text-xs)"
+    ],
+    "font-variant-numeric": [
+      "var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)"
+    ],
+    "font-weight": [
+      "400",
+      "500",
+      "600",
+      "inherit"
+    ],
+    "gap": [
+      "0",
+      "10px",
+      "12px",
+      "16px",
+      "2px",
+      "3px",
+      "4px",
+      "6px",
+      "8px",
+      "9px"
+    ],
+    "grid-template-columns": [
+      "repeat(7,minmax(0,1fr))"
+    ],
+    "height": [
+      "1.25px",
+      "100%",
+      "10px",
+      "12px",
+      "14px",
+      "16px",
+      "18px",
+      "1px",
+      "20px",
+      "21px",
+      "22px",
+      "24px",
+      "28px",
+      "30px",
+      "32px",
+      "34px",
+      "40px",
+      "48px",
+      "6px",
+      "8px",
+      "var(--border-width)",
+      "var(--tab-strip-band,30px)",
+      "var(--tab-strip-height,34px)"
+    ],
+    "isolation": [
+      "auto",
+      "isolate"
+    ],
+    "justify-content": [
+      "center",
+      "end",
+      "flex-end",
+      "flex-start",
+      "normal",
+      "space-around",
+      "space-between",
+      "space-evenly",
+      "start"
+    ],
+    "letter-spacing": [
+      "inherit",
+      "var(--tracking-widest)"
+    ],
+    "line-height": [
+      "1",
+      "1.5",
+      "18px",
+      "20px",
+      "21px",
+      "var(--text-xs--line-height)",
+      "var(--tw-leading,1.5)",
+      "var(--tw-leading,calc(1.25 / 0.875))",
+      "var(--tw-leading,calc(1.5 / 1))",
+      "var(--tw-leading,calc(1.75 / 1.125))"
+    ],
+    "margin": [
+      "-1.5px",
+      "-1px",
+      "-4px",
+      "-6px",
+      "0",
+      "12px",
+      "16px",
+      "1px",
+      "2px",
+      "4px",
+      "6px",
+      "8px",
+      "auto",
+      "calc(2px * calc(1 - var(--tw-space-y-reverse)))",
+      "calc(2px * var(--tw-space-y-reverse))",
+      "calc(var(--border-width) * -1)",
+      "var(--border-width)"
+    ],
+    "mask-image": [
+      "linear-gradient(to bottom,transparent var(--scroll-fade-top-start),black var(--scroll-fade-top-end),black var(--scroll-fade-bottom-start),transparent var(--scroll-fade-bottom-end))",
+      "linear-gradient(to right,black calc(100% - 16px),transparent)",
+      "linear-gradient(to right,transparent var(--scroll-fade-left-start),black var(--scroll-fade-left-end),black var(--scroll-fade-right-start),transparent var(--scroll-fade-right-end))"
+    ],
+    "max-height": [
+      "128px",
+      "192px",
+      "84vh",
+      "min(420px,var(--radix-popper-available-height,420px))"
+    ],
+    "max-width": [
+      "100%",
+      "1400px",
+      "220px",
+      "240px",
+      "280px",
+      "320px",
+      "34px",
+      "none"
+    ],
+    "min-height": [
+      "0",
+      "100px",
+      "112px"
+    ],
+    "min-width": [
+      "0",
+      "120px",
+      "128px",
+      "160px",
+      "34px"
+    ],
+    "opacity": [
+      "0",
+      "0.3",
+      "0.5",
+      "0.6",
+      "0.7",
+      "0.8",
+      "1"
+    ],
+    "outline-offset": [
+      "-1px",
+      "2px"
+    ],
+    "outline-style": [
+      "auto",
+      "dashed",
+      "dotted",
+      "double",
+      "none",
+      "solid",
+      "var(--tw-outline-style)"
+    ],
+    "outline-width": [
+      "1px",
+      "2px"
+    ],
+    "overflow": [
+      "auto",
+      "clip",
+      "hidden",
+      "scroll",
+      "visible"
+    ],
+    "overflow-wrap": [
+      "break-word"
+    ],
+    "overflow-x": [
+      "auto",
+      "clip",
+      "hidden",
+      "scroll",
+      "visible"
+    ],
+    "overflow-y": [
+      "auto",
+      "clip",
+      "hidden",
+      "scroll",
+      "visible"
+    ],
+    "padding": [
+      "0",
+      "10px",
+      "12px",
+      "13px",
+      "14px",
+      "16px",
+      "18px",
+      "1px",
+      "2.25px",
+      "24px",
+      "28px",
+      "2px",
+      "32px",
+      "3px",
+      "40px",
+      "4px",
+      "5px",
+      "6px",
+      "7px",
+      "8.5px",
+      "8px",
+      "9px",
+      "var(--tab-strip-inline-end,8px)",
+      "var(--tab-strip-inline-start,8px)"
+    ],
+    "position": [
+      "absolute",
+      "fixed",
+      "relative",
+      "static",
+      "sticky"
+    ],
+    "text-align": [
+      "center",
+      "end",
+      "justify",
+      "left",
+      "right",
+      "start"
+    ],
+    "text-indent": [
+      "4px"
+    ],
+    "text-overflow": [
+      "clip",
+      "ellipsis"
+    ],
+    "text-transform": [
+      "capitalize",
+      "lowercase",
+      "none",
+      "uppercase"
+    ],
+    "transform-origin": [
+      "--radix-dropdown-menu-content-transform-origin",
+      "--radix-popover-content-transform-origin",
+      "bottom"
+    ],
+    "transition-duration": [
+      "0",
+      "1000ms",
+      "150ms",
+      "200ms",
+      "var(--tw-duration,150ms)"
+    ],
+    "transition-property": [
+      "color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to",
+      "left,width,opacity",
+      "none",
+      "opacity",
+      "opacity,transform",
+      "opacity,translate",
+      "transform,box-shadow,color",
+      "transform,translate,scale,rotate"
+    ],
+    "transition-timing-function": [
+      "var(--ease-out)",
+      "var(--tw-ease,var(--default-transition-timing-function))"
+    ],
+    "visibility": [
+      "collapse",
+      "hidden",
+      "visible"
+    ],
+    "white-space": [
+      "break-spaces",
+      "normal",
+      "nowrap",
+      "pre",
+      "pre-line",
+      "pre-wrap"
+    ],
+    "width": [
+      "100%",
+      "10px",
+      "12px",
+      "14px",
+      "16px",
+      "18px",
+      "1px",
+      "20px",
+      "24px",
+      "256px",
+      "2px",
+      "30px",
+      "32px",
+      "34px",
+      "36px",
+      "40px",
+      "48px",
+      "6px",
+      "88px",
+      "8px",
+      "auto",
+      "fit-content",
+      "min(100vw - 32px,280px)",
+      "var(--border-width)",
+      "var(--radix-dropdown-menu-trigger-width)",
+      "var(--radix-popover-trigger-width)",
+      "var(--tab-strip-band,30px)"
+    ],
+    "z-index": [
+      "1",
+      "10",
+      "150",
+      "20",
+      "200",
+      "30",
+      "300",
+      "400",
+      "calc(300 + 1)"
+    ]
+  },
+  "provenance": {
+    "align-content=flex-start": [
+      "packages/emcn/src/components/tag-input/tag-input.tsx"
+    ],
+    "align-items=baseline": [
+      "policy:structural-keyword"
+    ],
+    "align-items=center": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/banner/banner.tsx",
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/calendar/calendar.tsx",
+      "packages/emcn/src/components/checkbox/checkbox.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/code/copy-code-button.tsx",
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/info-card/info-card.tsx",
+      "packages/emcn/src/components/info/info.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/label/label.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "packages/emcn/src/components/toast/toast.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx",
+      "policy:structural-keyword"
+    ],
+    "align-items=end": [
+      "policy:structural-keyword"
+    ],
+    "align-items=flex-end": [
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "policy:structural-keyword"
+    ],
+    "align-items=flex-start": [
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/toast/toast.tsx",
+      "policy:structural-keyword"
+    ],
+    "align-items=normal": [
+      "policy:structural-keyword"
+    ],
+    "align-items=start": [
+      "policy:structural-keyword"
+    ],
+    "align-items=stretch": [
+      "policy:structural-keyword"
+    ],
+    "animation-play-state=paused": [
+      "packages/emcn/src/components/modal/modal.tsx"
+    ],
+    "animation=caret-blink 1250ms ease-out infinite": [
+      "packages/emcn/src/components/input-otp/input-otp.tsx"
+    ],
+    "animation=collapsible-down 300ms cubic-bezier(0.4,0,0.2,1)": [
+      "packages/emcn/src/components/expandable/expandable.tsx"
+    ],
+    "animation=collapsible-up 300ms cubic-bezier(0.4,0,0.2,1)": [
+      "packages/emcn/src/components/expandable/expandable.tsx"
+    ],
+    "animation=none": [
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/skeleton/skeleton.tsx"
+    ],
+    "animation=var(--animate-pulse)": [
+      "packages/emcn/src/components/skeleton/skeleton.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "aspect-ratio=1 / 1": [
+      "packages/emcn/src/components/avatar/avatar.tsx"
+    ],
+    "backdrop-filter=blur(2px)": [
+      "packages/emcn/src/components/modal/modal.tsx"
+    ],
+    "border-radius=12px": [
+      "packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/modal/modal.tsx"
+    ],
+    "border-radius=20px": [
+      "packages/emcn/src/components/slider/slider.tsx"
+    ],
+    "border-radius=2px": [
+      "apps/sim/app/_styles/globals.css",
+      "packages/emcn/src/components/badge/badge.tsx"
+    ],
+    "border-radius=40px": [
+      "packages/emcn/src/components/badge/badge.tsx"
+    ],
+    "border-radius=4px": [
+      "apps/sim/app/_styles/globals.css",
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/code/copy-code-button.tsx",
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "border-radius=5px": [
+      "packages/emcn/src/components/button/button.tsx"
+    ],
+    "border-radius=6px": [
+      "apps/sim/app/_styles/globals.css",
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/skeleton/skeleton.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx"
+    ],
+    "border-radius=8px": [
+      "apps/sim/app/_styles/globals.css",
+      "packages/emcn/src/components/calendar/calendar.tsx",
+      "packages/emcn/src/components/chip-combobox/chip-combobox.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/info-card/info-card.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx"
+    ],
+    "border-radius=calc(infinity * 1px)": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/chip/chip.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "border-radius=calc(var(--radius-lg) - 2px)": [
+      "packages/emcn/src/components/chip/segmented-control.ts"
+    ],
+    "border-radius=var(--radius-lg)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "border-radius=var(--radius-md)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "border-radius=var(--radius-sm)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "border-radius=var(--radius-xs)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "border-radius=var(--radius)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "border-style=dashed": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "policy:structural-keyword"
+    ],
+    "border-style=dotted": [
+      "policy:structural-keyword"
+    ],
+    "border-style=double": [
+      "policy:structural-keyword"
+    ],
+    "border-style=hidden": [
+      "policy:structural-keyword"
+    ],
+    "border-style=none": [
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "policy:structural-keyword"
+    ],
+    "border-style=solid": [
+      "policy:structural-keyword"
+    ],
+    "border-style=var(--tw-border-style)": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/chip/chip.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/info-card/info-card.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/table/table.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "packages/emcn/src/components/toast/toast.tsx"
+    ],
+    "border-width=0": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/table/table.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/wizard/wizard.tsx"
+    ],
+    "border-width=1px": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/chip/chip.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/info-card/info-card.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/table/table.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "packages/emcn/src/components/toast/toast.tsx"
+    ],
+    "border-width=2px": [
+      "packages/emcn/src/components/avatar/avatar.tsx"
+    ],
+    "box-shadow=0 0 #0000": [
+      "packages/emcn/src/components/tag-input/tag-input.tsx"
+    ],
+    "box-shadow=0 0 0 1px var(--tw-shadow-color,rgba(28,40,64,0.08)),0 1px 3px 0 var(--tw-shadow-color,rgba(28,40,64,0.1))": [
+      "packages/emcn/src/components/chip/chip.tsx"
+    ],
+    "box-shadow=0 0 0 1px var(--tw-shadow-color,var(--border-1)),0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,0.3))": [
+      "packages/emcn/src/components/chip/chip.tsx"
+    ],
+    "box-shadow=0 0 12px 0 rgba(0,0,0,0.08)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "box-shadow=0 0 12px 0 rgba(0,0,0,0.22)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "box-shadow=0 10px 15px -3px var(--tw-shadow-color,rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--tw-shadow-color,rgb(0 0 0 / 0.1))": [
+      "packages/emcn/src/components/popover/popover.tsx"
+    ],
+    "box-shadow=0 10px 30px rgba(0,0,0,0.11)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "box-shadow=0 10px 30px rgba(0,0,0,0.3)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "box-shadow=0 1px 2px 0 var(--tw-shadow-color,rgb(0 0 0 / 0.05))": [
+      "packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/switch/switch.tsx"
+    ],
+    "box-shadow=0 1px 3px rgba(0,0,0,0.04)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "box-shadow=0 2px 0 0 rgba(48,48,48,1)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "box-shadow=0 2px 0 0 var(--tw-shadow-color,var(--border-1))": [
+      "packages/emcn/src/components/button/button.tsx"
+    ],
+    "box-shadow=0 2px 4px 0 rgba(0,0,0,0.08)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "box-shadow=0 4px 0 0 rgba(48,48,48,1)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "box-shadow=0 4px 0 0 var(--tw-shadow-color,var(--border-1))": [
+      "packages/emcn/src/components/button/button.tsx"
+    ],
+    "box-shadow=0 4px 12px rgba(0,0,0,0.1)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "box-shadow=inset 0 0 0 1px var(--tw-shadow-color,#C3C3C3)": [
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx"
+    ],
+    "box-shadow=var(--shadow-ambient)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "box-shadow=var(--shadow-card)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "box-shadow=var(--shadow-kbd-sm)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "box-shadow=var(--shadow-kbd)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "box-shadow=var(--shadow-medium)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "box-shadow=var(--shadow-overlay)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "box-shadow=var(--shadow-subtle)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "box-shadow=var(--tw-ring-inset,) 0 0 0 calc(0 + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)": [
+      "packages/emcn/src/components/switch/switch.tsx"
+    ],
+    "box-shadow=var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)": [
+      "packages/emcn/src/components/input-otp/input-otp.tsx"
+    ],
+    "box-shadow=var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)": [
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/switch/switch.tsx"
+    ],
+    "box-shadow=var(--tw-ring-inset,) 0 0 0 calc(var(--border-width) + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)": [
+      "packages/emcn/src/components/modal/modal.tsx"
+    ],
+    "clip-path=inset(50%)": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/wizard/wizard.tsx"
+    ],
+    "display=block": [
+      "packages/emcn/src/components/overflow-text/overflow-text.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx",
+      "policy:structural-keyword"
+    ],
+    "display=contents": [
+      "policy:structural-keyword"
+    ],
+    "display=flex": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/banner/banner.tsx",
+      "packages/emcn/src/components/calendar/calendar.tsx",
+      "packages/emcn/src/components/checkbox/checkbox.tsx",
+      "packages/emcn/src/components/chip-input/chip-input.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/code/copy-code-button.tsx",
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/info-card/info-card.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "packages/emcn/src/components/toast/toast.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx",
+      "policy:structural-keyword"
+    ],
+    "display=flow-root": [
+      "policy:structural-keyword"
+    ],
+    "display=grid": [
+      "packages/emcn/src/components/calendar/calendar.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "policy:structural-keyword"
+    ],
+    "display=inline": [
+      "policy:structural-keyword"
+    ],
+    "display=inline-block": [
+      "policy:structural-keyword"
+    ],
+    "display=inline-flex": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/chip/chip.tsx",
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/info/info.tsx",
+      "packages/emcn/src/components/label/label.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/toast/toast.tsx",
+      "policy:structural-keyword"
+    ],
+    "display=inline-grid": [
+      "policy:structural-keyword"
+    ],
+    "display=none": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "policy:structural-keyword"
+    ],
+    "display=table": [
+      "policy:structural-keyword"
+    ],
+    "display=table-cell": [
+      "policy:structural-keyword"
+    ],
+    "display=table-row": [
+      "policy:structural-keyword"
+    ],
+    "flex-direction=column": [
+      "packages/emcn/src/components/calendar/calendar.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/info-card/info-card.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/toast/toast.tsx",
+      "policy:structural-keyword"
+    ],
+    "flex-direction=column-reverse": [
+      "policy:structural-keyword"
+    ],
+    "flex-direction=row": [
+      "policy:structural-keyword"
+    ],
+    "flex-direction=row-reverse": [
+      "policy:structural-keyword"
+    ],
+    "flex-grow=1": [
+      "packages/emcn/src/components/slider/slider.tsx"
+    ],
+    "flex-shrink=0": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/banner/banner.tsx",
+      "packages/emcn/src/components/calendar/calendar.tsx",
+      "packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx",
+      "packages/emcn/src/components/chip-input/chip-input.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-switch/chip-switch.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/info-card/info-card.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/toast/toast.tsx"
+    ],
+    "flex-shrink=1": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "flex-wrap=nowrap": [
+      "policy:structural-keyword"
+    ],
+    "flex-wrap=wrap": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "policy:structural-keyword"
+    ],
+    "flex-wrap=wrap-reverse": [
+      "policy:structural-keyword"
+    ],
+    "flex=1": [
+      "packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx",
+      "packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-select/chip-select.tsx",
+      "packages/emcn/src/components/chip/chip.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "packages/emcn/src/components/toast/toast.tsx",
+      "packages/emcn/src/components/wizard/wizard.tsx"
+    ],
+    "flex=none": [
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "font-family=inherit": [
+      "packages/emcn/src/components/code/code.tsx"
+    ],
+    "font-family=ui-sans-serif,-apple-system,system-ui,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "font-family=ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"": [
+      "apps/sim/app/_styles/globals.css",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx"
+    ],
+    "font-family=var(--font-body)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "font-family=var(--font-martian-mono,ui-monospace),SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace": [
+      "apps/sim/app/_styles/globals.css",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx"
+    ],
+    "font-family=var(--font-mono)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "font-family=var(--font-sans)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "font-family=var(--font-season)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "font-size=10px": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "font-size=11px": [
+      "apps/sim/app/_styles/globals.css",
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/code/copy-code-button.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/popover/popover.tsx"
+    ],
+    "font-size=12px": [
+      "apps/sim/app/_styles/globals.css",
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/banner/banner.tsx",
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/calendar/calendar.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx"
+    ],
+    "font-size=13px": [
+      "apps/sim/app/_styles/globals.css",
+      "packages/emcn/src/components/banner/banner.tsx",
+      "packages/emcn/src/components/chip-select/chip-select.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/label/label.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/table/table.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "packages/emcn/src/components/toast/toast.tsx"
+    ],
+    "font-size=14px": [
+      "packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/info-card/info-card.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/table/table.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "packages/emcn/src/components/toast/toast.tsx"
+    ],
+    "font-size=15px": [
+      "apps/sim/app/_styles/globals.css",
+      "packages/emcn/src/components/modal/modal.tsx"
+    ],
+    "font-size=16px": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "font-size=18px": [
+      "packages/emcn/src/components/input-otp/input-otp.tsx"
+    ],
+    "font-size=var(--text-base)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "font-size=var(--text-caption)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "font-size=var(--text-md)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "font-size=var(--text-micro)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "font-size=var(--text-small)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "font-size=var(--text-xs)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "font-variant-numeric=var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)": [
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx"
+    ],
+    "font-weight=400": [
+      "policy:documented-weight"
+    ],
+    "font-weight=500": [
+      "policy:documented-weight"
+    ],
+    "font-weight=600": [
+      "policy:documented-weight"
+    ],
+    "gap=0": [
+      "packages/emcn/src/components/chip/segmented-control.ts"
+    ],
+    "gap=10px": [
+      "packages/emcn/src/components/progress-item/progress-item.tsx"
+    ],
+    "gap=12px": [
+      "packages/emcn/src/components/banner/banner.tsx"
+    ],
+    "gap=16px": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/modal/modal.tsx"
+    ],
+    "gap=2px": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "gap=3px": [
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx"
+    ],
+    "gap=4px": [
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/code/copy-code-button.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "gap=6px": [
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx"
+    ],
+    "gap=8px": [
+      "packages/emcn/src/components/calendar/calendar.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/info-card/info-card.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/toast/toast.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "gap=9px": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx"
+    ],
+    "grid-template-columns=repeat(7,minmax(0,1fr))": [
+      "packages/emcn/src/components/calendar/calendar.tsx"
+    ],
+    "height=1.25px": [
+      "packages/emcn/src/components/field-divider/field-divider.tsx"
+    ],
+    "height=100%": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/chip-input/chip-input.tsx",
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx"
+    ],
+    "height=10px": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/checkbox/checkbox.tsx"
+    ],
+    "height=12px": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/info-card/info-card.tsx"
+    ],
+    "height=14px": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/checkbox/checkbox.tsx",
+      "packages/emcn/src/components/chip-input/chip-input.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-select/chip-select.tsx",
+      "packages/emcn/src/components/chip-switch/chip-switch.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/code/copy-code-button.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/info/info.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx"
+    ],
+    "height=16px": [
+      "packages/emcn/src/components/checkbox/checkbox.tsx",
+      "packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "height=18px": [
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx"
+    ],
+    "height=1px": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/wizard/wizard.tsx"
+    ],
+    "height=20px": [
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/checkbox/checkbox.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/toast/toast.tsx"
+    ],
+    "height=21px": [
+      "packages/emcn/src/components/code/code.tsx"
+    ],
+    "height=22px": [
+      "packages/emcn/src/components/chip/segmented-control.ts"
+    ],
+    "height=24px": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "height=28px": [
+      "packages/emcn/src/components/banner/banner.tsx",
+      "packages/emcn/src/components/calendar/calendar.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx"
+    ],
+    "height=30px": [
+      "packages/emcn/src/components/calendar/calendar-day-cell.tsx",
+      "packages/emcn/src/components/chip-combobox/chip-combobox.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx"
+    ],
+    "height=32px": [
+      "packages/emcn/src/components/avatar/avatar.tsx"
+    ],
+    "height=34px": [
+      "packages/emcn/src/components/calendar/calendar.tsx"
+    ],
+    "height=40px": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/table/table.tsx"
+    ],
+    "height=48px": [
+      "packages/emcn/src/components/input-otp/input-otp.tsx"
+    ],
+    "height=6px": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "height=8px": [
+      "packages/emcn/src/components/avatar/avatar.tsx"
+    ],
+    "height=var(--border-width)": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx"
+    ],
+    "height=var(--tab-strip-band,30px)": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "height=var(--tab-strip-height,34px)": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "isolation=auto": [
+      "policy:structural-keyword"
+    ],
+    "isolation=isolate": [
+      "policy:structural-keyword"
+    ],
+    "justify-content=center": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/calendar/calendar-day-cell.tsx",
+      "packages/emcn/src/components/calendar/calendar.tsx",
+      "packages/emcn/src/components/checkbox/checkbox.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/info/info.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/toast/toast.tsx",
+      "policy:structural-keyword"
+    ],
+    "justify-content=end": [
+      "policy:structural-keyword"
+    ],
+    "justify-content=flex-end": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "policy:structural-keyword"
+    ],
+    "justify-content=flex-start": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "policy:structural-keyword"
+    ],
+    "justify-content=normal": [
+      "policy:structural-keyword"
+    ],
+    "justify-content=space-around": [
+      "policy:structural-keyword"
+    ],
+    "justify-content=space-between": [
+      "packages/emcn/src/components/banner/banner.tsx",
+      "packages/emcn/src/components/calendar/calendar.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-select/chip-select.tsx",
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "policy:structural-keyword"
+    ],
+    "justify-content=space-evenly": [
+      "policy:structural-keyword"
+    ],
+    "justify-content=start": [
+      "policy:structural-keyword"
+    ],
+    "letter-spacing=inherit": [
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx"
+    ],
+    "letter-spacing=var(--tracking-widest)": [
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx"
+    ],
+    "line-height=1": [
+      "packages/emcn/src/components/label/label.tsx",
+      "packages/emcn/src/components/modal/modal.tsx"
+    ],
+    "line-height=1.5": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "line-height=18px": [
+      "packages/emcn/src/components/toast/toast.tsx"
+    ],
+    "line-height=20px": [
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/toast/toast.tsx"
+    ],
+    "line-height=21px": [
+      "packages/emcn/src/components/code/code.tsx"
+    ],
+    "line-height=var(--text-xs--line-height)": [
+      "apps/sim/app/_styles/globals.css"
+    ],
+    "line-height=var(--tw-leading,1.5)": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/code/copy-code-button.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/popover/popover.tsx"
+    ],
+    "line-height=var(--tw-leading,calc(1.25 / 0.875))": [
+      "packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/info-card/info-card.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/table/table.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "packages/emcn/src/components/toast/toast.tsx"
+    ],
+    "line-height=var(--tw-leading,calc(1.5 / 1))": [
+      "packages/emcn/src/components/modal/modal.tsx"
+    ],
+    "line-height=var(--tw-leading,calc(1.75 / 1.125))": [
+      "packages/emcn/src/components/input-otp/input-otp.tsx"
+    ],
+    "margin=-1.5px": [
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "margin=-1px": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/wizard/wizard.tsx"
+    ],
+    "margin=-4px": [
+      "packages/emcn/src/components/chip-input/chip-input.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx"
+    ],
+    "margin=-6px": [
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "margin=0": [
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/toast/toast.tsx"
+    ],
+    "margin=12px": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx"
+    ],
+    "margin=16px": [
+      "packages/emcn/src/components/table/table.tsx"
+    ],
+    "margin=1px": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "margin=2px": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx"
+    ],
+    "margin=4px": [
+      "packages/emcn/src/components/calendar/calendar.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx"
+    ],
+    "margin=6px": [
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/toast/toast.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "margin=8px": [
+      "packages/emcn/src/components/chip-select/chip-select.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx"
+    ],
+    "margin=auto": [
+      "packages/emcn/src/components/banner/banner.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "margin=calc(2px * calc(1 - var(--tw-space-y-reverse)))": [
+      "packages/emcn/src/components/combobox/combobox.tsx"
+    ],
+    "margin=calc(2px * var(--tw-space-y-reverse))": [
+      "packages/emcn/src/components/combobox/combobox.tsx"
+    ],
+    "margin=calc(var(--border-width) * -1)": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "margin=var(--border-width)": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "mask-image=linear-gradient(to bottom,transparent var(--scroll-fade-top-start),black var(--scroll-fade-top-end),black var(--scroll-fade-bottom-start),transparent var(--scroll-fade-bottom-end))": [
+      "packages/emcn/src/components/scroll-fade/scroll-fade.module.css"
+    ],
+    "mask-image=linear-gradient(to right,black calc(100% - 16px),transparent)": [
+      "packages/emcn/src/components/overflow-text/overflow-text.tsx"
+    ],
+    "mask-image=linear-gradient(to right,transparent var(--scroll-fade-left-start),black var(--scroll-fade-left-end),black var(--scroll-fade-right-start),transparent var(--scroll-fade-right-end))": [
+      "packages/emcn/src/components/scroll-fade/scroll-fade.module.css"
+    ],
+    "max-height=128px": [
+      "packages/emcn/src/components/tag-input/tag-input.tsx"
+    ],
+    "max-height=192px": [
+      "packages/emcn/src/components/tag-input/tag-input.tsx"
+    ],
+    "max-height=84vh": [
+      "packages/emcn/src/components/modal/modal.tsx"
+    ],
+    "max-height=min(420px,var(--radix-popper-available-height,420px))": [
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx"
+    ],
+    "max-width=100%": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/tag-input/tag-input.tsx"
+    ],
+    "max-width=1400px": [
+      "packages/emcn/src/components/banner/banner.tsx"
+    ],
+    "max-width=220px": [
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx"
+    ],
+    "max-width=240px": [
+      "packages/emcn/src/components/chip-select/chip-select.tsx"
+    ],
+    "max-width=280px": [
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx"
+    ],
+    "max-width=320px": [
+      "packages/emcn/src/components/info/info.tsx"
+    ],
+    "max-width=34px": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "max-width=none": [
+      "packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx"
+    ],
+    "min-height=0": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/wizard/wizard.tsx"
+    ],
+    "min-height=100px": [
+      "packages/emcn/src/components/code/code.tsx"
+    ],
+    "min-height=112px": [
+      "packages/emcn/src/components/tag-input/tag-input.tsx"
+    ],
+    "min-width=0": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/overflow-text/overflow-text.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/toast/toast.tsx"
+    ],
+    "min-width=120px": [
+      "packages/emcn/src/components/popover/popover.tsx"
+    ],
+    "min-width=128px": [
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx"
+    ],
+    "min-width=160px": [
+      "packages/emcn/src/components/chip-select/chip-select.tsx"
+    ],
+    "min-width=34px": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "opacity=0": [
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "opacity=0.3": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "opacity=0.5": [
+      "packages/emcn/src/components/chip-input/chip-input.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip-textarea/chip-textarea.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/label/label.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx"
+    ],
+    "opacity=0.6": [
+      "packages/emcn/src/components/chip/chip.tsx"
+    ],
+    "opacity=0.7": [
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "opacity=0.8": [
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx"
+    ],
+    "opacity=1": [
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "outline-offset=-1px": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts"
+    ],
+    "outline-offset=2px": [
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/info/info.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx"
+    ],
+    "outline-style=auto": [
+      "policy:structural-keyword"
+    ],
+    "outline-style=dashed": [
+      "policy:structural-keyword"
+    ],
+    "outline-style=dotted": [
+      "policy:structural-keyword"
+    ],
+    "outline-style=double": [
+      "policy:structural-keyword"
+    ],
+    "outline-style=none": [
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/info/info.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "policy:structural-keyword"
+    ],
+    "outline-style=solid": [
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/info/info.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "policy:structural-keyword"
+    ],
+    "outline-style=var(--tw-outline-style)": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts"
+    ],
+    "outline-width=1px": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts"
+    ],
+    "outline-width=2px": [
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/info/info.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx"
+    ],
+    "overflow-wrap=break-word": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "overflow-x=auto": [
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "policy:structural-keyword"
+    ],
+    "overflow-x=clip": [
+      "policy:structural-keyword"
+    ],
+    "overflow-x=hidden": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "policy:structural-keyword"
+    ],
+    "overflow-x=scroll": [
+      "policy:structural-keyword"
+    ],
+    "overflow-x=visible": [
+      "policy:structural-keyword"
+    ],
+    "overflow-y=auto": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/info-card/info-card.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "policy:structural-keyword"
+    ],
+    "overflow-y=clip": [
+      "policy:structural-keyword"
+    ],
+    "overflow-y=hidden": [
+      "policy:structural-keyword"
+    ],
+    "overflow-y=scroll": [
+      "policy:structural-keyword"
+    ],
+    "overflow-y=visible": [
+      "policy:structural-keyword"
+    ],
+    "overflow=auto": [
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/table/table.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "policy:structural-keyword"
+    ],
+    "overflow=clip": [
+      "policy:structural-keyword"
+    ],
+    "overflow=hidden": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/expandable/expandable.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/overflow-text/overflow-text.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "packages/emcn/src/components/toast/toast.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx",
+      "packages/emcn/src/components/wizard/wizard.tsx",
+      "policy:structural-keyword"
+    ],
+    "overflow=scroll": [
+      "policy:structural-keyword"
+    ],
+    "overflow=visible": [
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "policy:structural-keyword"
+    ],
+    "padding=0": [
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/calendar/calendar-day-cell.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/table/table.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/toast/toast.tsx",
+      "packages/emcn/src/components/wizard/wizard.tsx"
+    ],
+    "padding=10px": [
+      "packages/emcn/src/components/banner/banner.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/modal/modal.tsx"
+    ],
+    "padding=12px": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/table/table.tsx"
+    ],
+    "padding=13px": [
+      "packages/emcn/src/components/field-divider/field-divider.tsx"
+    ],
+    "padding=14px": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx"
+    ],
+    "padding=16px": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-select/chip-select.tsx",
+      "packages/emcn/src/components/field-divider/field-divider.tsx",
+      "packages/emcn/src/components/modal/modal.tsx"
+    ],
+    "padding=18px": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx"
+    ],
+    "padding=1px": [
+      "packages/emcn/src/components/badge/badge.tsx"
+    ],
+    "padding=2.25px": [
+      "packages/emcn/src/components/badge/badge.tsx"
+    ],
+    "padding=24px": [
+      "packages/emcn/src/components/banner/banner.tsx"
+    ],
+    "padding=28px": [
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx"
+    ],
+    "padding=2px": [
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/code/copy-code-button.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/field-divider/field-divider.tsx"
+    ],
+    "padding=32px": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "padding=3px": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx"
+    ],
+    "padding=40px": [
+      "packages/emcn/src/components/combobox/combobox.tsx"
+    ],
+    "padding=4px": [
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/calendar/calendar.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "padding=5px": [
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx"
+    ],
+    "padding=6px": [
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/chip-textarea/chip-textarea.tsx",
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/code/copy-code-button.tsx",
+      "packages/emcn/src/components/collapsible-card/collapsible-card.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "padding=7px": [
+      "packages/emcn/src/components/badge/badge.tsx"
+    ],
+    "padding=8.5px": [
+      "packages/emcn/src/components/code/code.tsx"
+    ],
+    "padding=8px": [
+      "packages/emcn/src/components/banner/banner.tsx",
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/calendar/calendar.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-select/chip-select.tsx",
+      "packages/emcn/src/components/chip-textarea/chip-textarea.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/info-card/info-card.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/table/table.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "packages/emcn/src/components/toast/toast.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "padding=9px": [
+      "packages/emcn/src/components/badge/badge.tsx"
+    ],
+    "padding=var(--tab-strip-inline-end,8px)": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "padding=var(--tab-strip-inline-start,8px)": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "position=absolute": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/calendar/calendar.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/toast/toast.tsx",
+      "packages/emcn/src/components/wizard/wizard.tsx",
+      "policy:structural-keyword"
+    ],
+    "position=fixed": [
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/toast/toast.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx",
+      "policy:structural-keyword"
+    ],
+    "position=relative": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/calendar/calendar.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/table/table.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx",
+      "policy:structural-keyword"
+    ],
+    "position=static": [
+      "policy:structural-keyword"
+    ],
+    "position=sticky": [
+      "policy:structural-keyword"
+    ],
+    "text-align=center": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-select/chip-select.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "policy:structural-keyword"
+    ],
+    "text-align=end": [
+      "policy:structural-keyword"
+    ],
+    "text-align=justify": [
+      "policy:structural-keyword"
+    ],
+    "text-align=left": [
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/table/table.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx",
+      "policy:structural-keyword"
+    ],
+    "text-align=right": [
+      "packages/emcn/src/components/code/code.tsx",
+      "policy:structural-keyword"
+    ],
+    "text-align=start": [
+      "policy:structural-keyword"
+    ],
+    "text-indent=4px": [
+      "packages/emcn/src/components/chip-input/chip-input.tsx"
+    ],
+    "text-overflow=clip": [
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/overflow-text/overflow-text.tsx",
+      "policy:structural-keyword"
+    ],
+    "text-overflow=ellipsis": [
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "policy:structural-keyword"
+    ],
+    "text-transform=capitalize": [
+      "policy:structural-keyword"
+    ],
+    "text-transform=lowercase": [
+      "policy:structural-keyword"
+    ],
+    "text-transform=none": [
+      "policy:structural-keyword"
+    ],
+    "text-transform=uppercase": [
+      "policy:structural-keyword"
+    ],
+    "transform-origin=--radix-dropdown-menu-content-transform-origin": [
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx"
+    ],
+    "transform-origin=--radix-popover-content-transform-origin": [
+      "packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx"
+    ],
+    "transform-origin=bottom": [
+      "packages/emcn/src/components/toast/toast.tsx"
+    ],
+    "transition-duration=0": [
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx"
+    ],
+    "transition-duration=1000ms": [
+      "packages/emcn/src/components/input-otp/input-otp.tsx"
+    ],
+    "transition-duration=150ms": [
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "transition-duration=200ms": [
+      "packages/emcn/src/components/modal/modal.tsx"
+    ],
+    "transition-duration=var(--tw-duration,150ms)": [
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/chip/chip.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/table/table.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "transition-property=color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to": [
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/chip/chip.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/table/table.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx"
+    ],
+    "transition-property=left,width,opacity": [
+      "packages/emcn/src/components/modal/modal.tsx"
+    ],
+    "transition-property=none": [
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "transition-property=opacity": [
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx"
+    ],
+    "transition-property=opacity,transform": [
+      "packages/emcn/src/components/chip/chip-chrome.ts"
+    ],
+    "transition-property=opacity,translate": [
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "transition-property=transform,box-shadow,color": [
+      "packages/emcn/src/components/button/button.tsx"
+    ],
+    "transition-property=transform,translate,scale,rotate": [
+      "packages/emcn/src/components/switch/switch.tsx"
+    ],
+    "transition-timing-function=var(--ease-out)": [
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "transition-timing-function=var(--tw-ease,var(--default-transition-timing-function))": [
+      "packages/emcn/src/components/badge/badge.tsx",
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/chip/chip.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/switch/switch.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/table/table.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "visibility=collapse": [
+      "policy:structural-keyword"
+    ],
+    "visibility=hidden": [
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "policy:structural-keyword"
+    ],
+    "visibility=visible": [
+      "policy:structural-keyword"
+    ],
+    "white-space=break-spaces": [
+      "policy:structural-keyword"
+    ],
+    "white-space=normal": [
+      "packages/emcn/src/components/tooltip/tooltip.tsx",
+      "policy:structural-keyword"
+    ],
+    "white-space=nowrap": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/chip/segmented-control.ts",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/overflow-text/overflow-text.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/progress-item/progress-item.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx",
+      "packages/emcn/src/components/wizard/wizard.tsx",
+      "policy:structural-keyword"
+    ],
+    "white-space=pre": [
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "policy:structural-keyword"
+    ],
+    "white-space=pre-line": [
+      "policy:structural-keyword"
+    ],
+    "white-space=pre-wrap": [
+      "packages/emcn/src/components/code/code.tsx",
+      "policy:structural-keyword"
+    ],
+    "width=100%": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/calendar/calendar-day-cell.tsx",
+      "packages/emcn/src/components/chip-input/chip-input.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-textarea/chip-textarea.tsx",
+      "packages/emcn/src/components/chip-time-picker/chip-time-picker.tsx",
+      "packages/emcn/src/components/chip/chip.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/expandable/expandable.tsx",
+      "packages/emcn/src/components/input/input.tsx",
+      "packages/emcn/src/components/popover/popover.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/table/table.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/textarea/textarea.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx"
+    ],
+    "width=10px": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/checkbox/checkbox.tsx"
+    ],
+    "width=12px": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/code/code.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/info-card/info-card.tsx"
+    ],
+    "width=14px": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/checkbox/checkbox.tsx",
+      "packages/emcn/src/components/chip-input/chip-input.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/chip-select/chip-select.tsx",
+      "packages/emcn/src/components/chip-switch/chip-switch.tsx",
+      "packages/emcn/src/components/chip-tag/chip-tag.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/code/copy-code-button.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/info/info.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/slider/slider.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx"
+    ],
+    "width=16px": [
+      "packages/emcn/src/components/checkbox/checkbox.tsx",
+      "packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx",
+      "packages/emcn/src/components/chip/chip-chrome.ts",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/switch/switch.tsx"
+    ],
+    "width=18px": [
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx"
+    ],
+    "width=1px": [
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/modal/modal.tsx",
+      "packages/emcn/src/components/secret-reveal/secret-reveal.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx",
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/wizard/wizard.tsx"
+    ],
+    "width=20px": [
+      "packages/emcn/src/components/button/button.tsx",
+      "packages/emcn/src/components/checkbox/checkbox.tsx"
+    ],
+    "width=24px": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/chip-modal/chip-modal.tsx",
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "width=256px": [
+      "packages/emcn/src/components/calendar/calendar.tsx"
+    ],
+    "width=2px": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "width=30px": [
+      "packages/emcn/src/components/calendar/calendar-day-cell.tsx"
+    ],
+    "width=32px": [
+      "packages/emcn/src/components/avatar/avatar.tsx"
+    ],
+    "width=34px": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "width=36px": [
+      "packages/emcn/src/components/switch/switch.tsx"
+    ],
+    "width=40px": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx"
+    ],
+    "width=48px": [
+      "packages/emcn/src/components/input-otp/input-otp.tsx"
+    ],
+    "width=6px": [
+      "packages/emcn/src/components/avatar/avatar.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "width=88px": [
+      "packages/emcn/src/components/chip-time-picker/chip-time-picker.tsx"
+    ],
+    "width=8px": [
+      "packages/emcn/src/components/avatar/avatar.tsx"
+    ],
+    "width=auto": [
+      "packages/emcn/src/components/tag-input/tag-input.tsx",
+      "packages/emcn/src/components/time-picker/time-picker.tsx"
+    ],
+    "width=fit-content": [
+      "packages/emcn/src/components/chip-select/chip-select.tsx",
+      "packages/emcn/src/components/chip/segmented-control.ts"
+    ],
+    "width=min(100vw - 32px,280px)": [
+      "packages/emcn/src/components/toast/toast.tsx"
+    ],
+    "width=var(--border-width)": [
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "width=var(--radix-dropdown-menu-trigger-width)": [
+      "packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx"
+    ],
+    "width=var(--radix-popover-trigger-width)": [
+      "packages/emcn/src/components/combobox/combobox.tsx"
+    ],
+    "width=var(--tab-strip-band,30px)": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "z-index=1": [
+      "packages/emcn/src/components/calendar/calendar.tsx"
+    ],
+    "z-index=10": [
+      "packages/emcn/src/components/combobox/combobox.tsx",
+      "packages/emcn/src/components/input-otp/input-otp.tsx",
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "z-index=150": [
+      "packages/emcn/src/components/toast/toast.tsx"
+    ],
+    "z-index=20": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "z-index=200": [
+      "packages/emcn/src/components/modal/modal.tsx"
+    ],
+    "z-index=30": [
+      "packages/emcn/src/components/tab-strip/tab-strip.tsx"
+    ],
+    "z-index=300": [
+      "packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx",
+      "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx",
+      "packages/emcn/src/components/popover/popover.tsx"
+    ],
+    "z-index=400": [
+      "packages/emcn/src/components/tooltip/tooltip.tsx"
+    ],
+    "z-index=calc(300 + 1)": [
+      "packages/emcn/src/components/popover/popover.tsx"
+    ]
+  },
+  "notes": [
+    "Seed permissions are provisional, not adjudicated design guidance.",
+    "Documented weights 400/500/600 override inference.",
+    "Colours require references or approved named utilities, even when a raw literal matches.",
+    "Length normalization uses the nominal 16px Tailwind rem scale.",
+    "Global CSS tokens and EMCN style definitions supply values; application call sites and dataset cases do not.",
+    "Dynamic expressions are unchecked; no application code, plugins or imported helpers execute."
+  ]
+}
diff --git a/scripts/design-conformance/catalogue.ts b/scripts/design-conformance/catalogue.ts
new file mode 100644
index 00000000000..73a7e68ce5b
--- /dev/null
+++ b/scripts/design-conformance/catalogue.ts
@@ -0,0 +1,222 @@
+import { execFileSync } from 'node:child_process'
+import { writeFileSync } from 'node:fs'
+import { compareStrings } from '@sim/utils/string'
+import postcss from 'postcss'
+import { extract } from '#design-conformance/extract'
+import {
+  CATALOGUE_VERSION,
+  type Catalogue,
+  canonical,
+  category,
+  family,
+  hash,
+  SEED,
+  TOKEN_FILE,
+} from '#design-conformance/model'
+import {
+  compiler,
+  declarations,
+  defaultTheme,
+  normalizeValue,
+  variablesIn,
+} from '#design-conformance/normalize'
+
+/** Explicit structural vocabulary supplements observed geometry; numeric scales come only from the seed. */
+const keywords: Record<string, string[]> = {
+  display: [
+    'none',
+    'block',
+    'inline',
+    'inline-block',
+    'flex',
+    'inline-flex',
+    'grid',
+    'inline-grid',
+    'contents',
+    'table',
+    'table-row',
+    'table-cell',
+    'flow-root',
+  ],
+  position: ['static', 'relative', 'absolute', 'fixed', 'sticky'],
+  'flex-direction': ['row', 'column', 'row-reverse', 'column-reverse'],
+  'flex-wrap': ['nowrap', 'wrap', 'wrap-reverse'],
+  'align-items': [
+    'normal',
+    'stretch',
+    'start',
+    'end',
+    'center',
+    'baseline',
+    'flex-start',
+    'flex-end',
+  ],
+  'justify-content': [
+    'normal',
+    'start',
+    'end',
+    'center',
+    'space-between',
+    'space-around',
+    'space-evenly',
+    'flex-start',
+    'flex-end',
+  ],
+  overflow: ['visible', 'hidden', 'clip', 'scroll', 'auto'],
+  'overflow-x': ['visible', 'hidden', 'clip', 'scroll', 'auto'],
+  'overflow-y': ['visible', 'hidden', 'clip', 'scroll', 'auto'],
+  visibility: ['visible', 'hidden', 'collapse'],
+  'white-space': ['normal', 'nowrap', 'pre', 'pre-wrap', 'pre-line', 'break-spaces'],
+  'text-align': ['left', 'right', 'center', 'justify', 'start', 'end'],
+  'text-overflow': ['clip', 'ellipsis'],
+  'text-transform': ['none', 'uppercase', 'lowercase', 'capitalize'],
+  'border-style': ['none', 'solid', 'dashed', 'dotted', 'double', 'hidden'],
+  'outline-style': ['none', 'solid', 'dashed', 'dotted', 'double', 'auto'],
+  isolation: ['auto', 'isolate'],
+}
+export async function seedCatalogue(repo: string): Promise<Catalogue> {
+  const git = (...args: string[]) =>
+    execFileSync('git', ['--no-pager', ...args], {
+      cwd: repo,
+      maxBuffer: 32 * 1024 * 1024,
+      stdio: ['ignore', 'pipe', 'pipe'],
+      env: { ...process.env, GIT_NO_REPLACE_OBJECTS: '1' },
+    }).toString()
+  const globals = git('show', `${SEED}:${TOKEN_FILE}`)
+  const root = postcss.parse(globals)
+  const chunks = [defaultTheme]
+  root.each((n) => {
+    if (n.type === 'atrule' && ['theme', 'custom-variant', 'utility'].includes(n.name))
+      chunks.push(n.toString() + (n.nodes ? '' : ';'))
+  })
+  const theme = chunks.join('\n')
+  const variables: Catalogue['variables'] = {}
+  const collect = (css: string) =>
+    postcss.parse(css).walkDecls((d) => {
+      if (d.prop.startsWith('--'))
+        variables[d.prop] = [
+          ...new Set([...(variables[d.prop] ?? []), normalizeValue(d.value)]),
+        ].sort()
+    })
+  collect(defaultTheme)
+  root.walkDecls((d) => {
+    if (d.prop.startsWith('--')) delete variables[d.prop]
+  })
+  collect(globals)
+  const declared = new Set<string>()
+  root.walkDecls((d) => {
+    if (d.prop.startsWith('--')) declared.add(d.prop)
+  })
+  const colours = new Set(['--color-white', '--color-black'])
+  for (let pass = 0; pass < 8; pass++)
+    for (const key of declared) {
+      const values = variables[key] ?? []
+      if (
+        key.startsWith('--color-') ||
+        values.some(
+          (v) =>
+            /^(?:#[\da-f]{3,8}|(?:rgb|rgba|hsl|hsla|hwb|lab|lch|oklab|oklch|color)\(.+\)|transparent|currentColor)$/i.test(
+              v
+            ) || variablesIn(v).some((k) => colours.has(k))
+        )
+      )
+        colours.add(key)
+    }
+  const result: Catalogue = {
+    version: CATALOGUE_VERSION,
+    sourceCommit: SEED,
+    provisional: true,
+    sources: [],
+    theme,
+    variables,
+    colourTokens: [...colours].sort(),
+    allowed: {},
+    provenance: {},
+    notes: [
+      'Seed permissions are provisional, not adjudicated design guidance.',
+      'Documented weights 400/500/600 override inference.',
+      'Colours require references or approved named utilities, even when a raw literal matches.',
+      'Length normalization uses the nominal 16px Tailwind rem scale.',
+      'Global CSS tokens and EMCN style definitions supply values; application call sites and dataset cases do not.',
+      'Dynamic expressions are unchecked; no application code, plugins or imported helpers execute.',
+    ],
+  }
+  const allow = (prop: string, value: string, origin: string) => {
+    const k = family(prop)
+    result.allowed[k] = [...new Set([...(result.allowed[k] ?? []), value])].sort()
+    const key = `${k}=${value}`
+    result.provenance[key] = [...new Set([...(result.provenance[key] ?? []), origin])].sort()
+  }
+  for (const [prop, values] of Object.entries(keywords))
+    for (const v of values) allow(prop, v, 'policy:structural-keyword')
+  const system = await compiler(theme)
+  const sourceFiles = git(
+    'ls-tree',
+    '-r',
+    '--name-only',
+    SEED,
+    '--',
+    'packages/emcn/src/components',
+    'packages/emcn/src/lib'
+  )
+    .trim()
+    .split('\n')
+    .filter((f) => /\.(?:tsx?|css)$/.test(f) && !/\.(?:test|spec|d)\./.test(f))
+  for (const file of [TOKEN_FILE, ...sourceFiles].sort()) {
+    const blob = git('rev-parse', `${SEED}:${file}`).trim()
+    result.sources.push({ file, blob })
+    const source = git('cat-file', 'blob', blob)
+    const facts = extract(source, file)
+    for (const atom of facts.atoms) {
+      if (atom.kind === 'token' || file === TOKEN_FILE) continue
+      for (const d of declarations(atom, system, variables) ?? []) {
+        if (d.category !== 'colours') allow(d.property, d.value, file)
+        else for (const name of variablesIn(d.value)) if (declared.has(name)) colours.add(name)
+      }
+    }
+  }
+  result.colourTokens = [...colours].sort()
+  for (const key of declared) {
+    const prop =
+      key.startsWith('--text-') && !colours.has(key)
+        ? key.endsWith('--line-height')
+          ? 'line-height'
+          : 'font-size'
+        : key.startsWith('--radius')
+          ? 'border-radius'
+          : key.startsWith('--shadow')
+            ? 'box-shadow'
+            : key.startsWith('--font-')
+              ? 'font-family'
+              : undefined
+    if (prop && category(prop)) {
+      allow(prop, `var(${key})`, TOKEN_FILE)
+      for (const value of variables[key] ?? [])
+        if (!value.includes(`var(${key})`))
+          allow(prop, normalizeValue(value, variables), TOKEN_FILE)
+    }
+  }
+  result.allowed['font-weight'] = ['400', '500', '600', 'inherit']
+  result.provenance['font-weight=400'] = ['policy:documented-weight']
+  result.provenance['font-weight=500'] = ['policy:documented-weight']
+  result.provenance['font-weight=600'] = ['policy:documented-weight']
+  result.allowed = Object.fromEntries(
+    Object.entries(result.allowed).sort(([a], [b]) => compareStrings(a, b))
+  )
+  result.variables = Object.fromEntries(
+    Object.entries(result.variables).sort(([a], [b]) => compareStrings(a, b))
+  )
+  result.provenance = Object.fromEntries(
+    Object.entries(result.provenance).sort(([a], [b]) => compareStrings(a, b))
+  )
+  return result
+}
+if (import.meta.main) {
+  const repo = process.argv[process.argv.indexOf('--repo') + 1]
+  const output = process.argv[process.argv.indexOf('--output') + 1]
+  if (!process.argv.includes('--repo') || !process.argv.includes('--output'))
+    throw new Error('Usage: catalogue --repo <repository> --output <catalogue.json>')
+  const data = `${JSON.stringify(await seedCatalogue(repo), null, 2)}\n`
+  writeFileSync(output, data)
+  process.stdout.write(`${canonical({ catalogueHash: hash(data), sourceCommit: SEED })}\n`)
+}
diff --git a/scripts/design-conformance/central-recipes.ts b/scripts/design-conformance/central-recipes.ts
new file mode 100644
index 00000000000..0e1b8c78813
--- /dev/null
+++ b/scripts/design-conformance/central-recipes.ts
@@ -0,0 +1,251 @@
+import { parse } from '@babel/parser'
+import * as t from '@babel/types'
+import { compareStrings } from '@sim/utils/string'
+import { type CentralRecipeModule, registry } from '#design-conformance/contracts'
+import { type Atom, canonical } from '#design-conformance/model'
+
+type Value = string | number | boolean | null | Value[]
+type Bindings = Map<string, t.Node | Value>
+
+/** Normalize explicitly registered style recipes without importing or executing their source. */
+export function extractCentralRecipes(
+  file: string,
+  source: string,
+  contracts: Record<string, CentralRecipeModule> = registry.centralRecipes ?? {}
+): {
+  definitions: Atom[]
+  unchecked: string[]
+  exports: Record<string, 'recipe'>
+  unresolvedExports: string[]
+  inputs: Record<string, string>
+} {
+  const out = {
+    definitions: [] as Atom[],
+    unchecked: [] as string[],
+    exports: {} as Record<string, 'recipe'>,
+    unresolvedExports: [] as string[],
+    inputs: {} as Record<string, string>,
+  }
+  const contract = contracts[file]
+  if (!contract) return out
+  if (Buffer.byteLength(source) > registry.limits.sourceBytes) {
+    out.unresolvedExports = Object.keys(contract.exports)
+    out.unchecked.push('Central recipe source exceeds parser limit')
+    return out
+  }
+  try {
+    const ast = parse(source, { sourceType: 'module', plugins: ['typescript', 'jsx'] })
+    const bindings: Bindings = new Map()
+    const exports = new Map<string, string>()
+    const declaration = (node: t.Node) => {
+      if (t.isVariableDeclaration(node))
+        for (const d of node.declarations)
+          if (t.isIdentifier(d.id))
+            bindings.set(d.id.name, node.kind === 'const' && d.init ? d.init : node)
+      if (t.isFunctionDeclaration(node) && node.id) bindings.set(node.id.name, node)
+    }
+    for (const statement of ast.program.body) {
+      if (t.isImportDeclaration(statement) && statement.importKind !== 'type')
+        for (const specifier of statement.specifiers)
+          if (!t.isImportSpecifier(specifier) || specifier.importKind !== 'type')
+            bindings.set(specifier.local.name, statement)
+      if (t.isExportNamedDeclaration(statement)) {
+        if (statement.declaration) {
+          declaration(statement.declaration)
+          const d = statement.declaration
+          if (t.isVariableDeclaration(d))
+            for (const v of d.declarations) {
+              if (t.isIdentifier(v.id)) exports.set(v.id.name, v.id.name)
+            }
+          if (t.isFunctionDeclaration(d) && d.id) exports.set(d.id.name, d.id.name)
+        }
+        if (!statement.source)
+          for (const s of statement.specifiers) {
+            if (t.isExportSpecifier(s))
+              exports.set(
+                t.isIdentifier(s.exported) ? s.exported.name : s.exported.value,
+                s.local.name
+              )
+          }
+      } else declaration(statement)
+    }
+    for (const [name, authority] of Object.entries(contract.exports)) {
+      const local = exports.get(name)
+      if (!local) continue
+      let steps = 0
+      const active = new Set<t.Node>()
+      let aliasDepth = 0
+      const fail = (): never => {
+        throw new Error('unsupported or cyclic recipe syntax')
+      }
+      const normalize = (node: t.Node | Value, scope: Bindings, depth = 0): Value => {
+        if (++steps > 4096 || depth > registry.limits.resolutionDepth * 4) return fail()
+        if (node === null || typeof node !== 'object' || Array.isArray(node)) return node
+        if (active.has(node)) return fail()
+        active.add(node)
+        try {
+          const n = (child: t.Node) => normalize(child, scope, depth + 1)
+          if (
+            t.isTSAsExpression(node) ||
+            t.isTSSatisfiesExpression(node) ||
+            t.isTSNonNullExpression(node) ||
+            t.isTypeCastExpression(node)
+          )
+            return n(node.expression)
+          if (t.isStringLiteral(node) || t.isNumericLiteral(node) || t.isBooleanLiteral(node))
+            return ['literal', node.value]
+          if (t.isNullLiteral(node)) return ['literal', null]
+          if (t.isIdentifier(node)) {
+            if (scope.has(node.name)) {
+              if (++aliasDepth > registry.limits.resolutionDepth) return fail()
+              try {
+                return normalize(scope.get(node.name)!, scope, depth + 1)
+              } finally {
+                aliasDepth--
+              }
+            }
+            if (node.name === 'undefined') return ['undefined']
+            return fail()
+          }
+          if (t.isBinaryExpression(node) || t.isLogicalExpression(node))
+            return [node.operator, n(node.left), n(node.right)]
+          if (t.isUnaryExpression(node) && ['!', '-', '+', '~', 'typeof'].includes(node.operator))
+            return [node.operator, n(node.argument)]
+          if (t.isConditionalExpression(node))
+            return ['if', n(node.test), n(node.consequent), n(node.alternate)]
+          if (t.isMemberExpression(node) || t.isOptionalMemberExpression(node))
+            return [
+              node.optional ? 'optional-member' : 'member',
+              n(node.object),
+              node.computed
+                ? n(node.property)
+                : t.isIdentifier(node.property)
+                  ? node.property.name
+                  : fail(),
+            ]
+          if (t.isObjectExpression(node))
+            return [
+              'object',
+              ...node.properties
+                .map((p) => {
+                  if (!t.isObjectProperty(p) || p.computed || !t.isExpression(p.value))
+                    return fail()
+                  return [
+                    t.isIdentifier(p.key)
+                      ? p.key.name
+                      : t.isStringLiteral(p.key) || t.isNumericLiteral(p.key)
+                        ? String(p.key.value)
+                        : fail(),
+                    n(p.value),
+                  ]
+                })
+                .sort((a, b) => compareStrings(String(a[0]), String(b[0]))),
+            ]
+          if (t.isArrayExpression(node))
+            return ['array', ...node.elements.map((e) => (e && t.isExpression(e) ? n(e) : fail()))]
+          if (t.isCallExpression(node)) {
+            if (
+              t.isMemberExpression(node.callee) &&
+              !node.callee.computed &&
+              t.isIdentifier(node.callee.object, { name: 'Math' }) &&
+              !scope.has('Math') &&
+              t.isIdentifier(node.callee.property) &&
+              ['min', 'max', 'round', 'floor', 'ceil', 'abs'].includes(node.callee.property.name)
+            )
+              return [
+                `Math.${node.callee.property.name}`,
+                ...node.arguments.map((a) => (t.isExpression(a) ? n(a) : fail())),
+              ]
+            return fail()
+          }
+          if (
+            t.isFunctionDeclaration(node) ||
+            t.isFunctionExpression(node) ||
+            t.isArrowFunctionExpression(node)
+          ) {
+            if (node.async || node.generator) return fail()
+            const inner = new Map(scope)
+            const defaults: Value[] = []
+            node.params.forEach((p, i) => {
+              const id = t.isAssignmentPattern(p) ? p.left : p
+              if (!t.isIdentifier(id)) return fail()
+              inner.set(id.name, ['parameter', i])
+              defaults.push(
+                t.isAssignmentPattern(p) ? normalize(p.right, inner, depth + 1) : ['no-default']
+              )
+            })
+            const body = t.isBlockStatement(node.body)
+              ? statements(node.body.body, inner, depth + 1)
+              : normalize(node.body, inner, depth + 1)
+            return ['function', defaults, body]
+          }
+          return fail()
+        } finally {
+          active.delete(node)
+        }
+      }
+      const statements = (
+        body: t.Statement[],
+        scope: Bindings,
+        depth: number,
+        continuation: () => Value = () => ['undefined']
+      ): Value => {
+        if (++steps > 4096 || depth > registry.limits.resolutionDepth * 4) return fail()
+        if (!body.length) return continuation()
+        const [first, ...rest] = body
+        if (t.isEmptyStatement(first)) return statements(rest, scope, depth + 1, continuation)
+        if (t.isReturnStatement(first))
+          return first.argument ? normalize(first.argument, scope, depth + 1) : ['undefined']
+        if (t.isVariableDeclaration(first) && first.kind === 'const') {
+          const next = new Map(scope)
+          for (const d of first.declarations) {
+            if (!t.isIdentifier(d.id) || !d.init) return fail()
+            next.set(d.id.name, normalize(d.init, next, depth + 1))
+          }
+          return statements(rest, next, depth + 1, continuation)
+        }
+        if (t.isIfStatement(first)) {
+          const branch = (s: t.Statement | null | undefined) =>
+            s
+              ? statements(t.isBlockStatement(s) ? s.body : [s], new Map(scope), depth + 1, () =>
+                  statements(rest, scope, depth + 1, continuation)
+                )
+              : statements(rest, scope, depth + 1, continuation)
+          return [
+            'if',
+            normalize(first.test, scope, depth + 1),
+            branch(first.consequent),
+            branch(first.alternate),
+          ]
+        }
+        return fail()
+      }
+      try {
+        const node = bindings.get(local)
+        if (!node || typeof node !== 'object' || Array.isArray(node))
+          throw new Error('missing declaration')
+        out.inputs[name] = source.slice(node.start ?? 0, node.end ?? 0)
+        const value = canonical(normalize(node, bindings))
+        out.definitions.push({
+          kind: 'style',
+          property: authority.property,
+          value,
+          context: `central-recipe:${name}`,
+          reference: authority.source,
+          line: node.loc?.start.line ?? 1,
+          column: node.loc?.start.column ?? 0,
+        })
+        out.exports[name] = 'recipe'
+      } catch {
+        out.unresolvedExports.push(name)
+        out.unchecked.push(
+          `Unresolved registered central recipe ${name}: unsupported, cyclic, or over-limit syntax`
+        )
+      }
+    }
+  } catch {
+    out.unresolvedExports = Object.keys(contract.exports)
+    out.unchecked.push('Unable to parse registered central recipe module')
+  }
+  return out
+}
diff --git a/scripts/design-conformance/ci.ts b/scripts/design-conformance/ci.ts
new file mode 100644
index 00000000000..af0713a143a
--- /dev/null
+++ b/scripts/design-conformance/ci.ts
@@ -0,0 +1,109 @@
+import { spawnSync } from 'node:child_process'
+import { appendFileSync, copyFileSync, mkdtempSync, readFileSync, rmSync } from 'node:fs'
+import os from 'node:os'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { repositoryRoot } from '#design-conformance/command'
+import { git } from '#design-conformance/io'
+
+interface CiEvent {
+  before?: string
+  pull_request?: { base: { sha: string }; head: { sha: string } }
+}
+
+/** Select immutable event revisions, not a moving branch or the synthetic PR merge commit. */
+export function ciRefs(
+  eventName: string,
+  event: CiEvent,
+  sha: string
+): { base: string; head: string } {
+  const commit = (value: string | undefined) => {
+    if (!value || !/^[a-f\d]{40}$/.test(value) || /^0+$/.test(value))
+      throw new Error('Missing or invalid CI commit SHA')
+    return value
+  }
+  if (eventName === 'pull_request')
+    return {
+      base: commit(event.pull_request?.base.sha),
+      head: commit(event.pull_request?.head.sha),
+    }
+  const head = commit(sha)
+  return {
+    base:
+      eventName === 'push' && event.before && !/^0{40}$/.test(event.before)
+        ? commit(event.before)
+        : 'HEAD~1',
+    head,
+  }
+}
+
+export function warningExitCode(
+  status: number | null,
+  signal: string | null,
+  report?: { status: string; flagged: boolean | null; findings: unknown[] }
+): number {
+  if (signal || !report || report.status !== 'completed' || !Array.isArray(report.findings))
+    return 2
+  if (status === 0 && report.flagged === false && report.findings.length === 0) return 0
+  if (status === 1 && report.flagged === true && report.findings.length > 0) return 0
+  return 2
+}
+
+/** Exit 1 is safe to tolerate only when a fresh completed report proves there were findings. */
+export function runWarningCheck(argv: string[]): number {
+  const temp = mkdtempSync(path.join(os.tmpdir(), 'sim-design-check-'))
+  try {
+    const output = path.join(temp, 'report.json')
+    const child = spawnSync(
+      process.execPath,
+      [
+        '--no-env-file',
+        fileURLToPath(new URL('../check-design-conformance.ts', import.meta.url)),
+        ...argv,
+        '--output',
+        output,
+      ],
+      { stdio: 'inherit' }
+    )
+    if (child.error) throw child.error
+    const report = JSON.parse(readFileSync(output, 'utf8'))
+    if (process.env.DESIGN_REPORT_PATH) copyFileSync(output, process.env.DESIGN_REPORT_PATH)
+    return warningExitCode(child.status, child.signal, report)
+  } finally {
+    rmSync(temp, { recursive: true, force: true })
+  }
+}
+
+/** Shared base resolution preserves full history for all three diff-based audits. */
+export function resolveCiRefs(): void {
+  if (!process.env.GITHUB_EVENT_PATH || !process.env.GITHUB_OUTPUT)
+    throw new Error('CI event and output paths are required')
+  const refs = ciRefs(
+    process.env.GITHUB_EVENT_NAME ?? '',
+    JSON.parse(readFileSync(process.env.GITHUB_EVENT_PATH, 'utf8')),
+    process.env.GITHUB_SHA ?? ''
+  )
+  for (const ref of [refs.base, refs.head]) {
+    try {
+      git(repositoryRoot, ['rev-parse', '--verify', '--end-of-options', `${ref}^{commit}`])
+    } catch {
+      if (ref === 'HEAD~1') throw new Error('No previous commit is available for the CI comparison')
+      git(repositoryRoot, ['fetch', '--no-tags', 'origin', ref])
+    }
+  }
+  if (git(repositoryRoot, ['rev-parse', '--is-shallow-repository']).toString().trim() === 'true')
+    throw new Error('Diff-based audits require a full-history checkout')
+  appendFileSync(process.env.GITHUB_OUTPUT, `ref=${refs.base}\nhead=${refs.head}\n`)
+}
+
+if (import.meta.main) {
+  try {
+    if (process.argv[2] === '--resolve-refs') resolveCiRefs()
+    else process.exitCode = runWarningCheck(process.argv.slice(2))
+  } catch (error) {
+    process.stderr.write(
+      `Design CI failed: ${JSON.stringify(error instanceof Error ? error.message : 'Operational failure')}\n`
+    )
+    process.exitCode = 2
+  }
+}
diff --git a/scripts/design-conformance/class-map.ts b/scripts/design-conformance/class-map.ts
new file mode 100644
index 00000000000..b581a5fac51
--- /dev/null
+++ b/scripts/design-conformance/class-map.ts
@@ -0,0 +1,29 @@
+import * as t from '@babel/types'
+
+/** Read literal class-map enablement without evaluating predicates or application code. */
+export function classMapTruth(node: t.Node, depth = 0): boolean | undefined {
+  if (depth >= 12) return undefined
+  if (
+    t.isTSAsExpression(node) ||
+    t.isTSSatisfiesExpression(node) ||
+    t.isTSNonNullExpression(node) ||
+    t.isTypeCastExpression(node)
+  )
+    return classMapTruth(node.expression, depth + 1)
+  if (t.isNullLiteral(node)) return false
+  if (t.isStringLiteral(node) || t.isNumericLiteral(node) || t.isBooleanLiteral(node))
+    return Boolean(node.value)
+  if (t.isBigIntLiteral(node)) return !/^(?:0+|0[xob]0+)$/i.test(node.value.replace(/_/g, ''))
+  if (t.isTemplateLiteral(node) && node.expressions.length === 0)
+    return node.quasis.some((part) => (part.value.cooked ?? part.value.raw).length > 0)
+  if (t.isUnaryExpression(node)) {
+    if (node.operator === 'void') return false
+    if (node.operator === '!') {
+      const truth = classMapTruth(node.argument, depth + 1)
+      return truth === undefined ? undefined : !truth
+    }
+    if (['+', '-'].includes(node.operator) && t.isNumericLiteral(node.argument))
+      return node.argument.value !== 0
+  }
+  return undefined
+}
diff --git a/scripts/design-conformance/cli.ts b/scripts/design-conformance/cli.ts
new file mode 100644
index 00000000000..d6050e803fc
--- /dev/null
+++ b/scripts/design-conformance/cli.ts
@@ -0,0 +1,88 @@
+import { matchReviews, readReviewLedger } from '#control-analysis/review-ledger'
+import { ConformanceLinter } from '#design-conformance/conformance'
+import { addControlComparison, controlSource } from '#design-conformance/control-comparison'
+import {
+  compareGit,
+  gitText,
+  loadCatalogue,
+  options,
+  policyOption,
+  writeJson,
+} from '#design-conformance/io'
+import { Linter } from '#design-conformance/lint'
+import { implementationHash, type Policy, policyVersion, VERSION } from '#design-conformance/model'
+import { gitSnapshot } from '#design-conformance/system-snapshot'
+
+let output: string | undefined
+let policy: Policy = 'conformance'
+try {
+  const args = options({ reviews: { type: 'string' } })
+  output = args.output as string | undefined
+  policy = policyOption(args.policy)
+  if (!args.repo || !args.base || !args.head)
+    throw new Error(
+      'Usage: lint:diff --repo <repository> --base <revision> --head <revision> [--catalogue <file>] [--output <report.json>] [--reviews <external.json>]'
+    )
+  if (policy === 'conformance' && args.catalogue)
+    throw new Error(
+      '--catalogue is a legacy policy input; conformance derives authority from central source snapshots'
+    )
+  const cat =
+    policy === 'conformance' ? undefined : loadCatalogue(args.catalogue as string | undefined)
+  const linter = cat
+    ? await Linter.create(cat.catalogue, cat.hash, policy)
+    : new ConformanceLinter()
+  let report: ReturnType<Linter['report']>
+  try {
+    const { commits, changes } = compareGit(
+      args.repo as string,
+      args.base as string,
+      args.head as string
+    )
+    report =
+      linter instanceof ConformanceLinter
+        ? await addControlComparison(
+            await linter.analyze(
+              changes,
+              (entry) => gitText(args.repo as string, entry),
+              commits,
+              gitSnapshot(args.repo as string, commits.mergeBase)
+            ),
+            changes,
+            () => controlSource(args.repo as string, commits.mergeBase),
+            () => controlSource(args.repo as string, commits.head)
+          )
+        : linter.analyze(changes, (entry) => gitText(args.repo as string, entry), commits)
+  } catch (error) {
+    report = linter.report(null, error instanceof Error ? error.message : 'Operational failure')
+  }
+  if (args.reviews && report.status === 'completed') {
+    try {
+      report.reviewDecisions = matchReviews(
+        readReviewLedger(args.reviews as string, args.repo as string),
+        report.findings,
+        []
+      )
+    } catch (error) {
+      report.status = 'failed'
+      report.flagged = null
+      report.error = error instanceof Error ? error.message : 'Review ledger inspection failed'
+    }
+  }
+  if (output) writeJson(output, report)
+  else process.stdout.write(`${JSON.stringify(report, null, 2)}\n`)
+  process.exitCode = report.status === 'failed' ? 2 : report.flagged ? 1 : 0
+} catch (error) {
+  const report = {
+    schemaVersion: VERSION,
+    toolVersion: VERSION,
+    policyVersion: policyVersion(policy),
+    implementationHash: implementationHash(),
+    commits: null,
+    status: 'failed',
+    flagged: null,
+    error: error instanceof Error ? error.message : 'Operational failure',
+  }
+  process.stderr.write(`${JSON.stringify(report)}\n`)
+  process.exitCode = 2
+}
diff --git a/scripts/design-conformance/command.ts b/scripts/design-conformance/command.ts
new file mode 100644
index 00000000000..6846bf0de6e
--- /dev/null
+++ b/scripts/design-conformance/command.ts
@@ -0,0 +1,200 @@
+import { appendFileSync } from 'node:fs'
+import { fileURLToPath } from 'node:url'
+import { matchReviews, readReviewLedger } from '#control-analysis/review-ledger'
+import { ConformanceLinter } from '#design-conformance/conformance'
+import { addControlComparison, controlSource } from '#design-conformance/control-comparison'
+import {
+  GENERATED_FILE,
+  generateContracts,
+  infrastructureStatus,
+} from '#design-conformance/generated-contracts'
+import {
+  compareGit,
+  gitText,
+  loadCatalogue,
+  options,
+  policyOption,
+  writeJson,
+} from '#design-conformance/io'
+import { Linter } from '#design-conformance/lint'
+import {
+  type Change,
+  canonical,
+  type Entry,
+  hash,
+  type Policy,
+  type Report,
+} from '#design-conformance/model'
+import { githubAnnotations, githubSummary, textReport } from '#design-conformance/reporting'
+import { gitSnapshot } from '#design-conformance/system-snapshot'
+import { GitSource, inspectedSource } from '#design-conformance/worktree-source'
+
+export const repositoryRoot = fileURLToPath(new URL('../../', import.meta.url))
+const usage =
+  'Usage: bun run check:design --base <revision> [--head HEAD | --working-tree] [--repo <repository>] [--format text|json] [--output <report.json>] [--reviews <external.json>] [--policy conformance|appearance|tokens] [--catalogue <legacy.json>]'
+
+export interface CheckArguments {
+  repo: string
+  base: string
+  head: string
+  workingTree?: boolean
+  policy: Policy
+  catalogue?: string
+  reviews?: string
+}
+
+export async function checkComparison(args: CheckArguments): Promise<Report> {
+  if (args.policy === 'conformance' && args.catalogue)
+    throw new Error(
+      '--catalogue is a legacy policy input; conformance uses central source snapshots'
+    )
+  const catalogue = args.policy === 'conformance' ? undefined : loadCatalogue(args.catalogue)
+  const linter = catalogue
+    ? await Linter.create(catalogue.catalogue, catalogue.hash, args.policy)
+    : new ConformanceLinter()
+  try {
+    const immutable = compareGit(args.repo, args.base, args.workingTree ? 'HEAD' : args.head)
+    const before = args.workingTree ? new GitSource(args.repo, immutable.commits.mergeBase) : null
+    const after = args.workingTree ? new GitSource(args.repo, 'HEAD', true) : null
+    const changes: Change[] = before && after ? workingChanges(before, after) : immutable.changes
+    const commits = after
+      ? {
+          ...immutable.commits,
+          head: `working-tree:${hash(canonical(after.entries.map((entry) => [entry.path, entry.mode, entry.blob])))}`,
+        }
+      : immutable.commits
+    const currentEntries = new Map(after?.entries.map((entry) => [entry.path, entry]) ?? [])
+    const read = (entry: Entry) => {
+      const current = currentEntries.get(entry.path)
+      return current && after && current.blob === entry.blob
+        ? after.read(current)
+        : before
+          ? before.read(entry)
+          : gitText(args.repo, entry)
+    }
+    const report =
+      linter instanceof ConformanceLinter
+        ? await addControlComparison(
+            await linter.analyze(
+              changes,
+              read,
+              commits,
+              before?.central() ?? gitSnapshot(args.repo, commits.mergeBase)
+            ),
+            changes,
+            () => controlSource(args.repo, commits.mergeBase),
+            () => after ?? controlSource(args.repo, commits.head)
+          )
+        : linter.analyze(changes, read, commits)
+    if (report.status === 'completed' && args.policy === 'conformance') {
+      const source = after ?? new GitSource(args.repo, commits.head)
+      const metadata = await generateContracts(source.central())
+      const artifact = source.entries.find((e) => e.path === GENERATED_FILE)
+      report.infrastructure = infrastructureStatus(
+        metadata,
+        artifact ? source.read(artifact) : undefined
+      )
+      if (!report.infrastructure.fresh)
+        report.unchecked.push({
+          file: GENERATED_FILE,
+          line: 1,
+          context: 'generated infrastructure',
+          side: 'after',
+          reason:
+            'Generated design infrastructure is stale; run bun run design:generate and commit the output. Fresh source metadata was used for this comparison.',
+        })
+    }
+    after?.assertUnchanged()
+    if (args.reviews && report.status === 'completed')
+      report.reviewDecisions = matchReviews(
+        readReviewLedger(args.reviews, args.repo),
+        report.findings,
+        []
+      )
+    return report
+  } catch (error) {
+    return linter.report(null, error instanceof Error ? error.message : 'Operational failure')
+  }
+}
+
+function workingChanges(before: GitSource, after: GitSource): Change[] {
+  const old = new Map(before.entries.map((entry) => [entry.path, entry]))
+  const current = new Map(after.entries.map((entry) => [entry.path, entry]))
+  return [...new Set([...old.keys(), ...current.keys()])]
+    .sort()
+    .filter(inspectedSource)
+    .flatMap((file) => {
+      const previous = old.get(file)
+      const next = current.get(file)
+      if (previous?.blob === next?.blob && previous?.mode === next?.mode) return []
+      return [
+        {
+          before: previous ?? null,
+          after: next ?? null,
+          status: previous ? (next ? 'M' : 'D') : 'A',
+        },
+      ]
+    })
+}
+
+/** The regular command always preserves 0/1/2; only the CI wrapper tolerates findings. */
+export async function main(argv = process.argv.slice(2)): Promise<number> {
+  let output: string | undefined
+  let format: 'text' | 'json' = 'text'
+  let report: Report
+  try {
+    const args = options(
+      {
+        format: { type: 'string' },
+        help: { type: 'boolean' },
+        reviews: { type: 'string' },
+        'working-tree': { type: 'boolean' },
+      },
+      argv
+    )
+    if (args.help) {
+      process.stdout.write(
+        `${usage}\nUse --working-tree to include staged, unstaged and nonignored new source files; CI uses immutable commits.\n`
+      )
+      return 0
+    }
+    output = args.output as string | undefined
+    if (args.format !== undefined && args.format !== 'text' && args.format !== 'json')
+      throw new Error('--format must be text or json')
+    format = (args.format ?? 'text') as 'text' | 'json'
+    if (!args.base) throw new Error(usage)
+    if (args['working-tree'] && args.head)
+      throw new Error('--working-tree and --head cannot be combined')
+    report = await checkComparison({
+      repo: (args.repo as string | undefined) ?? repositoryRoot,
+      base: args.base as string,
+      head: (args.head as string | undefined) ?? 'HEAD',
+      workingTree: args['working-tree'] === true,
+      policy: policyOption(args.policy),
+      catalogue: args.catalogue as string | undefined,
+      reviews: args.reviews as string | undefined,
+    })
+  } catch (error) {
+    report = new ConformanceLinter().report(
+      null,
+      error instanceof Error ? error.message : 'Operational failure'
+    )
+  }
+  try {
+    if (output) writeJson(output, report)
+    const rendered = format === 'json' ? `${JSON.stringify(report, null, 2)}\n` : textReport(report)
+    if (format === 'text' && report.status === 'failed') process.stderr.write(rendered)
+    else process.stdout.write(rendered)
+    if (process.env.GITHUB_ACTIONS === 'true') {
+      for (const annotation of githubAnnotations(report)) process.stderr.write(`${annotation}\n`)
+      if (process.env.GITHUB_STEP_SUMMARY)
+        appendFileSync(process.env.GITHUB_STEP_SUMMARY, githubSummary(report))
+    }
+  } catch (error) {
+    process.stderr.write(
+      `Design report could not be written: ${JSON.stringify(error instanceof Error ? error.message : 'Operational failure')}\n`
+    )
+    return 2
+  }
+  return report.status === 'failed' ? 2 : report.flagged ? 1 : 0
+}
diff --git a/scripts/design-conformance/conformance.ts b/scripts/design-conformance/conformance.ts
new file mode 100644
index 00000000000..700ff38d2d4
--- /dev/null
+++ b/scripts/design-conformance/conformance.ts
@@ -0,0 +1,1030 @@
+import { compareStrings } from '@sim/utils/string'
+import valueParser from 'postcss-value-parser'
+import { productScope } from '#control-analysis/scope'
+import { appearanceDiff } from '#design-conformance/appearance'
+import { artworkDiff, artworkFile, localArtworkDiff } from '#design-conformance/artwork'
+import {
+  centralFile,
+  centralInventory,
+  componentContract,
+  contractsHash,
+  isRegistry,
+  registry,
+} from '#design-conformance/contracts'
+import { type DesignSystem, designSystem } from '#design-conformance/design-system'
+import { extract } from '#design-conformance/extract'
+import {
+  type Atom,
+  ambiguousStyling,
+  type Change,
+  type Commits,
+  canonical,
+  type Declaration,
+  type Entry,
+  type Facts,
+  type Finding,
+  family,
+  hash,
+  implementationHash,
+  inspectionFailure,
+  ownsStyling,
+  type Report,
+  TOKEN_FILE,
+  VERSION,
+} from '#design-conformance/model'
+import { declarations, rawColours, utility, variablesIn } from '#design-conformance/normalize'
+import { recipeDiff } from '#design-conformance/recipe-diff'
+import { SourceIndex } from '#design-conformance/source-summary'
+import { configurationExplanation } from '#design-conformance/system-explanation'
+import {
+  assertRecipeSnapshot,
+  type SystemInput,
+  snapshotHash,
+} from '#design-conformance/system-snapshot'
+
+const neutral =
+  /^(?:none|inherit|initial|unset|revert|revert-layer|normal|currentColor|transparent)$/
+const shown = (value: string) =>
+  value.length <= 4096 ? value : `${value.slice(0, 4000)}… [sha256:${hash(value)}]`
+interface Checked {
+  findings: Finding[]
+  unchecked: Facts['unchecked']
+  governed: number
+  ungoverned: number
+}
+
+/** Reuse the maintained finding rules when auditing an entire source tree. */
+export { inspect as inspectSnapshotFacts, prepared as prepareSnapshotFacts }
+function inputSlot(atom: Atom): string {
+  return atom.context.split('/')[0] || (atom.kind === 'style' ? 'style' : 'className')
+}
+/** Declarative historical utility aliases; no proposed plugin or build execution. */
+function compilationAtom(atom: Atom, system: DesignSystem): Atom {
+  if (atom.kind !== 'class' || !system.entries.some((e) => /tailwind\.config\./.test(e.path)))
+    return atom
+  const { base, variants } = utility(atom.value)
+  const aliases: Record<string, string> = {
+    'shadow-sm': 'shadow-xs',
+    shadow: 'shadow-sm',
+    'outline-none': 'outline-hidden',
+    'blur-sm': 'blur-xs',
+    blur: 'blur-sm',
+    'drop-shadow-sm': 'drop-shadow-xs',
+    'drop-shadow': 'drop-shadow-sm',
+  }
+  const mapped =
+    aliases[base] ??
+    (base.startsWith('bg-gradient-to-')
+      ? base.replace('bg-gradient-to-', 'bg-linear-to-')
+      : undefined)
+  if (!mapped) return atom
+  if (base.startsWith('shadow-') && system.catalogue.variables[`--shadow-${base.slice(7)}`])
+    return atom
+  return { ...atom, value: `${variants}${mapped}${/(?:^|:)!|!$/.test(atom.value) ? '!' : ''}` }
+}
+function comparisonInput(atom: Atom, system: DesignSystem, value: string): string {
+  if (atom.kind !== 'class') return value
+  const canonical = compilationAtom(atom, system)
+  const parts = utility(canonical.value)
+  return `${parts.variants}${parts.base}${/(?:^|:)!|!$/.test(canonical.value) ? '!' : ''}`.replace(
+    /#[a-fA-F\d]+/g,
+    (x) => x.toLowerCase()
+  )
+}
+function named(atom: Atom, property: string): string | undefined {
+  if (atom.kind !== 'class') return undefined
+  const base = utility(atom.value).base
+  const prefixes: Record<string, RegExp> = {
+    colours:
+      /^(?:text|bg|border(?:-[trblxyse])?|outline|ring(?:-offset)?|fill|stroke|decoration|from|via|to|accent|caret)-(.+?)(?:\/[\d.]+)?$/,
+    'font-family': /^font-(.+)$/,
+    'font-size': /^text-(.+)$/,
+    'font-weight': /^font-(.+)$/,
+    'border-radius': /^rounded(?:-[trblse]{1,2})?-(.+)$/,
+    'box-shadow': /^(?:inset-)?shadow-(.+)$/,
+  }
+  const found = base.match(prefixes[property] ?? /$a/)?.[1]
+  return found && !/[[(]/.test(found) ? found : undefined
+}
+function governed(property: string, category: string, system: DesignSystem): string | undefined {
+  if (category === 'colours') return 'colours'
+  if (['font-family', 'font-size', 'font-weight'].includes(property)) return property
+  if (
+    property === 'border-radius' &&
+    [...system.variableFamilies.values()].some((v) => v.has('border-radius'))
+  )
+    return property
+  if (
+    /^(?:box|text)-shadow$/.test(property) &&
+    [...system.variableFamilies.values()].some((v) => v.has('box-shadow'))
+  )
+    return 'box-shadow'
+  return undefined
+}
+function expanded(ds: Declaration[], system: DesignSystem): Declaration[] {
+  return ds.flatMap((d) => {
+    if (/^(?:border(?:-(?:top|bottom|left|right))?|outline)$/.test(d.property))
+      return (
+        declarations(
+          { kind: 'style', property: d.property, value: d.value, line: 1, column: 1, context: '' },
+          system.compiler,
+          {}
+        ) ?? [d]
+      )
+    if (d.property !== 'font' || neutral.test(d.value)) return [d]
+    const parts = valueParser(d.value).nodes.filter(
+      (n) => n.type !== 'space' && n.type !== 'comment'
+    )
+    const values = parts.map((n) => valueParser.stringify(n))
+    const size = values.findIndex((v) => /^(?:[\d.]+(?:px|rem|em|%|pt)|var\(--text-)/.test(v))
+    if (size < 0) return [{ ...d, property: 'font-family' }]
+    const familyStart = values[size + 1] === '/' ? size + 3 : size + 1
+    return [
+      ...values
+        .slice(0, size)
+        .filter((v) => /^(?:\d+|bold|bolder|lighter)$/.test(v))
+        .map((v) => ({ ...d, property: 'font-weight', value: v })),
+      { ...d, property: 'font-size', value: values[size] },
+      { ...d, property: 'font-family', value: values.slice(familyStart).join(' ') },
+    ]
+  })
+}
+function inspect(facts: Facts, file: string, system: DesignSystem): Checked {
+  const out: Checked = { findings: [], unchecked: [...facts.unchecked], governed: 0, ungoverned: 0 }
+  for (const surface of facts.surfaces ?? []) {
+    const localVars = new Map(
+      surface.atoms
+        .filter((a) => a.kind === 'token' || a.property.startsWith('--'))
+        .map((a) => [a.property, a.value] as const)
+    )
+    const expand = (value: string, seen = new Set<string>()): string =>
+      value.replace(/var\(\s*(--[\w-]+)\s*\)/g, (all, key: string) => {
+        if (
+          system.variableFamilies.has(key) ||
+          !localVars.has(key) ||
+          seen.has(key) ||
+          seen.size >= 12
+        )
+          return all
+        return expand(localVars.get(key) as string, new Set(seen).add(key))
+      })
+    if (surface.kind === 'integration') continue
+    const surfaceFindings = new Set<string>()
+    const emit = (
+      rule: string,
+      category: string,
+      property: string,
+      value: string,
+      atom: Atom | undefined,
+      reason?: string
+    ) => {
+      const contract = registry.rules[rule]
+      const context = `${surface.owner} / ${surface.target} / ${atom ? inputSlot(atom) : ''}${atom?.kind === 'class' ? utility(atom.value).variants : ''}`
+      const occurrence = canonical([rule, property, value, context])
+      if (surfaceFindings.has(occurrence)) return
+      surfaceFindings.add(occurrence)
+      out.findings.push({
+        kind: 'usage-violation',
+        contract: rule,
+        rule,
+        category,
+        property,
+        value: shown(displayInput(atom, value)),
+        file,
+        line: atom?.line ?? surface.line,
+        column: atom?.column ?? surface.column,
+        context,
+        reason: `${reason ?? contract.permission}${atom?.partial ? '; explicit recipe structure is known; its dynamic colour parameter remains unresolved' : ''}`,
+        provenance: {
+          source: contract.source,
+          input: shown(displayInput(atom, atom?.value ?? value)),
+          permitted: contract.permission,
+          ...(atom ? { composition: atom.context } : {}),
+        },
+      })
+    }
+    if (surface.structuralViolation)
+      emit(
+        'modal-field',
+        'structure',
+        'field-wrapper',
+        'ChipModalField',
+        undefined,
+        surface.structuralViolation
+      )
+    const contract = componentContract(surface.target, system.metadata)
+    for (const atom of surface.atoms) {
+      if (
+        atom.kind === 'token' ||
+        atom.property.startsWith('--') ||
+        /^(?:prop:|default:|@)/.test(atom.property)
+      )
+        continue
+      const slot = inputSlot(atom)
+      const contracts = [
+        { contract, slot, target: surface.target },
+        ...(atom.forwarded ?? []).map((route) => ({
+          contract: componentContract(route.target, system.metadata),
+          slot: route.slot,
+          target: route.target,
+        })),
+      ]
+      for (const route of contracts)
+        for (const reason of route.contract?.slotOwnership?.[route.slot]?.unchecked ?? []) {
+          const diagnostic = `Unresolved component styling ${route.target}.${route.slot}: ${reason}`
+          if (
+            !out.unchecked.some(
+              (note) => note.context === atom.context && note.reason === diagnostic
+            )
+          )
+            out.unchecked.push({ line: atom.line, context: atom.context, reason: diagnostic })
+        }
+      const ds = declarations(compilationAtom(atom, system), system.compiler, {}, true)
+      if (ds === null) {
+        out.unchecked.push({
+          line: atom.line,
+          context: atom.context,
+          reason: `Unsupported styling utility: ${atom.value}`,
+        })
+        continue
+      }
+      const emitted = new Set<string>()
+      for (const d of expanded(ds, system)) {
+        const property = family(d.property)
+        if (
+          contract &&
+          !contract.slots?.includes(slot) &&
+          !out.unchecked.some(
+            (n) => n.context === atom.context && n.reason === `Unknown styling slot: ${slot}`
+          )
+        )
+          out.unchecked.push({
+            line: atom.line,
+            context: atom.context,
+            reason: `Unknown styling slot: ${slot}`,
+          })
+        const variants = atom.kind === 'class' ? utility(atom.value).variants : ''
+        const ownsTarget = !/(?:^|:)(?:before|after|\*|\*\*):|\[&[_>+~ ]|&::(?:before|after)/.test(
+          variants
+        )
+        const protectedProperty =
+          ownsTarget &&
+          contracts.some(
+            ({ contract: c, slot: s }) =>
+              c?.slots?.includes(s) &&
+              ownsStyling(
+                c.slotOwnership?.[s] ?? (c.protected ? { protected: c.protected } : undefined),
+                d.property,
+                d.category
+              )
+          )
+        if (
+          ownsTarget &&
+          !protectedProperty &&
+          contracts.some(({ contract: c, slot: s }) =>
+            ambiguousStyling(c?.slotOwnership?.[s], d.property)
+          )
+        ) {
+          const reason = `Writing-mode-dependent styling may override component-owned chrome: ${d.property}`
+          if (
+            !out.unchecked.some((note) => note.context === atom.context && note.reason === reason)
+          )
+            out.unchecked.push({ line: atom.line, context: atom.context, reason })
+        }
+        const protectedIcon = surface.iconSlot && ['dimensions', 'colours'].includes(d.category)
+        const modalSpacing =
+          ownsTarget &&
+          surface.fieldGroup &&
+          (surface.renderContexts ?? [surface.ancestors ?? []]).some(
+            (c) =>
+              c.find(
+                (target) =>
+                  !target.includes('#') ||
+                  target === '@sim/emcn#ChipModalBody' ||
+                  target === '@sim/emcn#ChipModalField'
+              ) === '@sim/emcn#ChipModalBody' && !c.includes('@sim/emcn#ChipModalField')
+          ) &&
+          surface.target === 'div' &&
+          (property === 'padding' ||
+            (property === 'margin' &&
+              atom.kind === 'class' &&
+              /^space-y-/.test(utility(atom.value).base)) ||
+            (property === 'gap' &&
+              surface.atoms.some(
+                (a) => a.kind === 'class' && utility(a.value).base === 'flex-col'
+              )))
+        const rule = protectedIcon
+          ? 'icon-slot'
+          : protectedProperty || modalSpacing
+            ? 'component-chrome'
+            : undefined
+        if (rule) {
+          out.governed++
+          if (!emitted.has(`${rule}:${property}`))
+            emit(
+              rule,
+              d.category,
+              property,
+              comparisonInput(atom, system, d.value),
+              atom,
+              atom.forwarded?.length
+                ? `${registry.rules[rule].permission}; styling forwarded through ${surface.target} -> ${atom.forwarded.map((r) => `${r.target}.${r.slot}`).join(' -> ')}`
+                : undefined
+            )
+          emitted.add(`${rule}:${property}`)
+          continue
+        }
+        if (
+          property === 'box-shadow' &&
+          atom.kind === 'class' &&
+          !/^(?:inset-)?shadow(?:-|$)/.test(utility(atom.value).base)
+        ) {
+          out.ungoverned++
+          continue
+        }
+        const familyName = governed(property, d.category, system)
+        if (!familyName) {
+          out.ungoverned++
+          continue
+        }
+        if (
+          d.property === 'background-image' &&
+          !rawColours(d.value) &&
+          !variablesIn(d.value).some((v) => !v.startsWith('--tw-'))
+        ) {
+          out.ungoverned++
+          continue
+        }
+        out.governed++
+        if (
+          familyName === 'colours' &&
+          variablesIn(atom.value).some((reference) => reference.startsWith('--landing-'))
+        ) {
+          emit(
+            'central-colour',
+            d.category,
+            property,
+            atom.value,
+            atom,
+            'Landing-only token is not product colour authority'
+          )
+          continue
+        }
+        if (atom.reference && system.resolve(atom.reference)) continue
+        const value = expand(d.value.replace(/ !important$/, ''))
+        if (neutral.test(value)) continue
+        const utilityName = named(atom, familyName)
+        if (utilityName && system.adopted.get(familyName)?.has(utilityName)) continue
+        // Tailwind may inline an @theme inline definition. Keep the original
+        // reference as provenance instead of treating its output as a local literal.
+        const refs = variablesIn(value).filter((v) => !v.startsWith('--tw-'))
+        const sourceRefs = variablesIn(atom.value)
+        if (
+          atom.property !== 'font' &&
+          sourceRefs.length &&
+          sourceRefs.every((v) => system.variableFamilies.get(v)?.has(familyName)) &&
+          !rawColours(atom.value)
+        )
+          continue
+        if (
+          refs.length &&
+          refs.every((v) => system.variableFamilies.get(v)?.has(familyName)) &&
+          !rawColours(value)
+        )
+          continue
+        const contractName =
+          familyName === 'colours'
+            ? 'central-colour'
+            : familyName === 'border-radius'
+              ? 'central-radius'
+              : familyName === 'box-shadow'
+                ? 'central-shadow'
+                : 'central-typography'
+        if (!emitted.has(`${contractName}:${property}`))
+          emit(contractName, d.category, property, comparisonInput(atom, system, value), atom)
+        emitted.add(`${contractName}:${property}`)
+      }
+    }
+  }
+  return out
+}
+function displayInput(atom: Atom | undefined, value: string): string {
+  return atom?.partial
+    ? value.replace(
+        /var\(--lint-dynamic-(\d+)\)/g,
+        (_, i) => `\${${atom.partial?.inputs[Number(i)] ?? 'unknown'}}`
+      )
+    : value
+}
+function prepared(facts: Facts, file: string, index: SourceIndex): Facts {
+  const visibleDeferredStyle = (route: { target: string; slot: string }) =>
+    !index.resolve(route.target) ||
+    index
+      .forwarded(route.target, route.slot)
+      .some(
+        (forwarded) =>
+          forwarded.slot === 'style' ||
+          (/Style$/.test(forwarded.slot) &&
+            index.contract(forwarded.target)?.slots?.includes(forwarded.slot))
+      )
+  const unchecked = facts.unchecked
+    .filter((note) => !note.deferredStyle || visibleDeferredStyle(note.deferredStyle))
+    .map(({ deferredStyle: _, ...note }) => note)
+  const surfaces = (facts.surfaces ?? []).map((original) => {
+    const surface = original.unresolved?.some((input) => input.deferredStyle)
+      ? {
+          ...original,
+          unresolved: original.unresolved
+            .filter((input) => !input.deferredStyle || visibleDeferredStyle(input.deferredStyle))
+            .map(({ deferredStyle: _, ...input }) => input),
+        }
+      : original
+    if (!surface.atoms.length && !surface.fieldContainer && !surface.structuralViolation)
+      return { ...surface, target: index.canonicalTarget(surface.target) }
+    const renderContexts = index.contexts(surface, file)
+    const ancestors = [...new Set(renderContexts.flat())]
+    const modal = renderContexts.some(
+      (c) => c.includes('@sim/emcn#ChipModalBody') && !c.includes('@sim/emcn#ChipModalField')
+    )
+    const atoms = surface.atoms.flatMap((input) => {
+      const forwarded =
+        surface.componentRef && !index.contract(surface.target)
+          ? index.forwarded(surface.componentRef, inputSlot(input))
+          : []
+      if (
+        input.deferredStyle &&
+        !forwarded.some(
+          (route) =>
+            route.slot === 'style' ||
+            (/Style$/.test(route.slot) && index.contract(route.target)?.slots?.includes(route.slot))
+        )
+      ) {
+        if (surface.componentRef && !index.resolve(surface.componentRef))
+          unchecked.push({
+            line: input.line,
+            context: surface.owner,
+            reason: `Custom styling slot cannot be resolved: ${surface.target}.${inputSlot(input)}`,
+          })
+        return []
+      }
+      const atom = forwarded.length ? { ...input, forwarded } : input
+      if (!atom.pendingRef) return [atom]
+      let value = index.value(atom.pendingRef)
+      if (value === undefined) {
+        unchecked.push({
+          line: atom.line,
+          context: surface.owner,
+          reason: `Imported styling input is unchecked: ${atom.pendingRef}`,
+        })
+        return []
+      }
+      if (atom.kind === 'style' && atom.property === 'font-size' && /^\d+(?:\.\d+)?$/.test(value))
+        value += 'px'
+      const resolved = index.resolve(atom.pendingRef)
+      const reference =
+        resolved && centralFile(resolved.file)
+          ? `${resolved.file.replace(/\.[cm]?[jt]sx?$/, '')}#${resolved.name}`
+          : undefined
+      return (atom.kind === 'class' ? value.split(/\s+/).filter(Boolean) : [value]).map((v) => ({
+        ...atom,
+        value: v,
+        ...(reference ? { reference } : {}),
+        pendingRef: undefined,
+      }))
+    })
+    return {
+      ...surface,
+      target: index.canonicalTarget(surface.target),
+      atoms,
+      ancestors,
+      renderContexts,
+      structuralViolation:
+        surface.fieldContainer && modal
+          ? `Use ChipModalField for this labelled modal field; rendered through ${[...new Set([...index.chain(surface, file), ...ancestors])].filter((a) => a.includes('#')).join(' -> ')}${index
+              .chain(surface, file)
+              .flatMap((r) =>
+                index.metadata?.exports[r.replace('@sim/emcn#', '')]?.source.file
+                  ? [index.metadata.exports[r.replace('@sim/emcn#', '')].source.file]
+                  : []
+              )
+              .map((s) => `; central definition ${s}`)
+              .join('')}`
+          : surface.structuralViolation,
+    }
+  })
+  return { ...facts, surfaces, atoms: surfaces.flatMap((s) => s.atoms), unchecked }
+}
+/** PR-only occurrence comparison; old violations never authorize additional copies. */
+export class ConformanceLinter {
+  readonly identity = implementationHash()
+  readonly metrics = {
+    parsedFiles: 0,
+    cacheHits: 0,
+    sourceBytes: 0,
+    centralBuilds: 0,
+    peakSummaryBytes: 0,
+  }
+  private readonly factsCache = new Map<string, { facts: Facts; bytes: number }>()
+  private factsBytes = 0
+  private readonly systems = new Map<string, DesignSystem>()
+  report(commits: Commits | null, error?: string): Report {
+    return {
+      schemaVersion: VERSION,
+      toolVersion: VERSION,
+      policyVersion: registry.policy,
+      implementationHash: this.identity,
+      catalogueHash: contractsHash,
+      catalogueVersion: registry.version,
+      catalogueSourceCommit: commits?.mergeBase ?? '',
+      contractsHash,
+      commits,
+      status: error ? 'failed' : 'completed',
+      flagged: error ? null : false,
+      findings: [],
+      unchecked: [],
+      coverageFailures: [],
+      coverage: {
+        checkedFiles: 0,
+        excludedFiles: 0,
+        unsupportedFiles: 0,
+        governedInputs: 0,
+        ungovernedInputs: 0,
+        violations: 0,
+        systemChanges: 0,
+      },
+      ...(error ? { error } : {}),
+    }
+  }
+  private async system(input: SystemInput): Promise<DesignSystem> {
+    const hit = this.systems.get(input.snapshot.hash)
+    if (hit) return hit
+    const result = await designSystem(input)
+    this.metrics.centralBuilds++
+    if (this.systems.size >= registry.limits.systemCacheEntries)
+      this.systems.delete(this.systems.keys().next().value as string)
+    this.systems.set(input.snapshot.hash, result)
+    return result
+  }
+  private facts(source: string, file: string, system: DesignSystem): Facts {
+    const key = hash(`${contractsHash}\0${file}\0${system.resolutionHash}\0${source}`)
+    const hit = this.factsCache.get(key)
+    if (hit) {
+      this.metrics.cacheHits++
+      return hit.facts
+    }
+    this.metrics.parsedFiles++
+    this.metrics.sourceBytes += Buffer.byteLength(source)
+    const facts = extract(source, file, true, {
+      conformance: true,
+      resolve: system.resolve,
+      classUses: system.classUses,
+      contract: (target) => componentContract(target, system.metadata),
+    })
+    const bytes = Buffer.byteLength(canonical(facts))
+    while (this.factsBytes + bytes > registry.limits.factsCacheBytes && this.factsCache.size) {
+      const k = this.factsCache.keys().next().value as string
+      this.factsBytes -= this.factsCache.get(k)?.bytes ?? 0
+      this.factsCache.delete(k)
+    }
+    if (bytes <= registry.limits.factsCacheBytes) {
+      this.factsCache.set(key, { facts, bytes })
+      this.factsBytes += bytes
+    }
+    return facts
+  }
+  async analyze(
+    changes: Change[],
+    read: (entry: Entry) => string,
+    commits: Commits,
+    input: SystemInput
+  ): Promise<Report> {
+    const report = this.report(commits)
+    try {
+      if (input.snapshot.commit !== commits.mergeBase)
+        throw new Error('Central snapshot does not match merge-base')
+      assertRecipeSnapshot(
+        input.snapshot,
+        changes.flatMap((c) => (c.before ? [c.before] : []))
+      )
+      const old = await this.system(input)
+      const entries = new Map(input.snapshot.entries.map((e) => [e.path, e]))
+      const proposed = new Map<string, string>()
+      for (const c of changes) {
+        if (c.before && centralInventory(c.before.path)) entries.delete(c.before.path)
+        if (c.after && centralInventory(c.after.path)) {
+          entries.set(c.after.path, c.after)
+          proposed.set(c.after.blob, read(c.after))
+        }
+      }
+      const nextEntries = [...entries.values()].sort((a, b) => compareStrings(a.path, b.path))
+      const afterInput: SystemInput = {
+        snapshot: {
+          version: '1.0.0',
+          commit: commits.head,
+          entries: nextEntries,
+          ...(input.snapshot.recipeInventory
+            ? { recipeInventory: input.snapshot.recipeInventory }
+            : {}),
+          hash: snapshotHash(nextEntries, input.snapshot.recipeInventory),
+        },
+        read: (e) => proposed.get(e.blob) ?? input.read(e),
+        unchecked: input.unchecked,
+      }
+      const next = afterInput.snapshot.hash === old.hash ? old : await this.system(afterInput)
+      report.centralSourceHashes = { before: old.hash, after: next.hash }
+      // Public API and ownership decisions are design changes even after regeneration.
+      for (const name of new Set([
+        ...Object.keys(old.metadata.exports),
+        ...Object.keys(next.metadata.exports),
+      ])) {
+        const before = old.metadata.exports[name]
+        const after = next.metadata.exports[name]
+        const semantic = (entry: typeof before) =>
+          entry
+            ? canonical({ ...entry, source: { file: entry.source.file, name: entry.source.name } })
+            : null
+        if (semantic(before) === semantic(after)) continue
+        const source = after?.source ?? before?.source
+        if (!source || registry.artwork?.brandAssets?.[source.file]) continue
+        report.findings.push({
+          kind: 'system-change',
+          rule: 'central-definition',
+          contract: 'central-definition',
+          category: 'component-api',
+          property: 'public-design-contract',
+          value: semantic(after) ?? '<removed>',
+          before: semantic(before),
+          file: source.file,
+          line: source.line,
+          column: 1,
+          context: name,
+          reason:
+            'Public design API or source ownership metadata changed; regenerate infrastructure and review the originating decision',
+        })
+      }
+      const raw = new Map<Change, { before: Facts; after: Facts }>()
+      const centralItems = (system: DesignSystem) =>
+        system.summaries.map(({ file, summary }) => ({
+          file,
+          facts: { atoms: [], surfaces: [], unchecked: [], syntax: summary } as Facts,
+        }))
+      const beforeItems: { file: string; facts: Facts }[] = centralItems(old)
+      const afterItems: { file: string; facts: Facts }[] = centralItems(next)
+      for (const change of changes) {
+        const get = (e: Entry | null, s: DesignSystem): Facts =>
+          e &&
+          !artworkFile(e.path) &&
+          productScope(e.path) === 'check' &&
+          /^100(?:644|755)$/.test(e.mode)
+            ? this.facts(read(e), e.path, s)
+            : { atoms: [], surfaces: [], unchecked: [] }
+        const pair = { before: get(change.before, old), after: get(change.after, next) }
+        raw.set(change, pair)
+        if (change.before) beforeItems.push({ file: change.before.path, facts: pair.before })
+        if (change.after) afterItems.push({ file: change.after.path, facts: pair.after })
+      }
+      const summaryBudget = { bytes: 0 }
+      const beforeIndex = new SourceIndex(
+        beforeItems,
+        registry.limits.summaryBytes,
+        summaryBudget,
+        old.metadata
+      )
+      const afterIndex = new SourceIndex(
+        afterItems,
+        registry.limits.summaryBytes,
+        summaryBudget,
+        next.metadata
+      )
+      beforeItems.length = 0
+      afterItems.length = 0
+      const centralBefore = new Map<string, Facts>()
+      for (const change of changes)
+        if (change.before && centralFile(change.before.path)) {
+          const facts = raw.get(change)?.before
+          if (facts)
+            centralBefore.set(change.before.path, prepared(facts, change.before.path, beforeIndex))
+        }
+      // Relocate individual source-owned facts only when the old export demonstrably delegates.
+      for (const [file, facts] of [...centralBefore]) {
+        for (const owner of new Set((facts.surfaces ?? []).map((s) => s.owner))) {
+          const mapping = afterIndex.extraction(beforeIndex, file, owner, 'direct')
+          if (!mapping || mapping.copies !== 1 || !centralFile(mapping.file)) continue
+          const moved = (facts.surfaces ?? [])
+            .filter((s) => s.owner === owner)
+            .map((s) => ({ ...s, owner: mapping.owner }))
+          const current = centralBefore.get(file) ?? facts
+          const kept = (current.surfaces ?? []).filter((s) => s.owner !== owner)
+          centralBefore.set(file, {
+            ...current,
+            surfaces: kept,
+            atoms: kept.flatMap((s) => s.atoms),
+          })
+          const dest = centralBefore.get(mapping.file) ?? { atoms: [], surfaces: [], unchecked: [] }
+          centralBefore.set(mapping.file, {
+            ...dest,
+            surfaces: [...(dest.surfaces ?? []), ...moved],
+            atoms: [...dest.atoms, ...moved.flatMap((s) => s.atoms)],
+          })
+        }
+      }
+      for (const [side, system] of [
+        ['before', old],
+        ['after', next],
+      ] as const)
+        for (const note of system.unchecked)
+          report.unchecked.push({ ...note, line: note.line ?? 1, context: 'central-theme', side })
+      for (const change of changes) {
+        const file = (change.after ?? change.before)?.path as string
+        if (isRegistry(file)) {
+          const b = change.before ? JSON.parse(read(change.before)) : null
+          const a = change.after ? JSON.parse(read(change.after)) : null
+          const stable = (value: unknown): unknown =>
+            Array.isArray(value)
+              ? value.map(stable)
+              : value && typeof value === 'object'
+                ? Object.fromEntries(
+                    Object.entries(value)
+                      .sort(([a], [b]) => (a < b ? -1 : a > b ? 1 : 0))
+                      .map(([key, value]) => [key, stable(value)])
+                  )
+                : value
+          const beforePolicy = canonical(stable(b))
+          const afterPolicy = canonical(stable(a))
+          if (beforePolicy !== afterPolicy)
+            report.findings.push({
+              kind: 'system-change',
+              contract: 'central-definition',
+              rule: 'central-definition',
+              category: 'contracts',
+              property: 'registry',
+              value: hash(afterPolicy),
+              before: hash(beforePolicy),
+              reason: 'Design-system contract registry changed',
+              file,
+              line: 1,
+              column: 1,
+              context: 'contract-registry',
+              provenance: {
+                source: 'contracts.json',
+                input: 'contract registry',
+                permitted: 'Designer review of the changed standard',
+              },
+            })
+          continue
+        }
+        const beforeArtwork = change.before && artworkFile(change.before.path)
+        const afterArtwork = change.after && artworkFile(change.after.path)
+        if (beforeArtwork || afterArtwork) {
+          const result = artworkDiff(
+            {
+              ...change,
+              before: beforeArtwork ? change.before : null,
+              after: afterArtwork ? change.after : null,
+            },
+            read
+          )
+          report.findings.push(...result.findings)
+          report.unchecked.push(
+            ...result.unchecked.map((n) => ({ ...n, file, side: 'comparison' }))
+          )
+          report.coverageFailures?.push(
+            ...result.unchecked
+              .filter((note) => inspectionFailure(note.reason))
+              .map((note) => ({ ...note, file, side: 'after' as const }))
+          )
+          if (afterArtwork || !change.after) {
+            report.coverage.checkedFiles++
+            continue
+          }
+        }
+        if (registry.artwork?.brandingFiles.includes(file))
+          report.unchecked.push({
+            file,
+            side: 'comparison',
+            line: 1,
+            context: 'artwork-ownership',
+            reason:
+              'Legacy mixed branding/icon library remains excluded until provider artwork and product artwork have separate ownership',
+          })
+        if (![change.before, change.after].some((e) => e && productScope(e.path) === 'check')) {
+          if (productScope(file) === 'unsupported') {
+            report.coverage.unsupportedFiles++
+            report.unchecked.push({
+              file,
+              side: 'after',
+              line: 1,
+              context: '',
+              reason: 'Unsupported file format; no styling inspected',
+            })
+          } else report.coverage.excludedFiles++
+          continue
+        }
+        report.coverage.checkedFiles++
+        const get = (e: Entry | null, facts: Facts, index: SourceIndex): Facts => {
+          if (!e || productScope(e.path) !== 'check')
+            return { atoms: [], surfaces: [], unchecked: [] }
+          if (!/^100(?:644|755)$/.test(e.mode))
+            return {
+              atoms: [],
+              surfaces: [],
+              unchecked: [{ line: 1, context: '', reason: 'Symlink/submodule is not followed' }],
+            }
+          return prepared(facts, e.path, index)
+        }
+        const withDefinitions = (
+          facts: Facts,
+          file: string | undefined,
+          system: DesignSystem
+        ): Facts => {
+          const atoms = file ? (system.definitions[file] ?? []) : []
+          return atoms.length
+            ? {
+                ...facts,
+                atoms: [...facts.atoms, ...atoms],
+                surfaces: [
+                  ...(facts.surfaces ?? []),
+                  {
+                    kind: 'definition',
+                    owner: 'central-config',
+                    target: 'configuration',
+                    shared: false,
+                    line: 1,
+                    column: 1,
+                    atoms,
+                    references: [],
+                  },
+                ],
+              }
+            : facts
+        }
+        const pair = raw.get(change)
+        if (!pair) throw new Error('Missing changed-source facts')
+        raw.delete(change)
+        const before = withDefinitions(
+          centralBefore.get(change.before?.path ?? change.after?.path ?? '') ??
+            get(change.before, pair.before, beforeIndex),
+          change.before?.path,
+          old
+        )
+        const after = withDefinitions(
+          get(change.after, pair.after, afterIndex),
+          change.after?.path,
+          next
+        )
+        centralBefore.delete(change.before?.path ?? change.after?.path ?? '')
+        if (registry.centralRecipes?.[file]) {
+          report.findings.push(
+            ...recipeDiff(file, old.recipes[change.before?.path ?? file], next.recipes[file])
+          )
+          continue
+        }
+        if ([change.before, change.after].some((e) => e && centralFile(e.path))) {
+          report.findings.push(...localArtworkDiff(pair.before, pair.after, change, true))
+          for (const [side, facts] of [
+            ['before', before],
+            ['after', after],
+          ] as const)
+            for (const note of facts.unchecked) {
+              const diagnostic = {
+                ...note,
+                file: side === 'before' ? (change.before?.path ?? file) : file,
+                side,
+              }
+              report.unchecked.push(diagnostic)
+              if (inspectionFailure(note.reason)) report.coverageFailures?.push(diagnostic)
+            }
+          const converted = (f: Facts, system: DesignSystem): Facts => ({
+            ...f,
+            atoms: f.atoms.map((a) => compilationAtom(a, system)),
+            surfaces: f.surfaces?.map((s) => ({
+              ...s,
+              kind: 'definition' as const,
+              target: registry.transparentPrimitives?.[s.target]?.target ?? s.target,
+              atoms: s.atoms.map((a) => compilationAtom(a, system)),
+            })),
+          })
+          // Token declarations are compared here too; the legacy global-token special case is not used.
+          const compared = appearanceDiff(
+            converted(before, old),
+            converted(after, next),
+            file === TOKEN_FILE ? 'central.css' : file,
+            next.compiler,
+            next.catalogue
+          )
+          for (const f of compared.findings) {
+            const owner = f.context.split(' / ')[0]
+            const candidates = [...(after.surfaces ?? []), ...(before.surfaces ?? [])]
+              .filter((s) => s.owner === owner)
+              .flatMap((s) => s.atoms)
+            const located = candidates.find(
+              (a) => a.property === f.property && f.context.includes(a.context)
+            )
+            const partialAtom = located?.partial
+              ? located
+              : candidates.find((a) => a.partial && a.property === f.property)
+            report.findings.push({
+              ...f,
+              value: displayInput(partialAtom, f.value),
+              ...(f.before ? { before: displayInput(partialAtom, f.before) } : {}),
+              file,
+              line: located?.line ?? f.line,
+              column: located?.column ?? f.column,
+              kind: 'system-change',
+              contract: 'central-definition',
+              rule: 'central-definition',
+              reason:
+                configurationExplanation(file, f) ??
+                `Design-system definition changed: ${displayInput(partialAtom, f.reason)}${partialAtom ? '; explicit recipe structure; dynamic colour parameter remains unresolved' : ''}`,
+              provenance: {
+                source: file,
+                input: displayInput(partialAtom, f.value),
+                permitted: registry.rules['central-definition'].permission,
+              },
+            })
+          }
+          for (const note of compared.unchecked)
+            report.unchecked.push({ ...note, file, side: 'comparison' })
+          continue
+        }
+        report.findings.push(...localArtworkDiff(pair.before, pair.after, change))
+        const b = inspect(before, change.before?.path ?? file, old)
+        const a = inspect(after, file, next)
+        for (const [side, r] of [
+          ['before', b],
+          ['after', a],
+        ] as const)
+          for (const note of r.unchecked) report.unchecked.push({ ...note, file, side })
+        report.coverage.governedInputs = (report.coverage.governedInputs ?? 0) + a.governed
+        report.coverage.ungovernedInputs = (report.coverage.ungovernedInputs ?? 0) + a.ungoverned
+        const failures = [
+          ...before.unchecked.map((n) => ({
+            ...n,
+            file: change.before?.path ?? file,
+            side: 'before' as const,
+          })),
+          ...after.unchecked.map((n) => ({ ...n, file, side: 'after' as const })),
+        ].filter((n) => inspectionFailure(n.reason))
+        if (failures.length) {
+          report.coverageFailures?.push(...failures)
+          continue
+        }
+        /**
+         * Debt is preserved only within its existing file and source owner. Extracting
+         * or renaming noncompliant styling surfaces it for review under this policy.
+         */
+        const sameFile = change.before?.path === change.after?.path
+        const context = (f: Finding) => f.context
+        const key = (f: Finding) =>
+          canonical([f.rule, f.property, f.provenance?.input ?? f.value, context(f)])
+        const buckets = new Map<string, Finding[]>()
+        if (sameFile)
+          for (const f of b.findings) {
+            const bucket = buckets.get(key(f)) ?? []
+            bucket.push(f)
+            buckets.set(key(f), bucket)
+          }
+        const pending = a.findings.filter((f) => !buckets.get(key(f))?.shift())
+        report.findings.push(...pending)
+      }
+      for (const [side, index] of [
+        ['before', beforeIndex],
+        ['after', afterIndex],
+      ] as const)
+        for (const note of index.notes)
+          report.unchecked.push({ ...note, file: note.file ?? note.context.split('#')[0], side })
+      report.findings.sort((a, b) =>
+        compareStrings(
+          canonical([a.file, a.line, a.column, a.rule, a.property, a.value, a.context]),
+          canonical([b.file, b.line, b.column, b.rule, b.property, b.value, b.context])
+        )
+      )
+      report.unchecked = [...new Map(report.unchecked.map((n) => [canonical(n), n])).values()].sort(
+        (a, b) => compareStrings(canonical(a), canonical(b))
+      )
+      report.coverage.violations = report.findings.filter(
+        (f) => f.kind === 'usage-violation'
+      ).length
+      report.coverage.systemChanges = report.findings.filter(
+        (f) => f.kind === 'system-change'
+      ).length
+      report.flagged = report.findings.length > 0
+      if (report.coverageFailures?.length) {
+        report.status = 'failed'
+        report.flagged = null
+        report.error = `${report.coverageFailures.length} changed product file inspection failure(s); comparison incomplete`
+      }
+      this.metrics.peakSummaryBytes = Math.max(this.metrics.peakSummaryBytes, summaryBudget.bytes)
+      beforeIndex.release()
+      afterIndex.release()
+      raw.clear()
+      centralBefore.clear()
+      return report
+    } catch (error) {
+      return this.report(
+        commits,
+        error instanceof Error ? error.message : 'Conformance analysis failed'
+      )
+    }
+  }
+}
diff --git a/scripts/design-conformance/contracts.generated.json b/scripts/design-conformance/contracts.generated.json
new file mode 100644
index 00000000000..d62e2f3425a
--- /dev/null
+++ b/scripts/design-conformance/contracts.generated.json
@@ -0,0 +1,893 @@
+{
+  "version": "2.1.0",
+  "sourceHash": "d2d51ec13c1df9991d25c4069bb53938dbed50e463b23d9a0528d0e9d339bf50",
+  "exports": {
+    "ArrowDown": {"importSource":"@sim/emcn","exportName":"ArrowDown","source":{"file":"packages/emcn/src/icons/arrow-down.tsx","line":7,"name":"ArrowDown"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ArrowLeft": {"importSource":"@sim/emcn","exportName":"ArrowLeft","source":{"file":"packages/emcn/src/icons/arrow-left.tsx","line":7,"name":"ArrowLeft"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ArrowLeftRight": {"importSource":"@sim/emcn","exportName":"ArrowLeftRight","source":{"file":"packages/emcn/src/icons/arrow-left-right.tsx","line":7,"name":"ArrowLeftRight"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ArrowRight": {"importSource":"@sim/emcn","exportName":"ArrowRight","source":{"file":"packages/emcn/src/icons/arrow-right.tsx","line":7,"name":"ArrowRight"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ArrowUp": {"importSource":"@sim/emcn","exportName":"ArrowUp","source":{"file":"packages/emcn/src/icons/arrow-up.tsx","line":7,"name":"ArrowUp"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ArrowUpDown": {"importSource":"@sim/emcn","exportName":"ArrowUpDown","source":{"file":"packages/emcn/src/icons/arrow-up-down.tsx","line":7,"name":"ArrowUpDown"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ArrowUpLeft": {"importSource":"@sim/emcn","exportName":"ArrowUpLeft","source":{"file":"packages/emcn/src/icons/arrow-up-left.tsx","line":7,"name":"ArrowUpLeft"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ArrowUpRight": {"importSource":"@sim/emcn","exportName":"ArrowUpRight","source":{"file":"packages/emcn/src/icons/arrow-up-right.tsx","line":9,"name":"ArrowUpRight"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Asterisk": {"importSource":"@sim/emcn","exportName":"Asterisk","source":{"file":"packages/emcn/src/icons/asterisk.tsx","line":7,"name":"Asterisk"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "AudioIcon": {"importSource":"@sim/emcn","exportName":"AudioIcon","source":{"file":"packages/emcn/src/icons/audio-icon.tsx","line":4,"name":"AudioIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Avatar": {"importSource":"@sim/emcn","exportName":"Avatar","source":{"file":"packages/emcn/src/components/avatar/avatar.tsx","line":129,"name":"Avatar"},"kind":"component","variants":{"status":{"values":["away","busy","offline","online"],"default":"online"},"size":{"values":["lg","md","sm","xs"],"default":"md"}},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-avatar#Root","slot":"style"}],"unchecked":["Unresolved styling forwarding: Avatar.style -> @radix-ui/react-avatar#Root.style"]},"className":{"protected":["border-radius","height","overflow","width"],"allowed":[],"recipes":["packages/emcn/src/components/avatar/avatar.tsx#avatarVariants"],"forwards":[{"target":"@radix-ui/react-avatar#Root","slot":"className"}],"unchecked":["Unresolved styling forwarding: Avatar.className -> @radix-ui/react-avatar#Root.className"]}},"relationships":["@radix-ui/react-avatar#Root","packages/emcn/src/components/avatar/avatar.tsx#AvatarFallback","packages/emcn/src/components/avatar/avatar.tsx#AvatarImage","packages/emcn/src/components/avatar/avatar.tsx#AvatarSizeContext.Provider"]},
+    "AvatarFallback": {"importSource":"@sim/emcn","exportName":"AvatarFallback","source":{"file":"packages/emcn/src/components/avatar/avatar.tsx","line":201,"name":"AvatarFallback"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-avatar#Fallback","slot":"style"}],"unchecked":["Unresolved styling forwarding: AvatarFallback.style -> @radix-ui/react-avatar#Fallback.style"]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","color","font-size","font-weight","line-height"],"allowed":[],"recipes":["packages/emcn/src/components/avatar/avatar.tsx#avatarFallbackVariants"],"forwards":[{"target":"@radix-ui/react-avatar#Fallback","slot":"className"}],"unchecked":["Unresolved styling forwarding: AvatarFallback.className -> @radix-ui/react-avatar#Fallback.className"]}},"relationships":["@radix-ui/react-avatar#Fallback"]},
+    "AvatarImage": {"importSource":"@sim/emcn","exportName":"AvatarImage","source":{"file":"packages/emcn/src/components/avatar/avatar.tsx","line":177,"name":"AvatarImage"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-avatar#Image","slot":"style"}],"unchecked":["Unresolved styling forwarding: AvatarImage.style -> @radix-ui/react-avatar#Image.style"]},"className":{"protected":["aspect-ratio","outline-color","outline-offset","outline-style","outline-width"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-avatar#Image","slot":"className"}],"unchecked":["Unresolved styling forwarding: AvatarImage.className -> @radix-ui/react-avatar#Image.className"]}},"relationships":["@radix-ui/react-avatar#Image"]},
+    "Badge": {"importSource":"@sim/emcn","exportName":"Badge","source":{"file":"packages/emcn/src/components/badge/badge.tsx","line":92,"name":"Badge"},"kind":"component","variants":{"dot":{"values":[false,true],"default":false},"size":{"values":["lg","md","sm"],"default":"md"},"variant":{"values":["amber","blue","blue-secondary","cyan","default","gray","gray-secondary","green","orange","outline","pink","purple","red","teal","type"],"default":"default"}},"slots":{"icon":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","color","font-size","gap","line-height","outline","outline-offset","outline-style","padding"],"allowed":[],"recipes":["packages/emcn/src/components/badge/badge.tsx#badgeVariants"],"forwards":[]},"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","color","font-size","gap","line-height","outline","outline-offset","outline-style","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["packages/emcn/src/components/badge/badge.tsx#Icon@Badge"]},
+    "Ban": {"importSource":"@sim/emcn","exportName":"Ban","source":{"file":"packages/emcn/src/icons/ban.tsx","line":7,"name":"Ban"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Banner": {"importSource":"@sim/emcn","exportName":"Banner","source":{"file":"packages/emcn/src/components/banner/banner.tsx","line":36,"name":"Banner"},"kind":"component","variants":{"actionDisabled":{"values":[false,true]},"actionVariant":{"values":["3d","active","default","destructive","ghost","ghost-secondary","outline","primary","quiet","secondary","subtle","tertiary"],"default":"default"},"variant":{"values":["default","destructive"],"default":"default"}},"slots":{"actionClassName":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved rendered props bundle"]},"contentClassName":{"protected":["gap","max-width"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved rendered props bundle"]},"textClassName":{"protected":["font-size"],"allowed":["typography"],"recipes":[],"forwards":[],"unchecked":["Unresolved rendered props bundle"]},"className":{"protected":["background-color","padding"],"allowed":[],"recipes":["packages/emcn/src/components/banner/banner.tsx#bannerVariants"],"forwards":[],"unchecked":["Unresolved rendered props bundle"]},"style":{"protected":["background-color","padding"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved rendered props bundle"]}},"relationships":["packages/emcn/src/components/button/button.tsx#Button"]},
+    "BarChart": {"importSource":"@sim/emcn","exportName":"BarChart","source":{"file":"packages/emcn/src/components/charts/bar-chart.tsx","line":482,"name":"BarChart"},"kind":"component","variants":{"xAxisFormat":{"values":["auto","date"],"default":"auto"}},"slots":{},"relationships":["packages/emcn/src/index.ts#ChartDataTable","packages/emcn/src/index.ts#ChartTooltip","packages/emcn/src/index.ts#ChartTooltipRow"]},
+    "Bell": {"importSource":"@sim/emcn","exportName":"Bell","source":{"file":"packages/emcn/src/icons/bell.tsx","line":7,"name":"Bell"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Blimp": {"importSource":"@sim/emcn","exportName":"Blimp","source":{"file":"packages/emcn/src/icons/blimp.tsx","line":7,"name":"Blimp"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Bold": {"importSource":"@sim/emcn","exportName":"Bold","source":{"file":"packages/emcn/src/icons/bold.tsx","line":7,"name":"Bold"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "BookOpen": {"importSource":"@sim/emcn","exportName":"BookOpen","source":{"file":"packages/emcn/src/icons/book-open.tsx","line":7,"name":"BookOpen"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Box": {"importSource":"@sim/emcn","exportName":"Box","source":{"file":"packages/emcn/src/icons/box.tsx","line":7,"name":"Box"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Brain": {"importSource":"@sim/emcn","exportName":"Brain","source":{"file":"packages/emcn/src/icons/brain.tsx","line":7,"name":"Brain"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "BrainCircuit": {"importSource":"@sim/emcn","exportName":"BrainCircuit","source":{"file":"packages/emcn/src/icons/brain-circuit.tsx","line":7,"name":"BrainCircuit"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "BubbleChatClose": {"importSource":"@sim/emcn","exportName":"BubbleChatClose","source":{"file":"packages/emcn/src/icons/bubble-chat-close.tsx","line":7,"name":"BubbleChatClose"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "BubbleChatDelay": {"importSource":"@sim/emcn","exportName":"BubbleChatDelay","source":{"file":"packages/emcn/src/icons/bubble-chat-delay.tsx","line":12,"name":"BubbleChatDelay"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "BubbleChatPreview": {"importSource":"@sim/emcn","exportName":"BubbleChatPreview","source":{"file":"packages/emcn/src/icons/bubble-chat-preview.tsx","line":7,"name":"BubbleChatPreview"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Bug": {"importSource":"@sim/emcn","exportName":"Bug","source":{"file":"packages/emcn/src/icons/bug.tsx","line":7,"name":"Bug"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Building": {"importSource":"@sim/emcn","exportName":"Building","source":{"file":"packages/emcn/src/icons/building.tsx","line":7,"name":"Building"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "BulkActionButton": {"importSource":"@sim/emcn","exportName":"BulkActionButton","source":{"file":"packages/emcn/src/components/bulk-action-button/bulk-action-button.tsx","line":40,"name":"BulkActionButton"},"kind":"component","variants":{"surface":{"values":["adaptive","uniform"],"default":"adaptive"},"iconPadding":{"values":["md","sm"]}},"slots":{"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","height","opacity","outline","outline-offset","outline-style","padding"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/button/button.tsx#Button","slot":"style"}]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","height","opacity","outline","outline-offset","outline-style","padding","width"],"allowed":[],"recipes":["packages/emcn/src/components/bulk-action-button/bulk-action-button.tsx#bulkActionButtonVariants"],"forwards":[{"target":"packages/emcn/src/components/button/button.tsx#Button","slot":"className"}]}},"relationships":["packages/emcn/src/components/button/button.tsx#Button"]},
+    "Button": {"importSource":"@sim/emcn","exportName":"Button","source":{"file":"packages/emcn/src/components/button/button.tsx","line":92,"name":"Button"},"kind":"component","variants":{"iconPadding":{"values":["md","sm"]},"size":{"values":["icon","md","sm"],"default":"md"},"variant":{"values":["3d","active","default","destructive","ghost","ghost-secondary","outline","primary","quiet","secondary","subtle","tertiary"],"default":"default"}},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","height","opacity","outline","outline-offset","outline-style","padding","width"],"allowed":["width"],"recipes":["packages/emcn/src/components/button/button.tsx#buttonVariants"],"forwards":[]},"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","height","opacity","outline","outline-offset","outline-style","padding","width"],"allowed":["width"],"recipes":[],"forwards":[]}},"relationships":[]},
+    "CHART_AXIS_LABEL_GAP": {"importSource":"@sim/emcn","exportName":"CHART_AXIS_LABEL_GAP","source":{"file":"packages/emcn/src/components/charts/chart-geometry.ts","line":18,"name":"CHART_AXIS_LABEL_GAP"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "CHART_DEFAULT_HEIGHT": {"importSource":"@sim/emcn","exportName":"CHART_DEFAULT_HEIGHT","source":{"file":"packages/emcn/src/components/charts/chart-geometry.ts","line":5,"name":"CHART_DEFAULT_HEIGHT"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "CHART_GRID_FRACTIONS": {"importSource":"@sim/emcn","exportName":"CHART_GRID_FRACTIONS","source":{"file":"packages/emcn/src/components/charts/chart-geometry.ts","line":12,"name":"CHART_GRID_FRACTIONS"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "CHART_MIN_WIDTH": {"importSource":"@sim/emcn","exportName":"CHART_MIN_WIDTH","source":{"file":"packages/emcn/src/components/charts/chart-geometry.ts","line":8,"name":"CHART_MIN_WIDTH"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "CHART_PADDING": {"importSource":"@sim/emcn","exportName":"CHART_PADDING","source":{"file":"packages/emcn/src/components/charts/chart-geometry.ts","line":1,"name":"CHART_PADDING"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "CHART_TICK_FILL": {"importSource":"@sim/emcn","exportName":"CHART_TICK_FILL","source":{"file":"packages/emcn/src/components/charts/chart-geometry.ts","line":10,"name":"CHART_TICK_FILL"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "CHART_TICK_FONT_SIZE": {"importSource":"@sim/emcn","exportName":"CHART_TICK_FONT_SIZE","source":{"file":"packages/emcn/src/components/charts/chart-geometry.ts","line":11,"name":"CHART_TICK_FONT_SIZE"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "CHART_TOOLTIP_CLASSES": {"importSource":"@sim/emcn","exportName":"CHART_TOOLTIP_CLASSES","source":{"file":"packages/emcn/src/components/charts/chart-tooltip.tsx","line":6,"name":"CHART_TOOLTIP_CLASSES"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "CODE_LINE_HEIGHT_PX": {"importSource":"@sim/emcn","exportName":"CODE_LINE_HEIGHT_PX","source":{"file":"packages/emcn/src/components/code/code.tsx","line":168,"name":"CODE_LINE_HEIGHT_PX"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "Calendar": {"importSource":"@sim/emcn","exportName":"Calendar","source":{"file":"packages/emcn/src/components/calendar/calendar.tsx","line":282,"name":"Calendar"},"kind":"component","variants":{"mode":{"values":["range","single"]},"showTime":{"values":[false,true]}},"slots":{"className":{"protected":["padding","width"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/calendar/calendar.tsx#RangeCalendarView","slot":"className"},{"target":"packages/emcn/src/components/calendar/calendar.tsx#SingleCalendarView","slot":"className"}]}},"relationships":["packages/emcn/src/components/calendar/calendar.tsx#RangeCalendarView","packages/emcn/src/components/calendar/calendar.tsx#SingleCalendarView"]},
+    "CalendarDayCell": {"importSource":"@sim/emcn","exportName":"CalendarDayCell","source":{"file":"packages/emcn/src/components/calendar/calendar-day-cell.tsx","line":36,"name":"CalendarDayCell"},"kind":"component","variants":{"selected":{"values":[false,true],"default":false},"today":{"values":[false,true],"default":false},"fullWidth":{"values":[false,true],"default":false}},"slots":{"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","gap","height","line-height","opacity","padding","text-align","width"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unsupported styling expression: UnaryExpression"]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","gap","height","line-height","opacity","padding","text-align","width"],"allowed":[],"recipes":["packages/emcn/src/components/chip/chip.tsx#chipVariants"],"forwards":[],"unchecked":["Unsupported styling expression: UnaryExpression"]}},"relationships":[]},
+    "Camera": {"importSource":"@sim/emcn","exportName":"Camera","source":{"file":"packages/emcn/src/icons/camera.tsx","line":7,"name":"Camera"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ChartColumn": {"importSource":"@sim/emcn","exportName":"ChartColumn","source":{"file":"packages/emcn/src/icons/chart-column.tsx","line":8,"name":"ChartColumn"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ChartDataTable": {"importSource":"@sim/emcn","exportName":"ChartDataTable","source":{"file":"packages/emcn/src/components/charts/chart-data-table.tsx","line":16,"name":"ChartDataTable"},"kind":"component","variants":{"xAxisFormat":{"values":["auto","date"]}},"slots":{},"relationships":[]},
+    "ChartFileIcon": {"importSource":"@sim/emcn","exportName":"ChartFileIcon","source":{"file":"packages/emcn/src/icons/chart-file-icon.tsx","line":4,"name":"ChartFileIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ChartFrame": {"importSource":"@sim/emcn","exportName":"ChartFrame","source":{"file":"packages/emcn/src/components/charts/chart-frame.tsx","line":17,"name":"ChartFrame"},"kind":"component","variants":{"loading":{"values":[false,true],"default":false}},"slots":{},"relationships":["packages/emcn/src/index.ts#Chip","packages/emcn/src/index.ts#Tooltip.Content","packages/emcn/src/index.ts#Tooltip.Root","packages/emcn/src/index.ts#Tooltip.Trigger"]},
+    "ChartLegend": {"importSource":"@sim/emcn","exportName":"ChartLegend","source":{"file":"packages/emcn/src/components/charts/chart-legend.tsx","line":29,"name":"ChartLegend"},"kind":"component","variants":{"layout":{"values":["column","row"],"default":"column"}},"slots":{},"relationships":["packages/emcn/src/index.ts#Chip"]},
+    "ChartTooltip": {"importSource":"@sim/emcn","exportName":"ChartTooltip","source":{"file":"packages/emcn/src/components/charts/chart-tooltip.tsx","line":74,"name":"ChartTooltip"},"kind":"component","variants":{},"slots":{},"relationships":[]},
+    "ChartTooltipRow": {"importSource":"@sim/emcn","exportName":"ChartTooltipRow","source":{"file":"packages/emcn/src/components/charts/chart-tooltip.tsx","line":89,"name":"ChartTooltipRow"},"kind":"component","variants":{},"slots":{},"relationships":[]},
+    "Check": {"importSource":"@sim/emcn","exportName":"Check","source":{"file":"packages/emcn/src/icons/check.tsx","line":7,"name":"Check"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Checkbox": {"importSource":"@sim/emcn","exportName":"Checkbox","source":{"file":"packages/emcn/src/components/checkbox/checkbox.tsx","line":87,"name":"Checkbox"},"kind":"component","variants":{"size":{"values":["lg","md","sm"],"default":"md"}},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-checkbox#Root","slot":"style"}],"unchecked":["Unresolved styling forwarding: Checkbox.style -> @radix-ui/react-checkbox#Root.style"]},"className":{"protected":["height","width"],"allowed":[],"recipes":["packages/emcn/src/components/checkbox/checkbox.tsx#checkboxVariants"],"forwards":[{"target":"@radix-ui/react-checkbox#Root","slot":"className"}],"unchecked":["Unresolved styling call: join","Unresolved styling forwarding: Checkbox.className -> @radix-ui/react-checkbox#Root.className"]}},"relationships":["@radix-ui/react-checkbox#Indicator","@radix-ui/react-checkbox#Root","packages/emcn/src/icons/index.ts#Check","packages/emcn/src/icons/index.ts#Minus"]},
+    "ChevronDown": {"importSource":"@sim/emcn","exportName":"ChevronDown","source":{"file":"packages/emcn/src/icons/chevron-down.tsx","line":7,"name":"ChevronDown"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ChevronLeft": {"importSource":"@sim/emcn","exportName":"ChevronLeft","source":{"file":"packages/emcn/src/icons/chevron-left.tsx","line":7,"name":"ChevronLeft"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ChevronRight": {"importSource":"@sim/emcn","exportName":"ChevronRight","source":{"file":"packages/emcn/src/icons/chevron-right.tsx","line":7,"name":"ChevronRight"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ChevronUp": {"importSource":"@sim/emcn","exportName":"ChevronUp","source":{"file":"packages/emcn/src/icons/chevron-up.tsx","line":7,"name":"ChevronUp"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ChevronsDownUp": {"importSource":"@sim/emcn","exportName":"ChevronsDownUp","source":{"file":"packages/emcn/src/icons/chevrons-down-up.tsx","line":7,"name":"ChevronsDownUp"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ChevronsUpDown": {"importSource":"@sim/emcn","exportName":"ChevronsUpDown","source":{"file":"packages/emcn/src/icons/chevrons-up-down.tsx","line":7,"name":"ChevronsUpDown"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Chip": {"importSource":"@sim/emcn","exportName":"Chip","source":{"file":"packages/emcn/src/components/chip/chip.tsx","line":150,"name":"Chip"},"kind":"component","variants":{"variant":{"values":["border","border-shadow","destructive","outline","primary"]},"active":{"values":[false,true],"default":false},"fullWidth":{"values":[false,true],"default":false},"shape":{"values":["default","round"],"default":"default"}},"slots":{"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","gap","height","line-height","opacity","padding","text-align"],"allowed":[],"recipes":[],"forwards":[]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","gap","height","line-height","opacity","padding","text-align"],"allowed":[],"recipes":["packages/emcn/src/components/chip/chip.tsx#chipVariants"],"forwards":[]},"leftIcon":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/chip/chip.tsx#ChipContent","slot":"leftIcon"}]},"rightIcon":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/chip/chip.tsx#ChipContent","slot":"rightIcon"}]}},"relationships":["packages/emcn/src/components/chip/chip.tsx#ChipContent"]},
+    "ChipButtonGroup": {"importSource":"@sim/emcn","exportName":"ChipButtonGroup","source":{"file":"packages/emcn/src/components/chip-button-group/chip-button-group.tsx","line":59,"name":"ChipButtonGroup"},"kind":"component","variants":{"disabled":{"values":[false,true],"default":false},"size":{"values":["compact","default"],"default":"default"},"gap":{"values":["none","sm"],"default":"sm"}},"slots":{"style":{"protected":["background-color","border-radius","font-size","gap","height","line-height","overflow-x","padding","text-align"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved central styling utility: gap","Unresolved central styling utility: size","Unresolved styling member lookup"]},"className":{"protected":["background-color","border-radius","font-size","gap","height","line-height","overflow-x","padding","text-align"],"allowed":[],"recipes":["packages/emcn/src/components/chip/segmented-control.ts#segmentedControlVariants"],"forwards":[],"unchecked":["Unresolved central styling utility: gap","Unresolved central styling utility: size","Unresolved styling member lookup"]}},"relationships":["@radix-ui/react-radio-group#Root","packages/emcn/src/components/chip-button-group/chip-button-group.tsx#ChipButtonGroupContext.Provider"]},
+    "ChipButtonGroupItem": {"importSource":"@sim/emcn","exportName":"ChipButtonGroupItem","source":{"file":"packages/emcn/src/components/chip-button-group/chip-button-group.tsx","line":105,"name":"ChipButtonGroupItem"},"kind":"component","variants":{"disabled":{"values":[false,true]}},"slots":{"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","gap","height","line-height","opacity","outline","outline-offset","outline-style","padding","text-align","white-space"],"allowed":[],"recipes":[],"forwards":[]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","gap","height","line-height","opacity","outline","outline-offset","outline-style","padding","text-align","white-space"],"allowed":[],"recipes":["packages/emcn/src/components/chip/chip.tsx#chipVariants","packages/emcn/src/components/chip/segmented-control.ts#segmentedControlItemVariants"],"forwards":[]}},"relationships":["@radix-ui/react-radio-group#Item"]},
+    "ChipChevronDown": {"importSource":"@sim/emcn","exportName":"ChipChevronDown","source":{"file":"packages/emcn/src/components/chip/chip-chevron.tsx","line":23,"name":"ChipChevronDown"},"kind":"component","variants":{},"slots":{"className":{"protected":["color","height","width"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["packages/emcn/src/icons/index.ts#ChevronDown"]},
+    "ChipCombobox": {"importSource":"@sim/emcn","exportName":"ChipCombobox","source":{"file":"packages/emcn/src/components/chip-combobox/chip-combobox.tsx","line":26,"name":"ChipCombobox"},"kind":"component","variants":{"disabled":{"values":[false,true]},"editable":{"values":[false,true]},"filterOptions":{"values":[false,true]},"multiSelect":{"values":[false,true]},"isLoading":{"values":[false,true]},"searchable":{"values":[false,true]},"size":{"values":["md","sm"]},"align":{"values":["center","end","start"]},"disablePortal":{"values":[false,true]},"showAllOption":{"values":[false,true]},"hasMore":{"values":[false,true]},"isLoadingMore":{"values":[false,true]},"isLoadingAll":{"values":[false,true]},"truncated":{"values":[false,true]},"searchActive":{"values":[false,true]},"variant":{"values":["default"]}},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/combobox/combobox.tsx#Combobox","slot":"style"}],"unchecked":["Unresolved rendered props bundle"]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","caret-color","color","font-family","font-size","height","letter-spacing","line-height","opacity","outline","outline-offset","outline-style","padding"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/combobox/combobox.tsx#Combobox","slot":"className"}],"unchecked":["Unresolved rendered props bundle","Unresolved styling call: useState","Unsupported styling expression: OptionalMemberExpression","Unsupported styling expression: UnaryExpression"]}},"relationships":["packages/emcn/src/components/combobox/combobox.tsx#Combobox"]},
+    "ChipConfirmModal": {"importSource":"@sim/emcn","exportName":"ChipConfirmModal","source":{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":1718,"name":"ChipConfirmModal"},"kind":"component","variants":{"open":{"values":[false,true]},"defaultAction":{"values":["confirm","dismiss","none"],"default":"dismiss"},"size":{"values":["full","lg","md","sm","xl"],"default":"sm"}},"slots":{"icon":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/chip-modal/chip-modal.tsx#ChipModalHeader","slot":"icon"}]}},"relationships":["packages/emcn/src/components/chip-modal/chip-modal.tsx#ChipConfirmModalFooter","packages/emcn/src/components/chip-modal/chip-modal.tsx#ChipModal","packages/emcn/src/components/chip-modal/chip-modal.tsx#ChipModalBody","packages/emcn/src/components/chip-modal/chip-modal.tsx#ChipModalDescription","packages/emcn/src/components/chip-modal/chip-modal.tsx#ChipModalHeader"]},
+    "ChipCopyInput": {"importSource":"@sim/emcn","exportName":"ChipCopyInput","source":{"file":"packages/emcn/src/components/chip-copy-input/chip-copy-input.tsx","line":39,"name":"ChipCopyInput"},"kind":"component","variants":{"error":{"values":[false,true]}},"slots":{"style":{"protected":["background-color","border-radius","borders","box-shadow","color","colours","font-family","font-size","gap","height","letter-spacing","line-height","outline","outline-offset","outline-style","padding","text-indent"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/chip-input/chip-input.tsx#ChipInput","slot":"style"}]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","borders","box-shadow","colours","font-family","font-size","gap","height","line-height","opacity","padding","text-align"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/chip-input/chip-input.tsx#ChipInput","slot":"className"}]},"icon":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/chip-input/chip-input.tsx#ChipInput","slot":"icon"}]},"inputClassName":{"protected":["background-color","color","outline","outline-offset","outline-style"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/chip-input/chip-input.tsx#ChipInput","slot":"inputClassName"}]}},"relationships":["packages/emcn/src/components/button/button.tsx#Button","packages/emcn/src/components/chip-input/chip-input.tsx#ChipInput","packages/emcn/src/components/tooltip/tooltip.tsx#Tooltip.Content","packages/emcn/src/components/tooltip/tooltip.tsx#Tooltip.Root","packages/emcn/src/components/tooltip/tooltip.tsx#Tooltip.Trigger","packages/emcn/src/icons/index.ts#Check","packages/emcn/src/icons/index.ts#Duplicate"]},
+    "ChipDatePicker": {"importSource":"@sim/emcn","exportName":"ChipDatePicker","source":{"file":"packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx","line":88,"name":"ChipDatePicker"},"kind":"component","variants":{"mode":{"values":["range","single"]},"showTime":{"values":[false,true]},"variant":{"values":["filled","ghost"],"default":"filled"},"align":{"values":["center","end","start"],"default":"start"},"disabled":{"values":[false,true]},"fullWidth":{"values":[false,true],"default":false}},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","gap","height","line-height","opacity","padding","text-align"],"allowed":[],"recipes":["packages/emcn/src/components/chip/chip.tsx#chipVariants"],"forwards":[]}},"relationships":["@radix-ui/react-popover#Content","@radix-ui/react-popover#Portal","@radix-ui/react-popover#Root","@radix-ui/react-popover#Trigger","packages/emcn/src/components/calendar/calendar.tsx#Calendar","packages/emcn/src/components/overflow-text/overflow-text.tsx#OverflowText","packages/emcn/src/icons/index.ts#ChevronDown"]},
+    "ChipDropdown": {"importSource":"@sim/emcn","exportName":"ChipDropdown","source":{"file":"packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx","line":197,"name":"ChipDropdown"},"kind":"component","variants":{"multiple":{"values":[false,true]},"variant":{"values":["border","border-shadow","default","destructive","filled","ghost","outline","primary"],"default":"filled"},"align":{"values":["center","end","start"],"default":"end"},"matchTriggerWidth":{"values":[false,true],"default":true},"disabled":{"values":[false,true]},"active":{"values":[false,true],"default":false},"fullWidth":{"values":[false,true],"default":false},"shape":{"values":["default","round"],"default":"default"}},"slots":{"contentClassName":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","max-height","max-width","overflow-x","overflow-y","padding","width"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#DropdownMenuContent","slot":"className"}],"unchecked":["Unresolved central styling utility: data-[side=bottom]:slide-in-from-top-2","Unresolved central styling utility: data-[side=left]:slide-in-from-right-2","Unresolved central styling utility: data-[side=right]:slide-in-from-left-2","Unresolved central styling utility: data-[side=top]:slide-in-from-bottom-2","Unresolved central styling utility: data-[state=closed]:animate-out","Unresolved central styling utility: data-[state=closed]:fade-out-0","Unresolved central styling utility: data-[state=closed]:zoom-out-95","Unresolved central styling utility: data-[state=open]:animate-in","Unresolved central styling utility: data-[state=open]:fade-in-0","Unresolved central styling utility: data-[state=open]:zoom-in-95","Unresolved styling call: createContext","Unresolved styling call: useContext","Unresolved styling forwarding: DropdownMenuContent.className -> @radix-ui/react-dropdown-menu#Content.className"]},"leftIcon":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","gap","height","line-height","opacity","padding","text-align"],"allowed":[],"recipes":["packages/emcn/src/components/chip/chip.tsx#chipVariants"],"forwards":[],"unchecked":["Unsupported styling expression: UnaryExpression"]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","gap","height","line-height","opacity","padding","text-align"],"allowed":[],"recipes":["packages/emcn/src/components/chip/chip.tsx#chipVariants"],"forwards":[],"unchecked":["Unsupported styling expression: UnaryExpression"]}},"relationships":["packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx#LeftIcon@ChipDropdown","packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx#OptionIcon@ChipDropdown/renderItem","packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#DropdownMenu","packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#DropdownMenuContent","packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#DropdownMenuItem","packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#DropdownMenuItemLabel","packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#DropdownMenuSearchInput","packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#DropdownMenuTrigger","packages/emcn/src/components/overflow-text/overflow-text.tsx#OverflowText","packages/emcn/src/icons/index.ts#Check","packages/emcn/src/icons/index.ts#ChevronDown"]},
+    "ChipEmailsInput": {"importSource":"@sim/emcn","exportName":"ChipEmailsInput","source":{"file":"packages/emcn/src/components/chip-emails-input/chip-emails-input.tsx","line":74,"name":"ChipEmailsInput"},"kind":"component","variants":{"allowDomains":{"values":[false,true],"default":false},"variant":{"values":["block","default"],"default":"block"},"disabled":{"values":[false,true]},"autoFocus":{"values":[false,true]}},"slots":{},"relationships":["packages/emcn/src/components/tag-input/tag-input.tsx#TagInput"]},
+    "ChipInput": {"importSource":"@sim/emcn","exportName":"ChipInput","source":{"file":"packages/emcn/src/components/chip-input/chip-input.tsx","line":57,"name":"ChipInput"},"kind":"component","variants":{"error":{"values":[false,true]}},"slots":{"icon":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","borders","box-shadow","colours","font-family","font-size","gap","height","line-height","opacity","padding","text-align"],"allowed":[],"recipes":[],"forwards":[]},"inputClassName":{"protected":["background-color","color","font-size","letter-spacing","line-height","outline","outline-offset","outline-style","text-indent"],"allowed":["typography"],"recipes":[],"forwards":[]},"style":{"protected":["background-color","border-radius","borders","box-shadow","color","colours","font-family","font-size","gap","height","letter-spacing","line-height","outline","outline-offset","outline-style","padding","text-indent"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["packages/emcn/src/components/chip-input/chip-input.tsx#Icon@ArrowFunctionExpression[1]"]},
+    "ChipLink": {"importSource":"@sim/emcn","exportName":"ChipLink","source":{"file":"packages/emcn/src/components/chip/chip.tsx","line":195,"name":"ChipLink"},"kind":"component","variants":{"variant":{"values":["border","border-shadow","destructive","outline","primary"]},"active":{"values":[false,true],"default":false},"fullWidth":{"values":[false,true],"default":false},"shape":{"values":["default","round"],"default":"default"}},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"next/link#default","slot":"style"}],"unchecked":["Unresolved styling forwarding: ChipLink.style -> next/link#default.style"]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","gap","height","line-height","opacity","padding","text-align"],"allowed":[],"recipes":["packages/emcn/src/components/chip/chip.tsx#chipVariants"],"forwards":[{"target":"next/link#default","slot":"className"}],"unchecked":["Unresolved styling forwarding: ChipLink.className -> next/link#default.className"]},"leftIcon":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/chip/chip.tsx#ChipContent","slot":"leftIcon"}]},"rightIcon":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/chip/chip.tsx#ChipContent","slot":"rightIcon"}]}},"relationships":["next/link#default","packages/emcn/src/components/chip/chip.tsx#ChipContent"]},
+    "ChipModal": {"importSource":"@sim/emcn","exportName":"ChipModal","source":{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":272,"name":"ChipModal"},"kind":"component","variants":{"open":{"values":[false,true]},"size":{"values":["full","lg","md","sm","xl"],"default":"md"},"dismissDisabled":{"values":[false,true],"default":false}},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","font-size","padding"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/chip-modal/chip-modal.tsx#ChipModalSurface","slot":"className"}]}},"relationships":["packages/emcn/src/components/chip-modal/chip-modal.tsx#ChipModalSurface","packages/emcn/src/components/modal/modal.tsx#Modal","packages/emcn/src/components/modal/modal.tsx#ModalContent"]},
+    "ChipModalBody": {"importSource":"@sim/emcn","exportName":"ChipModalBody","source":{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":441,"name":"ChipModalBody"},"kind":"component","variants":{"fullBleed":{"values":[false,true],"default":false}},"slots":{"className":{"protected":["gap","overflow","overflow-x","overflow-y","padding"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["gap","overflow","overflow-x","overflow-y","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ChipModalDescription": {"importSource":"@sim/emcn","exportName":"ChipModalDescription","source":{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":257,"name":"ChipModalDescription"},"kind":"component","variants":{},"slots":{},"relationships":[]},
+    "ChipModalError": {"importSource":"@sim/emcn","exportName":"ChipModalError","source":{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":1787,"name":"ChipModalError"},"kind":"component","variants":{},"slots":{"className":{"protected":["color","font-size","padding"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["color","font-size","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ChipModalField": {"importSource":"@sim/emcn","exportName":"ChipModalField","source":{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":779,"name":"ChipModalField"},"kind":"component","variants":{"type":{"values":["copy","custom","dropdown","email","emails","file","input","textarea"]},"required":{"values":[false,true]},"disabled":{"values":[false,true]},"flush":{"values":[false,true],"default":false}},"slots":{"className":{"protected":["align-items","border-radius","borders","box-shadow","colours","flex-direction","gap","height","justify-content","padding","typography"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["packages/emcn/src/components/label/label.tsx#Label"]},
+    "ChipModalFooter": {"importSource":"@sim/emcn","exportName":"ChipModalFooter","source":{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":1386,"name":"ChipModalFooter"},"kind":"component","variants":{"cancelDisabled":{"values":[false,true]},"defaultAction":{"values":["dismiss","none","primary"],"default":"primary"},"hideCancel":{"values":[false,true],"default":false}},"slots":{},"relationships":["packages/emcn/src/components/chip-modal/chip-modal.tsx#ChipModalFooterShell","packages/emcn/src/components/chip/chip.tsx#Chip","packages/emcn/src/components/tooltip/tooltip.tsx#Tooltip.Content","packages/emcn/src/components/tooltip/tooltip.tsx#Tooltip.Root","packages/emcn/src/components/tooltip/tooltip.tsx#Tooltip.Trigger","react#Fragment"]},
+    "ChipModalHeader": {"importSource":"@sim/emcn","exportName":"ChipModalHeader","source":{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":320,"name":"ChipModalHeader"},"kind":"component","variants":{"closeDisabled":{"values":[false,true]}},"slots":{"icon":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["packages/emcn/src/components/button/button.tsx#Button","packages/emcn/src/components/chip-modal/chip-modal.tsx#ChipModalSeparator","packages/emcn/src/components/chip-modal/chip-modal.tsx#Icon@ArrowFunctionExpression[11]","packages/emcn/src/components/overflow-text/overflow-text.tsx#OverflowText","packages/emcn/src/icons/index.ts#X"]},
+    "ChipModalPromptBody": {"importSource":"@sim/emcn","exportName":"ChipModalPromptBody","source":{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":498,"name":"ChipModalPromptBody"},"kind":"component","variants":{},"slots":{"className":{"protected":["min-height","overflow-y","padding"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["min-height","overflow-y","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ChipModalSeparator": {"importSource":"@sim/emcn","exportName":"ChipModalSeparator","source":{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":64,"name":"ChipModalSeparator"},"kind":"component","variants":{},"slots":{"className":{"protected":["background-color","height"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ChipModalSurface": {"importSource":"@sim/emcn","exportName":"ChipModalSurface","source":{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":227,"name":"ChipModalSurface"},"kind":"component","variants":{},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","font-size","padding"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","font-size","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ChipModalTabs": {"importSource":"@sim/emcn","exportName":"ChipModalTabs","source":{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":410,"name":"ChipModalTabs"},"kind":"component","variants":{},"slots":{"className":{"protected":["background-color","border-radius","font-size","gap","height","line-height","overflow-x","padding","text-align"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/chip-switch/chip-switch.tsx#ChipSwitch","slot":"className"}],"unchecked":["Unresolved styling forwarding: ChipSwitch.className -> @radix-ui/react-radio-group#Root.className","Unresolved styling member lookup"]}},"relationships":["packages/emcn/src/components/chip-switch/chip-switch.tsx#ChipSwitch"]},
+    "ChipSelect": {"importSource":"@sim/emcn","exportName":"ChipSelect","source":{"file":"packages/emcn/src/components/chip-select/chip-select.tsx","line":136,"name":"ChipSelect"},"kind":"component","variants":{"multiSelect":{"values":[false,true],"default":false},"disabled":{"values":[false,true],"default":false},"searchable":{"values":[false,true],"default":false},"showAllOption":{"values":[false,true],"default":false},"align":{"values":["center","end","start"],"default":"end"},"fullWidth":{"values":[false,true],"default":false},"stayBelow":{"values":[false,true],"default":false},"modal":{"values":[false,true]}},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","gap","height","line-height","max-width","opacity","padding","text-align"],"allowed":[],"recipes":["packages/emcn/src/components/chip/chip.tsx#chipVariants"],"forwards":[]},"contentClassName":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","min-width","overflow-x","overflow-y","padding","width"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#DropdownMenuContent","slot":"className"}],"unchecked":["Unresolved central styling utility: data-[side=bottom]:slide-in-from-top-2","Unresolved central styling utility: data-[side=left]:slide-in-from-right-2","Unresolved central styling utility: data-[side=right]:slide-in-from-left-2","Unresolved central styling utility: data-[side=top]:slide-in-from-bottom-2","Unresolved central styling utility: data-[state=closed]:animate-out","Unresolved central styling utility: data-[state=closed]:fade-out-0","Unresolved central styling utility: data-[state=closed]:zoom-out-95","Unresolved central styling utility: data-[state=open]:animate-in","Unresolved central styling utility: data-[state=open]:fade-in-0","Unresolved central styling utility: data-[state=open]:zoom-in-95","Unresolved styling forwarding: DropdownMenuContent.className -> @radix-ui/react-dropdown-menu#Content.className"]}},"relationships":["packages/emcn/src/components/chip-select/chip-select.tsx#Icon@ChipSelect/renderOption","packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#DropdownMenu","packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#DropdownMenuCheckboxItem","packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#DropdownMenuContent","packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#DropdownMenuItem","packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#DropdownMenuItemLabel","packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#DropdownMenuLabel","packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#DropdownMenuSearchInput","packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#DropdownMenuTrigger","packages/emcn/src/components/overflow-text/overflow-text.tsx#OverflowText","packages/emcn/src/icons/index.ts#ChevronDown","react#Fragment"]},
+    "ChipSwitch": {"importSource":"@sim/emcn","exportName":"ChipSwitch","source":{"file":"packages/emcn/src/components/chip-switch/chip-switch.tsx","line":60,"name":"ChipSwitch"},"kind":"component","variants":{"disabled":{"values":[false,true],"default":false},"size":{"values":["compact","default"],"default":"default"}},"slots":{"className":{"protected":["background-color","border-radius","font-size","gap","height","line-height","overflow-x","padding","text-align"],"allowed":[],"recipes":["packages/emcn/src/components/chip/segmented-control.ts#segmentedControlVariants"],"forwards":[{"target":"@radix-ui/react-radio-group#Root","slot":"className"}],"unchecked":["Unresolved styling forwarding: ChipSwitch.className -> @radix-ui/react-radio-group#Root.className","Unresolved styling member lookup"]}},"relationships":["@radix-ui/react-radio-group#Item","@radix-ui/react-radio-group#Root","packages/emcn/src/components/chip-switch/chip-switch.tsx#Icon@ChipSwitch/ArrowFunctionExpression[2]"]},
+    "ChipTag": {"importSource":"@sim/emcn","exportName":"ChipTag","source":{"file":"packages/emcn/src/components/chip-tag/chip-tag.tsx","line":179,"name":"ChipTag"},"kind":"component","variants":{"rightIconDisabled":{"values":[false,true]},"variant":{"values":["brand","field","gray","invite","mono","solid","workflow"],"default":"mono"},"invalid":{"values":[false,true],"default":false},"tone":{"values":["ash","blue","content","green","identity","inverse","neutral","orange","purple","yellow"],"default":"neutral"},"brandForeground":{"values":["dark","light"],"default":"light"}},"slots":{"leftIcon":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"rightIcon":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","gap","height","line-height","padding"],"allowed":[],"recipes":[],"forwards":[]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","gap","height","line-height","padding"],"allowed":[],"recipes":["packages/emcn/src/components/chip-tag/chip-tag.tsx#chipTagVariants"],"forwards":[]}},"relationships":["packages/emcn/src/components/chip-tag/chip-tag.tsx#LeftIcon@ChipTag","packages/emcn/src/components/chip-tag/chip-tag.tsx#RightIcon@ChipTag"]},
+    "ChipTextarea": {"importSource":"@sim/emcn","exportName":"ChipTextarea","source":{"file":"packages/emcn/src/components/chip-textarea/chip-textarea.tsx","line":45,"name":"ChipTextarea"},"kind":"component","variants":{"error":{"values":[false,true]},"resizable":{"values":[false,true],"default":false},"viewOnly":{"values":[false,true],"default":false}},"slots":{"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","borders","box-shadow","color","colours","font-family","font-size","gap","letter-spacing","line-height","opacity","outline","outline-offset","outline-style","padding"],"allowed":[],"recipes":[],"forwards":[]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","borders","box-shadow","color","colours","font-family","font-size","gap","letter-spacing","line-height","opacity","outline","outline-offset","outline-style","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ChipTimePicker": {"importSource":"@sim/emcn","exportName":"ChipTimePicker","source":{"file":"packages/emcn/src/components/chip-time-picker/chip-time-picker.tsx","line":69,"name":"ChipTimePicker"},"kind":"component","variants":{"disabled":{"values":[false,true]},"fullWidth":{"values":[false,true]}},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","borders","box-shadow","colours","font-family","font-size","gap","height","line-height","opacity","padding","text-align","width"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/chip-input/chip-input.tsx#ChipInput","slot":"className"}]}},"relationships":["packages/emcn/src/components/chip-input/chip-input.tsx#ChipInput"]},
+    "Circle": {"importSource":"@sim/emcn","exportName":"Circle","source":{"file":"packages/emcn/src/icons/circle.tsx","line":7,"name":"Circle"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "CircleAlert": {"importSource":"@sim/emcn","exportName":"CircleAlert","source":{"file":"packages/emcn/src/icons/circle-alert.tsx","line":7,"name":"CircleAlert"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "CircleCheck": {"importSource":"@sim/emcn","exportName":"CircleCheck","source":{"file":"packages/emcn/src/icons/circle-check.tsx","line":7,"name":"CircleCheck"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "CircleInfo": {"importSource":"@sim/emcn","exportName":"CircleInfo","source":{"file":"packages/emcn/src/icons/circle-info.tsx","line":9,"name":"CircleInfo"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "CirclePause": {"importSource":"@sim/emcn","exportName":"CirclePause","source":{"file":"packages/emcn/src/icons/circle-pause.tsx","line":7,"name":"CirclePause"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "CircleStop": {"importSource":"@sim/emcn","exportName":"CircleStop","source":{"file":"packages/emcn/src/icons/circle-stop.tsx","line":11,"name":"CircleStop"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "CircleX": {"importSource":"@sim/emcn","exportName":"CircleX","source":{"file":"packages/emcn/src/icons/circle-x.tsx","line":7,"name":"CircleX"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Clipboard": {"importSource":"@sim/emcn","exportName":"Clipboard","source":{"file":"packages/emcn/src/icons/clipboard.tsx","line":7,"name":"Clipboard"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ClipboardList": {"importSource":"@sim/emcn","exportName":"ClipboardList","source":{"file":"packages/emcn/src/icons/clipboard-list.tsx","line":7,"name":"ClipboardList"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Clock": {"importSource":"@sim/emcn","exportName":"Clock","source":{"file":"packages/emcn/src/icons/clock.tsx","line":7,"name":"Clock"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Code": {"importSource":"@sim/emcn","exportName":"Code","source":{"file":"packages/emcn/src/components/code/code.tsx","line":1452,"name":"Code"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "Code.Container": {"importSource":"@sim/emcn","exportName":"Code.Container","source":{"file":"packages/emcn/src/components/code/code.tsx","line":529,"name":"Container"},"kind":"component","variants":{},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","font-family","font-size","height","line-height","min-height","overflow-x","overflow-y"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","font-family","font-size","height","line-height","min-height","overflow-x","overflow-y"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Code.Content": {"importSource":"@sim/emcn","exportName":"Code.Content","source":{"file":"packages/emcn/src/components/code/code.tsx","line":568,"name":"Content"},"kind":"component","variants":{},"slots":{"className":{"protected":["padding"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved central styling utility: code-editor-theme","Unresolved styling object"]}},"relationships":[]},
+    "Code.Gutter": {"importSource":"@sim/emcn","exportName":"Code.Gutter","source":{"file":"packages/emcn/src/components/code/code.tsx","line":640,"name":"Gutter"},"kind":"component","variants":{},"slots":{"className":{"protected":["background-color","border-radius","overflow","padding","width"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["background-color","border-radius","overflow","padding","width"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Code.Placeholder": {"importSource":"@sim/emcn","exportName":"Code.Placeholder","source":{"file":"packages/emcn/src/components/code/code.tsx","line":686,"name":"Placeholder"},"kind":"component","variants":{"show":{"values":[false,true]}},"slots":{"className":{"protected":["color","font-family","line-height","margin","overflow","white-space"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Code.Viewer": {"importSource":"@sim/emcn","exportName":"Code.Viewer","source":{"file":"packages/emcn/src/components/code/code.tsx","line":1415,"name":"Viewer"},"kind":"component","variants":{"showGutter":{"values":[false,true],"default":false},"language":{"values":["bash","javascript","json","python","toml"],"default":"json"},"density":{"values":["compact","default"],"default":"default"},"highlightWorkflowReferences":{"values":[false,true],"default":false},"wrapText":{"values":[false,true],"default":false},"virtualized":{"values":[false,true],"default":false},"showCollapseColumn":{"values":[false,true],"default":false}},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","font-family","font-size","height","line-height","min-height","overflow-x","overflow-y"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/code/code.tsx#ViewerInner","slot":"className"},{"target":"packages/emcn/src/components/code/code.tsx#VirtualizedViewerInner","slot":"className"}],"unchecked":["Unresolved central styling utility: code-editor-theme"]},"gutterStyle":{"protected":["color","font-size","font-variant-numeric","line-height","margin","padding","text-align","width"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/code/code.tsx#ViewerInner","slot":"gutterStyle"},{"target":"packages/emcn/src/components/code/code.tsx#VirtualizedViewerInner","slot":"gutterStyle"}]}},"relationships":["packages/emcn/src/components/code/code.tsx#ViewerInner","packages/emcn/src/components/code/code.tsx#VirtualizedViewerInner"]},
+    "CollapsibleCard": {"importSource":"@sim/emcn","exportName":"CollapsibleCard","source":{"file":"packages/emcn/src/components/collapsible-card/collapsible-card.tsx","line":25,"name":"CollapsibleCard"},"kind":"component","variants":{"collapsed":{"values":[false,true]}},"slots":{"className":{"protected":["border-color","border-radius","border-style","border-width","overflow"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["packages/emcn/src/components/overflow-text/overflow-text.tsx#OverflowText"]},
+    "Columns2": {"importSource":"@sim/emcn","exportName":"Columns2","source":{"file":"packages/emcn/src/icons/columns2.tsx","line":7,"name":"Columns2"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Columns3": {"importSource":"@sim/emcn","exportName":"Columns3","source":{"file":"packages/emcn/src/icons/columns3.tsx","line":7,"name":"Columns3"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Combobox": {"importSource":"@sim/emcn","exportName":"Combobox","source":{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":183,"name":"Combobox"},"kind":"component","variants":{"disabled":{"values":[false,true]},"editable":{"values":[false,true],"default":false},"filterOptions":{"values":[false,true]},"multiSelect":{"values":[false,true],"default":false},"isLoading":{"values":[false,true],"default":false},"searchable":{"values":[false,true],"default":false},"size":{"values":["md","sm"],"default":"md"},"align":{"values":["center","end","start"],"default":"start"},"disablePortal":{"values":[false,true],"default":false},"showAllOption":{"values":[false,true],"default":false},"hasMore":{"values":[false,true],"default":false},"isLoadingMore":{"values":[false,true],"default":false},"isLoadingAll":{"values":[false,true],"default":false},"truncated":{"values":[false,true],"default":false},"searchActive":{"values":[false,true],"default":false},"variant":{"values":["default"],"default":"default"}},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved rendered props bundle"]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","caret-color","color","font-family","font-size","height","letter-spacing","line-height","opacity","outline","outline-offset","outline-style","padding"],"allowed":[],"recipes":["packages/emcn/src/components/combobox/combobox.tsx#comboboxVariants"],"forwards":[{"target":"packages/emcn/src/components/input/input.tsx#Input","slot":"className"}],"unchecked":["Unresolved rendered props bundle","Unresolved styling call: useState","Unsupported styling expression: OptionalMemberExpression","Unsupported styling expression: UnaryExpression"]}},"relationships":["packages/emcn/src/components/button/button.tsx#Button","packages/emcn/src/components/combobox/combobox.tsx#OptionIcon@ArrowFunctionExpression[1]/ArrowFunctionExpression[24]/ArrowFunctionExpression[1]","packages/emcn/src/components/combobox/combobox.tsx#OptionIcon@ArrowFunctionExpression[1]/renderFlatOption","packages/emcn/src/components/combobox/combobox.tsx#SelectedIcon@ArrowFunctionExpression[1]","packages/emcn/src/components/input/input.tsx#Input","packages/emcn/src/components/overflow-text/overflow-text.tsx#OverflowText","packages/emcn/src/components/popover/popover.tsx#Popover","packages/emcn/src/components/popover/popover.tsx#PopoverAnchor","packages/emcn/src/components/popover/popover.tsx#PopoverContent","packages/emcn/src/components/popover/popover.tsx#PopoverScrollArea","packages/emcn/src/icons/index.ts#Check","packages/emcn/src/icons/index.ts#ChevronDown","packages/emcn/src/icons/index.ts#Loader","packages/emcn/src/icons/index.ts#Search"]},
+    "Compass": {"importSource":"@sim/emcn","exportName":"Compass","source":{"file":"packages/emcn/src/icons/compass.tsx","line":7,"name":"Compass"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ComposerActionButton": {"importSource":"@sim/emcn","exportName":"ComposerActionButton","source":{"file":"packages/emcn/src/components/composer-action-button/composer-action-button.tsx","line":49,"name":"ComposerActionButton"},"kind":"component","variants":{"size":{"values":["md","sm"],"default":"md"},"active":{"values":[false,true],"default":true},"iconPadding":{"values":["md","sm"]}},"slots":{"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","height","opacity","outline","outline-offset","outline-style","padding"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/button/button.tsx#Button","slot":"style"}]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","height","opacity","outline","outline-offset","outline-style","padding","width"],"allowed":[],"recipes":["packages/emcn/src/components/composer-action-button/composer-action-button.tsx#composerActionButtonVariants"],"forwards":[{"target":"packages/emcn/src/components/button/button.tsx#Button","slot":"className"}]}},"relationships":["packages/emcn/src/components/button/button.tsx#Button"]},
+    "Connections": {"importSource":"@sim/emcn","exportName":"Connections","source":{"file":"packages/emcn/src/icons/connections.tsx","line":14,"name":"Connections"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "CopyCodeButton": {"importSource":"@sim/emcn","exportName":"CopyCodeButton","source":{"file":"packages/emcn/src/components/code/copy-code-button.tsx","line":12,"name":"CopyCodeButton"},"kind":"component","variants":{},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","gap","height","line-height","opacity","outline","outline-offset","outline-style","padding"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/index.ts#Button","slot":"className"}]}},"relationships":["packages/emcn/src/index.ts#Button","packages/emcn/src/index.ts#Check","packages/emcn/src/index.ts#Duplicate"]},
+    "Credit": {"importSource":"@sim/emcn","exportName":"Credit","source":{"file":"packages/emcn/src/icons/credit.tsx","line":7,"name":"Credit"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "CsvIcon": {"importSource":"@sim/emcn","exportName":"CsvIcon","source":{"file":"packages/emcn/src/icons/csv-icon.tsx","line":4,"name":"CsvIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Cursor": {"importSource":"@sim/emcn","exportName":"Cursor","source":{"file":"packages/emcn/src/icons/cursor.tsx","line":3,"name":"Cursor"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "DashboardMetric": {"importSource":"@sim/emcn","exportName":"DashboardMetric","source":{"file":"packages/emcn/src/components/charts/dashboard-metric.tsx","line":13,"name":"DashboardMetric"},"kind":"component","variants":{"loading":{"values":[false,true]}},"slots":{},"relationships":["packages/emcn/src/index.ts#Tooltip.Content","packages/emcn/src/index.ts#Tooltip.Root","packages/emcn/src/index.ts#Tooltip.Trigger"]},
+    "DashedDividerLine": {"importSource":"@sim/emcn","exportName":"DashedDividerLine","source":{"file":"packages/emcn/src/components/field-divider/field-divider.tsx","line":19,"name":"DashedDividerLine"},"kind":"component","variants":{},"slots":{"className":{"protected":["height"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Rendered public props may override authored style; default ownership remains unchecked"]},"style":{"protected":["height"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Rendered public props may override authored style; default ownership remains unchecked"]}},"relationships":[]},
+    "Database": {"importSource":"@sim/emcn","exportName":"Database","source":{"file":"packages/emcn/src/icons/database.tsx","line":7,"name":"Database"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "DatabaseX": {"importSource":"@sim/emcn","exportName":"DatabaseX","source":{"file":"packages/emcn/src/icons/database-x.tsx","line":7,"name":"DatabaseX"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "DefaultFileIcon": {"importSource":"@sim/emcn","exportName":"DefaultFileIcon","source":{"file":"packages/emcn/src/icons/default-file-icon.tsx","line":4,"name":"DefaultFileIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "DetailsPanel": {"importSource":"@sim/emcn","exportName":"DetailsPanel","source":{"file":"packages/emcn/src/components/details-panel/details-panel.tsx","line":26,"name":"DetailsPanel"},"kind":"component","variants":{"open":{"values":[false,true]}},"slots":{"className":{"protected":["background-color","border-style","border-width","box-shadow","overflow","width"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["background-color","border-style","border-width","box-shadow","overflow","width"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "DocumentAttachment": {"importSource":"@sim/emcn","exportName":"DocumentAttachment","source":{"file":"packages/emcn/src/icons/document-attachment.tsx","line":7,"name":"DocumentAttachment"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "DocxIcon": {"importSource":"@sim/emcn","exportName":"DocxIcon","source":{"file":"packages/emcn/src/icons/docx-icon.tsx","line":4,"name":"DocxIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Download": {"importSource":"@sim/emcn","exportName":"Download","source":{"file":"packages/emcn/src/icons/download.tsx","line":17,"name":"Download"},"kind":"icon","variants":{"animate":{"values":[false,true],"default":false}},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]}},"relationships":[]},
+    "DropdownMenu": {"importSource":"@sim/emcn","exportName":"DropdownMenu","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":185,"name":"DropdownMenu"},"kind":"component","variants":{},"slots":{},"relationships":["@radix-ui/react-dropdown-menu#Root"]},
+    "DropdownMenuCheckboxItem": {"importSource":"@sim/emcn","exportName":"DropdownMenuCheckboxItem","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":487,"name":"DropdownMenuCheckboxItem"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#CheckboxItem","slot":"style"}],"unchecked":["Unresolved styling forwarding: DropdownMenuCheckboxItem.style -> @radix-ui/react-dropdown-menu#CheckboxItem.style"]},"className":{"protected":["background-color","border-radius","color","font-size","height","opacity","outline","outline-offset","outline-style","padding","white-space"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#CheckboxItem","slot":"className"}],"unchecked":["Unresolved styling forwarding: DropdownMenuCheckboxItem.className -> @radix-ui/react-dropdown-menu#CheckboxItem.className"]}},"relationships":["@radix-ui/react-dropdown-menu#CheckboxItem","@radix-ui/react-dropdown-menu#ItemIndicator","packages/emcn/src/icons/index.ts#Check"]},
+    "DropdownMenuContent": {"importSource":"@sim/emcn","exportName":"DropdownMenuContent","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":298,"name":"DropdownMenuContent"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":["dimensions"],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#Content","slot":"style"}],"unchecked":["Unresolved styling forwarding: DropdownMenuContent.style -> @radix-ui/react-dropdown-menu#Content.style"]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","max-height","max-width","min-width","overflow-x","overflow-y","padding","width"],"allowed":["dimensions"],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#Content","slot":"className"}],"unchecked":["Unresolved central styling utility: data-[side=bottom]:slide-in-from-top-2","Unresolved central styling utility: data-[side=left]:slide-in-from-right-2","Unresolved central styling utility: data-[side=right]:slide-in-from-left-2","Unresolved central styling utility: data-[side=top]:slide-in-from-bottom-2","Unresolved central styling utility: data-[state=closed]:animate-out","Unresolved central styling utility: data-[state=closed]:fade-out-0","Unresolved central styling utility: data-[state=closed]:zoom-out-95","Unresolved central styling utility: data-[state=open]:animate-in","Unresolved central styling utility: data-[state=open]:fade-in-0","Unresolved central styling utility: data-[state=open]:zoom-in-95","Unresolved styling forwarding: DropdownMenuContent.className -> @radix-ui/react-dropdown-menu#Content.className"]}},"relationships":["@radix-ui/react-dropdown-menu#Content","@radix-ui/react-dropdown-menu#Portal"]},
+    "DropdownMenuGroup": {"importSource":"@sim/emcn","exportName":"DropdownMenuGroup","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":195,"name":"DropdownMenuGroup"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#Group","slot":"style"}],"unchecked":["Unresolved styling forwarding: DropdownMenuGroup.style -> @radix-ui/react-dropdown-menu#Group.style"]},"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#Group","slot":"className"}],"unchecked":["Unresolved styling forwarding: DropdownMenuGroup.className -> @radix-ui/react-dropdown-menu#Group.className"]}},"relationships":["@radix-ui/react-dropdown-menu#Group"]},
+    "DropdownMenuItem": {"importSource":"@sim/emcn","exportName":"DropdownMenuItem","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":335,"name":"DropdownMenuItem"},"kind":"component","variants":{"size":{"values":["default","lg"],"default":"default"},"inset":{"values":[false,true]},"active":{"values":[false,true]},"actionOpen":{"values":[false,true]}},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#Item","slot":"style"}],"unchecked":["Unresolved styling forwarding: DropdownMenuItem.style -> @radix-ui/react-dropdown-menu#Item.style"]},"className":{"protected":["background-color","border-radius","color","font-size","gap","height","line-height","opacity","outline","outline-offset","outline-style","overflow","padding","text-align","text-overflow","white-space","width"],"allowed":[],"recipes":["packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#dropdownMenuItemVariants"],"forwards":[{"target":"@radix-ui/react-dropdown-menu#Item","slot":"className"}],"unchecked":["Unresolved styling forwarding: DropdownMenuItem.className -> @radix-ui/react-dropdown-menu#Item.className"]}},"relationships":["@radix-ui/react-dropdown-menu#Item","packages/emcn/src/index.ts#RowActions"]},
+    "DropdownMenuItemAction": {"importSource":"@sim/emcn","exportName":"DropdownMenuItemAction","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":462,"name":"DropdownMenuItemAction"},"kind":"component","variants":{},"slots":{"className":{"protected":["border-radius","color","height","outline","outline-offset","outline-style","width"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["border-radius","color","height","outline","outline-offset","outline-style","width"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "DropdownMenuItemLabel": {"importSource":"@sim/emcn","exportName":"DropdownMenuItemLabel","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":91,"name":"DropdownMenuItemLabel"},"kind":"component","variants":{"showWhen":{"values":[false,true]},"tooltipEnabled":{"values":[false,true]}},"slots":{"className":{"protected":["-webkit-mask-image","mask-image","overflow","overflow-x","overflow-y","text-overflow","white-space"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/overflow-text/overflow-text.tsx#OverflowText","slot":"className"}],"unchecked":["Unresolved rendered props bundle"]}},"relationships":["packages/emcn/src/components/overflow-text/overflow-text.tsx#OverflowText"]},
+    "DropdownMenuLabel": {"importSource":"@sim/emcn","exportName":"DropdownMenuLabel","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":548,"name":"DropdownMenuLabel"},"kind":"component","variants":{"inset":{"values":[false,true]}},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#Label","slot":"style"}],"unchecked":["Unresolved styling forwarding: DropdownMenuLabel.style -> @radix-ui/react-dropdown-menu#Label.style"]},"className":{"protected":["color","font-size","height","padding"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#Label","slot":"className"}],"unchecked":["Unresolved styling forwarding: DropdownMenuLabel.className -> @radix-ui/react-dropdown-menu#Label.className"]}},"relationships":["@radix-ui/react-dropdown-menu#Label"]},
+    "DropdownMenuPortal": {"importSource":"@sim/emcn","exportName":"DropdownMenuPortal","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":203,"name":"DropdownMenuPortal"},"kind":"component","variants":{},"slots":{},"relationships":[]},
+    "DropdownMenuRadioGroup": {"importSource":"@sim/emcn","exportName":"DropdownMenuRadioGroup","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":207,"name":"DropdownMenuRadioGroup"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Implementation of DropdownMenuRadioGroup is delegated or unsupported; styling ownership remains unchecked"]},"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Implementation of DropdownMenuRadioGroup is delegated or unsupported; styling ownership remains unchecked"]}},"relationships":[]},
+    "DropdownMenuRadioItem": {"importSource":"@sim/emcn","exportName":"DropdownMenuRadioItem","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":510,"name":"DropdownMenuRadioItem"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#RadioItem","slot":"style"}],"unchecked":["Unresolved styling forwarding: DropdownMenuRadioItem.style -> @radix-ui/react-dropdown-menu#RadioItem.style"]},"className":{"protected":["background-color","border-radius","color","font-size","height","opacity","outline","outline-offset","outline-style","padding","white-space"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#RadioItem","slot":"className"}],"unchecked":["Unresolved styling forwarding: DropdownMenuRadioItem.className -> @radix-ui/react-dropdown-menu#RadioItem.className"]}},"relationships":["@radix-ui/react-dropdown-menu#ItemIndicator","@radix-ui/react-dropdown-menu#RadioItem","packages/emcn/src/icons/index.ts#Circle"]},
+    "DropdownMenuSearchInput": {"importSource":"@sim/emcn","exportName":"DropdownMenuSearchInput","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":578,"name":"DropdownMenuSearchInput"},"kind":"component","variants":{},"slots":{"className":{"protected":["background-color","color","font-size","outline","outline-offset","outline-style"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["background-color","color","font-size","outline","outline-offset","outline-style"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["packages/emcn/src/icons/index.ts#Search"]},
+    "DropdownMenuSeparator": {"importSource":"@sim/emcn","exportName":"DropdownMenuSeparator","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":566,"name":"DropdownMenuSeparator"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#Separator","slot":"style"}],"unchecked":["Unresolved styling forwarding: DropdownMenuSeparator.style -> @radix-ui/react-dropdown-menu#Separator.style"]},"className":{"protected":["background-color","height"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#Separator","slot":"className"}],"unchecked":["Unresolved styling forwarding: DropdownMenuSeparator.className -> @radix-ui/react-dropdown-menu#Separator.className"]}},"relationships":["@radix-ui/react-dropdown-menu#Separator"]},
+    "DropdownMenuShortcut": {"importSource":"@sim/emcn","exportName":"DropdownMenuShortcut","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":629,"name":"DropdownMenuShortcut"},"kind":"component","variants":{},"slots":{"className":{"protected":["color","font-size","letter-spacing","line-height"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["color","font-size","letter-spacing","line-height"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "DropdownMenuSub": {"importSource":"@sim/emcn","exportName":"DropdownMenuSub","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":205,"name":"DropdownMenuSub"},"kind":"component","variants":{},"slots":{},"relationships":[]},
+    "DropdownMenuSubContent": {"importSource":"@sim/emcn","exportName":"DropdownMenuSubContent","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":260,"name":"DropdownMenuSubContent"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#SubContent","slot":"style"}],"unchecked":["Unresolved styling forwarding: DropdownMenuSubContent.style -> @radix-ui/react-dropdown-menu#SubContent.style"]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","max-height","max-width","min-width","overflow-x","overflow-y","padding","width"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#SubContent","slot":"className"}],"unchecked":["Unresolved central styling utility: data-[side=bottom]:slide-in-from-top-2","Unresolved central styling utility: data-[side=left]:slide-in-from-right-2","Unresolved central styling utility: data-[side=right]:slide-in-from-left-2","Unresolved central styling utility: data-[side=top]:slide-in-from-bottom-2","Unresolved central styling utility: data-[state=closed]:animate-out","Unresolved central styling utility: data-[state=closed]:fade-out-0","Unresolved central styling utility: data-[state=closed]:zoom-out-95","Unresolved central styling utility: data-[state=open]:animate-in","Unresolved central styling utility: data-[state=open]:fade-in-0","Unresolved central styling utility: data-[state=open]:zoom-in-95","Unresolved styling forwarding: DropdownMenuSubContent.className -> @radix-ui/react-dropdown-menu#SubContent.className"]}},"relationships":["@radix-ui/react-dropdown-menu#Portal","@radix-ui/react-dropdown-menu#SubContent"]},
+    "DropdownMenuSubTrigger": {"importSource":"@sim/emcn","exportName":"DropdownMenuSubTrigger","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":209,"name":"DropdownMenuSubTrigger"},"kind":"component","variants":{"asChild":{"values":[false,true]},"inset":{"values":[false,true]}},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#SubTrigger","slot":"style"}],"unchecked":["Unresolved styling forwarding: DropdownMenuSubTrigger.style -> @radix-ui/react-dropdown-menu#SubTrigger.style"]},"className":{"protected":["background-color","border-radius","color","font-size","gap","height","outline","outline-offset","outline-style","overflow","padding","text-overflow","white-space","width"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dropdown-menu#SubTrigger","slot":"className"}],"unchecked":["Unresolved styling forwarding: DropdownMenuSubTrigger.className -> @radix-ui/react-dropdown-menu#SubTrigger.className"]}},"relationships":["@radix-ui/react-dropdown-menu#SubTrigger","packages/emcn/src/icons/index.ts#ChevronRight"]},
+    "DropdownMenuTrigger": {"importSource":"@sim/emcn","exportName":"DropdownMenuTrigger","source":{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":193,"name":"DropdownMenuTrigger"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Implementation of DropdownMenuTrigger is delegated or unsupported; styling ownership remains unchecked"]},"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Implementation of DropdownMenuTrigger is delegated or unsupported; styling ownership remains unchecked"]}},"relationships":[]},
+    "Duplicate": {"importSource":"@sim/emcn","exportName":"Duplicate","source":{"file":"packages/emcn/src/icons/duplicate.tsx","line":7,"name":"Duplicate"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Expand": {"importSource":"@sim/emcn","exportName":"Expand","source":{"file":"packages/emcn/src/icons/expand.tsx","line":3,"name":"Expand"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Expandable": {"importSource":"@sim/emcn","exportName":"Expandable","source":{"file":"packages/emcn/src/components/expandable/expandable.tsx","line":28,"name":"Expandable"},"kind":"component","variants":{"expanded":{"values":[false,true]}},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-collapsible#Root","slot":"style"}],"unchecked":["Unresolved styling forwarding: Expandable.style -> @radix-ui/react-collapsible#Root.style"]},"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-collapsible#Root","slot":"className"}],"unchecked":["Unresolved styling forwarding: Expandable.className -> @radix-ui/react-collapsible#Root.className"]}},"relationships":["@radix-ui/react-collapsible#Root"]},
+    "ExpandableContent": {"importSource":"@sim/emcn","exportName":"ExpandableContent","source":{"file":"packages/emcn/src/components/expandable/expandable.tsx","line":46,"name":"ExpandableContent"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-collapsible#Content","slot":"style"}],"unchecked":["Unresolved styling forwarding: ExpandableContent.style -> @radix-ui/react-collapsible#Content.style"]},"className":{"protected":["overflow"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-collapsible#Content","slot":"className"}],"unchecked":["Unresolved styling forwarding: ExpandableContent.className -> @radix-ui/react-collapsible#Content.className"]}},"relationships":["@radix-ui/react-collapsible#Content"]},
+    "Eye": {"importSource":"@sim/emcn","exportName":"Eye","source":{"file":"packages/emcn/src/icons/eye.tsx","line":7,"name":"Eye"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "EyeOff": {"importSource":"@sim/emcn","exportName":"EyeOff","source":{"file":"packages/emcn/src/icons/eye-off.tsx","line":12,"name":"EyeOff"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "FieldDivider": {"importSource":"@sim/emcn","exportName":"FieldDivider","source":{"file":"packages/emcn/src/components/field-divider/field-divider.tsx","line":45,"name":"FieldDivider"},"kind":"component","variants":{"subblockMarker":{"values":[false,true],"default":false}},"slots":{"className":{"protected":["padding"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved central styling utility: subblock-divider"]},"style":{"protected":["padding"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved central styling utility: subblock-divider"]}},"relationships":["packages/emcn/src/components/field-divider/field-divider.tsx#DashedDividerLine"]},
+    "File": {"importSource":"@sim/emcn","exportName":"File","source":{"file":"packages/emcn/src/icons/file.tsx","line":7,"name":"File"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "FileText": {"importSource":"@sim/emcn","exportName":"FileText","source":{"file":"packages/emcn/src/icons/file-text.tsx","line":7,"name":"FileText"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "FileX": {"importSource":"@sim/emcn","exportName":"FileX","source":{"file":"packages/emcn/src/icons/file-x.tsx","line":7,"name":"FileX"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Files": {"importSource":"@sim/emcn","exportName":"Files","source":{"file":"packages/emcn/src/icons/files.tsx","line":7,"name":"Files"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Fingerprint": {"importSource":"@sim/emcn","exportName":"Fingerprint","source":{"file":"packages/emcn/src/icons/fingerprint.tsx","line":7,"name":"Fingerprint"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "FloatingTooltip": {"importSource":"@sim/emcn","exportName":"FloatingTooltip","source":{"file":"packages/emcn/src/components/tooltip/tooltip.tsx","line":421,"name":"FloatingTooltip"},"kind":"component","variants":{"role":{"values":["tooltip"]}},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","max-width","opacity","padding","scale","transform","transform-origin"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Folder": {"importSource":"@sim/emcn","exportName":"Folder","source":{"file":"packages/emcn/src/icons/folder.tsx","line":20,"name":"Folder"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "FolderCode": {"importSource":"@sim/emcn","exportName":"FolderCode","source":{"file":"packages/emcn/src/icons/folder-code.tsx","line":13,"name":"FolderCode"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "FolderInput": {"importSource":"@sim/emcn","exportName":"FolderInput","source":{"file":"packages/emcn/src/icons/folder-input.tsx","line":3,"name":"FolderInput"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "FolderOpen": {"importSource":"@sim/emcn","exportName":"FolderOpen","source":{"file":"packages/emcn/src/icons/folder-open.tsx","line":11,"name":"FolderOpen"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "FolderPlus": {"importSource":"@sim/emcn","exportName":"FolderPlus","source":{"file":"packages/emcn/src/icons/folder-plus.tsx","line":7,"name":"FolderPlus"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "FormInput": {"importSource":"@sim/emcn","exportName":"FormInput","source":{"file":"packages/emcn/src/icons/form-input.tsx","line":7,"name":"FormInput"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Globe": {"importSource":"@sim/emcn","exportName":"Globe","source":{"file":"packages/emcn/src/icons/globe.tsx","line":7,"name":"Globe"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "GridOffset": {"importSource":"@sim/emcn","exportName":"GridOffset","source":{"file":"packages/emcn/src/icons/grid-offset.tsx","line":4,"name":"GridOffset"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Hammer": {"importSource":"@sim/emcn","exportName":"Hammer","source":{"file":"packages/emcn/src/icons/hammer.tsx","line":7,"name":"Hammer"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Hand": {"importSource":"@sim/emcn","exportName":"Hand","source":{"file":"packages/emcn/src/icons/hand.tsx","line":3,"name":"Hand"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Heading1": {"importSource":"@sim/emcn","exportName":"Heading1","source":{"file":"packages/emcn/src/icons/heading1.tsx","line":7,"name":"Heading1"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Heading2": {"importSource":"@sim/emcn","exportName":"Heading2","source":{"file":"packages/emcn/src/icons/heading2.tsx","line":7,"name":"Heading2"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Heading3": {"importSource":"@sim/emcn","exportName":"Heading3","source":{"file":"packages/emcn/src/icons/heading3.tsx","line":7,"name":"Heading3"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "HelpCircle": {"importSource":"@sim/emcn","exportName":"HelpCircle","source":{"file":"packages/emcn/src/icons/help-circle.tsx","line":7,"name":"HelpCircle"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "HexSimple": {"importSource":"@sim/emcn","exportName":"HexSimple","source":{"file":"packages/emcn/src/icons/hex-simple.tsx","line":7,"name":"HexSimple"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Highlighter": {"importSource":"@sim/emcn","exportName":"Highlighter","source":{"file":"packages/emcn/src/icons/highlighter.tsx","line":7,"name":"Highlighter"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Home": {"importSource":"@sim/emcn","exportName":"Home","source":{"file":"packages/emcn/src/icons/home.tsx","line":7,"name":"Home"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "HtmlIcon": {"importSource":"@sim/emcn","exportName":"HtmlIcon","source":{"file":"packages/emcn/src/icons/html-icon.tsx","line":4,"name":"HtmlIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ImageUp": {"importSource":"@sim/emcn","exportName":"ImageUp","source":{"file":"packages/emcn/src/icons/image-up.tsx","line":9,"name":"ImageUp"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Infinity": {"importSource":"@sim/emcn","exportName":"Infinity","source":{"file":"packages/emcn/src/icons/infinity.tsx","line":7,"name":"InfinityIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "InfinityIcon": {"importSource":"@sim/emcn","exportName":"InfinityIcon","source":{"file":"packages/emcn/src/icons/infinity.tsx","line":7,"name":"InfinityIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Infinity"},
+    "Info": {"importSource":"@sim/emcn","exportName":"Info","source":{"file":"packages/emcn/src/components/info/info.tsx","line":38,"name":"Info"},"kind":"component","variants":{"side":{"values":["bottom","left","right","top"],"default":"top"},"align":{"values":["center","end","start"],"default":"start"}},"slots":{"className":{"protected":["color","height","outline","outline-offset","outline-style","width"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["packages/emcn/src/components/tooltip/tooltip.tsx#Tooltip.Content","packages/emcn/src/components/tooltip/tooltip.tsx#Tooltip.Root","packages/emcn/src/components/tooltip/tooltip.tsx#Tooltip.Trigger"]},
+    "InfoCard": {"importSource":"@sim/emcn","exportName":"InfoCard","source":{"file":"packages/emcn/src/components/info-card/info-card.tsx","line":33,"name":"InfoCard"},"kind":"component","variants":{},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["background-color","border-color","border-radius","border-style","border-width"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "InfoCardItem": {"importSource":"@sim/emcn","exportName":"InfoCardItem","source":{"file":"packages/emcn/src/components/info-card/info-card.tsx","line":85,"name":"InfoCardItem"},"kind":"component","variants":{},"slots":{"icon":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"className":{"protected":["gap"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["gap"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["packages/emcn/src/components/info-card/info-card.tsx#Icon@ArrowFunctionExpression[3]"]},
+    "InfoCardList": {"importSource":"@sim/emcn","exportName":"InfoCardList","source":{"file":"packages/emcn/src/components/info-card/info-card.tsx","line":60,"name":"InfoCardList"},"kind":"component","variants":{},"slots":{"maxHeightClassName":{"protected":["gap","overflow-y","padding"],"allowed":[],"recipes":[],"forwards":[]},"className":{"protected":["gap","overflow-y","padding"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["gap","overflow-y","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Input": {"importSource":"@sim/emcn","exportName":"Input","source":{"file":"packages/emcn/src/components/input/input.tsx","line":41,"name":"Input"},"kind":"component","variants":{},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","color","font-family","font-size","height","letter-spacing","line-height","opacity","outline","outline-offset","outline-style","padding"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","color","font-family","font-size","height","letter-spacing","line-height","opacity","outline","outline-offset","outline-style","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "InputOTP": {"importSource":"@sim/emcn","exportName":"InputOTP","source":{"file":"packages/emcn/src/components/input-otp/input-otp.tsx","line":37,"name":"InputOTP"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"input-otp#OTPInput","slot":"style"}],"unchecked":["Unresolved styling forwarding: InputOTP.style -> input-otp#OTPInput.style"]},"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"input-otp#OTPInput","slot":"className"}],"unchecked":["Unresolved styling forwarding: InputOTP.className -> input-otp#OTPInput.className"]}},"relationships":["input-otp#OTPInput"]},
+    "InputOTPGroup": {"importSource":"@sim/emcn","exportName":"InputOTPGroup","source":{"file":"packages/emcn/src/components/input-otp/input-otp.tsx","line":56,"name":"InputOTPGroup"},"kind":"component","variants":{},"slots":{"style":{"protected":["gap"],"allowed":[],"recipes":[],"forwards":[]},"className":{"protected":["gap"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "InputOTPSeparator": {"importSource":"@sim/emcn","exportName":"InputOTPSeparator","source":{"file":"packages/emcn/src/components/input-otp/input-otp.tsx","line":100,"name":"InputOTPSeparator"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Rendered public props may override authored className; default ownership remains unchecked"]},"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Rendered public props may override authored className; default ownership remains unchecked"]}},"relationships":["packages/emcn/src/icons/index.ts#Minus"]},
+    "InputOTPSlot": {"importSource":"@sim/emcn","exportName":"InputOTPSlot","source":{"file":"packages/emcn/src/components/input-otp/input-otp.tsx","line":69,"name":"InputOTPSlot"},"kind":"component","variants":{},"slots":{"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","height","line-height","outline-color","width"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","height","line-height","outline-color","width"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]}},"relationships":[]},
+    "Integration": {"importSource":"@sim/emcn","exportName":"Integration","source":{"file":"packages/emcn/src/icons/integration.tsx","line":7,"name":"Integration"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Italic": {"importSource":"@sim/emcn","exportName":"Italic","source":{"file":"packages/emcn/src/icons/italic.tsx","line":7,"name":"Italic"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "JsonIcon": {"importSource":"@sim/emcn","exportName":"JsonIcon","source":{"file":"packages/emcn/src/icons/json-icon.tsx","line":4,"name":"JsonIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Key": {"importSource":"@sim/emcn","exportName":"Key","source":{"file":"packages/emcn/src/icons/key.tsx","line":7,"name":"Key"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "KeySquare": {"importSource":"@sim/emcn","exportName":"KeySquare","source":{"file":"packages/emcn/src/icons/key-square.tsx","line":7,"name":"KeySquare"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Label": {"importSource":"@sim/emcn","exportName":"Label","source":{"file":"packages/emcn/src/components/label/label.tsx","line":24,"name":"Label"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-label#Root","slot":"style"}],"unchecked":["Unresolved styling forwarding: Label.style -> @radix-ui/react-label#Root.style"]},"className":{"protected":["color","font-size","line-height","opacity"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-label#Root","slot":"className"}],"unchecked":["Unresolved styling forwarding: Label.className -> @radix-ui/react-label#Root.className"]}},"relationships":["@radix-ui/react-label#Root"]},
+    "Layout": {"importSource":"@sim/emcn","exportName":"Layout","source":{"file":"packages/emcn/src/icons/layout.tsx","line":26,"name":"Layout"},"kind":"icon","variants":{"animate":{"values":[false,true],"default":false},"variant":{"values":["clockwise","counterclockwise"],"default":"counterclockwise"}},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup","Unsupported styling expression: BinaryExpression"]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup","Unsupported styling expression: BinaryExpression"]}},"relationships":[]},
+    "Library": {"importSource":"@sim/emcn","exportName":"Library","source":{"file":"packages/emcn/src/icons/library.tsx","line":7,"name":"Library"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Lightbox": {"importSource":"@sim/emcn","exportName":"Lightbox","source":{"file":"packages/emcn/src/components/lightbox/lightbox.tsx","line":56,"name":"Lightbox"},"kind":"component","variants":{"type":{"values":["image","video"],"default":"image"}},"slots":{},"relationships":["packages/emcn/src/index.ts#Chip","packages/emcn/src/index.ts#Modal","packages/emcn/src/index.ts#ModalClose","packages/emcn/src/index.ts#ModalContent","packages/emcn/src/index.ts#ModalTrigger"]},
+    "LineChart": {"importSource":"@sim/emcn","exportName":"LineChart","source":{"file":"packages/emcn/src/components/charts/line-chart.tsx","line":580,"name":"LineChart"},"kind":"component","variants":{},"slots":{},"relationships":["packages/emcn/src/index.ts#ChartDataTable","packages/emcn/src/index.ts#ChartLegend","packages/emcn/src/index.ts#ChartTooltip","packages/emcn/src/index.ts#ChartTooltipRow"]},
+    "Link": {"importSource":"@sim/emcn","exportName":"Link","source":{"file":"packages/emcn/src/icons/link.tsx","line":7,"name":"Link"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "LinkedIn": {"importSource":"@sim/emcn","exportName":"LinkedIn","source":{"file":"packages/emcn/src/icons/linkedin.tsx","line":4,"name":"LinkedIn"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "List": {"importSource":"@sim/emcn","exportName":"List","source":{"file":"packages/emcn/src/icons/list.tsx","line":7,"name":"List"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ListChecks": {"importSource":"@sim/emcn","exportName":"ListChecks","source":{"file":"packages/emcn/src/icons/list-checks.tsx","line":7,"name":"ListChecks"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ListFilter": {"importSource":"@sim/emcn","exportName":"ListFilter","source":{"file":"packages/emcn/src/icons/list-filter.tsx","line":7,"name":"ListFilter"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ListOrdered": {"importSource":"@sim/emcn","exportName":"ListOrdered","source":{"file":"packages/emcn/src/icons/list-ordered.tsx","line":7,"name":"ListOrdered"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Loader": {"importSource":"@sim/emcn","exportName":"Loader","source":{"file":"packages/emcn/src/icons/loader.tsx","line":22,"name":"Loader"},"kind":"icon","variants":{"animate":{"values":[false,true],"default":false}},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]}},"relationships":[]},
+    "Lock": {"importSource":"@sim/emcn","exportName":"Lock","source":{"file":"packages/emcn/src/icons/lock.tsx","line":7,"name":"Lock"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "LogIn": {"importSource":"@sim/emcn","exportName":"LogIn","source":{"file":"packages/emcn/src/icons/log-in.tsx","line":7,"name":"LogIn"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "LogOut": {"importSource":"@sim/emcn","exportName":"LogOut","source":{"file":"packages/emcn/src/icons/log-out.tsx","line":7,"name":"LogOut"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "LogoPage": {"importSource":"@sim/emcn","exportName":"LogoPage","source":{"file":"packages/emcn/src/components/status-page/status-page.tsx","line":49,"name":"LogoPage"},"kind":"component","variants":{"center":{"values":[false,true],"default":false},"theme":{"values":["inherit","light"],"default":"inherit"}},"slots":{"className":{"protected":["background-color","color","height","min-height"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved central styling utility: light","Unsupported styling expression: BinaryExpression"]}},"relationships":[]},
+    "MODAL_SIZES": {"importSource":"@sim/emcn","exportName":"MODAL_SIZES","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":417,"name":"MODAL_SIZES"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "Mail": {"importSource":"@sim/emcn","exportName":"Mail","source":{"file":"packages/emcn/src/icons/mail.tsx","line":7,"name":"Mail"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ManageWorkspace": {"importSource":"@sim/emcn","exportName":"ManageWorkspace","source":{"file":"packages/emcn/src/icons/manage-workspace.tsx","line":7,"name":"ManageWorkspace"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "MarkdownIcon": {"importSource":"@sim/emcn","exportName":"MarkdownIcon","source":{"file":"packages/emcn/src/icons/markdown-icon.tsx","line":4,"name":"MarkdownIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Menu": {"importSource":"@sim/emcn","exportName":"Menu","source":{"file":"packages/emcn/src/icons/menu.tsx","line":7,"name":"Menu"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "MessageSquareText": {"importSource":"@sim/emcn","exportName":"MessageSquareText","source":{"file":"packages/emcn/src/icons/message-square-text.tsx","line":7,"name":"MessageSquareText"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Mic": {"importSource":"@sim/emcn","exportName":"Mic","source":{"file":"packages/emcn/src/icons/mic.tsx","line":7,"name":"Mic"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "MicOff": {"importSource":"@sim/emcn","exportName":"MicOff","source":{"file":"packages/emcn/src/icons/mic-off.tsx","line":7,"name":"MicOff"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Minus": {"importSource":"@sim/emcn","exportName":"Minus","source":{"file":"packages/emcn/src/icons/minus.tsx","line":7,"name":"Minus"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Modal": {"importSource":"@sim/emcn","exportName":"Modal","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":296,"name":"Modal"},"kind":"component","variants":{},"slots":{},"relationships":[]},
+    "ModalBody": {"importSource":"@sim/emcn","exportName":"ModalBody","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":856,"name":"ModalBody"},"kind":"component","variants":{},"slots":{"className":{"protected":["overflow-y","padding"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["overflow-y","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ModalClose": {"importSource":"@sim/emcn","exportName":"ModalClose","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":311,"name":"ModalClose"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Implementation of ModalClose is delegated or unsupported; styling ownership remains unchecked"]},"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Implementation of ModalClose is delegated or unsupported; styling ownership remains unchecked"]}},"relationships":[]},
+    "ModalContent": {"importSource":"@sim/emcn","exportName":"ModalContent","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":486,"name":"ModalContent"},"kind":"component","variants":{"showClose":{"values":[false,true],"default":true},"size":{"values":["full","lg","md","sm","xl"],"default":"md"},"bare":{"values":[false,true],"default":false},"dismissDisabled":{"values":[false,true],"default":false}},"slots":{"overlayClassName":{"protected":["backdrop-filter","background-color"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/modal/modal.tsx#ModalOverlay","slot":"className"}],"unchecked":["Unresolved central styling utility: data-[state=closed]:animate-out","Unresolved central styling utility: data-[state=closed]:fade-out-0","Unresolved central styling utility: data-[state=open]:animate-in","Unresolved central styling utility: data-[state=open]:fade-in-0","Unresolved styling forwarding: ModalOverlay.className -> @radix-ui/react-dialog#Overlay.className","Unsupported styling expression: UnaryExpression"]},"style":{"protected":["visibility"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dialog#Content","slot":"style"}],"unchecked":["Unresolved styling forwarding: ModalContent.style -> @radix-ui/react-dialog#Content.style"]},"className":{"protected":["background-color","border-radius","box-shadow","font-size","max-height","max-width","outline-color","overflow","width"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dialog#Content","slot":"className"}],"unchecked":["Unresolved central styling utility: data-[state=closed]:animate-out","Unresolved central styling utility: data-[state=closed]:fade-out-0","Unresolved central styling utility: data-[state=closed]:zoom-out-95","Unresolved central styling utility: data-[state=open]:animate-in","Unresolved central styling utility: data-[state=open]:fade-in-0","Unresolved central styling utility: data-[state=open]:zoom-in-95","Unresolved styling forwarding: ModalContent.className -> @radix-ui/react-dialog#Content.className","Unsupported styling expression: UnaryExpression"]}},"relationships":["@radix-ui/react-dialog#Content","@radix-ui/react-dialog#Title","packages/emcn/src/components/modal/modal.tsx#InsideModalContext.Provider","packages/emcn/src/components/modal/modal.tsx#ModalBodyLockReleaser","packages/emcn/src/components/modal/modal.tsx#ModalDismissDisabledContext.Provider","packages/emcn/src/components/modal/modal.tsx#ModalOverlay","packages/emcn/src/components/modal/modal.tsx#ModalPortal"]},
+    "ModalDescription": {"importSource":"@sim/emcn","exportName":"ModalDescription","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":708,"name":"ModalDescription"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dialog#Description","slot":"style"}],"unchecked":["Unresolved styling forwarding: ModalDescription.style -> @radix-ui/react-dialog#Description.style"]},"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dialog#Description","slot":"className"}],"unchecked":["Unresolved styling forwarding: ModalDescription.className -> @radix-ui/react-dialog#Description.className"]}},"relationships":["@radix-ui/react-dialog#Description"]},
+    "ModalFooter": {"importSource":"@sim/emcn","exportName":"ModalFooter","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":867,"name":"ModalFooter"},"kind":"component","variants":{},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","gap","padding"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","gap","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ModalHeader": {"importSource":"@sim/emcn","exportName":"ModalHeader","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":664,"name":"ModalHeader"},"kind":"component","variants":{},"slots":{"className":{"protected":["gap","padding"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["gap","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["@radix-ui/react-dialog#Close","@radix-ui/react-dialog#Title","packages/emcn/src/components/button/button.tsx#Button","packages/emcn/src/icons/index.ts#X"]},
+    "ModalOverlay": {"importSource":"@sim/emcn","exportName":"ModalOverlay","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":366,"name":"ModalOverlay"},"kind":"component","variants":{"nativeSurfaceReady":{"values":[false,true],"default":true}},"slots":{"style":{"protected":["visibility"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dialog#Overlay","slot":"style"}],"unchecked":["Unresolved styling forwarding: ModalOverlay.style -> @radix-ui/react-dialog#Overlay.style"]},"className":{"protected":["backdrop-filter","background-color"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dialog#Overlay","slot":"className"}],"unchecked":["Unresolved central styling utility: data-[state=closed]:animate-out","Unresolved central styling utility: data-[state=closed]:fade-out-0","Unresolved central styling utility: data-[state=open]:animate-in","Unresolved central styling utility: data-[state=open]:fade-in-0","Unresolved styling forwarding: ModalOverlay.className -> @radix-ui/react-dialog#Overlay.className","Unsupported styling expression: UnaryExpression"]}},"relationships":["@radix-ui/react-dialog#Overlay","packages/emcn/src/components/modal/modal.tsx#NativeSurfaceModalGate"]},
+    "ModalPortal": {"importSource":"@sim/emcn","exportName":"ModalPortal","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":306,"name":"ModalPortal"},"kind":"component","variants":{},"slots":{},"relationships":[]},
+    "ModalTabs": {"importSource":"@sim/emcn","exportName":"ModalTabs","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":720,"name":"ModalTabs"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-tabs#Root","slot":"style"}],"unchecked":["Unresolved styling forwarding: ModalTabs.style -> @radix-ui/react-tabs#Root.style"]},"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-tabs#Root","slot":"className"}],"unchecked":["Unresolved styling forwarding: ModalTabs.className -> @radix-ui/react-tabs#Root.className"]}},"relationships":["@radix-ui/react-tabs#Root"]},
+    "ModalTabsContent": {"importSource":"@sim/emcn","exportName":"ModalTabsContent","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":844,"name":"ModalTabsContent"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-tabs#Content","slot":"style"}],"unchecked":["Unresolved styling forwarding: ModalTabsContent.style -> @radix-ui/react-tabs#Content.style"]},"className":{"protected":["padding"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-tabs#Content","slot":"className"}],"unchecked":["Unresolved styling forwarding: ModalTabsContent.className -> @radix-ui/react-tabs#Content.className"]}},"relationships":["@radix-ui/react-tabs#Content"]},
+    "ModalTabsList": {"importSource":"@sim/emcn","exportName":"ModalTabsList","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":755,"name":"ModalTabsList"},"kind":"component","variants":{"disabled":{"values":[false,true],"default":false}},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-tabs#List","slot":"style"}],"unchecked":["Unresolved styling forwarding: ModalTabsList.style -> @radix-ui/react-tabs#List.style"]},"className":{"protected":["gap","opacity","padding"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-tabs#List","slot":"className"}],"unchecked":["Unresolved styling forwarding: ModalTabsList.className -> @radix-ui/react-tabs#List.className"]}},"relationships":["@radix-ui/react-tabs#List"]},
+    "ModalTabsTrigger": {"importSource":"@sim/emcn","exportName":"ModalTabsTrigger","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":819,"name":"ModalTabsTrigger"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-tabs#Trigger","slot":"style"}],"unchecked":["Unresolved styling forwarding: ModalTabsTrigger.style -> @radix-ui/react-tabs#Trigger.style"]},"className":{"protected":["color","font-size","padding"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-tabs#Trigger","slot":"className"}],"unchecked":["Unresolved styling forwarding: ModalTabsTrigger.className -> @radix-ui/react-tabs#Trigger.className"]}},"relationships":["@radix-ui/react-tabs#Trigger"]},
+    "ModalTitle": {"importSource":"@sim/emcn","exportName":"ModalTitle","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":696,"name":"ModalTitle"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dialog#Title","slot":"style"}],"unchecked":["Unresolved styling forwarding: ModalTitle.style -> @radix-ui/react-dialog#Title.style"]},"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-dialog#Title","slot":"className"}],"unchecked":["Unresolved styling forwarding: ModalTitle.className -> @radix-ui/react-dialog#Title.className"]}},"relationships":["@radix-ui/react-dialog#Title"]},
+    "ModalTrigger": {"importSource":"@sim/emcn","exportName":"ModalTrigger","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":301,"name":"ModalTrigger"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Implementation of ModalTrigger is delegated or unsupported; styling ownership remains unchecked"]},"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Implementation of ModalTrigger is delegated or unsupported; styling ownership remains unchecked"]}},"relationships":[]},
+    "Moon": {"importSource":"@sim/emcn","exportName":"Moon","source":{"file":"packages/emcn/src/icons/moon.tsx","line":7,"name":"Moon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "MoreHorizontal": {"importSource":"@sim/emcn","exportName":"MoreHorizontal","source":{"file":"packages/emcn/src/icons/more-horizontal.tsx","line":13,"name":"MoreHorizontal"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "MoreVertical": {"importSource":"@sim/emcn","exportName":"MoreVertical","source":{"file":"packages/emcn/src/icons/more-vertical.tsx","line":7,"name":"MoreVertical"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Music": {"importSource":"@sim/emcn","exportName":"Music","source":{"file":"packages/emcn/src/icons/music.tsx","line":7,"name":"Music"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "NATIVE_SURFACE_OCCLUSION_PREPARE_EVENT": {"importSource":"@sim/emcn","exportName":"NATIVE_SURFACE_OCCLUSION_PREPARE_EVENT","source":{"file":"packages/emcn/src/components/modal/modal.tsx","line":60,"name":"NATIVE_SURFACE_OCCLUSION_PREPARE_EVENT"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "NoWrap": {"importSource":"@sim/emcn","exportName":"NoWrap","source":{"file":"packages/emcn/src/icons/no-wrap.tsx","line":7,"name":"NoWrap"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "OverflowText": {"importSource":"@sim/emcn","exportName":"OverflowText","source":{"file":"packages/emcn/src/components/overflow-text/overflow-text.tsx","line":49,"name":"OverflowText"},"kind":"component","variants":{"showWhen":{"values":[false,true]},"tooltipEnabled":{"values":[false,true],"default":true},"focusTarget":{"values":["nearest-interactive"]}},"slots":{"className":{"protected":["-webkit-mask-image","mask-image","overflow","overflow-x","overflow-y","text-overflow","white-space"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved rendered props bundle"]}},"relationships":["packages/emcn/src/components/tooltip/tooltip.tsx#FloatingTooltip"]},
+    "PAGE_CONTENT_WIDTH": {"importSource":"@sim/emcn","exportName":"PAGE_CONTENT_WIDTH","source":{"file":"packages/emcn/src/components/status-page/status-page.tsx","line":4,"name":"PAGE_CONTENT_WIDTH"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "PAGE_GUTTER": {"importSource":"@sim/emcn","exportName":"PAGE_GUTTER","source":{"file":"packages/emcn/src/components/status-page/status-page.tsx","line":5,"name":"PAGE_GUTTER"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "POPOVER_ANIMATION_CLASSES": {"importSource":"@sim/emcn","exportName":"POPOVER_ANIMATION_CLASSES","source":{"file":"packages/emcn/src/components/popover/popover-animation.ts","line":7,"name":"POPOVER_ANIMATION_CLASSES"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "Palette": {"importSource":"@sim/emcn","exportName":"Palette","source":{"file":"packages/emcn/src/icons/palette.tsx","line":7,"name":"Palette"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "PanelLeft": {"importSource":"@sim/emcn","exportName":"PanelLeft","source":{"file":"packages/emcn/src/icons/panel-left.tsx","line":7,"name":"PanelLeft"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "PanelRight": {"importSource":"@sim/emcn","exportName":"PanelRight","source":{"file":"packages/emcn/src/icons/panel-right.tsx","line":7,"name":"PanelRight"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Paperclip": {"importSource":"@sim/emcn","exportName":"Paperclip","source":{"file":"packages/emcn/src/icons/paperclip.tsx","line":7,"name":"Paperclip"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Pause": {"importSource":"@sim/emcn","exportName":"Pause","source":{"file":"packages/emcn/src/icons/pause.tsx","line":7,"name":"Pause"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "PdfIcon": {"importSource":"@sim/emcn","exportName":"PdfIcon","source":{"file":"packages/emcn/src/icons/pdf-icon.tsx","line":4,"name":"PdfIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Pencil": {"importSource":"@sim/emcn","exportName":"Pencil","source":{"file":"packages/emcn/src/icons/pencil.tsx","line":7,"name":"Pencil"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Phone": {"importSource":"@sim/emcn","exportName":"Phone","source":{"file":"packages/emcn/src/icons/phone.tsx","line":7,"name":"Phone"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Pilcrow": {"importSource":"@sim/emcn","exportName":"Pilcrow","source":{"file":"packages/emcn/src/icons/pilcrow.tsx","line":7,"name":"Pilcrow"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "PillsRing": {"importSource":"@sim/emcn","exportName":"PillsRing","source":{"file":"packages/emcn/src/icons/pills-ring.tsx","line":22,"name":"PillsRing"},"kind":"icon","variants":{"animate":{"values":[false,true],"default":false}},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]}},"relationships":[]},
+    "Pin": {"importSource":"@sim/emcn","exportName":"Pin","source":{"file":"packages/emcn/src/icons/pin.tsx","line":7,"name":"Pin"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "PinOff": {"importSource":"@sim/emcn","exportName":"PinOff","source":{"file":"packages/emcn/src/icons/pin-off.tsx","line":7,"name":"PinOff"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Play": {"importSource":"@sim/emcn","exportName":"Play","source":{"file":"packages/emcn/src/icons/play.tsx","line":7,"name":"Play"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "PlayOutline": {"importSource":"@sim/emcn","exportName":"PlayOutline","source":{"file":"packages/emcn/src/icons/play.tsx","line":30,"name":"PlayOutline"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Plus": {"importSource":"@sim/emcn","exportName":"Plus","source":{"file":"packages/emcn/src/icons/plus.tsx","line":7,"name":"Plus"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Popover": {"importSource":"@sim/emcn","exportName":"Popover","source":{"file":"packages/emcn/src/components/popover/popover.tsx","line":207,"name":"Popover"},"kind":"component","variants":{"size":{"values":["md","sm"],"default":"md"},"colorScheme":{"values":["default","inverted"],"default":"default"}},"slots":{},"relationships":["@radix-ui/react-popover#Root","packages/emcn/src/components/popover/popover.tsx#PopoverContext.Provider"]},
+    "PopoverAnchor": {"importSource":"@sim/emcn","exportName":"PopoverAnchor","source":{"file":"packages/emcn/src/components/popover/popover.tsx","line":359,"name":"PopoverAnchor"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Implementation of PopoverAnchor is delegated or unsupported; styling ownership remains unchecked"]},"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Implementation of PopoverAnchor is delegated or unsupported; styling ownership remains unchecked"]}},"relationships":[]},
+    "PopoverBackButton": {"importSource":"@sim/emcn","exportName":"PopoverBackButton","source":{"file":"packages/emcn/src/components/popover/popover.tsx","line":1058,"name":"PopoverBackButton"},"kind":"component","variants":{"folderTitleActive":{"values":[false,true]}},"slots":{"className":{"protected":["background-color","border-radius","color","font-size","gap","height","line-height","opacity","padding"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling call: createContext","Unresolved styling call: useContext"]},"style":{"protected":["background-color","border-radius","color","font-size","gap","height","line-height","opacity","padding"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling call: createContext","Unresolved styling call: useContext"]}},"relationships":["packages/emcn/src/icons/index.ts#ChevronLeft"]},
+    "PopoverContent": {"importSource":"@sim/emcn","exportName":"PopoverContent","source":{"file":"packages/emcn/src/components/popover/popover.tsx","line":429,"name":"PopoverContent"},"kind":"component","variants":{"disablePortal":{"values":[false,true],"default":false},"side":{"values":["bottom","left","right","top"],"default":"bottom"},"align":{"values":["center","end","start"],"default":"start"},"border":{"values":[false,true],"default":false},"appearance":{"values":["default","tooltip"],"default":"default"},"avoidCollisions":{"values":[false,true],"default":true},"showArrow":{"values":[false,true],"default":false}},"slots":{"arrowClassName":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","fill","font-size","max-width","outline","outline-offset","outline-style","overflow","padding","stroke","text-overflow","white-space"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-popover#Content","slot":"className"}],"unchecked":["Unresolved styling forwarding: PopoverContent.arrowClassName -> @radix-ui/react-popover#Content.className","Unsupported styling expression: BinaryExpression"]},"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","max-height","max-width","min-width","outline","outline-offset","outline-style","overflow","padding","text-overflow","white-space"],"allowed":["dimensions"],"recipes":[],"forwards":[{"target":"@radix-ui/react-popover#Content","slot":"className"},{"target":"@radix-ui/react-popover#Content","slot":"style"}],"unchecked":["Unresolved styling forwarding: PopoverContent.style -> @radix-ui/react-popover#Content.className","Unresolved styling forwarding: PopoverContent.style -> @radix-ui/react-popover#Content.style","Unsupported styling expression: BinaryExpression"]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","max-width","outline","outline-offset","outline-style","overflow","padding","text-overflow","white-space"],"allowed":["dimensions"],"recipes":[],"forwards":[{"target":"@radix-ui/react-popover#Content","slot":"className"}],"unchecked":["Unresolved styling forwarding: PopoverContent.className -> @radix-ui/react-popover#Content.className","Unsupported styling expression: BinaryExpression"]}},"relationships":["@radix-ui/react-popover#Arrow","@radix-ui/react-popover#Content","@radix-ui/react-popover#Portal"]},
+    "PopoverDivider": {"importSource":"@sim/emcn","exportName":"PopoverDivider","source":{"file":"packages/emcn/src/components/popover/popover.tsx","line":1196,"name":"PopoverDivider"},"kind":"component","variants":{"rootOnly":{"values":[false,true]}},"slots":{"className":{"protected":["border-color","border-style","border-width"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["border-color","border-style","border-width"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "PopoverFolder": {"importSource":"@sim/emcn","exportName":"PopoverFolder","source":{"file":"packages/emcn/src/components/popover/popover.tsx","line":888,"name":"PopoverFolder"},"kind":"component","variants":{"active":{"values":[false,true]},"expandOnHover":{"values":[false,true],"default":false}},"slots":{"icon":{"protected":["height","width"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/icons/index.ts#ChevronRight","slot":"className"}]},"style":{"protected":["background-color","border-radius","color","font-size","gap","height","line-height","opacity","padding"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling call: createContext","Unresolved styling call: useContext","Unsupported styling expression: BinaryExpression","Unsupported styling expression: UnaryExpression"]},"className":{"protected":["background-color","border-radius","color","font-size","gap","height","line-height","opacity","padding"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling call: createContext","Unresolved styling call: useContext","Unsupported styling expression: BinaryExpression","Unsupported styling expression: UnaryExpression"]}},"relationships":["@radix-ui/react-dismissable-layer#DismissableLayerBranch","packages/emcn/src/icons/index.ts#ChevronRight"]},
+    "PopoverItem": {"importSource":"@sim/emcn","exportName":"PopoverItem","source":{"file":"packages/emcn/src/components/popover/popover.tsx","line":724,"name":"PopoverItem"},"kind":"component","variants":{"active":{"values":[false,true]},"rootOnly":{"values":[false,true]},"disabled":{"values":[false,true]},"showCheck":{"values":[false,true],"default":false}},"slots":{"className":{"protected":["background-color","border-radius","color","font-size","gap","height","line-height","opacity","padding"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved central styling utility: default","Unsupported styling expression: OptionalMemberExpression","Unsupported styling expression: UnaryExpression"]},"style":{"protected":["background-color","border-radius","color","font-size","gap","height","line-height","opacity","padding"],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved central styling utility: default","Unsupported styling expression: OptionalMemberExpression","Unsupported styling expression: UnaryExpression"]}},"relationships":["packages/emcn/src/icons/index.ts#Check"]},
+    "PopoverScrollArea": {"importSource":"@sim/emcn","exportName":"PopoverScrollArea","source":{"file":"packages/emcn/src/components/popover/popover.tsx","line":685,"name":"PopoverScrollArea"},"kind":"component","variants":{},"slots":{"className":{"protected":["overflow"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["overflow"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "PopoverSearch": {"importSource":"@sim/emcn","exportName":"PopoverSearch","source":{"file":"packages/emcn/src/components/popover/popover.tsx","line":1144,"name":"PopoverSearch"},"kind":"component","variants":{},"slots":{"className":{"protected":["padding"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["packages/emcn/src/icons/index.ts#Search"]},
+    "PopoverSection": {"importSource":"@sim/emcn","exportName":"PopoverSection","source":{"file":"packages/emcn/src/components/popover/popover.tsx","line":833,"name":"PopoverSection"},"kind":"component","variants":{"rootOnly":{"values":[false,true]}},"slots":{"className":{"protected":["color","font-size","line-height","padding"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["color","font-size","line-height","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "PopoverTrigger": {"importSource":"@sim/emcn","exportName":"PopoverTrigger","source":{"file":"packages/emcn/src/components/popover/popover.tsx","line":353,"name":"PopoverTrigger"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Implementation of PopoverTrigger is delegated or unsupported; styling ownership remains unchecked"]},"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Implementation of PopoverTrigger is delegated or unsupported; styling ownership remains unchecked"]}},"relationships":[]},
+    "PptxIcon": {"importSource":"@sim/emcn","exportName":"PptxIcon","source":{"file":"packages/emcn/src/icons/pptx-icon.tsx","line":4,"name":"PptxIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ProgressItem": {"importSource":"@sim/emcn","exportName":"ProgressItem","source":{"file":"packages/emcn/src/components/progress-item/progress-item.tsx","line":60,"name":"ProgressItem"},"kind":"component","variants":{"status":{"values":["error","pending","success"],"default":"pending"}},"slots":{"style":{"protected":["font-size","gap","padding"],"allowed":[],"recipes":[],"forwards":[]},"className":{"protected":["font-size","gap","padding"],"allowed":[],"recipes":["packages/emcn/src/components/progress-item/progress-item.tsx#progressItemVariants"],"forwards":[]}},"relationships":["packages/emcn/src/components/progress-item/progress-item.tsx#StatusIcon","packages/emcn/src/icons/index.ts#Square","packages/emcn/src/icons/index.ts#X"]},
+    "RadarChart": {"importSource":"@sim/emcn","exportName":"RadarChart","source":{"file":"packages/emcn/src/components/charts/radar-chart.tsx","line":239,"name":"RadarChart"},"kind":"component","variants":{},"slots":{},"relationships":["packages/emcn/src/index.ts#ChartTooltip","packages/emcn/src/index.ts#ChartTooltipRow"]},
+    "Redo": {"importSource":"@sim/emcn","exportName":"Redo","source":{"file":"packages/emcn/src/icons/redo.tsx","line":7,"name":"Redo"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "RefreshCw": {"importSource":"@sim/emcn","exportName":"RefreshCw","source":{"file":"packages/emcn/src/icons/refresh-cw.tsx","line":9,"name":"RefreshCw"},"kind":"icon","variants":{"animate":{"values":[false,true],"default":false}},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]}},"relationships":[]},
+    "Repeat": {"importSource":"@sim/emcn","exportName":"Repeat","source":{"file":"packages/emcn/src/icons/repeat.tsx","line":7,"name":"Repeat"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Rocket": {"importSource":"@sim/emcn","exportName":"Rocket","source":{"file":"packages/emcn/src/icons/rocket.tsx","line":7,"name":"Rocket"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "RowActions": {"importSource":"@sim/emcn","exportName":"RowActions","source":{"file":"packages/emcn/src/components/row-actions/row-actions.tsx","line":23,"name":"RowActions"},"kind":"component","variants":{"open":{"values":[false,true],"default":false},"revealOnHover":{"values":[false,true],"default":true},"size":{"values":["md","sm"],"default":"sm"}},"slots":{"className":{"protected":["gap","height","width"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Rows3": {"importSource":"@sim/emcn","exportName":"Rows3","source":{"file":"packages/emcn/src/icons/rows3.tsx","line":7,"name":"Rows3"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Rss": {"importSource":"@sim/emcn","exportName":"Rss","source":{"file":"packages/emcn/src/icons/rss.tsx","line":7,"name":"Rss"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "SCROLL_FADE_BAND_PX": {"importSource":"@sim/emcn","exportName":"SCROLL_FADE_BAND_PX","source":{"file":"packages/emcn/src/components/scroll-fade/scroll-fade.ts","line":16,"name":"SCROLL_FADE_BAND_PX"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "Scissors": {"importSource":"@sim/emcn","exportName":"Scissors","source":{"file":"packages/emcn/src/icons/scissors.tsx","line":7,"name":"Scissors"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Search": {"importSource":"@sim/emcn","exportName":"Search","source":{"file":"packages/emcn/src/icons/search.tsx","line":7,"name":"Search"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "SecretInput": {"importSource":"@sim/emcn","exportName":"SecretInput","source":{"file":"packages/emcn/src/components/secret-input/secret-input.tsx","line":37,"name":"SecretInput"},"kind":"component","variants":{"error":{"values":[false,true]}},"slots":{"style":{"protected":["background-color","border-radius","borders","box-shadow","color","colours","font-family","font-size","gap","height","letter-spacing","line-height","outline","outline-offset","outline-style","padding","text-indent"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/chip-input/chip-input.tsx#ChipInput","slot":"style"}]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","borders","box-shadow","colours","font-family","font-size","gap","height","line-height","opacity","padding","text-align"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/chip-input/chip-input.tsx#ChipInput","slot":"className"}]},"icon":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/chip-input/chip-input.tsx#ChipInput","slot":"icon"}]},"inputClassName":{"protected":["background-color","color","outline","outline-offset","outline-style"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/chip-input/chip-input.tsx#ChipInput","slot":"inputClassName"}]}},"relationships":["packages/emcn/src/components/chip-input/chip-input.tsx#ChipInput"]},
+    "SecretReveal": {"importSource":"@sim/emcn","exportName":"SecretReveal","source":{"file":"packages/emcn/src/components/secret-reveal/secret-reveal.tsx","line":36,"name":"SecretReveal"},"kind":"component","variants":{"redacted":{"values":[false,true],"default":false}},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","gap","height","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["packages/emcn/src/index.ts#Button","packages/emcn/src/index.ts#Check","packages/emcn/src/index.ts#Duplicate"]},
+    "SelectAll": {"importSource":"@sim/emcn","exportName":"SelectAll","source":{"file":"packages/emcn/src/icons/select-all.tsx","line":7,"name":"SelectAll"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Send": {"importSource":"@sim/emcn","exportName":"Send","source":{"file":"packages/emcn/src/icons/send.tsx","line":7,"name":"Send"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "SendToBack": {"importSource":"@sim/emcn","exportName":"SendToBack","source":{"file":"packages/emcn/src/icons/send-to-back.tsx","line":7,"name":"SendToBack"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Server": {"importSource":"@sim/emcn","exportName":"Server","source":{"file":"packages/emcn/src/icons/server.tsx","line":7,"name":"Server"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Settings": {"importSource":"@sim/emcn","exportName":"Settings","source":{"file":"packages/emcn/src/icons/settings.tsx","line":7,"name":"Settings"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Share": {"importSource":"@sim/emcn","exportName":"Share","source":{"file":"packages/emcn/src/icons/share.tsx","line":7,"name":"Share"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ShieldCheck": {"importSource":"@sim/emcn","exportName":"ShieldCheck","source":{"file":"packages/emcn/src/icons/shield-check.tsx","line":7,"name":"ShieldCheck"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Shuffle": {"importSource":"@sim/emcn","exportName":"Shuffle","source":{"file":"packages/emcn/src/icons/shuffle.tsx","line":7,"name":"Shuffle"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Sim": {"importSource":"@sim/emcn","exportName":"Sim","source":{"file":"packages/emcn/src/icons/sim.tsx","line":7,"name":"Sim"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "SimWordmark": {"importSource":"@sim/emcn","exportName":"SimWordmark","source":{"file":"packages/emcn/src/components/sim-wordmark/sim-wordmark.tsx","line":18,"name":"SimWordmark"},"kind":"component","variants":{"size":{"values":["nav","tag"],"default":"nav"},"tone":{"values":["body","brand-muted","inherit","muted-inverse"],"default":"body"}},"slots":{},"relationships":[]},
+    "Skeleton": {"importSource":"@sim/emcn","exportName":"Skeleton","source":{"file":"packages/emcn/src/components/skeleton/skeleton.tsx","line":9,"name":"Skeleton"},"kind":"component","variants":{},"slots":{"className":{"protected":["background-color","border-radius"],"allowed":["border-radius","dimensions"],"recipes":[],"forwards":[]},"style":{"protected":["background-color","border-radius"],"allowed":["border-radius","dimensions"],"recipes":[],"forwards":[]}},"relationships":[]},
+    "SkipForward": {"importSource":"@sim/emcn","exportName":"SkipForward","source":{"file":"packages/emcn/src/icons/skip-forward.tsx","line":7,"name":"SkipForward"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Slash": {"importSource":"@sim/emcn","exportName":"Slash","source":{"file":"packages/emcn/src/icons/slash.tsx","line":9,"name":"Slash"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Slider": {"importSource":"@sim/emcn","exportName":"Slider","source":{"file":"packages/emcn/src/components/slider/slider.tsx","line":18,"name":"Slider"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-slider#Root","slot":"style"}],"unchecked":["Unresolved styling forwarding: Slider.style -> @radix-ui/react-slider#Root.style"]},"className":{"protected":["opacity"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-slider#Root","slot":"className"}],"unchecked":["Unresolved styling forwarding: Slider.className -> @radix-ui/react-slider#Root.className"]}},"relationships":["@radix-ui/react-slider#Range","@radix-ui/react-slider#Root","@radix-ui/react-slider#Thumb","@radix-ui/react-slider#Track"]},
+    "SlidersHorizontal": {"importSource":"@sim/emcn","exportName":"SlidersHorizontal","source":{"file":"packages/emcn/src/icons/sliders-horizontal.tsx","line":7,"name":"SlidersHorizontal"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Sparkles": {"importSource":"@sim/emcn","exportName":"Sparkles","source":{"file":"packages/emcn/src/icons/sparkles.tsx","line":7,"name":"Sparkles"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Split": {"importSource":"@sim/emcn","exportName":"Split","source":{"file":"packages/emcn/src/icons/split.tsx","line":7,"name":"Split"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Sprout": {"importSource":"@sim/emcn","exportName":"Sprout","source":{"file":"packages/emcn/src/icons/sprout.tsx","line":7,"name":"Sprout"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Square": {"importSource":"@sim/emcn","exportName":"Square","source":{"file":"packages/emcn/src/icons/square.tsx","line":9,"name":"Square"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "SquareArrowUpRight": {"importSource":"@sim/emcn","exportName":"SquareArrowUpRight","source":{"file":"packages/emcn/src/icons/square-arrow-up-right.tsx","line":7,"name":"SquareArrowUpRight"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "StatusPageContent": {"importSource":"@sim/emcn","exportName":"StatusPageContent","source":{"file":"packages/emcn/src/components/status-page/status-page.tsx","line":16,"name":"StatusPageContent"},"kind":"component","variants":{},"slots":{},"relationships":[]},
+    "StopFilled": {"importSource":"@sim/emcn","exportName":"StopFilled","source":{"file":"packages/emcn/src/icons/stop-filled.tsx","line":6,"name":"StopFilled"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Strikethrough": {"importSource":"@sim/emcn","exportName":"Strikethrough","source":{"file":"packages/emcn/src/icons/strikethrough.tsx","line":7,"name":"Strikethrough"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Sun": {"importSource":"@sim/emcn","exportName":"Sun","source":{"file":"packages/emcn/src/icons/sun.tsx","line":7,"name":"Sun"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Switch": {"importSource":"@sim/emcn","exportName":"Switch","source":{"file":"packages/emcn/src/components/switch/switch.tsx","line":11,"name":"Switch"},"kind":"component","variants":{},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-switch#Root","slot":"style"}],"unchecked":["Unresolved styling forwarding: Switch.style -> @radix-ui/react-switch#Root.style"]},"className":{"protected":["background-color","border-radius","box-shadow","height","opacity","outline","outline-color","outline-offset","outline-style","width"],"allowed":[],"recipes":[],"forwards":[{"target":"@radix-ui/react-switch#Root","slot":"className"}],"unchecked":["Unresolved styling forwarding: Switch.className -> @radix-ui/react-switch#Root.className"]}},"relationships":["@radix-ui/react-switch#Root","@radix-ui/react-switch#Thumb"]},
+    "TRIGGER_BORDER_CLASS": {"importSource":"@sim/emcn","exportName":"TRIGGER_BORDER_CLASS","source":{"file":"packages/emcn/src/components/chip/chip.tsx","line":236,"name":"TRIGGER_BORDER_CLASS"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "TabStrip": {"importSource":"@sim/emcn","exportName":"TabStrip","source":{"file":"packages/emcn/src/components/tab-strip/tab-strip.tsx","line":487,"name":"TabStrip"},"kind":"component","variants":{"variant":{"values":["attached","floating"],"default":"attached"}},"slots":{"className":{"protected":["background-color","border-color","border-style","border-width","gap","height","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["framer-motion#AnimatePresence","packages/emcn/src/components/tab-strip/tab-strip-action.tsx#TabStripAction","packages/emcn/src/components/tab-strip/tab-strip.tsx#Tab","packages/emcn/src/components/tooltip/tooltip.tsx#Tooltip.Content","packages/emcn/src/components/tooltip/tooltip.tsx#Tooltip.Root","packages/emcn/src/components/tooltip/tooltip.tsx#Tooltip.Trigger","packages/emcn/src/icons/index.ts#Plus"]},
+    "TabStripAction": {"importSource":"@sim/emcn","exportName":"TabStripAction","source":{"file":"packages/emcn/src/components/tab-strip/tab-strip-action.tsx","line":19,"name":"TabStripAction"},"kind":"component","variants":{"size":{"values":["md","sm"]},"variant":{"values":["3d","active","default","destructive","ghost","ghost-secondary","outline","primary","quiet","secondary","subtle","tertiary"]}},"slots":{"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","height","opacity","outline","outline-offset","outline-style","padding"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/button/button.tsx#Button","slot":"style"}]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","height","opacity","outline","outline-offset","outline-style","padding","width"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/button/button.tsx#Button","slot":"className"}]}},"relationships":["packages/emcn/src/components/button/button.tsx#Button"]},
+    "Table": {"importSource":"@sim/emcn","exportName":"Table","source":{"file":"packages/emcn/src/components/table/table.tsx","line":40,"name":"Table"},"kind":"component","variants":{"variant":{"values":["default","list"],"default":"default"}},"slots":{"className":{"protected":["border-collapse","border-radius","border-spacing","border-style","border-width","color","font-size","font-weight","height","padding"],"allowed":[],"recipes":["packages/emcn/src/components/table/table.tsx#tableVariants"],"forwards":[]},"style":{"protected":["border-collapse","border-radius","border-spacing","border-style","border-width","color","font-size","font-weight","height","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TableBody": {"importSource":"@sim/emcn","exportName":"TableBody","source":{"file":"packages/emcn/src/components/table/table.tsx","line":57,"name":"TableBody"},"kind":"component","variants":{},"slots":{"className":{"protected":["border-style","border-width"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["border-style","border-width"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TableCaption": {"importSource":"@sim/emcn","exportName":"TableCaption","source":{"file":"packages/emcn/src/components/table/table.tsx","line":121,"name":"TableCaption"},"kind":"component","variants":{},"slots":{"className":{"protected":["color","font-size","line-height"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["color","font-size","line-height"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TableCell": {"importSource":"@sim/emcn","exportName":"TableCell","source":{"file":"packages/emcn/src/components/table/table.tsx","line":106,"name":"TableCell"},"kind":"component","variants":{},"slots":{"className":{"protected":["padding"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TableFooter": {"importSource":"@sim/emcn","exportName":"TableFooter","source":{"file":"packages/emcn/src/components/table/table.tsx","line":65,"name":"TableFooter"},"kind":"component","variants":{},"slots":{"className":{"protected":["background-color","border-style","border-width"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["background-color","border-style","border-width"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TableHead": {"importSource":"@sim/emcn","exportName":"TableHead","source":{"file":"packages/emcn/src/components/table/table.tsx","line":91,"name":"TableHead"},"kind":"component","variants":{},"slots":{"className":{"protected":["color","height","padding","text-align"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["color","height","padding","text-align"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TableHeader": {"importSource":"@sim/emcn","exportName":"TableHeader","source":{"file":"packages/emcn/src/components/table/table.tsx","line":49,"name":"TableHeader"},"kind":"component","variants":{},"slots":{"className":{"protected":["border-style","border-width"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["border-style","border-width"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TableRow": {"importSource":"@sim/emcn","exportName":"TableRow","source":{"file":"packages/emcn/src/components/table/table.tsx","line":80,"name":"TableRow"},"kind":"component","variants":{},"slots":{"className":{"protected":["border-color","border-style","border-width"],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":["border-color","border-style","border-width"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TableX": {"importSource":"@sim/emcn","exportName":"TableX","source":{"file":"packages/emcn/src/icons/table-x.tsx","line":7,"name":"TableX"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TagIcon": {"importSource":"@sim/emcn","exportName":"TagIcon","source":{"file":"packages/emcn/src/icons/tag.tsx","line":7,"name":"TagIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TagInput": {"importSource":"@sim/emcn","exportName":"TagInput","source":{"file":"packages/emcn/src/components/tag-input/tag-input.tsx","line":212,"name":"TagInput"},"kind":"component","variants":{"disabled":{"values":[false,true],"default":false},"autoFocus":{"values":[false,true],"default":false},"variant":{"values":["block","default"],"default":"default"}},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","gap","height","max-height","min-height","outline","outline-offset","outline-style","overflow-y","padding"],"allowed":[],"recipes":["packages/emcn/src/components/tag-input/tag-input.tsx#tagInputVariants"],"forwards":[],"unchecked":["Unresolved styling call: useState","Unsupported styling expression: OptionalMemberExpression"]},"inputClassName":{"protected":["background-color","border-style","color","font-family","font-size","height","line-height","opacity","outline","outline-offset","outline-style","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["packages/emcn/src/components/tag-input/tag-input.tsx#FileIcon@ArrowFunctionExpression[2]","packages/emcn/src/components/tag-input/tag-input.tsx#TagInputTag","packages/emcn/src/components/tooltip/tooltip.tsx#Tooltip.Content","packages/emcn/src/components/tooltip/tooltip.tsx#Tooltip.Root","packages/emcn/src/components/tooltip/tooltip.tsx#Tooltip.Trigger","packages/emcn/src/icons/index.ts#Plus"]},
+    "Task": {"importSource":"@sim/emcn","exportName":"Task","source":{"file":"packages/emcn/src/icons/task.tsx","line":7,"name":"Task"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TerminalWindow": {"importSource":"@sim/emcn","exportName":"TerminalWindow","source":{"file":"packages/emcn/src/icons/terminal-window.tsx","line":12,"name":"TerminalWindow"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TextQuote": {"importSource":"@sim/emcn","exportName":"TextQuote","source":{"file":"packages/emcn/src/icons/text-quote.tsx","line":7,"name":"TextQuote"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Textarea": {"importSource":"@sim/emcn","exportName":"Textarea","source":{"file":"packages/emcn/src/components/textarea/textarea.tsx","line":28,"name":"Textarea"},"kind":"component","variants":{"variant":{"values":["default"],"default":"default"}},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","color","font-family","font-size","letter-spacing","line-height","opacity","outline","outline-offset","outline-style","overflow","padding"],"allowed":[],"recipes":["packages/emcn/src/components/textarea/textarea.tsx#textareaVariants"],"forwards":[]},"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","color","font-family","font-size","letter-spacing","line-height","opacity","outline","outline-offset","outline-style","overflow","padding"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ThumbsDown": {"importSource":"@sim/emcn","exportName":"ThumbsDown","source":{"file":"packages/emcn/src/icons/thumbs-down.tsx","line":7,"name":"ThumbsDown"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ThumbsUp": {"importSource":"@sim/emcn","exportName":"ThumbsUp","source":{"file":"packages/emcn/src/icons/thumbs-up.tsx","line":7,"name":"ThumbsUp"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TimePicker": {"importSource":"@sim/emcn","exportName":"TimePicker","source":{"file":"packages/emcn/src/components/time-picker/time-picker.tsx","line":116,"name":"TimePicker"},"kind":"component","variants":{"disabled":{"values":[false,true],"default":false},"size":{"values":["default","sm"],"default":"default"},"variant":{"values":["default"],"default":"default"}},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","color","font-family","font-size","line-height","opacity","outline","outline-offset","outline-style","padding"],"allowed":[],"recipes":["packages/emcn/src/components/time-picker/time-picker.tsx#timePickerVariants"],"forwards":[]}},"relationships":["packages/emcn/src/components/popover/popover.tsx#Popover","packages/emcn/src/components/popover/popover.tsx#PopoverAnchor","packages/emcn/src/components/popover/popover.tsx#PopoverContent","packages/emcn/src/icons/index.ts#ChevronDown"]},
+    "ToastProvider": {"importSource":"@sim/emcn","exportName":"ToastProvider","source":{"file":"packages/emcn/src/components/toast/toast.tsx","line":477,"name":"ToastProvider"},"kind":"component","variants":{},"slots":{},"relationships":["framer-motion#AnimatePresence","packages/emcn/src/components/toast/toast.tsx#ToastContext.Provider","packages/emcn/src/components/toast/toast.tsx#ToastItem"]},
+    "ToggleLeft": {"importSource":"@sim/emcn","exportName":"ToggleLeft","source":{"file":"packages/emcn/src/icons/toggle-left.tsx","line":7,"name":"ToggleLeft"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Tooltip": {"importSource":"@sim/emcn","exportName":"Tooltip","source":{"file":"packages/emcn/src/components/tooltip/tooltip.tsx","line":781,"name":"Tooltip"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "Tooltip.Content": {"importSource":"@sim/emcn","exportName":"Tooltip.Content","source":{"file":"packages/emcn/src/components/tooltip/tooltip.tsx","line":663,"name":"Content"},"kind":"component","variants":{"side":{"values":["bottom","left","right","top"]},"align":{"values":["center","end","start"]},"avoidCollisions":{"values":[false,true]},"sticky":{"values":["always","partial"]},"hideWhenDetached":{"values":[false,true]},"asChild":{"values":[false,true]},"forceMount":{"values":[false,true]}},"slots":{"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","box-shadow","color","font-size","max-width","opacity","padding","scale","transform","transform-origin"],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/tooltip/tooltip.tsx#FloatingTooltip","slot":"className"}]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["packages/emcn/src/components/tooltip/tooltip.tsx#FloatingTooltip"]},
+    "Tooltip.Preview": {"importSource":"@sim/emcn","exportName":"Tooltip.Preview","source":{"file":"packages/emcn/src/components/tooltip/tooltip.tsx","line":734,"name":"Preview"},"kind":"component","variants":{"loop":{"values":[false,true],"default":true}},"slots":{"className":{"protected":["border-radius","overflow"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Tooltip.Provider": {"importSource":"@sim/emcn","exportName":"Tooltip.Provider","source":{"file":"packages/emcn/src/components/tooltip/tooltip.tsx","line":523,"name":"Provider"},"kind":"component","variants":{"disableHoverableContent":{"values":[false,true]}},"slots":{},"relationships":[]},
+    "Tooltip.Root": {"importSource":"@sim/emcn","exportName":"Tooltip.Root","source":{"file":"packages/emcn/src/components/tooltip/tooltip.tsx","line":573,"name":"Root"},"kind":"component","variants":{"preferAbove":{"values":[false,true],"default":false}},"slots":{},"relationships":["packages/emcn/src/components/tooltip/tooltip.tsx#TooltipContext.Provider"]},
+    "Tooltip.Shortcut": {"importSource":"@sim/emcn","exportName":"Tooltip.Shortcut","source":{"file":"packages/emcn/src/components/tooltip/tooltip.tsx","line":698,"name":"Shortcut"},"kind":"component","variants":{},"slots":{"className":{"protected":["gap"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Tooltip.Trigger": {"importSource":"@sim/emcn","exportName":"Tooltip.Trigger","source":{"file":"packages/emcn/src/components/tooltip/tooltip.tsx","line":602,"name":"Trigger"},"kind":"component","variants":{"asChild":{"values":[false,true],"default":false}},"slots":{"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/tooltip/tooltip.tsx#Comp@ArrowFunctionExpression[20]","slot":"style"}],"unchecked":["Unresolved styling forwarding: Tooltip.Trigger.style -> packages/emcn/src/components/tooltip/tooltip.tsx#Comp@ArrowFunctionExpression[20].style"]},"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[{"target":"packages/emcn/src/components/tooltip/tooltip.tsx#Comp@ArrowFunctionExpression[20]","slot":"className"}],"unchecked":["Unresolved styling forwarding: Tooltip.Trigger.className -> packages/emcn/src/components/tooltip/tooltip.tsx#Comp@ArrowFunctionExpression[20].className"]}},"relationships":["packages/emcn/src/components/tooltip/tooltip.tsx#Comp@ArrowFunctionExpression[20]"]},
+    "Trash": {"importSource":"@sim/emcn","exportName":"Trash","source":{"file":"packages/emcn/src/icons/trash.tsx","line":7,"name":"Trash"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TriangleAlert": {"importSource":"@sim/emcn","exportName":"TriangleAlert","source":{"file":"packages/emcn/src/icons/triangle-alert.tsx","line":7,"name":"TriangleAlert"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TxtIcon": {"importSource":"@sim/emcn","exportName":"TxtIcon","source":{"file":"packages/emcn/src/icons/txt-icon.tsx","line":4,"name":"TxtIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TypeBoolean": {"importSource":"@sim/emcn","exportName":"TypeBoolean","source":{"file":"packages/emcn/src/icons/type-boolean.tsx","line":7,"name":"TypeBoolean"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TypeCurrency": {"importSource":"@sim/emcn","exportName":"TypeCurrency","source":{"file":"packages/emcn/src/icons/type-currency.tsx","line":7,"name":"TypeCurrency"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TypeJson": {"importSource":"@sim/emcn","exportName":"TypeJson","source":{"file":"packages/emcn/src/icons/type-json.tsx","line":7,"name":"TypeJson"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TypeNumber": {"importSource":"@sim/emcn","exportName":"TypeNumber","source":{"file":"packages/emcn/src/icons/type-number.tsx","line":7,"name":"TypeNumber"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TypeText": {"importSource":"@sim/emcn","exportName":"TypeText","source":{"file":"packages/emcn/src/icons/type-text.tsx","line":7,"name":"TypeText"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "TypeTtl": {"importSource":"@sim/emcn","exportName":"TypeTtl","source":{"file":"packages/emcn/src/icons/type-ttl.tsx","line":3,"name":"TypeTtl"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Undo": {"importSource":"@sim/emcn","exportName":"Undo","source":{"file":"packages/emcn/src/icons/undo.tsx","line":7,"name":"Undo"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Unlink": {"importSource":"@sim/emcn","exportName":"Unlink","source":{"file":"packages/emcn/src/icons/unlink.tsx","line":7,"name":"Unlink"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Unlock": {"importSource":"@sim/emcn","exportName":"Unlock","source":{"file":"packages/emcn/src/icons/unlock.tsx","line":7,"name":"Unlock"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Upload": {"importSource":"@sim/emcn","exportName":"Upload","source":{"file":"packages/emcn/src/icons/upload.tsx","line":7,"name":"Upload"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "UploadPreviewButton": {"importSource":"@sim/emcn","exportName":"UploadPreviewButton","source":{"file":"packages/emcn/src/components/upload-preview-button/upload-preview-button.tsx","line":23,"name":"UploadPreviewButton"},"kind":"component","variants":{"loading":{"values":[false,true],"default":false}},"slots":{"style":{"protected":["background-color","border-color","border-radius","border-style","border-width","height","opacity","overflow","width"],"allowed":[],"recipes":[],"forwards":[]},"className":{"protected":["background-color","border-color","border-radius","border-style","border-width","height","opacity","overflow","width"],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["packages/emcn/src/icons/image-up.tsx#ImageUp","packages/emcn/src/icons/loader.tsx#Loader"]},
+    "User": {"importSource":"@sim/emcn","exportName":"User","source":{"file":"packages/emcn/src/icons/user.tsx","line":7,"name":"User"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Users": {"importSource":"@sim/emcn","exportName":"Users","source":{"file":"packages/emcn/src/icons/users.tsx","line":7,"name":"Users"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "VideoIcon": {"importSource":"@sim/emcn","exportName":"VideoIcon","source":{"file":"packages/emcn/src/icons/video-icon.tsx","line":4,"name":"VideoIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "WORDMARK_PATHS": {"importSource":"@sim/emcn","exportName":"WORDMARK_PATHS","source":{"file":"packages/emcn/src/components/sim-wordmark/paths.ts","line":5,"name":"WORDMARK_PATHS"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "WORDMARK_VIEW_BOX": {"importSource":"@sim/emcn","exportName":"WORDMARK_VIEW_BOX","source":{"file":"packages/emcn/src/components/sim-wordmark/paths.ts","line":2,"name":"WORDMARK_VIEW_BOX"},"kind":"nonvisual","variants":{},"slots":{},"relationships":[]},
+    "Wand": {"importSource":"@sim/emcn","exportName":"Wand","source":{"file":"packages/emcn/src/icons/wand.tsx","line":7,"name":"Wand"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Webhook": {"importSource":"@sim/emcn","exportName":"Webhook","source":{"file":"packages/emcn/src/icons/webhook.tsx","line":7,"name":"Webhook"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Wizard": {"importSource":"@sim/emcn","exportName":"Wizard","source":{"file":"packages/emcn/src/components/wizard/wizard.tsx","line":197,"name":"WizardRoot"},"kind":"component","variants":{"open":{"values":[false,true]},"size":{"values":["full","lg","md","sm","xl"],"default":"lg"}},"slots":{"icon":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":["packages/emcn/src/components/chip-modal/chip-modal.tsx#ChipModal","packages/emcn/src/components/chip-modal/chip-modal.tsx#ChipModalBody","packages/emcn/src/components/chip-modal/chip-modal.tsx#ChipModalFooter","packages/emcn/src/components/chip-modal/chip-modal.tsx#ChipModalHeader","packages/emcn/src/components/modal/modal.tsx#ModalDescription"]},
+    "Wizard.Step": {"importSource":"@sim/emcn","exportName":"Wizard.Step","source":{"file":"packages/emcn/src/components/wizard/wizard.tsx","line":65,"name":"Step"},"kind":"component","variants":{"canAdvance":{"values":[false,true]}},"slots":{},"relationships":[]},
+    "Workflow": {"importSource":"@sim/emcn","exportName":"Workflow","source":{"file":"packages/emcn/src/icons/workflow.tsx","line":7,"name":"Workflow"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "WorkflowX": {"importSource":"@sim/emcn","exportName":"WorkflowX","source":{"file":"packages/emcn/src/icons/workflow-x.tsx","line":7,"name":"WorkflowX"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Workspaces": {"importSource":"@sim/emcn","exportName":"Workspaces","source":{"file":"packages/emcn/src/icons/workspaces.tsx","line":10,"name":"Workspaces"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Wrap": {"importSource":"@sim/emcn","exportName":"Wrap","source":{"file":"packages/emcn/src/icons/wrap.tsx","line":7,"name":"Wrap"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Wrench": {"importSource":"@sim/emcn","exportName":"Wrench","source":{"file":"packages/emcn/src/icons/wrench.tsx","line":7,"name":"Wrench"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "X": {"importSource":"@sim/emcn","exportName":"X","source":{"file":"packages/emcn/src/icons/x.tsx","line":7,"name":"X"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "XlsxIcon": {"importSource":"@sim/emcn","exportName":"XlsxIcon","source":{"file":"packages/emcn/src/icons/xlsx-icon.tsx","line":4,"name":"XlsxIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "Zap": {"importSource":"@sim/emcn","exportName":"Zap","source":{"file":"packages/emcn/src/icons/zap.tsx","line":7,"name":"Zap"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ZipIcon": {"importSource":"@sim/emcn","exportName":"ZipIcon","source":{"file":"packages/emcn/src/icons/zip-icon.tsx","line":4,"name":"ZipIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ZoomIn": {"importSource":"@sim/emcn","exportName":"ZoomIn","source":{"file":"packages/emcn/src/icons/zoom-in.tsx","line":7,"name":"ZoomIn"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "ZoomOut": {"importSource":"@sim/emcn","exportName":"ZoomOut","source":{"file":"packages/emcn/src/icons/zoom-out.tsx","line":7,"name":"ZoomOut"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "icons:ArrowDown": {"importSource":"@sim/emcn/icons","exportName":"ArrowDown","source":{"file":"packages/emcn/src/icons/arrow-down.tsx","line":7,"name":"ArrowDown"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ArrowDown"},
+    "icons:ArrowLeft": {"importSource":"@sim/emcn/icons","exportName":"ArrowLeft","source":{"file":"packages/emcn/src/icons/arrow-left.tsx","line":7,"name":"ArrowLeft"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ArrowLeft"},
+    "icons:ArrowLeftRight": {"importSource":"@sim/emcn/icons","exportName":"ArrowLeftRight","source":{"file":"packages/emcn/src/icons/arrow-left-right.tsx","line":7,"name":"ArrowLeftRight"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ArrowLeftRight"},
+    "icons:ArrowRight": {"importSource":"@sim/emcn/icons","exportName":"ArrowRight","source":{"file":"packages/emcn/src/icons/arrow-right.tsx","line":7,"name":"ArrowRight"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ArrowRight"},
+    "icons:ArrowUp": {"importSource":"@sim/emcn/icons","exportName":"ArrowUp","source":{"file":"packages/emcn/src/icons/arrow-up.tsx","line":7,"name":"ArrowUp"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ArrowUp"},
+    "icons:ArrowUpDown": {"importSource":"@sim/emcn/icons","exportName":"ArrowUpDown","source":{"file":"packages/emcn/src/icons/arrow-up-down.tsx","line":7,"name":"ArrowUpDown"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ArrowUpDown"},
+    "icons:ArrowUpLeft": {"importSource":"@sim/emcn/icons","exportName":"ArrowUpLeft","source":{"file":"packages/emcn/src/icons/arrow-up-left.tsx","line":7,"name":"ArrowUpLeft"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ArrowUpLeft"},
+    "icons:ArrowUpRight": {"importSource":"@sim/emcn/icons","exportName":"ArrowUpRight","source":{"file":"packages/emcn/src/icons/arrow-up-right.tsx","line":9,"name":"ArrowUpRight"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ArrowUpRight"},
+    "icons:Asterisk": {"importSource":"@sim/emcn/icons","exportName":"Asterisk","source":{"file":"packages/emcn/src/icons/asterisk.tsx","line":7,"name":"Asterisk"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Asterisk"},
+    "icons:AudioIcon": {"importSource":"@sim/emcn/icons","exportName":"AudioIcon","source":{"file":"packages/emcn/src/icons/audio-icon.tsx","line":4,"name":"AudioIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"AudioIcon"},
+    "icons:Ban": {"importSource":"@sim/emcn/icons","exportName":"Ban","source":{"file":"packages/emcn/src/icons/ban.tsx","line":7,"name":"Ban"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Ban"},
+    "icons:Bell": {"importSource":"@sim/emcn/icons","exportName":"Bell","source":{"file":"packages/emcn/src/icons/bell.tsx","line":7,"name":"Bell"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Bell"},
+    "icons:Blimp": {"importSource":"@sim/emcn/icons","exportName":"Blimp","source":{"file":"packages/emcn/src/icons/blimp.tsx","line":7,"name":"Blimp"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Blimp"},
+    "icons:Bold": {"importSource":"@sim/emcn/icons","exportName":"Bold","source":{"file":"packages/emcn/src/icons/bold.tsx","line":7,"name":"Bold"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Bold"},
+    "icons:BookOpen": {"importSource":"@sim/emcn/icons","exportName":"BookOpen","source":{"file":"packages/emcn/src/icons/book-open.tsx","line":7,"name":"BookOpen"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"BookOpen"},
+    "icons:Box": {"importSource":"@sim/emcn/icons","exportName":"Box","source":{"file":"packages/emcn/src/icons/box.tsx","line":7,"name":"Box"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Box"},
+    "icons:Brain": {"importSource":"@sim/emcn/icons","exportName":"Brain","source":{"file":"packages/emcn/src/icons/brain.tsx","line":7,"name":"Brain"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Brain"},
+    "icons:BrainCircuit": {"importSource":"@sim/emcn/icons","exportName":"BrainCircuit","source":{"file":"packages/emcn/src/icons/brain-circuit.tsx","line":7,"name":"BrainCircuit"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"BrainCircuit"},
+    "icons:BubbleChatClose": {"importSource":"@sim/emcn/icons","exportName":"BubbleChatClose","source":{"file":"packages/emcn/src/icons/bubble-chat-close.tsx","line":7,"name":"BubbleChatClose"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"BubbleChatClose"},
+    "icons:BubbleChatDelay": {"importSource":"@sim/emcn/icons","exportName":"BubbleChatDelay","source":{"file":"packages/emcn/src/icons/bubble-chat-delay.tsx","line":12,"name":"BubbleChatDelay"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"BubbleChatDelay"},
+    "icons:BubbleChatPreview": {"importSource":"@sim/emcn/icons","exportName":"BubbleChatPreview","source":{"file":"packages/emcn/src/icons/bubble-chat-preview.tsx","line":7,"name":"BubbleChatPreview"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"BubbleChatPreview"},
+    "icons:Bug": {"importSource":"@sim/emcn/icons","exportName":"Bug","source":{"file":"packages/emcn/src/icons/bug.tsx","line":7,"name":"Bug"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Bug"},
+    "icons:Building": {"importSource":"@sim/emcn/icons","exportName":"Building","source":{"file":"packages/emcn/src/icons/building.tsx","line":7,"name":"Building"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Building"},
+    "icons:Calendar": {"importSource":"@sim/emcn/icons","exportName":"Calendar","source":{"file":"packages/emcn/src/icons/calendar.tsx","line":7,"name":"Calendar"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "icons:Camera": {"importSource":"@sim/emcn/icons","exportName":"Camera","source":{"file":"packages/emcn/src/icons/camera.tsx","line":7,"name":"Camera"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Camera"},
+    "icons:ChartColumn": {"importSource":"@sim/emcn/icons","exportName":"ChartColumn","source":{"file":"packages/emcn/src/icons/chart-column.tsx","line":8,"name":"ChartColumn"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ChartColumn"},
+    "icons:ChartFileIcon": {"importSource":"@sim/emcn/icons","exportName":"ChartFileIcon","source":{"file":"packages/emcn/src/icons/chart-file-icon.tsx","line":4,"name":"ChartFileIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ChartFileIcon"},
+    "icons:Check": {"importSource":"@sim/emcn/icons","exportName":"Check","source":{"file":"packages/emcn/src/icons/check.tsx","line":7,"name":"Check"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Check"},
+    "icons:ChevronDown": {"importSource":"@sim/emcn/icons","exportName":"ChevronDown","source":{"file":"packages/emcn/src/icons/chevron-down.tsx","line":7,"name":"ChevronDown"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ChevronDown"},
+    "icons:ChevronLeft": {"importSource":"@sim/emcn/icons","exportName":"ChevronLeft","source":{"file":"packages/emcn/src/icons/chevron-left.tsx","line":7,"name":"ChevronLeft"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ChevronLeft"},
+    "icons:ChevronRight": {"importSource":"@sim/emcn/icons","exportName":"ChevronRight","source":{"file":"packages/emcn/src/icons/chevron-right.tsx","line":7,"name":"ChevronRight"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ChevronRight"},
+    "icons:ChevronUp": {"importSource":"@sim/emcn/icons","exportName":"ChevronUp","source":{"file":"packages/emcn/src/icons/chevron-up.tsx","line":7,"name":"ChevronUp"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ChevronUp"},
+    "icons:ChevronsDownUp": {"importSource":"@sim/emcn/icons","exportName":"ChevronsDownUp","source":{"file":"packages/emcn/src/icons/chevrons-down-up.tsx","line":7,"name":"ChevronsDownUp"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ChevronsDownUp"},
+    "icons:ChevronsUpDown": {"importSource":"@sim/emcn/icons","exportName":"ChevronsUpDown","source":{"file":"packages/emcn/src/icons/chevrons-up-down.tsx","line":7,"name":"ChevronsUpDown"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ChevronsUpDown"},
+    "icons:Circle": {"importSource":"@sim/emcn/icons","exportName":"Circle","source":{"file":"packages/emcn/src/icons/circle.tsx","line":7,"name":"Circle"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Circle"},
+    "icons:CircleAlert": {"importSource":"@sim/emcn/icons","exportName":"CircleAlert","source":{"file":"packages/emcn/src/icons/circle-alert.tsx","line":7,"name":"CircleAlert"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"CircleAlert"},
+    "icons:CircleCheck": {"importSource":"@sim/emcn/icons","exportName":"CircleCheck","source":{"file":"packages/emcn/src/icons/circle-check.tsx","line":7,"name":"CircleCheck"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"CircleCheck"},
+    "icons:CircleInfo": {"importSource":"@sim/emcn/icons","exportName":"CircleInfo","source":{"file":"packages/emcn/src/icons/circle-info.tsx","line":9,"name":"CircleInfo"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"CircleInfo"},
+    "icons:CirclePause": {"importSource":"@sim/emcn/icons","exportName":"CirclePause","source":{"file":"packages/emcn/src/icons/circle-pause.tsx","line":7,"name":"CirclePause"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"CirclePause"},
+    "icons:CircleStop": {"importSource":"@sim/emcn/icons","exportName":"CircleStop","source":{"file":"packages/emcn/src/icons/circle-stop.tsx","line":11,"name":"CircleStop"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"CircleStop"},
+    "icons:CircleX": {"importSource":"@sim/emcn/icons","exportName":"CircleX","source":{"file":"packages/emcn/src/icons/circle-x.tsx","line":7,"name":"CircleX"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"CircleX"},
+    "icons:Clipboard": {"importSource":"@sim/emcn/icons","exportName":"Clipboard","source":{"file":"packages/emcn/src/icons/clipboard.tsx","line":7,"name":"Clipboard"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Clipboard"},
+    "icons:ClipboardList": {"importSource":"@sim/emcn/icons","exportName":"ClipboardList","source":{"file":"packages/emcn/src/icons/clipboard-list.tsx","line":7,"name":"ClipboardList"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ClipboardList"},
+    "icons:Clock": {"importSource":"@sim/emcn/icons","exportName":"Clock","source":{"file":"packages/emcn/src/icons/clock.tsx","line":7,"name":"Clock"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Clock"},
+    "icons:Code": {"importSource":"@sim/emcn/icons","exportName":"Code","source":{"file":"packages/emcn/src/icons/code.tsx","line":7,"name":"Code"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "icons:Columns2": {"importSource":"@sim/emcn/icons","exportName":"Columns2","source":{"file":"packages/emcn/src/icons/columns2.tsx","line":7,"name":"Columns2"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Columns2"},
+    "icons:Columns3": {"importSource":"@sim/emcn/icons","exportName":"Columns3","source":{"file":"packages/emcn/src/icons/columns3.tsx","line":7,"name":"Columns3"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Columns3"},
+    "icons:Compass": {"importSource":"@sim/emcn/icons","exportName":"Compass","source":{"file":"packages/emcn/src/icons/compass.tsx","line":7,"name":"Compass"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Compass"},
+    "icons:Connections": {"importSource":"@sim/emcn/icons","exportName":"Connections","source":{"file":"packages/emcn/src/icons/connections.tsx","line":14,"name":"Connections"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Connections"},
+    "icons:Credit": {"importSource":"@sim/emcn/icons","exportName":"Credit","source":{"file":"packages/emcn/src/icons/credit.tsx","line":7,"name":"Credit"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Credit"},
+    "icons:CsvIcon": {"importSource":"@sim/emcn/icons","exportName":"CsvIcon","source":{"file":"packages/emcn/src/icons/csv-icon.tsx","line":4,"name":"CsvIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"CsvIcon"},
+    "icons:Cursor": {"importSource":"@sim/emcn/icons","exportName":"Cursor","source":{"file":"packages/emcn/src/icons/cursor.tsx","line":3,"name":"Cursor"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Cursor"},
+    "icons:Database": {"importSource":"@sim/emcn/icons","exportName":"Database","source":{"file":"packages/emcn/src/icons/database.tsx","line":7,"name":"Database"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Database"},
+    "icons:DatabaseX": {"importSource":"@sim/emcn/icons","exportName":"DatabaseX","source":{"file":"packages/emcn/src/icons/database-x.tsx","line":7,"name":"DatabaseX"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"DatabaseX"},
+    "icons:DefaultFileIcon": {"importSource":"@sim/emcn/icons","exportName":"DefaultFileIcon","source":{"file":"packages/emcn/src/icons/default-file-icon.tsx","line":4,"name":"DefaultFileIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"DefaultFileIcon"},
+    "icons:DocumentAttachment": {"importSource":"@sim/emcn/icons","exportName":"DocumentAttachment","source":{"file":"packages/emcn/src/icons/document-attachment.tsx","line":7,"name":"DocumentAttachment"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"DocumentAttachment"},
+    "icons:DocxIcon": {"importSource":"@sim/emcn/icons","exportName":"DocxIcon","source":{"file":"packages/emcn/src/icons/docx-icon.tsx","line":4,"name":"DocxIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"DocxIcon"},
+    "icons:Download": {"importSource":"@sim/emcn/icons","exportName":"Download","source":{"file":"packages/emcn/src/icons/download.tsx","line":17,"name":"Download"},"kind":"icon","variants":{"animate":{"values":[false,true],"default":false}},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]}},"relationships":[],"aliasOf":"Download"},
+    "icons:Duplicate": {"importSource":"@sim/emcn/icons","exportName":"Duplicate","source":{"file":"packages/emcn/src/icons/duplicate.tsx","line":7,"name":"Duplicate"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Duplicate"},
+    "icons:Expand": {"importSource":"@sim/emcn/icons","exportName":"Expand","source":{"file":"packages/emcn/src/icons/expand.tsx","line":3,"name":"Expand"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Expand"},
+    "icons:Eye": {"importSource":"@sim/emcn/icons","exportName":"Eye","source":{"file":"packages/emcn/src/icons/eye.tsx","line":7,"name":"Eye"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Eye"},
+    "icons:EyeOff": {"importSource":"@sim/emcn/icons","exportName":"EyeOff","source":{"file":"packages/emcn/src/icons/eye-off.tsx","line":12,"name":"EyeOff"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"EyeOff"},
+    "icons:File": {"importSource":"@sim/emcn/icons","exportName":"File","source":{"file":"packages/emcn/src/icons/file.tsx","line":7,"name":"File"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"File"},
+    "icons:FileText": {"importSource":"@sim/emcn/icons","exportName":"FileText","source":{"file":"packages/emcn/src/icons/file-text.tsx","line":7,"name":"FileText"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"FileText"},
+    "icons:FileX": {"importSource":"@sim/emcn/icons","exportName":"FileX","source":{"file":"packages/emcn/src/icons/file-x.tsx","line":7,"name":"FileX"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"FileX"},
+    "icons:Files": {"importSource":"@sim/emcn/icons","exportName":"Files","source":{"file":"packages/emcn/src/icons/files.tsx","line":7,"name":"Files"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Files"},
+    "icons:Fingerprint": {"importSource":"@sim/emcn/icons","exportName":"Fingerprint","source":{"file":"packages/emcn/src/icons/fingerprint.tsx","line":7,"name":"Fingerprint"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Fingerprint"},
+    "icons:Folder": {"importSource":"@sim/emcn/icons","exportName":"Folder","source":{"file":"packages/emcn/src/icons/folder.tsx","line":20,"name":"Folder"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Folder"},
+    "icons:FolderCode": {"importSource":"@sim/emcn/icons","exportName":"FolderCode","source":{"file":"packages/emcn/src/icons/folder-code.tsx","line":13,"name":"FolderCode"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"FolderCode"},
+    "icons:FolderInput": {"importSource":"@sim/emcn/icons","exportName":"FolderInput","source":{"file":"packages/emcn/src/icons/folder-input.tsx","line":3,"name":"FolderInput"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"FolderInput"},
+    "icons:FolderOpen": {"importSource":"@sim/emcn/icons","exportName":"FolderOpen","source":{"file":"packages/emcn/src/icons/folder-open.tsx","line":11,"name":"FolderOpen"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"FolderOpen"},
+    "icons:FolderPlus": {"importSource":"@sim/emcn/icons","exportName":"FolderPlus","source":{"file":"packages/emcn/src/icons/folder-plus.tsx","line":7,"name":"FolderPlus"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"FolderPlus"},
+    "icons:FormInput": {"importSource":"@sim/emcn/icons","exportName":"FormInput","source":{"file":"packages/emcn/src/icons/form-input.tsx","line":7,"name":"FormInput"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"FormInput"},
+    "icons:Globe": {"importSource":"@sim/emcn/icons","exportName":"Globe","source":{"file":"packages/emcn/src/icons/globe.tsx","line":7,"name":"Globe"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Globe"},
+    "icons:GridOffset": {"importSource":"@sim/emcn/icons","exportName":"GridOffset","source":{"file":"packages/emcn/src/icons/grid-offset.tsx","line":4,"name":"GridOffset"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"GridOffset"},
+    "icons:Hammer": {"importSource":"@sim/emcn/icons","exportName":"Hammer","source":{"file":"packages/emcn/src/icons/hammer.tsx","line":7,"name":"Hammer"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Hammer"},
+    "icons:Hand": {"importSource":"@sim/emcn/icons","exportName":"Hand","source":{"file":"packages/emcn/src/icons/hand.tsx","line":3,"name":"Hand"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Hand"},
+    "icons:Heading1": {"importSource":"@sim/emcn/icons","exportName":"Heading1","source":{"file":"packages/emcn/src/icons/heading1.tsx","line":7,"name":"Heading1"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Heading1"},
+    "icons:Heading2": {"importSource":"@sim/emcn/icons","exportName":"Heading2","source":{"file":"packages/emcn/src/icons/heading2.tsx","line":7,"name":"Heading2"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Heading2"},
+    "icons:Heading3": {"importSource":"@sim/emcn/icons","exportName":"Heading3","source":{"file":"packages/emcn/src/icons/heading3.tsx","line":7,"name":"Heading3"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Heading3"},
+    "icons:HelpCircle": {"importSource":"@sim/emcn/icons","exportName":"HelpCircle","source":{"file":"packages/emcn/src/icons/help-circle.tsx","line":7,"name":"HelpCircle"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"HelpCircle"},
+    "icons:HexSimple": {"importSource":"@sim/emcn/icons","exportName":"HexSimple","source":{"file":"packages/emcn/src/icons/hex-simple.tsx","line":7,"name":"HexSimple"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"HexSimple"},
+    "icons:Highlighter": {"importSource":"@sim/emcn/icons","exportName":"Highlighter","source":{"file":"packages/emcn/src/icons/highlighter.tsx","line":7,"name":"Highlighter"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Highlighter"},
+    "icons:Home": {"importSource":"@sim/emcn/icons","exportName":"Home","source":{"file":"packages/emcn/src/icons/home.tsx","line":7,"name":"Home"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Home"},
+    "icons:HtmlIcon": {"importSource":"@sim/emcn/icons","exportName":"HtmlIcon","source":{"file":"packages/emcn/src/icons/html-icon.tsx","line":4,"name":"HtmlIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"HtmlIcon"},
+    "icons:ImageUp": {"importSource":"@sim/emcn/icons","exportName":"ImageUp","source":{"file":"packages/emcn/src/icons/image-up.tsx","line":9,"name":"ImageUp"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ImageUp"},
+    "icons:Infinity": {"importSource":"@sim/emcn/icons","exportName":"Infinity","source":{"file":"packages/emcn/src/icons/infinity.tsx","line":7,"name":"InfinityIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Infinity"},
+    "icons:InfinityIcon": {"importSource":"@sim/emcn/icons","exportName":"InfinityIcon","source":{"file":"packages/emcn/src/icons/infinity.tsx","line":7,"name":"InfinityIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Infinity"},
+    "icons:Integration": {"importSource":"@sim/emcn/icons","exportName":"Integration","source":{"file":"packages/emcn/src/icons/integration.tsx","line":7,"name":"Integration"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Integration"},
+    "icons:Italic": {"importSource":"@sim/emcn/icons","exportName":"Italic","source":{"file":"packages/emcn/src/icons/italic.tsx","line":7,"name":"Italic"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Italic"},
+    "icons:JsonIcon": {"importSource":"@sim/emcn/icons","exportName":"JsonIcon","source":{"file":"packages/emcn/src/icons/json-icon.tsx","line":4,"name":"JsonIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"JsonIcon"},
+    "icons:Key": {"importSource":"@sim/emcn/icons","exportName":"Key","source":{"file":"packages/emcn/src/icons/key.tsx","line":7,"name":"Key"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Key"},
+    "icons:KeySquare": {"importSource":"@sim/emcn/icons","exportName":"KeySquare","source":{"file":"packages/emcn/src/icons/key-square.tsx","line":7,"name":"KeySquare"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"KeySquare"},
+    "icons:Layout": {"importSource":"@sim/emcn/icons","exportName":"Layout","source":{"file":"packages/emcn/src/icons/layout.tsx","line":26,"name":"Layout"},"kind":"icon","variants":{"animate":{"values":[false,true],"default":false},"variant":{"values":["clockwise","counterclockwise"],"default":"counterclockwise"}},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup","Unsupported styling expression: BinaryExpression"]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup","Unsupported styling expression: BinaryExpression"]}},"relationships":[],"aliasOf":"Layout"},
+    "icons:Library": {"importSource":"@sim/emcn/icons","exportName":"Library","source":{"file":"packages/emcn/src/icons/library.tsx","line":7,"name":"Library"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Library"},
+    "icons:Link": {"importSource":"@sim/emcn/icons","exportName":"Link","source":{"file":"packages/emcn/src/icons/link.tsx","line":7,"name":"Link"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Link"},
+    "icons:LinkedIn": {"importSource":"@sim/emcn/icons","exportName":"LinkedIn","source":{"file":"packages/emcn/src/icons/linkedin.tsx","line":4,"name":"LinkedIn"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"LinkedIn"},
+    "icons:List": {"importSource":"@sim/emcn/icons","exportName":"List","source":{"file":"packages/emcn/src/icons/list.tsx","line":7,"name":"List"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"List"},
+    "icons:ListChecks": {"importSource":"@sim/emcn/icons","exportName":"ListChecks","source":{"file":"packages/emcn/src/icons/list-checks.tsx","line":7,"name":"ListChecks"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ListChecks"},
+    "icons:ListFilter": {"importSource":"@sim/emcn/icons","exportName":"ListFilter","source":{"file":"packages/emcn/src/icons/list-filter.tsx","line":7,"name":"ListFilter"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ListFilter"},
+    "icons:ListOrdered": {"importSource":"@sim/emcn/icons","exportName":"ListOrdered","source":{"file":"packages/emcn/src/icons/list-ordered.tsx","line":7,"name":"ListOrdered"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ListOrdered"},
+    "icons:Loader": {"importSource":"@sim/emcn/icons","exportName":"Loader","source":{"file":"packages/emcn/src/icons/loader.tsx","line":22,"name":"Loader"},"kind":"icon","variants":{"animate":{"values":[false,true],"default":false}},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]}},"relationships":[],"aliasOf":"Loader"},
+    "icons:Lock": {"importSource":"@sim/emcn/icons","exportName":"Lock","source":{"file":"packages/emcn/src/icons/lock.tsx","line":7,"name":"Lock"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Lock"},
+    "icons:LogIn": {"importSource":"@sim/emcn/icons","exportName":"LogIn","source":{"file":"packages/emcn/src/icons/log-in.tsx","line":7,"name":"LogIn"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"LogIn"},
+    "icons:LogOut": {"importSource":"@sim/emcn/icons","exportName":"LogOut","source":{"file":"packages/emcn/src/icons/log-out.tsx","line":7,"name":"LogOut"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"LogOut"},
+    "icons:Mail": {"importSource":"@sim/emcn/icons","exportName":"Mail","source":{"file":"packages/emcn/src/icons/mail.tsx","line":7,"name":"Mail"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Mail"},
+    "icons:ManageWorkspace": {"importSource":"@sim/emcn/icons","exportName":"ManageWorkspace","source":{"file":"packages/emcn/src/icons/manage-workspace.tsx","line":7,"name":"ManageWorkspace"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ManageWorkspace"},
+    "icons:MarkdownIcon": {"importSource":"@sim/emcn/icons","exportName":"MarkdownIcon","source":{"file":"packages/emcn/src/icons/markdown-icon.tsx","line":4,"name":"MarkdownIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"MarkdownIcon"},
+    "icons:Menu": {"importSource":"@sim/emcn/icons","exportName":"Menu","source":{"file":"packages/emcn/src/icons/menu.tsx","line":7,"name":"Menu"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Menu"},
+    "icons:MessageSquareText": {"importSource":"@sim/emcn/icons","exportName":"MessageSquareText","source":{"file":"packages/emcn/src/icons/message-square-text.tsx","line":7,"name":"MessageSquareText"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"MessageSquareText"},
+    "icons:Mic": {"importSource":"@sim/emcn/icons","exportName":"Mic","source":{"file":"packages/emcn/src/icons/mic.tsx","line":7,"name":"Mic"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Mic"},
+    "icons:MicOff": {"importSource":"@sim/emcn/icons","exportName":"MicOff","source":{"file":"packages/emcn/src/icons/mic-off.tsx","line":7,"name":"MicOff"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"MicOff"},
+    "icons:Minus": {"importSource":"@sim/emcn/icons","exportName":"Minus","source":{"file":"packages/emcn/src/icons/minus.tsx","line":7,"name":"Minus"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Minus"},
+    "icons:Moon": {"importSource":"@sim/emcn/icons","exportName":"Moon","source":{"file":"packages/emcn/src/icons/moon.tsx","line":7,"name":"Moon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Moon"},
+    "icons:MoreHorizontal": {"importSource":"@sim/emcn/icons","exportName":"MoreHorizontal","source":{"file":"packages/emcn/src/icons/more-horizontal.tsx","line":13,"name":"MoreHorizontal"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"MoreHorizontal"},
+    "icons:MoreVertical": {"importSource":"@sim/emcn/icons","exportName":"MoreVertical","source":{"file":"packages/emcn/src/icons/more-vertical.tsx","line":7,"name":"MoreVertical"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"MoreVertical"},
+    "icons:Music": {"importSource":"@sim/emcn/icons","exportName":"Music","source":{"file":"packages/emcn/src/icons/music.tsx","line":7,"name":"Music"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Music"},
+    "icons:NoWrap": {"importSource":"@sim/emcn/icons","exportName":"NoWrap","source":{"file":"packages/emcn/src/icons/no-wrap.tsx","line":7,"name":"NoWrap"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"NoWrap"},
+    "icons:Palette": {"importSource":"@sim/emcn/icons","exportName":"Palette","source":{"file":"packages/emcn/src/icons/palette.tsx","line":7,"name":"Palette"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Palette"},
+    "icons:PanelLeft": {"importSource":"@sim/emcn/icons","exportName":"PanelLeft","source":{"file":"packages/emcn/src/icons/panel-left.tsx","line":7,"name":"PanelLeft"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"PanelLeft"},
+    "icons:PanelRight": {"importSource":"@sim/emcn/icons","exportName":"PanelRight","source":{"file":"packages/emcn/src/icons/panel-right.tsx","line":7,"name":"PanelRight"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"PanelRight"},
+    "icons:Paperclip": {"importSource":"@sim/emcn/icons","exportName":"Paperclip","source":{"file":"packages/emcn/src/icons/paperclip.tsx","line":7,"name":"Paperclip"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Paperclip"},
+    "icons:Pause": {"importSource":"@sim/emcn/icons","exportName":"Pause","source":{"file":"packages/emcn/src/icons/pause.tsx","line":7,"name":"Pause"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Pause"},
+    "icons:PdfIcon": {"importSource":"@sim/emcn/icons","exportName":"PdfIcon","source":{"file":"packages/emcn/src/icons/pdf-icon.tsx","line":4,"name":"PdfIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"PdfIcon"},
+    "icons:Pencil": {"importSource":"@sim/emcn/icons","exportName":"Pencil","source":{"file":"packages/emcn/src/icons/pencil.tsx","line":7,"name":"Pencil"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Pencil"},
+    "icons:Phone": {"importSource":"@sim/emcn/icons","exportName":"Phone","source":{"file":"packages/emcn/src/icons/phone.tsx","line":7,"name":"Phone"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Phone"},
+    "icons:Pilcrow": {"importSource":"@sim/emcn/icons","exportName":"Pilcrow","source":{"file":"packages/emcn/src/icons/pilcrow.tsx","line":7,"name":"Pilcrow"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Pilcrow"},
+    "icons:PillsRing": {"importSource":"@sim/emcn/icons","exportName":"PillsRing","source":{"file":"packages/emcn/src/icons/pills-ring.tsx","line":22,"name":"PillsRing"},"kind":"icon","variants":{"animate":{"values":[false,true],"default":false}},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]}},"relationships":[],"aliasOf":"PillsRing"},
+    "icons:Pin": {"importSource":"@sim/emcn/icons","exportName":"Pin","source":{"file":"packages/emcn/src/icons/pin.tsx","line":7,"name":"Pin"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Pin"},
+    "icons:PinOff": {"importSource":"@sim/emcn/icons","exportName":"PinOff","source":{"file":"packages/emcn/src/icons/pin-off.tsx","line":7,"name":"PinOff"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"PinOff"},
+    "icons:Play": {"importSource":"@sim/emcn/icons","exportName":"Play","source":{"file":"packages/emcn/src/icons/play.tsx","line":7,"name":"Play"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Play"},
+    "icons:PlayOutline": {"importSource":"@sim/emcn/icons","exportName":"PlayOutline","source":{"file":"packages/emcn/src/icons/play.tsx","line":30,"name":"PlayOutline"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"PlayOutline"},
+    "icons:Plus": {"importSource":"@sim/emcn/icons","exportName":"Plus","source":{"file":"packages/emcn/src/icons/plus.tsx","line":7,"name":"Plus"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Plus"},
+    "icons:PptxIcon": {"importSource":"@sim/emcn/icons","exportName":"PptxIcon","source":{"file":"packages/emcn/src/icons/pptx-icon.tsx","line":4,"name":"PptxIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"PptxIcon"},
+    "icons:Redo": {"importSource":"@sim/emcn/icons","exportName":"Redo","source":{"file":"packages/emcn/src/icons/redo.tsx","line":7,"name":"Redo"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Redo"},
+    "icons:RefreshCw": {"importSource":"@sim/emcn/icons","exportName":"RefreshCw","source":{"file":"packages/emcn/src/icons/refresh-cw.tsx","line":9,"name":"RefreshCw"},"kind":"icon","variants":{"animate":{"values":[false,true],"default":false}},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[],"unchecked":["Unresolved styling member lookup"]}},"relationships":[],"aliasOf":"RefreshCw"},
+    "icons:Repeat": {"importSource":"@sim/emcn/icons","exportName":"Repeat","source":{"file":"packages/emcn/src/icons/repeat.tsx","line":7,"name":"Repeat"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Repeat"},
+    "icons:Rocket": {"importSource":"@sim/emcn/icons","exportName":"Rocket","source":{"file":"packages/emcn/src/icons/rocket.tsx","line":7,"name":"Rocket"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Rocket"},
+    "icons:Rows3": {"importSource":"@sim/emcn/icons","exportName":"Rows3","source":{"file":"packages/emcn/src/icons/rows3.tsx","line":7,"name":"Rows3"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Rows3"},
+    "icons:Rss": {"importSource":"@sim/emcn/icons","exportName":"Rss","source":{"file":"packages/emcn/src/icons/rss.tsx","line":7,"name":"Rss"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Rss"},
+    "icons:Scissors": {"importSource":"@sim/emcn/icons","exportName":"Scissors","source":{"file":"packages/emcn/src/icons/scissors.tsx","line":7,"name":"Scissors"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Scissors"},
+    "icons:Search": {"importSource":"@sim/emcn/icons","exportName":"Search","source":{"file":"packages/emcn/src/icons/search.tsx","line":7,"name":"Search"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Search"},
+    "icons:SelectAll": {"importSource":"@sim/emcn/icons","exportName":"SelectAll","source":{"file":"packages/emcn/src/icons/select-all.tsx","line":7,"name":"SelectAll"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"SelectAll"},
+    "icons:Send": {"importSource":"@sim/emcn/icons","exportName":"Send","source":{"file":"packages/emcn/src/icons/send.tsx","line":7,"name":"Send"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Send"},
+    "icons:SendToBack": {"importSource":"@sim/emcn/icons","exportName":"SendToBack","source":{"file":"packages/emcn/src/icons/send-to-back.tsx","line":7,"name":"SendToBack"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"SendToBack"},
+    "icons:Server": {"importSource":"@sim/emcn/icons","exportName":"Server","source":{"file":"packages/emcn/src/icons/server.tsx","line":7,"name":"Server"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Server"},
+    "icons:Settings": {"importSource":"@sim/emcn/icons","exportName":"Settings","source":{"file":"packages/emcn/src/icons/settings.tsx","line":7,"name":"Settings"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Settings"},
+    "icons:Share": {"importSource":"@sim/emcn/icons","exportName":"Share","source":{"file":"packages/emcn/src/icons/share.tsx","line":7,"name":"Share"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Share"},
+    "icons:ShieldCheck": {"importSource":"@sim/emcn/icons","exportName":"ShieldCheck","source":{"file":"packages/emcn/src/icons/shield-check.tsx","line":7,"name":"ShieldCheck"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ShieldCheck"},
+    "icons:Shuffle": {"importSource":"@sim/emcn/icons","exportName":"Shuffle","source":{"file":"packages/emcn/src/icons/shuffle.tsx","line":7,"name":"Shuffle"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Shuffle"},
+    "icons:Sim": {"importSource":"@sim/emcn/icons","exportName":"Sim","source":{"file":"packages/emcn/src/icons/sim.tsx","line":7,"name":"Sim"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Sim"},
+    "icons:SkipForward": {"importSource":"@sim/emcn/icons","exportName":"SkipForward","source":{"file":"packages/emcn/src/icons/skip-forward.tsx","line":7,"name":"SkipForward"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"SkipForward"},
+    "icons:Slash": {"importSource":"@sim/emcn/icons","exportName":"Slash","source":{"file":"packages/emcn/src/icons/slash.tsx","line":9,"name":"Slash"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Slash"},
+    "icons:SlidersHorizontal": {"importSource":"@sim/emcn/icons","exportName":"SlidersHorizontal","source":{"file":"packages/emcn/src/icons/sliders-horizontal.tsx","line":7,"name":"SlidersHorizontal"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"SlidersHorizontal"},
+    "icons:Sparkles": {"importSource":"@sim/emcn/icons","exportName":"Sparkles","source":{"file":"packages/emcn/src/icons/sparkles.tsx","line":7,"name":"Sparkles"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Sparkles"},
+    "icons:Split": {"importSource":"@sim/emcn/icons","exportName":"Split","source":{"file":"packages/emcn/src/icons/split.tsx","line":7,"name":"Split"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Split"},
+    "icons:Sprout": {"importSource":"@sim/emcn/icons","exportName":"Sprout","source":{"file":"packages/emcn/src/icons/sprout.tsx","line":7,"name":"Sprout"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Sprout"},
+    "icons:Square": {"importSource":"@sim/emcn/icons","exportName":"Square","source":{"file":"packages/emcn/src/icons/square.tsx","line":9,"name":"Square"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Square"},
+    "icons:SquareArrowUpRight": {"importSource":"@sim/emcn/icons","exportName":"SquareArrowUpRight","source":{"file":"packages/emcn/src/icons/square-arrow-up-right.tsx","line":7,"name":"SquareArrowUpRight"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"SquareArrowUpRight"},
+    "icons:StopFilled": {"importSource":"@sim/emcn/icons","exportName":"StopFilled","source":{"file":"packages/emcn/src/icons/stop-filled.tsx","line":6,"name":"StopFilled"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"StopFilled"},
+    "icons:Strikethrough": {"importSource":"@sim/emcn/icons","exportName":"Strikethrough","source":{"file":"packages/emcn/src/icons/strikethrough.tsx","line":7,"name":"Strikethrough"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Strikethrough"},
+    "icons:Sun": {"importSource":"@sim/emcn/icons","exportName":"Sun","source":{"file":"packages/emcn/src/icons/sun.tsx","line":7,"name":"Sun"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Sun"},
+    "icons:Table": {"importSource":"@sim/emcn/icons","exportName":"Table","source":{"file":"packages/emcn/src/icons/table.tsx","line":7,"name":"Table"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[]},
+    "icons:TableX": {"importSource":"@sim/emcn/icons","exportName":"TableX","source":{"file":"packages/emcn/src/icons/table-x.tsx","line":7,"name":"TableX"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"TableX"},
+    "icons:TagIcon": {"importSource":"@sim/emcn/icons","exportName":"TagIcon","source":{"file":"packages/emcn/src/icons/tag.tsx","line":7,"name":"TagIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"TagIcon"},
+    "icons:Task": {"importSource":"@sim/emcn/icons","exportName":"Task","source":{"file":"packages/emcn/src/icons/task.tsx","line":7,"name":"Task"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Task"},
+    "icons:TerminalWindow": {"importSource":"@sim/emcn/icons","exportName":"TerminalWindow","source":{"file":"packages/emcn/src/icons/terminal-window.tsx","line":12,"name":"TerminalWindow"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"TerminalWindow"},
+    "icons:TextQuote": {"importSource":"@sim/emcn/icons","exportName":"TextQuote","source":{"file":"packages/emcn/src/icons/text-quote.tsx","line":7,"name":"TextQuote"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"TextQuote"},
+    "icons:ThumbsDown": {"importSource":"@sim/emcn/icons","exportName":"ThumbsDown","source":{"file":"packages/emcn/src/icons/thumbs-down.tsx","line":7,"name":"ThumbsDown"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ThumbsDown"},
+    "icons:ThumbsUp": {"importSource":"@sim/emcn/icons","exportName":"ThumbsUp","source":{"file":"packages/emcn/src/icons/thumbs-up.tsx","line":7,"name":"ThumbsUp"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ThumbsUp"},
+    "icons:ToggleLeft": {"importSource":"@sim/emcn/icons","exportName":"ToggleLeft","source":{"file":"packages/emcn/src/icons/toggle-left.tsx","line":7,"name":"ToggleLeft"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ToggleLeft"},
+    "icons:Trash": {"importSource":"@sim/emcn/icons","exportName":"Trash","source":{"file":"packages/emcn/src/icons/trash.tsx","line":7,"name":"Trash"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Trash"},
+    "icons:TriangleAlert": {"importSource":"@sim/emcn/icons","exportName":"TriangleAlert","source":{"file":"packages/emcn/src/icons/triangle-alert.tsx","line":7,"name":"TriangleAlert"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"TriangleAlert"},
+    "icons:TxtIcon": {"importSource":"@sim/emcn/icons","exportName":"TxtIcon","source":{"file":"packages/emcn/src/icons/txt-icon.tsx","line":4,"name":"TxtIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"TxtIcon"},
+    "icons:TypeBoolean": {"importSource":"@sim/emcn/icons","exportName":"TypeBoolean","source":{"file":"packages/emcn/src/icons/type-boolean.tsx","line":7,"name":"TypeBoolean"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"TypeBoolean"},
+    "icons:TypeCurrency": {"importSource":"@sim/emcn/icons","exportName":"TypeCurrency","source":{"file":"packages/emcn/src/icons/type-currency.tsx","line":7,"name":"TypeCurrency"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"TypeCurrency"},
+    "icons:TypeJson": {"importSource":"@sim/emcn/icons","exportName":"TypeJson","source":{"file":"packages/emcn/src/icons/type-json.tsx","line":7,"name":"TypeJson"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"TypeJson"},
+    "icons:TypeNumber": {"importSource":"@sim/emcn/icons","exportName":"TypeNumber","source":{"file":"packages/emcn/src/icons/type-number.tsx","line":7,"name":"TypeNumber"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"TypeNumber"},
+    "icons:TypeText": {"importSource":"@sim/emcn/icons","exportName":"TypeText","source":{"file":"packages/emcn/src/icons/type-text.tsx","line":7,"name":"TypeText"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"TypeText"},
+    "icons:TypeTtl": {"importSource":"@sim/emcn/icons","exportName":"TypeTtl","source":{"file":"packages/emcn/src/icons/type-ttl.tsx","line":3,"name":"TypeTtl"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"TypeTtl"},
+    "icons:Undo": {"importSource":"@sim/emcn/icons","exportName":"Undo","source":{"file":"packages/emcn/src/icons/undo.tsx","line":7,"name":"Undo"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Undo"},
+    "icons:Unlink": {"importSource":"@sim/emcn/icons","exportName":"Unlink","source":{"file":"packages/emcn/src/icons/unlink.tsx","line":7,"name":"Unlink"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Unlink"},
+    "icons:Unlock": {"importSource":"@sim/emcn/icons","exportName":"Unlock","source":{"file":"packages/emcn/src/icons/unlock.tsx","line":7,"name":"Unlock"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Unlock"},
+    "icons:Upload": {"importSource":"@sim/emcn/icons","exportName":"Upload","source":{"file":"packages/emcn/src/icons/upload.tsx","line":7,"name":"Upload"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Upload"},
+    "icons:User": {"importSource":"@sim/emcn/icons","exportName":"User","source":{"file":"packages/emcn/src/icons/user.tsx","line":7,"name":"User"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"User"},
+    "icons:Users": {"importSource":"@sim/emcn/icons","exportName":"Users","source":{"file":"packages/emcn/src/icons/users.tsx","line":7,"name":"Users"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Users"},
+    "icons:VideoIcon": {"importSource":"@sim/emcn/icons","exportName":"VideoIcon","source":{"file":"packages/emcn/src/icons/video-icon.tsx","line":4,"name":"VideoIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"VideoIcon"},
+    "icons:Wand": {"importSource":"@sim/emcn/icons","exportName":"Wand","source":{"file":"packages/emcn/src/icons/wand.tsx","line":7,"name":"Wand"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Wand"},
+    "icons:Webhook": {"importSource":"@sim/emcn/icons","exportName":"Webhook","source":{"file":"packages/emcn/src/icons/webhook.tsx","line":7,"name":"Webhook"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Webhook"},
+    "icons:Workflow": {"importSource":"@sim/emcn/icons","exportName":"Workflow","source":{"file":"packages/emcn/src/icons/workflow.tsx","line":7,"name":"Workflow"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Workflow"},
+    "icons:WorkflowX": {"importSource":"@sim/emcn/icons","exportName":"WorkflowX","source":{"file":"packages/emcn/src/icons/workflow-x.tsx","line":7,"name":"WorkflowX"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"WorkflowX"},
+    "icons:Workspaces": {"importSource":"@sim/emcn/icons","exportName":"Workspaces","source":{"file":"packages/emcn/src/icons/workspaces.tsx","line":10,"name":"Workspaces"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Workspaces"},
+    "icons:Wrap": {"importSource":"@sim/emcn/icons","exportName":"Wrap","source":{"file":"packages/emcn/src/icons/wrap.tsx","line":7,"name":"Wrap"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Wrap"},
+    "icons:Wrench": {"importSource":"@sim/emcn/icons","exportName":"Wrench","source":{"file":"packages/emcn/src/icons/wrench.tsx","line":7,"name":"Wrench"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Wrench"},
+    "icons:X": {"importSource":"@sim/emcn/icons","exportName":"X","source":{"file":"packages/emcn/src/icons/x.tsx","line":7,"name":"X"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"X"},
+    "icons:XlsxIcon": {"importSource":"@sim/emcn/icons","exportName":"XlsxIcon","source":{"file":"packages/emcn/src/icons/xlsx-icon.tsx","line":4,"name":"XlsxIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"XlsxIcon"},
+    "icons:Zap": {"importSource":"@sim/emcn/icons","exportName":"Zap","source":{"file":"packages/emcn/src/icons/zap.tsx","line":7,"name":"Zap"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"Zap"},
+    "icons:ZipIcon": {"importSource":"@sim/emcn/icons","exportName":"ZipIcon","source":{"file":"packages/emcn/src/icons/zip-icon.tsx","line":4,"name":"ZipIcon"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ZipIcon"},
+    "icons:ZoomIn": {"importSource":"@sim/emcn/icons","exportName":"ZoomIn","source":{"file":"packages/emcn/src/icons/zoom-in.tsx","line":7,"name":"ZoomIn"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ZoomIn"},
+    "icons:ZoomOut": {"importSource":"@sim/emcn/icons","exportName":"ZoomOut","source":{"file":"packages/emcn/src/icons/zoom-out.tsx","line":7,"name":"ZoomOut"},"kind":"icon","variants":{},"slots":{"className":{"protected":[],"allowed":[],"recipes":[],"forwards":[]},"style":{"protected":[],"allowed":[],"recipes":[],"forwards":[]}},"relationships":[],"aliasOf":"ZoomOut"}
+  },
+  "recipes": {
+    "packages/emcn/src/components/avatar/avatar.tsx#avatarFallbackVariants": {"classes":["bg-[var(--surface-4)]","border","border-[var(--border)]","flex","font-medium","items-center","justify-center","leading-none","rounded-full","size-full","text-[8px]","text-[var(--text-secondary)]","text-xs"],"variants":{"size":["lg","md","sm","xs"]},"defaults":{"size":"md"}},
+    "packages/emcn/src/components/avatar/avatar.tsx#avatarStatusVariants": {"classes":["absolute","bg-[var(--caution)]","bg-[var(--error)]","bg-[var(--success)]","bg-[var(--text-muted)]","border","border-2","border-[var(--bg)]","bottom-0","right-0","rounded-full","size-1.5","size-2","size-2.5","size-3"],"variants":{"status":["away","busy","offline","online"],"size":["lg","md","sm","xs"]},"defaults":{"status":"online","size":"md"}},
+    "packages/emcn/src/components/avatar/avatar.tsx#avatarVariants": {"classes":["flex","overflow-hidden","relative","rounded-full","shrink-0","size-10","size-3.5","size-6","size-8"],"variants":{"size":["lg","md","sm","xs"]},"defaults":{"size":"md"}},
+    "packages/emcn/src/components/badge/badge.tsx#badgeVariants": {"classes":["bg-[var(--badge-amber-bg)]","bg-[var(--badge-blue-bg)]","bg-[var(--badge-blue-secondary-bg)]","bg-[var(--badge-cyan-bg)]","bg-[var(--badge-error-bg)]","bg-[var(--badge-gray-bg)]","bg-[var(--badge-orange-bg)]","bg-[var(--badge-pink-bg)]","bg-[var(--badge-purple-bg)]","bg-[var(--badge-success-bg)]","bg-[var(--badge-teal-bg)]","bg-[var(--surface-4)]","bg-transparent","border","border-[var(--border)]","border-[var(--border-1)]","dark:bg-[var(--surface-6)]","dark:hover-hover:bg-[var(--surface-5)]","dark:hover-hover:bg-transparent","dark:hover-hover:border-[var(--surface-6)]","focus:outline-hidden","gap-1","gap-1.5","hover-hover:bg-[var(--surface-5)]","hover-hover:bg-[var(--surface-6)]","hover-hover:border-[var(--border-1)]","hover-hover:text-[var(--text-primary)]","inline-flex","items-center","px-[7px]","px-[9px]","py-0.5","py-[1px]","py-[2.25px]","rounded-[40px]","rounded-md","text-[var(--badge-amber-text)]","text-[var(--badge-blue-secondary-text)]","text-[var(--badge-blue-text)]","text-[var(--badge-cyan-text)]","text-[var(--badge-error-text)]","text-[var(--badge-gray-text)]","text-[var(--badge-orange-text)]","text-[var(--badge-pink-text)]","text-[var(--badge-purple-text)]","text-[var(--badge-success-text)]","text-[var(--badge-teal-text)]","text-[var(--text-secondary)]","text-caption","text-xs","transition-colors"],"variants":{"variant":["amber","blue","blue-secondary","cyan","default","gray","gray-secondary","green","orange","outline","pink","purple","red","teal","type"],"size":["lg","md","sm"]},"defaults":{"variant":"default","size":"md"}},
+    "packages/emcn/src/components/banner/banner.tsx#bannerVariants": {"classes":["bg-[var(--surface-active)]","bg-red-50","dark:bg-red-950/30","px-6","py-2.5","shrink-0"],"variants":{"variant":["default","destructive"]},"defaults":{"variant":"default"}},
+    "packages/emcn/src/components/bulk-action-button/bulk-action-button.tsx#bulkActionButtonVariants": {"classes":["bg-[var(--surface-5)]","dark:bg-[var(--surface-4)]","hover-hover:bg-[var(--brand-secondary)]","hover-hover:text-[var(--text-inverse)]!","p-0","rounded-lg","size-[28px]"],"variants":{"surface":["adaptive","uniform"]},"defaults":{"surface":"adaptive"}},
+    "packages/emcn/src/components/button/button.tsx#buttonVariants": {"classes":["[&_svg]:[stroke-width:1.25]","bg-[var(--brand-accent)]","bg-[var(--brand-secondary)]","bg-[var(--surface-4)]","bg-[var(--surface-5)]","bg-[var(--text-error)]","bg-[var(--text-primary)]","bg-transparent","border","border-[var(--border)]","border-[var(--border-1)]","border-[var(--text-muted)]","border-l","border-r","border-t","dark:bg-[var(--brand-accent)]","dark:bg-white","dark:hover-hover:bg-[var(--border-1)]","dark:hover-hover:bg-[var(--brand-accent-hover)]","dark:hover-hover:bg-[var(--surface-5)]","dark:hover-hover:bg-[var(--text-secondary)]","dark:hover-hover:text-[var(--bg)]","dark:hover-hover:text-[var(--text-inverse)]","dark:text-[var(--bg)]","dark:text-[var(--text-inverse)]","disabled:opacity-70","disabled:pointer-events-none","focus-visible:outline-hidden","focus:outline-hidden","hover-hover:-translate-y-0.5","hover-hover:bg-[var(--brand-accent-hover)]","hover-hover:bg-[var(--surface-4)]","hover-hover:bg-[var(--surface-6)]","hover-hover:bg-[var(--surface-active)]","hover-hover:bg-[var(--text-body)]","hover-hover:border-[var(--border-1)]","hover-hover:border-[var(--text-secondary)]","hover-hover:brightness-106","hover-hover:shadow-[0_4px_0_0_var(--border-1)]","hover-hover:text-[var(--text-body)]","hover-hover:text-[var(--text-inverse)]","hover-hover:text-[var(--text-primary)]","hover-hover:text-white","inline-flex","items-center","justify-center","outline-hidden","p-0","p-1","p-1.5","px-1.5","px-2","py-1","py-1.5","rounded-[5px]","rounded-sm","shadow-[0_2px_0_0_var(--border-1)]","size-[20px]","text-[length:11px]","text-[length:12px]","text-[var(--text-body)]","text-[var(--text-icon-muted)]","text-[var(--text-inverse)]","text-[var(--text-muted)]","text-[var(--text-primary)]","text-[var(--text-secondary)]","text-[var(--text-tertiary)]","text-white","transition-[transform,box-shadow,color]","transition-colors"],"variants":{"variant":["3d","active","default","destructive","ghost","ghost-secondary","outline","primary","quiet","secondary","subtle","tertiary"],"size":["icon","md","sm"],"iconPadding":["md","sm"]},"defaults":{"variant":"default","size":"md"}},
+    "packages/emcn/src/components/charts/chart-legend.tsx#chartLegendVariants": {"classes":["flex","flex-1","flex-col","flex-wrap","gap-0.5","items-center","min-w-0"],"variants":{"layout":["column","row"]},"defaults":{"layout":"column"}},
+    "packages/emcn/src/components/checkbox/checkbox.tsx#checkboxIconVariants": {"classes":["h-3.5","h-4","h-[10px]","stroke-[3]","w-3.5","w-4","w-[10px]"],"variants":{"size":["lg","md","sm"]},"defaults":{"size":"md"}},
+    "packages/emcn/src/components/checkbox/checkbox.tsx#checkboxVariants": {"classes":["h-4","h-5","h-[14px]","w-4","w-5","w-[14px]"],"variants":{"size":["lg","md","sm"]},"defaults":{"size":"md"}},
+    "packages/emcn/src/components/chip-tag/chip-tag.tsx#chipTagVariants": {"classes":["bg-[#0062FF]","bg-[#007E80]","bg-[#188F00]","bg-[#3B3B3B]","bg-[#8B5CF6]","bg-[#AA00FF]","bg-[#E6E6E6]","bg-[#FF4C00]","bg-[#FFEF08]","bg-[#FFFFFF]","bg-[var(--badge-error-bg)]","bg-[var(--surface-5)]","bg-[var(--surface-6)]","bg-[var(--text-secondary)]","border","border-[var(--border-1)]","border-transparent","dark:bg-[var(--surface-3)]","dark:bg-[var(--surface-4)]","gap-1.5","gap-[3px]","h-5","inline-flex","items-center","leading-5","px-1","rounded-md","shadow-[inset_0_0_0_1px_#C3C3C3]","text-[#000000]","text-[#1A1A1A]","text-[#F8F8F8]","text-[#FFFFFF]","text-[var(--text-body)]","text-[var(--text-error)]","text-[var(--text-inverse)]","text-[var(--text-primary)]","text-[var(--text-secondary)]","text-sm","transition-colors"],"variants":{"variant":["brand","field","gray","invite","mono","solid","workflow"],"invalid":["false","true"],"tone":["ash","blue","content","green","identity","inverse","neutral","orange","purple","yellow"],"brandForeground":["dark","light"]},"defaults":{"variant":"mono","invalid":false,"tone":"neutral","brandForeground":"light"}},
+    "packages/emcn/src/components/chip/chip.tsx#chipVariants": {"classes":["bg-[var(--surface-2)]","bg-[var(--surface-5)]","bg-[var(--surface-active)]","bg-[var(--text-error)]","bg-[var(--text-primary)]","bg-transparent","border","border-[var(--border)]","cursor-pointer","dark:bg-[var(--surface-4)]","dark:bg-white","dark:hover-hover:bg-[var(--surface-4)]","dark:hover-hover:bg-[var(--text-secondary)]","dark:hover-hover:text-[var(--bg)]","dark:shadow-[0_0_0_1px_var(--border-1),0_1px_3px_0_rgba(0,0,0,0.3)]","dark:text-[var(--bg)]","disabled:cursor-not-allowed","disabled:opacity-60","flex","gap-1.5","group","h-[30px]","hover-hover:bg-[var(--surface-3)]","hover-hover:bg-[var(--surface-hover)]","hover-hover:bg-[var(--text-body)]","hover-hover:border-[color-mix(in_srgb,var(--border)_80%,var(--text-secondary))]","hover-hover:brightness-106","hover-hover:text-[var(--text-inverse)]","hover-hover:text-white","inline-flex","items-center","px-2","rounded-full","rounded-lg","shadow-[0_0_0_1px_rgba(28,40,64,0.08),0_1px_3px_0_rgba(28,40,64,0.1)]","text-[var(--text-inverse)]","text-left","text-sm","text-white","transition-colors","w-full"],"variants":{"variant":["border","border-shadow","default","destructive","filled","outline","primary"],"shape":["default","round"],"active":["false","true"],"fullWidth":["false","true"]},"defaults":{"variant":"default","shape":"default","active":false,"fullWidth":false}},
+    "packages/emcn/src/components/chip/segmented-control.ts#segmentedControlItemVariants": {"classes":["bg-[var(--surface-2)]","bg-[var(--surface-5)]","bg-[var(--surface-active)]","bg-[var(--text-error)]","bg-[var(--text-primary)]","bg-transparent","border","border-[var(--border)]","cursor-pointer","dark:bg-[var(--surface-4)]","dark:bg-[var(--surface-6)]","dark:bg-white","dark:hover-hover:bg-[var(--surface-4)]","dark:hover-hover:bg-[var(--surface-6)]","dark:hover-hover:bg-[var(--text-secondary)]","dark:hover-hover:text-[var(--bg)]","dark:shadow-[0_0_0_1px_var(--border-1),0_1px_3px_0_rgba(0,0,0,0.3)]","dark:text-[var(--bg)]","disabled:cursor-not-allowed","disabled:opacity-60","flex","focus-visible:outline-hidden","focus:outline-hidden","gap-1.5","group","h-[30px]","h-full","hover-hover:bg-[var(--surface-2)]","hover-hover:bg-[var(--surface-3)]","hover-hover:bg-[var(--surface-hover)]","hover-hover:bg-[var(--text-body)]","hover-hover:bg-transparent","hover-hover:border-[color-mix(in_srgb,var(--border)_80%,var(--text-secondary))]","hover-hover:brightness-106","hover-hover:text-[var(--text-body)]","hover-hover:text-[var(--text-inverse)]","hover-hover:text-white","inline-flex","items-center","justify-center","outline-hidden","px-1.5","px-2","rounded-[calc(var(--radius-lg)-2px)]","rounded-full","rounded-lg","shadow-[0_0_0_1px_rgba(28,40,64,0.08),0_1px_3px_0_rgba(28,40,64,0.1)]","shrink-0","text-[var(--text-body)]","text-[var(--text-inverse)]","text-[var(--text-muted)]","text-left","text-sm","text-white","text-xs","transition-colors","w-full","whitespace-nowrap"],"variants":{"size":["compact","default"],"active":["false","true"]},"defaults":{"active":false,"size":"default"}},
+    "packages/emcn/src/components/chip/segmented-control.ts#segmentedControlVariants": {"classes":["[&::-webkit-scrollbar]:hidden","[scrollbar-width:none]","bg-[var(--surface-5)]","dark:bg-[var(--surface-4)]","gap-0","gap-0.5","gap-1.5","h-[22px]","h-[30px]","inline-flex","items-center","max-w-full","overflow-x-auto","p-[2px]","px-2","rounded-lg","text-left","text-sm","w-fit"],"variants":{"gap":["none","sm"],"size":["compact","default"]},"defaults":{"gap":"none","size":"default"}},
+    "packages/emcn/src/components/combobox/combobox.tsx#comboboxVariants": {"classes":["bg-[var(--surface-5)]","border","border-[var(--border-1)]","disabled:cursor-not-allowed","disabled:opacity-50","flex","font-sans","outline-hidden","placeholder:text-[var(--text-muted)]","px-2","py-1.5","rounded-sm","text-[var(--text-primary)]","text-caption","text-sm","w-full"],"variants":{"variant":["default"],"size":["md","sm"]},"defaults":{"variant":"default","size":"md"}},
+    "packages/emcn/src/components/composer-action-button/composer-action-button.tsx#composerActionButtonVariants": {"classes":["bg-[#383838]","bg-[#808080]","border-0","dark:bg-[#808080]","dark:bg-[#E0E0E0]","dark:hover-hover:bg-[#CFCFCF]","dark:hover:bg-[#CFCFCF]","hover-hover:bg-[#575757]","hover:bg-[#575757]","p-0","rounded-full","size-[22px]","size-[28px]"],"variants":{"size":["md","sm"],"active":["false","true"]},"defaults":{"size":"md","active":true}},
+    "packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx#dropdownMenuItemVariants": {"classes":["[&>span:not([data-overflow-text])]:overflow-hidden","[&>span:not([data-overflow-text])]:text-clip","[&>span]:min-w-0","[&_svg]:pointer-events-none","[&_svg]:shrink-0","[&_svg]:size-[14px]","[&_svg]:text-[var(--text-icon)]","cursor-pointer","data-[disabled]:opacity-50","data-[disabled]:pointer-events-none","duration-0","flex","gap-1.5","h-[28px]","h-[30px]","items-center","min-w-0","outline-hidden","px-2","relative","rounded-lg","select-none","text-[var(--text-body)]","text-left","text-sm","text-small","transition-colors","whitespace-nowrap"],"variants":{"size":["default","lg"]},"defaults":{"size":"default"}},
+    "packages/emcn/src/components/progress-item/progress-item.tsx#progressItemVariants": {"classes":["flex","gap-2.5","items-start","px-3","py-3","text-[12px]"],"variants":{"status":["error","pending","success"]},"defaults":{"status":"pending"}},
+    "packages/emcn/src/components/table/table.tsx#tableVariants": {"classes":["[&_td:first-child]:rounded-l-lg","[&_td:last-child]:rounded-r-lg","[&_td]:p-2","[&_td]:text-[var(--text-muted)]","[&_td]:text-caption","[&_th]:font-normal","[&_th]:h-8","[&_th]:p-2","[&_th]:text-[var(--text-muted)]","[&_th]:text-caption","[&_tr]:border-0","border-separate","border-spacing-x-0","border-spacing-y-0.5","caption-bottom","text-small","w-full"],"variants":{"variant":["default","list"]},"defaults":{"variant":"default"}},
+    "packages/emcn/src/components/tag-input/tag-input.tsx#tagInputVariants": {"classes":["bg-[var(--surface-5)]","border","border-[var(--border-1)]","content-start","cursor-text","dark:bg-[var(--surface-4)]","dark:bg-[var(--surface-5)]","flex","flex-wrap","focus-within:outline-hidden","gap-2","items-center","items-start","min-h-[112px]","overflow-y-auto","px-2","py-1.5","py-2","rounded-lg","rounded-sm","transition-colors","w-full"],"variants":{"variant":["block","default"]},"defaults":{"variant":"default"}},
+    "packages/emcn/src/components/textarea/textarea.tsx#textareaVariants": {"classes":["[letter-spacing:inherit]","bg-[var(--surface-5)]","border","border-[var(--border-1)]","disabled:cursor-not-allowed","disabled:opacity-50","flex","font-sans","outline-hidden","overflow-auto","placeholder:text-[var(--text-muted)]","px-2","py-2","resize-none","rounded-sm","text-[var(--text-primary)]","text-sm","touch-manipulation","transition-colors","w-full"],"variants":{"variant":["default"]},"defaults":{"variant":"default"}},
+    "packages/emcn/src/components/time-picker/time-picker.tsx#timePickerVariants": {"classes":["bg-[var(--surface-5)]","border","border-[var(--border-1)]","disabled:cursor-not-allowed","disabled:opacity-50","flex","font-sans","outline-hidden","placeholder:text-[var(--text-muted)]","px-2","py-1.5","py-[5px]","rounded-sm","text-[var(--text-primary)]","text-caption","text-sm","transition-colors","w-full"],"variants":{"variant":["default"],"size":["default","sm"]},"defaults":{"variant":"default","size":"default"}}
+  },
+  "tokens": {
+    "--accent": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 92.5%"},{"context":"@layer base > .dark","value":"0 0% 17.5%"}],"aliases":[]},
+    "--accent-foreground": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 11.2%"},{"context":"@layer base > .dark","value":"0 0% 98%"}],"aliases":[]},
+    "--animate-caret-blink": {"definitions":[{"context":"@theme inline","value":"caret-blink 1.25s ease-out infinite"}],"aliases":[]},
+    "--animate-collapsible-down": {"definitions":[{"context":"@theme inline","value":"collapsible-down 300ms cubic-bezier(0.4, 0, 0.2, 1)"}],"aliases":[]},
+    "--animate-collapsible-up": {"definitions":[{"context":"@theme inline","value":"collapsible-up 300ms cubic-bezier(0.4, 0, 0.2, 1)"}],"aliases":[]},
+    "--animate-hero-cursor-press": {"definitions":[{"context":"@theme inline","value":"hero-cursor-press 340ms cubic-bezier(0.23, 1, 0.32, 1)"}],"aliases":[]},
+    "--animate-hero-edge-draw": {"definitions":[{"context":"@theme inline","value":"hero-edge-draw 520ms ease-out forwards"}],"aliases":[]},
+    "--animate-hero-file-drop": {"definitions":[{"context":"@theme inline","value":"hero-file-drop 480ms cubic-bezier(0.16, 1, 0.3, 1) forwards"}],"aliases":[]},
+    "--animate-hero-kb-content-morph": {"definitions":[{"context":"@theme inline","value":"hero-kb-content-morph 420ms cubic-bezier(0.22, 1, 0.36, 1) 260ms\n    forwards"}],"aliases":[]},
+    "--animate-hero-modal-in": {"definitions":[{"context":"@theme inline","value":"hero-modal-in 320ms cubic-bezier(0.16, 1, 0.3, 1) both"}],"aliases":[]},
+    "--animate-hero-node-pop": {"definitions":[{"context":"@theme inline","value":"hero-node-pop 440ms cubic-bezier(0.16, 1, 0.3, 1) forwards"}],"aliases":[]},
+    "--animate-ring-pulse": {"definitions":[{"context":"@theme inline","value":"ring-pulse 1.5s ease-in-out infinite"}],"aliases":[]},
+    "--animate-running-hatch-scroll": {"definitions":[{"context":"@theme inline","value":"running-hatch-scroll 900ms linear infinite"}],"aliases":[]},
+    "--animate-slide-in-bottom": {"definitions":[{"context":"@theme inline","value":"slide-in-bottom 400ms cubic-bezier(0.16, 1, 0.3, 1)"}],"aliases":[]},
+    "--animate-stream-fade-in": {"definitions":[{"context":"@theme inline","value":"stream-fade-in 300ms ease-out forwards"}],"aliases":[]},
+    "--auth-primary-btn-bg": {"definitions":[{"context":":root","value":"#ffffff"}],"aliases":[]},
+    "--auth-primary-btn-border": {"definitions":[{"context":":root","value":"#ffffff"}],"aliases":[]},
+    "--auth-primary-btn-hover-bg": {"definitions":[{"context":":root","value":"#e0e0e0"}],"aliases":[]},
+    "--auth-primary-btn-hover-border": {"definitions":[{"context":":root","value":"#e0e0e0"}],"aliases":[]},
+    "--auth-primary-btn-hover-text": {"definitions":[{"context":":root","value":"#000000"}],"aliases":[]},
+    "--auth-primary-btn-text": {"definitions":[{"context":":root","value":"#000000"}],"aliases":[]},
+    "--background": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 100%"},{"context":"@layer base > .dark","value":"0 0% 10.59%"}],"aliases":[]},
+    "--badge-amber-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#fde68a"},{"context":"@layer base > .dark","value":"rgba(245, 158, 11, 0.2)"}],"aliases":[]},
+    "--badge-amber-text": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#a16207"},{"context":"@layer base > .dark","value":"#fcd34d"}],"aliases":[]},
+    "--badge-blue-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#bfdbfe"},{"context":"@layer base > .dark","value":"rgba(59, 130, 246, 0.2)"}],"aliases":[]},
+    "--badge-blue-secondary-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#bae6fd"},{"context":"@layer base > .dark","value":"rgba(51, 180, 255, 0.2)"}],"aliases":[]},
+    "--badge-blue-secondary-text": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#0369a1"},{"context":"@layer base > .dark","value":"#7dd3fc"}],"aliases":[]},
+    "--badge-blue-text": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#1d4ed8"},{"context":"@layer base > .dark","value":"#93c5fd"}],"aliases":[]},
+    "--badge-cyan-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#cffafe"},{"context":"@layer base > .dark","value":"rgba(14, 165, 233, 0.2)"}],"aliases":[]},
+    "--badge-cyan-text": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#0891b2"},{"context":"@layer base > .dark","value":"#7dd3fc"}],"aliases":[]},
+    "--badge-error-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#fecaca"},{"context":"@layer base > .dark","value":"#551a1a"}],"aliases":[]},
+    "--badge-error-text": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#dc2626"},{"context":"@layer base > .dark","value":"#fca5a5"}],"aliases":[]},
+    "--badge-gray-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#e7e5e4"},{"context":"@layer base > .dark","value":"#3a3a3a"}],"aliases":[]},
+    "--badge-gray-text": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#57534e"},{"context":"@layer base > .dark","value":"#a8a8a8"}],"aliases":[]},
+    "--badge-orange-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#fed7aa"},{"context":"@layer base > .dark","value":"rgba(249, 115, 22, 0.2)"}],"aliases":[]},
+    "--badge-orange-text": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#c2410c"},{"context":"@layer base > .dark","value":"#fdba74"}],"aliases":[]},
+    "--badge-pink-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#fbcfe8"},{"context":"@layer base > .dark","value":"rgba(236, 72, 153, 0.2)"}],"aliases":[]},
+    "--badge-pink-text": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#be185d"},{"context":"@layer base > .dark","value":"#f9a8d4"}],"aliases":[]},
+    "--badge-purple-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#e9d5ff"},{"context":"@layer base > .dark","value":"rgba(168, 85, 247, 0.2)"}],"aliases":[]},
+    "--badge-purple-text": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#7c3aed"},{"context":"@layer base > .dark","value":"#d8b4fe"}],"aliases":[]},
+    "--badge-success-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#bbf7d0"},{"context":"@layer base > .dark","value":"rgba(34, 197, 94, 0.2)"}],"aliases":[]},
+    "--badge-success-text": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#15803d"},{"context":"@layer base > .dark","value":"#86efac"}],"aliases":[]},
+    "--badge-teal-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#99f6e4"},{"context":"@layer base > .dark","value":"rgba(20, 184, 166, 0.2)"}],"aliases":[]},
+    "--badge-teal-text": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#0f766e"},{"context":"@layer base > .dark","value":"#5eead4"}],"aliases":[]},
+    "--base-muted-foreground": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#737373"},{"context":"@layer base > .dark","value":"#a3a3a3"}],"aliases":[]},
+    "--bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#fefefe"},{"context":"@layer base > .dark","value":"#1b1b1b"}],"aliases":[]},
+    "--border": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#d8d8d8"},{"context":"@layer base > .dark","value":"#444444"}],"aliases":[]},
+    "--border-1": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"var(--border)"},{"context":"@layer base > .dark","value":"var(--border)"}],"aliases":["--border"]},
+    "--border-inverted": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#363636"},{"context":"@layer base > .dark","value":"#3d3d3d"}],"aliases":[]},
+    "--border-muted": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"var(--border)"},{"context":"@layer base > .dark","value":"var(--border)"}],"aliases":["--border"]},
+    "--border-success": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#e0e0e0"},{"context":"@layer base > .dark","value":"#575757"}],"aliases":[]},
+    "--border-width": {"definitions":[{"context":":root","value":"1px"},{"context":"@media (min-resolution: 2dppx) > :root","value":"0.5px"}],"aliases":[]},
+    "--brand": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#33c482"},{"context":"@layer base > .dark","value":"#33c482"}],"aliases":[]},
+    "--brand-accent": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#33c482"},{"context":"@layer base > .dark","value":"#33c482"}],"aliases":[]},
+    "--brand-accent-hover": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#2dac72"},{"context":"@layer base > .dark","value":"#2dac72"}],"aliases":[]},
+    "--brand-agent": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#6f3dfa"},{"context":"@layer base > .dark","value":"#701ffc"}],"aliases":[]},
+    "--brand-blue": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#3b6fe0"},{"context":"@layer base > .dark","value":"#5b8def"}],"aliases":[]},
+    "--brand-hover": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#2dac72"},{"context":"@layer base > .dark","value":"#2dac72"}],"aliases":[]},
+    "--brand-knowledge": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#00b0b0"},{"context":"@layer base > .dark","value":"#00b0b0"}],"aliases":[]},
+    "--brand-secondary": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#33b4ff"},{"context":"@layer base > .dark","value":"#33b4ff"}],"aliases":[]},
+    "--breakpoint-2xl": {"definitions":[{"context":"@theme inline","value":"1536px"}],"aliases":[]},
+    "--breakpoint-lg": {"definitions":[{"context":"@theme inline","value":"1024px"}],"aliases":[]},
+    "--breakpoint-md": {"definitions":[{"context":"@theme inline","value":"768px"}],"aliases":[]},
+    "--breakpoint-sm": {"definitions":[{"context":"@theme inline","value":"640px"}],"aliases":[]},
+    "--breakpoint-xl": {"definitions":[{"context":"@theme inline","value":"1280px"}],"aliases":[]},
+    "--card": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 99.2%"},{"context":"@layer base > .dark","value":"0 0% 9.0%"}],"aliases":[]},
+    "--card-background": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 99.2%"},{"context":"@layer base > .dark","value":"0 0% 9.0%"}],"aliases":[]},
+    "--card-border": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 89.8%"},{"context":"@layer base > .dark","value":"0 0% 22.7%"}],"aliases":[]},
+    "--card-foreground": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 3.9%"},{"context":"@layer base > .dark","value":"0 0% 98%"}],"aliases":[]},
+    "--card-hover": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 96.1%"},{"context":"@layer base > .dark","value":"0 0% 12.0%"}],"aliases":[]},
+    "--card-text": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 3.9%"},{"context":"@layer base > .dark","value":"0 0% 98%"}],"aliases":[]},
+    "--caution": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#f59e0b"},{"context":"@layer base > .dark","value":"#f59e0b"}],"aliases":[]},
+    "--code-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#f5f5f5"},{"context":"@layer base > .dark","value":"#1f1f1f"}],"aliases":[]},
+    "--code-foreground": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#1a1a1a"},{"context":"@layer base > .dark","value":"#eeeeee"}],"aliases":[]},
+    "--code-line-number": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#737373"},{"context":"@layer base > .dark","value":"#a8a8a8"}],"aliases":[]},
+    "--code-reference": {"definitions":[{"context":".code-editor-theme.code-editor-theme","value":"#1d4ed8"},{"context":".dark .code-editor-theme.code-editor-theme","value":"#35b6ff"}],"aliases":[]},
+    "--color-accent": {"definitions":[{"context":"@theme inline","value":"hsl(var(--accent))"}],"aliases":["--accent"]},
+    "--color-accent-foreground": {"definitions":[{"context":"@theme inline","value":"hsl(var(--accent-foreground))"}],"aliases":["--accent-foreground"]},
+    "--color-amber-200": {"definitions":[{"context":"@theme inline","value":"#fde68a"}],"aliases":[]},
+    "--color-amber-300": {"definitions":[{"context":"@theme static","value":"#fcd34d"}],"aliases":[]},
+    "--color-amber-400": {"definitions":[{"context":"@theme inline","value":"#fbbf24"}],"aliases":[]},
+    "--color-amber-50": {"definitions":[{"context":"@theme inline","value":"#fffbeb"}],"aliases":[]},
+    "--color-amber-500": {"definitions":[{"context":"@theme inline","value":"#f59e0b"}],"aliases":[]},
+    "--color-amber-600": {"definitions":[{"context":"@theme inline","value":"#d97706"}],"aliases":[]},
+    "--color-amber-700": {"definitions":[{"context":"@theme inline","value":"#b45309"}],"aliases":[]},
+    "--color-amber-800": {"definitions":[{"context":"@theme inline","value":"#92400e"}],"aliases":[]},
+    "--color-amber-900": {"definitions":[{"context":"@theme inline","value":"#78350f"}],"aliases":[]},
+    "--color-amber-950": {"definitions":[{"context":"@theme inline","value":"#451a03"}],"aliases":[]},
+    "--color-background": {"definitions":[{"context":"@theme inline","value":"hsl(var(--background))"}],"aliases":["--background"]},
+    "--color-black": {"definitions":[{"context":"@theme static","value":"#000000"}],"aliases":[]},
+    "--color-blue-500": {"definitions":[{"context":"@theme inline","value":"#3b82f6"}],"aliases":[]},
+    "--color-border": {"definitions":[{"context":"@theme inline","value":"var(--border)"}],"aliases":["--border"]},
+    "--color-card": {"definitions":[{"context":"@theme inline","value":"hsl(var(--card))"}],"aliases":["--card"]},
+    "--color-card-foreground": {"definitions":[{"context":"@theme inline","value":"hsl(var(--card-foreground))"}],"aliases":["--card-foreground"]},
+    "--color-chart-1": {"definitions":[{"context":"@theme inline","value":"hsl(var(--chart-1))"}],"aliases":["--chart-1"]},
+    "--color-chart-2": {"definitions":[{"context":"@theme inline","value":"hsl(var(--chart-2))"}],"aliases":["--chart-2"]},
+    "--color-chart-3": {"definitions":[{"context":"@theme inline","value":"hsl(var(--chart-3))"}],"aliases":["--chart-3"]},
+    "--color-chart-4": {"definitions":[{"context":"@theme inline","value":"hsl(var(--chart-4))"}],"aliases":["--chart-4"]},
+    "--color-chart-5": {"definitions":[{"context":"@theme inline","value":"hsl(var(--chart-5))"}],"aliases":["--chart-5"]},
+    "--color-cool-gray-500": {"definitions":[{"context":"@theme static","value":"#6b7280"}],"aliases":[]},
+    "--color-destructive": {"definitions":[{"context":"@theme inline","value":"hsl(var(--destructive))"}],"aliases":["--destructive"]},
+    "--color-destructive-foreground": {"definitions":[{"context":"@theme inline","value":"hsl(var(--destructive-foreground))"}],"aliases":["--destructive-foreground"]},
+    "--color-emerald-400": {"definitions":[{"context":"@theme inline","value":"#34d399"}],"aliases":[]},
+    "--color-emerald-500": {"definitions":[{"context":"@theme inline","value":"#10b981"}],"aliases":[]},
+    "--color-foreground": {"definitions":[{"context":"@theme inline","value":"hsl(var(--foreground))"}],"aliases":["--foreground"]},
+    "--color-gray-100": {"definitions":[{"context":"@theme inline","value":"#f5f5f5"}],"aliases":[]},
+    "--color-gray-200": {"definitions":[{"context":"@theme inline","value":"#e5e5e5"}],"aliases":[]},
+    "--color-gray-300": {"definitions":[{"context":"@theme inline","value":"#d4d4d4"}],"aliases":[]},
+    "--color-gray-400": {"definitions":[{"context":"@theme inline","value":"#a3a3a3"}],"aliases":[]},
+    "--color-gray-50": {"definitions":[{"context":"@theme inline","value":"#fafafa"}],"aliases":[]},
+    "--color-gray-500": {"definitions":[{"context":"@theme inline","value":"#737373"}],"aliases":[]},
+    "--color-gray-600": {"definitions":[{"context":"@theme inline","value":"#525252"}],"aliases":[]},
+    "--color-gray-700": {"definitions":[{"context":"@theme inline","value":"#404040"}],"aliases":[]},
+    "--color-gray-800": {"definitions":[{"context":"@theme inline","value":"#262626"}],"aliases":[]},
+    "--color-gray-900": {"definitions":[{"context":"@theme inline","value":"#171717"}],"aliases":[]},
+    "--color-gray-950": {"definitions":[{"context":"@theme inline","value":"#0a0a0a"}],"aliases":[]},
+    "--color-green-500": {"definitions":[{"context":"@theme inline","value":"#22c55e"}],"aliases":[]},
+    "--color-input": {"definitions":[{"context":"@theme inline","value":"hsl(var(--input))"}],"aliases":["--input"]},
+    "--color-muted": {"definitions":[{"context":"@theme inline","value":"hsl(var(--muted))"}],"aliases":["--muted"]},
+    "--color-muted-foreground": {"definitions":[{"context":"@theme inline","value":"hsl(var(--muted-foreground))"}],"aliases":["--muted-foreground"]},
+    "--color-orange-400": {"definitions":[{"context":"@theme static","value":"#fb923c"}],"aliases":[]},
+    "--color-pink-400": {"definitions":[{"context":"@theme static","value":"#f472b6"}],"aliases":[]},
+    "--color-popover": {"definitions":[{"context":"@theme inline","value":"hsl(var(--popover))"}],"aliases":["--popover"]},
+    "--color-popover-foreground": {"definitions":[{"context":"@theme inline","value":"hsl(var(--popover-foreground))"}],"aliases":["--popover-foreground"]},
+    "--color-primary": {"definitions":[{"context":"@theme inline","value":"hsl(var(--primary))"}],"aliases":["--primary"]},
+    "--color-primary-foreground": {"definitions":[{"context":"@theme inline","value":"hsl(var(--primary-foreground))"}],"aliases":["--primary-foreground"]},
+    "--color-purple-400": {"definitions":[{"context":"@theme static","value":"#c084fc"}],"aliases":[]},
+    "--color-purple-500": {"definitions":[{"context":"@theme inline","value":"#a855f7"}],"aliases":[]},
+    "--color-red-300": {"definitions":[{"context":"@theme inline","value":"#fca5a5"}],"aliases":[]},
+    "--color-red-400": {"definitions":[{"context":"@theme inline","value":"#f87171"}],"aliases":[]},
+    "--color-red-50": {"definitions":[{"context":"@theme inline","value":"#fef2f2"}],"aliases":[]},
+    "--color-red-600": {"definitions":[{"context":"@theme inline","value":"#dc2626"}],"aliases":[]},
+    "--color-red-700": {"definitions":[{"context":"@theme inline","value":"#b91c1c"}],"aliases":[]},
+    "--color-red-950": {"definitions":[{"context":"@theme inline","value":"#450a0a"}],"aliases":[]},
+    "--color-ring": {"definitions":[{"context":"@theme inline","value":"hsl(var(--ring))"}],"aliases":["--ring"]},
+    "--color-secondary": {"definitions":[{"context":"@theme inline","value":"hsl(var(--secondary))"}],"aliases":["--secondary"]},
+    "--color-secondary-foreground": {"definitions":[{"context":"@theme inline","value":"hsl(var(--secondary-foreground))"}],"aliases":["--secondary-foreground"]},
+    "--color-violet-500": {"definitions":[{"context":"@theme static","value":"#8b5cf6"}],"aliases":[]},
+    "--color-white": {"definitions":[{"context":"@theme static","value":"#ffffff"}],"aliases":[]},
+    "--color-yellow-200": {"definitions":[{"context":"@theme inline","value":"#fef08a"}],"aliases":[]},
+    "--color-yellow-500": {"definitions":[{"context":"@theme inline","value":"#eab308"}],"aliases":[]},
+    "--container-chat": {"definitions":[{"context":"@theme inline","value":"44rem"}],"aliases":[]},
+    "--desktop-title-bar-control-icon-size": {"definitions":[{"context":":root","value":"0px"},{"context":"html[data-sim-desktop-title-bar=\"inset\"]","value":"16px"}],"aliases":[]},
+    "--desktop-title-bar-control-offset": {"definitions":[{"context":":root","value":"0px"},{"context":"html[data-sim-desktop-title-bar=\"inset\"]","value":"calc(\n    (var(--desktop-title-bar-height) - var(--desktop-title-bar-control-size)) /\n    2\n  )"}],"aliases":["--desktop-title-bar-control-size","--desktop-title-bar-height"]},
+    "--desktop-title-bar-control-size": {"definitions":[{"context":":root","value":"0px"},{"context":"html[data-sim-desktop-title-bar=\"inset\"]","value":"30px"}],"aliases":[]},
+    "--desktop-title-bar-height": {"definitions":[{"context":":root","value":"0px"},{"context":"html[data-sim-desktop-title-bar=\"inset\"]","value":"max(env(titlebar-area-height, 38px), 38px)"}],"aliases":[]},
+    "--desktop-title-bar-inset-x": {"definitions":[{"context":":root","value":"0px"},{"context":"html[data-sim-desktop-title-bar=\"inset\"]","value":"max(env(titlebar-area-x, 81px), 81px)"}],"aliases":[]},
+    "--destructive": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 84.2% 60.2%"},{"context":"@layer base > .dark","value":"0 62.8% 30.6%"}],"aliases":[]},
+    "--destructive-foreground": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 98%"},{"context":"@layer base > .dark","value":"0 0% 98%"}],"aliases":[]},
+    "--editor-connections-height": {"definitions":[{"context":":root","value":"172px"}],"aliases":[]},
+    "--error": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#dc2626"},{"context":"@layer base > .dark","value":"#f87171"}],"aliases":[]},
+    "--error-emphasis": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#b91c1c"},{"context":"@layer base > .dark","value":"#b91c1c"}],"aliases":[]},
+    "--error-muted": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#fecaca"},{"context":"@layer base > .dark","value":"#f6d2d2"}],"aliases":[]},
+    "--font-body": {"definitions":[{"context":"@theme inline","value":"ui-sans-serif, -apple-system, system-ui, Segoe UI, Helvetica, Apple Color Emoji, Arial,\n    sans-serif, Segoe UI Emoji, Segoe UI Symbol"}],"aliases":[]},
+    "--font-mono": {"definitions":[{"context":"@theme inline","value":"var(--font-martian-mono, ui-monospace), SFMono-Regular, Menlo, Monaco, Consolas,\n    \"Liberation Mono\", \"Courier New\", monospace"}],"aliases":["--font-martian-mono"]},
+    "--font-sans": {"definitions":[{"context":"@theme inline","value":"ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\n    \"Noto Color Emoji\""}],"aliases":[]},
+    "--font-season": {"definitions":[{"context":"@theme inline","value":"var(--font-season)"}],"aliases":["--font-season"]},
+    "--foreground": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 3.9%"},{"context":"@layer base > .dark","value":"0 0% 98%"}],"aliases":[]},
+    "--highlight-match-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#bae6fd"},{"context":"@layer base > .dark","value":"rgba(51, 180, 255, 0.2)"}],"aliases":[]},
+    "--highlight-match-text": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#0369a1"},{"context":"@layer base > .dark","value":"#7dd3fc"}],"aliases":[]},
+    "--highlight-search": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#fcd34d"},{"context":"@layer base > .dark","value":"#fcd34d"}],"aliases":[]},
+    "--highlight-search-active": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#f6ad55"},{"context":"@layer base > .dark","value":"#f6ad55"}],"aliases":[]},
+    "--indicator-active": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#4ade80"},{"context":"@layer base > .dark","value":"#4ade80"}],"aliases":[]},
+    "--indicator-inactive": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#b7b7b7"},{"context":"@layer base > .dark","value":"#b7b7b7"}],"aliases":[]},
+    "--indicator-online": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#33c482"},{"context":"@layer base > .dark","value":"#33c482"}],"aliases":[]},
+    "--indicator-seat-filled": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#34b5ff"},{"context":"@layer base > .dark","value":"#34b5ff"}],"aliases":[]},
+    "--input": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 89.8%"},{"context":"@layer base > .dark","value":"0 0% 16.1%"}],"aliases":[]},
+    "--input-background": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 100%"},{"context":"@layer base > .dark","value":"0 0% 20.78%"}],"aliases":[]},
+    "--landing-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#1c1c1c"}],"aliases":[]},
+    "--landing-bg-card": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#232323"}],"aliases":[]},
+    "--landing-bg-elevated": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#2a2a2a"}],"aliases":[]},
+    "--landing-bg-hover": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#f0f0f0"}],"aliases":[]},
+    "--landing-bg-section": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#f6f6f6"}],"aliases":[]},
+    "--landing-bg-skeleton": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#e8e8e8"}],"aliases":[]},
+    "--landing-bg-subtle": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#fafafa"}],"aliases":[]},
+    "--landing-bg-surface": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#1e1e1e"}],"aliases":[]},
+    "--landing-border": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#2a2a2a"}],"aliases":[]},
+    "--landing-border-light": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#e5e5e5"}],"aliases":[]},
+    "--landing-border-strong": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#3d3d3d"}],"aliases":[]},
+    "--landing-border-subtle": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#d4d4d4"}],"aliases":[]},
+    "--landing-text": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#ececec"}],"aliases":[]},
+    "--landing-text-body": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#cdcdcd"}],"aliases":[]},
+    "--landing-text-dark": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#1c1c1c"}],"aliases":[]},
+    "--landing-text-icon": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#939393"}],"aliases":[]},
+    "--landing-text-muted": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#999999"}],"aliases":[]},
+    "--landing-text-secondary": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#666666"}],"aliases":[]},
+    "--landing-text-subtle": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#f6f6f6"}],"aliases":[]},
+    "--muted": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 96.1%"},{"context":"@layer base > .dark","value":"0 0% 17.5%"}],"aliases":[]},
+    "--muted-foreground": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 46.9%"}],"aliases":[]},
+    "--output-panel-width": {"definitions":[{"context":":root","value":"560px"}],"aliases":[]},
+    "--panel-width": {"definitions":[{"context":":root","value":"320px"}],"aliases":[]},
+    "--popover": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 100%"},{"context":"@layer base > .dark","value":"0 0% 9.0%"}],"aliases":[]},
+    "--popover-foreground": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 3.9%"},{"context":"@layer base > .dark","value":"0 0% 98%"}],"aliases":[]},
+    "--primary": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 11.2%"},{"context":"@layer base > .dark","value":"0 0% 11.2%"}],"aliases":[]},
+    "--primary-foreground": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 98%"},{"context":"@layer base > .dark","value":"0 0% 98%"}],"aliases":[]},
+    "--radius": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0.5rem"}],"aliases":[]},
+    "--radius-lg": {"definitions":[{"context":"@theme inline","value":"var(--radius)"}],"aliases":["--radius"]},
+    "--radius-md": {"definitions":[{"context":"@theme inline","value":"calc(var(--radius) - 2px)"}],"aliases":["--radius"]},
+    "--radius-sm": {"definitions":[{"context":"@theme inline","value":"calc(var(--radius) - 4px)"}],"aliases":["--radius"]},
+    "--radius-xs": {"definitions":[{"context":"@theme inline","value":"2px"}],"aliases":[]},
+    "--ring": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 3.9%"},{"context":"@layer base > .dark","value":"0 0% 83.9%"}],"aliases":[]},
+    "--scroll-fade-band": {"definitions":[{"context":".root","value":"var(--overflow-fade-size, 12px)"},{"context":".rootX","value":"var(--overflow-fade-size, 12px)"}],"aliases":["--overflow-fade-size"]},
+    "--scroll-fade-bottom-end": {"definitions":[{"context":".root","value":"100%"},{"context":".root[data-scroll-fade-bottom]","value":"100%"}],"aliases":[]},
+    "--scroll-fade-bottom-start": {"definitions":[{"context":".root","value":"100%"},{"context":".root[data-scroll-fade-bottom]","value":"calc(100% - var(--scroll-fade-band))"}],"aliases":["--scroll-fade-band"]},
+    "--scroll-fade-left-end": {"definitions":[{"context":".rootX","value":"0px"},{"context":".rootX[data-scroll-fade-left]","value":"var(--scroll-fade-band)"}],"aliases":["--scroll-fade-band"]},
+    "--scroll-fade-left-start": {"definitions":[{"context":".rootX","value":"0px"},{"context":".rootX[data-scroll-fade-left]","value":"0px"}],"aliases":[]},
+    "--scroll-fade-right-end": {"definitions":[{"context":".rootX","value":"100%"},{"context":".rootX[data-scroll-fade-right]","value":"100%"}],"aliases":[]},
+    "--scroll-fade-right-start": {"definitions":[{"context":".rootX","value":"100%"},{"context":".rootX[data-scroll-fade-right]","value":"calc(100% - var(--scroll-fade-band))"}],"aliases":["--scroll-fade-band"]},
+    "--scroll-fade-top-end": {"definitions":[{"context":".root","value":"0px"},{"context":".root[data-scroll-fade-top]","value":"calc(var(--scroll-fade-inset, 0px) + var(--scroll-fade-band))"}],"aliases":["--scroll-fade-band","--scroll-fade-inset"]},
+    "--scroll-fade-top-start": {"definitions":[{"context":".root","value":"0px"},{"context":".root[data-scroll-fade-top]","value":"var(--scroll-fade-inset, 0px)"}],"aliases":["--scroll-fade-inset"]},
+    "--scrollbar-size": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"8px"}],"aliases":[]},
+    "--scrollbar-thumb": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 65%"},{"context":"@layer base > .dark","value":"0 0% 30%"}],"aliases":[]},
+    "--scrollbar-thumb-color": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#c0c0c0"},{"context":"@layer base > .dark","value":"#5a5a5a"}],"aliases":[]},
+    "--scrollbar-thumb-hover": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 55%"},{"context":"@layer base > .dark","value":"0 0% 40%"}],"aliases":[]},
+    "--scrollbar-thumb-hover-color": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#a8a8a8"},{"context":"@layer base > .dark","value":"#6a6a6a"}],"aliases":[]},
+    "--scrollbar-track": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 85%"},{"context":"@layer base > .dark","value":"0 0% 17.5%"}],"aliases":[]},
+    "--secondary": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 96.1%"},{"context":"@layer base > .dark","value":"0 0% 12.0%"}],"aliases":[]},
+    "--secondary-foreground": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 11.2%"},{"context":"@layer base > .dark","value":"0 0% 98%"}],"aliases":[]},
+    "--selection": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#1a5cf6"},{"context":"@layer base > .dark","value":"#4b83f7"}],"aliases":[]},
+    "--selection-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#add6ff"},{"context":"@layer base > .dark","value":"#264f78"}],"aliases":[]},
+    "--selection-dark": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#264f78"},{"context":"@layer base > .dark","value":"#264f78"}],"aliases":[]},
+    "--selection-muted": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#1a5cf647"},{"context":"@layer base > .dark","value":"#4b83f759"}],"aliases":[]},
+    "--shadow-ambient": {"definitions":[{"context":"@theme inline","value":"var(--shadow-ambient)"},{"context":":root","value":"0 0 12px 0 rgba(0, 0, 0, 0.08)"},{"context":"@layer base > .dark","value":"0 0 12px 0 rgba(0, 0, 0, 0.22)"}],"aliases":["--shadow-ambient"]},
+    "--shadow-card": {"definitions":[{"context":"@theme inline","value":"var(--shadow-card)"},{"context":":root","value":"0 1px 3px rgba(0, 0, 0, 0.04)"}],"aliases":["--shadow-card"]},
+    "--shadow-kbd": {"definitions":[{"context":"@theme inline","value":"var(--shadow-kbd)"},{"context":":root","value":"0 4px 0 0 rgba(48, 48, 48, 1)"}],"aliases":["--shadow-kbd"]},
+    "--shadow-kbd-sm": {"definitions":[{"context":"@theme inline","value":"var(--shadow-kbd-sm)"},{"context":":root","value":"0 2px 0 0 rgba(48, 48, 48, 1)"}],"aliases":["--shadow-kbd-sm"]},
+    "--shadow-medium": {"definitions":[{"context":"@theme inline","value":"var(--shadow-medium)"},{"context":":root","value":"0 4px 12px rgba(0, 0, 0, 0.1)"}],"aliases":["--shadow-medium"]},
+    "--shadow-overlay": {"definitions":[{"context":"@theme inline","value":"var(--shadow-overlay)"},{"context":":root","value":"0 10px 30px rgba(0, 0, 0, 0.11)"},{"context":"@layer base > .dark","value":"0 10px 30px rgba(0, 0, 0, 0.3)"}],"aliases":["--shadow-overlay"]},
+    "--shadow-subtle": {"definitions":[{"context":"@theme inline","value":"var(--shadow-subtle)"},{"context":":root","value":"0 2px 4px 0 rgba(0, 0, 0, 0.08)"}],"aliases":["--shadow-subtle"]},
+    "--sidebar-collapsed-width": {"definitions":[{"context":":root","value":"48px"},{"context":"html[data-sim-desktop-title-bar=\"inset\"]","value":"0px"}],"aliases":[]},
+    "--sidebar-expanded-width": {"definitions":[{"context":":root","value":"256px"}],"aliases":[]},
+    "--sidebar-width": {"definitions":[{"context":":root","value":"0px"},{"context":".sidebar-shell-outer[data-collapsed]","value":"var(--sidebar-collapsed-width)"},{"context":".sidebar-shell-outer[data-collapsed][data-peek]","value":"var(--sidebar-expanded-width)"}],"aliases":["--sidebar-collapsed-width","--sidebar-expanded-width"]},
+    "--spacing-px": {"definitions":[{"context":"@theme inline","value":"var(--border-width)"}],"aliases":["--border-width"]},
+    "--success": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#22c55e"},{"context":"@layer base > .dark","value":"#22c55e"}],"aliases":[]},
+    "--surface-1": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#fbfbfb"},{"context":"@layer base > .dark","value":"#1e1e1e"}],"aliases":[]},
+    "--surface-2": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#ffffff"},{"context":"@layer base > .dark","value":"#232323"}],"aliases":[]},
+    "--surface-3": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#f7f7f7"},{"context":"@layer base > .dark","value":"#242424"}],"aliases":[]},
+    "--surface-4": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#f5f5f5"},{"context":"@layer base > .dark","value":"#292929"}],"aliases":[]},
+    "--surface-5": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#f3f3f3"},{"context":"@layer base > .dark","value":"#363636"}],"aliases":[]},
+    "--surface-6": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#e5e5e5"},{"context":"@layer base > .dark","value":"#454545"}],"aliases":[]},
+    "--surface-7": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#d9d9d9"},{"context":"@layer base > .dark","value":"#505050"}],"aliases":[]},
+    "--surface-active": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#ececec"},{"context":"@layer base > .dark","value":"#2c2c2c"}],"aliases":[]},
+    "--surface-hover": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#f2f2f2"},{"context":"@layer base > .dark","value":"#262626"}],"aliases":[]},
+    "--surface-inverted": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#1b1b1b"},{"context":"@layer base > .dark","value":"#242424"}],"aliases":[]},
+    "--surface-inverted-hover": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#363636"},{"context":"@layer base > .dark","value":"#363636"}],"aliases":[]},
+    "--terminal-height": {"definitions":[{"context":":root","value":"206px"}],"aliases":[]},
+    "--terminal-status-error-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#fef2f2"},{"context":"@layer base > .dark","value":"#491515"}],"aliases":[]},
+    "--terminal-status-error-border": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#f87171"},{"context":"@layer base > .dark","value":"#883827"}],"aliases":[]},
+    "--terminal-status-info-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#f7f7f7"},{"context":"@layer base > .dark","value":"#383838"}],"aliases":[]},
+    "--terminal-status-info-border": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#a3a3a3"},{"context":"@layer base > .dark","value":"#686868"}],"aliases":[]},
+    "--terminal-status-info-color": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#525252"},{"context":"@layer base > .dark","value":"#b7b7b7"}],"aliases":[]},
+    "--terminal-status-warning-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#fefce8"},{"context":"@layer base > .dark","value":"#3d3520"}],"aliases":[]},
+    "--terminal-status-warning-border": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#facc15"},{"context":"@layer base > .dark","value":"#5c4d1f"}],"aliases":[]},
+    "--terminal-status-warning-color": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#a16207"},{"context":"@layer base > .dark","value":"#d4a72c"}],"aliases":[]},
+    "--text-base": {"definitions":[{"context":"@theme inline","value":"15px"}],"aliases":[]},
+    "--text-body": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#434343"},{"context":"@layer base > .dark","value":"#c1c1c1"}],"aliases":[]},
+    "--text-caption": {"definitions":[{"context":"@theme inline","value":"12px"}],"aliases":[]},
+    "--text-error": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#ef4444"},{"context":"@layer base > .dark","value":"#ef4444"}],"aliases":[]},
+    "--text-icon": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#5a5a5a"},{"context":"@layer base > .dark","value":"#969696"}],"aliases":[]},
+    "--text-icon-muted": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#5c5c5c"},{"context":"@layer base > .dark","value":"#949494"}],"aliases":[]},
+    "--text-inverse": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#ffffff"},{"context":"@layer base > .dark","value":"#1b1b1b"}],"aliases":[]},
+    "--text-md": {"definitions":[{"context":"@theme inline","value":"16px"}],"aliases":[]},
+    "--text-micro": {"definitions":[{"context":"@theme inline","value":"10px"}],"aliases":[]},
+    "--text-muted": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#7a7a7a"},{"context":"@layer base > .dark","value":"#6e6e6e"}],"aliases":[]},
+    "--text-muted-inverse": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#a0a0a0"},{"context":"@layer base > .dark","value":"#b3b3b3"}],"aliases":[]},
+    "--text-placeholder": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#8d8d8d"},{"context":"@layer base > .dark","value":"#8d8d8d"}],"aliases":[]},
+    "--text-primary": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#1a1a1a"},{"context":"@layer base > .dark","value":"#e6e6e6"}],"aliases":[]},
+    "--text-secondary": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#525252"},{"context":"@layer base > .dark","value":"#cccccc"}],"aliases":[]},
+    "--text-small": {"definitions":[{"context":"@theme inline","value":"13px"}],"aliases":[]},
+    "--text-subtle": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#8c8c8c"},{"context":"@layer base > .dark","value":"#7d7d7d"}],"aliases":[]},
+    "--text-success": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#22c55e"},{"context":"@layer base > .dark","value":"#22c55e"}],"aliases":[]},
+    "--text-tertiary": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#5c5c5c"},{"context":"@layer base > .dark","value":"#b3b3b3"}],"aliases":[]},
+    "--text-xs": {"definitions":[{"context":"@theme inline","value":"11px"}],"aliases":[]},
+    "--text-xs--line-height": {"definitions":[{"context":"@theme inline","value":"1.5"}],"aliases":[]},
+    "--thinking-ink-current": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#2c2c2c"},{"context":"@layer base > .dark","value":"#d6d6d6"}],"aliases":[]},
+    "--thinking-ink-glow": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"rgba(255, 255, 255, 0.6)"},{"context":"@layer base > .dark","value":"rgba(255, 255, 255, 0.9)"}],"aliases":[]},
+    "--thinking-ink-inner": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#2c2c2c"},{"context":"@layer base > .dark","value":"#a7a7a7"}],"aliases":[]},
+    "--thinking-ink-outer": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#5f5f5f"},{"context":"@layer base > .dark","value":"#d6d6d6"}],"aliases":[]},
+    "--tooltip-bg": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#1b1b1b"},{"context":"@layer base > .dark","value":"#fdfdfd"}],"aliases":[]},
+    "--warning": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#ea580c"},{"context":"@layer base > .dark","value":"#ff6600"}],"aliases":[]},
+    "--white": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#ffffff"},{"context":"@layer base > .dark","value":"#ffffff"}],"aliases":[]},
+    "--workflow-background": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"0 0% 100%"},{"context":"@layer base > .dark","value":"0 0% 10.59%"}],"aliases":[]},
+    "--workflow-edge": {"definitions":[{"context":"@layer base > :root,\n  .light","value":"#e0e0e0"},{"context":"@layer base > .dark","value":"#454545"}],"aliases":[]},
+    "--workspace-content-gap": {"definitions":[{"context":":root","value":"0px"}],"aliases":[]},
+    "--workspace-content-title-bar-inset": {"definitions":[{"context":":root","value":"0px"},{"context":".workspace-content-shell[data-sidebar-collapsed],\n.workspace-content-shell[data-content-fullscreen]","value":"var(--desktop-title-bar-height)"}],"aliases":["--desktop-title-bar-height"]},
+    "--z-dropdown": {"definitions":[{"context":":root","value":"100"}],"aliases":[]},
+    "--z-modal": {"definitions":[{"context":":root","value":"200"}],"aliases":[]},
+    "--z-popover": {"definitions":[{"context":":root","value":"300"}],"aliases":[]},
+    "--z-shell-gate": {"definitions":[{"context":":root","value":"600"}],"aliases":[]},
+    "--z-takeover": {"definitions":[{"context":":root","value":"500"}],"aliases":[]},
+    "--z-toast": {"definitions":[{"context":":root","value":"150"}],"aliases":[]},
+    "--z-tooltip": {"definitions":[{"context":":root","value":"400"}],"aliases":[]}
+  },
+  "diagnostics": [{"file":"apps/sim/app/_styles/globals.css","line":113,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --spacing-px -> --border-width (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":115,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-background -> --background (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":116,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-foreground -> --foreground (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":117,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-card -> --card (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":118,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-card-foreground -> --card-foreground (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":119,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-popover -> --popover (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":120,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-popover-foreground -> --popover-foreground (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":121,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-primary -> --primary (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":122,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-primary-foreground -> --primary-foreground (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":123,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-secondary -> --secondary (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":124,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-secondary-foreground -> --secondary-foreground (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":125,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-muted -> --muted (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":126,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-muted-foreground -> --muted-foreground (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":127,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-accent -> --accent (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":128,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-accent-foreground -> --accent-foreground (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":129,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-destructive -> --destructive (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":130,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-destructive-foreground -> --destructive-foreground (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":138,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-border -> --border (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":139,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-input -> --input (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":140,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --color-ring -> --ring (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":142,"reason":"Unresolved global token reference: --color-chart-1 -> --chart-1"},{"file":"apps/sim/app/_styles/globals.css","line":143,"reason":"Unresolved global token reference: --color-chart-2 -> --chart-2"},{"file":"apps/sim/app/_styles/globals.css","line":144,"reason":"Unresolved global token reference: --color-chart-3 -> --chart-3"},{"file":"apps/sim/app/_styles/globals.css","line":145,"reason":"Unresolved global token reference: --color-chart-4 -> --chart-4"},{"file":"apps/sim/app/_styles/globals.css","line":146,"reason":"Unresolved global token reference: --color-chart-5 -> --chart-5"},{"file":"apps/sim/app/_styles/globals.css","line":191,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --radius-sm -> --radius (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":192,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --radius-md -> --radius (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":193,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --radius-lg -> --radius (@theme inline)"},{"file":"apps/sim/app/_styles/globals.css","line":2,"reason":"Stylesheet import tw-animate-css is outside the supplied central snapshot; imported styling is unchecked"},{"file":"apps/sim/app/_styles/globals.css","line":203,"reason":"Global token alias cycle in CSS definition context @theme inline: --shadow-subtle"},{"file":"apps/sim/app/_styles/globals.css","line":204,"reason":"Global token alias cycle in CSS definition context @theme inline: --shadow-medium"},{"file":"apps/sim/app/_styles/globals.css","line":205,"reason":"Global token alias cycle in CSS definition context @theme inline: --shadow-overlay"},{"file":"apps/sim/app/_styles/globals.css","line":206,"reason":"Global token alias cycle in CSS definition context @theme inline: --shadow-kbd"},{"file":"apps/sim/app/_styles/globals.css","line":207,"reason":"Global token alias cycle in CSS definition context @theme inline: --shadow-kbd-sm"},{"file":"apps/sim/app/_styles/globals.css","line":208,"reason":"Global token alias cycle in CSS definition context @theme inline: --shadow-card"},{"file":"apps/sim/app/_styles/globals.css","line":209,"reason":"Global token alias cycle in CSS definition context @theme inline: --shadow-ambient"},{"file":"apps/sim/app/_styles/globals.css","line":567,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --workspace-content-title-bar-inset -> --desktop-title-bar-height (.workspace-content-shell[data-sidebar-collapsed],\n.workspace-content-shell[data-content-fullscreen])"},{"file":"apps/sim/app/_styles/globals.css","line":591,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --sidebar-width -> --sidebar-collapsed-width (.sidebar-shell-outer[data-collapsed])"},{"file":"apps/sim/app/_styles/globals.css","line":603,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --sidebar-width -> --sidebar-expanded-width (.sidebar-shell-outer[data-collapsed][data-peek])"},{"file":"apps/sim/app/_styles/globals.css","line":73,"reason":"Global token alias cycle in CSS definition context @theme inline: --font-season"},{"file":"apps/sim/app/_styles/globals.css","line":77,"reason":"Unresolved global token reference: --font-mono -> --font-martian-mono"},{"file":"packages/emcn/src/components/avatar/avatar.tsx","line":129,"reason":"Unresolved styling forwarding: Avatar.className -> @radix-ui/react-avatar#Root.className"},{"file":"packages/emcn/src/components/avatar/avatar.tsx","line":129,"reason":"Unresolved styling forwarding: Avatar.style -> @radix-ui/react-avatar#Root.style"},{"file":"packages/emcn/src/components/avatar/avatar.tsx","line":177,"reason":"Unresolved styling forwarding: AvatarImage.className -> @radix-ui/react-avatar#Image.className"},{"file":"packages/emcn/src/components/avatar/avatar.tsx","line":177,"reason":"Unresolved styling forwarding: AvatarImage.style -> @radix-ui/react-avatar#Image.style"},{"file":"packages/emcn/src/components/avatar/avatar.tsx","line":201,"reason":"Unresolved styling forwarding: AvatarFallback.className -> @radix-ui/react-avatar#Fallback.className"},{"file":"packages/emcn/src/components/avatar/avatar.tsx","line":201,"reason":"Unresolved styling forwarding: AvatarFallback.style -> @radix-ui/react-avatar#Fallback.style"},{"file":"packages/emcn/src/components/banner/banner.tsx","line":67,"reason":"Unresolved rendered props bundle"},{"file":"packages/emcn/src/components/calendar/calendar-day-cell.tsx","line":51,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/calendar/calendar.tsx","line":110,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/calendar/calendar.tsx","line":111,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/calendar/calendar.tsx","line":112,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/calendar/calendar.tsx","line":120,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/calendar/calendar.tsx","line":319,"reason":"Unresolved mutable styling binding: i"},{"file":"packages/emcn/src/components/calendar/calendar.tsx","line":320,"reason":"Unresolved mutable styling binding: day"},{"file":"packages/emcn/src/components/calendar/calendar.tsx","line":468,"reason":"Unresolved styling call: useMemo"},{"file":"packages/emcn/src/components/calendar/calendar.tsx","line":471,"reason":"Unresolved styling call: useState"},{"file":"packages/emcn/src/components/calendar/calendar.tsx","line":472,"reason":"Unresolved styling call: useState"},{"file":"packages/emcn/src/components/calendar/calendar.tsx","line":525,"reason":"Unsupported styling expression: NewExpression"},{"file":"packages/emcn/src/components/calendar/calendar.tsx","line":530,"reason":"Unresolved styling call: Boolean"},{"file":"packages/emcn/src/components/calendar/calendar.tsx","line":60,"reason":"Unresolved styling identifier: value"},{"file":"packages/emcn/src/components/calendar/calendar.tsx","line":63,"reason":"Unsupported styling expression: NewExpression"},{"file":"packages/emcn/src/components/calendar/calendar.tsx","line":65,"reason":"Unsupported styling expression: NewExpression"},{"file":"packages/emcn/src/components/charts/bar-chart.tsx","line":202,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/charts/bar-chart.tsx","line":218,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/charts/bar-chart.tsx","line":244,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/charts/chart-geometry.ts","line":1,"reason":"Implementation of CHART_PADDING is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/charts/chart-geometry.ts","line":10,"reason":"Implementation of CHART_TICK_FILL is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/charts/chart-geometry.ts","line":11,"reason":"Implementation of CHART_TICK_FONT_SIZE is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/charts/chart-geometry.ts","line":12,"reason":"Implementation of CHART_GRID_FRACTIONS is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/charts/chart-geometry.ts","line":18,"reason":"Implementation of CHART_AXIS_LABEL_GAP is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/charts/chart-geometry.ts","line":5,"reason":"Implementation of CHART_DEFAULT_HEIGHT is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/charts/chart-geometry.ts","line":8,"reason":"Implementation of CHART_MIN_WIDTH is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/charts/chart-legend.tsx","line":44,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/charts/chart-tooltip.tsx","line":6,"reason":"Implementation of CHART_TOOLTIP_CLASSES is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/charts/line-chart.tsx","line":244,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/charts/line-chart.tsx","line":257,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/charts/line-chart.tsx","line":272,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/checkbox/checkbox.tsx","line":26,"reason":"Unresolved styling call: join"},{"file":"packages/emcn/src/components/checkbox/checkbox.tsx","line":87,"reason":"Unresolved styling forwarding: Checkbox.className -> @radix-ui/react-checkbox#Root.className"},{"file":"packages/emcn/src/components/checkbox/checkbox.tsx","line":87,"reason":"Unresolved styling forwarding: Checkbox.style -> @radix-ui/react-checkbox#Root.style"},{"file":"packages/emcn/src/components/chip-button-group/chip-button-group.tsx","line":81,"reason":"Unresolved central styling utility: gap"},{"file":"packages/emcn/src/components/chip-button-group/chip-button-group.tsx","line":81,"reason":"Unresolved central styling utility: size"},{"file":"packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx","line":133,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx","line":150,"reason":"Unresolved central styling utility: data-[side=bottom]:slide-in-from-top-2"},{"file":"packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx","line":150,"reason":"Unresolved central styling utility: data-[side=left]:slide-in-from-right-2"},{"file":"packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx","line":150,"reason":"Unresolved central styling utility: data-[side=right]:slide-in-from-left-2"},{"file":"packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx","line":150,"reason":"Unresolved central styling utility: data-[side=top]:slide-in-from-bottom-2"},{"file":"packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx","line":150,"reason":"Unresolved central styling utility: data-[state=closed]:animate-out"},{"file":"packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx","line":150,"reason":"Unresolved central styling utility: data-[state=closed]:fade-out-0"},{"file":"packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx","line":150,"reason":"Unresolved central styling utility: data-[state=closed]:zoom-out-95"},{"file":"packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx","line":150,"reason":"Unresolved central styling utility: data-[state=open]:animate-in"},{"file":"packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx","line":150,"reason":"Unresolved central styling utility: data-[state=open]:fade-in-0"},{"file":"packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx","line":150,"reason":"Unresolved central styling utility: data-[state=open]:zoom-in-95"},{"file":"packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx","line":93,"reason":"Unresolved component default: ChipDatePicker.placeholder"},{"file":"packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx","line":243,"reason":"Unresolved styling call: useContext"},{"file":"packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx","line":263,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx","line":277,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx","line":277,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx","line":279,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx","line":288,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx","line":303,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx","line":308,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":1053,"reason":"Unresolved rendered props bundle"},{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":1124,"reason":"Unresolved styling call: useState"},{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":1398,"reason":"Unresolved styling call: Boolean"},{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":1398,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":1398,"reason":"Unsupported styling expression: OptionalMemberExpression"},{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":1555,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":1637,"reason":"Unresolved styling call: Boolean"},{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":1637,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":1643,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":325,"reason":"Unresolved component default: ChipModalHeader.icon"},{"file":"packages/emcn/src/components/chip-modal/chip-modal.tsx","line":903,"reason":"Unresolved styling object"},{"file":"packages/emcn/src/components/chip-switch/chip-switch.tsx","line":60,"reason":"Unresolved styling forwarding: ChipSwitch.className -> @radix-ui/react-radio-group#Root.className"},{"file":"packages/emcn/src/components/chip-tag/chip-tag.tsx","line":201,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/chip-tag/chip-tag.tsx","line":201,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/chip/chip.tsx","line":125,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/chip/chip.tsx","line":195,"reason":"Unresolved styling forwarding: ChipLink.className -> next/link#default.className"},{"file":"packages/emcn/src/components/chip/chip.tsx","line":195,"reason":"Unresolved styling forwarding: ChipLink.style -> next/link#default.style"},{"file":"packages/emcn/src/components/chip/chip.tsx","line":236,"reason":"Implementation of TRIGGER_BORDER_CLASS is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/code/code.tsx","line":1020,"reason":"Unresolved mutable styling binding: cumulative"},{"file":"packages/emcn/src/components/code/code.tsx","line":1025,"reason":"Unresolved mutable styling binding: i"},{"file":"packages/emcn/src/components/code/code.tsx","line":1026,"reason":"Unresolved mutable styling binding: cumulative"},{"file":"packages/emcn/src/components/code/code.tsx","line":1028,"reason":"Unresolved mutable styling binding: i"},{"file":"packages/emcn/src/components/code/code.tsx","line":1029,"reason":"Unresolved mutable styling binding: i"},{"file":"packages/emcn/src/components/code/code.tsx","line":1030,"reason":"Unresolved mutable styling binding: cumulative"},{"file":"packages/emcn/src/components/code/code.tsx","line":1033,"reason":"Unresolved mutable styling binding: cumulative"},{"file":"packages/emcn/src/components/code/code.tsx","line":1045,"reason":"Unresolved mutable styling binding: html"},{"file":"packages/emcn/src/components/code/code.tsx","line":1049,"reason":"Unresolved mutable styling binding: html"},{"file":"packages/emcn/src/components/code/code.tsx","line":1054,"reason":"Unresolved mutable styling binding: html"},{"file":"packages/emcn/src/components/code/code.tsx","line":1057,"reason":"Unresolved mutable styling binding: html"},{"file":"packages/emcn/src/components/code/code.tsx","line":1144,"reason":"Unresolved central styling utility: code-editor-theme"},{"file":"packages/emcn/src/components/code/code.tsx","line":1313,"reason":"Unresolved central styling utility: code-editor-theme"},{"file":"packages/emcn/src/components/code/code.tsx","line":137,"reason":"Unresolved mutable styling binding: cursor"},{"file":"packages/emcn/src/components/code/code.tsx","line":1374,"reason":"Unresolved central styling utility: code-editor-theme"},{"file":"packages/emcn/src/components/code/code.tsx","line":138,"reason":"Unresolved mutable styling binding: maskedSource"},{"file":"packages/emcn/src/components/code/code.tsx","line":141,"reason":"Unresolved mutable styling binding: placeholder"},{"file":"packages/emcn/src/components/code/code.tsx","line":142,"reason":"Unresolved mutable styling binding: placeholder"},{"file":"packages/emcn/src/components/code/code.tsx","line":143,"reason":"Unresolved mutable styling binding: placeholder"},{"file":"packages/emcn/src/components/code/code.tsx","line":144,"reason":"Unresolved mutable styling binding: placeholder"},{"file":"packages/emcn/src/components/code/code.tsx","line":1452,"reason":"Implementation of Code is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/code/code.tsx","line":148,"reason":"Unresolved mutable styling binding: cursor"},{"file":"packages/emcn/src/components/code/code.tsx","line":148,"reason":"Unresolved mutable styling binding: maskedSource"},{"file":"packages/emcn/src/components/code/code.tsx","line":149,"reason":"Unresolved mutable styling binding: maskedSource"},{"file":"packages/emcn/src/components/code/code.tsx","line":150,"reason":"Unresolved mutable styling binding: cursor"},{"file":"packages/emcn/src/components/code/code.tsx","line":152,"reason":"Unresolved mutable styling binding: cursor"},{"file":"packages/emcn/src/components/code/code.tsx","line":152,"reason":"Unresolved mutable styling binding: maskedSource"},{"file":"packages/emcn/src/components/code/code.tsx","line":154,"reason":"Unresolved mutable styling binding: highlighted"},{"file":"packages/emcn/src/components/code/code.tsx","line":154,"reason":"Unresolved mutable styling binding: maskedSource"},{"file":"packages/emcn/src/components/code/code.tsx","line":156,"reason":"Unresolved mutable styling binding: highlighted"},{"file":"packages/emcn/src/components/code/code.tsx","line":161,"reason":"Unresolved mutable styling binding: highlighted"},{"file":"packages/emcn/src/components/code/code.tsx","line":168,"reason":"Implementation of CODE_LINE_HEIGHT_PX is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/code/code.tsx","line":234,"reason":"Unresolved mutable styling binding: i"},{"file":"packages/emcn/src/components/code/code.tsx","line":235,"reason":"Unresolved mutable styling binding: i"},{"file":"packages/emcn/src/components/code/code.tsx","line":248,"reason":"Unresolved mutable styling binding: i"},{"file":"packages/emcn/src/components/code/code.tsx","line":255,"reason":"Unresolved mutable styling binding: inString"},{"file":"packages/emcn/src/components/code/code.tsx","line":256,"reason":"Unresolved mutable styling binding: j"},{"file":"packages/emcn/src/components/code/code.tsx","line":257,"reason":"Unresolved mutable styling binding: j"},{"file":"packages/emcn/src/components/code/code.tsx","line":262,"reason":"Unresolved mutable styling binding: backslashCount"},{"file":"packages/emcn/src/components/code/code.tsx","line":263,"reason":"Unresolved mutable styling binding: j"},{"file":"packages/emcn/src/components/code/code.tsx","line":263,"reason":"Unresolved mutable styling binding: k"},{"file":"packages/emcn/src/components/code/code.tsx","line":264,"reason":"Unresolved mutable styling binding: k"},{"file":"packages/emcn/src/components/code/code.tsx","line":265,"reason":"Unresolved mutable styling binding: backslashCount"},{"file":"packages/emcn/src/components/code/code.tsx","line":266,"reason":"Unresolved mutable styling binding: k"},{"file":"packages/emcn/src/components/code/code.tsx","line":269,"reason":"Unresolved mutable styling binding: backslashCount"},{"file":"packages/emcn/src/components/code/code.tsx","line":270,"reason":"Unresolved mutable styling binding: inString"},{"file":"packages/emcn/src/components/code/code.tsx","line":276,"reason":"Unresolved mutable styling binding: inString"},{"file":"packages/emcn/src/components/code/code.tsx","line":279,"reason":"Unresolved mutable styling binding: i"},{"file":"packages/emcn/src/components/code/code.tsx","line":284,"reason":"Unresolved mutable styling binding: i"},{"file":"packages/emcn/src/components/code/code.tsx","line":287,"reason":"Unresolved mutable styling binding: i"},{"file":"packages/emcn/src/components/code/code.tsx","line":346,"reason":"Unresolved mutable styling binding: rangeIdx"},{"file":"packages/emcn/src/components/code/code.tsx","line":347,"reason":"Unresolved mutable styling binding: i"},{"file":"packages/emcn/src/components/code/code.tsx","line":348,"reason":"Unresolved mutable styling binding: i"},{"file":"packages/emcn/src/components/code/code.tsx","line":348,"reason":"Unresolved mutable styling binding: rangeIdx"},{"file":"packages/emcn/src/components/code/code.tsx","line":349,"reason":"Unresolved mutable styling binding: rangeIdx"},{"file":"packages/emcn/src/components/code/code.tsx","line":351,"reason":"Unresolved mutable styling binding: i"},{"file":"packages/emcn/src/components/code/code.tsx","line":351,"reason":"Unresolved mutable styling binding: rangeIdx"},{"file":"packages/emcn/src/components/code/code.tsx","line":354,"reason":"Unresolved mutable styling binding: i"},{"file":"packages/emcn/src/components/code/code.tsx","line":475,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/code/code.tsx","line":49,"reason":"Unresolved mutable styling binding: prismModulePromise"},{"file":"packages/emcn/src/components/code/code.tsx","line":50,"reason":"Unresolved mutable styling binding: prismModulePromise"},{"file":"packages/emcn/src/components/code/code.tsx","line":51,"reason":"Unresolved mutable styling binding: resolvedPrism"},{"file":"packages/emcn/src/components/code/code.tsx","line":55,"reason":"Unresolved mutable styling binding: prismModulePromise"},{"file":"packages/emcn/src/components/code/code.tsx","line":572,"reason":"Unresolved central styling utility: code-editor-theme"},{"file":"packages/emcn/src/components/code/code.tsx","line":573,"reason":"Unresolved styling object"},{"file":"packages/emcn/src/components/code/code.tsx","line":68,"reason":"Unresolved mutable styling binding: resolvedPrism"},{"file":"packages/emcn/src/components/code/code.tsx","line":72,"reason":"Unresolved mutable styling binding: active"},{"file":"packages/emcn/src/components/code/code.tsx","line":74,"reason":"Unresolved mutable styling binding: active"},{"file":"packages/emcn/src/components/code/code.tsx","line":77,"reason":"Unresolved mutable styling binding: active"},{"file":"packages/emcn/src/components/code/code.tsx","line":824,"reason":"Unresolved mutable styling binding: matchesInLine"},{"file":"packages/emcn/src/components/code/code.tsx","line":825,"reason":"Unresolved mutable styling binding: matchesInLine"},{"file":"packages/emcn/src/components/code/code.tsx","line":830,"reason":"Unresolved mutable styling binding: matchesInLine"},{"file":"packages/emcn/src/components/code/code.tsx","line":838,"reason":"Unresolved mutable styling binding: matchesInLine"},{"file":"packages/emcn/src/components/code/code.tsx","line":840,"reason":"Unresolved mutable styling binding: matchesInLine"},{"file":"packages/emcn/src/components/code/code.tsx","line":851,"reason":"Unresolved mutable styling binding: matchesInLine"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":1018,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":1020,"reason":"Unsupported styling expression: OptionalCallExpression"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":1021,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":1025,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":1059,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":200,"reason":"Unresolved component default: Combobox.inputProps"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":202,"reason":"Unresolved component default: Combobox.filterOptions"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":206,"reason":"Unresolved component default: Combobox.error"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":237,"reason":"Unresolved styling call: useState"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":378,"reason":"Unresolved mutable styling binding: result"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":382,"reason":"Unresolved mutable styling binding: result"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":386,"reason":"Unresolved mutable styling binding: result"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":396,"reason":"Unresolved mutable styling binding: result"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":403,"reason":"Unresolved mutable styling binding: result"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":695,"reason":"Unsupported styling expression: OptionalMemberExpression"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":744,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":746,"reason":"Unsupported styling expression: OptionalCallExpression"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":747,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":748,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":769,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":805,"reason":"Unresolved rendered props bundle"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":809,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":812,"reason":"Unsupported styling expression: OptionalMemberExpression"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":881,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":910,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/combobox/combobox.tsx","line":913,"reason":"Unresolved styling object"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":193,"reason":"Implementation of DropdownMenuTrigger is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":195,"reason":"Unresolved styling forwarding: DropdownMenuGroup.className -> @radix-ui/react-dropdown-menu#Group.className"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":195,"reason":"Unresolved styling forwarding: DropdownMenuGroup.style -> @radix-ui/react-dropdown-menu#Group.style"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":203,"reason":"Implementation of DropdownMenuPortal is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":205,"reason":"Implementation of DropdownMenuSub is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":207,"reason":"Implementation of DropdownMenuRadioGroup is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":209,"reason":"Unresolved styling forwarding: DropdownMenuSubTrigger.className -> @radix-ui/react-dropdown-menu#SubTrigger.className"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":209,"reason":"Unresolved styling forwarding: DropdownMenuSubTrigger.style -> @radix-ui/react-dropdown-menu#SubTrigger.style"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":260,"reason":"Unresolved styling forwarding: DropdownMenuSubContent.className -> @radix-ui/react-dropdown-menu#SubContent.className"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":260,"reason":"Unresolved styling forwarding: DropdownMenuSubContent.style -> @radix-ui/react-dropdown-menu#SubContent.style"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":267,"reason":"Unresolved central styling utility: data-[side=bottom]:slide-in-from-top-2"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":267,"reason":"Unresolved central styling utility: data-[side=left]:slide-in-from-right-2"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":267,"reason":"Unresolved central styling utility: data-[side=right]:slide-in-from-left-2"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":267,"reason":"Unresolved central styling utility: data-[side=top]:slide-in-from-bottom-2"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":267,"reason":"Unresolved central styling utility: data-[state=closed]:animate-out"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":267,"reason":"Unresolved central styling utility: data-[state=closed]:fade-out-0"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":267,"reason":"Unresolved central styling utility: data-[state=closed]:zoom-out-95"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":267,"reason":"Unresolved central styling utility: data-[state=open]:animate-in"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":267,"reason":"Unresolved central styling utility: data-[state=open]:fade-in-0"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":267,"reason":"Unresolved central styling utility: data-[state=open]:zoom-in-95"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":298,"reason":"Unresolved styling forwarding: DropdownMenuContent.className -> @radix-ui/react-dropdown-menu#Content.className"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":298,"reason":"Unresolved styling forwarding: DropdownMenuContent.style -> @radix-ui/react-dropdown-menu#Content.style"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":306,"reason":"Unresolved central styling utility: data-[side=bottom]:slide-in-from-top-2"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":306,"reason":"Unresolved central styling utility: data-[side=left]:slide-in-from-right-2"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":306,"reason":"Unresolved central styling utility: data-[side=right]:slide-in-from-left-2"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":306,"reason":"Unresolved central styling utility: data-[side=top]:slide-in-from-bottom-2"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":306,"reason":"Unresolved central styling utility: data-[state=closed]:animate-out"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":306,"reason":"Unresolved central styling utility: data-[state=closed]:fade-out-0"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":306,"reason":"Unresolved central styling utility: data-[state=closed]:zoom-out-95"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":306,"reason":"Unresolved central styling utility: data-[state=open]:animate-in"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":306,"reason":"Unresolved central styling utility: data-[state=open]:fade-in-0"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":306,"reason":"Unresolved central styling utility: data-[state=open]:zoom-in-95"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":335,"reason":"Unresolved styling forwarding: DropdownMenuItem.className -> @radix-ui/react-dropdown-menu#Item.className"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":335,"reason":"Unresolved styling forwarding: DropdownMenuItem.style -> @radix-ui/react-dropdown-menu#Item.style"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":487,"reason":"Unresolved styling forwarding: DropdownMenuCheckboxItem.className -> @radix-ui/react-dropdown-menu#CheckboxItem.className"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":487,"reason":"Unresolved styling forwarding: DropdownMenuCheckboxItem.style -> @radix-ui/react-dropdown-menu#CheckboxItem.style"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":510,"reason":"Unresolved styling forwarding: DropdownMenuRadioItem.className -> @radix-ui/react-dropdown-menu#RadioItem.className"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":510,"reason":"Unresolved styling forwarding: DropdownMenuRadioItem.style -> @radix-ui/react-dropdown-menu#RadioItem.style"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":548,"reason":"Unresolved styling forwarding: DropdownMenuLabel.className -> @radix-ui/react-dropdown-menu#Label.className"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":548,"reason":"Unresolved styling forwarding: DropdownMenuLabel.style -> @radix-ui/react-dropdown-menu#Label.style"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":566,"reason":"Unresolved styling forwarding: DropdownMenuSeparator.className -> @radix-ui/react-dropdown-menu#Separator.className"},{"file":"packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx","line":566,"reason":"Unresolved styling forwarding: DropdownMenuSeparator.style -> @radix-ui/react-dropdown-menu#Separator.style"},{"file":"packages/emcn/src/components/expandable/expandable.tsx","line":28,"reason":"Unresolved styling forwarding: Expandable.className -> @radix-ui/react-collapsible#Root.className"},{"file":"packages/emcn/src/components/expandable/expandable.tsx","line":28,"reason":"Unresolved styling forwarding: Expandable.style -> @radix-ui/react-collapsible#Root.style"},{"file":"packages/emcn/src/components/expandable/expandable.tsx","line":46,"reason":"Unresolved styling forwarding: ExpandableContent.className -> @radix-ui/react-collapsible#Content.className"},{"file":"packages/emcn/src/components/expandable/expandable.tsx","line":46,"reason":"Unresolved styling forwarding: ExpandableContent.style -> @radix-ui/react-collapsible#Content.style"},{"file":"packages/emcn/src/components/field-divider/field-divider.tsx","line":20,"reason":"Rendered public props may override authored style; default ownership remains unchecked"},{"file":"packages/emcn/src/components/field-divider/field-divider.tsx","line":49,"reason":"Unresolved central styling utility: subblock-divider"},{"file":"packages/emcn/src/components/info-card/info-card.tsx","line":86,"reason":"Unresolved component default: InfoCardItem.icon"},{"file":"packages/emcn/src/components/input-otp/input-otp.tsx","line":104,"reason":"Rendered public props may override authored className; default ownership remains unchecked"},{"file":"packages/emcn/src/components/input-otp/input-otp.tsx","line":37,"reason":"Unresolved styling forwarding: InputOTP.className -> input-otp#OTPInput.className"},{"file":"packages/emcn/src/components/input-otp/input-otp.tsx","line":37,"reason":"Unresolved styling forwarding: InputOTP.style -> input-otp#OTPInput.style"},{"file":"packages/emcn/src/components/input-otp/input-otp.tsx","line":74,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/components/label/label.tsx","line":24,"reason":"Unresolved styling forwarding: Label.className -> @radix-ui/react-label#Root.className"},{"file":"packages/emcn/src/components/label/label.tsx","line":24,"reason":"Unresolved styling forwarding: Label.style -> @radix-ui/react-label#Root.style"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":276,"reason":"Unresolved styling call: createContext"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":296,"reason":"Implementation of Modal is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":301,"reason":"Implementation of ModalTrigger is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":306,"reason":"Implementation of ModalPortal is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":311,"reason":"Implementation of ModalClose is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":366,"reason":"Unresolved styling forwarding: ModalOverlay.className -> @radix-ui/react-dialog#Overlay.className"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":366,"reason":"Unresolved styling forwarding: ModalOverlay.style -> @radix-ui/react-dialog#Overlay.style"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":385,"reason":"Unresolved central styling utility: data-[state=closed]:animate-out"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":385,"reason":"Unresolved central styling utility: data-[state=closed]:fade-out-0"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":385,"reason":"Unresolved central styling utility: data-[state=open]:animate-in"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":385,"reason":"Unresolved central styling utility: data-[state=open]:fade-in-0"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":388,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":417,"reason":"Implementation of MODAL_SIZES is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":486,"reason":"Unresolved styling forwarding: ModalContent.className -> @radix-ui/react-dialog#Content.className"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":486,"reason":"Unresolved styling forwarding: ModalContent.style -> @radix-ui/react-dialog#Content.style"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":580,"reason":"Unresolved styling object"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":591,"reason":"Unresolved central styling utility: data-[state=closed]:animate-out"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":591,"reason":"Unresolved central styling utility: data-[state=closed]:fade-out-0"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":591,"reason":"Unresolved central styling utility: data-[state=closed]:zoom-out-95"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":591,"reason":"Unresolved central styling utility: data-[state=open]:animate-in"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":591,"reason":"Unresolved central styling utility: data-[state=open]:fade-in-0"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":591,"reason":"Unresolved central styling utility: data-[state=open]:zoom-in-95"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":593,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":597,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":60,"reason":"Implementation of NATIVE_SURFACE_OCCLUSION_PREPARE_EVENT is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":696,"reason":"Unresolved styling forwarding: ModalTitle.className -> @radix-ui/react-dialog#Title.className"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":696,"reason":"Unresolved styling forwarding: ModalTitle.style -> @radix-ui/react-dialog#Title.style"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":708,"reason":"Unresolved styling forwarding: ModalDescription.className -> @radix-ui/react-dialog#Description.className"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":708,"reason":"Unresolved styling forwarding: ModalDescription.style -> @radix-ui/react-dialog#Description.style"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":720,"reason":"Unresolved styling forwarding: ModalTabs.className -> @radix-ui/react-tabs#Root.className"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":720,"reason":"Unresolved styling forwarding: ModalTabs.style -> @radix-ui/react-tabs#Root.style"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":755,"reason":"Unresolved styling forwarding: ModalTabsList.className -> @radix-ui/react-tabs#List.className"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":755,"reason":"Unresolved styling forwarding: ModalTabsList.style -> @radix-ui/react-tabs#List.style"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":819,"reason":"Unresolved styling forwarding: ModalTabsTrigger.className -> @radix-ui/react-tabs#Trigger.className"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":819,"reason":"Unresolved styling forwarding: ModalTabsTrigger.style -> @radix-ui/react-tabs#Trigger.style"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":844,"reason":"Unresolved styling forwarding: ModalTabsContent.className -> @radix-ui/react-tabs#Content.className"},{"file":"packages/emcn/src/components/modal/modal.tsx","line":844,"reason":"Unresolved styling forwarding: ModalTabsContent.style -> @radix-ui/react-tabs#Content.style"},{"file":"packages/emcn/src/components/overflow-text/overflow-text.tsx","line":67,"reason":"Unresolved rendered props bundle"},{"file":"packages/emcn/src/components/popover/popover-animation.ts","line":7,"reason":"Implementation of POPOVER_ANIMATION_CLASSES is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":1100,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":177,"reason":"Unresolved styling call: createContext"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":180,"reason":"Unresolved styling call: useContext"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":353,"reason":"Implementation of PopoverTrigger is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":359,"reason":"Implementation of PopoverAnchor is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":429,"reason":"Unresolved styling forwarding: PopoverContent.arrowClassName -> @radix-ui/react-popover#Content.className"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":429,"reason":"Unresolved styling forwarding: PopoverContent.className -> @radix-ui/react-popover#Content.className"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":429,"reason":"Unresolved styling forwarding: PopoverContent.style -> @radix-ui/react-popover#Content.className"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":429,"reason":"Unresolved styling forwarding: PopoverContent.style -> @radix-ui/react-popover#Content.style"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":557,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":558,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":559,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":560,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":561,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":618,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":741,"reason":"Unsupported styling expression: OptionalMemberExpression"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":792,"reason":"Unsupported styling expression: OptionalMemberExpression"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":792,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":797,"reason":"Unresolved central styling utility: default"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":801,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":923,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":984,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/popover/popover.tsx","line":987,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/scroll-fade/scroll-fade.module.css","line":10,"reason":"Unresolved global token reference: --scroll-fade-band -> --overflow-fade-size"},{"file":"packages/emcn/src/components/scroll-fade/scroll-fade.module.css","line":32,"reason":"Unresolved global token reference: --scroll-fade-top-start -> --scroll-fade-inset"},{"file":"packages/emcn/src/components/scroll-fade/scroll-fade.module.css","line":33,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --scroll-fade-top-end -> --scroll-fade-band (.root[data-scroll-fade-top])"},{"file":"packages/emcn/src/components/scroll-fade/scroll-fade.module.css","line":33,"reason":"Unresolved global token reference: --scroll-fade-top-end -> --scroll-fade-inset"},{"file":"packages/emcn/src/components/scroll-fade/scroll-fade.module.css","line":37,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --scroll-fade-bottom-start -> --scroll-fade-band (.root[data-scroll-fade-bottom])"},{"file":"packages/emcn/src/components/scroll-fade/scroll-fade.module.css","line":46,"reason":"Unresolved global token reference: --scroll-fade-band -> --overflow-fade-size"},{"file":"packages/emcn/src/components/scroll-fade/scroll-fade.module.css","line":69,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --scroll-fade-left-end -> --scroll-fade-band (.rootX[data-scroll-fade-left])"},{"file":"packages/emcn/src/components/scroll-fade/scroll-fade.module.css","line":73,"reason":"Global token reference crosses CSS definition contexts; availability remains unchecked: --scroll-fade-right-start -> --scroll-fade-band (.rootX[data-scroll-fade-right])"},{"file":"packages/emcn/src/components/scroll-fade/scroll-fade.ts","line":16,"reason":"Implementation of SCROLL_FADE_BAND_PX is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/scroll-fade/scroll-fade.ts","line":39,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/components/secret-reveal/secret-reveal.tsx","line":38,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/sim-wordmark/paths.ts","line":2,"reason":"Implementation of WORDMARK_VIEW_BOX is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/sim-wordmark/paths.ts","line":5,"reason":"Implementation of WORDMARK_PATHS is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/slider/slider.tsx","line":18,"reason":"Unresolved styling forwarding: Slider.className -> @radix-ui/react-slider#Root.className"},{"file":"packages/emcn/src/components/slider/slider.tsx","line":18,"reason":"Unresolved styling forwarding: Slider.style -> @radix-ui/react-slider#Root.style"},{"file":"packages/emcn/src/components/status-page/status-page.tsx","line":4,"reason":"Implementation of PAGE_CONTENT_WIDTH is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/status-page/status-page.tsx","line":5,"reason":"Implementation of PAGE_GUTTER is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/components/status-page/status-page.tsx","line":60,"reason":"Unresolved central styling utility: light"},{"file":"packages/emcn/src/components/status-page/status-page.tsx","line":62,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/switch/switch.tsx","line":11,"reason":"Unresolved styling forwarding: Switch.className -> @radix-ui/react-switch#Root.className"},{"file":"packages/emcn/src/components/switch/switch.tsx","line":11,"reason":"Unresolved styling forwarding: Switch.style -> @radix-ui/react-switch#Root.style"},{"file":"packages/emcn/src/components/tab-strip/tab-strip.tsx","line":336,"reason":"Unresolved styling call: Boolean"},{"file":"packages/emcn/src/components/tab-strip/tab-strip.tsx","line":336,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/tab-strip/tab-strip.tsx","line":361,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/components/tab-strip/tab-strip.tsx","line":361,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/tab-strip/tab-strip.tsx","line":361,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/tab-strip/tab-strip.tsx","line":364,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/components/tab-strip/tab-strip.tsx","line":364,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/tab-strip/tab-strip.tsx","line":365,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/components/tab-strip/tab-strip.tsx","line":366,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/components/tab-strip/tab-strip.tsx","line":380,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/tab-strip/tab-strip.tsx","line":381,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/tab-strip/tab-strip.tsx","line":391,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/components/tab-strip/tab-strip.tsx","line":410,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/tab-strip/tab-strip.tsx","line":927,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/tab-strip/tab-strip.tsx","line":956,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/components/tag-input/tag-input.tsx","line":229,"reason":"Unresolved component default: TagInput.triggerKeys"},{"file":"packages/emcn/src/components/tag-input/tag-input.tsx","line":238,"reason":"Unresolved styling call: useState"},{"file":"packages/emcn/src/components/tag-input/tag-input.tsx","line":244,"reason":"Unsupported styling expression: OptionalMemberExpression"},{"file":"packages/emcn/src/components/tag-input/tag-input.tsx","line":426,"reason":"Unresolved styling call: trim"},{"file":"packages/emcn/src/components/time-picker/time-picker.tsx","line":131,"reason":"Unresolved styling call: useState"},{"file":"packages/emcn/src/components/time-picker/time-picker.tsx","line":238,"reason":"Unsupported styling expression: UnaryExpression"},{"file":"packages/emcn/src/components/toast/toast.tsx","line":217,"reason":"Unresolved mutable styling binding: globalDismiss"},{"file":"packages/emcn/src/components/toast/toast.tsx","line":218,"reason":"Unresolved mutable styling binding: globalDismissAll"},{"file":"packages/emcn/src/components/toast/toast.tsx","line":233,"reason":"Unresolved mutable styling binding: globalToast"},{"file":"packages/emcn/src/components/toast/toast.tsx","line":236,"reason":"Unresolved mutable styling binding: globalToast"},{"file":"packages/emcn/src/components/toast/toast.tsx","line":683,"reason":"Unresolved mutable styling binding: cumulative"},{"file":"packages/emcn/src/components/tooltip/tooltip.tsx","line":602,"reason":"Unresolved styling forwarding: Tooltip.Trigger.className -> packages/emcn/src/components/tooltip/tooltip.tsx#Comp@ArrowFunctionExpression[20].className"},{"file":"packages/emcn/src/components/tooltip/tooltip.tsx","line":602,"reason":"Unresolved styling forwarding: Tooltip.Trigger.style -> packages/emcn/src/components/tooltip/tooltip.tsx#Comp@ArrowFunctionExpression[20].style"},{"file":"packages/emcn/src/components/tooltip/tooltip.tsx","line":781,"reason":"Implementation of Tooltip is delegated or unsupported; styling ownership remains unchecked"},{"file":"packages/emcn/src/icons/download.tsx","line":18,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/icons/layout.tsx","line":33,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/icons/layout.tsx","line":34,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/icons/layout.tsx","line":34,"reason":"Unsupported styling expression: BinaryExpression"},{"file":"packages/emcn/src/icons/layout.tsx","line":59,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/icons/layout.tsx","line":67,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/icons/layout.tsx","line":75,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/icons/layout.tsx","line":83,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/icons/loader.tsx","line":23,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/icons/pills-ring.tsx","line":23,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/icons/pills-ring.tsx","line":45,"reason":"Unresolved styling member lookup"},{"file":"packages/emcn/src/icons/pills-ring.tsx","line":46,"reason":"Unresolved styling object"},{"file":"packages/emcn/src/icons/refresh-cw.tsx","line":21,"reason":"Unresolved styling member lookup"}]
+}
diff --git a/scripts/design-conformance/contracts.json b/scripts/design-conformance/contracts.json
new file mode 100644
index 00000000000..2cb13c01cfe
--- /dev/null
+++ b/scripts/design-conformance/contracts.json
@@ -0,0 +1,250 @@
+{
+  "version": "2.0.0",
+  "policy": "design-conformance/2.0.0",
+  "sources": [
+    "apps/sim/app/_styles/globals.css",
+    "apps/sim/tailwind.config.ts",
+    "packages/emcn/src",
+    ".claude/rules/sim-styling.md",
+    ".claude/rules/emcn-components.md",
+    "packages/emcn/src/AGENTS.md"
+  ],
+  "rules": {
+    "central-colour": {
+      "properties": [
+        "colours"
+      ],
+      "permission": "Central colour reference or explicitly adopted named utility; no literal substitutes",
+      "source": ".claude/rules/sim-styling.md#Color Tokens"
+    },
+    "central-colour-assignment": {
+      "properties": [
+        "custom-colour-assignment"
+      ],
+      "permission": "Every assigned colour, conditional branch and fallback must resolve to an existing global colour token; runtime values remain flagged",
+      "source": "apps/sim/app/_styles/globals.css#colour-tokens"
+    },
+    "central-typography": {
+      "properties": [
+        "font-family",
+        "font-size",
+        "font-weight"
+      ],
+      "permission": "Central named font/type utility or property-compatible central reference",
+      "source": ".claude/rules/sim-styling.md#Text Scale"
+    },
+    "central-radius": {
+      "properties": [
+        "border-radius"
+      ],
+      "permission": "Central radius token or adopted named utility when a radius family exists",
+      "source": "apps/sim/app/_styles/globals.css#radius"
+    },
+    "central-shadow": {
+      "properties": [
+        "box-shadow",
+        "text-shadow"
+      ],
+      "permission": "Central shadow token or exported recipe when a shadow family exists",
+      "source": "apps/sim/app/_styles/globals.css#shadow"
+    },
+    "component-chrome": {
+      "properties": [
+        "colour",
+        "typography",
+        "padding",
+        "height",
+        "radius",
+        "border",
+        "shadow",
+        "gap"
+      ],
+      "permission": "Use supported component props; protected consumer slots cannot restyle owned chrome",
+      "source": ".claude/rules/sim-styling.md#Chip Components (consumer usage)"
+    },
+    "modal-field": {
+      "properties": [
+        "structure"
+      ],
+      "permission": "Directly recognized labeled fields in ChipModalBody use ChipModalField",
+      "source": ".claude/rules/sim-styling.md#Form / chip-modal layout rhythm"
+    },
+    "icon-slot": {
+      "properties": [
+        "width",
+        "height",
+        "colour"
+      ],
+      "permission": "Source-derived field icon slots own geometry; no universal icon size is inferred",
+      "source": ".claude/rules/sim-styling.md#Chip Components (consumer usage)"
+    },
+    "central-definition": {
+      "properties": [
+        "definition"
+      ],
+      "permission": "Review the intended system change with the engineer; record intentional changes or exceptions in the PR and involve the designer for new standards or ambiguous broad impact",
+      "source": "contracts.json#policy"
+    },
+    "central-artwork": {
+      "properties": [
+        "artwork"
+      ],
+      "permission": "Reuse central EMCN artwork; introduce or change shared artwork with an explicit design-system review. Provider branding and user media remain exempt.",
+      "source": "scripts/design-conformance/contracts.json#artwork"
+    },
+    "control-redundant-style": {
+      "properties": [
+        "className"
+      ],
+      "permission": "Remove only exact repeats proven redundant against every resolved active central recipe and the reviewed class merger",
+      "source": "scripts/design-conformance/README.md#control-simplifications"
+    },
+    "control-accessible-name": {
+      "properties": [
+        "accessible-name"
+      ],
+      "permission": "Name proven icon-only buttons with existing action text; dynamic names and content require review",
+      "source": "scripts/design-conformance/README.md#control-simplifications"
+    },
+    "control-duplicate-artwork": {
+      "properties": [
+        "artwork"
+      ],
+      "permission": "Reuse identical static central drawings while preserving caller size, paint and accessibility",
+      "source": "scripts/design-conformance/README.md#control-simplifications"
+    }
+  },
+  "builtins": {
+    "colours": [
+      "white",
+      "black",
+      "current",
+      "transparent",
+      "inherit"
+    ],
+    "font-family": [
+      "sans",
+      "mono"
+    ],
+    "font-size": [
+      "sm"
+    ],
+    "font-weight": [
+      "normal",
+      "medium",
+      "semibold"
+    ],
+    "border-radius": [
+      "none",
+      "full"
+    ],
+    "box-shadow": [
+      "none"
+    ]
+  },
+  "branding": {
+    "@sim/emcn#ChipTag": [
+      "brandColor",
+      "brandForeground"
+    ],
+    "integration": "Literal Sim BlockConfig tools bgColor is an established data input, not an ordinary colour token"
+  },
+  "limits": {
+    "resolutionDepth": 12,
+    "sourceBytes": 2097152,
+    "factsCacheBytes": 67108864,
+    "systemCacheEntries": 8,
+    "summaryBytes": 33554432
+  },
+  "notes": [
+    "User policy permits any approved semantic choice; do not infer text roles from wording.",
+    "No universal spacing, icon size, or complete Tailwind palette approval is implied.",
+    "Built-in utility names are explicitly adopted by the central styling guidance; their values come from pinned Tailwind tooling."
+  ],
+  "adoption": {
+    "namedUtilities": "Only named utilities directly referenced in central styling definitions or explicitly listed builtins; no application occurrence or arbitrary numeric literal grants permission.",
+    "fontWeights": "Explicit documented normal/medium/semibold policy overrides observed historical component debt."
+  },
+  "transparentPrimitives": {
+    "@radix-ui/react-radio-group#Root": {
+      "target": "div",
+      "slots": [
+        "className",
+        "style"
+      ]
+    },
+    "@radix-ui/react-radio-group#Item": {
+      "target": "button",
+      "slots": [
+        "className",
+        "style"
+      ]
+    }
+  },
+  "centralRecipes": {
+    "packages/workflow-renderer/src/canvas-layers.ts": {
+      "exports": {
+        "EDGE_Z_BASE": {
+          "property": "z-index",
+          "source": "packages/workflow-renderer/src/canvas-layers.ts#EDGE_Z_BASE"
+        },
+        "CANVAS_Z_INDEX_MODE": {
+          "property": "z-index",
+          "source": "packages/workflow-renderer/src/canvas-layers.ts#CANVAS_Z_INDEX_MODE"
+        },
+        "EDGE_Z_MAX": {
+          "property": "z-index",
+          "source": "packages/workflow-renderer/src/canvas-layers.ts#EDGE_Z_MAX"
+        },
+        "BLOCK_Z_BASE": {
+          "property": "z-index",
+          "source": "packages/workflow-renderer/src/canvas-layers.ts#BLOCK_Z_BASE"
+        },
+        "CONTAINER_CHILD_Z_BASE": {
+          "property": "z-index",
+          "source": "packages/workflow-renderer/src/canvas-layers.ts#CONTAINER_CHILD_Z_BASE"
+        },
+        "CONNECTION_PICKER_Z": {
+          "property": "z-index",
+          "source": "packages/workflow-renderer/src/canvas-layers.ts#CONNECTION_PICKER_Z"
+        },
+        "getBlockZIndex": {
+          "property": "z-index",
+          "source": "packages/workflow-renderer/src/canvas-layers.ts#getBlockZIndex"
+        },
+        "getEdgeZIndex": {
+          "property": "z-index",
+          "source": "packages/workflow-renderer/src/canvas-layers.ts#getEdgeZIndex"
+        },
+        "getEdgeZIndexForTarget": {
+          "property": "z-index",
+          "source": "packages/workflow-renderer/src/canvas-layers.ts#getEdgeZIndexForTarget"
+        }
+      }
+    }
+  },
+  "artwork": {
+    "libraries": [
+      "packages/emcn/src/icons/",
+      "packages/emcn/src/illustrations/",
+      "apps/sim/components/iso/"
+    ],
+    "brandingFiles": [
+      "apps/sim/components/icons.tsx"
+    ],
+    "permission": "Reuse central EMCN artwork; introduce or change shared artwork with an explicit design-system review. Provider branding and user media remain exempt.",
+    "brandAssets": {
+      "packages/emcn/src/icons/linkedin.tsx": {
+        "source": "packages/emcn/src/icons/linkedin.tsx#LinkedIn",
+        "reason": "Third-party LinkedIn provider glyph; product icon geometry remains governed separately"
+      }
+    }
+  },
+  "ownership": {
+    "apps/sim/app/_shell/consent/consent-preferences-trigger.tsx": {
+      "scope": "landing",
+      "source": "apps/sim/app/(landing)/components/footer/footer.tsx; apps/sim/app/(landing)/cookie-policy/consent-preferences-link.tsx",
+      "reason": "Consent link presentation belongs exclusively to the landing shell; product reuse requires removing this declaration."
+    }
+  }
+}
diff --git a/scripts/design-conformance/contracts.ts b/scripts/design-conformance/contracts.ts
new file mode 100644
index 00000000000..0ee60c61f70
--- /dev/null
+++ b/scripts/design-conformance/contracts.ts
@@ -0,0 +1,74 @@
+import { readFileSync } from 'node:fs'
+import type { GeneratedContracts } from '#design-conformance/generated-contracts'
+import { hash } from '#design-conformance/model'
+
+export interface ComponentContract {
+  slots?: string[]
+  protected?: string[]
+  iconSlots?: string[]
+  slotOwnership?: Record<string, { protected: string[]; allowed: string[]; unchecked?: string[] }>
+}
+export interface CentralRecipeModule {
+  exports: Record<string, { property: string; source: string }>
+}
+export interface Registry {
+  artwork?: {
+    libraries: string[]
+    brandingFiles: string[]
+    brandAssets?: Record<string, { source: string; reason: string }>
+    permission: string
+  }
+  ownership?: Record<string, { scope: 'landing'; source: string; reason: string }>
+  centralRecipes?: Record<string, CentralRecipeModule>
+  transparentPrimitives?: Record<string, { target: string; slots: string[] }>
+  version: string
+  policy: string
+  sources: string[]
+  rules: Record<string, { properties: string[]; permission: string; source: string }>
+  builtins: Record<string, string[]>
+  branding: Record<string, string[] | string>
+  limits: {
+    summaryBytes?: number
+    resolutionDepth: number
+    sourceBytes: number
+    factsCacheBytes: number
+    systemCacheEntries: number
+  }
+}
+const bytes = readFileSync(new URL('./contracts.json', import.meta.url), 'utf8')
+export const registry: Registry = JSON.parse(bytes)
+if (registry.version !== '2.0.0' || registry.policy !== 'design-conformance/2.0.0')
+  throw new Error('Incompatible conformance contract registry')
+export const contractsHash = hash(bytes)
+/** Callers inspecting a snapshot must supply that snapshot's generated metadata. */
+export function componentContract(
+  target: string,
+  metadata?: GeneratedContracts
+): ComponentContract | undefined {
+  if (!target.startsWith('@sim/emcn#') || !metadata) return undefined
+  const item = metadata.exports[target.slice(10)]
+  if (!item) return undefined
+  return {
+    slots: Object.keys(item.slots),
+    slotOwnership: item.slots,
+    iconSlots: Object.keys(item.slots).filter((s) => /icon/i.test(s)),
+  }
+}
+export const isRegistry = (file: string) =>
+  file === 'scripts/design-conformance/contracts.json' ||
+  /(?:^|\/)token-lint\/contracts\.json$/.test(file)
+/** Fixed authoring inventory; application usage does not create authority. */
+export function centralFile(file: string): boolean {
+  return (
+    !!registry.centralRecipes?.[file] ||
+    (/^(?:apps\/sim\/app\/_styles\/.*\.css|apps\/sim\/(?:tailwind|postcss)\.config\.[cm]?[jt]s|apps\/sim\/lib\/postcss\/.*\.[cm]?[jt]s|packages\/emcn\/src\/(?:components|lib)\/.*\.(?:[cm]?[jt]sx?|css)|packages\/emcn\/src\/index\.ts)$/.test(
+      file
+    ) &&
+      !/\.(?:test|spec|generated|d)\.|(?:^|\/)icons?\//.test(file))
+  )
+}
+export const centralInventory = (file: string) =>
+  centralFile(file) ||
+  registry.sources.includes(file) ||
+  (/^packages\/emcn\/src\/.*\.[cm]?[jt]sx?$/.test(file) &&
+    !/\.(?:test|spec|generated)\./.test(file))
diff --git a/scripts/design-conformance/control-associations.ts b/scripts/design-conformance/control-associations.ts
new file mode 100644
index 00000000000..25b648723e8
--- /dev/null
+++ b/scripts/design-conformance/control-associations.ts
@@ -0,0 +1,86 @@
+import type { InventoryFinding } from '#control-analysis/model'
+
+interface Location {
+  line: number
+  column: number
+  endLine: number
+  endColumn: number
+}
+interface Use {
+  id: string
+  file: string
+  line: number
+  column: number
+  endLine: number
+  endColumn?: number
+  owner: string
+  tag: string
+  slots?: (Location & { name: string })[]
+}
+const contains = (r: Location, line: number, column: number) =>
+  (line > r.line || (line === r.line && column >= r.column)) &&
+  (line < r.endLine || (line === r.endLine && column < r.endColumn))
+const width = (r: Location) => (r.endLine - r.line) * 1000000 + r.endColumn - r.column
+
+/** Choose the innermost input slot across ALL elements, including non-controls. */
+export function associateFindings(
+  uses: Use[],
+  findings: InventoryFinding[],
+  targets: (id: string, slot: string) => string[]
+) {
+  const result = new Map<string, { direct: string[]; potential: string[] }>()
+  const files = new Map<string, Use[]>()
+  for (const use of uses) {
+    const xs = files.get(use.file) ?? []
+    xs.push(use)
+    files.set(use.file, xs)
+    result.set(use.id, { direct: [], potential: [] })
+  }
+  for (const f of findings) {
+    const elements = files.get(f.file) ?? []
+    const slots = elements
+      .flatMap((use) =>
+        (use.slots ?? [])
+          .filter((slot) => contains(slot, f.line, f.column))
+          .map((slot) => ({ use, slot }))
+      )
+      .sort((a, b) => width(a.slot) - width(b.slot))
+    const parts = f.context.split(' / ')
+    const target = parts[1]
+    const input = parts[2]?.split(/[ ./]/)[0]
+    if (slots.length) {
+      const best = slots.filter((s) => width(s.slot) === width(slots[0].slot))
+      for (const { use, slot } of best) {
+        const exact =
+          best.length === 1 &&
+          !!target &&
+          targets(use.id, slot.name).includes(target) &&
+          (slot.name === input || slot.name === 'spread')
+        result.get(use.id)?.[exact ? 'direct' : 'potential'].push(f.id)
+      }
+    } else {
+      const exact = elements.filter(
+        (use) =>
+          use.owner === parts[0] &&
+          use.line === f.line &&
+          use.column === f.column &&
+          !!target &&
+          !!input &&
+          (use.slots ?? []).some(
+            (slot) => slot.name === input && targets(use.id, slot.name).includes(target)
+          )
+      )
+      if (exact.length === 1) result.get(exact[0].id)?.direct.push(f.id)
+      else
+        for (const use of elements.filter(
+          (u) => u.owner === parts[0] && f.line >= u.line && f.line <= u.endLine
+        ))
+          result.get(use.id)?.potential.push(f.id)
+    }
+  }
+  for (const r of result.values()) {
+    r.direct.sort()
+    r.potential.sort()
+  }
+  return result
+}
diff --git a/scripts/design-conformance/control-colour-assignments.ts b/scripts/design-conformance/control-colour-assignments.ts
new file mode 100644
index 00000000000..07a60edb237
--- /dev/null
+++ b/scripts/design-conformance/control-colour-assignments.ts
@@ -0,0 +1,1079 @@
+import type { NodePath } from '@babel/traverse'
+import * as t from '@babel/types'
+import postcss from 'postcss'
+import valueParser from 'postcss-value-parser'
+import type {
+  ControlHooks,
+  ControlSource,
+  Diagnostic,
+  InventoryFinding,
+} from '#control-analysis/model'
+import { compare, regular } from '#control-analysis/model'
+import { productScope } from '#control-analysis/scope'
+import { type Expr, expression, type StaticInputs, unknown } from '#control-analysis/static-inputs'
+import { centralFile } from '#design-conformance/contracts'
+import { canonical, type Finding, hash, TOKEN_FILE } from '#design-conformance/model'
+import { paintDeclarations, rawColours, utility, variablesIn } from '#design-conformance/normalize'
+
+interface Site {
+  file: string
+  line: number
+  column: number
+  context: string
+}
+interface Assignment extends Site {
+  name: string
+  values: string[]
+  unresolved: boolean
+  input: string
+  direct?: boolean
+}
+interface Pending extends Site {
+  kind: 'object' | 'class' | 'css' | 'property' | 'props' | 'registration'
+  value: Expr
+  name?: Expr
+  input: string
+}
+interface Check {
+  status: 'verified' | 'invalid' | 'unresolved'
+  reason: string
+  references: string[]
+}
+interface ColourUse extends Site {
+  property: string
+  value: string
+  variables: string[]
+}
+export interface VerifiedColourUsage extends ColourUse {
+  references: string[]
+}
+export interface ColourAssignmentReport {
+  version: '1.0.0'
+  findings: InventoryFinding[]
+  unchecked: Diagnostic[]
+  assignments: (Assignment & Check)[]
+  variables: (Check & { name: string; global: boolean; writers: number; complete: boolean })[]
+  uses: ColourUse[]
+  verifiedUsages: VerifiedColourUsage[]
+  coverage: { checked: number; verified: number; invalid: number; unresolved: number }
+}
+const colourProperty =
+  /^(?:color|(?:-[a-z]+-)?[a-z][\w-]*-color|background(?:-image)?|border(?:-(?:top|bottom|left|right|inline|block)(?:-start|-end)?)?|outline|fill|stroke|text-decoration|box-shadow|text-shadow)$/
+const kebab = (key: string) => key.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)
+/** A missing layout variable is not evidence of a colour. Actual colour sinks still take precedence. */
+const dimensional = (value: string): boolean => {
+  const nodes = valueParser(value).nodes.filter(
+    (node) => node.type !== 'space' && node.type !== 'comment'
+  )
+  if (nodes.length !== 1) return false
+  const node = nodes[0]
+  if (node.type === 'word')
+    return /^[+-]?(?:\d*\.)?\d+(?:px|rem|em|ch|ex|lh|rlh|vw|vh|vmin|vmax|dvh|dvw|svh|svw|lvh|lvw|%)$/.test(
+      node.value
+    )
+  if (node.type !== 'function' || node.unclosed) return false
+  if (node.value === 'var') {
+    const comma = node.nodes.findIndex((part) => part.type === 'div' && part.value === ',')
+    return comma >= 0 && dimensional(valueParser.stringify(node.nodes.slice(comma + 1)))
+  }
+  return ['calc', 'min', 'max', 'clamp'].includes(node.value)
+}
+const property = (node: t.Node): string | undefined =>
+  t.isIdentifier(node) || t.isJSXIdentifier(node)
+    ? node.name
+    : t.isStringLiteral(node)
+      ? node.value
+      : undefined
+const clean = (node: t.Node): t.Node =>
+  t.isTSAsExpression(node) || t.isTSSatisfiesExpression(node) || t.isTSNonNullExpression(node)
+    ? clean(node.expression)
+    : node
+const member = (node: t.Node, name: string) =>
+  t.isMemberExpression(node) &&
+  property(node.property) === name &&
+  (!node.computed || t.isStringLiteral(node.property))
+const owner = (path: NodePath): string => {
+  let current: NodePath | null = path
+  while (current) {
+    if (current.isFunctionDeclaration() && current.node.id) return current.node.id.name
+    if (current.isVariableDeclarator() && t.isIdentifier(current.node.id))
+      return current.node.id.name
+    current = current.parentPath
+  }
+  return '<module>'
+}
+
+/** Audit assignments independently of uses: an unchanged CSS sink cannot hide a new bad writer. */
+export class ColourAssignments {
+  private readonly assignments: Assignment[] = []
+  private readonly pending: Pending[] = []
+  private readonly globals = new Map<string, string[]>()
+  private readonly colours = new Set<string>()
+  private readonly notes: Diagnostic[] = []
+  private readonly uses: ColourUse[] = []
+
+  constructor(source: ControlSource) {
+    for (const entry of [...source.entries].sort((a, b) => compare(a.path, b.path))) {
+      if (!entry.path.endsWith('.css') || productScope(entry.path) !== 'check') continue
+      if (!regular(entry) || entry.bytes > 2 * 1024 * 1024) {
+        this.notes.push({
+          file: entry.path,
+          line: 1,
+          context: 'colour assignments',
+          reason: 'CSS assignment source is nonregular or exceeds the parsing limit',
+        })
+        continue
+      }
+      this.css(
+        source.read(entry),
+        { file: entry.path, line: 1, column: 1, context: 'CSS' },
+        entry.path === TOKEN_FILE
+      )
+    }
+  }
+
+  private css(text: string, site: Site, global = false) {
+    try {
+      postcss.parse(text).walkDecls((decl) => {
+        const at = {
+          ...site,
+          line: site.line + (decl.source?.start?.line ?? 1) - 1,
+          column: decl.source?.start?.column ?? site.column,
+          context: `${site.context} / ${decl.parent?.type === 'rule' ? decl.parent.selector : decl.parent?.type === 'atrule' ? `@${decl.parent.name} ${decl.parent.params}` : '<root>'}`,
+        }
+        const registered =
+          decl.prop === 'initial-value' &&
+          decl.parent?.type === 'atrule' &&
+          decl.parent.name === 'property'
+            ? decl.parent.params.trim()
+            : undefined
+        const assigned = decl.prop.startsWith('--') ? decl.prop : registered
+        if (assigned) {
+          if (global) {
+            const values = this.globals.get(assigned) ?? []
+            if (!values.includes(decl.value)) values.push(decl.value)
+            this.globals.set(assigned, values)
+          } else
+            this.assignments.push({
+              ...at,
+              name: /^--[\w-]+$/.test(assigned) ? assigned : '*',
+              values: [decl.value],
+              unresolved: !/^--[\w-]+$/.test(assigned),
+              input: decl.value,
+            })
+        } else if (colourProperty.test(decl.prop)) {
+          this.use(decl.value, at, decl.prop)
+        }
+      })
+    } catch (error) {
+      this.notes.push({
+        ...site,
+        reason: `CSS colour assignments could not be parsed: ${String(error)}`,
+      })
+    }
+  }
+
+  private use(value: string, site: Site, property: string) {
+    const variables = variablesIn(value)
+    for (const name of variables) this.colours.add(name)
+    if (variables.length) this.uses.push({ ...site, property, value, variables })
+  }
+
+  /** Called during the existing lexical inventory; detached expressions share its import resolver. */
+  program: NonNullable<ControlHooks['program']> = ({ file, path, reference }) => {
+    const site = (p: NodePath): Site => ({
+      file,
+      line: p.node.loc?.start.line ?? 1,
+      column: (p.node.loc?.start.column ?? 0) + 1,
+      context: owner(p),
+    })
+    const expr = (node: t.Node, p: NodePath) => expression(node, p, reference)
+    const input = (node: t.Node) => canonical(this.syntax(node))
+    const add = (p: NodePath, kind: Pending['kind'], node: t.Node, name?: t.Node) =>
+      this.pending.push({
+        ...site(p),
+        kind,
+        value: expr(node, p),
+        name: name ? expr(name, p) : undefined,
+        input: input(node),
+      })
+    path.traverse({
+      JSXAttribute: (p) => {
+        const name = property(p.node.name)
+        if (!['style', 'className', 'class'].includes(name ?? '')) return
+        const value = p.node.value
+        if (!value) return
+        const node = t.isJSXExpressionContainer(value) ? value.expression : value
+        add(p, name === 'style' ? 'object' : 'class', node)
+      },
+      JSXSpreadAttribute: (p) => {
+        add(p, 'props', p.node.argument)
+      },
+      CallExpression: (p) => {
+        if (
+          ['!react#createElement', '!react#default.createElement'].includes(
+            reference(p.node.callee, p)
+          )
+        ) {
+          if (p.node.arguments[1]) add(p, 'props', p.node.arguments[1])
+        }
+        const callee = p.node.callee
+        if (!t.isMemberExpression(callee)) return
+        if (
+          member(callee, 'registerProperty') &&
+          t.isIdentifier(callee.object, { name: 'CSS' }) &&
+          !p.scope.getBinding('CSS') &&
+          p.node.arguments[0]
+        ) {
+          add(p, 'registration', p.node.arguments[0])
+        } else if (member(callee, 'setProperty') && p.node.arguments.length >= 2) {
+          add(p, 'property', p.node.arguments[1], p.node.arguments[0])
+        } else if (member(callee, 'setAttribute')) {
+          const [name, value] = p.node.arguments
+          if (t.isStringLiteral(name) && value && ['style', 'class'].includes(name.value))
+            add(p, name.value === 'style' ? 'css' : 'class', value)
+        } else if (
+          member(callee, 'assign') &&
+          t.isIdentifier(callee.object, { name: 'Object' }) &&
+          !p.scope.getBinding('Object')
+        ) {
+          const [target, ...values] = p.node.arguments
+          if (target && this.styleObject(target, p))
+            for (const value of values) add(p, 'object', value)
+        }
+      },
+      AssignmentExpression: (p) => {
+        const left = p.node.left
+        if (!t.isMemberExpression(left)) return
+        if (member(left, 'cssText') && this.styleObject(left.object, p)) add(p, 'css', p.node.right)
+        else if (member(left, 'className')) add(p, 'class', p.node.right)
+        else if (this.styleObject(left.object, p)) {
+          const name = left.computed
+            ? left.property
+            : t.stringLiteral(property(left.property) ?? '')
+          add(p, 'property', p.node.right, name)
+        }
+      },
+      /** Class constants/CVA entries must be checked even when passed through an opaque helper. */
+      StringLiteral: (p) => {
+        if (p.node.value.includes('[--') && !p.findParent((parent) => parent.isJSXAttribute()))
+          this.classes(p.node.value, site(p))
+      },
+    })
+  }
+
+  private styleObject(node: t.Node, path: NodePath, seen = new Set<string>()): boolean {
+    node = clean(node)
+    if (member(node, 'style')) return true
+    if (!t.isIdentifier(node) || seen.has(node.name)) return false
+    const binding = path.scope.getBinding(node.name)
+    return !!(
+      binding?.constant &&
+      binding.path.isVariableDeclarator() &&
+      binding.path.node.init &&
+      this.styleObject(binding.path.node.init, binding.path, new Set(seen).add(node.name))
+    )
+  }
+
+  /** Location/comments do not turn existing debt into a new diff occurrence. */
+  private syntax(node: t.Node): unknown {
+    return Object.fromEntries(
+      Object.entries(node)
+        .filter(
+          ([key]) =>
+            ![
+              'loc',
+              'start',
+              'end',
+              'extra',
+              'leadingComments',
+              'trailingComments',
+              'innerComments',
+            ].includes(key)
+        )
+        .map(([key, value]) => [
+          key,
+          Array.isArray(value)
+            ? value.map((item) =>
+                item && typeof item === 'object' && 'type' in item
+                  ? this.syntax(item as t.Node)
+                  : item
+              )
+            : value && typeof value === 'object' && 'type' in value
+              ? this.syntax(value as t.Node)
+              : value,
+        ])
+    )
+  }
+
+  private classes(text: string, site: Site) {
+    for (const token of text.split(/\s+/)) {
+      const base = utility(token).base
+      const custom = base.match(/^\[(--[\w-]+):(.+)\]$/)
+      const value = (custom?.[2] ?? base).replaceAll('_', ' ')
+      if (custom)
+        this.assignments.push({
+          ...site,
+          name: custom[1],
+          values: [value],
+          unresolved: false,
+          input: token,
+        })
+      else if (
+        /^(?:text|bg|border(?:-[trblxyse])?|outline|ring(?:-offset)?|fill|stroke|from|via|to|accent|caret|shadow)-/.test(
+          base
+        )
+      )
+        this.use(value, site, 'className')
+    }
+  }
+
+  finish(statics: StaticInputs): ColourAssignmentReport {
+    for (const pending of this.pending) {
+      if (pending.kind === 'registration') {
+        this.pending.push({
+          ...pending,
+          kind: 'property',
+          name: statics.property(pending.value, 'name'),
+          value: statics.property(pending.value, 'initialValue'),
+        })
+        continue
+      }
+      if (pending.kind === 'props') {
+        const props = statics.input(pending.value, pending.input)
+        for (const name of ['style', 'className', 'class']) {
+          if (props.properties?.[name])
+            this.pending.push({
+              ...pending,
+              kind: name === 'style' ? 'object' : 'class',
+              value: statics.property(pending.value, name),
+            })
+        }
+        if (
+          statics.evaluate(statics.property(pending.value, '--colour-assignment-unknown-prop'))
+            .unknown
+        )
+          this.notes.push({
+            file: pending.file,
+            line: pending.line,
+            context: pending.context,
+            reason:
+              'Opaque JSX/createElement props may carry style/class assignments; no colour approval is inferred',
+          })
+        continue
+      }
+      if (pending.kind === 'object') {
+        const object = statics.input(pending.value, pending.input)
+        const helper = statics.functionDerived(pending.value)
+        for (const [name, value] of Object.entries(object.properties ?? {})) {
+          const values = (value.values ?? []).map(String)
+          if (name.startsWith('--'))
+            this.assignments.push({
+              ...pending,
+              name,
+              values,
+              unresolved: value.unresolved || !values.length || !!value.mayBeUndefined,
+              input: pending.input,
+            })
+          else if (colourProperty.test(kebab(name))) {
+            const concrete = (value.values ?? [])
+              .filter((candidate) => candidate !== null && candidate !== false)
+              .map(String)
+            for (const text of concrete) this.use(text, pending, kebab(name))
+            if (value.unresolved)
+              this.notes.push({
+                file: pending.file,
+                line: pending.line,
+                context: pending.context,
+                reason: `Dynamic ${kebab(name)} style value has unresolved provenance; user, provider and customer inputs need context`,
+              })
+            if (helper || concrete.length > 0)
+              this.assignments.push({
+                ...pending,
+                name: kebab(name),
+                values: concrete,
+                unresolved: value.unresolved || !values.length,
+                input: pending.input,
+                direct: true,
+              })
+          }
+        }
+        if (
+          statics.evaluate(statics.property(pending.value, '--colour-assignment-unknown-key'))
+            .unknown
+        )
+          this.assignments.push({
+            ...pending,
+            name: '*',
+            values: [],
+            unresolved: true,
+            input: pending.input,
+          })
+        continue
+      }
+      const evaluated = statics.evaluate(pending.value)
+      const values = evaluated.values.map(String)
+      if (pending.kind === 'property') {
+        const names = statics.evaluate(pending.name ?? unknown)
+        for (const name of names.values.filter((v): v is string => typeof v === 'string')) {
+          if (name.startsWith('--'))
+            this.assignments.push({
+              ...pending,
+              name,
+              values,
+              unresolved: evaluated.unknown || evaluated.undefined || !values.length,
+              input: pending.input,
+            })
+          else if (colourProperty.test(kebab(name))) {
+            this.assignments.push({
+              ...pending,
+              name: kebab(name),
+              values,
+              unresolved: evaluated.unknown || evaluated.undefined || !values.length,
+              input: pending.input,
+              direct: true,
+            })
+            for (const value of values) this.use(value, pending, kebab(name))
+          }
+        }
+        if (names.unknown || names.undefined || !names.values.length)
+          this.assignments.push({
+            ...pending,
+            name: '*',
+            values,
+            unresolved: true,
+            input: `${canonical(pending.name)} = ${pending.input}`,
+          })
+      } else if (pending.kind === 'css') {
+        for (const value of values) this.css(`x { ${value} }`, pending)
+        if (evaluated.unknown || evaluated.undefined)
+          this.assignments.push({
+            ...pending,
+            name: '*',
+            values: [],
+            unresolved: true,
+            input: pending.input,
+          })
+      } else {
+        for (const value of values) this.classes(value, pending)
+        if (evaluated.unknown && pending.input.includes('[--')) {
+          const names = [...pending.input.matchAll(/\[(--[\w-]+):/g)].map((match) => match[1])
+          for (const name of new Set(names.length ? names : ['*']))
+            this.assignments.push({
+              ...pending,
+              name,
+              values: [],
+              unresolved: true,
+              input: pending.input,
+            })
+        }
+      }
+    }
+    const byName = new Map<string, Assignment[]>()
+    /** The same literal can be visited as a class constant and its JSX use. Preserve authored sites. */
+    const assignments = [
+      ...new Map(
+        this.assignments.map((a) => {
+          const assignment: Assignment = {
+            file: a.file,
+            line: a.line,
+            column: a.column,
+            context: a.context,
+            name: a.name,
+            values: a.values,
+            unresolved: a.unresolved,
+            input: a.input,
+            ...(a.direct ? { direct: true } : {}),
+          }
+          return [canonical([a.file, a.line, a.column, a.name, a.values, a.unresolved]), assignment]
+        })
+      ).values(),
+    ]
+    for (const assignment of assignments) {
+      if (assignment.direct) continue
+      const writers = byName.get(assignment.name) ?? []
+      writers.push(assignment)
+      byName.set(assignment.name, writers)
+      if (
+        assignment.values.some(
+          (value) => rawColours(value) || variablesIn(value).some((name) => this.globalColour(name))
+        )
+      )
+        this.colours.add(assignment.name)
+    }
+    /** Unknown aliases have no proven colour provenance until a colour sink or literal establishes it. */
+    const defined = (name: string, seen = new Set<string>()): boolean => {
+      if (seen.has(name) || seen.size >= 20) return false
+      const global = this.globals.get(name)?.filter((value) => value.trim() !== `var(${name})`)
+      const writers = byName.get(name)
+      const values = global?.length ? global : writers?.flatMap((writer) => writer.values)
+      if (!values?.length || (!global?.length && writers?.some((writer) => writer.unresolved)))
+        return false
+      return values.every((value) =>
+        variablesIn(value).every((ref) => defined(ref, new Set(seen).add(name)))
+      )
+    }
+    for (const assignment of assignments)
+      if (
+        assignment.values.some(
+          (value) => !dimensional(value) && variablesIn(value).some((name) => !defined(name))
+        )
+      )
+        this.notes.push({
+          file: assignment.file,
+          line: assignment.line,
+          context: assignment.context,
+          reason: `Unresolved custom-property alias ${assignment.name}; colour ownership is unknown; input: ${assignment.input.slice(0, 240)}`,
+        })
+    /** Colour use propagates backwards through aliases, never from spelling like '--colour'. */
+    let changed = true
+    while (changed) {
+      changed = false
+      for (const name of [...this.colours])
+        for (const assignment of byName.get(name) ?? [])
+          for (const value of assignment.values)
+            for (const dependency of variablesIn(value))
+              if (!this.colours.has(dependency)) {
+                this.colours.add(dependency)
+                changed = true
+              }
+    }
+    const records: ColourAssignmentReport['assignments'] = []
+    const findings: InventoryFinding[] = []
+    const checkVariable = (name: string, seen: Set<string>, channels = false): Check => {
+      if (name.startsWith('--landing-'))
+        return {
+          status: 'invalid',
+          reason: `Landing-only token is not product colour authority: ${name}`,
+          references: [name],
+        }
+      if (seen.has(name) || seen.size >= 20)
+        return {
+          status: 'unresolved',
+          reason: `Cyclic or over-depth colour alias: ${name}`,
+          references: [],
+        }
+      const next = new Set(seen).add(name)
+      if (this.globals.has(name)) {
+        if (!this.globalColour(name, new Set(), channels))
+          return {
+            status: 'invalid',
+            reason: `Global variable is not a resolved colour token: ${name}`,
+            references: [name],
+          }
+        const overrides = byName.get(name) ?? []
+        const checks = overrides.map((writer) => checkAssignment(writer, next, channels))
+        const dependencies = (this.globals.get(name) ?? [])
+          .filter((value) => value.trim() !== `var(${name})`)
+          .flatMap((value) => colourReferences(value, channels))
+        return combine([
+          { status: 'verified', reason: 'Existing global colour', references: [name] },
+          ...dependencies.map((dependency) =>
+            checkVariable(dependency.name, next, dependency.channels)
+          ),
+          ...checks,
+        ])
+      }
+      const writers = byName.get(name)
+      if (!writers?.length)
+        return {
+          status: 'invalid',
+          reason: `No definition in globals.css or checked local assignment: ${name}`,
+          references: [],
+        }
+      return combine(writers.map((writer) => checkAssignment(writer, next, channels)))
+    }
+    const completeShadow = (value: string, seen = new Set<string>()): boolean => {
+      const alias = /^var\(\s*(--[\w-]+)\s*\)$/.exec(value.trim())
+      if (alias) {
+        const name = alias[1]
+        if (seen.has(name) || seen.size >= 12 || (byName.get(name) ?? []).length) return false
+        const definitions = this.globals.get(name)?.filter((v) => v.trim() !== `var(${name})`)
+        return (
+          !!definitions?.length &&
+          definitions.every((v) => completeShadow(v, new Set(seen).add(name)))
+        )
+      }
+      const nodes = valueParser(value).nodes
+      const groups: valueParser.Node[][] = [[]]
+      for (const node of nodes) {
+        if (node.type === 'div' && node.value === ',') groups.push([])
+        else if (node.type !== 'space' && node.type !== 'comment') groups.at(-1)!.push(node)
+      }
+      return groups.every((group) => {
+        const lengths = group.filter(
+          (node) =>
+            node.type === 'word' &&
+            /^(?:0|[+-]?(?:\d*\.)?\d+(?:px|rem|em|vh|vw|vmin|vmax|ch|ex))$/.test(node.value)
+        )
+        if (lengths.length < 2 || lengths.length > 4) return false
+        let colours = 0
+        let inset = 0
+        return group.every((node) => {
+          if (lengths.includes(node)) return true
+          if (node.type === 'word' && node.value === 'inset') return ++inset <= 1
+          const colour = valueParser.stringify(node)
+          const references = variablesIn(colour)
+          if (
+            references.some((name) => !this.globalColour(name) || (byName.get(name) ?? []).length)
+          )
+            return false
+          if (colour === 'transparent' || references.length > 0 || rawColours(colour))
+            return ++colours <= 1
+          return false
+        })
+      })
+    }
+    const checkAssignment = (
+      assignment: Assignment,
+      seen: Set<string>,
+      channels = false
+    ): Check => {
+      if (assignment.name === '*')
+        return {
+          status: 'unresolved',
+          reason:
+            'Unknown style key or spread may assign a colour; cannot verify against globals.css',
+          references: [],
+        }
+      const shadowSink = assignment.direct && /^(?:box|text)-shadow$/.test(assignment.name)
+      const checks = assignment.values.map((value): Check => {
+        const shorthand = assignment.direct ? paintDeclarations(assignment.name, value) : null
+        if (shorthand) {
+          const paint = shorthand.filter((declaration) => declaration.category === 'colours')
+          if (!paint.length)
+            return {
+              status: 'verified',
+              reason: 'CSS shorthand authors no explicit colour',
+              references: [],
+            }
+          return combine(
+            paint.map((declaration) =>
+              checkColourValue(declaration.value, (name, context) =>
+                checkVariable(name, seen, context)
+              )
+            )
+          )
+        }
+        if (assignment.direct && /^none$/i.test(value.trim()))
+          return /^(?:background(?:-image)?|fill|stroke|box-shadow|text-shadow|text-decoration)$/.test(
+            assignment.name
+          )
+            ? { status: 'verified', reason: 'No authored paint colour', references: [] }
+            : {
+                status: 'invalid',
+                reason: `none is not a colour for ${assignment.name}`,
+                references: [],
+              }
+        const shadow = shadowSink ? /^var\((--shadow-[\w-]+)\)$/.exec(value.trim()) : null
+        if (shadow) {
+          const name = shadow[1]
+          const definitions = this.globals
+            .get(name)
+            ?.filter((definition) => definition.trim() !== `var(${name})`)
+          if (
+            definitions?.length &&
+            definitions.every((definition) => completeShadow(definition))
+          ) {
+            // A complete shadow recipe belongs to globals.css. A local writer
+            // can replace its geometry/paint at runtime, so it is not approved.
+            if ((byName.get(name) ?? []).length)
+              return {
+                status: 'unresolved',
+                reason: `Global shadow ${name} has a checked local override`,
+                references: [name],
+              }
+            return { status: 'verified', reason: 'Existing global shadow', references: [name] }
+          }
+        }
+        const plainVariable = shadowSink ? /^var\((--[\w-]+)\)$/.exec(value.trim()) : null
+        if (plainVariable && this.globalColour(plainVariable[1]))
+          return {
+            status: 'invalid',
+            reason: `Global colour ${plainVariable[1]} is not a complete shadow recipe`,
+            references: [plainVariable[1]],
+          }
+        return checkColourValue(
+          value,
+          (name, context) => checkVariable(name, seen, context),
+          shadowSink,
+          channels
+        )
+      })
+      if (assignment.unresolved)
+        checks.push({
+          status: 'unresolved',
+          reason: 'Runtime value, computed key or spread cannot be verified against globals.css',
+          references: [],
+        })
+      return combine(checks)
+    }
+    for (const use of this.uses) {
+      if (!use.file.endsWith('.css') || centralFile(use.file)) continue
+      if (
+        use.variables.some(
+          (name) =>
+            checkVariable(name, new Set(), true).status === 'verified' &&
+            checkVariable(name, new Set()).status !== 'verified'
+        )
+      )
+        assignments.push({
+          ...use,
+          name: use.property,
+          values: [use.value],
+          unresolved: false,
+          input: use.value,
+          direct: true,
+        })
+    }
+    for (const assignment of assignments.sort(
+      (a, b) =>
+        compare(a.file, b.file) || a.line - b.line || a.column - b.column || compare(a.name, b.name)
+    )) {
+      if (
+        centralFile(assignment.file) ||
+        (!assignment.direct && assignment.name !== '*' && !this.colours.has(assignment.name))
+      )
+        continue
+      const check = checkAssignment(assignment, new Set([assignment.name]), !assignment.direct)
+      records.push({ ...assignment, ...check })
+      if (check.status === 'verified') continue
+      if (check.status === 'unresolved') {
+        this.notes.push({
+          file: assignment.file,
+          line: assignment.line,
+          context: assignment.context,
+          reason: `Unresolved colour assignment ${assignment.name}: ${check.reason}; input: ${assignment.input.slice(0, 240)}`,
+        })
+        continue
+      }
+      const value = canonical({
+        variable: assignment.name,
+        values: assignment.values,
+        ...(assignment.unresolved ? { expression: assignment.input } : {}),
+        status: check.status,
+        reason: check.reason,
+      })
+      const id = hash(
+        canonical([assignment.file, assignment.line, assignment.column, assignment.context, value])
+      )
+      findings.push({
+        id,
+        observedFrom: [assignment.file],
+        kind: 'usage-violation',
+        contract: 'central-colour-assignment',
+        rule: 'central-colour-assignment',
+        category: 'colours',
+        property: assignment.name,
+        value,
+        ...assignment,
+        reason: check.reason,
+        provenance: {
+          source: `${TOKEN_FILE}#colour-tokens`,
+          input: value,
+          permitted:
+            'Every assigned colour, conditional branch and fallback must resolve to an existing global colour token; runtime values remain flagged',
+          composition: assignment.context,
+        },
+      })
+    }
+    return {
+      version: '1.0.0',
+      findings,
+      unchecked: this.notes.sort((a, b) => compare(canonical(a), canonical(b))),
+      assignments: records,
+      variables: [...new Set([...this.colours, ...this.globals.keys()])]
+        .sort(compare)
+        .map((name) => ({
+          name,
+          global: this.globals.has(name),
+          writers: byName.get(name)?.length ?? 0,
+          ...checkVariable(name, new Set(), true),
+          complete: checkVariable(name, new Set()).status === 'verified',
+        })),
+      uses: [...new Map(this.uses.map((use) => [canonical(use), use])).values()].sort((a, b) =>
+        compare(canonical(a), canonical(b))
+      ),
+      verifiedUsages: [],
+      coverage: {
+        checked: records.length,
+        verified: records.filter((r) => r.status === 'verified').length,
+        invalid: records.filter((r) => r.status === 'invalid').length,
+        unresolved: records.filter((r) => r.status === 'unresolved').length,
+      },
+    }
+  }
+
+  globalColour(name: string, seen = new Set<string>(), allowChannels = true): boolean {
+    if (seen.has(name) || seen.size >= 20) return false
+    const values = this.globals.get(name)?.filter((value) => value.trim() !== `var(${name})`)
+    if (!values?.length) return false
+    const next = new Set(seen).add(name)
+    return values.every((value) => {
+      const nodes = valueParser(value).nodes.filter(
+        (node) => node.type !== 'space' && node.type !== 'comment'
+      )
+      const channels = /^\d+(?:\.\d+)?(?:deg)?\s+\d+(?:\.\d+)?%\s+\d+(?:\.\d+)?%$/.test(
+        value.trim()
+      )
+      if (channels && !allowChannels) return false
+      if (
+        !channels &&
+        (nodes.length !== 1 ||
+          (nodes[0].type === 'function' &&
+            ![
+              'var',
+              'rgb',
+              'rgba',
+              'hsl',
+              'hsla',
+              'hwb',
+              'lab',
+              'lch',
+              'oklab',
+              'oklch',
+              'color',
+              'color-mix',
+              'light-dark',
+            ].includes(nodes[0].value)))
+      )
+        return false
+      const refs = colourReferences(value, allowChannels)
+      return refs.length
+        ? refs.every((ref) => this.globalColour(ref.name, next, ref.channels))
+        : rawColours(value) ||
+            /^(?:transparent|currentColor|\d+(?:\.\d+)?(?:deg)?\s+\d+(?:\.\d+)?%\s+\d+(?:\.\d+)?%)$/.test(
+              value.trim()
+            )
+    })
+  }
+}
+
+/** Preserve the channel context of each variable rather than treating channels as complete paint. */
+function colourReferences(value: string, channels = false): { name: string; channels: boolean }[] {
+  const refs: { name: string; channels: boolean }[] = []
+  const visit = (nodes: valueParser.Node[], context: boolean) => {
+    for (const node of nodes) {
+      if (node.type !== 'function') continue
+      if (node.value === 'var') {
+        const comma = node.nodes.findIndex((part) => part.type === 'div' && part.value === ',')
+        const name = valueParser
+          .stringify(comma < 0 ? node.nodes : node.nodes.slice(0, comma))
+          .trim()
+        if (/^--[\w-]+$/.test(name)) refs.push({ name, channels: context })
+        if (comma >= 0) visit(node.nodes.slice(comma + 1), context)
+      } else visit(node.nodes, ['hsl', 'hsla', 'rgb', 'rgba'].includes(node.value) || context)
+    }
+  }
+  visit(valueParser(value).nodes, channels)
+  return refs
+}
+
+function checkColourValue(
+  text: string,
+  variable: (name: string, channels: boolean) => Check,
+  shadowGeometry = false,
+  channelContext = false
+): Check {
+  if (/^transparent$/i.test(text.trim()))
+    return { status: 'verified', reason: 'No authored paint colour', references: [] }
+  if (/^none$/i.test(text.trim()))
+    return {
+      status: 'unresolved',
+      reason: 'none requires a known paint property context',
+      references: [],
+    }
+  if (/^(?:currentColor|inherit|unset|revert|revert-layer)$/i.test(text.trim()))
+    return {
+      status: 'unresolved',
+      reason: 'Inherited colour requires runtime cascade; no global origin is proven',
+      references: [],
+    }
+  const checks: Check[] = []
+  const visit = (nodes: valueParser.Node[], insideMix = false, channels = channelContext) => {
+    for (const node of nodes) {
+      if (node.type === 'space' || node.type === 'comment' || node.type === 'div') continue
+      if (node.type === 'function') {
+        if (node.unclosed) {
+          checks.push({ status: 'invalid', reason: 'Malformed colour value', references: [] })
+          continue
+        }
+        if (node.value === 'var') {
+          const comma = node.nodes.findIndex((part) => part.type === 'div' && part.value === ',')
+          const key = valueParser
+            .stringify(comma < 0 ? node.nodes : node.nodes.slice(0, comma))
+            .trim()
+          checks.push(
+            /^--[\w-]+$/.test(key)
+              ? variable(key, channels)
+              : { status: 'invalid', reason: 'Invalid CSS variable reference', references: [] }
+          )
+          if (comma >= 0) {
+            const fallback = node.nodes.slice(comma + 1)
+            if (!valueParser.stringify(fallback).trim())
+              checks.push({ status: 'invalid', reason: 'Empty colour fallback', references: [] })
+            else visit(fallback, insideMix, channels)
+          }
+        } else if (['rgb', 'rgba', 'hsl', 'hsla'].includes(node.value)) {
+          if (
+            !/^var\(--[\w-]+\)(?:\s*\/\s*[\d.%]+)?$/.test(valueParser.stringify(node.nodes).trim())
+          )
+            checks.push({
+              status: 'invalid',
+              reason: 'Colour channels must come from a global token, not literal channel values',
+              references: [],
+            })
+          visit(node.nodes, true, true)
+        } else if (
+          [
+            'color-mix',
+            'light-dark',
+            'linear-gradient',
+            'radial-gradient',
+            'conic-gradient',
+            'calc',
+          ].includes(node.value)
+        )
+          visit(node.nodes, true, channels)
+        else
+          checks.push({
+            status: 'unresolved',
+            reason: `Unsupported colour expression: ${node.value}()`,
+            references: [],
+          })
+      } else if (
+        node.type !== 'word' ||
+        !(
+          (insideMix || shadowGeometry) &&
+          /^(?:in|inset|from|srgb|srgb-linear|oklab|oklch|hsl|hwb|lab|lch|xyz|shorter|longer|increasing|decreasing|hue|transparent|to|top|bottom|left|right|[-+*/]|[+-]?(?:\d*\.)?\d+(?:%|deg|px|rem|em)?)$/.test(
+            node.value
+          )
+        )
+      ) {
+        checks.push({
+          status: 'invalid',
+          reason: `Literal or non-global colour value: ${valueParser.stringify(node)}`,
+          references: [],
+        })
+      }
+    }
+  }
+  visit(valueParser(text).nodes)
+  const result = combine(checks)
+  if (result.status === 'verified' && !result.references.length)
+    return {
+      ...result,
+      status: 'invalid',
+      reason: 'Assigned colour has no global colour reference',
+    }
+  return result
+}
+
+/** Resolve the entire emitted colour value, including every fallback, against all known writers. */
+export function withoutVerifiedColourUsages<T extends Finding>(
+  findings: T[],
+  report: ColourAssignmentReport
+): T[] {
+  const variables = new Map(report.variables.map((item) => [item.name, item]))
+  const retained = findings.filter((finding) => {
+    if (finding.rule !== 'central-colour' || finding.kind === 'system-change') return true
+    const names = variablesIn(finding.value)
+    // Only resolve local alias provenance; do not broaden unrelated colour/style policy.
+    if (!names.some((name) => variables.get(name)?.global === false)) return true
+    const result = checkColourValue(finding.value, (name, channels) => {
+      const variable = variables.get(name)
+      if (variable?.status === 'verified' && !variable.complete && !channels)
+        return {
+          status: 'invalid',
+          reason: `Channel token ${name} requires a colour function`,
+          references: [name],
+        }
+      return (
+        variable ?? {
+          status: 'unresolved',
+          reason: `Uninspected colour variable: ${name}`,
+          references: [],
+        }
+      )
+    })
+    if (result.status !== 'verified') return true
+    report.verifiedUsages.push({
+      file: finding.file,
+      line: finding.line,
+      column: finding.column,
+      context: finding.context,
+      property: finding.property,
+      value: finding.value,
+      variables: names,
+      references: result.references,
+    })
+    return false
+  })
+  report.verifiedUsages = [
+    ...new Map(report.verifiedUsages.map((use) => [canonical(use), use])).values(),
+  ].sort((a, b) => compare(canonical(a), canonical(b)))
+  return retained
+}
+
+/** Removing the last valid writer must flag unchanged uses, not silently become old usage debt. */
+export function removedColourAliasFindings(
+  before: ColourAssignmentReport,
+  after: ColourAssignmentReport
+): InventoryFinding[] {
+  const previous = new Map(before.variables.map((item) => [item.name, item]))
+  const removed = new Set(
+    after.variables
+      .filter((item) => {
+        const old = previous.get(item.name)
+        return (
+          !item.global &&
+          item.writers === 0 &&
+          old &&
+          !old.global &&
+          old.writers > 0 &&
+          old.status === 'verified'
+        )
+      })
+      .map((item) => item.name)
+  )
+  return after.uses
+    .filter((use) => !centralFile(use.file) && use.variables.some((name) => removed.has(name)))
+    .map((use) => ({
+      ...use,
+      id: hash(canonical(['removed-colour-alias', use])),
+      observedFrom: [use.file],
+      kind: 'usage-violation',
+      contract: 'central-colour',
+      rule: 'central-colour',
+      category: 'colours',
+      reason: `Previously verified colour alias lost its last checked assignment: ${use.variables.filter((name) => removed.has(name)).join(', ')}`,
+      provenance: {
+        source: `${TOKEN_FILE}#colour-tokens`,
+        input: use.value,
+        permitted: 'Every local colour alias must retain verified global-token assignments',
+      },
+    }))
+}
+
+function combine(checks: Check[]): Check {
+  const status = checks.some((check) => check.status === 'invalid')
+    ? 'invalid'
+    : !checks.length || checks.some((check) => check.status === 'unresolved')
+      ? 'unresolved'
+      : 'verified'
+  return {
+    status,
+    reason:
+      [
+        ...new Set(
+          checks.filter((check) => check.status !== 'verified').map((check) => check.reason)
+        ),
+      ]
+        .sort(compare)
+        .join('; ') ||
+      (checks.length
+        ? 'All assigned alternatives resolve to globals.css'
+        : 'No verifiable assigned colour'),
+    references: [...new Set(checks.flatMap((check) => check.references))].sort(compare),
+  }
+}
diff --git a/scripts/design-conformance/control-comparison.ts b/scripts/design-conformance/control-comparison.ts
new file mode 100644
index 00000000000..d518ae25b14
--- /dev/null
+++ b/scripts/design-conformance/control-comparison.ts
@@ -0,0 +1,276 @@
+import { execFileSync } from 'node:child_process'
+import { compareStrings } from '@sim/utils/string'
+import {
+  removedColourAliasFindings,
+  withoutVerifiedColourUsages,
+} from '#control-analysis/colour-assignments'
+import { classifyLayout } from '#control-analysis/layout-allowances'
+import type { ControlSource, SourceEntry } from '#control-analysis/model'
+import { mergeSourceFindings } from '#control-analysis/review'
+import { findingFingerprint } from '#control-analysis/review-ledger'
+import { productScope } from '#control-analysis/scope'
+import { mergeShadowFindings, withoutApprovedShadows } from '#control-analysis/shadow-extras'
+import { inspectSimplifications } from '#control-analysis/simplifications'
+import { classifyTypography } from '#control-analysis/typography'
+import { centralInventory } from '#design-conformance/contracts'
+import { generateContracts } from '#design-conformance/generated-contracts'
+import { git, verifiedText } from '#design-conformance/io'
+import {
+  type Change,
+  canonical,
+  type Finding,
+  inspectionFailure,
+  type Report,
+} from '#design-conformance/model'
+import { snapshotHash } from '#design-conformance/system-snapshot'
+
+/** Source is immutable Git data, including unchanged dependencies; never loaded as modules. */
+export function controlSource(repo: string, commit: string): ControlSource {
+  if (!/^[a-f\d]{40}$/.test(commit))
+    throw new Error('Control analysis requires an immutable commit')
+  const entries: SourceEntry[] = git(repo, ['ls-tree', '-r', '-l', '-z', '--full-tree', commit])
+    .toString()
+    .split('\0')
+    .filter(Boolean)
+    .map((line) => {
+      const tab = line.indexOf('\t')
+      const [mode, kind, blob, bytes] = line.slice(0, tab).trim().split(/\s+/)
+      return {
+        path: line.slice(tab + 1),
+        mode,
+        kind,
+        blob,
+        bytes: bytes === '-' ? 0 : Number(bytes),
+      }
+    })
+    .sort((a, b) => (a.path < b.path ? -1 : a.path > b.path ? 1 : 0))
+  const known = new Map(entries.map((e) => [e.path, e]))
+  const blobs = new Map<string, string>()
+  const readable = entries.filter(
+    (e) =>
+      /^100(?:644|755)$/.test(e.mode) &&
+      e.bytes <= 2 * 1024 * 1024 &&
+      /\.[cm]?[jt]sx?$|\.html?$|\.css$/.test(e.path) &&
+      productScope(e.path) === 'check'
+  )
+  /** Bounded batch reads avoid one Git process per module while verifying every blob. */
+  for (let start = 0; start < readable.length; start += 100) {
+    const batch = readable.slice(start, start + 100)
+    const data = execFileSync(
+      'git',
+      ['--no-pager', '--no-replace-objects', 'cat-file', '--batch'],
+      {
+        cwd: repo,
+        input: `${batch.map((e) => e.blob).join('\n')}\n`,
+        maxBuffer: 210 * 1024 * 1024,
+        env: { ...process.env, GIT_NO_REPLACE_OBJECTS: '1', GIT_CONFIG_NOSYSTEM: '1' },
+      }
+    )
+    let offset = 0
+    for (const entry of batch) {
+      const newline = data.indexOf(10, offset)
+      const [blob, kind, bytes] = data.subarray(offset, newline).toString().split(' ')
+      if (
+        newline < offset ||
+        blob !== entry.blob ||
+        kind !== 'blob' ||
+        Number(bytes) !== entry.bytes
+      )
+        throw new Error('Invalid control source batch')
+      offset = newline + 1
+      blobs.set(blob, verifiedText(data.subarray(offset, offset + entry.bytes), blob))
+      offset += entry.bytes + 1
+    }
+    if (offset !== data.length) throw new Error('Unexpected control source batch data')
+  }
+  return {
+    entries,
+    read(entry) {
+      const actual = known.get(entry.path)
+      if (
+        !actual ||
+        actual.blob !== entry.blob ||
+        !/^100(?:644|755)$/.test(actual.mode) ||
+        actual.bytes > 2 * 1024 * 1024
+      )
+        throw new Error(`Unavailable control source: ${entry.path}`)
+      return (
+        blobs.get(entry.blob) ??
+        verifiedText(git(repo, ['cat-file', 'blob', entry.blob]), entry.blob)
+      )
+    },
+    readOwnership(entry) {
+      const actual = known.get(entry.path)
+      if (
+        !actual ||
+        actual.blob !== entry.blob ||
+        !/^100(?:644|755)$/.test(actual.mode) ||
+        actual.bytes > 16 * 1024 * 1024
+      )
+        throw new Error(`Unavailable ownership source: ${entry.path}`)
+      const text =
+        blobs.get(entry.blob) ??
+        verifiedText(git(repo, ['cat-file', 'blob', entry.blob]), entry.blob)
+      blobs.set(entry.blob, text)
+      return text
+    },
+  }
+}
+
+/** Compare authored occurrences; unchanged debt never licenses an additional copy. */
+export function compareSimplifications<T extends Finding>(
+  before: { findings: T[] },
+  after: { findings: T[] }
+) {
+  const key = (f: T) => canonical([f.file, f.context, f.rule, f.value])
+  const counts = new Map<string, number>()
+  for (const f of before.findings) counts.set(key(f), (counts.get(key(f)) ?? 0) + 1)
+  return after.findings.filter((f) => {
+    const count = counts.get(key(f)) ?? 0
+    if (!count) return true
+    counts.set(key(f), count - 1)
+    return false
+  })
+}
+
+/** Both public conformance commands call this analyzer; CI only formats its ordinary findings. */
+export async function addControlComparison(
+  report: Report,
+  changes: Change[],
+  before: () => ControlSource,
+  after: () => ControlSource
+): Promise<Report> {
+  if (
+    report.status !== 'completed' ||
+    !changes.some((c) => [c.before, c.after].some((e) => e && productScope(e.path) === 'check'))
+  )
+    return report
+  const inspect = async (source: ControlSource) => {
+    const entries = source.entries.filter((e) => centralInventory(e.path))
+    const metadata = await generateContracts({
+      snapshot: { version: '1.0.0', commit: '', entries, hash: snapshotHash(entries) },
+      read: (e) => source.read(e),
+    })
+    return inspectSimplifications(source, [], 'forward', undefined, undefined, undefined, metadata)
+  }
+  const beforeAnalysis = await inspect(before())
+  const afterAnalysis = await inspect(after())
+  const b = beforeAnalysis.simplifications
+  const a = afterAnalysis.simplifications
+  for (const [side, analysis] of [
+    ['before', beforeAnalysis],
+    ['after', afterAnalysis],
+  ] as const) {
+    const paths = new Set(
+      changes.flatMap((change) => {
+        const entry = side === 'before' ? change.before : change.after
+        return entry && productScope(entry.path) === 'check' ? [entry.path] : []
+      })
+    )
+    for (const note of [
+      ...analysis.controls.unchecked,
+      ...analysis.colourAssignments.unchecked,
+      ...analysis.review.unchecked,
+    ]) {
+      if (!paths.has(note.file) || !inspectionFailure(note.reason)) continue
+      report.coverageFailures ??= []
+      if (
+        !report.coverageFailures.some(
+          (existing) =>
+            existing.file === note.file && existing.side === side && existing.reason === note.reason
+        )
+      )
+        report.coverageFailures.push({ ...note, side })
+    }
+  }
+  const findings = compareSimplifications(b, a)
+  const colourFindings = compareSimplifications(
+    beforeAnalysis.colourAssignments,
+    afterAnalysis.colourAssignments
+  )
+  report.findings.push(...findings, ...colourFindings)
+  report.findings = mergeSourceFindings(
+    report.findings,
+    compareSimplifications(beforeAnalysis.review, afterAnalysis.review)
+  )
+  const existingReviewNotes = new Set(
+    beforeAnalysis.review.unchecked.map((note) => canonical([note.file, note.context, note.reason]))
+  )
+  report.unchecked.push(
+    ...afterAnalysis.review.unchecked
+      .filter((note) => !existingReviewNotes.has(canonical([note.file, note.context, note.reason])))
+      .map((note) => ({ ...note, side: 'after' }))
+  )
+  report.findings = withoutVerifiedColourUsages(report.findings, afterAnalysis.colourAssignments)
+  for (const finding of removedColourAliasFindings(
+    beforeAnalysis.colourAssignments,
+    afterAnalysis.colourAssignments
+  )) {
+    if (
+      !report.findings.some(
+        (existing) =>
+          existing.rule === finding.rule &&
+          existing.file === finding.file &&
+          existing.line === finding.line &&
+          existing.property === finding.property
+      )
+    )
+      report.findings.push(finding)
+  }
+  report.findings = mergeShadowFindings(
+    withoutApprovedShadows(report.findings, afterAnalysis.shadowExtras),
+    compareSimplifications(beforeAnalysis.shadowExtras, afterAnalysis.shadowExtras)
+  )
+  report.findings = classifyTypography(report.findings, afterAnalysis.typographyReview)
+  const layout = classifyLayout(report.findings)
+  report.findings = layout.findings
+  report.layoutAllowances = layout.allowances
+  report.typographyReview = afterAnalysis.typographyReview
+  report.shadowExtras = afterAnalysis.shadowExtras.approved
+  report.unchecked.push(
+    ...beforeAnalysis.shadowExtras.unchecked.map((n) => ({ ...n, side: 'before' })),
+    ...afterAnalysis.shadowExtras.unchecked.map((n) => ({ ...n, side: 'after' }))
+  )
+  report.findings.sort((x, y) =>
+    compareStrings(
+      canonical([x.file, x.line, x.column, x.rule, x.value]),
+      canonical([y.file, y.line, y.column, y.rule, y.value])
+    )
+  )
+  report.unchecked.push(
+    ...b.unchecked.map((n) => ({ ...n, side: 'before' })),
+    ...a.unchecked.map((n) => ({ ...n, side: 'after' }))
+  )
+  report.unchecked.push(
+    ...beforeAnalysis.colourAssignments.unchecked.map((n) => ({ ...n, side: 'before' })),
+    ...afterAnalysis.colourAssignments.unchecked.map((n) => ({ ...n, side: 'after' }))
+  )
+  report.colourAssignments = {
+    version: '1.0.0',
+    before: beforeAnalysis.colourAssignments.coverage,
+    after: afterAnalysis.colourAssignments.coverage,
+    introduced: colourFindings.length,
+    verifiedUsages: afterAnalysis.colourAssignments.verifiedUsages,
+  }
+  report.controlSimplifications = {
+    version: '1.0.0',
+    before: b.coverage,
+    after: a.coverage,
+    existingBefore: b.findings.length,
+    existingAfter: a.findings.length,
+    introduced: findings.length,
+    unresolved: a.unchecked.length,
+  }
+  report.coverage.violations = report.findings.filter((f) => f.kind === 'usage-violation').length
+  report.findings = report.findings.map((finding) => ({
+    ...finding,
+    identity: findingFingerprint(finding),
+  }))
+  report.flagged = report.findings.length > 0
+  if (report.coverageFailures?.length) {
+    report.status = 'failed'
+    report.flagged = null
+    report.error = `${report.coverageFailures.length} changed product file inspection failure(s); comparison incomplete`
+  }
+  return report
+}
diff --git a/scripts/design-conformance/control-imperative.ts b/scripts/design-conformance/control-imperative.ts
new file mode 100644
index 00000000000..03f0f678a84
--- /dev/null
+++ b/scripts/design-conformance/control-imperative.ts
@@ -0,0 +1,305 @@
+import type { Binding, NodePath } from '@babel/traverse'
+import traverseModule from '@babel/traverse'
+import * as t from '@babel/types'
+import { type DefaultTreeAdapterMap, parseFragment } from 'parse5'
+import type { ControlInput } from '#control-analysis/inventory'
+
+const traverse =
+  typeof traverseModule === 'function'
+    ? traverseModule
+    : (traverseModule as unknown as { default: typeof traverseModule }).default
+const name = (n: t.Node) => (t.isIdentifier(n) ? n.name : t.isStringLiteral(n) ? n.value : '')
+interface Element {
+  path: NodePath<t.CallExpression>
+  binding: Binding
+  tag: string
+  inputs: Record<string, ControlInput>
+  handlers: string[]
+  parents: Set<Element>
+  children: Set<Element>
+  attached: boolean
+  uncertain: boolean
+  html: number[]
+  assignments: number[]
+}
+export interface DomControl {
+  start: number
+  line: number
+  column: number
+  owner: string
+  tag: string
+  inputs: Record<string, ControlInput>
+  handlers: string[]
+  attachment: string[]
+  uncertain: boolean
+}
+
+export function decorativeHtml(html: string): boolean {
+  let decorative = true
+  const walk = (node: DefaultTreeAdapterMap['node']) => {
+    if ('tagName' in node) {
+      if (
+        ![
+          'div',
+          'span',
+          'svg',
+          'g',
+          'path',
+          'circle',
+          'rect',
+          'line',
+          'polyline',
+          'polygon',
+          'ellipse',
+          'title',
+          'defs',
+          'clippath',
+        ].includes(node.tagName.toLowerCase())
+      )
+        decorative = false
+      if (
+        node.attrs.some(
+          (a) =>
+            /^on/i.test(a.name) || ['tabindex', 'href', 'contenteditable', 'role'].includes(a.name)
+        )
+      )
+        decorative = false
+    }
+    if ('childNodes' in node) for (const c of node.childNodes) walk(c)
+  }
+  walk(parseFragment(html))
+  return decorative
+}
+
+/** Bounded local DOM facts. Event callbacks are observed, never invoked. */
+export function inspectImperative(
+  ast: t.File,
+  value: (node: t.Node, p: NodePath) => ControlInput,
+  owner: (p: NodePath) => string
+) {
+  const elements: Element[] = []
+  const byBinding = new Map<Binding, Element>()
+  const handled = new Map<number, string>()
+  const element = (p: NodePath): Element | undefined =>
+    p.isIdentifier() && p.scope.getBinding(p.node.name)
+      ? byBinding.get(p.scope.getBinding(p.node.name) as Binding)
+      : undefined
+  traverse(ast, {
+    CallExpression(p) {
+      if (
+        !t.isMemberExpression(p.node.callee) ||
+        !t.isIdentifier(p.node.callee.object, { name: 'document' }) ||
+        p.scope.getBinding('document') ||
+        name(p.node.callee.property) !== 'createElement' ||
+        !t.isStringLiteral(p.node.arguments[0]) ||
+        !p.parentPath.isVariableDeclarator() ||
+        !t.isIdentifier(p.parentPath.node.id)
+      )
+        return
+      const b = p.scope.getBinding(p.parentPath.node.id.name)
+      if (!b?.constant) return
+      const e: Element = {
+        path: p,
+        binding: b,
+        tag: p.node.arguments[0].value,
+        inputs: {},
+        handlers: [],
+        parents: new Set(),
+        children: new Set(),
+        attached: false,
+        uncertain: false,
+        html: [],
+        assignments: [],
+      }
+      elements.push(e)
+      byBinding.set(b, e)
+    },
+  })
+  // Immutable aliases share element identity; don't cross function boundaries.
+  for (let i = 0; i < 20; i++) {
+    let added = false
+    traverse(ast, {
+      VariableDeclarator(p) {
+        if (!t.isIdentifier(p.node.id) || !p.node.init) return
+        const e = element(p.get('init') as NodePath)
+        const b = p.scope.getBinding(p.node.id.name)
+        if (
+          e &&
+          b?.constant &&
+          !byBinding.has(b) &&
+          p.getFunctionParent() === e.path.getFunctionParent()
+        ) {
+          byBinding.set(b, e)
+          added = true
+        }
+      },
+    })
+    if (!added) break
+  }
+  for (const [binding, e] of byBinding)
+    for (const reference of binding.referencePaths) {
+      const p = reference.parentPath
+      if (!p) {
+        e.uncertain = true
+        continue
+      }
+      if (p.isVariableDeclarator() && p.get('init') === reference) continue
+      if (p.isReturnStatement() && p.getFunctionParent() === e.path.getFunctionParent()) {
+        e.attached = true
+        continue
+      }
+      if (p.isBinaryExpression() && ['===', '!=='].includes(p.node.operator)) continue
+      if (p.isMemberExpression() && p.get('object') === reference) {
+        const property = name(p.node.property)
+        const parent = p.parentPath
+        if (
+          parent.isAssignmentExpression() &&
+          parent.get('left') === p &&
+          parent.node.operator === '=' &&
+          parent.getFunctionParent() === e.path.getFunctionParent()
+        ) {
+          e.assignments.push(parent.node.start ?? 0)
+          if (
+            [
+              'type',
+              'className',
+              'textContent',
+              'title',
+              'role',
+              'tabIndex',
+              'contentEditable',
+            ].includes(property)
+          ) {
+            const input = value(parent.node.right, parent)
+            if (e.inputs[property] && parent.findParent((q) => q.isIfStatement() || q.isLoop()))
+              input.unresolved = true
+            e.inputs[property] = input
+          } else if (property === 'innerHTML') {
+            const input = value(parent.node.right, parent)
+            if (
+              !input.unresolved &&
+              input.values?.every((v) => typeof v === 'string' && decorativeHtml(v))
+            )
+              e.html.push(parent.node.start ?? 0)
+            else e.uncertain = true
+          } else e.uncertain = true
+          continue
+        }
+        if (
+          property === 'style' &&
+          parent.isMemberExpression() &&
+          ['cssText', 'position', 'top', 'left', 'pointerEvents'].includes(
+            name(parent.node.property)
+          ) &&
+          parent.parentPath.isAssignmentExpression()
+        )
+          continue
+        if (parent.isCallExpression() && parent.get('callee') === p) {
+          const args = parent.get('arguments') as NodePath[]
+          if (['append', 'appendChild'].includes(property)) {
+            for (const arg of args) {
+              const child = element(arg)
+              if (child) {
+                e.children.add(child)
+                child.parents.add(e)
+              } else e.uncertain = true
+            }
+          } else if (
+            property === 'setAttribute' &&
+            t.isStringLiteral(parent.node.arguments[0]) &&
+            parent.node.arguments[1]
+          ) {
+            const attribute = parent.node.arguments[0].value.toLowerCase()
+            e.inputs[
+              attribute === 'class'
+                ? 'className'
+                : attribute === 'tabindex'
+                  ? 'tabIndex'
+                  : attribute
+            ] = value(parent.node.arguments[1], parent)
+            if (/^on/i.test(attribute)) e.handlers.push(attribute.toLowerCase())
+          } else if (
+            property === 'addEventListener' &&
+            t.isStringLiteral(parent.node.arguments[0]) &&
+            args[1]?.isFunction()
+          ) {
+            e.handlers.push(`on${parent.node.arguments[0].value}`)
+          } else e.uncertain = true
+          continue
+        }
+        // Read-only comparisons (e.g. restoring focus) are safe, unknown methods are not.
+        if (parent.isBinaryExpression()) continue
+      }
+      if (
+        p.isCallExpression() &&
+        t.isMemberExpression(p.node.callee) &&
+        ['append', 'appendChild'].includes(name(p.node.callee.property))
+      ) {
+        const target = p.get('callee.object') as NodePath
+        const parent = element(target)
+        if (parent) {
+          parent.children.add(e)
+          e.parents.add(parent)
+          continue
+        }
+        if (
+          t.isMemberExpression(target.node) &&
+          t.isIdentifier(target.node.object, { name: 'document' }) &&
+          !target.scope.getBinding('document') &&
+          ['body', 'head'].includes(name(target.node.property))
+        ) {
+          e.attached = true
+          continue
+        }
+      }
+      e.uncertain = true
+    }
+  const attached = (e: Element, seen = new Set<Element>()): boolean =>
+    !seen.has(e) && (e.attached || [...e.parents].some((p) => attached(p, new Set(seen).add(e))))
+  const uncertainAncestry = (e: Element, seen = new Set<Element>()): boolean =>
+    seen.has(e) ||
+    e.uncertain ||
+    [...e.parents].some((p) => uncertainAncestry(p, new Set(seen).add(e)))
+  const interactive = (e: Element) =>
+    ['button', 'select', 'summary', 'input', 'textarea'].includes(e.tag) ||
+    e.handlers.length > 0 ||
+    Object.keys(e.inputs).some((k) =>
+      ['role', 'tabIndex', 'tabindex', 'href', 'contenteditable'].includes(k)
+    ) ||
+    e.inputs.contentEditable?.values?.some((v) => v !== false && v !== 'false')
+  const decorative = (e: Element, seen = new Set<Element>()): boolean =>
+    !seen.has(e) &&
+    !e.uncertain &&
+    !interactive(e) &&
+    ['div', 'span'].includes(e.tag) &&
+    [...e.children].every((c) => decorative(c, new Set(seen).add(e)))
+  const controls: DomControl[] = []
+  for (const e of elements) {
+    if (!attached(e)) continue
+    if (interactive(e) && !uncertainAncestry(e)) {
+      controls.push({
+        start: e.path.node.start ?? 0,
+        line: e.path.node.loc?.start.line ?? 1,
+        column: (e.path.node.loc?.start.column ?? 0) + 1,
+        owner: owner(e.path),
+        tag: e.tag,
+        inputs: e.inputs,
+        handlers: e.handlers,
+        attachment: [...e.parents].map((p) => `${p.tag}:${p.path.node.loc?.start.line}`).sort(),
+        uncertain: false,
+      })
+      handled.set(
+        e.path.node.start ?? 0,
+        'Literal local control attached to a returned or document DOM tree'
+      )
+    } else if (decorative(e)) {
+      handled.set(
+        e.path.node.start ?? 0,
+        'Decorative local DOM tree: no control semantics, focus or event inputs'
+      )
+      for (const at of e.html)
+        handled.set(at, 'Literal decorative HTML: no interactive descendants')
+    }
+  }
+  return { controls, handled }
+}
diff --git a/scripts/design-conformance/control-inventory.ts b/scripts/design-conformance/control-inventory.ts
new file mode 100644
index 00000000000..3be073445c7
--- /dev/null
+++ b/scripts/design-conformance/control-inventory.ts
@@ -0,0 +1,1606 @@
+import { posix } from 'node:path'
+import { parse } from '@babel/parser'
+import traverseModule, { type NodePath } from '@babel/traverse'
+import * as t from '@babel/types'
+import { type DefaultTreeAdapterMap, parseFragment } from 'parse5'
+import { associateFindings } from '#control-analysis/associations'
+import { inspectImperative } from '#control-analysis/imperative'
+import type { Diagnostic, InventoryFinding } from '#control-analysis/model'
+import { type ControlHooks, type ControlSource, compare, regular } from '#control-analysis/model'
+import { nonUiScript } from '#control-analysis/non-ui'
+import { productScope } from '#control-analysis/scope'
+import {
+  type Expr,
+  expression,
+  functionResult,
+  immutable,
+  StaticInputs,
+  unknown,
+} from '#control-analysis/static-inputs'
+import { centralInventory, registry } from '#design-conformance/contracts'
+import { canonical, hash } from '#design-conformance/model'
+import { htmlSink } from '#design-conformance/rendered-html'
+import type { SourceIndex } from '#design-conformance/source-summary'
+
+const traverse =
+  typeof traverseModule === 'function'
+    ? traverseModule
+    : (traverseModule as unknown as { default: typeof traverseModule }).default
+const roles = new Set([
+  'button',
+  'tab',
+  'switch',
+  'checkbox',
+  'radio',
+  'menuitem',
+  'menuitemcheckbox',
+  'menuitemradio',
+  'option',
+  'combobox',
+  'link',
+  'treeitem',
+])
+const attributes = new Set([
+  'className',
+  'class',
+  'style',
+  'variant',
+  'size',
+  'shape',
+  'fullWidth',
+  'active',
+  'disabled',
+  'loading',
+  'type',
+  'role',
+  'href',
+  'asChild',
+  'aria-label',
+  'tabIndex',
+  'aria-pressed',
+  'aria-checked',
+  'aria-expanded',
+])
+const key = (node: t.Node) =>
+  t.isIdentifier(node) || t.isJSXIdentifier(node)
+    ? node.name
+    : t.isStringLiteral(node)
+      ? node.value
+      : ''
+const clean = (node: t.Node): t.Node =>
+  t.isTSAsExpression(node) || t.isTSSatisfiesExpression(node) || t.isTSNonNullExpression(node)
+    ? clean(node.expression)
+    : node
+const jsxName = (node: t.JSXIdentifier | t.JSXMemberExpression | t.JSXNamespacedName): string =>
+  t.isJSXIdentifier(node)
+    ? node.name
+    : t.isJSXMemberExpression(node)
+      ? `${jsxName(node.object)}.${node.property.name}`
+      : `${node.namespace.name}:${node.name.name}`
+export interface ControlInput {
+  expression: string
+  values?: (string | number | boolean | null)[]
+  unresolved: boolean
+  mayBeUndefined?: boolean
+  omitted?: boolean
+  sources?: string[]
+  effectiveValues?: (string | number | boolean | null)[]
+  defaultSource?: string
+  properties?: Record<string, ControlInput>
+  composition?: 'class-inputs-before-merge'
+}
+interface SymbolInfo {
+  kind: 'alias' | 'renderer' | 'other' | 'unknown'
+  targets: string[]
+  file: string
+  name: string
+  polymorphic?: {
+    prop: string
+    fallback: Expr
+    yes: string
+    no: string
+    styled: boolean
+    handlers: string[]
+  }
+}
+interface ModuleInfo {
+  exports: Map<string, string>
+  stars: string[]
+}
+export interface RawUse {
+  id: string
+  file: string
+  line: number
+  column: number
+  endLine: number
+  endColumn?: number
+  slots?: { name: string; line: number; column: number; endLine: number; endColumn: number }[]
+  owner: string
+  target: string
+  tag: string
+  syntax: 'jsx' | 'create-element' | 'html' | 'imperative'
+  inputs: Record<string, ControlInput>
+  spread: boolean
+  handlers: string[]
+  repeated: boolean
+  recipes: string[]
+  hidden: boolean
+  constructionEvidence?: string[]
+  inheritedHandlers?: string[]
+}
+export interface ControlRecord extends RawUse {
+  origin:
+    | 'emcn-component'
+    | 'mixed-origin'
+    | 'local-control'
+    | 'interaction-candidate'
+    | 'external-control'
+    | 'unresolved'
+    | 'central-implementation'
+    | 'nonvisual'
+  evidence: string[]
+  terminals: string[]
+  authoredAt: string[]
+  multiplicity: 'repeated-source' | 'single-source'
+  findingIds: string[]
+  potentialFindingIds: string[]
+  review: string
+  area: string
+  projection: boolean
+  relationship: string[]
+  stylingOwners: string[]
+  appearance: { status: 'resolved' | 'unresolved'; centralRecipes: string[]; localInputs: boolean }
+}
+export interface ControlInventory {
+  version: string
+  records: ControlRecord[]
+  unchecked: Diagnostic[]
+  nonUi: Diagnostic[]
+  coverage: {
+    parsedModules: number
+    excludedFiles: string[]
+    skippedNonCode: number
+    parseFailures: number
+    sourceLimits: number
+    unknownComponentUses: number
+  }
+  counts: Record<string, number>
+  byArea: Record<string, Record<string, number>>
+  limitations: string[]
+}
+interface Proof {
+  controls: Set<string>
+  unknown: Set<string>
+  central: Set<string>
+  implementations: Set<string>
+  relationships: Set<string>
+  stylingOwners: Set<string>
+  handlers: Set<string>
+}
+const emptyProof = (): Proof => ({
+  controls: new Set(),
+  unknown: new Set(),
+  central: new Set(),
+  implementations: new Set(),
+  relationships: new Set(),
+  stylingOwners: new Set(),
+  handlers: new Set(),
+})
+const merge = (into: Proof, from: Proof) => {
+  for (const k of [
+    'controls',
+    'unknown',
+    'central',
+    'implementations',
+    'relationships',
+    'stylingOwners',
+    'handlers',
+  ] as const)
+    for (const v of from[k]) into[k].add(v)
+}
+const nativeRole = (tag: string, values: Record<string, ControlInput>) => {
+  const role = values.role?.values?.filter((v) => typeof v === 'string' && roles.has(v)).join('|')
+  if (role) return role
+  if (tag === 'button' || tag === 'select' || tag === 'summary' || tag === 'textarea') return tag
+  if (tag === 'a' && values.href?.values?.some((value) => typeof value === 'string'))
+    return 'navigation-link'
+  if (
+    tag === 'input' &&
+    values.type?.values?.some((v) =>
+      ['button', 'submit', 'reset', 'checkbox', 'radio', 'image'].includes(String(v))
+    )
+  )
+    return 'input-control'
+  return undefined
+}
+const areaOf = (file: string) =>
+  file.startsWith('packages/')
+    ? file.split('/').slice(0, 2).join('/')
+    : file.startsWith('apps/sim/components/')
+      ? 'Shared components'
+      : file.includes('/(auth)/')
+        ? 'Authentication'
+        : file.includes('/(interfaces)/') || /\/app\/(?:f|invite|join|resume)\//.test(file)
+          ? 'Public interfaces'
+          : file.includes('/ee/')
+            ? 'Enterprise'
+            : file.includes('/app/o/')
+              ? 'Organization'
+              : /\/workspace\/\[workspaceId\]\//.test(file)
+                ? file.split('/workspace/[workspaceId]/')[1].split('/')[0]
+                : 'Other product'
+
+/** Source-backed control discovery and root-renderer tracing; origin is not design approval. */
+export function inspectControls(
+  source: ControlSource,
+  findings: InventoryFinding[],
+  order: 'forward' | 'reverse' = 'forward',
+  sourceIndex?: SourceIndex,
+  centralReference?: (
+    ref: string
+  ) => { recipe?: boolean; value?: string; source: string } | undefined,
+  hooks?: ControlHooks
+): ControlInventory {
+  const symbols = new Map<string, SymbolInfo>()
+  const modules = new Map<string, ModuleInfo>()
+  const mutatedImports = new Set<string>()
+  const raw: RawUse[] = []
+  const staticInputs = new StaticInputs((r) => resolveExport(r))
+  const inputExpressions = new Map<string, Expr>()
+  const renderUses = new Map<string, { target: string; props: Expr; children: string[] }>()
+  const defaults = new Map<string, Expr>()
+  const recipeBases = new Set<string>()
+  const nonUi: Diagnostic[] = []
+  const notes = new Map<string, Diagnostic>()
+  const note = (file: string, line: number, context: string, reason: string) => {
+    const n = { file, line, context, reason }
+    notes.set(canonical(n), n)
+  }
+  const coverage = {
+    parsedModules: 0,
+    excludedFiles: [] as string[],
+    skippedNonCode: 0,
+    parseFailures: 0,
+    sourceLimits: 0,
+    unknownComponentUses: 0,
+  }
+  const entries = order === 'reverse' ? [...source.entries].reverse() : source.entries
+  const files = new Set(source.entries.map((e) => e.path))
+  const moduleRef = (file: string, spec: string) => {
+    let base = spec.startsWith('.')
+      ? posix.normalize(posix.join(posix.dirname(file), spec))
+      : spec.startsWith('@/') && file.startsWith('apps/sim/')
+        ? `apps/sim/${spec.slice(2)}`
+        : spec === '@sim/emcn'
+          ? 'packages/emcn/src/index'
+          : spec === '@sim/emcn/icons'
+            ? 'packages/emcn/src/icons/index'
+            : spec === '@sim/workflow-renderer'
+              ? 'packages/workflow-renderer/src/index'
+              : undefined
+    if (!base) return `!${spec}`
+    if (/\.[cm]?js$/.test(base)) base = base.replace(/\.[cm]?js$/, '')
+    const matches = [
+      base,
+      ...['.ts', '.tsx', '.js', '.jsx', '.mts', '.mjs', '/index.ts', '/index.tsx', '/index.js'].map(
+        (ext) => `${base}${ext}`
+      ),
+    ].filter((p) => files.has(p))
+    return matches.length === 1
+      ? matches[0]
+      : `?${base}:${matches.length ? 'ambiguous' : 'missing'}`
+  }
+  for (const entry of entries) {
+    const file = entry.path
+    if (productScope(file) === 'exclude' && !centralInventory(file)) {
+      coverage.excludedFiles.push(file)
+      continue
+    }
+    if (!/\.[cm]?[jt]sx?$|\.html?$/.test(file)) {
+      coverage.skippedNonCode++
+      continue
+    }
+    if (!regular(entry) || entry.bytes > registry.limits.sourceBytes) {
+      coverage.sourceLimits++
+      note(
+        file,
+        1,
+        'control-discovery',
+        !regular(entry)
+          ? 'Non-regular source is not followed'
+          : 'Source exceeds 2 MiB; control discovery unavailable'
+      )
+      continue
+    }
+    const code = source.read(entry)
+    const addHtml = (html: string, line: number, owner: string) => {
+      const fragment = parseFragment(html, { sourceCodeLocationInfo: true })
+      const walk = (n: DefaultTreeAdapterMap['node']) => {
+        if ('tagName' in n) {
+          const inputs: Record<string, ControlInput> = {}
+          for (const a of n.attrs)
+            inputs[a.name === 'tabindex' ? 'tabIndex' : a.name] = {
+              expression: a.value,
+              values: [a.value],
+              unresolved: false,
+            }
+          const handlers = n.attrs
+            .filter((a) => /^on(?:click|pointer|mouse|key)/.test(a.name))
+            .map((a) => a.name)
+          if (
+            nativeRole(n.tagName, inputs) ||
+            handlers.length ||
+            inputs.tabIndex?.values?.some((value) => Number(value) >= 0)
+          ) {
+            const at = line + (n.sourceCodeLocation?.startLine ?? 1) - 1
+            raw.push({
+              id: hash(
+                canonical([file, owner, line, n.sourceCodeLocation?.startOffset, n.tagName])
+              ),
+              file,
+              line: at,
+              column: n.sourceCodeLocation?.startCol ?? 1,
+              endLine: line + (n.sourceCodeLocation?.endLine ?? 1) - 1,
+              owner,
+              target: `native:${n.tagName}`,
+              tag: n.tagName,
+              syntax: 'html',
+              inputs,
+              spread: false,
+              handlers,
+              repeated: false,
+              recipes: [],
+              hidden: n.attrs.some((a) => a.name === 'hidden'),
+            })
+          }
+        }
+        if ('childNodes' in n) for (const c of n.childNodes) walk(c)
+      }
+      walk(fragment)
+    }
+    if (/\.html?$/.test(file)) {
+      addHtml(code, 1, 'HTML document')
+      continue
+    }
+    let ast: t.File
+    try {
+      ast = parse(code, {
+        sourceType: 'unambiguous',
+        plugins: ['typescript', 'jsx', 'decorators-legacy'],
+        errorRecovery: false,
+      })
+    } catch (error) {
+      coverage.parseFailures++
+      note(file, 1, 'control-discovery', `Parser failure: ${String(error)}`)
+      continue
+    }
+    coverage.parsedModules++
+    const mod: ModuleInfo = { exports: new Map(), stars: [] }
+    modules.set(file, mod)
+    const snippet = (node: t.Node) => code.slice(node.start ?? 0, node.end ?? 0).slice(0, 400)
+    const localId = (name: string, start: number | null | undefined) =>
+      `${file}#${name}@${start ?? 0}`
+    const ownerOf = (p: NodePath): string => {
+      let current: NodePath | null = p
+      while (current) {
+        if (current.isFunctionDeclaration() && current.node.id) return current.node.id.name
+        if (current.isVariableDeclarator() && t.isIdentifier(current.node.id))
+          return current.node.id.name
+        if (current.isClassDeclaration() && current.node.id) return current.node.id.name
+        current = current.parentPath
+      }
+      return '<module>'
+    }
+    const ref = (node: t.Node, p: NodePath, seen = new Set<string>()): string => {
+      node = clean(node)
+      if (t.isStringLiteral(node)) return `native:${node.value}`
+      if (t.isJSXIdentifier(node) && /^[a-z]/.test(node.name)) return `native:${node.name}`
+      if (t.isIdentifier(node) || t.isJSXIdentifier(node)) {
+        const binding = p.scope.getBinding(node.name)
+        if (!binding) return `unknown:${file}:${p.node.loc?.start.line}:${node.name}`
+        const b = binding.path
+        if (
+          b.isImportSpecifier() ||
+          b.isImportDefaultSpecifier() ||
+          b.isImportNamespaceSpecifier()
+        ) {
+          const imp = b.parentPath
+          if (!imp.isImportDeclaration()) return `unknown:${file}:${node.name}`
+          const imported = `${moduleRef(file, imp.node.source.value)}#${b.isImportSpecifier() ? key(b.node.imported) : b.isImportDefaultSpecifier() ? 'default' : '*'}`
+          if (!immutable(binding)) staticInputs.unsafe.add(imported)
+          if (
+            binding.referencePaths.some((reference) => {
+              let q = reference
+              while (q.parentPath?.isMemberExpression() && q.parentPath.get('object') === q)
+                q = q.parentPath
+              const parent = q.parentPath
+              return (
+                (parent?.isAssignmentExpression() && parent.get('left') === q) ||
+                parent?.isUpdateExpression() ||
+                parent?.isUnaryExpression({ operator: 'delete' })
+              )
+            })
+          )
+            mutatedImports.add(imported)
+          return imported
+        }
+        const id = localId(node.name, b.node.start)
+        if (seen.has(id)) return id
+        if (!symbols.has(id)) {
+          symbols.set(id, { kind: 'unknown', targets: [], file, name: node.name })
+          if (b.isFunctionDeclaration()) {
+            if (binding.constant) staticInputs.functions.set(id, functionResult(b, ref))
+            symbols.set(id, {
+              kind: 'renderer',
+              targets: functionTargets(b),
+              file,
+              name: node.name,
+              polymorphic: polymorphic(b),
+            })
+          } else if (b.isVariableDeclarator() && b.node.init && binding.constant) {
+            const initial = clean(b.node.init)
+            const primitive = (n: t.Node): boolean =>
+              t.isStringLiteral(n) ||
+              t.isNumericLiteral(n) ||
+              t.isBooleanLiteral(n) ||
+              t.isNullLiteral(n) ||
+              t.isTemplateLiteral(n) ||
+              (t.isConditionalExpression(n) && primitive(n.consequent) && primitive(n.alternate))
+            if (primitive(initial) || immutable(binding))
+              staticInputs.values.set(id, expression(initial, b, ref))
+            const init = b.get('init') as NodePath
+            const fn = unwrapFunction(init)
+            if (fn) {
+              if (t.isArrowFunctionExpression(initial) || t.isFunctionExpression(initial))
+                staticInputs.functions.set(id, functionResult(fn, ref))
+              symbols.set(id, {
+                kind: 'renderer',
+                targets: functionTargets(fn),
+                file,
+                name: node.name,
+                polymorphic: polymorphic(fn),
+              })
+            } else if (
+              t.isIdentifier(clean(b.node.init)) ||
+              t.isMemberExpression(clean(b.node.init)) ||
+              t.isConditionalExpression(clean(b.node.init)) ||
+              t.isStringLiteral(clean(b.node.init))
+            )
+              symbols.set(id, {
+                kind: 'alias',
+                targets: expressionTargets(init, new Set(seen).add(id)),
+                file,
+                name: node.name,
+              })
+            else if (t.isObjectExpression(initial) && immutable(binding)) {
+              symbols.set(id, { kind: 'other', targets: [], file, name: node.name })
+              for (const member of initial.properties) {
+                if (t.isObjectProperty(member) && !member.computed)
+                  symbols.set(`${id}.${key(member.key)}`, {
+                    kind: 'alias',
+                    targets: [ref(member.value, b)],
+                    file,
+                    name: key(member.key),
+                  })
+              }
+            } else if (!t.isCallExpression(clean(b.node.init)))
+              symbols.set(id, { kind: 'other', targets: [], file, name: node.name })
+          }
+        }
+        return id
+      }
+      if (t.isJSXMemberExpression(node) || (t.isMemberExpression(node) && !node.computed)) {
+        const base = ref(node.object, p, seen)
+        const member = base.endsWith('#*')
+          ? `${base.slice(0, -1)}${key(node.property)}`
+          : `${base}.${key(node.property)}`
+        if (staticInputs.unsafe.has(base)) staticInputs.unsafe.add(member)
+        return member
+      }
+      return `unknown:${file}:${p.node.loc?.start.line}:${snippet(node)}`
+    }
+    const unwrapFunction = (p: NodePath): NodePath<t.Function> | undefined => {
+      if (p.isFunction()) return p
+      if (p.isTSAsExpression() || p.isTSSatisfiesExpression())
+        return unwrapFunction(p.get('expression') as NodePath)
+      if (p.isCallExpression()) {
+        const r = ref(p.node.callee, p)
+        if (
+          [
+            '!react#memo',
+            '!react#forwardRef',
+            '!react#default.memo',
+            '!react#default.forwardRef',
+          ].includes(r)
+        ) {
+          const arg = p.get('arguments')[0]
+          if (arg) return unwrapFunction(arg)
+        }
+      }
+      return undefined
+    }
+    const propsExpression = (p: NodePath<t.JSXElement>): Expr => ({
+      kind: 'object',
+      entries: p.node.openingElement.attributes.map((a) =>
+        t.isJSXSpreadAttribute(a)
+          ? { spread: expression(a.argument, p, ref) }
+          : {
+              key: key(a.name),
+              value: expression(
+                t.isJSXExpressionContainer(a.value) ? a.value.expression : (a.value ?? undefined),
+                p,
+                ref
+              ),
+            }
+      ),
+    })
+    const childrenTargets = (p: NodePath<t.JSXElement> | NodePath<t.JSXFragment>): string[] =>
+      (p.get('children') as NodePath[]).flatMap((c) => {
+        if (c.isJSXText()) return c.node.value.trim() ? ['noncontrol:text'] : []
+        if (c.isJSXExpressionContainer()) {
+          if (t.isIdentifier(c.node.expression, { name: 'children' })) {
+            const binding = c.scope.getBinding('children')
+            if (binding?.kind === 'param') return ['noncontrol:forwarded-children']
+          }
+          if (t.isStringLiteral(c.node.expression)) return ['noncontrol:text']
+          return expressionTargets(c.get('expression') as NodePath)
+        }
+        return expressionTargets(c as NodePath)
+      })
+    const polymorphic = (fn: NodePath<t.Function>): SymbolInfo['polymorphic'] => {
+      const first = fn.node.params[0]
+      if (!t.isObjectPattern(first)) return undefined
+      let result: SymbolInfo['polymorphic']
+      fn.traverse({
+        VariableDeclarator(q) {
+          if (
+            q.getFunctionParent() !== fn ||
+            !t.isConditionalExpression(q.node.init) ||
+            !t.isIdentifier(q.node.init.test) ||
+            !t.isIdentifier(q.node.id)
+          )
+            return
+          const name = q.node.init.test.name
+          const prop = first.properties.find(
+            (a) =>
+              t.isObjectProperty(a) &&
+              (t.isIdentifier(a.value, { name }) ||
+                (t.isAssignmentPattern(a.value) && t.isIdentifier(a.value.left, { name })))
+          )
+          if (!prop || !t.isObjectProperty(prop)) return
+          const binding = q.scope.getBinding(q.node.id.name)
+          if (
+            !binding?.constant ||
+            !binding.referencePaths.every(
+              (r) =>
+                r.isJSXIdentifier() ||
+                r.parentPath?.isJSXOpeningElement() ||
+                r.parentPath?.isJSXClosingElement()
+            )
+          )
+            return
+          const yes = ref(q.node.init.consequent, q)
+          const no = ref(q.node.init.alternate, q)
+          if (yes !== '!@radix-ui/react-slot#Slot' || no !== 'native:button') return
+          const componentName = q.node.id.name
+          const roots: t.Node[] = []
+          const body = fn.get('body') as NodePath
+          if (body.isBlockStatement())
+            body.traverse({
+              ReturnStatement(r) {
+                if (r.getFunctionParent() === fn && r.node.argument) roots.push(r.node.argument)
+              },
+            })
+          else roots.push(body.node)
+          const rest = first.properties.find(
+            (a) => t.isRestElement(a) && t.isIdentifier(a.argument)
+          )
+          if (!rest || !t.isRestElement(rest) || !t.isIdentifier(rest.argument) || !roots.length)
+            return
+          const restName = rest.argument.name
+          if (
+            !roots.every(
+              (r) =>
+                t.isJSXElement(r) &&
+                t.isJSXIdentifier(r.openingElement.name, { name: componentName }) &&
+                r.openingElement.attributes.some(
+                  (a) => t.isJSXSpreadAttribute(a) && t.isIdentifier(a.argument, { name: restName })
+                )
+            )
+          )
+            return
+          let styled = false
+          const handlers = new Set<string>()
+          fn.traverse({
+            JSXOpeningElement(r) {
+              if (t.isJSXIdentifier(r.node.name, { name: componentName }))
+                for (const attr of r.node.attributes)
+                  if (
+                    t.isJSXAttribute(attr) &&
+                    /^on(?:Click|DoubleClick|Pointer|Mouse|Key|Focus|Blur)/.test(key(attr.name))
+                  )
+                    handlers.add(key(attr.name))
+              if (
+                t.isJSXIdentifier(r.node.name, { name: componentName }) &&
+                r.node.attributes.some((a) => t.isJSXAttribute(a) && key(a.name) === 'className')
+              )
+                styled = true
+            },
+          })
+          result = {
+            prop: key(prop.key),
+            fallback: t.isAssignmentPattern(prop.value)
+              ? expression(prop.value.right, fn, ref)
+              : { kind: 'undefined' },
+            yes,
+            no,
+            styled,
+            handlers: [...handlers].sort(compare),
+          }
+        },
+      })
+      return result
+    }
+    const expressionTargets = (p: NodePath, seen = new Set<string>()): string[] => {
+      if (p.isJSXElement()) {
+        const target = ref(p.node.openingElement.name, p)
+        if (target.startsWith('native:')) {
+          const attrs: Record<string, ControlInput> = {}
+          for (const a of p.node.openingElement.attributes) {
+            if (!t.isJSXAttribute(a) || !['role', 'type', 'href'].includes(key(a.name))) continue
+            attrs[key(a.name)] = value(
+              t.isJSXExpressionContainer(a.value) ? a.value.expression : (a.value ?? undefined),
+              p
+            )
+          }
+          const semantic = attrs.role?.values?.filter((v) => roles.has(String(v)))
+          if (semantic?.length) return semantic.map((v) => `semantic:${v}`)
+          const kind = nativeRole(target.slice(7), attrs)
+          if (kind)
+            return [
+              target === 'native:input'
+                ? 'native:input-control'
+                : target === 'native:a'
+                  ? 'native:navigation-link'
+                  : target,
+            ]
+          if (attrs.role?.unresolved) {
+            const attribute = p.node.openingElement.attributes.find(
+              (a) => t.isJSXAttribute(a) && key(a.name) === 'role'
+            )
+            if (
+              attribute &&
+              t.isJSXAttribute(attribute) &&
+              t.isJSXExpressionContainer(attribute.value) &&
+              t.isIdentifier(attribute.value.expression)
+            ) {
+              const roleName = attribute.value.expression.name
+              const b = p.scope.getBinding(roleName)
+              const fn = p.getFunctionParent()
+              if (b?.kind === 'param' && fn && t.isObjectPattern(fn.node.params[0])) {
+                const param = fn.node.params[0].properties.find(
+                  (a) => t.isObjectProperty(a) && t.isIdentifier(a.value, { name: roleName })
+                )
+                if (param && t.isObjectProperty(param)) return [`dynamic-role:${key(param.key)}`]
+              }
+            }
+          }
+          if (
+            attrs.role?.unresolved ||
+            (target === 'native:input' && attrs.type?.unresolved) ||
+            (target === 'native:a' && attrs.href?.unresolved)
+          )
+            return [`unknown:dynamic native control semantics:${file}:${p.node.loc?.start.line}`]
+          if (target === 'native:input') return ['noncontrol:text-input']
+        }
+        if (target.startsWith('native:')) return [target]
+        // A context provider forwards children; it is not itself a control.
+        if (
+          t.isJSXMemberExpression(p.node.openingElement.name) &&
+          p.node.openingElement.name.property.name === 'Provider' &&
+          t.isJSXIdentifier(p.node.openingElement.name.object)
+        ) {
+          const b = p.scope.getBinding(p.node.openingElement.name.object.name)
+          if (
+            b?.constant &&
+            b.path.isVariableDeclarator() &&
+            t.isCallExpression(b.path.node.init) &&
+            ['!react#createContext', '!react#default.createContext'].includes(
+              ref(b.path.node.init.callee, b.path)
+            )
+          )
+            return childrenTargets(p)
+        }
+        const id = `render:${file}:${p.node.start}`
+        renderUses.set(id, { target, props: propsExpression(p), children: childrenTargets(p) })
+        return [id]
+      }
+      if (p.isJSXFragment()) {
+        const children = childrenTargets(p)
+        return children.length === 1 && children[0] === 'noncontrol:forwarded-children'
+          ? children
+          : ['noncontrol:composition']
+      }
+      if (p.isConditionalExpression())
+        return [
+          ...expressionTargets(p.get('consequent'), seen),
+          ...expressionTargets(p.get('alternate'), seen),
+        ]
+      if (p.isLogicalExpression())
+        return [
+          ...(p.node.operator === '&&' ? [] : expressionTargets(p.get('left'), seen)),
+          ...expressionTargets(p.get('right'), seen),
+        ]
+      if (p.isNullLiteral() || p.isBooleanLiteral()) return []
+      if (p.isCallExpression() && ref(p.node.callee, p) === '!react-dom#createPortal') {
+        const child = p.get('arguments')[0]
+        return child ? expressionTargets(child as NodePath) : ['unknown:portal content']
+      }
+      if (
+        p.isCallExpression() &&
+        ['!react#createElement', '!react#default.createElement'].includes(ref(p.node.callee, p))
+      ) {
+        const arg = p.node.arguments[0]
+        const target = arg ? ref(arg, p) : 'unknown:createElement target'
+        return [
+          target === 'native:input'
+            ? 'unknown:createElement input type/role requires analysis'
+            : target,
+        ]
+      }
+      if (p.isTSAsExpression() || p.isTSSatisfiesExpression())
+        return expressionTargets(p.get('expression') as NodePath, seen)
+      if (p.isIdentifier() || p.isMemberExpression() || p.isStringLiteral())
+        return [ref(p.node, p, seen)]
+      return [`unknown:${file}:${p.node.loc?.start.line}:rendered output`]
+    }
+    const functionTargets = (p: NodePath<t.Function>): string[] => {
+      const body = p.get('body') as NodePath
+      if (!body.isBlockStatement()) return expressionTargets(body)
+      const targets: string[] = []
+      body.traverse({
+        ReturnStatement(q) {
+          if (q.getFunctionParent() === p && q.node.argument)
+            targets.push(...expressionTargets(q.get('argument') as NodePath))
+        },
+      })
+      return [...new Set(targets)].sort(compare)
+    }
+    const value = (
+      node: t.Node | undefined,
+      p: NodePath,
+      depth = 0,
+      seen = new Set<string>()
+    ): ControlInput => {
+      if (!node) return { expression: 'true', values: [true], unresolved: false }
+      const expression = snippet(node)
+      node = clean(node)
+      if (depth > 20) return { expression, unresolved: true }
+      if (t.isStringLiteral(node) || t.isNumericLiteral(node) || t.isBooleanLiteral(node))
+        return { expression, values: [node.value], unresolved: false }
+      if (t.isNullLiteral(node)) return { expression, values: [null], unresolved: false }
+      if (t.isConditionalExpression(node)) {
+        const a = value(node.consequent, p, depth + 1, seen)
+        const b = value(node.alternate, p, depth + 1, seen)
+        return {
+          expression,
+          values: [...new Set([...(a.values ?? []), ...(b.values ?? [])])],
+          unresolved: a.unresolved || b.unresolved,
+        }
+      }
+      if (t.isTemplateLiteral(node) && !node.expressions.length)
+        return {
+          expression,
+          values: [node.quasis.map((q) => q.value.cooked ?? q.value.raw).join('')],
+          unresolved: false,
+        }
+      if (t.isIdentifier(node)) {
+        const b = p.scope.getBinding(node.name)
+        const id = ref(node, p)
+        if (!seen.has(id) && b?.constant && b.path.isVariableDeclarator() && b.path.node.init)
+          return {
+            ...value(b.path.node.init, b.path, depth + 1, new Set(seen).add(id)),
+            expression,
+          }
+      }
+      return { expression, unresolved: true }
+    }
+    const recipeRefs = (node: t.Node, p: NodePath): string[] => {
+      const refs = new Set<string>()
+      const visit = (e: Expr) => {
+        if (e.kind === 'ref') refs.add(e.ref)
+        if (e.kind === 'call') {
+          refs.add(e.ref)
+          e.args.forEach(visit)
+        }
+        if (e.kind === 'choice') e.choices.forEach(visit)
+        if (e.kind === 'template') e.parts.forEach(visit)
+        if (e.kind === 'member') visit(e.object)
+        if (e.kind === 'object') e.entries.forEach((a) => visit('key' in a ? a.value : a.spread))
+      }
+      visit(expression(node, p, ref))
+      return [...refs].sort(compare)
+    }
+    const addUse = (
+      p: NodePath,
+      target: t.Node,
+      attrs: (t.JSXAttribute | t.JSXSpreadAttribute)[] | t.ObjectExpression,
+      syntax: 'jsx' | 'create-element'
+    ) => {
+      const inputs: Record<string, ControlInput> = {}
+      const handlers: string[] = []
+      const recipes: string[] = []
+      let spread = false
+      let hidden = false
+      const set = (name: string, node: t.Node | undefined) => {
+        if (attributes.has(name)) inputs[name] = value(node, p)
+        if (/^on(?:Click|DoubleClick|Pointer|Mouse|Key|Change|Select)/.test(name))
+          handlers.push(name)
+        if (name === 'hidden') {
+          const input = value(node, p)
+          hidden =
+            !input.unresolved &&
+            !!input.values?.length &&
+            input.values.every((v) => v === true || v === '')
+        }
+        if (node && ['className', 'style'].includes(name)) recipes.push(...recipeRefs(node, p))
+      }
+      const object = (node: t.Node, depth = 0, seen = new Set<string>()) => {
+        node = clean(node)
+        if (depth > 20) {
+          spread = true
+          return
+        }
+        if (t.isIdentifier(node)) {
+          const b = p.scope.getBinding(node.name)
+          if (
+            !seen.has(node.name) &&
+            b?.constant &&
+            b.path.isVariableDeclarator() &&
+            b.path.node.init
+          ) {
+            object(b.path.node.init, depth + 1, new Set(seen).add(node.name))
+            return
+          }
+        }
+        if (!t.isObjectExpression(node)) {
+          spread = true
+          for (const v of Object.values(inputs)) v.unresolved = true
+          return
+        }
+        for (const a of node.properties) {
+          if (t.isSpreadElement(a)) object(a.argument, depth + 1, seen)
+          else if (t.isObjectProperty(a) && !a.computed) set(key(a.key), a.value)
+          else spread = true
+        }
+      }
+      if (Array.isArray(attrs))
+        for (const a of attrs) {
+          if (t.isJSXSpreadAttribute(a)) object(a.argument)
+          else
+            set(
+              key(a.name),
+              t.isJSXExpressionContainer(a.value) ? a.value.expression : (a.value ?? undefined)
+            )
+        }
+      else object(attrs)
+      const tag =
+        t.isJSXIdentifier(target) ||
+        t.isJSXMemberExpression(target) ||
+        t.isJSXNamespacedName(target)
+          ? jsxName(target)
+          : snippet(target)
+      const id = hash(canonical([file, p.node.start, syntax]))
+      inputExpressions.set(
+        id,
+        Array.isArray(attrs)
+          ? {
+              kind: 'object',
+              entries: attrs.map((a) =>
+                t.isJSXSpreadAttribute(a)
+                  ? { spread: expression(a.argument, p, ref) }
+                  : {
+                      key: key(a.name),
+                      value: expression(
+                        t.isJSXExpressionContainer(a.value)
+                          ? a.value.expression
+                          : (a.value ?? undefined),
+                        p,
+                        ref
+                      ),
+                    }
+              ),
+            }
+          : expression(attrs, p, ref)
+      )
+      if (p.isJSXElement()) {
+        hooks?.jsx?.({ id, file, owner: ownerOf(p), path: p, reference: ref })
+        expressionTargets(p)
+        renderUses.set(`use:${id}`, {
+          target: ref(target, p),
+          props: inputExpressions.get(id) ?? unknown,
+          children: childrenTargets(p),
+        })
+      }
+      const slotNodes = Array.isArray(attrs) ? attrs : attrs.properties
+      raw.push({
+        id,
+        file,
+        line: p.node.loc?.start.line ?? 1,
+        column: (p.node.loc?.start.column ?? 0) + 1,
+        endLine:
+          (p.isJSXElement() ? p.node.openingElement.loc?.end.line : p.node.loc?.end.line) ?? 1,
+        endColumn:
+          ((p.isJSXElement() ? p.node.openingElement.loc?.end.column : p.node.loc?.end.column) ??
+            0) + 1,
+        slots: slotNodes.map((a) => ({
+          name: t.isJSXAttribute(a) ? key(a.name) : t.isObjectProperty(a) ? key(a.key) : 'spread',
+          line: a.loc?.start.line ?? 1,
+          column: (a.loc?.start.column ?? 0) + 1,
+          endLine: a.loc?.end.line ?? 1,
+          endColumn: (a.loc?.end.column ?? 0) + 1,
+        })),
+        owner: ownerOf(p),
+        target: ref(target, p),
+        tag,
+        syntax,
+        inputs,
+        spread,
+        handlers: handlers.sort(compare),
+        repeated: !!p.findParent(
+          (q) =>
+            q.isCallExpression() &&
+            t.isMemberExpression(q.node.callee) &&
+            ['map', 'flatMap'].includes(key(q.node.callee.property))
+        ),
+        recipes: [...new Set(recipes)].sort(compare),
+        hidden,
+      })
+    }
+    const dom = inspectImperative(ast, value, ownerOf)
+    for (const control of dom.controls)
+      raw.push({
+        id: hash(canonical([file, control.start, 'imperative'])),
+        file,
+        line: control.line,
+        column: control.column,
+        endLine: control.line,
+        owner: control.owner,
+        target: `native:${control.tag}`,
+        tag: control.tag,
+        syntax: 'imperative',
+        inputs: control.inputs,
+        spread: false,
+        handlers: control.handlers,
+        repeated: false,
+        recipes: [],
+        hidden: false,
+        constructionEvidence: control.attachment,
+      })
+    traverse(ast, {
+      Program(p) {
+        hooks?.program?.({ file, path: p, reference: ref })
+      },
+      ExportNamedDeclaration(p) {
+        if (p.node.source)
+          for (const s of p.node.specifiers) {
+            if (t.isExportSpecifier(s))
+              mod.exports.set(
+                key(s.exported),
+                `${moduleRef(file, p.node.source.value)}#${key(s.local)}`
+              )
+            else if (t.isExportNamespaceSpecifier(s))
+              mod.exports.set(key(s.exported), `${moduleRef(file, p.node.source.value)}#*`)
+          }
+        else {
+          for (const s of p.node.specifiers)
+            if (t.isExportSpecifier(s)) mod.exports.set(key(s.exported), ref(s.local, p))
+          const d = p.node.declaration
+          if (t.isFunctionDeclaration(d) && d.id) mod.exports.set(d.id.name, ref(d.id, p))
+          if (t.isVariableDeclaration(d))
+            for (const v of d.declarations)
+              if (t.isIdentifier(v.id)) mod.exports.set(v.id.name, ref(v.id, p))
+        }
+      },
+      ExportAllDeclaration(p) {
+        mod.stars.push(moduleRef(file, p.node.source.value))
+      },
+      ExportDefaultDeclaration(p) {
+        const d = p.get('declaration')
+        if (
+          d.isFunctionDeclaration() ||
+          d.isFunctionExpression() ||
+          d.isArrowFunctionExpression()
+        ) {
+          const id = localId('default', d.node.start)
+          symbols.set(id, { kind: 'renderer', targets: functionTargets(d), file, name: 'default' })
+          mod.exports.set('default', id)
+        } else if (d.isIdentifier()) mod.exports.set('default', ref(d.node, d))
+        else {
+          const fn = unwrapFunction(d)
+          const id = localId('default', d.node.start)
+          symbols.set(id, {
+            kind: fn ? 'renderer' : 'unknown',
+            targets: fn ? functionTargets(fn) : [],
+            file,
+            name: 'default',
+          })
+          mod.exports.set('default', id)
+        }
+      },
+      JSXElement(p) {
+        addUse(p, p.node.openingElement.name, p.node.openingElement.attributes, 'jsx')
+      },
+      CallExpression(p) {
+        const callee = ref(p.node.callee, p)
+        if (
+          callee === '!class-variance-authority#cva' &&
+          p.parentPath.isVariableDeclarator() &&
+          t.isIdentifier(p.parentPath.node.id)
+        ) {
+          if (p.node.arguments[0])
+            for (const base of recipeRefs(p.node.arguments[0], p)) recipeBases.add(base)
+          const config = p.node.arguments[1]
+          if (t.isObjectExpression(config)) {
+            hooks?.recipe?.(
+              ref(p.parentPath.node.id, p.parentPath),
+              expression(p.node.arguments[0], p, ref),
+              expression(config, p, ref)
+            )
+            const d = config.properties.find(
+              (a) => t.isObjectProperty(a) && key(a.key) === 'defaultVariants'
+            )
+            if (d && t.isObjectProperty(d))
+              defaults.set(ref(p.parentPath.node.id, p.parentPath), expression(d.value, p, ref))
+          }
+        }
+        if (['!react#createElement', '!react#default.createElement'].includes(callee)) {
+          const [target, props] = p.node.arguments
+          if (target)
+            addUse(
+              p,
+              target,
+              t.isObjectExpression(props)
+                ? props
+                : t.objectExpression(
+                    props && !t.isNullLiteral(props) ? [t.spreadElement(props as t.Expression)] : []
+                  ),
+              'create-element'
+            )
+        }
+        if (
+          t.isMemberExpression(p.node.callee) &&
+          ['createElement', 'createElementNS', 'insertAdjacentHTML', 'write', 'writeln'].includes(
+            key(p.node.callee.property)
+          ) &&
+          !callee.startsWith('!react') &&
+          !dom.handled.has(p.node.start ?? 0)
+        )
+          note(
+            file,
+            p.node.loc?.start.line ?? 1,
+            ownerOf(p),
+            'Imperative DOM/HTML construction requires analysis; not executed or silently classified'
+          )
+      },
+      JSXAttribute(p) {
+        if (key(p.node.name) === 'dangerouslySetInnerHTML') {
+          const sink = htmlSink(p)
+          if (sink) {
+            if (nonUiScript(sink)) {
+              nonUi.push({
+                file,
+                line: p.node.loc?.start.line ?? 1,
+                context: ownerOf(p),
+                reason:
+                  'Non-UI script: one global data assignment using literal JSON or a proven HTML-safe JSON serializer',
+              })
+              return
+            }
+            if (
+              p.parentPath.isJSXOpeningElement() &&
+              t.isJSXIdentifier(p.parentPath.node.name, { name: 'script' })
+            ) {
+              note(
+                file,
+                p.node.loc?.start.line ?? 1,
+                ownerOf(p),
+                'Script HTML sink is not proven data-only; UI construction remains unchecked'
+              )
+              return
+            }
+            const result = value(sink.node, sink)
+            if (!result.unresolved && result.values?.every((v) => typeof v === 'string'))
+              for (const v of result.values)
+                addHtml(String(v), sink.node.loc?.start.line ?? 1, `${ownerOf(p)}:html`)
+            else
+              note(
+                file,
+                p.node.loc?.start.line ?? 1,
+                ownerOf(p),
+                'Runtime HTML sink: exact control inventory unavailable'
+              )
+          } else note(file, p.node.loc?.start.line ?? 1, ownerOf(p), 'Unresolved HTML sink')
+        }
+        if (key(p.node.name) === 'srcDoc')
+          note(
+            file,
+            p.node.loc?.start.line ?? 1,
+            ownerOf(p),
+            'Iframe source document needs a separate HTML inventory'
+          )
+      },
+      AssignmentExpression(p) {
+        if (
+          t.isMemberExpression(p.node.left) &&
+          ['innerHTML', 'outerHTML'].includes(key(p.node.left.property)) &&
+          !dom.handled.has(p.node.start ?? 0)
+        )
+          note(
+            file,
+            p.node.loc?.start.line ?? 1,
+            ownerOf(p),
+            'Imperative HTML assignment requires separate analysis'
+          )
+      },
+    })
+    for (const [at, reason] of dom.handled)
+      if (reason.startsWith('Decorative') || reason.startsWith('Literal decorative'))
+        nonUi.push({
+          file,
+          line: code.slice(0, at).split('\n').length,
+          context: 'imperative DOM',
+          reason,
+        })
+  }
+  const resolveExport = (ref: string, seen = new Set<string>()): string[] => {
+    if (
+      mutatedImports.has(ref) ||
+      mutatedImports.has(
+        ref.slice(0, ref.indexOf('#') + 1) + ref.slice(ref.indexOf('#') + 1).split('.')[0]
+      ) ||
+      mutatedImports.has(`${ref.slice(0, ref.indexOf('#'))}#*`)
+    )
+      return [`unknown:mutated imported binding:${ref}`]
+    if (
+      symbols.has(ref) ||
+      renderUses.has(ref) ||
+      ref.startsWith('native:') ||
+      ref.startsWith('unknown:') ||
+      ref.startsWith('noncontrol:') ||
+      ref.startsWith('semantic:') ||
+      ref.startsWith('!')
+    )
+      return [ref]
+    if (seen.has(ref) || seen.size > 100) return [`unknown:export cycle or limit:${ref}`]
+    const at = ref.indexOf('#')
+    const file = ref.slice(0, at)
+    const name = ref.slice(at + 1)
+    const mod = modules.get(file)
+    if (!mod) return [`unknown:unavailable module:${ref}`]
+    const next = new Set(seen).add(ref)
+    if (name.includes('.')) {
+      const [base, ...members] = name.split('.')
+      const bases = resolveExport(`${file}#${base}`, next)
+      return bases.flatMap((b) => {
+        const info = symbols.get(b)
+        const targets = info?.kind === 'alias' ? info.targets : [b]
+        return targets.flatMap((target) => resolveExport(`${target}.${members.join('.')}`, next))
+      })
+    }
+    const own = mod.exports.get(name)
+    if (own) return resolveExport(own, next)
+    const found = [
+      ...new Set(
+        mod.stars
+          .flatMap((star) => resolveExport(`${star}#${name}`, next))
+          .filter((r) => !r.startsWith('unknown:'))
+      ),
+    ]
+    return found.length === 1
+      ? found
+      : [`unknown:${found.length ? 'ambiguous' : 'missing'} export:${ref}`]
+  }
+  const cache = new Map<string, Proof>()
+  const prove = (
+    ref: string,
+    seen = new Set<string>(),
+    props?: Expr,
+    children?: string[]
+  ): Proof => {
+    const cached = !props && !children ? cache.get(ref) : undefined
+    if (cached) return cached
+    const out = emptyProof()
+    if (seen.has(ref) || seen.size > 100) {
+      out.unknown.add(`Renderer cycle or limit: ${ref}`)
+      return out
+    }
+    const next = new Set(seen).add(ref)
+    if (renderUses.has(ref)) {
+      const use = renderUses.get(ref)
+      if (!use) throw new Error('Missing render expression')
+      return prove(use.target, next, use.props, use.children)
+    }
+    if (ref.startsWith('dynamic-role:')) {
+      const role = props
+        ? staticInputs.evaluate(staticInputs.property(props, ref.slice(13)))
+        : undefined
+      if (!role || role.unknown) out.unknown.add('Native role remains unresolved')
+      else
+        for (const v of role.values)
+          if (typeof v === 'string' && roles.has(v)) out.controls.add(`semantic:${v}`)
+    } else if (ref.startsWith('unknown:') || ref.startsWith('?')) out.unknown.add(ref)
+    else if (ref.startsWith('native:')) {
+      const tag = ref.slice(7)
+      if (
+        ['button', 'input-control', 'select', 'summary', 'textarea', 'navigation-link'].includes(
+          tag
+        )
+      )
+        out.controls.add(ref)
+      if (tag === 'a' && props) {
+        const href = staticInputs.evaluate(staticInputs.property(props, 'href'))
+        if (href.values.some((value) => typeof value === 'string')) out.controls.add(ref)
+        if (href.unknown) out.unknown.add('Anchor href remains unresolved')
+      }
+    } else if (ref.startsWith('semantic:')) out.controls.add(ref)
+    else if (ref.startsWith('!')) {
+      const [module, name] = ref.slice(1).split('#')
+      if (module === 'next/link' || (module === 'next' && name === 'Link')) out.controls.add(ref)
+      else if (
+        (/^@radix-ui\/react-(?:dropdown-menu|context-menu|menubar|select|tabs|radio-group|toggle-group|checkbox|switch|toggle|button)/.test(
+          module
+        ) &&
+          /^(?:Item|Trigger|SubTrigger|CheckboxItem|RadioItem|Link|Close)$/.test(name)) ||
+        (/^@radix-ui\/react-(?:checkbox|switch|toggle)$/.test(module) && name === 'Root') ||
+        (module === 'cmdk' && /Item$/.test(name))
+      )
+        out.controls.add(ref)
+      else if (!/^(?:react|lucide-react|@sim\/emcn\/icons)$/.test(module))
+        out.unknown.add(`External renderer: ${ref}`)
+    } else if (symbols.has(ref)) {
+      const info = symbols.get(ref)
+      if (!info) throw new Error(`Missing indexed symbol: ${ref}`)
+      if (info.polymorphic) {
+        const poly = info.polymorphic
+        out.implementations.add(ref)
+        for (const handler of poly.handlers) out.handlers.add(handler)
+        const supplied = props
+          ? staticInputs.property(props, poly.prop)
+          : ({ kind: 'unknown' } as Expr)
+        const rawInput = staticInputs.evaluate(supplied)
+        const fallback = staticInputs.evaluate(poly.fallback)
+        const values = [...rawInput.values, ...(rawInput.undefined ? fallback.values : [])]
+        if (values.includes(false)) merge(out, prove(poly.no, next))
+        if (values.includes(true)) {
+          if (children?.length === 1) {
+            merge(out, prove(children[0], next))
+            out.relationships.add('delegates-to-child')
+          } else out.unknown.add('asChild requires one statically identified child')
+        }
+        if (rawInput.unknown) {
+          merge(out, prove(poly.no, next))
+          if (children?.length === 1) merge(out, prove(children[0], next))
+        }
+        if (rawInput.unknown || !values.length || values.some((v) => typeof v !== 'boolean'))
+          out.unknown.add('Polymorphic asChild alternative remains unresolved')
+        if (poly.styled) out.stylingOwners.add(ref)
+        out.relationships.add('polymorphic-renderer')
+      } else if (info.targets.includes('noncontrol:forwarded-children')) {
+        out.relationships.add('surrounds-children')
+        if (!children) out.unknown.add('Forwarded children unavailable at this use')
+        else {
+          const proofs = children.map((c) => prove(c, next))
+          if (
+            proofs.filter((p) => p.controls.size).length === 1 &&
+            proofs.every((p) => !p.unknown.size)
+          ) {
+            for (const p of proofs) merge(out, p)
+          } else if (proofs.filter((p) => p.controls.size).length > 1)
+            out.relationships.add('composition')
+          else for (const p of proofs) for (const u of p.unknown) out.unknown.add(u)
+        }
+      } else if (info.kind === 'unknown') out.unknown.add(`Unsupported renderer: ${ref}`)
+      else for (const target of info.targets) merge(out, prove(target, next, props, children))
+      if (out.controls.size) {
+        out.implementations.add(ref)
+        if (
+          info.file.startsWith('packages/emcn/') &&
+          !info.polymorphic &&
+          !out.relationships.has('surrounds-children')
+        ) {
+          out.central.add(ref)
+          if (!out.unknown.size) {
+            out.controls.clear()
+            out.controls.add(`central:${ref}`)
+          }
+        }
+      }
+    } else if (!ref.startsWith('noncontrol:'))
+      for (const target of resolveExport(ref)) merge(out, prove(target, next, props, children))
+    /** Cache only context-independent proofs; a cycle cannot gain approval via traversal order. */
+    if (!out.unknown.size && !props && !children) cache.set(ref, out)
+    return out
+  }
+  const recipeBaseTargets = new Set([...recipeBases].flatMap((r) => resolveExport(r)))
+  const rawById = new Map(raw.map((r) => [r.id, r]))
+  const sourceRef = (r: string) => r.replace(/@\d+(?=\.|$)/g, '').replace(/\.[cm]?[jt]sx?(?=#)/, '')
+  const associations = associateFindings(raw, findings, (id, slot) => {
+    const use = rawById.get(id)
+    if (!use) return []
+    if (use.target.startsWith('native:')) return [use.target.slice(7)]
+    const resolved = resolveExport(use.target)
+    if (resolved.some((r) => r.startsWith('unknown:'))) return []
+    const refs = resolved.map(sourceRef)
+    const targets = refs.map((r) => sourceIndex?.canonicalTarget(r) ?? r)
+    if (sourceIndex)
+      for (const r of refs) targets.push(...sourceIndex.forwarded(r, slot).map((p) => p.target))
+    for (const r of resolved) {
+      const info = symbols.get(r)
+      if (info?.file.startsWith('packages/emcn/')) targets.push(`@sim/emcn#${info.name}`)
+    }
+    return [...new Set([...targets, use.tag])]
+  })
+  const records: ControlRecord[] = []
+  for (const use of raw.sort(
+    (a, b) =>
+      compare(a.file, b.file) || a.line - b.line || a.column - b.column || compare(a.id, b.id)
+  )) {
+    const props = inputExpressions.get(use.id)
+    use.recipes = use.recipes.filter((r) =>
+      resolveExport(r).some((x) => {
+        const info = symbols.get(x)
+        return (
+          !!info &&
+          info.file.startsWith('packages/emcn/') &&
+          (defaults.has(x) ||
+            centralReference?.(sourceRef(x))?.recipe === true ||
+            (recipeBaseTargets.has(x) && centralReference?.(sourceRef(x))?.value !== undefined))
+        )
+      })
+    )
+    if (props)
+      for (const name of attributes) {
+        const expr = staticInputs.property(props, name)
+        const resolved = staticInputs.input(
+          expr,
+          use.inputs[name]?.expression ?? '<spread or omitted>'
+        )
+        // Reuse the frozen index's scalar answer only when our lexical/immutability proof agrees.
+        if (
+          sourceIndex &&
+          expr.kind === 'ref' &&
+          !resolved.unresolved &&
+          resolved.values?.length === 1
+        ) {
+          const shared = sourceIndex.value(sourceRef(expr.ref))
+          if (typeof resolved.values[0] === 'string' && shared === resolved.values[0])
+            resolved.values = [shared]
+        }
+        if (resolved.values?.length || use.inputs[name]) use.inputs[name] = resolved
+      }
+    if (props)
+      use.spread = staticInputs.evaluate(
+        staticInputs.property(props, '__unknown_spread_probe__')
+      ).unknown
+    const renderUse = renderUses.get(`use:${use.id}`)
+    const proof = prove(use.target, new Set(), props, renderUse?.children)
+    // CVA defaults come from source, and only direct renderer uses inherit them.
+    for (const terminal of resolveExport(use.target)) {
+      const info = symbols.get(terminal)
+      if (!info?.file.startsWith('packages/emcn/')) continue
+      const definitions = raw.filter((r) => r.file === info.file && r.owner === info.name)
+      for (const definition of definitions)
+        for (const recipe of definition.recipes)
+          for (const r of resolveExport(recipe)) {
+            const config = defaults.get(r)
+            if (!config) continue
+            for (const prop of Object.keys(
+              staticInputs.input(config, 'central defaults').properties ?? {}
+            )) {
+              const d = staticInputs.input(staticInputs.property(config, prop), 'central default')
+              if (!d.values?.length || d.unresolved) continue
+              const input = use.inputs[prop] ?? {
+                expression: '<omitted>',
+                unresolved: use.spread,
+                omitted: true,
+                mayBeUndefined: true,
+              }
+              use.inputs[prop] = {
+                ...input,
+                effectiveValues: [
+                  ...new Set([
+                    ...(input.values ?? []),
+                    ...(!input.unresolved && (input.mayBeUndefined || input.omitted)
+                      ? d.values
+                      : []),
+                  ]),
+                ],
+                defaultSource: r,
+              }
+            }
+          }
+    }
+    const native = use.target.startsWith('native:')
+    const nativeKind = native ? nativeRole(use.target.slice(7), use.inputs) : undefined
+    const unresolvedAnchor =
+      native && use.tag === 'a' && proof.unknown.has('Anchor href remains unresolved')
+    const candidate =
+      !!nativeKind ||
+      (proof.relationships.has('polymorphic-renderer') && proof.unknown.size > 0) ||
+      proof.handlers.size > 0 ||
+      (!native && proof.controls.size > 0) ||
+      use.handlers.some((h) =>
+        /^on(?:click|doubleclick|pointerdown|mousedown|keydown|keyup)$/i.test(h)
+      ) ||
+      (native && use.tag === 'input' && !!use.inputs.type?.unresolved) ||
+      unresolvedAnchor ||
+      !!use.inputs.role?.unresolved ||
+      !!use.inputs.tabIndex?.unresolved ||
+      !!use.inputs.tabIndex?.values?.some((v) => Number(v) >= 0)
+    if (!candidate) {
+      if (use.spread)
+        note(
+          use.file,
+          use.line,
+          use.owner,
+          'Unknown spread may supply interactive roles or handlers; control presence cannot be established'
+        )
+      if (!native && proof.unknown.size) {
+        coverage.unknownComponentUses++
+        note(use.file, use.line, use.owner, [...proof.unknown].sort(compare).join('; '))
+      }
+      continue
+    }
+    const central = use.file.startsWith('packages/emcn/')
+    const uncertain =
+      (!native && proof.unknown.size > 0) ||
+      !!use.inputs.role?.unresolved ||
+      (native && use.tag === 'input' && !!use.inputs.type?.unresolved) ||
+      unresolvedAnchor
+    const origin: ControlRecord['origin'] = use.hidden
+      ? 'nonvisual'
+      : central
+        ? 'central-implementation'
+        : uncertain
+          ? 'unresolved'
+          : proof.central.size && [...proof.controls].some((c) => !c.startsWith('central:'))
+            ? 'mixed-origin'
+            : proof.central.size
+              ? 'emcn-component'
+              : proof.controls.size && [...proof.controls].every((c) => c.startsWith('!'))
+                ? 'external-control'
+                : !nativeKind && !proof.controls.size
+                  ? 'interaction-candidate'
+                  : 'local-control'
+    const local = origin === 'local-control' || origin === 'mixed-origin'
+    const related = associations.get(use.id) ?? { direct: [], potential: [] }
+    const evidence = [...proof.central, ...proof.implementations, ...proof.unknown].sort(compare)
+    if (use.constructionEvidence)
+      evidence.push(
+        `Literal DOM construction attached to: ${use.constructionEvidence.join(', ') || 'returned/document root'}`
+      )
+    if (proof.handlers.size)
+      evidence.push(`Behavioral wrapper handlers: ${[...proof.handlers].sort(compare).join(', ')}`)
+    if (nativeKind) evidence.push(`Native/semantic control: ${nativeKind}`)
+    if (use.recipes.length)
+      evidence.push(
+        'Central recipe references need styling inspection; a recipe call alone does not establish complete component ownership'
+      )
+    if (use.spread)
+      note(
+        use.file,
+        use.line,
+        use.owner,
+        'Control has unresolved spread inputs; origin may be known but effective appearance is not fully resolved'
+      )
+    for (const [name, input] of Object.entries(use.inputs))
+      if (
+        input.unresolved &&
+        ['className', 'style', 'variant', 'size', 'shape', 'asChild', 'role', 'type'].includes(name)
+      )
+        note(
+          use.file,
+          use.line,
+          use.owner,
+          `Runtime or unsupported ${name} input: ${input.expression}`
+        )
+    for (const reason of proof.unknown) note(use.file, use.line, use.owner, reason)
+    records.push({
+      ...use,
+      origin,
+      inheritedHandlers: [...proof.handlers].sort(compare),
+      evidence,
+      terminals: [...proof.controls].sort(compare),
+      authoredAt: [...proof.implementations].sort(compare),
+      multiplicity: use.repeated ? 'repeated-source' : 'single-source',
+      findingIds: related.direct,
+      potentialFindingIds: related.potential,
+      review: local
+        ? 'Review local implementation; not automatically a violation or Extra'
+        : origin === 'unresolved'
+          ? 'Resolve analysis before judging conformance'
+          : origin === 'emcn-component'
+            ? 'EMCN renderer proven; styling findings and unresolved inputs are checked separately'
+            : origin === 'interaction-candidate'
+              ? 'Event/focus evidence only: classify whether this is a control before proposing a migration'
+              : origin === 'nonvisual'
+                ? 'Hidden control: review form/interaction purpose separately'
+                : 'Inspect source evidence',
+      area: areaOf(use.file),
+      projection: !native && proof.implementations.size > 0,
+      relationship: [...proof.relationships].sort(compare),
+      stylingOwners: [...proof.stylingOwners].sort(compare),
+      appearance: {
+        status:
+          use.spread ||
+          Object.entries(use.inputs).some(
+            ([name, i]) =>
+              [
+                'className',
+                'class',
+                'style',
+                'variant',
+                'size',
+                'shape',
+                'active',
+                'disabled',
+                'loading',
+                'fullWidth',
+              ].includes(name) && i.unresolved
+          )
+            ? 'unresolved'
+            : 'resolved',
+        centralRecipes: use.recipes.filter((r) =>
+          resolveExport(r).some((x) => x.startsWith('packages/emcn/'))
+        ),
+        localInputs: !!use.inputs.className || !!use.inputs.style || proof.stylingOwners.size > 0,
+      },
+    })
+  }
+  // Wrapper reports include uncertainty at their governing authored controls.
+  for (const record of records) {
+    for (const implementation of record.authoredAt) {
+      const info = symbols.get(implementation)
+      if (!info || info.file.startsWith('packages/emcn/')) continue
+      const authored = records.filter(
+        (r) => r.file === info.file && r.owner === info.name && r.id !== record.id
+      )
+      if (authored.some((r) => r.appearance.status === 'unresolved'))
+        record.appearance.status = 'unresolved'
+    }
+  }
+  const counts: Record<string, number> = {}
+  const byArea: Record<string, Record<string, number>> = {}
+  for (const r of records) {
+    counts[r.origin] = (counts[r.origin] ?? 0) + 1
+    byArea[r.area] ??= {}
+    byArea[r.area][r.origin] = (byArea[r.area][r.origin] ?? 0) + 1
+  }
+  hooks?.complete?.({ resolve: resolveExport, staticInputs, props: inputExpressions, uses: raw })
+  return {
+    version: 'control-origins/1.1.0',
+    records,
+    nonUi: nonUi.sort((a, b) => compare(canonical(a), canonical(b))),
+    unchecked: [...notes.values()].sort((a, b) => compare(canonical(a), canonical(b))),
+    coverage: { ...coverage, excludedFiles: coverage.excludedFiles.sort(compare) },
+    counts: Object.fromEntries(Object.entries(counts).sort(([a], [b]) => compare(a, b))),
+    byArea: Object.fromEntries(
+      Object.entries(byArea)
+        .sort(([a], [b]) => compare(a, b))
+        .map(([a, c]) => [
+          a,
+          Object.fromEntries(Object.entries(c).sort(([x], [y]) => compare(x, y))),
+        ])
+    ),
+    limitations: [
+      'Records are authored source occurrences and wrapper projections, not counts of distinct visible controls. Unused declarations are included.',
+      'Origin tracing follows exact lexical bindings, aliases, re-exports, React memo/forwardRef and direct root returns. Compositions are not treated as inheritance; their authored child controls are discovered separately.',
+      'Central origin is not approval: local appearance inputs, unresolved spreads, conditional renderers and styling findings remain visible.',
+      'Immutable imported constants/objects, templates, ordered spreads and finite alternatives are resolved with depth 20 and branch limit 64. Omitted/undefined inputs and source-backed CVA defaults remain distinct. Arbitrary factories, mutations, class renderers and runtime cascade remain unresolved.',
+      'Literal HTML and locally attached literal DOM controls are inventoried. Proven decorative DOM and data-only script transports have separate non-UI evidence. Dynamic tags, escaping references, unknown factories, runtime HTML and iframe content retain diagnostics.',
+      'Event handlers are candidates, not automatic button classifications. Native anchors include ordinary navigation links. No runtime reachability or full generated-screen coverage is claimed.',
+      'Existing Extras are not inferred from names or folders. Decisions require an explicit source-bound record; this baseline has no authoritative Extra registry for this scanner.',
+    ],
+  }
+}
diff --git a/scripts/design-conformance/control-layout-allowances.ts b/scripts/design-conformance/control-layout-allowances.ts
new file mode 100644
index 00000000000..d07701085ca
--- /dev/null
+++ b/scripts/design-conformance/control-layout-allowances.ts
@@ -0,0 +1,58 @@
+import type { Finding } from '#design-conformance/model'
+
+export interface LayoutAllowance {
+  file: string
+  line: number
+  column: number
+  context: string
+  property: string
+  value: string
+  reason: string
+}
+
+/** Classify resolved declarations, never entire components or their unresolved inputs. */
+export function classifyLayout<T extends Finding>(
+  findings: T[]
+): {
+  findings: T[]
+  allowances: LayoutAllowance[]
+} {
+  const allowances: LayoutAllowance[] = []
+  const remaining = findings.filter((finding) => {
+    if (
+      finding.kind !== 'usage-violation' ||
+      finding.rule !== 'component-chrome' ||
+      finding.contract !== 'component-chrome' ||
+      finding.provenance?.composition !== 'className' ||
+      finding.provenance.input !== finding.value ||
+      finding.reason.includes('forwarded')
+    )
+      return true
+
+    /** Targets here are canonical symbols emitted by the source resolver, not JSX spellings. */
+    const target = finding.context.match(
+      /^[^/]+ \/ @sim\/emcn#(ChipModalField|ChipModal) \/ className$/
+    )?.[1]
+    let reason: string | undefined
+    if (target === 'ChipModalField') {
+      const layout: Record<string, string> = {
+        'flex-1': 'flex',
+        'shrink-0': 'flex-shrink',
+        'min-h-0': 'min-height',
+      }
+      if (Object.hasOwn(layout, finding.value) && layout[finding.value] === finding.property)
+        reason =
+          'External field-wrapper growth/shrink constraint; internal field direction and chrome remain governed'
+    } else if (target === 'ChipModal' && finding.property === 'height') {
+      const height = finding.value.match(/^h-\[((?:\d+\.)?\d+)(?:d|s|l)?vh\]$/)
+      if (height && Number(height[1]) > 0 && Number(height[1]) <= 100)
+        reason =
+          'Modal viewport height between 0 and 100vh; field/control heights and internal spacing remain governed'
+    }
+    if (!reason) return true
+    const { file, line, column, context, property, value } = finding
+    allowances.push({ file, line, column, context, property, value, reason })
+    return false
+  })
+  return { findings: remaining, allowances }
+}
diff --git a/scripts/design-conformance/control-model.ts b/scripts/design-conformance/control-model.ts
new file mode 100644
index 00000000000..5fb0635356e
--- /dev/null
+++ b/scripts/design-conformance/control-model.ts
@@ -0,0 +1,52 @@
+import type { NodePath } from '@babel/traverse'
+import type * as t from '@babel/types'
+import type { RawUse } from '#control-analysis/inventory'
+import type { Expr, StaticInputs } from '#control-analysis/static-inputs'
+import type { Entry, Finding } from '#design-conformance/model'
+
+export interface SourceEntry extends Entry {
+  bytes: number
+  kind: string
+}
+export interface ControlSource {
+  entries: SourceEntry[]
+  read(entry: Entry): string
+  /** Verified source for bounded import ownership analysis, including oversized data modules. */
+  readOwnership?(entry: Entry): string
+}
+export interface Diagnostic {
+  file: string
+  line: number
+  context: string
+  reason: string
+}
+export interface InventoryFinding extends Finding {
+  id: string
+  observedFrom: string[]
+}
+export const compare = (a: string, b: string) => (a < b ? -1 : a > b ? 1 : 0)
+export const regular = (entry: SourceEntry) =>
+  entry.kind === 'blob' && /^100(?:644|755)$/.test(entry.mode)
+
+/** Detached source facts share the existing lexical/static resolver, never application execution. */
+export interface ControlHooks {
+  program?(input: {
+    file: string
+    path: NodePath<t.Program>
+    reference(node: t.Node, path: NodePath): string
+  }): void
+  jsx?(input: {
+    id: string
+    file: string
+    owner: string
+    path: NodePath<t.JSXElement>
+    reference(node: t.Node, path: NodePath): string
+  }): void
+  recipe?(ref: string, base: Expr, config: Expr): void
+  complete?(input: {
+    resolve(ref: string): string[]
+    staticInputs: StaticInputs
+    props: Map<string, Expr>
+    uses: RawUse[]
+  }): void
+}
diff --git a/scripts/design-conformance/control-non-ui.ts b/scripts/design-conformance/control-non-ui.ts
new file mode 100644
index 00000000000..ebec2ae3d2c
--- /dev/null
+++ b/scripts/design-conformance/control-non-ui.ts
@@ -0,0 +1,90 @@
+import { parse } from '@babel/parser'
+import type { NodePath } from '@babel/traverse'
+import * as t from '@babel/types'
+
+/** Prove a JSON-only serializer with an HTML-safe '<' escape; never execute it. */
+function jsonTransport(node: t.Node, p: NodePath): boolean {
+  if (!t.isCallExpression(node) || !t.isIdentifier(node.callee)) return false
+  const binding = p.scope.getBinding(node.callee.name)
+  if (!binding?.constant || !binding.path.isFunctionDeclaration()) return false
+  const fn = binding.path.node
+  if (
+    fn.async ||
+    fn.generator ||
+    fn.params.length !== 1 ||
+    !t.isIdentifier(fn.params[0]) ||
+    fn.body.body.length !== 1 ||
+    !t.isReturnStatement(fn.body.body[0])
+  )
+    return false
+  let value = fn.body.body[0].argument
+  let escaped = false
+  while (
+    t.isCallExpression(value) &&
+    t.isMemberExpression(value.callee) &&
+    !value.callee.computed &&
+    t.isIdentifier(value.callee.property, { name: 'replace' })
+  ) {
+    const [pattern, replacement] = value.arguments
+    if (!t.isRegExpLiteral(pattern) || pattern.flags !== 'g' || !t.isStringLiteral(replacement))
+      return false
+    if (pattern.pattern === '<' && replacement.value === '\\u003c') escaped = true
+    else if (
+      !['\\u2028', '\\u2029'].includes(pattern.pattern) ||
+      replacement.value !== pattern.pattern
+    )
+      return false
+    value = value.callee.object
+  }
+  return (
+    escaped &&
+    t.isCallExpression(value) &&
+    t.isMemberExpression(value.callee) &&
+    t.isIdentifier(value.callee.object, { name: 'JSON' }) &&
+    !binding.path.scope.getBinding('JSON') &&
+    t.isIdentifier(value.callee.property, { name: 'stringify' }) &&
+    value.arguments.length === 1 &&
+    t.isIdentifier(value.arguments[0], { name: fn.params[0].name })
+  )
+}
+
+export function nonUiScript(sink: NodePath): boolean {
+  const opening = sink.findParent((p) => p.isJSXOpeningElement())
+  if (!opening?.isJSXOpeningElement() || !t.isJSXIdentifier(opening.node.name, { name: 'script' }))
+    return false
+  const value = sink.node
+  let script: string
+  if (t.isTemplateLiteral(value)) {
+    if (value.expressions.length !== 1 || !jsonTransport(value.expressions[0], sink)) return false
+    script = `${value.quasis[0].value.cooked ?? ''}0${value.quasis[1].value.cooked ?? ''}`
+  } else if (t.isStringLiteral(value)) script = value.value
+  else return false
+  try {
+    const ast = parse(script)
+    if (ast.program.body.length !== 1) return false
+    const statement = ast.program.body[0]
+    if (
+      !t.isExpressionStatement(statement) ||
+      !t.isAssignmentExpression(statement.expression, { operator: '=' })
+    )
+      return false
+    const { left, right } = statement.expression
+    if (
+      !t.isMemberExpression(left) ||
+      !t.isIdentifier(left.object, { name: 'window' }) ||
+      !(left.computed ? t.isStringLiteral(left.property) : t.isIdentifier(left.property))
+    )
+      return false
+    const data = (n: t.Node): boolean =>
+      t.isStringLiteral(n) ||
+      t.isNumericLiteral(n) ||
+      t.isBooleanLiteral(n) ||
+      t.isNullLiteral(n) ||
+      (t.isArrayExpression(n) && n.elements.every((e) => !!e && data(e))) ||
+      (t.isObjectExpression(n) &&
+        n.properties.every((e) => t.isObjectProperty(e) && !e.computed && data(e.value)))
+    return data(right)
+  } catch {
+    return false
+  }
+}
diff --git a/scripts/design-conformance/control-review-ledger.ts b/scripts/design-conformance/control-review-ledger.ts
new file mode 100644
index 00000000000..df6eafdd323
--- /dev/null
+++ b/scripts/design-conformance/control-review-ledger.ts
@@ -0,0 +1,105 @@
+import { readFileSync, realpathSync } from 'node:fs'
+import path from 'node:path'
+import type { ReviewItem } from '#control-analysis/review'
+import { canonical, type Finding, hash } from '#design-conformance/model'
+
+export interface ReviewDecision {
+  fingerprint: string
+  status: 'retained-extra' | 'designer-review' | 'false-positive'
+  rationale: string
+  evidence: string
+}
+export interface ReviewLedger {
+  version: '1.0.0'
+  entries: ReviewDecision[]
+}
+export interface ReviewMatch extends ReviewDecision {
+  kind: 'finding' | 'review-item'
+  file: string
+  line: number
+}
+export interface ReviewDecisions {
+  matches: ReviewMatch[]
+  stale: string[]
+  ambiguous: string[]
+}
+
+/** Line-independent, exact styling identity. Duplicate candidates are deliberately ambiguous. */
+export function findingFingerprint(finding: Finding): string {
+  return hash(
+    canonical([
+      'finding',
+      finding.file,
+      finding.context,
+      finding.rule,
+      finding.property,
+      finding.value,
+    ])
+  )
+}
+export function itemFingerprint(item: ReviewItem): string {
+  return hash(canonical(['review-item', item.file, item.owner, item.kind, item.value]))
+}
+export function readReviewLedger(file: string, repo: string): ReviewLedger {
+  const actual = realpathSync(file)
+  const relative = path.relative(realpathSync(repo), actual)
+  if (
+    !relative ||
+    (!relative.startsWith(`..${path.sep}`) && relative !== '..' && !path.isAbsolute(relative))
+  )
+    throw new Error('Review ledger must be outside the audited product checkout')
+  const data: unknown = JSON.parse(readFileSync(actual, 'utf8'))
+  if (
+    !data ||
+    typeof data !== 'object' ||
+    (data as ReviewLedger).version !== '1.0.0' ||
+    !Array.isArray((data as ReviewLedger).entries)
+  )
+    throw new Error('Invalid review ledger')
+  const entries = (data as ReviewLedger).entries
+  if (
+    entries.some(
+      (entry) =>
+        !/^[a-f\d]{64}$/.test(entry.fingerprint) ||
+        !['retained-extra', 'designer-review', 'false-positive'].includes(entry.status) ||
+        !entry.rationale?.trim() ||
+        !entry.evidence?.trim()
+    )
+  )
+    throw new Error('Review ledger entry lacks an exact fingerprint, status, rationale or evidence')
+  if (new Set(entries.map((entry) => entry.fingerprint)).size !== entries.length)
+    throw new Error('Duplicate review ledger fingerprint')
+  return { version: '1.0.0', entries }
+}
+export function matchReviews(
+  ledger: ReviewLedger,
+  findings: Finding[],
+  items: ReviewItem[]
+): ReviewDecisions {
+  const candidates = new Map<string, { kind: ReviewMatch['kind']; file: string; line: number }[]>()
+  for (const finding of findings) {
+    for (const fingerprint of new Set([
+      findingFingerprint(finding),
+      ...(finding.legacyFingerprint ? [finding.legacyFingerprint] : []),
+    ]))
+      candidates.set(fingerprint, [
+        ...(candidates.get(fingerprint) ?? []),
+        { kind: 'finding', file: finding.file, line: finding.line },
+      ])
+  }
+  for (const item of items) {
+    const fingerprint = itemFingerprint(item)
+    candidates.set(fingerprint, [
+      ...(candidates.get(fingerprint) ?? []),
+      { kind: 'review-item', file: item.file, line: item.line },
+    ])
+  }
+  const result: ReviewDecisions = { matches: [], stale: [], ambiguous: [] }
+  for (const entry of ledger.entries) {
+    const matches = candidates.get(entry.fingerprint) ?? []
+    if (!matches.length) result.stale.push(entry.fingerprint)
+    else if (matches.length !== 1) result.ambiguous.push(entry.fingerprint)
+    else result.matches.push({ ...entry, ...matches[0] })
+  }
+  return result
+}
diff --git a/scripts/design-conformance/control-review.ts b/scripts/design-conformance/control-review.ts
new file mode 100644
index 00000000000..2a34ca4a750
--- /dev/null
+++ b/scripts/design-conformance/control-review.ts
@@ -0,0 +1,1004 @@
+import { posix } from 'node:path'
+import { parse, parseExpression } from '@babel/parser'
+import type { NodePath } from '@babel/traverse'
+import * as t from '@babel/types'
+import postcss from 'postcss'
+import type { ControlInventory } from '#control-analysis/inventory'
+import {
+  type ControlHooks,
+  type ControlSource,
+  compare,
+  type Diagnostic,
+  type InventoryFinding,
+  regular,
+} from '#control-analysis/model'
+import { productScope } from '#control-analysis/scope'
+import { centralInventory, componentContract } from '#design-conformance/contracts'
+import type { GeneratedContracts } from '#design-conformance/generated-contracts'
+import {
+  ambiguousStyling,
+  canonical,
+  type Finding,
+  family,
+  hash,
+  ownsStyling,
+  TOKEN_FILE,
+} from '#design-conformance/model'
+import { utility } from '#design-conformance/normalize'
+
+export interface ReviewItem {
+  id: string
+  kind: string
+  file: string
+  line: number
+  owner: string
+  value: string
+  reason: string
+  related?: string[]
+  classification?: { status: string; rationale: string; evidence: string }
+}
+export interface ReviewReport {
+  version: '1.0.0'
+  findings: InventoryFinding[]
+  unchecked: Diagnostic[]
+}
+const key = (node: t.Node): string =>
+  t.isIdentifier(node) || t.isJSXIdentifier(node)
+    ? node.name
+    : t.isStringLiteral(node)
+      ? node.value
+      : ''
+const site = (p: NodePath) => p.node?.loc?.start.line ?? p.parentPath?.node?.loc?.start.line ?? 1
+const owner = (p: NodePath): string => {
+  let current: NodePath | null = p
+  while (current) {
+    if (current.isFunctionDeclaration() && current.node.id) return current.node.id.name
+    if (current.isVariableDeclarator() && t.isIdentifier(current.node.id))
+      return current.node.id.name
+    current = current.parentPath
+  }
+  return '<module>'
+}
+const colour = (value: string) => /^#[\da-f]{3,8}$/i.test(value)
+const landingTarget = (file: string, value: string) => {
+  const target = value.startsWith('@/')
+    ? `apps/sim/${value.slice(2)}`
+    : value.startsWith('.')
+      ? posix.normalize(posix.join(posix.dirname(file), value))
+      : value
+  return (
+    target.startsWith('apps/sim/app/(landing)/') ||
+    target.startsWith('apps/sim/lib/content/') ||
+    target === 'apps/sim/lib/content'
+  )
+}
+
+const fullControlRecipes = /#(?:chipVariants|chipGeometryClass|dropdownMenuRowClass)$/
+const repeatedVisualTreatment = (classes: string): boolean => {
+  const tokens = classes.split(/\s+/)
+  const visual = tokens.filter((token) =>
+    /(?:^|:)(?:bg-|border(?:-|$)|rounded(?:-|$)|shadow(?:-|$)|ring(?:-|$)|text-\[var\(|text-(?:xs|sm|base|lg|xl|micro|caption|small|md)|font-(?:medium|semibold|bold))/.test(
+      token
+    )
+  )
+  const interactive = tokens.some((token) =>
+    /(?:^|:)(?:hover|focus|focus-visible|active|disabled|data-\[|aria-\[)/.test(token)
+  )
+  // Shared layout and a lone text/icon token do not establish shared chrome.
+  return visual.length >= 2 || (visual.length >= 1 && interactive)
+}
+
+const recipeTail = (record: ControlInventory['records'][number]) => {
+  const expression = record.inputs.className?.expression
+  const visual = new Set<string>()
+  let unresolved = !expression
+  if (!expression) return { visual: [] as string[], unresolved }
+  const recipes = new Set(record.recipes.map((recipe) => recipe.split('#').at(-1)))
+  const visit = (node: t.Node) => {
+    if (t.isCallExpression(node)) {
+      if (t.isIdentifier(node.callee) && recipes.has(node.callee.name)) return
+      if (t.isIdentifier(node.callee, { name: 'cn' })) {
+        for (const arg of node.arguments) visit(arg)
+        return
+      }
+      unresolved = true
+      return
+    }
+    if (t.isStringLiteral(node)) {
+      for (const token of node.value.split(/\s+/).filter(Boolean)) {
+        const { base } = utility(token)
+        if (
+          supplementalProperties(token).some(({ category }) =>
+            [
+              'colours',
+              'font-size',
+              'font-family',
+              'font-weight',
+              'line-height',
+              'padding',
+              'gap',
+              'height',
+              'border-radius',
+              'borders',
+              'box-shadow',
+            ].includes(category)
+          ) ||
+          /^(?:opacity-|\[opacity:)/.test(base)
+        )
+          visual.add(token)
+      }
+      return
+    }
+    if (t.isIdentifier(node)) {
+      if (!recipes.has(node.name)) unresolved = true
+      return
+    }
+    if (t.isConditionalExpression(node)) {
+      visit(node.consequent)
+      visit(node.alternate)
+      return
+    }
+    if (t.isLogicalExpression(node)) {
+      visit(node.right)
+      return
+    }
+    if (t.isTemplateLiteral(node)) {
+      for (const part of node.quasis) visit(t.stringLiteral(part.value.cooked ?? part.value.raw))
+      if (node.expressions.length) unresolved = true
+      return
+    }
+    if (t.isArrayExpression(node)) {
+      for (const item of node.elements) if (item) visit(item)
+      return
+    }
+    if (t.isNullLiteral(node) || t.isBooleanLiteral(node) || t.isNumericLiteral(node)) return
+    unresolved = true
+  }
+  try {
+    visit(parseExpression(expression, { plugins: ['typescript', 'jsx'] }))
+  } catch {
+    unresolved = true
+  }
+  return { visual: [...visual].sort(compare), unresolved }
+}
+
+const supplementalProperties = (token: string): { property: string; category: string }[] => {
+  const { base } = utility(token)
+  if (/^rounded(?:-|$)/.test(base))
+    return [{ property: 'border-radius', category: 'border-radius' }]
+  if (
+    /^border-(?:\[(?:color:)?(?:var\(|#)|(?:transparent|current|inherit|white|black)(?:$|\/)|[a-z]+-\d)/.test(
+      base
+    )
+  )
+    return [{ property: 'border-color', category: 'borders' }]
+  if (/^border-(?:solid|dashed|dotted|double|none)$/.test(base))
+    return [{ property: 'border-style', category: 'borders' }]
+  if (/^border(?:-|$)/.test(base)) return [{ property: 'border-width', category: 'borders' }]
+  if (/^bg-/.test(base)) return [{ property: 'background-color', category: 'colours' }]
+  if (/^text-(?:xs|sm|base|lg|xl|micro|caption|small|md|\[length:|\[\d)/.test(base))
+    return [{ property: 'font-size', category: 'font-size' }]
+  if (/^text-(?!left|right|center|justify|clip|ellipsis)/.test(base))
+    return [{ property: 'color', category: 'colours' }]
+  if (/^font-(?:thin|light|normal|medium|semibold|bold|extrabold|black|\[\d)/.test(base))
+    return [{ property: 'font-weight', category: 'font-weight' }]
+  if (/^font-/.test(base)) return [{ property: 'font-family', category: 'font-family' }]
+  const padding = /^p([xytrblse])?-/.exec(base)
+  if (padding) {
+    const sides: Record<string, string> = {
+      x: 'inline',
+      y: 'block',
+      t: 'top',
+      r: 'right',
+      b: 'bottom',
+      l: 'left',
+      s: 'inline-start',
+      e: 'inline-end',
+    }
+    return [
+      { property: padding[1] ? `padding-${sides[padding[1]]}` : 'padding', category: 'padding' },
+    ]
+  }
+  if (/^gap(?:-[xy])?-/.test(base)) return [{ property: 'gap', category: 'gap' }]
+  if (/^size-/.test(base))
+    return [
+      { property: 'width', category: 'width' },
+      { property: 'height', category: 'height' },
+    ]
+  if (/^w-/.test(base)) return [{ property: 'width', category: 'width' }]
+  if (/^h-/.test(base)) return [{ property: 'height', category: 'height' }]
+  if (/^shadow(?:-|$)/.test(base)) return [{ property: 'box-shadow', category: 'box-shadow' }]
+  if (/^overflow(?:-|$)/.test(base)) return [{ property: 'overflow', category: 'overflow' }]
+  if (/^whitespace-/.test(base)) return [{ property: 'white-space', category: 'white-space' }]
+  if (/^text-(?:clip|ellipsis)$/.test(base))
+    return [{ property: 'text-overflow', category: 'text-overflow' }]
+  if (/^leading-/.test(base)) return [{ property: 'line-height', category: 'line-height' }]
+  if (/^\[(?:-webkit-)?mask-image:/.test(base))
+    return [{ property: 'mask-image', category: 'mask-image' }]
+  return []
+}
+
+/** Source styling inventory. It never executes application modules or approves styling. */
+export class ReviewCollector {
+  private readonly items = new Map<string, ReviewItem>()
+  private readonly findings = new Map<string, InventoryFinding>()
+  private readonly unchecked = new Map<string, Diagnostic>()
+  private readonly bundles = new Map<string, { file: string; line: number; owner: string }[]>()
+  private readonly globalHex = new Map<string, string[]>()
+  private readonly visualCandidates = new Map<string, { line: number; owner: string }>()
+  private readonly chromeCandidates: {
+    file: string
+    line: number
+    siteKey: number
+    owner: string
+    target: string
+    classes: string[]
+  }[] = []
+  private resolve?: (ref: string) => string[]
+
+  constructor(
+    source: ControlSource,
+    private readonly metadata?: GeneratedContracts
+  ) {
+    const globals = source.entries.find((entry) => entry.path === TOKEN_FILE)
+    if (globals && regular(globals)) {
+      postcss.parse(source.read(globals)).walkDecls((decl) => {
+        if (!decl.prop.startsWith('--') || !colour(decl.value.trim())) return
+        const names = this.globalHex.get(decl.value.toLowerCase()) ?? []
+        names.push(decl.prop)
+        this.globalHex.set(decl.value.toLowerCase(), names)
+      })
+    }
+    for (const entry of source.entries) {
+      if (!regular(entry) || entry.bytes > 2 * 1024 * 1024 || !entry.path.endsWith('.css')) continue
+      if (productScope(entry.path) !== 'check' || entry.path === TOKEN_FILE) continue
+      try {
+        const css = postcss.parse(source.read(entry))
+        css.walkDecls((decl) => {
+          for (const match of decl.value.matchAll(/var\(\s*(--landing-[\w-]+)/g))
+            this.landingFinding(
+              entry.path,
+              decl.source?.start?.line ?? 1,
+              decl.parent?.type === 'rule' ? decl.parent.selector : 'css',
+              match[1],
+              (decl.source?.start?.offset ?? 0) + match.index
+            )
+          if (!['line-height', 'letter-spacing'].includes(decl.prop) || /var\(--/.test(decl.value))
+            return
+          this.add(
+            'local-typography',
+            entry.path,
+            decl.source?.start?.line ?? 1,
+            'css',
+            `${decl.prop}: ${decl.value}`,
+            'Authored typography detail; review a shared type recipe or document-content Extra'
+          )
+        })
+        css.walkRules((rule) => {
+          if (
+            !/(?:^|[\s>+~,])(?:input|button|select|textarea)(?=$|[\s.#[:>+~,])/.test(rule.selector)
+          )
+            return
+          this.add(
+            'styled-native-control',
+            entry.path,
+            rule.source?.start?.line ?? 1,
+            'css',
+            rule.selector,
+            'CSS styles a native control that may be generated outside the JSX inventory'
+          )
+        })
+      } catch (error) {
+        this.note(
+          entry.path,
+          1,
+          'css',
+          `Native-control CSS review could not parse source: ${String(error).slice(0, 160)}`
+        )
+      }
+    }
+    const mixedIcons = source.entries.find(
+      (entry) => entry.path === 'apps/sim/components/icons.tsx'
+    )
+    if (mixedIcons && regular(mixedIcons)) {
+      try {
+        const ast = parse(source.read(mixedIcons), {
+          sourceType: 'module',
+          plugins: ['typescript', 'jsx'],
+        })
+        for (const statement of ast.program.body) {
+          if (
+            !t.isExportNamedDeclaration(statement) ||
+            !t.isFunctionDeclaration(statement.declaration) ||
+            !statement.declaration.id
+          )
+            continue
+          const name = statement.declaration.id.name
+          if (!['SearchIcon', 'AgentIcon', 'ApiIcon', 'WorkflowIcon'].includes(name)) continue
+          this.add(
+            'mixed-product-artwork',
+            mixedIcons.path,
+            statement.loc?.start.line ?? 1,
+            name,
+            name,
+            'Product block glyph is authored in a mixed provider-artwork file; review as a retained Extra or central asset'
+          )
+        }
+      } catch (error) {
+        this.note(
+          mixedIcons.path,
+          1,
+          'artwork',
+          `Mixed artwork export inventory failed: ${String(error).slice(0, 160)}`
+        )
+      }
+    }
+  }
+
+  private add(
+    kind: string,
+    file: string,
+    line: number,
+    ownerName: string,
+    value: string,
+    reason: string,
+    related?: string[]
+  ) {
+    const id = hash(canonical([kind, file, ownerName, value, line]))
+    this.items.set(id, {
+      id,
+      kind,
+      file,
+      line,
+      owner: ownerName,
+      value,
+      reason,
+      ...(related ? { related } : {}),
+    })
+  }
+  private note(file: string, line: number, context: string, reason: string) {
+    const diagnostic = { file, line, context, reason }
+    this.unchecked.set(canonical(diagnostic), diagnostic)
+  }
+  private finding(
+    file: string,
+    line: number,
+    ownerName: string,
+    property: string,
+    value: string,
+    reason: string,
+    occurrence: number
+  ) {
+    const id = hash(canonical([file, ownerName, property, value, reason, occurrence]))
+    this.findings.set(id, {
+      id,
+      observedFrom: [file],
+      kind: 'usage-violation',
+      contract: 'central-colour',
+      rule: 'central-colour',
+      category: 'colours',
+      property,
+      value,
+      reason,
+      file,
+      line,
+      column: 1,
+      context: ownerName,
+      provenance: {
+        source: `${TOKEN_FILE}#colour-tokens`,
+        input: value,
+        permitted: 'Use a product colour from globals.css or record a reviewed Extra',
+      },
+    })
+  }
+  private landingFinding(
+    file: string,
+    line: number,
+    ownerName: string,
+    value: string,
+    occurrence: number
+  ) {
+    const id = hash(canonical([file, ownerName, 'central-token', value, occurrence]))
+    this.findings.set(id, {
+      id,
+      observedFrom: [file],
+      kind: 'usage-violation',
+      contract: 'central-token',
+      rule: 'central-token',
+      category: 'tokens',
+      property: 'custom-property',
+      value,
+      reason: 'Landing-only token is used in product styling',
+      file,
+      line,
+      column: 1,
+      context: ownerName,
+      provenance: {
+        source: `${TOKEN_FILE}#landing-tokens`,
+        input: value,
+        permitted: 'Use product globals.css tokens or record a reviewed Extra',
+      },
+    })
+  }
+  private componentFinding(
+    file: string,
+    line: number,
+    ownerName: string,
+    target: string,
+    token: string,
+    overrideProperty?: string,
+    occurrence?: number
+  ) {
+    const base = token.split(':').at(-1) ?? token
+    const property =
+      overrideProperty ??
+      (/^(?:rounded-)/.test(base)
+        ? 'border-radius'
+        : /^(?:p[xytrblse]?-)/.test(base)
+          ? 'padding'
+          : /^(?:text-(?:xs|sm|caption|small|md|lg|xl|\[\d))/.test(base)
+            ? 'font-size'
+            : /^font-/.test(base)
+              ? 'font-family'
+              : /^(?:bg-|text-|border-)/.test(base)
+                ? 'color'
+                : /^shadow-/.test(base)
+                  ? 'box-shadow'
+                  : /^h-/.test(base) && target === '@sim/emcn#Input'
+                    ? 'height'
+                    : undefined)
+    if (!property) return
+    const context = `${ownerName} / ${target} / className`
+    const id = hash(
+      canonical(
+        occurrence === undefined
+          ? [file, context, property, token]
+          : [file, context, property, token, occurrence]
+      )
+    )
+    this.findings.set(id, {
+      id,
+      observedFrom: [file],
+      kind: 'usage-violation',
+      contract: 'component-chrome',
+      rule: 'component-chrome',
+      category: property,
+      property,
+      value: token,
+      reason: 'Consumer restyles chrome owned by the EMCN component',
+      file,
+      line,
+      column: 1,
+      context,
+      provenance: {
+        source: 'scripts/design-conformance/contracts.generated.json#exports',
+        input: token,
+        permitted: 'Use the EMCN component API or review a shared variant',
+      },
+    })
+  }
+
+  complete: NonNullable<ControlHooks['complete']> = ({ resolve }) => {
+    this.resolve = resolve
+  }
+
+  program: NonNullable<ControlHooks['program']> = ({ file, path, reference }) => {
+    if (productScope(file) !== 'check') return
+    const importTarget = (value: string, p: NodePath) => {
+      if (landingTarget(file, value))
+        this.note(
+          file,
+          site(p),
+          owner(p),
+          `Product styling dependency enters excluded landing source: ${value}`
+        )
+    }
+    path.traverse({
+      ImportDeclaration: (p) => importTarget(p.node.source.value, p),
+      ExportNamedDeclaration: (p) => {
+        if (p.node.source) importTarget(p.node.source.value, p)
+      },
+      ObjectProperty: (p) => {
+        if (!/^apps\/sim\/blocks\/blocks\/[^/]+\.ts$/.test(file)) return
+        const name = key(p.node.key)
+        if (!['bgColor', 'iconColor'].includes(name) || !t.isStringLiteral(p.node.value)) return
+        // Every registered block owns its tile and glyph colours. Keep inspecting
+        // the file for other product styling, but do not turn block metadata
+        // into a design-review item.
+        if (
+          p.parentPath?.isObjectExpression() &&
+          p.parentPath.node.properties.some(
+            (sibling) =>
+              t.isObjectProperty(sibling) &&
+              key(sibling.key) === 'category' &&
+              t.isStringLiteral(sibling.value) &&
+              ['blocks', 'triggers', 'tools'].includes(sibling.value.value)
+          )
+        )
+          return
+        this.add(
+          'block-colour',
+          file,
+          site(p),
+          owner(p),
+          `${name}: ${p.node.value.value}`,
+          'Block metadata colours reach product tiles; review global-token provenance or provider brand Extra'
+        )
+      },
+      StringLiteral: (p) => {
+        if (!file.startsWith('packages/emcn/src/')) return
+        for (const match of p.node.value.matchAll(/(?:bg|text|border)-\[(#[\da-f]{3,8})\]/gi)) {
+          const tokens = this.globalHex.get(match[1].toLowerCase()) ?? []
+          if (tokens.length)
+            this.add(
+              'central-duplicate-colour',
+              file,
+              site(p),
+              owner(p),
+              match[0],
+              `Central styling duplicates global colour ${tokens.join(', ')}; review semantic token use`
+            )
+        }
+      },
+      VariableDeclarator: (p) => {
+        if (!t.isIdentifier(p.node.id, { name: 'color' })) return
+        const binding = p.scope.getBinding('color')
+        if (
+          !binding ||
+          !binding.referencePaths.some((use) =>
+            use.findParent(
+              (parent) => parent.isJSXAttribute() && key(parent.node.name) === 'className'
+            )
+          )
+        )
+          return
+        const values = [
+          p.node.init,
+          ...binding.constantViolations
+            .filter((violation) => violation.isAssignmentExpression())
+            .map((violation) => (violation.node as t.AssignmentExpression).right),
+        ]
+        for (const value of values)
+          if (
+            t.isStringLiteral(value) &&
+            /(?:^|\s)bg-(?:gray|emerald|amber|red)-\d/.test(value.value)
+          )
+            this.add(
+              'semantic-status-colour',
+              file,
+              value.loc?.start.line ?? site(p),
+              owner(p),
+              value.value,
+              'Status colour uses a global primitive without a semantic status recipe'
+            )
+      },
+      JSXElement: (p) => {
+        if (
+          /^apps\/sim\/components\/ui\/[^/]+\.tsx$/.test(file) &&
+          p.node.openingElement.attributes.some(
+            (attribute) => t.isJSXAttribute(attribute) && key(attribute.name) === 'className'
+          )
+        )
+          this.visualCandidates.set(file, { line: site(p), owner: owner(p) })
+        const target = reference(p.node.openingElement.name, p)
+        for (const attribute of p.node.openingElement.attributes) {
+          if (!t.isJSXAttribute(attribute) || key(attribute.name) !== 'className') continue
+          const texts: string[] = []
+          if (t.isStringLiteral(attribute.value)) texts.push(attribute.value.value)
+          else if (t.isJSXExpressionContainer(attribute.value)) {
+            const value = p
+              .get('openingElement')
+              .get('attributes')
+              .find((candidate) => candidate.node === attribute)
+            value?.traverse({
+              StringLiteral: (literal) => {
+                texts.push(literal.node.value)
+              },
+            })
+          }
+          this.chromeCandidates.push({
+            file,
+            line: site(p),
+            siteKey: p.node.start ?? site(p),
+            owner: owner(p),
+            target,
+            classes: texts,
+          })
+        }
+        if (!t.isJSXIdentifier(p.node.openingElement.name, { name: 'style' })) return
+        const dynamic = p.node.children.find(
+          (child): child is t.JSXExpressionContainer =>
+            t.isJSXExpressionContainer(child) && !t.isJSXEmptyExpression(child.expression)
+        )
+        const text = p.node.children
+          .filter((child): child is t.JSXText => t.isJSXText(child))
+          .map((child) => child.value)
+          .join('')
+        if (!dynamic && !text.trim()) return
+        const expr = dynamic?.expression ?? t.stringLiteral(text)
+        const binding = t.isIdentifier(expr) ? p.scope.getBinding(expr.name)?.path.node : undefined
+        const initializer = t.isVariableDeclarator(binding) ? binding.init : expr
+        const css = t.isTemplateLiteral(initializer)
+          ? initializer.quasis.map((part) => part.value.cooked ?? part.value.raw).join('')
+          : t.isStringLiteral(initializer)
+            ? initializer.value
+            : ''
+        const callback = t.isCallExpression(initializer) ? initializer.arguments[0] : undefined
+        const callbackBody = t.isArrowFunctionExpression(callback) ? callback.body : undefined
+        const branding =
+          file === 'apps/sim/ee/whitelabeling/components/branding-provider.tsx' &&
+          t.isCallExpression(initializer) &&
+          t.isIdentifier(initializer.callee, { name: 'useMemo' }) &&
+          p.scope.getBinding('generateOrgThemeCSS')?.path.isImportSpecifier() === true &&
+          (p.scope.getBinding('generateOrgThemeCSS')?.path.parent as t.ImportDeclaration).source
+            .value === '@/ee/whitelabeling/org-branding-utils' &&
+          t.isConditionalExpression(callbackBody) &&
+          t.isCallExpression(callbackBody.consequent) &&
+          t.isIdentifier(callbackBody.consequent.callee, { name: 'generateOrgThemeCSS' })
+        const editorTooltip =
+          css.includes('[data-find-tooltip-fix] .context-view') &&
+          !/(?:color\s*:|background\s*:|--[\w-]+\s*:)/.test(css)
+        const readonlyPreview =
+          css.includes('.readonly-preview [disabled]') && /opacity:\s*1\s*!important/.test(css)
+        const cursorPreview =
+          t.isTemplateLiteral(initializer) &&
+          css.includes('.preview-mode .react-flow') &&
+          initializer.expressions.some((part) => t.isIdentifier(part, { name: 'cursorStyle' }))
+        const kind = branding
+          ? 'runtime-style-customer-brand'
+          : editorTooltip
+            ? 'runtime-style-editor-tooltip'
+            : readonlyPreview
+              ? 'runtime-style-preview-disabled'
+              : cursorPreview
+                ? 'runtime-style-preview-cursor'
+                : 'runtime-style'
+        const reason = branding
+          ? 'Customer-selected brand CSS enters product tokens; review generator changes and customer input separately'
+          : editorTooltip
+            ? 'Scoped Monaco tooltip geometry; no product colour or token assignment is present in this source'
+            : readonlyPreview
+              ? 'Preview CSS overrides disabled opacity and interaction on product fields; move to an owned read-only presentation API'
+              : cursorPreview
+                ? 'Canvas cursor CSS uses a shared preview selector; scope it to this preview instance'
+                : 'Runtime CSS may override product tokens; inspect its source and affected variables'
+        this.add(kind, file, site(p), owner(p), '<style>{computed CSS}</style>', reason)
+        this.note(file, site(p), owner(p), `${reason}; computed style remains unchecked`)
+      },
+      JSXAttribute: (p) => {
+        if (key(p.node.name) === 'style' && t.isJSXExpressionContainer(p.node.value)) {
+          const value = p.get('value') as NodePath<t.JSXExpressionContainer>
+          value.traverse({
+            StringLiteral: (literal) => {
+              for (const match of literal.node.value.matchAll(/var\(\s*(--landing-[\w-]+)/g))
+                this.landingFinding(
+                  file,
+                  site(literal),
+                  owner(p),
+                  match[1],
+                  (literal.node.start ?? 0) + match.index
+                )
+            },
+          })
+        }
+        if (key(p.node.name) !== 'className') return
+        const strings: string[] = []
+        const collect = (literal: t.StringLiteral) => {
+          strings.push(literal.value)
+          for (const match of literal.value.matchAll(/var\(\s*(--landing-[\w-]+)/g))
+            this.landingFinding(
+              file,
+              literal.loc?.start.line ?? site(p),
+              owner(p),
+              match[1],
+              (literal.start ?? 0) + match.index
+            )
+        }
+        if (t.isStringLiteral(p.node.value)) collect(p.node.value)
+        else if (t.isJSXExpressionContainer(p.node.value)) {
+          const value = p.get('value') as NodePath<t.JSXExpressionContainer>
+          value.traverse({
+            StringLiteral: (literal) => {
+              collect(literal.node)
+            },
+          })
+        }
+        for (const classes of strings) {
+          const tokens = classes.trim().split(/\s+/).filter(Boolean)
+          if (tokens.length >= 3) {
+            const normalized = [...new Set(tokens)].sort(compare).join(' ')
+            const sites = this.bundles.get(normalized) ?? []
+            sites.push({ file, line: site(p), owner: owner(p) })
+            this.bundles.set(normalized, sites)
+          }
+          for (const token of tokens) {
+            const kind = /(?:^|:)leading-\[|(?:^|:)tracking-\[/.test(token)
+              ? 'local-typography'
+              : /(?:^|:)shadow-(?:xs|sm|md|lg|xl)(?:$|\s)/.test(token)
+                ? 'stock-shadow'
+                : /(?:color-mix\(|(?:^|:)(?:bg|text|border)-(?:black|white)\/\d+)/.test(token)
+                  ? 'local-alpha'
+                  : undefined
+            if (kind)
+              this.add(
+                kind,
+                file,
+                site(p),
+                owner(p),
+                token,
+                'Local visual decision; review for an existing token, shared recipe, or retained Extra'
+              )
+          }
+        }
+      },
+      CallExpression: (p) => {
+        const callee = p.node.callee
+        if (!t.isMemberExpression(callee) || key(callee.property) !== 'defineTheme') return
+        // Monaco owns its editor chrome and syntax palette. Keep the product
+        // module in scope, but do not review values passed to Monaco's theme API.
+        const editor = callee.object
+        if (
+          t.isMemberExpression(editor) &&
+          t.isIdentifier(editor.object, { name: 'monaco' }) &&
+          key(editor.property) === 'editor'
+        )
+          return
+        const theme = p.node.arguments[1]
+        if (!t.isObjectExpression(theme)) return
+        for (const prop of theme.properties) {
+          if (!t.isObjectProperty(prop)) continue
+          const name = key(prop.key)
+          const candidate = t.isIdentifier(prop.value)
+            ? p.scope.getBinding(prop.value.name)?.path.node
+            : undefined
+          const source = t.isVariableDeclarator(candidate) ? candidate.init : prop.value
+          if (name === 'colors' && t.isObjectExpression(source))
+            for (const entry of source.properties)
+              if (
+                t.isObjectProperty(entry) &&
+                t.isStringLiteral(entry.value) &&
+                colour(entry.value.value)
+              )
+                this.finding(
+                  file,
+                  entry.value.loc?.start.line ?? site(p),
+                  owner(p),
+                  key(entry.key),
+                  entry.value.value,
+                  'Monaco editor chrome has a local literal colour',
+                  entry.value.start ?? 0
+                )
+          if (name === 'rules' && t.isArrayExpression(source))
+            for (const entry of source.elements)
+              if (t.isObjectExpression(entry))
+                for (const field of entry.properties)
+                  if (
+                    t.isObjectProperty(field) &&
+                    key(field.key) === 'foreground' &&
+                    t.isStringLiteral(field.value)
+                  )
+                    this.add(
+                      'syntax-colour',
+                      file,
+                      field.value.loc?.start.line ?? site(p),
+                      owner(p),
+                      field.value.value,
+                      'Syntax highlighting palette needs explicit Extra or shared theme ownership'
+                    )
+        }
+      },
+      NewExpression: (p) => {
+        if (!t.isIdentifier(p.node.callee, { name: 'Blob' })) return
+        const options = p.node.arguments[1]
+        if (
+          !t.isObjectExpression(options) ||
+          !options.properties.some(
+            (part) =>
+              t.isObjectProperty(part) &&
+              key(part.key) === 'type' &&
+              t.isStringLiteral(part.value, { value: 'text/html' })
+          )
+        )
+          return
+        const content = p.node.arguments[0]
+        const first = t.isArrayExpression(content) ? content.elements[0] : undefined
+        const binding = t.isIdentifier(first)
+          ? p.scope.getBinding(first.name)?.path.node
+          : undefined
+        const template = t.isVariableDeclarator(binding) ? binding.init : first
+        if (!t.isTemplateLiteral(template)) {
+          this.note(file, site(p), owner(p), 'Rendered HTML Blob has unresolved CSS content')
+          return
+        }
+        const css = template.quasis.map((part) => part.value.cooked ?? part.value.raw).join('')
+        if (!/<style[\s>]/i.test(css)) return
+        if (template.expressions.length)
+          this.note(
+            file,
+            template.loc?.start.line ?? site(p),
+            owner(p),
+            'Rendered HTML CSS template substitutions are unchecked'
+          )
+        for (const match of css.matchAll(
+          /(?:background(?:-color)?|color|border-color)\s*:\s*(#[\da-f]{3,8})\b/gi
+        ))
+          this.finding(
+            file,
+            template.loc?.start.line ?? site(p),
+            owner(p),
+            'generated-css',
+            match[1],
+            'Rendered HTML contains a local literal CSS colour',
+            (template.start ?? 0) + match.index
+          )
+      },
+    })
+  }
+
+  finish(controls: ControlInventory): ReviewReport {
+    for (const candidate of this.chromeCandidates) {
+      if (candidate.file.startsWith('packages/emcn/')) continue
+      const targets = [candidate.target, ...(this.resolve?.(candidate.target) ?? [])]
+      const names = Object.entries(this.metadata?.exports ?? {})
+        .filter(([name, entry]) =>
+          targets.some(
+            (target) =>
+              target === `@sim/emcn#${name}` ||
+              target === `?packages/emcn/src/index:missing#${name}` ||
+              target.replace(/^\?/, '').replace(/@\d+$/, '') ===
+                `${entry.source.file.replace(/\.[cm]?[jt]sx?$/, '')}#${entry.source.name}` ||
+              target.replace(/^\?/, '').replace(/@\d+$/, '') ===
+                `${entry.source.file}#${entry.source.name}`
+          )
+        )
+        .map(([name]) => name)
+      if (names.length !== 1) continue
+      const name = names[0]
+      const contract = componentContract(`@sim/emcn#${name}`, this.metadata)
+      const slot = contract?.slotOwnership?.className
+      if (!slot) continue
+      for (const classes of candidate.classes)
+        for (const token of classes.trim().split(/\s+/)) {
+          const variants = utility(token).variants
+          if (/(?:^|:)(?:before|after|\*|\*\*):|\[&[_>+~ ]|&::(?:before|after)/.test(variants))
+            continue
+          for (const { property } of supplementalProperties(token))
+            if (ownsStyling(slot, property))
+              this.componentFinding(
+                candidate.file,
+                candidate.line,
+                candidate.owner,
+                `@sim/emcn#${name}`,
+                token,
+                family(property),
+                candidate.siteKey
+              )
+            else if (ambiguousStyling(slot, property))
+              this.note(
+                candidate.file,
+                candidate.line,
+                candidate.owner,
+                `Writing-mode-dependent styling may override component-owned chrome: ${property}`
+              )
+        }
+    }
+    const sharedRows = controls.records.filter(
+      (record) =>
+        !record.projection &&
+        record.tag === 'SettingsResourceRow' &&
+        record.origin === 'interaction-candidate'
+    )
+    if (sharedRows.length >= 3) {
+      const first = sharedRows[0]
+      this.add(
+        'shared-product-recipe',
+        first.file,
+        first.line,
+        first.owner,
+        'SettingsResourceRow',
+        'Widely reused app-level treatment lacks resolved visual ownership',
+        [...new Set(sharedRows.map((row) => row.file))].sort(compare)
+      )
+    }
+    for (const [file, candidate] of this.visualCandidates)
+      if (
+        !centralInventory(file) &&
+        !controls.records.some((record) => record.file === file && !record.projection)
+      )
+        this.add(
+          'local-visual-primitive',
+          file,
+          candidate.line,
+          candidate.owner,
+          file,
+          'Reusable styled product visual has no control-origin record; review EMCN or Extra ownership'
+        )
+    for (const record of controls.records) {
+      if (
+        centralInventory(record.file) ||
+        record.projection ||
+        record.hidden ||
+        record.origin !== 'local-control' ||
+        !record.appearance.localInputs
+      )
+        continue
+      if (record.recipes.some((recipe) => fullControlRecipes.test(recipe))) {
+        const { visual, unresolved } = recipeTail(record)
+        if (visual.length || unresolved)
+          this.add(
+            'emcn-recipe-override',
+            record.file,
+            record.line,
+            record.owner,
+            `${record.tag}: ${visual.join(' ') || '<unresolved classes>'}`,
+            'EMCN supplies the base recipe, but caller visual classes or unresolved class inputs need design review'
+          )
+        continue
+      }
+      this.add(
+        'local-control',
+        record.file,
+        record.line,
+        record.owner,
+        record.tag,
+        'Locally styled product control; review EMCN reuse or an explicit Extra'
+      )
+    }
+    for (const [classes, sites] of this.bundles) {
+      if (!repeatedVisualTreatment(classes)) continue
+      const distinct = [...new Set(sites.map((site) => `${site.file}#${site.owner}`))]
+      if (distinct.length < 3) continue
+      const first = sites[0]
+      this.add(
+        'repeated-treatment',
+        first.file,
+        first.line,
+        first.owner,
+        classes,
+        'Identical local class treatment repeats across product owners; review shared ownership',
+        distinct
+      )
+    }
+    const sort = <T>(values: T[]) => values.sort((a, b) => compare(canonical(a), canonical(b)))
+    return {
+      version: '1.0.0',
+      findings: sort([
+        ...this.findings.values(),
+        ...[...this.items.values()].map((item) => ({
+          id: item.id,
+          observedFrom: [item.file],
+          kind: 'usage-violation' as const,
+          rule: item.kind,
+          category: item.kind,
+          property: item.kind,
+          file: item.file,
+          line: item.line,
+          column: 1,
+          context: item.owner,
+          value: item.value,
+          reason: item.reason,
+          legacyFingerprint: hash(
+            canonical(['review-item', item.file, item.owner, item.kind, item.value])
+          ),
+          ...(item.related ? { related: item.related } : {}),
+        })),
+      ]),
+      unchecked: sort([...this.unchecked.values()]),
+    }
+  }
+}
+
+/** Merge independent passes without multiplying the same authored occurrence. */
+export function mergeSourceFindings<T extends Finding>(primary: T[], additional: T[]): T[] {
+  const key = (f: Finding) => canonical([f.file, f.line, f.rule, f.property, f.value])
+  const counts = new Map<string, number>()
+  for (const f of primary) counts.set(key(f), (counts.get(key(f)) ?? 0) + 1)
+  const output = [...primary]
+  for (const f of additional) {
+    const id = key(f)
+    const count = counts.get(id) ?? 0
+    if (count) counts.set(id, count - 1)
+    else output.push(f)
+  }
+  return output
+}
diff --git a/scripts/design-conformance/control-scope.ts b/scripts/design-conformance/control-scope.ts
new file mode 100644
index 00000000000..f925d92f6cc
--- /dev/null
+++ b/scripts/design-conformance/control-scope.ts
@@ -0,0 +1,20 @@
+import { conformanceScope } from '#design-conformance/artwork'
+
+/** Product browser routes remain in scope even when a directory is named desktop. */
+export function productScope(file: string): 'check' | 'exclude' | 'unsupported' {
+  if (
+    file.startsWith('apps/sim/app/(landing)/') ||
+    file.startsWith('apps/sim/app/(docs)/') ||
+    file.startsWith('apps/sim/app/design-studio/') ||
+    file.startsWith('apps/sim/tools/generated/') ||
+    file.startsWith('apps/sim/lib/content/')
+  )
+    return 'exclude'
+  if (
+    (file.startsWith('apps/sim/app/desktop/') ||
+      /^apps\/sim\/app\/workspace\/[^/]+\/settings\/components\/desktop\//.test(file)) &&
+    !/\.(?:test|spec|generated|d)\.[cm]?[jt]sx?$/.test(file)
+  )
+    return /\.(?:[cm]?[jt]sx?|css|html?)$/.test(file) ? 'check' : 'unsupported'
+  return conformanceScope(file)
+}
diff --git a/scripts/design-conformance/control-shadow-extras.ts b/scripts/design-conformance/control-shadow-extras.ts
new file mode 100644
index 00000000000..80cdb5990c5
--- /dev/null
+++ b/scripts/design-conformance/control-shadow-extras.ts
@@ -0,0 +1,223 @@
+import postcss, { type Rule } from 'postcss'
+import valueParser from 'postcss-value-parser'
+import type { ColourAssignmentReport } from '#control-analysis/colour-assignments'
+import {
+  type ControlSource,
+  type Diagnostic,
+  type InventoryFinding,
+  regular,
+} from '#control-analysis/model'
+import { canonical, type Finding, hash, TOKEN_FILE } from '#design-conformance/model'
+
+/** Reviewed one-off effects, not a general permission for shadows with token colours. */
+const editor =
+  'apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-editor.css'
+const loader =
+  'apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/components/browser-session/browser-loading-bar.module.css'
+const treatments = [
+  {
+    id: 'document-selection-light',
+    file: editor,
+    selector: '.rich-markdown-nodes hr.rich-leaf-in-selection',
+    declarations: [
+      ['box-shadow', '0 0 0 0.4em var(--selection-bg)'],
+      ['border-radius', '1px'],
+    ],
+    colours: ['--selection-bg'],
+    reason: 'Selection band around a textless divider without changing document layout',
+  },
+  {
+    id: 'document-selection-dark',
+    file: editor,
+    selector: '.dark .rich-markdown-nodes hr.rich-leaf-in-selection',
+    declarations: [['box-shadow', '0 0 0 0.4em var(--selection-dark)']],
+    colours: ['--selection-dark'],
+    reason: 'Dark-theme selection band around a textless divider',
+  },
+  {
+    id: 'browser-loading-glow',
+    file: loader,
+    selector: '.indicator',
+    declarations: [
+      ['position', 'absolute'],
+      ['top', '0'],
+      ['bottom', '0'],
+      ['left', '0'],
+      ['width', '100%'],
+      ['transform', 'scaleX(0.08)'],
+      ['transform-origin', 'left'],
+      [
+        'background',
+        'linear-gradient(90deg, var(--thinking-ink-inner), var(--thinking-ink-outer))',
+      ],
+      ['box-shadow', '0 0 3px color-mix(in srgb, var(--thinking-ink-outer) 55%, transparent)'],
+      ['animation', 'browser-page-loading 12s ease-out forwards'],
+    ],
+    colours: ['--thinking-ink-inner', '--thinking-ink-outer'],
+    reason: 'Small progress-indicator glow, not surface elevation',
+  },
+]
+
+/** Ignore formatting/comments only; retain token boundaries, units, functions and every layer. */
+function value(text: string): string {
+  const nodes = (parts: valueParser.Node[]): unknown[] =>
+    parts.flatMap((node) =>
+      node.type === 'space' || node.type === 'comment'
+        ? []
+        : [
+            node.type === 'function'
+              ? [node.type, node.value, !!node.unclosed, nodes(node.nodes)]
+              : [node.type, node.value],
+          ]
+    )
+  return canonical(nodes(valueParser(text).nodes))
+}
+const declarations = (rule: Rule) =>
+  rule.nodes
+    .filter((n) => n.type !== 'comment')
+    .map((node) =>
+      node.type === 'decl'
+        ? [node.prop, value(node.value), !!node.important]
+        : ['unsupported', node.toString()]
+    )
+
+export interface ShadowExtra {
+  id: string
+  file: string
+  selector: string
+  line: number
+  column: number
+  value: string
+  reason: string
+  colourTokens: string[]
+}
+export interface ShadowExtrasReport {
+  version: '1.0.0'
+  approved: ShadowExtra[]
+  findings: InventoryFinding[]
+  unchecked: Diagnostic[]
+}
+
+/** Validate exact source sites before removing a shadow-family finding. Fail closed on drift. */
+export function inspectShadowExtras(
+  source: ControlSource,
+  globalColour: (name: string) => boolean,
+  colours: ColourAssignmentReport
+): ShadowExtrasReport {
+  const report: ShadowExtrasReport = { version: '1.0.0', approved: [], findings: [], unchecked: [] }
+  for (const file of [...new Set(treatments.map((item) => item.file))].sort()) {
+    const entry = source.entries.find((item) => item.path === file)
+    if (!entry) continue
+    try {
+      if (!regular(entry) || entry.bytes > 2 * 1024 * 1024)
+        throw new Error('Unsupported source or parsing limit')
+      const root = postcss.parse(source.read(entry))
+      for (const treatment of treatments.filter((item) => item.file === file)) {
+        const rules: Rule[] = []
+        root.walkRules((rule) => {
+          if (rule.selector.trim() === treatment.selector) rules.push(rule)
+        })
+        const roots = rules.filter((rule) => rule.parent?.type === 'root')
+        const expected = canonical(
+          treatment.declarations.map(([prop, text]) => [prop, value(text), false])
+        )
+        const validColours = treatment.colours.every(
+          (name) => globalColour(name) && !colours.assignments.some((a) => a.name === name)
+        )
+        for (const rule of rules) {
+          const shape = canonical(declarations(rule))
+          const valid =
+            rule.parent?.type === 'root' && roots.length === 1 && shape === expected && validColours
+          for (const decl of rule.nodes) {
+            if (decl.type !== 'decl' || decl.prop !== 'box-shadow') continue
+            const site = {
+              id: treatment.id,
+              file,
+              selector: treatment.selector,
+              line: decl.source?.start?.line ?? 1,
+              column: decl.source?.start?.column ?? 1,
+              value: decl.value,
+              reason: treatment.reason,
+              colourTokens: treatment.colours,
+            }
+            if (valid) report.approved.push(site)
+            else {
+              const input = canonical({
+                treatment: treatment.id,
+                shape,
+                root: rule.parent?.type === 'root',
+                roots: roots.length,
+                validColours,
+              })
+              report.findings.push({
+                id: hash(canonical([file, site.line, input])),
+                observedFrom: [file],
+                kind: 'usage-violation',
+                contract: 'central-shadow',
+                rule: 'central-shadow',
+                category: 'effects',
+                property: 'box-shadow',
+                file,
+                line: site.line,
+                column: site.column,
+                context: `reviewed effect / ${treatment.selector}`,
+                value: input,
+                reason:
+                  'Reviewed shadow effect changed: exact root selector, unique rule, declaration geometry and unshadowed global colour tokens are required',
+                provenance: {
+                  source: `control-shadow-extras.ts#${treatment.id}`,
+                  input: decl.value,
+                  permitted: `${treatment.reason}; colours must resolve to ${TOKEN_FILE}`,
+                },
+              })
+            }
+          }
+        }
+      }
+    } catch (error) {
+      report.unchecked.push({
+        file,
+        line: 1,
+        context: 'shadow extras',
+        reason: `No shadow exception approved: ${String(error)}`,
+      })
+    }
+  }
+  return report
+}
+
+/** Only the shadow finding is reclassified; colour, radius and other rules remain independent. */
+export function withoutApprovedShadows<T extends Finding>(
+  findings: T[],
+  report: ShadowExtrasReport
+): T[] {
+  return findings.filter(
+    (f) =>
+      !(
+        f.rule === 'central-shadow' &&
+        f.property === 'box-shadow' &&
+        report.approved.some(
+          (a) =>
+            f.file === a.file &&
+            f.line === a.line &&
+            f.column === a.column &&
+            value(f.provenance?.input ?? f.value) === value(a.value)
+        )
+      )
+  )
+}
+
+/** Avoid emitting the ordinary shadow warning and its stricter guard twice at one declaration. */
+export function mergeShadowFindings<T extends Finding>(findings: T[], guards: T[]): T[] {
+  const retained = findings.filter(
+    (f) =>
+      !guards.some(
+        (g) =>
+          f.rule === 'central-shadow' &&
+          f.file === g.file &&
+          f.line === g.line &&
+          f.column === g.column
+      )
+  )
+  return [...retained, ...guards]
+}
diff --git a/scripts/design-conformance/control-simplifications.ts b/scripts/design-conformance/control-simplifications.ts
new file mode 100644
index 00000000000..7586d8c4112
--- /dev/null
+++ b/scripts/design-conformance/control-simplifications.ts
@@ -0,0 +1,941 @@
+import { parse } from '@babel/parser'
+import type { NodePath } from '@babel/traverse'
+import * as t from '@babel/types'
+import { type ARIARoleDefinitionKey, elementRoles, roles } from 'aria-query'
+import { extendTailwindMerge } from 'tailwind-merge'
+import {
+  type ColourAssignmentReport,
+  ColourAssignments,
+} from '#control-analysis/colour-assignments'
+import { type ControlInventory, inspectControls, type RawUse } from '#control-analysis/inventory'
+import {
+  type ControlHooks,
+  type ControlSource,
+  compare,
+  type Diagnostic,
+  type InventoryFinding,
+} from '#control-analysis/model'
+import { ReviewCollector, type ReviewReport } from '#control-analysis/review'
+import { inspectShadowExtras, type ShadowExtrasReport } from '#control-analysis/shadow-extras'
+import {
+  type Expr,
+  expression,
+  type Scalar,
+  type StaticInputs,
+  unknown,
+} from '#control-analysis/static-inputs'
+import { inspectTypography, type TypographyReview } from '#control-analysis/typography'
+import { artworkSyntax } from '#design-conformance/artwork'
+import type { GeneratedContracts } from '#design-conformance/generated-contracts'
+import { canonical, hash } from '#design-conformance/model'
+import type { SourceIndex } from '#design-conformance/source-summary'
+
+/** Reviewed EMCN cn AST: imports, implementation and declarative extension must still match. */
+const MERGE_SOURCE = 'packages/emcn/src/lib/cn.ts'
+const MERGE_AST = 'bb758ea44c62ab2303487cb6c0dfbce7d9537a966e61f1d18c05d1cdb3158109'
+const mergeClasses = extendTailwindMerge({
+  extend: { classGroups: { 'font-size': [{ text: ['micro', 'caption', 'small', 'md'] }] } },
+})
+const tokens = (s: string) => s.trim().split(/\s+/).filter(Boolean)
+const tokenSet = (s: string) => canonical([...new Set(tokens(s))].sort(compare))
+const name = (n: t.Node) =>
+  t.isIdentifier(n) || t.isJSXIdentifier(n) ? n.name : t.isStringLiteral(n) ? n.value : ''
+
+export interface Simplification extends InventoryFinding {
+  rule: 'control-redundant-style' | 'control-accessible-name' | 'control-duplicate-artwork'
+  proof: Record<string, unknown>
+  relatedFindingIds: string[]
+}
+export interface SimplificationReport {
+  version: '1.0.0'
+  findings: Simplification[]
+  unchecked: Diagnostic[]
+  coverage: { controls: number; styleChecks: number; nameChecks: number; artwork: number }
+}
+type Content =
+  | { kind: 'text'; value: Expr }
+  | {
+      kind: 'element'
+      target: string
+      props: Expr
+      children: Content[]
+      parameter?: { owner: string; key: string }
+      forwarded?: { ref: string; omitted: string[] }
+    }
+  | { kind: 'choice'; children: Content[] }
+  | { kind: 'unknown' }
+interface Detail {
+  id: string
+  file: string
+  owner: string
+  content: Extract<Content, { kind: 'element' }>
+  pipeline?: {
+    recipe: string
+    merger: string
+    options: Expr
+    parameters: Map<string, { key: string; fallback: Expr }>
+  }
+}
+interface Artwork {
+  file: string
+  line: number
+  column: number
+  owner: string
+  fingerprint: string
+  central: boolean
+  root: string
+}
+type Graph = Parameters<NonNullable<ControlHooks['complete']>>[0]
+type Reference = Parameters<NonNullable<ControlHooks['jsx']>>[0]['reference']
+const attributeValue = (a: t.JSXAttribute) =>
+  t.isJSXExpressionContainer(a.value) ? a.value.expression : (a.value ?? undefined)
+
+function propsOf(p: NodePath<t.JSXElement>, ref: Reference): Expr {
+  return {
+    kind: 'object',
+    entries: p.node.openingElement.attributes.map((a) =>
+      t.isJSXSpreadAttribute(a)
+        ? { spread: expression(a.argument, p, ref) }
+        : { key: name(a.name), value: expression(attributeValue(a), p, ref) }
+    ),
+  }
+}
+
+function contentOf(p: NodePath, ref: Reference, owner: string, depth = 0): Content {
+  if (depth > 20) return { kind: 'unknown' }
+  if (p.isJSXText()) return { kind: 'text', value: { kind: 'literal', value: p.node.value.trim() } }
+  if (p.isJSXExpressionContainer()) return contentOf(p.get('expression'), ref, owner, depth + 1)
+  if (p.isJSXEmptyExpression() || p.isNullLiteral() || p.isBooleanLiteral())
+    return { kind: 'text', value: { kind: 'literal', value: '' } }
+  if (p.isConditionalExpression())
+    return {
+      kind: 'choice',
+      children: [
+        contentOf(p.get('consequent'), ref, owner, depth + 1),
+        contentOf(p.get('alternate'), ref, owner, depth + 1),
+      ],
+    }
+  if (p.isLogicalExpression() && p.node.operator === '&&')
+    return {
+      kind: 'choice',
+      children: [
+        { kind: 'text', value: { kind: 'literal', value: '' } },
+        contentOf(p.get('right'), ref, owner, depth + 1),
+      ],
+    }
+  if (p.isJSXFragment())
+    return {
+      kind: 'element',
+      target: 'native:fragment',
+      props: { kind: 'object', entries: [] },
+      children: p.get('children').map((c) => contentOf(c, ref, owner, depth + 1)),
+    }
+  if (!p.isJSXElement()) return { kind: 'text', value: expression(p.node, p, ref) }
+  const tag = p.node.openingElement.name
+  const fn = p.getFunctionParent()
+  const first = fn?.node.params[0]
+  let forwarded: { ref: string; omitted: string[] } | undefined
+  if (t.isIdentifier(first)) forwarded = { ref: ref(first, p), omitted: [] }
+  else if (t.isObjectPattern(first)) {
+    const rest = first.properties.find((prop) => t.isRestElement(prop))
+    if (rest && t.isRestElement(rest) && t.isIdentifier(rest.argument))
+      forwarded = {
+        ref: ref(rest.argument, p),
+        omitted: first.properties.flatMap((prop) =>
+          t.isObjectProperty(prop) ? [name(prop.key)] : []
+        ),
+      }
+  }
+  let parameter: { owner: string; key: string } | undefined
+  if (t.isJSXIdentifier(tag)) {
+    const binding = p.scope.getBinding(tag.name)
+    if (binding?.kind === 'param' && t.isObjectPattern(first))
+      for (const prop of first.properties)
+        if (t.isObjectProperty(prop) && t.isIdentifier(prop.value, { name: tag.name }))
+          parameter = { owner, key: name(prop.key) }
+  }
+  return {
+    kind: 'element',
+    target: ref(tag, p),
+    props: propsOf(p, ref),
+    children: p.get('children').map((c) => contentOf(c, ref, owner, depth + 1)),
+    ...(parameter ? { parameter } : {}),
+    ...(forwarded ? { forwarded } : {}),
+  }
+}
+
+/** Match the simple, direct cn(cva(options), className) renderer contract by syntax. */
+function pipelineOf(p: NodePath<t.JSXElement>, ref: Reference): Detail['pipeline'] {
+  const fn = p.getFunctionParent()
+  if (!fn || !t.isObjectPattern(fn.node.params[0])) return
+  const body = fn.node.body
+  const returned =
+    t.isBlockStatement(body) && body.body.length === 1 && t.isReturnStatement(body.body[0])
+      ? body.body[0].argument
+      : body
+  if (returned !== p.node) return
+  const parameters = new Map<string, { key: string; fallback: Expr }>()
+  const first = fn.node.params[0]
+  const rest = first.properties.find((prop) => t.isRestElement(prop))
+  for (const prop of first.properties) {
+    if (!t.isObjectProperty(prop) || prop.computed) continue
+    const local = t.isAssignmentPattern(prop.value) ? prop.value.left : prop.value
+    if (t.isIdentifier(local))
+      parameters.set(ref(local, p), {
+        key: name(prop.key),
+        fallback: t.isAssignmentPattern(prop.value)
+          ? expression(prop.value.right, p, ref)
+          : { kind: 'undefined' },
+      })
+  }
+  for (const attr of p.node.openingElement.attributes)
+    if (
+      t.isJSXSpreadAttribute(attr) &&
+      !(
+        rest &&
+        t.isRestElement(rest) &&
+        t.isIdentifier(rest.argument) &&
+        t.isIdentifier(attr.argument, { name: rest.argument.name })
+      )
+    )
+      return
+  const attrs = p.node.openingElement.attributes.filter(
+    (a) => t.isJSXAttribute(a) && name(a.name) === 'className'
+  )
+  if (attrs.length !== 1 || !t.isJSXAttribute(attrs[0])) return
+  const value = attributeValue(attrs[0])
+  if (
+    !t.isCallExpression(value) ||
+    value.arguments.length !== 2 ||
+    !t.isCallExpression(value.arguments[0]) ||
+    value.arguments[0].arguments.length !== 1
+  )
+    return
+  const merger = ref(value.callee, p)
+  if (!merger.includes('#cn') && !merger.endsWith('.cn')) return
+  const consumer = value.arguments[1]
+  if (!t.isIdentifier(consumer) || parameters.get(ref(consumer, p))?.key !== 'className') return
+  return {
+    recipe: ref(value.arguments[0].callee, p),
+    merger,
+    options: expression(value.arguments[0].arguments[0], p, ref),
+    parameters,
+  }
+}
+
+/** Geometry is exact; root presentation is retained as separate evidence, never discarded in edits. */
+function artworkOf(p: NodePath<t.JSXElement>, file: string, owner: string): Artwork | undefined {
+  if (!t.isJSXIdentifier(p.node.openingElement.name, { name: 'svg' })) return
+  const central =
+    file.startsWith('packages/emcn/src/icons/') ||
+    file.startsWith('packages/emcn/src/illustrations/')
+  const root: Record<string, string> = {}
+  let unknownRoot = false
+  for (const a of p.node.openingElement.attributes) {
+    if (t.isJSXSpreadAttribute(a)) {
+      if (!central) unknownRoot = true
+      continue
+    }
+    const key = name(a.name)
+    if (
+      ['className', 'style', 'width', 'height', 'xmlns', 'role', 'focusable', 'tabIndex'].includes(
+        key
+      ) ||
+      key.startsWith('aria-') ||
+      key.startsWith('data-') ||
+      /^on[A-Z]/.test(key)
+    )
+      continue
+    const value = attributeValue(a)
+    if (t.isStringLiteral(value) || t.isNumericLiteral(value)) root[key] = String(value.value)
+    else unknownRoot = true
+  }
+  const drawing = (n: t.Node): unknown => {
+    if (t.isJSXText(n)) return n.value.trim() ? undefined : null
+    if (t.isJSXExpressionContainer(n) && t.isJSXEmptyExpression(n.expression)) return null
+    if (!t.isJSXElement(n) || !t.isJSXIdentifier(n.openingElement.name)) return undefined
+    if (
+      !['path', 'rect', 'circle', 'ellipse', 'line', 'polyline', 'polygon', 'g'].includes(
+        n.openingElement.name.name
+      )
+    )
+      return undefined
+    const attrs: Record<string, string> = {}
+    for (const a of n.openingElement.attributes) {
+      if (!t.isJSXAttribute(a)) return undefined
+      const value = attributeValue(a)
+      if (!t.isStringLiteral(value) && !t.isNumericLiteral(value)) return undefined
+      attrs[name(a.name)] = String(value.value)
+    }
+    const children = n.children.map(drawing)
+    if (children.includes(undefined)) return undefined
+    return [
+      n.openingElement.name.name,
+      Object.entries(attrs).sort(([a], [b]) => compare(a, b)),
+      children.filter((x) => x !== null),
+    ]
+  }
+  const children = p.node.children.map(drawing)
+  if (
+    unknownRoot ||
+    !root.viewBox ||
+    children.includes(undefined) ||
+    !children.some((x) => x !== null)
+  )
+    return
+  return {
+    file,
+    owner,
+    central,
+    line: p.node.loc?.start.line ?? 1,
+    column: (p.node.loc?.start.column ?? 0) + 1,
+    fingerprint: hash(
+      canonical([
+        Object.entries(root).sort(([a], [b]) => compare(a, b)),
+        children.filter((x) => x !== null),
+      ])
+    ),
+    root: canonical(root),
+  }
+}
+
+function choices(e: Expr, statics: StaticInputs): (Scalar | undefined)[] | undefined {
+  const result = statics.evaluate(e)
+  return result.unknown ? undefined : [...result.values, ...(result.undefined ? [undefined] : [])]
+}
+function object(e: Expr, statics: StaticInputs, depth = 0): Expr | undefined {
+  if (depth > 20) return
+  if (e.kind === 'ref') {
+    const refs = statics.values.has(e.ref) ? [e.ref] : statics.resolve(e.ref)
+    return refs.length === 1 && !statics.unsafe.has(e.ref)
+      ? object(statics.values.get(refs[0]) ?? unknown, statics, depth + 1)
+      : undefined
+  }
+  return e
+}
+function keys(e: Expr, statics: StaticInputs): string[] | undefined {
+  const resolved = object(e, statics)
+  if (resolved?.kind !== 'object' || resolved.entries.some((a) => 'spread' in a)) return
+  return resolved.entries.flatMap((a) => ('key' in a ? [a.key] : []))
+}
+function strings(e: Expr, statics: StaticInputs): string[] | undefined {
+  const result = choices(e, statics)
+  return result?.every((x) => typeof x === 'string' || x == null || x === false)
+    ? result.map((x) => (typeof x === 'string' ? x : ''))
+    : undefined
+}
+function product<T>(sets: T[][]): T[][] | undefined {
+  let rows: T[][] = [[]]
+  for (const set of sets) {
+    if (rows.length * set.length > 64 || !set.length) return
+    rows = rows.flatMap((row) => set.map((v) => [...row, v]))
+  }
+  return rows
+}
+
+/** Interpret bounded CVA declarations; no cva, component or config module is imported. */
+function recipeClasses(
+  recipe: { base: Expr; config: Expr },
+  pipeline: NonNullable<Detail['pipeline']>,
+  props: Expr,
+  graph: Graph
+): string[] | undefined {
+  const statics = graph.staticInputs
+  const variants = statics.property(recipe.config, 'variants')
+  const names = keys(variants, statics)
+  const base = strings(recipe.base, statics)
+  if (!names || !base) return
+  const defaults = statics.property(recipe.config, 'defaultVariants')
+  const values = names.map((key) => {
+    const option = statics.property(pipeline.options, key)
+    const param = option.kind === 'ref' ? pipeline.parameters.get(option.ref) : undefined
+    let selected = choices(param ? statics.property(props, param.key) : option, statics)
+    if (param && selected?.includes(undefined)) {
+      const fallback = choices(param.fallback, statics)
+      if (!fallback) return
+      selected = selected.flatMap((v) => (v === undefined ? fallback : [v]))
+    }
+    const fallback = choices(statics.property(defaults, key), statics)
+    if (!selected || !fallback) return
+    return selected.flatMap((v) => (v === undefined ? fallback : [v]))
+  })
+  if (values.some((v) => !v)) return
+  const combinations = product(values as (Scalar | undefined)[][])
+  if (!combinations) return
+  const compoundValue = object(statics.property(recipe.config, 'compoundVariants'), statics)
+  const compounds =
+    compoundValue?.kind === 'array'
+      ? compoundValue.items
+      : compoundValue?.kind === 'absent' || compoundValue?.kind === 'undefined'
+        ? []
+        : undefined
+  if (!compounds) return
+  const out: string[] = []
+  for (const combination of combinations) {
+    const selected = Object.fromEntries(names.map((key, i) => [key, combination[i]]))
+    const parts: string[][] = [base]
+    for (const key of names) {
+      const v = selected[key]
+      if (v == null) continue
+      const classes = strings(statics.property(statics.property(variants, key), String(v)), statics)
+      if (!classes) return
+      parts.push(classes)
+    }
+    for (const compound of compounds) {
+      const compoundKeys = keys(compound, statics)
+      if (!compoundKeys) return
+      let matches = true
+      for (const key of compoundKeys.filter((k) => !['class', 'className'].includes(k))) {
+        const expected = object(statics.property(compound, key), statics)
+        const arrayValues =
+          expected?.kind === 'array'
+            ? expected.items.map((item) => choices(item, statics))
+            : undefined
+        if (arrayValues?.some((value) => !value)) return
+        const alternatives = arrayValues
+          ? (arrayValues as (Scalar | undefined)[][]).flat()
+          : choices(expected ?? unknown, statics)
+        if (!alternatives) return
+        matches &&= alternatives.includes(selected[key])
+      }
+      if (matches)
+        for (const key of ['class', 'className']) {
+          const classes = strings(statics.property(compound, key), statics)
+          if (!classes) return
+          parts.push(classes)
+        }
+    }
+    const combined = product(parts)
+    if (!combined || out.length + combined.length > 64) return
+    out.push(...combined.map((row) => row.filter(Boolean).join(' ')))
+  }
+  return [...new Set(out)]
+}
+
+/** A reusable analysis pass for immutable PR snapshots and complete working-tree audits. */
+export function inspectSimplifications(
+  source: ControlSource,
+  styling: InventoryFinding[] = [],
+  order: 'forward' | 'reverse' = 'forward',
+  sourceIndex?: SourceIndex,
+  centralReference?: Parameters<typeof inspectControls>[4],
+  ownershipReview?: TypographyReview,
+  metadata?: GeneratedContracts
+): {
+  controls: ControlInventory
+  simplifications: SimplificationReport
+  colourAssignments: ColourAssignmentReport
+  shadowExtras: ShadowExtrasReport
+  typographyReview: TypographyReview
+  review: ReviewReport
+} {
+  const colourAssignments = new ColourAssignments(source)
+  const review = new ReviewCollector(source, metadata ?? sourceIndex?.metadata)
+  const details = new Map<string, Detail>()
+  const recipes = new Map<string, { base: Expr; config: Expr }>()
+  const artworks: Artwork[] = []
+  let graph: Graph | undefined
+  const notes: Diagnostic[] = []
+  const controls = inspectControls(source, styling, order, sourceIndex, centralReference, {
+    program(input) {
+      colourAssignments.program(input)
+      review.program(input)
+    },
+    jsx({ id, file, owner, path, reference }) {
+      const content = contentOf(path, reference, owner)
+      if (content.kind !== 'element') return
+      details.set(id, { id, file, owner, content, pipeline: pipelineOf(path, reference) })
+      const artwork = artworkOf(path, file, owner)
+      if (artwork) artworks.push(artwork)
+      else if (t.isJSXIdentifier(path.node.openingElement.name, { name: 'svg' }))
+        notes.push({
+          file,
+          line: path.node.loc?.start.line ?? 1,
+          context: owner,
+          reason:
+            'SVG equivalence unresolved: dynamic, referenced, styled or unsupported drawing structure',
+        })
+    },
+    recipe(ref, base, config) {
+      recipes.set(ref, { base, config })
+    },
+    complete(value) {
+      graph = value
+      review.complete(value)
+    },
+  })
+  if (!graph) throw new Error('Control source graph unavailable')
+  notes.push(...controls.unchecked)
+  const g: Graph = graph
+  const statics = g.staticInputs
+  const findings: Simplification[] = []
+  const coverage = {
+    controls: controls.records.length,
+    styleChecks: 0,
+    nameChecks: 0,
+    artwork: artworks.length,
+  }
+  const note = (use: Pick<RawUse, 'file' | 'line' | 'owner'>, reason: string) =>
+    notes.push({ file: use.file, line: use.line, context: use.owner, reason })
+  const add = (
+    use: Pick<RawUse, 'file' | 'line' | 'column' | 'owner'>,
+    rule: Simplification['rule'],
+    value: string,
+    reason: string,
+    proof: Record<string, unknown>
+  ) => {
+    const property =
+      rule === 'control-redundant-style'
+        ? 'className'
+        : rule === 'control-accessible-name'
+          ? 'accessible-name'
+          : 'artwork'
+    const id = hash(canonical([rule, use.file, use.line, use.column, use.owner, value]))
+    findings.push({
+      id,
+      kind: 'usage-violation',
+      contract: rule,
+      rule,
+      category: 'control-simplification',
+      property,
+      value,
+      reason,
+      file: use.file,
+      line: use.line,
+      column: use.column,
+      context: use.owner,
+      observedFrom: [use.file],
+      proof,
+      relatedFindingIds: styling
+        .filter((f) => f.file === use.file && f.line === use.line)
+        .map((f) => f.id)
+        .sort(compare),
+      provenance: {
+        source:
+          rule === 'control-redundant-style'
+            ? String(proof.recipe)
+            : 'scripts/design-conformance/README.md#control-simplifications',
+        input: value,
+        permitted: reason,
+      },
+    })
+  }
+  let mergeVerified = false
+  const mergeEntry = source.entries.find((e) => e.path === MERGE_SOURCE)
+  if (mergeEntry) {
+    try {
+      mergeVerified =
+        hash(
+          artworkSyntax(
+            parse(source.read(mergeEntry), { sourceType: 'module', plugins: ['typescript'] })
+              .program
+          )
+        ) === MERGE_AST
+    } catch {
+      /* Recorded below; never import the module as a fallback. */
+    }
+  }
+  const direct = (use: RawUse) => g.resolve(use.target)
+  const sameOwner = (target: string, detail: Pick<Detail, 'file' | 'owner'>) =>
+    target.startsWith(`${detail.file}#${detail.owner}@`)
+  const rendererDetails = (use: RawUse) =>
+    [...details.values()].filter((d) => direct(use).some((ref) => sameOwner(ref, d)))
+  for (const use of controls.records) {
+    if (use.file.startsWith('packages/emcn/') || use.syntax !== 'jsx') continue
+    if (!use.terminals.length) continue
+    const consumer = use.inputs.className
+    if (!consumer) continue
+    const renderers = rendererDetails(use).filter((d) => d.pipeline)
+    if (!direct(use).every((ref) => ref.startsWith('packages/emcn/')) || renderers.length !== 1) {
+      if (use.origin === 'emcn-component')
+        note(
+          use,
+          'Redundant-style proof unavailable: renderer class pipeline is not a single supported direct CVA composition'
+        )
+      continue
+    }
+    const pipeline = renderers[0].pipeline
+    const props = g.props.get(use.id)
+    if (
+      !pipeline ||
+      !props ||
+      !mergeVerified ||
+      !g.resolve(pipeline.merger).length ||
+      !g.resolve(pipeline.merger).every((r) => r.startsWith(`${MERGE_SOURCE}#cn@`)) ||
+      consumer.unresolved ||
+      !consumer.values?.every((v) => typeof v === 'string')
+    ) {
+      note(
+        use,
+        'Redundant-style proof unavailable: unresolved consumer inputs or merge configuration'
+      )
+      continue
+    }
+    const refs = g.resolve(pipeline.recipe)
+    const recipe = refs.length === 1 ? recipes.get(refs[0]) : undefined
+    const central = recipe && recipeClasses(recipe, pipeline, props, g)
+    if (!central?.length) {
+      note(
+        use,
+        'Redundant-style proof unavailable: active recipe/default/conditional alternatives unresolved'
+      )
+      continue
+    }
+    coverage.styleChecks++
+    const consumers = consumer.values as string[]
+    const candidates = [...new Set(consumers.flatMap(tokens))].sort(compare)
+    for (const candidate of candidates) {
+      const relevant = consumers.filter((classes) => tokens(classes).includes(candidate))
+      if (!central.every((classes) => tokens(classes).includes(candidate))) continue
+      const proof = central.every((base) =>
+        relevant.every(
+          (classes) =>
+            tokenSet(mergeClasses(base, classes)) ===
+            tokenSet(
+              mergeClasses(
+                base,
+                tokens(classes)
+                  .filter((c) => c !== candidate)
+                  .join(' ')
+              )
+            )
+        )
+      )
+      if (proof)
+        add(
+          use,
+          'control-redundant-style',
+          candidate,
+          'Remove the repeated consumer token; the active EMCN recipe supplies identical final classes in every resolved alternative',
+          {
+            recipe: refs[0],
+            mergeSource: MERGE_SOURCE,
+            mergeAst: MERGE_AST,
+            alternatives: central.length * consumers.length,
+            centralClasses: central,
+            consumerClasses: consumers,
+          }
+        )
+    }
+  }
+
+  type NameState = 'named' | 'empty' | 'unknown'
+  const texts = (e: Expr): NameState => {
+    const values = choices(e, statics)
+    if (!values) return 'unknown'
+    const nonempty = values.map((v) => (typeof v === 'string' ? !!v.trim() : typeof v === 'number'))
+    return nonempty.length && nonempty.every(Boolean)
+      ? 'named'
+      : nonempty.some(Boolean)
+        ? 'unknown'
+        : 'empty'
+  }
+  const allAlternatives = (states: NameState[]): NameState =>
+    states.every((s) => s === 'named')
+      ? 'named'
+      : states.every((s) => s === 'empty')
+        ? 'empty'
+        : 'unknown'
+  const siblings = (states: NameState[]): NameState =>
+    states.includes('named') ? 'named' : states.includes('unknown') ? 'unknown' : 'empty'
+  const contentName = (
+    content: Content,
+    detail: Pick<Detail, 'file' | 'owner'>,
+    seen = new Set<string>(),
+    depth = 0,
+    incoming?: Expr,
+    referencedHidden = false
+  ): NameState => {
+    if (depth > 20) return 'unknown'
+    if (content.kind === 'unknown') return 'unknown'
+    if (content.kind === 'text') return texts(content.value)
+    if (content.kind === 'choice')
+      return allAlternatives(
+        content.children.map((c) =>
+          contentName(c, detail, seen, depth + 1, undefined, referencedHidden)
+        )
+      )
+    let props = content.props
+    if (incoming && content.forwarded && props.kind === 'object') {
+      const keysToOmit = content.forwarded.omitted
+      const rest: Expr = {
+        kind: 'object',
+        entries: [
+          { spread: incoming },
+          ...keysToOmit.map((key) => ({ key, value: { kind: 'undefined' } as Expr })),
+        ],
+      }
+      props = {
+        kind: 'object',
+        entries: props.entries.map((entry) =>
+          'spread' in entry &&
+          entry.spread.kind === 'ref' &&
+          entry.spread.ref === content.forwarded?.ref
+            ? { spread: rest }
+            : entry
+        ),
+      }
+    }
+    const hidden = choices(statics.property(props, 'aria-hidden'), statics)
+    if (!referencedHidden && hidden?.length && hidden.every((v) => v === true || v === 'true'))
+      return 'empty'
+    if (!referencedHidden && (!hidden || hidden.some((v) => v === true || v === 'true')))
+      return 'unknown'
+    const label = texts(statics.property(props, 'aria-label'))
+    const title = texts(statics.property(props, 'title'))
+    if (label !== 'empty' || title !== 'empty') {
+      const explicit = choices(statics.property(props, 'role'), statics)
+      if (!explicit) return 'unknown'
+      const roleNames = explicit
+        .filter((v): v is string => typeof v === 'string' && !!v.trim())
+        .map((v) => v.split(/\s+/).find((r) => roles.has(r as ARIARoleDefinitionKey)))
+      if (!roleNames.length && content.target.startsWith('native:')) {
+        const tag = content.target.slice('native:'.length)
+        if (tag === 'svg') roleNames.push('graphics-document')
+        else {
+          const candidates: { specificity: number; names: string[] }[] = []
+          for (const [schema, names] of elementRoles.entries()) {
+            if (schema.name !== tag) continue
+            if (schema.constraints?.length) continue
+            let matches = true
+            for (const attr of schema.attributes ?? []) {
+              const values = choices(statics.property(props, attr.name), statics)
+              if (!values) return 'unknown'
+              const constraints: readonly string[] = attr.constraints ?? []
+              if (constraints.some((c) => c !== 'set' && c !== 'undefined' && c !== 'unset'))
+                return 'unknown'
+              if (
+                !values.every((v) =>
+                  attr.value !== undefined
+                    ? String(v) === attr.value
+                    : constraints.includes('set')
+                      ? v !== undefined && v !== null
+                      : v === undefined
+                )
+              )
+                matches = false
+            }
+            if (matches)
+              candidates.push({ specificity: schema.attributes?.length ?? 0, names: [...names] })
+          }
+          const mostSpecific = Math.max(...candidates.map((c) => c.specificity))
+          roleNames.push(
+            ...candidates.filter((c) => c.specificity === mostSpecific).flatMap((c) => c.names)
+          )
+        }
+      }
+      if (roleNames.length) {
+        const permits = roleNames.map((r) => {
+          const role = r ? roles.get(r as ARIARoleDefinitionKey) : undefined
+          return role && 'nameFrom' in role && Array.isArray(role.nameFrom)
+            ? role.nameFrom.includes('author')
+            : undefined
+        })
+        if (
+          permits.some((v) => v === undefined) ||
+          (permits.includes(true) && permits.includes(false))
+        )
+          return 'unknown'
+        if (permits.every(Boolean)) return label !== 'empty' ? label : title
+      } else if (!content.target.startsWith('native:')) return label !== 'empty' ? label : title
+    }
+    if (content.target.startsWith('native:')) {
+      if (['native:img', 'native:input'].includes(content.target))
+        return texts(statics.property(content.props, 'alt'))
+      return siblings(
+        content.children.map((c) =>
+          contentName(c, detail, seen, depth + 1, undefined, referencedHidden)
+        )
+      )
+    }
+    let refs = g.resolve(content.target)
+    if (content.parameter) {
+      const callers = g.uses.filter((u) => direct(u).some((target) => sameOwner(target, detail)))
+      if (!callers.length) return 'unknown'
+      refs = callers.flatMap((u) => {
+        const e = statics.property(g.props.get(u.id) ?? unknown, content.parameter?.key ?? '')
+        return e.kind === 'ref' ? g.resolve(e.ref) : ['unknown:parameter']
+      })
+    }
+    const states = refs.map((target): NameState => {
+      if (seen.has(target)) return 'unknown'
+      const roots = [...details.values()].filter(
+        (d) => sameOwner(target, d) && d.content.target === 'native:svg'
+      )
+      if (roots.length !== 1) return 'unknown'
+      return contentName(
+        roots[0].content,
+        roots[0],
+        new Set([...seen, target]),
+        depth + 1,
+        content.props,
+        referencedHidden
+      )
+    })
+    return states.length ? allAlternatives(states) : 'unknown'
+  }
+  for (const use of controls.records) {
+    if (use.file.startsWith('packages/emcn/') || use.syntax !== 'jsx' || use.hidden) continue
+    const inputTypes =
+      use.target === 'native:input' && !use.inputs.type?.unresolved && use.inputs.type?.values
+        ? use.inputs.type.values.filter((value) => value === 'image' || value === 'button')
+        : []
+    const isButton =
+      use.target === 'native:button' ||
+      inputTypes.length > 0 ||
+      (use.target.startsWith('native:') &&
+        !use.inputs.role?.unresolved &&
+        !!use.inputs.role?.values?.length &&
+        use.inputs.role.values.every((value) => value === 'button')) ||
+      (direct(use).length > 0 &&
+        direct(use).every((ref) =>
+          /^packages\/emcn\/src\/components\/(button|chip)\/[^#]+#(?:Button|Chip)@/.test(ref)
+        ))
+    if (!isButton) continue
+    const detail = details.get(use.id)
+    if (!detail) continue
+    if (
+      !!use.inputs.className?.values?.length &&
+      !use.inputs.className.mayBeUndefined &&
+      use.inputs.className.values.every((value) => value === 'hidden') &&
+      !use.inputs.className.unresolved
+    )
+      continue
+    coverage.nameChecks++
+    const props = detail.content.props
+    const label = texts(statics.property(props, 'aria-label'))
+    const labelledBy = choices(statics.property(props, 'aria-labelledby'), statics)
+    let state: NameState = label
+    if (!labelledBy) state = 'unknown'
+    else if (labelledBy.some((v) => typeof v === 'string' && v.trim())) {
+      state = allAlternatives(
+        labelledBy.map((value): NameState => {
+          if (typeof value !== 'string' || !value.trim()) return 'unknown'
+          return siblings(
+            tokens(value).map((id): NameState => {
+              const matches = [...details.values()].filter(
+                (d) =>
+                  d.file === use.file &&
+                  d.owner === use.owner &&
+                  choices(statics.property(d.content.props, 'id'), statics)?.includes(id)
+              )
+              return matches.length === 1
+                ? contentName(matches[0].content, matches[0], new Set(), 0, undefined, true)
+                : 'unknown'
+            })
+          )
+        })
+      )
+    }
+    if (state === 'empty') state = label
+    if (state === 'empty' && inputTypes.length)
+      state = allAlternatives(
+        inputTypes.map((type) => texts(statics.property(props, type === 'image' ? 'alt' : 'value')))
+      )
+    if (state === 'empty' && !inputTypes.length)
+      state = siblings(detail.content.children.map((c) => contentName(c, detail)))
+    if (state === 'empty') state = texts(statics.property(props, 'title'))
+    if (state === 'unknown')
+      note(use, 'Accessible name unresolved: dynamic naming, spread, content, or label reference')
+    else if (state === 'empty')
+      add(
+        use,
+        'control-accessible-name',
+        'missing',
+        'Provide the existing action name on the button; a tooltip description is not an accessible name',
+        {
+          target: direct(use),
+          children: 'statically empty or decorative',
+          namingChannels: 'no nonempty aria-label, labelledby, alt, text or title',
+        }
+      )
+  }
+  const groups = new Map<string, Artwork[]>()
+  for (const artwork of artworks) {
+    const group = groups.get(artwork.fingerprint) ?? []
+    group.push(artwork)
+    groups.set(artwork.fingerprint, group)
+  }
+  for (const group of groups.values()) {
+    if (group.length < 2) continue
+    const central = group.filter((x) => x.central)
+    for (const artwork of group.filter((x) => !x.central))
+      add(
+        artwork,
+        'control-duplicate-artwork',
+        artwork.fingerprint,
+        central.length
+          ? 'Reuse the identical central artwork, preserving caller size and paint'
+          : 'Consolidate the identical static drawing into one central artwork implementation',
+        {
+          geometryFingerprint: artwork.fingerprint,
+          rootAttributes: artwork.root,
+          central: central.map((a) => `${a.file}#${a.owner}`).sort(compare),
+          occurrences: group.map((a) => `${a.file}:${a.line}`).sort(compare),
+        }
+      )
+  }
+  const colourReport = colourAssignments.finish(statics)
+  const typography = ownershipReview ?? inspectTypography(source)
+  const shadows = inspectShadowExtras(
+    source,
+    (name) => colourAssignments.globalColour(name),
+    colourReport
+  )
+  const stylingReview = review.finish(controls)
+  for (const item of shadows.approved)
+    stylingReview.findings.push({
+      id: hash(canonical(['local-shadow', item])),
+      observedFrom: [item.file],
+      rule: 'local-shadow',
+      contract: 'local-shadow',
+      kind: 'usage-violation',
+      category: 'effects',
+      property: 'box-shadow',
+      value: item.id,
+      reason: item.reason,
+      file: item.file,
+      line: item.line,
+      column: 1,
+      context: item.selector,
+    })
+  for (const item of typography.classifications)
+    if (item.disposition === 'extra')
+      stylingReview.findings.push({
+        id: hash(canonical(['specialised-typography', item])),
+        observedFrom: [item.file],
+        rule: 'specialised-typography',
+        contract: 'specialised-typography',
+        kind: 'usage-violation',
+        category: 'typography',
+        property: item.property,
+        value: item.value,
+        reason: item.reason,
+        file: item.file,
+        line: item.line,
+        column: 1,
+        context: item.property,
+      })
+  return {
+    controls,
+    colourAssignments: colourReport,
+    review: stylingReview,
+    typographyReview: typography,
+    shadowExtras: shadows,
+    simplifications: {
+      version: '1.0.0',
+      findings: findings.sort(
+        (a, b) =>
+          compare(a.file, b.file) ||
+          a.line - b.line ||
+          a.column - b.column ||
+          compare(a.rule, b.rule) ||
+          compare(a.value, b.value)
+      ),
+      unchecked: [...new Map(notes.map((n) => [canonical(n), n])).values()].sort((a, b) =>
+        compare(canonical(a), canonical(b))
+      ),
+      coverage,
+    },
+  }
+}
diff --git a/scripts/design-conformance/control-static-inputs.ts b/scripts/design-conformance/control-static-inputs.ts
new file mode 100644
index 00000000000..a5fb11ba7eb
--- /dev/null
+++ b/scripts/design-conformance/control-static-inputs.ts
@@ -0,0 +1,510 @@
+import type { Binding, NodePath } from '@babel/traverse'
+import * as t from '@babel/types'
+import type { ControlInput } from '#control-analysis/inventory'
+import { canonical } from '#design-conformance/model'
+
+export type Scalar = string | number | boolean | null
+export type Expr =
+  | { kind: 'literal'; value: Scalar }
+  | { kind: 'undefined' | 'absent' | 'unknown' }
+  | { kind: 'ref'; ref: string }
+  | { kind: 'member'; object: Expr; key: string }
+  | { kind: 'lookup'; object: Expr; key: Expr }
+  | { kind: 'choice'; choices: Expr[] }
+  | { kind: 'template'; parts: Expr[] }
+  | { kind: 'call'; ref: string; args: Expr[] }
+  | { kind: 'join'; array: Expr; separator: string }
+  | { kind: 'object'; entries: ({ key: string; value: Expr } | { spread: Expr })[] }
+  | { kind: 'array'; items: Expr[] }
+export const unknown: Expr = { kind: 'unknown' }
+export const omitted: Expr = { kind: 'undefined' }
+const key = (n: t.Node) => (t.isIdentifier(n) ? n.name : t.isStringLiteral(n) ? n.value : '')
+
+/** const protects the binding, not its object. Reject writes and unmodelled escapes. */
+export function immutable(
+  binding: Binding,
+  seen = new Set<Binding>(),
+  readOnlyReference?: (reference: NodePath) => boolean
+): boolean {
+  if (!binding.constant || seen.has(binding)) return false
+  const next = new Set(seen).add(binding)
+  return binding.referencePaths.every((p) => {
+    if (readOnlyReference?.(p)) return true
+    let q = p
+    while (
+      (q.parentPath?.isMemberExpression() && q.parentPath.get('object') === q) ||
+      q.parentPath?.isTSAsExpression() ||
+      q.parentPath?.isTSSatisfiesExpression() ||
+      q.parentPath?.isTSNonNullExpression()
+    )
+      q = q.parentPath
+    const parent = q.parentPath
+    if (!parent) return false
+    if (parent.isObjectProperty()) {
+      // A selected member used as a JSX style value is a scalar read. The
+      // containing style object does not expose the palette object itself.
+      const object = parent.parentPath
+      const container = object?.parentPath
+      const attribute = container?.parentPath
+      if (
+        q.isMemberExpression() &&
+        object?.isObjectExpression() &&
+        container?.isJSXExpressionContainer() &&
+        attribute?.isJSXAttribute() &&
+        t.isJSXIdentifier(attribute.node.name, { name: 'style' })
+      )
+        return true
+      return false
+    }
+    if (parent.isAssignmentExpression() || parent.isReturnStatement() || parent.isArrayExpression())
+      return false
+    if (parent.isUpdateExpression() || parent.isUnaryExpression({ operator: 'delete' }))
+      return false
+    if (parent.isCallExpression() || parent.isNewExpression())
+      return (
+        parent.isCallExpression() &&
+        parent.get('callee') === q &&
+        q.isMemberExpression() &&
+        q.get('object') === p &&
+        !q.node.computed &&
+        t.isIdentifier(q.node.property, { name: 'join' }) &&
+        parent.node.arguments.length === 1 &&
+        t.isStringLiteral(parent.node.arguments[0])
+      )
+    if (
+      parent.isVariableDeclarator() &&
+      parent.get('init') === q &&
+      t.isIdentifier(parent.node.id)
+    ) {
+      const alias = parent.scope.getBinding(parent.node.id.name)
+      return !!alias && immutable(alias, next, readOnlyReference)
+    }
+    return true
+  })
+}
+
+/** Detached expressions only; no NodePaths/ASTs retained after parsing a module. */
+export function expression(
+  node: t.Node | undefined,
+  p: NodePath,
+  ref: (n: t.Node, p: NodePath) => string,
+  depth = 0
+): Expr {
+  if (!node) return { kind: 'literal', value: true }
+  if (depth > 20) return unknown
+  const sub = (n: t.Node) => expression(n, p, ref, depth + 1)
+  if (t.isTSAsExpression(node) || t.isTSSatisfiesExpression(node) || t.isTSNonNullExpression(node))
+    return sub(node.expression)
+  if (t.isStringLiteral(node) || t.isNumericLiteral(node) || t.isBooleanLiteral(node))
+    return { kind: 'literal', value: node.value }
+  if (t.isNullLiteral(node)) return { kind: 'literal', value: null }
+  if (t.isIdentifier(node))
+    return node.name === 'undefined' && !p.scope.getBinding('undefined')
+      ? omitted
+      : { kind: 'ref', ref: ref(node, p) }
+  if (t.isUnaryExpression(node, { operator: 'void' }) && t.isNumericLiteral(node.argument))
+    return omitted
+  if (t.isConditionalExpression(node))
+    return { kind: 'choice', choices: [sub(node.consequent), sub(node.alternate)] }
+  if (t.isLogicalExpression(node))
+    return { kind: 'choice', choices: [sub(node.left), sub(node.right)] }
+  if (t.isTemplateLiteral(node))
+    return {
+      kind: 'template',
+      parts: node.quasis.flatMap((q, i) => [
+        { kind: 'literal', value: q.value.cooked ?? q.value.raw } as Expr,
+        ...(node.expressions[i] ? [sub(node.expressions[i])] : []),
+      ]),
+    }
+  if (
+    t.isTaggedTemplateExpression(node) &&
+    t.isMemberExpression(node.tag) &&
+    !node.tag.computed &&
+    t.isIdentifier(node.tag.object, { name: 'String' }) &&
+    !p.scope.getBinding('String') &&
+    t.isIdentifier(node.tag.property, { name: 'raw' })
+  )
+    return {
+      kind: 'template',
+      parts: node.quasi.quasis.flatMap((q, i) => [
+        { kind: 'literal', value: q.value.raw } as Expr,
+        ...(node.quasi.expressions[i] ? [sub(node.quasi.expressions[i])] : []),
+      ]),
+    }
+  if (
+    t.isBinaryExpression(node, { operator: '+' }) &&
+    (t.isStringLiteral(node.left) || t.isStringLiteral(node.right))
+  )
+    return { kind: 'template', parts: [sub(node.left), sub(node.right)] }
+  if (
+    t.isMemberExpression(node) &&
+    !node.computed &&
+    t.isIdentifier(node.object) &&
+    p.scope.getBinding(node.object.name)?.path.isImportNamespaceSpecifier()
+  )
+    return { kind: 'ref', ref: ref(node, p) }
+  if (t.isMemberExpression(node) && (!node.computed || t.isStringLiteral(node.property)))
+    return { kind: 'member', object: sub(node.object), key: key(node.property) }
+  if (t.isMemberExpression(node) && node.computed)
+    return { kind: 'lookup', object: sub(node.object), key: sub(node.property) }
+  if (t.isObjectExpression(node))
+    return {
+      kind: 'object',
+      entries: node.properties.map((a) =>
+        t.isSpreadElement(a)
+          ? { spread: sub(a.argument) }
+          : t.isObjectProperty(a) && (!a.computed || t.isStringLiteral(a.key))
+            ? { key: key(a.key), value: sub(a.value) }
+            : { spread: unknown }
+      ),
+    }
+  if (t.isArrayExpression(node))
+    return { kind: 'array', items: node.elements.map((item) => (item ? sub(item) : unknown)) }
+  if (
+    t.isCallExpression(node) &&
+    t.isMemberExpression(node.callee) &&
+    !node.callee.computed &&
+    t.isIdentifier(node.callee.property, { name: 'join' }) &&
+    node.arguments.length === 1 &&
+    t.isStringLiteral(node.arguments[0])
+  )
+    return { kind: 'join', array: sub(node.callee.object), separator: node.arguments[0].value }
+  if (t.isCallExpression(node))
+    return { kind: 'call', ref: ref(node.callee, p), args: node.arguments.map(sub) }
+  return unknown
+}
+
+/** Summarize bounded returns only; never execute helpers or trust their return annotations. */
+export function functionResult(
+  fn: NodePath<t.Function>,
+  ref: (n: t.Node, p: NodePath) => string
+): Expr {
+  if (fn.node.async || fn.node.generator) return unknown
+  const result = (p: NodePath): Expr => {
+    const e = expression(p.node, p, ref)
+    const supported = (x: Expr): boolean =>
+      x.kind === 'object' ||
+      x.kind === 'undefined' ||
+      x.kind === 'literal' ||
+      x.kind === 'ref' ||
+      x.kind === 'member' ||
+      x.kind === 'lookup' ||
+      x.kind === 'template' ||
+      (x.kind === 'choice' && x.choices.every(supported))
+    return supported(e) ? e : unknown
+  }
+  const body = fn.get('body') as NodePath
+  if (!body.isBlockStatement()) return result(body)
+  const returns: Expr[] = []
+  let unsupported = false
+  const visit = (p: NodePath, depth: number): boolean => {
+    if (depth > 20 || returns.length > 64) {
+      unsupported = true
+      return true
+    }
+    if (p.isReturnStatement()) {
+      returns.push(p.node.argument ? result(p.get('argument') as NodePath) : omitted)
+      return false
+    }
+    if (p.isBlockStatement()) {
+      let fallsThrough = true
+      for (const statement of p.get('body')) {
+        if (!fallsThrough) break
+        fallsThrough = visit(statement, depth + 1)
+      }
+      return fallsThrough
+    }
+    if (p.isIfStatement()) {
+      const yes = visit(p.get('consequent'), depth + 1)
+      const no = p.node.alternate ? visit(p.get('alternate') as NodePath, depth + 1) : true
+      return yes || no
+    }
+    if (
+      p.isVariableDeclaration({ kind: 'const' }) &&
+      p.node.declarations.every((d) => t.isIdentifier(d.id))
+    )
+      return true
+    unsupported = true
+    return true
+  }
+  if (visit(body, 0)) returns.push(omitted)
+  return unsupported || !returns.length ? unknown : { kind: 'choice', choices: returns }
+}
+
+interface Result {
+  values: Scalar[]
+  undefined: boolean
+  unknown: boolean
+  sources: string[]
+  classInputs?: boolean
+}
+const empty = (): Result => ({ values: [], undefined: false, unknown: false, sources: [] })
+const union = (xs: Result[]): Result => ({
+  values: [...new Map(xs.flatMap((x) => x.values).map((v) => [canonical(v), v])).values()].sort(
+    (a, b) => (canonical(a) < canonical(b) ? -1 : canonical(a) > canonical(b) ? 1 : 0)
+  ),
+  undefined: xs.some((x) => x.undefined),
+  unknown: xs.some((x) => x.unknown),
+  sources: [...new Set(xs.flatMap((x) => x.sources))].sort(),
+  classInputs: xs.some((x) => x.classInputs),
+})
+
+export class StaticInputs {
+  readonly values = new Map<string, Expr>()
+  readonly functions = new Map<string, Expr>()
+  readonly unsafe = new Set<string>()
+  constructor(readonly resolve: (ref: string) => string[]) {}
+  evaluate(e: Expr, seen = new Set<string>(), depth = 0): Result {
+    if (depth > 20) return { ...empty(), unknown: true }
+    const sub = (x: Expr) => this.evaluate(x, seen, depth + 1)
+    switch (e.kind) {
+      case 'literal':
+        return { ...empty(), values: [e.value] }
+      case 'absent':
+      case 'undefined':
+        return { ...empty(), undefined: true }
+      case 'unknown':
+        return { ...empty(), unknown: true }
+      case 'ref': {
+        if (seen.has(e.ref)) return { ...empty(), unknown: true }
+        const next = new Set(seen).add(e.ref)
+        const refs = this.values.has(e.ref) ? [e.ref] : this.resolve(e.ref)
+        return union(
+          refs.map((r) => {
+            const value = this.evaluate(this.values.get(r) ?? unknown, next, depth + 1)
+            return { ...value, sources: [...new Set([r, ...value.sources])].sort() }
+          })
+        )
+      }
+      case 'member':
+        return sub(this.property(e.object, e.key, seen, depth + 1))
+      case 'lookup':
+        return sub(this.lookup(e.object, e.key, seen, depth + 1))
+      case 'choice': {
+        const r = e.choices.length > 64 ? { ...empty(), unknown: true } : union(e.choices.map(sub))
+        return r.values.length > 64 ? { ...r, values: r.values.slice(0, 64), unknown: true } : r
+      }
+      case 'object':
+      case 'array':
+        return { ...empty(), unknown: true }
+      case 'call': {
+        // Recognize cn only by resolved EMCN implementation, never by a local name.
+        const refs = this.resolve(e.ref)
+        if (!refs.some((r) => /^packages\/emcn\/.*#cn@/.test(r)))
+          return sub(this.callResult(e, seen))
+        const parts = e.args.map(sub)
+        if (parts.some((r) => r.unknown)) return { ...empty(), unknown: true }
+        const result = this.product(
+          parts.map((r) => ({
+            ...r,
+            values: [...r.values.map((v) => (v ? String(v) : '')), ...(r.undefined ? [''] : [])],
+            undefined: false,
+          })),
+          ' '
+        )
+        return { ...result, classInputs: true }
+      }
+      case 'join': {
+        const items = this.arrayItems(e.array, seen, depth + 1)
+        if (!items) return { ...empty(), unknown: true }
+        const parts = items.map(sub)
+        if (
+          parts.some(
+            (part) =>
+              part.unknown || part.undefined || part.values.some((v) => typeof v !== 'string')
+          )
+        )
+          return { ...empty(), unknown: true }
+        return this.product(parts, e.separator)
+      }
+      case 'template':
+        return this.product(e.parts.map(sub), '')
+    }
+  }
+  private arrayItems(e: Expr, seen: Set<string>, depth: number): Expr[] | undefined {
+    if (depth > 20) return undefined
+    if (e.kind === 'array') return e.items.length <= 64 ? e.items : undefined
+    if (e.kind !== 'ref' || seen.has(e.ref) || this.unsafe.has(e.ref)) return undefined
+    const refs = this.values.has(e.ref) ? [e.ref] : this.resolve(e.ref)
+    if (refs.length !== 1 || this.unsafe.has(refs[0])) return undefined
+    return this.arrayItems(this.values.get(refs[0]) ?? unknown, new Set(seen).add(e.ref), depth + 1)
+  }
+  private lookup(object: Expr, key: Expr, seen: Set<string>, depth: number): Expr {
+    if (depth > 20) return unknown
+    const selected = this.evaluate(key, seen, depth + 1)
+    if (!selected.unknown && !selected.undefined && selected.values.length) {
+      if (selected.values.some((value) => !['string', 'number'].includes(typeof value)))
+        return unknown
+      return {
+        kind: 'choice',
+        choices: selected.values.map((value) =>
+          this.property(object, String(value), seen, depth + 1)
+        ),
+      }
+    }
+    const names = this.objectKeys(object, seen, depth + 1)
+    if (names && !names.unknown && names.names.length && names.names.length <= 64)
+      return {
+        kind: 'choice',
+        choices: [
+          ...names.names.map((name) => this.property(object, name, seen, depth + 1)),
+          unknown,
+        ],
+      }
+    const items = this.arrayItems(object, seen, depth + 1)
+    return items ? { kind: 'choice', choices: items } : unknown
+  }
+  private callResult(e: Extract<Expr, { kind: 'call' }>, seen: Set<string>): Expr {
+    if (seen.has(e.ref)) return unknown
+    const refs = this.functions.has(e.ref) ? [e.ref] : this.resolve(e.ref)
+    return refs.length
+      ? { kind: 'choice', choices: refs.map((r) => this.functions.get(r) ?? unknown) }
+      : unknown
+  }
+  /** Whether a newly understood helper contributes to this style object. */
+  functionDerived(e: Expr, seen = new Set<string>(), depth = 0): boolean {
+    if (depth > 20) return false
+    if (e.kind === 'call') return this.callResult(e, seen).kind !== 'unknown'
+    if (e.kind === 'ref') {
+      if (seen.has(e.ref)) return false
+      const refs = this.values.has(e.ref) ? [e.ref] : this.resolve(e.ref)
+      return refs.some((r) =>
+        this.functionDerived(this.values.get(r) ?? unknown, new Set(seen).add(e.ref), depth + 1)
+      )
+    }
+    if (e.kind === 'choice') return e.choices.some((x) => this.functionDerived(x, seen, depth + 1))
+    if (e.kind === 'object')
+      return e.entries.some((x) => 'spread' in x && this.functionDerived(x.spread, seen, depth + 1))
+    return false
+  }
+  private product(parts: Result[], separator: string): Result {
+    let strings = ['']
+    for (const part of parts) {
+      if (
+        part.unknown ||
+        part.undefined ||
+        !part.values.length ||
+        strings.length * part.values.length > 64
+      )
+        return { ...empty(), unknown: true }
+      strings = strings.flatMap((a) =>
+        part.values.map((b) => (a ? a + separator + String(b) : String(b)))
+      )
+    }
+    return {
+      ...empty(),
+      values: [...new Set(strings)],
+      sources: [...new Set(parts.flatMap((p) => p.sources))].sort(),
+    }
+  }
+  property(e: Expr, name: string, seen = new Set<string>(), depth = 0): Expr {
+    if (depth > 20) return unknown
+    if (e.kind === 'call')
+      return this.property(this.callResult(e, seen), name, new Set(seen).add(e.ref), depth + 1)
+    if (e.kind === 'lookup')
+      return this.property(this.lookup(e.object, e.key, seen, depth + 1), name, seen, depth + 1)
+    if (e.kind === 'ref') {
+      if (seen.has(e.ref)) return unknown
+      const next = new Set(seen).add(e.ref)
+      const refs = this.values.has(e.ref) ? [e.ref] : this.resolve(e.ref)
+      if (this.unsafe.has(e.ref) || refs.some((r) => this.unsafe.has(r))) return unknown
+      return {
+        kind: 'choice',
+        choices: refs.map((r) =>
+          this.property(this.values.get(r) ?? unknown, name, next, depth + 1)
+        ),
+      }
+    }
+    if (e.kind === 'choice')
+      return {
+        kind: 'choice',
+        choices: e.choices.map((x) => this.property(x, name, seen, depth + 1)),
+      }
+    if (e.kind === 'undefined' || (e.kind === 'literal' && e.value === null))
+      return { kind: 'absent' }
+    if (e.kind !== 'object') return unknown
+    let out: Expr = { kind: 'absent' }
+    for (const entry of e.entries) {
+      if ('key' in entry) {
+        if (entry.key === name) out = entry.value
+      } else {
+        const x = this.property(entry.spread, name, seen, depth + 1)
+        // Absent properties in a spread do not overwrite preceding attributes.
+        out = this.overlay(out, x)
+      }
+    }
+    return out
+  }
+  private overlay(previous: Expr, next: Expr): Expr {
+    if (next.kind === 'absent') return previous
+    if (next.kind === 'choice')
+      return { kind: 'choice', choices: next.choices.map((e) => this.overlay(previous, e)) }
+    return next
+  }
+  private objectKeys(
+    e: Expr,
+    seen = new Set<string>(),
+    depth = 0
+  ): { names: string[]; unknown: boolean } | undefined {
+    if (depth > 20) return { names: [], unknown: true }
+    if (e.kind === 'call')
+      return this.objectKeys(this.callResult(e, seen), new Set(seen).add(e.ref), depth + 1)
+    if (e.kind === 'undefined' || e.kind === 'absent' || (e.kind === 'literal' && e.value === null))
+      return { names: [], unknown: false }
+    if (e.kind === 'ref') {
+      if (seen.has(e.ref) || this.unsafe.has(e.ref)) return { names: [], unknown: true }
+      const refs = this.values.has(e.ref) ? [e.ref] : this.resolve(e.ref)
+      const choices = refs.map((r) =>
+        this.objectKeys(this.values.get(r) ?? unknown, new Set(seen).add(e.ref), depth + 1)
+      )
+      if (choices.every((r) => !r)) return undefined
+      return {
+        names: [...new Set(choices.flatMap((r) => r?.names ?? []))].sort(),
+        unknown: choices.some((r) => !r || r.unknown),
+      }
+    }
+    if (e.kind === 'choice') {
+      const choices = e.choices.map((x) => this.objectKeys(x, seen, depth + 1))
+      if (choices.every((r) => !r)) return undefined
+      return {
+        names: [...new Set(choices.flatMap((r) => r?.names ?? []))].sort(),
+        unknown: choices.some((r) => !r || r.unknown),
+      }
+    }
+    if (e.kind !== 'object') return undefined
+    const names = new Set<string>()
+    let uncertain = false
+    for (const entry of e.entries) {
+      if ('key' in entry) names.add(entry.key)
+      else {
+        const keys = this.objectKeys(entry.spread, seen, depth + 1)
+        if (!keys || keys.unknown) uncertain = true
+        for (const key of keys?.names ?? []) names.add(key)
+      }
+    }
+    return { names: [...names].sort().slice(0, 64), unknown: uncertain || names.size > 64 }
+  }
+  input(e: Expr, expressionText: string, depth = 0): ControlInput {
+    if (depth > 20) return { expression: expressionText, unresolved: true }
+    const keys = this.objectKeys(e)
+    if (keys?.names.length) {
+      const properties = Object.fromEntries(
+        keys.names.map((name) => [name, this.input(this.property(e, name), name, depth + 1)])
+      )
+      return {
+        expression: expressionText,
+        properties,
+        unresolved: keys.unknown || Object.values(properties).some((p) => p.unresolved),
+      }
+    }
+    const r = this.evaluate(e)
+    return {
+      expression: expressionText,
+      values: r.values,
+      unresolved: r.unknown,
+      ...(r.undefined ? { mayBeUndefined: true } : {}),
+      ...(r.sources.length ? { sources: r.sources } : {}),
+      ...(r.classInputs ? { composition: 'class-inputs-before-merge' as const } : {}),
+    }
+  }
+}
diff --git a/scripts/design-conformance/control-typography.ts b/scripts/design-conformance/control-typography.ts
new file mode 100644
index 00000000000..947d46ecc65
--- /dev/null
+++ b/scripts/design-conformance/control-typography.ts
@@ -0,0 +1,529 @@
+import { posix } from 'node:path'
+import { parse } from '@babel/parser'
+import traverseModule from '@babel/traverse'
+import * as t from '@babel/types'
+import postcss, { type Rule } from 'postcss'
+import valueParser from 'postcss-value-parser'
+import { type ControlSource, type Diagnostic, regular } from '#control-analysis/model'
+import { productScope } from '#control-analysis/scope'
+import { canonical, type Finding, TOKEN_FILE } from '#design-conformance/model'
+
+const traverse =
+  typeof traverseModule === 'function'
+    ? traverseModule
+    : (traverseModule as unknown as { default: typeof traverseModule }).default
+const editor =
+  'apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-editor.css'
+const loader = 'apps/sim/components/ui/thinking-loader.tsx'
+const loaderCss = 'apps/sim/components/ui/thinking-loader.module.css'
+const marketing = ['apps/sim/lib/content/mdx.tsx', 'apps/sim/lib/content/faq.tsx']
+const weights: Record<string, string> = {
+  '--font-weight-normal': '400',
+  '--font-weight-medium': '500',
+  '--font-weight-semibold': '600',
+}
+const recipes: [string, [string, string][]][] = [
+  [
+    '.rich-markdown-prose h1',
+    [
+      ['font-size', '1.6em'],
+      ['margin-top', '1.4em'],
+    ],
+  ],
+  [
+    '.rich-markdown-prose h2',
+    [
+      ['font-size', '1.3em'],
+      ['margin-top', '1.3em'],
+    ],
+  ],
+  [
+    '.rich-markdown-prose h3',
+    [
+      ['font-size', '1.1em'],
+      ['margin-top', '1.2em'],
+    ],
+  ],
+  [
+    '.rich-markdown-prose h4',
+    [
+      ['font-size', '1em'],
+      ['margin-top', '1.1em'],
+    ],
+  ],
+  [
+    '.rich-markdown-prose h5',
+    [
+      ['font-size', '0.875em'],
+      ['margin-top', '1.1em'],
+    ],
+  ],
+  [
+    '.rich-markdown-prose h6',
+    [
+      ['font-size', '0.8em'],
+      ['margin-top', '1.1em'],
+      ['color', 'var(--text-secondary)'],
+    ],
+  ],
+  [
+    '.rich-markdown-prose code',
+    [
+      ['font-family', 'var(--font-martian-mono, ui-monospace, monospace)'],
+      ['font-size', '0.875em'],
+      ['background', 'var(--surface-5)'],
+      ['border-radius', '4px'],
+      ['padding', '0.125rem 0.375rem'],
+    ],
+  ],
+  [
+    '.rich-markdown-nodes .raw-markdown-block, .rich-markdown-nodes .raw-markdown-inline',
+    [
+      ['font-family', 'var(--font-martian-mono, ui-monospace, monospace)'],
+      ['font-size', '0.875em'],
+      ['color', 'var(--text-muted)'],
+      ['background', 'var(--surface-5)'],
+      ['white-space', 'pre-wrap'],
+      ['overflow-wrap', 'anywhere'],
+    ],
+  ],
+]
+const selector = (text: string) => text.replace(/\s+/g, ' ').trim()
+const value = (text: string): string => {
+  const nodes = (parts: valueParser.Node[]): unknown[] =>
+    parts.flatMap((n) =>
+      n.type === 'space' || n.type === 'comment'
+        ? []
+        : [
+            n.type === 'function'
+              ? [n.type, n.value, !!n.unclosed, nodes(n.nodes)]
+              : [n.type, n.value],
+          ]
+    )
+  return canonical(nodes(valueParser(text).nodes))
+}
+
+export interface TypographyClassification {
+  file: string
+  line: number
+  column: number
+  property: string
+  value: string
+  disposition: 'central-reference' | 'extra' | 'marketing'
+  reason: string
+}
+export interface TypographyReview {
+  version: '1.0.0'
+  classifications: TypographyClassification[]
+  ownership: { file: string; status: 'verified' | 'unresolved'; owners: string[] }[]
+  unchecked: Diagnostic[]
+}
+
+export const typographySource = (file: string): boolean =>
+  /\.(?:[cm]?[jt]sx?|css)$/.test(file) && !/(?:\.test\.|\.spec\.|__tests__|node_modules)/.test(file)
+
+/** Only exact reviewed source treatments gain an Extra; ordinary component overrides stay visible. */
+export function inspectTypography(source: ControlSource): TypographyReview {
+  const report: TypographyReview = {
+    version: '1.0.0',
+    classifications: [],
+    ownership: [],
+    unchecked: [],
+  }
+  const texts = new Map<string, string>()
+  const ownershipTexts = new Map<string, string>()
+  for (const entry of source.entries) {
+    if (!typographySource(entry.path)) continue
+    const excluded = productScope(entry.path) === 'exclude'
+    if (excluded) continue
+    if (!regular(entry)) {
+      report.unchecked.push({
+        file: entry.path,
+        line: 1,
+        context: 'typography source ownership',
+        reason: 'Unsupported source; no complete ownership proof',
+      })
+      continue
+    }
+    if (entry.bytes > 2 * 1024 * 1024) {
+      try {
+        if (!/\.[cm]?[jt]sx?$/.test(entry.path) || !source.readOwnership)
+          throw new Error('Ownership source unavailable')
+        ownershipTexts.set(entry.path, source.readOwnership(entry))
+      } catch {
+        report.unchecked.push({
+          file: entry.path,
+          line: 1,
+          context: 'typography source ownership',
+          reason: 'Unsupported source; no complete ownership proof',
+        })
+      }
+      continue
+    }
+    const text = source.read(entry)
+    if (!excluded) texts.set(entry.path, text)
+    ownershipTexts.set(entry.path, text)
+  }
+  const css = new Map<string, postcss.Root>()
+  for (const [file, text] of texts)
+    if (file.endsWith('.css')) {
+      try {
+        css.set(file, postcss.parse(text))
+      } catch {
+        report.unchecked.push({
+          file,
+          line: 1,
+          context: 'typography',
+          reason: 'CSS parse failure; no typography exception approved for this source',
+        })
+      }
+    }
+  const tokenWrites = new Set<string>()
+  for (const [file, text] of texts) {
+    if (file.endsWith('.css')) continue
+    const candidates = [...Object.keys(weights), '--text-sm'].filter((name) => text.includes(name))
+    if (!candidates.length) continue
+    try {
+      const program = parse(text, { sourceType: 'module', plugins: ['typescript', 'jsx'] })
+      t.traverseFast(program, (node) => {
+        const key = t.isObjectProperty(node)
+          ? node.key
+          : t.isAssignmentExpression(node) && t.isMemberExpression(node.left)
+            ? node.left.property
+            : undefined
+        if (key) {
+          const name = t.isStringLiteral(key) ? key.value : t.isIdentifier(key) ? key.name : ''
+          if (candidates.includes(name)) tokenWrites.add(name)
+        }
+        if (
+          t.isCallExpression(node) &&
+          t.isMemberExpression(node.callee) &&
+          t.isIdentifier(node.callee.property, { name: 'setProperty' }) &&
+          t.isStringLiteral(node.arguments[0]) &&
+          candidates.includes(node.arguments[0].value)
+        )
+          tokenWrites.add(node.arguments[0].value)
+        const css = t.isStringLiteral(node)
+          ? node.value
+          : t.isTemplateElement(node)
+            ? node.value.raw
+            : ''
+        for (const match of css.matchAll(/(--[\w-]+)\s*:/g))
+          if (candidates.includes(match[1])) tokenWrites.add(match[1])
+      })
+    } catch {
+      for (const name of candidates) tokenWrites.add(name)
+    }
+  }
+  const completeCss = !report.unchecked.some((note) => note.file.endsWith('.css'))
+  const globalTokens = new Set<string>()
+  for (const [name, expected] of Object.entries({ ...weights, '--text-sm': '0.875rem' })) {
+    const definitions: { file: string; decl: postcss.Declaration }[] = []
+    for (const [file, root] of css)
+      root.walkDecls(name, (decl) => {
+        definitions.push({ file, decl })
+      })
+    if (
+      completeCss &&
+      definitions.length === 1 &&
+      definitions[0].file === TOKEN_FILE &&
+      definitions[0].decl.value === expected &&
+      !definitions[0].decl.important &&
+      definitions[0].decl.parent?.type === 'atrule' &&
+      definitions[0].decl.parent.name === 'theme' &&
+      definitions[0].decl.parent.parent?.type === 'root' &&
+      !tokenWrites.has(name)
+    )
+      globalTokens.add(name)
+  }
+  for (const [file, root] of css) {
+    if (file === TOKEN_FILE) continue
+    root.walkDecls('font-weight', (decl) => {
+      const name = decl.value.match(/^var\(\s*(--[\w-]+)\s*\)$/)?.[1]
+      if (name && name in weights && globalTokens.has(name))
+        report.classifications.push({
+          file,
+          line: decl.source?.start?.line ?? 1,
+          column: decl.source?.start?.column ?? 1,
+          property: 'font-weight',
+          value: decl.value,
+          disposition: 'central-reference',
+          reason: `Unshadowed ${name} is explicitly defined as ${weights[name]} in globals.css`,
+        })
+    })
+  }
+  for (const [expectedSelector, expectedDeclarations] of recipes) {
+    const rules: Rule[] = []
+    css.get(editor)?.walkRules((rule) => {
+      if (selector(rule.selector) === expectedSelector) rules.push(rule)
+    })
+    if (rules.length !== 1 || rules[0].parent?.type !== 'root') continue
+    const rule = rules[0]
+    const declarations = rule.nodes
+      .filter((n) => n.type !== 'comment')
+      .map((n) => (n.type === 'decl' ? [n.prop, value(n.value), !!n.important] : ['unsupported']))
+    if (
+      canonical(declarations) !==
+      canonical(expectedDeclarations.map(([p, v]) => [p, value(v), false]))
+    )
+      continue
+    const decl = rule.nodes.find(
+      (n) => n.type === 'decl' && n.prop === 'font-size'
+    ) as postcss.Declaration
+    report.classifications.push({
+      file: editor,
+      line: decl.source?.start?.line ?? 1,
+      column: decl.source?.start?.column ?? 1,
+      property: 'font-size',
+      value: decl.value,
+      disposition: 'extra',
+      reason: `Exact relative document recipe: ${expectedSelector}; scales with document text`,
+    })
+  }
+  // A name or a fallback alone never proves this dynamic size. Verify the one writer,
+  // its immutable component parameters, owning style object, and both CSS consumers.
+  let loaderWriter = false
+  const loaderMentions = [...texts].filter(([, text]) => text.includes('--tl-label-size'))
+  if (loaderMentions.every(([file]) => file === loader || file === loaderCss)) {
+    try {
+      const ast = parse(texts.get(loader) ?? '', {
+        sourceType: 'module',
+        plugins: ['typescript', 'jsx'],
+      })
+      let writers = 0
+      traverse(ast, {
+        ObjectProperty(path) {
+          if (!t.isStringLiteral(path.node.key, { value: '--tl-label-size' })) return
+          writers++
+          const v = path.node.value
+          const fn = path.getFunctionParent()
+          const attr = path.findParent((p) => p.isJSXAttribute())
+          const expr =
+            t.isTemplateLiteral(v) && v.expressions.length === 1 ? v.expressions[0] : undefined
+          const params = ['size', 'labelRatio'].map((name) => path.scope.getBinding(name))
+          loaderWriter =
+            !path.node.computed &&
+            t.isTemplateLiteral(v) &&
+            v.quasis.length === 2 &&
+            v.quasis[0].value.cooked === '' &&
+            v.quasis[1].value.cooked === 'px' &&
+            t.isBinaryExpression(expr, { operator: '*' }) &&
+            t.isIdentifier(expr.left, { name: 'size' }) &&
+            t.isIdentifier(expr.right, { name: 'labelRatio' }) &&
+            !!fn?.isFunctionDeclaration() &&
+            fn.node.id?.name === 'ThinkingLoader' &&
+            params.every((b) => b?.kind === 'param' && b.constant && b.scope.path === fn) &&
+            t.isObjectPattern(fn.node.params[0]) &&
+            (['size', 'labelRatio'] as const).every(
+              (name) =>
+                t.isObjectPattern(fn.node.params[0]) &&
+                fn.node.params[0].properties.some(
+                  (p) =>
+                    t.isObjectProperty(p) &&
+                    !p.computed &&
+                    t.isIdentifier(p.key, { name }) &&
+                    t.isAssignmentPattern(p.value) &&
+                    t.isIdentifier(p.value.left, { name }) &&
+                    t.isNumericLiteral(p.value.right, { value: name === 'size' ? 20 : 0.7 })
+                )
+            ) &&
+            !!attr?.isJSXAttribute() &&
+            t.isJSXIdentifier(attr.node.name, { name: 'style' }) &&
+            attr.parentPath.isJSXOpeningElement() &&
+            t.isJSXIdentifier(attr.parentPath.node.name, { name: 'output' }) &&
+            path.parentPath.isObjectExpression() &&
+            path.parentPath.node.properties.length === 2 &&
+            path.parentPath.node.properties.every((p) => t.isObjectProperty(p) && !p.computed)
+        },
+      })
+      loaderWriter &&=
+        writers === 1 && (texts.get(loader)?.match(/--tl-label-size/g)?.length ?? 0) === 1
+    } catch {
+      loaderWriter = false
+    }
+  }
+  const loaderRules: Rule[] = []
+  css.get(loaderCss)?.walkRules((rule) => {
+    if (rule.selector === '.label' || rule.selector === '.labelStatic') loaderRules.push(rule)
+  })
+  let cssWriters = false
+  for (const root of css.values())
+    root.walkDecls('--tl-label-size', () => {
+      cssWriters = true
+    })
+  if (
+    loaderWriter &&
+    !cssWriters &&
+    loaderRules.length === 2 &&
+    new Set(loaderRules.map((r) => r.selector)).size === 2 &&
+    (texts.get(loaderCss)?.match(/--tl-label-size/g)?.length ?? 0) === 2
+  ) {
+    for (const rule of loaderRules) {
+      const decls = rule.nodes.filter(
+        (n): n is postcss.Declaration => n.type === 'decl' && n.prop === 'font-size'
+      )
+      if (
+        rule.parent?.type === 'root' &&
+        decls.length === 1 &&
+        !decls[0].important &&
+        value(decls[0].value) === value('var(--tl-label-size, var(--text-sm))') &&
+        globalTokens.has('--text-sm')
+      ) {
+        const decl = decls[0]
+        report.classifications.push({
+          file: loaderCss,
+          line: decl.source?.start?.line ?? 1,
+          column: decl.source?.start?.column ?? 1,
+          property: 'font-size',
+          value: decl.value,
+          disposition: 'extra',
+          reason:
+            'Verified immutable size × labelRatio writer on ThinkingLoader output; central body-size fallback',
+        })
+      }
+    }
+  }
+  // Walk reverse literal imports, including aliases, re-exports and dynamic imports.
+  // Only known marketing helpers qualify; a new product importer revokes their classification.
+  const moduleInfo = new Map<string, { deps: string[]; unresolved: boolean; jsx: boolean }>()
+  const resolve = (file: string, spec: string) => {
+    const base =
+      spec.startsWith('@/') && file.startsWith('apps/sim/')
+        ? `apps/sim/${spec.slice(2)}`
+        : spec.startsWith('.')
+          ? posix.normalize(posix.join(posix.dirname(file), spec))
+          : spec
+    const matches = [
+      base,
+      ...['.ts', '.tsx', '.js', '.jsx', '/index.ts', '/index.tsx'].map((ext) => base + ext),
+    ].filter((p) => ownershipTexts.has(p))
+    return matches.length === 1 ? matches[0] : undefined
+  }
+  const info = (file: string) => {
+    const cached = moduleInfo.get(file)
+    if (cached) return cached
+    const item = { deps: [] as string[], unresolved: false, jsx: false }
+    try {
+      const ast = parse(ownershipTexts.get(file) ?? '', {
+        sourceType: 'unambiguous',
+        plugins: ['typescript', 'jsx', 'decorators-legacy'],
+      })
+      const dependency = (node: t.Node | null | undefined) => {
+        if (!t.isStringLiteral(node)) {
+          item.unresolved = true
+          return
+        }
+        const dep = resolve(file, node.value)
+        if (dep) item.deps.push(dep)
+      }
+      traverse(ast, {
+        ImportDeclaration(p) {
+          dependency(p.node.source)
+        },
+        ExportNamedDeclaration(p) {
+          if (p.node.source) dependency(p.node.source)
+        },
+        ExportAllDeclaration(p) {
+          dependency(p.node.source)
+        },
+        CallExpression(p) {
+          if (t.isImport(p.node.callee) || t.isIdentifier(p.node.callee, { name: 'require' }))
+            dependency(p.node.arguments[0])
+        },
+        ImportExpression(p) {
+          dependency(p.node.source)
+        },
+        JSXElement() {
+          item.jsx = true
+        },
+      })
+    } catch {
+      item.unresolved = true
+    }
+    moduleInfo.set(file, item)
+    return item
+  }
+  const mightImport = (file: string, text: string, target: string): boolean => {
+    if (file === target || !/\.[cm]?[jt]sx?$/.test(file)) return false
+    const stem = target.replace(/\.[cm]?[jt]sx?$/, '')
+    const alias = stem.startsWith('apps/sim/') ? `@/${stem.slice('apps/sim/'.length)}` : stem
+    const relative = posix.relative(posix.dirname(file), stem)
+    const local = relative.startsWith('.') ? relative : `./${relative}`
+    if (text.includes(alias) || text.includes(local)) return true
+    if (posix.basename(stem) === 'index' && text.includes(alias.slice(0, -'/index'.length)))
+      return true
+    if (!/\b(?:import|require)\s*\(/.test(text)) return false
+    const aliasDirectory = `${posix.dirname(alias)}/`
+    const localDirectory = `${posix.dirname(local)}/`
+    return text.includes(aliasDirectory) || text.includes(localDirectory)
+  }
+  for (const file of marketing.filter((p) => ownershipTexts.has(p))) {
+    const visited = new Set<string>()
+    const owners = new Set<string>()
+    let valid = !report.unchecked.some(
+      (item) => item.context === 'typography source ownership' && /\.[cm]?[jt]sx?$/.test(item.file)
+    )
+    const walk = (target: string, stack: Set<string>) => {
+      if (stack.has(target)) {
+        valid = false
+        return
+      }
+      if (visited.has(target)) return
+      visited.add(target)
+      const candidates = [...ownershipTexts].filter(([p, text]) => mightImport(p, text, target))
+      if (candidates.some(([p]) => info(p).unresolved)) valid = false
+      const callers = candidates.filter(([p]) => info(p).deps.includes(target)).map(([p]) => p)
+      if (!callers.length) valid = false
+      for (const caller of callers) {
+        const details = info(caller)
+        if (details.unresolved) valid = false
+        if (
+          caller.startsWith('apps/sim/app/(landing)/') ||
+          caller.startsWith('apps/docs/') ||
+          caller.startsWith('apps/sim/app/(docs)/') ||
+          (caller === 'apps/sim/app/sitemap.ts' && !details.jsx)
+        )
+          owners.add(caller)
+        else if (caller.startsWith('apps/sim/lib/')) walk(caller, new Set(stack).add(target))
+        else valid = false
+      }
+    }
+    walk(file, new Set())
+    report.ownership.push({
+      file,
+      status: valid && owners.size ? 'verified' : 'unresolved',
+      owners: [...owners].sort(),
+    })
+  }
+  return report
+}
+
+export function classifyTypography<T extends Finding>(
+  findings: T[],
+  review: TypographyReview
+): T[] {
+  return findings.filter((f) => {
+    if (review.ownership.some((o) => o.file === f.file && o.status === 'verified')) {
+      review.classifications.push({
+        file: f.file,
+        line: f.line,
+        column: f.column,
+        property: f.property,
+        value: f.value,
+        disposition: 'marketing',
+        reason:
+          'Verified literal-import ownership reaches only landing/docs routes or the non-UI sitemap',
+      })
+      return false
+    }
+    if (f.rule !== 'central-typography') return true
+    return !review.classifications.some(
+      (c) =>
+        c.file === f.file &&
+        c.line === f.line &&
+        c.column === f.column &&
+        c.property === f.property &&
+        value(c.value) === value(f.provenance?.input ?? f.value)
+    )
+  })
+}
diff --git a/scripts/design-conformance/design-system.ts b/scripts/design-conformance/design-system.ts
new file mode 100644
index 00000000000..e416d363b1a
--- /dev/null
+++ b/scripts/design-conformance/design-system.ts
@@ -0,0 +1,631 @@
+import { posix } from 'node:path'
+import { parse } from '@babel/parser'
+import * as t from '@babel/types'
+import { compareStrings } from '@sim/utils/string'
+import postcss from 'postcss'
+import valueParser from 'postcss-value-parser'
+import { extractCentralRecipes } from '#design-conformance/central-recipes'
+import { centralFile, contractsHash, registry } from '#design-conformance/contracts'
+import { extract } from '#design-conformance/extract'
+import { type GeneratedContracts, generateContracts } from '#design-conformance/generated-contracts'
+import {
+  type Atom,
+  type Catalogue,
+  canonical,
+  type Entry,
+  family,
+  hash,
+  TOKEN_FILE,
+} from '#design-conformance/model'
+import {
+  type Compiler,
+  compiler,
+  compilerTheme,
+  declarations,
+  defaultTheme,
+  rawColours,
+  utility,
+  variablesIn,
+} from '#design-conformance/normalize'
+import { classUseIndex, type SourceSummary, summarize } from '#design-conformance/source-summary'
+import type { SystemInput } from '#design-conformance/system-snapshot'
+
+export interface Reference {
+  value?: string
+  recipe?: boolean
+  source: string
+}
+type Piece = string | { ref: string }
+interface Module {
+  recipes?: ReturnType<typeof extractCentralRecipes>
+  summary?: SourceSummary
+  definitions: Atom[]
+  classes: { value: string; line: number }[]
+  values: Record<string, Piece[] | 'recipe'>
+  exports: Record<string, string>
+  stars: string[]
+  theme: string
+  unchecked: string[]
+}
+export interface DesignSystem {
+  metadata: GeneratedContracts
+  recipes: Record<string, ReturnType<typeof extractCentralRecipes>>
+  classUses: ReturnType<typeof classUseIndex>
+  summaries: { file: string; summary: SourceSummary }[]
+  resolutionHash: string
+  definitions: Record<string, Atom[]>
+  hash: string
+  entries: Entry[]
+  catalogue: Catalogue
+  compiler: Compiler
+  variableFamilies: Map<string, Set<string>>
+  adopted: Map<string, Set<string>>
+  resolve: (ref: string) => Reference | undefined
+  unchecked: { file: string; line?: number; reason: string }[]
+}
+const modules = new Map<string, Module>()
+const compilers = new Map<string, Compiler>()
+const compilerDiagnostics = new WeakMap<
+  Compiler,
+  { file: string; line: number; reason: string }[]
+>()
+const keyName = (n: t.Node) =>
+  t.isIdentifier(n) ? n.name : t.isStringLiteral(n) || t.isNumericLiteral(n) ? String(n.value) : ''
+const moduleName = (file: string) => file.replace(/\.[cm]?[jt]sx?$/, '')
+const resolvePath = (file: string, input: string) =>
+  input.startsWith('.')
+    ? posix.normalize(posix.join(posix.dirname(moduleName(file)), input))
+    : input
+/** Read literal central declarations and export syntax. Never invoke source functions. */
+function moduleInfo(source: string, file: string): Module {
+  const identity = hash(`${contractsHash}\0${file}\0${source}`)
+  const hit = modules.get(identity)
+  if (hit) return hit
+  const out: Module = {
+    values: {},
+    exports: {},
+    stars: [],
+    theme: '',
+    unchecked: [],
+    classes: [],
+    definitions: [],
+  }
+  if (!/\.[cm]?[jt]sx?$/.test(file)) return out
+  if (Buffer.byteLength(source) > registry.limits.sourceBytes)
+    throw new Error(`Central source exceeds parser limit: ${file}`)
+  if (registry.centralRecipes?.[file]) {
+    const recipes = extractCentralRecipes(file, source)
+    out.recipes = recipes
+    out.definitions = recipes.definitions
+    out.unchecked = recipes.unchecked
+    // Numeric/property-specific exports are not general className recipes.
+    // Their authoring contract does not approve arbitrary consumer channels.
+    if (modules.size >= 4096) modules.delete(modules.keys().next().value as string)
+    modules.set(identity, out)
+    return out
+  }
+  try {
+    const ast = parse(source, { sourceType: 'unambiguous', plugins: ['typescript', 'jsx'] })
+    out.summary = summarize(ast, file)
+    const bindings = new Map<string, t.Node>()
+    const imports = new Map<string, string>()
+    const exported = new Map<string, string>()
+    const declarations = (statement: t.Node) => {
+      if (t.isVariableDeclaration(statement))
+        for (const d of statement.declarations)
+          if (t.isIdentifier(d.id) && d.init) bindings.set(d.id.name, d.init)
+    }
+    for (const st of ast.program.body) {
+      if (t.isImportDeclaration(st))
+        for (const s of st.specifiers)
+          imports.set(
+            s.local.name,
+            `${resolvePath(file, st.source.value)}#${t.isImportSpecifier(s) ? keyName(s.imported) : t.isImportDefaultSpecifier(s) ? 'default' : '*'}`
+          )
+      if (t.isExportAllDeclaration(st)) out.stars.push(resolvePath(file, st.source.value))
+      if (t.isExportNamedDeclaration(st)) {
+        if (st.declaration) {
+          declarations(st.declaration)
+          if (t.isVariableDeclaration(st.declaration))
+            for (const d of st.declaration.declarations)
+              if (t.isIdentifier(d.id)) exported.set(d.id.name, d.id.name)
+          if (t.isFunctionDeclaration(st.declaration) && st.declaration.id)
+            exported.set(st.declaration.id.name, st.declaration.id.name)
+        }
+        for (const s of st.specifiers)
+          if (t.isExportSpecifier(s)) {
+            const name = keyName(s.exported)
+            const local = keyName(s.local)
+            if (st.source) out.exports[name] = `${resolvePath(file, st.source.value)}#${local}`
+            else exported.set(name, local)
+          }
+      } else declarations(st)
+    }
+    const unwrap = (node: t.Node): t.Node =>
+      t.isTSAsExpression(node) || t.isTSSatisfiesExpression(node) || t.isTSNonNullExpression(node)
+        ? unwrap(node.expression)
+        : node
+    const pieces = (
+      node: t.Node,
+      seen = new Set<string>(),
+      depth = 0
+    ): Piece[] | 'recipe' | undefined => {
+      if (depth > 12) return undefined
+      node = unwrap(node)
+      if (t.isStringLiteral(node) || t.isNumericLiteral(node)) return [String(node.value)]
+      if (t.isIdentifier(node)) {
+        if (imports.has(node.name)) return [{ ref: imports.get(node.name) as string }]
+        const b = bindings.get(node.name)
+        if (!b || seen.has(node.name)) return undefined
+        return pieces(b, new Set(seen).add(node.name), depth + 1)
+      }
+      if (t.isCallExpression(node) && t.isIdentifier(node.callee)) {
+        const target = imports.get(node.callee.name)
+        if (target === 'class-variance-authority#cva') return 'recipe'
+      }
+      if (t.isTemplateLiteral(node)) {
+        const result: Piece[] = []
+        for (let i = 0; i < node.quasis.length; i++) {
+          result.push(node.quasis[i].value.cooked ?? node.quasis[i].value.raw)
+          if (i < node.expressions.length) {
+            const p = pieces(node.expressions[i], seen, depth + 1)
+            if (!p || p === 'recipe') return undefined
+            result.push(...p)
+          }
+        }
+        return result
+      }
+      if (t.isBinaryExpression(node, { operator: '+' })) {
+        const a = pieces(node.left, seen, depth + 1)
+        const b = pieces(node.right, seen, depth + 1)
+        if (a && b && a !== 'recipe' && b !== 'recipe') return [...a, ...b]
+      }
+      return undefined
+    }
+    for (const [name, local] of exported) {
+      const value = bindings.get(local)
+      if (value) {
+        const p = pieces(value)
+        if (p) out.values[name] = p
+      } else if (imports.has(local)) out.exports[name] = imports.get(local) as string
+    }
+    // Historical Tailwind theme/extend object literals, including local constant aliases.
+    if (/tailwind\.config\./.test(file)) {
+      const object = (
+        n: t.Node | undefined,
+        seen = new Set<string>()
+      ): t.ObjectExpression | undefined => {
+        if (!n) return undefined
+        n = unwrap(n)
+        if (t.isObjectExpression(n)) return n
+        if (t.isIdentifier(n) && !seen.has(n.name))
+          return object(bindings.get(n.name), new Set(seen).add(n.name))
+        return undefined
+      }
+      const property = (n: t.ObjectExpression | undefined, k: string) =>
+        n?.properties.find((p) => t.isObjectProperty(p) && !p.computed && keyName(p.key) === k)
+      const value = (n: t.ObjectExpression | undefined, k: string) => {
+        const p = property(n, k)
+        return p && t.isObjectProperty(p) ? p.value : undefined
+      }
+      const d = ast.program.body.find((s) => t.isExportDefaultDeclaration(s))
+      const config = d && t.isExportDefaultDeclaration(d) ? object(d.declaration) : undefined
+      const theme = object(value(config, 'theme'))
+      const vars: string[] = []
+      const locations: Record<string, number> = {}
+      for (const container of [theme, object(value(theme, 'extend'))])
+        for (const [field, prefix] of Object.entries({
+          colors: 'color',
+          fontFamily: 'font',
+          fontSize: 'text',
+          borderRadius: 'radius',
+          boxShadow: 'shadow',
+        })) {
+          const walk = (n: t.Node | undefined, keys: string[]) => {
+            if (!n) return
+            const o = object(n)
+            if (o) {
+              for (const p of o.properties)
+                if (t.isObjectProperty(p) && !p.computed) walk(p.value, [...keys, keyName(p.key)])
+              return
+            }
+            locations[`--${prefix}-${keys.filter((k) => k !== 'DEFAULT').join('-')}`] =
+              n.loc?.start.line ?? 1
+            const p = pieces(n)
+            if (p && p !== 'recipe' && p.every((x) => typeof x === 'string'))
+              vars.push(
+                `--${prefix}-${keys.filter((k) => k !== 'DEFAULT').join('-')}:${p.join('')};`
+              )
+            else if (t.isArrayExpression(n) && n.elements[0]) {
+              const first = pieces(n.elements[0])
+              if (first && first !== 'recipe' && first.every((x) => typeof x === 'string')) {
+                const items =
+                  field === 'fontFamily'
+                    ? n.elements.map((x) => (x ? pieces(x) : undefined))
+                    : [first]
+                if (
+                  items.every((x) => x && x !== 'recipe' && x.every((y) => typeof y === 'string'))
+                )
+                  vars.push(
+                    `--${prefix}-${keys.join('-')}:${items.map((x) => (x as string[]).join('')).join(',')};`
+                  )
+              }
+            } else out.unchecked.push(`Unresolved central theme entry ${field}.${keys.join('.')}`)
+          }
+          const o = object(value(container, field))
+          if (o)
+            for (const p of o.properties)
+              if (t.isObjectProperty(p) && !p.computed) walk(p.value, [keyName(p.key)])
+        }
+      out.theme = vars.length ? `@theme {${vars.join('')}}` : ''
+      if (out.theme)
+        postcss.parse(out.theme).walkDecls((d) => {
+          out.definitions.push({
+            kind: 'token',
+            property: d.prop,
+            value: d.value,
+            line: locations[d.prop] ?? 1,
+            column: 1,
+            context: '@theme',
+          })
+        })
+    }
+    if (/(?:tailwind|postcss)\.config\./.test(file)) {
+      const materialize = (node: t.Node, seen = new Set<string>(), depth = 0): unknown => {
+        if (depth > 12) return '<resolution-limit>'
+        node = unwrap(node)
+        if (t.isIdentifier(node) && bindings.has(node.name) && !seen.has(node.name))
+          return materialize(
+            bindings.get(node.name) as t.Node,
+            new Set(seen).add(node.name),
+            depth + 1
+          )
+        if (t.isObjectExpression(node))
+          return Object.fromEntries(
+            node.properties
+              .map((p) =>
+                t.isObjectProperty(p) && !p.computed
+                  ? [keyName(p.key), materialize(p.value, seen, depth + 1)]
+                  : ['<unresolved>', p.type]
+              )
+              .sort(([a], [b]) => compareStrings(String(a), String(b)))
+          )
+        if (t.isArrayExpression(node))
+          return node.elements.map((n) => (n ? materialize(n, seen, depth + 1) : null))
+        if (t.isStringLiteral(node) || t.isNumericLiteral(node) || t.isBooleanLiteral(node))
+          return node.value
+        return JSON.parse(
+          JSON.stringify(node, (key, value) =>
+            [
+              'start',
+              'end',
+              'loc',
+              'extra',
+              'leadingComments',
+              'trailingComments',
+              'innerComments',
+              'comments',
+            ].includes(key)
+              ? undefined
+              : value
+          )
+        )
+      }
+      const declaration = ast.program.body.find((s) => t.isExportDefaultDeclaration(s))
+      const semantic = JSON.stringify(
+        declaration && t.isExportDefaultDeclaration(declaration)
+          ? materialize(declaration.declaration)
+          : []
+      )
+
+      out.definitions.push({
+        kind: 'style',
+        property: '@configuration',
+        value: semantic,
+        line: 1,
+        column: 1,
+        context: 'declarative-config',
+      })
+    }
+  } catch {
+    throw new Error(`Central source parser failure: ${file}`)
+  }
+  out.classes = extract(source, file)
+    .atoms.filter((a) => a.kind === 'class')
+    .map((a) => ({ value: a.value, line: a.line }))
+  if (modules.size >= 4096) modules.delete(modules.keys().next().value as string)
+  modules.set(identity, out)
+  return out
+}
+/** Keep unresolved import boundaries visible without loading packages or executable build code. */
+export const centralCompilerDiagnostics = (compiled: Compiler) =>
+  compilerDiagnostics.get(compiled) ?? []
+
+/** All callers compile the same immutable central CSS and declarative historical theme inputs. */
+export async function centralCompiler(input: SystemInput): Promise<Compiler> {
+  const sources = new Map<string, string>()
+  for (const entry of input.snapshot.entries) {
+    if (!entry.path.endsWith('.css') && !/tailwind\.config\.[cm]?[jt]s$/.test(entry.path)) continue
+    if (!/^100(?:644|755)$/.test(entry.mode))
+      throw new Error(`Central compiler input is not a regular file: ${entry.path}`)
+    const source = input.read(entry)
+    if (Buffer.byteLength(source) > registry.limits.sourceBytes)
+      throw new Error(`Central compiler input exceeds parser limit: ${entry.path}`)
+    sources.set(entry.path, source)
+  }
+  const identity = hash(
+    canonical([defaultTheme, contractsHash, [...sources].sort(([a], [b]) => compareStrings(a, b))])
+  )
+  const cached = compilers.get(identity)
+  if (cached) return cached
+  const blocks = [defaultTheme]
+  const visited = new Set<string>()
+  const diagnostics: { file: string; line: number; reason: string }[] = []
+  const visit = (file: string, active = new Set<string>()) => {
+    if (active.has(file) || active.size >= 12) {
+      diagnostics.push({
+        file,
+        line: 1,
+        reason:
+          'Central stylesheet import is cyclic or exceeds the 12-file resolution limit; imported theme is unchecked',
+      })
+      return
+    }
+    const source = sources.get(file)
+    if (source === undefined) return
+    visited.add(file)
+    const next = new Set(active).add(file)
+    postcss.parse(source, { from: file }).each((node) => {
+      if (node.type !== 'atrule') return
+      if (['theme', 'custom-variant', 'utility'].includes(node.name)) {
+        blocks.push(node.toString() + (node.nodes ? '' : ';'))
+        return
+      }
+      if (node.name !== 'import') return
+      const parsed = valueParser(node.params).nodes.filter(
+        (part) => part.type !== 'space' && part.type !== 'comment'
+      )
+      const first = parsed[0]
+      const target =
+        first?.type === 'string'
+          ? first.value
+          : first?.type === 'function' && first.value === 'url'
+            ? valueParser.stringify(first.nodes).replace(/^['"]|['"]$/g, '')
+            : ''
+      if (target === 'tailwindcss' || target.startsWith('tailwindcss/')) return
+      const local = target.startsWith('.')
+        ? posix.normalize(posix.join(posix.dirname(file), target))
+        : undefined
+      if (local && sources.has(local)) {
+        if (parsed.length > 1)
+          diagnostics.push({
+            file,
+            line: node.source?.start?.line ?? 1,
+            reason: `Conditional stylesheet import ${target} has unresolved runtime context; its declarative compiler inputs are included conservatively`,
+          })
+        visit(local, next)
+      } else
+        diagnostics.push({
+          file,
+          line: node.source?.start?.line ?? 1,
+          reason: `Stylesheet import ${target || node.params} is outside the supplied central snapshot; imported styling is unchecked`,
+        })
+    })
+  }
+  if (sources.has(TOKEN_FILE)) visit(TOKEN_FILE)
+  for (const [file] of [...sources].sort(([a], [b]) => compareStrings(a, b))) {
+    if (file.endsWith('.css') && centralFile(file) && !visited.has(file)) visit(file)
+    if (/tailwind\.config\.[cm]?[jt]s$/.test(file)) {
+      const theme = moduleInfo(sources.get(file) as string, file).theme
+      if (theme) blocks.push(theme)
+    }
+  }
+  const compiled = await compiler(blocks.join('\n'), identity)
+  compilerDiagnostics.set(compiled, diagnostics)
+  if (compilers.size >= 8) compilers.delete(compilers.keys().next().value as string)
+  compilers.set(identity, compiled)
+  return compiled
+}
+export async function designSystem(input: SystemInput): Promise<DesignSystem> {
+  const recipes: DesignSystem['recipes'] = {}
+  const variables: Record<string, string[]> = {}
+  const origins: Record<string, string[]> = {}
+  const definitions: Record<string, Atom[]> = {}
+  const info = new Map<string, Module>()
+  const unchecked: DesignSystem['unchecked'] = (input.unchecked ?? []).map((reason) => ({
+    file: '<central snapshot>',
+    reason,
+  }))
+  for (const entry of input.snapshot.entries) {
+    if (!centralFile(entry.path)) continue
+    if (!/^100(?:644|755)$/.test(entry.mode))
+      throw new Error(`Central source is not a regular file: ${entry.path}`)
+    const source = input.read(entry)
+    if (Buffer.byteLength(source) > registry.limits.sourceBytes)
+      throw new Error(`Central source exceeds parser limit: ${entry.path}`)
+    if (/\.css$/.test(entry.path) && entry.path.startsWith('apps/sim/app/_styles/')) {
+      const css = postcss.parse(source)
+      css.walkDecls((d) => {
+        if (d.prop.startsWith('--')) {
+          variables[d.prop] = [...new Set([...(variables[d.prop] ?? []), d.value])].sort()
+          origins[d.prop] = [...new Set([...(origins[d.prop] ?? []), entry.path])].sort()
+        }
+      })
+    }
+    if (/\.[cm]?[jt]sx?$/.test(entry.path)) {
+      const m = moduleInfo(source, entry.path)
+      if (m.recipes) recipes[entry.path] = m.recipes
+      info.set(moduleName(entry.path), m)
+      definitions[entry.path] = m.definitions
+      for (const reason of m.unchecked) unchecked.push({ file: entry.path, reason })
+      if (m.theme) {
+        postcss.parse(m.theme).walkDecls((d) => {
+          variables[d.prop] = [d.value]
+          origins[d.prop] = [entry.path]
+        })
+      }
+    }
+  }
+  if (!input.snapshot.entries.some((e) => e.path === TOKEN_FILE))
+    throw new Error('Required central globals.css is missing')
+  const variableFamilies = new Map<string, Set<string>>()
+  const adopted = new Map<string, Set<string>>()
+  const mark = (name: string, family: string, seen = new Set<string>()) => {
+    if (seen.has(name) || seen.size > 12) return
+    variableFamilies.set(name, new Set([...(variableFamilies.get(name) ?? []), family]))
+    for (const v of variables[name] ?? [])
+      for (const ref of variablesIn(v)) mark(ref, family, new Set(seen).add(name))
+  }
+  for (const [name, values] of Object.entries(variables)) {
+    const family = name.startsWith('--color-')
+      ? 'colours'
+      : name.startsWith('--font-') && !name.startsWith('--font-weight-')
+        ? 'font-family'
+        : name.startsWith('--radius')
+          ? 'border-radius'
+          : name.startsWith('--shadow')
+            ? 'box-shadow'
+            : name.startsWith('--text-') &&
+                !name.includes('--line-height') &&
+                values.every((v) => /^\d+(?:\.\d+)?(?:px|rem)$/.test(v))
+              ? 'font-size'
+              : values.some((v) => rawColours(v) && !/shadow/.test(name))
+                ? 'colours'
+                : undefined
+    if (family) mark(name, family)
+  }
+  // Alias declarations inherit the type of their central target, including legacy border aliases.
+  for (let pass = 0; pass < 12; pass++)
+    for (const [name, values] of Object.entries(variables)) {
+      if (values.every((v) => /^var\(\s*--[\w-]+\s*\)$/.test(v))) {
+        const families = values.map((v) => variableFamilies.get(variablesIn(v)[0]))
+        if (families.every(Boolean))
+          for (const f of families[0] as Set<string>)
+            if (families.every((fs) => fs?.has(f))) mark(name, f)
+      }
+    }
+  for (const [family, names] of Object.entries(registry.builtins))
+    adopted.set(family, new Set(names))
+  for (const [prefix, family] of Object.entries({
+    '--color-': 'colours',
+    '--font-': 'font-family',
+    '--text-': 'font-size',
+    '--radius-': 'border-radius',
+    '--shadow-': 'box-shadow',
+  }))
+    for (const name of Object.keys(variables))
+      if (name.startsWith(prefix) && variableFamilies.get(name)?.has(family))
+        adopted.get(family)?.add(name.slice(prefix.length))
+  const system = await centralCompiler(input)
+  const theme = compilerTheme(system)
+  unchecked.push(...centralCompilerDiagnostics(system))
+  // Literal named utilities in central styling definitions are explicit adoptions of
+  // existing Tailwind tokens. Arbitrary literals and consumer occurrences add no permissions.
+  for (const [file, module] of info)
+    for (const atom of module.classes) {
+      const base = utility(atom.value).base
+      if (/[[(]/.test(base)) continue
+      for (const d of declarations(
+        {
+          kind: 'class',
+          property: 'class',
+          value: atom.value,
+          line: atom.line,
+          column: 1,
+          context: '',
+        },
+        system,
+        variables,
+        true
+      ) ?? []) {
+        const f = d.category === 'colours' ? 'colours' : family(d.property)
+        if (f === 'font-weight') continue // Written finite weight rule overrides historical authoring debt.
+        const prefix: Record<string, RegExp> = {
+          colours:
+            /^(?:text|bg|border(?:-[trblxyse])?|outline|ring(?:-offset)?|fill|stroke|decoration|from|via|to|accent|caret)-(.+?)(?:\/[\d.]+)?$/,
+          'font-size': /^text-(.+)$/,
+          'font-family': /^font-(.+)$/,
+          'border-radius': /^rounded(?:-[trblse]{1,2})?-(.+)$/,
+          'box-shadow': /^shadow-(.+)$/,
+        }
+        const name = base.match(prefix[f] ?? /$a/)?.[1]
+        if (name && adopted.has(f)) {
+          adopted.get(f)?.add(name)
+          const key = `utility:${base}`
+          origins[key] = [...new Set([...(origins[key] ?? []), `${file}:${atom.line}`])].sort()
+        }
+      }
+    }
+  const resolve = (ref: string, active = new Set<string>(), depth = 0): Reference | undefined => {
+    if (depth > 12 || active.has(ref)) return undefined
+    const [raw, name] = ref.split('#')
+    const module = raw === '@sim/emcn' ? 'packages/emcn/src/index' : raw
+    const m = info.get(module) ?? info.get(`${module}/index`)
+    if (!m) return undefined
+    const next = new Set(active).add(ref)
+    const value = m.values[name]
+    if (value === 'recipe') return { recipe: true, source: `${module}#${name}` }
+    if (value) {
+      let text = ''
+      for (const p of value)
+        if (typeof p === 'string') text += p
+        else {
+          const r = resolve(p.ref, next, depth + 1)
+          if (r?.value === undefined) return undefined
+          text += r.value
+        }
+      return { value: text, source: `${module}#${name}` }
+    }
+    if (m.exports[name]) return resolve(m.exports[name], next, depth + 1)
+    for (const star of m.stars) {
+      const r = resolve(`${star}#${name}`, next, depth + 1)
+      if (r) return r
+    }
+    return undefined
+  }
+  const metadata = await generateContracts(input, system)
+  unchecked.push(
+    ...metadata.diagnostics.map((d) => ({ file: d.file, line: d.line, reason: d.reason }))
+  )
+  const summaries = input.snapshot.entries.flatMap((e) => {
+    const summary = info.get(moduleName(e.path))?.summary
+    return summary ? [{ file: e.path, summary }] : []
+  })
+  return {
+    metadata,
+    recipes,
+    classUses: classUseIndex(summaries),
+    summaries,
+    resolutionHash: hash(
+      canonical([
+        metadata.sourceHash,
+        [...info].map(([file, m]) => [file, m.values, m.exports, m.stars]),
+      ])
+    ),
+    definitions,
+    hash: input.snapshot.hash,
+    entries: input.snapshot.entries,
+    catalogue: {
+      version: '1.0.0',
+      sourceCommit: input.snapshot.commit,
+      provisional: true,
+      sources: input.snapshot.entries.map((e) => ({ file: e.path, blob: e.blob })),
+      theme,
+      variables,
+      colourTokens: [...variableFamilies]
+        .filter(([, v]) => v.has('colours'))
+        .map(([k]) => k)
+        .sort(),
+      allowed: {},
+      provenance: origins,
+      notes: [
+        'Conformance authority is explicit central definitions, not observed consumer values.',
+      ],
+    },
+    compiler: system,
+    variableFamilies,
+    adopted,
+    resolve,
+    unchecked,
+  }
+}
diff --git a/scripts/design-conformance/evaluate.ts b/scripts/design-conformance/evaluate.ts
new file mode 100644
index 00000000000..a9c46140b74
--- /dev/null
+++ b/scripts/design-conformance/evaluate.ts
@@ -0,0 +1,233 @@
+import { mkdirSync, readFileSync } from 'node:fs'
+import os from 'node:os'
+import path from 'node:path'
+import { ConformanceLinter } from '#design-conformance/conformance'
+import { contractsHash, registry } from '#design-conformance/contracts'
+import {
+  loadCatalogue,
+  manifest,
+  options,
+  policyOption,
+  storedChanges,
+  storedText,
+  writeJson,
+} from '#design-conformance/io'
+import { Linter } from '#design-conformance/lint'
+import { type Commits, hash, policyVersion, VERSION } from '#design-conformance/model'
+import { loadSnapshot } from '#design-conformance/system-snapshot'
+
+interface Row {
+  pr: number
+  cohort: string
+  commits: Commits
+  status: string
+  flagged: boolean | null
+  findings: number
+  unchecked: number
+  rules: string[]
+  categories: string[]
+  reportPath: string
+  reportSha256: string
+  milliseconds: number
+}
+function statistics(values: number[]) {
+  const x = [...values].sort((a, b) => a - b)
+  return {
+    median: x.length % 2 ? x[(x.length - 1) / 2] : (x[x.length / 2 - 1] + x[x.length / 2]) / 2,
+    p95: x[Math.ceil(x.length * 0.95) - 1],
+    maximum: x[x.length - 1],
+  }
+}
+process.on('uncaughtException', (error) => {
+  process.stderr.write(`Evaluation failed: ${error.message}\n`)
+  process.exit(2)
+})
+process.on('unhandledRejection', (error) => {
+  process.stderr.write(`Evaluation failed: ${String(error)}\n`)
+  process.exit(2)
+})
+const args = options({
+  dataset: { type: 'string' },
+  manifest: { type: 'string' },
+  workers: { type: 'string' },
+  'worker-index': { type: 'string' },
+  'system-snapshots': { type: 'string' },
+  'worker-count': { type: 'string' },
+})
+if (!args.dataset || !args.output)
+  throw new Error(
+    'Usage: evaluate --dataset <directory> --output <directory> [--manifest <file>] [--workers <number>]'
+  )
+const dataset = path.resolve(args.dataset as string)
+const output = path.resolve(args.output as string)
+const frozen = manifest(dataset, args.manifest as string | undefined)
+const policy = policyOption(args.policy)
+if (policy === 'conformance' && args.catalogue)
+  throw new Error('--catalogue is incompatible with conformance; use --system-snapshots')
+if (policy === 'conformance' && !args['system-snapshots'])
+  throw new Error('Conformance evaluation requires --system-snapshots <directory>')
+const cat =
+  policy === 'conformance'
+    ? {
+        hash: contractsHash,
+        catalogue: { version: registry.version, sourceCommit: 'per-comparison-merge-base' },
+      }
+    : loadCatalogue(args.catalogue as string | undefined)
+const workers = Number(args.workers ?? 1)
+if (
+  !Number.isInteger(workers) ||
+  workers < 1 ||
+  workers > Math.min(os.availableParallelism(), Math.max(1, Math.floor(os.totalmem() / 1024 ** 3)))
+)
+  throw new Error('Worker count must fit available CPUs and at least 1 GiB memory per process')
+mkdirSync(output, { recursive: true })
+const started = performance.now()
+const index = Number(args['worker-index'] ?? 0)
+const workerCount = Number(args['worker-count'] ?? 1)
+if (
+  !Number.isInteger(index) ||
+  !Number.isInteger(workerCount) ||
+  index < 0 ||
+  workerCount < 1 ||
+  index >= workerCount
+)
+  throw new Error('Invalid worker partition')
+if (workers > 1 && !args['worker-index']) {
+  const commands = Array.from({ length: workers }, (_, i) => {
+    const command = [
+      process.execPath,
+      '--no-env-file',
+      import.meta.filename,
+      '--dataset',
+      dataset,
+      '--output',
+      output,
+      '--worker-index',
+      String(i),
+      '--worker-count',
+      String(workers),
+      '--policy',
+      policy,
+    ]
+    if (args['system-snapshots'])
+      command.push('--system-snapshots', args['system-snapshots'] as string)
+    if (args.catalogue) command.push('--catalogue', args.catalogue as string)
+    if (args.manifest) command.push('--manifest', args.manifest as string)
+    return Bun.spawn(command, { stdout: 'inherit', stderr: 'inherit' })
+  })
+  const exits = await Promise.all(commands.map((p) => p.exited))
+  if (exits.some((n) => n !== 0))
+    throw new Error('Evaluation worker failed; retain available reports')
+} else {
+  const linter =
+    policy === 'conformance'
+      ? new ConformanceLinter()
+      : await Linter.create(
+          loadCatalogue(args.catalogue as string | undefined).catalogue,
+          cat.hash,
+          policy
+        )
+  const rows: Row[] = []
+  for (const [i, c] of frozen.data.comparisons.entries()) {
+    if (i % workerCount !== index) continue
+    const start = performance.now()
+    const commits = { base: c.base, head: c.head, mergeBase: c.mergeBase }
+    let report: ReturnType<Linter['report']>
+    try {
+      report =
+        linter instanceof ConformanceLinter
+          ? await linter.analyze(
+              storedChanges(dataset, c),
+              (e) => storedText(dataset, e),
+              commits,
+              loadSnapshot(args['system-snapshots'] as string, commits.mergeBase)
+            )
+          : linter.analyze(storedChanges(dataset, c), (e) => storedText(dataset, e), commits)
+    } catch (error) {
+      report = linter.report(commits, error instanceof Error ? error.message : 'Source failure')
+    }
+    const reportPath = `${c.pr}.json`
+    writeJson(path.join(output, reportPath), report)
+    rows.push({
+      pr: c.pr,
+      cohort: c.cohort,
+      commits,
+      status: report.status,
+      flagged: report.flagged,
+      findings: report.findings.length,
+      unchecked: report.unchecked.length,
+      rules: [...new Set(report.findings.map((x) => x.rule))].sort(),
+      categories: [...new Set(report.findings.map((x) => x.category))].sort(),
+      reportPath,
+      reportSha256: hash(readFileSync(path.join(output, reportPath))),
+      milliseconds: performance.now() - start,
+    })
+    if (rows.length % 30 === 0)
+      process.stdout.write(`Checked ${rows.length} comparisons in worker ${index}\n`)
+  }
+  writeJson(path.join(output, `worker-${index}.json`), {
+    rows,
+    milliseconds: performance.now() - started,
+    peakMemoryBytes: process.resourceUsage().maxRSS * 1024,
+    metrics: linter.metrics,
+  })
+  if (args['worker-index']) process.exit(0)
+}
+const parts = Array.from({ length: workers }, (_, i) =>
+  JSON.parse(readFileSync(path.join(output, `worker-${i}.json`), 'utf8'))
+)
+const rows: Row[] = parts
+  .flatMap((p) => p.rows)
+  .sort(
+    (a: Row, b: Row) =>
+      frozen.data.comparisons.findIndex((x) => x.pr === a.pr) -
+      frozen.data.comparisons.findIndex((x) => x.pr === b.pr)
+  )
+if (
+  rows.length !== frozen.data.comparisons.length ||
+  new Set(rows.map((x) => x.pr)).size !== rows.length
+)
+  throw new Error('Missing or duplicate comparison result')
+const count = (key: 'rules' | 'categories') => {
+  const out: Record<string, number> = {}
+  for (const r of rows) for (const v of r[key]) out[v] = (out[v] ?? 0) + 1
+  return Object.fromEntries(Object.entries(out).sort())
+}
+const summary = {
+  toolVersion: VERSION,
+  policyVersion: policyVersion(policy),
+  implementationHash: JSON.parse(readFileSync(path.join(output, rows[0].reportPath), 'utf8'))
+    .implementationHash,
+  catalogueHash: cat.hash,
+  catalogueVersion: cat.catalogue.version,
+  catalogueSourceCommit: cat.catalogue.sourceCommit,
+  datasetId: frozen.data.datasetId,
+  manifestSha256: frozen.hash,
+  workers,
+  comparisons: rows.length,
+  completed: rows.filter((x) => x.status === 'completed').length,
+  failed: rows.filter((x) => x.status === 'failed').map((x) => x.pr),
+  flagged: rows.filter((x) => x.flagged).length,
+  uncheckedComparisons: rows.filter((x) => x.unchecked > 0).length,
+  uncheckedDiagnostics: rows.reduce((n, r) => n + r.unchecked, 0),
+  cohorts: Object.fromEntries(
+    [...new Set(rows.map((x) => x.cohort))].map((cohort) => [
+      cohort,
+      {
+        total: rows.filter((x) => x.cohort === cohort).length,
+        flagged: rows.filter((x) => x.cohort === cohort && x.flagged).length,
+      },
+    ])
+  ),
+  rules: count('rules'),
+  categories: count('categories'),
+  milliseconds: performance.now() - started,
+  comparisonMilliseconds: statistics(rows.map((x) => x.milliseconds)),
+  peakWorkerMemoryBytes: Math.max(...parts.map((x) => x.peakMemoryBytes)),
+  metrics: parts.map((x) => x.metrics),
+  note: 'Source-only design conformance, appearance comparisons or legacy token compliance; prior appearance labels are not conformance ground truth.',
+}
+writeJson(path.join(output, 'results.json'), rows)
+writeJson(path.join(output, 'evaluation.json'), summary)
+process.stdout.write(`${JSON.stringify(summary, null, 2)}\n`)
+process.exitCode = summary.failed.length ? 2 : 0
diff --git a/scripts/design-conformance/extract.ts b/scripts/design-conformance/extract.ts
new file mode 100644
index 00000000000..9038ba85bb7
--- /dev/null
+++ b/scripts/design-conformance/extract.ts
@@ -0,0 +1,1612 @@
+import { posix } from 'node:path'
+import { parse } from '@babel/parser'
+import traverse, { type NodePath } from '@babel/traverse'
+import * as t from '@babel/types'
+import { compareStrings } from '@sim/utils/string'
+import { type DefaultTreeAdapterMap, parse as parseHtml } from 'parse5'
+import postcss from 'postcss'
+import { immutable } from '#control-analysis/static-inputs'
+import { artworkSyntax } from '#design-conformance/artwork'
+import { classMapTruth } from '#design-conformance/class-map'
+import type { ComponentContract } from '#design-conformance/contracts'
+import type { Reference } from '#design-conformance/design-system'
+import { iconScope } from '#design-conformance/icon-scope'
+import {
+  type Atom,
+  category,
+  type Facts,
+  hash,
+  type Surface,
+  type UnresolvedInput,
+} from '#design-conformance/model'
+import {
+  competingProperties,
+  excludedCssProperty,
+  normalizeValue,
+} from '#design-conformance/normalize'
+import { reactStyleValue, reactUnitlessProperty } from '#design-conformance/react-style'
+import {
+  htmlArtwork,
+  htmlSink,
+  presentationProperty,
+  presentationValue,
+  renderedHtml,
+  visibleHtmlText,
+} from '#design-conformance/rendered-html'
+import {
+  type ClassUse,
+  classUseIndex,
+  modulePath,
+  type Route,
+  summarize,
+} from '#design-conformance/source-summary'
+
+const classHelpers = new Set(['cn', 'clsx', 'classNames', 'twMerge'])
+const media = new Set([
+  'svg',
+  'img',
+  'image',
+  'video',
+  'audio',
+  'canvas',
+  'picture',
+  'source',
+  'Image',
+])
+const kebab = (key: string) =>
+  key.startsWith('--') ? key : key.replace(/[A-Z]/g, (x) => `-${x.toLowerCase()}`)
+/** Parse source as data. Trees and lexical bindings live only for this call. */
+export function extract(
+  text: string,
+  file: string,
+  appearance = true,
+  options?: {
+    classUses?: (ref: string) => ClassUse[]
+    conformance: boolean
+    resolve: (ref: string) => Reference | undefined
+    contract?: (target: string) => ComponentContract | undefined
+  }
+): Facts {
+  const facts: Facts = { atoms: [], unchecked: [], surfaces: [] }
+  let current: Surface | undefined
+  const surface = (
+    kind: Surface['kind'],
+    owner: string,
+    target: string,
+    line = 1,
+    column = 1,
+    shared = false
+  ): Surface => {
+    const result: Surface = { kind, owner, target, shared, line, column, atoms: [], references: [] }
+    facts.surfaces?.push(result)
+    return result
+  }
+  const within = (s: Surface, run: () => void) => {
+    const previous = current
+    current = s
+    try {
+      run()
+    } finally {
+      current = previous
+    }
+  }
+  if (Buffer.byteLength(text) > 2 * 1024 * 1024)
+    return {
+      atoms: [],
+      unchecked: [{ line: 1, context: '', reason: 'Source exceeds the 2 MiB parsing limit' }],
+    }
+  const add = (
+    kind: Atom['kind'],
+    property: string,
+    value: string,
+    line = 1,
+    column = 1,
+    context = '',
+    reference?: string
+  ) => {
+    const atom: Atom = {
+      kind,
+      property,
+      value,
+      line,
+      column,
+      context,
+      ...(reference ? { reference } : {}),
+    }
+    facts.atoms.push(atom)
+    current?.atoms.push(atom)
+  }
+  const css = (source: string, origin = { line: 1, column: 1 }, inline = false) => {
+    const root = postcss.parse(inline ? `x{${source}}` : source)
+    const groups = new Map<unknown, Surface>()
+    const contextOf = (node: postcss.Node) => {
+      const context: string[] = []
+      let parent = node.parent
+      while (parent && parent.type !== 'root') {
+        if (parent.type === 'rule' && 'selector' in parent && !inline)
+          context.unshift(String(parent.selector))
+        if (parent.type === 'atrule' && 'name' in parent && 'params' in parent)
+          context.unshift(`@${parent.name} ${parent.params}`)
+        parent = parent.parent
+      }
+      return context.join(' > ')
+    }
+    const groupOf = (node: postcss.Node, context: string) => {
+      let group = groups.get(node.parent)
+      if (!group) {
+        group = surface(
+          'definition',
+          'css',
+          context,
+          (node.source?.start?.line ?? 1) + origin.line - 1
+        )
+        groups.set(node.parent, group)
+      }
+      return group
+    }
+    root.walkDecls((d) => {
+      const context = contextOf(d)
+      const descriptor =
+        d.parent?.type === 'atrule' &&
+        [
+          'property',
+          'font-face',
+          'font-palette-values',
+          'counter-style',
+          'font-feature-values',
+        ].includes(d.parent.name)
+          ? `@${d.parent.name}:${d.prop}`
+          : undefined
+      if (
+        !descriptor &&
+        !d.prop.startsWith('--') &&
+        !category(d.prop) &&
+        !excludedCssProperty(d.prop)
+      )
+        facts.unchecked.push({
+          line: (d.source?.start?.line ?? 1) + origin.line - 1,
+          context,
+          reason: `Unsupported CSS presentation property ${d.prop}; its authored value is unchecked`,
+        })
+      const record = () =>
+        add(
+          d.prop.startsWith('--') ? 'token' : 'style',
+          descriptor ?? d.prop,
+          d.value + (d.important ? ' !important' : ''),
+          (d.source?.start?.line ?? 1) + origin.line - 1,
+          (d.source?.start?.column ?? 1) +
+            ((d.source?.start?.line ?? 1) === 1 ? origin.column - 1 - (inline ? 2 : 0) : 0),
+          context
+        )
+      if (inline && current) record()
+      else within(groupOf(d, context), record)
+    })
+    const layers: {
+      context: string
+      name: string
+      content?: string[][]
+      precedence?: string[][][]
+    }[] = []
+    root.walkAtRules((rule) => {
+      const line = (rule.source?.start?.line ?? 1) + origin.line - 1
+      const context = contextOf(rule)
+      if (rule.name === 'apply') {
+        const record = () =>
+          add('style', '@apply', rule.params, line, rule.source?.start?.column ?? 1, context)
+        if (inline && current) record()
+        else within(groupOf(rule, context), record)
+        return
+      }
+      if (rule.name === 'layer') {
+        const layer: (typeof layers)[number] = {
+          context,
+          name: rule.params.trim() || '<anonymous>',
+        }
+        if (!rule.params.trim()) {
+          const content: string[][] = []
+          const ordered: { input: string[]; selector?: string; important: boolean }[] = []
+          rule.walk((node) => {
+            let input: string[]
+            if (node.type === 'decl') {
+              if (excludedCssProperty(node.prop)) return
+              input = [
+                contextOf(node),
+                node.prop,
+                normalizeValue(node.value) + (node.important ? ' !important' : ''),
+              ]
+            } else if (node.type === 'atrule') {
+              input = [contextOf(node), `@${node.name}`, normalizeValue(node.params)]
+            } else return
+            content.push(input)
+            if (
+              node.type === 'atrule' &&
+              ![
+                'apply',
+                'plugin',
+                'custom-variant',
+                'source',
+                'import',
+                'charset',
+                'namespace',
+              ].includes(node.name)
+            )
+              return
+            let parent: postcss.Node | undefined = node.parent
+            while (parent && parent.type !== 'rule' && parent !== rule) parent = parent.parent
+            ordered.push({
+              input,
+              selector:
+                parent?.type === 'rule' && 'selector' in parent
+                  ? String(parent.selector)
+                  : undefined,
+              important: node.type === 'decl' && node.important,
+            })
+          })
+          layer.content = content.sort((left, right) =>
+            compareStrings(JSON.stringify(left), JSON.stringify(right))
+          )
+          if (ordered.length > 256)
+            facts.unchecked.push({
+              line,
+              context,
+              reason:
+                'Anonymous CSS layer exceeds the 256-entry layer precedence comparison limit; nested source order is unchecked',
+            })
+          else {
+            const disjointTypes = (left?: string, right?: string) => {
+              if (!left || !right) return false
+              const types = (selector: string) =>
+                selector
+                  .split(',')
+                  .map((part) =>
+                    /^([a-zA-Z][\w-]*)(?:[.#][\w-]+)*$/.exec(part.trim())?.[1].toLowerCase()
+                  )
+              return types(left).every((a) => a && types(right).every((b) => b && a !== b))
+            }
+            /** Preserve potentially competing source order without proving selector specificity. */
+            const precedence: string[][][] = []
+            for (let i = 0; i < ordered.length; i++)
+              for (let j = i + 1; j < ordered.length; j++) {
+                const left = ordered[i]
+                const right = ordered[j]
+                const a = left.input[1]
+                const b = right.input[1]
+                if (
+                  left.important === right.important &&
+                  !disjointTypes(left.selector, right.selector) &&
+                  (a.startsWith('@') ||
+                    b.startsWith('@') ||
+                    a === b ||
+                    competingProperties(a, b)) &&
+                  (a !== b || left.input[2] !== right.input[2])
+                )
+                  precedence.push([left.input, right.input])
+              }
+            layer.precedence = precedence.sort((left, right) =>
+              compareStrings(JSON.stringify(left), JSON.stringify(right))
+            )
+          }
+        }
+        layers.push(layer)
+        return
+      }
+      if (
+        ['plugin', 'custom-variant', 'source', 'import', 'charset', 'namespace'].includes(rule.name)
+      ) {
+        within(surface('definition', 'css-infrastructure', `@${rule.name}`, line), () =>
+          add('style', `@${rule.name}`, rule.params, line, rule.source?.start?.column ?? 1, context)
+        )
+        return
+      }
+      if (
+        ![
+          'theme',
+          'utility',
+          'media',
+          'supports',
+          'container',
+          'scope',
+          'starting-style',
+          'keyframes',
+          '-webkit-keyframes',
+          'property',
+          'font-face',
+          'font-palette-values',
+          'counter-style',
+          'font-feature-values',
+          'font-display',
+          'page',
+        ].includes(rule.name)
+      )
+        facts.unchecked.push({
+          line,
+          context,
+          reason: `Unsupported CSS at-rule @${rule.name}; its presentation effects are unchecked`,
+        })
+    })
+    if (layers.length)
+      within(surface('definition', 'css-infrastructure', '@layer', origin.line), () =>
+        add('style', '@layer-order', JSON.stringify(layers), origin.line)
+      )
+  }
+  let parsed = false
+  try {
+    if (file.endsWith('.css')) {
+      css(text)
+      return facts
+    }
+    if (/\.html?$/.test(file)) {
+      const visit = (node: DefaultTreeAdapterMap['node'], excluded = false, inSvg = false) => {
+        const element = node as DefaultTreeAdapterMap['element']
+        const svg = inSvg || element.tagName === 'svg'
+        const skip =
+          excluded ||
+          (options?.conformance ? htmlArtwork(element, svg) : media.has(element.tagName))
+        if (!skip) {
+          const group = surface(
+            'element',
+            'html',
+            element.tagName ?? 'document',
+            element.sourceCodeLocation?.startLine
+          )
+          within(group, () => {
+            for (const a of element.attrs ?? []) {
+              const loc = element.sourceCodeLocation?.attrs?.[a.name]
+              if (a.name === 'class')
+                for (const value of a.value.split(/\s+/).filter(Boolean))
+                  add('class', 'class', value, loc?.startLine, loc?.startCol)
+              if (a.name === 'style') {
+                const prefix = loc
+                  ? (text.slice(loc.startOffset, loc.endOffset).match(/^[^=]+?=\s*['"]?/)?.[0] ??
+                    '')
+                  : ''
+                const lines = prefix.split(/\r\n|\r|\n/)
+                css(
+                  a.value,
+                  {
+                    line: (loc?.startLine ?? 1) + lines.length - 1,
+                    column:
+                      lines.length === 1
+                        ? (loc?.startCol ?? 1) + prefix.length
+                        : lines.at(-1)!.length + 1,
+                  },
+                  true
+                )
+              }
+              const property = options?.conformance ? presentationProperty(a.name) : undefined
+              if (
+                property &&
+                (!svg || !['svg', 'g'].includes(element.tagName) || visibleHtmlText(element))
+              )
+                add(
+                  'style',
+                  property,
+                  presentationValue(property, a.value),
+                  loc?.startLine,
+                  loc?.startCol,
+                  'attribute'
+                )
+            }
+            if (element.tagName === 'style') {
+              const start = element.sourceCodeLocation?.startTag
+              css((element.childNodes ?? []).map((n) => ('value' in n ? n.value : '')).join(''), {
+                line: start?.endLine ?? 1,
+                column: start?.endCol ?? 1,
+              })
+            }
+          })
+        }
+        for (const child of 'childNodes' in node ? node.childNodes : [])
+          visit(child, skip || (!options?.conformance && media.has(element.tagName)), svg)
+      }
+      visit(parseHtml(text, { sourceCodeLocationInfo: true }))
+      return facts
+    }
+    const ast = parse(text, {
+      sourceType: 'unambiguous',
+      plugins: ['typescript', 'jsx'],
+      errorRecovery: false,
+    })
+    parsed = true
+    const summary = summarize(ast, file)
+    const localClassUses = classUseIndex([{ file, summary }])
+    if (options?.conformance) facts.syntax = summary
+    const emitted = new Set<string>()
+    const mediaNames = new Set(media)
+    for (const statement of ast.program.body)
+      if (
+        t.isImportDeclaration(statement) &&
+        /^(?:next\/(?:legacy\/)?image|lucide-react|react-icons(?:\/|$)|@sim\/emcn\/icons$)|(?:^|\/)icons(?:\.|\/|$)/.test(
+          statement.source.value
+        )
+      )
+        for (const specifier of statement.specifiers) mediaNames.add(specifier.local.name)
+    const note = (
+      p: NodePath,
+      reason: string,
+      channel: UnresolvedInput['channel'] = 'class',
+      property = '*'
+    ) => {
+      if (current) {
+        const route: string[] = []
+        let q: NodePath | null = p
+        while (q && !q.isJSXElement() && !q.isVariableDeclarator()) {
+          route.unshift(`${q.listKey ?? ''}:${q.key}:${q.node?.type ?? 'empty'}`)
+          if (q.isJSXAttribute()) break
+          q = q.parentPath
+        }
+        const expression = hash(
+          JSON.stringify(p.node, (key, value) => {
+            if (
+              [
+                'start',
+                'end',
+                'loc',
+                'extra',
+                'leadingComments',
+                'trailingComments',
+                'innerComments',
+              ].includes(key)
+            )
+              return undefined
+            if (value && typeof value === 'object' && value.type === 'Identifier')
+              return { type: 'Identifier', name: imported(p, value.name) ?? value.name }
+            return value
+          })
+        )
+        current.unresolved ??= []
+        current.unresolved.push({
+          channel,
+          property,
+          expression,
+          position: route.join('/'),
+          line: p.node?.loc?.start.line ?? p.parentPath?.node?.loc?.start.line ?? 1,
+        })
+      }
+      const node = p.node ?? p.parentPath?.node
+      const input = text.slice(node?.start ?? 0, node?.end ?? 0).replace(/\s+/g, ' ')
+      facts.unchecked.push({
+        line: p.node?.loc?.start.line ?? p.parentPath?.node?.loc?.start.line ?? 1,
+        context: node?.type ?? 'empty-expression',
+        reason: appearance
+          ? `${reason}; ${channel}:${property} input ${input.length > 180 ? `${input.slice(0, 180)}…` : input}`
+          : reason,
+      })
+    }
+    const name = (p: NodePath): string => {
+      if (p.isIdentifier()) return p.node.name
+      if (p.isStringLiteral()) return p.node.value
+      return ''
+    }
+    const owner = (p: NodePath): string => {
+      if (options?.conformance) {
+        let q: NodePath | null = p.parentPath
+        while (q) {
+          if (q.isFunctionDeclaration()) return q.node.id?.name ?? 'default'
+          if (q.isFunction() && q.parentPath.isVariableDeclarator())
+            return name(q.parentPath.get('id'))
+          q = q.parentPath
+        }
+      }
+      const fn = p.findParent((q) => q.isFunction())
+      if (fn?.isFunctionDeclaration()) return fn.node.id?.name ?? 'default'
+      if (fn?.parentPath?.isVariableDeclarator()) return name(fn.parentPath.get('id'))
+      const decl = p.findParent((q) => q.isVariableDeclarator())
+      return decl?.isVariableDeclarator() ? name(decl.get('id')) : 'module'
+    }
+    const imported = (p: NodePath, local: string, depth = 0): string | undefined => {
+      if (depth >= 12) return undefined
+      if (options?.conformance && local.includes('.')) {
+        const [first, ...rest] = local.split('.')
+        const ref = imported(p, first, depth + 1)
+        return ref
+          ? ref.endsWith('#*')
+            ? ref.slice(0, -1) + rest.join('.')
+            : `${ref}.${rest.join('.')}`
+          : undefined
+      }
+      const b = p.scope.getBinding(local)
+      if (options?.conformance && b?.constant && b.path.isVariableDeclarator()) {
+        const init = b.path.get('init')
+        if (init.isIdentifier()) return imported(init, init.node.name, depth + 1)
+        if (
+          init.isMemberExpression() &&
+          !init.node.computed &&
+          t.isIdentifier(init.node.object) &&
+          t.isIdentifier(init.node.property)
+        )
+          return imported(init, `${init.node.object.name}.${init.node.property.name}`, depth + 1)
+      }
+      if (
+        b &&
+        (b.path.isImportSpecifier() ||
+          b.path.isImportDefaultSpecifier() ||
+          b.path.isImportNamespaceSpecifier())
+      ) {
+        const declaration = b.path.parentPath
+        if (declaration.isImportDeclaration()) {
+          const source = declaration.node.source.value
+          const resolved = source.startsWith('.')
+            ? posix.normalize(posix.join(posix.dirname(file), source))
+            : source.startsWith('@/') && file.startsWith('apps/sim/')
+              ? `apps/sim/${source.slice(2)}`
+              : source
+          return `${resolved.replace(/\.[cm]?[jt]sx?$/, '')}#${b.path.isImportSpecifier() ? name(b.path.get('imported')) : b.path.isImportDefaultSpecifier() ? 'default' : '*'}`
+        }
+      }
+      return undefined
+    }
+    const helper = (p: NodePath): string => {
+      const n = name(p)
+      const binding = p.scope.getBinding(n)
+      if (binding?.path.isImportSpecifier()) return name(binding.path.get('imported'))
+      if (
+        binding?.path.isImportDefaultSpecifier() &&
+        binding.path.parentPath.isImportDeclaration()
+      ) {
+        const source = binding.path.parentPath.node.source.value
+        if (source === 'clsx') return 'clsx'
+        if (source === 'classnames') return 'classNames'
+      }
+      return n
+    }
+    const isIcon = iconScope(imported)
+    const jsxName = (node: t.JSXElement['openingElement']['name']): string =>
+      t.isJSXIdentifier(node)
+        ? node.name
+        : t.isJSXMemberExpression(node)
+          ? `${jsxName(node.object)}.${node.property.name}`
+          : ''
+    const targetFor = (p: NodePath, node: t.JSXElement['openingElement']['name']): string => {
+      const tag = jsxName(node)
+      return imported(p, tag) ?? tag
+    }
+    const referenceFor = (p: NodePath, node: t.JSXElement['openingElement']['name']): string => {
+      const tag = jsxName(node)
+      return imported(p, tag) ?? (/^[A-Z]/.test(tag) ? `${modulePath(file)}#${tag}` : tag)
+    }
+    const routesFor = (p: NodePath): Route[] => {
+      const routes: Route[] = []
+      let parent: NodePath | null = p.parentPath
+      let slot = 'children'
+      while (parent) {
+        if (parent.isFunction()) {
+          const call = parent.parentPath
+          if (
+            !call.isCallExpression() ||
+            !t.isMemberExpression(call.node.callee) ||
+            !t.isIdentifier(call.node.callee.property, { name: 'map' })
+          )
+            break
+        }
+        if (parent.isJSXAttribute())
+          slot = t.isJSXIdentifier(parent.node.name) ? parent.node.name.name : 'children'
+        if (parent.isJSXElement()) {
+          routes.push({ target: referenceFor(parent, parent.node.openingElement.name), slot })
+          slot = 'children'
+        }
+        parent = parent.parentPath
+      }
+      return routes
+    }
+    const emit = (
+      p: NodePath,
+      kind: Atom['kind'],
+      property: string,
+      value: string,
+      context = '',
+      reference?: string
+    ) => {
+      const key = `${p.node.start}:${kind}:${property}:${value}`
+      if (emitted.has(key)) {
+        current?.atoms.push({
+          kind,
+          property,
+          value,
+          ...(reference ? { reference } : {}),
+          context,
+          line: p.node.loc?.start.line ?? 1,
+          column: (p.node.loc?.start.column ?? 0) + 1,
+        })
+        return
+      }
+      emitted.add(key)
+      add(
+        kind,
+        property,
+        value,
+        p.node.loc?.start.line,
+        (p.node.loc?.start.column ?? 0) + 1,
+        context,
+        reference
+      )
+    }
+    const scalarLiteral = (
+      p: NodePath,
+      active = new Set<t.Node>(),
+      depth = 0
+    ): string | number | undefined => {
+      if (!p.node || depth > 12 || active.has(p.node)) return undefined
+      const next = new Set(active).add(p.node)
+      if (p.isStringLiteral() || p.isNumericLiteral()) return p.node.value
+      if (p.isUnaryExpression({ operator: '-' })) {
+        const x = scalarLiteral(p.get('argument'), next, depth + 1)
+        return typeof x === 'number' ? -x : undefined
+      }
+      if (p.isTSAsExpression() || p.isTSNonNullExpression() || p.isTSSatisfiesExpression())
+        return scalarLiteral(p.get('expression') as NodePath, next, depth + 1)
+      if (p.isIdentifier()) {
+        const b = p.scope.getBinding(p.node.name)
+        if (b?.constant && b.path.isVariableDeclarator())
+          return scalarLiteral(b.path.get('init') as NodePath, next, depth + 1)
+      }
+      if (p.isTemplateLiteral()) {
+        let out = p.node.quasis[0].value.cooked ?? p.node.quasis[0].value.raw
+        for (const [i, e] of (p.get('expressions') as NodePath[]).entries()) {
+          const v = scalarLiteral(e, next, depth + 1)
+          if (v === undefined) return undefined
+          out += v + (p.node.quasis[i + 1].value.cooked ?? p.node.quasis[i + 1].value.raw)
+        }
+        return out
+      }
+      if (p.isBinaryExpression({ operator: '+' })) {
+        const a = scalarLiteral(p.get('left'), next, depth + 1)
+        const b = scalarLiteral(p.get('right'), next, depth + 1)
+        if (
+          a !== undefined &&
+          b !== undefined &&
+          !(/^[-\d.]+$/.test(String(a)) && /^[-\d.]+$/.test(String(b)))
+        )
+          return String(a) + String(b)
+      }
+      if (p.isMemberExpression() && !p.node.computed && p.get('object').isIdentifier()) {
+        const b = p.scope.getBinding((p.node.object as t.Identifier).name)
+        if (b?.constant && b.path.isVariableDeclarator()) {
+          const init = b.path.get('init')
+          if (init.isObjectExpression()) {
+            if (
+              init.node.properties.some((x) => !t.isObjectProperty(x) || x.computed) ||
+              b.referencePaths.some((ref) => {
+                const parent = ref.parentPath
+                return (
+                  !parent?.isMemberExpression() ||
+                  parent.node.object !== ref.node ||
+                  parent.parentPath.isAssignmentExpression() ||
+                  parent.parentPath.isUpdateExpression() ||
+                  parent.parentPath.isUnaryExpression({ operator: 'delete' }) ||
+                  (parent.parentPath.isCallExpression() &&
+                    parent.parentPath.node.callee === parent.node)
+                )
+              })
+            )
+              return undefined
+            const prop = init
+              .get('properties')
+              .find(
+                (x) =>
+                  x.isObjectProperty() &&
+                  !x.node.computed &&
+                  name(x.get('key')) === name(p.get('property') as NodePath)
+              )
+            if (prop?.isObjectProperty()) return scalarLiteral(prop.get('value'), next, depth + 1)
+          }
+        }
+      }
+      return undefined
+    }
+    const literal = (p: NodePath): string | undefined => {
+      const value = scalarLiteral(p)
+      return value === undefined ? undefined : String(value)
+    }
+    const classes = (p: NodePath, active = new Set<t.Node>(), depth = 0, context = ''): void => {
+      if (!p.node) return
+      if (depth > 12 || active.has(p.node)) {
+        note(p, 'Local class resolution limit or cycle')
+        return
+      }
+      if (options?.conformance && p.isIdentifier()) {
+        const ref = imported(p, p.node.name)
+        const resolved = ref ? options.resolve(ref) : undefined
+        if (ref && resolved?.value !== undefined) {
+          current?.references.push(ref)
+          for (const token of resolved.value.split(/\s+/).filter(Boolean))
+            emit(p, 'class', 'class', token, context, ref)
+          return
+        }
+        if (ref) {
+          emit(p, 'class', 'class', '<unresolved>', context)
+          const atom = current?.atoms.at(-1)
+          if (atom) atom.pendingRef = ref
+          return
+        }
+      }
+      if (options?.conformance && p.isCallExpression() && p.get('callee').isIdentifier()) {
+        const ref = imported(p, (p.node.callee as t.Identifier).name)
+        if (ref && options.resolve(ref)?.recipe) {
+          current?.references.push(ref)
+          for (const arg of p.get('arguments'))
+            if (arg.isObjectExpression())
+              for (const prop of arg.get('properties'))
+                if (
+                  prop.isObjectProperty() &&
+                  ['class', 'className'].includes(name(prop.get('key')))
+                )
+                  classes(prop.get('value'), active, depth + 1, context)
+          return
+        }
+      }
+      const value = literal(p)
+      if (value !== undefined) {
+        for (const x of value.split(/\s+/).filter(Boolean)) emit(p, 'class', 'class', x, context)
+        return
+      }
+      const next = new Set(active).add(p.node)
+      const rec = (q: NodePath, branch = '') => classes(q, next, depth + 1, context + branch)
+      if (p.isNullLiteral() || p.isBooleanLiteral()) return
+      if (p.isTSAsExpression() || p.isTSNonNullExpression() || p.isTSSatisfiesExpression()) {
+        rec(p.get('expression') as NodePath)
+        return
+      }
+      if (p.isConditionalExpression()) {
+        rec(p.get('consequent'), '/then')
+        rec(p.get('alternate'), '/else')
+        return
+      }
+      if (p.isLogicalExpression()) {
+        rec(p.get('right'), `/${p.node.operator}:right`)
+        if (p.node.operator !== '&&') rec(p.get('left'), `/${p.node.operator}:left`)
+        return
+      }
+      if (p.isArrayExpression()) {
+        for (const x of p.get('elements')) rec(x as NodePath)
+        return
+      }
+      if (p.isObjectExpression()) {
+        for (const x of p.get('properties')) {
+          if (x.isObjectProperty() && !x.node.computed) {
+            const k = x.get('key')
+            const v = name(k)
+            if (v && classMapTruth(x.node.value) !== false)
+              for (const c of v.split(/\s+/)) emit(k, 'class', 'class', c, `${context}/enabled`)
+          } else note(x, 'Computed/spread class map is unchecked')
+        }
+        return
+      }
+      if (p.isCallExpression() && classHelpers.has(helper(p.get('callee')))) {
+        for (const x of p.get('arguments')) rec(x as NodePath)
+        return
+      }
+      if (p.isIdentifier()) {
+        const ref = imported(p, p.node.name)
+        if (ref) current?.references.push(ref)
+        const b = p.scope.getBinding(p.node.name)
+        if (b?.constant && b.path.isVariableDeclarator()) {
+          rec(b.path.get('init') as NodePath)
+          return
+        }
+      }
+      if (p.isTemplateLiteral() && options?.conformance) {
+        for (const [i, q] of p.node.quasis.entries()) {
+          const raw = q.value.cooked ?? q.value.raw
+          const safe = raw.slice(
+            i > 0 && !/^\s/.test(raw) ? (raw.search(/\s/) < 0 ? raw.length : raw.search(/\s/)) : 0,
+            i < p.node.expressions.length && !/\s$/.test(raw)
+              ? Math.max(0, raw.lastIndexOf(' '))
+              : raw.length
+          )
+          for (const token of safe.split(/\s+/).filter(Boolean))
+            emit(p, 'class', 'class', token, context)
+          const expression = p.get('expressions')[i]
+          if (expression) {
+            const following = p.node.quasis[i + 1].value.cooked ?? p.node.quasis[i + 1].value.raw
+            if ((!raw || /\s$/.test(raw)) && (!following || /^\s/.test(following)))
+              rec(expression as NodePath)
+            else note(expression as NodePath, 'Dynamic class fragment is unchecked')
+          }
+        }
+        return
+      }
+      if (p.isTemplateLiteral()) {
+        for (const e of p.get('expressions'))
+          note(e, 'Dynamic template: only whitespace-delimited static classes checked')
+        for (const [i, q] of p.node.quasis.entries()) {
+          const raw = q.value.cooked ?? q.value.raw
+          const safe = raw.slice(
+            i > 0 && !/^\s/.test(raw) ? (raw.search(/\s/) < 0 ? raw.length : raw.search(/\s/)) : 0,
+            i < p.node.expressions.length && !/\s$/.test(raw)
+              ? Math.max(0, raw.lastIndexOf(' '))
+              : raw.length
+          )
+          for (const c of safe.split(/\s+/).filter(Boolean)) emit(p, 'class', 'class', c, context)
+        }
+        return
+      }
+      note(p, 'Imported helper or computed class expression is unchecked')
+    }
+    const centralValue = (
+      p: NodePath,
+      seen = new Set<t.Node>()
+    ): { ref: string; value: string } | undefined => {
+      if (!p.node || seen.size > 12 || seen.has(p.node)) return undefined
+      const next = new Set(seen).add(p.node)
+      if (p.isIdentifier()) {
+        const ref = imported(p, p.node.name)
+        const resolved = ref ? options?.resolve(ref) : undefined
+        if (ref && resolved?.value !== undefined) return { ref, value: resolved.value }
+        const binding = p.scope.getBinding(p.node.name)
+        if (binding?.constant && binding.path.isVariableDeclarator())
+          return centralValue(binding.path.get('init') as NodePath, next)
+      }
+      return undefined
+    }
+    const styles = (p: NodePath, active = new Set<t.Node>(), context = ''): void => {
+      if (!p.node || active.has(p.node) || active.size > 12) {
+        if (p.node) note(p, 'Local style resolution limit', 'style')
+        return
+      }
+      const next = new Set(active).add(p.node)
+      if (p.isIdentifier()) {
+        const b = p.scope.getBinding(p.node.name)
+        if (b?.constant && b.path.isVariableDeclarator()) {
+          if (!immutable(b)) {
+            note(p, 'Mutable or escaped style object is unchecked', 'style')
+            return
+          }
+          styles(b.path.get('init') as NodePath, next, context)
+          return
+        }
+      }
+      if (p.isTSAsExpression() || p.isTSSatisfiesExpression()) {
+        styles(p.get('expression') as NodePath, next, context)
+        return
+      }
+      if (p.isConditionalExpression()) {
+        if (options?.conformance && p.get('test').isBooleanLiteral()) {
+          styles(
+            p.node.test.type === 'BooleanLiteral' && p.node.test.value
+              ? p.get('consequent')
+              : p.get('alternate'),
+            next,
+            context
+          )
+          return
+        }
+        styles(p.get('consequent'), next, `${context}/then`)
+        styles(p.get('alternate'), next, `${context}/else`)
+        return
+      }
+      if (options?.conformance && p.isLogicalExpression()) {
+        if (p.get('left').isBooleanLiteral()) {
+          const truth = t.isBooleanLiteral(p.node.left) && p.node.left.value
+          if ((p.node.operator === '&&' && truth) || (p.node.operator === '||' && !truth))
+            styles(p.get('right'), next, context)
+        } else {
+          styles(p.get('right'), next, `${context}/${p.node.operator}:right`)
+          if (p.node.operator !== '&&')
+            styles(p.get('left'), next, `${context}/${p.node.operator}:left`)
+        }
+        return
+      }
+      if (options?.conformance && (p.isBooleanLiteral() || p.isNullLiteral())) return
+      if (!p.isObjectExpression()) {
+        note(p, 'Computed style object is unchecked', 'style')
+        return
+      }
+      for (const prop of p.get('properties')) {
+        if (options?.conformance && prop.isSpreadElement()) {
+          styles(prop.get('argument'), next, context)
+          continue
+        }
+        if (!prop.isObjectProperty() || prop.node.computed) {
+          note(prop, 'Style spread/computed property is unchecked', 'style')
+          continue
+        }
+        const property = name(prop.get('key'))
+        const key = kebab(property)
+        const v = prop.get('value')
+        const central = options?.conformance ? centralValue(v) : undefined
+        const scalar = scalarLiteral(v)
+        const value = central?.value ?? (scalar === undefined ? undefined : String(scalar))
+        if (value === undefined) {
+          const ref =
+            options?.conformance && v.isIdentifier() ? imported(v, v.node.name) : undefined
+          if (ref) {
+            emit(v, 'style', key, '<unresolved>', context)
+            const atom = current?.atoms.at(-1)
+            if (atom) atom.pendingRef = ref
+            continue
+          }
+          if (options?.conformance && /^(?:box|text)-shadow$/.test(key)) {
+            const parts = partial(v)
+            if (
+              parts &&
+              /^(?:inset\s+)?(?:-?(?:\d*\.)?\d+(?:px|rem|em)?\s+){2,4}var\(--lint-dynamic-0\)$/.test(
+                parts.expression
+              )
+            ) {
+              emit(v, 'style', key, parts.expression, context)
+              const atom = current?.atoms.at(-1)
+              if (atom) atom.partial = parts
+              continue
+            }
+          }
+          note(v, `Computed ${key} is unchecked`, 'style', key)
+          continue
+        }
+        if (
+          central &&
+          /^-?(?:\d*\.)?\d+$/.test(value) &&
+          value !== '0' &&
+          !property.startsWith('--') &&
+          !reactUnitlessProperty(property)
+        )
+          note(
+            v,
+            'Central numeric-looking style value has unknown scalar type; React units remain unchecked',
+            'style',
+            key
+          )
+        emit(
+          v,
+          'style',
+          key,
+          scalar === undefined ? value : reactStyleValue(property, scalar),
+          context,
+          central?.ref
+        )
+      }
+    }
+    const partial = (
+      p: NodePath,
+      seen = new Set<t.Node>()
+    ): { expression: string; inputs: string[] } | undefined => {
+      if (seen.has(p.node) || seen.size >= 12) return undefined
+      const next = new Set(seen).add(p.node)
+      const known = literal(p)
+      if (known !== undefined) return { expression: known, inputs: [] }
+      const parts: (string | NodePath)[] = []
+      if (p.isTemplateLiteral())
+        for (let i = 0; i < p.node.quasis.length; i++) {
+          parts.push(p.node.quasis[i].value.cooked ?? p.node.quasis[i].value.raw)
+          if (i < p.node.expressions.length) parts.push(p.get('expressions')[i] as NodePath)
+        }
+      else if (p.isBinaryExpression({ operator: '+' })) parts.push(p.get('left'), p.get('right'))
+      else if (p.isIdentifier()) {
+        const b = p.scope.getBinding(p.node.name)
+        if (b?.constant && b.path.isVariableDeclarator())
+          return partial(b.path.get('init') as NodePath, next)
+        return {
+          expression: 'var(--lint-dynamic-0)',
+          inputs: [imported(p, p.node.name) ?? p.node.name],
+        }
+      } else return undefined
+      const inputs: string[] = []
+      const out: string[] = []
+      for (const part of parts) {
+        const v = typeof part === 'string' ? { expression: part, inputs: [] } : partial(part, next)
+        if (!v) return undefined
+        const offset = inputs.length
+        out.push(
+          v.expression.replace(
+            /--lint-dynamic-(\d+)/g,
+            (_, n) => `--lint-dynamic-${offset + Number(n)}`
+          )
+        )
+        inputs.push(...v.inputs)
+      }
+      return { expression: out.join(''), inputs }
+    }
+    // The known CVA input sink reads these declarations; other writes/escapes stay rejected.
+    const recipeRead = (reference: NodePath): boolean => {
+      let path = reference
+      for (let depth = 0; depth < 12; depth++) {
+        const parent = path.parentPath
+        if (!parent) return false
+        if (
+          parent.isTSAsExpression() ||
+          parent.isTSSatisfiesExpression() ||
+          parent.isTSNonNullExpression() ||
+          (parent.isMemberExpression() && parent.get('object') === path) ||
+          parent.isArrayExpression()
+        )
+          path = parent
+        else if (
+          parent.isObjectProperty() &&
+          parent.get('value') === path &&
+          !parent.node.computed &&
+          parent.parentPath.isObjectExpression()
+        )
+          path = parent.parentPath
+        else
+          return (
+            parent.isCallExpression() &&
+            parent.get('arguments').some((argument) => argument.node === path.node) &&
+            helper(parent.get('callee')) === 'cva'
+          )
+      }
+      return false
+    }
+    const recipeInput = (p: NodePath, active = new Set<t.Node>()): NodePath | undefined => {
+      if (!p.node || active.has(p.node) || active.size >= 12) return undefined
+      const next = new Set(active).add(p.node)
+      if (p.isTSAsExpression() || p.isTSSatisfiesExpression() || p.isTSNonNullExpression())
+        return recipeInput(p.get('expression') as NodePath, next)
+      if (p.isIdentifier()) {
+        const binding = p.scope.getBinding(p.node.name)
+        if (
+          !binding?.path.isVariableDeclarator() ||
+          !binding.path.parentPath.isVariableDeclaration({ kind: 'const' }) ||
+          !immutable(binding, new Set(), recipeRead)
+        )
+          return undefined
+        return recipeInput(binding.path.get('init') as NodePath, next)
+      }
+      return p
+    }
+    const conditionValue = (
+      p: NodePath,
+      depth = 0
+    ): string | number | boolean | null | (string | number | boolean | null)[] | undefined => {
+      if (depth >= 12) return undefined
+      const value = recipeInput(p)
+      if (!value) return undefined
+      if (value.isStringLiteral() || value.isNumericLiteral() || value.isBooleanLiteral())
+        return value.node.value
+      if (value.isNullLiteral()) return null
+      if (value.isUnaryExpression({ operator: '-' }) && value.get('argument').isNumericLiteral())
+        return -(value.node.argument as t.NumericLiteral).value
+      if (depth > 0 || !value.isArrayExpression() || value.node.elements.length > 64)
+        return undefined
+      const values = value
+        .get('elements')
+        .map((element) =>
+          element.node ? conditionValue(element as NodePath, depth + 1) : undefined
+        )
+      if (values.some((item) => item === undefined || Array.isArray(item))) return undefined
+      // CVA uses array membership, so order and duplicates do not change the condition.
+      return [
+        ...new Map(
+          values.map((item) => [JSON.stringify(item), item as string | number | boolean | null])
+        ).entries(),
+      ]
+        .sort(([a], [b]) => compareStrings(a, b))
+        .map(([, item]) => item)
+    }
+    const variantValues = (raw: NodePath, context = '', active = new Set<t.Node>()): void => {
+      const p = recipeInput(raw)
+      if (!p?.isObjectExpression() || active.has(p.node) || active.size >= 12) {
+        note(
+          raw,
+          'CVA variant table is unchecked: opaque, mutable, cyclic or beyond the 12-node resolution limit'
+        )
+        return
+      }
+      const next = new Set(active).add(p.node)
+      for (const prop of p.get('properties')) {
+        if (!prop.isObjectProperty() || prop.node.computed) {
+          note(prop, 'CVA variant spread/computed field is unchecked')
+          continue
+        }
+        const rawValue = prop.get('value')
+        const value = recipeInput(rawValue)
+        const branch = `${context}/${name(prop.get('key'))}`
+        if (value?.isObjectExpression()) variantValues(value, branch, next)
+        else classes(rawValue, new Set(), 0, branch)
+      }
+    }
+    const elements = new WeakMap<t.Node, Surface>()
+    const svgText = new WeakMap<t.Node, boolean>()
+    const containsSvgText = (node: t.Node): boolean => {
+      const hit = svgText.get(node)
+      if (hit !== undefined) return hit
+      let found = false
+      t.traverseFast(node, (n) => {
+        if (t.isJSXElement(n) && ['text', 'tspan'].includes(jsxName(n.openingElement.name)))
+          found = true
+      })
+      svgText.set(node, found)
+      return found
+    }
+    const htmlInputs = new Set<t.Node>()
+    const html = (p: NodePath) => {
+      if (!appearance) return
+      if (p.isObjectProperty() && !/^apps\/sim\/(?:blocks|triggers|app)\//.test(file)) return
+      const input = htmlSink(p)
+      if (!input || htmlInputs.has(input.node)) return
+      htmlInputs.add(input.node)
+      const result = renderedHtml(input, text, owner(p), options?.conformance)
+      facts.surfaces?.push(...result.surfaces)
+      for (const s of result.surfaces) facts.atoms.push(...s.atoms)
+      facts.unchecked.push(...result.unchecked)
+    }
+    traverse(ast, {
+      JSXElement(p) {
+        if (
+          options?.conformance &&
+          t.isJSXIdentifier(p.node.openingElement.name, { name: 'svg' }) &&
+          !containsSvgText(p.node) &&
+          !p.findParent(
+            (q) =>
+              q.isJSXElement() && t.isJSXIdentifier(q.node.openingElement.name, { name: 'svg' })
+          ) &&
+          p.node.children.some(
+            (c) => t.isJSXElement(c) && !['title', 'desc'].includes(jsxName(c.openingElement.name))
+          )
+        ) {
+          facts.artwork ??= []
+          facts.artwork.push({
+            value: hash(artworkSyntax(p.node)),
+            input: 'locally authored SVG artwork',
+            line: p.node.loc?.start.line ?? 1,
+            column: (p.node.loc?.start.column ?? 0) + 1,
+            context: owner(p),
+          })
+        }
+        if (
+          (!options?.conformance && appearance && isIcon(p)) ||
+          (!options?.conformance &&
+            mediaNames.has(
+              t.isJSXIdentifier(p.node.openingElement.name) ? p.node.openingElement.name.name : ''
+            )) ||
+          (options?.conformance &&
+            Boolean(
+              p.findParent(
+                (q) =>
+                  q.isJSXElement() &&
+                  t.isJSXIdentifier(q.node.openingElement.name) &&
+                  media.has(q.node.openingElement.name.name) &&
+                  q.node.openingElement.name.name !== 'svg'
+              )
+            )) ||
+          (options?.conformance &&
+            p.findParent(
+              (q) =>
+                q.isJSXElement() && t.isJSXIdentifier(q.node.openingElement.name, { name: 'svg' })
+            ) &&
+            (!['text', 'tspan', 'g', 'svg', 'foreignObject'].includes(
+              jsxName(p.node.openingElement.name)
+            ) ||
+              (['g', 'svg'].includes(jsxName(p.node.openingElement.name)) &&
+                !containsSvgText(p.node))))
+        ) {
+          p.skip()
+          return
+        }
+        const tag = t.isJSXIdentifier(p.node.openingElement.name)
+          ? p.node.openingElement.name.name
+          : text.slice(p.node.openingElement.name.start ?? 0, p.node.openingElement.name.end ?? 0)
+        const target = targetFor(p, p.node.openingElement.name)
+        elements.set(
+          p.node,
+          surface(
+            'element',
+            owner(p),
+            target,
+            p.node.loc?.start.line,
+            (p.node.loc?.start.column ?? 0) + 1,
+            /^@sim\/emcn#/.test(target)
+          )
+        )
+        if (options?.conformance) {
+          const group = elements.get(p.node) as Surface
+          group.componentRef = /^[A-Z]/.test(tag)
+            ? referenceFor(p, p.node.openingElement.name)
+            : undefined
+          group.routes = routesFor(p)
+          if (group.componentRef) {
+            group.providedProps = p.node.openingElement.attributes.flatMap((a) =>
+              t.isJSXAttribute(a) && t.isJSXIdentifier(a.name) ? [a.name.name] : []
+            )
+            if (p.node.children.some((c) => !t.isJSXText(c) || c.value.trim()))
+              group.providedProps.push('children')
+            group.unknownProps = p.node.openingElement.attributes.some((a) =>
+              t.isJSXSpreadAttribute(a)
+            )
+          }
+          const required = new Set<string>()
+          const testProps = (test: NodePath, truth: boolean): void => {
+            if (test.isUnaryExpression({ operator: '!' })) {
+              testProps(test.get('argument'), !truth)
+              return
+            }
+            if (
+              test.isLogicalExpression() &&
+              ((truth && test.node.operator === '&&') || (!truth && test.node.operator === '||'))
+            ) {
+              testProps(test.get('left'), truth)
+              testProps(test.get('right'), truth)
+              return
+            }
+            if (!truth || !test.isIdentifier()) return
+            const binding = test.scope.getBinding(test.node.name)
+            if (binding?.kind !== 'param' || !binding.path.isObjectPattern()) return
+            for (const prop of binding.path.node.properties)
+              if (
+                t.isObjectProperty(prop) &&
+                t.isIdentifier(prop.value, { name: test.node.name }) &&
+                !prop.computed
+              )
+                required.add(
+                  t.isIdentifier(prop.key)
+                    ? prop.key.name
+                    : t.isStringLiteral(prop.key)
+                      ? prop.key.value
+                      : ''
+                )
+          }
+          let branch: NodePath = p
+          while (branch.parentPath && !branch.parentPath.isFunction()) {
+            const up = branch.parentPath
+            if (up.isConditionalExpression() && branch.key !== 'test')
+              testProps(up.get('test'), branch.key === 'consequent')
+            if (up.isLogicalExpression({ operator: '&&' }) && branch.key === 'right')
+              testProps(up.get('left'), true)
+            branch = up
+          }
+          if (required.size) group.requiredProps = [...required].filter(Boolean).sort()
+          group.ancestors = []
+          let parent: NodePath | null = p.parentPath
+          while (parent) {
+            if (parent.isJSXElement())
+              group.ancestors.push(targetFor(parent, parent.node.openingElement.name))
+            parent = parent.parentPath
+          }
+          const attr = p.findParent((q) => q.isJSXAttribute())
+          if (
+            attr?.isJSXAttribute() &&
+            attr.parentPath.isJSXOpeningElement() &&
+            t.isJSXIdentifier(attr.parentPath.node.name)
+          ) {
+            const container =
+              imported(attr, attr.parentPath.node.name.name) ?? attr.parentPath.node.name.name
+            if (
+              options
+                ?.contract?.(container)
+                ?.iconSlots?.includes(t.isJSXIdentifier(attr.node.name) ? attr.node.name.name : '')
+            )
+              group.iconSlot = container
+          }
+          if (
+            group.ancestors.includes('@sim/emcn#ChipModalBody') &&
+            !group.ancestors.includes('@sim/emcn#ChipModalField') &&
+            /(?:^|#)(?:ChipInput|ChipTextarea|ChipSelect|ChipCombobox|ChipDropdown|input|textarea|select)$/.test(
+              target
+            )
+          ) {
+            const parent = p.findParent((q) => q.isJSXElement())
+            if (
+              parent?.isJSXElement() &&
+              parent.node.children.some(
+                (c) =>
+                  t.isJSXElement(c) &&
+                  t.isJSXIdentifier(c.openingElement.name) &&
+                  ['label', 'Label'].includes(c.openingElement.name.name)
+              )
+            )
+              group.structuralViolation = 'Use ChipModalField for this directly labeled modal field'
+          }
+        }
+      },
+      JSXAttribute(p) {
+        html(p)
+        const key =
+          name(p.get('name') as NodePath) ||
+          (t.isJSXIdentifier(p.node.name) ? p.node.name.name : '')
+        const value = p.get('value')
+        const parent = p.parentPath.parentPath
+        const group = parent ? elements.get(parent.node) : undefined
+        if (!group) return
+        within(group, () => {
+          if (/^(?:class|className|.*ClassName)$/.test(key))
+            classes(
+              value.isJSXExpressionContainer() ? value.get('expression') : (value as NodePath),
+              new Set(),
+              0,
+              key
+            )
+          const contract = options?.contract?.(group.target)
+          const deferredStyle = /Style$/.test(key) && !contract && Boolean(group.componentRef)
+          if (
+            value.isJSXExpressionContainer() &&
+            (key === 'style' ||
+              (/Style$/.test(key) && contract?.slots?.includes(key)) ||
+              deferredStyle)
+          ) {
+            const start = group.atoms.length
+            const noteStart = facts.unchecked.length
+            const unresolvedStart = group.unresolved?.length ?? 0
+            styles(value.get('expression'), new Set(), key)
+            if (deferredStyle && group.componentRef) {
+              for (const atom of group.atoms.slice(start)) atom.deferredStyle = true
+              const route = { target: group.componentRef, slot: key }
+              for (const note of facts.unchecked.slice(noteStart)) note.deferredStyle = route
+              for (const input of group.unresolved?.slice(unresolvedStart) ?? [])
+                input.deferredStyle = route
+            }
+          }
+          if (
+            options?.conformance &&
+            /^[a-z]/.test(group.target) &&
+            [
+              'fontSize',
+              'font-size',
+              'fontFamily',
+              'font-family',
+              'fontWeight',
+              'font-weight',
+              'color',
+              'fill',
+              'stroke',
+            ].includes(key) &&
+            (!['svg', 'g'].includes(group.target) || (parent && containsSvgText(parent.node)))
+          ) {
+            const prop = kebab(key)
+            const v = value.isJSXExpressionContainer()
+              ? value.get('expression')
+              : (value as NodePath)
+            const ref = v.isIdentifier() ? imported(v, v.node.name) : undefined
+            const central = centralValue(v)
+            const resolved = central?.value ?? literal(v)
+            if (resolved !== undefined)
+              emit(
+                v,
+                'style',
+                prop,
+                /^(?:font-size)$/.test(prop) && /^\d+(?:\.\d+)?$/.test(resolved)
+                  ? `${resolved}px`
+                  : resolved,
+                'attribute',
+                central?.ref
+              )
+            else if (ref) {
+              emit(v, 'style', prop, '<unresolved>', 'attribute')
+              const atom = group.atoms.at(-1)
+              if (atom) atom.pendingRef = ref
+            } else note(v, `Computed presentation attribute ${key} is unchecked`, 'prop', prop)
+          }
+          if (
+            group.shared &&
+            ['variant', 'size', 'shape', 'minWidth', 'maxWidth', 'width', 'height'].includes(key)
+          ) {
+            const v = value.isJSXExpressionContainer()
+              ? value.get('expression')
+              : (value as NodePath)
+            const resolved = literal(v)
+            if (resolved !== undefined) emit(v, 'style', `prop:${key}`, resolved)
+            else note(p, `Computed appearance prop ${key} is unchecked`, 'prop', `prop:${key}`)
+          }
+        })
+      },
+      JSXSpreadAttribute(p) {
+        const parent = p.parentPath.parentPath
+        const group = parent ? elements.get(parent.node) : undefined
+        if (group)
+          within(group, () =>
+            note(p, 'JSX spread precedence and forwarded appearance props are unchecked', 'spread')
+          )
+      },
+      ObjectProperty(p) {
+        html(p)
+      },
+      CallExpression(p) {
+        if (helper(p.get('callee')) !== 'cva') return
+        within(surface('recipe', owner(p), 'cva', p.node.loc?.start.line), () => {
+          const args = p.get('arguments')
+          if (args[0]) classes(args[0] as NodePath)
+          if (!args[1]) return
+          const config = recipeInput(args[1] as NodePath)
+          if (!config?.isObjectExpression()) {
+            note(
+              args[1] as NodePath,
+              'CVA configuration is unchecked: opaque, mutable, cyclic or beyond the 12-node resolution limit'
+            )
+            return
+          }
+          for (const prop of config.get('properties')) {
+            if (!prop.isObjectProperty() || prop.node.computed) {
+              note(prop, 'CVA configuration spread/computed field is unchecked')
+              continue
+            }
+            const key = name(prop.get('key'))
+            const rawValue = prop.get('value')
+            const value = recipeInput(rawValue)
+            if (key === 'variants') variantValues(rawValue, 'variants')
+            if (key === 'defaultVariants') {
+              if (!value?.isObjectExpression()) {
+                note(rawValue, 'CVA default variants are unchecked')
+                continue
+              }
+              for (const item of value.get('properties')) {
+                if (!item.isObjectProperty() || item.node.computed) {
+                  note(item, 'Computed CVA default variant is unchecked')
+                  continue
+                }
+                const v = literal(item.get('value'))
+                if (v !== undefined) emit(item, 'style', `default:${name(item.get('key'))}`, v)
+                else note(item, 'Computed CVA default variant is unchecked')
+              }
+            }
+            if (key !== 'compoundVariants') continue
+            if (!value?.isArrayExpression()) {
+              note(rawValue, 'CVA compound variants are unchecked')
+              continue
+            }
+            for (const rawItem of value.get('elements')) {
+              const item = rawItem.node ? recipeInput(rawItem as NodePath) : undefined
+              if (!item?.isObjectExpression()) {
+                note(rawItem as NodePath, 'CVA compound variant is unchecked')
+                continue
+              }
+              const conditions: [string, unknown][] = []
+              for (const condition of item.get('properties')) {
+                if (!condition.isObjectProperty() || condition.node.computed) {
+                  note(condition, 'CVA compound condition spread/computed field is unchecked')
+                  continue
+                }
+                const key = name(condition.get('key'))
+                if (['class', 'className'].includes(key)) continue
+                const value = conditionValue(condition.get('value'))
+                if (value === undefined)
+                  note(
+                    condition.get('value'),
+                    'CVA compound condition is unchecked: opaque, mutable, cyclic or beyond the 12-node / 64-element finite-array limit'
+                  )
+                conditions.push([key, value === undefined ? '<unchecked>' : value])
+              }
+              conditions.sort(([a], [b]) => compareStrings(a, b))
+              for (const cp of item.get('properties'))
+                if (
+                  cp.isObjectProperty() &&
+                  !cp.node.computed &&
+                  ['class', 'className'].includes(name(cp.get('key')))
+                )
+                  classes(cp.get('value'), new Set(), 0, `compound:${JSON.stringify(conditions)}`)
+            }
+          }
+        })
+      },
+      ExportNamedDeclaration(p) {
+        const d = p.get('declaration')
+        if (d.isVariableDeclaration())
+          for (const decl of d.get('declarations'))
+            if (
+              decl.get('id').isIdentifier() &&
+              (/(?:Class|Classes|Tokens|Styles|_CLASS|_CLASSES|_TOKENS|_STYLES)$/.test(
+                name(decl.get('id'))
+              ) ||
+                localClassUses(`${modulePath(file)}#${name(decl.get('id'))}`).length > 0 ||
+                (options?.classUses?.(`${modulePath(file)}#${name(decl.get('id'))}`).length ?? 0) >
+                  0)
+            )
+              within(
+                surface(
+                  'definition',
+                  name(decl.get('id')),
+                  'exported-styling',
+                  decl.node.loc?.start.line
+                ),
+                () => {
+                  let init = decl.get('init') as NodePath
+                  if (init.isTSAsExpression() || init.isTSSatisfiesExpression())
+                    init = init.get('expression') as NodePath
+                  if (init.isObjectExpression()) {
+                    const ref = `${modulePath(file)}#${name(decl.get('id'))}`
+                    const uses = [...localClassUses(ref), ...(options?.classUses?.(ref) ?? [])]
+                    if (!uses.length) {
+                      note(
+                        init,
+                        'Exported object class-input classification is unchecked; supplied same-file/central consumers do not prove class-map keys or variant values'
+                      )
+                      return
+                    }
+                    for (const use of uses) {
+                      let selected: NodePath | undefined = init
+                      for (const key of use.path) {
+                        while (
+                          selected?.isTSAsExpression() ||
+                          selected?.isTSSatisfiesExpression() ||
+                          selected?.isTSNonNullExpression()
+                        )
+                          selected = selected.get('expression') as NodePath
+                        if (!selected?.isObjectExpression()) {
+                          selected = undefined
+                          break
+                        }
+                        const member = selected
+                          .get('properties')
+                          .filter(
+                            (p) =>
+                              p.isObjectProperty() && !p.node.computed && name(p.get('key')) === key
+                          )
+                          .at(-1)
+                        selected = member?.isObjectProperty() ? member.get('value') : undefined
+                      }
+                      if (!selected) {
+                        note(init, 'Exported object class-input member path is unchecked')
+                        continue
+                      }
+                      if (use.mode === 'variants')
+                        variantValues(selected, use.path.map((part) => `/${part}`).join(''))
+                      else
+                        classes(selected, new Set(), 0, use.path.map((part) => `/${part}`).join(''))
+                    }
+                  } else classes(init)
+                }
+              )
+      },
+    })
+    if (options?.conformance) {
+      const fields = new Map<t.Node, { label: boolean; control: boolean; field: boolean }>()
+      const shape = (
+        node: t.Node,
+        depth = 0
+      ): { label: boolean; control: boolean; field: boolean } => {
+        const hit = fields.get(node)
+        if (hit) return hit
+        const result = { label: false, control: false, field: false }
+        if (depth > 48) return result
+        fields.set(node, result)
+        if (t.isJSXElement(node)) {
+          const target = elements.get(node)?.target ?? ''
+          if (target === '@sim/emcn#ChipModalField') {
+            result.field = true
+            return result
+          }
+          result.label = ['label', '@sim/emcn#Label'].includes(target)
+          result.control =
+            /^(?:@sim\/emcn#(?:ChipInput|ChipTextarea|ChipSelect|ChipCombobox|ChipDropdown|ChipSwitch|ChipDatePicker)|input|textarea|select)$/.test(
+              target
+            )
+          result.field = result.control
+          if (!result.control && !result.label && !/^[a-z][a-z0-9-]*$/.test(target)) return result
+        }
+        const childKeys = t.isJSXElement(node) ? ['children'] : (t.VISITOR_KEYS[node.type] ?? [])
+        for (const childKey of childKeys) {
+          const child = (node as unknown as Record<string, unknown>)[childKey]
+          for (const c of Array.isArray(child) ? child : [child])
+            if (c && typeof c === 'object' && 'type' in c) {
+              const f = shape(c as t.Node, depth + 1)
+              result.field ||= f.field
+              result.label ||= f.label
+              result.control ||= f.control
+            }
+        }
+        return result
+      }
+      traverse(ast, {
+        JSXElement(p) {
+          const group = elements.get(p.node)
+          if (!group) return
+          if (group.target === 'div') {
+            const f = shape(p.node)
+            group.fieldGroup = f.field
+            if (
+              f.label &&
+              f.control &&
+              !p.node.children.some((c) => t.isJSXElement(c) && shape(c).label && shape(c).control)
+            )
+              group.fieldContainer = true
+          }
+          if (group.structuralViolation) {
+            const parent = p.findParent((q) => q.isJSXElement())
+            if (parent?.isJSXElement() && elements.get(parent.node)?.fieldContainer)
+              group.structuralViolation = undefined
+          }
+        },
+      })
+    }
+  } catch (error) {
+    facts.atoms = []
+    facts.surfaces = []
+    facts.unchecked.push({
+      line: 1,
+      context: '',
+      reason: `${parsed ? 'Extraction failure' : 'Parser failure'}: ${String(error).slice(0, 240)}; file styling is unchecked`,
+    })
+  } finally {
+    // All binding resolution is file-local. Drop Babel's path/scope caches at that boundary
+    // instead of leaving their AST cycles for a later runtime garbage-collection pass.
+    traverse.cache.clear()
+  }
+  return facts
+}
diff --git a/scripts/design-conformance/generated-contracts.ts b/scripts/design-conformance/generated-contracts.ts
new file mode 100644
index 00000000000..90ff26fe567
--- /dev/null
+++ b/scripts/design-conformance/generated-contracts.ts
@@ -0,0 +1,2059 @@
+import { readFileSync } from 'node:fs'
+import path from 'node:path'
+import { parse } from '@babel/parser'
+import traverse, { type Scope } from '@babel/traverse'
+import * as t from '@babel/types'
+import { compareStrings } from '@sim/utils/string'
+import ts from '@typescript/typescript6'
+import { LRUCache } from 'lru-cache'
+import postcss from 'postcss'
+import { classMapTruth } from '#design-conformance/class-map'
+import { centralCompiler, centralCompilerDiagnostics } from '#design-conformance/design-system'
+import { canonical, category, family, hash, TOKEN_FILE } from '#design-conformance/model'
+import {
+  type Compiler,
+  competingProperties,
+  compilerIdentity,
+  declarations,
+  variablesIn,
+} from '#design-conformance/normalize'
+import type { SystemInput } from '#design-conformance/system-snapshot'
+
+export const GENERATED_FILE = 'scripts/design-conformance/contracts.generated.json'
+export interface StylingSlot {
+  protected: string[]
+  allowed: string[]
+  recipes: string[]
+  forwards: { target: string; slot: string }[]
+  unchecked?: string[]
+}
+export interface VisualExport {
+  source: { file: string; line: number; name: string }
+  kind: 'component' | 'icon' | 'nonvisual'
+  importSource: '@sim/emcn' | '@sim/emcn/icons'
+  exportName: string
+  aliasOf?: string
+  variants: Record<
+    string,
+    { values: (string | boolean | number)[]; default?: string | boolean | number }
+  >
+  slots: Record<string, StylingSlot>
+  relationships: string[]
+}
+export interface GeneratedContracts {
+  version: '2.1.0'
+  sourceHash: string
+  exports: Record<string, VisualExport>
+  recipes: Record<
+    string,
+    {
+      classes: string[]
+      variants: Record<string, string[]>
+      defaults: Record<string, string | boolean | number>
+    }
+  >
+  tokens: Record<string, { definitions: { context: string; value: string }[]; aliases: string[] }>
+  diagnostics: { file: string; line: number; reason: string }[]
+}
+const caches = new LRUCache<string, Promise<GeneratedContracts>>({ max: 4 })
+const key = (n: t.Node) =>
+  t.isIdentifier(n) || t.isJSXIdentifier(n)
+    ? n.name
+    : t.isStringLiteral(n) || t.isNumericLiteral(n)
+      ? String(n.value)
+      : ''
+const unwrap = (n: t.Node): t.Node =>
+  t.isTSAsExpression(n) || t.isTSSatisfiesExpression(n) || t.isTSNonNullExpression(n)
+    ? unwrap(n.expression)
+    : n
+const sorted = (values: Iterable<string>) => [...new Set(values)].sort(compareStrings)
+const mod = (file: string) => file.replace(/\.[cm]?[jt]sx?$/, '')
+interface ModuleFacts {
+  ast: t.File
+  bindings: Map<string, t.Node>
+  functions: Map<string, t.Function>
+  imports: Map<string, string>
+  exports: Map<string, string>
+  stars: string[]
+  references: WeakMap<t.Node, { name: string; node?: t.Node; imported?: string; mutable?: boolean }>
+  mutable: Set<string>
+  unsafeKeyBindings: Set<string>
+}
+/** The complete source inventory is independent of consumer uses and policy registrations. */
+export const metadataSource = (file: string) =>
+  /^packages\/emcn\/src\/.*\.[cm]?[jt]sx?$/.test(file) && !/\.(?:test|spec|generated)\./.test(file)
+
+export function infrastructureStatus(metadata: GeneratedContracts, actual?: string) {
+  const expected = generatedBytes(metadata)
+  return {
+    fresh: actual === expected,
+    expectedHash: hash(expected),
+    actualHash: actual === undefined ? null : hash(actual),
+    command: 'bun run design:generate',
+  }
+}
+
+export function generatedBytes(result: GeneratedContracts): string {
+  const objectLines = (value: Record<string, unknown>) =>
+    Object.entries(value)
+      .map(([name, facts]) => `    ${JSON.stringify(name)}: ${JSON.stringify(facts)}`)
+      .join(',\n')
+  return `{\n  "version": "${result.version}",\n  "sourceHash": "${result.sourceHash}",\n  "exports": {\n${objectLines(result.exports)}\n  },\n  "recipes": {\n${objectLines(result.recipes)}\n  },\n  "tokens": {\n${objectLines(result.tokens)}\n  },\n  "diagnostics": ${JSON.stringify(result.diagnostics)}\n}\n`
+}
+export async function generateContracts(
+  input: SystemInput,
+  compiled?: Compiler
+): Promise<GeneratedContracts> {
+  const sources = new Map(
+    input.snapshot.entries
+      .filter((e) => metadataSource(e.path) || e.path.endsWith('.css'))
+      .map((e) => [e.path, input.read(e)])
+  )
+  const system = compiled ?? (await centralCompiler(input))
+  const identity = hash(
+    canonical({
+      sources: [...sources].sort(([a], [b]) => compareStrings(a, b)),
+      compiler: compilerIdentity(system),
+    })
+  )
+  const cacheKey = `${identity}:${hash(readFileSync(new URL('./generated-contracts.ts', import.meta.url)))}`
+  const cached = caches.get(cacheKey)
+  if (cached) return cached
+  const pending = generate(sources, identity, system)
+  caches.set(cacheKey, pending)
+  pending.catch(() => caches.delete(cacheKey))
+  return pending
+}
+
+async function generate(
+  sources: Map<string, string>,
+  sourceHash: string,
+  compiled?: Compiler
+): Promise<GeneratedContracts> {
+  const out: GeneratedContracts = {
+    version: '2.1.0',
+    sourceHash,
+    exports: {},
+    recipes: {},
+    tokens: {},
+    diagnostics: compiled ? [...centralCompilerDiagnostics(compiled)] : [],
+  }
+  let stylingNotes: string[] | undefined
+  let deferredNotes: GeneratedContracts['diagnostics'] | undefined
+  let acceptedStylingInput: ((file: string, node: t.Node) => boolean) | undefined
+  const note = (file: string, line: number, reason: string) => {
+    if (deferredNotes) {
+      deferredNotes.push({ file, line, reason })
+      return
+    }
+    stylingNotes?.push(reason)
+    if (!out.diagnostics.some((d) => d.file === file && d.line === line && d.reason === reason))
+      out.diagnostics.push({ file, line, reason })
+  }
+  const tokenLocations = new Map<string, { file: string; line: number }>()
+  const modules = new Map<string, ModuleFacts>()
+  const resolveFile = (file: string, specifier: string) => {
+    const base = specifier.startsWith('.')
+      ? path.posix.join(path.posix.dirname(file), specifier)
+      : specifier === '@sim/emcn'
+        ? 'packages/emcn/src/index'
+        : specifier.startsWith('@sim/emcn/')
+          ? `packages/emcn/src/${specifier.slice(10)}`
+          : specifier
+    const stem = base.replace(/\.[cm]?jsx?$/, '')
+    return [
+      base,
+      ...[base, stem].flatMap((name) =>
+        ['.ts', '.tsx', '.mts', '.cts', '.d.ts', '.d.mts', '.d.cts'].map(
+          (extension) => `${name}${extension}`
+        )
+      ),
+      `${base}/index.ts`,
+      `${base}/index.tsx`,
+    ].find((f) => sources.has(f))
+  }
+  for (const [file, source] of sources) {
+    if (file.endsWith('.css')) {
+      const ast = postcss.parse(source, { from: file })
+      ast.walkDecls((d) => {
+        if (!d.prop.startsWith('--')) return
+        const contexts: string[] = []
+        let p = d.parent
+        while (p && p.type !== 'root') {
+          contexts.unshift(
+            p.type === 'rule' ? p.selector : p.type === 'atrule' ? `@${p.name} ${p.params}` : ''
+          )
+          p = p.parent
+        }
+        const token = (out.tokens[d.prop] ??= { definitions: [], aliases: [] })
+        const definition = { context: contexts.join(' > '), value: d.value }
+        tokenLocations.set(`${d.prop}#${canonical(definition)}`, {
+          file,
+          line: d.source?.start?.line ?? 1,
+        })
+        if (!token.definitions.some((x) => canonical(x) === canonical(definition)))
+          token.definitions.push(definition)
+        token.aliases = sorted([...token.aliases, ...variablesIn(d.value)])
+      })
+      continue
+    }
+    if (Buffer.byteLength(source) > 2 * 1024 * 1024)
+      throw new Error(`Extraction failure: ${file}: source exceeds 2 MiB`)
+    let ast: t.File
+    try {
+      ast = parse(source, {
+        sourceType: 'module',
+        plugins: [['typescript', { dts: /\.d\.[cm]?ts$/.test(file) }], 'jsx'],
+      })
+    } catch (error) {
+      throw new Error(`Extraction failure: ${file}: ${String(error)}`)
+    }
+    const facts: ModuleFacts = {
+      ast,
+      bindings: new Map(),
+      functions: new Map(),
+      imports: new Map(),
+      exports: new Map(),
+      stars: [],
+      references: new WeakMap(),
+      mutable: new Set(),
+      unsafeKeyBindings: new Set(),
+    }
+    for (const st of ast.program.body) {
+      if (t.isImportDeclaration(st))
+        for (const spec of st.specifiers)
+          facts.imports.set(
+            spec.local.name,
+            `${resolveFile(file, st.source.value) ?? st.source.value}#${t.isImportSpecifier(spec) ? key(spec.imported) : t.isImportDefaultSpecifier(spec) ? 'default' : '*'}`
+          )
+      if (
+        (t.isExportAllDeclaration(st) || t.isExportNamedDeclaration(st)) &&
+        st.source?.value.startsWith('.') &&
+        !resolveFile(file, st.source.value)
+      )
+        throw new Error(
+          `Extraction failure: unresolved public export ${file} -> ${st.source.value}`
+        )
+    }
+    for (const st of ast.program.body) {
+      if (t.isExportAllDeclaration(st)) {
+        const target = resolveFile(file, st.source.value)
+        if (target) facts.stars.push(target)
+      }
+      if (t.isExportNamedDeclaration(st))
+        for (const spec of st.specifiers) {
+          const target = st.source ? (resolveFile(file, st.source.value) ?? st.source.value) : file
+          facts.exports.set(
+            key(spec.exported),
+            `${target}#${t.isExportSpecifier(spec) ? key(spec.local) : '*'}`
+          )
+        }
+      if (t.isExportDefaultDeclaration(st)) {
+        const declaration = st.declaration
+        if (
+          (t.isFunctionDeclaration(declaration) || t.isClassDeclaration(declaration)) &&
+          declaration.id
+        )
+          facts.exports.set('default', `${file}#${declaration.id.name}`)
+        else facts.bindings.set('default', declaration)
+      }
+    }
+    const scopeIds = new WeakMap<Scope, string>()
+    const scopeChildren = new WeakMap<Scope, number>()
+    const scopeId = (scope: Scope): string => {
+      if (t.isProgram(scope.block)) return ''
+      const cached = scopeIds.get(scope)
+      if (cached) return cached
+      const parent = scope.parent
+      const prefix = parent ? scopeId(parent) : ''
+      const ordinal = parent ? (scopeChildren.get(parent) ?? 0) + 1 : 1
+      if (parent) scopeChildren.set(parent, ordinal)
+      const owner = scope.path.parentPath?.node
+      const hint =
+        t.isFunctionDeclaration(scope.block) || t.isFunctionExpression(scope.block)
+          ? scope.block.id?.name
+          : t.isVariableDeclarator(owner) && t.isIdentifier(owner.id)
+            ? owner.id.name
+            : t.isObjectMethod(scope.block) || t.isClassMethod(scope.block)
+              ? key(scope.block.key)
+              : undefined
+      const result = `${prefix ? `${prefix}/` : ''}${hint ?? `${scope.block.type}[${ordinal}]`}`
+      scopeIds.set(scope, result)
+      return result
+    }
+    traverse(ast, {
+      enter(p) {
+        if (p.isScope())
+          for (const binding of Object.values(p.scope.bindings)) {
+            const name = t.isProgram(binding.scope.block)
+              ? binding.identifier.name
+              : `${binding.identifier.name}@${scopeId(binding.scope)}`
+            const value = binding.path.isVariableDeclarator()
+              ? binding.path.node.init
+              : binding.path.isFunctionDeclaration()
+                ? binding.path.node
+                : undefined
+            if (!binding.constant) facts.mutable.add(name)
+            else if (value) facts.bindings.set(name, value)
+          }
+        if (!p.isIdentifier() && !p.isJSXIdentifier()) return
+        const binding = p.scope.getBinding(p.node.name)
+        if (!binding) return
+        const name = t.isProgram(binding.scope.block)
+          ? binding.identifier.name
+          : `${binding.identifier.name}@${scopeId(binding.scope)}`
+        const node = binding.path.isVariableDeclarator()
+          ? binding.path.node.init
+          : binding.path.isFunctionDeclaration()
+            ? binding.path.node
+            : undefined
+        const imported =
+          binding.path.isImportSpecifier() ||
+          binding.path.isImportDefaultSpecifier() ||
+          binding.path.isImportNamespaceSpecifier()
+            ? facts.imports.get(binding.identifier.name)
+            : undefined
+        facts.references.set(p.node, {
+          name,
+          ...(node && binding.constant ? { node } : {}),
+          ...(imported ? { imported } : {}),
+          ...(!binding.constant ? { mutable: true } : {}),
+        })
+      },
+    })
+    const functionOf = (raw: t.Node, seen = new Set<string>()): t.Function | undefined => {
+      const node = unwrap(raw)
+      if (t.isFunction(node)) return node
+      if (seen.size >= 12) return
+      if (t.isIdentifier(node)) {
+        const ref = facts.references.get(node)
+        const value = ref ? ref.node : facts.bindings.get(node.name)
+        return value && !seen.has(node.name)
+          ? functionOf(value, new Set(seen).add(node.name))
+          : undefined
+      }
+      if (t.isCallExpression(node)) {
+        const name = t.isIdentifier(node.callee)
+          ? node.callee.name
+          : t.isMemberExpression(node.callee)
+            ? key(node.callee.property)
+            : ''
+        if (/^(?:memo|forwardRef)$/.test(name) && t.isExpression(node.arguments[0]))
+          return functionOf(node.arguments[0], seen)
+      }
+      return
+    }
+    for (const [name, node] of facts.bindings) {
+      const fn = functionOf(node)
+      if (fn) facts.functions.set(name, fn)
+    }
+    const unsafeRoot = (raw: t.Node) => {
+      let node = unwrap(raw)
+      while (t.isMemberExpression(node)) node = unwrap(node.object)
+      if (t.isIdentifier(node))
+        facts.unsafeKeyBindings.add(facts.references.get(node)?.name ?? node.name)
+    }
+    t.traverseFast(ast, (node) => {
+      if (t.isAssignmentExpression(node)) unsafeRoot(node.left)
+      else if (t.isUpdateExpression(node)) unsafeRoot(node.argument)
+      else if (t.isUnaryExpression(node) && node.operator === 'delete') unsafeRoot(node.argument)
+      else if (t.isCallExpression(node) || t.isNewExpression(node))
+        for (const argument of node.arguments)
+          if (t.isIdentifier(argument) || t.isMemberExpression(argument)) unsafeRoot(argument)
+    })
+    modules.set(file, facts)
+  }
+  const locate = (
+    file: string,
+    name: string,
+    seen = new Set<string>(),
+    reference?: t.Node
+  ): { file: string; name: string; node: t.Node } | undefined => {
+    const scoped = reference && modules.get(file)?.references.get(reference)
+    if (scoped) name = scoped.name
+    const id = `${file}#${name}`
+    if (seen.has(id) || seen.size >= 12) {
+      note(file, 1, `Unresolved or cyclic implementation reference: ${id}`)
+      return
+    }
+    const facts = modules.get(file)
+    if (scoped?.mutable || facts?.mutable.has(name)) {
+      note(
+        file,
+        reference?.loc?.start.line ?? 1,
+        `Unresolved mutable styling binding: ${name.split('@')[0]}`
+      )
+      return
+    }
+    const node = scoped ? scoped.node : facts?.bindings.get(name)
+    if (node) {
+      const value = unwrap(node)
+      if (t.isIdentifier(value)) return locate(file, value.name, new Set(seen).add(id), value)
+      if (
+        t.isCallExpression(value) &&
+        t.isMemberExpression(value.callee) &&
+        t.isIdentifier(value.callee.object, { name: 'Object' }) &&
+        key(value.callee.property) === 'assign' &&
+        t.isIdentifier(value.arguments[0])
+      )
+        return locate(file, value.arguments[0].name, new Set(seen).add(id), value.arguments[0])
+      return { file, name, node: value }
+    }
+    const ref = scoped ? scoped.imported : (facts?.imports.get(name) ?? facts?.exports.get(name))
+    if (ref) {
+      const [target, imported] = ref.split('#')
+      return locate(target, imported, new Set(seen).add(id))
+    }
+    if (!scoped)
+      for (const target of facts?.stars ?? []) {
+        const found = locate(target, name, new Set(seen).add(id))
+        if (found) return found
+      }
+    return
+  }
+  const namespaceReference = (file: string, node: t.Node): string | undefined => {
+    if (!t.isIdentifier(node) && !t.isJSXIdentifier(node)) return
+    const facts = modules.get(file)
+    const scoped = facts?.references.get(node)
+    return scoped
+      ? scoped.imported
+      : (facts?.imports.get(node.name) ?? facts?.exports.get(node.name))
+  }
+  const expressionReference = (file: string, node: t.Node) => {
+    node = unwrap(node)
+    if (t.isIdentifier(node)) return locate(file, node.name, new Set(), node)
+    if (t.isMemberExpression(node) && (!node.computed || t.isStringLiteral(node.property))) {
+      const ref = namespaceReference(file, node.object)
+      if (ref?.endsWith('#*')) return locate(ref.slice(0, -2), key(node.property))
+    }
+    return undefined
+  }
+  /** Follow potentially mutated aliases without publishing notes for unrelated code. */
+  deferredNotes = []
+  try {
+    for (const [file, facts] of modules)
+      for (const name of [...facts.unsafeKeyBindings]) {
+        const found = locate(file, name)
+        if (found) modules.get(found.file)?.unsafeKeyBindings.add(found.name)
+      }
+  } finally {
+    deferredNotes = undefined
+  }
+  const absentAppearance = (file: string, raw: t.Node) => {
+    const node = unwrap(raw)
+    return (
+      t.isNullLiteral(node) ||
+      (t.isIdentifier(node, { name: 'undefined' }) &&
+        !modules.get(file)?.references.has(node) &&
+        !modules.get(file)?.bindings.has('undefined'))
+    )
+  }
+  const memberValues = (
+    file: string,
+    node: t.Node,
+    seen = new Set<string>()
+  ): { file: string; node: t.Node }[] => {
+    node = unwrap(node)
+    if (seen.size >= 12) return []
+    if (t.isIdentifier(node)) {
+      const ref = `${file}#${node.name}`
+      const found = locate(file, node.name, new Set(), node)
+      return found && !seen.has(ref)
+        ? memberValues(found.file, found.node, new Set(seen).add(ref))
+        : []
+    }
+    if (t.isConditionalExpression(node) || t.isLogicalExpression(node)) {
+      const branches = t.isConditionalExpression(node)
+        ? [node.consequent, node.alternate]
+        : [node.left, node.right]
+      return branches.flatMap((branch) => memberValues(file, branch, seen))
+    }
+    if (t.isMemberExpression(node)) {
+      const selected =
+        !node.computed || t.isStringLiteral(node.property) || t.isNumericLiteral(node.property)
+          ? key(node.property)
+          : undefined
+      const reference = expressionReference(file, node)
+      if (reference) return memberValues(reference.file, reference.node, seen)
+      return memberValues(file, node.object, seen).flatMap((object) =>
+        t.isObjectExpression(object.node)
+          ? object.node.properties.flatMap((property) =>
+              t.isObjectProperty(property) &&
+              (selected === undefined || key(property.key) === selected)
+                ? memberValues(object.file, property.value, seen)
+                : []
+            )
+          : []
+      )
+    }
+    return [{ file, node }]
+  }
+  const strings = (file: string, node: t.Node, seen = new Set<string>()): string[] => {
+    node = unwrap(node)
+    if (absentAppearance(file, node)) return []
+    if (seen.size >= 12) {
+      note(file, node.loc?.start.line ?? 1, 'Styling expression resolution limit')
+      return []
+    }
+    if (t.isStringLiteral(node)) return node.value.split(/\s+/).filter(Boolean)
+    if (t.isTemplateLiteral(node)) {
+      const embedded = node.expressions.flatMap((expression) => {
+        const values = strings(file, expression, seen)
+        if (!values.length)
+          note(file, node.loc?.start.line ?? 1, 'Dynamic styling template remains unchecked')
+        return values
+      })
+      return [...node.quasis.flatMap((q) => q.value.raw.split(/\s+/).filter(Boolean)), ...embedded]
+    }
+    if (t.isIdentifier(node)) {
+      const ref = `${file}#${node.name}`
+      const found = locate(file, node.name, new Set(), node)
+      if (!found && !acceptedStylingInput?.(file, node))
+        note(file, node.loc?.start.line ?? 1, `Unresolved styling identifier: ${node.name}`)
+      return found && !seen.has(ref) ? strings(found.file, found.node, new Set(seen).add(ref)) : []
+    }
+    if (t.isConditionalExpression(node))
+      return [...strings(file, node.consequent, seen), ...strings(file, node.alternate, seen)]
+    if (t.isLogicalExpression(node))
+      return [...strings(file, node.left, seen), ...strings(file, node.right, seen)]
+    if (t.isArrayExpression(node))
+      return node.elements.flatMap((n) => (n ? strings(file, n, seen) : []))
+    if (t.isObjectExpression(node))
+      return node.properties.flatMap((p) =>
+        t.isObjectProperty(p)
+          ? classMapTruth(p.value) !== false
+            ? [key(p.key)].filter(Boolean)
+            : []
+          : t.isSpreadElement(p)
+            ? strings(file, p.argument, seen)
+            : []
+      )
+    if (t.isMemberExpression(node)) {
+      const values = memberValues(file, node, seen)
+      if (!values.length) note(file, node.loc?.start.line ?? 1, 'Unresolved styling member lookup')
+      return values.flatMap((value) => strings(value.file, value.node, seen))
+    }
+    if (t.isFunction(node)) {
+      const returns: t.Node[] = []
+      if (t.isBlockStatement(node.body))
+        t.traverseFast(node.body, (n) => {
+          if (t.isReturnStatement(n) && n.argument) returns.push(n.argument)
+        })
+      else returns.push(node.body)
+      return returns.flatMap((n) => strings(file, n, seen))
+    }
+    if (t.isCallExpression(node)) {
+      const found = expressionReference(file, node.callee)
+      const ref = found && `${found.file}#${found.name}`
+      if (ref && out.recipes[ref]) return out.recipes[ref].classes
+      const callee = t.isIdentifier(node.callee)
+        ? node.callee.name
+        : t.isMemberExpression(node.callee)
+          ? key(node.callee.property)
+          : ''
+      const combining =
+        /^(?:cn|clsx|classNames|twMerge)$/.test(callee) ||
+        (!!found && /^(?:cn|clsx|classNames|twMerge)$/.test(found.name))
+      const cva =
+        namespaceReference(file, node.callee) === 'class-variance-authority#cva' ||
+        (t.isMemberExpression(node.callee) &&
+          namespaceReference(file, node.callee.object) === 'class-variance-authority#*' &&
+          key(node.callee.property) === 'cva')
+      if (!found && !combining && !cva)
+        note(
+          file,
+          node.loc?.start.line ?? 1,
+          `Unresolved styling call: ${callee || 'dynamic callee'}`
+        )
+      return [
+        ...node.arguments.flatMap((a) => (t.isExpression(a) ? strings(file, a, seen) : [])),
+        ...(found && !combining && ref && !seen.has(ref)
+          ? strings(found.file, found.node, new Set(seen).add(ref))
+          : []),
+      ]
+    }
+    if (!t.isBooleanLiteral(node) && !t.isNumericLiteral(node) && !t.isNullLiteral(node))
+      note(file, node.loc?.start.line ?? 1, `Unsupported styling expression: ${node.type}`)
+    return []
+  }
+  const scalar = (
+    file: string,
+    raw: t.Node,
+    seen = new Set<t.Node>()
+  ): string | boolean | number | undefined => {
+    const node = unwrap(raw)
+    if (seen.has(node) || seen.size >= 12) return
+    if (t.isStringLiteral(node) || t.isNumericLiteral(node) || t.isBooleanLiteral(node))
+      return node.value
+    if (t.isUnaryExpression(node) && node.operator === '-' && t.isNumericLiteral(node.argument))
+      return -node.argument.value
+    const found = expressionReference(file, node)
+    return found ? scalar(found.file, found.node, new Set(seen).add(node)) : undefined
+  }
+  type Field = { file: string; name: string; value: t.Node }
+  const visitFunctionSource = (fn: t.Function, callback: (node: t.Node) => void) => {
+    const visit = (node: t.Node) => {
+      if (t.isFunction(node)) return
+      callback(node)
+      for (const childKey of t.VISITOR_KEYS[node.type] ?? []) {
+        const child = (node as unknown as Record<string, t.Node | t.Node[] | undefined>)[childKey]
+        if (Array.isArray(child)) {
+          for (const item of child) if (item) visit(item)
+        } else if (child) visit(child)
+      }
+    }
+    for (const parameter of fn.params) visit(parameter)
+    visit(fn.body)
+  }
+  const returnCache = new WeakMap<
+    t.Function,
+    { values: t.Node[]; mutation: boolean; calls: boolean }
+  >()
+  const helperReturns = (fn: t.Function) => {
+    const cached = returnCache.get(fn)
+    if (cached) return cached
+    const result = { values: [] as t.Node[], mutation: !!(fn.async || fn.generator), calls: false }
+    visitFunctionSource(fn, (node) => {
+      if (t.isReturnStatement(node)) result.values.push(node.argument ?? t.nullLiteral())
+      if (
+        t.isAssignmentExpression(node) ||
+        t.isUpdateExpression(node) ||
+        (t.isUnaryExpression(node) && node.operator === 'delete')
+      )
+        result.mutation = true
+      if (
+        t.isCallExpression(node) ||
+        t.isNewExpression(node) ||
+        t.isAwaitExpression(node) ||
+        t.isYieldExpression(node)
+      )
+        result.calls = true
+    })
+    if (!t.isBlockStatement(fn.body)) result.values.push(fn.body)
+    returnCache.set(fn, result)
+    return result
+  }
+  const objectFields = (
+    file: string,
+    raw: t.Node,
+    seen = new Set<t.Node>()
+  ): { fields: Field[]; unknown: { file: string; node: t.Node }[] } => {
+    const node = unwrap(raw)
+    if (seen.has(node) || seen.size >= 12) return { fields: [], unknown: [{ file, node }] }
+    const next = new Set(seen).add(node)
+    const found = expressionReference(file, node)
+    if (found) return objectFields(found.file, found.node, next)
+    if (!t.isObjectExpression(node)) return { fields: [], unknown: [{ file, node }] }
+    const fields = new Map<string, Field>()
+    const unknown: { file: string; node: t.Node }[] = []
+    for (const property of node.properties) {
+      if (
+        t.isObjectProperty(property) &&
+        (!property.computed || t.isStringLiteral(property.key) || t.isNumericLiteral(property.key))
+      )
+        fields.set(key(property.key), { file, name: key(property.key), value: property.value })
+      else if (t.isSpreadElement(property)) {
+        const spread = objectFields(file, property.argument, next)
+        for (const field of spread.fields) fields.set(field.name, field)
+        unknown.push(...spread.unknown)
+      } else unknown.push({ file, node: property })
+    }
+    return { fields: [...fields.values()], unknown }
+  }
+  const recipeNotes = new Map<string, string[]>()
+  for (const [file, facts] of modules)
+    for (const [name, node] of facts.bindings) {
+      const value = unwrap(node)
+      if (!t.isCallExpression(value)) continue
+      const imported = t.isIdentifier(value.callee)
+        ? namespaceReference(file, value.callee)
+        : t.isMemberExpression(value.callee) && key(value.callee.property) === 'cva'
+          ? namespaceReference(file, value.callee.object)?.replace(/#\*$/, '#cva')
+          : undefined
+      if (imported !== 'class-variance-authority#cva') continue
+      stylingNotes = []
+      const recipe: GeneratedContracts['recipes'][string] = {
+        classes: sorted(
+          value.arguments[0] && t.isExpression(value.arguments[0])
+            ? strings(file, value.arguments[0])
+            : []
+        ),
+        variants: {},
+        defaults: {},
+      }
+      const config = value.arguments[1]
+      if (config && t.isExpression(config)) {
+        const resolved = objectFields(file, config)
+        for (const unknown of resolved.unknown)
+          note(unknown.file, unknown.node.loc?.start.line ?? 1, 'Unresolved CVA configuration')
+        for (const field of resolved.fields) {
+          if (field.name === 'compoundVariants') {
+            const found = expressionReference(field.file, field.value)
+            const compounds = unwrap(found?.node ?? field.value)
+            const compoundFile = found?.file ?? field.file
+            if (t.isArrayExpression(compounds))
+              for (const compound of compounds.elements) {
+                if (!compound || !t.isExpression(compound)) continue
+                const fields = objectFields(compoundFile, compound)
+                for (const item of fields.fields)
+                  if (item.name === 'class' || item.name === 'className')
+                    recipe.classes.push(...strings(item.file, item.value))
+                for (const unknown of fields.unknown)
+                  note(
+                    unknown.file,
+                    unknown.node.loc?.start.line ?? 1,
+                    'Unresolved CVA compound variant'
+                  )
+              }
+            else
+              note(compoundFile, compounds.loc?.start.line ?? 1, 'Unresolved CVA compound variants')
+            continue
+          }
+          if (field.name !== 'variants' && field.name !== 'defaultVariants') continue
+          const axes = objectFields(field.file, field.value)
+          for (const unknown of axes.unknown)
+            note(unknown.file, unknown.node.loc?.start.line ?? 1, `Unresolved CVA ${field.name}`)
+          for (const axis of axes.fields)
+            if (field.name === 'variants') {
+              const values = objectFields(axis.file, axis.value)
+              recipe.variants[axis.name] = sorted(values.fields.map((v) => v.name))
+              for (const item of values.fields)
+                recipe.classes.push(...strings(item.file, item.value))
+              for (const unknown of values.unknown)
+                note(
+                  unknown.file,
+                  unknown.node.loc?.start.line ?? 1,
+                  `Unresolved CVA variant ${axis.name}`
+                )
+            } else {
+              const fallback = scalar(axis.file, axis.value)
+              if (fallback !== undefined) recipe.defaults[axis.name] = fallback
+              else
+                note(
+                  axis.file,
+                  axis.value.loc?.start.line ?? 1,
+                  `Unresolved CVA default ${axis.name}`
+                )
+            }
+        }
+      }
+      recipe.classes = sorted(recipe.classes)
+      out.recipes[`${file}#${name}`] = recipe
+      recipeNotes.set(`${file}#${name}`, sorted(stylingNotes))
+      stylingNotes = undefined
+    }
+  if (!compiled) throw new Error('Extraction failure: central compiler is missing')
+  const tw = compiled
+  const protectedFor = (classes: string[], file: string, line: number) =>
+    sorted(
+      classes.flatMap((value) => {
+        const ds = declarations(
+          { kind: 'class', property: 'class', value, line: 1, column: 1, context: '' },
+          tw,
+          {},
+          true
+        )
+        if (ds === null) {
+          note(file, line, `Unresolved central styling utility: ${value}`)
+          return []
+        }
+        return ds.flatMap((d) => {
+          const p = family(d.property)
+          if (
+            p.startsWith('--') ||
+            ['layout', 'layering', 'motion'].includes(d.category) ||
+            p === 'margin' ||
+            (/^(?:min|max)-(?:width|height)$/.test(p) &&
+              /^(?:0|100%|auto|fit-content|inherit)$/.test(d.value)) ||
+            (['width', 'height'].includes(p) && /^(?:100%|auto|fit-content|inherit)$/.test(d.value))
+          )
+            return []
+          return [p, ...(/^min-(?:height|width)$/.test(p) ? [p.slice(4)] : [])]
+        })
+      })
+    )
+  // Snapshot-only compiler host: no workspace implementation is read through disk.
+  // Third-party types and TS libraries are inputs of the pinned tool installation.
+  const virtualRoot = path.resolve(import.meta.dirname, '../..', '.__design_snapshot__')
+  const paths = new Map(
+    [...sources]
+      .filter(([f]) => /\.[cm]?[jt]sx?$/.test(f))
+      .map(([f, s]) => [path.join(virtualRoot, f), s])
+  )
+  const options: ts.CompilerOptions = {
+    jsx: ts.JsxEmit.ReactJSX,
+    target: ts.ScriptTarget.ES2022,
+    module: ts.ModuleKind.ESNext,
+    moduleResolution: ts.ModuleResolutionKind.Bundler,
+    skipLibCheck: true,
+    strict: true,
+    noEmit: true,
+    baseUrl: virtualRoot,
+    paths: { '@sim/emcn': ['packages/emcn/src/index.ts'], '@sim/emcn/*': ['packages/emcn/src/*'] },
+  }
+  const disk = ts.createCompilerHost(options)
+  const allowed = (f: string) => f.includes('/node_modules/') && !f.includes('/node_modules/@sim/')
+  const host: ts.CompilerHost = {
+    ...disk,
+    fileExists: (f) => paths.has(f) || (allowed(f) && disk.fileExists(f)),
+    readFile: (f) => paths.get(f) ?? (allowed(f) ? disk.readFile(f) : undefined),
+    directoryExists: (d) =>
+      d.startsWith(virtualRoot) || (d.includes('/node_modules') && !!disk.directoryExists?.(d)),
+    getCurrentDirectory: () => virtualRoot,
+    getSourceFile(f, languageVersion) {
+      const text = this.readFile(f)
+      return text === undefined ? undefined : ts.createSourceFile(f, text, languageVersion, true)
+    },
+  }
+  const program = ts.createProgram([...paths.keys()], options, host)
+  const checker = program.getTypeChecker()
+  const cssTypes = program
+    .getSourceFiles()
+    .find((f) => /\/node_modules\/csstype\/index\.d\.ts$/.test(f.fileName))
+  const cssModule = cssTypes && checker.getSymbolAtLocation(cssTypes)
+  const cssSymbol =
+    cssModule && checker.getExportsOfModule(cssModule).find((s) => s.name === 'PropertiesHyphen')
+  const cssProperties = new Set(
+    cssSymbol
+      ? checker
+          .getDeclaredTypeOfSymbol(cssSymbol)
+          .getProperties()
+          .map((p) => p.name)
+      : []
+  )
+  for (const error of program.getSyntacticDiagnostics())
+    if (error.file && paths.has(error.file.fileName))
+      throw new Error(
+        `Extraction failure: ${path.relative(virtualRoot, error.file.fileName)}: ${ts.flattenDiagnosticMessageText(error.messageText, ' ')}`
+      )
+  const unaliased = (symbol: ts.Symbol) =>
+    symbol.flags & ts.SymbolFlags.Alias ? checker.getAliasedSymbol(symbol) : symbol
+  for (const file of program.getSourceFiles()) {
+    if (!paths.has(file.fileName)) continue
+    const explicit = new Set<string>()
+    const stars = new Map<string, ts.Symbol>()
+    for (const statement of file.statements) {
+      if (
+        ts.isExportDeclaration(statement) &&
+        statement.exportClause &&
+        ts.isNamedExports(statement.exportClause)
+      )
+        for (const specifier of statement.exportClause.elements) explicit.add(specifier.name.text)
+      if (
+        ts.canHaveModifiers(statement) &&
+        ts
+          .getModifiers(statement)
+          ?.some((modifier) => modifier.kind === ts.SyntaxKind.ExportKeyword)
+      ) {
+        if (ts.isVariableStatement(statement)) {
+          for (const declaration of statement.declarationList.declarations)
+            if (ts.isIdentifier(declaration.name)) explicit.add(declaration.name.text)
+        } else if (
+          ts.isFunctionDeclaration(statement) ||
+          ts.isClassDeclaration(statement) ||
+          ts.isInterfaceDeclaration(statement) ||
+          ts.isTypeAliasDeclaration(statement) ||
+          ts.isEnumDeclaration(statement) ||
+          ts.isModuleDeclaration(statement)
+        ) {
+          if (statement.name && ts.isIdentifier(statement.name)) explicit.add(statement.name.text)
+        }
+      }
+    }
+    for (const statement of file.statements) {
+      if (!ts.isExportDeclaration(statement)) continue
+      const target =
+        statement.moduleSpecifier && checker.getSymbolAtLocation(statement.moduleSpecifier)
+      if (statement.moduleSpecifier && !target)
+        throw new Error(
+          `Extraction failure: invalid public export ${path.relative(virtualRoot, file.fileName)}: unresolved export module`
+        )
+      if (statement.exportClause && ts.isNamedExports(statement.exportClause)) {
+        for (const specifier of statement.exportClause.elements) {
+          const symbol = checker.getExportSpecifierLocalTargetSymbol(specifier)
+          if (!symbol || !unaliased(symbol).declarations?.length)
+            throw new Error(
+              `Extraction failure: invalid public export ${path.relative(virtualRoot, file.fileName)}: missing symbol ${specifier.propertyName?.text ?? specifier.name.text}`
+            )
+        }
+      } else if (!statement.exportClause && target)
+        for (const symbol of checker.getExportsOfModule(target)) {
+          if (symbol.name === 'default' || explicit.has(symbol.name)) continue
+          const actual = unaliased(symbol)
+          const previous = stars.get(symbol.name)
+          if (previous && previous !== actual)
+            throw new Error(
+              `Extraction failure: ambiguous public export ${path.relative(virtualRoot, file.fileName)}: ${symbol.name}`
+            )
+          stars.set(symbol.name, actual)
+        }
+    }
+  }
+  if (
+    [...sources.keys()].some((file) => file.startsWith('packages/emcn/src/')) &&
+    !sources.has('packages/emcn/src/index.ts')
+  )
+    throw new Error(
+      'Extraction failure: required public export barrel packages/emcn/src/index.ts is missing'
+    )
+  const literalValues = (type: ts.Type): (string | boolean | number)[] | undefined => {
+    const types = type.isUnion() ? type.types : [type]
+    const values: (string | boolean | number)[] = []
+    for (const item of types) {
+      if (item.flags & (ts.TypeFlags.Undefined | ts.TypeFlags.Null | ts.TypeFlags.Never)) continue
+      if (item.isStringLiteral() || item.isNumberLiteral()) values.push(item.value)
+      else if (item.flags & ts.TypeFlags.BooleanLiteral)
+        values.push(checker.typeToString(item) === 'true')
+      else return undefined
+    }
+    return values.length
+      ? [...new Set(values)].sort((a, b) => compareStrings(String(a), String(b)))
+      : undefined
+  }
+  // Inspect only the public parameter's declarative type closure. Unrelated imports
+  // and implementation bodies are outside this boundary, and library types are pinned.
+  const unresolvedProps = (props: ts.Type | undefined, parameter: ts.Symbol | undefined) => {
+    const unknown = new Map<ts.Node, string>()
+    const visited = new Set<ts.Node>()
+    const inspectDeclaration = (declaration: ts.Declaration) => {
+      if (!paths.has(declaration.getSourceFile().fileName)) return
+      if (ts.isInterfaceDeclaration(declaration)) inspect(declaration)
+      else if (ts.isTypeAliasDeclaration(declaration)) inspect(declaration.type)
+      else if (ts.isTypeParameterDeclaration(declaration)) {
+        if (declaration.constraint) inspect(declaration.constraint)
+        if (declaration.default) inspect(declaration.default)
+      }
+    }
+    const inspect = (node: ts.Node) => {
+      if (visited.has(node)) return
+      if (visited.size >= 512) {
+        unknown.set(node, 'type resolution limit')
+        return
+      }
+      visited.add(node)
+      const reference = ts.isTypeReferenceNode(node)
+        ? node.typeName
+        : ts.isExpressionWithTypeArguments(node)
+          ? node.expression
+          : ts.isTypeQueryNode(node)
+            ? node.exprName
+            : undefined
+      if (reference) {
+        const symbol = checker.getSymbolAtLocation(reference)
+        const target = symbol && unaliased(symbol)
+        if (!target?.declarations?.length) unknown.set(node, reference.getText())
+        else for (const declaration of target.declarations) inspectDeclaration(declaration)
+      }
+      if (
+        ts.isImportTypeNode(node) &&
+        checker.getTypeAtLocation(node).flags & (ts.TypeFlags.Any | ts.TypeFlags.Unknown)
+      )
+        unknown.set(node, node.getText())
+      ts.forEachChild(node, inspect)
+    }
+    for (const declaration of parameter?.declarations ?? [])
+      if (ts.isParameter(declaration) && declaration.type) inspect(declaration.type)
+    const inspectType = (type: ts.Type) => {
+      for (const declaration of (type.aliasSymbol ?? type.getSymbol())?.declarations ?? [])
+        inspectDeclaration(declaration)
+      if (type.isUnionOrIntersection()) for (const part of type.types) inspectType(part)
+    }
+    if (props) inspectType(props)
+    if (
+      props &&
+      props.flags & (ts.TypeFlags.Any | ts.TypeFlags.Unknown | ts.TypeFlags.TypeParameter) &&
+      !unknown.size
+    ) {
+      const declaration = parameter?.valueDeclaration ?? parameter?.declarations?.[0]
+      if (declaration) unknown.set(declaration, checker.typeToString(props))
+    }
+    return [...unknown].map(([node, type]) => ({
+      file: path.relative(virtualRoot, node.getSourceFile().fileName),
+      line: node.getSourceFile().getLineAndCharacterOfPosition(node.getStart()).line + 1,
+      type,
+    }))
+  }
+  const defaultsUnknown = new Set<string>()
+  const internalIds = new Map<string, string>()
+  const metadataByExport = new Map<
+    string,
+    {
+      file: string
+      name: string
+      fn?: t.Function
+      docs: string
+      props?: ts.Type
+      defaults: Record<string, string | boolean | number>
+    }
+  >()
+  const barrels = ['packages/emcn/src/index.ts', 'packages/emcn/src/icons/index.ts']
+  const walkSymbol = (
+    publicName: string,
+    symbol: ts.Symbol,
+    depth = 0,
+    importSource: VisualExport['importSource'] = '@sim/emcn'
+  ) => {
+    const exportId = importSource === '@sim/emcn/icons' ? `icons:${publicName}` : publicName
+    if (depth > 12) {
+      note('packages/emcn/src/index.ts', 1, `Public export resolution limit: ${publicName}`)
+      return
+    }
+    if (out.exports[exportId]) return
+    if (symbol.flags & ts.SymbolFlags.Alias) symbol = checker.getAliasedSymbol(symbol)
+    const declaration = symbol.valueDeclaration ?? symbol.declarations?.[0]
+    if (!declaration || !(symbol.flags & ts.SymbolFlags.Value)) return
+    const file = path.relative(virtualRoot, declaration.getSourceFile().fileName)
+    const type = checker.getTypeOfSymbolAtLocation(symbol, declaration)
+    const signatures = type.getCallSignatures()
+    const visualName = /^[A-Z]/.test(publicName.split('.').at(-1) ?? publicName)
+    if (visualName) {
+      let name = symbol.name
+      const source = modules.get(file)
+      if (ts.isShorthandPropertyAssignment(declaration)) {
+        const valueSymbol = checker.getShorthandAssignmentValueSymbol(declaration)
+        if (valueSymbol) {
+          walkSymbol(publicName, valueSymbol, depth, importSource)
+          return
+        }
+      }
+      if (ts.isPropertyAssignment(declaration) && ts.isIdentifier(declaration.initializer))
+        name = declaration.initializer.text
+      const found = locate(file, name)
+      const sourceFile = found?.file ?? file
+      name = found?.name ?? name
+      let fn = modules.get(sourceFile)?.functions.get(name)
+      if (!fn && ts.isPropertyAssignment(declaration)) {
+        t.traverseFast(modules.get(sourceFile)?.ast ?? t.file(t.program([])), (node) => {
+          if (t.isFunction(node) && node.start === declaration.initializer.getStart()) fn = node
+        })
+      }
+      const params = signatures[0]?.parameters ?? []
+      const props = params[0]
+        ? checker.getTypeOfSymbolAtLocation(params[0], declaration)
+        : undefined
+      const propsNotes = unresolvedProps(props, params[0]).map((boundary) => {
+        const reason = `Public props boundary of ${publicName} is unresolved or unconstrained: ${boundary.type}; styling ownership remains unchecked`
+        note(boundary.file, boundary.line, reason)
+        return reason
+      })
+      const slots: VisualExport['slots'] = {}
+      if (props)
+        for (const prop of props.getProperties()) {
+          const own = prop.declarations?.some((d) =>
+            modules.has(path.relative(virtualRoot, d.getSourceFile().fileName))
+          )
+          if (
+            /^(?:className|style)$/.test(prop.name) ||
+            (own && /(?:ClassName|Style|[Ii]con)$/.test(prop.name))
+          )
+            slots[prop.name] = { protected: [], allowed: [], recipes: [], forwards: [] }
+        }
+      const defaults: Record<string, string | boolean | number> = {}
+      const docParts = [ts.displayPartsToString(symbol.getDocumentationComment(checker))]
+      for (const tag of symbol.getJsDocTags(checker))
+        if (/^design(?:Allow|Protect)$/.test(tag.name))
+          docParts.push(`@${tag.name} ${ts.displayPartsToString(tag.text)}`)
+      if (fn) {
+        const objectParams = new Set(
+          fn.params.flatMap((param) =>
+            t.isIdentifier(param)
+              ? [modules.get(sourceFile)?.references.get(param)?.name ?? param.name]
+              : []
+          )
+        )
+        const recordDefaults = (pattern: t.ObjectPattern) => {
+          for (const property of pattern.properties) {
+            if (
+              propsNotes.length &&
+              t.isObjectProperty(property) &&
+              /^(?:className|style|.*ClassName|.*Style|.*[Ii]con)$/.test(key(property.key))
+            )
+              slots[key(property.key)] ??= {
+                protected: [],
+                allowed: [],
+                recipes: [],
+                forwards: [],
+              }
+            if (t.isObjectProperty(property) && t.isAssignmentPattern(property.value)) {
+              const value = scalar(sourceFile, property.value.right)
+              if (value !== undefined) defaults[key(property.key)] = value
+              else {
+                defaultsUnknown.add(`${exportId}#${key(property.key)}`)
+                note(
+                  sourceFile,
+                  property.loc?.start.line ?? 1,
+                  `Unresolved component default: ${publicName}.${key(property.key)}`
+                )
+              }
+            }
+          }
+        }
+        for (const param of fn.params) if (t.isObjectPattern(param)) recordDefaults(param)
+        visitFunctionSource(fn, (node) => {
+          if (
+            t.isVariableDeclarator(node) &&
+            t.isObjectPattern(node.id) &&
+            t.isIdentifier(node.init) &&
+            objectParams.has(
+              modules.get(sourceFile)?.references.get(node.init)?.name ?? node.init.name
+            )
+          )
+            recordDefaults(node.id)
+          if (
+            propsNotes.length &&
+            t.isMemberExpression(node) &&
+            t.isIdentifier(node.object) &&
+            objectParams.has(
+              modules.get(sourceFile)?.references.get(node.object)?.name ?? node.object.name
+            ) &&
+            (!node.computed || t.isStringLiteral(node.property)) &&
+            /^(?:className|style|.*ClassName|.*Style|.*[Ii]con)$/.test(key(node.property))
+          )
+            slots[key(node.property)] ??= { protected: [], allowed: [], recipes: [], forwards: [] }
+        })
+      }
+      for (const slot of Object.values(slots))
+        if (propsNotes.length) slot.unchecked = sorted([...(slot.unchecked ?? []), ...propsNotes])
+      const isIcon = sourceFile.includes('/icons/') || sourceFile.includes('/illustrations/')
+      const line =
+        declaration.getSourceFile().getLineAndCharacterOfPosition(declaration.getStart()).line + 1
+      out.exports[exportId] = {
+        importSource,
+        exportName: publicName,
+        source: { file: sourceFile, line, name },
+        kind: isIcon
+          ? 'icon'
+          : signatures.length || type.getConstructSignatures().length
+            ? 'component'
+            : 'nonvisual',
+        variants: {},
+        slots,
+        relationships: [],
+      }
+      const internal = `${sourceFile}#${name}`
+      const existing = internalIds.get(internal)
+      if (existing) out.exports[exportId].aliasOf = existing
+      else internalIds.set(internal, exportId)
+      metadataByExport.set(exportId, {
+        file: sourceFile,
+        name,
+        fn,
+        docs: docParts.join('\n'),
+        props,
+        defaults,
+      })
+      if (!fn && !isIcon && (source || signatures.length || type.getConstructSignatures().length)) {
+        const reason = `Implementation of ${publicName} is delegated or unsupported; styling ownership remains unchecked`
+        note(file, line, reason)
+        for (const slot of Object.values(slots)) slot.unchecked = [reason]
+      }
+    }
+    // Object.assign compound exports expose public callable properties; never inventory HTML props.
+    if (visualName || symbol.flags & (ts.SymbolFlags.Namespace | ts.SymbolFlags.ValueModule))
+      for (const property of type.getProperties())
+        if (/^[A-Z]/.test(property.name))
+          walkSymbol(`${publicName}.${property.name}`, property, depth + 1, importSource)
+  }
+  for (const barrel of barrels) {
+    const file = program.getSourceFile(path.join(virtualRoot, barrel))
+    const symbol = file && checker.getSymbolAtLocation(file)
+    if (symbol)
+      for (const exported of checker
+        .getExportsOfModule(symbol)
+        .sort((a, b) => compareStrings(a.name, b.name)))
+        walkSymbol(
+          exported.name,
+          exported,
+          0,
+          barrel.includes('/icons/') ? '@sim/emcn/icons' : '@sim/emcn'
+        )
+  }
+  // Private presentational functions supply ownership to public wrappers; they are
+  // analyzed once and removed from the compact public artifact after propagation.
+  const privateNames = new Set<string>()
+  for (const [file, module] of modules)
+    for (const [name, fn] of module.functions) {
+      const id = `${file}#${name}`
+      if (internalIds.has(id)) continue
+      const privateName = `private:${id}`
+      internalIds.set(id, privateName)
+      privateNames.add(privateName)
+      const slots: VisualExport['slots'] = {}
+      for (const p of fn.params)
+        if (t.isObjectPattern(p))
+          for (const field of p.properties)
+            if (
+              t.isObjectProperty(field) &&
+              /^(?:className|style|.*ClassName|.*Style|.*[Ii]con)$/.test(key(field.key))
+            )
+              slots[key(field.key)] = { protected: [], allowed: [], recipes: [], forwards: [] }
+      out.exports[privateName] = {
+        importSource: '@sim/emcn',
+        exportName: name,
+        source: { file, line: fn.loc?.start.line ?? 1, name },
+        kind: 'component',
+        variants: {},
+        slots,
+        relationships: [],
+      }
+      metadataByExport.set(privateName, { file, name, fn, docs: '', defaults: {} })
+    }
+  for (const [publicName, meta] of metadataByExport) {
+    const entry = out.exports[publicName]
+    const usedRecipes = new Set<string>()
+    const helperDefaults = new Map<string, Set<string | boolean | number>>()
+    const params = new Map<string, string>()
+    const objects = new Set<string>()
+    const rests = new Map<string, Set<string>>()
+    const bindingName = (node: t.Node) =>
+      modules.get(meta.file)?.references.get(node)?.name ?? key(node)
+    const patternProps = (pattern: t.ObjectPattern) => {
+      const consumed = new Set(
+        pattern.properties.flatMap((p) => (t.isObjectProperty(p) ? [key(p.key)] : []))
+      )
+      for (const field of pattern.properties) {
+        if (t.isRestElement(field) && t.isIdentifier(field.argument))
+          rests.set(bindingName(field.argument), consumed)
+        if (t.isObjectProperty(field)) {
+          const value = t.isAssignmentPattern(field.value) ? field.value.left : field.value
+          if (t.isIdentifier(value)) params.set(bindingName(value), key(field.key))
+        }
+      }
+    }
+    if (meta.fn) {
+      for (const p of meta.fn.params) {
+        if (t.isIdentifier(p)) objects.add(bindingName(p))
+        if (t.isObjectPattern(p)) patternProps(p)
+      }
+      t.traverseFast(meta.fn.body, (n) => {
+        if (
+          t.isVariableDeclarator(n) &&
+          t.isObjectPattern(n.id) &&
+          t.isIdentifier(n.init) &&
+          objects.has(bindingName(n.init))
+        )
+          patternProps(n.id)
+      })
+      const propOf = (file: string, n: t.Node) =>
+        file !== meta.file
+          ? undefined
+          : t.isIdentifier(n)
+            ? params.get(bindingName(n))
+            : t.isMemberExpression(n) &&
+                t.isIdentifier(n.object) &&
+                objects.has(bindingName(n.object)) &&
+                (!n.computed || t.isStringLiteral(n.property))
+              ? key(n.property)
+              : undefined
+      const recipeHelperDefaults = (file: string, call: t.CallExpression): string[] => {
+        const found = expressionReference(file, call.callee)
+        if (!found || !t.isFunction(found.node)) return []
+        const fn = found.node
+        const referenceName = (node: t.Node) =>
+          modules.get(found.file)?.references.get(node)?.name ?? key(node)
+        const inputs = new Map<string, { name: string; fallback?: t.Node }>()
+        const helperRests = new Map<string, Set<string>>()
+        const helperObjects = new Set<string>()
+        const pattern = (node: t.ObjectPattern) => {
+          const consumed = new Set(
+            node.properties.flatMap((property) =>
+              t.isObjectProperty(property) ? [key(property.key)] : []
+            )
+          )
+          for (const property of node.properties) {
+            if (t.isRestElement(property) && t.isIdentifier(property.argument))
+              helperRests.set(referenceName(property.argument), consumed)
+            if (!t.isObjectProperty(property)) continue
+            const value = t.isAssignmentPattern(property.value)
+              ? property.value.left
+              : property.value
+            if (t.isIdentifier(value))
+              inputs.set(referenceName(value), {
+                name: key(property.key),
+                ...(t.isAssignmentPattern(property.value)
+                  ? { fallback: property.value.right }
+                  : {}),
+              })
+          }
+        }
+        for (const parameter of fn.params) {
+          const value = t.isAssignmentPattern(parameter) ? parameter.left : parameter
+          if (t.isObjectPattern(value)) pattern(value)
+          if (t.isIdentifier(value)) helperObjects.add(referenceName(value))
+        }
+        visitFunctionSource(fn, (node) => {
+          if (
+            t.isVariableDeclarator(node) &&
+            t.isObjectPattern(node.id) &&
+            t.isIdentifier(node.init) &&
+            helperObjects.has(referenceName(node.init))
+          )
+            pattern(node.id)
+        })
+        if (![...inputs.values()].some((input) => input.fallback)) return []
+        const returned = helperReturns(fn)
+        const targets: { file: string; call: t.CallExpression; recipe: string }[] = []
+        const seen = new Set<t.Node>()
+        let unsupported =
+          returned.mutation || call.arguments.some((argument) => t.isSpreadElement(argument))
+        visitFunctionSource(fn, (node) => {
+          if (t.isNewExpression(node) || t.isAwaitExpression(node) || t.isYieldExpression(node))
+            unsupported = true
+          if (!t.isCallExpression(node)) return
+          const callee = expressionReference(found.file, node.callee)
+          if (
+            !(callee && out.recipes[`${callee.file}#${callee.name}`]) &&
+            !/^(?:cn|clsx|classNames|twMerge)$/.test(callee?.name ?? key(node.callee))
+          )
+            unsupported = true
+        })
+        const collect = (source: string, raw: t.Node) => {
+          const node = unwrap(raw)
+          if (seen.has(node) || seen.size >= 64) {
+            unsupported = true
+            return
+          }
+          seen.add(node)
+          if (t.isIdentifier(node)) {
+            const value = expressionReference(source, node)
+            if (value) collect(value.file, value.node)
+            else unsupported = true
+          } else if (t.isConditionalExpression(node)) {
+            collect(source, node.consequent)
+            collect(source, node.alternate)
+          } else if (t.isLogicalExpression(node)) {
+            collect(source, node.right)
+            if (node.operator !== '&&') collect(source, node.left)
+          } else if (t.isCallExpression(node)) {
+            const callee = expressionReference(source, node.callee)
+            const recipe = callee && `${callee.file}#${callee.name}`
+            if (recipe && out.recipes[recipe]) targets.push({ file: source, call: node, recipe })
+            else if (/^(?:cn|clsx|classNames|twMerge)$/.test(callee?.name ?? key(node.callee))) {
+              for (const argument of node.arguments)
+                if (t.isExpression(argument)) collect(source, argument)
+            } else unsupported = true
+          } else unsupported = true
+        }
+        for (const value of returned.values) collect(found.file, value)
+        if (!targets.length) return []
+        const reasons: string[] = []
+        const unresolved = (name: string) => {
+          defaultsUnknown.add(`${publicName}#${name}`)
+          const reason = `Recipe helper default of ${entry.exportName}.${name} is unresolved or conflicting; default remains unchecked`
+          note(file, call.loc?.start.line ?? 1, reason)
+          reasons.push(reason)
+        }
+        const actualArgument = call.arguments[0]
+        const wholeDefault = t.isAssignmentPattern(fn.params[0]) ? fn.params[0].right : undefined
+        const callerFile =
+          actualArgument &&
+          t.isExpression(actualArgument) &&
+          !absentAppearance(file, actualArgument)
+            ? file
+            : found.file
+        const callerArgument =
+          actualArgument &&
+          t.isExpression(actualArgument) &&
+          !absentAppearance(file, actualArgument)
+            ? actualArgument
+            : wholeDefault
+        const caller = callerArgument
+          ? objectFields(callerFile, callerArgument)
+          : { fields: [], unknown: [] }
+        const unsafeCaller = (axis: string) =>
+          caller.unknown.some(
+            (unknown) =>
+              !(
+                unknown.file === meta.file &&
+                t.isIdentifier(unknown.node) &&
+                rests.get(bindingName(unknown.node))?.has(axis)
+              )
+          )
+        for (const target of targets) {
+          const recipe = out.recipes[target.recipe]
+          const argument = target.call.arguments[0]
+          const body =
+            argument && t.isExpression(argument)
+              ? objectFields(target.file, argument)
+              : { fields: [], unknown: [] }
+          for (const axis of Object.keys(recipe.variants)) {
+            if (!meta.props?.getProperty(axis)) continue
+            const field = body.fields.find((field) => field.name === axis)
+            const restOf = (unknown: { file: string; node: t.Node }) =>
+              unknown.file === found.file && t.isIdentifier(unknown.node)
+                ? helperRests.get(referenceName(unknown.node))
+                : undefined
+            const forwarded =
+              !field &&
+              body.unknown.some((unknown) => {
+                const consumed = restOf(unknown)
+                return consumed && !consumed.has(axis)
+              })
+            const input: { name: string; fallback?: t.Node } | undefined =
+              field && t.isIdentifier(unwrap(field.value))
+                ? inputs.get(referenceName(unwrap(field.value)))
+                : forwarded
+                  ? { name: axis }
+                  : undefined
+            const callerField = input && caller.fields.find((field) => field.name === input.name)
+            const publicInput = callerField
+              ? propOf(callerField.file, callerField.value)
+              : undefined
+            const name = publicInput ?? axis
+            const unsafeBody = body.unknown.some((unknown) => {
+              const consumed = restOf(unknown)
+              return !consumed || (!consumed.has(axis) && !forwarded)
+            })
+            if (unsupported || unsafeBody || (input && unsafeCaller(input.name))) {
+              unresolved(name)
+              continue
+            }
+            let value: string | boolean | number | undefined
+            let unknown = false
+            if (input) {
+              if (callerField && publicInput) value = meta.defaults[publicInput]
+              else if (callerField) {
+                value = scalar(callerField.file, callerField.value)
+                unknown =
+                  value === undefined && !absentAppearance(callerField.file, callerField.value)
+              }
+              if (value === undefined && !unknown && input.fallback) {
+                value = scalar(found.file, input.fallback)
+                unknown = value === undefined
+              }
+              if (value === undefined && !unknown) value = recipe.defaults[axis]
+            } else if (field) {
+              value = scalar(field.file, field.value)
+              unknown = value === undefined
+            } else value = recipe.defaults[axis]
+            if (unknown) {
+              unresolved(name)
+              continue
+            }
+            if (value !== undefined) {
+              const candidates = helperDefaults.get(name) ?? new Set()
+              candidates.add(value)
+              helperDefaults.set(name, candidates)
+              if (candidates.size > 1) unresolved(name)
+            }
+          }
+        }
+        return sorted(reasons)
+      }
+      const visitValue = (
+        file: string,
+        raw: t.Node,
+        visit: (file: string, node: t.Node) => void,
+        seen = new Set<t.Node>()
+      ) => {
+        if (seen.has(raw)) return
+        if (seen.size >= 256) {
+          note(file, raw.loc?.start.line ?? 1, 'Styling alias resolution limit')
+          return
+        }
+        seen.add(raw)
+        t.traverseFast(raw, (node) => {
+          visit(file, node)
+          if (t.isIdentifier(node) || t.isMemberExpression(node)) {
+            const found = expressionReference(file, node)
+            if (found) visitValue(found.file, found.node, visit, seen)
+          }
+        })
+      }
+      const inputsOf = (file: string, node: t.Node) => {
+        const inputs = new Set<string>()
+        visitValue(file, node, (source, child) => {
+          const prop = propOf(source, child)
+          if (prop && entry.slots[prop]) inputs.add(prop)
+        })
+        return inputs
+      }
+      acceptedStylingInput = (file, node) => !!propOf(file, node)
+      t.traverseFast(meta.fn.body, (node) => {
+        let tag: string
+        let root: t.Node
+        type Attribute = { name: string; file: string; value: t.Node; input?: string }
+        type UnknownProps = {
+          file: string
+          node: t.Node
+          keys?: string[]
+          finiteKeys?: boolean
+          reason?: string
+          notes?: GeneratedContracts['diagnostics']
+        }
+        const operations: (Attribute | { unknown: UnknownProps })[] = []
+        const unknownBundles: string[] = []
+        const spread = (
+          file: string,
+          raw: t.Node,
+          seen = new Set<t.Node>(),
+          into = operations,
+          fromHelper = false
+        ) => {
+          const value = unwrap(raw)
+          if (file === meta.file && t.isIdentifier(value)) {
+            const name = bindingName(value)
+            if (rests.has(name) || objects.has(name)) {
+              for (const input of Object.keys(entry.slots))
+                if (!rests.get(name)?.has(input)) into.push({ name: input, file, value, input })
+              return
+            }
+          }
+          if (seen.has(value) || seen.size >= 12) {
+            into.push({ unknown: { file, node: value } })
+            return
+          }
+          const next = new Set(seen).add(value)
+          const notes: GeneratedContracts['diagnostics'] = []
+          const previous = deferredNotes
+          let found: ReturnType<typeof expressionReference>
+          try {
+            deferredNotes = notes
+            found = expressionReference(file, value)
+          } finally {
+            deferredNotes = previous
+          }
+          if (found) {
+            if (fromHelper && modules.get(found.file)?.unsafeKeyBindings.has(found.name))
+              into.push({ unknown: { file, node: value, notes } })
+            else spread(found.file, found.node, next, into, fromHelper)
+            return
+          }
+          if (t.isCallExpression(value)) {
+            let helper: ReturnType<typeof expressionReference>
+            const previous = deferredNotes
+            try {
+              deferredNotes = notes
+              helper = expressionReference(file, value.callee)
+            } finally {
+              deferredNotes = previous
+            }
+            if (helper && t.isFunction(helper.node)) {
+              const returns = helperReturns(helper.node)
+              if (!returns.mutation && !returns.calls) {
+                const alternatives: typeof operations = []
+                for (const returned of returns.values)
+                  spread(helper.file, returned, next, alternatives, true)
+                finiteAlternatives(file, value, alternatives, notes, into)
+                return
+              }
+            }
+          }
+          if (t.isConditionalExpression(value) || t.isLogicalExpression(value)) {
+            const branches = t.isConditionalExpression(value)
+              ? [value.consequent, value.alternate]
+              : value.operator === '&&'
+                ? [value.right]
+                : [value.left, value.right]
+            const alternatives: typeof operations = []
+            for (const branch of branches) spread(file, branch, next, alternatives, fromHelper)
+            finiteAlternatives(file, value, alternatives, notes, into)
+            return
+          }
+          if (t.isObjectExpression(value)) {
+            for (const property of value.properties)
+              if (
+                t.isObjectProperty(property) &&
+                (!property.computed ||
+                  t.isStringLiteral(property.key) ||
+                  t.isNumericLiteral(property.key))
+              )
+                into.push({ name: key(property.key), file, value: property.value })
+              else if (t.isSpreadElement(property))
+                spread(file, property.argument, next, into, fromHelper)
+              else
+                into.push({
+                  unknown: {
+                    file,
+                    node: property,
+                    ...(t.isObjectMethod(property) && !property.computed
+                      ? { keys: [key(property.key)] }
+                      : {}),
+                  },
+                })
+            return
+          }
+          if (
+            t.isNullLiteral(value) ||
+            t.isBooleanLiteral(value) ||
+            t.isNumericLiteral(value) ||
+            t.isStringLiteral(value) ||
+            t.isIdentifier(value, { name: 'undefined' })
+          )
+            return
+          into.push({ unknown: { file, node: value, notes } })
+        }
+        const finiteAlternatives = (
+          file: string,
+          value: t.Node,
+          alternatives: typeof operations,
+          notes: GeneratedContracts['diagnostics'],
+          into: typeof operations
+        ) => {
+          const finite = alternatives.every(
+            (operation) => !('unknown' in operation) || operation.unknown.keys !== undefined
+          )
+          into.push({
+            unknown: {
+              file,
+              node: value,
+              ...(finite
+                ? {
+                    keys: sorted(
+                      alternatives.flatMap((operation) =>
+                        'unknown' in operation ? (operation.unknown.keys ?? []) : [operation.name]
+                      )
+                    ),
+                    finiteKeys: true,
+                  }
+                : {}),
+              notes: [
+                ...notes,
+                ...alternatives.flatMap((operation) =>
+                  'unknown' in operation ? (operation.unknown.notes ?? []) : []
+                ),
+              ],
+            },
+          })
+        }
+        if (t.isJSXOpeningElement(node)) {
+          tag = t.isJSXIdentifier(node.name)
+            ? node.name.name
+            : t.isJSXMemberExpression(node.name)
+              ? `${key(node.name.object)}.${key(node.name.property)}`
+              : ''
+          root = t.isJSXMemberExpression(node.name) ? node.name.object : node.name
+          for (const attr of node.attributes)
+            if (t.isJSXSpreadAttribute(attr)) spread(meta.file, attr.argument)
+            else if (t.isJSXAttribute(attr))
+              operations.push({
+                name: key(attr.name),
+                file: meta.file,
+                value: attr.value
+                  ? t.isJSXExpressionContainer(attr.value)
+                    ? attr.value.expression
+                    : attr.value
+                  : t.booleanLiteral(true),
+              })
+        } else if (
+          t.isCallExpression(node) &&
+          (t.isIdentifier(node.callee, { name: 'createElement' }) ||
+            (t.isMemberExpression(node.callee) && key(node.callee.property) === 'createElement'))
+        ) {
+          const target = node.arguments[0]
+          if (!target || !t.isExpression(target)) return
+          tag = t.isStringLiteral(target)
+            ? target.value
+            : t.isIdentifier(target)
+              ? target.name
+              : t.isMemberExpression(target)
+                ? `${key(target.object)}.${key(target.property)}`
+                : ''
+          root = t.isMemberExpression(target) ? target.object : target
+          const props = node.arguments[1]
+          if (props && t.isExpression(props) && !t.isNullLiteral(props)) spread(meta.file, props)
+        } else return
+        if (!tag) {
+          const reason = 'Unresolved rendered element target'
+          note(meta.file, node.loc?.start.line ?? 1, reason)
+          unknownBundles.push(reason)
+        }
+        const [base, ...member] = tag.split('.')
+        const ref =
+          namespaceReference(meta.file, root) ?? `${meta.file}#${bindingName(root) || base}`
+        const [targetFile, targetName] = ref.split('#')
+        const target = `${targetFile}#${member.length ? `${targetName === '*' ? '' : `${targetName}.`}${member.join('.')}` : targetName}`
+        const native = /^[a-z]/.test(tag)
+        // JSX and object spreads assign from left to right. Resolve this ordering
+        // before tracing ownership, so overwritten values cannot supply chrome.
+        const effective = new Map<string, Attribute>()
+        const pending: { unknown: UnknownProps; overwritten: Set<string> }[] = []
+        for (const operation of operations) {
+          if ('unknown' in operation) {
+            if (operation.unknown.keys)
+              for (const name of operation.unknown.keys) effective.delete(name)
+            else effective.clear()
+            pending.push({ unknown: operation.unknown, overwritten: new Set() })
+            continue
+          }
+          const previous = effective.get(operation.name)
+          if (
+            operation.input &&
+            previous &&
+            !previous.input &&
+            propOf(previous.file, previous.value) !== operation.input
+          ) {
+            pending.push({
+              unknown: {
+                file: operation.file,
+                node: operation.value,
+                keys: [operation.name],
+                reason: `Rendered public props may override authored ${operation.name}; default ownership remains unchecked`,
+              },
+              overwritten: new Set(),
+            })
+          }
+          if (!operation.input)
+            for (const boundary of pending) boundary.overwritten.add(operation.name)
+          effective.set(operation.name, operation)
+        }
+        for (const { unknown, overwritten } of pending) {
+          const keys = unknown.keys ?? (native ? ['className', 'style'] : undefined)
+          const affected =
+            native || unknown.finiteKeys
+              ? keys?.filter((name) => /^(?:className|style|.*ClassName|.*Style)$/.test(name))
+              : keys
+          if (affected?.every((name) => overwritten.has(name))) continue
+          const reason = unknown.reason ?? 'Unresolved rendered props bundle'
+          note(unknown.file, unknown.node.loc?.start.line ?? 1, reason)
+          unknownBundles.push(reason)
+          for (const diagnostic of unknown.notes ?? []) {
+            note(diagnostic.file, diagnostic.line, diagnostic.reason)
+            unknownBundles.push(diagnostic.reason)
+          }
+        }
+        const attributes = [...effective.values()]
+        const spreadInputs = new Set(attributes.flatMap((attr) => (attr.input ? [attr.input] : [])))
+        if (!native) entry.relationships.push(target)
+        const iconProp = propOf(meta.file, root)
+        if (iconProp && /icon/i.test(iconProp) && attributes.some((a) => a.name === 'className')) {
+          const classes = attributes
+            .filter((a) => a.name === 'className' && !a.input)
+            .flatMap((a) => strings(a.file, a.value))
+          stylingNotes = []
+          const protectedProperties = protectedFor(classes, meta.file, node.loc?.start.line ?? 1)
+          entry.slots[iconProp] = {
+            protected: protectedProperties,
+            allowed: [],
+            recipes: [],
+            forwards: [],
+            ...(stylingNotes.length ? { unchecked: sorted(stylingNotes) } : {}),
+          }
+          stylingNotes = undefined
+        }
+        if (!native)
+          for (const input of spreadInputs)
+            entry.slots[input].forwards.push({ target, slot: input })
+        const nodeInputs = new Set<string>(native ? spreadInputs : [])
+        const nodeOwned: string[] = []
+        const nodeNotes: string[] = [...unknownBundles]
+        for (const attr of attributes) {
+          const slotName = attr.name
+          if (!/^(?:className|style|.*ClassName|.*Style)$/.test(slotName)) {
+            const forwarded = attr.input ?? propOf(attr.file, attr.value)
+            if (!native && forwarded && entry.slots[forwarded])
+              entry.slots[forwarded].forwards.push({ target, slot: slotName })
+            continue
+          }
+          const inputs = attr.input ? new Set([attr.input]) : inputsOf(attr.file, attr.value)
+          const recipes = new Set<string>()
+          const helperNotes: string[] = []
+          if (!attr.input)
+            visitValue(attr.file, attr.value, (file, child) => {
+              if (!t.isCallExpression(child)) return
+              helperNotes.push(...recipeHelperDefaults(file, child))
+              const found = expressionReference(file, child.callee)
+              const id = found && `${found.file}#${found.name}`
+              if (id && out.recipes[id]) {
+                recipes.add(id)
+                usedRecipes.add(id)
+              }
+            })
+          stylingNotes = []
+          stylingNotes.push(...helperNotes)
+          const classChannel = /(?:^className$|ClassName$)/.test(slotName)
+          const owned = protectedFor(
+            classChannel && !attr.input
+              ? [
+                  ...strings(attr.file, attr.value),
+                  ...[...recipes].flatMap((r) => out.recipes[r].classes),
+                ]
+              : [],
+            attr.file,
+            attr.value.loc?.start.line ?? 1
+          )
+          for (const recipe of recipes) stylingNotes.push(...(recipeNotes.get(recipe) ?? []))
+          if (/(?:^style$|Style$)/.test(slotName) && !attr.input) {
+            const resolved = objectFields(attr.file, attr.value)
+            for (const field of resolved.fields) {
+              const property = field.name.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`)
+              if (category(property)) owned.push(family(property))
+            }
+            for (const unknown of resolved.unknown)
+              if (
+                !inputsOf(unknown.file, unknown.node).size &&
+                !absentAppearance(unknown.file, unknown.node)
+              )
+                note(unknown.file, unknown.node.loc?.start.line ?? 1, 'Unresolved styling object')
+          }
+          nodeOwned.push(...owned)
+          nodeNotes.push(...stylingNotes)
+          for (const input of inputs) {
+            nodeInputs.add(input)
+            const slot = entry.slots[input]
+            slot.protected.push(...owned)
+            slot.recipes.push(...recipes)
+            if (stylingNotes.length)
+              slot.unchecked = sorted([...(slot.unchecked ?? []), ...stylingNotes])
+            if (!native) slot.forwards.push({ target, slot: slotName })
+          }
+          stylingNotes = undefined
+        }
+        if (native)
+          for (const input of nodeInputs) {
+            const slot = entry.slots[input]
+            slot.protected.push(...nodeOwned)
+            if (nodeNotes.length) slot.unchecked = sorted([...(slot.unchecked ?? []), ...nodeNotes])
+          }
+        if (unknownBundles.length)
+          for (const slot of Object.values(entry.slots))
+            slot.unchecked = sorted([...(slot.unchecked ?? []), ...unknownBundles])
+      })
+      acceptedStylingInput = undefined
+    }
+    if (meta.props)
+      for (const prop of meta.props.getProperties()) {
+        if (/^(?:on[A-Z]|aria-|data-)/.test(prop.name) || entry.slots[prop.name]) continue
+        const declaration = prop.valueDeclaration ?? prop.declarations?.[0]
+        if (!declaration) continue
+        // Only component-authored design inputs, not inherited native HTML inventories.
+        const file = path.relative(virtualRoot, declaration.getSourceFile().fileName)
+        if (!modules.has(file)) continue
+        const values = literalValues(checker.getTypeOfSymbolAtLocation(prop, declaration))
+        if (!values) continue
+        const recipes = [...usedRecipes].filter((r) => out.recipes[r].variants[prop.name])
+        const supported = values
+        if (!supported.length) continue
+        const fallback = defaultsUnknown.has(`${publicName}#${prop.name}`)
+          ? undefined
+          : ([...(helperDefaults.get(prop.name) ?? [])][0] ??
+            meta.defaults[prop.name] ??
+            recipes.map((r) => out.recipes[r].defaults[prop.name]).find((v) => v !== undefined))
+        entry.variants[prop.name] = {
+          values: supported,
+          ...(fallback !== undefined && supported.includes(fallback) ? { default: fallback } : {}),
+        }
+      }
+    const declarationsBySlot = new Map<string, { allow: Set<string>; protect: Set<string> }>()
+    const metadataLines = meta.docs
+      .split('\n')
+      .filter((line) => /@design(?:Allow|Protect)/.test(line))
+    if (metadataLines.some((line) => !/@design(?:Allow|Protect)\s+[^\s]+\s+[^\s]+/.test(line)))
+      throw new Error(`Malformed design ownership metadata on ${publicName}`)
+    for (const match of meta.docs.matchAll(/@design(Allow|Protect)\s+([^\s]+)\s+([^\n@]+)/g)) {
+      const [, mode, name, properties] = match
+      if (!entry.slots[name])
+        throw new Error(`Invalid @design${mode} on ${publicName}: nonexistent styling slot ${name}`)
+      const decision = declarationsBySlot.get(name) ?? {
+        allow: new Set<string>(),
+        protect: new Set<string>(),
+      }
+      for (const property of properties.trim().split(/[\s,]+/)) {
+        if (
+          ![
+            '*',
+            'colours',
+            'borders',
+            'typography',
+            'dimensions',
+            'effects',
+            'spacing',
+            'radii',
+            'visibility',
+            'layout',
+          ].includes(property) &&
+          !cssProperties.has(property) &&
+          !(category(property.replace(/^-(?:webkit|moz|ms)-/, '')) && !cssProperties.size)
+        )
+          throw new Error(`Invalid @design${mode} property ${property} on ${publicName}`)
+        decision[mode === 'Allow' ? 'allow' : 'protect'].add(property)
+      }
+      declarationsBySlot.set(name, decision)
+    }
+    for (const [name, decision] of declarationsBySlot) {
+      const overlap = [...decision.allow].some((a) =>
+        [...decision.protect].some(
+          (p) =>
+            a === p ||
+            a === '*' ||
+            p === '*' ||
+            competingProperties(a, p) ||
+            category(a) === p ||
+            category(p) === a
+        )
+      )
+      if (overlap)
+        throw new Error(`Contradictory design ownership metadata on ${publicName}.${name}`)
+      entry.slots[name].allowed.push(...decision.allow)
+      entry.slots[name].protected.push(...decision.protect)
+    }
+    entry.relationships = sorted(entry.relationships)
+    for (const slot of Object.values(entry.slots)) {
+      slot.protected = sorted(slot.protected)
+      slot.allowed = sorted(slot.allowed)
+      slot.recipes = sorted(slot.recipes)
+      slot.forwards = [...new Map(slot.forwards.map((r) => [canonical(r), r])).values()].sort(
+        (a, b) => compareStrings(canonical(a), canonical(b))
+      )
+    }
+  }
+  // Resolve slot forwarding to a fixed point. Unknown routes stay diagnostics, never permission.
+  const targetCache = new Map<string, string | undefined>()
+  const publicTarget = (target: string): string | undefined => {
+    if (target.startsWith('@sim/emcn#')) return target.slice(10)
+    if (internalIds.has(target)) return internalIds.get(target)
+    if (targetCache.has(target)) return targetCache.get(target)
+    const [file, name] = target.split('#')
+    const module = program.getSourceFile(path.join(virtualRoot, file))
+    const moduleSymbol = module && checker.getSymbolAtLocation(module)
+    const [root, ...members] = (name ?? '').split('.')
+    let symbol =
+      moduleSymbol && checker.getExportsOfModule(moduleSymbol).find((s) => s.name === root)
+    for (const member of members) {
+      if (!symbol) break
+      if (symbol.flags & ts.SymbolFlags.Alias) symbol = checker.getAliasedSymbol(symbol)
+      const declaration = symbol.valueDeclaration ?? symbol.declarations?.[0]
+      symbol = declaration
+        ? checker.getTypeOfSymbolAtLocation(symbol, declaration).getProperty(member)
+        : undefined
+    }
+    if (symbol?.flags && symbol.flags & ts.SymbolFlags.Alias)
+      symbol = checker.getAliasedSymbol(symbol)
+    let declaration = symbol?.valueDeclaration ?? symbol?.declarations?.[0]
+    if (declaration && ts.isShorthandPropertyAssignment(declaration)) {
+      symbol = checker.getShorthandAssignmentValueSymbol(declaration)
+      declaration = symbol?.valueDeclaration ?? symbol?.declarations?.[0]
+    }
+    const sourceName =
+      declaration &&
+      ts.isPropertyAssignment(declaration) &&
+      ts.isIdentifier(declaration.initializer)
+        ? declaration.initializer.text
+        : symbol?.name
+    const result =
+      declaration && sourceName
+        ? internalIds.get(
+            `${path.relative(virtualRoot, declaration.getSourceFile().fileName)}#${sourceName}`
+          )
+        : undefined
+    targetCache.set(target, result)
+    return result
+  }
+  for (const entry of Object.values(out.exports)) {
+    for (const [slotName, slot] of Object.entries(entry.slots))
+      for (const forward of slot.forwards) {
+        const target = publicTarget(forward.target)
+        if (!target || !out.exports[target]?.slots[forward.slot]) {
+          const reason = `Unresolved styling forwarding: ${entry.exportName}.${slotName} -> ${forward.target}.${forward.slot}`
+          note(entry.source.file, entry.source.line, reason)
+          slot.unchecked = sorted([...(slot.unchecked ?? []), reason])
+        }
+      }
+  }
+  for (let pass = 0; pass < 12; pass++) {
+    let changed = false
+    for (const entry of Object.values(out.exports))
+      for (const slot of Object.values(entry.slots))
+        for (const forward of slot.forwards) {
+          const name = publicTarget(forward.target)
+          const next = name && out.exports[name]?.slots[forward.slot]
+          if (!next) continue
+          const properties = next.protected.filter(
+            (p) => !next.allowed.some((a) => a === '*' || a === p || a === category(p))
+          )
+          const previousNotes = canonical(slot.unchecked ?? [])
+          const nextNotes = sorted([...(slot.unchecked ?? []), ...(next.unchecked ?? [])])
+          if (nextNotes.length) slot.unchecked = nextNotes
+          if (previousNotes !== canonical(nextNotes)) changed = true
+          const result = sorted([...slot.protected, ...properties])
+          if (canonical(result) !== canonical(slot.protected)) {
+            slot.protected = result
+            changed = true
+          }
+        }
+    if (!changed) break
+    if (pass === 11) {
+      const reason = 'Styling-slot forwarding resolution limit'
+      note('packages/emcn/src/index.ts', 1, reason)
+      for (const item of Object.values(out.exports))
+        for (const slot of Object.values(item.slots))
+          slot.unchecked = sorted([...(slot.unchecked ?? []), reason])
+    }
+  }
+  for (const name of privateNames) delete out.exports[name]
+  const contexts = new Map<
+    string,
+    Map<string, { aliases: string[]; literal: boolean; file: string; line: number }>
+  >()
+  for (const [name, token] of Object.entries(out.tokens))
+    for (const definition of token.definitions) {
+      const graph = contexts.get(definition.context) ?? new Map()
+      const previous = graph.get(name)
+      const aliases = variablesIn(definition.value)
+      const location = tokenLocations.get(`${name}#${canonical(definition)}`) ?? {
+        file: TOKEN_FILE,
+        line: 1,
+      }
+      graph.set(name, {
+        aliases: sorted([...(previous?.aliases ?? []), ...aliases]),
+        literal: previous?.literal || !aliases.length,
+        ...location,
+      })
+      contexts.set(definition.context, graph)
+    }
+  for (const [context, graph] of contexts)
+    for (const [name, token] of graph) {
+      const visit = (current: string, seen: Set<string>) => {
+        if (seen.has(current)) {
+          note(
+            token.file,
+            token.line,
+            `Global token alias cycle in CSS definition context ${context || '<root>'}: ${sorted(seen).join(' -> ')}`
+          )
+          return
+        }
+        if (seen.size >= 12) {
+          note(
+            token.file,
+            token.line,
+            `Global token resolution limit in CSS definition context ${context || '<root>'}: ${name}`
+          )
+          return
+        }
+        const value = graph.get(current)
+        if (!value) {
+          if (!out.tokens[current])
+            note(token.file, token.line, `Unresolved global token reference: ${name} -> ${current}`)
+          else {
+            const owner = [...seen].at(-1) ?? name
+            const source = graph.get(owner) ?? token
+            note(
+              source.file,
+              source.line,
+              `Global token reference crosses CSS definition contexts; availability remains unchecked: ${owner} -> ${current} (${context || '<root>'})`
+            )
+          }
+          return
+        }
+        for (const alias of value.aliases) {
+          if (alias === current && value.literal) continue
+          visit(alias, new Set(seen).add(current))
+        }
+      }
+      for (const alias of token.aliases) {
+        if (alias === name && token.literal) continue
+        visit(alias, new Set([name]))
+      }
+    }
+  out.exports = Object.fromEntries(
+    Object.entries(out.exports).sort(([a], [b]) => compareStrings(a, b))
+  )
+  out.recipes = Object.fromEntries(
+    Object.entries(out.recipes).sort(([a], [b]) => compareStrings(a, b))
+  )
+  out.tokens = Object.fromEntries(
+    Object.entries(out.tokens).sort(([a], [b]) => compareStrings(a, b))
+  )
+  out.diagnostics.sort((a, b) => compareStrings(canonical(a), canonical(b)))
+  return out
+}
diff --git a/scripts/design-conformance/icon-scope.ts b/scripts/design-conformance/icon-scope.ts
new file mode 100644
index 00000000000..095f94c002d
--- /dev/null
+++ b/scripts/design-conformance/icon-scope.ts
@@ -0,0 +1,127 @@
+import type { NodePath } from '@babel/traverse'
+import * as t from '@babel/types'
+
+type ImportResolver = (p: NodePath, local: string) => string | undefined
+const artwork = new Set(['svg', 'img', 'image', 'video', 'audio', 'canvas', 'picture', 'source'])
+const wrappers = new Set(['div', 'span', 'i'])
+const key = (n: t.Node) =>
+  t.isIdentifier(n) || t.isJSXIdentifier(n) ? n.name : t.isStringLiteral(n) ? n.value : ''
+
+/** Explicit presentation contracts plus bounded syntax; names alone never establish icon scope. */
+export function iconScope(imported: ImportResolver) {
+  const cache = new WeakMap<t.Node, boolean>()
+  let evidence = 0
+  const known = (p: NodePath, local: string) => {
+    const ref = imported(p, local) ?? ''
+    return (
+      /^(?:next\/(?:legacy\/)?image#|lucide-react#|react-icons\/|@sim\/emcn\/icons#)/.test(ref) ||
+      /(?:^|\/)icons(?:\/|#)/.test(ref) ||
+      /^apps\/sim\/components\/ui(?:\/thinking-loader)?#ThinkingLoader$/.test(ref)
+    )
+  }
+  const slot = (p: NodePath): boolean => {
+    const attr = p.findParent((q) => q.isJSXAttribute())
+    if (!attr?.isJSXAttribute() || !attr.parentPath.isJSXOpeningElement()) return false
+    const tag = attr.parentPath.node.name
+    if (!t.isJSXIdentifier(tag)) return false
+    const ref = imported(attr, tag.name) ?? ''
+    const prop = key(attr.node.name)
+    return (
+      (/^@sim\/emcn#(?:Chip\w*|Button|Badge|DropdownMenuItem)$/.test(ref) &&
+        ['icon', 'leftIcon', 'rightIcon'].includes(prop)) ||
+      (/^apps\/sim\/app\/workspace\/\[workspaceId\]\/settings\/components\/settings-resource-row#SettingsResourceRow$/.test(
+        ref
+      ) &&
+        prop === 'icon')
+    )
+  }
+  const only = (p: NodePath, active: Set<t.Node>, depth: number, allowSlot = false): boolean => {
+    if (!p.node || depth > 12 || active.has(p.node)) return false
+    const next = new Set(active).add(p.node)
+    const rec = (q: NodePath) => only(q, next, depth + 1, allowSlot)
+    if (p.isJSXText()) return !p.node.value.trim()
+    if (p.isNullLiteral() || p.isBooleanLiteral() || p.isJSXEmptyExpression()) return true
+    if (p.isJSXExpressionContainer()) return rec(p.get('expression'))
+    if (p.isTSAsExpression() || p.isTSSatisfiesExpression())
+      return rec(p.get('expression') as NodePath)
+    if (p.isConditionalExpression()) return rec(p.get('consequent')) && rec(p.get('alternate'))
+    if (p.isLogicalExpression())
+      return rec(p.get('right')) && (p.node.operator === '&&' || rec(p.get('left')))
+    if (p.isJSXFragment()) return p.get('children').every(rec)
+    if (p.isIdentifier()) {
+      if (known(p, p.node.name)) {
+        evidence++
+        return true
+      }
+      const binding = p.scope.getBinding(p.node.name)
+      if (!binding?.constant) return false
+      if (binding.path.isVariableDeclarator()) return rec(binding.path.get('init') as NodePath)
+      if (binding.path.isFunctionDeclaration()) return rec(binding.path)
+    }
+    if (p.isFunction()) {
+      const body = p.get('body') as NodePath
+      if (!body.isBlockStatement()) return rec(body)
+      const returns: NodePath[] = []
+      body.traverse({
+        Function(q) {
+          q.skip()
+        },
+        ReturnStatement(q) {
+          if (q.node.argument) returns.push(q.get('argument') as NodePath)
+        },
+      })
+      return returns.length > 0 && returns.every(rec)
+    }
+    if (!p.isJSXElement()) return false
+    const tag = p.node.openingElement.name
+    if (!t.isJSXIdentifier(tag)) return false
+    // ThinkingLoader also has a text-bearing presentation. Only its glyph-only use is media.
+    if (
+      (imported(p, tag.name) ?? '').endsWith('#ThinkingLoader') &&
+      p.node.openingElement.attributes.some(
+        (a) =>
+          t.isJSXSpreadAttribute(a) ||
+          (t.isJSXAttribute(a) &&
+            key(a.name) === 'label' &&
+            !(t.isStringLiteral(a.value) && a.value.value === ''))
+      )
+    )
+      return false
+    if (artwork.has(tag.name) || known(p, tag.name)) {
+      evidence++
+      return true
+    }
+    const attrs = p.node.openingElement.attributes
+    if (
+      attrs.some(
+        (a) =>
+          t.isJSXSpreadAttribute(a) ||
+          (t.isJSXAttribute(a) &&
+            /^(?:on[A-Z]|role$|tabIndex$|dangerouslySetInnerHTML$)/.test(key(a.name)))
+      )
+    )
+      return false
+    if (!p.get('children').every(rec)) return false
+    if (wrappers.has(tag.name))
+      return p.node.children.some((c) => !t.isJSXText(c) || Boolean(c.value.trim()))
+    if (/^[A-Z]/.test(tag.name)) {
+      const binding = p.scope.getBinding(tag.name)
+      if (binding?.constant) {
+        if (binding.path.isVariableDeclarator() && rec(binding.path.get('init') as NodePath))
+          return true
+        if (binding.path.isFunctionDeclaration() && rec(binding.path)) return true
+      }
+      if (allowSlot) evidence++
+      return allowSlot
+    }
+    return false
+  }
+  return (p: NodePath): boolean => {
+    const saved = cache.get(p.node)
+    if (saved !== undefined) return saved
+    evidence = 0
+    const result = only(p, new Set(), 0, slot(p)) && evidence > 0
+    cache.set(p.node, result)
+    return result
+  }
+}
diff --git a/scripts/design-conformance/io.ts b/scripts/design-conformance/io.ts
new file mode 100644
index 00000000000..85497cea67e
--- /dev/null
+++ b/scripts/design-conformance/io.ts
@@ -0,0 +1,163 @@
+import { execFileSync } from 'node:child_process'
+import { createHash } from 'node:crypto'
+import { readFileSync, renameSync, writeFileSync } from 'node:fs'
+import path from 'node:path'
+import { parseArgs } from 'node:util'
+import { gunzipSync } from 'node:zlib'
+import type { Catalogue, Change, Commits, Entry } from '#design-conformance/model'
+import { hash, type Policy } from '#design-conformance/model'
+export function policyOption(value: string | boolean | undefined): Policy {
+  if (value === undefined || value === 'conformance') return 'conformance'
+  if (value === 'appearance') return 'appearance'
+  if (value === 'tokens') return 'tokens'
+  throw new Error('Policy must be conformance, appearance or tokens')
+}
+
+export function options(
+  extra: Record<string, { type: 'string' | 'boolean' }> = {},
+  args = process.argv.slice(2)
+): Record<string, string | boolean | undefined> {
+  return parseArgs({
+    args,
+    strict: true,
+    options: {
+      repo: { type: 'string' },
+      base: { type: 'string' },
+      head: { type: 'string' },
+      catalogue: { type: 'string' },
+      output: { type: 'string' },
+      policy: { type: 'string' },
+      ...extra,
+    },
+  }).values
+}
+export function loadCatalogue(file?: string): { catalogue: Catalogue; hash: string } {
+  const raw = readFileSync(file ?? new URL('./catalogue.json', import.meta.url), 'utf8')
+  return { catalogue: JSON.parse(raw), hash: hash(raw) }
+}
+export function writeJson(file: string, data: unknown): void {
+  const temp = `${file}.${process.pid}.tmp`
+  writeFileSync(temp, `${JSON.stringify(data, null, 2)}\n`)
+  renameSync(temp, file)
+}
+export function git(repo: string, args: string[]): Buffer {
+  try {
+    return execFileSync('git', ['--no-pager', ...args], {
+      cwd: repo,
+      maxBuffer: 64 * 1024 * 1024,
+      stdio: ['ignore', 'pipe', 'pipe'],
+      env: { ...process.env, GIT_NO_REPLACE_OBJECTS: '1', GIT_CONFIG_NOSYSTEM: '1' },
+    })
+  } catch {
+    throw new Error(`Git operation failed: ${args[0]}`)
+  }
+}
+export function compareGit(
+  repo: string,
+  baseRef: string,
+  headRef: string
+): { commits: Commits; changes: Change[] } {
+  if (git(repo, ['rev-parse', '--is-shallow-repository']).toString().trim() === 'true')
+    throw new Error('Complete Git history is required')
+  const resolve = (ref: string) => {
+    const value = git(repo, ['rev-parse', '--verify', '--end-of-options', `${ref}^{commit}`])
+      .toString()
+      .trim()
+    if (!/^[a-f\d]{40}$/.test(value)) throw new Error('Invalid immutable commit')
+    return value
+  }
+  const base = resolve(baseRef)
+  const head = resolve(headRef)
+  const mergeBase = git(repo, ['merge-base', '--all', base, head]).toString().trim()
+  if (!/^[a-f\d]{40}$/.test(mergeBase)) throw new Error('A unique merge-base is required')
+  const raw = git(repo, [
+    'diff',
+    '--no-ext-diff',
+    '--no-textconv',
+    '--raw',
+    '--no-abbrev',
+    '-z',
+    '-M',
+    mergeBase,
+    head,
+    '--',
+  ])
+    .toString()
+    .split('\0')
+  const changes: Change[] = []
+  for (let i = 0; i < raw.length - 1; ) {
+    const [bm, am, bb, ab, status] = raw[i++].slice(1).split(' ')
+    const from = raw[i++]
+    const to = /^[RC]/.test(status) ? raw[i++] : from
+    changes.push({
+      status,
+      before: bm === '000000' ? null : { path: from, blob: bb, mode: bm },
+      after: am === '000000' ? null : { path: to, blob: ab, mode: am },
+    })
+  }
+  return { commits: { base, head, mergeBase }, changes }
+}
+export function verifiedText(bytes: Buffer, blob: string): string {
+  if (!/^[a-f\d]{40}$/.test(blob)) throw new Error('Invalid Git blob identity')
+  const actual = createHash('sha1').update(`blob ${bytes.length}\0`).update(bytes).digest('hex')
+  if (actual !== blob) throw new Error(`Source hash mismatch: ${blob}`)
+  try {
+    return new TextDecoder('utf-8', { fatal: true }).decode(bytes)
+  } catch {
+    throw new Error(`Unreadable UTF-8 source: ${blob}`)
+  }
+}
+export function gitText(repo: string, entry: Entry): string {
+  return verifiedText(git(repo, ['cat-file', 'blob', entry.blob]), entry.blob)
+}
+export interface Comparison extends Commits {
+  pr: number
+  cohort: string
+  sampleOrder: number
+  files: string[]
+}
+export interface Manifest {
+  datasetId: string
+  comparisons: Comparison[]
+}
+export function manifest(dataset: string, file?: string): { data: Manifest; hash: string } {
+  const source = readFileSync(file ?? path.join(dataset, 'manifest.json'), 'utf8')
+  const data = JSON.parse(source) as Manifest
+  if (
+    !Array.isArray(data.comparisons) ||
+    data.comparisons.length === 0 ||
+    new Set(data.comparisons.map((x) => x.pr)).size !== data.comparisons.length
+  )
+    throw new Error('Invalid comparison manifest')
+  for (const c of data.comparisons)
+    if (
+      !Number.isSafeInteger(c.pr) ||
+      c.pr <= 0 ||
+      ![c.base, c.head, c.mergeBase].every((x) => /^[a-f\d]{40}$/.test(x))
+    )
+      throw new Error('Invalid frozen comparison identity')
+  return { data, hash: hash(source) }
+}
+export function storedChanges(dataset: string, c: Comparison): Change[] {
+  const dir = path.join(dataset, 'cases', String(c.pr))
+  const changes = JSON.parse(readFileSync(path.join(dir, 'changes.json'), 'utf8')) as Change[]
+  const metadata = JSON.parse(readFileSync(path.join(dir, 'metadata.json'), 'utf8'))
+  if (
+    JSON.stringify(metadata.commits) !==
+    JSON.stringify({ base: c.base, head: c.head, mergeBase: c.mergeBase })
+  ) {
+    if (!['base', 'head', 'mergeBase'].every((k) => metadata.commits[k] === c[k as keyof Commits]))
+      throw new Error('Frozen comparison commit mismatch')
+  }
+  const files = changes.map((x) => (x.after ?? x.before)?.path).sort()
+  if (JSON.stringify(files) !== JSON.stringify([...c.files].sort()))
+    throw new Error('Frozen comparison file-set mismatch')
+  return changes
+}
+export function storedText(dataset: string, entry: Entry): string {
+  if (!/^[a-f\d]{40}$/.test(entry.blob)) throw new Error('Invalid stored blob identity')
+  return verifiedText(
+    gunzipSync(readFileSync(path.join(dataset, 'objects', `${entry.blob}.gz`))),
+    entry.blob
+  )
+}
diff --git a/scripts/design-conformance/lint.ts b/scripts/design-conformance/lint.ts
new file mode 100644
index 00000000000..ea521d199b4
--- /dev/null
+++ b/scripts/design-conformance/lint.ts
@@ -0,0 +1,382 @@
+import { compareStrings } from '@sim/utils/string'
+import { appearanceDiff } from '#design-conformance/appearance'
+import { extract } from '#design-conformance/extract'
+import {
+  type Atom,
+  CATALOGUE_VERSION,
+  type Catalogue,
+  type Change,
+  type Commits,
+  canonical,
+  type Facts,
+  type Finding,
+  hash,
+  implementationHash,
+  type Policy,
+  policyVersion,
+  type Report,
+  scope,
+  TOKEN_FILE,
+  VERSION,
+} from '#design-conformance/model'
+import {
+  type Compiler,
+  compiler,
+  declarations,
+  normalizeValue,
+  rawColours,
+  utility,
+  variablesIn,
+} from '#design-conformance/normalize'
+
+/** A bounded in-process facts cache. ASTs are never retained. */
+export class Linter {
+  private readonly cache = new Map<string, { facts: Facts; bytes: number }>()
+  private cacheBytes = 0
+  readonly metrics = { parsedFiles: 0, cacheHits: 0, sourceBytes: 0 }
+  private readonly colourTokens: Set<string>
+  private constructor(
+    readonly catalogue: Catalogue,
+    readonly catalogueHash: string,
+    readonly system: Compiler,
+    readonly identity: string,
+    readonly policy: Policy
+  ) {
+    this.colourTokens = new Set(catalogue.colourTokens)
+    for (let depth = 0; depth < 8; depth++)
+      for (const token of [...this.colourTokens]) {
+        for (const value of catalogue.variables[token] ?? [])
+          for (const referenced of variablesIn(value)) {
+            if (catalogue.variables[referenced]) this.colourTokens.add(referenced)
+          }
+      }
+  }
+  static async create(
+    catalogue: Catalogue,
+    catalogueHash = hash(canonical(catalogue)),
+    policy: Policy = 'appearance'
+  ) {
+    if (
+      catalogue.version !== CATALOGUE_VERSION ||
+      !catalogue.theme ||
+      !catalogue.allowed ||
+      !catalogue.variables ||
+      !Array.isArray(catalogue.colourTokens)
+    )
+      throw new Error('Invalid or incompatible catalogue')
+    return new Linter(
+      catalogue,
+      catalogueHash,
+      await compiler(catalogue.theme),
+      implementationHash(),
+      policy
+    )
+  }
+  private facts(source: string, file: string): Facts {
+    const key = hash(`${file}\0${source}`)
+    const hit = this.cache.get(key)
+    if (hit) {
+      this.metrics.cacheHits++
+      this.cache.delete(key)
+      this.cache.set(key, hit)
+      return hit.facts
+    }
+    this.metrics.parsedFiles++
+    this.metrics.sourceBytes += Buffer.byteLength(source)
+    const facts = extract(source, file, this.policy === 'appearance')
+    const bytes = Buffer.byteLength(canonical(facts))
+    while (this.cacheBytes + bytes > 64 * 1024 * 1024 && this.cache.size) {
+      const oldest = this.cache.keys().next().value as string
+      this.cacheBytes -= this.cache.get(oldest)?.bytes ?? 0
+      this.cache.delete(oldest)
+    }
+    if (bytes <= 64 * 1024 * 1024) {
+      this.cache.set(key, { facts, bytes })
+      this.cacheBytes += bytes
+    }
+    return facts
+  }
+  report(commits: Commits | null, error?: string): Report {
+    return {
+      schemaVersion: VERSION,
+      toolVersion: VERSION,
+      policyVersion: policyVersion(this.policy),
+      implementationHash: this.identity,
+      catalogueHash: this.catalogueHash,
+      catalogueVersion: this.catalogue.version,
+      catalogueSourceCommit: this.catalogue.sourceCommit,
+      commits,
+      status: error ? 'failed' : 'completed',
+      flagged: error ? null : false,
+      findings: [],
+      unchecked: [],
+      coverageFailures: [],
+      coverage: { checkedFiles: 0, excludedFiles: 0, unsupportedFiles: 0 },
+      ...(error ? { error } : {}),
+    }
+  }
+  private inspect(
+    facts: Facts,
+    file: string
+  ): { findings: Finding[]; unchecked: Facts['unchecked'] } {
+    const findings: Finding[] = []
+    const unchecked = [...facts.unchecked]
+    const tokens = this.colourTokens
+    for (const atom of facts.atoms) {
+      if (atom.kind === 'token') continue
+      const context = atom.kind === 'class' ? utility(atom.value).variants : atom.context
+      const fail = (
+        rule: string,
+        category: string,
+        property: string,
+        value: string,
+        reason: string
+      ) =>
+        findings.push({
+          rule,
+          category,
+          property,
+          value,
+          reason,
+          file,
+          line: atom.line,
+          column: atom.column,
+          context,
+        })
+      const note = (reason: string) => unchecked.push({ line: atom.line, context, reason })
+      let ds: ReturnType<typeof declarations>
+      try {
+        ds = declarations(atom, this.system, this.catalogue.variables)
+      } catch {
+        note('Utility/CSS declaration could not be parsed')
+        continue
+      }
+      if (ds === null) {
+        note(`Unsupported or custom utility: ${atom.value}`)
+        continue
+      }
+      const { base } = utility(atom.value)
+      const arbitrary = atom.kind === 'class' && /\[|\(/.test(base)
+      for (const d of ds) {
+        const referenced = variablesIn(d.value).filter((x) => !x.startsWith('--tw-'))
+        if (d.category === 'colours') {
+          const unknown = referenced.filter((x) => !tokens.has(x))
+          if (unknown.length) {
+            fail(
+              'unknown-colour-token',
+              d.category,
+              d.property,
+              d.value,
+              `Colour token is not in the frozen catalogue: ${unknown.join(', ')}`
+            )
+            continue
+          }
+          const named = base.match(
+            /^(?:text|bg|border(?:-[trblxyse])?|outline|ring(?:-offset)?|fill|stroke|decoration|from|via|to|accent|caret)-(.+?)(?:\/[\d.]+)?$/
+          )?.[1]
+          const permittedName =
+            named !== undefined &&
+            (tokens.has(`--color-${named}`) ||
+              ['current', 'transparent', 'inherit'].includes(named))
+          const approvedNamed =
+            atom.kind === 'class' &&
+            !arbitrary &&
+            (permittedName ||
+              /^(?:currentColor|transparent|inherit)$/.test(d.value) ||
+              referenced.length > 0 ||
+              /^(?:text|bg|border|outline|ring|fill|stroke|decoration|from|via|to)-(?:white|black)(?:\/\d+)?$/.test(
+                base
+              ))
+          if (!approvedNamed && rawColours(d.value)) {
+            fail(
+              'colour-token-required',
+              d.category,
+              d.property,
+              d.value,
+              'Use an approved colour token or named utility instead of a literal colour'
+            )
+            continue
+          }
+          if (
+            !referenced.length &&
+            !approvedNamed &&
+            !/^(?:none|inherit|initial|unset|currentColor|transparent)$/i.test(d.value) &&
+            d.property !== 'background-image'
+          )
+            fail(
+              'unapproved-colour',
+              d.category,
+              d.property,
+              d.value,
+              'Colour value is not an approved token reference'
+            )
+          continue
+        }
+        if (rawColours(d.value) && (atom.kind === 'style' || arbitrary)) {
+          fail(
+            'colour-token-required',
+            'colours',
+            d.property,
+            d.value,
+            'Composite styling contains a literal colour; use an approved token'
+          )
+          continue
+        }
+        if (this.catalogue.allowed[d.property]?.includes(d.value)) continue
+        if (/^(?:inherit|initial|unset|revert|revert-layer)$/.test(d.value)) continue
+        if (/var\(|(?:calc|min|max|clamp)\(/.test(d.value)) {
+          note(`Dynamic or unresolved ${d.property}: ${d.value}`)
+          continue
+        }
+        fail(
+          'unapproved-value',
+          d.category,
+          d.property,
+          d.value,
+          `Value is outside the frozen ${d.property} catalogue`
+        )
+      }
+    }
+    return { findings, unchecked }
+  }
+  /** Compare per-file violation multisets; permitted-to-permitted edits intentionally pass. */
+  analyze(
+    changes: Change[],
+    read: (entry: NonNullable<Change['before']>) => string,
+    commits: Commits
+  ): Report {
+    const report = this.report(commits)
+    const key = (f: Finding) => canonical([f.rule, f.property, f.value, f.context])
+    try {
+      for (const change of changes) {
+        const beforeFile = change.before?.path
+        const afterFile = change.after?.path
+        const file = afterFile ?? beforeFile ?? ''
+        const states = [beforeFile, afterFile].filter(Boolean).map((f) => scope(f as string))
+        if (!states.includes('check')) {
+          if (states.includes('unsupported')) {
+            report.coverage.unsupportedFiles++
+            report.unchecked.push({
+              file,
+              side: 'after',
+              line: 1,
+              context: '',
+              reason: 'Unsupported file format; no styles inspected',
+            })
+          } else report.coverage.excludedFiles++
+          continue
+        }
+        report.coverage.checkedFiles++
+        const get = (entry: Change['before']): Facts => {
+          if (!entry) return { atoms: [], unchecked: [] }
+          if (scope(entry.path) === 'unsupported') {
+            report.coverage.unsupportedFiles++
+            return {
+              atoms: [],
+              unchecked: [
+                { line: 1, context: '', reason: 'Unsupported file format; no styles inspected' },
+              ],
+            }
+          }
+          if (scope(entry.path) !== 'check') return { atoms: [], unchecked: [] }
+          if (!/^100(?:644|755)$/.test(entry.mode))
+            return {
+              atoms: [],
+              unchecked: [
+                { line: 1, context: '', reason: 'Symlink/submodule is data and is not followed' },
+              ],
+            }
+          return this.facts(read(entry), entry.path)
+        }
+        const before = get(change.before)
+        const after = get(change.after)
+        const b =
+          this.policy === 'tokens'
+            ? this.inspect(before, beforeFile ?? file)
+            : { findings: [], unchecked: before.unchecked }
+        const a =
+          this.policy === 'tokens'
+            ? this.inspect(after, afterFile ?? file)
+            : { findings: [], unchecked: after.unchecked }
+        if (this.policy === 'appearance') {
+          const compared = appearanceDiff(before, after, file, this.system, this.catalogue)
+          report.findings.push(...compared.findings)
+          for (const note of compared.unchecked)
+            report.unchecked.push({ ...note, file, side: 'comparison' })
+        }
+        for (const [side, result] of [
+          ['before', b],
+          ['after', a],
+        ] as const)
+          for (const note of result.unchecked)
+            report.unchecked.push({
+              ...note,
+              file: side === 'before' ? (beforeFile ?? file) : (afterFile ?? file),
+              side,
+            })
+        const counts = new Map<string, number>()
+        for (const f of b.findings) counts.set(key(f), (counts.get(key(f)) ?? 0) + 1)
+        for (const f of a.findings) {
+          const n = counts.get(key(f)) ?? 0
+          if (n > 0) counts.set(key(f), n - 1)
+          else report.findings.push(f)
+        }
+        if (beforeFile === TOKEN_FILE || afterFile === TOKEN_FILE) {
+          const tokens = (facts: Facts) => {
+            const entries = new Map<string, Atom[]>()
+            for (const atom of facts.atoms.filter((x) => x.kind === 'token')) {
+              const k = canonical([
+                atom.property,
+                atom.context
+                  .replace(/\s+/g, ' ')
+                  .replace(/\s*,\s*/g, ',')
+                  .trim(),
+              ])
+              entries.set(k, [...(entries.get(k) ?? []), atom])
+            }
+            return entries
+          }
+          const old = tokens(before)
+          const next = tokens(after)
+          const value = (atoms?: Atom[]) =>
+            canonical(
+              (atoms ?? []).map((x) =>
+                normalizeValue(x.value).replace(/#[a-f\d]+/gi, (x) => x.toLowerCase())
+              )
+            )
+          for (const k of new Set([...old.keys(), ...next.keys()])) {
+            if (value(old.get(k)) === value(next.get(k))) continue
+            const atom = next.get(k)?.[0] ?? old.get(k)?.[0]
+            if (!atom) continue
+            report.findings.push({
+              rule: 'token-definition-changed',
+              category: 'token-definitions',
+              property: atom.property,
+              value: next.has(k) ? value(next.get(k)) : '<removed>',
+              before: old.has(k) ? value(old.get(k)) : null,
+              reason:
+                'Central token definition changed; proposed definitions do not update the frozen catalogue',
+              file,
+              line: atom.line,
+              column: atom.column,
+              context: atom.context,
+            })
+          }
+        }
+      }
+      report.findings.sort((a, b) =>
+        compareStrings(
+          canonical([a.file, a.line, a.column, a.rule, a.property, a.value, a.context]),
+          canonical([b.file, b.line, b.column, b.rule, b.property, b.value, b.context])
+        )
+      )
+      report.unchecked = [...new Map(report.unchecked.map((x) => [canonical(x), x])).values()].sort(
+        (a, b) => compareStrings(canonical(a), canonical(b))
+      )
+      report.flagged = report.findings.length > 0
+      return report
+    } catch (error) {
+      return this.report(commits, error instanceof Error ? error.message : 'Source analysis failed')
+    }
+  }
+}
diff --git a/scripts/design-conformance/model.ts b/scripts/design-conformance/model.ts
new file mode 100644
index 00000000000..ee9f3dc61bb
--- /dev/null
+++ b/scripts/design-conformance/model.ts
@@ -0,0 +1,309 @@
+import { createHash } from 'node:crypto'
+import { readdirSync, readFileSync } from 'node:fs'
+import type { Route, SourceSummary } from '#design-conformance/source-summary'
+
+export const VERSION = '4.1.0'
+export const CATALOGUE_VERSION = '1.0.0'
+export type Policy = 'appearance' | 'tokens' | 'conformance'
+export const policyVersion = (policy: Policy) =>
+  policy === 'conformance'
+    ? 'design-conformance/2.0.0'
+    : policy === 'tokens'
+      ? 'token-lint/2.0.0'
+      : 'appearance-diff/2.1.0'
+export const SEED = '463fa05b27fe170cbb58bca89cc955313df5af84'
+export const TOKEN_FILE = 'apps/sim/app/_styles/globals.css'
+/** Failed inspection is distinct from an unresolved styling flow. */
+export const inspectionFailure = (reason: string) =>
+  /^(?:Parser failure|Extraction failure|Source exceeds|CSS (?:colour assignments|assignment source|parse)|Artwork (?:parser failure|source exceeds|symlink\/submodule)|Native-control CSS review could not parse|Non-regular source|Symlink\/submodule is not followed)/.test(
+    reason
+  )
+export const hash = (data: string | Uint8Array) => createHash('sha256').update(data).digest('hex')
+export const canonical = (value: unknown): string => JSON.stringify(value)
+export interface Atom {
+  deferredStyle?: boolean
+  pendingRef?: string
+  partial?: { expression: string; inputs: string[] }
+  forwarded?: Route[]
+  reference?: string
+  kind: 'class' | 'style' | 'token'
+  property: string
+  value: string
+  line: number
+  column: number
+  context: string
+}
+export interface Note {
+  deferredStyle?: { target: string; slot: string }
+  reason: string
+  line: number
+  context: string
+}
+export interface Facts {
+  artwork?: { value: string; input: string; line: number; column: number; context: string }[]
+  syntax?: SourceSummary
+  atoms: Atom[]
+  unchecked: Note[]
+  surfaces?: Surface[]
+}
+/** File-local presentation inputs, not rendered elements or a dependency graph. */
+export interface Surface {
+  requiredProps?: string[]
+  providedProps?: string[]
+  unknownProps?: boolean
+  renderContexts?: string[][]
+  routes?: Route[]
+  componentRef?: string
+  fieldContainer?: boolean
+  fieldGroup?: boolean
+  ancestors?: string[]
+  iconSlot?: string
+  structuralViolation?: string
+  kind: 'element' | 'definition' | 'recipe' | 'integration'
+  owner: string
+  target: string
+  shared: boolean
+  line: number
+  column: number
+  atoms: Atom[]
+  references: string[]
+  unresolved?: UnresolvedInput[]
+}
+export interface UnresolvedInput {
+  deferredStyle?: { target: string; slot: string }
+  channel: 'class' | 'style' | 'prop' | 'spread'
+  property: string
+  expression: string
+  position: string
+  line: number
+}
+export interface Declaration {
+  property: string
+  value: string
+  category: string
+}
+export interface Catalogue {
+  version: string
+  sourceCommit: string
+  provisional: true
+  sources: { file: string; blob: string }[]
+  theme: string
+  variables: Record<string, string[]>
+  colourTokens: string[]
+  allowed: Record<string, string[]>
+  provenance: Record<string, string[]>
+  notes: string[]
+}
+export interface Entry {
+  path: string
+  blob: string
+  mode: string
+}
+export interface Change {
+  before: Entry | null
+  after: Entry | null
+  status: string
+}
+export interface Commits {
+  base: string
+  head: string
+  mergeBase: string
+}
+export interface Finding {
+  identity?: string
+  legacyFingerprint?: string
+  related?: string[]
+  kind?: 'usage-violation' | 'system-change'
+  contract?: string
+  provenance?: { source: string; input: string; permitted: string; composition?: string }
+  rule: string
+  category: string
+  property: string
+  value: string
+  reason: string
+  file: string
+  line: number
+  column: number
+  context: string
+  before?: string | null
+}
+export interface Report {
+  infrastructure?: ReturnType<
+    typeof import('#design-conformance/generated-contracts').infrastructureStatus
+  >
+  reviewDecisions?: import('#control-analysis/review-ledger').ReviewDecisions
+  /** Changed product files whose styling could not be compared. */
+  coverageFailures?: (Note & { file: string; side: 'before' | 'after' })[]
+  layoutAllowances?: import('#control-analysis/layout-allowances').LayoutAllowance[]
+  shadowExtras?: import('#control-analysis/shadow-extras').ShadowExtra[]
+  typographyReview?: import('#control-analysis/typography').TypographyReview
+  colourAssignments?: {
+    version: '1.0.0'
+    before: { checked: number; verified: number; invalid: number; unresolved: number }
+    after: { checked: number; verified: number; invalid: number; unresolved: number }
+    introduced: number
+    verifiedUsages: import('#control-analysis/colour-assignments').VerifiedColourUsage[]
+  }
+  controlSimplifications?: {
+    version: '1.0.0'
+    before: { controls: number; styleChecks: number; nameChecks: number; artwork: number }
+    after: { controls: number; styleChecks: number; nameChecks: number; artwork: number }
+    existingBefore: number
+    existingAfter: number
+    introduced: number
+    unresolved: number
+  }
+  contractsHash?: string
+  centralSourceHashes?: { before: string; after: string }
+  schemaVersion: string
+  toolVersion: string
+  policyVersion: string
+  implementationHash: string
+  catalogueHash: string
+  catalogueVersion: string
+  catalogueSourceCommit: string
+  commits: Commits | null
+  status: 'completed' | 'failed'
+  flagged: boolean | null
+  findings: Finding[]
+  unchecked: (Note & { file: string; side: string })[]
+  coverage: {
+    checkedFiles: number
+    excludedFiles: number
+    unsupportedFiles: number
+    governedInputs?: number
+    ungovernedInputs?: number
+    violations?: number
+    systemChanges?: number
+  }
+  error?: string
+}
+let cachedImplementationHash: string | undefined
+export function implementationHash(): string {
+  if (cachedImplementationHash) return cachedImplementationHash
+  const dir = new URL('./', import.meta.url)
+  cachedImplementationHash = hash(
+    canonical([
+      ...readdirSync(dir)
+        .filter((x) => x.endsWith('.ts'))
+        .sort()
+        .map((x) => [x, hash(readFileSync(new URL(x, dir)))]),
+      ['package.json', hash(readFileSync(new URL('../../package.json', dir)))],
+      ['bun.lock', hash(readFileSync(new URL('../../bun.lock', dir)))],
+      ['contracts.json', hash(readFileSync(new URL('./contracts.json', dir)))],
+      [
+        'check-design-conformance.ts',
+        hash(readFileSync(new URL('../check-design-conformance.ts', dir))),
+      ],
+    ])
+  )
+  return cachedImplementationHash
+}
+/** Scope is independent of the historical cases and their labels. */
+export function scope(file: string): 'check' | 'exclude' | 'unsupported' {
+  if (!/^(apps\/sim\/|packages\/(emcn|workflow-renderer)\/)/.test(file)) return 'exclude'
+  if (
+    /(?:^|\/)(?:node_modules|__tests__|__fixtures__|fixtures|dist|build|public|emails?|icons?|iso|og)(?:\/|\.)|\.(?:test|spec|generated|d)\.[cm]?[jt]sx?$/.test(
+      file
+    )
+  )
+    return 'exclude'
+  if (file.startsWith('apps/sim/lib/desktop/')) return 'exclude'
+  if (
+    /apps\/sim\/app\/(?:\(landing\)|api)\/|apps\/sim\/(?:content|emails)\/|(?:opengraph|twitter)-image\.|(?:^|\/)og-utils\./.test(
+      file
+    )
+  )
+    return 'exclude'
+  if (/\.(?:[cm]?[jt]sx?|css|html?)$/.test(file)) return 'check'
+  return 'unsupported'
+}
+export function category(property: string): string | undefined {
+  if (/^(?:color|background(?:-color|-image)?|.*-color|fill|stroke|caret-color)$/.test(property))
+    return 'colours'
+  if (/^(?:padding|margin|gap|row-gap|column-gap)(?:-|$)/.test(property)) return 'spacing'
+  if (
+    /^(?:(?:min-|max-)?(?:width|height|inline-size|block-size)|aspect-ratio|flex-basis)$/.test(
+      property
+    )
+  )
+    return 'dimensions'
+  if (
+    /^(?:font(?:-|$)|line-height|letter-spacing|word-spacing|text-(?:align|transform|decoration|indent))/.test(
+      property
+    )
+  )
+    return 'typography'
+  if (/^border.*radius$/.test(property)) return 'radii'
+  if (/^(?:border|outline)(?:-|$)/.test(property)) return 'borders'
+  if (
+    /^(?:box-shadow|text-shadow|opacity|filter|backdrop-filter|mix-blend-mode|background-blend-mode)$/.test(
+      property
+    )
+  )
+    return 'effects'
+  if (/^(?:display|position|flex|grid|align-|justify-|place-|order|float|clear)/.test(property))
+    return 'layout'
+  if (
+    /^(?:overflow|visibility|white-space|text-overflow|clip|mask|line-clamp|-webkit-line-clamp)/.test(
+      property
+    )
+  )
+    return 'visibility'
+  if (property === 'z-index' || property === 'isolation') return 'layering'
+  if (/^(?:animation|transition|scale|rotate|transform|perspective)/.test(property)) return 'motion'
+  return undefined
+}
+export function family(property: string): string {
+  return property
+    .replace(/^padding-.+$/, 'padding')
+    .replace(/^margin-.+$/, 'margin')
+    .replace(/^(?:row|column)-gap$/, 'gap')
+    .replace(/^border-.+-radius$/, 'border-radius')
+    .replace(
+      /^border-(?:top|bottom|left|right|inline(?:-start|-end)?|block(?:-start|-end)?)-(width|color|style)$/,
+      'border-$1'
+    )
+}
+/** Longhand permissions cover that property; shorthand overrides can still affect protected siblings. */
+export function ownsStyling(
+  slot: { protected: string[]; allowed?: string[] } | undefined,
+  property: string,
+  group = category(property)
+): boolean {
+  if (!slot) return false
+  const covers = (rule: string, target: string) =>
+    rule === '*' || rule === target || rule === family(target) || target.startsWith(`${rule}-`)
+  const protects = slot.protected.some(
+    (rule) => rule === group || covers(rule, property) || covers(property, rule)
+  )
+  const permits = slot.allowed?.some((rule) => rule === group || covers(rule, property))
+  return protects && !permits
+}
+/** Physical/logical overlap depends on inherited writing mode; keep it visible without claiming a proof. */
+export function ambiguousStyling(
+  slot: { protected: string[]; allowed?: string[] } | undefined,
+  property: string
+): boolean {
+  if (!slot || ownsStyling(slot, property)) return false
+  if (
+    slot.allowed?.some((rule) => rule === '*' || rule === property || rule === category(property))
+  )
+    return false
+  const dimension = /^(min-|max-)?(width|height|inline-size|block-size)$/.exec(property)
+  const logical = /(?:^|-)(?:inline|block|start|end)(?:-|$)/
+  const physical = /(?:^|-)(?:top|right|bottom|left)(?:-|$)/
+  return slot.protected.some((rule) => {
+    const otherDimension = /^(min-|max-)?(width|height|inline-size|block-size)$/.exec(rule)
+    if (dimension && otherDimension)
+      return (
+        dimension[1] === otherDimension[1] &&
+        /size$/.test(dimension[2]) !== /size$/.test(otherDimension[2])
+      )
+    return (
+      family(rule) === family(property) &&
+      ((logical.test(rule) && physical.test(property)) ||
+        (physical.test(rule) && logical.test(property)))
+    )
+  })
+}
diff --git a/scripts/design-conformance/normalize.ts b/scripts/design-conformance/normalize.ts
new file mode 100644
index 00000000000..3822cf3dfdf
--- /dev/null
+++ b/scripts/design-conformance/normalize.ts
@@ -0,0 +1,350 @@
+import { readFileSync } from 'node:fs'
+import { createRequire } from 'node:module'
+import path from 'node:path'
+import postcss from 'postcss'
+import valueParser from 'postcss-value-parser'
+import { __unstable__loadDesignSystem } from 'tailwindcss'
+import {
+  type Atom,
+  type Catalogue,
+  category,
+  type Declaration,
+  family,
+  hash,
+} from '#design-conformance/model'
+
+const require = createRequire(import.meta.url)
+const colourNames = new Set(Object.keys(require('color-name') as Record<string, unknown>))
+export const defaultTheme = readFileSync(
+  path.join(path.dirname(require.resolve('tailwindcss/package.json')), 'theme.css'),
+  'utf8'
+)
+const compilerInputs = new WeakMap<object, { identity: string; theme: string }>()
+/** Only declarative theme data reaches the pinned compiler; module/import loading always fails. */
+export async function compiler(theme: string, identity = hash(theme)) {
+  const compiled = await __unstable__loadDesignSystem(theme, {
+    loadModule: async () => {
+      throw new Error('Application modules are not executable inputs')
+    },
+    loadStylesheet: async () => {
+      throw new Error('Stylesheet imports are not executable inputs')
+    },
+  })
+  compilerInputs.set(compiled, { identity, theme })
+  return compiled
+}
+export type Compiler = Awaited<ReturnType<typeof compiler>>
+/** Source metadata caches must distinguish all inputs used to construct their compiler. */
+export function compilerIdentity(compiled: Compiler): string {
+  const identity = compilerInputs.get(compiled)?.identity
+  if (!identity) throw new Error('Design compiler has no verified input identity')
+  return identity
+}
+/** The catalogue and metadata compiler describe the same declarative input. */
+export function compilerTheme(compiled: Compiler): string {
+  const theme = compilerInputs.get(compiled)?.theme
+  if (theme === undefined) throw new Error('Design compiler has no verified theme input')
+  return theme
+}
+
+/** These interaction and coordinate properties are outside authored appearance comparisons. */
+export const excludedCssProperty = (property: string) =>
+  /^(?:top|bottom|left|right|inset(?:-.+)?|translate|cursor|pointer-events|user-select|touch-action|scroll-behavior|overscroll-behavior(?:-.+)?)$/.test(
+    property
+  )
+
+const shorthandProperties: Record<string, string[]> = {
+  gap: ['row-gap', 'column-gap'],
+  overflow: ['overflow-x', 'overflow-y'],
+  flex: ['flex-grow', 'flex-shrink', 'flex-basis'],
+  'flex-flow': ['flex-direction', 'flex-wrap'],
+  background: [
+    'background-color',
+    'background-image',
+    'background-position',
+    'background-size',
+    'background-repeat',
+    'background-origin',
+    'background-clip',
+    'background-attachment',
+  ],
+  font: [
+    'font-family',
+    'font-size',
+    'font-style',
+    'font-weight',
+    'font-stretch',
+    'font-variant',
+    'line-height',
+  ],
+  'text-decoration': [
+    'text-decoration-line',
+    'text-decoration-color',
+    'text-decoration-style',
+    'text-decoration-thickness',
+  ],
+  outline: ['outline-color', 'outline-width', 'outline-style'],
+  'list-style': ['list-style-type', 'list-style-position', 'list-style-image'],
+  transition: [
+    'transition-property',
+    'transition-duration',
+    'transition-delay',
+    'transition-timing-function',
+    'transition-behavior',
+  ],
+  animation: [
+    'animation-name',
+    'animation-duration',
+    'animation-delay',
+    'animation-timing-function',
+    'animation-iteration-count',
+    'animation-direction',
+    'animation-fill-mode',
+    'animation-play-state',
+    'animation-timeline',
+    'animation-range-start',
+    'animation-range-end',
+  ],
+}
+
+/** Conservatively identify overlapping standard shorthands without simulating the runtime cascade. */
+export function competingProperties(left: string, right: string): boolean {
+  if (left === right) return false
+  const affected = (property: string): string[] => {
+    if (shorthandProperties[property]) return shorthandProperties[property]
+    const box = /^(padding|margin)(?:-(.+))?$/.exec(property)
+    if (box) {
+      const sides = ['top', 'right', 'bottom', 'left']
+      return box[2] && sides.includes(box[2])
+        ? [property]
+        : sides.map((side) => `${box[1]}-${side}`)
+    }
+    const border =
+      /^border(?:-(top|right|bottom|left|inline(?:-start|-end)?|block(?:-start|-end)?))?(?:-(color|width|style))?$/.exec(
+        property
+      )
+    if (border) {
+      const sides = ['top', 'right', 'bottom', 'left']
+      const targets = border[1] && sides.includes(border[1]) ? [border[1]] : sides
+      return targets.flatMap((side) =>
+        (border[2] ? [border[2]] : ['color', 'width', 'style']).map(
+          (part) => `border-${side}-${part}`
+        )
+      )
+    }
+    if (/^border(?:-.+)?-radius$/.test(property))
+      return property === 'border-radius' || /start|end/.test(property)
+        ? ['top-left', 'top-right', 'bottom-left', 'bottom-right'].map(
+            (corner) => `border-${corner}-radius`
+          )
+        : [property]
+    return [property]
+  }
+  const current = new Set(affected(left))
+  return affected(right).some((property) => current.has(property))
+}
+export function utility(candidate: string): { base: string; variants: string } {
+  let depth = 0
+  let last = -1
+  for (let i = 0; i < candidate.length; i++) {
+    if ('[('.includes(candidate[i])) depth++
+    if ('])'.includes(candidate[i])) depth--
+    if (candidate[i] === ':' && depth === 0) last = i
+  }
+  return {
+    base: candidate.slice(last + 1).replace(/^!|!$/g, ''),
+    variants: candidate.slice(0, last + 1),
+  }
+}
+/** Canonical comparisons use the nominal 16px Tailwind rem scale, not a runtime layout claim. */
+export function normalizeValue(
+  input: string,
+  variables: Record<string, string[]> = {},
+  depth = 0
+): string {
+  let value = valueParser(input)
+    .toString()
+    .replace(/\s*!important\s*$/, '')
+    .trim()
+    .replace(/\s+/g, ' ')
+  if (depth < 6)
+    value = value.replace(/var\((--[\w-]+)\)/g, (all, key: string) => {
+      const values = variables[key]
+      if (
+        !values ||
+        values.length !== 1 ||
+        !/^(?:-?[\d.]+(?:px|rem|s|ms)?|calc\([\d.\s*+\-/pxrem]+\))$/.test(values[0])
+      )
+        return all
+      return normalizeValue(values[0], variables, depth + 1)
+    })
+  value = value.replace(
+    /(-?(?:\d*\.)?\d+)rem\b/g,
+    (_, n: string) => `${Number((Number(n) * 16).toFixed(6))}px`
+  )
+  value = value.replace(
+    /calc\(\s*(-?[\d.]+)px\s*\*\s*(-?[\d.]+)\s*\)/g,
+    (_, a: string, b: string) => `${Number((Number(a) * Number(b)).toFixed(6))}px`
+  )
+  value = value.replace(
+    /calc\(\s*(-?[\d.]+)px\s*([+-])\s*([\d.]+)px\s*\)/g,
+    (_, a: string, op: string, b: string) => `${Number(a) + (op === '+' ? 1 : -1) * Number(b)}px`
+  )
+  value = value
+    .replace(/(?<![\w.])0(?:px|rem|em|%|s|ms)\b/g, '0')
+    .replace(/(?<![\w.])(-?[\d.]+)s\b/g, (_, n: string) => `${Number(n) * 1000}ms`)
+  return value
+    .replace(/\s*,\s*/g, ',')
+    .replace(/\(\s+/g, '(')
+    .replace(/\s+\)/g, ')')
+}
+const internal: Record<string, string> = {
+  '--tw-shadow': 'box-shadow',
+  '--tw-ring-color': 'outline-color',
+  '--tw-ring-offset-color': 'outline-color',
+  '--tw-ring-shadow': 'box-shadow',
+  '--tw-inset-shadow': 'box-shadow',
+  '--tw-blur': 'filter',
+  '--tw-backdrop-blur': 'backdrop-filter',
+  '--tw-rotate-x': 'rotate',
+  '--tw-rotate-y': 'rotate',
+  '--tw-rotate-z': 'rotate',
+  '--tw-scale-x': 'scale',
+  '--tw-scale-y': 'scale',
+}
+/** Separate paint from geometry in supported CSS shorthands. */
+export function paintDeclarations(property: string, value: string): Declaration[] | null {
+  if (property === 'text-decoration')
+    return valueParser(value)
+      .nodes.filter((node) => node.type !== 'space' && node.type !== 'comment')
+      .map((node) => {
+        const part = valueParser.stringify(node)
+        const dimension = valueParser.unit(part)
+        const thickness =
+          /^(?:auto|from-font|0)$/.test(part) ||
+          (dimension && /^(?:[a-z]+|%)$/i.test(dimension.unit)) ||
+          (node.type === 'function' && ['calc', 'min', 'max', 'clamp'].includes(node.value))
+        const suffix = /^(?:none|underline|overline|line-through|blink)$/.test(part)
+          ? 'line'
+          : /^(?:solid|double|dotted|dashed|wavy)$/.test(part)
+            ? 'style'
+            : thickness
+              ? 'thickness'
+              : 'color'
+        return {
+          property: `text-decoration-${suffix}`,
+          value: part,
+          category: suffix === 'color' ? 'colours' : 'typography',
+        }
+      })
+  if (!/^(?:border(?:-(?:top|bottom|left|right))?|outline)$/.test(property)) return null
+  const prefix = property.startsWith('outline') ? 'outline' : 'border'
+  return valueParser(value)
+    .nodes.filter((node) => node.type !== 'space' && node.type !== 'comment')
+    .map((node) => {
+      const part = valueParser.stringify(node)
+      const suffix = /^(?:none|hidden|solid|dashed|dotted|double|groove|ridge|inset|outset)$/.test(
+        part
+      )
+        ? 'style'
+        : /^(?:[\d.]+(?:px|em)|0|thin|medium|thick)$/.test(part) || part.includes('--border-width')
+          ? 'width'
+          : 'color'
+      return {
+        property: `${prefix}-${suffix}`,
+        value: part,
+        category: suffix === 'color' ? 'colours' : 'borders',
+      }
+    })
+}
+export function declarations(
+  atom: Atom,
+  system: Compiler,
+  variables: Catalogue['variables'],
+  detailed = false
+): Declaration[] | null {
+  if (atom.kind === 'token') return []
+  const { base } = utility(atom.value)
+  if (
+    atom.kind === 'class' &&
+    /^(?:-?(?:translate|top|bottom|left|right|inset)(?:-|$)|(?:group|peer)(?:\/|$))/.test(base)
+  )
+    return []
+  if (
+    atom.kind === 'style' &&
+    /^(?:top|bottom|left|right|inset(?:-|$)|translate)$/.test(atom.property)
+  )
+    return []
+  if (
+    atom.kind === 'style' &&
+    atom.property === 'transform' &&
+    /^(?:translate(?:X|Y|Z|3d)?\([^()]+\)\s*)+$/.test(atom.value)
+  )
+    return []
+  const css =
+    atom.kind === 'class' ? system.candidatesToCss([base])[0] : `x{${atom.property}:${atom.value}}`
+  if (!css) return null
+  const found: Declaration[] = []
+  postcss.parse(css).walkDecls((d) => {
+    const prop = internal[d.prop] ?? d.prop
+    const cat =
+      category(prop) ??
+      (detailed && prop.startsWith('--') && !prop.startsWith('--tw-')
+        ? 'custom-properties'
+        : undefined)
+    if (!cat) return
+    let value = normalizeValue(d.value, cat === 'colours' ? {} : variables)
+    if (['opacity', 'scale'].includes(prop))
+      value = value.replace(/(-?[\d.]+)%/g, (_, n: string) => String(Number(n) / 100))
+    if (prop === 'transform' && /(?:--tw-translate|--tw-rotate|--tw-skew)/.test(value)) return
+    if (
+      ['box-shadow', 'filter', 'backdrop-filter'].includes(prop) &&
+      /var\(--tw-/.test(value) &&
+      !internal[d.prop]
+    )
+      return
+    if (detailed) {
+      found.push({
+        property: prop,
+        value:
+          value +
+          (d.important || (atom.kind === 'class' && /(?:^|:)!|!$/.test(atom.value))
+            ? ' !important'
+            : ''),
+        category: cat,
+      })
+      return
+    }
+    const parts = valueParser(value)
+      .nodes.filter((n) => n.type !== 'space' && n.type !== 'comment')
+      .map((n) => valueParser.stringify(n))
+    if (/^(?:padding|margin|gap|border-radius)$/.test(family(prop))) {
+      for (const part of parts.filter((x) => x !== '/'))
+        found.push({ property: family(prop), value: part, category: cat })
+    } else {
+      const border = paintDeclarations(prop, value)
+      if (border) found.push(...border)
+      else found.push({ property: family(prop), value, category: cat })
+    }
+  })
+  return [...new Map(found.map((x) => [JSON.stringify(x), x])).values()]
+}
+/** Literal colours cannot bypass token requirements inside gradients or composite effects. */
+export function rawColours(value: string): boolean {
+  return (
+    /#[\da-f]{3,8}\b|\b(?:rgb|rgba|hsl|hsla|hwb|lab|lch|oklab|oklch|color)\(/i.test(
+      value.replace(/(?:rgb|rgba|hsl|hsla)\(\s*var\([^)]*\)(?:\s*\/\s*[\d.%]+)?\s*\)/g, '')
+    ) ||
+    (() => {
+      let found = false
+      valueParser(value).walk((node) => {
+        if (node.type === 'function' && node.value.toLowerCase() === 'url') return false
+        if (node.type === 'word' && colourNames.has(node.value.toLowerCase())) found = true
+      })
+      return found
+    })()
+  )
+}
+export function variablesIn(value: string): string[] {
+  return [...value.matchAll(/var\(\s*(--[\w-]+)/g)].map((x) => x[1])
+}
diff --git a/scripts/design-conformance/react-style.ts b/scripts/design-conformance/react-style.ts
new file mode 100644
index 00000000000..4ad11d71c44
--- /dev/null
+++ b/scripts/design-conformance/react-style.ts
@@ -0,0 +1,18 @@
+/** React DOM 19.2.4 unitlessNumbers, shared by its client and server style serializers. */
+const unitlessNumbers = new Set(
+  'animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp'.split(
+    ' '
+  )
+)
+
+export const reactUnitlessProperty = (property: string) => unitlessNumbers.has(property)
+
+/** React preserves strings and custom variables; only nonzero length numbers receive px. */
+export function reactStyleValue(property: string, value: string | number): string {
+  return typeof value === 'number' &&
+    value !== 0 &&
+    !property.startsWith('--') &&
+    !reactUnitlessProperty(property)
+    ? `${value}px`
+    : String(value)
+}
diff --git a/scripts/design-conformance/recipe-diff.ts b/scripts/design-conformance/recipe-diff.ts
new file mode 100644
index 00000000000..a6778133dd9
--- /dev/null
+++ b/scripts/design-conformance/recipe-diff.ts
@@ -0,0 +1,48 @@
+import type { extractCentralRecipes } from '#design-conformance/central-recipes'
+import { registry } from '#design-conformance/contracts'
+import { category, type Finding } from '#design-conformance/model'
+
+type Recipes = ReturnType<typeof extractCentralRecipes>
+
+/** Compare registered exports individually; opaque replacement output proves no removal. */
+export function recipeDiff(file: string, before?: Recipes, after?: Recipes): Finding[] {
+  const findings: Finding[] = []
+  const contract = registry.centralRecipes?.[file]
+  if (!contract) return findings
+  const definitions = (recipes?: Recipes) =>
+    new Map(recipes?.definitions.map((a) => [a.context, a]) ?? [])
+  const b = definitions(before)
+  const a = definitions(after)
+  for (const [name, authority] of Object.entries(contract.exports)) {
+    const context = `central-recipe:${name}`
+    const previous = b.get(context)
+    const next = a.get(context)
+    if (after?.unresolvedExports.includes(name)) continue
+    const oldInput = before?.inputs[name]
+    const removedUnresolved = !!oldInput && before?.unresolvedExports.includes(name) && !next
+    if (!removedUnresolved && ((!previous && !next) || previous?.value === next?.value)) continue
+    const current = next ?? previous
+    if (!current && !removedUnresolved) continue
+    const input = after?.inputs[name]
+    findings.push({
+      kind: 'system-change',
+      contract: 'central-definition',
+      rule: 'central-definition',
+      category: category(authority.property) ?? 'styling-infrastructure',
+      property: authority.property,
+      file,
+      line: current?.line ?? 1,
+      column: current?.column ?? 1,
+      context,
+      value: input ?? '(registered export removed)',
+      ...(oldInput ? { before: oldInput } : {}),
+      reason: `Registered central styling recipe ${name} ${!next ? 'removed' : previous || before?.unresolvedExports.includes(name) ? 'changed' : 'added'}${before?.unresolvedExports.includes(name) ? '; previous output was unresolved' : ''}`,
+      provenance: {
+        source: authority.source,
+        input: input ?? oldInput ?? name,
+        permitted: registry.rules['central-definition'].permission,
+      },
+    })
+  }
+  return findings
+}
diff --git a/scripts/design-conformance/rendered-html.ts b/scripts/design-conformance/rendered-html.ts
new file mode 100644
index 00000000000..70a27dcde1d
--- /dev/null
+++ b/scripts/design-conformance/rendered-html.ts
@@ -0,0 +1,372 @@
+import type { NodePath } from '@babel/traverse'
+import * as t from '@babel/types'
+import { type DefaultTreeAdapterMap, parseFragment } from 'parse5'
+import postcss from 'postcss'
+import { type Atom, hash, type Note, type Surface } from '#design-conformance/model'
+
+export function presentationProperty(input: string): string | undefined {
+  const property = input.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`)
+  return ['font-family', 'font-size', 'font-weight', 'color', 'fill', 'stroke'].includes(property)
+    ? property
+    : undefined
+}
+export const presentationValue = (property: string, value: string) =>
+  property === 'font-size' && /^\d+(?:\.\d+)?$/.test(value) ? `${value}px` : value
+const htmlTextCache = new WeakMap<object, boolean>()
+export function visibleHtmlText(node: DefaultTreeAdapterMap['node']): boolean {
+  const hit = htmlTextCache.get(node)
+  if (hit !== undefined) return hit
+  const tag = 'tagName' in node ? node.tagName : ''
+  const result =
+    !['title', 'desc'].includes(tag) &&
+    (['text', 'tspan'].includes(tag) ||
+      ('childNodes' in node && node.childNodes.some(visibleHtmlText)))
+  htmlTextCache.set(node, result)
+  return result
+}
+export function htmlArtwork(el: DefaultTreeAdapterMap['element'], inSvg: boolean): boolean {
+  return (
+    ['img', 'video', 'audio', 'canvas', 'picture', 'source'].includes(el.tagName) ||
+    (inSvg &&
+      ((!['svg', 'g', 'text', 'tspan', 'foreignObject'].includes(el.tagName) && !!el.tagName) ||
+        (el.tagName === 'g' && !visibleHtmlText(el))))
+  )
+}
+
+const dynamic = '__SIM_UNCHECKED_HTML_'
+interface Fragment {
+  value: string
+  offsets: number[]
+}
+const property = (p: NodePath): string =>
+  p.isIdentifier() ? p.node.name : p.isStringLiteral() ? p.node.value : ''
+
+/** Only explicit rendering sinks. No generic search of string contents or metadata. */
+export function htmlSink(p: NodePath): NodePath | undefined {
+  if (p.isJSXAttribute() && t.isJSXIdentifier(p.node.name, { name: 'dangerouslySetInnerHTML' })) {
+    const value = p.get('value')
+    if (!value.isJSXExpressionContainer()) return undefined
+    let expression = value.get('expression') as NodePath
+    const seen = new Set<t.Node>()
+    while (expression.isIdentifier() && seen.size < 12 && !seen.has(expression.node)) {
+      seen.add(expression.node)
+      const binding = expression.scope.getBinding(expression.node.name)
+      if (!binding?.constant || !binding.path.isVariableDeclarator()) break
+      expression = binding.path.get('init') as NodePath
+    }
+    if (expression.isObjectExpression()) {
+      const entry = expression
+        .get('properties')
+        .find(
+          (q) => q.isObjectProperty() && !q.node.computed && property(q.get('key')) === '__html'
+        )
+      if (entry?.isObjectProperty()) return entry.get('value')
+    }
+    return expression
+  }
+  if (
+    p.isObjectProperty() &&
+    !p.node.computed &&
+    ['defaultValue', 'value'].includes(property(p.get('key'))) &&
+    p.parentPath.isObjectExpression()
+  ) {
+    const text = p.parentPath
+      .get('properties')
+      .some(
+        (q) =>
+          q.isObjectProperty() &&
+          !q.node.computed &&
+          property(q.get('key')) === 'type' &&
+          q.get('value').isStringLiteral({ value: 'text' })
+      )
+    if (text) return p.get('value')
+  }
+  return undefined
+}
+
+/** Read syntax reachable through constants, local returns and map/join; never call anything. */
+export function renderedHtml(
+  input: NodePath,
+  source: string,
+  owner: string,
+  conformance = false
+): { surfaces: Surface[]; unchecked: Note[] } {
+  const surfaces: Surface[] = []
+  const unchecked: Note[] = []
+  const fragments: Fragment[] = []
+  let visited = 0
+  let bytes = 0
+  const note = (p: NodePath, reason: string) =>
+    unchecked.push({ line: p.node.loc?.start.line ?? 1, context: 'rendered-html', reason })
+  // Decode JS string escapes while mapping every decoded character back to its source offset.
+  const decode = (raw: string, offset: number): Fragment => {
+    let value = ''
+    const offsets: number[] = []
+    for (let i = 0; i < raw.length; i++) {
+      const start = i
+      let out = raw[i]
+      if (out === '\\') {
+        const c = raw[++i]
+        const escapes: Record<string, string> = {
+          n: '\n',
+          r: '\r',
+          t: '\t',
+          b: '\b',
+          f: '\f',
+          v: '\v',
+          '0': '\0',
+        }
+        if (c === '\n') out = ''
+        else if (c === '\r') {
+          out = ''
+          if (raw[i + 1] === '\n') i++
+        } else if (c === 'x' || c === 'u') {
+          const braced = c === 'u' && raw[i + 1] === '{'
+          const begin = i + (braced ? 2 : 1)
+          const end = braced ? raw.indexOf('}', begin) : begin + (c === 'x' ? 2 : 4)
+          out = String.fromCodePoint(Number.parseInt(raw.slice(begin, end), 16))
+          i = braced ? end : end - 1
+        } else out = escapes[c] ?? c
+      }
+      value += out
+      for (let j = 0; j < out.length; j++) offsets.push(offset + start)
+    }
+    return { value, offsets }
+  }
+  const concat = (a: Fragment, b: Fragment): Fragment => ({
+    value: a.value + b.value,
+    offsets: a.offsets.concat(b.offsets),
+  })
+  const fragment = (p: NodePath): Fragment | undefined => {
+    if (p.isStringLiteral())
+      return decode(
+        source.slice((p.node.start ?? 0) + 1, (p.node.end ?? 1) - 1),
+        (p.node.start ?? 0) + 1
+      )
+    if (p.isTemplateLiteral()) {
+      let out: Fragment = { value: '', offsets: [] }
+      for (const [i, q] of p.node.quasis.entries()) {
+        out = concat(out, decode(q.value.raw, q.start ?? 0))
+        if (i < p.node.expressions.length) {
+          const expression = p.node.expressions[i]
+          const marker = `${dynamic}${hash(source.slice(expression.start ?? 0, expression.end ?? 0))}__`
+          out = concat(out, {
+            value: marker,
+            offsets: Array(marker.length).fill(p.node.expressions[i].start ?? 0),
+          })
+        }
+      }
+      return out
+    }
+    return undefined
+  }
+  const read = (p: NodePath, active = new Set<t.Node>(), depth = 0): void => {
+    if (!p.node) return
+    if (depth > 12 || active.has(p.node) || ++visited > 256 || bytes > 2 * 1024 * 1024) {
+      note(p, 'Rendered HTML resolution limit or cycle')
+      return
+    }
+    const next = new Set(active).add(p.node)
+    const rec = (q: NodePath) => read(q, next, depth + 1)
+    const f = fragment(p)
+    if (f) {
+      if (bytes + f.value.length > 2 * 1024 * 1024) {
+        note(p, 'Rendered HTML resolution limit or cycle')
+        return
+      }
+      bytes += f.value.length
+      fragments.push(f)
+      // Nested templates in text interpolation may themselves contain static HTML.
+      if (p.isTemplateLiteral())
+        for (const [i, e] of p.get('expressions').entries()) {
+          const prefix = p.node.quasis
+            .slice(0, i + 1)
+            .map((q) => q.value.raw)
+            .join('')
+          if (
+            prefix.lastIndexOf('<') <= prefix.lastIndexOf('>') &&
+            (e.isTemplateLiteral() || e.isConditionalExpression())
+          )
+            rec(e)
+        }
+      return
+    }
+    if (p.isTSAsExpression() || p.isTSSatisfiesExpression() || p.isTSNonNullExpression()) {
+      rec(p.get('expression') as NodePath)
+      return
+    }
+    if (p.isIdentifier()) {
+      const b = p.scope.getBinding(p.node.name)
+      if (b?.constant && b.path.isVariableDeclarator()) {
+        rec(b.path.get('init') as NodePath)
+        return
+      }
+      if (b?.constant && b.path.isFunctionDeclaration()) {
+        rec(b.path)
+        return
+      }
+    }
+    if (p.isFunction()) {
+      const body = p.get('body') as NodePath
+      if (!body.isBlockStatement()) {
+        rec(body)
+        return
+      }
+      body.traverse({
+        Function(q) {
+          q.skip()
+        },
+        ReturnStatement(q) {
+          if (q.node.argument) rec(q.get('argument') as NodePath)
+        },
+      })
+      return
+    }
+    if (p.isConditionalExpression()) {
+      rec(p.get('consequent'))
+      rec(p.get('alternate'))
+      return
+    }
+    if (p.isLogicalExpression()) {
+      rec(p.get('right'))
+      if (p.node.operator !== '&&') rec(p.get('left'))
+      return
+    }
+    if (p.isCallExpression()) {
+      const callee = p.get('callee')
+      if (callee.isIdentifier()) {
+        const b = callee.scope.getBinding(callee.node.name)
+        if (b?.constant && b.path.isFunctionDeclaration()) {
+          rec(b.path)
+          return
+        }
+        if (b?.constant && b.path.isVariableDeclarator()) {
+          const init = b.path.get('init')
+          if (init.isFunction()) {
+            rec(init)
+            return
+          }
+        }
+      }
+      if (callee.isMemberExpression() && !callee.node.computed) {
+        const method = property(callee.get('property') as NodePath)
+        const object = callee.get('object')
+        if (
+          method === 'join' &&
+          p.get('arguments').length <= 1 &&
+          (!p.node.arguments[0] || t.isStringLiteral(p.node.arguments[0]))
+        ) {
+          rec(object)
+          return
+        }
+        if (method === 'map') {
+          const callback = p.get('arguments')[0]
+          if (callback?.isFunction()) {
+            rec(callback)
+            return
+          }
+        }
+      }
+    }
+    note(p, 'Computed rendered HTML is unchecked')
+  }
+  read(input)
+  const lineStarts = [0]
+  for (let i = 0; i < source.length; i++) if (source[i] === '\n') lineStarts.push(i + 1)
+  const location = (offset: number) => {
+    let lo = 0
+    let hi = lineStarts.length
+    while (lo + 1 < hi) {
+      const mid = (lo + hi) >>> 1
+      if (lineStarts[mid] <= offset) lo = mid
+      else hi = mid
+    }
+    return { line: lo + 1, column: offset - lineStarts[lo] + 1 }
+  }
+  for (const f of fragments) {
+    const visit = (node: DefaultTreeAdapterMap['node'], inSvg = false) => {
+      const el = node as DefaultTreeAdapterMap['element']
+      const svg = inSvg || el.tagName === 'svg'
+      if (
+        conformance
+          ? htmlArtwork(el, svg)
+          : ['svg', 'img', 'video', 'audio', 'canvas', 'picture', 'source'].includes(el.tagName)
+      )
+        return
+      const loc = el.sourceCodeLocation
+      if (loc && el.tagName) {
+        const s: Surface = {
+          kind: 'element',
+          owner: `${owner}:rendered-html`,
+          target: el.tagName,
+          shared: false,
+          ...location(f.offsets[loc.startOffset] ?? 0),
+          atoms: [],
+          references: [],
+        }
+        const add = (kind: Atom['kind'], property: string, value: string, offset: number) =>
+          s.atoms.push({
+            kind,
+            property,
+            value,
+            context: 'html',
+            ...location(f.offsets[offset] ?? 0),
+          })
+        for (const attr of el.attrs) {
+          const property = conformance ? presentationProperty(attr.name) : undefined
+          if (!['class', 'style'].includes(attr.name) && !property) continue
+          if (property && svg && ['svg', 'g'].includes(el.tagName) && !visibleHtmlText(el)) continue
+          const a = loc.attrs?.[attr.name]
+          if (!a) continue
+          // A complete static attribute is safe even when the element's text is computed.
+          if (f.value.slice(a.startOffset, a.endOffset).includes(dynamic)) {
+            unchecked.push({
+              line: location(f.offsets[a.startOffset]).line,
+              context: 'rendered-html',
+              reason: `Dynamic rendered HTML ${attr.name} attribute is unchecked`,
+            })
+            s.unresolved ??= []
+            s.unresolved.push({
+              channel: attr.name === 'class' ? 'class' : 'style',
+              property: '*',
+              expression: f.value.slice(a.startOffset, a.endOffset),
+              position: attr.name,
+              line: s.line,
+            })
+            continue
+          }
+          if (attr.name === 'class')
+            for (const c of attr.value.split(/\s+/).filter(Boolean))
+              add('class', 'class', c, a.startOffset)
+          if (property)
+            add('style', property, presentationValue(property, attr.value), a.startOffset)
+          if (attr.name === 'style') {
+            try {
+              postcss.parse(`x{${attr.value}}`).walkDecls((d) => {
+                add('style', d.prop, d.value + (d.important ? ' !important' : ''), a.startOffset)
+              })
+            } catch {
+              s.unresolved ??= []
+              s.unresolved.push({
+                channel: 'style',
+                property: '*',
+                expression: attr.value,
+                position: 'invalid-style',
+                line: s.line,
+              })
+              unchecked.push({
+                line: s.line,
+                context: 'rendered-html',
+                reason: 'Invalid rendered HTML style attribute is unchecked',
+              })
+            }
+          }
+        }
+        surfaces.push(s)
+      }
+      for (const c of 'childNodes' in node ? node.childNodes : []) visit(c, svg)
+    }
+    visit(parseFragment(f.value, { sourceCodeLocationInfo: true }))
+  }
+  return { surfaces, unchecked }
+}
diff --git a/scripts/design-conformance/reporting.ts b/scripts/design-conformance/reporting.ts
new file mode 100644
index 00000000000..aec03b4fd48
--- /dev/null
+++ b/scripts/design-conformance/reporting.ts
@@ -0,0 +1,138 @@
+import type { Finding, Report } from '#design-conformance/model'
+
+/** Keep source-authored newlines from becoming terminal workflow commands. */
+const line = (value: string) => value.replaceAll('\r', '\\r').replaceAll('\n', '\\n')
+
+export function findingCounts(report: Report) {
+  return {
+    usage: report.findings.filter((finding) => finding.kind === 'usage-violation').length,
+    system: report.findings.filter((finding) => finding.kind === 'system-change').length,
+    legacy: report.findings.filter((finding) => !finding.kind).length,
+  }
+}
+
+function description(finding: Finding): string {
+  const parts = [finding.reason, `input: ${finding.provenance?.input ?? finding.value}`]
+  if (finding.kind === 'system-change')
+    parts.push(
+      `${finding.property}: ${JSON.stringify(finding.before ?? null)} → ${JSON.stringify(finding.value)}`
+    )
+  if (finding.contract) parts.push(`contract: ${finding.contract}`)
+  if (finding.provenance) {
+    parts.push(`source: ${finding.provenance.source}`, `permitted: ${finding.provenance.permitted}`)
+    if (finding.provenance.composition) parts.push(`through: ${finding.provenance.composition}`)
+  }
+  return parts.join('; ')
+}
+
+function uncheckedDescription(note: Report['unchecked'][number]): string {
+  return line(
+    `${note.file}:${note.line} (${note.side}${note.context ? `; ${note.context}` : ''}) — ${note.reason}`
+  )
+}
+
+export function textReport(report: Report): string {
+  if (report.status === 'failed')
+    return [
+      `Design check failed: ${line(report.error ?? 'Operational failure')}`,
+      ...(report.coverageFailures ?? []).map((note) => `  ${uncheckedDescription(note)}`),
+      '',
+    ].join('\n')
+  const counts = findingCounts(report)
+  const lines = [
+    `Design check: ${report.flagged ? 'findings reported' : 'no new findings'}${report.unchecked.length ? '; coverage incomplete' : ''} (${report.policyVersion}).`,
+    `Product findings: ${counts.usage}; system changes: ${counts.system}; unchecked diagnostics: ${report.unchecked.length}.`,
+    `Reviewed decisions: ${report.reviewDecisions?.matches.length ?? 0}; stale decisions: ${report.reviewDecisions?.stale.length ?? 0}; ambiguous decisions: ${report.reviewDecisions?.ambiguous.length ?? 0}.`,
+  ]
+  for (const [kind, title] of [
+    ['usage-violation', 'Product findings'],
+    ['system-change', 'Central-system changes — review required'],
+    [undefined, 'Legacy policy findings'],
+  ] as const) {
+    const findings = report.findings.filter((finding) => finding.kind === kind)
+    if (!findings.length) continue
+    lines.push('', title)
+    for (const finding of findings) {
+      lines.push(
+        `  ${line(finding.file)}:${finding.line}:${finding.column} — ${line(description(finding))}`
+      )
+    }
+  }
+  if (report.unchecked.length) {
+    lines.push('', 'Unchecked inputs — coverage incomplete')
+    for (const note of report.unchecked) lines.push(`  ${uncheckedDescription(note)}`)
+    lines.push(
+      'Unchecked inputs remain outside the result; no findings does not prove complete coverage.'
+    )
+  }
+  if (report.reviewDecisions?.stale.length || report.reviewDecisions?.ambiguous.length) {
+    lines.push('', 'Review decisions requiring renewal')
+    for (const fingerprint of report.reviewDecisions.stale) lines.push(`  stale: ${fingerprint}`)
+    for (const fingerprint of report.reviewDecisions.ambiguous)
+      lines.push(`  ambiguous: ${fingerprint}`)
+  }
+  return `${lines.join('\n')}\n`
+}
+
+/** GitHub workflow-command escaping differs for message data and property values. */
+export function escapeAnnotation(value: string, property = false): string {
+  const escaped = value.replaceAll('%', '%25').replaceAll('\r', '%0D').replaceAll('\n', '%0A')
+  return property ? escaped.replaceAll(':', '%3A').replaceAll(',', '%2C') : escaped
+}
+
+export function githubAnnotations(report: Report): string[] {
+  if (report.status === 'failed')
+    return [
+      `::error title=Design check failed::${escapeAnnotation(report.error ?? 'Operational failure')}`,
+    ]
+  return report.findings.map(
+    (finding) =>
+      `::warning file=${escapeAnnotation(finding.file, true)},line=${Math.max(1, finding.line)},col=${Math.max(1, finding.column)},title=${finding.kind === 'system-change' ? 'Design system review' : 'Design conformance'}::${escapeAnnotation(description(finding))}`
+  )
+}
+
+export function githubSummary(report: Report): string {
+  const counts = findingCounts(report)
+  const lines = [
+    '### Design conformance',
+    '',
+    report.status === 'failed'
+      ? '**Operational failure. See the check log.**'
+      : '**Warning-only rollout:** findings do not block CI.',
+    '',
+    '| Result | Count |',
+    '| --- | ---: |',
+    `| Product findings | ${counts.usage} |`,
+    `| Central-system changes | ${counts.system} |`,
+    `| Legacy findings | ${counts.legacy} |`,
+    `| Unchecked diagnostics | ${report.unchecked.length} |`,
+    `| Checked files | ${report.coverage.checkedFiles} |`,
+    `| Excluded files | ${report.coverage.excludedFiles} |`,
+    '',
+    'Full findings and authoritative sources are in the check log. Unchecked inputs do not establish conformance.',
+    '',
+  ]
+  if (report.unchecked.length) {
+    /** Bound summary size; the check log retains every complete diagnostic. */
+    const notes = report.unchecked.slice(0, 100)
+    lines.push(
+      '<details>',
+      `<summary>Unchecked inputs (${report.unchecked.length}) — coverage incomplete</summary>`,
+      '',
+      `Showing ${notes.length} of ${report.unchecked.length} diagnostics. Long entries are truncated here. Full details are in the check log; these are not design violations.`,
+      '',
+      '<pre>',
+      ...notes.map((note) => {
+        const text = uncheckedDescription(note)
+        const excerpt =
+          text.length > 1000 ? `${text.slice(0, 1000)}… [truncated; see check log]` : text
+        /** Source text must not close the HTML block or introduce Markdown formatting. */
+        return excerpt.replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;')
+      }),
+      '</pre>',
+      '</details>',
+      ''
+    )
+  }
+  return lines.join('\n')
+}
diff --git a/scripts/design-conformance/source-summary.ts b/scripts/design-conformance/source-summary.ts
new file mode 100644
index 00000000000..5df8e4789dc
--- /dev/null
+++ b/scripts/design-conformance/source-summary.ts
@@ -0,0 +1,806 @@
+import { posix } from 'node:path'
+import traverse, { type NodePath } from '@babel/traverse'
+import * as t from '@babel/types'
+import { componentContract, registry } from '#design-conformance/contracts'
+import type { GeneratedContracts } from '#design-conformance/generated-contracts'
+import { canonical, type Facts, type Note, type Surface } from '#design-conformance/model'
+
+type Value = string | number | { ref: string } | { parts: Value[]; binary?: boolean }
+export interface Route {
+  target: string
+  slot: string
+}
+export interface ClassUse {
+  ref: string
+  path: string[]
+  mode: 'classes' | 'variants'
+}
+export interface SourceSummary {
+  classUses?: ClassUse[]
+  classObjects?: string[]
+  unchecked?: string[]
+  exports: Record<string, string>
+  stars: string[]
+  values: Record<string, Value>
+  wrappers?: Record<string, string>
+  directDelegates?: Record<string, string[]>
+  delegates: Record<string, string[]>
+  slots: Record<string, Record<string, Route[][]>>
+}
+export const modulePath = (file: string) => file.replace(/\.[cm]?[jt]sx?$/, '')
+export function importPath(file: string, source: string): string {
+  return modulePath(
+    source.startsWith('.')
+      ? posix.normalize(posix.join(posix.dirname(file), source))
+      : source.startsWith('@/') && file.startsWith('apps/sim/')
+        ? `apps/sim/${source.slice(2)}`
+        : source
+  )
+}
+const key = (node: t.Node) =>
+  t.isIdentifier(node) || t.isJSXIdentifier(node)
+    ? node.name
+    : t.isStringLiteral(node)
+      ? node.value
+      : ''
+const unwrapped = (node: t.Node): t.Node =>
+  t.isTSAsExpression(node) || t.isTSSatisfiesExpression(node) || t.isTSNonNullExpression(node)
+    ? unwrapped(node.expression)
+    : node
+
+/** Detached declarations only. No ASTs, executable values or application-wide graph. */
+export function summarize(ast: t.File, file: string): SourceSummary {
+  const result: SourceSummary = {
+    exports: Object.create(null),
+    stars: [],
+    values: Object.create(null),
+    delegates: Object.create(null),
+    slots: Object.create(null),
+  }
+  const imports = new Map<string, string>()
+  const note = (reason: string) => {
+    result.unchecked ??= []
+    if (!result.unchecked.includes(reason)) result.unchecked.push(reason)
+  }
+  const local = (name: string) => `${modulePath(file)}#${name}`
+  for (const node of ast.program.body)
+    if (t.isImportDeclaration(node)) {
+      for (const spec of node.specifiers)
+        imports.set(
+          spec.local.name,
+          `${importPath(file, node.source.value)}#${t.isImportSpecifier(spec) ? key(spec.imported) : t.isImportDefaultSpecifier(spec) ? 'default' : '*'}`
+        )
+    }
+  const ref = (name: string) => {
+    const [first, ...rest] = name.split('.')
+    const source = imports.get(first) ?? local(first)
+    return rest.length
+      ? source.endsWith('#*')
+        ? source.slice(0, -1) + rest.join('.')
+        : `${source}.${rest.join('.')}`
+      : source
+  }
+  const tag = (node: t.JSXElement['openingElement']['name']): string =>
+    t.isJSXIdentifier(node)
+      ? /^[a-z]/.test(node.name)
+        ? node.name
+        : ref(node.name)
+      : t.isJSXMemberExpression(node)
+        ? ref(`${jsxName(node.object)}.${key(node.property)}`)
+        : ''
+  function jsxName(node: t.JSXIdentifier | t.JSXMemberExpression): string {
+    return t.isJSXIdentifier(node) ? node.name : `${jsxName(node.object)}.${key(node.property)}`
+  }
+  const value = (raw: t.Node, depth = 0): Value | undefined => {
+    if (depth > 12) {
+      note('Value summary resolution limit')
+      return undefined
+    }
+    const node = unwrapped(raw)
+    if (t.isStringLiteral(node) || t.isNumericLiteral(node)) return node.value
+    if (t.isIdentifier(node)) return { ref: ref(node.name) }
+    if (t.isUnaryExpression(node, { operator: '-' }) && t.isNumericLiteral(node.argument))
+      return -node.argument.value
+    if (t.isTemplateLiteral(node)) {
+      const parts: Value[] = []
+      for (let i = 0; i < node.quasis.length; i++) {
+        parts.push(node.quasis[i].value.cooked ?? node.quasis[i].value.raw)
+        if (i < node.expressions.length) {
+          const v = value(node.expressions[i], depth + 1)
+          if (v === undefined) return undefined
+          parts.push(v)
+        }
+      }
+      return { parts }
+    }
+    if (
+      t.isBinaryExpression(node, { operator: '+' }) &&
+      !(t.isNumericLiteral(node.left) && t.isNumericLiteral(node.right))
+    ) {
+      const a = value(node.left, depth + 1)
+      const b = value(node.right, depth + 1)
+      if (a !== undefined && b !== undefined) return { parts: [a, b], binary: true }
+    }
+    return undefined
+  }
+  for (const st of ast.program.body) {
+    const decl = t.isExportNamedDeclaration(st) ? st.declaration : st
+    if (t.isVariableDeclaration(decl) && decl.kind === 'const')
+      for (const d of decl.declarations)
+        if (t.isIdentifier(d.id) && d.init) {
+          const v = value(d.init)
+          if (v !== undefined) result.values[d.id.name] = v
+          if (t.isObjectExpression(unwrapped(d.init))) (result.classObjects ??= []).push(d.id.name)
+        }
+    if (t.isExportNamedDeclaration(st)) {
+      if (t.isVariableDeclaration(decl))
+        for (const d of decl.declarations)
+          if (t.isIdentifier(d.id)) result.exports[d.id.name] = local(d.id.name)
+      if (t.isFunctionDeclaration(decl) && decl.id)
+        result.exports[decl.id.name] = local(decl.id.name)
+      for (const spec of st.specifiers)
+        if (t.isExportSpecifier(spec))
+          result.exports[key(spec.exported)] = st.source
+            ? `${importPath(file, st.source.value)}#${key(spec.local)}`
+            : ref(key(spec.local))
+    }
+    if (t.isExportDefaultDeclaration(st)) {
+      const d = st.declaration
+      if (t.isIdentifier(d)) result.exports.default = ref(d.name)
+      if (t.isFunctionDeclaration(d)) result.exports.default = local(d.id?.name ?? 'default')
+    }
+    if (t.isExportAllDeclaration(st)) result.stars.push(importPath(file, st.source.value))
+  }
+  const classHelpers = new Set(['cn', 'clsx', 'classNames', 'twMerge'])
+  const helper = (p: NodePath): string => {
+    if (!p.isIdentifier()) return ''
+    const binding = p.scope.getBinding(p.node.name)
+    if (binding?.path.isImportSpecifier()) return key(binding.path.node.imported)
+    if (binding?.path.isImportDefaultSpecifier() && binding.path.parentPath.isImportDeclaration()) {
+      const source = binding.path.parentPath.node.source.value
+      if (source === 'clsx') return 'clsx'
+      if (source === 'classnames') return 'classNames'
+    }
+    return p.node.name
+  }
+  const classRef = (
+    p: NodePath,
+    active = new Set<t.Node>()
+  ): { ref: string; path: string[] } | undefined => {
+    if (!p.node || active.has(p.node) || active.size >= 12) {
+      note(
+        'Class-input source summary resolution limit or cycle; object classification is unchecked'
+      )
+      return undefined
+    }
+    const next = new Set(active).add(p.node)
+    if (p.isTSAsExpression() || p.isTSSatisfiesExpression() || p.isTSNonNullExpression())
+      return classRef(p.get('expression') as NodePath, next)
+    if (p.isMemberExpression()) {
+      const member = p.node.computed
+        ? t.isStringLiteral(p.node.property)
+          ? p.node.property.value
+          : ''
+        : key(p.node.property)
+      const object = classRef(p.get('object'), next)
+      if (!object || !member) return undefined
+      return object.ref.endsWith('#*')
+        ? { ref: object.ref.slice(0, -1) + member, path: object.path }
+        : { ref: object.ref, path: [...object.path, member] }
+    }
+    if (!p.isIdentifier()) return undefined
+    const binding = p.scope.getBinding(p.node.name)
+    if (
+      binding?.path.isImportSpecifier() ||
+      binding?.path.isImportDefaultSpecifier() ||
+      binding?.path.isImportNamespaceSpecifier()
+    ) {
+      const decl = binding.path.parentPath
+      if (!decl.isImportDeclaration()) return undefined
+      return {
+        ref: `${importPath(file, decl.node.source.value)}#${binding.path.isImportSpecifier() ? key(binding.path.node.imported) : binding.path.isImportDefaultSpecifier() ? 'default' : '*'}`,
+        path: [],
+      }
+    }
+    if (!binding?.constant || !binding.path.isVariableDeclarator()) return undefined
+    const init = binding.path.get('init') as NodePath
+    if (t.isObjectExpression(unwrapped(init.node)))
+      return binding.scope.path.isProgram() ? { ref: local(p.node.name), path: [] } : undefined
+    return classRef(init, next)
+  }
+  const classInput = (p: NodePath, mode: ClassUse['mode'] = 'classes', depth = 0): void => {
+    if (!p.node || depth >= 12) {
+      note('Class-input source summary resolution limit; object classification is unchecked')
+      return
+    }
+    const reference = classRef(p)
+    if (reference) {
+      const use = { ...reference, mode }
+      const uses = (result.classUses ??= [])
+      if (!uses.some((entry) => canonical(entry) === canonical(use))) uses.push(use)
+      return
+    }
+    const rec = (path: NodePath) => classInput(path, mode, depth + 1)
+    if (p.isTSAsExpression() || p.isTSSatisfiesExpression() || p.isTSNonNullExpression())
+      rec(p.get('expression') as NodePath)
+    else if (p.isArrayExpression())
+      for (const element of p.get('elements')) rec(element as NodePath)
+    else if (p.isConditionalExpression()) {
+      rec(p.get('consequent'))
+      rec(p.get('alternate'))
+    } else if (p.isLogicalExpression()) {
+      rec(p.get('right'))
+      if (p.node.operator !== '&&') rec(p.get('left'))
+    } else if (p.isCallExpression() && classHelpers.has(helper(p.get('callee'))))
+      for (const arg of p.get('arguments')) rec(arg as NodePath)
+  }
+  traverse(ast, {
+    JSXAttribute(p) {
+      if (key(p.node.name) !== 'className') return
+      const value = p.get('value')
+      if (value.isJSXExpressionContainer()) classInput(value.get('expression'))
+    },
+    CallExpression(p) {
+      if (helper(p.get('callee')) !== 'cva') return
+      const args = p.get('arguments')
+      if (args[0]) classInput(args[0] as NodePath)
+      if (args[1]?.isObjectExpression())
+        for (const prop of args[1].get('properties'))
+          if (prop.isObjectProperty() && key(prop.node.key) === 'variants')
+            classInput(prop.get('value'), 'variants')
+    },
+  })
+  const seen = new Set<string>()
+  const fn = (name: string, node: t.Function) => {
+    const params = new Map<string, string>()
+    const objects = new Set<string>()
+    for (const param of node.params) {
+      if (t.isIdentifier(param)) objects.add(param.name)
+      if (t.isObjectPattern(param))
+        for (const p of param.properties)
+          if (t.isObjectProperty(p)) {
+            const v = t.isAssignmentPattern(p.value) ? p.value.left : p.value
+            if (t.isIdentifier(v)) params.set(v.name, key(p.key))
+          }
+    }
+    const shadowed = new Set([...objects, ...params.keys()])
+    if (t.isBlockStatement(node.body))
+      for (const st of node.body.body)
+        if (t.isVariableDeclaration(st))
+          for (const d of st.declarations)
+            if (t.isIdentifier(d.id) && imports.has(d.id.name)) shadowed.add(d.id.name)
+    const scopedTag = (node: t.JSXElement['openingElement']['name']) => {
+      const first = t.isJSXNamespacedName(node) ? '' : jsxName(node).split('.')[0]
+      return shadowed.has(first) ? `unresolved:${local(name)}.${first}` : tag(node)
+    }
+    const slot = (n: t.Node) =>
+      t.isIdentifier(n)
+        ? params.get(n.name)
+        : t.isMemberExpression(n) &&
+            !n.computed &&
+            t.isIdentifier(n.object) &&
+            objects.has(n.object.name)
+          ? key(n.property)
+          : undefined
+    if (t.isBlockStatement(node.body))
+      for (const st of node.body.body)
+        if (t.isVariableDeclaration(st, { kind: 'const' }))
+          for (const d of st.declarations)
+            if (t.isIdentifier(d.id) && d.init) {
+              const prop = slot(d.init)
+              if (prop) params.set(d.id.name, prop)
+            }
+    const returnSyntax = (n: t.Node, depth = 0): t.Node[] => {
+      if (depth > 12) {
+        note('Component return summary resolution limit')
+        return []
+      }
+      if (t.isReturnStatement(n)) return n.argument ? [n.argument] : []
+      if (t.isBlockStatement(n)) return n.body.flatMap((s) => returnSyntax(s, depth + 1))
+      if (t.isIfStatement(n))
+        return [
+          ...returnSyntax(n.consequent, depth + 1),
+          ...(n.alternate ? returnSyntax(n.alternate, depth + 1) : []),
+        ]
+      return []
+    }
+    const returns: t.Node[] = t.isBlockStatement(node.body) ? returnSyntax(node.body) : [node.body]
+    if (
+      !returns.some((r) => {
+        let renders = Boolean(slot(unwrapped(r)))
+        t.traverseFast(r, (n) => {
+          if (t.isJSXElement(n) || t.isJSXFragment(n)) renders = true
+        })
+        return renders
+      })
+    )
+      return
+    if (seen.has(name)) {
+      delete result.slots[name]
+      delete result.delegates[name]
+      if (result.directDelegates) delete result.directDelegates[name]
+      note(`Ambiguous component declaration ${name}; extraction mapping is unchecked`)
+      return
+    }
+    seen.add(name)
+    const delegation = (raw: t.Node, depth = 0): void => {
+      if (depth > 12) {
+        note('Component delegation summary resolution limit')
+        return
+      }
+      const returned = unwrapped(raw)
+      if (t.isJSXElement(returned)) {
+        const target = scopedTag(returned.openingElement.name)
+        if (
+          target.includes('#') &&
+          !target.startsWith('unresolved:') &&
+          !returned.openingElement.attributes.some(
+            (a) => t.isJSXAttribute(a) && ['className', 'style'].includes(key(a.name))
+          )
+        ) {
+          result.delegates[name] ??= []
+          result.delegates[name].push(target)
+          if (depth === 0) {
+            const direct = (result.directDelegates ??= Object.create(null))
+            direct[name] ??= []
+            direct[name].push(target)
+          }
+        }
+        for (const child of returned.children) delegation(child, depth + 1)
+      } else if (t.isJSXFragment(returned))
+        for (const child of returned.children) delegation(child, depth + 1)
+      else if (t.isJSXExpressionContainer(returned)) delegation(returned.expression, depth + 1)
+      else if (t.isConditionalExpression(returned)) {
+        delegation(returned.consequent, depth + 1)
+        delegation(returned.alternate, depth + 1)
+      } else if (t.isLogicalExpression(returned)) {
+        delegation(returned.right, depth + 1)
+        if (returned.operator !== '&&') delegation(returned.left, depth + 1)
+      }
+    }
+    for (const returned of returns) delegation(returned)
+    const routes: Record<string, Route[][]> = Object.create(null)
+    const walk = (raw: t.Node, ancestors: Route[], depth = 0): void => {
+      if (depth > 12) {
+        note('Component slot summary resolution limit')
+        return
+      }
+      const n = unwrapped(raw)
+      const prop = slot(n)
+      if (prop) {
+        routes[prop] ??= []
+        routes[prop].push(ancestors)
+        return
+      }
+      if (t.isJSXElement(n)) {
+        const target = scopedTag(n.openingElement.name)
+        for (const attr of n.openingElement.attributes)
+          if (t.isJSXAttribute(attr) && t.isJSXExpressionContainer(attr.value))
+            walk(attr.value.expression, [{ target, slot: key(attr.name) }, ...ancestors], depth + 1)
+        for (const child of n.children)
+          walk(child, [{ target, slot: 'children' }, ...ancestors], depth + 1)
+      } else if (t.isJSXFragment(n)) for (const c of n.children) walk(c, ancestors, depth + 1)
+      else if (t.isJSXExpressionContainer(n)) walk(n.expression, ancestors, depth + 1)
+      else if (t.isConditionalExpression(n)) {
+        walk(n.consequent, ancestors, depth + 1)
+        walk(n.alternate, ancestors, depth + 1)
+      } else if (t.isLogicalExpression(n)) {
+        walk(n.right, ancestors, depth + 1)
+        if (n.operator !== '&&') walk(n.left, ancestors, depth + 1)
+      }
+    }
+    for (const r of returns) walk(r, [])
+    result.slots[name] = routes
+  }
+  t.traverseFast(ast, (node) => {
+    if (t.isFunctionDeclaration(node)) fn(node.id?.name ?? 'default', node)
+    if (
+      t.isVariableDeclarator(node) &&
+      t.isIdentifier(node.id) &&
+      (t.isArrowFunctionExpression(node.init) || t.isFunctionExpression(node.init))
+    )
+      fn(node.id.name, node.init)
+    if (t.isVariableDeclarator(node) && t.isIdentifier(node.id) && t.isCallExpression(node.init)) {
+      const callee = node.init.callee
+      const target = t.isIdentifier(callee)
+        ? ref(callee.name)
+        : t.isMemberExpression(callee) && !callee.computed && t.isIdentifier(callee.object)
+          ? ref(`${callee.object.name}.${key(callee.property)}`)
+          : ''
+      const inner = node.init.arguments[0]
+      if (
+        ['react#memo', 'react#forwardRef'].includes(target) &&
+        (t.isFunctionExpression(inner) || t.isArrowFunctionExpression(inner))
+      ) {
+        fn(node.id.name, inner)
+        result.wrappers ??= Object.create(null)
+        result.wrappers![node.id.name] = target
+      }
+    }
+  })
+  return result
+}
+
+/** Resolve only detached supplied source summaries; no consumer discovery or module execution. */
+export function classUseIndex(
+  items: { file: string; summary: SourceSummary }[]
+): (ref: string) => ClassUse[] {
+  const modules = new Map(items.map(({ file, summary }) => [modulePath(file), summary]))
+  const resolve = (ref: string, active = new Set<string>()): string | undefined => {
+    if (active.has(ref) || active.size >= 12) return undefined
+    const next = new Set(active).add(ref)
+    const at = ref.lastIndexOf('#')
+    const raw = ref.slice(0, at)
+    const module = raw === '@sim/emcn' ? 'packages/emcn/src/index' : raw
+    const path = modules.has(module) ? module : `${module}/index`
+    const summary = modules.get(path)
+    if (!summary) return undefined
+    const name = ref.slice(at + 1)
+    const target = summary.exports[name]
+    if (target && target !== `${path}#${name}`) return resolve(target, next)
+    if (summary.classObjects?.includes(name)) return `${path}#${name}`
+    const alias = summary.values[name]
+    if (alias && typeof alias === 'object' && 'ref' in alias) return resolve(alias.ref, next)
+    const candidates = [
+      ...new Set(
+        summary.stars.flatMap((star) => {
+          const found = resolve(`${star}#${name}`, next)
+          return found ? [found] : []
+        })
+      ),
+    ]
+    return candidates.length === 1 ? candidates[0] : undefined
+  }
+  const uses = new Map<string, ClassUse[]>()
+  for (const { summary } of items)
+    for (const use of summary.classUses ?? []) {
+      const ref = resolve(use.ref)
+      if (!ref) continue
+      const bucket = uses.get(ref) ?? []
+      const entry = { ...use, ref }
+      if (!bucket.some((old) => canonical(old) === canonical(entry))) bucket.push(entry)
+      uses.set(ref, bucket)
+    }
+  return (ref) => uses.get(resolve(ref) ?? ref) ?? []
+}
+
+const summarySizes = new WeakMap<SourceSummary, number>()
+const metadataSizes = new WeakMap<Facts, number>()
+export class SourceIndex {
+  readonly notes: (Note & { file?: string })[] = []
+  private readonly centralTargets = new Map<string, string>()
+  private readonly modules = new Map<string, { file: string; facts: Facts }>()
+  private readonly callers = new Map<string, { file: string; surface: Surface }[]>()
+  private readonly ancestry = new Map<string, string[][]>()
+  constructor(
+    items: { file: string; facts: Facts }[],
+    readonly limit = registry.limits.summaryBytes ?? 32 * 1024 * 1024,
+    readonly budget = { bytes: 0 },
+    readonly metadata?: GeneratedContracts
+  ) {
+    for (const item of new Map(items.map((item) => [modulePath(item.file), item])).values()) {
+      if (!item.facts.syntax) continue
+      for (const reason of item.facts.syntax.unchecked ?? [])
+        this.notes.push({ file: item.file, line: 1, context: 'source-summary', reason })
+      let bytes = summarySizes.get(item.facts.syntax)
+      if (bytes === undefined) {
+        bytes = Buffer.byteLength(canonical(item.facts.syntax))
+        summarySizes.set(item.facts.syntax, bytes)
+      }
+      let extra = metadataSizes.get(item.facts)
+      if (extra === undefined) {
+        extra = Buffer.byteLength(
+          canonical(
+            (item.facts.surfaces ?? []).map((s) => [
+              s.owner,
+              s.componentRef,
+              s.routes,
+              s.requiredProps,
+              s.providedProps,
+              s.unknownProps,
+            ])
+          )
+        )
+        metadataSizes.set(item.facts, extra)
+      }
+      bytes += extra
+      if (this.budget.bytes + bytes > limit) {
+        this.notes.push({
+          line: 1,
+          context: item.file,
+          reason: 'Per-PR source summary limit; cross-module resolution is unchecked',
+        })
+        continue
+      }
+      this.budget.bytes += bytes
+      const facts: Facts = {
+        syntax: item.facts.syntax,
+        atoms: [],
+        unchecked: [],
+        surfaces: (item.facts.surfaces ?? []).map((s) => ({
+          kind: s.kind,
+          owner: s.owner,
+          target: s.target,
+          shared: s.shared,
+          line: s.line,
+          column: s.column,
+          atoms: [],
+          references: [],
+          componentRef: s.componentRef,
+          routes: s.routes,
+          providedProps: s.providedProps,
+          requiredProps: s.requiredProps,
+          unknownProps: s.unknownProps,
+        })),
+      }
+      this.modules.set(modulePath(item.file), { file: item.file, facts })
+    }
+    for (const name of Object.keys(this.metadata?.exports ?? {})) {
+      const ref = `@sim/emcn#${name}`
+      const resolved = this.resolve(ref)
+      if (resolved) this.centralTargets.set(`${modulePath(resolved.file)}#${resolved.name}`, ref)
+    }
+    for (const { file, facts } of this.modules.values())
+      for (const surface of facts.surfaces ?? []) {
+        if (!surface.componentRef) continue
+        const target = this.resolve(surface.componentRef)
+        if (!target) continue
+        const id = `${modulePath(target.file)}#${target.name}`
+        const bucket = this.callers.get(id) ?? []
+        bucket.push({ file, surface })
+        this.callers.set(id, bucket)
+      }
+  }
+  contract(target: string) {
+    return componentContract(target, this.metadata)
+  }
+  release(): void {
+    this.modules.clear()
+    this.callers.clear()
+    this.ancestry.clear()
+    this.centralTargets.clear()
+  }
+  canonicalTarget(ref: string): string {
+    if (!ref.includes('#')) return ref
+    if (this.contract(ref)) return ref
+    const resolved = this.resolve(ref)
+    return resolved
+      ? (this.centralTargets.get(`${modulePath(resolved.file)}#${resolved.name}`) ?? ref)
+      : ref
+  }
+  forwarded(target: string, slot: string, seen = new Set<string>()): Route[] {
+    target = this.canonicalTarget(target)
+    const id = `${target}:${slot}`
+    if (seen.has(id) || seen.size >= 12) return []
+    if (this.contract(target)) return [{ target, slot }]
+    if (/^[a-z][a-z-]*$/.test(target) && slot === 'style') return [{ target, slot }]
+    const next = new Set(seen).add(id)
+    const resolved = this.resolve(target)
+    const paths = resolved?.facts.syntax?.slots[resolved.name]?.[slot] ?? []
+    return [
+      ...new Map(
+        paths
+          .flatMap((p) => (p[0] ? [p[0]] : []))
+          .flatMap((r) => this.forwarded(r.target, r.slot, next))
+          .map((r) => [canonical(r), r])
+      ).values(),
+    ]
+  }
+  private split(ref: string) {
+    const at = ref.lastIndexOf('#')
+    let path = ref.slice(0, at)
+    const name = ref.slice(at + 1)
+    if (path === '@sim/workflow-renderer') path = 'packages/workflow-renderer/src/index'
+    if (path === '@sim/emcn') path = 'packages/emcn/src/index'
+    const item = this.modules.get(path) ?? this.modules.get(`${path}/index`)
+    return { item, name }
+  }
+  resolve(
+    ref: string,
+    seen = new Set<string>()
+  ): { file: string; name: string; facts: Facts } | undefined {
+    if (seen.has(ref) || seen.size >= 12) return undefined
+    const next = new Set(seen).add(ref)
+    const central = ref.startsWith('@sim/emcn#') ? this.metadata?.exports[ref.slice(10)] : undefined
+    const implementation = central && this.modules.get(modulePath(central.source.file))
+    if (central && implementation?.facts.syntax?.slots[central.source.name])
+      return { file: implementation.file, name: central.source.name, facts: implementation.facts }
+    const { item, name } = this.split(ref)
+    if (!item?.facts.syntax) return undefined
+    const target = item.facts.syntax.exports[name]
+    if (target && target !== ref && target !== `${modulePath(item.file)}#${name}`)
+      return this.resolve(target, next)
+    const alias = item.facts.syntax.values[name]
+    if (alias && typeof alias === 'object' && 'ref' in alias) return this.resolve(alias.ref, next)
+    if (
+      Object.hasOwn(item.facts.syntax.values, name) ||
+      Object.hasOwn(item.facts.syntax.slots, name)
+    )
+      return { file: item.file, name, facts: item.facts }
+    const candidates = item.facts.syntax.stars.flatMap((s) => {
+      const r = this.resolve(`${s}#${name}`, next)
+      return r ? [r] : []
+    })
+    return candidates.length === 1 ? candidates[0] : undefined
+  }
+  value(ref: string): string | undefined {
+    const value = this.evaluated(ref)
+    return value === undefined ? undefined : String(value)
+  }
+  private evaluated(ref: string, seen = new Set<string>()): string | number | undefined {
+    if (seen.has(ref) || seen.size >= 12) return undefined
+    const resolved = this.resolve(ref)
+    const next = new Set(seen).add(ref)
+    const expression = resolved?.facts.syntax?.values[resolved.name]
+    const visit = (v: Value): string | number | undefined => {
+      if (typeof v === 'string' || typeof v === 'number') return v
+      if ('ref' in v) return this.evaluated(v.ref, next)
+      const parts = v.parts.map(visit)
+      if (v.binary && parts.every((p) => typeof p === 'number')) return undefined
+      return parts.every((p) => p !== undefined) ? parts.join('') : undefined
+    }
+    return expression === undefined ? undefined : visit(expression)
+  }
+  private limited(paths: string[][], context: string): string[][] {
+    if (paths.length <= 64) return paths
+    if (
+      !this.notes.some(
+        (n) => n.context === context && n.reason.startsWith('Composition branch limit')
+      )
+    )
+      this.notes.push({
+        line: 1,
+        context,
+        reason: 'Composition branch limit; remaining render contexts are unchecked',
+      })
+    return paths.slice(0, 64)
+  }
+  private routePaths(route: Route, seen = new Set<string>()): string[][] {
+    route = { ...route, target: this.canonicalTarget(route.target) }
+    const id = `${route.target}:${route.slot}`
+    if (seen.has(id) || seen.size >= 12) {
+      if (!this.notes.some((n) => n.context === id))
+        this.notes.push({
+          line: 1,
+          context: id,
+          reason: 'Composition resolution limit or cycle; context is unchecked',
+        })
+      return [[route.target]]
+    }
+    const next = new Set(seen).add(id)
+    const central = !!this.contract(route.target)
+    if (central && route.slot !== 'children') return [[route.target]]
+    const resolved = this.resolve(route.target)
+    const paths = resolved?.facts.syntax?.slots[resolved.name]?.[route.slot]
+    if (
+      !paths?.length ||
+      (central && paths.every((path) => path.every((item) => !item.target.includes('#'))))
+    )
+      return [[route.target]]
+    return this.limited(
+      paths.flatMap((p) =>
+        this.expandRoutes(p, next).map((path) => (central ? [route.target, ...path] : path))
+      ),
+      id
+    )
+  }
+  private expandRoutes(routes: Route[], seen = new Set<string>()): string[][] {
+    let result: string[][] = [[]]
+    for (const route of routes) {
+      const paths = this.routePaths(route, seen)
+      result = this.limited(
+        result.flatMap((before) => paths.map((after) => [...before, ...after])),
+        route.target
+      )
+    }
+    return result
+  }
+  contexts(surface: Surface, file: string, seen = new Set<string>()): string[][] {
+    const direct = this.expandRoutes(surface.routes ?? [])
+    const ref = `${modulePath(file)}#${surface.owner}`
+    if (seen.has(ref) || seen.size >= 12) return direct
+    const contextKey = `${ref}:${(surface.requiredProps ?? []).join(',')}`
+    let inherited = this.ancestry.get(contextKey)
+    if (!inherited) {
+      const next = new Set(seen).add(ref)
+      inherited = (this.callers.get(ref) ?? [])
+        .filter(
+          (call) =>
+            call.surface.unknownProps ||
+            (surface.requiredProps ?? []).every((prop) =>
+              call.surface.providedProps?.includes(prop)
+            )
+        )
+        .flatMap((call) => this.contexts(call.surface, call.file, next))
+      if (!inherited.length) inherited = [[]]
+      inherited = this.limited(inherited, ref)
+      if (seen.size === 0) {
+        const bytes = Buffer.byteLength(canonical(inherited)) + contextKey.length * 2 + 64
+        if (this.budget.bytes + bytes <= this.limit) {
+          this.budget.bytes += bytes
+          this.ancestry.set(contextKey, inherited)
+        } else {
+          if (!this.notes.some((n) => n.context === contextKey))
+            this.notes.push({
+              file,
+              line: surface.line,
+              context: contextKey,
+              reason: 'Per-PR source summary limit; additional inherited contexts are unchecked',
+            })
+          return direct
+        }
+      }
+    }
+    return this.limited(
+      direct.flatMap((a) => inherited.map((b) => [...a, ...b])),
+      ref
+    )
+  }
+  chain(surface: Surface, file: string, seen = new Set<string>()): string[] {
+    const ref = `${modulePath(file)}#${surface.owner}`
+    if (seen.has(ref) || seen.size >= 12) return []
+    const next = new Set(seen).add(ref)
+    return [
+      ...new Set([
+        ref,
+        ...(surface.routes ?? []).map((r) => r.target),
+        ...(this.callers.get(ref) ?? []).flatMap((c) => this.chain(c.surface, c.file, next)),
+      ]),
+    ].slice(0, 64)
+  }
+  /** Git pairs the files; a unique React wrapper pairs the exported source owners. */
+  renamedOwner(
+    before: SourceIndex,
+    oldFile: string,
+    newFile: string,
+    owner: string
+  ): string | undefined {
+    const oldSyntax = before.modules.get(modulePath(oldFile))?.facts.syntax
+    const newSyntax = this.modules.get(modulePath(newFile))?.facts.syntax
+    const wrapper = newSyntax?.wrappers?.[owner]
+    if (!wrapper || !oldSyntax || !newSyntax) return undefined
+    const exported = (syntax: SourceSummary, file: string, name: string) =>
+      Object.values(syntax.exports).includes(`${modulePath(file)}#${name}`)
+    const oldOwners = Object.entries(oldSyntax.wrappers ?? {}).filter(
+      ([name, value]) => value === wrapper && exported(oldSyntax, oldFile, name)
+    )
+    const newOwners = Object.entries(newSyntax.wrappers ?? {}).filter(
+      ([name, value]) => value === wrapper && exported(newSyntax, newFile, name)
+    )
+    return oldOwners.length === 1 && newOwners.length === 1 && newOwners[0][0] === owner
+      ? oldOwners[0][0]
+      : undefined
+  }
+  extraction(
+    before: SourceIndex,
+    file: string,
+    owner: string,
+    mode: 'nested' | 'direct' = 'nested'
+  ): { file: string; owner: string; copies: number } | undefined {
+    const original = before.modules.get(modulePath(file))
+    if (!original?.facts.syntax?.slots[owner]) return undefined
+    const updated = this.modules.get(modulePath(file))
+    const declarations = mode === 'direct' ? 'directDelegates' : 'delegates'
+    const candidates = [
+      ...new Set(
+        (updated?.facts.syntax?.[declarations]?.[owner] ?? []).filter(
+          (d) => !(original.facts.syntax?.[declarations]?.[owner] ?? []).includes(d)
+        )
+      ),
+    ]
+    if (mode === 'direct' && candidates.length !== 1) return undefined
+    const targets = candidates.flatMap((candidate) => {
+      const target = this.resolve(candidate)
+      if (!target || (target.file === file && target.name === owner)) return []
+      const prior = before.modules.get(modulePath(target.file))
+      return prior?.facts.syntax?.slots[target.name] ? [] : [target]
+    })
+    if (targets.length !== 1) return undefined
+    const target = targets[0]
+    const copies =
+      mode === 'direct'
+        ? (this.callers.get(`${modulePath(target.file)}#${target.name}`) ?? []).length
+        : 1
+    return { file: target.file, owner: target.name, copies }
+  }
+}
diff --git a/scripts/design-conformance/system-explanation.ts b/scripts/design-conformance/system-explanation.ts
new file mode 100644
index 00000000000..614c6036e27
--- /dev/null
+++ b/scripts/design-conformance/system-explanation.ts
@@ -0,0 +1,10 @@
+import type { Finding } from '#design-conformance/model'
+
+/** Explain style generation separately from changes to authored colour/size values. */
+export function configurationExplanation(file: string, finding: Finding): string | undefined {
+  if (/^(?:@source|@import)/.test(finding.property))
+    return 'Style generation changed: Tailwind source/import directives determine which utilities reach the product stylesheet. Review even when this repairs missing styles.'
+  if (finding.property === '@configuration' && /(?:tailwind|postcss)\.config\./.test(file))
+    return 'Style generation configuration changed: source scanning, theme settings or plugins can change the CSS shipped to the product. Intentional repairs still need review; proposed configuration was parsed, never executed.'
+  return undefined
+}
diff --git a/scripts/design-conformance/system-snapshot.ts b/scripts/design-conformance/system-snapshot.ts
new file mode 100644
index 00000000000..76ae497df6f
--- /dev/null
+++ b/scripts/design-conformance/system-snapshot.ts
@@ -0,0 +1,146 @@
+import { existsSync, mkdirSync, readFileSync } from 'node:fs'
+import path from 'node:path'
+import { gzipSync } from 'node:zlib'
+import { compareStrings } from '@sim/utils/string'
+import { centralInventory, registry } from '#design-conformance/contracts'
+import { git, manifest, options, storedText, verifiedText, writeJson } from '#design-conformance/io'
+import { canonical, type Entry, hash, TOKEN_FILE } from '#design-conformance/model'
+
+export interface SystemSnapshot {
+  version: '1.0.0'
+  commit: string
+  hash: string
+  entries: Entry[]
+  recipeInventory?: string[]
+}
+export interface SystemInput {
+  snapshot: SystemSnapshot
+  read: (entry: Entry) => string
+  unchecked?: string[]
+}
+export function snapshotHash(entries: Entry[], recipeInventory?: string[]): string {
+  return hash(canonical(recipeInventory ? { entries, recipeInventory } : entries))
+}
+export function gitSnapshot(repo: string, commit: string): SystemInput {
+  const entries = git(repo, [
+    'ls-tree',
+    '-r',
+    '-z',
+    commit,
+    '--',
+    'apps/sim/app/_styles',
+    'apps/sim/tailwind.config.ts',
+    'apps/sim/postcss.config.mjs',
+    'apps/sim/lib/postcss',
+    'packages/emcn/src',
+    '.claude/rules',
+    ...Object.keys(registry.centralRecipes ?? {}),
+  ])
+    .toString()
+    .split('\0')
+    .filter(Boolean)
+    .flatMap((line) => {
+      const tab = line.indexOf('\t')
+      const [mode, kind, blob] = line.slice(0, tab).split(' ')
+      const file = line.slice(tab + 1)
+      return kind === 'blob' && centralInventory(file) ? [{ path: file, blob, mode }] : []
+    })
+    .sort((a, b) => compareStrings(a.path, b.path))
+  if (!entries.some((e) => e.path === TOKEN_FILE))
+    throw new Error('Required central globals.css is missing')
+  const recipeInventory = Object.keys(registry.centralRecipes ?? {}).sort()
+  return {
+    snapshot: {
+      version: '1.0.0',
+      commit,
+      hash: snapshotHash(entries, recipeInventory),
+      entries,
+      recipeInventory,
+    },
+    read: (e) => verifiedText(git(repo, ['cat-file', 'blob', e.blob]), e.blob),
+  }
+}
+/** Reject incomplete historical inventories when immutable input proves a recipe existed. */
+export function assertRecipeSnapshot(snapshot: SystemSnapshot, knownEntries: Entry[]): void {
+  for (const entry of knownEntries) {
+    if (!registry.centralRecipes?.[entry.path]) continue
+    const stored = snapshot.entries.find((e) => e.path === entry.path)
+    if (!stored)
+      throw new Error(
+        `Central snapshot omits registered recipe known to exist: ${entry.path}; regenerate central snapshots from the merge-base`
+      )
+  }
+}
+export function loadSnapshot(root: string, commit: string, repo?: string): SystemInput {
+  if (!/^[a-f\d]{40}$/.test(commit)) throw new Error('Invalid central snapshot commit')
+  const index = JSON.parse(readFileSync(path.join(root, 'manifest.json'), 'utf8'))
+  if (index.version !== '1.0.0' || !index.snapshots)
+    throw new Error('Invalid central snapshot manifest')
+  const s: SystemSnapshot = JSON.parse(
+    readFileSync(path.join(root, 'commits', `${commit}.json`), 'utf8')
+  )
+  if (
+    s.version !== '1.0.0' ||
+    s.commit !== commit ||
+    index.snapshots[commit] !== s.hash ||
+    new Set(s.entries.map((e) => e.path)).size !== s.entries.length ||
+    s.hash !== snapshotHash(s.entries, s.recipeInventory) ||
+    !s.entries.some((e) => e.path === TOKEN_FILE)
+  )
+    throw new Error('Invalid or incompatible central source snapshot')
+  if (
+    s.recipeInventory !== undefined &&
+    (!Array.isArray(s.recipeInventory) ||
+      s.recipeInventory.some((p) => typeof p !== 'string') ||
+      new Set(s.recipeInventory).size !== s.recipeInventory.length)
+  )
+    throw new Error('Invalid central recipe snapshot inventory evidence')
+  if (repo) assertRecipeSnapshot(s, gitSnapshot(repo, commit).snapshot.entries)
+  const unchecked = Object.keys(registry.centralRecipes ?? {})
+    .filter((file) => !s.entries.some((e) => e.path === file) && !s.recipeInventory?.includes(file))
+    .map(
+      (file) =>
+        `Central snapshot completeness is unverified for registered recipe ${file}; regenerate snapshots to establish merge-base presence or absence`
+    )
+  return { snapshot: s, read: (e) => storedText(root, e), unchecked: repo ? [] : unchecked }
+}
+if (import.meta.main) {
+  const args = options({ dataset: { type: 'string' }, manifest: { type: 'string' } })
+  if (!args.repo || !args.dataset || !args.output)
+    throw new Error(
+      'Usage: snapshot:system --repo <git repo> --dataset <frozen dataset> --output <fresh directory>'
+    )
+  const start = performance.now()
+  const out = path.resolve(args.output as string)
+  mkdirSync(path.join(out, 'commits'), { recursive: true })
+  mkdirSync(path.join(out, 'objects'), { recursive: true })
+  const data = manifest(args.dataset as string, args.manifest as string | undefined)
+  const commits = [...new Set(data.data.comparisons.map((c) => c.mergeBase))].sort()
+  const snapshots: Record<string, string> = {}
+  let objects = 0
+  for (const commit of commits) {
+    const input = gitSnapshot(args.repo as string, commit)
+    for (const e of input.snapshot.entries) {
+      const dest = path.join(out, 'objects', `${e.blob}.gz`)
+      if (!existsSync(dest)) {
+        await Bun.write(dest, gzipSync(Buffer.from(input.read(e))))
+        objects++
+      }
+    }
+    writeJson(path.join(out, 'commits', `${commit}.json`), input.snapshot)
+    snapshots[commit] = input.snapshot.hash
+  }
+  writeJson(path.join(out, 'manifest.json'), {
+    version: '1.0.0',
+    datasetHash: data.hash,
+    snapshots,
+  })
+  const metrics = {
+    milliseconds: performance.now() - start,
+    commits: commits.length,
+    objects,
+    peakMemoryBytes: process.resourceUsage().maxRSS * 1024,
+  }
+  writeJson(path.join(out, 'preparation.json'), metrics)
+  process.stdout.write(`${JSON.stringify(metrics)}\n`)
+}
diff --git a/scripts/design-conformance/test-source.ts b/scripts/design-conformance/test-source.ts
new file mode 100644
index 00000000000..c14d45c5217
--- /dev/null
+++ b/scripts/design-conformance/test-source.ts
@@ -0,0 +1,20 @@
+/** Small source-owned test system. Tests exercise extraction, never a registry mock. */
+export const testComponents: Record<string, string> = {
+  'packages/emcn/src/index.ts': "export * from './components/test-controls'",
+  'packages/emcn/src/components/test-controls.tsx': `
+import type {HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, ComponentType} from 'react'
+declare function cn(...args:unknown[]):string
+export function Button({className,...props}:ButtonHTMLAttributes<HTMLButtonElement>){return <button {...props} className={cn('h-8 rounded-lg bg-[var(--ink)] px-2 text-small',className)}/>}
+/** @designAllow inputClassName * */
+export function ChipInput({className,inputClassName,icon:Icon,...props}:InputHTMLAttributes<HTMLInputElement>&{inputClassName?:string;icon?:ComponentType<{className?:string}>}){return <div className={cn('h-8 rounded-lg gap-2 px-2 bg-[var(--ink)]',className)}>{Icon&&<Icon className='size-3'/>}<input {...props} className={cn('text-small',inputClassName)}/></div>}
+export function ChipTextarea({className,...props}:HTMLAttributes<HTMLTextAreaElement>){return <textarea {...props} className={cn('rounded-lg px-2 bg-[var(--ink)]',className)}/>}
+export function ChipModal({className,children,...props}:HTMLAttributes<HTMLDivElement>){return <div {...props} className={cn('h-40 p-2 rounded-lg',className)}>{children}</div>}
+export function ChipModalBody({className,children,...props}:HTMLAttributes<HTMLDivElement>){return <div {...props} className={cn('p-2 gap-2',className)}>{children}</div>}
+/**
+ * @designProtect className *
+ * @designProtect style *
+ */
+export function ChipModalField({className,...props}:HTMLAttributes<HTMLDivElement>){return <div {...props} className={cn('flex flex-col gap-2 p-2',className)}/>}
+export function Label({className,...props}:HTMLAttributes<HTMLLabelElement>){return <label {...props} className={cn('text-small',className)}/>}
+`,
+}
diff --git a/scripts/design-conformance/tsconfig.json b/scripts/design-conformance/tsconfig.json
new file mode 100644
index 00000000000..3ef10d4cea9
--- /dev/null
+++ b/scripts/design-conformance/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "../../packages/tsconfig/base.json",
+  "compilerOptions": {
+    "types": ["bun", "node"],
+    "allowImportingTsExtensions": true
+  },
+  "include": [
+    "./*.ts",
+    "../design-scan/*.ts",
+    "../check-design-conformance*.ts",
+    "../generate-design-contracts*.ts"
+  ]
+}
diff --git a/scripts/design-conformance/worktree-source.ts b/scripts/design-conformance/worktree-source.ts
new file mode 100644
index 00000000000..46fa4e54a89
--- /dev/null
+++ b/scripts/design-conformance/worktree-source.ts
@@ -0,0 +1,194 @@
+import { execFileSync } from 'node:child_process'
+import { createHash } from 'node:crypto'
+import { lstatSync, readFileSync, readlinkSync, realpathSync } from 'node:fs'
+import path from 'node:path'
+import { productScope } from '#control-analysis/scope'
+import { typographySource } from '#control-analysis/typography'
+import { centralInventory, isRegistry, registry } from '#design-conformance/contracts'
+import { verifiedText } from '#design-conformance/io'
+import type { Entry } from '#design-conformance/model'
+import { TOKEN_FILE } from '#design-conformance/model'
+import { type SystemInput, snapshotHash } from '#design-conformance/system-snapshot'
+
+export interface SourceEntry extends Entry {
+  bytes: number
+  kind: string
+}
+
+/** Files whose authored bytes participate in local design analysis. */
+export const inspectedSource = (file: string) =>
+  file === 'scripts/design-conformance/contracts.generated.json' ||
+  centralInventory(file) ||
+  isRegistry(file) ||
+  productScope(file) === 'check' ||
+  typographySource(file)
+
+/** Git tree/blob reads only: no checkout, textconv, filters, hooks or application imports. */
+export class GitSource {
+  readonly mode: 'snapshot' | 'working-tree'
+  readonly repo: string
+  readonly commit: string
+  readonly entries: SourceEntry[]
+  private readonly byPath: Map<string, SourceEntry>
+  private readonly textCache = new Map<string, string>()
+
+  constructor(repo: string, ref: string, workingTree = false) {
+    this.mode = workingTree ? 'working-tree' : 'snapshot'
+    this.repo = realpathSync(repo)
+    this.commit = this.git(['rev-parse', '--verify', '--end-of-options', `${ref}^{commit}`])
+      .toString()
+      .trim()
+    if (!/^[a-f\d]{40}$/.test(this.commit)) throw new Error('A SHA-1 Git commit is required')
+    this.entries = this.git(['ls-tree', '-r', '-l', '-z', '--full-tree', this.commit])
+      .toString()
+      .split('\0')
+      .filter(Boolean)
+      .map((line) => {
+        const tab = line.indexOf('\t')
+        const [mode, kind, blob, size] = line.slice(0, tab).trim().split(/\s+/)
+        return {
+          path: line.slice(tab + 1),
+          mode,
+          kind,
+          blob,
+          bytes: size === '-' ? 0 : Number(size),
+        }
+      })
+      .sort((a, b) => compare(a.path, b.path))
+    if (workingTree) this.entries = this.workingEntries()
+    this.byPath = new Map(this.entries.map((entry) => [entry.path, entry]))
+  }
+
+  /** Include tracked edits, deletions and non-ignored untracked sources without following symlinks. */
+  private workingEntries(): SourceEntry[] {
+    const files = [
+      ...new Set(
+        this.git(['ls-files', '--cached', '--others', '--exclude-standard', '-z'])
+          .toString()
+          .split('\0')
+          .filter(Boolean)
+      ),
+    ].sort(compare)
+    return files.flatMap((file) => {
+      const absolute = path.join(this.repo, file)
+      let stat: ReturnType<typeof lstatSync>
+      try {
+        stat = lstatSync(absolute)
+      } catch (error) {
+        if ((error as NodeJS.ErrnoException).code === 'ENOENT') return []
+        throw error
+      }
+      if (stat.isDirectory())
+        return [{ path: file, mode: '160000', kind: 'commit', blob: '', bytes: 0 }]
+      const mode = stat.isSymbolicLink() ? '120000' : stat.mode & 0o111 ? '100755' : '100644'
+      if (!inspectedSource(file))
+        return [{ path: file, mode, kind: 'blob', blob: '', bytes: stat.size }]
+      if (realpathSync(path.dirname(absolute)) !== path.dirname(absolute))
+        throw new Error(`Source has a symlinked parent directory: ${file}`)
+      const data = stat.isSymbolicLink()
+        ? Buffer.from(readlinkSync(absolute))
+        : readFileSync(absolute)
+      const blob = createHash('sha1').update(`blob ${data.length}\0`).update(data).digest('hex')
+      return [
+        {
+          path: file,
+          mode,
+          kind: 'blob',
+          blob,
+          bytes: data.length,
+        },
+      ]
+    })
+  }
+
+  /** Refuse to publish a mixed snapshot when source changes during a local run. */
+  assertUnchanged(): void {
+    if (
+      this.mode === 'working-tree' &&
+      JSON.stringify(this.entries) !== JSON.stringify(this.workingEntries())
+    )
+      throw new Error(
+        'Working-tree source changed during the scan; rerun to obtain a consistent report'
+      )
+  }
+
+  private git(args: string[]): Buffer {
+    const env = Object.fromEntries(
+      Object.entries(process.env).filter(([key]) => !key.startsWith('GIT_'))
+    )
+    try {
+      return execFileSync(
+        'git',
+        ['--no-pager', '--no-replace-objects', '-c', 'core.fsmonitor=false', ...args],
+        {
+          cwd: this.repo,
+          maxBuffer: 128 * 1024 * 1024,
+          stdio: ['ignore', 'pipe', 'pipe'],
+          env: {
+            ...env,
+            GIT_CONFIG_NOSYSTEM: '1',
+            GIT_CONFIG_GLOBAL: '/dev/null',
+            GIT_OPTIONAL_LOCKS: '0',
+          },
+        }
+      )
+    } catch {
+      throw new Error(`Read-only Git operation failed: ${args[0]}`)
+    }
+  }
+
+  read(entry: Entry): string {
+    const known = this.byPath.get(entry.path)
+    if (!known || known.blob !== entry.blob || !regular(known))
+      throw new Error(`Not a regular source blob in the selected commit: ${entry.path}`)
+    if (known.bytes > registry.limits.sourceBytes)
+      throw new Error(`Source exceeds the 2 MiB parsing limit: ${entry.path}`)
+    return this.readOwnership(entry)
+  }
+
+  /** Ownership parsing has a separate bounded limit; styling still obeys the 2 MiB cap. */
+  readOwnership(entry: Entry): string {
+    const known = this.byPath.get(entry.path)
+    if (!known || known.blob !== entry.blob || !regular(known))
+      throw new Error(`Not a regular source blob in the selected commit: ${entry.path}`)
+    if (known.bytes > 16 * 1024 * 1024)
+      throw new Error(`Source exceeds the 16 MiB ownership limit: ${entry.path}`)
+    const cached = this.textCache.get(known.blob)
+    if (cached !== undefined) return cached
+    const text = verifiedText(
+      this.mode === 'working-tree'
+        ? readFileSync(path.join(this.repo, entry.path))
+        : this.git(['cat-file', 'blob', known.blob]),
+      known.blob
+    )
+    this.textCache.set(known.blob, text)
+    return text
+  }
+
+  central(): SystemInput {
+    const entries = this.entries.filter((entry) => centralInventory(entry.path))
+    if (!entries.some((entry) => entry.path === TOKEN_FILE))
+      throw new Error('Required central globals.css is missing')
+    for (const entry of entries) {
+      if (!regular(entry)) throw new Error(`Central source is not a regular file: ${entry.path}`)
+      if (entry.bytes > registry.limits.sourceBytes)
+        throw new Error(`Central source exceeds parser limit: ${entry.path}`)
+    }
+    const inventory = entries.map(({ path, mode, blob }) => ({ path, mode, blob }))
+    const recipeInventory = Object.keys(registry.centralRecipes ?? {}).sort(compare)
+    return {
+      snapshot: {
+        version: '1.0.0',
+        commit: this.commit,
+        entries: inventory,
+        recipeInventory,
+        hash: snapshotHash(inventory, recipeInventory),
+      },
+      read: (entry) => this.read(entry),
+    }
+  }
+}
+
+export const compare = (a: string, b: string) => (a < b ? -1 : a > b ? 1 : 0)
+export const regular = (entry: SourceEntry) =>
+  entry.kind === 'blob' && /^100(?:644|755)$/.test(entry.mode)
diff --git a/scripts/design-scan/colour-assignments.test.ts b/scripts/design-scan/colour-assignments.test.ts
new file mode 100644
index 00000000000..2f0c887e0dd
--- /dev/null
+++ b/scripts/design-scan/colour-assignments.test.ts
@@ -0,0 +1,478 @@
+import { expect, test } from 'vitest'
+import { withoutVerifiedColourUsages } from '#control-analysis/colour-assignments'
+import type { ControlSource } from '#control-analysis/model'
+import { inspectSimplifications } from '#control-analysis/simplifications'
+
+const css = 'apps/sim/components/sample.css'
+const ui = 'apps/sim/components/sample.tsx'
+const tokens = 'apps/sim/app/_styles/globals.css'
+const globals =
+  ':root { --text-body: #434343; --text-muted: #999999; --radius: 8px; --shadow: 0 0 3px #000; } .dark { --text-body: #eeeeee; }'
+function source(files: Record<string, string>): ControlSource {
+  return {
+    entries: Object.entries(files).map(([path, text]) => ({
+      path,
+      bytes: Buffer.byteLength(text),
+      kind: 'blob',
+      mode: '100644',
+      blob: 'a'.repeat(40),
+    })),
+    read: (entry) => files[entry.path],
+  }
+}
+const inspect = (files: Record<string, string>) =>
+  inspectSimplifications(source({ [tokens]: globals, ...files })).colourAssignments
+const flagged = (files: Record<string, string>) => inspect(files).findings
+const issues = (files: Record<string, string>) => {
+  const report = inspect(files)
+  return [...report.findings, ...report.unchecked]
+}
+
+const usage = (value = 'var(--rest, var(--text-body))') => ({
+  kind: 'usage-violation' as const,
+  rule: 'central-colour',
+  category: 'colours',
+  property: 'color',
+  file: css,
+  line: 1,
+  column: 10,
+  context: 'css / .label',
+  value,
+  reason: 'Local colour variable',
+})
+
+test('verified cross-file aliases clear usage warnings and retain global reference evidence', () => {
+  const report = inspect({
+    [css]: '.label { color: var(--rest, var(--text-body)); }',
+    [ui]: `export const View=()=> <><span className='[--rest:var(--text-muted)]'/><span style={{'--rest':'var(--text-body)'}}/></>`,
+  })
+  expect(withoutVerifiedColourUsages([usage()], report)).toEqual([])
+  expect(report.verifiedUsages).toHaveLength(1)
+  expect(report.verifiedUsages[0].references).toEqual(['--text-body', '--text-muted'])
+  expect(withoutVerifiedColourUsages([usage()], report)).toEqual([])
+  expect(report.verifiedUsages).toHaveLength(1)
+})
+
+test('usage approval is generic, follows alias chains, and checks every writer', () => {
+  const files = {
+    [css]: '.label { color: var(--unusual); --unusual: var(--alias); }',
+    [ui]: `export const View=()=> <span style={{'--alias':'var(--text-muted)'}}/>`,
+  }
+  expect(withoutVerifiedColourUsages([usage('var(--unusual)')], inspect(files))).toEqual([])
+  const report = inspect({
+    ...files,
+    'apps/sim/components/override.css': '.other { --alias: hotpink; }',
+  })
+  expect(withoutVerifiedColourUsages([usage('var(--unusual)')], report)).toHaveLength(1)
+  expect(report.findings.length).toBeGreaterThan(0)
+})
+
+test('a valid fallback cannot approve a missing, literal, runtime, inherited or cyclic primary alias', () => {
+  for (const writer of [
+    '',
+    '--rest: red;',
+    '--rest: var(--missing);',
+    '--rest: var(--radius);',
+    '--rest: currentColor;',
+    '--rest: var(--alias); --alias: var(--rest);',
+  ]) {
+    const report = inspect({ [css]: `.label { color: var(--rest, var(--text-body)); ${writer} }` })
+    expect(withoutVerifiedColourUsages([usage()], report)).toHaveLength(1)
+  }
+  const runtime = inspect({
+    [css]: '.label {color: var(--rest, var(--text-body));}',
+    [ui]: `export function set(node, ink){node.style.setProperty('--rest', ink)}`,
+  })
+  expect(withoutVerifiedColourUsages([usage()], runtime)).toHaveLength(1)
+  expect(runtime.findings).toEqual([])
+  expect(
+    runtime.unchecked.some((note) => note.reason.includes('Unresolved colour assignment'))
+  ).toBe(true)
+})
+
+test('safe assignments cannot conceal a literal or invalid fallback at the use', () => {
+  const report = inspect({ [css]: '.label {--rest: var(--text-body); color: var(--rest);}' })
+  for (const value of [
+    'var(--rest, hotpink)',
+    'var(--rest, var(--missing))',
+    'var(--rest, var(--text-muted, red))',
+    'color-mix(in srgb, var(--rest) 50%, red)',
+    'var(--rest,)',
+    'var(--rest',
+  ])
+    expect(withoutVerifiedColourUsages([usage(value)], report)).toHaveLength(1)
+  expect(
+    withoutVerifiedColourUsages([usage('color-mix(in srgb, var(--rest) 50%, transparent)')], report)
+  ).toEqual([])
+})
+
+test('local overrides of referenced global tokens revoke usage approval', () => {
+  const report = inspect({
+    [css]: '.label {--rest: var(--text-body); color: var(--rest); } .bad {--text-body: red;}',
+  })
+  expect(withoutVerifiedColourUsages([usage()], report)).toHaveLength(1)
+  const indirect = inspect({
+    [tokens]: ':root {--palette: #777; --text-body: var(--palette);}',
+    [css]: '.label {--rest: var(--text-body); color: var(--rest);} .bad {--palette: hotpink;}',
+  })
+  expect(withoutVerifiedColourUsages([usage()], indirect)).toHaveLength(1)
+  expect(indirect.findings.length).toBeGreaterThan(0)
+})
+
+test('unknown style writes remain unchecked even when a separately verified alias use is cleared', () => {
+  const report = inspect({
+    [css]: '.label {color: var(--rest);}',
+    [ui]: `export const View=({style})=><span style={{'--rest':'var(--text-body)', ...style}}/>`,
+  })
+  const remaining = withoutVerifiedColourUsages([...report.findings, usage()], report)
+  expect(remaining.some((f) => f.rule === 'central-colour-assignment')).toBe(false)
+  expect(report.coverage.unresolved).toBeGreaterThan(0)
+  expect(
+    report.unchecked.some((note) => note.reason.includes('Unresolved colour assignment'))
+  ).toBe(true)
+})
+
+test('colour provenance approval never suppresses component chrome, shadows, system changes or unrelated literals', () => {
+  const report = inspect({ [css]: '.label {--rest: var(--text-body); color: var(--rest);}' })
+  const findings = [
+    { ...usage(), rule: 'component-chrome' },
+    { ...usage(), rule: 'central-shadow' },
+    { ...usage(), kind: 'system-change' as const },
+    usage('hotpink'),
+  ]
+  expect(withoutVerifiedColourUsages(findings, report)).toEqual(findings)
+})
+
+test('registered custom-property defaults and escaped writer names cannot hide behind a safe ordinary assignment', () => {
+  const files = { [css]: '.label {--rest: var(--text-body); color: var(--rest);}' }
+  const extras: Record<string, string>[] = [
+    {
+      [css]: `${files[css]}@property --rest {syntax: "<color>"; inherits: false; initial-value: hotpink;}`,
+    },
+    {
+      [ui]: `CSS.registerProperty({name:'--rest', syntax:'<color>', inherits:false, initialValue:'hotpink'})`,
+    },
+    { [css]: files[css] + String.raw`.bad {--r\65 st: hotpink;}` },
+  ]
+  for (const extra of extras) {
+    const report = inspect({ ...files, ...extra })
+    expect(report.findings.length + report.unchecked.length).toBeGreaterThan(0)
+  }
+})
+
+test('CSS, JSX style objects and Tailwind assignments resolve actual global colours', () => {
+  const result = inspect({
+    [css]: '.label { --rest: var(--text-body); color: var(--rest); }',
+    [ui]: `export const View=()=> <><span style={{'--rest':'var(--text-muted)'}}/><span className='[--rest:var(--text-body)]'/></>`,
+  })
+  expect(result.findings).toEqual([])
+  expect(result.coverage.verified).toBeGreaterThanOrEqual(3)
+})
+
+test('hardcoded, missing and wrong-family tokens are flagged at the assignment', () => {
+  for (const value of ['#ff00ff', 'red', 'var(--missing)', 'var(--radius)', 'var(--shadow)']) {
+    const result = inspect({ [css]: `.label { --rest: ${value}; color: var(--rest); }` })
+    expect(result.findings).toHaveLength(1)
+    expect(result.findings[0].property).toBe('--rest')
+    expect(result.assignments[0].status).toBe('invalid')
+  }
+})
+
+test('an approved primary value cannot hide an invalid fallback, nested fallback or mix operand', () => {
+  for (const value of [
+    'var(--text-body, #ff00ff)',
+    'var(--text-body, var(--missing))',
+    'var(--text-body, var(--text-muted, blue))',
+    'color-mix(in srgb, var(--text-body) 50%, red)',
+    'rgb(255 0 0)',
+    'rgb(255 0 0 / var(--text-body))',
+    'var(--text-body,)',
+  ])
+    expect(flagged({ [css]: `.label { --rest: ${value}; color: var(--rest); }` })).toHaveLength(1)
+  expect(
+    flagged({
+      [css]:
+        '.label { --rest: color-mix(in srgb, var(--text-body) 50%, transparent); color: var(--rest); }',
+    })
+  ).toEqual([])
+})
+
+test('every CSS selector/theme override is checked; a safe declaration cannot mask a bad one', () => {
+  const result = inspect({
+    [css]:
+      '.good { --rest: var(--text-body); color: var(--rest); } .bad:hover { --rest: #ff00ff; }',
+  })
+  expect(result.findings).toHaveLength(1)
+  expect(result.findings[0].context).toContain('.bad:hover')
+})
+
+test('aliases follow assignments across files and reject cycles, missing links and non-global leaves', () => {
+  const extra = 'apps/sim/components/writer.css'
+  const files = {
+    [css]: '.label { --rest: var(--alias); color: var(--rest); }',
+    [extra]: '.label { --alias: var(--text-body); }',
+  }
+  expect(flagged(files)).toEqual([])
+  expect(
+    flagged({ ...files, [extra]: '.label { --alias: #ff00ff; }' }).length
+  ).toBeGreaterThanOrEqual(2)
+  expect(
+    flagged({ ...files, [extra]: '.label { --alias: var(--rest); }' }).every((finding) =>
+      finding.reason.includes('Cyclic')
+    )
+  ).toBe(true)
+})
+
+test('import aliases, namespace access and barrels resolve immutable conditional values', () => {
+  const extra = {
+    'apps/sim/components/palette.ts': `export const ink = dark ? 'var(--text-body)' : 'var(--text-muted)'`,
+    'apps/sim/components/barrel.ts': `export {ink as tone} from './palette'`,
+    [css]: '.label { color: var(--rest); }',
+    [ui]: `import * as P from './barrel'; export const View=()=> <span style={{'--rest':P.tone}}/>`,
+  }
+  expect(flagged(extra)).toEqual([])
+  const bad = inspect({
+    ...extra,
+    'apps/sim/components/palette.ts': `export const ink = dark ? 'var(--text-body)' : '#ff00ff'`,
+  })
+  expect(bad.findings).toHaveLength(1)
+  expect(bad.findings[0].value).toContain('#ff00ff')
+})
+
+test('runtime peer colours remain unchecked despite a valid global fallback', () => {
+  const result = inspect({
+    [css]: '.cursor { background-color: var(--caret-color); }',
+    [ui]: `const DEFAULT='var(--text-body)'; export function renderCaret(user){ const caret=document.createElement('span'); const colour=typeof user.color==='string'?user.color:DEFAULT; caret.style.setProperty('--caret-color',colour); return caret }`,
+  })
+  expect(result.findings).toEqual([])
+  expect(result.unchecked.some((note) => note.reason.includes('--caret-color'))).toBe(true)
+  expect(result.assignments[0].status).toBe('unresolved')
+})
+
+test('a safe conditional branch cannot mask a non-string or unknown branch', () => {
+  for (const alternative of ['123', 'null', 'undefined', 'runtime', "'var(--missing)'"]) {
+    const result = inspect({
+      [css]: '.label { color: var(--rest); }',
+      [ui]: `export const View=({ok,runtime})=> <span style={{'--rest':ok?'var(--text-body)':${alternative}}}/>`,
+    })
+    expect(result.findings.length + result.unchecked.length).toBeGreaterThan(0)
+  }
+})
+
+test('imperative style writers, aliases, cssText and Object.assign cannot bypass assignment checks', () => {
+  for (const statement of [
+    `node.style.setProperty('--rest', '#ff00ff')`,
+    `const style=node.style; style.setProperty('--rest', '#ff00ff')`,
+    `node.style['--rest']='#ff00ff'`,
+    `node.style.cssText='--rest:#ff00ff'`,
+    `node.setAttribute('style','--rest:#ff00ff')`,
+    `Object.assign(node.style, {'--rest':'#ff00ff'})`,
+  ])
+    expect(
+      flagged({
+        [css]: '.label { color: var(--rest); }',
+        [ui]: `export function update(node){ ${statement} }`,
+      }).length
+    ).toBeGreaterThanOrEqual(1)
+})
+
+test('unknown spreads, mutated styles, dynamic keys and dynamic Tailwind values stay visible', () => {
+  for (const jsx of [
+    `<span style={{'--rest':'var(--text-body)', ...runtime}}/>`,
+    `<span style={{...runtime, '--rest':'var(--text-body)'}}/>`,
+    `<span style={{[key]:'var(--text-body)'}}/>`,
+    `<span className={\`[--rest:\${colour}]\`}/>`,
+  ])
+    expect(
+      issues({
+        [css]: '.label { color: var(--rest); }',
+        [ui]: `export const View=({runtime,key,colour})=>${jsx}`,
+      }).length
+    ).toBeGreaterThanOrEqual(1)
+  expect(
+    issues({
+      [ui]: `const style={'--rest':'var(--text-body)'}; style['--rest']=runtime; export const View=()=> <span style={style}/>`,
+    }).length
+  ).toBeGreaterThanOrEqual(1)
+})
+
+test('local overrides of global tokens are checked too', () => {
+  const result = inspect({ [css]: '.label { --text-body: #ff00ff; color: var(--text-body); }' })
+  expect(result.findings).toHaveLength(1)
+})
+
+test('a missing token remains unchecked when its consumer is outside the source snapshot', () => {
+  for (const body of [
+    `<span className='[--rest:var(--missing)]'/>`,
+    `<span style={{'--rest':'var(--missing)'}}/>`,
+  ])
+    expect(
+      inspect({ [ui]: `export const View=()=>${body}` }).unchecked.some((note) =>
+        note.reason.includes('--rest')
+      )
+    ).toBe(true)
+  expect(
+    issues({ [css]: '.label { --a: var(--b); --b: var(--a); }' }).length
+  ).toBeGreaterThanOrEqual(2)
+})
+
+test('static prop spreads and React.createElement styles are checked at their use', () => {
+  for (const body of [
+    `const props={style:{'--rest':'#ff00ff'}}; export const View=()=> <span {...props}/>`,
+    `import {createElement as h} from 'react'; export const View=()=>h('span',{style:{'--rest':'#ff00ff'}})`,
+  ])
+    expect(flagged({ [ui]: body })).toHaveLength(1)
+  expect(
+    flagged({
+      [ui]: `const props={style:{['--rest']:'var(--text-body)'}}; export const View=()=> <span {...props}/>`,
+    })
+  ).toEqual([])
+})
+
+test('no colour-variable spelling whitelist; unrelated numeric variables stay outside this rule', () => {
+  expect(
+    flagged({
+      [css]:
+        '.label { --anything: #ff00ff; color: var(--anything); --width: 20px; width: var(--width); }',
+    })
+  ).toHaveLength(1)
+  expect(
+    flagged({ [ui]: `export const View=({width})=><span style={{'--width':width}}/>` })
+  ).toEqual([])
+})
+
+test('layout aliases with dimensional fallbacks do not become colour assignments', () => {
+  const files = {
+    [css]:
+      '.fade { --start: var(--inset, 0px); --end: calc(var(--inset, 0px) + var(--band)); mask-image: linear-gradient(transparent var(--start), black var(--end)); }',
+    [ui]: `export const View=({className})=><span className={cn('[--inset:3rem]', className)}/>`,
+  }
+  expect(flagged(files)).toEqual([])
+  // A dimension in a known colour sink is still invalid, even with a dimensional fallback.
+  expect(
+    flagged({ [css]: '.label { --ink: var(--missing, 3rem); color: var(--ink); }' })
+  ).toHaveLength(1)
+})
+
+test('an unknown style property is unresolved, not a confirmed literal colour violation', () => {
+  const result = inspect({ [ui]: `export function clear(node, key){ node.style[key]='none' }` })
+  expect(result.findings).toEqual([])
+  expect(result.assignments[0].status).toBe('unresolved')
+  expect(result.unchecked.some((note) => note.reason.includes('Unknown style key'))).toBe(true)
+})
+
+test('landing remains excluded, source is never executed and discovery order is deterministic', () => {
+  const files = source({
+    [tokens]: globals,
+    [ui]: `throw Error('never execute'); export const View=()=> <span className='[--rest:#ff00ff]'/>`,
+    'apps/sim/app/(landing)/page.tsx': `export const Page=()=> <span className='[--rest:#00ff00]'/>`,
+  })
+  const forward = inspectSimplifications(files).colourAssignments
+  const reverse = inspectSimplifications(
+    { ...files, entries: [...files.entries].reverse() },
+    [],
+    'reverse'
+  ).colourAssignments
+  expect(reverse).toEqual(forward)
+  expect(forward.findings.every((finding) => finding.file === ui)).toBe(true)
+})
+
+test('fresh style helpers prove property keys independently of runtime geometry values', () => {
+  const helpers = [
+    `function dimensions(width){return {width,height:runtime}}`,
+    `const dimensions=(width)=>width?{width,height:runtime}:{top:runtime,left:runtime}`,
+    `function dimensions(width){if(!width)return undefined;const span=Math.max(width,10);return {width:span,height:runtime}}`,
+    `function dimensions(width){if(width){return {top:runtime}}else{return {left:runtime}}}`,
+  ]
+  for (const helper of helpers)
+    expect(
+      flagged({
+        [ui]: `${helper}; export const View=()=> <span style={{position:'absolute',...dimensions(runtime)}}/>`,
+      })
+    ).toEqual([])
+})
+
+test('import aliases, namespace access and barrels resolve fresh style helpers', () => {
+  expect(
+    flagged({
+      'apps/sim/components/shape.ts': `export const size=(width)=>({width,height:runtime})`,
+      'apps/sim/components/barrel.ts': `export {size as dimensions} from './shape'`,
+      [ui]: `import * as S from './barrel'; import {dimensions as D} from './barrel'; export const View=()=> <><span style={S.dimensions(runtime)}/><span style={D(runtime)}/></>`,
+    })
+  ).toEqual([])
+})
+
+test('helper colour properties are validated, including literals and unknown values', () => {
+  for (const [value, status] of [
+    ["'var(--text-body)'", 'verified'],
+    ["'#ff00ff'", 'invalid'],
+    ['runtime', 'unresolved'],
+    ["'var(--missing)'", 'invalid'],
+  ] as const) {
+    const report = inspect({
+      [ui]: `const style=()=>({width:runtime,color:${value}}); export const View=()=> <span style={style()}/>`,
+    })
+    expect(report.assignments.find((a) => a.name === 'color')?.status).toBe(status)
+    expect(report.findings.length).toBe(status === 'invalid' ? 1 : 0)
+    if (status === 'unresolved') expect(report.unchecked.length).toBeGreaterThan(0)
+  }
+})
+
+test('a safe helper branch cannot hide colours, unknown spreads, mutation or unsupported flow', () => {
+  for (const helper of [
+    `const shape=(ok)=>ok?{width:runtime}:{'--ink':'hotpink'}`,
+    `const shape=()=>({width:runtime,...opaque})`,
+    `const shape=()=>({[runtime]:10})`,
+    `const shape=()=>({get width(){return 10}})`,
+    `const shape=()=>{const result={width:10};result.color='hotpink';return result}`,
+    `const result={width:10};const shape=()=>result;unknown(result)`,
+    `const shape=()=>{try{return {width:10}}finally{return opaque}}`,
+    `const shape=()=>{for(const x of items){if(x)return opaque}return {width:10}}`,
+    `const shape=()=>({...shape()})`,
+    `let shape=()=>({width:10});shape=opaque`,
+    `const shape=async()=>({width:10})`,
+  ]) {
+    const report = inspect({
+      [css]: '.x {color:var(--ink)}',
+      [ui]: `${helper}; export const View=()=> <span style={shape(runtime)}/>`,
+    })
+    expect(report.findings.length + report.unchecked.length, helper).toBeGreaterThan(0)
+  }
+  expect(
+    issues({
+      [ui]: `const shape=()=>({width:10});const result=shape();const alias=result;alias.color='hotpink';export const View=()=> <span style={result}/>`,
+    }).length
+  ).toBeGreaterThan(0)
+})
+
+test('literal joins and unshadowed String.raw resolve class assignments without trusting method names', () => {
+  const classes = "const classes=[String.raw`[--ink:var(--text-body)]`,'opacity-100'].join(' ')"
+  expect(
+    flagged({ [ui]: `${classes};export const View=()=> <span className={classes}/>` })
+  ).toEqual([])
+  expect(
+    flagged({
+      'apps/sim/components/classes.ts':
+        "const parts=[String.raw`[--ink:var(--text-body)]`,'opacity-100'];export const classes=parts.join(' ')",
+      [ui]: `import {classes} from './classes';export const View=()=> <span className={classes}/>`,
+    })
+  ).toEqual([])
+  for (const code of [
+    "const parts=['[--ink:var(--text-body)]'];parts.push(runtime);const classes=parts.join(' ')",
+    "const parts=['[--ink:var(--text-body)]'];unknown(parts);const classes=parts.join(' ')",
+    "const parts={join:()=> '[--ink:hotpink]'};const classes=parts.join(' ')",
+    'const String=external;const classes=String.raw`[--ink:var(--text-body)]`',
+    "const classes=['[--ink:var(--text-body)]',runtime].join(' ')",
+  ]) {
+    const result = inspect({
+      [css]: '.label {color:var(--ink)}',
+      [ui]: `${code};export const View=()=> <span className={'[--ink:var(--text-body)] '+classes}/>`,
+    })
+    expect(result.findings.length + result.unchecked.length, code).toBeGreaterThan(0)
+  }
+  expect(
+    flagged({
+      [ui]: "const classes=['[--ink:var(--text-body)]','[--ink:hotpink]'].join(' ');export const View=()=> <span className={classes}/>",
+    }).length
+  ).toBeGreaterThan(0)
+})
diff --git a/scripts/design-scan/controls.test.ts b/scripts/design-scan/controls.test.ts
new file mode 100644
index 00000000000..c4e4aa13c0f
--- /dev/null
+++ b/scripts/design-scan/controls.test.ts
@@ -0,0 +1,576 @@
+import { execFileSync } from 'node:child_process'
+import { mkdirSync, mkdtempSync, rmSync, writeFileSync } from 'node:fs'
+import os from 'node:os'
+import path from 'node:path'
+import { afterEach, expect, test } from 'vitest'
+import { inspectControls } from '#control-analysis/inventory'
+import { inspectTypography } from '#control-analysis/typography'
+import { GitSource } from '#design-conformance/worktree-source'
+
+const dirs: string[] = []
+afterEach(() => {
+  for (const d of dirs.splice(0)) rmSync(d, { recursive: true, force: true })
+})
+const location = 'apps/sim/components/example.tsx'
+function fixture(files: Record<string, string>) {
+  const repo = mkdtempSync(path.join(os.tmpdir(), 'control-origin-test-'))
+  dirs.push(repo)
+  const git = (...args: string[]) =>
+    execFileSync('git', ['-c', 'core.hooksPath=/dev/null', '-c', 'commit.gpgsign=false', ...args], {
+      cwd: repo,
+      stdio: ['ignore', 'pipe', 'pipe'],
+    })
+      .toString()
+      .trim()
+  git('init', '-q')
+  git('config', 'user.name', 'Fixture')
+  git('config', 'user.email', 'fixture@example.invalid')
+  const write = (name: string, code: string) => {
+    mkdirSync(path.dirname(path.join(repo, name)), { recursive: true })
+    writeFileSync(path.join(repo, name), code)
+  }
+  for (const [name, code] of Object.entries({
+    'packages/emcn/src/index.ts': "export * from './components/button/button'",
+    'packages/emcn/src/components/button/button.tsx':
+      "export const Button=()=> <button/>; export const chipVariants=()=> 'central classes'",
+    ...files,
+  }))
+    write(name, code)
+  git('add', '.')
+  git('commit', '-qm', 'fixture')
+  return {
+    repo,
+    git,
+    write,
+    source: () => new GitSource(repo, 'HEAD'),
+    scan: () => inspectControls(new GitSource(repo, 'HEAD'), []),
+  }
+}
+const consumer = (r: ReturnType<typeof inspectControls>) =>
+  r.records.filter((x) => x.file === location)
+
+test('direct imports and named aliases preserve real EMCN origin', () => {
+  const f = fixture({
+    [location]:
+      "import {Button as Save} from '@sim/emcn'; export const A=()=> <Save variant='primary'>Save</Save>",
+  })
+  expect(consumer(f.scan())).toHaveLength(1)
+  expect(consumer(f.scan())[0].origin).toBe('emcn-component')
+  expect(consumer(f.scan())[0].inputs.variant.values).toEqual(['primary'])
+})
+test('namespace imports, re-exports, static aliases and default behavioral wrappers are followed', () => {
+  const f = fixture({
+    [location]: "import Save from './wrap'; export const A=()=> <Save/>",
+    'apps/sim/components/wrap.tsx':
+      "import * as E from './barrel'; import {memo,forwardRef} from 'react'; const Alias=E.Button; export default memo(forwardRef((props,ref)=> <Alias {...props} ref={ref}/>))",
+    'apps/sim/components/barrel.ts': "export {Button} from '@sim/emcn'",
+  })
+  expect(consumer(f.scan())[0].origin).toBe('emcn-component')
+  expect(consumer(f.scan())[0].authoredAt.some((v) => v.includes('/wrap.tsx'))).toBe(true)
+})
+test('shadowed imports cannot grant EMCN origin', () => {
+  const f = fixture({
+    [location]:
+      "import {Button} from '@sim/emcn'; export function A({Button}){return <Button onClick={()=>{}}/>}",
+  })
+  expect(consumer(f.scan())[0].origin).toBe('unresolved')
+})
+test('local native controls, semantic roles and standalone navigation remain discoverable', () => {
+  const f = fixture({
+    [location]:
+      "export const A=()=> <><button/><div role='tab'/><input type='checkbox'/><a href='/x'>Go</a><select/><summary>Open</summary><input type='text'/><p>Text</p></>",
+  })
+  const r = consumer(f.scan())
+  expect(r).toHaveLength(6)
+  expect(r.every((v) => v.origin === 'local-control')).toBe(true)
+})
+test('central token use does not authorize a separately implemented button', () => {
+  const f = fixture({
+    [location]:
+      "import {cn} from '@sim/emcn'; export const A=()=> <button className={cn('text-[var(--text-body)]')}/>",
+  })
+  expect(consumer(f.scan())[0].origin).toBe('local-control')
+})
+test('noninteractive roles and input change handlers are not button evidence', () => {
+  const f = fixture({
+    [location]:
+      "const Field=()=> <input type='text'/>; export const A=()=> <><p role='alert'/><div role='status'/><Field onChange={()=>{}}/><div onClick={()=>{}}/></>",
+  })
+  expect(consumer(f.scan()).map((r) => [r.tag, r.origin])).toEqual([
+    ['div', 'interaction-candidate'],
+  ])
+})
+test('semantic EMCN renderers are proven while roles on imported components retain their real origin', () => {
+  const f = fixture({
+    'packages/emcn/src/index.ts':
+      "export {Button} from './components/button/button'; export const PopoverItem=()=> <div role='menuitem'/>",
+    [location]:
+      "import {Button,PopoverItem} from '@sim/emcn'; export const A=()=> <><Button role='tab'/><PopoverItem/></>",
+  })
+  expect(consumer(f.scan()).map((r) => r.origin)).toEqual(['emcn-component', 'emcn-component'])
+})
+test('Radix context providers are not classified as interactive controls by their Root export name', () => {
+  const f = fixture({
+    [location]:
+      "import {Root as Menu} from '@radix-ui/react-dropdown-menu'; import {Root as Check} from '@radix-ui/react-checkbox'; export const A=()=> <><Menu/><Check/></>",
+  })
+  expect(consumer(f.scan()).map((r) => [r.tag, r.origin])).toEqual([['Check', 'external-control']])
+})
+test('native action-input wrappers retain their origin and unknown native spreads remain explicit', () => {
+  const f = fixture({
+    [location]:
+      "const Check=()=> <input type='checkbox'/>; export const A=({props})=> <><Check/><div {...props}/></>",
+  })
+  expect(consumer(f.scan()).map((r) => r.origin)).toEqual(['local-control', 'local-control'])
+  expect(f.scan().unchecked.some((r) => r.reason.includes('Unknown spread may supply'))).toBe(true)
+})
+test('compositions are not mistaken for button wrappers, and children remain inventoried', () => {
+  const f = fixture({
+    [location]:
+      "import {Button} from '@sim/emcn'; const Form=()=> <form><input/><Button/></form>; export const Page=()=> <Form/>",
+  })
+  expect(consumer(f.scan()).map((x) => x.tag)).toEqual(['Button'])
+})
+test('conditional returns retain local and central alternatives rather than hiding local branches', () => {
+  const f = fixture({
+    [location]:
+      "import {Button} from '@sim/emcn'; const Mixed=({custom})=> custom ? <button/> : <Button/>; export const Page=()=> <Mixed/>",
+  })
+  const mixed = consumer(f.scan()).find((x) => x.tag === 'Mixed')
+  if (!mixed) throw new Error('Missing Mixed use')
+  expect(mixed.terminals).toContain('native:button')
+  expect(mixed.origin).not.toBe('emcn-component')
+})
+test('static spreads retain finite choices; later unknown spreads invalidate apparent certainty', () => {
+  const f = fixture({
+    [location]:
+      "import {Button} from '@sim/emcn'; const known={size:'icon'}; export const A=({active,props})=> <><Button {...known} variant={active?'primary':'quiet'}/><Button size='icon' {...props}/></>",
+  })
+  const [a, b] = consumer(f.scan())
+  expect(a.inputs.size.values).toEqual(['icon'])
+  expect(a.inputs.variant.values).toEqual(['primary', 'quiet'])
+  expect(a.spread).toBe(false)
+  expect(b.spread).toBe(true)
+  expect(b.inputs.size.unresolved).toBe(true)
+})
+test('repeated source uses are counted once and labelled instead of fabricating runtime multiplicity', () => {
+  const f = fixture({
+    [location]:
+      "import {Button} from '@sim/emcn'; export const A=({items})=> <>{items.map(i=> <Button key={i}/>)}</>",
+  })
+  expect(consumer(f.scan())).toHaveLength(1)
+  expect(consumer(f.scan())[0].multiplicity).toBe('repeated-source')
+})
+test('cycles and unsupported factories remain unresolved and discovery order is deterministic', () => {
+  const f = fixture({
+    [location]:
+      "import {Button} from './a'; const Special=makeButton(); export const A=()=> <><Button onClick={()=>{}}/><Special onClick={()=>{}}/></>",
+    'apps/sim/components/a.ts': "export {Button} from './b'",
+    'apps/sim/components/b.ts': "export {Button} from './a'",
+  })
+  const r = f.scan()
+  expect(consumer(r).every((v) => v.origin === 'unresolved')).toBe(true)
+  expect(r.unchecked.length).toBeGreaterThan(0)
+  expect(inspectControls(f.source(), [], 'reverse')).toEqual(r)
+})
+test('React createElement and literal rendered HTML are found; arbitrary strings are not controls', () => {
+  const f = fixture({
+    [location]:
+      "import React from 'react'; const unused='<button>not rendered</button>'; export const A=()=> <><div dangerouslySetInnerHTML={{__html:'<button>Save</button>'}}/>{React.createElement('button',{type:'submit'},'Save')}</>",
+  })
+  const r = consumer(f.scan())
+  expect(r).toHaveLength(2)
+  expect(r.map((v) => v.syntax).sort()).toEqual(['create-element', 'html'])
+})
+test('dynamic HTML and imperative DOM remain visible analysis gaps', () => {
+  const f = fixture({
+    [location]:
+      "export const A=({html})=> <div dangerouslySetInnerHTML={{__html:html}}/>; document.createElement('button');",
+  })
+  const r = f.scan()
+  expect(r.unchecked.some((v) => v.reason.includes('HTML sink'))).toBe(true)
+  expect(r.unchecked.some((v) => v.reason.includes('Imperative DOM'))).toBe(true)
+})
+test('runtime input semantics and literal HTML click handlers remain reviewable', () => {
+  const f = fixture({
+    [location]:
+      'export const A=({type})=> <><input type={type}/><div dangerouslySetInnerHTML={{__html:\'<div onclick="run()">Open</div>\'}}/></>',
+  })
+  expect(Object.fromEntries(consumer(f.scan()).map((r) => [r.tag, r.origin]))).toEqual({
+    input: 'unresolved',
+    div: 'interaction-candidate',
+  })
+})
+test('known Radix controls are external origins while hidden submit buttons are nonvisual', () => {
+  const f = fixture({
+    [location]:
+      "import {Item} from '@radix-ui/react-dropdown-menu'; export const A=()=> <><Item/><button hidden type='submit'/></>",
+  })
+  expect(consumer(f.scan()).map((v) => v.origin)).toEqual(['external-control', 'nonvisual'])
+})
+test('landing and tests stay excluded; parsing failures are never invisible', () => {
+  const f = fixture({
+    [location]: 'export const A=()=> <button>',
+    'apps/sim/app/(landing)/page.tsx': 'export const A=()=> <button/>',
+    'apps/sim/components/a.test.tsx': 'export const A=()=> <button/>',
+  })
+  const r = f.scan()
+  expect(r.coverage.parseFailures).toBe(1)
+  expect(r.coverage.excludedFiles).toContain('apps/sim/app/(landing)/page.tsx')
+  expect(r.coverage.excludedFiles).toContain('apps/sim/components/a.test.tsx')
+})
+test('working-tree source includes changed/untracked files and deletions; source mutation prevents publication', () => {
+  const f = fixture({ [location]: 'export const A=()=> <button/>' })
+  f.write(location, 'export const A=()=> <button aria-label="Changed"/>')
+  f.write('apps/sim/components/new.tsx', 'export const A=()=> <button/>')
+  const source = new GitSource(f.repo, 'HEAD', true)
+  expect(inspectControls(source, []).records.some((v) => v.file.endsWith('/new.tsx'))).toBe(true)
+  expect(consumer(inspectControls(source, []))[0].inputs['aria-label'].values).toEqual(['Changed'])
+  expect(consumer(f.scan())[0].inputs['aria-label']).toBeUndefined()
+  source.assertUnchanged()
+  f.write(location, 'export const A=()=> <button aria-label="Another edit"/>')
+  expect(() => source.assertUnchanged()).toThrow('changed during')
+  rmSync(path.join(f.repo, location))
+  expect(new GitSource(f.repo, 'HEAD', true).entries.some((v) => v.path === location)).toBe(false)
+})
+test('EMCN test fixtures stay excluded in both snapshot and working-tree discovery', () => {
+  const file = 'packages/emcn/src/components/button/button.test.tsx'
+  const f = fixture({
+    [file]: 'export const Test=()=> <button/>',
+    [location]: 'export const A=()=> <button/>',
+  })
+  for (const source of [f.source(), new GitSource(f.repo, 'HEAD', true)]) {
+    const result = inspectControls(source, [])
+    expect(result.coverage.excludedFiles).toContain(file)
+    expect(result.records.some((r) => r.file === file)).toBe(false)
+  }
+})
+
+test('imported immutable appearances, templates, reexports, spreads and undefined preserve precedence', () => {
+  const f = fixture({
+    [location]: `import {Button} from '@sim/emcn'; import {props,label} from './barrel'; export const A=({flag})=><><Button {...props} size='icon' className={label}/><Button size='icon' {...props}/><Button variant={flag?'primary':undefined}/><Button {...props} {...runtime} size='sm'/></>`,
+    'apps/sim/components/barrel.ts': `export {props,label} from './constants'`,
+    'apps/sim/components/constants.ts':
+      // biome-ignore lint/suspicious/noTemplateCurlyInString: literal source for the parser fixture
+      "const height='h-9'; const base={size:'lg'}; export const props={...base,size:undefined}; export const label=`${height} w-full`;",
+  })
+  const [a, b, c, d] = consumer(f.scan())
+  expect(a.inputs.className.values).toEqual(['h-9 w-full'])
+  expect(a.inputs.size.values).toEqual(['icon'])
+  expect(a.spread).toBe(false)
+  expect(b.inputs.size.mayBeUndefined).toBe(true)
+  expect(b.inputs.size.values).toEqual([])
+  expect(c.inputs.variant.values).toEqual(['primary'])
+  expect(c.inputs.variant.mayBeUndefined).toBe(true)
+  expect(d.inputs.size.values).toEqual(['sm'])
+  expect(d.spread).toBe(true)
+})
+
+test('mutations, escapes, cycles, arbitrary helpers and shadowed undefined remain uncertain', () => {
+  const f = fixture({
+    [location]: `import {Button} from '@sim/emcn'; const props={size:'sm'}; props.size='lg'; const cycle=cycle; const escaped={variant:'primary'}; mutate(escaped); export const A=({undefined})=><><Button {...props}/><Button {...escaped}/><Button size={cycle}/><Button size={compute()}/><Button variant={undefined}/></>`,
+  })
+  const r = consumer(f.scan())
+  expect(r[0].spread).toBe(true)
+  expect(r[1].spread).toBe(true)
+  expect(r.slice(2).every((x) => Object.values(x.inputs).some((i) => i.unresolved))).toBe(true)
+})
+
+const poly = `import {forwardRef} from 'react'; import {Slot} from '@radix-ui/react-slot'; export const Local=forwardRef(({asChild=false,...props},ref)=>{const Comp=asChild?Slot:'button';return <Comp className='local' {...props} ref={ref}/>})`
+test('polymorphic defaults, false, true, conditional and missing children retain styling ownership', () => {
+  const f = fixture({
+    [location]: `import {Button} from '@sim/emcn'; import {Local} from './local'; export const A=({flag})=><><Local/><Local asChild={false}/><Local asChild><Button/></Local><Local asChild><a href='/x'/></Local><Local asChild={flag}><Button/></Local><Local asChild/><Local asChild><Button/><Button/></Local></>`,
+    'apps/sim/components/local.tsx': poly,
+  })
+  const r = consumer(f.scan()).filter((r) => r.tag === 'Local')
+  expect(r).toHaveLength(7)
+  expect(r.slice(0, 2).map((x) => x.origin)).toEqual(['local-control', 'local-control'])
+  expect(r[2].origin).toBe('emcn-component')
+  expect(r[2].stylingOwners.some((x) => x.includes('#Local@'))).toBe(true)
+  expect(r[2].relationship).toContain('delegates-to-child')
+  expect(r[3].origin).toBe('local-control')
+  expect(r.slice(4).every((x) => x.origin === 'unresolved')).toBe(true)
+})
+
+const tooltip = `import * as React from 'react'; import {Slot} from '@radix-ui/react-slot'; const Context=React.createContext(null); function Root({children}){return <Context.Provider value={{}}>{children}</Context.Provider>} const Trigger=React.forwardRef(({asChild=false,...props},ref)=>{const Comp=asChild?Slot:'button'; return <Comp ref={ref} {...props}/>}); const Content=({children})=><div role='tooltip'>{children}</div>; export const Tooltip={Root,Trigger,Content};`
+test('compound exports establish single delegated controls, not composition inheritance', () => {
+  const f = fixture({
+    'packages/emcn/src/index.ts': `export * from './components/button/button';export * from './components/tooltip/tooltip'`,
+    'packages/emcn/src/components/tooltip/tooltip.tsx': tooltip,
+    'apps/sim/components/wrap.tsx': `import {Tooltip,Button} from '@sim/emcn'; export const Tool=()=> <Tooltip.Root><Tooltip.Trigger asChild><Button/></Tooltip.Trigger><Tooltip.Content>Help</Tooltip.Content></Tooltip.Root>; export const Multi=()=> <Tooltip.Root><Button/><Button/></Tooltip.Root>; export const Local=()=> <div><Button/></div>`,
+    [location]: `import {Tool,Multi,Local} from './wrap'; export const A=()=> <><Tool/><Multi/><Local/></>`,
+  })
+  const r = consumer(f.scan())
+  expect(r.map((x) => x.tag)).toEqual(['Tool'])
+  expect(r[0].origin).toBe('emcn-component')
+  expect(r[0].relationship).toContain('delegates-to-child')
+})
+test('mutated compound exports and unrelated central imports do not grant central origin', () => {
+  const f = fixture({
+    [location]: `import {Button} from '@sim/emcn'; const Parts={Root:Button}; Parts.Root=Other; export const A=()=> <><Parts.Root onClick={()=>{}}/><Unknown onClick={()=>{}}/></>`,
+  })
+  expect(consumer(f.scan()).every((r) => r.origin === 'unresolved')).toBe(true)
+})
+test('literal attached imperative controls retain assignments, names and handlers', () => {
+  const f = fixture({
+    [location]: `export function widget(label){ const root=document.createElement('span'); if(label){const cancel=document.createElement('button'); cancel.type='button'; cancel.className='underline'; cancel.textContent='Cancel insertion'; cancel.setAttribute('aria-label',\`Cancel \${label}\`);cancel.addEventListener('click',()=>{const restore=document.activeElement===cancel; doAction(restore)});root.append(cancel)} return root}`,
+  })
+  const [r] = consumer(f.scan())
+  expect(r.syntax).toBe('imperative')
+  expect(r.inputs.type.values).toEqual(['button'])
+  expect(r.inputs.textContent.values).toEqual(['Cancel insertion'])
+  expect(r.inputs['aria-label'].unresolved).toBe(true)
+  expect(r.handlers).toContain('onclick')
+})
+test('unattached, dynamic and escaped DOM references stay explicit gaps', () => {
+  const f = fixture({
+    [location]: `document.createElement('button'); const x=document.createElement(tag); export function widget(){const b=document.createElement('button'); mutate(b); return b}`,
+  })
+  expect(consumer(f.scan())).toEqual([])
+  expect(f.scan().unchecked.filter((x) => x.reason.includes('Imperative DOM'))).toHaveLength(3)
+})
+test('decorative trees are accounted for; pointer inert focus and interactive HTML remain gaps or controls', () => {
+  const f = fixture({
+    [location]: `export function ghost(){const d=document.createElement('div');d.style.cssText='pointer-events:none'; const s=document.createElement('span');s.innerHTML='<svg><path d="M0 0"/></svg>'; d.append(s);return d} export function focus(){const d=document.createElement('div');d.style.cssText='pointer-events:none';d.tabIndex=0;return d} export function unknown(){const d=document.createElement('div');d.innerHTML='<button>Hi</button>';return d}`,
+  })
+  const r = f.scan()
+  expect(r.nonUi).toHaveLength(3)
+  expect(consumer(r).some((x) => x.inputs.tabIndex?.values?.includes(0))).toBe(true)
+  expect(r.unchecked.some((x) => x.reason.includes('HTML assignment'))).toBe(true)
+})
+test('only proven data-only script transports leave HTML diagnostics', () => {
+  const f = fixture({
+    [location]:
+      String.raw`function serialize(env){return JSON.stringify(env).replace(/</g,'\\u003c').replace(/\u2028/g,'\\u2028').replace(/\u2029/g,'\\u2029')} export const A=({env,html})=><><script dangerouslySetInnerHTML={{__html:\`window['__ENV'] = \${serialize(env)}\`}}/>
+<script dangerouslySetInnerHTML={{__html:html}}/>
+<script dangerouslySetInnerHTML={{__html:\`document.write(\${serialize(env)})\`}}/></>`
+        .replaceAll('\\`', '`')
+        .replaceAll('\\${', '${'),
+  })
+  const r = f.scan()
+  expect(r.nonUi).toHaveLength(1)
+  expect(r.unchecked.filter((x) => x.reason.includes('HTML sink'))).toHaveLength(2)
+})
+
+test('central CVA defaults distinguish omitted, undefined, explicit and null inputs', () => {
+  const f = fixture({
+    'packages/emcn/src/components/button/button.tsx': `import {cva} from 'class-variance-authority'; const buttonVariants=cva('base',{variants:{size:{sm:'small',md:'medium'}},defaultVariants:{size:'md'}}); export const Button=({size,className,...props})=><button {...props} className={buttonVariants({size,className})}/>`,
+    [location]: `import {Button} from '@sim/emcn';export const A=({flag})=><><Button/><Button size={flag?'sm':undefined}/><Button size={null}/></>`,
+  })
+  const [a, b, c] = consumer(f.scan())
+  expect(a.inputs.size.omitted).toBe(true)
+  expect(a.inputs.size.effectiveValues).toEqual(['md'])
+  expect(b.inputs.size.effectiveValues).toEqual(['sm', 'md'])
+  expect(c.inputs.size.effectiveValues).toEqual([null])
+})
+test('asChild syntax inside a multi-control composition cannot impersonate a governing renderer', () => {
+  const f = fixture({
+    [location]: `import {Slot} from '@radix-ui/react-slot';import {Button} from '@sim/emcn';const Multi=({asChild=false,...props})=>{const Comp=asChild?Slot:'button';return <div><Comp {...props}/><Button/></div>};export const A=()=> <Multi asChild><Button/></Multi>`,
+  })
+  expect(consumer(f.scan()).some((r) => r.tag === 'Multi')).toBe(false)
+})
+
+test('cross-module object mutation and nested escape cannot establish immutable appearance', () => {
+  const f = fixture({
+    [location]: `import {Button} from '@sim/emcn'; import {props} from './data';props.size='lg'; const base={size:'sm'};const box={base}; mutate(box); export const A=()=> <><Button {...props}/><Button {...base}/></>`,
+    'apps/sim/components/data.ts': `export const props={size:'sm'}`,
+  })
+  expect(consumer(f.scan()).every((r) => r.spread)).toBe(true)
+})
+test('namespace static values and conditional object spreads retain alternatives', () => {
+  const f = fixture({
+    [location]: `import {Button} from '@sim/emcn';import * as C from './data';export const A=({flag})=><><Button className={C.label}/><Button size='sm' {...(flag?C.props:{})}/></>`,
+    'apps/sim/components/data.ts': `export const label='h-9';export const props={size:'lg'}`,
+  })
+  const [a, b] = consumer(f.scan())
+  expect(a.inputs.className.values).toEqual(['h-9'])
+  expect(b.inputs.size.values).toEqual(['lg', 'sm'])
+  expect(b.spread).toBe(false)
+})
+test('imperative parent escape prevents claims about its attached control', () => {
+  const f = fixture({
+    [location]: `export function widget(){const root=document.createElement('div');const button=document.createElement('button');root.append(button);mutate(root);return root}`,
+  })
+  expect(consumer(f.scan())).toHaveLength(0)
+  expect(f.scan().unchecked.some((n) => n.reason.includes('Imperative DOM'))).toBe(true)
+})
+test('source modules are parsed without executing top-level code', () => {
+  const f = fixture({
+    [location]: `import {Button} from '@sim/emcn';import {label} from './data';export const A=()=> <Button className={label}/>`,
+    'apps/sim/components/data.ts': `throw new Error('MUST NEVER EXECUTE');export const label='h-9'`,
+  })
+  expect(consumer(f.scan())[0].inputs.className.values).toEqual(['h-9'])
+})
+
+test('input branch and recursion budgets retain unresolved results without executing helpers', () => {
+  const f = fixture({
+    [location]: `import {Button} from '@sim/emcn';const bit=flag?'a':'b';const a0='x';${Array.from({ length: 25 }, (_, i) => `const a${i + 1}=a${i};`).join('')} export const A=()=> <><Button className={\`\${bit}\${bit}\${bit}\${bit}\${bit}\${bit}\${bit}\`}/><Button className={a25}/></>`,
+  })
+  expect(consumer(f.scan()).every((r) => r.inputs.className.unresolved)).toBe(true)
+})
+
+test('static style objects expose properties and later spreads preserve uncertainty', () => {
+  const f = fixture({
+    [location]: `import {Button} from '@sim/emcn';import {style} from './data';export const A=()=> <><Button style={{...style,color:'red'}}/><Button style={{...style,...runtime}}/></>`,
+    'apps/sim/components/data.ts': `export const style={color:'blue',height:36}`,
+  })
+  const [a, b] = consumer(f.scan())
+  expect(a.inputs.style.unresolved).toBe(false)
+  expect(a.inputs.style.properties?.color.values).toEqual(['red'])
+  expect(a.inputs.style.properties?.height.values).toEqual([36])
+  expect(b.inputs.style.unresolved).toBe(true)
+})
+test('compound namespace and immutable local aliases retain delegation', () => {
+  const f = fixture({
+    'packages/emcn/src/index.ts': `export * from './components/button/button';export * from './components/tooltip/tooltip'`,
+    'packages/emcn/src/components/tooltip/tooltip.tsx': tooltip,
+    [location]: `import * as E from '@sim/emcn';const T=E.Tooltip;export const Tool=()=> <T.Root><T.Trigger asChild><E.Button/></T.Trigger><T.Content>Help</T.Content></T.Root>`,
+  })
+  const r = consumer(f.scan()).find((r) => r.tag === 'T.Root')
+  expect(r?.origin).toBe('emcn-component')
+  expect(r?.relationship).toContain('delegates-to-child')
+})
+
+test('arbitrary literal scripts remain analysis gaps rather than being parsed as HTML', () => {
+  const f = fixture({
+    [location]: `export const A=()=> <script dangerouslySetInnerHTML={{__html:'document.body.innerHTML="<button>Run</button>"'}}/>`,
+  })
+  expect(consumer(f.scan())).toHaveLength(0)
+  expect(f.scan().unchecked.some((n) => n.reason.includes('Script HTML sink'))).toBe(true)
+})
+
+test('a styling-only Slot wrapper around a span is not invented as a control', () => {
+  const f = fixture({
+    [location]: `import {Local} from './local';export const A=()=> <Local asChild><span>Text</span></Local>`,
+    'apps/sim/components/local.tsx': poly,
+  })
+  expect(consumer(f.scan())).toEqual([])
+})
+test('mutation of a finite object alternative remains unresolved', () => {
+  const f = fixture({
+    [location]: `import {Button} from '@sim/emcn';const props=flag?{size:'sm'}:{size:'lg'};props.size=runtime;export const A=()=> <Button {...props}/>`,
+  })
+  expect(consumer(f.scan())[0].spread).toBe(true)
+})
+
+test('mutating an imported compound member invalidates its renderer proof', () => {
+  const f = fixture({
+    'packages/emcn/src/index.ts': `export * from './components/button/button';export * from './components/tooltip/tooltip'`,
+    'packages/emcn/src/components/tooltip/tooltip.tsx': tooltip,
+    [location]: `import {Tooltip,Button} from '@sim/emcn';Tooltip.Trigger=runtime;export const A=()=> <Tooltip.Trigger asChild onClick={()=>{}}><Button/></Tooltip.Trigger>`,
+  })
+  expect(consumer(f.scan()).find((r) => r.tag === 'Tooltip.Trigger')?.origin).toBe('unresolved')
+})
+
+test('working-tree source identity notices changes in excluded marketing sources without parsing them', () => {
+  const helper = 'apps/sim/lib/content/mdx.tsx'
+  const landing = 'apps/sim/app/(landing)/page.tsx'
+  const f = fixture({
+    [helper]: 'export const components = {}',
+    [landing]: 'import { components } from "@/lib/content/mdx"',
+  })
+  const source = new GitSource(f.repo, 'HEAD', true)
+  expect(inspectTypography(source).ownership).toEqual([])
+  expect(inspectControls(source, []).coverage.excludedFiles).toContain(landing)
+  expect(inspectControls(source, []).coverage.excludedFiles).toContain(helper)
+  source.assertUnchanged()
+  f.write(landing, 'export const Page = () => null')
+  expect(() => source.assertUnchanged()).toThrow('changed during')
+  expect(inspectTypography(new GitSource(f.repo, 'HEAD', true)).ownership).toEqual([])
+})
+
+test('oversized nonimporting data does not cause marketing source inspection', () => {
+  const f = fixture({
+    'apps/sim/lib/content/mdx.tsx': 'export const mdxComponents = {}',
+    'apps/sim/app/(landing)/page.tsx': 'import {mdxComponents} from "@/lib/content/mdx"',
+    'apps/sim/tools/generated/tool-metadata.ts': `export const data = '${'x'.repeat(2 * 1024 * 1024)}'`,
+  })
+  expect(inspectTypography(f.source()).ownership).toEqual([])
+})
+
+test('inline DOM event attributes preserve interactivity', () => {
+  const f = fixture({
+    [location]: `export function widget(){const el=document.createElement('div');el.className='bg-red-500';el.setAttribute('onclick','doSomething()');return el}`,
+  })
+  const records = consumer(f.scan())
+  expect(records).toHaveLength(1)
+  expect(records[0].handlers).toContain('onclick')
+})
+
+test('async and generator serializers cannot prove a JSON-only script transport', () => {
+  for (const prefix of ['async function', 'function*']) {
+    const code =
+      String.raw`function serialize(env){return JSON.stringify(env).replace(/</g,'\\u003c')} export const A=({env})=> <script dangerouslySetInnerHTML={{__html:\`window.STATE = \${serialize(env)}\`}}/>`
+        .replace('function serialize', `${prefix} serialize`)
+        .replaceAll('\\`', '`')
+        .replaceAll('\\${', '${')
+    const f = fixture({ [location]: code })
+    const report = f.scan()
+    expect(report.nonUi).toEqual([])
+    expect(report.unchecked.some((n) => n.reason.includes('HTML sink'))).toBe(true)
+  }
+})
+
+test('attached imperative textarea is a local native control', () => {
+  const f = fixture({
+    [location]:
+      "export function widget(){const root=document.createElement('div');const input=document.createElement('textarea');input.className='rounded-lg';root.append(input);return root}",
+  })
+  expect(consumer(f.scan()).map((r) => [r.tag, r.syntax, r.origin])).toEqual([
+    ['textarea', 'imperative', 'local-control'],
+  ])
+})
+test('literal HTML tabindex discovers focusable controls but excludes negative tabindex', () => {
+  const file = 'apps/sim/components/example.html'
+  const f = fixture({
+    [file]: "<div tabindex='0'>One</div><div tabindex='-1'>Two</div><div tabindex='1'>Three</div>",
+  })
+  expect(f.scan().records.filter((r) => r.file === file)).toHaveLength(2)
+})
+
+test('central controls are discovered from rendering, not a component name registry', () => {
+  const plain = fixture({
+    'packages/emcn/src/components/button/button.tsx': 'export const Button=()=> <p>Text</p>',
+    [location]: "import {Button} from '@sim/emcn';export const A=()=> <Button/>",
+  })
+  expect(consumer(plain.scan())).toEqual([])
+  const control = fixture({
+    'packages/emcn/src/index.ts': "export * from './components/new-control'",
+    'packages/emcn/src/components/new-control.tsx':
+      "import {cva} from 'class-variance-authority';const recipe=cva('',{variants:{density:{compact:'p-1',large:'p-4'}},defaultVariants:{density:'compact'}});export const NewControl=({density,className})=> <button className={recipe({density})}/>",
+    [location]: "import {NewControl} from '@sim/emcn';export const A=()=> <NewControl/>",
+  })
+  const record = consumer(control.scan())[0]
+  expect(record.origin).toBe('emcn-component')
+  expect(record.inputs.density.effectiveValues).toEqual(['compact'])
+})
+
+test('imperative anchors require href or an explicit interaction', () => {
+  const f = fixture({
+    [location]:
+      "export function widget(){const root=document.createElement('div');const text=document.createElement('a');text.textContent='Text';const link=document.createElement('a');link.setAttribute('href','/go');root.append(text,link);return root}",
+  })
+  expect(consumer(f.scan()).map((r) => r.inputs.href?.values)).toEqual([['/go']])
+})
+test('spread anchor href remains unresolved without inventing interaction for an omitted href', () => {
+  const f = fixture({
+    [location]:
+      "export const A=props=><><a {...props} className='rounded-lg'>Unknown</a><a {...props} href={undefined}>Text</a><a {...{href:'/go'}} className='rounded-lg'>Known</a></>",
+  })
+  const result = f.scan()
+  const records = consumer(result)
+  expect(records).toHaveLength(2)
+  expect(records.map((r) => r.origin)).toEqual(['unresolved', 'local-control'])
+  expect(records[0].inputs.className.values).toEqual(['rounded-lg'])
+  expect(result.unchecked.some((d) => d.reason === 'Anchor href remains unresolved')).toBe(true)
+})
+test('DOM class and uppercase attributes normalize before control review', () => {
+  const f = fixture({
+    [location]:
+      "export function widget(){const root=document.createElement('div');const button=document.createElement('div');button.setAttribute('ROLE','button');button.setAttribute('CLASS','rounded-lg');root.append(button);return root}",
+  })
+  const r = consumer(f.scan())[0]
+  expect(r.inputs.role.values).toEqual(['button'])
+  expect(r.inputs.className.values).toEqual(['rounded-lg'])
+  expect(r.appearance.localInputs).toBe(true)
+})
diff --git a/scripts/design-scan/identity.ts b/scripts/design-scan/identity.ts
new file mode 100644
index 00000000000..a8e01507c62
--- /dev/null
+++ b/scripts/design-scan/identity.ts
@@ -0,0 +1,35 @@
+import { readdirSync, readFileSync } from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { contractsHash, registry } from '#design-conformance/contracts'
+import { canonical, hash } from '#design-conformance/model'
+
+const toolRoot = fileURLToPath(new URL('./', import.meta.url))
+const analysisRoot = fileURLToPath(new URL('../design-conformance/', import.meta.url))
+
+/** The full scan and diff check read the same maintained analyzer in this repository. */
+export function scannerIdentity() {
+  const files = [
+    ...readdirSync(toolRoot)
+      .filter((name) => name.endsWith('.ts'))
+      .map((name) => [toolRoot, name]),
+    ...readdirSync(analysisRoot)
+      .filter((name) => /\.(?:ts|json)$/.test(name))
+      .map((name) => [analysisRoot, name]),
+  ]
+    .map(([directory, name]) => [
+      path.relative(toolRoot, path.join(directory, name)),
+      hash(readFileSync(path.join(directory, name))),
+    ])
+    .sort(([left], [right]) => (left < right ? -1 : left > right ? 1 : 0))
+
+  return {
+    version: 'design-scan/2',
+    sourceHash: hash(canonical(files)),
+    policy: registry.policy,
+    contractsHash,
+    bun: process.versions.bun ?? null,
+  }
+}
+
+if (import.meta.main) process.stdout.write(`${JSON.stringify(scannerIdentity(), null, 2)}\n`)
diff --git a/scripts/design-scan/inventory.test.ts b/scripts/design-scan/inventory.test.ts
new file mode 100644
index 00000000000..cab0e1c138c
--- /dev/null
+++ b/scripts/design-scan/inventory.test.ts
@@ -0,0 +1,772 @@
+import { execFileSync, spawnSync } from 'node:child_process'
+import {
+  existsSync,
+  mkdirSync,
+  mkdtempSync,
+  readFileSync,
+  rmSync,
+  symlinkSync,
+  writeFileSync,
+} from 'node:fs'
+import os from 'node:os'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { afterEach, expect, test } from 'vitest'
+import { findingFingerprint } from '#control-analysis/review-ledger'
+import { testComponents } from '#design-conformance/test-source'
+import { GitSource } from '#design-conformance/worktree-source'
+import { scannerIdentity } from './identity'
+import { inspectInventory } from './inventory'
+import { csv, groups, validateOutput } from './report'
+
+const temporary: string[] = []
+afterEach(() => {
+  for (const dir of temporary.splice(0)) rmSync(dir, { recursive: true, force: true })
+})
+const component = 'apps/sim/components/example.tsx'
+const globals = 'apps/sim/app/_styles/globals.css'
+const sources: Record<string, string> = {
+  [globals]:
+    '@theme {--text-small:13px;--font-mono:monospace;--radius-lg:8px;--shadow-card:0 1px 2px #000;} :root{--text-body:#434343;--text-muted:#777;--text-error:#f00;--border:#ddd}',
+  'packages/emcn/src/index.ts': "export * from './components/button/button'",
+  'packages/emcn/src/components/button/button.tsx':
+    "export const Button=({className,...props}:import('react').HTMLAttributes<HTMLButtonElement>)=> <button {...props} className={cn('h-8 rounded-lg px-2 bg-[var(--text-body)] text-[var(--text-body)]',className)}/>; export const centralColour='#434343'",
+}
+function fixture(files: Record<string, string> = {}, includeCentral = true) {
+  const base = mkdtempSync(path.join(os.tmpdir(), 'sim-one-off-fixture-'))
+  temporary.push(base)
+  const repo = path.join(base, 'repo')
+  mkdirSync(repo)
+  const git = (...args: string[]) =>
+    execFileSync('git', ['-c', 'core.hooksPath=/dev/null', '-c', 'commit.gpgsign=false', ...args], {
+      cwd: repo,
+      stdio: ['ignore', 'pipe', 'pipe'],
+    })
+      .toString()
+      .trim()
+  git('init', '-q')
+  git('config', 'user.name', 'Synthetic Fixture')
+  git('config', 'user.email', 'fixture@example.invalid')
+  for (const [file, text] of Object.entries({ ...(includeCentral ? sources : {}), ...files })) {
+    mkdirSync(path.dirname(path.join(repo, file)), { recursive: true })
+    writeFileSync(path.join(repo, file), text)
+  }
+  git('add', '.')
+  git('commit', '-qm', 'synthetic source fixture', '--allow-empty')
+  return { repo, base, git, source: () => new GitSource(repo, 'HEAD') }
+}
+const text = (classes: string) =>
+  `export const A=()=> <p className=${JSON.stringify(classes)}>Text</p>`
+
+test('full scan records the maintained analyzer identity', () => {
+  expect(scannerIdentity().policy).toBe('design-conformance/2.0.0')
+  expect(scannerIdentity().sourceHash).toMatch(/^[a-f\d]{64}$/)
+})
+
+test('inventories unchanged debt, preserves source locations and ignores central literal authoring', async () => {
+  const f = fixture({ [component]: `\n\n${text('text-[#434343] text-[13px]')}` })
+  const r = await inspectInventory(f.source())
+  expect(r.status).toBe('completed')
+  expect(r.findings.map((x) => x.rule).sort()).toEqual(['central-colour', 'central-typography'])
+  expect(r.findings.every((x) => x.file === component && x.line === 3 && x.column > 0)).toBe(true)
+  expect(r.findings.every((x) => x.kind === 'usage-violation')).toBe(true)
+  expect(r.coverage.files.central).toBe(3)
+})
+
+test('approved central choices and unrestricted ordinary layout pass', async () => {
+  const f = fixture({
+    [component]: text(
+      'text-small text-[var(--text-body)] font-mono rounded-lg shadow-card gap-[79px] w-[321px]'
+    ),
+  })
+  expect((await inspectInventory(f.source())).findings).toEqual([])
+})
+
+test('component ownership applies even with approved tokens', async () => {
+  const f = fixture({
+    [component]:
+      "import {Button} from '@sim/emcn'; export const A=()=> <Button className='bg-[var(--text-body)]'>Save</Button>",
+  })
+  expect(
+    (await inspectInventory(f.source())).findings.some((x) => x.rule === 'component-chrome')
+  ).toBe(true)
+})
+
+test('local imported literals are resolved without acquiring central provenance', async () => {
+  const f = fixture({
+    [component]:
+      "import {colour} from './palette'; export const A=()=> <p style={{color:colour}}>Text</p>",
+    'apps/sim/components/palette.ts': "export const colour='#434343'",
+  })
+  const r = await inspectInventory(f.source())
+  expect(r.findings.some((x) => x.file === component && x.rule === 'central-colour')).toBe(true)
+})
+
+test('central exports retain provenance through the same lookup', async () => {
+  const f = fixture({
+    [component]:
+      "import {centralColour} from '@sim/emcn'; export const A=()=> <p style={{color:centralColour}}>Text</p>",
+  })
+  expect((await inspectInventory(f.source())).findings).toEqual([])
+})
+
+test('wrapper forwarding preserves protected component contracts', async () => {
+  const f = fixture({
+    [component]: "import {Wrap} from './wrap'; export const A=()=> <Wrap className='px-7'/>",
+    'apps/sim/components/wrap.tsx':
+      "import {Button} from '@sim/emcn'; export const Wrap=({className})=> <Button className={className}/>",
+  })
+  expect(
+    (await inspectInventory(f.source())).findings.some(
+      (x) => x.file === component && x.rule === 'component-chrome'
+    )
+  ).toBe(true)
+})
+
+test('separate occurrences remain separate and closure reuse does not multiply them', async () => {
+  const f = fixture({
+    [component]: "import {Debt} from './debt'; export const A=()=> <><Debt/><Debt/></>",
+    'apps/sim/components/debt.tsx':
+      "export const Debt=()=> <><p className='text-[#123456]'>A</p><p className='text-[#123456]'>B</p></>",
+  })
+  const r = await inspectInventory(f.source())
+  expect(r.findings).toHaveLength(2)
+  expect(groups(r.findings)).toHaveLength(1)
+  expect(groups(r.findings)[0].occurrences).toBe(2)
+})
+
+test('scope and artwork ownership follow the shared policy', async () => {
+  const svg = "export const Art=()=> <svg><path d='M0 0L2 2'/></svg>"
+  const f = fixture({
+    [component]: svg,
+    'packages/emcn/src/icons/glyph.tsx': svg,
+    'apps/sim/app/(landing)/page.tsx': text('text-[#ff0000]'),
+    'apps/sim/app/(docs)/page.tsx': text('text-[#ff0000]'),
+    'apps/docs/app/page.tsx': text('text-[#ff0000]'),
+    'apps/sim/app/api/example/route.ts': text('text-[#ff0000]'),
+    'apps/sim/components/example.test.tsx': text('text-[#ff0000]'),
+    'apps/sim/blocks/provider.ts':
+      "export const Block: BlockConfig={type:'provider',category:'tools',bgColor:'#ff0000'}",
+  })
+  const r = await inspectInventory(f.source())
+  expect(r.findings).toHaveLength(1)
+  expect(r.findings[0].rule).toBe('central-artwork')
+  expect(r.findings[0].file).toBe(component)
+})
+
+test('full scan emits one chrome occurrence per owned property across shared passes', () => {
+  const f = fixture({
+    [component]:
+      "import {Button} from '@sim/emcn';export const A=()=> <Button className='rounded-full'>Save</Button>",
+  })
+  const output = path.join(f.base, 'ownership')
+  const result = spawnSync(
+    'bun',
+    [
+      '--no-env-file',
+      fileURLToPath(new URL('./scan.ts', import.meta.url)),
+      '--repo',
+      f.repo,
+      '--ref',
+      'HEAD',
+      '--output',
+      output,
+    ],
+    { encoding: 'utf8' }
+  )
+  expect(result.status, result.stderr).toBe(1)
+  const findings = JSON.parse(readFileSync(path.join(output, 'findings.json'), 'utf8'))
+  expect(
+    findings.filter(
+      (f: { rule: string; file: string; value: string }) =>
+        f.file === component && f.rule === 'component-chrome' && f.value === 'rounded-full'
+    )
+  ).toHaveLength(1)
+})
+
+test('registered block swatches are excluded for providers, built-in blocks and triggers', () => {
+  const provider = 'apps/sim/blocks/blocks/provider.ts'
+  const product = 'apps/sim/blocks/blocks/product.ts'
+  const trigger = 'apps/sim/blocks/blocks/trigger.ts'
+  const f = fixture({
+    [provider]: "export const Provider={category:'tools',bgColor:'#611f69',iconColor:'#611f69'}",
+    [product]: "export const Product={category:'blocks',bgColor:'#ff402f'}",
+    [trigger]: "export const Trigger={category:'triggers',bgColor:'#2f55ff'}",
+  })
+  const output = path.join(f.base, 'brand-review')
+  const result = spawnSync(
+    'bun',
+    [
+      '--no-env-file',
+      fileURLToPath(new URL('./scan.ts', import.meta.url)),
+      '--repo',
+      f.repo,
+      '--ref',
+      'HEAD',
+      '--output',
+      output,
+    ],
+    { encoding: 'utf8' }
+  )
+  expect(result.status, result.stderr).toBe(0)
+  const items = JSON.parse(readFileSync(path.join(output, 'findings.json'), 'utf8'))
+  expect(
+    items.some(
+      (item: { file: string; rule: string }) =>
+        [provider, product, trigger].includes(item.file) && item.rule === 'block-colour'
+    )
+  ).toBe(false)
+})
+
+test('full scan excludes Monaco theme colours but still checks styling beside the editor', () => {
+  const f = fixture({
+    [component]: `const syntax=[{token:'keyword',foreground:'33b4ff'}];
+      monaco.editor.defineTheme('dark',{rules:syntax,colors:{'editor.background':'#1b1b1b'}});
+      export const View=()=> <p className='text-[#123456]'>Text</p>`,
+  })
+  const output = path.join(f.base, 'monaco-review')
+  const result = spawnSync(
+    'bun',
+    [
+      '--no-env-file',
+      fileURLToPath(new URL('./scan.ts', import.meta.url)),
+      '--repo',
+      f.repo,
+      '--ref',
+      'HEAD',
+      '--output',
+      output,
+    ],
+    { encoding: 'utf8' }
+  )
+  expect(result.status, result.stderr).toBe(1)
+  const findings = JSON.parse(readFileSync(path.join(output, 'findings.json'), 'utf8'))
+  const items = JSON.parse(readFileSync(path.join(output, 'findings.json'), 'utf8'))
+  expect(findings.some((finding: { value: string }) => finding.value.includes('#123456'))).toBe(
+    true
+  )
+  expect(findings.some((finding: { value: string }) => finding.value === '#1b1b1b')).toBe(false)
+  expect(items.some((item: { rule: string }) => item.rule === 'syntax-colour')).toBe(false)
+})
+
+test('full scan excludes verified landing helpers until product imports them', () => {
+  const helper = 'apps/sim/lib/content/nested/renderer.tsx'
+  const landingMark = 'apps/sim/app/(landing)/components/mark.tsx'
+  const f = fixture({
+    'apps/sim/lib/content/unused-malformed.tsx': 'export const Broken = <',
+    [helper]: "export const Mdx=()=> <div className='rounded-[13px] text-[13px]' />",
+    [landingMark]: 'export const Mark=()=> <span>Logo</span>',
+    'apps/sim/app/(landing)/blog/page.tsx':
+      "import {Mdx} from '@/lib/content/nested/renderer'; export default function Page(){return <><Mdx/><button className='rounded-[14px]'>Landing</button></>}",
+    'apps/sim/app/(docs)/page.tsx':
+      "export const Page=()=> <button className='rounded-[14px]'>Docs</button>",
+    'apps/sim/components/logo-use.tsx':
+      "import {Mark} from '@/app/(landing)/components/mark'; export const LogoUse=()=> <Mark/>",
+  })
+  const run = (name: string) => {
+    const output = path.join(f.base, name)
+    const result = spawnSync(
+      'bun',
+      [
+        '--no-env-file',
+        fileURLToPath(new URL('./scan.ts', import.meta.url)),
+        '--repo',
+        f.repo,
+        '--ref',
+        'HEAD',
+        '--output',
+        output,
+      ],
+      { encoding: 'utf8' }
+    )
+    expect([0, 1], result.stderr).toContain(result.status)
+    return {
+      findings: JSON.parse(readFileSync(path.join(output, 'findings.json'), 'utf8')) as {
+        file: string
+      }[],
+      unchecked: JSON.parse(readFileSync(path.join(output, 'unchecked.json'), 'utf8')) as {
+        file: string
+        reason: string
+      }[],
+      coverage: JSON.parse(readFileSync(path.join(output, 'coverage.json'), 'utf8')) as {
+        files: Record<string, number>
+      },
+      controls: JSON.parse(readFileSync(path.join(output, 'controls.json'), 'utf8')) as {
+        records: { file: string }[]
+      },
+      simplifications: JSON.parse(
+        readFileSync(path.join(output, 'simplifications.json'), 'utf8')
+      ) as {
+        unchecked: { reason: string }[]
+      },
+    }
+  }
+  const landingOnly = run('landing-only')
+  expect(landingOnly.findings.some((finding) => finding.file === helper)).toBe(false)
+  expect(landingOnly.findings.some((finding) => finding.file.includes('(docs)'))).toBe(false)
+  expect(landingOnly.coverage.files.excluded).toBeGreaterThanOrEqual(3)
+  expect(
+    landingOnly.controls.records.some(
+      (record) => record.file.includes('(landing)') || record.file.includes('(docs)')
+    )
+  ).toBe(false)
+  expect(
+    landingOnly.simplifications.unchecked.some((item) =>
+      item.reason.includes('apps/sim/app/(landing)/components/mark:missing')
+    )
+  ).toBe(false)
+  mkdirSync(path.dirname(path.join(f.repo, component)), { recursive: true })
+  writeFileSync(
+    path.join(f.repo, component),
+    "import {Mdx} from '../lib/content/nested/renderer'; export const Product=()=> <Mdx/>"
+  )
+  f.git('add', '.')
+  f.git('commit', '-qm', 'product adopts helper')
+  const productOwned = run('product-owned')
+  expect(productOwned.findings.some((finding) => finding.file === helper)).toBe(false)
+  expect(
+    productOwned.unchecked.some(
+      (note) => note.file === component && note.reason.includes('excluded landing source')
+    )
+  ).toBe(true)
+})
+
+test('rendered HTML and SVG visible text retain typography checks', async () => {
+  const f = fixture({
+    [component]:
+      "export const A=()=> <><div dangerouslySetInnerHTML={{__html:'<p style=\"color:#123456\">Text</p>'}}/><svg><text fontSize='13'>Label</text></svg></>",
+  })
+  const r = await inspectInventory(f.source())
+  expect(r.findings.some((x) => x.rule === 'central-colour')).toBe(true)
+  expect(r.findings.some((x) => x.rule === 'central-typography')).toBe(true)
+})
+
+test('opaque helpers and cycles remain unchecked while nearby literal debt is found', async () => {
+  const f = fixture({
+    [component]:
+      "import {theme} from './a'; export const A=()=> <p className={unknown(theme)} style={{color:'#123456'}}>Text</p>",
+    'apps/sim/components/a.ts': "export {theme} from './b'",
+    'apps/sim/components/b.ts': "export {theme} from './a'",
+  })
+  const r = await inspectInventory(f.source())
+  expect(r.findings.some((x) => x.rule === 'central-colour')).toBe(true)
+  expect(r.unchecked.length).toBeGreaterThan(0)
+})
+
+test('oversized source and symlinks are unchecked, and source/config/plugins are not executed', async () => {
+  const f = fixture({
+    [component]: text('text-[#123456]'),
+    'apps/sim/components/large.tsx': ' '.repeat(2 * 1024 * 1024 + 1),
+  })
+  const marker = path.join(f.base, 'MUST-NOT-EXIST')
+  writeFileSync(
+    path.join(f.repo, 'apps/sim/components/danger.tsx'),
+    `require('node:fs').writeFileSync(${JSON.stringify(marker)},'bad'); ${text('text-[#234567]')}`
+  )
+  writeFileSync(
+    path.join(f.repo, 'apps/sim/postcss.config.mjs'),
+    `require('node:fs').writeFileSync(${JSON.stringify(marker)},'bad'); export default {plugins:[()=>{throw new Error('executed')}]}`
+  )
+  symlinkSync('example.tsx', path.join(f.repo, 'apps/sim/components/link.tsx'))
+  f.git('add', '.')
+  f.git('commit', '-qm', 'synthetic limits')
+  const r = await inspectInventory(f.source())
+  expect(existsSync(marker)).toBe(false)
+  expect(r.coverage.files.oversized).toBe(1)
+  expect(r.coverage.files.nonRegular).toBe(1)
+  expect(r.findings.length).toBeGreaterThanOrEqual(2)
+})
+
+test('reverse traversal and progress batches produce identical inventories', async () => {
+  const f = fixture({
+    [component]: text('text-[#123456]'),
+    'apps/sim/components/b.tsx': text('text-[13px]'),
+  })
+  const a = await inspectInventory(f.source(), { order: 'forward', batchSize: 1 })
+  const b = await inspectInventory(f.source(), { order: 'reverse', batchSize: 100 })
+  expect(JSON.stringify(b)).toBe(JSON.stringify(a))
+})
+
+test('modal ancestry crosses a forward closure and a valid field wrapper remains exempt', async () => {
+  const entry = 'apps/sim/components/entry.tsx'
+  const code =
+    "import {ChipModalBody} from '@sim/emcn'; import {Entry} from './entry'; export const A=()=> <ChipModalBody><Entry/></ChipModalBody>"
+  const f = fixture({
+    [component]: code,
+    [entry]:
+      "import {Label,ChipInput} from '@sim/emcn'; export function Entry(){return <div><div><Label>Thing</Label></div><section><ChipInput/></section></div>}",
+  })
+  const r = await inspectInventory(f.source())
+  expect(
+    r.findings.some(
+      (x) => x.file === entry && x.rule === 'modal-field' && x.reason.includes('components/example')
+    )
+  ).toBe(true)
+  writeFileSync(
+    path.join(f.repo, component),
+    code
+      .replace('{ChipModalBody}', '{ChipModalBody,ChipModalField}')
+      .replace('<Entry/>', '<ChipModalField type="custom" title="Thing"><Entry/></ChipModalField>')
+  )
+  f.git('add', '.')
+  f.git('commit', '-qm', 'synthetic field ownership fix')
+  expect((await inspectInventory(f.source())).findings.some((x) => x.rule === 'modal-field')).toBe(
+    false
+  )
+})
+
+test('shared index resolves more than 64 modules and is independent of traversal', async () => {
+  const files: Record<string, string> = {}
+  const imports: string[] = []
+  const children: string[] = []
+  for (let i = 0; i < 70; i++) {
+    const name = `c${String(i).padStart(2, '0')}`
+    files[`apps/sim/components/${name}.ts`] = `export const colour='#123456'`
+    imports.push(`import {colour as ${name}} from './${name}'`)
+    children.push(`<p style={{color:${name}}}>Text</p>`)
+  }
+  files[component] =
+    `${imports.join(';')}; export const A=()=> <>${children.join('')}<p style={{color:'#abcdef'}}>Known</p></>`
+  const f = fixture(files)
+  const a = await inspectInventory(f.source(), { order: 'forward' })
+  const b = await inspectInventory(f.source(), { order: 'reverse', batchSize: 1 })
+  expect(a.unchecked.some((x) => x.reason.includes('module limit'))).toBe(false)
+  expect(a.findings.some((x) => x.file === component && x.value.includes('#123456'))).toBe(true)
+  expect(a.findings.some((x) => x.value.includes('#abcdef'))).toBe(true)
+  expect(JSON.stringify(b)).toBe(JSON.stringify(a))
+})
+
+test('only committed blobs are inspected, including in shallow snapshot checkouts', async () => {
+  const f = fixture({ [component]: text('font-mono') })
+  const before = f.git('status', '--porcelain')
+  writeFileSync(path.join(f.repo, component), text('text-[#123456]'))
+  f.git('add', component)
+  expect((await inspectInventory(f.source())).findings).toEqual([])
+  const clone = path.join(f.base, 'shallow')
+  execFileSync('git', ['clone', '-q', '--depth=1', `file://${f.repo}`, clone])
+  expect((await inspectInventory(new GitSource(clone, 'HEAD'))).findings).toEqual([])
+  expect(before).toBe('')
+  expect(f.git('status', '--porcelain')).toContain(component)
+})
+
+test('missing required central source and invalid revisions fail operationally', async () => {
+  const f = fixture({ [component]: text('font-mono') }, false)
+  await expect(inspectInventory(f.source())).rejects.toThrow('Required central globals.css')
+  expect(() => new GitSource(f.repo, 'not-a-ref')).toThrow('Git operation failed')
+})
+
+test('CSV formulas and output paths cannot modify the source checkout', () => {
+  const f = fixture()
+  expect(csv([['=1+1', '"quote"', 'line\nnext']])).toBe('"\'=1+1","""quote""","line\nnext"\n')
+  expect(() => validateOutput(path.join(f.repo, 'output'), f.repo)).toThrow('outside')
+  const alias = path.join(f.base, 'alias')
+  symlinkSync(f.repo, alias)
+  expect(() => validateOutput(path.join(alias, 'output'), f.repo)).toThrow('outside')
+  expect(() => validateOutput(f.base, f.repo)).toThrow('already exists')
+})
+
+test('CLI on synthetic repositories preserves 0/1/2, writes complete reports, and is reproducible in fresh processes', () => {
+  const f = fixture({ [component]: text('text-[#123456]') })
+  const script = fileURLToPath(new URL('./scan.ts', import.meta.url))
+  const run = (args: string[]) =>
+    spawnSync('bun', ['--no-env-file', script, ...args], { encoding: 'utf8' })
+  const args = ['--repo', f.repo, '--ref', 'HEAD']
+  const a = path.join(f.base, 'forward')
+  const b = path.join(f.base, 'reverse')
+  const status = f.git('status', '--porcelain')
+  expect(run([...args, '--output', a]).status).toBe(1)
+  expect(run([...args, '--output', b, '--order', 'reverse', '--batch-size', '1']).status).toBe(1)
+  for (const name of [
+    'findings.json',
+    'findings.csv',
+    'groups.json',
+    'unchecked.json',
+    'coverage.json',
+    'identity.json',
+    'summary.md',
+    'triage.csv',
+  ])
+    expect(readFileSync(path.join(a, name))).toEqual(readFileSync(path.join(b, name)))
+  expect(run([...args, '--output', a]).status).toBe(2)
+  const bad = path.join(f.base, 'invalid')
+  expect(run(['--repo', f.repo, '--ref', 'missing', '--output', bad]).status).toBe(2)
+  expect(existsSync(bad)).toBe(false)
+  expect(run([]).status).toBe(2)
+  const valid = fixture({ [component]: text('font-mono') })
+  expect(
+    run(['--repo', valid.repo, '--ref', 'HEAD', '--output', path.join(valid.base, 'quiet')]).status
+  ).toBe(0)
+  expect(f.git('status', '--porcelain')).toBe(status)
+}, 60_000)
+
+test.each([
+  ['apps/sim/blocks/CLAUDE.md', 0, 'completed'],
+  ['apps/sim/components/link.tsx', 2, 'incomplete'],
+])(
+  'full scanner only treats inspectable source symlinks as failures: %s',
+  (file, status, state) => {
+    const f = fixture({ [component]: text('font-mono') })
+    mkdirSync(path.dirname(path.join(f.repo, file)), { recursive: true })
+    symlinkSync('../components/example.tsx', path.join(f.repo, file))
+    f.git('add', '.')
+    f.git('commit', '-qm', 'synthetic source symlink')
+    const output = path.join(f.base, 'symlink-scope')
+    const result = spawnSync(
+      process.env.DESIGN_TEST_BUN ?? 'bun',
+      [
+        '--no-env-file',
+        fileURLToPath(new URL('./scan.ts', import.meta.url)),
+        '--repo',
+        f.repo,
+        '--ref',
+        'HEAD',
+        '--output',
+        output,
+      ],
+      { encoding: 'utf8' }
+    )
+    expect(result.status, result.stderr).toBe(status)
+    expect(JSON.parse(readFileSync(path.join(output, 'identity.json'), 'utf8')).status).toBe(state)
+    const failures = JSON.parse(readFileSync(path.join(output, 'coverage-failures.json'), 'utf8'))
+    expect(failures.some((n: { file: string }) => n.file === file)).toBe(status === 2)
+  },
+  60_000
+)
+
+test.each([
+  ['broken syntax', 'export const View=()=> <button', 'Parser failure'],
+  ['source limit', `/*${'x'.repeat(2 * 1024 * 1024)}*/`, 'Source exceeds'],
+])(
+  'full scanner CLI fails incomplete inspection: %s',
+  (_label, code, reason) => {
+    const f = fixture({ [component]: code })
+    const output = path.join(f.base, 'incomplete')
+    const result = spawnSync(
+      process.env.DESIGN_TEST_BUN ?? 'bun',
+      [
+        '--no-env-file',
+        fileURLToPath(new URL('./scan.ts', import.meta.url)),
+        '--repo',
+        f.repo,
+        '--ref',
+        'HEAD',
+        '--output',
+        output,
+      ],
+      { encoding: 'utf8' }
+    )
+    expect(result.status, result.stderr).toBe(2)
+    expect(JSON.parse(readFileSync(path.join(output, 'identity.json'), 'utf8')).status).toBe(
+      'incomplete'
+    )
+    expect(
+      JSON.parse(readFileSync(path.join(output, 'coverage-failures.json'), 'utf8')).some(
+        (n: { file: string; reason: string }) => n.file === component && n.reason.startsWith(reason)
+      )
+    ).toBe(true)
+    expect(readFileSync(path.join(output, 'summary.md'), 'utf8')).toContain(
+      'design-conformance/2.0.0'
+    )
+  },
+  60_000
+)
+
+test('scanner matches an external review ledger without hiding raw findings', async () => {
+  const f = fixture({ [component]: text('text-[#123456]') })
+  const raw = await inspectInventory(f.source())
+  const ledger = path.join(f.base, 'reviews.json')
+  const decision = JSON.stringify({
+    version: '1.0.0',
+    entries: [
+      {
+        fingerprint: findingFingerprint(raw.findings[0]),
+        status: 'retained-extra',
+        rationale: 'Reviewed test treatment',
+        evidence: '/external/review',
+      },
+    ],
+  })
+  writeFileSync(ledger, decision)
+  const script = fileURLToPath(new URL('./scan.ts', import.meta.url))
+  const output = path.join(f.base, 'with-reviews')
+  const result = spawnSync(
+    'bun',
+    [
+      '--no-env-file',
+      script,
+      '--repo',
+      f.repo,
+      '--ref',
+      'HEAD',
+      '--output',
+      output,
+      '--reviews',
+      ledger,
+    ],
+    { encoding: 'utf8' }
+  )
+  expect(result.status, result.stderr).toBe(1)
+  const findings = JSON.parse(readFileSync(path.join(output, 'findings.json'), 'utf8'))
+  const reviews = JSON.parse(readFileSync(path.join(output, 'review-decisions.json'), 'utf8'))
+  expect(findings).toContainEqual(expect.objectContaining({ value: 'text-[#123456]' }))
+  expect(reviews.matches).toHaveLength(1)
+  const internal = path.join(f.repo, 'reviews.json')
+  writeFileSync(internal, decision)
+  expect(
+    spawnSync('bun', [
+      '--no-env-file',
+      script,
+      '--repo',
+      f.repo,
+      '--ref',
+      'HEAD',
+      '--output',
+      path.join(f.base, 'invalid-reviews'),
+      '--reviews',
+      internal,
+    ]).status
+  ).toBe(2)
+})
+
+test('control associations use actual frozen findings, canonical identity and the innermost slot', async () => {
+  const { inspectControls } = await import('#control-analysis/inventory')
+  const f = fixture({
+    [component]: `import {Button as Save} from '@sim/emcn'; import * as E from '@sim/emcn';
+export const A=()=> <><Save className='h-[37px]'/><E.Button className='h-[43px]' endAdornment={<span className='text-[13px]'/>}/></>`,
+  })
+  let controls: ReturnType<typeof inspectControls> | undefined
+  const inv = await inspectInventory(f.source(), {
+    withSourceIndex: (index, findings) => {
+      controls = inspectControls(f.source(), findings, 'forward', index)
+    },
+  })
+  if (!controls) throw new Error('Control callback missing')
+  const rs = controls.records.filter((r) => r.file === component)
+  expect(rs).toHaveLength(2)
+  for (const r of rs) {
+    expect(r.findingIds.length).toBeGreaterThan(0)
+    expect(r.potentialFindingIds).toEqual([])
+    expect(r.findingIds.map((id) => inv.findings.find((f) => f.id === id)?.value)).toEqual([
+      r.tag === 'Save' ? 'h-[37px]' : 'h-[43px]',
+    ])
+  }
+  const child = inv.findings.find((f) => f.value === 'text-[13px]')
+  if (!child) throw new Error('Expected child finding')
+  expect(
+    rs.every((r) => !r.findingIds.includes(child.id) && !r.potentialFindingIds.includes(child.id))
+  ).toBe(true)
+})
+
+test('full CLI connects colour assignment proof to usage and retains unsafe writers', () => {
+  const css = 'apps/sim/components/shimmer.module.css'
+  const f = fixture({
+    [component]: `export const A=()=> <span className='[--rest:var(--text-body)]'>Thinking</span>`,
+    [css]: '.label { color: var(--rest, var(--text-body)); }',
+  })
+  const script = fileURLToPath(new URL('./scan.ts', import.meta.url))
+  const run = (name: string) => {
+    const output = path.join(f.base, name)
+    const result = spawnSync(
+      'bun',
+      ['--no-env-file', script, '--repo', f.repo, '--ref', 'HEAD', '--output', output],
+      { encoding: 'utf8' }
+    )
+    expect([0, 1], result.stderr).toContain(result.status)
+    return {
+      findings: JSON.parse(readFileSync(path.join(output, 'findings.json'), 'utf8')) as {
+        rule: string
+      }[],
+      colours: JSON.parse(readFileSync(path.join(output, 'colour-assignments.json'), 'utf8')),
+    }
+  }
+  const valid = run('valid-alias')
+  expect(valid.findings.filter((finding) => finding.rule === 'central-colour')).toEqual([])
+  expect(valid.colours.verifiedUsages).toHaveLength(1)
+  expect(valid.colours.verifiedUsages[0].references).toContain('--text-body')
+  writeFileSync(
+    path.join(f.repo, component),
+    `export const A=()=> <span style={{'--rest':'hotpink'}}>Thinking</span>`
+  )
+  f.git('add', '.')
+  f.git('commit', '-qm', 'bad writer')
+  const invalid = run('invalid-alias')
+  expect(invalid.colours.verifiedUsages).toEqual([])
+  expect(invalid.findings.some((finding) => finding.rule === 'central-colour')).toBe(true)
+  expect(invalid.findings.some((finding) => finding.rule === 'central-colour-assignment')).toBe(
+    true
+  )
+})
+
+test('shadowed renderers and lost location evidence never receive direct central associations', async () => {
+  const { inspectControls } = await import('#control-analysis/inventory')
+  const f = fixture({
+    [component]: `import {Button} from '@sim/emcn'; export function A({Button}){return <Button onClick={()=>{}} className='h-[37px]'/>} export const B=()=> <Button className='h-[43px]'/>`,
+  })
+  const inv = await inspectInventory(f.source())
+  const rs = inspectControls(f.source(), inv.findings).records.filter((r) => r.file === component)
+  expect(rs[0].origin).toBe('unresolved')
+  expect(rs[0].findingIds).toEqual([])
+  const moved = inv.findings
+    .filter((f) => f.context.startsWith('B /'))
+    .map((f) => ({ ...f, column: 1 }))
+  const potential = inspectControls(f.source(), moved).records.find((r) => r.owner === 'B')
+  if (!potential) throw new Error('Expected control B')
+  expect(potential.findingIds).toEqual([])
+  expect(potential.potentialFindingIds.length).toBeGreaterThan(0)
+})
+
+test('central recipe appearance never grants renderer ownership or approves later overrides', async () => {
+  const { inspectControls } = await import('#control-analysis/inventory')
+  const f = fixture({
+    'packages/emcn/src/components/button/button.tsx': `import {cva} from 'class-variance-authority';export const buttonVariants=cva('rounded-lg',{variants:{size:{sm:'h-5'}},defaultVariants:{size:'sm'}});export const Button=()=> <button/>`,
+    [component]: `import {buttonVariants as style} from '@sim/emcn';export const A=()=> <button className={style({size:'sm'})} style={{backgroundColor:'#123456'}}/>`,
+  })
+  let records: ReturnType<typeof inspectControls>['records'] = []
+  const inv = await inspectInventory(f.source(), {
+    withSourceIndex: (index, findings, system) => {
+      records = inspectControls(f.source(), findings, 'forward', index, system.resolve).records
+    },
+  })
+  const r = records.find((r) => r.file === component)
+  expect(r?.origin).toBe('local-control')
+  expect(r?.appearance.centralRecipes.length).toBeGreaterThan(0)
+  expect(inv.findings.length).toBeGreaterThan(0)
+  expect(r?.findingIds.length).toBeGreaterThan(0)
+})
+
+test('public scanner reports layout separately while retaining chrome and unknown spreads', () => {
+  const f = fixture({
+    ...testComponents,
+    [component]: `import {ChipModalField as Field,ChipModal} from '@sim/emcn'; export const View=({props})=> <><Field className='flex-1 p-4 flex-row' {...props}/><ChipModal className='h-[90vh]'/></>`,
+  })
+  const output = path.join(f.base, 'layout-output')
+  const result = spawnSync(
+    'bun',
+    [
+      '--no-env-file',
+      fileURLToPath(new URL('./scan.ts', import.meta.url)),
+      '--repo',
+      f.repo,
+      '--ref',
+      'HEAD',
+      '--output',
+      output,
+    ],
+    { encoding: 'utf8' }
+  )
+  expect(result.status, result.stderr).toBe(1)
+  const allowances = JSON.parse(readFileSync(path.join(output, 'layout-allowances.json'), 'utf8'))
+  const findings = JSON.parse(readFileSync(path.join(output, 'findings.json'), 'utf8'))
+  expect(allowances).toHaveLength(2)
+  expect(findings.some((f: { value: string }) => f.value === 'p-4')).toBe(true)
+  expect(findings.some((f: { value: string }) => f.value === 'flex-row')).toBe(true)
+  expect(
+    JSON.parse(readFileSync(path.join(output, 'unchecked.json'), 'utf8')).length
+  ).toBeGreaterThan(0)
+})
+
+test('central token resolution gaps remain visible even with no consumer findings', async () => {
+  const f = fixture({ [globals]: ':root{--a:var(--b);--b:var(--a)}' })
+  const result = await inspectInventory(f.source())
+  expect(result.unchecked.some((n) => n.file === globals && /cycle/i.test(n.reason))).toBe(true)
+})
diff --git a/scripts/design-scan/inventory.ts b/scripts/design-scan/inventory.ts
new file mode 100644
index 00000000000..907a3167e4e
--- /dev/null
+++ b/scripts/design-scan/inventory.ts
@@ -0,0 +1,278 @@
+import { findingFingerprint } from '#control-analysis/review-ledger'
+import { productScope } from '#control-analysis/scope'
+import { artworkFile, localArtworkDiff } from '#design-conformance/artwork'
+import { inspectSnapshotFacts, prepareSnapshotFacts } from '#design-conformance/conformance'
+import {
+  centralInventory,
+  componentContract,
+  isRegistry,
+  registry,
+} from '#design-conformance/contracts'
+import { designSystem } from '#design-conformance/design-system'
+import { extract } from '#design-conformance/extract'
+import {
+  canonical,
+  type Facts,
+  type Finding,
+  hash,
+  inspectionFailure,
+} from '#design-conformance/model'
+import { SourceIndex } from '#design-conformance/source-summary'
+import {
+  compare,
+  type GitSource,
+  regular,
+  type SourceEntry,
+} from '#design-conformance/worktree-source'
+
+export interface Diagnostic {
+  file: string
+  line: number
+  context: string
+  reason: string
+}
+export interface InventoryFinding extends Finding {
+  id: string
+  observedFrom: string[]
+}
+export interface Inventory {
+  mode: 'snapshot' | 'working-tree'
+  status: 'completed' | 'incomplete'
+  commit: string
+  centralHash: string
+  treeHash: string
+  findings: InventoryFinding[]
+  unchecked: Diagnostic[]
+  coverageFailures: Diagnostic[]
+  coverage: {
+    files: Record<string, number>
+    governedInputs: number
+    ungovernedInputs: number
+    filesWithFindings: number
+    violationOccurrences: number
+    rootsInspected: number
+  }
+  limitations: string[]
+}
+export interface ScanOptions {
+  order?: 'forward' | 'reverse'
+  batchSize?: number
+  /** Verified landing-owned shared renderers are outside product styling coverage. */
+  excludedPaths?: ReadonlySet<string>
+  withSourceIndex?: (
+    index: SourceIndex,
+    findings: InventoryFinding[],
+    system: Awaited<ReturnType<typeof designSystem>>
+  ) =>
+    | undefined
+    | {
+        findings: InventoryFinding[]
+        unchecked: Diagnostic[]
+        replaceFindings?: InventoryFinding[]
+      }
+  progress?: (completed: number, total: number) => void
+}
+
+/** Full inventory reuses the maintained styling analysis and adds review diagnostics. */
+export async function inspectInventory(
+  source: GitSource,
+  options: ScanOptions = {}
+): Promise<Inventory> {
+  const batchSize = options.batchSize ?? 25
+  if (!Number.isSafeInteger(batchSize) || batchSize < 1 || batchSize > 1000)
+    throw new Error('Batch size must be 1–1000')
+  const input = source.central()
+  const system = await designSystem(input)
+  const notes = new Map<string, Diagnostic>()
+  const note = (n: Diagnostic) => notes.set(canonical(n), n)
+  for (const diagnostic of system.unchecked)
+    note({ ...diagnostic, line: 1, context: 'central-theme' })
+  const counts: Record<string, number> = {
+    central: 0,
+    excluded: 0,
+    unsupported: 0,
+    nonRegular: 0,
+    oversized: 0,
+    consumer: 0,
+  }
+  const consumers: SourceEntry[] = []
+  const central: SourceEntry[] = []
+  for (const entry of source.entries) {
+    if (options.excludedPaths?.has(entry.path) || entry.path.startsWith('apps/sim/app/(docs)/')) {
+      counts.excluded++
+      continue
+    }
+    if (centralInventory(entry.path) || artworkFile(entry.path) || isRegistry(entry.path)) {
+      counts.central++
+      if (centralInventory(entry.path) && regular(entry)) central.push(entry)
+      continue
+    }
+    if (registry.artwork?.brandingFiles.includes(entry.path))
+      note({
+        file: entry.path,
+        line: 1,
+        context: 'artwork-ownership',
+        reason: 'Mixed provider/product artwork is inventoried by the maintained artwork pass',
+      })
+    const scope = productScope(entry.path)
+    if (scope === 'exclude') counts.excluded++
+    else if (scope === 'unsupported') {
+      counts.unsupported++
+      note({
+        file: entry.path,
+        line: 1,
+        context: '',
+        reason: 'Unsupported file format; no styling inspected',
+      })
+    } else if (!regular(entry)) {
+      counts.nonRegular++
+      note({ file: entry.path, line: 1, context: '', reason: 'Symlink/submodule is not followed' })
+    } else if (entry.bytes > registry.limits.sourceBytes) {
+      counts.oversized++
+      note({
+        file: entry.path,
+        line: 1,
+        context: '',
+        reason: 'Source exceeds the 2 MiB parsing limit',
+      })
+    } else {
+      consumers.push(entry)
+      counts.consumer++
+    }
+  }
+  const read = (entry: SourceEntry) =>
+    extract(source.read(entry), entry.path, true, {
+      conformance: true,
+      resolve: system.resolve,
+      classUses: system.classUses,
+      contract: (target) => componentContract(target, system.metadata),
+    })
+  /** Keep only detached metadata between passes; no ASTs or application execution. */
+  const metadata = [...central, ...consumers]
+    .sort((a, b) => compare(a.path, b.path))
+    .map((entry) => {
+      const facts = read(entry)
+      return {
+        file: entry.path,
+        facts: {
+          syntax: facts.syntax,
+          atoms: [],
+          unchecked: [],
+          surfaces: facts.surfaces?.map((s) => ({
+            ...s,
+            atoms: [],
+            references: [],
+            unresolved: undefined,
+          })),
+        } satisfies Facts,
+      }
+    })
+  /** Canonical construction and inspection order keep budget decisions independent of discovery. */
+  const index = new SourceIndex(metadata, undefined, undefined, system.metadata)
+  metadata.length = 0
+  const orderedEntries = options.order === 'reverse' ? [...consumers].reverse() : consumers
+  const factsByFile = new Map<string, Facts>()
+  /** Discovery order exercises the parser independently; semantic processing is always canonical. */
+  let retainedBytes = 0
+  for (const entry of orderedEntries) {
+    if (retainedBytes >= 64 * 1024 * 1024) break
+    const facts = read(entry)
+    retainedBytes += Buffer.byteLength(canonical(facts))
+    factsByFile.set(entry.path, facts)
+  }
+  const findings = new Map<string, InventoryFinding>()
+  const add = (finding: Finding) => {
+    const id = hash(
+      canonical([
+        finding.file,
+        finding.line,
+        finding.column,
+        finding.rule,
+        finding.property,
+        finding.value,
+        finding.context,
+      ])
+    )
+    findings.set(id, {
+      ...finding,
+      identity: findingFingerprint(finding),
+      id,
+      observedFrom: [finding.file],
+    })
+  }
+  let governed = 0
+  let ungoverned = 0
+  try {
+    for (const [i, entry] of consumers.entries()) {
+      const facts = factsByFile.get(entry.path) ?? read(entry)
+      factsByFile.delete(entry.path)
+      const result = inspectSnapshotFacts(
+        prepareSnapshotFacts(facts, entry.path, index),
+        entry.path,
+        system
+      )
+      governed += result.governed
+      ungoverned += result.ungoverned
+      for (const n of result.unchecked) note({ ...n, file: entry.path })
+      for (const f of result.findings) add(f)
+      for (const f of localArtworkDiff({ atoms: [], surfaces: [], unchecked: [] }, facts, {
+        before: null,
+        after: entry,
+        status: 'A',
+      }))
+        add(f)
+      if ((i + 1) % batchSize === 0 || i + 1 === consumers.length)
+        options.progress?.(i + 1, consumers.length)
+    }
+    for (const n of index.notes)
+      note({
+        ...n,
+        file: n.file ?? '<shared-source-index>',
+        reason: n.reason.replace('Per-PR', 'Shared source index'),
+      })
+    const additional = options.withSourceIndex?.(index, [...findings.values()], system)
+    if (additional?.replaceFindings) {
+      findings.clear()
+      for (const finding of additional.replaceFindings) add(finding)
+    }
+    for (const finding of additional?.findings ?? []) add(finding)
+    for (const diagnostic of additional?.unchecked ?? []) note(diagnostic)
+  } finally {
+    index.release()
+    factsByFile.clear()
+  }
+  const ordered = [...findings.values()].sort((a, b) =>
+    compare(
+      canonical([a.file, a.line, a.column, a.rule, a.id]),
+      canonical([b.file, b.line, b.column, b.rule, b.id])
+    )
+  )
+  const unchecked = [...notes.values()].sort((a, b) => compare(canonical(a), canonical(b)))
+  const coverageFailures = unchecked.filter((n) => inspectionFailure(n.reason))
+  return {
+    mode: source.mode,
+    status: coverageFailures.length ? 'incomplete' : 'completed',
+    commit: source.commit,
+    centralHash: input.snapshot.hash,
+    treeHash: hash(canonical(source.entries)),
+    findings: ordered,
+    unchecked,
+    coverageFailures,
+    coverage: {
+      files: counts,
+      governedInputs: governed,
+      ungovernedInputs: ungoverned,
+      filesWithFindings: new Set(ordered.map((f) => f.file)).size,
+      violationOccurrences: ordered.length,
+      rootsInspected: consumers.length,
+    },
+    limitations: [
+      'Shared generated contracts and maintained analysis identify styling inputs and source review evidence; findings do not prove visual defects.',
+      'All supported source summaries share one index, replacing the old 64-module per-consumer closure. Frozen resolution depth 12, composition branch limit 64 and shared metadata budget 32 MiB still apply; failures remain explicit.',
+      'Dynamic helpers, arbitrary runtime CSS cascade, cross-file CSS-variable assignments and undocumented slot delegation remain unsupported. Central provenance does not prove intended design.',
+      'Each authored input is checked once with the available global caller context. observedFrom identifies the inspected owner, not runtime multiplicity.',
+      'Source declarations may be unused. User-authored content, landing, docs, native desktop/build code and intentional presentation exclusions remain outside this audit. Browser desktop product screens remain in scope.',
+      'The maintained colour-assignment pass additionally checks local CSS-variable writers. Verified alias provenance resolves matching colour usage findings; all unresolved writes and diagnostics remain visible. Provenance does not prove CSS cascade, inheritance or runtime coverage.',
+    ],
+  }
+}
diff --git a/scripts/design-scan/report.ts b/scripts/design-scan/report.ts
new file mode 100644
index 00000000000..c96d6edc5b7
--- /dev/null
+++ b/scripts/design-scan/report.ts
@@ -0,0 +1,431 @@
+import {
+  existsSync,
+  mkdirSync,
+  mkdtempSync,
+  realpathSync,
+  renameSync,
+  rmSync,
+  writeFileSync,
+} from 'node:fs'
+import path from 'node:path'
+import type { ColourAssignmentReport } from '#control-analysis/colour-assignments'
+import type { ControlInventory } from '#control-analysis/inventory'
+import type { LayoutAllowance } from '#control-analysis/layout-allowances'
+import type { ReviewReport } from '#control-analysis/review'
+import type { ReviewDecisions } from '#control-analysis/review-ledger'
+import type { ShadowExtrasReport } from '#control-analysis/shadow-extras'
+import type { SimplificationReport } from '#control-analysis/simplifications'
+import type { TypographyReview } from '#control-analysis/typography'
+import { registry } from '#design-conformance/contracts'
+import { canonical, hash } from '#design-conformance/model'
+import { compare } from '#design-conformance/worktree-source'
+import type { Inventory, InventoryFinding } from './inventory'
+
+export interface Group {
+  id: string
+  rule: string
+  property: string
+  input: string
+  authoritativeSource: string
+  permitted: string
+  occurrences: number
+  files: string[]
+  findingIds: string[]
+}
+
+export function groups(findings: InventoryFinding[]): Group[] {
+  const all = new Map<string, Group>()
+  for (const f of findings) {
+    const input = f.provenance?.input ?? f.value
+    const source = f.provenance?.source ?? ''
+    const permitted = f.provenance?.permitted ?? ''
+    const id = hash(canonical([f.rule, f.property, input, source, permitted]))
+    let group = all.get(id)
+    if (!group) {
+      group = {
+        id,
+        rule: f.rule,
+        property: f.property,
+        input,
+        authoritativeSource: source,
+        permitted,
+        occurrences: 0,
+        files: [],
+        findingIds: [],
+      }
+      all.set(id, group)
+    }
+    group.occurrences++
+    group.files.push(f.file)
+    group.findingIds.push(f.id)
+  }
+  return [...all.values()]
+    .map((g) => ({
+      ...g,
+      files: [...new Set(g.files)].sort(compare),
+      findingIds: g.findingIds.sort(compare),
+    }))
+    .sort((a, b) => b.occurrences - a.occurrences || compare(a.id, b.id))
+}
+
+/** Keep spreadsheet viewers from interpreting source text as formulas. JSON stays exact. */
+export function csv(rows: (string | number)[][]): string {
+  return `${rows
+    .map((row) =>
+      row
+        .map((value) => {
+          const text = String(value)
+          const safe = /^[\s]*[=+\-@]|^[\t\r\n]/.test(text) ? `'${text}` : text
+          return `"${safe.replaceAll('"', '""')}"`
+        })
+        .join(',')
+    )
+    .join('\n')}\n`
+}
+const md = (value: string) =>
+  value
+    .replaceAll('&', '&amp;')
+    .replaceAll('<', '&lt;')
+    .replaceAll('>', '&gt;')
+    .replaceAll('\r', '\\r')
+    .replaceAll('\n', '\\n')
+    .replace(/[\\`*_[\]{}|]/g, '\\$&')
+
+export function summary(inventory: Inventory, grouped = groups(inventory.findings)): string {
+  const rules = new Map<string, number>()
+  for (const f of inventory.findings) rules.set(f.rule, (rules.get(f.rule) ?? 0) + 1)
+  return [
+    '# Existing design-conformance inventory',
+    '',
+    `Source: ${inventory.mode}; base commit: \`${inventory.commit}\`. Policy: ${registry.policy}. Inspection: ${inventory.status}.`,
+    '',
+    `**${inventory.findings.length} styling rule findings in ${inventory.coverage.filesWithFindings} files; ${inventory.unchecked.length} unchecked diagnostics.**`,
+    '',
+    'This is existing source debt, not a PR diff or a runtime appearance assessment. All findings start unreviewed. Central definitions are authoritative inputs and do not generate system-change notifications in this mode.',
+    '',
+    '## Coverage',
+    '',
+    '| File classification | Count |',
+    '| --- | ---: |',
+    ...Object.entries(inventory.coverage.files).map(([key, n]) => `| ${key} | ${n} |`),
+    '',
+    `${inventory.coverage.governedInputs} governed and ${inventory.coverage.ungovernedInputs} ungoverned input checks in each file's own inspection context. Additional caller contexts can contribute findings without increasing these input counts.`,
+    '',
+    '## Rules',
+    '',
+    '| Rule | Occurrences |',
+    '| --- | ---: |',
+    ...[...rules].sort(([a], [b]) => compare(a, b)).map(([rule, n]) => `| ${md(rule)} | ${n} |`),
+    '',
+    '## Repeated patterns',
+    '',
+    'Groups are for review, not automatic replacement. Identical literal values can have different semantic roles. All locations are in findings.csv / findings.json; every group is in groups.json and triage.csv.',
+    '',
+    '| Rule | Input (preview) | Occurrences | Files | Group |',
+    '| --- | --- | ---: | ---: | --- |',
+    ...grouped
+      .slice(0, 100)
+      .map(
+        (g) =>
+          `| ${md(g.rule)} | ${md(g.input.slice(0, 160))} | ${g.occurrences} | ${g.files.length} | ${g.id.slice(0, 12)} |`
+      ),
+    '',
+    '## Classification and cleanup',
+    '',
+    'Record review decisions in triage.csv: routine-fix, designer-decision, explained-exception, or false-positive, with a concrete rationale. A grouping never supplies missing provenance or grants an exemption. Keep original finding IDs and JSON unchanged. Review findings in focused PRs using existing tokens, props or recipes; do not create a token for every literal or pick replacements by numerical closeness alone.',
+    '',
+    '## Limits',
+    '',
+    ...inventory.limitations.map((text) => `- ${text}`),
+    '',
+    'Unchecked diagnostics are coverage gaps, not violations and not proof of conformance. No code, contract, Git state or application configuration was modified by this scan.',
+    '',
+  ].join('\n')
+}
+
+/** Resolve existing ancestors so a symlink cannot redirect output into the source checkout. */
+export function validateOutput(output: string, repo: string): string {
+  const resolved = path.resolve(output)
+  if (existsSync(resolved)) throw new Error('Output directory already exists; choose a new path')
+  let ancestor = path.dirname(resolved)
+  while (!existsSync(ancestor)) ancestor = path.dirname(ancestor)
+  const actual = path.resolve(realpathSync(ancestor), path.relative(ancestor, resolved))
+  const relative = path.relative(realpathSync(repo), actual)
+  if (
+    !relative ||
+    (!relative.startsWith(`..${path.sep}`) && relative !== '..' && !path.isAbsolute(relative))
+  )
+    throw new Error('Output must be outside the scanned repository')
+  return actual
+}
+
+/** Publish complete results atomically; a failed run never leaves a successful-looking report. */
+export function writeResults(
+  output: string,
+  inventory: Inventory,
+  identity: unknown,
+  metrics: unknown,
+  controls?: ControlInventory,
+  simplifications?: SimplificationReport,
+  colourAssignments?: ColourAssignmentReport,
+  shadowExtras?: ShadowExtrasReport,
+  typographyReview?: TypographyReview,
+  layoutAllowances: LayoutAllowance[] = [],
+  review?: ReviewReport,
+  reviewDecisions?: ReviewDecisions
+): void {
+  if (existsSync(output)) throw new Error('Output directory already exists; refusing to overwrite')
+  mkdirSync(path.dirname(output), { recursive: true })
+  const temp = mkdtempSync(path.join(path.dirname(output), '.conformance-inventory-'))
+  const json = (name: string, value: unknown) =>
+    writeFileSync(path.join(temp, name), `${JSON.stringify(value, null, 2)}\n`)
+  try {
+    const grouped = groups(inventory.findings)
+    json('findings.json', inventory.findings)
+    json('groups.json', grouped)
+    json('unchecked.json', inventory.unchecked)
+    const coverageFailures = inventory.coverageFailures
+    json('coverage-failures.json', coverageFailures)
+    if (reviewDecisions) json('review-decisions.json', reviewDecisions)
+    json('coverage.json', inventory.coverage)
+    json('identity.json', {
+      mode: inventory.mode,
+      status: inventory.status,
+      commit: inventory.commit,
+      centralHash: inventory.centralHash,
+      treeHash: inventory.treeHash,
+      scanner: identity,
+      limitations: inventory.limitations,
+    })
+    json('metrics.json', metrics)
+    if (colourAssignments) json('colour-assignments.json', colourAssignments)
+    if (shadowExtras) json('shadow-extras.json', shadowExtras)
+    if (typographyReview) json('typography-review.json', typographyReview)
+    json('layout-allowances.json', layoutAllowances)
+    if (simplifications) {
+      json('simplifications.json', simplifications)
+      writeFileSync(
+        path.join(temp, 'simplifications.csv'),
+        csv([
+          ['id', 'file', 'line', 'column', 'rule', 'value', 'reason', 'proof', 'related_findings'],
+          ...simplifications.findings.map((f) => [
+            f.id,
+            f.file,
+            f.line,
+            f.column,
+            f.rule,
+            f.value,
+            f.reason,
+            JSON.stringify(f.proof),
+            f.relatedFindingIds.join('; '),
+          ]),
+        ])
+      )
+      writeFileSync(
+        path.join(temp, 'simplifications-summary.md'),
+        [
+          '# Control simplifications',
+          '',
+          `${simplifications.findings.length} source-proven findings; ${simplifications.unchecked.length} explicit analysis gaps.`,
+          '',
+          'These counts are included in the unified findings list and may overlap them. No automatic edits or Extra approvals.',
+          '',
+          ...Object.entries(simplifications.coverage).map(([key, count]) => `- ${key}: ${count}`),
+          '',
+          'Complete evidence and remaining uncertainty: simplifications.json. Source locations: simplifications.csv.',
+          '',
+        ].join('\n')
+      )
+    }
+    if (controls) {
+      json('controls.json', controls)
+      json('control-unchecked.json', controls.unchecked)
+      json('control-non-ui.json', controls.nonUi)
+      json('assessment.json', {
+        stylingRuleFindings: inventory.findings.length,
+        colourAssignments: colourAssignments?.coverage,
+        verifiedColourUsages: colourAssignments?.verifiedUsages.length,
+        shadowExtras: shadowExtras
+          ? { approved: shadowExtras.approved.length, guards: shadowExtras.findings.length }
+          : undefined,
+        simplificationFindings: simplifications?.findings.length ?? 0,
+        simplificationDiagnostics: simplifications?.unchecked.length ?? 0,
+        stylingAnalysisDiagnostics: inventory.unchecked.length,
+        stylingCoverageFailures: coverageFailures.length,
+        reviewedExtras:
+          reviewDecisions?.matches.filter((item) => item.status === 'retained-extra').length ?? 0,
+        staleReviewDecisions: reviewDecisions?.stale.length ?? 0,
+        ambiguousReviewDecisions: reviewDecisions?.ambiguous.length ?? 0,
+        controlAnalysisDiagnostics: controls.unchecked.length,
+        controlOrigins: controls.counts,
+        provenNonUi: controls.nonUi.length,
+        appearanceUnresolved: controls.records.filter((r) => r.appearance.status === 'unresolved')
+          .length,
+        centralRecipeOccurrences: controls.records.filter((r) => r.appearance.centralRecipes.length)
+          .length,
+        recordsWithDirectFindings: controls.records.filter((r) => r.findingIds.length).length,
+        behavioralDelegations: controls.records.filter((r) =>
+          r.relationship.includes('delegates-to-child')
+        ).length,
+        exhaustiveConformanceEstablished: false,
+        note: 'Findings record detected treatments; unresolved inputs stay separate. Counts include wrapper projections.',
+      })
+      writeFileSync(
+        path.join(temp, 'controls.csv'),
+        csv([
+          [
+            'id',
+            'file',
+            'line',
+            'owner',
+            'tag',
+            'origin',
+            'area',
+            'projection',
+            'multiplicity',
+            'inputs',
+            'renderer_evidence',
+            'styling_finding_ids',
+            'nearby_finding_ids',
+            'review',
+            'relationship',
+            'styling_owners',
+            'appearance',
+          ],
+          ...controls.records.map((r) => [
+            r.id,
+            r.file,
+            r.line,
+            r.owner,
+            r.tag,
+            r.origin,
+            r.area,
+            String(r.projection),
+            r.multiplicity,
+            JSON.stringify(r.inputs),
+            r.evidence.join('; '),
+            r.findingIds.join('; '),
+            r.potentialFindingIds.join('; '),
+            r.review,
+            r.relationship.join('; '),
+            r.stylingOwners.join('; '),
+            JSON.stringify(r.appearance),
+          ]),
+        ])
+      )
+      writeFileSync(
+        path.join(temp, 'controls-summary.md'),
+        [
+          '# Control origins',
+          '',
+          `Source: ${inventory.mode}; base commit: \`${inventory.commit}\`.`,
+          '',
+          `${controls.records.length} source candidates, including central implementations and wrapper projections. These are not distinct visible button counts.`,
+          '',
+          '| Origin | Source occurrences |',
+          '| --- | ---: |',
+          ...Object.entries(controls.counts).map(([k, v]) => `| ${k} | ${v} |`),
+          '',
+          'Renderer origin, appearance provenance and behavioral delegation are independent. A central renderer may retain local styles; a central recipe does not provide semantics or authorize overrides. Appearance resolution describes bounded source inputs, not measured runtime CSS.',
+          '',
+          `${controls.records.filter((r) => r.findingIds.length).length} records have directly associated styling findings; ${controls.records.filter((r) => r.appearance.status === 'unresolved').length} retain unresolved appearance; ${controls.records.filter((r) => r.appearance.centralRecipes.length).length} reference supported central recipes.`,
+          '',
+          `${controls.nonUi.length} proven non-UI diagnostics are recorded with evidence in control-non-ui.json. They are not exclusions or styling approvals.`,
+          '',
+          '## Areas',
+          '',
+          '| Area | Origins |',
+          '| --- | --- |',
+          ...Object.entries(controls.byArea).map(
+            ([k, v]) =>
+              `| ${md(k)} | ${Object.entries(v)
+                .map(([n, c]) => `${n}: ${c}`)
+                .join('; ')} |`
+          ),
+          '',
+          '## Analysis limits',
+          '',
+          ...controls.limitations.map((l) => `- ${l}`),
+          '',
+          `${controls.unchecked.length} control-analysis diagnostics remain explicit in control-unchecked.json.`,
+          '',
+        ].join('\n')
+      )
+    }
+    writeFileSync(
+      path.join(temp, 'summary.md'),
+      summary(inventory, grouped) +
+        (colourAssignments
+          ? `\n## Verified local colour usages\n\n${colourAssignments.verifiedUsages.length} alias usage warnings resolved by checked global-token assignments and fallbacks. Evidence is in colour-assignments.json. Unresolved assignments and coverage gaps remain reported; this does not prove runtime CSS cascade.\n`
+          : '') +
+        (shadowExtras
+          ? `\n## Reviewed shadow Extras\n\n${shadowExtras.approved.length} exact effects classified separately; ${shadowExtras.findings.length} failed recipe guards. See shadow-extras.json for sites and reasons. This classification does not exempt their other styling.\n`
+          : '') +
+        `\n## External layout allowances\n\n${layoutAllowances.length} resolved wrapper-growth or modal-viewport declarations are reported separately in layout-allowances.json. Other styling and all unresolved inputs remain governed.\n`
+    )
+    writeFileSync(
+      path.join(temp, 'findings.csv'),
+      csv([
+        [
+          'id',
+          'file',
+          'line',
+          'column',
+          'rule',
+          'property',
+          'input',
+          'reason',
+          'authoritative_source',
+          'permitted',
+          'context',
+          'observed_from',
+        ],
+        ...inventory.findings.map((f) => [
+          f.id,
+          f.file,
+          f.line,
+          f.column,
+          f.rule,
+          f.property,
+          f.provenance?.input ?? f.value,
+          f.reason,
+          f.provenance?.source ?? '',
+          f.provenance?.permitted ?? '',
+          f.context,
+          f.observedFrom.join('; '),
+        ]),
+      ])
+    )
+    writeFileSync(
+      path.join(temp, 'triage.csv'),
+      csv([
+        [
+          'group_id',
+          'rule',
+          'property',
+          'input',
+          'occurrences',
+          'files',
+          'status',
+          'decision',
+          'notes',
+        ],
+        ...grouped.map((g) => [
+          g.id,
+          g.rule,
+          g.property,
+          g.input,
+          g.occurrences,
+          g.files.join('; '),
+          'unreviewed',
+          '',
+          '',
+        ]),
+      ])
+    )
+    renameSync(temp, output)
+  } catch (error) {
+    rmSync(temp, { recursive: true, force: true })
+    throw error
+  }
+}
diff --git a/scripts/design-scan/scan.ts b/scripts/design-scan/scan.ts
new file mode 100644
index 00000000000..a6ac6860835
--- /dev/null
+++ b/scripts/design-scan/scan.ts
@@ -0,0 +1,206 @@
+import { readFileSync } from 'node:fs'
+import { parseArgs } from 'node:util'
+import {
+  type ColourAssignmentReport,
+  withoutVerifiedColourUsages,
+} from '#control-analysis/colour-assignments'
+import type { ControlInventory } from '#control-analysis/inventory'
+import { classifyLayout, type LayoutAllowance } from '#control-analysis/layout-allowances'
+import type { ReviewReport } from '#control-analysis/review'
+import { mergeSourceFindings } from '#control-analysis/review'
+import {
+  matchReviews,
+  type ReviewDecisions,
+  readReviewLedger,
+} from '#control-analysis/review-ledger'
+import {
+  mergeShadowFindings,
+  type ShadowExtrasReport,
+  withoutApprovedShadows,
+} from '#control-analysis/shadow-extras'
+import {
+  inspectSimplifications,
+  type SimplificationReport,
+} from '#control-analysis/simplifications'
+import {
+  classifyTypography,
+  inspectTypography,
+  type TypographyReview,
+} from '#control-analysis/typography'
+import { inspectionFailure } from '#design-conformance/model'
+import { GitSource } from '#design-conformance/worktree-source'
+import { scannerIdentity } from './identity'
+import { inspectInventory } from './inventory'
+import { validateOutput, writeResults } from './report'
+
+const requiredRuntime = JSON.parse(
+  readFileSync(new URL('../../package.json', import.meta.url), 'utf8')
+).packageManager.replace(/^bun@/, '') as string
+const usage = `Usage: bun run design:scan --repo <checkout-or-bare-repo> (--ref <commit-or-ref> | --working-tree) --output <new-external-directory>
+Optional: --order forward|reverse --batch-size 25 --reviews <external.json>
+Requires Bun ${requiredRuntime}. Working-tree mode includes non-ignored untracked source. No application code is executed.
+Exits: 0 complete without findings; 1 completed with findings; 2 inspection or operational failure.
+Batch size controls progress reporting only; it does not change resolution or findings.`
+
+export async function main(argv = process.argv.slice(2)): Promise<number> {
+  try {
+    const { values } = parseArgs({
+      args: argv,
+      strict: true,
+      options: {
+        repo: { type: 'string' },
+        ref: { type: 'string' },
+        'working-tree': { type: 'boolean' },
+        output: { type: 'string' },
+        reviews: { type: 'string' },
+        order: { type: 'string', default: 'forward' },
+        'batch-size': { type: 'string', default: '25' },
+        help: { type: 'boolean' },
+      },
+    })
+    if (values.help) {
+      process.stdout.write(`${usage}\n`)
+      return 0
+    }
+    if (
+      !values.repo ||
+      !values.output ||
+      (!values.ref && !values['working-tree']) ||
+      (values.ref && values['working-tree'])
+    )
+      throw new Error(usage)
+    if (process.versions.bun !== requiredRuntime)
+      throw new Error(`Use the pinned Bun ${requiredRuntime} runtime`)
+    if (values.order !== 'forward' && values.order !== 'reverse')
+      throw new Error('Order must be forward or reverse')
+    const batchSize = Number(values['batch-size'])
+    if (!Number.isSafeInteger(batchSize) || batchSize < 1 || batchSize > 1000)
+      throw new Error('Batch size must be 1–1000')
+    const start = performance.now()
+    const output = validateOutput(values.output, values.repo)
+    const identity = scannerIdentity()
+    const source = new GitSource(values.repo, values.ref ?? 'HEAD', !!values['working-tree'])
+    const ownershipReview = inspectTypography(source)
+    const excludedPaths = new Set(
+      ownershipReview.ownership
+        .filter((owner) => owner.status === 'verified')
+        .map((owner) => owner.file)
+    )
+    const scopedSource = {
+      // The control graph needs excluded module paths to resolve product imports,
+      // but its inventory skips those sources before reading or inspecting them.
+      entries: source.entries.filter((entry) => !excludedPaths.has(entry.path)),
+      read: (entry: Parameters<typeof source.read>[0]) => source.read(entry),
+      readOwnership: (entry: Parameters<typeof source.readOwnership>[0]) =>
+        source.readOwnership(entry),
+    }
+    let controls: ControlInventory | undefined
+    let simplifications: SimplificationReport | undefined
+    let colourAssignments: ColourAssignmentReport | undefined
+    let shadowExtras: ShadowExtrasReport | undefined
+    let typographyReview: TypographyReview | undefined
+    let layoutAllowances: LayoutAllowance[] = []
+    let review: ReviewReport | undefined
+    const inventory = await inspectInventory(source, {
+      order: values.order,
+      excludedPaths,
+      withSourceIndex: (index, findings, system) => {
+        const result = inspectSimplifications(
+          scopedSource,
+          findings,
+          values.order as 'forward' | 'reverse',
+          index,
+          system.resolve,
+          ownershipReview
+        )
+        controls = result.controls
+        simplifications = result.simplifications
+        colourAssignments = result.colourAssignments
+        shadowExtras = result.shadowExtras
+        typographyReview = result.typographyReview
+        review = result.review
+        const remaining = withoutVerifiedColourUsages(
+          withoutApprovedShadows(findings, shadowExtras),
+          colourAssignments
+        )
+        const layout = classifyLayout(
+          classifyTypography(
+            mergeShadowFindings(
+              mergeSourceFindings(
+                [...remaining, ...colourAssignments.findings, ...simplifications.findings],
+                review.findings
+              ),
+              shadowExtras.findings
+            ),
+            typographyReview
+          )
+        )
+        const finalFindings = layout.findings
+        layoutAllowances = layout.allowances
+        const findingIds = new Set(finalFindings.map((finding) => finding.id))
+        for (const record of controls.records) {
+          record.findingIds = record.findingIds.filter((id) => findingIds.has(id))
+          record.potentialFindingIds = record.potentialFindingIds.filter((id) => findingIds.has(id))
+        }
+        for (const finding of simplifications.findings) {
+          finding.relatedFindingIds = finding.relatedFindingIds.filter((id) => findingIds.has(id))
+        }
+        return {
+          replaceFindings: finalFindings,
+          findings: [],
+          unchecked: [
+            ...colourAssignments.unchecked,
+            ...shadowExtras.unchecked,
+            ...review.unchecked,
+            ...controls.unchecked.filter((n) => inspectionFailure(n.reason)),
+          ],
+        }
+      },
+      batchSize,
+      progress: (done, total) =>
+        process.stderr.write(`Inspected ${done}/${total} consumer roots\n`),
+    })
+    if (!controls) throw new Error('Control analysis did not complete')
+    source.assertUnchanged()
+    const reviewDecisions: ReviewDecisions | undefined = values.reviews
+      ? matchReviews(readReviewLedger(values.reviews, values.repo), inventory.findings, [])
+      : undefined
+    writeResults(
+      output,
+      inventory,
+      identity,
+      {
+        elapsedMs: performance.now() - start,
+        maxRss: process.resourceUsage().maxRSS,
+        maxRssUnit: 'KiB (process.resourceUsage)',
+        order: values.order,
+        batchSize,
+      },
+      controls,
+      simplifications,
+      colourAssignments,
+      shadowExtras,
+      typographyReview,
+      layoutAllowances,
+      review,
+      reviewDecisions
+    )
+    process.stdout.write(
+      `${inventory.findings.length} styling rule findings; ${controls.records.length} control/source candidates; ${inventory.unchecked.length} styling and ${controls.unchecked.length} control analysis diagnostics. Results: ${JSON.stringify(output)}\n`
+    )
+    if (inventory.status === 'incomplete') {
+      process.stderr.write(
+        `${inventory.coverageFailures.length} inspection failures; scan incomplete.\n`
+      )
+      return 2
+    }
+    return inventory.findings.length ? 1 : 0
+  } catch (error) {
+    process.stderr.write(
+      `Inventory failed: ${JSON.stringify(error instanceof Error ? error.message : String(error))}\n`
+    )
+    return 2
+  }
+}
+
+if (import.meta.main) process.exitCode = await main()
diff --git a/scripts/design-scan/shadow-extras.test.ts b/scripts/design-scan/shadow-extras.test.ts
new file mode 100644
index 00000000000..ffef07c1e0e
--- /dev/null
+++ b/scripts/design-scan/shadow-extras.test.ts
@@ -0,0 +1,166 @@
+import { expect, test } from 'vitest'
+import type { ControlSource } from '#control-analysis/model'
+import { mergeShadowFindings, withoutApprovedShadows } from '#control-analysis/shadow-extras'
+import { inspectSimplifications } from '#control-analysis/simplifications'
+
+const css =
+  'apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-editor.css'
+const loader =
+  'apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/components/browser-session/browser-loading-bar.module.css'
+const globals = 'apps/sim/app/_styles/globals.css'
+const selection =
+  '.rich-markdown-nodes hr.rich-leaf-in-selection { box-shadow: 0 0 0 0.4em var(--selection-bg); border-radius: 1px; }'
+const dark =
+  '.dark .rich-markdown-nodes hr.rich-leaf-in-selection { box-shadow: 0 0 0 0.4em var(--selection-dark); }'
+const glow = `.indicator { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; transform: scaleX(0.08); transform-origin: left; background: linear-gradient(90deg, var(--thinking-ink-inner), var(--thinking-ink-outer)); box-shadow: 0 0 3px color-mix(in srgb, var(--thinking-ink-outer) 55%, transparent); animation: browser-page-loading 12s ease-out forwards; }`
+const defaults = {
+  [globals]:
+    ':root { --selection-bg: #add6ff; --selection-dark: #264f78; --thinking-ink-inner: #2c2c2c; --thinking-ink-outer: #5f5f5f; }',
+  [css]: selection + dark,
+  [loader]: glow,
+}
+const source = (files: Record<string, string>): ControlSource => ({
+  entries: Object.entries(files).map(([path, text]) => ({
+    path,
+    bytes: Buffer.byteLength(text),
+    kind: 'blob',
+    mode: '100644',
+    blob: 'a'.repeat(40),
+  })),
+  read: (entry) => files[entry.path],
+})
+const inspect = (files: Record<string, string> = {}) =>
+  inspectSimplifications(source({ ...defaults, ...files })).shadowExtras
+const finding = (report = inspect()) => {
+  const a = report.approved[0]
+  return {
+    kind: 'usage-violation' as const,
+    contract: 'central-shadow',
+    rule: 'central-shadow',
+    category: 'effects',
+    property: 'box-shadow',
+    file: a.file,
+    line: a.line,
+    column: a.column,
+    value: a.value,
+    context: a.selector,
+    reason: 'shadow-family',
+  }
+}
+
+test('only the three reviewed effects are approved and formatting does not supply extra permission', () => {
+  expect(inspect().approved).toHaveLength(3)
+  expect(inspect().findings).toEqual([])
+  const formatted = inspect({
+    [css]: `${selection.replace('0.4em', '/* same spread */ 0.4em')}\n${dark}`,
+  })
+  expect(formatted.approved).toHaveLength(3)
+})
+
+test('geometry, layers, literals, missing tokens, fallbacks and important cannot use the exception', () => {
+  for (const replacement of [
+    '0 0 0 4em var(--selection-bg)',
+    '0 0 5px 0.4em var(--selection-bg)',
+    '0 0 0 0.4em red',
+    '0 0 0 0.4em var(--missing)',
+    '0 0 0 0.4em var(--selection-bg, red)',
+    '0 0 0 0.4em var(--selection-bg), 0 0 20px black',
+    '0 0 0 0.4em var(--selection-bg) !important',
+  ]) {
+    const result = inspect({
+      [css]: selection.replace('0 0 0 0.4em var(--selection-bg)', replacement),
+    })
+    expect(result.approved.some((a) => a.id === 'document-selection-light')).toBe(false)
+    expect(result.findings).toHaveLength(1)
+  }
+})
+
+test('a whitelist cannot be obtained by copying the selector or value to another file', () => {
+  const result = inspect({ [css]: '', 'apps/sim/components/copied.css': selection })
+  expect(result.approved).toHaveLength(1)
+  const original = finding()
+  const moved = { ...original, file: 'apps/sim/components/copied.css' }
+  expect(withoutApprovedShadows([moved], result)).toEqual([moved])
+})
+
+test('broader selectors and nested contexts are not approved', () => {
+  for (const text of [
+    selection.replace('hr.rich-leaf-in-selection', '*'),
+    selection.replace(' {', ', .button {'),
+    `@media (min-width: 1px) {${selection}}`,
+    `@supports (display: grid) {${selection}}`,
+  ]) {
+    const report = inspect({ [css]: text })
+    expect(report.approved.some((a) => a.id === 'document-selection-light')).toBe(false)
+    const raw = finding()
+    expect(withoutApprovedShadows([raw], report)).toEqual([raw])
+  }
+})
+
+test('duplicate rules or declarations revoke approval instead of increasing an exemption budget', () => {
+  for (const text of [
+    selection + selection,
+    selection.replace(
+      'border-radius',
+      'box-shadow: 0 0 0 0.4em var(--selection-bg); border-radius'
+    ),
+    `${selection}.rich-markdown-nodes hr.rich-leaf-in-selection { width: 100vw; }`,
+  ]) {
+    const result = inspect({ [css]: text })
+    expect(result.approved.some((a) => a.id === 'document-selection-light')).toBe(false)
+    expect(result.findings.length).toBeGreaterThan(0)
+  }
+})
+
+test('global-token removal, wrong families and local overrides revoke approval', () => {
+  const changes: Record<string, string>[] = [
+    { [globals]: defaults[globals].replace('--selection-bg: #add6ff;', '') },
+    { [globals]: defaults[globals].replace('#add6ff', '8px') },
+    { 'apps/sim/components/override.css': '.elsewhere { --selection-bg: #ff0000; }' },
+    {
+      'apps/sim/components/override.tsx': `export const View=()=> <div style={{'--selection-bg':'var(--selection-dark)'}}/>`,
+    },
+  ]
+  for (const files of changes) {
+    const result = inspect(files)
+    expect(result.approved.some((a) => a.id === 'document-selection-light')).toBe(false)
+    expect(result.findings.length).toBeGreaterThan(0)
+  }
+})
+
+test('the glow exception fixes opacity, palette, geometry and the surrounding indicator recipe', () => {
+  for (const text of [
+    glow.replace('55%', '95%'),
+    glow.replace('3px', '8px'),
+    glow.replace('width: 100%', 'width: 100vw'),
+    glow.replace('--thinking-ink-outer', '--selection-bg'),
+  ]) {
+    const report = inspect({ [loader]: text })
+    expect(report.approved.some((a) => a.id === 'browser-loading-glow')).toBe(false)
+    expect(report.findings).toHaveLength(1)
+  }
+})
+
+test('only a matching shadow-family finding is removed; other rules, values and locations survive', () => {
+  const report = inspect()
+  const raw = finding(report)
+  const others = [
+    { ...raw, rule: 'central-colour' },
+    { ...raw, line: raw.line + 1 },
+    { ...raw, column: raw.column + 1 },
+    { ...raw, value: '0 0 8px black' },
+    { ...raw, file: 'apps/sim/components/other.css' },
+  ]
+  expect(withoutApprovedShadows([raw, ...others], report)).toEqual(others)
+  const guard = { ...raw, reason: 'guard' }
+  expect(mergeShadowFindings([raw, others[0]], [guard])).toEqual([others[0], guard])
+})
+
+test('parse failures never approve an effect and discovery order does not change the report', () => {
+  expect(inspect({ [css]: `${selection} {` }).unchecked).toHaveLength(1)
+  expect(inspect({ [css]: `${selection} {` }).approved).toHaveLength(1)
+  const forward = inspectSimplifications(source(defaults)).shadowExtras
+  const input = source(defaults)
+  input.entries.reverse()
+  expect(inspectSimplifications(input).shadowExtras).toEqual(forward)
+})
diff --git a/scripts/design-scan/simplifications.test.ts b/scripts/design-scan/simplifications.test.ts
new file mode 100644
index 00000000000..82f62fe8864
--- /dev/null
+++ b/scripts/design-scan/simplifications.test.ts
@@ -0,0 +1,247 @@
+import { expect, test } from 'vitest'
+import type { ControlSource } from '#control-analysis/model'
+import { inspectSimplifications } from '#control-analysis/simplifications'
+
+const mergeSource =
+  "import { type ClassValue, clsx } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\n/**\n * v3 of tailwind-merge, matching the app's Tailwind v4 utility surface. v2\n * encodes Tailwind v3's smaller set and would stop resolving conflicts for\n * anything v4 added or renamed.\n *\n * The `font-size` extension teaches the merger that Sim's own type scale keys\n * are font sizes, not colours \u2014 without it `text-small` and `text-sm` do not\n * conflict, so a component that sets one while a consumer passes the other\n * emits both and CSS source order decides instead of the caller.\n */\nconst twMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      'font-size': [{ text: ['micro', 'caption', 'small', 'md'] }],\n    },\n  },\n})\n\n/** Combines class names and resolves Tailwind conflicts, last argument winning. */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"
+const buttonSource =
+  "import { type ButtonHTMLAttributes, forwardRef } from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/cn'\n\n/**\n * `size='icon'` is the square 20px icon-only button \u2014 a chip field's trailing\n * affordance, a toast dismiss, a section-header action. It drops the text padding\n * the `sm`/`md` sizes carry and tightens the radius to `rounded-sm` (4px), which\n * reads correctly at this size where the base 5px does not. The box is deliberately\n * larger than every glyph it holds; that margin IS the button's padding, since the\n * glyph is sized at the call site rather than here.\n *\n * Glyphs also draw one step thinner than the 1.55 the icon set ships, so a lone\n * icon reads as a secondary affordance rather than a piece of UI text. CSS wins\n * over the SVG's own `stroke-width` attribute, so this reaches every stroked icon\n * without touching the icon components \u2014 including the few that ship at 2.\n *\n * Compose it with `quiet` (the usual choice) or `ghost` (where the surrounding\n * surface owns the hover) \u2014 those pairings also pick up the muted icon color.\n *\n * @example <Button variant='quiet' size='icon' aria-label='Dismiss'><X className='size-[16px]' /></Button>\n */\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center transition-colors disabled:pointer-events-none disabled:opacity-70 outline-hidden focus:outline-hidden focus-visible:outline-hidden rounded-[5px]',\n  {\n    variants: {\n      variant: {\n        default:\n          'text-[var(--text-secondary)] hover-hover:text-[var(--text-primary)] bg-[var(--surface-4)] hover-hover:bg-[var(--surface-6)] border border-[var(--border)] hover-hover:border-[var(--border-1)] dark:hover-hover:bg-[var(--surface-5)]',\n        active:\n          'bg-[var(--surface-5)] hover-hover:bg-[var(--surface-6)] text-[var(--text-primary)] hover-hover:text-[var(--text-primary)] border border-[var(--border-1)] hover-hover:border-[var(--border-1)] dark:hover-hover:bg-[var(--border-1)]',\n        '3d': 'text-[var(--text-tertiary)] border-t border-l border-r border-[var(--border-1)] shadow-[0_2px_0_0_var(--border-1)] hover-hover:shadow-[0_4px_0_0_var(--border-1)] transition-[transform,box-shadow,color] hover-hover:-translate-y-0.5 hover-hover:text-[var(--text-primary)]',\n        outline:\n          'text-[var(--text-secondary)] hover-hover:text-[var(--text-primary)] border border-[var(--text-muted)] bg-transparent hover-hover:border-[var(--text-secondary)]',\n        primary:\n          'bg-[var(--text-primary)] text-[var(--text-inverse)] hover-hover:text-[var(--text-inverse)] hover-hover:bg-[var(--text-body)] dark:bg-white dark:text-[var(--bg)] dark:hover-hover:bg-[var(--text-secondary)] dark:hover-hover:text-[var(--bg)]',\n        destructive:\n          'bg-[var(--text-error)] text-white hover-hover:text-white hover-hover:brightness-106',\n        secondary: 'bg-[var(--brand-secondary)] text-[var(--text-primary)]',\n        tertiary:\n          'bg-[var(--brand-accent)] text-[var(--text-inverse)] hover-hover:text-[var(--text-inverse)] hover-hover:bg-[var(--brand-accent-hover)] dark:bg-[var(--brand-accent)] dark:hover-hover:bg-[var(--brand-accent-hover)] dark:text-[var(--text-inverse)] dark:hover-hover:text-[var(--text-inverse)]',\n        ghost: 'text-[var(--text-secondary)] hover-hover:text-[var(--text-primary)]',\n        subtle:\n          'text-[var(--text-body)] hover-hover:text-[var(--text-body)] hover-hover:bg-[var(--surface-4)]',\n        'ghost-secondary': 'text-[var(--text-muted)] hover-hover:text-[var(--text-primary)]',\n        quiet: 'text-[var(--text-secondary)] hover-hover:bg-[var(--surface-active)]',\n      },\n      size: {\n        sm: 'px-1.5 py-1 text-[length:11px]',\n        md: 'px-2 py-1.5 text-[length:12px]',\n        icon: 'size-[20px] rounded-sm p-0 [&_svg]:[stroke-width:1.25]',\n      },\n    },\n    compoundVariants: [\n      /**\n       * A lone glyph is icon content, not text, so the neutral icon buttons paint\n       * with `--text-icon-muted` rather than the variant's text color. Scoped to\n       * the neutral variants: the filled ones (`primary`, `destructive`, \u2026) carry\n       * inverse text that must keep winning over their own surface.\n       */\n      { size: 'icon', variant: 'quiet', className: 'text-[var(--text-icon-muted)]' },\n      { size: 'icon', variant: 'ghost', className: 'text-[var(--text-icon-muted)]' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, ...props }, ref) => {\n    return (\n      <button ref={ref} className={cn(buttonVariants({ variant, size }), className)} {...props} />\n    )\n  }\n)\n\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"
+const consumer = 'apps/sim/components/example.tsx'
+const icon = `<svg viewBox='0 0 24 24' aria-hidden='true'><rect x='4' y='4' width='16' height='16' rx='3' ry='3'/></svg>`
+function source(ui: string, extra: Record<string, string> = {}): ControlSource {
+  const files: Record<string, string> = {
+    'packages/emcn/src/index.ts': `export { Button } from './components/button/button'; export { X } from './icons/x'`,
+    'packages/emcn/src/components/button/button.tsx': buttonSource,
+    'packages/emcn/src/lib/cn.ts': mergeSource,
+    'packages/emcn/src/icons/x.tsx': `export function X(){ return ${icon} }`,
+    [consumer]: ui,
+    ...extra,
+  }
+  return {
+    entries: Object.entries(files).map(([path, text]) => ({
+      path,
+      mode: '100644',
+      kind: 'blob',
+      blob: 'a'.repeat(40),
+      bytes: Buffer.byteLength(text),
+    })),
+    read: (entry) => files[entry.path],
+  }
+}
+const ui = (body: string) =>
+  `import { Button, X } from '@sim/emcn'; export function View(){return (${body})}`
+const run = (body: string, extra: Record<string, string> = {}) =>
+  inspectSimplifications(source(ui(body), extra)).simplifications
+const matching = (result: ReturnType<typeof run>, rule: string) =>
+  result.findings.filter((f) => f.rule === rule)
+
+test('exact default padding/radius repeats have source-backed removal proofs', () => {
+  const result = run(`<Button className='px-2 py-1.5 rounded-[5px]'>Save</Button>`)
+  expect(matching(result, 'control-redundant-style').map((f) => f.value)).toEqual([
+    'px-2',
+    'py-1.5',
+    'rounded-[5px]',
+  ])
+  expect(matching(result, 'control-accessible-name')).toHaveLength(0)
+  expect(result.findings.every((f) => f.proof.recipe)).toBe(true)
+})
+
+test('intervening conflicts, important flags and responsive scopes are not mistaken for repeats', () => {
+  for (const classes of ['p-4 px-2', 'px-2!', 'hover:px-2', 'sm:px-2']) {
+    expect(
+      matching(run(`<Button className='${classes}'>Save</Button>`), 'control-redundant-style')
+    ).toHaveLength(0)
+  }
+})
+
+test('all finite size/default alternatives must preserve classes', () => {
+  expect(
+    matching(
+      run(`<Button size={enabled ? 'md' : 'sm'} className='px-2'>Save</Button>`),
+      'control-redundant-style'
+    )
+  ).toHaveLength(0)
+  expect(
+    matching(
+      run(`<Button size={enabled ? 'md' : undefined} className='px-2'>Save</Button>`),
+      'control-redundant-style'
+    )
+  ).toHaveLength(1)
+  expect(
+    matching(run(`<Button size={null} className='px-2'>Save</Button>`), 'control-redundant-style')
+  ).toHaveLength(0)
+})
+
+test('ordered immutable imported spreads and aliases resolve, later unknown spreads do not', () => {
+  const module = {
+    'apps/sim/components/shared.ts': `export const props = {className:'px-2',size:'md'} as const`,
+  }
+  const prefix = `import {Button as Action} from '@sim/emcn'; import {props} from './shared';`
+  const known = inspectSimplifications(
+    source(`${prefix} export const View=()=> <Action {...props} aria-label='Save'/>`, module)
+  ).simplifications
+  expect(matching(known, 'control-redundant-style')).toHaveLength(1)
+  const uncertain = inspectSimplifications(
+    source(`${prefix} export const View=({runtime})=> <Action {...props} {...runtime}/>`, module)
+  ).simplifications
+  expect(matching(uncertain, 'control-redundant-style')).toHaveLength(0)
+  expect(uncertain.unchecked.some((n) => n.reason.includes('unresolved'))).toBe(true)
+})
+
+test('namespace aliases work and shadowed central names do not acquire recipe authority', () => {
+  const namespaced = inspectSimplifications(
+    source(
+      `import * as E from '@sim/emcn'; export const View=()=> <E.Button className='px-2'>Save</E.Button>`
+    )
+  ).simplifications
+  expect(matching(namespaced, 'control-redundant-style')).toHaveLength(1)
+  const shadowed = inspectSimplifications(
+    source(
+      `import {Button} from '@sim/emcn'; export function View(){ const Button=({children})=><div>{children}</div>; return <Button className='px-2'>Save</Button> }`
+    )
+  ).simplifications
+  expect(matching(shadowed, 'control-redundant-style')).toHaveLength(0)
+})
+
+test('unsupported cn implementation or runtime class factory produces uncertainty, never a removal', () => {
+  expect(
+    matching(
+      run(`<Button className='px-2'>Save</Button>`, {
+        'packages/emcn/src/lib/cn.ts': `export const cn=(...args)=>args.join(' ')`,
+      }),
+      'control-redundant-style'
+    )
+  ).toHaveLength(0)
+  expect(
+    matching(run(`<Button className={getClasses()}>Save</Button>`), 'control-redundant-style')
+  ).toHaveLength(0)
+})
+
+test('icon-only buttons need names; a tooltip description is not one', () => {
+  expect(
+    matching(run(`<Button aria-describedby='tooltip'><X/></Button>`), 'control-accessible-name')
+  ).toHaveLength(1)
+  expect(
+    matching(
+      run(`<button><svg aria-hidden='true'><path d='M0 0'/></svg></button>`),
+      'control-accessible-name'
+    )
+  ).toHaveLength(1)
+})
+
+test('text, screen-reader text, labels, titles and resolvable labelledby name buttons', () => {
+  for (const body of [
+    `<Button>Save</Button>`,
+    `<Button><span className='sr-only'>Save</span><X/></Button>`,
+    `<Button aria-label='Save'><X/></Button>`,
+    `<Button title='Save'><X/></Button>`,
+    `<div><span id='label'>Save</span><Button aria-labelledby='label'><X/></Button></div>`,
+  ])
+    expect(matching(run(body), 'control-accessible-name')).toHaveLength(0)
+})
+
+test('dynamic name/content/spreads and missing label references stay unresolved', () => {
+  for (const body of [
+    `<Button aria-label={label}><X/></Button>`,
+    `<Button>{children}</Button>`,
+    `<Button {...runtime}><X/></Button>`,
+    `<Button aria-labelledby='missing'><X/></Button>`,
+  ]) {
+    const result = run(body)
+    expect(matching(result, 'control-accessible-name')).toHaveLength(0)
+    expect(result.unchecked.some((n) => n.reason.includes('Accessible name unresolved'))).toBe(true)
+  }
+})
+
+test('generic icon parameters are followed through statically known wrapper callers', () => {
+  const result = inspectSimplifications(
+    source(
+      `import {Button,X} from '@sim/emcn'; function Action({icon:Icon,label}) {return <Button><Icon/></Button>} export const View=()=> <Action icon={X} label='Delete'/>`
+    )
+  ).simplifications
+  expect(matching(result, 'control-accessible-name')).toHaveLength(1)
+  expect(matching(result, 'control-accessible-name')[0].context).toBe('Action')
+})
+
+test('drawing equality ignores formatting and caller size but retains geometry and paint', () => {
+  const result = run(
+    `<Button aria-label='Stop'><svg className='size-[14px] fill-current' viewBox='0 0 24 24'><rect ry='3' rx='3' height='16' width='16' y='4' x='4'/></svg></Button>`
+  )
+  expect(matching(result, 'control-duplicate-artwork')).toHaveLength(1)
+  expect(matching(result, 'control-duplicate-artwork')[0].proof.central).toEqual([
+    'packages/emcn/src/icons/x.tsx#X',
+  ])
+  for (const rect of [
+    `<rect x='3' y='3' width='18' height='18' rx='2'/>`,
+    `<rect x='4' y='4' width='16' height='16' rx='3' ry='3' fill='red'/>`,
+  ])
+    expect(
+      matching(
+        run(`<Button aria-label='Stop'><svg viewBox='0 0 24 24'>${rect}</svg></Button>`),
+        'control-duplicate-artwork'
+      )
+    ).toHaveLength(0)
+})
+
+test('dynamic SVG geometry remains explicit and excluded landing artwork stays excluded', () => {
+  const result = run(
+    `<Button aria-label='Stop'><svg viewBox='0 0 24 24'><rect x={x}/></svg></Button>`,
+    { 'apps/sim/app/(landing)/page.tsx': `export const Page=()=>${icon}` }
+  )
+  expect(matching(result, 'control-duplicate-artwork')).toHaveLength(0)
+  expect(result.unchecked.some((n) => n.reason.includes('SVG equivalence unresolved'))).toBe(true)
+})
+
+test('analysis never executes source and is independent of discovery order', () => {
+  const input = source(
+    `throw new Error('must not execute'); ${ui(`<Button className='px-2'><X/></Button>`)}`
+  )
+  const forward = inspectSimplifications(input, [], 'forward')
+  const reverse = inspectSimplifications(
+    { ...input, entries: [...input.entries].reverse() },
+    [],
+    'reverse'
+  )
+  expect(reverse).toEqual(forward)
+})
+
+test('forwarded SVG props preserve explicit caller overrides and default decorative status', () => {
+  const extra = {
+    'packages/emcn/src/icons/x.tsx': `export function X({className,...props}){return <svg aria-hidden='true' {...props}><path d='M0 0'/></svg>}`,
+  }
+  expect(matching(run(`<Button><X/></Button>`, extra), 'control-accessible-name')).toHaveLength(1)
+  expect(
+    matching(
+      run(`<Button><X aria-hidden={false} aria-label='Save'/></Button>`, extra),
+      'control-accessible-name'
+    )
+  ).toHaveLength(0)
+})
+
+test('a CSS-hidden programmatic trigger is not an unnamed visible button', () => {
+  expect(
+    matching(run(`<button className='hidden' onClick={remove}/>`), 'control-accessible-name')
+  ).toHaveLength(0)
+  expect(
+    matching(
+      run(`<button className='hidden sm:block' onClick={remove}/>`),
+      'control-accessible-name'
+    )
+  ).toHaveLength(1)
+})
+
+test('generic descendant labels do not name a button; conditional hiding remains unknown', () => {
+  expect(
+    matching(run('<Button><span aria-label="Close"/></Button>'), 'control-accessible-name')
+  ).toHaveLength(1)
+  const result = run(
+    '<Button><svg aria-hidden={hidden} aria-label="Close"><path d="M0 0"/></svg></Button>'
+  )
+  expect(result.unchecked.some((n) => /name|label|content/i.test(n.reason))).toBe(true)
+  expect(
+    matching(
+      run('<Button><svg aria-hidden={false} aria-label="Close"/></Button>'),
+      'control-accessible-name'
+    )
+  ).toHaveLength(0)
+})
diff --git a/scripts/design-studio/README.md b/scripts/design-studio/README.md
new file mode 100644
index 00000000000..9310c47db45
--- /dev/null
+++ b/scripts/design-studio/README.md
@@ -0,0 +1,35 @@
+# Local Studio fixtures
+
+`studio:refresh` checks generated design contracts, scans the checkout, and publishes external capture evidence. Run `design:generate` after changing its source inputs. The catalog discovers public exports and finite variant values automatically; new components remain `needs-fixture` until an adapter mounts them.
+
+## Adapter coverage
+
+`tools/design-studio/_components/component-fixtures.tsx` supplies fixed props, data, and providers. The matching switch case must render each supported export by its actual JSX name. Icons use the generic namespace adapter.
+
+`fixture-contracts.json` declares coverage separately for each public export:
+
+- `variants` lists the axes that the adapter forwards to that export. New values on a covered axis appear automatically. A new axis requires review and a mapping; spreading variant props does not establish coverage. Axes requiring different data shapes need their own fixture data before being listed.
+- `states` lists supported focus, disabled, error, and open states. Open captures require a visible popup or dialog.
+- Disabled variants omit open and focus states; explicitly closed variants omit open states. Both retain their default preview, and combined live selections apply the same restrictions.
+- `defaultStates` opens otherwise hidden exports, such as tooltip content or a wizard step, for their default specimen.
+- `requiredElements` identifies a visible element belonging to a hidden or nested export. Use a unique fixture marker when a generic role could match its parent.
+
+Update fixture imports and switch cases when exports are renamed or removed. Product Extras require a maintained source mapping for a real component preview; automatically generated style samples are indicative.
+
+## Capture and live evidence
+
+All checkout changes invalidate sample captures until a complete rendering dependency graph is available. This conservatively covers imported CSS, fonts, configuration, and dependency declarations.
+
+Studio live previews render the current checkout. Their options and capture status come from the last published refresh. Source mismatches are shown beside the preview and above the catalog. Unresolved styling/control analysis and scanner limits remain separate from inspection failures and successful rendering.
+
+## Focused browser verification
+
+Start the isolated fixture app on an unused loopback port, then run:
+
+```sh
+SIM_STUDIO_E2E_URL=http://127.0.0.1:3002 \
+SIM_STUDIO_E2E_REPORT_PATH=/absolute/external/report.json \
+bun --no-env-file scripts/design-studio/test-fixtures-e2e.mjs
+```
+
+The report records each result and screenshot for both themes and 16px/20px root sizes. `SIM_STUDIO_E2E_CASE` optionally selects comma-separated fixture IDs. Full refresh should run against frozen source after integration.
diff --git a/scripts/design-studio/refresh.mjs b/scripts/design-studio/refresh.mjs
new file mode 100644
index 00000000000..cb940be4f56
--- /dev/null
+++ b/scripts/design-studio/refresh.mjs
@@ -0,0 +1,1016 @@
+#!/usr/bin/env node
+import { spawn, spawnSync } from 'node:child_process'
+/** Regenerate the local Design Studio inventory and visual evidence from product source. */
+import { createHash } from 'node:crypto'
+import {
+  cpSync,
+  existsSync,
+  mkdirSync,
+  readdirSync,
+  readFileSync,
+  renameSync,
+  writeFileSync,
+} from 'node:fs'
+import { createRequire } from 'node:module'
+import { createServer } from 'node:net'
+import { homedir } from 'node:os'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { productScope } from '../design-conformance/control-scope.ts'
+
+const toolRoot = path.dirname(fileURLToPath(import.meta.url))
+const repo = path.resolve(process.env.SIM_STUDIO_REPO ?? path.join(toolRoot, '../..'))
+const { parse } = createRequire(import.meta.url)('@babel/parser')
+const ledger = process.env.SIM_STUDIO_LEDGER ? path.resolve(process.env.SIM_STUDIO_LEDGER) : null
+const outputRoot = path.resolve(
+  process.env.SIM_STUDIO_OUTPUT ?? path.join(homedir(), '.local/state/sim2/design-studio')
+)
+const bun = process.execPath
+const bunDirectory = path.dirname(bun)
+const capture = !process.argv.includes('--inventory-only')
+// Keep rounded-edge rasterization stable across fresh browser processes.
+const captureArgs = [
+  '--deterministic-mode',
+  '--disable-gpu',
+  '--disable-skia-runtime-opts',
+  '--disable-partial-raster',
+]
+const sha = (value) => createHash('sha256').update(value).digest('hex')
+const relative = (file) => path.relative(repo, file).split(path.sep).join('/')
+
+function parseFile(file) {
+  return parse(readFileSync(file, 'utf8'), {
+    sourceType: 'module',
+    sourceFilename: file,
+    plugins: ['typescript', 'jsx', 'decorators-legacy'],
+  })
+}
+
+function walk(node, visit) {
+  if (!node || typeof node !== 'object') return
+  if (typeof node.type === 'string') visit(node)
+  for (const value of Object.values(node)) {
+    if (Array.isArray(value)) for (const item of value) walk(item, visit)
+    else if (value && typeof value === 'object') walk(value, visit)
+  }
+}
+
+function keyName(node) {
+  if (!node) return ''
+  if (node.type === 'Identifier') return node.name
+  if (node.type === 'StringLiteral' || node.type === 'NumericLiteral') return String(node.value)
+  return ''
+}
+
+function productFiles() {
+  const roots = ['apps/sim', 'apps/desktop/src/renderer', 'packages/workflow-renderer/src']
+  const excluded = new Set([
+    'node_modules',
+    '.next',
+    '.git',
+    'dist',
+    'build',
+    '__tests__',
+    '(landing)',
+    '(docs)',
+    'api',
+    'design-studio',
+    'docs',
+  ])
+  const files = []
+  function descend(directory) {
+    if (!existsSync(directory)) return
+    for (const item of readdirSync(directory, { withFileTypes: true })) {
+      if (item.isDirectory()) {
+        if (!excluded.has(item.name)) descend(path.join(directory, item.name))
+      } else if (item.name.endsWith('.tsx') && !/\.(test|spec|stories)\.tsx$/.test(item.name)) {
+        const file = path.join(directory, item.name)
+        if (productScope(relative(file)) === 'check') files.push(file)
+      }
+    }
+  }
+  roots.forEach((root) => descend(path.join(repo, root)))
+  return files.sort()
+}
+
+function jsxName(node) {
+  if (node.type === 'JSXIdentifier') return node.name
+  if (node.type === 'JSXMemberExpression')
+    return `${jsxName(node.object)}.${jsxName(node.property)}`
+  return ''
+}
+
+function usageIndex(componentNames, iconNames) {
+  const uses = new Map()
+  const failures = []
+  for (const file of productFiles()) {
+    const source = readFileSync(file, 'utf8')
+    if (!source.includes('@sim/emcn')) continue
+    try {
+      const ast = parseFile(file)
+      const imported = new Map()
+      const namespaces = new Map()
+      for (const statement of ast.program.body) {
+        if (statement.type !== 'ImportDeclaration') continue
+        const from = statement.source.value
+        if (
+          from !== '@sim/emcn' &&
+          from !== '@sim/emcn/icons' &&
+          !from.startsWith('@sim/emcn/components/')
+        )
+          continue
+        for (const specifier of statement.specifiers) {
+          if (specifier.type === 'ImportSpecifier' && specifier.importKind !== 'type') {
+            const name = keyName(specifier.imported)
+            const kind =
+              from === '@sim/emcn/icons'
+                ? 'icon'
+                : componentNames.has(name) ||
+                    [...componentNames].some((n) => n.startsWith(`${name}.`))
+                  ? 'component'
+                  : iconNames.has(name)
+                    ? 'icon'
+                    : null
+            if (kind) imported.set(specifier.local.name, { name, kind })
+          }
+          if (specifier.type === 'ImportNamespaceSpecifier')
+            namespaces.set(specifier.local.name, from)
+        }
+      }
+      walk(ast, (node) => {
+        if (node.type !== 'JSXOpeningElement') return
+        const tag = jsxName(node.name)
+        const parts = tag.split('.')
+        const from = namespaces.get(parts[0])
+        let record = from
+          ? {
+              name: parts.slice(1).join('.'),
+              kind:
+                from === '@sim/emcn/icons'
+                  ? 'icon'
+                  : componentNames.has(parts.slice(1).join('.'))
+                    ? 'component'
+                    : 'icon',
+            }
+          : imported.get(parts[0])
+        if (!record) return
+        if (!from && parts.length > 1)
+          record = { ...record, name: `${record.name}.${parts.slice(1).join('.')}` }
+        const key = `${record.kind}:${record.name}`
+        if (!(record.kind === 'component' ? componentNames : iconNames).has(record.name)) return
+        const site = {
+          file: relative(file),
+          line: node.loc?.start.line ?? 1,
+          symbol: record.name,
+          relationship: 'direct',
+        }
+        const list = uses.get(key) ?? []
+        if (!list.some((entry) => entry.file === site.file && entry.line === site.line))
+          list.push(site)
+        uses.set(key, list)
+      })
+    } catch (error) {
+      failures.push({ file: relative(file), reason: String(error) })
+    }
+  }
+  return { uses, failures }
+}
+
+function fixtureInventory() {
+  const gallery = path.join(repo, 'tools/design-studio/_components/component-fixtures.tsx')
+  const ast = parseFile(gallery)
+  const cases = new Map()
+  walk(ast, (node) => {
+    if (node.type !== 'SwitchCase' || node.test?.type !== 'StringLiteral') return
+    const names = new Set()
+    for (const statement of node.consequent)
+      walk(statement, (part) => {
+        if (part.type !== 'JSXOpeningElement') return
+        const name = jsxName(part.name)
+        names.add(name)
+      })
+    cases.set(node.test.value, { names })
+  })
+  return cases
+}
+
+function componentFamily(source) {
+  if (source.includes('/charts/')) return path.basename(source, path.extname(source))
+  return path.relative(path.join(repo, 'packages/emcn/src/components'), source).split(path.sep)[0]
+}
+
+function componentInventory() {
+  const metadata = JSON.parse(
+    readFileSync(path.join(repo, 'scripts/design-conformance/contracts.generated.json'), 'utf8')
+  )
+  const discovered = Object.entries(metadata.exports).map(([, facts]) => ({
+    name: facts.exportName,
+    source: path.join(repo, facts.source.file),
+    facts,
+  }))
+  const componentExports = discovered.filter((item) => item.facts.kind === 'component')
+  const iconExports = discovered.filter((item) => item.facts.kind === 'icon')
+  const byName = new Map()
+  for (const item of componentExports)
+    if (!byName.has(`component:${item.name}`))
+      byName.set(`component:${item.name}`, { ...item, kind: 'component' })
+  for (const item of iconExports)
+    if (!byName.has(`icon:${item.name}`)) byName.set(`icon:${item.name}`, { ...item, kind: 'icon' })
+  const { uses, failures } = usageIndex(
+    new Set(componentExports.map((item) => item.name)),
+    new Set(iconExports.map((item) => item.name))
+  )
+  const fixtureCases = fixtureInventory()
+  const fixtureContracts = JSON.parse(
+    readFileSync(path.join(repo, 'tools/design-studio/_components/fixture-contracts.json'), 'utf8')
+  )
+  const entries = []
+  const nonvisualNames = new Map(
+    discovered
+      .filter((item) => item.facts.kind === 'nonvisual')
+      .map((item) => [
+        item.name,
+        'Structural or delegated export; its visible descendants own the treatment.',
+      ])
+  )
+  const nonvisual = discovered
+    .filter((item) => item.facts.kind === 'nonvisual')
+    .map((item) => ({
+      name: item.name,
+      source: item.facts.source,
+      reason: nonvisualNames.get(item.name),
+    }))
+  for (const item of byName.values()) {
+    const family = item.kind === 'icon' ? 'Icons' : componentFamily(item.source)
+    const ownCase = item.name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()
+    const fixtureId = fixtureCases.get(ownCase)?.names.has(item.name)
+      ? ownCase
+      : fixtureCases.get(family)?.names.has(item.name) ||
+          (nonvisualNames.has(item.name) && fixtureCases.has(family))
+        ? family
+        : null
+    const fixture =
+      item.kind === 'icon'
+        ? { type: 'icon', id: item.name }
+        : fixtureId
+          ? { type: 'component', id: fixtureId }
+          : null
+    if (fixture && item.name === 'DropdownMenuSubContent') fixture.action = 'open-submenu'
+    if (fixture && item.name === 'PopoverBackButton') fixture.action = 'open-folder'
+    if (fixture && fixtureContracts.defaultStates?.[item.name])
+      fixture.defaultState = fixtureContracts.defaultStates[item.name]
+    if (fixture && fixtureContracts.requiredElements?.[item.name])
+      fixture.requiredElement = fixtureContracts.requiredElements[item.name]
+    const base = {
+      id: `${item.kind}:${item.name}`,
+      kind: item.kind,
+      name: item.name,
+      family,
+      source: { file: item.facts.source.file, line: item.facts.source.line },
+      rationale: nonvisualNames.get(item.name),
+      usages: uses.get(`${item.kind}:${item.name}`) ?? [],
+      fixture,
+      states: fixtureContracts.states?.[item.name] ?? [],
+      status: fixture ? 'pending-capture' : 'needs-fixture',
+      images: {},
+    }
+    entries.push(base)
+    if (item.kind !== 'component') continue
+    const seenVariants = new Set()
+    const axes = Object.entries(item.facts.variants).map(([name, axis]) => ({
+      name,
+      values: axis.values.map(String),
+      defaultValue: axis.default === undefined ? undefined : String(axis.default),
+    }))
+    for (const axis of axes)
+      for (const value of axis.values) {
+        if (value === axis.defaultValue) continue
+        const identity = `${axis.name}=${value}`
+        if (seenVariants.has(identity)) continue
+        seenVariants.add(identity)
+        const supportsVariant = Boolean(
+          fixture && fixtureContracts.variants?.[item.name]?.includes(axis.name)
+        )
+        const disabled = axis.name === 'disabled' && value === 'true'
+        const closed = axis.name === 'open' && value === 'false'
+        const applicable = (state) =>
+          !((disabled || closed) && state === 'open') && !(disabled && state === 'focus')
+        const variantFixture = supportsVariant
+          ? { ...fixture, variant: { axis: axis.name, value } }
+          : null
+        if (variantFixture?.defaultState && !applicable(variantFixture.defaultState))
+          variantFixture.defaultState = undefined
+        entries.push({
+          ...base,
+          id: `component:${item.name}:${axis.name}=${value}`,
+          name: `${item.name} · ${axis.name}: ${value}`,
+          variant: { axis: axis.name, value, defaultValue: axis.defaultValue },
+          fixture: variantFixture,
+          states: base.states.filter(applicable),
+          status: supportsVariant ? 'pending-capture' : 'needs-fixture',
+          images: {},
+        })
+      }
+  }
+  return { entries, nonvisual, failures }
+}
+
+/** The scanner already resolves product wrappers to EMCN terminal renderers. */
+function attachTracedUses(entries, scanDir) {
+  const controls = JSON.parse(readFileSync(path.join(scanDir, 'controls.json'), 'utf8'))
+  const bySymbol = new Map(
+    entries
+      .filter((entry) => !entry.variant && entry.kind === 'component')
+      .map((entry) => [entry.name, entry])
+  )
+  for (const record of controls.records ?? []) {
+    if (record.origin !== 'emcn-component' || !record.projection) continue
+    for (const terminal of record.terminals ?? []) {
+      const symbol = /#([A-Za-z][\w]*)@/.exec(terminal)?.[1]
+      const entry = bySymbol.get(symbol)
+      if (
+        !entry ||
+        !record.file?.startsWith('apps/') ||
+        record.file.includes('/(landing)/') ||
+        record.file.includes('/design-studio/')
+      )
+        continue
+      const site = {
+        file: record.file,
+        line: record.line,
+        symbol: record.tag,
+        relationship: record.tag === symbol ? 'direct' : `via ${record.tag}`,
+      }
+      if (!entry.usages.some((use) => use.file === site.file && use.line === site.line))
+        entry.usages.push(site)
+    }
+  }
+  for (const entry of entries)
+    if (entry.variant) entry.usages = bySymbol.get(entry.id.split(':')[1])?.usages ?? entry.usages
+}
+
+const sourceContextCache = new Map()
+
+/** Find the JSX element behind a scanner line without executing product code. */
+function sourceContext(file, line) {
+  const key = `${file}:${line}`
+  if (sourceContextCache.has(key)) return sourceContextCache.get(key)
+  const result = { tag: '', className: '' }
+  if (!/\.[jt]sx$/.test(file)) return result
+  try {
+    let best
+    walk(parseFile(path.join(repo, file)), (node) => {
+      if (
+        node.type !== 'JSXOpeningElement' ||
+        !node.loc ||
+        node.loc.start.line > line ||
+        node.loc.end.line < line
+      )
+        return
+      const span = node.loc.end.line - node.loc.start.line
+      if (!best || span < best.span) best = { node, span }
+    })
+    if (best) {
+      result.tag = jsxName(best.node.name)
+      const attribute = best.node.attributes.find(
+        (item) => item.type === 'JSXAttribute' && ['className', 'class'].includes(item.name?.name)
+      )
+      const pieces = []
+      if (attribute?.value)
+        walk(attribute.value, (node) => {
+          if (node.type === 'StringLiteral' && node.value) pieces.push(node.value)
+          if (node.type === 'TemplateElement' && node.value.raw) pieces.push(node.value.raw)
+        })
+      result.className = [...new Set(pieces.join(' ').split(/\s+/).filter(Boolean))]
+        .join(' ')
+        .slice(0, 1200)
+    }
+  } catch {
+    // The scanner still publishes the finding; the generic value renderer handles this source.
+  }
+  sourceContextCache.set(key, result)
+  return result
+}
+
+function colorValues(value) {
+  try {
+    const parsed = JSON.parse(value)
+    if (Array.isArray(parsed.values))
+      return parsed.values.filter((item) => typeof item === 'string').slice(0, 12)
+  } catch {}
+  return /^(?:#[\da-f]{3,8}|(?:rgb|hsl|oklch|var)\()/i.test(value) ? [value] : []
+}
+
+const classFamilies = new Set([
+  'component-chrome',
+  'emcn-recipe-override',
+  'central-radius',
+  'central-typography',
+  'local-typography',
+  'local-alpha',
+  'repeated-treatment',
+  'stock-shadow',
+])
+
+/** One reproducible specimen per authored element, shared by its individual scanner signals. */
+function sampleFixture(items) {
+  const first = items[0]
+  const context = sourceContext(first.file, first.line)
+  const classes = items.flatMap((item) => {
+    if (!classFamilies.has(item.rule ?? item.kind)) return []
+    const value = String(item.value ?? '').replace(/^[a-z]+:\s+(?=[a-z-]+(?:-|\[))/, '')
+    return value.length < 500 && !/[<>\n{}]/.test(value) ? value.split(/\s+/) : []
+  })
+  const className = [
+    ...new Set([context.className, ...classes].join(' ').split(/\s+/).filter(Boolean)),
+  ]
+    .join(' ')
+    .slice(0, 1200)
+  const values = items.flatMap((item) => colorValues(item.value)).slice(0, 12)
+  const families = items.map((item) => item.rule ?? item.kind)
+  const kind =
+    values.length &&
+    (families.includes('central-colour') || families.includes('central-colour-assignment'))
+      ? 'swatch'
+      : families.some((item) => item.includes('typography'))
+        ? 'text'
+        : families.some((item) => item.includes('runtime-style'))
+          ? 'runtime'
+          : ['button', 'input', 'textarea', 'select'].includes(context.tag.toLowerCase()) ||
+              families.includes('local-control') ||
+              families.includes('component-chrome')
+            ? 'control'
+            : 'surface'
+  return {
+    type: 'sample',
+    id: sha(
+      JSON.stringify([first.file, first.line, first.context ?? first.owner ?? '', kind])
+    ).slice(0, 16),
+    sample: {
+      kind,
+      tag:
+        context.tag ||
+        (first.context?.match(/#([A-Z][A-Za-z]+)/)?.[1] ?? String(first.value ?? '')),
+      className,
+      values,
+      property: first.property ?? '',
+      value: String(first.value ?? '').slice(0, 300),
+    },
+  }
+}
+
+function extraInventory(scanDir) {
+  const findings = JSON.parse(readFileSync(path.join(scanDir, 'findings.json'), 'utf8'))
+  const decisionsPath = path.join(scanDir, 'review-decisions.json')
+  const decisions = existsSync(decisionsPath)
+    ? JSON.parse(readFileSync(decisionsPath, 'utf8'))
+    : { matches: [], stale: [], ambiguous: [] }
+  const ledgerEntries = new Map(
+    ledger
+      ? JSON.parse(readFileSync(ledger, 'utf8')).entries.map((item) => [item.fingerprint, item])
+      : []
+  )
+  const decisionDetails = {
+    stale: decisions.stale.map((fingerprint) => ledgerEntries.get(fingerprint) ?? { fingerprint }),
+    ambiguous: decisions.ambiguous.map(
+      (fingerprint) => ledgerEntries.get(fingerprint) ?? { fingerprint }
+    ),
+  }
+  const matched = new Map(decisions.matches.map((item) => [item.fingerprint, item]))
+  const entries = []
+  const centralSignals = []
+  const sourceGroups = new Map()
+  for (const item of findings) {
+    const key = JSON.stringify([item.file, item.line, item.context ?? item.owner ?? ''])
+    const group = sourceGroups.get(key) ?? []
+    group.push(item)
+    sourceGroups.set(key, group)
+  }
+  function sourceFixture(item) {
+    const { file, owner, context } = item
+    if (item.rule === 'local-shadow')
+      return item.value === 'browser-loading-glow' ? 'browser-loading' : 'rich-selection'
+    if (item.rule === 'specialised-typography')
+      return file.endsWith('/thinking-loader.module.css') ? 'thinking' : 'rich-type'
+    if (file.endsWith('/knowledge-iso.tsx')) return 'knowledge'
+    if (file.endsWith('/thinking-loader.tsx') || file.endsWith('/thinking-loader.module.css'))
+      return 'thinking'
+    if (file.endsWith('/drop-overlay.tsx')) return 'drop-overlay'
+    if (file.endsWith('/components/error/error.tsx')) return 'error'
+    if (file.endsWith('/command-chrome/command-chrome.tsx')) return 'command-search'
+    if (file.endsWith('/rich-markdown-editor/rich-markdown-editor.css')) {
+      if (context?.includes('.rich-markdown-prose code')) return 'rich-code'
+      if (context?.includes('hr.rich-leaf-in-selection')) return 'rich-selection'
+      return null
+    }
+    if (file.endsWith('/integrations-showcase.tsx')) {
+      const component = owner ?? context?.split(/\s*\/\s*/)[0]
+      return (
+        { IntegrationTile: 'integration-tile', IntegrationsShowcase: 'showcase' }[component] ?? null
+      )
+    }
+    if (file.endsWith('/components/icons.tsx'))
+      return (
+        {
+          SearchIcon: 'searchIcon',
+          AgentIcon: 'agentIcon',
+          ApiIcon: 'apiIcon',
+          WorkflowIcon: 'workflowIcon',
+        }[owner] ?? null
+      )
+    return null
+  }
+  for (const item of findings) {
+    const kind = 'finding'
+    const fingerprint =
+      item.identity ??
+      sha(
+        JSON.stringify(['finding', item.file, item.context, item.rule, item.property, item.value])
+      )
+    const decision =
+      matched.get(fingerprint) ??
+      (item.legacyFingerprint ? matched.get(item.legacyFingerprint) : undefined)
+    const fixtureId = sourceFixture(item)
+    const sourceGroup = sourceGroups.get(
+      JSON.stringify([item.file, item.line, item.context ?? item.owner ?? ''])
+    ) ?? [item]
+    const fixture = fixtureId ? { type: 'extra', id: fixtureId } : sampleFixture(sourceGroup)
+    const entry = {
+      id: `${kind}:${item.id}`,
+      kind: 'extra',
+      name: item.context ?? item.owner ?? item.rule ?? item.kind,
+      value: item.value,
+      family: item.rule ?? item.kind,
+      source: { file: item.file, line: item.line },
+      usages: [{ file: item.file, line: item.line, relationship: 'authored' }],
+      rationale: decision?.rationale ?? item.reason ?? '',
+      decision: decision?.status ?? 'unreviewed',
+      fixture,
+      previewKind: fixtureId
+        ? 'source-component'
+        : fixture.sample.className || fixture.sample.values.length || fixture.sample.property
+          ? 'source-style-sample'
+          : 'indicative-sample',
+      status: 'pending-capture',
+      images: {},
+    }
+    if (item.file.startsWith('packages/emcn/')) centralSignals.push(entry)
+    entries.push(entry)
+  }
+  return { entries, centralSignals, decisions: decisionDetails }
+}
+
+function run(command, args, options = {}) {
+  return new Promise((resolve) => {
+    const child = spawn(command, args, { stdio: 'inherit', ...options })
+    child.on('error', (error) => resolve({ code: 2, error }))
+    child.on('exit', (code) => resolve({ code: code ?? 2 }))
+  })
+}
+
+function git(args) {
+  const result = spawnSync('git', args, { cwd: repo, encoding: 'utf8' })
+  if (result.status !== 0) throw new Error(result.stderr)
+  return result.stdout.trim()
+}
+
+function sourceRevision() {
+  const changed = spawnSync('git', ['diff', '--binary', 'HEAD'], {
+    cwd: repo,
+    maxBuffer: 64 * 1024 * 1024,
+  })
+  if (changed.status !== 0) throw new Error(String(changed.stderr))
+  const untracked = git(['ls-files', '--others', '--exclude-standard', '-z'])
+    .split('\0')
+    .filter(Boolean)
+    .sort()
+  const digest = createHash('sha256')
+    .update(git(['rev-parse', 'HEAD']))
+    .update(changed.stdout)
+  for (const file of untracked) digest.update(file).update(readFileSync(path.join(repo, file)))
+  return digest.digest('hex')
+}
+
+async function captureImages(manifest, runDir) {
+  const require = createRequire(path.join(repo, 'package.json'))
+  const { chromium } = require('playwright')
+  const port = await new Promise((resolve, reject) => {
+    const socket = createServer()
+    socket.once('error', reject)
+    socket.listen(0, '127.0.0.1', () => {
+      const address = socket.address()
+      socket.close(() => resolve(address.port))
+    })
+  })
+  const appDirectory = path.join(repo, 'tools/design-studio')
+  const server = spawn(
+    path.join(repo, 'node_modules/.bin/next'),
+    ['dev', appDirectory, '--hostname', '127.0.0.1', '--port', String(port)],
+    {
+      cwd: appDirectory,
+      env: {
+        ...process.env,
+        NODE_ENV: 'development',
+        SIM_STUDIO_REPO: repo,
+        DATABASE_URL:
+          process.env.DATABASE_URL ?? 'postgresql://postgres:postgres@localhost:5432/simstudio',
+        NEXT_PUBLIC_APP_URL: `http://localhost:${port}`,
+      },
+      stdio: 'ignore',
+    }
+  )
+  let browser
+  try {
+    let ready = false
+    for (let attempt = 0; attempt < 90; attempt++) {
+      if (server.exitCode !== null) break
+      try {
+        const response = await fetch(`http://localhost:${port}/fixture?kind=icon&id=Check`)
+        if (response.ok) {
+          ready = true
+          break
+        }
+      } catch {}
+      await new Promise((resolve) => setTimeout(resolve, 1000))
+    }
+    if (!ready) throw new Error('Fixture server did not become ready')
+    browser = await chromium.launch({ headless: true, args: captureArgs })
+    manifest.browser = `Chromium ${browser.version()} (Playwright ${require('playwright/package.json').version}; ${captureArgs.join(' ')})`
+    const context = await browser.newContext({
+      viewport: { width: 460, height: 320 },
+      deviceScaleFactor: 1,
+      locale: 'en-US',
+      timezoneId: 'UTC',
+      reducedMotion: 'reduce',
+    })
+    const page = await context.newPage()
+    await page.clock.install({ time: new Date('2026-09-23T12:00:00Z') })
+    const imageDir = path.join(runDir, 'images')
+    mkdirSync(imageDir, { recursive: true })
+    const imageCache = new Map()
+    const previousPointer = path.join(outputRoot, 'latest.json')
+    let previousImages = new Map()
+    let reuseSourceCaptures = false
+    let reuseSampleCaptures = false
+    if (existsSync(previousPointer)) {
+      try {
+        const previousRun = JSON.parse(readFileSync(previousPointer, 'utf8'))
+        const previousManifest = JSON.parse(
+          readFileSync(path.join(previousRun.path, 'manifest.json'), 'utf8')
+        )
+        if (previousManifest.browser === manifest.browser) {
+          reuseSourceCaptures =
+            previousManifest.sourceRevision === manifest.sourceRevision &&
+            previousManifest.fixtureHash === manifest.fixtureHash
+          reuseSampleCaptures = Boolean(
+            previousManifest.sampleRenderHash &&
+              previousManifest.sampleRenderHash === manifest.sampleRenderHash
+          )
+          previousImages = new Map(
+            [...previousManifest.components, ...previousManifest.extras]
+              .filter((entry) => entry.status === 'ready' && entry.fixture)
+              .map((entry) => [
+                JSON.stringify([entry.fixture, entry.states]),
+                { entry, directory: path.join(previousRun.path, 'images') },
+              ])
+          )
+        }
+      } catch {
+        // A prior run is an optimization only; capture normally if it cannot be read.
+      }
+    }
+    const captureLimit = Number(process.env.SIM_STUDIO_CAPTURE_LIMIT ?? 0)
+    const entries =
+      process.env.SIM_STUDIO_CAPTURE_KIND === 'extras'
+        ? manifest.extras
+        : process.env.SIM_STUDIO_CAPTURE_KIND === 'components'
+          ? manifest.components
+          : [...manifest.components, ...manifest.extras]
+    const selectedIds = process.env.SIM_STUDIO_CAPTURE_ENTRY?.split(',')
+    const selected = selectedIds
+      ? entries.filter((entry) => selectedIds.includes(entry.id))
+      : entries
+    for (const entry of captureLimit > 0 ? selected.slice(0, captureLimit) : selected) {
+      if (!entry.fixture) continue
+      const cacheKey = JSON.stringify([entry.fixture, entry.states])
+      const cached = imageCache.get(cacheKey)
+      if (cached) {
+        entry.images = cached.images
+        entry.status = cached.status
+        if (cached.captureError) entry.captureError = cached.captureError
+        continue
+      }
+      const previous = previousImages.get(cacheKey)
+      if (
+        previous &&
+        (reuseSourceCaptures || (entry.fixture.type === 'sample' && reuseSampleCaptures)) &&
+        Object.values(previous.entry.images).every((name) =>
+          existsSync(path.join(previous.directory, name))
+        )
+      ) {
+        entry.images = previous.entry.images
+        entry.status = 'ready'
+        for (const name of Object.values(entry.images))
+          cpSync(path.join(previous.directory, name), path.join(imageDir, name))
+        imageCache.set(cacheKey, { images: entry.images, status: entry.status })
+        continue
+      }
+      let failed = false
+      const params = new URLSearchParams({
+        kind: entry.fixture.type,
+        id: entry.fixture.id,
+        theme: 'dark',
+        size: '16',
+      })
+      if (entry.fixture.sample) params.set('sample', JSON.stringify(entry.fixture.sample))
+      if (entry.fixture.action) params.set('action', entry.fixture.action)
+      if (entry.fixture.variant) {
+        params.set('axis', entry.fixture.variant.axis)
+        params.set('value', entry.fixture.variant.value)
+      }
+      try {
+        if (process.env.SIM_STUDIO_TEST_CAPTURE_FAILURE === entry.id)
+          throw new Error('Injected fixture failure for capture regression')
+        for (const state of ['default', ...(entry.states ?? [])]) {
+          const effectiveState = state === 'default' ? (entry.fixture.defaultState ?? state) : state
+          params.set('state', effectiveState)
+          const response = await page.goto(`http://localhost:${port}/fixture?${params}`, {
+            waitUntil: 'domcontentloaded',
+            timeout: 30000,
+          })
+          if (!response?.ok()) throw new Error(`HTTP ${response?.status()}`)
+          const target = page.locator('[data-studio-fixture]')
+          await target.waitFor({ timeout: 10000 })
+          if (await target.locator('[data-studio-unavailable]').count())
+            throw new Error('Fixture returned unavailable placeholder')
+          if (
+            (await target.locator('*:visible').count()) === 0 &&
+            (await page
+              .locator('[role=dialog]:visible, [role=menu]:visible, [role=tooltip]:visible')
+              .count()) === 0
+          )
+            throw new Error('Fixture mounted no visible source element')
+          await page.evaluate(() => document.fonts.ready)
+          if (entry.fixture.action === 'open-submenu')
+            await page.getByText('More choices', { exact: true }).first().hover()
+          if (effectiveState === 'open' && entry.fixture.id === 'tooltip') {
+            await target.getByRole('button').first().hover()
+            await page.getByRole('tooltip').waitFor({ state: 'visible', timeout: 10000 })
+          }
+          if (state === 'focus') {
+            const control = target
+              .locator('button:not([disabled]), input:not([disabled]), textarea:not([disabled])')
+              .first()
+            await control.focus()
+            if (!(await control.evaluate((element) => element === document.activeElement)))
+              throw new Error('Focus state fixture did not focus a control')
+          }
+          if (
+            state === 'disabled' &&
+            (await target.locator('[disabled]:visible, [aria-disabled="true"]:visible').count()) ===
+              0
+          )
+            throw new Error('Disabled state fixture did not disable a control')
+          if (state === 'error' && (await target.locator('[aria-invalid=true]').count()) === 0)
+            throw new Error('Error state fixture did not mark an invalid control')
+          const expectsOpen =
+            effectiveState === 'open' ||
+            (entry.states?.includes('open') &&
+              entry.fixture.variant?.axis === 'open' &&
+              entry.fixture.variant.value === 'true')
+          if (expectsOpen)
+            await page
+              .locator(
+                '[role=dialog]:visible, [role=menu]:visible, [role=listbox]:visible, [role=tooltip]:visible, [data-radix-popper-content-wrapper]:visible'
+              )
+              .first()
+              .waitFor({ timeout: 10000 })
+          if (entry.fixture.requiredElement)
+            await page
+              .locator(`${entry.fixture.requiredElement}:visible`)
+              .first()
+              .waitFor({ timeout: 10000 })
+          if (
+            entry.fixture.action !== 'open-submenu' &&
+            !(effectiveState === 'open' && entry.fixture.id === 'tooltip')
+          )
+            await page.mouse.move(0, 0)
+          for (const theme of ['light', 'dark'])
+            for (const size of [16, 20]) {
+              const key = state === 'default' ? `${theme}-${size}` : `${theme}-${size}-${state}`
+              await page.evaluate(
+                ({ theme, size }) => {
+                  document.documentElement.classList.toggle('dark', theme === 'dark')
+                  document.documentElement.style.fontSize = `${size}px`
+                  const fixtureTheme = document.querySelector('[data-studio-theme]')
+                  fixtureTheme?.classList.toggle('dark', theme === 'dark')
+                  fixtureTheme?.classList.toggle('light', theme === 'light')
+                },
+                { theme, size }
+              )
+              await page.evaluate(() => document.fonts.ready)
+              await page.evaluate(
+                () =>
+                  new Promise((resolve) =>
+                    requestAnimationFrame(() => requestAnimationFrame(resolve))
+                  )
+              )
+              if (entry.fixture.action === 'open-submenu')
+                await page.getByText('More choices', { exact: true }).first().hover()
+              if (entry.name === 'TagInput' && state === 'default')
+                await page.evaluate(() => {
+                  if (document.activeElement instanceof HTMLElement) document.activeElement.blur()
+                })
+              if (
+                entry.name === 'TagInput' ||
+                ['bar-chart', 'line-chart', 'radar-chart'].includes(entry.fixture.id) ||
+                (await page
+                  .locator(
+                    '[data-radix-popper-content-wrapper], [role="listbox"], [role="menu"], [role="dialog"]'
+                  )
+                  .count())
+              )
+                await page.waitForTimeout(150)
+              const name = `${sha(`${cacheKey}:${key}`).slice(0, 24)}.png`
+              await page.screenshot({ path: path.join(imageDir, name), animations: 'disabled' })
+              entry.images[key] = name
+            }
+        }
+      } catch (error) {
+        failed = true
+        entry.captureError = String(error)
+      }
+      entry.status = failed ? 'capture-failed' : 'ready'
+      imageCache.set(cacheKey, {
+        images: entry.images,
+        status: entry.status,
+        captureError: entry.captureError,
+      })
+    }
+    await context.close()
+  } finally {
+    if (browser) await browser.close()
+    server.kill('SIGTERM')
+  }
+}
+
+function fingerprintComponentPreviews(entries, runDir) {
+  const imageDir = path.join(runDir, 'images')
+  const keys = ['light-16', 'light-20', 'dark-16', 'dark-20']
+  for (const entry of entries) {
+    if (entry.status !== 'ready' || !keys.every((key) => entry.images[key])) continue
+    const digest = createHash('sha256')
+    for (const key of keys) {
+      digest.update(key)
+      digest.update(readFileSync(path.join(imageDir, entry.images[key])))
+    }
+    entry.previewFingerprint = digest.digest('hex')
+  }
+}
+
+async function main() {
+  if (!existsSync(repo) || (!process.versions.bun && !process.env.SIM_STUDIO_SCAN_DIR))
+    throw new Error('Run refresh with Bun from the product checkout')
+  const relativeOutput = path.relative(repo, outputRoot)
+  if (!relativeOutput.startsWith('..') && !path.isAbsolute(relativeOutput))
+    throw new Error('Studio output must be outside the product checkout')
+  const generation = spawnSync(
+    process.versions.bun ? bun : (process.env.DESIGN_TEST_BUN ?? 'bun'),
+    [
+      '--no-env-file',
+      path.join(toolRoot, '../generate-design-contracts.ts'),
+      '--repo',
+      repo,
+      '--check',
+    ],
+    { cwd: repo, encoding: 'utf8' }
+  )
+  if (generation.status !== 0)
+    throw new Error(
+      generation.stderr ||
+        'Design infrastructure freshness check failed; run bun run design:generate'
+    )
+  const initialLedgerHash = ledger ? sha(readFileSync(ledger)) : ''
+  const initialSourceRevision = sourceRevision()
+  mkdirSync(outputRoot, { recursive: true })
+  const runId = `${new Date().toISOString().replace(/[:.]/g, '-')}-${git(['rev-parse', '--short=10', 'HEAD'])}`
+  const runDir = path.join(outputRoot, `run-${runId}`)
+  const scanDir = path.join(runDir, 'scan')
+  mkdirSync(runDir, { recursive: true })
+  if (process.env.SIM_STUDIO_SCAN_DIR) {
+    cpSync(path.resolve(process.env.SIM_STUDIO_SCAN_DIR), scanDir, { recursive: true })
+  } else {
+    const scan = await run(
+      bun,
+      [
+        '--no-env-file',
+        'scripts/design-scan/scan.ts',
+        '--repo',
+        repo,
+        '--working-tree',
+        ...(ledger ? ['--reviews', ledger] : []),
+        '--output',
+        scanDir,
+      ],
+      {
+        cwd: repo,
+        env: { ...process.env, PATH: `${bunDirectory}:${process.env.PATH}` },
+      }
+    )
+    if (scan.code > 1) throw new Error(`Scanner failed with exit ${scan.code}`)
+  }
+  const identity = JSON.parse(readFileSync(path.join(scanDir, 'identity.json'), 'utf8'))
+  const components = componentInventory()
+  attachTracedUses(components.entries, scanDir)
+  const extras = extraInventory(scanDir)
+  for (const signal of extras.centralSignals) {
+    const owners = components.entries.filter(
+      (entry) => !entry.variant && entry.source.file === signal.source.file
+    )
+    if (owners.length)
+      for (const owner of owners)
+        (owner.signals ??= []).push({
+          id: signal.id,
+          kind: signal.family,
+          source: signal.source,
+          value: signal.value,
+        })
+  }
+  const scannerFailures = JSON.parse(
+    readFileSync(path.join(scanDir, 'coverage-failures.json'), 'utf8')
+  )
+  const fixtureSources = [
+    'tools/design-studio/_components/component-fixtures.tsx',
+    'tools/design-studio/_components/fixture-contracts.json',
+    'tools/design-studio/_components/studio-fixture.tsx',
+    'tools/design-studio/app/fixture/page.tsx',
+    'tools/design-studio/app/studio.css',
+    'tools/design-studio/app/layout.tsx',
+  ]
+  const fixtureHash = sha(
+    fixtureSources.map((file) => `${file}:${sha(readFileSync(path.join(repo, file)))}`).join('\n')
+  )
+  // Until rendering dependencies have a complete graph, every checkout change invalidates samples.
+  const sampleRenderHash = sha(JSON.stringify([fixtureHash, initialSourceRevision]))
+  const diagnostics = (name) => {
+    const file = path.join(scanDir, name)
+    return existsSync(file) ? JSON.parse(readFileSync(file, 'utf8')) : []
+  }
+  const manifest = {
+    version: 2,
+    runId,
+    identity,
+    sourceRevision: initialSourceRevision,
+    ledgerHash: initialLedgerHash,
+    fixtureHash,
+    sampleRenderHash,
+    browser: 'Playwright Chromium, pinned in product lockfile',
+    components: components.entries,
+    nonvisualExports: components.nonvisual,
+    extras: extras.entries,
+    decisions: { stale: extras.decisions.stale, ambiguous: extras.decisions.ambiguous },
+    coverageFailures: [...scannerFailures, ...components.failures],
+    analysis: {
+      stylingUnchecked: diagnostics('unchecked.json'),
+      controlUnchecked: diagnostics('control-unchecked.json'),
+      limitations: identity.limitations ?? [],
+    },
+  }
+  if (capture) {
+    await captureImages(manifest, runDir)
+    fingerprintComponentPreviews(manifest.components, runDir)
+  }
+  if (sourceRevision() !== manifest.sourceRevision)
+    manifest.coverageFailures.push({
+      file: '<product-working-tree>',
+      reason: 'Source changed during capture; refresh again.',
+    })
+  if (ledger && sha(readFileSync(ledger)) !== initialLedgerHash)
+    manifest.coverageFailures.push({
+      file: '<review-ledger>',
+      reason: 'Review decisions changed during the run; refresh again.',
+    })
+  const missing = [...manifest.components, ...manifest.extras].filter(
+    (entry) => entry.status !== 'ready'
+  )
+  manifest.status = missing.length || manifest.coverageFailures.length ? 'incomplete' : 'complete'
+  manifest.counts = {
+    components: manifest.components.length,
+    extras: manifest.extras.length,
+    missing: missing.length,
+  }
+  writeFileSync(path.join(runDir, 'manifest.json'), `${JSON.stringify(manifest, null, 2)}\n`)
+  const pointer = path.join(outputRoot, 'latest.json')
+  const temporary = path.join(outputRoot, `.latest-${process.pid}.json`)
+  writeFileSync(temporary, `${JSON.stringify({ runId, path: runDir })}\n`)
+  renameSync(temporary, pointer)
+  process.stdout.write(
+    `Studio run: ${runDir}\nEntries: ${manifest.counts.components} EMCN exports and variants, ${manifest.counts.extras} detected Extras; ${missing.length} without complete captures.\n`
+  )
+  process.exitCode = manifest.status === 'complete' ? 0 : 1
+}
+
+main().catch((error) => {
+  process.stderr.write(`${error.stack ?? error}\n`)
+  process.exitCode = 2
+})
diff --git a/scripts/design-studio/refresh.test.mjs b/scripts/design-studio/refresh.test.mjs
new file mode 100644
index 00000000000..2328a13d818
--- /dev/null
+++ b/scripts/design-studio/refresh.test.mjs
@@ -0,0 +1,719 @@
+import assert from 'node:assert/strict'
+import { spawnSync } from 'node:child_process'
+import { createHash } from 'node:crypto'
+import { mkdirSync, mkdtempSync, readFileSync, writeFileSync } from 'node:fs'
+import { tmpdir } from 'node:os'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { test } from 'vitest'
+
+const script = path.join(path.dirname(fileURLToPath(import.meta.url)), 'refresh.mjs')
+
+function write(root, name, contents) {
+  const file = path.join(root, name)
+  mkdirSync(path.dirname(file), { recursive: true })
+  writeFileSync(file, contents)
+}
+
+function command(root, executable, args) {
+  const result = spawnSync(executable, args, { cwd: root, encoding: 'utf8' })
+  assert.equal(result.status, 0, result.stderr)
+}
+
+/** Exercises publication guards through the real CLI against a disposable Git repository. */
+function guardedRefresh() {
+  const root = mkdtempSync(path.join(tmpdir(), 'sim-studio-guards-'))
+  const repo = path.join(root, 'repo')
+  const scan = path.join(root, 'scan')
+  const output = path.join(root, 'output')
+  mkdirSync(repo)
+  mkdirSync(scan)
+  for (const file of [
+    'package.json',
+    'packages/emcn/src/lib/cn.ts',
+    'packages/emcn/src/icons/index.ts',
+    'packages/emcn/src/components/charts/index.ts',
+    'tools/design-studio/app/studio.css',
+    'tools/design-studio/app/layout.tsx',
+    'tools/design-studio/app/fixture/page.tsx',
+    'tools/design-studio/_components/studio-fixture.tsx',
+  ])
+    write(repo, file, file === 'package.json' ? '{}' : '')
+  write(repo, 'packages/emcn/src/index.ts', "export * from './components'\n")
+  write(
+    repo,
+    'packages/emcn/src/components/index.ts',
+    "export { Example } from './example/example'\n"
+  )
+  write(
+    repo,
+    'packages/emcn/src/components/example/example.tsx',
+    "export const Example = ({size, variant}: {size?: 'sm' | 'lg'; variant?: 'plain' | 'filled'}) => <button />\n"
+  )
+  write(
+    repo,
+    'tools/design-studio/_components/component-fixtures.tsx',
+    "export function ComponentPreview({id}) { switch(id) { case 'example': return <Example {...variantProps} />; default: return null } }\n"
+  )
+  write(
+    repo,
+    'tools/design-studio/_components/fixture-contracts.json',
+    JSON.stringify({ variants: { Example: ['variant'] } })
+  )
+  write(repo, 'apps/sim/app/_styles/globals.css', '@import "./tailwind.css";\n:root{--brand:#abc}')
+  write(repo, 'apps/sim/app/_styles/tailwind.css', '@theme { --color-example: red; }')
+  write(scan, 'findings.json', '[]')
+  write(scan, 'controls.json', JSON.stringify({ records: [] }))
+  write(scan, 'coverage-failures.json', '[]')
+  write(
+    scan,
+    'unchecked.json',
+    JSON.stringify([{ file: 'example.tsx', line: 1, reason: 'Computed styling is unchecked' }])
+  )
+  write(
+    scan,
+    'control-unchecked.json',
+    JSON.stringify([{ file: 'example.tsx', line: 2, reason: 'Unknown spread' }])
+  )
+  write(
+    scan,
+    'identity.json',
+    JSON.stringify({
+      commit: 'test',
+      treeHash: 'test',
+      scanner: {},
+      limitations: ['Runtime cascade is unsupported.'],
+    })
+  )
+  command(repo, 'git', ['init', '-q'])
+  command(repo, 'git', ['add', '.'])
+  command(repo, 'git', [
+    '-c',
+    'user.name=Studio Test',
+    '-c',
+    'user.email=studio@example.test',
+    'commit',
+    '-qm',
+    'fixture',
+  ])
+  const refresh = () => {
+    command(repo, process.env.DESIGN_TEST_BUN ?? 'bun', [
+      '--no-env-file',
+      path.resolve('scripts/generate-design-contracts.ts'),
+      '--repo',
+      repo,
+    ])
+    const result = spawnSync('node', [script, '--inventory-only'], {
+      env: {
+        ...process.env,
+        SIM_STUDIO_REPO: repo,
+        SIM_STUDIO_SCAN_DIR: scan,
+        SIM_STUDIO_OUTPUT: output,
+      },
+      encoding: 'utf8',
+    })
+    assert.equal(result.status, 1, result.stderr)
+    const pointer = JSON.parse(readFileSync(path.join(output, 'latest.json'), 'utf8'))
+    return JSON.parse(readFileSync(path.join(pointer.path, 'manifest.json'), 'utf8'))
+  }
+  return { repo, refresh }
+}
+
+test('refresh invalidates sample captures when an imported stylesheet changes', () => {
+  const { repo, refresh } = guardedRefresh()
+  const first = refresh()
+  write(repo, 'apps/sim/app/_styles/tailwind.css', '@theme { --color-example: blue; }')
+  const changed = refresh()
+  assert.notEqual(changed.sampleRenderHash, first.sampleRenderHash)
+}, 60000)
+
+test('refresh requires a fixture mapping for each variant axis', () => {
+  const { refresh } = guardedRefresh()
+  const manifest = refresh()
+  assert.ok(
+    manifest.components.find((entry) => entry.id === 'component:Example:variant=filled').fixture
+  )
+  assert.equal(
+    manifest.components.find((entry) => entry.id === 'component:Example:size=lg').fixture,
+    null
+  )
+}, 60000)
+
+test('refresh keeps disabled variant previews without impossible interaction captures', () => {
+  const { repo, refresh } = guardedRefresh()
+  write(
+    repo,
+    'packages/emcn/src/components/example/example.tsx',
+    'export const Example = ({disabled}: {disabled?: boolean}) => <button disabled={disabled} />\n'
+  )
+  write(
+    repo,
+    'tools/design-studio/_components/fixture-contracts.json',
+    JSON.stringify({
+      variants: { Example: ['disabled'] },
+      states: { Example: ['open', 'focus', 'disabled'] },
+      defaultStates: { Example: 'open' },
+    })
+  )
+  const manifest = refresh()
+  const enabled = manifest.components.find(
+    (entry) => entry.id === 'component:Example:disabled=false'
+  )
+  const disabled = manifest.components.find(
+    (entry) => entry.id === 'component:Example:disabled=true'
+  )
+  assert.deepEqual(enabled.states, ['open', 'focus', 'disabled'])
+  assert.equal(enabled.fixture.defaultState, 'open')
+  assert.deepEqual(disabled.states, ['disabled'])
+  assert.equal(disabled.fixture.defaultState, undefined)
+  assert.deepEqual(disabled.fixture.variant, { axis: 'disabled', value: 'true' })
+  assert.equal(disabled.status, 'pending-capture')
+  assert.deepEqual(disabled.images, {})
+}, 60000)
+
+test('refresh keeps explicitly closed variants out of open-state captures', () => {
+  const { repo, refresh } = guardedRefresh()
+  write(
+    repo,
+    'packages/emcn/src/components/example/example.tsx',
+    'export const Example = ({open}: {open?: boolean}) => <button data-open={open} />\n'
+  )
+  write(
+    repo,
+    'tools/design-studio/_components/fixture-contracts.json',
+    JSON.stringify({
+      variants: { Example: ['open'] },
+      states: { Example: ['open', 'focus'] },
+      defaultStates: { Example: 'open' },
+    })
+  )
+  const manifest = refresh()
+  const closed = manifest.components.find((entry) => entry.id === 'component:Example:open=false')
+  const opened = manifest.components.find((entry) => entry.id === 'component:Example:open=true')
+  assert.deepEqual(closed.states, ['focus'])
+  assert.equal(closed.fixture.defaultState, undefined)
+  assert.deepEqual(opened.states, ['open', 'focus'])
+  assert.equal(opened.fixture.defaultState, 'open')
+}, 60000)
+
+test('refresh publishes unresolved analysis and scanner limits separately from inspection failures', () => {
+  const { refresh } = guardedRefresh()
+  const manifest = refresh()
+  assert.deepEqual(manifest.analysis.stylingUnchecked, [
+    { file: 'example.tsx', line: 1, reason: 'Computed styling is unchecked' },
+  ])
+  assert.deepEqual(manifest.analysis.controlUnchecked, [
+    { file: 'example.tsx', line: 2, reason: 'Unknown spread' },
+  ])
+  assert.deepEqual(manifest.analysis.limitations, ['Runtime cascade is unsupported.'])
+  assert.deepEqual(manifest.coverageFailures, [])
+}, 60000)
+
+test('refresh catalogs every detection independently of review decisions', () => {
+  const root = mkdtempSync(path.join(tmpdir(), 'sim-studio-'))
+  const repo = path.join(root, 'repo')
+  const scan = path.join(root, 'scan')
+  const output = path.join(root, 'output')
+  const ledger = path.join(root, 'reviews.json')
+  mkdirSync(repo)
+  mkdirSync(scan)
+  write(repo, 'package.json', '{}')
+  write(repo, 'packages/emcn/src/lib/cn.ts', '')
+  write(repo, 'tools/design-studio/app/studio.css', '')
+  write(repo, 'tools/design-studio/app/layout.tsx', '')
+  write(
+    repo,
+    'packages/emcn/src/index.ts',
+    "export * from './components'\nexport * from './icons'\n"
+  )
+  write(
+    repo,
+    'packages/emcn/src/components/index.ts',
+    "export { Example, SPACING, Compound } from './example/example'\n"
+  )
+  write(repo, 'packages/emcn/src/components/charts/index.ts', '')
+  write(repo, 'packages/emcn/src/icons/index.ts', "export { StarIcon } from './star'\n")
+  write(repo, 'packages/emcn/src/icons/star.tsx', 'export const StarIcon = () => <svg />\n')
+  write(
+    repo,
+    'packages/emcn/src/components/example/example.tsx',
+    "import {cva} from 'class-variance-authority'\nconst exampleVariants = cva('', { variants: { size: { sm: '', lg: '' } }, defaultVariants: { size: 'sm' } })\ninterface ExampleProps { variant?: 'plain' | 'filled' }\nexport const Example = ({variant, size}: ExampleProps & {size?: 'sm' | 'lg'}) => <button className={exampleVariants({size})} />\nexport const SPACING=8;export const Compound={Part:({size='sm'}:{size?:'sm'|'lg'})=> <div/>}\n"
+  )
+  write(
+    repo,
+    'tools/design-studio/_components/component-fixtures.tsx',
+    "export function ComponentPreview({ id }) { switch (id) { case 'example': return <><Example {...variantProps} /><Compound.Part /></>; default: return null } }\n"
+  )
+  write(
+    repo,
+    'tools/design-studio/_components/fixture-contracts.json',
+    JSON.stringify({ variants: { Example: ['variant', 'size'] } })
+  )
+  write(
+    repo,
+    'tools/design-studio/_components/studio-fixture.tsx',
+    'export const Fixture = () => null\n'
+  )
+  write(
+    repo,
+    'tools/design-studio/app/fixture/page.tsx',
+    'export default function Page() { return null }\n'
+  )
+  write(
+    repo,
+    'apps/sim/app/product/page.tsx',
+    "import { Example, Compound } from '@sim/emcn'\nexport default function Page() { return <><Example /><Compound.Part /></> }\n"
+  )
+  write(
+    repo,
+    'apps/sim/app/(landing)/page.tsx',
+    "import { Example, Compound } from '@sim/emcn'\nexport default function Page() { return <><Example /><Compound.Part /></> }\n"
+  )
+  write(
+    repo,
+    'apps/sim/docs/page.tsx',
+    "import { Example, Compound } from '@sim/emcn'\nexport default function Page() { return <><Example /><Compound.Part /></> }\n"
+  )
+  write(repo, 'apps/sim/app/_styles/globals.css', ':root{--brand:#abc}')
+  command(repo, 'git', ['init', '-q'])
+  command(repo, 'git', ['add', '.'])
+  command(repo, 'git', [
+    '-c',
+    'user.name=Studio Test',
+    '-c',
+    'user.email=studio@example.test',
+    'commit',
+    '-qm',
+    'fixture',
+  ])
+  const finding = {
+    id: 'finding-one',
+    file: 'apps/sim/app/product/page.tsx',
+    line: 2,
+    context: 'Page',
+    rule: 'central-radius',
+    property: 'border-radius',
+    value: '7px',
+  }
+  const advisory = {
+    id: 'advisory-one',
+    file: 'apps/sim/app/product/page.tsx',
+    line: 2,
+    owner: 'Page',
+    kind: 'recipe-review',
+    value: 'rounded',
+  }
+  write(
+    scan,
+    'findings.json',
+    JSON.stringify([
+      finding,
+      {
+        ...advisory,
+        rule: advisory.kind,
+        property: advisory.kind,
+        context: advisory.owner,
+        legacyFingerprint: createHash('sha256')
+          .update(
+            JSON.stringify([
+              'review-item',
+              advisory.file,
+              advisory.owner,
+              advisory.kind,
+              advisory.value,
+            ])
+          )
+          .digest('hex'),
+      },
+    ])
+  )
+  write(
+    scan,
+    'review-decisions.json',
+    JSON.stringify({ matches: [], stale: ['old'], ambiguous: ['duplicate'] })
+  )
+  write(scan, 'shadow-extras.json', JSON.stringify({ approved: [] }))
+  write(scan, 'coverage-failures.json', JSON.stringify([]))
+  write(scan, 'typography-review.json', JSON.stringify({ classifications: [] }))
+  write(
+    scan,
+    'identity.json',
+    JSON.stringify({ commit: 'test-head', treeHash: 'test-tree', scanner: {} })
+  )
+  write(
+    scan,
+    'controls.json',
+    JSON.stringify({
+      records: [
+        {
+          origin: 'emcn-component',
+          projection: true,
+          file: 'apps/sim/app/product/wrapper.tsx',
+          line: 7,
+          tag: 'Wrapper',
+          terminals: ['central:packages/emcn/src/components/example/example.tsx#Example@1'],
+        },
+      ],
+    })
+  )
+  writeFileSync(ledger, JSON.stringify({ version: '1.0.0', entries: [] }))
+
+  const refresh = () => {
+    command(repo, process.env.DESIGN_TEST_BUN ?? 'bun', [
+      '--no-env-file',
+      path.resolve('scripts/generate-design-contracts.ts'),
+      '--repo',
+      repo,
+    ])
+    const result = spawnSync('node', [script, '--inventory-only'], {
+      env: {
+        ...process.env,
+        SIM_STUDIO_REPO: repo,
+        SIM_STUDIO_SCAN_DIR: scan,
+        SIM_STUDIO_OUTPUT: output,
+        SIM_STUDIO_LEDGER: ledger,
+      },
+      encoding: 'utf8',
+    })
+    assert.equal(result.status, 1, result.stderr)
+    const pointer = JSON.parse(readFileSync(path.join(output, 'latest.json'), 'utf8'))
+    return JSON.parse(readFileSync(path.join(pointer.path, 'manifest.json'), 'utf8'))
+  }
+
+  const first = refresh()
+  assert.equal(
+    first.components.some((e) => e.name === 'SPACING' || e.name === 'Compound'),
+    false
+  )
+  assert.equal(
+    first.nonvisualExports.some((e) => e.name === 'SPACING'),
+    true
+  )
+  assert.equal(first.components.find((e) => e.name === 'Compound.Part').fixture.id, 'example')
+  assert.equal(
+    first.components.find((e) => e.id === 'component:Compound.Part:size=lg').fixture,
+    null
+  )
+
+  assert.equal(
+    first.components
+      .find((e) => e.name === 'Compound.Part')
+      .usages.filter((u) => u.relationship === 'direct').length,
+    1
+  )
+
+  const again = refresh()
+  assert.deepEqual(first.components, again.components)
+  assert.equal(first.sourceRevision, again.sourceRevision)
+  assert.equal(first.sampleRenderHash, again.sampleRenderHash)
+
+  write(
+    repo,
+    'packages/emcn/src/lib/cn.ts',
+    'export const cn = (...values) => values.filter(Boolean).join(" " )\n'
+  )
+  const changedClassMerger = refresh()
+  assert.notEqual(changedClassMerger.sampleRenderHash, first.sampleRenderHash)
+  write(repo, 'packages/emcn/src/lib/cn.ts', '')
+  assert.deepEqual(
+    first.components.map((entry) => entry.id),
+    [
+      'component:Compound.Part',
+      'component:Compound.Part:size=lg',
+      'component:Example',
+      'component:Example:variant=filled',
+      'component:Example:variant=plain',
+      'component:Example:size=lg',
+      'icon:StarIcon',
+    ]
+  )
+  assert.deepEqual(
+    first.components
+      .find((entry) => entry.name === 'Example')
+      .usages.map((site) => site.relationship),
+    ['direct', 'via Wrapper']
+  )
+  assert.equal(first.extras.length, 2)
+  assert.deepEqual(
+    first.extras.map((entry) => entry.id),
+    ['finding:finding-one', 'finding:advisory-one']
+  )
+  assert.equal(first.extras[0].fixture.type, 'sample')
+  assert.equal(first.extras[0].fixture.sample.kind, 'surface')
+  assert.equal(first.extras[0].fixture.sample.tag, 'Example')
+  assert.equal(first.extras[0].previewKind, 'source-style-sample')
+  assert.deepEqual(first.decisions, {
+    stale: [{ fingerprint: 'old' }],
+    ambiguous: [{ fingerprint: 'duplicate' }],
+  })
+
+  write(
+    repo,
+    'packages/emcn/src/components/root-only.tsx',
+    'export const RootOnly = () => <div />\n'
+  )
+  write(
+    repo,
+    'packages/emcn/src/index.ts',
+    "export * from './components'\nexport * from './icons'\nexport { RootOnly } from './components/root-only'\n"
+  )
+  assert.equal(
+    refresh().components.find((entry) => entry.id === 'component:RootOnly')?.status,
+    'needs-fixture'
+  )
+  write(
+    repo,
+    'packages/emcn/src/index.ts',
+    "export * from './components'\nexport * from './icons'\n"
+  )
+
+  write(repo, 'packages/emcn/src/components/cycle-a.ts', "export * from './cycle-b'\n")
+  write(repo, 'packages/emcn/src/components/cycle-b.ts', "export * from './cycle-a'\n")
+  write(
+    repo,
+    'packages/emcn/src/components/index.ts',
+    "export { Example, SPACING, Compound } from './example/example'\nexport * from './cycle-a'\n"
+  )
+  assert.deepEqual(
+    refresh().components.map((entry) => entry.id),
+    first.components.map((entry) => entry.id)
+  )
+
+  write(
+    repo,
+    'apps/sim/app/product/another.tsx',
+    "import { Example } from '@sim/emcn'\nexport const Another = () => <Example />\n"
+  )
+  const changed = refresh()
+  assert.notEqual(changed.sourceRevision, first.sourceRevision)
+  assert.notEqual(changed.sampleRenderHash, first.sampleRenderHash)
+  assert.equal(changed.components.find((entry) => entry.name === 'Example').usages.length, 3)
+
+  write(
+    repo,
+    'packages/emcn/src/components/index.ts',
+    "export { Example, SPACING, Compound } from './example/example'\nexport { NewControl } from './new-control/new-control'\n"
+  )
+  write(
+    repo,
+    'packages/emcn/src/components/new-control/new-control.tsx',
+    'export const NewControl = () => <button />\n'
+  )
+  const exported = refresh()
+  assert.equal(
+    exported.components.find((entry) => entry.id === 'component:NewControl')?.status,
+    'needs-fixture'
+  )
+
+  const fingerprint = createHash('sha256')
+    .update(
+      JSON.stringify([
+        'finding',
+        finding.file,
+        finding.context,
+        finding.rule,
+        finding.property,
+        finding.value,
+      ])
+    )
+    .digest('hex')
+  write(
+    scan,
+    'review-decisions.json',
+    JSON.stringify({
+      matches: [{ fingerprint, status: 'retained-extra', rationale: 'Reviewed source treatment' }],
+      stale: [],
+      ambiguous: [],
+    })
+  )
+  const decided = refresh()
+  assert.equal(decided.extras.length, 2)
+  assert.equal(decided.extras[0].decision, 'retained-extra')
+  assert.equal(decided.extras[0].status, 'pending-capture')
+
+  const advisoryFingerprint = createHash('sha256')
+    .update(
+      JSON.stringify(['review-item', advisory.file, advisory.owner, advisory.kind, advisory.value])
+    )
+    .digest('hex')
+  write(
+    scan,
+    'review-decisions.json',
+    JSON.stringify({
+      matches: [
+        {
+          fingerprint: advisoryFingerprint,
+          status: 'false-positive',
+          rationale: 'Historical note',
+        },
+      ],
+      stale: [],
+      ambiguous: [],
+    })
+  )
+  const historicallyDismissed = refresh()
+  assert.equal(historicallyDismissed.extras.length, 2)
+  assert.equal(historicallyDismissed.extras[1].decision, 'false-positive')
+
+  write(
+    scan,
+    'findings.json',
+    JSON.stringify([
+      finding,
+      advisory,
+      {
+        id: 'central-one',
+        file: 'packages/emcn/src/components/example/example.tsx',
+        line: 1,
+        owner: 'Example',
+        kind: 'stock-shadow',
+        value: 'shadow-sm',
+      },
+      {
+        id: 'unmatched-central',
+        file: 'packages/emcn/src/components/internal.tsx',
+        line: 2,
+        owner: 'Internal',
+        kind: 'local-typography',
+        value: 'text-sm',
+      },
+    ])
+  )
+  const central = refresh()
+  assert.equal(central.extras.length, 4)
+  assert.equal(central.extras[2].id, 'finding:central-one')
+  assert.equal(central.extras[3].id, 'finding:unmatched-central')
+  assert.deepEqual(
+    central.components
+      .find((entry) => entry.id === 'component:Example')
+      ?.signals?.map((signal) => signal.id),
+    ['finding:central-one']
+  )
+
+  write(
+    repo,
+    'apps/sim/app/product/new-action.tsx',
+    "export const NewAction = () => <button className='rounded-[13px] bg-[#123456] px-3'>Run</button>\n"
+  )
+  const newSignals = [
+    {
+      id: 'new-control',
+      file: 'apps/sim/app/product/new-action.tsx',
+      line: 1,
+      owner: 'NewAction',
+      kind: 'local-control',
+      value: 'button',
+    },
+    {
+      id: 'new-alpha',
+      file: 'apps/sim/app/product/new-action.tsx',
+      line: 1,
+      owner: 'NewAction',
+      kind: 'local-alpha',
+      value: 'bg-[#123456]',
+    },
+  ]
+  write(
+    scan,
+    'findings.json',
+    JSON.stringify([
+      ...JSON.parse(readFileSync(path.join(scan, 'findings.json'), 'utf8')),
+      ...newSignals,
+    ])
+  )
+  const discovered = refresh()
+  const newEntries = discovered.extras.filter((entry) =>
+    entry.source.file.endsWith('/new-action.tsx')
+  )
+  assert.equal(newEntries.length, 2)
+  assert.deepEqual(newEntries[0].fixture, newEntries[1].fixture)
+  assert.equal(newEntries[0].fixture.type, 'sample')
+  assert.equal(newEntries[0].fixture.sample.tag, 'button')
+  assert.match(newEntries[0].fixture.sample.className, /rounded-\[13px\]/)
+  assert.equal(newEntries[0].previewKind, 'source-style-sample')
+
+  write(
+    scan,
+    'findings.json',
+    JSON.stringify([
+      ...JSON.parse(readFileSync(path.join(scan, 'findings.json'), 'utf8')),
+      {
+        id: 'moved-icon',
+        file: 'apps/sim/components/icons.tsx',
+        line: 1000,
+        owner: 'WorkflowIcon',
+        kind: 'mixed-product-artwork',
+        value: 'WorkflowIcon',
+      },
+    ])
+  )
+  const movedIcon = refresh().extras.find((entry) => entry.id === 'finding:moved-icon')
+  assert.deepEqual(movedIcon.fixture, { type: 'extra', id: 'workflowIcon' })
+
+  const richCss =
+    'apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-editor.css'
+  const showcase =
+    'apps/sim/app/workspace/[workspaceId]/integrations/components/integrations-showcase/integrations-showcase.tsx'
+  write(
+    scan,
+    'findings.json',
+    JSON.stringify([
+      ...JSON.parse(readFileSync(path.join(scan, 'findings.json'), 'utf8')),
+      {
+        id: 'code-moved',
+        file: richCss,
+        line: 800,
+        context: 'css / .rich-markdown-prose code',
+        kind: 'local-typography',
+        value: 'font-size: 0.875em',
+      },
+      {
+        id: 'selection-moved',
+        file: richCss,
+        line: 20,
+        context: 'css / .rich-markdown-nodes hr.rich-leaf-in-selection',
+        kind: 'central-radius',
+        value: '1px',
+      },
+      {
+        id: 'other-css',
+        file: richCss,
+        line: 10,
+        owner: 'css',
+        kind: 'local-typography',
+        value: 'line-height: 1.2',
+      },
+      {
+        id: 'tile-moved',
+        file: showcase,
+        line: 900,
+        context: 'IntegrationTile / div / className',
+        kind: 'stock-shadow',
+        value: 'shadow-xs',
+      },
+      {
+        id: 'showcase-moved',
+        file: showcase,
+        line: 1,
+        context: 'IntegrationsShowcase',
+        kind: 'central-artwork',
+        value: 'artwork',
+      },
+      {
+        id: 'other-showcase',
+        file: showcase,
+        line: 10,
+        context: 'UnknownPanel',
+        kind: 'local-alpha',
+        value: 'bg-black/10',
+      },
+    ])
+  )
+  const semantic = new Map(refresh().extras.map((entry) => [entry.id, entry]))
+  assert.equal(semantic.get('finding:code-moved').fixture.id, 'rich-code')
+  assert.equal(semantic.get('finding:selection-moved').fixture.id, 'rich-selection')
+  assert.equal(semantic.get('finding:other-css').fixture.type, 'sample')
+  assert.equal(semantic.get('finding:tile-moved').fixture.id, 'integration-tile')
+  assert.equal(semantic.get('finding:showcase-moved').fixture.id, 'showcase')
+  assert.equal(semantic.get('finding:other-showcase').fixture.type, 'sample')
+}, 60000)
diff --git a/scripts/design-studio/test-fixtures-e2e.mjs b/scripts/design-studio/test-fixtures-e2e.mjs
new file mode 100644
index 00000000000..59e315f1f03
--- /dev/null
+++ b/scripts/design-studio/test-fixtures-e2e.mjs
@@ -0,0 +1,136 @@
+#!/usr/bin/env node
+import assert from 'node:assert/strict'
+import { mkdirSync, writeFileSync } from 'node:fs'
+import path from 'node:path'
+import { chromium } from 'playwright'
+
+/** Verifies advertised open states against the isolated running Studio fixture app. */
+const url = new URL(process.env.SIM_STUDIO_E2E_URL ?? 'http://127.0.0.1:3002')
+const reportPath = process.env.SIM_STUDIO_E2E_REPORT_PATH
+if (!reportPath) throw new Error('SIM_STUDIO_E2E_REPORT_PATH is required')
+if (!['127.0.0.1', 'localhost', '[::1]'].includes(url.hostname))
+  throw new Error('The fixture server must be loopback')
+const directory = path.dirname(path.resolve(reportPath))
+mkdirSync(directory, { recursive: true })
+const results = []
+let browser
+let suiteError
+try {
+  browser = await chromium.launch({
+    headless: true,
+    args: [
+      '--deterministic-mode',
+      '--disable-gpu',
+      '--disable-skia-runtime-opts',
+      '--disable-partial-raster',
+    ],
+  })
+  const context = await browser.newContext({
+    viewport: { width: 460, height: 320 },
+    deviceScaleFactor: 1,
+    locale: 'en-US',
+    timezoneId: 'UTC',
+    reducedMotion: 'reduce',
+  })
+  const page = await context.newPage()
+  await page.clock.install({ time: new Date('2026-09-23T12:00:00Z') })
+  for (const [id, extra, selector, visible = true] of [
+    ['wizard', { state: 'open' }, '[role=dialog]'],
+    ['chip-modal', { state: 'open' }, '[role=dialog]'],
+    ['chip-modal', { axis: 'open', value: 'true' }, '[role=dialog]'],
+    ['tooltip', { state: 'open', export: 'Tooltip.Content' }, '[role=tooltip]'],
+    ['dropdown-menu-sub-content', { action: 'open-submenu' }, '[data-studio-submenu]'],
+    ['popover', { action: 'open-folder' }, '[data-studio-back-button]'],
+    ['chip-dropdown', { state: 'open' }, '[role=menu]'],
+    ['chip-select', { state: 'open' }, '[role=menu]'],
+    ['combobox', { state: 'open', axis: 'editable', value: 'true' }, '[role=listbox]'],
+    ['chip-modal', { state: 'default', axis: 'size', value: 'sm' }, '[role=dialog]', false],
+    ['chip-modal', { state: 'open', axis: 'size', value: 'sm' }, '[role=dialog]'],
+    ['chip-modal', { state: 'open', axis: 'open', value: 'false' }, '[role=dialog]', false],
+  ])
+    for (const theme of ['light', 'dark'])
+      for (const size of [16, 20]) {
+        if (
+          process.env.SIM_STUDIO_E2E_CASE &&
+          !process.env.SIM_STUDIO_E2E_CASE.split(',').includes(id)
+        )
+          continue
+        const scenario = extra.axis
+          ? `${extra.axis}=${extra.value}-${extra.state ?? 'default'}`
+          : extra.export
+            ? `${extra.export}-${extra.state}`
+            : (extra.action ?? `state=${extra.state}`)
+        const name = `${id}-${scenario}-${theme}-${size}`
+        const start = performance.now()
+        const screenshot = path.join(directory, `${name}.png`)
+        let error
+        let screenshotSaved = false
+        try {
+          const params = new URLSearchParams({
+            kind: 'component',
+            id,
+            theme,
+            size: String(size),
+            ...extra,
+          })
+          const response = await page.goto(new URL(`/fixture?${params}`, url).href, {
+            waitUntil: 'domcontentloaded',
+          })
+          assert.equal(response?.status(), 200)
+          await page.locator('[data-studio-fixture]').waitFor()
+          if (id === 'chip-modal')
+            await page.getByText('Open full dialog', { exact: true }).waitFor()
+          await page
+            .locator(selector)
+            .first()
+            .waitFor({
+              state: visible ? 'visible' : 'hidden',
+              timeout: 3000,
+            })
+          await page.evaluate(() => document.fonts.ready)
+          await page.waitForTimeout(150)
+          const rootSize = await page.evaluate(
+            () => getComputedStyle(document.documentElement).fontSize
+          )
+          assert.equal(rootSize, `${size}px`)
+          const rootDark = await page.evaluate(() =>
+            document.documentElement.classList.contains('dark')
+          )
+          assert.equal(rootDark, theme === 'dark')
+        } catch (failure) {
+          error = String(failure)
+        }
+        try {
+          await page.screenshot({ path: screenshot, animations: 'disabled' })
+          screenshotSaved = true
+        } catch (failure) {
+          error ??= `Screenshot failed: ${failure}`
+        }
+        results.push({
+          name,
+          status: error ? 'failed' : 'passed',
+          durationMs: Math.round(performance.now() - start),
+          ...(screenshotSaved ? { screenshot } : {}),
+          ...(error ? { error } : {}),
+        })
+      }
+  await context.close()
+} catch (failure) {
+  suiteError = String(failure)
+} finally {
+  if (!results.length && !suiteError) suiteError = 'No fixture cases matched SIM_STUDIO_E2E_CASE'
+  try {
+    await browser?.close()
+  } catch (failure) {
+    suiteError ??= String(failure)
+  } finally {
+    writeFileSync(
+      reportPath,
+      `${JSON.stringify({ url: url.href, results, ...(suiteError ? { error: suiteError } : {}) }, null, 2)}\n`
+    )
+  }
+}
+process.stdout.write(
+  `${results.filter((result) => result.status === 'passed').length}/${results.length} fixture checks passed; report ${reportPath}\n`
+)
+process.exitCode = suiteError || results.some((result) => result.status === 'failed') ? 1 : 0
diff --git a/scripts/generate-design-contracts.test.ts b/scripts/generate-design-contracts.test.ts
new file mode 100644
index 00000000000..151419c9cf3
--- /dev/null
+++ b/scripts/generate-design-contracts.test.ts
@@ -0,0 +1,1356 @@
+import { spawnSync } from 'node:child_process'
+import {
+  existsSync,
+  mkdirSync,
+  mkdtempSync,
+  readdirSync,
+  readFileSync,
+  rmSync,
+  symlinkSync,
+  writeFileSync,
+} from 'node:fs'
+import { tmpdir } from 'node:os'
+import path from 'node:path'
+import { afterEach, expect, test } from 'vitest'
+
+const roots: string[] = []
+const cli = path.resolve('scripts/generate-design-contracts.ts')
+const artifact = 'scripts/design-conformance/contracts.generated.json'
+const checkCli = path.resolve('scripts/check-design-conformance.ts')
+const bun = process.env.DESIGN_TEST_BUN ?? 'bun'
+function write(root: string, file: string, source: string) {
+  mkdirSync(path.dirname(path.join(root, file)), { recursive: true })
+  writeFileSync(path.join(root, file), source)
+}
+function git(root: string, ...args: string[]) {
+  const result = spawnSync('git', args, { cwd: root, encoding: 'utf8' })
+  expect(result.status, result.stderr).toBe(0)
+  return result.stdout.trim()
+}
+function fixture() {
+  const root = mkdtempSync(path.join(tmpdir(), 'design-generate-'))
+  roots.push(root)
+  git(root, 'init', '-q')
+  write(
+    root,
+    'apps/sim/app/_styles/globals.css',
+    ':root{--brand:#abc;--alias:var(--brand)}.dark{--brand:#def}'
+  )
+  write(root, 'packages/emcn/src/index.ts', "export * from './components/example'\n")
+  write(root, 'packages/emcn/src/components/example.tsx', component())
+  git(root, 'add', '.')
+  git(root, '-c', 'user.name=Test', '-c', 'user.email=test@example.com', 'commit', '-qm', 'base')
+  return root
+}
+function component(annotation = '', colour = 'bg-[var(--brand)]') {
+  return `import { cva } from 'class-variance-authority'
+import type { HTMLAttributes } from 'react'
+const recipe=cva('rounded-md ${colour}',{variants:{variant:{plain:'border-0',filled:'border-2',private:'border-4'},size:{sm:'h-6',lg:'h-10'}},defaultVariants:{variant:'plain',size:'sm'}})
+interface Props extends HTMLAttributes<HTMLButtonElement>{variant?:'plain'|'filled';size?:'sm'|'lg'}
+/** Example. ${annotation} */
+export function Example({className,variant='plain',size='sm',...props}:Props){return <button {...props} className={cn(recipe({variant,size}),className)} />}
+declare function cn(...args:unknown[]):string
+throw new Error('Do not execute product modules')`
+}
+function run(root: string, ...args: string[]) {
+  return spawnSync(bun, ['--no-env-file', cli, '--repo', root, ...args], {
+    encoding: 'utf8',
+    timeout: 60000,
+  })
+}
+function generated(root: string) {
+  return JSON.parse(readFileSync(path.join(root, artifact), 'utf8'))
+}
+afterEach(() => {
+  for (const root of roots.splice(0)) rmSync(root, { recursive: true, force: true })
+})
+
+test('CLI discovers new APIs, narrows recipe variants to public props and is byte deterministic', () => {
+  const root = fixture()
+  expect(run(root, '--check').status).toBe(1)
+  expect(existsSync(path.join(root, 'scripts'))).toBe(false)
+  const first = run(root)
+  expect(first.status, first.stderr).toBe(0)
+  const bytes = readFileSync(path.join(root, artifact), 'utf8')
+  const entry = generated(root).exports.Example
+  expect(entry.variants.variant.values).toEqual(['filled', 'plain'])
+  expect(entry.variants.size.default).toBe('sm')
+  expect(entry.slots.className.protected).toContain('border-radius')
+  expect(run(root).status).toBe(0)
+  expect(readFileSync(path.join(root, artifact), 'utf8')).toBe(bytes)
+  expect(run(root, '--check').status).toBe(0)
+  write(root, artifact, '{}')
+  expect(run(root, '--check').status).toBe(1)
+  expect(readFileSync(path.join(root, artifact), 'utf8')).toBe('{}')
+}, 60_000)
+
+test.each(['file', 'dangling', 'scripts', 'design-conformance'])(
+  'generation rejects a linked %s output boundary without modifying external files',
+  (kind) => {
+    const root = fixture()
+    const external = mkdtempSync(path.join(tmpdir(), 'design-output-target-'))
+    roots.push(external)
+    const sentinel = path.join(external, 'sentinel')
+    writeFileSync(sentinel, 'external bytes must survive')
+    if (kind === 'file' || kind === 'dangling') {
+      mkdirSync(path.dirname(path.join(root, artifact)), { recursive: true })
+      symlinkSync(
+        kind === 'file' ? sentinel : path.join(external, 'missing'),
+        path.join(root, artifact)
+      )
+    } else {
+      const parent = kind === 'scripts' ? 'scripts' : path.dirname(artifact)
+      mkdirSync(path.dirname(path.join(root, parent)), { recursive: true })
+      symlinkSync(external, path.join(root, parent), 'dir')
+    }
+    const child = run(root)
+    expect(readFileSync(sentinel, 'utf8')).toBe('external bytes must survive')
+    expect(readdirSync(external)).toEqual(['sentinel'])
+    expect(child.status, child.stderr).toBe(2)
+    expect(run(root, '--check').status).toBe(2)
+    expect(readdirSync(external)).toEqual(['sentinel'])
+  },
+  60_000
+)
+
+test.each(['symlink', 'fifo', 'nonregular', 'invalid-descriptor'])(
+  'generation refuses an output changed to %s at descriptor opening',
+  (kind) => {
+    const root = fixture()
+    const external = mkdtempSync(path.join(tmpdir(), 'design-output-race-'))
+    roots.push(external)
+    const sentinel = path.join(external, 'sentinel')
+    writeFileSync(sentinel, 'external bytes must survive')
+    write(root, artifact, 'existing output must survive validation failure')
+    const output = path.join(root, artifact)
+    const preload = path.join(external, 'replace-output.cjs')
+    const attack =
+      kind === 'symlink'
+        ? `fs.unlinkSync(output);fs.symlinkSync(${JSON.stringify(sentinel)},output);`
+        : kind === 'invalid-descriptor'
+          ? 'const descriptor=open(file,flags,mode);fs.closeSync(descriptor);return descriptor;'
+          : `fs.unlinkSync(output);require('node:child_process').execFileSync('mkfifo',[output]);${kind === 'nonregular' ? 'open(output,fs.constants.O_RDWR|fs.constants.O_NONBLOCK);' : ''}`
+    writeFileSync(
+      preload,
+      `
+const fs=require('node:fs');const requested=${JSON.stringify(output)};const output=fs.realpathSync(requested);const open=fs.openSync;const write=fs.writeFileSync;
+fs.openSync=(file,flags,mode)=>{if((file===output||file===requested)&&(flags&fs.constants.O_WRONLY)){process.stderr.write('Output replacement applied\\n');${attack}}return open(file,flags,mode)};
+fs.writeFileSync=(file,...args)=>{if(file===output||file===requested){const descriptor=fs.openSync(file,fs.constants.O_WRONLY|fs.constants.O_CREAT|fs.constants.O_TRUNC,0o644);try{return write(descriptor,...args)}finally{fs.closeSync(descriptor)}}return write(file,...args)};
+`
+    )
+    const child = spawnSync(
+      bun,
+      ['--no-env-file', '--preload', preload, cli, '--repo', root, '--ref', 'HEAD'],
+      {
+        encoding: 'utf8',
+        timeout: 5000,
+      }
+    )
+    expect(child.stderr).toContain('Output replacement applied')
+    expect(child.status, child.stderr).toBe(2)
+    expect(readFileSync(sentinel, 'utf8')).toBe('external bytes must survive')
+    if (kind === 'invalid-descriptor')
+      expect(readFileSync(output, 'utf8')).toBe('existing output must survive validation failure')
+    if (kind === 'nonregular') expect(child.stderr).toContain('not a regular file')
+  },
+  15_000
+)
+
+test('generation rejects a directory output and preserves immutable checks through a repository alias', () => {
+  const root = fixture()
+  mkdirSync(path.join(root, artifact), { recursive: true })
+  write(root, `${artifact}/sentinel`, 'directory bytes must survive')
+  expect(run(root, '--ref', 'HEAD').status).toBe(2)
+  expect(readFileSync(path.join(root, artifact, 'sentinel'), 'utf8')).toBe(
+    'directory bytes must survive'
+  )
+  rmSync(path.join(root, artifact), { recursive: true })
+  expect(run(root).status).toBe(0)
+  git(root, 'add', '.')
+  git(
+    root,
+    '-c',
+    'user.name=Test',
+    '-c',
+    'user.email=test@example.com',
+    'commit',
+    '-qm',
+    'generated'
+  )
+  const external = mkdtempSync(path.join(tmpdir(), 'design-output-alias-'))
+  roots.push(external)
+  const alias = path.join(external, 'repo')
+  symlinkSync(root, alias, 'dir')
+  expect(run(alias).status).toBe(0)
+  const sentinel = path.join(external, 'sentinel')
+  writeFileSync(sentinel, 'external bytes must survive')
+  rmSync(path.join(root, artifact))
+  symlinkSync(sentinel, path.join(root, artifact))
+  expect(run(alias, '--check', '--ref', 'HEAD').status).toBe(0)
+  expect(readFileSync(sentinel, 'utf8')).toBe('external bytes must survive')
+}, 60_000)
+
+test('nested finite style lookups own only the selected slot chrome', () => {
+  const root = fixture()
+  write(
+    root,
+    'packages/emcn/src/components/example.tsx',
+    `
+import type {HTMLAttributes} from 'react'
+const styles={content:'rounded-xl p-2',size:{sm:{item:'h-6 text-xs'},md:{item:'h-8 text-sm'}},scheme:{light:{content:'bg-white',label:'text-black'},dark:{content:'bg-black',label:'text-white'}}}
+interface Props extends HTMLAttributes<HTMLDivElement>{scheme?:'light'|'dark'}
+export function Example({className,scheme='light',...props}:Props){return <div {...props} className={cn(styles.content,styles.scheme[scheme].content,className)}/>}
+declare function cn(...args:unknown[]):string
+`
+  )
+  const result = run(root)
+  expect(result.status, result.stderr).toBe(0)
+  expect(generated(root).exports.Example.slots.className.protected).toEqual([
+    'background-color',
+    'border-radius',
+    'padding',
+  ])
+}, 60_000)
+
+test('styling forwarded through a barrel inherits the implementation ownership', () => {
+  const root = fixture()
+  write(
+    root,
+    'packages/emcn/src/index.ts',
+    "export * from './components/example';export * from './components/wrapper'"
+  )
+  write(
+    root,
+    'packages/emcn/src/components/wrapper.tsx',
+    `
+import {Example} from '../index'
+export function Wrapper({className}:{className?:string}){return <Example className={className}/>}
+`
+  )
+  const result = run(root)
+  expect(result.status, result.stderr).toBe(0)
+  expect(generated(root).exports.Wrapper.slots.className.protected).toContain('border-radius')
+  expect(
+    generated(root).diagnostics.some((d: { reason: string }) =>
+      d.reason.includes('Wrapper.className')
+    )
+  ).toBe(false)
+}, 60_000)
+
+test('rest forwarding keeps separately consumed class and style inputs apart', () => {
+  const root = fixture()
+  write(
+    root,
+    'packages/emcn/src/components/example.tsx',
+    `
+import type {HTMLAttributes} from 'react'
+export function Leaf({className,...props}:HTMLAttributes<HTMLDivElement>){return <div {...props} className={cn('rounded-xl',className)}/>}
+export function Other({className,...props}:HTMLAttributes<HTMLDivElement>){return <div {...props} className={cn('h-12',className)}/>}
+export function Example({className,...rest}:HTMLAttributes<HTMLDivElement>){return <><Leaf className={className}/><Other {...rest}/></>}
+declare function cn(...args:unknown[]):string
+`
+  )
+  const result = run(root)
+  expect(result.status, result.stderr).toBe(0)
+  const slots = generated(root).exports.Example.slots
+  expect(slots.className.protected).toEqual(['border-radius'])
+  expect(slots.style.protected).toEqual(['height'])
+}, 60_000)
+
+test('public namespaces, compound roots and native props stay distinct', () => {
+  const root = fixture()
+  write(root, 'packages/emcn/src/icons/index.ts', "export {Example} from './example'")
+  write(
+    root,
+    'packages/emcn/src/icons/example.tsx',
+    "import type {SVGProps} from 'react';export const Example=({className,...props}:SVGProps<SVGSVGElement>)=><svg {...props} className={className}/>"
+  )
+  write(
+    root,
+    'packages/emcn/src/index.ts',
+    "export * from './components/example';export {Compound} from './components/compound'"
+  )
+  write(
+    root,
+    'packages/emcn/src/components/compound.tsx',
+    'export const Compound={Part:()=> <div/>}'
+  )
+  const outcome = run(root)
+  expect(outcome.status, outcome.stderr).toBe(0)
+  const metadata = generated(root)
+  expect(metadata.exports.Example.kind).toBe('component')
+  expect(metadata.exports['icons:Example'].kind).toBe('icon')
+  expect(metadata.exports['icons:Example'].slots.fontStyle).toBeUndefined()
+  expect(metadata.exports.Compound.kind).toBe('nonvisual')
+  expect(metadata.exports['Compound.Part'].kind).toBe('component')
+}, 60_000)
+
+test('API lifecycle, reexports and immutable snapshots never read proposed component implementations', () => {
+  const root = fixture()
+  expect(run(root).status).toBe(0)
+  const old = readFileSync(path.join(root, artifact), 'utf8')
+  write(
+    root,
+    'packages/emcn/src/index.ts',
+    "export {Example as Renamed} from './components/example'\n"
+  )
+  write(root, 'packages/emcn/src/components/example.tsx', component('', 'bg-black'))
+  expect(run(root, '--check').status).toBe(1)
+  expect(run(root, '--ref', 'HEAD').status).toBe(0)
+  expect(readFileSync(path.join(root, artifact), 'utf8')).toBe(old)
+  expect(run(root).status).toBe(0)
+  expect(generated(root).exports.Example).toBeUndefined()
+  expect(generated(root).exports.Renamed.slots.className.protected).toContain('background-color')
+  write(root, 'packages/emcn/src/index.ts', 'export {}')
+  expect(run(root).status).toBe(0)
+  expect(Object.keys(generated(root).exports)).toHaveLength(0)
+}, 60_000)
+
+test('validated source ownership allows customization and rejects invalid or contradictory metadata', () => {
+  const root = fixture()
+  write(
+    root,
+    'packages/emcn/src/components/example.tsx',
+    component('\n * @designAllow className border-radius\n')
+  )
+  expect(run(root).status).toBe(0)
+  expect(generated(root).exports.Example.slots.className.allowed).toContain('border-radius')
+  for (const annotation of [
+    '\n * @designAllow className\n',
+    '\n * @designProtect missing color\n',
+    '\n * @designAllow className nonsense\n',
+    '\n * @designAllow className color\n * @designProtect className colours\n',
+  ]) {
+    write(root, 'packages/emcn/src/components/example.tsx', component(annotation))
+    expect(run(root).status).toBe(2)
+  }
+}, 60_000)
+
+test('broken public imports, parse failures, token cycles and unresolved references remain visible', () => {
+  const root = fixture()
+  write(
+    root,
+    'apps/sim/app/_styles/globals.css',
+    ':root{--a:var(--b);--b:var(--a);--missing:var(--absent)}'
+  )
+  expect(run(root).status).toBe(0)
+  expect(
+    generated(root)
+      .diagnostics.map((d: { reason: string }) => d.reason)
+      .join('\n')
+  ).toMatch(/cycle/i)
+  expect(
+    generated(root)
+      .diagnostics.map((d: { reason: string }) => d.reason)
+      .join('\n')
+  ).toMatch(/absent/)
+  write(root, 'packages/emcn/src/index.ts', "export * from './missing'")
+  expect(run(root).status).toBe(2)
+  write(root, 'packages/emcn/src/components/example.tsx', 'export const Broken = (')
+  expect(run(root).status).toBe(2)
+}, 60_000)
+
+test('real working-tree and immutable checks discover ownership without registration and retain originating changes', () => {
+  const root = fixture()
+  expect(run(root).status).toBe(0)
+  git(root, 'add', '.')
+  git(
+    root,
+    '-c',
+    'user.name=Test',
+    '-c',
+    'user.email=test@example.com',
+    'commit',
+    '-qm',
+    'generated base'
+  )
+  const base = git(root, 'rev-parse', 'HEAD')
+  write(
+    root,
+    'packages/emcn/src/components/new.tsx',
+    component().replaceAll('Example', 'NewControl')
+  )
+  write(
+    root,
+    'packages/emcn/src/index.ts',
+    "export * from './components/example';export * from './components/new'"
+  )
+  git(root, 'add', 'packages/emcn')
+  write(
+    root,
+    'apps/sim/components/new.tsx',
+    "import {NewControl} from '@sim/emcn';export const View=()=> <NewControl className='rounded-full'/>"
+  )
+  const check = (...args: string[]) => {
+    const result = spawnSync(
+      bun,
+      ['--no-env-file', checkCli, '--repo', root, '--base', base, '--format', 'json', ...args],
+      { encoding: 'utf8', timeout: 60000 }
+    )
+    return { exit: result.status, report: JSON.parse(result.stdout) }
+  }
+  const stale = check('--working-tree')
+  expect(stale.exit).toBe(1)
+  expect(stale.report.infrastructure.fresh).toBe(false)
+  expect(
+    stale.report.findings.some(
+      (f: { rule: string; context: string }) =>
+        f.rule === 'component-chrome' && f.context.includes('NewControl')
+    )
+  ).toBe(true)
+  write(
+    root,
+    'packages/emcn/src/components/new.tsx',
+    component('\n * @designAllow className border-radius\n').replaceAll('Example', 'NewControl')
+  )
+  expect(run(root).status).toBe(0)
+  const permitted = check('--working-tree')
+  expect(permitted.report.infrastructure.fresh).toBe(true)
+  expect(
+    permitted.report.findings.some((f: { rule: string }) => f.rule === 'component-chrome')
+  ).toBe(false)
+  expect(
+    permitted.report.findings.some((f: { rule: string }) => f.rule === 'central-definition')
+  ).toBe(true)
+  git(root, 'add', '.')
+  git(
+    root,
+    '-c',
+    'user.name=Test',
+    '-c',
+    'user.email=test@example.com',
+    'commit',
+    '-qm',
+    'new control'
+  )
+  const head = git(root, 'rev-parse', 'HEAD')
+  const immutable = check('--head', head)
+  write(root, 'packages/emcn/src/components/new.tsx', 'export const Broken = (')
+  expect(check('--head', head).report.findings).toEqual(immutable.report.findings)
+  expect(check('--working-tree').exit).toBe(2)
+  expect(check('--working-tree').report.status).toBe('failed')
+}, 60000)
+
+test('lexical bindings keep unrelated local component and recipe names out of public ownership', () => {
+  const root = fixture()
+  write(
+    root,
+    'packages/emcn/src/components/example.tsx',
+    `
+import {cva} from 'class-variance-authority'
+const recipe=cva('rounded-md')
+export function Example({className}:{className?:string}){return <button className={cn(recipe(),className)}/>}
+function helper(){const recipe='h-12';const Example=({className}:{className?:string})=><div className={cn('h-12',className)}/>;return {recipe,Example}}
+declare function cn(...args:unknown[]):string
+`
+  )
+  expect(run(root).status).toBe(0)
+  expect(generated(root).exports.Example.slots.className.protected).toEqual(['border-radius'])
+}, 60_000)
+
+test.each(['barrel', 'namespace'])(
+  'imported %s recipes retain ownership and defaults',
+  (mode) => {
+    const root = fixture()
+    write(
+      root,
+      'packages/emcn/src/components/recipe.ts',
+      `import {cva} from 'class-variance-authority';export const recipe=cva('rounded-md',{variants:{variant:{plain:'border-0',filled:'border-2'}},defaultVariants:{variant:'filled'}})`
+    )
+    write(root, 'packages/emcn/src/components/recipes.ts', "export {recipe} from './recipe'")
+    write(
+      root,
+      'packages/emcn/src/components/example.tsx',
+      `${mode === 'barrel' ? "import {recipe} from './recipes'" : "import * as recipes from './recipes'"}
+export function Example({className,variant}:{className?:string;variant?:'plain'|'filled'}){return <button className={cn(${mode === 'barrel' ? 'recipe' : 'recipes.recipe'}({variant}),className)}/>}
+declare function cn(...args:unknown[]):string`
+    )
+    expect(run(root).status).toBe(0)
+    const entry = generated(root).exports.Example
+    expect(entry.slots.className.protected).toContain('border-radius')
+    expect(entry.variants.variant.default).toBe('filled')
+    expect(generated(root).diagnostics).toEqual([])
+  },
+  60_000
+)
+
+test.each(['jsx', 'bundle', 'createElement'])(
+  'finite %s aliases and bundles preserve ownership across class and style channels',
+  (mode) => {
+    const root = fixture()
+    write(
+      root,
+      'packages/emcn/src/components/example.tsx',
+      `import {createElement} from 'react'
+interface Props{innerClassName?:string;innerStyle?:{color?:string}}
+export function Example({innerClassName,innerStyle}:Props){
+const classes=cn('rounded-md',innerClassName);const chrome={color:'red'};const styles={...chrome,...innerStyle};const attrs={className:classes,style:styles};
+return ${mode === 'jsx' ? '<div className={classes} style={styles}/>' : mode === 'bundle' ? '<div {...attrs}/>' : "createElement('div',attrs)"}
+}
+declare function cn(...args:unknown[]):string`
+    )
+    expect(run(root).status).toBe(0)
+    const slots = generated(root).exports.Example.slots
+    expect(slots.innerClassName.protected).toEqual(['border-radius', 'color'])
+    expect(slots.innerStyle.protected).toEqual(['border-radius', 'color'])
+  },
+  60_000
+)
+
+test.each([
+  { name: 'local branch returns', body: "if(flag)return {'data-a':true};return {'data-b':true}" },
+  { name: 'constant returned alias', body: "const attrs={'data-a':flag};return attrs" },
+  {
+    name: 'imported alias through a barrel',
+    body: "if(flag)return {'data-a':true};return {'data-b':true}",
+    imported: 'named',
+  },
+  {
+    name: 'namespace helper through a barrel',
+    body: "return {'data-a':flag}",
+    imported: 'namespace',
+  },
+  { name: 'aliased helper', body: "return {'data-a':flag}", alias: true },
+  {
+    name: 'uninvoked nested helper',
+    body: "const unused=()=>({className:'rounded-full'});return {'data-a':flag}",
+  },
+  {
+    name: 'declared return types cannot approve absent bodies',
+    declaration: "export declare function attributes(flag?:boolean):{'data-a':boolean}",
+    unchecked: true,
+  },
+  {
+    name: 'computed return keys',
+    body: "return {[flag?'data-a':'className']:'rounded-full'}",
+    unchecked: true,
+  },
+  { name: 'unknown return spreads', body: 'return {...unknown()}', unchecked: true },
+  {
+    name: 'unknown calls before finite returned keys',
+    body: "unknown();return {'data-a':flag}",
+    unchecked: true,
+  },
+  {
+    name: 'mutated returned object',
+    body: "const attrs:Record<string,unknown>={'data-a':flag};attrs.className='rounded-full';return attrs",
+    unchecked: true,
+  },
+  {
+    name: 'returned object escaping to an unknown call',
+    body: "const attrs={'data-a':flag};decorate(attrs);return attrs",
+    unchecked: true,
+  },
+  {
+    name: 'mutated outer returned binding',
+    prefix: "const attrs:Record<string,unknown>={'data-a':true};attrs.className='rounded-full';",
+    body: 'return attrs',
+    unchecked: true,
+  },
+  {
+    name: 'possible returned className override',
+    body: "if(flag)return {className:'rounded-full'};return {'data-a':true}",
+    unchecked: true,
+  },
+  {
+    name: 'later explicit className overrides helper styling keys',
+    body: "if(flag)return {className:'rounded-full'};return {'data-a':true}",
+    before: true,
+  },
+])(
+  'helper props keys follow bounded return source: $name',
+  (scenario) => {
+    const root = fixture()
+    const helper = `${scenario.prefix ?? ''}${scenario.declaration ?? `export function attributes(flag?:boolean){${scenario.body}}`};declare function unknown():Record<string,unknown>;declare function decorate(value:unknown):void`
+    write(root, 'packages/emcn/src/components/helpers.ts', helper)
+    write(
+      root,
+      'packages/emcn/src/components/helper-barrel.ts',
+      "export {attributes as buildAttributes} from './helpers'"
+    )
+    const importSource =
+      scenario.imported === 'namespace'
+        ? "import * as helpers from './helper-barrel'"
+        : scenario.imported === 'named'
+          ? "import {buildAttributes as attributes} from './helper-barrel'"
+          : "import {attributes} from './helpers'"
+    const helperCall =
+      scenario.imported === 'namespace'
+        ? 'helpers.buildAttributes(flag)'
+        : scenario.alias
+          ? 'build(flag)'
+          : 'attributes(flag)'
+    const classAttribute = 'className={cn(recipe({gap}),className)}'
+    const spreadAttribute = `{...${helperCall}}`
+    write(
+      root,
+      'packages/emcn/src/components/example.tsx',
+      `${importSource};import {cva} from 'class-variance-authority';${scenario.alias ? 'const build=attributes;' : ''}
+const recipe=cva('rounded-md',{variants:{gap:{none:'gap-0',sm:'gap-0.5'}},defaultVariants:{gap:'none'}})
+export function Example({className,gap,flag}:{className?:string;gap?:'none'|'sm';flag?:boolean}){return <button ${scenario.before ? `${spreadAttribute} ${classAttribute}` : `${classAttribute} ${spreadAttribute}`}/>}
+declare function cn(...args:unknown[]):string;throw new Error('Product modules must not execute')`
+    )
+    const result = run(root)
+    expect(result.status, result.stderr).toBe(0)
+    const metadata = generated(root)
+    const entry = metadata.exports.Example
+    if (scenario.unchecked) {
+      expect(entry.slots.className.protected).toEqual([])
+      expect(entry.slots.className.unchecked.join('\n')).toMatch(/rendered props bundle/i)
+      expect(entry.variants.gap.default).toBeUndefined()
+    } else {
+      expect(entry.slots.className.protected).toEqual(['border-radius', 'gap'])
+      expect(entry.slots.className.unchecked).toBeUndefined()
+      expect(entry.variants.gap.default).toBe('none')
+      expect(metadata.diagnostics).toEqual([])
+    }
+  },
+  60_000
+)
+
+test.each([
+  {
+    name: 'effective destructured helper default',
+    wrapper: "const wrapped=({gap='sm',...props}:Options={})=>recipe({gap,...props})",
+    call: 'wrapped({gap})',
+    expected: 'sm',
+  },
+  {
+    name: 'finite bound helper default',
+    wrapper:
+      "const DEFAULT='sm' as const;const wrapped=({gap=DEFAULT,...props}:Options={})=>recipe({gap,...props})",
+    call: 'wrapped({gap})',
+    expected: 'sm',
+  },
+  {
+    name: 'component default remains effective',
+    wrapper: "const wrapped=({gap='sm',...props}:Options={})=>recipe({gap,...props})",
+    call: 'wrapped({gap})',
+    componentDefault: 'none',
+    expected: 'none',
+  },
+  {
+    name: 'explicit helper argument overrides its default',
+    wrapper: "const wrapped=({gap='sm',...props}:Options={})=>recipe({gap,...props})",
+    call: "wrapped({gap:'none'})",
+    expected: 'none',
+  },
+  {
+    name: 'helper body overrides its parameter default',
+    wrapper: "const wrapped=({gap='sm',...props}:Options={})=>recipe({gap:'none',...props})",
+    call: 'wrapped({gap})',
+    expected: 'none',
+  },
+  {
+    name: 'unknown helper default remains unchecked',
+    wrapper: 'const wrapped=({gap=unknown(),...props}:Options={})=>recipe({gap,...props})',
+    call: 'wrapped({gap})',
+    unchecked: true,
+  },
+  {
+    name: 'unknown helper calls cannot approve defaults',
+    wrapper:
+      "const wrapped=({gap='sm',...props}:Options={})=>{unknown();return recipe({gap,...props})}",
+    call: 'wrapped({gap})',
+    unchecked: true,
+  },
+  {
+    name: 'spread helper arguments remain unchecked',
+    wrapper: "const wrapped=({gap='sm',...props}:Options={})=>recipe({gap,...props})",
+    call: 'wrapped(...unknownArguments())',
+    unchecked: true,
+  },
+  {
+    name: 'nested uninvoked helper bindings are ignored',
+    wrapper:
+      "const wrapped=({gap='sm',...props}:Options={})=>{const nested=()=>{const {gap='none'}=props;unknown();return gap};return recipe({gap,...props})}",
+    call: 'wrapped({gap})',
+    expected: 'sm',
+  },
+  {
+    name: 'conflicting effective wrapper defaults remain unchecked',
+    wrapper:
+      "const wrapped=({gap='sm',...props}:Options={})=>recipe({gap,...props});const other=({gap='none',...props}:Options={})=>recipe({gap,...props})",
+    call: 'cn(wrapped({gap}),other({gap}))',
+    unchecked: true,
+  },
+])(
+  'effective recipe helper defaults: $name',
+  (scenario) => {
+    const root = fixture()
+    write(
+      root,
+      'packages/emcn/src/components/example.tsx',
+      `import {cva} from 'class-variance-authority'
+const recipe=cva('rounded-md',{variants:{gap:{none:'gap-0',sm:'gap-0.5'}},defaultVariants:{gap:'none'}})
+type Options={gap?:'none'|'sm'};${scenario.wrapper}
+export function Example({className,gap${scenario.componentDefault ? `='${scenario.componentDefault}'` : ''}}:{className?:string;gap?:'none'|'sm'}){return <button className={cn(${scenario.call},className)}/>}
+declare function cn(...args:unknown[]):string;declare function unknown():'none'|'sm';declare function unknownArguments():[Options];throw new Error('Product modules must not execute')`
+    )
+    const result = run(root)
+    expect(result.status, result.stderr).toBe(0)
+    const metadata = generated(root)
+    const entry = metadata.exports.Example
+    expect(entry.slots.className.protected).toContain('border-radius')
+    if (scenario.unchecked) {
+      expect(entry.variants.gap.default).toBeUndefined()
+      expect(
+        metadata.diagnostics.some((d: { reason: string }) =>
+          /helper.*default.*unchecked/i.test(d.reason)
+        )
+      ).toBe(true)
+    } else expect(entry.variants.gap.default).toBe(scenario.expected)
+  },
+  60_000
+)
+
+test('actual ChipButtonGroup helper preserves consumer ownership and effective gap default', () => {
+  const root = fixture()
+  for (const file of [
+    'components/chip-button-group/chip-button-group.tsx',
+    'components/chip-switch/chip-switch.tsx',
+    'components/scroll-fade/scroll-fade.ts',
+    'components/scroll-fade/scroll-fade.module.css',
+    'components/chip/segmented-control.ts',
+    'components/chip/chip.tsx',
+    'components/chip/chip-chrome.ts',
+    'lib/cn.ts',
+    'hooks/use-scroll-edges.ts',
+  ])
+    write(
+      root,
+      `packages/emcn/src/${file}`,
+      readFileSync(path.resolve('packages/emcn/src', file), 'utf8')
+    )
+  write(
+    root,
+    'packages/emcn/src/index.ts',
+    "export {ChipButtonGroup} from './components/chip-button-group/chip-button-group';export {ChipSwitch} from './components/chip-switch/chip-switch'"
+  )
+  write(
+    root,
+    'apps/sim/components/use-example.tsx',
+    "import {ChipButtonGroup} from '@sim/emcn';export const View=()=> <ChipButtonGroup value='a' onValueChange={()=>{}} className='rounded-full'><span/></ChipButtonGroup>"
+  )
+  const generation = run(root)
+  expect(generation.status, generation.stderr).toBe(0)
+  const metadata = generated(root)
+  expect(metadata.exports.ChipButtonGroup.slots.className.protected).toContain('border-radius')
+  expect(metadata.exports.ChipButtonGroup.variants.gap.default).toBe('sm')
+  expect(metadata.exports.ChipButtonGroup.variants.size.default).toBe('default')
+  expect(metadata.exports.ChipSwitch.variants.size.default).toBe('default')
+  const result = spawnSync(
+    bun,
+    [
+      '--no-env-file',
+      checkCli,
+      '--repo',
+      root,
+      '--base',
+      'HEAD',
+      '--working-tree',
+      '--format',
+      'json',
+    ],
+    { encoding: 'utf8', timeout: 60_000 }
+  )
+  expect(result.status, result.stderr).not.toBe(2)
+  const report = JSON.parse(result.stdout)
+  expect(report.infrastructure.fresh).toBe(true)
+  expect(
+    report.findings.some(
+      (f: { file: string; rule: string }) =>
+        f.file === 'apps/sim/components/use-example.tsx' && f.rule === 'component-chrome'
+    )
+  ).toBe(true)
+}, 60_000)
+
+test.each([
+  { name: 'native accessibility ternary', spread: "labelled?{role:'img','aria-label':'Name'}:{}" },
+  {
+    name: 'component accessibility ternary',
+    spread: "labelled?{role:'img','aria-label':'Name'}:{}",
+    target: 'Base',
+  },
+  { name: 'logical and accessibility fields', spread: "labelled&&{'aria-hidden':true}" },
+  { name: 'bound conditional accessibility fields', spread: 'accessibility' },
+  { name: 'logical or finite object fields', spread: 'accessibility||{}' },
+  { name: 'logical nullish finite object fields', spread: 'accessibility??{}' },
+  { name: 'nested finite branch fields', spread: "{...accessibility,'aria-live':'polite'}" },
+  {
+    name: 'later explicit className overrides possible styling keys',
+    spread: "labelled?{className:'bg-red-500'}:{}",
+    before: true,
+  },
+  {
+    name: 'possible conditional styling keys stay unchecked',
+    spread: "labelled?{className:'bg-red-500'}:{}",
+    unchecked: true,
+  },
+  {
+    name: 'possible logical styling keys stay unchecked',
+    spread: "labelled&&{className:'bg-red-500'}",
+    unchecked: true,
+  },
+  {
+    name: 'genuinely unknown conditional branch stays unchecked',
+    spread: "labelled?styleFactory():{'aria-hidden':true}",
+    unchecked: true,
+  },
+])(
+  'finite branch props preserve effective chrome: $name',
+  (scenario) => {
+    const root = fixture()
+    const classAttribute = 'className={cn(recipe({size}),className)}'
+    const spreadAttribute = `{...(${scenario.spread})}`
+    write(
+      root,
+      'packages/emcn/src/components/example.tsx',
+      `import {cva} from 'class-variance-authority'
+const recipe=cva('rounded-md',{variants:{size:{sm:'h-6',md:'h-8'}},defaultVariants:{size:'md'}})
+interface Props{className?:string;size?:'sm'|'md';labelled?:boolean}
+function Base({className}:{className?:string}){return <button className={className}/>}
+export function Example({className,size,labelled}:Props){const accessibility=labelled?{role:'img','aria-label':'Name'}:null;return <${scenario.target ?? 'button'} ${scenario.before ? `${spreadAttribute} ${classAttribute}` : `${classAttribute} ${spreadAttribute}`}/>}
+declare function cn(...args:unknown[]):string;declare function styleFactory():Record<string,unknown>
+throw new Error('Product modules must not execute')`
+    )
+    const result = run(root)
+    expect(result.status, result.stderr).toBe(0)
+    const metadata = generated(root)
+    const entry = metadata.exports.Example
+    if (scenario.unchecked) {
+      expect(entry.slots.className.protected).toEqual([])
+      expect(entry.slots.className.unchecked.join('\n')).toMatch(/rendered props bundle/i)
+      expect(entry.variants.size.default).toBeUndefined()
+    } else {
+      expect(entry.slots.className.protected).toEqual(['border-radius', 'height'])
+      expect(entry.variants.size.default).toBe('md')
+      expect(entry.slots.className.unchecked).toBeUndefined()
+      expect(metadata.diagnostics).toEqual([])
+    }
+  },
+  60_000
+)
+
+const noPropChrome = { className: [], innerClassName: [], style: [], innerStyle: [] }
+const secondPropChrome = {
+  ...noPropChrome,
+  className: ['border-style', 'border-width', 'color'],
+  style: ['border-style', 'border-width', 'color'],
+}
+test.each([
+  {
+    name: 'later explicit className and style override a bundle',
+    render: '<button {...first} className={className} style={style}/>',
+    protected: noPropChrome,
+  },
+  {
+    name: 'explicit undefined className and style still override bundle fields',
+    render: '<button {...first} className={undefined} style={undefined}/>',
+    protected: noPropChrome,
+  },
+  {
+    name: 'a later spread overrides explicit attributes',
+    render:
+      '<button className={cn("rounded-md",innerClassName)} style={{backgroundColor:"red",...innerStyle}} {...second}/>',
+    protected: secondPropChrome,
+  },
+  {
+    name: 'repeated spreads keep the final className and style',
+    render: '<button {...first} {...second}/>',
+    protected: secondPropChrome,
+  },
+  {
+    name: 'overriding className retains only effective style chrome',
+    render: '<button {...first} className={className}/>',
+    protected: {
+      ...noPropChrome,
+      className: ['background-color'],
+      innerStyle: ['background-color'],
+    },
+  },
+  {
+    name: 'overriding style retains only effective class chrome',
+    render: '<button {...first} style={style}/>',
+    protected: { ...noPropChrome, innerClassName: ['border-radius'], style: ['border-radius'] },
+  },
+  {
+    name: 'nested repeated spreads keep final fields',
+    render: '<button {...{...first,...second}}/>',
+    protected: secondPropChrome,
+  },
+  {
+    name: 'overridden unresolved field values do not diagnose styling',
+    render:
+      '<button {...{className:styleFactory(),style:styleFactory()}} className={className} style={style}/>',
+    protected: noPropChrome,
+  },
+  {
+    name: 'overridden unknown bundles do not diagnose native styling',
+    render: '<button {...unknown} className={className} style={style}/>',
+    protected: noPropChrome,
+  },
+  {
+    name: 'effective unknown bundles keep uncertainty without claiming earlier chrome',
+    render: '<button {...first} {...unknown}/>',
+    protected: noPropChrome,
+    unchecked: true,
+  },
+  {
+    name: 'createElement respects finite fields after an unknown object spread',
+    render: "createElement('button',{...unknown,...second})",
+    protected: secondPropChrome,
+  },
+  {
+    name: 'createElement retains an effective unknown object spread boundary',
+    render: "createElement('button',{...first,...unknown})",
+    protected: noPropChrome,
+    unchecked: true,
+  },
+])(
+  'rendered props precedence: $name',
+  (scenario) => {
+    const root = fixture()
+    write(
+      root,
+      'packages/emcn/src/components/example.tsx',
+      `import {createElement} from 'react'
+interface Props{className?:string;innerClassName?:string;style?:{color?:string};innerStyle?:{color?:string}}
+export function Example({className,innerClassName,style,innerStyle}:Props){
+const first={className:cn('rounded-md',innerClassName),style:{backgroundColor:'red',...innerStyle}};
+const second={className:cn('border-2',className),style:{color:'red',...style}};
+const unknown=styleFactory();return ${scenario.render}
+}
+declare function cn(...args:unknown[]):string;declare function styleFactory():Record<string,unknown>`
+    )
+    const result = run(root)
+    expect(result.status, result.stderr).toBe(0)
+    const metadata = generated(root)
+    expect(
+      Object.fromEntries(
+        Object.entries(metadata.exports.Example.slots).map(([name, slot]) => [
+          name,
+          (slot as { protected: string[] }).protected,
+        ])
+      )
+    ).toEqual(scenario.protected)
+    if (scenario.unchecked) {
+      expect(
+        metadata.diagnostics.some((d: { reason: string }) =>
+          /rendered props bundle/i.test(d.reason)
+        )
+      ).toBe(true)
+      for (const slot of Object.values(metadata.exports.Example.slots))
+        expect((slot as { unchecked: string[] }).unchecked.join('\n')).toMatch(
+          /rendered props bundle/i
+        )
+    } else {
+      expect(metadata.diagnostics).toEqual([])
+      for (const slot of Object.values(metadata.exports.Example.slots))
+        expect((slot as { unchecked?: string[] }).unchecked).toBeUndefined()
+    }
+  },
+  60_000
+)
+
+test('rendered props precedence removes shadowed public props forwarding', () => {
+  const root = fixture()
+  write(
+    root,
+    'packages/emcn/src/components/example.tsx',
+    'interface Props{className?:string;style?:{color?:string}};export function Example(props:Props){return <button {...props} className="rounded-md" style={undefined}/>}'
+  )
+  expect(run(root).status).toBe(0)
+  const slots = generated(root).exports.Example.slots
+  expect(slots.className.protected).toEqual([])
+  expect(slots.style.protected).toEqual([])
+}, 60_000)
+
+test('rendered props precedence avoids false consumer chrome warnings', () => {
+  const root = fixture()
+  write(
+    root,
+    'packages/emcn/src/components/example.tsx',
+    'export function Example({className}:{className?:string}){const bundle={className:"rounded-md"};return <button {...bundle} className={className}/>}'
+  )
+  write(
+    root,
+    'apps/sim/components/use-example.tsx',
+    "import {Example} from '@sim/emcn';export const View=()=> <Example className='rounded-full'/>"
+  )
+  expect(run(root).status).toBe(0)
+  const result = spawnSync(
+    bun,
+    [
+      '--no-env-file',
+      checkCli,
+      '--repo',
+      root,
+      '--base',
+      'HEAD',
+      '--working-tree',
+      '--format',
+      'json',
+    ],
+    { encoding: 'utf8', timeout: 60000 }
+  )
+  expect(result.status, result.stderr).not.toBe(2)
+  const report = JSON.parse(result.stdout)
+  expect(report.infrastructure.fresh).toBe(true)
+  expect(
+    report.findings.some(
+      (finding: { file: string; rule: string }) =>
+        finding.file === 'apps/sim/components/use-example.tsx' &&
+        finding.rule === 'component-chrome'
+    )
+  ).toBe(false)
+}, 60_000)
+
+test.each(['inferred', 'annotated'])(
+  'rendered props precedence keeps optional public spreads unchecked with %s default ownership',
+  (mode) => {
+    const root = fixture()
+    write(
+      root,
+      'packages/emcn/src/components/example.tsx',
+      `${mode === 'annotated' ? '/** @designProtect className border-radius */' : ''}
+export function Example(props:{className?:string}){return <button className="rounded-md" {...props}/>} `
+    )
+    write(
+      root,
+      'apps/sim/components/use-example.tsx',
+      "import {Example} from '@sim/emcn';export const View=()=> <Example className='rounded-full'/>"
+    )
+    expect(run(root).status).toBe(0)
+    const slot = generated(root).exports.Example.slots.className
+    expect(slot.unchecked.join('\n')).toMatch(/props.*override/i)
+    if (mode === 'annotated') expect(slot.protected).toContain('border-radius')
+    const result = spawnSync(
+      bun,
+      [
+        '--no-env-file',
+        checkCli,
+        '--repo',
+        root,
+        '--base',
+        'HEAD',
+        '--working-tree',
+        '--format',
+        'json',
+      ],
+      { encoding: 'utf8', timeout: 60000 }
+    )
+    expect(result.status, result.stderr).not.toBe(2)
+    const report = JSON.parse(result.stdout)
+    expect(report.infrastructure.fresh).toBe(true)
+    expect(
+      report.unchecked.some(
+        (note: { file: string; reason: string }) =>
+          note.file === 'apps/sim/components/use-example.tsx' &&
+          /props.*override/i.test(note.reason)
+      )
+    ).toBe(true)
+  },
+  60_000
+)
+
+test('finite bound CVA config and spreads retain axes, chrome and recipe defaults', () => {
+  const root = fixture()
+  write(
+    root,
+    'packages/emcn/src/components/example.tsx',
+    `import {cva} from 'class-variance-authority'
+const axes={variant:{plain:'border-0',filled:'border-2'}};const defaults={variant:'filled'} as const;const config={variants:{...axes},defaultVariants:{...defaults}} as const;const recipe=cva('rounded-md',config)
+export function Example({className,variant}:{className?:string;variant?:'plain'|'filled'}){return <div className={cn(recipe({variant}),className)}/>};declare function cn(...args:unknown[]):string`
+  )
+  expect(run(root).status).toBe(0)
+  const metadata = generated(root)
+  expect(metadata.exports.Example.variants.variant.default).toBe('filled')
+  expect(metadata.exports.Example.slots.className.protected).toContain('border-width')
+}, 60_000)
+
+test.each(['constant', 'body'])(
+  'component %s defaults override recipe defaults',
+  (mode) => {
+    const root = fixture()
+    const source = component().replace("variant:'plain',size:'sm'", "variant:'filled',size:'sm'")
+    write(
+      root,
+      'packages/emcn/src/components/example.tsx',
+      mode === 'constant'
+        ? source.replace(
+            "export function Example({className,variant='plain'",
+            "const DEFAULT='plain' as const;export function Example({className,variant=DEFAULT"
+          )
+        : source.replace(
+            "export function Example({className,variant='plain',size='sm',...props}:Props){",
+            "export function Example(input:Props){const {className,variant='plain',size='sm',...props}=input;"
+          )
+    )
+    expect(run(root).status).toBe(0)
+    expect(generated(root).exports.Example.variants.variant.default).toBe('plain')
+  },
+  60_000
+)
+
+test('public declaration files participate in finite prop extraction and staleness', () => {
+  const root = fixture()
+  write(
+    root,
+    'packages/emcn/src/index.ts',
+    "export * from './components/example';export type {Props} from './components/props'"
+  )
+  write(
+    root,
+    'packages/emcn/src/components/props.d.ts',
+    "export interface Props{className?:string;variant?:'plain'|'filled'}"
+  )
+  write(
+    root,
+    'packages/emcn/src/components/example.tsx',
+    "import type {Props} from './props';export function Example({className,variant='plain'}:Props){return <div className={cn('rounded-md',className)}/>};declare function cn(...args:unknown[]):string"
+  )
+  expect(run(root).status).toBe(0)
+  expect(generated(root).exports.Example.variants.variant.values).toEqual(['filled', 'plain'])
+  write(
+    root,
+    'packages/emcn/src/components/props.d.ts',
+    "export interface Props{className?:string;variant?:'plain'|'filled'|'new'}"
+  )
+  expect(run(root, '--check').status).toBe(1)
+}, 60_000)
+
+test.each([
+  "import type {Props} from '../absent';export function Example({className}:Props){return <button className={className}/>} ",
+  'interface Props extends Missing{className?:string};export function Example({className}:Props){return <button className={className}/>} ',
+])(
+  'unresolved public props preserve unchecked styling inputs: %s',
+  (source) => {
+    const root = fixture()
+    write(root, 'packages/emcn/src/components/example.tsx', source)
+    expect(run(root).status).toBe(0)
+    const metadata = generated(root)
+    expect(
+      metadata.diagnostics.some((d: { reason: string }) =>
+        /public props.*unchecked/i.test(d.reason)
+      )
+    ).toBe(true)
+    expect(metadata.exports.Example.slots.className.unchecked.join('\n')).toMatch(/public props/i)
+  },
+  60_000
+)
+
+test('unrelated unresolved data imports do not invalidate known public props', () => {
+  const root = fixture()
+  write(
+    root,
+    'packages/emcn/src/components/example.tsx',
+    "import {data} from '../absent';export function Example({className}:{className?:string}){return <button className={className}/>};export const exampleData=data"
+  )
+  expect(run(root).status).toBe(0)
+  expect(generated(root).diagnostics).toEqual([])
+  expect(generated(root).exports.Example.slots.className.unchecked).toBeUndefined()
+}, 60_000)
+
+test.each(['missing', 'ambiguous'])(
+  'invalid %s public symbols fail extraction',
+  (mode) => {
+    const root = fixture()
+    write(root, 'packages/emcn/src/components/other.tsx', 'export const Example=()=> <div/>')
+    write(
+      root,
+      'packages/emcn/src/index.ts',
+      mode === 'missing'
+        ? "export {Missing} from './components/example'"
+        : "export * from './components/example';export * from './components/other'"
+    )
+    const result = run(root)
+    expect(result.status).toBe(2)
+    expect(result.stderr).toMatch(/public export/i)
+  },
+  60_000
+)
+
+test('unresolved styling calls remain explicit unchecked evidence', () => {
+  const root = fixture()
+  write(
+    root,
+    'packages/emcn/src/components/example.tsx',
+    'export function Example({className}:{className?:string}){return <div className={cn(styleFactory(),className)}/>};declare function styleFactory():string;declare function cn(...args:unknown[]):string'
+  )
+  expect(run(root).status).toBe(0)
+  expect(
+    generated(root).diagnostics.some((d: { reason: string }) => /styling call/i.test(d.reason))
+  ).toBe(true)
+}, 60_000)
+
+test('ownership metadata rejects longhand permissions overlapping a protected family', () => {
+  const root = fixture()
+  write(
+    root,
+    'packages/emcn/src/components/example.tsx',
+    component(
+      '\n * @designAllow className border-top-color\n * @designProtect className border-color\n'
+    )
+  )
+  const result = run(root)
+  expect(result.status).toBe(2)
+  expect(result.stderr).toMatch(/contradictory/i)
+}, 60_000)
+
+test('ownership metadata permits independent physical longhands', () => {
+  const root = fixture()
+  write(
+    root,
+    'packages/emcn/src/components/example.tsx',
+    component(
+      '\n * @designAllow className padding-left\n * @designProtect className padding-right\n'
+    )
+  )
+  const result = run(root)
+  expect(result.status, result.stderr).toBe(0)
+  const slot = generated(root).exports.Example.slots.className
+  expect(slot.allowed).toEqual(['padding-left'])
+  expect(slot.protected).toContain('padding-right')
+}, 60_000)
+
+test.each([
+  ['font-size', 'font'],
+  ['border-top-color', 'border'],
+])(
+  'ownership metadata rejects %s permission overlapping %s shorthand',
+  (allowed, protectedProperty) => {
+    const root = fixture()
+    write(
+      root,
+      'packages/emcn/src/components/example.tsx',
+      component(
+        `\n * @designAllow className ${allowed}\n * @designProtect className ${protectedProperty}\n`
+      )
+    )
+    const result = run(root)
+    expect(result.status, result.stderr).toBe(2)
+    expect(result.stderr).toMatch(/contradictory/i)
+  },
+  60_000
+)
+
+test('token cycles require matching finite CSS contexts and cross-context availability stays unchecked', () => {
+  const root = fixture()
+  write(
+    root,
+    'apps/sim/app/_styles/globals.css',
+    ':root{--a:var(--b);--b:red}.dark{--a:blue;--b:var(--a)}@theme{--bridge:var(--a)}'
+  )
+  expect(run(root).status).toBe(0)
+  const notes = generated(root)
+    .diagnostics.map((d: { reason: string }) => d.reason)
+    .join('\n')
+  expect(notes).not.toMatch(/alias cycle/i)
+  expect(notes).toMatch(/context.*unchecked/i)
+}, 60_000)
+
+test('mutated styling bindings remain unchecked instead of freezing their initializer', () => {
+  const root = fixture()
+  write(
+    root,
+    'packages/emcn/src/components/example.tsx',
+    "export function Example({className}:{className?:string}){let classes='rounded-md';classes=styleFactory();return <div className={cn(classes,className)}/>};declare function styleFactory():string;declare function cn(...args:unknown[]):string"
+  )
+  expect(run(root).status).toBe(0)
+  expect(
+    generated(root).exports.Example.slots.className.unchecked.some((reason: string) =>
+      /mutable|mutated/i.test(reason)
+    )
+  ).toBe(true)
+}, 60_000)
+
+test('generated unresolved ownership reaches the consumer CLI after regeneration', () => {
+  const root = fixture()
+  write(
+    root,
+    'packages/emcn/src/components/example.tsx',
+    'export function Example({className}:{className?:string}){return <div className={cn(styleFactory(),className)}/>};declare function styleFactory():string;declare function cn(...args:unknown[]):string'
+  )
+  write(
+    root,
+    'apps/sim/components/use-example.tsx',
+    "import {Example} from '@sim/emcn';export const View=()=> <Example className='rounded-full'/>"
+  )
+  expect(run(root).status).toBe(0)
+  expect(generated(root).exports.Example.slots.className.unchecked.join('\n')).toMatch(
+    /styling call/i
+  )
+  const result = spawnSync(
+    bun,
+    [
+      '--no-env-file',
+      checkCli,
+      '--repo',
+      root,
+      '--base',
+      'HEAD',
+      '--working-tree',
+      '--format',
+      'json',
+    ],
+    { encoding: 'utf8', timeout: 60000 }
+  )
+  expect(result.status).not.toBe(2)
+  const report = JSON.parse(result.stdout)
+  expect(report.infrastructure.fresh).toBe(true)
+  expect(
+    report.unchecked.some(
+      (note: { file: string; reason: string }) =>
+        note.file === 'apps/sim/components/use-example.tsx' && /styling call/i.test(note.reason)
+    )
+  ).toBe(true)
+}, 60_000)
+
+test.each(['private', 'delegated'])(
+  '%s unsupported styling ownership reaches the public slot',
+  (mode) => {
+    const root = fixture()
+    write(
+      root,
+      'packages/emcn/src/components/example.tsx',
+      mode === 'private'
+        ? "declare const Dynamic:(props:{className?:string})=>React.ReactNode;function Private({className}:{className?:string}){return <Dynamic className={className}/>};export function Example({className}:{className?:string}){return <Private className={className}/>};import type React from 'react'"
+        : "export declare function Example(props:{className?:string}):React.ReactNode;import type React from 'react'"
+    )
+    expect(run(root).status).toBe(0)
+    expect(generated(root).exports.Example.slots.className.unchecked?.length ?? 0).toBeGreaterThan(
+      0
+    )
+  },
+  60_000
+)
+
+test('source custom classes retain unchecked ownership when no declarative utility is known', () => {
+  const root = fixture()
+  write(
+    root,
+    'packages/emcn/src/components/example.tsx',
+    "export function Example({className}:{className?:string}){return <div className={cn('custom-chrome',className)}/>};declare function cn(...args:unknown[]):string"
+  )
+  expect(run(root).status).toBe(0)
+  expect(generated(root).exports.Example.slots.className.unchecked?.join('\n') ?? '').toMatch(
+    /custom-chrome/
+  )
+}, 60_000)
+
+test('private lexical forwarding references stay stable across source line shifts', () => {
+  const root = fixture()
+  const source =
+    "export function Example({className}:{className?:string}){const Inner=({className}:{className?:string})=><div className={cn('rounded-md',className)}/>;return <Inner className={className}/>};declare function cn(...args:unknown[]):string"
+  write(root, 'packages/emcn/src/components/example.tsx', source)
+  expect(run(root).status).toBe(0)
+  const before = generated(root).exports.Example.slots.className
+  write(
+    root,
+    'packages/emcn/src/components/example.tsx',
+    source.replace('const Inner', '\n\nconst Inner')
+  )
+  expect(run(root).status).toBe(0)
+  expect(generated(root).exports.Example.slots.className).toEqual(before)
+}, 60_000)
diff --git a/scripts/generate-design-contracts.ts b/scripts/generate-design-contracts.ts
new file mode 100644
index 00000000000..9d5ed95751d
--- /dev/null
+++ b/scripts/generate-design-contracts.ts
@@ -0,0 +1,118 @@
+import {
+  closeSync,
+  constants,
+  fstatSync,
+  ftruncateSync,
+  lstatSync,
+  mkdirSync,
+  openSync,
+  readFileSync,
+  realpathSync,
+  writeFileSync,
+} from 'node:fs'
+import path from 'node:path'
+import { parseArgs } from 'node:util'
+import {
+  GENERATED_FILE,
+  generateContracts,
+  generatedBytes,
+} from '#design-conformance/generated-contracts'
+import { GitSource } from '#design-conformance/worktree-source'
+
+/** Validate each parent before creating descendants; linked parents can redirect missing outputs. */
+function outputParents(repo: string, create = false): string {
+  let parent = repo
+  for (const part of path.dirname(GENERATED_FILE).split('/')) {
+    parent = path.join(parent, part)
+    let stat = lstatSync(parent, { throwIfNoEntry: false })
+    if (!stat && create) {
+      mkdirSync(parent)
+      stat = lstatSync(parent)
+    }
+    if (stat && !stat.isDirectory())
+      throw new Error(`Generated output has an unsafe parent directory: ${parent}`)
+  }
+  return path.join(repo, GENERATED_FILE)
+}
+
+/** Preflight before working-tree inventory so unsafe outputs are never read as source inputs. */
+function checkedOutput(repo: string): void {
+  const output = outputParents(repo)
+  const stat = lstatSync(output, { throwIfNoEntry: false })
+  if (stat && !stat.isFile()) throw new Error('Generated output is not a regular file')
+}
+
+export async function main(argv = process.argv.slice(2)): Promise<number> {
+  try {
+    const { values } = parseArgs({
+      args: argv,
+      strict: true,
+      options: {
+        check: { type: 'boolean' },
+        repo: { type: 'string', default: process.cwd() },
+        ref: { type: 'string' },
+      },
+    })
+    const start = performance.now()
+    const repo = realpathSync(values.repo)
+    if (!values.check || !values.ref) checkedOutput(repo)
+    const source = new GitSource(repo, values.ref ?? 'HEAD', !values.ref)
+    const generated = await generateContracts(source.central())
+    source.assertUnchanged()
+    const output = path.join(source.repo, GENERATED_FILE)
+    const bytes = generatedBytes(generated)
+    if (values.check) {
+      let actual: string | undefined
+      try {
+        const entry = source.entries.find((e) => e.path === GENERATED_FILE)
+        if (values.ref) actual = entry ? source.read(entry) : undefined
+        else {
+          const descriptor = openSync(
+            output,
+            constants.O_RDONLY | constants.O_NOFOLLOW | constants.O_NONBLOCK
+          )
+          try {
+            if (!fstatSync(descriptor).isFile())
+              throw new Error('Generated output is not a regular file')
+            outputParents(source.repo)
+            actual = readFileSync(descriptor, 'utf8')
+          } finally {
+            closeSync(descriptor)
+          }
+        }
+      } catch {
+        actual = undefined
+      }
+      if (actual !== bytes) {
+        process.stderr.write(
+          'Design infrastructure is missing, malformed or stale. Run bun run design:generate and commit contracts.generated.json.\n'
+        )
+        return 1
+      }
+    } else {
+      outputParents(source.repo, true)
+      const descriptor = openSync(
+        output,
+        constants.O_WRONLY | constants.O_CREAT | constants.O_NOFOLLOW | constants.O_NONBLOCK,
+        0o644
+      )
+      try {
+        if (!fstatSync(descriptor).isFile())
+          throw new Error('Generated output is not a regular file')
+        outputParents(source.repo)
+        ftruncateSync(descriptor, 0)
+        writeFileSync(descriptor, bytes)
+      } finally {
+        closeSync(descriptor)
+      }
+    }
+    process.stdout.write(
+      `${values.check ? 'Verified' : 'Generated'} ${Object.keys(generated.exports).length} exports, ${Object.keys(generated.recipes).length} recipes, ${Object.keys(generated.tokens).length} tokens, ${generated.diagnostics.length} diagnostics; ${Buffer.byteLength(bytes)} bytes; ${Math.round(performance.now() - start)}ms; ${process.resourceUsage().maxRSS} KiB max RSS\n`
+    )
+    return 0
+  } catch (error) {
+    process.stderr.write(`${String(error)}\n`)
+    return 2
+  }
+}
+if (import.meta.main) process.exitCode = await main()
diff --git a/scripts/run-audits.ts b/scripts/run-audits.ts
index af8e43b7626..912e0fc390f 100644
--- a/scripts/run-audits.ts
+++ b/scripts/run-audits.ts
@@ -17,6 +17,7 @@ import path from 'node:path'
 const EXCLUDED: Record<string, string> = {
   'check:audits': 'this runner',
   'check:migrations': 'needs a git base ref argument',
+  'check:design': 'needs Git revisions; its dedicated CI step tolerates findings only',
   'check:api-validation': 'superseded by the :strict variant, which this runner does run',
 }
 
diff --git a/scripts/vitest.config.ts b/scripts/vitest.config.ts
index ca2177118e8..65c581e7c49 100644
--- a/scripts/vitest.config.ts
+++ b/scripts/vitest.config.ts
@@ -18,7 +18,7 @@ export default mergeConfig(
     },
     test: {
       root: fileURLToPath(new URL('..', import.meta.url)),
-      include: ['scripts/*.test.ts'],
+      include: ['scripts/*.test.ts', 'scripts/design-scan/*.test.ts', 'scripts/design-studio/*.test.mjs'],
     },
   })
 )
diff --git a/tools/design-studio/.gitignore b/tools/design-studio/.gitignore
new file mode 100644
index 00000000000..0b681e353e1
--- /dev/null
+++ b/tools/design-studio/.gitignore
@@ -0,0 +1,3 @@
+.next/
+AGENTS.md
+CLAUDE.md
diff --git a/tools/design-studio/_components/component-fixtures.tsx b/tools/design-studio/_components/component-fixtures.tsx
new file mode 100644
index 00000000000..c74e6a8201a
--- /dev/null
+++ b/tools/design-studio/_components/component-fixtures.tsx
@@ -0,0 +1,1034 @@
+'use client'
+
+import { useState } from 'react'
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Banner,
+  BarChart,
+  BulkActionButton,
+  Button,
+  Calendar,
+  CalendarDayCell,
+  ChartDataTable,
+  ChartFrame,
+  ChartLegend,
+  ChartTooltip,
+  ChartTooltipRow,
+  Checkbox,
+  Chip,
+  ChipButtonGroup,
+  ChipButtonGroupItem,
+  ChipChevronDown,
+  ChipCombobox,
+  ChipConfirmModal,
+  ChipCopyInput,
+  ChipDatePicker,
+  ChipDropdown,
+  ChipEmailsInput,
+  ChipInput,
+  ChipLink,
+  ChipModal,
+  ChipModalBody,
+  ChipModalDescription,
+  ChipModalError,
+  ChipModalField,
+  ChipModalFooter,
+  ChipModalHeader,
+  ChipModalPromptBody,
+  ChipModalSeparator,
+  ChipModalSurface,
+  ChipModalTabs,
+  ChipSelect,
+  ChipSwitch,
+  ChipTag,
+  ChipTextarea,
+  ChipTimePicker,
+  Code,
+  CollapsibleCard,
+  Combobox,
+  ComposerActionButton,
+  CopyCodeButton,
+  DashboardMetric,
+  DashedDividerLine,
+  DetailsPanel,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuItemAction,
+  DropdownMenuItemLabel,
+  DropdownMenuLabel,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSearchInput,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  Expandable,
+  ExpandableContent,
+  FieldDivider,
+  FloatingTooltip,
+  Info,
+  InfoCard,
+  InfoCardItem,
+  InfoCardList,
+  Input,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+  Label,
+  Lightbox,
+  LineChart,
+  LogoPage,
+  Modal,
+  ModalBody,
+  ModalClose,
+  ModalContent,
+  ModalDescription,
+  ModalFooter,
+  ModalHeader,
+  ModalOverlay,
+  ModalTabs,
+  ModalTabsContent,
+  ModalTabsList,
+  ModalTabsTrigger,
+  ModalTitle,
+  ModalTrigger,
+  OverflowText,
+  Popover,
+  PopoverBackButton,
+  PopoverContent,
+  PopoverDivider,
+  PopoverFolder,
+  PopoverItem,
+  PopoverScrollArea,
+  PopoverSearch,
+  PopoverSection,
+  PopoverTrigger,
+  ProgressItem,
+  RadarChart,
+  RowActions,
+  SecretInput,
+  SecretReveal,
+  SimWordmark,
+  Skeleton,
+  Slider,
+  StatusPageContent,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  TabStrip,
+  TabStripAction,
+  TagInput,
+  Textarea,
+  TimePicker,
+  ToastProvider,
+  Tooltip,
+  UploadPreviewButton,
+  useToast,
+  Wizard,
+} from '@sim/emcn'
+import { ArrowUp, Search } from '@sim/emcn/icons'
+
+function ToastTrigger() {
+  const { toast } = useToast()
+  return (
+    <Button onClick={() => toast.success('Saved example', { description: 'Studio preview' })}>
+      Show toast
+    </Button>
+  )
+}
+
+interface ComponentPreviewProps {
+  id: string
+  variant?: { axis: string; value: string }
+  variants?: Record<string, string>
+  interactive?: boolean
+  state?: string
+}
+
+export function ComponentPreview({
+  id,
+  variant,
+  variants,
+  interactive = false,
+  state,
+}: ComponentPreviewProps) {
+  const [selection, setSelection] = useState('alpha')
+  const [date, setDate] = useState('2026-09-23')
+  const [time, setTime] = useState('09:30')
+  const [secret, setSecret] = useState('example-secret')
+  const [emails, setEmails] = useState(['design@sim.ai'])
+  const [tags, setTags] = useState([{ value: 'design', isValid: true }])
+  const [otp, setOtp] = useState('123456')
+  const [open, setOpen] = useState(false)
+  const [step, setStep] = useState(0)
+  const selections = { ...(variant ? { [variant.axis]: variant.value } : {}), ...variants }
+  const hasVariants = Object.keys(selections).length > 0
+  const variantProps = Object.fromEntries(
+    Object.entries(selections).map(([axis, value]) => [
+      axis,
+      value === 'true' ? true : value === 'false' ? false : value,
+    ])
+  )
+  switch (id) {
+    case 'bulk-action-button':
+      return (
+        <BulkActionButton aria-label='Remove selected items' {...variantProps}>
+          ×
+        </BulkActionButton>
+      )
+    case 'row-actions':
+      return (
+        <div className='group/row-actions flex items-center gap-2'>
+          <span className='text-[var(--text-body)] text-sm'>Example row</span>
+          <RowActions
+            open
+            indicator={<span className='size-2 rounded-full bg-[var(--brand)]' />}
+            {...variantProps}
+          >
+            <Button size='sm' variant='ghost' aria-label='Edit row'>
+              •••
+            </Button>
+          </RowActions>
+        </div>
+      )
+    case 'composer-action-button':
+      return (
+        <ComposerActionButton aria-label='Send example' {...variantProps}>
+          <ArrowUp className='size-4 text-white dark:text-black' />
+        </ComposerActionButton>
+      )
+    case 'upload-preview-button':
+      return <UploadPreviewButton aria-label='Choose example image' />
+    case 'button':
+      if (state === 'disabled') return <Button disabled>Disabled button</Button>
+      if (hasVariants || interactive) return <Button {...variantProps}>Button</Button>
+      return (
+        <div className='flex flex-wrap items-center gap-3'>
+          <Button variant='primary'>Primary</Button>
+          <Button variant='default'>Default</Button>
+          <Button variant='quiet'>Quiet</Button>
+          <Button variant='destructive'>Delete</Button>
+        </div>
+      )
+    case 'bar-chart':
+      return (
+        <div className='w-full max-w-72'>
+          <BarChart
+            label='Example runs'
+            color='var(--brand)'
+            height={120}
+            data={[
+              { timestamp: '2026-09-20T00:00:00Z', value: 3 },
+              { timestamp: '2026-09-21T00:00:00Z', value: 6 },
+              { timestamp: '2026-09-22T00:00:00Z', value: 4 },
+              { timestamp: '2026-09-23T00:00:00Z', value: 8 },
+            ]}
+          />
+        </div>
+      )
+    case 'line-chart':
+      return (
+        <div className='w-full max-w-72'>
+          <LineChart
+            label='Example trend'
+            color='var(--brand)'
+            height={120}
+            data={[
+              { timestamp: '2026-09-20T00:00:00Z', value: 3 },
+              { timestamp: '2026-09-21T00:00:00Z', value: 6 },
+              { timestamp: '2026-09-22T00:00:00Z', value: 4 },
+              { timestamp: '2026-09-23T00:00:00Z', value: 8 },
+            ]}
+          />
+        </div>
+      )
+    case 'radar-chart':
+      return (
+        <div className='w-full max-w-72'>
+          <RadarChart
+            color='var(--brand)'
+            height={150}
+            axes={[
+              { label: 'Speed', value: 8 },
+              { label: 'Quality', value: 6 },
+              { label: 'Reach', value: 9 },
+              { label: 'Cost', value: 5 },
+            ]}
+          />
+        </div>
+      )
+    case 'chart-frame':
+      return (
+        <div className='w-full max-w-72'>
+          <ChartFrame title='Example activity' height={110} loading>
+            {null}
+          </ChartFrame>
+        </div>
+      )
+    case 'chart-legend':
+      return (
+        <ChartLegend
+          layout='row'
+          items={[
+            { id: 'success', label: 'Success', color: 'var(--brand)', value: '8' },
+            { id: 'other', label: 'Other', color: 'var(--text-muted)', value: '3' },
+          ]}
+          selectedId={null}
+          highlightedId={null}
+          onHighlight={() => undefined}
+          onSelect={() => undefined}
+          {...variantProps}
+        />
+      )
+    case 'chart-tooltip':
+      return (
+        <div className='relative h-24 w-44'>
+          <ChartTooltip left={0} top={0} date='Today'>
+            <ChartTooltipRow color='var(--brand)' label='Runs' value='8' />
+          </ChartTooltip>
+        </div>
+      )
+    case 'chart-data-table':
+      return (
+        <div className='text-[var(--text-muted)] text-xs'>
+          <ChartDataTable
+            label='Example values'
+            series={[
+              {
+                id: 'runs',
+                label: 'Runs',
+                data: [{ timestamp: '2026-09-23T00:00:00Z', value: 8 }],
+              },
+            ]}
+          />
+          Accessible table for charts
+        </div>
+      )
+    case 'dashboard-metric':
+      return <DashboardMetric label='Total runs' value='1,284' />
+    case 'code':
+      return (
+        <div className='max-h-32 w-full max-w-72 overflow-auto rounded-md border border-[var(--border)]'>
+          <CopyCodeButton code='const example = true' />
+          <Code.Viewer
+            code={'const run = async () => {\n  return true\n}'}
+            language='javascript'
+            showGutter
+            {...variantProps}
+          />
+        </div>
+      )
+    case 'chip':
+      if (hasVariants || interactive || state === 'disabled')
+        return (
+          <Chip {...variantProps} disabled={state === 'disabled'}>
+            Chip
+          </Chip>
+        )
+      return (
+        <div className='flex flex-wrap items-center gap-3'>
+          <Chip>Default</Chip>
+          <Chip active>Selected</Chip>
+          <Chip variant='border'>Border</Chip>
+          <Chip variant='primary'>Primary</Chip>
+          <ChipLink href='#studio-example'>Linked</ChipLink>
+          <ChipChevronDown />
+        </div>
+      )
+    case 'chip-button-group':
+      return (
+        <ChipButtonGroup value='code' {...variantProps}>
+          <ChipButtonGroupItem value='code'>Code</ChipButtonGroupItem>
+          <ChipButtonGroupItem value='preview'>Preview</ChipButtonGroupItem>
+        </ChipButtonGroup>
+      )
+    case 'chip-dropdown':
+      return (
+        <ChipDropdown
+          aria-label='Example mode'
+          options={[
+            { value: 'build', label: 'Build' },
+            { value: 'plan', label: 'Plan' },
+          ]}
+          value='build'
+          onChange={() => undefined}
+        />
+      )
+    case 'chip-combobox':
+      return (
+        <ChipCombobox
+          aria-label='Example source'
+          className='max-w-64'
+          options={[
+            { value: 'alpha', label: 'First source' },
+            { value: 'beta', label: 'Second source' },
+          ]}
+          value={selection}
+          onChange={setSelection}
+        />
+      )
+    case 'chip-copy-input':
+      return (
+        <ChipCopyInput aria-label='Example identifier' value='example_123' className='max-w-64' />
+      )
+    case 'chip-date-picker':
+      return <ChipDatePicker value={date} onChange={setDate} {...variantProps} />
+    case 'chip-emails-input':
+      return (
+        <div className='w-full max-w-64'>
+          <ChipEmailsInput
+            value={emails}
+            onChange={setEmails}
+            variant='default'
+            {...variantProps}
+          />
+        </div>
+      )
+    case 'chip-modal-field': {
+      if (selections.type === 'dropdown')
+        return (
+          <ChipModalField
+            type='dropdown'
+            title='Mode'
+            value={selection}
+            onChange={setSelection}
+            options={[
+              { value: 'alpha', label: 'First option' },
+              { value: 'beta', label: 'Second option' },
+            ]}
+            {...variantProps}
+          />
+        )
+      if (selections.type === 'emails')
+        return (
+          <ChipModalField
+            type='emails'
+            title='Recipients'
+            value={emails}
+            onChange={setEmails}
+            {...variantProps}
+          />
+        )
+      if (selections.type === 'file')
+        return (
+          <ChipModalField
+            type='file'
+            title='Attachment'
+            onChange={() => undefined}
+            {...variantProps}
+          />
+        )
+      if (selections.type === 'custom')
+        return (
+          <ChipModalField type='custom' title='Custom field' {...variantProps}>
+            <p>Example content</p>
+          </ChipModalField>
+        )
+      return (
+        <ChipModalField
+          type='input'
+          title='Name'
+          value={secret}
+          onChange={setSecret}
+          {...variantProps}
+        />
+      )
+    }
+    case 'chip-modal': {
+      return (
+        <div className='flex w-full max-w-72 flex-col items-center gap-3'>
+          <ChipModalSurface className='w-full'>
+            <ChipModalHeader onClose={() => undefined} closeDisabled>
+              Example settings
+            </ChipModalHeader>
+            <ChipModalBody>
+              <ChipModalDescription>Shared modal surface and header.</ChipModalDescription>
+              <ChipModalField
+                type='input'
+                title='Name'
+                value='Example'
+                onChange={() => undefined}
+              />
+              <ChipModalError>Example validation error</ChipModalError>
+              <ChipModalTabs
+                tabs={[
+                  { value: 'one', label: 'One' },
+                  { value: 'two', label: 'Two' },
+                ]}
+                value='one'
+                onChange={() => undefined}
+              />
+              <ChipModalSeparator />
+            </ChipModalBody>
+            <ChipModalPromptBody>
+              <textarea aria-label='Example prompt' defaultValue='A short prompt' />
+            </ChipModalPromptBody>
+            <ChipModalFooter
+              onCancel={() => undefined}
+              primaryAction={{ label: 'Save', onClick: () => undefined }}
+            />
+          </ChipModalSurface>
+          <Button onClick={() => setOpen(true)}>Open full dialog</Button>
+          <ChipModal
+            onOpenChange={setOpen}
+            srTitle='Example settings'
+            {...variantProps}
+            open={
+              selections.open === 'false'
+                ? false
+                : state === 'open' || selections.open === 'true' || open
+            }
+          >
+            <ChipModalHeader onClose={() => setOpen(false)}>Example settings</ChipModalHeader>
+            <ChipModalBody>
+              <p className='px-2 py-4 text-[var(--text-body)] text-sm'>The full EMCN dialog.</p>
+            </ChipModalBody>
+          </ChipModal>
+        </div>
+      )
+    }
+    case 'chip-confirm-modal':
+      return (
+        <ChipConfirmModal
+          open
+          onOpenChange={() => undefined}
+          title='Delete example?'
+          text='This action removes the example.'
+          confirm={{ label: 'Delete', onClick: () => undefined }}
+        />
+      )
+    case 'chip-input':
+      return (
+        <ChipInput
+          aria-label='Example filter'
+          icon={Search}
+          placeholder='Search…'
+          className='max-w-64'
+          disabled={state === 'disabled'}
+        />
+      )
+    case 'chip-select':
+      return (
+        <ChipSelect
+          aria-label='Example filter'
+          options={[
+            { value: 'all', label: 'All items' },
+            { value: 'mine', label: 'Mine' },
+          ]}
+          value='all'
+          onChange={() => undefined}
+          {...variantProps}
+        />
+      )
+    case 'chip-tag':
+      if (hasVariants || interactive) return <ChipTag {...variantProps}>Tag</ChipTag>
+      return (
+        <div className='flex flex-wrap items-center gap-3'>
+          <ChipTag variant='mono'>Mono</ChipTag>
+          <ChipTag variant='gray'>Gray</ChipTag>
+          <ChipTag variant='solid'>Solid</ChipTag>
+        </div>
+      )
+    case 'chip-switch':
+      return (
+        <ChipSwitch
+          aria-label='Billing interval'
+          value='monthly'
+          onChange={() => undefined}
+          options={[
+            { value: 'monthly', label: 'Monthly' },
+            { value: 'annual', label: 'Annual' },
+          ]}
+          {...variantProps}
+        />
+      )
+    case 'chip-textarea':
+      return (
+        <ChipTextarea
+          aria-label='Example description'
+          rows={2}
+          placeholder='Description…'
+          className='max-w-64'
+        />
+      )
+    case 'chip-time-picker':
+      return <ChipTimePicker value={time} onChange={setTime} />
+    case 'badge':
+      if (hasVariants || interactive) return <Badge {...variantProps}>Badge</Badge>
+      return (
+        <div className='flex flex-wrap items-center gap-3'>
+          <Badge>Default</Badge>
+          <Badge variant='green' dot>
+            Success
+          </Badge>
+          <Badge variant='red' dot>
+            Error
+          </Badge>
+          <Badge variant='blue' dot>
+            Info
+          </Badge>
+        </div>
+      )
+    case 'avatar':
+      return (
+        <Avatar {...variantProps}>
+          <AvatarImage src='/static/readme-files.png' alt='Example' />
+          <AvatarFallback>BL</AvatarFallback>
+        </Avatar>
+      )
+    case 'banner':
+      return (
+        <Banner text='A shared banner treatment' className='w-full max-w-64' {...variantProps} />
+      )
+    case 'status-page':
+      return (
+        <div className='scale-75'>
+          <StatusPageContent title='Offline' description='Reconnect to continue.'>
+            <Button variant='primary'>Retry</Button>
+          </StatusPageContent>
+        </div>
+      )
+    case 'logo-page':
+      return (
+        <div className='h-40 w-full overflow-hidden'>
+          <LogoPage logo={<SimWordmark />} center>
+            <p className='text-sm'>Example status page</p>
+          </LogoPage>
+        </div>
+      )
+    case 'info':
+      return (
+        <div className='flex items-center gap-2 text-[var(--text-body)] text-sm'>
+          Trigger setting <Info>Why this setting matters</Info>
+        </div>
+      )
+    case 'info-card':
+      return (
+        <InfoCard className='w-full max-w-64'>
+          <InfoCardList>
+            <InfoCardItem>Read files</InfoCardItem>
+            <InfoCardItem>Share results</InfoCardItem>
+          </InfoCardList>
+        </InfoCard>
+      )
+    case 'input':
+      return (
+        <Input
+          aria-label='Example input'
+          placeholder='Enter a value…'
+          className='max-w-64'
+          disabled={state === 'disabled'}
+          aria-invalid={state === 'error'}
+        />
+      )
+    case 'combobox':
+      return (
+        <Combobox
+          aria-label='Example choice'
+          className='max-w-64'
+          options={[
+            { value: 'alpha', label: 'First choice' },
+            { value: 'beta', label: 'Second choice' },
+          ]}
+          value={selection}
+          onChange={setSelection}
+          {...variantProps}
+        />
+      )
+    case 'input-otp':
+      return (
+        <InputOTP maxLength={6} value={otp} onChange={setOtp} aria-label='Example code'>
+          <InputOTPGroup>
+            <InputOTPSlot index={0} />
+            <InputOTPSlot index={1} />
+            <InputOTPSlot index={2} />
+          </InputOTPGroup>
+          <InputOTPSeparator />
+          <InputOTPGroup>
+            <InputOTPSlot index={3} />
+            <InputOTPSlot index={4} />
+            <InputOTPSlot index={5} />
+          </InputOTPGroup>
+        </InputOTP>
+      )
+    case 'secret-input':
+      return (
+        <SecretInput
+          aria-label='Example secret'
+          className='max-w-64'
+          value={secret}
+          onChange={setSecret}
+        />
+      )
+    case 'secret-reveal':
+      return (
+        <div className='w-full max-w-64 space-y-2'>
+          <SecretReveal value='sim_example_secret' />
+          <SecretReveal redacted />
+        </div>
+      )
+    case 'tag-input':
+      return (
+        <TagInput
+          className='max-w-64'
+          items={tags}
+          onAdd={(value) => {
+            setTags((current) => [...current, { value, isValid: true }])
+            return true
+          }}
+          onRemove={(_value, index) => setTags((current) => current.filter((_, i) => i !== index))}
+          placeholder='Add a tag'
+          {...variantProps}
+        />
+      )
+    case 'time-picker':
+      return (
+        <TimePicker
+          aria-label='Example time'
+          className='max-w-48'
+          value={time}
+          onChange={setTime}
+          {...variantProps}
+        />
+      )
+    case 'textarea':
+      return (
+        <Textarea
+          aria-label='Example message'
+          placeholder='Write a message…'
+          className='max-w-64'
+          disabled={state === 'disabled'}
+        />
+      )
+    case 'label':
+      return (
+        <div className='w-48 space-y-2'>
+          <Label htmlFor='fixture-label-input'>Field label</Label>
+          <Input id='fixture-label-input' placeholder='Value' />
+        </div>
+      )
+    case 'checkbox':
+      if (hasVariants || interactive || state === 'disabled')
+        return (
+          <Checkbox
+            aria-label='Variant example'
+            defaultChecked
+            disabled={state === 'disabled'}
+            {...variantProps}
+          />
+        )
+      return (
+        <div className='flex items-center gap-4'>
+          <Checkbox aria-label='Unchecked example' />
+          <Checkbox aria-label='Checked example' defaultChecked />
+          <span className='text-[var(--text-body)] text-xs'>Unchecked / checked</span>
+        </div>
+      )
+    case 'switch':
+      return (
+        <div className='flex items-center gap-4'>
+          <Switch aria-label='Off example' />
+          <Switch aria-label='On example' defaultChecked />
+        </div>
+      )
+    case 'slider':
+      return <Slider aria-label='Example value' defaultValue={[58]} className='max-w-48' />
+    case 'skeleton':
+      return (
+        <div className='w-full max-w-64 space-y-2'>
+          <Skeleton className='h-4 w-2/3' />
+          <Skeleton className='h-4 w-full' />
+          <Skeleton className='h-4 w-5/6' />
+        </div>
+      )
+    case 'progress-item':
+      return (
+        <div className='w-full max-w-72'>
+          <ProgressItem
+            title='data.csv'
+            meta='Done'
+            detail='120 rows imported'
+            {...variantProps}
+            status={(selections.status as 'pending' | 'success' | 'error' | undefined) ?? 'success'}
+          />
+        </div>
+      )
+    case 'field-divider':
+      return (
+        <div className='w-60'>
+          <DashedDividerLine />
+          <FieldDivider />
+        </div>
+      )
+    case 'overflow-text':
+      return (
+        <OverflowText
+          label='A long resource name that fades at the edge'
+          className='w-36 text-sm'
+        />
+      )
+    case 'sim-wordmark':
+      return <SimWordmark {...variantProps} />
+    case 'table':
+      return (
+        <Table {...variantProps}>
+          <TableHeader>
+            <TableRow>
+              <TableHead>Name</TableHead>
+              <TableHead>Status</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            <TableRow>
+              <TableCell>Example</TableCell>
+              <TableCell>Ready</TableCell>
+            </TableRow>
+          </TableBody>
+          <TableFooter>
+            <TableRow>
+              <TableCell colSpan={2}>One result</TableCell>
+            </TableRow>
+          </TableFooter>
+          <TableCaption>Example table</TableCaption>
+        </Table>
+      )
+    case 'calendar':
+      return (
+        <div>
+          <Calendar value={date} today='2026-09-23' onChange={setDate} />
+          <CalendarDayCell selected>23</CalendarDayCell>
+        </div>
+      )
+    case 'tab-strip':
+      return (
+        <div className='w-full max-w-72 border-[var(--border)] border-b bg-[var(--surface-3)]'>
+          <TabStrip
+            tabs={[
+              { id: 'alpha', title: 'Overview', active: selection === 'alpha' },
+              { id: 'beta', title: 'Activity', active: selection === 'beta' },
+            ]}
+            onSelect={setSelection}
+          />
+          <TabStripAction aria-label='More tab actions'>•••</TabStripAction>
+        </div>
+      )
+    case 'details-panel':
+      return (
+        <div className='relative h-36 w-full max-w-72 overflow-hidden rounded-md border border-[var(--border)] bg-[var(--surface-3)]'>
+          <DetailsPanel
+            open
+            width={190}
+            onResizeStart={() => undefined}
+            resizeLabel='Resize preview panel'
+            aria-label='Example details panel'
+          >
+            <div className='p-3 text-[var(--text-body)] text-xs'>Selected item details</div>
+          </DetailsPanel>
+        </div>
+      )
+    case 'collapsible-card':
+      return (
+        <CollapsibleCard
+          title='Condition'
+          collapsed={false}
+          onToggleCollapse={() => undefined}
+          className='w-full max-w-64'
+        >
+          <span className='text-[var(--text-body)] text-xs'>A field description</span>
+        </CollapsibleCard>
+      )
+    case 'expandable':
+      return (
+        <Expandable expanded className='max-w-64'>
+          <ExpandableContent>
+            <div className='rounded-md border border-[var(--border)] p-3 text-[var(--text-body)] text-xs'>
+              Expanded content
+            </div>
+          </ExpandableContent>
+        </Expandable>
+      )
+    case 'dropdown-menu':
+      return (
+        <DropdownMenu defaultOpen>
+          <DropdownMenuTrigger asChild>
+            <Button>Open menu</Button>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent>
+            <DropdownMenuSearchInput placeholder='Find an action' />
+            <DropdownMenuLabel>Actions</DropdownMenuLabel>
+            <DropdownMenuGroup>
+              <DropdownMenuItem {...variantProps}>
+                <DropdownMenuItemLabel label='First action' />
+                <DropdownMenuShortcut>⌘1</DropdownMenuShortcut>
+                <DropdownMenuItemAction aria-label='More action'>•••</DropdownMenuItemAction>
+              </DropdownMenuItem>
+              <DropdownMenuCheckboxItem checked>Include files</DropdownMenuCheckboxItem>
+            </DropdownMenuGroup>
+            <DropdownMenuSeparator />
+            <DropdownMenuRadioGroup value='recent'>
+              <DropdownMenuRadioItem value='recent'>Recent</DropdownMenuRadioItem>
+            </DropdownMenuRadioGroup>
+            <DropdownMenuSub>
+              <DropdownMenuSubTrigger>More choices</DropdownMenuSubTrigger>
+              <DropdownMenuSubContent>
+                <DropdownMenuItem>Nested action</DropdownMenuItem>
+              </DropdownMenuSubContent>
+            </DropdownMenuSub>
+          </DropdownMenuContent>
+        </DropdownMenu>
+      )
+    case 'dropdown-menu-sub-content':
+      return (
+        <div className='-translate-x-24'>
+          <DropdownMenu defaultOpen>
+            <DropdownMenuTrigger asChild>
+              <Button>Open menu</Button>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent>
+              <DropdownMenuSub open>
+                <DropdownMenuSubTrigger>More choices</DropdownMenuSubTrigger>
+                <DropdownMenuSubContent data-studio-submenu>
+                  <DropdownMenuItem>Nested action</DropdownMenuItem>
+                </DropdownMenuSubContent>
+              </DropdownMenuSub>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </div>
+      )
+    case 'popover':
+      return (
+        <Popover defaultOpen>
+          <PopoverTrigger asChild>
+            <Button>Open popover</Button>
+          </PopoverTrigger>
+          <PopoverContent {...variantProps}>
+            <PopoverSearch placeholder='Find a page' />
+            <PopoverScrollArea>
+              <PopoverSection>Recent</PopoverSection>
+              <PopoverItem onClick={() => undefined}>First action</PopoverItem>
+              <PopoverFolder id='examples' title='Examples' data-studio-folder-trigger>
+                <PopoverBackButton data-studio-back-button>Back</PopoverBackButton>
+                <PopoverItem onClick={() => undefined}>Nested item</PopoverItem>
+              </PopoverFolder>
+              <PopoverDivider />
+              <PopoverItem onClick={() => undefined}>Second action</PopoverItem>
+            </PopoverScrollArea>
+          </PopoverContent>
+        </Popover>
+      )
+    case 'modal':
+      return (
+        <Modal defaultOpen>
+          <ModalTrigger asChild>
+            <Button>Open modal</Button>
+          </ModalTrigger>
+          <ModalOverlay />
+          <ModalContent srTitle='Example modal'>
+            <ModalHeader>Example modal</ModalHeader>
+            <ModalTitle>Shared dialog chrome</ModalTitle>
+            <ModalDescription className='px-4'>Shared dialog chrome.</ModalDescription>
+            <ModalBody>
+              <p className='text-[var(--text-body)] text-sm'>This is the rendered EMCN modal.</p>
+              <ModalTabs defaultValue='first'>
+                <ModalTabsList>
+                  <ModalTabsTrigger value='first'>First</ModalTabsTrigger>
+                  <ModalTabsTrigger value='second'>Second</ModalTabsTrigger>
+                </ModalTabsList>
+                <ModalTabsContent value='first'>First tab content</ModalTabsContent>
+                <ModalTabsContent value='second'>Second tab content</ModalTabsContent>
+              </ModalTabs>
+            </ModalBody>
+            <ModalFooter>
+              <ModalClose asChild>
+                <Button>Close</Button>
+              </ModalClose>
+            </ModalFooter>
+          </ModalContent>
+        </Modal>
+      )
+    case 'wizard':
+      return (
+        <>
+          <Button onClick={() => setOpen(true)}>Open wizard</Button>
+          <Wizard
+            open={state === 'open' || open}
+            onOpenChange={setOpen}
+            currentStep={step}
+            onStepChange={setStep}
+          >
+            <Wizard.Step title='Configure'>Choose your settings.</Wizard.Step>
+            <Wizard.Step title='Review'>Review the configuration.</Wizard.Step>
+          </Wizard>
+        </>
+      )
+    case 'lightbox':
+      return (
+        <Lightbox src='/static/readme-files.png' alt='Files preview'>
+          <button
+            type='button'
+            className='overflow-hidden rounded-md border border-[var(--border)]'
+          >
+            <img
+              src='/static/readme-files.png'
+              alt='Open files preview'
+              className='h-24 w-auto object-cover'
+            />
+          </button>
+        </Lightbox>
+      )
+    case 'toast':
+      return (
+        <ToastProvider>
+          <ToastTrigger />
+        </ToastProvider>
+      )
+    case 'tooltip':
+      return (
+        <Tooltip.Root>
+          <Tooltip.Trigger asChild>
+            <Button autoFocus={state === 'open'}>Hover for tooltip</Button>
+          </Tooltip.Trigger>
+          <Tooltip.Content>Helpful detail</Tooltip.Content>
+        </Tooltip.Root>
+      )
+    case 'floating-tooltip':
+      return (
+        <FloatingTooltip
+          role='tooltip'
+          label='A floating tip'
+          state={{
+            visible: true,
+            x: 170,
+            y: 155,
+            skew: 0,
+            scaleX: 1,
+            scaleY: 1,
+            alignX: 'left',
+            alignY: 'below',
+          }}
+        />
+      )
+    default:
+      return (
+        <div data-studio-unavailable className='text-center text-[var(--text-muted)] text-xs'>
+          Preview fixture to add
+        </div>
+      )
+  }
+}
diff --git a/tools/design-studio/_components/fixture-contracts.json b/tools/design-studio/_components/fixture-contracts.json
new file mode 100644
index 00000000000..92baf89747e
--- /dev/null
+++ b/tools/design-studio/_components/fixture-contracts.json
@@ -0,0 +1,105 @@
+{
+  "variants": {
+    "Avatar": ["status", "size"],
+    "Badge": ["dot", "size", "variant"],
+    "Banner": ["variant"],
+    "BulkActionButton": ["surface", "iconPadding"],
+    "Button": ["iconPadding", "size", "variant"],
+    "ChartLegend": ["layout"],
+    "Checkbox": ["size"],
+    "Chip": ["variant", "active", "fullWidth", "shape"],
+    "ChipButtonGroup": ["disabled", "size", "gap"],
+    "ChipDatePicker": ["variant", "align", "disabled", "fullWidth"],
+    "ChipEmailsInput": ["allowDomains", "variant", "disabled", "autoFocus"],
+    "ChipModal": ["open", "size", "dismissDisabled"],
+    "ChipModalField": ["type", "required", "disabled", "flush"],
+    "ChipSelect": [
+      "disabled",
+      "searchable",
+      "showAllOption",
+      "align",
+      "fullWidth",
+      "stayBelow",
+      "modal"
+    ],
+    "ChipSwitch": ["disabled", "size"],
+    "ChipTag": ["rightIconDisabled", "variant", "invalid", "tone", "brandForeground"],
+    "Code.Viewer": [
+      "showGutter",
+      "language",
+      "density",
+      "highlightWorkflowReferences",
+      "wrapText",
+      "virtualized",
+      "showCollapseColumn"
+    ],
+    "Combobox": [
+      "disabled",
+      "editable",
+      "filterOptions",
+      "isLoading",
+      "searchable",
+      "size",
+      "align",
+      "disablePortal",
+      "showAllOption",
+      "hasMore",
+      "isLoadingMore",
+      "isLoadingAll",
+      "truncated",
+      "searchActive",
+      "variant"
+    ],
+    "ComposerActionButton": ["size", "active", "iconPadding"],
+    "DropdownMenuItem": ["size", "inset", "active", "actionOpen"],
+    "PopoverContent": [
+      "disablePortal",
+      "side",
+      "align",
+      "border",
+      "appearance",
+      "avoidCollisions",
+      "showArrow"
+    ],
+    "ProgressItem": ["status"],
+    "RowActions": ["open", "revealOnHover", "size"],
+    "SimWordmark": ["size", "tone"],
+    "Table": ["variant"],
+    "TagInput": ["disabled", "autoFocus", "variant"],
+    "TimePicker": ["disabled", "size", "variant"]
+  },
+  "states": {
+    "Button": ["focus", "disabled"],
+    "Input": ["focus", "disabled", "error"],
+    "Checkbox": ["focus", "disabled"],
+    "Chip": ["focus", "disabled"],
+    "ChipInput": ["focus", "disabled"],
+    "Textarea": ["focus", "disabled"],
+    "DropdownMenu": ["open"],
+    "Popover": ["open"],
+    "Modal": ["open"],
+    "ChipModal": ["open"],
+    "ChipConfirmModal": ["open"],
+    "Tooltip.Content": ["open"],
+    "Tooltip.Trigger": ["open"],
+    "Lightbox": ["open"],
+    "Wizard": ["open"],
+    "Wizard.Step": ["open"],
+    "ChipDropdown": ["open"],
+    "ChipDatePicker": ["open"],
+    "ChipSelect": ["open"],
+    "Combobox": ["open"],
+    "TimePicker": ["open"],
+    "ChipCombobox": ["open"]
+  },
+  "defaultStates": {
+    "Tooltip.Content": "open",
+    "Wizard.Step": "open"
+  },
+  "requiredElements": {
+    "Tooltip.Content": "[role=tooltip]",
+    "Wizard.Step": "[role=dialog]",
+    "DropdownMenuSubContent": "[data-studio-submenu]",
+    "PopoverBackButton": "[data-studio-back-button]"
+  }
+}
diff --git a/tools/design-studio/_components/generated-gallery.tsx b/tools/design-studio/_components/generated-gallery.tsx
new file mode 100644
index 00000000000..3d7ca86dbbf
--- /dev/null
+++ b/tools/design-studio/_components/generated-gallery.tsx
@@ -0,0 +1,1495 @@
+'use client'
+
+import { useEffect, useMemo, useRef, useState } from 'react'
+import type { StudioEntry, StudioManifest } from '@studio/_lib/manifest'
+import Link from 'next/link'
+
+interface GeneratedGalleryProps {
+  manifest: StudioManifest
+  stale: boolean
+  ledgerStale: boolean
+  mode: 'components' | 'extras'
+}
+
+interface StudioTreatment {
+  key: string
+  family: string
+  title: string
+  entries: StudioEntry[]
+}
+
+interface NavigationGroup {
+  name: string
+  treatments: StudioTreatment[]
+}
+
+interface TreatmentSelection {
+  entryId?: string
+  variants: Record<string, string>
+}
+
+const REVIEW_FAMILY_NAMES: Record<string, string> = {
+  'central-artwork': 'Product artwork',
+  'central-colour': 'Colours',
+  'central-colour-assignment': 'Runtime colours',
+  'central-radius': 'Corner radii',
+  'central-typography': 'EMCN typography',
+  'component-chrome': 'Component styling',
+  'emcn-recipe-override': 'EMCN styling overrides',
+  'local-alpha': 'Local opacity',
+  'local-control': 'Local controls',
+  'local-typography': 'Local typography',
+  'local-visual-primitive': 'Visual primitives',
+  'mixed-product-artwork': 'Mixed artwork',
+  'repeated-treatment': 'Repeated treatments',
+  'runtime-style': 'Runtime styling',
+  'runtime-style-customer-brand': 'Customer branding',
+  'runtime-style-editor-tooltip': 'Editor tooltips',
+  'shared-product-recipe': 'Shared product recipes',
+  'stock-shadow': 'Stock shadows',
+  'styled-native-control': 'Styled native controls',
+}
+
+const ELEMENT_ROLE_NAMES: Record<string, string> = {
+  a: 'Link',
+  button: 'Button',
+  div: 'Surface',
+  h1: 'Heading',
+  h2: 'Heading',
+  img: 'Image',
+  input: 'Input',
+  span: 'Text',
+  textarea: 'Text area',
+}
+
+function formatFamily(family: string): string {
+  if (REVIEW_FAMILY_NAMES[family]) return REVIEW_FAMILY_NAMES[family]
+  return family.replace(/[-_]/g, ' ').replace(/\b\w/g, (letter) => letter.toUpperCase())
+}
+
+function formatExportName(name: string): string {
+  return name.replace(/([a-z0-9])([A-Z])/g, '$1 $2').replace(/([A-Z])([A-Z][a-z])/g, '$1 $2')
+}
+
+function formatExtraName(name: string): string {
+  const [owner, target] = name.split(' / ')
+  const ownerName = formatExportName(owner.replaceAll('_', ' '))
+  if (target?.startsWith('@sim/emcn#')) {
+    return `${ownerName} · ${formatExportName(target.slice('@sim/emcn#'.length))}`
+  }
+  if (target) {
+    const element = target.split(' / ')[0]
+    if (owner === 'css') return `CSS · ${element.slice(0, 40)}`
+    return `${ownerName} · ${ELEMENT_ROLE_NAMES[element] ?? formatExportName(element)}`
+  }
+  return formatExportName(name.replaceAll('_', ' '))
+}
+
+function sourceFileName(file: string): string {
+  return file.split('/').at(-1) ?? file
+}
+
+function extraShortValue(entry: StudioEntry): string {
+  if (entry.family.includes('artwork')) return 'Product artwork'
+  const value = entry.value ?? entry.fixture?.sample?.values[0]
+  if (!value) return sourceFileName(entry.source.file)
+  if (/^[a-f0-9]{32,}$/i.test(value)) return 'Source fingerprint'
+  return value.length > 52 ? `${value.slice(0, 49)}…` : value
+}
+
+function treatmentKey(entry: StudioEntry): string {
+  const fixture = entry.fixture
+  if (fixture?.type === 'sample' && fixture.sample) {
+    const sample = fixture.sample
+    if (sample.className || sample.values.length) {
+      return JSON.stringify(['sample', sample.kind, sample.tag, sample.className, sample.values])
+    }
+    return JSON.stringify([
+      'source-location',
+      entry.source.file,
+      entry.source.line,
+      sample.kind,
+      sample.property,
+      sample.value,
+    ])
+  }
+  if (entry.id.startsWith('shadow-extra:') || entry.id.startsWith('typography-extra:')) {
+    return entry.id
+  }
+  if (fixture?.type === 'extra') return `source-component:${fixture.id}`
+  return entry.id
+}
+
+function groupExtras(entries: StudioEntry[]): StudioTreatment[] {
+  const groups = new Map<string, StudioEntry[]>()
+  for (const entry of entries) {
+    const key = treatmentKey(entry)
+    const group = groups.get(key) ?? []
+    group.push(entry)
+    groups.set(key, group)
+  }
+  return [...groups].map(([key, members]) => {
+    const names = new Set(members.map((member) => member.name))
+    const locations = new Set(
+      members.map((member) => `${member.source.file}:${member.source.line}`)
+    )
+    const sample = members[0].fixture?.sample
+    const title =
+      names.size > 1 && locations.size > 1 && sample?.className
+        ? `${formatExportName(sample.tag)} · ${extraShortValue(members[0])}`
+        : formatExtraName(members[0].name)
+    return { key, family: members[0].family, title, entries: members }
+  })
+}
+
+function groupComponents(entries: StudioEntry[]): StudioTreatment[] {
+  const groups = new Map<string, StudioEntry[]>()
+  const ownerGroups = new Map<string, string>()
+  for (const entry of entries.filter((item) => !item.variant)) {
+    // Structural exports can share a composite preview. Variants belong to the
+    // section for their owning export rather than creating another section.
+    const key =
+      entry.status === 'ready' && entry.previewFingerprint
+        ? `${entry.family}:${entry.previewFingerprint}`
+        : entry.id
+    const group = groups.get(key) ?? []
+    group.push(entry)
+    groups.set(key, group)
+    ownerGroups.set(entry.id, key)
+  }
+  for (const entry of entries.filter((item) => item.variant)) {
+    const ownerId = entry.id.slice(0, entry.id.lastIndexOf(':'))
+    const key = ownerGroups.get(ownerId) ?? entry.id
+    const group = groups.get(key) ?? []
+    group.push(entry)
+    groups.set(key, group)
+  }
+  return [...groups].map(([key, members]) => {
+    const exports = members.filter((member) => !member.variant)
+    const named = exports.length ? exports : members
+    return {
+      key,
+      family: members[0].family,
+      title:
+        named.length > 1 && members[0].family !== 'Icons'
+          ? formatFamily(members[0].family)
+          : named.length > 1
+            ? named.map((member) => formatExportName(member.name)).join(' / ')
+            : formatExportName(named[0].name),
+      entries: members,
+    }
+  })
+}
+
+function componentNavigationGroup(treatment: StudioTreatment): string {
+  if (treatment.entries.every((entry) => entry.kind === 'icon')) return 'Icons'
+  if (
+    treatment.entries.some((entry) =>
+      entry.source.file.startsWith('packages/emcn/src/components/charts/')
+    )
+  ) {
+    return 'Charts'
+  }
+  return 'Components'
+}
+
+interface SourceSitesProps {
+  entries: StudioEntry[]
+}
+
+interface EntryLocationsProps {
+  entry: StudioEntry
+  className: string
+}
+
+function EntryLocations({ entry, className }: EntryLocationsProps) {
+  return (
+    <div className={className}>
+      <p className='break-all'>
+        Defined: {entry.source.file}:{entry.source.line}
+      </p>
+      {entry.usages.map((site, index) => (
+        <p key={`${site.file}:${site.line}:${index}`} className='break-all'>
+          {site.relationship ?? 'direct'}: {site.file}:{site.line}
+        </p>
+      ))}
+      {!entry.usages.length ? <p>No direct product render sites found.</p> : null}
+    </div>
+  )
+}
+
+function SourceSites({ entries }: SourceSitesProps) {
+  const entry = entries[0]
+  if (entries.length > 1) {
+    return (
+      <details className='border-[var(--border)] border-t px-5 py-3'>
+        <summary className='cursor-pointer text-[var(--text-secondary)] text-xs'>
+          Exports and uses ({entries.length})
+        </summary>
+        <div className='mt-3 space-y-2 text-xs'>
+          {entries.map((item) => (
+            <details key={item.id} className='rounded-md border border-[var(--border)] px-3 py-2'>
+              <summary className='cursor-pointer text-[var(--text-body)]'>
+                {item.name} · {item.usages.length} uses
+              </summary>
+              <EntryLocations
+                entry={item}
+                className='mt-2 space-y-1 font-mono text-[11px] text-[var(--text-muted)]'
+              />
+            </details>
+          ))}
+        </div>
+      </details>
+    )
+  }
+  return (
+    <details className='border-[var(--border)] border-t px-5 py-3'>
+      <summary className='cursor-pointer text-[var(--text-secondary)] text-xs'>
+        Source and uses ({entry.usages.length})
+      </summary>
+      <EntryLocations
+        entry={entry}
+        className='mt-3 space-y-1 font-mono text-[11px] text-[var(--text-body)]'
+      />
+    </details>
+  )
+}
+
+interface ExtraPanelProps {
+  entries: StudioEntry[]
+  id: string
+}
+
+function ExtraSourcePanel({ entries, id }: ExtraPanelProps) {
+  const files = new Map<string, Set<number>>()
+  for (const site of entries.flatMap((entry) => [entry.source, ...entry.usages])) {
+    const lines = files.get(site.file) ?? new Set<number>()
+    lines.add(site.line)
+    files.set(site.file, lines)
+  }
+  const locationCount = [...files.values()].reduce((total, lines) => total + lines.size, 0)
+
+  return (
+    <details
+      id={id}
+      className='group scroll-mt-24 overflow-hidden rounded-2xl border border-[var(--border)] bg-[var(--surface-2)]'
+    >
+      <summary className='flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-5 [&::-webkit-details-marker]:hidden'>
+        <span className='min-w-0'>
+          <span className='block font-medium text-[var(--text-primary)] text-sm'>
+            Where it appears
+          </span>
+          <span className='mt-1 block truncate text-[var(--text-muted)] text-xs'>
+            {files.size} {files.size === 1 ? 'file' : 'files'} · {locationCount}{' '}
+            {locationCount === 1 ? 'location' : 'locations'} ·{' '}
+            {sourceFileName(entries[0].source.file)}
+          </span>
+        </span>
+        <span
+          aria-hidden='true'
+          className='text-[var(--text-muted)] transition-transform group-open:rotate-90'
+        >
+          ›
+        </span>
+      </summary>
+      <div className='space-y-3 border-[var(--border)] border-t px-5 py-4'>
+        {[...files].map(([file, lines]) => (
+          <div key={file} className='min-w-0'>
+            <p className='font-medium text-[var(--text-body)] text-xs'>{sourceFileName(file)}</p>
+            <p className='mt-1 break-all font-mono text-[11px] text-[var(--text-muted)]'>{file}</p>
+            <p className='mt-1 text-[var(--text-secondary)] text-xs'>
+              {lines.size === 1 ? 'Line' : 'Lines'} {[...lines].sort((a, b) => a - b).join(', ')}
+            </p>
+          </div>
+        ))}
+      </div>
+    </details>
+  )
+}
+
+function ExtraEvidencePanel({ entries, id }: ExtraPanelProps) {
+  const groups = new Map<string, StudioEntry[]>()
+  for (const entry of entries) {
+    const signals = groups.get(entry.family) ?? []
+    signals.push(entry)
+    groups.set(entry.family, signals)
+  }
+
+  return (
+    <details
+      id={id}
+      className='group scroll-mt-24 overflow-hidden rounded-2xl border border-[var(--border)] bg-[var(--surface-2)]'
+    >
+      <summary className='flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-5 [&::-webkit-details-marker]:hidden'>
+        <span className='min-w-0'>
+          <span className='block font-medium text-[var(--text-primary)] text-sm'>
+            Why it was detected
+          </span>
+          <span className='mt-1 block text-[var(--text-muted)] text-xs'>
+            {entries.length} {entries.length === 1 ? 'signal' : 'signals'} across {groups.size}{' '}
+            {groups.size === 1 ? 'rule' : 'rules'}
+          </span>
+        </span>
+        <span
+          aria-hidden='true'
+          className='text-[var(--text-muted)] transition-transform group-open:rotate-90'
+        >
+          ›
+        </span>
+      </summary>
+      <div className='space-y-5 border-[var(--border)] border-t px-5 py-4'>
+        {[...groups].map(([family, signals]) => (
+          <div key={family}>
+            <div className='flex items-center justify-between gap-3'>
+              <h4 className='font-medium text-[var(--text-primary)] text-xs'>
+                {formatFamily(family)}
+              </h4>
+              <span className='text-[11px] text-[var(--text-muted)]'>{signals.length}</span>
+            </div>
+            <div className='mt-2 divide-y divide-[var(--border)]'>
+              {signals.map((signal) => (
+                <div key={signal.id} className='py-3 first:pt-1 last:pb-0'>
+                  <p className='break-words font-mono text-[var(--text-body)] text-xs'>
+                    {extraShortValue(signal)}
+                  </p>
+                  <p className='mt-1 text-[var(--text-muted)] text-xs'>
+                    {sourceFileName(signal.source.file)}:{signal.source.line}
+                  </p>
+                  {signal.rationale ? (
+                    <p className='mt-2 text-[var(--text-secondary)] text-xs leading-relaxed'>
+                      {signal.rationale}
+                    </p>
+                  ) : null}
+                  <details className='mt-2 text-[11px] text-[var(--text-muted)]'>
+                    <summary className='w-fit cursor-pointer hover:text-[var(--text-primary)]'>
+                      Technical details
+                    </summary>
+                    <div className='mt-2 space-y-1 break-all font-mono'>
+                      <p>
+                        {signal.source.file}:{signal.source.line}
+                      </p>
+                      {signal.value ? <p>Value: {signal.value}</p> : null}
+                      <p>ID: {signal.id}</p>
+                      {signal.decision && signal.decision !== 'unreviewed' ? (
+                        <p>
+                          {signal.decision === 'scanner-classified'
+                            ? 'Scanner classification'
+                            : 'Prior review'}
+                          : {signal.decision}
+                        </p>
+                      ) : null}
+                    </div>
+                  </details>
+                </div>
+              ))}
+            </div>
+          </div>
+        ))}
+      </div>
+    </details>
+  )
+}
+
+interface PreviewSurfaceProps {
+  entry: StudioEntry
+  fixtureUrl: string | null
+}
+
+function PreviewSurface({ entry, fixtureUrl }: PreviewSurfaceProps) {
+  const surfaceRef = useRef<HTMLDivElement>(null)
+  const [nearViewport, setNearViewport] = useState(false)
+  const [readyFrame, setReadyFrame] = useState<{ frame: HTMLIFrameElement; url: string } | null>(
+    null
+  )
+  const [failedUrl, setFailedUrl] = useState<string | null>(null)
+  const hasFixture = Boolean(fixtureUrl)
+  const compact = entry.kind === 'extra' && entry.fixture?.type === 'sample'
+
+  useEffect(() => {
+    const surface = surfaceRef.current
+    if (!surface || !hasFixture) return
+    if (!('IntersectionObserver' in window)) {
+      setNearViewport(true)
+      return
+    }
+    const observer = new IntersectionObserver(
+      ([record]) => {
+        setNearViewport(record.isIntersecting)
+        if (!record.isIntersecting) setReadyFrame(null)
+      },
+      { rootMargin: '600px 0px' }
+    )
+    observer.observe(surface)
+    return () => observer.disconnect()
+  }, [hasFixture])
+
+  const liveReady =
+    hasFixture && nearViewport && readyFrame?.url === fixtureUrl && readyFrame.frame.isConnected
+  const liveFailed = hasFixture && failedUrl === fixtureUrl
+
+  const checkFrame = (frame: HTMLIFrameElement, url: string, attempt = 0) => {
+    if (!frame.isConnected) return
+    try {
+      const document = frame.contentDocument
+      if (document?.querySelector('[data-studio-unavailable]')) {
+        setFailedUrl(url)
+        return
+      }
+      const fixture = document?.querySelector('[data-studio-fixture]')
+      const params = new URL(url, window.location.href).searchParams
+      const variants = JSON.parse(params.get('variants') ?? '{}') as Record<string, string>
+      const expectsOpen =
+        params.get('state') === 'open' ||
+        (params.get('open-surface') === '1' && variants.open === 'true')
+      const visible = (element: Element) => {
+        const bounds = element.getBoundingClientRect()
+        return (
+          bounds.width > 0 &&
+          bounds.height > 0 &&
+          frame.contentWindow?.getComputedStyle(element).visibility !== 'hidden'
+        )
+      }
+      const openSurface =
+        document &&
+        [
+          ...document.querySelectorAll(
+            '[role=dialog], [role=menu], [role=listbox], [role=tooltip], [data-radix-popper-content-wrapper]'
+          ),
+        ].some(visible)
+      const requiredElement = params.get('required')
+      const requiredVisible =
+        !requiredElement ||
+        (document && [...document.querySelectorAll(requiredElement)].some(visible))
+      if (
+        document &&
+        fixture &&
+        requiredVisible &&
+        (expectsOpen ? openSurface : [...fixture.children].some(visible))
+      ) {
+        void document.fonts.ready.then(
+          () => {
+            if (frame.isConnected) setReadyFrame({ frame, url })
+          },
+          () => {
+            if (frame.isConnected) setFailedUrl(url)
+          }
+        )
+        return
+      }
+    } catch {
+      setFailedUrl(url)
+      return
+    }
+    if (attempt < 50) {
+      window.setTimeout(() => checkFrame(frame, url, attempt + 1), 100)
+    } else {
+      setFailedUrl(url)
+    }
+  }
+
+  return (
+    <div ref={surfaceRef}>
+      <div
+        className={`relative flex items-center justify-center overflow-hidden rounded-2xl border border-[var(--border)] bg-[var(--surface-2)] p-5 sm:p-6 ${compact ? 'min-h-[330px]' : 'min-h-[410px]'}`}
+      >
+        {hasFixture && nearViewport && !liveFailed && fixtureUrl ? (
+          <iframe
+            key={fixtureUrl}
+            title={`${entry.name} interactive preview`}
+            src={fixtureUrl}
+            onLoad={(event) => checkFrame(event.currentTarget, fixtureUrl)}
+            onError={() => setFailedUrl(fixtureUrl)}
+            tabIndex={liveReady ? 0 : -1}
+            aria-hidden={!liveReady}
+            className={`${compact ? 'h-[280px]' : 'h-[360px]'} w-full border-0 ${liveReady ? '' : 'pointer-events-none absolute opacity-0'}`}
+          />
+        ) : null}
+        {!liveReady ? (
+          liveFailed ? (
+            <div className='text-center text-[var(--text-muted)] text-sm' role='status'>
+              <p>The live fixture could not be loaded.</p>
+              <button
+                type='button'
+                onClick={() => setFailedUrl(null)}
+                className='mt-3 rounded-md border border-[var(--border)] px-3 py-2 text-[var(--text-primary)]'
+              >
+                Retry preview
+              </button>
+            </div>
+          ) : hasFixture && nearViewport ? (
+            <div className='flex items-center gap-3 text-[var(--text-muted)] text-sm' role='status'>
+              <span
+                aria-hidden='true'
+                className='size-5 animate-spin rounded-full border-2 border-[var(--border)] border-t-[var(--text-primary)]'
+              />
+              Loading preview…
+            </div>
+          ) : hasFixture ? null : (
+            <p className='max-w-md text-center text-[var(--text-muted)] text-sm'>
+              A source-backed fixture is required before this treatment can be previewed.
+            </p>
+          )
+        ) : null}
+      </div>
+    </div>
+  )
+}
+
+interface TreatmentDetailProps {
+  treatment: StudioTreatment
+  theme: 'light' | 'dark'
+  size: 16 | 20
+  requestedState: string
+  anchor: string
+  selectedEntryId?: string
+  selectedVariants?: Record<string, string>
+  onSelectEntry: (id: string) => void
+  onSelectVariant: (axis: string, value: string) => void
+  captureStale: boolean
+}
+
+function previewProvenance(entry: StudioEntry): string {
+  if (entry.kind === 'extra') {
+    return entry.previewKind === 'source-component'
+      ? 'Live product source'
+      : 'Indicative live preview from detected styling'
+  }
+  if (entry.fixture?.type === 'icon') {
+    return 'Production EMCN icon through the generic fixture adapter'
+  }
+  if (entry.previewKind === 'source-style-sample') {
+    return 'Indicative sample using classes or values extracted from product source'
+  }
+  if (entry.previewKind === 'indicative-sample') {
+    return 'Indicative sample; the source has no standalone visual fixture'
+  }
+  return entry.fixture
+    ? 'Production source mounted with fixed fixture data'
+    : 'Source fixture still required'
+}
+
+function TreatmentDetail({
+  treatment,
+  theme,
+  size,
+  requestedState,
+  anchor,
+  selectedEntryId,
+  selectedVariants,
+  onSelectEntry,
+  onSelectVariant,
+  captureStale,
+}: TreatmentDetailProps) {
+  const { entries } = treatment
+  const exports = entries.filter((item) => !item.variant)
+  const defaultEntry = exports.find((item) => item.status === 'ready') ?? exports[0] ?? entries[0]
+  const selectedEntry = entries.find((item) => item.id === selectedEntryId) ?? defaultEntry
+  const isExtra = selectedEntry.kind === 'extra'
+  const ownerId = selectedEntry.variant
+    ? selectedEntry.id.slice(0, selectedEntry.id.lastIndexOf(':'))
+    : selectedEntry.id
+  const owner = exports.find((item) => item.id === ownerId) ?? defaultEntry
+  const entry = isExtra ? selectedEntry : owner
+  const axes = new Map<string, StudioEntry[]>()
+  for (const item of entries) {
+    if (!item.variant || !item.id.startsWith(`${owner.id}:`)) continue
+    const options = axes.get(item.variant.axis) ?? []
+    options.push(item)
+    axes.set(item.variant.axis, options)
+  }
+  const requestedVariants =
+    selectedVariants ??
+    (selectedEntry.variant ? { [selectedEntry.variant.axis]: selectedEntry.variant.value } : {})
+  const activeVariants: Record<string, string> = {}
+  for (const [axis, options] of axes) {
+    const value = requestedVariants[axis]
+    if (value && options.some((option) => option.variant?.value === value && !!option.fixture)) {
+      activeVariants[axis] = value
+    }
+  }
+  const disabled = activeVariants.disabled === 'true'
+  const closed = activeVariants.open === 'false'
+  const applicable = (state: string) =>
+    !((disabled || closed) && state === 'open') && !(disabled && state === 'focus')
+  const effectiveStates = (entry.states ?? []).filter(applicable)
+  const defaultState = entry.fixture?.defaultState
+  const effectiveDefaultState = defaultState && applicable(defaultState) ? defaultState : 'default'
+  const stateAvailable = requestedState === 'default' || effectiveStates.includes(requestedState)
+  const previewState = stateAvailable ? requestedState : 'default'
+  const selectedKey = `${theme}-${size}${previewState === 'default' ? '' : `-${previewState}`}`
+  const failedCount = entries.filter((item) => item.status !== 'ready').length
+  const stateUnavailable = !stateAvailable
+  const sourceFileCount = isExtra ? new Set(entries.map((item) => item.source.file)).size : 0
+  const ownedSignals = [
+    ...new Map(
+      exports.flatMap((item) => item.signals ?? []).map((signal) => [signal.id, signal])
+    ).values(),
+  ]
+  const fixtureQuery = entry.fixture
+    ? new URLSearchParams({
+        kind: entry.fixture.type,
+        id: entry.fixture.id,
+        theme,
+        size: String(size),
+        state: previewState === 'default' ? effectiveDefaultState : previewState,
+        ...(entry.kind === 'component' ? { interactive: '1' } : {}),
+        ...(Object.keys(activeVariants).length ? { variants: JSON.stringify(activeVariants) } : {}),
+        ...(entry.fixture.sample ? { sample: JSON.stringify(entry.fixture.sample) } : {}),
+        ...(entry.fixture.action ? { action: entry.fixture.action } : {}),
+        ...(entry.fixture.requiredElement ? { required: entry.fixture.requiredElement } : {}),
+        ...(effectiveStates.includes('open') ? { 'open-surface': '1' } : {}),
+      }).toString()
+    : null
+
+  return (
+    <article className='min-w-0'>
+      <div className='flex flex-wrap items-start justify-between gap-4'>
+        <div className='min-w-0'>
+          <p className='text-[var(--text-muted)] text-xs uppercase tracking-widest'>
+            {formatFamily(treatment.family)} ·{' '}
+            {entry.kind === 'extra' ? 'Detected treatment' : 'EMCN'}
+          </p>
+          <h2 className='mt-3 break-words font-season text-3xl text-[var(--text-primary)] sm:text-4xl'>
+            {treatment.title}
+          </h2>
+          <p className='mt-3 max-w-3xl text-[var(--text-body)] text-sm leading-relaxed'>
+            {isExtra
+              ? (entry.rationale ??
+                `A visual treatment detected in ${sourceFileName(entry.source.file)}.`)
+              : exports.length > 1
+                ? `${exports.length} public exports share this preview. Choose an export to inspect its variants, then open the source list for product uses.`
+                : `Source-backed preview of ${entry.name}, with its definition and product uses below.`}
+          </p>
+          {isExtra ? (
+            <div className='mt-5 flex flex-wrap items-center gap-2 text-[var(--text-secondary)] text-xs'>
+              <span className='rounded-full border border-[var(--border)] bg-[var(--surface-2)] px-3 py-1'>
+                {entries.length} {entries.length === 1 ? 'signal' : 'signals'}
+              </span>
+              <span className='rounded-full border border-[var(--border)] bg-[var(--surface-2)] px-3 py-1'>
+                {sourceFileCount} {sourceFileCount === 1 ? 'file' : 'files'}
+              </span>
+              <span className='rounded-full border border-[var(--border)] bg-[var(--surface-2)] px-3 py-1'>
+                {entry.previewKind === 'source-component' ? 'Product source' : 'Indicative sample'}
+              </span>
+            </div>
+          ) : null}
+        </div>
+        <span className='rounded-full border border-[var(--border)] bg-[var(--surface-2)] px-3 py-1 text-[var(--text-secondary)] text-xs'>
+          {captureStale
+            ? 'Last capture needs refresh'
+            : entry.status !== 'ready'
+              ? entry.status === 'needs-fixture'
+                ? 'Last capture needs fixture'
+                : 'Last capture check incomplete'
+              : failedCount
+                ? `${failedCount} fixture gaps`
+                : 'Last capture ready'}
+        </span>
+      </div>
+
+      <section id={`${anchor}-preview`} className='mt-10 scroll-mt-8'>
+        <div className='mb-4 flex flex-wrap items-center justify-between gap-3'>
+          <h3 className='font-season text-xl'>Live preview</h3>
+          {fixtureQuery ? (
+            <a
+              href={`/fixture?${fixtureQuery}`}
+              className='rounded-md border border-[var(--border)] bg-[var(--surface-2)] px-3 py-2 text-[var(--text-body)] text-xs hover:text-[var(--text-primary)]'
+            >
+              Open live fixture ↗
+            </a>
+          ) : null}
+        </div>
+        {entry.kind === 'component' && (exports.length > 1 || axes.size > 0) ? (
+          <div className='mb-5 flex flex-wrap items-end gap-3'>
+            {exports.length > 1 ? (
+              <label className='flex min-w-40 flex-col gap-1 text-[var(--text-secondary)] text-xs'>
+                Export
+                <select
+                  value={owner.id}
+                  onChange={(event) => onSelectEntry(event.target.value)}
+                  className='rounded-md border border-[var(--border)] bg-[var(--surface-2)] px-3 py-2 text-[var(--text-primary)]'
+                >
+                  {exports.map((item) => (
+                    <option key={item.id} value={item.id}>
+                      {item.name}
+                    </option>
+                  ))}
+                </select>
+              </label>
+            ) : null}
+            {[...axes].map(([axis, options]) => (
+              <label
+                key={axis}
+                className='flex min-w-36 flex-col gap-1 text-[var(--text-secondary)] text-xs'
+              >
+                {axis}
+                <select
+                  value={activeVariants[axis] ?? ''}
+                  onChange={(event) => onSelectVariant(axis, event.target.value)}
+                  className='rounded-md border border-[var(--border)] bg-[var(--surface-2)] px-3 py-2 text-[var(--text-primary)]'
+                >
+                  <option value=''>
+                    Default
+                    {options[0].variant?.defaultValue
+                      ? ` (${options[0].variant.defaultValue})`
+                      : ''}
+                  </option>
+                  {options.map((option) => (
+                    <option
+                      key={option.id}
+                      value={option.variant?.value}
+                      disabled={!option.fixture}
+                    >
+                      {option.variant?.value}
+                      {!option.fixture ? ' · Needs fixture' : ''}
+                    </option>
+                  ))}
+                </select>
+              </label>
+            ))}
+            {axes.size > 1 ? (
+              <p className='pb-2 text-[var(--text-muted)] text-xs'>
+                Options combine in the live preview. The scan records each choice against the
+                defaults.
+              </p>
+            ) : null}
+          </div>
+        ) : null}
+        <PreviewSurface
+          entry={entry}
+          fixtureUrl={fixtureQuery ? `/fixture?${fixtureQuery}` : null}
+        />
+        <p className='mt-3 text-[var(--text-muted)] text-xs'>
+          Rendered from the current checkout.{' '}
+          {captureStale
+            ? 'The published capture and options come from an older source revision; refresh to verify this version.'
+            : 'Capture status describes the last published refresh.'}
+        </p>
+        <div className='mt-3 flex flex-wrap items-center justify-between gap-x-5 gap-y-1 text-[var(--text-muted)] text-xs'>
+          <span>{previewProvenance(entry)}</span>
+          {!isExtra ? (
+            <span>
+              {stateUnavailable
+                ? `${requestedState} state unavailable; showing default`
+                : selectedKey}
+            </span>
+          ) : null}
+        </div>
+      </section>
+
+      {isExtra ? (
+        <div className='mt-8 grid items-start gap-3 md:grid-cols-2'>
+          <ExtraSourcePanel entries={entries} id={`${anchor}-source`} />
+          <ExtraEvidencePanel entries={entries} id={`${anchor}-signals`} />
+        </div>
+      ) : (
+        <section id={`${anchor}-source`} className='mt-12 scroll-mt-8'>
+          <h3 className='font-season text-xl'>Source and product uses</h3>
+          <p className='mt-2 break-all font-mono text-[var(--text-muted)] text-xs'>
+            {entry.source.file}:{entry.source.line}
+          </p>
+          <div className='mt-4 overflow-hidden rounded-xl border border-[var(--border)] bg-[var(--surface-2)]'>
+            <SourceSites entries={exports.length ? exports : [entry]} />
+          </div>
+        </section>
+      )}
+
+      {!isExtra && ownedSignals.length ? (
+        <section id={`${anchor}-signals`} className='mt-12 scroll-mt-8'>
+          <h3 className='font-season text-xl'>Signals in EMCN source</h3>
+          <p className='mt-2 text-[var(--text-muted)] text-sm'>
+            Scanner signals associated with the source of this export.
+          </p>
+          <div className='mt-4 overflow-hidden rounded-xl border border-[var(--border)] bg-[var(--surface-2)]'>
+            {ownedSignals.map((signal) => (
+              <p
+                key={signal.id}
+                className='border-[var(--border)] border-b px-5 py-4 text-[var(--text-body)] text-xs last:border-0'
+              >
+                {signal.kind}: {signal.value} · {signal.source.file}:{signal.source.line}
+              </p>
+            ))}
+          </div>
+        </section>
+      ) : null}
+    </article>
+  )
+}
+
+/** Displays one immutable local scan run, including incomplete coverage. */
+export function GeneratedGallery({ manifest, stale, ledgerStale, mode }: GeneratedGalleryProps) {
+  const [query, setQuery] = useState('')
+  const [theme, setTheme] = useState<'light' | 'dark'>('dark')
+  const [size, setSize] = useState<16 | 20>(16)
+  const [captureState, setCaptureState] = useState('default')
+  const [activeKey, setActiveKey] = useState<string | null>(null)
+  const [selections, setSelections] = useState<Record<string, TreatmentSelection>>({})
+  const [mobileBrowse, setMobileBrowse] = useState(false)
+  const searchRef = useRef<HTMLInputElement>(null)
+  const sidebarRef = useRef<HTMLElement>(null)
+  const navigationInProgress = useRef(false)
+  const visibleKeys = useRef<Set<string>>(new Set())
+  const entries = mode === 'components' ? manifest.components : manifest.extras
+  const treatments = useMemo(
+    () => (mode === 'extras' ? groupExtras(entries) : groupComponents(entries)),
+    [entries, mode]
+  )
+  const anchors = useMemo(
+    () => new Map(treatments.map((treatment, index) => [treatment.key, `treatment-${index}`])),
+    [treatments]
+  )
+  const filtered = useMemo(() => {
+    const text = query.trim().toLowerCase()
+    return text
+      ? treatments.filter((treatment) =>
+          [
+            treatment.title,
+            ...treatment.entries.map(
+              (entry) => `${entry.name} ${entry.family} ${entry.source.file} ${entry.value ?? ''}`
+            ),
+          ].some((value) => value.toLowerCase().includes(text))
+        )
+      : treatments
+  }, [treatments, query])
+  const navigationGroups = useMemo((): NavigationGroup[] => {
+    const grouped = new Map<string, StudioTreatment[]>()
+    for (const treatment of filtered) {
+      const groupName =
+        mode === 'components' ? componentNavigationGroup(treatment) : formatFamily(treatment.family)
+      const members = grouped.get(groupName) ?? []
+      members.push(treatment)
+      grouped.set(groupName, members)
+    }
+    const order = mode === 'components' ? ['Components', 'Charts', 'Icons'] : []
+    return [...grouped]
+      .sort(([left], [right]) => {
+        if (mode === 'extras' && left === formatFamily('central-artwork')) return -1
+        if (mode === 'extras' && right === formatFamily('central-artwork')) return 1
+        return mode === 'components'
+          ? order.indexOf(left) - order.indexOf(right)
+          : left.localeCompare(right)
+      })
+      .map(([name, members]) => ({
+        name,
+        treatments: members.sort((left, right) => left.title.localeCompare(right.title)),
+      }))
+  }, [filtered, mode])
+  const ordered = useMemo(
+    () => navigationGroups.flatMap((group) => group.treatments),
+    [navigationGroups]
+  )
+  const activeTreatment = ordered.find((treatment) => treatment.key === activeKey) ?? ordered[0]
+  const activeAnchor = activeTreatment ? anchors.get(activeTreatment.key) : undefined
+  const activeExtraGroup =
+    mode === 'extras' && activeTreatment ? formatFamily(activeTreatment.family) : null
+  const [openExtraGroup, setOpenExtraGroup] = useState<string | null>(activeExtraGroup)
+  const previousActiveExtraGroup = useRef(activeExtraGroup)
+  const hasSignals = Boolean(
+    activeTreatment?.entries.some((entry) => entry.kind === 'extra' || entry.signals?.length)
+  )
+
+  useEffect(() => {
+    visibleKeys.current = new Set(filtered.map((treatment) => treatment.key))
+  }, [filtered])
+
+  useEffect(() => {
+    if (activeExtraGroup !== previousActiveExtraGroup.current) {
+      setOpenExtraGroup(activeExtraGroup)
+      previousActiveExtraGroup.current = activeExtraGroup
+    }
+  }, [activeExtraGroup])
+
+  useEffect(() => {
+    const syncFromHash = () => {
+      let hash: string
+      try {
+        hash = decodeURIComponent(window.location.hash.slice(1))
+      } catch {
+        return
+      }
+      if (!hash || hash === 'run') return
+      const target = treatments.find(
+        (treatment) =>
+          hash === anchors.get(treatment.key) ||
+          hash.startsWith(`${anchors.get(treatment.key)}-`) ||
+          treatment.entries.some((entry) => entry.id === hash)
+      )
+      if (!target) return
+      const anchor = anchors.get(target.key)
+      if (!anchor) return
+      const destination = hash === `${anchor}-source` ? anchor : hash
+      if (destination !== hash) window.history.replaceState(null, '', `#${destination}`)
+      navigationInProgress.current = true
+      if (!visibleKeys.current.has(target.key)) setQuery('')
+      const linkedEntry = target.entries.find((entry) => entry.id === hash)
+      if (linkedEntry) {
+        const ownerId = linkedEntry.variant
+          ? linkedEntry.id.slice(0, linkedEntry.id.lastIndexOf(':'))
+          : linkedEntry.id
+        setSelections((previous) => ({
+          ...previous,
+          [target.key]: {
+            entryId: ownerId,
+            variants: linkedEntry.variant
+              ? { [linkedEntry.variant.axis]: linkedEntry.variant.value }
+              : {},
+          },
+        }))
+      }
+      setActiveKey(target.key)
+      requestAnimationFrame(() =>
+        requestAnimationFrame(() => {
+          document
+            .getElementById(destination.startsWith(`${anchor}-`) ? destination : anchor)
+            ?.scrollIntoView({ block: 'start', behavior: 'auto' })
+          window.setTimeout(() => {
+            navigationInProgress.current = false
+            window.dispatchEvent(new Event('scroll'))
+          }, 100)
+        })
+      )
+    }
+    syncFromHash()
+    window.addEventListener('hashchange', syncFromHash)
+    window.addEventListener('popstate', syncFromHash)
+    return () => {
+      window.removeEventListener('hashchange', syncFromHash)
+      window.removeEventListener('popstate', syncFromHash)
+    }
+  }, [treatments, anchors])
+
+  useEffect(() => {
+    const focusSearch = (event: KeyboardEvent) => {
+      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 'k') {
+        event.preventDefault()
+        setMobileBrowse(true)
+        if (window.matchMedia('(min-width: 1024px)').matches) searchRef.current?.focus()
+      }
+    }
+    window.addEventListener('keydown', focusSearch)
+    return () => window.removeEventListener('keydown', focusSearch)
+  }, [])
+
+  useEffect(() => {
+    if (mobileBrowse) searchRef.current?.focus()
+  }, [mobileBrowse])
+
+  useEffect(() => {
+    if (!ordered.length) return
+    let frame = 0
+    const updateActive = () => {
+      frame = 0
+      if (navigationInProgress.current) return
+      const line = 120
+      let current = ordered[0]
+      for (const treatment of ordered) {
+        const anchor = anchors.get(treatment.key)
+        const section = anchor ? document.getElementById(anchor) : null
+        if (!section || section.getBoundingClientRect().top > line) break
+        current = treatment
+      }
+      setActiveKey((previous) => (previous === current.key ? previous : current.key))
+      const anchor = anchors.get(current.key)
+      if (!anchor) return
+      const runSection = document.getElementById('run')
+      if (
+        window.location.hash === '#run' &&
+        runSection &&
+        runSection.getBoundingClientRect().top <= line
+      ) {
+        return
+      }
+      const currentHash = window.location.hash.slice(1)
+      if (currentHash !== anchor && !currentHash.startsWith(`${anchor}-`)) {
+        window.history.replaceState(null, '', `#${anchor}`)
+      }
+    }
+    const scheduleUpdate = () => {
+      if (!frame) frame = requestAnimationFrame(updateActive)
+    }
+    window.addEventListener('scroll', scheduleUpdate, { passive: true })
+    window.addEventListener('resize', scheduleUpdate)
+    scheduleUpdate()
+    return () => {
+      window.removeEventListener('scroll', scheduleUpdate)
+      window.removeEventListener('resize', scheduleUpdate)
+      if (frame) cancelAnimationFrame(frame)
+    }
+  }, [ordered, anchors])
+
+  useEffect(() => {
+    if (!activeAnchor) return
+    const item = sidebarRef.current?.querySelector<HTMLElement>(
+      `[data-studio-nav="${activeAnchor}"]`
+    )
+    const sidebar = sidebarRef.current
+    if (!item || !sidebar) return
+    const stickyHeader = sidebar.querySelector<HTMLElement>('[data-studio-sidebar-header]')
+    const upperEdge =
+      stickyHeader?.getBoundingClientRect().bottom ?? sidebar.getBoundingClientRect().top
+    const lowerEdge = sidebar.getBoundingClientRect().bottom - 16
+    const itemBounds = item.getBoundingClientRect()
+    if (itemBounds.top < upperEdge + 8) sidebar.scrollTop -= upperEdge + 8 - itemBounds.top
+    else if (itemBounds.bottom > lowerEdge) sidebar.scrollTop += itemBounds.bottom - lowerEdge
+  }, [activeAnchor, openExtraGroup])
+
+  const selectTreatment = (treatment: StudioTreatment) => {
+    const anchor = anchors.get(treatment.key)
+    if (!anchor) return
+    navigationInProgress.current = true
+    setActiveKey(treatment.key)
+    setMobileBrowse(false)
+    window.history.pushState(null, '', `#${anchor}`)
+    document.getElementById(anchor)?.scrollIntoView({ block: 'start', behavior: 'auto' })
+    window.setTimeout(() => {
+      navigationInProgress.current = false
+      window.dispatchEvent(new Event('scroll'))
+    }, 100)
+  }
+
+  return (
+    <div className='min-h-screen lg:grid lg:grid-cols-[280px_minmax(0,1fr)] 2xl:grid-cols-[280px_minmax(0,1fr)_210px]'>
+      {mobileBrowse ? (
+        <button
+          type='button'
+          aria-label='Close browse panel'
+          onClick={() => setMobileBrowse(false)}
+          className='fixed inset-0 z-30 bg-black/50 lg:hidden'
+        />
+      ) : null}
+      <aside
+        ref={sidebarRef}
+        aria-label='Catalog navigation'
+        className={`${mobileBrowse ? 'block' : 'hidden'} fixed inset-y-0 left-0 z-40 w-[280px] overflow-y-auto border-[var(--border)] border-r bg-[var(--surface-2)] lg:sticky lg:inset-auto lg:top-4 lg:my-4 lg:ml-4 lg:block lg:h-[calc(100vh-2rem)] lg:w-auto lg:rounded-2xl lg:border`}
+      >
+        <div
+          data-studio-sidebar-header
+          className='sticky top-0 z-10 bg-[var(--surface-2)] px-5 pt-5 pb-4'
+        >
+          <Link href='/components' className='flex items-center gap-3 font-season text-lg'>
+            <span className='flex size-8 items-center justify-center rounded-lg bg-[var(--text-primary)] font-sans text-[var(--bg)] text-sm'>
+              S
+            </span>
+            <span>
+              Sim <span className='text-[var(--text-muted)]'>Studio</span>
+            </span>
+          </Link>
+          <nav
+            aria-label='Studio pages'
+            className='mt-6 grid grid-cols-2 gap-1 rounded-lg bg-[var(--bg)] p-1 text-center text-xs'
+          >
+            <Link
+              href='/components'
+              aria-current={mode === 'components' ? 'page' : undefined}
+              className={`rounded-md px-2 py-2 ${mode === 'components' ? 'bg-[var(--surface-2)] font-medium text-[var(--text-primary)]' : 'text-[var(--text-muted)] hover:text-[var(--text-primary)]'}`}
+            >
+              EMCN
+            </Link>
+            <Link
+              href='/extras'
+              aria-current={mode === 'extras' ? 'page' : undefined}
+              className={`rounded-md px-2 py-2 ${mode === 'extras' ? 'bg-[var(--surface-2)] font-medium text-[var(--text-primary)]' : 'text-[var(--text-muted)] hover:text-[var(--text-primary)]'}`}
+            >
+              Extras
+            </Link>
+          </nav>
+          <label className='mt-5 block text-[var(--text-muted)] text-xs'>
+            Search catalog
+            <span className='mt-2 flex items-center gap-2 rounded-lg border border-[var(--border)] bg-[var(--bg)] px-3 py-2'>
+              <span aria-hidden='true'>⌕</span>
+              <input
+                ref={searchRef}
+                value={query}
+                onChange={(event) => {
+                  setQuery(event.target.value)
+                  window.scrollTo({ top: 0, behavior: 'auto' })
+                }}
+                placeholder='Search names or files'
+                className='min-w-0 flex-1 bg-transparent text-[var(--text-primary)] text-xs outline-none placeholder:text-[var(--text-muted)]'
+              />
+              <kbd className='text-[10px] text-[var(--text-muted)]'>⌘K</kbd>
+            </span>
+          </label>
+          <p className='mt-3 text-[var(--text-muted)] text-xs'>
+            {filtered.length} {mode === 'extras' ? 'treatments' : 'components and icons'} shown
+          </p>
+        </div>
+        <nav
+          aria-label={mode === 'components' ? 'EMCN components' : 'Extra treatments'}
+          className='space-y-6 px-3 py-5'
+        >
+          {navigationGroups.map((group) => (
+            <section key={group.name} aria-label={group.name}>
+              {mode === 'extras' && !query.trim() ? (
+                <button
+                  type='button'
+                  aria-expanded={openExtraGroup === group.name}
+                  onClick={() =>
+                    setOpenExtraGroup((current) => (current === group.name ? null : group.name))
+                  }
+                  className='flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-left font-semibold text-[10px] text-[var(--text-muted)] uppercase tracking-[0.12em] hover:bg-[var(--bg)] hover:text-[var(--text-primary)]'
+                >
+                  <span>{group.name}</span>
+                  <span className='flex items-center gap-2 tabular-nums'>
+                    {group.treatments.length}
+                    <span aria-hidden='true'>{openExtraGroup === group.name ? '−' : '+'}</span>
+                  </span>
+                </button>
+              ) : (
+                <h2 className='flex justify-between px-3 pb-2 font-semibold text-[10px] text-[var(--text-muted)] uppercase tracking-[0.12em]'>
+                  <span>{group.name}</span>
+                  {mode === 'extras' ? <span>{group.treatments.length}</span> : null}
+                </h2>
+              )}
+              {mode === 'components' || query.trim() || openExtraGroup === group.name ? (
+                <div className='mt-1 space-y-0.5'>
+                  {group.treatments.map((treatment) => {
+                    const anchor = anchors.get(treatment.key)
+                    const representative = treatment.entries[0]
+                    return (
+                      <button
+                        key={treatment.key}
+                        type='button'
+                        data-studio-nav={anchor}
+                        aria-current={activeTreatment?.key === treatment.key ? 'true' : undefined}
+                        title={treatment.title}
+                        onClick={() => selectTreatment(treatment)}
+                        className={`block w-full rounded-md border-l-2 px-3 py-2 text-left text-sm ${activeTreatment?.key === treatment.key ? 'border-[var(--text-primary)] bg-[var(--bg)] font-medium text-[var(--text-primary)]' : 'border-transparent text-[var(--text-secondary)] hover:bg-[var(--bg)] hover:text-[var(--text-primary)]'}`}
+                      >
+                        <span className='block truncate'>{treatment.title}</span>
+                        {mode === 'extras' ? (
+                          <span className='mt-0.5 block truncate text-[11px] text-[var(--text-muted)]'>
+                            {representative.family.includes('artwork')
+                              ? sourceFileName(representative.source.file)
+                              : extraShortValue(representative)}
+                            {treatment.entries.length > 1
+                              ? ` · ${treatment.entries.length} signals`
+                              : ''}
+                          </span>
+                        ) : null}
+                      </button>
+                    )
+                  })}
+                </div>
+              ) : null}
+            </section>
+          ))}
+          {!filtered.length ? (
+            <p className='px-3 py-8 text-[var(--text-muted)] text-xs'>
+              No matches in this catalog.
+            </p>
+          ) : null}
+        </nav>
+      </aside>
+
+      <div className='min-w-0'>
+        <div className='flex items-center justify-between border-[var(--border)] border-b px-5 py-3 lg:hidden'>
+          <button
+            type='button'
+            onClick={() => setMobileBrowse(true)}
+            className='rounded-md border border-[var(--border)] px-3 py-2 text-xs'
+          >
+            Browse
+          </button>
+          <span className='font-season'>Sim Studio</span>
+          <span className='text-[var(--text-muted)] text-xs'>
+            {mode === 'extras' ? 'Extras' : 'EMCN'}
+          </span>
+        </div>
+        <main className='mx-auto max-w-[1060px] px-5 py-8 sm:px-8 lg:px-10 lg:py-12'>
+          <div className='flex flex-wrap items-center gap-2 text-[var(--text-muted)] text-xs'>
+            <span>Sim Studio</span>
+            <span aria-hidden='true'>›</span>
+            <span>{mode === 'extras' ? 'Extras' : 'EMCN components'}</span>
+          </div>
+          <h1 className='mt-7 font-season text-3xl sm:text-4xl'>
+            {mode === 'extras' ? 'Extras' : 'EMCN components and icons'}
+          </h1>
+          <p className='mt-3 max-w-3xl text-[var(--text-body)] text-sm leading-relaxed'>
+            {mode === 'extras'
+              ? 'Browse live previews of styling detected outside EMCN. Open the source and evidence panels when you want to trace a treatment back to code.'
+              : 'Browse EMCN components and icons. Component options come from the latest source scan; each section links to its definition and product uses.'}
+          </p>
+          {stale || ledgerStale ? (
+            <p
+              className='mt-4 rounded-lg border border-[var(--border)] px-4 py-3 text-[var(--text-body)] text-sm'
+              role='status'
+            >
+              {stale
+                ? 'Source changed since the last capture. Live previews use the current checkout; refresh the catalog and capture evidence.'
+                : 'Review notes changed since the last refresh.'}
+            </p>
+          ) : null}
+          <div className='mt-7 flex flex-wrap items-center gap-x-4 gap-y-2 border-[var(--border)] border-b pb-5 text-[var(--text-muted)] text-xs'>
+            <span>
+              {entries.length} {mode === 'extras' ? 'scanner signals' : 'exports and variants'}
+            </span>
+            <span>
+              {treatments.length} {mode === 'extras' ? 'visual treatments' : 'component previews'}
+            </span>
+            <span>{entries.filter((entry) => entry.status !== 'ready').length} fixture gaps</span>
+            <span className='ml-auto'>{manifest.status} run</span>
+          </div>
+          <div className='-mx-5 sm:-mx-8 lg:-mx-10 sticky top-0 z-20 flex flex-wrap items-end gap-3 border-[var(--border)] border-b bg-[var(--bg)] px-5 py-3 sm:px-8 lg:px-10'>
+            <label className='flex flex-col gap-1 text-[var(--text-secondary)] text-xs'>
+              Preview theme
+              <select
+                value={theme}
+                onChange={(event) => setTheme(event.target.value as typeof theme)}
+                className='rounded-md border border-[var(--border)] bg-[var(--surface-2)] px-3 py-2'
+              >
+                <option value='dark'>Dark</option>
+                <option value='light'>Light</option>
+              </select>
+            </label>
+            <label className='flex flex-col gap-1 text-[var(--text-secondary)] text-xs'>
+              Root text size
+              <select
+                value={size}
+                onChange={(event) => setSize(Number(event.target.value) as typeof size)}
+                className='rounded-md border border-[var(--border)] bg-[var(--surface-2)] px-3 py-2'
+              >
+                <option value={16}>16px</option>
+                <option value={20}>20px</option>
+              </select>
+            </label>
+            {mode === 'components' ? (
+              <label className='flex flex-col gap-1 text-[var(--text-secondary)] text-xs'>
+                State
+                <select
+                  value={captureState}
+                  onChange={(event) => setCaptureState(event.target.value)}
+                  className='rounded-md border border-[var(--border)] bg-[var(--surface-2)] px-3 py-2'
+                >
+                  <option value='default'>Default</option>
+                  <option value='open'>Open</option>
+                  <option value='focus'>Focus</option>
+                  <option value='disabled'>Disabled</option>
+                  <option value='error'>Error</option>
+                </select>
+              </label>
+            ) : null}
+            <span className='ml-auto pb-2 text-[var(--text-muted)] text-xs'>
+              Scroll to browse · {ordered.length} sections
+            </span>
+          </div>
+          {ordered.length ? (
+            ordered.map((treatment) => {
+              const anchor = anchors.get(treatment.key)
+              if (!anchor) return null
+              return (
+                <section
+                  key={treatment.key}
+                  id={anchor}
+                  data-studio-treatment
+                  className={`scroll-mt-24 border-[var(--border)] border-b py-12 ${mode === 'components' ? '[contain-intrinsic-size:auto_1000px] [content-visibility:auto]' : ''}`}
+                >
+                  <TreatmentDetail
+                    captureStale={stale}
+                    treatment={treatment}
+                    theme={theme}
+                    size={size}
+                    requestedState={captureState}
+                    anchor={anchor}
+                    selectedEntryId={selections[treatment.key]?.entryId}
+                    selectedVariants={selections[treatment.key]?.variants}
+                    onSelectEntry={(id) =>
+                      setSelections((previous) => ({
+                        ...previous,
+                        [treatment.key]: { entryId: id, variants: {} },
+                      }))
+                    }
+                    onSelectVariant={(axis, value) =>
+                      setSelections((previous) => {
+                        const selection = previous[treatment.key]
+                        const variants = { ...selection?.variants }
+                        if (value) variants[axis] = value
+                        else delete variants[axis]
+                        return {
+                          ...previous,
+                          [treatment.key]: {
+                            entryId: selection?.entryId,
+                            variants,
+                          },
+                        }
+                      })
+                    }
+                  />
+                </section>
+              )
+            })
+          ) : (
+            <div className='mt-16 rounded-xl border border-[var(--border)] bg-[var(--surface-2)] p-8 text-center text-[var(--text-muted)] text-sm'>
+              No treatments match your search.
+            </div>
+          )}
+          <section
+            id='run'
+            className='mt-14 min-h-[80vh] scroll-mt-24 border-[var(--border)] border-t pt-8'
+          >
+            <h2 className='font-season text-xl'>Current scan run</h2>
+            <p className='mt-2 text-[var(--text-body)] text-sm'>
+              {manifest.runId} ·{' '}
+              {stale ? 'source revision changed; refresh needed' : 'source revision matches'} ·{' '}
+              {manifest.ledgerHash
+                ? ledgerStale
+                  ? 'review notes changed; refresh needed'
+                  : 'review notes match'
+                : 'no review ledger supplied'}
+            </p>
+            <div className='mt-4 flex flex-wrap gap-x-5 gap-y-2 text-[var(--text-muted)] text-xs'>
+              <span>
+                {entries.filter((entry) => entry.status === 'ready').length} successful captures in
+                this publication
+              </span>
+              <span>{manifest.coverageFailures.length} inspection failures</span>
+              {mode === 'components' ? (
+                <span>{manifest.nonvisualExports.length} nonvisual exports classified</span>
+              ) : (
+                <span>
+                  {manifest.ledgerHash
+                    ? `${entries.filter((entry) => entry.decision === 'unreviewed').length} without a prior review note`
+                    : 'no review ledger supplied'}
+                </span>
+              )}
+            </div>
+            {manifest.analysis ? (
+              <details className='mt-5 rounded-xl border border-[var(--border)] bg-[var(--surface-2)] px-5 py-4 text-[var(--text-muted)] text-xs'>
+                <summary className='cursor-pointer text-[var(--text-secondary)]'>
+                  Analysis limits · {manifest.analysis.stylingUnchecked.length} unresolved styling
+                  inputs · {manifest.analysis.controlUnchecked.length} unresolved control inputs
+                </summary>
+                <p className='mt-3'>
+                  Successful capture means a fixture rendered. Unresolved analysis remains separate
+                  from inspection failures and capture status.
+                </p>
+                <ul className='mt-3 list-disc space-y-2 pl-4'>
+                  {manifest.analysis.limitations.map((limitation) => (
+                    <li key={limitation}>{limitation}</li>
+                  ))}
+                </ul>
+                {(['stylingUnchecked', 'controlUnchecked'] as const).map((kind) => (
+                  <details key={kind} className='mt-4'>
+                    <summary className='cursor-pointer'>
+                      {kind === 'stylingUnchecked' ? 'Styling' : 'Control'} diagnostics (
+                      {manifest.analysis?.[kind].length})
+                    </summary>
+                    <p className='mt-2'>
+                      Showing up to 20 diagnostics. The full list is in the publication's scan/
+                      {kind === 'stylingUnchecked' ? 'unchecked.json' : 'control-unchecked.json'}.
+                    </p>
+                    {manifest.analysis?.[kind].slice(0, 20).map((diagnostic, index) => (
+                      <p
+                        key={`${diagnostic.file}:${diagnostic.line}:${index}`}
+                        className='mt-2 break-all'
+                      >
+                        {diagnostic.file}:{diagnostic.line ?? 1} · {diagnostic.reason}
+                      </p>
+                    ))}
+                  </details>
+                ))}
+              </details>
+            ) : (
+              <p className='mt-4 text-[var(--text-muted)] text-xs'>
+                Analysis diagnostics are unavailable in this older publication; refresh to include
+                them.
+              </p>
+            )}
+            <details className='mt-5 rounded-xl border border-[var(--border)] bg-[var(--surface-2)] px-5 py-4 text-[var(--text-muted)] text-xs'>
+              <summary className='cursor-pointer text-[var(--text-secondary)]'>
+                Run identity and provenance
+              </summary>
+              <div className='mt-3 space-y-1 break-all font-mono'>
+                <p>Source revision: {manifest.sourceRevision}</p>
+                <p>Commit: {manifest.identity.commit}</p>
+                <p>Scanner tree: {manifest.identity.treeHash}</p>
+                <p>Fixture: {manifest.fixtureHash}</p>
+                <p>Ledger: {manifest.ledgerHash || 'none'}</p>
+                <p>Browser: {manifest.browser}</p>
+              </div>
+            </details>
+            {mode === 'extras' &&
+            (manifest.decisions.stale.length || manifest.decisions.ambiguous.length) ? (
+              <details className='mt-3 rounded-xl border border-[var(--border)] bg-[var(--surface-2)] px-5 py-4 text-[var(--text-body)] text-xs'>
+                <summary className='cursor-pointer'>
+                  Review decisions needing a new match (
+                  {manifest.decisions.stale.length + manifest.decisions.ambiguous.length})
+                </summary>
+                {(['stale', 'ambiguous'] as const).map((kind) =>
+                  manifest.decisions[kind].map((decision) => (
+                    <div
+                      key={`${kind}:${decision.fingerprint}`}
+                      className='mt-3 border-[var(--border)] border-t pt-3'
+                    >
+                      <p className='break-all font-mono text-[var(--text-muted)]'>
+                        {kind}: {decision.fingerprint}
+                      </p>
+                      <p className='mt-1'>
+                        {decision.status}: {decision.rationale}
+                      </p>
+                      {decision.evidence ? (
+                        <p className='mt-1 break-all'>Prior evidence: {decision.evidence}</p>
+                      ) : null}
+                    </div>
+                  ))
+                )}
+              </details>
+            ) : null}
+            {manifest.coverageFailures.length ? (
+              <details className='mt-3 rounded-xl border border-[var(--border)] bg-[var(--surface-2)] px-5 py-4 text-[var(--text-body)] text-xs'>
+                <summary className='cursor-pointer'>
+                  Inspection failures ({manifest.coverageFailures.length})
+                </summary>
+                {manifest.coverageFailures.map((item) => (
+                  <p key={item.file} className='mt-2 break-all'>
+                    {item.file}: {item.reason}
+                  </p>
+                ))}
+              </details>
+            ) : null}
+          </section>
+        </main>
+      </div>
+
+      <aside
+        aria-label='On this page'
+        className='hidden border-[var(--border)] border-l px-6 py-12 2xl:block'
+      >
+        <nav className='sticky top-10 space-y-4 text-sm'>
+          <p className='font-medium text-[var(--text-primary)]'>On this section</p>
+          <p className='break-words text-[var(--text-muted)] text-xs'>{activeTreatment?.title}</p>
+          {activeAnchor ? (
+            <>
+              <a
+                href={`#${activeAnchor}`}
+                className='block border-[var(--border)] border-l-2 pl-3 text-[var(--text-secondary)] hover:text-[var(--text-primary)]'
+              >
+                Overview
+              </a>
+              <a
+                href={`#${activeAnchor}-preview`}
+                className='block border-[var(--border)] border-l-2 pl-3 text-[var(--text-secondary)] hover:text-[var(--text-primary)]'
+              >
+                Preview
+              </a>
+              {hasSignals ? (
+                <a
+                  href={`#${activeAnchor}-signals`}
+                  className='block border-[var(--border)] border-l-2 pl-3 text-[var(--text-secondary)] hover:text-[var(--text-primary)]'
+                >
+                  {mode === 'extras' ? 'Why it was detected' : 'Scanner signals'}
+                </a>
+              ) : null}
+            </>
+          ) : null}
+          <a
+            href='#run'
+            className='block border-[var(--border)] border-l-2 pl-3 text-[var(--text-secondary)] hover:text-[var(--text-primary)]'
+          >
+            Scan run
+          </a>
+        </nav>
+      </aside>
+    </div>
+  )
+}
diff --git a/tools/design-studio/_components/studio-fixture.tsx b/tools/design-studio/_components/studio-fixture.tsx
new file mode 100644
index 00000000000..881ccfa997a
--- /dev/null
+++ b/tools/design-studio/_components/studio-fixture.tsx
@@ -0,0 +1,445 @@
+'use client'
+
+import { type CSSProperties, useEffect, useState } from 'react'
+import { cn } from '@sim/emcn'
+import * as Icons from '@sim/emcn/icons'
+import { ComponentPreview } from '@studio/_components/component-fixtures'
+import type { StudioSample } from '@studio/_lib/manifest'
+import { Command } from 'cmdk'
+import { AgentIcon, ApiIcon, SearchIcon, WorkflowIcon } from '@/components/icons'
+import { ThinkingLoader } from '@/components/ui/thinking-loader'
+import { ErrorShell } from '@/app/workspace/[workspaceId]/components/error/error'
+import { KnowledgeIsoMark } from '@/app/workspace/[workspaceId]/components/resource/components/resource-empty-state/knowledge-iso'
+import { BrowserLoadingBar } from '@/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/components/browser-session/browser-loading-bar'
+import { DropOverlay } from '@/app/workspace/[workspaceId]/home/components/user-input/components/drop-overlay/drop-overlay'
+import {
+  IntegrationsShowcase,
+  IntegrationTile,
+} from '@/app/workspace/[workspaceId]/integrations/components/integrations-showcase/integrations-showcase'
+import { CommandSearch } from '@/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/components/command-chrome/command-chrome'
+import '@/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-editor.css'
+
+interface StudioFixtureProps {
+  kind: string
+  id: string
+  theme: 'light' | 'dark'
+  rootSize: 16 | 20
+  variant?: { axis: string; value: string }
+  variants?: Record<string, string>
+  interactive?: boolean
+  state?: string
+  sample?: StudioSample
+  action?: string
+}
+
+const CLICK_OPEN_FIXTURES = new Set([
+  'lightbox',
+  'chip-dropdown',
+  'chip-date-picker',
+  'chip-select',
+  'combobox',
+  'time-picker',
+  'chip-time-picker',
+  'chip-combobox',
+])
+
+function GenericSample({ sample }: { sample: StudioSample }) {
+  const authoredStyle: CSSProperties = {}
+  if (/^(?:\d+(?:\.\d+)?(?:px|rem|em|%)|0)$/.test(sample.value)) {
+    if (sample.property === 'border-radius') authoredStyle.borderRadius = sample.value
+    if (sample.property === 'font-size') authoredStyle.fontSize = sample.value
+    if (sample.property === 'line-height') authoredStyle.lineHeight = sample.value
+  }
+  if (/^(?:#[\da-f]{3,8}|(?:rgb|hsl|oklch|var)\()/i.test(sample.value)) {
+    if (sample.property === 'color') authoredStyle.color = sample.value
+    if (sample.property === 'background-color') authoredStyle.backgroundColor = sample.value
+  }
+  const classTokens = sample.className.split(/\s+/)
+  for (const token of classTokens) {
+    if (token.includes(':')) continue
+    const arbitrary = /^([\w-]+)-\[(.+)\]!?$/.exec(token)
+    if (!arbitrary) continue
+    const [, utility, raw] = arbitrary
+    const value = raw.replaceAll('_', ' ').replace(/^color:/, '')
+    if (utility === 'rounded') authoredStyle.borderRadius = value
+    if (utility === 'rounded-b') {
+      authoredStyle.borderBottomLeftRadius = value
+      authoredStyle.borderBottomRightRadius = value
+    }
+    if (utility === 'rounded-t') {
+      authoredStyle.borderTopLeftRadius = value
+      authoredStyle.borderTopRightRadius = value
+    }
+    if (utility === 'leading') authoredStyle.lineHeight = value
+    if (utility === 'tracking') authoredStyle.letterSpacing = value
+    if (utility === 'text') {
+      if (/^(?:\d|calc\()/.test(value)) authoredStyle.fontSize = value
+      else authoredStyle.color = value
+    }
+    if (utility === 'bg') authoredStyle.backgroundColor = value
+    if (utility === 'border') authoredStyle.borderColor = value
+    if (utility === 'shadow') authoredStyle.boxShadow = value
+    if (utility === 'size') {
+      authoredStyle.width = value
+      authoredStyle.height = value
+      authoredStyle.minHeight = 0
+    }
+  }
+  const visualClasses = classTokens
+    .filter(
+      (token) =>
+        token !== 'opacity-0' &&
+        /(?:^|:)(?:bg-|text-|border-|rounded-|shadow-|font-|leading-|tracking-|opacity-|ring-|outline-|fill-|stroke-|p[xytrbl]?-|size-)/.test(
+          token
+        )
+    )
+    .join(' ')
+  if (sample.kind === 'swatch') {
+    return (
+      <div className='grid max-w-full grid-cols-5 gap-2'>
+        {sample.values.map((value) => (
+          <div key={value} className='w-14 text-center' title={value}>
+            <div
+              className='h-10 rounded-lg border border-[var(--border)]'
+              style={{ backgroundColor: value }}
+            />
+            <span className='mt-1 block truncate font-mono text-[9px] text-[var(--text-muted)]'>
+              {value}
+            </span>
+          </div>
+        ))}
+      </div>
+    )
+  }
+  if (sample.kind === 'runtime') {
+    return (
+      <div className='rounded-lg border border-[var(--border)] bg-[var(--surface-3)] p-5 text-[var(--text-body)]'>
+        <span className='font-medium text-sm'>Runtime stylesheet</span>
+        <span className='mt-2 block font-mono text-[var(--text-muted)] text-xs'>
+          Values supplied by the running product
+        </span>
+      </div>
+    )
+  }
+  if (sample.kind === 'text') {
+    return (
+      <p
+        className={cn('max-w-80 text-center text-[var(--text-body)]', visualClasses)}
+        style={authoredStyle}
+      >
+        The quick brown fox jumps over the lazy dog.
+      </p>
+    )
+  }
+  if (sample.kind === 'control') {
+    const tag = sample.tag.toLowerCase()
+    if (tag.includes('label')) {
+      return (
+        <label
+          style={authoredStyle}
+          className={cn('inline-flex items-center gap-3 text-[var(--text-body)]', visualClasses)}
+        >
+          <input type='checkbox' defaultChecked />
+          Example label
+        </label>
+      )
+    }
+    if (tag === 'textarea') {
+      return (
+        <textarea
+          aria-label='Sample textarea'
+          readOnly
+          value='Example text'
+          style={authoredStyle}
+          className={cn(
+            'max-w-60 rounded-md border border-[var(--border)] bg-[var(--surface-3)] px-3 py-2 text-[var(--text-body)]',
+            visualClasses
+          )}
+        />
+      )
+    }
+    if (tag.includes('input')) {
+      return (
+        <input
+          aria-label='Sample input'
+          readOnly
+          value='Example input'
+          style={authoredStyle}
+          className={cn(
+            'max-w-60 rounded-md border border-[var(--border)] bg-[var(--surface-3)] px-3 py-2 text-[var(--text-body)]',
+            visualClasses
+          )}
+        />
+      )
+    }
+    if (tag === 'a' || tag.includes('link')) {
+      return (
+        <a
+          href='#sample-link'
+          style={authoredStyle}
+          className={cn('text-[var(--text-body)] underline underline-offset-4', visualClasses)}
+        >
+          Example link ↗
+        </a>
+      )
+    }
+    if (tag.includes('avatar')) {
+      return (
+        <span
+          style={authoredStyle}
+          className={cn(
+            'flex size-10 items-center justify-center rounded-full border border-[var(--border)] bg-[var(--surface-3)] text-[var(--text-body)] text-xs',
+            visualClasses
+          )}
+        >
+          AL
+        </span>
+      )
+    }
+    if (tag.includes('chip') || tag.includes('badge')) {
+      return (
+        <span
+          style={authoredStyle}
+          className={cn(
+            'inline-flex items-center rounded-full border border-[var(--border)] bg-[var(--surface-3)] px-3 py-1 text-[var(--text-body)] text-xs',
+            visualClasses
+          )}
+        >
+          Example tag
+        </span>
+      )
+    }
+    if (tag.includes('menuitem')) {
+      return (
+        <div
+          role='menuitem'
+          style={authoredStyle}
+          className={cn('rounded-md px-3 py-2 text-[var(--text-body)] text-sm', visualClasses)}
+        >
+          Example menu item
+        </div>
+      )
+    }
+    if (tag.includes('tooltip') || tag.includes('popover') || tag.includes('menu')) {
+      return (
+        <div
+          style={authoredStyle}
+          className={cn(
+            'min-w-40 rounded-lg border border-[var(--border)] bg-[var(--surface-3)] p-3 text-[var(--text-body)] text-sm shadow-sm',
+            visualClasses
+          )}
+        >
+          Example content
+        </div>
+      )
+    }
+    if (tag === 'div' || tag === 'span' || tag === 'th' || tag.includes('code.')) {
+      return (
+        <div
+          style={authoredStyle}
+          className={cn(
+            'min-w-40 rounded-lg border border-[var(--border)] bg-[var(--surface-3)] px-4 py-3 text-[var(--text-body)] text-sm',
+            visualClasses
+          )}
+        >
+          Example content
+        </div>
+      )
+    }
+    return (
+      <button
+        type='button'
+        style={authoredStyle}
+        className={cn(
+          'min-h-9 rounded-md border border-[var(--border)] bg-[var(--surface-3)] px-3 py-2 text-[var(--text-body)]',
+          visualClasses
+        )}
+      >
+        {visualClasses.includes('size-') ? '●' : 'Example action'}
+      </button>
+    )
+  }
+  return (
+    <div
+      style={authoredStyle}
+      className={cn(
+        'flex h-24 w-48 items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--surface-3)] text-[var(--text-body)]',
+        visualClasses
+      )}
+    >
+      <span className='text-xs'>Sample surface</span>
+    </div>
+  )
+}
+
+const sourceExtras = {
+  knowledge: KnowledgeIsoMark,
+  showcase: IntegrationsShowcase,
+  agentIcon: AgentIcon,
+  apiIcon: ApiIcon,
+  searchIcon: SearchIcon,
+  workflowIcon: WorkflowIcon,
+} as const
+
+interface ExtraPreviewProps {
+  id: string
+}
+
+function ExtraPreview({ id }: ExtraPreviewProps) {
+  const SourceExtra = sourceExtras[id as keyof typeof sourceExtras]
+  if (SourceExtra) return <SourceExtra />
+
+  switch (id) {
+    case 'thinking':
+      return <ThinkingLoader variant='relay' relayLayout='wide' size={24} />
+    case 'error':
+      return (
+        <ErrorShell title='Something went wrong' description='Please try again.'>
+          {null}
+        </ErrorShell>
+      )
+    case 'integration-tile':
+      return <IntegrationTile blockType='slack' icon={Icons.Integration} framed />
+    case 'command-search':
+      return (
+        <Command className='relative h-24 w-64 rounded-2xl border border-[var(--border)] bg-[var(--surface-4)]'>
+          <CommandSearch surface='palette' placeholder='Search commands…' />
+        </Command>
+      )
+    case 'rich-code':
+      return (
+        <div className='rich-markdown-prose text-[var(--text-body)]'>
+          Rich text with <code>inline code</code>
+        </div>
+      )
+    case 'rich-type':
+      return (
+        <div className='rich-markdown-prose max-h-56 w-full overflow-auto text-[var(--text-body)]'>
+          <h1>Heading one</h1>
+          <h2>Heading two</h2>
+          <h3>Heading three</h3>
+          <h4>Heading four</h4>
+          <h5>Heading five</h5>
+          <h6>Heading six</h6>
+          <div className='rich-markdown-nodes'>
+            <div className='raw-markdown-block'>Raw markdown</div>
+          </div>
+        </div>
+      )
+    case 'rich-selection':
+      return (
+        <div className='rich-markdown-nodes w-56 text-[var(--text-body)]'>
+          <hr className='rich-leaf-in-selection' />
+        </div>
+      )
+    case 'browser-loading':
+      return (
+        <div className='relative h-8 w-56 border-[var(--border)] border-b'>
+          <BrowserLoadingBar loading />
+        </div>
+      )
+    case 'drop-overlay':
+      return (
+        <div className='relative h-28 w-64 rounded-2xl border border-[var(--border)]'>
+          <DropOverlay imagesOnly />
+        </div>
+      )
+    default:
+      return <span data-studio-unavailable />
+  }
+}
+
+/** Mounts production components with fixed example state for repeatable captures. */
+export function StudioFixture({
+  kind,
+  id,
+  theme,
+  rootSize,
+  variant,
+  variants,
+  interactive,
+  state,
+  sample,
+  action,
+}: StudioFixtureProps) {
+  const [ready, setReady] = useState(false)
+  useEffect(() => {
+    const root = document.documentElement
+    const previousSize = root.style.fontSize
+    const previousDark = root.classList.contains('dark')
+    root.style.fontSize = `${rootSize}px`
+    root.classList.toggle('dark', theme === 'dark')
+    setReady(true)
+    return () => {
+      root.style.fontSize = previousSize
+      root.classList.toggle('dark', previousDark)
+    }
+  }, [theme, rootSize])
+  useEffect(() => {
+    if (!ready || state !== 'focus') return
+    document
+      .querySelector<HTMLElement>(
+        '[data-studio-fixture] button:not([disabled]), [data-studio-fixture] input:not([disabled]), [data-studio-fixture] textarea:not([disabled])'
+      )
+      ?.focus()
+  }, [ready, state])
+  useEffect(() => {
+    if (!ready || (action !== 'open-folder' && !(state === 'open' && CLICK_OPEN_FIXTURES.has(id))))
+      return
+    const selector =
+      action === 'open-folder'
+        ? '[data-studio-folder-trigger]'
+        : '[data-studio-fixture] [role=combobox], [data-studio-fixture] [role=button], [data-studio-fixture] button, [data-studio-fixture] input'
+    let activated = false
+    const activate = () => {
+      const trigger = document.querySelector<HTMLElement>(selector)
+      if (!trigger || activated) return
+      activated = true
+      observer.disconnect()
+      trigger.focus()
+      if (trigger.getAttribute('aria-haspopup') === 'menu') {
+        trigger.dispatchEvent(
+          new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true, cancelable: true })
+        )
+      } else {
+        trigger.click()
+      }
+    }
+    const observer = new MutationObserver(activate)
+    observer.observe(document.body, { childList: true, subtree: true })
+    activate()
+    return () => observer.disconnect()
+  }, [ready, state, id, action])
+  // biome-ignore lint/performance/noDynamicNamespaceImportAccess: The source-discovered icon catalog needs one generic adapter.
+  const Icon = kind === 'icon' ? Icons[id as keyof typeof Icons] : null
+  const supportedKind = ['component', 'sample', 'icon', 'extra'].includes(kind)
+  return (
+    <main
+      data-studio-theme
+      className={`${theme} flex min-h-screen items-center justify-center bg-[var(--bg)] p-6`}
+    >
+      {ready ? (
+        <div
+          data-studio-fixture
+          className='relative flex min-h-40 w-full items-center justify-center overflow-hidden rounded-lg border border-[var(--border)] bg-[var(--surface-2)] p-8'
+        >
+          {kind === 'component' ? (
+            <ComponentPreview
+              id={id}
+              variant={variant}
+              variants={variants}
+              interactive={interactive}
+              state={state}
+            />
+          ) : null}
+          {kind === 'sample' &&
+            (sample ? <GenericSample sample={sample} /> : <span data-studio-unavailable />)}
+          {kind === 'icon' && Icon ? <Icon className='size-12' /> : null}
+          {kind === 'icon' && !Icon ? <span data-studio-unavailable /> : null}
+          {kind === 'extra' ? <ExtraPreview id={id} /> : null}
+          {!supportedKind ? <span data-studio-unavailable /> : null}
+        </div>
+      ) : null}
+    </main>
+  )
+}
diff --git a/tools/design-studio/_lib/manifest.ts b/tools/design-studio/_lib/manifest.ts
new file mode 100644
index 00000000000..11501a9a302
--- /dev/null
+++ b/tools/design-studio/_lib/manifest.ts
@@ -0,0 +1,155 @@
+import 'server-only'
+
+import { execFileSync } from 'node:child_process'
+import { createHash } from 'node:crypto'
+import { existsSync, readFileSync } from 'node:fs'
+import { homedir } from 'node:os'
+import path from 'node:path'
+
+export interface StudioLocation {
+  file: string
+  line: number
+  symbol?: string
+  relationship?: string
+}
+
+export interface StudioSample {
+  kind: 'control' | 'text' | 'surface' | 'swatch' | 'runtime'
+  tag: string
+  className: string
+  values: string[]
+  property: string
+  value: string
+}
+
+export interface StudioEntry {
+  id: string
+  kind: 'component' | 'icon' | 'extra'
+  name: string
+  family: string
+  source: StudioLocation
+  usages: StudioLocation[]
+  rationale?: string
+  value?: string
+  decision?: string
+  signals?: { id: string; kind: string; source: StudioLocation; value?: string }[]
+  variant?: { axis: string; value: string; defaultValue: string }
+  fixture: {
+    type: string
+    id: string
+    variant?: { axis: string; value: string }
+    sample?: StudioSample
+    defaultState?: string
+    requiredElement?: string
+    action?: string
+  } | null
+  previewKind?: 'source-component' | 'source-style-sample' | 'indicative-sample'
+  previewFingerprint?: string
+  states?: string[]
+  status: 'ready' | 'needs-fixture' | 'capture-failed' | 'pending-capture'
+  images: Record<string, string>
+  captureError?: string
+}
+
+export interface StudioManifest {
+  version: 2
+  runId: string
+  status: 'complete' | 'incomplete'
+  identity: { commit: string; treeHash: string; scanner: unknown }
+  sourceRevision: string
+  ledgerHash: string
+  fixtureHash: string
+  browser: string
+  components: StudioEntry[]
+  nonvisualExports: { name: string; source: StudioLocation; reason: string }[]
+  extras: StudioEntry[]
+  decisions: {
+    stale: { fingerprint: string; status?: string; rationale?: string; evidence?: string }[]
+    ambiguous: { fingerprint: string; status?: string; rationale?: string; evidence?: string }[]
+  }
+  coverageFailures: { file: string; reason: string }[]
+  analysis?: {
+    stylingUnchecked: { file: string; line?: number; reason: string }[]
+    controlUnchecked: { file: string; line?: number; reason: string }[]
+    limitations: string[]
+  }
+  counts: { components: number; extras: number; missing: number }
+}
+
+export function studioOutputRoot() {
+  return path.resolve(
+    process.env.SIM_STUDIO_OUTPUT ?? path.join(homedir(), '.local/state/sim2/design-studio')
+  )
+}
+
+/** Reads one page of a completed refresh publication; the page never launches a scan. */
+export function getStudioPageManifest(mode: 'components' | 'extras'): {
+  manifest: StudioManifest
+  stale: boolean
+  ledgerStale: boolean
+} | null {
+  let manifest: StudioManifest
+  try {
+    const pointer = path.join(studioOutputRoot(), 'latest.json')
+    if (!existsSync(pointer)) return null
+    const latest = JSON.parse(readFileSync(pointer, 'utf8')) as { runId?: unknown; path?: unknown }
+    if (
+      typeof latest.runId !== 'string' ||
+      typeof latest.path !== 'string' ||
+      !/^[0-9TZ-]+-[a-f0-9]{10}$/.test(latest.runId)
+    ) {
+      return null
+    }
+    const runDirectory = path.join(studioOutputRoot(), `run-${latest.runId}`)
+    if (path.resolve(latest.path) !== runDirectory) return null
+    manifest = JSON.parse(readFileSync(path.join(runDirectory, 'manifest.json'), 'utf8'))
+    if (manifest.version !== 2 || manifest.runId !== latest.runId) return null
+  } catch {
+    return null
+  }
+  let stale = false
+  try {
+    const repo = execFileSync('git', ['rev-parse', '--show-toplevel'], {
+      cwd: process.env.SIM_STUDIO_REPO ?? process.cwd(),
+      encoding: 'utf8',
+    }).trim()
+    const head = execFileSync('git', ['rev-parse', 'HEAD'], { cwd: repo, encoding: 'utf8' }).trim()
+    const diff = execFileSync('git', ['diff', '--binary', 'HEAD'], {
+      cwd: repo,
+      maxBuffer: 64 * 1024 * 1024,
+    })
+    const untracked = execFileSync('git', ['ls-files', '--others', '--exclude-standard', '-z'], {
+      cwd: repo,
+      encoding: 'utf8',
+    })
+      .split('\0')
+      .filter(Boolean)
+      .sort()
+    const digest = createHash('sha256').update(head).update(diff)
+    for (const name of untracked) digest.update(name).update(readFileSync(path.join(repo, name)))
+    stale = digest.digest('hex') !== manifest.sourceRevision
+  } catch {
+    stale = true
+  }
+  let ledgerStale = false
+  if (process.env.SIM_STUDIO_LEDGER) {
+    try {
+      const ledger = path.resolve(process.env.SIM_STUDIO_LEDGER)
+      ledgerStale =
+        createHash('sha256').update(readFileSync(ledger)).digest('hex') !== manifest.ledgerHash
+    } catch {
+      ledgerStale = true
+    }
+  } else if (manifest.ledgerHash) {
+    ledgerStale = true
+  }
+  return {
+    manifest: {
+      ...manifest,
+      components: mode === 'components' ? manifest.components : [],
+      extras: mode === 'extras' ? manifest.extras : [],
+    },
+    stale,
+    ledgerStale,
+  }
+}
diff --git a/tools/design-studio/app/components/page.tsx b/tools/design-studio/app/components/page.tsx
new file mode 100644
index 00000000000..d84643de457
--- /dev/null
+++ b/tools/design-studio/app/components/page.tsx
@@ -0,0 +1,20 @@
+import { GeneratedGallery } from '@studio/_components/generated-gallery'
+import { getStudioPageManifest } from '@studio/_lib/manifest'
+
+export const dynamic = 'force-dynamic'
+
+export default function ComponentsPage() {
+  const run = getStudioPageManifest('components')
+  return run ? (
+    <GeneratedGallery
+      mode='components'
+      manifest={run.manifest}
+      stale={run.stale}
+      ledgerStale={run.ledgerStale}
+    />
+  ) : (
+    <p className='mx-auto max-w-5xl px-6 py-10 text-[var(--text-body)] text-sm'>
+      No generated run found. Run the local studio:refresh command to scan and capture the catalog.
+    </p>
+  )
+}
diff --git a/tools/design-studio/app/extras/page.tsx b/tools/design-studio/app/extras/page.tsx
new file mode 100644
index 00000000000..02462bf5117
--- /dev/null
+++ b/tools/design-studio/app/extras/page.tsx
@@ -0,0 +1,20 @@
+import { GeneratedGallery } from '@studio/_components/generated-gallery'
+import { getStudioPageManifest } from '@studio/_lib/manifest'
+
+export const dynamic = 'force-dynamic'
+
+export default function ExtrasPage() {
+  const run = getStudioPageManifest('extras')
+  return run ? (
+    <GeneratedGallery
+      mode='extras'
+      manifest={run.manifest}
+      stale={run.stale}
+      ledgerStale={run.ledgerStale}
+    />
+  ) : (
+    <p className='mx-auto max-w-5xl px-6 py-10 text-[var(--text-body)] text-sm'>
+      No generated run found. Run the local studio:refresh command to scan and capture the catalog.
+    </p>
+  )
+}
diff --git a/tools/design-studio/app/fixture/page.tsx b/tools/design-studio/app/fixture/page.tsx
new file mode 100644
index 00000000000..faad9cdae2e
--- /dev/null
+++ b/tools/design-studio/app/fixture/page.tsx
@@ -0,0 +1,74 @@
+import { isRecordLike } from '@sim/utils/object'
+import { StudioFixture } from '@studio/_components/studio-fixture'
+import type { StudioSample } from '@studio/_lib/manifest'
+
+interface FixturePageProps {
+  searchParams: Promise<Record<string, string | string[] | undefined>>
+}
+
+function parseJsonParam(raw: string, limit: number): unknown {
+  if (!raw || raw.length >= limit) return null
+  try {
+    return JSON.parse(raw)
+  } catch {
+    return null
+  }
+}
+
+function parseVariants(raw: string): Record<string, string> | undefined {
+  const parsed = parseJsonParam(raw, 1000)
+  if (!isRecordLike(parsed)) return undefined
+  const entries = Object.entries(parsed)
+  if (entries.length > 12) return undefined
+  const variants: Record<string, string> = {}
+  for (const [axis, selection] of entries) {
+    if (!/^[a-zA-Z][\w-]*$/.test(axis) || typeof selection !== 'string' || selection.length > 100)
+      return undefined
+    variants[axis] = selection
+  }
+  return variants
+}
+
+function isStudioSample(value: unknown): value is StudioSample {
+  return (
+    isRecordLike(value) &&
+    typeof value.kind === 'string' &&
+    ['control', 'text', 'surface', 'swatch', 'runtime'].includes(value.kind) &&
+    typeof value.tag === 'string' &&
+    typeof value.className === 'string' &&
+    Array.isArray(value.values) &&
+    value.values.every((item: unknown) => typeof item === 'string') &&
+    typeof value.property === 'string' &&
+    typeof value.value === 'string'
+  )
+}
+
+function parseSample(raw: string): StudioSample | undefined {
+  const parsed = parseJsonParam(raw, 5000)
+  return isStudioSample(parsed) ? parsed : undefined
+}
+
+/** Isolated, development-only capture surface for a single source-backed fixture. */
+export default async function FixturePage({ searchParams }: FixturePageProps) {
+  const params = await searchParams
+  const value = (key: string) => {
+    const input = params[key]
+    return typeof input === 'string' ? input : ''
+  }
+  return (
+    <StudioFixture
+      kind={value('kind')}
+      id={value('id')}
+      theme={value('theme') === 'light' ? 'light' : 'dark'}
+      rootSize={value('size') === '20' ? 20 : 16}
+      state={value('state')}
+      action={value('action')}
+      variants={parseVariants(value('variants'))}
+      interactive={value('interactive') === '1'}
+      sample={parseSample(value('sample'))}
+      variant={
+        value('axis') && value('value') ? { axis: value('axis'), value: value('value') } : undefined
+      }
+    />
+  )
+}
diff --git a/tools/design-studio/app/layout.tsx b/tools/design-studio/app/layout.tsx
new file mode 100644
index 00000000000..d275c375957
--- /dev/null
+++ b/tools/design-studio/app/layout.tsx
@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react'
+import { season } from '@/app/_styles/fonts/season/season'
+import '@studio/app/studio.css'
+
+export default function StudioLayout({ children }: { children: ReactNode }) {
+  return (
+    <html lang='en'>
+      <body
+        className={`${season.variable} min-h-screen bg-[var(--bg)] font-season text-[var(--text-primary)]`}
+      >
+        {children}
+      </body>
+    </html>
+  )
+}
diff --git a/tools/design-studio/app/page.tsx b/tools/design-studio/app/page.tsx
new file mode 100644
index 00000000000..a2ddf43aec2
--- /dev/null
+++ b/tools/design-studio/app/page.tsx
@@ -0,0 +1,5 @@
+import { redirect } from 'next/navigation'
+
+export default function StudioHome() {
+  redirect('/components')
+}
diff --git a/tools/design-studio/app/studio.css b/tools/design-studio/app/studio.css
new file mode 100644
index 00000000000..b117c8525a7
--- /dev/null
+++ b/tools/design-studio/app/studio.css
@@ -0,0 +1,3 @@
+@import "../../../apps/sim/app/_styles/globals.css";
+
+@source "../";
diff --git a/tools/design-studio/next.config.ts b/tools/design-studio/next.config.ts
new file mode 100644
index 00000000000..1d90cac8fa8
--- /dev/null
+++ b/tools/design-studio/next.config.ts
@@ -0,0 +1,9 @@
+import type { NextConfig } from 'next'
+
+const config: NextConfig = {
+  reactStrictMode: true,
+  agentRules: false,
+  devIndicators: false,
+}
+
+export default config
diff --git a/tools/design-studio/postcss.config.mjs b/tools/design-studio/postcss.config.mjs
new file mode 100644
index 00000000000..8963ff02478
--- /dev/null
+++ b/tools/design-studio/postcss.config.mjs
@@ -0,0 +1 @@
+export { default } from '../../apps/sim/postcss.config.mjs'
diff --git a/tools/design-studio/tsconfig.json b/tools/design-studio/tsconfig.json
new file mode 100644
index 00000000000..65a66e023e2
--- /dev/null
+++ b/tools/design-studio/tsconfig.json
@@ -0,0 +1,19 @@
+{
+  "extends": "../../packages/tsconfig/nextjs.json",
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["../../apps/sim/*"],
+      "@studio/*": ["./*"],
+      "@sim/db": ["../../packages/db"],
+      "@sim/db/*": ["../../packages/db/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "../../apps/sim/types/**/*.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": ["node_modules", ".next"]
+}