Tour of the suite
The sidebar, module switcher, top bar, store selector and how deep links work.
The logged-in application lives at /suite. It is one page: the sidebar on the left switches modules, and the module fills the rest of the screen. Moving between modules does not reload the page.
The sidebar
The sidebar lists the eight working modules, then Settings below a divider. A module your plan does not include is still listed, but dimmed and marked with a padlock; clicking it opens an upgrade prompt rather than the module. Notifications, your profile and the current platform version sit at the foot of the sidebar.
globals.css (--bg-sidebar #0F172A), widths and states from suite.module.css, icon paths and module order verbatim from suite/page.tsx.The address bar
The module you are in is written into the URL hash, so any view can be linked to or bookmarked. The pattern is /suite#module, or /suite#module/subview for a module with tabs. Browser back and forward work as you would expect — the suite listens for hash changes and follows them.
| Link | Opens |
|---|---|
/suite#pos | Point of Sale |
/suite#pos/settings | POS settings |
/suite#inventory | Inventory |
/suite#inventory/settings | Inventory settings |
/suite#reporting | Reporting — AI report |
/suite#reporting/cogs | Reporting — COGS report |
/suite#reporting/auto-report | Reporting — scheduled auto report |
/suite#marketing/social | Marketing — social scheduling |
/suite#settings | Settings |
An unrecognised hash falls back to Point of Sale rather than erroring.
The top bar
Each module renders its own header bar with the module name on the left and its actions on the right. The store switcher, notifications and your profile sit in the suite shell above it.