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

package/dist/chunk-FMBD7UC4-B3CSVzS4.js

@@ -0,0 +1,19 @@
+import { _ as e } from "./mermaid.core-XSpZEAKP.js";
+var l = /* @__PURE__ */ e(() => `
+  /* Font Awesome icon styling - consolidated */
+  .label-icon {
+    display: inline-block;
+    height: 1em;
+    overflow: visible;
+    vertical-align: -0.125em;
+  }
+  
+  .node .label-icon path {
+    fill: currentColor;
+    stroke: revert;
+    stroke-width: revert;
+  }
+`, "getIconStyles");
+export {
+  l as g
+};

package/dist/chunk-ND2GUHAM-CNj_s1aK.js

@@ -0,0 +1,68 @@
+import { _ as i, d as l, U as d, j as o } from "./mermaid.core-XSpZEAKP.js";
+var x = /* @__PURE__ */ i((r, t) => {
+  const e = r.append("rect");
+  if (e.attr("x", t.x), e.attr("y", t.y), e.attr("fill", t.fill), e.attr("stroke", t.stroke), e.attr("width", t.width), e.attr("height", t.height), t.name && e.attr("name", t.name), t.rx && e.attr("rx", t.rx), t.ry && e.attr("ry", t.ry), t.attrs !== void 0)
+    for (const s in t.attrs)
+      e.attr(s, t.attrs[s]);
+  return t.class && e.attr("class", t.class), e;
+}, "drawRect"), p = /* @__PURE__ */ i((r, t) => {
+  const e = {
+    x: t.startx,
+    y: t.starty,
+    width: t.stopx - t.startx,
+    height: t.stopy - t.starty,
+    fill: t.fill,
+    stroke: t.stroke,
+    class: "rect"
+  };
+  x(r, e).lower();
+}, "drawBackgroundRect"), y = /* @__PURE__ */ i((r, t) => {
+  const e = t.text.replace(d, " "), s = r.append("text");
+  s.attr("x", t.x), s.attr("y", t.y), s.attr("class", "legend"), s.style("text-anchor", t.anchor), t.class && s.attr("class", t.class);
+  const a = s.append("tspan");
+  return a.attr("x", t.x + t.textMargin * 2), a.text(e), s;
+}, "drawText"), m = /* @__PURE__ */ i((r, t, e, s) => {
+  const a = r.append("image");
+  a.attr("x", t), a.attr("y", e);
+  const n = o.sanitizeUrl(s);
+  a.attr("xlink:href", n);
+}, "drawImage"), g = /* @__PURE__ */ i((r, t, e, s) => {
+  const a = r.append("use");
+  a.attr("x", t), a.attr("y", e);
+  const n = o.sanitizeUrl(s);
+  a.attr("xlink:href", `#${n}`);
+}, "drawEmbeddedImage"), h = /* @__PURE__ */ i(() => ({
+  x: 0,
+  y: 0,
+  width: 100,
+  height: 100,
+  fill: "#EDF2AE",
+  stroke: "#666",
+  anchor: "start",
+  rx: 0,
+  ry: 0
+}), "getNoteRect"), f = /* @__PURE__ */ i(() => ({
+  x: 0,
+  y: 0,
+  width: 100,
+  height: 100,
+  "text-anchor": "start",
+  style: "#666",
+  textMargin: 0,
+  rx: 0,
+  ry: 0,
+  tspan: !0
+}), "getTextObj"), w = /* @__PURE__ */ i(() => {
+  let r = l(".mermaidTooltip");
+  return r.empty() && (r = l("body").append("div").attr("class", "mermaidTooltip").style("opacity", 0).style("position", "absolute").style("text-align", "center").style("max-width", "200px").style("padding", "2px").style("font-size", "12px").style("background", "#ffffde").style("border", "1px solid #333").style("border-radius", "2px").style("pointer-events", "none").style("z-index", "100")), r;
+}, "createTooltip");
+export {
+  p as a,
+  f as b,
+  w as c,
+  x as d,
+  g as e,
+  m as f,
+  h as g,
+  y as h
+};

package/dist/chunk-QZHKN3VN-DoV8iUKo.js

@@ -0,0 +1,15 @@
+import { _ as s } from "./mermaid.core-XSpZEAKP.js";
+var t, e = (t = class {
+  /**
+   * @param init - Function that creates the default state.
+   */
+  constructor(i) {
+    this.init = i, this.records = this.init();
+  }
+  reset() {
+    this.records = this.init();
+  }
+}, s(t, "ImperativeState"), t);
+export {
+  e as I
+};

package/dist/classDiagram-4FO5ZUOK-Dr9C18x4.js

@@ -0,0 +1,16 @@
+import { s as r, c as s, a as e, C as t } from "./chunk-727SXJPM-D4WVyvOg.js";
+import { _ as l } from "./mermaid.core-XSpZEAKP.js";
+var d = {
+  parser: e,
+  get db() {
+    return new t();
+  },
+  renderer: s,
+  styles: r,
+  init: /* @__PURE__ */ l((a) => {
+    a.class || (a.class = {}), a.class.arrowMarkerAbsolute = a.arrowMarkerAbsolute;
+  }, "init")
+};
+export {
+  d as diagram
+};

package/dist/classDiagram-v2-Q7XG4LA2-Dr9C18x4.js

@@ -0,0 +1,16 @@
+import { s as r, c as s, a as e, C as t } from "./chunk-727SXJPM-D4WVyvOg.js";
+import { _ as l } from "./mermaid.core-XSpZEAKP.js";
+var d = {
+  parser: e,
+  get db() {
+    return new t();
+  },
+  renderer: s,
+  styles: r,
+  init: /* @__PURE__ */ l((a) => {
+    a.class || (a.class = {}), a.class.arrowMarkerAbsolute = a.arrowMarkerAbsolute;
+  }, "init")
+};
+export {
+  d as diagram
+};

package/dist/components/AiNative/AgentTimeline.d.ts

@@ -0,0 +1,18 @@
+/**
+ * AgentTimeline — visible work-in-progress log for the current agent turn (M2.2)
+ *
+ * Replaces the single toolStatus line with a growing list of completed steps
+ * ("✓ 已搜索工作流库", "⚠ 发现 2 处校验问题，正在自动修正…") plus the current
+ * in-flight step as a spinner row. Self-heal retries log their own entry instead
+ * of silently redoing the request, so users see the AI catch and fix its own
+ * mistakes rather than experiencing an unexplained pause.
+ */
+import React from 'react';
+import type { TimelineEntry } from '../../store/aiStore';
+interface AgentTimelineProps {
+    entries: TimelineEntry[];
+    /** Current in-flight step label, or '' when nothing is actively running */
+    activeLabel: string;
+}
+declare const AgentTimeline: React.FC<AgentTimelineProps>;
+export default AgentTimeline;

package/dist/components/AiNative/AiCommandCenter.d.ts

@@ -0,0 +1,40 @@
+/**
+ * AiCommandCenter — AI chat panel (left side of AiWorkflowIDE)
+ *
+ * Tabs: 对话 | 工作流库
+ * Features: welcome chips, API-key onboarding, pending-proposal guard,
+ *           streaming messages, tool-call pipeline.
+ */
+import React from 'react';
+import type { WorkflowInstance } from '../../types/conductor';
+import type { ExecutionActions } from '../../types/workflow';
+import type { AiEvent } from '../../types/aiEvents';
+interface AiCommandCenterProps {
+    systemPrompt?: string;
+    systemPromptExtra?: string;
+    showConfigButton?: boolean;
+    onShowConfig: () => void;
+    executionActions?: ExecutionActions;
+    onAiEvent?: (event: AiEvent) => void;
+    aiPermissions?: {
+        canEdit?: boolean;
+        canRepair?: boolean;
+        restrictionMessage?: string;
+    };
+    /** Whether the canvas drawer is currently open */
+    canvasOpen?: boolean;
+    onOpenCanvas?: () => void;
+    onCloseCanvas?: () => void;
+    /** Trigger execution of the current workflow. Signature matches WorkflowIDE's onTriggerExecution. */
+    onTriggerExecution?: (workflowName: string, version: number, input: Record<string, any>) => Promise<{
+        workflowId: string;
+    }>;
+    /** Poll execution status by workflowId. Signature matches WorkflowIDE's onPollExecution. */
+    onPollExecution?: (workflowId: string) => Promise<WorkflowInstance | null>;
+    /** Accept the pending proposal (full accept) */
+    onAccept?: () => void;
+    /** Reject the pending proposal */
+    onReject?: () => void;
+}
+declare const AiCommandCenter: React.FC<AiCommandCenterProps>;
+export default AiCommandCenter;

package/dist/components/AiNative/AiConfigPanel.d.ts

@@ -0,0 +1,9 @@
+/**
+ * AiConfigPanel — AI 服务配置弹窗
+ */
+import React from 'react';
+interface AiConfigPanelProps {
+    onClose: () => void;
+}
+declare const AiConfigPanel: React.FC<AiConfigPanelProps>;
+export default AiConfigPanel;

package/dist/components/AiNative/BusinessCanvas.d.ts

@@ -0,0 +1,15 @@
+/**
+ * BusinessCanvas — renders a WorkflowDef as business-friendly step cards
+ * for non-technical users (business view mode).
+ */
+import React from 'react';
+import type { WorkflowDef } from '../../types/conductor';
+interface BusinessCanvasProps {
+    workflowDef: WorkflowDef | null;
+    /** Task statuses from execution (ref → status) */
+    executionStatus?: Record<string, string>;
+    /** Called when user clicks a step to ask AI about it */
+    onStepClick?: (taskRef: string, taskType: string) => void;
+}
+declare const BusinessCanvas: React.FC<BusinessCanvasProps>;
+export default BusinessCanvas;

package/dist/components/AiNative/CanvasPreview.d.ts

@@ -0,0 +1,16 @@
+/**
+ * CanvasPreview — 画布预览组件
+ *
+ * 包裹现有的 WorkflowDesigner，作为右侧预览区。
+ * 后续会增加 Ghost 节点叠加层。
+ */
+import React from 'react';
+import type { ExecutionActions } from '../../types/workflow';
+import type { WorkflowDef } from '../../types/conductor';
+interface CanvasPreviewProps {
+    onSave?: (def: WorkflowDef) => void;
+    onRequestImport?: () => void;
+    executionActions?: ExecutionActions;
+}
+declare const CanvasPreview: React.FC<CanvasPreviewProps>;
+export default CanvasPreview;

package/dist/components/AiNative/ClarificationCard.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { PendingClarification } from '../../store/aiStore';
+interface ClarificationCardProps {
+    clarification: PendingClarification;
+    onSelect: (optionLabel: string) => void;
+    onCustom: () => void;
+}
+declare const ClarificationCard: React.FC<ClarificationCardProps>;
+export default ClarificationCard;

package/dist/components/AiNative/FailureSummaryCard.d.ts

@@ -0,0 +1,20 @@
+/**
+ * FailureSummaryCard — proactive failure surface for run-mode (M4.1)
+ *
+ * The runtime banner + welcome-message chips only appear near the top of the
+ * conversation; if a workflow fails mid-conversation the user has to scroll back
+ * to find a "why did this fail" suggestion. This card appears wherever the user
+ * currently is the moment a failure is detected, with the failed task's own error
+ * reason and a one-click path straight into diagnosis (skips having to phrase the
+ * question themselves).
+ */
+import React from 'react';
+interface FailureSummaryCardProps {
+    taskRef: string;
+    taskType: string;
+    reason?: string;
+    onDiagnose: () => void;
+    onDismiss: () => void;
+}
+declare const FailureSummaryCard: React.FC<FailureSummaryCardProps>;
+export default FailureSummaryCard;

package/dist/components/AiNative/LibraryPanel.d.ts

@@ -0,0 +1,9 @@
+/**
+ * LibraryPanel — L1/L2/L3 sub-workflow catalog browser
+ *
+ * Allows users to search the workflow library and insert workflows
+ * as SUB_WORKFLOW tasks directly onto the canvas (creates a proposal).
+ */
+import React from 'react';
+declare const LibraryPanel: React.FC;
+export default LibraryPanel;

package/dist/components/AiNative/MermaidBlock.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface MermaidBlockProps {
+    code: string;
+}
+declare const MermaidBlock: React.FC<MermaidBlockProps>;
+export default MermaidBlock;

package/dist/components/AiNative/PlanCard.d.ts

@@ -0,0 +1,15 @@
+/**
+ * PlanCard — displays an AI-proposed multi-step execution plan
+ *
+ * Shown in the chat when the AI calls propose_plan before executing a
+ * complex multi-step operation. The user can confirm or cancel.
+ */
+import React from 'react';
+import type { PendingPlan } from '../../store/aiStore';
+interface PlanCardProps {
+    plan: PendingPlan;
+    onExecute: () => void;
+    onCancel: () => void;
+}
+declare const PlanCard: React.FC<PlanCardProps>;
+export default PlanCard;

package/dist/components/AiNative/ProposalPreviewCard.d.ts

@@ -0,0 +1,21 @@
+/**
+ * ProposalPreviewCard — business step preview for AI proposals (UX Phase A / M2.2)
+ *
+ * Replaces the old "+N 新增 ~N 修改" number-chip summary with an actual preview of
+ * what the workflow will look like: every step in business language, added steps
+ * highlighted green, modified steps yellow with a one-line change description,
+ * removed steps struck through in place. The goal is that a non-technical user can
+ * tell what changed in ~10 seconds without opening the canvas.
+ */
+import React from 'react';
+import type { ProposedChange } from '../../store/aiStore';
+import type { WorkflowDef } from '../../types/conductor';
+interface ProposalPreviewCardProps {
+    proposal: ProposedChange;
+    currentDef: WorkflowDef | null;
+    isStale: boolean;
+    onAccept: () => void;
+    onReject: () => void;
+}
+declare const ProposalPreviewCard: React.FC<ProposalPreviewCardProps>;
+export default ProposalPreviewCard;

package/dist/components/AiNative/RecommendationCard.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { PendingRecommendation } from '../../store/aiStore';
+interface RecommendationCardProps {
+    recommendation: PendingRecommendation;
+    onUseWorkflow: (workflowName: string) => void;
+    onModifyWorkflow: (workflowName: string) => void;
+    onCreateNew: () => void;
+}
+declare const RecommendationCard: React.FC<RecommendationCardProps>;
+export default RecommendationCard;

package/dist/components/AiNative/RepairCard.d.ts

@@ -0,0 +1,17 @@
+/**
+ * RepairCard — AI-generated repair proposal for run-mode failures
+ *
+ * Shown when the AI calls propose_repair in run mode.
+ * Displays a diagnosis and a list of executable repair actions.
+ */
+import React from 'react';
+import type { RepairProposal, RepairAction } from '../../store/aiStore';
+interface RepairCardProps {
+    repair: RepairProposal;
+    /** True when the corresponding execution actions are available */
+    canExecute: boolean;
+    onExecuteAction: (action: RepairAction) => void;
+    onDismiss: () => void;
+}
+declare const RepairCard: React.FC<RepairCardProps>;
+export default RepairCard;

package/dist/components/AiNative/ReviewBar.d.ts

@@ -0,0 +1,21 @@
+/**
+ * ReviewBar — canvas-side status bar for the pending AI proposal (M2.2 simplified)
+ *
+ * The chat-inline ProposalPreviewCard is the single decision point for AI proposals
+ * (business step preview, accept/reject). When the user opens the canvas drawer,
+ * ReviewBar just reflects that a proposal is pending and offers the same two
+ * actions — it doesn't duplicate the review UI or offer per-item selection
+ * (that granular-accept UI was engineering-facing and has been removed; the
+ * AI-native way to keep only part of a proposal is to say so in chat and let the
+ * model regenerate). `applyPartialProposal` remains exported from toolExecutor for
+ * integrators who want to build their own granular-accept UI.
+ */
+import React from 'react';
+import type { ProposedChange } from '../../store/aiStore';
+interface ReviewBarProps {
+    proposal: ProposedChange | null;
+    onAccept: () => void;
+    onReject: () => void;
+}
+declare const ReviewBar: React.FC<ReviewBarProps>;
+export default ReviewBar;

package/dist/components/AiNative/WorkflowRunCard.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { WorkflowDef, WorkflowInstance } from '../../types/conductor';
+interface WorkflowRunCardProps {
+    workflowDef: WorkflowDef;
+    /** Signature matches WorkflowIDE's onTriggerExecution — one adapter serves both components. */
+    onTriggerExecution: (workflowName: string, version: number, input: Record<string, any>) => Promise<{
+        workflowId: string;
+    }>;
+    /** Signature matches WorkflowIDE's onPollExecution: null while pending, WorkflowInstance once available. */
+    onPollExecution: (workflowId: string) => Promise<WorkflowInstance | null>;
+    onClose: () => void;
+}
+declare const WorkflowRunCard: React.FC<WorkflowRunCardProps>;
+export default WorkflowRunCard;

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

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

package/dist/components/ExecutionSummaryPanel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './ExecutionSummaryPanel.css';
+declare const ExecutionSummaryPanel: React.FC;
+export default ExecutionSummaryPanel;

package/dist/components/WorkflowRunPanel.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { WorkflowInstance } from '../types/conductor';
+import './WorkflowRunPanel.css';
+export interface WorkflowRunPanelProps {
+    onTriggerExecution?: (workflowName: string, version: number, input: Record<string, any>) => Promise<{
+        workflowId: string;
+    }>;
+    onPollExecution?: (workflowId: string) => Promise<WorkflowInstance | null>;
+    executionPollInterval?: number;
+}
+declare const WorkflowRunPanel: React.FC<WorkflowRunPanelProps>;
+export default WorkflowRunPanel;

package/dist/components/nodes/NodeWrapper.d.ts

@@ -12,6 +12,7 @@ interface NodeWrapperProps {
     executionStatus?: ExecutionStatus;
     simRunning?: boolean;
     simDone?: boolean;
+    proposalStatus?: 'added' | 'modified' | 'removed';
 }
-declare const NodeWrapper: ({ children, nodeId, selected, isStartOrEnd, isError, hasWarning, isDecision, isHighlighted, executionStatus, simRunning, simDone, }: NodeWrapperProps) => import("react/jsx-runtime").JSX.Element;
+declare const NodeWrapper: ({ children, nodeId, selected, isStartOrEnd, isError, hasWarning, isDecision, isHighlighted, executionStatus, simRunning, simDone, proposalStatus, }: NodeWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export default NodeWrapper;