@xyne/workflow-ui 0.1.0

package/dist/components/execution/ValueEditor.js

@@ -0,0 +1,191 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ValueEditor — recursive structured editor for arbitrary JSON values.
+ *
+ * Aesthetic: instrument-panel / inspector. Each field is one row. Modified
+ * rows get an amber rail on the left. Nested objects/arrays recurse with a
+ * deeper indent rail. Type pills tell you what each field accepts.
+ *
+ * Strict mode: the shape is locked to the original value. Users can only
+ * UPDATE existing keys/items, not add or remove. Type changes are rejected
+ * by the input controls themselves.
+ */
+import { useState } from 'react';
+import { cn } from '../shared/cn.js';
+// ─── Pure helpers ───
+export function kindOf(value) {
+    if (value === null)
+        return 'null';
+    if (Array.isArray(value))
+        return 'array';
+    const t = typeof value;
+    if (t === 'string' || t === 'number' || t === 'boolean')
+        return t;
+    return 'object';
+}
+export function deepEqual(a, b) {
+    return JSON.stringify(a) === JSON.stringify(b);
+}
+function joinPath(segments) {
+    if (segments.length === 0)
+        return '';
+    let out = '';
+    for (const s of segments) {
+        if (/^\d+$/.test(s)) {
+            out += `[${s}]`;
+        }
+        else if (out) {
+            out += `.${s}`;
+        }
+        else {
+            out += s;
+        }
+    }
+    return out;
+}
+/** Walk a value tree and produce a flat list of validation errors. */
+export function validateValueTree(value, original, path = []) {
+    const errors = [];
+    const originalKind = kindOf(original);
+    const currentKind = kindOf(value);
+    if (originalKind !== currentKind) {
+        errors.push({
+            path: joinPath(path),
+            message: `Expected ${originalKind}, got ${currentKind}.`,
+        });
+        return errors;
+    }
+    if (currentKind === 'object') {
+        const cv = value;
+        const ov = original;
+        for (const key of Object.keys(ov)) {
+            errors.push(...validateValueTree(cv[key], ov[key], [...path, key]));
+        }
+        // Strict mode: reject keys not in original
+        for (const key of Object.keys(cv)) {
+            if (!(key in ov)) {
+                errors.push({
+                    path: joinPath([...path, key]),
+                    message: `Field "${key}" was not in the original input.`,
+                });
+            }
+        }
+    }
+    if (currentKind === 'array') {
+        const cv = value;
+        const ov = original;
+        if (cv.length !== ov.length) {
+            errors.push({
+                path: joinPath(path),
+                message: `Array length must stay ${ov.length} (got ${cv.length}).`,
+            });
+        }
+        for (let i = 0; i < Math.min(cv.length, ov.length); i++) {
+            errors.push(...validateValueTree(cv[i], ov[i], [...path, String(i)]));
+        }
+    }
+    return errors;
+}
+// ─── Tiny primitives ───
+function TypePill({ kind, className }) {
+    return (_jsx("span", { className: cn('rounded-sm border border-slate-200 bg-white px-1 py-px font-mono text-[9px] uppercase tracking-[0.08em] text-slate-400', className), title: `type: ${kind}`, children: kind }));
+}
+function ResetButton({ onClick }) {
+    return (_jsx("button", { type: "button", onClick: onClick, title: "Reset to original", className: "flex h-5 w-5 items-center justify-center rounded text-slate-400 transition-colors hover:bg-amber-50 hover:text-amber-700", 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 12a9 9 0 1 0 3-6.7L3 8" }), _jsx("path", { d: "M3 3v5h5" })] }) }));
+}
+// ─── Field controls (primitives) ───
+function StringInput({ value, onChange, isDirty, }) {
+    const lineCount = value.split('\n').length;
+    const rows = Math.min(18, Math.max(1, lineCount));
+    const isMultiLine = lineCount > 1 || value.length > 60;
+    if (!isMultiLine) {
+        return (_jsx("input", { type: "text", value: value, onChange: (e) => onChange(e.target.value), className: cn('w-full bg-transparent font-mono text-[12px] text-slate-800', 'border-0 border-b border-dotted py-1 outline-none transition-colors', isDirty ? 'border-amber-400 focus:border-amber-500' : 'border-slate-200 focus:border-slate-400') }));
+    }
+    return (_jsx("textarea", { value: value, onChange: (e) => onChange(e.target.value), spellCheck: false, rows: rows, className: cn('w-full resize-y rounded-sm bg-transparent px-2 py-1.5 font-mono text-[12px] leading-[1.55] text-slate-800', 'border outline-none transition-colors', isDirty
+            ? 'border-amber-300 bg-amber-50/40 focus:border-amber-500 focus:bg-white'
+            : 'border-slate-200 focus:border-slate-400 focus:bg-white') }));
+}
+function NumberInput({ value, onChange, isDirty, }) {
+    const hasError = !Number.isFinite(value);
+    return (_jsx("input", { type: "number", step: "any", value: Number.isFinite(value) ? value : '', onChange: (e) => {
+            const raw = e.target.value;
+            onChange(raw === '' ? Number.NaN : Number(raw));
+        }, className: cn('w-32 bg-transparent font-mono text-[12px] text-slate-800', 'border-0 border-b border-dotted py-1 outline-none transition-colors', '[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none', hasError
+            ? 'border-red-400 text-red-700 focus:border-red-500'
+            : isDirty
+                ? 'border-amber-400 focus:border-amber-500'
+                : 'border-slate-200 focus:border-slate-400') }));
+}
+function BooleanInput({ value, onChange, isDirty, }) {
+    return (_jsx("div", { className: cn('inline-flex overflow-hidden rounded-sm border text-[10px]', isDirty ? 'border-amber-300' : 'border-slate-200'), children: ['true', 'false'].map((opt) => {
+            const selected = (value ? 'true' : 'false') === opt;
+            return (_jsx("button", { type: "button", onClick: () => onChange(opt === 'true'), className: cn('px-2 py-0.5 font-mono uppercase tracking-wider transition-colors', selected
+                    ? isDirty
+                        ? 'bg-amber-100 text-amber-900'
+                        : 'bg-slate-100 text-slate-700'
+                    : 'text-slate-400 hover:bg-slate-50'), children: opt }, opt));
+        }) }));
+}
+// ─── Recursive ValueEditor ───
+export function ValueEditor({ value, original, label, path = [], depth = 0, onChange, }) {
+    const originalKind = kindOf(original);
+    const currentKind = kindOf(value);
+    const typeMismatch = originalKind !== currentKind;
+    const isDirty = !deepEqual(value, original);
+    if (currentKind === 'object' && originalKind === 'object') {
+        return (_jsx(ObjectEditor, { value: value, original: original, label: label, path: path, depth: depth, isDirty: isDirty, onChange: onChange }));
+    }
+    if (currentKind === 'array' && originalKind === 'array') {
+        return (_jsx(ArrayEditor, { value: value, original: original, label: label, path: path, depth: depth, isDirty: isDirty, onChange: onChange }));
+    }
+    return (_jsx(ScalarRow, { value: value, original: original, originalKind: originalKind, label: label, path: path, depth: depth, isDirty: isDirty, typeMismatch: typeMismatch, onChange: onChange }));
+}
+// ─── Row primitives ───
+function FieldLabel({ label, kind, isDirty, isArrayIndex, }) {
+    if (!label)
+        return null;
+    return (_jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [_jsx("span", { className: cn('font-mono text-[11px] leading-none', isArrayIndex ? 'text-slate-400' : 'text-slate-700', isDirty && !isArrayIndex && 'text-amber-700'), children: isArrayIndex ? `[${label}]` : label }), _jsx(TypePill, { kind: kind })] }));
+}
+function ScalarRow({ value, original, originalKind, label, depth, isDirty, typeMismatch, onChange, }) {
+    const isArrayIndex = label !== undefined && /^\d+$/.test(label);
+    const handleReset = () => onChange(original);
+    const renderInput = () => {
+        if (typeMismatch) {
+            return (_jsx("span", { className: "font-mono text-[11px] text-red-500", children: "type changed \u2014 reset to edit" }));
+        }
+        switch (originalKind) {
+            case 'string':
+                return (_jsx(StringInput, { value: value, onChange: (s) => onChange(s), isDirty: isDirty }));
+            case 'number':
+                return (_jsx(NumberInput, { value: typeof value === 'number' ? value : Number.NaN, onChange: (n) => onChange(n), isDirty: isDirty }));
+            case 'boolean':
+                return (_jsx(BooleanInput, { value: value, onChange: (b) => onChange(b), isDirty: isDirty }));
+            case 'null':
+                return (_jsx("span", { className: "font-mono text-[11px] italic text-slate-400", children: "null" }));
+            default:
+                return null;
+        }
+    };
+    return (_jsxs(Row, { depth: depth, isDirty: isDirty, isArrayIndex: isArrayIndex, children: [_jsx(FieldLabel, { label: label, kind: originalKind, isDirty: isDirty, isArrayIndex: isArrayIndex }), _jsx("div", { className: "min-w-0 flex-1", children: renderInput() }), isDirty && !typeMismatch && _jsx(ResetButton, { onClick: handleReset })] }));
+}
+function Row({ children, depth, isDirty, isArrayIndex, }) {
+    return (_jsx("div", { className: cn('group relative flex items-start gap-3 border-l-2 py-1.5 pl-3 pr-1 transition-colors', isDirty
+            ? 'border-amber-400 bg-amber-50/30'
+            : 'border-transparent hover:bg-slate-50/60', isArrayIndex && 'opacity-95'), style: { marginLeft: depth > 0 ? 0 : undefined }, children: children }));
+}
+function ObjectEditor({ value, original, label, path, depth, isDirty, onChange, }) {
+    const [collapsed, setCollapsed] = useState(false);
+    const keys = Object.keys(original);
+    const changedChildKeys = keys.filter((k) => !deepEqual(value[k], original[k]));
+    return (_jsxs("div", { className: "space-y-px", children: [label !== undefined && (_jsxs(Row, { depth: depth, isDirty: isDirty, children: [_jsx("button", { type: "button", onClick: () => setCollapsed((c) => !c), className: "flex h-4 w-4 shrink-0 items-center justify-center text-slate-400 hover:text-slate-700", children: _jsx("svg", { width: "9", height: "9", viewBox: "0 0 24 24", fill: "currentColor", className: cn('transition-transform', collapsed ? '' : 'rotate-90'), children: _jsx("path", { d: "M9 5l7 7-7 7" }) }) }), _jsx(FieldLabel, { label: label, kind: "object", isDirty: isDirty, isArrayIndex: false }), _jsx("span", { className: "font-mono text-[10px] text-slate-400", children: `{${String(keys.length)}}` }), changedChildKeys.length > 0 && (_jsxs("span", { className: "rounded-full bg-amber-100 px-1.5 py-px font-mono text-[9px] text-amber-700", children: [changedChildKeys.length, " changed"] }))] })), !collapsed && (_jsx("div", { className: cn('space-y-px', label !== undefined && 'ml-3 border-l border-dashed border-slate-200 pl-2'), children: keys.map((key) => (_jsx(ValueEditor, { value: value[key], original: original[key], label: key, path: [...path, key], depth: depth + 1, onChange: (childNext) => onChange({ ...value, [key]: childNext }) }, key))) }))] }));
+}
+function ArrayEditor({ value, original, label, path, depth, isDirty, onChange, }) {
+    const [collapsed, setCollapsed] = useState(false);
+    const changedItemCount = original.filter((o, i) => !deepEqual(value[i], o)).length;
+    return (_jsxs("div", { className: "space-y-px", children: [label !== undefined && (_jsxs(Row, { depth: depth, isDirty: isDirty, children: [_jsx("button", { type: "button", onClick: () => setCollapsed((c) => !c), className: "flex h-4 w-4 shrink-0 items-center justify-center text-slate-400 hover:text-slate-700", children: _jsx("svg", { width: "9", height: "9", viewBox: "0 0 24 24", fill: "currentColor", className: cn('transition-transform', collapsed ? '' : 'rotate-90'), children: _jsx("path", { d: "M9 5l7 7-7 7" }) }) }), _jsx(FieldLabel, { label: label, kind: "array", isDirty: isDirty, isArrayIndex: false }), _jsx("span", { className: "font-mono text-[10px] text-slate-400", children: `[${String(original.length)}]` }), changedItemCount > 0 && (_jsxs("span", { className: "rounded-full bg-amber-100 px-1.5 py-px font-mono text-[9px] text-amber-700", children: [changedItemCount, " changed"] }))] })), !collapsed && (_jsx("div", { className: cn('space-y-px', label !== undefined && 'ml-3 border-l border-dashed border-slate-200 pl-2'), children: original.map((item, i) => (_jsx(ValueEditor, { value: value[i], original: item, label: String(i), path: [...path, String(i)], depth: depth + 1, onChange: (childNext) => {
+                        const next = value.slice();
+                        next[i] = childNext;
+                        onChange(next);
+                    } }, i))) }))] }));
+}
+//# sourceMappingURL=ValueEditor.js.map

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

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

package/dist/components/execution/execution-layout.d.ts

@@ -0,0 +1,31 @@
+/**
+ * execution-layout — extends the builder layout engine with execution state.
+ *
+ * Takes WorkflowConfig + step execution states → produces nodes/edges with
+ * status-driven styling data for the execution viewer canvas.
+ */
+import type { WorkflowConfig } from '@xyne/workflow-sdk/builder';
+import type { StepMeta, TriggerMeta } from '../../hooks/use-step-metadata.js';
+import type { StepExecutionState } from '../../hooks/use-execution-viewer.js';
+export interface ExecutionNode {
+    id: string;
+    type: 'executionTrigger' | 'executionStep' | 'terminal';
+    position: {
+        x: number;
+        y: number;
+    };
+    data: Record<string, unknown>;
+}
+export interface ExecutionEdge {
+    id: string;
+    source: string;
+    target: string;
+    type: string;
+    data: Record<string, unknown>;
+}
+export interface ExecutionLayoutResult {
+    nodes: ExecutionNode[];
+    edges: ExecutionEdge[];
+}
+export declare function computeExecutionLayout(config: WorkflowConfig, stepStates: Map<string, StepExecutionState>, stepMeta?: Map<string, StepMeta>, triggerMeta?: TriggerMeta[]): ExecutionLayoutResult;
+//# sourceMappingURL=execution-layout.d.ts.map

package/dist/components/execution/execution-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"execution-layout.d.ts","sourceRoot":"","sources":["../../../src/components/execution/execution-layout.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAI9E,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,kBAAkB,GAAG,eAAe,GAAG,UAAU,CAAC;IACxD,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB;AAqBD,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,cAAc,EACtB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,EAC3C,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,EAChC,WAAW,CAAC,EAAE,WAAW,EAAE,GAC1B,qBAAqB,CAwEvB"}

package/dist/components/execution/execution-layout.js

@@ -0,0 +1,90 @@
+/**
+ * execution-layout — extends the builder layout engine with execution state.
+ *
+ * Takes WorkflowConfig + step execution states → produces nodes/edges with
+ * status-driven styling data for the execution viewer canvas.
+ */
+import { computeLayout } from '../builder/layout-engine.js';
+function resolveStepStatus(stepName, stepStates) {
+    const state = stepStates.get(stepName);
+    if (!state)
+        return 'pending';
+    return state.status;
+}
+function resolveEdgeStatus(sourceStatus, targetStatus) {
+    if (sourceStatus === 'completed' && targetStatus !== 'pending')
+        return 'completed';
+    if (targetStatus === 'running')
+        return 'active';
+    if (sourceStatus === 'skipped' || targetStatus === 'skipped')
+        return 'skipped';
+    return 'pending';
+}
+export function computeExecutionLayout(config, stepStates, stepMeta, triggerMeta) {
+    const baseLayout = computeLayout(config, { includeAddButtons: false });
+    const nodes = baseLayout.nodes.filter((n) => n.type !== 'addButton').map((n) => {
+        if (n.type === 'trigger') {
+            const tMeta = triggerMeta?.find((t) => t.type === (n.data.triggerType ?? ''));
+            return {
+                id: n.id,
+                type: 'executionTrigger',
+                position: n.position,
+                data: {
+                    triggerType: n.data.triggerType ?? '',
+                    label: tMeta?.name ?? n.data.label,
+                    icon: tMeta?.icon,
+                    status: 'completed',
+                },
+            };
+        }
+        if (n.type === 'step') {
+            const status = resolveStepStatus(n.id, stepStates);
+            const stepConfig = n.data.stepConfig ?? { id: n.id, type: 'UNKNOWN', config: {} };
+            const meta = stepMeta?.get(stepConfig.type);
+            const data = {
+                stepConfig,
+                label: meta?.name ?? n.data.label,
+                category: meta?.category,
+                icon: meta?.icon,
+                status,
+            };
+            const state = stepStates.get(n.id);
+            if (state?.pauseState)
+                data['pauseState'] = state.pauseState;
+            return {
+                id: n.id,
+                type: 'executionStep',
+                position: n.position,
+                data,
+            };
+        }
+        // terminal
+        return {
+            id: n.id,
+            type: 'terminal',
+            position: n.position,
+            data: { label: n.data.label },
+        };
+    });
+    const edges = baseLayout.edges.map((e) => {
+        const sourceStatus = e.source === '__trigger__'
+            ? 'completed'
+            : resolveStepStatus(e.source, stepStates);
+        const targetStatus = e.target === '__terminal__'
+            ? 'pending'
+            : resolveStepStatus(e.target, stepStates);
+        const edgeStatus = resolveEdgeStatus(sourceStatus, targetStatus);
+        const data = { status: edgeStatus };
+        if (e.label)
+            data['label'] = e.label;
+        return {
+            id: e.id,
+            source: e.source,
+            target: e.target,
+            type: 'executionEdge',
+            data,
+        };
+    });
+    return { nodes, edges };
+}
+//# sourceMappingURL=execution-layout.js.map

package/dist/components/execution/execution-layout.js.map

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

package/dist/components/index.d.ts

@@ -0,0 +1,58 @@
+export { WorkflowUIProvider } from './provider/WorkflowUIProvider.js';
+export { useWorkflowUI } from './provider/workflow-ui-context.js';
+export type { WorkflowUIConfig } from './provider/workflow-ui-context.js';
+export { useSlot } from './provider/slot-resolution.js';
+export { cn } from './shared/cn.js';
+export { StatusBadge } from './shared/StatusBadge.js';
+export type { StatusBadgeProps, StatusVariant } from './shared/StatusBadge.js';
+export { EmptyState } from './shared/EmptyState.js';
+export type { EmptyStateProps } from './shared/EmptyState.js';
+export { LoadingSpinner } from './shared/LoadingSpinner.js';
+export type { LoadingSpinnerProps } from './shared/LoadingSpinner.js';
+export { ErrorBoundary } from './shared/ErrorBoundary.js';
+export type { ErrorBoundaryProps } from './shared/ErrorBoundary.js';
+export { WorkflowBuilderV3 as WorkflowBuilder } from './builder/v3/WorkflowBuilderV3.js';
+export type { WorkflowBuilderV3Props as WorkflowBuilderProps } from './builder/v3/WorkflowBuilderV3.js';
+export { computeLayout } from './builder/layout-engine.js';
+export type { LayoutNode, LayoutEdge, LayoutResult } from './builder/layout-engine.js';
+export { SchemaFormRenderer } from './schema-form/SchemaFormRenderer.js';
+export type { SchemaFormRendererProps } from './schema-form/SchemaFormRenderer.js';
+export { RunsView } from './runs/RunsView.js';
+export type { RunsViewProps } from './runs/RunsView.js';
+export { RunsTable } from './runs/RunsTable.js';
+export type { RunsTableProps } from './runs/RunsTable.js';
+export { RunsFilters } from './runs/RunsFilters.js';
+export type { RunsFiltersProps } from './runs/RunsFilters.js';
+export { ExecutionViewer } from './execution/ExecutionViewer.js';
+export type { ExecutionViewerProps } from './execution/ExecutionViewer.js';
+export { ExecutionTree } from './execution/ExecutionTree.js';
+export type { ExecutionTreeProps } from './execution/ExecutionTree.js';
+export { ExecutionHeader } from './execution/ExecutionHeader.js';
+export type { ExecutionHeaderProps } from './execution/ExecutionHeader.js';
+export { StepDetailPanel } from './execution/StepDetailPanel.js';
+export type { StepDetailPanelProps } from './execution/StepDetailPanel.js';
+export { PauseInteractionPanel } from './execution/PauseInteractionPanel.js';
+export type { PauseInteractionPanelProps } from './execution/PauseInteractionPanel.js';
+export { RerunDialog } from './execution/RerunDialog.js';
+export type { RerunDialogProps } from './execution/RerunDialog.js';
+export { SchemaAwareRenderer } from './execution/SchemaAwareRenderer.js';
+export type { SchemaAwareRendererProps } from './execution/SchemaAwareRenderer.js';
+export { WorkflowDashboard } from './dashboard/WorkflowDashboard.js';
+export type { WorkflowDashboardProps } from './dashboard/WorkflowDashboard.js';
+export { TriggerFormModal } from './dashboard/TriggerFormModal.js';
+export type { TriggerFormModalProps, TriggerAttachmentsConfig } from './dashboard/TriggerFormModal.js';
+export { AppShell } from './layout/AppShell.js';
+export type { AppShellProps } from './layout/AppShell.js';
+export { Sidebar } from './layout/Sidebar.js';
+export type { SidebarProps, SidebarItem } from './layout/Sidebar.js';
+export { Breadcrumb } from './layout/Breadcrumb.js';
+export type { BreadcrumbProps, BreadcrumbItem } from './layout/Breadcrumb.js';
+export { PageHeader } from './layout/PageHeader.js';
+export type { PageHeaderProps } from './layout/PageHeader.js';
+export { AutomationCard } from './automations/AutomationCard.js';
+export type { AutomationCardProps } from './automations/AutomationCard.js';
+export { AutomationListView } from './automations/AutomationListView.js';
+export type { AutomationListViewProps } from './automations/AutomationListView.js';
+export { CreateWorkflowDialog } from './automations/CreateWorkflowDialog.js';
+export type { CreateWorkflowDialogProps } from './automations/CreateWorkflowDialog.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

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

package/dist/components/index.js

@@ -0,0 +1,40 @@
+// Provider
+export { WorkflowUIProvider } from './provider/WorkflowUIProvider.js';
+export { useWorkflowUI } from './provider/workflow-ui-context.js';
+export { useSlot } from './provider/slot-resolution.js';
+// Shared
+export { cn } from './shared/cn.js';
+export { StatusBadge } from './shared/StatusBadge.js';
+export { EmptyState } from './shared/EmptyState.js';
+export { LoadingSpinner } from './shared/LoadingSpinner.js';
+export { ErrorBoundary } from './shared/ErrorBoundary.js';
+// Builder
+export { WorkflowBuilderV3 as WorkflowBuilder } from './builder/v3/WorkflowBuilderV3.js';
+export { computeLayout } from './builder/layout-engine.js';
+// Schema Form
+export { SchemaFormRenderer } from './schema-form/SchemaFormRenderer.js';
+// Runs
+export { RunsView } from './runs/RunsView.js';
+export { RunsTable } from './runs/RunsTable.js';
+export { RunsFilters } from './runs/RunsFilters.js';
+// Execution
+export { ExecutionViewer } from './execution/ExecutionViewer.js';
+export { ExecutionTree } from './execution/ExecutionTree.js';
+export { ExecutionHeader } from './execution/ExecutionHeader.js';
+export { StepDetailPanel } from './execution/StepDetailPanel.js';
+export { PauseInteractionPanel } from './execution/PauseInteractionPanel.js';
+export { RerunDialog } from './execution/RerunDialog.js';
+export { SchemaAwareRenderer } from './execution/SchemaAwareRenderer.js';
+// Dashboard
+export { WorkflowDashboard } from './dashboard/WorkflowDashboard.js';
+export { TriggerFormModal } from './dashboard/TriggerFormModal.js';
+// Layout
+export { AppShell } from './layout/AppShell.js';
+export { Sidebar } from './layout/Sidebar.js';
+export { Breadcrumb } from './layout/Breadcrumb.js';
+export { PageHeader } from './layout/PageHeader.js';
+// Automations
+export { AutomationCard } from './automations/AutomationCard.js';
+export { AutomationListView } from './automations/AutomationListView.js';
+export { CreateWorkflowDialog } from './automations/CreateWorkflowDialog.js';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,SAAS;AACT,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAG1D,UAAU;AACV,OAAO,EAAE,iBAAiB,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEzF,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,cAAc;AACd,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAGzE,OAAO;AACP,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD,YAAY;AACZ,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAGzE,YAAY;AACZ,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,SAAS;AACT,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGpD,cAAc;AACd,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC"}

package/dist/components/layout/AppShell.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface AppShellProps {
+    sidebar: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function AppShell({ sidebar, children, className }: AppShellProps): React.JSX.Element;
+//# sourceMappingURL=AppShell.d.ts.map

package/dist/components/layout/AppShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,aAAa,qBAoCvE"}

package/dist/components/layout/AppShell.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../shared/cn.js';
+export function AppShell({ sidebar, children, className }) {
+    return (_jsxs("div", { "data-workflow-ui": true, className: cn('flex h-screen w-full overflow-hidden', className), style: { background: 'var(--wui-bg)' }, children: [_jsx("aside", { className: "flex-none overflow-y-auto overflow-x-hidden", style: { width: 240 }, children: sidebar }), _jsx("div", { className: "flex-none", style: {
+                    width: 1,
+                    background: 'var(--wui-border)',
+                } }), _jsx("main", { className: "flex-1 overflow-y-auto overflow-x-hidden", style: { background: 'var(--wui-bg-subtle)' }, children: children })] }));
+}
+//# sourceMappingURL=AppShell.js.map

package/dist/components/layout/AppShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../src/components/layout/AppShell.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAQrC,MAAM,UAAU,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAiB;IACtE,OAAO,CACL,yCAEE,SAAS,EAAE,EAAE,CACX,sCAAsC,EACtC,SAAS,CACV,EACD,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,aAGtC,gBACE,SAAS,EAAC,6CAA6C,EACvD,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YAEpB,OAAO,GACF,EAGR,cACE,SAAS,EAAC,WAAW,EACrB,KAAK,EAAE;oBACL,KAAK,EAAE,CAAC;oBACR,UAAU,EAAE,mBAAmB;iBAChC,GACD,EAGF,eACE,SAAS,EAAC,0CAA0C,EACpD,KAAK,EAAE,EAAE,UAAU,EAAE,sBAAsB,EAAE,YAE5C,QAAQ,GACJ,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/components/layout/Breadcrumb.d.ts

@@ -0,0 +1,10 @@
+export interface BreadcrumbItem {
+    label: string;
+    onClick?: () => void;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    className?: string;
+}
+export declare function Breadcrumb({ items, className }: BreadcrumbProps): import("react").JSX.Element | null;
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/components/layout/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Breadcrumb.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyBD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,sCA6E/D"}

package/dist/components/layout/Breadcrumb.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../shared/cn.js';
+/** Inline chevron-right SVG used as separator */
+function ChevronRight() {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, style: { flexShrink: 0 }, children: _jsx("path", { d: "M4.5 2.5L7.5 6L4.5 9.5", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+export function Breadcrumb({ items, className }) {
+    if (!items.length)
+        return null;
+    return (_jsx("nav", { "aria-label": "Breadcrumb", className: cn('flex items-center gap-1', className), children: _jsx("ol", { className: "flex items-center gap-1 list-none m-0 p-0", children: items.map((item, index) => {
+                const isLast = index === items.length - 1;
+                return (_jsxs("li", { className: "flex items-center gap-1", children: [index > 0 && (_jsx("span", { className: "flex items-center", style: { color: 'var(--wui-fg-muted)', opacity: 0.4 }, "aria-hidden": true, children: _jsx(ChevronRight, {}) })), isLast ? (
+                        // Current page — not interactive
+                        _jsx("span", { className: "text-[13px] font-medium select-none", style: { color: 'var(--wui-fg)' }, "aria-current": "page", children: item.label })) : item.onClick ? (
+                        // Clickable ancestor
+                        _jsx("button", { type: "button", onClick: item.onClick, className: cn('text-[13px] font-medium transition-colors', 'focus-visible:outline-none focus-visible:underline', 'hover:underline'), style: {
+                                color: 'var(--wui-fg-muted)',
+                                background: 'none',
+                                border: 'none',
+                                padding: 0,
+                                cursor: 'pointer',
+                            }, onMouseEnter: (e) => {
+                                e.currentTarget.style.color =
+                                    'var(--wui-primary)';
+                            }, onMouseLeave: (e) => {
+                                e.currentTarget.style.color =
+                                    'var(--wui-fg-muted)';
+                            }, children: item.label })) : (
+                        // Non-clickable non-last item (edge case)
+                        _jsx("span", { className: "text-[13px] font-medium", style: { color: 'var(--wui-fg-muted)' }, children: item.label }))] }, index));
+            }) }) }));
+}
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/components/layout/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../src/components/layout/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAYrC,iDAAiD;AACjD,SAAS,YAAY;IACnB,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,uBAElC,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,YAExB,eACE,CAAC,EAAC,wBAAwB,EAC1B,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,MAAM,EAClB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAmB;IAC9D,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,4BACa,YAAY,EACvB,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,YAEnD,aAAI,SAAS,EAAC,2CAA2C,YACtD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;gBAE1C,OAAO,CACL,cAAgB,SAAS,EAAC,yBAAyB,aAEhD,KAAK,GAAG,CAAC,IAAI,CACZ,eACE,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,OAAO,EAAE,GAAG,EAAE,iCAGrD,KAAC,YAAY,KAAG,GACX,CACR,EAEA,MAAM,CAAC,CAAC,CAAC;wBACR,iCAAiC;wBACjC,eACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,kBACpB,MAAM,YAElB,IAAI,CAAC,KAAK,GACN,CACR,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;wBACjB,qBAAqB;wBACrB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,EAAE,CACX,2CAA2C,EAC3C,oDAAoD,EACpD,iBAAiB,CAClB,EACD,KAAK,EAAE;gCACL,KAAK,EAAE,qBAAqB;gCAC5B,UAAU,EAAE,MAAM;gCAClB,MAAM,EAAE,MAAM;gCACd,OAAO,EAAE,CAAC;gCACV,MAAM,EAAE,SAAS;6BAClB,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;gCACjB,CAAC,CAAC,aAAmC,CAAC,KAAK,CAAC,KAAK;oCAChD,oBAAoB,CAAC;4BACzB,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;gCACjB,CAAC,CAAC,aAAmC,CAAC,KAAK,CAAC,KAAK;oCAChD,qBAAqB,CAAC;4BAC1B,CAAC,YAEA,IAAI,CAAC,KAAK,GACJ,CACV,CAAC,CAAC,CAAC;wBACF,0CAA0C;wBAC1C,eACE,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,YAEtC,IAAI,CAAC,KAAK,GACN,CACR,KAzDM,KAAK,CA0DT,CACN,CAAC;YACJ,CAAC,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC"}

package/dist/components/layout/PageHeader.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface PageHeaderProps {
+    title: string;
+    subtitle?: string;
+    breadcrumb?: React.ReactNode;
+    actions?: React.ReactNode;
+    className?: string;
+}
+export declare function PageHeader({ title, subtitle, breadcrumb, actions, className, }: PageHeaderProps): React.JSX.Element;
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/components/layout/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,OAAO,EACP,SAAS,GACV,EAAE,eAAe,qBA6CjB"}

package/dist/components/layout/PageHeader.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../shared/cn.js';
+export function PageHeader({ title, subtitle, breadcrumb, actions, className, }) {
+    return (_jsxs("header", { className: cn('flex items-start justify-between gap-6 px-7 py-5', className), style: {
+            background: 'var(--wui-bg-subtle)',
+            borderBottom: '1px solid var(--wui-border)',
+        }, children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [breadcrumb && (_jsx("div", { className: "mb-0.5", children: breadcrumb })), _jsx("h1", { className: "text-[18px] font-semibold leading-tight tracking-[-0.02em] truncate", style: { color: 'var(--wui-fg)' }, children: title }), subtitle && (_jsx("p", { className: "text-[13px] leading-snug truncate", style: { color: 'var(--wui-fg-muted)' }, children: subtitle }))] }), actions && (_jsx("div", { className: "flex flex-none items-center gap-2 pt-0.5", children: actions }))] }));
+}
+//# sourceMappingURL=PageHeader.js.map

package/dist/components/layout/PageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAUrC,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,OAAO,EACP,SAAS,GACO;IAChB,OAAO,CACL,kBACE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,CACV,EACD,KAAK,EAAE;YACL,UAAU,EAAE,sBAAsB;YAClC,YAAY,EAAE,6BAA6B;SAC5C,aAGD,eAAK,SAAS,EAAC,6BAA6B,aACzC,UAAU,IAAI,CACb,cAAK,SAAS,EAAC,QAAQ,YACpB,UAAU,GACP,CACP,EAED,aACE,SAAS,EAAC,qEAAqE,EAC/E,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,YAEhC,KAAK,GACH,EAEJ,QAAQ,IAAI,CACX,YACE,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,YAEtC,QAAQ,GACP,CACL,IACG,EAGL,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,0CAA0C,YACtD,OAAO,GACJ,CACP,IACM,CACV,CAAC;AACJ,CAAC"}

package/dist/components/layout/Sidebar.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface SidebarItem {
+    id: string;
+    label: string;
+    icon: React.ReactNode;
+    active?: boolean;
+    onClick: () => void;
+}
+export interface SidebarProps {
+    items: SidebarItem[];
+    bottomItems?: SidebarItem[];
+    className?: string;
+}
+export declare function Sidebar({ items, bottomItems, className }: SidebarProps): React.JSX.Element;
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/components/layout/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6FD,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,YAAY,qBAgDtE"}