@xyne/workflow-ui 1.3.34 → 1.3.36

package/dist/components/workflows/WorkflowHome.js

@@ -17,7 +17,7 @@ const TABS = [
  * approvals, and credentials. Workflow UI owns every fixed tab; hosts may
  * customize product-specific credential metadata through the display slot.
  */
-export function WorkflowHome({ path, onPathChange, onSelectWorkflow, onViewRun, approvalId, onApprovalSelect, onToast, defaultTab = 'workflows', tab: controlledTab, onTabChange, detailView, onLeaveDetail, className, }) {
+export function WorkflowHome({ path, onPathChange, onSelectWorkflow, onViewRun, approvalId, onApprovalSelect, onToast, defaultTab = 'workflows', tab: controlledTab, onTabChange, detailView, onLeaveDetail, headerActions, className, }) {
     const [internalTab, setInternalTab] = useState(defaultTab);
     const tab = controlledTab ?? internalTab;
     const selectTab = (key) => {
@@ -29,12 +29,12 @@ export function WorkflowHome({ path, onPathChange, onSelectWorkflow, onViewRun,
     const polledCount = useApprovalCount();
     const [liveCount, setLiveCount] = useState(null);
     const approvalCount = liveCount ?? polledCount;
-    return (_jsxs("div", { className: cn('flex h-full min-h-0 flex-col bg-[var(--wui-bg)]', className), children: [_jsx("div", { role: "tablist", "aria-label": "Workflow sections", className: "flex shrink-0 items-center gap-1 border-b border-[var(--wui-border)] px-4", children: TABS.map(({ key, label }) => {
-                    const active = tab === key;
-                    const showBadge = key === 'approvals' && approvalCount > 0;
-                    return (_jsxs("button", { type: "button", role: "tab", "aria-selected": active, onClick: () => { selectTab(key); }, className: cn('relative -mb-px flex items-center gap-2 border-b-2 px-3 py-3 text-[13px] font-medium transition-colors', active
-                            ? 'border-[var(--wui-primary)] text-[var(--wui-fg)]'
-                            : 'border-transparent text-[var(--wui-fg-muted)] hover:text-[var(--wui-fg)]'), children: [label, showBadge && (_jsx("span", { className: "flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-[var(--wui-primary)] px-1.5 text-[11px] font-semibold leading-none text-[var(--wui-primary-fg)]", "aria-label": `${approvalCount} pending`, children: approvalCount > 99 ? '99+' : approvalCount }))] }, key));
-                }) }), _jsx("div", { className: "min-h-0 flex-1", children: detailView ?? (_jsxs(_Fragment, { children: [tab === 'workflows' && (_jsx(WorkflowBrowser, { className: "h-full", hideApprovals: true, path: path, onPathChange: onPathChange, onSelectWorkflow: onSelectWorkflow, onViewRun: onViewRun, ...(onToast ? { onToast } : {}) })), tab === 'executions' && (_jsx(RunsView, { className: "h-full", onSelectExecution: (id) => onViewRun(id, 'Execution') })), tab === 'approvals' && (_jsx(ApprovalsView, { className: "h-full", onViewRun: onViewRun, onCountChange: setLiveCount, selectedId: approvalId, ...(onApprovalSelect ? { onSelect: onApprovalSelect } : {}) })), tab === 'credentials' && (_jsx("div", { className: "h-full overflow-auto", children: _jsx(CredentialVault, { ...(onToast ? { onToast } : {}) }) }))] })) })] }));
+    return (_jsxs("div", { className: cn('flex h-full min-h-0 flex-col bg-[var(--wui-bg)]', className), children: [_jsxs("div", { role: "tablist", "aria-label": "Workflow sections", className: "flex shrink-0 items-center gap-1 border-b border-[var(--wui-border)] px-4", children: [TABS.map(({ key, label }) => {
+                        const active = tab === key;
+                        const showBadge = key === 'approvals' && approvalCount > 0;
+                        return (_jsxs("button", { type: "button", role: "tab", "aria-selected": active, onClick: () => { selectTab(key); }, className: cn('relative -mb-px flex items-center gap-2 border-b-2 px-3 py-3 text-[13px] font-medium transition-colors', active
+                                ? 'border-[var(--wui-primary)] text-[var(--wui-fg)]'
+                                : 'border-transparent text-[var(--wui-fg-muted)] hover:text-[var(--wui-fg)]'), children: [label, showBadge && (_jsx("span", { className: "flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-[var(--wui-primary)] px-1.5 text-[11px] font-semibold leading-none text-[var(--wui-primary-fg)]", "aria-label": `${approvalCount} pending`, children: approvalCount > 99 ? '99+' : approvalCount }))] }, key));
+                    }), headerActions ? (_jsx("div", { className: "ml-auto flex shrink-0 items-center gap-1 pl-2", children: headerActions })) : null] }), _jsx("div", { className: "min-h-0 flex-1", children: detailView ?? (_jsxs(_Fragment, { children: [tab === 'workflows' && (_jsx(WorkflowBrowser, { className: "h-full", hideApprovals: true, path: path, onPathChange: onPathChange, onSelectWorkflow: onSelectWorkflow, onViewRun: onViewRun, ...(onToast ? { onToast } : {}) })), tab === 'executions' && (_jsx(RunsView, { className: "h-full", onSelectExecution: (id) => onViewRun(id, 'Execution') })), tab === 'approvals' && (_jsx(ApprovalsView, { className: "h-full", onViewRun: onViewRun, onCountChange: setLiveCount, selectedId: approvalId, ...(onApprovalSelect ? { onSelect: onApprovalSelect } : {}) })), tab === 'credentials' && (_jsx("div", { className: "h-full overflow-auto", children: _jsx(CredentialVault, { ...(onToast ? { onToast } : {}) }) }))] })) })] }));
 }
 //# sourceMappingURL=WorkflowHome.js.map

package/dist/components/workflows/WorkflowHome.js.map

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

package/dist/hooks/queries.d.ts

@@ -0,0 +1,45 @@
+/**
+ * The query layer: cache keys, and the reads that live under them.
+ *
+ * These exist so that a change notification has something to invalidate. The
+ * package previously fetched with `useEffect` + `useState` in every component,
+ * which cannot be told "that is stale now" from outside — a notification would
+ * have had nowhere to land. React Query was already a declared peer dependency;
+ * until now nothing used it.
+ */
+import { type UseQueryResult } from '@tanstack/react-query';
+import type { WorkflowConfig, Action } from '@xyne/workflow-sdk';
+import type { WorkflowClient } from '@xyne/workflow-sdk/client';
+/**
+ * Cache keys, in one place.
+ *
+ * Hierarchical and built from `all` downward so a broad invalidation reaches
+ * everything beneath it. Hand-written key arrays scattered across components are
+ * how invalidation silently stops matching.
+ */
+export declare const wfKeys: {
+    readonly all: readonly ["xyne-workflow-ui"];
+    readonly workflow: (workflowId: string) => readonly ["xyne-workflow-ui", "workflow", string];
+    readonly workflowList: (folderId?: string) => readonly ["xyne-workflow-ui", "workflow-list", string | null];
+};
+/** A workflow, with its JSON columns already parsed. */
+export interface WorkflowDetail {
+    workflowId: string;
+    name: string;
+    config: WorkflowConfig | undefined;
+    summary?: string;
+    permittedActions?: readonly Action[];
+}
+/**
+ * `metadata` and `config` are stored as JSON strings, so every reader would
+ * otherwise parse them itself — and disagree about what a malformed one means.
+ */
+export declare function toWorkflowDetail(workflowId: string, record: Awaited<ReturnType<WorkflowClient['workflows']['get']>>): WorkflowDetail;
+/**
+ * Read one workflow.
+ *
+ * Pass `undefined` to read nothing — the query stays disabled rather than the
+ * caller having to branch around the hook, which it could not do anyway.
+ */
+export declare function useWorkflowDetail(workflowId: string | undefined): UseQueryResult<WorkflowDetail>;
+//# sourceMappingURL=queries.d.ts.map

package/dist/hooks/queries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"queries.d.ts","sourceRoot":"","sources":["../../src/hooks/queries.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGhE;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;;oCAEM,MAAM;uCACH,MAAM;CAExB,CAAC;AAEX,wDAAwD;AACxD,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,cAAc,GAAG,SAAS,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CACtC;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAC9D,cAAc,CAehB;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,MAAM,GAAG,SAAS,GAC7B,cAAc,CAAC,cAAc,CAAC,CAQhC"}

package/dist/hooks/queries.js

@@ -0,0 +1,57 @@
+/**
+ * The query layer: cache keys, and the reads that live under them.
+ *
+ * These exist so that a change notification has something to invalidate. The
+ * package previously fetched with `useEffect` + `useState` in every component,
+ * which cannot be told "that is stale now" from outside — a notification would
+ * have had nowhere to land. React Query was already a declared peer dependency;
+ * until now nothing used it.
+ */
+import { useQuery } from '@tanstack/react-query';
+import { useWorkflowUI } from '../components/provider/workflow-ui-context.js';
+/**
+ * Cache keys, in one place.
+ *
+ * Hierarchical and built from `all` downward so a broad invalidation reaches
+ * everything beneath it. Hand-written key arrays scattered across components are
+ * how invalidation silently stops matching.
+ */
+export const wfKeys = {
+    all: ['xyne-workflow-ui'],
+    workflow: (workflowId) => [...wfKeys.all, 'workflow', workflowId],
+    workflowList: (folderId) => [...wfKeys.all, 'workflow-list', folderId ?? null],
+};
+/**
+ * `metadata` and `config` are stored as JSON strings, so every reader would
+ * otherwise parse them itself — and disagree about what a malformed one means.
+ */
+export function toWorkflowDetail(workflowId, record) {
+    const meta = record.metadata
+        ? JSON.parse(record.metadata)
+        : {};
+    const config = record.config
+        ? JSON.parse(record.config)
+        : undefined;
+    return {
+        workflowId,
+        name: meta.name ?? workflowId,
+        config,
+        ...(record.summary != null ? { summary: record.summary } : {}),
+        ...(record.permittedActions ? { permittedActions: record.permittedActions } : {}),
+    };
+}
+/**
+ * Read one workflow.
+ *
+ * Pass `undefined` to read nothing — the query stays disabled rather than the
+ * caller having to branch around the hook, which it could not do anyway.
+ */
+export function useWorkflowDetail(workflowId) {
+    const { client } = useWorkflowUI();
+    return useQuery({
+        queryKey: wfKeys.workflow(workflowId ?? ''),
+        queryFn: async () => toWorkflowDetail(workflowId, await client.workflows.get(workflowId)),
+        enabled: Boolean(workflowId),
+    });
+}
+//# sourceMappingURL=queries.js.map

package/dist/hooks/queries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queries.js","sourceRoot":"","sources":["../../src/hooks/queries.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,QAAQ,EAAuB,MAAM,uBAAuB,CAAC;AAGtE,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAE9E;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,GAAG,EAAE,CAAC,kBAAkB,CAAU;IAClC,QAAQ,EAAE,CAAC,UAAkB,EAAE,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,EAAE,UAAU,EAAE,UAAU,CAAU;IAClF,YAAY,EAAE,CAAC,QAAiB,EAAE,EAAE,CAClC,CAAC,GAAG,MAAM,CAAC,GAAG,EAAE,eAAe,EAAE,QAAQ,IAAI,IAAI,CAAU;CACrD,CAAC;AAWX;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAC9B,UAAkB,EAClB,MAA+D;IAE/D,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ;QAC1B,CAAC,CAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAuB;QACpD,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM;QAC1B,CAAC,CAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAoB;QAC/C,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO;QACL,UAAU;QACV,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,UAAU;QAC7B,MAAM;QACN,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9D,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAClF,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAC/B,UAA8B;IAE9B,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IAEnC,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,UAAU,IAAI,EAAE,CAAC;QAC3C,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,UAAW,EAAE,MAAM,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,UAAW,CAAC,CAAC;QAC3F,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC;KAC7B,CAAC,CAAC;AACL,CAAC"}

package/dist/index.d.ts

@@ -19,6 +19,11 @@
 export { WorkflowUIProvider, useWorkflowUI, useSlot, cn, StatusBadge, EmptyState, LoadingSpinner, ErrorBoundary, WorkflowBuilder, computeLayout, SchemaFormRenderer, RunsView, RunsTable, RunsFilters, ExecutionViewer, ExecutionTree, ExecutionHeader, StepDetailPanel, SummaryPanel, SidePanelShell, PauseInteractionPanel, SchemaAwareRenderer, WorkflowDashboard, SummaryButton, SummaryDialog, MarkdownView, CitationArrow, CitationMarks, AppShell, Sidebar, Breadcrumb, PageHeader, AutomationCard, AutomationListView, CreateWorkflowDialog, AnalyticsDashboard, WorkflowBrowser, WorkflowHome, WorkflowApp, CredentialVault, } from './components/index.js';
 export type { WorkflowUIConfig, StatusBadgeProps, StatusVariant, EmptyStateProps, LoadingSpinnerProps, ErrorBoundaryProps, WorkflowBuilderProps, LayoutNode, LayoutEdge, LayoutResult, SchemaFormRendererProps, RunsViewProps, RunsTableProps, RunsFiltersProps, ExecutionViewerProps, ExecutionTreeProps, ExecutionHeaderProps, StepDetailPanelProps, SummaryPanelProps, SidePanelShellProps, PauseInteractionPanelProps, SchemaAwareRendererProps, WorkflowDashboardProps, SummaryButtonProps, SummaryDialogProps, MarkdownViewProps, CitationArrowProps, CitationMarksProps, AppShellProps, SidebarProps, SidebarItem, BreadcrumbProps, BreadcrumbItem, PageHeaderProps, AutomationCardProps, AutomationListViewProps, CreateWorkflowDialogProps, AnalyticsDashboardProps, WorkflowBrowserProps, FolderCrumb, WorkflowHomeProps, WorkflowHomeTab, WorkflowAppProps, CredentialVaultProps, } from './components/index.js';
 export { canPerform, isPermissionDenied, friendlyMutationError } from './utils/permissions.js';
+export { useLiveWorkflow, useWorkflowChanges } from './live/use-live-workflow.js';
+export { useLiveContext } from './live/live-context.js';
+export type { LiveChange, LiveContextValue } from './live/live-context.js';
+export { wfKeys, useWorkflowDetail, toWorkflowDetail } from './hooks/queries.js';
+export type { WorkflowDetail } from './hooks/queries.js';
 export { useAnalytics } from './hooks/use-analytics.js';
 export { useApprovalCount } from './hooks/use-approval-count.js';
 export { ApprovalsView } from './components/index.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,EAEL,kBAAkB,EAClB,aAAa,EACb,OAAO,EAEP,EAAE,EACF,WAAW,EACX,UAAU,EACV,cAAc,EACd,aAAa,EAEb,eAAe,EACf,aAAa,EAEb,kBAAkB,EAElB,QAAQ,EACR,SAAS,EACT,WAAW,EAEX,eAAe,EACf,aAAa,EACb,eAAe,EACf,eAAe,EACf,YAAY,EACZ,cAAc,EACd,qBAAqB,EACrB,mBAAmB,EAEnB,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,EAEb,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EAEV,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EAEpB,kBAAkB,EAElB,eAAe,EACf,YAAY,EACZ,WAAW,EACX,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,EACV,UAAU,EACV,YAAY,EACZ,uBAAuB,EACvB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,0BAA0B,EAC1B,wBAAwB,EACxB,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAElB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,eAAe,EAEf,mBAAmB,EACnB,uBAAuB,EACvB,yBAAyB,EAEzB,uBAAuB,EAEvB,oBAAoB,EACpB,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAG/F,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGlG,YAAY,EACV,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,gCAAgC,EAChC,cAAc,GACf,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,YAAY,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,EAEL,kBAAkB,EAClB,aAAa,EACb,OAAO,EAEP,EAAE,EACF,WAAW,EACX,UAAU,EACV,cAAc,EACd,aAAa,EAEb,eAAe,EACf,aAAa,EAEb,kBAAkB,EAElB,QAAQ,EACR,SAAS,EACT,WAAW,EAEX,eAAe,EACf,aAAa,EACb,eAAe,EACf,eAAe,EACf,YAAY,EACZ,cAAc,EACd,qBAAqB,EACrB,mBAAmB,EAEnB,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,EAEb,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EAEV,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EAEpB,kBAAkB,EAElB,eAAe,EACf,YAAY,EACZ,WAAW,EACX,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,EACV,UAAU,EACV,YAAY,EACZ,uBAAuB,EACvB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,0BAA0B,EAC1B,wBAAwB,EACxB,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAElB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,eAAe,EAEf,mBAAmB,EACnB,uBAAuB,EACvB,yBAAyB,EAEzB,uBAAuB,EAEvB,oBAAoB,EACpB,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAS/F,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI3E,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjF,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGlG,YAAY,EACV,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,gCAAgC,EAChC,cAAc,GACf,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,YAAY,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/index.js

@@ -43,6 +43,17 @@ WorkflowBrowser, WorkflowHome, WorkflowApp, CredentialVault, } from './component
 // ─── Authorization (UI reflection helpers) ───
 export { canPerform, isPermissionDenied, friendlyMutationError } from './utils/permissions.js';
 // ─── Analytics hooks ───
+// ─── Live change notifications ───
+//
+// The provider owns one multiplexed connection; these are how a component
+// registers interest in it. `useLiveWorkflow` keeps a cached workflow honest on
+// its own; `useWorkflowChanges` is for the cases where refreshing is the wrong
+// answer, such as an editor holding unsaved work.
+export { useLiveWorkflow, useWorkflowChanges } from './live/use-live-workflow.js';
+export { useLiveContext } from './live/live-context.js';
+// Query keys and reads, so a host can prime or invalidate the same cache the
+// components use.
+export { wfKeys, useWorkflowDetail, toWorkflowDetail } from './hooks/queries.js';
 export { useAnalytics } from './hooks/use-analytics.js';
 // ─── Approvals ───
 export { useApprovalCount } from './hooks/use-approval-count.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,qBAAqB;AACrB,OAAO;AACL,WAAW;AACX,kBAAkB,EAClB,aAAa,EACb,OAAO;AACP,SAAS;AACT,EAAE,EACF,WAAW,EACX,UAAU,EACV,cAAc,EACd,aAAa;AACb,UAAU;AACV,eAAe,EACf,aAAa;AACb,cAAc;AACd,kBAAkB;AAClB,OAAO;AACP,QAAQ,EACR,SAAS,EACT,WAAW;AACX,YAAY;AACZ,eAAe,EACf,aAAa,EACb,eAAe,EACf,eAAe,EACf,YAAY,EACZ,cAAc,EACd,qBAAqB,EACrB,mBAAmB;AACnB,YAAY;AACZ,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa;AACb,SAAS;AACT,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU;AACV,cAAc;AACd,cAAc,EACd,kBAAkB,EAClB,oBAAoB;AACpB,YAAY;AACZ,kBAAkB;AAClB,mBAAmB;AACnB,eAAe,EACf,YAAY,EACZ,WAAW,EACX,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAqD/B,gDAAgD;AAChD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/F,0BAA0B;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,oBAAoB;AACpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AActD,oEAAoE;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,qBAAqB;AACrB,OAAO;AACL,WAAW;AACX,kBAAkB,EAClB,aAAa,EACb,OAAO;AACP,SAAS;AACT,EAAE,EACF,WAAW,EACX,UAAU,EACV,cAAc,EACd,aAAa;AACb,UAAU;AACV,eAAe,EACf,aAAa;AACb,cAAc;AACd,kBAAkB;AAClB,OAAO;AACP,QAAQ,EACR,SAAS,EACT,WAAW;AACX,YAAY;AACZ,eAAe,EACf,aAAa,EACb,eAAe,EACf,eAAe,EACf,YAAY,EACZ,cAAc,EACd,qBAAqB,EACrB,mBAAmB;AACnB,YAAY;AACZ,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa;AACb,SAAS;AACT,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU;AACV,cAAc;AACd,cAAc,EACd,kBAAkB,EAClB,oBAAoB;AACpB,YAAY;AACZ,kBAAkB;AAClB,mBAAmB;AACnB,eAAe,EACf,YAAY,EACZ,WAAW,EACX,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAqD/B,gDAAgD;AAChD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/F,0BAA0B;AAC1B,oCAAoC;AACpC,EAAE;AACF,0EAA0E;AAC1E,gFAAgF;AAChF,+EAA+E;AAC/E,kDAAkD;AAClD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxD,6EAA6E;AAC7E,kBAAkB;AAClB,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGjF,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,oBAAoB;AACpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AActD,oEAAoE;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/live/LiveEventsProvider.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { WorkflowClient } from '@xyne/workflow-sdk/client';
+/**
+ * Owns the single change-notification connection for everything below it.
+ *
+ * One connection, not one per component. Browsers cap concurrent connections per
+ * origin (six, on HTTP/1.1), and a screen showing a list, a builder and a run
+ * would spend most of that budget on streams that could share one.
+ *
+ * Membership is reconciled from a registry rather than driven by props: watchers
+ * come and go with navigation, and the connection should follow them without any
+ * component having to know about the others.
+ */
+export declare function LiveEventsProvider({ client, children, }: {
+    client: WorkflowClient;
+    children: React.ReactNode;
+}): React.JSX.Element;
+//# sourceMappingURL=LiveEventsProvider.d.ts.map

package/dist/live/LiveEventsProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveEventsProvider.d.ts","sourceRoot":"","sources":["../../src/live/LiveEventsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAYhE;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,qBAwGA"}

package/dist/live/LiveEventsProvider.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { LiveContext } from './live-context.js';
+/**
+ * How long the watched set must hold still before the connection is rebuilt.
+ *
+ * Mounting a screen registers several watchers in the same tick, and navigation
+ * unregisters a batch and registers another. Reconnecting on each would open and
+ * discard a connection per component; waiting for the set to settle opens one.
+ */
+const RECONCILE_DELAY_MS = 150;
+/**
+ * Owns the single change-notification connection for everything below it.
+ *
+ * One connection, not one per component. Browsers cap concurrent connections per
+ * origin (six, on HTTP/1.1), and a screen showing a list, a builder and a run
+ * would spend most of that budget on streams that could share one.
+ *
+ * Membership is reconciled from a registry rather than driven by props: watchers
+ * come and go with navigation, and the connection should follow them without any
+ * component having to know about the others.
+ */
+export function LiveEventsProvider({ client, children, }) {
+    const registry = React.useRef(new Map());
+    const timer = React.useRef(undefined);
+    // Sorted, comma-joined: a stable string, so an unchanged set cannot re-render
+    // or re-subscribe just because a new array was allocated.
+    const [topicKey, setTopicKey] = React.useState('');
+    const [connected, setConnected] = React.useState(false);
+    const reconcile = React.useCallback(() => {
+        if (timer.current !== undefined)
+            clearTimeout(timer.current);
+        timer.current = setTimeout(() => {
+            const next = [...registry.current.keys()].sort().join(',');
+            setTopicKey((prev) => (prev === next ? prev : next));
+        }, RECONCILE_DELAY_MS);
+    }, []);
+    const watch = React.useCallback((workflowId, listener) => {
+        let listeners = registry.current.get(workflowId);
+        if (!listeners) {
+            listeners = new Set();
+            registry.current.set(workflowId, listeners);
+        }
+        const own = listeners;
+        own.add(listener);
+        reconcile();
+        return () => {
+            // Identity guard: this handle may outlive the entry it created, and must
+            // not evict whatever replaced it.
+            if (registry.current.get(workflowId) !== own)
+                return;
+            own.delete(listener);
+            if (own.size === 0)
+                registry.current.delete(workflowId);
+            reconcile();
+        };
+    }, [reconcile]);
+    const emit = React.useCallback((workflowId, change) => {
+        const listeners = registry.current.get(workflowId);
+        if (!listeners)
+            return;
+        // Snapshot: a listener may unregister itself while being notified.
+        for (const listener of [...listeners])
+            listener(change);
+    }, []);
+    React.useEffect(() => {
+        if (topicKey === '') {
+            setConnected(false);
+            return;
+        }
+        const workflows = topicKey.split(',');
+        const stop = client.events.subscribe({ workflows }, {
+            onEvent: (event) => {
+                if (event.event !== 'workflow_changed')
+                    return;
+                const { data } = event;
+                // Drop the echo of our own write. Suppressed here, once, rather than in
+                // every consumer: an editor that cannot tell its own save from someone
+                // else's reports the user's own work as a conflict.
+                if (data.origin && data.origin === client.origin)
+                    return;
+                emit(data.workflowId, {
+                    workflowId: data.workflowId,
+                    reason: 'changed',
+                    change: data.change,
+                });
+            },
+            onOpen: ({ reconnected }) => {
+                setConnected(true);
+                if (!reconnected)
+                    return;
+                // Nothing was buffered while we were away, so every watcher re-reads.
+                for (const workflowId of [...registry.current.keys()]) {
+                    emit(workflowId, { workflowId, reason: 'resync' });
+                }
+            },
+            onError: () => {
+                setConnected(false);
+            },
+        });
+        return () => {
+            stop();
+            setConnected(false);
+        };
+    }, [client, topicKey, emit]);
+    React.useEffect(() => () => {
+        if (timer.current !== undefined)
+            clearTimeout(timer.current);
+    }, []);
+    const value = React.useMemo(() => ({ watch, connected }), [watch, connected]);
+    return _jsx(LiveContext.Provider, { value: value, children: children });
+}
+//# sourceMappingURL=LiveEventsProvider.js.map

package/dist/live/LiveEventsProvider.js.map

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

package/dist/live/live-context.d.ts

@@ -0,0 +1,34 @@
+import type { WorkflowChangeKind } from '@xyne/workflow-sdk';
+/**
+ * Why a subscriber is being told to look again.
+ *
+ * - `changed` — a specific change arrived, and `change` says what kind.
+ * - `resync` — the connection came back after a drop. The stream cannot replay,
+ *   so anything published while it was down is gone: re-read regardless of
+ *   whether a change was actually missed. The recovery path and the happy path
+ *   then run the same code, which is the only way the rare one stays correct.
+ */
+export interface LiveChange {
+    workflowId: string;
+    reason: 'changed' | 'resync';
+    change?: WorkflowChangeKind;
+}
+export type LiveListener = (change: LiveChange) => void;
+export interface LiveContextValue {
+    /**
+     * Register interest in a workflow. Returns a cleanup that deregisters it.
+     *
+     * Registering is not the same as connecting: the provider pools every watcher
+     * into one connection and reopens it when the set settles.
+     */
+    watch: (workflowId: string, listener: LiveListener) => () => void;
+    /** False while no connection is open — nothing is watched, or it is retrying. */
+    connected: boolean;
+}
+/**
+ * Null when the host has not mounted the live layer. Every consumer degrades to
+ * "no live updates" rather than throwing, so a host can leave it off.
+ */
+export declare const LiveContext: import("react").Context<LiveContextValue | null>;
+export declare function useLiveContext(): LiveContextValue | null;
+//# sourceMappingURL=live-context.d.ts.map

package/dist/live/live-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-context.d.ts","sourceRoot":"","sources":["../../src/live/live-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D;;;;;;;;GAQG;AACH,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC7B,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAED,MAAM,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAC/B;;;;;OAKG;IACH,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,KAAK,MAAM,IAAI,CAAC;IAClE,iFAAiF;IACjF,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,kDAA+C,CAAC;AAExE,wBAAgB,cAAc,IAAI,gBAAgB,GAAG,IAAI,CAExD"}

package/dist/live/live-context.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+/**
+ * Null when the host has not mounted the live layer. Every consumer degrades to
+ * "no live updates" rather than throwing, so a host can leave it off.
+ */
+export const LiveContext = createContext(null);
+export function useLiveContext() {
+    return useContext(LiveContext);
+}
+//# sourceMappingURL=live-context.js.map

package/dist/live/live-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-context.js","sourceRoot":"","sources":["../../src/live/live-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAgClD;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAC;AAExE,MAAM,UAAU,cAAc;IAC5B,OAAO,UAAU,CAAC,WAAW,CAAC,CAAC;AACjC,CAAC"}

package/dist/live/use-live-workflow.d.ts

@@ -0,0 +1,22 @@
+import { type LiveChange } from './live-context.js';
+/**
+ * Be told when a workflow changes somewhere other than here.
+ *
+ * The low-level hook: it reports, and the caller decides. Most callers want
+ * {@link useLiveWorkflow} instead — reach for this one when "refresh" is the
+ * wrong answer, as it is in an editor holding unsaved work.
+ *
+ * A no-op when the host has not mounted the live layer, or while `workflowId` is
+ * undefined, so a caller never has to guard the call.
+ */
+export declare function useWorkflowChanges(workflowId: string | undefined, onChange: (change: LiveChange) => void): void;
+/**
+ * Keep a workflow's cached copy honest: re-read it whenever it changes elsewhere.
+ *
+ * Invalidates rather than patching from the event, because the event carries no
+ * workflow — deliberately. The re-read goes through the ordinary authorized GET,
+ * which is what keeps access control on the read path instead of at a fan-out
+ * layer that knows nothing about who is listening.
+ */
+export declare function useLiveWorkflow(workflowId: string | undefined): void;
+//# sourceMappingURL=use-live-workflow.d.ts.map

package/dist/live/use-live-workflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-live-workflow.d.ts","sourceRoot":"","sources":["../../src/live/use-live-workflow.ts"],"names":[],"mappings":"AAGA,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpE;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,MAAM,GAAG,SAAS,EAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,GACrC,IAAI,CAgBN;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAOpE"}

package/dist/live/use-live-workflow.js

@@ -0,0 +1,47 @@
+import { useEffect, useRef } from 'react';
+import { useQueryClient } from '@tanstack/react-query';
+import { wfKeys } from '../hooks/queries.js';
+import { useLiveContext } from './live-context.js';
+/**
+ * Be told when a workflow changes somewhere other than here.
+ *
+ * The low-level hook: it reports, and the caller decides. Most callers want
+ * {@link useLiveWorkflow} instead — reach for this one when "refresh" is the
+ * wrong answer, as it is in an editor holding unsaved work.
+ *
+ * A no-op when the host has not mounted the live layer, or while `workflowId` is
+ * undefined, so a caller never has to guard the call.
+ */
+export function useWorkflowChanges(workflowId, onChange) {
+    const live = useLiveContext();
+    // Held in a ref so that an inline arrow — which almost every caller passes —
+    // does not tear down and reopen the subscription on every render.
+    const handler = useRef(onChange);
+    useEffect(() => {
+        handler.current = onChange;
+    }, [onChange]);
+    useEffect(() => {
+        if (!live || !workflowId)
+            return;
+        return live.watch(workflowId, (change) => {
+            handler.current(change);
+        });
+    }, [live, workflowId]);
+}
+/**
+ * Keep a workflow's cached copy honest: re-read it whenever it changes elsewhere.
+ *
+ * Invalidates rather than patching from the event, because the event carries no
+ * workflow — deliberately. The re-read goes through the ordinary authorized GET,
+ * which is what keeps access control on the read path instead of at a fan-out
+ * layer that knows nothing about who is listening.
+ */
+export function useLiveWorkflow(workflowId) {
+    const queryClient = useQueryClient();
+    useWorkflowChanges(workflowId, () => {
+        if (!workflowId)
+            return;
+        void queryClient.invalidateQueries({ queryKey: wfKeys.workflow(workflowId) });
+    });
+}
+//# sourceMappingURL=use-live-workflow.js.map

package/dist/live/use-live-workflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-live-workflow.js","sourceRoot":"","sources":["../../src/live/use-live-workflow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAmB,MAAM,mBAAmB,CAAC;AAEpE;;;;;;;;;GASG;AACH,MAAM,UAAU,kBAAkB,CAChC,UAA8B,EAC9B,QAAsC;IAEtC,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;IAE9B,6EAA6E;IAC7E,kEAAkE;IAClE,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,OAAO,GAAG,QAAQ,CAAC;IAC7B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU;YAAE,OAAO;QACjC,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,EAAE;YACvC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;AACzB,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,eAAe,CAAC,UAA8B;IAC5D,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,kBAAkB,CAAC,UAAU,EAAE,GAAG,EAAE;QAClC,IAAI,CAAC,UAAU;YAAE,OAAO;QACxB,KAAK,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IAChF,CAAC,CAAC,CAAC;AACL,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyne/workflow-ui",
-  "version": "1.3.34",
+  "version": "1.3.36",
   "description": "Workflow builder + execution-viewer React UI for @xyne/workflow-sdk.",
   "license": "UNLICENSED",
   "repository": {

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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,7 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,19 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,16 +0,0 @@
-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