Refactor detector and model management (#23995)

* Refactor detector and model management

* Fix model resolution field

web/src/pages/Replay.tsx

@@ -49,6 +49,7 @@ import Logo from "@/components/Logo";
 import { Separator } from "@/components/ui/separator";
 import { useDocDomain } from "@/hooks/use-doc-domain";
 import DebugDrawingLayer from "@/components/overlay/DebugDrawingLayer";
+import { getPrimaryModel } from "@/utils/modelUtil";
 import { IoMdArrowRoundBack } from "react-icons/io";
 
 type DebugReplayStatus = {
@@ -642,7 +643,7 @@ function ObjectList({ cameraConfig, objects, config }: ObjectListProps) {
     if (!config) {
       return;
     }
-    return config.model?.colormap;
+    return getPrimaryModel(config)?.colormap;
   }, [config]);
 
   const getColorForObjectName = useCallback(

web/src/pages/Settings.tsx

@@ -115,6 +115,7 @@ import SaveAllPreviewPopover, {
   type SaveAllPreviewItem,
 } from "@/components/overlay/detail/SaveAllPreviewPopover";
 import { useRestart } from "@/api/ws";
+import { getPrimaryModel } from "@/utils/modelUtil";
 import {
   Tooltip,
   TooltipContent,
@@ -949,14 +950,16 @@ export default function Settings() {
           const pendingKeySet = Object.keys(
             sanitizedDetectors as JsonObject,
           ).sort();
-          const savedKeySet = Object.keys(config.detectors ?? {}).sort();
+          const savedKeySet = [
+            ...(getPrimaryModel(config)?.devices ?? []),
+          ].sort();
           detectorKeysChanged =
             JSON.stringify(pendingKeySet) !== JSON.stringify(savedKeySet);
         }
         let modelTabChanged = false;
         if (sanitizedModel && typeof sanitizedModel === "object") {
           const newPath = (sanitizedModel as { path?: string }).path;
-          const oldPath = config.model?.path;
+          const oldPath = getPrimaryModel(config)?.path;
           const newIsPlus =
             typeof newPath === "string" && newPath.startsWith("plus://");
           const oldIsPlus =