Project delivery status: [Open ERP status dashboard](../../portal-discovery/Project-Status.html).

## Expanded document editor

The Rich-text editor category now includes the full formatting ribbon, insertion dialogs, table tools, find/replace, preview and export. See [EDITOR.md](EDITOR.md) for supported options and implementation limits.

# Current release: coverage completion v4.4

Open [the catalogue](index.html#editor). See [COMPLETION.md](COMPLETION.md) for added components, simulation boundaries and checks. Earlier release notes follow.

# Current release: component collection v4.2

Open [the catalogue](index.html#selection). See [COLLECTION.md](COLLECTION.md) for shared primitives, additions, charts and verification. Earlier release notes follow.

# Current release: refined v4.1

Open [the catalogue](index.html#fields). See [REFINEMENT.md](REFINEMENT.md) for date/time pickers, attachments, visual changes and checks. The underlying v4 shared-system notes remain below.

# Current release: unified v4

Open [the catalogue](index.html#system). Read [UNIFIED-SYSTEM.md](UNIFIED-SYSTEM.md) for shared component contracts, dark mode, coverage and verification. Notes below describe earlier versions.

# Current catalogue: v3

Open [index.html#system](index.html#system). See [CATALOGUE.md](CATALOGUE.md) for current categories, reference-table behaviour, scope and verification. The notes below describe earlier iterations.

# Construction ERP — reference-matched design system

Open `index.html`. It opens the component library; choose Procurement for the matching register, or Overview for the project dashboard.

## Visual source

The user's local admin app at localhost:5173/admin is the visual source. Measured on 6 September 2026: Roboto; 24 px / 32 px page heading at weight 600; 14 px controls; neutral input fill; 6 px control corners; light navigation and header; blue actions. Roboto is hosted locally with its license. The original application was inspected, not modified. Its private data and credentials are not included here.

This build intentionally follows that visual language. It is not a pixel-perfect copy of every uninspected screen. The sample company branding and construction content are fictional. `tokens.json` records the measured/adopted specification; `system.css` contains the component styles and responsive rules; `system.js` supplies local demo behaviour.

## Shared component coverage

- Foundations: font hierarchy, semantic colour, spacing, corners, light/dark themes, motion/reduced motion.
- Shell: fixed header, sidebar, search, collapsed navigation, density, command search, notifications, project context.
- Controls: primary/secondary/quiet/danger buttons, disabled/busy states, text/number/date/select/textarea, radio/checkbox/switch, file input, disclosure, tabs, chips, labels/hints/errors.
- Tables: sorting, quick/advanced filters, supplier/date search, grouping within current page, column visibility, saved view, pagination, selection across pages, CSV scope, empty results.
- Feedback: success/warning/error messages, persistent dismissible toast, loading, retry, access explanation, confirmation, detail drawer.
- Forms: invalid/valid submission, required-field validation, local draft creation, summary totals, date-range validation.

## Construction-specific extensions

| Component | What is implemented | Business/service dependency |
|---|---|---|
| BOQ hierarchy | Expandable work groups, units, quantities, budget | Contract versioning, real BOQ data |
| Measurement book entry | Length × width × depth × repetitions; validated numeric entry | Measurement methodology and certification |
| Material editor | Add/remove lines, material, unit, quantity, rate, subtotal | Tax/rounding/financial precision |
| Material selector | Search, multiple selection, tags, taxonomy | Server search and master data |
| Project/store context | Dependent project and store choices | Real scoping and permissions |
| Goods receipt inspection | Received/rejected/accepted, invalid over-rejection | Stock posting and quality approval |
| Receipt/allocation indicator | Allocated, issued and remaining quantities | Stock movement rules |
| Contractor bill | Gross, prior/current, illustrative retention and net | Tax, advances, deductions, certification |
| Store transfer | Different-store validation and sample availability limit | In-transit/receipt ledger events |
| Approval timeline | Pending/completed actors, return reason and decision feedback | Approval chain and permission rules |
| Revision comparison | Previous/current values and conflict guidance | Concurrency/version service |
| Reporting | Applied date range, scoped CSV | Complete report schemas and exports |
| Attachments/comments | Local file checks, safe text notes | Secure upload and persistence |
| Import errors | Expandable row error summary | Mapping, validation and duplicate resolution |
| Access/offline | Disabled reason and simulated recovery | Authorisation and real connection lifecycle |

## Completeness boundary

The design system covers the shared patterns and the currently identified construction extensions above. “Complete” does not mean every field or calculation in the reference ERP has been verified. Specialised scheduling/Gantt, advanced spreadsheet/BOQ editing, remote multi-select, configurable approvals, reconciliation and digital signing remain requirement-dependent extensions. Column resizing and dashboard customisation from the local reference app are not implemented in this build. These gaps are explicit so they can be specified instead of hidden behind placeholder controls.

The calculations are illustrative, not accounting specifications. No live data is saved. Saved views, drafts and notes last for this tab and reset on reload. The previous design remains available in the neighbouring folders.

## Verification

Checked in Chrome: local Roboto loading and 24 px heading; register search; measurement calculation; rejected > received error; retention calculation; same-store transfer rejection. Existing shared interactions derive from the tested Atlas build. Source syntax and HTML ID/reference checks run locally. Mobile layout checked at 390 px. Full accessibility, cross-browser, real-device and backend validation are still production release gates.

## Expanded library audit

The new **Inventory & usage** tab is the source of truth for component coverage. **Advanced components** adds combobox, menu, tooltip, input addons, inline editing, wizard, skeleton, unsaved guard, column resizing/ordering, expanded records, dashboard customisation, permission matrix, Gantt dates, quotation comparison, payment allocation, import mapping and equipment logs.

`component-inventory.json` lists each entry and distinguishes live examples from application specifications. `COMPONENT-CONTRACTS.md` defines states and source APIs. `COVERAGE.md` maps all 164 known reference feature entries to design patterns. `ACCESSIBILITY.md` defines keyboard, motion and production QA requirements. These additions supersede the earlier missing-column-resize and dashboard-customisation notes above.