@burdenoff/microfe-bigconsole 2026.1004.3 → 2026.1004.4

package/dist/bigconsole/pages/PipelineBuilderPage.js

@@ -6,16 +6,17 @@ 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 te from "../components/pipeline/PipelineStatusBadge.js";
-import { memo as o, useCallback as s, useEffect as ne, useId as re, useMemo as c, useState as l } from "react";
-import { useParams 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 u, IllustratedEmptyState as se, PagePurpose as ce, Spinner as le } from "@burdenoff/fe-libs/ui";
-import { Fragment as ue, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useI18n as de } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+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";
 //#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", g = "mb-1 text-xs font-semibold uppercase tracking-wide text-text-muted", _ = `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}`, v = `${_} font-mono`, y = `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}`, b = `${y} hover:bg-bg-surface hover:text-text-primary`, fe = `${y} hover:bg-[var(--color-status-error-bgSubtle)] hover:text-status-error-text`, pe = ({ className: e }) => /* @__PURE__ */ d("svg", {
+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", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
@@ -26,7 +27,7 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 		strokeWidth: 2,
 		d: "M10 19l-7-7m0 0l7-7m-7 7h18"
 	})
-}), x = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), b = ({ className: e }) => /* @__PURE__ */ d("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
@@ -37,7 +38,7 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 		strokeWidth: 2,
 		d: "M12 4v16m8-8H4"
 	})
-}), me = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), _e = ({ className: e }) => /* @__PURE__ */ d("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
@@ -48,7 +49,7 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 		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__ */ d("svg", {
+}), ve = ({ className: e }) => /* @__PURE__ */ d("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
@@ -59,7 +60,7 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 		strokeWidth: 2,
 		d: "M5 15l7-7 7 7"
 	})
-}), ge = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), ye = ({ className: e }) => /* @__PURE__ */ d("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
@@ -70,7 +71,7 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 		strokeWidth: 2,
 		d: "M19 9l-7 7-7-7"
 	})
-}), S = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), x = ({ className: e }) => /* @__PURE__ */ d("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
@@ -81,7 +82,7 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 		strokeWidth: 2,
 		d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 	})
-}), _e = [
+}), be = [
 	{
 		value: "draft",
 		label: "Draft"
@@ -94,7 +95,7 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 		value: "inactive",
 		label: "Inactive"
 	}
-], C = [
+], S = [
 	{
 		value: "fail",
 		label: "Fail",
@@ -110,7 +111,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"
 	}
-], ve = {
+], xe = {
 	parserId: "",
 	parserName: "",
 	parserType: null,
@@ -120,14 +121,17 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 	onError: "fail",
 	fallbackValue: "",
 	description: ""
-}, w = o(function() {
-	let { t: o } = de(), { pipelineId: y } = ie(), w = e(), T = !!y && y !== "new", E = "default", D = re(), { hasPermission: O, isLoading: ye } = oe(), be = O(a.PIPELINE_READ), xe = O(a.PIPELINE_CREATE), Se = O(a.PIPELINE_UPDATE), k = T ? Se : xe, [A, j] = l(""), [M, N] = l(""), [P, F] = l("draft"), [I, L] = l([]), [R, Ce] = l(1), [z, B] = l(!1), [V, H] = l(null), { loading: we, error: U, fetchPipeline: W, createPipeline: G, updatePipeline: K } = ee({
-		consoleId: E,
+}, 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({
+		consoleId: D,
 		skipFetch: !0
-	}), { parsers: q } = i({ consoleId: E });
-	ne(() => {
-		T && y && W(y).then((e) => {
-			e && (j(e.name), N(e.description || ""), F(e.status), Ce(e.version), L((e.stages || []).map((e) => ({
+	}), { parsers: J } = 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 || "",
@@ -141,47 +145,47 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 			}))));
 		});
 	}, [
-		T,
-		y,
-		W
+		w,
+		v,
+		G
 	]);
-	let Te = {
+	let Ae = {
 		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")
-	}, Ee = {
+	}, je = {
 		fail: o("bigconsole.pipelines.builder.onError.fail", "Fail"),
 		skip: o("bigconsole.pipelines.builder.onError.skip", "Skip"),
 		fallback: o("bigconsole.pipelines.builder.onError.fallback", "Fallback")
-	}, J = c(() => !A.trim() || I.length === 0 ? !1 : I.every((e) => e.parserId && e.inputKey && e.outputKey), [A, I]), Y = c(() => A.trim() ? I.length === 0 ? "Add at least one stage to save this pipeline." : I.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.", [A, I]), X = s(() => {
-		w("/pipelines");
-	}, [w]), Z = s(() => {
-		L((e) => [...e, { ...ve }]);
-	}, []), De = s((e) => {
-		L((t) => t.filter((t, n) => n !== e));
-	}, []), Q = s((e, t) => {
-		L((n) => {
+	}, 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(() => {
+		C(`/pipelines?consoleId=${encodeURIComponent(D)}`);
+	}, [C, D]), Q = s(() => {
+		R((e) => [...e, { ...xe }]);
+	}, []), Me = s((e) => {
+		R((t) => t.filter((t, n) => n !== e));
+	}, []), Ne = 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);
 		});
 	}, []), $ = s((e, t) => {
-		L((n) => n.map((n, r) => r === e ? {
+		R((n) => n.map((n, r) => r === e ? {
 			...n,
 			...t
 		} : n));
-	}, []), Oe = s((e, t) => {
-		let n = q.find((e) => e.id === t);
+	}, []), Pe = s((e, t) => {
+		let n = J.find((e) => e.id === t);
 		n && $(e, {
 			parserId: n.id,
 			parserName: n.name,
 			parserType: n.type
 		});
-	}, [q, $]), ke = s(async () => {
-		if (!(!J || !k)) {
-			B(!0), H(null);
+	}, [J, $]), Fe = s(async () => {
+		if (!(!Y || !D || !A)) {
+			V(!0), U(null);
 			try {
-				let e = I.map((e) => ({
+				let e = L.map((e) => ({
 					parserId: e.parserId,
 					parserName: e.parserName,
 					parserType: e.parserType || void 0,
@@ -192,49 +196,49 @@ 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 (T && y) await K(y, {
-					name: A,
-					description: M || void 0,
-					status: P
-				}, R) && w(`/pipelines/${y}`);
+				if (w && v) await q(v, {
+					name: j,
+					description: N || void 0,
+					status: F
+				}, z) && C(`/pipelines/${v}`);
 				else {
-					let t = await G({
-						consoleId: E,
-						name: A,
-						description: M || void 0,
-						status: P,
+					let t = await K({
+						consoleId: D,
+						name: j,
+						description: N || void 0,
+						status: F,
 						stages: e
 					});
-					t && w(`/pipelines/${t.id}`);
+					t && C(`/pipelines/${t.id}`);
 				}
 			} catch (e) {
-				H(e instanceof Error ? e.message : o("bigconsole.pipelines.builder.errors.saveFailed", "Failed to save pipeline"));
+				U(e instanceof Error ? e.message : o("bigconsole.pipelines.builder.errors.saveFailed", "Failed to save pipeline"));
 			} finally {
-				B(!1);
+				V(!1);
 			}
 		}
 	}, [
-		J,
-		E,
-		k,
-		T,
-		y,
+		Y,
+		D,
 		A,
-		M,
-		P,
-		I,
-		R,
-		G,
-		K,
 		w,
+		v,
+		j,
+		N,
+		F,
+		L,
+		z,
+		K,
+		q,
+		C,
 		o
 	]);
-	return we && T ? /* @__PURE__ */ d("div", {
+	return ke && w ? /* @__PURE__ */ d("div", {
 		className: "p-card-padding",
 		children: /* @__PURE__ */ f("div", {
 			className: "flex flex-col items-center justify-center py-16",
 			role: "status",
-			children: [/* @__PURE__ */ d(le, { style: {
+			children: [/* @__PURE__ */ d(de, { style: {
 				height: "var(--size-icon-xl)",
 				width: "var(--size-icon-xl)"
 			} }), /* @__PURE__ */ d("p", {
@@ -242,19 +246,19 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 				children: o("bigconsole.pipelines.builder.loading", "Loading Pipeline...")
 			})]
 		})
-	}) : T && !ye && !be ? /* @__PURE__ */ d(ae, {
+	}) : w && !we && !Te ? /* @__PURE__ */ d(se, {
 		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.")
-	}) : U ? /* @__PURE__ */ d("div", {
+	}) : W ? /* @__PURE__ */ d("div", {
 		className: "p-card-padding",
 		children: /* @__PURE__ */ d(n, {
 			tone: "danger",
 			headingLevel: 2,
 			title: o("bigconsole.pipelines.builder.errors.loadFailed", "Failed to load Pipeline"),
-			description: U.message,
-			icon: /* @__PURE__ */ d(S, { className: "h-icon-sm w-icon-sm" }),
+			description: W.message,
+			icon: /* @__PURE__ */ d(x, { className: "h-icon-sm w-icon-sm" }),
 			actions: /* @__PURE__ */ d(u, {
-				onClick: X,
+				onClick: Z,
 				className: p,
 				children: o("bigconsole.pipelines.builder.actions.backToPipelines", "Back to Pipelines")
 			}),
@@ -274,17 +278,17 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 					children: [/* @__PURE__ */ f(u, {
 						variant: "ghost",
 						size: "sm",
-						onClick: X,
+						onClick: Z,
 						className: "w-fit",
-						children: [/* @__PURE__ */ d(pe, { className: "h-icon-sm w-icon-sm" }), o("bigconsole.pipelines.builder.actions.backToPipelines", "Back to Pipelines")]
+						children: [/* @__PURE__ */ d(ge, { className: "h-icon-sm w-icon-sm" }), o("bigconsole.pipelines.builder.actions.backToPipelines", "Back to Pipelines")]
 					}), /* @__PURE__ */ f("div", {
 						className: "min-w-0",
 						children: [/* @__PURE__ */ d("h1", {
 							className: "text-2xl font-bold leading-tight text-text-primary",
-							children: T ? o("bigconsole.pipelines.builder.header.editTitle", "Edit Pipeline") : o("bigconsole.pipelines.builder.header.createTitle", "Create Pipeline")
+							children: w ? o("bigconsole.pipelines.builder.header.editTitle", "Edit Pipeline") : o("bigconsole.pipelines.builder.header.createTitle", "Create Pipeline")
 						}), /* @__PURE__ */ d("p", {
 							className: "mt-1 text-sm text-text-secondary",
-							children: T ? o("bigconsole.pipelines.builder.header.editSubtitle", "Update pipeline settings and stages") : o("bigconsole.pipelines.builder.header.createSubtitle", "Create a new data transformation pipeline")
+							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", {
@@ -293,33 +297,33 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 						className: "flex flex-wrap items-center gap-control-gap",
 						children: [/* @__PURE__ */ d(u, {
 							variant: "secondary",
-							onClick: X,
+							onClick: Z,
 							className: p,
 							children: o("bigconsole.pipelines.builder.actions.cancel", "Cancel")
 						}), /* @__PURE__ */ d(u, {
-							onClick: ke,
-							disabled: !J || z || !k,
-							title: k ? void 0 : T ? 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."),
+							onClick: Fe,
+							disabled: !Y || 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,
-							children: z ? o("bigconsole.pipelines.builder.actions.saving", "Saving...") : T ? o("bigconsole.pipelines.builder.actions.saveChanges", "Save Changes") : o("bigconsole.pipelines.builder.actions.createPipeline", "Create Pipeline")
+							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")
 						})]
-					}), Y && /* @__PURE__ */ d("p", {
+					}), X && /* @__PURE__ */ d("p", {
 						className: "text-xs text-text-secondary sm:text-right",
 						"data-testid": "pipeline-save-blocked-reason",
-						children: Y
+						children: X
 					})]
 				})]
 			}),
-			/* @__PURE__ */ d(ce, {
+			/* @__PURE__ */ d(ue, {
 				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.")
 			}),
-			V && /* @__PURE__ */ d(n, {
+			H && /* @__PURE__ */ d(n, {
 				tone: "danger",
 				headingLevel: 2,
 				title: o("bigconsole.pipelines.builder.errors.saveFailed", "Failed to save pipeline"),
-				description: V,
-				icon: /* @__PURE__ */ d(S, { className: "h-icon-sm w-icon-sm" }),
+				description: H,
+				icon: /* @__PURE__ */ d(x, { className: "h-icon-sm w-icon-sm" }),
 				"data-testid": "pipeline-save-error"
 			}),
 			/* @__PURE__ */ f("div", {
@@ -334,10 +338,18 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 						children: /* @__PURE__ */ f("div", {
 							className: "flex flex-col gap-form-gap",
 							children: [
+								/* @__PURE__ */ d(te, {
+									value: D,
+									disabled: w,
+									onChange: (e) => {
+										let t = new URLSearchParams(T);
+										t.set("consoleId", e), Se(t), R([]);
+									}
+								}),
 								/* @__PURE__ */ f("div", {
 									className: "min-w-0",
 									children: [/* @__PURE__ */ f("label", {
-										htmlFor: `${D}-name`,
+										htmlFor: `${O}-name`,
 										className: m,
 										children: [
 											o("bigconsole.pipelines.builder.basicInfo.nameLabel", "Name"),
@@ -348,45 +360,45 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 											})
 										]
 									}), /* @__PURE__ */ d("input", {
-										id: `${D}-name`,
+										id: `${O}-name`,
 										type: "text",
-										value: A,
-										onChange: (e) => j(e.target.value),
+										value: j,
+										onChange: (e) => M(e.target.value),
 										placeholder: o("bigconsole.pipelines.builder.basicInfo.namePlaceholder", "My Pipeline"),
-										className: _
+										className: g
 									})]
 								}),
 								/* @__PURE__ */ f("div", {
 									className: "min-w-0",
 									children: [/* @__PURE__ */ d("label", {
-										htmlFor: `${D}-description`,
+										htmlFor: `${O}-description`,
 										className: m,
 										children: o("bigconsole.pipelines.builder.basicInfo.descriptionLabel", "Description")
 									}), /* @__PURE__ */ d("textarea", {
-										id: `${D}-description`,
-										value: M,
-										onChange: (e) => N(e.target.value),
+										id: `${O}-description`,
+										value: N,
+										onChange: (e) => P(e.target.value),
 										placeholder: o("bigconsole.pipelines.builder.basicInfo.descriptionPlaceholder", "What does this pipeline do?"),
 										rows: 3,
-										className: `${_} resize-y`
+										className: `${g} resize-y`
 									})]
 								}),
 								/* @__PURE__ */ f("div", {
 									className: "min-w-0 border-t border-[var(--color-border-subtle)] pt-form-gap",
 									children: [
 										/* @__PURE__ */ d("label", {
-											htmlFor: `${D}-status`,
+											htmlFor: `${O}-status`,
 											className: m,
 											children: o("bigconsole.pipelines.builder.basicInfo.statusLabel", "Status")
 										}),
 										/* @__PURE__ */ d("select", {
-											id: `${D}-status`,
-											value: P,
-											onChange: (e) => F(e.target.value),
-											className: _,
-											children: _e.map((e) => /* @__PURE__ */ d("option", {
+											id: `${O}-status`,
+											value: F,
+											onChange: (e) => I(e.target.value),
+											className: g,
+											children: be.map((e) => /* @__PURE__ */ d("option", {
 												value: e.value,
-												children: Te[e.value]
+												children: Ae[e.value]
 											}, e.value))
 										}),
 										/* @__PURE__ */ d("p", {
@@ -400,27 +412,27 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 					}), /* @__PURE__ */ d(n, {
 						emphasis: "primary",
 						headingLevel: 2,
-						title: o("bigconsole.pipelines.builder.stages.heading", "Stages ({{count}})", { count: I.length }),
+						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, {
 							size: "sm",
-							onClick: Z,
+							onClick: Q,
 							className: p,
-							children: [/* @__PURE__ */ d(x, { className: "h-icon-sm w-icon-sm" }), o("bigconsole.pipelines.builder.stages.addStage", "Add Stage")]
+							children: [/* @__PURE__ */ d(b, { className: "h-icon-sm w-icon-sm" }), o("bigconsole.pipelines.builder.stages.addStage", "Add Stage")]
 						}),
 						"data-testid": "pipeline-stages-editor",
-						children: I.length === 0 ? /* @__PURE__ */ d(se, {
+						children: L.length === 0 ? /* @__PURE__ */ d(le, {
 							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: Z,
+								onClick: Q,
 								className: p,
-								children: [/* @__PURE__ */ d(x, { className: "h-icon-sm w-icon-sm" }), o("bigconsole.pipelines.builder.stages.addFirstStage", "Add First Stage")]
+								children: [/* @__PURE__ */ d(b, { className: "h-icon-sm w-icon-sm" }), o("bigconsole.pipelines.builder.stages.addFirstStage", "Add First Stage")]
 							})
 						}) : /* @__PURE__ */ d("ol", {
 							className: "flex flex-col gap-form-gap",
-							children: I.map((e, r) => /* @__PURE__ */ d("li", {
+							children: L.map((e, r) => /* @__PURE__ */ d("li", {
 								className: "min-w-0",
 								children: /* @__PURE__ */ d(n, {
 									emphasis: "muted",
@@ -437,29 +449,29 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 											children: e.parserName || o("bigconsole.pipelines.builder.stages.defaultStageName", "Stage {{number}}", { number: r + 1 })
 										})]
 									}),
-									actions: /* @__PURE__ */ f(ue, { children: [
+									actions: /* @__PURE__ */ f(fe, { children: [
 										/* @__PURE__ */ d("button", {
 											type: "button",
-											onClick: () => Q(r, "up"),
+											onClick: () => Ne(r, "up"),
 											disabled: r === 0,
-											className: b,
+											className: y,
 											"aria-label": `Move stage ${r + 1} up`,
-											children: /* @__PURE__ */ d(he, { className: "h-icon-sm w-icon-sm" })
+											children: /* @__PURE__ */ d(ve, { className: "h-icon-sm w-icon-sm" })
 										}),
 										/* @__PURE__ */ d("button", {
 											type: "button",
-											onClick: () => Q(r, "down"),
-											disabled: r === I.length - 1,
-											className: b,
+											onClick: () => Ne(r, "down"),
+											disabled: r === L.length - 1,
+											className: y,
 											"aria-label": `Move stage ${r + 1} down`,
-											children: /* @__PURE__ */ d(ge, { className: "h-icon-sm w-icon-sm" })
+											children: /* @__PURE__ */ d(ye, { className: "h-icon-sm w-icon-sm" })
 										}),
 										/* @__PURE__ */ d("button", {
 											type: "button",
-											onClick: () => De(r),
-											className: fe,
+											onClick: () => Me(r),
+											className: he,
 											"aria-label": `Remove stage ${r + 1}`,
-											children: /* @__PURE__ */ d(me, { className: "h-icon-sm w-icon-sm" })
+											children: /* @__PURE__ */ d(_e, { className: "h-icon-sm w-icon-sm" })
 										})
 									] }),
 									"data-testid": "pipeline-stage-editor",
@@ -469,7 +481,7 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 											/* @__PURE__ */ f("div", {
 												className: "min-w-0",
 												children: [/* @__PURE__ */ f("label", {
-													htmlFor: `${D}-parser-${r}`,
+													htmlFor: `${O}-parser-${r}`,
 													className: m,
 													children: [
 														o("bigconsole.pipelines.builder.stages.parserLabel", "Parser"),
@@ -480,14 +492,14 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 														})
 													]
 												}), /* @__PURE__ */ f("select", {
-													id: `${D}-parser-${r}`,
+													id: `${O}-parser-${r}`,
 													value: e.parserId,
-													onChange: (e) => Oe(r, e.target.value),
-													className: _,
+													onChange: (e) => Pe(r, e.target.value),
+													className: g,
 													children: [/* @__PURE__ */ d("option", {
 														value: "",
 														children: o("bigconsole.pipelines.builder.stages.parserPlaceholder", "Select a parser...")
-													}), q.map((e) => /* @__PURE__ */ f("option", {
+													}), J.map((e) => /* @__PURE__ */ f("option", {
 														value: e.id,
 														children: [
 															e.name,
@@ -501,14 +513,14 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 											/* @__PURE__ */ f("fieldset", {
 												className: "min-w-0",
 												children: [/* @__PURE__ */ d("legend", {
-													className: g,
+													className: me,
 													children: "Data contract"
 												}), /* @__PURE__ */ f("div", {
 													className: "grid grid-cols-1 gap-form-gap sm:grid-cols-2",
 													children: [/* @__PURE__ */ f("div", {
 														className: "min-w-0",
 														children: [/* @__PURE__ */ f("label", {
-															htmlFor: `${D}-input-${r}`,
+															htmlFor: `${O}-input-${r}`,
 															className: m,
 															children: [
 																o("bigconsole.pipelines.builder.stages.inputKeyLabel", "Input Key"),
@@ -519,17 +531,17 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 																})
 															]
 														}), /* @__PURE__ */ d("input", {
-															id: `${D}-input-${r}`,
+															id: `${O}-input-${r}`,
 															type: "text",
 															value: e.inputKey,
 															onChange: (e) => $(r, { inputKey: e.target.value }),
 															placeholder: o("bigconsole.pipelines.builder.stages.inputKeyPlaceholder", "data"),
-															className: v
+															className: _
 														})]
 													}), /* @__PURE__ */ f("div", {
 														className: "min-w-0",
 														children: [/* @__PURE__ */ f("label", {
-															htmlFor: `${D}-output-${r}`,
+															htmlFor: `${O}-output-${r}`,
 															className: m,
 															children: [
 																o("bigconsole.pipelines.builder.stages.outputKeyLabel", "Output Key"),
@@ -540,12 +552,12 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 																})
 															]
 														}), /* @__PURE__ */ d("input", {
-															id: `${D}-output-${r}`,
+															id: `${O}-output-${r}`,
 															type: "text",
 															value: e.outputKey,
 															onChange: (e) => $(r, { outputKey: e.target.value }),
 															placeholder: o("bigconsole.pipelines.builder.stages.outputKeyPlaceholder", "result"),
-															className: v
+															className: _
 														})]
 													})]
 												})]
@@ -553,7 +565,7 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 											/* @__PURE__ */ f("fieldset", {
 												className: "min-w-0",
 												children: [/* @__PURE__ */ d("legend", {
-													className: g,
+													className: me,
 													children: "Failure policy"
 												}), /* @__PURE__ */ f("div", {
 													className: "grid grid-cols-1 gap-form-gap sm:grid-cols-2",
@@ -562,33 +574,33 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 															className: "min-w-0",
 															children: [
 																/* @__PURE__ */ d("label", {
-																	htmlFor: `${D}-onerror-${r}`,
+																	htmlFor: `${O}-onerror-${r}`,
 																	className: m,
 																	children: o("bigconsole.pipelines.builder.stages.onErrorLabel", "On Error")
 																}),
 																/* @__PURE__ */ d("select", {
-																	id: `${D}-onerror-${r}`,
+																	id: `${O}-onerror-${r}`,
 																	value: e.onError,
 																	onChange: (e) => $(r, { onError: e.target.value }),
-																	className: _,
-																	children: C.map((e) => /* @__PURE__ */ d("option", {
+																	className: g,
+																	children: S.map((e) => /* @__PURE__ */ d("option", {
 																		value: e.value,
-																		children: Ee[e.value]
+																		children: je[e.value]
 																	}, e.value))
 																}),
 																/* @__PURE__ */ d("p", {
 																	className: h,
-																	children: C.find((t) => t.value === e.onError)?.description
+																	children: S.find((t) => t.value === e.onError)?.description
 																})
 															]
 														}),
 														/* @__PURE__ */ d("div", {
 															className: "flex min-w-0 items-start",
 															children: /* @__PURE__ */ f("label", {
-																htmlFor: `${D}-enabled-${r}`,
+																htmlFor: `${O}-enabled-${r}`,
 																className: `flex cursor-pointer items-center gap-2 ${p}`,
 																children: [/* @__PURE__ */ d("input", {
-																	id: `${D}-enabled-${r}`,
+																	id: `${O}-enabled-${r}`,
 																	type: "checkbox",
 																	checked: e.enabled,
 																	onChange: (e) => $(r, { enabled: e.target.checked }),
@@ -602,16 +614,16 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 														e.onError === "fallback" && /* @__PURE__ */ f("div", {
 															className: "min-w-0 sm:col-span-2",
 															children: [/* @__PURE__ */ d("label", {
-																htmlFor: `${D}-fallback-${r}`,
+																htmlFor: `${O}-fallback-${r}`,
 																className: m,
 																children: o("bigconsole.pipelines.builder.stages.fallbackValueLabel", "Fallback Value (JSON)")
 															}), /* @__PURE__ */ d("input", {
-																id: `${D}-fallback-${r}`,
+																id: `${O}-fallback-${r}`,
 																type: "text",
 																value: e.fallbackValue,
 																onChange: (e) => $(r, { fallbackValue: e.target.value }),
 																placeholder: "{\"default\": true}",
-																className: v
+																className: _
 															})]
 														})
 													]
@@ -641,7 +653,7 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 										children: o("bigconsole.pipelines.builder.preview.nameLabel", "Name")
 									}), /* @__PURE__ */ d("dd", {
 										className: "break-words text-text-primary",
-										children: A || o("bigconsole.pipelines.builder.preview.untitled", "Untitled")
+										children: j || o("bigconsole.pipelines.builder.preview.untitled", "Untitled")
 									})]
 								}),
 								/* @__PURE__ */ f("div", {
@@ -651,8 +663,8 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 										children: o("bigconsole.pipelines.builder.preview.statusLabel", "Status")
 									}), /* @__PURE__ */ d("dd", {
 										className: "mt-1",
-										children: /* @__PURE__ */ d(te, {
-											status: P,
+										children: /* @__PURE__ */ d(ne, {
+											status: F,
 											size: "sm"
 										})
 									})]
@@ -664,17 +676,17 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 										children: o("bigconsole.pipelines.builder.preview.stagesLabel", "Stages")
 									}), /* @__PURE__ */ d("dd", {
 										className: "text-text-primary",
-										children: I.length
+										children: L.length
 									})]
 								}),
-								I.length > 0 && /* @__PURE__ */ f("div", {
+								L.length > 0 && /* @__PURE__ */ f("div", {
 									className: "min-w-0 border-t border-[var(--color-border-subtle)] pt-3",
 									children: [/* @__PURE__ */ d("dt", {
 										className: "text-xs text-text-muted",
 										children: o("bigconsole.pipelines.builder.preview.dataFlowLabel", "Data Flow")
 									}), /* @__PURE__ */ f("dd", {
 										className: "mt-1 flex flex-wrap items-center gap-1 text-xs",
-										children: [I.map((e, t) => /* @__PURE__ */ f("span", {
+										children: [L.map((e, t) => /* @__PURE__ */ f("span", {
 											className: "flex items-center gap-1",
 											children: [/* @__PURE__ */ d("code", {
 												className: "rounded-button bg-bg-surface px-1.5 py-0.5 font-mono break-all text-text-primary",
@@ -686,7 +698,7 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 											})]
 										}, t)), /* @__PURE__ */ d("code", {
 											className: "rounded-button bg-bg-surface px-1.5 py-0.5 font-mono break-all text-text-primary",
-											children: I[I.length - 1].outputKey
+											children: L[L.length - 1].outputKey
 										})]
 									})]
 								})
@@ -714,6 +726,6 @@ var p = "min-h-[var(--size-controlHeight-md)]", m = "mb-1 block text-sm font-med
 	});
 });
 //#endregion
-export { w as PipelineBuilderPage, w as default };
+export { C as PipelineBuilderPage, C as default };
 
 //# sourceMappingURL=PipelineBuilderPage.js.map