What is real here, what is scripted, and what we need from you

This is a front-end build, made to agree the product before any back end is written. Everything you can click works. The intelligence behind it is scripted, and this page says exactly where the line falls.

Real in this build

  • Every screen, state and permission rule. Switch role in the bar at the bottom and the same page changes what it lets you do. A consultant opening People and access gets turned away, and the attempt is logged.
  • One shared dataset across all five roles, kept in this browser. Capture on the phone, then open the web record: it is there. Approve a payment as the client and the contractor sees it.
  • The client dashboard is computed, not drawn. Work done per section, value earned, money paid against work completed, what is payable now and the section percentages behind it, what is holding the job up. Every figure comes from the BOQ and the record. Nothing on it was typed in.
  • The progress arithmetic. Item amount times its weight, split across the stages you described: supply frames, supply boards, install frame, install board, accessories, quality check. One photograph moves the sample project from 19.2% to 20.4%.
  • Payment milestones that unlock themselves at the thresholds in the contract, and the full chain after that: issue, certify, approve, pay, with the dispute and return paths built.
  • The numbers cannot contradict each other. Every screen reads the same figures, so the dashboard, the BOQ, payments and the weekly report always agree.
  • It opens by double-clicking index.html. No server, no install, no network. It works on a plane.

Scripted for now

  • Reading the BOQ, the contract and the schedule. The results shown are prepared. In the product they come from document AI, plus your own Excel of item names and stage percentages.
  • Reading WhatsApp and email. The messages in the record are sample content. In the product they arrive through the WhatsApp Business Platform and a project inbox address.
  • Linking a photograph to a BOQ item and stage. The three sample photos in the phone view have prepared answers, including the confidence figure.
  • Ask the record. Four questions have written answers. Ask anything else and it shows you the entries it would answer from, rather than pretending.
  • The "about one day to go" forecast on the dashboard is a straight-line projection from the project average. A real one would read the schedule and the crew on site.
  • Sign-in, invitations, notifications by email and WhatsApp, and PDF exports. The screens are real; nothing is sent.

Numbers we invented, and where they appear

replace these with yours before anyone quotes them

What we assumed from the call

What we need to settle together

Later, as you said

Comparing site camera footage with the designer’s 3D views to confirm progress visually. You parked it yourself on the call, and that was the right call. The record, the BOQ link and the stage model built here are exactly what that feature would plug into, so nothing on these screens has to change to add it.

Using this build

The data lives in this browser only, and nothing leaves it. Reset demo in the bar at the bottom puts everything back to the start, which is worth doing before you show it to anyone. If a screen ever looks empty after an update, that is old data in the browser: reset it once and it is fine.