@burdenoff/microfe-bigconsole 2026.805.1 → 2026.805.3

package/dist/bigconsole/pages/PipelineBuilderPage.js

@@ -2,10 +2,14 @@ import { useAppNavigate as e } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
 import t from "../hooks/useParserOperations.js";
 import n from "../hooks/usePipelineOperations.js";
-import r from "../components/pipeline/PipelineStatusBadge.js";
-import { memo as i, useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
-import { useParams as l } from "react-router";
-import { GlassCard as u, IllustratedEmptyState as d, PagePurpose as f } from "@burdenoff/fe-libs/ui";
+import { BIGCONSOLE_PERMISSIONS as r } from "../../constants/permissions.js";
+import i from "../components/pipeline/PipelineStatusBadge.js";
+import { memo as a, useCallback as o, useEffect as s, useMemo as ee, useState as c } from "react";
+import { useParams as te } from "react-router";
+import { AccessDenied as ne } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as l } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { GlassCard as d, IllustratedEmptyState as f, PagePurpose as re } from "@burdenoff/fe-libs/ui";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/bigconsole/pages/PipelineBuilderPage.tsx
 var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
@@ -30,7 +34,7 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 		strokeWidth: 2,
 		d: "M12 4v16m8-8H4"
 	})
-}), _ = ({ className: e }) => /* @__PURE__ */ p("svg", {
+}), ie = ({ className: e }) => /* @__PURE__ */ p("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
@@ -41,7 +45,7 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 		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"
 	})
-}), v = ({ className: e }) => /* @__PURE__ */ p("svg", {
+}), ae = ({ className: e }) => /* @__PURE__ */ p("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
@@ -52,7 +56,7 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 		strokeWidth: 2,
 		d: "M5 15l7-7 7 7"
 	})
-}), y = ({ className: e }) => /* @__PURE__ */ p("svg", {
+}), oe = ({ className: e }) => /* @__PURE__ */ p("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
@@ -63,7 +67,7 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 		strokeWidth: 2,
 		d: "M19 9l-7 7-7-7"
 	})
-}), b = ({ className: e }) => /* @__PURE__ */ p("svg", {
+}), _ = ({ className: e }) => /* @__PURE__ */ p("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
@@ -74,7 +78,7 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 		strokeWidth: 2,
 		d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 	})
-}), x = [
+}), se = [
 	{
 		value: "draft",
 		label: "Draft"
@@ -87,7 +91,7 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 		value: "inactive",
 		label: "Inactive"
 	}
-], S = [
+], ce = [
 	{
 		value: "fail",
 		label: "Fail",
@@ -103,7 +107,7 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 		label: "Fallback",
 		description: "Use fallback value on error"
 	}
-], C = {
+], v = {
 	parserId: "",
 	parserName: "",
 	parserType: null,
@@ -113,14 +117,14 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 	onError: "fail",
 	fallbackValue: "",
 	description: ""
-}, w = i(function() {
-	let { pipelineId: i } = l(), w = e(), T = !!i && i !== "new", E = "default", [D, O] = c(""), [k, A] = c(""), [j, M] = c("draft"), [N, P] = c([]), [F, I] = c(1), [L, R] = c(!1), [z, B] = c(null), { loading: V, error: H, fetchPipeline: U, createPipeline: W, updatePipeline: G } = n({
-		consoleId: E,
+}, y = a(function() {
+	let { t: a } = u(), { pipelineId: y } = te(), b = e(), x = !!y && y !== "new", S = "default", { hasPermission: C, isLoading: w } = l(), T = C(r.PIPELINE_READ), E = C(r.PIPELINE_CREATE), D = C(r.PIPELINE_UPDATE), O = x ? D : E, [k, A] = c(""), [j, M] = c(""), [N, P] = c("draft"), [F, I] = c([]), [L, R] = c(1), [z, B] = c(!1), [V, H] = c(null), { loading: U, error: W, fetchPipeline: G, createPipeline: K, updatePipeline: q } = n({
+		consoleId: S,
 		skipFetch: !0
-	}), { parsers: K } = t({ consoleId: E });
-	o(() => {
-		T && i && U(i).then((e) => {
-			e && (O(e.name), A(e.description || ""), M(e.status), I(e.version), P((e.stages || []).map((e) => ({
+	}), { parsers: J } = t({ consoleId: S });
+	s(() => {
+		x && y && G(y).then((e) => {
+			e && (A(e.name), M(e.description || ""), P(e.status), R(e.version), I((e.stages || []).map((e) => ({
 				id: e.id,
 				parserId: e.parserId,
 				parserName: e.parserName || "",
@@ -134,38 +138,47 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 			}))));
 		});
 	}, [
-		T,
-		i,
-		U
+		x,
+		y,
+		G
 	]);
-	let q = s(() => !D.trim() || N.length === 0 ? !1 : N.every((e) => e.parserId && e.inputKey && e.outputKey), [D, N]), J = a(() => {
-		w("/pipelines");
-	}, [w]), Y = a(() => {
-		P((e) => [...e, { ...C }]);
-	}, []), X = a((e) => {
-		P((t) => t.filter((t, n) => n !== e));
-	}, []), Z = a((e, t) => {
-		P((n) => {
+	let le = {
+		draft: a("bigconsole.pipelines.builder.status.draft", "Draft"),
+		active: a("bigconsole.pipelines.builder.status.active", "Active"),
+		inactive: a("bigconsole.pipelines.builder.status.inactive", "Inactive"),
+		error: a("bigconsole.pipelines.builder.status.error", "Error")
+	}, ue = {
+		fail: a("bigconsole.pipelines.builder.onError.fail", "Fail"),
+		skip: a("bigconsole.pipelines.builder.onError.skip", "Skip"),
+		fallback: a("bigconsole.pipelines.builder.onError.fallback", "Fallback")
+	}, Y = ee(() => !k.trim() || F.length === 0 ? !1 : F.every((e) => e.parserId && e.inputKey && e.outputKey), [k, F]), X = o(() => {
+		b("/pipelines");
+	}, [b]), Z = o(() => {
+		I((e) => [...e, { ...v }]);
+	}, []), de = o((e) => {
+		I((t) => t.filter((t, n) => n !== e));
+	}, []), Q = o((e, t) => {
+		I((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);
 		});
-	}, []), Q = a((e, t) => {
-		P((n) => n.map((n, r) => r === e ? {
+	}, []), $ = o((e, t) => {
+		I((n) => n.map((n, r) => r === e ? {
 			...n,
 			...t
 		} : n));
-	}, []), $ = a((e, t) => {
-		let n = K.find((e) => e.id === t);
-		n && Q(e, {
+	}, []), fe = o((e, t) => {
+		let n = J.find((e) => e.id === t);
+		n && $(e, {
 			parserId: n.id,
 			parserName: n.name,
 			parserType: n.type
 		});
-	}, [K, Q]), ee = a(async () => {
-		if (q) {
-			R(!0), B(null);
+	}, [J, $]), pe = o(async () => {
+		if (!(!Y || !O)) {
+			B(!0), H(null);
 			try {
-				let e = N.map((e) => ({
+				let e = F.map((e) => ({
 					parserId: e.parserId,
 					parserName: e.parserName,
 					parserType: e.parserType || void 0,
@@ -176,42 +189,44 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 					fallbackValue: e.fallbackValue ? JSON.parse(e.fallbackValue) : void 0,
 					description: e.description || void 0
 				}));
-				if (T && i) await G(i, {
-					name: D,
-					description: k || void 0,
-					status: j
-				}, F) && w(`/pipelines/${i}`);
+				if (x && y) await q(y, {
+					name: k,
+					description: j || void 0,
+					status: N
+				}, L) && b(`/pipelines/${y}`);
 				else {
-					let t = await W({
-						consoleId: E,
-						name: D,
-						description: k || void 0,
-						status: j,
+					let t = await K({
+						consoleId: S,
+						name: k,
+						description: j || void 0,
+						status: N,
 						stages: e
 					});
-					t && w(`/pipelines/${t.id}`);
+					t && b(`/pipelines/${t.id}`);
 				}
 			} catch (e) {
-				B(e instanceof Error ? e.message : "Failed to save pipeline");
+				H(e instanceof Error ? e.message : a("bigconsole.pipelines.builder.errors.saveFailed", "Failed to save pipeline"));
 			} finally {
-				R(!1);
+				B(!1);
 			}
 		}
 	}, [
-		q,
-		E,
-		T,
-		i,
-		D,
+		Y,
+		S,
+		O,
+		x,
+		y,
 		k,
 		j,
 		N,
 		F,
-		W,
-		G,
-		w
+		L,
+		K,
+		q,
+		b,
+		a
 	]);
-	return V && T ? /* @__PURE__ */ p("div", {
+	return U && x ? /* @__PURE__ */ p("div", {
 		className: "p-6",
 		children: /* @__PURE__ */ m("div", {
 			className: "flex flex-col items-center justify-center py-16",
@@ -233,31 +248,34 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 				})]
 			}), /* @__PURE__ */ p("p", {
 				className: "text-sm text-text-secondary",
-				children: "Loading Pipeline..."
+				children: a("bigconsole.pipelines.builder.loading", "Loading Pipeline...")
 			})]
 		})
-	}) : H ? /* @__PURE__ */ p("div", {
+	}) : x && !w && !T ? /* @__PURE__ */ p(ne, {
+		title: a("bigconsole.pipelines.builder.accessDenied.title", "Access Denied"),
+		description: a("bigconsole.pipelines.builder.accessDenied.description", "You don't have permission to view this pipeline.")
+	}) : W ? /* @__PURE__ */ p("div", {
 		className: "p-6",
 		children: /* @__PURE__ */ m("div", {
 			className: "flex flex-col items-center justify-center py-16 text-center",
 			children: [
 				/* @__PURE__ */ p("div", {
 					className: "p-3 rounded-full bg-status-error-bg/10 mb-4",
-					children: /* @__PURE__ */ p(b, { className: "w-8 h-8 text-status-error-text" })
+					children: /* @__PURE__ */ p(_, { className: "w-8 h-8 text-status-error-text" })
 				}),
 				/* @__PURE__ */ p("h3", {
 					className: "text-lg font-medium text-text-primary mb-2",
-					children: "Failed to load Pipeline"
+					children: a("bigconsole.pipelines.builder.errors.loadFailed", "Failed to load Pipeline")
 				}),
 				/* @__PURE__ */ p("p", {
 					className: "text-sm text-text-secondary mb-4",
-					children: H.message
+					children: W.message
 				}),
 				/* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: J,
+					onClick: X,
 					className: "px-4 py-2 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md transition-colors",
-					children: "Back to Pipelines"
+					children: a("bigconsole.pipelines.builder.actions.backToPipelines", "Back to Pipelines")
 				})
 			]
 		})
@@ -270,41 +288,42 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 					className: "flex items-center gap-4",
 					children: [/* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: J,
+						onClick: X,
 						className: "p-2 text-text-secondary hover:text-text-primary hover:bg-bg-sunken rounded-md transition-colors",
 						children: /* @__PURE__ */ p(h, { className: "w-5 h-5" })
 					}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 						className: "text-2xl font-bold text-text-primary",
-						children: T ? "Edit Pipeline" : "Create Pipeline"
+						children: x ? a("bigconsole.pipelines.builder.header.editTitle", "Edit Pipeline") : a("bigconsole.pipelines.builder.header.createTitle", "Create Pipeline")
 					}), /* @__PURE__ */ p("p", {
 						className: "text-sm text-text-secondary mt-1",
-						children: T ? "Update pipeline settings and stages" : "Create a new data transformation pipeline"
+						children: x ? a("bigconsole.pipelines.builder.header.editSubtitle", "Update pipeline settings and stages") : a("bigconsole.pipelines.builder.header.createSubtitle", "Create a new data transformation pipeline")
 					})] })]
 				}), /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: J,
+						onClick: X,
 						className: "px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken hover:bg-border-default rounded-md transition-colors",
-						children: "Cancel"
+						children: a("bigconsole.pipelines.builder.actions.cancel", "Cancel")
 					}), /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: ee,
-						disabled: !q || L,
-						className: "px-4 py-2 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md transition-colors disabled:opacity-50",
-						children: L ? "Saving..." : T ? "Save Changes" : "Create Pipeline"
+						onClick: pe,
+						disabled: !Y || z || !O,
+						title: O ? void 0 : x ? a("bigconsole.pipelines.builder.actions.noUpdatePermission", "You don't have permission to update pipelines.") : a("bigconsole.pipelines.builder.actions.noCreatePermission", "You don't have permission to create pipelines."),
+						className: "px-4 py-2 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+						children: z ? a("bigconsole.pipelines.builder.actions.saving", "Saving...") : x ? a("bigconsole.pipelines.builder.actions.saveChanges", "Save Changes") : a("bigconsole.pipelines.builder.actions.createPipeline", "Create Pipeline")
 					})]
 				})]
 			}),
-			/* @__PURE__ */ p(f, {
+			/* @__PURE__ */ p(re, {
 				className: "mb-6",
-				children: "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."
+				children: a("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.")
 			}),
-			z && /* @__PURE__ */ p("div", {
+			V && /* @__PURE__ */ p("div", {
 				className: "mb-6 p-4 bg-status-error-bg/10 border border-status-error-border/20 rounded-md",
 				children: /* @__PURE__ */ p("p", {
 					className: "text-sm text-status-error-text",
-					children: z
+					children: V
 				})
 			}),
 			/* @__PURE__ */ m("div", {
@@ -315,79 +334,79 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 						className: "bg-bg-surface border border-border-default rounded-lg p-6",
 						children: [/* @__PURE__ */ p("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
-							children: "Basic Information"
+							children: a("bigconsole.pipelines.builder.basicInfo.heading", "Basic Information")
 						}), /* @__PURE__ */ m("div", {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("label", {
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: ["Name ", /* @__PURE__ */ p("span", {
-										className: "text-status-error-text",
-										children: "*"
-									})]
+									children: [
+										a("bigconsole.pipelines.builder.basicInfo.nameLabel", "Name"),
+										" ",
+										/* @__PURE__ */ p("span", {
+											className: "text-status-error-text",
+											children: "*"
+										})
+									]
 								}), /* @__PURE__ */ p("input", {
 									type: "text",
-									value: D,
-									onChange: (e) => O(e.target.value),
-									placeholder: "My Pipeline",
+									value: k,
+									onChange: (e) => A(e.target.value),
+									placeholder: a("bigconsole.pipelines.builder.basicInfo.namePlaceholder", "My Pipeline"),
 									className: "w-full px-3 py-2 text-sm text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
 								})] }),
 								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Description"
+									children: a("bigconsole.pipelines.builder.basicInfo.descriptionLabel", "Description")
 								}), /* @__PURE__ */ p("textarea", {
-									value: k,
-									onChange: (e) => A(e.target.value),
-									placeholder: "What does this pipeline do?",
+									value: j,
+									onChange: (e) => M(e.target.value),
+									placeholder: a("bigconsole.pipelines.builder.basicInfo.descriptionPlaceholder", "What does this pipeline do?"),
 									rows: 3,
 									className: "w-full px-3 py-2 text-sm text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg resize-none"
 								})] }),
 								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Status"
+									children: a("bigconsole.pipelines.builder.basicInfo.statusLabel", "Status")
 								}), /* @__PURE__ */ p("select", {
-									value: j,
-									onChange: (e) => M(e.target.value),
+									value: N,
+									onChange: (e) => P(e.target.value),
 									className: "w-full px-3 py-2 text-sm text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
-									children: x.map((e) => /* @__PURE__ */ p("option", {
+									children: se.map((e) => /* @__PURE__ */ p("option", {
 										value: e.value,
-										children: e.label
+										children: le[e.value]
 									}, e.value))
 								})] })
 							]
 						})]
-					}), /* @__PURE__ */ m(u, {
+					}), /* @__PURE__ */ m(d, {
 						treatment: "glass",
 						glow: !0,
 						className: "p-6",
 						children: [/* @__PURE__ */ m("div", {
 							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ m("h2", {
+							children: [/* @__PURE__ */ p("h2", {
 								className: "text-lg font-semibold text-text-primary",
-								children: [
-									"Stages (",
-									N.length,
-									")"
-								]
+								children: a("bigconsole.pipelines.builder.stages.heading", "Stages ({{count}})", { count: F.length })
 							}), /* @__PURE__ */ m("button", {
 								type: "button",
-								onClick: Y,
+								onClick: Z,
 								className: "inline-flex items-center gap-2 px-3 py-1.5 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md transition-colors",
-								children: [/* @__PURE__ */ p(g, { className: "w-4 h-4" }), "Add Stage"]
+								children: [/* @__PURE__ */ p(g, { className: "w-4 h-4" }), a("bigconsole.pipelines.builder.stages.addStage", "Add Stage")]
 							})]
-						}), N.length === 0 ? /* @__PURE__ */ p(d, {
+						}), F.length === 0 ? /* @__PURE__ */ p(f, {
 							illustration: "empty-generic",
-							title: "No stages yet",
-							description: "Add a stage to start building your pipeline.",
+							title: a("bigconsole.pipelines.builder.stages.emptyTitle", "No stages yet"),
+							description: a("bigconsole.pipelines.builder.stages.emptyDescription", "Add a stage to start building your pipeline."),
 							action: /* @__PURE__ */ m("button", {
 								type: "button",
-								onClick: Y,
+								onClick: Z,
 								className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md transition-colors",
-								children: [/* @__PURE__ */ p(g, { className: "w-4 h-4" }), "Add First Stage"]
+								children: [/* @__PURE__ */ p(g, { className: "w-4 h-4" }), a("bigconsole.pipelines.builder.stages.addFirstStage", "Add First Stage")]
 							})
 						}) : /* @__PURE__ */ p("div", {
 							className: "space-y-4",
-							children: N.map((e, t) => /* @__PURE__ */ m("div", {
+							children: F.map((e, t) => /* @__PURE__ */ m("div", {
 								className: "p-4 bg-bg-sunken border border-border-default rounded-lg",
 								children: [/* @__PURE__ */ m("div", {
 									className: "flex items-center justify-between mb-4",
@@ -398,30 +417,30 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 											children: t + 1
 										}), /* @__PURE__ */ p("span", {
 											className: "font-medium text-text-primary",
-											children: e.parserName || `Stage ${t + 1}`
+											children: e.parserName || a("bigconsole.pipelines.builder.stages.defaultStageName", "Stage {{number}}", { number: t + 1 })
 										})]
 									}), /* @__PURE__ */ m("div", {
 										className: "flex items-center gap-1",
 										children: [
 											/* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: () => Z(t, "up"),
+												onClick: () => Q(t, "up"),
 												disabled: t === 0,
 												className: "p-1 text-text-secondary hover:text-text-primary hover:bg-bg-surface rounded disabled:opacity-30",
-												children: /* @__PURE__ */ p(v, { className: "w-4 h-4" })
+												children: /* @__PURE__ */ p(ae, { className: "w-4 h-4" })
 											}),
 											/* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: () => Z(t, "down"),
-												disabled: t === N.length - 1,
+												onClick: () => Q(t, "down"),
+												disabled: t === F.length - 1,
 												className: "p-1 text-text-secondary hover:text-text-primary hover:bg-bg-surface rounded disabled:opacity-30",
-												children: /* @__PURE__ */ p(y, { className: "w-4 h-4" })
+												children: /* @__PURE__ */ p(oe, { className: "w-4 h-4" })
 											}),
 											/* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: () => X(t),
+												onClick: () => de(t),
 												className: "p-1 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg/10 rounded",
-												children: /* @__PURE__ */ p(_, { className: "w-4 h-4" })
+												children: /* @__PURE__ */ p(ie, { className: "w-4 h-4" })
 											})
 										]
 									})]
@@ -432,18 +451,22 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 											className: "col-span-2",
 											children: [/* @__PURE__ */ m("label", {
 												className: "block text-xs font-medium text-text-secondary mb-1",
-												children: ["Parser ", /* @__PURE__ */ p("span", {
-													className: "text-status-error-text",
-													children: "*"
-												})]
+												children: [
+													a("bigconsole.pipelines.builder.stages.parserLabel", "Parser"),
+													" ",
+													/* @__PURE__ */ p("span", {
+														className: "text-status-error-text",
+														children: "*"
+													})
+												]
 											}), /* @__PURE__ */ m("select", {
 												value: e.parserId,
-												onChange: (e) => $(t, e.target.value),
+												onChange: (e) => fe(t, e.target.value),
 												className: "w-full px-3 py-2 text-sm text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
 												children: [/* @__PURE__ */ p("option", {
 													value: "",
-													children: "Select a parser..."
-												}), K.map((e) => /* @__PURE__ */ m("option", {
+													children: a("bigconsole.pipelines.builder.stages.parserPlaceholder", "Select a parser...")
+												}), J.map((e) => /* @__PURE__ */ m("option", {
 													value: e.id,
 													children: [
 														e.name,
@@ -456,40 +479,48 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 										}),
 										/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("label", {
 											className: "block text-xs font-medium text-text-secondary mb-1",
-											children: ["Input Key ", /* @__PURE__ */ p("span", {
-												className: "text-status-error-text",
-												children: "*"
-											})]
+											children: [
+												a("bigconsole.pipelines.builder.stages.inputKeyLabel", "Input Key"),
+												" ",
+												/* @__PURE__ */ p("span", {
+													className: "text-status-error-text",
+													children: "*"
+												})
+											]
 										}), /* @__PURE__ */ p("input", {
 											type: "text",
 											value: e.inputKey,
-											onChange: (e) => Q(t, { inputKey: e.target.value }),
-											placeholder: "data",
+											onChange: (e) => $(t, { inputKey: e.target.value }),
+											placeholder: a("bigconsole.pipelines.builder.stages.inputKeyPlaceholder", "data"),
 											className: "w-full px-3 py-2 text-sm font-mono text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
 										})] }),
 										/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("label", {
 											className: "block text-xs font-medium text-text-secondary mb-1",
-											children: ["Output Key ", /* @__PURE__ */ p("span", {
-												className: "text-status-error-text",
-												children: "*"
-											})]
+											children: [
+												a("bigconsole.pipelines.builder.stages.outputKeyLabel", "Output Key"),
+												" ",
+												/* @__PURE__ */ p("span", {
+													className: "text-status-error-text",
+													children: "*"
+												})
+											]
 										}), /* @__PURE__ */ p("input", {
 											type: "text",
 											value: e.outputKey,
-											onChange: (e) => Q(t, { outputKey: e.target.value }),
-											placeholder: "result",
+											onChange: (e) => $(t, { outputKey: e.target.value }),
+											placeholder: a("bigconsole.pipelines.builder.stages.outputKeyPlaceholder", "result"),
 											className: "w-full px-3 py-2 text-sm font-mono text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
 										})] }),
 										/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 											className: "block text-xs font-medium text-text-secondary mb-1",
-											children: "On Error"
+											children: a("bigconsole.pipelines.builder.stages.onErrorLabel", "On Error")
 										}), /* @__PURE__ */ p("select", {
 											value: e.onError,
-											onChange: (e) => Q(t, { onError: e.target.value }),
+											onChange: (e) => $(t, { onError: e.target.value }),
 											className: "w-full px-3 py-2 text-sm text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
-											children: S.map((e) => /* @__PURE__ */ p("option", {
+											children: ce.map((e) => /* @__PURE__ */ p("option", {
 												value: e.value,
-												children: e.label
+												children: ue[e.value]
 											}, e.value))
 										})] }),
 										/* @__PURE__ */ p("div", {
@@ -499,11 +530,11 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 												children: [/* @__PURE__ */ p("input", {
 													type: "checkbox",
 													checked: e.enabled,
-													onChange: (e) => Q(t, { enabled: e.target.checked }),
+													onChange: (e) => $(t, { enabled: e.target.checked }),
 													className: "w-4 h-4 rounded border-border-default text-action-primary-bg focus:ring-action-primary-bg"
 												}), /* @__PURE__ */ p("span", {
 													className: "text-sm text-text-primary",
-													children: "Enabled"
+													children: a("bigconsole.pipelines.builder.stages.enabledLabel", "Enabled")
 												})]
 											})
 										}),
@@ -511,11 +542,11 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 											className: "col-span-2",
 											children: [/* @__PURE__ */ p("label", {
 												className: "block text-xs font-medium text-text-secondary mb-1",
-												children: "Fallback Value (JSON)"
+												children: a("bigconsole.pipelines.builder.stages.fallbackValueLabel", "Fallback Value (JSON)")
 											}), /* @__PURE__ */ p("input", {
 												type: "text",
 												value: e.fallbackValue,
-												onChange: (e) => Q(t, { fallbackValue: e.target.value }),
+												onChange: (e) => $(t, { fallbackValue: e.target.value }),
 												placeholder: "{\"default\": true}",
 												className: "w-full px-3 py-2 text-sm font-mono text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
 											})]
@@ -531,37 +562,37 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 						className: "bg-bg-surface border border-border-default rounded-lg p-6",
 						children: [/* @__PURE__ */ p("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
-							children: "Preview"
+							children: a("bigconsole.pipelines.builder.preview.heading", "Preview")
 						}), /* @__PURE__ */ m("div", {
 							className: "space-y-3",
 							children: [
 								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
 									className: "text-xs text-text-secondary",
-									children: "Name"
+									children: a("bigconsole.pipelines.builder.preview.nameLabel", "Name")
 								}), /* @__PURE__ */ p("p", {
 									className: "text-sm text-text-primary",
-									children: D || "Untitled"
+									children: k || a("bigconsole.pipelines.builder.preview.untitled", "Untitled")
 								})] }),
 								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
 									className: "text-xs text-text-secondary",
-									children: "Status"
+									children: a("bigconsole.pipelines.builder.preview.statusLabel", "Status")
 								}), /* @__PURE__ */ p("div", {
 									className: "mt-1",
-									children: /* @__PURE__ */ p(r, { status: j })
+									children: /* @__PURE__ */ p(i, { status: N })
 								})] }),
 								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
 									className: "text-xs text-text-secondary",
-									children: "Stages"
+									children: a("bigconsole.pipelines.builder.preview.stagesLabel", "Stages")
 								}), /* @__PURE__ */ p("p", {
 									className: "text-sm text-text-primary",
-									children: N.length
+									children: F.length
 								})] }),
-								N.length > 0 && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
+								F.length > 0 && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
 									className: "text-xs text-text-secondary",
-									children: "Data Flow"
+									children: a("bigconsole.pipelines.builder.preview.dataFlowLabel", "Data Flow")
 								}), /* @__PURE__ */ m("div", {
 									className: "mt-1 text-xs font-mono text-text-secondary",
-									children: [N.map((e, t) => /* @__PURE__ */ m("span", { children: [e.inputKey, t < N.length - 1 && " → "] }, t)), N.length > 0 && ` → ${N[N.length - 1].outputKey}`]
+									children: [F.map((e, t) => /* @__PURE__ */ m("span", { children: [e.inputKey, t < F.length - 1 && " → "] }, t)), F.length > 0 && ` → ${F[F.length - 1].outputKey}`]
 								})] })
 							]
 						})]
@@ -569,14 +600,18 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 						className: "bg-bg-sunken border border-border-default rounded-lg p-6",
 						children: [/* @__PURE__ */ p("h3", {
 							className: "text-sm font-semibold text-text-primary mb-2",
-							children: "Tips"
+							children: a("bigconsole.pipelines.builder.tips.heading", "Tips")
 						}), /* @__PURE__ */ m("ul", {
 							className: "text-xs text-text-secondary space-y-2",
 							children: [
-								/* @__PURE__ */ p("li", { children: "• Each stage processes the output of the previous stage" }),
-								/* @__PURE__ */ p("li", { children: "• Use consistent input/output keys to chain data" }),
-								/* @__PURE__ */ p("li", { children: "• Set error handling per stage for robustness" }),
-								/* @__PURE__ */ p("li", { children: "• Disable stages to skip them during execution" })
+								/* @__PURE__ */ m("li", { children: [
+									"•",
+									" ",
+									a("bigconsole.pipelines.builder.tips.item1", "Each stage processes the output of the previous stage")
+								] }),
+								/* @__PURE__ */ m("li", { children: ["• ", a("bigconsole.pipelines.builder.tips.item2", "Use consistent input/output keys to chain data")] }),
+								/* @__PURE__ */ m("li", { children: ["• ", a("bigconsole.pipelines.builder.tips.item3", "Set error handling per stage for robustness")] }),
+								/* @__PURE__ */ m("li", { children: ["• ", a("bigconsole.pipelines.builder.tips.item4", "Disable stages to skip them during execution")] })
 							]
 						})]
 					})]
@@ -586,6 +621,6 @@ var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 	});
 });
 //#endregion
-export { w as PipelineBuilderPage, w as default };
+export { y as PipelineBuilderPage, y as default };
 
 //# sourceMappingURL=PipelineBuilderPage.js.map