@yiyi_zhang/reactflow-ui 0.5.0-beta.0 → 1.1.0

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/types/aiEvents.d.ts

@@ -9,7 +9,7 @@
  * />
  * ```
  */
-export type AiEventType = 'proposal:created' | 'proposal:accepted' | 'proposal:accepted:partial' | 'proposal:rejected' | 'plan:created' | 'plan:executed' | 'plan:cancelled' | 'repair:proposed'
+export type AiEventType = 'proposal:created' | 'proposal:accepted' | 'proposal:accepted:partial' | 'proposal:rejected' | 'stage:completed' | 'session:resumed' | 'plan:created' | 'plan:executed' | 'plan:cancelled' | 'repair:proposed'
 /** User clicked the inline second-click confirmation before a runtime-mutating repair action fires */
  | 'repair:confirmed' | 'repair:executed' | 'repair:dismissed' | 'tool:called' | 'undo:applied'
 /** AI request failed (network/HTTP/provider error). The user only ever sees a humanized
@@ -20,6 +20,8 @@ export interface AiEvent {
     timestamp: number;
     /** For tool:called events */
     tool?: string;
+    /** For stage:completed events */
+    phase?: string;
     /** For repair:executed / repair:confirmed events */
     repairActionType?: string;
     /** For proposal events: change counts */

package/dist/types/conductor.d.ts

@@ -54,7 +54,9 @@ export interface TaskDef {
     };
     sink?: string;
     evaluatorType?: 'graaljs' | 'javascript' | 'value-param' | 'python';
+    expression?: string;
     caseExpression?: string;
+    defaultExclusiveJoinTask?: string[];
     keepLastN?: number;
     forkTaskType?: string;
     forkTaskName?: string;
@@ -168,7 +170,7 @@ export interface TaskInstance {
     executed?: boolean;
     callbackFromWorker?: boolean;
     responseTimeoutSeconds?: number;
-    workflowInstanceId: string;
+    workflowInstanceId?: string;
     workflowType?: string;
     taskId: string;
     reasonForIncompletion?: string;
@@ -176,6 +178,7 @@ export interface TaskInstance {
     workerId?: string;
     externalInputPayloadStoragePath?: string;
     externalOutputPayloadStoragePath?: string;
+    workflowTask?: TaskDef;
 }
 /**
  * Conductor 工作流实例 (运行时)
@@ -184,6 +187,8 @@ export interface WorkflowInstance {
     status: 'RUNNING' | 'COMPLETED' | 'FAILED' | 'TIMED_OUT' | 'TERMINATED' | 'PAUSED';
     endTime?: number;
     workflowId: string;
+    workflowName?: string;
+    workflowVersion?: number;
     parentWorkflowId?: string;
     parentWorkflowTaskId?: string;
     tasks: TaskInstance[];

package/dist/types/workflow.d.ts

@@ -213,6 +213,24 @@ export interface WorkflowState {
     showAnalysisPanel: boolean;
     /** P4.1 聚焦参数字段（"去修复"跳转时使用） */
     focusedParamKey: string | null;
+    /** W-LSP: 是否在画布叠加显示数据血缘飞线 (Data Lineage DFG) */
+    showDataLineage: boolean;
+    /** W-LSP: 最近一次引用名重构提示结构 */
+    lastRefactorNotice: {
+        oldRef: string;
+        newRef: string;
+        replacedCount: number;
+        affectedTasks: string[];
+        timestamp: number;
+    } | null;
+    /** 运行态：是否显示底部并发瀑布流与时空回放面板 */
+    showWaterfallPanel: boolean;
+    /** 运行态：时空旅行回放游标时间戳 (ms)，为 null 表示展示最终实时态 */
+    timeTravelTimestamp: number | null;
+    /** 运行态：每个 DO_WHILE 循环容器当前选中的迭代轮次 (loopRef -> iteration) */
+    activeLoopIterations: Record<string, number>;
+    /** AI 共驾：画布原位 Cmd+K 浮窗当前锚定的任务引用名 */
+    inlineCopilotTaskRef: string | null;
 }
 /**
  * 工作流操作接口
@@ -264,6 +282,20 @@ export interface WorkflowActions {
     setRunState: (state: RunState, execId?: string | null, error?: string | null) => void;
     /** P4.3: 切回 edit 模式并聚焦到指定任务的指定参数字段 */
     switchToEditAndFocusParam: (taskRef: string, paramKey?: string) => void;
+    /** W-LSP: 切换数据血缘飞线叠加显示 */
+    setShowDataLineage: (show: boolean) => void;
+    /** W-LSP: 清除重构提示文案 */
+    clearRefactorNotice: () => void;
+    /** 运行态：切换底部并发瀑布流面板 */
+    setShowWaterfallPanel: (show: boolean) => void;
+    /** 运行态：设置时空旅行时间戳 */
+    setTimeTravelTimestamp: (ts: number | null) => void;
+    /** 运行态：切换指定 DO_WHILE 循环容器的展示迭代轮次 */
+    setLoopIteration: (loopRef: string, iteration: number) => void;
+    /** AI 共驾：打开/关闭画布原位 Cmd+K 浮窗 */
+    setInlineCopilotTaskRef: (taskRef: string | null) => void;
+    /** 本地沙箱：在浏览器内执行零延迟确定性试运行并进入调试视图 */
+    runLocalSandboxDryRun: (mockInput?: Record<string, any>, taskMocks?: Record<string, any>, maxLoopIterations?: number) => void;
 }
 /**
  * 重启选项

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/dist/utils/localSandboxEngine.d.ts

@@ -0,0 +1,49 @@
+import type { WorkflowDef, TaskDef as WorkflowTask, WorkflowInstance, TaskInstance as TaskExecution } from '../types/conductor';
+export interface TaskMockOverride {
+    __isMockOverride?: boolean;
+    /** Override execution status (e.g. simulate FAILED or TIMED_OUT) */
+    status?: 'COMPLETED' | 'FAILED' | 'TIMED_OUT' | 'COMPLETED_WITH_ERRORS';
+    /** Override simulated execution duration in ms */
+    durationMs?: number;
+    /** For SWITCH / DECISION tasks: force routing to a specific case key (or '__default__') */
+    forceCase?: string;
+    /** Custom outputData JSON for this task */
+    outputData?: Record<string, any>;
+    /** Custom error message when status is FAILED / TIMED_OUT */
+    reasonForIncompletion?: string;
+}
+export interface SandboxDryRunOptions {
+    /** Mock workflow input JSON */
+    workflowInput?: Record<string, any>;
+    /** Custom task output or behavior overrides keyed by taskReferenceName */
+    taskMocks?: Record<string, Record<string, any> | TaskMockOverride>;
+    /** Max iterations per DO_WHILE loop in dry-run (default: 2) */
+    maxLoopIterations?: number;
+}
+interface SandboxRuntimeContext {
+    workflowInput: Record<string, any>;
+    variables: Record<string, any>;
+    taskOutputs: Record<string, Record<string, any>>;
+    taskMocks: Record<string, Record<string, any> | TaskMockOverride>;
+    tasks: TaskExecution[];
+    currentTimeMs: number;
+    maxLoopIterations: number;
+    seqCounter: number;
+}
+/**
+ * Resolve Conductor `${...}` expressions against current sandbox context
+ */
+export declare function resolveExpressionValue(val: any, ctx: SandboxRuntimeContext): any;
+/**
+ * Generate default synthetic output for a given task (used both at runtime and as UI template preview)
+ */
+export declare function generateDefaultTaskOutputPreview(task: WorkflowTask, resolvedInput?: Record<string, any>, iteration?: number): Record<string, any>;
+/**
+ * Build default mock input from workflowDef.inputParameters and auto-discovered ${workflow.input.*} references
+ */
+export declare function buildDefaultWorkflowMockInput(workflowDef: WorkflowDef): Record<string, any>;
+/**
+ * Execute an entire WorkflowDef in-browser deterministically and return a complete WorkflowInstance
+ */
+export declare function executeLocalSandboxDryRun(workflowDef: WorkflowDef, options?: SandboxDryRunOptions): WorkflowInstance;
+export {};

package/package.json

@@ -1,14 +1,17 @@
 {
   "name": "@yiyi_zhang/reactflow-ui",
-  "version": "0.5.0-beta.0",
-  "description": "Conductor Workflow IDE — a visual workflow designer built with React 19, ReactFlow and Zustand for editing, validating and monitoring Netflix Conductor workflows.",
+  "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",
     "workflow",
     "reactflow",
     "react",
     "visual-editor",
-    "dag"
+    "dag",
+    "ai-workflow",
+    "wlsp",
+    "sandbox"
   ],
   "license": "MIT",
   "repository": {
@@ -41,6 +44,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build && vite build --mode ai && tsc -p tsconfig.build.json",
+    "build:demo": "vite build --mode demo",
     "lint": "eslint .",
     "preview": "vite preview",
     "test": "vitest run",
@@ -50,7 +54,6 @@
   "dependencies": {
     "dagre": "^0.8.5",
     "lucide-react": "^0.562.0",
-    "mermaid": "^11.15.0",
     "react-hotkeys-hook": "^5.2.1",
     "zundo": "^2.3.0",
     "zustand": "^5.0.9"