@voltro/ui 0.84.0 → 0.86.0

package/dist/workflow.js

@@ -0,0 +1,92 @@
+import { useUiStrings as e } from "./strings.js";
+import { useWorkflowRunState as t } from "@voltro/client";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/workflow.tsx
+var i = (e) => e === "succeeded" ? "✓" : e === "failed" ? "✗" : "…";
+function a(a) {
+	let { api: o, runId: s, loadingText: c, emptyText: l } = a, u = e().workflow, d = t(o, s);
+	return d.loading ? /* @__PURE__ */ n("p", {
+		"data-voltro-workflow-loading": !0,
+		"aria-busy": "true",
+		children: c ?? u.loading
+	}) : d.steps.length === 0 ? /* @__PURE__ */ n("p", {
+		"data-voltro-workflow-empty": !0,
+		children: l ?? u.empty
+	}) : /* @__PURE__ */ n("ol", {
+		"data-voltro-workflow-progress": s,
+		"aria-busy": d.status === "running" ? "true" : void 0,
+		children: d.steps.map((e) => {
+			let t = d.currentStep?.id === e.id;
+			return /* @__PURE__ */ r("li", {
+				"data-step": e.stepName,
+				"data-status": e.status,
+				"aria-current": t ? "step" : void 0,
+				children: [
+					/* @__PURE__ */ n("span", {
+						"aria-hidden": "true",
+						children: i(e.status)
+					}),
+					" ",
+					e.stepName,
+					e.attempt > 1 ? /* @__PURE__ */ r("span", {
+						"data-attempts": !0,
+						children: [" · ", u.attempt(e.attempt)]
+					}) : null,
+					e.durationMs === null ? null : /* @__PURE__ */ r("span", {
+						"data-duration": !0,
+						children: [
+							" · ",
+							e.durationMs,
+							"ms"
+						]
+					}),
+					e.status === "failed" && e.errorMessage ? /* @__PURE__ */ r("span", {
+						"data-step-error": !0,
+						children: [" · ", e.errorMessage]
+					}) : null
+				]
+			}, e.id);
+		})
+	});
+}
+function o(i) {
+	let { api: a, runId: o } = i, s = e().workflow, c = t(a, o);
+	if (c.loading || c.status === void 0) return /* @__PURE__ */ n("span", {
+		"data-voltro-workflow-badge": !0,
+		"data-status": "loading",
+		children: "…"
+	});
+	let l = c.status === "suspended" && c.waitingFor ? `${s.status.suspended} · ${c.waitingFor.name}` : s.status[c.status];
+	return /* @__PURE__ */ r("span", {
+		"data-voltro-workflow-badge": !0,
+		"data-status": c.status,
+		role: "status",
+		children: [l, c.error ? /* @__PURE__ */ r("span", {
+			"data-error-detail": !0,
+			children: [c.error.step ? ` · ${c.error.step}` : "", c.traceId ? ` · voltro logs --trace ${c.traceId}` : ""]
+		}) : null]
+	});
+}
+function s(e) {
+	let { when: t, onApprove: i, onReject: a, approveLabel: o, rejectLabel: s, pending: c } = e;
+	return t ? /* @__PURE__ */ r("div", {
+		"data-voltro-approval-controls": !0,
+		role: "group",
+		"aria-label": "Approval",
+		children: [/* @__PURE__ */ n("button", {
+			type: "button",
+			"data-approve": !0,
+			onClick: i,
+			disabled: c,
+			children: o ?? "Approve"
+		}), /* @__PURE__ */ n("button", {
+			type: "button",
+			"data-reject": !0,
+			onClick: a,
+			disabled: c,
+			children: s ?? "Reject"
+		})]
+	}) : null;
+}
+//#endregion
+export { s as ApprovalControls, a as WorkflowProgress, o as WorkflowStatusBadge };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voltro/ui",
-  "version": "0.84.0",
+  "version": "0.86.0",
   "description": "Schema-driven React components over Voltro's headless client bindings: AutoForm, DataTable, the widget seam, and live workflow/presence/AI surfaces.",
   "keywords": [
     "voltro",
@@ -33,11 +33,11 @@
     "node": ">=24.0.0"
   },
   "dependencies": {
-    "@voltro/client": "0.84.0",
-    "@voltro/plugin-comments": "0.84.0"
+    "@voltro/client": "0.86.0",
+    "@voltro/plugin-comments": "0.86.0"
   },
   "peerDependencies": {
-    "effect": "^3.22.2",
+    "effect": "4.0.1",
     "react": "^19.0.0"
   },
   "publishConfig": {