@burdenoff/microfe-subscriberbot 2026.827.1 → 2026.1014.1

package/dist/subscriberbot/pages/WorkflowsPage.js

@@ -7,56 +7,62 @@ 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";
+import { useTr as d } from "../hooks/useTr.js";
+import { useState as f } from "react";
+import { ArrowRight as p, CheckCircle2 as m, Clock as h, Play as g, Plus as _, Sparkles as v, Workflow as y, X as b, Zap as x } from "lucide-react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { GlassCard as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/WorkflowsPage.tsx
-var E = [
+var D = [
 	{
 		value: "",
-		label: "All statuses"
+		labelKey: "workflows.filters.allStatuses",
+		fallback: "All statuses"
 	},
 	{
 		value: "ACTIVE",
-		label: "Active"
+		labelKey: "workflows.filters.active",
+		fallback: "Active"
 	},
 	{
 		value: "DRAFT",
-		label: "Draft"
+		labelKey: "workflows.filters.draft",
+		fallback: "Draft"
 	},
 	{
 		value: "PAUSED",
-		label: "Paused"
+		labelKey: "workflows.filters.paused",
+		fallback: "Paused"
 	},
 	{
 		value: "ARCHIVED",
-		label: "Archived"
+		labelKey: "workflows.filters.archived",
+		fallback: "Archived"
 	}
-], 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", {
+], O = "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)]", k = "mb-1 block text-xs font-medium text-text-secondary";
+function A({ icon: e, kicker: t, title: n, sub: r, accent: i }) {
+	return /* @__PURE__ */ w("div", {
 		className: "w-48 shrink-0 overflow-hidden rounded-xl border border-border-subtle bg-bg-surface shadow-sm",
-		children: [/* @__PURE__ */ S("div", {
+		children: [/* @__PURE__ */ C("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", {
+		}), /* @__PURE__ */ w("div", {
 			className: "p-3",
 			children: [
-				/* @__PURE__ */ S("span", {
+				/* @__PURE__ */ C("span", {
 					className: "flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
 					children: e
 				}),
-				/* @__PURE__ */ S("p", {
+				/* @__PURE__ */ C("p", {
 					className: "mt-2 text-[10px] font-medium uppercase tracking-wide text-text-secondary",
 					children: t
 				}),
-				/* @__PURE__ */ S("p", {
+				/* @__PURE__ */ C("p", {
 					className: "truncate text-sm font-semibold text-text-primary",
 					title: n,
 					children: n
 				}),
-				r && /* @__PURE__ */ S("p", {
+				r && /* @__PURE__ */ C("p", {
 					className: "mt-0.5 truncate text-xs text-text-secondary",
 					children: r
 				})
@@ -64,339 +70,349 @@ function k({ icon: e, kicker: t, title: n, sub: r, accent: i }) {
 		})]
 	});
 }
-function A({ workflow: e, onClose: t, onActivate: i, activating: a }) {
-	let o = /* @__PURE__ */ C("div", {
+function j({ workflow: e, onClose: t, onActivate: i, activating: a }) {
+	let o = d(), s = /* @__PURE__ */ w("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, {
+		children: [/* @__PURE__ */ C("span", { className: "h-px w-4 bg-border-seam sm:w-6" }), /* @__PURE__ */ C(p, { className: "h-4 w-4" })]
+	}), c = e.status.charAt(0) + e.status.slice(1).toLowerCase();
+	return /* @__PURE__ */ w(T, {
 		treatment: "glass",
 		glow: !0,
 		className: "mt-6 p-5",
 		children: [
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ w("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ C("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ C("div", {
+					children: [/* @__PURE__ */ w("div", {
 						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ S("p", {
+						children: [/* @__PURE__ */ C("p", {
 							className: "text-base font-semibold text-text-primary",
 							children: e.name
-						}), /* @__PURE__ */ S(r, { status: e.status })]
-					}), /* @__PURE__ */ C("p", {
+						}), /* @__PURE__ */ C(r, { status: e.status })]
+					}), /* @__PURE__ */ w("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", {
+							children: o("workflows.flow.ran", "Ran {{count}}×", { count: e.runCount })
+						}), e.lastRunAt && /* @__PURE__ */ w("span", {
 							className: "inline-flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ S(m, {
+								/* @__PURE__ */ C(h, {
 									className: "h-3 w-3",
 									"aria-hidden": !0
 								}),
-								" last",
 								" ",
-								n(e.lastRunAt)
+								o("workflows.flow.lastRun", "last {{when}}", { when: n(e.lastRunAt) })
 							]
 						})]
 					})]
-				}), /* @__PURE__ */ S("button", {
+				}), /* @__PURE__ */ C("button", {
 					type: "button",
 					onClick: t,
-					"aria-label": "Close flow",
+					"aria-label": o("workflows.flow.closeAriaLabel", "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" })
+					children: /* @__PURE__ */ C(b, { className: "h-4 w-4" })
 				})]
 			}),
-			e.description && /* @__PURE__ */ S("p", {
+			e.description && /* @__PURE__ */ C("p", {
 				className: "mt-2 max-w-3xl text-sm text-text-secondary",
 				children: e.description
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ C("div", {
 				className: "mt-4 overflow-x-auto pb-2",
-				children: /* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ w("div", {
 					className: "flex min-w-max items-stretch",
 					children: [
-						/* @__PURE__ */ S(k, {
+						/* @__PURE__ */ C(A, {
 							accent: "trigger",
-							kicker: "When",
-							icon: /* @__PURE__ */ S(b, { className: "h-4 w-4" }),
+							kicker: o("workflows.flow.trigger", "When"),
+							icon: /* @__PURE__ */ C(x, { className: "h-4 w-4" }),
 							title: e.triggerEvent,
-							sub: "Trigger event"
+							sub: o("workflows.flow.triggerEvent", "Trigger event")
 						}),
-						o,
-						/* @__PURE__ */ S(k, {
+						s,
+						/* @__PURE__ */ C(A, {
 							accent: "run",
-							kicker: "Run",
-							icon: /* @__PURE__ */ S(_, { className: "h-4 w-4" }),
+							kicker: o("workflows.flow.run", "Run"),
+							icon: /* @__PURE__ */ C(v, { className: "h-4 w-4" }),
 							title: e.name,
-							sub: "Automation"
+							sub: o("workflows.flow.automation", "Automation")
 						}),
-						o,
-						/* @__PURE__ */ S(k, {
+						s,
+						/* @__PURE__ */ C(A, {
 							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()}`
+							kicker: o("workflows.flow.then", "Then"),
+							icon: /* @__PURE__ */ C(m, { className: "h-4 w-4" }),
+							title: e.status === "ACTIVE" ? o("workflows.flow.live", "Live") : o("workflows.flow.awaitingActivation", "Awaiting activation"),
+							sub: o("workflows.flow.status", "Status: {{status}}", { status: c })
 						})
 					]
 				})
 			}),
-			e.status !== "ACTIVE" && /* @__PURE__ */ S("div", {
+			e.status !== "ACTIVE" && /* @__PURE__ */ C("div", {
 				className: "mt-3 flex justify-end",
-				children: /* @__PURE__ */ C("button", {
+				children: /* @__PURE__ */ w("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" }),
+						/* @__PURE__ */ C(g, { className: "h-4 w-4" }),
 						" ",
-						a ? "Activating…" : "Activate workflow"
+						a ? o("common.activating", "Activating…") : o("workflows.flow.activate", "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();
+function M() {
+	let [p, m] = f(""), [h, v] = f(!1), [b, A] = f(null), M = d(), { data: N, isLoading: P, isError: F, refetch: I } = u(p || void 0), L = l(), R = c(), [z, B] = f(""), [V, H] = f(""), [U, W] = f(""), [G, K] = f(null), q = N ?? [], J = q.find((e) => e.id === b) ?? null, Y = q.filter((e) => e.status === "ACTIVE").length, X = q.reduce((e, t) => e + (t.runCount || 0), 0), Z = () => {
+		B(""), H(""), W(""), K(null);
+	}, Q = () => {
+		v(!1), Z();
 	};
-	return /* @__PURE__ */ C(e, {
-		title: "Workflows",
-		description: "Event-driven automation across your portfolio",
-		actions: /* @__PURE__ */ C("button", {
+	return /* @__PURE__ */ w(e, {
+		title: M("workflows.title", "Workflows"),
+		description: M("workflows.description", "Event-driven automation across your portfolio"),
+		actions: /* @__PURE__ */ w("button", {
 			type: "button",
-			onClick: () => _(!0),
+			onClick: () => v(!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__ */ S(g, { className: "h-4 w-4" }), " New workflow"]
+			children: [
+				/* @__PURE__ */ C(_, { className: "h-4 w-4" }),
+				" ",
+				M("workflows.newWorkflow", "New workflow")
+			]
 		}),
 		children: [
-			/* @__PURE__ */ S(T, {
+			/* @__PURE__ */ C(E, {
 				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."
+				children: M("workflows.purpose", "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__ */ S("div", {
+			/* @__PURE__ */ C("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: /* @__PURE__ */ S("select", {
-					"aria-label": "Filter by status",
-					value: f,
-					onChange: (e) => p(e.target.value),
+				children: /* @__PURE__ */ C("select", {
+					"aria-label": M("common.filter", "Filter"),
+					value: p,
+					onChange: (e) => m(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: E.map((e) => /* @__PURE__ */ S("option", {
+					children: D.map((e) => /* @__PURE__ */ C("option", {
 						value: e.value,
-						children: e.label
+						children: M(e.labelKey, e.fallback)
 					}, e.value))
 				})
 			}),
-			M ? /* @__PURE__ */ S(s, { label: "Loading workflows…" }) : N ? /* @__PURE__ */ S(o, {
-				message: "Could not load workflows.",
-				onRetry: () => void P()
-			}) : G.length === 0 ? /* @__PURE__ */ S("div", {
+			P ? /* @__PURE__ */ C(s, { label: M("workflows.loading", "Loading workflows…") }) : F ? /* @__PURE__ */ C(o, {
+				message: M("workflows.error", "Could not load workflows."),
+				onRetry: () => void I()
+			}) : q.length === 0 ? /* @__PURE__ */ C("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ S(i, {
+				children: /* @__PURE__ */ C(i, {
 					illustration: "empty-data",
-					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__ */ S("button", {
+					icon: /* @__PURE__ */ C(y, { className: "h-12 w-12" }),
+					title: M("workflows.empty.title", "No workflows yet"),
+					description: M("workflows.empty.description", "Create your first event-driven workflow to automate your recurring portfolio."),
+					action: /* @__PURE__ */ C("button", {
 						type: "button",
-						onClick: () => _(!0),
+						onClick: () => v(!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"
+						children: M("workflows.newWorkflow", "New workflow")
 					})
 				})
-			}) : /* @__PURE__ */ C(x, { children: [
-				/* @__PURE__ */ C("div", {
+			}) : /* @__PURE__ */ w(S, { children: [
+				/* @__PURE__ */ w("div", {
 					className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ S(t, {
-							icon: /* @__PURE__ */ S(v, { className: "h-5 w-5" }),
-							value: G.length,
-							label: "Workflows"
+						/* @__PURE__ */ C(t, {
+							icon: /* @__PURE__ */ C(y, { className: "h-5 w-5" }),
+							value: q.length,
+							label: M("workflows.metrics.workflows", "Workflows")
 						}),
-						/* @__PURE__ */ S(t, {
-							icon: /* @__PURE__ */ S(b, { className: "h-5 w-5" }),
-							value: q,
-							label: "Active"
+						/* @__PURE__ */ C(t, {
+							icon: /* @__PURE__ */ C(x, { className: "h-5 w-5" }),
+							value: Y,
+							label: M("workflows.metrics.active", "Active")
 						}),
-						/* @__PURE__ */ S(t, {
-							icon: /* @__PURE__ */ S(h, { className: "h-5 w-5" }),
-							value: J,
-							label: "Total runs"
+						/* @__PURE__ */ C(t, {
+							icon: /* @__PURE__ */ C(g, { className: "h-5 w-5" }),
+							value: X,
+							label: M("workflows.metrics.totalRuns", "Total runs")
 						})
 					]
 				}),
-				K && /* @__PURE__ */ S(A, {
-					workflow: K,
-					onClose: () => k(null),
-					onActivate: () => I.mutate(K.id),
-					activating: I.isPending
+				J && /* @__PURE__ */ C(j, {
+					workflow: J,
+					onClose: () => A(null),
+					onActivate: () => R.mutate(J.id),
+					activating: R.isPending
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ C("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, {
+					children: q.map((e) => {
+						let t = e.id === b;
+						return /* @__PURE__ */ w(T, {
 							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),
+							"aria-label": M("workflows.card.viewAriaLabel", "View flow for {{name}}", { name: e.name }),
+							onClick: () => A(t ? null : e.id),
 							onKeyDown: (n) => {
-								(n.key === "Enter" || n.key === " ") && (n.preventDefault(), k(t ? null : e.id));
+								(n.key === "Enter" || n.key === " ") && (n.preventDefault(), A(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", {
+								/* @__PURE__ */ w("div", {
 									className: "flex items-start justify-between gap-2",
-									children: [/* @__PURE__ */ S("span", {
+									children: [/* @__PURE__ */ C("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 })]
+										children: /* @__PURE__ */ C(y, { className: "h-5 w-5" })
+									}), /* @__PURE__ */ C(r, { status: e.status })]
 								}),
-								/* @__PURE__ */ S("p", {
+								/* @__PURE__ */ C("p", {
 									className: "mt-3 truncate text-sm font-semibold text-text-primary",
 									children: e.name
 								}),
-								/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ w("p", {
 									className: "flex items-center gap-1 truncate text-xs text-text-secondary",
 									children: [
-										/* @__PURE__ */ S(b, {
+										/* @__PURE__ */ C(x, {
 											className: "h-3 w-3 shrink-0",
 											"aria-hidden": !0
 										}),
-										" on ",
-										e.triggerEvent
+										" ",
+										M("workflows.card.onTrigger", "on {{trigger}}", { trigger: e.triggerEvent })
 									]
 								}),
-								e.description && /* @__PURE__ */ S("p", {
+								e.description && /* @__PURE__ */ C("p", {
 									className: "mt-2 line-clamp-2 min-h-[2rem] text-xs text-text-secondary",
 									children: e.description
 								}),
-								/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ w("p", {
 									className: "mt-3 flex items-center gap-1.5 text-xs text-text-secondary tabular-nums",
 									children: [
-										/* @__PURE__ */ S(h, {
+										/* @__PURE__ */ C(g, {
 											className: "h-3.5 w-3.5",
 											"aria-hidden": !0
 										}),
-										" Ran ",
-										e.runCount,
-										"×",
-										e.lastRunAt ? ` · last ${n(e.lastRunAt)}` : ""
+										" ",
+										M("workflows.flow.ran", "Ran {{count}}×", { count: e.runCount }),
+										e.lastRunAt ? ` · ${M("workflows.flow.lastRun", "last {{when}}", { when: n(e.lastRunAt) })}` : ""
 									]
 								}),
-								e.status !== "ACTIVE" && /* @__PURE__ */ C("button", {
+								e.status !== "ACTIVE" && /* @__PURE__ */ w("button", {
 									type: "button",
-									disabled: I.isPending,
+									disabled: R.isPending,
 									onClick: (t) => {
-										t.stopPropagation(), I.mutate(e.id);
+										t.stopPropagation(), R.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"]
+									children: [
+										/* @__PURE__ */ C(g, { className: "h-3.5 w-3.5" }),
+										" ",
+										M("common.activate", "Activate")
+									]
 								})
 							]
 						}, e.id);
 					})
 				})
 			] }),
-			m && /* @__PURE__ */ S(a, {
-				title: "New workflow",
-				onClose: X,
-				children: /* @__PURE__ */ C("form", {
+			h && /* @__PURE__ */ C(a, {
+				title: M("workflows.newWorkflow", "New workflow"),
+				onClose: Q,
+				children: /* @__PURE__ */ w("form", {
 					onSubmit: (e) => {
-						if (e.preventDefault(), W(null), !L.trim() || !z.trim()) {
-							W("Name and trigger event are required.");
+						if (e.preventDefault(), K(null), !z.trim() || !V.trim()) {
+							K(M("workflows.form.nameRequired", "Name and trigger event are required."));
 							return;
 						}
 						let t = {
-							name: L.trim(),
-							triggerEvent: z.trim(),
-							...V.trim() ? { description: V.trim() } : {}
+							name: z.trim(),
+							triggerEvent: V.trim(),
+							...U.trim() ? { description: U.trim() } : {}
 						};
-						F.mutate(t, {
+						L.mutate(t, {
 							onSuccess: () => {
-								Y(), _(!1);
+								Z(), v(!1);
 							},
-							onError: (e) => W(e instanceof Error ? e.message : "Could not create workflow.")
+							onError: (e) => K(e instanceof Error ? e.message : M("common.error", "An error occurred"))
 						});
 					},
 					className: "space-y-4",
 					children: [
-						U && /* @__PURE__ */ S("div", {
+						G && /* @__PURE__ */ C("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: U
+							children: G
 						}),
-						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("label", {
+						/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("label", {
 							htmlFor: "wf-name",
-							className: O,
-							children: ["Name ", /* @__PURE__ */ S("span", {
-								className: "text-status-error-text",
-								children: "*"
-							})]
-						}), /* @__PURE__ */ S("input", {
+							className: k,
+							children: [
+								M("workflows.form.nameLabel", "Name"),
+								" ",
+								/* @__PURE__ */ C("span", {
+									className: "text-status-error-text",
+									children: "*"
+								})
+							]
+						}), /* @__PURE__ */ C("input", {
 							id: "wf-name",
 							type: "text",
-							value: L,
-							onChange: (e) => R(e.target.value),
-							placeholder: "e.g. Invoice → notify finance",
-							className: D,
+							value: z,
+							onChange: (e) => B(e.target.value),
+							placeholder: M("workflows.form.namePlaceholder", "e.g. Invoice → notify finance"),
+							className: O,
 							required: !0
 						})] }),
-						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("label", {
+						/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("label", {
 							htmlFor: "wf-trigger",
-							className: O,
-							children: ["Trigger event ", /* @__PURE__ */ S("span", {
-								className: "text-status-error-text",
-								children: "*"
-							})]
-						}), /* @__PURE__ */ S("input", {
+							className: k,
+							children: [
+								M("workflows.form.triggerLabel", "Trigger event"),
+								" ",
+								/* @__PURE__ */ C("span", {
+									className: "text-status-error-text",
+									children: "*"
+								})
+							]
+						}), /* @__PURE__ */ C("input", {
 							id: "wf-trigger",
 							type: "text",
-							value: z,
-							onChange: (e) => B(e.target.value),
-							placeholder: "e.g. InvoiceReceived, RenewalDetected",
-							className: D,
+							value: V,
+							onChange: (e) => H(e.target.value),
+							placeholder: M("workflows.form.triggerPlaceholder", "e.g. InvoiceReceived, RenewalDetected"),
+							className: O,
 							required: !0
 						})] }),
-						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+						/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
 							htmlFor: "wf-desc",
-							className: O,
-							children: "Description"
-						}), /* @__PURE__ */ S("textarea", {
+							className: k,
+							children: M("workflows.form.descriptionLabel", "Description")
+						}), /* @__PURE__ */ C("textarea", {
 							id: "wf-desc",
-							value: V,
-							onChange: (e) => H(e.target.value),
+							value: U,
+							onChange: (e) => W(e.target.value),
 							rows: 3,
-							placeholder: "What should this workflow do when the event fires?",
-							className: D
+							placeholder: M("workflows.form.descriptionPlaceholder", "What should this workflow do when the event fires?"),
+							className: O
 						})] }),
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ w("div", {
 							className: "flex justify-end gap-3",
-							children: [/* @__PURE__ */ S("button", {
+							children: [/* @__PURE__ */ C("button", {
 								type: "button",
-								onClick: X,
+								onClick: Q,
 								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__ */ S("button", {
+								children: M("common.cancel", "Cancel")
+							}), /* @__PURE__ */ C("button", {
 								type: "submit",
-								disabled: F.isPending,
+								disabled: L.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: F.isPending ? "Creating…" : "Create workflow"
+								children: L.isPending ? M("workflows.creating", "Creating…") : M("workflows.createWorkflow", "Create workflow")
 							})]
 						})
 					]
@@ -406,6 +422,6 @@ function j() {
 	});
 }
 //#endregion
-export { j as WorkflowsPage };
+export { M as WorkflowsPage };
 
 //# sourceMappingURL=WorkflowsPage.js.map