@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

package/dist/bigconsole/pages/PipelineViewPage.js

@@ -5,141 +5,142 @@ import n from "../hooks/usePipelineOperations.js";
 import { BIGCONSOLE_PERMISSIONS as r } from "../../constants/permissions.js";
 import { isNative as i, nativeNotify as a } from "../../utils/nativeBridge.js";
 import o from "../components/pipeline/PipelineStatusBadge.js";
-import s from "../components/pipeline/PipelineDeleteDialog.js";
-import { memo as c, useCallback as l, useEffect as u, useState as d } from "react";
-import { useParams as f, useSearchParams as p } from "react-router";
-import { AccessDenied as m } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as h } from "@burdenoff/fe-libs/shared/providers/shell";
-import { GlassCard as g, IllustratedEmptyState as _, NextSteps as v, PagePurpose as ee } from "@burdenoff/fe-libs/ui";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import ee from "../components/pipeline/PipelineDeleteDialog.js";
+import { memo as s, useCallback as c, useEffect as l, useState as u } from "react";
+import { useParams as te, useSearchParams as ne } from "react-router";
+import { AccessDenied as d } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as f } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { GlassCard as m, IllustratedEmptyState as h, NextSteps as g, PagePurpose as re } from "@burdenoff/fe-libs/ui";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/bigconsole/pages/PipelineViewPage.tsx
-var S = ({ className: e }) => /* @__PURE__ */ b("svg", {
+var b = ({ className: e }) => /* @__PURE__ */ v("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ b("path", {
+	children: /* @__PURE__ */ v("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M10 19l-7-7m0 0l7-7m-7 7h18"
 	})
-}), te = ({ className: e }) => /* @__PURE__ */ b("svg", {
+}), x = ({ className: e }) => /* @__PURE__ */ v("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ b("path", {
+	children: /* @__PURE__ */ v("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"
 	})
-}), C = ({ className: e }) => /* @__PURE__ */ b("svg", {
+}), S = ({ className: e }) => /* @__PURE__ */ v("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ b("path", {
+	children: /* @__PURE__ */ v("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"
 	})
-}), w = ({ className: e }) => /* @__PURE__ */ x("svg", {
+}), C = ({ className: e }) => /* @__PURE__ */ y("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: [/* @__PURE__ */ b("path", {
+	children: [/* @__PURE__ */ v("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"
-	}), /* @__PURE__ */ b("path", {
+	}), /* @__PURE__ */ v("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 	})]
-}), T = ({ className: e }) => /* @__PURE__ */ b("svg", {
+}), w = ({ className: e }) => /* @__PURE__ */ v("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ b("path", {
+	children: /* @__PURE__ */ v("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 	})
-}), E = ({ className: e }) => /* @__PURE__ */ b("svg", {
+}), T = ({ className: e }) => /* @__PURE__ */ v("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ b("path", {
+	children: /* @__PURE__ */ v("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M5 13l4 4L19 7"
 	})
-}), D = ({ className: e }) => /* @__PURE__ */ b("svg", {
+}), E = ({ className: e }) => /* @__PURE__ */ v("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ b("path", {
+	children: /* @__PURE__ */ v("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M14 5l7 7m0 0l-7 7m7-7H3"
 	})
-}), O = ({ handling: e }) => {
-	let t = {
+}), D = ({ handling: e }) => {
+	let { t } = p(), n = {
 		fail: {
-			label: "Fail",
+			label: t("bigconsole.pipelines.view.errorHandlingFail", "Fail"),
 			className: "bg-status-error-bg/10 text-status-error-text"
 		},
 		skip: {
-			label: "Skip",
+			label: t("bigconsole.pipelines.view.errorHandlingSkip", "Skip"),
 			className: "bg-status-warning-bg/10 text-status-warning-text"
 		},
 		fallback: {
-			label: "Fallback",
+			label: t("bigconsole.pipelines.view.errorHandlingFallback", "Fallback"),
 			className: "bg-action-primary-bg/10 text-action-primary-bg"
 		}
-	}, n = t[e] || t.fail;
-	return /* @__PURE__ */ b("span", {
-		className: `px-1.5 py-0.5 text-xs font-medium rounded ${n.className}`,
-		children: n.label
+	}, r = n[e] || n.fail;
+	return /* @__PURE__ */ v("span", {
+		className: `px-1.5 py-0.5 text-xs font-medium rounded ${r.className}`,
+		children: r.label
 	});
-}, k = c(function() {
-	let { pipelineId: c } = f(), k = t(), A = "default", [j] = p(), { hasPermission: M, isLoading: ne } = h(), re = M(r.PIPELINE_READ), N = M(r.PIPELINE_UPDATE), P = M(r.PIPELINE_DELETE), F = M(r.PIPELINE_TEST), [I, L] = d(null), [R, z] = d("{\n  \"data\": \"sample\"\n}"), [B, V] = d(null), [H, U] = d(j.get("test") === "true"), W = e((e) => e.deleteDialogOpen), G = e((e) => e.openDeleteDialog), K = e((e) => e.closeDeleteDialog), { loading: q, error: J, fetchPipeline: Y, deletePipeline: X, testPipeline: Z } = n({
+}, O = s(function() {
+	let { pipelineId: s } = te(), O = t(), { t: k } = p(), A = "default", [ie] = ne(), { hasPermission: j, isLoading: ae } = f(), M = j(r.PIPELINE_READ), N = j(r.PIPELINE_UPDATE), P = j(r.PIPELINE_DELETE), F = j(r.PIPELINE_TEST), [I, L] = u(null), [R, z] = u("{\n  \"data\": \"sample\"\n}"), [B, V] = u(null), [H, U] = u(ie.get("test") === "true"), W = e((e) => e.deleteDialogOpen), G = e((e) => e.openDeleteDialog), K = e((e) => e.closeDeleteDialog), { loading: q, error: J, fetchPipeline: Y, deletePipeline: X, testPipeline: Z } = n({
 		consoleId: A,
 		skipFetch: !0
 	});
-	u(() => {
-		c && Y(c).then((e) => {
+	l(() => {
+		s && Y(s).then((e) => {
 			e && L(e);
 		});
-	}, [c, Y]);
-	let Q = l(() => {
-		k("/pipelines");
-	}, [k]), $ = l(() => {
-		k(`/pipelines/${c}/edit`);
-	}, [k, c]), ie = l(() => {
+	}, [s, Y]);
+	let Q = c(() => {
+		O("/pipelines");
+	}, [O]), $ = c(() => {
+		O(`/pipelines/${s}/edit`);
+	}, [O, s]), oe = c(() => {
 		I && G(I);
-	}, [I, G]), ae = l(async () => {
-		I && (await X(I.id) ? (i() && a("success"), K(), k("/pipelines")) : i() && a("error"));
+	}, [I, G]), se = c(async () => {
+		I && (await X(I.id) ? (i() && a("success"), K(), O("/pipelines")) : i() && a("error"));
 	}, [
 		I,
 		X,
 		K,
-		k
-	]), oe = l((e) => {
-		k(`/dashboards/${A}/parsers/${e}`);
-	}, [k, A]), se = l(async () => {
+		O
+	]), ce = c((e) => {
+		O(`/dashboards/${A}/parsers/${e}`);
+	}, [O, A]), le = c(async () => {
 		if (I) try {
 			let e = await Z({
 				pipelineId: I.id,
@@ -152,253 +153,249 @@ var S = ({ className: e }) => /* @__PURE__ */ b("svg", {
 		Z,
 		R
 	]);
-	return q && !I ? /* @__PURE__ */ b("div", {
+	return q && !I ? /* @__PURE__ */ v("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "flex flex-col items-center justify-center py-16",
-			children: [/* @__PURE__ */ x("svg", {
+			children: [/* @__PURE__ */ y("svg", {
 				className: "w-8 h-8 text-action-primary-bg animate-spin mb-4",
 				fill: "none",
 				viewBox: "0 0 24 24",
-				children: [/* @__PURE__ */ b("circle", {
+				children: [/* @__PURE__ */ v("circle", {
 					className: "opacity-25",
 					cx: "12",
 					cy: "12",
 					r: "10",
 					stroke: "currentColor",
 					strokeWidth: "4"
-				}), /* @__PURE__ */ b("path", {
+				}), /* @__PURE__ */ v("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__ */ b("p", {
+			}), /* @__PURE__ */ v("p", {
 				className: "text-sm text-text-secondary",
-				children: "Loading Pipeline..."
+				children: k("bigconsole.pipelines.view.loading", "Loading Pipeline...")
 			})]
 		})
-	}) : !ne && !re ? /* @__PURE__ */ b(m, {
-		title: "Access Denied",
-		description: "You don't have permission to view this pipeline."
-	}) : J ? /* @__PURE__ */ b("div", {
+	}) : !ae && !M ? /* @__PURE__ */ v(d, {
+		title: k("bigconsole.pipelines.errors.accessDeniedTitle", "Access Denied"),
+		description: k("bigconsole.pipelines.errors.accessDeniedViewDescription", "You don't have permission to view this pipeline.")
+	}) : J ? /* @__PURE__ */ v("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "flex flex-col items-center justify-center py-16 text-center",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ v("div", {
 					className: "p-3 rounded-full bg-status-error-bg/10 mb-4",
-					children: /* @__PURE__ */ b(T, { className: "w-8 h-8 text-status-error-text" })
+					children: /* @__PURE__ */ v(w, { className: "w-8 h-8 text-status-error-text" })
 				}),
-				/* @__PURE__ */ b("h3", {
+				/* @__PURE__ */ v("h3", {
 					className: "text-lg font-medium text-text-primary mb-2",
-					children: "Failed to load Pipeline"
+					children: k("bigconsole.pipelines.view.loadError", "Failed to load Pipeline")
 				}),
-				/* @__PURE__ */ b("p", {
+				/* @__PURE__ */ v("p", {
 					className: "text-sm text-text-secondary mb-4",
 					children: J.message
 				}),
-				/* @__PURE__ */ b("button", {
+				/* @__PURE__ */ v("button", {
 					type: "button",
 					onClick: Q,
 					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: k("bigconsole.pipelines.actions.backToPipelines", "Back to Pipelines")
 				})
 			]
 		})
-	}) : I ? /* @__PURE__ */ x("div", {
+	}) : I ? /* @__PURE__ */ y("div", {
 		className: "p-6",
 		children: [
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ y("div", {
 				className: "flex items-center justify-between mb-6",
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ b("button", {
+					children: [/* @__PURE__ */ v("button", {
 						type: "button",
 						onClick: Q,
 						className: "p-2 text-text-secondary hover:text-text-primary hover:bg-bg-sunken rounded-md transition-colors",
-						children: /* @__PURE__ */ b(S, { className: "w-5 h-5" })
-					}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
+						children: /* @__PURE__ */ v(b, { className: "w-5 h-5" })
+					}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ b("h1", {
+						children: [/* @__PURE__ */ v("h1", {
 							className: "text-2xl font-bold text-text-primary",
 							children: I.name
-						}), /* @__PURE__ */ b(o, { status: I.status })]
-					}), I.description && /* @__PURE__ */ b("p", {
+						}), /* @__PURE__ */ v(o, { status: I.status })]
+					}), I.description && /* @__PURE__ */ v("p", {
 						className: "text-sm text-text-secondary mt-1",
 						children: I.description
 					})] })]
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ x("button", {
+						/* @__PURE__ */ y("button", {
 							type: "button",
 							onClick: () => U(!H),
 							disabled: !F,
 							className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium text-status-success-text bg-status-success-bg/10 hover:bg-status-success-bg/20 rounded-md transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-							children: [/* @__PURE__ */ b(w, { className: "w-4 h-4" }), "Test"]
+							children: [/* @__PURE__ */ v(C, { className: "w-4 h-4" }), k("bigconsole.pipelines.actions.test", "Test")]
 						}),
-						/* @__PURE__ */ x("button", {
+						/* @__PURE__ */ y("button", {
 							type: "button",
 							onClick: $,
 							disabled: !N,
 							className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-primary bg-bg-sunken hover:bg-border-default rounded-md transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-							children: [/* @__PURE__ */ b(te, { className: "w-4 h-4" }), "Edit"]
+							children: [/* @__PURE__ */ v(x, { className: "w-4 h-4" }), k("bigconsole.pipelines.actions.edit", "Edit")]
 						}),
-						P && /* @__PURE__ */ x("button", {
+						P && /* @__PURE__ */ y("button", {
 							type: "button",
-							onClick: ie,
+							onClick: oe,
 							className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium text-status-error-text bg-status-error-bg/10 hover:bg-status-error-bg/20 rounded-md transition-colors",
-							children: [/* @__PURE__ */ b(C, { className: "w-4 h-4" }), "Delete"]
+							children: [/* @__PURE__ */ v(S, { className: "w-4 h-4" }), k("bigconsole.pipelines.actions.delete", "Delete")]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ b(ee, {
+			/* @__PURE__ */ v(re, {
 				className: "mb-6",
-				children: "A pipeline chains parsers and a data sink into a repeatable flow. Review its stages here, test it with sample input to confirm the output, then edit the stages or run it to process real data into the connected sink."
+				children: k("bigconsole.pipelines.view.purpose", "A pipeline chains parsers and a data sink into a repeatable flow. Review its stages here, test it with sample input to confirm the output, then edit the stages or run it to process real data into the connected sink.")
 			}),
-			/* @__PURE__ */ b(v, {
+			/* @__PURE__ */ v(g, {
 				storageKey: "bigconsole-pipeline-view",
 				steps: [
 					...F ? [{
 						id: "test",
-						label: "Test with sample input",
-						description: "Run the pipeline against a sample to verify each stage.",
+						label: k("bigconsole.pipelines.view.nextStepTestLabel", "Test with sample input"),
+						description: k("bigconsole.pipelines.view.nextStepTestDescription", "Run the pipeline against a sample to verify each stage."),
 						onClick: () => U(!0)
 					}] : [],
 					...N ? [{
 						id: "edit",
-						label: "Edit the stages",
-						description: "Add, reorder, or configure the parsers in this pipeline.",
+						label: k("bigconsole.pipelines.view.nextStepEditLabel", "Edit the stages"),
+						description: k("bigconsole.pipelines.view.nextStepEditDescription", "Add, reorder, or configure the parsers in this pipeline."),
 						onClick: $
 					}] : [],
 					{
 						id: "sinks",
-						label: "Review the target data sink",
-						description: "See where the processed data lands.",
-						onClick: () => k("/datasinks")
+						label: k("bigconsole.pipelines.view.nextStepSinksLabel", "Review the target data sink"),
+						description: k("bigconsole.pipelines.view.nextStepSinksDescription", "See where the processed data lands."),
+						onClick: () => O("/datasinks")
 					}
 				]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ y("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "lg:col-span-2 space-y-6",
-					children: [/* @__PURE__ */ x(g, {
+					children: [/* @__PURE__ */ y(m, {
 						treatment: "glass",
 						glow: !0,
 						className: "p-6",
-						children: [/* @__PURE__ */ x("h2", {
+						children: [/* @__PURE__ */ v("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
-							children: [
-								"Pipeline Stages (",
-								I.stages?.length || 0,
-								")"
-							]
-						}), !I.stages || I.stages.length === 0 ? /* @__PURE__ */ b(_, {
+							children: k("bigconsole.pipelines.view.stagesHeading", "Pipeline Stages ({{count}})", { count: I.stages?.length || 0 })
+						}), !I.stages || I.stages.length === 0 ? /* @__PURE__ */ v(h, {
 							illustration: "empty-generic",
-							title: "No stages defined",
-							description: "Edit the pipeline to add parser stages."
-						}) : /* @__PURE__ */ b("div", {
+							title: k("bigconsole.pipelines.view.noStagesTitle", "No stages defined"),
+							description: k("bigconsole.pipelines.view.noStagesDescription", "Edit the pipeline to add parser stages.")
+						}) : /* @__PURE__ */ v("div", {
 							className: "space-y-3",
-							children: I.stages.map((e, t) => /* @__PURE__ */ x("div", {
+							children: I.stages.map((e, t) => /* @__PURE__ */ y("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ x("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: `
                         flex-1 p-4 rounded-lg border
                         ${e.enabled ? "bg-bg-surface border-border-default" : "bg-bg-sunken border-border-default opacity-60"}
                       `,
 									children: [
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ y("div", {
 											className: "flex items-center justify-between mb-2",
-											children: [/* @__PURE__ */ x("div", {
+											children: [/* @__PURE__ */ y("div", {
 												className: "flex items-center gap-2",
 												children: [
-													/* @__PURE__ */ b("span", {
+													/* @__PURE__ */ v("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__ */ b("span", {
+													/* @__PURE__ */ v("span", {
 														className: "font-medium text-text-primary",
-														children: e.parserName || `Stage ${t + 1}`
+														children: e.parserName || k("bigconsole.pipelines.view.stageFallbackName", "Stage {{number}}", { number: t + 1 })
 													}),
-													e.parserType && /* @__PURE__ */ b("span", {
+													e.parserType && /* @__PURE__ */ v("span", {
 														className: "px-1.5 py-0.5 text-xs font-medium bg-bg-sunken text-text-secondary rounded",
 														children: e.parserType.toUpperCase()
 													})
 												]
-											}), /* @__PURE__ */ x("div", {
+											}), /* @__PURE__ */ y("div", {
 												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ b(O, { handling: e.onError }), !e.enabled && /* @__PURE__ */ b("span", {
+												children: [/* @__PURE__ */ v(D, { handling: e.onError }), !e.enabled && /* @__PURE__ */ v("span", {
 													className: "px-1.5 py-0.5 text-xs font-medium bg-bg-sunken text-text-secondary rounded",
-													children: "Disabled"
+													children: k("bigconsole.pipelines.view.stageDisabled", "Disabled")
 												})]
 											})]
 										}),
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ y("div", {
 											className: "flex items-center gap-2 text-xs text-text-secondary",
 											children: [
-												/* @__PURE__ */ b("span", {
+												/* @__PURE__ */ v("span", {
 													className: "font-mono bg-bg-sunken px-1.5 py-0.5 rounded",
 													children: e.inputKey
 												}),
-												/* @__PURE__ */ b(D, { className: "w-3 h-3" }),
-												/* @__PURE__ */ b("span", {
+												/* @__PURE__ */ v(E, { className: "w-3 h-3" }),
+												/* @__PURE__ */ v("span", {
 													className: "font-mono bg-bg-sunken px-1.5 py-0.5 rounded",
 													children: e.outputKey
 												})
 											]
 										}),
-										e.description && /* @__PURE__ */ b("p", {
+										e.description && /* @__PURE__ */ v("p", {
 											className: "text-xs text-text-secondary mt-2",
 											children: e.description
 										}),
-										e.parserId && /* @__PURE__ */ b("button", {
+										e.parserId && /* @__PURE__ */ v("button", {
 											type: "button",
-											onClick: () => oe(e.parserId),
+											onClick: () => ce(e.parserId),
 											className: "mt-2 text-xs text-action-primary-bg hover:underline",
-											children: "View Parser"
+											children: k("bigconsole.pipelines.view.viewParser", "View Parser")
 										})
 									]
-								}), t < (I.stages?.length || 0) - 1 && /* @__PURE__ */ b(D, { className: "w-5 h-5 text-text-secondary flex-shrink-0 hidden md:block" })]
+								}), t < (I.stages?.length || 0) - 1 && /* @__PURE__ */ v(E, { className: "w-5 h-5 text-text-secondary flex-shrink-0 hidden md:block" })]
 							}, e.id))
 						})]
-					}), H && /* @__PURE__ */ x("div", {
+					}), H && /* @__PURE__ */ y("div", {
 						className: "bg-bg-surface border border-border-default rounded-lg p-6",
-						children: [/* @__PURE__ */ b("h2", {
+						children: [/* @__PURE__ */ v("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
-							children: "Test Pipeline"
-						}), /* @__PURE__ */ x("div", {
+							children: k("bigconsole.pipelines.view.testPanelHeading", "Test Pipeline")
+						}), /* @__PURE__ */ y("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Input JSON"
-								}), /* @__PURE__ */ b("textarea", {
+									children: k("bigconsole.pipelines.view.inputJsonLabel", "Input JSON")
+								}), /* @__PURE__ */ v("textarea", {
 									value: R,
 									onChange: (e) => z(e.target.value),
 									className: "w-full h-32 px-3 py-2 text-sm font-mono text-text-primary bg-bg-sunken border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg resize-none",
 									placeholder: "{\"key\": \"value\"}"
 								})] }),
-								/* @__PURE__ */ x("button", {
+								/* @__PURE__ */ y("button", {
 									type: "button",
-									onClick: se,
+									onClick: le,
 									disabled: q || !F,
 									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 disabled:opacity-50 disabled:cursor-not-allowed",
-									children: [/* @__PURE__ */ b(w, { className: "w-4 h-4" }), q ? "Running..." : "Run Test"]
+									children: [/* @__PURE__ */ v(C, { className: "w-4 h-4" }), q ? k("bigconsole.pipelines.view.testRunning", "Running...") : k("bigconsole.pipelines.view.runTest", "Run Test")]
 								}),
-								B && /* @__PURE__ */ x("div", {
+								B && /* @__PURE__ */ y("div", {
 									className: "mt-4",
 									children: [
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ y("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [B.status === "completed" ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(E, { className: "w-4 h-4 text-status-success-text" }), /* @__PURE__ */ b("span", {
+											children: [B.status === "completed" ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(T, { className: "w-4 h-4 text-status-success-text" }), /* @__PURE__ */ v("span", {
 												className: "text-sm font-medium text-status-success-text",
-												children: "Test Passed"
-											})] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(T, { className: "w-4 h-4 text-status-error-text" }), /* @__PURE__ */ b("span", {
+												children: k("bigconsole.pipelines.view.testPassed", "Test Passed")
+											})] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(w, { className: "w-4 h-4 text-status-error-text" }), /* @__PURE__ */ v("span", {
 												className: "text-sm font-medium text-status-error-text",
-												children: "Test Failed"
-											})] }), B.totalExecutionTimeMs && /* @__PURE__ */ x("span", {
+												children: k("bigconsole.pipelines.view.testFailed", "Test Failed")
+											})] }), B.totalExecutionTimeMs && /* @__PURE__ */ y("span", {
 												className: "text-xs text-text-secondary",
 												children: [
 													"(",
@@ -407,19 +404,19 @@ var S = ({ className: e }) => /* @__PURE__ */ b("svg", {
 												]
 											})]
 										}),
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 											className: "block text-sm font-medium text-text-primary mb-2",
-											children: "Output"
-										}), /* @__PURE__ */ b("pre", {
+											children: k("bigconsole.pipelines.view.outputLabel", "Output")
+										}), /* @__PURE__ */ v("pre", {
 											className: "w-full p-3 text-xs font-mono text-text-primary bg-bg-sunken border border-border-default rounded-md overflow-auto max-h-48",
 											children: JSON.stringify(B.outputData, null, 2) || "null"
 										})] }),
-										B.error && /* @__PURE__ */ x("div", {
+										B.error && /* @__PURE__ */ y("div", {
 											className: "mt-2",
-											children: [/* @__PURE__ */ b("label", {
+											children: [/* @__PURE__ */ v("label", {
 												className: "block text-sm font-medium text-status-error-text mb-2",
-												children: "Error"
-											}), /* @__PURE__ */ b("pre", {
+												children: k("bigconsole.pipelines.view.errorLabel", "Error")
+											}), /* @__PURE__ */ v("pre", {
 												className: "w-full p-3 text-xs font-mono text-status-error-text bg-status-error-bg/10 border border-status-error-border/20 rounded-md overflow-auto",
 												children: B.error
 											})]
@@ -429,55 +426,55 @@ var S = ({ className: e }) => /* @__PURE__ */ b("svg", {
 							]
 						})]
 					})]
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ v("div", {
 					className: "space-y-6",
-					children: /* @__PURE__ */ x("div", {
+					children: /* @__PURE__ */ y("div", {
 						className: "bg-bg-surface border border-border-default rounded-lg p-6",
-						children: [/* @__PURE__ */ b("h2", {
+						children: [/* @__PURE__ */ v("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
-							children: "Details"
-						}), /* @__PURE__ */ x("dl", {
+							children: k("bigconsole.pipelines.view.detailsHeading", "Details")
+						}), /* @__PURE__ */ y("dl", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 									className: "text-xs text-text-secondary",
-									children: "Status"
-								}), /* @__PURE__ */ b("dd", {
+									children: k("bigconsole.pipelines.view.detailStatus", "Status")
+								}), /* @__PURE__ */ v("dd", {
 									className: "mt-1",
-									children: /* @__PURE__ */ b(o, { status: I.status })
+									children: /* @__PURE__ */ v(o, { status: I.status })
 								})] }),
-								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 									className: "text-xs text-text-secondary",
-									children: "Stages"
-								}), /* @__PURE__ */ b("dd", {
+									children: k("bigconsole.pipelines.view.detailStages", "Stages")
+								}), /* @__PURE__ */ v("dd", {
 									className: "text-sm text-text-primary",
 									children: I.stages?.length || 0
 								})] }),
-								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 									className: "text-xs text-text-secondary",
-									children: "Last Executed"
-								}), /* @__PURE__ */ b("dd", {
+									children: k("bigconsole.pipelines.view.detailLastExecuted", "Last Executed")
+								}), /* @__PURE__ */ v("dd", {
 									className: "text-sm text-text-primary",
-									children: I.lastExecutedAt ? new Date(I.lastExecutedAt).toLocaleString() : "Never"
+									children: I.lastExecutedAt ? new Date(I.lastExecutedAt).toLocaleString() : k("bigconsole.pipelines.view.detailNever", "Never")
 								})] }),
-								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 									className: "text-xs text-text-secondary",
-									children: "Version"
-								}), /* @__PURE__ */ b("dd", {
+									children: k("bigconsole.pipelines.view.detailVersion", "Version")
+								}), /* @__PURE__ */ v("dd", {
 									className: "text-sm text-text-primary",
 									children: I.version
 								})] }),
-								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 									className: "text-xs text-text-secondary",
-									children: "Created"
-								}), /* @__PURE__ */ b("dd", {
+									children: k("bigconsole.pipelines.view.detailCreated", "Created")
+								}), /* @__PURE__ */ v("dd", {
 									className: "text-sm text-text-primary",
 									children: new Date(I.createdAt).toLocaleString()
 								})] }),
-								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 									className: "text-xs text-text-secondary",
-									children: "Updated"
-								}), /* @__PURE__ */ b("dd", {
+									children: k("bigconsole.pipelines.view.detailUpdated", "Updated")
+								}), /* @__PURE__ */ v("dd", {
 									className: "text-sm text-text-primary",
 									children: new Date(I.updatedAt).toLocaleString()
 								})] })
@@ -486,29 +483,29 @@ var S = ({ className: e }) => /* @__PURE__ */ b("svg", {
 					})
 				})]
 			}),
-			I && /* @__PURE__ */ b(s, {
+			I && /* @__PURE__ */ v(ee, {
 				pipeline: I,
 				isOpen: W,
 				onClose: K,
-				onConfirm: ae
+				onConfirm: se
 			})
 		]
-	}) : /* @__PURE__ */ b("div", {
+	}) : /* @__PURE__ */ v("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ b(_, {
+		children: /* @__PURE__ */ v(h, {
 			illustration: "empty-data",
-			title: "Pipeline not found",
-			description: "The pipeline you're looking for doesn't exist or has been deleted.",
-			action: /* @__PURE__ */ b("button", {
+			title: k("bigconsole.pipelines.view.notFoundTitle", "Pipeline not found"),
+			description: k("bigconsole.pipelines.view.notFoundDescription", "The pipeline you're looking for doesn't exist or has been deleted."),
+			action: /* @__PURE__ */ v("button", {
 				type: "button",
 				onClick: Q,
 				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: k("bigconsole.pipelines.actions.backToPipelines", "Back to Pipelines")
 			})
 		})
 	});
 });
 //#endregion
-export { k as PipelineViewPage, k as default };
+export { O as PipelineViewPage, O as default };
 
 //# sourceMappingURL=PipelineViewPage.js.map