diff --git a/ui/src/api/admin/auth/external-login.ts b/ui/src/api/admin/auth/external-login.ts
index 8600bfcd3aa..0690a49a552 100644
--- a/ui/src/api/admin/auth/external-login.ts
+++ b/ui/src/api/admin/auth/external-login.ts
@@ -1,7 +1,8 @@
 /** 提供 Admin 第三方认证、扫码登录及客户端授权回调接口。 */
 
 import { get } from '../core/request'
-import type { ExternalAuthSetting, LoginResponse, QrCodeSource } from './types'
+import type { ExternalAuthSetting, QrCodeSource } from '@/api/types'
+import type { LoginResponse } from './types'
 
 /** 获取外部认证方式的跳转配置。 */
 const getExternalAuthSetting = (authType: string) => {
diff --git a/ui/src/api/admin/auth/types.ts b/ui/src/api/admin/auth/types.ts
index 5ab8bec417d..70fdffa8666 100644
--- a/ui/src/api/admin/auth/types.ts
+++ b/ui/src/api/admin/auth/types.ts
@@ -1,6 +1,6 @@
 /** Admin 认证 API 及其 Store 消费方共同使用的类型。 */
 
-import type { LoginMethod, QrCodeConfig, WorkspaceItem } from '@/api/types'
+import type { WorkspaceItem } from '@/api/types'
 
 export interface CurrentUserInfo {
   email: string
@@ -32,24 +32,6 @@ export interface CaptchaResponse {
   captcha: string
 }
 
-export interface ExternalAuthConfig {
-  authEndpoint?: string
-  clientId?: string
-  ldpUri?: string
-  redirectUrl: string
-  scope?: string
-  state?: string
-}
-
-export interface ExternalAuthSetting {
-  config?: ExternalAuthConfig
-}
-
-export interface QrCodeSource {
-  auth_type: Extract<LoginMethod, 'dingtalk' | 'lark' | 'wecom'>
-  config: QrCodeConfig
-}
-
 export interface BaseProfile {
   edition: 'CE' | 'EE' | 'PE'
   license_is_valid: boolean
diff --git a/ui/src/api/admin/system/resource-management/application/application.ts b/ui/src/api/admin/system/resource-management/application/application.ts
index 2866d4f4624..419385dab43 100644
--- a/ui/src/api/admin/system/resource-management/application/application.ts
+++ b/ui/src/api/admin/system/resource-management/application/application.ts
@@ -1,6 +1,13 @@
 import { del, get, getExportFile, put } from '@/api/admin/core/request'
 import type { ParamsPage, ResponsePage } from '@/api/admin/core/types'
-import type { ApplicationAccessToken, ApplicationAccessTokenPayload, ApplicationDetail, ApplicationFormPayload, Dict } from '@/api/types'
+import type {
+  ApplicationAccessToken,
+  ApplicationAccessTokenPayload,
+  ApplicationDetail,
+  ApplicationDisplaySetting,
+  ApplicationFormPayload,
+  Dict,
+} from '@/api/types'
 
 const prefix = '/system/resource/application'
 
@@ -45,6 +52,9 @@ const getAccessToken = (applicationId: string) => get<ApplicationAccessToken>(`$
 const putAccessToken = (applicationId: string, payload: ApplicationAccessTokenPayload) =>
   put<ApplicationAccessTokenPayload, ApplicationAccessToken>(`${prefix}/${applicationId}/access_token`, payload)
 
+/** 获取智能体展示设置，仅许可证有效的专业版、企业版提供；未保存过的字段可能缺失。 */
+const getDisplaySetting = (applicationId: string) => get<Partial<ApplicationDisplaySetting>>(`${prefix}/${applicationId}/setting`)
+
 /** 保存智能体展示设置，沿用 V2 图片与配置的 multipart 协议。 */
 const putDisplaySetting = (applicationId: string, payload: FormData) => put<FormData>(`${prefix}/${applicationId}/setting`, payload)
 
@@ -63,6 +73,7 @@ export default {
   getApplicationDetail,
   getAccessToken,
   putAccessToken,
+  getDisplaySetting,
   putDisplaySetting,
   putApplication,
   putApplicationPublish,
diff --git a/ui/src/api/admin/workspace/application/application.ts b/ui/src/api/admin/workspace/application/application.ts
index fce1df2b9eb..5cf6fa39dc6 100644
--- a/ui/src/api/admin/workspace/application/application.ts
+++ b/ui/src/api/admin/workspace/application/application.ts
@@ -1,6 +1,13 @@
 import { del, get, getExportFile, post, put } from '../../core/request'
 import type { ParamsPage, ResponsePage } from '../../core/types'
-import type { ApplicationAccessToken, ApplicationAccessTokenPayload, ApplicationDetail, ApplicationFormPayload, Dict } from '@/api/types'
+import type {
+  ApplicationAccessToken,
+  ApplicationAccessTokenPayload,
+  ApplicationDetail,
+  ApplicationDisplaySetting,
+  ApplicationFormPayload,
+  Dict,
+} from '@/api/types'
 import { getWorkspaceId } from '@/utils/resource-context'
 
 const getPrefix = () => {
@@ -34,6 +41,9 @@ const getAccessToken = (applicationId: string) => get<ApplicationAccessToken>(`$
 const putAccessToken = (applicationId: string, payload: ApplicationAccessTokenPayload) =>
   put<ApplicationAccessTokenPayload, ApplicationAccessToken>(`${getPrefix()}/${applicationId}/access_token`, payload)
 
+/** 获取智能体展示设置，仅许可证有效的专业版、企业版提供；未保存过的字段可能缺失。 */
+const getDisplaySetting = (applicationId: string) => get<Partial<ApplicationDisplaySetting>>(`${getPrefix()}/${applicationId}/setting`)
+
 /** 保存智能体展示设置，沿用 V2 图片与配置的 multipart 协议。 */
 const putDisplaySetting = (applicationId: string, payload: FormData) => put<FormData>(`${getPrefix()}/${applicationId}/setting`, payload)
 
@@ -103,6 +113,7 @@ export default {
   getApplicationDetail,
   getAccessToken,
   putAccessToken,
+  getDisplaySetting,
   putDisplaySetting,
   deleteApplication,
   exportApplication,
diff --git a/ui/src/api/chat/auth.ts b/ui/src/api/chat/auth.ts
index ed2589ce984..ea77baa88f9 100644
--- a/ui/src/api/chat/auth.ts
+++ b/ui/src/api/chat/auth.ts
@@ -1,8 +1,8 @@
-/** 提供单应用对话与门户的认证前置配置、匿名认证、登录和登出接口。 */
+/** 提供单应用对话与门户的认证前置配置、匿名认证、账号／第三方／扫码登录和登出接口。 */
 
 import { get, post, promise, request } from './core/request'
 import type { ApiResponse } from './core/types'
-import type { ApplicationAuthProfile, ChatLoginRequest, ChatLoginResponse, PortalAuthProfile } from '@/api/types'
+import type { ApplicationAuthProfile, ChatLoginRequest, ChatLoginResponse, ExternalAuthSetting, PortalAuthProfile, QrCodeSource } from '@/api/types'
 
 interface ChatCaptchaResponse {
   captcha: string
@@ -43,6 +43,30 @@ const postLogin = (loginRequest: ChatLoginRequest, accessToken?: string, savedTo
   )
 }
 
+/** 使用 LDAP 账号登录；传入 accessToken 时登录到对应应用，否则登录门户。携带本地保存的 token。 */
+const postLdapLogin = (loginRequest: ChatLoginRequest, accessToken?: string, savedToken?: string) => {
+  return promise<ChatLoginResponse>(
+    request.post<ApiResponse<ChatLoginResponse>>(accessToken ? `/auth/ldap/login/${accessToken}` : '/auth/ldap/login', loginRequest, {
+      headers: getSavedTokenHeaders(savedToken),
+    }),
+  )
+}
+
+/** 获取 CAS、OIDC、OAuth2 等对话用户第三方认证的跳转配置。 */
+const getExternalAuthSetting = (authType: string) => {
+  return get<ExternalAuthSetting>(`/chat_user/${authType}/detail`)
+}
+
+/** 获取对话用户扫码登录提供商配置。 */
+const getQrCodeSources = () => {
+  return get<QrCodeSource[]>('/auth/qr_type/source')
+}
+
+/** 使用钉钉扫码授权码登录；传入 accessToken 时登录到对应应用。 */
+const getDingTalkCallback = (code: string, accessToken?: string) => {
+  return get<ChatLoginResponse>('/auth/dingtalk', accessToken ? { code, accessToken } : { code })
+}
+
 /**
  * 获取应用登录验证码；无需验证码时返回空字符串。
  * 后端当前以 `application_id` 查询参数接收 accessToken，且仅支持应用场景。
@@ -56,4 +80,15 @@ const postLogout = () => {
   return post<undefined, boolean>('/v3/auth/logout')
 }
 
-export default { getApplicationAuthProfile, getPortalAuthProfile, postAnonymousAuth, postLogin, getCaptcha, postLogout }
+export default {
+  getApplicationAuthProfile,
+  getPortalAuthProfile,
+  postAnonymousAuth,
+  postLogin,
+  postLdapLogin,
+  getExternalAuthSetting,
+  getQrCodeSources,
+  getDingTalkCallback,
+  getCaptcha,
+  postLogout,
+}
diff --git a/ui/src/api/types/application.ts b/ui/src/api/types/application.ts
index cef0bb08296..5cfa36f5003 100644
--- a/ui/src/api/types/application.ts
+++ b/ui/src/api/types/application.ts
@@ -140,6 +140,8 @@ export interface ApplicationFormPayload {
   tts_type?: string
   tts_autoplay?: boolean
   stt_autosend?: boolean
+  file_upload_enable?: boolean
+  file_upload_setting?: Record<string, unknown>
   folder_id?: string
   workspace_id?: string
   mcp_enable?: boolean
diff --git a/ui/src/api/types/chat-application.ts b/ui/src/api/types/chat-application.ts
index 25c7f3cd875..e1a2ca47f75 100644
--- a/ui/src/api/types/chat-application.ts
+++ b/ui/src/api/types/chat-application.ts
@@ -1,12 +1,50 @@
 /** 对话端智能体信息类型。 */
 
-/** 对话端可见的智能体基础信息，仅声明当前使用的字段。 */
+import type LogicFlow from '@logicflow/core'
+import type { ApplicationType } from './application'
+import type { Dict } from './common'
+
+/**
+ * 对话端可见的智能体信息。门户智能体列表只返回基础字段；
+ * profile 接口额外返回对话配置（已发布版本）与访问设置，访问设置中的展示项需许可证有效才返回。
+ */
 export interface ChatApplicationProfile {
   id: string
   name: string
   icon: string
-  desc?: string
+  desc?: string | null
   prologue?: string
+  type?: ApplicationType
+  dialogue_number?: number
+  problem_optimization?: boolean
+  stt_model_id?: string | null
+  tts_model_id?: string | null
+  stt_model_enable?: boolean
+  tts_model_enable?: boolean
+  tts_type?: string
+  tts_autoplay?: boolean
+  stt_autosend?: boolean
+  file_upload_enable?: boolean
+  file_upload_setting?: Dict<unknown>
+  /** 仅包含开始节点（base-node），非工作流智能体为 null。 */
+  work_flow?: LogicFlow.GraphConfigData | null
+  show_source?: boolean
+  show_exec?: boolean
+  show_share?: boolean
+  language?: string | null
+  show_history?: boolean
+  draggable?: boolean
+  show_guide?: boolean
+  avatar?: string
+  show_avatar?: boolean
+  float_icon?: string
+  disclaimer?: boolean
+  disclaimer_value?: string
+  custom_theme?: { theme_color?: string; header_font_color?: string }
+  user_avatar?: string
+  show_user_avatar?: boolean
+  float_location?: Dict<unknown>
+  chat_background?: string
 }
 
 /** 门户历史对话中单条会话的摘要。 */
diff --git a/ui/src/api/types/login.ts b/ui/src/api/types/login.ts
index e6cb574db20..0c14c93cd53 100644
--- a/ui/src/api/types/login.ts
+++ b/ui/src/api/types/login.ts
@@ -21,6 +21,25 @@ export interface QrCodeConfig {
   qr_url?: string
 }
 
+export interface QrCodeSource {
+  auth_type: QrCodeProvider
+  config: QrCodeConfig
+}
+
+/** CAS、OIDC、OAuth2 等第三方认证的跳转配置。 */
+export interface ExternalAuthConfig {
+  authEndpoint?: string
+  clientId?: string
+  ldpUri?: string
+  redirectUrl: string
+  scope?: string
+  state?: string
+}
+
+export interface ExternalAuthSetting {
+  config?: ExternalAuthConfig
+}
+
 export interface UpdatePasswordForm {
   password: string
   re_password: string
diff --git a/ui/src/assets/conversation/load_error.png b/ui/src/assets/conversation/load_error.png
new file mode 100644
index 00000000000..695abfd885e
Binary files /dev/null and b/ui/src/assets/conversation/load_error.png differ
diff --git a/ui/src/constants/CONSTANT_README.md b/ui/src/constants/CONSTANT_README.md
index 024d39d4ec1..00dbf753076 100644
--- a/ui/src/constants/CONSTANT_README.md
+++ b/ui/src/constants/CONSTANT_README.md
@@ -45,3 +45,6 @@ API 枚举值。例如角色类型和登录方式以 `src/api/enums` 为唯一
 
 `file-type.ts` 维护图片、文档、视频和音频的文件扩展名常量，扩展名统一使用大写。
 使用方判断文件类型时先将后缀转换为大写，再与对应常量匹配。
+
+`application.ts` 的 `APPLICATION_DISPLAY_SETTING_DEFAULT` 维护智能体显示设置默认值，专业版显示设置弹窗的
+初始与恢复默认、调试面板（社区版或接口未返回的字段）共用；常量只读，使用方修改前先深拷贝。
diff --git a/ui/src/constants/application.ts b/ui/src/constants/application.ts
new file mode 100644
index 00000000000..2eb3029216a
--- /dev/null
+++ b/ui/src/constants/application.ts
@@ -0,0 +1,24 @@
+/** 智能体共享常量。 */
+
+import type { ApplicationDisplaySetting } from '@/api/types'
+
+/** 显示设置默认值：专业版显示设置弹窗的初始与恢复默认，社区版调试面板也以此展示。使用方按需深拷贝。 */
+export const APPLICATION_DISPLAY_SETTING_DEFAULT: Readonly<ApplicationDisplaySetting> = {
+  show_source: false,
+  show_exec: false,
+  language: '',
+  show_history: true,
+  draggable: true,
+  show_share: true,
+  icon: '',
+  chat_background: '',
+  avatar: './favicon.ico',
+  float_icon: '',
+  user_avatar: './favicon.ico',
+  disclaimer: false,
+  disclaimer_value: '「以上内容均由 AI 生成，仅供参考和借鉴」',
+  custom_theme: { theme_color: '', header_font_color: '#1f2329' },
+  float_location: { x: { type: 'right', value: 0 }, y: { type: 'bottom', value: 30 } },
+  show_avatar: true,
+  show_user_avatar: true,
+}
diff --git a/ui/src/conversation-panel/components/content/items/text.vue b/ui/src/conversation-panel/components/content/items/text.vue
index 4a4862158bc..a888a092d8a 100644
--- a/ui/src/conversation-panel/components/content/items/text.vue
+++ b/ui/src/conversation-panel/components/content/items/text.vue
@@ -1,17 +1,16 @@
 <script setup lang="ts">
-import { useId } from 'vue'
+import MarkdownRenderer from '../../markdown-renderer/index.vue'
 
 defineOptions({ name: 'ConversationTextContent' })
 
 defineProps<{
   content: { content?: string | null }
 }>()
-
-const editorId = `conversation-text-${useId()}`
 </script>
 
 <template>
+  <!-- 正文兼容 v2 标签（快捷问题、HTML、图表等），其余按 Markdown 渲染 -->
   <div class="mk-conversation-text-content">
-    <MdPreview :editor-id="editorId" :model-value="content.content ?? ''" />
+    <MarkdownRenderer :source="content.content ?? ''" />
   </div>
 </template>
diff --git a/ui/src/conversation-panel/components/header/debug/index.vue b/ui/src/conversation-panel/components/header/debug/index.vue
index 351da6e6848..a33c4f25daa 100644
--- a/ui/src/conversation-panel/components/header/debug/index.vue
+++ b/ui/src/conversation-panel/components/header/debug/index.vue
@@ -18,7 +18,6 @@ const debug = useDebugHeaderStore()
       </MkTooltip>
     </template>
     <ApplicationIcon :icon="appInfo?.icon" :size="24" class="shrink-0 mr-2" />
-    <!-- // TODO 没拿到appInfo -->
     <h4 class="min-w-0 flex-1 truncate font-semibold" :title="appInfo?.name">
       {{ appInfo?.name }}
     </h4>
diff --git a/ui/src/conversation-panel/components/markdown-renderer/EchartsRender.vue b/ui/src/conversation-panel/components/markdown-renderer/EchartsRender.vue
new file mode 100644
index 00000000000..d73ff7f77ef
--- /dev/null
+++ b/ui/src/conversation-panel/components/markdown-renderer/EchartsRender.vue
@@ -0,0 +1,161 @@
+<script setup lang="ts">
+import { nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import * as echarts from 'echarts'
+import { randomId } from '@/utils/common'
+
+defineOptions({ name: 'MarkdownEchartsRender' })
+
+const props = defineProps<{ option: string }>()
+
+// 后端下发的图表配置：actionType 为 EVAL 时 option 是一段脚本，需在沙箱 iframe 中执行得到真实 option
+type ChartStyle = Record<string, string>
+interface ChartOptionPayload {
+  actionType?: string
+  option?: unknown
+  style?: ChartStyle
+}
+interface EvalResult {
+  option: echarts.EChartsOption
+  style: ChartStyle | null
+}
+
+const chartsRef = ref<HTMLDivElement>()
+const iframeRef = ref<HTMLIFrameElement>()
+const style = ref<ChartStyle>({ height: '220px', width: '100%' })
+
+const iframeHtml = /* html */ `
+<!DOCTYPE html><html><head><meta charset="UTF-8"/></head><body><script>
+  window.addEventListener('message', ({ data, source, origin }) => {
+    if (data?.type !== 'EVAL_OPTION') return
+    try {
+      const option_json = JSON.parse(data.option_str)
+      const style = { value: null }
+      if (option_json.style) style.value = option_json.style
+      let option = {}
+      eval(option_json.option)
+      source.postMessage(
+        { type: 'EVAL_RESULT', id: data.id, result_str: JSON.stringify({ option, style: style.value }) },
+        origin || '*'
+      )
+    } catch (e) {
+      source.postMessage({ type: 'EVAL_ERROR', id: data.id, error: e.message }, origin || '*')
+    }
+  })
+<\/script></body></html>`
+
+// ── 沙箱执行 ───────────────────────────────────────────────────────────────
+const EVAL_TIMEOUT_MS = 5000
+let iframeReady = false
+let pendingPayload: ChartOptionPayload | null = null
+
+function evalInSandbox(payload: ChartOptionPayload): Promise<EvalResult> {
+  return new Promise((resolve, reject) => {
+    const id = randomId()
+    const timer = setTimeout(() => {
+      window.removeEventListener('message', handler)
+      reject(new Error(`evalInSandbox timeout (id=${id})`))
+    }, EVAL_TIMEOUT_MS)
+
+    function handler(event: MessageEvent) {
+      // 只接收本实例沙箱对本次请求的回复
+      if (event.source !== iframeRef.value?.contentWindow) return
+      const { type, id: responseId, result_str, error } = event.data || {}
+      if (responseId !== id || (type !== 'EVAL_RESULT' && type !== 'EVAL_ERROR')) return
+      clearTimeout(timer)
+      window.removeEventListener('message', handler)
+      if (type === 'EVAL_ERROR') return reject(new Error(error))
+      try {
+        resolve(JSON.parse(result_str))
+      } catch (e) {
+        reject(e)
+      }
+    }
+
+    window.addEventListener('message', handler)
+    iframeRef.value?.contentWindow?.postMessage({ type: 'EVAL_OPTION', id, option_str: JSON.stringify(payload) }, '*')
+  })
+}
+
+function onIframeLoad() {
+  iframeReady = true
+  if (pendingPayload) {
+    runEval(pendingPayload)
+    pendingPayload = null
+  }
+}
+
+// ── 渲染 ───────────────────────────────────────────────────────────────────
+function ensureChart() {
+  if (!chartsRef.value) return null
+  return echarts.getInstanceByDom(chartsRef.value) ?? echarts.init(chartsRef.value)
+}
+
+function runEval(payload: ChartOptionPayload) {
+  const chart = ensureChart()
+  if (!chart) return
+  evalInSandbox(payload)
+    .then(({ option, style: evalStyle }) => {
+      if (evalStyle) style.value = evalStyle
+      chart.setOption(option, true)
+    })
+    .catch((e) => console.error('[ECharts EVAL error]', e))
+}
+
+function applyOption(payload: ChartOptionPayload & echarts.EChartsOption) {
+  if (payload.actionType === 'EVAL') {
+    if (iframeReady) runEval(payload)
+    else pendingPayload = payload
+    return
+  }
+  const chart = ensureChart()
+  if (!chart) return
+  if (payload.style) style.value = payload.style
+  chart.setOption((payload.option ?? payload) as echarts.EChartsOption, true)
+}
+
+function initChart() {
+  if (!chartsRef.value || !props.option) return
+  try {
+    applyOption(JSON.parse(props.option))
+  } catch (e) {
+    console.error('[ECharts] invalid option JSON', e)
+  }
+}
+
+// ── 尺寸与生命周期 ─────────────────────────────────────────────────────────
+let resizeTimer: ReturnType<typeof setTimeout> | undefined
+let resizeObserver: ResizeObserver | undefined
+function onResize() {
+  clearTimeout(resizeTimer)
+  resizeTimer = setTimeout(() => {
+    if (chartsRef.value) echarts.getInstanceByDom(chartsRef.value)?.resize()
+  }, 100)
+}
+
+watch(
+  () => props.option,
+  (option) => {
+    if (option) nextTick(initChart)
+  },
+)
+
+onMounted(() => {
+  nextTick(initChart)
+  if (!chartsRef.value) return
+  resizeObserver = new ResizeObserver(onResize)
+  resizeObserver.observe(chartsRef.value)
+})
+
+onBeforeUnmount(() => {
+  clearTimeout(resizeTimer)
+  resizeObserver?.disconnect()
+  if (chartsRef.value) echarts.getInstanceByDom(chartsRef.value)?.dispose()
+})
+</script>
+
+<template>
+  <div class="overflow-x-auto">
+    <iframe v-show="false" ref="iframeRef" sandbox="allow-scripts" :srcdoc="iframeHtml" @load="onIframeLoad" />
+    <div ref="chartsRef" :style="style" />
+  </div>
+</template>
diff --git a/ui/src/conversation-panel/components/markdown-renderer/FormRender.vue b/ui/src/conversation-panel/components/markdown-renderer/FormRender.vue
new file mode 100644
index 00000000000..5102cc306bc
--- /dev/null
+++ b/ui/src/conversation-panel/components/markdown-renderer/FormRender.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { MkDynamicsForm } from '@/components/mk-dynamics-form'
+import type { DynamicFormValue, FormField } from '@/components/mk-dynamics-form'
+import type { Dict } from '@/api/types'
+
+defineOptions({ name: 'MarkdownFormRender' })
+
+const props = defineProps<{ formSetting: string }>()
+
+interface FormSetting {
+  form_field_list?: FormField[]
+  form_data?: Dict<DynamicFormValue>
+  is_submit?: boolean
+}
+
+// v2 表单的提交依赖 runtime_node_id / child_node，与 v3 续跑协议不兼容，这里只读展示
+const formSetting = computed<FormSetting>(() => {
+  try {
+    return JSON.parse(props.formSetting || '{}')
+  } catch {
+    return {}
+  }
+})
+</script>
+
+<template>
+  <div>
+    <MkDynamicsForm view :render-data="formSetting.form_field_list ?? []" :model-value="formSetting.form_data ?? {}" />
+    <div v-if="!formSetting.is_submit" class="text-N500">旧版表单暂不支持提交</div>
+  </div>
+</template>
diff --git a/ui/src/conversation-panel/components/markdown-renderer/HtmlRender.vue b/ui/src/conversation-panel/components/markdown-renderer/HtmlRender.vue
new file mode 100644
index 00000000000..04936b7bfd0
--- /dev/null
+++ b/ui/src/conversation-panel/components/markdown-renderer/HtmlRender.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { computed, inject, ref } from 'vue'
+import { useIframeBridge, type IframeSendMessage } from './iframe-bridge'
+
+defineOptions({ name: 'MarkdownHtmlRender' })
+
+const props = withDefaults(defineProps<{ source?: string; sendMessage?: IframeSendMessage }>(), { source: '' })
+
+// v3 视图未 provide 时返回 null，iframe 内 chatUserProfile() 拿到空值
+const getChatUserProfile = inject<() => Promise<unknown>>('chatUserProfile', () => Promise.resolve(null))
+
+const iframeRef = ref<HTMLIFrameElement>()
+const { buildSrcdoc } = useIframeBridge(iframeRef, {
+  extended: true,
+  sendMessage: (question, otherParams) => props.sendMessage?.(question, otherParams),
+  getChatUserProfile,
+})
+const srcdoc = computed(() => buildSrcdoc(props.source))
+</script>
+
+<template>
+  <iframe ref="iframeRef" class="w-full border-0" :srcdoc="srcdoc" allow="geolocation" sandbox="allow-scripts" />
+</template>
diff --git a/ui/src/conversation-panel/components/markdown-renderer/IframeRender.vue b/ui/src/conversation-panel/components/markdown-renderer/IframeRender.vue
new file mode 100644
index 00000000000..5efb6949471
--- /dev/null
+++ b/ui/src/conversation-panel/components/markdown-renderer/IframeRender.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { useIframeBridge, type IframeSendMessage } from './iframe-bridge'
+
+defineOptions({ name: 'MarkdownIframeRender' })
+
+const props = withDefaults(defineProps<{ source?: string; sendMessage?: IframeSendMessage }>(), { source: '' })
+
+const iframeRef = ref<HTMLIFrameElement>()
+// iframe_render 只上报高度和发送消息，不提供跳转与用户信息
+const { buildSrcdoc } = useIframeBridge(iframeRef, {
+  extended: false,
+  sendMessage: (question) => props.sendMessage?.(question),
+})
+const srcdoc = computed(() => buildSrcdoc(props.source))
+</script>
+
+<template>
+  <iframe ref="iframeRef" class="w-full border-0" :srcdoc="srcdoc" allow="geolocation" sandbox="allow-scripts" />
+</template>
diff --git a/ui/src/conversation-panel/components/markdown-renderer/QuickQuestion.vue b/ui/src/conversation-panel/components/markdown-renderer/QuickQuestion.vue
new file mode 100644
index 00000000000..9b39921ecd5
--- /dev/null
+++ b/ui/src/conversation-panel/components/markdown-renderer/QuickQuestion.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+defineOptions({ name: 'MarkdownQuickQuestion' })
+
+defineProps<{
+  question: string
+  sendMessage?: (question: string) => void
+}>()
+</script>
+
+<template>
+  <!-- 发送快捷问题 -->
+  <div
+    class="quick-question mt-2 w-fit max-w-full rounded-lg border border-N300 bg-white px-3 py-1.5 leading-5 break-all"
+    :class="sendMessage ? 'cursor-pointer hover:bg-N100' : 'text-N500'"
+    @click="sendMessage?.(question)"
+  >
+    {{ question }}
+  </div>
+</template>
diff --git a/ui/src/conversation-panel/components/markdown-renderer/ReasoningRender.vue b/ui/src/conversation-panel/components/markdown-renderer/ReasoningRender.vue
new file mode 100644
index 00000000000..67b876d6cf6
--- /dev/null
+++ b/ui/src/conversation-panel/components/markdown-renderer/ReasoningRender.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { ref, useId } from 'vue'
+import { ArrowDown } from '@element-plus/icons-vue'
+
+defineOptions({ name: 'MarkdownReasoningRender' })
+
+defineProps<{ content?: string }>()
+
+const editorId = `markdown-reasoning-${useId()}`
+const showThink = ref(true)
+</script>
+
+<template>
+  <el-card shadow="never" class="reasoning mt-2" style="--el-card-padding: 12px">
+    <!-- 展开或收起思考过程 -->
+    <div class="flex-between cursor-pointer" @click="showThink = !showThink">
+      <div class="flex-align-center" style="line-height: 20px">
+        <MkIcon name="icon_two-ellipses_outlined" />
+        <span class="ml-1">思考过程</span>
+      </div>
+      <el-icon class="transition-transform" :class="{ 'rotate-180': showThink }">
+        <ArrowDown />
+      </el-icon>
+    </div>
+    <el-collapse-transition>
+      <div v-show="showThink">
+        <MdPreview :editor-id="editorId" :model-value="content ?? ''" class="reasoning-md" />
+      </div>
+    </el-collapse-transition>
+  </el-card>
+</template>
+
+<style lang="scss" scoped>
+.reasoning-md {
+  --md-color: var(--color-N500) !important;
+}
+</style>
diff --git a/ui/src/conversation-panel/components/markdown-renderer/iframe-bridge.ts b/ui/src/conversation-panel/components/markdown-renderer/iframe-bridge.ts
new file mode 100644
index 00000000000..4ba399320d0
--- /dev/null
+++ b/ui/src/conversation-panel/components/markdown-renderer/iframe-bridge.ts
@@ -0,0 +1,143 @@
+/** html_rander / iframe_render 共用的沙箱 iframe：生成 srcdoc，并处理 iframe 发回的高度、发送消息、跳转与用户信息请求。 */
+
+import { onBeforeUnmount, onMounted, type Ref } from 'vue'
+import type { Dict } from '@/api/types'
+import { randomId } from '@/utils/common'
+
+export type IframeSendMessage = (question: string, otherParams?: Dict<unknown>) => void
+
+interface IframeBridgeOptions {
+  /** 是否向 iframe 暴露 jump、chatUserProfile。 */
+  extended: boolean
+  sendMessage?: IframeSendMessage
+  getChatUserProfile?: () => Promise<unknown>
+}
+
+// 跳转、获取用户信息仅 html_rander 提供
+const EXTENDED_SCRIPT = `
+window.jump = function jump(url) {
+  parent.postMessage({ type: 'jump', instanceId: INSTANCE_ID, url }, '*');
+};
+window.chatUserProfile = function chatUserProfile() {
+  return new Promise((resolve, reject) => {
+    const requestId = Date.now() + '_' + Math.random();
+    function handler(e) {
+      if (e.data?.type === 'chatUserProfile:response' && e.data.requestId === requestId) {
+        window.removeEventListener('message', handler);
+        resolve(e.data.data);
+      }
+    }
+    window.addEventListener('message', handler);
+    parent.postMessage({ type: 'chatUserProfile', requestId, instanceId: INSTANCE_ID }, '*');
+    setTimeout(() => {
+      window.removeEventListener('message', handler);
+      reject(new Error('timeout'));
+    }, 10000);
+  });
+};`
+
+// 高度上报、发送消息，以及导出 PDF/图片时由 iframe 自身序列化 DOM（父页面无法读取沙箱内容）
+const BODY_SCRIPT = `
+function sendMessage(message, other_params_data) {
+  parent.postMessage({ type: 'chatMessage', instanceId: INSTANCE_ID, message, other_params_data }, '*');
+}
+let lastSentHeight = 0;
+let timer = null;
+function sendHeight() {
+  const height = Math.max(document.body.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight);
+  if (height === lastSentHeight) return;
+  lastSentHeight = height;
+  parent.postMessage({ type: 'resize', instanceId: INSTANCE_ID, height }, '*');
+}
+window.onload = sendHeight;
+new ResizeObserver(() => {
+  clearTimeout(timer);
+  timer = setTimeout(sendHeight, 100);
+}).observe(document.body);
+window.addEventListener('message', function (e) {
+  if (e.source !== parent || e.data?.type !== 'snapshot') return;
+  let html = '';
+  try {
+    const doc = document.documentElement.cloneNode(true);
+    const srcCanvas = document.querySelectorAll('canvas');
+    doc.querySelectorAll('canvas').forEach(function (c, i) {
+      try {
+        const img = document.createElement('img');
+        img.src = srcCanvas[i].toDataURL();
+        img.style.cssText = srcCanvas[i].style.cssText;
+        img.style.width = srcCanvas[i].offsetWidth + 'px';
+        img.style.height = srcCanvas[i].offsetHeight + 'px';
+        c.replaceWith(img);
+      } catch (err) {}
+    });
+    doc.querySelectorAll('script').forEach(function (s) { s.remove(); });
+    html = '<!DOCTYPE html>' + doc.outerHTML;
+  } catch (err) {}
+  parent.postMessage({ type: 'snapshot:response', requestId: e.data.requestId, html: html }, '*');
+});`
+
+function createIframeHtml(sourceHtml: string, instanceId: string, extended: boolean) {
+  return `<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<style>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+html, body { margin: 0 !important; padding: 0 !important; overflow: hidden; }
+</style>
+<script>
+const INSTANCE_ID = '${instanceId}';${extended ? EXTENDED_SCRIPT : ''}
+<\/script>
+</head>
+<body>
+${sourceHtml}
+<script>${BODY_SCRIPT}
+<\/script>
+</body>
+</html>`
+}
+
+/** 只放行 http(s) 地址，避免 javascript: 等协议在新窗口中以当前站点身份执行。 */
+function openExternalUrl(url: unknown) {
+  if (typeof url !== 'string') return
+  try {
+    const target = new URL(url, window.location.href)
+    if (['http:', 'https:'].includes(target.protocol)) window.open(target.href, '_blank', 'noopener,noreferrer')
+  } catch {
+    // 非法地址直接忽略
+  }
+}
+
+export function useIframeBridge(iframeRef: Ref<HTMLIFrameElement | undefined>, options: IframeBridgeOptions) {
+  // 每个实例生成唯一 id，防止多个 iframe 消息串扰
+  const instanceId = randomId()
+
+  function onMessage(event: MessageEvent) {
+    const iframe = iframeRef.value
+    // 同时校验来源窗口与实例 id，忽略其他页面或其他 iframe 伪造的消息
+    if (!iframe || event.source !== iframe.contentWindow || event.data?.instanceId !== instanceId) return
+
+    switch (event.data.type) {
+      case 'resize':
+        iframe.style.height = `${event.data.height}px`
+        break
+      case 'chatMessage':
+        options.sendMessage?.(event.data.message, event.data.other_params_data)
+        break
+      case 'jump':
+        if (options.extended) openExternalUrl(event.data.url)
+        break
+      case 'chatUserProfile':
+        if (!options.extended || !options.getChatUserProfile) break
+        options.getChatUserProfile().then((profile) => {
+          iframe.contentWindow?.postMessage({ type: 'chatUserProfile:response', requestId: event.data.requestId, data: profile }, '*')
+        })
+        break
+    }
+  }
+
+  onMounted(() => window.addEventListener('message', onMessage))
+  onBeforeUnmount(() => window.removeEventListener('message', onMessage))
+
+  return { buildSrcdoc: (sourceHtml: string) => createIframeHtml(sourceHtml, instanceId, options.extended) }
+}
diff --git a/ui/src/conversation-panel/components/markdown-renderer/index.vue b/ui/src/conversation-panel/components/markdown-renderer/index.vue
new file mode 100644
index 00000000000..a2ed604d35b
--- /dev/null
+++ b/ui/src/conversation-panel/components/markdown-renderer/index.vue
@@ -0,0 +1,83 @@
+<script setup lang="ts">
+import { computed, useId, type Component } from 'vue'
+import { pick } from 'lodash'
+import type { Dict } from '@/api/types'
+import loadErrorImage from '@/assets/conversation/load_error.png'
+import { useMessageInputStoreOptional, type QuestionOptions } from '../message-input/index'
+import { parseRenderNodes, type RenderTag } from './parse-tags'
+import QuickQuestion from './QuickQuestion.vue'
+import HtmlRender from './HtmlRender.vue'
+import IframeRender from './IframeRender.vue'
+import EchartsRender from './EchartsRender.vue'
+import FormRender from './FormRender.vue'
+import ReasoningRender from './ReasoningRender.vue'
+import ToolCallsRender from './tool-calls-render/index.vue'
+
+defineOptions({ name: 'MarkdownRenderer' })
+
+const props = withDefaults(
+  defineProps<{
+    source?: string
+    reasoning_content?: string
+  }>(),
+  { source: '', reasoning_content: '' },
+)
+
+const editorIdPrefix = `markdown-renderer-${useId()}`
+const renderNodes = computed(() => parseRenderNodes(props.source))
+
+// 发送走 message-input：新对话时由它生成会话并同步标题。日志等只读视图不注入，标签内的发送入口随之禁用
+const messageInputStore = useMessageInputStoreOptional()
+const ATTACHMENT_FIELDS = ['image_list', 'document_list', 'audio_list', 'video_list', 'other_list']
+
+// otherParams 为 v2 的 other_params_data：附件列表与 form_data
+function sendQuestion(question: string, otherParams?: Dict<unknown>) {
+  messageInputStore?.sendQuestion(question, {
+    attachments: pick(otherParams, ATTACHMENT_FIELDS) as QuestionOptions['attachments'],
+    formData: otherParams?.form_data as Dict<unknown> | undefined,
+  })
+}
+const sendMessage = messageInputStore ? sendQuestion : undefined
+
+interface TagRenderer {
+  component: Component
+  props: (content: string) => Dict<unknown>
+}
+
+const tagRenderers: Record<RenderTag, TagRenderer> = {
+  quick_question: { component: QuickQuestion, props: (question) => ({ question, sendMessage }) },
+  html_rander: { component: HtmlRender, props: (source) => ({ source, sendMessage }) },
+  iframe_render: { component: IframeRender, props: (source) => ({ source, sendMessage }) },
+  echarts_rander: { component: EchartsRender, props: (option) => ({ option }) },
+  tool_calls_render: { component: ToolCallsRender, props: (content) => ({ content }) },
+  form_rander: { component: FormRender, props: (formSetting) => ({ formSetting }) },
+}
+
+// 回答中的外部链接在新窗口打开；页内锚点（脚注等）保持默认
+function openLinkInNewTab(event: MouseEvent) {
+  const link = (event.target as HTMLElement | null)?.closest('a[href]')
+  if (!(link instanceof HTMLAnchorElement) || link.getAttribute('href')?.startsWith('#')) return
+  if (!['http:', 'https:'].includes(link.protocol)) return
+  link.target = '_blank'
+  link.rel = 'noopener noreferrer'
+}
+
+// 图片加载失败时替换为占位图，只替换一次避免占位图也失败时循环
+function replaceBrokenImage(event: Event) {
+  const image = event.target
+  if (!(image instanceof HTMLImageElement) || image.dataset.loadError) return
+  image.dataset.loadError = 'true'
+  image.src = loadErrorImage
+}
+</script>
+
+<template>
+  <div @click="openLinkInNewTab" @error.capture="replaceBrokenImage">
+    <ReasoningRender v-if="reasoning_content.trim()" :content="reasoning_content" />
+
+    <template v-for="(node, index) in renderNodes" :key="index">
+      <MdPreview v-if="node.type === 'markdown'" :editor-id="`${editorIdPrefix}-${index}`" :model-value="node.content" />
+      <component :is="tagRenderers[node.type].component" v-else v-bind="tagRenderers[node.type].props(node.content)" />
+    </template>
+  </div>
+</template>
diff --git a/ui/src/conversation-panel/components/markdown-renderer/parse-tags.ts b/ui/src/conversation-panel/components/markdown-renderer/parse-tags.ts
new file mode 100644
index 00000000000..2702ba23746
--- /dev/null
+++ b/ui/src/conversation-panel/components/markdown-renderer/parse-tags.ts
@@ -0,0 +1,80 @@
+/** 解析回答中的 v2 兼容标签：拆成 Markdown 段与标签段，围栏代码块内的标签按原文保留。 */
+
+export const RENDER_TAGS = ['quick_question', 'html_rander', 'iframe_render', 'tool_calls_render', 'echarts_rander', 'form_rander'] as const
+
+export type RenderTag = (typeof RENDER_TAGS)[number]
+
+export interface RenderNode {
+  type: 'markdown' | RenderTag
+  content: string
+}
+
+const TAG_START_PATTERN = new RegExp(`<(${RENDER_TAGS.join('|')})>`, 'g')
+const FENCE_START_PATTERN = /^ {0,3}(`{3,}|~{3,})[^\n]*$/gm
+
+/** 返回围栏代码块结束位置；未闭合的围栏延续到全文末尾。 */
+function findFenceEnd(source: string, fenceMatch: RegExpExecArray) {
+  const fence = fenceMatch[1]!
+  const closePattern = new RegExp(`^ {0,3}${fence[0] === '`' ? '`' : '~'}{${fence.length},}[ \\t]*$`, 'gm')
+  closePattern.lastIndex = fenceMatch.index + fenceMatch[0].length
+  const closeMatch = closePattern.exec(source)
+  return closeMatch ? closeMatch.index + closeMatch[0].length : source.length
+}
+
+/** 按同名标签嵌套深度查找对应结束标签；找不到返回 -1。 */
+function findClosingTag(source: string, tag: RenderTag, contentStart: number) {
+  const startTag = `<${tag}>`
+  const endTag = `</${tag}>`
+  let depth = 1
+  let cursor = contentStart
+  while (depth > 0) {
+    const nextEnd = source.indexOf(endTag, cursor)
+    if (nextEnd === -1) return -1
+    const nextStart = source.indexOf(startTag, cursor)
+    if (nextStart !== -1 && nextStart < nextEnd) {
+      depth++
+      cursor = nextStart + startTag.length
+    } else {
+      depth--
+      cursor = nextEnd + endTag.length
+      if (depth === 0) return nextEnd
+    }
+  }
+  return -1
+}
+
+/** 单次扫描，每次处理最先出现的标签，标签内容不再参与其他标签解析。 */
+export function parseRenderNodes(source: string): RenderNode[] {
+  const nodes: RenderNode[] = []
+  let markdownStart = 0
+  let cursor = 0
+  const pushMarkdown = (end: number) => {
+    if (end > markdownStart) nodes.push({ type: 'markdown', content: source.slice(markdownStart, end) })
+  }
+
+  while (cursor < source.length) {
+    TAG_START_PATTERN.lastIndex = cursor
+    const tagMatch = TAG_START_PATTERN.exec(source)
+    if (!tagMatch) break
+
+    FENCE_START_PATTERN.lastIndex = cursor
+    const fenceMatch = FENCE_START_PATTERN.exec(source)
+    if (fenceMatch && fenceMatch.index < tagMatch.index) {
+      cursor = findFenceEnd(source, fenceMatch)
+      continue
+    }
+
+    const tag = tagMatch[1] as RenderTag
+    const contentStart = tagMatch.index + tagMatch[0].length
+    const contentEnd = findClosingTag(source, tag, contentStart)
+    pushMarkdown(tagMatch.index)
+    // 标签未闭合（通常是流式输出尚未结束）时先隐藏后续内容，避免露出原始标签
+    if (contentEnd === -1) return nodes
+
+    nodes.push({ type: tag, content: source.slice(contentStart, contentEnd) })
+    cursor = markdownStart = contentEnd + `</${tag}>`.length
+  }
+
+  pushMarkdown(source.length)
+  return nodes
+}
diff --git a/ui/src/conversation-panel/components/markdown-renderer/tool-calls-render/content/index.vue b/ui/src/conversation-panel/components/markdown-renderer/tool-calls-render/content/index.vue
new file mode 100644
index 00000000000..f420759f6d4
--- /dev/null
+++ b/ui/src/conversation-panel/components/markdown-renderer/tool-calls-render/content/index.vue
@@ -0,0 +1,15 @@
+<template>
+  <component :is="kw[content.type]" :content="content"></component>
+</template>
+<script setup lang="ts">
+import type { Component } from 'vue'
+import SimpleToolCalls from './simple-tool-calls/index.vue'
+import { type ToolCalls } from '../index'
+defineProps<{
+  content: ToolCalls
+}>()
+const kw: Record<string, Component> = {
+  'simple-tool-calls': SimpleToolCalls,
+}
+</script>
+<style lang="scss" scoped></style>
diff --git a/ui/src/conversation-panel/components/markdown-renderer/tool-calls-render/content/simple-tool-calls/index.vue b/ui/src/conversation-panel/components/markdown-renderer/tool-calls-render/content/simple-tool-calls/index.vue
new file mode 100644
index 00000000000..d8a670a4aac
--- /dev/null
+++ b/ui/src/conversation-panel/components/markdown-renderer/tool-calls-render/content/simple-tool-calls/index.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+    <p class="my-2">输入参数：</p>
+    <span class="text-N500">{{ content.content.input }}</span>
+    <p class="my-2">输出参数：</p>
+    <span class="text-N500">
+      <pre>{{ content.content.output }}</pre>
+    </span>
+  </div>
+</template>
+<script setup lang="ts">
+import { type ToolCalls } from '../../index'
+defineProps<{
+  content: ToolCalls
+}>()
+</script>
+<style lang="scss" scoped></style>
diff --git a/ui/src/conversation-panel/components/markdown-renderer/tool-calls-render/index.ts b/ui/src/conversation-panel/components/markdown-renderer/tool-calls-render/index.ts
new file mode 100644
index 00000000000..32d7a21de30
--- /dev/null
+++ b/ui/src/conversation-panel/components/markdown-renderer/tool-calls-render/index.ts
@@ -0,0 +1,6 @@
+export interface ToolCalls {
+  type: string
+  icon?: string
+  title: string
+  content: { input?: unknown; output?: unknown }
+}
diff --git a/ui/src/conversation-panel/components/markdown-renderer/tool-calls-render/index.vue b/ui/src/conversation-panel/components/markdown-renderer/tool-calls-render/index.vue
new file mode 100644
index 00000000000..5f932d19971
--- /dev/null
+++ b/ui/src/conversation-panel/components/markdown-renderer/tool-calls-render/index.vue
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { ArrowDown } from '@element-plus/icons-vue'
+import Content from './content/index.vue'
+import { type ToolCalls } from './index'
+
+defineOptions({ name: 'MarkdownToolCallsRender' })
+
+const props = defineProps<{ content?: string }>()
+
+const toolCallsContent = computed<ToolCalls>(() => {
+  try {
+    return JSON.parse(props.content || '{}')
+  } catch {
+    return { type: 'simple-tool-calls', icon: '', title: '', content: {} }
+  }
+})
+
+const showContent = ref(false)
+</script>
+
+<template>
+  <el-card shadow="never" class="mt-2 bg-N100!" style="--el-card-padding: 8px 12px">
+    <!-- 展开或收起工具调用详情 -->
+    <div class="flex-between cursor-pointer" @click="showContent = !showContent">
+      <div class="flex-align-center" style="line-height: 20px">
+        <ToolIcon :icon="toolCallsContent.icon" :size="24" class="mr-1" />
+        <span class="ml-1">{{ toolCallsContent.title || '-' }}</span>
+      </div>
+      <el-icon class="transition-transform" :class="{ 'rotate-180': showContent }">
+        <ArrowDown />
+      </el-icon>
+    </div>
+    <el-collapse-transition>
+      <div v-show="showContent">
+        <Content :content="toolCallsContent" />
+      </div>
+    </el-collapse-transition>
+  </el-card>
+</template>
diff --git a/ui/src/conversation-panel/components/message-input/index.ts b/ui/src/conversation-panel/components/message-input/index.ts
index facff477dc6..b6cf56e4564 100644
--- a/ui/src/conversation-panel/components/message-input/index.ts
+++ b/ui/src/conversation-panel/components/message-input/index.ts
@@ -1,7 +1,8 @@
 import { ref, computed, reactive, watch, inject, type Ref, type InjectionKey } from 'vue'
 import { IMAGE_EXTENSIONS, DOCUMENT_EXTENSIONS, VIDEO_EXTENSIONS, AUDIO_EXTENSIONS } from '@/constants/file-type'
 import { isImage, isDocument, isAudio, isVideo } from '@/utils/icon'
-import type { ChatMessage, Conversation, SendMessageOptions } from '../../core/types'
+import type { Dict } from '@/api/types'
+import type { ChatMessage, Conversation, ConversationAppInfo, SendMessageOptions } from '../../core/types'
 
 export interface FileItem {
   uid: number
@@ -19,10 +20,17 @@ export interface FileItem {
 
 type MessageAttachmentKey = 'image_list' | 'document_list' | 'audio_list' | 'video_list' | 'other_list'
 type MessageAttachment = Pick<FileItem, 'url' | 'file_id' | 'name'>
+type QuestionAttachments = Partial<Record<MessageAttachmentKey, MessageAttachment[]>>
 type QuestionMessage = {
   type: 'QUESTION'
   content: string
-} & Partial<Record<MessageAttachmentKey, MessageAttachment[]>>
+} & QuestionAttachments
+
+/** 非输入框发起的提问可附带的附件与表单数据（对应 v2 的 other_params_data）。 */
+export interface QuestionOptions {
+  attachments?: QuestionAttachments
+  formData?: Dict<unknown>
+}
 
 // 仅注入消息输入所需的会话、上传和发送能力。
 export interface MessageInputDeps {
@@ -38,6 +46,8 @@ export interface MessageInputDeps {
   sendMessage: (opts: SendMessageOptions) => void
   uploadFile: (file: File, chatId: string, onProgress?: (percent: number) => void) => Promise<string>
   stop: () => void
+  /** 当前智能体信息：只读，由 view 加载维护。 */
+  appInfo: Readonly<Ref<ConversationAppInfo | null>>
   /** 禁用输入与发送，如门户没有可用智能体时；不传时始终可用。 */
   disabled?: Readonly<Ref<boolean>>
 }
@@ -49,7 +59,7 @@ const UPLOAD_PROGRESS_PENDING_MAX = 95
  * message-input 组件 store:本组件独有——输入内容 + 暂存文件 + 发送。
  */
 export function createMessageInputStore(deps: MessageInputDeps) {
-  const { conversations, getChatId, renameChat, composerResetSignal, messages, streamLoading, sendMessage, uploadFile, stop } = deps
+  const { conversations, getChatId, renameChat, composerResetSignal, messages, streamLoading, sendMessage, uploadFile, stop, appInfo } = deps
   const disabled = computed(() => deps.disabled?.value ?? false)
 
   // 输入状态与附件限制
@@ -153,30 +163,44 @@ export function createMessageInputStore(deps: MessageInputDeps) {
     fileList.value = []
   }
 
-  // 发送消息，首条消息同步会话标题。附件上传中时 canSend 为 false。
+  // 提交一条新问题；首条消息先在会话列表显示标题，流结束后再保存标题
+  const submitQuestion = (message: QuestionMessage, formData?: Dict<unknown>) => {
+    const questionText = message.content
+    const chatId = getChatId()
+
+    const isFirstMessage = messages.value.length === 0
+    const abstract = questionText.substring(0, 256)
+    if (isFirstMessage && !conversations.value.some((conversation) => conversation.id === chatId)) {
+      // 本地新会话尚未由历史接口返回，使用首次发送时间展示相对时间。
+      const createTime = new Date().toISOString()
+      conversations.value.unshift({
+        id: chatId,
+        abstract: questionText ? abstract : '新对话',
+        create_time: createTime,
+        update_time: createTime,
+      })
+    }
+
+    sendMessage({
+      chatId,
+      message,
+      newQuestion: true,
+      questionContent: { ...message },
+      reChat: false,
+      formData,
+      onComplete: (e) => {
+        if (!e && isFirstMessage && questionText) renameChat(chatId, abstract).catch(() => {})
+      },
+    })
+  }
+
+  // 发送输入框内容与暂存附件。附件上传中时 canSend 为 false。
   const send = async () => {
     if (!canSend.value) return
     sending.value = true
     try {
-      const questionText = question.value.trim()
-      const chatId = getChatId()
-
-      // 首条消息先显示会话标题，流结束后再保存标题。
-      const isFirstMessage = messages.value.length === 0
-      const abstract = questionText.substring(0, 256)
-      if (isFirstMessage && !conversations.value.some((conversation) => conversation.id === chatId)) {
-        // 本地新会话尚未由历史接口返回，使用首次发送时间展示相对时间。
-        const createTime = new Date().toISOString()
-        conversations.value.unshift({
-          id: chatId,
-          abstract: questionText ? abstract : '新对话',
-          create_time: createTime,
-          update_time: createTime,
-        })
-      }
-
       // 一次遍历完成附件分类，仅提交有附件的字段。
-      const message: QuestionMessage = { type: 'QUESTION', content: questionText }
+      const message: QuestionMessage = { type: 'QUESTION', content: question.value.trim() }
       for (const attachment of fileList.value) {
         let attachmentKey: MessageAttachmentKey = 'other_list'
         if (isImage(attachment.name)) attachmentKey = 'image_list'
@@ -188,16 +212,7 @@ export function createMessageInputStore(deps: MessageInputDeps) {
         attachments.push({ url: attachment.url, file_id: attachment.file_id, name: attachment.name })
       }
 
-      sendMessage({
-        chatId,
-        message,
-        newQuestion: true,
-        questionContent: { ...message },
-        reChat: false,
-        onComplete: (e) => {
-          if (!e && isFirstMessage && questionText) renameChat(chatId, abstract).catch(() => {})
-        },
-      })
+      submitQuestion(message)
       question.value = ''
       clearFiles()
     } catch (e) {
@@ -207,6 +222,12 @@ export function createMessageInputStore(deps: MessageInputDeps) {
     }
   }
 
+  /** 由开场白、回答中的快捷问题或 HTML 渲染发起提问；不读取也不清空输入框与暂存附件。 */
+  const sendQuestion = (content: string, options: QuestionOptions = {}) => {
+    if (disabled.value || streamLoading.value || sending.value || !content.trim()) return
+    submitQuestion({ ...options.attachments, type: 'QUESTION', content: content.trim() }, options.formData)
+  }
+
   // 新建/切换会话时清空暂存文件与输入
   watch(
     () => composerResetSignal.value,
@@ -217,6 +238,7 @@ export function createMessageInputStore(deps: MessageInputDeps) {
   )
 
   return {
+    appInfo,
     question,
     fileList,
     maxFiles,
@@ -232,6 +254,7 @@ export function createMessageInputStore(deps: MessageInputDeps) {
     removeFile,
     retryFile,
     send,
+    sendQuestion,
     stop,
   }
 }
@@ -245,3 +268,8 @@ export function useMessageInputStore(): MessageInputStore {
   if (!store) throw new Error('useMessageInputStore 必须在 ConversationView 内使用')
   return store
 }
+
+// 供只读场景可选注入：日志等视图不提供输入框，拿不到返回 null
+export function useMessageInputStoreOptional(): MessageInputStore | null {
+  return inject(MESSAGE_INPUT_KEY, null)
+}
diff --git a/ui/src/conversation-panel/components/message-list/index.ts b/ui/src/conversation-panel/components/message-list/index.ts
index 09a1c547fa2..db5491779fc 100644
--- a/ui/src/conversation-panel/components/message-list/index.ts
+++ b/ui/src/conversation-panel/components/message-list/index.ts
@@ -1,9 +1,9 @@
-import { ref, inject, type InjectionKey } from 'vue'
+import { ref, inject, type InjectionKey, type Ref } from 'vue'
 import { nanoid } from 'nanoid'
 import type { ChatLogRecord, Dict } from '@/api/types'
 import { aggregators } from '../../core/aggregators'
 import { ConversationStream } from '../../core/stream'
-import type { ChatMessage, ChatRecordMeta, ConversationApiAdapter, SendMessageOptions, StreamChunk } from '../../core/types'
+import type { ChatMessage, ChatRecordMeta, ConversationApiAdapter, ConversationAppInfo, SendMessageOptions, StreamChunk } from '../../core/types'
 
 export interface MessageListDeps extends Pick<
   ConversationApiAdapter,
@@ -12,6 +12,8 @@ export interface MessageListDeps extends Pick<
   // 只读获取当前会话 id(单一数据源在 conversation-list)。必须无副作用:不可惰性创建,
   // 否则无会话时的 stop/cancel/loadMore 会凭空生成 id 并误请求后端。
   getChatId: () => string
+  /** 当前智能体信息：只读，由 view 加载维护。 */
+  appInfo: Readonly<Ref<ConversationAppInfo | null>>
 }
 
 // 从后端 chat_record(分页项或详情接口,均为 reset_chat_record 结构)提取底部信息栏数据
@@ -24,7 +26,7 @@ const buildRecordMeta = (raw?: ChatLogRecord | null): ChatRecordMeta => ({
 })
 
 export function createMessageListStore(deps: MessageListDeps) {
-  const { pageRecords, recordDetail, chatMessage, resumeMessage, cancel: cancelApi, uploadFile, getChatId } = deps
+  const { pageRecords, recordDetail, chatMessage, resumeMessage, cancel: cancelApi, uploadFile, getChatId, appInfo } = deps
 
   const messages = ref<ChatMessage[]>([])
   const loading = ref(false)
@@ -232,6 +234,7 @@ export function createMessageListStore(deps: MessageListDeps) {
   }
 
   return {
+    appInfo,
     messages,
     loading,
     streamLoading,
diff --git a/ui/src/conversation-panel/components/message-list/index.vue b/ui/src/conversation-panel/components/message-list/index.vue
index 7b50ceec046..d3abf1e4e48 100644
--- a/ui/src/conversation-panel/components/message-list/index.vue
+++ b/ui/src/conversation-panel/components/message-list/index.vue
@@ -1,28 +1,52 @@
 <script setup lang="ts">
-import { ref, onBeforeUnmount } from 'vue'
+import { computed, ref, onBeforeUnmount } from 'vue'
 import ContentList from '../content-list/index.vue'
 import MessageFooter from '../message-footer/index.vue'
+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 { te } from 'element-plus/es/locale/index.mjs'
 
 defineProps<{ appName?: string }>()
 
-const { messages, loading, streamLoading, hasMore, loadMore, onStreamProgress } = useMessageListStore()
+const { appInfo, messages, loading, streamLoading, hasMore, loadMore, onStreamProgress } = useMessageListStore()
 const scrollRef = ref<InstanceType<typeof ReverseInfiniteScroll>>()
 
+// 开场白随智能体信息变化（debug 保存后为最新草稿）
+const prologue = computed(() => formatPrologue(appInfo.value?.prologue ?? ''))
+
 // 流式分片只在用户仍位于底部时跟随，新增气泡由滚动容器监听 count。
 const offProgress = onStreamProgress(() => void scrollRef.value?.followBottom())
 onBeforeUnmount(offProgress)
+const avatar = computed(() => appInfo.value?.avatar)
+const user_avatar = computed(() => appInfo.value?.user_avatar)
+const show_avatar = computed(() => appInfo.value?.show_avatar)
+const show_user_avatar = computed(() => appInfo.value?.show_user_avatar)
 </script>
 
 <template>
-  <ReverseInfiniteScroll ref="scrollRef" content-class="p-4" :loading="loading" :has-more="hasMore" :count="messages.length" :load-more="loadMore">
+  <ReverseInfiniteScroll ref="scrollRef" content-class="p-4" :loading="loading" :has-more="hasMore"
+    :count="messages.length" :load-more="loadMore">
+    <!-- 开场白固定在会话最前，历史全部加载后才显示，避免夹在已加载的消息之间 -->
+    <div v-if="prologue && !hasMore">
+       <ApplicationIcon v-if="show_avatar" :icon="avatar" :size="24" class="shrink-0 mr-2" />
+      <PrologueContent :prologue="prologue" :app-info="appInfo" />
+    </div>
     <template v-for="(msg, i) in messages" :key="msg.id || i">
-      <!-- msg.role === 'USER -->
       <div>
-        <ContentList :content-list="msg.content" />
-        <!-- 助手消息结束后显示底部信息栏(知识来源/执行详情/tokens/耗时) -->
-        <MessageFooter v-if="msg.role === 'ASSISTANT' && (msg.write_ed || msg.record)" :message="msg" />
+        <!-- 用户提问靠右：头像独占一行在上，提问容器在下方靠右收缩 -->
+        <div v-if="msg.role === 'USER'" class="flex flex-col items-end">
+          <ApplicationIcon v-if="show_user_avatar" :icon="user_avatar" :size="24" class="mb-2" />
+          <ContentList :content-list="msg.content" />
+          <!-- 这块写用户的操作 -->
+        </div>
+        <template v-else>
+          <ApplicationIcon v-if="show_avatar" :icon="avatar" :size="24" class="shrink-0 mr-2" />
+          <ContentList :content-list="msg.content" />
+          <!-- 助手消息结束后显示底部信息栏(知识来源/执行详情/tokens/耗时) -->
+          <MessageFooter v-if="msg.role === 'ASSISTANT' && (msg.write_ed || msg.record)" :message="msg" />
+        </template>
       </div>
     </template>
 
@@ -31,11 +55,10 @@ onBeforeUnmount(offProgress)
     </div>
 
     <template #empty>
-      <div class="welcome">
-        <slot name="welcome">
-          <p class="welcome-title">{{ appName }}</p>
-          <p class="welcome-sub">有什么可以帮你的？</p>
-        </slot>
+      <!-- 有开场白时按首条助手消息展示，否则显示欢迎语 -->
+      <div v-if="prologue">
+        <ApplicationIcon v-if="show_avatar" :icon="avatar" :size="24" class="shrink-0 mr-2" />
+        <PrologueContent :prologue="prologue" :app-info="appInfo" />
       </div>
     </template>
   </ReverseInfiniteScroll>
@@ -51,12 +74,14 @@ onBeforeUnmount(offProgress)
   text-align: center;
   padding: 32px 16px;
 }
+
 .welcome-title {
   font-size: 18px;
   font-weight: 600;
   color: var(--t1, #303133);
   margin-bottom: 8px;
 }
+
 .welcome-sub {
   font-size: 14px;
   color: var(--t3, #909399);
diff --git a/ui/src/conversation-panel/components/prologue-content/index.ts b/ui/src/conversation-panel/components/prologue-content/index.ts
new file mode 100644
index 00000000000..11539d5a3af
--- /dev/null
+++ b/ui/src/conversation-panel/components/prologue-content/index.ts
@@ -0,0 +1,24 @@
+/** 开场白：把列表项转换为快捷问题（与 v2 一致）。 */
+
+import { parseRenderNodes } from '../markdown-renderer/parse-tags'
+
+const FENCE_PATTERN = /^ {0,3}(`{3,}|~{3,})/
+const LIST_ITEM_PATTERN = /^\s*-\s+(.+?)\s*$/
+
+/** 正文中以 "- " 开头的行转为快捷问题；标签内容与围栏代码块保持原样。 */
+export function formatPrologue(prologue: string): string {
+  return parseRenderNodes(prologue)
+    .map((node) => {
+      if (node.type !== 'markdown') return `<${node.type}>${node.content}</${node.type}>`
+      let inFence = false
+      return node.content
+        .split('\n')
+        .map((line) => {
+          if (FENCE_PATTERN.test(line)) inFence = !inFence
+          const listItem = inFence ? null : LIST_ITEM_PATTERN.exec(line)
+          return listItem ? `<quick_question>${listItem[1]}</quick_question>` : line
+        })
+        .join('\n')
+    })
+    .join('')
+}
diff --git a/ui/src/conversation-panel/components/prologue-content/index.vue b/ui/src/conversation-panel/components/prologue-content/index.vue
new file mode 100644
index 00000000000..f3a918b6cbf
--- /dev/null
+++ b/ui/src/conversation-panel/components/prologue-content/index.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import type { ConversationAppInfo } from '../../core/types'
+import ContentList from '../content-list/index.vue'
+
+defineOptions({ name: 'ConversationPrologueContent' })
+
+defineProps<{
+  /** 已格式化的开场白，见 formatPrologue。 */
+  prologue: string
+  appInfo: ConversationAppInfo | null
+}>()
+</script>
+
+<template>
+  <ContentList :content-list="[{ type: 'TEXT', id: 'prologue', content: prologue }]" />
+</template>
diff --git a/ui/src/conversation-panel/core/types.ts b/ui/src/conversation-panel/core/types.ts
index 056f3092a53..dc45fc3e0df 100644
--- a/ui/src/conversation-panel/core/types.ts
+++ b/ui/src/conversation-panel/core/types.ts
@@ -1,5 +1,11 @@
 import type { CHAT_TYPE } from './enums'
-import type { ChatContent, ChatLogRecord, Dict } from '@/api/types'
+import type { ChatApplicationProfile, ChatContent, ChatLogRecord, Dict } from '@/api/types'
+
+/**
+ * 当前对话的智能体信息，由 view 加载并注入各组件 store，chat 与 debug 结构一致。
+ * chat / portal 直接使用对话端 profile（已发布版本与访问设置）；debug 由 toDebugAppInfo 从 Admin 详情转换（当前草稿）。
+ */
+export type ConversationAppInfo = ChatApplicationProfile
 
 /** 侧栏账户入口展示的当前用户，由 Chat / Debug 入口按各自的用户 Store 提供。 */
 export interface ConversationAccount {
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 eb79bc1fff4..ca24b483447 100644
--- a/ui/src/conversation-panel/left-sidebar/conversation-list/index.ts
+++ b/ui/src/conversation-panel/left-sidebar/conversation-list/index.ts
@@ -1,6 +1,6 @@
 import { computed, inject, ref, type InjectionKey, type Ref } from 'vue'
 import { v4 as uuidv4 } from 'uuid'
-import type { Conversation, ConversationAccount } from '../../core/types'
+import type { Conversation, ConversationAccount, ConversationAppInfo } from '../../core/types'
 
 // 由 Chat / Debug 入口注入本组件需要的会话接口。
 export interface ConversationListDeps {
@@ -9,14 +9,15 @@ export interface ConversationListDeps {
   rename: (id: string, data: { abstract: string }) => Promise<unknown>
   /** 侧栏账户入口展示的当前用户。 */
   account: Readonly<Ref<ConversationAccount | null>>
+  /** 当前智能体信息：只读，由 view 加载维护。 */
+  appInfo: Readonly<Ref<ConversationAppInfo | null>>
 }
 
 /** 管理左侧会话列表、当前会话和侧栏展示状态。 */
 export function createConversationListStore(deps: ConversationListDeps) {
-  const { pageConversations, remove, rename, account } = deps
+  const { pageConversations, remove, rename, account, appInfo } = deps
 
-  // 应用信息与侧栏开合
-  const appInfo = ref<{ name: string; icon: string } | null>(null)
+  // 侧栏开合
   const leftSideOpen = ref(true)
 
   const toggleLeftSide = () => (leftSideOpen.value = !leftSideOpen.value)
diff --git a/ui/src/conversation-panel/main/chat-panel/index.vue b/ui/src/conversation-panel/main/chat-panel/index.vue
index 943ad24234a..b75e80ba13f 100644
--- a/ui/src/conversation-panel/main/chat-panel/index.vue
+++ b/ui/src/conversation-panel/main/chat-panel/index.vue
@@ -14,7 +14,6 @@ const emit = defineEmits<{ share: [] }>()
 
 const list = useConversationListStore()
 const input = useMessageInputStore()
-
 // 拖拽到面板任意处 → 交给 message-input 接收文件
 const handleDrop = (e: DragEvent) => input.addFiles(e.dataTransfer?.files)
 </script>
@@ -23,7 +22,11 @@ const handleDrop = (e: DragEvent) => input.addFiles(e.dataTransfer?.files)
   <main class="mk-conversation-main" @drop.prevent="handleDrop" @dragover.prevent>
     <!-- 头部可被替换(如 debug 用 debug header);默认普通 chat header -->
     <slot name="header"><ChatHeader :shareable="shareable" @share="emit('share')" /></slot>
-    <MessageList :key="list.currentChatId.value" :app-name="list.appInfo.value?.name || 'AI 助手'" />
+    <MessageList :key="list.currentChatId.value" :app-name="list.appInfo.value?.name || 'AI 助手'" >
+      <template #welcome>
+
+      </template>
+    </MessageList>
 
     <footer class="flex-center shrink-0 p-4"><MessageInput /></footer>
   </main>
diff --git a/ui/src/conversation-panel/view/chat/index.ts b/ui/src/conversation-panel/view/chat/index.ts
index 2e2b05229a1..eec9ea958c2 100644
--- a/ui/src/conversation-panel/view/chat/index.ts
+++ b/ui/src/conversation-panel/view/chat/index.ts
@@ -1,4 +1,4 @@
-import { computed, watch } from 'vue'
+import { computed, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import ApplicationApi from '@/api/chat/application'
 import ConversationApi from '@/api/chat/conversation'
@@ -7,14 +7,14 @@ import FileApi from '@/api/chat/file'
 import { FILE_SOURCE_TYPE } from '@/api/enums'
 import { CHAT_API_BASE_PATH } from '@/api/constants'
 import { copyText } from '@/utils/clipboard'
-import type { ConversationApiAdapter } from '../../core/types'
+import type { ConversationApiAdapter, ConversationAppInfo } from '../../core/types'
 import { createConversationListStore } from '../../left-sidebar/conversation-list/index'
 import { createMessageListStore } from '../../components/message-list/index'
 import { createMessageInputStore } from '../../components/message-input/index'
 import { createExecutionDetailStore } from '../../right-sidebar/execution-detail/index'
 import { createSharePanelStore, type SharePanelStore } from '../../main/share-panel/index'
 import type { ConversationBundle } from '../types'
-
+import { APPLICATION_DISPLAY_SETTING_DEFAULT } from '@/constants/application'
 /** chat 模式在通用组件 store 之外提供分享;debug 模式无分享。 */
 export interface ChatConversationBundle extends ConversationBundle {
   share: SharePanelStore
@@ -68,6 +68,9 @@ export function createChatConversation(routing: ChatConversationRouting = useApp
     cancel: (cid) => ConversationApi.postCancelConversationMessage(cid),
   }
 
+  // 智能体完整信息，由 loadApplicationProfile 加载，注入各组件 store
+  const appInfo = ref<ConversationAppInfo | null>(null)
+
   const list = createConversationListStore({
     pageConversations: api.pageConversations,
     remove: api.remove,
@@ -76,6 +79,7 @@ export function createChatConversation(routing: ChatConversationRouting = useApp
       const profile = user.chatUserProfile
       return profile?.username ? { nickName: profile.nick_name, username: profile.username } : null
     }),
+    appInfo,
   })
   const msgs = createMessageListStore({
     pageRecords: api.pageRecords,
@@ -85,6 +89,7 @@ export function createChatConversation(routing: ChatConversationRouting = useApp
     cancel: api.cancel,
     uploadFile: api.uploadFile,
     getChatId: () => list.currentChatId.value,
+    appInfo,
   })
   list.bindLoader(msgs.load)
   const input = createMessageInputStore({
@@ -97,6 +102,7 @@ export function createChatConversation(routing: ChatConversationRouting = useApp
     sendMessage: msgs.sendMessage,
     uploadFile: msgs.uploadFile,
     stop: msgs.stop,
+    appInfo,
     // 门户首页、全部智能体页尚未确定智能体时禁止发送
     disabled: computed(() => !getApplicationId()),
   })
@@ -109,11 +115,12 @@ export function createChatConversation(routing: ChatConversationRouting = useApp
       ),
   })
 
-  // 智能体名称与图标展示在侧栏与消息列表
+  // 加载智能体完整信息；切换智能体后旧请求晚到时丢弃
   const loadApplicationProfile = () => {
-    if (!getApplicationId()) return
-    ApplicationApi.getApplicationProfile(getApplicationId()).then(({ name, icon }) => {
-      list.appInfo.value = { name, icon }
+    const applicationId = getApplicationId()
+    if (!applicationId) return
+    ApplicationApi.getApplicationProfile(applicationId).then((profile) => {
+      if (applicationId === getApplicationId()) appInfo.value = {...APPLICATION_DISPLAY_SETTING_DEFAULT,...profile}
     })
   }
   loadApplicationProfile()
@@ -122,7 +129,7 @@ export function createChatConversation(routing: ChatConversationRouting = useApp
   // 必须先于会话 ID 监听创建：这里先打开新地址的会话，会话 ID 监听随后比较时即可跳过。
   watch(getApplicationId, () => {
     msgs.cancel()
-    list.appInfo.value = null
+    appInfo.value = null
     loadApplicationProfile()
     list.loadConversations()
     const chatId = getRouteChatId()
@@ -147,5 +154,5 @@ export function createChatConversation(routing: ChatConversationRouting = useApp
   // 地址中带会话 ID 时打开该会话
   if (getRouteChatId()) list.selectConversation(getRouteChatId())
 
-  return { list, msgs, input, detail, share }
+  return { appInfo, list, msgs, input, detail, share }
 }
diff --git a/ui/src/conversation-panel/view/debug/app-info.ts b/ui/src/conversation-panel/view/debug/app-info.ts
new file mode 100644
index 00000000000..a62fff97f53
--- /dev/null
+++ b/ui/src/conversation-panel/view/debug/app-info.ts
@@ -0,0 +1,73 @@
+/** debug 模式的智能体信息：由 Admin 智能体详情与显示设置转为对话端 profile 结构。 */
+
+import { cloneDeep } from 'lodash'
+import type { ApplicationDetail, ApplicationDisplaySetting, Dict } from '@/api/types'
+import { APPLICATION_DISPLAY_SETTING_DEFAULT } from '@/constants/application'
+import type { ConversationAppInfo } from '../../core/types'
+
+const BASE_NODE_ID = 'base-node'
+
+/** 显示设置补齐默认值：接口未返回的字段（社区版没有显示设置接口）使用默认值，嵌套配置分别合并。 */
+function resolveDisplaySetting(config?: Partial<ApplicationDisplaySetting> | null): ApplicationDisplaySetting {
+  const defaults = APPLICATION_DISPLAY_SETTING_DEFAULT
+  const setting: ApplicationDisplaySetting = cloneDeep(defaults)
+  for (const key of Object.keys(setting) as (keyof ApplicationDisplaySetting)[]) {
+    if (config?.[key] != null) Object.assign(setting, { [key]: cloneDeep(config[key]) })
+  }
+  setting.custom_theme = { ...defaults.custom_theme, ...config?.custom_theme }
+  setting.float_location = {
+    x: { ...defaults.float_location.x, ...config?.float_location?.x },
+    y: { ...defaults.float_location.y, ...config?.float_location?.y },
+  }
+  return setting
+}
+
+/**
+ * 把 Admin 智能体详情转为与对话端 profile 相同的结构，下游组件不区分 chat / debug。
+ * 工作流保存时开始节点的名称、语音、文件上传配置已同步到应用字段；开场白与描述要到发布才同步，需从开始节点读取草稿。
+ * displayConfig 为专业版、企业版的显示设置，社区版不传；缺失的字段补齐默认值。
+ * 访问设置按调试场景固定，不读取接口：始终显示知识来源与执行详情（与 v2 一致），调试面板没有分享。
+ */
+export function toDebugAppInfo(detail: ApplicationDetail, displayConfig?: Partial<ApplicationDisplaySetting> | null): ConversationAppInfo {
+  const baseNode = detail.work_flow?.nodes?.find((node) => node.id === BASE_NODE_ID)
+  const nodeData = (baseNode?.properties?.node_data ?? {}) as Dict<unknown>
+  const readNodeText = (key: string, fallback?: string | null) => (typeof nodeData[key] === 'string' ? (nodeData[key] as string) : fallback)
+  const display = resolveDisplaySetting(displayConfig)
+
+  return {
+    id: detail.id,
+    name: detail.name,
+    icon: detail.icon ?? '',
+    desc: readNodeText('desc', detail.desc),
+    prologue: readNodeText('prologue', detail.prologue) ?? '',
+    type: detail.type,
+    dialogue_number: detail.dialogue_number,
+    problem_optimization: detail.problem_optimization,
+    stt_model_id: detail.stt_model_id,
+    tts_model_id: detail.tts_model_id,
+    stt_model_enable: detail.stt_model_enable,
+    tts_model_enable: detail.tts_model_enable,
+    tts_type: detail.tts_type,
+    tts_autoplay: detail.tts_autoplay,
+    stt_autosend: detail.stt_autosend,
+    file_upload_enable: detail.file_upload_enable,
+    file_upload_setting: detail.file_upload_setting,
+    work_flow: baseNode ? { nodes: [baseNode] } : null,
+    show_source: true,
+    show_exec: true,
+    show_share: false,
+    language: display.language || null,
+    show_history: display.show_history,
+    draggable: display.draggable,
+    avatar: display.avatar,
+    show_avatar: display.show_avatar,
+    float_icon: display.float_icon,
+    disclaimer: display.disclaimer,
+    disclaimer_value: display.disclaimer_value,
+    custom_theme: display.custom_theme,
+    user_avatar: display.user_avatar,
+    show_user_avatar: display.show_user_avatar,
+    float_location: display.float_location,
+    chat_background: display.chat_background,
+  }
+}
diff --git a/ui/src/conversation-panel/view/debug/index.ts b/ui/src/conversation-panel/view/debug/index.ts
index 300cf2adaed..d43bf04d81b 100644
--- a/ui/src/conversation-panel/view/debug/index.ts
+++ b/ui/src/conversation-panel/view/debug/index.ts
@@ -1,22 +1,30 @@
-import { computed } from 'vue'
+import { computed, ref, watch, type Ref } from 'vue'
 import { useRoute } from 'vue-router'
 import WorkspaceConversationApi from '@/api/admin/workspace/conversation'
 import SystemResourceConversationApi from '@/api/admin/system/resource-management/application/conversation'
+import WorkspaceApplicationApi from '@/api/admin/workspace/application/application'
+import SystemResourceApplicationApi from '@/api/admin/system/resource-management/application/application'
 import { isSystemResource } from '@/utils/resource-context'
 import { useStore } from '@/stores'
 import FileApi from '@/api/admin/file'
 import { FILE_SOURCE_TYPE } from '@/api/enums'
+import type { ApplicationDetail, ApplicationDisplaySetting } from '@/api/types'
 import type { ConversationApiAdapter } from '../../core/types'
 import { createConversationListStore } from '../../left-sidebar/conversation-list/index'
 import { createMessageListStore } from '../../components/message-list/index'
 import { createMessageInputStore } from '../../components/message-input/index'
 import { createExecutionDetailStore } from '../../right-sidebar/execution-detail/index'
 import type { ConversationBundle } from '../types'
+import { toDebugAppInfo } from './app-info'
 
-/** debug 模式:装配各组件 store。adapter 走 admin(带 applicationId)。 */
-export function createDebugConversation(): ConversationBundle {
+/**
+ * debug 模式:装配各组件 store。adapter 走 admin(带 applicationId)。
+ * application 由工作流页提供：每次保存后写回最新详情（当前草稿，含完整工作流），与后端调试执行的工作流一致。
+ */
+export function createDebugConversation(application: Readonly<Ref<ApplicationDetail | null | undefined>>): ConversationBundle {
   const route = useRoute()
   const ConversationApi = isSystemResource() ? SystemResourceConversationApi : WorkspaceConversationApi
+  const ApplicationApi = isSystemResource() ? SystemResourceApplicationApi : WorkspaceApplicationApi
   const appId = computed(
     () => (route.params.id as string) || (route.params.applicationId as string) || '',
   )
@@ -31,13 +39,33 @@ export function createDebugConversation(): ConversationBundle {
     uploadFile: (file, cid, onProgress) => FileApi.postUploadFile(file, cid, FILE_SOURCE_TYPE.CHAT, onProgress).request,
     cancel: (cid) => ConversationApi.postCancelConversationMessage(cid, appId.value),
   }
+  // 显示设置只有许可证有效的专业版、企业版提供；社区版或加载失败时使用默认值。
+  // 知识来源、执行详情在调试中固定显示，不需要访问配置。显示设置不在工作流页编辑，加载一次即可。
+  const { auth, user } = useStore()
+  const displaySetting = ref<Partial<ApplicationDisplaySetting> | null>(null)
+  watch(
+    () => auth.isPE || auth.isEE,
+    (licensed) => {
+      if (!licensed || displaySetting.value || !appId.value) return
+      ApplicationApi.getDisplaySetting(appId.value)
+        .then((setting) => (displaySetting.value = setting))
+        .catch(() => {})
+    },
+    { immediate: true },
+  )
+
+  // 智能体信息随工作流页保存同步，转为 profile 结构后注入各组件 store
+  const appInfo = computed(() =>
+    application.value ? toDebugAppInfo(application.value, displaySetting.value) : null,
+  )
+
   // currentChatId 单一数据源在 list;msgs 只读借用,list 通过 bindLoader 主动驱动加载
-  const { user } = useStore()
   const list = createConversationListStore({
     pageConversations: api.pageConversations,
     remove: api.remove,
     rename: api.rename,
     account: computed(() => (user.userInfo ? { nickName: user.userInfo.nick_name, username: user.userInfo.username } : null)),
+    appInfo,
   })
   const msgs = createMessageListStore({
     pageRecords: api.pageRecords,
@@ -47,6 +75,7 @@ export function createDebugConversation(): ConversationBundle {
     cancel: api.cancel,
     uploadFile: api.uploadFile,
     getChatId: () => list.currentChatId.value, // 只读 getter,无副作用
+    appInfo,
   })
   list.bindLoader(msgs.load)
   const input = createMessageInputStore({
@@ -59,7 +88,8 @@ export function createDebugConversation(): ConversationBundle {
     sendMessage: msgs.sendMessage,
     uploadFile: msgs.uploadFile,
     stop: msgs.stop,
+    appInfo,
   })
   const detail = createExecutionDetailStore()
-  return { list, msgs, input, detail }
+  return { appInfo, list, msgs, input, detail }
 }
diff --git a/ui/src/conversation-panel/view/debug/index.vue b/ui/src/conversation-panel/view/debug/index.vue
index ab588933f72..61807870dfd 100644
--- a/ui/src/conversation-panel/view/debug/index.vue
+++ b/ui/src/conversation-panel/view/debug/index.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { computed, onMounted, onBeforeUnmount, provide, watch } from 'vue'
+import { computed, onMounted, onBeforeUnmount, provide, toRef, watch } from 'vue'
+import type { ApplicationDetail } from '@/api/types'
 import ConversationLayout from '../../core/layout/index.vue'
 import ConversationList from '../../left-sidebar/conversation-list/index.vue'
 import ChatPanel from '../../main/chat-panel/index.vue'
@@ -14,7 +15,12 @@ import { createDebugConversation } from './index'
 
 defineOptions({ name: 'DebugConversation' })
 
-const bundle = createDebugConversation()
+const props = defineProps<{
+  /** 当前智能体详情，由工作流页在加载与每次保存后更新。 */
+  application?: ApplicationDetail | null
+}>()
+
+const bundle = createDebugConversation(toRef(props, 'application'))
 
 // 会话各组件 store + debug 面板状态,都由本视图 provide
 provide(CONVERSATION_LIST_KEY, bundle.list)
diff --git a/ui/src/conversation-panel/view/types.ts b/ui/src/conversation-panel/view/types.ts
index cbef9996664..13be2c5822e 100644
--- a/ui/src/conversation-panel/view/types.ts
+++ b/ui/src/conversation-panel/view/types.ts
@@ -1,3 +1,5 @@
+import type { Ref } from 'vue'
+import type { ConversationAppInfo } from '../core/types'
 import type { ConversationListStore } from '../left-sidebar/conversation-list/index'
 import type { MessageListStore } from '../components/message-list/index'
 import type { MessageInputStore } from '../components/message-input/index'
@@ -5,6 +7,8 @@ import type { ExecutionDetailStore } from '../right-sidebar/execution-detail/ind
 
 // view 组装出来的各组件 store 集合
 export interface ConversationBundle {
+  /** 当前智能体信息，由 view 加载，各组件 store 只读共享。 */
+  appInfo: Readonly<Ref<ConversationAppInfo | null>>
   list: ConversationListStore
   msgs: MessageListStore
   input: MessageInputStore
diff --git a/ui/src/views/workflow/application/components/ButtonDebug.vue b/ui/src/views/workflow/application/components/ButtonDebug.vue
index 91d588cf884..feff0c56f77 100644
--- a/ui/src/views/workflow/application/components/ButtonDebug.vue
+++ b/ui/src/views/workflow/application/components/ButtonDebug.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useTemplateRef } from 'vue'
 import DebugPanel from '@/conversation-panel/view/debug/index.vue'
+import type { ApplicationDetail } from '@/api/types'
 
 defineOptions({ name: 'ButtonDebug' })
 const props = defineProps<{
@@ -8,6 +9,8 @@ const props = defineProps<{
   disabled?: boolean
   hasUnsavedChanges: () => boolean
   saveWorkflow: () => Promise<unknown>
+  /** 当前智能体详情，保存后由工作流页更新，调试面板据此展示开场白等配置。 */
+  application?: ApplicationDetail | null
 }>()
 const loading = defineModel<boolean>('loading', { default: false })
 const debugPanelRef = useTemplateRef<InstanceType<typeof DebugPanel>>('debugPanelRef')
@@ -43,5 +46,5 @@ defineExpose({ close })
       <MkIcon name="icon_play_outlined" />
     </el-button>
   </MkTooltip>
-  <DebugPanel ref="debugPanelRef" />
+  <DebugPanel ref="debugPanelRef" :application="application" />
 </template>
diff --git a/ui/src/views/workflow/application/index.vue b/ui/src/views/workflow/application/index.vue
index c2d6629506a..049b0bed333 100644
--- a/ui/src/views/workflow/application/index.vue
+++ b/ui/src/views/workflow/application/index.vue
@@ -351,6 +351,7 @@ onBeforeUnmount(() => stopAutoSave())
         :disabled="historyVisible"
         :has-unsaved-changes="hasUnsavedChanges"
         :save-workflow="saveApplication"
+        :application="applicationDetail"
       />
 
       <!-- 保存 -->