Onboarding part 4a: choice cards

Tour length, travel time and the application link become big tap-to-save cards. Desktop and phone, light and dark, on a pre-live stage TEST company.

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

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 · Hours & contact, desktop light

Tour length and travel time are rows of cards, with Other at the end for a typed answer. "Recommended" sits only on tour length 30, the one value acceptRecommendationPlan offers and the tab can save; it is gone once the company answers. Travel time has 15 and 30 minutes and Other, with no "back to back" card: a 0 is not stored today, so that card could never close the question. Office hours and the company name are unchanged here (office-hours presets are part 4b).

Asserted in the captured DOM — Tour length · 15 minutes · 30 minutes · 45 minutes · 60 minutes · Other

Hours & contact, desktop light
Sections 2–5 and notes

2 · Hours & contact, desktop dark

Same page in dark mode. Every colour is a shared token: the picked card is the primary border with a 10% tint, the rest are card background with the normal border.

Asserted in the captured DOM — Tour length

Hours & contact, desktop dark

3 · Hours & contact, phone light

At phone width the cards wrap two across, then one, with no horizontal scroll (a wrapping flex row, no media query).

Asserted in the captured DOM — Tour length · Other

Hours & contact, phone light

4 · Hours & contact, phone dark

Phone, dark.

Asserted in the captured DOM — Tour length · Other

Hours & contact, phone dark

5 · Applying, desktop light

The application link is two wide cards with a hint line each. When AppFolio is not connected, "A new link for each prospect" is disabled and its hint says to connect AppFolio first.

Asserted in the captured DOM — One application page for every prospect

Applying, desktop light

What was checked

No card was tapped during capture, so nothing was written to stage. Tap-to-save, the Other field, the badge rule and the AppFolio gate are pinned by the DOM tests in this PR.

PropFlow Docs