@burdenoff/microfe-subscriberbot 2026.706.2 → 2026.710.1

package/dist/subscriberbot/pages/WorkflowsPage.js

@@ -1,16 +1,18 @@
 import { PageLayout as e } from "../components/PageLayout.js";
-import { formatRelativeTime as t } from "../utils/formatters.js";
-import { StatusBadge as n } from "../components/StatusBadge.js";
-import { EmptyState as r } from "../components/EmptyState.js";
-import { ErrorView as i, LoadingView as a } from "../components/StateViews.js";
-import { useActivateWorkflow as o, useCreateWorkflow as s, useWorkflows as c } from "../hooks/useSubscriberBotApi.js";
-import { Modal as l } from "../components/Modal.js";
-import { useState as u } from "react";
-import { Play as d, Plus as f, Workflow as p } from "lucide-react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { PagePurpose as g } from "@burdenoff/fe-libs/ui";
+import { MetricsCard as t } from "../components/MetricsCard.js";
+import { formatRelativeTime as n } from "../utils/formatters.js";
+import { StatusBadge as r } from "../components/StatusBadge.js";
+import { EmptyState as i } from "../components/EmptyState.js";
+import { Modal as a } from "../components/Modal.js";
+import { ErrorView as o, LoadingView as s } from "../components/StateViews.js";
+import "../components/index.js";
+import { useActivateWorkflow as c, useCreateWorkflow as l, useWorkflows as u } from "../hooks/useSubscriberBotApi.js";
+import { useState as d } from "react";
+import { ArrowRight as f, CheckCircle2 as p, Clock as m, Play as h, Plus as g, Sparkles as _, Workflow as v, X as y, Zap as b } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { GlassCard as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/WorkflowsPage.tsx
-var _ = [
+var E = [
 	{
 		value: "",
 		label: "All statuses"
@@ -31,183 +33,370 @@ var _ = [
 		value: "ARCHIVED",
 		label: "Archived"
 	}
-], v = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", y = "mb-1 block text-xs font-medium text-text-secondary";
-function b() {
-	let [b, x] = u(""), [S, C] = u(!1), { data: w, isLoading: T, isError: E, refetch: D } = c(b || void 0), O = s(), k = o(), [A, j] = u(""), [M, N] = u(""), [P, F] = u(""), [I, L] = u(null), R = w ?? [], z = () => {
-		j(""), N(""), F(""), L(null);
-	}, B = () => {
-		C(!1), z();
+], D = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", O = "mb-1 block text-xs font-medium text-text-secondary";
+function k({ icon: e, kicker: t, title: n, sub: r, accent: i }) {
+	return /* @__PURE__ */ C("div", {
+		className: "w-48 shrink-0 overflow-hidden rounded-xl border border-border-subtle bg-bg-surface shadow-sm",
+		children: [/* @__PURE__ */ S("div", {
+			className: `h-1 w-full ${i === "done" ? "bg-status-success-text" : i === "run" ? "bg-status-warning-text" : "bg-[var(--color-accent-indigo)]"}`,
+			"aria-hidden": !0
+		}), /* @__PURE__ */ C("div", {
+			className: "p-3",
+			children: [
+				/* @__PURE__ */ S("span", {
+					className: "flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
+					children: e
+				}),
+				/* @__PURE__ */ S("p", {
+					className: "mt-2 text-[10px] font-medium uppercase tracking-wide text-text-secondary",
+					children: t
+				}),
+				/* @__PURE__ */ S("p", {
+					className: "truncate text-sm font-semibold text-text-primary",
+					title: n,
+					children: n
+				}),
+				r && /* @__PURE__ */ S("p", {
+					className: "mt-0.5 truncate text-xs text-text-secondary",
+					children: r
+				})
+			]
+		})]
+	});
+}
+function A({ workflow: e, onClose: t, onActivate: i, activating: a }) {
+	let o = /* @__PURE__ */ C("div", {
+		className: "flex shrink-0 items-center px-1 text-text-secondary",
+		"aria-hidden": !0,
+		children: [/* @__PURE__ */ S("span", { className: "h-px w-4 bg-border-seam sm:w-6" }), /* @__PURE__ */ S(f, { className: "h-4 w-4" })]
+	});
+	return /* @__PURE__ */ C(w, {
+		treatment: "glass",
+		glow: !0,
+		className: "mt-6 p-5",
+		children: [
+			/* @__PURE__ */ C("div", {
+				className: "flex flex-wrap items-start justify-between gap-3",
+				children: [/* @__PURE__ */ C("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ C("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [/* @__PURE__ */ S("p", {
+							className: "text-base font-semibold text-text-primary",
+							children: e.name
+						}), /* @__PURE__ */ S(r, { status: e.status })]
+					}), /* @__PURE__ */ C("p", {
+						className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-text-secondary",
+						children: [/* @__PURE__ */ C("span", {
+							className: "tabular-nums",
+							children: [
+								"Ran ",
+								e.runCount,
+								"×"
+							]
+						}), e.lastRunAt && /* @__PURE__ */ C("span", {
+							className: "inline-flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ S(m, {
+									className: "h-3 w-3",
+									"aria-hidden": !0
+								}),
+								" last",
+								" ",
+								n(e.lastRunAt)
+							]
+						})]
+					})]
+				}), /* @__PURE__ */ S("button", {
+					type: "button",
+					onClick: t,
+					"aria-label": "Close flow",
+					className: "rounded-lg border border-border-subtle p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary",
+					children: /* @__PURE__ */ S(y, { className: "h-4 w-4" })
+				})]
+			}),
+			e.description && /* @__PURE__ */ S("p", {
+				className: "mt-2 max-w-3xl text-sm text-text-secondary",
+				children: e.description
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "mt-4 overflow-x-auto pb-2",
+				children: /* @__PURE__ */ C("div", {
+					className: "flex min-w-max items-stretch",
+					children: [
+						/* @__PURE__ */ S(k, {
+							accent: "trigger",
+							kicker: "When",
+							icon: /* @__PURE__ */ S(b, { className: "h-4 w-4" }),
+							title: e.triggerEvent,
+							sub: "Trigger event"
+						}),
+						o,
+						/* @__PURE__ */ S(k, {
+							accent: "run",
+							kicker: "Run",
+							icon: /* @__PURE__ */ S(_, { className: "h-4 w-4" }),
+							title: e.name,
+							sub: "Automation"
+						}),
+						o,
+						/* @__PURE__ */ S(k, {
+							accent: "done",
+							kicker: "Then",
+							icon: /* @__PURE__ */ S(p, { className: "h-4 w-4" }),
+							title: e.status === "ACTIVE" ? "Live" : "Awaiting activation",
+							sub: `Status: ${e.status.charAt(0) + e.status.slice(1).toLowerCase()}`
+						})
+					]
+				})
+			}),
+			e.status !== "ACTIVE" && /* @__PURE__ */ S("div", {
+				className: "mt-3 flex justify-end",
+				children: /* @__PURE__ */ C("button", {
+					type: "button",
+					disabled: a,
+					onClick: i,
+					className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50",
+					children: [
+						/* @__PURE__ */ S(h, { className: "h-4 w-4" }),
+						" ",
+						a ? "Activating…" : "Activate workflow"
+					]
+				})
+			})
+		]
+	});
+}
+function j() {
+	let [f, p] = d(""), [m, _] = d(!1), [y, k] = d(null), { data: j, isLoading: M, isError: N, refetch: P } = u(f || void 0), F = l(), I = c(), [L, R] = d(""), [z, B] = d(""), [V, H] = d(""), [U, W] = d(null), G = j ?? [], K = G.find((e) => e.id === y) ?? null, q = G.filter((e) => e.status === "ACTIVE").length, J = G.reduce((e, t) => e + (t.runCount || 0), 0), Y = () => {
+		R(""), B(""), H(""), W(null);
+	}, X = () => {
+		_(!1), Y();
 	};
-	return /* @__PURE__ */ h(e, {
+	return /* @__PURE__ */ C(e, {
 		title: "Workflows",
 		description: "Event-driven automation across your portfolio",
-		actions: /* @__PURE__ */ h("button", {
+		actions: /* @__PURE__ */ C("button", {
 			type: "button",
-			onClick: () => C(!0),
+			onClick: () => _(!0),
 			className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
-			children: [/* @__PURE__ */ m(f, { className: "h-4 w-4" }), " New workflow"]
+			children: [/* @__PURE__ */ S(g, { className: "h-4 w-4" }), " New workflow"]
 		}),
 		children: [
-			/* @__PURE__ */ m(g, {
+			/* @__PURE__ */ S(T, {
 				className: "mb-4",
 				children: "Workflows react to domain events — a new invoice, a detected renewal, a cancelled relationship — and run multi-step automations. Draft a workflow, then activate it when you're ready."
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: /* @__PURE__ */ m("select", {
+				children: /* @__PURE__ */ S("select", {
 					"aria-label": "Filter by status",
-					value: b,
-					onChange: (e) => x(e.target.value),
+					value: f,
+					onChange: (e) => p(e.target.value),
 					className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-					children: _.map((e) => /* @__PURE__ */ m("option", {
+					children: E.map((e) => /* @__PURE__ */ S("option", {
 						value: e.value,
 						children: e.label
 					}, e.value))
 				})
 			}),
-			T ? /* @__PURE__ */ m(a, { label: "Loading workflows…" }) : E ? /* @__PURE__ */ m(i, {
+			M ? /* @__PURE__ */ S(s, { label: "Loading workflows…" }) : N ? /* @__PURE__ */ S(o, {
 				message: "Could not load workflows.",
-				onRetry: () => void D()
-			}) : R.length === 0 ? /* @__PURE__ */ m("div", {
+				onRetry: () => void P()
+			}) : G.length === 0 ? /* @__PURE__ */ S("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ m(r, {
+				children: /* @__PURE__ */ S(i, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ m(p, { className: "h-12 w-12" }),
+					icon: /* @__PURE__ */ S(v, { className: "h-12 w-12" }),
 					title: "No workflows yet",
 					description: "Create your first event-driven workflow to automate your recurring portfolio.",
-					action: /* @__PURE__ */ m("button", {
+					action: /* @__PURE__ */ S("button", {
 						type: "button",
-						onClick: () => C(!0),
+						onClick: () => _(!0),
 						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
 						children: "New workflow"
 					})
 				})
-			}) : /* @__PURE__ */ m("div", {
-				className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: R.map((e) => /* @__PURE__ */ h("div", {
-					className: "flex flex-col rounded-lg border border-border-subtle bg-bg-surface p-4",
+			}) : /* @__PURE__ */ C(x, { children: [
+				/* @__PURE__ */ C("div", {
+					className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ h("div", {
-							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ m("span", {
-								className: "flex size-9 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
-								children: /* @__PURE__ */ m(p, { className: "h-4 w-4" })
-							}), /* @__PURE__ */ m(n, { status: e.status })]
-						}),
-						/* @__PURE__ */ m("p", {
-							className: "mt-3 truncate text-sm font-semibold text-text-primary",
-							children: e.name
+						/* @__PURE__ */ S(t, {
+							icon: /* @__PURE__ */ S(v, { className: "h-5 w-5" }),
+							value: G.length,
+							label: "Workflows"
 						}),
-						/* @__PURE__ */ h("p", {
-							className: "truncate text-xs text-text-secondary",
-							children: ["on ", e.triggerEvent]
+						/* @__PURE__ */ S(t, {
+							icon: /* @__PURE__ */ S(b, { className: "h-5 w-5" }),
+							value: q,
+							label: "Active"
 						}),
-						e.description && /* @__PURE__ */ m("p", {
-							className: "mt-2 line-clamp-2 text-xs text-text-secondary",
-							children: e.description
-						}),
-						/* @__PURE__ */ h("p", {
-							className: "mt-2 text-xs text-text-secondary",
-							children: [
-								"Ran ",
-								e.runCount,
-								"×",
-								e.lastRunAt ? ` · last ${t(e.lastRunAt)}` : ""
-							]
-						}),
-						e.status !== "ACTIVE" && /* @__PURE__ */ h("button", {
-							type: "button",
-							disabled: k.isPending,
-							onClick: () => k.mutate(e.id),
-							className: "mt-3 inline-flex items-center justify-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken disabled:opacity-50",
-							children: [/* @__PURE__ */ m(d, { className: "h-3.5 w-3.5" }), " Activate"]
+						/* @__PURE__ */ S(t, {
+							icon: /* @__PURE__ */ S(h, { className: "h-5 w-5" }),
+							value: J,
+							label: "Total runs"
 						})
 					]
-				}, e.id))
-			}),
-			S && /* @__PURE__ */ m(l, {
+				}),
+				K && /* @__PURE__ */ S(A, {
+					workflow: K,
+					onClose: () => k(null),
+					onActivate: () => I.mutate(K.id),
+					activating: I.isPending
+				}),
+				/* @__PURE__ */ S("div", {
+					className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+					children: G.map((e) => {
+						let t = e.id === y;
+						return /* @__PURE__ */ C(w, {
+							treatment: "metric",
+							glow: t || e.status === "ACTIVE",
+							role: "button",
+							tabIndex: 0,
+							"aria-pressed": t,
+							"aria-label": `View flow for ${e.name}`,
+							onClick: () => k(t ? null : e.id),
+							onKeyDown: (n) => {
+								(n.key === "Enter" || n.key === " ") && (n.preventDefault(), k(t ? null : e.id));
+							},
+							className: "flex cursor-pointer flex-col p-5 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+							children: [
+								/* @__PURE__ */ C("div", {
+									className: "flex items-start justify-between gap-2",
+									children: [/* @__PURE__ */ S("span", {
+										className: "flex size-10 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary",
+										children: /* @__PURE__ */ S(v, { className: "h-5 w-5" })
+									}), /* @__PURE__ */ S(r, { status: e.status })]
+								}),
+								/* @__PURE__ */ S("p", {
+									className: "mt-3 truncate text-sm font-semibold text-text-primary",
+									children: e.name
+								}),
+								/* @__PURE__ */ C("p", {
+									className: "flex items-center gap-1 truncate text-xs text-text-secondary",
+									children: [
+										/* @__PURE__ */ S(b, {
+											className: "h-3 w-3 shrink-0",
+											"aria-hidden": !0
+										}),
+										" on ",
+										e.triggerEvent
+									]
+								}),
+								e.description && /* @__PURE__ */ S("p", {
+									className: "mt-2 line-clamp-2 min-h-[2rem] text-xs text-text-secondary",
+									children: e.description
+								}),
+								/* @__PURE__ */ C("p", {
+									className: "mt-3 flex items-center gap-1.5 text-xs text-text-secondary tabular-nums",
+									children: [
+										/* @__PURE__ */ S(h, {
+											className: "h-3.5 w-3.5",
+											"aria-hidden": !0
+										}),
+										" Ran ",
+										e.runCount,
+										"×",
+										e.lastRunAt ? ` · last ${n(e.lastRunAt)}` : ""
+									]
+								}),
+								e.status !== "ACTIVE" && /* @__PURE__ */ C("button", {
+									type: "button",
+									disabled: I.isPending,
+									onClick: (t) => {
+										t.stopPropagation(), I.mutate(e.id);
+									},
+									className: "mt-4 inline-flex items-center justify-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken disabled:opacity-50",
+									children: [/* @__PURE__ */ S(h, { className: "h-3.5 w-3.5" }), " Activate"]
+								})
+							]
+						}, e.id);
+					})
+				})
+			] }),
+			m && /* @__PURE__ */ S(a, {
 				title: "New workflow",
-				onClose: B,
-				children: /* @__PURE__ */ h("form", {
+				onClose: X,
+				children: /* @__PURE__ */ C("form", {
 					onSubmit: (e) => {
-						if (e.preventDefault(), L(null), !A.trim() || !M.trim()) {
-							L("Name and trigger event are required.");
+						if (e.preventDefault(), W(null), !L.trim() || !z.trim()) {
+							W("Name and trigger event are required.");
 							return;
 						}
 						let t = {
-							name: A.trim(),
-							triggerEvent: M.trim(),
-							...P.trim() ? { description: P.trim() } : {}
+							name: L.trim(),
+							triggerEvent: z.trim(),
+							...V.trim() ? { description: V.trim() } : {}
 						};
-						O.mutate(t, {
+						F.mutate(t, {
 							onSuccess: () => {
-								z(), C(!1);
+								Y(), _(!1);
 							},
-							onError: (e) => L(e instanceof Error ? e.message : "Could not create workflow.")
+							onError: (e) => W(e instanceof Error ? e.message : "Could not create workflow.")
 						});
 					},
 					className: "space-y-4",
 					children: [
-						I && /* @__PURE__ */ m("div", {
+						U && /* @__PURE__ */ S("div", {
 							className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
-							children: I
+							children: U
 						}),
-						/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("label", {
+						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("label", {
 							htmlFor: "wf-name",
-							className: y,
-							children: ["Name ", /* @__PURE__ */ m("span", {
+							className: O,
+							children: ["Name ", /* @__PURE__ */ S("span", {
 								className: "text-status-error-text",
 								children: "*"
 							})]
-						}), /* @__PURE__ */ m("input", {
+						}), /* @__PURE__ */ S("input", {
 							id: "wf-name",
 							type: "text",
-							value: A,
-							onChange: (e) => j(e.target.value),
+							value: L,
+							onChange: (e) => R(e.target.value),
 							placeholder: "e.g. Invoice → notify finance",
-							className: v,
+							className: D,
 							required: !0
 						})] }),
-						/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("label", {
+						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("label", {
 							htmlFor: "wf-trigger",
-							className: y,
-							children: ["Trigger event ", /* @__PURE__ */ m("span", {
+							className: O,
+							children: ["Trigger event ", /* @__PURE__ */ S("span", {
 								className: "text-status-error-text",
 								children: "*"
 							})]
-						}), /* @__PURE__ */ m("input", {
+						}), /* @__PURE__ */ S("input", {
 							id: "wf-trigger",
 							type: "text",
-							value: M,
-							onChange: (e) => N(e.target.value),
+							value: z,
+							onChange: (e) => B(e.target.value),
 							placeholder: "e.g. InvoiceReceived, RenewalDetected",
-							className: v,
+							className: D,
 							required: !0
 						})] }),
-						/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
 							htmlFor: "wf-desc",
-							className: y,
+							className: O,
 							children: "Description"
-						}), /* @__PURE__ */ m("textarea", {
+						}), /* @__PURE__ */ S("textarea", {
 							id: "wf-desc",
-							value: P,
-							onChange: (e) => F(e.target.value),
+							value: V,
+							onChange: (e) => H(e.target.value),
 							rows: 3,
 							placeholder: "What should this workflow do when the event fires?",
-							className: v
+							className: D
 						})] }),
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ C("div", {
 							className: "flex justify-end gap-3",
-							children: [/* @__PURE__ */ m("button", {
+							children: [/* @__PURE__ */ S("button", {
 								type: "button",
-								onClick: B,
+								onClick: X,
 								className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
 								children: "Cancel"
-							}), /* @__PURE__ */ m("button", {
+							}), /* @__PURE__ */ S("button", {
 								type: "submit",
-								disabled: O.isPending,
+								disabled: F.isPending,
 								className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50",
-								children: O.isPending ? "Creating…" : "Create workflow"
+								children: F.isPending ? "Creating…" : "Create workflow"
 							})]
 						})
 					]
@@ -217,6 +406,6 @@ function b() {
 	});
 }
 //#endregion
-export { b as WorkflowsPage };
+export { j as WorkflowsPage };
 
 //# sourceMappingURL=WorkflowsPage.js.map

package/dist/subscriberbot/pages/WorkflowsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowsPage.js","names":[],"sources":["../../../src/subscriberbot/pages/WorkflowsPage.tsx"],"sourcesContent":["/**\n * Workflows (Automation)\n * @module subscriberbot/pages\n *\n * The Workflow Engine — event-driven automation (\"when invoice arrives →\n * classify → update relationship → notify finance\"). List + create + activate.\n * Reads `subListWorkflows`; writes `subCreateWorkflow` / `subActivateWorkflow`.\n */\n\nimport { useState } from 'react';\nimport { Plus, Workflow as WorkflowIcon, Play } from 'lucide-react';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { StatusBadge } from '../components/StatusBadge';\nimport { EmptyState } from '../components/EmptyState';\nimport { Modal } from '../components/Modal';\nimport { LoadingView, ErrorView } from '../components/StateViews';\nimport { useWorkflows, useCreateWorkflow, useActivateWorkflow } from '../hooks/useSubscriberBotApi';\nimport { formatRelativeTime } from '../utils/formatters';\nimport type { SubCreateWorkflowInput, SubWorkflowStatus } from '../types';\n\nconst STATUS_OPTIONS: Array<{ value: '' | SubWorkflowStatus; label: string }> = [\n  { value: '', label: 'All statuses' },\n  { value: 'ACTIVE', label: 'Active' },\n  { value: 'DRAFT', label: 'Draft' },\n  { value: 'PAUSED', label: 'Paused' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\nconst inputCls =\n  'w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]';\nconst labelCls = 'mb-1 block text-xs font-medium text-text-secondary';\n\nexport function WorkflowsPage() {\n  const [statusFilter, setStatusFilter] = useState<'' | SubWorkflowStatus>('');\n  const [showCreate, setShowCreate] = useState(false);\n\n  const { data, isLoading, isError, refetch } = useWorkflows(statusFilter || undefined);\n  const create = useCreateWorkflow();\n  const activate = useActivateWorkflow();\n\n  const [name, setName] = useState('');\n  const [triggerEvent, setTriggerEvent] = useState('');\n  const [description, setDescription] = useState('');\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const workflows = data ?? [];\n\n  const resetForm = () => {\n    setName('');\n    setTriggerEvent('');\n    setDescription('');\n    setFormError(null);\n  };\n\n  const closeCreate = () => {\n    setShowCreate(false);\n    resetForm();\n  };\n\n  const handleCreate = (e: React.FormEvent) => {\n    e.preventDefault();\n    setFormError(null);\n    if (!name.trim() || !triggerEvent.trim()) {\n      setFormError('Name and trigger event are required.');\n      return;\n    }\n    const input: SubCreateWorkflowInput = {\n      name: name.trim(),\n      triggerEvent: triggerEvent.trim(),\n      ...(description.trim() ? { description: description.trim() } : {}),\n    };\n    create.mutate(input, {\n      onSuccess: () => {\n        resetForm();\n        setShowCreate(false);\n      },\n      onError: (err) =>\n        setFormError(err instanceof Error ? err.message : 'Could not create workflow.'),\n    });\n  };\n\n  return (\n    <PageLayout\n      title=\"Workflows\"\n      description=\"Event-driven automation across your portfolio\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => setShowCreate(true)}\n          className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n        >\n          <Plus className=\"h-4 w-4\" /> New workflow\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-4\">\n        Workflows react to domain events — a new invoice, a detected renewal, a cancelled\n        relationship — and run multi-step automations. Draft a workflow, then activate it when\n        you're ready.\n      </PagePurpose>\n\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <select\n          aria-label=\"Filter by status\"\n          value={statusFilter}\n          onChange={(e) => setStatusFilter(e.target.value as '' | SubWorkflowStatus)}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          {STATUS_OPTIONS.map((o) => (\n            <option key={o.value} value={o.value}>\n              {o.label}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading workflows…\" />\n      ) : isError ? (\n        <ErrorView message=\"Could not load workflows.\" onRetry={() => void refetch()} />\n      ) : workflows.length === 0 ? (\n        <div className=\"mt-6\">\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<WorkflowIcon className=\"h-12 w-12\" />}\n            title=\"No workflows yet\"\n            description=\"Create your first event-driven workflow to automate your recurring portfolio.\"\n            action={\n              <button\n                type=\"button\"\n                onClick={() => setShowCreate(true)}\n                className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n              >\n                New workflow\n              </button>\n            }\n          />\n        </div>\n      ) : (\n        <div className=\"mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {workflows.map((wf) => (\n            <div\n              key={wf.id}\n              className=\"flex flex-col rounded-lg border border-border-subtle bg-bg-surface p-4\"\n            >\n              <div className=\"flex items-start justify-between gap-2\">\n                <span className=\"flex size-9 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\">\n                  <WorkflowIcon className=\"h-4 w-4\" />\n                </span>\n                <StatusBadge status={wf.status} />\n              </div>\n              <p className=\"mt-3 truncate text-sm font-semibold text-text-primary\">{wf.name}</p>\n              <p className=\"truncate text-xs text-text-secondary\">on {wf.triggerEvent}</p>\n              {wf.description && (\n                <p className=\"mt-2 line-clamp-2 text-xs text-text-secondary\">{wf.description}</p>\n              )}\n              <p className=\"mt-2 text-xs text-text-secondary\">\n                Ran {wf.runCount}×\n                {wf.lastRunAt ? ` · last ${formatRelativeTime(wf.lastRunAt)}` : ''}\n              </p>\n              {wf.status !== 'ACTIVE' && (\n                <button\n                  type=\"button\"\n                  disabled={activate.isPending}\n                  onClick={() => activate.mutate(wf.id)}\n                  className=\"mt-3 inline-flex items-center justify-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken disabled:opacity-50\"\n                >\n                  <Play className=\"h-3.5 w-3.5\" /> Activate\n                </button>\n              )}\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Create modal */}\n      {showCreate && (\n        <Modal title=\"New workflow\" onClose={closeCreate}>\n          <form onSubmit={handleCreate} className=\"space-y-4\">\n            {formError && (\n              <div className=\"rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text\">\n                {formError}\n              </div>\n            )}\n            <div>\n              <label htmlFor=\"wf-name\" className={labelCls}>\n                Name <span className=\"text-status-error-text\">*</span>\n              </label>\n              <input\n                id=\"wf-name\"\n                type=\"text\"\n                value={name}\n                onChange={(e) => setName(e.target.value)}\n                placeholder=\"e.g. Invoice → notify finance\"\n                className={inputCls}\n                required\n              />\n            </div>\n            <div>\n              <label htmlFor=\"wf-trigger\" className={labelCls}>\n                Trigger event <span className=\"text-status-error-text\">*</span>\n              </label>\n              <input\n                id=\"wf-trigger\"\n                type=\"text\"\n                value={triggerEvent}\n                onChange={(e) => setTriggerEvent(e.target.value)}\n                placeholder=\"e.g. InvoiceReceived, RenewalDetected\"\n                className={inputCls}\n                required\n              />\n            </div>\n            <div>\n              <label htmlFor=\"wf-desc\" className={labelCls}>\n                Description\n              </label>\n              <textarea\n                id=\"wf-desc\"\n                value={description}\n                onChange={(e) => setDescription(e.target.value)}\n                rows={3}\n                placeholder=\"What should this workflow do when the event fires?\"\n                className={inputCls}\n              />\n            </div>\n            <div className=\"flex justify-end gap-3\">\n              <button\n                type=\"button\"\n                onClick={closeCreate}\n                className=\"rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"submit\"\n                disabled={create.isPending}\n                className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50\"\n              >\n                {create.isPending ? 'Creating…' : 'Create workflow'}\n              </button>\n            </div>\n          </form>\n        </Modal>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkflowsPage.js","names":[],"sources":["../../../src/subscriberbot/pages/WorkflowsPage.tsx"],"sourcesContent":["/**\n * Workflows (Automation)\n * @module subscriberbot/pages\n *\n * The Workflow Engine — event-driven automation (\"when invoice arrives →\n * classify → update relationship → notify finance\"). List + create + activate.\n * Reads `subListWorkflows`; writes `subCreateWorkflow` / `subActivateWorkflow`.\n *\n * Opening a workflow renders a READ-ONLY horizontal step-flow derived from the\n * workflow's real `triggerEvent`, `name` and `status` (the svc contract does\n * not expose an editable step array — this is a truthful visualisation, not a\n * builder).\n */\n\nimport { useState } from 'react';\nimport {\n  Plus,\n  Workflow as WorkflowIcon,\n  Play,\n  Zap,\n  Sparkles,\n  CheckCircle2,\n  ArrowRight,\n  Clock,\n  X,\n} from 'lucide-react';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  StatusBadge,\n  EmptyState,\n  Modal,\n  MetricsCard,\n  LoadingView,\n  ErrorView,\n} from '../components';\nimport { useWorkflows, useCreateWorkflow, useActivateWorkflow } from '../hooks/useSubscriberBotApi';\nimport { formatRelativeTime } from '../utils/formatters';\nimport type { SubCreateWorkflowInput, SubWorkflow, SubWorkflowStatus } from '../types';\n\nconst STATUS_OPTIONS: Array<{ value: '' | SubWorkflowStatus; label: string }> = [\n  { value: '', label: 'All statuses' },\n  { value: 'ACTIVE', label: 'Active' },\n  { value: 'DRAFT', label: 'Draft' },\n  { value: 'PAUSED', label: 'Paused' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\nconst inputCls =\n  'w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]';\nconst labelCls = 'mb-1 block text-xs font-medium text-text-secondary';\n\n// ---------------------------------------------------------------------------\n// A single node in the read-only step flow.\n// ---------------------------------------------------------------------------\nfunction FlowNode({\n  icon,\n  kicker,\n  title,\n  sub,\n  accent,\n}: {\n  icon: React.ReactNode;\n  kicker: string;\n  title: string;\n  sub?: string;\n  /** Top accent bar tone. */\n  accent: 'trigger' | 'run' | 'done';\n}) {\n  const bar =\n    accent === 'done'\n      ? 'bg-status-success-text'\n      : accent === 'run'\n        ? 'bg-status-warning-text'\n        : 'bg-[var(--color-accent-indigo)]';\n  return (\n    <div className=\"w-48 shrink-0 overflow-hidden rounded-xl border border-border-subtle bg-bg-surface shadow-sm\">\n      <div className={`h-1 w-full ${bar}`} aria-hidden />\n      <div className=\"p-3\">\n        <span className=\"flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\">\n          {icon}\n        </span>\n        <p className=\"mt-2 text-[10px] font-medium uppercase tracking-wide text-text-secondary\">\n          {kicker}\n        </p>\n        <p className=\"truncate text-sm font-semibold text-text-primary\" title={title}>\n          {title}\n        </p>\n        {sub && <p className=\"mt-0.5 truncate text-xs text-text-secondary\">{sub}</p>}\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Read-only flow panel for the selected workflow.\n// ---------------------------------------------------------------------------\nfunction WorkflowFlowPanel({\n  workflow,\n  onClose,\n  onActivate,\n  activating,\n}: {\n  workflow: SubWorkflow;\n  onClose: () => void;\n  onActivate: () => void;\n  activating: boolean;\n}) {\n  const connector = (\n    <div className=\"flex shrink-0 items-center px-1 text-text-secondary\" aria-hidden>\n      <span className=\"h-px w-4 bg-border-seam sm:w-6\" />\n      <ArrowRight className=\"h-4 w-4\" />\n    </div>\n  );\n\n  return (\n    <GlassCard treatment=\"glass\" glow className=\"mt-6 p-5\">\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <p className=\"text-base font-semibold text-text-primary\">{workflow.name}</p>\n            <StatusBadge status={workflow.status} />\n          </div>\n          <p className=\"mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-text-secondary\">\n            <span className=\"tabular-nums\">Ran {workflow.runCount}×</span>\n            {workflow.lastRunAt && (\n              <span className=\"inline-flex items-center gap-1\">\n                <Clock className=\"h-3 w-3\" aria-hidden /> last{' '}\n                {formatRelativeTime(workflow.lastRunAt)}\n              </span>\n            )}\n          </p>\n        </div>\n        <button\n          type=\"button\"\n          onClick={onClose}\n          aria-label=\"Close flow\"\n          className=\"rounded-lg border border-border-subtle p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary\"\n        >\n          <X className=\"h-4 w-4\" />\n        </button>\n      </div>\n\n      {workflow.description && (\n        <p className=\"mt-2 max-w-3xl text-sm text-text-secondary\">{workflow.description}</p>\n      )}\n\n      {/* Horizontal read-only step flow (scrolls on small screens) */}\n      <div className=\"mt-4 overflow-x-auto pb-2\">\n        <div className=\"flex min-w-max items-stretch\">\n          <FlowNode\n            accent=\"trigger\"\n            kicker=\"When\"\n            icon={<Zap className=\"h-4 w-4\" />}\n            title={workflow.triggerEvent}\n            sub=\"Trigger event\"\n          />\n          {connector}\n          <FlowNode\n            accent=\"run\"\n            kicker=\"Run\"\n            icon={<Sparkles className=\"h-4 w-4\" />}\n            title={workflow.name}\n            sub=\"Automation\"\n          />\n          {connector}\n          <FlowNode\n            accent=\"done\"\n            kicker=\"Then\"\n            icon={<CheckCircle2 className=\"h-4 w-4\" />}\n            title={workflow.status === 'ACTIVE' ? 'Live' : 'Awaiting activation'}\n            sub={`Status: ${workflow.status.charAt(0) + workflow.status.slice(1).toLowerCase()}`}\n          />\n        </div>\n      </div>\n\n      {workflow.status !== 'ACTIVE' && (\n        <div className=\"mt-3 flex justify-end\">\n          <button\n            type=\"button\"\n            disabled={activating}\n            onClick={onActivate}\n            className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50\"\n          >\n            <Play className=\"h-4 w-4\" /> {activating ? 'Activating…' : 'Activate workflow'}\n          </button>\n        </div>\n      )}\n    </GlassCard>\n  );\n}\n\nexport function WorkflowsPage() {\n  const [statusFilter, setStatusFilter] = useState<'' | SubWorkflowStatus>('');\n  const [showCreate, setShowCreate] = useState(false);\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n\n  const { data, isLoading, isError, refetch } = useWorkflows(statusFilter || undefined);\n  const create = useCreateWorkflow();\n  const activate = useActivateWorkflow();\n\n  const [name, setName] = useState('');\n  const [triggerEvent, setTriggerEvent] = useState('');\n  const [description, setDescription] = useState('');\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const workflows = data ?? [];\n  const selected = workflows.find((w) => w.id === selectedId) ?? null;\n\n  // --- Real, computed aggregates -------------------------------------------\n  const activeCount = workflows.filter((w) => w.status === 'ACTIVE').length;\n  const totalRuns = workflows.reduce((s, w) => s + (w.runCount || 0), 0);\n\n  const resetForm = () => {\n    setName('');\n    setTriggerEvent('');\n    setDescription('');\n    setFormError(null);\n  };\n\n  const closeCreate = () => {\n    setShowCreate(false);\n    resetForm();\n  };\n\n  const handleCreate = (e: React.FormEvent) => {\n    e.preventDefault();\n    setFormError(null);\n    if (!name.trim() || !triggerEvent.trim()) {\n      setFormError('Name and trigger event are required.');\n      return;\n    }\n    const input: SubCreateWorkflowInput = {\n      name: name.trim(),\n      triggerEvent: triggerEvent.trim(),\n      ...(description.trim() ? { description: description.trim() } : {}),\n    };\n    create.mutate(input, {\n      onSuccess: () => {\n        resetForm();\n        setShowCreate(false);\n      },\n      onError: (err) =>\n        setFormError(err instanceof Error ? err.message : 'Could not create workflow.'),\n    });\n  };\n\n  return (\n    <PageLayout\n      title=\"Workflows\"\n      description=\"Event-driven automation across your portfolio\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => setShowCreate(true)}\n          className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n        >\n          <Plus className=\"h-4 w-4\" /> New workflow\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-4\">\n        Workflows react to domain events — a new invoice, a detected renewal, a cancelled\n        relationship — and run multi-step automations. Draft a workflow, then activate it when\n        you're ready.\n      </PagePurpose>\n\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <select\n          aria-label=\"Filter by status\"\n          value={statusFilter}\n          onChange={(e) => setStatusFilter(e.target.value as '' | SubWorkflowStatus)}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          {STATUS_OPTIONS.map((o) => (\n            <option key={o.value} value={o.value}>\n              {o.label}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading workflows…\" />\n      ) : isError ? (\n        <ErrorView message=\"Could not load workflows.\" onRetry={() => void refetch()} />\n      ) : workflows.length === 0 ? (\n        <div className=\"mt-6\">\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<WorkflowIcon className=\"h-12 w-12\" />}\n            title=\"No workflows yet\"\n            description=\"Create your first event-driven workflow to automate your recurring portfolio.\"\n            action={\n              <button\n                type=\"button\"\n                onClick={() => setShowCreate(true)}\n                className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n              >\n                New workflow\n              </button>\n            }\n          />\n        </div>\n      ) : (\n        <>\n          {/* Overview (computed) */}\n          <div className=\"mt-6 grid grid-cols-1 gap-4 sm:grid-cols-3\">\n            <MetricsCard\n              icon={<WorkflowIcon className=\"h-5 w-5\" />}\n              value={workflows.length}\n              label=\"Workflows\"\n            />\n            <MetricsCard icon={<Zap className=\"h-5 w-5\" />} value={activeCount} label=\"Active\" />\n            <MetricsCard icon={<Play className=\"h-5 w-5\" />} value={totalRuns} label=\"Total runs\" />\n          </div>\n\n          {/* Selected workflow flow */}\n          {selected && (\n            <WorkflowFlowPanel\n              workflow={selected}\n              onClose={() => setSelectedId(null)}\n              onActivate={() => activate.mutate(selected.id)}\n              activating={activate.isPending}\n            />\n          )}\n\n          {/* Workflow cards */}\n          <div className=\"mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {workflows.map((wf) => {\n              const isSelected = wf.id === selectedId;\n              return (\n                <GlassCard\n                  key={wf.id}\n                  treatment=\"metric\"\n                  glow={isSelected || wf.status === 'ACTIVE'}\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-pressed={isSelected}\n                  aria-label={`View flow for ${wf.name}`}\n                  onClick={() => setSelectedId(isSelected ? null : wf.id)}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault();\n                      setSelectedId(isSelected ? null : wf.id);\n                    }\n                  }}\n                  className=\"flex cursor-pointer flex-col p-5 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n                >\n                  <div className=\"flex items-start justify-between gap-2\">\n                    <span className=\"flex size-10 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary\">\n                      <WorkflowIcon className=\"h-5 w-5\" />\n                    </span>\n                    <StatusBadge status={wf.status} />\n                  </div>\n                  <p className=\"mt-3 truncate text-sm font-semibold text-text-primary\">{wf.name}</p>\n                  <p className=\"flex items-center gap-1 truncate text-xs text-text-secondary\">\n                    <Zap className=\"h-3 w-3 shrink-0\" aria-hidden /> on {wf.triggerEvent}\n                  </p>\n                  {wf.description && (\n                    <p className=\"mt-2 line-clamp-2 min-h-[2rem] text-xs text-text-secondary\">\n                      {wf.description}\n                    </p>\n                  )}\n                  <p className=\"mt-3 flex items-center gap-1.5 text-xs text-text-secondary tabular-nums\">\n                    <Play className=\"h-3.5 w-3.5\" aria-hidden /> Ran {wf.runCount}×\n                    {wf.lastRunAt ? ` · last ${formatRelativeTime(wf.lastRunAt)}` : ''}\n                  </p>\n                  {wf.status !== 'ACTIVE' && (\n                    <button\n                      type=\"button\"\n                      disabled={activate.isPending}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        activate.mutate(wf.id);\n                      }}\n                      className=\"mt-4 inline-flex items-center justify-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken disabled:opacity-50\"\n                    >\n                      <Play className=\"h-3.5 w-3.5\" /> Activate\n                    </button>\n                  )}\n                </GlassCard>\n              );\n            })}\n          </div>\n        </>\n      )}\n\n      {/* Create modal */}\n      {showCreate && (\n        <Modal title=\"New workflow\" onClose={closeCreate}>\n          <form onSubmit={handleCreate} className=\"space-y-4\">\n            {formError && (\n              <div className=\"rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text\">\n                {formError}\n              </div>\n            )}\n            <div>\n              <label htmlFor=\"wf-name\" className={labelCls}>\n                Name <span className=\"text-status-error-text\">*</span>\n              </label>\n              <input\n                id=\"wf-name\"\n                type=\"text\"\n                value={name}\n                onChange={(e) => setName(e.target.value)}\n                placeholder=\"e.g. Invoice → notify finance\"\n                className={inputCls}\n                required\n              />\n            </div>\n            <div>\n              <label htmlFor=\"wf-trigger\" className={labelCls}>\n                Trigger event <span className=\"text-status-error-text\">*</span>\n              </label>\n              <input\n                id=\"wf-trigger\"\n                type=\"text\"\n                value={triggerEvent}\n                onChange={(e) => setTriggerEvent(e.target.value)}\n                placeholder=\"e.g. InvoiceReceived, RenewalDetected\"\n                className={inputCls}\n                required\n              />\n            </div>\n            <div>\n              <label htmlFor=\"wf-desc\" className={labelCls}>\n                Description\n              </label>\n              <textarea\n                id=\"wf-desc\"\n                value={description}\n                onChange={(e) => setDescription(e.target.value)}\n                rows={3}\n                placeholder=\"What should this workflow do when the event fires?\"\n                className={inputCls}\n              />\n            </div>\n            <div className=\"flex justify-end gap-3\">\n              <button\n                type=\"button\"\n                onClick={closeCreate}\n                className=\"rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"submit\"\n                disabled={create.isPending}\n                className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50\"\n              >\n                {create.isPending ? 'Creating…' : 'Create workflow'}\n              </button>\n            </div>\n          </form>\n        </Modal>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/subscriberbot/pages/agents/AgentDetailPage.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Agent detail
+ * @module subscriberbot/pages/agents
+ *
+ * A single AI agent: its kind, posture, last run, and the autonomous policies
+ * that bound it. Reads `subAgent(id)`; changes posture via `subSetAgentStatus`.
+ * The "Run history" timeline is derived from the agent's real `lastRunAt` and
+ * each policy's real `lastTriggeredAt` — never mocked.
+ */
+export declare function AgentDetailPage(): import("react").JSX.Element;
+//# sourceMappingURL=AgentDetailPage.d.ts.map

package/dist/subscriberbot/pages/agents/AgentDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/subscriberbot/pages/agents/AgentDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAwRH,wBAAgB,eAAe,gCAmP9B"}