Feature catalogue
Operator index of TeslaSync screens. Labels and paths come from the live sidebar (navSections in web/src/components/layout/Layout.tsx). One-line descriptions come from Explore (web/src/features/explore/featureCatalog.ts).
In the app: sidebar groups, or Explore Features at /explore. The primary rail lists sections; selecting one opens its secondary panel. The current page has an accent and a dot, while a chevron marks the open section. Collection groups can expand individually or together, and the secondary filter searches only pages in the open section. Global page, telemetry and command search remains in the centered desktop header and the mobile drawer. On mobile, the sidebar drills from sections into pages with a Back control. The primary rail uses a neutral slate surface, and the context panel uses a separate white/deep-navy surface with a hairline divider. The current page has a narrow, Settings-aware accent indicator and a quiet tinted surface. Opening a section expands only the collection containing the current page (or its first collection when no page in that section is active); the other collections remain collapsed until selected.
Pinned pages remain in their collection and also appear in the section's Quick access pins and the Saved view. Pins are stored on the server and synchronize across browsers on the same installation (on window focus and while the app is open). On first sync, existing browser pins are copied to the server; after that, the server list takes precedence. Pins added while the server is unavailable appear locally and remain queued across reloads until a successful sync. The desktop rail and secondary panel can each collapse to icons; those display preferences remain browser-local.
On Android Chrome, the install banner opens the browser's native install dialog. If Chrome rejects that dialog, the banner explains how to use Chrome's Install app menu instead. On iOS Safari, use Share → Add to Home Screen; Safari does not offer a programmatic install dialog. The Android manifest and launcher icons are served as static files, while the browser-tab and Apple touch icons can reflect the selected theme.
| Sidebar group | Screens | Catalogue page |
|---|---|---|
| Home | 7 | catalogue-home.md |
| Vehicles | 11 | catalogue-vehicles.md |
| Tesla Physics | 16 | catalogue-tesla-physics.md |
| Driving | 32 | catalogue-driving.md |
| Charging | 11 | catalogue-charging.md |
| Battery | 12 | catalogue-battery.md |
| Energy | 6 | catalogue-energy.md |
| Service | 8 | catalogue-service.md |
| Cabin | 6 | catalogue-cabin.md |
| Reports | 11 | catalogue-reports.md |
| Commands | 3 | catalogue-commands.md |
| Automation | 3 | catalogue-automation.md |
| Notifications | 9 | catalogue-notifications.md |
| Advanced Intelligence | 12 | catalogue-advanced-intelligence.md |
| Ownership Intelligence | 10 | catalogue-ownership-intelligence.md |
| Security | 3 | catalogue-security.md |
| Account | 9 | catalogue-account.md |
| Settings | 4 | catalogue-settings.md |
| Integrations | 4 | catalogue-integrations.md |
| Data | 3 | catalogue-data.md |
| Diagnostics | 32 | catalogue-diagnostics.md |
| About | 1 | catalogue-about.md |
How to use this
- Find the sidebar group (same titles as the app).
- Open the path in your installation (example:
https://your-host/charging). - If a panel is empty, use the When empty column — missing telemetry is not a blank product.
Detail pages such as /drives/:id and /charging/:id are opened from list rows, not the sidebar.
Regenerate after nav changes:
node docs/scripts/generate-feature-catalogue.mjs