Onboarding part 6b: renewal rent as cards

The renewal rent as three cards, never badged. Desktop and phone, light and dark.

3 Oct 2026 · branch feat/onboarding-in-settings-p6b-v2 · captured against propflow-stage · at 0ad7b04d85d

Data note. Every name and balance below comes from propflow-stage, which is anonymized by construction (ADR-0097/0110 — phones in the impossible +1000 NPA, emails @example.test). The identical capture against prod would carry real tenants' names and balances and is not safe to attach anywhere, which is why the generator refuses to run against one.

1 · Renewals › Offers, desktop light

The rent is three cards with a hint each. None is badged, because the rent is the customer's money. With nothing stored, none is checked. The limits keep Until you answer, Propflow uses…, with no "keep what Clara uses now" card.

Asserted in the captured DOM — How should Clara set the new rent? · Reset to market rent · Raise by at most a percentage · Raise by at most a dollar amount · Until you answer, Propflow uses

Renewals › Offers, desktop light
Sections 2–4 and notes

2 · Renewals › Offers, desktop dark

Dark mode.

Asserted in the captured DOM — How should Clara set the new rent? · Reset to market rent

Renewals › Offers, desktop dark

3 · Renewals › Offers, phone light

Phone width: one card per row.

Asserted in the captured DOM — How should Clara set the new rent? · Reset to market rent

Renewals › Offers, phone light

4 · Renewals › Offers, phone dark

Phone, dark.

Asserted in the captured DOM — How should Clara set the new rent? · Reset to market rent

Renewals › Offers, phone dark

What was checked

Nothing was tapped or saved during capture, so nothing was written to stage. The tap behaviour is pinned by the DOM tests in this PR.

PropFlow Docs