Dealers used to dig through three layers — primary nav, section tabs, and a Views column — to reach Inbox or the task board. The redesign is one navigation tree rendered two ways: a nested sidebar on desktop, and the bottom bar plus the title switcher on mobile. The top container is CRM; its all-contacts list is Contacts.
| Date | Ruling |
|---|---|
| 09-15 | One nested sidebar on desktop — section tabs and the Contacts Views column move into it. |
| 09-15 | The top container is "Customers" — Inbox · All Customers · Showroom · Leads · Tasks · Calendar. (superseded 09-17: CRM / Contacts) |
| 09-15 | Reports = Sales · Marketing · Audiences — Sales Analytics moves there from the Customers tabs. |
| 09-15 | Automations and Templates live in Settings. |
| 09-15 | Notifications is one list — All — its Inbox tab is removed; Mentions folds into All. |
| 09-15 | The mobile bottom bar stays at six icons — Customers · Inventory · DAISI · Reports · Notifications · You. (superseded 09-17: five-item bar with More) |
| 09-15 | The desktop rail starts collapsed on dense work screens (Inbox, customer, Leads board/table, Tasks); a hover flyout keeps the children one hover away. |
| 09-15 | Mobile keeps the Contacts Views sheet for Showroom — six section tabs do not fit a 390px phone. (superseded 09-18: section card) |
| 09-15 | On every container the mobile titlebar names the active section ("Sales"). |
| 09-15 | One navigation tree, two renderers — no idiom keeps its own list. |
| 09-16 | You / avatar keeps the shipped menu (Settings · Help & Support · Go Online/Offline) — the desktop Settings rail row opens the Settings page; on mobile the menu's Settings option opens it with You lit. (superseded 09-18: More card user row) |
| 09-16 | Settings sections — Profile · Dealership · Team (was Members) · Deal Defaults (was Deals) · Automations · Templates. |
| 09-16 | The app lands on CRM › Inbox — or the next visible CRM section when Inbox is hidden. |
| 09-16 | Rail memory is two per-device settings — one for browse screens, one for dense work screens; each keeps its default until the user toggles it, then remembers on that device. |
| 09-17 | Mobile bottom bar is CRM · Inventory · DAISI · Notifications · More — More holds the user, Reports, Settings, Help, Switch dealership and Log out; desktop unchanged. (superseded 09-25: six items — Search added fourth; the desktop rail head changed) |
| 09-17 | The top container is CRM and the list is Contacts on both idioms — the Space app is more than a CRM, so CRM sits beside Inventory, Reports and DAISI (CEO suggestion). |
| 09-18 | Ruling 26: mobile section tabs retire — the titlebar's title cluster (title · count · angle-down) and a re-tap of the lit bar item open the container card; the Contacts Views sheet + chip are retired; Showroom is a CRM row; Settings gets the same switcher; Inventory and Notifications stay plain. |
| 09-18 | More opens a card, not a page — tapping More raises the More card (the .sb-sheet anatomy) over the current screen, above the bar; More is lit while it is open and on anything opened from it. |
| 09-23 | Review fixes (ruling 27) — the title-switcher glyph is fa-angle-down; bottom-sheet headers match production (grab overlaid, 48px title row, full-width divider); navigation counts are plain neutral text, no chip; the More card's Reports and Settings are accordions; Showroom's count is 2 — the people on the floor now. |
| 09-23 | Match production (NAV-25) — mobile and desktop titles use RootPageHeader's scale (semibold 14 gray-00, count 13 gray-02); sheet titles likewise; sheets are a gray-07 header band over a white list (menuItem: selected/pressed gray-06, hover gray-07); the close X sits in the rows' trailing-glyph column; two doors — More's accordions enter Reports or Settings, the title then switches sections. |
| 09-24 | CRM never auto-opens its card — the first tap goes to the last-used section (first run: Inbox); the title or a re-tap opens the card; More opens its card on every tap; Inventory, DAISI and Notifications have no card. |
| 09-24 | Search is out of scope — it stays exactly as shipped (list screens only, same place); global search is a separate feature. (placement superseded 09-25: desktop rail field, mobile Search bar item) |
| 09-25 | The desktop top bar retires; search gets a place in both navs — desktop rail: dealership · refresh · sidebar toggle (fa-sidebar), then Search ('/' hint), then the tree and a pinned footer (full-width divider · Settings · Help & Support · user row); the Reports–DAISI divider goes; an expanded parent draws a 1px guide line under its icon down to its last child; on the collapsed rail the search icon (or '/') opens the field in a flyout; greyed on screens without list search. Mobile bar: CRM · Inventory · DAISI · Search · Notifications · More — Search is an action that shows the list's search row; greyed where there is none. The section-card page shows both doors on one screen (title → section card, More → the full More card). Search still filters only the current list; placeholder 'Search'; global search stays a separate feature. |
| 09-25 | Cleanup: child chip, flyout rows, one menu, self avatar — a lit or hovered child row's chip starts on the guide line, not the rail's edge — the line takes the chip's gray-07 and the chip's left corners are square, so the lit child reads as part of the line; the collapsed rail's flyout uses the canon menu rows (icon, label, count, check on the open section), and every menu in the system is that one menu; the signed-in user's avatar is a gray photo placeholder without initials, 32px with its ring; every round-robin ring stands off its avatar with a small gap — 2px gap + 2px ring, production's AvatarView spec (desktop and mobile); the Space Auto logo leaves the rail — the dealership selector takes row 1 beside refresh and the toggle, search sits under it with 16px before the tree, and the collapsed rail opens with the building square. |
| 09-30 | Field feedback (Sean Kennedy): CRM starts its own section; the toggle goes back to the shipped arrow; the rail stays flush — a full-width divider sits between search and CRM in both rail states; the collapse toggle returns to the app's DrawerScaffold arrow (fa-arrow-left-to-line open, fa-arrow-right-to-line closed — FA5 arrowToRight turned 180°), so no custom glyph; the rail has no drop shadow (the old specimen frames had one; the app never did). The collapsed flyout stays. Check-in from search goes to the separate search feature as a first requirement; a mobile Home tab is parked. |
| 09-30 | No fake UI in specimens (CPO) — around the thing being shown, leave the space blank or use a real, current screen; never skeleton filler, invented rows or approximate headers, because they get read as spec. The mobile nav specimens lose their grey filler rows, and every Contacts header now carries the shipped quick filters (All · Mine · Unassigned | Unresponded · Show All, QA 201066fed). |
How every shipped destination moves; the change table below the chart is the engineer's checklist.
One tree of containers, sections and views — and the two renderers that draw it.
The rail's head rows and pinned footer, how it nests its children, what the 64px state hides, when each state is the default, and how a collapsed parent reaches its children.
Search lives in the rail: enabled on list screens, greyed elsewhere, '/' to focus. The top bar is retired.
The same tree on a phone: six items in the bottom bar — CRM, Inventory and Notifications open their lists; DAISI, Search and More are actions — sections in the container card behind the title cluster. Reports, Settings and the user row live in the More card, opened by More.
The full spec is ENGINEER_HANDOFF.md → "Navigation — engineering scope (2026-09-15)"; these are the items it lists.
space_common — two levels (containers → sections) plus action nodes.DrawerScaffold gains child rows plus the collapsed flyout.PopoverMenu rows (icon · label · count as trailing · check on the open section), not drawer rows; the self avatar is AvatarView box32 on the rail and in the More card.DrawerScaffold hosts dealership · refresh · toggle, the search field (enabled on list screens, greyed elsewhere; '/' focuses it unless a text input has focus; collapsed: flyout) and a pinned footer; the tree scrolls.fa-angle-down) or a re-tap of the lit item opens the section card for CRM, Reports or Settings; Inventory and Notifications keep plain titles.