@blueking/chat-x 0.0.7 → 0.0.8

package/dist/lang/lang.d.ts

@@ -43,7 +43,6 @@ export declare const lang: {
     readonly 挂起: "Pending";
     readonly 待执行: "To Be Executed";
     readonly 详情: "Details";
-    readonly 节点详情: "Node Details";
     readonly 节点: "Node";
     readonly 节点配置: "Node Config";
     readonly 节点输出: "Node Output";
@@ -55,7 +54,6 @@ export declare const lang: {
     readonly 是否可选: "Optional";
     readonly 失败处理: "Failure Handler";
     readonly 超时控制: "Timeout Control";
-    readonly 总是使用最新版本: "Always Use Latest Version";
     readonly 是: "Yes";
     readonly 否: "No";
     readonly 输入参数: "Input Params";
@@ -67,7 +65,6 @@ export declare const lang: {
     readonly 结构化输出: "Structured Output";
     readonly 手动跳过: "Manual Skip";
     readonly 暂无数据: "No Data";
-    readonly '\u8282\u70B9\u8F93\u51FA\u5185\u5BB9...': "Node output content...";
     readonly '\u8C03\u7528 MCP\uFF1A': "Call MCP:";
     readonly 更多: "More";
     readonly 检索中: "Searching";
@@ -99,4 +96,4 @@ export declare const lang: {
     readonly 清空搜索: "Clear Search";
     readonly 搜索结果为空: "Search Result is Empty";
 };
-export declare const t: (key: keyof typeof lang) => "Send" | "Stop" | "Ask AI" | "Copy" | "Share" | "Like" | "Unsatisfied" | "Delete" | "Quote" | "Regenerate" | "Submit" | "Cancel" | "Preview Content" | "Jump to Detail" | "Call Tool:" | "Calling..." | "Call Success" | "Call Failed" | "Tell us your thoughts" | "What makes you satisfied?" | "What makes you dissatisfied?" | "Return Content" | "Edit" | "Deep Thinking" | "Loading image..." | "Failed to load image" | "Thinking..." | "Thinking Completed" | "Thinking Failed" | "Copy Success" | "Copy Failed" | "Return to bottom" | "Stop generating" | "Stopping" | "Duration" | "Parameters" | "Description" | "Execution Status" | "Running" | "Success" | "Failed" | "Pending" | "To Be Executed" | "Details" | "Node Details" | "Node" | "Node Config" | "Node Output" | "Basic Info" | "Flow Template" | "Node Name" | "Step Name" | "Execution Plan" | "Optional" | "Failure Handler" | "Timeout Control" | "Always Use Latest Version" | "Yes" | "No" | "Input Params" | "Output Params" | "Param Name" | "Param Value" | "Name" | "Structured Output" | "Manual Skip" | "No Data" | "Node output content..." | "Call MCP:" | "More" | "Searching" | "Search Completed" | "Upload File" | "Requesting..." | "Cancel satisfied" | "Cancel dissatisfied" | "Confirm delete this answer?" | "This operation cannot be undone. Please proceed with caution!" | "Preview" | "Zoom Out" | "Zoom In" | "Rotate" | "Download" | "Sorry, image loading failed. Please try reloading." | "Reset" | "Reload" | "W" | "H" | "Upload Image" | "Search keyword" | "Select date" | "Locate in Chat" | "Select All" | "Confirm" | "Upload Image, up to 3 images supported, max 2.4MB each" | "Hello, I am BlueKing AI Bot" | "Clear Search" | "Search Result is Empty" | "发送" | "停止" | "问问小鲸" | "复制" | "分享" | "点赞" | "不满意" | "删除" | "引用" | "重新生成" | "提交" | "取消" | "预览内容" | "跳转详情" | "调用工具：" | "调用中" | "调用成功" | "调用失败" | "说出您的想法" | "什么原因让你满意？" | "什么原因让你不满意？" | "返回内容" | "编辑" | "深度思考" | "图片加载中..." | "图片加载失败" | "思考中" | "已思考完成" | "思考失败" | "复制成功" | "复制失败" | "返回底部" | "停止生成" | "正在停止" | "耗时" | "参数" | "描述" | "执行情况" | "执行中" | "成功" | "失败" | "挂起" | "待执行" | "详情" | "节点详情" | "节点" | "节点配置" | "节点输出" | "基础信息" | "流程模板" | "节点名称" | "步骤名称" | "执行方案" | "是否可选" | "失败处理" | "超时控制" | "总是使用最新版本" | "是" | "否" | "输入参数" | "输出参数" | "参数名" | "参数值" | "名称" | "变量说明" | "结构化输出" | "手动跳过" | "暂无数据" | "节点输出内容..." | "调用 MCP：" | "更多" | "检索中" | "检索完成" | "上传文件" | "请求中..." | "取消满意" | "取消不满意" | "确认删除该回答？" | "删除操作无法撤回，请谨慎操作！" | "预览" | "缩小" | "放大" | "旋转" | "下载" | "抱歉，图片加载失败，可尝试重新加载" | "重置" | "重新加载" | "宽" | "高" | "上传图片" | "搜索 关键字" | "选择日期" | "在对话中定位" | "全选" | "确定" | "上传图片, 最多支持上传 3 个, 最大支持 2.4MB" | "你好，我是小鲸" | "清空搜索" | "搜索结果为空";
+export declare const t: (key: keyof typeof lang) => "Send" | "Stop" | "Ask AI" | "Copy" | "Share" | "Like" | "Unsatisfied" | "Delete" | "Quote" | "Regenerate" | "Submit" | "Cancel" | "Preview Content" | "Jump to Detail" | "Call Tool:" | "Calling..." | "Call Success" | "Call Failed" | "Tell us your thoughts" | "What makes you satisfied?" | "What makes you dissatisfied?" | "Return Content" | "Edit" | "Deep Thinking" | "Loading image..." | "Failed to load image" | "Thinking..." | "Thinking Completed" | "Thinking Failed" | "Copy Success" | "Copy Failed" | "Return to bottom" | "Stop generating" | "Stopping" | "Duration" | "Parameters" | "Description" | "Execution Status" | "Running" | "Success" | "Failed" | "Pending" | "To Be Executed" | "Details" | "Node" | "Node Config" | "Node Output" | "Basic Info" | "Flow Template" | "Node Name" | "Step Name" | "Execution Plan" | "Optional" | "Failure Handler" | "Timeout Control" | "Yes" | "No" | "Input Params" | "Output Params" | "Param Name" | "Param Value" | "Name" | "Structured Output" | "Manual Skip" | "No Data" | "Call MCP:" | "More" | "Searching" | "Search Completed" | "Upload File" | "Requesting..." | "Cancel satisfied" | "Cancel dissatisfied" | "Confirm delete this answer?" | "This operation cannot be undone. Please proceed with caution!" | "Preview" | "Zoom Out" | "Zoom In" | "Rotate" | "Download" | "Sorry, image loading failed. Please try reloading." | "Reset" | "Reload" | "W" | "H" | "Upload Image" | "Search keyword" | "Select date" | "Locate in Chat" | "Select All" | "Confirm" | "Upload Image, up to 3 images supported, max 2.4MB each" | "Hello, I am BlueKing AI Bot" | "Clear Search" | "Search Result is Empty" | "发送" | "停止" | "问问小鲸" | "复制" | "分享" | "点赞" | "不满意" | "删除" | "引用" | "重新生成" | "提交" | "取消" | "预览内容" | "跳转详情" | "调用工具：" | "调用中" | "调用成功" | "调用失败" | "说出您的想法" | "什么原因让你满意？" | "什么原因让你不满意？" | "返回内容" | "编辑" | "深度思考" | "图片加载中..." | "图片加载失败" | "思考中" | "已思考完成" | "思考失败" | "复制成功" | "复制失败" | "返回底部" | "停止生成" | "正在停止" | "耗时" | "参数" | "描述" | "执行情况" | "执行中" | "成功" | "失败" | "挂起" | "待执行" | "详情" | "节点" | "节点配置" | "节点输出" | "基础信息" | "流程模板" | "节点名称" | "步骤名称" | "执行方案" | "是否可选" | "失败处理" | "超时控制" | "是" | "否" | "输入参数" | "输出参数" | "参数名" | "参数值" | "名称" | "变量说明" | "结构化输出" | "手动跳过" | "暂无数据" | "调用 MCP：" | "更多" | "检索中" | "检索完成" | "上传文件" | "请求中..." | "取消满意" | "取消不满意" | "确认删除该回答？" | "删除操作无法撤回，请谨慎操作！" | "预览" | "缩小" | "放大" | "旋转" | "下载" | "抱歉，图片加载失败，可尝试重新加载" | "重置" | "重新加载" | "宽" | "高" | "上传图片" | "搜索 关键字" | "选择日期" | "在对话中定位" | "全选" | "确定" | "上传图片, 最多支持上传 3 个, 最大支持 2.4MB" | "你好，我是小鲸" | "清空搜索" | "搜索结果为空";

package/dist/mcp/generated/docs/activity-message.md

@@ -5,7 +5,6 @@ ActivityMessage 展示活动类消息：知识检索（knowledge_rag）、引用
 
 ### 关联组件
 - **message-render** — 由 MessageRender 在 role 为 activity 时创建
-- **flow-message** — 与流程编排执行可视化同属一类场景，组件形态不同
 - **assistant-message** — 常与助手回复相邻，描述检索或执行背景
 
 ---
@@ -424,5 +423,4 @@ enum MessageContentType {
 ## 关联组件
 
 - [MessageRender](./message-render.md) — activity 角色由其实例化
-- [FlowMessage](./flow-message.md) — 独立流程消息与 FlowAgent 模式场景相近
 - [AssistantMessage](./assistant-message.md) — 常与助手主回复配合出现

package/dist/mcp/generated/docs/chat-container.md

@@ -358,11 +358,12 @@ ChatContainer 的 Props 继承自 `ChatInputProps` 和 `MessageContainerProps`
 
 ### Slots
 
-| 插槽名  | 参数                              | 说明                                                          |
-| ------- | --------------------------------- | ------------------------------------------------------------- |
-| default | 消息列表相关绑定（messages 等）   | 自定义消息列表区域                                            |
-| message | `{ message, messageToolsStatus }` | 自定义单条消息渲染                                            |
-| welcome | `{ openingRemark: string }`       | 自定义欢迎页内容，替换默认的 openingRemark 渲染，无消息时显示 |
+| 插槽名     | 参数                                   | 说明                                                                                           |
+| ---------- | -------------------------------------- | ---------------------------------------------------------------------------------------------- |
+| codeHeader | `{ language: string; token: Token[] }` | 代码块头部自定义操作区域，透传给 MessageRender → ContentRender → MarkdownContent → CodeContent |
+| default    | 消息列表相关绑定（messages 等）        | 自定义消息列表区域                                                                             |
+| message    | `{ message, messageToolsStatus }`      | 自定义单条消息渲染                                                                             |
+| welcome    | `{ openingRemark: string }`            | 自定义欢迎页内容，替换默认的 openingRemark 渲染，无消息时显示                                  |
 
 ### Expose
 

package/dist/mcp/generated/docs/code-content.md

@@ -21,6 +21,7 @@ CodeContent 接收 markdown-it 的 fence/code_block token，按行 highlight.js
 .code-content-wrapper（width: 100%，margin-bottom: 12px）
 ├── .code-content-header（height: 40px，bg: #2f333d，border: 1px solid #1a1a1a）
 │     ├── .code-header-language（color: #999，显示 token.info 原始字符串）
+│     ├── slot#header（{ language, token }）— 自定义头部操作按钮区域
 │     └── ToolBtn id="copy"（点击复制 codeRef.innerText）
 │
 └── .hljs-pre（bg: #282c34，padding: 8×16，overflow-x: auto）
@@ -163,6 +164,12 @@ if (lineHighlightCache.size > MAX_CACHE_SIZE) {
 | ------- | ----------------------------- | --------------------------------------------------------------------------------- |
 | mounted | `{ el: HTMLElement \| null }` | 每次 `token` 变化后 `nextTick` 完成时；`el` 为 `<code>` 元素引用（懒加载 getter） |
 
+### Slots
+
+| 插槽名 | 参数                                   | 说明                                                                                       |
+| ------ | -------------------------------------- | ------------------------------------------------------------------------------------------ |
+| header | `{ language: string; token: Token[] }` | 代码块头部自定义内容区域，渲染在语言标签和复制按钮之间，可用于添加"插入"、"应用"等操作按钮 |
+
 > **`mounted` 频率**：由于 `watch` 设置了 `immediate: true` 和 `deep: true`，每次 `token` 内容变化（包括初始化）都会触发 `mounted` 事件。
 
 ## Token 结构

package/dist/mcp/generated/docs/content-render.md

@@ -174,9 +174,10 @@ ContentRender
 
 ### Slots
 
-| 插槽名  | 参数                         | 说明                                                   |
-| ------- | ---------------------------- | ------------------------------------------------------ |
-| default | `{ content: ContentMap[T] }` | 自定义渲染，接收原始 content prop 值，替换全部默认逻辑 |
+| 插槽名     | 参数                                   | 说明                                                                          |
+| ---------- | -------------------------------------- | ----------------------------------------------------------------------------- |
+| codeHeader | `{ language: string; token: Token[] }` | 代码块头部自定义操作区域，透传给 MarkdownContent → CodeContent 的 header 插槽 |
+| default    | `{ content: ContentMap[T] }`           | 自定义渲染，接收原始 content prop 值，替换全部默认逻辑                        |
 
 ## 流式渲染机制
 

package/dist/mcp/generated/docs/markdown-content.md

@@ -25,11 +25,11 @@ AI 消息内容渲染的核心原子组件，集成代码高亮、LaTeX 公式
 ```
 props.content → completeMarkdownSyntax → md.parse → groupTokens → groupedTokens
                                                                           │
-                             div.markdown-content（contain: layout style）
+                          div.ai-markdown-content（contain: layout style）
                                         │
                         status === 'error' → CommonErrorContent（:content）
                                         │
-                        else → div.markdown-body（contain: content）
+                        else → div.markdown-body[data-theme]（contain: content）
                                   │
                             v-for groupedToken
                                   │
@@ -134,14 +134,23 @@ props.content → completeMarkdownSyntax → md.parse → groupTokens → groupe
 
 ### 流式优化机制
 
-| 机制              | 实现                                                                                   | 作用                                                       |
-| ----------------- | -------------------------------------------------------------------------------------- | ---------------------------------------------------------- |
-| 极速节流          | `parseMarkdownContent` throttle **5ms**，leading + trailing                            | 每 5ms 最多解析一次，兼顾实时性与性能                      |
-| Markdown 语法补全 | `completeMarkdownSyntax(content)`                                                      | 自动闭合代码块、行内代码、粗斜体、删除线、链接等未完成语法 |
-| LaTeX 防闪烁      | `isIncomplete=true` 且已有渲染结果 → **跳过本次更新**                                  | 正在输入 LaTeX 命令时保持上一帧，避免闪白                  |
-| 子组件 throttle   | `handleTokenMounted` throttle 100ms                                                    | 限制子组件挂载后触发的滚动到底部频率                       |
-| CSS contain       | `.markdown-content { contain: layout style }`<br>`.markdown-body { contain: content }` | 限制重排/重绘范围，减少流式渲染的布局开销                  |
-| 渐显动画          | 每组首 token 追加 `.ai-blueking-markdown-fade-in`                                      | 新内容块淡入，减少视觉跳跃感                               |
+| 机制              | 实现                                                                                      | 作用                                                       |
+| ----------------- | ----------------------------------------------------------------------------------------- | ---------------------------------------------------------- |
+| 极速节流          | `parseMarkdownContent` throttle **5ms**，leading + trailing                               | 每 5ms 最多解析一次，兼顾实时性与性能                      |
+| Markdown 语法补全 | `completeMarkdownSyntax(content)`                                                         | 自动闭合代码块、行内代码、粗斜体、删除线、链接等未完成语法 |
+| LaTeX 防闪烁      | `isIncomplete=true` 且已有渲染结果 → **跳过本次更新**                                     | 正在输入 LaTeX 命令时保持上一帧，避免闪白                  |
+| 子组件 throttle   | `handleTokenMounted` throttle 100ms                                                       | 限制子组件挂载后触发的滚动到底部频率                       |
+| CSS contain       | `.ai-markdown-content { contain: layout style }`<br>`.markdown-body { contain: content }` | 限制重排/重绘范围，减少流式渲染的布局开销                  |
+| 渐显动画          | 每组首 token 追加 `.ai-blueking-markdown-fade-in`                                         | 新内容块淡入，减少视觉跳跃感                               |
+
+## 主题支持
+
+组件通过 `data-theme` 属性和内联 CSS 变量覆盖来控制主题，默认为 `light`。引入完整版 `github-markdown.css`（同时包含 light/dark 定义），并通过内联变量强制指定主题色，避免受宿主页面 `@media (prefers-color-scheme)` 影响。
+
+- **Light 模式**（默认）：`.markdown-body[data-theme="light"]`，内联 light 变量 + `color-scheme: light`
+- **Dark 模式**：`.markdown-body[data-theme="dark"]`，内联 dark 变量 + `color-scheme: dark`
+
+> 根容器类名为 `.ai-markdown-content`（而非 `.markdown-content`），以避免与 `github-markdown-css` 库自身样式冲突。
 
 ## API
 
@@ -152,6 +161,12 @@ props.content → completeMarkdownSyntax → md.parse → groupTokens → groupe
 | content | `string`        | —    | Markdown 文本；为空时清空渲染结果                         |
 | status  | `MessageStatus` | —    | `'error'` 时显示 `CommonErrorContent`，其余状态均正常渲染 |
 
+### Slots
+
+| 插槽名     | 参数                                   | 说明                                                                                    |
+| ---------- | -------------------------------------- | --------------------------------------------------------------------------------------- |
+| codeHeader | `{ language: string; token: Token[] }` | 代码块头部自定义操作区域，透传给 CodeContent 的 header 插槽，可添加"插入"、"应用"等按钮 |
+
 ### 内置插件
 
 | 插件                        | 语法                | 功能                 |

package/dist/mcp/generated/docs/message-render.md

@@ -272,9 +272,10 @@ slot 参数类型与 `AssistantMessage` 的 slot 保持一致（`Partial<Assista
 
 ### Slots
 
-| 插槽名  | 参数                                         | 说明                                                                    |
-| ------- | -------------------------------------------- | ----------------------------------------------------------------------- |
-| default | `{ content: string, status: MessageStatus }` | 替换 AssistantMessage 的内容区域渲染；**仅对 `role: 'assistant'` 生效** |
+| 插槽名     | 参数                                         | 说明                                                                                                    |
+| ---------- | -------------------------------------------- | ------------------------------------------------------------------------------------------------------- |
+| codeHeader | `{ language: string; token: Token[] }`       | 代码块头部自定义操作区域，透传给 ContentRender → MarkdownContent → CodeContent；**仅对 assistant 生效** |
+| default    | `{ content: string, status: MessageStatus }` | 替换 AssistantMessage 的内容区域渲染；**仅对 `role: 'assistant'` 生效**                                 |
 
 ## 消息类型映射
 

package/dist/mcp/generated/docs/use-global-config.md

@@ -1,154 +1,125 @@
 <!-- AI SUMMARY -->
 ## 快速了解
 
-useGlobalConfig 提供 messageSlotId（'#ai-blueking-message-slot'）与 rawMessageSlotId，并 provide AI_BLUEKING_MESSAGE_SLOT_ID。 useMessageSlotId 在子组件 inject 得到 ShallowRef，供 Teleport :to 挂载到消息容器内节点。名称易误解为全局配置，仅与 Teleport 插槽相关。 ChatContainer 使用 useMessageSlotId 与 messageSlotId；FlowMessage 等用 Teleport 展示详情。
+useGlobalConfig 接收 GlobalConfig（含 supportUpload: ComputedRef<boolean>），以 GLOBAL_CONFIG_TOKEN provide 给后代； injectGlobalConfig 在子组件中取出配置，无 Provider 时返回 undefined。ChatContainer 在 setup 中调用 useGlobalConfig； UserMessage 等通过 injectGlobalConfig 读取 supportUpload。
 
 ### 关联组件
-- **chat-container** — 侧栏 messageSlotId 与自定义 Tab 内容区
-- **flow-message** — useMessageSlotId + Teleport 流程详情
+- **chat-container** — 根容器调用 useGlobalConfig 注入 supportUpload
 
 ---
 <!-- FULL DOC -->
 
-# useGlobalConfig 消息面板 Teleport 插槽
+# useGlobalConfig 全局配置
 
 > **分类**：composable
 
-为消息容器内的子组件提供共享 **Teleport 目标 ID** 的 Provider/Consumer 工具。
-
-根容器注册一个 `id="ai-blueking-message-slot"` 的 DOM 节点，并通过 `provide` 将其 CSS 选择器下发；子组件（如 `FlowMessage`）通过 `inject` 取到该选择器，作为 `<Teleport :to="...">` 的挂载目标，从而将详情面板等覆盖层 Teleport 到消息容器内部的指定位置，而非 `body`。
-
-> 名称"useGlobalConfig"具有一定误导性——该模块实际上**只负责管理 Teleport 插槽 ID**，不涉及任何 locale / zIndex 等通用全局配置。
+在聊天容器根组件与子组件之间通过 Vue `provide` / `inject` 共享**全局展示相关配置**（当前主要为是否支持上传 `supportUpload`）。与 Teleport 插槽 ID 无关。
 
 ## 工作原理
 
 ```
-根容器组件
-  ├── useGlobalConfig()
-  │     ├── provide(AI_BLUEKING_MESSAGE_SLOT_ID, computed(() => '#ai-blueking-message-slot'))
-  │     └── return { messageSlotId: '#ai-blueking-message-slot', rawMessageSlotId: 'ai-blueking-message-slot' }
+ChatContainer（根）
+  ├── useGlobalConfig({ supportUpload: computed(() => props.supportUpload ?? false) })
+  │     └── provide(GLOBAL_CONFIG_TOKEN, { supportUpload })
   │
-  └── <div :id="rawMessageSlotId" />  ← Teleport 实际挂载的 DOM 节点
+  └── MessageContainer → … → UserMessage 等
 
-后代子组件（如 FlowMessage）
-  ├── useMessageSlotId()
-  │     ├── onMounted → watchEffect → inject(AI_BLUEKING_MESSAGE_SLOT_ID).value
-  │     └── return { messageSlotId: ShallowRef<'#ai-blueking-message-slot' | undefined> }
-  │
-  └── <Teleport :to="messageSlotId">   ← Teleport 至根容器内
-        <FlowDetail />
-      </Teleport>
+UserMessage（后代）
+  ├── injectGlobalConfig()
+  │     └── inject(GLOBAL_CONFIG_TOKEN) → GlobalConfig | undefined
+  └── 模板中：globalConfig?.supportUpload.value ?? false
 ```
 
+- **Provider**：必须在组件树的祖先（如 `ChatContainer`）的 `setup` 中调用 `useGlobalConfig`，否则后代 `injectGlobalConfig()` 得到 `undefined`。
+- **Consumer**：任意后代在 `setup` 中调用 `injectGlobalConfig()`，拿到与 Provider 相同的 `GlobalConfig` 对象引用；`supportUpload` 为 `ComputedRef<boolean>`，可随根 props 响应式更新。
+
 ## 渲染示例
 
-## 根容器用法（useGlobalConfig）
+## 根容器用法（ChatContainer）
 
 ```vue
-<template>
-  <div class="chat-container">
-    <!-- 1. 创建 Teleport 挂载目标 DOM 节点 -->
-    <div
-      :id="rawMessageSlotId"
-      class="ai-blueking-container-slot"
-    />
-
-    <!-- 2. 消息列表（FlowMessage 等子组件从此处注入插槽 ID） -->
-    <MessageRender :messages="messages" />
-  </div>
-</template>
-
 <script setup lang="ts">
+  import { computed } from 'vue';
   import { useGlobalConfig } from '@blueking/chat-x';
 
-  // provide 插槽 ID 给所有后代，同时获取 rawMessageSlotId 作为 DOM id
-  const { rawMessageSlotId } = useGlobalConfig();
+  const props = defineProps<{
+    supportUpload?: boolean;
+  }>();
+
+  useGlobalConfig({
+    supportUpload: computed(() => props.supportUpload ?? false),
+  });
 </script>
 ```
 
-## 子组件用法（useMessageSlotId）
+## 子组件用法（UserMessage）
 
 ```vue
-<!-- FlowMessage 内部（简化） -->
-<template>
-  <div class="flow-message">
-    <!-- 节点列表... -->
-
-    <!-- 点击节点后，将详情面板 Teleport 到根容器的插槽节点 -->
-    <template v-if="detailVisible && messageSlotId">
-      <Teleport :to="messageSlotId">
-        <FlowDetail
-          :node="selectedNode"
-          @close="detailVisible = false"
-        />
-      </Teleport>
-    </template>
-  </div>
-</template>
-
 <script setup lang="ts">
-  import { useMessageSlotId } from '@blueking/chat-x';
+  import { injectGlobalConfig } from '@blueking/chat-x';
 
-  // 注入根容器提供的 CSS 选择器（'#ai-blueking-message-slot'）
-  const { messageSlotId } = useMessageSlotId();
+  const globalConfig = injectGlobalConfig();
 </script>
+
+<template>
+  <ChatInput :support-upload="globalConfig?.supportUpload.value ?? false" />
+</template>
 ```
 
 ## API
 
-### useGlobalConfig()
+### 类型与函数签名（摘要）
 
 ```typescript
-function useGlobalConfig(): {
-  messageSlotId: ComputedRef<string>; // '#ai-blueking-message-slot'（CSS 选择器）
-  readonly rawMessageSlotId: string; // 'ai-blueking-message-slot'（DOM id 属性值）
-};
-```
+import type { ComputedRef } from 'vue';
 
-- 调用后立即 `provide(AI_BLUEKING_MESSAGE_SLOT_ID, messageSlotId)` 向后代注入
-- 必须在 Vue 组件的 `setup()` 中调用（有组件上下文才能 `provide`）
+export const GLOBAL_CONFIG_TOKEN: unique symbol;
 
-### useMessageSlotId()
+export type GlobalConfig = {
+  supportUpload: ComputedRef<boolean>;
+};
 
-```typescript
-function useMessageSlotId(): {
-  messageSlotId: ShallowRef<string | undefined>;
-  // 初始值：undefined（onMounted 前）
-  // 挂载后：'#ai-blueking-message-slot'（由 inject 注入）
+export function useGlobalConfig(options: GlobalConfig): {
+  supportUpload: ComputedRef<boolean>;
 };
+
+export function injectGlobalConfig(): GlobalConfig | undefined;
 ```
 
-- `onMounted` 后通过 `watchEffect` + `inject` 填充 `messageSlotId.value`
-- 无父级 Provider 时 `inject` 返回 `undefined`，`messageSlotId.value` 保持 `undefined`
-- 使用前建议配合 `v-if="messageSlotId"` 防止 Teleport 找不到目标
+### `GLOBAL_CONFIG_TOKEN`
 
-### getMessageSlotId()（内部辅助）
+| 名称                  | 说明                                   |
+| --------------------- | -------------------------------------- |
+| `GLOBAL_CONFIG_TOKEN` | `provide` / `inject` 使用的 Symbol key |
 
-```typescript
-function getMessageSlotId(): ComputedRef<string> | undefined;
-// = inject(AI_BLUEKING_MESSAGE_SLOT_ID)
-```
+### `GlobalConfig`
 
-- 由 `useMessageSlotId` 内部调用，通常不需要直接使用
+| 字段            | 说明                                                                     |
+| --------------- | ------------------------------------------------------------------------ |
+| `supportUpload` | 是否支持上传，与根容器 `ChatContainer` 的 `supportUpload` 等展示策略对齐 |
 
-### 导出常量
+### `useGlobalConfig(options)`
 
-```typescript
-// Teleport 目标元素的 id 属性值
-export const MESSAGE_SLOT_ID = 'ai-blueking-message-slot';
+| 参数                    | 说明                                                                                  |
+| ----------------------- | ------------------------------------------------------------------------------------- |
+| `options.supportUpload` | 是否支持上传，建议使用 `computed(() => props.supportUpload ?? false)` 与根 props 同步 |
 
-// provide/inject 使用的 Symbol key
-export const AI_BLUEKING_MESSAGE_SLOT_ID: unique symbol;
-```
+- 调用后立即 `provide(GLOBAL_CONFIG_TOKEN, options)`。
+- 必须在具有组件实例上下文的 `setup` 中调用（与 Vue `provide` 要求一致）。
+
+### `injectGlobalConfig()`
+
+| 返回值         | 说明                                                        |
+| -------------- | ----------------------------------------------------------- |
+| `GlobalConfig` | 祖先已调用 `useGlobalConfig` 时，与 Provider 传入的同一对象 |
+| `undefined`    | 组件树中无对应 `provide` 时                                 |
 
 ## 注意事项
 
-1. **`useGlobalConfig` 必须在祖先组件调用**：子组件的 `useMessageSlotId` 通过 `inject` 获取，必须在同一组件树内存在对应 Provider
-2. **`messageSlotId` 在 `onMounted` 后才有值**：`useMessageSlotId` 的返回值初始为 `undefined`，应配合 `v-if="messageSlotId"` 防止 Teleport 报错
-3. **DOM 节点必须与 `rawMessageSlotId` 对应**：根容器需确保 `<div :id="rawMessageSlotId">` 存在于 DOM 中，Teleport 才能找到目标
-4. **Teleport 目标在消息容器内**：相比直接 Teleport 到 `body`，此方案让覆盖层随消息容器的布局、z-index、overflow 上下文保持一致
+1. **Provider 须在祖先调用**：子组件的 `injectGlobalConfig` 依赖同一组件树内的 `useGlobalConfig`。
+2. **可选链访问**：无 Provider 时返回 `undefined`，模板中建议使用 `globalConfig?.supportUpload.value ?? false`。
+3. **扩展配置**：后续若在 `GlobalConfig` 中增加字段，应在根容器统一传入并在文档中说明。
 
 ## 关联组件
 
-- [ChatContainer](../components/molecular/chat-container.md) — 侧栏插槽节点与 messageSlotId
-- [FlowMessage](../components/molecular/flow-message.md) — Teleport 流程节点详情
+- [ChatContainer](../components/molecular/chat-container.md) — 调用 `useGlobalConfig` 注入 `supportUpload`

package/dist/mcp/generated/docs/user-message.md

@@ -297,6 +297,10 @@ binaryFiles 有值      → 进入编辑模式（editContent 可为空）
 | onShortcutConfirm  | `(formModel: Record<string, unknown>) => Promise<void>`                      | 快捷指令消息编辑确认回调                                  |
 | tippyOptions       | `Partial<Omit<TippyOptions, 'getReferenceClientRect' \| 'triggerTarget'>>`   | 自定义工具栏 Tippy 配置，透传给内部 `MessageTools` 组件   |
 
+### 全局配置依赖
+
+编辑模式下的 `ChatInput` 会通过 `injectGlobalConfig()` 获取全局配置中的 `supportUpload` 值。需要确保祖先组件（通常是 `ChatContainer`）已调用 `useGlobalConfig()` 注册配置。
+
 ## 类型定义
 
 ```typescript

package/dist/mcp/generated/index.json

@@ -1,13 +1,12 @@
 {
   "version": "2.0.0",
-  "generatedAt": "2026-03-26T12:19:37.302Z",
+  "generatedAt": "2026-03-31T12:16:48.179Z",
   "domains": {
     "message": {
       "label": "消息展示",
       "components": [
         "activity-message",
         "assistant-message",
-        "flow-message",
         "info-message",
         "loading-message",
         "message-container",
@@ -484,10 +483,6 @@
           "slug": "message-render",
           "relation": "由 MessageRender 在 role 为 activity 时创建"
         },
-        {
-          "slug": "flow-message",
-          "relation": "与流程编排执行可视化同属一类场景，组件形态不同"
-        },
         {
           "slug": "assistant-message",
           "relation": "常与助手回复相邻，描述检索或执行背景"
@@ -684,29 +679,6 @@
       "docFile": "docs/file-content.md",
       "domain": "media"
     },
-    {
-      "name": "FlowMessage 流程消息",
-      "slug": "flow-message",
-      "category": "molecular",
-      "description": "流程消息组件，用于展示流程编排（如标准运维 / CI/CD 流水线）的执行状态和节点详情。包含执行统计摘要、节点组列表、节点详情面板，提供完整的流程执行可视化能力。",
-      "aiSummary": "FlowMessage 用于展示 BkFlow/流水线类流程的执行统计、节点分组与节点详情（含 Tab 详情）。消息类型为 flow，需在业务布局中显式嵌入； 标准 MessageRender 角色分发未包含 flow。与 Activity 的 FlowAgent 模式同属流程可视化但组件与数据模型不同。",
-      "relatedComponents": [
-        {
-          "slug": "activity-message",
-          "relation": "Activity 的 flow-agent 模式同样展示流程执行，场景互补"
-        },
-        {
-          "slug": "message-container",
-          "relation": "嵌入对话列表时需与消息容器等配合布局"
-        },
-        {
-          "slug": "execution-summary",
-          "relation": "对话级执行摘要与单条流程消息可共同构成执行态 UI"
-        }
-      ],
-      "docFile": "docs/flow-message.md",
-      "domain": "message"
-    },
     {
       "name": "ImagePreviewGroup 图片预览组",
       "slug": "image-preview-group",
@@ -1086,16 +1058,12 @@
       "name": "useGlobalConfig",
       "slug": "use-global-config",
       "category": "composable",
-      "description": "为消息容器内的子组件提供共享 **Teleport 目标 ID** 的 Provider/Consumer 工具。",
-      "aiSummary": "useGlobalConfig 提供 messageSlotId（'#ai-blueking-message-slot'）与 rawMessageSlotId，并 provide AI_BLUEKING_MESSAGE_SLOT_ID。 useMessageSlotId 在子组件 inject 得到 ShallowRef，供 Teleport :to 挂载到消息容器内节点。名称易误解为全局配置，仅与 Teleport 插槽相关。 ChatContainer 使用 useMessageSlotId 与 messageSlotId；FlowMessage 等用 Teleport 展示详情。",
+      "description": "在聊天根容器与子组件之间通过 provide/inject 共享全局展示配置（如是否支持上传）。",
+      "aiSummary": "useGlobalConfig 接收 GlobalConfig（含 supportUpload: ComputedRef<boolean>），以 GLOBAL_CONFIG_TOKEN provide 给后代； injectGlobalConfig 在子组件中取出配置，无 Provider 时返回 undefined。ChatContainer 在 setup 中调用 useGlobalConfig； UserMessage 等通过 injectGlobalConfig 读取 supportUpload。",
       "relatedComponents": [
         {
           "slug": "chat-container",
-          "relation": "侧栏 messageSlotId 与自定义 Tab 内容区"
-        },
-        {
-          "slug": "flow-message",
-          "relation": "useMessageSlotId + Teleport 流程详情"
+          "relation": "根容器调用 useGlobalConfig 注入 supportUpload"
         }
       ],
       "docFile": "docs/use-global-config.md"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/chat-x",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -55,6 +55,7 @@
     "markdown-it-sup": "^2.0.0",
     "markdown-it-task-checkbox": "^1.0.6",
     "mermaid": "^11.12.2",
+    "github-markdown-css": "^5.8.1",
     "vue": "^3.5.24"
   },
   "devDependencies": {
@@ -70,7 +71,6 @@
     "bkui-vue": "latest",
     "echarts": "^6.0.0",
     "entities": "^8.0.0",
-    "github-markdown-css": "^5.8.1",
     "glob": "^13.0.6",
     "gray-matter": "^4.0.3",
     "happy-dom": "^20.3.7",

package/dist/components/chat-message/flow-message/flow-detail.vue.d.ts

@@ -1,11 +0,0 @@
-import type { FlowNode } from './types';
-type __VLS_Props = {
-    node?: FlowNode;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/chat-message/flow-message/flow-message.vue.d.ts

@@ -1,4 +0,0 @@
-import type { FlowMessage } from './types';
-declare const __VLS_export: import("vue").DefineComponent<Partial<FlowMessage>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Partial<FlowMessage>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/chat-message/flow-message/flow-node-group.vue.d.ts

@@ -1,12 +0,0 @@
-import { type FlowNode, type FlowNodeGroup } from './types';
-type __VLS_Props = {
-    defaultCollapsed?: boolean;
-    group: FlowNodeGroup;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    nodeDetail: (node: FlowNode) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNodeDetail?: ((node: FlowNode) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/chat-message/flow-message/flow-node-item.vue.d.ts

@@ -1,11 +0,0 @@
-import { type FlowNode } from './types';
-type __VLS_Props = {
-    node: FlowNode;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    detail: (node: FlowNode) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onDetail?: ((node: FlowNode) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/chat-message/flow-message/flow-status-icons.d.ts

@@ -1,36 +0,0 @@
-/**
- * 成功状态图标 - 绿色勾选
- */
-export declare const SuccessIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>;
-/**
- * 失败状态图标 - 红色叉号
- */
-export declare const FailedIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>;
-/**
- * 执行中状态图标 - 蓝色加载
- */
-export declare const RunningIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>;
-/**
- * 挂起状态图标 - 橙色暂停
- */
-export declare const PendingIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>;
-/**
- * 展开/折叠箭头图标
- */
-export declare const ArrowIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>;
-/**
- * 关闭图标
- */
-export declare const CloseIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>;

package/dist/components/chat-message/flow-message/index.d.ts

@@ -1,6 +0,0 @@
-export { default as FlowDetail } from './flow-detail.vue';
-export { default as FlowMessage } from './flow-message.vue';
-export { default as FlowNodeGroup } from './flow-node-group.vue';
-export { default as FlowNodeItem } from './flow-node-item.vue';
-export * from './mock';
-export * from './types';