@stigmer/react 0.5.0 → 1.0.0

package/workflow/WorkflowArchitectDialog.js

@@ -0,0 +1,129 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from "react";
+import { cn } from "@stigmer/theme";
+import { useWorkflowArchitectFlow, } from "./useWorkflowArchitectFlow";
+import { MessageThread } from "../execution/MessageThread";
+/**
+ * Three-phase dialog for generating a workflow via the Workflow Architect agent.
+ *
+ * **Phase 1 (Input)**: The user describes the workflow they want.
+ *
+ * **Phase 2 (Streaming)**: The agent works in real-time — querying task kinds,
+ * validating YAML, iterating on the design. Messages and tool calls stream
+ * into a `MessageThread` inside the dialog.
+ *
+ * **Phase 3 (Result)**: The validated YAML is extracted from the agent's
+ * response, shown in a read-only preview alongside the agent's explanation.
+ * The user can create the workflow, try again, or close.
+ *
+ * Uses the same `<dialog>` + `showModal()` pattern as `WorkflowRunDialog`.
+ * Styled via `--stgm-*` design tokens (DD-005).
+ *
+ * @example
+ * ```tsx
+ * <WorkflowArchitectDialog
+ *   open={showDialog}
+ *   onOpenChange={setShowDialog}
+ *   org="acme"
+ *   onSuccess={(org, slug) => router.push(`/library/workflows/${org}/${slug}`)}
+ *   onError={(msg) => toast.error(msg)}
+ * />
+ * ```
+ */
+export function WorkflowArchitectDialog({ open, onOpenChange, org, onSuccess, onError, }) {
+    const dialogRef = useRef(null);
+    const handleSuccess = useCallback((successOrg, slug) => {
+        onOpenChange(false);
+        onSuccess(successOrg, slug);
+    }, [onOpenChange, onSuccess]);
+    const flow = useWorkflowArchitectFlow({
+        org,
+        onSuccess: handleSuccess,
+        onError,
+    });
+    useEffect(() => {
+        const dialog = dialogRef.current;
+        if (!dialog)
+            return;
+        if (open && !dialog.open) {
+            flow.reset();
+            dialog.showModal();
+        }
+        else if (!open && dialog.open) {
+            dialog.close();
+        }
+    }, [open, flow.reset]);
+    const handleDialogCancel = useCallback((e) => {
+        e.preventDefault();
+        onOpenChange(false);
+    }, [onOpenChange]);
+    const handleBackdropClick = useCallback((e) => {
+        if (e.target === dialogRef.current) {
+            onOpenChange(false);
+        }
+    }, [onOpenChange]);
+    const isWorking = flow.phase === "starting" ||
+        flow.phase === "streaming" ||
+        flow.phase === "applying";
+    return (_jsx("dialog", { ref: dialogRef, onCancel: handleDialogCancel, onClick: handleBackdropClick, className: cn("fixed inset-0 z-50 m-auto w-full max-w-3xl rounded-lg border border-border bg-popover p-0 text-popover-foreground shadow-lg", "backdrop:bg-black/50", "open:animate-in open:fade-in-0 open:zoom-in-95"), children: _jsx("div", { className: "flex flex-col", children: _jsx(DialogPhase, { flow: flow, onClose: () => onOpenChange(false) }) }) }));
+}
+function DialogPhase({ flow, onClose }) {
+    switch (flow.phase) {
+        case "idle":
+            return _jsx(InputPhase, { flow: flow, onClose: onClose });
+        case "starting":
+        case "streaming":
+            return _jsx(StreamingPhase, { flow: flow, onClose: onClose });
+        case "complete":
+            return _jsx(ResultPhase, { flow: flow, onClose: onClose });
+        case "extraction-failed":
+        case "error":
+            return _jsx(ErrorPhase, { flow: flow, onClose: onClose });
+        case "applying":
+            return _jsx(ResultPhase, { flow: flow, onClose: onClose });
+        default:
+            return null;
+    }
+}
+// ---------------------------------------------------------------------------
+// Phase 1: Input
+// ---------------------------------------------------------------------------
+const INPUT_CLASSES = cn("w-full rounded-md border border-input bg-background px-2.5 py-1.5 text-sm text-foreground", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-50");
+function InputPhase({ flow, onClose, }) {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "border-b border-border px-6 py-4", children: [_jsx("h3", { className: "text-base font-semibold text-foreground", children: "Generate Workflow" }), _jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: "Describe what you want and the Workflow Architect agent will design, validate, and generate a workflow definition" })] }), _jsxs("div", { className: "max-h-[60vh] overflow-y-auto px-6 py-4", children: [flow.error && (_jsx("div", { className: "mb-4 rounded-md border border-destructive bg-destructive-muted px-3 py-2 text-sm text-destructive", role: "alert", children: flow.error })), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("label", { htmlFor: "architect-prompt", className: "text-xs font-medium text-foreground", children: ["Description", _jsx("span", { className: "ml-1 text-destructive", "aria-label": "required", children: "*" })] }), _jsx("textarea", { id: "architect-prompt", value: flow.prompt, onChange: (e) => flow.setPrompt(e.target.value), placeholder: "e.g., A workflow that enriches customer data using my data-agent, validates the output, and sends a Slack notification on failure", rows: 5, className: cn(INPUT_CLASSES, "resize-y"), onKeyDown: (e) => {
+                                    if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+                                        e.preventDefault();
+                                        flow.generate();
+                                    }
+                                } }), _jsx("p", { className: "text-[0.7rem] text-muted-foreground", children: "Describe the goal, steps, and any specific agents or task kinds to use. The agent will discover available resources automatically." })] })] }), _jsxs("div", { className: "flex justify-end gap-2 border-t border-border px-6 py-3", children: [_jsx("button", { type: "button", onClick: onClose, className: cn("rounded-md px-3 py-1.5 text-sm font-medium transition-colors", "border border-input bg-background text-foreground", "hover:bg-accent hover:text-accent-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: "Cancel" }), _jsx("button", { type: "button", onClick: flow.generate, disabled: flow.prompt.trim().length < 10, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-colors", "bg-primary text-primary-foreground hover:bg-primary-hover", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-40"), children: "Generate" })] })] }));
+}
+// ---------------------------------------------------------------------------
+// Phase 2: Streaming
+// ---------------------------------------------------------------------------
+function StreamingPhase({ flow, onClose, }) {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "border-b border-border px-6 py-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h3", { className: "text-base font-semibold text-foreground", children: "Workflow Architect" }), _jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground", children: [_jsx(SpinnerIcon, {}), flow.phase === "starting" ? "Starting…" : "Working…"] })] }), _jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: "The agent is designing and validating your workflow" })] }), _jsx("div", { className: "h-[55vh] overflow-hidden", children: _jsx(MessageThread, { executions: [], activeStreamExecution: flow.execution, pendingUserMessage: flow.phase === "starting" ? flow.prompt : undefined, className: "h-full" }) }), _jsx("div", { className: "flex justify-end gap-2 border-t border-border px-6 py-3", children: _jsx("button", { type: "button", onClick: () => {
+                        flow.reset();
+                        onClose();
+                    }, className: cn("rounded-md px-3 py-1.5 text-sm font-medium transition-colors", "border border-input bg-background text-foreground", "hover:bg-accent hover:text-accent-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: "Cancel" }) })] }));
+}
+// ---------------------------------------------------------------------------
+// Phase 3: Result
+// ---------------------------------------------------------------------------
+function ResultPhase({ flow, onClose, }) {
+    const isApplying = flow.phase === "applying";
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "border-b border-border px-6 py-4", children: [_jsx("h3", { className: "text-base font-semibold text-foreground", children: "Generated Workflow" }), _jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: "Review the generated workflow before creating it" })] }), _jsxs("div", { className: "max-h-[65vh] overflow-y-auto px-6 py-4", children: [flow.error && (_jsx("div", { className: "mb-4 rounded-md border border-destructive bg-destructive-muted px-3 py-2 text-sm text-destructive", role: "alert", children: flow.error })), flow.explanation && (_jsxs("div", { className: "mb-4", children: [_jsx("h4", { className: "mb-1 text-xs font-medium text-muted-foreground", children: "Explanation" }), _jsx("p", { className: "whitespace-pre-wrap text-sm text-foreground", children: flow.explanation })] })), flow.extractedYaml && (_jsxs("div", { children: [_jsx("h4", { className: "mb-1 text-xs font-medium text-muted-foreground", children: "Generated YAML" }), _jsx("pre", { className: "max-h-80 overflow-auto rounded-md border border-border bg-muted p-3 text-xs leading-relaxed text-foreground", children: flow.extractedYaml })] }))] }), _jsxs("div", { className: "flex justify-between border-t border-border px-6 py-3", children: [_jsx("button", { type: "button", onClick: onClose, disabled: isApplying, className: cn("rounded-md px-3 py-1.5 text-sm font-medium transition-colors", "text-muted-foreground hover:text-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-50"), children: "Close" }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "button", onClick: flow.reset, disabled: isApplying, className: cn("rounded-md px-3 py-1.5 text-sm font-medium transition-colors", "border border-input bg-background text-foreground", "hover:bg-accent hover:text-accent-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-50"), children: "Try Again" }), _jsxs("button", { type: "button", onClick: flow.createWorkflow, disabled: isApplying, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-colors", "bg-primary text-primary-foreground hover:bg-primary-hover", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-40"), children: [isApplying && _jsx(SpinnerIcon, {}), isApplying ? "Creating…" : "Create Workflow"] })] })] })] }));
+}
+// ---------------------------------------------------------------------------
+// Error / extraction-failed phase
+// ---------------------------------------------------------------------------
+function ErrorPhase({ flow, onClose, }) {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "border-b border-border px-6 py-4", children: _jsx("h3", { className: "text-base font-semibold text-foreground", children: "Generation Failed" }) }), _jsx("div", { className: "px-6 py-6", children: _jsx("div", { className: "rounded-md border border-destructive bg-destructive-muted px-3 py-2 text-sm text-destructive", role: "alert", children: flow.error ?? "An unexpected error occurred." }) }), _jsxs("div", { className: "flex justify-end gap-2 border-t border-border px-6 py-3", children: [_jsx("button", { type: "button", onClick: onClose, className: cn("rounded-md px-3 py-1.5 text-sm font-medium transition-colors", "border border-input bg-background text-foreground", "hover:bg-accent hover:text-accent-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: "Close" }), _jsx("button", { type: "button", onClick: flow.reset, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-colors", "bg-primary text-primary-foreground hover:bg-primary-hover", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: "Try Again" })] })] }));
+}
+// ---------------------------------------------------------------------------
+// Shared components
+// ---------------------------------------------------------------------------
+function SpinnerIcon({ size = 14 }) {
+    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", className: "animate-spin", "aria-hidden": "true", children: _jsx("path", { d: "M8 2a6 6 0 1 0 6 6" }) }));
+}
+//# sourceMappingURL=WorkflowArchitectDialog.js.map

package/workflow/WorkflowArchitectDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowArchitectDialog.js","sourceRoot":"","sources":["../../src/workflow/WorkflowArchitectDialog.tsx"],"names":[],"mappings":"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"}

package/workflow/WorkflowCanvasEditor.d.ts

@@ -0,0 +1,38 @@
+import type { ReactNode } from "react";
+/** Props for {@link WorkflowCanvasEditor}. */
+export interface WorkflowCanvasEditorProps {
+    /** The workflow YAML string to render on the canvas. */
+    readonly yaml: string | null;
+    /** Called when a task node is selected. */
+    readonly onNodeSelect?: (nodeId: string) => void;
+    /** Called when an edge is selected. */
+    readonly onEdgeSelect?: (edgeId: string) => void;
+    /** Called when selection is cleared. */
+    readonly onSelectionClear?: () => void;
+    /** Whether to show the task palette sidebar. Defaults to true. */
+    readonly showPalette?: boolean;
+    /** Whether to show the inspector panel. Defaults to true. */
+    readonly showInspector?: boolean;
+    /** Called when the save button is clicked. Receives the serialized YAML. */
+    readonly onSave?: (yaml: string) => void;
+    /** Whether a save is currently in progress. */
+    readonly isSaving?: boolean;
+    /** Called when the canvas dirty state changes. */
+    readonly onDirtyChange?: (dirty: boolean) => void;
+    /** Map of nodeId -> error messages for validation badge rendering. */
+    readonly nodeErrors?: ReadonlyMap<string, readonly string[]>;
+    /** Additional CSS class names for the root container. */
+    readonly className?: string;
+    /** Fallback to show while the canvas loads (DD-013 lazy loading). */
+    readonly loadingFallback?: ReactNode;
+}
+/**
+ * Outer wrapper that provides the React Flow zustand store context.
+ *
+ * `useWorkflowCanvas` (called inside the inner component) uses `useReactFlow()`
+ * which requires a `<ReactFlowProvider>` ancestor. The `<ReactFlow>` component
+ * inside `WorkflowCanvasInner` creates its own store but that is too late — the
+ * hook runs before the child mounts. This wrapper solves the provider ordering.
+ */
+export declare const WorkflowCanvasEditor: import("react").NamedExoticComponent<WorkflowCanvasEditorProps>;
+//# sourceMappingURL=WorkflowCanvasEditor.d.ts.map

package/workflow/WorkflowCanvasEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowCanvasEditor.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowCanvasEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,8CAA8C;AAC9C,MAAM,WAAW,yBAAyB;IACxC,wDAAwD;IACxD,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,uCAAuC;IACvC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,wCAAwC;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IACvC,kEAAkE;IAClE,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,6DAA6D;IAC7D,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,4EAA4E;IAC5E,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,kDAAkD;IAClD,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,sEAAsE;IACtE,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC,CAAC;IAC7D,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,qEAAqE;IACrE,QAAQ,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC;CACtC;AA6dD;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,iEAQ/B,CAAC"}

package/workflow/WorkflowCanvasEditor.js

@@ -0,0 +1,287 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { lazy, Suspense, memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { cn } from "@stigmer/theme";
+import { ReactFlowProvider } from "@xyflow/react";
+import { useWorkflowCanvas } from "./useWorkflowCanvas";
+import { WorkflowTaskPalette } from "./WorkflowTaskPalette";
+import { WorkflowInspectorPanel } from "./WorkflowInspectorPanel";
+import { CanvasActionsContext } from "./CanvasActionsContext";
+import { CanvasContextMenu } from "./CanvasContextMenu";
+import { TaskPickerPopover } from "./TaskPickerPopover";
+import { useCanvasKeyboardShortcuts } from "./useCanvasKeyboardShortcuts";
+const LazyCanvasInner = lazy(() => import("./WorkflowCanvasInner").then((m) => ({ default: m.WorkflowCanvasInner })));
+/**
+ * Visual workflow canvas editor using React Flow.
+ *
+ * Renders a task palette (left), interactive canvas (center), and toolbar
+ * with undo/redo and auto-layout controls. Wrapped with `React.lazy` +
+ * `Suspense` per DD-013 so the `@xyflow/react` bundle is only loaded
+ * when this component is mounted.
+ *
+ * @since T15 (Visual Canvas Editor)
+ */
+const WorkflowCanvasEditorInner = memo(function WorkflowCanvasEditorInner({ yaml, onNodeSelect, onEdgeSelect, onSelectionClear, showPalette = true, showInspector = true, onSave, isSaving = false, onDirtyChange, nodeErrors, className, loadingFallback, }) {
+    const containerRef = useRef(null);
+    const canvas = useWorkflowCanvas(yaml, containerRef);
+    const [paletteCollapsed, setPaletteCollapsed] = useState(false);
+    const togglePalette = useCallback(() => setPaletteCollapsed((p) => !p), []);
+    // ---------------------------------------------------------------------------
+    // Context menu state (AD-T05)
+    // ---------------------------------------------------------------------------
+    const [contextMenu, setContextMenu] = useState(null);
+    const [pendingPicker, setPendingPicker] = useState(null);
+    // ---------------------------------------------------------------------------
+    // Keyboard shortcuts (T07)
+    // ---------------------------------------------------------------------------
+    const handleKeyboardDismiss = useCallback(() => {
+        setContextMenu(null);
+        setPendingPicker(null);
+    }, []);
+    const handleRequestTaskPicker = useCallback((position, sourceNodeId) => {
+        if (sourceNodeId) {
+            // "N" pressed with a node selected — find the node's screen position
+            // and anchor the picker below it. The node's position in the React Flow
+            // coordinate space is stored in the graph model; we approximate the
+            // screen position from the node element if available, otherwise fall
+            // back to the container center.
+            const nodeEl = containerRef.current?.querySelector(`[data-id="${CSS.escape(sourceNodeId)}"]`);
+            if (nodeEl) {
+                const rect = nodeEl.getBoundingClientRect();
+                setPendingPicker({
+                    purpose: "add-after-node",
+                    sourceId: sourceNodeId,
+                    position: { x: rect.left + rect.width / 2, y: rect.bottom + 8 },
+                });
+            }
+            else {
+                setPendingPicker({
+                    purpose: "add-after-node",
+                    sourceId: sourceNodeId,
+                    position,
+                });
+            }
+        }
+        else {
+            setPendingPicker({
+                purpose: "add-at-position",
+                position,
+            });
+        }
+    }, []);
+    useCanvasKeyboardShortcuts({
+        containerRef,
+        selection: canvas.selection,
+        duplicateNode: canvas.duplicateNode,
+        selectAll: canvas.selectAll,
+        clearSelection: canvas.clearSelection,
+        onRequestTaskPicker: handleRequestTaskPicker,
+        onDismiss: handleKeyboardDismiss,
+    });
+    useEffect(() => {
+        onDirtyChange?.(canvas.isDirty);
+    }, [canvas.isDirty, onDirtyChange]);
+    const handleNodeClick = useCallback((_event, node) => {
+        canvas.selectNode(node.id);
+        onNodeSelect?.(node.id);
+    }, [canvas.selectNode, onNodeSelect]);
+    const handleEdgeClick = useCallback((_event, edge) => {
+        canvas.selectEdge(edge.id);
+        onEdgeSelect?.(edge.id);
+    }, [canvas.selectEdge, onEdgeSelect]);
+    const handlePaneClick = useCallback(() => {
+        canvas.clearSelection();
+        onSelectionClear?.();
+        setContextMenu(null);
+    }, [canvas.clearSelection, onSelectionClear]);
+    // ---------------------------------------------------------------------------
+    // Context menu event handlers (AD-T05)
+    // ---------------------------------------------------------------------------
+    const handleNodeContextMenu = useCallback((event, node) => {
+        event.preventDefault();
+        const taskName = node.data?.taskName ?? node.id;
+        setContextMenu({
+            target: { type: "node", id: node.id, taskName },
+            position: { x: event.clientX, y: event.clientY },
+        });
+    }, []);
+    const handleEdgeContextMenu = useCallback((event, edge) => {
+        event.preventDefault();
+        setContextMenu({
+            target: { type: "edge", id: edge.id },
+            position: { x: event.clientX, y: event.clientY },
+        });
+    }, []);
+    const handlePaneContextMenu = useCallback((event) => {
+        event.preventDefault();
+        setContextMenu({
+            target: { type: "pane" },
+            position: { x: event.clientX, y: event.clientY },
+        });
+    }, []);
+    const handleContextMenuOpenChange = useCallback((nextOpen) => {
+        if (!nextOpen) {
+            setContextMenu(null);
+        }
+    }, []);
+    // ---------------------------------------------------------------------------
+    // Context menu action handlers (AD-T05)
+    // ---------------------------------------------------------------------------
+    const handleContextMenuDeleteNode = useCallback((nodeId) => {
+        canvas.onNodesDelete([{ id: nodeId }]);
+        setContextMenu(null);
+    }, [canvas.onNodesDelete]);
+    const handleContextMenuDuplicateNode = useCallback((nodeId) => {
+        canvas.duplicateNode(nodeId);
+        setContextMenu(null);
+    }, [canvas.duplicateNode]);
+    const handleContextMenuAddTaskAfter = useCallback((nodeId) => {
+        const pos = contextMenu?.position;
+        setContextMenu(null);
+        if (pos) {
+            setPendingPicker({ purpose: "add-after-node", sourceId: nodeId, position: pos });
+        }
+    }, [contextMenu?.position]);
+    const handleContextMenuDeleteEdge = useCallback((edgeId) => {
+        canvas.onEdgesDelete([{ id: edgeId }]);
+        setContextMenu(null);
+    }, [canvas.onEdgesDelete]);
+    const handleContextMenuInsertTaskOnEdge = useCallback((edgeId) => {
+        const pos = contextMenu?.position;
+        setContextMenu(null);
+        if (pos) {
+            setPendingPicker({ purpose: "insert-on-edge", sourceId: edgeId, position: pos });
+        }
+    }, [contextMenu?.position]);
+    const handleContextMenuAddTaskAtPosition = useCallback(() => {
+        const pos = contextMenu?.position;
+        setContextMenu(null);
+        if (pos) {
+            setPendingPicker({ purpose: "add-at-position", position: pos });
+        }
+    }, [contextMenu?.position]);
+    const handleContextMenuSelectAll = useCallback(() => {
+        canvas.selectAll();
+        setContextMenu(null);
+    }, [canvas.selectAll]);
+    const handleContextMenuAutoLayout = useCallback(() => {
+        canvas.autoLayout();
+        setContextMenu(null);
+    }, [canvas.autoLayout]);
+    // ---------------------------------------------------------------------------
+    // Pending picker handlers (two-step menu-to-picker flow, AD-T05)
+    // ---------------------------------------------------------------------------
+    const pendingPickerVirtualAnchor = useMemo(() => {
+        if (!pendingPicker)
+            return { current: null };
+        const { x, y } = pendingPicker.position;
+        const virtualEl = document.createElement("button");
+        virtualEl.getBoundingClientRect = () => ({
+            x,
+            y,
+            width: 0,
+            height: 0,
+            top: y,
+            right: x,
+            bottom: y,
+            left: x,
+            toJSON: () => ({}),
+        });
+        return { current: virtualEl };
+    }, [pendingPicker]);
+    const handlePendingPickerOpenChange = useCallback((nextOpen) => {
+        if (!nextOpen) {
+            setPendingPicker(null);
+        }
+    }, []);
+    const handlePendingPickerSelectKind = useCallback((kindString) => {
+        if (!pendingPicker)
+            return;
+        if (pendingPicker.purpose === "add-after-node" && pendingPicker.sourceId) {
+            canvas.addSuccessorTask(pendingPicker.sourceId, kindString);
+        }
+        else if (pendingPicker.purpose === "insert-on-edge" && pendingPicker.sourceId) {
+            canvas.insertTaskOnEdge(pendingPicker.sourceId, kindString);
+        }
+        else if (pendingPicker.purpose === "add-at-position") {
+            canvas.addNodeAtPosition(kindString, pendingPicker.position);
+        }
+        setPendingPicker(null);
+    }, [pendingPicker, canvas.addSuccessorTask, canvas.insertTaskOnEdge, canvas.addNodeAtPosition]);
+    const handleSave = useCallback(() => {
+        if (!onSave)
+            return;
+        const yamlStr = canvas.serializeToYaml();
+        if (yamlStr)
+            onSave(yamlStr);
+    }, [onSave, canvas.serializeToYaml]);
+    const handleDeleteEdge = useCallback((edgeId) => {
+        canvas.onEdgesDelete([{ id: edgeId }]);
+    }, [canvas.onEdgesDelete]);
+    const handleDeleteNode = useCallback((nodeId) => {
+        canvas.onNodesDelete([{ id: nodeId }]);
+    }, [canvas.onNodesDelete]);
+    const handleDuplicateNode = useCallback((nodeId) => {
+        canvas.duplicateNode(nodeId);
+    }, [canvas.duplicateNode]);
+    const canvasActions = useMemo(() => ({
+        insertTaskOnEdge: canvas.insertTaskOnEdge,
+        deleteNode: handleDeleteNode,
+        addSuccessorTask: canvas.addSuccessorTask,
+        duplicateNode: handleDuplicateNode,
+    }), [canvas.insertTaskOnEdge, handleDeleteNode, canvas.addSuccessorTask, handleDuplicateNode]);
+    const descriptor = canvas.selection?.type === "node"
+        ? canvas.getNodeDescriptor(canvas.selection.id)
+        : undefined;
+    const selectionAnnouncement = useMemo(() => {
+        if (!canvas.selection || !canvas.graph)
+            return "";
+        if (canvas.selection.type === "node") {
+            const node = canvas.graph.nodes.find((n) => n.id === canvas.selection.id);
+            if (!node)
+                return "";
+            return `Selected task: ${node.taskName}`;
+        }
+        if (canvas.selection.type === "edge") {
+            const edge = canvas.graph.edges.find((e) => e.id === canvas.selection.id);
+            if (!edge)
+                return "";
+            return `Selected edge: ${edge.source} to ${edge.target}`;
+        }
+        return "";
+    }, [canvas.selection, canvas.graph]);
+    const fallback = loadingFallback ?? (_jsx("div", { className: "flex h-full w-full items-center justify-center text-sm text-[var(--stgm-muted-foreground,#737373)]", children: "Loading canvas\u2026" }));
+    if (canvas.error) {
+        return (_jsxs("div", { className: cn("flex h-full w-full flex-col items-center justify-center gap-2 p-4", className), children: [_jsx("span", { className: "text-sm font-medium text-[var(--stgm-destructive,#ef4444)]", children: "Failed to parse workflow" }), _jsx("span", { className: "max-w-md text-center text-xs text-[var(--stgm-muted-foreground,#737373)]", children: canvas.error })] }));
+    }
+    const hasGraph = !!canvas.graph;
+    return (_jsxs("div", { ref: containerRef, className: cn("stgm relative flex h-full w-full", className), tabIndex: -1, children: [_jsx("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: selectionAnnouncement }), showPalette && !paletteCollapsed && _jsx(WorkflowTaskPalette, {}), _jsxs("div", { className: "relative flex-1", children: [showPalette && (_jsx(PaletteToggle, { collapsed: paletteCollapsed, onToggle: togglePalette })), hasGraph && (_jsx(CanvasToolbar, { onAutoLayout: canvas.autoLayout, onUndo: canvas.undo, onRedo: canvas.redo, canUndo: canvas.canUndo, canRedo: canvas.canRedo, isDirty: canvas.isDirty, onSave: onSave ? handleSave : undefined, isSaving: isSaving })), _jsxs(CanvasActionsContext.Provider, { value: canvasActions, children: [_jsx(Suspense, { fallback: fallback, children: _jsx(LazyCanvasInner, { nodes: canvas.nodes, edges: canvas.edges, onNodesChange: canvas.onNodesChange, onEdgesChange: canvas.onEdgesChange, onNodeClick: handleNodeClick, onEdgeClick: handleEdgeClick, onPaneClick: handlePaneClick, onConnect: canvas.onConnect, isValidConnection: canvas.isValidConnection, onDrop: canvas.onDrop, onDragOver: canvas.onDragOver, onNodesDelete: canvas.onNodesDelete, onEdgesDelete: canvas.onEdgesDelete, onNodeContextMenu: handleNodeContextMenu, onEdgeContextMenu: handleEdgeContextMenu, onPaneContextMenu: handlePaneContextMenu, nodeErrors: nodeErrors }) }), !hasGraph && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsxs("div", { className: "flex flex-col items-center gap-2 text-center", children: [_jsx("span", { className: "text-sm text-[var(--stgm-muted-foreground,#737373)]", children: "No workflow to visualize" }), _jsx("span", { className: "text-xs text-[var(--stgm-muted-foreground,#737373)]", children: "Drag a task from the palette to get started" })] }) }))] }), _jsx(CanvasContextMenu, { open: contextMenu !== null, onOpenChange: handleContextMenuOpenChange, target: contextMenu?.target ?? null, position: contextMenu?.position ?? null, onDeleteNode: handleContextMenuDeleteNode, onDuplicateNode: handleContextMenuDuplicateNode, onAddTaskAfter: handleContextMenuAddTaskAfter, onDeleteEdge: handleContextMenuDeleteEdge, onInsertTaskOnEdge: handleContextMenuInsertTaskOnEdge, onAddTaskAtPosition: handleContextMenuAddTaskAtPosition, onSelectAll: handleContextMenuSelectAll, onAutoLayout: handleContextMenuAutoLayout }), _jsx(TaskPickerPopover, { open: pendingPicker !== null, onOpenChange: handlePendingPickerOpenChange, onSelectKind: handlePendingPickerSelectKind, anchorRef: pendingPickerVirtualAnchor, side: "bottom" })] }), showInspector && hasGraph && (_jsx("div", { className: "w-[280px] min-w-[240px] overflow-hidden border-l border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-card,var(--stgm-background,#fff))]", children: _jsx(WorkflowInspectorPanel, { selection: canvas.selection, graph: canvas.graph, descriptor: descriptor, onUpdateField: canvas.updateNodeField, onRenameNode: canvas.renameNode, onUpdateExport: canvas.updateNodeExport, onUpdateFlow: canvas.updateNodeFlow, onDeleteEdge: handleDeleteEdge, onDeleteNode: handleDeleteNode, onUpdateBranchRouting: canvas.updateBranchRouting, onMigrateBranchHandle: canvas.migrateBranchHandle, onRemoveBranchEdges: canvas.removeBranchEdges }) }))] }));
+});
+/**
+ * Outer wrapper that provides the React Flow zustand store context.
+ *
+ * `useWorkflowCanvas` (called inside the inner component) uses `useReactFlow()`
+ * which requires a `<ReactFlowProvider>` ancestor. The `<ReactFlow>` component
+ * inside `WorkflowCanvasInner` creates its own store but that is too late — the
+ * hook runs before the child mounts. This wrapper solves the provider ordering.
+ */
+export const WorkflowCanvasEditor = memo(function WorkflowCanvasEditor(props) {
+    return (_jsx(ReactFlowProvider, { children: _jsx(WorkflowCanvasEditorInner, { ...props }) }));
+});
+// ---------------------------------------------------------------------------
+// Canvas toolbar
+// ---------------------------------------------------------------------------
+function PaletteToggle({ collapsed, onToggle, }) {
+    return (_jsx("button", { type: "button", onClick: onToggle, className: cn("absolute left-2 z-10 rounded border border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-card,var(--stgm-background,#fff))] p-1 shadow-sm", "hover:bg-[var(--stgm-muted,#f5f5f5)] active:bg-[var(--stgm-accent,#e5e5e5)]", collapsed ? "top-2" : "bottom-2"), "aria-label": collapsed ? "Show task palette" : "Hide task palette", title: collapsed ? "Show task palette" : "Hide task palette", children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "text-[var(--stgm-foreground,#1a1a2e)]", children: collapsed ? (_jsxs(_Fragment, { children: [_jsx("rect", { x: "1", y: "1", width: "5", height: "14", rx: "1" }), _jsx("path", { d: "M10 8h5M11 6l2 2-2 2" })] })) : (_jsxs(_Fragment, { children: [_jsx("rect", { x: "1", y: "1", width: "5", height: "14", rx: "1" }), _jsx("path", { d: "M14 8H9M13 6l-2 2 2 2" })] })) }) }));
+}
+const toolbarIsMac = typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/.test(navigator.platform);
+const TOOLBAR_SHORTCUTS = {
+    undo: toolbarIsMac ? "\u2318Z" : "Ctrl+Z",
+    redo: toolbarIsMac ? "\u21E7\u2318Z" : "Ctrl+Shift+Z",
+    save: toolbarIsMac ? "\u2318S" : "Ctrl+S",
+};
+function CanvasToolbar({ onAutoLayout, onUndo, onRedo, canUndo, canRedo, isDirty, onSave, isSaving = false, }) {
+    const btnClass = "rounded border border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-card,var(--stgm-background,#fff))] px-2 py-1 text-xs font-medium text-[var(--stgm-foreground,#1a1a2e)] shadow-sm hover:bg-[var(--stgm-muted,#f5f5f5)] active:bg-[var(--stgm-accent,#e5e5e5)] disabled:cursor-not-allowed disabled:opacity-40";
+    return (_jsxs("div", { className: "absolute left-2 top-2 z-10 flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: onUndo, disabled: !canUndo, className: btnClass, "aria-label": "Undo", title: `Undo (${TOOLBAR_SHORTCUTS.undo})`, children: "Undo" }), _jsx("button", { type: "button", onClick: onRedo, disabled: !canRedo, className: btnClass, "aria-label": "Redo", title: `Redo (${TOOLBAR_SHORTCUTS.redo})`, children: "Redo" }), _jsx("div", { className: "mx-1 h-4 w-px bg-[var(--stgm-border,#d4d4d8)]", "aria-hidden": "true" }), _jsx("button", { type: "button", onClick: onAutoLayout, className: btnClass, "aria-label": "Auto-layout", title: "Auto-layout", children: "Auto-layout" }), onSave && (_jsxs(_Fragment, { children: [_jsx("div", { className: "mx-1 h-4 w-px bg-[var(--stgm-border,#d4d4d8)]", "aria-hidden": "true" }), _jsx("button", { type: "button", onClick: onSave, disabled: !isDirty || isSaving, className: "rounded bg-[var(--stgm-primary,#6366f1)] px-2.5 py-1 text-xs font-medium text-[var(--stgm-primary-foreground,#fff)] shadow-sm hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-40", children: isSaving ? "Saving\u2026" : "Save" })] })), isDirty && !onSave && (_jsx("span", { className: "ml-1 text-[10px] text-[var(--stgm-muted-foreground,#737373)]", children: "Modified" }))] }));
+}
+//# sourceMappingURL=WorkflowCanvasEditor.js.map

package/workflow/WorkflowCanvasEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowCanvasEditor.js","sourceRoot":"","sources":["../../src/workflow/WorkflowCanvasEditor.tsx"],"names":[],"mappings":"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"}

package/workflow/WorkflowCanvasInner.d.ts

@@ -0,0 +1,32 @@
+import "@xyflow/react/dist/style.css";
+import type { Node, Edge, OnNodesChange, OnEdgesChange, OnConnect, IsValidConnection } from "@xyflow/react";
+interface WorkflowCanvasInnerProps {
+    nodes: Node[];
+    edges: Edge[];
+    onNodesChange: OnNodesChange;
+    onEdgesChange: OnEdgesChange;
+    onNodeClick: (event: React.MouseEvent, node: Node) => void;
+    onEdgeClick: (event: React.MouseEvent, edge: Edge) => void;
+    onPaneClick: () => void;
+    onConnect: OnConnect;
+    isValidConnection: IsValidConnection;
+    onDrop: (event: React.DragEvent) => void;
+    onDragOver: (event: React.DragEvent) => void;
+    onNodesDelete: (nodes: Node[]) => void;
+    onEdgesDelete: (edges: Edge[]) => void;
+    onNodeContextMenu?: (event: React.MouseEvent, node: Node) => void;
+    onEdgeContextMenu?: (event: React.MouseEvent, edge: Edge) => void;
+    onPaneContextMenu?: (event: React.MouseEvent | MouseEvent) => void;
+    nodeErrors?: ReadonlyMap<string, readonly string[]>;
+}
+/**
+ * Inner React Flow canvas, loaded via React.lazy from WorkflowCanvasEditor.
+ *
+ * Isolated into its own file so that `@xyflow/react` (and its CSS) are only
+ * included in the bundle when the canvas editor is actually rendered.
+ *
+ * @internal
+ */
+export declare function WorkflowCanvasInner({ nodes, edges, onNodesChange, onEdgesChange, onNodeClick, onEdgeClick, onPaneClick, onConnect, isValidConnection, onDrop, onDragOver, onNodesDelete, onEdgesDelete, onNodeContextMenu, onEdgeContextMenu, onPaneContextMenu, nodeErrors, }: WorkflowCanvasInnerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WorkflowCanvasInner.d.ts.map

package/workflow/WorkflowCanvasInner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowCanvasInner.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowCanvasInner.tsx"],"names":[],"mappings":"AAEA,OAAO,8BAA8B,CAAC;AAYtC,OAAO,KAAK,EACV,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,aAAa,EACb,SAAS,EACT,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAOvB,UAAU,wBAAwB;IAChC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,aAAa,CAAC;IAC7B,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACvC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClE,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClE,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC;IACnE,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC,CAAC;CACrD;AAgBD;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,KAAK,EACL,aAAa,EACb,aAAa,EACb,WAAW,EACX,WAAW,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,MAAM,EACN,UAAU,EACV,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,GACX,EAAE,wBAAwB,2CAuE1B"}

package/workflow/WorkflowCanvasInner.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "@xyflow/react/dist/style.css";
+import { useMemo } from "react";
+import { ReactFlow, Controls, MiniMap, Background, BackgroundVariant, MarkerType, SelectionMode, } from "@xyflow/react";
+import { CanvasTaskNode } from "./CanvasTaskNode";
+import { CanvasTransitionEdge } from "./CanvasTransitionEdge";
+import { CATEGORY_COLORS } from "./canvas-constants";
+import { CANVAS_TASK_NODE_TYPE, CANVAS_TRANSITION_EDGE_TYPE } from "./workflow-graph-conversions";
+const nodeTypes = {
+    [CANVAS_TASK_NODE_TYPE]: CanvasTaskNode,
+};
+const edgeTypes = {
+    [CANVAS_TRANSITION_EDGE_TYPE]: CanvasTransitionEdge,
+};
+const defaultEdgeOptions = {
+    markerEnd: { type: MarkerType.ArrowClosed, width: 16, height: 16 },
+};
+const DELETE_KEY_CODES = ["Backspace", "Delete"];
+/**
+ * Inner React Flow canvas, loaded via React.lazy from WorkflowCanvasEditor.
+ *
+ * Isolated into its own file so that `@xyflow/react` (and its CSS) are only
+ * included in the bundle when the canvas editor is actually rendered.
+ *
+ * @internal
+ */
+export function WorkflowCanvasInner({ nodes, edges, onNodesChange, onEdgesChange, onNodeClick, onEdgeClick, onPaneClick, onConnect, isValidConnection, onDrop, onDragOver, onNodesDelete, onEdgesDelete, onNodeContextMenu, onEdgeContextMenu, onPaneContextMenu, nodeErrors, }) {
+    const enrichedNodes = useMemo(() => {
+        if (!nodeErrors || nodeErrors.size === 0)
+            return nodes;
+        return nodes.map((node) => {
+            const data = node.data;
+            const errors = data?.taskName ? nodeErrors.get(data.taskName) : undefined;
+            if (!errors || errors.length === 0)
+                return node;
+            return { ...node, data: { ...node.data, errorCount: errors.length } };
+        });
+    }, [nodes, nodeErrors]);
+    const minimapNodeColor = useMemo(() => (node) => {
+        const data = node.data;
+        const category = data?.category;
+        if (!category)
+            return "var(--stgm-muted-foreground, #737373)";
+        return CATEGORY_COLORS[category] ?? "var(--stgm-muted-foreground, #737373)";
+    }, []);
+    return (_jsxs(ReactFlow, { nodes: enrichedNodes, edges: edges, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, onNodeClick: onNodeClick, onEdgeClick: onEdgeClick, onPaneClick: onPaneClick, onConnect: onConnect, isValidConnection: isValidConnection, onDrop: onDrop, onDragOver: onDragOver, onNodesDelete: onNodesDelete, onEdgesDelete: onEdgesDelete, onNodeContextMenu: onNodeContextMenu, onEdgeContextMenu: onEdgeContextMenu, onPaneContextMenu: onPaneContextMenu, nodeTypes: nodeTypes, edgeTypes: edgeTypes, defaultEdgeOptions: defaultEdgeOptions, deleteKeyCode: DELETE_KEY_CODES, selectionMode: SelectionMode.Partial, multiSelectionKeyCode: "Shift", panOnDrag: [1, 2], selectionOnDrag: true, fitView: true, fitViewOptions: { padding: 0.2 }, minZoom: 0.2, maxZoom: 3, proOptions: { hideAttribution: true }, className: "h-full w-full", children: [_jsx(Controls, { showInteractive: false, className: "!border-[var(--stgm-border-prominent,#d4d4d8)] !bg-[var(--stgm-card,var(--stgm-background,#fff))] !shadow-sm [&>button]:!border-[var(--stgm-border-prominent,#d4d4d8)] [&>button]:!bg-[var(--stgm-card,var(--stgm-background,#fff))] [&>button]:!fill-[var(--stgm-foreground,#1a1a2e)] [&>button:hover]:!bg-[var(--stgm-muted,#f5f5f5)]" }), _jsx(MiniMap, { nodeColor: minimapNodeColor, maskColor: "var(--stgm-muted, rgba(245, 245, 245, 0.7))", className: "!border-[var(--stgm-border-prominent,#d4d4d8)] !bg-[var(--stgm-card,var(--stgm-background,#fff))]" }), _jsx(Background, { variant: BackgroundVariant.Dots, gap: 16, size: 1, color: "var(--stgm-muted-foreground, #737373)" })] }));
+}
+//# sourceMappingURL=WorkflowCanvasInner.js.map

package/workflow/WorkflowCanvasInner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowCanvasInner.js","sourceRoot":"","sources":["../../src/workflow/WorkflowCanvasInner.tsx"],"names":[],"mappings":"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"}