@burdenoff/microfe-bigconsole 2026.1012.4 → 2026.1012.6

package/dist/bigconsole/pages/PipelineBuilderPage.js

@@ -6,83 +6,85 @@ import "../components/common/index.js";
 import i from "../hooks/useParserOperations.js";
 import ee from "../hooks/usePipelineOperations.js";
 import { BIGCONSOLE_PERMISSIONS as a } from "../../constants/permissions.js";
-import { PipelineScopePicker as te } from "../components/pipeline/PipelineScopePicker.js";
-import ne from "../components/pipeline/PipelineStatusBadge.js";
-import { memo as o, useCallback as s, useEffect as re, useId as ie, useMemo as c, useState as l } from "react";
-import { useParams as ae, useSearchParams as oe } from "react-router";
-import { AccessDenied as se } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as ce } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Button as u, IllustratedEmptyState as le, PagePurpose as ue, Spinner as de } from "@burdenoff/fe-libs/ui";
-import { Fragment as fe, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useI18n as pe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { isDirty as te } from "../utils/formDirty.js";
+import { PipelineScopePicker as ne } from "../components/pipeline/PipelineScopePicker.js";
+import re from "../components/pipeline/PipelineStatusBadge.js";
+import { memo as o, useCallback as s, useEffect as ie, useId as ae, useMemo as oe, useState as c } from "react";
+import { useParams as se, useSearchParams as ce } from "react-router";
+import { AccessDenied as le } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as ue } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Button as l, IllustratedEmptyState as de, PagePurpose as fe, Spinner as pe } from "@burdenoff/fe-libs/ui";
+import { useUnsavedChanges as me } from "@burdenoff/fe-libs/shared/hooks";
+import { useI18n as he } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as ge, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/bigconsole/pages/PipelineBuilderPage.tsx
-var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-medium text-text-primary", h = "mt-1 text-xs text-text-secondary", me = "mb-1 text-xs font-semibold uppercase tracking-wide text-text-muted", g = `w-full min-w-0 rounded-input border border-[var(--color-border-subtle)] bg-bg-canvas px-3 py-2 text-sm text-text-primary ${t}`, _ = `${g} font-mono`, v = `inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-button text-text-secondary motion-safe:transition-colors disabled:opacity-30 ${t}`, y = `${v} hover:bg-bg-surface hover:text-text-primary`, he = `${v} hover:bg-[var(--color-status-error-bgSubtle)] hover:text-status-error-text`, ge = ({ className: e }) => /* @__PURE__ */ d("svg", {
+var f = "min-h-[var(--size-controlHeight-md)]", p = "mb-1 block text-sm font-medium text-text-primary", m = "mt-1 text-xs text-text-secondary", h = "mb-1 text-xs font-semibold uppercase tracking-wide text-text-muted", g = `w-full min-w-0 rounded-input border border-[var(--color-border-subtle)] bg-bg-canvas px-3 py-2 text-sm text-text-primary ${t}`, _ = `${g} font-mono`, v = `inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-button text-text-secondary motion-safe:transition-colors disabled:opacity-30 ${t}`, y = `${v} hover:bg-bg-surface hover:text-text-primary`, _e = `${v} hover:bg-[var(--color-status-error-bgSubtle)] hover:text-status-error-text`, ve = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ d("path", {
+	children: /* @__PURE__ */ u("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M10 19l-7-7m0 0l7-7m-7 7h18"
 	})
-}), b = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), b = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ d("path", {
+	children: /* @__PURE__ */ u("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M12 4v16m8-8H4"
 	})
-}), _e = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), ye = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ d("path", {
+	children: /* @__PURE__ */ u("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"
 	})
-}), ve = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), be = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ d("path", {
+	children: /* @__PURE__ */ u("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M5 15l7-7 7 7"
 	})
-}), ye = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), xe = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ d("path", {
+	children: /* @__PURE__ */ u("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M19 9l-7 7-7-7"
 	})
-}), x = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), x = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ d("path", {
+	children: /* @__PURE__ */ u("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 	})
-}), be = [
+}), Se = [
 	{
 		value: "draft",
 		label: "Draft"
@@ -111,7 +113,7 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 		label: "Fallback",
 		description: "Use fallback value on error"
 	}
-], xe = {
+], Ce = {
 	parserId: "",
 	parserName: "",
 	parserType: null,
@@ -122,49 +124,77 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 	fallbackValue: "",
 	description: ""
 }, C = o(function() {
-	let { t: o } = pe(), { pipelineId: v } = ae(), C = e(), w = !!v && v !== "new", [T, Se] = oe(), [E, Ce] = l(null), D = w ? E ?? "default" : T.get("consoleId") || "default", O = ie(), { hasPermission: k, isLoading: we } = ce(), Te = k(a.PIPELINE_READ), Ee = k(a.PIPELINE_CREATE), De = k(a.PIPELINE_UPDATE), A = w ? De : Ee, [j, M] = l(""), [N, P] = l(""), [F, I] = l("draft"), [L, R] = l([]), [z, Oe] = l(1), [B, V] = l(!1), [H, U] = l(null), { loading: ke, error: W, fetchPipeline: G, createPipeline: K, updatePipeline: q } = ee({
+	let { t: o } = he(), { pipelineId: v } = se(), C = e(), w = !!v && v !== "new", [T, we] = ce(), [E, Te] = c(null), D = w ? E ?? "default" : T.get("consoleId") || "default", O = ae(), { hasPermission: k, isLoading: Ee } = ue(), De = k(a.PIPELINE_READ), Oe = k(a.PIPELINE_CREATE), ke = k(a.PIPELINE_UPDATE), A = w ? ke : Oe, [j, M] = c(""), [N, P] = c(""), [F, I] = c("draft"), [L, R] = c([]), [z, Ae] = c(1), [B, V] = c(!1), [H, U] = c(null), [je, W] = c(w ? null : [
+		"",
+		"",
+		"draft",
+		[],
+		1
+	]);
+	me({
+		id: "pipeline-editor",
+		label: o("bigconsole.assistant.unsaved.pipelineEditor", "the pipeline editor"),
+		dirty: te([
+			j,
+			N,
+			F,
+			L,
+			z
+		], je)
+	});
+	let { loading: Me, error: G, fetchPipeline: K, createPipeline: q, updatePipeline: J } = ee({
 		consoleId: D,
 		skipFetch: !0
-	}), { parsers: J } = i({
+	}), { parsers: Y } = i({
 		consoleId: D,
 		skipFetch: w && !E
 	});
-	re(() => {
-		w && v && G(v).then((e) => {
-			e && (Ce(e.consoleId), M(e.name), P(e.description || ""), I(e.status), Oe(e.version), R((e.stages || []).map((e) => ({
-				id: e.id,
-				parserId: e.parserId,
-				parserName: e.parserName || "",
-				parserType: e.parserType,
-				inputKey: e.inputKey,
-				outputKey: e.outputKey,
-				enabled: e.enabled,
-				onError: e.onError,
-				fallbackValue: e.fallbackValue ? JSON.stringify(e.fallbackValue) : "",
-				description: e.description || ""
-			}))));
+	ie(() => {
+		w && v && K(v).then((e) => {
+			if (e) {
+				Te(e.consoleId), M(e.name), P(e.description || ""), I(e.status), Ae(e.version);
+				let t = (e.stages || []).map((e) => ({
+					id: e.id,
+					parserId: e.parserId,
+					parserName: e.parserName || "",
+					parserType: e.parserType,
+					inputKey: e.inputKey,
+					outputKey: e.outputKey,
+					enabled: e.enabled,
+					onError: e.onError,
+					fallbackValue: e.fallbackValue ? JSON.stringify(e.fallbackValue) : "",
+					description: e.description || ""
+				}));
+				R(t), W([
+					e.name,
+					e.description || "",
+					e.status,
+					t,
+					e.version
+				]);
+			}
 		});
 	}, [
 		w,
 		v,
-		G
+		K
 	]);
-	let Ae = {
+	let Ne = {
 		draft: o("bigconsole.pipelines.builder.status.draft", "Draft"),
 		active: o("bigconsole.pipelines.builder.status.active", "Active"),
 		inactive: o("bigconsole.pipelines.builder.status.inactive", "Inactive"),
 		error: o("bigconsole.pipelines.builder.status.error", "Error")
-	}, je = {
+	}, Pe = {
 		fail: o("bigconsole.pipelines.builder.onError.fail", "Fail"),
 		skip: o("bigconsole.pipelines.builder.onError.skip", "Skip"),
 		fallback: o("bigconsole.pipelines.builder.onError.fallback", "Fallback")
-	}, Y = c(() => !j.trim() || L.length === 0 ? !1 : L.every((e) => e.parserId && e.inputKey && e.outputKey), [j, L]), X = c(() => j.trim() ? L.length === 0 ? "Add at least one stage to save this pipeline." : L.every((e) => e.parserId && e.inputKey && e.outputKey) ? null : "Every stage needs a parser, an input key and an output key." : "Give the pipeline a name to save it.", [j, L]), Z = s(() => {
+	}, X = oe(() => !j.trim() || L.length === 0 ? !1 : L.every((e) => e.parserId && e.inputKey && e.outputKey), [j, L]), Z = oe(() => j.trim() ? L.length === 0 ? "Add at least one stage to save this pipeline." : L.every((e) => e.parserId && e.inputKey && e.outputKey) ? null : "Every stage needs a parser, an input key and an output key." : "Give the pipeline a name to save it.", [j, L]), Q = s(() => {
 		C(`/pipelines?consoleId=${encodeURIComponent(D)}`);
-	}, [C, D]), Q = s(() => {
-		R((e) => [...e, { ...xe }]);
-	}, []), Me = s((e) => {
+	}, [C, D]), Fe = s(() => {
+		R((e) => [...e, { ...Ce }]);
+	}, []), Ie = s((e) => {
 		R((t) => t.filter((t, n) => n !== e));
-	}, []), Ne = s((e, t) => {
+	}, []), Le = s((e, t) => {
 		R((n) => {
 			let r = [...n], i = t === "up" ? e - 1 : e + 1;
 			return i < 0 || i >= r.length ? n : ([r[e], r[i]] = [r[i], r[e]], r);
@@ -174,15 +204,15 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 			...n,
 			...t
 		} : n));
-	}, []), Pe = s((e, t) => {
-		let n = J.find((e) => e.id === t);
+	}, []), Re = s((e, t) => {
+		let n = Y.find((e) => e.id === t);
 		n && $(e, {
 			parserId: n.id,
 			parserName: n.name,
 			parserType: n.type
 		});
-	}, [J, $]), Fe = s(async () => {
-		if (!(!Y || !D || !A)) {
+	}, [Y, $]), ze = s(async () => {
+		if (!(!X || !D || !A)) {
 			V(!0), U(null);
 			try {
 				let e = L.map((e) => ({
@@ -196,20 +226,32 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 					fallbackValue: e.fallbackValue ? JSON.parse(e.fallbackValue) : void 0,
 					description: e.description || void 0
 				}));
-				if (w && v) await q(v, {
+				if (w && v) await J(v, {
 					name: j,
 					description: N || void 0,
 					status: F
-				}, z) && C(`/pipelines/${v}`);
+				}, z) && (W([
+					j,
+					N,
+					F,
+					L,
+					z
+				]), C(`/pipelines/${v}`));
 				else {
-					let t = await K({
+					let t = await q({
 						consoleId: D,
 						name: j,
 						description: N || void 0,
 						status: F,
 						stages: e
 					});
-					t && C(`/pipelines/${t.id}`);
+					t && (W([
+						j,
+						N,
+						F,
+						L,
+						z
+					]), C(`/pipelines/${t.id}`));
 				}
 			} catch (e) {
 				U(e instanceof Error ? e.message : o("bigconsole.pipelines.builder.errors.saveFailed", "Failed to save pipeline"));
@@ -218,7 +260,7 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 			}
 		}
 	}, [
-		Y,
+		X,
 		D,
 		A,
 		w,
@@ -228,138 +270,138 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 		F,
 		L,
 		z,
-		K,
 		q,
+		J,
 		C,
 		o
 	]);
-	return ke && w ? /* @__PURE__ */ d("div", {
+	return Me && w ? /* @__PURE__ */ u("div", {
 		className: "p-card-padding",
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "flex flex-col items-center justify-center py-16",
 			role: "status",
-			children: [/* @__PURE__ */ d(de, { style: {
+			children: [/* @__PURE__ */ u(pe, { style: {
 				height: "var(--size-icon-xl)",
 				width: "var(--size-icon-xl)"
-			} }), /* @__PURE__ */ d("p", {
+			} }), /* @__PURE__ */ u("p", {
 				className: "mt-form-gap text-sm text-text-secondary",
 				children: o("bigconsole.pipelines.builder.loading", "Loading Pipeline...")
 			})]
 		})
-	}) : w && !we && !Te ? /* @__PURE__ */ d(se, {
+	}) : w && !Ee && !De ? /* @__PURE__ */ u(le, {
 		title: o("bigconsole.pipelines.builder.accessDenied.title", "Access Denied"),
 		description: o("bigconsole.pipelines.builder.accessDenied.description", "You don't have permission to view this pipeline.")
-	}) : W ? /* @__PURE__ */ d("div", {
+	}) : G ? /* @__PURE__ */ u("div", {
 		className: "p-card-padding",
-		children: /* @__PURE__ */ d(n, {
+		children: /* @__PURE__ */ u(n, {
 			tone: "danger",
 			headingLevel: 2,
 			title: o("bigconsole.pipelines.builder.errors.loadFailed", "Failed to load Pipeline"),
-			description: W.message,
-			icon: /* @__PURE__ */ d(x, { className: "h-icon-sm w-icon-sm" }),
-			actions: /* @__PURE__ */ d(u, {
-				onClick: Z,
-				className: p,
+			description: G.message,
+			icon: /* @__PURE__ */ u(x, { className: "h-icon-sm w-icon-sm" }),
+			actions: /* @__PURE__ */ u(l, {
+				onClick: Q,
+				className: f,
 				children: o("bigconsole.pipelines.builder.actions.backToPipelines", "Back to Pipelines")
 			}),
 			"data-testid": "pipeline-builder-error",
-			children: /* @__PURE__ */ d("p", {
+			children: /* @__PURE__ */ u("p", {
 				className: "text-sm text-text-secondary",
 				children: "The pipeline could not be read from the console service. Nothing was changed."
 			})
 		})
-	}) : /* @__PURE__ */ d("div", {
+	}) : /* @__PURE__ */ u("div", {
 		className: "p-card-padding",
-		children: /* @__PURE__ */ f(r, { children: [
-			/* @__PURE__ */ f("header", {
+		children: /* @__PURE__ */ d(r, { children: [
+			/* @__PURE__ */ d("header", {
 				className: "flex flex-col gap-form-gap sm:flex-row sm:items-start sm:justify-between",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "flex min-w-0 flex-col gap-control-gap",
-					children: [/* @__PURE__ */ f(u, {
+					children: [/* @__PURE__ */ d(l, {
 						variant: "ghost",
 						size: "sm",
-						onClick: Z,
+						onClick: Q,
 						className: "w-fit",
-						children: [/* @__PURE__ */ d(ge, { className: "h-icon-sm w-icon-sm" }), o("bigconsole.pipelines.builder.actions.backToPipelines", "Back to Pipelines")]
-					}), /* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ u(ve, { className: "h-icon-sm w-icon-sm" }), o("bigconsole.pipelines.builder.actions.backToPipelines", "Back to Pipelines")]
+					}), /* @__PURE__ */ d("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ d("h1", {
+						children: [/* @__PURE__ */ u("h1", {
 							className: "text-2xl font-bold leading-tight text-text-primary",
 							children: w ? o("bigconsole.pipelines.builder.header.editTitle", "Edit Pipeline") : o("bigconsole.pipelines.builder.header.createTitle", "Create Pipeline")
-						}), /* @__PURE__ */ d("p", {
+						}), /* @__PURE__ */ u("p", {
 							className: "mt-1 text-sm text-text-secondary",
 							children: w ? o("bigconsole.pipelines.builder.header.editSubtitle", "Update pipeline settings and stages") : o("bigconsole.pipelines.builder.header.createSubtitle", "Create a new data transformation pipeline")
 						})]
 					})]
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ d("div", {
 					className: "flex flex-col gap-1 sm:items-end",
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "flex flex-wrap items-center gap-control-gap",
-						children: [/* @__PURE__ */ d(u, {
+						children: [/* @__PURE__ */ u(l, {
 							variant: "secondary",
-							onClick: Z,
-							className: p,
+							onClick: Q,
+							className: f,
 							children: o("bigconsole.pipelines.builder.actions.cancel", "Cancel")
-						}), /* @__PURE__ */ d(u, {
-							onClick: Fe,
-							disabled: !Y || B || !A,
+						}), /* @__PURE__ */ u(l, {
+							onClick: ze,
+							disabled: !X || B || !A,
 							title: A ? void 0 : w ? o("bigconsole.pipelines.builder.actions.noUpdatePermission", "You don't have permission to update pipelines.") : o("bigconsole.pipelines.builder.actions.noCreatePermission", "You don't have permission to create pipelines."),
-							className: p,
+							className: f,
 							children: B ? o("bigconsole.pipelines.builder.actions.saving", "Saving...") : w ? o("bigconsole.pipelines.builder.actions.saveChanges", "Save Changes") : o("bigconsole.pipelines.builder.actions.createPipeline", "Create Pipeline")
 						})]
-					}), X && /* @__PURE__ */ d("p", {
+					}), Z && /* @__PURE__ */ u("p", {
 						className: "text-xs text-text-secondary sm:text-right",
 						"data-testid": "pipeline-save-blocked-reason",
-						children: X
+						children: Z
 					})]
 				})]
 			}),
-			/* @__PURE__ */ d(ue, {
+			/* @__PURE__ */ u(fe, {
 				className: "max-w-[75ch]",
 				children: o("bigconsole.pipelines.builder.header.purpose", "Build a pipeline by chaining parser stages — each stage reads an input key, runs a parser, and writes a structured output key that the next stage (or a data sink) can use. Name it, add your stages in order, then test it before saving so your data flows end to end.")
 			}),
-			H && /* @__PURE__ */ d(n, {
+			H && /* @__PURE__ */ u(n, {
 				tone: "danger",
 				headingLevel: 2,
 				title: o("bigconsole.pipelines.builder.errors.saveFailed", "Failed to save pipeline"),
 				description: H,
-				icon: /* @__PURE__ */ d(x, { className: "h-icon-sm w-icon-sm" }),
+				icon: /* @__PURE__ */ u(x, { className: "h-icon-sm w-icon-sm" }),
 				"data-testid": "pipeline-save-error"
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ d("div", {
 				className: "grid grid-cols-1 gap-section-gap lg:grid-cols-3",
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ u("div", {
 					className: "min-w-0 lg:col-span-2",
-					children: /* @__PURE__ */ f(r, { children: [/* @__PURE__ */ d(n, {
+					children: /* @__PURE__ */ d(r, { children: [/* @__PURE__ */ u(n, {
 						headingLevel: 2,
 						title: o("bigconsole.pipelines.builder.basicInfo.heading", "Basic Information"),
 						description: "How this pipeline is identified, and whether it runs.",
 						"data-testid": "pipeline-basic-info",
-						children: /* @__PURE__ */ f("div", {
+						children: /* @__PURE__ */ d("div", {
 							className: "flex flex-col gap-form-gap",
 							children: [
-								/* @__PURE__ */ d(te, {
+								/* @__PURE__ */ u(ne, {
 									value: D,
 									disabled: w,
 									onChange: (e) => {
 										let t = new URLSearchParams(T);
-										t.set("consoleId", e), Se(t), R([]);
+										t.set("consoleId", e), we(t), R([]);
 									}
 								}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ d("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ f("label", {
+									children: [/* @__PURE__ */ d("label", {
 										htmlFor: `${O}-name`,
-										className: m,
+										className: p,
 										children: [
 											o("bigconsole.pipelines.builder.basicInfo.nameLabel", "Name"),
 											" ",
-											/* @__PURE__ */ d("span", {
+											/* @__PURE__ */ u("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})
 										]
-									}), /* @__PURE__ */ d("input", {
+									}), /* @__PURE__ */ u("input", {
 										id: `${O}-name`,
 										type: "text",
 										value: j,
@@ -368,13 +410,13 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 										className: g
 									})]
 								}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ d("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ d("label", {
+									children: [/* @__PURE__ */ u("label", {
 										htmlFor: `${O}-description`,
-										className: m,
+										className: p,
 										children: o("bigconsole.pipelines.builder.basicInfo.descriptionLabel", "Description")
-									}), /* @__PURE__ */ d("textarea", {
+									}), /* @__PURE__ */ u("textarea", {
 										id: `${O}-description`,
 										value: N,
 										onChange: (e) => P(e.target.value),
@@ -383,123 +425,123 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 										className: `${g} resize-y`
 									})]
 								}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ d("div", {
 									className: "min-w-0 border-t border-[var(--color-border-subtle)] pt-form-gap",
 									children: [
-										/* @__PURE__ */ d("label", {
+										/* @__PURE__ */ u("label", {
 											htmlFor: `${O}-status`,
-											className: m,
+											className: p,
 											children: o("bigconsole.pipelines.builder.basicInfo.statusLabel", "Status")
 										}),
-										/* @__PURE__ */ d("select", {
+										/* @__PURE__ */ u("select", {
 											id: `${O}-status`,
 											value: F,
 											onChange: (e) => I(e.target.value),
 											className: g,
-											children: be.map((e) => /* @__PURE__ */ d("option", {
+											children: Se.map((e) => /* @__PURE__ */ u("option", {
 												value: e.value,
-												children: Ae[e.value]
+												children: Ne[e.value]
 											}, e.value))
 										}),
-										/* @__PURE__ */ d("p", {
-											className: h,
+										/* @__PURE__ */ u("p", {
+											className: m,
 											children: "Only active pipelines process incoming data."
 										})
 									]
 								})
 							]
 						})
-					}), /* @__PURE__ */ d(n, {
+					}), /* @__PURE__ */ u(n, {
 						emphasis: "primary",
 						headingLevel: 2,
 						title: o("bigconsole.pipelines.builder.stages.heading", "Stages ({{count}})", { count: L.length }),
 						description: "Each stage reads an input key, runs a parser, and writes an output key for the next stage.",
-						actions: /* @__PURE__ */ f(u, {
+						actions: /* @__PURE__ */ d(l, {
 							size: "sm",
-							onClick: Q,
-							className: p,
-							children: [/* @__PURE__ */ d(b, { className: "h-icon-sm w-icon-sm" }), o("bigconsole.pipelines.builder.stages.addStage", "Add Stage")]
+							onClick: Fe,
+							className: f,
+							children: [/* @__PURE__ */ u(b, { className: "h-icon-sm w-icon-sm" }), o("bigconsole.pipelines.builder.stages.addStage", "Add Stage")]
 						}),
 						"data-testid": "pipeline-stages-editor",
-						children: L.length === 0 ? /* @__PURE__ */ d(le, {
+						children: L.length === 0 ? /* @__PURE__ */ u(de, {
 							illustration: "empty-generic",
 							title: o("bigconsole.pipelines.builder.stages.emptyTitle", "No stages yet"),
 							description: o("bigconsole.pipelines.builder.stages.emptyDescription", "Add a stage to start building your pipeline."),
-							action: /* @__PURE__ */ f(u, {
-								onClick: Q,
-								className: p,
-								children: [/* @__PURE__ */ d(b, { className: "h-icon-sm w-icon-sm" }), o("bigconsole.pipelines.builder.stages.addFirstStage", "Add First Stage")]
+							action: /* @__PURE__ */ d(l, {
+								onClick: Fe,
+								className: f,
+								children: [/* @__PURE__ */ u(b, { className: "h-icon-sm w-icon-sm" }), o("bigconsole.pipelines.builder.stages.addFirstStage", "Add First Stage")]
 							})
-						}) : /* @__PURE__ */ d("ol", {
+						}) : /* @__PURE__ */ u("ol", {
 							className: "flex flex-col gap-form-gap",
-							children: L.map((e, r) => /* @__PURE__ */ d("li", {
+							children: L.map((e, r) => /* @__PURE__ */ u("li", {
 								className: "min-w-0",
-								children: /* @__PURE__ */ d(n, {
+								children: /* @__PURE__ */ u(n, {
 									emphasis: "muted",
 									padding: "compact",
 									headingLevel: 3,
-									title: /* @__PURE__ */ f("span", {
+									title: /* @__PURE__ */ d("span", {
 										className: "flex min-w-0 items-center gap-icon-gap",
-										children: [/* @__PURE__ */ d("span", {
+										children: [/* @__PURE__ */ u("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: r + 1
-										}), /* @__PURE__ */ d("span", {
+										}), /* @__PURE__ */ u("span", {
 											className: "min-w-0 truncate",
 											children: e.parserName || o("bigconsole.pipelines.builder.stages.defaultStageName", "Stage {{number}}", { number: r + 1 })
 										})]
 									}),
-									actions: /* @__PURE__ */ f(fe, { children: [
-										/* @__PURE__ */ d("button", {
+									actions: /* @__PURE__ */ d(ge, { children: [
+										/* @__PURE__ */ u("button", {
 											type: "button",
-											onClick: () => Ne(r, "up"),
+											onClick: () => Le(r, "up"),
 											disabled: r === 0,
 											className: y,
 											"aria-label": `Move stage ${r + 1} up`,
-											children: /* @__PURE__ */ d(ve, { className: "h-icon-sm w-icon-sm" })
+											children: /* @__PURE__ */ u(be, { className: "h-icon-sm w-icon-sm" })
 										}),
-										/* @__PURE__ */ d("button", {
+										/* @__PURE__ */ u("button", {
 											type: "button",
-											onClick: () => Ne(r, "down"),
+											onClick: () => Le(r, "down"),
 											disabled: r === L.length - 1,
 											className: y,
 											"aria-label": `Move stage ${r + 1} down`,
-											children: /* @__PURE__ */ d(ye, { className: "h-icon-sm w-icon-sm" })
+											children: /* @__PURE__ */ u(xe, { className: "h-icon-sm w-icon-sm" })
 										}),
-										/* @__PURE__ */ d("button", {
+										/* @__PURE__ */ u("button", {
 											type: "button",
-											onClick: () => Me(r),
-											className: he,
+											onClick: () => Ie(r),
+											className: _e,
 											"aria-label": `Remove stage ${r + 1}`,
-											children: /* @__PURE__ */ d(_e, { className: "h-icon-sm w-icon-sm" })
+											children: /* @__PURE__ */ u(ye, { className: "h-icon-sm w-icon-sm" })
 										})
 									] }),
 									"data-testid": "pipeline-stage-editor",
-									children: /* @__PURE__ */ f("div", {
+									children: /* @__PURE__ */ d("div", {
 										className: "flex flex-col gap-form-gap",
 										children: [
-											/* @__PURE__ */ f("div", {
+											/* @__PURE__ */ d("div", {
 												className: "min-w-0",
-												children: [/* @__PURE__ */ f("label", {
+												children: [/* @__PURE__ */ d("label", {
 													htmlFor: `${O}-parser-${r}`,
-													className: m,
+													className: p,
 													children: [
 														o("bigconsole.pipelines.builder.stages.parserLabel", "Parser"),
 														" ",
-														/* @__PURE__ */ d("span", {
+														/* @__PURE__ */ u("span", {
 															className: "text-status-error-text",
 															children: "*"
 														})
 													]
-												}), /* @__PURE__ */ f("select", {
+												}), /* @__PURE__ */ d("select", {
 													id: `${O}-parser-${r}`,
 													value: e.parserId,
-													onChange: (e) => Pe(r, e.target.value),
+													onChange: (e) => Re(r, e.target.value),
 													className: g,
-													children: [/* @__PURE__ */ d("option", {
+													children: [/* @__PURE__ */ u("option", {
 														value: "",
 														children: o("bigconsole.pipelines.builder.stages.parserPlaceholder", "Select a parser...")
-													}), J.map((e) => /* @__PURE__ */ f("option", {
+													}), Y.map((e) => /* @__PURE__ */ d("option", {
 														value: e.id,
 														children: [
 															e.name,
@@ -510,27 +552,27 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 													}, e.id))]
 												})]
 											}),
-											/* @__PURE__ */ f("fieldset", {
+											/* @__PURE__ */ d("fieldset", {
 												className: "min-w-0",
-												children: [/* @__PURE__ */ d("legend", {
-													className: me,
+												children: [/* @__PURE__ */ u("legend", {
+													className: h,
 													children: "Data contract"
-												}), /* @__PURE__ */ f("div", {
+												}), /* @__PURE__ */ d("div", {
 													className: "grid grid-cols-1 gap-form-gap sm:grid-cols-2",
-													children: [/* @__PURE__ */ f("div", {
+													children: [/* @__PURE__ */ d("div", {
 														className: "min-w-0",
-														children: [/* @__PURE__ */ f("label", {
+														children: [/* @__PURE__ */ d("label", {
 															htmlFor: `${O}-input-${r}`,
-															className: m,
+															className: p,
 															children: [
 																o("bigconsole.pipelines.builder.stages.inputKeyLabel", "Input Key"),
 																" ",
-																/* @__PURE__ */ d("span", {
+																/* @__PURE__ */ u("span", {
 																	className: "text-status-error-text",
 																	children: "*"
 																})
 															]
-														}), /* @__PURE__ */ d("input", {
+														}), /* @__PURE__ */ u("input", {
 															id: `${O}-input-${r}`,
 															type: "text",
 															value: e.inputKey,
@@ -538,20 +580,20 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 															placeholder: o("bigconsole.pipelines.builder.stages.inputKeyPlaceholder", "data"),
 															className: _
 														})]
-													}), /* @__PURE__ */ f("div", {
+													}), /* @__PURE__ */ d("div", {
 														className: "min-w-0",
-														children: [/* @__PURE__ */ f("label", {
+														children: [/* @__PURE__ */ d("label", {
 															htmlFor: `${O}-output-${r}`,
-															className: m,
+															className: p,
 															children: [
 																o("bigconsole.pipelines.builder.stages.outputKeyLabel", "Output Key"),
 																" ",
-																/* @__PURE__ */ d("span", {
+																/* @__PURE__ */ u("span", {
 																	className: "text-status-error-text",
 																	children: "*"
 																})
 															]
-														}), /* @__PURE__ */ d("input", {
+														}), /* @__PURE__ */ u("input", {
 															id: `${O}-output-${r}`,
 															type: "text",
 															value: e.outputKey,
@@ -562,62 +604,62 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 													})]
 												})]
 											}),
-											/* @__PURE__ */ f("fieldset", {
+											/* @__PURE__ */ d("fieldset", {
 												className: "min-w-0",
-												children: [/* @__PURE__ */ d("legend", {
-													className: me,
+												children: [/* @__PURE__ */ u("legend", {
+													className: h,
 													children: "Failure policy"
-												}), /* @__PURE__ */ f("div", {
+												}), /* @__PURE__ */ d("div", {
 													className: "grid grid-cols-1 gap-form-gap sm:grid-cols-2",
 													children: [
-														/* @__PURE__ */ f("div", {
+														/* @__PURE__ */ d("div", {
 															className: "min-w-0",
 															children: [
-																/* @__PURE__ */ d("label", {
+																/* @__PURE__ */ u("label", {
 																	htmlFor: `${O}-onerror-${r}`,
-																	className: m,
+																	className: p,
 																	children: o("bigconsole.pipelines.builder.stages.onErrorLabel", "On Error")
 																}),
-																/* @__PURE__ */ d("select", {
+																/* @__PURE__ */ u("select", {
 																	id: `${O}-onerror-${r}`,
 																	value: e.onError,
 																	onChange: (e) => $(r, { onError: e.target.value }),
 																	className: g,
-																	children: S.map((e) => /* @__PURE__ */ d("option", {
+																	children: S.map((e) => /* @__PURE__ */ u("option", {
 																		value: e.value,
-																		children: je[e.value]
+																		children: Pe[e.value]
 																	}, e.value))
 																}),
-																/* @__PURE__ */ d("p", {
-																	className: h,
+																/* @__PURE__ */ u("p", {
+																	className: m,
 																	children: S.find((t) => t.value === e.onError)?.description
 																})
 															]
 														}),
-														/* @__PURE__ */ d("div", {
+														/* @__PURE__ */ u("div", {
 															className: "flex min-w-0 items-start",
-															children: /* @__PURE__ */ f("label", {
+															children: /* @__PURE__ */ d("label", {
 																htmlFor: `${O}-enabled-${r}`,
-																className: `flex cursor-pointer items-center gap-2 ${p}`,
-																children: [/* @__PURE__ */ d("input", {
+																className: `flex cursor-pointer items-center gap-2 ${f}`,
+																children: [/* @__PURE__ */ u("input", {
 																	id: `${O}-enabled-${r}`,
 																	type: "checkbox",
 																	checked: e.enabled,
 																	onChange: (e) => $(r, { enabled: e.target.checked }),
 																	className: `h-4 w-4 rounded border-[var(--color-border-subtle)] text-action-primary-bg ${t}`
-																}), /* @__PURE__ */ d("span", {
+																}), /* @__PURE__ */ u("span", {
 																	className: "text-sm text-text-primary",
 																	children: o("bigconsole.pipelines.builder.stages.enabledLabel", "Enabled")
 																})]
 															})
 														}),
-														e.onError === "fallback" && /* @__PURE__ */ f("div", {
+														e.onError === "fallback" && /* @__PURE__ */ d("div", {
 															className: "min-w-0 sm:col-span-2",
-															children: [/* @__PURE__ */ d("label", {
+															children: [/* @__PURE__ */ u("label", {
 																htmlFor: `${O}-fallback-${r}`,
-																className: m,
+																className: p,
 																children: o("bigconsole.pipelines.builder.stages.fallbackValueLabel", "Fallback Value (JSON)")
-															}), /* @__PURE__ */ d("input", {
+															}), /* @__PURE__ */ u("input", {
 																id: `${O}-fallback-${r}`,
 																type: "text",
 																value: e.fallbackValue,
@@ -635,68 +677,68 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 							}, r))
 						})
 					})] })
-				}), /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ u("div", {
 					className: "min-w-0",
-					children: /* @__PURE__ */ f(r, { children: [/* @__PURE__ */ d(n, {
+					children: /* @__PURE__ */ d(r, { children: [/* @__PURE__ */ u(n, {
 						emphasis: "muted",
 						headingLevel: 2,
 						title: o("bigconsole.pipelines.builder.preview.heading", "Preview"),
 						description: "What will be saved.",
 						"data-testid": "pipeline-preview",
-						children: /* @__PURE__ */ f("dl", {
+						children: /* @__PURE__ */ d("dl", {
 							className: "flex flex-col gap-3 text-sm",
 							children: [
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ d("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ d("dt", {
+									children: [/* @__PURE__ */ u("dt", {
 										className: "text-xs text-text-muted",
 										children: o("bigconsole.pipelines.builder.preview.nameLabel", "Name")
-									}), /* @__PURE__ */ d("dd", {
+									}), /* @__PURE__ */ u("dd", {
 										className: "break-words text-text-primary",
 										children: j || o("bigconsole.pipelines.builder.preview.untitled", "Untitled")
 									})]
 								}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ d("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ d("dt", {
+									children: [/* @__PURE__ */ u("dt", {
 										className: "text-xs text-text-muted",
 										children: o("bigconsole.pipelines.builder.preview.statusLabel", "Status")
-									}), /* @__PURE__ */ d("dd", {
+									}), /* @__PURE__ */ u("dd", {
 										className: "mt-1",
-										children: /* @__PURE__ */ d(ne, {
+										children: /* @__PURE__ */ u(re, {
 											status: F,
 											size: "sm"
 										})
 									})]
 								}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ d("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ d("dt", {
+									children: [/* @__PURE__ */ u("dt", {
 										className: "text-xs text-text-muted",
 										children: o("bigconsole.pipelines.builder.preview.stagesLabel", "Stages")
-									}), /* @__PURE__ */ d("dd", {
+									}), /* @__PURE__ */ u("dd", {
 										className: "text-text-primary",
 										children: L.length
 									})]
 								}),
-								L.length > 0 && /* @__PURE__ */ f("div", {
+								L.length > 0 && /* @__PURE__ */ d("div", {
 									className: "min-w-0 border-t border-[var(--color-border-subtle)] pt-3",
-									children: [/* @__PURE__ */ d("dt", {
+									children: [/* @__PURE__ */ u("dt", {
 										className: "text-xs text-text-muted",
 										children: o("bigconsole.pipelines.builder.preview.dataFlowLabel", "Data Flow")
-									}), /* @__PURE__ */ f("dd", {
+									}), /* @__PURE__ */ d("dd", {
 										className: "mt-1 flex flex-wrap items-center gap-1 text-xs",
-										children: [L.map((e, t) => /* @__PURE__ */ f("span", {
+										children: [L.map((e, t) => /* @__PURE__ */ d("span", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ d("code", {
+											children: [/* @__PURE__ */ u("code", {
 												className: "rounded-button bg-bg-surface px-1.5 py-0.5 font-mono break-all text-text-primary",
 												children: e.inputKey
-											}), /* @__PURE__ */ d("span", {
+											}), /* @__PURE__ */ u("span", {
 												"aria-hidden": "true",
 												className: "text-text-muted",
 												children: "→"
 											})]
-										}, t)), /* @__PURE__ */ d("code", {
+										}, t)), /* @__PURE__ */ u("code", {
 											className: "rounded-button bg-bg-surface px-1.5 py-0.5 font-mono break-all text-text-primary",
 											children: L[L.length - 1].outputKey
 										})]
@@ -704,19 +746,19 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 								})
 							]
 						})
-					}), /* @__PURE__ */ d(n, {
+					}), /* @__PURE__ */ u(n, {
 						emphasis: "muted",
 						padding: "compact",
 						headingLevel: 2,
 						title: o("bigconsole.pipelines.builder.tips.heading", "Tips"),
 						"data-testid": "pipeline-builder-tips",
-						children: /* @__PURE__ */ f("ul", {
+						children: /* @__PURE__ */ d("ul", {
 							className: "list-disc space-y-1 pl-4 text-sm text-text-secondary",
 							children: [
-								/* @__PURE__ */ d("li", { children: o("bigconsole.pipelines.builder.tips.item1", "Each stage processes the output of the previous stage") }),
-								/* @__PURE__ */ d("li", { children: o("bigconsole.pipelines.builder.tips.item2", "Use consistent input/output keys to chain data") }),
-								/* @__PURE__ */ d("li", { children: o("bigconsole.pipelines.builder.tips.item3", "Set error handling per stage for robustness") }),
-								/* @__PURE__ */ d("li", { children: o("bigconsole.pipelines.builder.tips.item4", "Disable stages to skip them during execution") })
+								/* @__PURE__ */ u("li", { children: o("bigconsole.pipelines.builder.tips.item1", "Each stage processes the output of the previous stage") }),
+								/* @__PURE__ */ u("li", { children: o("bigconsole.pipelines.builder.tips.item2", "Use consistent input/output keys to chain data") }),
+								/* @__PURE__ */ u("li", { children: o("bigconsole.pipelines.builder.tips.item3", "Set error handling per stage for robustness") }),
+								/* @__PURE__ */ u("li", { children: o("bigconsole.pipelines.builder.tips.item4", "Disable stages to skip them during execution") })
 							]
 						})
 					})] })