From ba97a5f373d9d7d58f40bf11bc25776c124bc6b8 Mon Sep 17 00:00:00 2001
From: Jason <farion1231@gmail.com>
Date: Sat, 3 Jan 2026 10:11:26 +0800
Subject: [PATCH] fix(mcp): unify header buttons style with skills panel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed MCP panel buttons to match Skills panel styling:
- Replace circular orange icon button with ghost text button
- Update button labels: "Import" → "Import Existing", add "Add MCP"
---
 src/App.tsx              | 11 ++++++-----
 src/i18n/locales/en.json |  2 ++
 src/i18n/locales/ja.json |  2 ++
 src/i18n/locales/zh.json |  2 ++
 4 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 19d9e6002..c6358a92b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -648,15 +648,16 @@ function App() {
                   className="hover:bg-black/5 dark:hover:bg-white/5"
                 >
                   <Download className="w-4 h-4 mr-2" />
-                  {t("mcp.import")}
+                  {t("mcp.importExisting")}
                 </Button>
                 <Button
-                  size="icon"
+                  variant="ghost"
+                  size="sm"
                   onClick={() => mcpPanelRef.current?.openAdd()}
-                  className={`ml-auto ${addActionButtonClass}`}
-                  title={t("mcp.unifiedPanel.addServer")}
+                  className="hover:bg-black/5 dark:hover:bg-white/5"
                 >
-                  <Plus className="w-5 h-5" />
+                  <Plus className="w-4 h-4 mr-2" />
+                  {t("mcp.addMcp")}
                 </Button>
               </>
             )}
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index 1661fc9a1..a67f8225d 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -566,6 +566,8 @@
   "mcp": {
     "title": "MCP Management",
     "import": "Import",
+    "importExisting": "Import Existing",
+    "addMcp": "Add MCP",
     "claudeTitle": "Claude Code MCP Management",
     "codexTitle": "Codex MCP Management",
     "geminiTitle": "Gemini MCP Management",
diff --git a/src/i18n/locales/ja.json b/src/i18n/locales/ja.json
index f9bb78558..4ee529b38 100644
--- a/src/i18n/locales/ja.json
+++ b/src/i18n/locales/ja.json
@@ -566,6 +566,8 @@
   "mcp": {
     "title": "MCP 管理",
     "import": "インポート",
+    "importExisting": "既存をインポート",
+    "addMcp": "MCPを追加",
     "claudeTitle": "Claude Code MCP 管理",
     "codexTitle": "Codex MCP 管理",
     "geminiTitle": "Gemini MCP 管理",
diff --git a/src/i18n/locales/zh.json b/src/i18n/locales/zh.json
index 5b9d3c56a..b0d9ac1e4 100644
--- a/src/i18n/locales/zh.json
+++ b/src/i18n/locales/zh.json
@@ -566,6 +566,8 @@
   "mcp": {
     "title": "MCP 管理",
     "import": "导入",
+    "importExisting": "导入已有",
+    "addMcp": "添加MCP",
     "claudeTitle": "Claude Code MCP 管理",
     "codexTitle": "Codex MCP 管理",
     "geminiTitle": "Gemini MCP 管理",