Settings scope bar — treatment E

The production settings scope bar restyled to Gera's pick from the picker lab: quiet text tabs, thin dividers, a sliding brand bar.

1 Oct 2026 · branch settings-portfolio/scope-bar-e · captured against propflow-stage · at ad52de2864a+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 · The grid's scope bar, a building picked — light

Leasing & tours on the TEST company. The bar is the grid's header row: Company | the picked building, as text tabs split by a thin divider, with the brand bar under the active tab. The building was picked from the chevron's list; the tab took its name and the bar slid over.

Asserted in the captured DOM — Company · SETTING · Leasing & tours

Grid scope bar, light
Details

2 · The property list, from the chevron — light

Company scope with the chevron's list open: the searchable property list (A–Z; ↑ ↓ Enter Esc). It replaces the old dropdown box beside the pills. The Tour length row below is the company column.

Asserted in the captured DOM — Company · Tour length

Property list open, light

3 · Link mode (a topic not on the grid yet) — light

Maintenance, a topic not on the grid yet: the same tabs as a bar of their own over a hairline rule. No add tab here — comparing needs the grid's columns.

Asserted in the captured DOM — Company · Property

Link bar, light

4 · The grid's scope bar, a building picked — dark

The same, dark theme.

Asserted in the captured DOM — Company · SETTING · Leasing & tours

Grid scope bar, dark

5 · The property list, from the chevron — dark

The same, dark theme.

Asserted in the captured DOM — Company · Tour length

Property list open, dark

6 · Link mode (a topic not on the grid yet) — dark

The same, dark theme.

Asserted in the captured DOM — Company · Property

Link bar, dark

What did not change

Behaviour and the address are identical: the same scope and property parameters, the same navigation in link mode. Only the visuals change, plus an optional add tab for compare columns (not wired yet).

PropFlow Docs