feat(mcp): add instructions field to MCP localization files and update UI to display instructions

daniel-lxs · daniel-lxs · commit 724e4ab1f9af · 2025-05-31T11:22:32.000-05:00
diff --git a/src/core/prompts/sections/mcp-servers.ts b/src/core/prompts/sections/mcp-servers.ts
@@ -39,7 +39,7 @@ export async function getMcpServersSection(
 
 						return (
 							`## ${server.name} (\`${config.command}${config.args && Array.isArray(config.args) ? ` ${config.args.join(" ")}` : ""}\`)` +
-							(server.instructions ? `\n\n${server.instructions}` : "") +
+							(server.instructions ? `\n\n### Instructions\n${server.instructions}` : "") +
 							(tools ? `\n\n### Available Tools\n${tools}` : "") +
 							(templates ? `\n\n### Resource Templates\n${templates}` : "") +
 							(resources ? `\n\n### Direct Resources\n${resources}` : "")
diff --git a/webview-ui/src/components/mcp/McpView.tsx b/webview-ui/src/components/mcp/McpView.tsx
@@ -348,16 +348,6 @@ const ServerRow = ({ server, alwaysAllowMcp }: { server: McpServer; alwaysAllowM
 							fontSize: "13px",
 							borderRadius: "0 0 4px 4px",
 						}}>
-						{server.instructions && (
-							<div
-								style={{
-									padding: "5px 0",
-									opacity: 0.8,
-									fontSize: "12px",
-								}}>
-								{server.instructions}
-							</div>
-						)}
 						<VSCodePanels style={{ marginBottom: "10px" }}>
 							<VSCodePanelTab id="tools">
 								{t("mcp:tabs.tools")} ({server.tools?.length || 0})
@@ -366,6 +356,9 @@ const ServerRow = ({ server, alwaysAllowMcp }: { server: McpServer; alwaysAllowM
 								{t("mcp:tabs.resources")} (
 								{[...(server.resourceTemplates || []), ...(server.resources || [])].length || 0})
 							</VSCodePanelTab>
+							{server.instructions && (
+								<VSCodePanelTab id="instructions">{t("mcp:instructions")}</VSCodePanelTab>
+							)}
 							<VSCodePanelTab id="errors">
 								{t("mcp:tabs.errors")} ({server.errorHistory?.length || 0})
 							</VSCodePanelTab>
@@ -412,6 +405,16 @@ const ServerRow = ({ server, alwaysAllowMcp }: { server: McpServer; alwaysAllowM
 								)}
 							</VSCodePanelView>
 
+							{server.instructions && (
+								<VSCodePanelView id="instructions-view">
+									<div style={{ padding: "10px 0", fontSize: "12px" }}>
+										<div className="opacity-80 whitespace-pre-wrap break-words">
+											{server.instructions}
+										</div>
+									</div>
+								</VSCodePanelView>
+							)}
+
 							<VSCodePanelView id="errors-view">
 								{server.errorHistory && server.errorHistory.length > 0 ? (
 									<div
@@ -500,7 +503,9 @@ const ServerRow = ({ server, alwaysAllowMcp }: { server: McpServer; alwaysAllowM
 						onClick={handleRestart}
 						disabled={server.status === "connecting"}
 						style={{ width: "calc(100% - 20px)", margin: "0 10px 10px 10px" }}>
-						{server.status === "connecting" ? "Retrying..." : "Retry Connection"}
+						{server.status === "connecting"
+							? t("mcp:serverStatus.retrying")
+							: t("mcp:serverStatus.retryConnection")}
 					</VSCodeButton>
 				</div>
 			)}
diff --git a/webview-ui/src/i18n/locales/ca/mcp.json b/webview-ui/src/i18n/locales/ca/mcp.json
@@ -1,7 +1,8 @@
 {
 	"title": "Servidors MCP",
 	"done": "Fet",
-	"description": "Activa el Model Context Protocol (MCP) perquè Roo Code pugui utilitzar eines i serveis addicionals de servidors externs. Això amplia el que Roo pot fer per tu. <0>Més informació</0>",
+	"description": "El <0>Model Context Protocol</0> permet la comunicació amb servidors MCP que s'executen localment i proporcionen eines i recursos addicionals per ampliar les capacitats de Roo. Pots utilitzar <1>servidors creats per la comunitat</1> o demanar a Roo que creï noves eines específiques per al teu flux de treball (per exemple, \"afegir una eina que obtingui la documentació més recent de npm\").",
+	"instructions": "Instruccions",
 	"enableToggle": {
 		"title": "Activa els servidors MCP",
 		"description": "Activa-ho perquè Roo pugui utilitzar eines dels servidors MCP connectats. Això dóna més capacitats a Roo. Si no vols utilitzar aquestes eines addicionals, desactiva-ho per ajudar a reduir el cost dels tokens API."
diff --git a/webview-ui/src/i18n/locales/de/mcp.json b/webview-ui/src/i18n/locales/de/mcp.json
@@ -1,7 +1,8 @@
 {
 	"title": "MCP-Server",
 	"done": "Fertig",
-	"description": "Aktiviere das Model Context Protocol (MCP), damit Roo Code zusätzliche Tools und Dienste von externen Servern nutzen kann. Dies erweitert, was Roo für dich tun kann. <0>Mehr erfahren</0>",
+	"description": "Das <0>Model Context Protocol</0> ermöglicht die Kommunikation mit lokal laufenden MCP-Servern, die zusätzliche Tools und Ressourcen zur Erweiterung der Fähigkeiten von Roo bereitstellen. Du kannst <1>von der Community erstellte Server</1> verwenden oder Roo bitten, neue Tools speziell für deinen Workflow zu erstellen (z.B. \"ein Tool hinzufügen, das die neueste npm-Dokumentation abruft\").",
+	"instructions": "Anweisungen",
 	"enableToggle": {
 		"title": "MCP-Server aktivieren",
 		"description": "Schalte dies EIN, damit Roo Tools von verbundenen MCP-Servern verwenden kann. Dies gibt Roo mehr Möglichkeiten. Wenn du diese zusätzlichen Tools nicht verwenden möchtest, schalte es AUS, um API-Token-Kosten zu senken."
diff --git a/webview-ui/src/i18n/locales/en/mcp.json b/webview-ui/src/i18n/locales/en/mcp.json
@@ -1,7 +1,8 @@
 {
 	"title": "MCP Servers",
 	"done": "Done",
-	"description": "Enable the Model Context Protocol (MCP) to let Roo Code use extra tools and services from external servers. This expands what Roo can do for you. <0>Learn More</0>",
+	"description": "The <0>Model Context Protocol</0> enables communication with locally running MCP servers that provide additional tools and resources to extend Roo's capabilities. You can use <1>community-made servers</1> or ask Roo to create new tools specific to your workflow (e.g., \"add a tool that gets the latest npm docs\").",
+	"instructions": "Instructions",
 	"enableToggle": {
 		"title": "Enable MCP Servers",
 		"description": "Turn this ON to let Roo use tools from connected MCP servers. This gives Roo more capabilities. If you don't plan to use these extra tools, turn it OFF to help reduce API token costs."
diff --git a/webview-ui/src/i18n/locales/es/mcp.json b/webview-ui/src/i18n/locales/es/mcp.json
@@ -1,7 +1,8 @@
 {
 	"title": "Servidores MCP",
-	"done": "Hecho",
-	"description": "Activa el Model Context Protocol (MCP) para que Roo Code pueda usar herramientas y servicios adicionales de servidores externos. Esto amplía lo que Roo puede hacer por ti. <0>Más información</0>",
+	"done": "Listo",
+	"description": "El <0>Model Context Protocol</0> permite la comunicación con servidores MCP que se ejecutan localmente y proporcionan herramientas y recursos adicionales para extender las capacidades de Roo. Puedes usar <1>servidores creados por la comunidad</1> o pedir a Roo que cree nuevas herramientas específicas para tu flujo de trabajo (por ejemplo, \"añadir una herramienta que obtenga la documentación más reciente de npm\").",
+	"instructions": "Instrucciones",
 	"enableToggle": {
 		"title": "Activar servidores MCP",
 		"description": "Actívalo para que Roo pueda usar herramientas de servidores MCP conectados. Esto le da más capacidades a Roo. Si no planeas usar estas herramientas extra, desactívalo para ayudar a reducir los costes de tokens API."
diff --git a/webview-ui/src/i18n/locales/fr/mcp.json b/webview-ui/src/i18n/locales/fr/mcp.json
@@ -1,7 +1,8 @@
 {
 	"title": "Serveurs MCP",
 	"done": "Terminé",
-	"description": "Active le Model Context Protocol (MCP) pour permettre à Roo Code d'utiliser des outils et services supplémentaires depuis des serveurs externes. Cela élargit ce que Roo peut faire pour toi. <0>En savoir plus</0>",
+	"description": "Le <0>Model Context Protocol</0> permet la communication avec des serveurs MCP exécutés localement qui fournissent des outils et des ressources supplémentaires pour étendre les capacités de Roo. Vous pouvez utiliser <1>des serveurs créés par la communauté</1> ou demander à Roo de créer de nouveaux outils spécifiques à votre flux de travail (par exemple, \"ajouter un outil qui récupère la dernière documentation npm\").",
+	"instructions": "Instructions",
 	"enableToggle": {
 		"title": "Activer les serveurs MCP",
 		"description": "Active cette option pour que Roo puisse utiliser des outils provenant de serveurs MCP connectés. Cela donne plus de capacités à Roo. Si tu ne comptes pas utiliser ces outils supplémentaires, désactive-la pour réduire les coûts de tokens API."
diff --git a/webview-ui/src/i18n/locales/hi/mcp.json b/webview-ui/src/i18n/locales/hi/mcp.json
@@ -1,7 +1,8 @@
 {
 	"title": "MCP सर्वर",
 	"done": "हो गया",
-	"description": "Model Context Protocol (MCP) सक्षम करें ताकि Roo Code बाहरी सर्वरों से अतिरिक्त टूल्स और सेवाएँ इस्तेमाल कर सके। इससे Roo तुम्हारे लिए और भी काम कर सकता है। <0>और जानें</0>",
+	"description": "<0>मॉडल कॉन्टेक्स्ट प्रोटोकॉल</0> स्थानीय रूप से चल रहे MCP सर्वरों के साथ संचार को सक्षम बनाता है जो Roo की क्षमताओं का विस्तार करने के लिए अतिरिक्त उपकरण और संसाधन प्रदान करते हैं। आप <1>समुदाय द्वारा बनाए गए सर्वरों</1> का उपयोग कर सकते हैं या Roo से अपने कार्यप्रवाह के लिए विशिष्ट नए उपकरण बनाने के लिए कह सकते हैं (जैसे, \"नवीनतम npm दस्तावेज़ प्राप्त करने वाला उपकरण जोड़ें\")।",
+	"instructions": "निर्देश",
 	"enableToggle": {
 		"title": "MCP सर्वर सक्षम करें",
 		"description": "इसे ON करो ताकि Roo जुड़े हुए MCP सर्वरों से टूल्स इस्तेमाल कर सके। इससे Roo को और क्षमताएँ मिलती हैं। अगर तुम ये अतिरिक्त टूल्स इस्तेमाल नहीं करना चाहते, तो इसे OFF करो ताकि API टोकन लागत कम हो सके।"
diff --git a/webview-ui/src/i18n/locales/it/mcp.json b/webview-ui/src/i18n/locales/it/mcp.json
@@ -1,7 +1,8 @@
 {
 	"title": "Server MCP",
 	"done": "Fatto",
-	"description": "Abilita il Model Context Protocol (MCP) per permettere a Roo Code di usare strumenti e servizi extra da server esterni. Questo amplia ciò che Roo può fare per te. <0>Scopri di più</0>",
+	"description": "Il <0>Model Context Protocol</0> permette la comunicazione con server MCP in esecuzione locale che forniscono strumenti e risorse aggiuntive per estendere le capacità di Roo. Puoi utilizzare <1>server creati dalla comunità</1> o chiedere a Roo di creare nuovi strumenti specifici per il tuo flusso di lavoro (ad esempio, \"aggiungi uno strumento che ottiene la documentazione npm più recente\").",
+	"instructions": "Istruzioni",
 	"enableToggle": {
 		"title": "Abilita server MCP",
 		"description": "Attiva questa opzione per permettere a Roo di usare strumenti dai server MCP collegati. Questo dà a Roo più capacità. Se non vuoi usare questi strumenti extra, disattiva per ridurre i costi dei token API."
diff --git a/webview-ui/src/i18n/locales/ja/mcp.json b/webview-ui/src/i18n/locales/ja/mcp.json
@@ -1,7 +1,8 @@
 {
 	"title": "MCPサーバー",
 	"done": "完了",
-	"description": "Model Context Protocol (MCP) を有効にすると、Roo Code が外部サーバーから追加のツールやサービスを利用できるようになります。これで Roo ができることが広がるよ。<0>詳細はこちら</0>",
+	"description": "<0>Model Context Protocol</0>は、ローカルで実行されているMCPサーバーとの通信を可能にし、Rooの機能を拡張するための追加ツールやリソースを提供します。<1>コミュニティによって作成されたサーバー</1>を使用したり、Rooにワークフロー専用の新しいツールを作成するよう依頼したりできます（例：「最新のnpmドキュメントを取得するツールを追加する」）。",
+	"instructions": "手順",
 	"enableToggle": {
 		"title": "MCPサーバーを有効化",
 		"description": "これをONにすると、Rooが接続されたMCPサーバーのツールを使えるようになるよ。Rooの機能が増える！追加ツールを使わないなら、APIトークンのコストを抑えるためにOFFにしてね。"
diff --git a/webview-ui/src/i18n/locales/ko/mcp.json b/webview-ui/src/i18n/locales/ko/mcp.json
@@ -1,7 +1,8 @@
 {
 	"title": "MCP 서버",
 	"done": "완료",
-	"description": "Model Context Protocol(MCP)를 활성화하면 Roo Code가 외부 서버에서 추가 도구와 서비스를 사용할 수 있어. Roo가 할 수 있는 일이 더 많아져! <0>자세히 알아보기</0>",
+	"description": "<0>Model Context Protocol</0>은 로컬에서 실행되는 MCP 서버와 통신하여 Roo의 기능을 확장하는 추가 도구 및 리소스를 제공합니다. <1>커뮤니티에서 만든 서버</1>를 사용하거나 Roo에게 작업 흐름에 맞는 새로운 도구를 만들도록 요청할 수 있습니다 (예: \"최신 npm 문서를 가져오는 도구 추가\").",
+	"instructions": "지침",
 	"enableToggle": {
 		"title": "MCP 서버 활성화",
 		"description": "이걸 켜면 Roo가 연결된 MCP 서버의 도구를 쓸 수 있어. Roo의 능력이 더 늘어나! 추가 도구를 쓸 생각이 없다면, API 토큰 비용을 줄이기 위해 꺼 두는 게 좋아."
diff --git a/webview-ui/src/i18n/locales/nl/mcp.json b/webview-ui/src/i18n/locales/nl/mcp.json
@@ -1,14 +1,15 @@
 {
 	"title": "MCP-servers",
-	"done": "Klaar",
-	"description": "Schakel het Model Context Protocol (MCP) in zodat Roo Code extra tools en diensten van externe servers kan gebruiken. Zo kan Roo meer voor je doen. <0>Meer informatie</0>",
+	"done": "Gereed",
+	"description": "Het <0>Model Context Protocol</0> maakt communicatie mogelijk met lokaal draaiende MCP-servers die extra tools en bronnen bieden om Roo's mogelijkheden uit te breiden. Je kunt <1>community-servers</1> gebruiken of Roo vragen om nieuwe tools te maken die specifiek zijn voor jouw workflow (bijv. 'voeg een tool toe die de nieuwste npm-documentatie ophaalt').",
+	"instructions": "Instructies",
 	"enableToggle": {
 		"title": "MCP-servers inschakelen",
-		"description": "Zet dit AAN zodat Roo tools van verbonden MCP-servers kan gebruiken. Dit geeft Roo meer mogelijkheden. Gebruik je deze extra tools niet, zet het dan UIT om API-tokenkosten te besparen."
+		"description": "Indien ingeschakeld, kan Roo communiceren met MCP-servers voor geavanceerde functionaliteit. Gebruik je geen MCP, dan kun je dit uitschakelen om het tokengebruik te verminderen."
 	},
 	"enableServerCreation": {
-		"title": "MCP-server aanmaken inschakelen",
-		"description": "Schakel dit in zodat Roo je kan helpen <1>nieuwe</1> aangepaste MCP-servers te bouwen. <0>Meer over server aanmaken</0>",
+		"title": "Aanmaken van MCP-server inschakelen",
+		"description": "Indien ingeschakeld, kan Roo je helpen nieuwe MCP-servers te maken via commando's zoals 'voeg een nieuwe tool toe aan...'. Heb je dit niet nodig, schakel het dan uit om het tokengebruik te verminderen.",
 		"hint": "Tip: Zet deze instelling uit als je Roo niet actief vraagt om een nieuwe MCP-server te maken, om API-tokenkosten te besparen."
 	},
 	"editGlobalMCP": "Globale MCP bewerken",
@@ -27,12 +28,12 @@
 	"emptyState": {
 		"noTools": "Geen tools gevonden",
 		"noResources": "Geen bronnen gevonden",
-		"noLogs": "Geen logs gevonden",
+		"noLogs": "Geen logboeken gevonden",
 		"noErrors": "Geen fouten gevonden"
 	},
 	"networkTimeout": {
-		"label": "Netwerk-timeout",
-		"description": "Maximale wachttijd op serverreacties",
+		"label": "Netwerktime-out",
+		"description": "Maximale wachttijd op serverantwoorden",
 		"options": {
 			"15seconds": "15 seconden",
 			"30seconds": "30 seconden",
@@ -46,7 +47,7 @@
 	},
 	"deleteDialog": {
 		"title": "MCP-server verwijderen",
-		"description": "Weet je zeker dat je de MCP-server \"{{serverName}}\" wilt verwijderen? Deze actie kan niet ongedaan worden gemaakt.",
+		"description": "Weet je zeker dat je de MCP-server '{{serverName}}' wilt verwijderen? Deze actie kan niet ongedaan worden gemaakt.",
 		"cancel": "Annuleren",
 		"delete": "Verwijderen"
 	},
diff --git a/webview-ui/src/i18n/locales/pl/mcp.json b/webview-ui/src/i18n/locales/pl/mcp.json
@@ -1,7 +1,8 @@
 {
 	"title": "Serwery MCP",
 	"done": "Gotowe",
-	"description": "Włącz Model Context Protocol (MCP), aby Roo Code mógł korzystać z dodatkowych narzędzi i usług z zewnętrznych serwerów. To rozszerza możliwości Roo. <0>Dowiedz się więcej</0>",
+	"description": "<0>Model Context Protocol</0> umożliwia komunikację z lokalnie uruchomionymi serwerami MCP, które zapewniają dodatkowe narzędzia i zasoby rozszerzające możliwości Roo. Możesz korzystać z <1>serwerów stworzonych przez społeczność</1> lub poprosić Roo o utworzenie nowych narzędzi specyficznych dla twojego przepływu pracy (np. \"dodaj narzędzie, które pobiera najnowszą dokumentację npm\").",
+	"instructions": "Instrukcje",
 	"enableToggle": {
 		"title": "Włącz serwery MCP",
 		"description": "Włącz to, aby Roo mógł korzystać z narzędzi połączonych serwerów MCP. Daje to Roo więcej możliwości. Jeśli nie planujesz korzystać z tych dodatkowych narzędzi, wyłącz to, aby zmniejszyć koszty tokenów API."
diff --git a/webview-ui/src/i18n/locales/pt-BR/mcp.json b/webview-ui/src/i18n/locales/pt-BR/mcp.json
@@ -1,7 +1,8 @@
 {
 	"title": "Servidores MCP",
 	"done": "Concluído",
-	"description": "Ative o Model Context Protocol (MCP) para permitir que o Roo Code use ferramentas e serviços extras de servidores externos. Isso amplia o que o Roo pode fazer por você. <0>Saiba mais</0>",
+	"description": "O <0>Model Context Protocol</0> permite a comunicação com servidores MCP em execução localmente que fornecem ferramentas e recursos adicionais para estender as capacidades do Roo. Você pode usar <1>servidores criados pela comunidade</1> ou pedir ao Roo para criar novas ferramentas específicas para seu fluxo de trabalho (por exemplo, \"adicionar uma ferramenta que obtém a documentação mais recente do npm\").",
+	"instructions": "Instruções",
 	"enableToggle": {
 		"title": "Ativar servidores MCP",
 		"description": "Ative para que o Roo possa usar ferramentas de servidores MCP conectados. Isso dá mais capacidades ao Roo. Se você não pretende usar essas ferramentas extras, desative para ajudar a reduzir os custos de tokens da API."
diff --git a/webview-ui/src/i18n/locales/ru/mcp.json b/webview-ui/src/i18n/locales/ru/mcp.json
@@ -1,7 +1,8 @@
 {
 	"title": "Серверы MCP",
 	"done": "Готово",
-	"description": "Включи Model Context Protocol (MCP), чтобы Roo Code мог использовать дополнительные инструменты и сервисы с внешних серверов. Это расширяет возможности Roo. <0>Подробнее</0>",
+	"description": "<0>Model Context Protocol</0> обеспечивает связь с локально запущенными MCP-серверами, которые предоставляют дополнительные инструменты и ресурсы для расширения возможностей Roo. Вы можете использовать <1>серверы, созданные сообществом</1>, или попросить Roo создать новые инструменты, специфичные для вашего рабочего процесса (например, «добавь инструмент, который получает последние npm-документацию»).",
+	"instructions": "Инструкции",
 	"enableToggle": {
 		"title": "Включить серверы MCP",
 		"description": "Включи, чтобы Roo мог использовать инструменты с подключённых серверов MCP. Это даст Roo больше возможностей. Если не планируешь использовать эти дополнительные инструменты, выключи для экономии токенов API."
diff --git a/webview-ui/src/i18n/locales/tr/mcp.json b/webview-ui/src/i18n/locales/tr/mcp.json
diff --git a/webview-ui/src/i18n/locales/vi/mcp.json b/webview-ui/src/i18n/locales/vi/mcp.json
diff --git a/webview-ui/src/i18n/locales/zh-CN/mcp.json b/webview-ui/src/i18n/locales/zh-CN/mcp.json
diff --git a/webview-ui/src/i18n/locales/zh-TW/mcp.json b/webview-ui/src/i18n/locales/zh-TW/mcp.json
