From 1cdf4f4f1a58fbc381739c005d80a5b08ef86987 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 2 Nov 2026 16:30:26 +0800
Subject: [PATCH] fix: api key

---
 .../account-menu/ApiKeyDialog.vue             | 53 +++++++++----------
 .../application-detail/overview/index.vue     |  9 +---
 2 files changed, 28 insertions(+), 34 deletions(-)

diff --git a/ui/src/conversation-panel/left-sidebar/account-menu/ApiKeyDialog.vue b/ui/src/conversation-panel/left-sidebar/account-menu/ApiKeyDialog.vue
index b497c17e11b..1c0ce36b413 100644
--- a/ui/src/conversation-panel/left-sidebar/account-menu/ApiKeyDialog.vue
+++ b/ui/src/conversation-panel/left-sidebar/account-menu/ApiKeyDialog.vue
@@ -41,34 +41,33 @@ defineExpose({ open })
 
 <template>
   <MkDialog v-model="dialogVisible" title="API Key" @closed="resetData">
-    <template #subtitle>每个用户仅一个 API Key，绑定当前对话用户、与其同权。重置后旧 Key 立即失效</template>
-    <div class="pb-5">
-      <div class="mb-4">
-        <div class="mb-2">API URL</div>
-        <el-input :model-value="apiUrl" readonly>
-          <template #suffix>
-            <!-- 复制 API URL -->
-            <el-button text class="-mr-1" @click="copyText(apiUrl)">
-              <MkIcon name="icon_copy_outlined" />
-            </el-button>
-          </template>
-        </el-input>
-      </div>
-      <div class="mb-2">API Key</div>
-      <el-input :model-value="maskedApiKey" readonly>
-        <template #suffix>
-          <!-- 复制完整 API Key -->
-          <el-button text :disabled="loading || !apiKey" @click="copyText(apiKey)">
-            <MkIcon name="icon_copy_outlined" />
+    <div class="mb-2">我的 API Key</div>
+    <el-input :model-value="maskedApiKey" readonly class="mb-4">
+      <template #suffix>
+        <!-- 复制 API URL -->
+        <el-button text @click="copyText(maskedApiKey)">
+          <MkIcon name="icon_copy_outlined" />
+        </el-button>
+        <MkTooltip content="重新生成" placement="top">
+          <!-- 重新生成 API Key -->
+          <el-button text class="-mr-1" :loading="loading" @click="loadApiKey(true)">
+            <MkIcon name="icon_refresh_outlined" />
           </el-button>
-          <MkTooltip content="重新生成">
-            <!-- 重新生成 API Key -->
-            <el-button text class="-mr-1" :loading="loading" @click="loadApiKey(true)">
-              <MkIcon name="icon_refresh_outlined" />
-            </el-button>
-          </MkTooltip>
-        </template>
-      </el-input>
+        </MkTooltip>
+      </template>
+    </el-input>
+
+    <div class="mb-2">
+      <span class="mk-required mr-2">MCP 服务配置</span>
+      <span class="mk-N600">连接后由 tools/list 动态返回可调用的工具</span>
+    </div>
+
+    <div class="group relative pb-5">
+      <el-input :model-value="maskedApiKey" readonly :autosize="{ minRows: 8, maxRows: 24 }" type="textarea" />
+      <!-- 复制 MCP 配置 -->
+      <el-button class="group-hover-visible absolute right-3 top-3 z-10 shadow-md" circle @click="copyText(maskedApiKey)">
+        <MkIcon name="icon_copy_outlined" />
+      </el-button>
     </div>
   </MkDialog>
 </template>
diff --git a/ui/src/views/application-detail/overview/index.vue b/ui/src/views/application-detail/overview/index.vue
index 29d9b586f39..a59f9e9ae43 100644
--- a/ui/src/views/application-detail/overview/index.vue
+++ b/ui/src/views/application-detail/overview/index.vue
@@ -24,13 +24,8 @@ const route = useRoute()
 const workspaceId = computed(() => String(route.params.workspaceId ?? ''))
 const { application, applicationId, resourceApi } = useApplicationDetailContext()
 
-type ApplicationOverviewPermissionMethod =
-    | 'overviewRead'
-    | 'overviewEmbed'
-    | 'overviewAccess'
-    | 'overviewDisplay'
-    | 'overviewApiKey'
-function applicationOverviewPermission(method: ApplicationOverviewPermissionMethod): boolean{
+type ApplicationOverviewPermissionMethod = 'overviewRead' | 'overviewEmbed' | 'overviewAccess' | 'overviewDisplay' | 'overviewApiKey'
+function applicationOverviewPermission(method: ApplicationOverviewPermissionMethod): boolean {
   if (isSystemResource()) return Boolean(perm.application.system[method]())
   return Boolean(perm.application.workspace[method](applicationId.value))
 }