From 01452e4c515495cede7bb2d0162d1d2cddce9683 Mon Sep 17 00:00:00 2001 From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com> Date: Sat, 8 Nov 2025 06:44:30 -0600 Subject: [PATCH] Miscellaneous Fixes (#20841) * show id field when editing zone * improve zone capitalization * Update NPU models and docs * fix mobilepage in tracked object details * Use thread lock for openvino to avoid concurrent requests with JinaV2 * fix hashing function to avoid collisions * remove extra flex div causing overflow * ensure header stays on top of video controls * don't smart capitalize friendly names * Fix incorrect object classification crop * don't display submit to plus if object doesn't have a snapshot * check for snapshot and clip in actions menu * frigate plus submission fix still show frigate+ section if snapshot has already been submitted and run optimistic update, local state was being overridden * Don't fail to show 0% when showing classification * Don't fail on file system error * Improve title and description for review genai * fix overflowing truncated review item description in detail stream * catch events with review items that start after the first timeline entry review items may start later than events within them, so subtract a padding from the start time in the filter so the start of events are not incorrectly filtered out of the list in the detail stream * also pad on review end_time * fix * change order of timeline zoom buttons on mobile * use grid to ensure genai title does not cause overflow * small tweaks * Cleanup --------- Co-authored-by: Nicolas Mowen --- .../hardware_acceleration_enrichments.md | 4 +- docs/docs/configuration/object_detectors.md | 4 +- docs/docs/configuration/semantic_search.md | 4 +- .../real_time/custom_classification.py | 11 +- frigate/detectors/detection_runners.py | 139 +++++++++++------- frigate/genai/__init__.py | 4 +- .../components/card/ClassificationCard.tsx | 4 +- .../overlay/detail/DetailActionsMenu.tsx | 49 +++--- .../overlay/detail/SearchDetailDialog.tsx | 60 ++++++-- .../overlay/detail/TrackingDetails.tsx | 15 +- web/src/components/settings/ZoneEditPane.tsx | 1 + web/src/components/timeline/DetailStream.tsx | 15 +- .../components/timeline/ReviewTimeline.tsx | 2 +- web/src/utils/stringUtil.ts | 28 ++-- web/src/views/settings/CameraSettingsView.tsx | 24 ++- 15 files changed, 232 insertions(+), 132 deletions(-) diff --git a/docs/docs/configuration/hardware_acceleration_enrichments.md b/docs/docs/configuration/hardware_acceleration_enrichments.md index 84688b8b4..45c7cd4d1 100644 --- a/docs/docs/configuration/hardware_acceleration_enrichments.md +++ b/docs/docs/configuration/hardware_acceleration_enrichments.md @@ -5,7 +5,7 @@ title: Enrichments # Enrichments -Some of Frigate's enrichments can use a discrete GPU / NPU for accelerated processing. +Some of Frigate's enrichments can use a discrete GPU or integrated GPU for accelerated processing. ## Requirements @@ -18,8 +18,10 @@ Object detection and enrichments (like Semantic Search, Face Recognition, and Li - **Intel** - OpenVINO will automatically be detected and used for enrichments in the default Frigate image. + - **Note:** Intel NPUs have limited model support for enrichments. GPU is recommended for enrichments when available. - **Nvidia** + - Nvidia GPUs will automatically be detected and used for enrichments in the `-tensorrt` Frigate image. - Jetson devices will automatically be detected and used for enrichments in the `-tensorrt-jp6` Frigate image. diff --git a/docs/docs/configuration/object_detectors.md b/docs/docs/configuration/object_detectors.md index 2da602979..2dd3330c2 100644 --- a/docs/docs/configuration/object_detectors.md +++ b/docs/docs/configuration/object_detectors.md @@ -261,6 +261,8 @@ OpenVINO is supported on 6th Gen Intel platforms (Skylake) and newer. It will al :::tip +**NPU + GPU Systems:** If you have both NPU and GPU available (Intel Core Ultra processors), use NPU for object detection and GPU for enrichments (semantic search, face recognition, etc.) for best performance and compatibility. + When using many cameras one detector may not be enough to keep up. Multiple detectors can be defined assuming GPU resources are available. An example configuration would be: ```yaml @@ -283,7 +285,7 @@ detectors: | [RF-DETR](#rf-detr) | ✅ | ✅ | Requires XE iGPU or Arc | | [YOLO-NAS](#yolo-nas) | ✅ | ✅ | | | [MobileNet v2](#ssdlite-mobilenet-v2) | ✅ | ✅ | Fast and lightweight model, less accurate than larger models | -| [YOLOX](#yolox) | ✅ | ? | | +| [YOLOX](#yolox) | ✅ | ? | | | [D-FINE](#d-fine) | ❌ | ❌ | | #### SSDLite MobileNet v2 diff --git a/docs/docs/configuration/semantic_search.md b/docs/docs/configuration/semantic_search.md index 70ef161be..b3ce37177 100644 --- a/docs/docs/configuration/semantic_search.md +++ b/docs/docs/configuration/semantic_search.md @@ -78,7 +78,7 @@ Switching between V1 and V2 requires reindexing your embeddings. The embeddings ### GPU Acceleration -The CLIP models are downloaded in ONNX format, and the `large` model can be accelerated using GPU / NPU hardware, when available. This depends on the Docker build that is used. You can also target a specific device in a multi-GPU installation. +The CLIP models are downloaded in ONNX format, and the `large` model can be accelerated using GPU hardware, when available. This depends on the Docker build that is used. You can also target a specific device in a multi-GPU installation. ```yaml semantic_search: @@ -90,7 +90,7 @@ semantic_search: :::info -If the correct build is used for your GPU / NPU and the `large` model is configured, then the GPU / NPU will be detected and used automatically. +If the correct build is used for your GPU / NPU and the `large` model is configured, then the GPU will be detected and used automatically. Specify the `device` option to target a specific GPU in a multi-GPU system (see [onnxruntime's provider options](https://onnxruntime.ai/docs/execution-providers/)). If you do not specify a device, the first available GPU will be used. diff --git a/frigate/data_processing/real_time/custom_classification.py b/frigate/data_processing/real_time/custom_classification.py index e4048b6ec..7d0975712 100644 --- a/frigate/data_processing/real_time/custom_classification.py +++ b/frigate/data_processing/real_time/custom_classification.py @@ -418,8 +418,8 @@ class CustomObjectClassificationProcessor(RealTimeProcessorApi): obj_data["box"][2], obj_data["box"][3], max( - obj_data["box"][1] - obj_data["box"][0], - obj_data["box"][3] - obj_data["box"][2], + obj_data["box"][2] - obj_data["box"][0], + obj_data["box"][3] - obj_data["box"][1], ), 1.0, ) @@ -546,5 +546,8 @@ def write_classification_attempt( ) # delete oldest face image if maximum is reached - if len(files) > max_files: - os.unlink(os.path.join(folder, files[-1])) + try: + if len(files) > max_files: + os.unlink(os.path.join(folder, files[-1])) + except FileNotFoundError: + pass diff --git a/frigate/detectors/detection_runners.py b/frigate/detectors/detection_runners.py index 5b45238be..5cadb3d52 100644 --- a/frigate/detectors/detection_runners.py +++ b/frigate/detectors/detection_runners.py @@ -3,6 +3,7 @@ import logging import os import platform +import threading from abc import ABC, abstractmethod from typing import Any @@ -161,12 +162,12 @@ class CudaGraphRunner(BaseModelRunner): """ @staticmethod - def is_complex_model(model_type: str) -> bool: + def is_model_supported(model_type: str) -> bool: # Import here to avoid circular imports from frigate.detectors.detector_config import ModelTypeEnum from frigate.embeddings.types import EnrichmentModelTypeEnum - return model_type in [ + return model_type not in [ ModelTypeEnum.yolonas.value, EnrichmentModelTypeEnum.paddleocr.value, EnrichmentModelTypeEnum.jina_v1.value, @@ -239,9 +240,30 @@ class OpenVINOModelRunner(BaseModelRunner): EnrichmentModelTypeEnum.jina_v2.value, ] + @staticmethod + def is_model_npu_supported(model_type: str) -> bool: + # Import here to avoid circular imports + from frigate.embeddings.types import EnrichmentModelTypeEnum + + return model_type not in [ + EnrichmentModelTypeEnum.paddleocr.value, + EnrichmentModelTypeEnum.jina_v1.value, + EnrichmentModelTypeEnum.jina_v2.value, + EnrichmentModelTypeEnum.arcface.value, + ] + def __init__(self, model_path: str, device: str, model_type: str, **kwargs): self.model_path = model_path self.device = device + + if device == "NPU" and not OpenVINOModelRunner.is_model_npu_supported( + model_type + ): + logger.warning( + f"OpenVINO model {model_type} is not supported on NPU, using GPU instead" + ) + device = "GPU" + self.complex_model = OpenVINOModelRunner.is_complex_model(model_type) if not os.path.isfile(model_path): @@ -269,6 +291,10 @@ class OpenVINOModelRunner(BaseModelRunner): self.infer_request = self.compiled_model.create_infer_request() self.input_tensor: ov.Tensor | None = None + # Thread lock to prevent concurrent inference (needed for JinaV2 which shares + # one runner between text and vision embeddings called from different threads) + self._inference_lock = threading.Lock() + if not self.complex_model: try: input_shape = self.compiled_model.inputs[0].get_shape() @@ -312,67 +338,70 @@ class OpenVINOModelRunner(BaseModelRunner): Returns: List of output tensors """ - # Handle single input case for backward compatibility - if ( - len(inputs) == 1 - and len(self.compiled_model.inputs) == 1 - and self.input_tensor is not None - ): - # Single input case - use the pre-allocated tensor for efficiency - input_data = list(inputs.values())[0] - np.copyto(self.input_tensor.data, input_data) - self.infer_request.infer(self.input_tensor) - else: - if self.complex_model: - try: - # This ensures the model starts with a clean state for each sequence - # Important for RNN models like PaddleOCR recognition - self.infer_request.reset_state() - except Exception: - # this will raise an exception for models with AUTO set as the device - pass + # Lock prevents concurrent access to infer_request + # Needed for JinaV2: genai thread (text) + embeddings thread (vision) + with self._inference_lock: + # Handle single input case for backward compatibility + if ( + len(inputs) == 1 + and len(self.compiled_model.inputs) == 1 + and self.input_tensor is not None + ): + # Single input case - use the pre-allocated tensor for efficiency + input_data = list(inputs.values())[0] + np.copyto(self.input_tensor.data, input_data) + self.infer_request.infer(self.input_tensor) + else: + if self.complex_model: + try: + # This ensures the model starts with a clean state for each sequence + # Important for RNN models like PaddleOCR recognition + self.infer_request.reset_state() + except Exception: + # this will raise an exception for models with AUTO set as the device + pass - # Multiple inputs case - set each input by name - for input_name, input_data in inputs.items(): - # Find the input by name and its index - input_port = None - input_index = None - for idx, port in enumerate(self.compiled_model.inputs): - if port.get_any_name() == input_name: - input_port = port - input_index = idx - break + # Multiple inputs case - set each input by name + for input_name, input_data in inputs.items(): + # Find the input by name and its index + input_port = None + input_index = None + for idx, port in enumerate(self.compiled_model.inputs): + if port.get_any_name() == input_name: + input_port = port + input_index = idx + break - if input_port is None: - raise ValueError(f"Input '{input_name}' not found in model") + if input_port is None: + raise ValueError(f"Input '{input_name}' not found in model") - # Create tensor with the correct element type - input_element_type = input_port.get_element_type() + # Create tensor with the correct element type + input_element_type = input_port.get_element_type() - # Ensure input data matches the expected dtype to prevent type mismatches - # that can occur with models like Jina-CLIP v2 running on OpenVINO - expected_dtype = input_element_type.to_dtype() - if input_data.dtype != expected_dtype: - logger.debug( - f"Converting input '{input_name}' from {input_data.dtype} to {expected_dtype}" - ) - input_data = input_data.astype(expected_dtype) + # Ensure input data matches the expected dtype to prevent type mismatches + # that can occur with models like Jina-CLIP v2 running on OpenVINO + expected_dtype = input_element_type.to_dtype() + if input_data.dtype != expected_dtype: + logger.debug( + f"Converting input '{input_name}' from {input_data.dtype} to {expected_dtype}" + ) + input_data = input_data.astype(expected_dtype) - input_tensor = ov.Tensor(input_element_type, input_data.shape) - np.copyto(input_tensor.data, input_data) + input_tensor = ov.Tensor(input_element_type, input_data.shape) + np.copyto(input_tensor.data, input_data) - # Set the input tensor for the specific port index - self.infer_request.set_input_tensor(input_index, input_tensor) + # Set the input tensor for the specific port index + self.infer_request.set_input_tensor(input_index, input_tensor) - # Run inference - self.infer_request.infer() + # Run inference + self.infer_request.infer() - # Get all output tensors - outputs = [] - for i in range(len(self.compiled_model.outputs)): - outputs.append(self.infer_request.get_output_tensor(i).data) + # Get all output tensors + outputs = [] + for i in range(len(self.compiled_model.outputs)): + outputs.append(self.infer_request.get_output_tensor(i).data) - return outputs + return outputs class RKNNModelRunner(BaseModelRunner): @@ -500,7 +529,7 @@ def get_optimized_runner( return OpenVINOModelRunner(model_path, device, model_type, **kwargs) if ( - not CudaGraphRunner.is_complex_model(model_type) + not CudaGraphRunner.is_model_supported(model_type) and providers[0] == "CUDAExecutionProvider" ): options[0] = { diff --git a/frigate/genai/__init__.py b/frigate/genai/__init__.py index 13d57046c..1c9c2b943 100644 --- a/frigate/genai/__init__.py +++ b/frigate/genai/__init__.py @@ -113,8 +113,8 @@ When forming your description: ## Response Format Your response MUST be a flat JSON object with: -- `title` (string): A concise, direct title that describes the purpose or overall action, not just what you literally see. {"Use spatial context when available to make titles more meaningful." if camera_context_section else ""} Use names from "Objects in Scene" based on what you visually observe. If you see both a name and an unidentified object of the same type but visually observe only one person/object, use ONLY the name. Examples: "Joe walking dog", "Person taking out trash", "Joe accessing vehicle", "Person leaving porch for driveway", "Joe and person on front porch". -- `scene` (string): A narrative description of what happens across the sequence from start to finish. **Only describe actions you can actually observe happening in the frames provided.** Do not infer or assume actions that aren't visible (e.g., if you see someone walking but never see them sit, don't say they sat down). Include setting, detected objects, and their observable actions. Avoid speculation or filling in assumed behaviors. Your description should align with and support the threat level you assign. +- `title` (string): A concise, direct title that describes the primary action or event in the sequence, not just what you literally see. {"Use spatial context when available to make titles more meaningful." if camera_context_section else ""} When multiple objects/actions are present, prioritize whichever is most prominent or occurs first. Use names from "Objects in Scene" based on what you visually observe. If you see both a name and an unidentified object of the same type but visually observe only one person/object, use ONLY the name. Examples: "Joe walking dog", "Person taking out trash", "Vehicle arriving in driveway", "Joe accessing vehicle", "Person leaving porch for driveway". +- `scene` (string): A narrative description of what happens across the sequence from start to finish, in chronological order. Start by describing how the sequence begins, then describe the progression of events. **Describe all significant movements and actions in the order they occur.** For example, if a vehicle arrives and then a person exits, describe both actions sequentially. **Only describe actions you can actually observe happening in the frames provided.** Do not infer or assume actions that aren't visible (e.g., if you see someone walking but never see them sit, don't say they sat down). Include setting, detected objects, and their observable actions. Avoid speculation or filling in assumed behaviors. Your description should align with and support the threat level you assign. - `confidence` (float): 0-1 confidence in your analysis. Higher confidence when objects/actions are clearly visible and context is unambiguous. Lower confidence when the sequence is unclear, objects are partially obscured, or context is ambiguous. - `potential_threat_level` (integer): 0, 1, or 2 as defined in "Normal Activity Patterns for This Property" above. Your threat level must be consistent with your scene description and the guidance above. {get_concern_prompt()} diff --git a/web/src/components/card/ClassificationCard.tsx b/web/src/components/card/ClassificationCard.tsx index cd7d89827..4511c22d5 100644 --- a/web/src/components/card/ClassificationCard.tsx +++ b/web/src/components/card/ClassificationCard.tsx @@ -148,13 +148,13 @@ export const ClassificationCard = forwardRef<
{data.name == "unknown" ? t("details.unknown") : data.name}
- {data.score && ( + {data.score != undefined && (
- - -
- {t("itemMenu.downloadSnapshot.label")} -
- - - - - -
- {t("itemMenu.downloadVideo.label")} -
- - + {search.has_snapshot && ( + + +
+ {t("itemMenu.downloadSnapshot.label")} +
+ + + )} + {search.has_clip && ( + + +
+ {t("itemMenu.downloadVideo.label")} +
+ + + )} {config?.semantic_search.enabled && setSimilarity != undefined && diff --git a/web/src/components/overlay/detail/SearchDetailDialog.tsx b/web/src/components/overlay/detail/SearchDetailDialog.tsx index c5702320b..fb979be48 100644 --- a/web/src/components/overlay/detail/SearchDetailDialog.tsx +++ b/web/src/components/overlay/detail/SearchDetailDialog.tsx @@ -72,7 +72,12 @@ import { PopoverContent, PopoverTrigger, } from "@/components/ui/popover"; -import { Drawer, DrawerContent, DrawerTrigger } from "@/components/ui/drawer"; +import { + Drawer, + DrawerContent, + DrawerTitle, + DrawerTrigger, +} from "@/components/ui/drawer"; import { LuInfo } from "react-icons/lu"; import { TooltipPortal } from "@radix-ui/react-tooltip"; import { FaPencilAlt } from "react-icons/fa"; @@ -126,7 +131,7 @@ function TabsWithActions({ return (
-
+
- + + {t("trackingDetails.adjustAnnotationSettings")} + ) : ( -
+
{ + if (isPopoverOpen) { + event.preventDefault(); + } + }} onInteractOutside={(e) => { if (isPopoverOpen) { e.preventDefault(); @@ -596,7 +609,7 @@ export default function SearchDetailDialog({ } }} > -
+
{t("trackedObjectDetails")} {t("trackedObjectDetails")} @@ -1078,12 +1091,31 @@ function ObjectDetailsTab({ }); setState("submitted"); - setSearch({ - ...search, - plus_id: "new_upload", - }); + mutate( + (key) => + typeof key === "string" && + (key.includes("events") || + key.includes("events/search") || + key.includes("events/explore")), + (currentData: SearchResult[][] | SearchResult[] | undefined) => { + if (!currentData) return currentData; + // optimistic update + return currentData + .flat() + .map((event) => + event.id === search.id + ? { ...event, plus_id: "new_upload" } + : event, + ); + }, + { + optimisticData: true, + rollbackOnError: true, + revalidate: false, + }, + ); }, - [search, setSearch], + [search, mutate], ); const popoverContainerRef = useRef(null); @@ -1243,8 +1275,8 @@ function ObjectDetailsTab({
{search.data.type === "object" && - !search.plus_id && - config?.plus?.enabled && ( + config?.plus?.enabled && + search.has_snapshot && (
@@ -453,7 +454,7 @@ export function TrackingDetails({ )} > {isDesktop && tabs && ( -
+
{tabs}
)} @@ -719,9 +720,13 @@ function LifecycleIconRow({ backgroundColor: `rgb(${color})`, }} /> - - {item.data?.zones_friendly_names?.[zidx] ?? - zone.replaceAll("_", " ")} + + {item.data?.zones_friendly_names?.[zidx]} ); diff --git a/web/src/components/settings/ZoneEditPane.tsx b/web/src/components/settings/ZoneEditPane.tsx index 3a0e23d1f..f68546aa2 100644 --- a/web/src/components/settings/ZoneEditPane.tsx +++ b/web/src/components/settings/ZoneEditPane.tsx @@ -576,6 +576,7 @@ export default function ZoneEditPane({ control={form.control} nameField="friendly_name" idField="name" + idVisible={(polygon && polygon.name.length > 0) ?? false} nameLabel={t("masksAndZones.zones.name.title")} nameDescription={t("masksAndZones.zones.name.tips")} placeholderName={t("masksAndZones.zones.name.inputPlaceHolder")} diff --git a/web/src/components/timeline/DetailStream.tsx b/web/src/components/timeline/DetailStream.tsx index 6318df38b..8e80506bd 100644 --- a/web/src/components/timeline/DetailStream.tsx +++ b/web/src/components/timeline/DetailStream.tsx @@ -15,7 +15,7 @@ import useSWR from "swr"; import ActivityIndicator from "../indicators/activity-indicator"; import { Event } from "@/types/event"; import { getIconForLabel } from "@/utils/iconUtil"; -import { ReviewSegment } from "@/types/review"; +import { REVIEW_PADDING, ReviewSegment } from "@/types/review"; import { LuChevronDown, LuCircle, LuChevronRight } from "react-icons/lu"; import { getTranslatedLabel } from "@/utils/i18n"; import EventMenu from "@/components/timeline/EventMenu"; @@ -391,8 +391,8 @@ function ReviewGroup({ )} />
-
-
+
+
{displayTime}
@@ -408,7 +408,7 @@ function ReviewGroup({
{review.data.metadata?.title && ( -
+
{review.data.metadata.title}
@@ -432,7 +432,7 @@ function ReviewGroup({ e.stopPropagation(); setOpen((v) => !v); }} - className="ml-2 inline-flex items-center justify-center rounded p-1 hover:bg-secondary/10" + className="inline-flex items-center justify-center self-center rounded p-1 hover:bg-secondary/10" > {open ? ( @@ -803,8 +803,9 @@ function ObjectTimeline({ return fullTimeline .filter( (t) => - t.timestamp >= review.start_time && - (review.end_time == undefined || t.timestamp <= review.end_time), + t.timestamp >= review.start_time - REVIEW_PADDING && + (review.end_time == undefined || + t.timestamp <= review.end_time + REVIEW_PADDING), ) .map((event) => ({ ...event, diff --git a/web/src/components/timeline/ReviewTimeline.tsx b/web/src/components/timeline/ReviewTimeline.tsx index d61a90aae..8a3b6d2da 100644 --- a/web/src/components/timeline/ReviewTimeline.tsx +++ b/web/src/components/timeline/ReviewTimeline.tsx @@ -515,7 +515,7 @@ export function ReviewTimeline({
diff --git a/web/src/utils/stringUtil.ts b/web/src/utils/stringUtil.ts index 568ca85d2..e968094ca 100644 --- a/web/src/utils/stringUtil.ts +++ b/web/src/utils/stringUtil.ts @@ -21,20 +21,30 @@ export const capitalizeAll = (text: string): string => { * @returns A valid camera identifier (lowercase, alphanumeric, max 8 chars) */ export function generateFixedHash(name: string, prefix: string = "id"): string { - // Safely encode Unicode as UTF-8 bytes + // Use the full UTF-8 bytes of the name and compute an FNV-1a 32-bit hash. + // This is deterministic, fast, works with Unicode and avoids collisions from + // simple truncation of base64 output. const utf8Bytes = new TextEncoder().encode(name); - // Convert to base64 manually - let binary = ""; - for (const byte of utf8Bytes) { - binary += String.fromCharCode(byte); + // FNV-1a 32-bit hash algorithm + let hash = 0x811c9dc5; // FNV offset basis + for (let i = 0; i < utf8Bytes.length; i++) { + hash ^= utf8Bytes[i]; + // Multiply by FNV prime (0x01000193) with 32-bit overflow + hash = (hash >>> 0) * 0x01000193; + // Ensure 32-bit unsigned integer + hash >>>= 0; } - const base64 = btoa(binary); - // Strip out non-alphanumeric characters and truncate - const cleanHash = base64.replace(/[^a-zA-Z0-9]/g, "").substring(0, 8); + // Convert to an 8-character lowercase hex string + const hashHex = (hash >>> 0).toString(16).padStart(8, "0").toLowerCase(); - return `${prefix}_${cleanHash.toLowerCase()}`; + // Ensure the first character is a letter to avoid an identifier that's purely + // numeric (isValidId forbids all-digit IDs). If it starts with a digit, + // replace with 'a'. This is extremely unlikely but a simple safeguard. + const safeHash = /^[0-9]/.test(hashHex[0]) ? `a${hashHex.slice(1)}` : hashHex; + + return `${prefix}_${safeHash}`; } /** diff --git a/web/src/views/settings/CameraSettingsView.tsx b/web/src/views/settings/CameraSettingsView.tsx index dd384b621..e102dd75d 100644 --- a/web/src/views/settings/CameraSettingsView.tsx +++ b/web/src/views/settings/CameraSettingsView.tsx @@ -98,12 +98,12 @@ export default function CameraSettingsView({ return Object.entries(cameraConfig.zones).map(([name, zoneData]) => ({ camera: cameraConfig.name, name, - friendly_name: getZoneName(name, cameraConfig.name), + friendly_name: cameraConfig.zones[name].friendly_name, objects: zoneData.objects, color: zoneData.color, })); } - }, [cameraConfig, getZoneName]); + }, [cameraConfig]); const alertsLabels = useMemo(() => { return cameraConfig?.review.alerts.labels @@ -533,8 +533,14 @@ export default function CameraSettingsView({ }} /> - - {zone.friendly_name} + + {zone.friendly_name || zone.name} )} @@ -632,8 +638,14 @@ export default function CameraSettingsView({ }} /> - - {zone.friendly_name} + + {zone.friendly_name || zone.name} )}