From 395e2972d98d358636eaa5edda7889ec40576500 Mon Sep 17 00:00:00 2001 From: shaohuzhang1 Date: Wed, 11 Nov 2026 18:29:43 +0800 Subject: [PATCH] feat: Data sources for conversation support --- ui/package.json | 1 + ui/src/api/API_README.md | 2 + ui/src/api/types/chat-log.ts | 31 ++- ui/src/components/COMPONENT_README.md | 18 ++ .../components/log-message-footer/index.vue | 13 +- .../components/log-message-list/index.ts | 2 +- .../components/message-footer/index.vue | 13 +- .../components/message-list/index.ts | 2 +- ui/src/conversation-panel/core/types.ts | 8 +- .../right-sidebar/execution-detail/index.ts | 32 +-- .../right-sidebar/execution-detail/index.vue | 5 +- .../conversation-panel/right-sidebar/index.ts | 61 ++++++ .../right-sidebar/index.vue | 15 ++ .../document-preview/index.ts | 192 ++++++++++++++++++ .../document-preview/index.vue | 85 ++++++++ .../right-sidebar/knowledge-source/index.ts | 127 ++++++++++++ .../right-sidebar/knowledge-source/index.vue | 78 +++++++ ui/src/conversation-panel/view/chat/index.ts | 6 +- ui/src/conversation-panel/view/chat/index.vue | 12 +- ui/src/conversation-panel/view/debug/index.ts | 6 +- .../conversation-panel/view/debug/index.vue | 12 +- ui/src/conversation-panel/view/log/index.vue | 16 +- .../conversation-panel/view/portal/index.vue | 12 +- .../view/simple-debug/index.vue | 20 +- ui/src/conversation-panel/view/types.ts | 4 +- 25 files changed, 684 insertions(+), 89 deletions(-) create mode 100644 ui/src/conversation-panel/right-sidebar/index.ts create mode 100644 ui/src/conversation-panel/right-sidebar/index.vue create mode 100644 ui/src/conversation-panel/right-sidebar/knowledge-source/document-preview/index.ts create mode 100644 ui/src/conversation-panel/right-sidebar/knowledge-source/document-preview/index.vue create mode 100644 ui/src/conversation-panel/right-sidebar/knowledge-source/index.ts create mode 100644 ui/src/conversation-panel/right-sidebar/knowledge-source/index.vue diff --git a/ui/package.json b/ui/package.json index 19086723a51..0a7a93ed283 100644 --- a/ui/package.json +++ b/ui/package.json @@ -46,6 +46,7 @@ "mitt": "^3.0.1", "nanoid": "^6.0.1", "nprogress": "^0.2.0", + "pdfjs-dist": "^6.5.438", "pinia": "^3.0.4", "prettier": "3.8.4", "recorder-core": "^1.3.26070800", diff --git a/ui/src/api/API_README.md b/ui/src/api/API_README.md index 43ed27c5c2b..7f18b849b99 100644 --- a/ui/src/api/API_README.md +++ b/ui/src/api/API_README.md @@ -507,6 +507,8 @@ Chat 协议及认证接口见 [chat/README.md](chat/README.md)。 历史消息和流式聚合复用 `@/api/types` 的 `ChatContent`，定义在 `types/chat-log.ts`； `ChatLogRecord.question` 与 `messages` 使用该内容项类型，扩展字段保留为 `unknown`。 +`paragraph_list` 为 `ChatParagraphSource[]`，后端仅在开启「显示知识来源」或调试、日志时返回； +其 `meta` 在历史快照中可能是 JSON 字符串，使用方需兼容字符串与对象。 Chat、Workspace 调试和 System 调试的记录分页及详情均声明 `ChatLogRecord` 返回类型， 消息列表依赖从 `ConversationApiAdapter` 选取对应接口约定。 `conversation-panel/core/stream.ts` 的 `ConversationStream` 通过回调推断分片类型， diff --git a/ui/src/api/types/chat-log.ts b/ui/src/api/types/chat-log.ts index 1cb7c54dd33..fa059c8dbc9 100644 --- a/ui/src/api/types/chat-log.ts +++ b/ui/src/api/types/chat-log.ts @@ -1,5 +1,7 @@ import type { CHAT_LOG_SOURCE } from '@/api/enums' import type { Dict } from './common' +import type { DocumentResourceType } from './document' +import type { KnowledgeHitTestAsset } from './knowledge' export type ChatLogSource = (typeof CHAT_LOG_SOURCE)[keyof typeof CHAT_LOG_SOURCE] @@ -56,10 +58,37 @@ export interface ChatLogRecord extends Partial { answer_tokens?: number run_time?: number improve_paragraph_id_list?: string[] - paragraph_list?: Dict[] + paragraph_list?: ChatParagraphSource[] execution_details?: Dict[] } +/** 回答引用的知识库分段，来自检索与重排节点，仅在开启「显示知识来源」时返回。 */ +export interface ChatParagraphSource { + id: string + title?: string + /** 分段正文，Markdown */ + content?: string + similarity?: number + is_active?: boolean + document_id?: string + document_name?: string + document_resource_type?: DocumentResourceType | null + document_image_id?: string | null + hit_asset?: KnowledgeHitTestAsset | null + knowledge_id?: string + knowledge_name?: string + knowledge_type?: string + /** 历史快照中可能为 JSON 字符串 */ + meta?: ChatParagraphSourceMeta | string | null +} + +/** 分段来源文档的元数据。 */ +export interface ChatParagraphSourceMeta { + source_file_id?: string + source_url?: string + allow_download?: boolean +} + /** 对话反馈：-1 未评价，0 满意，1 不满意。 */ export interface ChatFeedback { vote_status: '-1' | '0' | '1' diff --git a/ui/src/components/COMPONENT_README.md b/ui/src/components/COMPONENT_README.md index aff214e72d9..5cbcc088bd6 100644 --- a/ui/src/components/COMPONENT_README.md +++ b/ui/src/components/COMPONENT_README.md @@ -996,6 +996,24 @@ Chat、Portal 和 Display 面板直接放置消息列表，并以当前会话 ID 同目录 `QuestionEditor.vue` 接收 `content`、`disabled`，维护本次编辑草稿，通过 `cancel` 和 `send(question)` 通知入口组件；进入时挂载并聚焦，退出时卸载。入口组件负责发送能力与附件传递。 +### RightSidebar（对话模块） + +`conversation-panel/right-sidebar/index.vue` 放在视图布局的 `#right` 插槽，按当前面板展示执行详情或知识来源， +两者共用右侧位置，后打开的替换当前面板；挤压与抽屉由 `ConversationLayout` 按视图模式处理，面板自身不使用抽屉。 +每类面板各自有 `index.ts` 与 `index.vue`：`index.ts` 维护本面板数据，`index.vue` 只负责展示。 +`right-sidebar/index.ts` 的 `createRightSidebarStore()` 维护当前面板与右侧开合，并组合 +`execution-detail` 与 `knowledge-source` 的面板 store；由各视图创建并 provide `RIGHT_SIDEBAR_KEY`， +组件通过 `useRightSidebarStore()` 获取，面板经其 `executionDetail`、`knowledgeSource` 读取数据。消息底部的执行详情入口调用 `showExecutionDetail`， +知识来源入口在记录含分段（`ChatRecordMeta.paragraphList`）时显示并调用 `showKnowledgeSource`。 +`knowledge-source/` 面板与执行详情结构一致：标题栏显示分段数量与关闭，内容区展示分段卡片； +其 `index.ts` 的 `createKnowledgeSourceStore()` 保存分段及正在预览的文档，按相似度从高到低整理分段，兼容字符串 `meta`， +提供召回图片与来源文档的打开方式：知识库文件中的 PDF 在知识来源内预览，其他文件以下载方式获取， +网页来源仅接受 http(s) 地址并在新窗口打开，无可用地址时按下载权限提示；来源文件不交给浏览器原生打开或预览。 +文档预览是知识来源的下一级，位于 `knowledge-source/document-preview/`，覆盖在分段列表之上显示， +列表仅隐藏不卸载以便返回时保留滚动位置，打开新的知识来源时回到列表。预览以 pdf.js 把 PDF 逐页绘制为 canvas，不创建文本层与注释层，关闭 XFA， +避免原生预览执行文件内脚本；pdf.js 在首次预览时按需加载，支持返回知识来源、全屏及按宽度重绘； +预览区预留滚动条位置，重绘在后台完成后整体替换并保持滚动比例，不清空已显示页面。 + ### 分享选择（对话模块） 正式对话的 `message-list` 根据会话 Store 的 `isShared` 展示分享选择态，同轮提问与回答同步选择， diff --git a/ui/src/conversation-panel/components/log-message-footer/index.vue b/ui/src/conversation-panel/components/log-message-footer/index.vue index af487caa5ea..044c69d3fa4 100644 --- a/ui/src/conversation-panel/components/log-message-footer/index.vue +++ b/ui/src/conversation-panel/components/log-message-footer/index.vue @@ -8,7 +8,7 @@ import type { ChatContent } from '@/api/types' import { copyText } from '@/utils/clipboard' import { datetimeFormat } from '@/utils/time' import type { ChatMessage, ChatRecordMeta } from '../../core/types' -import { useExecutionDetailStore } from '../../right-sidebar/execution-detail/index' +import { useRightSidebarStore } from '../../right-sidebar/index' const props = defineProps<{ api: Pick @@ -17,13 +17,13 @@ const props = defineProps<{ message: ChatMessage }>() -const detail = useExecutionDetailStore() +const rightSidebar = useRightSidebarStore() const EMPTY: ChatRecordMeta = { messageTokens: 0, answerTokens: 0, runTime: 0, - knowledgeCount: 0, + paragraphList: [], executionDetails: [], } const meta = computed(() => props.message.record || EMPTY) @@ -43,7 +43,7 @@ function collectAnswerText(contents: ChatContent[]): string { const answerText = computed(() => collectAnswerText(props.message.content)) const openExecutionDetail = () => { - detail.showExecutionDetail(meta.value.executionDetails || []) + rightSidebar.showExecutionDetail(meta.value.executionDetails || []) } @@ -53,9 +53,10 @@ const openExecutionDetail = () => {
- + + - 知识来源 ({{ meta.knowledgeCount }}) + 知识来源 ({{ meta.paragraphList.length }}) diff --git a/ui/src/conversation-panel/components/log-message-list/index.ts b/ui/src/conversation-panel/components/log-message-list/index.ts index 9c2e0544003..4ce686274f7 100644 --- a/ui/src/conversation-panel/components/log-message-list/index.ts +++ b/ui/src/conversation-panel/components/log-message-list/index.ts @@ -17,7 +17,7 @@ const buildRecordMeta = (raw: ChatLogRecord): ChatRecordMeta => ({ messageTokens: raw.message_tokens || 0, answerTokens: raw.answer_tokens || 0, runTime: raw.run_time || 0, - knowledgeCount: (raw.paragraph_list || []).length, + paragraphList: raw.paragraph_list || [], executionDetails: raw.execution_details || [], feedback: { vote_status: raw.vote_status ?? '-1', vote_reason: raw.vote_reason, vote_other_content: raw.vote_other_content }, }) diff --git a/ui/src/conversation-panel/components/message-footer/index.vue b/ui/src/conversation-panel/components/message-footer/index.vue index c8c7afab922..602067fe424 100644 --- a/ui/src/conversation-panel/components/message-footer/index.vue +++ b/ui/src/conversation-panel/components/message-footer/index.vue @@ -7,7 +7,7 @@ import type { ChatContent, ChatFeedback } from '@/api/types' import { copyText } from '@/utils/clipboard' import { datetimeFormat } from '@/utils/time' import type { ChatMessage, ChatRecordMeta } from '../../core/types' -import { useExecutionDetailStore } from '../../right-sidebar/execution-detail/index' +import { useRightSidebarStore } from '../../right-sidebar/index' import { MESSAGE_LIST_KEY } from '../message-list/index' import { useShareLinkStoreOptional } from '../message-list/share/index' @@ -32,13 +32,13 @@ const shareLink = useShareLinkStoreOptional() const messageList = inject(MESSAGE_LIST_KEY, null) const canShare = computed(() => Boolean(messageList?.messages.value.length && !messageList.streamLoading.value)) const show_exec=computed(()=>messageList?.appInfo.value?.show_exec) -const detail = useExecutionDetailStore() +const rightSidebar = useRightSidebarStore() const EMPTY: ChatRecordMeta = { messageTokens: 0, answerTokens: 0, runTime: 0, - knowledgeCount: 0, + paragraphList: [], executionDetails: [], } const meta = computed(() => props.message.record || EMPTY) @@ -93,7 +93,7 @@ function toggleReading() { onBeforeUnmount(stopReading) const openExecutionDetail = () => { - detail.showExecutionDetail(meta.value.executionDetails || []) + rightSidebar.showExecutionDetail(meta.value.executionDetails || []) } // 消息反馈：Footer 协调按钮、草稿面板与提交状态。 const canFeedback = computed(() => Boolean(messageList?.feedback && props.message.recordId && props.message.record)) @@ -137,9 +137,10 @@ function openFeedback(status: '0' | '1') {
- + + - 知识来源 ({{ meta.knowledgeCount }}) + 知识来源 ({{ meta.paragraphList.length }}) diff --git a/ui/src/conversation-panel/components/message-list/index.ts b/ui/src/conversation-panel/components/message-list/index.ts index bcd04e0b5ee..e141416f66b 100644 --- a/ui/src/conversation-panel/components/message-list/index.ts +++ b/ui/src/conversation-panel/components/message-list/index.ts @@ -23,7 +23,7 @@ const buildRecordMeta = (raw?: ChatLogRecord | null): ChatRecordMeta => ({ messageTokens: raw?.message_tokens || 0, answerTokens: raw?.answer_tokens || 0, runTime: raw?.run_time || 0, - knowledgeCount: (raw?.paragraph_list || []).length, + paragraphList: raw?.paragraph_list || [], executionDetails: raw?.execution_details || [], }) diff --git a/ui/src/conversation-panel/core/types.ts b/ui/src/conversation-panel/core/types.ts index c02bce01053..a5630119778 100644 --- a/ui/src/conversation-panel/core/types.ts +++ b/ui/src/conversation-panel/core/types.ts @@ -1,4 +1,4 @@ -import type { ChatFeedback, ChatApplicationProfile, ChatContent, ChatLogRecord, ChatUserProfile, Dict } from '@/api/types' +import type { ChatFeedback, ChatApplicationProfile, ChatContent, ChatLogRecord, ChatParagraphSource, ChatUserProfile, Dict } from '@/api/types' /** * 当前对话的智能体信息，由 view 加载并注入各组件 store，chat 与 debug 结构一致。 @@ -21,14 +21,14 @@ export interface Conversation { update_time?: string } -// 助手消息底部展示数据(对话结束后 / 历史加载时填充):知识来源数、tokens、耗时、执行详情 +// 助手消息底部展示数据(对话结束后 / 历史加载时填充):知识来源分段、tokens、耗时、执行详情 export interface ChatRecordMeta { feedback?: ChatFeedback createTime?: string messageTokens: number answerTokens: number runTime: number - knowledgeCount: number + paragraphList: ChatParagraphSource[] executionDetails: NonNullable } @@ -82,4 +82,4 @@ export interface ConversationApiAdapter { } // 说明:各组件 store 的类型不在此集中声明,而是各组件 index.ts 用 ReturnType 自导出 -// (ConversationListStore / MessageListStore / MessageInputStore / ExecutionDetailStore)。 +// (ConversationListStore / MessageListStore / MessageInputStore / RightSidebarStore)。 diff --git a/ui/src/conversation-panel/right-sidebar/execution-detail/index.ts b/ui/src/conversation-panel/right-sidebar/execution-detail/index.ts index 197471bc129..8dd6bb7b74d 100644 --- a/ui/src/conversation-panel/right-sidebar/execution-detail/index.ts +++ b/ui/src/conversation-panel/right-sidebar/execution-detail/index.ts @@ -1,34 +1,18 @@ -import { ref, inject, type InjectionKey } from 'vue' +import { ref } from 'vue' +import type { ChatRecordMeta } from '../../core/types' /** - * execution-detail 组件 store:本组件独有——执行详情数据 + 右侧开合。 - * 消息内容项点击「执行详情」时,注入本 store 调 showExecutionDetail 打开右侧。 + * 执行详情面板 store：当前展示的执行详情数据。 + * 由右侧栏 store 创建并组合，右侧开合与面板切换由右侧栏 store 维护。 */ export function createExecutionDetailStore() { - const detail = ref(null) - const rightSideOpen = ref(false) + const executionDetails = ref([]) - const showExecutionDetail = (d: any[]) => { - detail.value = d - rightSideOpen.value = true + const setExecutionDetails = (details: ChatRecordMeta['executionDetails']) => { + executionDetails.value = details } - return { - detail, - rightSideOpen, - showExecutionDetail, - toggleRightSide: () => (rightSideOpen.value = !rightSideOpen.value), - openRightSide: () => (rightSideOpen.value = true), - closeRightSide: () => (rightSideOpen.value = false), - } + return { executionDetails, setExecutionDetails } } export type ExecutionDetailStore = ReturnType - -export const EXECUTION_DETAIL_KEY: InjectionKey = Symbol('execution-detail') - -export function useExecutionDetailStore(): ExecutionDetailStore { - const store = inject(EXECUTION_DETAIL_KEY) - if (!store) throw new Error('useExecutionDetailStore 必须在 ConversationView 内使用') - return store -} diff --git a/ui/src/conversation-panel/right-sidebar/execution-detail/index.vue b/ui/src/conversation-panel/right-sidebar/execution-detail/index.vue index 57077d83a7e..49fc2051ce6 100644 --- a/ui/src/conversation-panel/right-sidebar/execution-detail/index.vue +++ b/ui/src/conversation-panel/right-sidebar/execution-detail/index.vue @@ -1,13 +1,14 @@ diff --git a/ui/src/conversation-panel/view/debug/index.ts b/ui/src/conversation-panel/view/debug/index.ts index 4cfce1db041..077c2e02885 100644 --- a/ui/src/conversation-panel/view/debug/index.ts +++ b/ui/src/conversation-panel/view/debug/index.ts @@ -11,7 +11,7 @@ import type { ConversationApiAdapter } from '../../core/types' import { createConversationListStore } from '../../left-sidebar/conversation-list/index' import { createMessageListStore } from '../../components/message-list/index' import { createMessageInputStore } from '../../components/message-input/index' -import { createExecutionDetailStore } from '../../right-sidebar/execution-detail/index' +import { createRightSidebarStore } from '../../right-sidebar/index' import type { ConversationBundle } from '../types' import { useAdminAppInfo } from './app-info' @@ -73,6 +73,6 @@ export function createDebugConversation(application: Readonly { if (leftMode.value === 'drawer') bundle.list.leftSideOpen.value = false - if (rightMode.value === 'drawer') bundle.detail.rightSideOpen.value = false + if (rightMode.value === 'drawer') bundle.rightSidebar.rightSideOpen.value = false } onMounted(() => { bundle.list.leftSideOpen.value = false // 菜单默认收起 @@ -84,7 +84,7 @@ watch([() => bundle.list.currentChatId.value, () => bundle.list.composerResetSig > bundle.list.currentChatId.value, () => bundle.list.composerResetSig - +
diff --git a/ui/src/conversation-panel/view/log/index.vue b/ui/src/conversation-panel/view/log/index.vue index 6739d21cf0b..622a47be522 100644 --- a/ui/src/conversation-panel/view/log/index.vue +++ b/ui/src/conversation-panel/view/log/index.vue @@ -4,9 +4,9 @@ import ChatLogApi from '@/api/admin/workspace/application/chat-log' import type { ApplicationDetail, ChatLogRecord } from '@/api/types' import ConversationLayout from '../../core/layout/index.vue' import LogMessageList from '../../components/log-message-list/index.vue' -import ExecutionDetail from '../../right-sidebar/execution-detail/index.vue' +import RightSidebar from '../../right-sidebar/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 { RIGHT_SIDEBAR_KEY, createRightSidebarStore } from '../../right-sidebar/index' import { toLogAppInfo } from './app-info' import { VIEW_KEY, VIEW_TYPE, DEVICE_KEY, createDeviceType } from '../index.ts' @@ -45,10 +45,10 @@ const msgs = createLogMessageListStore({ getChatId: () => props.chatId, appInfo, }) -const detail = createExecutionDetailStore() +const rightSidebar = createRightSidebarStore() provide(LOG_MESSAGE_LIST_KEY, msgs) -provide(EXECUTION_DETAIL_KEY, detail) +provide(RIGHT_SIDEBAR_KEY, rightSidebar) provide(VIEW_KEY, VIEW_TYPE.LOG) // 日志无左栏，按 PC 端渲染 provide(DEVICE_KEY, createDeviceType('push')) @@ -56,7 +56,7 @@ provide(DEVICE_KEY, createDeviceType('push')) watch( () => props.chatId, () => { - detail.closeRightSide() + rightSidebar.closeRightSide() msgs.load() }, { immediate: true }, @@ -66,17 +66,17 @@ watch( diff --git a/ui/src/conversation-panel/view/portal/index.vue b/ui/src/conversation-panel/view/portal/index.vue index 2d261b4cc55..6247d5fd3d6 100644 --- a/ui/src/conversation-panel/view/portal/index.vue +++ b/ui/src/conversation-panel/view/portal/index.vue @@ -8,11 +8,11 @@ import PortalConversationList from '../../left-sidebar/portal-conversation-list/ import SelectApplicationDrawer from '../../left-sidebar/portal-conversation-list/SelectApplicationDrawer.vue' import PortalChatPanel from '../../main/portal-chat-panel/index.vue' import PortalApplicationPanel from '../../main/portal-application-panel/index.vue' -import ExecutionDetail from '../../right-sidebar/execution-detail/index.vue' +import RightSidebar from '../../right-sidebar/index.vue' import { CONVERSATION_LIST_KEY } from '../../left-sidebar/conversation-list/index' 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 { RIGHT_SIDEBAR_KEY } from '../../right-sidebar/index' import { PORTAL_CONVERSATION_LIST_KEY } from '../../left-sidebar/portal-conversation-list/index' import { SHARE_LINK_KEY } from '../../components/message-list/share/index' import { createPortalConversation } from './index' @@ -40,7 +40,7 @@ provide('upload', (file: File, onProgress?: (percent: number, event: AxiosProgre 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(RIGHT_SIDEBAR_KEY, bundle.rightSidebar) provide(SHARE_LINK_KEY, bundle.share) provide(PORTAL_CONVERSATION_LIST_KEY, bundle.portalList) provide(VIEW_KEY, VIEW_TYPE.PORTAL) @@ -63,7 +63,7 @@ provide(DEVICE_KEY, createDeviceType(leftMode)) const closeDrawers = () => { if (leftMode.value === 'drawer') bundle.list.leftSideOpen.value = false - if (rightMode.value === 'drawer') bundle.detail.rightSideOpen.value = false + if (rightMode.value === 'drawer') bundle.rightSidebar.rightSideOpen.value = false } onMounted(() => { @@ -88,7 +88,7 @@ watch([() => bundle.list.currentChatId.value, () => bundle.list.composerResetSig bundle.list.currentChatId.value, () => bundle.list.composerResetSig - + diff --git a/ui/src/conversation-panel/view/simple-debug/index.vue b/ui/src/conversation-panel/view/simple-debug/index.vue index c1d819510aa..e48fd78c05d 100644 --- a/ui/src/conversation-panel/view/simple-debug/index.vue +++ b/ui/src/conversation-panel/view/simple-debug/index.vue @@ -6,12 +6,12 @@ import FileApi from '@/api/admin/file' import { FILE_SOURCE_TYPE } from '@/api/enums' import ConversationLayout from '../../core/layout/index.vue' import ChatPanel from '../../main/chat-panel/index.vue' -import ExecutionDetail from '../../right-sidebar/execution-detail/index.vue' +import RightSidebar from '../../right-sidebar/index.vue' import SimpleDebugHeader from '../../components/header/simple-debug/index.vue' import { CONVERSATION_LIST_KEY } from '../../left-sidebar/conversation-list/index' 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 { RIGHT_SIDEBAR_KEY } from '../../right-sidebar/index' import { createDebugConversation } from '../debug/index' import { VIEW_KEY, VIEW_TYPE, DEVICE_KEY, createDeviceType } from '../index.ts' @@ -49,7 +49,7 @@ provide('upload', (file: File, onProgress?: (percent: number, event: AxiosProgre 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(RIGHT_SIDEBAR_KEY, bundle.rightSidebar) provide(VIEW_KEY,VIEW_TYPE.SIMPLE_DEBUG) // 左栏放设置表单而非会话列表，开合复用会话列表 store 的 leftSideOpen；历史对话由标题栏浮层切换。 // 响应式按面板自身宽度判断（嵌在 Admin 页面内，窗口宽度不代表可用宽度）：窄时 drawer，宽时 push。 @@ -71,14 +71,14 @@ watch( narrow, (isNarrow) => { bundle.list.leftSideOpen.value = !isNarrow - if (isNarrow) bundle.detail.closeRightSide() + if (isNarrow) bundle.rightSidebar.closeRightSide() }, { immediate: true }, ) // 挤压态放不下两侧时互相让位：后展开的一侧收起对侧；面板变窄时保留设置、收起执行详情。 watch( - () => bundle.detail.rightSideOpen.value, + () => bundle.rightSidebar.rightSideOpen.value, (open) => { if (open && !narrow.value && !canPushBoth.value) bundle.list.leftSideOpen.value = false }, @@ -86,11 +86,11 @@ watch( watch( () => bundle.list.leftSideOpen.value, (open) => { - if (open && !narrow.value && !canPushBoth.value) bundle.detail.closeRightSide() + if (open && !narrow.value && !canPushBoth.value) bundle.rightSidebar.closeRightSide() }, ) watch(canPushBoth, (fits) => { - if (!fits && !narrow.value && bundle.list.leftSideOpen.value) bundle.detail.closeRightSide() + if (!fits && !narrow.value && bundle.list.leftSideOpen.value) bundle.rightSidebar.closeRightSide() }) const resizeObserver = new ResizeObserver(([entry]) => { @@ -110,7 +110,7 @@ onBeforeUnmount(() => { // 遮罩只在抽屉态出现，点击收起设置和执行详情。 const closeDrawers = () => { bundle.list.leftSideOpen.value = false - bundle.detail.closeRightSide() + bundle.rightSidebar.closeRightSide() } // 页面保存、发布校验失败时展开设置，显示错误字段。 @@ -122,7 +122,7 @@ defineExpose({ openSetting: () => (bundle.list.leftSideOpen.value = true) })
(bundle.list.leftSideOpen.value = true) }) - +
diff --git a/ui/src/conversation-panel/view/types.ts b/ui/src/conversation-panel/view/types.ts index 13be2c5822e..6bf9bff4c7e 100644 --- a/ui/src/conversation-panel/view/types.ts +++ b/ui/src/conversation-panel/view/types.ts @@ -3,7 +3,7 @@ import type { ConversationAppInfo } from '../core/types' import type { ConversationListStore } from '../left-sidebar/conversation-list/index' import type { MessageListStore } from '../components/message-list/index' import type { MessageInputStore } from '../components/message-input/index' -import type { ExecutionDetailStore } from '../right-sidebar/execution-detail/index' +import type { RightSidebarStore } from '../right-sidebar/index' // view 组装出来的各组件 store 集合 export interface ConversationBundle { @@ -12,5 +12,5 @@ export interface ConversationBundle { list: ConversationListStore msgs: MessageListStore input: MessageInputStore - detail: ExecutionDetailStore + rightSidebar: RightSidebarStore }