@xyne/workflow-ui 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/TriggerPicker.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,kBAAkB,sCAmG5E"}

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

@@ -0,0 +1,43 @@
+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';
+import { getTriggerIcon } from '../icons.js';
+export function TriggerPicker({ open, onSelect, onClose }) {
+    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 { /* unavailable */ }
+        })();
+        return () => { cancelled = true; };
+    }, [client, open]);
+    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: "relative w-full max-w-md rounded-2xl border border-slate-200/80 bg-white shadow-2xl animate-[wui-scale-in_180ms_ease-out]", 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', '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: getTriggerIcon(trigger.icon, { size: 16 }) }), _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/v3/TriggerPicker.js.map

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

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

@@ -0,0 +1,9 @@
+import type { WorkflowConfig } from '@xyne/workflow-sdk/builder';
+export interface VariablePickerPopoverProps {
+    config: WorkflowConfig;
+    atStepId: string;
+    onSelect: (refString: string) => void;
+    onClose: () => void;
+}
+export declare function VariablePickerPopover({ config, atStepId, onSelect, onClose, }: VariablePickerPopoverProps): import("react").JSX.Element;
+//# sourceMappingURL=VariablePickerPopover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VariablePickerPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/VariablePickerPopover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAsB,MAAM,4BAA4B,CAAC;AAMrF,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA4FD,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE,0BAA0B,+BAoG5B"}

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

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { useVariablePicker } from '../../../hooks/use-variable-picker.js';
+import { useStepMetadata } from '../../../hooks/use-step-metadata.js';
+import { LoadingSpinner } from '../../shared/LoadingSpinner.js';
+import { cn } from '../../shared/cn.js';
+const TYPE_BADGES = {
+    string: { label: 'str', className: 'bg-emerald-50 text-emerald-600' },
+    number: { label: 'num', className: 'bg-sky-50 text-sky-600' },
+    integer: { label: 'int', className: 'bg-sky-50 text-sky-600' },
+    boolean: { label: 'bool', className: 'bg-amber-50 text-amber-600' },
+    array: { label: 'arr', className: 'bg-violet-50 text-violet-600' },
+    object: { label: 'obj', className: 'bg-slate-100 text-slate-500' },
+};
+function TypeBadge({ type }) {
+    const badge = TYPE_BADGES[type] ?? { label: type, className: 'bg-slate-100 text-slate-500' };
+    return (_jsx("span", { className: cn('rounded px-1 py-0.5 text-[8px] font-bold uppercase', badge.className), children: badge.label }));
+}
+function VariableTreeNode({ node, onSelect, depth = 0, }) {
+    const [expanded, setExpanded] = useState(depth < 1);
+    if (node.isLeaf) {
+        return (_jsxs("button", { onClick: () => onSelect(node.refString), className: "flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left transition-colors hover:bg-indigo-50 active:scale-[0.99]", style: { paddingLeft: `${8 + depth * 12}px` }, children: [_jsx("span", { className: "truncate text-[11px] font-mono text-slate-700", children: node.label }), _jsx(TypeBadge, { type: node.schemaType })] }));
+    }
+    return (_jsxs("div", { children: [_jsxs("button", { onClick: () => setExpanded(!expanded), className: "flex w-full items-center gap-1.5 rounded-lg px-2 py-1.5 text-left transition-colors hover:bg-slate-50", style: { paddingLeft: `${8 + depth * 12}px` }, children: [_jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", className: cn('shrink-0 text-slate-400 transition-transform', expanded && 'rotate-90'), children: _jsx("path", { d: "m9 18 6-6-6-6" }) }), _jsx("span", { className: "truncate text-[11px] font-semibold text-slate-600", children: node.label }), _jsx(TypeBadge, { type: node.schemaType })] }), expanded && (_jsx("div", { children: node.children.map((child) => (_jsx(VariableTreeNode, { node: child, onSelect: onSelect, depth: depth + 1 }, child.path))) }))] }));
+}
+/**
+ * Recursively collect step ID → type from config (including nested branches/bodies).
+ */
+function collectStepTypes(steps, map) {
+    for (const s of steps) {
+        map.set(s.id, s.type);
+        if (s.config && typeof s.config === 'object') {
+            const cfg = s.config;
+            const branches = cfg['branches'];
+            if (branches && typeof branches === 'object' && !Array.isArray(branches)) {
+                for (const branch of Object.values(branches)) {
+                    if (Array.isArray(branch))
+                        collectStepTypes(branch, map);
+                }
+            }
+            if (Array.isArray(cfg['body'])) {
+                collectStepTypes(cfg['body'], map);
+            }
+        }
+    }
+}
+export function VariablePickerPopover({ config, atStepId, onSelect, onClose, }) {
+    const [query, setQuery] = useState('');
+    const { stepMeta } = useStepMetadata(config);
+    // Build step ID → display name map from config + metadata
+    const stepLabelMap = useMemo(() => {
+        const typeMap = new Map();
+        collectStepTypes(config.steps, typeMap);
+        const labelMap = new Map();
+        for (const [id, type] of typeMap) {
+            const meta = stepMeta.get(type);
+            labelMap.set(id, meta?.name ?? type);
+        }
+        return labelMap;
+    }, [config.steps, stepMeta]);
+    const { variables, isLoading, search } = useVariablePicker({
+        config,
+        atStepId,
+        enabled: true,
+        stepLabelMap,
+    });
+    const displayItems = query ? search(query) : null;
+    return (_jsxs("div", { className: cn('absolute right-0 top-full z-30 mt-1 w-72 rounded-xl border border-slate-200/80 bg-white shadow-xl', 'animate-[wui-scale-in_150ms_ease-out]'), onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-slate-100 px-3 py-2", children: [_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", className: "shrink-0 text-slate-400", children: [_jsx("circle", { cx: "11", cy: "11", r: "8" }), _jsx("path", { d: "m21 21-4.3-4.3" })] }), _jsx("input", { type: "text", value: query, onChange: (e) => setQuery(e.target.value), placeholder: "Search variables...", autoFocus: true, className: "flex-1 bg-transparent text-[11px] text-slate-700 placeholder:text-slate-400 outline-none", onClick: (e) => e.stopPropagation(), onKeyDown: (e) => {
+                            e.stopPropagation();
+                            if (e.key === 'Escape')
+                                onClose();
+                        } }), _jsx("button", { onClick: onClose, className: "flex h-5 w-5 items-center justify-center rounded text-slate-400 hover:text-slate-600 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" })] }) })] }), _jsx("div", { className: "max-h-60 overflow-y-auto p-1.5", children: isLoading ? (_jsx("div", { className: "flex justify-center py-6", children: _jsx(LoadingSpinner, { size: "sm" }) })) : displayItems ? (
+                // Search results (flat list)
+                displayItems.length > 0 ? (displayItems.map((node) => (_jsxs("button", { onClick: () => { onSelect(node.refString); onClose(); }, className: "flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left transition-colors hover:bg-indigo-50", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("span", { className: "block truncate text-[11px] font-medium text-slate-700", children: node.label }), _jsx("span", { className: "block truncate text-[9px] font-mono text-slate-400", children: node.path })] }), _jsx(TypeBadge, { type: node.schemaType })] }, node.path)))) : (_jsx("div", { className: "py-4 text-center text-[11px] text-slate-400", children: "No matching variables" }))) : variables.length > 0 ? (
+                // Tree view
+                variables.map((node) => (_jsx(VariableTreeNode, { node: node, onSelect: (ref) => { onSelect(ref); onClose(); } }, node.path)))) : (_jsx("div", { className: "py-4 text-center text-[11px] text-slate-400", children: "No variables available at this step" })) })] }));
+}
+//# sourceMappingURL=VariablePickerPopover.js.map

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

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

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

@@ -0,0 +1,14 @@
+import type { WorkflowConfig } from '@xyne/workflow-sdk/builder';
+export interface VariableRefInputProps {
+    value: unknown;
+    onChange: (value: unknown) => void;
+    config: WorkflowConfig;
+    atStepId: string;
+    placeholder?: string | undefined;
+    disabled?: boolean | undefined;
+    className?: string | undefined;
+    /** Compact mode — smaller padding for inline usage */
+    compact?: boolean | undefined;
+}
+export declare function VariableRefInput({ value, onChange, config, atStepId, placeholder, disabled, className, compact, }: VariableRefInputProps): import("react").JSX.Element;
+//# sourceMappingURL=VariableRefInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VariableRefInput.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/VariableRefInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAsB,MAAM,4BAA4B,CAAC;AAKrF,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAsDD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,GACR,EAAE,qBAAqB,+BAoGvB"}

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

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from 'react';
+import { VariablePickerPopover } from './VariablePickerPopover.js';
+import { cn } from '../../shared/cn.js';
+import { isStepConfigArray } from '../../../utils/branch-detection.js';
+/** Extract all step IDs from a config tree. */
+function collectStepIds(steps) {
+    const ids = new Set();
+    for (const step of steps) {
+        ids.add(step.id);
+        if (step.config && typeof step.config === 'object') {
+            const cfg = step.config;
+            for (const val of Object.values(cfg)) {
+                if (isStepConfigArray(val)) {
+                    for (const id of collectStepIds(val))
+                        ids.add(id);
+                }
+                if (val && typeof val === 'object' && !Array.isArray(val)) {
+                    for (const sub of Object.values(val)) {
+                        if (isStepConfigArray(sub)) {
+                            for (const id of collectStepIds(sub))
+                                ids.add(id);
+                        }
+                    }
+                }
+            }
+        }
+    }
+    return ids;
+}
+/** Parse {{...}} refs from a string. Returns [beforeText, ref, afterText, ...] segments. */
+function parseRefs(text) {
+    const segments = [];
+    const regex = /\{\{([^}]+)\}\}/g;
+    let lastIndex = 0;
+    let match;
+    while ((match = regex.exec(text)) !== null) {
+        if (match.index > lastIndex) {
+            segments.push({ type: 'text', value: text.slice(lastIndex, match.index) });
+        }
+        segments.push({ type: 'ref', value: match[1] });
+        lastIndex = regex.lastIndex;
+    }
+    if (lastIndex < text.length) {
+        segments.push({ type: 'text', value: text.slice(lastIndex) });
+    }
+    return segments;
+}
+/** Check if a ref's root step ID exists in the config. */
+function isRefBroken(refPath, stepIds) {
+    const rootId = refPath.split('.')[0];
+    // "trigger" is always valid
+    if (rootId === 'trigger')
+        return false;
+    return !stepIds.has(rootId);
+}
+export function VariableRefInput({ value, onChange, config, atStepId, placeholder, disabled, className, compact, }) {
+    const [showPicker, setShowPicker] = useState(false);
+    const inputRef = useRef(null);
+    const stringValue = String(value ?? '');
+    const hasRefs = stringValue.includes('{{');
+    const handleInsertRef = useCallback((refString) => {
+        const input = inputRef.current;
+        if (input) {
+            const start = input.selectionStart ?? stringValue.length;
+            const end = input.selectionEnd ?? stringValue.length;
+            const newVal = stringValue.slice(0, start) + refString + stringValue.slice(end);
+            onChange(newVal);
+        }
+        else {
+            onChange(stringValue + refString);
+        }
+    }, [stringValue, onChange]);
+    // Render inline ref chips when the input has {{...}} values and is not focused
+    const stepIds = hasRefs ? collectStepIds(config.steps) : new Set();
+    const segments = hasRefs ? parseRefs(stringValue) : [];
+    return (_jsxs("div", { className: cn('relative', className), children: [_jsxs("div", { className: "relative", children: [_jsx("input", { ref: inputRef, type: "text", value: stringValue, onChange: (e) => onChange(e.target.value), placeholder: placeholder, disabled: disabled, className: cn('w-full rounded-lg border pr-9', compact ? 'rounded-md px-2.5 py-1.5 text-xs' : 'px-3 py-2 text-sm', 'bg-white text-[var(--wui-fg)]', 'outline-none transition-all', 'border-[var(--wui-border)] focus:border-[var(--wui-primary)] focus:ring-2 focus:ring-[var(--wui-primary)]/10', disabled && 'opacity-60 cursor-not-allowed bg-[var(--wui-bg-subtle)]'), onKeyDown: (e) => e.stopPropagation(), onClick: (e) => e.stopPropagation() }), _jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); setShowPicker(!showPicker); }, disabled: disabled, className: cn('absolute right-1.5 top-1/2 -translate-y-1/2 flex h-6 items-center rounded px-1 text-[10px] font-bold transition-colors', showPicker
+                            ? 'bg-indigo-100 text-indigo-600'
+                            : 'text-slate-400 hover:bg-indigo-50 hover:text-indigo-500'), title: "Insert variable reference", children: '{{ }}' })] }), hasRefs && segments.length > 0 && (_jsx("div", { className: "mt-1 flex flex-wrap gap-1", children: segments.map((seg, i) => {
+                    if (seg.type === 'text')
+                        return null;
+                    const broken = isRefBroken(seg.value, stepIds);
+                    return (_jsxs("span", { className: cn('inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-mono', broken
+                            ? 'bg-red-50 text-red-500 ring-1 ring-red-200'
+                            : 'bg-indigo-50 text-indigo-600 ring-1 ring-indigo-200/60'), children: [broken && (_jsxs("svg", { width: "8", height: "8", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M12 8v4" }), _jsx("path", { d: "M12 16h.01" })] })), `{{${seg.value}}}`] }, i));
+                }) })), showPicker && (_jsx(VariablePickerPopover, { config: config, atStepId: atStepId, onSelect: handleInsertRef, onClose: () => setShowPicker(false) }))] }));
+}
+//# sourceMappingURL=VariableRefInput.js.map

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

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

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

@@ -0,0 +1,13 @@
+import type { WorkflowConfig } from '@xyne/workflow-sdk/builder';
+import { type UseWorkflowBuilderReturn } from '../../../hooks/use-workflow-builder.js';
+export interface WorkflowBuilderV3Props {
+    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;
+}
+export declare function WorkflowBuilderV3({ builder: externalBuilder, initialConfig, onChange, readOnly, className, }: WorkflowBuilderV3Props): import("react").JSX.Element;
+//# sourceMappingURL=WorkflowBuilderV3.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowBuilderV3.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/WorkflowBuilderV3.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAsB,KAAK,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAc3G,MAAM,WAAW,sBAAsB;IACrC,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;CAChC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EAAE,eAAe,EACxB,aAAa,EACb,QAAQ,EACR,QAAgB,EAChB,SAAS,GACV,EAAE,sBAAsB,+BAkMxB"}

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

@@ -0,0 +1,124 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useWorkflowBuilder } from '../../../hooks/use-workflow-builder.js';
+import { useStepMetadata } from '../../../hooks/use-step-metadata.js';
+import { WorkflowCanvas } from './WorkflowCanvas.js';
+import { SidePanel } from './SidePanel.js';
+import { StepPicker } from './StepPicker.js';
+import { TriggerPicker } from './TriggerPicker.js';
+import { BuilderToolbar } from './BuilderToolbar.js';
+import { cn } from '../../shared/cn.js';
+/** Whether the config panel is showing (step or trigger selected). */
+function isPanelOpen(selectedStepId, isTriggerSelected) {
+    return !!selectedStepId || isTriggerSelected;
+}
+export function WorkflowBuilderV3({ builder: externalBuilder, initialConfig, onChange, readOnly = false, className, }) {
+    const opts = { autoValidate: true };
+    if (initialConfig)
+        opts.initialConfig = initialConfig;
+    if (onChange)
+        opts.onChange = onChange;
+    const internalBuilder = useWorkflowBuilder(opts);
+    const builder = externalBuilder ?? internalBuilder;
+    const { stepMeta, triggerMeta } = useStepMetadata(builder.config);
+    // Picker state
+    const [showStepPicker, setShowStepPicker] = useState(false);
+    const [stepPickerContext, setStepPickerContext] = useState({});
+    const [showTriggerPicker, setShowTriggerPicker] = useState(false);
+    const handleTriggerClick = useCallback(() => {
+        if (readOnly)
+            return;
+        if (!builder.isTriggerConfigured) {
+            setShowTriggerPicker(true);
+        }
+        else {
+            builder.selectTrigger();
+        }
+    }, [builder, readOnly]);
+    const handleStepClick = useCallback((stepId) => {
+        if (readOnly)
+            return;
+        builder.selectStep(stepId);
+    }, [builder, readOnly]);
+    const handleAddStep = useCallback((afterStepId, inBranch) => {
+        if (readOnly || !builder.isTriggerConfigured)
+            return;
+        setStepPickerContext({ afterStepId, inBranch });
+        setShowStepPicker(true);
+    }, [readOnly, builder.isTriggerConfigured]);
+    const handleStepPickerSelect = useCallback((type, context) => {
+        builder.addStep(type, context.afterStepId, context.inBranch);
+    }, [builder]);
+    const handleTriggerPickerSelect = useCallback((type) => {
+        builder.setTrigger(type);
+        builder.selectTrigger();
+    }, [builder]);
+    const handleCanvasClick = useCallback(() => {
+        builder.clearSelection();
+    }, [builder]);
+    const selectedStep = useMemo(() => builder.selectedStepId ? builder.getStep(builder.selectedStepId) : null, [builder, builder.selectedStepId]);
+    // Zoom state for canvas
+    const canvasRef = useRef(null);
+    const [zoom, setZoom] = useState(1);
+    const handleZoomIn = useCallback(() => setZoom((z) => Math.min(z + 0.15, 2)), []);
+    const handleZoomOut = useCallback(() => setZoom((z) => Math.max(z - 0.15, 0.3)), []);
+    const handleFitView = useCallback(() => setZoom(1), []);
+    // Pinch-to-zoom: intercept Ctrl+wheel (trackpad pinch) to adjust canvas zoom
+    useEffect(() => {
+        const el = canvasRef.current;
+        if (!el)
+            return;
+        const handleWheel = (e) => {
+            if (e.ctrlKey || e.metaKey) {
+                e.preventDefault();
+                setZoom((z) => {
+                    const delta = -e.deltaY * 0.005;
+                    return Math.min(2, Math.max(0.3, z + delta));
+                });
+            }
+        };
+        el.addEventListener('wheel', handleWheel, { passive: false });
+        return () => el.removeEventListener('wheel', handleWheel);
+    }, []);
+    // Keyboard shortcuts
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            // Don't intercept when typing in inputs
+            const tag = e.target.tagName;
+            if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT')
+                return;
+            const isMeta = e.metaKey || e.ctrlKey;
+            // Undo: Cmd+Z
+            if (isMeta && !e.shiftKey && e.key === 'z') {
+                e.preventDefault();
+                builder.undo();
+                return;
+            }
+            // Redo: Cmd+Shift+Z or Cmd+Y
+            if ((isMeta && e.shiftKey && e.key === 'z') || (isMeta && e.key === 'y')) {
+                e.preventDefault();
+                builder.redo();
+                return;
+            }
+            // Delete selected step: Delete or Backspace
+            if ((e.key === 'Delete' || e.key === 'Backspace') && builder.selectedStepId) {
+                e.preventDefault();
+                builder.removeStep(builder.selectedStepId);
+                return;
+            }
+            // Escape: clear selection
+            if (e.key === 'Escape') {
+                builder.clearSelection();
+                return;
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [builder]);
+    return (_jsxs("div", { className: cn('flex h-full w-full', className), "data-workflow-ui": true, children: [_jsxs("div", { ref: canvasRef, className: "relative overflow-hidden bg-slate-50 transition-[flex] duration-200", style: {
+                    flex: isPanelOpen(builder.selectedStepId, builder.isTriggerSelected)
+                        ? '0 0 55%'
+                        : '1 1 100%',
+                }, children: [_jsx(WorkflowCanvas, { zoom: zoom, config: builder.config, stepMeta: stepMeta, triggerMeta: triggerMeta, selectedStepId: builder.selectedStepId, isTriggerSelected: builder.isTriggerSelected, isTriggerConfigured: builder.isTriggerConfigured, readOnly: readOnly, onTriggerClick: handleTriggerClick, onStepClick: handleStepClick, onAddStep: handleAddStep, onCanvasClick: handleCanvasClick, onDeleteStep: (id) => builder.removeStep(id), onDuplicateStep: (id) => builder.duplicateStep(id), onToggleStepDisabled: (id) => builder.toggleStepDisabled(id), onAddBranch: (stepId, container, name) => builder.addBranch(stepId, container, name), onRenameBranch: (stepId, container, oldName, newName) => builder.renameBranch(stepId, container, oldName, newName) }), !readOnly && (_jsx(BuilderToolbar, { canUndo: builder.canUndo, canRedo: builder.canRedo, onUndo: builder.undo, onRedo: builder.redo, onZoomIn: handleZoomIn, onZoomOut: handleZoomOut, onFitView: handleFitView }))] }), _jsx(SidePanel, { selectedStep: selectedStep, isTriggerSelected: builder.isTriggerSelected, config: builder.config, stepMeta: stepMeta, triggerMeta: triggerMeta, triggerType: builder.config.trigger.type, triggerConfig: (builder.config.trigger.config ?? {}), readOnly: readOnly, onUpdateStepConfig: (id, config) => builder.updateStepConfig(id, config), onDeleteStep: (id) => builder.removeStep(id), onDuplicateStep: (id) => builder.duplicateStep(id), onToggleStepDisabled: (id) => builder.toggleStepDisabled(id), onUpdateTriggerConfig: (config) => builder.updateTriggerConfig(config), onRequestChangeTrigger: () => setShowTriggerPicker(true), onClose: () => builder.clearSelection() }), _jsx(StepPicker, { open: showStepPicker, context: stepPickerContext, onSelect: handleStepPickerSelect, onClose: () => setShowStepPicker(false) }), _jsx(TriggerPicker, { open: showTriggerPicker, onSelect: handleTriggerPickerSelect, onClose: () => setShowTriggerPicker(false) })] }));
+}
+//# sourceMappingURL=WorkflowBuilderV3.js.map

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

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

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

@@ -0,0 +1,26 @@
+import type { WorkflowConfig } from '@xyne/workflow-sdk/builder';
+import type { StepMeta, TriggerMeta } from '../../../hooks/use-step-metadata.js';
+export interface WorkflowCanvasProps {
+    config: WorkflowConfig;
+    stepMeta: Map<string, StepMeta>;
+    triggerMeta: TriggerMeta[];
+    selectedStepId: string | null;
+    isTriggerSelected: boolean;
+    isTriggerConfigured: boolean;
+    readOnly: boolean;
+    zoom?: number | undefined;
+    onTriggerClick: () => void;
+    onStepClick: (stepId: string) => void;
+    onAddStep: (afterStepId?: string, inBranch?: {
+        stepId: string;
+        branchKey: string;
+    }) => void;
+    onCanvasClick: () => void;
+    onDeleteStep: (stepId: string) => void;
+    onDuplicateStep: (stepId: string) => void;
+    onToggleStepDisabled: (stepId: string) => void;
+    onAddBranch: (stepId: string, container: string, name: string) => void;
+    onRenameBranch: (stepId: string, container: string, oldName: string, newName: string) => void;
+}
+export declare function WorkflowCanvas({ config, stepMeta, triggerMeta, selectedStepId, isTriggerSelected, isTriggerConfigured, readOnly, zoom, onTriggerClick, onStepClick, onAddStep, onCanvasClick, onDeleteStep, onDuplicateStep, onToggleStepDisabled, onAddBranch, onRenameBranch, }: WorkflowCanvasProps): import("react").JSX.Element;
+//# sourceMappingURL=WorkflowCanvas.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowCanvas.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/WorkflowCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAMjF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAChC,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5F,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/F;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,QAAQ,EACR,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,QAAQ,EACR,IAAQ,EACR,cAAc,EACd,WAAW,EACX,SAAS,EACT,aAAa,EACb,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,WAAW,EACX,cAAc,GACf,EAAE,mBAAmB,+BA6ErB"}

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { TriggerNode } from './TriggerNode.js';
+import { Connector } from './Connector.js';
+import { WorkflowTree } from './WorkflowTree.js';
+import { TerminalNode } from './TerminalNode.js';
+export function WorkflowCanvas({ config, stepMeta, triggerMeta, selectedStepId, isTriggerSelected, isTriggerConfigured, readOnly, zoom = 1, onTriggerClick, onStepClick, onAddStep, onCanvasClick, onDeleteStep, onDuplicateStep, onToggleStepDisabled, onAddBranch, onRenameBranch, }) {
+    const triggerInfo = triggerMeta.find((t) => t.type === config.trigger.type);
+    // No step editing allowed until a trigger is configured
+    const effectiveReadOnly = readOnly || !isTriggerConfigured;
+    return (_jsx("div", { className: "h-full w-full overflow-auto", onClick: (e) => {
+            if (e.target === e.currentTarget)
+                onCanvasClick();
+        }, children: _jsx("div", { className: "min-h-full min-w-full p-12", style: {
+                backgroundImage: 'radial-gradient(circle, #d1d5db 1px, transparent 1px)',
+                backgroundSize: '24px 24px',
+            }, onClick: (e) => {
+                if (e.target === e.currentTarget)
+                    onCanvasClick();
+            }, children: _jsxs("div", { className: "mx-auto flex flex-col items-center origin-top transition-transform duration-150", style: { transform: `scale(${zoom})` }, children: [_jsx(TriggerNode, { label: triggerInfo?.name ?? (isTriggerConfigured ? config.trigger.type : undefined), icon: triggerInfo?.icon, isSelected: isTriggerSelected, isConfigured: isTriggerConfigured, onClick: onTriggerClick }), _jsx(Connector, { showAddButton: !effectiveReadOnly, onAdd: () => onAddStep() }), config.steps.length > 0 && (_jsxs(_Fragment, { children: [_jsx(WorkflowTree, { steps: config.steps, stepMeta: stepMeta, selectedStepId: selectedStepId, readOnly: effectiveReadOnly, onStepClick: onStepClick, onAddStep: onAddStep, onDeleteStep: onDeleteStep, onDuplicateStep: onDuplicateStep, onToggleStepDisabled: onToggleStepDisabled, onAddBranch: onAddBranch, onRenameBranch: onRenameBranch }), _jsx(Connector, { showAddButton: !effectiveReadOnly, onAdd: () => {
+                                    const lastStep = config.steps[config.steps.length - 1];
+                                    if (lastStep)
+                                        onAddStep(lastStep.id);
+                                } })] })), _jsx(TerminalNode, {})] }) }) }));
+}
+//# sourceMappingURL=WorkflowCanvas.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowCanvas.js","sourceRoot":"","sources":["../../../../src/components/builder/v3/WorkflowCanvas.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAsBjD,MAAM,UAAU,cAAc,CAAC,EAC7B,MAAM,EACN,QAAQ,EACR,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,QAAQ,EACR,IAAI,GAAG,CAAC,EACR,cAAc,EACd,WAAW,EACX,SAAS,EACT,aAAa,EACb,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,WAAW,EACX,cAAc,GACM;IACpB,MAAM,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5E,wDAAwD;IACxD,MAAM,iBAAiB,GAAG,QAAQ,IAAI,CAAC,mBAAmB,CAAC;IAE3D,OAAO,CACL,cACE,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;gBAAE,aAAa,EAAE,CAAC;QACpD,CAAC,YAGD,cACE,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE;gBACL,eAAe,EAAE,uDAAuD;gBACxE,cAAc,EAAE,WAAW;aAC5B,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;oBAAE,aAAa,EAAE,CAAC;YACpD,CAAC,YAGD,eACE,SAAS,EAAC,iFAAiF,EAC3F,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,IAAI,GAAG,EAAE,aAGtC,KAAC,WAAW,IACV,KAAK,EAAE,WAAW,EAAE,IAAI,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EACnF,IAAI,EAAE,WAAW,EAAE,IAAI,EACvB,UAAU,EAAE,iBAAiB,EAC7B,YAAY,EAAE,mBAAmB,EACjC,OAAO,EAAE,cAAc,GACvB,EAGF,KAAC,SAAS,IACR,aAAa,EAAE,CAAC,iBAAiB,EACjC,KAAK,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,GACxB,EAGD,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1B,8BACE,KAAC,YAAY,IACX,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,GAC9B,EAGF,KAAC,SAAS,IACR,aAAa,EAAE,CAAC,iBAAiB,EACjC,KAAK,EAAE,GAAG,EAAE;oCACV,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;oCACvD,IAAI,QAAQ;wCAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;gCACvC,CAAC,GACD,IACD,CACJ,EAGD,KAAC,YAAY,KAAG,IACZ,GACF,GACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,22 @@
+import type { WorkflowStepConfig } from '@xyne/workflow-sdk/builder';
+import type { StepMeta } from '../../../hooks/use-step-metadata.js';
+export interface WorkflowTreeProps {
+    steps: WorkflowStepConfig[];
+    stepMeta: Map<string, StepMeta>;
+    selectedStepId: string | null;
+    readOnly: boolean;
+    /** Show a trailing "+" connector after the last step (used inside branches/loops). */
+    showTrailingAdd?: boolean | undefined;
+    onStepClick: (stepId: string) => void;
+    onAddStep: (afterStepId?: string, inBranch?: {
+        stepId: string;
+        branchKey: string;
+    }) => void;
+    onDeleteStep: (stepId: string) => void;
+    onDuplicateStep: (stepId: string) => void;
+    onToggleStepDisabled: (stepId: string) => void;
+    onAddBranch: (stepId: string, container: string, name: string) => void;
+    onRenameBranch: (stepId: string, container: string, oldName: string, newName: string) => void;
+}
+export declare function WorkflowTree({ steps, stepMeta, selectedStepId, readOnly, showTrailingAdd, onStepClick, onAddStep, onDeleteStep, onDuplicateStep, onToggleStepDisabled, onAddBranch, onRenameBranch, }: WorkflowTreeProps): import("react").JSX.Element;
+//# sourceMappingURL=WorkflowTree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowTree.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v3/WorkflowTree.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAOpE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAChC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,sFAAsF;IACtF,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5F,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/F;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,eAAe,EACf,WAAW,EACX,SAAS,EACT,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,WAAW,EACX,cAAc,GACf,EAAE,iBAAiB,+BA6JnB"}