Repository navigation
v4.26
Gauge pages you can make your own: pictures on your layouts, a car-style status view with live lamps and readouts over a photo, and new gauge styles. Plus about 570 KB of the device filesystem freed.
Try it first: the live demo's Vehicle page runs this exact UI on a simulated inverter, in your browser.
Images on gauge pages
- Image tiles (Dashboard widgets → Image): a logo, diagram or photo on any gauge page or the Dashboard. Upload PNG, JPEG, WebP or GIF up to 200 KB from the tile settings, or pick an image already on the device. Fit (whole image or fill), caption, optional link. SVG uploads are refused (a same-origin SVG can run script).
- Page backgrounds (Edit Layout → page settings → Page background): a picture behind a page's tiles, pinned to the grid's own cells, so a tile placed over a spot stays on it at every width. Size (columns × rows) and position (column, row), fit, alignment, opacity, and Text on it (light or dark text for Clear tiles over a dark or light picture).
- Uploads are stored as
img-<name>and can't be clobbered by shipped assets. An operator can upload; a missing image shows a placeholder instead of breaking the layout. - Kept with your layouts: Export settings (backup) includes the images your pages use, and the pre-update browser stash carries them across web-interface updates.
Car status view
- The sample layout (Gauges → Edit Layout → Load sample layout) gains a Vehicle page: a top-down car photo with lamps on its real head and tail lights, live inverter and motor temperatures on the roof, and drive, battery and temperature gauges around it. Not on the Dashboard; swap in your own car's photo.
- Lamp only (indicator tiles): just the light, no name or ON/OFF text. Invisible while off and a soft glow while on, so a lamp drawn in the picture lights up.
- Badge (text tiles): name, value and unit in a small frosted pill, readable over a busy photo in either theme.
- Clear tiles are now fully borderless (no shadow or blur) for every tile type.
Gauge styles
Chosen per tile under Style, for radial and bar tiles; existing gauges look the same until you change it.
- Segmented: LED blocks lit up to the value along the fill's hue-offset gradient (or the custom colour's); blocks past Warn take the warn colour, blocks below centre the reverse colour.
- Zone track / Zone bands: normal, caution (the last 15% of the span below Warn) and danger (from Warn up) bands with a pointer or marker at the value. Set Warn to get the bands.
Filesystem
- The SPIFFS image no longer carries raw sources that have a
.gztwin. The firmware has always served<file>.gzwhen it exists, so the raw copies were never read; they took about 570 KB of the default ~1.4 MB partition.fs_stage.pystages the image in.pio/fsdata;data/is unchanged for the demo, mock and tests. Browsers, scripts and older firmware see no difference.
Fixes and polish
- Dashboard status card fits its tile at every width instead of scrolling; the action buttons tile goes icon-only when its labels would wrap.
- Header buttons (Record, Full screen, Edit Layout) use proper icons; Record is a dot in a ring, red only while recording.
- Native dropdowns (e.g. the image file picker) follow the dark theme; the sign-in screen shows the full three-phase logo.
- Removed a flickering light band along the top of stacked cards (Update, Settings) caused by backdrop blur on in-flow cards.
- Installer page: the Release label sits above the Stable/Dev picker. Edit mode: an accent resize grip inside the tile corner.
Updating
Use the Update page as usual. Device settings and accounts are kept by the ESP (NVS); layouts and images are saved in the browser just before flashing and put back after the reboot. With sign-in on, the reboot signs everyone out: sign back in as an operator or admin in the same browser and the layouts are restored. Exporting a backup first is still a good idea.
For contributors
- E2E suite at 279 tests, including image tiles, page backgrounds, gauge styles, and restore-after-update with sign-in on.
Full Changelog: v4.25...v4.26
