From 3cb56e16e86b1a4e33aa26e407513f56d6b025c7 Mon Sep 17 00:00:00 2001
From: shaohuzhang1 <shaohu.zhang@fit2cloud.com>
Date: Wed, 4 Nov 2026 14:35:01 +0800
Subject: [PATCH] feat: Add ViewType and DeviceType

---
 .../components/content/index.vue              |  2 +
 .../items/echarts.vue}                        | 23 +++++----
 .../components/content/items/form.vue         | 20 +++++---
 .../components/content/items/html.vue         | 26 +++++++---
 .../markdown-renderer/HtmlRender.vue          | 23 ---------
 .../components/markdown-renderer/index.vue    | 26 +++-------
 .../components/message-input/index.ts         | 17 +++++++
 .../components/message-list/index.ts          | 12 +++--
 .../components/message-list/index.vue         |  8 +--
 ui/src/conversation-panel/view/chat/index.ts  | 10 ++++
 ui/src/conversation-panel/view/chat/index.vue |  8 ++-
 .../conversation-panel/view/debug/index.vue   |  5 +-
 ui/src/conversation-panel/view/index.ts       | 50 +++++++++++++++++++
 ui/src/conversation-panel/view/log/index.vue  |  5 +-
 .../conversation-panel/view/portal/index.vue  |  8 ++-
 .../view/simple-debug/index.vue               |  5 +-
 ui/src/views/document-detail/index.vue        |  2 +-
 .../views/knowledge-detail/hit-test/index.vue |  1 +
 .../workflow/tool/debug/ResultDrawer.vue      | 21 ++++----
 .../workflow-canvas/nodes/llm-node/index.vue  |  6 ++-
 20 files changed, 186 insertions(+), 92 deletions(-)
 rename ui/src/conversation-panel/components/{markdown-renderer/EchartsRender.vue => content/items/echarts.vue} (91%)
 delete mode 100644 ui/src/conversation-panel/components/markdown-renderer/HtmlRender.vue
 create mode 100644 ui/src/conversation-panel/view/index.ts

diff --git a/ui/src/conversation-panel/components/content/index.vue b/ui/src/conversation-panel/components/content/index.vue
index 1ce78182045..1710f0fdb32 100644
--- a/ui/src/conversation-panel/components/content/index.vue
+++ b/ui/src/conversation-panel/components/content/index.vue
@@ -2,6 +2,7 @@
 import { computed, type Component } from 'vue'
 import TextItem from './items/text.vue'
 import HtmlItem from './items/html.vue'
+import EchartsItem from './items/echarts.vue'
 import ReasoningItem from './items/reasoning.vue'
 import ToolItem from './items/tool/index.vue'
 import GroupToolItem from './items/group-tool/index.vue'
@@ -19,6 +20,7 @@ const props = defineProps<{
 const typeRenderers: Partial<Record<string, Component>> = {
   TEXT: TextItem,
   HTML: HtmlItem,
+  ECHARTS: EchartsItem,
   REASONING: ReasoningItem,
   TOOL: ToolItem,
   GROUP_TOOL: GroupToolItem,
diff --git a/ui/src/conversation-panel/components/markdown-renderer/EchartsRender.vue b/ui/src/conversation-panel/components/content/items/echarts.vue
similarity index 91%
rename from ui/src/conversation-panel/components/markdown-renderer/EchartsRender.vue
rename to ui/src/conversation-panel/components/content/items/echarts.vue
index d73ff7f77ef..883c167417e 100644
--- a/ui/src/conversation-panel/components/markdown-renderer/EchartsRender.vue
+++ b/ui/src/conversation-panel/components/content/items/echarts.vue
@@ -1,11 +1,15 @@
 <script setup lang="ts">
-import { nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import * as echarts from 'echarts'
 import { randomId } from '@/utils/common'
 
-defineOptions({ name: 'MarkdownEchartsRender' })
+defineOptions({ name: 'ContentEchartsItem' })
 
-const props = defineProps<{ option: string }>()
+const props = defineProps<{
+  // content 为图表配置 JSON 字符串
+  content: { content?: string | null }
+}>()
+const optionSource = computed(() => props.content.content ?? '')
 
 // 后端下发的图表配置：actionType 为 EVAL 时 option 是一段脚本，需在沙箱 iframe 中执行得到真实 option
 type ChartStyle = Record<string, string>
@@ -114,9 +118,9 @@ function applyOption(payload: ChartOptionPayload & echarts.EChartsOption) {
 }
 
 function initChart() {
-  if (!chartsRef.value || !props.option) return
+  if (!chartsRef.value || !optionSource.value) return
   try {
-    applyOption(JSON.parse(props.option))
+    applyOption(JSON.parse(optionSource.value))
   } catch (e) {
     console.error('[ECharts] invalid option JSON', e)
   }
@@ -132,12 +136,9 @@ function onResize() {
   }, 100)
 }
 
-watch(
-  () => props.option,
-  (option) => {
-    if (option) nextTick(initChart)
-  },
-)
+watch(optionSource, (value) => {
+  if (value) nextTick(initChart)
+})
 
 onMounted(() => {
   nextTick(initChart)
diff --git a/ui/src/conversation-panel/components/content/items/form.vue b/ui/src/conversation-panel/components/content/items/form.vue
index 569a3dda552..192334535b0 100644
--- a/ui/src/conversation-panel/components/content/items/form.vue
+++ b/ui/src/conversation-panel/components/content/items/form.vue
@@ -3,12 +3,12 @@ import { computed, ref } from 'vue'
 import { MkDynamicsForm } from '@/components/mk-dynamics-form'
 import type { DynamicFormValue, FormField } from '@/components/mk-dynamics-form'
 import type { Dict } from '@/api/types'
-import { useMessageListStoreOptional } from '@/conversation-panel/components/message-list/index'
-
+import { useSendMessageOptional } from '@/conversation-panel/components/message-list/index'
+import { useViewType, VIEW_TYPE, type ViewType } from "@/conversation-panel/view/index"
 defineOptions({ name: 'ConversationFormContent' })
-
-// message-list store(由 view provide);拿不到发送能力 → 只读降级
-const mainStore = useMessageListStoreOptional()
+const viewType = useViewType()
+// 发送能力由消息列表或外部宿主 provide;拿不到 → 只读降级
+const sendMessage = useSendMessageOptional()
 
 const props = defineProps<{
   content: {
@@ -42,7 +42,7 @@ const submit = async () => {
   try {
     await dynamicsFormRef.value?.validate()
     _submit.value = true
-    mainStore?.sendMessage({
+    sendMessage.value?.({
       message: { content: '', type: 'QUESTION' },
       newQuestion: false,
       reChat: true,
@@ -56,14 +56,18 @@ const submit = async () => {
     _submit.value = false
   }
 }
+const READONLY_VIEWS: readonly ViewType[] = [VIEW_TYPE.LOG]
+
 </script>
 
 <template>
   <div class="mk-gray-card-lg space-y-4 border border-N300">
     <MdPreview class="!h-auto" editorId="conversation-text" :modelValue="leadingText || ''"></MdPreview>
-    <MkDynamicsForm ref="dynamicsFormRef" :view="is_submit || !mainStore" :render-data="form_field_list" v-model="form_data" />
+    <MkDynamicsForm ref="dynamicsFormRef" :view="is_submit || READONLY_VIEWS.includes(viewType)"
+      :render-data="form_field_list" v-model="form_data" />
     <MdPreview class="!h-auto" editorId="conversation-text" :modelValue="trailingText || ''"></MdPreview>
-    <el-button :type="is_submit ? 'info' : 'primary'" :disabled="is_submit || !mainStore" @click="submit">
+    <el-button :type="is_submit ? 'info' : 'primary'"
+      :disabled="is_submit || READONLY_VIEWS.includes(viewType) || !sendMessage" @click="submit">
       {{ is_submit ? '已提交' : '提交' }}
     </el-button>
   </div>
diff --git a/ui/src/conversation-panel/components/content/items/html.vue b/ui/src/conversation-panel/components/content/items/html.vue
index fc745809011..f8a1b01117b 100644
--- a/ui/src/conversation-panel/components/content/items/html.vue
+++ b/ui/src/conversation-panel/components/content/items/html.vue
@@ -1,18 +1,30 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import DOMPurify from 'dompurify'
+import { computed, ref } from 'vue'
+import { useIframeBridge } from '../../markdown-renderer/iframe-bridge'
+import { useSendQuestionOptional } from '../../message-input/index'
+import { useChatUserProfileGetter } from '../../../view/index'
 
 defineOptions({ name: 'ContentHtmlItem' })
 
 const props = defineProps<{
-  content: { content?: string }
+  content: { content?: string | null }
 }>()
 
-// 回复内容可能引用用户输入，渲染前净化，去除脚本与事件属性
-const sanitizedHtml = computed(() => DOMPurify.sanitize(props.content.content || ''))
+// 日志等只读视图拿不到发送能力，iframe 内 sendMessage 随之失效
+const sendQuestion = useSendQuestionOptional()
+// 仅 Chat 入口提供，Admin 调试、日志中 iframe 内 chatUserProfile() 拿到 null
+const getChatUserProfile = useChatUserProfileGetter()
+
+// 回复 HTML 在沙箱 iframe 中渲染，脚本与父页面隔离
+const iframeRef = ref<HTMLIFrameElement>()
+const { buildSrcdoc } = useIframeBridge(iframeRef, {
+  extended: true,
+  sendMessage: (question, otherParams) => sendQuestion?.(question, otherParams),
+  getChatUserProfile,
+})
+const srcdoc = computed(() => buildSrcdoc(props.content.content ?? ''))
 </script>
 
 <template>
-  <!-- eslint-disable-next-line vue/no-v-html -- 内容已经 DOMPurify 净化 -->
-  <div class="overflow-x-auto [word-break:break-word]" v-html="sanitizedHtml" />
+  <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/HtmlRender.vue b/ui/src/conversation-panel/components/markdown-renderer/HtmlRender.vue
deleted file mode 100644
index 04936b7bfd0..00000000000
--- a/ui/src/conversation-panel/components/markdown-renderer/HtmlRender.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<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/index.vue b/ui/src/conversation-panel/components/markdown-renderer/index.vue
index a2ed604d35b..27de17a57ca 100644
--- a/ui/src/conversation-panel/components/markdown-renderer/index.vue
+++ b/ui/src/conversation-panel/components/markdown-renderer/index.vue
@@ -1,17 +1,16 @@
 <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 { useSendQuestionOptional } 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'
+import HtmlItem from '../content/items/html.vue'
+import EchartsItem from '../content/items/echarts.vue'
 
 defineOptions({ name: 'MarkdownRenderer' })
 
@@ -26,18 +25,8 @@ const props = withDefaults(
 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
+// 日志等只读视图拿不到发送能力，标签内的发送入口随之禁用
+const sendMessage = useSendQuestionOptional() ?? undefined
 
 interface TagRenderer {
   component: Component
@@ -46,9 +35,10 @@ interface TagRenderer {
 
 const tagRenderers: Record<RenderTag, TagRenderer> = {
   quick_question: { component: QuickQuestion, props: (question) => ({ question, sendMessage }) },
-  html_rander: { component: HtmlRender, props: (source) => ({ source, sendMessage }) },
+  // HTML、图表标签与同类型内容项共用渲染
+  html_rander: { component: HtmlItem, props: (source) => ({ content: { content: source } }) },
   iframe_render: { component: IframeRender, props: (source) => ({ source, sendMessage }) },
-  echarts_rander: { component: EchartsRender, props: (option) => ({ option }) },
+  echarts_rander: { component: EchartsItem, props: (option) => ({ content: { content: option } }) },
   tool_calls_render: { component: ToolCallsRender, props: (content) => ({ content }) },
   form_rander: { component: FormRender, props: (formSetting) => ({ formSetting }) },
 }
diff --git a/ui/src/conversation-panel/components/message-input/index.ts b/ui/src/conversation-panel/components/message-input/index.ts
index c0e96bdb078..3693d9eb6a5 100644
--- a/ui/src/conversation-panel/components/message-input/index.ts
+++ b/ui/src/conversation-panel/components/message-input/index.ts
@@ -1,4 +1,5 @@
 import { ref, computed, reactive, watch, inject, type Ref, type InjectionKey } from 'vue'
+import { pick } from 'lodash'
 import { IMAGE_EXTENSIONS, DOCUMENT_EXTENSIONS, VIDEO_EXTENSIONS, AUDIO_EXTENSIONS } from '@/constants/file-type'
 import { isImage, isDocument, isAudio, isVideo } from '@/utils/icon'
 import { MsgError } from '@/utils/message'
@@ -284,3 +285,19 @@ export function useMessageInputStore(): MessageInputStore {
 export function useMessageInputStoreOptional(): MessageInputStore | null {
   return inject(MESSAGE_INPUT_KEY, null)
 }
+
+const ATTACHMENT_FIELDS = ['image_list', 'document_list', 'audio_list', 'video_list', 'other_list']
+
+/**
+ * 回复内容（快捷问题、HTML、iframe）内的提问入口：otherParams 为 v2 的 other_params_data（附件列表与 form_data）。
+ * 发送走 message-input，新对话时由它生成会话并同步标题；日志等只读视图拿不到 store，返回 null。
+ */
+export function useSendQuestionOptional(): ((question: string, otherParams?: Dict<unknown>) => void) | null {
+  const store = useMessageInputStoreOptional()
+  if (!store) return null
+  return (question, otherParams) =>
+    store.sendQuestion(question, {
+      attachments: pick(otherParams, ATTACHMENT_FIELDS) as QuestionOptions['attachments'],
+      formData: otherParams?.form_data as Dict<unknown> | undefined,
+    })
+}
diff --git a/ui/src/conversation-panel/components/message-list/index.ts b/ui/src/conversation-panel/components/message-list/index.ts
index 3149c03a7e8..f8a5347b807 100644
--- a/ui/src/conversation-panel/components/message-list/index.ts
+++ b/ui/src/conversation-panel/components/message-list/index.ts
@@ -260,7 +260,13 @@ export function useMessageListStore(): MessageListStore {
   return store
 }
 
-// 供“只显示”等场景可选注入:拿不到返回 null(如 form 在无发送能力时降级只读)
-export function useMessageListStoreOptional(): MessageListStore | null {
-  return inject(MESSAGE_LIST_KEY, null)
+// 通用发送能力，由消息列表或外部宿主（如工具调试结果抽屉）提供；内容项按自身场景组装参数。
+export type SendMessage = (opts: SendMessageOptions) => void
+
+// 值为 null 表示当前不可发送（分享、执行中等），由提供方按自身状态决定
+export const SEND_MESSAGE_KEY: InjectionKey<Readonly<Ref<SendMessage | null>>> = Symbol('send-message')
+
+// 未提供时恒为 null，内容项降级只读
+export function useSendMessageOptional(): Readonly<Ref<SendMessage | null>> {
+  return inject(SEND_MESSAGE_KEY, ref(null))
 }
diff --git a/ui/src/conversation-panel/components/message-list/index.vue b/ui/src/conversation-panel/components/message-list/index.vue
index 627c3f37208..6a477c9f2c9 100644
--- a/ui/src/conversation-panel/components/message-list/index.vue
+++ b/ui/src/conversation-panel/components/message-list/index.vue
@@ -1,18 +1,20 @@
 <script setup lang="ts">
-import { computed, ref, onBeforeUnmount } from 'vue'
+import { computed, ref, onBeforeUnmount, provide } 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 { useMessageListStore, SEND_MESSAGE_KEY } 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 { appInfo, messages, loading, streamLoading, hasMore, loadMore, onStreamProgress, sendMessage } = useMessageListStore()
 const { isShared } = useConversationListStore()
+// 消息内容项（如表单）经此发起续跑；分享时收回发送能力，内容项只读
+provide(SEND_MESSAGE_KEY, computed(() => (isShared.value ? null : sendMessage)))
 // 分享按完整问答轮次提交，提问与回答共用记录 ID。
 const selectedRecordIds = ref<string[]>([])
 const messageRecordIds = computed(() =>
diff --git a/ui/src/conversation-panel/view/chat/index.ts b/ui/src/conversation-panel/view/chat/index.ts
index 75c8dec1bef..8342dbb2bf6 100644
--- a/ui/src/conversation-panel/view/chat/index.ts
+++ b/ui/src/conversation-panel/view/chat/index.ts
@@ -14,6 +14,7 @@ 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 type { GetChatUserProfile } from '../index'
 import { APPLICATION_DISPLAY_SETTING_DEFAULT } from '@/constants/application'
 /** chat 模式在通用组件 store 之外提供分享;debug 模式无分享。 */
 export interface ChatConversationBundle extends ConversationBundle {
@@ -46,6 +47,15 @@ function useApplicationChatRouting(): ChatConversationRouting {
   }
 }
 
+/** 当前对话用户档案：未加载时按需加载；无用户名（非登录认证）或加载失败返回 null。 */
+export function createChatUserProfileGetter(): GetChatUserProfile {
+  const { user } = useStore()
+  return async () => {
+    const profile = user.chatUserProfile ?? (await user.loadCurrentUser().catch(() => null))
+    return profile?.username ? profile : null
+  }
+}
+
 /**
  * chat 模式:装配各组件 store。模式差异只在这里的 adapter。
  * 当前会话与地址双向同步，切换智能体时重新加载智能体信息与会话。
diff --git a/ui/src/conversation-panel/view/chat/index.vue b/ui/src/conversation-panel/view/chat/index.vue
index acfc1cc4874..c5082b02f8e 100644
--- a/ui/src/conversation-panel/view/chat/index.vue
+++ b/ui/src/conversation-panel/view/chat/index.vue
@@ -13,7 +13,8 @@ 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, SHARE_PANEL_CONTENT_KEY } from '../../main/share-panel/index'
-import { createChatConversation } from './index'
+import { createChatConversation, createChatUserProfileGetter } from './index'
+import { VIEW_KEY, VIEW_TYPE, DEVICE_KEY, CHAT_USER_PROFILE_KEY, createDeviceType } from '../index.ts'
 
 const bundle = createChatConversation()
 
@@ -41,6 +42,9 @@ provide(SHARE_PANEL_CONTENT_KEY, {
   ...bundle.msgs,
   title: computed(() => bundle.list.currentConversation.value?.abstract || '新建对话'),
 })
+provide(VIEW_KEY,VIEW_TYPE.CHAT)
+// HTML 内容 iframe 内 chatUserProfile() 取当前对话用户
+provide(CHAT_USER_PROFILE_KEY, createChatUserProfileGetter())
 
 // 响应式:窄屏 drawer,宽屏 push
 const BREAKPOINT = 768
@@ -48,6 +52,8 @@ const isMobile = ref(window.innerWidth < BREAKPOINT)
 const onResize = () => (isMobile.value = window.innerWidth < BREAKPOINT)
 const leftMode = computed(() => (isMobile.value ? 'drawer' : 'push'))
 const rightMode = computed(() => (isMobile.value ? 'drawer' : 'push'))
+// 左栏为抽屉即手机端
+provide(DEVICE_KEY, createDeviceType(leftMode))
 
 const closeDrawers = () => {
   if (leftMode.value === 'drawer') bundle.list.leftSideOpen.value = false
diff --git a/ui/src/conversation-panel/view/debug/index.vue b/ui/src/conversation-panel/view/debug/index.vue
index 79b92027f2d..07f1847ac87 100644
--- a/ui/src/conversation-panel/view/debug/index.vue
+++ b/ui/src/conversation-panel/view/debug/index.vue
@@ -15,6 +15,7 @@ import { MESSAGE_INPUT_KEY } from '../../components/message-input/index'
 import { EXECUTION_DETAIL_KEY } from '../../right-sidebar/execution-detail/index'
 import { createDebugHeaderStore, DEBUG_HEADER_KEY } from '../../components/header/debug/index'
 import { createDebugConversation } from './index'
+import { VIEW_KEY, VIEW_TYPE, DEVICE_KEY, createDeviceType } from '../index.ts'
 
 defineOptions({ name: 'DebugConversation' })
 
@@ -44,7 +45,7 @@ provide(CONVERSATION_LIST_KEY, bundle.list)
 provide(MESSAGE_LIST_KEY, bundle.msgs)
 provide(MESSAGE_INPUT_KEY, bundle.input)
 provide(EXECUTION_DETAIL_KEY, bundle.detail)
-
+provide(VIEW_KEY,VIEW_TYPE.DEBUG)
 const debug = createDebugHeaderStore()
 provide(DEBUG_HEADER_KEY, debug)
 // open/close 暴露给工作流页通过 ref 调用
@@ -53,6 +54,8 @@ defineExpose({ open: debug.open, close: debug.close })
 // 缩小(窄面板)用抽屉,放大(宽面板)用挤压——与窗口宽度无关,只看放大态
 const leftMode = computed(() => (debug.expanded.value ? 'push' : 'drawer'))
 const rightMode = computed(() => (debug.expanded.value ? 'push' : 'drawer'))
+// 左栏为抽屉即手机端
+provide(DEVICE_KEY, createDeviceType(leftMode))
 
 // 抽屉态:遮罩点击 / 切换会话 → 收起
 const closeDrawers = () => {
diff --git a/ui/src/conversation-panel/view/index.ts b/ui/src/conversation-panel/view/index.ts
new file mode 100644
index 00000000000..144382a7be4
--- /dev/null
+++ b/ui/src/conversation-panel/view/index.ts
@@ -0,0 +1,50 @@
+import { computed, inject, toValue, type InjectionKey, type MaybeRefOrGetter, type Ref } from 'vue'
+import type { ChatUserProfile } from '@/api/types'
+import type { SidePanelMode } from '../core/layout/types'
+
+export const VIEW_TYPE = {
+  CHAT: 'CHAT',
+  DEBUG: 'DEBUG',
+  SIMPLE_DEBUG: 'SIMPLE_DEBUG',
+  PORTAL: 'PORTAL',
+  LOG: 'LOG',
+} as const
+export type ViewType = (typeof VIEW_TYPE)[keyof typeof VIEW_TYPE]
+
+export const VIEW_KEY: InjectionKey<ViewType> = Symbol('conversation-view')
+
+export function useViewType(): ViewType {
+  const type = inject(VIEW_KEY)
+  if (!type) throw new Error('useViewType 必须在 conversation view 内使用')
+  return type
+}
+
+/** 对话面板设备类型；平板暂未区分。 */
+export const DEVICE_TYPE = {
+  PC: 'PC',
+  MOBILE: 'MOBILE',
+  TABLET: 'TABLET',
+} as const
+export type DeviceType = (typeof DEVICE_TYPE)[keyof typeof DEVICE_TYPE]
+
+export const DEVICE_KEY: InjectionKey<Readonly<Ref<DeviceType>>> = Symbol('conversation-device')
+
+/** 由左栏模式推导设备类型：左栏为抽屉即手机端，否则为 PC 端。 */
+export function createDeviceType(leftMode: MaybeRefOrGetter<SidePanelMode>): Readonly<Ref<DeviceType>> {
+  return computed(() => (toValue(leftMode) === 'drawer' ? DEVICE_TYPE.MOBILE : DEVICE_TYPE.PC))
+}
+
+export function useDeviceType(): Readonly<Ref<DeviceType>> {
+  const device = inject(DEVICE_KEY)
+  if (!device) throw new Error('useDeviceType 必须在 conversation view 内使用')
+  return device
+}
+
+/** HTML 内容 iframe 内 chatUserProfile() 的数据来源；仅 Chat 入口提供，Admin 调试、日志拿到 null。 */
+export type GetChatUserProfile = () => Promise<ChatUserProfile | null>
+
+export const CHAT_USER_PROFILE_KEY: InjectionKey<GetChatUserProfile> = Symbol('chat-user-profile')
+
+export function useChatUserProfileGetter(): GetChatUserProfile {
+  return inject(CHAT_USER_PROFILE_KEY, () => Promise.resolve(null))
+}
diff --git a/ui/src/conversation-panel/view/log/index.vue b/ui/src/conversation-panel/view/log/index.vue
index 046f81ef805..4d76346765e 100644
--- a/ui/src/conversation-panel/view/log/index.vue
+++ b/ui/src/conversation-panel/view/log/index.vue
@@ -8,6 +8,7 @@ import ExecutionDetail from '../../right-sidebar/execution-detail/index.vue'
 import { LOG_MESSAGE_LIST_KEY, createLogMessageListStore } from '../../components/log-message-list/index'
 import { EXECUTION_DETAIL_KEY, createExecutionDetailStore } from '../../right-sidebar/execution-detail/index'
 import { toLogAppInfo } from './app-info'
+import { VIEW_KEY, VIEW_TYPE, DEVICE_KEY, createDeviceType } from '../index.ts'
 
 defineOptions({ name: 'LogConversation' })
 
@@ -48,7 +49,9 @@ const detail = createExecutionDetailStore()
 
 provide(LOG_MESSAGE_LIST_KEY, msgs)
 provide(EXECUTION_DETAIL_KEY, detail)
-
+provide(VIEW_KEY,VIEW_TYPE.LOG)
+// 日志无左栏，按 PC 端渲染
+provide(DEVICE_KEY, createDeviceType('push'))
 // 切换日志(抽屉内上一个/下一个)时收起执行详情并重新加载
 watch(
   () => props.chatId,
diff --git a/ui/src/conversation-panel/view/portal/index.vue b/ui/src/conversation-panel/view/portal/index.vue
index 4fc1cc375ac..55c366881a2 100644
--- a/ui/src/conversation-panel/view/portal/index.vue
+++ b/ui/src/conversation-panel/view/portal/index.vue
@@ -15,6 +15,8 @@ import { MESSAGE_INPUT_KEY } from '../../components/message-input/index'
 import { EXECUTION_DETAIL_KEY } from '../../right-sidebar/execution-detail/index'
 import { PORTAL_CONVERSATION_LIST_KEY } from '../../left-sidebar/portal-conversation-list/index'
 import { createPortalConversation } from './index'
+import { createChatUserProfileGetter } from '../chat/index'
+import { VIEW_KEY, VIEW_TYPE, DEVICE_KEY, CHAT_USER_PROFILE_KEY, createDeviceType } from '../index.ts'
 
 const applicationSelectorRef = ref<InstanceType<typeof SelectApplicationDrawer>>()
 const bundle = createPortalConversation({ openApplicationSelector: () => applicationSelectorRef.value?.open() })
@@ -39,13 +41,17 @@ provide(MESSAGE_LIST_KEY, bundle.msgs)
 provide(MESSAGE_INPUT_KEY, bundle.input)
 provide(EXECUTION_DETAIL_KEY, bundle.detail)
 provide(PORTAL_CONVERSATION_LIST_KEY, bundle.portalList)
-
+provide(VIEW_KEY,VIEW_TYPE.PORTAL)
+// HTML 内容 iframe 内 chatUserProfile() 取当前对话用户
+provide(CHAT_USER_PROFILE_KEY, createChatUserProfileGetter())
 // 响应式:窄屏 drawer,宽屏 push
 const BREAKPOINT = 768
 const isMobile = ref(window.innerWidth < BREAKPOINT)
 const onResize = () => (isMobile.value = window.innerWidth < BREAKPOINT)
 const leftMode = computed(() => (isMobile.value ? 'drawer' : 'push'))
 const rightMode = computed(() => (isMobile.value ? 'drawer' : 'push'))
+// 左栏为抽屉即手机端
+provide(DEVICE_KEY, createDeviceType(leftMode))
 
 const closeDrawers = () => {
   if (leftMode.value === 'drawer') bundle.list.leftSideOpen.value = false
diff --git a/ui/src/conversation-panel/view/simple-debug/index.vue b/ui/src/conversation-panel/view/simple-debug/index.vue
index 1c831b4dbcb..c1d819510aa 100644
--- a/ui/src/conversation-panel/view/simple-debug/index.vue
+++ b/ui/src/conversation-panel/view/simple-debug/index.vue
@@ -13,6 +13,7 @@ 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 { createDebugConversation } from '../debug/index'
+import { VIEW_KEY, VIEW_TYPE, DEVICE_KEY, createDeviceType } from '../index.ts'
 
 defineOptions({ name: 'SimpleDebugConversation' })
 
@@ -49,7 +50,7 @@ provide(CONVERSATION_LIST_KEY, bundle.list)
 provide(MESSAGE_LIST_KEY, bundle.msgs)
 provide(MESSAGE_INPUT_KEY, bundle.input)
 provide(EXECUTION_DETAIL_KEY, bundle.detail)
-
+provide(VIEW_KEY,VIEW_TYPE.SIMPLE_DEBUG)
 // 左栏放设置表单而非会话列表，开合复用会话列表 store 的 leftSideOpen；历史对话由标题栏浮层切换。
 // 响应式按面板自身宽度判断（嵌在 Admin 页面内，窗口宽度不代表可用宽度）：窄时 drawer，宽时 push。
 const SETTING_WIDTH = 520
@@ -61,6 +62,8 @@ const panelRef = useTemplateRef<HTMLElement>('panelRef')
 const panelWidth = ref(BREAKPOINT)
 const narrow = computed(() => panelWidth.value < BREAKPOINT)
 const sideMode = computed(() => (narrow.value ? 'drawer' : 'push'))
+// 左栏为抽屉即手机端
+provide(DEVICE_KEY, createDeviceType(sideMode))
 const canPushBoth = computed(() => panelWidth.value >= SETTING_WIDTH + DETAIL_WIDTH + MIN_CHAT_WIDTH)
 
 // 宽窄切换时同步开合：宽屏展开设置，窄屏收起设置和执行详情。
diff --git a/ui/src/views/document-detail/index.vue b/ui/src/views/document-detail/index.vue
index e4aa6ffc187..f6a2a0d2f78 100644
--- a/ui/src/views/document-detail/index.vue
+++ b/ui/src/views/document-detail/index.vue
@@ -226,7 +226,7 @@ const paragraphSortDisabled = computed(
     batchMode.value ||
     createDialogMounted.value ||
     editDialogMounted.value ||
-    paragraphs.value.length < 2,
+    paragraphs.value.length < 2||
     !knowledgeDocPermission('docEdit')
 )
 const { handleMoveParagraph } = useParagraphSort({
diff --git a/ui/src/views/knowledge-detail/hit-test/index.vue b/ui/src/views/knowledge-detail/hit-test/index.vue
index 04263eb8456..12b79b3b0b6 100644
--- a/ui/src/views/knowledge-detail/hit-test/index.vue
+++ b/ui/src/views/knowledge-detail/hit-test/index.vue
@@ -172,6 +172,7 @@ function testKnowledge(query: Required<Pick<KnowledgeHitTestPayload, 'query_text
         :file-count-limit="knowledge?.file_count_limit"
         :file-size-limit="knowledge?.file_size_limit"
         :loading="loading"
+        :knowledge-id="knowledgeId"
         @submit="testKnowledge"
       />
     </el-scrollbar>
diff --git a/ui/src/views/workflow/tool/debug/ResultDrawer.vue b/ui/src/views/workflow/tool/debug/ResultDrawer.vue
index c3f7f96faa0..faf6f387ba1 100644
--- a/ui/src/views/workflow/tool/debug/ResultDrawer.vue
+++ b/ui/src/views/workflow/tool/debug/ResultDrawer.vue
@@ -10,6 +10,9 @@ import { aggregators } from '@/conversation-panel/core/aggregators'
 import ContentList from '@/conversation-panel/components/content-list/index.vue'
 import ExecutionDetailContent from '@/workflow-canvas/execution-details/index.vue'
 import { WorkflowMode } from '@/workflow-canvas/types'
+import { VIEW_KEY, VIEW_TYPE } from '@/conversation-panel/view'
+import { SEND_MESSAGE_KEY } from '@/conversation-panel/components/message-list/index'
+import type { SendMessageOptions } from '@/conversation-panel/core/types'
 
 defineOptions({ name: 'ToolWorkflowDebugResultDrawer' })
 interface DebugBlock {
@@ -22,12 +25,6 @@ interface DebugChunk {
   chat_record_id?: string
   content?: DebugBlock[]
 }
-interface ResumeParameters {
-  formData?: Record<string, unknown>
-  position?: unknown
-  chunkId?: string
-  chatRecordId?: string
-}
 const props = defineProps<{ toolId: string; api?: typeof WorkflowApi }>()
 const running = defineModel<boolean>('running', { default: false })
 const visible = ref(false)
@@ -90,11 +87,13 @@ async function execute(extra: Record<string, unknown> = {}) {
   }
 }
 
-// 表单节点沿用同一条执行记录续跑，复用现有回复组件的 sendMessage 协议。
-provide('sendMessage', (options: ResumeParameters) => {
-  if (running.value || !visible.value) return
+// 表单节点沿用同一条执行记录续跑，复用对话面板的 sendMessage 协议；工具调试不支持发起新问题。
+function resume(options: SendMessageOptions) {
+  if (options.newQuestion) return
   return execute({ form_data: options.formData, chat_record_id: options.chatRecordId, chunk_id: options.chunkId, position: options.position })
-})
+}
+// 执行中或抽屉已关闭时不可续跑，表单随之禁用。
+provide(SEND_MESSAGE_KEY, computed(() => (running.value || !visible.value ? null : resume)))
 
 function open(parameters: Record<string, unknown>) {
   if (running.value) return
@@ -111,7 +110,7 @@ function close() {
   visible.value = false
   stream?.cancel()
 }
-
+provide(VIEW_KEY,VIEW_TYPE.CHAT)
 onBeforeUnmount(close)
 defineExpose({ open, close })
 </script>
diff --git a/ui/src/workflow-canvas/nodes/llm-node/index.vue b/ui/src/workflow-canvas/nodes/llm-node/index.vue
index 0af7483d233..b219cb0387d 100644
--- a/ui/src/workflow-canvas/nodes/llm-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/llm-node/index.vue
@@ -93,7 +93,9 @@ function handleContextEnabledChange(enabled: boolean) {
 async function validate() {
   return formRef.value?.validate().catch((error) => Promise.reject({ node: model, errMessage: error }))
 }
-
+const userPromptRequired=computed(()=>{
+  return formData.value.enable_context?false:true
+})
 onMounted(() => {
   if (formData.value.is_result === undefined && isLastNode(model)) formData.value.is_result = true
   model.validate = validate
@@ -147,7 +149,7 @@ onMounted(() => {
         <el-form-item
           class="mk-hide-asterisk"
           prop="prompt"
-          :rules="{ whitespace: true, required: true, message: '请输入用户提示词', trigger: 'blur' }"
+          :rules="{ whitespace: true, required: userPromptRequired, message: '请输入用户提示词', trigger: 'blur' }"
         >
           <template #label>
             <div class="flex-align-center gap-1">