Merge pull request #1706 from RooVetGit/i18n_model_picker

Localize ModelPicker

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

@@ -1,5 +1,6 @@
 import { useMemo, useState, useCallback, useEffect, useRef } from "react"
 import { VSCodeLink } from "@vscode/webview-ui-toolkit/react"
+import { Trans } from "react-i18next"
 
 import { Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem } from "@/components/ui/combobox"
 
@@ -100,15 +101,17 @@ export const ModelPicker = ({
 				modelInfo={selectedModelInfo}
 			/>
 			<div className="text-sm text-vscode-descriptionForeground">
-				The extension automatically fetches the latest list of models available on{" "}
-				<VSCodeLink href={serviceUrl} className="text-sm">
-					{serviceName}
-				</VSCodeLink>
-				. If you're unsure which model to choose, Roo Code works best with{" "}
-				<VSCodeLink onClick={() => onSelect(defaultModelId)} className="text-sm">
-					{defaultModelId}.
-				</VSCodeLink>
-				You can also try searching "free" for no-cost options currently available.
+				<Trans
+					i18nKey="settings:modelPicker.automaticFetch"
+					components={{
+						serviceLink: <VSCodeLink href={serviceUrl} className="text-sm" />,
+						defaultModelLink: <VSCodeLink onClick={() => onSelect(defaultModelId)} className="text-sm" />,
+					}}
+					values={{
+						serviceName,
+						defaultModelId,
+					}}
+				/>
 			</div>
 		</>
 	)

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

@@ -210,6 +210,9 @@
 			"pricingDetails": "لمزيد من المعلومات، راجع تفاصيل التسعير."
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "يقوم الامتداد تلقائيًا بجلب أحدث قائمة للنماذج المتاحة على <serviceLink>{{serviceName}}</serviceLink>. إذا كنت غير متأكد من النموذج الذي يجب اختياره، فإن Roo Code يعمل بشكل أفضل مع <defaultModelLink>{{defaultModelId}}</defaultModelLink>. يمكنك أيضًا البحث عن \"free\" للخيارات المجانية المتاحة حاليًا."
+	},
 	"footer": {
 		"feedback": "إذا كان لديك أي أسئلة أو ملاحظات، فلا تتردد في فتح مشكلة في <githubLink>github.com/RooVetGit/Roo-Code</githubLink> أو الانضمام إلى <redditLink>reddit.com/r/RooCode</redditLink> أو <discordLink>discord.gg/roocode</discordLink>",
 		"version": "Roo Code v{{version}}",

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

@@ -210,6 +210,9 @@
 			"pricingDetails": "Per a més informació, consulteu els detalls de preus."
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "L'extensió obté automàticament la llista més recent de models disponibles a <serviceLink>{{serviceName}}</serviceLink>. Si no esteu segur de quin model triar, Roo Code funciona millor amb <defaultModelLink>{{defaultModelId}}</defaultModelLink>. També podeu cercar \"free\" per a opcions gratuïtes actualment disponibles."
+	},
 	"footer": {
 		"feedback": "Si teniu qualsevol pregunta o comentari, no dubteu a obrir un issue a <githubLink>github.com/RooVetGit/Roo-Code</githubLink> o unir-vos a <redditLink>reddit.com/r/RooCode</redditLink> o <discordLink>discord.gg/roocode</discordLink>",
 		"version": "Roo Code v{{version}}",

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

@@ -210,6 +210,9 @@
 			"pricingDetails": "Pro více informací viz podrobnosti o cenách."
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "Rozšíření automaticky načítá nejnovější seznam modelů dostupných na <serviceLink>{{serviceName}}</serviceLink>. Pokud si nejste jisti, který model vybrat, Roo Code funguje nejlépe s <defaultModelLink>{{defaultModelId}}</defaultModelLink>. Můžete také zkusit vyhledat \"free\" pro aktuálně dostupné bezplatné možnosti."
+	},
 	"footer": {
 		"feedback": "Pokud máte jakékoliv otázky nebo zpětnou vazbu, neváhejte otevřít problém na <githubLink>github.com/RooVetGit/Roo-Code</githubLink> nebo se připojit na <redditLink>reddit.com/r/RooCode</redditLink> nebo <discordLink>discord.gg/roocode</discordLink>",
 		"version": "Roo Code v{{version}}",

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

@@ -210,6 +210,9 @@
 			"pricingDetails": "Weitere Informationen finden Sie in den Preisdetails."
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "Die Erweiterung ruft automatisch die neueste Liste der verfügbaren Modelle von <serviceLink>{{serviceName}}</serviceLink> ab. Wenn Sie sich nicht sicher sind, welches Modell Sie wählen sollen, funktioniert Roo Code am besten mit <defaultModelLink>{{defaultModelId}}</defaultModelLink>. Sie können auch nach \"free\" suchen, um derzeit verfügbare kostenlose Optionen zu finden."
+	},
 	"footer": {
 		"feedback": "Wenn Sie Fragen oder Feedback haben, können Sie gerne ein Issue auf <githubLink>github.com/RooVetGit/Roo-Code</githubLink> öffnen oder <redditLink>reddit.com/r/RooCode</redditLink> oder <discordLink>discord.gg/roocode</discordLink> beitreten",
 		"version": "Roo Code v{{version}}",

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

@@ -210,6 +210,9 @@
 			"pricingDetails": "For more info, see pricing details."
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "The extension automatically fetches the latest list of models available on <serviceLink>{{serviceName}}</serviceLink>. If you're unsure which model to choose, Roo Code works best with <defaultModelLink>{{defaultModelId}}</defaultModelLink>. You can also try searching \"free\" for no-cost options currently available."
+	},
 	"footer": {
 		"feedback": "If you have any questions or feedback, feel free to open an issue at <githubLink>github.com/RooVetGit/Roo-Code</githubLink> or join <redditLink>reddit.com/r/RooCode</redditLink> or <discordLink>discord.gg/roocode</discordLink>",
 		"version": "Roo Code v{{version}}",

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

@@ -210,6 +210,9 @@
 			"pricingDetails": "Para más información, consulte los detalles de precios."
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "La extensión obtiene automáticamente la lista más reciente de modelos disponibles en <serviceLink>{{serviceName}}</serviceLink>. Si no está seguro de qué modelo elegir, Roo Code funciona mejor con <defaultModelLink>{{defaultModelId}}</defaultModelLink>. También puede buscar \"free\" para opciones sin costo actualmente disponibles."
+	},
 	"footer": {
 		"feedback": "Si tiene alguna pregunta o comentario, no dude en abrir un issue en <githubLink>github.com/RooVetGit/Roo-Code</githubLink> o unirse a <redditLink>reddit.com/r/RooCode</redditLink> o <discordLink>discord.gg/roocode</discordLink>",
 		"version": "Roo Code v{{version}}",

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

@@ -210,6 +210,9 @@
 			"pricingDetails": "Pour plus d'informations, voir les détails de tarification."
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "L'extension récupère automatiquement la liste la plus récente des modèles disponibles sur <serviceLink>{{serviceName}}</serviceLink>. Si vous ne savez pas quel modèle choisir, Roo Code fonctionne mieux avec <defaultModelLink>{{defaultModelId}}</defaultModelLink>. Vous pouvez également rechercher \"free\" pour les options gratuites actuellement disponibles."
+	},
 	"footer": {
 		"feedback": "Si vous avez des questions ou des commentaires, n'hésitez pas à ouvrir un problème sur <githubLink>github.com/RooVetGit/Roo-Code</githubLink> ou à rejoindre <redditLink>reddit.com/r/RooCode</redditLink> ou <discordLink>discord.gg/roocode</discordLink>",
 		"version": "Roo Code v{{version}}",

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

@@ -210,6 +210,9 @@
 			"pricingDetails": "अधिक जानकारी के लिए, मूल्य निर्धारण विवरण देखें।"
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "एक्सटेंशन <serviceLink>{{serviceName}}</serviceLink> पर उपलब्ध मॉडलों की नवीनतम सूची स्वचालित रूप से प्राप्त करता है। यदि आप अनिश्चित हैं कि कौन सा मॉडल चुनना है, तो Roo Code <defaultModelLink>{{defaultModelId}}</defaultModelLink> के साथ सबसे अच्छा काम करता है। आप वर्तमान में उपलब्ध निःशुल्क विकल्पों के लिए \"free\" भी खोज सकते हैं।"
+	},
 	"footer": {
 		"feedback": "यदि आपके कोई प्रश्न या प्रतिक्रिया है, तो <githubLink>github.com/RooVetGit/Roo-Code</githubLink> पर एक मुद्दा खोलने या <redditLink>reddit.com/r/RooCode</redditLink> या <discordLink>discord.gg/roocode</discordLink> में शामिल होने में संकोच न करें",
 		"version": "Roo Code v{{version}}",

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

@@ -210,6 +210,9 @@
 			"pricingDetails": "További információkért lásd az árazási részleteket."
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "A bővítmény automatikusan letölti a <serviceLink>{{serviceName}}</serviceLink> oldalon elérhető modellek legfrissebb listáját. Ha nem biztos benne, melyik modellt válassza, a Roo Code legjobban a <defaultModelLink>{{defaultModelId}}</defaultModelLink> modellel működik. Kereshet \"free\" kifejezésre is, hogy megtalálja a jelenleg elérhető ingyenes opciókat."
+	},
 	"footer": {
 		"feedback": "Ha bármilyen kérdése vagy visszajelzése van, nyugodtan nyisson egy problémát a <githubLink>github.com/RooVetGit/Roo-Code</githubLink> oldalon, vagy csatlakozzon a <redditLink>reddit.com/r/RooCode</redditLink> vagy <discordLink>discord.gg/roocode</discordLink> oldalhoz",
 		"version": "Roo Code v{{version}}",

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

@@ -210,6 +210,9 @@
 			"pricingDetails": "Per maggiori informazioni, vedi i dettagli sui prezzi."
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "L'estensione recupera automaticamente l'elenco più recente dei modelli disponibili su <serviceLink>{{serviceName}}</serviceLink>. Se non sei sicuro di quale modello scegliere, Roo Code funziona meglio con <defaultModelLink>{{defaultModelId}}</defaultModelLink>. Puoi anche cercare \"free\" per opzioni gratuite attualmente disponibili."
+	},
 	"footer": {
 		"feedback": "Se hai domande o feedback, sentiti libero di aprire un issue su <githubLink>github.com/RooVetGit/Roo-Code</githubLink> o unirti a <redditLink>reddit.com/r/RooCode</redditLink> o <discordLink>discord.gg/roocode</discordLink>",
 		"version": "Roo Code v{{version}}",

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

@@ -210,6 +210,9 @@
 			"pricingDetails": "詳細については、価格詳細をご覧ください。"
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "拡張機能は<serviceLink>{{serviceName}}</serviceLink>で利用可能な最新のモデルリストを自動的に取得します。どのモデルを選ぶべきか迷っている場合、Roo Codeは<defaultModelLink>{{defaultModelId}}</defaultModelLink>で最適に動作します。また、「free」で検索すると、現在利用可能な無料オプションを見つけることができます。"
+	},
 	"footer": {
 		"feedback": "質問やフィードバックがある場合は、<githubLink>github.com/RooVetGit/Roo-Code</githubLink>で問題を開くか、<redditLink>reddit.com/r/RooCode</redditLink>や<discordLink>discord.gg/roocode</discordLink>に参加してください",
 		"version": "Roo Code v{{version}}",

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

@@ -210,6 +210,9 @@
 			"pricingDetails": "자세한 내용은 가격 책정 세부 정보를 참조하세요."
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "확장 프로그램은 <serviceLink>{{serviceName}}</serviceLink>에서 사용 가능한 최신 모델 목록을 자동으로 가져옵니다. 어떤 모델을 선택해야 할지 확실하지 않다면, Roo Code는 <defaultModelLink>{{defaultModelId}}</defaultModelLink>로 가장 잘 작동합니다. 현재 사용 가능한 무료 옵션을 찾으려면 \"free\"를 검색해 볼 수도 있습니다."
+	},
 	"footer": {
 		"feedback": "질문이나 피드백이 있으시면 <githubLink>github.com/RooVetGit/Roo-Code</githubLink>에서 이슈를 열거나 <redditLink>reddit.com/r/RooCode</redditLink> 또는 <discordLink>discord.gg/roocode</discordLink>에 가입하세요",
 		"version": "Roo Code v{{version}}",

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

@@ -210,6 +210,9 @@
 			"pricingDetails": "Więcej informacji znajdziesz w szczegółach cennika."
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "Rozszerzenie automatycznie pobiera najnowszą listę modeli dostępnych w <serviceLink>{{serviceName}}</serviceLink>. Jeśli nie jesteś pewien, który model wybrać, Roo Code działa najlepiej z <defaultModelLink>{{defaultModelId}}</defaultModelLink>. Możesz również wyszukać \"free\", aby znaleźć obecnie dostępne opcje bezpłatne."
+	},
 	"footer": {
 		"feedback": "Jeśli masz jakiekolwiek pytania lub opinie, śmiało otwórz zgłoszenie na <githubLink>github.com/RooVetGit/Roo-Code</githubLink> lub dołącz do <redditLink>reddit.com/r/RooCode</redditLink> lub <discordLink>discord.gg/roocode</discordLink>",
 		"version": "Roo Code v{{version}}",

webview-ui/src/i18n/locales/pt-BR/settings.json

@@ -210,6 +210,9 @@
 			"pricingDetails": "Para mais informações, consulte os detalhes de preços."
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "A extensão busca automaticamente a lista mais recente de modelos disponíveis em <serviceLink>{{serviceName}}</serviceLink>. Se você não tem certeza sobre qual modelo escolher, o Roo Code funciona melhor com <defaultModelLink>{{defaultModelId}}</defaultModelLink>. Você também pode pesquisar por \"free\" para encontrar opções gratuitas atualmente disponíveis."
+	},
 	"footer": {
 		"feedback": "Se tiver alguma dúvida ou feedback, sinta-se à vontade para abrir um problema em <githubLink>github.com/RooVetGit/Roo-Code</githubLink> ou juntar-se a <redditLink>reddit.com/r/RooCode</redditLink> ou <discordLink>discord.gg/roocode</discordLink>",
 		"version": "Roo Code v{{version}}",

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

@@ -210,6 +210,9 @@
 			"pricingDetails": "Para mais informações, consulte os detalhes de preços."
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "A extensão busca automaticamente a lista mais recente de modelos disponíveis em <serviceLink>{{serviceName}}</serviceLink>. Se não tiver certeza sobre qual modelo escolher, o Roo Code funciona melhor com <defaultModelLink>{{defaultModelId}}</defaultModelLink>. Você também pode pesquisar por \"free\" para encontrar opções gratuitas atualmente disponíveis."
+	},
 	"footer": {
 		"feedback": "Se tiver alguma dúvida ou feedback, sinta-se à vontade para abrir um problema em <githubLink>github.com/RooVetGit/Roo-Code</githubLink> ou juntar-se a <redditLink>reddit.com/r/RooCode</redditLink> ou <discordLink>discord.gg/roocode</discordLink>",
 		"version": "Roo Code v{{version}}",

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

@@ -210,6 +210,9 @@
 			"pricingDetails": "Для получения дополнительной информации см. детали ценообразования."
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "Расширение автоматически получает последний список моделей, доступных на <serviceLink>{{serviceName}}</serviceLink>. Если вы не уверены, какую модель выбрать, Roo Code лучше всего работает с <defaultModelLink>{{defaultModelId}}</defaultModelLink>. Вы также можете искать \"free\" для поиска бесплатных вариантов, доступных в настоящее время."
+	},
 	"footer": {
 		"feedback": "Если у вас есть вопросы или отзывы, не стесняйтесь открыть issue на <githubLink>github.com/RooVetGit/Roo-Code</githubLink> или присоединиться к <redditLink>reddit.com/r/RooCode</redditLink> или <discordLink>discord.gg/roocode</discordLink>",
 		"version": "Roo Code v{{version}}",

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

@@ -210,6 +210,9 @@
 			"pricingDetails": "Daha fazla bilgi için fiyatlandırma ayrıntılarına bakın."
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "Uzantı <serviceLink>{{serviceName}}</serviceLink> üzerinde bulunan mevcut modellerin en güncel listesini otomatik olarak alır. Hangi modeli seçeceğinizden emin değilseniz, Roo Code <defaultModelLink>{{defaultModelId}}</defaultModelLink> ile en iyi şekilde çalışır. Şu anda mevcut olan ücretsiz seçenekleri bulmak için \"free\" araması da yapabilirsiniz."
+	},
 	"footer": {
 		"feedback": "Herhangi bir sorunuz veya geri bildiriminiz varsa, <githubLink>github.com/RooVetGit/Roo-Code</githubLink> adresinde bir konu açmaktan veya <redditLink>reddit.com/r/RooCode</redditLink> ya da <discordLink>discord.gg/roocode</discordLink>'a katılmaktan çekinmeyin",
 		"version": "Roo Code v{{version}}",

webview-ui/src/i18n/locales/zh-CN/settings.json

@@ -210,6 +210,9 @@
 			"pricingDetails": "有关更多信息，请参阅定价详情。"
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "扩展程序会自动获取 <serviceLink>{{serviceName}}</serviceLink> 上可用的最新模型列表。如果您不确定选择哪个模型，Roo Code 与 <defaultModelLink>{{defaultModelId}}</defaultModelLink> 配合最佳。您还可以搜索\"free\"以查找当前可用的免费选项。"
+	},
 	"footer": {
 		"feedback": "如果您有任何问题或反馈，请随时在 <githubLink>github.com/RooVetGit/Roo-Code</githubLink> 上提出问题或加入 <redditLink>reddit.com/r/RooCode</redditLink> 或 <discordLink>discord.gg/roocode</discordLink>",
 		"version": "Roo Code v{{version}}",

webview-ui/src/i18n/locales/zh-TW/settings.json

@@ -210,6 +210,9 @@
 			"pricingDetails": "有關更多資訊，請參閱定價詳情。"
 		}
 	},
+	"modelPicker": {
+		"automaticFetch": "擴充功能會自動獲取 <serviceLink>{{serviceName}}</serviceLink> 上可用的最新模型列表。如果您不確定選擇哪個模型，Roo Code 與 <defaultModelLink>{{defaultModelId}}</defaultModelLink> 配合最佳。您還可以搜尋\"free\"以尋找目前可用的免費選項。"
+	},
 	"footer": {
 		"feedback": "如果您有任何問題或反饋，請隨時在 <githubLink>github.com/RooVetGit/Roo-Code</githubLink> 上提出問題或加入 <redditLink>reddit.com/r/RooCode</redditLink> 或 <discordLink>discord.gg/roocode</discordLink>",
 		"version": "Roo Code v{{version}}",