README
Canon source extractions
Section titled “Canon source extractions”Verbatim, section-by-section design-canon extractions of the seven source-of-truth apps the design lead chose as the reference every new flow must match. Each file captures that app’s tokens, shell, every atom (with verbatim CSS + representative markup), page anatomy, JS contracts, naming, and weight/spacing discipline.
These are the ground truth. PATTERNS.md is the human-readable synthesis/index; when the two disagree, believe the app file (and fix PATTERNS.md). The design lint (site/scripts/canon-rules.mjs) encodes the machine-checkable subset.
| Platform | File | App |
|---|---|---|
| Web | canon-extract-polaris.md |
Polaris — products/polaris/screens/dashboard.html (shell, .pseg tabs, .pstat KPIs, detail pages) |
| Web | canon-extract-caesar.md |
Caesar — products/caesar/screens/dashboard.html (.tbl table system, .dlg dialogs, toast()) |
| Mobile | canon-extract-assembler.md |
Kit Assembler — products/rechaj-kit-production-app/flows/assembler/ |
| Mobile | canon-extract-prod-qa.md |
Production QA — products/rechaj-kit-production-app/flows/production-qa/ |
| Mobile | canon-extract-batt-onb.md |
Battery Onboarding Operator — products/rechaj-inventory-app/flows/battery-onboarding-operator/ |
| Tablet | canon-extract-prod-mgr.md |
Production Manager — products/rechaj-kit-production-app/flows/production-manager/ |
| Tablet | canon-extract-proc-mgr.md |
Procurement Manager — products/rechaj-inventory-app/flows/procurement-manager/ |
| Tablet | canon-extract-inv-mgr.md |
Inventory Manager — products/rechaj-inventory-app/flows/inventory-manager/ |
Regenerate an extraction after a source app changes materially by re-reading that app’s <style> + markup in full and rewriting its file to the same section layout.