From 0ff5bcd8fabfb9c835b48bc031505eb082ed8318 Mon Sep 17 00:00:00 2001
From: ningyv <1793599591@qq.com>
Date: Tue, 15 Apr 2025 18:56:50 +0800
Subject: [PATCH 01/11] feature/1.7-MCP

---
 .../common/src/components/postcat/ApiEdit.tsx |   4 +
 .../packages/core/src/const/system/const.tsx  |   2 +-
 frontend/packages/core/src/index.css          |   5 +
 .../api/AiServiceInsideRouterModelConfig.tsx  |   2 +
 .../src/pages/aiSetting/AiSettingModal.tsx    |   2 +
 .../core/src/pages/guide/LocalAiDeploy.tsx    |   2 +
 .../core/src/pages/guide/RestAIDeploy.tsx     |   2 +
 .../core/src/pages/loadBalancing/AddModel.tsx |   2 +
 .../mcpService/IntegrationAIContainer.tsx     | 358 +++++++++++-------
 .../pages/mcpService/McpServiceContainer.tsx  |   2 +-
 .../core/src/pages/member/MemberList.tsx      |   2 +
 .../pages/partitions/DashboardSettingEdit.tsx |   8 +-
 .../core/src/pages/policy/FilterForm.tsx      |   8 +-
 .../policy/dataMasking/DataMaskingConfig.tsx  |   9 +-
 .../dataMasking/DataMaskingRuleForm.tsx       |   8 +
 .../core/src/pages/system/SystemConfig.tsx    |   4 +
 .../core/src/pages/system/SystemList.tsx      |  22 +-
 .../pages/system/api/SystemInsideApiProxy.tsx |   5 +-
 .../system/api/SystemInsideRouterCreate.tsx   |  10 +
 .../upstream/SystemInsideUpstreamContent.tsx  |   6 +-
 .../core/src/pages/team/TeamConfig.tsx        |   2 +
 .../core/src/pages/team/TeamInsideMember.tsx  |   2 +
 .../src/component/MonitorApiPage.tsx          |   4 +
 .../src/component/MonitorAppPage.tsx          |   2 +
 .../src/component/MonitorSubPage.tsx          |   2 +
 frontend/packages/market/src/index.css        |   5 +
 .../pages/serviceHub/ApplyServiceModal.tsx    |   2 +
 .../src/pages/serviceHub/ServiceHubDetail.tsx |  13 +-
 .../src/pages/serviceHub/ServiceHubGroup.tsx  |   2 +-
 .../src/pages/serviceHub/ServiceHubList.tsx   |  25 +-
 .../management/ManagementAuthorityConfig.tsx  |   8 +
 .../management/ManagementConfig.tsx           |   2 +
 32 files changed, 378 insertions(+), 154 deletions(-)

diff --git a/frontend/packages/common/src/components/postcat/ApiEdit.tsx b/frontend/packages/common/src/components/postcat/ApiEdit.tsx
index 9fb41e90..9bb654a7 100644
--- a/frontend/packages/common/src/components/postcat/ApiEdit.tsx
+++ b/frontend/packages/common/src/components/postcat/ApiEdit.tsx
@@ -234,12 +234,16 @@ export default function ApiEdit({
       <>
         <Space.Compact className="w-full mb-btnybase">
           <Select
+            showSearch
+            optionFilterProp="label"
             className="w-[15%] min-w-[100px]"
             value={apiInfo?.protocol || 'HTTP'}
             disabled={true}
             options={protocolOptionList}
           />
           <Select
+            showSearch
+            optionFilterProp="label"
             className="w-[15%] min-w-[100px]"
             value={apiInfo?.method}
             disabled={true}
diff --git a/frontend/packages/core/src/const/system/const.tsx b/frontend/packages/core/src/const/system/const.tsx
index 54f8bce9..c356ee6a 100644
--- a/frontend/packages/core/src/const/system/const.tsx
+++ b/frontend/packages/core/src/const/system/const.tsx
@@ -359,7 +359,7 @@ export const SERVICE_APPROVAL_OPTIONS = [
   { label: '人工审核：仅允许通过人工审核的消费者调用该服务', value: 'manual' }
 ]
 export const MCP_OPTIONS = [
-  { label: '关闭', value: false },
+  { label: '禁用', value: false },
   { label: '开启：AI Agent 等产品能够通过 MCP 方式调用服务', value: true }
 ]
 export const SERVICE_KIND_OPTIONS = [
diff --git a/frontend/packages/core/src/index.css b/frontend/packages/core/src/index.css
index d5120f41..9809791a 100644
--- a/frontend/packages/core/src/index.css
+++ b/frontend/packages/core/src/index.css
@@ -1109,6 +1109,11 @@ p{
   width: 16px !important;
   justify-content:center;
 }
+.ant-select .ant-select-clear {
+  height:16px !important;
+  width: 16px !important;
+  top: 45%;
+}
 
 .ant-table-wrapper .ant-table{
   scrollbar-color: none !important;
diff --git a/frontend/packages/core/src/pages/aiService/api/AiServiceInsideRouterModelConfig.tsx b/frontend/packages/core/src/pages/aiService/api/AiServiceInsideRouterModelConfig.tsx
index 70bce5e3..dc0ca865 100644
--- a/frontend/packages/core/src/pages/aiService/api/AiServiceInsideRouterModelConfig.tsx
+++ b/frontend/packages/core/src/pages/aiService/api/AiServiceInsideRouterModelConfig.tsx
@@ -163,6 +163,8 @@ const AiServiceRouterModelConfig = forwardRef<AiServiceRouterModelConfigHandle,
       >
         <Form.Item<AiServiceRouterModelConfigField> label={$t('模型类型')} name="type" rules={[{ required: true }]}>
           <Select
+            showSearch
+            optionFilterProp="label"
             className="w-INPUT_NORMAL"
             placeholder={$t(PLACEHOLDER.select)}
             options={modelTypeList}
diff --git a/frontend/packages/core/src/pages/aiSetting/AiSettingModal.tsx b/frontend/packages/core/src/pages/aiSetting/AiSettingModal.tsx
index fa53f3a0..290b1add 100644
--- a/frontend/packages/core/src/pages/aiSetting/AiSettingModal.tsx
+++ b/frontend/packages/core/src/pages/aiSetting/AiSettingModal.tsx
@@ -390,6 +390,8 @@ const AiSettingModalContent = forwardRef<AiSettingModalContentHandle, AiSettingM
       {source === 'guide' && (
         <Form.Item label={$t('所属团队')} name="team" className="mt-[16px]" rules={[{ required: true }]}>
           <Select
+            showSearch
+            optionFilterProp="label"
             className="w-INPUT_NORMAL"
             placeholder={$t(PLACEHOLDER.input)}
             options={teamList}
diff --git a/frontend/packages/core/src/pages/guide/LocalAiDeploy.tsx b/frontend/packages/core/src/pages/guide/LocalAiDeploy.tsx
index e131687b..4cbdd495 100644
--- a/frontend/packages/core/src/pages/guide/LocalAiDeploy.tsx
+++ b/frontend/packages/core/src/pages/guide/LocalAiDeploy.tsx
@@ -181,6 +181,8 @@ const LocalAiDeploy = forwardRef<LocalAiDeployHandle, any>((props: any, ref: any
         </Form.Item>
         <Form.Item label={$t('所属团队')} name="team" className="mt-[16px]" rules={[{ required: true }]}>
           <Select
+            showSearch
+            optionFilterProp="label"
             className="w-INPUT_NORMAL"
             placeholder={$t(PLACEHOLDER.input)}
             options={teamList}
diff --git a/frontend/packages/core/src/pages/guide/RestAIDeploy.tsx b/frontend/packages/core/src/pages/guide/RestAIDeploy.tsx
index 8dfad314..c65b0980 100644
--- a/frontend/packages/core/src/pages/guide/RestAIDeploy.tsx
+++ b/frontend/packages/core/src/pages/guide/RestAIDeploy.tsx
@@ -106,6 +106,8 @@ const RestAIDeploy = forwardRef<RestAIDeployHandle, any>((props: any, ref: any)
         </Form.Item>
         <Form.Item label={$t('所属团队')} name="team" className="mt-[16px]" rules={[{ required: true }]}>
           <Select
+            showSearch
+            optionFilterProp="label"
             className="w-INPUT_NORMAL"
             placeholder={$t(PLACEHOLDER.input)}
             options={teamList}
diff --git a/frontend/packages/core/src/pages/loadBalancing/AddModel.tsx b/frontend/packages/core/src/pages/loadBalancing/AddModel.tsx
index cb94bea4..7a30329b 100644
--- a/frontend/packages/core/src/pages/loadBalancing/AddModel.tsx
+++ b/frontend/packages/core/src/pages/loadBalancing/AddModel.tsx
@@ -171,6 +171,8 @@ const AddLoadBalancingModel = forwardRef<LoadBalancingHandle>((props, ref: any)
     >
       <Form.Item<LoadModelDetailData> label={$t('模型类型')} name="type" rules={[{ required: true }]}>
         <Select
+          showSearch
+          optionFilterProp="label"
           className="w-INPUT_NORMAL"
           placeholder={$t(PLACEHOLDER.select)}
           options={modelTypeList}
diff --git a/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx b/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
index 3d2177cf..2a96e997 100644
--- a/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
+++ b/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
@@ -1,7 +1,7 @@
-import { App, Button, Card, Empty, Select } from 'antd'
+import { App, Button, Card, CascaderProps, Empty, Select } from 'antd'
 import { $t } from '@common/locales/index.ts'
 import { Icon } from '@iconify/react/dist/iconify.js'
-import { useEffect, useRef, useState } from 'react'
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react'
 import ReactJson from 'react-json-view'
 import { IconButton } from '@common/components/postcat/api/IconButton'
 import { BasicResponse, RESPONSE_TIPS, STATUS_CODE } from '@common/const/const'
@@ -13,6 +13,7 @@ import { useNavigate } from 'react-router-dom'
 import { ServiceDetailType } from '@market/const/serviceHub/type'
 import useCopyToClipboard from '@common/hooks/copy'
 import { useGlobalContext } from '@common/contexts/GlobalStateContext'
+import { Cascader } from 'antd/lib'
 
 type ConfigList = {
   openApi?: {
@@ -33,27 +34,49 @@ type ApiKeyItem = {
   name: string
   value: string
 }
+interface Option {
+  value: string
+  label: string
+  children?: Option[]
+}
 
-const IntegrationAIContainer = ({
-  type,
-  handleToolsChange,
-  customClassName,
-  service,
-  serviceId,
-  currentTab
-}: {
+type ServiceApiKeyList = {
+  id: string
+  name: string
+  apikeys: Array<{
+    id: string
+    name: string
+    value: string
+    expired: number
+  }>
+}
+export interface IntegrationAIContainerRef {
+  getServiceKeysList: () => void;
+}
+export interface IntegrationAIContainerProps {
   type: 'global' | 'service'
   handleToolsChange: (value: Tool[]) => void
   customClassName?: string
   service?: ServiceDetailType
   serviceId?: string
   currentTab?: string
-}) => {
+  openModal?: (type: 'apply') => void
+}
+export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, IntegrationAIContainerProps>(
+  ({
+    type,
+    handleToolsChange,
+    customClassName,
+    service,
+    serviceId,
+  currentTab,
+  openModal
+}: IntegrationAIContainerProps, ref) => {
   const [activeTab, setActiveTab] = useState(type === 'service' ? 'openApi' : 'mcp')
   const { message } = App.useApp()
   const [configContent, setConfigContent] = useState<string>('')
   const [apiKey, setApiKey] = useState<string>('')
-  const [apiKeyList, setApiKeyList] = useState<{ value: string; label: string }[]>([])
+  const [apiKeyList, setApiKeyList] = useState<any[]>([])
   const [mcpServerUrl, setMcpServerUrl] = useState<string>('')
   const { state } = useGlobalContext()
   const navigator = useNavigate()
@@ -103,9 +126,12 @@ const IntegrationAIContainer = ({
     }
   }
 
-  const handleChange = (value: string) => {
+  const handleSelectChange = (value: string) => {
     setApiKey(value)
   }
+  const handleChange: CascaderProps<Option>['onChange'] = (value) => {
+    setApiKey(value.at(-1) || '')
+  }
 
   /**
    * 获取全局 MCP 配置
@@ -139,10 +165,10 @@ const IntegrationAIContainer = ({
   }
 
   /**
-   * 获取 API Key 列表
+   * 获取全局 API Key 列表
    */
-  const getKeysList = () => {
-    fetchData<BasicResponse<null>>(type === 'global' ? 'simple/system/apikeys' : `my/apikeys/${serviceId}`, {
+  const getGlobalKeysList = () => {
+    fetchData<BasicResponse<null>>('simple/system/apikeys', {
       method: 'GET'
     })
       .then((response) => {
@@ -167,6 +193,39 @@ const IntegrationAIContainer = ({
         message.error(errorInfo || $t(RESPONSE_TIPS.error))
       })
   }
+  useImperativeHandle(ref, () => ({
+    getServiceKeysList
+  }))
+  /**
+   * 获取服务 API Key 列表
+   */
+  const getServiceKeysList = () => {
+    fetchData<BasicResponse<null>>(`my/apikeys/${serviceId}`, {
+      method: 'GET'
+    })
+      .then((response) => {
+        const { code, msg, data } = response
+        if (code === STATUS_CODE.SUCCESS) {
+          if (data.apps && data.apps.length > 0) {
+            // 转换数据结构为 Cascader 所需格式
+            const transformedData = data.apps.map((app: ServiceApiKeyList) => ({
+              value: app.id,
+              label: app.name,
+              children: app.apikeys.map((key) => ({
+                ...key,
+                label: key.name
+              }))
+            }))
+            setApiKeyList(transformedData)
+          }
+        } else {
+          message.error(msg || $t(RESPONSE_TIPS.error))
+        }
+      })
+      .catch((errorInfo) => {
+        message.error(errorInfo || $t(RESPONSE_TIPS.error))
+      })
+  }
 
   const clearError = (tabKey: keyof typeof errors) => {
     setErrors((prev) => ({ ...prev, [tabKey]: null }))
@@ -238,7 +297,11 @@ const IntegrationAIContainer = ({
     } else {
       service?.basic.enableMcp && setMcpServerUrl(`mcp/service/${serviceId}/sse`)
     }
-    getKeysList()
+    if (type === 'global') {
+      getGlobalKeysList()
+    } else {
+      getServiceKeysList()
+    }
   }
 
   useEffect(() => {
@@ -307,125 +370,164 @@ const IntegrationAIContainer = ({
           />
           {$t('AI 代理集成')}
         </p>
-        <div className="tab-container mt-3">
-          {type === 'service' && service?.basic.enableMcp && (
-            <div className="tab-nav flex rounded-md overflow-hidden border border-solid border-[#3D46F2] w-fit">
-              <div
-                className={`tab-item px-5 py-1.5 cursor-pointer text-sm transition-colors ${activeTab === 'openApi' ? 'bg-[#3D46F2] text-white' : 'bg-white text-[#3D46F2]'}`}
-                onClick={() => setActiveTab('openApi')}
-              >
-                Open API
+        {type === 'service' && service?.basic.enableMcp && (
+          <div className="mt-3 tab-nav flex rounded-md overflow-hidden border border-solid border-[#3D46F2] w-fit">
+            <div
+              className={`tab-item px-5 py-1.5 cursor-pointer text-sm transition-colors ${activeTab === 'openApi' ? 'bg-[#3D46F2] text-white' : 'bg-white text-[#3D46F2]'}`}
+              onClick={() => setActiveTab('openApi')}
+            >
+              Open API
+            </div>
+            <div
+              className={`tab-item px-5 py-1.5 cursor-pointer text-sm transition-colors ${activeTab === 'mcp' ? 'bg-[#3D46F2] text-white' : 'bg-white text-[#3D46F2]'}`}
+              onClick={() => setActiveTab('mcp')}
+            >
+              MCP
+            </div>
+          </div>
+        )}
+        {type === 'service' && !apiKeyList.length ? (
+          <>
+            <Card
+              style={{ borderRadius: '10px' }}
+              className={`w-full mt-3`}
+              classNames={{
+                body: 'p-[10px]'
+              }}
+            >
+              <div className="flex flex-col items-center justify-center py-3">
+                <span className="text-[14px] mb-5">{$t('请先订阅该服务')}</span>
+                <Button type="primary" onClick={() => openModal?.('apply')}>
+                  {$t('申请')}
+                </Button>
               </div>
-              <div
-                className={`tab-item px-5 py-1.5 cursor-pointer text-sm transition-colors ${activeTab === 'mcp' ? 'bg-[#3D46F2] text-white' : 'bg-white text-[#3D46F2]'}`}
-                onClick={() => setActiveTab('mcp')}
-              >
-                MCP
+            </Card>
+          </>
+        ) : (
+          <>
+            <div className="tab-container mt-3">
+              <div className="tab-content font-semibold mt-[10px]">
+                {activeTab === 'openApi' ? tabContent.openApi?.title : tabContent.mcp.title}
+              </div>
+              {/* 标签页内容区域 */}
+              <div className="bg-[#0a0b21] text-white p-4 rounded-md my-2 font-mono text-sm overflow-auto relative">
+                {activeTab === 'mcp' ? (
+                  <ReactJson
+                    src={
+                      configContent
+                        ? typeof configContent === 'string'
+                          ? (() => {
+                              try {
+                                return JSON.parse(configContent)
+                              } catch (e) {
+                                return {}
+                              }
+                            })()
+                          : configContent
+                        : {}
+                    }
+                    theme="monokai"
+                    indentWidth={2}
+                    displayDataTypes={false}
+                    displayObjectSize={false}
+                    name={false}
+                    collapsed={false}
+                    enableClipboard={false}
+                    style={{
+                      backgroundColor: 'transparent',
+                      wordBreak: 'break-word',
+                      whiteSpace: 'normal'
+                    }}
+                  />
+                ) : (
+                  <>
+                    <pre className="whitespace-pre-wrap break-words">{configContent || ''}</pre>
+                  </>
+                )}
+                <IconButton
+                  name="copy"
+                  onClick={() => handleCopy(configContent)}
+                  sx={{
+                    position: 'absolute',
+                    top: '5px',
+                    right: '5px',
+                    color: '#999',
+                    transition: 'none',
+                    '&.MuiButtonBase-root:hover': {
+                      background: 'transparent',
+                      color: '#3D46F2',
+                      transition: 'none'
+                    }
+                  }}
+                ></IconButton>
               </div>
             </div>
-          )}
-          <div className="tab-content font-semibold mt-[10px]">
-            {activeTab === 'openApi' ? tabContent.openApi?.title : tabContent.mcp.title}
-          </div>
-          {/* 标签页内容区域 */}
-          <div className="bg-[#0a0b21] text-white p-4 rounded-md my-2 font-mono text-sm overflow-auto relative">
-            {activeTab === 'mcp' ? (
-              <ReactJson
-                src={
-                  configContent
-                    ? typeof configContent === 'string'
-                      ? (() => {
-                          try {
-                            return JSON.parse(configContent);
-                          } catch (e) {
-                            return {};
-                          }
-                        })()
-                      : configContent
-                    : {}
-                }
-                theme="monokai"
-                indentWidth={2}
-                displayDataTypes={false}
-                displayObjectSize={false}
-                name={false}
-                collapsed={false}
-                enableClipboard={false}
-                style={{
-                  backgroundColor: 'transparent',
-                  wordBreak: 'break-word',
-                  whiteSpace: 'normal'
-                }}
-              />
-            ) : (
+            {activeTab === 'mcp' && (
               <>
-                <pre className="whitespace-pre-wrap break-words">{configContent || ''}</pre>
+                <div className="tab-content font-semibold my-[10px]">API Key</div>
+                {apiKeyList.length ? (
+                  <>
+                    {type === 'global' ? (
+                      <>
+                        <Select
+                          showSearch
+                          optionFilterProp="label"
+                          value={apiKey}
+                          className="w-full"
+                          onChange={handleSelectChange}
+                          options={apiKeyList}
+                        />
+                        <Card
+                          style={{ borderRadius: '5px' }}
+                          className="w-full mt-[5px] "
+                          classNames={{
+                            body: 'p-[5px]'
+                          }}
+                        >
+                          <div className="relative h-[25px]">
+                            {apiKey}
+                            <IconButton
+                              name="copy"
+                              onClick={() => handleCopy(apiKey)}
+                              sx={{
+                                position: 'absolute',
+                                top: '0px',
+                                right: '5px',
+                                color: '#999',
+                                transition: 'none',
+                                '&.MuiButtonBase-root:hover': {
+                                  background: 'transparent',
+                                  color: '#3D46F2',
+                                  transition: 'none'
+                                }
+                              }}
+                            ></IconButton>
+                          </div>
+                        </Card>
+                      </>
+                    ) : (
+                      <>
+                        <Cascader
+                          allowClear={false}
+                          options={apiKeyList}
+                          onChange={handleChange}
+                          placeholder={$t('选择 API Key')}
+                        />
+                      </>
+                    )}
+                  </>
+                ) : (
+                  <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={''}>
+                    <Button onClick={addKey} type="primary">
+                      {$t('新增 API Key')}
+                    </Button>
+                  </Empty>
+                )}
               </>
             )}
-            <IconButton
-              name="copy"
-              onClick={() => handleCopy(configContent)}
-              sx={{
-                position: 'absolute',
-                top: '5px',
-                right: '5px',
-                color: '#999',
-                transition: 'none',
-                '&.MuiButtonBase-root:hover': {
-                  background: 'transparent',
-                  color: '#3D46F2',
-                  transition: 'none'
-                }
-              }}
-            ></IconButton>
-          </div>
-        </div>
-        {activeTab === 'mcp' && (
-          <>
-            <div className="tab-content font-semibold my-[10px]">API Key</div>
-            {apiKeyList.length ? (
-              <>
-                <Select value={apiKey} className="w-full" onChange={handleChange} options={apiKeyList} />
-                <Card
-                  style={{ borderRadius: '5px' }}
-                  className="w-full mt-[5px] "
-                  classNames={{
-                    body: 'p-[5px]'
-                  }}
-                >
-                  <div className="relative h-[25px]">
-                    {apiKey}
-                    <IconButton
-                      name="copy"
-                      onClick={() => handleCopy(apiKey)}
-                      sx={{
-                        position: 'absolute',
-                        top: '0px',
-                        right: '5px',
-                        color: '#999',
-                        transition: 'none',
-                        '&.MuiButtonBase-root:hover': {
-                          background: 'transparent',
-                          color: '#3D46F2',
-                          transition: 'none'
-                        }
-                      }}
-                    ></IconButton>
-                  </div>
-                </Card>
-              </>
-            ) : (
-              <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={''}>
-                <Button onClick={addKey} type="primary">
-                  {$t('新增 API Key')}
-                </Button>
-              </Empty>
-            )}
           </>
         )}
       </Card>
     </>
   )
-}
-
-export default IntegrationAIContainer
+})
\ No newline at end of file
diff --git a/frontend/packages/core/src/pages/mcpService/McpServiceContainer.tsx b/frontend/packages/core/src/pages/mcpService/McpServiceContainer.tsx
index 6f52db14..7a71d706 100644
--- a/frontend/packages/core/src/pages/mcpService/McpServiceContainer.tsx
+++ b/frontend/packages/core/src/pages/mcpService/McpServiceContainer.tsx
@@ -1,6 +1,6 @@
 import InsidePage from "@common/components/aoplatform/InsidePage"
 import { $t } from '@common/locales/index.ts'
-import IntegrationAIContainer from "./IntegrationAIContainer"
+import { IntegrationAIContainer } from "./IntegrationAIContainer"
 import { Tool } from "@modelcontextprotocol/sdk/types.js"
 import { useEffect, useState } from "react"
 import McpToolsContainer from "./McpToolsContainer"
diff --git a/frontend/packages/core/src/pages/member/MemberList.tsx b/frontend/packages/core/src/pages/member/MemberList.tsx
index f8c473d7..864814de 100644
--- a/frontend/packages/core/src/pages/member/MemberList.tsx
+++ b/frontend/packages/core/src/pages/member/MemberList.tsx
@@ -480,6 +480,8 @@ const MemberList = () => {
               render: (_, entity) => (
                 <WithPermission access="system.organization.member.edit">
                   <Select
+                    showSearch
+                    optionFilterProp="label"
                     className="w-full"
                     mode="multiple"
                     value={entity.roles?.map((x: EntityItem) => x.id)}
diff --git a/frontend/packages/core/src/pages/partitions/DashboardSettingEdit.tsx b/frontend/packages/core/src/pages/partitions/DashboardSettingEdit.tsx
index d133e6ea..1d4897b7 100644
--- a/frontend/packages/core/src/pages/partitions/DashboardSettingEdit.tsx
+++ b/frontend/packages/core/src/pages/partitions/DashboardSettingEdit.tsx
@@ -60,7 +60,13 @@ export type DashboardSettingEditProps = {
                                 name="driver"
                                 rules={[{ required: true }]}
                             >
-                                <Select className="w-INPUT_NORMAL" placeholder={$t(PLACEHOLDER.select)} options={[...DASHBOARD_SETTING_DRIVER_OPTION_LIST]}/>
+                                <Select
+                                    showSearch
+                                    optionFilterProp="label"
+                                    className="w-INPUT_NORMAL"
+                                    placeholder={$t(PLACEHOLDER.select)}
+                                    options={[...DASHBOARD_SETTING_DRIVER_OPTION_LIST]}
+                                />
                             </Form.Item>
 
                             <Form.Item<PartitionDashboardConfigFieldType>
diff --git a/frontend/packages/core/src/pages/policy/FilterForm.tsx b/frontend/packages/core/src/pages/policy/FilterForm.tsx
index 1c3a1bb8..361d1c6f 100644
--- a/frontend/packages/core/src/pages/policy/FilterForm.tsx
+++ b/frontend/packages/core/src/pages/policy/FilterForm.tsx
@@ -301,7 +301,13 @@ const FilterForm = forwardRef<FilterFormHandle, FilterFormProps>(
     return (
       <Form form={form} layout="vertical" onValuesChange={handleValuesChange}>
         <Form.Item name="name" label={$t('属性名称')} rules={[{ required: true }]}>
-          <Select disabled={disabled} onChange={handleTypeChange} options={filterOptionsList} />
+          <Select
+            showSearch
+            optionFilterProp="label"
+            disabled={disabled}
+            onChange={handleTypeChange}
+            options={filterOptionsList}
+          />
         </Form.Item>
         <Form.Item
           name="values"
diff --git a/frontend/packages/core/src/pages/policy/dataMasking/DataMaskingConfig.tsx b/frontend/packages/core/src/pages/policy/dataMasking/DataMaskingConfig.tsx
index 46c1bc93..ec4aa016 100644
--- a/frontend/packages/core/src/pages/policy/dataMasking/DataMaskingConfig.tsx
+++ b/frontend/packages/core/src/pages/policy/dataMasking/DataMaskingConfig.tsx
@@ -139,8 +139,13 @@ const DataMaskingConfig = forwardRef<DataMaskingConfigHandle>((_,ref) => {
                                 name="type"
                                 rules={[{ required: true }]}
                             >
-                                <Select className="w-INPUT_NORMAL" placeholder={$t(PLACEHOLDER.input)} options={policyOptions} >
-                                </Select>
+                                <Select
+                                    showSearch
+                                    optionFilterProp="label"
+                                    className="w-INPUT_NORMAL"
+                                    placeholder={$t(PLACEHOLDER.input)}
+                                    options={policyOptions}
+                                ></Select>
                             </Form.Item>
 
                             <Form.Item<DataMaskingConfigFieldType>
diff --git a/frontend/packages/core/src/pages/policy/dataMasking/DataMaskingRuleForm.tsx b/frontend/packages/core/src/pages/policy/dataMasking/DataMaskingRuleForm.tsx
index 6393481d..705db146 100644
--- a/frontend/packages/core/src/pages/policy/dataMasking/DataMaskingRuleForm.tsx
+++ b/frontend/packages/core/src/pages/policy/dataMasking/DataMaskingRuleForm.tsx
@@ -146,6 +146,8 @@ const DataMaskRuleForm: React.FC<DataMaskRuleFormProps> = ({
       <Form form={form} layout="vertical" className="p-4">
         <Form.Item name={['match', 'type']} label={$t('匹配类型')} rules={[{ required: true }]}>
           <Select
+            showSearch
+            optionFilterProp="label"
             placeholder={$t(PLACEHOLDER.select)}
             onChange={handleMatchTypeChange}
             options={matchRuleOptions}
@@ -156,6 +158,8 @@ const DataMaskRuleForm: React.FC<DataMaskRuleFormProps> = ({
           <Form.Item name={['match', 'value']} label={$t('匹配值')} rules={[{ required: true }]}>
             {matchType === 'inner' ? (
               <Select
+                showSearch
+                optionFilterProp="label"
                 placeholder={$t(PLACEHOLDER.select)}
                 onChange={handleMatchValueChange}
                 options={dataFormatOptions}
@@ -168,6 +172,8 @@ const DataMaskRuleForm: React.FC<DataMaskRuleFormProps> = ({
 
         <Form.Item name={['mask', 'type']} label={$t('脱敏类型')} rules={[{ required: true }]}>
           <Select
+            showSearch
+            optionFilterProp="label"
             placeholder={$t(PLACEHOLDER.select)}
             onChange={handleMaskTypeChange}
             options={
@@ -197,6 +203,8 @@ const DataMaskRuleForm: React.FC<DataMaskRuleFormProps> = ({
               rules={[{ required: true }]}
             >
               <Select
+                showSearch
+                optionFilterProp="label"
                 placeholder={$t(PLACEHOLDER.select)}
                 onChange={handleReplaceTypeChange}
                 options={dataMaskReplaceStrOptions}
diff --git a/frontend/packages/core/src/pages/system/SystemConfig.tsx b/frontend/packages/core/src/pages/system/SystemConfig.tsx
index c240a3cb..14426200 100644
--- a/frontend/packages/core/src/pages/system/SystemConfig.tsx
+++ b/frontend/packages/core/src/pages/system/SystemConfig.tsx
@@ -551,6 +551,8 @@ const SystemConfig = forwardRef<SystemConfigHandle>((_, ref) => {
             {!onEdit && (
               <Form.Item<SystemConfigFieldType> label={$t('所属团队')} name="team" rules={[{ required: true }]}>
                 <Select
+                  showSearch
+                  optionFilterProp="label"
                   className="w-INPUT_NORMAL"
                   disabled={onEdit}
                   placeholder={$t(PLACEHOLDER.input)}
@@ -627,6 +629,8 @@ const SystemConfig = forwardRef<SystemConfigHandle>((_, ref) => {
 
             <Form.Item<SystemConfigFieldType> label={$t('标签')} name="tags">
               <Select
+                showSearch
+                optionFilterProp="label"
                 className="w-INPUT_NORMAL"
                 mode="tags"
                 placeholder={$t(PLACEHOLDER.select)}
diff --git a/frontend/packages/core/src/pages/system/SystemList.tsx b/frontend/packages/core/src/pages/system/SystemList.tsx
index 06b53ab5..321976ed 100644
--- a/frontend/packages/core/src/pages/system/SystemList.tsx
+++ b/frontend/packages/core/src/pages/system/SystemList.tsx
@@ -180,10 +180,24 @@ const SystemList: FC = () => {
           <span
             className={`text-[13px] `}
           >
-            {$t(SERVICE_KIND_OPTIONS.find((x) => x.value === record.service_kind)?.label || '-')}
-            {record.enable_mcp && (
-              <Tag color="#ffc107" className="text-[#000] ml-[5px]">MCP</Tag>
-            )}
+            <Tag
+              color={`#${record.service_kind === 'ai' ? 'EADEFF' : 'DEFFE7'}`}
+              className={`text-[#000] font-normal border-0 mr-[10px] max-w-[150px] truncate`}
+              bordered={false}
+              title={record.service_kind || '-'}
+            >
+              {SERVICE_KIND_OPTIONS.find((x) => x.value === record.service_kind)?.label || '-'}
+            </Tag>
+          {record?.enable_mcp && (
+            <Tag
+              color="#FFF0C1"
+              className="text-[#000] font-normal border-0 mr-[12px] max-w-[150px] truncate"
+              bordered={false}
+              title={'MCP'}
+            >
+              MCP
+            </Tag>
+          )}
           </span>
         )
       }
diff --git a/frontend/packages/core/src/pages/system/api/SystemInsideApiProxy.tsx b/frontend/packages/core/src/pages/system/api/SystemInsideApiProxy.tsx
index c47b2b1e..adc87901 100644
--- a/frontend/packages/core/src/pages/system/api/SystemInsideApiProxy.tsx
+++ b/frontend/packages/core/src/pages/system/api/SystemInsideApiProxy.tsx
@@ -30,7 +30,10 @@ const SystemInsideApiProxy = forwardRef<SystemInsideApiProxyHandle,SystemInsideA
     const ProxyHeadeerConfig = useMemo(()=>PROXY_HEADER_CONFIG.map((x)=>({
             ...x, 
             ...(x.key === 'optType' ? {
-                component: <Select className="w-INPUT_NORMAL" options={UPSTREAM_PROXY_HEADER_TYPE_OPTIONS.map((x)=>({...x, label:$t(x.label)}))}/>
+                component: <Select
+                showSearch
+                optionFilterProp="label"
+                className="w-INPUT_NORMAL" options={UPSTREAM_PROXY_HEADER_TYPE_OPTIONS.map((x)=>({...x, label:$t(x.label)}))}/>
             } : {})
         }))
     ,[state.language])
diff --git a/frontend/packages/core/src/pages/system/api/SystemInsideRouterCreate.tsx b/frontend/packages/core/src/pages/system/api/SystemInsideRouterCreate.tsx
index 3b3e9cc4..5ce1ecb4 100644
--- a/frontend/packages/core/src/pages/system/api/SystemInsideRouterCreate.tsx
+++ b/frontend/packages/core/src/pages/system/api/SystemInsideRouterCreate.tsx
@@ -179,6 +179,8 @@ const SystemInsideRouterCreate = forwardRef<SystemInsideRouterCreateHandle, Syst
             ...item,
             component: (
               <Select
+                showSearch
+                optionFilterProp="label"
                 className="w-INPUT_NORMAL"
                 options={Object.entries(MatchPositionEnum)?.map(([key, value]) => {
                   return { label: $t(value), value: key }
@@ -192,6 +194,8 @@ const SystemInsideRouterCreate = forwardRef<SystemInsideRouterCreateHandle, Syst
             ...item,
             component: (
               <Select
+                showSearch
+                optionFilterProp="label"
                 className="w-INPUT_NORMAL"
                 options={Object.entries(MatchTypeEnum)?.map(([key, value]) => {
                   return { label: $t(value), value: key }
@@ -252,6 +256,8 @@ const SystemInsideRouterCreate = forwardRef<SystemInsideRouterCreateHandle, Syst
 
               <Form.Item<SystemApiProxyFieldType> label={$t('请求协议')} name="protocols" rules={[{ required: true }]}>
                 <Select
+                  showSearch
+                  optionFilterProp="label"
                   className="w-INPUT_NORMAL"
                   placeholder={$t(PLACEHOLDER.select)}
                   mode="multiple"
@@ -271,6 +277,8 @@ const SystemInsideRouterCreate = forwardRef<SystemInsideRouterCreateHandle, Syst
                     noStyle
                   >
                     <Select
+                      showSearch
+                      optionFilterProp="label"
                       placeholder={$t(PLACEHOLDER.select)}
                       options={apiPathMatchRulesOptions}
                       className="w-[30%] min-w-[100px]"
@@ -307,6 +315,8 @@ const SystemInsideRouterCreate = forwardRef<SystemInsideRouterCreateHandle, Syst
 
               <Form.Item<SystemApiProxyFieldType> label={$t('请求方式')} name="methods" rules={[{ required: true }]}>
                 <Select
+                  showSearch
+                  optionFilterProp="label"
                   className="w-INPUT_NORMAL"
                   placeholder={$t(PLACEHOLDER.select)}
                   mode="multiple"
diff --git a/frontend/packages/core/src/pages/system/upstream/SystemInsideUpstreamContent.tsx b/frontend/packages/core/src/pages/system/upstream/SystemInsideUpstreamContent.tsx
index 878904ad..5821c149 100644
--- a/frontend/packages/core/src/pages/system/upstream/SystemInsideUpstreamContent.tsx
+++ b/frontend/packages/core/src/pages/system/upstream/SystemInsideUpstreamContent.tsx
@@ -129,7 +129,7 @@ const globalConfigNodesRule: FormItemProps['rules'] = [
     const ProxyHeadeerConfig = useMemo(()=>PROXY_HEADER_CONFIG.map((x)=>({
         ...x, 
         ...(x.key === 'optType' ? {
-            component: <Select className="w-INPUT_NORMAL" options={UPSTREAM_PROXY_HEADER_TYPE_OPTIONS.map((x)=>({...x, label:$t(x.label)}))}/>
+            component: <Select showSearch optionFilterProp="label" className="w-INPUT_NORMAL" options={UPSTREAM_PROXY_HEADER_TYPE_OPTIONS.map((x)=>({...x, label:$t(x.label)}))}/>
         } : {})
     }))
 ,[state.language])
@@ -175,7 +175,7 @@ const globalConfigNodesRule: FormItemProps['rules'] = [
                                     name="scheme"
                                     rules={[{ required: true }]}
                                 >
-                                <Select className="w-INPUT_NORMAL" placeholder={$t(PLACEHOLDER.select)} options={schemeOptions}>
+                                <Select showSearch optionFilterProp="label" className="w-INPUT_NORMAL" placeholder={$t(PLACEHOLDER.select)} options={schemeOptions}>
                                 </Select>
                                 </Form.Item>
 
@@ -192,7 +192,7 @@ const globalConfigNodesRule: FormItemProps['rules'] = [
                                     name="passHost"
                                     rules={[{ required: true }]}
                                 >
-                                    <Select className="w-INPUT_NORMAL" placeholder={$t(PLACEHOLDER.select)} options={passHostOptions} onChange={(val)=>setFormShowHost(val === 'rewrite')}>
+                                    <Select showSearch optionFilterProp="label" className="w-INPUT_NORMAL" placeholder={$t(PLACEHOLDER.select)} options={passHostOptions} onChange={(val)=>setFormShowHost(val === 'rewrite')}>
                                     </Select>
                                 </Form.Item>
 
diff --git a/frontend/packages/core/src/pages/team/TeamConfig.tsx b/frontend/packages/core/src/pages/team/TeamConfig.tsx
index 7be89f56..b8ab0c42 100644
--- a/frontend/packages/core/src/pages/team/TeamConfig.tsx
+++ b/frontend/packages/core/src/pages/team/TeamConfig.tsx
@@ -205,6 +205,8 @@ const TeamConfig = forwardRef<TeamConfigHandle, TeamConfigProps>((props, ref) =>
                 rules={[{ required: true }]}
               >
                 <Select
+                  showSearch
+                  optionFilterProp="label"
                   className="w-INPUT_NORMAL"
                   placeholder={$t(PLACEHOLDER.select)}
                   options={managerOption}
diff --git a/frontend/packages/core/src/pages/team/TeamInsideMember.tsx b/frontend/packages/core/src/pages/team/TeamInsideMember.tsx
index 57b1f68f..e31c98df 100644
--- a/frontend/packages/core/src/pages/team/TeamInsideMember.tsx
+++ b/frontend/packages/core/src/pages/team/TeamInsideMember.tsx
@@ -324,6 +324,8 @@ const TeamInsideMember: FC = () => {
           render: (_, entity) => (
             <WithPermission access="team.team.member.edit">
               <Select
+                showSearch
+                optionFilterProp="label"
                 className="w-full"
                 mode="multiple"
                 maxTagCount="responsive"
diff --git a/frontend/packages/dashboard/src/component/MonitorApiPage.tsx b/frontend/packages/dashboard/src/component/MonitorApiPage.tsx
index 5bb5d2d4..b4b5d3d4 100644
--- a/frontend/packages/dashboard/src/component/MonitorApiPage.tsx
+++ b/frontend/packages/dashboard/src/component/MonitorApiPage.tsx
@@ -200,6 +200,8 @@ export default function MonitorApiPage(props: MonitorApiPageProps) {
           <div className="flex flex-nowrap items-center pt-btnybase mr-btnybase">
             <label className="inline-block whitespace-nowrap">{$t('服务')}：</label>
             <Select
+              showSearch
+              optionFilterProp="label"
               className="w-[346px]"
               value={queryData?.services}
               options={projectOptionList}
@@ -216,6 +218,8 @@ export default function MonitorApiPage(props: MonitorApiPageProps) {
           <div className="flex flex-nowrap items-center pt-btnybase mr-btnybase">
             <label className=" whitespace-nowrap inline-block w-[42px] text-right">API ：</label>
             <Select
+              showSearch
+              optionFilterProp="label"
               className="w-[346px]"
               value={queryData?.apis}
               options={apiOptionList}
diff --git a/frontend/packages/dashboard/src/component/MonitorAppPage.tsx b/frontend/packages/dashboard/src/component/MonitorAppPage.tsx
index 8bbc866a..95e96de9 100644
--- a/frontend/packages/dashboard/src/component/MonitorAppPage.tsx
+++ b/frontend/packages/dashboard/src/component/MonitorAppPage.tsx
@@ -176,6 +176,8 @@ export default function MonitorAppPage(props: MonitorAppPageProps) {
           <div>
             <label className="inline-block  whitespace-nowrap">{$t('消费者')}：</label>
             <Select
+              showSearch
+              optionFilterProp="label"
               className="w-[346px]"
               mode="multiple"
               maxTagCount={1}
diff --git a/frontend/packages/dashboard/src/component/MonitorSubPage.tsx b/frontend/packages/dashboard/src/component/MonitorSubPage.tsx
index 99e85319..27f5a4c5 100644
--- a/frontend/packages/dashboard/src/component/MonitorSubPage.tsx
+++ b/frontend/packages/dashboard/src/component/MonitorSubPage.tsx
@@ -181,6 +181,8 @@ export default function MonitorSubPage(props: MonitorSubPageProps) {
           <div>
             <label className="inline-block  whitespace-nowrap">服务：</label>
             <Select
+              showSearch
+              optionFilterProp="label"
               className="w-[346px]"
               mode="multiple"
               maxTagCount={1}
diff --git a/frontend/packages/market/src/index.css b/frontend/packages/market/src/index.css
index 69e22726..e5752ce5 100644
--- a/frontend/packages/market/src/index.css
+++ b/frontend/packages/market/src/index.css
@@ -1053,6 +1053,11 @@ p{
 .ant-table-wrapper .ant-table{
   scrollbar-color: none !important;
 }
+.ant-select .ant-select-clear {
+  height:16px !important;
+  width: 16px !important;
+  top: 45%;
+}
 
 .eo_page_drag .ant-table-body{
   overflow-y: auto !important;
diff --git a/frontend/packages/market/src/pages/serviceHub/ApplyServiceModal.tsx b/frontend/packages/market/src/pages/serviceHub/ApplyServiceModal.tsx
index 382392dc..114b4c73 100644
--- a/frontend/packages/market/src/pages/serviceHub/ApplyServiceModal.tsx
+++ b/frontend/packages/market/src/pages/serviceHub/ApplyServiceModal.tsx
@@ -70,6 +70,8 @@ export const ApplyServiceModal = forwardRef<ApplyServiceHandle, ApplyServiceProp
         </Row>
         <Form.Item label={$t('消费者')} name="applications" rules={[{ required: true }]}>
           <Select
+            showSearch
+            optionFilterProp="label"
             className="w-INPUT_NORMAL"
             disabled={reApply}
             placeholder={$t('搜索或选择消费者')}
diff --git a/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx b/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx
index d82587ad..deed55a0 100644
--- a/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx
+++ b/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx
@@ -15,7 +15,7 @@ import { ApplyServiceHandle, ServiceBasicInfoType, ServiceDetailType } from '../
 import { ApplyServiceModal } from './ApplyServiceModal.tsx'
 import ServiceHubApiDocument from './ServiceHubApiDocument.tsx'
 import { SERVICE_KIND_OPTIONS } from '@core/const/system/const.tsx'
-import IntegrationAIContainer from '@core/pages/mcpService/IntegrationAIContainer.tsx'
+import { IntegrationAIContainer, IntegrationAIContainerRef } from '@core/pages/mcpService/IntegrationAIContainer.tsx'
 import { Tool } from '@modelcontextprotocol/sdk/types.js'
 import McpToolsContainer from '@core/pages/mcpService/McpToolsContainer.tsx'
 import { useGlobalContext } from '@common/contexts/GlobalStateContext.tsx'
@@ -48,6 +48,7 @@ const ServiceHubDetail = () => {
   const [tabItem, setTabItem] = useState<TabItemType[]>([])
   const [currentTab, setCurrentTab] = useState('')
   const { state } = useGlobalContext()
+  const integrationAIContainerRef = useRef<IntegrationAIContainerRef>(null)
   const navigate = useNavigate()
 
   const modifyApiDoc = (apiDoc: string, apiPrefix: string) => {
@@ -191,7 +192,7 @@ servers:
         content: serviceBasicInfo?.catalogue?.name || '-'
       },
       {
-        color: '#fbe5e5',
+        color: `#${serviceBasicInfo?.serviceKind === 'ai' ? 'EADEFF' : 'DEFFE7'}`,
         textColor: 'text-[#000]',
         title: serviceBasicInfo?.serviceKind || '-',
         content: SERVICE_KIND_OPTIONS.find((x) => x.value === serviceBasicInfo?.serviceKind)?.label || '-'
@@ -201,7 +202,7 @@ servers:
     // 如果启用了MCP，添加MCP标签
     if (serviceBasicInfo?.enableMcp) {
       tags.push({
-        color: '#ffc107',
+        color: '#FFF0C1',
         textColor: 'text-[#000]',
         title: 'MCP',
         content: 'MCP'
@@ -263,7 +264,9 @@ servers:
       ),
       onOk: () => {
         return applyRef.current?.apply().then((res) => {
-          // if(res === true) setApplied(true)
+          if (res === true) {
+            integrationAIContainerRef.current?.getServiceKeysList()
+          }
         })
       },
       okText: $t('确认'),
@@ -490,11 +493,13 @@ servers:
           items={tabItem}
         />
         <IntegrationAIContainer
+          ref={integrationAIContainerRef}
           service={service}
           currentTab={currentTab}
           serviceId={serviceId}
           customClassName="mt-[70px] max-h-[calc(100vh-420px)] overflow-auto"
           type={'service'}
+          openModal={openModal}
           handleToolsChange={handleToolsChange}
         ></IntegrationAIContainer>
       </div>
diff --git a/frontend/packages/market/src/pages/serviceHub/ServiceHubGroup.tsx b/frontend/packages/market/src/pages/serviceHub/ServiceHubGroup.tsx
index ad228af3..fa67e9ec 100644
--- a/frontend/packages/market/src/pages/serviceHub/ServiceHubGroup.tsx
+++ b/frontend/packages/market/src/pages/serviceHub/ServiceHubGroup.tsx
@@ -119,7 +119,7 @@ export const ServiceHubGroup = ({ children, filterOption, dispatch }: ServiceHub
 
   return (
     <div className="flex flex-1 h-full">
-      <div className="w-[220px] border-0 border-solid border-r-[1px] border-r-BORDER">
+      <div className="w-[220px] border-0">
         <div className=" h-full">
           <Input
             className="rounded-SEARCH_RADIUS m-[10px] h-[40px] bg-[#f8f8f8] w-[200px]"
diff --git a/frontend/packages/market/src/pages/serviceHub/ServiceHubList.tsx b/frontend/packages/market/src/pages/serviceHub/ServiceHubList.tsx
index d8eca82e..3ee4e9dd 100644
--- a/frontend/packages/market/src/pages/serviceHub/ServiceHubList.tsx
+++ b/frontend/packages/market/src/pages/serviceHub/ServiceHubList.tsx
@@ -45,7 +45,7 @@ export const initialServiceHubListState = {
   selectedTag: [] as string[],
   keyword: '',
   getCateAndTagData: false,
-  listLoading: false
+  listLoading: true
 }
 
 function reducer(state: typeof initialServiceHubListState, action: ServiceHubListActionType) {
@@ -142,7 +142,13 @@ const ServiceHubList: FC = () => {
         <Spin
           className="h-full"
           wrapperClassName="h-full"
-          indicator={<LoadingOutlined style={{ fontSize: 24 }} spin />}
+          indicator={
+            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+              <div style={{ transform: 'scale(1.5)' }}>
+                <LoadingOutlined style={{ fontSize: 30 }} spin />
+              </div>
+            </div>
+          }
           spinning={filterOption.listLoading}
         >
           {filterOption.showServicesList && filterOption.showServicesList.length > 0 ? (
@@ -189,7 +195,12 @@ const ServiceHubList: FC = () => {
               }}
             />
           ) : (
-            <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
+            <>
+              {!filterOption.listLoading &&
+                (!filterOption.showServicesList || filterOption.showServicesList.length === 0) && (
+                  <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
+                )}
+            </>
           )}
         </Spin>
       </div>
@@ -225,7 +236,7 @@ const CardTitle = (service: ServiceHubTableListItem) => {
         <div className="mt-[10px] h-[20px] flex items-center font-normal">
           <Tag
             color="#7371fc1b"
-            className="text-theme font-normal border-0 mr-[12px] max-w-[150px] truncate"
+            className="text-theme font-normal border-0 mr-[12px] max-w-[100px] truncate"
             key={service.id}
             bordered={false}
             title={service.catalogue?.name || '-'}
@@ -233,8 +244,8 @@ const CardTitle = (service: ServiceHubTableListItem) => {
             {service.catalogue?.name || '-'}
           </Tag>
           <Tag
-            color="#fbe5e5"
-            className="text-[#000] font-normal border-0 mr-[12px] max-w-[150px] truncate"
+            color={`#${service.serviceKind === 'ai' ? 'EADEFF' : 'DEFFE7'}`}
+            className={`text-[#000] font-normal border-0 mr-[12px] max-w-[150px] truncate`}
             bordered={false}
             title={service.serviceKind || '-'}
           >
@@ -242,7 +253,7 @@ const CardTitle = (service: ServiceHubTableListItem) => {
           </Tag>
           {service?.enableMcp && (
             <Tag
-              color="#ffc107"
+              color="#FFF0C1"
               className="text-[#000] font-normal border-0 mr-[12px] max-w-[150px] truncate"
               bordered={false}
               title={'MCP'}
diff --git a/frontend/packages/market/src/pages/serviceHub/management/ManagementAuthorityConfig.tsx b/frontend/packages/market/src/pages/serviceHub/management/ManagementAuthorityConfig.tsx
index 140650e7..0209b011 100644
--- a/frontend/packages/market/src/pages/serviceHub/management/ManagementAuthorityConfig.tsx
+++ b/frontend/packages/market/src/pages/serviceHub/management/ManagementAuthorityConfig.tsx
@@ -65,6 +65,8 @@ export const ManagementAuthorityConfig = forwardRef<ManagementAuthorityConfigHan
     const prefixSelector = (
       <Form.Item name="position" noStyle>
         <Select
+          showSearch
+          optionFilterProp="label"
           style={{ width: 90 }}
           options={[
             { label: 'Header', value: 'Header' },
@@ -127,6 +129,8 @@ export const ManagementAuthorityConfig = forwardRef<ManagementAuthorityConfigHan
 
         <Form.Item<EditAuthFieldType> label={$t('鉴权类型')} name="driver" rules={[{ required: true }]}>
           <Select
+            showSearch
+            optionFilterProp="label"
             disabled={type === 'edit'}
             className="w-INPUT_NORMAL"
             options={[
@@ -179,6 +183,8 @@ export const ManagementAuthorityConfig = forwardRef<ManagementAuthorityConfigHan
                     rules={[{ required: true }]}
                   >
                     <Select
+                      showSearch
+                      optionFilterProp="label"
                       className="w-INPUT_NORMAL"
                       options={ALGORITHM_ITEM}
                       onChange={(value) => {
@@ -205,6 +211,8 @@ export const ManagementAuthorityConfig = forwardRef<ManagementAuthorityConfigHan
 
                   <Form.Item<EditAuthFieldType> label={$t('校验字段')} name={['config', 'claimsToVerify']}>
                     <Select
+                      showSearch
+                      optionFilterProp="label"
                       className="w-INPUT_NORMAL"
                       mode="multiple"
                       options={[
diff --git a/frontend/packages/market/src/pages/serviceHub/management/ManagementConfig.tsx b/frontend/packages/market/src/pages/serviceHub/management/ManagementConfig.tsx
index b34f1072..2160a705 100644
--- a/frontend/packages/market/src/pages/serviceHub/management/ManagementConfig.tsx
+++ b/frontend/packages/market/src/pages/serviceHub/management/ManagementConfig.tsx
@@ -204,6 +204,8 @@ const ManagementConfig = forwardRef<ManagementConfigHandle, ManagementConfigProp
             {dataShowType === 'list' && (
               <Form.Item<ManagementConfigFieldType> label={$t('所属团队')} name="team" rules={[{ required: true }]}>
                 <Select
+                  showSearch
+                  optionFilterProp="label"
                   className="w-INPUT_NORMAL"
                   disabled={type === 'edit'}
                   placeholder={$t(PLACEHOLDER.input)}

From ddba01e3bd72e8547f11ed8d3350a906afff3202 Mon Sep 17 00:00:00 2001
From: ningyv <1793599591@qq.com>
Date: Wed, 16 Apr 2025 09:17:35 +0800
Subject: [PATCH 02/11] feature/1.7-MCP

---
 .../packages/core/src/pages/aiService/AiServiceInsidePage.tsx   | 2 +-
 frontend/packages/core/src/pages/system/SystemInsidePage.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/packages/core/src/pages/aiService/AiServiceInsidePage.tsx b/frontend/packages/core/src/pages/aiService/AiServiceInsidePage.tsx
index ff9c0187..f42c6b47 100644
--- a/frontend/packages/core/src/pages/aiService/AiServiceInsidePage.tsx
+++ b/frontend/packages/core/src/pages/aiService/AiServiceInsidePage.tsx
@@ -232,7 +232,7 @@ const AiServiceInsidePage: FC = () => {
         <InsidePage
           pageTitle={aiServiceInfo?.name || '-'}
           tagList={[
-            ...(aiServiceInfo?.enable_mcp ? [{ label: 'MCP', color: '#ffc107', className: 'text-[#000]' }] : []),
+            ...(aiServiceInfo?.enable_mcp ? [{ label: 'MCP', color: '#FFF0C1', className: 'text-[#000]' }] : []),
             {
               label: (
                 <Paragraph className="mb-0" copyable={serviceId ? { text: serviceId } : false}>
diff --git a/frontend/packages/core/src/pages/system/SystemInsidePage.tsx b/frontend/packages/core/src/pages/system/SystemInsidePage.tsx
index d7a174dc..f7d53bca 100644
--- a/frontend/packages/core/src/pages/system/SystemInsidePage.tsx
+++ b/frontend/packages/core/src/pages/system/SystemInsidePage.tsx
@@ -234,7 +234,7 @@ const SystemInsidePage: FC = () => {
         <InsidePage
           pageTitle={systemInfo?.name || '-'}
           tagList={[
-            ...(systemInfo?.enable_mcp ? [{ label: 'MCP', color: '#ffc107', className: 'text-[#000]' }] : []),
+            ...(systemInfo?.enable_mcp ? [{ label: 'MCP', color: '#FFF0C1', className: 'text-[#000]' }] : []),
             {
               label: (
                 <Paragraph className="mb-0" copyable={serviceId ? { text: serviceId } : false}>

From 596be2cf7f4454b98a89fb68f062fe302ba206fe Mon Sep 17 00:00:00 2001
From: ningyv <1793599591@qq.com>
Date: Wed, 16 Apr 2025 09:47:33 +0800
Subject: [PATCH 03/11] feature/1.7-MCP

---
 .../core/src/pages/mcpService/IntegrationAIContainer.tsx   | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx b/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
index 2a96e997..061b55c7 100644
--- a/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
+++ b/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
@@ -200,8 +200,9 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
    * 获取服务 API Key 列表
    */
   const getServiceKeysList = () => {
-    fetchData<BasicResponse<null>>(`my/apikeys/${serviceId}`, {
-      method: 'GET'
+    fetchData<BasicResponse<null>>(`my/app/apikeys`, {
+      method: 'GET',
+      eoParams: { serviceId }
     })
       .then((response) => {
         const { code, msg, data } = response
@@ -345,7 +346,7 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
       }
       connectMcpServer()
     }
-  }, [mcpServerUrl])
+  }, [mcpServerUrl, ...(type === 'global' ? [state.language] : [])])
   useEffect(() => {
     if (connectionStatus === 'connected') {
       listTools()

From 41dae0daf459c280c82a83cfe6a8396cfcc3e424 Mon Sep 17 00:00:00 2001
From: ningyv <1793599591@qq.com>
Date: Wed, 16 Apr 2025 09:53:03 +0800
Subject: [PATCH 04/11] feature/1.7-MCP

---
 frontend/packages/common/src/locales/scan/en-US.json | 4 +++-
 frontend/packages/common/src/locales/scan/ja-JP.json | 4 +++-
 frontend/packages/common/src/locales/scan/zh-CN.json | 4 +++-
 frontend/packages/common/src/locales/scan/zh-TW.json | 4 +++-
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/packages/common/src/locales/scan/en-US.json b/frontend/packages/common/src/locales/scan/en-US.json
index 38d223af..57b0cd8c 100644
--- a/frontend/packages/common/src/locales/scan/en-US.json
+++ b/frontend/packages/common/src/locales/scan/en-US.json
@@ -923,5 +923,7 @@
   "Kba68dfc1": "Add API Settings",
   "Kc84dbd1a": "API Portal",
   "Ke93388fd": "Edit API",
-  "K84aabfd4": "Add API"
+  "K84aabfd4": "Add API",
+  "K71ed51fa": "Please subscribe to the service first",
+  "K1bec8cbe": "Select API Key"
 }
diff --git a/frontend/packages/common/src/locales/scan/ja-JP.json b/frontend/packages/common/src/locales/scan/ja-JP.json
index eb26cb7e..b1f54644 100644
--- a/frontend/packages/common/src/locales/scan/ja-JP.json
+++ b/frontend/packages/common/src/locales/scan/ja-JP.json
@@ -945,5 +945,7 @@
   "Kba68dfc1": "API設定の追加",
   "Kc84dbd1a": "APIポータル",
   "Ke93388fd": "APIの編集",
-  "K84aabfd4": "APIの追加"
+  "K84aabfd4": "APIの追加",
+  "K71ed51fa": "このサービスに先にサブスクリプションしてください",
+  "K1bec8cbe": "APIキーを選択してください"
 }
diff --git a/frontend/packages/common/src/locales/scan/zh-CN.json b/frontend/packages/common/src/locales/scan/zh-CN.json
index ab65dcbd..e60083a8 100644
--- a/frontend/packages/common/src/locales/scan/zh-CN.json
+++ b/frontend/packages/common/src/locales/scan/zh-CN.json
@@ -876,5 +876,7 @@
   "Kba68dfc1": "添加 API 设置",
   "Kc84dbd1a": "API 门户",
   "Ke93388fd": "编辑 API",
-  "K84aabfd4": "添加 API"
+  "K84aabfd4": "添加 API",
+  "K71ed51fa": "请先订阅该服务",
+  "K1bec8cbe": "选择 API Key"
 }
diff --git a/frontend/packages/common/src/locales/scan/zh-TW.json b/frontend/packages/common/src/locales/scan/zh-TW.json
index 9d0b3cfa..4c9d5593 100644
--- a/frontend/packages/common/src/locales/scan/zh-TW.json
+++ b/frontend/packages/common/src/locales/scan/zh-TW.json
@@ -945,5 +945,7 @@
   "Kba68dfc1": "新增 API 設定",
   "Kc84dbd1a": "API 門戶",
   "Ke93388fd": "編輯 API",
-  "K84aabfd4": "新增 API"
+  "K84aabfd4": "新增 API",
+  "K71ed51fa": "請先訂閱該服務",
+  "K1bec8cbe": "選擇 API Key"
 }

From 54c88e189ef3bc806c725403ca965d7a1085cc40 Mon Sep 17 00:00:00 2001
From: ningyv <1793599591@qq.com>
Date: Wed, 16 Apr 2025 10:18:51 +0800
Subject: [PATCH 05/11] feature/1.7-MCP

---
 .../core/src/pages/mcpService/IntegrationAIContainer.tsx         | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx b/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
index 061b55c7..77f36362 100644
--- a/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
+++ b/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
@@ -310,6 +310,7 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
   }, [service])
   useEffect(() => {
     initTabsData()
+    type === 'global' && getGlobalMcpConfig()
   }, [state.language])
   useEffect(() => {
     if (type === 'service') {

From b872e695b0598e105e8eafc1bda892aba37868d1 Mon Sep 17 00:00:00 2001
From: ningyv <1793599591@qq.com>
Date: Wed, 16 Apr 2025 11:52:32 +0800
Subject: [PATCH 06/11] feature/1.7-MCP

---
 frontend/packages/common/src/const/type.ts    |  1 +
 .../src/contexts/GlobalStateContext.tsx       | 29 ++++++++++++--
 .../dashboard/src/pages/DashboardTabPage.tsx  | 39 ++-----------------
 .../pages/serviceHub/ApplyServiceModal.tsx    | 12 +++++-
 .../src/pages/serviceHub/ServiceHubDetail.tsx | 26 +++++++++----
 5 files changed, 59 insertions(+), 48 deletions(-)

diff --git a/frontend/packages/common/src/const/type.ts b/frontend/packages/common/src/const/type.ts
index 47044c70..1a929b4e 100644
--- a/frontend/packages/common/src/const/type.ts
+++ b/frontend/packages/common/src/const/type.ts
@@ -81,6 +81,7 @@ export type MatchItem = {
 export type EntityItem = {
   id: string
   name: string
+  isSubscribed: boolean
 }
 
 export type DynamicMenuItem = {
diff --git a/frontend/packages/common/src/contexts/GlobalStateContext.tsx b/frontend/packages/common/src/contexts/GlobalStateContext.tsx
index 6e60c5db..16246a22 100644
--- a/frontend/packages/common/src/contexts/GlobalStateContext.tsx
+++ b/frontend/packages/common/src/contexts/GlobalStateContext.tsx
@@ -99,10 +99,31 @@ const mockData = [
     icon: 'ic:baseline-bar-chart',
     children: [
       {
-        name: '运行视图',
-        key: 'analytics',
-        path: '/analytics',
-        icon: 'ic:baseline-bar-chart',
+        name: '总览',
+        key: 'analyticsTotal',
+        path: '/analytics/total',
+        icon: 'material-symbols:bar-chart',
+        access: 'system.analysis.run_view.view'
+      },
+      {
+        name: '服务',
+        key: 'analyticsSubscriber',
+        path: '/analytics/subscriber/list',
+        icon: 'ic:baseline-blinds-closed',
+        access: 'system.analysis.run_view.view'
+      },
+      {
+        name: '消费者',
+        key: 'analyticsProvider',
+        path: '/analytics/provider/list',
+        icon: 'ic:baseline-apps',
+        access: 'system.analysis.run_view.view'
+      },
+      {
+        name: 'API',
+        key: 'analyticsApi',
+        path: '/analytics/api/list',
+        icon: 'gravity-ui:plug-connection',
         access: 'system.analysis.run_view.view'
       }
     ],
diff --git a/frontend/packages/dashboard/src/pages/DashboardTabPage.tsx b/frontend/packages/dashboard/src/pages/DashboardTabPage.tsx
index 68e9d2d3..d45d42c1 100644
--- a/frontend/packages/dashboard/src/pages/DashboardTabPage.tsx
+++ b/frontend/packages/dashboard/src/pages/DashboardTabPage.tsx
@@ -7,49 +7,16 @@ import { RouterParams } from '@common/const/type'
 
 export default function DashboardTabPage() {
   const { dashboardType } = useParams<RouterParams>()
-  const [activeKey, setActiveKey] = useState<string>('total')
   const navigateTo = useNavigate()
 
   useEffect(() => {
-    setActiveKey(dashboardType || 'total')
+    const activeKey = dashboardType || 'total'
+    navigateTo(`/analytics/${activeKey === 'total' ? activeKey : `${activeKey}/list`}`)
   }, [dashboardType])
 
-  const monitorTabItems: TabsProps['items'] = [
-    {
-      label: $t('监控总览'),
-      key: 'total',
-      children: <DashboardTotal />
-    },
-    {
-      label: $t('服务被调用统计'),
-      key: 'subscriber',
-      children: <Outlet />
-    },
-    {
-      label: $t('消费者调用统计'),
-      key: 'provider',
-      children: <Outlet />
-    },
-    {
-      label: $t('API 调用统计'),
-      key: 'api',
-      children: <Outlet />
-    }
-  ]
-
   return (
     <>
-      <Tabs
-        activeKey={activeKey}
-        onChange={(val) => {
-          setActiveKey(val)
-          navigateTo(`/analytics/${val === 'total' ? val : `${val}/list`}`)
-        }}
-        items={monitorTabItems}
-        className="h-full overflow-hidden mt-[6px] [&>.ant-tabs-content-holder]:overflow-auto  [&>.ant-tabs-content-holder]:pr-PAGE_INSIDE_X  [&>.ant-tabs-content-holder>.ant-tabs-content]:h-full [&>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane]:h-full"
-        size="small"
-        tabBarStyle={{ paddingLeft: '10px', marginTop: '0px', marginBottom: '0px' }}
-      />
+      <Outlet />
     </>
   )
 }
diff --git a/frontend/packages/market/src/pages/serviceHub/ApplyServiceModal.tsx b/frontend/packages/market/src/pages/serviceHub/ApplyServiceModal.tsx
index 114b4c73..4ca9647a 100644
--- a/frontend/packages/market/src/pages/serviceHub/ApplyServiceModal.tsx
+++ b/frontend/packages/market/src/pages/serviceHub/ApplyServiceModal.tsx
@@ -2,7 +2,7 @@ import WithPermission from '@common/components/aoplatform/WithPermission'
 import { BasicResponse, RESPONSE_TIPS, STATUS_CODE } from '@common/const/const'
 import { useFetch } from '@common/hooks/http'
 import { $t } from '@common/locales'
-import { App, Col, Form, Input, Row, Select } from 'antd'
+import { App, Col, Form, Input, Row, Select, Tooltip } from 'antd'
 import { forwardRef, useEffect, useImperativeHandle } from 'react'
 import { ApplyServiceHandle, ApplyServiceProps } from '../../const/serviceHub/type'
 
@@ -77,6 +77,16 @@ export const ApplyServiceModal = forwardRef<ApplyServiceHandle, ApplyServiceProp
             placeholder={$t('搜索或选择消费者')}
             mode="multiple"
             options={mySystemOptionList?.filter((x) => x.value !== entity.id)}
+            optionRender={(option) => {
+              if (option.data.disabled) {
+                return (
+                  <Tooltip title={$t('该消费者已订阅')}>
+                    <div>{option.data.label}</div>
+                  </Tooltip>
+                )
+              }
+              return <div>{option.data.label}</div>
+            }}
           />
         </Form.Item>
         {entity.approvalType === 'manual' && (
diff --git a/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx b/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx
index deed55a0..faa3b795 100644
--- a/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx
+++ b/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx
@@ -235,16 +235,28 @@ servers:
 
   const getMySelectList = () => {
     setMySystemOptionList([])
-    fetchData<BasicResponse<{ app: EntityItem[] }>>('apps/can_subscribe', { method: 'GET' }).then((response) => {
+    fetchData<BasicResponse<{ app: EntityItem[] }>>('apps/can_subscribe', {
+      method: 'GET',
+      eoParams: { service: serviceId },
+      eoTransformKeys: ['is_subscribed']
+    }).then((response) => {
       const { code, data, msg } = response
       if (code === STATUS_CODE.SUCCESS) {
         setMySystemOptionList(
-          data.app?.map((x: EntityItem) => {
-            return {
-              label: x.name,
-              value: x.id
-            }
-          })
+          data.app
+            ?.sort((a: EntityItem, b: EntityItem) => {
+              // 已订阅的排在后面
+              if (a.isSubscribed && !b.isSubscribed) return 1
+              if (!a.isSubscribed && b.isSubscribed) return -1
+              return 0
+            })
+            .map((x: EntityItem) => {
+              return {
+                label: x.name,
+                value: x.id,
+                disabled: x.isSubscribed // 已订阅的设为禁用
+              }
+            })
         )
       } else {
         message.error(msg || $t(RESPONSE_TIPS.error))

From 16b16bae32239086ac4779b5c19f8516eda24881 Mon Sep 17 00:00:00 2001
From: ningyv <1793599591@qq.com>
Date: Wed, 16 Apr 2025 13:44:40 +0800
Subject: [PATCH 07/11] feature/1.7-MCP

---
 .../core/src/pages/mcpService/IntegrationAIContainer.tsx  | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx b/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
index 77f36362..f6fe396f 100644
--- a/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
+++ b/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
@@ -77,6 +77,7 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
   const [configContent, setConfigContent] = useState<string>('')
   const [apiKey, setApiKey] = useState<string>('')
   const [apiKeyList, setApiKeyList] = useState<any[]>([])
+  const [cascaderKeyList, setCascaderKeyList] = useState<string[]>([])
   const [mcpServerUrl, setMcpServerUrl] = useState<string>('')
   const { state } = useGlobalContext()
   const navigator = useNavigate()
@@ -131,6 +132,7 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
   }
   const handleChange: CascaderProps<Option>['onChange'] = (value) => {
     setApiKey(value.at(-1) || '')
+    setCascaderKeyList(value)
   }
 
   /**
@@ -218,6 +220,10 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
               }))
             }))
             setApiKeyList(transformedData)
+            if (data.apps[0].apikeys?.length) {
+              setApiKey(data.apps[0].apikeys[0].value)
+              setCascaderKeyList([data.apps[0].id, data.apps[0].apikeys[0].value])
+            }
           }
         } else {
           message.error(msg || $t(RESPONSE_TIPS.error))
@@ -510,8 +516,10 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
                     ) : (
                       <>
                         <Cascader
+                          className='w-full'
                           allowClear={false}
                           options={apiKeyList}
+                          value={cascaderKeyList}
                           onChange={handleChange}
                           placeholder={$t('选择 API Key')}
                         />

From 62b64764204ba33c9e9727a86570ce215f8d1e08 Mon Sep 17 00:00:00 2001
From: ningyv <1793599591@qq.com>
Date: Wed, 16 Apr 2025 13:47:54 +0800
Subject: [PATCH 08/11] feature/1.7-MCP

---
 frontend/packages/common/src/locales/scan/en-US.json | 3 ++-
 frontend/packages/common/src/locales/scan/ja-JP.json | 3 ++-
 frontend/packages/common/src/locales/scan/zh-CN.json | 3 ++-
 frontend/packages/common/src/locales/scan/zh-TW.json | 3 ++-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/packages/common/src/locales/scan/en-US.json b/frontend/packages/common/src/locales/scan/en-US.json
index 57b0cd8c..fc60e12b 100644
--- a/frontend/packages/common/src/locales/scan/en-US.json
+++ b/frontend/packages/common/src/locales/scan/en-US.json
@@ -925,5 +925,6 @@
   "Ke93388fd": "Edit API",
   "K84aabfd4": "Add API",
   "K71ed51fa": "Please subscribe to the service first",
-  "K1bec8cbe": "Select API Key"
+  "K1bec8cbe": "Select API Key",
+  "K5611e01e": "This consumer is already subscribed"
 }
diff --git a/frontend/packages/common/src/locales/scan/ja-JP.json b/frontend/packages/common/src/locales/scan/ja-JP.json
index b1f54644..dfc7381f 100644
--- a/frontend/packages/common/src/locales/scan/ja-JP.json
+++ b/frontend/packages/common/src/locales/scan/ja-JP.json
@@ -947,5 +947,6 @@
   "Ke93388fd": "APIの編集",
   "K84aabfd4": "APIの追加",
   "K71ed51fa": "このサービスに先にサブスクリプションしてください",
-  "K1bec8cbe": "APIキーを選択してください"
+  "K1bec8cbe": "APIキーを選択してください",
+  "K5611e01e": "この消費者はすでに購読しています"
 }
diff --git a/frontend/packages/common/src/locales/scan/zh-CN.json b/frontend/packages/common/src/locales/scan/zh-CN.json
index e60083a8..d90b6906 100644
--- a/frontend/packages/common/src/locales/scan/zh-CN.json
+++ b/frontend/packages/common/src/locales/scan/zh-CN.json
@@ -878,5 +878,6 @@
   "Ke93388fd": "编辑 API",
   "K84aabfd4": "添加 API",
   "K71ed51fa": "请先订阅该服务",
-  "K1bec8cbe": "选择 API Key"
+  "K1bec8cbe": "选择 API Key",
+  "K5611e01e": "该消费者已订阅"
 }
diff --git a/frontend/packages/common/src/locales/scan/zh-TW.json b/frontend/packages/common/src/locales/scan/zh-TW.json
index 4c9d5593..2ff11075 100644
--- a/frontend/packages/common/src/locales/scan/zh-TW.json
+++ b/frontend/packages/common/src/locales/scan/zh-TW.json
@@ -947,5 +947,6 @@
   "Ke93388fd": "編輯 API",
   "K84aabfd4": "新增 API",
   "K71ed51fa": "請先訂閱該服務",
-  "K1bec8cbe": "選擇 API Key"
+  "K1bec8cbe": "選擇 API Key",
+  "K5611e01e": "該消費者已訂閱"
 }

From 638b87950dce6efe0230df72148960610f50d2a5 Mon Sep 17 00:00:00 2001
From: ningyv <1793599591@qq.com>
Date: Wed, 16 Apr 2025 14:07:10 +0800
Subject: [PATCH 09/11] feature/1.7-MCP

---
 .../src/components/aoplatform/UnUsedWordForTranslate.tsx       | 1 +
 frontend/packages/common/src/locales/scan/en-US.json           | 3 ++-
 frontend/packages/common/src/locales/scan/ja-JP.json           | 3 ++-
 frontend/packages/common/src/locales/scan/zh-CN.json           | 3 ++-
 frontend/packages/common/src/locales/scan/zh-TW.json           | 3 ++-
 5 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/packages/common/src/components/aoplatform/UnUsedWordForTranslate.tsx b/frontend/packages/common/src/components/aoplatform/UnUsedWordForTranslate.tsx
index 939fe6d9..7298d6cb 100644
--- a/frontend/packages/common/src/components/aoplatform/UnUsedWordForTranslate.tsx
+++ b/frontend/packages/common/src/components/aoplatform/UnUsedWordForTranslate.tsx
@@ -56,6 +56,7 @@ export const TranslateWord = () => {
       {$t('无需审核：允许任何消费者调用该服务')}
       {$t('人工审核：仅允许通过人工审核的消费者调用该服务')}
       {$t('开启：AI Agent 等产品能够通过 MCP 方式调用服务')}
+      {$t('总览')}
       {$t('永久')}
       {$t('否')}
       {$t('是')}
diff --git a/frontend/packages/common/src/locales/scan/en-US.json b/frontend/packages/common/src/locales/scan/en-US.json
index fc60e12b..53f4af02 100644
--- a/frontend/packages/common/src/locales/scan/en-US.json
+++ b/frontend/packages/common/src/locales/scan/en-US.json
@@ -926,5 +926,6 @@
   "K84aabfd4": "Add API",
   "K71ed51fa": "Please subscribe to the service first",
   "K1bec8cbe": "Select API Key",
-  "K5611e01e": "This consumer is already subscribed"
+  "K5611e01e": "This consumer is already subscribed",
+  "Kaf9e8011": "Overview"
 }
diff --git a/frontend/packages/common/src/locales/scan/ja-JP.json b/frontend/packages/common/src/locales/scan/ja-JP.json
index dfc7381f..73d1938d 100644
--- a/frontend/packages/common/src/locales/scan/ja-JP.json
+++ b/frontend/packages/common/src/locales/scan/ja-JP.json
@@ -948,5 +948,6 @@
   "K84aabfd4": "APIの追加",
   "K71ed51fa": "このサービスに先にサブスクリプションしてください",
   "K1bec8cbe": "APIキーを選択してください",
-  "K5611e01e": "この消費者はすでに購読しています"
+  "K5611e01e": "この消費者はすでに購読しています",
+  "Kaf9e8011": "概要"
 }
diff --git a/frontend/packages/common/src/locales/scan/zh-CN.json b/frontend/packages/common/src/locales/scan/zh-CN.json
index d90b6906..789ab22b 100644
--- a/frontend/packages/common/src/locales/scan/zh-CN.json
+++ b/frontend/packages/common/src/locales/scan/zh-CN.json
@@ -879,5 +879,6 @@
   "K84aabfd4": "添加 API",
   "K71ed51fa": "请先订阅该服务",
   "K1bec8cbe": "选择 API Key",
-  "K5611e01e": "该消费者已订阅"
+  "K5611e01e": "该消费者已订阅",
+  "Kaf9e8011": "总览"
 }
diff --git a/frontend/packages/common/src/locales/scan/zh-TW.json b/frontend/packages/common/src/locales/scan/zh-TW.json
index 2ff11075..becfa911 100644
--- a/frontend/packages/common/src/locales/scan/zh-TW.json
+++ b/frontend/packages/common/src/locales/scan/zh-TW.json
@@ -948,5 +948,6 @@
   "K84aabfd4": "新增 API",
   "K71ed51fa": "請先訂閱該服務",
   "K1bec8cbe": "選擇 API Key",
-  "K5611e01e": "該消費者已訂閱"
+  "K5611e01e": "該消費者已訂閱",
+  "Kaf9e8011": "總覽"
 }

From 7f83f9e37f584612c4532ae9eaed9a5fba0fafd4 Mon Sep 17 00:00:00 2001
From: ningyv <1793599591@qq.com>
Date: Wed, 16 Apr 2025 14:26:17 +0800
Subject: [PATCH 10/11] feature/1.7-MCP

---
 .../core/src/pages/mcpService/IntegrationAIContainer.tsx      | 4 +---
 .../packages/market/src/pages/serviceHub/ServiceHubDetail.tsx | 1 +
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx b/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
index f6fe396f..5920ebd9 100644
--- a/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
+++ b/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
@@ -204,7 +204,7 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
   const getServiceKeysList = () => {
     fetchData<BasicResponse<null>>(`my/app/apikeys`, {
       method: 'GET',
-      eoParams: { serviceId }
+      eoParams: { service: serviceId }
     })
       .then((response) => {
         const { code, msg, data } = response
@@ -225,8 +225,6 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
               setCascaderKeyList([data.apps[0].id, data.apps[0].apikeys[0].value])
             }
           }
-        } else {
-          message.error(msg || $t(RESPONSE_TIPS.error))
         }
       })
       .catch((errorInfo) => {
diff --git a/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx b/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx
index faa3b795..82e41dd5 100644
--- a/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx
+++ b/frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx
@@ -278,6 +278,7 @@ servers:
         return applyRef.current?.apply().then((res) => {
           if (res === true) {
             integrationAIContainerRef.current?.getServiceKeysList()
+            getMySelectList()
           }
         })
       },

From 596f6f5668912f1e7ef73935b88216485cf120da Mon Sep 17 00:00:00 2001
From: ningyv <1793599591@qq.com>
Date: Wed, 16 Apr 2025 14:36:17 +0800
Subject: [PATCH 11/11] feature/1.7-MCP

---
 .../mcpService/IntegrationAIContainer.tsx     | 80 ++++++++++++++++---
 1 file changed, 70 insertions(+), 10 deletions(-)

diff --git a/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx b/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
index 5920ebd9..e566305f 100644
--- a/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
+++ b/frontend/packages/core/src/pages/mcpService/IntegrationAIContainer.tsx
@@ -72,22 +72,32 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
   currentTab,
   openModal
 }: IntegrationAIContainerProps, ref) => {
+  /** 当前激活的标签 */
   const [activeTab, setActiveTab] = useState(type === 'service' ? 'openApi' : 'mcp')
+  /** 弹窗组件 */
   const { message } = App.useApp()
+  /** 配置内容 */
   const [configContent, setConfigContent] = useState<string>('')
+  /** 当前选中 API Key */
   const [apiKey, setApiKey] = useState<string>('')
+  /** API Key 列表 */
   const [apiKeyList, setApiKeyList] = useState<any[]>([])
+  /** Cascader Key 列表 */
   const [cascaderKeyList, setCascaderKeyList] = useState<string[]>([])
+  /** MCP 服务器地址 */
   const [mcpServerUrl, setMcpServerUrl] = useState<string>('')
+  /** 全局状态 */
   const { state } = useGlobalContext()
   const navigator = useNavigate()
+  /** 复制组件 */
   const { copyToClipboard } = useCopyToClipboard()
+  /** 错误提示 */
   const [errors, setErrors] = useState<Record<string, string | null>>({
     resources: null,
     prompts: null,
     tools: null
   })
-
+  /** 标签内容 */
   const [tabContent, setTabContent] = useState<ConfigList>({
     mcp: {
       title: $t('MCP 配置'),
@@ -95,8 +105,12 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
       apiKeys: []
     }
   })
+  /** HTTP 请求 */
   const { fetchData } = useFetch()
 
+  /**
+   * 初始化标签数据
+  */
   const initTabsData = () => {
     const params: ConfigList = {
       mcp: {
@@ -127,10 +141,18 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
     }
   }
 
+  /**
+   * 选择 API Key
+   * @param value
+   */
   const handleSelectChange = (value: string) => {
     setApiKey(value)
   }
-  const handleChange: CascaderProps<Option>['onChange'] = (value) => {
+  /**
+   * Cascader 选择
+   * @param value
+   */
+  const handleCascaderChange: CascaderProps<Option>['onChange'] = (value) => {
     setApiKey(value.at(-1) || '')
     setCascaderKeyList(value)
   }
@@ -162,6 +184,9 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
       })
   }
 
+  /**
+   * 全局 MCP 跳转
+   */
   const addKey = () => {
     navigator('/mcpKey')
   }
@@ -195,9 +220,14 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
         message.error(errorInfo || $t(RESPONSE_TIPS.error))
       })
   }
+  
+  /**
+   * 抛出获取服务 API Key 列表
+   */
   useImperativeHandle(ref, () => ({
     getServiceKeysList
   }))
+
   /**
    * 获取服务 API Key 列表
    */
@@ -232,10 +262,16 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
       })
   }
 
+  /**
+   * 清除错误提示
+   */
   const clearError = (tabKey: keyof typeof errors) => {
     setErrors((prev) => ({ ...prev, [tabKey]: null }))
   }
 
+  /**
+   * 发送请求
+   */
   const makeRequest = async <T extends z.ZodType>(request: ClientRequest, schema: T, tabKey?: keyof typeof errors) => {
     try {
       const response = await makeConnectionRequest(request, schema)
@@ -255,6 +291,9 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
     }
   }
 
+  /**
+   * 获取 MCP 的 tools
+   */
   const listTools = async () => {
     const response = await makeRequest(
       {
@@ -267,6 +306,9 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
     handleToolsChange(response.tools)
   }
 
+  /**
+   * 初始化连接 mcp
+   */
   const {
     connectionStatus,
     serverCapabilities,
@@ -294,34 +336,44 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
     disconnectFnRef.current = disconnectMcpServer
   }, [connectionStatus, disconnectMcpServer])
 
+  /**
+   * 初始化数据
+   */
   const setupComponent = () => {
     initTabsData()
     if (type === 'global') {
       getGlobalMcpConfig()
       setMcpServerUrl('mcp/global/sse')
-    } else {
-      service?.basic.enableMcp && setMcpServerUrl(`mcp/service/${serviceId}/sse`)
-    }
-    if (type === 'global') {
       getGlobalKeysList()
     } else {
+      service?.basic.enableMcp && setMcpServerUrl(`mcp/service/${serviceId}/sse`)
       getServiceKeysList()
     }
   }
-
+  /**
+   * 初始化数据
+   */
   useEffect(() => {
     setupComponent()
   }, [service])
+  /**
+   * 初始化标签数据
+   */
   useEffect(() => {
     initTabsData()
     type === 'global' && getGlobalMcpConfig()
   }, [state.language])
+  /**
+   * 切换标签
+   */
   useEffect(() => {
     if (type === 'service') {
       currentTab === 'MCP' ? setActiveTab('mcp') : setActiveTab('openApi')
     }
   }, [currentTab])
-  // 仅在组件加载时执行初始化逻辑
+  /**
+   * 仅在组件加载时执行初始化逻辑
+   */
   useEffect(() => {
     // 返回清理函数，只会在组件卸载时执行
     return () => {
@@ -336,6 +388,9 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
       }
     }
   }, [type])
+  /**
+   * 切换标签时更新配置内容
+   */
   useEffect(() => {
     if (activeTab === 'openApi' && tabContent?.openApi?.configContent) {
       setConfigContent(tabContent?.openApi?.configContent)
@@ -343,7 +398,9 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
       setConfigContent(tabContent.mcp.configContent?.replace('{your_api_key}', apiKey || '{your_api_key}'))
     }
   }, [service, apiKey, activeTab, tabContent])
-
+  /**
+   * 连接 MCP 服务器
+   */
   useEffect(() => {
     if (mcpServerUrl) {
       if (connectionStatus === 'connected') {
@@ -352,6 +409,9 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
       connectMcpServer()
     }
   }, [mcpServerUrl, ...(type === 'global' ? [state.language] : [])])
+  /**
+   * 获取 MCP tools
+   */
   useEffect(() => {
     if (connectionStatus === 'connected') {
       listTools()
@@ -518,7 +578,7 @@ export const IntegrationAIContainer = forwardRef<IntegrationAIContainerRef, Inte
                           allowClear={false}
                           options={apiKeyList}
                           value={cascaderKeyList}
-                          onChange={handleChange}
+                          onChange={handleCascaderChange}
                           placeholder={$t('选择 API Key')}
                         />
                       </>