Translations

web/public/locales/en/views/system.json

@@ -3,7 +3,7 @@
     "cameras": "Cameras Stats - Frigate",
     "storage": "Storage Stats - Frigate",
     "general": "General Stats - Frigate",
-    "features": "Features Stats - Frigate",
+    "enrichments": "Enrichments Stats - Frigate",
     "logs": {
       "frigate": "Frigate Logs - Frigate",
       "go2rtc": "Go2RTC Logs - Frigate",
@@ -144,8 +144,9 @@
     "healthy": "System is healthy",
     "reindexingEmbeddings": "Reindexing embeddings ({{processed}}% complete)"
   },
-  "features": {
-    "title": "Features",
+  "enrichments": {
+    "title": "Enrichments",
+    "recsPerSecond": "Recognitions Per Second",
     "embeddings": {
       "image_embedding_speed": "Image Embedding Speed",
       "face_embedding_speed": "Face Embedding Speed",

web/src/pages/System.tsx

@@ -14,10 +14,10 @@ import CameraMetrics from "@/views/system/CameraMetrics";
 import { useHashState } from "@/hooks/use-overlay-state";
 import { Toaster } from "@/components/ui/sonner";
 import { FrigateConfig } from "@/types/frigateConfig";
-import FeatureMetrics from "@/views/system/FeatureMetrics";
+import EnrichmentMetrics from "@/views/system/EnrichmentMetrics";
 import { useTranslation } from "react-i18next";
 
-const allMetrics = ["general", "features", "storage", "cameras"] as const;
+const allMetrics = ["general", "enrichments", "storage", "cameras"] as const;
 type SystemMetric = (typeof allMetrics)[number];
 
 function System() {
@@ -34,7 +34,7 @@ function System() {
       !config?.lpr.enabled &&
       !config?.face_recognition.enabled
     ) {
-      const index = metrics.indexOf("features");
+      const index = metrics.indexOf("enrichments");
       metrics.splice(index, 1);
     }
 
@@ -89,7 +89,7 @@ function System() {
               aria-label={`Select ${item}`}
             >
               {item == "general" && <LuActivity className="size-4" />}
-              {item == "features" && <LuSearchCode className="size-4" />}
+              {item == "enrichments" && <LuSearchCode className="size-4" />}
               {item == "storage" && <LuHardDrive className="size-4" />}
               {item == "cameras" && <FaVideo className="size-4" />}
               {isDesktop && (
@@ -122,8 +122,8 @@ function System() {
           setLastUpdated={setLastUpdated}
         />
       )}
-      {page == "features" && (
-        <FeatureMetrics
+      {page == "enrichments" && (
+        <EnrichmentMetrics
           lastUpdated={lastUpdated}
           setLastUpdated={setLastUpdated}
         />

web/src/views/system/EnrichmentMetrics.tsx

@@ -7,19 +7,16 @@ import { Skeleton } from "@/components/ui/skeleton";
 import { ThresholdBarGraph } from "@/components/graph/SystemGraph";
 import { cn } from "@/lib/utils";
 import { useTranslation } from "react-i18next";
-import {
-  CameraLineGraph,
-  EventsPerSecondsLineGraph,
-} from "@/components/graph/LineGraph";
+import { EventsPerSecondsLineGraph } from "@/components/graph/LineGraph";
 
-type FeatureMetricsProps = {
+type EnrichmentMetricsProps = {
   lastUpdated: number;
   setLastUpdated: (last: number) => void;
 };
-export default function FeatureMetrics({
+export default function EnrichmentMetrics({
   lastUpdated,
   setLastUpdated,
-}: FeatureMetricsProps) {
+}: EnrichmentMetricsProps) {
   // stats
   const { t } = useTranslation(["views/system"]);
 
@@ -121,7 +118,7 @@ export default function FeatureMetrics({
                       key={series.name}
                       graphId={`${series.name}-fps`}
                       unit=""
-                      name="Recognitions Per Second"
+                      name={t("enrichments.recsPerSecond")}
                       updateTimes={updateTimes}
                       data={[series]}
                     />