@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

package/dist/bigconsole/pages/PipelineBuilderPage.js

@@ -5,79 +5,80 @@ import n from "../hooks/usePipelineOperations.js";
 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 l } from "react-router";
-import { AccessDenied as te } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as u } from "@burdenoff/fe-libs/shared/providers/shell";
-import { GlassCard as d, IllustratedEmptyState as f, PagePurpose as p } from "@burdenoff/fe-libs/ui";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+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 g = ({ className: e }) => /* @__PURE__ */ m("svg", {
+var h = ({ className: e }) => /* @__PURE__ */ p("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ m("path", {
+	children: /* @__PURE__ */ p("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M10 19l-7-7m0 0l7-7m-7 7h18"
 	})
-}), _ = ({ className: e }) => /* @__PURE__ */ m("svg", {
+}), g = ({ className: e }) => /* @__PURE__ */ p("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ m("path", {
+	children: /* @__PURE__ */ p("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M12 4v16m8-8H4"
 	})
-}), ne = ({ className: e }) => /* @__PURE__ */ m("svg", {
+}), ie = ({ className: e }) => /* @__PURE__ */ p("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ m("path", {
+	children: /* @__PURE__ */ p("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"
 	})
-}), re = ({ className: e }) => /* @__PURE__ */ m("svg", {
+}), ae = ({ className: e }) => /* @__PURE__ */ p("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ m("path", {
+	children: /* @__PURE__ */ p("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M5 15l7-7 7 7"
 	})
-}), ie = ({ className: e }) => /* @__PURE__ */ m("svg", {
+}), oe = ({ className: e }) => /* @__PURE__ */ p("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ m("path", {
+	children: /* @__PURE__ */ p("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M19 9l-7 7-7-7"
 	})
-}), ae = ({ className: e }) => /* @__PURE__ */ m("svg", {
+}), _ = ({ className: e }) => /* @__PURE__ */ p("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ m("path", {
+	children: /* @__PURE__ */ p("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 	})
-}), oe = [
+}), se = [
 	{
 		value: "draft",
 		label: "Draft"
@@ -90,7 +91,7 @@ var g = ({ className: e }) => /* @__PURE__ */ m("svg", {
 		value: "inactive",
 		label: "Inactive"
 	}
-], v = [
+], ce = [
 	{
 		value: "fail",
 		label: "Fail",
@@ -106,7 +107,7 @@ var g = ({ className: e }) => /* @__PURE__ */ m("svg", {
 		label: "Fallback",
 		description: "Use fallback value on error"
 	}
-], y = {
+], v = {
 	parserId: "",
 	parserName: "",
 	parserType: null,
@@ -116,13 +117,13 @@ var g = ({ className: e }) => /* @__PURE__ */ m("svg", {
 	onError: "fail",
 	fallbackValue: "",
 	description: ""
-}, b = a(function() {
-	let { pipelineId: a } = l(), b = e(), x = !!a && a !== "new", S = "default", { hasPermission: C, isLoading: w } = u(), 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({
+}, 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: J } = t({ consoleId: S });
 	s(() => {
-		x && a && G(a).then((e) => {
+		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,
@@ -138,14 +139,23 @@ var g = ({ className: e }) => /* @__PURE__ */ m("svg", {
 		});
 	}, [
 		x,
-		a,
+		y,
 		G
 	]);
-	let Y = ee(() => !k.trim() || F.length === 0 ? !1 : F.every((e) => e.parserId && e.inputKey && e.outputKey), [k, F]), X = o(() => {
+	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, { ...y }]);
-	}, []), se = o((e) => {
+		I((e) => [...e, { ...v }]);
+	}, []), de = o((e) => {
 		I((t) => t.filter((t, n) => n !== e));
 	}, []), Q = o((e, t) => {
 		I((n) => {
@@ -157,14 +167,14 @@ var g = ({ className: e }) => /* @__PURE__ */ m("svg", {
 			...n,
 			...t
 		} : n));
-	}, []), ce = o((e, t) => {
+	}, []), fe = o((e, t) => {
 		let n = J.find((e) => e.id === t);
 		n && $(e, {
 			parserId: n.id,
 			parserName: n.name,
 			parserType: n.type
 		});
-	}, [J, $]), le = o(async () => {
+	}, [J, $]), pe = o(async () => {
 		if (!(!Y || !O)) {
 			B(!0), H(null);
 			try {
@@ -179,11 +189,11 @@ var g = ({ className: e }) => /* @__PURE__ */ m("svg", {
 					fallbackValue: e.fallbackValue ? JSON.parse(e.fallbackValue) : void 0,
 					description: e.description || void 0
 				}));
-				if (x && a) await q(a, {
+				if (x && y) await q(y, {
 					name: k,
 					description: j || void 0,
 					status: N
-				}, L) && b(`/pipelines/${a}`);
+				}, L) && b(`/pipelines/${y}`);
 				else {
 					let t = await K({
 						consoleId: S,
@@ -195,7 +205,7 @@ var g = ({ className: e }) => /* @__PURE__ */ m("svg", {
 					t && b(`/pipelines/${t.id}`);
 				}
 			} catch (e) {
-				H(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 {
 				B(!1);
 			}
@@ -205,7 +215,7 @@ var g = ({ className: e }) => /* @__PURE__ */ m("svg", {
 		S,
 		O,
 		x,
-		a,
+		y,
 		k,
 		j,
 		N,
@@ -213,245 +223,250 @@ var g = ({ className: e }) => /* @__PURE__ */ m("svg", {
 		L,
 		K,
 		q,
-		b
+		b,
+		a
 	]);
-	return U && x ? /* @__PURE__ */ m("div", {
+	return U && x ? /* @__PURE__ */ p("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "flex flex-col items-center justify-center py-16",
-			children: [/* @__PURE__ */ h("svg", {
+			children: [/* @__PURE__ */ m("svg", {
 				className: "w-8 h-8 text-action-primary-bg animate-spin mb-4",
 				fill: "none",
 				viewBox: "0 0 24 24",
-				children: [/* @__PURE__ */ m("circle", {
+				children: [/* @__PURE__ */ p("circle", {
 					className: "opacity-25",
 					cx: "12",
 					cy: "12",
 					r: "10",
 					stroke: "currentColor",
 					strokeWidth: "4"
-				}), /* @__PURE__ */ m("path", {
+				}), /* @__PURE__ */ p("path", {
 					className: "opacity-75",
 					fill: "currentColor",
 					d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
 				})]
-			}), /* @__PURE__ */ m("p", {
+			}), /* @__PURE__ */ p("p", {
 				className: "text-sm text-text-secondary",
-				children: "Loading Pipeline..."
+				children: a("bigconsole.pipelines.builder.loading", "Loading Pipeline...")
 			})]
 		})
-	}) : x && !w && !T ? /* @__PURE__ */ m(te, {
-		title: "Access Denied",
-		description: "You don't have permission to view this pipeline."
-	}) : W ? /* @__PURE__ */ m("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__ */ h("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "flex flex-col items-center justify-center py-16 text-center",
 			children: [
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ p("div", {
 					className: "p-3 rounded-full bg-status-error-bg/10 mb-4",
-					children: /* @__PURE__ */ m(ae, { className: "w-8 h-8 text-status-error-text" })
+					children: /* @__PURE__ */ p(_, { className: "w-8 h-8 text-status-error-text" })
 				}),
-				/* @__PURE__ */ m("h3", {
+				/* @__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__ */ m("p", {
+				/* @__PURE__ */ p("p", {
 					className: "text-sm text-text-secondary mb-4",
 					children: W.message
 				}),
-				/* @__PURE__ */ m("button", {
+				/* @__PURE__ */ p("button", {
 					type: "button",
 					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")
 				})
 			]
 		})
-	}) : /* @__PURE__ */ h("div", {
+	}) : /* @__PURE__ */ m("div", {
 		className: "p-6",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between mb-6",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ m("button", {
+					children: [/* @__PURE__ */ p("button", {
 						type: "button",
 						onClick: X,
 						className: "p-2 text-text-secondary hover:text-text-primary hover:bg-bg-sunken rounded-md transition-colors",
-						children: /* @__PURE__ */ m(g, { className: "w-5 h-5" })
-					}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+						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: x ? "Edit Pipeline" : "Create Pipeline"
-					}), /* @__PURE__ */ m("p", {
+						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: x ? "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__ */ h("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ m("button", {
+					children: [/* @__PURE__ */ p("button", {
 						type: "button",
 						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"
-					}), /* @__PURE__ */ m("button", {
+						children: a("bigconsole.pipelines.builder.actions.cancel", "Cancel")
+					}), /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: le,
+						onClick: pe,
 						disabled: !Y || z || !O,
-						title: O ? void 0 : `You don't have permission to ${x ? "update" : "create"} pipelines.`,
+						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 ? "Saving..." : x ? "Save Changes" : "Create Pipeline"
+						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__ */ m(p, {
+			/* @__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.")
 			}),
-			V && /* @__PURE__ */ m("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__ */ m("p", {
+				children: /* @__PURE__ */ p("p", {
 					className: "text-sm text-status-error-text",
 					children: V
 				})
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ m("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "lg:col-span-2 space-y-6",
-					children: [/* @__PURE__ */ h("div", {
+					children: [/* @__PURE__ */ m("div", {
 						className: "bg-bg-surface border border-border-default rounded-lg p-6",
-						children: [/* @__PURE__ */ m("h2", {
+						children: [/* @__PURE__ */ p("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
-							children: "Basic Information"
-						}), /* @__PURE__ */ h("div", {
+							children: a("bigconsole.pipelines.builder.basicInfo.heading", "Basic Information")
+						}), /* @__PURE__ */ m("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("label", {
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("label", {
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: ["Name ", /* @__PURE__ */ m("span", {
-										className: "text-status-error-text",
-										children: "*"
-									})]
-								}), /* @__PURE__ */ m("input", {
+									children: [
+										a("bigconsole.pipelines.builder.basicInfo.nameLabel", "Name"),
+										" ",
+										/* @__PURE__ */ p("span", {
+											className: "text-status-error-text",
+											children: "*"
+										})
+									]
+								}), /* @__PURE__ */ p("input", {
 									type: "text",
 									value: k,
 									onChange: (e) => A(e.target.value),
-									placeholder: "My Pipeline",
+									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__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Description"
-								}), /* @__PURE__ */ m("textarea", {
+									children: a("bigconsole.pipelines.builder.basicInfo.descriptionLabel", "Description")
+								}), /* @__PURE__ */ p("textarea", {
 									value: j,
 									onChange: (e) => M(e.target.value),
-									placeholder: "What does this pipeline do?",
+									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__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Status"
-								}), /* @__PURE__ */ m("select", {
+									children: a("bigconsole.pipelines.builder.basicInfo.statusLabel", "Status")
+								}), /* @__PURE__ */ p("select", {
 									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: oe.map((e) => /* @__PURE__ */ m("option", {
+									children: se.map((e) => /* @__PURE__ */ p("option", {
 										value: e.value,
-										children: e.label
+										children: le[e.value]
 									}, e.value))
 								})] })
 							]
 						})]
-					}), /* @__PURE__ */ h(d, {
+					}), /* @__PURE__ */ m(d, {
 						treatment: "glass",
 						glow: !0,
 						className: "p-6",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ m("div", {
 							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ h("h2", {
+							children: [/* @__PURE__ */ p("h2", {
 								className: "text-lg font-semibold text-text-primary",
-								children: [
-									"Stages (",
-									F.length,
-									")"
-								]
-							}), /* @__PURE__ */ h("button", {
+								children: a("bigconsole.pipelines.builder.stages.heading", "Stages ({{count}})", { count: F.length })
+							}), /* @__PURE__ */ m("button", {
 								type: "button",
 								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__ */ m(_, { className: "w-4 h-4" }), "Add Stage"]
+								children: [/* @__PURE__ */ p(g, { className: "w-4 h-4" }), a("bigconsole.pipelines.builder.stages.addStage", "Add Stage")]
 							})]
-						}), F.length === 0 ? /* @__PURE__ */ m(f, {
+						}), F.length === 0 ? /* @__PURE__ */ p(f, {
 							illustration: "empty-generic",
-							title: "No stages yet",
-							description: "Add a stage to start building your pipeline.",
-							action: /* @__PURE__ */ h("button", {
+							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: 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__ */ m(_, { 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__ */ m("div", {
+						}) : /* @__PURE__ */ p("div", {
 							className: "space-y-4",
-							children: F.map((e, t) => /* @__PURE__ */ h("div", {
+							children: F.map((e, t) => /* @__PURE__ */ m("div", {
 								className: "p-4 bg-bg-sunken border border-border-default rounded-lg",
-								children: [/* @__PURE__ */ h("div", {
+								children: [/* @__PURE__ */ m("div", {
 									className: "flex items-center justify-between mb-4",
-									children: [/* @__PURE__ */ h("div", {
+									children: [/* @__PURE__ */ m("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ m("span", {
+										children: [/* @__PURE__ */ p("span", {
 											className: "w-6 h-6 flex items-center justify-center text-xs font-medium bg-action-primary-bg/10 text-action-primary-bg rounded-full",
 											children: t + 1
-										}), /* @__PURE__ */ m("span", {
+										}), /* @__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__ */ h("div", {
+									}), /* @__PURE__ */ m("div", {
 										className: "flex items-center gap-1",
 										children: [
-											/* @__PURE__ */ m("button", {
+											/* @__PURE__ */ p("button", {
 												type: "button",
 												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__ */ m(re, { className: "w-4 h-4" })
+												children: /* @__PURE__ */ p(ae, { className: "w-4 h-4" })
 											}),
-											/* @__PURE__ */ m("button", {
+											/* @__PURE__ */ p("button", {
 												type: "button",
 												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__ */ m(ie, { className: "w-4 h-4" })
+												children: /* @__PURE__ */ p(oe, { className: "w-4 h-4" })
 											}),
-											/* @__PURE__ */ m("button", {
+											/* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: () => se(t),
+												onClick: () => de(t),
 												className: "p-1 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg/10 rounded",
-												children: /* @__PURE__ */ m(ne, { className: "w-4 h-4" })
+												children: /* @__PURE__ */ p(ie, { className: "w-4 h-4" })
 											})
 										]
 									})]
-								}), /* @__PURE__ */ h("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "grid grid-cols-2 gap-4",
 									children: [
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ m("div", {
 											className: "col-span-2",
-											children: [/* @__PURE__ */ h("label", {
+											children: [/* @__PURE__ */ m("label", {
 												className: "block text-xs font-medium text-text-secondary mb-1",
-												children: ["Parser ", /* @__PURE__ */ m("span", {
-													className: "text-status-error-text",
-													children: "*"
-												})]
-											}), /* @__PURE__ */ h("select", {
+												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) => ce(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__ */ m("option", {
+												children: [/* @__PURE__ */ p("option", {
 													value: "",
-													children: "Select a parser..."
-												}), J.map((e) => /* @__PURE__ */ h("option", {
+													children: a("bigconsole.pipelines.builder.stages.parserPlaceholder", "Select a parser...")
+												}), J.map((e) => /* @__PURE__ */ m("option", {
 													value: e.id,
 													children: [
 														e.name,
@@ -462,65 +477,73 @@ var g = ({ className: e }) => /* @__PURE__ */ m("svg", {
 												}, e.id))]
 											})]
 										}),
-										/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("label", {
+										/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("label", {
 											className: "block text-xs font-medium text-text-secondary mb-1",
-											children: ["Input Key ", /* @__PURE__ */ m("span", {
-												className: "text-status-error-text",
-												children: "*"
-											})]
-										}), /* @__PURE__ */ m("input", {
+											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) => $(t, { inputKey: e.target.value }),
-											placeholder: "data",
+											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__ */ h("div", { children: [/* @__PURE__ */ h("label", {
+										/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("label", {
 											className: "block text-xs font-medium text-text-secondary mb-1",
-											children: ["Output Key ", /* @__PURE__ */ m("span", {
-												className: "text-status-error-text",
-												children: "*"
-											})]
-										}), /* @__PURE__ */ m("input", {
+											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) => $(t, { outputKey: e.target.value }),
-											placeholder: "result",
+											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__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+										/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 											className: "block text-xs font-medium text-text-secondary mb-1",
-											children: "On Error"
-										}), /* @__PURE__ */ m("select", {
+											children: a("bigconsole.pipelines.builder.stages.onErrorLabel", "On Error")
+										}), /* @__PURE__ */ p("select", {
 											value: e.onError,
 											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: v.map((e) => /* @__PURE__ */ m("option", {
+											children: ce.map((e) => /* @__PURE__ */ p("option", {
 												value: e.value,
-												children: e.label
+												children: ue[e.value]
 											}, e.value))
 										})] }),
-										/* @__PURE__ */ m("div", {
+										/* @__PURE__ */ p("div", {
 											className: "flex items-center",
-											children: /* @__PURE__ */ h("label", {
+											children: /* @__PURE__ */ m("label", {
 												className: "flex items-center gap-2 cursor-pointer",
-												children: [/* @__PURE__ */ m("input", {
+												children: [/* @__PURE__ */ p("input", {
 													type: "checkbox",
 													checked: e.enabled,
 													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__ */ m("span", {
+												}), /* @__PURE__ */ p("span", {
 													className: "text-sm text-text-primary",
-													children: "Enabled"
+													children: a("bigconsole.pipelines.builder.stages.enabledLabel", "Enabled")
 												})]
 											})
 										}),
-										e.onError === "fallback" && /* @__PURE__ */ h("div", {
+										e.onError === "fallback" && /* @__PURE__ */ m("div", {
 											className: "col-span-2",
-											children: [/* @__PURE__ */ m("label", {
+											children: [/* @__PURE__ */ p("label", {
 												className: "block text-xs font-medium text-text-secondary mb-1",
-												children: "Fallback Value (JSON)"
-											}), /* @__PURE__ */ m("input", {
+												children: a("bigconsole.pipelines.builder.stages.fallbackValueLabel", "Fallback Value (JSON)")
+											}), /* @__PURE__ */ p("input", {
 												type: "text",
 												value: e.fallbackValue,
 												onChange: (e) => $(t, { fallbackValue: e.target.value }),
@@ -533,58 +556,62 @@ var g = ({ className: e }) => /* @__PURE__ */ m("svg", {
 							}, t))
 						})]
 					})]
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ h("div", {
+					children: [/* @__PURE__ */ m("div", {
 						className: "bg-bg-surface border border-border-default rounded-lg p-6",
-						children: [/* @__PURE__ */ m("h2", {
+						children: [/* @__PURE__ */ p("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
-							children: "Preview"
-						}), /* @__PURE__ */ h("div", {
+							children: a("bigconsole.pipelines.builder.preview.heading", "Preview")
+						}), /* @__PURE__ */ m("div", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("span", {
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
 									className: "text-xs text-text-secondary",
-									children: "Name"
-								}), /* @__PURE__ */ m("p", {
+									children: a("bigconsole.pipelines.builder.preview.nameLabel", "Name")
+								}), /* @__PURE__ */ p("p", {
 									className: "text-sm text-text-primary",
-									children: k || "Untitled"
+									children: k || a("bigconsole.pipelines.builder.preview.untitled", "Untitled")
 								})] }),
-								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("span", {
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
 									className: "text-xs text-text-secondary",
-									children: "Status"
-								}), /* @__PURE__ */ m("div", {
+									children: a("bigconsole.pipelines.builder.preview.statusLabel", "Status")
+								}), /* @__PURE__ */ p("div", {
 									className: "mt-1",
-									children: /* @__PURE__ */ m(i, { status: N })
+									children: /* @__PURE__ */ p(i, { status: N })
 								})] }),
-								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("span", {
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
 									className: "text-xs text-text-secondary",
-									children: "Stages"
-								}), /* @__PURE__ */ m("p", {
+									children: a("bigconsole.pipelines.builder.preview.stagesLabel", "Stages")
+								}), /* @__PURE__ */ p("p", {
 									className: "text-sm text-text-primary",
 									children: F.length
 								})] }),
-								F.length > 0 && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("span", {
+								F.length > 0 && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
 									className: "text-xs text-text-secondary",
-									children: "Data Flow"
-								}), /* @__PURE__ */ h("div", {
+									children: a("bigconsole.pipelines.builder.preview.dataFlowLabel", "Data Flow")
+								}), /* @__PURE__ */ m("div", {
 									className: "mt-1 text-xs font-mono text-text-secondary",
-									children: [F.map((e, t) => /* @__PURE__ */ h("span", { children: [e.inputKey, t < F.length - 1 && " → "] }, t)), F.length > 0 && ` → ${F[F.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}`]
 								})] })
 							]
 						})]
-					}), /* @__PURE__ */ h("div", {
+					}), /* @__PURE__ */ m("div", {
 						className: "bg-bg-sunken border border-border-default rounded-lg p-6",
-						children: [/* @__PURE__ */ m("h3", {
+						children: [/* @__PURE__ */ p("h3", {
 							className: "text-sm font-semibold text-text-primary mb-2",
-							children: "Tips"
-						}), /* @__PURE__ */ h("ul", {
+							children: a("bigconsole.pipelines.builder.tips.heading", "Tips")
+						}), /* @__PURE__ */ m("ul", {
 							className: "text-xs text-text-secondary space-y-2",
 							children: [
-								/* @__PURE__ */ m("li", { children: "• Each stage processes the output of the previous stage" }),
-								/* @__PURE__ */ m("li", { children: "• Use consistent input/output keys to chain data" }),
-								/* @__PURE__ */ m("li", { children: "• Set error handling per stage for robustness" }),
-								/* @__PURE__ */ m("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")] })
 							]
 						})]
 					})]
@@ -594,6 +621,6 @@ var g = ({ className: e }) => /* @__PURE__ */ m("svg", {
 	});
 });
 //#endregion
-export { b as PipelineBuilderPage, b as default };
+export { y as PipelineBuilderPage, y as default };
 
 //# sourceMappingURL=PipelineBuilderPage.js.map