@xyne/workflow-ui 0.1.0

package/dist/components/builder/StepPalette.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { useWorkflowClient } from '../../hooks/use-workflow-client.js';
+import { cn } from '../shared/cn.js';
+const CATEGORY_STYLES = {
+    data: { dot: 'bg-sky-400', iconBg: 'bg-sky-50', iconText: 'text-sky-500' },
+    integration: { dot: 'bg-violet-400', iconBg: 'bg-violet-50', iconText: 'text-violet-500' },
+    control: { dot: 'bg-amber-400', iconBg: 'bg-amber-50', iconText: 'text-amber-500' },
+    flow: { dot: 'bg-teal-400', iconBg: 'bg-teal-50', iconText: 'text-teal-500' },
+    action: { dot: 'bg-indigo-400', iconBg: 'bg-indigo-50', iconText: 'text-indigo-500' },
+};
+function getCatStyle(cat) {
+    return CATEGORY_STYLES[cat.toLowerCase()] ?? { dot: 'bg-slate-400', iconBg: 'bg-slate-50', iconText: 'text-slate-500' };
+}
+/** Compact inline SVG icon per step type */
+function PaletteIcon({ type, category }) {
+    const style = getCatStyle(category);
+    const t = type.toUpperCase();
+    const icons = {
+        TRANSFORM: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("path", { d: "M3 6h18" }), _jsx("path", { d: "M7 12h10" }), _jsx("path", { d: "M10 18h4" })] }),
+        CODE: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("polyline", { points: "16 18 22 12 16 6" }), _jsx("polyline", { points: "8 6 2 12 8 18" })] }),
+        HTTP_REQUEST: _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: "M2 12h20" })] }),
+        LOOP: _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: "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" })] }),
+        PARALLEL: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("path", { d: "M8 3v18" }), _jsx("path", { d: "M16 3v18" })] }),
+        WAIT: _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("polyline", { points: "12 6 12 12 16 14" })] }),
+        DEDUP: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "2", y: "6", width: "13", height: "13", rx: "2" }), _jsx("path", { d: "M9 2h9a2 2 0 0 1 2 2v9" })] }),
+    };
+    return (_jsx("div", { className: cn('flex h-7 w-7 shrink-0 items-center justify-center rounded-lg', style.iconBg, style.iconText), children: icons[t] ?? (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: _jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) })) }));
+}
+export function StepPalette({ onSelectStep, className }) {
+    const client = useWorkflowClient();
+    const [steps, setSteps] = useState([]);
+    const [search, setSearch] = useState('');
+    const [expandedCategories, setExpandedCategories] = useState(new Set());
+    useEffect(() => {
+        let cancelled = false;
+        void (async () => {
+            try {
+                const result = await client.schema.steps();
+                if (!cancelled) {
+                    setSteps(result);
+                    setExpandedCategories(new Set(result.map((s) => s.category)));
+                }
+            }
+            catch {
+                // Steps unavailable
+            }
+        })();
+        return () => { cancelled = true; };
+    }, [client]);
+    const filtered = useMemo(() => {
+        if (!search.trim())
+            return steps;
+        const q = search.toLowerCase();
+        return steps.filter((s) => s.name.toLowerCase().includes(q) ||
+            s.type.toLowerCase().includes(q) ||
+            s.description.toLowerCase().includes(q));
+    }, [steps, search]);
+    const grouped = useMemo(() => {
+        const groups = {};
+        for (const step of filtered) {
+            const cat = step.category || 'other';
+            (groups[cat] ??= []).push(step);
+        }
+        return groups;
+    }, [filtered]);
+    const toggleCategory = (cat) => {
+        setExpandedCategories((prev) => {
+            const next = new Set(prev);
+            if (next.has(cat))
+                next.delete(cat);
+            else
+                next.add(cat);
+            return next;
+        });
+    };
+    return (_jsxs("div", { className: cn('flex w-[232px] flex-col border-r border-slate-200/80 bg-white', className), children: [_jsxs("div", { className: "px-4 pt-4 pb-3", children: [_jsx("h3", { className: "mb-2.5 text-[11px] font-bold uppercase tracking-widest text-slate-400", children: "Steps" }), _jsxs("div", { className: "relative", children: [_jsxs("svg", { className: "pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 text-slate-400", width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [_jsx("circle", { cx: "11", cy: "11", r: "8" }), _jsx("path", { d: "m21 21-4.3-4.3" })] }), _jsx("input", { type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search...", className: cn('w-full rounded-lg border border-slate-200 bg-slate-50/80 pl-8 pr-3 py-1.5 text-[13px]', 'text-slate-600 placeholder:text-slate-400', 'outline-none focus:border-indigo-300 focus:bg-white focus:ring-1 focus:ring-indigo-100', 'transition-all') })] })] }), _jsx("div", { className: "h-px bg-slate-100 mx-3" }), _jsxs("div", { className: "flex-1 overflow-y-auto px-2.5 py-2", children: [Object.entries(grouped).map(([category, categorySteps]) => {
+                        const catStyle = getCatStyle(category);
+                        const isExpanded = expandedCategories.has(category);
+                        return (_jsxs("div", { className: "mb-1", children: [_jsxs("button", { onClick: () => toggleCategory(category), className: "flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left transition-colors hover:bg-slate-50", children: [_jsx("span", { className: cn('h-1.5 w-1.5 rounded-full', catStyle.dot) }), _jsx("span", { className: "text-[10px] font-bold uppercase tracking-widest text-slate-400 flex-1", children: category }), _jsx("span", { className: "rounded bg-slate-100 px-1.5 py-0.5 text-[10px] font-semibold text-slate-400", children: categorySteps.length }), _jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", className: cn('text-slate-400 transition-transform duration-150', isExpanded ? 'rotate-180' : ''), children: _jsx("path", { d: "m6 9 6 6 6-6" }) })] }), isExpanded && (_jsx("div", { className: "mt-0.5 space-y-0.5 pb-1", children: categorySteps.map((step) => (_jsxs("button", { onClick: () => onSelectStep(step.type), className: cn('flex w-full items-center gap-2.5 rounded-lg px-2 py-2 text-left transition-all duration-100', 'hover:bg-slate-50 active:scale-[0.98]'), children: [_jsx(PaletteIcon, { type: step.type, category: step.category }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-[13px] font-medium text-slate-700", children: step.name }), _jsx("div", { className: "truncate text-[10px] text-slate-400 leading-tight", children: step.description })] })] }, step.type))) }))] }, category));
+                    }), filtered.length === 0 && (_jsx("div", { className: "px-2 py-8 text-center text-[13px] text-slate-400", children: "No steps found" }))] })] }));
+}
+//# sourceMappingURL=StepPalette.js.map

package/dist/components/builder/StepPalette.js.map

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

package/dist/components/builder/StepPicker.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+export interface StepPickerProps {
+    open: boolean;
+    onSelect: (type: string) => void;
+    onClose: () => void;
+    className?: string | undefined;
+}
+export declare function StepPicker({ open, onSelect, onClose, className }: StepPickerProps): React.JSX.Element | null;
+//# sourceMappingURL=StepPicker.d.ts.map

package/dist/components/builder/StepPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepPicker.d.ts","sourceRoot":"","sources":["../../../src/components/builder/StepPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAyCD,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,eAAe,4BAyKjF"}

package/dist/components/builder/StepPicker.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useWorkflowClient } from '../../hooks/use-workflow-client.js';
+import { cn } from '../shared/cn.js';
+const CATEGORY_THEME = {
+    data: { dot: 'bg-sky-400', bg: 'bg-sky-50', text: 'text-sky-600' },
+    integration: { dot: 'bg-violet-400', bg: 'bg-violet-50', text: 'text-violet-600' },
+    control: { dot: 'bg-amber-400', bg: 'bg-amber-50', text: 'text-amber-600' },
+    flow: { dot: 'bg-teal-400', bg: 'bg-teal-50', text: 'text-teal-600' },
+    action: { dot: 'bg-indigo-400', bg: 'bg-indigo-50', text: 'text-indigo-600' },
+};
+function getCatTheme(cat) {
+    return CATEGORY_THEME[cat.toLowerCase()] ?? { dot: 'bg-slate-400', bg: 'bg-slate-50', text: 'text-slate-600' };
+}
+function PickerStepIcon({ type, category }) {
+    const theme = getCatTheme(category);
+    const t = type.toUpperCase();
+    const icons = {
+        TRANSFORM: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("path", { d: "M3 6h18" }), _jsx("path", { d: "M7 12h10" }), _jsx("path", { d: "M10 18h4" })] }),
+        CODE: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("polyline", { points: "16 18 22 12 16 6" }), _jsx("polyline", { points: "8 6 2 12 8 18" })] }),
+        HTTP_REQUEST: _jsxs("svg", { width: "16", height: "16", 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: "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" })] }),
+        LOOP: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", 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" })] }),
+        PARALLEL: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", 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" })] }),
+        WAIT: _jsxs("svg", { width: "16", height: "16", 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("polyline", { points: "12 6 12 12 16 14" })] }),
+        DEDUP: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", 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" })] }),
+        CONDITIONAL: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", 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" })] }),
+        SWITCH: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", 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" })] }),
+    };
+    return (_jsx("div", { className: cn('flex h-10 w-10 shrink-0 items-center justify-center rounded-xl', theme.bg, theme.text), children: icons[t] ?? (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("path", { d: "M12 8v8" }), _jsx("path", { d: "M8 12h8" })] })) }));
+}
+export function StepPicker({ open, onSelect, onClose, className }) {
+    const client = useWorkflowClient();
+    const [steps, setSteps] = useState([]);
+    const [search, setSearch] = useState('');
+    useEffect(() => {
+        if (!open)
+            return;
+        let cancelled = false;
+        void (async () => {
+            try {
+                const result = await client.schema.steps();
+                if (!cancelled)
+                    setSteps(result);
+            }
+            catch {
+                // Steps unavailable
+            }
+        })();
+        return () => { cancelled = true; };
+    }, [client, open]);
+    useEffect(() => {
+        if (open)
+            setSearch('');
+    }, [open]);
+    // Escape key closes the modal
+    useEffect(() => {
+        if (!open)
+            return;
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                e.preventDefault();
+                onClose();
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [open, onClose]);
+    const filtered = useMemo(() => {
+        if (!search.trim())
+            return steps;
+        const q = search.toLowerCase();
+        return steps.filter((s) => s.name.toLowerCase().includes(q) ||
+            s.type.toLowerCase().includes(q) ||
+            s.description.toLowerCase().includes(q));
+    }, [steps, search]);
+    const grouped = useMemo(() => {
+        const groups = {};
+        for (const step of filtered) {
+            const cat = step.category || 'other';
+            (groups[cat] ??= []).push(step);
+        }
+        return groups;
+    }, [filtered]);
+    const handleSelect = useCallback((type) => {
+        onSelect(type);
+        onClose();
+    }, [onSelect, onClose]);
+    if (!open)
+        return null;
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", onMouseDown: onClose, children: [_jsx("div", { className: "absolute inset-0 bg-slate-900/20 backdrop-blur-[2px]" }), _jsxs("div", { className: cn('relative w-full max-w-lg rounded-2xl border border-slate-200/80 bg-white shadow-2xl', 'animate-[wui-scale-in_180ms_ease-out]', className), onMouseDown: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "border-b border-slate-100 px-5 pt-5 pb-4", children: [_jsxs("div", { className: "mb-3.5 flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-base font-bold text-slate-800", children: "Add Step" }), _jsx("p", { className: "mt-0.5 text-xs text-slate-400", children: "Choose a step type to add to your workflow" })] }), _jsx("button", { onClick: onClose, className: "flex h-7 w-7 items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-slate-100 hover:text-slate-600", children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] }) })] }), _jsxs("div", { className: "relative", children: [_jsxs("svg", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-slate-400", 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("input", { type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search steps...", autoFocus: true, className: cn('w-full rounded-xl border border-slate-200 bg-slate-50 pl-10 pr-4 py-2.5 text-sm', 'text-slate-700 placeholder:text-slate-400', 'outline-none focus:border-indigo-300 focus:bg-white focus:ring-2 focus:ring-indigo-100', 'transition-all') })] })] }), _jsxs("div", { className: "max-h-[52vh] overflow-y-auto p-3", children: [Object.entries(grouped).map(([category, categorySteps]) => {
+                                const catTheme = getCatTheme(category);
+                                return (_jsxs("div", { className: "mb-3 last:mb-0", children: [_jsxs("div", { className: "mb-1.5 flex items-center gap-2 px-2", children: [_jsx("span", { className: cn('h-1.5 w-1.5 rounded-full', catTheme.dot) }), _jsx("span", { className: "text-[10px] font-bold uppercase tracking-widest text-slate-400", children: category }), _jsx("span", { className: "text-[10px] text-slate-300", children: categorySteps.length })] }), _jsx("div", { className: "space-y-0.5", children: categorySteps.map((step) => (_jsxs("button", { onClick: () => handleSelect(step.type), className: cn('flex w-full items-center gap-3.5 rounded-xl px-3 py-2.5 text-left transition-all duration-100', 'hover:bg-slate-50 active:scale-[0.99]'), children: [_jsx(PickerStepIcon, { type: step.type, category: step.category }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-[13px] font-semibold text-slate-700", children: step.name }), _jsx("div", { className: "mt-0.5 truncate text-[11px] text-slate-400 leading-tight", children: step.description })] }), _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", className: "shrink-0 text-slate-300", children: [_jsx("path", { d: "M12 5v14" }), _jsx("path", { d: "M5 12h14" })] })] }, step.type))) })] }, category));
+                            }), filtered.length === 0 && (_jsxs("div", { className: "flex flex-col items-center py-10", children: [_jsxs("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", className: "text-slate-300 mb-2", children: [_jsx("circle", { cx: "11", cy: "11", r: "8" }), _jsx("path", { d: "m21 21-4.3-4.3" })] }), _jsx("p", { className: "text-sm text-slate-400", children: "No steps found" })] }))] })] })] }));
+}
+//# sourceMappingURL=StepPicker.js.map

package/dist/components/builder/StepPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepPicker.js","sourceRoot":"","sources":["../../../src/components/builder/StepPicker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AASrC,MAAM,cAAc,GAA8D;IAChF,IAAI,EAAS,EAAE,GAAG,EAAE,YAAY,EAAK,EAAE,EAAE,WAAW,EAAK,IAAI,EAAE,cAAc,EAAE;IAC/E,WAAW,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,iBAAiB,EAAE;IAClF,OAAO,EAAM,EAAE,GAAG,EAAE,cAAc,EAAG,EAAE,EAAE,aAAa,EAAG,IAAI,EAAE,gBAAgB,EAAE;IACjF,IAAI,EAAS,EAAE,GAAG,EAAE,aAAa,EAAI,EAAE,EAAE,YAAY,EAAI,IAAI,EAAE,eAAe,EAAE;IAChF,MAAM,EAAO,EAAE,GAAG,EAAE,eAAe,EAAE,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,iBAAiB,EAAE;CACnF,CAAC;AAEF,SAAS,WAAW,CAAC,GAAW;IAC9B,OAAO,cAAc,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,cAAc,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;AACjH,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAsC;IAC5E,MAAM,KAAK,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IAE7B,MAAM,KAAK,GAAoC;QAC7C,SAAS,EAAE,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,aAAC,eAAM,CAAC,EAAC,SAAS,GAAE,EAAA,eAAM,CAAC,EAAC,UAAU,GAAE,EAAA,eAAM,CAAC,EAAC,UAAU,GAAE,IAAM;QACpM,IAAI,EAAE,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,EAAC,cAAc,EAAC,OAAO,aAAC,mBAAU,MAAM,EAAC,kBAAkB,GAAE,EAAA,mBAAU,MAAM,EAAC,eAAe,GAAE,IAAM;QAClO,YAAY,EAAE,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,EAAC,cAAc,EAAC,OAAO,aAAC,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAE,EAAA,eAAM,CAAC,EAAC,UAAU,GAAE,EAAA,eAAM,CAAC,EAAC,4FAA4F,GAAE,IAAM;QAC7T,IAAI,EAAE,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,EAAC,cAAc,EAAC,OAAO,aAAC,eAAM,CAAC,EAAC,eAAe,GAAE,EAAA,eAAM,CAAC,EAAC,0BAA0B,GAAE,EAAA,eAAM,CAAC,EAAC,gBAAgB,GAAE,EAAA,eAAM,CAAC,EAAC,0BAA0B,GAAE,IAAM;QACtR,QAAQ,EAAE,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,aAAC,eAAM,CAAC,EAAC,SAAS,GAAE,EAAA,eAAM,CAAC,EAAC,UAAU,GAAE,EAAA,eAAM,CAAC,EAAC,QAAQ,GAAE,EAAA,eAAM,CAAC,EAAC,SAAS,GAAE,EAAA,eAAM,CAAC,EAAC,SAAS,GAAE,EAAA,eAAM,CAAC,EAAC,UAAU,GAAE,IAAM;QAC3P,IAAI,EAAE,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,EAAC,cAAc,EAAC,OAAO,aAAC,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAE,EAAA,mBAAU,MAAM,EAAC,kBAAkB,GAAE,IAAM;QAChO,KAAK,EAAE,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,EAAC,cAAc,EAAC,OAAO,aAAC,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAE,EAAA,eAAM,CAAC,EAAC,wBAAwB,GAAE,EAAA,eAAM,CAAC,EAAC,gBAAgB,GAAE,IAAM;QACzQ,WAAW,EAAE,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,aAAC,eAAM,CAAC,EAAC,SAAS,GAAE,EAAA,eAAM,CAAC,EAAC,UAAU,GAAE,EAAA,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAE,EAAA,eAAM,CAAC,EAAC,SAAS,GAAE,EAAA,eAAM,CAAC,EAAC,UAAU,GAAE,IAAM;QACxP,MAAM,EAAE,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,EAAC,cAAc,EAAC,OAAO,aAAC,eAAM,CAAC,EAAC,SAAS,GAAE,EAAA,eAAM,CAAC,EAAC,eAAe,GAAE,EAAA,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAE,EAAA,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,GAAE,IAAM;KACtQ,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,gEAAgE,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,YACvG,KAAK,CAAC,CAAC,CAAC,IAAI,CACX,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,EAAC,cAAc,EAAC,OAAO,aAC5I,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAE,EAAA,eAAM,CAAC,EAAC,SAAS,GAAE,EAAA,eAAM,CAAC,EAAC,SAAS,GAAE,IACnF,CACP,GACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAmB;IAChF,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,EAAE,CAAC,CAAC;IACtD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,KAAK,CAAC,KAAK,IAAI,EAAE;YACf,IAAI,CAAC;gBACH,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;gBAC3C,IAAI,CAAC,SAAS;oBAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;YACnC,CAAC;YAAC,MAAM,CAAC;gBACP,oBAAoB;YACtB,CAAC;QACH,CAAC,CAAC,EAAE,CAAC;QACL,OAAO,GAAG,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI;YAAE,SAAS,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,8BAA8B;IAC9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;YACzC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACvB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAAE,OAAO,KAAK,CAAC;QACjC,MAAM,CAAC,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;QAC/B,OAAO,KAAK,CAAC,MAAM,CACjB,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;YAChC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;YAChC,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC1C,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,MAAM,MAAM,GAAkC,EAAE,CAAC;QACjD,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE,CAAC;YAC5B,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,IAAI,OAAO,CAAC;YACrC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;QAChD,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,CACL,eACE,SAAS,EAAC,qDAAqD,EAC/D,WAAW,EAAE,OAAO,aAGpB,cAAK,SAAS,EAAC,sDAAsD,GAAG,EAGxE,eACE,SAAS,EAAE,EAAE,CACX,qFAAqF,EACrF,uCAAuC,EACvC,SAAS,CACV,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAGvC,eAAK,SAAS,EAAC,0CAA0C,aACvD,eAAK,SAAS,EAAC,0CAA0C,aACvD,0BACE,aAAI,SAAS,EAAC,oCAAoC,yBAAc,EAChE,YAAG,SAAS,EAAC,+BAA+B,2DAA+C,IACvF,EACN,iBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,8HAA8H,YAExI,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,YAAY,GAAE,EAAA,eAAM,CAAC,EAAC,YAAY,GAAE,IACxC,GACC,IACL,EACN,eAAK,SAAS,EAAC,UAAU,aACvB,eACE,SAAS,EAAC,6EAA6E,EACvF,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,aAElH,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAE,EAAA,eAAM,CAAC,EAAC,gBAAgB,GAAE,IACrD,EACN,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,WAAW,EAAC,iBAAiB,EAC7B,SAAS,QACT,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,2CAA2C,EAC3C,wFAAwF,EACxF,gBAAgB,CACjB,GACD,IACE,IACF,EAGN,eAAK,SAAS,EAAC,kCAAkC,aAC9C,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,aAAa,CAAC,EAAE,EAAE;gCACzD,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;gCACvC,OAAO,CACL,eAAoB,SAAS,EAAC,gBAAgB,aAC5C,eAAK,SAAS,EAAC,qCAAqC,aAClD,eAAM,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAI,EACjE,eAAM,SAAS,EAAC,gEAAgE,YAC7E,QAAQ,GACJ,EACP,eAAM,SAAS,EAAC,4BAA4B,YAAE,aAAa,CAAC,MAAM,GAAQ,IACtE,EACN,cAAK,SAAS,EAAC,aAAa,YACzB,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3B,kBAEE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EACtC,SAAS,EAAE,EAAE,CACX,+FAA+F,EAC/F,uCAAuC,CACxC,aAED,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EAC5D,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,0CAA0C,YAAE,IAAI,CAAC,IAAI,GAAO,EAC3E,cAAK,SAAS,EAAC,0DAA0D,YAAE,IAAI,CAAC,WAAW,GAAO,IAC9F,EACN,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,EAAC,SAAS,EAAC,yBAAyB,aACzJ,eAAM,CAAC,EAAC,UAAU,GAAE,EAAA,eAAM,CAAC,EAAC,UAAU,GAAE,IACpC,KAdD,IAAI,CAAC,IAAI,CAeP,CACV,CAAC,GACE,KA5BE,QAAQ,CA6BZ,CACP,CAAC;4BACJ,CAAC,CAAC,EAED,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CACxB,eAAK,SAAS,EAAC,kCAAkC,aAC/C,eAAK,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,SAAS,EAAC,qBAAqB,aACvJ,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAE,EAAA,eAAM,CAAC,EAAC,gBAAgB,GAAE,IACrD,EACN,YAAG,SAAS,EAAC,wBAAwB,+BAAmB,IACpD,CACP,IACG,IACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/builder/TerminalNode.d.ts

@@ -0,0 +1,6 @@
+import type { NodeProps } from '@xyflow/react';
+export interface TerminalNodeData {
+    label: string;
+}
+export declare function TerminalNode({ data }: NodeProps): import("react").JSX.Element;
+//# sourceMappingURL=TerminalNode.d.ts.map

package/dist/components/builder/TerminalNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalNode.d.ts","sourceRoot":"","sources":["../../../src/components/builder/TerminalNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS,+BAkB/C"}

package/dist/components/builder/TerminalNode.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Handle, Position } from '@xyflow/react';
+export function TerminalNode({ data }) {
+    const { label } = data;
+    return (_jsxs("div", { className: "flex w-48 items-center justify-center", children: [_jsx(Handle, { type: "target", position: Position.Top, className: "!opacity-0" }), _jsxs("div", { className: "flex h-8 items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-4", children: [_jsx("div", { className: "h-2 w-2 rounded-full bg-slate-300" }), _jsx("span", { className: "text-[11px] font-medium text-slate-400 uppercase tracking-wider", children: label || 'End' })] })] }));
+}
+//# sourceMappingURL=TerminalNode.js.map

package/dist/components/builder/TerminalNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalNode.js","sourceRoot":"","sources":["../../../src/components/builder/TerminalNode.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAMjD,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,EAAa;IAC9C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAmC,CAAC;IAEtD,OAAO,CACL,eAAK,SAAS,EAAC,uCAAuC,aACpD,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,GAAG,EACtB,SAAS,EAAC,YAAY,GACtB,EACF,eAAK,SAAS,EAAC,mFAAmF,aAChG,cAAK,SAAS,EAAC,mCAAmC,GAAG,EACrD,eAAM,SAAS,EAAC,iEAAiE,YAC9E,KAAK,IAAI,KAAK,GACV,IACH,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/builder/TriggerConfigPanel.d.ts

@@ -0,0 +1,10 @@
+export interface TriggerConfigPanelProps {
+    triggerType: string;
+    triggerConfig: Record<string, unknown>;
+    onUpdateConfig: (config: Record<string, unknown>) => void;
+    onChangeTriggerType?: ((type: string) => void) | undefined;
+    onClose: () => void;
+    className?: string | undefined;
+}
+export declare function TriggerConfigPanel({ triggerType, triggerConfig, onUpdateConfig, onChangeTriggerType, onClose, className, }: TriggerConfigPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=TriggerConfigPanel.d.ts.map

package/dist/components/builder/TriggerConfigPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerConfigPanel.d.ts","sourceRoot":"","sources":["../../../src/components/builder/TriggerConfigPanel.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC1D,mBAAmB,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAiCD,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,OAAO,EACP,SAAS,GACV,EAAE,uBAAuB,+BAmIzB"}

package/dist/components/builder/TriggerConfigPanel.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useTriggerConfig } from '../../hooks/use-trigger-config.js';
+import { useWorkflowClient } from '../../hooks/use-workflow-client.js';
+import { SchemaFormRenderer } from '../schema-form/SchemaFormRenderer.js';
+import { LoadingSpinner } from '../shared/LoadingSpinner.js';
+import { cn } from '../shared/cn.js';
+function TriggerTypeIcon({ type }) {
+    const t = type.toUpperCase();
+    if (t === 'WEBHOOK') {
+        return (_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.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" })] }));
+    }
+    if (t === 'CRON') {
+        return (_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("polyline", { points: "12 6 12 12 16 14" })] }));
+    }
+    if (t === 'EVENT') {
+        return (_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: "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" })] }));
+    }
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) }));
+}
+export function TriggerConfigPanel({ triggerType, triggerConfig, onUpdateConfig, onChangeTriggerType, onClose, className, }) {
+    const client = useWorkflowClient();
+    const { fields, values, errors, setFieldValue, descriptor, isLoading } = useTriggerConfig({
+        triggerType,
+        initialValues: triggerConfig,
+        onValuesChange: onUpdateConfig,
+    });
+    const [triggers, setTriggers] = useState([]);
+    useEffect(() => {
+        let cancelled = false;
+        void (async () => {
+            try {
+                const result = await client.schema.triggers();
+                if (!cancelled)
+                    setTriggers(result);
+            }
+            catch {
+                // Triggers unavailable
+            }
+        })();
+        return () => { cancelled = true; };
+    }, [client]);
+    return (_jsxs("div", { className: cn('flex w-80 flex-col border-l border-slate-200/80 bg-white', 'animate-[wui-slide-in-right_180ms_ease-out]', className), children: [_jsxs("div", { className: "flex items-center gap-3 border-b border-slate-100 px-4 py-3.5", children: [_jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-indigo-500 text-white", children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-[13px] font-semibold text-slate-800", children: "Trigger" }), _jsx("div", { className: "truncate text-[11px] text-slate-400", children: descriptor?.name ?? triggerType })] }), _jsx("button", { onClick: onClose, className: "flex h-6 w-6 items-center justify-center rounded-md text-slate-400 hover:bg-slate-100 hover:text-slate-600 transition-colors", children: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] }) })] }), _jsxs("div", { className: "flex-1 overflow-y-auto p-4", children: [onChangeTriggerType && triggers.length > 0 && (_jsxs("div", { className: "mb-4", children: [_jsx("h4", { className: "mb-2.5 text-[10px] font-bold uppercase tracking-widest text-slate-400", children: "Trigger Type" }), _jsx("div", { className: "space-y-1", children: triggers.map((t) => (_jsxs("button", { onClick: () => onChangeTriggerType(t.type), className: cn('flex w-full items-center gap-3 rounded-xl px-3 py-2.5 text-left transition-all duration-100', triggerType === t.type
+                                        ? 'bg-indigo-50 ring-1 ring-indigo-200/60'
+                                        : 'hover:bg-slate-50'), children: [_jsx("div", { className: cn('flex h-8 w-8 shrink-0 items-center justify-center rounded-lg', triggerType === t.type
+                                                ? 'bg-indigo-500 text-white'
+                                                : 'bg-slate-100 text-slate-500'), children: _jsx(TriggerTypeIcon, { type: t.type }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: cn('truncate text-[13px] font-medium', triggerType === t.type ? 'text-indigo-600' : 'text-slate-700'), children: t.name }), _jsx("div", { className: "truncate text-[10px] text-slate-400", children: t.description })] }), triggerType === t.type && (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0 text-indigo-500", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }))] }, t.type))) })] })), isLoading ? (_jsx("div", { className: "flex justify-center py-8", children: _jsx(LoadingSpinner, { size: "md" }) })) : fields.length > 0 ? (_jsxs("div", { children: [_jsx("h4", { className: "mb-3 text-[10px] font-bold uppercase tracking-widest text-slate-400", children: "Configuration" }), _jsx(SchemaFormRenderer, { fields: fields, values: values, errors: errors, onChange: (path, value) => setFieldValue(path, value) })] })) : (_jsxs("div", { className: "flex flex-col items-center py-8 text-center", children: [_jsx("div", { className: "mb-2.5 flex h-10 w-10 items-center justify-center rounded-full bg-slate-50 ring-1 ring-slate-100", children: _jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", className: "text-slate-400", strokeLinecap: "round", children: _jsx("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) }) }), _jsx("p", { className: "text-[13px] font-medium text-slate-400", children: "No configuration needed" }), _jsx("p", { className: "mt-1 text-[11px] text-slate-300", children: "This trigger works with default settings" })] }))] })] }));
+}
+//# sourceMappingURL=TriggerConfigPanel.js.map

package/dist/components/builder/TriggerConfigPanel.js.map

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

package/dist/components/builder/TriggerNode.d.ts

@@ -0,0 +1,9 @@
+import type { NodeProps } from '@xyflow/react';
+export interface TriggerNodeData {
+    triggerType: string;
+    label: string;
+    isSelected?: boolean | undefined;
+    isConfigured?: boolean | undefined;
+}
+export declare function TriggerNode({ data }: NodeProps): import("react").JSX.Element;
+//# sourceMappingURL=TriggerNode.d.ts.map

package/dist/components/builder/TriggerNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerNode.d.ts","sourceRoot":"","sources":["../../../src/components/builder/TriggerNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACpC;AAkCD,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS,+BA4D9C"}

package/dist/components/builder/TriggerNode.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Handle, Position } from '@xyflow/react';
+import { cn } from '../shared/cn.js';
+function TriggerIcon({ type }) {
+    const t = type.toUpperCase();
+    if (t === 'WEBHOOK' || t === 'WEBHOOK_TRIGGER') {
+        return (_jsxs("svg", { width: "16", height: "16", 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.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" })] }));
+    }
+    if (t === 'CRON' || t === 'CRON_TRIGGER') {
+        return (_jsxs("svg", { width: "16", height: "16", 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("polyline", { points: "12 6 12 12 16 14" })] }));
+    }
+    if (t === 'EVENT' || t === 'EVENT_TRIGGER') {
+        return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", 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" })] }));
+    }
+    return (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) }));
+}
+export function TriggerNode({ data }) {
+    const { triggerType, label, isSelected, isConfigured } = data;
+    // Unconfigured: placeholder card prompting user to select a trigger
+    if (!isConfigured) {
+        return (_jsxs("div", { className: cn('w-[220px] rounded-lg border border-dashed bg-white transition-all duration-150', 'cursor-pointer select-none', isSelected
+                ? 'border-indigo-400 shadow-[0_0_0_2px_rgba(99,102,241,0.2)]'
+                : 'border-slate-300 shadow-sm hover:border-indigo-300 hover:shadow-md'), children: [_jsxs("div", { className: "flex items-center gap-2.5 px-3 py-2.5", children: [_jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-indigo-50 text-indigo-400", children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-[13px] font-medium text-slate-500", children: "Select Trigger" }), _jsx("div", { className: "mt-0.5 text-[11px] text-slate-400", children: "Click to choose type" })] })] }), _jsx(Handle, { type: "source", position: Position.Bottom, className: "!opacity-0" })] }));
+    }
+    // Configured: normal trigger node
+    return (_jsxs("div", { className: cn('w-[220px] rounded-lg border border-l-[3px] border-l-indigo-500 bg-white transition-all duration-150', 'cursor-pointer select-none', isSelected
+            ? 'border-indigo-300 shadow-[0_0_0_2px_rgba(99,102,241,0.2)] ring-1 ring-indigo-200'
+            : 'border-slate-200 shadow-sm hover:shadow-md hover:border-slate-300'), children: [_jsxs("div", { className: "flex items-center gap-2.5 px-3 py-2.5", children: [_jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-indigo-50 text-indigo-500", children: _jsx(TriggerIcon, { type: triggerType }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-[13px] font-semibold text-slate-800 leading-tight", children: label || 'Trigger' }), _jsx("div", { className: "mt-0.5 truncate text-[11px] text-slate-400 uppercase tracking-wide", children: triggerType })] })] }), _jsx(Handle, { type: "source", position: Position.Bottom, className: "!opacity-0" })] }));
+}
+//# sourceMappingURL=TriggerNode.js.map

package/dist/components/builder/TriggerNode.js.map

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

package/dist/components/builder/TriggerPicker.d.ts

@@ -0,0 +1,8 @@
+export interface TriggerPickerProps {
+    open: boolean;
+    onSelect: (type: string) => void;
+    onClose: () => void;
+    className?: string | undefined;
+}
+export declare function TriggerPicker({ open, onSelect, onClose, className }: TriggerPickerProps): import("react").JSX.Element | null;
+//# sourceMappingURL=TriggerPicker.d.ts.map

package/dist/components/builder/TriggerPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerPicker.d.ts","sourceRoot":"","sources":["../../../src/components/builder/TriggerPicker.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAwCD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,kBAAkB,sCA+GvF"}

package/dist/components/builder/TriggerPicker.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { useWorkflowClient } from '../../hooks/use-workflow-client.js';
+import { cn } from '../shared/cn.js';
+function TriggerIcon({ type }) {
+    const t = type.toUpperCase();
+    if (t === 'WEBHOOK' || t === 'WEBHOOK_TRIGGER') {
+        return (_jsxs("svg", { width: "16", height: "16", 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.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" })] }));
+    }
+    if (t === 'CRON' || t === 'CRON_TRIGGER') {
+        return (_jsxs("svg", { width: "16", height: "16", 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("polyline", { points: "12 6 12 12 16 14" })] }));
+    }
+    if (t === 'EVENT' || t === 'EVENT_TRIGGER') {
+        return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", 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" })] }));
+    }
+    if (t === 'MANUAL' || t === 'MANUAL_TRIGGER') {
+        return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M15 15l-2 5L9 9l11 4-5 2z" }), _jsx("path", { d: "M21 21l-5.2-5.2" })] }));
+    }
+    return (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) }));
+}
+export function TriggerPicker({ open, onSelect, onClose, className }) {
+    const client = useWorkflowClient();
+    const [triggers, setTriggers] = useState([]);
+    useEffect(() => {
+        if (!open)
+            return;
+        let cancelled = false;
+        void (async () => {
+            try {
+                const result = await client.schema.triggers();
+                if (!cancelled)
+                    setTriggers(result);
+            }
+            catch {
+                // Triggers unavailable
+            }
+        })();
+        return () => { cancelled = true; };
+    }, [client, open]);
+    // Escape key closes the modal
+    useEffect(() => {
+        if (!open)
+            return;
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                e.preventDefault();
+                onClose();
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [open, onClose]);
+    const handleSelect = useCallback((type) => {
+        onSelect(type);
+        onClose();
+    }, [onSelect, onClose]);
+    if (!open)
+        return null;
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", onMouseDown: onClose, children: [_jsx("div", { className: "absolute inset-0 bg-slate-900/20 backdrop-blur-[2px]" }), _jsxs("div", { className: cn('relative w-full max-w-md rounded-2xl border border-slate-200/80 bg-white shadow-2xl', 'animate-[wui-scale-in_180ms_ease-out]', className), onMouseDown: (e) => e.stopPropagation(), children: [_jsx("div", { className: "border-b border-slate-100 px-5 pt-5 pb-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-base font-bold text-slate-800", children: "Select Trigger" }), _jsx("p", { className: "mt-0.5 text-xs text-slate-400", children: "Choose what starts your workflow" })] }), _jsx("button", { onClick: onClose, className: "flex h-7 w-7 items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-slate-100 hover:text-slate-600", children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] }) })] }) }), _jsx("div", { className: "max-h-[52vh] overflow-y-auto p-3", children: _jsxs("div", { className: "space-y-0.5", children: [triggers.map((trigger) => (_jsxs("button", { onClick: () => handleSelect(trigger.type), className: cn('flex w-full items-center gap-3.5 rounded-xl px-3 py-3 text-left transition-all duration-100', 'hover:bg-indigo-50 active:scale-[0.99]'), children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-indigo-50 text-indigo-500", children: _jsx(TriggerIcon, { type: trigger.type }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-[13px] font-semibold text-slate-700", children: trigger.name }), _jsx("div", { className: "mt-0.5 truncate text-[11px] text-slate-400 leading-tight", children: trigger.description })] }), _jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", className: "shrink-0 text-slate-300", children: _jsx("polyline", { points: "9 18 15 12 9 6" }) })] }, trigger.type))), triggers.length === 0 && (_jsxs("div", { className: "flex flex-col items-center py-10", children: [_jsx("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", className: "text-slate-300 mb-2", children: _jsx("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) }), _jsx("p", { className: "text-sm text-slate-400", children: "No triggers available" })] }))] }) })] })] }));
+}
+//# sourceMappingURL=TriggerPicker.js.map

package/dist/components/builder/TriggerPicker.js.map

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

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

@@ -0,0 +1,20 @@
+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 | undefined;
+    initialConfig?: WorkflowConfig | undefined;
+    onChange?: ((config: WorkflowConfig) => void) | undefined;
+    onSave?: ((config: WorkflowConfig) => Promise<void>) | undefined;
+    onTestRun?: ((config: WorkflowConfig) => void) | undefined;
+    readOnly?: boolean | undefined;
+    className?: string | undefined;
+    classNames?: {
+        root?: string | undefined;
+        canvas?: string | undefined;
+        toolbar?: string | undefined;
+        configDrawer?: string | undefined;
+    } | undefined;
+}
+export declare function WorkflowBuilder(props: WorkflowBuilderProps): React.JSX.Element;
+//# sourceMappingURL=WorkflowBuilder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/builder/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,qCAAqC,CAAC;AAWxG,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,wBAAwB,GAAG,SAAS,CAAC;IAC/C,aAAa,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1D,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC;IACjE,SAAS,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,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,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;KACnC,GAAG,SAAS,CAAC;CACf;AA2QD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAM1D"}