3.4.0 - Frontend styling update

[roflcoopter]

The biggest change in this release is the new look and feel of the frontend, done by @kaburagisec. There are no radical changes, but they still make a big difference.

I urge you to browse around in the UI and see for yourself, but here are a few highlights of these changes:

• First of all, the font has been updated to use IBM Plex Sans
• IBM Carbon Icons is used for icons
• The Recordings page has gotten new filtering options for date and detection type:

• Each camera card on the frontpage now shows the cameras uptime
• You can now zoom and pan in the Live view, as well as changing the order of cameras:

Live.view.zoom.and.pan.mp4

• Changing between a number of layouts is now also possible, allowing you to focus on specific cameras:

Live.view.layout.mp4

• You can also save layouts and camera selection in order to quickly recall them:

Live.view.custom.layouts.mp4

Changes were also made to the docs frontpage and the components explorer, giving them a more modern look.

New features

• Adds support for public image URL's for the webserver components. This system can be used by any notification component that needs to share images externally.
• Adds public image support to gotify
• New config option drain for storage tiers. When enabled, all files in the tier are moved when a limit is reached, reducing stress on disks
• Subpath/base path support. You can now host Viseron using a base path in a reverse proxy. See the docs for more information

Changes

• When clicking on the timeline, the HLS player will now load the stream starting one hour before the requested time.
  This allows you to seek backwards a bit to get some context before the requested timestamp.
• When using multiple tiers, files in HLS playlists will now always point to the first tier in order to not break HLS specifications.
  A hint that points to the correct tier is provided to the backend via query parameters.
• Hailo component now runs in shared mode, meaning other applications can use the device at the same time as Viseron.
• Upgrade to React 19
• React Compiler is now used, resulting in better performance of the frontend
• Upgrade Eslint to v9
• Upgrade MUI to v7
• Migrate from onvif-zeep to onvif-python library
• The Telegram component has been refactored in order to further decouple it from the PTZ component.

Fixes

• Fix link to configuration from a failed cameras card
• Better handling of color mode selection resulting in fewer re-renders
• Improve performance on the Events timeline view by doing 2 things:
  • Only load thumbnails when scrolling stops
  • Avoid rerenders of all items when available timespans changes
• When using the Export button on the Events page, the selected start date wont be overridden when selecting a new end date and vice versa.

Docker images will be on Docker Hub shortly

All Changes

• build gpac in separate container by @roflcoopter in build gpac in separate container #1119
• allow multiple processes to share hailo device by @roflcoopter in allow multiple processes to share hailo device #1120
• remove unused tenacity dep in requirements.txt by @roflcoopter in remove unused tenacity dep in requirements.txt #1121
• ignore error in UniversalPackages by @roflcoopter in ignore error in UniversalPackages #1122
• upgrade hls.js to 1.6.13 by @roflcoopter in upgrade hls.js to 1.6.13 #1124
• Frontend dependency upgrades by @roflcoopter in Frontend dependency upgrades #1127
• enable react compiler by @roflcoopter in enable react compiler #1128
• Timeline performance improvements by @roflcoopter in Timeline performance improvements #1129
• HLS playback improvements by @roflcoopter in HLS playback improvements #1131
• feat(webserver): Add public image URL system with token-based access by @InterN0te in feat(webserver): Add public image URL system with token-based access #1125
• Migrate from onvif-zeep to onvif-python library by @kaburagisec in Migrate from onvif-zeep to onvif-python library #1135
• upgrade node to 22.20.0 by @roflcoopter in upgrade node to 22.20.0 #1141
• feat(storage): add 'drain' option to tier configuration by @roflcoopter in feat(storage): add 'drain' option to tier configuration #1140
• get libhailort from docker instead of azure in ci by @roflcoopter in get libhailort from docker instead of azure in ci #1143
• pin hls files to first tier by @roflcoopter in pin hls files to first tier #1142
• Update launch.json to use debugpy instead of python for debugging configurations by @kaburagisec in Update launch.json to use debugpy instead of python for debugging configurations #1145
• feat: reverse proxy subpath support by @neagix in feat: reverse proxy subpath support #1136
• update webserver config.json by @roflcoopter in update webserver config.json #1148
• frontend: dont override selected dates in export dialog by @roflcoopter in frontend: dont override selected dates in export dialog #1149
• Add database readiness check and retry mechanism by @kaburagisec in Add database readiness check and retry mechanism #1146
• Several UI/UX Improvements by @kaburagisec in Several UI/UX Improvements #1150
• feat(gotify): Add public URL support and configurable image quality by @InterN0te in feat(gotify): Add public URL support and configurable image quality #1126
• Refactor of Telegram component by @roflcoopter in Refactor of Telegram component #1160
• fix: use reverse proxy subpath also on 404 page by @neagix in fix: use reverse proxy subpath also on 404 page #1161
• Several Docs Improvements by @kaburagisec in Several Docs Improvements #1159
• Fix login form not showing when session expires by @roflcoopter in Fix login form not showing when session expires #1173
• make sure players in grid are always centered by @roflcoopter in make sure players in grid are always centered #1175
• 3.4.0 by @roflcoopter in 3.4.0 #1176

New Contributors

• @kaburagisec made their first contribution in Migrate from onvif-zeep to onvif-python library #1135
• @neagix made their first contribution in feat: reverse proxy subpath support #1136

Full Changelog: v3.3.1...v3.4.0

---

This discussion was created from the release 3.4.0 - Frontend styling update.

[sgoldtho]

Just update to 3.4.0, but now Hailo 8 fails to load...

I'm using 'Hailo Driver Version: 4.22.0', is that the correct one?

The logs show:

2025-12-13 13:19:49.997 [INFO ] [viseron.components] - Setting up component hailo, attempt 4
2025-12-13 13:19:50.042 [DEBUG ] [viseron.components.hailo] - Detected Hailo architecture: hailo8
2025-12-13 13:19:50.043 [DEBUG ] [viseron.components.hailo.utils] - Using provided model file /config/models/hailo8/yolox_l_leaky-v2.17.0.hef
2025-12-13 13:19:50.062 [ERROR ] [viseron.components.hailo] - Failed to load Hailo8: 'multi_process_service'
2025-12-13 13:19:50.063 [ERROR ] [viseron.components.hailo] - Failed to load Hailo8
2025-12-13 13:19:51.080 [ERROR ] [viseron.components.hailo] - Failed to start Hailo 8 detector:
Traceback (most recent call last):
File "/src/viseron/components/hailo/init.py", line 100, in setup
vis.data[COMPONENT] = Hailo8Detector(vis, config[CONFIG_OBJECT_DETECTOR])
File "/src/viseron/components/hailo/init.py", line 152, in init
self.initialize()
File "/src/viseron/components/hailo/init.py", line 163, in initialize
raise LoadHailo8Error
viseron.components.hailo.LoadHailo8Error
2025-12-13 13:19:51.081 [ERROR ] [viseron.components] - Component hailo is not ready. Retrying in 40 seconds in the background. Error:
2025-12-13 13:19:51.081 [ERROR ] [viseron.components] - Setup of component hailo failed

Thanks.

[roflcoopter]

Just update to 3.4.0, but now Hailo 8 fails to load...

I'm using 'Hailo Driver Version: 4.22.0', is that the correct one?

The logs show:

2025-12-13 13:19:49.997 [INFO ] [viseron.components] - Setting up component hailo, attempt 4 2025-12-13 13:19:50.042 [DEBUG ] [viseron.components.hailo] - Detected Hailo architecture: hailo8 2025-12-13 13:19:50.043 [DEBUG ] [viseron.components.hailo.utils] - Using provided model file /config/models/hailo8/yolox_l_leaky-v2.17.0.hef 2025-12-13 13:19:50.062 [ERROR ] [viseron.components.hailo] - Failed to load Hailo8: 'multi_process_service' 2025-12-13 13:19:50.063 [ERROR ] [viseron.components.hailo] - Failed to load Hailo8 2025-12-13 13:19:51.080 [ERROR ] [viseron.components.hailo] - Failed to start Hailo 8 detector: Traceback (most recent call last): File "/src/viseron/components/hailo/init.py", line 100, in setup vis.data[COMPONENT] = Hailo8Detector(vis, config[CONFIG_OBJECT_DETECTOR]) File "/src/viseron/components/hailo/init.py", line 152, in init self.initialize() File "/src/viseron/components/hailo/init.py", line 163, in initialize raise LoadHailo8Error viseron.components.hailo.LoadHailo8Error 2025-12-13 13:19:51.081 [ERROR ] [viseron.components] - Component hailo is not ready. Retrying in 40 seconds in the background. Error: 2025-12-13 13:19:51.081 [ERROR ] [viseron.components] - Setup of component hailo failed

Thanks.

The only change that was made was to enable multi process support, which seems to correspond with your error. Looking into it!

[sgoldtho]

Not sure if it's relevant but just to confirm I have the Hailo-8, not the Hailo-8L.

Thanks again...

[kaburagisec]

Thank you for the release! 🚀

If you (all users) find any bugs or unwanted behavior in the new UI, feel free to create an issue and mention me.