order

Comparison

Two labelled panels side by side, each holding its own blocks.

Project statusA checklist beside a status summary

Harbour rebrand: to do

Brand palette signed off

Icon audit finished

Homepage copy approved

Van livery photographed

Harbour rebrand: status

On track for 24 Oct84% complete, owner Maya Chen

Task	Owner	Due
Harbour homepage	Maya Chen	Fri
Launch checklist	Priya Nair	Fri

Light content

Open

Book crew interviews

Done

Nothing here yet

In context

Two projectsSame shape, one panel each

Tideline mobile

In review61% complete, due 7 Nov

Offline sync for tasks

Quiet inbox

Crew sign-in

Depot signage

In review48% complete, due 21 Nov

Depot fascia final

Wayfinding map

Print proofs

{ type: "comparison", leftLabel: string, leftBlocks: Block[], rightLabel: string, rightBlocks: Block[] }

The right panel takes the left panel's measured height, so an embedded iframe on either side always matches its sibling.