Sidebar Navigation & Client Switcher
The collapsible left sidebar holds main navigation, the client switcher, and your account info — works the same on every screen.
What is it?
The fixed left sidebar (collapsible to a 64 px icon rail). Top: NexusSEO logo. Below: the Selected Client dropdown that switches your working context across the app. Below that: navigation menu (Dashboard, Opportunity Finder, Content Studio, Personas, etc.). Bottom: your profile info, role badge, sign-out button, and backend connection status.
When should I use it?
- Switching between clients — pick from the dropdown to scope every screen to that client.
- Navigating to a different feature.
- Collapsing the sidebar to give the main content more horizontal space.
- Signing out.
How to use it
- Switch client: click the Selected Client dropdown. Type to search if you have many clients. Pick one — every screen reloads with that client's data.
- Navigate: click any menu item. The active screen highlights.
- Collapse: click the ◀ chevron on the right edge of the sidebar header. The sidebar shrinks to icons-only with hover tooltips. Click ▶ to expand.
- Sign out: click Sign Out at the bottom.
Tips and best practices
- Collapse the sidebar when working on dense screens (Asset Library table, Content Studio side-by-side).
- The client switcher is searchable — you don't have to scroll if you have 50 clients.
- Your sidebar collapse preference is remembered in localStorage per device.
Gotchas and limits
- Switching clients clears in-progress work (selected keyword, opened drafts, etc.). Save before switching.
- Mobile: the sidebar overlays the content and closes on navigation. Tap the hamburger to reopen.
- Team members see a smaller menu (no Agency Manager, no Data Sources). My Settings appears in its place.
- Backend status pill shows Online (green) or Demo Mode (amber) — Demo Mode means Firebase config is missing.