Onboarding hub UX pass

Before and after, captured on localhost against stage from the combined preview Gera approved on 2026-10-05 (port 3067). Parts: P1 #16861, P2b #16862, then P2, P2c, P4a, P4b, P3; #16864, #16865.

Part 1 (#16861) · Overview skeleton matches the page

Before, the loading frame drew only the rows every company has, so on the TEST company the page grew five rows and the whole "Propflow is doing" card when it landed. After, the frame draws the lines this company's page drew last time. Measured: every section and line sits at the same y and height in the ghost and the loaded page. Self-ticking rows read calmly, and "your part done" is said in words.

Before: loading frame (main)
Before: loading frame (main)
After: loading frame on a revisit
After: loading frame on a revisit
After: the loaded Overview (combined preview, 1280)
After: the loaded Overview (combined preview, 1280)

Part 2b (#16862) · Long help behind an "i", in our side drawer

The "i" beside a long-help question opens the docked side panel. It pushes the page instead of covering it with a modal, and has no expand caret. It explains what the question means, why it matters, an example, and what happens if the question is left blank.

After: the help drawer open beside Hours & contact
After: the help drawer open beside Hours & contact

Part 2 · A live company: read-only for everyone, "Edit in Settings"

Each answer shows its value greyed, with a link to where it is edited in Settings. Answers with no Settings home say so in words. Module pages go straight to the questions, with no title or intro.

After: a live stage company, viewed as Propflow staff
After: a live stage company, viewed as Propflow staff

Part 2c · Picks save behind the click; Propflow suggests

A pick shows at once and saves behind it, then shows a small "Saved". A picked card can be unpicked. "Other" waits for a value. There is one clickable "Propflow suggests" hint and no badges. The tour and holiday rows below are part 4b.

After: Leasing › Hours & contact (combined preview)
After: Leasing › Hours & contact (combined preview)

Part 3 · Fees: company value first

The company value comes first: "Set for all properties" fills only the properties without a value, and pet fees are the company value that properties inherit. Then the properties that differ appear as chips, with an "Override one property…" picker and "Show all properties".

After: Leasing › Fees & deposits (TEST company, 11 buildings)
After: Leasing › Fees & deposits (TEST company, 11 buildings)

Parts 4a and 4b · Former "Coming soon" rows save

Part 4a: "What counts as an emergency?" saves, with "Clara will use this soon". Part 4b: Residents (languages as a multi-select, the part-waiting message), Hours & contact tour rows, and Renewals follow-up.

After (4a): Maintenance › Emergencies
After (4a): Maintenance › Emergencies
After (4b): Maintenance › Residents
After (4b): Maintenance › Residents

Maintenance ring list: people (#16864)

Under the ring-list editor: "Find a teammate" (names only) and "+ Add a new person" (name, mobile, role). A contact-only teammate gets no login, no invite and no message.

After: Maintenance › Routing
After: Maintenance › Routing

Buildings in the hub (#16865)

Buildings sits in the hub rail right after Overview, with a red dot while no building is switched on by a saved choice. The old /settings/buildings address redirects here.

After: /onboarding-hub/buildings
After: /onboarding-hub/buildings
PropFlow Docs