Tweaks (#22630)

* fix stage overlay size

* add audio filter config and load audio labels

* remove add button from object and audio labels in settings

* tests

* update classification docs

* tweak wording

* don't require restart for timestamp_style changes

* add optional i18n prefix for select widgets

* use i18n enum prefix for timestamp position

* add i18n for all presets

web/src/components/config-form/theme/widgets/SelectWidget.tsx

@@ -1,5 +1,6 @@
 // Select Widget - maps to shadcn/ui Select
 import type { WidgetProps } from "@rjsf/utils";
+import { useTranslation } from "react-i18next";
 import {
   Select,
   SelectContent,
@@ -21,9 +22,18 @@ export function SelectWidget(props: WidgetProps) {
     schema,
   } = props;
 
+  const { t } = useTranslation(["views/settings"]);
   const { enumOptions = [] } = options;
+  const enumI18nPrefix = options["enumI18nPrefix"] as string | undefined;
   const fieldClassName = getSizedFieldClassName(options, "sm");
 
+  const getLabel = (option: { value: unknown; label: string }) => {
+    if (enumI18nPrefix) {
+      return t(`${enumI18nPrefix}.${option.value}`);
+    }
+    return option.label;
+  };
+
   return (
     <Select
       value={value?.toString() ?? ""}
@@ -42,7 +52,7 @@ export function SelectWidget(props: WidgetProps) {
       <SelectContent>
         {enumOptions.map((option: { value: unknown; label: string }) => (
           <SelectItem key={String(option.value)} value={String(option.value)}>
-            {option.label}
+            {getLabel(option)}
           </SelectItem>
         ))}
       </SelectContent>