From 158d95f1e18e7052f546f2dd9e796510f665213a Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 10 Nov 2026 14:29:55 +0800
Subject: [PATCH] fix: chat share

---
 .../components/header/chat/index.vue          |  2 +-
 .../components/header/portal/index.vue        |  2 +-
 .../components/message-list/share/index.ts    |  4 +--
 .../account-menu/ApiKeyDialog.vue             | 15 ++++-----
 .../left-sidebar/conversation-list/index.ts   |  6 ++--
 .../left-sidebar/conversation-list/index.vue  | 21 ++++++++----
 .../HistoryConversationDrawer.vue             | 19 ++++++-----
 .../portal-conversation-list/index.ts         |  3 ++
 .../portal-conversation-list/index.vue        | 11 +++++++
 .../main/portal-chat-panel/index.vue          |  6 ++--
 .../conversation-panel/view/portal/index.ts   | 32 ++++++++++++++++++-
 ui/src/layout/sidebar/WorkspaceSidebar.vue    |  4 +--
 ui/src/views/VIEW_README.md                   |  4 ++-
 ui/src/views/chat/login/index.vue             | 17 ++++------
 .../views/home/components/HomeQuickCreate.vue |  2 +-
 15 files changed, 97 insertions(+), 51 deletions(-)

diff --git a/ui/src/conversation-panel/components/header/chat/index.vue b/ui/src/conversation-panel/components/header/chat/index.vue
index 089bb9d023e..1604d1b1c50 100644
--- a/ui/src/conversation-panel/components/header/chat/index.vue
+++ b/ui/src/conversation-panel/components/header/chat/index.vue
@@ -13,7 +13,7 @@ const props = defineProps<{
 const list = useConversationListStore()
 
 const msgs = useMessageListStore()
-// 标题栏分享不针对某一轮，进入后不预先勾选
+// 标题栏分享默认全选当前可分享记录
 const shareLink = useShareLinkStoreOptional()
 // 回答生成中或没有消息时不可分享
 const canShare = computed(() => msgs.messages.value.length > 0 && !msgs.streamLoading.value)
diff --git a/ui/src/conversation-panel/components/header/portal/index.vue b/ui/src/conversation-panel/components/header/portal/index.vue
index c43f04cc647..9663054669b 100644
--- a/ui/src/conversation-panel/components/header/portal/index.vue
+++ b/ui/src/conversation-panel/components/header/portal/index.vue
@@ -15,7 +15,7 @@ const emit = defineEmits<{ share: [] }>()
 const list = useConversationListStore()
 const msgs = useMessageListStore()
 // 回答生成中或没有消息时不可分享
-const canShare = computed(() => msgs.messages.value.length > 0 && !msgs.streamLoading.value)
+const canShare = computed(() => msgs.messages.value.length > 0 && !msgs.streamLoading.value && !msgs.loading.value)
 
 const handleNewConversation = () => (props.newConversation ? props.newConversation() : list.newConversation())
 </script>
diff --git a/ui/src/conversation-panel/components/message-list/share/index.ts b/ui/src/conversation-panel/components/message-list/share/index.ts
index 8f350a2b240..03d0aa4751b 100644
--- a/ui/src/conversation-panel/components/message-list/share/index.ts
+++ b/ui/src/conversation-panel/components/message-list/share/index.ts
@@ -51,8 +51,8 @@ export function createShareLinkStore(deps: ShareLinkDeps) {
     selectedRecordIds.value = checked ? [...availableRecordIds.value] : []
   }
 
-  // 进入分享选择：以传入记录为初始勾选，仅保留当前可分享记录，空值与重复项忽略
-  const enterShare = (recordIds: (string | undefined)[] = []) => {
+  // 会话分享默认全选；内容入口传入记录时仅勾选对应问答，空值与重复项忽略
+  const enterShare = (recordIds: (string | undefined)[] = availableRecordIds.value) => {
     selectedRecordIds.value = availableRecordIds.value.filter((recordId) => recordIds.includes(recordId))
     deps.setShared(true)
   }
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 b734dba1492..eb687ac62b2 100644
--- a/ui/src/conversation-panel/left-sidebar/account-menu/ApiKeyDialog.vue
+++ b/ui/src/conversation-panel/left-sidebar/account-menu/ApiKeyDialog.vue
@@ -1,18 +1,15 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
-import { useRouter } from 'vue-router'
+import { ref } from 'vue'
 import ChatUserApi from '@/api/chat/chat-user'
 import { copyText } from '@/utils/clipboard'
 
 defineOptions({ name: 'ConversationApiKeyDialog' })
 
-const router = useRouter()
 const dialogVisible = ref(false)
 const apiKey = ref('')
 const loading = ref(false)
 const mcpServiceType = ref<'agent' | 'knowledge'>('agent')
-const apiUrl = computed(() => new URL(router.resolve({ name: 'portal-home' }).href, window.location.origin).href)
-const maskedApiKey = computed(() => (apiKey.value ? `******${apiKey.value.slice(-4)}` : ''))
+const mcpConfig = ref('')
 
 // 每次打开重新读取；重置直接替换当前用户的唯一密钥。
 function loadApiKey(regenerate = false) {
@@ -46,10 +43,10 @@ defineExpose({ open })
     <template #subtitle>每个用户仅一个 API Key，绑定当前对话用户、与其同权。重置后旧 Key 立即失效</template>
 
     <div class="mb-2">我的 API Key</div>
-    <el-input :model-value="maskedApiKey" readonly class="mb-4">
+    <el-input :model-value="`******${apiKey.slice(-4)}`" readonly class="mb-4">
       <template #suffix>
         <!-- 复制 API URL -->
-        <el-button text @click="copyText(maskedApiKey)">
+        <el-button text @click="copyText(apiKey)">
           <MkIcon name="icon_copy_outlined" />
         </el-button>
         <MkTooltip content="重新生成" placement="top">
@@ -69,9 +66,9 @@ defineExpose({ open })
     </el-radio-group>
 
     <div class="group relative">
-      <el-input :model-value="maskedApiKey" readonly :autosize="{ minRows: 8, maxRows: 24 }" type="textarea" />
+      <el-input :model-value="mcpConfig" 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)">
+      <el-button class="group-hover-visible absolute right-3 top-3 z-10 shadow-md" circle @click="copyText(mcpConfig)">
         <MkIcon name="icon_copy_outlined" />
       </el-button>
     </div>
diff --git a/ui/src/conversation-panel/left-sidebar/conversation-list/index.ts b/ui/src/conversation-panel/left-sidebar/conversation-list/index.ts
index 577515b0ff3..eef7a92c0c8 100644
--- a/ui/src/conversation-panel/left-sidebar/conversation-list/index.ts
+++ b/ui/src/conversation-panel/left-sidebar/conversation-list/index.ts
@@ -60,8 +60,8 @@ export function createConversationListStore(deps: ConversationListDeps) {
   const composerResetSignal = ref(0)
 
   // View 在两个 Store 创建后绑定加载方法，避免与 message-list 循环初始化。
-  let loadMessages: () => void = () => {}
-  const bindLoader = (loader: () => void) => (loadMessages = loader)
+  let loadMessages: () => void | Promise<void> = () => {}
+  const bindLoader = (loader: () => void | Promise<void>) => (loadMessages = loader)
 
   const resetComposer = () => {
     composerResetSignal.value++
@@ -78,7 +78,7 @@ export function createConversationListStore(deps: ConversationListDeps) {
   const selectConversation = (id: string) => {
     resetComposer()
     currentChatId.value = id
-    loadMessages()
+    return loadMessages()
   }
 
   const newConversation = () => {
diff --git a/ui/src/conversation-panel/left-sidebar/conversation-list/index.vue b/ui/src/conversation-panel/left-sidebar/conversation-list/index.vue
index 6769952cfc6..2b8fc82859b 100644
--- a/ui/src/conversation-panel/left-sidebar/conversation-list/index.vue
+++ b/ui/src/conversation-panel/left-sidebar/conversation-list/index.vue
@@ -10,7 +10,7 @@ import AccountMenu from '../account-menu/index.vue'
 
 import { useMessageListStore } from '../../components/message-list/index'
 import { useShareLinkStoreOptional } from '../../components/message-list/share/index'
-import { useViewType, VIEW_TYPE ,type ViewType} from '../../view/index'
+import { useViewType, VIEW_TYPE, type ViewType } from '../../view/index'
 
 defineOptions({ name: 'ConversationList' })
 
@@ -20,13 +20,20 @@ const authProfile = computed(() => (viewType === VIEW_TYPE.CHAT ? auth.authProfi
 
 const SHOW_PROFILE: readonly ViewType[] = [VIEW_TYPE.CHAT, VIEW_TYPE.PORTAL]
 const msgs = useMessageListStore()
-// 会话菜单分享不针对某一轮，进入后不预先勾选
+// 会话菜单分享默认全选，内容分享由内容入口指定记录。
 const shareLink = useShareLinkStoreOptional()
-const canShare = computed(() => msgs.messages.value.length > 0 && !msgs.streamLoading.value)
+const canShare = computed(() => msgs.messages.value.length > 0 && !msgs.streamLoading.value && !msgs.loading.value)
 
 const { appInfo, conversations, currentChatId, selectConversation, newConversation, deleteChat, toggleLeftSide, hasMore, loadMore } =
   useConversationListStore()
 
+// 非当前会话先激活并加载消息，避免分享到其他会话。
+async function handleShareConversation(conversation: Conversation) {
+  if (msgs.loading.value) return
+  if (currentChatId.value !== conversation.id) await selectConversation(conversation.id)
+  if (currentChatId.value === conversation.id && canShare.value) shareLink?.enterShare()
+}
+
 // 历史时间优先使用更新时间，缺少时间的记录不显示占位文案。
 const conversationTime = (conversation: Conversation) => relativeTimeFormat(conversation.update_time || conversation.create_time)
 // 会话维护沿用调试历史记录的确认与请求流程。
@@ -114,11 +121,11 @@ function handleClearConversations() {
                 <el-button text><MkIcon name="icon_more_outlined" /></el-button>
                 <template #dropdown>
                   <MkDropdownMenu>
-                    <!-- 分享当前激活对话 -->
+                    <!-- 激活所选对话并全选分享 -->
                     <MkDropdownItem
-                      v-if="viewType === VIEW_TYPE.CHAT && currentChatId === conversation.id"
-                      :disabled="!canShare"
-                      @click="shareLink?.enterShare()"
+                      v-if="viewType === VIEW_TYPE.CHAT"
+                      :disabled="msgs.loading.value || (currentChatId === conversation.id && !canShare)"
+                      @click="handleShareConversation(conversation)"
                     >
                       <template #icon><MkIcon name="icon_share_outlined" /></template>
                       <span>分享</span>
diff --git a/ui/src/conversation-panel/left-sidebar/portal-conversation-list/HistoryConversationDrawer.vue b/ui/src/conversation-panel/left-sidebar/portal-conversation-list/HistoryConversationDrawer.vue
index c83c18de913..8e3329428dd 100644
--- a/ui/src/conversation-panel/left-sidebar/portal-conversation-list/HistoryConversationDrawer.vue
+++ b/ui/src/conversation-panel/left-sidebar/portal-conversation-list/HistoryConversationDrawer.vue
@@ -8,7 +8,6 @@ import { usePortalConversationListStore } from './index'
 import RenameConversation from '../../components/rename/index.vue'
 
 import { useMessageListStore } from '../../components/message-list/index'
-import { useShareLinkStoreOptional } from '../../components/message-list/share/index'
 
 defineOptions({ name: 'HistoryConversationDrawer' })
 const props = defineProps<{ applicationId: string }>()
@@ -16,14 +15,11 @@ const visible = defineModel<boolean>({ required: true })
 const portalList = usePortalConversationListStore()
 const conversationList = useConversationListStore()
 const msgs = useMessageListStore()
-const canShare = computed(() => msgs.messages.value.length > 0 && !msgs.streamLoading.value)
-const shareLink = useShareLinkStoreOptional()
+const canShare = computed(() => msgs.messages.value.length > 0 && !msgs.streamLoading.value && !msgs.loading.value)
 
-// 开启当前对话的分享选择（不预先勾选），并关闭历史抽屉。
-const handleShareConversation = () => {
-  if (!canShare.value) return
-  shareLink?.enterShare()
-  visible.value = false
+// 激活所选会话并全选分享，成功后关闭历史抽屉。
+const handleShareConversation = async (conversation: PortalConversationSummary) => {
+  if (await portalList.shareConversation(selectedApplicationId.value, conversation.id)) visible.value = false
 }
 const selectedApplicationId = ref(props.applicationId)
 const keyword = ref('')
@@ -102,8 +98,11 @@ const handleDeleteConversation = (conversation: PortalConversationSummary) => {
               <el-button text><MkIcon name="icon_more_outlined" /></el-button>
               <template #dropdown>
                 <MkDropdownMenu>
-                  <!-- 分享当前激活对话 -->
-                  <MkDropdownItem v-if="isActiveConversation(conversation)" :disabled="!canShare" @click="handleShareConversation">
+                  <!-- 激活所选对话并全选分享 -->
+                  <MkDropdownItem
+                    :disabled="msgs.loading.value || (isActiveConversation(conversation) && !canShare)"
+                    @click="handleShareConversation(conversation)"
+                  >
                     <template #icon><MkIcon name="icon_share_outlined" /></template>
                     <span>分享</span>
                   </MkDropdownItem>
diff --git a/ui/src/conversation-panel/left-sidebar/portal-conversation-list/index.ts b/ui/src/conversation-panel/left-sidebar/portal-conversation-list/index.ts
index 4e17d7d931e..fd4ade3d2a3 100644
--- a/ui/src/conversation-panel/left-sidebar/portal-conversation-list/index.ts
+++ b/ui/src/conversation-panel/left-sidebar/portal-conversation-list/index.ts
@@ -27,6 +27,8 @@ export interface PortalConversationListDeps {
   openApplication: (applicationId: string) => void
   /** 打开其他智能体的会话。 */
   openConversation: (applicationId: string, chatId: string) => void
+  /** 激活所选会话，加载后全选分享；成功进入返回 true。 */
+  shareConversation: (applicationId: string, chatId: string) => Promise<boolean>
   /** 打开全部智能体页。 */
   openApplicationList: () => void
   /** 打开选择智能体抽屉。 */
@@ -155,6 +157,7 @@ export function createPortalConversationListStore(deps: PortalConversationListDe
     isApplicationListActive: deps.isApplicationListActive,
     openApplication: deps.openApplication,
     openConversation: deps.openConversation,
+    shareConversation: deps.shareConversation,
     openApplicationList: deps.openApplicationList,
     newConversation,
   }
diff --git a/ui/src/conversation-panel/left-sidebar/portal-conversation-list/index.vue b/ui/src/conversation-panel/left-sidebar/portal-conversation-list/index.vue
index ab3b2ca06d7..24e557a9019 100644
--- a/ui/src/conversation-panel/left-sidebar/portal-conversation-list/index.vue
+++ b/ui/src/conversation-panel/left-sidebar/portal-conversation-list/index.vue
@@ -8,9 +8,12 @@ import HistoryConversationDrawer from './HistoryConversationDrawer.vue'
 import AccountMenu from '../account-menu/index.vue'
 import { usePortalConversationListStore, type PortalApplicationGroup } from './index'
 import RenameConversation from '../../components/rename/index.vue'
+import { useMessageListStore } from '../../components/message-list/index'
 
 defineOptions({ name: 'PortalConversationList' })
 
+const msgs = useMessageListStore()
+const canShare = computed(() => msgs.messages.value.length > 0 && !msgs.streamLoading.value && !msgs.loading.value)
 const portalList = usePortalConversationListStore()
 const { applicationGroups, currentApplicationId, isApplicationListActive, toggleGroup } = portalList
 const { conversations, currentChatId, selectConversation, deleteChat, newConversation, switchShared, toggleLeftSide } = useConversationListStore()
@@ -193,6 +196,14 @@ const handleClearConversations = () => {
                     <el-button text><MkIcon name="icon_more_outlined" /></el-button>
                     <template #dropdown>
                       <MkDropdownMenu>
+                        <!-- 激活所选对话并全选分享 -->
+                        <MkDropdownItem
+                          :disabled="msgs.loading.value || (isActiveConversation(group, conversation) && !canShare)"
+                          @click="portalList.shareConversation(group.id, conversation.id)"
+                        >
+                          <template #icon><MkIcon name="icon_share_outlined" /></template>
+                          <span>分享</span>
+                        </MkDropdownItem>
                         <RenameConversation :conversation="conversation" :application-id="group.id" @renamed="conversation.abstract = $event" />
                         <!-- 删除历史对话 -->
                         <MkDropdownItem divided @click="handleDeleteConversation(group, conversation)">
diff --git a/ui/src/conversation-panel/main/portal-chat-panel/index.vue b/ui/src/conversation-panel/main/portal-chat-panel/index.vue
index 5b2484191e3..7144b1d06a1 100644
--- a/ui/src/conversation-panel/main/portal-chat-panel/index.vue
+++ b/ui/src/conversation-panel/main/portal-chat-panel/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useShareLinkStoreOptional } from '../../components/message-list/share/index'
 import PortalHeader from '../../components/header/portal/index.vue'
 import MessageList from '../../components/message-list/index.vue'
 import MessageInput from '../../components/message-input/index.vue'
@@ -8,6 +9,7 @@ import { usePortalConversationListStore } from '../../left-sidebar/portal-conver
 
 defineOptions({ name: 'PortalChatPanel' })
 
+const shareLink = useShareLinkStoreOptional()
 const list = useConversationListStore()
 const input = useMessageInputStore()
 const portalList = usePortalConversationListStore()
@@ -19,12 +21,12 @@ const handleDrop = (e: DragEvent) => input.addFiles(e.dataTransfer?.files)
   <!-- 门户对话主面板:header + message-list + message-input -->
   <main class="mk-conversation-main" @drop.prevent="handleDrop" @dragover.prevent>
     <!-- 收起侧栏时标题栏的新建对话与侧栏一致：没有当前智能体时选择智能体 -->
-    <PortalHeader :new-conversation="portalList.newConversation" />
+    <PortalHeader :new-conversation="portalList.newConversation" shareable @share="shareLink?.enterShare()" />
     <MessageList :key="list.currentChatId.value" v-if="portalList.currentApplicationId.value" :app-name="list.appInfo.value?.name || 'AI 助手'" />
     <!-- 未确定智能体时不显示欢迎语：分组加载完成且没有可用智能体时显示空状态 -->
     <div v-else class="flex-center min-h-0 flex-1">
       <MkEmpty v-if="portalList.isApplicationGroupsLoaded.value" description="暂无可用智能体" />
     </div>
-    <footer class="flex-center shrink-0 p-4"><MessageInput /></footer>
+    <footer v-if="!list.isShared.value" class="mk-conversation-content flex-center shrink-0 p-4"><MessageInput /></footer>
   </main>
 </template>
diff --git a/ui/src/conversation-panel/view/portal/index.ts b/ui/src/conversation-panel/view/portal/index.ts
index b794ab83a2b..9cb3390d011 100644
--- a/ui/src/conversation-panel/view/portal/index.ts
+++ b/ui/src/conversation-panel/view/portal/index.ts
@@ -1,4 +1,4 @@
-import { computed, watch } from 'vue'
+import { computed, nextTick, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import ConversationApi from '@/api/chat/conversation'
 import PortalApi from '@/api/chat/portal'
@@ -62,6 +62,36 @@ export function createPortalConversation(options: PortalConversationOptions): Po
     currentApplicationId,
     isApplicationListActive,
     openApplication,
+    // 跨智能体通过导航激活，等待路由驱动的消息加载结束后再全选分享。
+    shareConversation: async (applicationId, chatId) => {
+      if (bundle.msgs.loading.value) return false
+      if (applicationId !== currentApplicationId.value) {
+        const failure = await router.push({ name: 'portal-application-chat', params: { applicationId, chatId }, query: route.query })
+        if (failure) return false
+        await nextTick()
+        if (bundle.msgs.loading.value) {
+          await new Promise<void>((resolve) => {
+            const stop = watch(bundle.msgs.loading, (loading) => {
+              if (!loading) {
+                stop()
+                resolve()
+              }
+            })
+          })
+        }
+      } else if (bundle.list.currentChatId.value !== chatId) {
+        await bundle.list.selectConversation(chatId)
+      }
+      if (
+        currentApplicationId.value !== applicationId ||
+        bundle.list.currentChatId.value !== chatId ||
+        !bundle.msgs.messages.value.length ||
+        bundle.msgs.streamLoading.value
+      )
+        return false
+      bundle.share.enterShare()
+      return true
+    },
     openConversation: (applicationId, chatId) =>
       void router.push({ name: 'portal-application-chat', params: { applicationId, chatId }, query: route.query }),
     openApplicationList: () => void router.push({ name: 'portal-application-list', query: route.query }),
diff --git a/ui/src/layout/sidebar/WorkspaceSidebar.vue b/ui/src/layout/sidebar/WorkspaceSidebar.vue
index 5dd0cfa2769..6a736d0d892 100644
--- a/ui/src/layout/sidebar/WorkspaceSidebar.vue
+++ b/ui/src/layout/sidebar/WorkspaceSidebar.vue
@@ -22,8 +22,8 @@ function navigateToWorkspaceMenu(workspaceMenuItem: LayoutMenuItem) {
     <template v-for="workspaceMenuItem in workspaceMenuItems" :key="workspaceMenuItem.name">
       <div
         v-if="workspaceMenuItem.permission ? workspaceMenuItem.permission(route) : true"
-        class="flex-col-center w-full cursor-pointer rounded-md py-2 text-xs font-semibold text-N600 hover:bg-N900/10"
-        :class="isWorkspaceMenuActive(workspaceMenuItem) && 'bg-white text-N900'"
+        class="flex-col-center w-full cursor-pointer rounded-md py-2 text-xs font-semibold text-N600"
+        :class="isWorkspaceMenuActive(workspaceMenuItem) ? 'bg-white text-N900' : 'hover:bg-N900/10'"
         @click="navigateToWorkspaceMenu(workspaceMenuItem)"
       >
         <MkIcon
diff --git a/ui/src/views/VIEW_README.md b/ui/src/views/VIEW_README.md
index f78c986c7db..c4dbe8a6bc3 100644
--- a/ui/src/views/VIEW_README.md
+++ b/ui/src/views/VIEW_README.md
@@ -514,7 +514,9 @@ System 资源管理的修正内容与添加知识库选项仅包含当前智能
   全部智能体与选择抽屉复用卡片，抽屉每次打开重新查询，搜索状态独立。
   门户历史侧栏仅展示有历史的智能体及最近 5 条会话，剩余数量取分组总数；“查看更多”打开历史对话抽屉，
   支持切换智能体、摘要搜索、滚动分页及打开／删除会话，删除后同步刷新侧栏。
-  单应用历史列表与门户历史抽屉仅在当前激活会话的菜单显示分享入口；无消息或回答生成中不可分享。
+  单应用历史列表、门户分组历史列表与历史抽屉支持先激活所选会话、等待消息加载后进入分享；
+  门户支持跨智能体激活，标题栏也可分享当前对话。
+  无消息或回答生成中不可分享；会话分享默认全选当前已加载的可分享记录，内容入口仅选中对应问答记录。
   门户复用 Chat 分享 Store，抽屉点击分享后关闭并进入消息选择模式。
   Chat／Portal 视图将左栏布局模式绑定到会话列表 Store；开启分享时，抽屉模式自动收起左栏。
 
diff --git a/ui/src/views/chat/login/index.vue b/ui/src/views/chat/login/index.vue
index 6e1eebdfac2..da9f6d3aabc 100644
--- a/ui/src/views/chat/login/index.vue
+++ b/ui/src/views/chat/login/index.vue
@@ -134,10 +134,10 @@ onBeforeMount(async () => {
   }
 })
 
-const enableAuth=computed(()=>{
+const enableAuth = computed(() => {
   return auth.authProfile?.enable_auth
 })
- 
+
 const goBack = () => {
   if (enableAuth.value) {
     return
@@ -148,21 +148,16 @@ const goBack = () => {
 
 <template>
   <div class="chat-login flex-center flex-col">
-
     <div class="mb-6 flex-align-center gap-4 max-w-full">
       <ApplicationIcon :icon="auth.authProfile?.logo" :size="32" class="shrink-0" />
       <h2 class="max-w-full truncate" :title="loginTitle">{{ loginTitle }}</h2>
     </div>
     <el-card class="chat-login__card w-100">
       <!-- 返回上一页 -->
-      <span
-        v-if="!enableAuth"
-        class="mb-4 inline-flex items-center gap-1 cursor-pointer text-sm text-N900 hover:text-primary"
-        @click="goBack"
-      >
-        <MkIcon :icon="ArrowLeft" :size="14" />
-        返回
-      </span>
+      <el-button text v-if="!enableAuth" @click="goBack" class="-ml-1 mb-4 text-N900!">
+        <MkIcon :icon="ArrowLeft" />
+        <span>返回</span>
+      </el-button>
       <LoginModePanel v-if="!isClientLoggingIn" :login-config="loginConfig" :login-service="loginService" />
     </el-card>
   </div>
diff --git a/ui/src/views/home/components/HomeQuickCreate.vue b/ui/src/views/home/components/HomeQuickCreate.vue
index 3c98440f15f..399b82b0f51 100644
--- a/ui/src/views/home/components/HomeQuickCreate.vue
+++ b/ui/src/views/home/components/HomeQuickCreate.vue
@@ -53,7 +53,7 @@ onMounted(() =>
                 <h6>创建智能体</h6>
                 <p class="text-sm text-N600">手动搭建、AI 生成或导入创建</p>
               </div>
-              <MkIcon name="icon_down_outlined" />
+              <MkIcon name="icon_down_outlined" class="text-N600!" />
             </div>
           </el-card>
         </template>