@burdenoff/microfe-bigconsole 2026.924.2 → 2026.925.1

package/dist/bigconsole/pages/WorkflowViewPage.js

@@ -1,135 +1,135 @@
 import { useAppNavigate as e } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
-import { SECTION_FOCUS_RING as t, sectionSurfaceClasses as n } from "../components/common/sectionStyles.js";
-import { Section as r, SectionStack as i } from "../components/common/Section.js";
-import "../components/common/index.js";
-import ee from "../hooks/useWorkflowOperations.js";
-import { BOOTSTRAP_RETRY_DELAY_MS as te } from "../constants.js";
-import { useBigConsole as a } from "../context/BigConsoleContext.js";
+import t from "../hooks/useWorkflowOperations.js";
+import { BOOTSTRAP_RETRY_DELAY_MS as n } from "../constants.js";
+import { useBigConsole as r } from "../context/BigConsoleContext.js";
 import "../context/index.js";
-import { BIGCONSOLE_PERMISSIONS as o } from "../../constants/permissions.js";
-import { isNative as s, nativeCopyText as c, nativeNotify as l, nativeToast as ne } from "../../utils/nativeBridge.js";
-import re from "../components/workflow/WorkflowStatusBadge.js";
-import ie from "../components/workflow/WorkflowDeleteDialog.js";
-import { memo as u, useCallback as d, useEffect as ae, useState as f } from "react";
-import { useParams as p } from "react-router";
-import { AccessDenied as m, PermissionButton as h } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as oe } from "@burdenoff/fe-libs/shared/providers/shell";
-import { useI18n as se } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as g, IllustratedEmptyState as _, NextSteps as ce, PagePurpose as le, Spinner as ue } from "@burdenoff/fe-libs/ui";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { WorkflowBuilder as de } from "@burdenoff/fluidgrids-fe-sdk";
-import { formatDistanceToNow as x } from "date-fns";
+import { SECTION_FOCUS_RING as i, sectionSurfaceClasses as ee } from "../components/common/sectionStyles.js";
+import { Section as a, SectionStack as o } from "../components/common/Section.js";
+import "../components/common/index.js";
+import { BIGCONSOLE_PERMISSIONS as s } from "../../constants/permissions.js";
+import { isNative as c, nativeCopyText as te, nativeNotify as l, nativeToast as u } from "../../utils/nativeBridge.js";
+import ne from "../components/workflow/WorkflowStatusBadge.js";
+import d from "../components/workflow/WorkflowDeleteDialog.js";
+import { memo as f, useCallback as p, useEffect as re, useState as m } from "react";
+import { useParams as h } from "react-router";
+import { AccessDenied as g, PermissionButton as _ } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as ie } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Button as v, IllustratedEmptyState as y, NextSteps as ae, PagePurpose as oe, Spinner as se } from "@burdenoff/fe-libs/ui";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { WorkflowBuilder as ce } from "@burdenoff/fluidgrids-fe-sdk";
+import { useI18n as le } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { formatDistanceToNow as C } from "date-fns";
 //#region src/bigconsole/pages/WorkflowViewPage.tsx
-var fe = ({ className: e }) => /* @__PURE__ */ y("svg", {
+var ue = ({ className: e }) => /* @__PURE__ */ x("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ y("path", {
+	children: /* @__PURE__ */ x("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M15 19l-7-7 7-7"
 	})
-}), pe = ({ className: e }) => /* @__PURE__ */ y("svg", {
+}), de = ({ className: e }) => /* @__PURE__ */ x("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ y("path", {
+	children: /* @__PURE__ */ x("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"
 	})
-}), me = ({ className: e }) => /* @__PURE__ */ y("svg", {
+}), fe = ({ className: e }) => /* @__PURE__ */ x("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ y("path", {
+	children: /* @__PURE__ */ x("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
 	})
-}), he = ({ className: e }) => /* @__PURE__ */ b("svg", {
+}), pe = ({ className: e }) => /* @__PURE__ */ S("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: [/* @__PURE__ */ y("path", {
+	children: [/* @__PURE__ */ x("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"
-	}), /* @__PURE__ */ y("path", {
+	}), /* @__PURE__ */ x("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 	})]
-}), ge = ({ className: e }) => /* @__PURE__ */ y("svg", {
+}), me = ({ className: e }) => /* @__PURE__ */ x("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ y("path", {
+	children: /* @__PURE__ */ x("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
 	})
-}), _e = ({ className: e }) => /* @__PURE__ */ y("svg", {
+}), he = ({ className: e }) => /* @__PURE__ */ x("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ y("path", {
+	children: /* @__PURE__ */ x("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M5 13l4 4L19 7"
 	})
-}), ve = ({ className: e }) => /* @__PURE__ */ y("svg", {
+}), ge = ({ className: e }) => /* @__PURE__ */ x("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ y("path", {
+	children: /* @__PURE__ */ x("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4"
 	})
-}), ye = ({ className: e }) => /* @__PURE__ */ y("svg", {
+}), _e = ({ className: e }) => /* @__PURE__ */ x("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ y("path", {
+	children: /* @__PURE__ */ x("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M19 9l-7 7-7-7"
 	})
-}), S = u(function() {
-	let u = e(), { t: S } = se(), { workflowId: C } = p(), { apiGatewayUrl: w, authToken: T, workspaceId: E } = a(), { hasPermission: D, isLoading: O } = oe(), k = D(o.WORKFLOW_READ), A = D(o.WORKFLOW_UPDATE);
-	D(o.WORKFLOW_DELETE);
-	let j = D(o.WORKFLOW_EXECUTE), [M, N] = f(null), [P, F] = f(!1), [, I] = f(!1), [L, R] = f(!1), [be, z] = f(!1), [B, V] = f(!1), [xe, H] = f(!1), [U, W] = f(null), { loading: Se, error: G, fetchWorkflow: K, deleteWorkflow: q, executeWorkflow: J, pollWorkflowExecution: Y } = ee({ skipFetch: !0 });
-	ae(() => {
-		if (!C) {
+}), w = f(function() {
+	let f = e(), { t: w } = le(), { workflowId: T } = h(), { apiGatewayUrl: ve, authToken: ye, workspaceId: E } = r(), { hasPermission: D, isLoading: O } = ie(), k = D(s.WORKFLOW_READ), A = D(s.WORKFLOW_UPDATE);
+	D(s.WORKFLOW_DELETE);
+	let j = D(s.WORKFLOW_EXECUTE), [M, N] = m(null), [P, F] = m(!1), [, I] = m(!1), [L, R] = m(!1), [be, z] = m(!1), [B, V] = m(!1), [xe, H] = m(!1), [U, W] = m(null), { loading: Se, error: G, fetchWorkflow: K, deleteWorkflow: q, executeWorkflow: J, pollWorkflowExecution: Y } = t({ skipFetch: !0 });
+	re(() => {
+		if (!T) {
 			H(!0);
 			return;
 		}
-		let e = !1, t = async (n) => {
+		let e = !1, t = async (r) => {
 			try {
-				let r = await K(C);
+				let i = await K(T);
 				if (e) return;
-				r ? (N(r), H(!0)) : n === 0 ? setTimeout(() => {
+				i ? (N(i), H(!0)) : r === 0 ? setTimeout(() => {
 					e || t(1);
-				}, te) : H(!0);
+				}, n) : H(!0);
 			} catch {
 				e || H(!0);
 			}
@@ -137,32 +137,32 @@ var fe = ({ className: e }) => /* @__PURE__ */ y("svg", {
 		return t(0), () => {
 			e = !0;
 		};
-	}, [C, K]);
-	let Ce = d(() => {
-		u("/workflows");
-	}, [u]), X = d(() => {
-		u(`/workflows/${C}/edit`);
-	}, [u, C]), we = d(async () => {
-		if (C) {
+	}, [T, K]);
+	let Ce = p(() => {
+		f("/workflows");
+	}, [f]), X = p(() => {
+		f(`/workflows/${T}/edit`);
+	}, [f, T]), we = p(async () => {
+		if (T) {
 			I(!0);
 			try {
-				await q(C) ? (s() && l("success"), u("/workflows")) : s() && l("error");
+				await q(T) ? (c() && l("success"), f("/workflows")) : c() && l("error");
 			} catch {
-				s() && l("error");
+				c() && l("error");
 			} finally {
 				I(!1), F(!1);
 			}
 		}
 	}, [
-		C,
+		T,
 		q,
-		u
-	]), Z = d(async () => {
-		if (!C) return;
+		f
+	]), Z = p(async () => {
+		if (!T) return;
 		R(!0), W(null);
 		let e = Date.now();
 		try {
-			let t = await J(C);
+			let t = await J(T);
 			if (t) {
 				let n = Date.now() - e;
 				t.externalWorkflowId ? (W({
@@ -170,11 +170,11 @@ var fe = ({ className: e }) => /* @__PURE__ */ y("svg", {
 					output: {
 						externalWorkflowId: t.externalWorkflowId,
 						executionCount: t.executionCount,
-						status: S("bigconsole.workflows.view.executionTriggeredPolling", "Triggered — polling for completion...")
+						status: w("bigconsole.workflows.view.executionTriggeredPolling", "Triggered — polling for completion...")
 					},
 					error: null,
 					executionTimeMs: n
-				}), Y(C, {
+				}), Y(T, {
 					intervalMs: 3e3,
 					timeoutMs: 12e4,
 					onProgress: (e) => {
@@ -185,7 +185,7 @@ var fe = ({ className: e }) => /* @__PURE__ */ y("svg", {
 						...n,
 						output: {
 							...n.output || {},
-							status: t.status === "error" ? S("bigconsole.workflows.view.executionStatusFailed", "Failed") : S("bigconsole.workflows.view.executionStatusCompleted", "Completed"),
+							status: t.status === "error" ? w("bigconsole.workflows.view.executionStatusFailed", "Failed") : w("bigconsole.workflows.view.executionStatusCompleted", "Completed"),
 							executionCount: t.executionCount,
 							lastExecutedAt: t.lastExecutedAt
 						},
@@ -196,380 +196,380 @@ var fe = ({ className: e }) => /* @__PURE__ */ y("svg", {
 					output: {
 						executionCount: t.executionCount,
 						lastExecutedAt: t.lastExecutedAt,
-						status: S("bigconsole.workflows.view.executionStatusCompleted", "Completed")
+						status: w("bigconsole.workflows.view.executionStatusCompleted", "Completed")
 					},
 					error: null,
 					executionTimeMs: n
 				});
-				let r = await K(C);
+				let r = await K(T);
 				r && N(r);
 			}
 		} catch (t) {
 			W({
 				success: !1,
 				output: null,
-				error: t instanceof Error ? t.message : S("bigconsole.workflows.errors.executionFailed", "Execution failed"),
+				error: t instanceof Error ? t.message : w("bigconsole.workflows.errors.executionFailed", "Execution failed"),
 				executionTimeMs: Date.now() - e
 			});
 		} finally {
 			R(!1);
 		}
 	}, [
-		C,
+		T,
 		J,
 		K,
 		Y,
-		S
-	]), Te = d(async () => {
+		w
+	]), Te = p(async () => {
 		if (M?.webhookUrl) try {
-			await c(M.webhookUrl), z(!0), s() && ne(S("bigconsole.workflows.view.webhookCopiedToast", "Webhook copied")), setTimeout(() => z(!1), 2e3);
+			await te(M.webhookUrl), z(!0), c() && u(w("bigconsole.workflows.view.webhookCopiedToast", "Webhook copied")), setTimeout(() => z(!1), 2e3);
 		} catch {}
-	}, [M?.webhookUrl, S]), Ee = d((e) => {
-		u(`/datasinks/${e}`);
-	}, [u]), Q = /* @__PURE__ */ b("button", {
+	}, [M?.webhookUrl, w]), Ee = p((e) => {
+		f(`/datasinks/${e}`);
+	}, [f]), Q = /* @__PURE__ */ S("button", {
 		type: "button",
 		onClick: Ce,
-		className: `inline-flex min-h-[var(--size-controlHeight-md)] items-center gap-1 rounded-button text-sm text-text-secondary motion-safe:transition-colors hover:text-text-primary ${t}`,
-		children: [/* @__PURE__ */ y(fe, { className: "w-4 h-4" }), S("bigconsole.workflows.view.backToWorkflows", "Back to Workflows")]
+		className: `inline-flex min-h-[var(--size-controlHeight-md)] items-center gap-1 rounded-button text-sm text-text-secondary motion-safe:transition-colors hover:text-text-primary ${i}`,
+		children: [/* @__PURE__ */ x(ue, { className: "w-4 h-4" }), w("bigconsole.workflows.view.backToWorkflows", "Back to Workflows")]
 	});
-	if (!xe || Se && !M || O) return /* @__PURE__ */ y("div", {
+	if (!xe || Se && !M || O) return /* @__PURE__ */ x("div", {
 		className: "mx-auto flex min-h-[400px] max-w-5xl items-center justify-center p-4 sm:p-[var(--space-pagePadding)]",
-		children: /* @__PURE__ */ y(ue, { size: "lg" })
+		children: /* @__PURE__ */ x(se, { size: "lg" })
 	});
-	if (!k) return /* @__PURE__ */ y(m, {
-		title: S("bigconsole.workflows.errors.accessDeniedTitle", "Access Denied"),
-		description: S("bigconsole.workflows.errors.accessDeniedViewDescription", "You don't have permission to view this workflow.")
+	if (!k) return /* @__PURE__ */ x(g, {
+		title: w("bigconsole.workflows.errors.accessDeniedTitle", "Access Denied"),
+		description: w("bigconsole.workflows.errors.accessDeniedViewDescription", "You don't have permission to view this workflow.")
 	});
-	if (G || !M) return /* @__PURE__ */ y("div", {
+	if (G || !M) return /* @__PURE__ */ x("div", {
 		className: "mx-auto max-w-5xl p-4 sm:p-[var(--space-pagePadding)]",
-		children: /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y("div", { children: Q }), /* @__PURE__ */ y("section", {
+		children: /* @__PURE__ */ S(o, { children: [/* @__PURE__ */ x("div", { children: Q }), /* @__PURE__ */ x("section", {
 			"aria-label": "Workflow not found",
 			"data-section-emphasis": "standard",
 			"data-testid": "workflow-not-found",
-			className: n("standard"),
-			children: /* @__PURE__ */ y(_, {
+			className: ee("standard"),
+			children: /* @__PURE__ */ x(y, {
 				illustration: "empty-data",
-				title: S("bigconsole.workflows.view.notFoundTitle", "Workflow not found"),
-				description: G?.message || S("bigconsole.workflows.view.notFoundDescription", "The workflow you are looking for does not exist.")
+				title: w("bigconsole.workflows.view.notFoundTitle", "Workflow not found"),
+				description: G?.message || w("bigconsole.workflows.view.notFoundDescription", "The workflow you are looking for does not exist.")
 			})
 		})] })
 	});
 	let $ = M.dataSinkLinks?.length || 0, De = !!M.externalWorkflowId, Oe = [
 		...j ? [{
 			id: "execute",
-			label: S("bigconsole.workflows.view.nextStepExecuteLabel", "Run the workflow"),
-			description: S("bigconsole.workflows.view.nextStepExecuteDescription", "Trigger an execution to pull fresh data now."),
+			label: w("bigconsole.workflows.view.nextStepExecuteLabel", "Run the workflow"),
+			description: w("bigconsole.workflows.view.nextStepExecuteDescription", "Trigger an execution to pull fresh data now."),
 			onClick: Z
 		}] : [],
 		{
 			id: "design",
-			label: S("bigconsole.workflows.view.nextStepDesignLabel", "Inspect the design"),
-			description: S("bigconsole.workflows.view.nextStepDesignDescription", "Expand the read-only preview to see each step."),
+			label: w("bigconsole.workflows.view.nextStepDesignLabel", "Inspect the design"),
+			description: w("bigconsole.workflows.view.nextStepDesignDescription", "Expand the read-only preview to see each step."),
 			onClick: () => V(!0)
 		},
 		...A ? [{
 			id: "edit",
-			label: S("bigconsole.workflows.view.nextStepEditLabel", "Edit in the builder"),
-			description: S("bigconsole.workflows.view.nextStepEditDescription", "Open the FluidGrids visual builder to change the flow."),
+			label: w("bigconsole.workflows.view.nextStepEditLabel", "Edit in the builder"),
+			description: w("bigconsole.workflows.view.nextStepEditDescription", "Open the FluidGrids visual builder to change the flow."),
 			onClick: X
 		}] : [],
 		{
 			id: "sinks",
-			label: S("bigconsole.workflows.view.nextStepSinksLabel", "Check the linked data sinks"),
-			description: S("bigconsole.workflows.view.nextStepSinksDescription", "See where this workflow writes its output."),
-			onClick: () => u("/datasinks")
+			label: w("bigconsole.workflows.view.nextStepSinksLabel", "Check the linked data sinks"),
+			description: w("bigconsole.workflows.view.nextStepSinksDescription", "See where this workflow writes its output."),
+			onClick: () => f("/datasinks")
 		}
 	];
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ S("div", {
 		className: "mx-auto max-w-5xl p-4 sm:p-[var(--space-pagePadding)]",
-		children: [/* @__PURE__ */ b(i, { children: [
-			/* @__PURE__ */ b("header", {
+		children: [/* @__PURE__ */ S(o, { children: [
+			/* @__PURE__ */ S("header", {
 				"data-section-emphasis": "bare",
 				className: "min-w-0",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ x("div", {
 					className: "mb-form-gap",
 					children: Q
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ S("div", {
 					className: "flex flex-col gap-form-gap md:flex-row md:items-start md:justify-between",
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ S("div", {
 						className: "min-w-0",
 						children: [
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ S("div", {
 								className: "flex flex-wrap items-center gap-icon-gap",
-								children: [/* @__PURE__ */ y("h1", {
+								children: [/* @__PURE__ */ x("h1", {
 									className: "break-words text-2xl font-bold text-text-primary",
 									children: M.name
-								}), /* @__PURE__ */ y(re, { status: M.status })]
+								}), /* @__PURE__ */ x(ne, { status: M.status })]
 							}),
-							/* @__PURE__ */ y("p", {
+							/* @__PURE__ */ x("p", {
 								className: "mt-1 break-all font-mono text-sm text-text-secondary",
 								children: M.key
 							}),
-							M.externalWorkflowId && /* @__PURE__ */ b("p", {
+							M.externalWorkflowId && /* @__PURE__ */ S("p", {
 								className: "mt-1 text-xs text-text-muted",
 								children: [
-									S("bigconsole.workflows.view.fluidGridsIdLabel", "FluidGrids ID:"),
+									w("bigconsole.workflows.view.fluidGridsIdLabel", "FluidGrids ID:"),
 									" ",
-									/* @__PURE__ */ y("span", {
+									/* @__PURE__ */ x("span", {
 										className: "break-all font-mono",
 										children: M.externalWorkflowId
 									})
 								]
 							})
 						]
-					}), /* @__PURE__ */ b("div", {
+					}), /* @__PURE__ */ S("div", {
 						className: "flex flex-wrap items-center gap-control-gap",
 						children: [
-							/* @__PURE__ */ y(h, {
-								permission: o.WORKFLOW_EXECUTE,
+							/* @__PURE__ */ x(_, {
+								permission: s.WORKFLOW_EXECUTE,
 								deniedBehavior: "disable",
-								children: /* @__PURE__ */ b(g, {
+								children: /* @__PURE__ */ S(v, {
 									size: "lg",
 									onClick: Z,
 									disabled: L,
-									children: [/* @__PURE__ */ y(he, { className: "w-4 h-4" }), L ? S("bigconsole.workflows.actions.executing", "Executing...") : S("bigconsole.workflows.actions.execute", "Execute")]
+									children: [/* @__PURE__ */ x(pe, { className: "w-4 h-4" }), L ? w("bigconsole.workflows.actions.executing", "Executing...") : w("bigconsole.workflows.actions.execute", "Execute")]
 								})
 							}),
-							/* @__PURE__ */ y(h, {
-								permission: o.WORKFLOW_UPDATE,
+							/* @__PURE__ */ x(_, {
+								permission: s.WORKFLOW_UPDATE,
 								deniedBehavior: "disable",
-								children: /* @__PURE__ */ b(g, {
+								children: /* @__PURE__ */ S(v, {
 									size: "lg",
 									variant: "outline",
 									onClick: X,
-									children: [/* @__PURE__ */ y(pe, { className: "w-4 h-4" }), S("bigconsole.workflows.actions.edit", "Edit")]
+									children: [/* @__PURE__ */ x(de, { className: "w-4 h-4" }), w("bigconsole.workflows.actions.edit", "Edit")]
 								})
 							}),
-							/* @__PURE__ */ y(h, {
-								permission: o.WORKFLOW_DELETE,
+							/* @__PURE__ */ x(_, {
+								permission: s.WORKFLOW_DELETE,
 								deniedBehavior: "hide",
-								children: /* @__PURE__ */ b(g, {
+								children: /* @__PURE__ */ S(v, {
 									size: "lg",
 									variant: "ghost",
 									onClick: () => F(!0),
 									className: "text-[var(--color-status-error-text)] hover:bg-status-error-bg/10 hover:text-[var(--color-status-error-text)]",
-									children: [/* @__PURE__ */ y(me, { className: "w-4 h-4" }), S("bigconsole.workflows.actions.delete", "Delete")]
+									children: [/* @__PURE__ */ x(fe, { className: "w-4 h-4" }), w("bigconsole.workflows.actions.delete", "Delete")]
 								})
 							})
 						]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ y(le, { children: S("bigconsole.workflows.view.purpose", "A workflow is the visual ETL job that feeds this BigConsole — it fetches, transforms, and delivers data into linked data sinks. From here you can run it on demand, inspect its design and execution history, copy its webhook trigger, and edit it in the visual builder.") }),
-			/* @__PURE__ */ y(ce, {
+			/* @__PURE__ */ x(oe, { children: w("bigconsole.workflows.view.purpose", "A workflow is the visual ETL job that feeds this BigConsole — it fetches, transforms, and delivers data into linked data sinks. From here you can run it on demand, inspect its design and execution history, copy its webhook trigger, and edit it in the visual builder.") }),
+			/* @__PURE__ */ x(ae, {
 				storageKey: "bigconsole-workflow-view",
 				steps: Oe
 			}),
-			U && /* @__PURE__ */ b(r, {
+			U && /* @__PURE__ */ S(a, {
 				headingLevel: 2,
 				tone: U.success ? "success" : "danger",
-				title: U.success ? S("bigconsole.workflows.view.executionResultTriggered", "Execution Triggered") : S("bigconsole.workflows.view.executionResultFailed", "Execution Failed"),
+				title: U.success ? w("bigconsole.workflows.view.executionResultTriggered", "Execution Triggered") : w("bigconsole.workflows.view.executionResultFailed", "Execution Failed"),
 				description: U.success ? "The run was accepted. Results refresh below as the run progresses." : "The run could not be started. The detail below comes straight from the workflow service.",
-				meta: /* @__PURE__ */ b("span", {
+				meta: /* @__PURE__ */ S("span", {
 					className: "rounded-pill bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
 					children: [U.executionTimeMs, "ms"]
 				}),
 				"data-testid": "workflow-execution-result",
-				children: [U.error ? /* @__PURE__ */ y("p", {
+				children: [U.error ? /* @__PURE__ */ x("p", {
 					className: "break-words text-sm text-[var(--color-status-error-text)]",
 					children: U.error
-				}) : /* @__PURE__ */ y("pre", {
+				}) : /* @__PURE__ */ x("pre", {
 					className: "max-h-[200px] min-w-0 overflow-auto rounded-card bg-bg-sunken p-2 font-mono text-xs text-text-secondary",
 					children: JSON.stringify(U.output, null, 2)
-				}), U.runId && /* @__PURE__ */ b("p", {
+				}), U.runId && /* @__PURE__ */ S("p", {
 					className: "mt-2 text-xs text-text-muted",
 					children: [
-						S("bigconsole.workflows.view.runIdLabel", "Run ID:"),
+						w("bigconsole.workflows.view.runIdLabel", "Run ID:"),
 						" ",
-						/* @__PURE__ */ y("span", {
+						/* @__PURE__ */ x("span", {
 							className: "break-all font-mono",
 							children: U.runId
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "grid grid-cols-1 gap-section-gap md:grid-cols-2",
-				children: [/* @__PURE__ */ y(r, {
+				children: [/* @__PURE__ */ x(a, {
 					headingLevel: 2,
 					emphasis: "muted",
-					title: S("bigconsole.workflows.view.descriptionLabel", "Description"),
+					title: w("bigconsole.workflows.view.descriptionLabel", "Description"),
 					description: "What this workflow is for, as entered by its author.",
-					children: /* @__PURE__ */ y("p", {
+					children: /* @__PURE__ */ x("p", {
 						className: "break-words text-sm text-text-primary",
-						children: M.description || S("bigconsole.workflows.view.noDescription", "No description")
+						children: M.description || w("bigconsole.workflows.view.noDescription", "No description")
 					})
-				}), /* @__PURE__ */ y(r, {
+				}), /* @__PURE__ */ x(a, {
 					headingLevel: 2,
 					emphasis: De ? "standard" : "primary",
-					title: S("bigconsole.workflows.view.executionStatsLabel", "Execution Stats"),
+					title: w("bigconsole.workflows.view.executionStatsLabel", "Execution Stats"),
 					description: "How often this workflow has run, and when it last did.",
 					"data-testid": "workflow-execution-stats",
-					children: /* @__PURE__ */ b("div", {
+					children: /* @__PURE__ */ S("div", {
 						className: "grid grid-cols-1 gap-form-gap sm:grid-cols-2",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ S("div", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-2xl font-bold text-text-primary",
 								children: M.executionCount
-							}), /* @__PURE__ */ y("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary",
-								children: S("bigconsole.workflows.view.totalExecutionsLabel", "Total Executions")
+								children: w("bigconsole.workflows.view.totalExecutionsLabel", "Total Executions")
 							})]
-						}), /* @__PURE__ */ b("div", {
+						}), /* @__PURE__ */ S("div", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-sm font-medium text-text-primary",
-								children: M.lastExecutedAt ? x(new Date(M.lastExecutedAt), { addSuffix: !0 }) : S("bigconsole.workflows.view.never", "Never")
-							}), /* @__PURE__ */ y("p", {
+								children: M.lastExecutedAt ? C(new Date(M.lastExecutedAt), { addSuffix: !0 }) : w("bigconsole.workflows.view.never", "Never")
+							}), /* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary",
-								children: S("bigconsole.workflows.view.lastExecutedLabel", "Last Executed")
+								children: w("bigconsole.workflows.view.lastExecutedLabel", "Last Executed")
 							})]
 						})]
 					})
 				})]
 			}),
-			M.externalWorkflowId && /* @__PURE__ */ y(r, {
+			M.externalWorkflowId && /* @__PURE__ */ x(a, {
 				headingLevel: 2,
 				emphasis: "primary",
-				title: S("bigconsole.workflows.view.designPreviewTitle", "Workflow Design Preview"),
+				title: w("bigconsole.workflows.view.designPreviewTitle", "Workflow Design Preview"),
 				description: "The steps this workflow runs, read-only. Open the builder to change them.",
-				actions: /* @__PURE__ */ b(g, {
+				actions: /* @__PURE__ */ S(v, {
 					variant: "outline",
 					size: "sm",
 					"aria-expanded": B,
 					"aria-controls": "workflow-design-canvas",
 					onClick: () => V((e) => !e),
-					children: [B ? "Hide design" : "Show design", /* @__PURE__ */ y(ye, { className: `w-4 h-4 motion-safe:transition-transform ${B ? "rotate-180" : ""}` })]
+					children: [B ? "Hide design" : "Show design", /* @__PURE__ */ x(_e, { className: `w-4 h-4 motion-safe:transition-transform ${B ? "rotate-180" : ""}` })]
 				}),
 				"data-testid": "workflow-design-preview",
-				children: B ? /* @__PURE__ */ y("div", {
+				children: B ? /* @__PURE__ */ x("div", {
 					id: "workflow-design-canvas",
 					className: "h-[320px] min-w-0 overflow-hidden rounded-card border border-[var(--color-border-subtle)] sm:h-[420px] lg:h-[450px]",
-					children: /* @__PURE__ */ y(de, {
-						apiGatewayUrl: w,
+					children: /* @__PURE__ */ x(ce, {
+						apiGatewayUrl: ve,
 						workspaceId: E || "default",
-						authToken: T,
+						authToken: ye,
 						workflowId: M.externalWorkflowId,
 						readonly: !0,
 						hideHeader: !0,
 						className: "h-full"
 					})
-				}) : /* @__PURE__ */ y("p", {
+				}) : /* @__PURE__ */ x("p", {
 					id: "workflow-design-canvas",
 					className: "text-sm text-text-secondary",
 					children: "The canvas is collapsed. Show the design to see every step, its order and its connections."
 				})
 			}),
-			M.webhookUrl && /* @__PURE__ */ y(r, {
+			M.webhookUrl && /* @__PURE__ */ x(a, {
 				headingLevel: 2,
 				emphasis: "muted",
-				title: S("bigconsole.workflows.view.webhookUrlLabel", "Webhook URL"),
+				title: w("bigconsole.workflows.view.webhookUrlLabel", "Webhook URL"),
 				description: "POST to this URL to run the workflow from an external system.",
-				actions: /* @__PURE__ */ y(g, {
+				actions: /* @__PURE__ */ x(v, {
 					variant: "ghost",
 					size: "sm",
 					onClick: Te,
-					children: be ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(_e, { className: "w-4 h-4 text-status-success-text" }), S("bigconsole.workflows.actions.copied", "Copied!")] }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(ge, { className: "w-4 h-4" }), S("bigconsole.workflows.actions.copy", "Copy")] })
+					children: be ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(he, { className: "w-4 h-4 text-status-success-text" }), w("bigconsole.workflows.actions.copied", "Copied!")] }) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(me, { className: "w-4 h-4" }), w("bigconsole.workflows.actions.copy", "Copy")] })
 				}),
-				children: /* @__PURE__ */ y("code", {
+				children: /* @__PURE__ */ x("code", {
 					className: "block min-w-0 overflow-x-auto break-all rounded-card bg-bg-sunken px-3 py-2 font-mono text-sm text-text-primary",
 					children: M.webhookUrl
 				})
 			}),
-			/* @__PURE__ */ y(r, {
+			/* @__PURE__ */ x(a, {
 				headingLevel: 2,
-				title: S("bigconsole.workflows.view.linkedDataSinksTitle", "Linked DataSinks ({{count}})", { count: $ }),
+				title: w("bigconsole.workflows.view.linkedDataSinksTitle", "Linked DataSinks ({{count}})", { count: $ }),
 				description: "Where this workflow writes the data it produces.",
 				"data-testid": "workflow-linked-datasinks",
-				children: $ === 0 ? /* @__PURE__ */ y(_, {
+				children: $ === 0 ? /* @__PURE__ */ x(y, {
 					illustration: "empty-generic",
-					title: S("bigconsole.workflows.view.noDataSinksTitle", "No data sinks linked"),
-					description: S("bigconsole.workflows.view.noDataSinksDescription", "This workflow has no data sinks linked yet — its output isn't being stored.")
-				}) : /* @__PURE__ */ y("ul", {
+					title: w("bigconsole.workflows.view.noDataSinksTitle", "No data sinks linked"),
+					description: w("bigconsole.workflows.view.noDataSinksDescription", "This workflow has no data sinks linked yet — its output isn't being stored.")
+				}) : /* @__PURE__ */ x("ul", {
 					className: "flex flex-col gap-list-gap",
-					children: M.dataSinkLinks?.map((e) => /* @__PURE__ */ b("li", {
+					children: M.dataSinkLinks?.map((e) => /* @__PURE__ */ S("li", {
 						className: "flex flex-col gap-control-gap rounded-card bg-bg-sunken px-3 py-2 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ S("div", {
 							className: "flex min-w-0 items-center gap-icon-gap",
-							children: [/* @__PURE__ */ y(ve, { className: "w-4 h-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ b("div", {
+							children: [/* @__PURE__ */ x(ge, { className: "w-4 h-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ S("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ y("p", {
+								children: [/* @__PURE__ */ x("p", {
 									className: "truncate text-sm font-medium text-text-primary",
 									children: e.dataSink?.name || e.dataSink?.key || e.dataSinkId
-								}), e.dataSink?.key && /* @__PURE__ */ y("p", {
+								}), e.dataSink?.key && /* @__PURE__ */ x("p", {
 									className: "truncate font-mono text-xs text-text-secondary",
 									children: e.dataSink.key
 								})]
 							})]
-						}), /* @__PURE__ */ b("div", {
+						}), /* @__PURE__ */ S("div", {
 							className: "flex flex-wrap items-center gap-control-gap",
 							children: [
-								e.isEnabled ? /* @__PURE__ */ y("span", {
+								e.isEnabled ? /* @__PURE__ */ x("span", {
 									className: "rounded-pill bg-[var(--color-status-success-bgSubtle)] px-2 py-0.5 text-xs font-medium text-status-success-text",
-									children: S("bigconsole.workflows.view.dataSinkEnabled", "Enabled")
-								}) : /* @__PURE__ */ y("span", {
+									children: w("bigconsole.workflows.view.dataSinkEnabled", "Enabled")
+								}) : /* @__PURE__ */ x("span", {
 									className: "rounded-pill bg-bg-surface px-2 py-0.5 text-xs font-medium text-text-secondary",
-									children: S("bigconsole.workflows.view.dataSinkDisabled", "Disabled")
+									children: w("bigconsole.workflows.view.dataSinkDisabled", "Disabled")
 								}),
-								/* @__PURE__ */ y("span", {
+								/* @__PURE__ */ x("span", {
 									className: "text-xs text-text-muted",
-									children: S("bigconsole.workflows.view.dataSinkPriority", "Priority: {{priority}}", { priority: e.priority })
+									children: w("bigconsole.workflows.view.dataSinkPriority", "Priority: {{priority}}", { priority: e.priority })
 								}),
-								e.dataSink && /* @__PURE__ */ y("button", {
+								e.dataSink && /* @__PURE__ */ x("button", {
 									type: "button",
 									onClick: () => Ee(e.dataSinkId),
 									className: "inline-flex min-h-[var(--size-controlHeight-md)] items-center rounded-button px-2 text-xs font-medium text-text-link hover:underline sm:min-h-[var(--size-controlHeight-sm)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
-									children: S("bigconsole.workflows.actions.view", "View")
+									children: w("bigconsole.workflows.actions.view", "View")
 								})
 							]
 						})]
 					}, e.id))
 				})
 			}),
-			/* @__PURE__ */ y(r, {
+			/* @__PURE__ */ x(a, {
 				headingLevel: 2,
 				emphasis: "muted",
 				title: "Record history",
 				padding: "compact",
-				children: /* @__PURE__ */ b("dl", {
+				children: /* @__PURE__ */ S("dl", {
 					className: "grid grid-cols-1 gap-form-gap sm:grid-cols-2",
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ S("div", {
 						className: "min-w-0",
 						children: [
-							/* @__PURE__ */ y("dt", {
+							/* @__PURE__ */ x("dt", {
 								className: "text-xs text-text-secondary",
-								children: S("bigconsole.workflows.view.createdLabel", "Created")
+								children: w("bigconsole.workflows.view.createdLabel", "Created")
 							}),
-							/* @__PURE__ */ y("dd", {
+							/* @__PURE__ */ x("dd", {
 								className: "text-sm text-text-primary",
-								children: x(new Date(M.createdAt), { addSuffix: !0 })
+								children: C(new Date(M.createdAt), { addSuffix: !0 })
 							}),
-							/* @__PURE__ */ y("dd", {
+							/* @__PURE__ */ x("dd", {
 								className: "truncate text-xs text-text-muted",
-								children: S("bigconsole.workflows.view.byAuthor", "by {{author}}", { author: M.createdBy })
+								children: w("bigconsole.workflows.view.byAuthor", "by {{author}}", { author: M.createdBy })
 							})
 						]
-					}), /* @__PURE__ */ b("div", {
+					}), /* @__PURE__ */ S("div", {
 						className: "min-w-0",
 						children: [
-							/* @__PURE__ */ y("dt", {
+							/* @__PURE__ */ x("dt", {
 								className: "text-xs text-text-secondary",
-								children: S("bigconsole.workflows.view.lastUpdatedLabel", "Last Updated")
+								children: w("bigconsole.workflows.view.lastUpdatedLabel", "Last Updated")
 							}),
-							/* @__PURE__ */ y("dd", {
+							/* @__PURE__ */ x("dd", {
 								className: "text-sm text-text-primary",
-								children: x(new Date(M.updatedAt), { addSuffix: !0 })
+								children: C(new Date(M.updatedAt), { addSuffix: !0 })
 							}),
-							/* @__PURE__ */ y("dd", {
+							/* @__PURE__ */ x("dd", {
 								className: "truncate text-xs text-text-muted",
-								children: S("bigconsole.workflows.view.byAuthor", "by {{author}}", { author: M.updatedBy || M.createdBy })
+								children: w("bigconsole.workflows.view.byAuthor", "by {{author}}", { author: M.updatedBy || M.createdBy })
 							})
 						]
 					})]
 				})
 			})
-		] }), M && /* @__PURE__ */ y(ie, {
+		] }), M && /* @__PURE__ */ x(d, {
 			workflow: M,
 			isOpen: P,
 			onClose: () => F(!1),
@@ -578,6 +578,6 @@ var fe = ({ className: e }) => /* @__PURE__ */ y("svg", {
 	});
 });
 //#endregion
-export { S as WorkflowViewPage };
+export { w as WorkflowViewPage };
 
 //# sourceMappingURL=WorkflowViewPage.js.map