Debug replay fixes (#23276)

* filter replay camera from camera selectors

* add face rec and lpr to replay configuration sheet

* add missing config topic subscriptions in embeddings maintainer

* pop replay camera from config object when stopping

web/src/views/events/EventView.tsx

@@ -32,6 +32,7 @@ import {
   ZoomLevel,
 } from "@/types/review";
 import { getChunkedTimeRange } from "@/utils/timelineUtil";
+import { isReplayCamera } from "@/utils/cameraUtil";
 import { getEndOfDayTimestamp } from "@/utils/dateUtil";
 import axios from "axios";
 import {
@@ -1015,12 +1016,14 @@ function MotionReview({
 
     let cameras;
     if (!filter || !filter.cameras) {
-      cameras = Object.values(config.cameras);
+      cameras = Object.values(config.cameras).filter(
+        (cam) => !isReplayCamera(cam.name),
+      );
     } else {
       const filteredCams = filter.cameras;
 
-      cameras = Object.values(config.cameras).filter((cam) =>
-        filteredCams.includes(cam.name),
+      cameras = Object.values(config.cameras).filter(
+        (cam) => filteredCams.includes(cam.name) && !isReplayCamera(cam.name),
       );
     }
 

web/src/views/settings/CameraManagementView.tsx

@@ -44,6 +44,7 @@ import {
 } from "@/components/ui/tooltip";
 import type { ProfileState } from "@/types/profile";
 import { getProfileColor } from "@/utils/profileColors";
+import { isReplayCamera } from "@/utils/cameraUtil";
 import { cn } from "@/lib/utils";
 import {
   Select,
@@ -87,7 +88,10 @@ export default function CameraManagementView({
   const enabledCameras = useMemo(() => {
     if (config) {
       return Object.keys(config.cameras)
-        .filter((camera) => config.cameras[camera].enabled_in_config)
+        .filter(
+          (camera) =>
+            config.cameras[camera].enabled_in_config && !isReplayCamera(camera),
+        )
         .sort((a, b) => {
           const orderA = config.cameras[a].ui?.order ?? 0;
           const orderB = config.cameras[b].ui?.order ?? 0;
@@ -180,7 +184,11 @@ export default function CameraManagementView({
   const disabledCameras = useMemo(() => {
     if (config) {
       return Object.keys(config.cameras)
-        .filter((camera) => !config.cameras[camera].enabled_in_config)
+        .filter(
+          (camera) =>
+            !config.cameras[camera].enabled_in_config &&
+            !isReplayCamera(camera),
+        )
         .sort();
     }
     return [];
@@ -188,7 +196,9 @@ export default function CameraManagementView({
 
   const allCameras = useMemo(() => {
     if (config) {
-      return Object.keys(config.cameras).sort();
+      return Object.keys(config.cameras)
+        .filter((camera) => !isReplayCamera(camera))
+        .sort();
     }
     return [];
   }, [config]);

web/src/views/settings/FrigatePlusSettingsView.tsx

@@ -16,6 +16,7 @@ import FrigatePlusCurrentModelSummary from "@/views/settings/components/FrigateP
 import { useDocDomain } from "@/hooks/use-doc-domain";
 import { CameraNameLabel } from "@/components/camera/FriendlyNameLabel";
 import { FrigateConfig } from "@/types/frigateConfig";
+import { isReplayCamera } from "@/utils/cameraUtil";
 import type { SettingsPageProps } from "@/views/settings/SingleSectionPage";
 
 export default function FrigatePlusSettingsView(_props: SettingsPageProps) {
@@ -139,8 +140,9 @@ export default function FrigatePlusSettingsView(_props: SettingsPageProps) {
                         </tr>
                       </thead>
                       <tbody>
-                        {Object.entries(config.cameras).map(
-                          ([name, camera]) => (
+                        {Object.entries(config.cameras)
+                          .filter(([name]) => !isReplayCamera(name))
+                          .map(([name, camera]) => (
                             <tr
                               key={name}
                               className="border-b border-secondary"
@@ -156,8 +158,7 @@ export default function FrigatePlusSettingsView(_props: SettingsPageProps) {
                                 )}
                               </td>
                             </tr>
-                          ),
-                        )}
+                          ))}
                       </tbody>
                     </table>
                   </div>

web/src/views/settings/ProfilesView.tsx

@@ -19,6 +19,7 @@ import type { JsonObject } from "@/types/configForm";
 import type { ProfileState, ProfilesApiResponse } from "@/types/profile";
 import { getProfileColor } from "@/utils/profileColors";
 import { PROFILE_ELIGIBLE_SECTIONS } from "@/utils/configUtil";
+import { isReplayCamera } from "@/utils/cameraUtil";
 import { resolveCameraName } from "@/hooks/use-camera-friendly-name";
 import { useDocDomain } from "@/hooks/use-doc-domain";
 import { cn } from "@/lib/utils";
@@ -145,7 +146,9 @@ export default function ProfilesView({
     if (!config || allProfileNames.length === 0) return {};
 
     const data: Record<string, Record<string, string[]>> = {};
-    const cameras = Object.keys(config.cameras).sort();
+    const cameras = Object.keys(config.cameras)
+      .filter((name) => !isReplayCamera(name))
+      .sort();
 
     for (const profile of allProfileNames) {
       data[profile] = {};

web/src/views/system/CameraMetrics.tsx

@@ -25,6 +25,7 @@ import useSWR from "swr";
 import { useTranslation } from "react-i18next";
 import { CameraNameLabel } from "@/components/camera/FriendlyNameLabel";
 import { resolveCameraName } from "@/hooks/use-camera-friendly-name";
+import { isReplayCamera } from "@/utils/cameraUtil";
 
 type CameraMetricsProps = {
   lastUpdated: number;
@@ -316,7 +317,7 @@ export default function CameraMetrics({
       <div className="grid grid-cols-1 gap-6 md:grid-cols-2">
         {config &&
           Object.values(config.cameras).map((camera) => {
-            if (camera.enabled) {
+            if (camera.enabled && !isReplayCamera(camera.name)) {
               return (
                 <Fragment key={camera.name}>
                   {probeCameraName == camera.name && (