diff --git a/ui/src/api/API_README.md b/ui/src/api/API_README.md
index a2e438577f4..5163307e850 100644
--- a/ui/src/api/API_README.md
+++ b/ui/src/api/API_README.md
@@ -798,3 +798,11 @@ Workspace 和 System 资源管理的 `getKnowledgeDetail(knowledgeId, section?)`
 对应后台独立的设置／策略查看权限；普通详情会去除未授权的配置元数据。
 `getKnowledgeMcpConfig` 使用 `/<knowledgeId>/mcp_config`，仅获取 MCP 配置，独立于外部服务设置权限。
 文档和图片复用的操作接口按持久化资源类型鉴权；批量图片操作未传 `resource_type` 时由服务端解析实际类型。
+
+### 公开对话分享
+
+`chat/conversation.ts` 的 `getShareConversation(shareId)` 请求 Chat API 下的 `GET /share/<shareId>`，
+不需要 accessToken 或 applicationId。响应类型 `ChatShareDetail` 经 `@/api/types` 导出，包含
+`abstract` 和按时间正序排列的 `chat_record_list`。当前后端返回旧版 `problem_text`、
+`answer_text`、`answer_text_list` 及仅含上传附件的 `execution_details`，不返回 V3 `question`、`messages`。
+分享页适配旧版字段，不通过原会话接口补查内容。
diff --git a/ui/src/api/chat/conversation.ts b/ui/src/api/chat/conversation.ts
index e47972f8a9f..504e8c52897 100644
--- a/ui/src/api/chat/conversation.ts
+++ b/ui/src/api/chat/conversation.ts
@@ -1,7 +1,7 @@
 import { get, post, put, del, postStream } from './core/request'
 import type { ResponsePage } from './core/types'
 import { CHAT_API_BASE_PATH as chatApiBase } from '@/api/constants'
-import type { ChatLogRecord, PortalConversationSummary } from '@/api/types'
+import type { ChatLogRecord, ChatShareDetail, PortalConversationSummary } from '@/api/types'
 
 /** v3 对话接口均按智能体划分资源路径。 */
 const getApplicationPath = (applicationId: string) => `/v3/application/${applicationId}`
@@ -46,6 +46,9 @@ const putConversation = (applicationId: string, chatId: string, data: unknown) =
 const postShareConversation = (applicationId: string, chatId: string, data: { chat_record_ids: string[] }) =>
   post<{ chat_record_ids: string[] }, { link: string }>(`${getApplicationPath(applicationId)}/chat/${chatId}/share_chat`, data)
 
+/** 获取公开分享的对话记录，无需智能体访问凭证。 */
+const getShareConversation = (shareId: string) => get<ChatShareDetail>(`/share/${encodeURIComponent(shareId)}`)
+
 /** 将语音转换为文字。 */
 const postSpeechToText = (applicationId: string, data: unknown) => post(`${getApplicationPath(applicationId)}/speech_to_text`, data)
 
@@ -61,5 +64,6 @@ export default {
   deleteConversation,
   putConversation,
   postShareConversation,
+  getShareConversation,
   postSpeechToText,
 }
diff --git a/ui/src/api/types/chat-share.ts b/ui/src/api/types/chat-share.ts
new file mode 100644
index 00000000000..adb9691b218
--- /dev/null
+++ b/ui/src/api/types/chat-share.ts
@@ -0,0 +1,16 @@
+import type { ChatContent } from './chat-log'
+import type { Dict } from './common'
+
+/** 公开分享接口返回的旧版问答记录。 */
+export interface ChatShareRecord {
+  id: string
+  problem_text: string
+  answer_text: string
+  answer_text_list: (ChatContent | ChatContent[])[]
+  execution_details?: Dict<unknown>[]
+}
+
+export interface ChatShareDetail {
+  abstract: string | null
+  chat_record_list: ChatShareRecord[]
+}
diff --git a/ui/src/api/types/index.ts b/ui/src/api/types/index.ts
index 3f23361052d..638c2420cb2 100644
--- a/ui/src/api/types/index.ts
+++ b/ui/src/api/types/index.ts
@@ -38,3 +38,5 @@ export type * from './termbase'
 export type * from './chat-log'
 
 export type * from './shared-authorization'
+
+export type * from './chat-share'
diff --git a/ui/src/components/COMPONENT_README.md b/ui/src/components/COMPONENT_README.md
index 6a2ae00e7ac..a8f53d81721 100644
--- a/ui/src/components/COMPONENT_README.md
+++ b/ui/src/components/COMPONENT_README.md
@@ -966,11 +966,26 @@ Workspace API 内部使用 `getWorkspaceId()`，System 共享 API 不接收工
 聊天列表订阅流式进度后调用 `followBottom()`；只读日志无需订阅。
 `message-list` 和 `log-message-list` 使用该容器，保留各自的消息正文与底部信息；聊天列表
 自行展示流式圆点，开场白放入 `prepend` 插槽，日志空状态放入 `empty` 插槽。日志列表不注入发送能力。
+正式对话的 `message-list` 根据会话 Store 的 `isShared` 展示分享选择态，同轮提问与回答同步选择，
+内容只读且选中时显示背景；无记录 ID 的问答不可选。列表底部提供当前已加载轮次的全选、已选数量、
+取消及创建链接，创建时按消息顺序提交记录 ID；成功退出分享，失败保留选择。分享期间主面板隐藏输入框，
+消息列表卸载时退出分享态；调试入口不提供分享服务。
+分享组件放在 `message-list/share/`：`ShareMessageRow` 通过插槽承载消息，按记录 ID 切换整轮选择；
+`ShareFooter` 负责全选、数量、取消、创建链接及退出清理。两者通过 `v-model` 共享已选记录 ID，
+各自在组件内获取分享服务与提交状态；`message-list/index.vue` 仅准备记录 ID、保存已选 ID 并组合组件。
+
 消息 Store 的 `loadMore()` 在新增历史记录时返回 `true`，空页、失败或未执行时返回 `false`，
 直接传给滚动容器。新会话及重置时 `hasMore` 为 `false`；已有会话主动加载首页，成功后再更新
 `hasMore`。首页失败后通过重新加载首页重试，不从下一页继续。
 Chat、Portal 和 Display 面板直接放置消息列表，并以当前会话 ID 为 `key`，不再包裹额外滚动层。
 
+### SharePanel（对话模块）
+
+`conversation-panel/main/share-panel/index.vue` 展示只读问答，通过 `useSharePanelContentStore()`
+读取所属视图提供的 `SHARE_PANEL_CONTENT_KEY`。正式对话视图接入当前会话数据，独立分享页
+提供公开接口返回的标题、消息及加载状态，不加载原会话历史。
+回答复制提取内容项正文，不传递内容数组给剪贴板。
+
 ## 文档维护
 
 仅在目录、公开接口或使用规则变化时更新对应组件章节；不登记内部函数和修复过程。
diff --git a/ui/src/conversation-panel/components/header/chat/index.vue b/ui/src/conversation-panel/components/header/chat/index.vue
index d9b1d3f4a4f..89241cffc32 100644
--- a/ui/src/conversation-panel/components/header/chat/index.vue
+++ b/ui/src/conversation-panel/components/header/chat/index.vue
@@ -30,22 +30,25 @@ const handleNewConversation = () => (props.newConversation ? props.newConversati
       </MkTooltip>
     </template>
 
-    <div class="flex-1 flex-align-center gap-2">
+    <div class="min-w-0 flex-1">
       <h4 class="truncate">{{ list.currentConversation.value?.abstract || '新建对话' }}</h4>
     </div>
-    <!-- 新建对话 -->
-    <MkTooltip content="新建对话">
-      <el-button text @click="handleNewConversation">
-        <MkIcon name="icon_new-chat_outlined" :size="18" class="text-N900!" />
-      </el-button>
-    </MkTooltip>
-    <!-- 进入分享模式，勾选要分享的对话 -->
-    <MkTooltip v-if="shareable" content="分享">
-      <el-button text :disabled="!canShare" @click="list.switchShared(true)">
-        <MkIcon name="icon_share_outlined" :size="18" :class="canShare ? 'text-N900!' : 'text-N400!'" />
-      </el-button>
-    </MkTooltip>
-    <slot />
+    <template v-if="!list.isShared.value">
+      <!-- 新建对话 -->
+      <MkTooltip content="新建对话">
+        <el-button text @click="handleNewConversation">
+          <MkIcon name="icon_new-chat_outlined" :size="18" class="text-N900!" />
+        </el-button>
+      </MkTooltip>
+      <!-- 进入分享模式，勾选要分享的对话 -->
+      <MkTooltip v-if="shareable" content="分享">
+        <el-button text :disabled="!canShare" @click="list.switchShared(true)">
+          <MkIcon name="icon_share_outlined" :size="18" :class="canShare ? 'text-N900!' : 'text-N400!'" />
+        </el-button>
+      </MkTooltip>
+
+      <slot />
+    </template>
   </header>
 </template>
 
diff --git a/ui/src/conversation-panel/components/message-list/index.vue b/ui/src/conversation-panel/components/message-list/index.vue
index 2bf0ecf3159..627c3f37208 100644
--- a/ui/src/conversation-panel/components/message-list/index.vue
+++ b/ui/src/conversation-panel/components/message-list/index.vue
@@ -6,15 +6,19 @@ import PrologueContent from '../prologue-content/index.vue'
 import { formatPrologue } from '../prologue-content/index'
 import ReverseInfiniteScroll from '../../core/reverse-infinite-scroll/index.vue'
 import { useMessageListStore } from './index'
+import ShareMessageRow from './share/ShareMessageRow.vue'
+import ShareFooter from './share/ShareFooter.vue'
 import { useConversationListStore } from '../../left-sidebar/conversation-list/index'
 defineProps<{ appName?: string }>()
 
 const { appInfo, messages, loading, streamLoading, hasMore, loadMore, onStreamProgress } = useMessageListStore()
-const { 
-  // 是否分享
-  isShared,
-  // 切换分享
-  switchShared } = useConversationListStore()
+const { isShared } = useConversationListStore()
+// 分享按完整问答轮次提交，提问与回答共用记录 ID。
+const selectedRecordIds = ref<string[]>([])
+const messageRecordIds = computed(() =>
+  messages.value.map((message, index) => (message.role === 'ASSISTANT' ? message.recordId : messages.value[index + 1]?.recordId)),
+)
+const availableRecordIds = computed(() => [...new Set(messageRecordIds.value.filter((id): id is string => Boolean(id)))])
 const scrollRef = ref<InstanceType<typeof ReverseInfiniteScroll>>()
 
 // 开场白随智能体信息变化（debug 保存后为最新草稿）
@@ -30,25 +34,30 @@ const showUserAvatar = computed(() => appInfo.value?.show_user_avatar)
 </script>
 
 <template>
-  <ReverseInfiniteScroll ref="scrollRef" content-class="mk-conversation-content p-4" :loading="loading"
-    :has-more="hasMore" :count="messages.length" :load-more="loadMore">
+  <ReverseInfiniteScroll
+    ref="scrollRef"
+    :content-class="`mk-conversation-content p-4 ${isShared ? 'space-y-2' : ''}`"
+    :loading="loading"
+    :has-more="hasMore"
+    :count="messages.length"
+    :load-more="loadMore"
+  >
     <template #prepend>
       <!-- 开场白在空会话或历史全部加载后显示，固定在会话最前 -->
-      <div v-if="prologue && (!messages.length || !hasMore)">
+      <div v-if="!isShared && prologue && (!messages.length || !hasMore)">
         <ApplicationIcon v-if="showAvatar" :icon="avatar" :size="24" class="shrink-0" />
         <PrologueContent :prologue="prologue" :app-info="appInfo" class="mb-3" />
       </div>
     </template>
     <template v-for="(msg, i) in messages" :key="msg.id || i">
-      <div>
+      <ShareMessageRow :active="isShared" v-model="selectedRecordIds" :record-id="messageRecordIds[i]">
         <!-- 用户提问靠右：头像独占一行在上，提问容器在下方靠右收缩 -->
         <div v-if="msg.role === 'USER'">
           <div v-if="showUserAvatar" class="text-right">
             <el-avatar v-if="userAvatar" class="bg-transparent!" shape="square" :size="24">
               <img :src="userAvatar" alt="" />
             </el-avatar>
-            <el-avatar v-else :size="24"
-              :style="{ background: appInfo?.custom_theme?.theme_color || 'var(--mk-primary-gradient)' }">
+            <el-avatar v-else :size="24" :style="{ background: appInfo?.custom_theme?.theme_color || 'var(--mk-primary-gradient)' }">
               <img src="@/assets/mk_icon_user_gradient.svg" alt="" style="width: 50%" />
             </el-avatar>
           </div>
@@ -58,15 +67,16 @@ const showUserAvatar = computed(() => appInfo.value?.show_user_avatar)
           <ApplicationIcon v-if="showAvatar" :icon="avatar" :size="24" class="shrink-0" />
           <ContentList :content-list="msg.content" />
           <!-- 助手消息结束后显示底部信息栏(知识来源/执行详情/tokens/耗时) -->
-          <MessageFooter class="mt-3" v-if="msg.role === 'ASSISTANT' && (msg.write_ed || msg.record)" :message="msg" />
+          <MessageFooter class="mt-3" v-if="!isShared && msg.role === 'ASSISTANT' && (msg.write_ed || msg.record)" :message="msg" />
         </template>
-      </div>
+      </ShareMessageRow>
     </template>
 
     <div v-if="streamLoading">
       <span class="mk-conversation-loading" />
     </div>
   </ReverseInfiniteScroll>
+  <ShareFooter v-if="isShared" v-model="selectedRecordIds" :record-ids="availableRecordIds" />
 </template>
 
 <style scoped lang="scss"></style>
diff --git a/ui/src/conversation-panel/components/message-list/share/ShareFooter.vue b/ui/src/conversation-panel/components/message-list/share/ShareFooter.vue
new file mode 100644
index 00000000000..d6e95b772b9
--- /dev/null
+++ b/ui/src/conversation-panel/components/message-list/share/ShareFooter.vue
@@ -0,0 +1,62 @@
+<script setup lang="ts">
+import { computed, inject, onBeforeUnmount } from 'vue'
+import { SHARE_PANEL_KEY } from '../../../main/share-panel/index'
+import { useConversationListStore } from '../../../left-sidebar/conversation-list/index'
+
+defineOptions({ name: 'ShareFooter' })
+
+const props = defineProps<{ recordIds: string[] }>()
+const selectedRecordIds = defineModel<string[]>({ required: true })
+const sharePanel = inject(SHARE_PANEL_KEY, null)
+const { switchShared } = useConversationListStore()
+
+// 全选与数量仅统计当前列表中的可分享记录。
+const selectedIds = computed(() => props.recordIds.filter((recordId) => selectedRecordIds.value.includes(recordId)))
+const selectedCount = computed(() => selectedIds.value.length)
+const totalCount = computed(() => props.recordIds.length)
+const allSelected = computed(() => totalCount.value > 0 && selectedCount.value === totalCount.value)
+const sharing = computed(() => Boolean(sharePanel?.sharing.value))
+const selectAll = (checked: boolean | string | number) => {
+  if (sharing.value) return
+  selectedRecordIds.value = checked ? [...props.recordIds] : []
+}
+
+// 创建链接成功后退出，失败时保留选择供重试。
+const cancelShare = () => {
+  switchShared(false)
+  sharePanel?.close()
+}
+const copyShareLink = () => {
+  if (!sharePanel || !selectedCount.value || sharing.value) return
+  void sharePanel
+    .share(selectedIds.value)
+    .then(cancelShare)
+    .catch(() => {})
+}
+onBeforeUnmount(() => {
+  selectedRecordIds.value = []
+  switchShared(false)
+})
+</script>
+
+<template>
+  <footer class="shrink-0 border-t">
+    <div class="mk-conversation-content flex-between gap-3 p-4">
+      <!-- 全选已加载的可分享问答 -->
+      <el-checkbox
+        :model-value="allSelected"
+        :indeterminate="selectedCount > 0 && !allSelected"
+        :disabled="!totalCount || sharing"
+        @change="selectAll($event)"
+      >
+        已选 {{ selectedCount }}/{{ totalCount }}
+      </el-checkbox>
+      <div>
+        <!-- 退出分享选择 -->
+        <el-button plain :disabled="sharing" @click="cancelShare()">取消</el-button>
+        <!-- 创建并复制分享链接 -->
+        <el-button type="primary" :disabled="!selectedCount || !sharePanel" :loading="sharing" @click="copyShareLink()">复制链接</el-button>
+      </div>
+    </div>
+  </footer>
+</template>
diff --git a/ui/src/conversation-panel/components/message-list/share/ShareMessageRow.vue b/ui/src/conversation-panel/components/message-list/share/ShareMessageRow.vue
new file mode 100644
index 00000000000..66fb2cbf225
--- /dev/null
+++ b/ui/src/conversation-panel/components/message-list/share/ShareMessageRow.vue
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { computed, inject } from 'vue'
+import { SHARE_PANEL_KEY } from '../../../main/share-panel/index'
+
+defineOptions({ name: 'ShareMessageRow' })
+
+const props = defineProps<{
+  active: boolean
+  recordId?: string
+}>()
+const selectedRecordIds = defineModel<string[]>({ required: true })
+const sharePanel = inject(SHARE_PANEL_KEY, null)
+const selected = computed(() => Boolean(props.recordId && selectedRecordIds.value.includes(props.recordId)))
+const disabled = computed(() => !props.recordId || Boolean(sharePanel?.sharing.value))
+
+// 提问和回答使用同一记录 ID，同步切换整轮选择。
+const toggleRecord = () => {
+  if (!props.active || disabled.value || !props.recordId) return
+  selectedRecordIds.value = selected.value
+    ? selectedRecordIds.value.filter((recordId) => recordId !== props.recordId)
+    : [...selectedRecordIds.value, props.recordId]
+}
+</script>
+
+<template>
+  <div :class="{ 'flex items-center gap-3': active }">
+    <!-- 选择当前问答轮次 -->
+    <el-checkbox v-if="active" :model-value="selected" :disabled="disabled" class="mt-3 shrink-0" @change="toggleRecord()" />
+    <!-- 分享模式下点击消息区域切换选择 -->
+    <div
+      class="min-w-0 flex-1"
+      :class="active ? ['rounded-xl p-3', disabled ? 'cursor-default' : 'cursor-pointer hover:bg-N900/8', { 'bg-N900/8': selected }] : ''"
+      @click="toggleRecord()"
+    >
+      <div :class="{ 'pointer-events-none select-none': active }">
+        <slot />
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/ui/src/conversation-panel/main/chat-panel/index.vue b/ui/src/conversation-panel/main/chat-panel/index.vue
index 1d1a366e88c..fd6126b6047 100644
--- a/ui/src/conversation-panel/main/chat-panel/index.vue
+++ b/ui/src/conversation-panel/main/chat-panel/index.vue
@@ -16,9 +16,6 @@ const list = useConversationListStore()
 const input = useMessageInputStore()
 // 拖拽到面板任意处 → 交给 message-input 接收文件
 const handleDrop = (e: DragEvent) => input.addFiles(e.dataTransfer?.files)
-
-
-
 </script>
 <template>
   <!-- 带输入框的主面板:header + message-list + message-input -->
@@ -27,6 +24,6 @@ const handleDrop = (e: DragEvent) => input.addFiles(e.dataTransfer?.files)
     <slot name="header"><ChatHeader :shareable="shareable" @share="emit('share')" /></slot>
     <MessageList :key="list.currentChatId.value" :app-name="list.appInfo.value?.name || 'AI 助手'"></MessageList>
 
-    <footer class="mk-conversation-content 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/main/share-panel/index.ts b/ui/src/conversation-panel/main/share-panel/index.ts
index 88ff0844ec6..1d224726603 100644
--- a/ui/src/conversation-panel/main/share-panel/index.ts
+++ b/ui/src/conversation-panel/main/share-panel/index.ts
@@ -1,4 +1,6 @@
-import { ref, inject, type InjectionKey } from 'vue'
+import { ref, inject, type Ref, type InjectionKey } from 'vue'
+
+import type { MessageListStore } from '../../components/message-list/index'
 
 export interface SharePanelDeps {
   /** 提交分享:参数为按消息顺序排列的已选 chat_record id */
@@ -55,3 +57,16 @@ export function useSharePanelStore(): SharePanelStore {
   if (!store) throw new Error('useSharePanelStore 必须在提供 SHARE_PANEL_KEY 的视图内使用')
   return store
 }
+
+/** 分享面板只读展示所需的数据，由所属视图注入。 */
+export type SharePanelContentStore = Pick<MessageListStore, 'appInfo' | 'messages' | 'loading' | 'hasMore' | 'loadMore'> & {
+  title: Readonly<Ref<string>>
+}
+
+export const SHARE_PANEL_CONTENT_KEY: InjectionKey<SharePanelContentStore> = Symbol('share-panel-content')
+
+export function useSharePanelContentStore(): SharePanelContentStore {
+  const store = inject(SHARE_PANEL_CONTENT_KEY)
+  if (!store) throw new Error('useSharePanelContentStore 必须在提供 SHARE_PANEL_CONTENT_KEY 的视图内使用')
+  return store
+}
diff --git a/ui/src/conversation-panel/main/share-panel/index.vue b/ui/src/conversation-panel/main/share-panel/index.vue
index 0a94df4da17..34fa2232386 100644
--- a/ui/src/conversation-panel/main/share-panel/index.vue
+++ b/ui/src/conversation-panel/main/share-panel/index.vue
@@ -1,108 +1,71 @@
 <script setup lang="ts">
 import { computed } from 'vue'
+import type { ChatMessage } from '../../core/types'
 import ContentList from '../../components/content-list/index.vue'
 import ReverseInfiniteScroll from '../../core/reverse-infinite-scroll/index.vue'
-import { useConversationListStore } from '../../left-sidebar/conversation-list/index'
-import { useMessageListStore } from '../../components/message-list/index'
-import { useSharePanelStore } from './index'
-import type { ChatMessage } from '../../core/types'
+import { useSharePanelContentStore } from './index'
+import { copyText } from '@/utils/clipboard'
 
 defineOptions({ name: 'SharePanel' })
 
-/** 一轮对话:提问 + 其后的回答，以提问消息 id 作为勾选 key。 */
-interface ShareRound {
-  key: string
-  chatRecordId?: string
-  messages: ChatMessage[]
-}
-
-const { messages, loading, hasMore, loadMore } = useMessageListStore()
-const share = useSharePanelStore()
-const list = useConversationListStore()
-
-const shareRounds = computed<ShareRound[]>(() => {
-  const rounds: ShareRound[] = []
-  messages.value.forEach((message) => {
-    const lastRound = rounds[rounds.length - 1]
-    if (message.role === 'ASSISTANT' && lastRound && !lastRound.chatRecordId) {
-      lastRound.messages.push(message)
-      lastRound.chatRecordId = message.recordId
-    } else {
-      rounds.push({ key: message.id, chatRecordId: message.role === 'ASSISTANT' ? message.recordId : undefined, messages: [message] })
-    }
-  })
-  // 尚未生成 chat_record 的轮次(回答未落库)无法分享
-  return rounds.filter((round) => round.chatRecordId)
-})
-
-const selectedCount = computed(() => share.selectedRoundKeys.value.length)
-const isAllSelected = computed(() => shareRounds.value.length > 0 && selectedCount.value === shareRounds.value.length)
-const isIndeterminate = computed(() => selectedCount.value > 0 && !isAllSelected.value)
-
-const handleSelectAll = (checked: boolean | string | number) => share.setSelectedRounds(checked ? shareRounds.value.map((round) => round.key) : [])
-
-const handleShare = () => {
-  const chatRecordIds = shareRounds.value.filter((round) => share.isSelected(round.key)).map((round) => round.chatRecordId as string)
-  void share.share(chatRecordIds)
-}
+const { appInfo, messages, loading, title, hasMore, loadMore } = useSharePanelContentStore()
+const copyMessage = (message: ChatMessage) =>
+  copyText(
+    message.content
+      .map((content) => content.content || '')
+      .filter(Boolean)
+      .join('\n'),
+  )
+const avatar = computed(() => appInfo.value?.avatar)
+const userAvatar = computed(() => appInfo.value?.user_avatar)
+const showAvatar = computed(() => appInfo.value?.show_avatar)
+const showUserAvatar = computed(() => appInfo.value?.show_user_avatar)
 </script>
 
 <template>
-  <!-- 分享主面板:勾选要分享的对话轮次 -->
+  <!-- 分享主面板：只读展示对话记录 -->
   <main class="mk-conversation-main">
     <header class="mk-conversation-chat-header flex-align-center gap-3 p-4">
-      <!-- 左侧收起时才在顶部显示:展开左侧 + 新建对话(展开时它们在侧栏内) -->
-      <template v-if="!list.leftSideOpen.value">
-        <!-- 展开左侧 -->
-        <MkTooltip content="展开侧边栏">
-          <el-button text @click="list.toggleLeftSide()" class="-ml-1">
-            <MkIcon name="icon_sidebar_outlined" :size="18" class="text-N900!" />
-          </el-button>
-        </MkTooltip>
-      </template>
-
-      <div class="flex-1 flex-align-center gap-2">
-        <h4 class="truncate">{{ list.currentConversation.value?.abstract || '新建对话' }}</h4>
+      <div class="min-w-0 flex-1">
+        <h4 class="truncate">{{ title }}</h4>
       </div>
     </header>
     <ReverseInfiniteScroll
       content-class="mk-conversation-content p-4 space-y-2"
       :loading="loading"
       :has-more="hasMore"
-      :count="shareRounds.length"
+      :count="messages.length"
       :load-more="loadMore"
     >
-      <template v-for="round in shareRounds" :key="round.key">
-        <!-- 点击整轮对话切换勾选 -->
-        <div class="group flex cursor-pointer gap-3" @click="share.toggleRound(round.key)">
-          <el-checkbox :model-value="share.isSelected(round.key)" class="pointer-events-none shrink-0" />
-          <!-- 分享模式下内容只读，不响应内部交互 -->
-          <div
-            class="px-4 py-3 rounded-xl pointer-events-none min-w-0 flex-1 select-none group-hover:bg-N900/8"
-            :class="{ 'bg-N900/8': share.isSelected(round.key) }"
-          >
-            <ContentList v-for="message in round.messages" :key="message.id" :content-list="message.content" />
+      <p v-if="appInfo?.disclaimer" class="wrap-anywhere text-center text-sm text-N500 mb-4">{{ appInfo?.disclaimer_value }}</p>
+
+      <template v-for="(msg, i) in messages" :key="msg.id || i">
+        <!-- 用户提问靠右：头像独占一行在上，提问容器在下方靠右收缩 -->
+        <div v-if="msg.role === 'USER'">
+          <div v-if="showUserAvatar" class="text-right">
+            <el-avatar v-if="userAvatar" class="bg-transparent!" shape="square" :size="24">
+              <img :src="userAvatar" alt="" />
+            </el-avatar>
+            <el-avatar v-else :size="24" :style="{ background: appInfo?.custom_theme?.theme_color || 'var(--mk-primary-gradient)' }">
+              <img src="@/assets/mk_icon_user_gradient.svg" alt="" style="width: 50%" />
+            </el-avatar>
           </div>
+          <ContentList :content-list="msg.content" />
         </div>
+        <template v-else>
+          <ApplicationIcon v-if="showAvatar" :icon="avatar" :size="24" class="shrink-0" />
+          <ContentList :content-list="msg.content" />
+          <!-- 复制回答正文 -->
+          <MkTooltip content="复制">
+            <el-button text class="-ml-1" :disabled="!msg.content.length" @click="copyMessage(msg)">
+              <MkIcon name="icon_copy_outlined" />
+            </el-button>
+          </MkTooltip>
+        </template>
       </template>
-
       <template #empty>
         <MkEmpty description="暂无可分享的对话" class="mt-20" />
       </template>
     </ReverseInfiniteScroll>
-    <el-divider />
-    <footer class="mk-conversation-content p-4 flex-between">
-      <div class="flex-align-center gap-3">
-        <!-- 全选当前已加载的对话 -->
-        <el-checkbox :model-value="isAllSelected" :indeterminate="isIndeterminate" :disabled="!shareRounds.length" @change="handleSelectAll" />
-        <span class="text-N600">已选 {{ selectedCount }}/{{ selectedCount }}</span>
-      </div>
-      <div>
-        <!-- 退出分享模式 -->
-        <el-button plain @click="share.close()">取消</el-button>
-        <!-- 分享已选对话 -->
-        <el-button type="primary" :disabled="!selectedCount" :loading="share.sharing.value" @click="handleShare">分享</el-button>
-      </div>
-    </footer>
   </main>
 </template>
diff --git a/ui/src/conversation-panel/view/chat/index.vue b/ui/src/conversation-panel/view/chat/index.vue
index 409d03dcef6..acfc1cc4874 100644
--- a/ui/src/conversation-panel/view/chat/index.vue
+++ b/ui/src/conversation-panel/view/chat/index.vue
@@ -12,7 +12,7 @@ import { CONVERSATION_LIST_KEY } from '../../left-sidebar/conversation-list/inde
 import { MESSAGE_LIST_KEY } from '../../components/message-list/index'
 import { MESSAGE_INPUT_KEY } from '../../components/message-input/index'
 import { EXECUTION_DETAIL_KEY } from '../../right-sidebar/execution-detail/index'
-import { SHARE_PANEL_KEY } from '../../main/share-panel/index'
+import { SHARE_PANEL_KEY, SHARE_PANEL_CONTENT_KEY } from '../../main/share-panel/index'
 import { createChatConversation } from './index'
 
 const bundle = createChatConversation()
@@ -37,6 +37,10 @@ provide(MESSAGE_LIST_KEY, bundle.msgs)
 provide(MESSAGE_INPUT_KEY, bundle.input)
 provide(EXECUTION_DETAIL_KEY, bundle.detail)
 provide(SHARE_PANEL_KEY, bundle.share)
+provide(SHARE_PANEL_CONTENT_KEY, {
+  ...bundle.msgs,
+  title: computed(() => bundle.list.currentConversation.value?.abstract || '新建对话'),
+})
 
 // 响应式:窄屏 drawer,宽屏 push
 const BREAKPOINT = 768
diff --git a/ui/src/router/chat/routes.ts b/ui/src/router/chat/routes.ts
index 1b245d6436a..20f1ae15eb4 100644
--- a/ui/src/router/chat/routes.ts
+++ b/ui/src/router/chat/routes.ts
@@ -34,6 +34,7 @@ const portalRoutes: RouteRecordRaw[] = [
 ]
 
 const applicationRoutes: RouteRecordRaw[] = [
+  { path: '/share/:shareId', name: 'chat-share', component: () => import('@/views/chat/share/index.vue'), meta: { title: '分享' } },
   {
     path: '/:accessToken/login',
     name: 'chat-login',
diff --git a/ui/src/views/VIEW_README.md b/ui/src/views/VIEW_README.md
index cbe2480d8b3..ed6207f5e06 100644
--- a/ui/src/views/VIEW_README.md
+++ b/ui/src/views/VIEW_README.md
@@ -62,6 +62,7 @@
 | `system/operate-logs/`                                                                | 操作日志与清除策略                           |
 | `login/`、`login/forgot-password/`                                                    | Admin 登录与找回密码                         |
 | `chat/`、`portal/`                                                                    | 单应用与门户对话                             |
+| `chat/share/`                                                                         | 公开分享链接的只读问答展示与失败重试         |
 | `chat/login/`、`chat/error/`、`error/`                                                | Chat 登录、Chat／Admin 错误页                |
 | `details-demo/`                                                                       | 临时执行详情预览                             |
 
diff --git a/ui/src/views/chat/share/index.vue b/ui/src/views/chat/share/index.vue
new file mode 100644
index 00000000000..88ad677b49a
--- /dev/null
+++ b/ui/src/views/chat/share/index.vue
@@ -0,0 +1,69 @@
+<script setup lang="ts">
+import { computed, onBeforeUnmount, provide, ref, watch } from 'vue'
+import { useRoute } from 'vue-router'
+import ConversationApi from '@/api/chat/conversation'
+import type { ChatShareDetail } from '@/api/types'
+import type { ChatMessage } from '@/conversation-panel/core/types'
+import { SHARE_PANEL_CONTENT_KEY } from '@/conversation-panel/main/share-panel/index'
+import SharePanel from '@/conversation-panel/main/share-panel/index.vue'
+
+defineOptions({ name: 'ChatShare' })
+
+const route = useRoute()
+const shareId = computed(() => String(route.params.shareId || ''))
+const detail = ref<ChatShareDetail | null>(null)
+const loading = ref(false)
+const failed = ref(false)
+
+// 公开接口按时间正序返回全部记录，不请求原会话或加载更多历史。
+const messages = computed<ChatMessage[]>(() =>
+  (detail.value?.chat_record_list ?? []).flatMap((record) => {
+    const attachments = record.execution_details?.find((entry) => entry.type === 'start-node') ?? {}
+    const answers = (record.answer_text_list ?? []).flat()
+    return [
+      { id: `${record.id}_USER`, role: 'USER', content: [{ ...attachments, type: 'QUESTION', content: record.problem_text }] },
+      {
+        id: `${record.id}_ASSISTANT`,
+        role: 'ASSISTANT',
+        content: answers.length ? answers : [{ type: 'TEXT', content: record.answer_text }],
+      },
+    ]
+  }),
+)
+
+provide(SHARE_PANEL_CONTENT_KEY, {
+  title: computed(() => detail.value?.abstract || '分享对话'),
+  appInfo: ref(null),
+  messages,
+  loading,
+  hasMore: ref(false),
+  loadMore: async () => false,
+})
+
+// 请求序号隔离切换链接及卸载后的响应，防止旧记录覆盖当前页面。
+let requestVersion = 0
+const loadShare = async () => {
+  const version = ++requestVersion
+  detail.value = null
+  loading.value = true
+  failed.value = false
+  try {
+    const response = await ConversationApi.getShareConversation(shareId.value)
+    if (version === requestVersion) detail.value = response
+  } catch {
+    if (version === requestVersion) failed.value = true
+  } finally {
+    if (version === requestVersion) loading.value = false
+  }
+}
+watch(shareId, loadShare, { immediate: true })
+onBeforeUnmount(() => requestVersion++)
+</script>
+
+<template>
+  <main class="h-screen bg-white">
+    <SharePanel />
+  </main>
+</template>
+
+<style lang="scss"></style>
diff --git a/ui/vite.config.ts b/ui/vite.config.ts
index 0eef86ea5fd..46fc531a9d7 100644
--- a/ui/vite.config.ts
+++ b/ui/vite.config.ts
@@ -9,7 +9,7 @@ import tailwindcss from '@tailwindcss/vite'
 import Components from 'unplugin-vue-components/vite'
 
 const envDir = './env'
-const defaultBackendTarget = 'http://47.120.55.164:38080/'
+const defaultBackendTarget = 'https://mkv3-ee.fit2cloud.cn/'
 const projectRoot = fileURLToPath(new URL('.', import.meta.url))
 
 const renameHtmlPlugin = (outDir: string, entry: string) => {
@@ -70,9 +70,7 @@ const devEntryFallbackPlugin = (entry: string, proxyKeys: string[], basePath?: s
 
         const acceptsHtml = req.headers.accept?.includes('text/html')
         const isAppRoute =
-          pathname === '/' ||
-          pathname === normalizedBasePath ||
-          (Boolean(normalizedBasePath) && pathname.startsWith(normalizedBasePath))
+          pathname === '/' || pathname === normalizedBasePath || (Boolean(normalizedBasePath) && pathname.startsWith(normalizedBasePath))
 
         // History 模式下，刷新任意前端路由都需要返回当前应用的 HTML 入口；
         // 该中间件先于 proxy 执行，需代理到后端的地址（如浏览器直接打开的 oss/file）不能回退。