@xyne/workflow-ui 0.1.0

package/dist/components/execution/ExecutionTree.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { detectBranchesFromConfig } from '../../utils/branch-detection.js';
+import { StepNode } from '../builder/v3/StepNode.js';
+import { Connector } from '../builder/v3/Connector.js';
+import { BranchContainer } from '../builder/v3/BranchContainer.js';
+import { LoopContainer } from '../builder/v3/LoopContainer.js';
+import { cn } from '../shared/cn.js';
+function StatusBadge({ status }) {
+    if (status === 'pending')
+        return null;
+    const config = {
+        completed: {
+            bg: 'bg-emerald-500',
+            icon: (_jsx("svg", { width: "8", height: "8", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })),
+        },
+        failed: {
+            bg: 'bg-red-500',
+            icon: (_jsxs("svg", { width: "8", height: "8", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "4", strokeLinecap: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] })),
+        },
+        running: {
+            bg: 'bg-blue-500 animate-pulse',
+            icon: (_jsx("svg", { width: "8", height: "8", viewBox: "0 0 24 24", fill: "white", children: _jsx("polygon", { points: "5 3 19 12 5 21 5 3" }) })),
+        },
+        paused: {
+            bg: 'bg-amber-500',
+            icon: (_jsxs("svg", { width: "8", height: "8", viewBox: "0 0 24 24", fill: "white", children: [_jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1" }), _jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1" })] })),
+        },
+        skipped: {
+            bg: 'bg-slate-400',
+            icon: (_jsx("svg", { width: "8", height: "8", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "3", strokeLinecap: "round", children: _jsx("path", { d: "M5 12h14" }) })),
+        },
+    };
+    const c = config[status];
+    if (!c)
+        return null;
+    return (_jsx("span", { className: cn('absolute -bottom-1 -right-1 flex h-4 w-4 items-center justify-center rounded-full ring-2 ring-white', c.bg), children: c.icon }));
+}
+export function ExecutionTree({ steps, stepMeta, stepStates, selectedStepId, onStepClick, }) {
+    const getBranches = useCallback((step) => {
+        const meta = stepMeta.get(step.type);
+        if (!step.config || typeof step.config !== 'object')
+            return {};
+        return detectBranchesFromConfig(step.config, meta?.configSchema);
+    }, [stepMeta]);
+    const renderSteps = useCallback((branchSteps) => {
+        return branchSteps.map((step, i) => {
+            const meta = stepMeta.get(step.type);
+            const isSelected = selectedStepId === step.id;
+            const state = stepStates.get(step.id);
+            const status = state?.status ?? 'pending';
+            const branches = getBranches(step);
+            const branchEntries = Object.entries(branches);
+            const hasBranches = branchEntries.length > 0;
+            const isLoop = meta?.branchModel === 'iterate';
+            const isLastStep = i === branchSteps.length - 1;
+            return (_jsxs("div", { className: "flex flex-col items-center", children: [_jsxs("div", { className: "relative", children: [_jsx(StepNode, { stepId: step.id, label: meta?.name ?? step.type, category: meta?.category, icon: meta?.icon, isSelected: isSelected, isDisabled: status === 'skipped', executionStatus: status, readOnly: true, onClick: () => onStepClick(step.id) }), _jsx("div", { className: "absolute left-3 top-3", children: _jsx("div", { className: "relative h-8 w-8", children: _jsx(StatusBadge, { status: status }) }) })] }), hasBranches && (_jsxs(_Fragment, { children: [_jsx("div", { className: "h-4 w-px bg-slate-300" }), isLoop ? (_jsx(LoopContainer, { category: meta?.category, bodySteps: branchEntries[0][1].steps, renderBody: (bodySteps) => (_jsx(ExecutionTree, { steps: bodySteps, stepMeta: stepMeta, stepStates: stepStates, selectedStepId: selectedStepId, onStepClick: onStepClick })) })) : (_jsx(BranchContainer, { stepId: step.id, branches: branches, category: meta?.category, readOnly: true, renderBranch: (_branchKey, branchSteps2) => (_jsx(ExecutionTree, { steps: branchSteps2, stepMeta: stepMeta, stepStates: stepStates, selectedStepId: selectedStepId, onStepClick: onStepClick })) }))] })), !isLastStep && _jsx(Connector, {})] }, step.id));
+        });
+    }, [stepMeta, stepStates, selectedStepId, getBranches, onStepClick]);
+    if (steps.length === 0) {
+        return (_jsx("div", { className: "flex flex-col items-center py-2", children: _jsx("div", { className: "text-[11px] text-slate-400 italic", children: "No steps" }) }));
+    }
+    return _jsx(_Fragment, { children: renderSteps(steps) });
+}
+//# sourceMappingURL=ExecutionTree.js.map

package/dist/components/execution/ExecutionTree.js.map

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

package/dist/components/execution/ExecutionTriggerNode.d.ts

@@ -0,0 +1,9 @@
+import type { NodeProps } from '@xyflow/react';
+export interface ExecutionTriggerNodeData {
+    triggerType: string;
+    label: string;
+    icon?: string | undefined;
+    status: 'completed' | 'running';
+}
+export declare function ExecutionTriggerNode({ data }: NodeProps): import("react").JSX.Element;
+//# sourceMappingURL=ExecutionTriggerNode.d.ts.map

package/dist/components/execution/ExecutionTriggerNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionTriggerNode.d.ts","sourceRoot":"","sources":["../../../src/components/execution/ExecutionTriggerNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAK/C,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC;CACjC;AAED,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS,+BA4CvD"}

package/dist/components/execution/ExecutionTriggerNode.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Handle, Position } from '@xyflow/react';
+import { cn } from '../shared/cn.js';
+import { getTriggerIcon } from '../builder/icons.js';
+export function ExecutionTriggerNode({ data }) {
+    const { label, icon, status } = data;
+    return (_jsxs("div", { className: cn('flex h-16 w-48 items-center gap-3 border-2 bg-white px-4 transition-all', 
+        // Asymmetric border-radius: pill-left, rounded-right — matches builder
+        'rounded-l-[2rem] rounded-r-xl', status === 'completed'
+            ? 'border-emerald-400 shadow-sm'
+            : 'border-indigo-300 shadow-sm'), style: { animation: 'wui-scale-in 200ms ease-out' }, children: [_jsx("div", { className: cn('flex h-9 w-9 shrink-0 items-center justify-center rounded-full', status === 'completed'
+                    ? 'bg-emerald-50 text-emerald-600'
+                    : 'bg-indigo-50 text-indigo-600'), children: status === 'completed' ? (_jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })) : (getTriggerIcon(icon, { size: 18 })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-slate-800", children: label || 'Trigger' }), _jsx("div", { className: cn('text-[10px] uppercase tracking-wider font-medium', status === 'completed' ? 'text-emerald-500' : 'text-indigo-500'), children: "Trigger" })] }), _jsx(Handle, { type: "source", position: Position.Bottom, className: "!bg-transparent !border-0 !w-1 !h-1 !min-w-0 !min-h-0" })] }));
+}
+//# sourceMappingURL=ExecutionTriggerNode.js.map

package/dist/components/execution/ExecutionTriggerNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionTriggerNode.js","sourceRoot":"","sources":["../../../src/components/execution/ExecutionTriggerNode.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AASrD,MAAM,UAAU,oBAAoB,CAAC,EAAE,IAAI,EAAa;IACtD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAA2C,CAAC;IAE5E,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,yEAAyE;QACzE,uEAAuE;QACvE,+BAA+B,EAC/B,MAAM,KAAK,WAAW;YACpB,CAAC,CAAC,8BAA8B;YAChC,CAAC,CAAC,6BAA6B,CAClC,EACD,KAAK,EAAE,EAAE,SAAS,EAAE,6BAA6B,EAAE,aAEnD,cAAK,SAAS,EAAE,EAAE,CAChB,gEAAgE,EAChE,MAAM,KAAK,WAAW;oBACpB,CAAC,CAAC,gCAAgC;oBAClC,CAAC,CAAC,8BAA8B,CACnC,YACE,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,CACxB,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,YAC9I,mBAAU,MAAM,EAAC,gBAAgB,GAAG,GAChC,CACP,CAAC,CAAC,CAAC,CACF,cAAc,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACnC,GACG,EACN,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,+CAA+C,YAC3D,KAAK,IAAI,SAAS,GACf,EACN,cAAK,SAAS,EAAE,EAAE,CAChB,kDAAkD,EAClD,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,CAChE,wBAEK,IACF,EAEN,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,EAAE,SAAS,EAAC,uDAAuD,GAAG,IACjH,CACP,CAAC;AACJ,CAAC"}

package/dist/components/execution/ExecutionViewer.d.ts

@@ -0,0 +1,21 @@
+import type { WorkflowConfig } from '@xyne/workflow-sdk/builder';
+export interface ExecutionViewerProps {
+    executionId: string;
+    workflowConfig?: WorkflowConfig | undefined;
+    className?: string | undefined;
+    classNames?: {
+        root?: string | undefined;
+        canvas?: string | undefined;
+        header?: string | undefined;
+        detailPanel?: string | undefined;
+    } | undefined;
+    onCancel?: ((executionId: string) => void) | undefined;
+    /**
+     * Called after a successful rerun with the newly-created execution ID.
+     * Parent typically navigates to it. When omitted, the rerun feature is
+     * still available but the user stays on the current execution.
+     */
+    onRerunSuccess?: ((newExecutionId: string) => void) | undefined;
+}
+export declare function ExecutionViewer({ executionId, workflowConfig, className, classNames, onCancel, onRerunSuccess, }: ExecutionViewerProps): import("react").JSX.Element;
+//# sourceMappingURL=ExecutionViewer.d.ts.map

package/dist/components/execution/ExecutionViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionViewer.d.ts","sourceRoot":"","sources":["../../../src/components/execution/ExecutionViewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAsB,MAAM,4BAA4B,CAAC;AAgBrF,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;KAClC,GAAG,SAAS,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACvD;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACjE;AAED,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,cAAc,EACd,SAAS,EACT,UAAU,EACV,QAAQ,EACR,cAAc,GACf,EAAE,oBAAoB,+BAgStB"}

package/dist/components/execution/ExecutionViewer.js

@@ -0,0 +1,194 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useExecutionViewer } from '../../hooks/use-execution-viewer.js';
+import { useStepMetadata } from '../../hooks/use-step-metadata.js';
+import { TriggerNode } from '../builder/v3/TriggerNode.js';
+import { Connector } from '../builder/v3/Connector.js';
+import { TerminalNode } from '../builder/v3/TerminalNode.js';
+import { ExecutionTree } from './ExecutionTree.js';
+import { ExecutionHeader } from './ExecutionHeader.js';
+import { StepDetailPanel } from './StepDetailPanel.js';
+import { RerunDialog } from './RerunDialog.js';
+import { LoadingSpinner } from '../shared/LoadingSpinner.js';
+import { cn } from '../shared/cn.js';
+const TRIGGER_ID = '__trigger__';
+export function ExecutionViewer({ executionId, workflowConfig, className, classNames, onCancel, onRerunSuccess, }) {
+    const viewer = useExecutionViewer({ executionId });
+    const [selectedStepId, setSelectedStepId] = useState(null);
+    const [rerunStepId, setRerunStepId] = useState(null);
+    const effectiveConfig = workflowConfig ?? viewer.execution?.config;
+    const emptyConfig = { trigger: { type: 'MANUAL', config: {} }, steps: [] };
+    const { stepMeta, triggerMeta } = useStepMetadata(effectiveConfig ?? emptyConfig);
+    // ─── Zoom + drag-to-pan ───
+    const canvasRef = useRef(null);
+    const [zoom, setZoom] = useState(1);
+    const dragRef = useRef(null);
+    const didDragRef = useRef(false);
+    // Pinch-to-zoom
+    useEffect(() => {
+        const el = canvasRef.current;
+        if (!el)
+            return;
+        const handleWheel = (e) => {
+            if (e.ctrlKey || e.metaKey) {
+                e.preventDefault();
+                setZoom((z) => Math.min(2, Math.max(0.3, z + -e.deltaY * 0.005)));
+            }
+        };
+        el.addEventListener('wheel', handleWheel, { passive: false });
+        return () => el.removeEventListener('wheel', handleWheel);
+    }, []);
+    // Drag-to-pan — pointer capture is deferred until drag threshold
+    // so that clicks on child nodes (StepNode, etc.) still work normally.
+    const handlePointerDown = useCallback((e) => {
+        if (e.button !== 0)
+            return;
+        const el = canvasRef.current;
+        if (!el)
+            return;
+        dragRef.current = {
+            startX: e.clientX,
+            startY: e.clientY,
+            scrollX: el.scrollLeft,
+            scrollY: el.scrollTop,
+            pointerId: e.pointerId,
+            captured: false,
+        };
+        didDragRef.current = false;
+    }, []);
+    const handlePointerMove = useCallback((e) => {
+        const drag = dragRef.current;
+        const el = canvasRef.current;
+        if (!drag || !el)
+            return;
+        const dx = e.clientX - drag.startX;
+        const dy = e.clientY - drag.startY;
+        if (!didDragRef.current && (Math.abs(dx) > 4 || Math.abs(dy) > 4)) {
+            didDragRef.current = true;
+            if (!drag.captured) {
+                el.setPointerCapture(drag.pointerId);
+                drag.captured = true;
+                el.style.cursor = 'grabbing';
+            }
+        }
+        if (didDragRef.current) {
+            el.scrollLeft = drag.scrollX - dx;
+            el.scrollTop = drag.scrollY - dy;
+        }
+    }, []);
+    const handlePointerUp = useCallback(() => {
+        const el = canvasRef.current;
+        const drag = dragRef.current;
+        if (el && drag?.captured) {
+            el.style.cursor = '';
+            el.releasePointerCapture(drag.pointerId);
+        }
+        dragRef.current = null;
+    }, []);
+    const handleCanvasClick = useCallback(() => {
+        if (didDragRef.current)
+            return;
+        setSelectedStepId(null);
+    }, []);
+    const handleTriggerClick = useCallback(() => {
+        setSelectedStepId(TRIGGER_ID);
+    }, []);
+    // Build a flat map of step id → config for synthetic state creation
+    const stepConfigMap = useMemo(() => {
+        const map = new Map();
+        if (!effectiveConfig)
+            return map;
+        const collect = (steps) => {
+            for (const s of steps) {
+                map.set(s.id, s);
+                if (s.config && typeof s.config === 'object') {
+                    const cfg = s.config;
+                    if (cfg['branches'] && typeof cfg['branches'] === 'object') {
+                        for (const branch of Object.values(cfg['branches'])) {
+                            if (Array.isArray(branch))
+                                collect(branch);
+                        }
+                    }
+                    if (Array.isArray(cfg['body']))
+                        collect(cfg['body']);
+                }
+            }
+        };
+        collect(effectiveConfig.steps);
+        return map;
+    }, [effectiveConfig]);
+    // Resolve selected step state — handle trigger, existing steps, and synthetic pending
+    const selectedStepState = useMemo(() => {
+        if (!selectedStepId)
+            return undefined;
+        // Trigger node selected — build a synthetic state with trigger data
+        if (selectedStepId === TRIGGER_ID) {
+            const triggerType = effectiveConfig?.trigger.type ?? 'Unknown';
+            const tInfo = triggerMeta.find((t) => t.type === triggerType);
+            const state = {
+                stepName: tInfo?.name ?? triggerType,
+                stepType: 'Trigger',
+                status: viewer.stepStates.size > 0 ? 'completed' : 'pending',
+            };
+            if (viewer.triggerData) {
+                state.input = viewer.triggerData;
+                state.output = viewer.triggerData;
+            }
+            return state;
+        }
+        const existing = viewer.stepStates.get(selectedStepId);
+        if (existing)
+            return existing;
+        const config = stepConfigMap.get(selectedStepId);
+        const meta = stepMeta.get(config?.type ?? '');
+        return {
+            stepName: selectedStepId,
+            stepType: meta?.name ?? config?.type ?? 'Unknown',
+            status: 'pending',
+        };
+    }, [selectedStepId, viewer.stepStates, viewer.triggerData, stepConfigMap, stepMeta, effectiveConfig, triggerMeta]);
+    // Resolve the label + original input for the step being rerun.
+    // Must run before any early return so hook order is stable across renders.
+    const rerunStepLabel = useMemo(() => {
+        if (!rerunStepId)
+            return undefined;
+        const cfg = stepConfigMap.get(rerunStepId);
+        if (!cfg)
+            return undefined;
+        return stepMeta.get(cfg.type)?.name ?? cfg.type;
+    }, [rerunStepId, stepConfigMap, stepMeta]);
+    const rerunOriginalInput = useMemo(() => {
+        if (!rerunStepId)
+            return undefined;
+        return viewer.stepStates.get(rerunStepId)?.input;
+    }, [rerunStepId, viewer.stepStates]);
+    if ((viewer.isLoading && !viewer.execution) || !effectiveConfig) {
+        return (_jsx("div", { className: cn('flex h-full items-center justify-center', className), children: _jsx(LoadingSpinner, { size: "lg" }) }));
+    }
+    const triggerInfo = triggerMeta.find((t) => t.type === effectiveConfig.trigger.type);
+    const triggerCompleted = viewer.stepStates.size > 0;
+    const isTriggerSelected = selectedStepId === TRIGGER_ID;
+    const canRerun = viewer.status === 'completed' ||
+        viewer.status === 'failed' ||
+        viewer.status === 'cancelled';
+    return (_jsxs("div", { className: cn('flex h-full flex-col', classNames?.root, className), children: [_jsx(ExecutionHeader, { executionId: executionId, status: viewer.status, className: classNames?.header, onCancel: onCancel ? () => onCancel(executionId) : undefined }), _jsxs("div", { className: "flex flex-1 overflow-hidden", children: [_jsx("div", { ref: canvasRef, className: cn('relative flex-1 overflow-auto cursor-grab select-none', classNames?.canvas), onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onClick: (e) => {
+                            if (e.target === e.currentTarget)
+                                handleCanvasClick();
+                        }, children: _jsx("div", { className: "min-h-full min-w-full p-12", style: {
+                                backgroundImage: 'radial-gradient(circle, #d1d5db 1px, transparent 1px)',
+                                backgroundSize: '24px 24px',
+                            }, onClick: (e) => {
+                                if (e.target === e.currentTarget)
+                                    handleCanvasClick();
+                            }, children: _jsxs("div", { className: "mx-auto flex flex-col items-center origin-top transition-transform duration-150", style: { transform: `scale(${zoom})` }, children: [_jsxs("div", { className: "relative", children: [_jsx(TriggerNode, { label: triggerInfo?.name ?? effectiveConfig.trigger.type, icon: triggerInfo?.icon, isSelected: isTriggerSelected, isConfigured: true, onClick: handleTriggerClick }), triggerCompleted && (_jsx("span", { className: "absolute -bottom-1 left-3 flex h-5 w-5 items-center justify-center rounded-full bg-emerald-500 ring-2 ring-white", children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "3.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }) }))] }), _jsx(Connector, {}), effectiveConfig.steps.length > 0 && (_jsxs(_Fragment, { children: [_jsx(ExecutionTree, { steps: effectiveConfig.steps, stepMeta: stepMeta, stepStates: viewer.stepStates, selectedStepId: selectedStepId, onStepClick: setSelectedStepId }), _jsx(Connector, {})] })), _jsx(TerminalNode, {})] }) }) }), selectedStepId && selectedStepState && (_jsx(StepDetailPanel, { stepState: selectedStepState, executionId: executionId, onClose: () => setSelectedStepId(null), onResumed: viewer.refetch, outputSchema: (() => {
+                            const config = stepConfigMap.get(selectedStepId);
+                            if (!config)
+                                return undefined;
+                            return stepMeta.get(config.type)?.outputSchema;
+                        })(), onRerun: selectedStepId !== TRIGGER_ID && stepConfigMap.has(selectedStepId)
+                            ? (stepId) => setRerunStepId(stepId)
+                            : undefined, canRerun: canRerun, className: classNames?.detailPanel }))] }), rerunStepId && (_jsx(RerunDialog, { executionId: executionId, fromStepId: rerunStepId, fromStepLabel: rerunStepLabel, originalInput: rerunOriginalInput, onClose: () => setRerunStepId(null), onSuccess: (newId) => {
+                    onRerunSuccess?.(newId);
+                } }))] }));
+}
+//# sourceMappingURL=ExecutionViewer.js.map

package/dist/components/execution/ExecutionViewer.js.map

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

package/dist/components/execution/PauseFormRenderer.d.ts

@@ -0,0 +1,11 @@
+import type { PauseForm } from '@xyne/workflow-sdk';
+export interface PauseFormRendererProps {
+    form: PauseForm;
+    values: Record<string, unknown>;
+    onChange: (values: Record<string, unknown>) => void;
+    disabled?: boolean | undefined;
+}
+export declare function PauseFormRenderer({ form, values, onChange, disabled }: PauseFormRendererProps): import("react").JSX.Element;
+/** Extract default values from a PauseForm's field definitions. */
+export declare function getFormDefaults(form: PauseForm | undefined): Record<string, unknown>;
+//# sourceMappingURL=PauseFormRenderer.d.ts.map

package/dist/components/execution/PauseFormRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PauseFormRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/execution/PauseFormRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,oBAAoB,CAAC;AAGpE,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,sBAAsB,+BAqB7F;AAqKD,mEAAmE;AACnE,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CASpF"}

package/dist/components/execution/PauseFormRenderer.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../shared/cn.js';
+export function PauseFormRenderer({ form, values, onChange, disabled }) {
+    const setField = (name, value) => {
+        onChange({ ...values, [name]: value });
+    };
+    return (_jsxs("div", { className: "space-y-3", children: [form.description && (_jsx("p", { className: "text-xs text-[var(--wui-fg-muted)]", children: form.description })), form.fields.map((field) => (_jsx(FormField, { field: field, value: values[field.name], onChange: (val) => setField(field.name, val), disabled: disabled }, field.name)))] }));
+}
+function FormField({ field, value, onChange, disabled, }) {
+    return (_jsxs("div", { children: [_jsxs("label", { className: "mb-1 flex items-center gap-1 text-xs font-medium text-[var(--wui-fg)]", children: [field.label, field.required && _jsx("span", { className: "text-[var(--wui-status-failed)]", children: "*" })] }), field.description && (_jsx("p", { className: "mb-1 text-[10px] text-[var(--wui-fg-muted)]", children: field.description })), renderInput(field, value, onChange, disabled)] }));
+}
+const inputClass = cn('w-full rounded-[var(--wui-radius-sm)] border border-[var(--wui-border)] bg-[var(--wui-bg)] px-2.5 py-1.5 text-sm text-[var(--wui-fg)]', 'placeholder:text-[var(--wui-fg-muted)]/50', 'focus:border-[var(--wui-primary)] focus:outline-none focus:ring-1 focus:ring-[var(--wui-primary)]', 'disabled:cursor-not-allowed disabled:opacity-50');
+function renderInput(field, value, onChange, disabled) {
+    switch (field.type) {
+        case 'text':
+            return (_jsx("input", { type: "text", value: value ?? '', onChange: (e) => onChange(e.target.value), placeholder: field.placeholder, disabled: disabled, className: inputClass }));
+        case 'textarea':
+            return (_jsx("textarea", { value: value ?? '', onChange: (e) => onChange(e.target.value), placeholder: field.placeholder, rows: field.rows ?? 3, disabled: disabled, className: inputClass }));
+        case 'number':
+            return (_jsx("input", { type: "number", value: value != null ? String(value) : '', onChange: (e) => onChange(e.target.value ? Number(e.target.value) : undefined), placeholder: field.placeholder, min: field.min, max: field.max, disabled: disabled, className: inputClass }));
+        case 'select':
+            return _jsx(SelectInput, { field: field, value: value, onChange: onChange, disabled: disabled });
+        case 'checkbox':
+            return (_jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx("input", { type: "checkbox", checked: !!value, onChange: (e) => onChange(e.target.checked), disabled: disabled, className: "rounded border-[var(--wui-border)] text-[var(--wui-primary)] focus:ring-[var(--wui-primary)]" }), _jsx("span", { className: "text-[var(--wui-fg-muted)]", children: field.label })] }));
+    }
+}
+function SelectInput({ field, value, onChange, disabled, }) {
+    const options = Array.isArray(field.options) ? field.options : [];
+    const currentValue = value ?? '';
+    const isCustom = field.allowCustomValue && currentValue !== '' && !options.some((o) => o.value === currentValue);
+    if (field.allowCustomValue && isCustom) {
+        return (_jsxs("div", { className: "flex gap-1.5", children: [_jsx("input", { type: "text", value: currentValue, onChange: (e) => onChange(e.target.value), placeholder: field.placeholder ?? 'Custom value...', disabled: disabled, className: cn(inputClass, 'flex-1') }), _jsx("button", { type: "button", onClick: () => onChange(''), disabled: disabled, className: "rounded-[var(--wui-radius-sm)] border border-[var(--wui-border)] px-2 text-xs text-[var(--wui-fg-muted)] hover:bg-[var(--wui-bg-subtle)]", children: "List" })] }));
+    }
+    return (_jsxs("div", { className: "flex gap-1.5", children: [_jsxs("select", { value: currentValue, onChange: (e) => onChange(e.target.value), disabled: disabled, className: cn(inputClass, 'flex-1'), children: [field.placeholder && _jsx("option", { value: "", children: field.placeholder }), options.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value)))] }), field.allowCustomValue && (_jsx("button", { type: "button", onClick: () => onChange('__custom__'), disabled: disabled, className: "rounded-[var(--wui-radius-sm)] border border-[var(--wui-border)] px-2 text-xs text-[var(--wui-fg-muted)] hover:bg-[var(--wui-bg-subtle)]", children: "Custom" }))] }));
+}
+/** Extract default values from a PauseForm's field definitions. */
+export function getFormDefaults(form) {
+    if (!form)
+        return {};
+    const defaults = {};
+    for (const field of form.fields) {
+        if ('defaultValue' in field && field.defaultValue != null) {
+            defaults[field.name] = field.defaultValue;
+        }
+    }
+    return defaults;
+}
+//# sourceMappingURL=PauseFormRenderer.js.map

package/dist/components/execution/PauseFormRenderer.js.map

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

package/dist/components/execution/PauseInteractionPanel.d.ts

@@ -0,0 +1,9 @@
+import type { PauseState } from '@xyne/workflow-sdk';
+export interface PauseInteractionPanelProps {
+    executionId: string;
+    pauseState: PauseState;
+    onResumed?: (() => void) | undefined;
+    className?: string | undefined;
+}
+export declare function PauseInteractionPanel({ executionId, pauseState, onResumed, className, }: PauseInteractionPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=PauseInteractionPanel.d.ts.map

package/dist/components/execution/PauseInteractionPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PauseInteractionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/execution/PauseInteractionPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAe,MAAM,oBAAoB,CAAC;AAUlE,MAAM,WAAW,0BAA0B;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,wBAAgB,qBAAqB,CAAC,EACpC,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,GACV,EAAE,0BAA0B,+BA0E5B"}

package/dist/components/execution/PauseInteractionPanel.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { usePauseInteraction } from '../../hooks/use-pause-interaction.js';
+import { PauseFormRenderer, getFormDefaults } from './PauseFormRenderer.js';
+import { cn } from '../shared/cn.js';
+const DEFAULT_ACTIONS = [
+    { key: 'approve', label: 'Approve', style: 'primary' },
+    { key: 'reject', label: 'Reject', style: 'danger', abort: true },
+];
+export function PauseInteractionPanel({ executionId, pauseState, onResumed, className, }) {
+    const { executeAction, isSubmitting, error } = usePauseInteraction({
+        executionId,
+        onResume: onResumed,
+    });
+    const [formValues, setFormValues] = useState(() => getFormDefaults(pauseState.form));
+    const actions = pauseState.actions ?? DEFAULT_ACTIONS;
+    const handleAction = (action) => {
+        void executeAction(action, formValues);
+    };
+    return (_jsxs("div", { className: cn('rounded-[var(--wui-radius)] border border-[var(--wui-status-paused)] bg-[var(--wui-status-paused)]/5 p-3', className), children: [_jsx("div", { className: "mb-2 text-sm font-medium text-[var(--wui-fg)]", children: pauseState.reason }), pauseState.prompt && (_jsx("p", { className: "mb-3 text-sm text-[var(--wui-fg-muted)]", children: pauseState.prompt })), pauseState.display && pauseState.display.length > 0 && (_jsx("div", { className: "mb-3 space-y-2", children: pauseState.display.map((section) => (_jsx(DisplaySection, { label: section.label, value: section.value }, section.label))) })), pauseState.form && (_jsx("div", { className: "mb-3", children: _jsx(PauseFormRenderer, { form: pauseState.form, values: formValues, onChange: setFormValues, disabled: isSubmitting }) })), _jsx("div", { className: "flex gap-2", children: actions.map((action) => (_jsx(ActionButton, { action: action, onClick: () => handleAction(action), disabled: isSubmitting }, action.key))) }), error && (_jsx("div", { className: "mt-2 text-xs text-[var(--wui-status-failed)]", children: error.message }))] }));
+}
+function DisplaySection({ label, value }) {
+    return (_jsxs("div", { children: [_jsx("div", { className: "text-[10px] font-semibold uppercase tracking-wider text-[var(--wui-fg-muted)]", children: label }), _jsx("div", { className: "mt-0.5 rounded-[var(--wui-radius-sm)] bg-[var(--wui-bg-subtle)] p-2 text-sm text-[var(--wui-fg)]", children: formatDisplayValue(value) })] }));
+}
+function formatDisplayValue(value) {
+    if (value == null)
+        return '—';
+    if (typeof value === 'string')
+        return value;
+    if (Array.isArray(value))
+        return value.map(String).join(', ');
+    if (typeof value === 'object') {
+        try {
+            return JSON.stringify(value, null, 2);
+        }
+        catch {
+            return String(value);
+        }
+    }
+    return String(value);
+}
+function ActionButton({ action, onClick, disabled, }) {
+    const style = action.style ?? 'default';
+    return (_jsx("button", { onClick: onClick, disabled: disabled, className: cn('flex-1 rounded-[var(--wui-radius-sm)] px-3 py-1.5 text-sm font-medium transition-colors', disabled && 'opacity-50 cursor-not-allowed', style === 'primary' && 'bg-[var(--wui-status-completed)] text-white hover:opacity-90', style === 'danger' && 'border border-[var(--wui-status-failed)]/30 text-[var(--wui-status-failed)] hover:bg-[var(--wui-status-failed)]/5', style === 'default' && 'border border-[var(--wui-border)] text-[var(--wui-fg)] hover:bg-[var(--wui-bg-subtle)]'), children: action.label }));
+}
+//# sourceMappingURL=PauseInteractionPanel.js.map

package/dist/components/execution/PauseInteractionPanel.js.map

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

package/dist/components/execution/RerunDialog.d.ts

@@ -0,0 +1,34 @@
+export interface RerunDialogProps {
+    /** Source execution being rerun. */
+    executionId: string;
+    /** Step ID to start the rerun from. Read-only in the dialog. */
+    fromStepId: string;
+    /**
+     * Optional display name for the step (e.g. its config type or label).
+     * Falls back to `fromStepId` when omitted.
+     */
+    fromStepLabel?: string | undefined;
+    /**
+     * The step's input from the source execution. Used to pre-populate the
+     * override editor and to validate that the user only changes existing
+     * fields and preserves their original types.
+     *
+     * Pass `undefined` for control-flow steps that don't have a recorded input.
+     */
+    originalInput?: Record<string, unknown> | undefined;
+    /** Close handler (called on cancel + after successful submit). */
+    onClose: () => void;
+    /** Called with the new execution ID after a successful rerun. */
+    onSuccess?: ((newExecutionId: string) => void) | undefined;
+    className?: string | undefined;
+}
+/**
+ * Modal dialog for triggering a "rerun from step" operation.
+ *
+ * Renders the source step's input as a structured form (recursive ValueEditor).
+ * Locks structure + types — users can only update existing fields. Only fields
+ * whose values changed are sent as `configOverrides`; unchanged fields keep
+ * their original raw config (preserving any `{{...}}` variable references).
+ */
+export declare function RerunDialog({ executionId, fromStepId, fromStepLabel, originalInput, onClose, onSuccess, className, }: RerunDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=RerunDialog.d.ts.map

package/dist/components/execution/RerunDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RerunDialog.d.ts","sourceRoot":"","sources":["../../../src/components/execution/RerunDialog.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,oCAAoC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,gEAAgE;IAChE,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IACpD,kEAAkE;IAClE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iEAAiE;IACjE,SAAS,CAAC,EAAE,CAAC,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAgBD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,UAAU,EACV,aAAa,EACb,aAAa,EACb,OAAO,EACP,SAAS,EACT,SAAS,GACV,EAAE,gBAAgB,+BAwQlB"}