Skip to content

What an employee sees

Ten surfaces, every one from the consumer design system. This audience opens the product a few times a month, usually on a phone, usually to do one small thing. Turn on Design mode and click any card to see which entry it came from and what its register forbids.

Northwind PeopleLeave · Pay · Profile
Mira O.
Available · Product, Berlin
  1. Dates
  2. Type
  3. Document · only past 3 days
  4. Review
MTWTFSS910111213141516171819202122

18–19 Aug unavailable — team blackout during release week.

Add a sick note

Photo or PDF. Location data is removed before upload.

Accrual changed on 1 July. You now accrue 2.0 days a month, up from 1.83. This notice stays until you dismiss it, and you can re-open it from Help.
Request LV-2481 submitted — your manager has 3 working days to respond.
No payslips yet

Your first payslip appears on 25 September, after your first full pay period.

18.5days remaining · next accrual 1 Sep
Recent payslips
Period Gross Net
Jul 2026 €5,400.00 €3,612.44
Jun 2026 €5,400.00 €3,612.44
May 2026 €5,400.00 €3,598.10
LeavePayProfile

Top result quotes the answering paragraph, not the document title.

  • 12–16 Aug · Annual ◷ Awaiting manager
  • 2 Jul · Sick ✓ Approved
  • 4–5 Jun · Annual ✓ Approved
  • Request decisions
  • Team calendar digest
  • Statutory notices always on — required by law
Cancel this request?

Your manager has not decided yet, so nothing is deducted.

What your employer can see
Category Basis Kept
Leave record Contract 7 yrs
Payroll Legal duty 10 yrs
Policy searches Consent 90 days

3 of 5 done · Blocked: equipment form — waiting on IT since Monday.

✓ HROfficial reply from People Ops — not a colleague’s guess.

What it costs an agent to build this screen

Every figure below is the size of a file that exists, divided by four. Nothing here is modelled, and there is no “without a design system” number — that number cannot be measured, only guessed, so it is not on this page. What can be measured is how much of the contract you have to load, and the answer is not the one the shard architecture predicts.

Route Size ≈ tokens When you would take it
Exactly the components this screen uses40 entries — 20 CDS + 20 EDS 43.0 KB 11,003 What an MCP get_component_contract(id) call returns, twenty times.
The rules card + both token filesrefusal conditions, both palettes, the motion contract 51.0 KB 13,052 Constant cost. Needed whichever route you take.
Every domain this screen touches, whole4 CDS + 6 EDS domain shards 298.7 KB 76,480 The shard route — cheap for one domain, expensive for a screen that spans nine.
Both full indexes190 + 251 entries 599.6 KB 153,502 What a hosted agent can afford and a local model cannot.

The finding worth keeping: this screen spans 10 domains across the two systems, so loading whole domain shards costs 76,480 tokens, while fetching exactly the 40 entries it uses costs 11,0037.0× cheaper. Sharding is the right answer for a model building one domain and the wrong answer for a product spanning several. That argues for an MCP tool that returns one contract by id, not for a smarter way of slicing files. Both full indexes together are 153,502 tokens, which is the whole context window of most locally-run models.

What building this demo found: when it was first assembled, six of these forty surfaces came from institutional entries that carried no four-cell decision register — a demo arguing that the register is binding, with six components that had nothing binding to show. Design mode reported each as an explicit gap rather than hiding it, which is how they were noticed. Pulling that thread found 123 of 251 entries in the same state. All of them have since been resolved: 240 now carry a full register, and the remaining 11 carry a stated reason no use-or-not decision exists — a token set is what components decide with, not a component anyone chooses. The generator now refuses to build a catalogue entry that is neither. Six components on a demo page were the visible part of it.

Built from consumer design system v1.36.0 and institutional design system v1.34.0. Both token sets are copied verbatim into this page from cds/tokens.json and eds/tokens.json; the only colour this demo invents is its own brand green. Every annotation is generated from the two contracts by demo/build_hr_demo.py, so the demo cannot claim a component says something the contract does not. Northwind People is a fictional company.