@xyne/workflow-ui 0.1.0

package/dist/components/builder/v2/WorkflowBuilder.d.ts

@@ -0,0 +1,14 @@
+import type React from 'react';
+import type { WorkflowConfig } from '@xyne/workflow-sdk/builder';
+import { type UseWorkflowBuilderReturn } from '../../../hooks/use-workflow-builder.js';
+export interface WorkflowBuilderProps {
+    builder?: UseWorkflowBuilderReturn;
+    initialConfig?: WorkflowConfig;
+    onChange?: (config: WorkflowConfig) => void;
+    onSave?: (config: WorkflowConfig) => Promise<void>;
+    onTestRun?: (config: WorkflowConfig) => void;
+    readOnly?: boolean;
+    className?: string;
+}
+export declare function WorkflowBuilder(props: WorkflowBuilderProps): React.JSX.Element;
+//# sourceMappingURL=WorkflowBuilder.d.ts.map

package/dist/components/builder/v2/WorkflowBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowBuilder.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v2/WorkflowBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAsB,KAAK,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAS3G,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8OD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAM1D"}

package/dist/components/builder/v2/WorkflowBuilder.js

@@ -0,0 +1,189 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from 'react';
+import { ReactFlow, Background, MiniMap, ReactFlowProvider, } from '@xyflow/react';
+import { useWorkflowBuilder } from '../../../hooks/use-workflow-builder.js';
+import { useStepMetadata } from '../../../hooks/use-step-metadata.js';
+import { computeLayout } from './layout-engine.js';
+import { v2NodeTypes } from './node-types.js';
+import { v2EdgeTypes } from './edge-types.js';
+import { TriggerPicker } from './TriggerPicker.js';
+import { StepPicker } from './StepPicker.js';
+import { cn } from '../../shared/cn.js';
+function WorkflowBuilderInner({ builder: externalBuilder, initialConfig, onChange, readOnly, className, }) {
+    const opts = { autoValidate: true };
+    if (initialConfig)
+        opts.initialConfig = initialConfig;
+    if (onChange)
+        opts.onChange = onChange;
+    const internalBuilder = useWorkflowBuilder(opts);
+    const builder = externalBuilder ?? internalBuilder;
+    const { stepMeta, triggerMeta } = useStepMetadata(builder.config);
+    // Modal state
+    const [showTriggerPicker, setShowTriggerPicker] = useState(false);
+    const [showStepPicker, setShowStepPicker] = useState(false);
+    const [addAfterStepId, setAddAfterStepId] = useState(undefined);
+    const [addInBranch, setAddInBranch] = useState(undefined);
+    // Resolve trigger label and icon from backend metadata
+    const triggerInfo = useMemo(() => {
+        const meta = triggerMeta.find((t) => t.type === builder.config.trigger.type);
+        return { label: meta?.name, icon: meta?.icon };
+    }, [triggerMeta, builder.config.trigger.type]);
+    // onNodeClick — the ONLY reliable way to handle clicks in ReactFlow
+    const handleNodeClick = useCallback((_event, node) => {
+        if (readOnly)
+            return;
+        if (node.type === 'trigger') {
+            if (builder.isTriggerConfigured) {
+                builder.selectTrigger();
+            }
+            else {
+                setShowTriggerPicker(true);
+            }
+        }
+        else if (node.type === 'step') {
+            builder.selectStep(node.id);
+        }
+        else if (node.type === 'addButton') {
+            const data = node.data;
+            const inBranch = data['inBranch'];
+            if (inBranch) {
+                // "+" inside a branch — open StepPicker with branch context
+                setAddInBranch(inBranch);
+                setAddAfterStepId(undefined);
+            }
+            else {
+                // "+" in top-level chain
+                const afterId = data['afterStepId'];
+                setAddAfterStepId(afterId || undefined);
+                setAddInBranch(undefined);
+            }
+            setShowStepPicker(true);
+        }
+    }, [builder, readOnly]);
+    const handleCanvasClick = useCallback(() => {
+        builder.clearSelection();
+    }, [builder]);
+    const handleSelectTrigger = useCallback((type) => {
+        builder.setTrigger(type);
+        builder.selectTrigger();
+        setShowTriggerPicker(false);
+    }, [builder]);
+    const handleAddStep = useCallback((type) => {
+        if (addInBranch) {
+            builder.addStep(type, undefined, addInBranch);
+        }
+        else {
+            builder.addStep(type, addAfterStepId);
+        }
+        setShowStepPicker(false);
+        setAddAfterStepId(undefined);
+        setAddInBranch(undefined);
+    }, [builder, addAfterStepId, addInBranch]);
+    // Convert WorkflowConfig → ReactFlow nodes + edges
+    const { nodes, edges } = useMemo(() => {
+        const layout = computeLayout(builder.config, {
+            stepMeta,
+            triggerLabel: triggerInfo.label,
+            triggerIcon: triggerInfo.icon,
+            includeAddButtons: !readOnly,
+        });
+        const rfNodes = layout.nodes.map((n) => {
+            if (n.type === 'trigger') {
+                return {
+                    id: n.id,
+                    type: n.type,
+                    position: n.position,
+                    data: {
+                        triggerType: n.data.triggerType ?? '',
+                        label: n.data.label,
+                        icon: n.data.icon,
+                        isSelected: builder.isTriggerSelected,
+                        isConfigured: builder.isTriggerConfigured,
+                    },
+                };
+            }
+            if (n.type === 'addButton') {
+                if (readOnly)
+                    return null;
+                return {
+                    id: n.id,
+                    type: n.type,
+                    position: n.position,
+                    data: {
+                        afterStepId: n.data.afterStepId ?? '',
+                        inBranch: n.data.inBranch,
+                    },
+                };
+            }
+            if (n.type === 'step') {
+                const stepConfig = n.data.stepConfig;
+                const isDisabled = stepConfig
+                    ? Boolean(stepConfig.config?.['disabled'])
+                    : false;
+                const nodeData = {
+                    stepConfig: stepConfig ?? { id: n.id, type: 'UNKNOWN', config: {} },
+                    label: n.data.label,
+                    category: n.data.category,
+                    kind: n.data.kind,
+                    icon: n.data.icon,
+                    isSelected: builder.selectedStepId === n.id,
+                    isDisabled,
+                    hasValidationErrors: false,
+                    dynamicBranchContainer: n.data.dynamicBranchContainer,
+                };
+                if (!readOnly) {
+                    nodeData['onDelete'] = () => builder.removeStep(n.id);
+                    nodeData['onDuplicate'] = () => builder.duplicateStep(n.id);
+                    nodeData['onToggleDisabled'] = () => builder.toggleStepDisabled(n.id);
+                    // For dynamic branch containers (PARALLEL): provide addBranch callback
+                    if (n.data.dynamicBranchContainer) {
+                        nodeData['onAddBranch'] = (branchName) => {
+                            builder.addBranch(n.id, n.data.dynamicBranchContainer, branchName);
+                        };
+                    }
+                }
+                return { id: n.id, type: n.type, position: n.position, data: nodeData };
+            }
+            // terminal
+            return { id: n.id, type: n.type, position: n.position, data: { label: n.data.label } };
+        }).filter(Boolean);
+        const rfEdges = layout.edges.map((e) => {
+            const edge = {
+                id: e.id,
+                source: e.source,
+                target: e.target,
+                type: e.type === 'loopback' ? 'loopback' : e.type === 'loopBody' ? 'loopBody' : e.label ? 'branch' : 'smoothstep',
+                ...(e.label ? { label: e.label } : {}),
+                ...(e.sourceHandle ? { sourceHandle: e.sourceHandle } : {}),
+                ...(e.targetHandle ? { targetHandle: e.targetHandle } : {}),
+            };
+            if (e.data && !readOnly) {
+                const bd = e.data;
+                edge.data = {
+                    ...e.data,
+                    onRename: (newName) => {
+                        const dotIdx = bd.branchKey.indexOf('.');
+                        const containerKey = dotIdx >= 0 ? bd.branchKey.slice(0, dotIdx) : bd.branchKey;
+                        const oldName = dotIdx >= 0 ? bd.branchKey.slice(dotIdx + 1) : bd.branchKey;
+                        builder.renameBranch(bd.branchStepId, containerKey, oldName, newName);
+                    },
+                };
+            }
+            return edge;
+        });
+        return { nodes: rfNodes, edges: rfEdges };
+    }, [builder, stepMeta, triggerInfo, readOnly]);
+    return (_jsxs("div", { className: cn('flex h-full w-full', className), "data-workflow-ui": true, children: [_jsxs(ReactFlow, { nodes: nodes, edges: edges, nodeTypes: v2NodeTypes, edgeTypes: v2EdgeTypes, onNodeClick: handleNodeClick, onPaneClick: handleCanvasClick, fitView: true, fitViewOptions: { padding: 0.4, maxZoom: 1 }, proOptions: { hideAttribution: true }, nodesDraggable: false, nodesConnectable: false, elementsSelectable: false, panOnDrag: true, zoomOnScroll: true, minZoom: 0.25, maxZoom: 2, defaultEdgeOptions: {
+                    style: { stroke: '#cbd5e1', strokeWidth: 1.5 },
+                    type: 'smoothstep',
+                }, children: [_jsx(Background, { gap: 20, size: 1, color: "#e2e8f0", style: { opacity: 0.4 } }), _jsx(MiniMap, { nodeStrokeWidth: 2, pannable: true, zoomable: true, maskColor: "rgba(248, 250, 252, 0.75)", style: {
+                            bottom: 12,
+                            right: 12,
+                            width: 140,
+                            height: 90,
+                        } })] }), _jsx(TriggerPicker, { open: showTriggerPicker, onSelect: handleSelectTrigger, onClose: () => setShowTriggerPicker(false) }), _jsx(StepPicker, { open: showStepPicker, onSelect: handleAddStep, onClose: () => { setShowStepPicker(false); setAddAfterStepId(undefined); setAddInBranch(undefined); } })] }));
+}
+export function WorkflowBuilder(props) {
+    return (_jsx(ReactFlowProvider, { children: _jsx(WorkflowBuilderInner, { ...props }) }));
+}
+//# sourceMappingURL=WorkflowBuilder.js.map

package/dist/components/builder/v2/WorkflowBuilder.js.map

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

package/dist/components/builder/v2/edge-types.d.ts

@@ -0,0 +1,3 @@
+import type { EdgeTypes } from '@xyflow/react';
+export declare const v2EdgeTypes: EdgeTypes;
+//# sourceMappingURL=edge-types.d.ts.map

package/dist/components/builder/v2/edge-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edge-types.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v2/edge-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAK/C,eAAO,MAAM,WAAW,EAAE,SAIzB,CAAC"}

package/dist/components/builder/v2/edge-types.js

@@ -0,0 +1,9 @@
+import { BranchEdge } from './BranchEdge.js';
+import { LoopbackEdge } from './LoopbackEdge.js';
+import { LoopBodyEdge } from './LoopBodyEdge.js';
+export const v2EdgeTypes = {
+    branch: BranchEdge,
+    loopback: LoopbackEdge,
+    loopBody: LoopBodyEdge,
+};
+//# sourceMappingURL=edge-types.js.map

package/dist/components/builder/v2/edge-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edge-types.js","sourceRoot":"","sources":["../../../../src/components/builder/v2/edge-types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAc;IACpC,MAAM,EAAE,UAAU;IAClB,QAAQ,EAAE,YAAY;IACtB,QAAQ,EAAE,YAAY;CACvB,CAAC"}

package/dist/components/builder/v2/icons.d.ts

@@ -0,0 +1,25 @@
+/**
+ * v2/icons — Centralized icon registry keyed by ICON NAME from backend.
+ *
+ * Components call getStepIcon(iconName) — never check step type.
+ * Icon names come from StepSummary.icon / TriggerSummary.icon provided by the backend.
+ */
+import type React from 'react';
+export interface IconProps {
+    size?: number;
+    className?: string;
+}
+/**
+ * Get an icon component by name (from backend StepSummary.icon / TriggerSummary.icon).
+ * Returns a fallback icon for unknown names.
+ */
+export declare function getIcon(iconName?: string, props?: IconProps): React.ReactElement;
+/**
+ * Get a step icon by name — alias for getIcon.
+ */
+export declare function getStepIcon(iconName?: string, props?: IconProps): React.ReactElement;
+/**
+ * Get a trigger icon by name — alias for getIcon.
+ */
+export declare function getTriggerIcon(iconName?: string, props?: IconProps): React.ReactElement;
+//# sourceMappingURL=icons.d.ts.map

package/dist/components/builder/v2/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v2/icons.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmFD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,GAAE,SAAc,GAAG,KAAK,CAAC,YAAY,CAIpF;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,GAAE,SAAc,GAAG,KAAK,CAAC,YAAY,CAExF;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,GAAE,SAAc,GAAG,KAAK,CAAC,YAAY,CAE3F"}

package/dist/components/builder/v2/icons.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ICON_MAP = {
+    // Step icons
+    filter: ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("path", { d: "M3 6h18" }), _jsx("path", { d: "M7 12h10" }), _jsx("path", { d: "M10 18h4" })] })),
+    code: ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("polyline", { points: "16 18 22 12 16 6" }), _jsx("polyline", { points: "8 6 2 12 8 18" })] })),
+    globe: ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M2 12h20" }), _jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })] })),
+    repeat: ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("path", { d: "M17 2l4 4-4 4" }), _jsx("path", { d: "M3 11V9a4 4 0 0 1 4-4h14" }), _jsx("path", { d: "M7 22l-4-4 4-4" }), _jsx("path", { d: "M21 13v2a4 4 0 0 1-4 4H3" })] })),
+    columns: ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("path", { d: "M8 3v18" }), _jsx("path", { d: "M16 3v18" }), _jsx("path", { d: "M3 8h4" }), _jsx("path", { d: "M3 16h4" }), _jsx("path", { d: "M17 8h4" }), _jsx("path", { d: "M17 16h4" })] })),
+    clock: ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("polyline", { points: "12 6 12 12 16 14" })] })),
+    'copy-check': ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("rect", { x: "2", y: "6", width: "13", height: "13", rx: "2" }), _jsx("path", { d: "M9 2h9a2 2 0 0 1 2 2v9" }), _jsx("path", { d: "m15 11-4 4-2-2" })] })),
+    'git-branch': ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("path", { d: "M12 3v6" }), _jsx("path", { d: "M12 15v6" }), _jsx("circle", { cx: "12", cy: "12", r: "3" }), _jsx("path", { d: "M3 12h6" }), _jsx("path", { d: "M15 12h6" })] })),
+    'git-fork': ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("path", { d: "M6 3v12" }), _jsx("path", { d: "m18 9-6 6-6-6" }), _jsx("circle", { cx: "6", cy: "18", r: "3" }), _jsx("circle", { cx: "18", cy: "6", r: "3" })] })),
+    // Trigger icons
+    cursor: ({ size = 16, className }) => (_jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: _jsx("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) })),
+    satellite: ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("path", { d: "M18 16.98h1a2 2 0 0 0 1.94-2.48L19.6 8.27a2 2 0 0 0-1.94-1.52H6.34a2 2 0 0 0-1.94 1.52L3.06 14.5A2 2 0 0 0 5 16.98h1" }), _jsx("path", { d: "M12 17v5" }), _jsx("circle", { cx: "12", cy: "12", r: "4" })] })),
+    timer: ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("polyline", { points: "12 6 12 12 16 14" })] })),
+    bell: ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }), _jsx("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })] })),
+    // Fallback
+    zap: ({ size = 16, className }) => (_jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: _jsx("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) })),
+};
+/**
+ * Get an icon component by name (from backend StepSummary.icon / TriggerSummary.icon).
+ * Returns a fallback icon for unknown names.
+ */
+export function getIcon(iconName, props = {}) {
+    const Icon = iconName ? ICON_MAP[iconName] : undefined;
+    if (Icon)
+        return _jsx(Icon, { ...props });
+    return ICON_MAP['zap'](props);
+}
+/**
+ * Get a step icon by name — alias for getIcon.
+ */
+export function getStepIcon(iconName, props = {}) {
+    return getIcon(iconName, props);
+}
+/**
+ * Get a trigger icon by name — alias for getIcon.
+ */
+export function getTriggerIcon(iconName, props = {}) {
+    return getIcon(iconName, props);
+}
+//# sourceMappingURL=icons.js.map

package/dist/components/builder/v2/icons.js.map

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

package/dist/components/builder/v2/layout-engine.d.ts

@@ -0,0 +1,76 @@
+/**
+ * v2/layout-engine — Config-driven layout computation.
+ *
+ * Pure function: no side effects, no React, no hooks.
+ * Uses generic branch detection from config data + configSchema.
+ *
+ * Two branch shapes detected automatically:
+ * 1. Direct array:    config.body = [{id, type, ...}]           (LOOP)
+ * 2. Record of arrays: config.branches = { "A": [{id, type}] }  (PARALLEL)
+ *
+ * Branch keys use dot notation: "body" or "branches.A".
+ */
+import type { WorkflowStepConfig, WorkflowConfig } from '@xyne/workflow-sdk/builder';
+import type { StepMeta } from '../../../hooks/use-step-metadata.js';
+export interface LayoutNode {
+    id: string;
+    type: 'trigger' | 'step' | 'terminal' | 'addButton';
+    position: {
+        x: number;
+        y: number;
+    };
+    data: {
+        stepConfig?: WorkflowStepConfig | undefined;
+        triggerType?: string | undefined;
+        triggerConfig?: Record<string, unknown> | undefined;
+        label: string;
+        /** From backend metadata */
+        category?: string | undefined;
+        kind?: string | undefined;
+        icon?: string | undefined;
+        /** For addButton nodes: which step to insert after (top-level chain) */
+        afterStepId?: string | undefined;
+        /**
+         * For addButton nodes inside a branch: identifies which branch to insert into.
+         * { stepId: "parallel_abc", branchKey: "branches.A" }
+         */
+        inBranch?: {
+            stepId: string;
+            branchKey: string;
+        } | undefined;
+        /**
+         * For step nodes that are dynamic branch containers (e.g. PARALLEL):
+         * the config key that holds Record<string, steps[]>.
+         */
+        dynamicBranchContainer?: string | undefined;
+    };
+}
+export interface LayoutEdge {
+    id: string;
+    source: string;
+    target: string;
+    type?: string;
+    label?: string;
+    data?: Record<string, unknown>;
+    sourceHandle?: string | undefined;
+    targetHandle?: string | undefined;
+}
+export interface LayoutResult {
+    nodes: LayoutNode[];
+    edges: LayoutEdge[];
+}
+export declare const NODE_GAP_Y = 140;
+/** Extra vertical padding before branch fork. */
+export declare const BRANCH_FORK_GAP = 120;
+export interface LayoutOptions {
+    /** Step metadata from useStepMetadata hook. */
+    stepMeta?: Map<string, StepMeta> | undefined;
+    /** Trigger label (from backend TriggerSummary.name). */
+    triggerLabel?: string | undefined;
+    /** Trigger icon name (from backend TriggerSummary.icon). */
+    triggerIcon?: string | undefined;
+    /** Insert addButton nodes between steps. Default true. */
+    includeAddButtons?: boolean | undefined;
+}
+export declare function computeLayout(config: WorkflowConfig, options?: LayoutOptions): LayoutResult;
+//# sourceMappingURL=layout-engine.d.ts.map

package/dist/components/builder/v2/layout-engine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-engine.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v2/layout-engine.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACrF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAKpE,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,WAAW,CAAC;IACpD,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,IAAI,EAAE;QACJ,UAAU,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;QAC5C,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QACjC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;QACpD,KAAK,EAAE,MAAM,CAAC;QACd,4BAA4B;QAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC1B,wEAAwE;QACxE,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QACjC;;;WAGG;QACH,QAAQ,CAAC,EAAE;YAAE,MAAM,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,MAAM,CAAA;SAAE,GAAG,SAAS,CAAC;QAC7D;;;WAGG;QACH,sBAAsB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;KAC7C,CAAC;CACH;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAID,eAAO,MAAM,UAAU,MAAM,CAAC;AAK9B,iDAAiD;AACjD,eAAO,MAAM,eAAe,MAAM,CAAC;AAQnC,MAAM,WAAW,aAAa;IAC5B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC;IAC7C,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,0DAA0D;IAC1D,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACzC;AAoJD,wBAAgB,aAAa,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,YAAY,CA4C3F"}