@blueking/chat-x 0.0.7 → 0.0.8

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

@@ -1,13 +0,0 @@
-import type { FlowMessageContent } from './types';
-/**
- * 流程消息 Mock 数据
- */
-export declare const mockFlowMessageContent: FlowMessageContent;
-/**
- * 简单的流程消息 Mock 数据（用于快速测试）
- */
-export declare const mockSimpleFlowContent: FlowMessageContent;
-/**
- * 空数据 Mock（用于测试边界情况）
- */
-export declare const mockEmptyFlowContent: FlowMessageContent;

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

@@ -1,132 +0,0 @@
-import type { BaseMessage } from '../../../ag-ui/types/messages';
-/**
- * 流程节点执行状态
- */
-export declare enum FlowNodeStatus {
-    /** 失败 */
-    Failed = "failed",
-    /** 挂起 */
-    Pending = "pending",
-    /** 执行中 */
-    Running = "running",
-    /** 成功 */
-    Success = "success"
-}
-/**
- * 详情面板 Tab 类型
- */
-export type DetailTabType = 'execution' | 'nodeDetail';
-/**
- * 流程执行统计
- */
-export interface FlowExecutionStats {
-    /** 失败数量 */
-    failed: number;
-    /** 挂起数量 */
-    pending: number;
-    /** 执行中数量 */
-    running: number;
-    /** 成功数量 */
-    success: number;
-}
-/**
- * 流程消息类型
- */
-export type FlowMessage = BaseMessage<'flow', FlowMessageContent>;
-/**
- * 流程消息内容
- */
-export interface FlowMessageContent {
-    /** 额外文本内容 */
-    extraContent?: string;
-    /** 节点组列表 */
-    groups: FlowNodeGroup[];
-    /** 执行统计 */
-    stats: FlowExecutionStats;
-}
-/**
- * 流程节点
- */
-export interface FlowNode {
-    /** 节点详情 */
-    detail?: FlowNodeDetail;
-    /** 耗时（秒） */
-    duration?: number;
-    /** 节点 ID */
-    id: string;
-    /** 节点名称 */
-    name: string;
-    /** 节点状态 */
-    status: FlowNodeStatus;
-}
-/**
- * 流程节点基础信息
- */
-export interface FlowNodeBaseInfo {
-    /** 执行方案 */
-    executePlan: string;
-    /** 失败处理 */
-    failureHandler: string;
-    /** 流程模板 */
-    flowTemplate: string;
-    /** 是否可选 */
-    isOptional: boolean;
-    /** 节点名称 */
-    nodeName: string;
-    /** 步骤名称 */
-    stepName: string;
-    /** 超时控制 */
-    timeoutControl: string;
-    /** 总是使用最新版本 */
-    useLatestVersion: boolean;
-}
-/**
- * 流程节点详情
- */
-export interface FlowNodeDetail {
-    /** 基础信息 */
-    baseInfo: FlowNodeBaseInfo;
-    /** 输入参数 */
-    inputParams: FlowNodeParam[];
-    /** 输出参数 */
-    outputParams: FlowNodeOutput[];
-}
-/**
- * 流程节点组
- */
-export interface FlowNodeGroup {
-    /** 总耗时（秒） */
-    duration?: number;
-    /** 组 ID */
-    id: string;
-    /** 组名称 */
-    name: string;
-    /** 节点列表 */
-    nodes: FlowNode[];
-    /** 组状态 */
-    status: FlowNodeStatus;
-}
-/**
- * 流程节点输出参数
- */
-export interface FlowNodeOutput {
-    /** 变量说明 */
-    description: string;
-    /** KEY */
-    key: string;
-    /** 名称 */
-    name: string;
-}
-/**
- * 流程节点参数
- */
-export interface FlowNodeParam {
-    /** 参数名 */
-    name: string;
-    /** 参数值 */
-    value: string;
-}
-/**
- * 节点配置 Tab 类型
- */
-export type NodeConfigTabType = 'config' | 'output';

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

@@ -1,305 +0,0 @@
-<!-- AI SUMMARY -->
-## 快速了解
-
-FlowMessage 用于展示 BkFlow/流水线类流程的执行统计、节点分组与节点详情（含 Tab 详情）。消息类型为 flow，需在业务布局中显式嵌入； 标准 MessageRender 角色分发未包含 flow。与 Activity 的 FlowAgent 模式同属流程可视化但组件与数据模型不同。
-
-### 关联组件
-- **activity-message** — Activity 的 flow-agent 模式同样展示流程执行，场景互补
-- **message-container** — 嵌入对话列表时需与消息容器等配合布局
-- **execution-summary** — 对话级执行摘要与单条流程消息可共同构成执行态 UI
-
----
-<!-- FULL DOC -->
-
-# FlowMessage 流程消息
-
-> **层级**：分子组件 · **功能域**：消息展示
-
-流程消息组件，用于展示流程编排（如标准运维 / CI/CD 流水线）的执行状态和节点详情。包含执行统计摘要、节点组列表、节点详情面板，提供完整的流程执行可视化能力。
-
-## 组件结构
-
-```
-flow-message
-├── flow-message__stats（执行情况摘要栏）
-│   ├── 执行中：N    （蓝色）
-│   ├── 成功：N      （绿色）
-│   ├── 失败：N      （红色）
-│   └── 挂起：N      （橙色）
-├── flow-message__groups
-│   └── FlowNodeGroup × N（可折叠的节点组）
-│       ├── 组标题栏（折叠图标 + 状态图标 + 名称 + 耗时）
-│       └── FlowNodeItem × N（节点列表）
-│           ├── 状态图标 + 名称 + 耗时
-│           └── 详情入口（点击 → Teleport FlowDetail）
-├── flow-message__extra（额外文本，可选）
-└── <Teleport>
-    └── FlowDetail（节点详情面板）
-        ├── 基础信息 Tab
-        └── 输入/输出参数 Tab
-```
-
-## 基础用法
-
-```vue
-<template>
-  <FlowMessage :content="content" />
-</template>
-
-<script setup lang="ts">
-  const content = {
-    stats: { running: 1, success: 3, failed: 0, pending: 2 },
-    groups: [
-      {
-        id: 'group-1',
-        name: '部署阶段',
-        status: 'running',
-        duration: 120,
-        nodes: [
-          { id: 'node-1', name: '代码拉取', status: 'success', duration: 30 },
-          { id: 'node-2', name: '编译构建', status: 'success', duration: 60 },
-          { id: 'node-3', name: '部署上线', status: 'running', duration: 30 },
-        ],
-      },
-    ],
-  };
-</script>
-```
-
-**渲染效果**
-
-## 执行统计
-
-顶部摘要栏展示四种状态的节点数量，数量 ≥ 100 时显示为 `99+`：
-
-| 状态   | 颜色 | 说明            |
-| ------ | ---- | --------------- |
-| 执行中 | 蓝色 | `stats.running` |
-| 成功   | 绿色 | `stats.success` |
-| 失败   | 红色 | `stats.failed`  |
-| 挂起   | 橙色 | `stats.pending` |
-
-## 带额外内容
-
-`extraContent` 以灰色背景文本块显示在节点组下方，适合展示执行总结或错误提示：
-
-```vue
-<script setup lang="ts">
-  const content = {
-    stats: { running: 0, success: 5, failed: 1, pending: 0 },
-    groups: [
-      {
-        id: 'group-1',
-        name: '测试阶段',
-        status: 'failed',
-        nodes: [
-          { id: 'node-1', name: '单元测试', status: 'success', duration: 45 },
-          { id: 'node-2', name: '集成测试', status: 'failed', duration: 120 },
-        ],
-      },
-    ],
-    extraContent: '流程执行失败，请检查集成测试节点的错误日志。',
-  };
-</script>
-```
-
-**渲染效果**
-
-## 节点详情
-
-节点数据包含 `detail` 字段时，点击节点右侧入口可打开详情面板。详情面板通过 `<Teleport>` 渲染到 `ChatContainer` 的侧边栏插槽区域（`#ai-blueking-message-slot`），包含：
-
-- **基础信息**：流程模板、节点名称、步骤名称、执行方案、失败处理、超时控制等
-- **输入参数**：`name` + `value` 键值对列表
-- **输出参数**：`name` + `description` + `key` 列表
-
-```vue
-<script setup lang="ts">
-  const content = {
-    stats: { running: 0, success: 1, failed: 0, pending: 0 },
-    groups: [
-      {
-        id: 'group-1',
-        name: '部署阶段',
-        status: 'success',
-        duration: 90,
-        nodes: [
-          {
-            id: 'node-1',
-            name: '部署上线',
-            status: 'success',
-            duration: 90,
-            detail: {
-              baseInfo: {
-                flowTemplate: '标准部署流程',
-                nodeName: '部署上线',
-                stepName: '执行部署',
-                executePlan: '蓝绿部署',
-                isOptional: false,
-                failureHandler: '自动回滚',
-                timeoutControl: '600s',
-                useLatestVersion: true,
-              },
-              inputParams: [
-                { name: 'env', value: 'production' },
-                { name: 'version', value: 'v1.2.3' },
-              ],
-              outputParams: [{ name: '部署结果', description: '部署是否成功', key: 'deploy_result' }],
-            },
-          },
-        ],
-      },
-    ],
-  };
-</script>
-```
-
-**渲染效果**
-
-## 节点状态图标
-
-每个节点根据 `status` 渲染不同的状态图标：
-
-| 状态      | 图标     | 颜色 |
-| --------- | -------- | ---- |
-| `running` | 旋转加载 | 蓝色 |
-| `success` | 对勾     | 绿色 |
-| `failed`  | 叉号     | 红色 |
-| `pending` | 时钟     | 橙色 |
-
-## 在 MessageContainer 中的使用
-
-`FlowMessage` 由 `MessageRender` 根据 `role: 'flow'` 自动调度渲染，通常不需要手动引入：
-
-```vue
-<script setup lang="ts">
-  import { MessageContainer, type Message } from '@blueking/chat-x';
-
-  const messages: Message[] = [
-    {
-      id: '1',
-      messageId: '1',
-      role: 'flow',
-      status: 'complete',
-      content: {
-        stats: { running: 0, success: 2, failed: 0, pending: 0 },
-        groups: [
-          {
-            id: 'g1',
-            name: '构建阶段',
-            status: 'success',
-            duration: 180,
-            nodes: [
-              { id: 'n1', name: '代码编译', status: 'success', duration: 120 },
-              { id: 'n2', name: '单元测试', status: 'success', duration: 60 },
-            ],
-          },
-        ],
-      },
-    },
-  ];
-</script>
-```
-
-## API
-
-### Props
-
-组件 Props 继承自 `Partial<FlowMessage>` 类型：
-
-| 属性名    | 类型                 | 说明         |
-| --------- | -------------------- | ------------ |
-| content   | `FlowMessageContent` | 流程消息内容 |
-| status    | `MessageStatus`      | 消息状态     |
-| id        | `string`             | 客户端 ID    |
-| messageId | `number \| string`   | 消息唯一标识 |
-
-## 类型定义
-
-```typescript
-// 流程消息内容
-interface FlowMessageContent {
-  stats: FlowExecutionStats;
-  groups: FlowNodeGroup[];
-  extraContent?: string;
-}
-
-// 执行统计
-interface FlowExecutionStats {
-  running: number;
-  success: number;
-  failed: number;
-  pending: number;
-}
-
-// 节点组
-interface FlowNodeGroup {
-  id: string;
-  name: string;
-  status: FlowNodeStatus;
-  duration?: number;
-  nodes: FlowNode[];
-}
-
-// 节点
-interface FlowNode {
-  id: string;
-  name: string;
-  status: FlowNodeStatus;
-  duration?: number;
-  detail?: FlowNodeDetail;
-}
-
-// 节点状态
-enum FlowNodeStatus {
-  Running = 'running',
-  Success = 'success',
-  Failed = 'failed',
-  Pending = 'pending',
-}
-
-// 节点详情
-interface FlowNodeDetail {
-  baseInfo: FlowNodeBaseInfo;
-  inputParams: FlowNodeParam[];
-  outputParams: FlowNodeOutput[];
-}
-
-// 节点基础信息
-interface FlowNodeBaseInfo {
-  flowTemplate: string;
-  nodeName: string;
-  stepName: string;
-  executePlan: string;
-  isOptional: boolean;
-  failureHandler: string;
-  timeoutControl: string;
-  useLatestVersion: boolean;
-}
-
-// 节点参数
-interface FlowNodeParam {
-  name: string;
-  value: string;
-}
-
-// 节点输出
-interface FlowNodeOutput {
-  name: string;
-  description: string;
-  key: string;
-}
-```
-
-## 使用场景
-
-- 展示标准运维（SOPS）流程的执行过程和状态
-- 展示 CI/CD 流水线的节点执行情况
-- 可视化任务编排的执行进度和结果
-- 查看流程节点的详细配置、输入参数和输出参数
-
-## 关联组件
-
-- [ActivityMessage](./activity-message.md) — FlowAgent 活动消息与流程编排展示场景相近
-- [MessageContainer](./message-container.md) — 嵌入消息列表时的容器
-- [ExecutionSummary](./execution-summary.md) — 对话级执行摘要