Sidebar: Onboarding & go-live, pinned above the person
Gera, 2026-10-03: a pinned item at the bottom of the main sidebar with a small progress ring and the real percent.
3 Oct 2026 · branch feat/go-live-sidebar-p1 · captured against propflow-stage · at 112671770f3+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 · Desktop, light
The item sits at the bottom of the sidebar, under Admin and Settings, directly above the person row. The person row's own top border is the divider line between them. The ring and the line under the label come from the same count the Overview's big ring uses.
Asserted in the captured DOM — Onboarding & go-live
Sections 2–8 and notes
2 · Desktop, dark
Same item in dark mode: the ring track uses the border token and the arc the primary token, so both themes read cleanly.
Asserted in the captured DOM — Onboarding & go-live
3 · Phone, light
On a phone the sidebar is a drawer. Open it and the item is pinned at the bottom above the person, like on desktop.
Asserted in the captured DOM — Onboarding & go-live
4 · Phone, dark
Phone, dark.
Asserted in the captured DOM — Onboarding & go-live
5 · Collapsed sidebar: the ring alone
With the sidebar collapsed, the item is the small ring alone, above the avatar. Hovering shows the name and the percent, and a screen reader hears "Onboarding & go-live, N% complete".
6 · The ring for a second company
Staff see the item for the company picked in the top-left corner, with that company's own number (or "Live" once it has gone live). Changing the pick re-reads the count, and another company's number is never shown in the meantime. Each capture shows a different company's real percent from the stage copy.
Asserted in the captured DOM — Onboarding & go-live
7 · The ring for a third company
Staff see the item for the company picked in the top-left corner, with that company's own number (or "Live" once it has gone live). Changing the pick re-reads the count, and another company's number is never shown in the meantime. Each capture shows a different company's real percent from the stage copy.
Asserted in the captured DOM — Onboarding & go-live
8 · Clicking it opens the Overview
The item links to the onboarding Overview (still at its Settings address in this part; part 2 moves it to /go-live and the link follows on its own). The item is highlighted while you are on an onboarding page.
Asserted in the captured DOM — Answer Clara’s questions · Propflow turns Clara on
What is pinned by tests rather than pictures
The "Live" state (full ring, the word Live) and 0% / part-way / 100% are pinned in GoLiveRailItem.dom.test.tsx against the Overview's own count. The stage copies photographed here are all pre-launch. Also pinned there: a refused or failed read draws nothing, and a staff company switch never shows the previous company's number.