@stigmer/react 0.5.1 → 1.0.1

package/workflow/BranchConditionBuilder.js

@@ -0,0 +1,170 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState, useCallback } from "react";
+import { cn } from "@stigmer/theme";
+import { TASK_NAME_PATTERN, TASK_NAME_PATTERN_ERROR } from "./canvas-constants";
+/**
+ * Specialized inspector editor for `switch_case` task nodes.
+ *
+ * Renders an ordered list of conditional branches with name, condition
+ * expression (`when`), and target task routing. Handles are name-based
+ * (`case_{name}`) per AD-T15-B4, making reorder operations safe without
+ * edge remapping.
+ *
+ * Edges are the source of truth for routing — the builder reads target
+ * tasks from graph edges and writes routing changes via
+ * `onUpdateBranchRouting`.
+ *
+ * @since T15 Batch 4 (Specialized Task Editors)
+ */
+export const BranchConditionBuilder = memo(function BranchConditionBuilder({ nodeId, config, edges, allTaskNames, onUpdateConfig, onUpdateBranchRouting, onMigrateBranchHandle, onRemoveBranchEdges, }) {
+    const cases = extractCases(config);
+    const [dragIdx, setDragIdx] = useState(null);
+    const [dropIdx, setDropIdx] = useState(null);
+    const routingMap = buildRoutingMap(nodeId, edges, "case_");
+    const commitCases = useCallback((updated) => {
+        onUpdateConfig("cases", updated.map((c) => ({
+            name: c.name,
+            ...(c.when && { when: c.when }),
+            ...(c.then && { then: c.then }),
+        })));
+    }, [onUpdateConfig]);
+    const handleAddCase = useCallback(() => {
+        const existingNames = new Set(cases.map((c) => c.name));
+        let n = cases.length + 1;
+        while (existingNames.has(`case_${n}`))
+            n++;
+        const newCase = { name: `case_${n}`, when: "", then: "" };
+        commitCases([...cases, newCase]);
+    }, [cases, commitCases]);
+    const handleRemoveCase = useCallback((idx) => {
+        if (cases.length <= 1)
+            return;
+        const removed = cases[idx];
+        onRemoveBranchEdges(`case_${removed.name}`);
+        commitCases(cases.filter((_, i) => i !== idx));
+    }, [cases, commitCases, onRemoveBranchEdges]);
+    const handleMoveCase = useCallback((idx, direction) => {
+        const targetIdx = idx + direction;
+        if (targetIdx < 0 || targetIdx >= cases.length)
+            return;
+        const updated = [...cases];
+        [updated[idx], updated[targetIdx]] = [updated[targetIdx], updated[idx]];
+        commitCases(updated);
+    }, [cases, commitCases]);
+    const handleNameChange = useCallback((idx, newName) => {
+        const oldName = cases[idx].name;
+        if (oldName === newName)
+            return;
+        const updated = [...cases];
+        updated[idx] = { ...updated[idx], name: newName };
+        commitCases(updated);
+        if (oldName) {
+            onMigrateBranchHandle(`case_${oldName}`, `case_${newName}`);
+        }
+    }, [cases, commitCases, onMigrateBranchHandle]);
+    const handleWhenChange = useCallback((idx, when) => {
+        const updated = [...cases];
+        updated[idx] = { ...updated[idx], when };
+        commitCases(updated);
+    }, [cases, commitCases]);
+    const handleThenChange = useCallback((idx, targetTask) => {
+        const caseName = cases[idx].name;
+        onUpdateBranchRouting(`case_${caseName}`, targetTask || undefined);
+    }, [cases, onUpdateBranchRouting]);
+    const handleDragStart = useCallback((idx) => {
+        setDragIdx(idx);
+    }, []);
+    const handleDragOver = useCallback((idx) => {
+        setDropIdx(idx);
+    }, []);
+    const handleDrop = useCallback(() => {
+        if (dragIdx != null && dropIdx != null && dragIdx !== dropIdx) {
+            const updated = [...cases];
+            const [moved] = updated.splice(dragIdx, 1);
+            updated.splice(dropIdx, 0, moved);
+            commitCases(updated);
+        }
+        setDragIdx(null);
+        setDropIdx(null);
+    }, [dragIdx, dropIdx, cases, commitCases]);
+    const handleDragEnd = useCallback(() => {
+        setDragIdx(null);
+        setDropIdx(null);
+    }, []);
+    return (_jsxs("div", { className: "flex flex-col gap-2 px-3 pb-3", children: [cases.length === 0 && (_jsx("p", { className: "py-2 text-xs text-[var(--stgm-muted-foreground,#737373)]", children: "No cases defined. Add a case to start branching." })), cases.map((c, idx) => {
+                const isDefault = !c.when && idx === cases.length - 1;
+                const routeTarget = routingMap.get(`case_${c.name}`) ?? "";
+                return (_jsx(CaseEntry, { caseDef: c, index: idx, total: cases.length, isDefault: isDefault, routeTarget: routeTarget, allTaskNames: allTaskNames, allCaseNames: cases.map((x) => x.name), onNameChange: (name) => handleNameChange(idx, name), onWhenChange: (when) => handleWhenChange(idx, when), onThenChange: (then) => handleThenChange(idx, then), onMoveUp: () => handleMoveCase(idx, -1), onMoveDown: () => handleMoveCase(idx, 1), onRemove: () => handleRemoveCase(idx), canRemove: cases.length > 1, isDragOver: dropIdx === idx && dragIdx !== idx, onDragStart: () => handleDragStart(idx), onDragOver: () => handleDragOver(idx), onDrop: handleDrop, onDragEnd: handleDragEnd }, `${c.name}_${idx}`));
+            }), _jsx("button", { type: "button", onClick: handleAddCase, className: "self-start text-[11px] font-medium text-[var(--stgm-primary,#6366f1)] hover:underline", children: "+ Add case" })] }));
+});
+// ---------------------------------------------------------------------------
+// CaseEntry
+// ---------------------------------------------------------------------------
+function CaseEntry({ caseDef, index, total, isDefault, routeTarget, allTaskNames, allCaseNames, onNameChange, onWhenChange, onThenChange, onMoveUp, onMoveDown, onRemove, canRemove, isDragOver, onDragStart, onDragOver, onDrop, onDragEnd, }) {
+    const [nameError, setNameError] = useState(null);
+    const [editingName, setEditingName] = useState(caseDef.name);
+    const validateAndCommitName = useCallback(() => {
+        const trimmed = editingName.trim();
+        if (!trimmed) {
+            setNameError("Name required");
+            return;
+        }
+        if (!TASK_NAME_PATTERN.test(trimmed)) {
+            setNameError(TASK_NAME_PATTERN_ERROR);
+            return;
+        }
+        const isDuplicate = allCaseNames.some((n, i) => i !== index && n === trimmed);
+        if (isDuplicate) {
+            setNameError("Duplicate name");
+            return;
+        }
+        setNameError(null);
+        onNameChange(trimmed);
+    }, [editingName, allCaseNames, index, onNameChange]);
+    const handleDragOverEvent = useCallback((e) => {
+        e.preventDefault();
+        onDragOver();
+    }, [onDragOver]);
+    return (_jsxs("div", { onDragOver: handleDragOverEvent, onDrop: onDrop, className: cn("flex flex-col gap-1.5 rounded-md border p-2 transition-[border-color]", isDefault
+            ? "border-[var(--stgm-chart-amber,#f59e0b)]/30 bg-[var(--stgm-chart-amber,#f59e0b)]/5"
+            : "border-[var(--stgm-border,#e5e5e5)]", isDragOver && "border-[var(--stgm-primary,#6366f1)]"), children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(DragGrip, { onDragStart: onDragStart, onDragEnd: onDragEnd }), _jsx("input", { type: "text", value: editingName, onChange: (e) => { setEditingName(e.target.value); setNameError(null); }, onBlur: validateAndCommitName, onKeyDown: (e) => { if (e.key === "Enter")
+                            validateAndCommitName(); }, placeholder: "case_name", className: "min-w-0 flex-1 rounded border border-[var(--stgm-border,#d4d4d8)] bg-[var(--stgm-background,#fff)] px-1.5 py-1 text-xs font-medium text-[var(--stgm-foreground,#1a1a2e)] focus:outline-none focus:ring-1 focus:ring-[var(--stgm-ring,#3b82f6)]", "aria-label": `Case ${index + 1} name` }), isDefault && (_jsx("span", { className: "shrink-0 rounded bg-[var(--stgm-chart-amber,#f59e0b)]/15 px-1 py-px text-[9px] font-medium text-[var(--stgm-chart-amber,#f59e0b)]", children: "default" })), _jsxs("div", { className: "flex shrink-0 items-center", children: [_jsx(ArrowButton, { direction: "up", disabled: index === 0, onClick: onMoveUp }), _jsx(ArrowButton, { direction: "down", disabled: index === total - 1, onClick: onMoveDown }), _jsx("button", { type: "button", onClick: onRemove, disabled: !canRemove, className: "ml-0.5 text-[10px] text-[var(--stgm-destructive,#ef4444)] hover:underline disabled:opacity-30", "aria-label": `Remove case ${caseDef.name}`, children: "\u2715" })] })] }), nameError && (_jsx("span", { className: "text-[10px] text-[var(--stgm-destructive,#ef4444)]", children: nameError })), _jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("label", { className: "text-[10px] text-[var(--stgm-muted-foreground,#737373)]", children: "Condition" }), _jsx("textarea", { value: caseDef.when, onChange: (e) => onWhenChange(e.target.value), placeholder: isDefault ? "(no condition — default case)" : "${ $context.value > 5 }", rows: 2, className: "w-full resize-y rounded border border-[var(--stgm-border,#d4d4d8)] bg-[var(--stgm-background,#fff)] px-1.5 py-1 font-mono text-[11px] text-[var(--stgm-foreground,#1a1a2e)] placeholder:text-[var(--stgm-muted-foreground,#a3a3a3)] focus:outline-none focus:ring-1 focus:ring-[var(--stgm-ring,#3b82f6)]", "aria-label": `Condition for case ${caseDef.name}` })] }), _jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("label", { className: "text-[10px] text-[var(--stgm-muted-foreground,#737373)]", children: "Then go to" }), _jsxs("select", { value: routeTarget, onChange: (e) => onThenChange(e.target.value), className: "w-full rounded border border-[var(--stgm-border,#d4d4d8)] bg-[var(--stgm-background,#fff)] px-1.5 py-1 text-xs text-[var(--stgm-foreground,#1a1a2e)] focus:outline-none focus:ring-1 focus:ring-[var(--stgm-ring,#3b82f6)]", "aria-label": `Target task for case ${caseDef.name}`, children: [_jsx("option", { value: "", children: "\u2014 Not connected \u2014" }), allTaskNames.map((name) => (_jsx("option", { value: name, children: name }, name)))] })] })] }));
+}
+// ---------------------------------------------------------------------------
+// DragGrip
+// ---------------------------------------------------------------------------
+function DragGrip({ onDragStart, onDragEnd, }) {
+    return (_jsx("div", { draggable: true, onDragStart: onDragStart, onDragEnd: onDragEnd, className: "flex shrink-0 cursor-grab items-center text-[var(--stgm-muted-foreground,#a3a3a3)] hover:text-[var(--stgm-foreground,#1a1a2e)] active:cursor-grabbing", "aria-label": "Drag to reorder", children: _jsxs("svg", { width: "8", height: "14", viewBox: "0 0 8 14", fill: "currentColor", children: [_jsx("circle", { cx: "2", cy: "2", r: "1" }), _jsx("circle", { cx: "6", cy: "2", r: "1" }), _jsx("circle", { cx: "2", cy: "7", r: "1" }), _jsx("circle", { cx: "6", cy: "7", r: "1" }), _jsx("circle", { cx: "2", cy: "12", r: "1" }), _jsx("circle", { cx: "6", cy: "12", r: "1" })] }) }));
+}
+// ---------------------------------------------------------------------------
+// ArrowButton
+// ---------------------------------------------------------------------------
+function ArrowButton({ direction, disabled, onClick, }) {
+    return (_jsx("button", { type: "button", onClick: onClick, disabled: disabled, className: "px-0.5 py-0.5 text-[var(--stgm-muted-foreground,#737373)] hover:text-[var(--stgm-foreground,#1a1a2e)] disabled:opacity-30", "aria-label": `Move ${direction}`, children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: direction === "up" ? _jsx("path", { d: "M4 10l4-4 4 4" }) : _jsx("path", { d: "M4 6l4 4 4-4" }) }) }));
+}
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+function extractCases(config) {
+    const raw = config.cases;
+    if (!Array.isArray(raw))
+        return [];
+    return raw
+        .filter((c) => c != null && typeof c === "object")
+        .map((c) => ({
+        name: typeof c.name === "string" ? c.name : "",
+        when: typeof c.when === "string" ? c.when : "",
+        then: typeof c.then === "string" ? c.then : "",
+    }));
+}
+function buildRoutingMap(nodeId, edges, prefix) {
+    const map = new Map();
+    for (const edge of edges) {
+        if (edge.source === nodeId && edge.sourceHandle?.startsWith(prefix)) {
+            map.set(edge.sourceHandle, edge.target);
+        }
+    }
+    return map;
+}
+//# sourceMappingURL=BranchConditionBuilder.js.map

package/workflow/BranchConditionBuilder.js.map

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

package/workflow/CanvasActionsContext.d.ts

@@ -0,0 +1,8 @@
+export interface CanvasActions {
+    insertTaskOnEdge: (edgeId: string, kindString: string) => void;
+    deleteNode: (nodeId: string) => void;
+    addSuccessorTask: (sourceNodeId: string, kindString: string) => void;
+    duplicateNode: (nodeId: string) => void;
+}
+export declare const CanvasActionsContext: import("react").Context<CanvasActions | null>;
+//# sourceMappingURL=CanvasActionsContext.d.ts.map

package/workflow/CanvasActionsContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasActionsContext.d.ts","sourceRoot":"","sources":["../../src/workflow/CanvasActionsContext.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,oBAAoB,+CAA4C,CAAC"}

package/workflow/CanvasActionsContext.js

@@ -0,0 +1,4 @@
+"use client";
+import { createContext } from "react";
+export const CanvasActionsContext = createContext(null);
+//# sourceMappingURL=CanvasActionsContext.js.map

package/workflow/CanvasActionsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasActionsContext.js","sourceRoot":"","sources":["../../src/workflow/CanvasActionsContext.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAStC,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAuB,IAAI,CAAC,CAAC"}

package/workflow/CanvasContextMenu.d.ts

@@ -0,0 +1,59 @@
+/** Describes what was right-clicked on the canvas. */
+export type CanvasContextMenuTarget = {
+    readonly type: "node";
+    readonly id: string;
+    readonly taskName: string;
+} | {
+    readonly type: "edge";
+    readonly id: string;
+} | {
+    readonly type: "pane";
+};
+/** Props for {@link CanvasContextMenu}. */
+export interface CanvasContextMenuProps {
+    /** Whether the context menu is open. */
+    readonly open: boolean;
+    /** Called when the menu open state changes (e.g. clicking outside, pressing Escape). */
+    readonly onOpenChange: (open: boolean) => void;
+    /** What was right-clicked — determines which menu items are shown. */
+    readonly target: CanvasContextMenuTarget | null;
+    /** Screen-coordinate position where the menu should appear. */
+    readonly position: {
+        readonly x: number;
+        readonly y: number;
+    } | null;
+    /** Called to delete a node. */
+    readonly onDeleteNode?: (nodeId: string) => void;
+    /** Called to duplicate a node. */
+    readonly onDuplicateNode?: (nodeId: string) => void;
+    /** Called to trigger the "add task after" flow (opens TaskPicker). */
+    readonly onAddTaskAfter?: (nodeId: string) => void;
+    /** Called to delete an edge. */
+    readonly onDeleteEdge?: (edgeId: string) => void;
+    /** Called to trigger the "insert task on edge" flow (opens TaskPicker). */
+    readonly onInsertTaskOnEdge?: (edgeId: string) => void;
+    /** Called to trigger the "add task at position" flow (opens TaskPicker). */
+    readonly onAddTaskAtPosition?: () => void;
+    /** Called to select all non-sentinel nodes. */
+    readonly onSelectAll?: () => void;
+    /** Called to trigger auto-layout. */
+    readonly onAutoLayout?: () => void;
+    /** Additional CSS class names for the popup. */
+    readonly className?: string;
+}
+/**
+ * Right-click context menu for the workflow canvas editor.
+ *
+ * Renders different menu items depending on the {@link CanvasContextMenuTarget}:
+ * - **Node**: Delete Task, Duplicate Task, Add Task After
+ * - **Edge**: Delete Connection, Insert Task
+ * - **Pane**: Add Task, Select All, Auto-layout
+ *
+ * Uses `@base-ui/react/menu` in controlled mode with a virtual anchor
+ * positioned at the right-click coordinates. Portaled via
+ * `useStigmerPortalContainer()` to inherit `--stgm-*` tokens.
+ *
+ * @since T05 (Context Menu + Duplicate)
+ */
+export declare const CanvasContextMenu: import("react").NamedExoticComponent<CanvasContextMenuProps>;
+//# sourceMappingURL=CanvasContextMenu.d.ts.map

package/workflow/CanvasContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasContextMenu.d.ts","sourceRoot":"","sources":["../../src/workflow/CanvasContextMenu.tsx"],"names":[],"mappings":"AAaA,sDAAsD;AACtD,MAAM,MAAM,uBAAuB,GAC/B;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GACzE;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC9C;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9B,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,wCAAwC;IACxC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,wFAAwF;IACxF,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,sEAAsE;IACtE,QAAQ,CAAC,MAAM,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAChD,+DAA+D;IAC/D,QAAQ,CAAC,QAAQ,EAAE;QAAE,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACrE,+BAA+B;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,kCAAkC;IAClC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,sEAAsE;IACtE,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,gCAAgC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,2EAA2E;IAC3E,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,4EAA4E;IAC5E,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1C,+CAA+C;IAC/C,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,qCAAqC;IACrC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,gDAAgD;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AA+CD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,8DA4E5B,CAAC"}

package/workflow/CanvasContextMenu.js

@@ -0,0 +1,98 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useCallback, useMemo } from "react";
+import { Menu } from "@base-ui/react/menu";
+import { Separator } from "@base-ui/react/separator";
+import { cn } from "@stigmer/theme";
+import { useStigmerPortalContainer } from "../portal-container";
+import { TrashIcon, DuplicateIcon, PlusIcon } from "./canvas-icons";
+// ---------------------------------------------------------------------------
+// Platform detection & shortcut labels
+// ---------------------------------------------------------------------------
+const isMac = typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/.test(navigator.platform);
+const MOD_LABEL = isMac ? "\u2318" : "Ctrl+";
+const SHORTCUT_LABELS = {
+    duplicate: `${MOD_LABEL}D`,
+    selectAll: `${MOD_LABEL}A`,
+    delete: isMac ? "\u232B" : "Del",
+    addTask: "N",
+};
+// ---------------------------------------------------------------------------
+// Styling constants
+// ---------------------------------------------------------------------------
+const POPUP_CLASS = cn("stgm z-50 min-w-[160px] rounded-md border border-[var(--stgm-border,#e5e5e5)] bg-[var(--stgm-popover,var(--stgm-background,#fff))] p-1 shadow-md", "outline-none");
+const ITEM_CLASS = cn("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-xs text-[var(--stgm-popover-foreground,var(--stgm-foreground,#1a1a2e))] outline-none", "data-[highlighted]:bg-[var(--stgm-accent,#e5e5e5)]");
+const DESTRUCTIVE_ITEM_CLASS = cn("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-xs text-[var(--stgm-destructive,#ef4444)] outline-none", "data-[highlighted]:bg-[var(--stgm-destructive,#ef4444)]/10");
+const SHORTCUT_HINT_CLASS = "ml-auto pl-4 text-[10px] tracking-wide text-[var(--stgm-muted-foreground,#737373)]";
+const SEPARATOR_CLASS = "my-1 h-px bg-[var(--stgm-border,#e5e5e5)]";
+// ---------------------------------------------------------------------------
+// CanvasContextMenu
+// ---------------------------------------------------------------------------
+/**
+ * Right-click context menu for the workflow canvas editor.
+ *
+ * Renders different menu items depending on the {@link CanvasContextMenuTarget}:
+ * - **Node**: Delete Task, Duplicate Task, Add Task After
+ * - **Edge**: Delete Connection, Insert Task
+ * - **Pane**: Add Task, Select All, Auto-layout
+ *
+ * Uses `@base-ui/react/menu` in controlled mode with a virtual anchor
+ * positioned at the right-click coordinates. Portaled via
+ * `useStigmerPortalContainer()` to inherit `--stgm-*` tokens.
+ *
+ * @since T05 (Context Menu + Duplicate)
+ */
+export const CanvasContextMenu = memo(function CanvasContextMenu({ open, onOpenChange, target, position, onDeleteNode, onDuplicateNode, onAddTaskAfter, onDeleteEdge, onInsertTaskOnEdge, onAddTaskAtPosition, onSelectAll, onAutoLayout, className, }) {
+    const portalContainer = useStigmerPortalContainer();
+    const virtualAnchor = useMemo(() => {
+        if (!position)
+            return undefined;
+        const { x, y } = position;
+        return {
+            getBoundingClientRect: () => ({
+                x,
+                y,
+                width: 0,
+                height: 0,
+                top: y,
+                right: x,
+                bottom: y,
+                left: x,
+            }),
+        };
+    }, [position]);
+    const handleOpenChange = useCallback((nextOpen) => {
+        onOpenChange(nextOpen);
+    }, [onOpenChange]);
+    if (!target || !position)
+        return null;
+    return (_jsx(Menu.Root, { open: open, onOpenChange: handleOpenChange, modal: false, children: _jsx(Menu.Portal, { container: portalContainer, children: _jsx(Menu.Positioner, { anchor: virtualAnchor, side: "bottom", align: "start", sideOffset: 0, children: _jsxs(Menu.Popup, { className: cn(POPUP_CLASS, className), children: [target.type === "node" && (_jsx(NodeMenuItems, { nodeId: target.id, taskName: target.taskName, onDelete: onDeleteNode, onDuplicate: onDuplicateNode, onAddTaskAfter: onAddTaskAfter })), target.type === "edge" && (_jsx(EdgeMenuItems, { edgeId: target.id, onDelete: onDeleteEdge, onInsertTask: onInsertTaskOnEdge })), target.type === "pane" && (_jsx(PaneMenuItems, { onAddTask: onAddTaskAtPosition, onSelectAll: onSelectAll, onAutoLayout: onAutoLayout }))] }) }) }) }));
+});
+// ---------------------------------------------------------------------------
+// Node menu items
+// ---------------------------------------------------------------------------
+function NodeMenuItems({ nodeId, taskName, onDelete, onDuplicate, onAddTaskAfter, }) {
+    return (_jsxs(_Fragment, { children: [onDuplicate && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: () => onDuplicate(nodeId), label: "Duplicate task", children: [_jsx(DuplicateIcon, {}), "Duplicate", _jsx("span", { className: SHORTCUT_HINT_CLASS, children: SHORTCUT_LABELS.duplicate })] })), onAddTaskAfter && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: () => onAddTaskAfter(nodeId), label: "Add task after", children: [_jsx(PlusIcon, {}), "Add task after\u2026"] })), (onDuplicate || onAddTaskAfter) && onDelete && (_jsx(Separator, { className: SEPARATOR_CLASS })), onDelete && (_jsxs(Menu.Item, { className: DESTRUCTIVE_ITEM_CLASS, onClick: () => onDelete(nodeId), "aria-label": `Delete task ${taskName}`, label: "Delete task", children: [_jsx(TrashIcon, {}), "Delete", _jsx("span", { className: SHORTCUT_HINT_CLASS, children: SHORTCUT_LABELS.delete })] }))] }));
+}
+// ---------------------------------------------------------------------------
+// Edge menu items
+// ---------------------------------------------------------------------------
+function EdgeMenuItems({ edgeId, onDelete, onInsertTask, }) {
+    return (_jsxs(_Fragment, { children: [onInsertTask && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: () => onInsertTask(edgeId), label: "Insert task", children: [_jsx(PlusIcon, {}), "Insert task\u2026"] })), onInsertTask && onDelete && (_jsx(Separator, { className: SEPARATOR_CLASS })), onDelete && (_jsxs(Menu.Item, { className: DESTRUCTIVE_ITEM_CLASS, onClick: () => onDelete(edgeId), label: "Delete connection", children: [_jsx(TrashIcon, {}), "Delete connection"] }))] }));
+}
+// ---------------------------------------------------------------------------
+// Pane menu items
+// ---------------------------------------------------------------------------
+function PaneMenuItems({ onAddTask, onSelectAll, onAutoLayout, }) {
+    return (_jsxs(_Fragment, { children: [onAddTask && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: onAddTask, label: "Add task", children: [_jsx(PlusIcon, {}), "Add task\u2026", _jsx("span", { className: SHORTCUT_HINT_CLASS, children: SHORTCUT_LABELS.addTask })] })), onAddTask && (onSelectAll || onAutoLayout) && (_jsx(Separator, { className: SEPARATOR_CLASS })), onSelectAll && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: onSelectAll, label: "Select all", children: [_jsx(SelectAllIcon, {}), "Select all", _jsx("span", { className: SHORTCUT_HINT_CLASS, children: SHORTCUT_LABELS.selectAll })] })), onAutoLayout && (_jsxs(Menu.Item, { className: ITEM_CLASS, onClick: onAutoLayout, label: "Auto-layout", children: [_jsx(LayoutIcon, {}), "Auto-layout"] }))] }));
+}
+// ---------------------------------------------------------------------------
+// Icons (context-menu-specific; shared icons imported from canvas-icons.tsx)
+// ---------------------------------------------------------------------------
+function SelectAllIcon() {
+    return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { x: "2", y: "2", width: "10", height: "10", rx: "1", strokeDasharray: "2 2" }), _jsx("path", { d: "M5 7l1.5 1.5L9 5.5" })] }));
+}
+function LayoutIcon() {
+    return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { x: "4", y: "1.5", width: "6", height: "3", rx: "0.5" }), _jsx("rect", { x: "1", y: "9.5", width: "5", height: "3", rx: "0.5" }), _jsx("rect", { x: "8", y: "9.5", width: "5", height: "3", rx: "0.5" }), _jsx("path", { d: "M7 4.5V7M7 7H3.5M7 7h3.5M3.5 7v2.5M10.5 7v2.5" })] }));
+}
+//# sourceMappingURL=CanvasContextMenu.js.map

package/workflow/CanvasContextMenu.js.map

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

package/workflow/CanvasTaskNode.d.ts

@@ -0,0 +1,21 @@
+import type { CanvasTaskNodeData } from "./workflow-graph-conversions";
+/**
+ * Custom React Flow node rendering a single workflow task.
+ *
+ * Displays the task's kind via category-colored left border,
+ * task name, kind badge, and appropriate connection handles.
+ * Sentinel nodes (__start__, __end__) render as compact pills.
+ *
+ * Multi-port output handles are rendered for `switch_case` (per case)
+ * and `human_input` (per outcome) task kinds.
+ *
+ * @since T15 (Visual Canvas Editor)
+ */
+export declare const CanvasTaskNode: import("react").NamedExoticComponent<Pick<import("@xyflow/react").Node<Record<string, unknown>, string | undefined>, "id" | "data" | "width" | "height" | "sourcePosition" | "targetPosition" | "dragHandle" | "parentId"> & Required<Pick<import("@xyflow/react").Node<Record<string, unknown>, string | undefined>, "type" | "draggable" | "selected" | "dragging" | "selectable" | "deletable" | "zIndex">> & {
+    isConnectable: boolean;
+    positionAbsoluteX: number;
+    positionAbsoluteY: number;
+} & {
+    data: CanvasTaskNodeData;
+}>;
+//# sourceMappingURL=CanvasTaskNode.d.ts.map

package/workflow/CanvasTaskNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasTaskNode.d.ts","sourceRoot":"","sources":["../../src/workflow/CanvasTaskNode.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAOvE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc;;;;;UAIJ,kBAAkB;EAqNvC,CAAC"}

package/workflow/CanvasTaskNode.js

@@ -0,0 +1,125 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, memo, useCallback, useContext, useRef, useState } from "react";
+import { Handle, Position, NodeToolbar } from "@xyflow/react";
+import { cn } from "@stigmer/theme";
+import { CATEGORY_COLORS } from "./canvas-constants";
+import { CanvasActionsContext } from "./CanvasActionsContext";
+import { TaskPickerPopover } from "./TaskPickerPopover";
+import { TrashIcon, DuplicateIcon, PlusIcon } from "./canvas-icons";
+const NESTED_TASK_KINDS = new Set(["fork", "for_each", "try_catch"]);
+/**
+ * Custom React Flow node rendering a single workflow task.
+ *
+ * Displays the task's kind via category-colored left border,
+ * task name, kind badge, and appropriate connection handles.
+ * Sentinel nodes (__start__, __end__) render as compact pills.
+ *
+ * Multi-port output handles are rendered for `switch_case` (per case)
+ * and `human_input` (per outcome) task kinds.
+ *
+ * @since T15 (Visual Canvas Editor)
+ */
+export const CanvasTaskNode = memo(function CanvasTaskNode({ id, data, selected, }) {
+    if (data.isSentinel) {
+        return _jsx(SentinelNode, { data: data, selected: selected });
+    }
+    const borderColor = CATEGORY_COLORS[data.category];
+    const isNested = NESTED_TASK_KINDS.has(data.kindString);
+    const errorCount = data.errorCount ?? 0;
+    const multiOutputHandles = getMultiOutputHandles(data);
+    const hasMultipleOutputs = multiOutputHandles.length > 0;
+    const actions = useContext(CanvasActionsContext);
+    const handleDelete = useCallback(() => {
+        actions?.deleteNode(id);
+    }, [actions, id]);
+    const handleDuplicate = useCallback(() => {
+        actions?.duplicateNode(id);
+    }, [actions, id]);
+    const [pickerOpen, setPickerOpen] = useState(false);
+    const hoverAddRef = useRef(null);
+    const toolbarAddRef = useRef(null);
+    const pickerAnchorRef = useRef(null);
+    const openPickerFrom = useCallback((ref) => {
+        pickerAnchorRef.current = ref.current;
+        setPickerOpen(true);
+    }, []);
+    const handleHoverAddClick = useCallback(() => {
+        openPickerFrom(hoverAddRef);
+    }, [openPickerFrom]);
+    const handleToolbarAddClick = useCallback(() => {
+        openPickerFrom(toolbarAddRef);
+    }, [openPickerFrom]);
+    const handlePickerOpenChange = useCallback((nextOpen) => {
+        setPickerOpen(nextOpen);
+    }, []);
+    const handleKindSelected = useCallback((kindString) => {
+        actions?.addSuccessorTask(id, kindString);
+    }, [actions, id]);
+    return (_jsxs("div", { className: cn("stgm group relative flex min-w-[200px] items-center gap-2 rounded-md border border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-card,var(--stgm-background,#fff))] px-3 py-2 shadow-sm transition-shadow", selected && "ring-2 ring-[var(--stgm-ring,#3b82f6)]", errorCount > 0 && "!border-[var(--stgm-destructive,#ef4444)]"), style: { borderLeftWidth: 4, borderLeftColor: borderColor }, "aria-label": `Task: ${data.taskName}, type: ${formatKindLabel(data.kindString)}${errorCount > 0 ? `, ${errorCount} ${errorCount === 1 ? "error" : "errors"}` : ""}`, children: [errorCount > 0 && (_jsx("span", { className: "absolute -right-1.5 -top-1.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-[var(--stgm-destructive,#ef4444)] px-1 text-[9px] font-bold leading-none text-white", title: `${errorCount} validation ${errorCount === 1 ? "error" : "errors"}`, children: errorCount })), _jsx(NodeToolbar, { position: Position.Top, offset: 8, align: "center", children: _jsxs("div", { className: "stgm flex items-center gap-0.5 rounded-md border border-[var(--stgm-border,#e5e5e5)] bg-[var(--stgm-popover,var(--stgm-background,#fff))] p-0.5 shadow-md", role: "toolbar", "aria-label": "Task actions", "aria-orientation": "horizontal", children: [_jsx(ToolbarButton, { icon: _jsx(DuplicateIcon, {}), label: `Duplicate task ${data.taskName}`, title: "Duplicate", onClick: handleDuplicate }), _jsx(ToolbarButton, { ref: toolbarAddRef, icon: _jsx(PlusIcon, {}), label: `Add task after ${data.taskName}`, title: "Add task after", onClick: handleToolbarAddClick }), _jsx("div", { className: "mx-0.5 h-4 w-px bg-[var(--stgm-border,#e5e5e5)]", "aria-hidden": "true" }), _jsx(ToolbarButton, { icon: _jsx(TrashIcon, {}), label: `Delete task ${data.taskName}`, title: "Delete", onClick: handleDelete, destructive: true })] }) }), _jsx("button", { type: "button", onClick: handleDelete, className: cn("absolute -right-2 -top-2 z-10 flex h-5 w-5 items-center justify-center rounded-full border border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-card,var(--stgm-background,#fff))] text-[var(--stgm-muted-foreground,#737373)] shadow-sm transition-all", "hover:border-[var(--stgm-destructive,#ef4444)] hover:bg-[var(--stgm-destructive,#ef4444)] hover:text-[var(--stgm-primary-foreground,#fff)]", "scale-75 opacity-0 group-hover:scale-100 group-hover:opacity-100"), "aria-label": `Delete task ${data.taskName}`, title: "Delete task", children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M2 3h6M3.5 3V2.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V3M4 4.5v2.5M6 4.5v2.5M3 3l.5 5h3l.5-5" }) }) }), _jsx(Handle, { type: "target", position: Position.Top, className: "!h-2 !w-2 !rounded-full !border-[var(--stgm-border-prominent,#d4d4d8)] !bg-[var(--stgm-card,var(--stgm-background,#fff))]" }), _jsxs("div", { className: "flex flex-1 flex-col gap-0.5 overflow-hidden", children: [_jsx("span", { className: "truncate text-sm font-medium text-[var(--stgm-foreground,#1a1a2e)]", children: data.taskName }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "inline-block rounded px-1 py-px text-[10px] font-medium leading-tight", style: {
+                                    color: borderColor,
+                                    backgroundColor: `color-mix(in srgb, ${borderColor} 12%, transparent)`,
+                                }, children: formatKindLabel(data.kindString) }), isNested && (_jsx("span", { className: "text-[10px] text-[var(--stgm-muted-foreground,#737373)]", children: "(nested)" }))] })] }), hasMultipleOutputs ? (_jsx(_Fragment, { children: multiOutputHandles.map((handle, idx) => {
+                    const leftPct = ((idx + 1) / (multiOutputHandles.length + 1)) * 100;
+                    return (_jsxs("div", { children: [_jsx(Handle, { type: "source", position: Position.Bottom, id: handle.id, className: "!h-2 !w-2 !rounded-full !border-[var(--stgm-border-prominent,#d4d4d8)] !bg-[var(--stgm-card,var(--stgm-background,#fff))]", style: { left: `${leftPct}%` } }), _jsx("span", { className: "pointer-events-none absolute text-[8px] font-medium leading-none text-[var(--stgm-muted-foreground,#737373)]", style: {
+                                    left: `${leftPct}%`,
+                                    bottom: -14,
+                                    transform: "translateX(-50%)",
+                                    whiteSpace: "nowrap",
+                                }, children: handle.label })] }, handle.id));
+                }) })) : (_jsx(Handle, { type: "source", position: Position.Bottom, className: "!h-2 !w-2 !rounded-full !border-[var(--stgm-border-prominent,#d4d4d8)] !bg-[var(--stgm-card,var(--stgm-background,#fff))]" })), _jsx("button", { ref: hoverAddRef, type: "button", onClick: handleHoverAddClick, className: cn("absolute -bottom-3 left-1/2 z-10 flex h-5 w-5 -translate-x-1/2 items-center justify-center rounded-full border border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-card,var(--stgm-background,#fff))] text-[var(--stgm-muted-foreground,#737373)] shadow-sm transition-all", "hover:border-[var(--stgm-primary,#6366f1)] hover:bg-[var(--stgm-primary,#6366f1)] hover:text-[var(--stgm-primary-foreground,#fff)]", "scale-75 opacity-0 group-hover:scale-100 group-hover:opacity-100"), "aria-label": `Add task after ${data.taskName}`, title: "Add task", children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M5 2v6M2 5h6" }) }) }), _jsx(TaskPickerPopover, { open: pickerOpen, onOpenChange: handlePickerOpenChange, onSelectKind: handleKindSelected, anchorRef: pickerAnchorRef, side: "bottom" })] }));
+});
+// ---------------------------------------------------------------------------
+// SentinelNode
+// ---------------------------------------------------------------------------
+function SentinelNode({ data, selected, }) {
+    const isStart = data.category === "start";
+    return (_jsxs("div", { className: cn("stgm flex items-center justify-center rounded-full border-2 px-4 py-1.5", "bg-[var(--stgm-muted,#f5f5f5)] text-xs font-medium text-[var(--stgm-foreground,#1a1a2e)]", selected && "ring-2 ring-[var(--stgm-ring,#3b82f6)]"), style: { borderColor: CATEGORY_COLORS[data.category] }, children: [isStart ? (_jsx(Handle, { type: "source", position: Position.Bottom, className: "!h-2 !w-2 !rounded-full !border-[var(--stgm-border-prominent,#d4d4d8)] !bg-[var(--stgm-muted,#f5f5f5)]" })) : (_jsx(Handle, { type: "target", position: Position.Top, className: "!h-2 !w-2 !rounded-full !border-[var(--stgm-border-prominent,#d4d4d8)] !bg-[var(--stgm-muted,#f5f5f5)]" })), data.taskName] }));
+}
+// ---------------------------------------------------------------------------
+// ToolbarButton
+// ---------------------------------------------------------------------------
+const TOOLBAR_BTN_CLASS = cn("flex h-7 w-7 items-center justify-center rounded text-[var(--stgm-popover-foreground,var(--stgm-foreground,#1a1a2e))] outline-none transition-colors", "hover:bg-[var(--stgm-accent,#e5e5e5)] focus-visible:ring-1 focus-visible:ring-[var(--stgm-ring,#3b82f6)]");
+const TOOLBAR_BTN_DESTRUCTIVE_CLASS = cn("flex h-7 w-7 items-center justify-center rounded text-[var(--stgm-popover-foreground,var(--stgm-foreground,#1a1a2e))] outline-none transition-colors", "hover:bg-[var(--stgm-destructive,#ef4444)]/10 hover:text-[var(--stgm-destructive,#ef4444)] focus-visible:ring-1 focus-visible:ring-[var(--stgm-ring,#3b82f6)]");
+const ToolbarButton = forwardRef(function ToolbarButton({ icon, label, title, onClick, destructive }, ref) {
+    return (_jsx("button", { ref: ref, type: "button", onClick: onClick, className: destructive ? TOOLBAR_BTN_DESTRUCTIVE_CLASS : TOOLBAR_BTN_CLASS, "aria-label": label, title: title, children: icon }));
+});
+/**
+ * Extracts multi-output handles for task kinds that support branching:
+ * - `switch_case`: one handle per case entry
+ * - `human_input`: one handle per outcome entry
+ *
+ * Returns empty array for all other task kinds (single default output).
+ */
+function getMultiOutputHandles(data) {
+    const config = data.config;
+    if (!config)
+        return [];
+    if (data.kindString === "switch_case") {
+        const cases = config.cases;
+        if (!Array.isArray(cases))
+            return [];
+        return cases
+            .filter((c) => c != null && typeof c === "object" && typeof c.name === "string")
+            .map((c) => ({
+            id: `case_${c.name}`,
+            label: c.name,
+        }));
+    }
+    if (data.kindString === "human_input") {
+        const outcomes = config.outcomes;
+        if (!Array.isArray(outcomes))
+            return [];
+        return outcomes
+            .filter((o) => o != null && typeof o === "object" && typeof o.name === "string")
+            .map((o) => ({
+            id: `outcome_${o.name}`,
+            label: o.name,
+        }));
+    }
+    return [];
+}
+function formatKindLabel(kind) {
+    return kind.replace(/_/g, " ");
+}
+//# sourceMappingURL=CanvasTaskNode.js.map

package/workflow/CanvasTaskNode.js.map

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

package/workflow/CanvasTransitionEdge.d.ts

@@ -0,0 +1,24 @@
+import type { CanvasTransitionEdgeData } from "./workflow-graph-conversions";
+/**
+ * Custom React Flow edge rendering a directed transition between tasks.
+ *
+ * Uses smoothstep routing (90-degree bends) with an arrowhead marker.
+ * Optionally renders a label pill for named branches (switch_case cases,
+ * human_input outcomes).
+ *
+ * Shows a "+" button at the midpoint on hover. Clicking the button inserts
+ * a new task node between the source and target, splitting this edge.
+ *
+ * @since T15 (Visual Canvas Editor)
+ */
+export declare const CanvasTransitionEdge: import("react").NamedExoticComponent<Pick<import("@xyflow/react").Edge<Record<string, unknown>, string | undefined>, "id" | "type" | "source" | "data" | "style" | "target" | "selected" | "selectable" | "deletable" | "animated"> & import("@xyflow/system").EdgePosition & import("@xyflow/react").EdgeLabelOptions & {
+    sourceHandleId?: string | null;
+    targetHandleId?: string | null;
+    markerStart?: string;
+    markerEnd?: string;
+    pathOptions?: any;
+    interactionWidth?: number;
+} & {
+    data?: CanvasTransitionEdgeData;
+}>;
+//# sourceMappingURL=CanvasTransitionEdge.d.ts.map

package/workflow/CanvasTransitionEdge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasTransitionEdge.d.ts","sourceRoot":"","sources":["../../src/workflow/CanvasTransitionEdge.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAI7E;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;WAWT,wBAAwB;EAwF9C,CAAC"}