Merge c3d25987c3 into c3c27d036f

Cameras that have `ui.dashboard = false` config are hidden from
the All Cameras "default" group, but their alerts still appear in the
top row. This hides the alerts as well.

One can still view the hidden cameras and their alerts by making a
custom camera group.

web/package-lock.json

@@ -99,7 +99,7 @@
         "@types/react-dom": "^18.3.0",
         "@types/react-grid-layout": "^1.3.5",
         "@types/react-icons": "^3.0.0",
-        "@types/react-transition-group": "^4.4.10",
+        "@types/react-transition-group": "^4.4.12",
         "@types/strftime": "^0.9.8",
         "@typescript-eslint/eslint-plugin": "^7.5.0",
         "@typescript-eslint/parser": "^7.5.0",
@@ -5252,11 +5252,11 @@
       }
     },
     "node_modules/@types/react-transition-group": {
-      "version": "4.4.10",
-      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.10.tgz",
-      "integrity": "sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==",
+      "version": "4.4.12",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.12.tgz",
+      "integrity": "sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==",
       "dev": true,
-      "dependencies": {
+      "peerDependencies": {
         "@types/react": "*"
       }
     },

web/package.json

@@ -105,7 +105,7 @@
     "@types/react-dom": "^18.3.0",
     "@types/react-grid-layout": "^1.3.5",
     "@types/react-icons": "^3.0.0",
-    "@types/react-transition-group": "^4.4.10",
+    "@types/react-transition-group": "^4.4.12",
     "@types/strftime": "^0.9.8",
     "@typescript-eslint/eslint-plugin": "^7.5.0",
     "@typescript-eslint/parser": "^7.5.0",

web/src/views/live/LiveDashboardView.tsx

@@ -92,10 +92,17 @@ export default function LiveDashboardView({
   const eventUpdate = useFrigateReviews();
 
   const alertCameras = useMemo(() => {
-    if (!config || cameraGroup == "default") {
+    if (!config) {
       return null;
     }
 
+    if (cameraGroup == "default") {
+      return Object.values(config.cameras)
+        .filter((cam) => cam.ui.dashboard)
+        .map((cam) => cam.name)
+        .join(",");
+    }
+
     if (includeBirdseye && cameras.length == 0) {
       return Object.values(config.cameras)
         .filter((cam) => cam.birdseye.enabled)