@contractspec/lib.presentation-runtime-react 10.0.1 → 12.0.0

package/dist/WorkflowStepRenderer.d.ts

@@ -1,32 +1,16 @@
-import * as React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { FormRef, Step, StepExecution, WorkflowSpec, WorkflowState } from "@contractspec/lib.contracts/workflow";
-
-//#region src/WorkflowStepRenderer.d.ts
-interface WorkflowStepRendererProps {
-  spec: WorkflowSpec;
-  state: WorkflowState | null;
-  className?: string;
-  renderHumanStep?: (form: FormRef, step: Step) => React.ReactNode;
-  renderAutomationStep?: (step: Step) => React.ReactNode;
-  renderDecisionStep?: (step: Step) => React.ReactNode;
-  loadingFallback?: React.ReactNode;
-  completedFallback?: React.ReactNode;
-  cancelledFallback?: React.ReactNode;
-  failedFallback?: (state: WorkflowState, last: StepExecution | undefined) => React.ReactNode;
+import * as React from 'react';
+import type { FormRef, Step, WorkflowSpec, WorkflowState, StepExecution } from '@contractspec/lib.contracts/workflow';
+export interface WorkflowStepRendererProps {
+    spec: WorkflowSpec;
+    state: WorkflowState | null;
+    className?: string;
+    renderHumanStep?: (form: FormRef, step: Step) => React.ReactNode;
+    renderAutomationStep?: (step: Step) => React.ReactNode;
+    renderDecisionStep?: (step: Step) => React.ReactNode;
+    loadingFallback?: React.ReactNode;
+    completedFallback?: React.ReactNode;
+    cancelledFallback?: React.ReactNode;
+    failedFallback?: (state: WorkflowState, last: StepExecution | undefined) => React.ReactNode;
 }
-declare function WorkflowStepRenderer({
-  spec,
-  state,
-  className,
-  renderHumanStep,
-  renderAutomationStep,
-  renderDecisionStep,
-  loadingFallback,
-  completedFallback,
-  cancelledFallback,
-  failedFallback
-}: WorkflowStepRendererProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { WorkflowStepRenderer, WorkflowStepRendererProps };
+export declare function WorkflowStepRenderer({ spec, state, className, renderHumanStep, renderAutomationStep, renderDecisionStep, loadingFallback, completedFallback, cancelledFallback, failedFallback, }: WorkflowStepRendererProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=WorkflowStepRenderer.d.ts.map

package/dist/WorkflowStepRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowStepRenderer.d.ts","names":[],"sources":["../src/WorkflowStepRenderer.tsx"],"sourcesContent":[],"mappings":";;;;;UAUiB,yBAAA;QACT;SACC;EAFQ,SAAA,CAAA,EAAA,MAAA;EACT,eAAA,CAAA,EAAA,CAAA,IAAA,EAGmB,OAHnB,EAAA,IAAA,EAGkC,IAHlC,EAAA,GAG2C,KAAA,CAAM,SAHjD;EACC,oBAAA,CAAA,EAAA,CAAA,IAAA,EAGuB,IAHvB,EAAA,GAGgC,KAAA,CAAM,SAHtC;EAEkB,kBAAA,CAAA,EAAA,CAAA,IAAA,EAEG,IAFH,EAAA,GAEY,KAAA,CAAM,SAFlB;EAAe,eAAA,CAAA,EAGtB,KAAA,CAAM,SAHgB;EAAS,iBAAM,CAAA,EAInC,KAAA,CAAM,SAJ6B;EACzB,iBAAA,CAAA,EAIV,KAAA,CAAM,SAJI;EAAS,cAAM,CAAA,EAAA,CAAA,KAAA,EAMpC,aANoC,EAAA,IAAA,EAOrC,aAPqC,GAAA,SAAA,EAAA,GAQxC,KAAA,CAAM,SARkC;;AACF,iBAU7B,oBAAA,CAV6B;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,eAAA;EAAA,oBAAA;EAAA,kBAAA;EAAA,eAAA;EAAA,iBAAA;EAAA,iBAAA;EAAA;AAAA,CAAA,EAqB1C,yBArB0C,CAAA,EAqBjB,kBAAA,CAAA,GAAA,CAAA,OArBiB"}
+{"version":3,"file":"WorkflowStepRenderer.d.ts","sourceRoot":"","sources":["../src/WorkflowStepRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,aAAa,EACd,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IACjE,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IACrD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,cAAc,CAAC,EAAE,CACf,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,aAAa,GAAG,SAAS,KAC5B,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,KAAK,EACL,SAAS,EACT,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACf,EAAE,yBAAyB,2CA6I3B"}

package/dist/WorkflowStepRenderer.js

@@ -1,103 +1,133 @@
-import "react";
+// @bun
+// src/WorkflowStepRenderer.tsx
 import { EmptyState, LoaderBlock } from "@contractspec/lib.design-system";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/WorkflowStepRenderer.tsx
-function WorkflowStepRenderer({ spec, state, className, renderHumanStep, renderAutomationStep, renderDecisionStep, loadingFallback, completedFallback, cancelledFallback, failedFallback }) {
-	const steps = spec.definition.steps;
-	if (!steps.length) return /* @__PURE__ */ jsx("div", {
-		className,
-		children: /* @__PURE__ */ jsx(EmptyState, {
-			title: "No steps defined",
-			description: "Add at least one step to this workflow to render it."
-		})
-	});
-	if (!state) return /* @__PURE__ */ jsx("div", {
-		className,
-		children: loadingFallback ?? /* @__PURE__ */ jsx(LoaderBlock, {
-			label: "Loading workflow",
-			description: "Fetching workflow state..."
-		})
-	});
-	const lastExecution = state.history.at(-1);
-	if (state.status === "failed") return /* @__PURE__ */ jsx("div", {
-		className,
-		children: failedFallback?.(state, lastExecution) ?? /* @__PURE__ */ jsx(EmptyState, {
-			title: "Workflow failed",
-			description: lastExecution?.error ?? "Fix the underlying issue and retry the step."
-		})
-	});
-	if (state.status === "cancelled") return /* @__PURE__ */ jsx("div", {
-		className,
-		children: cancelledFallback ?? /* @__PURE__ */ jsx(EmptyState, {
-			title: "Workflow cancelled",
-			description: "This workflow has been cancelled. Restart it to resume."
-		})
-	});
-	if (state.status === "completed") return /* @__PURE__ */ jsx("div", {
-		className,
-		children: completedFallback ?? /* @__PURE__ */ jsx(EmptyState, {
-			title: "Workflow complete",
-			description: "All steps have been executed successfully."
-		})
-	});
-	const activeStep = steps.find((step) => step.id === state.currentStep) ?? steps[0];
-	if (!activeStep) return /* @__PURE__ */ jsx("div", {
-		className,
-		children: /* @__PURE__ */ jsx(EmptyState, {
-			title: "No active step",
-			description: "This workflow has no active step."
-		})
-	});
-	switch (activeStep.type) {
-		case "human": {
-			const form = activeStep.action?.form;
-			if (form && renderHumanStep) return /* @__PURE__ */ jsx("div", {
-				className,
-				children: renderHumanStep(form, activeStep)
-			});
-			return /* @__PURE__ */ jsx("div", {
-				className,
-				children: /* @__PURE__ */ jsx(EmptyState, {
-					title: "Form renderer missing",
-					description: "Provide renderHumanStep to render this human step's form."
-				})
-			});
-		}
-		case "automation":
-			if (renderAutomationStep) return /* @__PURE__ */ jsx("div", {
-				className,
-				children: renderAutomationStep(activeStep)
-			});
-			return /* @__PURE__ */ jsx("div", {
-				className,
-				children: /* @__PURE__ */ jsx(EmptyState, {
-					title: "Automation step in progress",
-					description: `Waiting for automation "${activeStep.label}" to finish.`
-				})
-			});
-		case "decision":
-			if (renderDecisionStep) return /* @__PURE__ */ jsx("div", {
-				className,
-				children: renderDecisionStep(activeStep)
-			});
-			return /* @__PURE__ */ jsx("div", {
-				className,
-				children: /* @__PURE__ */ jsx(EmptyState, {
-					title: "Decision step awaiting input",
-					description: "Provide a custom decision renderer via renderDecisionStep."
-				})
-			});
-		default: return /* @__PURE__ */ jsx("div", {
-			className,
-			children: /* @__PURE__ */ jsx(EmptyState, {
-				title: "Unknown step type",
-				description: `Step "${activeStep.id}" has an unsupported type.`
-			})
-		});
-	}
+import { jsxDEV } from "react/jsx-dev-runtime";
+function WorkflowStepRenderer({
+  spec,
+  state,
+  className,
+  renderHumanStep,
+  renderAutomationStep,
+  renderDecisionStep,
+  loadingFallback,
+  completedFallback,
+  cancelledFallback,
+  failedFallback
+}) {
+  const steps = spec.definition.steps;
+  if (!steps.length) {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className,
+      children: /* @__PURE__ */ jsxDEV(EmptyState, {
+        title: "No steps defined",
+        description: "Add at least one step to this workflow to render it."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  if (!state) {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className,
+      children: loadingFallback ?? /* @__PURE__ */ jsxDEV(LoaderBlock, {
+        label: "Loading workflow",
+        description: "Fetching workflow state..."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  const lastExecution = state.history.at(-1);
+  if (state.status === "failed") {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className,
+      children: failedFallback?.(state, lastExecution) ?? /* @__PURE__ */ jsxDEV(EmptyState, {
+        title: "Workflow failed",
+        description: lastExecution?.error ?? "Fix the underlying issue and retry the step."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  if (state.status === "cancelled") {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className,
+      children: cancelledFallback ?? /* @__PURE__ */ jsxDEV(EmptyState, {
+        title: "Workflow cancelled",
+        description: "This workflow has been cancelled. Restart it to resume."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  if (state.status === "completed") {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className,
+      children: completedFallback ?? /* @__PURE__ */ jsxDEV(EmptyState, {
+        title: "Workflow complete",
+        description: "All steps have been executed successfully."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  const activeStep = steps.find((step) => step.id === state.currentStep) ?? steps[0];
+  if (!activeStep) {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className,
+      children: /* @__PURE__ */ jsxDEV(EmptyState, {
+        title: "No active step",
+        description: "This workflow has no active step."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  switch (activeStep.type) {
+    case "human": {
+      const form = activeStep.action?.form;
+      if (form && renderHumanStep) {
+        return /* @__PURE__ */ jsxDEV("div", {
+          className,
+          children: renderHumanStep(form, activeStep)
+        }, undefined, false, undefined, this);
+      }
+      return /* @__PURE__ */ jsxDEV("div", {
+        className,
+        children: /* @__PURE__ */ jsxDEV(EmptyState, {
+          title: "Form renderer missing",
+          description: "Provide renderHumanStep to render this human step's form."
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this);
+    }
+    case "automation": {
+      if (renderAutomationStep) {
+        return /* @__PURE__ */ jsxDEV("div", {
+          className,
+          children: renderAutomationStep(activeStep)
+        }, undefined, false, undefined, this);
+      }
+      return /* @__PURE__ */ jsxDEV("div", {
+        className,
+        children: /* @__PURE__ */ jsxDEV(EmptyState, {
+          title: "Automation step in progress",
+          description: `Waiting for automation "${activeStep.label}" to finish.`
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this);
+    }
+    case "decision": {
+      if (renderDecisionStep) {
+        return /* @__PURE__ */ jsxDEV("div", {
+          className,
+          children: renderDecisionStep(activeStep)
+        }, undefined, false, undefined, this);
+      }
+      return /* @__PURE__ */ jsxDEV("div", {
+        className,
+        children: /* @__PURE__ */ jsxDEV(EmptyState, {
+          title: "Decision step awaiting input",
+          description: "Provide a custom decision renderer via renderDecisionStep."
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this);
+    }
+    default:
+      return /* @__PURE__ */ jsxDEV("div", {
+        className,
+        children: /* @__PURE__ */ jsxDEV(EmptyState, {
+          title: "Unknown step type",
+          description: `Step "${activeStep.id}" has an unsupported type.`
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this);
+  }
 }
-
-//#endregion
-export { WorkflowStepRenderer };
-//# sourceMappingURL=WorkflowStepRenderer.js.map
+export {
+  WorkflowStepRenderer
+};

package/dist/WorkflowStepper.d.ts

@@ -1,19 +1,9 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { WorkflowSpec, WorkflowState } from "@contractspec/lib.contracts/workflow";
-
-//#region src/WorkflowStepper.d.ts
-interface WorkflowStepperProps {
-  spec: WorkflowSpec;
-  state: WorkflowState | null;
-  className?: string;
-  showLabels?: boolean;
+import type { WorkflowSpec, WorkflowState } from '@contractspec/lib.contracts/workflow';
+export interface WorkflowStepperProps {
+    spec: WorkflowSpec;
+    state: WorkflowState | null;
+    className?: string;
+    showLabels?: boolean;
 }
-declare function WorkflowStepper({
-  spec,
-  state,
-  className,
-  showLabels
-}: WorkflowStepperProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { WorkflowStepper, WorkflowStepperProps };
+export declare function WorkflowStepper({ spec, state, className, showLabels, }: WorkflowStepperProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=WorkflowStepper.d.ts.map

package/dist/WorkflowStepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowStepper.d.ts","names":[],"sources":["../src/WorkflowStepper.tsx"],"sourcesContent":[],"mappings":";;;;UAOiB,oBAAA;QACT;SACC;EAFQ,SAAA,CAAA,EAAA,MAAA;EAOD,UAAA,CAAA,EAAA,OAAe;;AAE7B,iBAFc,eAAA,CAEd;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAGC,oBAHD,CAAA,EAGqB,kBAAA,CAAA,GAAA,CAAA,OAHrB"}
+{"version":3,"file":"WorkflowStepper.d.ts","sourceRoot":"","sources":["../src/WorkflowStepper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACd,MAAM,sCAAsC,CAAC;AAG9C,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,UAAkB,GACnB,EAAE,oBAAoB,2CAiCtB"}

package/dist/WorkflowStepper.js

@@ -1,39 +1,52 @@
-import "react";
+// @bun
+// src/WorkflowStepper.tsx
 import { Stepper } from "@contractspec/lib.design-system";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/WorkflowStepper.tsx
-function WorkflowStepper({ spec, state, className, showLabels = false }) {
-	const steps = spec.definition.steps;
-	const total = steps.length;
-	const current = computeCurrent(steps, state);
-	return /* @__PURE__ */ jsxs("div", {
-		className: ["flex flex-col gap-2", className].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ jsx(Stepper, {
-			current,
-			total
-		}), showLabels && total > 0 && /* @__PURE__ */ jsx("ol", {
-			className: "text-muted-foreground flex flex-wrap gap-2 text-sm",
-			children: steps.map((step, index) => {
-				return /* @__PURE__ */ jsx("li", {
-					className: ["rounded border px-2 py-1", (state?.status === "completed" ? index === total - 1 : step.id === state?.currentStep) ? "border-primary text-primary" : "border-border"].join(" "),
-					children: /* @__PURE__ */ jsx("span", {
-						className: "font-medium",
-						children: step.label
-					})
-				}, step.id);
-			})
-		})]
-	});
+import { jsxDEV } from "react/jsx-dev-runtime";
+function WorkflowStepper({
+  spec,
+  state,
+  className,
+  showLabels = false
+}) {
+  const steps = spec.definition.steps;
+  const total = steps.length;
+  const current = computeCurrent(steps, state);
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: ["flex flex-col gap-2", className].filter(Boolean).join(" "),
+    children: [
+      /* @__PURE__ */ jsxDEV(Stepper, {
+        current,
+        total
+      }, undefined, false, undefined, this),
+      showLabels && total > 0 && /* @__PURE__ */ jsxDEV("ol", {
+        className: "text-muted-foreground flex flex-wrap gap-2 text-sm",
+        children: steps.map((step, index) => {
+          const isActive = state?.status === "completed" ? index === total - 1 : step.id === state?.currentStep;
+          return /* @__PURE__ */ jsxDEV("li", {
+            className: [
+              "rounded border px-2 py-1",
+              isActive ? "border-primary text-primary" : "border-border"
+            ].join(" "),
+            children: /* @__PURE__ */ jsxDEV("span", {
+              className: "font-medium",
+              children: step.label
+            }, undefined, false, undefined, this)
+          }, step.id, false, undefined, this);
+        })
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
 function computeCurrent(steps, state) {
-	if (!steps.length) return 0;
-	if (!state) return 1;
-	if (state.status === "completed") return steps.length;
-	const idx = steps.findIndex((step) => step.id === state.currentStep);
-	return idx === -1 ? 1 : idx + 1;
+  if (!steps.length)
+    return 0;
+  if (!state)
+    return 1;
+  if (state.status === "completed")
+    return steps.length;
+  const idx = steps.findIndex((step) => step.id === state.currentStep);
+  return idx === -1 ? 1 : idx + 1;
 }
-
-//#endregion
-export { WorkflowStepper };
-//# sourceMappingURL=WorkflowStepper.js.map
+export {
+  WorkflowStepper
+};

package/dist/browser/WorkflowStepRenderer.js

@@ -0,0 +1,132 @@
+// src/WorkflowStepRenderer.tsx
+import { EmptyState, LoaderBlock } from "@contractspec/lib.design-system";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function WorkflowStepRenderer({
+  spec,
+  state,
+  className,
+  renderHumanStep,
+  renderAutomationStep,
+  renderDecisionStep,
+  loadingFallback,
+  completedFallback,
+  cancelledFallback,
+  failedFallback
+}) {
+  const steps = spec.definition.steps;
+  if (!steps.length) {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className,
+      children: /* @__PURE__ */ jsxDEV(EmptyState, {
+        title: "No steps defined",
+        description: "Add at least one step to this workflow to render it."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  if (!state) {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className,
+      children: loadingFallback ?? /* @__PURE__ */ jsxDEV(LoaderBlock, {
+        label: "Loading workflow",
+        description: "Fetching workflow state..."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  const lastExecution = state.history.at(-1);
+  if (state.status === "failed") {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className,
+      children: failedFallback?.(state, lastExecution) ?? /* @__PURE__ */ jsxDEV(EmptyState, {
+        title: "Workflow failed",
+        description: lastExecution?.error ?? "Fix the underlying issue and retry the step."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  if (state.status === "cancelled") {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className,
+      children: cancelledFallback ?? /* @__PURE__ */ jsxDEV(EmptyState, {
+        title: "Workflow cancelled",
+        description: "This workflow has been cancelled. Restart it to resume."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  if (state.status === "completed") {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className,
+      children: completedFallback ?? /* @__PURE__ */ jsxDEV(EmptyState, {
+        title: "Workflow complete",
+        description: "All steps have been executed successfully."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  const activeStep = steps.find((step) => step.id === state.currentStep) ?? steps[0];
+  if (!activeStep) {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className,
+      children: /* @__PURE__ */ jsxDEV(EmptyState, {
+        title: "No active step",
+        description: "This workflow has no active step."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  switch (activeStep.type) {
+    case "human": {
+      const form = activeStep.action?.form;
+      if (form && renderHumanStep) {
+        return /* @__PURE__ */ jsxDEV("div", {
+          className,
+          children: renderHumanStep(form, activeStep)
+        }, undefined, false, undefined, this);
+      }
+      return /* @__PURE__ */ jsxDEV("div", {
+        className,
+        children: /* @__PURE__ */ jsxDEV(EmptyState, {
+          title: "Form renderer missing",
+          description: "Provide renderHumanStep to render this human step's form."
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this);
+    }
+    case "automation": {
+      if (renderAutomationStep) {
+        return /* @__PURE__ */ jsxDEV("div", {
+          className,
+          children: renderAutomationStep(activeStep)
+        }, undefined, false, undefined, this);
+      }
+      return /* @__PURE__ */ jsxDEV("div", {
+        className,
+        children: /* @__PURE__ */ jsxDEV(EmptyState, {
+          title: "Automation step in progress",
+          description: `Waiting for automation "${activeStep.label}" to finish.`
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this);
+    }
+    case "decision": {
+      if (renderDecisionStep) {
+        return /* @__PURE__ */ jsxDEV("div", {
+          className,
+          children: renderDecisionStep(activeStep)
+        }, undefined, false, undefined, this);
+      }
+      return /* @__PURE__ */ jsxDEV("div", {
+        className,
+        children: /* @__PURE__ */ jsxDEV(EmptyState, {
+          title: "Decision step awaiting input",
+          description: "Provide a custom decision renderer via renderDecisionStep."
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this);
+    }
+    default:
+      return /* @__PURE__ */ jsxDEV("div", {
+        className,
+        children: /* @__PURE__ */ jsxDEV(EmptyState, {
+          title: "Unknown step type",
+          description: `Step "${activeStep.id}" has an unsupported type.`
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this);
+  }
+}
+export {
+  WorkflowStepRenderer
+};

package/dist/browser/WorkflowStepper.js

@@ -0,0 +1,51 @@
+// src/WorkflowStepper.tsx
+import { Stepper } from "@contractspec/lib.design-system";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function WorkflowStepper({
+  spec,
+  state,
+  className,
+  showLabels = false
+}) {
+  const steps = spec.definition.steps;
+  const total = steps.length;
+  const current = computeCurrent(steps, state);
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: ["flex flex-col gap-2", className].filter(Boolean).join(" "),
+    children: [
+      /* @__PURE__ */ jsxDEV(Stepper, {
+        current,
+        total
+      }, undefined, false, undefined, this),
+      showLabels && total > 0 && /* @__PURE__ */ jsxDEV("ol", {
+        className: "text-muted-foreground flex flex-wrap gap-2 text-sm",
+        children: steps.map((step, index) => {
+          const isActive = state?.status === "completed" ? index === total - 1 : step.id === state?.currentStep;
+          return /* @__PURE__ */ jsxDEV("li", {
+            className: [
+              "rounded border px-2 py-1",
+              isActive ? "border-primary text-primary" : "border-border"
+            ].join(" "),
+            children: /* @__PURE__ */ jsxDEV("span", {
+              className: "font-medium",
+              children: step.label
+            }, undefined, false, undefined, this)
+          }, step.id, false, undefined, this);
+        })
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function computeCurrent(steps, state) {
+  if (!steps.length)
+    return 0;
+  if (!state)
+    return 1;
+  if (state.status === "completed")
+    return steps.length;
+  const idx = steps.findIndex((step) => step.id === state.currentStep);
+  return idx === -1 ? 1 : idx + 1;
+}
+export {
+  WorkflowStepper
+};