2025 Land Rover Defender#1324567$26,000CashFinance
Anticipated5 Total311
TB+2
9:00 amSalesMissed
JM+2
10:00 amSalesUnconfirmed
2026 Land Rover Defender#1324557$96,000LeaseFresh
JM+2
12:00 pmSalesConfirmed
2025 Land Rover Defender#1324567$26,000CashFinance
TB+2
1:15 pmSalesConfirmed
JM+2
3:30 pmSalesConfirmed
2025 Land Rover Defender#1324567$26,000CashFinance
2026 Land Rover Defender#1324557$96,000LeaseFresh
Completed2 Total
JM+2
9:30 am2h 32mSales
GreetTest DriveAppraisalManager T.O.Credit App
Needed to go get driver's license
2025 Land Rover Defender#1324567$26,000CashFinance
TB+2
10:15 am1h 48mSales
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 the STATS ROW + three LIST containers (16px gaps). STATS = four BARE white stat cards (white bg + 1px gray-06 + r5) sitting directly on the board, 8px gaps, 4-up (2×2 mobile) — no inverted container; card 2 = 'Shown' with an 'of 11 Appts' subtitle (no delta); deltas color only the arrow (green/red), the % stays gray-02. The three LIST containers = bordered white bodies w/ gray-07 header strips. Visit cards render as full-width table-like ROWS — no per-row border/radius/background, 1px gray-06 hairlines between rows, 16px padding; the missed red-02 / unconfirmed orange-02 tint spans the full row edge-to-edge. HEADER STRIP = gray-07 bar (title boldTiny + 'N Total' mediumTiny gray-00 · accessory: Showroom duration legend right, Anticipated status legend in the LEFT group after the count — calendar-check green / calendar-day orange / calendar-xmark red, matching the per-row status labels). Row anatomy locked (name-first, actions top-right, meta w/ plain gaps — no dot separators, RTS, note, deal rows: one ext-link after #stock). Lists PRIORITY-ordered, earliest→latest within; date + filters decoupled (one day at a time, Sales default). IDENTICAL card on both breakpoints — mobile just wraps. Redirects (PR #1807): the three stat cards deep-link to filtered day views — Appointments → all of the day's appointments · Shown → the checked-in/completed subset · Sold → the day's closed deals; each Anticipated legend count also deep-links to its filtered slice (Confirmed / Unconfirmed / Missed), exactly like the Sales dashboard tiles. Duration-bucket legend label uses a plain hyphen ("2h - 4h", not an en dash).
Mobile — 375w
Appointments 115%
Shown 3of 11 Appts
Avg Visit 2h 32m5%
Sold 115%
Showroom2 Total< 2h2h - 4h> 4h
TB+2
9:05 am4h 10mSales
GreetTest DriveAppraisalManager T.O.Credit App
2026 Land Rover Defender#1324557$96,000LeaseFresh
JM+2
11:42 am1h 15mSales
GreetTest DriveAppraisalManager T.O.Credit App
2025 Land Rover Defender#1324567$26,000CashFinance
Anticipated5 Total311
TB+2
9:00 amSalesMissed
JM+2
10:00 amSalesUnconfirmed
2026 Land Rover Defender#1324557$96,000LeaseFresh
JM+2
12:00 pmSalesConfirmed
2025 Land Rover Defender#1324567$26,000CashFinance
TB+2
1:15 pmSalesConfirmed
JM+2
3:30 pmSalesConfirmed
2025 Land Rover Defender#1324567$26,000CashFinance
2026 Land Rover Defender#1324557$96,000LeaseFresh
Completed2 Total
JM+2
9:30 am2h 32mSales
GreetTest DriveAppraisalManager T.O.Credit App
Needed to go get driver's license
2025 Land Rover Defender#1324567$26,000CashFinance
TB+2
10:15 am1h 48mSales
GreetTest DriveAppraisalManager T.O.Credit App
Bought a car!
2025 Land Rover Defender#1324567$26,000CashClose
Same surface stacked full-width (white board → four bare white stat cards 2×2 → bordered lists; chrome lives in the mobile shell). The IDENTICAL full card renders on mobile — it simply wraps (no compact variant).
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 — and are LIVE in this spec (R4): hover any of those targets above; pure-CSS [data-tip], the live form of .sb-tooltip.
States — filters-active · toasts · empty · loading
Filters button — default vs ACTIVE (applied filter ≠ default → blue count badge)
Success toast after check-in / check-out (one shown; both use the same atom)
Customer checked in
Empty section — "0 Total" + centered "No appointments"
Anticipated0 Total
No appointments
Loading — shimmer stat cards + one shimmer visit row per section (non-interactive)