Onboarding tab, part 3a: Hours & contact questions and the pending dots
Tour length, travel time and company name saved through their existing routes, with dots that clear when answered
30 Sept 2026 · branch feat/onboarding-leasing-hours-p3a · captured against propflow-stage · at 82b9a576a4+local
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, before anything is answered here
The section now asks four questions, and each one saves where the product already keeps it. Blue dots mark the questions still waiting on an answer, and the section row and the Leasing tab carry the same dot.
What to look at
Tour length offers Accept recommendation: 30 minutes. That saves PropFlow's default as the company's own answer, and the dot clears. Office hours never offers this, because PropFlow has no default week Clara can use. Travel time and Company name are plain fields. The greyed rows at the bottom are questions with nowhere to save yet. They show only to PropFlow admins, marked Coming soon.
Asserted in the captured DOM — Hours & contact · Office hours · Tour length · Travel time between showings · Company name used in emails · Coming soon. All four questions and the Coming soon rows rendered (not the loading or error state).
2 · The same page, dark (last, because the theme persists)
Notes
Switched to dark with the product's own theme control. The dots, cards and Coming soon rows use shared tokens, so nothing on this page is drawn by hand. Nothing was saved in any capture, so no stage data was written. The saves are covered by the DOM tests.
Asserted in the captured DOM — Hours & contact · Tour length · Travel time between showings. Same content as the light capture. A theme change switches only the colours.
Two critique rounds, against brand-and-design.md and the mock
Round 1 and round 2
Round 1 (light, against the mock and brand-and-design.md). The mock's dot rules hold: a blue dot on the Leasing tab, on the Hours & contact row and on each open question. Office hours (already answered on this test company) carries none. Fix made after this round: the minutes fields were stretched across the whole card, so number fields are now a few digits wide and text fields stop at a readable width. Coming soon rows use the shared component, greyed, with the admin-only note, and they sit last so they never read as questions to answer.
Round 2 (dark). Every colour is a shared token: the dots, cards, inputs and Coming soon rows all follow the theme. No new colour is drawn by hand. Nothing was saved in any capture. The saves, Accept and the dot clearing are pinned by the DOM tests.