fix: fix i18n (#23144)

* fix: fix genai roles i18n

* fix: add plus object label

* fix: fix some options miss i18n key

* fix: fix genai runtime_options i18n

* fix: format

* fix: add logger level i18n

* fix: add Per-process log level i18n

web/public/locales/en/objects.json

@@ -121,5 +121,9 @@
   "royal_mail": "Royal Mail",
   "school_bus": "School Bus",
   "skunk": "Skunk",
-  "kangaroo": "Kangaroo"
+  "kangaroo": "Kangaroo",
-}
+  "baby": "Baby",
+  "baby_stroller": "Baby Stroller",
+  "rickshaw": "Rickshaw",
+  "Rodent": "Rodent"
+}

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

@@ -1490,8 +1490,8 @@
     "genaiRoles": {
       "options": {
         "embeddings": "Embedding",
-        "vision": "Vision",
+        "descriptions": "Descriptions",
-        "tools": "Tools"
+        "chat": "Chat"
       }
     },
     "semanticSearchModel": {
@@ -1643,10 +1643,60 @@
       "hardwareAuto": "Automatic hardware acceleration"
     }
   },
+  "birdseye": {
+    "trackingMode": {
+      "objects": "Objects",
+      "motion": "Motion",
+      "continuous": "Continuous"
+    }
+  },
+  "snapshot": {
+    "retainMode": {
+      "all": "All",
+      "motion": "Motion",
+      "active_objects": "Active Objects"
+    }
+  },
+  "ui": {
+    "timeFormat": {
+      "browser": "Browser",
+      "12hour": "12 hour",
+      "24hour": "24 hour"
+    },
+    "TimeOrDateStyle": {
+      "full": "Full",
+      "long": "Long",
+      "medium": "Medium",
+      "short": "Short"
+    },
+    "unitSystem": {
+      "metric": "Metric",
+      "imperial": "Imperial"
+    }
+  },
+  "review": {
+    "imageSource": {
+      "recordings": "Recordings",
+      "previews": "Previews"
+    }
+  },
+  "logger": {
+    "logLevel": {
+      "debug": "Debug",
+      "info": "Info",
+      "warning": "Warning",
+      "error": "Error",
+      "critical": "Critical"
+    }
+  },
   "onvif": {
     "profileAuto": "Auto",
     "profileLoading": "Loading profiles..."
   },
+  "modelSize": {
+    "small": "Small",
+    "large": "Large"
+  },
   "configMessages": {
     "review": {
       "recordDisabled": "Recording is disabled, review items will not be generated.",
@@ -1694,4 +1744,4 @@
       "jinav2SmallModelSize": "The 'small' size with the Jina V2 model has high RAM and inference cost. The 'large' model with a discrete GPU is recommended."
     }
   }
-}
+}

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

@@ -22,6 +22,14 @@ const birdseye: SectionConfigOverrides = {
     hiddenFields: [],
     advancedFields: [],
     overrideFields: ["enabled", "mode"],
+    uiSchema: {
+      mode: {
+        "ui:size": "xs",
+        "ui:options": {
+          enumI18nPrefix: "birdseye.trackingMode",
+        },
+      },
+    },
   },
   global: {
     fieldOrder: [

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

@@ -6,6 +6,16 @@ const logger: SectionConfigOverrides = {
     restartRequired: ["default", "logs"],
     fieldOrder: ["default", "logs"],
     advancedFields: ["logs"],
+    uiSchema: {
+      default: {
+        "ui:options": { enumI18nPrefix: "logger.logLevel" },
+      },
+      logs: {
+        additionalProperties: {
+          "ui:options": { enumI18nPrefix: "logger.logLevel" },
+        },
+      },
+    },
   },
 };
 

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

@@ -94,7 +94,7 @@ const lpr: SectionConfigOverrides = {
         },
       },
       model_size: {
-        "ui:options": { size: "xs" },
+        "ui:options": { size: "xs", enumI18nPrefix: "modelSize" },
       },
     },
   },

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

@@ -130,6 +130,11 @@ const review: SectionConfigOverrides = {
             size: "full",
           },
         },
+        image_source: {
+          "ui:options": {
+            enumI18nPrefix: "review.imageSource",
+          },
+        },
       },
     },
   },

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

@@ -34,6 +34,9 @@ const semanticSearch: SectionConfigOverrides = {
       model: {
         "ui:widget": "semanticSearchModel",
       },
+      model_size: {
+        "ui:options": { size: "xs", enumI18nPrefix: "modelSize" },
+      },
     },
   },
 };

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

@@ -35,6 +35,11 @@ const snapshots: SectionConfigOverrides = {
           suppressMultiSchema: true,
         },
       },
+      "retain.mode": {
+        "ui:options": {
+          enumI18nPrefix: "snapshot.retainMode",
+        },
+      },
     },
   },
   global: {

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

@@ -23,6 +23,18 @@ const ui: SectionConfigOverrides = {
       timezone: {
         "ui:widget": "timezoneSelect",
       },
+      time_format: {
+        "ui:options": { enumI18nPrefix: "ui.timeFormat" },
+      },
+      date_style: {
+        "ui:options": { enumI18nPrefix: "ui.TimeOrDateStyle" },
+      },
+      time_style: {
+        "ui:options": { enumI18nPrefix: "ui.TimeOrDateStyle" },
+      },
+      unit_system: {
+        "ui:options": { enumI18nPrefix: "ui.unitSystem" },
+      },
     },
   },
 };

web/src/components/config-form/theme/fields/DictAsYamlField.tsx

@@ -3,6 +3,8 @@ import yaml from "js-yaml";
 import { Textarea } from "@/components/ui/textarea";
 import { cn } from "@/lib/utils";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { ConfigFormContext } from "@/types/configForm";
+import { useTranslation } from "react-i18next";
 
 function formatYaml(value: unknown): string {
   if (
@@ -45,8 +47,14 @@ function parseYaml(text: string): {
 }
 
 export function DictAsYamlField(props: FieldProps) {
-  const { formData, onChange, readonly, disabled, idSchema, schema } = props;
+  const { formData, onChange, readonly, disabled, idSchema, schema, registry } =
-
+    props;
+  const formContext = registry.formContext as ConfigFormContext | undefined;
+  const configNamespace =
+    formContext?.i18nNamespace ??
+    (formContext?.level === "camera" ? "config/cameras" : "config/global");
+  const { t: fallbackT } = useTranslation(["common", configNamespace]);
+  const t = formContext?.t ?? fallbackT;
   const emptyPath = useMemo(() => [] as FieldPathList, []);
   const fieldPath =
     (props as { fieldPathId?: { path?: FieldPathList } }).fieldPathId?.path ??
@@ -94,12 +102,16 @@ export function DictAsYamlField(props: FieldProps) {
   );
 
   const id = idSchema?.$id ?? props.name;
+  const sectionPrefix = formContext?.sectionI18nPrefix;
 
+  const title = t(`${sectionPrefix}.${id}.label`) ?? schema.title;
+  const description =
+    t(`${sectionPrefix}.${id}.description`) ?? schema.description;
   return (
     <div className="flex flex-col gap-1.5">
-      {schema.title && (
+      {title && (
         <label htmlFor={id} className="text-sm font-medium">
-          {schema.title}
+          {title}
         </label>
       )}
       <Textarea
@@ -114,8 +126,8 @@ export function DictAsYamlField(props: FieldProps) {
         onBlur={handleBlur}
       />
       {error && <p className="text-xs text-destructive">{error}</p>}
-      {schema.description && (
+      {description && (
-        <p className="text-xs text-muted-foreground">{schema.description}</p>
+        <p className="text-xs text-muted-foreground">{description}</p>
       )}
     </div>
   );