From 8e74135672080c6bbe38264b26d1c178872f472a Mon Sep 17 00:00:00 2001
From: Kirigaya <1193466151@qq.com>
Date: Mon, 14 Jul 2025 00:29:28 +0800
Subject: [PATCH] finish guide i18n

---
 CHANGELOG.md                           |   2 +-
 renderer/src/components/guide/tour.vue | 153 +++++++++++++------------
 renderer/src/i18n/ar.json              |  34 +++++-
 renderer/src/i18n/de.json              |  34 +++++-
 renderer/src/i18n/en.json              |  34 +++++-
 renderer/src/i18n/fr.json              |  34 +++++-
 renderer/src/i18n/ja.json              |  34 +++++-
 renderer/src/i18n/ko.json              |  34 +++++-
 renderer/src/i18n/ru.json              |  34 +++++-
 renderer/src/i18n/zh-cn.json           |  34 +++++-
 renderer/src/i18n/zh-tw.json           |  34 +++++-
 11 files changed, 375 insertions(+), 86 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c8cd11e..a13d4d4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,7 +2,7 @@
 
 ## [main] 0.1.10
 - 修复 issue #48: 修复错误的引导路径。
-- 修复非中文语言下，初始化引导界面不跟随主界面的问题。
+- 完成引导界面的多语言。
 - 修复部分模型的 usage 无法正常显示的问题。
 - 实现 openmcp 工具测试的并行实现和暂停功能。
 
diff --git a/renderer/src/components/guide/tour.vue b/renderer/src/components/guide/tour.vue
index 668194c..aa1a764 100644
--- a/renderer/src/components/guide/tour.vue
+++ b/renderer/src/components/guide/tour.vue
@@ -1,23 +1,23 @@
 <template>
     <el-tour v-model="openTour">
         <el-tour-step
-            :next-button-props="{ children: '开始' }"
+            :next-button-props="{ children: t('begin') }"
             :show-close="false"
         >
             <template #header>
-                <TourTitle>介绍</TourTitle>
+                <TourTitle>{{ t('introduction') }}</TourTitle>
             </template>
             <div style="display: flex; padding: 10px; padding-bottom: 20px;">
                 <div class="tour-common-text">
-                    欢迎来到大模型与 mcp 的世界！
+                    {{ t('guide.1.1') }}
 
                     <br><br>
 
-                    OpenMCP 将会助力你快速将任何奇思妙想开发成 mcp 服务器，通过接入大模型，让你的任何 idea 都可以快速落地。
+                    {{ t('guide.1.2') }}
 
                     <br><br>
 
-                    倘若阁下是第一次使用 OpenMCP，请务必走完我们准备好的引导。
+                    {{ t('guide.1.3') }}
                 </div>
 
             </div>
@@ -25,254 +25,255 @@
 
         <el-tour-step
             target="#connected-status-container"
-            :prev-button-props="{ children: '上一步' }"
-            :next-button-props="{ children: '下一步' }"
+            :prev-button-props="{ children: t('prev-step') }"
+            :next-button-props="{ children: t('next-step') }"
             :show-close="false"
         >
             <template #header>
-                <TourTitle>引导</TourTitle>
+                <TourTitle>{{ t('guide') }}</TourTitle>
             </template>
             <div class="tour-common-text">
-                这里会显示当前调试的 mcp 服务器的名称（缩写）和连接状态。只有当连接状态为「已连接」，调试工作才能开始。
+                {{ t('guide.2.1') }}
 
 
                 <br><br>
 
-                OpenMCP 通过服务器名称对项目所的所有服务进行统一管理，请避免在同一个项目中使用相同的名称。
+                {{ t('guide.2.2') }}
             </div>
         </el-tour-step>
 
 
         <el-tour-step
             target="#sidebar-connect"
-            :prev-button-props="{ children: '上一步' }"
-            :next-button-props="{ children: '下一步', onClick: () => router.push(baseUrl + 'connect') }"
+            :prev-button-props="{ children: t('prev-step') }"
+            :next-button-props="{ children: t('next-step'), onClick: () => router.push(baseUrl + 'connect') }"
             :show-close="false"
         >
             <template #header>
-                <TourTitle>连接</TourTitle>
+                <TourTitle>{{ t("connect") }}</TourTitle>
             </template>
             <div class="tour-common-text">
-                如果显示「未连接」或阁下想要更改连接参数或者连接方式，可以点击这里进入连接面板。
+                {{ t('guide.3.1') }}
             </div>
         </el-tour-step>
 
         <el-tour-step
             :target="mcpClientAdapter.clients[0].connectionSettingRef"
-            :prev-button-props="{ children: '上一步' }"
-            :next-button-props="{ children: '下一步' }"
+            :prev-button-props="{ children: t('prev-step') }"
+            :next-button-props="{ children: t('next-step') }"
             :show-close="false"
             placement="right"
         >
             <template #header>
-                <TourTitle>连接</TourTitle>
+                <TourTitle>{{ t("connect") }}</TourTitle>
             </template>
             <div class="tour-common-text">
-                阁下可以在左侧面板选择与您心爱的 mcp 服务器进行连接的方式，并填入对应的连接参数。
+                {{ t('guide.4.1') }}
 
                 <br><br>
 
-                对于 openmcp vscode/trae/cursor 插件端的用户，当您通过面板按钮进入 openmcp 的时候，默认就会选择 STDIO 作为连接方式，并根据你的上下文生成启动参数。
-                openmcp desktop 的用户可能就需要自己填写了。Anyway，这总比在你的好友电脑中植入 chrome 浏览器密码破解木马简单。
+                {{ t('guide.4.2') }}
+
+                {{ t('guide.4.3') }}
             </div>
         </el-tour-step>
 
         <el-tour-step
             :target="mcpClientAdapter.clients[0].connectionLogRef"
-            :prev-button-props="{ children: '上一步' }"
-            :next-button-props="{ children: '下一步' }"
+            :prev-button-props="{ children: t('prev-step') }"
+            :next-button-props="{ children: t('next-step') }"
             :show-close="false"
             placement="left"
         >
             <template #header>
-                <TourTitle>连接</TourTitle>
+                <TourTitle>{{ t("connect") }}</TourTitle>
             </template>
             <div class="tour-common-text">
-                连接响应会在这个地方打印出来，如果出现绿色背景的信息，代表连接成功。
+                {{ t('guide.5.1') }}
             </div>
         </el-tour-step>
 
         <el-tour-step
             :target="mcpServerAddRef"
-            :prev-button-props="{ children: '上一步' }"
-            :next-button-props="{ children: '下一步' }"
+            :prev-button-props="{ children: t('prev-step') }"
+            :next-button-props="{ children: t('next-step') }"
             :show-close="false"
         >
             <template #header>
-                <TourTitle>调试</TourTitle>
+                <TourTitle>{{ t("debug") }}</TourTitle>
             </template>
             <div class="tour-common-text">
-                你可以点击最右侧的加号来添加额外的 mcp 服务器，让你当前正在调试的 agent 零成本快速获得额外的能力。
+                {{ t('guide.6.1') }}
             </div>
         </el-tour-step>
 
         <el-tour-step
             target="#sidebar-debug"
-            :prev-button-props="{ children: '上一步' }"
-            :next-button-props="{ children: '下一步', onClick: () => router.push(baseUrl + 'debug') }"
+            :prev-button-props="{ children: t('prev-step') }"
+            :next-button-props="{ children: t('next-step'), onClick: () => router.push(baseUrl + 'debug') }"
             :show-close="false"
         >
             <template #header>
-                <TourTitle>调试</TourTitle>
+                <TourTitle>{{ t("debug") }}</TourTitle>
             </template>
             <div class="tour-common-text">
-                假设你已经成功连接了 mcp 服务器，那么点击调试按钮，你可以开始你的调试工作。
+                {{ t('guide.7.1') }}
             </div>
         </el-tour-step>
 
         <el-tour-step
             :target="welcomeRef"
-            :prev-button-props="{ children: '上一步' }"
-            :next-button-props="{ children: '下一步' }"
+            :prev-button-props="{ children: t('prev-step') }"
+            :next-button-props="{ children: t('next-step') }"
             :show-close="false"
             placement="right"
         >
             <template #header>
-                <TourTitle>调试</TourTitle>
+                <TourTitle>{{ t("debug") }}</TourTitle>
             </template>
             <div class="tour-common-text">
-                我们目前提供了四种主要调试选项，「资源」、「提词」、「工具」分别和 MCP 协议中的 resources、prompts、tools 对应。
+                {{ t('guide.8.1') }}
             </div>
         </el-tour-step>
 
         <el-tour-step
             :target="welcomeRef"
-            :prev-button-props="{ children: '上一步' }"
-            :next-button-props="{ children: '下一步' }"
+            :prev-button-props="{ children: t('prev-step') }"
+            :next-button-props="{ children: t('next-step') }"
             :show-close="false"
             placement="right"
         >
             <template #header>
-                <TourTitle>调试</TourTitle>
+                <TourTitle>{{ t("debug") }}</TourTitle>
             </template>
             <div class="tour-common-text">
-                而「交互测试」则允许你直接将写好的 mcp 服务器放入大模型中直接做全链路测试，从而更加获取更加真实的反馈和数据，进而改进的你的 mcp 服务器。
+                {{ t('guide.9.1') }}
             </div>
         </el-tour-step>
 
         <el-tour-step
             :target="welcomeRef"
-            :prev-button-props="{ children: '上一步' }"
-            :next-button-props="{ children: '下一步' }"
+            :prev-button-props="{ children: t('prev-step') }"
+            :next-button-props="{ children: t('next-step') }"
             :show-close="false"
             placement="right"
         >
             <template #header>
-                <TourTitle>调试</TourTitle>
+                <TourTitle>{{ t("debug") }}</TourTitle>
             </template>
             <div class="tour-common-text">
-                基于我们在 agent 和 rl 方向的最佳实践，我们后续还会推出更多的调试和数据集聚合制作选项，请期待吧！
+                {{ t('guide.10.1') }}
             </div>
         </el-tour-step>
 
         <el-tour-step
             target="#sidebar-setting"
-            :prev-button-props="{ children: '上一步', onClick: () => router.push(baseUrl + 'debug') }"
-            :next-button-props="{ children: '下一步', onClick: () => router.push(baseUrl + 'setting') }"
+            :prev-button-props="{ children: t('prev-step'), onClick: () => router.push(baseUrl + 'debug') }"
+            :next-button-props="{ children: t('next-step'), onClick: () => router.push(baseUrl + 'setting') }"
             :show-close="false"
         >
             <template #header>
-                <TourTitle>设置</TourTitle>
+                <TourTitle>{{ t("setting") }}</TourTitle>
             </template>
             <div class="tour-common-text">
-                如果要进行交互测试，请不要忘记先配置你常用的大模型 API
+                {{ t('guide.11.1') }}
             </div>
         </el-tour-step>
 
 
         <el-tour-step
             :target="llmSettingRef"
-            :prev-button-props="{ children: '上一步' }"
-            :next-button-props="{ children: '下一步' }"
+            :prev-button-props="{ children: t('prev-step') }"
+            :next-button-props="{ children: t('next-step') }"
             :show-close="false"
             placement="right"
         >
             <template #header>
-                <TourTitle>设置</TourTitle>
+                <TourTitle>{{ t("setting") }}</TourTitle>
             </template>
             <div class="tour-common-text">
-                OpenMCP 目前支持所有支持 openai 接口规范的大模型，比如 deepseek，openai，kimi 等等。
-                本地部署的 ollama 也正在支持。
+                {{ t('guide.12.1') }}
             </div>
         </el-tour-step>
 
 
         <el-tour-step
             target="#add-new-server-button"
-            :prev-button-props="{ children: '上一步' }"
-            :next-button-props="{ children: '下一步' }"
+            :prev-button-props="{ children: t('prev-step') }"
+            :next-button-props="{ children: t('next-step') }"
             :show-close="false"
         >
             <template #header>
-                <TourTitle>设置</TourTitle>
+                <TourTitle>{{ t("setting") }}</TourTitle>
             </template>
             <div class="tour-common-text">
-                如果需要添加自定义的大模型服务，请点击这里。比如火山云，阿里云，硅基流动等。
+                {{ t('guide.13.1') }}
             </div>
         </el-tour-step>
 
 
         <el-tour-step
             target="#test-llm-button"
-            :prev-button-props="{ children: '上一步' }"
-            :next-button-props="{ children: '下一步' }"
+            :prev-button-props="{ children: t('prev-step') }"
+            :next-button-props="{ children: t('next-step') }"
             :show-close="false"
         >
             <template #header>
-                <TourTitle>设置</TourTitle>
+                <TourTitle>{{ t("setting") }}</TourTitle>
             </template>
             <div class="tour-common-text">
-                填写完成连接签名后，点击这里来测试 大模型服务是否可以访问。
+                {{ t('guide.14.1') }}
             </div>
         </el-tour-step>
 
 
         <el-tour-step
             target="#save-llm-button"
-            :prev-button-props="{ children: '上一步' }"
-            :next-button-props="{ children: '下一步' }"
+            :prev-button-props="{ children: t('prev-step') }"
+            :next-button-props="{ children: t('next-step') }"
             :show-close="false"
         >
             <template #header>
-                <TourTitle>设置</TourTitle>
+                <TourTitle>{{ t("setting") }}</TourTitle>
             </template>
             <div class="tour-common-text">
-                最后请不要忘记点击保存按钮，保存你的设置。
+                {{ t('guide.15.1') }}
             </div>
         </el-tour-step>
 
 
         <el-tour-step
-            :prev-button-props="{ children: '上一步', onClick: () => router.push(baseUrl + 'setting') }"
-            :next-button-props="{ children: '下一步' }"
+            :prev-button-props="{ children: t('prev-step'), onClick: () => router.push(baseUrl + 'setting') }"
+            :next-button-props="{ children: t('next-step') }"
             :show-close="false"
         >
             <template #header>
-                <TourTitle>🎉 恭喜</TourTitle>
+                <TourTitle>🎉 {{ t('congratulation') }}</TourTitle>
             </template>
             <div class="tour-common-text">
-                🎉 恭喜，我的朋友，现在的你已经是半个 mcp 专家了，请充好一杯咖啡，慢慢享用快乐的开发时间吧！
+                🎉 {{ t('guide.16.1') }}
                 
                 <br>
                 <br>
                 
-                <a href="https://openmcp.kirigaya.cn/" target="_blank">OpenMCP 官方文档</a> 是我们的文档站点，您在其中能找到非常完整的使用说明和案例教程。
+                <a href="https://openmcp.kirigaya.cn/" target="_blank">{{ t("openmcp-document") }}</a>
+                
+                {{ t('guide.16.2') }}
 
                 <br><br>
 
-                如果是插件用户，左侧面板的最下面「入门与帮助」有一些我们准备好的资料，希望能帮到阁下优雅地开发你的 mcp 服务器。
-                让我们一起把越来越多的 api 和 sdk 接入 大模型吧。
+                {{ t('guide.16.3') }}
+                {{ t('guide.16.4') }}
             </div>
         </el-tour-step>
 
-
         <el-tour-step
-            :prev-button-props="{ children: '上一步', onClick: () => router.push(baseUrl + 'setting') }"
-            :next-button-props="{ children: '结束', onClick: () => finishTour() }"
+            :prev-button-props="{ children: t('prev-step'), onClick: () => router.push(baseUrl + 'setting') }"
+            :next-button-props="{ children: t('finish'), onClick: () => finishTour() }"
             :show-close="false"
         >
             <template #header>
-                <TourTitle>终章？</TourTitle>
+                <TourTitle>{{ t('maybe-end') }}</TourTitle>
             </template>
             <div class="tour-common-text">
                 <pre><code style="color: unset !important; background-color: unset !important;"
diff --git a/renderer/src/i18n/ar.json b/renderer/src/i18n/ar.json
index 802cdc5..3d24508 100644
--- a/renderer/src/i18n/ar.json
+++ b/renderer/src/i18n/ar.json
@@ -198,5 +198,37 @@
     "tool-self-detect": "الفحص الذاتي للأداة",
     "self-detect-caption": "انقر على خط الاتصال لإلغاء التوصيل، انقر على العقدة لإنشاء اتصال",
     "diagram-node-empty": "لا توجد معلومات عن العقدة",
-    "parallel-test": "اختبار متوازي"
+    "parallel-test": "اختبار متوازي",
+    "begin": "ابدأ",
+    "introduction": "مقدمة",
+    "prev-step": "الخطوة السابقة",
+    "next-step": "الخطوة التالية",
+    "guide.1.1": "مرحبًا بكم في عالم النماذج الكبيرة و MCP!",
+    "guide.1.2": "سوف يساعدك OpenMCP في تطوير أي فكرة إبداعية بسرعة إلى خادم MCP، من خلال دمج النماذج الكبيرة، لإنشاء وكيلك الخاص.",
+    "guide.1.3": "إذا كنت تستخدم OpenMCP لأول مرة، يرجى اتباع الدليل الذي أعددناه.",
+    "guide": "إرشاد",
+    "guide.2.1": "هنا سيتم عرض اسم خادم mcp الذي يتم تصحيحه (اختصار) وحالة الاتصال. لا يمكن بدء أعمال التصحيح إلا إذا كانت حالة الاتصال \"متصل\".",
+    "guide.2.2": "يقوم OpenMCP بإدارة جميع خدمات المشروع بشكل موحد عبر اسم الخادم، يرجى تجنب استخدام الاسم نفسه في المشروع الواحد",
+    "guide.3.1": "إذا ظهرت رسالة \"غير متصل\" أو إذا كنت ترغب في تغيير معلمات الاتصال أو طريقة الاتصال، يمكنك النقر هنا للانتقال إلى لوحة الاتصال.",
+    "guide.4.1": "يمكنك اختيار طريقة الاتصال بخادم MCP الذي تحبه في اللوحة اليسرى وإدخال معلمات الاتصال المقابلة.",
+    "guide.4.2": "للمستخدمين الذين يستخدمون إضافة openmcp vscode/trae/cursor، عند الدخول إلى openmcp عبر زر اللوحة، سيتم اختيار STDIO كطريقة اتصال افتراضية وسيتم إنشاء معلمات التشغيل بناءً على سياقك.",
+    "guide.4.3": "قد يحتاج مستخدمو openmcp desktop إلى ملء هذه المعلومات بأنفسهم. على أي حال، هذا أسهل من زرع حصان طروادة لاختراق كلمات مرور متصفح كروم في كمبيوتر صديقك.",
+    "guide.5.1": "سيتم طباعة استجابة الاتصال في هذا المكان، إذا ظهرت رسالة بخلفية خضراء، فهذا يعني أن الاتصال نجح.",
+    "guide.6.1": "يمكنك النقر على علامة الجمع الموجودة في أقصى اليمين لإضافة خادم MCP إضافي، مما يتيح للوكيل الذي تقوم بتصحيحه الحصول على قدرات إضافية بسرعة وبدون تكلفة.",
+    "guide.7.1": "افترض أنك قد نجحت في الاتصال بخادم mcp، فبالنقر على زر التصحيح، يمكنك بدء عمل التصحيح الخاص بك.",
+    "guide.8.1": "نحن نقدم حاليًا أربع خيارات تصحيح رئيسية، «الموارد»، «التعليمات البرمجية»، «الأدوات» تتوافق مع resources، prompts، tools في بروتوكول MCP على التوالي.",
+    "guide.9.1": "بينما يسمح لك «اختبار التفاعل» بوضع خادم MCP الذي كتبته مباشرة في النموذج الكبير لإجراء اختبار كامل للسلسلة، وبالتالي الحصول على ردود فعل وبيانات أكثر واقعية، ومن ثم تحسين خادم MCP الخاص بك.",
+    "guide.10.1": "استنادًا إلى أفضل الممارسات لدينا في مجال الوكيل وRL، سنقوم لاحقًا بإطلاق المزيد من خيارات التصحيح وتجميع مجموعات البيانات، فترقبوا ذلك!",
+    "guide.11.1": "إذا كنت تريد إجراء اختبار تفاعلي، فلا تنسَ تكوين واجهة برمجة التطبيقات للنموذج الكبير الذي تستخدمه بشكل شائع أولاً",
+    "guide.12.1": "OpenMCP يدحض حالياً جميع النماذج الكبيرة التي تدعم مواصفات واجهة openai، مثل deepseek، openai، kimi وغيرها.",
+    "guide.13.1": "إذا كنت بحاجة إلى إضافة خدمة نموذج كبير مخصصة، يرجى النقر هنا. على سبيل المثال، Volcano Cloud، Alibaba Cloud، Silicon Flow، إلخ.",
+    "guide.14.1": "بعد ملء توقيع الاتصال، انقر هنا لاختبار ما إذا كان يمكن الوصول إلى خدمة النموذج الكبير.",
+    "guide.15.1": "أخيرًا، لا تنس النقر على زر الحفظ لحفظ إعداداتك.",
+    "congratulation": "تهانينا",
+    "guide.16.1": "مبروك يا صديقي، الآن أنت خبير نصف ماسح في MCP، يرجى تحضير فنجان قهوة والاستمتاع بوقت تطوير سعيد!",
+    "guide.16.2": "هو موقعنا الوثائقي، حيث يمكنك العثور على إرشادات استخدام كاملة وشاملة ودروس تطبيقية.",
+    "guide.16.3": "إذا كنت مستخدمًا للإضافة، فهناك بعض المواد التي أعددناها في الجزء السفلي من اللوحة اليسرى تحت عنوان \"البدء والمساعدة\"، نأمل أن تساعدك في تطوير خادم MCP الخاص بك بشكل أنيق.",
+    "guide.16.4": "دعونا نعمل معًا على دمج المزيد والمزيد من APIs و SDKs في النموذج الكبير!",
+    "maybe-end": "الفصل الأخير؟",
+    "finish": "النهاية"
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/de.json b/renderer/src/i18n/de.json
index ebb1733..42f0f17 100644
--- a/renderer/src/i18n/de.json
+++ b/renderer/src/i18n/de.json
@@ -198,5 +198,37 @@
     "tool-self-detect": "Werkzeug-Selbsttest",
     "self-detect-caption": "Klicken Sie auf die Verbindungslinie, um die Verbindung aufzuheben, klicken Sie auf den Knoten, um eine Verbindung herzustellen",
     "diagram-node-empty": "Keine Knoteninformationen",
-    "parallel-test": "Paralleles Testen"
+    "parallel-test": "Paralleles Testen",
+    "begin": "Start",
+    "introduction": "Einführung",
+    "prev-step": "Zurück",
+    "next-step": "Weiter",
+    "guide.1.1": "Willkommen in der Welt der großen Modelle und MCP!",
+    "guide.1.2": "OpenMCP wird Ihnen helfen, jede kreative Idee schnell in einen MCP-Server zu entwickeln, indem Sie große Modelle integrieren, um Ihren eigenen Agenten zu erstellen.",
+    "guide.1.3": "Falls Sie OpenMCP zum ersten Mal verwenden, führen Sie bitte den von uns vorbereiteten Leitfaden durch.",
+    "guide": "Führung",
+    "guide.2.1": "Hier wird der Name des aktuell debuggten MCP-Servers (Abkürzung) und der Verbindungsstatus angezeigt. Debugging kann nur beginnen, wenn der Verbindungsstatus \"Verbunden\" lautet.",
+    "guide.2.2": "OpenMCP verwaltet alle Dienste eines Projekts einheitlich über den Servernamen. Bitte vermeiden Sie die Verwendung desselben Namens in einem Projekt.",
+    "guide.3.1": "Wenn \"Nicht verbunden\" angezeigt wird oder Sie die Verbindungsparameter oder die Verbindungsmethode ändern möchten, können Sie hier klicken, um zum Verbindungsmenü zu gelangen.",
+    "guide.4.1": "Sie können im linken Bereich die Verbindungsmethode zu Ihrem geliebten MCP-Server auswählen und die entsprechenden Verbindungsparameter eingeben.",
+    "guide.4.2": "Für Benutzer der openmcp vscode/trae/cursor-Erweiterung wird beim Betreten von openmcp über das Panel-Button standardmäßig STDIO als Verbindungsmethode ausgewählt, und die Startparameter werden basierend auf Ihrem Kontext generiert.",
+    "guide.4.3": "Benutzer von openmcp desktop müssen diese Informationen möglicherweise selbst ausfüllen. Jedenfalls ist das einfacher, als ein Chrome-Browser-Passwort-Trojaner auf dem Computer eines Freundes zu installieren.",
+    "guide.5.1": "Die Verbindungsantwort wird an dieser Stelle ausgegeben. Wenn eine Nachricht mit grünem Hintergrund erscheint, bedeutet dies, dass die Verbindung erfolgreich war.",
+    "guide.6.1": "Sie können auf das Pluszeichen ganz rechts klicken, um zusätzliche MCP-Server hinzuzufügen, damit der Agent, den Sie gerade debuggen, schnell und ohne zusätzliche Kosten zusätzliche Funktionen erhält.",
+    "guide.7.1": "Angenommen, Sie haben erfolgreich eine Verbindung zum MCP-Server hergestellt. Dann können Sie durch Klicken auf die Debug-Schaltfläche mit Ihrer Debug-Arbeit beginnen.",
+    "guide.8.1": "Wir bieten derzeit vier Hauptdebugging-Optionen an, „Ressourcen“, „Prompts“, „Tools“ entsprechen den resources, prompts, tools im MCP-Protokoll.",
+    "guide.9.1": "Der «Interaktionstest» ermöglicht es Ihnen, den geschriebenen MCP-Server direkt in das große Modell einzubringen, um einen vollständigen Link-Test durchzuführen, um realistischere Rückmeldungen und Daten zu erhalten und somit Ihren MCP-Server zu verbessern.",
+    "guide.10.1": "Basierend auf unseren Best Practices in den Bereichen Agent und RL werden wir in Zukunft weitere Debugging- und Datensatzaggregationsoptionen einführen. Bleiben Sie gespannt!",
+    "guide.11.1": "Wenn Sie einen Interaktionstest durchführen möchten, vergessen Sie nicht, zuerst die API Ihres häufig verwendeten großen Modells zu konfigurieren",
+    "guide.12.1": "OpenMCP unterstützt derzeit alle großen Modelle, die die OpenAI-Schnittstellenspezifikation unterstützen, wie z.B. deepseek, openai, kimi usw.",
+    "guide.13.1": "Wenn Sie einen benutzerdefinierten großen Modelldienst hinzufügen möchten, klicken Sie bitte hier. Zum Beispiel Volcano Cloud, Alibaba Cloud, Silicon Flow usw.",
+    "guide.14.1": "Nach dem Ausfüllen des Verbindungssignatur klicken Sie hier, um zu testen, ob der Großmodelldienst erreichbar ist.",
+    "guide.15.1": "Vergiss zum Schluss nicht, auf die Schaltfläche Speichern zu klicken, um deine Einstellungen zu speichern.",
+    "congratulation": "Glückwunsch",
+    "guide.16.1": "Glückwunsch, mein Freund, du bist jetzt ein halber MCP-Experte. Bereite dir eine Tasse Kaffee zu und genieße eine fröhliche Entwicklungszeit!",
+    "guide.16.2": "ist unsere Dokumentationsseite, auf der Sie sehr vollständige Gebrauchsanweisungen und Beispiel-Tutorials finden können.",
+    "guide.16.3": "Falls Sie ein Plugin-Benutzer sind, finden Sie unten im linken Panel unter \"Erste Schritte & Hilfe\" einige von uns vorbereitete Materialien, die Ihnen hoffentlich dabei helfen, Ihren MCP-Server elegant zu entwickeln.",
+    "guide.16.4": "Lasst uns gemeinsam immer mehr APIs und SDKs in das große Modell integrieren!",
+    "maybe-end": "Ende?",
+    "finish": "Ende"
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/en.json b/renderer/src/i18n/en.json
index a8d7940..ea38860 100644
--- a/renderer/src/i18n/en.json
+++ b/renderer/src/i18n/en.json
@@ -198,5 +198,37 @@
     "select-node-define-test-tomo": "Select another node to define the test topology",
     "tool-self-detect": "Tool Self-Check",
     "self-detect-caption": "Click on the connection line to cancel the connection, click on the node to create a connection",
-    "diagram-node-empty": "No node information"
+    "diagram-node-empty": "No node information",
+    "begin": "Start",
+    "introduction": "Introduction",
+    "prev-step": "Previous",
+    "next-step": "Next",
+    "guide.1.1": "Welcome to the world of large models and MCP!",
+    "guide.1.2": "OpenMCP will help you quickly develop any creative idea into an MCP server, by integrating large models, to create your own Agent.",
+    "guide.1.3": "If you are using OpenMCP for the first time, please follow the guide we have prepared.",
+    "guide": "Guidance",
+    "guide.2.1": "Here will display the name (abbreviation) and connection status of the currently debugged mcp server. Debugging work can only begin when the connection status is \"Connected\".",
+    "guide.2.2": "OpenMCP uniformly manages all services of a project through the server name. Please avoid using the same name within the same project.",
+    "guide.3.1": "If \"Not connected\" is displayed or you want to change the connection parameters or connection method, you can click here to enter the connection panel.",
+    "guide.4.1": "You can select the connection method to your beloved MCP server in the left panel and enter the corresponding connection parameters.",
+    "guide.4.2": "For users of the openmcp vscode/trae/cursor plugin, when you enter openmcp via the panel button, STDIO will be selected as the connection method by default, and launch parameters will be generated based on your context.",
+    "guide.4.3": "Users of openmcp desktop may need to fill in this information themselves. Anyway, this is simpler than planting a Chrome browser password-cracking Trojan on your friend's computer.",
+    "guide.5.1": "The connection response will be printed here. If a message with a green background appears, it means the connection was successful.",
+    "guide.6.1": "You can click the plus sign on the far right to add additional MCP servers, allowing the agent you are currently debugging to quickly gain additional capabilities at no cost.",
+    "guide.7.1": "Assuming you have successfully connected to the mcp server, then by clicking the debug button, you can start your debugging work.",
+    "guide.8.1": "We currently offer four main debugging options, \"Resources\", \"Prompts\", \"Tools\" correspond to resources, prompts, tools in the MCP protocol respectively.",
+    "guide.9.1": "The «Interaction Test» allows you to directly place the written MCP server into the large model for a full-link test, thereby obtaining more realistic feedback and data, and thus improving your MCP server.",
+    "guide.10.1": "Based on our best practices in the agent and RL directions, we will subsequently introduce more debugging and dataset aggregation options, so stay tuned!",
+    "guide.11.1": "If you want to perform an interaction test, don't forget to configure the API of your commonly used large model first",
+    "guide.12.1": "OpenMCP currently supports all large models that comply with the openai interface specification, such as deepseek, openai, kimi, etc.",
+    "guide.13.1": "If you need to add a custom large model service, please click here. For example, Volcano Cloud, Alibaba Cloud, Silicon Flow, etc.",
+    "guide.14.1": "After filling in the connection signature, click here to test if the large model service is accessible.",
+    "guide.15.1": "Finally, don't forget to click the save button to save your settings.",
+    "congratulation": "Congratulations",
+    "guide.16.1": "Congratulations, my friend, you are now half an MCP expert. Please prepare a cup of coffee and enjoy a happy development time!",
+    "guide.16.2": "is our documentation site where you can find very complete usage instructions and example tutorials.",
+    "guide.16.3": "If you are a plugin user, there are some materials we have prepared at the bottom of the left panel under \"Getting Started & Help\", hoping to assist you in elegantly developing your MCP server.",
+    "guide.16.4": "Let's work together to integrate more and more APIs and SDKs into the large model!",
+    "maybe-end": "Final Chapter?",
+    "finish": "End"
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/fr.json b/renderer/src/i18n/fr.json
index d1dd7bf..0b53e32 100644
--- a/renderer/src/i18n/fr.json
+++ b/renderer/src/i18n/fr.json
@@ -198,5 +198,37 @@
     "tool-self-detect": "Auto-vérification de l'outil",
     "self-detect-caption": "Cliquez sur la ligne de connexion pour annuler la connexion, cliquez sur le nœud pour créer une connexion",
     "diagram-node-empty": "Aucune information sur le nœud",
-    "parallel-test": "Test en parallèle"
+    "parallel-test": "Test en parallèle",
+    "begin": "Commencer",
+    "introduction": "Introduction",
+    "prev-step": "Précédent",
+    "next-step": "Suivant",
+    "guide.1.1": "Bienvenue dans le monde des grands modèles et MCP !",
+    "guide.1.2": "OpenMCP vous aidera à développer rapidement toute idée créative en un serveur MCP, en intégrant de grands modèles, pour créer votre propre Agent.",
+    "guide.1.3": "Si vous utilisez OpenMCP pour la première fois, veuillez suivre le guide que nous avons préparé.",
+    "guide": "Guidance",
+    "guide.2.1": "Ici s'affichera le nom (abréviation) et l'état de connexion du serveur mcp en cours de débogage. Le débogage ne peut commencer que lorsque l'état de la connexion est \"Connecté\".",
+    "guide.2.2": "OpenMCP gère de manière uniforme tous les services d'un projet via le nom du serveur. Veuillez éviter d'utiliser le même nom dans un même projet.",
+    "guide.3.1": "Si \"Non connecté\" s'affiche ou si vous souhaitez modifier les paramètres de connexion ou la méthode de connexion, vous pouvez cliquer ici pour accéder au panneau de connexion.",
+    "guide.4.1": "Vous pouvez sélectionner la méthode de connexion à votre serveur MCP bien-aimé dans le panneau de gauche et saisir les paramètres de connexion correspondants.",
+    "guide.4.2": "Pour les utilisateurs du plugin openmcp vscode/trae/cursor, lorsque vous accédez à openmcp via le bouton du panneau, STDIO sera sélectionné comme méthode de connexion par défaut, et les paramètres de lancement seront générés en fonction de votre contexte.",
+    "guide.4.3": "Les utilisateurs d'openmcp desktop devront peut-être remplir ces informations eux-mêmes. Quoi qu'il en soit, c'est plus simple que d'implanter un cheval de Troie pour cracker les mots de passe du navigateur Chrome sur l'ordinateur de votre ami.",
+    "guide.5.1": "La réponse de connexion sera imprimée à cet endroit. Si un message avec un fond vert apparaît, cela signifie que la connexion a réussi.",
+    "guide.6.1": "Vous pouvez cliquer sur le signe plus à l'extrême droite pour ajouter des serveurs MCP supplémentaires, permettant à l'agent que vous déboguez actuellement d'acquérir rapidement des capacités supplémentaires sans coût.",
+    "guide.7.1": "Supposons que vous vous êtes connecté avec succès au serveur mcp, alors en cliquant sur le bouton de débogage, vous pouvez commencer votre travail de débogage.",
+    "guide.8.1": "Nous proposons actuellement quatre options de débogage principales, « Ressources », « Invites », « Outils » correspondent respectivement à resources, prompts, tools dans le protocole MCP.",
+    "guide.9.1": "Le « test d'interaction » vous permet de placer directement le serveur MCP écrit dans le grand modèle pour un test complet de la chaîne, obtenant ainsi des retours et des données plus réalistes, et améliorant ainsi votre serveur MCP.",
+    "guide.10.1": "Sur la base de nos meilleures pratiques dans les domaines de l'agent et du RL, nous introduirons par la suite plus d'options de débogage et d'agrégation de jeux de données, alors restez à l'écoute!",
+    "guide.11.1": "Si vous souhaitez effectuer un test d'interaction, n'oubliez pas de configurer d'abord l'API de votre grand modèle couramment utilisé",
+    "guide.12.1": "OpenMCP prend actuellement en charge tous les grands modèles qui respectent la spécification de l'interface openai, tels que deepseek, openai, kimi, etc.",
+    "guide.13.1": "Si vous avez besoin d'ajouter un service de grand modèle personnalisé, veuillez cliquer ici. Par exemple, Volcano Cloud, Alibaba Cloud, Silicon Flow, etc.",
+    "guide.14.1": "Après avoir rempli la signature de connexion, cliquez ici pour tester si le service de grand modèle est accessible.",
+    "guide.15.1": "Enfin, n'oubliez pas de cliquer sur le bouton Enregistrer pour sauvegarder vos paramètres.",
+    "congratulation": "Félicitations",
+    "guide.16.1": "Félicitations, mon ami, vous êtes maintenant à moitié expert MCP. Préparez une tasse de café et profitez d'un moment de développement heureux !",
+    "guide.16.2": "est notre site de documentation où vous pouvez trouver des instructions d'utilisation très complètes et des tutoriels d'exemple.",
+    "guide.16.3": "Si vous êtes un utilisateur de plugin, vous trouverez quelques documents que nous avons préparés en bas du panneau de gauche sous \"Démarrage & Aide\", dans l'espoir de vous aider à développer élégamment votre serveur MCP.",
+    "guide.16.4": "Travaillons ensemble pour intégrer de plus en plus d'APIs et de SDKs dans le grand modèle !",
+    "maybe-end": "Chapitre final ?",
+    "finish": "Fin"
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/ja.json b/renderer/src/i18n/ja.json
index e52353a..457739d 100644
--- a/renderer/src/i18n/ja.json
+++ b/renderer/src/i18n/ja.json
@@ -198,5 +198,37 @@
     "tool-self-detect": "ツール自己診断",
     "self-detect-caption": "接続線をクリックして接続を解除し、ノードをクリックして接続を作成します",
     "diagram-node-empty": "ノード情報なし",
-    "parallel-test": "並列テスト"
+    "parallel-test": "並列テスト",
+    "begin": "開始",
+    "introduction": "紹介",
+    "prev-step": "前へ",
+    "next-step": "次へ",
+    "guide.1.1": "大規模モデルとMCPの世界へようこそ！",
+    "guide.1.2": "OpenMCPは、大規模モデルを統合することで、あらゆる創造的なアイデアを素早くMCPサーバーに開発し、あなた独自のエージェントを作成します。",
+    "guide.1.3": "OpenMCPを初めて使用する場合は、準備したガイドに従ってください。",
+    "guide": "ガイダンス",
+    "guide.2.1": "ここには現在デバッグ中のmcpサーバーの名前（略称）と接続状態が表示されます。接続状態が「接続済み」の場合のみ、デバッグ作業を開始できます。",
+    "guide.2.2": "OpenMCPはサーバ名を通じてプロジェクトのすべてのサービスを統一管理します。同じプロジェクト内で同じ名前を使用しないでください。",
+    "guide.3.1": "「未接続」と表示されている場合、または接続パラメータや接続方法を変更したい場合は、ここをクリックして接続パネルに入ります。",
+    "guide.4.1": "左側のパネルで、お気に入りのMCPサーバーバーへの接続方法を選択し、対応する接続パラメーターを入力できます。",
+    "guide.4.2": "openmcp vscode/trae/cursor プラグインのユーザーは、パネルボタンから openmcp に入ると、デフォルトで STDIO が接続方法として選択され、コンテキストに基づいて起動パラメータが生成されます。",
+    "guide.4.3": "openmcp desktop のユーザーは自分でこの情報を入力する必要があるかもしれません。とにかく、これは友達のコンピューターに Chrome ブラウザのパスワードクラッキングトロイの木馬を仕込むより簡単です。",
+    "guide.5.1": "接続の応答はここに表示されます。緑色の背景のメッセージが表示された場合、接続が成功したことを意味します。",
+    "guide.6.1": "右端のプラス記号をクリックすると、追加のMCPサーバーを追加でき、現在デバッグ中のエージェントが追加の機能を無料で素早く獲得できます。",
+    "guide.7.1": "mcpサーバーへの接続に成功したと仮定すると、デバッグボタンをクリックすることでデバッグ作業を開始できます。",
+    "guide.8.1": "現在、4つの主要なデバッグオプションを提供しており、「リソース」、「プロンプト」、「ツール」はそれぞれMCPプロトコルにおけるresources、prompts、toolsに対応しています。",
+    "guide.9.1": "「インタラクションテスト」では、作成したMCPサーバービッグモデルに直接配置してフルリンクテストを行い、より現実的なフィードバックとデータを取得し、MCPサーバーを改善することができます。",
+    "guide.10.1": "エージェントとRL分野における私たちのベストプラクティスに基づき、今後さらに多くのデバッグやデータセット集約のオプションを提供する予定ですので、ご期待ください！",
+    "guide.11.1": "インタラクションテストを行う場合、よく使用する大規模モデルのAPIを最初に設定することを忘れないでください",
+    "guide.12.1": "OpenMCPは現在、openaiインターフェース仕様をサポートするすべての大規模モデル、例えばdeepseek、openai、kimiなどをサポートしています。",
+    "guide.13.1": "カスタム大規模モデルサービスを追加する必要がある場合は、こちらをクリックしてください。例：Volcano Cloud、Alibaba Cloud、Silicon Flowなど。",
+    "guide.14.1": "接続署名を記入した後、ここをクリックして大規模モデルサービスにアクセスできるかどうかをテストします。",
+    "guide.15.1": "最後に、設定を保存するために保存ボタンをクリックすることを忘れないでください。",
+    "congratulation": "おめでとう",
+    "guide.16.1": "おめでとう、友よ、あなたは今やMCPの半人前の専門家です。コーヒーを入れて、楽しい開発時間をゆっくりお楽しみください！",
+    "guide.16.2": "は私たちのドキュメントサイトで、非常に完全な使用説明と事例チュートリアルを見つけることができます。",
+    "guide.16.3": "プラグインユーザーの場合、左パネルの下部にある「はじめに＆ヘルプ」には、MCPサーバーをエレガントに開発するための資料が用意されています。ぜひご活用ください。",
+    "guide.16.4": "大規模モデルにどんどんAPIやSDKを統合していきましょう！",
+    "maybe-end": "終章？",
+    "finish": "終了"
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/ko.json b/renderer/src/i18n/ko.json
index 6cffbbe..8d0454d 100644
--- a/renderer/src/i18n/ko.json
+++ b/renderer/src/i18n/ko.json
@@ -198,5 +198,37 @@
     "tool-self-detect": "도구 자체 점검",
     "self-detect-caption": "연결선을 클릭하여 연결을 취소하고, 노드를 클릭하여 연결을 생성합니다",
     "diagram-node-empty": "노드 정보 없음",
-    "parallel-test": "병렬 테스트"
+    "parallel-test": "병렬 테스트",
+    "begin": "시작",
+    "introduction": "소개",
+    "prev-step": "이전",
+    "next-step": "다음",
+    "guide.1.1": "대형 모델과 MCP의 세계에 오신 것을 환영합니다!",
+    "guide.1.2": "OpenMCP는 대형 모델을 통합하여 어떤 창의적인 아이디어든 MCP 서버로 빠르게 개발하고, 당신만의 에이전트를 만들 수 있도록 도와줍니다.",
+    "guide.1.3": "OpenMCP를 처음 사용하는 경우 준비된 가이드를 따라주세요.",
+    "guide": "안내",
+    "guide.2.1": "여기에는 현재 디버깅 중인 mcp 서버의 이름(약어)과 연결 상태가 표시됩니다. 연결 상태가 \"연결됨\"일 때만 디버깅 작업을 시작할 수 있습니다.",
+    "guide.2.2": "OpenMCP는 서버 이름을 통해 프로젝트의 모든 서비스를 통합 관리합니다. 같은 프로젝트 내에서 동일한 이름을 사용하지 마십시오.",
+    "guide.3.1": "\"연결되지 않음\"이 표시되거나 연결 매개변수 또는 연결 방법을 변경하려면 여기를 클릭하여 연결 패널로 들어갈 수 있습니다.",
+    "guide.4.1": "좌측 패널에서 원하는 MCP 서버의 연결 방법을 선택하고 해당 연결 매개변수를 입력할 수 있습니다.",
+    "guide.4.2": "openmcp vscode/trae/cursor 플러그인 사용자의 경우, 패널 버튼을 통해 openmcp에 들어가면 기본적으로 STDIO가 연결 방식으로 선택되며, 컨텍스트에 따라 시작 매개변수가 생성됩니다.",
+    "guide.4.3": "openmcp desktop 사용자는 이 정보를 직접 입력해야 할 수도 있습니다. 어쨌든, 이는 친구의 컴퓨터에 Chrome 브라우저 비밀번호 해킹 트로이 목마를 설치하는 것보다 간단합니다.",
+    "guide.5.1": "연결 응답은 이곳에 인쇄됩니다. 녹색 배경의 메시지가 나타나면 연결이 성공한 것을 의미합니다.",
+    "guide.6.1": "오른쪽 끝에 있는 더하기 기호를 클릭하여 추가 MCP 서버를 추가할 수 있습니다. 이렇게 하면 현재 디버깅 중인 에이전트가 추가 기능을 무료로 빠르게 얻을 수 있습니다.",
+    "guide.7.1": "mcp 서버에 성공적으로 연결되었다고 가정하면, 디버그 버튼을 클릭하여 디버깅 작업을 시작할 수 있습니다.",
+    "guide.8.1": "현재 4가지 주요 디버깅 옵션을 제공하고 있으며, '리소스', '프롬프트', '도구'는 각각 MCP 프로토콜의 resources, prompts, tools에 해당합니다.",
+    "guide.9.1": "«상호 작용 테스트»를 통해 작성한 MCP 서버를 대형 모델에 직접 배치하여 전체 링크 테스트를 수행할 수 있으므로 더 현실적인 피드백과 데이터를 얻을 수 있으며, 결과적으로 MCP 서버를 개선할 수 있습니다.",
+    "guide.10.1": "에이전트와 RL 분야에서의 우리의 최선의 실천 방법을 바탕으로, 앞으로 더 많은 디버깅 및 데이터셋 집계 옵션을 소개할 예정이니 기대해 주세요!",
+    "guide.11.1": "상호 작용 테스트를 수행하려면 먼저 일반적으로 사용하는 대형 모델의 API를 구성하는 것을 잊지 마세요",
+    "guide.12.1": "OpenMCP는 현재 openai 인터페이스 사양을 지원하는 모든 대형 모델(예: deepseek, openai, kimi 등)을 지원합니다.",
+    "guide.13.1": "사용자 정의 대형 모델 서비스를 추가해야 하는 경우 여기를 클릭하십시오. 예: Volcano Cloud, Alibaba Cloud, Silicon Flow 등.",
+    "guide.14.1": "연결 서명을 작성한 후 여기를 클릭하여 대형 모델 서비스에 접근할 수 있는지 테스트하세요.",
+    "guide.15.1": "마지막으로 설정을 저장하기 위해 저장 버튼을 클릭하는 것을 잊지 마세요.",
+    "congratulation": "축하합니다",
+    "guide.16.1": "축하합니다, 친구여, 이제 당신은 반쯤 MCP 전문가입니다. 커피 한 잔을 준비하고 즐거운 개발 시간을 만끽하세요!",
+    "guide.16.2": "는 당사 문서 사이트로, 매우 완벽한 사용 설명과 예제 튜토리얼을 찾을 수 있습니다.",
+    "guide.16.3": "플러그인 사용자라면, 왼쪽 패널 하단의 '시작하기 및 도움말'에 MCP 서버를 우아하게 개발할 수 있도록 준비한 자료가 있습니다. 도움이 되길 바랍니다.",
+    "guide.16.4": "대형 모델에 점점 더 많은 API와 SDK를 통합해 봅시다!",
+    "maybe-end": "종장?",
+    "finish": "종료"
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/ru.json b/renderer/src/i18n/ru.json
index e104993..f6a8c69 100644
--- a/renderer/src/i18n/ru.json
+++ b/renderer/src/i18n/ru.json
@@ -198,5 +198,37 @@
     "tool-self-detect": "Самопроверка инструмента",
     "self-detect-caption": "Нажмите на линию соединения, чтобы отменить соединение, нажмите на узел, чтобы создать соединение",
     "diagram-node-empty": "Нет информации об узле",
-    "parallel-test": "Параллельное тестирование"
+    "parallel-test": "Параллельное тестирование",
+    "begin": "Начать",
+    "introduction": "Введение",
+    "prev-step": "Назад",
+    "next-step": "Далее",
+    "guide.1.1": "Добро пожаловать в мир больших моделей и MCP!",
+    "guide.1.2": "OpenMCP поможет вам быстро разработать любую творческую идею в сервер MCP, интегрируя большие модели, чтобы создать вашего собственного Агента.",
+    "guide.1.3": "Если вы впервые используете OpenMCP, пожалуйста, следуйте подготовленному нами руководству.",
+    "guide": "Руководство",
+    "guide.2.1": "Здесь будет отображаться имя (сокращение) и состояние подключения отлаживаемого сервера mcp. Отладка может начаться только тогда, когда состояние подключения будет \"Подключено\".",
+    "guide.2.2": "OpenMCP унифицированно управляет всеми сервисами проекта через имя сервера. Пожалуйста, избегайте использования одного и того же имени в одном проекте.",
+    "guide.3.1": "Если отображается \"Не подключено\" или вы хотите изменить параметры подключения или способ подключения, вы можете нажать здесь, чтобы перейти на панель подключения.",
+    "guide.4.1": "Вы можете выбрать способ подключения к вашему любимому серверу MCP на левой панели и ввести соответствующие параметры подключения.",
+    "guide.4.2": "Для пользователей плагина openmcp vscode/trae/cursor при входе в openmcp через кнопку панели по умолчанию будет выбран STDIO в качестве способа подключения, а параметры запуска будут сгенерированы на основе вашего контекста.",
+    "guide.4.3": "Пользователям openmcp desktop, возможно, придется заполнять эту информацию самостоятельно. В любом случае, это проще, чем внедрять троян для взлома паролей браузера Chrome на компьютере вашего друга.",
+    "guide.5.1": "Ответ подключения будет напечатан здесь. Если появится сообщение с зеленым фоном, это означает, что подключение прошло успешно.",
+    "guide.6.1": "Вы можете нажать на знак плюса в крайнем правом углу, чтобы добавить дополнительные серверы MCP, что позволит агенту, который вы сейчас отлаживаете, быстро получить дополнительные возможности без каких-либо затрат.",
+    "guide.7.1": "Предполагая, что вы успешно подключились к серверу mcp, то, нажав кнопку отладки, вы можете начать свою работу по отладке.",
+    "guide.8.1": "В настоящее время мы предлагаем четыре основные опции отладки: «Ресурсы», «Подсказки», «Инструменты» соответствуют resources, prompts, tools в протоколе MCP соответственно.",
+    "guide.9.1": "«Интерактивное тестирование» позволяет вам напрямую поместить написанный MCP-сервер в большую модель для проведения полного тестирования цепи, тем самым получая более реалистичные отзывы и данные, а следовательно, улучшая ваш MCP-сервер.",
+    "guide.10.1": "Основываясь на наших лучших практиках в направлениях агента и RL, впоследствии мы представим больше опций для отладки и агрегации наборов данных, так что оставайтесь на связи!",
+    "guide.11.1": "Если вы хотите провести интерактивный тест, не забудьте сначала настроить API вашей часто используемой большой модели",
+    "guide.12.1": "OpenMCP в настоящее время поддерживает все большие модели, соответствующие спецификации интерфейса openai, такие как deepseek, openai, kimi и другие.",
+    "guide.13.1": "Если вам нужно добавить пользовательский сервис большой модели, нажмите здесь. Например, Volcano Cloud, Alibaba Cloud, Silicon Flow и т. д.",
+    "guide.14.1": "После заполнения подписи соединения нажмите здесь, чтобы проверить, доступен ли сервис большой модели.",
+    "guide.15.1": "Наконец, не забудьте нажать кнопку сохранения, чтобы сохранить ваши настройки.",
+    "congratulation": "Поздравляю",
+    "guide.16.1": "Поздравляю, мой друг, теперь ты наполовину эксперт по MCP. Приготовь чашку кофе и наслаждайся счастливым временем разработки!",
+    "guide.16.2": "это наш сайт документации, где вы можете найти очень полные инструкции по использованию и примеры руководств.",
+    "guide.16.3": "Если вы пользователь плагина, в нижней части левой панели в разделе \"Начало работы и помощь\" есть некоторые материалы, которые мы подготовили, надеясь помочь вам в элегантной разработке вашего сервера MCP.",
+    "guide.16.4": "Давайте вместе интегрировать все больше и больше API и SDK в большую модель!",
+    "maybe-end": "Заключительная глава?",
+    "finish": "Конец"
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/zh-cn.json b/renderer/src/i18n/zh-cn.json
index bd36169..74d1c40 100644
--- a/renderer/src/i18n/zh-cn.json
+++ b/renderer/src/i18n/zh-cn.json
@@ -198,5 +198,37 @@
     "tool-self-detect": "工具自检",
     "self-detect-caption": "点击连接线取消连接，点击节点以创建连接",
     "diagram-node-empty": "暂无节点信息",
-    "parallel-test": "并行测试"
+    "parallel-test": "并行测试",
+    "begin": "开始",
+    "introduction": "介绍",
+    "prev-step": "上一步",
+    "next-step": "下一步",
+    "guide.1.1": "欢迎来到大模型与 mcp 的世界！",
+    "guide.1.2": "OpenMCP 将会助力你快速将任何奇思妙想开发成 mcp 服务器，通过接入大模型，创造出属于你的 Agent。",
+    "guide.1.3": "倘若阁下是第一次使用 OpenMCP，请务必走完我们准备好的引导。",
+    "guide": "引导",
+    "guide.2.1": "这里会显示当前调试的 mcp 服务器的名称（缩写）和连接状态。只有当连接状态为「已连接」，调试工作才能开始。",
+    "guide.2.2": "OpenMCP 通过服务器名称对项目所的所有服务进行统一管理，请避免在同一个项目中使用相同的名称",
+    "guide.3.1": "如果显示「未连接」或阁下想要更改连接参数或者连接方式，可以点击这里进入连接面板。",
+    "guide.4.1": "阁下可以在左侧面板选择与您心爱的 mcp 服务器进行连接的方式，并填入对应的连接参数。",
+    "guide.4.2": "对于 openmcp vscode/trae/cursor 插件端的用户，当您通过面板按钮进入 openmcp 的时候，默认就会选择 STDIO 作为连接方式，并根据你的上下文生成启动参数。",
+    "guide.4.3": "openmcp desktop 的用户可能就需要自己填写了。Anyway，这总比在你的好友电脑中植入 chrome 浏览器密码破解木马简单。",
+    "guide.5.1": "连接响应会在这个地方打印出来，如果出现绿色背景的信息，代表连接成功。",
+    "guide.6.1": "你可以点击最右侧的加号来添加额外的 mcp 服务器，让你当前正在调试的 agent 零成本快速获得额外的能力。",
+    "guide.7.1": "假设你已经成功连接了 mcp 服务器，那么点击调试按钮，你可以开始你的调试工作。",
+    "guide.8.1": "我们目前提供了四种主要调试选项，「资源」、「提词」、「工具」分别和 MCP 协议中的 resources、prompts、tools 对应。",
+    "guide.9.1": "而「交互测试」则允许你直接将写好的 mcp 服务器放入大模型中直接做全链路测试，从而更加获取更加真实的反馈和数据，进而改进的你的 mcp 服务器。",
+    "guide.10.1": "基于我们在 agent 和 rl 方向的最佳实践，我们后续还会推出更多的调试和数据集聚合制作选项，请期待吧！",
+    "guide.11.1": "如果要进行交互测试，请不要忘记先配置你常用的大模型 API",
+    "guide.12.1": "OpenMCP 目前支持所有支持 openai 接口规范的大模型，比如 deepseek，openai，kimi 等等。",
+    "guide.13.1": "如果需要添加自定义的大模型服务，请点击这里。比如火山云，阿里云，硅基流动等。",
+    "guide.14.1": "填写完成连接签名后，点击这里来测试 大模型服务是否可以访问。",
+    "guide.15.1": "最后请不要忘记点击保存按钮，保存你的设置。",
+    "congratulation": "恭喜",
+    "guide.16.1": "恭喜，我的朋友，现在的你已经是半个 mcp 专家了，请充好一杯咖啡，慢慢享用快乐的开发时间吧！",
+    "guide.16.2": "是我们的文档站点，您在其中能找到非常完整的使用说明和案例教程。",
+    "guide.16.3": "如果是插件用户，左侧面板的最下面「入门与帮助」有一些我们准备好的资料，希望能帮到阁下优雅地开发你的 mcp 服务器。",
+    "guide.16.4": "让我们一起把越来越多的 api 和 sdk 接入 大模型吧！",
+    "maybe-end": "终章？",
+    "finish": "结束"
 }
\ No newline at end of file
diff --git a/renderer/src/i18n/zh-tw.json b/renderer/src/i18n/zh-tw.json
index 0903079..89f74ed 100644
--- a/renderer/src/i18n/zh-tw.json
+++ b/renderer/src/i18n/zh-tw.json
@@ -198,5 +198,37 @@
     "tool-self-detect": "工具自檢",
     "self-detect-caption": "點擊連接線取消連接，點擊節點以創建連接",
     "diagram-node-empty": "暫無節點資訊",
-    "parallel-test": "並行測試"
+    "parallel-test": "並行測試",
+    "begin": "開始",
+    "introduction": "介紹",
+    "prev-step": "上一步",
+    "next-step": "下一步",
+    "guide.1.1": "歡迎來到大模型與 MCP 的世界！",
+    "guide.1.2": "OpenMCP 將會助力你快速將任何奇思妙想開發成 mcp 伺服器，通過接入大模型，創造出屬於你的 Agent。",
+    "guide.1.3": "倘若閣下是第一次使用OpenMCP，請務必走完我們準備好的引導。",
+    "guide": "引導",
+    "guide.2.1": "這裡會顯示當前調試的 mcp 伺服器的名稱（縮寫）和連接狀態。只有當連接狀態為「已連接」，調試工作才能開始。",
+    "guide.2.2": "OpenMCP 通過伺服器名稱對項目所屬的所有服務進行統一管理，請避免在同一個項目中使用相同的名稱",
+    "guide.3.1": "如果顯示「未連接」或閣下想要更改連接參數或者連接方式，可以點擊這裡進入連接面板。",
+    "guide.4.1": "閣下可以在左側面板選擇與您心愛的 MCP 伺服器進行連接的方式，並填入對應的連接參數。",
+    "guide.4.2": "對於 openmcp vscode/trae/cursor 插件端的用戶，當您通過面板按鈕進入 openmcp 的時候，預設就會選擇 STDIO 作為連接方式，並根據你的上下文生成啟動參數。",
+    "guide.4.3": "openmcp desktop 的用戶可能就需要自己填寫了。總之，這比在你朋友的電腦中植入 Chrome 瀏覽器密碼破解木馬簡單。",
+    "guide.5.1": "連接響應會在這個地方打印出來，如果出現綠色背景的信息，代表連接成功。",
+    "guide.6.1": "你可以點擊最右側的加號來添加額外的 mcp 伺服器，讓你當前正在調試的 agent 零成本快速獲得額外的能力。",
+    "guide.7.1": "假設你已經成功連接了 mcp 伺服器，那麼點擊調試按鈕，你可以開始你的調試工作。",
+    "guide.8.1": "我們目前提供了四種主要調試選項，「資源」、「提詞」、「工具」分別和 MCP 協議中的 resources、prompts、tools 對應。",
+    "guide.9.1": "而「交互測試」則允許你直接將寫好的 MCP 伺服器放入大模型中直接做全鏈路測試，從而更加獲取更加真實的反饋和數據，進而改進你的 MCP 伺服器。",
+    "guide.10.1": "基於我們在agent和RL方向的最佳實踐，我們後續還會推出更多的調試和數據集聚合製作選項，請期待吧！",
+    "guide.11.1": "如果要進行交互測試，請不要忘記先配置你常用的大模型 API",
+    "guide.12.1": "OpenMCP 目前支援所有符合 openai 介面規範的大模型，比如 deepseek，openai，kimi 等等。",
+    "guide.13.1": "如果需要添加自定義的大模型服務，請點擊這裡。比如火山雲，阿里雲，矽基流動等。",
+    "guide.14.1": "填寫完成連接簽名後，點擊這裡來測試大模型服務是否可以訪問。",
+    "guide.15.1": "最後請不要忘記點擊保存按鈕，保存你的設定。",
+    "congratulation": "恭喜",
+    "guide.16.1": "恭喜，我的朋友，現在的你已經是半個 MCP 專家了，請充好一杯咖啡，慢慢享用快樂的開發時間吧！",
+    "guide.16.2": "是我們的文檔站點，您在其中能找到非常完整的使用說明和案例教程。",
+    "guide.16.3": "如果是插件用戶，左側面板的最下面「入門與幫助」有一些我們準備好的資料，希望能幫到閣下優雅地開發你的 MCP 伺服器。",
+    "guide.16.4": "讓我們一起把越來越多的API和SDK接入大模型吧！",
+    "maybe-end": "終章？",
+    "finish": "結束"
 }
\ No newline at end of file