@burdenoff/microfe-bigconsole 2026.805.1 → 2026.805.3

package/dist/bigconsole/pages/PipelineViewPage.js

@@ -2,12 +2,16 @@ import { usePipelineStore as e } from "../store/pipelineStore.js";
 import { useAppNavigate as t } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
 import n from "../hooks/usePipelineOperations.js";
-import { isNative as r, nativeNotify as i } from "../../utils/nativeBridge.js";
-import a from "../components/pipeline/PipelineStatusBadge.js";
-import o from "../components/pipeline/PipelineDeleteDialog.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 ee from "../components/pipeline/PipelineDeleteDialog.js";
 import { memo as s, useCallback as c, useEffect as l, useState as u } from "react";
-import { useParams as d, useSearchParams as f } from "react-router";
-import { GlassCard as p, IllustratedEmptyState as m, NextSteps as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
+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 b = ({ className: e }) => /* @__PURE__ */ v("svg", {
@@ -93,63 +97,63 @@ var b = ({ className: e }) => /* @__PURE__ */ v("svg", {
 		d: "M14 5l7 7m0 0l-7 7m7-7H3"
 	})
 }), D = ({ handling: e }) => {
-	let t = {
+	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;
+	}, r = n[e] || n.fail;
 	return /* @__PURE__ */ v("span", {
-		className: `px-1.5 py-0.5 text-xs font-medium rounded ${n.className}`,
-		children: n.label
+		className: `px-1.5 py-0.5 text-xs font-medium rounded ${r.className}`,
+		children: r.label
 	});
 }, O = s(function() {
-	let { pipelineId: s } = d(), O = t(), k = "default", [A] = f(), [j, M] = u(null), [N, P] = u("{\n  \"data\": \"sample\"\n}"), [F, I] = u(null), [L, R] = u(A.get("test") === "true"), z = e((e) => e.deleteDialogOpen), B = e((e) => e.openDeleteDialog), V = e((e) => e.closeDeleteDialog), { loading: H, error: U, fetchPipeline: W, deletePipeline: G, testPipeline: K } = n({
-		consoleId: k,
+	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
 	});
 	l(() => {
-		s && W(s).then((e) => {
-			e && M(e);
+		s && Y(s).then((e) => {
+			e && L(e);
 		});
-	}, [s, W]);
-	let q = c(() => {
+	}, [s, Y]);
+	let Q = c(() => {
 		O("/pipelines");
-	}, [O]), J = c(() => {
+	}, [O]), $ = c(() => {
 		O(`/pipelines/${s}/edit`);
-	}, [O, s]), Y = c(() => {
-		j && B(j);
-	}, [j, B]), X = c(async () => {
-		j && (await G(j.id) ? (r() && i("success"), V(), O("/pipelines")) : r() && i("error"));
+	}, [O, s]), oe = c(() => {
+		I && G(I);
+	}, [I, G]), se = c(async () => {
+		I && (await X(I.id) ? (i() && a("success"), K(), O("/pipelines")) : i() && a("error"));
 	}, [
-		j,
-		G,
-		V,
+		I,
+		X,
+		K,
 		O
-	]), Z = c((e) => {
-		O(`/dashboards/${k}/parsers/${e}`);
-	}, [O, k]), Q = c(async () => {
-		if (j) try {
-			let e = await K({
-				pipelineId: j.id,
-				inputData: N
+	]), ce = c((e) => {
+		O(`/dashboards/${A}/parsers/${e}`);
+	}, [O, A]), le = c(async () => {
+		if (I) try {
+			let e = await Z({
+				pipelineId: I.id,
+				inputData: R
 			});
-			e && I(e);
+			e && V(e);
 		} catch {}
 	}, [
-		j,
-		K,
-		N
+		I,
+		Z,
+		R
 	]);
-	return H && !j ? /* @__PURE__ */ v("div", {
+	return q && !I ? /* @__PURE__ */ v("div", {
 		className: "p-6",
 		children: /* @__PURE__ */ y("div", {
 			className: "flex flex-col items-center justify-center py-16",
@@ -171,10 +175,13 @@ var b = ({ className: e }) => /* @__PURE__ */ v("svg", {
 				})]
 			}), /* @__PURE__ */ v("p", {
 				className: "text-sm text-text-secondary",
-				children: "Loading Pipeline..."
+				children: k("bigconsole.pipelines.view.loading", "Loading Pipeline...")
 			})]
 		})
-	}) : U ? /* @__PURE__ */ v("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__ */ y("div", {
 			className: "flex flex-col items-center justify-center py-16 text-center",
@@ -185,21 +192,21 @@ var b = ({ className: e }) => /* @__PURE__ */ v("svg", {
 				}),
 				/* @__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__ */ v("p", {
 					className: "text-sm text-text-secondary mb-4",
-					children: U.message
+					children: J.message
 				}),
 				/* @__PURE__ */ v("button", {
 					type: "button",
-					onClick: q,
+					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")
 				})
 			]
 		})
-	}) : j ? /* @__PURE__ */ y("div", {
+	}) : I ? /* @__PURE__ */ y("div", {
 		className: "p-6",
 		children: [
 			/* @__PURE__ */ y("div", {
@@ -208,66 +215,68 @@ var b = ({ className: e }) => /* @__PURE__ */ v("svg", {
 					className: "flex items-center gap-4",
 					children: [/* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: q,
+						onClick: Q,
 						className: "p-2 text-text-secondary hover:text-text-primary hover:bg-bg-sunken rounded-md transition-colors",
 						children: /* @__PURE__ */ v(b, { className: "w-5 h-5" })
 					}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-3",
 						children: [/* @__PURE__ */ v("h1", {
 							className: "text-2xl font-bold text-text-primary",
-							children: j.name
-						}), /* @__PURE__ */ v(a, { status: j.status })]
-					}), j.description && /* @__PURE__ */ v("p", {
+							children: I.name
+						}), /* @__PURE__ */ v(o, { status: I.status })]
+					}), I.description && /* @__PURE__ */ v("p", {
 						className: "text-sm text-text-secondary mt-1",
-						children: j.description
+						children: I.description
 					})] })]
 				}), /* @__PURE__ */ y("div", {
 					className: "flex items-center gap-2",
 					children: [
 						/* @__PURE__ */ y("button", {
 							type: "button",
-							onClick: () => R(!L),
-							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",
-							children: [/* @__PURE__ */ v(C, { className: "w-4 h-4" }), "Test"]
+							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__ */ v(C, { className: "w-4 h-4" }), k("bigconsole.pipelines.actions.test", "Test")]
 						}),
 						/* @__PURE__ */ y("button", {
 							type: "button",
-							onClick: J,
-							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",
-							children: [/* @__PURE__ */ v(x, { className: "w-4 h-4" }), "Edit"]
+							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__ */ v(x, { className: "w-4 h-4" }), k("bigconsole.pipelines.actions.edit", "Edit")]
 						}),
-						/* @__PURE__ */ y("button", {
+						P && /* @__PURE__ */ y("button", {
 							type: "button",
-							onClick: Y,
+							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__ */ v(S, { className: "w-4 h-4" }), "Delete"]
+							children: [/* @__PURE__ */ v(S, { className: "w-4 h-4" }), k("bigconsole.pipelines.actions.delete", "Delete")]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ v(g, {
+			/* @__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__ */ v(h, {
+			/* @__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.",
-						onClick: () => R(!0)
-					},
-					{
+						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.",
-						onClick: J
-					},
+						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.",
+						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")
 					}
 				]
@@ -276,24 +285,20 @@ var b = ({ className: e }) => /* @__PURE__ */ v("svg", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 				children: [/* @__PURE__ */ y("div", {
 					className: "lg:col-span-2 space-y-6",
-					children: [/* @__PURE__ */ y(p, {
+					children: [/* @__PURE__ */ y(m, {
 						treatment: "glass",
 						glow: !0,
 						className: "p-6",
-						children: [/* @__PURE__ */ y("h2", {
+						children: [/* @__PURE__ */ v("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
-							children: [
-								"Pipeline Stages (",
-								j.stages?.length || 0,
-								")"
-							]
-						}), !j.stages || j.stages.length === 0 ? /* @__PURE__ */ v(m, {
+							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."
+							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: j.stages.map((e, t) => /* @__PURE__ */ y("div", {
+							children: I.stages.map((e, t) => /* @__PURE__ */ y("div", {
 								className: "flex items-center gap-3",
 								children: [/* @__PURE__ */ y("div", {
 									className: `
@@ -312,7 +317,7 @@ var b = ({ className: e }) => /* @__PURE__ */ v("svg", {
 													}),
 													/* @__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__ */ v("span", {
 														className: "px-1.5 py-0.5 text-xs font-medium bg-bg-sunken text-text-secondary rounded",
@@ -323,7 +328,7 @@ var b = ({ className: e }) => /* @__PURE__ */ v("svg", {
 												className: "flex items-center gap-2",
 												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")
 												})]
 											})]
 										}),
@@ -347,73 +352,73 @@ var b = ({ className: e }) => /* @__PURE__ */ v("svg", {
 										}),
 										e.parserId && /* @__PURE__ */ v("button", {
 											type: "button",
-											onClick: () => Z(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 < (j.stages?.length || 0) - 1 && /* @__PURE__ */ v(E, { 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))
 						})]
-					}), L && /* @__PURE__ */ y("div", {
+					}), H && /* @__PURE__ */ y("div", {
 						className: "bg-bg-surface border border-border-default rounded-lg p-6",
 						children: [/* @__PURE__ */ v("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
-							children: "Test Pipeline"
+							children: k("bigconsole.pipelines.view.testPanelHeading", "Test Pipeline")
 						}), /* @__PURE__ */ y("div", {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Input JSON"
+									children: k("bigconsole.pipelines.view.inputJsonLabel", "Input JSON")
 								}), /* @__PURE__ */ v("textarea", {
-									value: N,
-									onChange: (e) => P(e.target.value),
+									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__ */ y("button", {
 									type: "button",
-									onClick: Q,
-									disabled: H,
-									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",
-									children: [/* @__PURE__ */ v(C, { className: "w-4 h-4" }), H ? "Running..." : "Run Test"]
+									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__ */ v(C, { className: "w-4 h-4" }), q ? k("bigconsole.pipelines.view.testRunning", "Running...") : k("bigconsole.pipelines.view.runTest", "Run Test")]
 								}),
-								F && /* @__PURE__ */ y("div", {
+								B && /* @__PURE__ */ y("div", {
 									className: "mt-4",
 									children: [
 										/* @__PURE__ */ y("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [F.status === "completed" ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(T, { className: "w-4 h-4 text-status-success-text" }), /* @__PURE__ */ v("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"
+												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"
-											})] }), F.totalExecutionTimeMs && /* @__PURE__ */ y("span", {
+												children: k("bigconsole.pipelines.view.testFailed", "Test Failed")
+											})] }), B.totalExecutionTimeMs && /* @__PURE__ */ y("span", {
 												className: "text-xs text-text-secondary",
 												children: [
 													"(",
-													F.totalExecutionTimeMs,
+													B.totalExecutionTimeMs,
 													"ms)"
 												]
 											})]
 										}),
 										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 											className: "block text-sm font-medium text-text-primary mb-2",
-											children: "Output"
+											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(F.outputData, null, 2) || "null"
+											children: JSON.stringify(B.outputData, null, 2) || "null"
 										})] }),
-										F.error && /* @__PURE__ */ y("div", {
+										B.error && /* @__PURE__ */ y("div", {
 											className: "mt-2",
 											children: [/* @__PURE__ */ v("label", {
 												className: "block text-sm font-medium text-status-error-text mb-2",
-												children: "Error"
+												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: F.error
+												children: B.error
 											})]
 										})
 									]
@@ -427,75 +432,75 @@ var b = ({ className: e }) => /* @__PURE__ */ v("svg", {
 						className: "bg-bg-surface border border-border-default rounded-lg p-6",
 						children: [/* @__PURE__ */ v("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
-							children: "Details"
+							children: k("bigconsole.pipelines.view.detailsHeading", "Details")
 						}), /* @__PURE__ */ y("dl", {
 							className: "space-y-3",
 							children: [
 								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 									className: "text-xs text-text-secondary",
-									children: "Status"
+									children: k("bigconsole.pipelines.view.detailStatus", "Status")
 								}), /* @__PURE__ */ v("dd", {
 									className: "mt-1",
-									children: /* @__PURE__ */ v(a, { status: j.status })
+									children: /* @__PURE__ */ v(o, { status: I.status })
 								})] }),
 								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 									className: "text-xs text-text-secondary",
-									children: "Stages"
+									children: k("bigconsole.pipelines.view.detailStages", "Stages")
 								}), /* @__PURE__ */ v("dd", {
 									className: "text-sm text-text-primary",
-									children: j.stages?.length || 0
+									children: I.stages?.length || 0
 								})] }),
 								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 									className: "text-xs text-text-secondary",
-									children: "Last Executed"
+									children: k("bigconsole.pipelines.view.detailLastExecuted", "Last Executed")
 								}), /* @__PURE__ */ v("dd", {
 									className: "text-sm text-text-primary",
-									children: j.lastExecutedAt ? new Date(j.lastExecutedAt).toLocaleString() : "Never"
+									children: I.lastExecutedAt ? new Date(I.lastExecutedAt).toLocaleString() : k("bigconsole.pipelines.view.detailNever", "Never")
 								})] }),
 								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 									className: "text-xs text-text-secondary",
-									children: "Version"
+									children: k("bigconsole.pipelines.view.detailVersion", "Version")
 								}), /* @__PURE__ */ v("dd", {
 									className: "text-sm text-text-primary",
-									children: j.version
+									children: I.version
 								})] }),
 								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 									className: "text-xs text-text-secondary",
-									children: "Created"
+									children: k("bigconsole.pipelines.view.detailCreated", "Created")
 								}), /* @__PURE__ */ v("dd", {
 									className: "text-sm text-text-primary",
-									children: new Date(j.createdAt).toLocaleString()
+									children: new Date(I.createdAt).toLocaleString()
 								})] }),
 								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 									className: "text-xs text-text-secondary",
-									children: "Updated"
+									children: k("bigconsole.pipelines.view.detailUpdated", "Updated")
 								}), /* @__PURE__ */ v("dd", {
 									className: "text-sm text-text-primary",
-									children: new Date(j.updatedAt).toLocaleString()
+									children: new Date(I.updatedAt).toLocaleString()
 								})] })
 							]
 						})]
 					})
 				})]
 			}),
-			j && /* @__PURE__ */ v(o, {
-				pipeline: j,
-				isOpen: z,
-				onClose: V,
-				onConfirm: X
+			I && /* @__PURE__ */ v(ee, {
+				pipeline: I,
+				isOpen: W,
+				onClose: K,
+				onConfirm: se
 			})
 		]
 	}) : /* @__PURE__ */ v("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ v(m, {
+		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.",
+			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,
+				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")
 			})
 		})
 	});