@burdenoff/microfe-bigconsole 2026.1012.3 → 2026.1012.5

package/dist/bigconsole/pages/PipelineViewPage.js

@@ -14,93 +14,93 @@ import { useParams as re, useSearchParams as ie } from "react-router";
 import { AccessDenied as ae } from "@burdenoff/fe-libs/shared/components";
 import { usePermissions as oe } from "@burdenoff/fe-libs/shared/providers/shell";
 import { Button as p, IllustratedEmptyState as se, NextSteps as ce, PagePurpose as m, Spinner as le } from "@burdenoff/fe-libs/ui";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/bigconsole/pages/PipelineViewPage.tsx
-var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary", y = "rounded-button bg-bg-surface px-1.5 py-0.5 font-mono break-all text-text-primary", de = ({ className: e }) => /* @__PURE__ */ h("svg", {
+var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary", y = "rounded-button bg-bg-surface px-1.5 py-0.5 font-mono break-all text-text-primary", de = ({ className: e }) => /* @__PURE__ */ g("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ h("path", {
+	children: /* @__PURE__ */ g("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M10 19l-7-7m0 0l7-7m-7 7h18"
 	})
-}), b = ({ className: e }) => /* @__PURE__ */ h("svg", {
+}), b = ({ className: e }) => /* @__PURE__ */ g("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ h("path", {
+	children: /* @__PURE__ */ g("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"
 	})
-}), fe = ({ className: e }) => /* @__PURE__ */ h("svg", {
+}), fe = ({ className: e }) => /* @__PURE__ */ g("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ h("path", {
+	children: /* @__PURE__ */ g("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"
 	})
-}), x = ({ className: e }) => /* @__PURE__ */ g("svg", {
+}), x = ({ className: e }) => /* @__PURE__ */ _("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: [/* @__PURE__ */ h("path", {
+	children: [/* @__PURE__ */ g("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__ */ h("path", {
+	}), /* @__PURE__ */ g("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 	})]
-}), S = ({ className: e }) => /* @__PURE__ */ h("svg", {
+}), S = ({ className: e }) => /* @__PURE__ */ g("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ h("path", {
+	children: /* @__PURE__ */ g("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 	})
-}), pe = ({ className: e }) => /* @__PURE__ */ h("svg", {
+}), pe = ({ className: e }) => /* @__PURE__ */ g("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ h("path", {
+	children: /* @__PURE__ */ g("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M5 13l4 4L19 7"
 	})
-}), C = ({ className: e }) => /* @__PURE__ */ h("svg", {
+}), C = ({ className: e }) => /* @__PURE__ */ g("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ h("path", {
+	children: /* @__PURE__ */ g("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M14 5l7 7m0 0l-7 7m7-7H3"
 	})
 }), me = ({ handling: e }) => {
-	let { t } = _(), n = {
+	let { t } = h(), n = {
 		fail: {
 			label: t("bigconsole.pipelines.view.errorHandlingFail", "Fail"),
 			className: "bg-[var(--color-status-error-bgSubtle)] text-status-error-text border-[var(--color-status-error-border)]"
@@ -114,15 +114,15 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 			className: "bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)] border-[var(--color-status-info-border)]"
 		}
 	}, r = n[e] || n.fail;
-	return /* @__PURE__ */ g("span", {
+	return /* @__PURE__ */ _("span", {
 		className: `inline-flex items-center gap-1 whitespace-nowrap rounded-pill border px-2 py-0.5 text-xs font-medium ${r.className}`,
-		children: [/* @__PURE__ */ h("span", {
+		children: [/* @__PURE__ */ g("span", {
 			className: "font-normal opacity-80",
 			children: "On error"
 		}), r.label]
 	});
 }, w = l(function() {
-	let { pipelineId: l } = re(), w = t(), { t: T } = _(), [he] = ie(), E = ne(), { hasPermission: D, isLoading: O } = oe(), k = D(a.PIPELINE_READ), A = D(a.PIPELINE_UPDATE), ge = D(a.PIPELINE_DELETE), j = D(a.PIPELINE_TEST), [M, N] = f(null), [P, _e] = f("{\n  \"data\": \"sample\"\n}"), [F, ve] = f(null), [I, L] = f([]), [R, z] = f(null), [B, V] = f(he.get("test") === "true"), ye = e((e) => e.deleteDialogOpen), H = e((e) => e.openDeleteDialog), U = e((e) => e.closeDeleteDialog), { loading: W, error: G, fetchPipeline: K, deletePipeline: q, testPipeline: J, listExecutions: Y } = ee({
+	let { pipelineId: l } = re(), w = t(), { t: T } = h(), [he] = ie(), E = ne(), { hasPermission: D, isLoading: O } = oe(), k = D(a.PIPELINE_READ), A = D(a.PIPELINE_UPDATE), ge = D(a.PIPELINE_DELETE), j = D(a.PIPELINE_TEST), [M, N] = f(null), [P, _e] = f("{\n  \"data\": \"sample\"\n}"), [F, ve] = f(null), [I, L] = f([]), [R, z] = f(null), [B, V] = f(he.get("test") === "true"), ye = e((e) => e.deleteDialogOpen), H = e((e) => e.openDeleteDialog), U = e((e) => e.closeDeleteDialog), { loading: W, error: G, fetchPipeline: K, deletePipeline: q, testPipeline: J, listExecutions: Y } = ee({
 		consoleId: "default",
 		skipFetch: !0
 	});
@@ -174,53 +174,53 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 		P,
 		Y
 	]);
-	if (W && !M) return /* @__PURE__ */ h("div", {
+	if (W && !M) return /* @__PURE__ */ g("div", {
 		className: "p-card-padding",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "flex flex-col items-center justify-center py-16",
 			role: "status",
-			children: [/* @__PURE__ */ h(le, { style: {
+			children: [/* @__PURE__ */ g(le, { style: {
 				height: "var(--size-icon-xl)",
 				width: "var(--size-icon-xl)"
-			} }), /* @__PURE__ */ h("p", {
+			} }), /* @__PURE__ */ g("p", {
 				className: "mt-form-gap text-sm text-text-secondary",
 				children: T("bigconsole.pipelines.view.loading", "Loading Pipeline...")
 			})]
 		})
 	});
-	if (!O && !k) return /* @__PURE__ */ h(ae, {
+	if (!O && !k) return /* @__PURE__ */ g(ae, {
 		title: T("bigconsole.pipelines.errors.accessDeniedTitle", "Access Denied"),
 		description: T("bigconsole.pipelines.errors.accessDeniedViewDescription", "You don't have permission to view this pipeline.")
 	});
-	if (G) return /* @__PURE__ */ h("div", {
+	if (G) return /* @__PURE__ */ g("div", {
 		className: "p-card-padding",
-		children: /* @__PURE__ */ h(r, {
+		children: /* @__PURE__ */ g(r, {
 			tone: "danger",
 			headingLevel: 2,
 			title: T("bigconsole.pipelines.view.loadError", "Failed to load Pipeline"),
 			description: G.message,
-			icon: /* @__PURE__ */ h(S, { className: "h-icon-sm w-icon-sm" }),
-			actions: /* @__PURE__ */ h(p, {
+			icon: /* @__PURE__ */ g(S, { className: "h-icon-sm w-icon-sm" }),
+			actions: /* @__PURE__ */ g(p, {
 				onClick: X,
 				className: v,
 				children: T("bigconsole.pipelines.actions.backToPipelines", "Back to Pipelines")
 			}),
 			"data-testid": "pipeline-view-error",
-			children: /* @__PURE__ */ h("p", {
+			children: /* @__PURE__ */ g("p", {
 				className: "text-sm text-text-secondary",
 				children: "The pipeline could not be read from the console service. Nothing was changed."
 			})
 		})
 	});
-	if (!M) return /* @__PURE__ */ h("div", {
+	if (!M) return /* @__PURE__ */ g("div", {
 		className: "p-card-padding",
-		children: /* @__PURE__ */ h(r, {
+		children: /* @__PURE__ */ g(r, {
 			tone: "warning",
 			headingLevel: 2,
 			title: T("bigconsole.pipelines.view.notFoundTitle", "Pipeline not found"),
 			description: T("bigconsole.pipelines.view.notFoundDescription", "The pipeline you're looking for doesn't exist or has been deleted."),
-			icon: /* @__PURE__ */ h(S, { className: "h-icon-sm w-icon-sm" }),
-			actions: /* @__PURE__ */ h(p, {
+			icon: /* @__PURE__ */ g(S, { className: "h-icon-sm w-icon-sm" }),
+			actions: /* @__PURE__ */ g(p, {
 				onClick: X,
 				className: v,
 				children: T("bigconsole.pipelines.actions.backToPipelines", "Back to Pipelines")
@@ -228,121 +228,121 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 			"data-testid": "pipeline-not-found"
 		})
 	});
-	let Q = M.stages?.length ?? 0, $ = F?.status === "completed", we = /* @__PURE__ */ h(r, {
+	let Q = M.stages?.length ?? 0, $ = F?.status === "completed", we = /* @__PURE__ */ g(r, {
 		emphasis: B ? "standard" : "primary",
 		headingLevel: 2,
 		title: T("bigconsole.pipelines.view.stagesHeading", "Pipeline Stages ({{count}})", { count: Q }),
 		description: "Data flows top to bottom — each stage reads its input key and writes an output key for the next one.",
 		"data-testid": "pipeline-stages",
-		children: Q === 0 ? /* @__PURE__ */ h(se, {
+		children: Q === 0 ? /* @__PURE__ */ g(se, {
 			illustration: "empty-generic",
 			title: T("bigconsole.pipelines.view.noStagesTitle", "No stages defined"),
 			description: T("bigconsole.pipelines.view.noStagesDescription", "Edit the pipeline to add parser stages."),
-			action: /* @__PURE__ */ g(p, {
+			action: /* @__PURE__ */ _(p, {
 				variant: "secondary",
 				onClick: Z,
 				disabled: !A,
 				className: v,
-				children: [/* @__PURE__ */ h(b, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.edit", "Edit")]
+				children: [/* @__PURE__ */ g(b, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.edit", "Edit")]
 			})
-		}) : /* @__PURE__ */ h("ol", {
+		}) : /* @__PURE__ */ g("ol", {
 			className: "flex flex-col",
-			children: (M.stages ?? []).map((e, t) => /* @__PURE__ */ g("li", {
+			children: (M.stages ?? []).map((e, t) => /* @__PURE__ */ _("li", {
 				className: "flex min-w-0 flex-col",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ _("div", {
 					"data-testid": "pipeline-stage",
 					"data-enabled": e.enabled,
 					className: `min-w-0 rounded-card border bg-bg-sunken p-4 ${e.enabled ? "border-[var(--color-border-subtle)]" : "border-dashed border-[var(--color-border-strong)]"}`,
 					children: [
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ _("div", {
 							className: "flex flex-wrap items-center justify-between gap-control-gap",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ _("div", {
 								className: "flex min-w-0 flex-wrap items-center gap-icon-gap",
 								children: [
-									/* @__PURE__ */ h("span", {
+									/* @__PURE__ */ g("span", {
 										"aria-hidden": "true",
 										className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-pill bg-bg-surface text-xs font-semibold text-text-secondary",
 										children: t + 1
 									}),
-									/* @__PURE__ */ h("h3", {
+									/* @__PURE__ */ g("h3", {
 										className: "min-w-0 truncate text-sm font-semibold text-text-primary",
 										children: e.parserName || T("bigconsole.pipelines.view.stageFallbackName", "Stage {{number}}", { number: t + 1 })
 									}),
-									e.parserType && /* @__PURE__ */ h("span", {
+									e.parserType && /* @__PURE__ */ g("span", {
 										className: "rounded-pill bg-bg-surface px-2 py-0.5 text-xs font-medium text-text-secondary",
 										children: e.parserType.toUpperCase()
 									})
 								]
-							}), /* @__PURE__ */ g("div", {
+							}), /* @__PURE__ */ _("div", {
 								className: "flex flex-wrap items-center gap-icon-gap",
-								children: [/* @__PURE__ */ h(me, { handling: e.onError }), !e.enabled && /* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ g(me, { handling: e.onError }), !e.enabled && /* @__PURE__ */ g("span", {
 									className: "rounded-pill border border-[var(--color-border-strong)] px-2 py-0.5 text-xs font-medium text-text-secondary",
 									children: T("bigconsole.pipelines.view.stageDisabled", "Disabled")
 								})]
 							})]
 						}),
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ _("div", {
 							className: "mt-2 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-text-secondary",
 							children: [
-								/* @__PURE__ */ h("span", {
+								/* @__PURE__ */ g("span", {
 									className: "text-text-muted",
 									children: "Reads"
 								}),
-								/* @__PURE__ */ h("code", {
+								/* @__PURE__ */ g("code", {
 									className: y,
 									children: e.inputKey
 								}),
-								/* @__PURE__ */ h(C, { className: "h-3 w-3 shrink-0" }),
-								/* @__PURE__ */ h("span", {
+								/* @__PURE__ */ g(C, { className: "h-3 w-3 shrink-0" }),
+								/* @__PURE__ */ g("span", {
 									className: "text-text-muted",
 									children: "writes"
 								}),
-								/* @__PURE__ */ h("code", {
+								/* @__PURE__ */ g("code", {
 									className: y,
 									children: e.outputKey
 								})
 							]
 						}),
-						e.description && /* @__PURE__ */ h("p", {
+						e.description && /* @__PURE__ */ g("p", {
 							className: "mt-2 text-xs text-text-secondary",
 							children: e.description
 						}),
-						e.parserId && /* @__PURE__ */ h("button", {
+						e.parserId && /* @__PURE__ */ g("button", {
 							type: "button",
 							onClick: () => Se(e.parserId),
 							className: "mt-2 rounded-button text-xs text-text-link hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 							children: T("bigconsole.pipelines.view.viewParser", "View Parser")
 						})
 					]
-				}), t < Q - 1 && /* @__PURE__ */ h("span", {
+				}), t < Q - 1 && /* @__PURE__ */ g("span", {
 					"aria-hidden": "true",
 					className: "flex justify-center py-1",
-					children: /* @__PURE__ */ h(C, { className: "h-icon-sm w-icon-sm rotate-90 text-text-muted" })
+					children: /* @__PURE__ */ g(C, { className: "h-icon-sm w-icon-sm rotate-90 text-text-muted" })
 				})]
 			}, e.id))
 		})
-	}), Te = B ? /* @__PURE__ */ h(r, {
+	}), Te = B ? /* @__PURE__ */ g(r, {
 		id: "pipeline-test-panel",
 		emphasis: "primary",
 		headingLevel: 2,
 		title: T("bigconsole.pipelines.view.testPanelHeading", "Test Pipeline"),
 		description: "Run sample input through every enabled stage. Nothing is written to the connected sink.",
-		actions: /* @__PURE__ */ g(p, {
+		actions: /* @__PURE__ */ _(p, {
 			onClick: Ce,
 			disabled: W || !j,
 			className: v,
-			children: [/* @__PURE__ */ h(x, { className: "h-icon-sm w-icon-sm" }), W ? T("bigconsole.pipelines.view.testRunning", "Running...") : T("bigconsole.pipelines.view.runTest", "Run Test")]
+			children: [/* @__PURE__ */ g(x, { className: "h-icon-sm w-icon-sm" }), W ? T("bigconsole.pipelines.view.testRunning", "Running...") : T("bigconsole.pipelines.view.runTest", "Run Test")]
 		}),
 		"data-testid": "pipeline-test-panel",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "flex flex-col gap-form-gap",
-			children: [/* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ _("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ h("label", {
+				children: [/* @__PURE__ */ g("label", {
 					htmlFor: E,
 					className: "mb-1 block text-sm font-medium text-text-primary",
 					children: T("bigconsole.pipelines.view.inputJsonLabel", "Input JSON")
-				}), /* @__PURE__ */ h("textarea", {
+				}), /* @__PURE__ */ g("textarea", {
 					id: E,
 					value: P,
 					onChange: (e) => _e(e.target.value),
@@ -350,33 +350,33 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 					className: `min-h-32 w-full resize-y rounded-input border border-[var(--color-border-subtle)] bg-bg-canvas px-3 py-2 font-mono text-sm text-text-primary ${n}`,
 					placeholder: "{\"key\": \"value\"}"
 				})]
-			}), F && /* @__PURE__ */ h(r, {
+			}), F && /* @__PURE__ */ g(r, {
 				tone: $ ? "success" : "danger",
 				headingLevel: 3,
 				title: $ ? T("bigconsole.pipelines.view.testPassed", "Test Passed") : T("bigconsole.pipelines.view.testFailed", "Test Failed"),
-				icon: h($ ? pe : S, { className: "h-icon-sm w-icon-sm" }),
-				meta: F.totalExecutionTimeMs ? /* @__PURE__ */ g("span", {
+				icon: g($ ? pe : S, { className: "h-icon-sm w-icon-sm" }),
+				meta: F.totalExecutionTimeMs ? /* @__PURE__ */ _("span", {
 					className: ue,
 					children: [F.totalExecutionTimeMs, "ms"]
 				}) : null,
 				"data-testid": "pipeline-test-result",
-				children: /* @__PURE__ */ g("div", {
+				children: /* @__PURE__ */ _("div", {
 					className: "flex flex-col gap-form-gap",
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ h("h4", {
+						children: [/* @__PURE__ */ g("h4", {
 							className: "mb-1 text-sm font-medium text-text-primary",
 							children: T("bigconsole.pipelines.view.outputLabel", "Output")
-						}), /* @__PURE__ */ h("pre", {
+						}), /* @__PURE__ */ g("pre", {
 							className: "max-h-64 w-full overflow-auto rounded-input border border-[var(--color-border-subtle)] bg-bg-canvas p-3 font-mono text-xs text-text-primary",
 							children: JSON.stringify(F.outputData, null, 2) || "null"
 						})]
-					}), F.error && /* @__PURE__ */ g("div", {
+					}), F.error && /* @__PURE__ */ _("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ h("h4", {
+						children: [/* @__PURE__ */ g("h4", {
 							className: "mb-1 text-sm font-medium text-status-error-text",
 							children: T("bigconsole.pipelines.view.errorLabel", "Error")
-						}), /* @__PURE__ */ h("pre", {
+						}), /* @__PURE__ */ g("pre", {
 							className: "max-h-64 w-full overflow-auto rounded-input border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-3 font-mono text-xs text-status-error-text",
 							children: F.error
 						})]
@@ -385,65 +385,65 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 			})]
 		})
 	}) : null;
-	return /* @__PURE__ */ g("div", {
+	return /* @__PURE__ */ _("div", {
 		className: "p-card-padding",
-		children: [/* @__PURE__ */ g(i, { children: [
-			/* @__PURE__ */ g("header", {
+		children: [/* @__PURE__ */ _(i, { children: [
+			/* @__PURE__ */ _("header", {
 				className: "flex flex-col gap-form-gap sm:flex-row sm:items-start sm:justify-between",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "flex min-w-0 flex-col gap-control-gap",
 					children: [
-						/* @__PURE__ */ g(p, {
+						/* @__PURE__ */ _(p, {
 							variant: "ghost",
 							size: "sm",
 							onClick: X,
 							className: "w-fit",
-							children: [/* @__PURE__ */ h(de, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.backToPipelines", "Back to Pipelines")]
+							children: [/* @__PURE__ */ g(de, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.backToPipelines", "Back to Pipelines")]
 						}),
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ _("div", {
 							className: "flex flex-wrap items-center gap-icon-gap",
-							children: [/* @__PURE__ */ h("h1", {
+							children: [/* @__PURE__ */ g("h1", {
 								className: "min-w-0 break-words text-2xl font-bold leading-tight text-text-primary",
 								children: M.name
-							}), /* @__PURE__ */ h(c, { status: M.status })]
+							}), /* @__PURE__ */ g(c, { status: M.status })]
 						}),
-						M.description && /* @__PURE__ */ h("p", {
+						M.description && /* @__PURE__ */ g("p", {
 							className: "text-sm text-text-secondary",
 							children: M.description
 						})
 					]
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ _("div", {
 					className: "flex flex-wrap items-center gap-control-gap",
 					children: [
-						/* @__PURE__ */ g(p, {
+						/* @__PURE__ */ _(p, {
 							onClick: () => V(!B),
 							disabled: !j,
 							"aria-expanded": B,
 							"aria-controls": "pipeline-test-panel",
 							className: v,
-							children: [/* @__PURE__ */ h(x, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.test", "Test")]
+							children: [/* @__PURE__ */ g(x, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.test", "Test")]
 						}),
-						/* @__PURE__ */ g(p, {
+						/* @__PURE__ */ _(p, {
 							variant: "secondary",
 							onClick: Z,
 							disabled: !A,
 							className: v,
-							children: [/* @__PURE__ */ h(b, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.edit", "Edit")]
+							children: [/* @__PURE__ */ g(b, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.edit", "Edit")]
 						}),
-						ge && /* @__PURE__ */ g(p, {
+						ge && /* @__PURE__ */ _(p, {
 							variant: "destructive",
 							onClick: be,
 							className: v,
-							children: [/* @__PURE__ */ h(fe, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.delete", "Delete")]
+							children: [/* @__PURE__ */ g(fe, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.delete", "Delete")]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ h(m, {
+			/* @__PURE__ */ g(m, {
 				className: "max-w-[75ch]",
 				children: T("bigconsole.pipelines.view.purpose", "A pipeline chains parsers and a data sink into a repeatable flow. Review its stages here, test it with sample input to confirm the output, then edit the stages or run it to process real data into the connected sink.")
 			}),
-			/* @__PURE__ */ h(ce, {
+			/* @__PURE__ */ g(ce, {
 				storageKey: "bigconsole-pipeline-view",
 				steps: [
 					...j ? [{
@@ -466,61 +466,61 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 					}
 				]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "grid grid-cols-1 gap-section-gap lg:grid-cols-3",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "min-w-0 lg:col-span-2",
-					children: /* @__PURE__ */ g(i, { children: [
+					children: /* @__PURE__ */ _(i, { children: [
 						Te,
-						R && R.pipelineId === l && /* @__PURE__ */ h(r, {
+						R && R.pipelineId === l && /* @__PURE__ */ g(r, {
 							emphasis: "primary",
 							headingLevel: 2,
 							title: T("bigconsole.pipelines.execution.timelineHeading", "Stage timeline"),
 							"data-testid": "pipeline-stage-timeline",
-							children: /* @__PURE__ */ g("div", {
+							children: /* @__PURE__ */ _("div", {
 								className: "flex flex-col gap-form-gap",
 								children: [
-									/* @__PURE__ */ g("dl", {
+									/* @__PURE__ */ _("dl", {
 										className: "grid grid-cols-1 gap-form-gap sm:grid-cols-2",
 										children: [
-											/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
 												className: "text-xs text-text-muted",
 												children: T("bigconsole.pipelines.execution.runStatus", "Run status")
-											}), /* @__PURE__ */ h("dd", {
+											}), /* @__PURE__ */ g("dd", {
 												className: "font-medium text-text-primary",
 												children: R.status
 											})] }),
-											/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
 												className: "text-xs text-text-muted",
 												children: T("bigconsole.pipelines.execution.totalDuration", "Total duration")
-											}), /* @__PURE__ */ h("dd", {
+											}), /* @__PURE__ */ g("dd", {
 												className: "text-text-primary",
 												children: R.totalExecutionTimeMs == null ? "—" : `${R.totalExecutionTimeMs} ms`
 											})] }),
-											/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
 												className: "text-xs text-text-muted",
 												children: T("bigconsole.pipelines.execution.started", "Started")
-											}), /* @__PURE__ */ h("dd", {
+											}), /* @__PURE__ */ g("dd", {
 												className: "break-words text-text-primary",
 												children: new Date(R.startedAt).toLocaleString()
 											})] }),
-											/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
 												className: "text-xs text-text-muted",
 												children: T("bigconsole.pipelines.execution.finished", "Finished")
-											}), /* @__PURE__ */ h("dd", {
+											}), /* @__PURE__ */ g("dd", {
 												className: "break-words text-text-primary",
 												children: R.completedAt ? new Date(R.completedAt).toLocaleString() : "—"
 											})] })
 										]
 									}),
-									/* @__PURE__ */ h("ol", {
+									/* @__PURE__ */ g("ol", {
 										className: "flex flex-col gap-control-gap",
-										children: R.stageResults.map((e, t) => /* @__PURE__ */ g("li", {
+										children: R.stageResults.map((e, t) => /* @__PURE__ */ _("li", {
 											className: "min-w-0 rounded-card border border-[var(--color-border-subtle)] bg-bg-sunken p-3",
 											children: [
-												/* @__PURE__ */ g("div", {
+												/* @__PURE__ */ _("div", {
 													className: "flex flex-wrap items-center justify-between gap-control-gap",
-													children: [/* @__PURE__ */ g("h3", {
+													children: [/* @__PURE__ */ _("h3", {
 														className: "min-w-0 break-words font-medium text-text-primary",
 														children: [
 															t + 1,
@@ -528,7 +528,7 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 															" ",
 															e.stageName ?? M.stages.find((t) => t.id === e.stageId)?.parserName ?? e.stageId
 														]
-													}), /* @__PURE__ */ g("span", {
+													}), /* @__PURE__ */ _("span", {
 														className: "text-sm text-text-secondary",
 														children: [
 															e.status,
@@ -538,16 +538,16 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 														]
 													})]
 												}),
-												e.error && /* @__PURE__ */ h("p", {
+												e.error && /* @__PURE__ */ g("p", {
 													className: "mt-2 break-words text-sm text-status-error-text",
 													children: e.error
 												}),
-												e.output != null && /* @__PURE__ */ g("details", {
+												e.output != null && /* @__PURE__ */ _("details", {
 													className: "mt-2",
-													children: [/* @__PURE__ */ h("summary", {
+													children: [/* @__PURE__ */ g("summary", {
 														className: "cursor-pointer text-sm text-text-secondary",
 														children: T("bigconsole.pipelines.execution.stageOutput", "Stage output")
-													}), /* @__PURE__ */ h("pre", {
+													}), /* @__PURE__ */ g("pre", {
 														className: "mt-2 max-h-48 overflow-auto rounded-input bg-bg-canvas p-3 text-xs",
 														children: JSON.stringify(e.output, null, 2)
 													})]
@@ -555,7 +555,7 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 											]
 										}, e.id))
 									}),
-									R.error && /* @__PURE__ */ h("p", {
+									R.error && /* @__PURE__ */ g("p", {
 										role: "alert",
 										className: "break-words text-sm text-status-error-text",
 										children: R.error
@@ -565,32 +565,32 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 						}),
 						we
 					] })
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ g("div", {
 					className: "min-w-0",
-					children: /* @__PURE__ */ g(i, { children: [/* @__PURE__ */ h(r, {
+					children: /* @__PURE__ */ _(i, { children: [/* @__PURE__ */ g(r, {
 						headingLevel: 2,
 						title: T("bigconsole.pipelines.execution.historyHeading", "Previous runs"),
 						"data-testid": "pipeline-execution-history",
-						children: I.filter((e) => e.pipelineId === l).length === 0 ? /* @__PURE__ */ h("p", {
+						children: I.filter((e) => e.pipelineId === l).length === 0 ? /* @__PURE__ */ g("p", {
 							className: "text-sm text-text-secondary",
 							children: T("bigconsole.pipelines.execution.noHistory", "No execution history yet. Test this pipeline with sample input to inspect its stages.")
-						}) : /* @__PURE__ */ h("ol", {
+						}) : /* @__PURE__ */ g("ol", {
 							className: "flex flex-col gap-control-gap",
-							children: I.filter((e) => e.pipelineId === l).map((e) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g("button", {
+							children: I.filter((e) => e.pipelineId === l).map((e) => /* @__PURE__ */ g("li", { children: /* @__PURE__ */ _("button", {
 								type: "button",
 								"aria-pressed": R?.id === e.id,
 								onClick: () => z(e),
 								className: `flex w-full min-w-0 flex-col gap-1 rounded-button border border-[var(--color-border-subtle)] p-3 text-left ${n} ${R?.id === e.id ? "bg-bg-sunken" : "bg-bg-surface"}`,
 								children: [
-									/* @__PURE__ */ g("span", {
+									/* @__PURE__ */ _("span", {
 										className: "flex flex-wrap justify-between gap-2 text-sm font-medium text-text-primary",
-										children: [/* @__PURE__ */ h("span", { children: e.status }), /* @__PURE__ */ h("span", { children: e.totalExecutionTimeMs == null ? "—" : `${e.totalExecutionTimeMs} ms` })]
+										children: [/* @__PURE__ */ g("span", { children: e.status }), /* @__PURE__ */ g("span", { children: e.totalExecutionTimeMs == null ? "—" : `${e.totalExecutionTimeMs} ms` })]
 									}),
-									/* @__PURE__ */ h("span", {
+									/* @__PURE__ */ g("span", {
 										className: "break-words text-xs text-text-secondary",
 										children: new Date(e.startedAt).toLocaleString()
 									}),
-									/* @__PURE__ */ h("span", {
+									/* @__PURE__ */ g("span", {
 										className: "truncate font-mono text-xs text-text-muted",
 										title: e.id,
 										children: e.id
@@ -598,37 +598,37 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 								]
 							}) }, e.id))
 						})
-					}), /* @__PURE__ */ h(r, {
+					}), /* @__PURE__ */ g(r, {
 						emphasis: "muted",
 						headingLevel: 2,
 						title: T("bigconsole.pipelines.view.detailsHeading", "Details"),
 						"data-testid": "pipeline-details",
-						children: /* @__PURE__ */ g("dl", {
+						children: /* @__PURE__ */ _("dl", {
 							className: "flex flex-col gap-form-gap text-sm",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ _("div", {
 								className: "flex flex-col gap-3",
 								children: [
-									/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
 										className: "text-xs text-text-muted",
 										children: T("bigconsole.pipelines.view.detailStatus", "Status")
-									}), /* @__PURE__ */ h("dd", {
+									}), /* @__PURE__ */ g("dd", {
 										className: "mt-1",
-										children: /* @__PURE__ */ h(c, {
+										children: /* @__PURE__ */ g(c, {
 											status: M.status,
 											size: "sm"
 										})
 									})] }),
-									/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
 										className: "text-xs text-text-muted",
 										children: T("bigconsole.pipelines.view.detailStages", "Stages")
-									}), /* @__PURE__ */ h("dd", {
+									}), /* @__PURE__ */ g("dd", {
 										className: "text-text-primary",
 										children: Q
 									})] }),
-									/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
 										className: "text-xs text-text-muted",
 										children: T("bigconsole.pipelines.view.detailLastExecuted", "Last Executed")
-									}), /* @__PURE__ */ h("dd", {
+									}), /* @__PURE__ */ g("dd", {
 										className: "break-words text-text-primary",
 										children: M.lastExecutedAt ? new Date(M.lastExecutedAt).toLocaleString(void 0, {
 											dateStyle: "medium",
@@ -636,30 +636,30 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 										}) : T("bigconsole.pipelines.view.detailNever", "Never")
 									})] })
 								]
-							}), /* @__PURE__ */ g("div", {
+							}), /* @__PURE__ */ _("div", {
 								className: "flex flex-col gap-3 border-t border-[var(--color-border-subtle)] pt-form-gap",
 								children: [
-									/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
 										className: "text-xs text-text-muted",
 										children: T("bigconsole.pipelines.view.detailVersion", "Version")
-									}), /* @__PURE__ */ h("dd", {
+									}), /* @__PURE__ */ g("dd", {
 										className: "text-text-primary",
 										children: M.version
 									})] }),
-									/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
 										className: "text-xs text-text-muted",
 										children: T("bigconsole.pipelines.view.detailCreated", "Created")
-									}), /* @__PURE__ */ h("dd", {
+									}), /* @__PURE__ */ g("dd", {
 										className: "break-words text-text-primary",
 										children: new Date(M.createdAt).toLocaleString(void 0, {
 											dateStyle: "medium",
 											timeStyle: "short"
 										})
 									})] }),
-									/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
 										className: "text-xs text-text-muted",
 										children: T("bigconsole.pipelines.view.detailUpdated", "Updated")
-									}), /* @__PURE__ */ h("dd", {
+									}), /* @__PURE__ */ g("dd", {
 										className: "break-words text-text-primary",
 										children: new Date(M.updatedAt).toLocaleString(void 0, {
 											dateStyle: "medium",
@@ -672,7 +672,7 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 					})] })
 				})]
 			})
-		] }), M && /* @__PURE__ */ h(te, {
+		] }), M && /* @__PURE__ */ g(te, {
 			pipeline: M,
 			isOpen: ye,
 			onClose: U,