Use translations

Author: cte

webview-ui/src/components/settings/ReasoningEffort.tsx

@@ -3,7 +3,7 @@ import { useAppTranslation } from "@/i18n/TranslationContext"
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui"
 
 import { ApiConfiguration } from "../../../../src/shared/api"
-import { reasoningEfforts } from "../../../../src/schemas"
+import { reasoningEfforts, ReasoningEffort as ReasoningEffortType } from "../../../../src/schemas"
 
 interface ReasoningEffortProps {
 	apiConfiguration: ApiConfiguration
@@ -16,20 +16,18 @@ export const ReasoningEffort = ({ apiConfiguration, setApiConfigurationField }:
 	return (
 		<div className="flex flex-col gap-1">
 			<div className="flex justify-between items-center">
-				<label className="block font-medium mb-1">Model Reasoning Effort</label>
+				<label className="block font-medium mb-1">{t("settings:providers.reasoningEffort.label")}</label>
 			</div>
 			<Select
 				value={apiConfiguration.reasoningEffort}
-				onValueChange={(value) =>
-					setApiConfigurationField("reasoningEffort", value as "high" | "medium" | "low")
-				}>
+				onValueChange={(value) => setApiConfigurationField("reasoningEffort", value as ReasoningEffortType)}>
 				<SelectTrigger className="w-full">
 					<SelectValue placeholder={t("settings:common.select")} />
 				</SelectTrigger>
 				<SelectContent>
 					{reasoningEfforts.map((value) => (
 						<SelectItem key={value} value={value}>
-							{value}
+							{t(`settings:providers.reasoningEffort.${value}`)}
 						</SelectItem>
 					))}
 				</SelectContent>

webview-ui/src/i18n/locales/en/settings.json

@@ -225,6 +225,12 @@
 		"rateLimitSeconds": {
 			"label": "Rate limit",
 			"description": "Minimum time between API requests."
+		},
+		"reasoningEffort": {
+			"label": "Model Reasoning Effort",
+			"high": "High",
+			"medium": "Medium",
+			"low": "Low"
 		}
 	},
 	"browser": {