Leasing & tours on the unified topic page (slice 1)

One header row with the tabs and the info i, always full width, the Company column always first with the picked building beside it. TEST company only.

1 Oct 2026 · branch settings-portfolio/topic-page-s1 · captured against propflow-stage · at 0b0d5aedc87

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 · Company tab

The tabs, the page actions and the info i share ONE 48px row; the grid below only captions its columns. Full width (formWide) even with one column: fixed 13rem tracks leave the right side empty rather than stretching, so nothing re-flows later.

Asserted in the captured DOM — Company · Property · Tour length · uses PropFlow default

Leasing & tours, Company tab
Sections 2–6 and notes

2 · Clicking Property (nothing picked yet): the list opens, nothing moves

With no building picked, the Property tab opens the property list in place. There is no "Pick a property" page any more; compare this frame with the one above: the header, the grid and the card below are where they were.

Asserted in the captured DOM — Company · Tour length

Property list open over the unchanged page

3 · A building picked: split view

The pick adds the building's column beside Company and focuses it. Company stays, editable, in the same place and at the same width; the building's empty boxes say which company value they use.

Asserted in the captured DOM — Company · Tour length · Empty

Company and one building side by side

4 · Back to the Company tab: only the underline moves

Same columns as the frame above; clicking Company moves the underline and shows the company's own leasing card under the grid. The header and the grid did not move (pinned in the DOM test: the grid and the header are the same nodes across every switch).

Asserted in the captured DOM — Company · Tour length · Empty

Company focused, building column kept

5 · Company plus two buildings

Each added building appends a 13rem column to the right; nothing already on the page resizes.

Asserted in the captured DOM — Company · Tour length

Company and two buildings

6 · Phone width: stacked

Below md each row stacks: the label, the Company cell, then the building's, each captioned with whose it is. The header row keeps its height; the tab strip scrolls sideways.

Asserted in the captured DOM — Company · Tour length

Phone width, rows stacked Company first

What this slice does not do yet

Toggling still re-reads (slice 2 caches it), the save bar is still hosted per focus (slice 3 makes it one), the other topic pages keep their shells (slice 4), the picked building is not remembered across pages (slice 5), and there is no differences filter (slice 6).

PropFlow Docs