Feature Header Inventory
The single source-of-truth log of every feature screen's nav-bar header, desktop and mobile, in one place. Each feature keeps desktop↔mobile control parity — the same controls, re-flowed. New features (Tasks, Calendar) are defined here first so we know the header direction before building the screens.
→ Interaction states & behavior: Header Controls states — what each control looks like in every state and what happens when you click it.
Shared chrome — not repeated per feature
Desktop — top nav + left rail
Search…
Mobile — the .sb-mh-tabs section band
Shared chrome is the desktop top nav (logo · Analytics/Contacts/Leads/Tasks/Calendar · search) + collapsed left rail, and the mobile section-tabs band (Analytics/Contacts/Leads/Tasks/Cal). It is identical on every screen, so the feature blocks below show only each feature's own control strip (pagehead + mselbar), not the shared chrome. Two mobile header variants exist: FULL (Contacts/Showroom only — adds the Views toggle + title, because Contacts has a Views sheet) and COMPACT (every other feature — one .sb-mselbar--compact icon row, no Views, no title).
AnalyticsCustom quick-filter
Desktop — control strip
Mobile — compact
Controls (desktop = mobile): Team / Mine quick-filter chips · the AI Included ↔ AI Excluded two-state chip (hides the AI row) · date-range chip (Today, opens the Filters panel) · Filters. No Views, no title, no Add, no Compact. The date chip and Filters both open the Analytics Filters panel. Source: comp-analytics-desktop / comp-analytics-mobile.
Contacts / ShowroomFull
Desktop — control strip
Showroom
Mobile — FULL
FULL variant (Contacts/Showroom only — it has a Views sheet). Desktop pagehead: Views toggle · title "Showroom" · date-range (Today) · Filters · primary + Add, with an All/Mine quick-filter row beneath. Mobile: the FULL header = section tabs + .sb-mh-titlebar (Views · title · date-range · Filters · + Add) + .sb-mselbar (All / Mine). Source: comp-contacts-shell / comp-contacts-shell-mobile.
Desk / LeadsCompact
Desktop — control strip
Leads28
Mobile — compact
COMPACT variant. Desktop: the actions live at the top level in the pagehead — title "Leads" + count + spring + date-range (Today) / Filters / + Add; the mselbar below carries the quick-filters, the Board ↔ Table view two-state, density, and the labeled Sort dropdown — [All / Mine / Unassigned] | [Untouched(icon-only — triangle + red count badge)] | [Board/Table · Compact(grip-lines) · Sort]. Mobile: one .sb-mselbar--compact row carries the same groups then the actions after the spring (no stray divider); icon buttons stay 32px but Add keeps its text label and hugs its content. Source: comp-leads-desktop / comp-leads-mobile.
TasksCompactNew — defined here
Desktop — control strip
Overdue toggle — both states:
Tasks42
Mobile — compact
NEW — COMPACT. Desktop: actions in the pagehead (title "Tasks" + count + spring + Filters / + Add); the mselbar below is only quick-filters + density, grouped by .sb-mseldiv — [All / Mine] | [Overdue toggle] | [Compact(icon-only)]. The status control is a two-state toggle (All ↔ Overdue) — a single stateful pill: default "All" (fa-list icon), active "Overdue" (fa-triangle-exclamation), using the standard selection color (blue selected style, like any quick-filter) — both states shown above. On mobile the toggle is icon-only (list / triangle by state) and the actions follow the spring (no stray divider). No date-range — the Overdue cut is the date filter; "Due Today" was removed. Add keeps its text on mobile. Board bands (Urgent + To-Do — ruling 60) are board content, not header controls.
CalendarCompactNew — defined here
Desktop — control strip
Calendar
Mobile — compact
NEW — COMPACT. Desktop: actions in the pagehead (title "Calendar" + spring + Filters / + Add); the mselbar below is only quick-filters + density, grouped by .sb-mseldiv — [All / Mine] | [Unresolved] | [Compact(icon-only)]. Unresolved uses fa-triangle-exclamation (shows only unresolved appointments). On mobile the actions follow the spring (no stray divider); Add hugs its content and keeps its text. Date-range is left out — Calendar navigates dates via the calendar grid; a Today chip is a possible later addition.