The bottom status bar showed no version and had no quick path to updates. Add a small `v<version>` badge next to the network/share icon; clicking it opens Settings → Updates. When an update is available (or downloaded and ready), the badge highlights and shows a pulsing notification dot, and its tooltip names the new version — so users can see at a glance that an update is waiting and one click takes them to install it. Mechanism: a one-shot `pendingSettingsTab` hand-off in the UI store (mirrors the existing `pendingProfileId` pattern) + an `openSettingsTab(tab)` convenience that sets the tab and navigates in one call. Settings consumes it as its initial tab and clears it (an effect covers the already-open case). The indicator reads the existing `updateStatus`/`updateVersion` from the updater slice — no new update plumbing. Version from the shared APP_VERSION constant; new strings via i18n. Test: openSettingsTab.test.js — the convenience sets mode=settings + the pending tab, and the value can be cleared after consumption. Co-authored-by: mergetest <test@local> Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Oxc
- @vitejs/plugin-react-swc uses SWC
React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
Expanding the ESLint configuration
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.