@yiyi_zhang/reactflow-ui 1.0.0 → 1.1.0

package/dist/sample-workflows/ecs-lifecycle-automation.json

@@ -0,0 +1,74 @@
+{
+  "name": "ecs_lifecycle_automation",
+  "description": "云主机全生命周期自动化：自动创建实例 -> 轮询查询详情 -> 远程下发初始化运维命令 -> 创建安全快照 -> 发送协同群通知",
+  "version": 1,
+  "schemaVersion": 2,
+  "tasks": [
+    {
+      "name": "ecs_create_instance",
+      "taskReferenceName": "create_app_node",
+      "type": "HTTP",
+      "description": "创建云主机: app-server-node",
+      "inputParameters": {
+        "_actionId": "ecs.create_instance",
+        "actionName": "创建云主机",
+        "regionId": "cn-hangzhou",
+        "instanceType": "ecs.c7.xlarge",
+        "imageId": "image-alilinux-3",
+        "instanceName": "app-server-node",
+        "systemDiskSize": 120
+      }
+    },
+    {
+      "name": "ecs_query_instance",
+      "taskReferenceName": "query_node_status",
+      "type": "HTTP",
+      "description": "查询云主机详情与IP地址",
+      "inputParameters": {
+        "_actionId": "ecs.query_instance",
+        "actionName": "查询云主机详情",
+        "instanceId": "${create_app_node.output.instanceId}"
+      }
+    },
+    {
+      "name": "ecs_run_command",
+      "taskReferenceName": "init_server_env",
+      "type": "HTTP",
+      "description": "主机下发命令: 初始化运行时环境",
+      "inputParameters": {
+        "_actionId": "ecs.run_command",
+        "actionName": "执行远程运维脚本",
+        "instanceId": "${create_app_node.output.instanceId}",
+        "commandType": "RunShellScript",
+        "commandContent": "yum update -y && systemctl start docker && docker ps",
+        "timeoutSeconds": 60
+      }
+    },
+    {
+      "name": "ecs_create_snapshot",
+      "taskReferenceName": "create_backup_snapshot",
+      "type": "HTTP",
+      "description": "创建安全回滚快照",
+      "inputParameters": {
+        "_actionId": "ecs.create_snapshot",
+        "actionName": "创建云盘快照",
+        "instanceId": "${create_app_node.output.instanceId}",
+        "snapshotName": "init-baseline-snapshot",
+        "retentionDays": 14
+      }
+    },
+    {
+      "name": "send_operation_notification",
+      "taskReferenceName": "notify_devops_team",
+      "type": "EVENT",
+      "description": "发送协同群通知",
+      "inputParameters": {
+        "_actionId": "notify.send_message",
+        "actionName": "发送运维通知",
+        "channel": "webhook_dingtalk",
+        "title": "【部署就绪】新云主机已初始化并完成快照",
+        "content": "主机 ${create_app_node.output.instanceId} 已完成环境配置并生成基线快照，内网IP: ${query_node_status.output.privateIp}。"
+      }
+    }
+  ]
+}

package/dist/stepmodel/compile.d.ts

@@ -0,0 +1,5 @@
+import type { WorkflowDef, TaskDef } from '../types/conductor';
+import type { BusinessWorkflowModel, BusinessStep } from './types';
+import { ActionRegistry } from '../actions/registry';
+export declare function compileStepToTaskDef(step: BusinessStep, index: number, workflowName: string, registry?: ActionRegistry): TaskDef;
+export declare function compileStepModelToWorkflowDef(model: BusinessWorkflowModel, registry?: ActionRegistry): WorkflowDef;

package/dist/stepmodel/decompile.d.ts

@@ -0,0 +1,5 @@
+import type { WorkflowDef, TaskDef } from '../types/conductor';
+import type { BusinessWorkflowModel, BusinessStep } from './types';
+import { ActionRegistry } from '../actions/registry';
+export declare function decompileTaskDefToStep(task: TaskDef, index: number, registry?: ActionRegistry): BusinessStep;
+export declare function decompileWorkflowDefToStepModel(def: WorkflowDef | null | undefined, registry?: ActionRegistry): BusinessWorkflowModel;

package/dist/stepmodel/types.d.ts

@@ -0,0 +1,61 @@
+import type { TaskDef, WorkflowDef } from '../types/conductor';
+export interface PillToken {
+    /** The Conductor reference path, e.g. "ecs_create_0.output.instanceId" or "workflow.input.userId" */
+    rawRef: string;
+    /** Human-friendly Chinese label, e.g. "实例ID" or "用户ID" */
+    label: string;
+    /** Task or step origin label, e.g. "创建云主机" */
+    stepLabel?: string;
+    /** Optional formatting filter, e.g. "lowercase", "date" */
+    format?: string;
+}
+/**
+ * 控制流节点类型
+ */
+export type StepControlType = 'decision' | 'fork' | 'loop';
+/**
+ * 分支定义 (针对 DECISION / SWITCH)
+ */
+export interface BranchCase {
+    caseKey: string;
+    caseLabel?: string;
+    steps: BusinessStep[];
+}
+/**
+ * 并行泳道 (针对 FORK_JOIN)
+ */
+export interface ForkLane {
+    laneId: string;
+    laneLabel?: string;
+    steps: BusinessStep[];
+}
+export interface BusinessStep {
+    id: string;
+    actionId: string;
+    taskReferenceName: string;
+    name: string;
+    description?: string;
+    values: Record<string, any>;
+    /**
+     * If true, this step represents an unmapped technical Conductor task (e.g. raw JQ or custom Lambda)
+     * which is preserved losslessly as a read-only "Professional Step" card in business mode.
+     */
+    isProFallback?: boolean;
+    rawTaskDef?: TaskDef;
+    controlType?: StepControlType;
+    caseParam?: string;
+    caseExpression?: string;
+    branches?: BranchCase[];
+    forkLanes?: ForkLane[];
+    pairedJoinTaskRef?: string;
+    loopCondition?: string;
+    loopSteps?: BusinessStep[];
+}
+export interface BusinessWorkflowModel {
+    name: string;
+    description?: string;
+    version?: number;
+    steps: BusinessStep[];
+    inputParameters?: any[];
+    rawWorkflowDef?: WorkflowDef;
+}

package/dist/template/applyTemplate.d.ts

@@ -0,0 +1,10 @@
+import type { WorkflowDef } from '../types/conductor';
+import type { WorkflowTemplate } from './types';
+/**
+ * 将用户在向导中填写的变量值注入到模板的 Conductor WorkflowDef 骨架中
+ *
+ * @param template 选中的工作流模板
+ * @param variableValues 用户填写的变量键值对
+ * @returns 注入参数后的完整 WorkflowDef
+ */
+export declare function applyTemplateVariables(template: WorkflowTemplate, variableValues: Record<string, any>): WorkflowDef;

package/dist/template/builtin/templates.d.ts

@@ -0,0 +1,37 @@
+import type { WorkflowTemplate } from '../types';
+/**
+ * 模板 1: 云主机自动化交付与环境配置
+ */
+export declare const templateEcsAutoProvision: WorkflowTemplate;
+/**
+ * 模板 2: 核心云主机每日定时快照备份
+ */
+export declare const templateEcsDailySnapshotBackup: WorkflowTemplate;
+/**
+ * 模板 3: 主机高负载告警与在线自动升配
+ */
+export declare const templateEcsHighLoadAutoscale: WorkflowTemplate;
+/**
+ * 模板 4: 生产主机一键漏洞巡检与修复
+ */
+export declare const templateEcsVulnerabilityPatch: WorkflowTemplate;
+/**
+ * 模板 5: 非生产环境夜间定时关机降本
+ */
+export declare const templateEcsNightIdleShutdown: WorkflowTemplate;
+/**
+ * 模板 6: 测试环境工作日早晨定时自动开机
+ */
+export declare const templateEcsMorningBoot: WorkflowTemplate;
+/**
+ * 模板 7: 磁盘容量告警与在线自动扩容
+ */
+export declare const templateEcsDiskExpansion: WorkflowTemplate;
+/**
+ * 模板 8: 突发入侵应急响应与快照取证
+ */
+export declare const templateEcsEmergencyIsolation: WorkflowTemplate;
+/**
+ * 8 个官方场景化黄金模板清单
+ */
+export declare const BUILTIN_WORKFLOW_TEMPLATES: WorkflowTemplate[];

package/dist/template/sanitizer/anonymize.d.ts

@@ -0,0 +1,5 @@
+import type { ExtractTemplateOptions, ExtractionResult } from './types';
+/**
+ * 从真实生产执行实例中一键萃取、脱敏并生成标准化模板骨架
+ */
+export declare function extractTemplateFromInstance(options: ExtractTemplateOptions): ExtractionResult;

package/dist/template/sanitizer/prune.d.ts

@@ -0,0 +1,10 @@
+import type { WorkflowDef, WorkflowInstance } from '../../types/conductor';
+import type { PruneRecommendation } from './types';
+/**
+ * 启发式分析工作流中的冗余节点，识别边缘防御与调试任务，生成建议剪枝清单
+ */
+export declare function analyzeTasksForPruning(def: WorkflowDef, instance?: WorkflowInstance): PruneRecommendation[];
+/**
+ * 根据管理员勾选的剪枝清单对工作流进行骨架修剪
+ */
+export declare function applyTaskPruning(def: WorkflowDef, prunedTaskRefs: Set<string>): WorkflowDef;

package/dist/template/sanitizer/rules.d.ts

@@ -0,0 +1,10 @@
+import type { WorkflowDef } from '../../types/conductor';
+import type { SensitiveFinding } from './types';
+/**
+ * 递归深度扫描一个对象的所有属性值，识别其中的敏感配置
+ */
+export declare function scanObjectForSensitiveFindings(obj: any, taskRef: string, basePath: string, findings?: SensitiveFinding[]): SensitiveFinding[];
+/**
+ * 扫描整个工作流定义，收集所有的敏感项
+ */
+export declare function scanWorkflowDef(def: WorkflowDef): SensitiveFinding[];

package/dist/template/sanitizer/types.d.ts

@@ -0,0 +1,55 @@
+import type { WorkflowInstance } from '../../types/conductor';
+import type { WorkflowTemplate } from '../types';
+/**
+ * 敏感识别项类别
+ */
+export type SensitiveKind = 'credential' | 'network' | 'pii' | 'resourceId' | 'threshold';
+/**
+ * 扫描出的敏感配置条目
+ */
+export interface SensitiveFinding {
+    id: string;
+    kind: SensitiveKind;
+    path: string;
+    taskRef: string;
+    keyName: string;
+    rawValue: any;
+    maskedValue: any;
+    suggestedVarName?: string;
+    action: 'mask' | 'variable' | 'keep';
+}
+/**
+ * 拓扑剪枝建议项
+ */
+export interface PruneRecommendation {
+    taskReferenceName: string;
+    taskName: string;
+    taskType: string;
+    reason: string;
+    selected: boolean;
+}
+/**
+ * 模板萃取生成结果包
+ */
+export interface ExtractionResult {
+    template: WorkflowTemplate;
+    findings: SensitiveFinding[];
+    prunedTasks: PruneRecommendation[];
+    report: {
+        extractedAt: string;
+        totalTasksScanned: number;
+        sensitiveItemsCount: number;
+        credentialsRedactedCount: number;
+        variablesCreatedCount: number;
+    };
+}
+/**
+ * 模板提炼输入选项
+ */
+export interface ExtractTemplateOptions {
+    instance: WorkflowInstance;
+    title?: string;
+    category?: WorkflowTemplate['category'];
+    valueProposition?: string;
+    author?: string;
+}

package/dist/template/templateStore.d.ts

@@ -0,0 +1,32 @@
+import type { WorkflowTemplate, TemplateCategory } from './types';
+/**
+ * 场景化模板仓库管理器
+ */
+export declare class TemplateStore {
+    private templates;
+    constructor(initialTemplates?: WorkflowTemplate[]);
+    /**
+     * 注册单个工作流模板
+     */
+    register(template: WorkflowTemplate): void;
+    /**
+     * 批量注册工作流模板
+     */
+    registerAll(templates: WorkflowTemplate[]): void;
+    /**
+     * 获取所有可用模板
+     */
+    getAllTemplates(): WorkflowTemplate[];
+    /**
+     * 按 ID 查找模板
+     */
+    getTemplateById(id: string): WorkflowTemplate | undefined;
+    /**
+     * 按分类或关键词检索模板
+     */
+    search(query?: string, category?: TemplateCategory | 'all'): WorkflowTemplate[];
+}
+/**
+ * 全局默认场景化模板中心仓库（预置 8 个官方黄金模板）
+ */
+export declare const defaultTemplateStore: TemplateStore;

package/dist/template/types.d.ts

@@ -0,0 +1,99 @@
+import type { WorkflowDef } from '../types/conductor';
+/**
+ * 模板分类枚举：
+ * - compute: 资源交付与计算管理
+ * - security: 安全备份与应急合规
+ * - cost: 资源节能与成本优化
+ * - ops: 日常运维与自动自愈
+ */
+export type TemplateCategory = 'compute' | 'security' | 'cost' | 'ops';
+/**
+ * 模板变量定义（填空向导中的表单字段）
+ */
+export interface TemplateVariable {
+    /** 变量唯一键名 */
+    key: string;
+    /** 中文业务标签名称，如 "通知目标群组" */
+    label: string;
+    /** 字段辅助提示说明 */
+    help?: string;
+    /** 变量输入控件类型 */
+    type: 'text' | 'number' | 'select' | 'boolean' | 'account' | 'cron-friendly';
+    /** 默认值 */
+    defaultValue?: any;
+    /** 下拉选项 */
+    options?: {
+        label: string;
+        value: any;
+    }[];
+    /** 是否必填 */
+    required?: boolean;
+    /** 占位提示文案 */
+    placeholder?: string;
+    /**
+     * 变量注入路径列表：
+     * 支持通过 JSONPath 或属性链将该值灌入 WorkflowDef 中对应的任务参数，
+     * 例如: ["tasks[0].inputParameters.instanceName", "tasks[1].inputParameters.title"]
+     */
+    bindings: string[];
+}
+/**
+ * 模板内置的高保真拟真沙盒数据场景
+ */
+export interface MockScenario {
+    /** 场景名称，如 "默认成功场景"、"高负载触发升配场景" */
+    name: string;
+    /** 场景业务说明 */
+    description?: string;
+    /** 该场景下的工作流全局入参 */
+    workflowInput: Record<string, any>;
+    /** 任务级拟真输出覆盖映射 (taskReferenceName -> outputData) */
+    taskOutputs?: Record<string, any>;
+}
+/**
+ * 场景化工作流模板标准模型
+ */
+export interface WorkflowTemplate {
+    /** 模板唯一标识 ID */
+    id: string;
+    /** 模板版本号 */
+    version: string;
+    /** 模板中文标题，如 "核心云主机每日定时快照备份" */
+    title: string;
+    /** 所属业务分类 */
+    category: TemplateCategory;
+    /** 模板视觉图标 Emoji */
+    icon: string;
+    /** 一句话核心业务价值主张（拒绝技术罗列，讲清节省的时间与业务成效） */
+    valueProposition: string;
+    /** 详细场景背景说明 */
+    description: string;
+    /** 所需连接器图标或名称标识，如 ["cloud_host", "dingtalk"] */
+    connectors: string[];
+    /** 投资回报与提效收益指标 (ROI) */
+    roi: {
+        /** 单次执行预估节省人工分钟数 */
+        minutesSavedPerRun: number;
+        /** 典型业务每周触发频次 */
+        typicalRunsPerWeek: number;
+        /** 模板热度/累计使用次数 */
+        popularityCount?: number;
+    };
+    /** 上手难度等级 */
+    difficulty: 'starter' | 'intermediate' | 'advanced';
+    /** 填空式启用向导的必填变量清单 (2~4 项最佳) */
+    variables: TemplateVariable[];
+    /** 经过剪枝与参数化的标准 Conductor 工作流骨架 */
+    definition: WorkflowDef;
+    /** 拟真业务沙盒数据集（用于无需授权即可一键本地试跑体验） */
+    mockDataset: {
+        scenarios: MockScenario[];
+    };
+    /** 模板溯源与发布审计信息 */
+    provenance?: {
+        source: 'official' | 'extracted';
+        author?: string;
+        publishedAt?: string;
+        extractedFromWorkflowId?: string;
+    };
+}

package/dist/utils/friendlyErrorTranslator.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 生活化错误诊断结构
+ */
+export interface FriendlyErrorDiagnosis {
+    /** 错误分类类型 */
+    type: 'auth' | 'timeout' | 'missing_data' | 'quota' | 'script_fail' | 'network' | 'unknown';
+    /** 大白话标题 */
+    title: string;
+    /** 通俗易懂的业务原因解释（普通人能看懂） */
+    explanation: string;
+    /** 系统给出的可行动建议方案 */
+    suggestion: string;
+    /** 一键快捷恢复动作文案（可选） */
+    actionLabel?: string;
+    /** 快捷动作标识（可选） */
+    actionKey?: 'reauth' | 'retry' | 'inspect_upstream' | 'change_spec' | 'contact_admin';
+}
+/**
+ * 将技术错误日志、HTTP 状态码或调用栈翻译为普通业务人员可理解的生活化诊断
+ *
+ * @param errorMessage 底层技术报错信息或异常原因 (reasonForIncompletion)
+ * @param statusCode HTTP 响应状态码 (可选)
+ * @param taskName 任务名称 (可选)
+ * @returns 业务化诊断卡片数据
+ */
+export declare function translateTechnicalError(errorMessage?: string, statusCode?: number, taskName?: string): FriendlyErrorDiagnosis;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yiyi_zhang/reactflow-ui",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Conductor Workflow IDE — Next-Gen AI-Native visual workflow designer with W-LSP data lineage, deterministic in-browser sandbox dry-run, time-travel waterfall debugger, and live split-view sync built with React 19, ReactFlow and Zustand.",
   "keywords": [
     "conductor",

package/dist/components/Controls/ModeSlider.d.ts

@@ -1,2 +0,0 @@
-import './ModeSlider.css';
-export default function ModeSlider(): import("react/jsx-runtime").JSX.Element;