From e1825aded20a133b45ffdd4a0f9ec658e5557343 Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Wed, 14 Jan 2026 21:12:12 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=82=B9=E5=87=BB=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E5=99=A8=E5=90=8D=E7=A7=B0=E6=98=BE=E7=A4=BA=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E6=A8=A1=E6=80=81=E6=A1=86=EF=BC=8C=E9=99=90=E5=88=B6=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E8=BE=93=E5=85=A5=E9=95=BF=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/McpServersComponent.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/web/src/components/McpServersComponent.vue b/web/src/components/McpServersComponent.vue
index d990838d..7a1ac24a 100644
--- a/web/src/components/McpServersComponent.vue
+++ b/web/src/components/McpServersComponent.vue
@@ -46,7 +46,7 @@
                 <div class="server-info">
                   <span class="server-icon">{{ server.icon || '🔌' }}</span>
                   <div class="server-basic-info">
-                    <h4 class="server-name">{{ server.name }}</h4>
+                    <h4 class="server-name" @click="showDetailModal(server)">{{ server.name }}</h4>
                     <div class="server-transport">
                       <a-tag size="small" class="transport-tag">
                         {{ server.transport }}
@@ -82,7 +82,7 @@
                     class="action-btn"
                     :loading="testLoading === server.name"
                   >
-                    <ApiOutlined />
+                    <ApiOutlined v-if="testLoading !== server.name" />
                     <span>测试</span>
                   </a-button>
                 </a-tooltip>
@@ -160,7 +160,7 @@
           </a-col>
           <a-col :span="12">
             <a-form-item label="图标" class="form-item">
-              <a-input v-model:value="form.icon" placeholder="输入 emoji，如 🧠" />
+              <a-input v-model:value="form.icon" placeholder="输入 emoji，如 🧠" :maxlength="2" />
             </a-form-item>
           </a-col>
         </a-row>
@@ -668,6 +668,12 @@ onMounted(() => {
                   font-size: 15px;
                   font-weight: 600;
                   color: var(--gray-900);
+                  cursor: pointer;
+                  transition: color 0.2s ease;
+
+                  &:hover {
+                    color: var(--color-primary);
+                  }
                 }
 
                 .server-transport {