Demo 1 · Showroom — single-surface view (W1)
Search Contacts
CM
Showroom
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
THE WRAPPER CONTRACT — every Views experience provides {title · optional count · action cluster · optional quick-filter row · content surface}; the SHELL provides the topbar, the collapsed rail (.sb-rail--collapsed, 64px icon-only variant), the 200px Views column, and 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.
Demo 2 · Customers — classic contacts list
Search Contacts
CM
Customers 999
Clementine Jane 1h 5m Vehicle Inquiry
2022 Jeep Wrangler Rubicon+2
Worried her thin credit might make her payment unmanageable.
HotLocation 1
SWJM+2
Rachel Rowen 5m Vehicle Inquiry
2022 Jeep Wrangler Rubicon+2
Worried her thin credit might make her payment unmanageable.
HotLocation 1
SWJM+2
Clementine Bartholomew 45m Vehicle Inquiry
2022 Jeep Wrangler Rubicon+2
Worried her thin credit might make her payment unmanageable.
HotLocation 1
SWJM+2
Same shell, different view: 'All Customers' active in the Views column; pagehead carries the view's own cluster (Next 7 Days date-range indicator · Filters · + Add) — Customers render as FULL-WIDTH edge-to-edge hairline rows on the white surface (.sb-custlist; the bg-subtle card well is gone). The blue Views chip is ON because the Views COLUMN is open ('Views chip reflects the panel's visibility' — OFF = gray-06 chip w/ gray-00 icon when the panel is closed) and the optional COUNT (999); 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).
Demo 3 · Inbox — multi-pane placeholder (NOT designed)
Search Contacts
CM
Inbox 999
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 (Customers) · multi-pane (Inbox).