next-workflow-builder 0.1.0

package/dist/client/components/workflow/workflow-canvas.js

@@ -0,0 +1,347 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ConnectionMode, MiniMap, useReactFlow, } from "@xyflow/react";
+import { useAtom, useAtomValue, useSetAtom } from "jotai";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Canvas } from "../ai-elements/canvas.js";
+import { Connection } from "../ai-elements/connection.js";
+import { Controls } from "../ai-elements/controls.js";
+import { AIPrompt } from "../ai-elements/prompt.js";
+import { WorkflowToolbar } from "./workflow-toolbar.js";
+import "@xyflow/react/dist/style.css";
+import { PlayCircle, Zap } from "lucide-react";
+import { nanoid } from "nanoid";
+import { addNodeAtom, autosaveAtom, currentWorkflowIdAtom, edgesAtom, hasUnsavedChangesAtom, isGeneratingAtom, isPanelAnimatingAtom, isTransitioningFromHomepageAtom, nodesAtom, onEdgesChangeAtom, onNodesChangeAtom, propertiesPanelActiveTabAtom, rightPanelWidthAtom, selectedEdgeAtom, selectedNodeAtom, showMinimapAtom, } from "../../../lib/workflow-store.js";
+import { Edge } from "../ai-elements/edge.js";
+import { Panel } from "../ai-elements/panel.js";
+import { ActionNode } from "./nodes/action-node.js";
+import { AddNode } from "./nodes/add-node.js";
+import { TriggerNode } from "./nodes/trigger-node.js";
+import { useContextMenuHandlers, WorkflowContextMenu, } from "./workflow-context-menu.js";
+const nodeTemplates = [
+    {
+        type: "trigger",
+        label: "",
+        description: "",
+        displayLabel: "Trigger",
+        icon: PlayCircle,
+        defaultConfig: { triggerType: "Manual" },
+    },
+    {
+        type: "action",
+        label: "",
+        description: "",
+        displayLabel: "Action",
+        icon: Zap,
+        defaultConfig: {},
+    },
+];
+const edgeTypes = {
+    animated: Edge.Animated,
+    temporary: Edge.Temporary,
+};
+export function WorkflowCanvas() {
+    const [nodes, setNodes] = useAtom(nodesAtom);
+    const [edges, setEdges] = useAtom(edgesAtom);
+    const [isGenerating] = useAtom(isGeneratingAtom);
+    const currentWorkflowId = useAtomValue(currentWorkflowIdAtom);
+    const [showMinimap] = useAtom(showMinimapAtom);
+    const rightPanelWidth = useAtomValue(rightPanelWidthAtom);
+    const isPanelAnimating = useAtomValue(isPanelAnimatingAtom);
+    const [isTransitioningFromHomepage, setIsTransitioningFromHomepage] = useAtom(isTransitioningFromHomepageAtom);
+    const onNodesChange = useSetAtom(onNodesChangeAtom);
+    const onEdgesChange = useSetAtom(onEdgesChangeAtom);
+    const setSelectedNode = useSetAtom(selectedNodeAtom);
+    const setSelectedEdge = useSetAtom(selectedEdgeAtom);
+    const addNode = useSetAtom(addNodeAtom);
+    const setHasUnsavedChanges = useSetAtom(hasUnsavedChangesAtom);
+    const triggerAutosave = useSetAtom(autosaveAtom);
+    const setActiveTab = useSetAtom(propertiesPanelActiveTabAtom);
+    const { screenToFlowPosition, fitView, getViewport, setViewport } = useReactFlow();
+    const connectingNodeId = useRef(null);
+    const connectingHandleType = useRef(null);
+    const justCreatedNodeFromConnection = useRef(false);
+    const viewportInitialized = useRef(false);
+    const [isCanvasReady, setIsCanvasReady] = useState(false);
+    const [contextMenuState, setContextMenuState] = useState(null);
+    const { onNodeContextMenu, onEdgeContextMenu, onPaneContextMenu } = useContextMenuHandlers(screenToFlowPosition, setContextMenuState);
+    const closeContextMenu = useCallback(() => {
+        setContextMenuState(null);
+    }, []);
+    const fittedViewForWorkflowRef = useRef(undefined);
+    const hasRealNodes = nodes.some((n) => n.type !== "add");
+    const hadRealNodesRef = useRef(false);
+    const hasPreShiftedRef = useRef(false);
+    useEffect(() => {
+        if (isTransitioningFromHomepage && !hasPreShiftedRef.current) {
+            hasPreShiftedRef.current = true;
+            const collapsedCookie = document.cookie
+                .split("; ")
+                .find((row) => row.startsWith("sidebar-collapsed="));
+            const isCollapsed = collapsedCookie?.split("=")[1] === "true";
+            if (isCollapsed) {
+                return;
+            }
+            const viewport = getViewport();
+            const defaultSidebarPercent = 0.3;
+            const shiftPixels = (window.innerWidth * defaultSidebarPercent) / 2;
+            setViewport({ ...viewport, x: viewport.x - shiftPixels }, { duration: 0 });
+        }
+    }, [isTransitioningFromHomepage, getViewport, setViewport]);
+    useEffect(() => {
+        if (fittedViewForWorkflowRef.current === currentWorkflowId) {
+            return;
+        }
+        if (isTransitioningFromHomepage && viewportInitialized.current) {
+            fittedViewForWorkflowRef.current = currentWorkflowId;
+            setIsCanvasReady(true);
+            setIsTransitioningFromHomepage(false);
+            return;
+        }
+        setTimeout(() => {
+            fitView({ maxZoom: 1, minZoom: 0.5, padding: 0.2, duration: 0 });
+            fittedViewForWorkflowRef.current = currentWorkflowId;
+            viewportInitialized.current = true;
+            setIsCanvasReady(true);
+            setIsTransitioningFromHomepage(false);
+        }, 0);
+    }, [
+        currentWorkflowId,
+        fitView,
+        isTransitioningFromHomepage,
+        setIsTransitioningFromHomepage,
+    ]);
+    useEffect(() => {
+        if (currentWorkflowId) {
+            return;
+        }
+        if (hasRealNodes && !hadRealNodesRef.current) {
+            hadRealNodesRef.current = true;
+            setTimeout(() => {
+                fitView({ maxZoom: 1, minZoom: 0.5, padding: 0.2, duration: 0 });
+                viewportInitialized.current = true;
+                setIsCanvasReady(true);
+            }, 0);
+        }
+        else if (!hasRealNodes) {
+            hadRealNodesRef.current = false;
+        }
+    }, [currentWorkflowId, hasRealNodes, fitView]);
+    useEffect(() => {
+        const handleKeyDown = (event) => {
+            if ((event.metaKey || event.ctrlKey) && event.key === "/") {
+                event.preventDefault();
+                fitView({ padding: 0.2, duration: 300 });
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        return () => {
+            window.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [fitView]);
+    const nodeTypes = useMemo(() => ({
+        trigger: TriggerNode,
+        action: ActionNode,
+        add: AddNode,
+    }), []);
+    const nodeHasHandle = useCallback((nodeId, handleType) => {
+        const node = nodes.find((n) => n.id === nodeId);
+        if (!node) {
+            return false;
+        }
+        if (node.type === "add") {
+            return false;
+        }
+        if (handleType === "target") {
+            return node.type !== "trigger";
+        }
+        return true;
+    }, [nodes]);
+    const isValidConnection = useCallback((connection) => {
+        if (!(connection.source && connection.target)) {
+            return false;
+        }
+        if (connection.source === connection.target) {
+            return false;
+        }
+        return true;
+    }, []);
+    const onConnect = useCallback((connection) => {
+        const newEdge = {
+            id: nanoid(),
+            ...connection,
+            type: "animated",
+        };
+        setEdges([...edges, newEdge]);
+        setHasUnsavedChanges(true);
+        triggerAutosave({ immediate: true });
+    }, [edges, setEdges, setHasUnsavedChanges, triggerAutosave]);
+    const onNodeClick = useCallback((_event, node) => {
+        setSelectedNode(node.id);
+    }, [setSelectedNode]);
+    const onConnectStart = useCallback((_event, params) => {
+        connectingNodeId.current = params.nodeId;
+        connectingHandleType.current = params.handleType;
+    }, []);
+    const getClientPosition = useCallback((event) => {
+        const clientX = "changedTouches" in event
+            ? event.changedTouches[0].clientX
+            : event.clientX;
+        const clientY = "changedTouches" in event
+            ? event.changedTouches[0].clientY
+            : event.clientY;
+        return { clientX, clientY };
+    }, []);
+    const calculateMenuPosition = useCallback((event, clientX, clientY) => {
+        const reactFlowBounds = event.target
+            .closest(".react-flow")
+            ?.getBoundingClientRect();
+        const adjustedX = reactFlowBounds
+            ? clientX - reactFlowBounds.left
+            : clientX;
+        const adjustedY = reactFlowBounds
+            ? clientY - reactFlowBounds.top
+            : clientY;
+        return { adjustedX, adjustedY };
+    }, []);
+    const handleConnectionToExistingNode = useCallback((nodeElement) => {
+        const targetNodeId = nodeElement.getAttribute("data-id");
+        const fromSource = connectingHandleType.current === "source";
+        const requiredHandle = fromSource ? "target" : "source";
+        const connectingId = connectingNodeId.current;
+        if (targetNodeId &&
+            connectingId &&
+            targetNodeId !== connectingId &&
+            nodeHasHandle(targetNodeId, requiredHandle)) {
+            const sourceId = fromSource ? connectingId : targetNodeId;
+            const targetId = fromSource ? targetNodeId : connectingId;
+            onConnect({
+                source: sourceId,
+                target: targetId,
+                sourceHandle: null,
+                targetHandle: null,
+            });
+        }
+    }, [nodeHasHandle, onConnect]);
+    const handleConnectionToNewNode = useCallback((event, clientX, clientY) => {
+        const sourceNodeId = connectingNodeId.current;
+        if (!sourceNodeId) {
+            return;
+        }
+        const { adjustedX, adjustedY } = calculateMenuPosition(event, clientX, clientY);
+        const actionTemplate = nodeTemplates.find((t) => t.type === "action");
+        if (!actionTemplate) {
+            return;
+        }
+        const position = screenToFlowPosition({
+            x: adjustedX,
+            y: adjustedY,
+        });
+        const nodeHeight = 192;
+        position.y -= nodeHeight / 2;
+        const newNode = {
+            id: nanoid(),
+            type: actionTemplate.type,
+            position,
+            data: {
+                label: actionTemplate.label,
+                description: actionTemplate.description,
+                type: actionTemplate.type,
+                config: actionTemplate.defaultConfig,
+                status: "idle",
+            },
+            selected: true,
+        };
+        addNode(newNode);
+        setSelectedNode(newNode.id);
+        setActiveTab("properties");
+        setTimeout(() => {
+            setNodes((currentNodes) => currentNodes.map((n) => ({
+                ...n,
+                selected: n.id === newNode.id,
+            })));
+        }, 50);
+        const fromSource = connectingHandleType.current === "source";
+        const newEdge = {
+            id: nanoid(),
+            source: fromSource ? sourceNodeId : newNode.id,
+            target: fromSource ? newNode.id : sourceNodeId,
+            type: "animated",
+        };
+        setEdges([...edges, newEdge]);
+        setHasUnsavedChanges(true);
+        triggerAutosave({ immediate: true });
+        justCreatedNodeFromConnection.current = true;
+        setTimeout(() => {
+            justCreatedNodeFromConnection.current = false;
+        }, 100);
+    }, [
+        calculateMenuPosition,
+        screenToFlowPosition,
+        addNode,
+        edges,
+        setEdges,
+        setNodes,
+        setSelectedNode,
+        setActiveTab,
+        setHasUnsavedChanges,
+        triggerAutosave,
+    ]);
+    const onConnectEnd = useCallback((event) => {
+        if (!connectingNodeId.current) {
+            return;
+        }
+        const { clientX, clientY } = getClientPosition(event);
+        const target = "changedTouches" in event
+            ? document.elementFromPoint(clientX, clientY)
+            : event.target;
+        if (!target) {
+            connectingNodeId.current = null;
+            return;
+        }
+        const nodeElement = target.closest(".react-flow__node");
+        const isHandle = target.closest(".react-flow__handle");
+        if (nodeElement && !isHandle && connectingHandleType.current) {
+            handleConnectionToExistingNode(nodeElement);
+            connectingNodeId.current = null;
+            connectingHandleType.current = null;
+            return;
+        }
+        if (!(nodeElement || isHandle)) {
+            handleConnectionToNewNode(event, clientX, clientY);
+        }
+        connectingNodeId.current = null;
+        connectingHandleType.current = null;
+    }, [
+        getClientPosition,
+        handleConnectionToExistingNode,
+        handleConnectionToNewNode,
+    ]);
+    const onPaneClick = useCallback(() => {
+        if (justCreatedNodeFromConnection.current) {
+            return;
+        }
+        setSelectedNode(null);
+        setSelectedEdge(null);
+        closeContextMenu();
+    }, [setSelectedNode, setSelectedEdge, closeContextMenu]);
+    const onSelectionChange = useCallback(({ nodes: selectedNodes }) => {
+        if (justCreatedNodeFromConnection.current && selectedNodes.length === 0) {
+            return;
+        }
+        if (selectedNodes.length === 0) {
+            setSelectedNode(null);
+        }
+        else if (selectedNodes.length === 1) {
+            setSelectedNode(selectedNodes[0].id);
+        }
+    }, [setSelectedNode]);
+    return (_jsxs("div", { className: "relative h-full bg-background", "data-testid": "workflow-canvas", style: {
+            opacity: isCanvasReady ? 1 : 0,
+            width: rightPanelWidth ? `calc(100% - ${rightPanelWidth})` : "100%",
+            transition: isPanelAnimating
+                ? "width 300ms ease-out, opacity 300ms"
+                : "opacity 300ms",
+        }, children: [_jsx("div", { className: "pointer-events-auto", children: _jsx(WorkflowToolbar, { workflowId: currentWorkflowId ?? undefined }) }), _jsxs(Canvas, { className: "bg-background", connectionLineComponent: Connection, connectionMode: ConnectionMode.Strict, edges: edges, edgeTypes: edgeTypes, elementsSelectable: !isGenerating, isValidConnection: isValidConnection, nodes: nodes, nodesConnectable: !isGenerating, nodesDraggable: !isGenerating, nodeTypes: nodeTypes, onConnect: isGenerating ? undefined : onConnect, onConnectEnd: isGenerating ? undefined : onConnectEnd, onConnectStart: isGenerating ? undefined : onConnectStart, onEdgeContextMenu: isGenerating ? undefined : onEdgeContextMenu, onEdgesChange: isGenerating ? undefined : onEdgesChange, onNodeClick: isGenerating ? undefined : onNodeClick, onNodeContextMenu: isGenerating ? undefined : onNodeContextMenu, onNodesChange: isGenerating ? undefined : onNodesChange, onPaneClick: onPaneClick, onPaneContextMenu: isGenerating ? undefined : onPaneContextMenu, onSelectionChange: isGenerating ? undefined : onSelectionChange, children: [_jsx(Panel, { className: "workflow-controls-panel border-none bg-transparent p-0", position: "bottom-left", children: _jsx(Controls, {}) }), showMinimap && (_jsx(MiniMap, { bgColor: "var(--sidebar)", nodeStrokeColor: "var(--border)" }))] }), currentWorkflowId && _jsx(AIPrompt, { workflowId: currentWorkflowId }), _jsx(WorkflowContextMenu, { menuState: contextMenuState, onClose: closeContextMenu })] }));
+}
+//# sourceMappingURL=workflow-canvas.js.map

package/dist/client/components/workflow/workflow-canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-canvas.js","sourceRoot":"","sources":["../../../../src/client/components/workflow/workflow-canvas.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,cAAc,EACd,OAAO,EAKP,YAAY,GAGb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EACL,WAAW,EACX,YAAY,EACZ,qBAAqB,EACrB,SAAS,EACT,qBAAqB,EACrB,gBAAgB,EAChB,oBAAoB,EACpB,+BAA+B,EAC/B,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EACjB,4BAA4B,EAC5B,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,GAGhB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAEL,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,aAAa,GAAG;IACpB;QACE,IAAI,EAAE,SAA6B;QACnC,KAAK,EAAE,EAAE;QACT,WAAW,EAAE,EAAE;QACf,YAAY,EAAE,SAAS;QACvB,IAAI,EAAE,UAAU;QAChB,aAAa,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE;KACzC;IACD;QACE,IAAI,EAAE,QAA4B;QAClC,KAAK,EAAE,EAAE;QACT,WAAW,EAAE,EAAE;QACf,YAAY,EAAE,QAAQ;QACtB,IAAI,EAAE,GAAG;QACT,aAAa,EAAE,EAAE;KAClB;CACF,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ;IACvB,SAAS,EAAE,IAAI,CAAC,SAAS;CAC1B,CAAC;AAGF,MAAM,UAAU,cAAc;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC7C,MAAM,CAAC,YAAY,CAAC,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACjD,MAAM,iBAAiB,GAAG,YAAY,CAAC,qBAAqB,CAAC,CAAC;IAC9D,MAAM,CAAC,WAAW,CAAC,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;IAC/C,MAAM,eAAe,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC;IAC1D,MAAM,gBAAgB,GAAG,YAAY,CAAC,oBAAoB,CAAC,CAAC;IAC5D,MAAM,CAAC,2BAA2B,EAAE,8BAA8B,CAAC,GAAG,OAAO,CAC3E,+BAA+B,CAChC,CAAC;IACF,MAAM,aAAa,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACpD,MAAM,aAAa,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACpD,MAAM,eAAe,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACxC,MAAM,oBAAoB,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC/D,MAAM,eAAe,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,UAAU,CAAC,4BAA4B,CAAC,CAAC;IAC9D,MAAM,EAAE,oBAAoB,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,GAC/D,YAAY,EAAE,CAAC;IAEjB,MAAM,gBAAgB,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IACrD,MAAM,oBAAoB,GAAG,MAAM,CAA6B,IAAI,CAAC,CAAC;IACtE,MAAM,6BAA6B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAC3C,QAAQ,CAAmB,IAAI,CAAC,CAAC;IAGnC,MAAM,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAC/D,sBAAsB,CAAC,oBAAoB,EAAE,mBAAmB,CAAC,CAAC;IAEpE,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAGP,MAAM,wBAAwB,GAAG,MAAM,CAA4B,SAAS,CAAC,CAAC;IAE9E,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;IACzD,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,2BAA2B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC7D,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;YAGhC,MAAM,eAAe,GAAG,QAAQ,CAAC,MAAM;iBACpC,KAAK,CAAC,IAAI,CAAC;iBACX,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC;YACvD,MAAM,WAAW,GAAG,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC;YAG9D,IAAI,WAAW,EAAE,CAAC;gBAChB,OAAO;YACT,CAAC;YAID,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;YAC/B,MAAM,qBAAqB,GAAG,GAAG,CAAC;YAClC,MAAM,WAAW,GAAG,CAAC,MAAM,CAAC,UAAU,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC;YACpE,WAAW,CACT,EAAE,GAAG,QAAQ,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,WAAW,EAAE,EAC5C,EAAE,QAAQ,EAAE,CAAC,EAAE,CAChB,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,2BAA2B,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAG5D,SAAS,CAAC,GAAG,EAAE;QAEb,IAAI,wBAAwB,CAAC,OAAO,KAAK,iBAAiB,EAAE,CAAC;YAC3D,OAAO;QACT,CAAC;QAGD,IAAI,2BAA2B,IAAI,mBAAmB,CAAC,OAAO,EAAE,CAAC;YAC/D,wBAAwB,CAAC,OAAO,GAAG,iBAAiB,CAAC;YACrD,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAEvB,8BAA8B,CAAC,KAAK,CAAC,CAAC;YACtC,OAAO;QACT,CAAC;QAGD,UAAU,CAAC,GAAG,EAAE;YACd,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;YACjE,wBAAwB,CAAC,OAAO,GAAG,iBAAiB,CAAC;YACrD,mBAAmB,CAAC,OAAO,GAAG,IAAI,CAAC;YAEnC,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAEvB,8BAA8B,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC,EAAE;QACD,iBAAiB;QACjB,OAAO;QACP,2BAA2B;QAC3B,8BAA8B;KAC/B,CAAC,CAAC;IAGH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAI,YAAY,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;YAC7C,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;YAE/B,UAAU,CAAC,GAAG,EAAE;gBACd,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;gBACjE,mBAAmB,CAAC,OAAO,GAAG,IAAI,CAAC;gBACnC,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACzB,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC;aAAM,IAAI,CAAC,YAAY,EAAE,CAAC;YAEzB,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAClC,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAG/C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YAE7C,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBAC1D,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;YAC3C,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,WAAW;QACpB,MAAM,EAAE,UAAU;QAClB,GAAG,EAAE,OAAO;KACb,CAAC,EACF,EAAE,CACH,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,MAAc,EAAE,UAA+B,EAAE,EAAE;QAClD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;QAEhD,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;YACxB,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;YAC5B,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;QACjC,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,UAAyC,EAAE,EAAE;QAE5C,IAAI,CAAC,CAAC,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;YAC9C,OAAO,KAAK,CAAC;QACf,CAAC;QAGD,IAAI,UAAU,CAAC,MAAM,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;YAC5C,OAAO,KAAK,CAAC;QACf,CAAC;QAKD,OAAO,IAAI,CAAC;IACd,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,SAAS,GAAc,WAAW,CACtC,CAAC,UAA4B,EAAE,EAAE;QAC/B,MAAM,OAAO,GAAG;YACd,EAAE,EAAE,MAAM,EAAE;YACZ,GAAG,UAAU;YACb,IAAI,EAAE,UAAU;SACjB,CAAC;QACF,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;QAC9B,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAE3B,eAAe,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACvC,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,eAAe,CAAC,CACzD,CAAC;IAEF,MAAM,WAAW,GAAqB,WAAW,CAC/C,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;QACf,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC3B,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,MAA+B,EAAE,MAA4B,EAAE,EAAE;QAChE,gBAAgB,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;QACzC,oBAAoB,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;IACnD,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,KAA8B,EAAE,EAAE;QACvE,MAAM,OAAO,GACX,gBAAgB,IAAI,KAAK;YACvB,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO;YACjC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;QACpB,MAAM,OAAO,GACX,gBAAgB,IAAI,KAAK;YACvB,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO;YACjC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;QACpB,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,KAA8B,EAAE,OAAe,EAAE,OAAe,EAAE,EAAE;QACnE,MAAM,eAAe,GAAI,KAAK,CAAC,MAAkB;aAC9C,OAAO,CAAC,aAAa,CAAC;YACvB,EAAE,qBAAqB,EAAE,CAAC;QAE5B,MAAM,SAAS,GAAG,eAAe;YAC/B,CAAC,CAAC,OAAO,GAAG,eAAe,CAAC,IAAI;YAChC,CAAC,CAAC,OAAO,CAAC;QACZ,MAAM,SAAS,GAAG,eAAe;YAC/B,CAAC,CAAC,OAAO,GAAG,eAAe,CAAC,GAAG;YAC/B,CAAC,CAAC,OAAO,CAAC;QAEZ,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;IAClC,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,8BAA8B,GAAG,WAAW,CAChD,CAAC,WAAoB,EAAE,EAAE;QACvB,MAAM,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QACzD,MAAM,UAAU,GAAG,oBAAoB,CAAC,OAAO,KAAK,QAAQ,CAAC;QAC7D,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;QACxD,MAAM,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC;QAE9C,IACE,YAAY;YACZ,YAAY;YACZ,YAAY,KAAK,YAAY;YAC7B,aAAa,CAAC,YAAY,EAAE,cAAc,CAAC,EAC3C,CAAC;YACD,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC;YAC1D,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC;YAC1D,SAAS,CAAC;gBACR,MAAM,EAAE,QAAQ;gBAChB,MAAM,EAAE,QAAQ;gBAChB,YAAY,EAAE,IAAI;gBAClB,YAAY,EAAE,IAAI;aACnB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EACD,CAAC,aAAa,EAAE,SAAS,CAAC,CAC3B,CAAC;IAEF,MAAM,yBAAyB,GAAG,WAAW,CAC3C,CAAC,KAA8B,EAAE,OAAe,EAAE,OAAe,EAAE,EAAE;QACnE,MAAM,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC;QAC9C,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,qBAAqB,CACpD,KAAK,EACL,OAAO,EACP,OAAO,CACR,CAAC;QAGF,MAAM,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC;QACtE,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAGD,MAAM,QAAQ,GAAG,oBAAoB,CAAC;YACpC,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,SAAS;SACb,CAAC,CAAC;QAIH,MAAM,UAAU,GAAG,GAAG,CAAC;QACvB,QAAQ,CAAC,CAAC,IAAI,UAAU,GAAG,CAAC,CAAC;QAE7B,MAAM,OAAO,GAAiB;YAC5B,EAAE,EAAE,MAAM,EAAE;YACZ,IAAI,EAAE,cAAc,CAAC,IAAI;YACzB,QAAQ;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE,cAAc,CAAC,KAAK;gBAC3B,WAAW,EAAE,cAAc,CAAC,WAAW;gBACvC,IAAI,EAAE,cAAc,CAAC,IAAI;gBACzB,MAAM,EAAE,cAAc,CAAC,aAAa;gBACpC,MAAM,EAAE,MAAM;aACf;YACD,QAAQ,EAAE,IAAI;SACf,CAAC;QAEF,OAAO,CAAC,OAAO,CAAC,CAAC;QACjB,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC5B,YAAY,CAAC,YAAY,CAAC,CAAC;QAI3B,UAAU,CAAC,GAAG,EAAE;YACd,QAAQ,CAAC,CAAC,YAAY,EAAE,EAAE,CACxB,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBACvB,GAAG,CAAC;gBACJ,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE;aAC9B,CAAC,CAAC,CACJ,CAAC;QACJ,CAAC,EAAE,EAAE,CAAC,CAAC;QAGP,MAAM,UAAU,GAAG,oBAAoB,CAAC,OAAO,KAAK,QAAQ,CAAC;QAE7D,MAAM,OAAO,GAAG;YACd,EAAE,EAAE,MAAM,EAAE;YACZ,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE;YAC9C,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;YAC9C,IAAI,EAAE,UAAU;SACjB,CAAC;QACF,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;QAC9B,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAE3B,eAAe,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QAGrC,6BAA6B,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7C,UAAU,CAAC,GAAG,EAAE;YACd,6BAA6B,CAAC,OAAO,GAAG,KAAK,CAAC;QAChD,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EACD;QACE,qBAAqB;QACrB,oBAAoB;QACpB,OAAO;QACP,KAAK;QACL,QAAQ;QACR,QAAQ;QACR,eAAe;QACf,YAAY;QACZ,oBAAoB;QACpB,eAAe;KAChB,CACF,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAA8B,EAAE,EAAE;QACjC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QAGD,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAItD,MAAM,MAAM,GACV,gBAAgB,IAAI,KAAK;YACvB,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC;YAC7C,CAAC,CAAE,KAAK,CAAC,MAAkB,CAAC;QAEhC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;YAChC,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QACxD,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAGvD,IAAI,WAAW,IAAI,CAAC,QAAQ,IAAI,oBAAoB,CAAC,OAAO,EAAE,CAAC;YAC7D,8BAA8B,CAAC,WAAW,CAAC,CAAC;YAC5C,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;YAChC,oBAAoB,CAAC,OAAO,GAAG,IAAI,CAAC;YACpC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,CAAC,WAAW,IAAI,QAAQ,CAAC,EAAE,CAAC;YAC/B,yBAAyB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QACrD,CAAC;QAED,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;QAChC,oBAAoB,CAAC,OAAO,GAAG,IAAI,CAAC;IACtC,CAAC,EACD;QACE,iBAAiB;QACjB,8BAA8B;QAC9B,yBAAyB;KAC1B,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QAEnC,IAAI,6BAA6B,CAAC,OAAO,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QACD,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,gBAAgB,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEzD,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,EAAE,KAAK,EAAE,aAAa,EAAqB,EAAE,EAAE;QAE9C,IAAI,6BAA6B,CAAC,OAAO,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxE,OAAO;QACT,CAAC;QAED,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC/B,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;aAAM,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAC,+BAA+B,iBAC7B,iBAAiB,EAC7B,KAAK,EAAE;YACL,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,eAAe,GAAG,CAAC,CAAC,CAAC,MAAM;YACnE,UAAU,EAAE,gBAAgB;gBAC1B,CAAC,CAAC,qCAAqC;gBACvC,CAAC,CAAC,eAAe;SACpB,aAGD,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,eAAe,IAAC,UAAU,EAAE,iBAAiB,IAAI,SAAS,GAAI,GAC3D,EAGN,MAAC,MAAM,IACL,SAAS,EAAC,eAAe,EACzB,uBAAuB,EAAE,UAAU,EACnC,cAAc,EAAE,cAAc,CAAC,MAAM,EACrC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,CAAC,YAAY,EACjC,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,CAAC,YAAY,EAC/B,cAAc,EAAE,CAAC,YAAY,EAC7B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC/C,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EACrD,cAAc,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,EACzD,iBAAiB,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAC/D,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EACvD,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACnD,iBAAiB,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAC/D,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EACvD,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAC/D,iBAAiB,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,aAE/D,KAAC,KAAK,IACJ,SAAS,EAAC,wDAAwD,EAClE,QAAQ,EAAC,aAAa,YAEtB,KAAC,QAAQ,KAAG,GACN,EACP,WAAW,IAAI,CACd,KAAC,OAAO,IAAC,OAAO,EAAC,gBAAgB,EAAC,eAAe,EAAC,eAAe,GAAG,CACrE,IACM,EAGR,iBAAiB,IAAI,KAAC,QAAQ,IAAC,UAAU,EAAE,iBAAiB,GAAI,EAGjE,KAAC,mBAAmB,IAClB,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,gBAAgB,GACzB,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/client/components/workflow/workflow-context-menu.d.ts

@@ -0,0 +1,27 @@
+import type { Edge, Node, XYPosition } from "@xyflow/react";
+export type ContextMenuType = "node" | "edge" | "pane" | null;
+export type ContextMenuState = {
+    type: ContextMenuType;
+    position: {
+        x: number;
+        y: number;
+    };
+    flowPosition?: XYPosition;
+    nodeId?: string;
+    edgeId?: string;
+} | null;
+type WorkflowContextMenuProps = {
+    menuState: ContextMenuState;
+    onClose: () => void;
+};
+export declare function WorkflowContextMenu({ menuState, onClose, }: WorkflowContextMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function useContextMenuHandlers(screenToFlowPosition: (position: {
+    x: number;
+    y: number;
+}) => XYPosition, setMenuState: (state: ContextMenuState) => void): {
+    onNodeContextMenu: (event: React.MouseEvent, node: Node) => void;
+    onEdgeContextMenu: (event: React.MouseEvent, edge: Edge) => void;
+    onPaneContextMenu: (event: React.MouseEvent | MouseEvent) => void;
+};
+export {};
+//# sourceMappingURL=workflow-context-menu.d.ts.map

package/dist/client/components/workflow/workflow-context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-context-menu.d.ts","sourceRoot":"","sources":["../../../../src/client/components/workflow/workflow-context-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAkB5D,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAE9D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,eAAe,CAAC;IACtB,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,IAAI,CAAC;AAET,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAO,GACR,EAAE,wBAAwB,2CA+J1B;AAqCD,wBAAgB,sBAAsB,CACpC,oBAAoB,EAAE,CAAC,QAAQ,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,UAAU,EACxE,YAAY,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI;+BAGrC,KAAK,CAAC,UAAU,QAAQ,IAAI;+BAY5B,KAAK,CAAC,UAAU,QAAQ,IAAI;+BAY5B,KAAK,CAAC,UAAU,GAAG,UAAU;EAoBxC"}

package/dist/client/components/workflow/workflow-context-menu.js

@@ -0,0 +1,156 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAtomValue, useSetAtom } from "jotai";
+import { Link2Off, Plus, Trash2 } from "lucide-react";
+import { nanoid } from "nanoid";
+import { useCallback, useEffect, useRef } from "react";
+import { ConfirmOverlay } from "../overlays/confirm-overlay.js";
+import { useOverlay } from "../overlays/overlay-provider.js";
+import { cn } from "../../../lib/utils.js";
+import { addNodeAtom, deleteEdgeAtom, deleteNodeAtom, nodesAtom, propertiesPanelActiveTabAtom, selectedNodeAtom, } from "../../../lib/workflow-store.js";
+export function WorkflowContextMenu({ menuState, onClose, }) {
+    const nodes = useAtomValue(nodesAtom);
+    const deleteNode = useSetAtom(deleteNodeAtom);
+    const deleteEdge = useSetAtom(deleteEdgeAtom);
+    const addNode = useSetAtom(addNodeAtom);
+    const setSelectedNode = useSetAtom(selectedNodeAtom);
+    const setActiveTab = useSetAtom(propertiesPanelActiveTabAtom);
+    const { open: openOverlay } = useOverlay();
+    const menuRef = useRef(null);
+    const handleDeleteNode = useCallback(() => {
+        if (menuState?.nodeId) {
+            const nodeId = menuState.nodeId;
+            onClose();
+            openOverlay(ConfirmOverlay, {
+                title: "Delete Step",
+                message: "Are you sure you want to delete this node? This action cannot be undone.",
+                confirmLabel: "Delete",
+                confirmVariant: "destructive",
+                onConfirm: () => {
+                    deleteNode(nodeId);
+                },
+            });
+        }
+    }, [menuState, deleteNode, onClose, openOverlay]);
+    const handleDeleteEdge = useCallback(() => {
+        if (menuState?.edgeId) {
+            const edgeId = menuState.edgeId;
+            onClose();
+            openOverlay(ConfirmOverlay, {
+                title: "Delete Connection",
+                message: "Are you sure you want to delete this connection? This action cannot be undone.",
+                confirmLabel: "Delete",
+                confirmVariant: "destructive",
+                onConfirm: () => {
+                    deleteEdge(edgeId);
+                },
+            });
+        }
+    }, [menuState, deleteEdge, onClose, openOverlay]);
+    const handleAddStep = useCallback(() => {
+        if (menuState?.flowPosition) {
+            const nodeHeight = 192;
+            const newNode = {
+                id: nanoid(),
+                type: "action",
+                position: {
+                    x: menuState.flowPosition.x,
+                    y: menuState.flowPosition.y - nodeHeight / 2,
+                },
+                data: {
+                    label: "",
+                    description: "",
+                    type: "action",
+                    config: {},
+                    status: "idle",
+                },
+                selected: true,
+            };
+            addNode(newNode);
+            setSelectedNode(newNode.id);
+            setActiveTab("properties");
+        }
+        onClose();
+    }, [menuState, addNode, setSelectedNode, setActiveTab, onClose]);
+    useEffect(() => {
+        if (!menuState) {
+            return;
+        }
+        const handleClickOutside = (event) => {
+            if (menuRef.current &&
+                !menuRef.current.contains(event.target)) {
+                onClose();
+            }
+        };
+        const handleEscape = (event) => {
+            if (event.key === "Escape") {
+                onClose();
+            }
+        };
+        const timeoutId = setTimeout(() => {
+            document.addEventListener("mousedown", handleClickOutside);
+            document.addEventListener("keydown", handleEscape);
+        }, 0);
+        return () => {
+            clearTimeout(timeoutId);
+            document.removeEventListener("mousedown", handleClickOutside);
+            document.removeEventListener("keydown", handleEscape);
+        };
+    }, [menuState, onClose]);
+    if (!menuState) {
+        return null;
+    }
+    const isTriggerNode = Boolean(menuState.nodeId &&
+        nodes.find((n) => n.id === menuState.nodeId)?.data.type === "trigger");
+    const getNodeLabel = () => {
+        if (!menuState.nodeId) {
+            return "Step";
+        }
+        const node = nodes.find((n) => n.id === menuState.nodeId);
+        return node?.data.label || "Step";
+    };
+    return (_jsxs("div", { className: "fade-in-0 zoom-in-95 fixed z-50 min-w-[8rem] animate-in overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", ref: menuRef, style: {
+            left: menuState.position.x,
+            top: menuState.position.y,
+        }, children: [menuState.type === "node" && (_jsx(MenuItem, { disabled: isTriggerNode, icon: _jsx(Trash2, { className: "size-4" }), label: `Delete ${getNodeLabel()}`, onClick: handleDeleteNode, variant: "destructive" })), menuState.type === "edge" && (_jsx(MenuItem, { icon: _jsx(Link2Off, { className: "size-4" }), label: "Delete Connection", onClick: handleDeleteEdge, variant: "destructive" })), menuState.type === "pane" && (_jsx(MenuItem, { icon: _jsx(Plus, { className: "size-4" }), label: "Add Step", onClick: handleAddStep }))] }));
+}
+function MenuItem({ icon, label, onClick, variant = "default", disabled, }) {
+    return (_jsxs("button", { className: cn("relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none", "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", variant === "destructive" &&
+            "text-destructive hover:bg-destructive/10 hover:text-destructive focus:bg-destructive/10 focus:text-destructive", disabled && "pointer-events-none opacity-50"), disabled: disabled, onClick: onClick, type: "button", children: [icon, label] }));
+}
+export function useContextMenuHandlers(screenToFlowPosition, setMenuState) {
+    const onNodeContextMenu = useCallback((event, node) => {
+        event.preventDefault();
+        setMenuState({
+            type: "node",
+            position: { x: event.clientX, y: event.clientY },
+            nodeId: node.id,
+        });
+    }, [setMenuState]);
+    const onEdgeContextMenu = useCallback((event, edge) => {
+        event.preventDefault();
+        setMenuState({
+            type: "edge",
+            position: { x: event.clientX, y: event.clientY },
+            edgeId: edge.id,
+        });
+    }, [setMenuState]);
+    const onPaneContextMenu = useCallback((event) => {
+        event.preventDefault();
+        const flowPosition = screenToFlowPosition({
+            x: event.clientX,
+            y: event.clientY,
+        });
+        setMenuState({
+            type: "pane",
+            position: { x: event.clientX, y: event.clientY },
+            flowPosition,
+        });
+    }, [screenToFlowPosition, setMenuState]);
+    return {
+        onNodeContextMenu,
+        onEdgeContextMenu,
+        onPaneContextMenu,
+    };
+}
+//# sourceMappingURL=workflow-context-menu.js.map

package/dist/client/components/workflow/workflow-context-menu.js.map

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

package/dist/client/components/workflow/workflow-editor.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    workflowId: string;
+};
+declare const WorkflowEditor: ({ workflowId }: Props) => import("react/jsx-runtime").JSX.Element;
+export { WorkflowEditor };
+//# sourceMappingURL=workflow-editor.d.ts.map

package/dist/client/components/workflow/workflow-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-editor.d.ts","sourceRoot":"","sources":["../../../../src/client/components/workflow/workflow-editor.tsx"],"names":[],"mappings":"AAoCA,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,gBAAgB,KAAK,4CAioB5C,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}