Your policy

[Product name]

Language Sign out

Checked against your insurer's records.

In force Lapsed Not started

Insurer: Asuransi Demo
Policy number: 01.203.2026.004512
Policyholder: Dimas Prasetyo
Vehicle: Toyota Avanza 1.3 G 2021
Plate: B 1234 XYZ
Email: d************o@customer.test
Phone: 0813-****-6618
Cover: Comprehensive
Cover period: 12 Mar 2026 – 11 Mar 2027; 12 Mar 2025 – 11 Mar 2026; 01 Nov 2026 – 31 Oct 2027

This policy has endedYou can still report an incident that happened between 12 Mar 2025 and 11 Mar 2026.

This policy starts on 01 Nov 2026You can report an incident once it is in force.

Report an incident

Something wrong with these details? Call 021-3199-9100.

Signed in as the policyholder of B 1234 XYZ. Sign out

Something went wrong

Without the Client's cookie the proxy sends the Client to /claim. The page reads GET /api/auth/client/me; a 401 also goes to /claim, and any other failure shows the app's error page, without the Client frame.
Everything is read-only, from the imported Policy. The email and phone come masked; a missing one leaves its row out. Cover is "Comprehensive" or "TLO".
The status is In force, Lapsed or Not started. A Policy not yet in force cannot start a report, so its button is disabled.
From 1024 px the header holds the pages, the switcher with the language's name, and Sign out. Below it, a menu button opens the sheet with the pages, the switcher and Sign out. Close or a tap outside closes it.
Your claims opens /claim/claims. Help is listed but not linked: it has no route yet.
The call-centre number is the Insurer's own, in the card and in the footer's Help.
Sign out ends the Session on the server (POST /api/auth/sign-out), then goes to /claim. It is disabled while it runs, and a failure shows nothing.
Report an incident opens the install card at /claim/report: the Client reports in the app, and web captures nothing.

Report an incident opens the install card (report.html), from #461's comment of 10 Oct: "web's 'Report an incident' shows the install card". It keeps main's route, /claim/report.
No call centre (drafted): the "Something wrong…? Call" line and the footer's Help go.
Icon-only close buttons have no border: the sheet's Close.
Dates DD MMM YYYY: "01 Nov 2026", not the mockup's "1 Nov 2026".
Main's frame and card: the shield mark and "[Product name]", Privacy and Terms as text, the masked rows as backend sends them. Claim registration's consent and claim form are not drawn: they move into the app.
Comfortable Density at every width (#395's spec): 44 px controls, 16 px text.
Can't load is drawn as main renders it: the app's error page, without the Client frame.

main → spec Signed in below 1024 px: the header's switcher goes; the switcher lives only in the sheet. Main shows both.
main → spec The sheet's Close has no border. Main's uses the menu button's bordered style.
main → spec An Insurer with no call centre hides "Something wrong with these details? Call …" and the footer's "Help · …". Main renders "Call ." with an empty link and "Help · ".
ticket #674 → comment Report an incident opens the install card at /claim/report, the route main already links to. Today that route does not exist and lands the Client on the staff sign-in, so it lands with #674's install card.
ticket #674 → comment Your claims in the header and the sheet links to /claim/claims. Main's CLIENT_PAGES lists it with no route.
ticket #429 → comment Controls on a phone: #429's 44 px Button below 48rem covers Report an incident too.
main → spec Comfortable from 48rem up: the Client pages keep 44 px controls and 16 px text at every width. Main's are 32 px with 14 px text.

Signed in on a phone, the switcher lives only in the burger menu and the header pill goes; signed-out steps keep the pill. (12 Oct 2026)
The language switcher shows on every step, the code step included. (12 Oct 2026)

From client-sign-in.html, client-capture.html and main's ui/Claim/Policy, ClientHeader, ClientFooter, app/error.tsx; #461, #502, #674