fix(i18n): localize remaining UI strings - CommandDialog, ToolOptions, schema labels

- Add dialogTitle/dialogDescription props to CommandDialog for translated screen-reader text
- Extract "Options" and "No configurable options" strings in ToolOptions to i18n
- Convert camelCase Zod field keys to Title Case for readable fallback labels
- Add translations for 5 new keys across all 11 locales

Co-Authored-By: Paperclip <noreply@paperclip.ing>

Author: 2 people

apps/web/components/search/search-command.tsx

@@ -163,7 +163,12 @@ export function SearchCommand({
   );
 
   return (
-    <CommandDialog open={open} onOpenChange={handleOpenChange}>
+    <CommandDialog
+      open={open}
+      onOpenChange={handleOpenChange}
+      dialogTitle={t("dialogTitle")}
+      dialogDescription={t("dialogDescription")}
+    >
       <CommandInput
         placeholder={t("placeholder")}
         value={query}

apps/web/components/tools/schema-field-renderer.tsx

@@ -72,7 +72,11 @@ export function SchemaFieldRenderer({
   idPrefix = "",
   onChange,
 }: SchemaFieldRendererProps): React.ReactElement {
-  const label = field.title ?? fieldKey;
+  const label =
+    field.title ??
+    fieldKey
+      .replace(/([a-z])([A-Z])/g, "$1 $2")
+      .replace(/^./, (c) => c.toUpperCase());
   const description = field.description;
   const id = `${idPrefix}${fieldKey}`;
 

apps/web/components/tools/tool-options.tsx

@@ -2,6 +2,7 @@
 
 import { useCallback, useMemo } from "react";
 import { Settings2 } from "lucide-react";
+import { useTranslations } from "next-intl";
 import type { SchemaField } from "./schema-field-renderer";
 import { SchemaFieldRenderer } from "./schema-field-renderer";
 import { cn } from "@/lib/utils";
@@ -53,6 +54,7 @@ export function ToolOptions<
   showHeader = true,
   className,
 }: ToolOptionsProps<T>): React.ReactElement {
+  const t = useTranslations("tools.options");
   const updateValue = useCallback(
     (key: string, value: unknown) => {
       onChange({ ...values, [key]: value } as T);
@@ -71,9 +73,7 @@ export function ToolOptions<
 
   if (fields.length === 0) {
     return (
-      <p className="text-muted-foreground text-sm">
-        No configurable options for this tool.
-      </p>
+      <p className="text-muted-foreground text-sm">{t("noConfigurable")}</p>
     );
   }
 
@@ -82,7 +82,7 @@ export function ToolOptions<
       {showHeader && (
         <div className="text-muted-foreground flex items-center gap-2 text-sm font-medium">
           <Settings2 className="h-4 w-4" />
-          <span>Options</span>
+          <span>{t("title")}</span>
         </div>
       )}
       <div className="space-y-4">

apps/web/components/ui/command.tsx

@@ -28,16 +28,25 @@ const Command = React.forwardRef<
 ));
 Command.displayName = CommandPrimitive.displayName;
 
+interface CommandDialogProps extends DialogProps {
+  dialogTitle?: string;
+  dialogDescription?: string;
+}
+
 const CommandDialog = ({
   children,
+  dialogTitle,
+  dialogDescription,
   ...props
-}: DialogProps): React.ReactElement => {
+}: CommandDialogProps): React.ReactElement => {
   return (
     <Dialog {...props}>
       <DialogContent className="overflow-hidden p-0 shadow-lg">
-        <DialogTitle className="sr-only">Search tools</DialogTitle>
+        <DialogTitle className="sr-only">
+          {dialogTitle ?? "Search tools"}
+        </DialogTitle>
         <DialogDescription className="sr-only">
-          Search and navigate to developer tools
+          {dialogDescription ?? "Search and navigate to developer tools"}
         </DialogDescription>
         <Command className="[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
           {children}

apps/web/messages/de.json

@@ -145,7 +145,10 @@
       "categories": "Kategorien",
       "noToolsFound": "Keine Tools gefunden.",
       "resultsFound": "{count, plural, one {# Ergebnis} other {# Ergebnisse}} gefunden",
-      "noResultsFound": "Keine Tools gefunden"
+      "noResultsFound": "Keine Tools gefunden",
+      "placeholder": "Tools suchen...",
+      "dialogTitle": "Tools suchen",
+      "dialogDescription": "Entwicklertools suchen und navigieren"
     },
     "categories": {
       "categoryNotFound": {
@@ -208,6 +211,10 @@
     "toolCard": {
       "addFavorite": "Zu Favoriten hinzufügen",
       "removeFavorite": "Aus Favoriten entfernen"
+    },
+    "options": {
+      "title": "Optionen",
+      "noConfigurable": "Keine konfigurierbaren Optionen für dieses Tool."
     }
   },
   "editor": {

apps/web/messages/en.json

@@ -145,7 +145,10 @@
       "categories": "Categories",
       "noToolsFound": "No tools found.",
       "resultsFound": "{count, plural, one {# result} other {# results}} found",
-      "noResultsFound": "No tools found"
+      "noResultsFound": "No tools found",
+      "placeholder": "Search tools...",
+      "dialogTitle": "Search tools",
+      "dialogDescription": "Search and navigate to developer tools"
     },
     "categories": {
       "categoryNotFound": {
@@ -208,6 +211,10 @@
     "toolCard": {
       "addFavorite": "Add to favorites",
       "removeFavorite": "Remove from favorites"
+    },
+    "options": {
+      "title": "Options",
+      "noConfigurable": "No configurable options for this tool."
     }
   },
   "editor": {

apps/web/messages/es.json

@@ -145,7 +145,10 @@
       "categories": "Categorías",
       "noToolsFound": "No se encontraron herramientas.",
       "resultsFound": "{count, plural, one {# resultado} other {# resultados}} encontrado(s)",
-      "noResultsFound": "No se encontraron herramientas"
+      "noResultsFound": "No se encontraron herramientas",
+      "placeholder": "Buscar herramientas...",
+      "dialogTitle": "Buscar herramientas",
+      "dialogDescription": "Buscar y navegar a herramientas de desarrollo"
     },
     "categories": {
       "categoryNotFound": {
@@ -208,6 +211,10 @@
     "toolCard": {
       "addFavorite": "Agregar a favoritos",
       "removeFavorite": "Quitar de favoritos"
+    },
+    "options": {
+      "title": "Opciones",
+      "noConfigurable": "No hay opciones configurables para esta herramienta."
     }
   },
   "editor": {

apps/web/messages/fr.json

@@ -145,7 +145,10 @@
       "categories": "Catégories",
       "noToolsFound": "Aucun outil trouvé.",
       "resultsFound": "{count, plural, one {# résultat} other {# résultats}} trouvé(s)",
-      "noResultsFound": "Aucun outil trouvé"
+      "noResultsFound": "Aucun outil trouvé",
+      "placeholder": "Rechercher des outils...",
+      "dialogTitle": "Rechercher des outils",
+      "dialogDescription": "Rechercher et naviguer vers les outils de développement"
     },
     "categories": {
       "categoryNotFound": {
@@ -208,6 +211,10 @@
     "toolCard": {
       "addFavorite": "Ajouter aux favoris",
       "removeFavorite": "Retirer des favoris"
+    },
+    "options": {
+      "title": "Options",
+      "noConfigurable": "Aucune option configurable pour cet outil."
     }
   },
   "editor": {

apps/web/messages/ja.json

@@ -145,7 +145,10 @@
       "categories": "カテゴリ",
       "noToolsFound": "ツールが見つかりません。",
       "resultsFound": "{count, plural, one {# 件} other {# 件}}の結果が見つかりました",
-      "noResultsFound": "ツールが見つかりません"
+      "noResultsFound": "ツールが見つかりません",
+      "placeholder": "ツールを検索...",
+      "dialogTitle": "ツールを検索",
+      "dialogDescription": "開発ツールを検索してナビゲート"
     },
     "categories": {
       "categoryNotFound": {
@@ -208,6 +211,10 @@
     "toolCard": {
       "addFavorite": "お気に入りに追加",
       "removeFavorite": "お気に入りから削除"
+    },
+    "options": {
+      "title": "オプション",
+      "noConfigurable": "このツールには設定可能なオプションはありません。"
     }
   },
   "editor": {

apps/web/messages/ko.json

@@ -145,7 +145,10 @@
       "categories": "카테고리",
       "noToolsFound": "도구를 찾을 수 없습니다.",
       "resultsFound": "{count, plural, one {# 결과} other {# 결과}} 찾음",
-      "noResultsFound": "도구를 찾을 수 없음"
+      "noResultsFound": "도구를 찾을 수 없음",
+      "placeholder": "도구 검색...",
+      "dialogTitle": "도구 검색",
+      "dialogDescription": "개발 도구를 검색하고 이동"
     },
     "categories": {
       "categoryNotFound": {
@@ -208,6 +211,10 @@
     "toolCard": {
       "addFavorite": "즐겨찾기에 추가",
       "removeFavorite": "즐겨찾기에서 제거"
+    },
+    "options": {
+      "title": "옵션",
+      "noConfigurable": "이 도구에는 구성 가능한 옵션이 없습니다."
     }
   },
   "editor": {