Implement UI for managing multiple models (#24023)

* Implement hardware detection and UI management

* Cleanup Frigate+ detection

* Don't count model as changed

* Fixes for audio map error

* Add descriptions

* Enforce that all model must exist

* Fix hardware picking

* Docs fixes

* WebUI cleanup

* Cleanup handling of scenes

* UI refinement

* Cleanup recommended UI

* test fixews

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

@@ -72,8 +72,7 @@ const SECTIONS_WITHOUT_OVERRIDE_BADGE = new Set([
   "environment_vars",
   "telemetry",
   "birdseye",
-  "detectors",
-  "model",
+  "models",
 ]);
 
 type CameraEntryProps = {

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

@@ -16,7 +16,7 @@ import { getEffectiveAttributeLabels } from "@/utils/configUtil";
  * Sections that require special handling at the global level.
  * Add new section paths here as needed.
  */
-const SPECIAL_CASE_SECTIONS = ["motion", "detectors", "genai"] as const;
+const SPECIAL_CASE_SECTIONS = ["motion", "genai"] as const;
 
 /**
  * Check if a section requires special case handling.
@@ -36,8 +36,6 @@ export function isSpecialCaseSection(
 /**
  * Modify schema for sections that need defaults stripped or other modifications.
  *
- * - detectors: Strip the "default" field to prevent RJSF from merging the
- *   default {"cpu": {"type": "cpu"}} with stored detector keys.
  * - genai: Inject a default provider value on the additionalProperties shape.
  * - objects: Promote tracked attribute labels (face, license_plate, courier
  *   logos) from `filters.additionalProperties` to explicit
@@ -63,12 +61,6 @@ export function modifySchemaForSection(
     return schema;
   }
 
-  // detectors: Remove default to prevent merging with stored keys
-  if (sectionPath === "detectors" && "default" in schema) {
-    const { default: _, ...schemaWithoutDefault } = schema;
-    return schemaWithoutDefault;
-  }
-
   if (sectionPath === "genai") {
     const additional = schema.additionalProperties;
     if (
@@ -270,8 +262,6 @@ function modifyObjectsSchema(
  * - motion: Has anyOf schema with [null, MotionConfig]. When stored value is
  *   null, derive defaults from the non-null anyOf branch to avoid showing
  *   changes when navigating to the page.
- * - detectors: Return empty object since the schema default would add unwanted
- *   keys to the stored configuration.
  */
 export function getEffectiveDefaultsForSection(
   sectionPath: string,
@@ -305,11 +295,6 @@ export function getEffectiveDefaultsForSection(
     return applySchemaDefaults(motionSchema as RJSFSchema, {});
   }
 
-  // detectors: Return empty object to avoid adding default keys
-  if (sectionPath === "detectors") {
-    return {};
-  }
-
   return schemaDefaults;
 }
 
@@ -424,27 +409,6 @@ export function sanitizeOverridesForSection(
     return flattened;
   };
 
-  // detectors: Strip readonly model fields that are generated on startup
-  // and should never be persisted back to the config file.
-  if (sectionPath === "detectors") {
-    const overridesObj = overrides as JsonObject;
-    const cleaned: JsonObject = {};
-
-    Object.entries(overridesObj).forEach(([key, value]) => {
-      if (!isJsonObject(value)) {
-        cleaned[key] = value;
-        return;
-      }
-
-      const cleanedValue = { ...value } as JsonObject;
-      delete cleanedValue.model;
-      delete cleanedValue.model_path;
-      cleaned[key] = cleanedValue;
-    });
-
-    return cleaned;
-  }
-
   if (sectionPath === "logger") {
     const overridesObj = overrides as JsonObject;
     const logs = overridesObj.logs;