Demo 1 · Showroom — single-surface view (W1)
Search/
Cash MakersSales Manager
Showroom 2
Appointments 115%
Showing 35%
Avg Visit 2h 32m5%
Sold 115%
Showroom2 Total< 2h2h - 4h> 4h
TB+2
9:05 am·4h 10m·Sales
GreetTest DriveAppraisalManager T.O.Credit App
2026 Land Rover Defender#1324557$96,000LeaseFresh
JM+2
11:42 am·1h 15m·Sales
GreetTest DriveAppraisalManager T.O.Credit App
2025 Land Rover Defender#1324567$26,000CashFinance
Anticipated5 Total
TB+2
9:00 am·Sales·Missed
JM+2
10:00 am·Sales·Unconfirmed
2026 Land Rover Defender#1324557$96,000LeaseFresh
JM+2
12:00 pm·Sales·Confirmed
2025 Land Rover Defender#1324567$26,000CashFinance
TB+2
1:15 pm·Sales·Confirmed
JM+2
3:30 pm·Sales·Confirmed
2025 Land Rover Defender#1324567$26,000CashFinance
2026 Land Rover Defender#1324557$96,000LeaseFresh
Completed2 Total
JM+2
9:30 am·2h 32m·Sales
GreetTest DriveAppraisalManager T.O.Credit App
Needed to go get driver's license
2025 Land Rover Defender#1324567$26,000CashFinance
TB+2
10:15 am·1h 48m·Sales
GreetTest DriveAppraisalManager T.O.Credit App
Bought a car!
2025 Land Rover Defender#1324567$26,000CashClose
OPEN — dual-home Showroom: Showroom is a Contacts view (mobile: CRM card row; desktop: CRM › Showroom rail row); a Visits home is paused (comp-visits-shell.html). Whether to remove it here is an open decision. THE WRAPPER CONTRACT — every Views experience provides {title · optional count · action cluster · optional quick-filter row · content surface}; the SHELL provides the open rail (dealership · refresh · search in its head rows; Contacts and Showroom are its child rows — nav.ia), plus the pagehead frame. Showroom: title + Today/Filters/+Add + All/Mine + its white four-container surface (1:1 from comp-showroom-screen). This is the template the Showroom layout project (S2) instantiates. NAV-2: the Views column and section tabs moved into the rail (nav.ia).
Demo 2 · Contacts — classic contacts list
Search/
Cash MakersSales Manager
Contacts 9.9K
Clementine Jane 1h 5m Vehicle Inquiry
2022 Jeep Wrangler Rubicon+2
Worried her thin credit might make her payment unmanageable.
HotLocation 1
Rachel Rowen 5m Vehicle Inquiry
2022 Jeep Wrangler Rubicon+2
Worried her thin credit might make her payment unmanageable.
HotLocation 1
Clementine Bartholomew 45m Vehicle Inquiry
2022 Jeep Wrangler Rubicon+2
Worried her thin credit might make her payment unmanageable.
HotLocation 1
Same shell, different view: 'Contacts' active in the rail; pagehead carries the view's own cluster (Next 7 Days date-range indicator · Filters · + Add) and the optional COUNT (999) — Customers render as FULL-WIDTH edge-to-edge hairline rows on the white surface (.sb-custlist; the bg-subtle card well is gone). Quick filters All/Mine/Unassigned/Show All + Newest sort; content surface = the locked .sb-cust--wide list on the bg-subtle well (reused 1:1 from comp-desktop-screen). NAV-2: the Views column and section tabs moved into the rail (nav.ia).
Demo 3 · Inbox — shell hosts a multi-pane view (the designed Inbox is comp-inbox-desktop)
Inbox 60
Inbox experience not designed yet — skeleton demonstrates the wrapper contract for multi-pane views.
Inbox experience not designed yet — this skeleton exists purely to demonstrate the wrapper contract for MULTI-PANE views: thread-list pane (310px) · conversation pane (flex) w/ composer strip · 424px Customer Details right panel, separated by gray-06 hairlines; all blocks are plain gray-07 placeholders. CONTRACT PROVEN across three shapes: single surface (Showroom) · list (Contacts) · multi-pane (Inbox).