@xyne/workflow-ui 0.1.0

package/README.md

@@ -0,0 +1,38 @@
+# @xyne/workflow-ui
+
+React UI for [`@xyne/workflow-sdk`](https://www.npmjs.com/package/@xyne/workflow-sdk) — a visual workflow builder and execution viewer.
+
+## Install
+
+```bash
+npm install @xyne/workflow-ui @xyne/workflow-sdk react react-dom
+```
+
+`react`, `react-dom`, and `@xyne/workflow-sdk` are peer dependencies.
+
+## Usage
+
+```tsx
+import '@xyne/workflow-ui/styles.css';
+import { WorkflowUIProvider, WorkflowDashboard } from '@xyne/workflow-ui';
+import { createWorkflowClient } from '@xyne/workflow-sdk/client';
+
+const client = createWorkflowClient({
+  baseUrl: '/api/workflows',
+  getHeaders: () => ({ Authorization: `Bearer ${token}` }),
+});
+
+export function App() {
+  return (
+    <WorkflowUIProvider client={client}>
+      <WorkflowDashboard />
+    </WorkflowUIProvider>
+  );
+}
+```
+
+Hooks are available from `@xyne/workflow-ui/hooks`.
+
+## License
+
+UNLICENSED — © Xyne. All rights reserved.

package/dist/components/automations/AutomationCard.d.ts

@@ -0,0 +1,8 @@
+import type { WorkflowRecord } from '@xyne/workflow-sdk/client';
+export interface AutomationCardProps {
+    workflow: WorkflowRecord;
+    onClick: () => void;
+    onRun?: (() => void) | undefined;
+}
+export declare function AutomationCard({ workflow, onClick, onRun }: AutomationCardProps): import("react").JSX.Element;
+//# sourceMappingURL=AutomationCard.d.ts.map

package/dist/components/automations/AutomationCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutomationCard.d.ts","sourceRoot":"","sources":["../../../src/components/automations/AutomationCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAgFhE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,cAAc,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CAClC;AAID,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,mBAAmB,+BAgF/E"}

package/dist/components/automations/AutomationCard.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../shared/cn.js';
+import { StatusBadge } from '../shared/StatusBadge.js';
+// ─── Helpers ─────────────────────────────────────────────────────────────────
+function safeParseMeta(raw) {
+    if (!raw)
+        return {};
+    try {
+        return JSON.parse(raw);
+    }
+    catch {
+        return {};
+    }
+}
+function safeParseConfig(raw) {
+    if (!raw)
+        return {};
+    try {
+        return JSON.parse(raw);
+    }
+    catch {
+        return {};
+    }
+}
+function statusToVariant(status) {
+    if (status === 'active')
+        return 'completed';
+    return 'pending';
+}
+// ─── Trigger icon ─────────────────────────────────────────────────────────────
+const TRIGGER_COLORS = {
+    manual: 'bg-violet-500',
+    webhook: 'bg-sky-500',
+    cron: 'bg-amber-500',
+    event: 'bg-emerald-500',
+};
+function TriggerIcon({ type }) {
+    const colorClass = TRIGGER_COLORS[type.toLowerCase()] ?? 'bg-slate-400';
+    const title = type.charAt(0).toUpperCase() + type.slice(1).toLowerCase();
+    return (_jsxs("span", { className: cn('flex h-5 w-5 shrink-0 items-center justify-center rounded-full', colorClass), title: `${title} trigger`, "aria-label": `${title} trigger`, children: [type.toLowerCase() === 'webhook' && (_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2" }), _jsx("path", { d: "m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06" }), _jsx("path", { d: "m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8" })] })), type.toLowerCase() === 'cron' && (_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("polyline", { points: "12 6 12 12 16 14" })] })), type.toLowerCase() === 'event' && (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M13 2 3 14h9l-1 8 10-12h-9l1-8z" }) })), type.toLowerCase() === 'manual' && (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("polygon", { points: "5 3 19 12 5 21 5 3" }) })), !['manual', 'webhook', 'cron', 'event'].includes(type.toLowerCase()) && (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("circle", { cx: "12", cy: "12", r: "3" }) }))] }));
+}
+// ─── Component ────────────────────────────────────────────────────────────────
+export function AutomationCard({ workflow, onClick, onRun }) {
+    const meta = safeParseMeta(workflow.metadata);
+    const config = safeParseConfig(workflow.config);
+    const name = meta.name ?? workflow.id;
+    const stepCount = config.steps?.length ?? 0;
+    const triggerType = config.trigger?.type ?? 'Unknown';
+    const variant = statusToVariant(workflow.status);
+    return (_jsxs("article", { role: "button", tabIndex: 0, onClick: onClick, onKeyDown: (e) => { if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            onClick();
+        } }, className: cn('group relative flex flex-col gap-3 rounded-xl border border-[var(--wui-border)]', 'bg-[var(--wui-bg)] p-4 text-left outline-none', 'cursor-pointer transition-all duration-150', 'hover:shadow-[var(--wui-shadow-sm)] hover:-translate-y-px', 'focus-visible:ring-2 focus-visible:ring-[var(--wui-primary)] focus-visible:ring-offset-2'), children: [_jsxs("div", { className: "flex items-start gap-2.5", children: [_jsx(TriggerIcon, { type: triggerType }), _jsx("h3", { className: "flex-1 truncate text-sm font-semibold leading-tight text-[var(--wui-fg)]", title: name, children: name })] }), _jsxs("div", { className: "flex items-center gap-3 text-xs text-[var(--wui-fg-muted)]", children: [_jsxs("span", { className: "flex items-center gap-1", children: [_jsx("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m9 18 6-6-6-6" }) }), triggerType.charAt(0).toUpperCase() + triggerType.slice(1).toLowerCase()] }), _jsx("span", { className: "text-[var(--wui-border)]", children: "\u00B7" }), _jsxs("span", { className: "flex items-center gap-1", children: [_jsxs("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("path", { d: "M3 9h18M9 21V9" })] }), stepCount, " ", stepCount === 1 ? 'step' : 'steps'] })] }), _jsxs("div", { className: "flex items-center justify-between gap-2 pt-1", children: [_jsx(StatusBadge, { status: variant, label: workflow.status }), onRun && (_jsxs("button", { type: "button", onClick: (e) => { e.stopPropagation(); onRun(); }, className: cn('flex items-center gap-1.5 rounded-[var(--wui-radius)] px-2.5 py-1', 'text-xs font-medium text-[var(--wui-fg-muted)]', 'border border-[var(--wui-border)] bg-[var(--wui-bg-subtle)]', 'transition-colors hover:border-[var(--wui-primary)] hover:text-[var(--wui-primary)]', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--wui-primary)]'), "aria-label": `Run ${name}`, children: [_jsx("svg", { width: "9", height: "9", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: _jsx("polygon", { points: "5 3 19 12 5 21 5 3" }) }), "Run"] }))] })] }));
+}
+//# sourceMappingURL=AutomationCard.js.map

package/dist/components/automations/AutomationCard.js.map

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

package/dist/components/automations/AutomationListView.d.ts

@@ -0,0 +1,7 @@
+export interface AutomationListViewProps {
+    onSelectWorkflow: (workflowId: string) => void;
+    onRunWorkflow?: (workflowId: string) => void;
+    className?: string;
+}
+export declare function AutomationListView({ onSelectWorkflow, onRunWorkflow, className, }: AutomationListViewProps): import("react").JSX.Element;
+//# sourceMappingURL=AutomationListView.d.ts.map

package/dist/components/automations/AutomationListView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutomationListView.d.ts","sourceRoot":"","sources":["../../../src/components/automations/AutomationListView.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,kBAAkB,CAAC,EACjC,gBAAgB,EAChB,aAAa,EACb,SAAS,GACV,EAAE,uBAAuB,+BAyFzB"}

package/dist/components/automations/AutomationListView.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useWorkflowList } from '../../hooks/use-workflow-list.js';
+import { cn } from '../shared/cn.js';
+import { EmptyState } from '../shared/EmptyState.js';
+import { LoadingSpinner } from '../shared/LoadingSpinner.js';
+import { AutomationCard } from './AutomationCard.js';
+import { CreateWorkflowDialog } from './CreateWorkflowDialog.js';
+// ─── Component ────────────────────────────────────────────────────────────────
+export function AutomationListView({ onSelectWorkflow, onRunWorkflow, className, }) {
+    const { workflows, isLoading, error, refetch } = useWorkflowList();
+    const [showCreateDialog, setShowCreateDialog] = useState(false);
+    return (_jsxs("section", { className: cn('flex flex-col bg-[var(--wui-bg)]', className), children: [_jsxs("header", { className: "flex items-center gap-3 border-b border-[var(--wui-border)] px-6 py-4", children: [_jsx("h2", { className: "text-base font-semibold text-[var(--wui-fg)]", children: "Automations" }), !isLoading && !error && (_jsx("span", { className: cn('inline-flex h-5 min-w-[1.25rem] items-center justify-center rounded-full px-1.5', 'bg-[var(--wui-bg-subtle)] text-xs font-medium text-[var(--wui-fg-muted)]', 'border border-[var(--wui-border)]'), children: workflows.length })), _jsx("div", { className: "ml-auto", children: _jsxs("button", { onClick: () => setShowCreateDialog(true), className: cn('inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5', 'bg-indigo-500 text-[13px] font-medium text-white', 'hover:bg-indigo-600 transition-colors'), children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [_jsx("path", { d: "M12 5v14" }), _jsx("path", { d: "M5 12h14" })] }), "Create"] }) })] }), _jsx("div", { className: "flex-1 px-6 py-6", children: isLoading ? (_jsx("div", { className: "flex h-40 items-center justify-center", children: _jsx(LoadingSpinner, { size: "lg" }) })) : error ? (_jsx("div", { className: "flex h-40 items-center justify-center text-sm text-[var(--wui-fg-muted)]", children: "Failed to load workflows" })) : workflows.length === 0 ? (_jsx(EmptyState, { title: "No workflows yet" })) : (_jsx("ul", { role: "list", className: cn('grid gap-4', 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3'), children: workflows.map((workflow, idx) => (_jsx("li", { style: {
+                            animation: 'wui-fade-in 250ms ease-out backwards',
+                            animationDelay: `${idx * 60}ms`,
+                        }, children: _jsx(AutomationCard, { workflow: workflow, onClick: () => onSelectWorkflow(workflow.id), onRun: onRunWorkflow ? () => onRunWorkflow(workflow.id) : undefined }) }, workflow.id))) })) }), showCreateDialog && (_jsx(CreateWorkflowDialog, { onCreated: (workflow) => {
+                    setShowCreateDialog(false);
+                    refetch();
+                    onSelectWorkflow(workflow.id);
+                }, onClose: () => setShowCreateDialog(false) }))] }));
+}
+//# sourceMappingURL=AutomationListView.js.map

package/dist/components/automations/AutomationListView.js.map

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

package/dist/components/automations/CreateWorkflowDialog.d.ts

@@ -0,0 +1,7 @@
+import type { WorkflowRecord } from '@xyne/workflow-sdk/client';
+export interface CreateWorkflowDialogProps {
+    onCreated: (workflow: WorkflowRecord) => void;
+    onClose: () => void;
+}
+export declare function CreateWorkflowDialog({ onCreated, onClose }: CreateWorkflowDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=CreateWorkflowDialog.d.ts.map

package/dist/components/automations/CreateWorkflowDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateWorkflowDialog.d.ts","sourceRoot":"","sources":["../../../src/components/automations/CreateWorkflowDialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGhE,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAyDD,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,yBAAyB,+BAoJrF"}

package/dist/components/automations/CreateWorkflowDialog.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useWorkflowClient } from '../../hooks/use-workflow-client.js';
+import { cn } from '../shared/cn.js';
+const TRIGGER_OPTIONS = [
+    {
+        type: 'MANUAL',
+        label: 'Manual',
+        description: 'Trigger from the UI or API',
+        icon: (_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M15 4V2" }), _jsx("path", { d: "M15 16v-2" }), _jsx("path", { d: "M8 9h2" }), _jsx("path", { d: "M20 9h2" }), _jsx("path", { d: "M17.8 11.8 19 13" }), _jsx("path", { d: "M15 9h.01" }), _jsx("path", { d: "M17.8 6.2 19 5" }), _jsx("path", { d: "m3 21 9-9" }), _jsx("path", { d: "M12.2 6.2 11 5" })] })),
+    },
+    {
+        type: 'WEBHOOK',
+        label: 'Webhook',
+        description: 'Trigger via HTTP endpoint',
+        icon: (_jsxs("svg", { width: "18", height: "18", 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 0-4h-1" }), _jsx("path", { d: "m6 17 3.5-7" }), _jsx("path", { d: "M11 8a4 4 0 0 0-8 0c0 1.6.9 2.8 2 3.5" }), _jsx("path", { d: "M20 8a4 4 0 0 0-8 0c0 1.6.9 2.8 2 3.5" }), _jsx("path", { d: "m14.5 17 3.5 7" })] })),
+    },
+    {
+        type: 'CRON',
+        label: 'Schedule',
+        description: 'Run on a cron schedule',
+        icon: (_jsxs("svg", { width: "18", height: "18", 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" })] })),
+    },
+    {
+        type: 'EVENT',
+        label: 'Event',
+        description: 'Trigger on a domain event',
+        icon: (_jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z" }) })),
+    },
+];
+function buildDefaultConfig(triggerType) {
+    return {
+        trigger: { type: triggerType, config: {} },
+        steps: [],
+    };
+}
+export function CreateWorkflowDialog({ onCreated, onClose }) {
+    const client = useWorkflowClient();
+    const [name, setName] = useState('');
+    const [selectedTrigger, setSelectedTrigger] = useState('MANUAL');
+    const [isCreating, setIsCreating] = useState(false);
+    const [error, setError] = useState(null);
+    const canCreate = name.trim().length > 0;
+    const handleCreate = async () => {
+        if (!canCreate)
+            return;
+        setIsCreating(true);
+        setError(null);
+        try {
+            const workflow = await client.workflows.create({
+                name: name.trim(),
+                config: buildDefaultConfig(selectedTrigger),
+            });
+            onCreated(workflow);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setIsCreating(false);
+        }
+    };
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [_jsx("div", { className: "absolute inset-0 bg-black/30", onClick: onClose }), _jsxs("div", { className: cn('relative z-10 w-full max-w-lg rounded-xl border border-slate-200 bg-white shadow-xl', 'animate-[wui-fade-in_150ms_ease-out]'), children: [_jsxs("div", { className: "flex items-center justify-between border-b border-slate-200/80 px-5 py-4", children: [_jsx("h3", { className: "text-[15px] font-semibold text-slate-800", children: "Create Workflow" }), _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: "px-5 py-5 space-y-5", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-[12px] font-medium text-slate-500 mb-1.5", children: "Workflow Name" }), _jsx("input", { type: "text", value: name, onChange: (e) => setName(e.target.value), placeholder: "e.g. Customer Onboarding Pipeline", autoFocus: true, className: cn('w-full rounded-lg border border-slate-200 bg-white px-3 py-2', 'text-[13px] text-slate-800 placeholder:text-slate-400', 'outline-none focus:border-indigo-400 focus:ring-2 focus:ring-indigo-100', 'transition-colors'), onKeyDown: (e) => {
+                                            if (e.key === 'Enter' && canCreate)
+                                                void handleCreate();
+                                        } })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-[12px] font-medium text-slate-500 mb-2", children: "Trigger Type" }), _jsx("div", { className: "grid grid-cols-2 gap-2", children: TRIGGER_OPTIONS.map((opt) => (_jsxs("button", { type: "button", onClick: () => setSelectedTrigger(opt.type), className: cn('flex items-start gap-2.5 rounded-lg border p-3 text-left transition-all', selectedTrigger === opt.type
+                                                ? 'border-indigo-400 bg-indigo-50/60 ring-2 ring-indigo-100'
+                                                : 'border-slate-200 hover:border-slate-300 hover:bg-slate-50'), children: [_jsx("span", { className: cn('mt-0.5 shrink-0', selectedTrigger === opt.type ? 'text-indigo-500' : 'text-slate-400'), children: opt.icon }), _jsxs("div", { children: [_jsx("div", { className: cn('text-[13px] font-medium', selectedTrigger === opt.type ? 'text-indigo-700' : 'text-slate-700'), children: opt.label }), _jsx("div", { className: "text-[11px] text-slate-400 mt-0.5", children: opt.description })] })] }, opt.type))) })] })] }), _jsxs("div", { className: "flex items-center justify-end gap-2 border-t border-slate-200/80 px-5 py-3.5", children: [error && (_jsx("span", { className: "mr-auto text-xs text-red-500", children: error })), _jsx("button", { onClick: onClose, disabled: isCreating, className: "rounded-md border border-slate-200 px-3.5 py-1.5 text-[13px] font-medium text-slate-600 hover:bg-slate-50 transition-colors", children: "Cancel" }), _jsx("button", { onClick: () => void handleCreate(), disabled: !canCreate || isCreating, className: cn('rounded-md px-4 py-1.5 text-[13px] font-semibold text-white transition-colors', 'bg-indigo-500 hover:bg-indigo-600', (!canCreate || isCreating) && 'opacity-50 cursor-not-allowed'), children: isCreating ? 'Creating...' : 'Create' })] })] })] }));
+}
+//# sourceMappingURL=CreateWorkflowDialog.js.map

package/dist/components/automations/CreateWorkflowDialog.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddStepButton.d.ts","sourceRoot":"","sources":["../../../src/components/builder/AddStepButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,SAAS,+BAqB9C"}

package/dist/components/builder/AddStepButton.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Handle, Position } from '@xyflow/react';
+export function AddStepButton(_props) {
+    // Click is handled by onNodeClick on the ReactFlow component.
+    return (_jsxs("div", { className: "flex w-[220px] items-center justify-center", children: [_jsx(Handle, { type: "target", position: Position.Top, className: "!opacity-0" }), _jsx("div", { className: "group flex h-6 w-6 items-center justify-center rounded-full border border-slate-300 bg-white cursor-pointer transition-all duration-150 hover:border-indigo-400 hover:shadow-sm hover:scale-110 active:scale-100", title: "Add step", children: _jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", className: "text-slate-400 group-hover:text-indigo-500 transition-colors duration-150", children: [_jsx("path", { d: "M12 5v14" }), _jsx("path", { d: "M5 12h14" })] }) }), _jsx(Handle, { type: "source", position: Position.Bottom, className: "!opacity-0" })] }));
+}
+//# sourceMappingURL=AddStepButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddStepButton.js","sourceRoot":"","sources":["../../../src/components/builder/AddStepButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAMjD,MAAM,UAAU,aAAa,CAAC,MAAiB;IAC7C,8DAA8D;IAC9D,OAAO,CACL,eAAK,SAAS,EAAC,4CAA4C,aACzD,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,EAAE,SAAS,EAAC,YAAY,GAAG,EAEvE,cACE,SAAS,EAAC,kNAAkN,EAC5N,KAAK,EAAC,UAAU,YAEhB,eACE,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,EACpH,SAAS,EAAC,2EAA2E,aAErF,eAAM,CAAC,EAAC,UAAU,GAAE,EAAA,eAAM,CAAC,EAAC,UAAU,GAAE,IACpC,GACF,EAEN,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,EAAE,SAAS,EAAC,YAAY,GAAG,IACtE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,3 @@
+import { type EdgeProps } from '@xyflow/react';
+export declare function BranchEdge({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, label, style, }: EdgeProps): import("react").JSX.Element;
+//# sourceMappingURL=BranchEdge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BranchEdge.d.ts","sourceRoot":"","sources":["../../../src/components/builder/BranchEdge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAExE,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,cAAc,EACd,KAAK,EACL,KAAK,GACN,EAAE,SAAS,+BAuCX"}

package/dist/components/builder/BranchEdge.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseEdge, getBezierPath } from '@xyflow/react';
+export function BranchEdge({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, label, style, }) {
+    const [edgePath, labelX, labelY] = getBezierPath({
+        sourceX,
+        sourceY,
+        sourcePosition,
+        targetX,
+        targetY,
+        targetPosition,
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(BaseEdge, { id: id, path: edgePath, style: {
+                    stroke: '#cbd5e1',
+                    strokeWidth: 1,
+                    strokeDasharray: '5 3',
+                    ...style,
+                } }), label && (_jsx("foreignObject", { width: 80, height: 22, x: labelX - 40, y: labelY - 11, requiredExtensions: "http://www.w3.org/1999/xhtml", children: _jsx("div", { className: "flex h-full items-center justify-center", children: _jsx("span", { className: "rounded border border-slate-200 bg-white px-2 py-0.5 text-[10px] font-medium text-slate-400 uppercase tracking-wider", children: label }) }) }))] }));
+}
+//# sourceMappingURL=BranchEdge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BranchEdge.js","sourceRoot":"","sources":["../../../src/components/builder/BranchEdge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAkB,MAAM,eAAe,CAAC;AAExE,MAAM,UAAU,UAAU,CAAC,EACzB,EAAE,EACF,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,cAAc,EACd,KAAK,EACL,KAAK,GACK;IACV,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,aAAa,CAAC;QAC/C,OAAO;QACP,OAAO;QACP,cAAc;QACd,OAAO;QACP,OAAO;QACP,cAAc;KACf,CAAC,CAAC;IAEH,OAAO,CACL,8BACE,KAAC,QAAQ,IACP,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE;oBACL,MAAM,EAAE,SAAS;oBACjB,WAAW,EAAE,CAAC;oBACd,eAAe,EAAE,KAAK;oBACtB,GAAG,KAAK;iBACT,GACD,EACD,KAAK,IAAI,CACR,wBACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,CAAC,EAAE,MAAM,GAAG,EAAE,EACd,CAAC,EAAE,MAAM,GAAG,EAAE,EACd,kBAAkB,EAAC,8BAA8B,YAEjD,cAAK,SAAS,EAAC,yCAAyC,YACtD,eAAM,SAAS,EAAC,sHAAsH,YACnI,KAAK,GACD,GACH,GACQ,CACjB,IACA,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { UseWorkflowBuilderReturn } from '../../hooks/use-workflow-builder.js';
+export interface BuilderToolbarProps {
+    builder: UseWorkflowBuilderReturn;
+    onSave?: (() => void) | undefined;
+    onTestRun?: (() => void) | undefined;
+    isSaving?: boolean | undefined;
+    className?: string | undefined;
+}
+export declare function BuilderToolbar({ builder, onSave, onTestRun, isSaving, className, }: BuilderToolbarProps): import("react").JSX.Element;
+//# sourceMappingURL=BuilderToolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BuilderToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/builder/BuilderToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAGpF,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,wBAAwB,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,+BA6GrB"}

package/dist/components/builder/BuilderToolbar.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from '../shared/cn.js';
+export function BuilderToolbar({ builder, onSave, onTestRun, isSaving, className, }) {
+    const { isDirty, canUndo, canRedo, undo, redo, isValidating, validation } = builder;
+    const hasErrors = validation !== null && !validation.valid;
+    return (_jsxs("div", { className: cn('flex items-center gap-3 border-t border-slate-200/80 bg-white px-4 py-2', className), children: [_jsxs("div", { className: "flex items-center rounded-lg border border-slate-200/80 bg-slate-50/50 p-0.5", children: [_jsx("button", { onClick: undo, disabled: !canUndo, className: cn('flex h-7 w-7 items-center justify-center rounded-md transition-all duration-100', canUndo
+                            ? 'text-slate-500 hover:bg-white hover:text-slate-700 hover:shadow-sm'
+                            : 'text-slate-300 cursor-not-allowed'), title: "Undo", children: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M3 7v6h6" }), _jsx("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })] }) }), _jsx("div", { className: "w-px h-4 bg-slate-200/60" }), _jsx("button", { onClick: redo, disabled: !canRedo, className: cn('flex h-7 w-7 items-center justify-center rounded-md transition-all duration-100', canRedo
+                            ? 'text-slate-500 hover:bg-white hover:text-slate-700 hover:shadow-sm'
+                            : 'text-slate-300 cursor-not-allowed'), title: "Redo", children: _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: "M21 7v6h-6" }), _jsx("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13" })] }) })] }), isValidating && (_jsxs("span", { className: "flex items-center gap-1.5 text-[11px] font-medium text-slate-400", children: [_jsxs("svg", { className: "h-3 w-3 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: [_jsx("circle", { cx: "12", cy: "12", r: "10", strokeOpacity: "0.2" }), _jsx("path", { d: "M12 2a10 10 0 0 1 10 10", strokeOpacity: "0.7" })] }), "Validating"] })), hasErrors && !isValidating && (_jsxs("span", { className: "flex items-center gap-1.5 rounded-lg bg-red-50 px-2.5 py-1 text-[11px] font-semibold text-red-500 ring-1 ring-red-200/50", children: [_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M12 8v4" }), _jsx("path", { d: "M12 16h.01" })] }), validation && 'errors' in validation && Array.isArray(validation['errors'])
+                        ? `${validation['errors'].length} error${validation['errors'].length === 1 ? '' : 's'}`
+                        : 'Errors'] })), _jsx("div", { className: "flex-1" }), onTestRun && (_jsxs("button", { onClick: onTestRun, className: cn('flex items-center gap-2 rounded-lg border border-slate-200 px-3.5 py-1.5 text-[13px] font-medium transition-all duration-100', 'text-slate-600 hover:bg-slate-50 hover:border-slate-300 hover:text-slate-800 active:scale-[0.98]'), children: [_jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "currentColor", className: "text-emerald-500", children: _jsx("polygon", { points: "5 3 19 12 5 21 5 3" }) }), "Test Run"] })), onSave && (_jsx("button", { onClick: onSave, disabled: !isDirty || isSaving, className: cn('flex items-center gap-2 rounded-lg px-4 py-1.5 text-[13px] font-semibold transition-all duration-100', isDirty && !isSaving
+                    ? 'bg-indigo-500 text-white shadow-sm shadow-indigo-200 hover:bg-indigo-600 active:scale-[0.98]'
+                    : 'bg-slate-100 text-slate-400 cursor-not-allowed'), children: isSaving ? (_jsxs(_Fragment, { children: [_jsxs("svg", { className: "h-3 w-3 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: [_jsx("circle", { cx: "12", cy: "12", r: "10", strokeOpacity: "0.3" }), _jsx("path", { d: "M12 2a10 10 0 0 1 10 10" })] }), "Saving"] })) : 'Save' }))] }));
+}
+//# sourceMappingURL=BuilderToolbar.js.map

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

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

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

@@ -0,0 +1,11 @@
+import type { WorkflowStepConfig } from '@xyne/workflow-sdk/builder';
+export interface StepConfigDrawerProps {
+    step: WorkflowStepConfig;
+    onUpdateConfig: (config: Record<string, unknown>) => void;
+    onDelete: () => void;
+    onDuplicate: () => void;
+    onClose: () => void;
+    className?: string | undefined;
+}
+export declare function StepConfigDrawer({ step, onUpdateConfig, onDelete, onDuplicate, onClose, className, }: StepConfigDrawerProps): import("react").JSX.Element;
+//# sourceMappingURL=StepConfigDrawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepConfigDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/builder/StepConfigDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAMrE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,kBAAkB,CAAC;IACzB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AASD,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,cAAc,EACd,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,GACV,EAAE,qBAAqB,+BAgGvB"}

package/dist/components/builder/StepConfigDrawer.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useStepConfig } from '../../hooks/use-step-config.js';
+import { SchemaFormRenderer } from '../schema-form/SchemaFormRenderer.js';
+import { LoadingSpinner } from '../shared/LoadingSpinner.js';
+import { cn } from '../shared/cn.js';
+function formatTypeName(type) {
+    return type
+        .split(/[_-]/)
+        .map((w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase())
+        .join(' ');
+}
+export function StepConfigDrawer({ step, onUpdateConfig, onDelete, onDuplicate, onClose, className, }) {
+    const { fields, values, errors, setFieldValue, descriptor, isLoading } = useStepConfig({
+        stepType: step.type,
+        initialValues: step.config ?? {},
+        onValuesChange: onUpdateConfig,
+    });
+    const displayName = descriptor?.name ?? formatTypeName(step.type);
+    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-50 text-xs font-bold text-indigo-500", children: step.type.slice(0, 2).toUpperCase() }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-[13px] font-semibold text-slate-800", children: displayName }), _jsx("div", { className: "truncate text-[11px] text-slate-400 uppercase tracking-wide", children: step.type.replace(/_/g, ' ') })] }), _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" })] }) })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-4", children: 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: _jsxs("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("path", { d: "M12 8v4l3 3" }), _jsx("circle", { cx: "12", cy: "12", r: "10" })] }) }), _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 step works with default settings" })] })) }), _jsxs("div", { className: "flex gap-2 border-t border-slate-100 px-4 py-3", children: [_jsxs("button", { onClick: onDuplicate, className: cn('flex flex-1 items-center justify-center gap-1.5 rounded-lg border border-slate-200 px-3 py-2 text-[13px] font-medium', 'text-slate-600 hover:bg-slate-50 hover:border-slate-300 transition-all duration-100'), children: [_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { width: "13", height: "13", x: "9", y: "9", rx: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] }), "Duplicate"] }), _jsxs("button", { onClick: onDelete, className: cn('flex flex-1 items-center justify-center gap-1.5 rounded-lg border border-red-200/60 px-3 py-2 text-[13px] font-medium', 'text-red-500 hover:bg-red-50 hover:border-red-300 transition-all duration-100'), children: [_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M3 6h18" }), _jsx("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }), _jsx("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })] }), "Delete"] })] })] }));
+}
+//# sourceMappingURL=StepConfigDrawer.js.map

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

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

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

@@ -0,0 +1,15 @@
+import type { NodeProps } from '@xyflow/react';
+import type React from 'react';
+import type { WorkflowStepConfig } from '@xyne/workflow-sdk/builder';
+export interface StepNodeData {
+    stepConfig: WorkflowStepConfig;
+    label: string;
+    isSelected?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    hasValidationErrors?: boolean | undefined;
+    onDelete?: (() => void) | undefined;
+    onDuplicate?: (() => void) | undefined;
+    onToggleDisabled?: (() => void) | undefined;
+}
+export declare function StepNode({ data }: NodeProps): React.JSX.Element;
+//# sourceMappingURL=StepNode.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepNode.d.ts","sourceRoot":"","sources":["../../../src/components/builder/StepNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGrE,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACvC,gBAAgB,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CAC7C;AAqGD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS,qBAsH3C"}

package/dist/components/builder/StepNode.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Handle, Position } from '@xyflow/react';
+import { cn } from '../shared/cn.js';
+const CATEGORIES = {
+    data: { accent: 'border-l-sky-400', iconBg: 'bg-sky-50', iconText: 'text-sky-500' },
+    integration: { accent: 'border-l-violet-400', iconBg: 'bg-violet-50', iconText: 'text-violet-500' },
+    control: { accent: 'border-l-amber-400', iconBg: 'bg-amber-50', iconText: 'text-amber-500' },
+    flow: { accent: 'border-l-teal-400', iconBg: 'bg-teal-50', iconText: 'text-teal-500' },
+    action: { accent: 'border-l-indigo-400', iconBg: 'bg-indigo-50', iconText: 'text-indigo-500' },
+};
+function getCategoryForType(type) {
+    const t = type.toUpperCase();
+    if (['TRANSFORM', 'CODE', 'DEDUP'].includes(t))
+        return 'data';
+    if (['HTTP_REQUEST', 'HTTP'].includes(t))
+        return 'integration';
+    if (['CONDITIONAL', 'SWITCH', 'LOOP', 'PARALLEL'].includes(t))
+        return 'control';
+    if (['WAIT'].includes(t))
+        return 'flow';
+    return 'action';
+}
+function getTheme(category) {
+    return CATEGORIES[category.toLowerCase()] ?? CATEGORIES['action'];
+}
+// ─── Step icons (inline SVGs for all built-in types) ───
+function StepIcon({ type, category }) {
+    const theme = getTheme(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", strokeLinejoin: "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", strokeLinejoin: "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", strokeLinejoin: "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-8 w-8 shrink-0 items-center justify-center rounded-md', theme.iconBg, theme.iconText), 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" })] })) }));
+}
+// ─── Component ───
+export function StepNode({ data }) {
+    const { stepConfig, label, isSelected, isDisabled, hasValidationErrors, onDelete, onDuplicate, onToggleDisabled, } = data;
+    // Invisible rejoin merge points
+    if (!label) {
+        return (_jsxs("div", { className: "h-0 w-0", children: [_jsx(Handle, { type: "target", position: Position.Top, className: "!opacity-0" }), _jsx(Handle, { type: "source", position: Position.Bottom, className: "!opacity-0" })] }));
+    }
+    const category = getCategoryForType(stepConfig.type);
+    const theme = getTheme(category);
+    return (_jsxs("div", { className: cn('group relative w-[220px] rounded-lg border border-l-[3px] bg-white transition-all duration-150', 'cursor-pointer select-none', theme.accent, 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', isDisabled && 'opacity-35 grayscale', hasValidationErrors && 'ring-2 ring-red-300/50'), children: [_jsx(Handle, { type: "target", position: Position.Top, className: "!opacity-0" }), _jsxs("div", { className: "flex items-center gap-2.5 px-3 py-2.5", children: [_jsx(StepIcon, { type: stepConfig.type, category: category }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-[13px] font-semibold text-slate-800 leading-tight", children: label }), _jsx("div", { className: "mt-0.5 truncate text-[11px] text-slate-400 uppercase tracking-wide", children: stepConfig.type.replace(/_/g, ' ') })] }), hasValidationErrors && (_jsx("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-red-50 text-red-500", children: _jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", children: [_jsx("path", { d: "M12 9v4" }), _jsx("circle", { cx: "12", cy: "16", r: "0.5", fill: "currentColor" })] }) }))] }), _jsxs("div", { className: cn('absolute -right-1 -top-3 flex gap-1 transition-all duration-150', 'opacity-0 translate-y-1 group-hover:opacity-100 group-hover:translate-y-0'), children: [onDuplicate && (_jsx("button", { onClick: (e) => { e.stopPropagation(); onDuplicate(); }, className: "flex h-6 w-6 items-center justify-center rounded-md bg-white text-slate-400 shadow-md ring-1 ring-slate-200/80 hover:text-slate-700 hover:ring-slate-300 transition-colors", title: "Duplicate", children: _jsxs("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { width: "13", height: "13", x: "9", y: "9", rx: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] }) })), onToggleDisabled && (_jsx("button", { onClick: (e) => { e.stopPropagation(); onToggleDisabled(); }, className: "flex h-6 w-6 items-center justify-center rounded-md bg-white text-slate-400 shadow-md ring-1 ring-slate-200/80 hover:text-slate-700 hover:ring-slate-300 transition-colors", title: isDisabled ? 'Enable' : 'Disable', children: isDisabled ? (_jsxs("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }), _jsx("circle", { cx: "12", cy: "12", r: "3" })] })) : (_jsxs("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [_jsx("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), _jsx("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }), _jsx("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }), _jsx("line", { x1: "2", x2: "22", y1: "2", y2: "22" })] })) })), onDelete && (_jsx("button", { onClick: (e) => { e.stopPropagation(); onDelete(); }, className: "flex h-6 w-6 items-center justify-center rounded-md bg-white text-red-400 shadow-md ring-1 ring-red-200/60 hover:text-red-600 hover:bg-red-50 hover:ring-red-300 transition-colors", title: "Delete", children: _jsxs("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M3 6h18" }), _jsx("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }), _jsx("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })] }) }))] }), _jsx(Handle, { type: "source", position: Position.Bottom, className: "!opacity-0" })] }));
+}
+//# sourceMappingURL=StepNode.js.map

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

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

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

@@ -0,0 +1,7 @@
+import type React from 'react';
+export interface StepPaletteProps {
+    onSelectStep: (type: string) => void;
+    className?: string | undefined;
+}
+export declare function StepPalette({ onSelectStep, className }: StepPaletteProps): React.JSX.Element;
+//# sourceMappingURL=StepPalette.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepPalette.d.ts","sourceRoot":"","sources":["../../../src/components/builder/StepPalette.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAwCD,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,gBAAgB,qBAiJxE"}