issue13423 (#13759)

* feature: 支持控制台启停mcp server

* fix: 补充exportPath

Author: Daydreamer-ia

ai/src/main/java/com/alibaba/nacos/ai/service/McpServerOperationService.java

@@ -479,6 +479,7 @@ public void updateMcpServer(String namespaceId, boolean isPublish, McpServerBasi
                 }
             }
             mcpServerVersionInfo.setVersions(versionDetails);
+            mcpServerVersionInfo.setEnabled(newSpecification.isEnabled());
         }
 
         ConfigFormV3 mcpServerVersionForm = buildMcpServerVersionForm(namespaceId, mcpServerVersionInfo);

console-ui/src/locales/zh-CN.js

@@ -717,6 +717,8 @@ const I18N_CONF = {
     operation: '操作',
     delete: '删除',
     details: '详情',
+    online: '启用',
+    offline: '禁用',
     sampleConfig: '配置示例',
     edit: '编辑',
     mcpServerType: '类型',

console-ui/src/pages/AI/McpManagement/McpManagement.js

@@ -319,6 +319,83 @@ class McpManagement extends React.Component {
     }
   }
 
+  updateState = async record => {
+    this.setState({ loading: true });
+    const result = await request({
+      url: 'v3/console/ai/mcp',
+      method: 'get',
+      data: {
+        mcpId: record.id,
+        mcpName: record.name,
+      },
+      error: () => {
+        this.setState({ loading: false }, this.getData);
+      },
+    });
+
+    const data = result.data;
+    console.log(data);
+    let getEndpointSpecification = '';
+    if (data && data.protocol && data.protocol !== 'stdio') {
+      // 使用已有服务
+      if (
+        data.remoteServerConfig &&
+        data.remoteServerConfig.serviceRef &&
+        data.remoteServerConfig.serviceRef.serviceName
+      ) {
+        getEndpointSpecification = JSON.stringify({
+          type: 'REF',
+          data: {
+            groupName: data.remoteServerConfig.serviceRef.groupName,
+            namespaceId: data.remoteServerConfig.serviceRef.namespaceId,
+            serviceName: data.remoteServerConfig.serviceRef.serviceName,
+          },
+        });
+      }
+      // 外部直连
+      else if (data && data.backendEndpoints && data.backendEndpoints.length > 0) {
+        // 解析address
+        const protocol = data.backendEndpoints[0].protocol;
+        const address = data.backendEndpoints[0].address;
+        const port = data.backendEndpoints[0].port;
+        const exportPath = data.backendEndpoints[0].path;
+        getEndpointSpecification = JSON.stringify({
+          type: 'DIRECT',
+          data: {
+            protocol: protocol,
+            address: address,
+            port: port,
+            exportPath: exportPath,
+          },
+        });
+      }
+    }
+
+    let toolSpec = '';
+    if (data.toolSpec) {
+      toolSpec = JSON.stringify(data.toolSpec);
+    }
+
+    data.enabled = !data.enabled;
+    request({
+      url: `v3/console/ai/mcp`,
+      type: 'put',
+      data: {
+        serverSpecification: JSON.stringify(data),
+        toolSpecification: toolSpec,
+        endpointSpecification: getEndpointSpecification,
+      },
+      success: res => {
+        Message.success('Success');
+        this.setState({ loading: false }, this.getData);
+      },
+      error: res => {
+        Message.error(res.responseText || res.statusText);
+        this.setState({ loading: false });
+      },
+    });
+  };
+
   removeConfig = record => {
     const { locale = {} } = this.props;
     const self = this;
@@ -380,6 +457,10 @@ class McpManagement extends React.Component {
         <a style={{ marginRight: 5 }} onClick={() => this.removeConfig(record)}>
           {locale.delete}
         </a>
+        <span style={{ marginRight: 5 }}>|</span>
+        <a style={{ marginRight: 5 }} onClick={() => this.updateState(record)}>
+          {record.enabled ? locale.offline : locale.online}
+        </a>
       </div>
     );
   }

console/src/main/resources/static/index.html

@@ -35,7 +35,7 @@
 	<link rel="stylesheet" type="text/css" href="console-ui/public/css/icon.css">
 	<link rel="stylesheet" type="text/css" href="console-ui/public/css/font-awesome.css">
 	<!-- 第三方css结束 -->
-<link href="./css/main.css?a1d0aa3d6873c4668a1f" rel="stylesheet"></head>
+<link href="./css/main.css?ac4c35e44e7329c68e4a" rel="stylesheet"></head>
 
 <body>
 	<div id="root" style="overflow:hidden"></div>
@@ -56,6 +56,6 @@
 	<script src="console-ui/public/js/merge.js"></script>
 	<script src="console-ui/public/js/loader.js"></script>
 	<!-- 第三方js结束 -->
-<script type="text/javascript" src="./js/main.js?a1d0aa3d6873c4668a1f"></script></body>
+<script type="text/javascript" src="./js/main.js?ac4c35e44e7329c68e4a"></script></body>
 
 </html>