fix: 修复网页 MCP 选择顺序的问题

web/src/assets/css/extensions.less

@@ -31,6 +31,7 @@
 
   .search-box {
     padding: 12px 12px 0;
+
     .search-input :deep(.ant-input) {
       height: 28px;
     }
@@ -93,10 +94,12 @@
   }
 
   &.active {
+
     .item-icon,
     .server-icon {
       color: var(--main-color);
     }
+
     .item-name {
       color: var(--gray-900);
     }
@@ -126,8 +129,10 @@
     align-items: center;
     justify-content: center;
     background-color: @bg-secondary;
+
     .hint-box {
       text-align: center;
+
       p {
         margin-top: 12px;
         color: var(--gray-400);
@@ -167,6 +172,7 @@
     padding: 0 16px;
     flex-shrink: 0;
     border-bottom: 1px solid @border-color;
+
     &::before {
       border-bottom: none;
     }
@@ -197,6 +203,7 @@
 .text-muted {
   color: var(--gray-400);
 }
+
 .empty-text {
   padding: 40px 0;
   text-align: center;
@@ -206,9 +213,11 @@
 // Spin wrapper for full height
 .full-height-spin {
   height: 100%;
+
   :deep(.ant-spin-nested-loading) {
     height: 100%;
   }
+
   :deep(.ant-spin-container) {
     height: 100%;
     display: flex;
@@ -240,6 +249,7 @@
   0% {
     left: -30%;
   }
+
   100% {
     left: 100%;
   }
@@ -249,4 +259,4 @@
   opacity: 0.6;
   pointer-events: none;
   transition: opacity 0.2s;
-}
+}

web/src/components/McpServersComponent.vue

@@ -574,9 +574,9 @@ const fetchServers = async () => {
     const result = await mcpApi.getMcpServers()
     if (result.success) {
       servers.value = result.data || []
-      // 默认选中第一个服务器
+      // 默认选中排序后的第一个服务器
       if (!currentServer.value && servers.value.length > 0) {
-        selectServer(servers.value[0])
+        selectServer(filteredServers.value[0])
       } else if (currentServer.value) {
         const latest = servers.value.find((s) => s.name === currentServer.value.name)
         if (latest) {