Desktop — 752w content column
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
Showroom SURFACE spec — the full screens (chrome + surface) live in comp-contacts-shell / comp-contacts-shell-mobile. SURFACE MAP: var(--white) CONTENT SURFACE (the token — near-black in dark mode) holding FOUR rounded containers (16px gaps): METRICS = INVERTED (gray-07 container, white .sb-bigmetric cells) · the three LIST containers = bordered white bodies w/ gray-07 header strips, sitting on the white surface separated by their borders/headers. Visit cards are NOT individual floating cards: they render as full-width table-like ROWS on the container surface — no per-row border/radius/background, 1px gray-06 hairlines between rows, 16px row padding; the missed red-02 tint spans the full row edge-to-edge. HEADER STRIP = full-width gray-07 bar (title + 'N Total' gray-03 · accessory chips right: duration buckets on Showroom, icon+count breakdown on Anticipated — click through to the calendar day view). Row anatomy stays as locked (name-first, actions top-right, meta, RTS, note, deal rows). Lists PRIORITY-ordered, earliest→latest within; date + filters decoupled (one day at a time, Sales default).
Mobile — 375w
Appointments 115%
Showing 35%
Avg Visit 2h 32m5%
Sold 115%
Showroom2 Total< 2h2h – 4h> 4h
9:05 am·4h 10m·Sales
GreetTest DriveAppraisalManager T.O.Credit App
2026 Land Rover DefenderFresh
11:42 am·1h 15m·Sales
GreetTest DriveAppraisalManager T.O.Credit App
2025 Land Rover DefenderFinance
Anticipated5 Total
9:00 am·Sales·Missed
10:00 am·Sales·Unconfirmed
2026 Land Rover DefenderFresh
12:00 pm·Sales·Confirmed
2025 Land Rover DefenderFinance
1:15 pm·Sales·Confirmed
3:30 pm·Sales·Confirmed
2025 Land Rover DefenderFinance
2026 Land Rover DefenderFresh
Completed2 Total
9:30 am·2h 32m·Sales
GreetTest DriveAppraisalManager T.O.Credit App
Needed to go get driver's license
2025 Land Rover DefenderFinance
10:15 am·1h 48m·Sales
GreetTest DriveAppraisalManager T.O.Credit App
Bought a car!
2025 Land Rover DefenderClose
Same surface stacked full-width (white content → inverted metrics 2×2 → bordered lists; chrome lives in the mobile shell); rows in mobile form (no avatar group, name truncates, deal rows = title + status only).
Help text — canonical tooltip copy (R3b, Taylor's Figma 2026-06-12)
+ AddCreate a new customer and sales appointment.
AppointmentsThe total number of appointments scheduled for a selected day compared to the 30-day rolling average.
Duration timerHow long this customer has been on the showroom floor
UnconfirmedThis appointment was set but not confirmed by the customer.
Placed examples of the locked .sb-tooltip atom (gray-00 bg · title semiBoldParagraph · message mediumTiny). These four are excerpts — the FULL canonical copy table (every metric, button, time, and status tooltip on the Showroom view) is recorded in ENGINEER_HANDOFF.md → R3b. Tooltips attach to: the + Add button, each .sb-bigmetric info glyph, the check-out button, card times, the duration timer, and each status text.