@burdenoff/microfe-bigconsole 2026.804.2 → 2026.805.2

package/dist/bigconsole/pages/PipelineViewPage.js

@@ -2,97 +2,100 @@ 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 { 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 { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+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";
 //#region src/bigconsole/pages/PipelineViewPage.tsx
-var b = ({ className: e }) => /* @__PURE__ */ v("svg", {
+var S = ({ className: e }) => /* @__PURE__ */ b("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ v("path", {
+	children: /* @__PURE__ */ b("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M10 19l-7-7m0 0l7-7m-7 7h18"
 	})
-}), x = ({ className: e }) => /* @__PURE__ */ v("svg", {
+}), te = ({ className: e }) => /* @__PURE__ */ b("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ v("path", {
+	children: /* @__PURE__ */ b("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"
 	})
-}), S = ({ className: e }) => /* @__PURE__ */ v("svg", {
+}), C = ({ className: e }) => /* @__PURE__ */ b("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ v("path", {
+	children: /* @__PURE__ */ b("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"
 	})
-}), C = ({ className: e }) => /* @__PURE__ */ y("svg", {
+}), w = ({ className: e }) => /* @__PURE__ */ x("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: [/* @__PURE__ */ v("path", {
+	children: [/* @__PURE__ */ b("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__ */ v("path", {
+	}), /* @__PURE__ */ b("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 	})]
-}), w = ({ className: e }) => /* @__PURE__ */ v("svg", {
+}), T = ({ className: e }) => /* @__PURE__ */ b("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ v("path", {
+	children: /* @__PURE__ */ b("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 	})
-}), T = ({ className: e }) => /* @__PURE__ */ v("svg", {
+}), E = ({ className: e }) => /* @__PURE__ */ b("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ v("path", {
+	children: /* @__PURE__ */ b("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M5 13l4 4L19 7"
 	})
-}), E = ({ className: e }) => /* @__PURE__ */ v("svg", {
+}), D = ({ className: e }) => /* @__PURE__ */ b("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ v("path", {
+	children: /* @__PURE__ */ b("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M14 5l7 7m0 0l-7 7m7-7H3"
 	})
-}), D = ({ handling: e }) => {
+}), O = ({ handling: e }) => {
 	let t = {
 		fail: {
 			label: "Fail",
@@ -107,313 +110,318 @@ var b = ({ className: e }) => /* @__PURE__ */ v("svg", {
 			className: "bg-action-primary-bg/10 text-action-primary-bg"
 		}
 	}, n = t[e] || t.fail;
-	return /* @__PURE__ */ v("span", {
+	return /* @__PURE__ */ b("span", {
 		className: `px-1.5 py-0.5 text-xs font-medium rounded ${n.className}`,
 		children: n.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,
+}, 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({
+		consoleId: A,
 		skipFetch: !0
 	});
-	l(() => {
-		s && W(s).then((e) => {
-			e && M(e);
+	u(() => {
+		c && Y(c).then((e) => {
+			e && L(e);
 		});
-	}, [s, W]);
-	let q = c(() => {
-		O("/pipelines");
-	}, [O]), J = 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"));
+	}, [c, Y]);
+	let Q = l(() => {
+		k("/pipelines");
+	}, [k]), $ = l(() => {
+		k(`/pipelines/${c}/edit`);
+	}, [k, c]), ie = l(() => {
+		I && G(I);
+	}, [I, G]), ae = l(async () => {
+		I && (await X(I.id) ? (i() && a("success"), K(), k("/pipelines")) : i() && a("error"));
 	}, [
-		j,
-		G,
-		V,
-		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
+		I,
+		X,
+		K,
+		k
+	]), oe = l((e) => {
+		k(`/dashboards/${A}/parsers/${e}`);
+	}, [k, A]), se = l(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__ */ b("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ x("div", {
 			className: "flex flex-col items-center justify-center py-16",
-			children: [/* @__PURE__ */ y("svg", {
+			children: [/* @__PURE__ */ x("svg", {
 				className: "w-8 h-8 text-action-primary-bg animate-spin mb-4",
 				fill: "none",
 				viewBox: "0 0 24 24",
-				children: [/* @__PURE__ */ v("circle", {
+				children: [/* @__PURE__ */ b("circle", {
 					className: "opacity-25",
 					cx: "12",
 					cy: "12",
 					r: "10",
 					stroke: "currentColor",
 					strokeWidth: "4"
-				}), /* @__PURE__ */ v("path", {
+				}), /* @__PURE__ */ b("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__ */ v("p", {
+			}), /* @__PURE__ */ b("p", {
 				className: "text-sm text-text-secondary",
 				children: "Loading Pipeline..."
 			})]
 		})
-	}) : U ? /* @__PURE__ */ v("div", {
+	}) : !ne && !re ? /* @__PURE__ */ b(m, {
+		title: "Access Denied",
+		description: "You don't have permission to view this pipeline."
+	}) : J ? /* @__PURE__ */ b("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ x("div", {
 			className: "flex flex-col items-center justify-center py-16 text-center",
 			children: [
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ b("div", {
 					className: "p-3 rounded-full bg-status-error-bg/10 mb-4",
-					children: /* @__PURE__ */ v(w, { className: "w-8 h-8 text-status-error-text" })
+					children: /* @__PURE__ */ b(T, { className: "w-8 h-8 text-status-error-text" })
 				}),
-				/* @__PURE__ */ v("h3", {
+				/* @__PURE__ */ b("h3", {
 					className: "text-lg font-medium text-text-primary mb-2",
 					children: "Failed to load Pipeline"
 				}),
-				/* @__PURE__ */ v("p", {
+				/* @__PURE__ */ b("p", {
 					className: "text-sm text-text-secondary mb-4",
-					children: U.message
+					children: J.message
 				}),
-				/* @__PURE__ */ v("button", {
+				/* @__PURE__ */ b("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"
 				})
 			]
 		})
-	}) : j ? /* @__PURE__ */ y("div", {
+	}) : I ? /* @__PURE__ */ x("div", {
 		className: "p-6",
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex items-center justify-between mb-6",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ x("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ v("button", {
+					children: [/* @__PURE__ */ b("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", {
+						children: /* @__PURE__ */ b(S, { className: "w-5 h-5" })
+					}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ v("h1", {
+						children: [/* @__PURE__ */ b("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__ */ b(o, { status: I.status })]
+					}), I.description && /* @__PURE__ */ b("p", {
 						className: "text-sm text-text-secondary mt-1",
-						children: j.description
+						children: I.description
 					})] })]
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ x("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ y("button", {
+						/* @__PURE__ */ x("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__ */ b(w, { className: "w-4 h-4" }), "Test"]
 						}),
-						/* @__PURE__ */ y("button", {
+						/* @__PURE__ */ x("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__ */ b(te, { className: "w-4 h-4" }), "Edit"]
 						}),
-						/* @__PURE__ */ y("button", {
+						P && /* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: Y,
+							onClick: ie,
 							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__ */ b(C, { className: "w-4 h-4" }), "Delete"]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ v(g, {
+			/* @__PURE__ */ b(ee, {
 				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."
 			}),
-			/* @__PURE__ */ v(h, {
+			/* @__PURE__ */ b(v, {
 				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)
-					},
-					{
+						onClick: () => U(!0)
+					}] : [],
+					...N ? [{
 						id: "edit",
 						label: "Edit the stages",
 						description: "Add, reorder, or configure the parsers in this pipeline.",
-						onClick: J
-					},
+						onClick: $
+					}] : [],
 					{
 						id: "sinks",
 						label: "Review the target data sink",
 						description: "See where the processed data lands.",
-						onClick: () => O("/datasinks")
+						onClick: () => k("/datasinks")
 					}
 				]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ x("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ x("div", {
 					className: "lg:col-span-2 space-y-6",
-					children: [/* @__PURE__ */ y(p, {
+					children: [/* @__PURE__ */ x(g, {
 						treatment: "glass",
 						glow: !0,
 						className: "p-6",
-						children: [/* @__PURE__ */ y("h2", {
+						children: [/* @__PURE__ */ x("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
 							children: [
 								"Pipeline Stages (",
-								j.stages?.length || 0,
+								I.stages?.length || 0,
 								")"
 							]
-						}), !j.stages || j.stages.length === 0 ? /* @__PURE__ */ v(m, {
+						}), !I.stages || I.stages.length === 0 ? /* @__PURE__ */ b(_, {
 							illustration: "empty-generic",
 							title: "No stages defined",
 							description: "Edit the pipeline to add parser stages."
-						}) : /* @__PURE__ */ v("div", {
+						}) : /* @__PURE__ */ b("div", {
 							className: "space-y-3",
-							children: j.stages.map((e, t) => /* @__PURE__ */ y("div", {
+							children: I.stages.map((e, t) => /* @__PURE__ */ x("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ x("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__ */ y("div", {
+										/* @__PURE__ */ x("div", {
 											className: "flex items-center justify-between mb-2",
-											children: [/* @__PURE__ */ y("div", {
+											children: [/* @__PURE__ */ x("div", {
 												className: "flex items-center gap-2",
 												children: [
-													/* @__PURE__ */ v("span", {
+													/* @__PURE__ */ b("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__ */ v("span", {
+													/* @__PURE__ */ b("span", {
 														className: "font-medium text-text-primary",
 														children: e.parserName || `Stage ${t + 1}`
 													}),
-													e.parserType && /* @__PURE__ */ v("span", {
+													e.parserType && /* @__PURE__ */ b("span", {
 														className: "px-1.5 py-0.5 text-xs font-medium bg-bg-sunken text-text-secondary rounded",
 														children: e.parserType.toUpperCase()
 													})
 												]
-											}), /* @__PURE__ */ y("div", {
+											}), /* @__PURE__ */ x("div", {
 												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ v(D, { handling: e.onError }), !e.enabled && /* @__PURE__ */ v("span", {
+												children: [/* @__PURE__ */ b(O, { handling: e.onError }), !e.enabled && /* @__PURE__ */ b("span", {
 													className: "px-1.5 py-0.5 text-xs font-medium bg-bg-sunken text-text-secondary rounded",
 													children: "Disabled"
 												})]
 											})]
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ x("div", {
 											className: "flex items-center gap-2 text-xs text-text-secondary",
 											children: [
-												/* @__PURE__ */ v("span", {
+												/* @__PURE__ */ b("span", {
 													className: "font-mono bg-bg-sunken px-1.5 py-0.5 rounded",
 													children: e.inputKey
 												}),
-												/* @__PURE__ */ v(E, { className: "w-3 h-3" }),
-												/* @__PURE__ */ v("span", {
+												/* @__PURE__ */ b(D, { className: "w-3 h-3" }),
+												/* @__PURE__ */ b("span", {
 													className: "font-mono bg-bg-sunken px-1.5 py-0.5 rounded",
 													children: e.outputKey
 												})
 											]
 										}),
-										e.description && /* @__PURE__ */ v("p", {
+										e.description && /* @__PURE__ */ b("p", {
 											className: "text-xs text-text-secondary mt-2",
 											children: e.description
 										}),
-										e.parserId && /* @__PURE__ */ v("button", {
+										e.parserId && /* @__PURE__ */ b("button", {
 											type: "button",
-											onClick: () => Z(e.parserId),
+											onClick: () => oe(e.parserId),
 											className: "mt-2 text-xs text-action-primary-bg hover:underline",
 											children: "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__ */ b(D, { className: "w-5 h-5 text-text-secondary flex-shrink-0 hidden md:block" })]
 							}, e.id))
 						})]
-					}), L && /* @__PURE__ */ y("div", {
+					}), H && /* @__PURE__ */ x("div", {
 						className: "bg-bg-surface border border-border-default rounded-lg p-6",
-						children: [/* @__PURE__ */ v("h2", {
+						children: [/* @__PURE__ */ b("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
 							children: "Test Pipeline"
-						}), /* @__PURE__ */ y("div", {
+						}), /* @__PURE__ */ x("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 									className: "block text-sm font-medium text-text-primary mb-2",
 									children: "Input JSON"
-								}), /* @__PURE__ */ v("textarea", {
-									value: N,
-									onChange: (e) => P(e.target.value),
+								}), /* @__PURE__ */ b("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__ */ y("button", {
+								/* @__PURE__ */ x("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: se,
+									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"]
 								}),
-								F && /* @__PURE__ */ y("div", {
+								B && /* @__PURE__ */ x("div", {
 									className: "mt-4",
 									children: [
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ x("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__ */ x(y, { children: [/* @__PURE__ */ b(E, { className: "w-4 h-4 text-status-success-text" }), /* @__PURE__ */ b("span", {
 												className: "text-sm font-medium text-status-success-text",
 												children: "Test Passed"
-											})] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(w, { className: "w-4 h-4 text-status-error-text" }), /* @__PURE__ */ v("span", {
+											})] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(T, { className: "w-4 h-4 text-status-error-text" }), /* @__PURE__ */ b("span", {
 												className: "text-sm font-medium text-status-error-text",
 												children: "Test Failed"
-											})] }), F.totalExecutionTimeMs && /* @__PURE__ */ y("span", {
+											})] }), B.totalExecutionTimeMs && /* @__PURE__ */ x("span", {
 												className: "text-xs text-text-secondary",
 												children: [
 													"(",
-													F.totalExecutionTimeMs,
+													B.totalExecutionTimeMs,
 													"ms)"
 												]
 											})]
 										}),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-sm font-medium text-text-primary mb-2",
 											children: "Output"
-										}), /* @__PURE__ */ v("pre", {
+										}), /* @__PURE__ */ b("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__ */ x("div", {
 											className: "mt-2",
-											children: [/* @__PURE__ */ v("label", {
+											children: [/* @__PURE__ */ b("label", {
 												className: "block text-sm font-medium text-status-error-text mb-2",
 												children: "Error"
-											}), /* @__PURE__ */ v("pre", {
+											}), /* @__PURE__ */ b("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
 											})]
 										})
 									]
@@ -421,79 +429,79 @@ var b = ({ className: e }) => /* @__PURE__ */ v("svg", {
 							]
 						})]
 					})]
-				}), /* @__PURE__ */ v("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "space-y-6",
-					children: /* @__PURE__ */ y("div", {
+					children: /* @__PURE__ */ x("div", {
 						className: "bg-bg-surface border border-border-default rounded-lg p-6",
-						children: [/* @__PURE__ */ v("h2", {
+						children: [/* @__PURE__ */ b("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
 							children: "Details"
-						}), /* @__PURE__ */ y("dl", {
+						}), /* @__PURE__ */ x("dl", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
 									className: "text-xs text-text-secondary",
 									children: "Status"
-								}), /* @__PURE__ */ v("dd", {
+								}), /* @__PURE__ */ b("dd", {
 									className: "mt-1",
-									children: /* @__PURE__ */ v(a, { status: j.status })
+									children: /* @__PURE__ */ b(o, { status: I.status })
 								})] }),
-								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
 									className: "text-xs text-text-secondary",
 									children: "Stages"
-								}), /* @__PURE__ */ v("dd", {
+								}), /* @__PURE__ */ b("dd", {
 									className: "text-sm text-text-primary",
-									children: j.stages?.length || 0
+									children: I.stages?.length || 0
 								})] }),
-								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
 									className: "text-xs text-text-secondary",
 									children: "Last Executed"
-								}), /* @__PURE__ */ v("dd", {
+								}), /* @__PURE__ */ b("dd", {
 									className: "text-sm text-text-primary",
-									children: j.lastExecutedAt ? new Date(j.lastExecutedAt).toLocaleString() : "Never"
+									children: I.lastExecutedAt ? new Date(I.lastExecutedAt).toLocaleString() : "Never"
 								})] }),
-								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
 									className: "text-xs text-text-secondary",
 									children: "Version"
-								}), /* @__PURE__ */ v("dd", {
+								}), /* @__PURE__ */ b("dd", {
 									className: "text-sm text-text-primary",
-									children: j.version
+									children: I.version
 								})] }),
-								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
 									className: "text-xs text-text-secondary",
 									children: "Created"
-								}), /* @__PURE__ */ v("dd", {
+								}), /* @__PURE__ */ b("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", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
 									className: "text-xs text-text-secondary",
 									children: "Updated"
-								}), /* @__PURE__ */ v("dd", {
+								}), /* @__PURE__ */ b("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__ */ b(s, {
+				pipeline: I,
+				isOpen: W,
+				onClose: K,
+				onConfirm: ae
 			})
 		]
-	}) : /* @__PURE__ */ v("div", {
+	}) : /* @__PURE__ */ b("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ v(m, {
+		children: /* @__PURE__ */ b(_, {
 			illustration: "empty-data",
 			title: "Pipeline not found",
 			description: "The pipeline you're looking for doesn't exist or has been deleted.",
-			action: /* @__PURE__ */ v("button", {
+			action: /* @__PURE__ */ b("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"
 			})
@@ -501,6 +509,6 @@ var b = ({ className: e }) => /* @__PURE__ */ v("svg", {
 	});
 });
 //#endregion
-export { O as PipelineViewPage, O as default };
+export { k as PipelineViewPage, k as default };
 
 //# sourceMappingURL=PipelineViewPage.js.map