@xyne/workflow-ui 0.1.0

package/dist/components/builder/v3/BranchContainer.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import { cn } from '../../shared/cn.js';
+import { getCategoryTheme } from '../theme.js';
+export function BranchContainer({ branches, category, dynamicContainer, readOnly, onAddBranch, onRenameBranch, renderBranch, }) {
+    const theme = getCategoryTheme(category);
+    const entries = Object.entries(branches);
+    const [showInput, setShowInput] = useState(false);
+    const [branchName, setBranchName] = useState('');
+    const [editingKey, setEditingKey] = useState(null);
+    const [editValue, setEditValue] = useState('');
+    const handleAdd = useCallback(() => {
+        const name = branchName.trim();
+        if (name && onAddBranch) {
+            onAddBranch(name);
+            setBranchName('');
+            setShowInput(false);
+        }
+    }, [branchName, onAddBranch]);
+    return (_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "flex items-center gap-0", children: entries.map((_, i) => (_jsx("div", { className: "flex flex-col items-center", style: { width: 0 }, children: i === 0 && _jsx("div", { className: "h-4 w-px bg-slate-300" }) }, i))) }), _jsx("div", { className: "h-px rounded-full", style: {
+                    backgroundColor: theme.edgeColor,
+                    opacity: 0.4,
+                    width: `calc(100% - 48px)`,
+                    minWidth: `${entries.length * 200}px`,
+                    maxWidth: '100%',
+                } }), _jsxs("div", { className: "flex items-start gap-4", children: [entries.map(([branchKey, branch]) => (_jsxs("div", { className: "flex flex-col items-center", style: { minWidth: '200px' }, children: [editingKey === branchKey ? (_jsx("input", { type: "text", value: editValue, onChange: (e) => setEditValue(e.target.value), onKeyDown: (e) => {
+                                    e.stopPropagation();
+                                    if (e.key === 'Enter') {
+                                        const name = editValue.trim();
+                                        if (name && name !== branchKey && onRenameBranch) {
+                                            onRenameBranch(branchKey, name);
+                                        }
+                                        setEditingKey(null);
+                                    }
+                                    if (e.key === 'Escape')
+                                        setEditingKey(null);
+                                }, onBlur: () => {
+                                    const name = editValue.trim();
+                                    if (name && name !== branchKey && onRenameBranch) {
+                                        onRenameBranch(branchKey, name);
+                                    }
+                                    setEditingKey(null);
+                                }, onClick: (e) => e.stopPropagation(), autoFocus: true, className: cn('mb-2 mt-1 w-24 rounded-full px-3 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-center outline-none', 'border border-indigo-300 ring-1 ring-indigo-100', theme.lightBg, theme.iconText) })) : (_jsx("div", { className: cn('mb-2 mt-1 rounded-full px-3 py-0.5 text-[10px] font-semibold uppercase tracking-wider', theme.lightBg, theme.iconText, dynamicContainer && !readOnly && 'cursor-pointer hover:ring-1 hover:ring-indigo-200 transition-all'), onDoubleClick: () => {
+                                    if (dynamicContainer && !readOnly) {
+                                        setEditingKey(branchKey);
+                                        setEditValue(branchKey);
+                                    }
+                                }, title: dynamicContainer && !readOnly ? 'Double-click to rename' : undefined, children: branch.label })), _jsx("div", { className: "h-4 w-px bg-slate-300" }), _jsx("div", { className: "flex flex-col items-center", children: renderBranch(branchKey, branch.steps) }), _jsx("div", { className: "h-4 w-px bg-slate-300" })] }, branchKey))), dynamicContainer && !readOnly && !showInput && (_jsx("div", { className: "flex flex-col items-center justify-start pt-1", children: _jsxs("button", { onClick: (e) => { e.stopPropagation(); setShowInput(true); }, className: cn('flex h-8 items-center gap-1.5 rounded-full border border-dashed px-3', 'border-slate-300 text-slate-400 text-[11px] font-medium', 'hover:border-indigo-400 hover:text-indigo-500 transition-all'), children: [_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [_jsx("path", { d: "M12 5v14" }), _jsx("path", { d: "M5 12h14" })] }), "Branch"] }) })), showInput && (_jsx("div", { className: "flex flex-col items-center justify-start pt-1", children: _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("input", { type: "text", value: branchName, onChange: (e) => setBranchName(e.target.value), onKeyDown: (e) => {
+                                        e.stopPropagation();
+                                        if (e.key === 'Enter')
+                                            handleAdd();
+                                        if (e.key === 'Escape') {
+                                            setShowInput(false);
+                                            setBranchName('');
+                                        }
+                                    }, onClick: (e) => e.stopPropagation(), placeholder: "Branch name...", autoFocus: true, className: "w-28 rounded border border-slate-200 bg-slate-50 px-2 py-1 text-[11px] text-slate-700 outline-none focus:border-indigo-300 focus:ring-1 focus:ring-indigo-100" }), _jsx("button", { onClick: (e) => { e.stopPropagation(); handleAdd(); }, className: "flex h-6 w-6 items-center justify-center rounded bg-indigo-500 text-white hover:bg-indigo-600 transition-colors", children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", children: _jsx("path", { d: "M20 6 9 17l-5-5" }) }) })] }) }))] }), _jsx("div", { className: "h-px rounded-full", style: {
+                    backgroundColor: theme.edgeColor,
+                    opacity: 0.4,
+                    width: `calc(100% - 48px)`,
+                    minWidth: `${entries.length * 200}px`,
+                    maxWidth: '100%',
+                } }), _jsx("div", { className: "h-4 w-px bg-slate-300" })] }));
+}
+//# sourceMappingURL=BranchContainer.js.map

package/dist/components/builder/v3/BranchContainer.js.map

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

package/dist/components/builder/v3/BuilderToolbar.d.ts

@@ -0,0 +1,11 @@
+export interface BuilderToolbarProps {
+    canUndo: boolean;
+    canRedo: boolean;
+    onUndo: () => void;
+    onRedo: () => void;
+    onZoomIn: () => void;
+    onZoomOut: () => void;
+    onFitView: () => void;
+}
+export declare function BuilderToolbar({ canUndo, canRedo, onUndo, onRedo, onZoomIn, onZoomOut, onFitView, }: BuilderToolbarProps): import("react").JSX.Element;
+//# sourceMappingURL=BuilderToolbar.d.ts.map

package/dist/components/builder/v3/BuilderToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuilderToolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/BuilderToolbar.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAkCD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,GACV,EAAE,mBAAmB,+BAyCrB"}

package/dist/components/builder/v3/BuilderToolbar.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../shared/cn.js';
+function ToolbarButton({ title, disabled, onClick, children, }) {
+    return (_jsx("button", { title: title, disabled: disabled, onClick: onClick, className: cn('flex h-8 w-8 items-center justify-center rounded-lg transition-all', disabled
+            ? 'text-slate-300 cursor-not-allowed'
+            : 'text-slate-500 hover:bg-slate-100 hover:text-slate-700 active:scale-95'), children: children }));
+}
+function Divider() {
+    return _jsx("div", { className: "mx-0.5 h-5 w-px bg-slate-200" });
+}
+export function BuilderToolbar({ canUndo, canRedo, onUndo, onRedo, onZoomIn, onZoomOut, onFitView, }) {
+    return (_jsxs("div", { className: cn('absolute bottom-4 left-1/2 z-20 -translate-x-1/2', 'flex items-center gap-0.5 rounded-xl border border-slate-200/80 bg-white/95 px-1.5 py-1 shadow-lg backdrop-blur-sm', 'animate-[wui-fade-in_200ms_ease-out]'), children: [_jsx(ToolbarButton, { title: "Undo (Ctrl+Z)", disabled: !canUndo, onClick: onUndo, children: _jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M3 7v6h6" }), _jsx("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6.69 3L3 13" })] }) }), _jsx(ToolbarButton, { title: "Redo (Ctrl+Shift+Z)", disabled: !canRedo, onClick: onRedo, children: _jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M21 7v6h-6" }), _jsx("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6.69 3L21 13" })] }) }), _jsx(Divider, {}), _jsx(ToolbarButton, { title: "Zoom out", onClick: onZoomOut, children: _jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("circle", { cx: "11", cy: "11", r: "8" }), _jsx("path", { d: "m21 21-4.3-4.3" }), _jsx("path", { d: "M8 11h6" })] }) }), _jsx(ToolbarButton, { title: "Fit view", onClick: onFitView, children: _jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }), _jsx("path", { d: "M21 8V5a2 2 0 0 0-2-2h-3" }), _jsx("path", { d: "M3 16v3a2 2 0 0 0 2 2h3" }), _jsx("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })] }) }), _jsx(ToolbarButton, { title: "Zoom in", onClick: onZoomIn, children: _jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("circle", { cx: "11", cy: "11", r: "8" }), _jsx("path", { d: "m21 21-4.3-4.3" }), _jsx("path", { d: "M11 8v6" }), _jsx("path", { d: "M8 11h6" })] }) })] }));
+}
+//# sourceMappingURL=BuilderToolbar.js.map

package/dist/components/builder/v3/BuilderToolbar.js.map

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

package/dist/components/builder/v3/CodeEditor.d.ts

@@ -0,0 +1,10 @@
+import type { WorkflowConfig } from '@xyne/workflow-sdk/builder';
+export interface CodeEditorProps {
+    value: string;
+    onChange: (value: unknown) => void;
+    config: WorkflowConfig;
+    atStepId: string;
+    readOnly?: boolean | undefined;
+}
+export declare function CodeEditor({ value, onChange, config, atStepId, readOnly, }: CodeEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=CodeEditor.d.ts.map

package/dist/components/builder/v3/CodeEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/CodeEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AASjE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAiFD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE,eAAe,+BA2HjB"}

package/dist/components/builder/v3/CodeEditor.js

@@ -0,0 +1,117 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from 'react';
+import CodeMirror from '@uiw/react-codemirror';
+import { javascript } from '@codemirror/lang-javascript';
+import { oneDark } from '@codemirror/theme-one-dark';
+import { EditorView } from '@codemirror/view';
+import { autocompletion } from '@codemirror/autocomplete';
+import { useVariablePicker } from '../../../hooks/use-variable-picker.js';
+import { cn } from '../../shared/cn.js';
+// ─── Sandbox globals available in the code step ───
+const SANDBOX_GLOBALS = [
+    { label: '$input', type: 'variable', detail: 'Previous step output', boost: 10 },
+    { label: '$context', type: 'variable', detail: 'Workflow context', boost: 9 },
+    { label: '$context.trigger', type: 'variable', detail: 'Trigger output', boost: 8 },
+    { label: '$context.steps', type: 'variable', detail: 'All step outputs', boost: 8 },
+    { label: 'return', type: 'keyword', detail: 'Return result', boost: 8 },
+    { label: 'console.log', type: 'function', detail: 'Log message' },
+    { label: 'console.warn', type: 'function', detail: 'Log warning' },
+    { label: 'console.error', type: 'function', detail: 'Log error' },
+    { label: 'JSON.stringify', type: 'function' },
+    { label: 'JSON.parse', type: 'function' },
+    { label: 'Math', type: 'variable' },
+    { label: 'Date', type: 'class' },
+    { label: 'parseInt', type: 'function' },
+    { label: 'parseFloat', type: 'function' },
+    { label: 'Object.keys', type: 'function' },
+    { label: 'Object.values', type: 'function' },
+    { label: 'Object.entries', type: 'function' },
+    { label: 'Array.isArray', type: 'function' },
+];
+// ─── Build completions from variable tree ───
+function buildCompletions(variables) {
+    const completions = [...SANDBOX_GLOBALS];
+    for (const root of variables) {
+        const path = root.path;
+        completions.push({
+            label: `$context.${path}`,
+            type: 'variable',
+            detail: root.schemaType,
+            boost: 7,
+        });
+        if (root.children.length > 0) {
+            for (const child of root.children) {
+                completions.push({
+                    label: `$context.${path}.${child.label}`,
+                    type: child.isLeaf ? 'property' : 'variable',
+                    detail: child.schemaType,
+                    boost: 6,
+                });
+                if (child.children.length > 0) {
+                    for (const nested of child.children) {
+                        completions.push({
+                            label: `$context.${path}.${child.label}.${nested.label}`,
+                            type: 'property',
+                            detail: nested.schemaType,
+                            boost: 5,
+                        });
+                    }
+                }
+            }
+        }
+    }
+    return completions;
+}
+function createCompletionSource(completions) {
+    return (context) => {
+        const word = context.matchBefore(/[\w.$]*/);
+        if (!word || (word.from === word.to && !context.explicit))
+            return null;
+        return {
+            from: word.from,
+            options: completions,
+            validFor: /^[\w.$]*$/,
+        };
+    };
+}
+// ─── Component ───
+export function CodeEditor({ value, onChange, config, atStepId, readOnly, }) {
+    const handleChange = useCallback((val) => onChange(val), [onChange]);
+    const [isExpanded, setIsExpanded] = useState(false);
+    const { variables } = useVariablePicker({
+        config,
+        atStepId,
+        enabled: true,
+    });
+    const [wordWrap, setWordWrap] = useState(true);
+    const extensions = useMemo(() => {
+        const completions = buildCompletions(variables);
+        const exts = [
+            javascript(),
+            oneDark,
+            autocompletion({
+                override: [createCompletionSource(completions)],
+                activateOnTyping: true,
+            }),
+        ];
+        if (wordWrap)
+            exts.push(EditorView.lineWrapping);
+        return exts;
+    }, [variables, wordWrap]);
+    return (_jsxs("div", { className: "space-y-0", children: [_jsxs("div", { className: cn('rounded-lg border', 'border-slate-700/50 focus-within:border-sky-500/60 focus-within:ring-1 focus-within:ring-sky-500/20', readOnly && 'opacity-60'), style: { overflow: 'clip' }, onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "flex items-center justify-between border-b border-slate-700/40 bg-[#282c34] px-3 py-1.5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("div", { className: "flex gap-1", children: [_jsx("span", { className: "h-2 w-2 rounded-full bg-red-400/60" }), _jsx("span", { className: "h-2 w-2 rounded-full bg-amber-400/60" }), _jsx("span", { className: "h-2 w-2 rounded-full bg-emerald-400/60" })] }), _jsx("span", { className: "text-[10px] font-medium text-slate-500", children: "JavaScript" })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsxs("button", { type: "button", onClick: () => setWordWrap(!wordWrap), className: cn('flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] transition-colors', wordWrap
+                                            ? 'text-sky-400 bg-sky-500/10'
+                                            : 'text-slate-500 hover:bg-slate-700/50 hover:text-slate-300'), title: wordWrap ? 'Word wrap on' : 'Word wrap off', children: [_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M3 6h18" }), _jsx("path", { d: "M3 12h15a3 3 0 1 1 0 6h-4" }), _jsx("path", { d: "m16 16-2 2 2 2" }), _jsx("path", { d: "M3 18h7" })] }), "Wrap"] }), _jsxs("button", { type: "button", onClick: () => setIsExpanded(!isExpanded), className: "flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] text-slate-500 hover:bg-slate-700/50 hover:text-slate-300 transition-colors", children: [_jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: isExpanded ? (_jsxs(_Fragment, { children: [_jsx("path", { d: "M8 3v3a2 2 0 0 1-2 2H3" }), _jsx("path", { d: "M21 8h-3a2 2 0 0 1-2-2V3" }), _jsx("path", { d: "M3 16h3a2 2 0 0 1 2 2v3" }), _jsx("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })] })) : (_jsxs(_Fragment, { children: [_jsx("path", { d: "M15 3h6v6" }), _jsx("path", { d: "M9 21H3v-6" }), _jsx("path", { d: "M21 3l-7 7" }), _jsx("path", { d: "M3 21l7-7" })] })) }), isExpanded ? 'Collapse' : 'Expand'] })] })] }), _jsx(CodeMirror, { value: value, onChange: handleChange, extensions: extensions, readOnly: readOnly ?? false, basicSetup: {
+                            lineNumbers: true,
+                            foldGutter: true,
+                            highlightActiveLine: !readOnly,
+                            bracketMatching: true,
+                            closeBrackets: true,
+                            indentOnInput: true,
+                            autocompletion: false, // we provide our own
+                        }, minHeight: isExpanded ? '300px' : '180px', maxHeight: isExpanded ? '600px' : '360px', style: { fontSize: '12.5px' } })] }), _jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-1.5", children: [_jsx("span", { className: "text-[10px] text-slate-400", children: "Available:" }), [
+                        { label: '$input', desc: 'prev step output' },
+                        { label: '$context', desc: 'workflow data' },
+                        { label: 'return', desc: 'output value' },
+                    ].map((hint) => (_jsxs("span", { className: "inline-flex items-center gap-1 rounded bg-slate-100 px-1.5 py-0.5 text-[10px] font-mono", title: hint.desc, children: [_jsx("span", { className: "text-sky-600 font-semibold", children: hint.label }), _jsx("span", { className: "text-slate-400", children: hint.desc })] }, hint.label)))] })] }));
+}
+//# sourceMappingURL=CodeEditor.js.map

package/dist/components/builder/v3/CodeEditor.js.map

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

package/dist/components/builder/v3/ConditionEditorPanel.d.ts

@@ -0,0 +1,10 @@
+import type { Condition, WorkflowConfig } from '@xyne/workflow-sdk/builder';
+export interface ConditionEditorPanelProps {
+    condition: Condition;
+    onChange: (condition: Condition) => void;
+    config: WorkflowConfig;
+    atStepId: string;
+    readOnly?: boolean | undefined;
+}
+export declare function ConditionEditorPanel({ condition: externalCondition, onChange, config, atStepId, readOnly, }: ConditionEditorPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=ConditionEditorPanel.d.ts.map

package/dist/components/builder/v3/ConditionEditorPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionEditorPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/ConditionEditorPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAiB,cAAc,EAAsB,MAAM,4BAA4B,CAAC;AAM/G,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE,yBAAyB,+BAwC3B"}

package/dist/components/builder/v3/ConditionEditorPanel.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from 'react';
+import { VALUE_LESS_OPERATORS, ConditionOperator } from '@xyne/workflow-sdk/builder';
+import { useConditionEditor } from '../../../hooks/use-condition-editor.js';
+import { VariableRefInput } from './VariableRefInput.js';
+import { cn } from '../../shared/cn.js';
+export function ConditionEditorPanel({ condition: externalCondition, onChange, config, atStepId, readOnly, }) {
+    const skipSyncRef = useRef(false);
+    const wrappedOnChange = useCallback((c) => {
+        skipSyncRef.current = true;
+        onChange(c);
+    }, [onChange]);
+    const editor = useConditionEditor({
+        initialCondition: externalCondition,
+        onChange: wrappedOnChange,
+    });
+    // Sync external condition changes (undo/redo) into the hook
+    useEffect(() => {
+        if (skipSyncRef.current) {
+            skipSyncRef.current = false;
+            return;
+        }
+        editor.setCondition(externalCondition);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [externalCondition]);
+    return (_jsx("div", { className: "space-y-2", children: _jsx(ConditionNodeRenderer, { condition: editor.condition, path: [], operators: editor.operators, editor: editor, config: config, atStepId: atStepId, readOnly: readOnly, isRoot: true }) }));
+}
+// ─── Type guard ───
+function isLeaf(c) {
+    return 'variable' in c;
+}
+function ConditionNodeRenderer({ condition, path, operators, editor, config, atStepId, readOnly, isRoot, }) {
+    if (isLeaf(condition)) {
+        return (_jsx(LeafRow, { leaf: condition, path: path, operators: operators, onUpdate: (update) => editor.updateLeaf(path, update), onRemove: () => editor.removeNode(path), onWrapInGroup: (type) => editor.wrapInGroup(path, type), config: config, atStepId: atStepId, readOnly: readOnly, isRoot: isRoot }));
+    }
+    const groupType = 'all' in condition ? 'all' : 'any';
+    const children = 'all' in condition ? condition.all : condition.any;
+    return (_jsx(GroupBlock, { groupType: groupType, childConditions: children, path: path, operators: operators, editor: editor, config: config, atStepId: atStepId, readOnly: readOnly, isRoot: isRoot, onToggle: () => editor.toggleGroupType(path), onAddLeaf: () => editor.addLeaf(path), onRemove: () => editor.removeNode(path) }));
+}
+function LeafRow({ leaf, operators, onUpdate, onRemove, onWrapInGroup, config, atStepId, readOnly, isRoot, }) {
+    const needsValue = !VALUE_LESS_OPERATORS.has(leaf.operator);
+    return (_jsxs("div", { className: "space-y-2 rounded-lg border border-slate-200 bg-white p-2.5 shadow-sm", children: [_jsx(VariableRefInput, { value: leaf.variable, onChange: (v) => onUpdate({ variable: String(v ?? '') }), config: config, atStepId: atStepId, placeholder: "Select variable...", disabled: readOnly }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("select", { value: leaf.operator, onChange: (e) => onUpdate({ operator: e.target.value }), disabled: readOnly, className: cn('rounded-md border border-slate-200 bg-white px-2 py-1.5 text-xs', 'outline-none focus:border-[var(--wui-primary)] focus:ring-1 focus:ring-[var(--wui-primary)]/20', 'min-w-[110px] cursor-pointer', readOnly && 'opacity-60 cursor-not-allowed'), children: operators.length > 0 ? (operators.map((op) => (_jsx("option", { value: op.value, children: op.label }, op.value)))) : (
+                        // Fallback when operators haven't loaded yet
+                        Object.values(ConditionOperator).map((op) => (_jsx("option", { value: op, children: op }, op)))) }), needsValue && (_jsx("input", { type: "text", value: String(leaf.value ?? ''), onChange: (e) => onUpdate({ value: e.target.value }), disabled: readOnly, placeholder: "Value...", className: cn('flex-1 rounded-md border border-slate-200 bg-white px-2 py-1.5 text-xs', 'outline-none focus:border-[var(--wui-primary)] focus:ring-1 focus:ring-[var(--wui-primary)]/20', readOnly && 'opacity-60 cursor-not-allowed'), onKeyDown: (e) => e.stopPropagation() })), !readOnly && (_jsxs("div", { className: "flex items-center gap-0.5 shrink-0", children: [_jsx("button", { onClick: () => onWrapInGroup('all'), title: "Wrap in AND group", className: "flex h-6 w-6 items-center justify-center rounded text-slate-300 hover:text-blue-500 hover:bg-blue-50 transition-colors", children: _jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [_jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1" }), _jsx("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1" }), _jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" }), _jsx("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1" })] }) }), !isRoot && (_jsx("button", { onClick: onRemove, title: "Remove condition", className: "flex h-6 w-6 items-center justify-center rounded text-slate-300 hover:text-red-400 hover:bg-red-50 transition-colors", children: _jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] }) }))] }))] }), isRoot && !readOnly && (_jsxs("div", { className: "flex gap-2 pt-1 border-t border-slate-100", children: [_jsxs("button", { onClick: () => onWrapInGroup('all'), className: "flex items-center gap-1 rounded px-2 py-1 text-[10px] font-medium text-blue-500 hover:bg-blue-50 transition-colors", children: [_jsxs("svg", { width: "8", height: "8", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", children: [_jsx("path", { d: "M12 5v14" }), _jsx("path", { d: "M5 12h14" })] }), "Add AND"] }), _jsxs("button", { onClick: () => onWrapInGroup('any'), className: "flex items-center gap-1 rounded px-2 py-1 text-[10px] font-medium text-amber-500 hover:bg-amber-50 transition-colors", children: [_jsxs("svg", { width: "8", height: "8", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", children: [_jsx("path", { d: "M12 5v14" }), _jsx("path", { d: "M5 12h14" })] }), "Add OR"] })] }))] }));
+}
+function GroupBlock({ groupType, childConditions, path, operators, editor, config, atStepId, readOnly, isRoot, onToggle, onAddLeaf, onRemove, }) {
+    const isAll = groupType === 'all';
+    return (_jsxs("div", { className: cn('rounded-lg border', isAll ? 'border-blue-200/80 bg-blue-50/20' : 'border-amber-200/80 bg-amber-50/20'), children: [_jsxs("div", { className: cn('flex items-center gap-2 px-3 py-1.5 border-b', isAll ? 'border-blue-100/80' : 'border-amber-100/80'), children: [_jsx("button", { onClick: readOnly ? undefined : onToggle, disabled: readOnly, className: cn('rounded-full px-2.5 py-0.5 text-[10px] font-bold uppercase tracking-wider transition-colors', isAll
+                            ? 'bg-blue-100 text-blue-600 hover:bg-blue-200'
+                            : 'bg-amber-100 text-amber-600 hover:bg-amber-200', readOnly && 'cursor-not-allowed opacity-60'), children: isAll ? 'AND' : 'OR' }), _jsx("span", { className: "text-[10px] text-slate-400", children: isAll ? 'All must match' : 'Any can match' }), !readOnly && !isRoot && (_jsx("button", { onClick: onRemove, title: "Remove group", className: "ml-auto flex h-5 w-5 items-center justify-center rounded text-slate-300 hover:text-red-400 hover:bg-red-50 transition-colors", children: _jsxs("svg", { width: "9", height: "9", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] }) }))] }), _jsxs("div", { className: "space-y-2 p-2.5", children: [childConditions.map((child, i) => (_jsx(ConditionNodeRenderer, { condition: child, path: [...path, i], operators: operators, editor: editor, config: config, atStepId: atStepId, readOnly: readOnly }, i))), childConditions.length === 0 && (_jsx("div", { className: "py-4 text-center text-[11px] text-slate-300", children: "No conditions yet" })), !readOnly && (_jsxs("button", { onClick: onAddLeaf, className: cn('flex w-full items-center justify-center gap-1.5 rounded-md border border-dashed py-2 text-[11px] font-medium transition-colors', isAll
+                            ? 'border-blue-200 text-blue-400 hover:border-blue-300 hover:text-blue-500 hover:bg-blue-50/50'
+                            : 'border-amber-200 text-amber-400 hover:border-amber-300 hover:text-amber-500 hover:bg-amber-50/50'), children: [_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [_jsx("path", { d: "M12 5v14" }), _jsx("path", { d: "M5 12h14" })] }), "Add condition"] }))] })] }));
+}
+//# sourceMappingURL=ConditionEditorPanel.js.map

package/dist/components/builder/v3/ConditionEditorPanel.js.map

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

package/dist/components/builder/v3/Connector.d.ts

@@ -0,0 +1,7 @@
+interface ConnectorProps {
+    showAddButton?: boolean;
+    onAdd?: () => void;
+}
+export declare function Connector({ showAddButton, onAdd }: ConnectorProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Connector.d.ts.map

package/dist/components/builder/v3/Connector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Connector.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/Connector.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,cAAc,+BAuBjE"}

package/dist/components/builder/v3/Connector.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../shared/cn.js';
+export function Connector({ showAddButton, onAdd }) {
+    if (!showAddButton) {
+        return _jsx("div", { className: "h-8 w-px bg-slate-300" });
+    }
+    return (_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "h-3 w-px bg-slate-300" }), _jsx("button", { onClick: (e) => { e.stopPropagation(); onAdd?.(); }, className: cn('flex h-6 w-6 items-center justify-center rounded-full', 'border border-slate-200 bg-white text-slate-400 shadow-sm', 'transition-all hover:border-indigo-400 hover:text-indigo-500 hover:shadow-md hover:scale-110'), children: _jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", children: [_jsx("path", { d: "M12 5v14" }), _jsx("path", { d: "M5 12h14" })] }) }), _jsx("div", { className: "h-3 w-px bg-slate-300" })] }));
+}
+//# sourceMappingURL=Connector.js.map

package/dist/components/builder/v3/Connector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Connector.js","sourceRoot":"","sources":["../../../../src/components/builder/v3/Connector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAOxC,MAAM,UAAU,SAAS,CAAC,EAAE,aAAa,EAAE,KAAK,EAAkB;IAChE,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,cAAK,SAAS,EAAC,uBAAuB,GAAG,CAAC;IACnD,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,cAAK,SAAS,EAAC,uBAAuB,GAAG,EACzC,iBACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,EACnD,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,2DAA2D,EAC3D,8FAA8F,CAC/F,YAED,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,aACrH,eAAM,CAAC,EAAC,UAAU,GAAG,EAAA,eAAM,CAAC,EAAC,UAAU,GAAG,IACtC,GACC,EACT,cAAK,SAAS,EAAC,uBAAuB,GAAG,IACrC,CACP,CAAC;AACJ,CAAC"}

package/dist/components/builder/v3/DiscriminatedUnionEditor.d.ts

@@ -0,0 +1,14 @@
+import type { WorkflowConfig } from '@xyne/workflow-sdk/builder';
+import type { SchemaFormField } from '../../../hooks/use-schema-form.js';
+export interface DiscriminatedUnionEditorProps {
+    field: SchemaFormField;
+    value: Record<string, unknown> | undefined;
+    onChange: (value: Record<string, unknown>) => void;
+    config: WorkflowConfig;
+    atStepId: string;
+    readOnly?: boolean | undefined;
+    /** Render function for variant sub-fields — provided by the parent renderer */
+    renderField: (field: SchemaFormField, value: unknown, onChange: (value: unknown) => void) => React.ReactNode;
+}
+export declare function DiscriminatedUnionEditor({ field, value, onChange, readOnly, renderField, }: DiscriminatedUnionEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=DiscriminatedUnionEditor.d.ts.map

package/dist/components/builder/v3/DiscriminatedUnionEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscriminatedUnionEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/DiscriminatedUnionEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGzE,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IAC3C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACnD,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,+EAA+E;IAC/E,WAAW,EAAE,CACX,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,KAC/B,KAAK,CAAC,SAAS,CAAC;CACtB;AA+DD,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,EAAE,6BAA6B,+BAgI/B"}

package/dist/components/builder/v3/DiscriminatedUnionEditor.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../shared/cn.js';
+// Icons for well-known discriminator values
+const VARIANT_ICONS = {
+    set: (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M12 3v12" }), _jsx("path", { d: "m8 11 4 4 4-4" }), _jsx("path", { d: "M8 21h8" })] })),
+    rename: (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M16 3h5v5" }), _jsx("path", { d: "M8 3H3v5" }), _jsx("path", { d: "m21 3-8.5 8.5" }), _jsx("path", { d: "m3 3 8.5 8.5" }), _jsx("path", { d: "M3 21h18" })] })),
+    remove: (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M3 6h18" }), _jsx("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }), _jsx("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })] })),
+    copy: (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { width: "13", height: "13", x: "9", y: "9", rx: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] })),
+    delay: (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M12 6v6l4 2" })] })),
+    webhook: (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M18 16.98h1a2 2 0 0 0 1.7-3.08L13.4 2a2 2 0 0 0-3.5.1L2.3 13.9A2 2 0 0 0 4 16.98h1" }), _jsx("path", { d: "m6 17 6 4 6-4" })] })),
+    approval: (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }), _jsx("circle", { cx: "9", cy: "7", r: "4" }), _jsx("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }), _jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })] })),
+};
+const VARIANT_DESCRIPTIONS = {
+    set: 'Write a value at a path',
+    rename: 'Move a value between paths',
+    remove: 'Delete a value at a path',
+    copy: 'Duplicate a value to a new path',
+    delay: 'Wait for a fixed duration',
+    webhook: 'Wait for an external callback',
+    approval: 'Wait for manual approval',
+};
+const VARIANT_COLORS = {
+    set: { bg: 'bg-sky-50', border: 'border-sky-100', text: 'text-sky-700', activeBg: 'bg-sky-100', activeBorder: 'border-sky-300' },
+    rename: { bg: 'bg-amber-50', border: 'border-amber-100', text: 'text-amber-700', activeBg: 'bg-amber-100', activeBorder: 'border-amber-300' },
+    remove: { bg: 'bg-rose-50', border: 'border-rose-100', text: 'text-rose-700', activeBg: 'bg-rose-100', activeBorder: 'border-rose-300' },
+    copy: { bg: 'bg-violet-50', border: 'border-violet-100', text: 'text-violet-700', activeBg: 'bg-violet-100', activeBorder: 'border-violet-300' },
+    delay: { bg: 'bg-slate-50', border: 'border-slate-100', text: 'text-slate-700', activeBg: 'bg-slate-100', activeBorder: 'border-slate-300' },
+    webhook: { bg: 'bg-emerald-50', border: 'border-emerald-100', text: 'text-emerald-700', activeBg: 'bg-emerald-100', activeBorder: 'border-emerald-300' },
+    approval: { bg: 'bg-indigo-50', border: 'border-indigo-100', text: 'text-indigo-700', activeBg: 'bg-indigo-100', activeBorder: 'border-indigo-300' },
+};
+const DEFAULT_COLOR = { bg: 'bg-slate-50', border: 'border-slate-200', text: 'text-slate-700', activeBg: 'bg-slate-100', activeBorder: 'border-slate-400' };
+export function DiscriminatedUnionEditor({ field, value, onChange, readOnly, renderField, }) {
+    const disc = field.discriminator;
+    const currentValue = (value ?? field.defaultValue ?? {});
+    const selectedVariant = String(currentValue[disc.field] ?? '');
+    const variantKeys = Object.keys(disc.variants);
+    const variantFields = disc.variants[selectedVariant] ?? [];
+    const handleVariantChange = (newVariant) => {
+        const next = { [disc.field]: newVariant };
+        const newFields = disc.variants[newVariant] ?? [];
+        for (const f of newFields) {
+            if (f.defaultValue !== undefined)
+                next[f.path.split('.').pop()] = f.defaultValue;
+        }
+        onChange(next);
+    };
+    const handleFieldChange = (fieldPath, fieldValue) => {
+        const key = fieldPath.split('.').pop();
+        onChange({ ...currentValue, [key]: fieldValue });
+    };
+    // Use card-style selector for <= 6 variants, dropdown for more
+    const useCards = variantKeys.length <= 6;
+    return (_jsxs("div", { className: "space-y-3", children: [useCards ? (_jsx("div", { className: cn('grid gap-1.5', variantKeys.length <= 3 ? 'grid-cols-1' : 'grid-cols-2'), children: variantKeys.map((v) => {
+                    const isActive = v === selectedVariant;
+                    const colors = VARIANT_COLORS[v] ?? DEFAULT_COLOR;
+                    const icon = VARIANT_ICONS[v];
+                    const desc = VARIANT_DESCRIPTIONS[v];
+                    return (_jsxs("button", { type: "button", onClick: () => !readOnly && handleVariantChange(v), disabled: readOnly, className: cn('flex items-center gap-2.5 rounded-lg border px-3 py-2.5 text-left transition-all', isActive
+                            ? `${colors.activeBg} ${colors.activeBorder} ring-1 ring-offset-0 ${colors.activeBorder.replace('border-', 'ring-')}`
+                            : `${colors.bg} ${colors.border} hover:${colors.activeBg} hover:${colors.activeBorder}`, readOnly && 'opacity-60 cursor-not-allowed'), children: [_jsx("div", { className: cn('flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-2 transition-colors', isActive
+                                    ? `${colors.activeBorder} bg-white`
+                                    : 'border-slate-300 bg-white'), children: isActive && (_jsx("div", { className: cn('h-2 w-2 rounded-full', colors.text.replace('text-', 'bg-')) })) }), icon && (_jsx("span", { className: cn('shrink-0', isActive ? colors.text : 'text-slate-400'), children: icon })), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: cn('text-[12px] font-semibold capitalize', isActive ? colors.text : 'text-slate-600'), children: v }), desc && (_jsx("div", { className: "text-[10px] text-slate-400 leading-tight mt-0.5", children: desc }))] })] }, v));
+                }) })) : (_jsxs("select", { value: selectedVariant, onChange: (e) => handleVariantChange(e.target.value), disabled: readOnly, className: cn('w-full rounded-lg border px-3 py-2 text-sm', 'bg-white outline-none transition-all', 'border-[var(--wui-border)] focus:border-[var(--wui-primary)] focus:ring-2 focus:ring-[var(--wui-primary)]/10', readOnly && 'opacity-60 cursor-not-allowed bg-[var(--wui-bg-subtle)]'), children: [!selectedVariant && _jsx("option", { value: "", children: "Select..." }), variantKeys.map((v) => (_jsx("option", { value: v, children: v.charAt(0).toUpperCase() + v.slice(1) }, v)))] })), selectedVariant && variantFields.length > 0 && (_jsx("div", { className: cn('space-y-3 rounded-lg border border-slate-100 bg-slate-50/50 p-3'), children: variantFields.map((vf) => {
+                    const key = vf.path.split('.').pop();
+                    const fieldValue = currentValue[key];
+                    return (_jsx("div", { children: renderField(vf, fieldValue, (val) => handleFieldChange(vf.path, val)) }, vf.path));
+                }) }))] }));
+}
+//# sourceMappingURL=DiscriminatedUnionEditor.js.map

package/dist/components/builder/v3/DiscriminatedUnionEditor.js.map

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

package/dist/components/builder/v3/EnhancedSchemaFormRenderer.d.ts

@@ -0,0 +1,13 @@
+import type { WorkflowConfig } from '@xyne/workflow-sdk/builder';
+import type { SchemaFormField } from '../../../hooks/use-schema-form.js';
+export interface EnhancedSchemaFormRendererProps {
+    fields: SchemaFormField[];
+    values: Record<string, unknown>;
+    errors: Record<string, string>;
+    onChange: (path: string, value: unknown) => void;
+    config: WorkflowConfig;
+    atStepId: string;
+    readOnly?: boolean | undefined;
+}
+export declare function EnhancedSchemaFormRenderer({ fields, values, errors, onChange, config, atStepId, readOnly, }: EnhancedSchemaFormRendererProps): import("react").JSX.Element;
+//# sourceMappingURL=EnhancedSchemaFormRenderer.d.ts.map

package/dist/components/builder/v3/EnhancedSchemaFormRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnhancedSchemaFormRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/EnhancedSchemaFormRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAYzE,MAAM,WAAW,+BAA+B;IAC9C,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAaD,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE,+BAA+B,+BAiBjC"}