diff --git a/ui/src/components/chat-plus/api/chat.ts b/ui/src/components/chat-plus/api/chat.ts
deleted file mode 100644
index 97e461681cf..00000000000
--- a/ui/src/components/chat-plus/api/chat.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { get, postStream, del, put, post } from '@/request/chat/index'
-
-const prefix = (window.MaxKB?.prefix || '/chat') + '/api'
-
-export const open = () =>
-  get('/open', {})
-
-export const chat = (chatId: string, data: any) =>
-  postStream(`${prefix}/chat_message/${chatId}`, data)
-
-export const history = (page: number, size: number) =>
-  get(`/historical_conversation/${page}/${size}`)
-
-export const records = (chatId: string, page: number, size: number) =>
-  get(`/historical_conversation_record/${chatId}/${page}/${size}`)
-
-export const recordDetail = (chatId: string, recordId: string) =>
-  get(`/historical_conversation/${chatId}/record/${recordId}`)
-
-export const vote = (chatId: string, recordId: string, voteStatus: string, reason?: string) =>
-  put(`/vote/chat/${chatId}/chat_record/${recordId}`, {
-    vote_status: voteStatus,
-    ...(reason !== undefined && { vote_reason: reason }),
-  })
-
-export const deleteChat = (chatId: string) =>
-  del(`/historical_conversation/${chatId}`)
-
-export const clearChat = () =>
-  del('/historical_conversation/clear')
-
-export const modifyChat = (chatId: string, data: any) =>
-  put(`/historical_conversation/${chatId}`, data)
-
-export const uploadFile = (file: File, sourceId: string, sourceType: string) => {
-  const fd = new FormData()
-  fd.append('file', file)
-  fd.append('source_id', sourceId)
-  fd.append('source_type', sourceType)
-  return post('/oss/file', fd)
-}
diff --git a/ui/src/components/chat-plus/api/debug.ts b/ui/src/components/chat-plus/api/debug.ts
deleted file mode 100644
index 4cdf5ec570b..00000000000
--- a/ui/src/components/chat-plus/api/debug.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { get, postStream, del, put, post } from '@/request/index'
-import useStore from '@/stores'
-
-const prefix = (window.MaxKB?.prefix || '/admin') + '/api'
-
-export const open = (applicationId: string) => {
-  const { user } = useStore()
-  return get(`/workspace/${user.getWorkspaceId()}/application/${applicationId}/open`, {})
-}
-
-export const chat = (chatId: string, data: any) =>
-  postStream(`${prefix}/chat_message/${chatId}`, data)
-
-export const history = (page: number, size: number) =>
-  get(`/historical_conversation/${page}/${size}`)
-
-export const records = (chatId: string, page: number, size: number) =>
-  get(`/historical_conversation_record/${chatId}/${page}/${size}`)
-
-export const recordDetail = (chatId: string, recordId: string) =>
-  get(`/historical_conversation/${chatId}/record/${recordId}`)
-
-export const vote = (chatId: string, recordId: string, voteStatus: string, reason?: string) =>
-  put(`/vote/chat/${chatId}/chat_record/${recordId}`, {
-    vote_status: voteStatus,
-    ...(reason !== undefined && { vote_reason: reason }),
-  })
-
-export const deleteChat = (chatId: string) =>
-  del(`/historical_conversation/${chatId}`)
-
-export const clearChat = () =>
-  del('/historical_conversation/clear')
-
-export const modifyChat = (chatId: string, data: any) =>
-  put(`/historical_conversation/${chatId}`, data)
-
-export const uploadFile = (file: File, sourceId: string, sourceType: string) => {
-  const fd = new FormData()
-  fd.append('file', file)
-  fd.append('source_id', sourceId)
-  fd.append('source_type', sourceType)
-  return post('/oss/file', fd)
-}
diff --git a/ui/src/components/chat-plus/api/index.ts b/ui/src/components/chat-plus/api/index.ts
deleted file mode 100644
index a86043a06fd..00000000000
--- a/ui/src/components/chat-plus/api/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import * as chat from './chat'
-import * as debug from './debug'
-
-export type ChatType = 'CHAT' | 'DEBUG'
-
-const apis = { CHAT: chat, DEBUG: debug } as const
-
-export const useApi = (type: ChatType) => apis[type]
diff --git a/ui/src/components/chat-plus/bus.ts b/ui/src/components/chat-plus/bus.ts
deleted file mode 100644
index 6d726947149..00000000000
--- a/ui/src/components/chat-plus/bus.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-type Handler = (...args: any[]) => void
-
-class ChatBus {
-  private events = new Map<string, Set<Handler>>()
-
-  on(event: string, handler: Handler) {
-    if (!this.events.has(event)) {
-      this.events.set(event, new Set())
-    }
-    this.events.get(event)!.add(handler)
-    return () => this.off(event, handler)
-  }
-
-  off(event: string, handler: Handler) {
-    this.events.get(event)?.delete(handler)
-  }
-
-  emit(event: string, ...args: any[]) {
-    this.events.get(event)?.forEach((handler) => handler(...args))
-  }
-
-  clear() {
-    this.events.clear()
-  }
-}
-
-export const chatBus = new ChatBus()
-
-export const ChatEvents = {
-  OPEN_CONVERSATION: 'open:conversation',
-  NEW_CONVERSATION: 'new:conversation',
-  DELETE_CONVERSATION: 'delete:conversation',
-  RENAME_CONVERSATION: 'rename:conversation',
-  SEND_MESSAGE: 'send:message',
-  STOP_GENERATING: 'stop:generating',
-  REFRESH_LIST: 'refresh:list',
-} as const
diff --git a/ui/src/components/chat-plus/component/answer-content/index.vue b/ui/src/components/chat-plus/component/answer-content/index.vue
deleted file mode 100644
index 53870d4f08d..00000000000
--- a/ui/src/components/chat-plus/component/answer-content/index.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-<template>
-  <div class="item-content lighter">
-    <div v-for="(answer_text, index) in answer_text_list" :key="index" class="mb-8 flex">
-      <div class="avatar mr-8" v-if="showAvatar">
-        <img v-if="application.avatar" :src="application.avatar" height="28px" width="28px" />
-        <LogoIcon v-else height="28px" width="28px" />
-      </div>
-      <div
-        class="content w-full"
-        @mouseup="openControl"
-        :style="{ 'padding-right': showUserAvatar ? 'var(--padding-left)' : '0' }"
-      >
-        <template v-if="answer_text.length > 0">
-          <ContentItem
-            v-for="(answer, aIndex) in answer_text"
-            :key="aIndex"
-            :content="answer"
-            :send-message="chatMessage"
-          />
-        </template>
-        <ContentItem
-          v-else-if="
-            (chatRecord.write_ed === undefined || chatRecord.write_ed === true) &&
-            answer_text_list.flat().map((item) => item.content).join('').trim().length === 0
-          "
-          :content="{ content: $t('aiChat.tip.answerMessage') }"
-        />
-        <p v-else-if="chatRecord.is_stop" style="margin: 0.5rem 0">
-          {{ $t('aiChat.tip.stopAnswer') }}
-        </p>
-        <p v-else style="margin: 0.5rem 0">
-          {{ $t('aiChat.tip.answerLoading') }} <span class="dotting"></span>
-        </p>
-        <KnowledgeSourceComponent
-          :data="chatRecord"
-          :application="application"
-          :type="type"
-          :appType="application.type"
-          :executionIsRightPanel="props.executionIsRightPanel"
-          @open-execution-detail="emit('openExecutionDetail')"
-          @openParagraph="emit('openParagraph')"
-          @openParagraphDocument="(val: string) => emit('openParagraphDocument', val)"
-          v-if="showSource(chatRecord) && index === chatRecord.answer_text_list.length - 1"
-        />
-      </div>
-    </div>
-
-    <div
-      class="content"
-      :style="{
-        'padding-left': showAvatar ? 'var(--padding-left)' : '0',
-        'padding-right': showUserAvatar ? 'var(--padding-left)' : '0',
-      }"
-      v-if="!selection"
-    >
-      <OperationButton
-        :type="type"
-        :application="application"
-        :chatRecord="chatRecord"
-        @update:chatRecord="(event: any) => emit('update:chatRecord', event)"
-        :loading="loading"
-        :start-chat="startChat"
-        :stop-chat="stopChat"
-        :regenerationChart="regenerationChart"
-      />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-import KnowledgeSourceComponent from '@/components/ai-chat/component/knowledge-source-component/index.vue'
-import OperationButton from '@/components/ai-chat/component/operation-button/index.vue'
-import ContentItem from './items/index.vue'
-import { type chatType } from '@/api/type/application'
-import bus from '@/bus'
-
-const props = defineProps<{
-  chatRecord: chatType
-  application: any
-  loading: boolean
-  sendMessage: (question: string, other_params_data?: any, chat?: chatType) => Promise<boolean>
-  chatManagement: any
-  type: 'log' | 'ai-chat' | 'debug-ai-chat' | 'share'
-  executionIsRightPanel?: boolean
-  selection?: boolean
-}>()
-
-const emit = defineEmits([
-  'update:chatRecord',
-  'openExecutionDetail',
-  'openParagraph',
-  'openParagraphDocument',
-])
-
-const showAvatar = computed(() => props.application.show_avatar == undefined ? true : props.application.show_avatar)
-const showUserAvatar = computed(() => props.application.show_user_avatar == undefined ? true : props.application.show_user_avatar)
-
-const chatMessage = (question: string, type: 'old' | 'new', other_params_data?: any) => {
-  if (type === 'old') {
-    props.chatRecord.answer_text_list.push([])
-    props.sendMessage(question, other_params_data, props.chatRecord).then(() => {
-      props.chatManagement.open(props.chatRecord.id)
-      props.chatManagement.write(props.chatRecord.id)
-    })
-  } else {
-    props.sendMessage(question, other_params_data)
-  }
-}
-
-const openControl = (event: any) => {
-  if (props.type !== 'log') bus.emit('open-control', event)
-}
-
-const answer_text_list = computed(() => {
-  return props.chatRecord.answer_text_list.map((item: any) => {
-    if (typeof item == 'string') return [{ content: item }]
-    if (item instanceof Array) return item
-    return [item]
-  })
-})
-
-function showSource(row: any) {
-  if (props.type === 'log') return true
-  if (row.write_ed && 500 !== row.status) return true
-  return false
-}
-
-const regenerationChart = (chat: chatType) => {
-  const container = props.chatRecord?.upload_meta || props.chatRecord.execution_details?.find((d: any) => d.type === 'start-node')
-  props.sendMessage(chat.problem_text, {
-    re_chat: true,
-    image_list: container?.image_list || [],
-    document_list: container?.document_list || [],
-    audio_list: container?.audio_list || [],
-    video_list: container?.video_list || [],
-    other_list: container?.other_list || [],
-  })
-}
-
-const stopChat = (chat: chatType) => { props.chatManagement.stop(chat.id) }
-const startChat = (chat: chatType) => { props.chatManagement.write(chat.id) }
-</script>
diff --git a/ui/src/components/chat-plus/component/answer-content/items/failure.vue b/ui/src/components/chat-plus/component/answer-content/items/failure.vue
deleted file mode 100644
index d06fd85168b..00000000000
--- a/ui/src/components/chat-plus/component/answer-content/items/failure.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<template>
-  <div class="content-failure mb-8">
-    <span class="failure-icon">⚠️</span>
-    <span>{{ content.content }}</span>
-  </div>
-</template>
-
-<script setup lang="ts">
-defineProps<{ content: any }>()
-</script>
diff --git a/ui/src/components/chat-plus/component/answer-content/items/form.vue b/ui/src/components/chat-plus/component/answer-content/items/form.vue
deleted file mode 100644
index 008c54a558d..00000000000
--- a/ui/src/components/chat-plus/component/answer-content/items/form.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-  <div class="form-block mb-8">
-    <DynamicsForm
-      :disabled="is_submit"
-      label-position="top"
-      require-asterisk-position="right"
-      ref="dynamicsFormRef"
-      :render_data="form_field_list"
-      label-suffix=":"
-      v-model="form_data"
-      :model="form_data"
-    />
-    <el-button :type="is_submit ? 'info' : 'primary'" :disabled="is_submit" @click="submit">
-      {{ is_submit ? '已提交' : '提交' }}
-    </el-button>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref, inject } from 'vue'
-import DynamicsForm from '@/components/dynamics-form/index.vue'
-
-const chat = inject<any>('chat')
-
-const props = defineProps<{
-  content: any
-}>()
-
-const _submit = ref(false)
-const form_field_list = computed(() => props.content.form_field_list || [])
-const is_submit = computed(() => _submit.value || !!props.content.is_submit)
-const _form_data = ref<any>({})
-const form_data = computed({
-  get: () => (props.content.is_submit ? props.content.form_data : _form_data.value),
-  set: (v) => {
-    _form_data.value = v
-  },
-})
-const dynamicsFormRef = ref()
-
-const submit = () => {
-  dynamicsFormRef.value?.validate().then(() => {
-    _submit.value = true
-    if (chat?.sendMessage) {
-      chat.sendMessage('', 'old', {
-        position: props.content.position,
-        runtime_node_id: props.content.id,
-        chat_record_id: props.content.chat_record_id,
-        node_data: form_data.value,
-      })
-    }
-  })
-}
-</script>
-<style lang="scss" scoped>
-.form-block {
-  background: #ffffff;
-  border: 1px solid var(--el-border-color-lighter, #e4e7ed);
-  border-radius: 8px;
-  padding: 16px;
-}
-</style>
diff --git a/ui/src/components/chat-plus/component/answer-content/items/index.vue b/ui/src/components/chat-plus/component/answer-content/items/index.vue
deleted file mode 100644
index a61d04a6fcf..00000000000
--- a/ui/src/components/chat-plus/component/answer-content/items/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-  <component v-if="typeRenderers[content.type]" :is="typeRenderers[content.type]" :content="content" v-bind="$attrs" />
-  <TextItem v-else :content="content" v-bind="$attrs" />
-</template>
-
-<script setup lang="ts">
-import TextItem from './text.vue'
-import ReasoningItem from './reasoning.vue'
-import ToolItem from './tool.vue'
-import FormItem from './form.vue'
-import FailureItem from './failure.vue'
-
-const typeRenderers: Record<string, any> = {
-  TEXT: TextItem,
-  REASONING: ReasoningItem,
-  TOOL: ToolItem,
-  FORM: FormItem,
-  FAILURE: FailureItem,
-}
-
-defineProps<{ content: any }>()
-</script>
diff --git a/ui/src/components/chat-plus/component/answer-content/items/reasoning.vue b/ui/src/components/chat-plus/component/answer-content/items/reasoning.vue
deleted file mode 100644
index 288b21a30bf..00000000000
--- a/ui/src/components/chat-plus/component/answer-content/items/reasoning.vue
+++ /dev/null
@@ -1,180 +0,0 @@
-<template>
-  <div class="reasoning">
-    <button class="rc-head" @click="isExpanded = !isExpanded">
-      <svg class="rc-chevron" :class="{ open: isExpanded }" viewBox="0 0 16 16" fill="none">
-        <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
-      </svg>
-      <span class="rc-icon" :class="{ spin: loading }">
-        <span v-if="loading" class="rc-loading"></span>
-        <svg v-else viewBox="0 0 16 16" fill="none">
-          <path
-            d="M8 2.5C6.3 2.5 4.8 3.6 4.8 5c0 .8.3 1.5.8 2C4.7 7.5 4.2 8.4 4.2 9.3 4.2 11.3 5.8 13 8 13s3.8-1.7 3.8-3.7c0-.9-.5-1.8-1.4-2.3.5-.5.8-1.2.8-2 0-1.4-1.5-2.5-3.2-2.5Z"
-            stroke="currentColor"
-            stroke-width="1.2"
-            stroke-linejoin="round"
-          />
-          <path d="M8 6.5v2.5M7 10.5h2" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
-        </svg>
-      </span>
-      <span class="rc-title">{{ loading ? '思考中...' : '思考过程' }}</span>
-    </button>
-    <Transition
-      enter-active-class="tc-expand-enter"
-      leave-active-class="tc-expand-leave"
-    >
-      <div v-if="isExpanded" class="rc-body">
-        <p v-if="content" class="rc-text">{{ content }}<span v-if="loading" class="rc-cursor">▍</span></p>
-        <div v-else-if="loading" class="rc-dots"><span></span><span></span><span></span></div>
-      </div>
-    </Transition>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref, watch } from 'vue'
-
-const props = defineProps<{ content: any }>()
-
-const content = computed(() => props.content.content)
-const loading = computed(() => props.content.status === 'RUNNING')
-const isExpanded = ref(props.content.status === 'RUNNING')
-
-watch(() => props.content.status, (status) => {
-  if (status !== 'RUNNING') {
-    isExpanded.value = false
-  }
-})
-</script>
-
-<style scoped>
-.reasoning {
-  width: 100%;
-}
-
-.rc-head {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  padding: 3px 0;
-  border: none;
-  background: none;
-  cursor: pointer;
-  font-family: inherit;
-  color: var(--t3, #909399);
-  transition: color 0.15s;
-}
-
-.rc-head:hover {
-  color: var(--t1, #303133);
-}
-
-.rc-chevron {
-  width: 14px;
-  height: 14px;
-  flex-shrink: 0;
-  transition: transform 0.15s;
-}
-
-.rc-chevron.open {
-  transform: rotate(90deg);
-}
-
-.rc-icon {
-  width: 16px;
-  height: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  color: var(--t3, #909399);
-}
-
-.rc-icon.spin {
-  color: var(--t2, #606266);
-}
-
-.rc-loading {
-  width: 14px;
-  height: 14px;
-  border: 2px solid var(--t3, #909399);
-  border-top-color: transparent;
-  border-radius: 50%;
-  animation: spin 0.8s linear infinite;
-}
-
-@keyframes spin {
-  to { transform: rotate(360deg); }
-}
-
-.rc-title {
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--t2, #606266);
-  white-space: nowrap;
-}
-
-.rc-body {
-  padding: 6px 0 4px 8px;
-}
-
-.rc-text {
-  margin: 0;
-  font-size: 13px;
-  line-height: 1.65;
-  color: var(--t2, #606266);
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-
-.rc-cursor {
-  color: var(--t3, #909399);
-  animation: blink 0.8s step-start infinite;
-  font-size: 13px;
-}
-
-@keyframes blink {
-  50% { opacity: 0; }
-}
-
-.rc-dots {
-  display: flex;
-  gap: 4px;
-  padding: 4px 2px;
-}
-
-.rc-dots span {
-  width: 5px;
-  height: 5px;
-  border-radius: 50%;
-  background: var(--t3, #909399);
-  animation: dot-pulse 1.2s ease-in-out infinite;
-}
-
-.rc-dots span:nth-child(2) { animation-delay: 0.2s; }
-.rc-dots span:nth-child(3) { animation-delay: 0.4s; }
-
-@keyframes dot-pulse {
-  0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }
-  40% { opacity: 1; transform: scale(1); }
-}
-
-.tc-expand-enter {
-  animation: tc-open 0.2s ease-out;
-  overflow: hidden;
-}
-
-.tc-expand-leave {
-  animation: tc-close 0.15s ease-in forwards;
-  overflow: hidden;
-}
-
-@keyframes tc-open {
-  from { opacity: 0; max-height: 0; }
-  to { opacity: 1; max-height: 600px; }
-}
-
-@keyframes tc-close {
-  from { opacity: 1; max-height: 600px; }
-  to { opacity: 0; max-height: 0; }
-}
-</style>
diff --git a/ui/src/components/chat-plus/component/answer-content/items/text.vue b/ui/src/components/chat-plus/component/answer-content/items/text.vue
deleted file mode 100644
index 862503e4169..00000000000
--- a/ui/src/components/chat-plus/component/answer-content/items/text.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-  <div class="content-text-item">
-    <MdPreview editorId="chat-plus-text" :modelValue="content.content || ''" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { MdPreview } from 'md-editor-v3'
-import 'md-editor-v3/lib/preview.css'
-
-defineProps<{
-  content: any
-}>()
-</script>
-
-<style scoped>
-.content-text-item :deep(.md-editor) {
-  background: transparent;
-}
-</style>
diff --git a/ui/src/components/chat-plus/component/answer-content/items/tool.vue b/ui/src/components/chat-plus/component/answer-content/items/tool.vue
deleted file mode 100644
index cab8ebb5c30..00000000000
--- a/ui/src/components/chat-plus/component/answer-content/items/tool.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-  <div class="tool-block mb-8">
-    <div class="tool-header" @click="expanded = !expanded">
-      <span class="tool-icon">🔧</span>
-      <span class="tool-name">{{ content.content || '工具调用' }}</span>
-      <span v-if="content.status" class="tool-status">{{ content.status }}</span>
-      <span class="tool-arrow">{{ expanded ? '▲' : '▼' }}</span>
-    </div>
-    <div v-show="expanded" class="tool-body">
-      <div v-if="content.arguments" class="tool-section">
-        <div class="tool-label">参数</div>
-        <pre class="tool-pre">{{ content.arguments }}</pre>
-      </div>
-      <div v-if="content.result" class="tool-section">
-        <div class="tool-label">结果</div>
-        <pre class="tool-pre">{{ content.result }}</pre>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-defineProps<{ content: any }>()
-const expanded = ref(false)
-</script>
diff --git a/ui/src/components/chat-plus/component/chat-panel/index.vue b/ui/src/components/chat-plus/component/chat-panel/index.vue
deleted file mode 100644
index dafb89c5e86..00000000000
--- a/ui/src/components/chat-plus/component/chat-panel/index.vue
+++ /dev/null
@@ -1,167 +0,0 @@
-<template>
-  <div class="chat-panel">
-    <!-- Header -->
-    <div class="chat-panel__header">
-      <slot name="header">
-        <div class="default-header">
-          <button v-if="showBack" class="header-btn" @click="$emit('back')">
-            <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
-              <path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
-            </svg>
-          </button>
-          <button class="header-btn" @click="$emit('toggle')">
-            <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
-              <path d="M2 4h12M2 8h12M2 12h12" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
-            </svg>
-          </button>
-          <div class="header-info">
-            <img v-if="icon" :src="icon" class="header-icon" />
-            <span class="header-title">{{ title || '新对话' }}</span>
-          </div>
-        </div>
-      </slot>
-    </div>
-
-    <!-- Messages -->
-    <div ref="msgBoxRef" class="chat-panel__messages" @scroll="onScroll">
-      <div class="chat-panel__content">
-        <slot name="empty" v-if="messages.length === 0 && !loading">
-          <div class="default-empty">
-            <p class="empty-title">{{ title || 'AI 助手' }}</p>
-            <p class="empty-sub">有什么可以帮你的？</p>
-          </div>
-        </slot>
-
-        <template v-else>
-          <div
-            v-for="(msg, i) in messages"
-            :key="msg.id || i"
-            :class="['msg-row', msg.role]"
-          >
-            <slot name="message" :message="msg" :index="i">
-              <div class="msg-content">{{ msg.content }}</div>
-            </slot>
-          </div>
-
-          <div v-if="streamLoading" class="msg-row ASSISTANT">
-            <slot name="loading">
-              <div class="default-loading">
-                <span></span><span></span><span></span>
-              </div>
-            </slot>
-          </div>
-        </template>
-      </div>
-    </div>
-
-    <!-- Input -->
-    <div class="chat-panel__input">
-      <slot name="input">
-        <div class="default-input">
-          <textarea
-            ref="inputRef"
-            v-model="inputText"
-            :disabled="streamLoading"
-            :placeholder="streamLoading ? '正在回复中...' : '输入消息...'"
-            @keydown="onKeydown"
-            rows="1"
-          />
-          <button
-            v-if="!streamLoading"
-            class="send-btn"
-            :class="{ active: canSend }"
-            :disabled="!canSend"
-            @click="send"
-          >
-            <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
-              <path d="M8 14V2M3 7l5-5 5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-            </svg>
-          </button>
-          <button v-else class="send-btn stop" @click="$emit('stop')">
-            <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
-              <rect x="2" y="2" width="10" height="10" rx="2" fill="currentColor"/>
-            </svg>
-          </button>
-        </div>
-      </slot>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, nextTick, watch, onMounted } from 'vue'
-import { Scroll } from '../../index'
-
-const props = withDefaults(
-  defineProps<{
-    messages?: any[]
-    loading?: boolean
-    streamLoading?: boolean
-    title?: string
-    icon?: string
-    showBack?: boolean
-  }>(),
-  {
-    messages: () => [],
-    loading: false,
-    streamLoading: false,
-    showBack: false,
-  },
-)
-
-const emit = defineEmits<{
-  send: [text: string]
-  stop: []
-  back: []
-  toggle: []
-  scroll: []
-}>()
-
-const inputText = ref('')
-const inputRef = ref<HTMLTextAreaElement | null>(null)
-const msgBoxRef = ref<HTMLElement | null>(null)
-
-let scroll: InstanceType<typeof Scroll> | null = null
-
-const canSend = computed(() => inputText.value.trim() && !props.streamLoading)
-
-onMounted(() => {
-  if (msgBoxRef.value) {
-    scroll = new Scroll(msgBoxRef.value)
-  }
-})
-
-const onKeydown = (e: KeyboardEvent) => {
-  if (e.key === 'Enter' && !e.shiftKey && !e.ctrlKey) {
-    e.preventDefault()
-    send()
-  }
-}
-
-const send = () => {
-  if (!canSend.value) return
-  emit('send', inputText.value.trim())
-  inputText.value = ''
-  nextTick(() => {
-    if (inputRef.value) {
-      inputRef.value.style.height = 'auto'
-    }
-  })
-}
-
-const onScroll = () => {
-  const el = msgBoxRef.value
-  if (!el || el.scrollTop > 60) return
-  emit('scroll')
-}
-
-const scrollToBottom = () => {
-  scroll?.forceBottom()
-}
-
-watch(() => props.messages.length, () => {
-  nextTick(() => scroll?.scrollBottom())
-})
-
-defineExpose({ scrollToBottom })
-</script>
diff --git a/ui/src/components/chat-plus/component/conversation-list/index.vue b/ui/src/components/chat-plus/component/conversation-list/index.vue
deleted file mode 100644
index 0c9df599b35..00000000000
--- a/ui/src/components/chat-plus/component/conversation-list/index.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<template>
-  <div class="conversation-list" :class="{ open: isOpen }">
-    <div class="conv-header">
-      <button class="new-chat-btn" @click="handleNew">
-        <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
-          <path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
-        </svg>
-        <span>新对话</span>
-      </button>
-    </div>
-
-    <div class="conv-body">
-      <div
-        v-for="item in conversations"
-        :key="item.id"
-        :class="['conv-item', { active: item.id === currentId }]"
-        @click="handleOpen(item.id)"
-      >
-        <div class="conv-item-name">{{ item.name || '新对话' }}</div>
-        <div class="conv-item-actions">
-          <button class="item-btn" @click.stop="handleRename(item)">
-            <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
-              <path d="M10 2l2 2-7 7H3v-2l7-7z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
-            </svg>
-          </button>
-          <button class="item-btn danger" @click.stop="handleDelete(item.id)">
-            <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
-              <path d="M3 4h8M5 4V3a1 1 0 011-1h2a1 1 0 011 1v1M4 4v7a1 1 0 001 1h4a1 1 0 001-1V4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
-            </svg>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { chatBus, ChatEvents } from '../../bus'
-
-defineProps<{
-  conversations: any[]
-  currentId?: string
-  isOpen?: boolean
-}>()
-
-const handleNew = () => {
-  chatBus.emit(ChatEvents.NEW_CONVERSATION)
-}
-
-const handleOpen = (id: string) => {
-  chatBus.emit(ChatEvents.OPEN_CONVERSATION, id)
-}
-
-const handleDelete = (id: string) => {
-  chatBus.emit(ChatEvents.DELETE_CONVERSATION, id)
-}
-
-const handleRename = (item: any) => {
-  const name = prompt('重命名对话', item.name || '')
-  if (name !== null && name.trim()) {
-    chatBus.emit(ChatEvents.RENAME_CONVERSATION, item.id, name.trim())
-  }
-}
-</script>
diff --git a/ui/src/components/chat-plus/composable.ts b/ui/src/components/chat-plus/composable.ts
deleted file mode 100644
index 42cc85d3855..00000000000
--- a/ui/src/components/chat-plus/composable.ts
+++ /dev/null
@@ -1,205 +0,0 @@
-import { ref, computed, reactive, type Ref, unref } from 'vue'
-import { ConversationStream, aggregators } from './index'
-import { useApi, type ChatType } from './api'
-
-export function useChat(type: ChatType | string, applicationId?: string | Ref<string>) {
-  const apiType: ChatType = type === 'CHAT' || type === 'ai-chat' ? 'CHAT' : 'DEBUG'
-  const api = useApi(apiType)
-
-  const conversations = ref<any[]>([])
-  const currentChatId = ref('')
-  const messages = ref<any[]>([])
-  const msgLoading = ref(false)
-  const streamLoading = ref(false)
-  let activeStream: any = null
-
-  const currentConversation = computed(() =>
-    conversations.value.find((c) => c.id === currentChatId.value),
-  )
-
-  const getApplicationId = () => unref(applicationId)
-
-  // ── 会话管理 ─────────────────────────────────────────
-  const loadConversations = async (page = 1, size = 50) => {
-    const res = await api.history(page, size)
-    conversations.value = res.data?.records || []
-    return conversations.value
-  }
-
-  const openChat = async (appId?: string) => {
-    const res = await api.open(appId || getApplicationId())
-    currentChatId.value = res.data
-    messages.value = []
-    return res.data
-  }
-
-  const switchChat = async (chatId: string) => {
-    currentChatId.value = chatId
-    await loadMessages(chatId)
-    return chatId
-  }
-
-  const deleteChat = async (chatId: string) => {
-    await api.deleteChat(chatId)
-    conversations.value = conversations.value.filter((c) => c.id !== chatId)
-    if (currentChatId.value === chatId) {
-      currentChatId.value = conversations.value[0]?.id || ''
-    }
-  }
-
-  const renameChat = async (chatId: string, name: string) => {
-    await api.modifyChat(chatId, { name })
-    const chat = conversations.value.find((c) => c.id === chatId)
-    if (chat) chat.name = name
-  }
-
-  // ── 消息管理 ─────────────────────────────────────────
-  const loadMessages = async (chatId?: string, page = 1, size = 20) => {
-    const cid = chatId || currentChatId.value
-    if (!cid) return []
-    msgLoading.value = true
-    try {
-      const res = await api.records(cid, page, size)
-      messages.value = res.data?.records || []
-      return messages.value
-    } finally {
-      msgLoading.value = false
-    }
-  }
-
-  const pushMessage = (msg: any) => {
-    messages.value.push(msg)
-  }
-
-  const createAnswerMessage = () => {
-    return reactive({
-      role: 'ASSISTANT' as const,
-      content: [],
-      id: '',
-      write_ed: false,
-    })
-  }
-
-  const getOrCreateLastAnswerMessage = () => {
-    const last = messages.value[messages.value.length - 1]
-    if (last && last.role === 'ASSISTANT') {
-      return last
-    }
-    const msg = createAnswerMessage()
-    pushMessage(msg)
-    return msg
-  }
-
-  // ── 流式聚合 ─────────────────────────────────────────
-  const appendChunk = (message: any, chunk: any) => {
-    if (!Array.isArray(chunk.content)) return
-
-    const indexList: string[] = message.content.map(
-      (c: any) => c.id + '_' + c.type,
-    )
-
-    chunk.content.forEach((item: any) => {
-      const key = item.id + '_' + item.type
-      let i = indexList.indexOf(key)
-
-      if (i < 0) {
-        i = indexList.length
-        indexList.push(key)
-      }
-
-      if (i < message.content.length) {
-        const aggregated = aggregators[item.type]?.(message.content[i], item)
-        if (aggregated) {
-          message.content[i] = aggregated
-        }
-      } else {
-        message.content.push(aggregators[item.type]?.({}, item) || item)
-      }
-    })
-  }
-
-  // ── 发送消息 ─────────────────────────────────────────
-  const sendMessage = (
-    text: string,
-    typeOrOptions?: 'old' | 'new' | { re_chat?: boolean; form_data?: any },
-    other_params_data?: any,
-  ) => {
-    // 兼容旧调用方式: sendMessage(question, type, other_params_data)
-    let re_chat = false
-    let form_data: any = {}
-    if (typeof typeOrOptions === 'string') {
-      re_chat = typeOrOptions === 'old'
-      form_data = other_params_data || {}
-    } else if (typeOrOptions) {
-      re_chat = typeOrOptions.re_chat || false
-      form_data = typeOrOptions.form_data || {}
-    }
-
-    return new Promise<any>((resolve, reject) => {
-      if (!currentChatId.value) {
-        reject(new Error('No chat open'))
-        return
-      }
-
-      const aiMsg = createAnswerMessage()
-      pushMessage(aiMsg)
-
-      streamLoading.value = true
-
-      const response = api.chat(currentChatId.value, {
-        message: text,
-        stream: true,
-        re_chat,
-        form_data,
-      })
-
-      activeStream = new ConversationStream(
-        response,
-        (chunk: any) => appendChunk(aiMsg, chunk),
-        () => {
-          aiMsg.write_ed = true
-          streamLoading.value = false
-          activeStream = null
-          resolve(aiMsg)
-        },
-        (e: any) => {
-          aiMsg.content.push({ type: 'FAILURE', content: String(e) })
-          aiMsg.write_ed = true
-          streamLoading.value = false
-          activeStream = null
-          reject(e)
-        },
-      )
-      activeStream.stream()
-    })
-  }
-
-  const stopStream = () => {
-    activeStream?.cancel()
-    streamLoading.value = false
-    activeStream = null
-  }
-
-  return {
-    // 状态
-    conversations,
-    currentChatId,
-    currentConversation,
-    messages,
-    msgLoading,
-    streamLoading,
-    // 会话操作
-    loadConversations,
-    openChat,
-    switchChat,
-    deleteChat,
-    renameChat,
-    // 消息操作
-    loadMessages,
-    pushMessage,
-    createAnswerMessage,
-    getOrCreateLastAnswerMessage,
-    sendMessage,
-    stopStream,
-  }
-}
diff --git a/ui/src/components/chat-plus/index.scss b/ui/src/components/chat-plus/index.scss
deleted file mode 100644
index 98c7fc4b803..00000000000
--- a/ui/src/components/chat-plus/index.scss
+++ /dev/null
@@ -1,387 +0,0 @@
-.chat-plus {
-  display: flex;
-  height: 100%;
-  position: relative;
-  overflow: hidden;
-  font-family: 'PingFang SC', 'Noto Sans SC', system-ui, sans-serif;
-  background: var(--bg, #fff);
-  color: var(--t1, #303133);
-}
-
-/* ── Sidebar ──────────────────────────────────────────────── */
-.chat-plus__sidebar {
-  width: 260px;
-  flex-shrink: 0;
-  border-right: 1px solid var(--bd, #dcdfe6);
-  background: var(--bg2, #fafafa);
-  overflow: hidden;
-  transition: width 0.25s ease, transform 0.25s ease;
-}
-
-.chat-plus__mask {
-  display: none;
-  position: absolute;
-  inset: 0;
-  z-index: 30;
-  background: rgba(0, 0, 0, 0.4);
-}
-
-/* ── Main ─────────────────────────────────────────────────── */
-.chat-plus__main {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-}
-
-/* ── Chat Panel ──────────────────────────────────────────── */
-.chat-panel {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  overflow: hidden;
-}
-
-.chat-panel__header {
-  height: 44px;
-  display: flex;
-  align-items: center;
-  padding: 0 12px;
-  border-bottom: 1px solid var(--bd, #dcdfe6);
-  flex-shrink: 0;
-}
-
-.default-header {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  width: 100%;
-}
-
-.header-btn {
-  width: 32px;
-  height: 32px;
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 6px;
-  color: var(--t2, #606266);
-  flex-shrink: 0;
-}
-
-.header-btn:hover {
-  background: rgba(0, 0, 0, 0.05);
-}
-
-.header-info {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex: 1;
-  min-width: 0;
-}
-
-.header-icon {
-  width: 24px;
-  height: 24px;
-  border-radius: 6px;
-  object-fit: cover;
-  flex-shrink: 0;
-}
-
-.header-title {
-  font-size: 14px;
-  font-weight: 500;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-/* ── Messages ─────────────────────────────────────────────── */
-.chat-panel__messages {
-  flex: 1;
-  overflow-y: auto;
-  padding: 16px;
-  scrollbar-width: thin;
-}
-
-.chat-panel__content {
-  max-width: 800px;
-  margin: 0 auto;
-}
-
-.msg-row {
-  margin-bottom: 16px;
-}
-
-.msg-row.USER {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.msg-row.ASSISTANT {
-  display: flex;
-  justify-content: flex-start;
-}
-
-.msg-user {
-  max-width: 70%;
-}
-
-.msg-user-text {
-  background: #d6e2ff;
-  padding: 10px 16px;
-  border-radius: 12px;
-  border-bottom-right-radius: 4px;
-  font-size: 14px;
-  line-height: 1.6;
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-
-.msg-assistant {
-  width: 100%;
-}
-
-/* ── Empty State ──────────────────────────────────────────── */
-.default-empty {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  padding: 32px 16px;
-}
-
-.empty-title {
-  font-size: 18px;
-  font-weight: 600;
-  margin-bottom: 8px;
-}
-
-.empty-sub {
-  font-size: 14px;
-  color: var(--t2, #606266);
-}
-
-/* ── Loading ──────────────────────────────────────────────── */
-.default-loading {
-  display: flex;
-  gap: 4px;
-  padding: 8px 0;
-}
-
-.default-loading span {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: var(--t3, #909399);
-  animation: dot-blink 1.4s infinite both;
-}
-
-.default-loading span:nth-child(2) { animation-delay: 0.2s; }
-.default-loading span:nth-child(3) { animation-delay: 0.4s; }
-
-@keyframes dot-blink {
-  0%, 80%, 100% { opacity: 0.3; }
-  40% { opacity: 1; }
-}
-
-/* ── Input ────────────────────────────────────────────────── */
-.chat-panel__input {
-  flex-shrink: 0;
-  padding: 12px 16px 16px;
-}
-
-.default-input {
-  max-width: 800px;
-  margin: 0 auto;
-  display: flex;
-  align-items: flex-end;
-  gap: 8px;
-  background: #fff;
-  border: 1px solid #fff;
-  border-radius: 8px;
-  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
-  padding: 8px 8px 8px 16px;
-  transition: border-color 0.2s;
-}
-
-.default-input:focus-within {
-  border-color: var(--el-color-primary, #3370ff);
-}
-
-.default-input textarea {
-  flex: 1;
-  border: none;
-  outline: none;
-  resize: none;
-  font-family: inherit;
-  font-size: 14px;
-  line-height: 1.5;
-  background: transparent;
-  min-height: 24px;
-  max-height: 160px;
-  padding: 5px 0;
-}
-
-.default-input textarea::placeholder {
-  color: var(--t3, #909399);
-}
-
-.send-btn {
-  width: 36px;
-  height: 36px;
-  border-radius: 8px;
-  border: none;
-  background: var(--el-fill-color-light, #f5f7fa);
-  color: var(--t3, #909399);
-  cursor: not-allowed;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  transition: all 0.2s;
-}
-
-.send-btn.active {
-  background: var(--el-color-primary, #3370ff);
-  color: #fff;
-  cursor: pointer;
-}
-
-.send-btn.active:hover { opacity: 0.85; }
-.send-btn.active:active { transform: scale(0.92); }
-
-.send-btn.stop {
-  background: #ef4444;
-  color: #fff;
-  cursor: pointer;
-}
-
-.send-btn.stop:hover { background: #dc2626; }
-.send-btn.stop:active { transform: scale(0.92); }
-
-/* ── Conversation List ────────────────────────────────────── */
-.conversation-list {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.conv-header {
-  padding: 12px;
-  border-bottom: 1px solid var(--bd, #dcdfe6);
-}
-
-.new-chat-btn {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 12px;
-  border: 1px dashed var(--bd, #dcdfe6);
-  border-radius: 8px;
-  background: transparent;
-  cursor: pointer;
-  font-family: inherit;
-  font-size: 13px;
-  color: var(--t2, #606266);
-  transition: all 0.15s;
-}
-
-.new-chat-btn:hover {
-  border-color: var(--el-color-primary, #3370ff);
-  color: var(--el-color-primary, #3370ff);
-}
-
-.conv-body {
-  flex: 1;
-  overflow-y: auto;
-  padding: 8px;
-}
-
-.conv-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 8px 12px;
-  border-radius: 8px;
-  cursor: pointer;
-  transition: background 0.15s;
-}
-
-.conv-item:hover { background: rgba(0, 0, 0, 0.04); }
-.conv-item.active { background: rgba(0, 0, 0, 0.06); }
-
-.conv-item-name {
-  flex: 1;
-  min-width: 0;
-  font-size: 13px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.conv-item-actions {
-  display: flex;
-  gap: 2px;
-  opacity: 0;
-  transition: opacity 0.15s;
-}
-
-.conv-item:hover .conv-item-actions { opacity: 1; }
-
-.item-btn {
-  width: 24px;
-  height: 24px;
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 4px;
-  color: var(--t2, #606266);
-}
-
-.item-btn:hover { background: rgba(0, 0, 0, 0.06); }
-.item-btn.danger:hover { color: var(--el-color-danger, #f56c6c); }
-
-/* ── Sidebar collapsed (desktop) ─────────────────────────────── */
-.chat-plus:not(.sidebar-open) .chat-plus__sidebar {
-  width: 0;
-  border-right: none;
-}
-
-/* ── Responsive ───────────────────────────────────────────── */
-@media only screen and (max-width: 768px) {
-  .chat-plus:not(.sidebar-open) .chat-plus__sidebar {
-    width: 260px;
-  }
-
-  .chat-plus__sidebar {
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    z-index: 40;
-    transform: translateX(-100%);
-  }
-
-  .chat-plus__sidebar.open {
-    transform: translateX(0);
-    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.2);
-  }
-
-  .chat-plus.sidebar-open .chat-plus__mask {
-    display: block;
-  }
-
-  .msg-user { max-width: 85%; }
-}
diff --git a/ui/src/components/chat-plus/index.ts b/ui/src/components/chat-plus/index.ts
deleted file mode 100644
index b4bfd5f38a3..00000000000
--- a/ui/src/components/chat-plus/index.ts
+++ /dev/null
@@ -1,183 +0,0 @@
-import bus from '@/bus/index'
-class Scroll {
-  /**
-   * 是否吸底
-   */
-  bottomSuction: boolean
-  /**
-   * 是否是用户滚动
-   */
-  isProgrammaticScroll?: boolean
-  /**
-   * 元素
-   */
-  element: any
-  constructor(element: any) {
-    this.bottomSuction = true
-    this.isProgrammaticScroll = false
-    this.element = element
-    this.initEventListener()
-  }
-  initEventListener() {
-    this.element.addEventListener('scroll', () => {
-      // 如果是程序滚动 那么就是吸底
-      if (this.isProgrammaticScroll) {
-        this.isProgrammaticScroll = undefined
-      } else {
-        if (this.element.scrollHeight - this.element.scrollTop <= this.element.clientHeight + 15) {
-          // 如果用户滚动 那么判断滚动条到底部高度 判断是否吸底
-          this.bottomSuction = true
-          this.isProgrammaticScroll = true
-        } else {
-          this.isProgrammaticScroll = undefined
-          // 不吸底
-          this.bottomSuction = false
-        }
-      }
-    })
-  }
-  scrollBottom() {
-    // 如果吸底 就滚动到最下面
-    if (this.bottomSuction) {
-      this.element.scrollTop = this.element.scrollHeight
-      // 程序滚动
-      this.isProgrammaticScroll = true
-    }
-  }
-  forceBottom() {
-    this.bottomSuction = true
-    this.isProgrammaticScroll = true
-    this.element.scrollTop = this.element.scrollHeight
-    // 子组件渲染可能比 nextTick 晚，用 rAF 兜底
-    requestAnimationFrame(() => {
-      this.element.scrollTop = this.element.scrollHeight
-      this.isProgrammaticScroll = true
-    })
-  }
-}
-export { Scroll }
-
-const TEXT = (prev: any = {}, chunk: any) => ({
-  type: 'TEXT',
-  id: chunk.id ?? prev.id,
-  content: (prev.content || '') + (chunk.content || ''),
-  extra: chunk.extra ?? prev.extra,
-})
-
-const REASONING = (prev: any = {}, chunk: any) => ({
-  type: 'REASONING',
-  id: chunk.id ?? prev.id,
-  content: (prev.content || '') + (chunk.content || ''),
-  status: chunk.status ?? prev.status,
-  extra: chunk.extra ?? prev.extra,
-})
-
-const FAILURE = (prev: any = {}, chunk: any) => ({
-  type: 'FAILURE',
-  id: chunk.id ?? prev.id,
-  content: (prev.content || '') + (chunk.content || ''),
-  extra: chunk.extra ?? prev.extra,
-})
-
-const TOOL = (prev: any = {}, chunk: any) => ({
-  type: 'TOOL',
-  id: chunk.id ?? prev.id,
-  content: (prev.content || '') + (chunk.content || ''),
-  arguments: (prev.arguments || '') + (chunk.arguments || ''),
-  result: (prev.result || '') + (chunk.result || ''),
-  status: chunk.status ?? prev.status,
-  extra: chunk.extra ?? prev.extra,
-})
-
-const FORM = (prev: any = {}, chunk: any) => ({
-  type: 'FORM',
-  id: chunk.id ?? prev.id,
-  form_field_list: chunk.form_field_list ?? prev.form_field_list ?? [],
-  form_content_format: chunk.form_content_format ?? prev.form_content_format ?? '',
-  is_submit: chunk.is_submit ?? prev.is_submit ?? false,
-  form_data: chunk.form_data ?? prev.form_data ?? {},
-  status: chunk.status ?? prev.status,
-  extra: chunk.extra ?? prev.extra,
-})
-
-export const aggregators: any = {
-  TEXT,
-  REASONING,
-  FAILURE,
-  TOOL,
-  FORM,
-}
-
-class ConversationStream {
-  response: any
-  reader?: ReadableStreamDefaultReader<Uint8Array>
-  onStream: (chunk: any) => void
-  onFinish: () => void
-  onFailure: (e: any) => void
-  cancelled = false
-  tempChunk = ''
-
-  constructor(
-    response: any,
-    onStream: (chunk: any) => void,
-    onFinish: () => void,
-    onFailure: (e: any) => void,
-  ) {
-    this.response = response
-    this.onStream = onStream
-    this.onFinish = onFinish
-    this.onFailure = onFailure
-  }
-
-  stream() {
-    this.response
-      .then((res: any) => {
-        if (this.cancelled) return
-        if (!res.ok) {
-          if (res.status === 403) {
-            bus.emit('auth:403')
-          }
-          this.onFailure(new Error(`HTTP ${res.status}`))
-          return
-        }
-        this.reader = res.body?.getReader()
-        if (!this.reader) {
-          this.onFailure(new Error('No response body'))
-          return
-        }
-        this.readLoop()
-      })
-      .catch((e: any) => {
-        if (!this.cancelled) this.onFailure(e)
-      })
-  }
-
-  private async readLoop() {
-    const decoder = new TextDecoder('utf-8')
-    try {
-      while (!this.cancelled) {
-        const { done, value } = await this.reader!.read()
-        if (done) {
-          this.onFinish()
-          return
-        }
-        this.tempChunk += decoder.decode(value, { stream: true })
-        const split = this.tempChunk.match(/data:.*}\n\n/g)
-        if (!split) continue
-        const matched = split.join('')
-        this.tempChunk = this.tempChunk.replace(matched, '')
-        for (const item of split) {
-          this.onStream(JSON.parse(item.replace('data:', '')))
-        }
-      }
-    } catch (e) {
-      if (!this.cancelled) this.onFailure(e)
-    }
-  }
-
-  cancel() {
-    this.cancelled = true
-    this.reader?.cancel().catch(() => {})
-  }
-}
-export { ConversationStream }
diff --git a/ui/src/components/chat-plus/index.vue b/ui/src/components/chat-plus/index.vue
deleted file mode 100644
index c191283d48d..00000000000
--- a/ui/src/components/chat-plus/index.vue
+++ /dev/null
@@ -1,228 +0,0 @@
-<template>
-  <div class="chat-plus" :class="{ 'sidebar-open': sidebarOpen }">
-    <!-- 侧边栏 -->
-    <div class="chat-plus__sidebar" :class="{ open: sidebarOpen }">
-      <slot name="sidebar" v-bind="sidebarSlotProps">
-        <ConversationList
-          :conversations="chat.conversations.value"
-          :current-id="chat.currentChatId.value"
-          :is-open="sidebarOpen"
-        />
-      </slot>
-    </div>
-
-    <!-- 遮罩 -->
-    <div v-if="sidebarOpen && isMobile" class="chat-plus__mask" @click="sidebarOpen = false" />
-
-    <!-- 对话区 -->
-    <div class="chat-plus__main">
-      <ChatPanel
-        ref="panelRef"
-        :messages="chat.messages.value"
-        :loading="chat.msgLoading.value"
-        :stream-loading="chat.streamLoading.value"
-        @send="handleSend"
-        @stop="chat.stopStream()"
-        @toggle="sidebarOpen = !sidebarOpen"
-        @scroll="handleScroll"
-      >
-        <!-- Header 插槽 -->
-        <template #header>
-          <slot name="header" />
-        </template>
-
-        <!-- 消息渲染插槽 -->
-        <template #message="{ message, index }">
-          <slot name="message" :message="message" :index="index">
-            <div v-if="message.role === 'USER'" class="msg-user">
-              <div class="msg-user-text">{{ getUserText(message) }}</div>
-            </div>
-            <div v-else class="msg-assistant">
-              <ContentItem
-                v-for="(block, bi) in message.content"
-                :key="bi"
-                :content="block"
-              />
-            </div>
-          </slot>
-        </template>
-
-        <!-- 空态插槽 -->
-        <template #empty>
-          <slot name="empty">
-            <div class="default-empty">
-              <p class="empty-title">AI 助手</p>
-              <p class="empty-sub">有什么可以帮你的？</p>
-            </div>
-          </slot>
-        </template>
-
-        <!-- Loading 插槽 -->
-        <template #loading>
-          <slot name="loading">
-            <div class="default-loading"><span></span><span></span><span></span></div>
-          </slot>
-        </template>
-
-        <!-- 输入框插槽 -->
-        <template #input>
-          <slot name="input" :send="handleSend" :loading="chat.streamLoading.value">
-            <div class="default-input">
-              <textarea
-                ref="inputRef"
-                v-model="inputText"
-                :disabled="chat.streamLoading.value"
-                :placeholder="chat.streamLoading.value ? '正在回复中...' : '输入消息...'"
-                @keydown="onKeydown"
-                rows="1"
-              />
-              <button
-                v-if="!chat.streamLoading.value"
-                class="send-btn"
-                :class="{ active: canSend }"
-                :disabled="!canSend"
-                @click="send"
-              >
-                <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
-                  <path d="M8 14V2M3 7l5-5 5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-                </svg>
-              </button>
-              <button v-else class="send-btn stop" @click="chat.stopStream()">
-                <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
-                  <rect x="2" y="2" width="10" height="10" rx="2" fill="currentColor"/>
-                </svg>
-              </button>
-            </div>
-          </slot>
-        </template>
-      </ChatPanel>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, onMounted, onBeforeUnmount, nextTick, provide } from 'vue'
-import { chatBus, ChatEvents } from './bus'
-import { useChat } from './composable'
-import { type ChatType } from './api'
-import ChatPanel from './component/chat-panel/index.vue'
-import ConversationList from './component/conversation-list/index.vue'
-import ContentItem from './component/answer-content/items/index.vue'
-
-const props = withDefaults(
-  defineProps<{
-    type?: ChatType
-    applicationId?: string
-    applicationDetails?: any
-  }>(),
-  {
-    type: 'CHAT',
-  },
-)
-
-const emit = defineEmits<{
-  openChat: [chatId: string]
-  refresh: [chatId: string]
-}>()
-
-const resolvedAppId = computed(() => props.applicationId || props.applicationDetails?.id)
-const chat = useChat(props.type, resolvedAppId)
-
-const panelRef = ref()
-const inputRef = ref()
-const inputText = ref('')
-const sidebarOpen = ref(false)
-const isMobile = ref(window.innerWidth < 768)
-
-const canSend = computed(() => inputText.value.trim() && !chat.streamLoading.value)
-
-const sidebarSlotProps = computed(() => ({
-  conversations: chat.conversations.value,
-  currentId: chat.currentChatId.value,
-  open: (id: string) => handleOpenChat(id),
-  create: () => handleNewChat(),
-  remove: (id: string) => chat.deleteChat(id),
-  rename: (id: string, name: string) => chat.renameChat(id, name),
-}))
-
-// ── 操作 ───────────────────────────────────────────────
-const handleNewChat = async () => {
-  const chatId = await chat.openChat()
-  sidebarOpen.value = false
-  emit('openChat', chatId)
-  return chatId
-}
-
-const handleOpenChat = async (id: string) => {
-  await chat.switchChat(id)
-  sidebarOpen.value = false
-}
-
-const handleSend = async (text: string) => {
-  if (!text.trim() || chat.streamLoading.value) return
-
-  if (!chat.currentChatId.value) {
-    await handleNewChat()
-  }
-
-  // push 用户消息
-  chat.pushMessage({
-    role: 'USER',
-    content: [{ type: 'TEXT', content: text }],
-    id: '',
-  })
-
-  try {
-    await chat.sendMessage(text)
-    emit('refresh', chat.currentChatId.value)
-  } catch {}
-
-  nextTick(() => panelRef.value?.scrollToBottom())
-}
-
-const handleScroll = () => {
-  // 分页加载更多
-}
-
-const getUserText = (msg: any) =>
-  msg.content?.find((c: any) => c.type === 'TEXT')?.content || ''
-
-const onKeydown = (e: KeyboardEvent) => {
-  if (e.key === 'Enter' && !e.shiftKey && !e.ctrlKey) {
-    e.preventDefault()
-    send()
-  }
-}
-
-const send = () => {
-  if (!canSend.value) return
-  handleSend(inputText.value.trim())
-  inputText.value = ''
-}
-
-// ── Bus 通知（仅用于通知，不传数据） ───────────────────
-chatBus.on(ChatEvents.OPEN_CONVERSATION, (id: string) => handleOpenChat(id))
-chatBus.on(ChatEvents.NEW_CONVERSATION, () => handleNewChat())
-chatBus.on(ChatEvents.DELETE_CONVERSATION, (id: string) => chat.deleteChat(id))
-chatBus.on(ChatEvents.RENAME_CONVERSATION, (id: string, name: string) => chat.renameChat(id, name))
-
-// ── 生命周期 ───────────────────────────────────────────
-const onResize = () => { isMobile.value = window.innerWidth < 768 }
-
-onMounted(() => {
-  window.addEventListener('resize', onResize)
-  if (props.type === 'CHAT') {
-    chat.loadConversations()
-  }
-})
-
-onBeforeUnmount(() => {
-  window.removeEventListener('resize', onResize)
-  chatBus.clear()
-})
-
-provide('chat', chat)
-</script>
-<style lang="scss">
-@use './index.scss';
-</style>
diff --git a/ui/src/components/conversation/chat-panel/index.vue b/ui/src/components/conversation/chat-panel/index.vue
index fc8ea2a572c..af280128128 100644
--- a/ui/src/components/conversation/chat-panel/index.vue
+++ b/ui/src/components/conversation/chat-panel/index.vue
@@ -1,14 +1,9 @@
 <template>
   <main class="chat-panel">
     <header class="panel-header">
-      <button class="header-btn" @click="$emit('toggle')">
+      <button class="header-btn" @click="chat.toggleSidebar?.()">
         <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
-          <path
-            d="M2 4h12M2 8h12M2 12h12"
-            stroke="currentColor"
-            stroke-width="1.6"
-            stroke-linecap="round"
-          />
+          <path d="M2 4h12M2 8h12M2 12h12" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
         </svg>
       </button>
       <div class="header-info">
@@ -19,21 +14,21 @@
     </header>
 
     <div ref="msgBoxRef" class="panel-messages" @scroll="onScroll">
-      <div v-if="messages.length === 0 && !loading" class="welcome">
+      <div v-if="chat.messages.value.length === 0 && !chat.msgLoading.value" class="welcome">
         <p class="welcome-title">AI 助手</p>
         <p class="welcome-sub">有什么可以帮你的？</p>
       </div>
 
       <template v-else>
         <div
-          v-for="(msg, i) in messages"
+          v-for="(msg, i) in chat.messages.value"
           :key="msg.id || i"
           :class="['msg-row', msg.role === 'USER' ? 'user' : 'assistant']"
         >
           <ContentList :content-list="msg.content" />
         </div>
 
-        <div v-if="streamLoading" class="msg-row assistant">
+        <div v-if="chat.streamLoading.value" class="msg-row assistant">
           <Loading :size="18" />
         </div>
       </template>
@@ -43,34 +38,28 @@
       <div class="input-wrapper" :class="{ focused }">
         <textarea
           ref="inputRef"
-          v-model="inputText"
-          :disabled="streamLoading"
-          :placeholder="streamLoading ? '正在回复中...' : '输入消息...'"
+          v-model="question.content"
+          :disabled="chat.streamLoading.value"
+          :placeholder="chat.streamLoading.value ? '正在回复中...' : '输入消息...'"
           @keydown="onKeydown"
           @focus="focused = true"
           @blur="focused = false"
           rows="1"
         />
         <button
-          v-if="!streamLoading"
+          v-if="!chat.streamLoading.value"
           class="send-btn"
-          :class="{ active: canSend }"
-          :disabled="!canSend"
-          @click="send"
+          :class="{ active: hasContent }"
+          :disabled="!hasContent"
+          @click="conversation(question)"
         >
           <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
-            <path
-              d="M8 14V2M3 7l5-5 5 5"
-              stroke="currentColor"
-              stroke-width="1.8"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
+            <path d="M8 14V2M3 7l5-5 5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
           </svg>
         </button>
-        <button v-else class="send-btn stop" @click="$emit('stop')">
+        <button v-else class="send-btn stop" @click="chat.stopStream()">
           <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
-            <rect x="2" y="2" width="10" height="10" rx="2" fill="currentColor" />
+            <rect x="2" y="2" width="10" height="10" rx="2" fill="currentColor"/>
           </svg>
         </button>
       </div>
@@ -79,78 +68,141 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, nextTick, watch, onMounted } from 'vue'
+import { ref, computed, nextTick, watch, onMounted, inject, reactive } from 'vue'
 import ContentList from '../content-list/index.vue'
 import Loading from '../loading/index.vue'
-import { Scroll } from '../index'
-
-const props = withDefaults(
-  defineProps<{
-    messages?: any[]
-    loading?: boolean
-    streamLoading?: boolean
-    title?: string
-    icon?: string
-  }>(),
-  {
-    messages: () => [],
-    loading: false,
-    streamLoading: false,
-  },
-)
-
-const emit = defineEmits<{
-  send: [text: string]
-  stop: []
-  toggle: []
-  scroll: []
+import { Scroll, aggregators } from '../index'
+
+const props = defineProps<{
+  icon?: string
+  title?: string
 }>()
 
+const chat = inject<any>('chat')
+
 const focused = ref(false)
-const inputText = ref('')
+const question = ref<any>({ content: '' })
 const inputRef = ref<HTMLTextAreaElement | null>(null)
 const msgBoxRef = ref<HTMLElement | null>(null)
 
 let scroll: InstanceType<typeof Scroll> | null = null
 
-const canSend = computed(() => inputText.value.trim() && !props.streamLoading)
+const hasContent = computed(() => question.value.content.trim())
 
-onMounted(() => {
-  if (msgBoxRef.value) {
-    scroll = new Scroll(msgBoxRef.value)
-  }
+// ── 创建 AI 占位消息 ──────────────────────────────────
+const createAnswerMessage = () => reactive({
+  role: 'ASSISTANT' as const,
+  content: reactive([] as any[]),
+  id: '',
+  write_ed: false,
 })
 
-const onKeydown = (e: KeyboardEvent) => {
-  if (e.key === 'Enter' && !e.shiftKey) {
-    e.preventDefault()
-    send()
+// ── 流式聚合 ──────────────────────────────────────────
+const getOnStream = (message: any) => {
+  const indexList: string[] = Array.isArray(message.content)
+    ? message.content.map((c: any) => c.id + '_' + c.type)
+    : []
+
+  return (chunk: any) => {
+    console.log('[onStream] chunk:', chunk)
+    console.log('[onStream] message.content before:', JSON.stringify(message.content))
+
+    if (!Array.isArray(chunk.content)) {
+      console.log('[onStream] chunk.content is not array:', chunk.content)
+      return
+    }
+
+    chunk.content.forEach((content: any) => {
+      const id = content.id + '_' + content.type
+      let i = indexList.indexOf(id)
+
+      if (i < 0) {
+        i = indexList.length
+        indexList.push(id)
+      }
+
+      if (i < message.content.length) {
+        const aggregated = aggregators[content.type]?.(message.content[i], content)
+        console.log('[onStream] aggregated:', aggregated)
+        if (aggregated) {
+          message.content[i] = aggregated
+        }
+      } else {
+        const newItem = aggregators[content.type]?.({}, content) || content
+        console.log('[onStream] new item:', newItem)
+        message.content.push(newItem)
+      }
+    })
+
+    console.log('[onStream] message.content after:', JSON.stringify(message.content))
+    scroll?.scrollBottom()
   }
 }
 
-const send = () => {
-  if (!canSend.value) return
-  emit('send', inputText.value.trim())
-  inputText.value = ''
-  nextTick(() => {
-    if (inputRef.value) {
-      inputRef.value.style.height = 'auto'
-    }
+// ── 主发送函数 ────────────────────────────────────────
+const conversation = async (q: any) => {
+  if (!q.content?.trim() && !hasContent.value) return
+  if (chat.streamLoading.value) return
+
+  if (!chat.currentConversation.value) {
+    await chat.openChat()
+    await nextTick()
+  }
+
+  chat.pushMessage({
+    role: 'USER',
+    content: [{ type: 'QUESTION', content: q.content }],
+    id: '',
   })
+
+  chat.pushMessage(createAnswerMessage())
+  const aiMsg = chat.messages.value[chat.messages.value.length - 1]
+
+  chat.startStream({
+    cid: chat.currentChatId.value,
+    request: () => chat.chat(chat.currentChatId.value, {
+      message: q.content,
+      stream: true,
+      re_chat: false,
+    }),
+    onStream: getOnStream(aiMsg),
+    onFinish: () => {},
+  })
+
+  question.value.content = ''
+}
+
+// ── 键盘 ──────────────────────────────────────────────
+const onKeydown = (e: KeyboardEvent) => {
+  if (e.key === 'Enter' && !e.shiftKey) {
+    e.preventDefault()
+    conversation(question.value)
+  }
 }
 
-const onScroll = () => {
+// ── 滚动 ──────────────────────────────────────────────
+const onScroll = async () => {
   const el = msgBoxRef.value
   if (!el || el.scrollTop > 60) return
-  emit('scroll')
+  if (!chat.hasMoreMsg?.value || chat.msgLoading.value) return
+  await chat.loadMoreMessages?.()
 }
 
 const scrollToBottom = () => {
-  console.log('scrollToBottom')
   scroll?.forceBottom()
 }
 
-defineExpose({ scrollToBottom })
+onMounted(() => {
+  if (msgBoxRef.value) {
+    scroll = new Scroll(msgBoxRef.value)
+  }
+})
+
+watch(() => chat?.messages?.value?.length, () => {
+  nextTick(() => scroll?.scrollBottom())
+})
+
+defineExpose({ scrollToBottom, conversation })
 </script>
 
 <style scoped>
@@ -267,13 +319,8 @@ defineExpose({ scrollToBottom })
   overflow: hidden;
 }
 
-.msg-row.user {
-  align-items: flex-end;
-}
-
-.msg-row.assistant {
-  align-items: flex-start;
-}
+.msg-row.user { align-items: flex-end; }
+.msg-row.assistant { align-items: flex-start; }
 
 .panel-input {
   flex-shrink: 0;
@@ -293,9 +340,7 @@ defineExpose({ scrollToBottom })
   border: 1px solid var(--bd, #dcdfe6);
   border-radius: 16px;
   padding: 8px 8px 8px 16px;
-  transition:
-    border-color 0.2s,
-    box-shadow 0.2s;
+  transition: border-color 0.2s, box-shadow 0.2s;
 }
 
 .input-wrapper.focused {
@@ -335,10 +380,7 @@ defineExpose({ scrollToBottom })
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  transition:
-    background 0.2s,
-    color 0.2s,
-    transform 0.1s;
+  transition: background 0.2s, color 0.2s, transform 0.1s;
 }
 
 .send-btn.active {
@@ -347,13 +389,8 @@ defineExpose({ scrollToBottom })
   cursor: pointer;
 }
 
-.send-btn.active:hover {
-  opacity: 0.85;
-}
-
-.send-btn.active:active {
-  transform: scale(0.92);
-}
+.send-btn.active:hover { opacity: 0.85; }
+.send-btn.active:active { transform: scale(0.92); }
 
 .send-btn.stop {
   background: #ef4444;
@@ -361,11 +398,6 @@ defineExpose({ scrollToBottom })
   cursor: pointer;
 }
 
-.send-btn.stop:hover {
-  background: #dc2626;
-}
-
-.send-btn.stop:active {
-  transform: scale(0.92);
-}
+.send-btn.stop:hover { background: #dc2626; }
+.send-btn.stop:active { transform: scale(0.92); }
 </style>
diff --git a/ui/src/components/conversation/composable.ts b/ui/src/components/conversation/composable.ts
index 45219c8ea05..4d29bc95517 100644
--- a/ui/src/components/conversation/composable.ts
+++ b/ui/src/components/conversation/composable.ts
@@ -294,6 +294,40 @@ export function useChat(type: ChatType, applicationId?: string | Ref<string>) {
     streamLoading.value = false
   }
 
+  const chatRequest = (chatId: string, data: any) => {
+    return api.chat(chatId, data)
+  }
+
+  const startStream = (opts: {
+    cid: string
+    request: () => Promise<any>
+    onStream: (chunk: any) => void
+    onFinish?: () => void
+    onFailure?: (e: any) => void
+  }) => {
+    streamLoading.value = true
+    opts.request().then((response: any) => {
+      activeStream = new ConversationStream(
+        response,
+        opts.onStream,
+        () => {
+          streamLoading.value = false
+          activeStream = null
+          opts.onFinish?.()
+        },
+        (e: any) => {
+          streamLoading.value = false
+          activeStream = null
+          opts.onFailure?.(e)
+        },
+      )
+      activeStream.start()
+    }).catch((e: any) => {
+      streamLoading.value = false
+      opts.onFailure?.(e)
+    })
+  }
+
   return {
     appInfo,
     conversations,
@@ -312,6 +346,8 @@ export function useChat(type: ChatType, applicationId?: string | Ref<string>) {
     createAnswerMessage,
     getOrCreateLastAnswerMessage,
     sendMessage,
-    stopStream
+    stopStream,
+    chatRequest,
+    startStream,
   }
 }
diff --git a/ui/src/components/conversation/content/items/reasoning.vue b/ui/src/components/conversation/content/items/reasoning.vue
index c15d3ff8ae7..da98ad0e708 100644
--- a/ui/src/components/conversation/content/items/reasoning.vue
+++ b/ui/src/components/conversation/content/items/reasoning.vue
@@ -1,63 +1,83 @@
 <template>
-  <div class="content-reasoning" v-if="content.content?.trim()">
-    <div class="reasoning-header" @click="expanded = !expanded">
-      <svg width="14" height="14" viewBox="0 0 14 14" fill="none" :class="{ rotated: expanded }">
-        <path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  <div class="reasoning">
+    <button class="rc-head" @click="isExpanded = !isExpanded">
+      <svg class="rc-chevron" :class="{ open: isExpanded }" viewBox="0 0 16 16" fill="none">
+        <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
       </svg>
-      <span>Reasoning</span>
-    </div>
-    <div v-show="expanded" class="reasoning-content">
-      <MdPreview editorId="reasoning-text" :modelValue="content.content" />
+      <span class="rc-title">思考过程</span>
+    </button>
+    <div v-show="isExpanded" class="rc-body">
+      <pre class="rc-text">{{ content.content }}</pre>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
-import { MdPreview } from 'md-editor-v3'
-import 'md-editor-v3/lib/preview.css'
+import { ref, watch } from 'vue'
 
-defineProps<{
-  content: any
-}>()
+const props = defineProps<{ content: any }>()
+const isExpanded = ref(true)
+let prevStatus = props.content.status
 
-const expanded = ref(false)
+watch(() => props.content.status, (status) => {
+  if (prevStatus === 'RUNNING' && status !== 'RUNNING') {
+    isExpanded.value = false
+  }
+  prevStatus = status
+})
 </script>
 
 <style scoped>
-.content-reasoning {
-  background: var(--bg2, #fafafa);
-  border: 1px solid var(--bd, #dcdfe6);
-  border-radius: 8px;
-  overflow: hidden;
+.reasoning {
+  width: 100%;
   margin-bottom: 8px;
 }
 
-.reasoning-header {
-  display: flex;
+.rc-head {
+  display: inline-flex;
   align-items: center;
   gap: 6px;
-  padding: 8px 12px;
+  padding: 3px 0;
+  border: none;
+  background: none;
   cursor: pointer;
-  font-size: 12px;
-  color: var(--t2, #606266);
-  user-select: none;
+  font-family: inherit;
+  color: var(--t3, #909399);
+  transition: color 0.15s;
 }
 
-.reasoning-header svg {
-  transition: transform 0.2s;
+.rc-head:hover {
+  color: var(--t1, #303133);
 }
 
-.reasoning-header svg.rotated {
+.rc-chevron {
+  width: 14px;
+  height: 14px;
+  flex-shrink: 0;
+  transition: transform 0.15s;
+}
+
+.rc-chevron.open {
   transform: rotate(90deg);
 }
 
-.reasoning-content {
-  padding: 0 12px 12px;
+.rc-title {
   font-size: 13px;
+  font-weight: 500;
+  color: var(--t2, #606266);
 }
 
-.reasoning-content :deep(.md-editor) {
-  background: transparent;
+.rc-body {
+  padding: 6px 0 4px 8px;
+}
+
+.rc-text {
+  margin: 0;
+  font-size: 13px;
+  line-height: 1.65;
+  color: var(--t2, #606266);
+  white-space: pre-wrap;
+  word-break: break-word;
+  font-family: inherit;
 }
 </style>
diff --git a/ui/src/components/conversation/index.vue b/ui/src/components/conversation/index.vue
index 3931e3a78f8..57c6bbed77c 100644
--- a/ui/src/components/conversation/index.vue
+++ b/ui/src/components/conversation/index.vue
@@ -17,15 +17,8 @@
 
     <ChatPanel
       ref="panelRef"
-      :messages="messages"
-      :loading="msgLoading"
-      :stream-loading="streamLoading"
       :title="currentConversation?.name"
       :icon="appInfo?.icon"
-      @send="handleSend"
-      @stop="stopStream"
-      @toggle="open = !open"
-      @scroll="handleScroll"
     >
       <template #header>
         <slot name="header" />
@@ -125,18 +118,31 @@ const {
   deleteChat,
   renameChat,
   sendMessage,
-  stopStream
+  pushMessage,
+  stopStream,
+  chatRequest,
+  startStream,
 } = useChat(props.type, resolvedAppId)
 
 const panelRef = ref()
 
 provide('chat', {
+  messages,
+  msgLoading,
+  streamLoading,
   currentChatId,
-  sendMessage,
+  currentConversation,
+  conversations,
   openChat,
   switchChat,
   deleteChat,
   renameChat,
+  sendMessage,
+  pushMessage,
+  stopStream,
+  chat: chatRequest,
+  startStream,
+  toggleSidebar: () => { open.value = !open.value },
   scrollToBottom: () => nextTick(() => panelRef.value?.scrollToBottom())
 })