UI fixes (#23127)

* hide camera overrides badge from system sections

* show empty card on camera metrics page when no cameras are defined

* fix enabled camera state switch after adding via wizard

Cameras added mid-session have no WS state until the dispatcher publishes camera_activity (which only happens on a fresh onConnect). Fall back to the config's enabled value so the switch reflects reality immediately after the wizard closes.

* guard camera enabled access

console would throw errors after adding via camera wizard

* fix useOptimisticState dropping debounced setState under StrictMode

* use openvino on cpu as default model

- faster than tflite on cpu
- add to default generated config

* use an enum for model_size

the frontend will then render this as a select dropdown because of the changes in the json schema

* i18n

* sync object filter entries with tracked labels in camera config form

Filter sub-collapsibles in the camera Objects section are driven by `filters` dict keys, but profile merges and live track-switch edits don't add matching entries, so newly tracked labels (like from a profile override) had no collapsible. Synthesize default filter entries from `track` in the form data so every tracked label renders a collapsible; baseline data also gets the synthesized entries, so save payloads are unchanged.

* revalidate raw paths cache after config save so CameraPathWidget shows fresh credentials

* fix test

* restore masked ffmpeg credentials when persisting camera config

* formatting

* rebuild ffmpeg commands when enabling recording for the first time

Toggling record.enabled from the config UI updated the in-memory config but left ffmpeg running with its original command, so the record output args were never wired in and nothing landed in the cache for the maintainer to move. The record config update now rebuilds ffmpeg_cmds when enabled_in_config transitions, and the camera watchdog restarts ffmpeg on a false to true transition so the record output gets wired in. MQTT toggles, which only flip record.enabled at runtime, are unaffected and continue to work via the maintainer's drop/keep gate.

* keep record toggle switch in single camera view disabled until enabled in config

* fix override detection for sections unset in the global config

Override badges and the blue dot now compare against schema defaults for sections like motion that the API serializes as null when omitted from the global YAML, instead of treating any populated camera config as an override

* add support for config-aware patterns in section hiddenFields

Section configs can now declare dynamic hidden-field entries as functions of the loaded config; objects.ts uses this to hide auto-populated attribute filters (DHL, face, license_plate, etc.) from the form, save flow, and override popover when those labels aren't user-settable

* siimplify object filters handling

live updating was getting very messy. users will just need to save once they enable a new object in order to see filters for that object

* tweaks

* update docs for new detector default

* make genai provider required and add special case for UI

prevent validation errors from appearing on initial creation of genai provider by setting the first option in the select dropdown as default

web/src/components/config-form/section-configs/audio_transcription.ts

@@ -10,7 +10,11 @@ const audioTranscription: SectionConfigOverrides = {
         severity: "warning",
         condition: (ctx) => {
           if (ctx.level === "camera" && ctx.fullCameraConfig) {
-            return ctx.fullCameraConfig.audio.enabled === false;
+            return (
+              !ctx.fullCameraConfig.ffmpeg?.inputs?.some((input) =>
+                input.roles?.includes("audio"),
+              ) || ctx.fullCameraConfig.audio.enabled === false
+            );
           }
           return false;
         },

web/src/components/config-form/section-configs/face_recognition.ts

@@ -53,6 +53,11 @@ const faceRecognition: SectionConfigOverrides = {
       "device",
     ],
     restartRequired: ["enabled", "model_size", "device"],
+    uiSchema: {
+      model_size: {
+        "ui:options": { size: "xs" },
+      },
+    },
   },
 };
 

web/src/components/config-form/section-configs/lpr.ts

@@ -83,6 +83,9 @@ const lpr: SectionConfigOverrides = {
           suppressDescription: true,
         },
       },
+      model_size: {
+        "ui:options": { size: "xs" },
+      },
     },
   },
 };

web/src/components/config-form/section-configs/objects.ts

@@ -1,5 +1,13 @@
+import type { FrigateConfig } from "@/types/frigateConfig";
 import type { SectionConfigOverrides } from "./types";
 
+// Attribute labels (face, license_plate, Frigate+ couriers like DHL/Amazon,
+// etc.) are populated into objects.filters by the backend even when the
+// model can't actually detect them. They aren't user-settable, so hide any
+// `filters.<attr>` patterns from forms and override comparisons.
+const hideAttributeFilters = (config: FrigateConfig): string[] =>
+  (config.model?.all_attributes ?? []).map((attr) => `filters.${attr}`);
+
 const objects: SectionConfigOverrides = {
   base: {
     sectionDocs: "/configuration/object_filters",
@@ -26,6 +34,7 @@ const objects: SectionConfigOverrides = {
       "filters.*.raw_mask",
       "filters.mask",
       "filters.raw_mask",
+      hideAttributeFilters,
     ],
     advancedFields: ["genai"],
     uiSchema: {
@@ -99,6 +108,7 @@ const objects: SectionConfigOverrides = {
       "filters.mask",
       "filters.raw_mask",
       "genai.required_zones",
+      hideAttributeFilters,
     ],
   },
   camera: {
@@ -123,6 +133,7 @@ const objects: SectionConfigOverrides = {
       "filters.*.raw_mask",
       "filters.mask",
       "filters.raw_mask",
+      hideAttributeFilters,
     ],
     advancedFields: [],
   },

web/src/components/config-form/sections/BaseSection.tsx

@@ -9,7 +9,7 @@ import {
   useRef,
   useContext,
 } from "react";
-import useSWR from "swr";
+import useSWR, { mutate as swrMutate } from "swr";
 import axios from "axios";
 import { toast } from "sonner";
 import { useTranslation } from "react-i18next";
@@ -22,6 +22,7 @@ import {
   modifySchemaForSection,
   getEffectiveDefaultsForSection,
   sanitizeOverridesForSection,
+  synthesizeMissingObjectFilters,
 } from "./section-special-cases";
 import { getSectionValidation } from "../section-validations";
 import { useConfigOverride } from "@/hooks/use-config-override";
@@ -58,7 +59,11 @@ import {
 } from "@/components/ui/alert-dialog";
 import { applySchemaDefaults } from "@/lib/config-schema";
 import { cn } from "@/lib/utils";
-import { ConfigSectionData, JsonValue } from "@/types/configForm";
+import {
+  ConfigSectionData,
+  HiddenFieldEntry,
+  JsonValue,
+} from "@/types/configForm";
 import ActivityIndicator from "@/components/indicators/activity-indicator";
 import { StatusBarMessagesContext } from "@/context/statusbar-provider";
 import {
@@ -68,6 +73,7 @@ import {
   buildConfigDataForPath,
   flattenOverrides,
   getBaseCameraSectionValue,
+  resolveHiddenFieldEntries,
   sanitizeSectionData as sharedSanitizeSectionData,
   requiresRestartForOverrides as sharedRequiresRestartForOverrides,
 } from "@/utils/configUtil";
@@ -90,7 +96,7 @@ export interface SectionConfig {
   /** Fields to group together */
   fieldGroups?: Record<string, string[]>;
   /** Fields to hide from UI */
-  hiddenFields?: string[];
+  hiddenFields?: HiddenFieldEntry[];
   /** Fields to show in advanced section */
   advancedFields?: string[];
   /** Fields to compare for override detection */
@@ -357,25 +363,34 @@ export function ConfigSection({
     return get(config, sectionPath);
   }, [config, cameraName, sectionPath, effectiveLevel, profileName]);
 
-  const rawFormData = useMemo(() => {
+  const rawFormData = useMemo<ConfigSectionData>(() => {
     if (!config) return {};
 
     if (rawSectionValue === undefined || rawSectionValue === null) {
       return {};
     }
 
-    return rawSectionValue;
-  }, [config, rawSectionValue]);
+    return synthesizeMissingObjectFilters(
+      sectionPath,
+      rawSectionValue,
+      modifiedSchema ?? undefined,
+    ) as ConfigSectionData;
+  }, [config, rawSectionValue, sectionPath, modifiedSchema]);
 
   // When editing a profile, hide fields that require a restart since they
   // cannot take effect via profile switching alone.
   const effectiveHiddenFields = useMemo(() => {
+    const base = resolveHiddenFieldEntries(sectionConfig.hiddenFields, config);
     if (!profileName || !sectionConfig.restartRequired?.length) {
-      return sectionConfig.hiddenFields;
+      return base;
     }
-    const base = sectionConfig.hiddenFields ?? [];
     return [...new Set([...base, ...sectionConfig.restartRequired])];
-  }, [profileName, sectionConfig.hiddenFields, sectionConfig.restartRequired]);
+  }, [
+    profileName,
+    sectionConfig.hiddenFields,
+    sectionConfig.restartRequired,
+    config,
+  ]);
 
   const sanitizeSectionData = useCallback(
     (data: ConfigSectionData) =>
@@ -387,7 +402,7 @@ export function ConfigSection({
     const baseData = modifiedSchema
       ? applySchemaDefaults(modifiedSchema, rawFormData)
       : rawFormData;
-    return sanitizeSectionData(baseData);
+    return sanitizeSectionData(baseData as ConfigSectionData);
   }, [rawFormData, modifiedSchema, sanitizeSectionData]);
 
   const baselineSnapshot = useMemo(() => {
@@ -743,6 +758,7 @@ export function ConfigSection({
       }
 
       await refreshConfig();
+      swrMutate("config/raw_paths");
       setPendingData(null);
       onSave?.();
     } catch (error) {

web/src/components/config-form/sections/CameraOverridesBadge.tsx

@@ -20,7 +20,7 @@ import type { ProfilesApiResponse } from "@/types/profile";
 import { humanizeKey } from "@/components/config-form/theme/utils/i18n";
 import { useCameraFriendlyName } from "@/hooks/use-camera-friendly-name";
 import { formatList } from "@/utils/stringUtil";
-import { getSectionConfig } from "@/utils/configUtil";
+import { getEffectiveHiddenFields } from "@/utils/configUtil";
 
 const CAMERA_PAGE_BY_SECTION: Record<string, string> = {
   detect: "cameraDetect",
@@ -43,17 +43,33 @@ const CAMERA_PAGE_BY_SECTION: Record<string, string> = {
 const MAX_FIELDS_PER_CAMERA = 5;
 
 /**
- * Enrichment sections where the cross-camera override badge should be
- * suppressed because they're effectively global-only (or per-camera
- * configuration there isn't a useful affordance to surface here).
- * Face recognition and LPR are intentionally omitted so the badge does show
- * on those enrichment pages.
+ * Sections where the cross-camera override badge should be suppressed.
+ * Includes enrichment sections that aren't meaningfully per-camera
+ * (face recognition and LPR are intentionally omitted so the badge does show
+ * there) and every System sub-page (detector hardware, database, networking,
+ * etc.) which configures Frigate as a whole, not per-camera state.
  */
 const SECTIONS_WITHOUT_OVERRIDE_BADGE = new Set([
+  // Enrichments (face_recognition and lpr remain enabled)
   "semantic_search",
   "genai",
   "classification",
   "audio_transcription",
+  // System
+  "go2rtc_streams",
+  "database",
+  "mqtt",
+  "tls",
+  "auth",
+  "networking",
+  "proxy",
+  "ui",
+  "logger",
+  "environment_vars",
+  "telemetry",
+  "birdseye",
+  "detectors",
+  "model",
 ]);
 
 /**
@@ -231,8 +247,11 @@ export function CameraOverridesBadge({ sectionPath, className }: Props) {
   const rawEntries = useCamerasOverridingSection(config, sectionPath);
 
   const entries = useMemo(() => {
-    const hiddenFields =
-      getSectionConfig(sectionPath, "global").hiddenFields ?? [];
+    const hiddenFields = getEffectiveHiddenFields(
+      sectionPath,
+      "global",
+      config,
+    );
     if (hiddenFields.length === 0) return rawEntries;
     return rawEntries
       .map((entry) => ({
@@ -245,7 +264,7 @@ export function CameraOverridesBadge({ sectionPath, className }: Props) {
         ),
       }))
       .filter((entry) => entry.fieldDeltas.length > 0);
-  }, [rawEntries, sectionPath]);
+  }, [rawEntries, sectionPath, config]);
 
   if (SECTIONS_WITHOUT_OVERRIDE_BADGE.has(sectionPath)) {
     return null;

web/src/components/config-form/sections/section-special-cases.ts

@@ -15,7 +15,7 @@ import { JsonObject, JsonValue } from "@/types/configForm";
  * Sections that require special handling at the global level.
  * Add new section paths here as needed.
  */
-const SPECIAL_CASE_SECTIONS = ["motion", "detectors"] as const;
+const SPECIAL_CASE_SECTIONS = ["motion", "detectors", "genai"] as const;
 
 /**
  * Check if a section requires special case handling.
@@ -53,6 +53,29 @@ export function modifySchemaForSection(
     return schemaWithoutDefault;
   }
 
+  if (sectionPath === "genai") {
+    const additional = schema.additionalProperties;
+    if (
+      additional &&
+      typeof additional === "object" &&
+      !Array.isArray(additional)
+    ) {
+      const props = (additional as RJSFSchema).properties;
+      if (props && typeof props.provider === "object") {
+        return {
+          ...schema,
+          additionalProperties: {
+            ...additional,
+            properties: {
+              ...props,
+              provider: { ...(props.provider as object), default: "openai" },
+            },
+          },
+        };
+      }
+    }
+  }
+
   return schema;
 }
 
@@ -105,6 +128,51 @@ export function getEffectiveDefaultsForSection(
   return schemaDefaults;
 }
 
+/**
+ * Add default filter entries for any label in `objects.track` that isn't
+ * already in `objects.filters`, so each tracked label gets a collapsible.
+ * The backend only auto-populates filters at config init, not after profile
+ * merges.
+ */
+export function synthesizeMissingObjectFilters(
+  sectionPath: string,
+  data: unknown,
+  sectionSchema: RJSFSchema | undefined,
+): unknown {
+  if (sectionPath !== "objects") return data;
+  if (!isJsonObject(data)) return data;
+
+  const trackValue = (data as JsonObject).track;
+  if (!Array.isArray(trackValue) || trackValue.length === 0) return data;
+
+  const properties = (sectionSchema as { properties?: Record<string, unknown> })
+    ?.properties;
+  const filtersSchema = isJsonObject(properties)
+    ? (properties.filters as { additionalProperties?: unknown } | undefined)
+    : undefined;
+  const filterEntrySchema = isJsonObject(filtersSchema?.additionalProperties)
+    ? (filtersSchema.additionalProperties as RJSFSchema)
+    : undefined;
+
+  const existingFilters = isJsonObject((data as JsonObject).filters)
+    ? ((data as JsonObject).filters as JsonObject)
+    : {};
+
+  const newFilters: JsonObject = { ...existingFilters };
+  let added = false;
+  for (const label of trackValue) {
+    if (typeof label !== "string") continue;
+    if (Object.prototype.hasOwnProperty.call(newFilters, label)) continue;
+    newFilters[label] = (
+      filterEntrySchema ? applySchemaDefaults(filterEntrySchema, {}) : {}
+    ) as JsonValue;
+    added = true;
+  }
+
+  if (!added) return data;
+  return { ...(data as JsonObject), filters: newFilters };
+}
+
 /**
  * Sanitize overrides payloads for section-specific quirks.
  */