Lab 06 · Booking workspace · rebuilt on Untitled UI

Where the money actually lives.

A booking is the hardest page on the platform. It carries a frozen commercial promise and a live operation at the same time, nine tabs, per item issuance, two clocks that mean different things, and one invariant that must never be violated on screen or off it.

Shown here on the Fulfilment tab, because that is where every hard part collides: THE GATE, readiness, hard against soft deadlines, and honest drift between what an item was expected to cost and what it landed at.

The screens, rebuilt

Drawn fresh from the Untitled kit and the system’s ruled tokens, not restyled from the originals.

The workspace record · header, gate and clocks

Marchetti Group IssuingPartially paidFROZEN v1.2

BKG-7QP2K4M9 · MICE · 24 pax · departs 14 Sep 2026
Sold
$196,300
Paid
$118,000
Issued
$96,400
Gate headroom
$21,600
OverviewItemsFulfilmentPaymentsDocuments
Free cancel on the Kyoto rooms ends in 19 hours. A hard deadline; the soft airline revision clock shows dashed.
$96,400 issued · $118,000 paid · $21,600 headroom
Per-item issuance · readiness, clocks and drift on one row
ItemReadinessClockDrift
SV 1024 · RUH to KIXflightReady19h+1,240.00Issue
Park Hyatt Kyoto · 4 nightsstayMissing rooming list3h-Issue
Airport transfers · 6 legstransferIssued-310.0014 Sep

Readiness names exactly what is missing, never a percentage; clocks keep their hard and soft borders; drift stays signed and achromatic.

The coverage meter · the gate, all five states
Open
$34,120 issued of $58,000 paid
Tight
$52,300 issued of $55,000 paid
Shut
$0 headroom
Crossed
exceeds paid by $8,140
Settled
paid in full · fully issued

The reasoning, kept

02 / what this archetype added

Five new parts, and one of them is a warning.

The one invariant, made visible

The coverage track is not a progress bar. The solid part is money actually received, the hatched part is money still owed, and the red tick is how much sell has already been issued. As long as the tick sits left of the solid edge, the agency is covered. The moment it would cross, issuance stops and the only way through is a payment or a release signed by both an admin and finance. Every rule in the money doctrine is in that one picture, and an agent can read their exposure without opening a report.

What this lab asked

  1. The coverage meter. This is the single most important picture on the platform and the only place red appears outside a status badge. Does the tick reading as exposure land, or does it need a second treatment for the moment it would cross?
  2. Nine tabs. The part I trust least. Options are to keep all nine, to fold Itinerary and Flyer into a single Documents group, or to move Activity and Discussion out of the tabs entirely into a right rail that is present on every record.
  3. Header height. Title line, badge line, stage bar, facts band: four bands before the content starts. On a laptop that is a third of the screen before anybody sees an item. Keep it, or collapse the stage bar into the facts band.
The original document, in its own chrome and drawings, is kept unedited: open the original.
Tripbooks Design SystemBuilt on Untitled UI · Inter for language, IBM Plex Mono for every figureLight and dark from the same tokens