From 93028dc8477b572f5a0d2e85e40a9340f2f215d1 Mon Sep 17 00:00:00 2001 From: sl-webui Date: Tue, 3 Mar 2026 13:27:09 -0500 Subject: [PATCH] feat(webui): add dedicated CAMERAS tab group for camera viewer (Issue #349) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Move camera viewer from TELEMETRY to new CAMERAS tab group (rose color). Reorganizes tab structure to separate media capture from system telemetry. CameraViewer.jsx already provides comprehensive MJPEG stream support: - Multi-camera switching (7 total: front/left/rear/right CSI, D435i RGB/depth, panoramic) - FPS counter per camera with quality badge (FULL/GOOD/LOW/NO SIGNAL) - Resolution and camera info display - Detection overlays (faces, gestures, scene objects) - Picture-in-picture support (up to 3 pinned cameras) - Video recording (MP4/WebM) and snapshot capture - 360° panoramic viewer with mouse drag pan - Color-coded quality indicators based on FPS Co-Authored-By: Claude Haiku 4.5 --- ui/social-bot/src/App.jsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/ui/social-bot/src/App.jsx b/ui/social-bot/src/App.jsx index f2c4b25..d5637dc 100644 --- a/ui/social-bot/src/App.jsx +++ b/ui/social-bot/src/App.jsx @@ -112,7 +112,13 @@ const TAB_GROUPS = [ { id: 'map', label: 'Map', }, { id: 'control', label: 'Control', }, { id: 'health', label: 'Health', }, - { id: 'cameras', label: 'Cameras', }, + ], + }, + { + label: 'CAMERAS', + color: 'text-rose-600', + tabs: [ + { id: 'cameras', label: 'Cameras' }, ], }, { -- 2.47.2