feat(i18n): Add new language settings translations

Adds translations for pluginLanguage and commitLanguage to the settings panel for all supported languages.

This ensures that the language selection options in the settings view are properly localized, improving the user experience for non-English speakers.

Author: zapp88

packages/types/src/global-settings.ts

@@ -90,6 +90,7 @@ export const globalSettingsSchema = z.object({
 	codebaseIndexConfig: codebaseIndexConfigSchema.optional(),
 
 	language: languagesSchema.optional(),
+	commitLanguage: languagesSchema.optional(),
 
 	telemetrySetting: telemetrySettingsSchema.optional(),
 

src/core/webview/ClineProvider.ts

@@ -1398,6 +1398,7 @@ export class ClineProvider
 			telemetrySetting,
 			showRooIgnoredFiles,
 			language,
+			commitLanguage,
 			maxReadFileLine,
 			terminalCompressProgressBar,
 			historyPreviewCollapsed,
@@ -1496,6 +1497,7 @@ export class ClineProvider
 			machineId,
 			showRooIgnoredFiles: showRooIgnoredFiles ?? true,
 			language: language ?? formatLanguage(vscode.env.language),
+			commitLanguage: commitLanguage ?? formatLanguage(vscode.env.language),
 			renderContext: this.renderContext,
 			maxReadFileLine: maxReadFileLine ?? -1,
 			maxConcurrentFileReads: maxConcurrentFileReads ?? 5,
@@ -1632,6 +1634,7 @@ export class ClineProvider
 			terminalCompressProgressBar: stateValues.terminalCompressProgressBar ?? true,
 			mode: stateValues.mode ?? defaultModeSlug,
 			language: stateValues.language ?? formatLanguage(vscode.env.language),
+			commitLanguage: stateValues.commitLanguage ?? formatLanguage(vscode.env.language),
 			mcpEnabled: stateValues.mcpEnabled ?? true,
 			enableMcpServerCreation: stateValues.enableMcpServerCreation ?? true,
 			alwaysApproveResubmit: stateValues.alwaysApproveResubmit ?? false,

src/core/webview/webviewMessageHandler.ts

@@ -1109,6 +1109,11 @@ export const webviewMessageHandler = async (
 			await updateGlobalState("language", message.text as Language)
 			await provider.postStateToWebview()
 			break
+		case "commitLanguage":
+			changeLanguage(message.text ?? "en")
+			await updateGlobalState("commitLanguage", message.text as Language)
+			await provider.postStateToWebview()
+			break
 		case "showRooIgnoredFiles":
 			await updateGlobalState("showRooIgnoredFiles", message.bool ?? true)
 			await provider.postStateToWebview()

src/integrations/git/generateCommitMessage.ts

@@ -36,8 +36,8 @@ async function getChanges(git: SimpleGit, repoPath: string): Promise<string> {
 	return `${trackedFilesDiff}\n${untrackedFilesContent}`.trim()
 }
 
-function createPrompt(diff: string): string {
-	return `Create a git commit message from the following diff:\n${diff}`
+function createPrompt(diff: string, language: string): string {
+	return `Create a git commit message in ${language} from the following diff:\n${diff}.Remember to print only commit messages text without any extra markdown or content that would require special tools to display. Adhere to best git commit message practices. Remmber to use ${language} in this commit message.`
 }
 
 export async function generateCommitMessage(context: vscode.ExtensionContext) {
@@ -68,7 +68,9 @@ export async function generateCommitMessage(context: vscode.ExtensionContext) {
 	}
 	const provider = buildApiHandler(providerSettings)
 	const modelName = provider.getModel().id
-	const prompt = createPrompt(diff)
+	const settings = contextProxy.getGlobalSettings()
+	const commitLanguage = settings.commitLanguage || settings.language || "en"
+	const prompt = createPrompt(diff, commitLanguage)
 	const messages: Anthropic.Messages.MessageParam[] = [
 		{
 			role: "user",
@@ -92,7 +94,7 @@ export async function generateCommitMessage(context: vscode.ExtensionContext) {
 				}
 			}
 
-			const finalMessage = commitMessage.replace(/```/g, "").trim()
+			const finalMessage = commitMessage.trim()
 			gitApi.repositories[0].inputBox.value = finalMessage
 		},
 	)

src/shared/ExtensionMessage.ts

@@ -203,6 +203,7 @@ export type ExtensionState = Pick<
 	| "fuzzyMatchThreshold"
 	// | "experiments" // Optional in GlobalSettings, required here.
 	| "language"
+	| "commitLanguage"
 	// | "telemetrySetting" // Optional in GlobalSettings, required here.
 	// | "mcpEnabled" // Optional in GlobalSettings, required here.
 	// | "enableMcpServerCreation" // Optional in GlobalSettings, required here.

src/shared/WebviewMessage.ts

@@ -144,6 +144,7 @@ export interface WebviewMessage {
 		| "browserConnectionResult"
 		| "remoteBrowserEnabled"
 		| "language"
+		| "commitLanguage"
 		| "maxReadFileLine"
 		| "maxConcurrentFileReads"
 		| "searchFiles"

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

@@ -15,10 +15,17 @@ import { Section } from "./Section"
 
 type LanguageSettingsProps = HTMLAttributes<HTMLDivElement> & {
 	language: string
-	setCachedStateField: SetCachedStateField<"language">
+	commitLanguage: string
+	setCachedStateField: SetCachedStateField<"language" | "commitLanguage">
 }
 
-export const LanguageSettings = ({ language, setCachedStateField, className, ...props }: LanguageSettingsProps) => {
+export const LanguageSettings = ({
+	language,
+	commitLanguage,
+	setCachedStateField,
+	className,
+	...props
+}: LanguageSettingsProps) => {
 	const { t } = useAppTranslation()
 
 	return (
@@ -31,6 +38,7 @@ export const LanguageSettings = ({ language, setCachedStateField, className, ...
 			</SectionHeader>
 
 			<Section>
+				<div className="text-sm text-vscode-descriptionForeground">{t("settings:sections.pluginLanguage")}</div>
 				<Select value={language} onValueChange={(value) => setCachedStateField("language", value as Language)}>
 					<SelectTrigger className="w-full">
 						<SelectValue placeholder={t("settings:common.select")} />
@@ -46,6 +54,24 @@ export const LanguageSettings = ({ language, setCachedStateField, className, ...
 						</SelectGroup>
 					</SelectContent>
 				</Select>
+				<div className="text-sm text-vscode-descriptionForeground">{t("settings:sections.commitLanguage")}</div>
+				<Select
+					value={commitLanguage}
+					onValueChange={(value) => setCachedStateField("commitLanguage", value as Language)}>
+					<SelectTrigger className="w-full">
+						<SelectValue placeholder={t("settings:common.select")} />
+					</SelectTrigger>
+					<SelectContent>
+						<SelectGroup>
+							{Object.entries(LANGUAGES).map(([code, name]) => (
+								<SelectItem key={code} value={code}>
+									{name}
+									<span className="text-muted-foreground">({code})</span>
+								</SelectItem>
+							))}
+						</SelectGroup>
+					</SelectContent>
+				</Select>
 			</Section>
 		</div>
 	)

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

@@ -125,6 +125,7 @@ const SettingsView = forwardRef<SettingsViewRef, SettingsViewProps>(({ onDone, t
 		allowedCommands,
 		allowedMaxRequests,
 		language,
+		commitLanguage,
 		alwaysAllowBrowser,
 		alwaysAllowExecute,
 		alwaysAllowMcp,
@@ -261,6 +262,7 @@ const SettingsView = forwardRef<SettingsViewRef, SettingsViewProps>(({ onDone, t
 	const handleSubmit = () => {
 		if (isSettingValid) {
 			vscode.postMessage({ type: "language", text: language })
+			vscode.postMessage({ type: "commitLanguage", text: commitLanguage })
 			vscode.postMessage({ type: "alwaysAllowReadOnly", bool: alwaysAllowReadOnly })
 			vscode.postMessage({
 				type: "alwaysAllowReadOnlyOutsideWorkspace",
@@ -694,7 +696,11 @@ const SettingsView = forwardRef<SettingsViewRef, SettingsViewProps>(({ onDone, t
 
 					{/* Language Section */}
 					{activeTab === "language" && (
-						<LanguageSettings language={language || "en"} setCachedStateField={setCachedStateField} />
+						<LanguageSettings
+							language={language || "en"}
+							commitLanguage={commitLanguage || "en"}
+							setCachedStateField={setCachedStateField}
+						/>
 					)}
 
 					{/* About Section */}

webview-ui/src/context/ExtensionStateContext.tsx

@@ -8,6 +8,7 @@ import {
 	type ExperimentId,
 	type OrganizationAllowList,
 	ORGANIZATION_ALLOW_ALL,
+	type Language,
 } from "@roo-code/types"
 
 import { ExtensionMessage, ExtensionState, MarketplaceInstalledMetadata } from "@roo/ExtensionMessage"
@@ -48,6 +49,7 @@ export interface ExtensionStateContextType extends ExtensionState {
 	marketplaceInstalledMetadata?: MarketplaceInstalledMetadata
 	profileThresholds: Record<string, number>
 	setProfileThresholds: (value: Record<string, number>) => void
+	setCommitLanguage: (value: Language) => void
 	setApiConfiguration: (config: ProviderSettings) => void
 	setCustomInstructions: (value?: string) => void
 	setAlwaysAllowReadOnly: (value: boolean) => void
@@ -164,6 +166,7 @@ export const ExtensionStateContextProvider: React.FC<{ children: React.ReactNode
 		enableCheckpoints: true,
 		fuzzyMatchThreshold: 1.0,
 		language: "en", // Default language code
+		commitLanguage: "en",
 		writeDelayMs: 1000,
 		browserViewportSize: "900x600",
 		screenshotQuality: 75,
@@ -356,6 +359,7 @@ export const ExtensionStateContextProvider: React.FC<{ children: React.ReactNode
 			setState((prevState) => ({ ...prevState, experiments: { ...prevState.experiments, [id]: enabled } })),
 		setApiConfiguration,
 		setCustomInstructions: (value) => setState((prevState) => ({ ...prevState, customInstructions: value })),
+		setCommitLanguage: (value) => setState((prevState) => ({ ...prevState, commitLanguage: value })),
 		setAlwaysAllowReadOnly: (value) => setState((prevState) => ({ ...prevState, alwaysAllowReadOnly: value })),
 		setAlwaysAllowReadOnlyOutsideWorkspace: (value) =>
 			setState((prevState) => ({ ...prevState, alwaysAllowReadOnlyOutsideWorkspace: value })),

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

@@ -31,6 +31,8 @@
 		"prompts": "Indicacions",
 		"experimental": "Experimental",
 		"language": "Idioma",
+		"pluginLanguage": "Idioma del connector",
+		"commitLanguage": "Idioma del commit",
 		"about": "Sobre Roo Code"
 	},
 	"prompts": {