feedback_mockup_shell.md

name	feedback-mockup-shell
description	New mockups MUST use the shared shell (_shell.js + _mockup.css + _nav-manifest.js), never inline/copy-paste chrome. Authority ADR-0010.
metadata	type feedback

When creating ANY new HTML mockup under mockups/, use the shared authoring shell — do NOT inline or copy-paste the chrome (rail, submenu, topbar, F-key strip, breadcrumb, tables, badges).

Rule:

• Link _mockup.css (shared chrome styles), _nav-manifest.js (single nav tree), _shell.js (<mtp-shell> renderer).
• Body = <mtp-shell module="…" group="…" page="…" tab="…"> + content only.
• Open each file with a <!-- SPEC … --> header: module, aggregate, reads, writes, nav coord, actions, states, endpoints.
• Page-specific one-off CSS in a small inline <style> is OK; chrome CSS is not.
• Pure static HTML — must open on file://. Use <script src> globals, NOT fetch() (CORS-blocked on file://).

Why: Inline + copy-paste chrome already drifted (audit found inconsistent nav labels, 2 approvals dupes, 3 bank-recon dupes). Shared source = drift impossible by construction + genuinely fast authoring. See [[project-mtp-mockup-audit]] for the drift evidence.

How to apply: Existing 40 files migrate as-and-when next touched (per the standing "build as required" rule) — don't bulk-rewrite. Dedupe the approvals(2)/bank-recon(3) forks during their migration. Authority: ADR-0010 (adr/0010-mockup-authoring-shell.html). Nav model: [[project-mtp-nav-depth]].