@burdenoff/microfe-bigconsole 2026.1101.1 → 2026.1102.1

package/dist/bigconsole/pages/PipelineViewPage.js

@@ -1,106 +1,109 @@
 import { usePipelineStore as e } from "../store/pipelineStore.js";
 import { useAppNavigate as t } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
-import { SECTION_FOCUS_RING as n } from "../components/common/sectionStyles.js";
-import { Section as r, SectionStack as i } from "../components/common/Section.js";
+import { useOptionalBigConsole as n } from "../context/BigConsoleContext.js";
+import { SECTION_FOCUS_RING as r } from "../components/common/sectionStyles.js";
+import { Section as i, SectionStack as a } from "../components/common/Section.js";
 import "../components/common/index.js";
 import ee from "../hooks/usePipelineOperations.js";
-import { BIGCONSOLE_PERMISSIONS as a } from "../../constants/permissions.js";
-import { isNative as o, nativeNotify as s } from "../../utils/nativeBridge.js";
-import { PipelineStatusBadge as c } from "../components/pipeline/PipelineStatusBadge.js";
+import { BIGCONSOLE_PERMISSIONS as o } from "../../constants/permissions.js";
+import { isNative as s, nativeNotify as c } from "../../utils/nativeBridge.js";
+import { PipelineStatusBadge as l } from "../components/pipeline/PipelineStatusBadge.js";
 import { PipelineDeleteDialog as te } from "../components/pipeline/PipelineDeleteDialog.js";
-import { memo as l, useCallback as u, useEffect as d, useId as ne, useState as f } from "react";
-import { useParams as re, useSearchParams as ie } from "react-router";
-import { AccessDenied as ae } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as oe } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Button as p, IllustratedEmptyState as se, NextSteps as ce, PagePurpose as m, Spinner as le } from "@burdenoff/fe-libs/ui";
-import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { orderExecutionsForPipeline as u, pickSelectedExecution as ne } from "../utils/pipelineExecutionTimeline.js";
+import { PipelineRunHistoryList as re, PipelineStageTimeline as ie } from "../components/pipeline/PipelineRunHistory.js";
+import { memo as d, useCallback as f, useEffect as p, useId as ae, useMemo as oe, useState as m } from "react";
+import { useParams as se, useSearchParams as ce } from "react-router";
+import { AccessDenied as le } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as ue } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Button as h, IllustratedEmptyState as de, NextSteps as fe, PagePurpose as pe, Spinner as me } from "@burdenoff/fe-libs/ui";
+import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/bigconsole/pages/PipelineViewPage.tsx
-var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary", y = "rounded-button bg-bg-surface px-1.5 py-0.5 font-mono break-all text-text-primary", de = ({ className: e }) => /* @__PURE__ */ g("svg", {
+var y = "min-h-[var(--size-controlHeight-md)]", he = "rounded-pill bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary", ge = "rounded-button bg-bg-surface px-1.5 py-0.5 font-mono break-all text-text-primary", _e = ({ className: e }) => /* @__PURE__ */ _("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ g("path", {
+	children: /* @__PURE__ */ _("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M10 19l-7-7m0 0l7-7m-7 7h18"
 	})
-}), b = ({ className: e }) => /* @__PURE__ */ g("svg", {
+}), b = ({ className: e }) => /* @__PURE__ */ _("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ g("path", {
+	children: /* @__PURE__ */ _("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"
 	})
-}), fe = ({ className: e }) => /* @__PURE__ */ g("svg", {
+}), ve = ({ className: e }) => /* @__PURE__ */ _("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ g("path", {
+	children: /* @__PURE__ */ _("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"
 	})
-}), x = ({ className: e }) => /* @__PURE__ */ _("svg", {
+}), x = ({ className: e }) => /* @__PURE__ */ v("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: [/* @__PURE__ */ g("path", {
+	children: [/* @__PURE__ */ _("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__ */ g("path", {
+	}), /* @__PURE__ */ _("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 	})]
-}), S = ({ className: e }) => /* @__PURE__ */ g("svg", {
+}), S = ({ className: e }) => /* @__PURE__ */ _("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ g("path", {
+	children: /* @__PURE__ */ _("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 	})
-}), pe = ({ className: e }) => /* @__PURE__ */ g("svg", {
+}), ye = ({ className: e }) => /* @__PURE__ */ _("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ g("path", {
+	children: /* @__PURE__ */ _("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M5 13l4 4L19 7"
 	})
-}), C = ({ className: e }) => /* @__PURE__ */ g("svg", {
+}), C = ({ className: e }) => /* @__PURE__ */ _("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ g("path", {
+	children: /* @__PURE__ */ _("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M14 5l7 7m0 0l-7 7m7-7H3"
 	})
-}), me = ({ handling: e }) => {
-	let { t } = h(), n = {
+}), be = ({ handling: e }) => {
+	let { t } = g(), n = {
 		fail: {
 			label: t("bigconsole.pipelines.view.errorHandlingFail", "Fail"),
 			className: "bg-[var(--color-status-error-bgSubtle)] text-status-error-text border-[var(--color-status-error-border)]"
@@ -114,273 +117,273 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 			className: "bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)] border-[var(--color-status-info-border)]"
 		}
 	}, r = n[e] || n.fail;
-	return /* @__PURE__ */ _("span", {
+	return /* @__PURE__ */ v("span", {
 		className: `inline-flex items-center gap-1 whitespace-nowrap rounded-pill border px-2 py-0.5 text-xs font-medium ${r.className}`,
-		children: [/* @__PURE__ */ g("span", {
+		children: [/* @__PURE__ */ _("span", {
 			className: "font-normal opacity-80",
 			children: "On error"
 		}), r.label]
 	});
-}, w = l(function() {
-	let { pipelineId: l } = re(), w = t(), { t: T } = h(), [he] = ie(), E = ne(), { hasPermission: D, isLoading: O } = oe(), k = D(a.PIPELINE_READ), A = D(a.PIPELINE_UPDATE), ge = D(a.PIPELINE_DELETE), j = D(a.PIPELINE_TEST), [M, N] = f(null), [P, _e] = f("{\n  \"data\": \"sample\"\n}"), [F, ve] = f(null), [I, L] = f([]), [R, z] = f(null), [B, V] = f(he.get("test") === "true"), ye = e((e) => e.deleteDialogOpen), H = e((e) => e.openDeleteDialog), U = e((e) => e.closeDeleteDialog), { loading: W, error: G, fetchPipeline: K, deletePipeline: q, testPipeline: J, listExecutions: Y } = ee({
+}, w = d(function() {
+	let { pipelineId: d } = se(), w = t(), { t: T } = g(), [xe] = ce(), E = ae(), D = n()?.currentUser?.id ?? null, { hasPermission: O, isLoading: k } = ue(), A = O(o.PIPELINE_READ), j = O(o.PIPELINE_UPDATE), Se = O(o.PIPELINE_DELETE), M = O(o.PIPELINE_TEST), [N, Ce] = m(null), [P, we] = m("{\n  \"data\": \"sample\"\n}"), [F, Te] = m(null), [I, L] = m([]), [R, z] = m(null), [B, V] = m(xe.get("test") === "true"), Ee = e((e) => e.deleteDialogOpen), H = e((e) => e.openDeleteDialog), U = e((e) => e.closeDeleteDialog), { loading: W, error: G, fetchPipeline: K, deletePipeline: q, testPipeline: J, listExecutions: Y } = ee({
 		consoleId: "default",
 		skipFetch: !0
 	});
-	d(() => {
-		l && K(l).then((e) => {
-			e && N(e);
+	p(() => {
+		d && K(d).then((e) => {
+			e && Ce(e);
 		});
-	}, [l, K]), d(() => {
+	}, [d, K]), p(() => {
 		let e = !0;
-		if (!(!l || O || !k)) return Y(l).then((t) => {
+		if (!(!d || k || !A)) return Y(d).then((t) => {
 			if (!e) return;
-			let n = [...t].sort((e, t) => new Date(t.startedAt).getTime() - new Date(e.startedAt).getTime());
-			L(n), z(n[0] ?? null);
+			let n = u(t, d);
+			L(n), z(ne(n, null));
 		}), () => {
 			e = !1;
 		};
 	}, [
-		l,
-		O,
+		d,
 		k,
+		A,
 		Y
 	]);
-	let X = u(() => {
-		w(`/pipelines?consoleId=${encodeURIComponent(M?.consoleId ?? "default")}`);
-	}, [w, M?.consoleId]), Z = u(() => {
-		w(`/pipelines/${l}/edit`);
-	}, [w, l]), be = u(() => {
-		M && H(M);
-	}, [M, H]), xe = u(async () => {
-		M && (await q(M.id) ? (o() && s("success"), U(), w(`/pipelines?consoleId=${encodeURIComponent(M?.consoleId ?? "default")}`)) : o() && s("error"));
+	let X = f(() => {
+		w(`/pipelines?consoleId=${encodeURIComponent(N?.consoleId ?? "default")}`);
+	}, [w, N?.consoleId]), Z = f(() => {
+		w(`/pipelines/${d}/edit`);
+	}, [w, d]), De = f(() => {
+		N && H(N);
+	}, [N, H]), Oe = f(async () => {
+		N && (await q(N.id) ? (s() && c("success"), U(), w(`/pipelines?consoleId=${encodeURIComponent(N?.consoleId ?? "default")}`)) : s() && c("error"));
 	}, [
-		M,
+		N,
 		q,
 		U,
 		w
-	]), Se = u((e) => {
+	]), ke = f((e) => {
 		w(`/parsers/${e}`);
-	}, [w]), Ce = u(async () => {
-		if (M) try {
+	}, [w]), Ae = f(async () => {
+		if (N) try {
 			let e = await J({
-				pipelineId: M.id,
+				pipelineId: N.id,
 				inputData: P
 			});
 			if (e) {
-				ve(e), z(e);
-				let t = await Y(M.id);
-				L(t);
+				Te(e), z(e);
+				let t = u(await Y(N.id), N.id);
+				L(t.some((t) => t.id === e.id) ? t : [e, ...t]);
 			}
 		} catch {}
 	}, [
-		M,
+		N,
 		J,
 		P,
 		Y
-	]);
-	if (W && !M) return /* @__PURE__ */ g("div", {
+	]), je = oe(() => u(I, d), [I, d]);
+	if (W && !N) return /* @__PURE__ */ _("div", {
 		className: "p-card-padding",
-		children: /* @__PURE__ */ _("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: "flex flex-col items-center justify-center py-16",
 			role: "status",
-			children: [/* @__PURE__ */ g(le, { style: {
+			children: [/* @__PURE__ */ _(me, { style: {
 				height: "var(--size-icon-xl)",
 				width: "var(--size-icon-xl)"
-			} }), /* @__PURE__ */ g("p", {
+			} }), /* @__PURE__ */ _("p", {
 				className: "mt-form-gap text-sm text-text-secondary",
 				children: T("bigconsole.pipelines.view.loading", "Loading Pipeline...")
 			})]
 		})
 	});
-	if (!O && !k) return /* @__PURE__ */ g(ae, {
+	if (!k && !A) return /* @__PURE__ */ _(le, {
 		title: T("bigconsole.pipelines.errors.accessDeniedTitle", "Access Denied"),
 		description: T("bigconsole.pipelines.errors.accessDeniedViewDescription", "You don't have permission to view this pipeline.")
 	});
-	if (G) return /* @__PURE__ */ g("div", {
+	if (G) return /* @__PURE__ */ _("div", {
 		className: "p-card-padding",
-		children: /* @__PURE__ */ g(r, {
+		children: /* @__PURE__ */ _(i, {
 			tone: "danger",
 			headingLevel: 2,
 			title: T("bigconsole.pipelines.view.loadError", "Failed to load Pipeline"),
 			description: G.message,
-			icon: /* @__PURE__ */ g(S, { className: "h-icon-sm w-icon-sm" }),
-			actions: /* @__PURE__ */ g(p, {
+			icon: /* @__PURE__ */ _(S, { className: "h-icon-sm w-icon-sm" }),
+			actions: /* @__PURE__ */ _(h, {
 				onClick: X,
-				className: v,
+				className: y,
 				children: T("bigconsole.pipelines.actions.backToPipelines", "Back to Pipelines")
 			}),
 			"data-testid": "pipeline-view-error",
-			children: /* @__PURE__ */ g("p", {
+			children: /* @__PURE__ */ _("p", {
 				className: "text-sm text-text-secondary",
 				children: "The pipeline could not be read from the console service. Nothing was changed."
 			})
 		})
 	});
-	if (!M) return /* @__PURE__ */ g("div", {
+	if (!N) return /* @__PURE__ */ _("div", {
 		className: "p-card-padding",
-		children: /* @__PURE__ */ g(r, {
+		children: /* @__PURE__ */ _(i, {
 			tone: "warning",
 			headingLevel: 2,
 			title: T("bigconsole.pipelines.view.notFoundTitle", "Pipeline not found"),
 			description: T("bigconsole.pipelines.view.notFoundDescription", "The pipeline you're looking for doesn't exist or has been deleted."),
-			icon: /* @__PURE__ */ g(S, { className: "h-icon-sm w-icon-sm" }),
-			actions: /* @__PURE__ */ g(p, {
+			icon: /* @__PURE__ */ _(S, { className: "h-icon-sm w-icon-sm" }),
+			actions: /* @__PURE__ */ _(h, {
 				onClick: X,
-				className: v,
+				className: y,
 				children: T("bigconsole.pipelines.actions.backToPipelines", "Back to Pipelines")
 			}),
 			"data-testid": "pipeline-not-found"
 		})
 	});
-	let Q = M.stages?.length ?? 0, $ = F?.status === "completed", we = /* @__PURE__ */ g(r, {
+	let Q = N.stages?.length ?? 0, $ = F?.status === "completed", Me = /* @__PURE__ */ _(i, {
 		emphasis: B ? "standard" : "primary",
 		headingLevel: 2,
 		title: T("bigconsole.pipelines.view.stagesHeading", "Pipeline Stages ({{count}})", { count: Q }),
 		description: "Data flows top to bottom — each stage reads its input key and writes an output key for the next one.",
 		"data-testid": "pipeline-stages",
-		children: Q === 0 ? /* @__PURE__ */ g(se, {
+		children: Q === 0 ? /* @__PURE__ */ _(de, {
 			illustration: "empty-generic",
 			title: T("bigconsole.pipelines.view.noStagesTitle", "No stages defined"),
 			description: T("bigconsole.pipelines.view.noStagesDescription", "Edit the pipeline to add parser stages."),
-			action: /* @__PURE__ */ _(p, {
+			action: /* @__PURE__ */ v(h, {
 				variant: "secondary",
 				onClick: Z,
-				disabled: !A,
-				className: v,
-				children: [/* @__PURE__ */ g(b, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.edit", "Edit")]
+				disabled: !j,
+				className: y,
+				children: [/* @__PURE__ */ _(b, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.edit", "Edit")]
 			})
-		}) : /* @__PURE__ */ g("ol", {
+		}) : /* @__PURE__ */ _("ol", {
 			className: "flex flex-col",
-			children: (M.stages ?? []).map((e, t) => /* @__PURE__ */ _("li", {
+			children: (N.stages ?? []).map((e, t) => /* @__PURE__ */ v("li", {
 				className: "flex min-w-0 flex-col",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					"data-testid": "pipeline-stage",
 					"data-enabled": e.enabled,
 					className: `min-w-0 rounded-card border bg-bg-sunken p-4 ${e.enabled ? "border-[var(--color-border-subtle)]" : "border-dashed border-[var(--color-border-strong)]"}`,
 					children: [
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ v("div", {
 							className: "flex flex-wrap items-center justify-between gap-control-gap",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ v("div", {
 								className: "flex min-w-0 flex-wrap items-center gap-icon-gap",
 								children: [
-									/* @__PURE__ */ g("span", {
+									/* @__PURE__ */ _("span", {
 										"aria-hidden": "true",
 										className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-pill bg-bg-surface text-xs font-semibold text-text-secondary",
 										children: t + 1
 									}),
-									/* @__PURE__ */ g("h3", {
+									/* @__PURE__ */ _("h3", {
 										className: "min-w-0 truncate text-sm font-semibold text-text-primary",
 										children: e.parserName || T("bigconsole.pipelines.view.stageFallbackName", "Stage {{number}}", { number: t + 1 })
 									}),
-									e.parserType && /* @__PURE__ */ g("span", {
+									e.parserType && /* @__PURE__ */ _("span", {
 										className: "rounded-pill bg-bg-surface px-2 py-0.5 text-xs font-medium text-text-secondary",
 										children: e.parserType.toUpperCase()
 									})
 								]
-							}), /* @__PURE__ */ _("div", {
+							}), /* @__PURE__ */ v("div", {
 								className: "flex flex-wrap items-center gap-icon-gap",
-								children: [/* @__PURE__ */ g(me, { handling: e.onError }), !e.enabled && /* @__PURE__ */ g("span", {
+								children: [/* @__PURE__ */ _(be, { handling: e.onError }), !e.enabled && /* @__PURE__ */ _("span", {
 									className: "rounded-pill border border-[var(--color-border-strong)] px-2 py-0.5 text-xs font-medium text-text-secondary",
 									children: T("bigconsole.pipelines.view.stageDisabled", "Disabled")
 								})]
 							})]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ v("div", {
 							className: "mt-2 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-text-secondary",
 							children: [
-								/* @__PURE__ */ g("span", {
+								/* @__PURE__ */ _("span", {
 									className: "text-text-muted",
 									children: "Reads"
 								}),
-								/* @__PURE__ */ g("code", {
-									className: y,
+								/* @__PURE__ */ _("code", {
+									className: ge,
 									children: e.inputKey
 								}),
-								/* @__PURE__ */ g(C, { className: "h-3 w-3 shrink-0" }),
-								/* @__PURE__ */ g("span", {
+								/* @__PURE__ */ _(C, { className: "h-3 w-3 shrink-0" }),
+								/* @__PURE__ */ _("span", {
 									className: "text-text-muted",
 									children: "writes"
 								}),
-								/* @__PURE__ */ g("code", {
-									className: y,
+								/* @__PURE__ */ _("code", {
+									className: ge,
 									children: e.outputKey
 								})
 							]
 						}),
-						e.description && /* @__PURE__ */ g("p", {
+						e.description && /* @__PURE__ */ _("p", {
 							className: "mt-2 text-xs text-text-secondary",
 							children: e.description
 						}),
-						e.parserId && /* @__PURE__ */ g("button", {
+						e.parserId && /* @__PURE__ */ _("button", {
 							type: "button",
-							onClick: () => Se(e.parserId),
+							onClick: () => ke(e.parserId),
 							className: "mt-2 rounded-button text-xs text-text-link hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 							children: T("bigconsole.pipelines.view.viewParser", "View Parser")
 						})
 					]
-				}), t < Q - 1 && /* @__PURE__ */ g("span", {
+				}), t < Q - 1 && /* @__PURE__ */ _("span", {
 					"aria-hidden": "true",
 					className: "flex justify-center py-1",
-					children: /* @__PURE__ */ g(C, { className: "h-icon-sm w-icon-sm rotate-90 text-text-muted" })
+					children: /* @__PURE__ */ _(C, { className: "h-icon-sm w-icon-sm rotate-90 text-text-muted" })
 				})]
 			}, e.id))
 		})
-	}), Te = B ? /* @__PURE__ */ g(r, {
+	}), Ne = B ? /* @__PURE__ */ _(i, {
 		id: "pipeline-test-panel",
 		emphasis: "primary",
 		headingLevel: 2,
 		title: T("bigconsole.pipelines.view.testPanelHeading", "Test Pipeline"),
 		description: "Run sample input through every enabled stage. Nothing is written to the connected sink.",
-		actions: /* @__PURE__ */ _(p, {
-			onClick: Ce,
-			disabled: W || !j,
-			className: v,
-			children: [/* @__PURE__ */ g(x, { className: "h-icon-sm w-icon-sm" }), W ? T("bigconsole.pipelines.view.testRunning", "Running...") : T("bigconsole.pipelines.view.runTest", "Run Test")]
+		actions: /* @__PURE__ */ v(h, {
+			onClick: Ae,
+			disabled: W || !M,
+			className: y,
+			children: [/* @__PURE__ */ _(x, { className: "h-icon-sm w-icon-sm" }), W ? T("bigconsole.pipelines.view.testRunning", "Running...") : T("bigconsole.pipelines.view.runTest", "Run Test")]
 		}),
 		"data-testid": "pipeline-test-panel",
-		children: /* @__PURE__ */ _("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: "flex flex-col gap-form-gap",
-			children: [/* @__PURE__ */ _("div", {
+			children: [/* @__PURE__ */ v("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ g("label", {
+				children: [/* @__PURE__ */ _("label", {
 					htmlFor: E,
 					className: "mb-1 block text-sm font-medium text-text-primary",
 					children: T("bigconsole.pipelines.view.inputJsonLabel", "Input JSON")
-				}), /* @__PURE__ */ g("textarea", {
+				}), /* @__PURE__ */ _("textarea", {
 					id: E,
 					value: P,
-					onChange: (e) => _e(e.target.value),
+					onChange: (e) => we(e.target.value),
 					spellCheck: !1,
-					className: `min-h-32 w-full resize-y rounded-input border border-[var(--color-border-subtle)] bg-bg-canvas px-3 py-2 font-mono text-sm text-text-primary ${n}`,
+					className: `min-h-32 w-full resize-y rounded-input border border-[var(--color-border-subtle)] bg-bg-canvas px-3 py-2 font-mono text-sm text-text-primary ${r}`,
 					placeholder: "{\"key\": \"value\"}"
 				})]
-			}), F && /* @__PURE__ */ g(r, {
+			}), F && /* @__PURE__ */ _(i, {
 				tone: $ ? "success" : "danger",
 				headingLevel: 3,
 				title: $ ? T("bigconsole.pipelines.view.testPassed", "Test Passed") : T("bigconsole.pipelines.view.testFailed", "Test Failed"),
-				icon: g($ ? pe : S, { className: "h-icon-sm w-icon-sm" }),
-				meta: F.totalExecutionTimeMs ? /* @__PURE__ */ _("span", {
-					className: ue,
+				icon: _($ ? ye : S, { className: "h-icon-sm w-icon-sm" }),
+				meta: F.totalExecutionTimeMs ? /* @__PURE__ */ v("span", {
+					className: he,
 					children: [F.totalExecutionTimeMs, "ms"]
 				}) : null,
 				"data-testid": "pipeline-test-result",
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: "flex flex-col gap-form-gap",
-					children: [/* @__PURE__ */ _("div", {
+					children: [/* @__PURE__ */ v("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ g("h4", {
+						children: [/* @__PURE__ */ _("h4", {
 							className: "mb-1 text-sm font-medium text-text-primary",
 							children: T("bigconsole.pipelines.view.outputLabel", "Output")
-						}), /* @__PURE__ */ g("pre", {
+						}), /* @__PURE__ */ _("pre", {
 							className: "max-h-64 w-full overflow-auto rounded-input border border-[var(--color-border-subtle)] bg-bg-canvas p-3 font-mono text-xs text-text-primary",
 							children: JSON.stringify(F.outputData, null, 2) || "null"
 						})]
-					}), F.error && /* @__PURE__ */ _("div", {
+					}), F.error && /* @__PURE__ */ v("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ g("h4", {
+						children: [/* @__PURE__ */ _("h4", {
 							className: "mb-1 text-sm font-medium text-status-error-text",
 							children: T("bigconsole.pipelines.view.errorLabel", "Error")
-						}), /* @__PURE__ */ g("pre", {
+						}), /* @__PURE__ */ _("pre", {
 							className: "max-h-64 w-full overflow-auto rounded-input border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-3 font-mono text-xs text-status-error-text",
 							children: F.error
 						})]
@@ -389,74 +392,74 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 			})]
 		})
 	}) : null;
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ v("div", {
 		className: "p-card-padding",
-		children: [/* @__PURE__ */ _(i, { children: [
-			/* @__PURE__ */ _("header", {
+		children: [/* @__PURE__ */ v(a, { children: [
+			/* @__PURE__ */ v("header", {
 				className: "flex flex-col gap-form-gap sm:flex-row sm:items-start sm:justify-between",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "flex min-w-0 flex-col gap-control-gap",
 					children: [
-						/* @__PURE__ */ _(p, {
+						/* @__PURE__ */ v(h, {
 							variant: "ghost",
 							size: "sm",
 							onClick: X,
 							className: "w-fit",
-							children: [/* @__PURE__ */ g(de, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.backToPipelines", "Back to Pipelines")]
+							children: [/* @__PURE__ */ _(_e, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.backToPipelines", "Back to Pipelines")]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ v("div", {
 							className: "flex flex-wrap items-center gap-icon-gap",
-							children: [/* @__PURE__ */ g("h1", {
+							children: [/* @__PURE__ */ _("h1", {
 								className: "min-w-0 break-words text-2xl font-bold leading-tight text-text-primary",
-								children: M.name
-							}), /* @__PURE__ */ g(c, { status: M.status })]
+								children: N.name
+							}), /* @__PURE__ */ _(l, { status: N.status })]
 						}),
-						M.description && /* @__PURE__ */ g("p", {
+						N.description && /* @__PURE__ */ _("p", {
 							className: "text-sm text-text-secondary",
-							children: M.description
+							children: N.description
 						})
 					]
-				}), /* @__PURE__ */ _("div", {
+				}), /* @__PURE__ */ v("div", {
 					className: "flex flex-wrap items-center gap-control-gap",
 					children: [
-						/* @__PURE__ */ _(p, {
+						/* @__PURE__ */ v(h, {
 							onClick: () => V(!B),
-							disabled: !j,
+							disabled: !M,
 							"aria-expanded": B,
 							"aria-controls": "pipeline-test-panel",
-							className: v,
-							children: [/* @__PURE__ */ g(x, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.test", "Test")]
+							className: y,
+							children: [/* @__PURE__ */ _(x, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.test", "Test")]
 						}),
-						/* @__PURE__ */ _(p, {
+						/* @__PURE__ */ v(h, {
 							variant: "secondary",
 							onClick: Z,
-							disabled: !A,
-							className: v,
-							children: [/* @__PURE__ */ g(b, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.edit", "Edit")]
+							disabled: !j,
+							className: y,
+							children: [/* @__PURE__ */ _(b, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.edit", "Edit")]
 						}),
-						ge && /* @__PURE__ */ _(p, {
+						Se && /* @__PURE__ */ v(h, {
 							variant: "destructive",
-							onClick: be,
-							className: v,
-							children: [/* @__PURE__ */ g(fe, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.delete", "Delete")]
+							onClick: De,
+							className: y,
+							children: [/* @__PURE__ */ _(ve, { className: "h-icon-sm w-icon-sm" }), T("bigconsole.pipelines.actions.delete", "Delete")]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ g(m, {
+			/* @__PURE__ */ _(pe, {
 				className: "max-w-[75ch]",
 				children: T("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__ */ g(ce, {
+			/* @__PURE__ */ _(fe, {
 				storageKey: "bigconsole-pipeline-view",
 				steps: [
-					...j ? [{
+					...M ? [{
 						id: "test",
 						label: T("bigconsole.pipelines.view.nextStepTestLabel", "Test with sample input"),
 						description: T("bigconsole.pipelines.view.nextStepTestDescription", "Run the pipeline against a sample to verify each stage."),
 						onClick: () => V(!0)
 					}] : [],
-					...A ? [{
+					...j ? [{
 						id: "edit",
 						label: T("bigconsole.pipelines.view.nextStepEditLabel", "Edit the stages"),
 						description: T("bigconsole.pipelines.view.nextStepEditDescription", "Add, reorder, or configure the parsers in this pipeline."),
@@ -470,202 +473,90 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 					}
 				]
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "grid grid-cols-1 gap-section-gap lg:grid-cols-3",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "min-w-0 lg:col-span-2",
-					children: /* @__PURE__ */ _(i, { children: [
-						Te,
-						R && R.pipelineId === l && /* @__PURE__ */ g(r, {
-							emphasis: "primary",
-							headingLevel: 2,
-							title: T("bigconsole.pipelines.execution.timelineHeading", "Stage timeline"),
-							"data-testid": "pipeline-stage-timeline",
-							children: /* @__PURE__ */ _("div", {
-								className: "flex flex-col gap-form-gap",
-								children: [
-									/* @__PURE__ */ _("dl", {
-										className: "grid grid-cols-1 gap-form-gap sm:grid-cols-2",
-										children: [
-											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
-												className: "text-xs text-text-muted",
-												children: T("bigconsole.pipelines.execution.runStatus", "Run status")
-											}), /* @__PURE__ */ g("dd", {
-												className: "font-medium text-text-primary",
-												children: R.status
-											})] }),
-											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
-												className: "text-xs text-text-muted",
-												children: T("bigconsole.pipelines.execution.totalDuration", "Total duration")
-											}), /* @__PURE__ */ g("dd", {
-												className: "text-text-primary",
-												children: R.totalExecutionTimeMs == null ? "—" : `${R.totalExecutionTimeMs} ms`
-											})] }),
-											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
-												className: "text-xs text-text-muted",
-												children: T("bigconsole.pipelines.execution.started", "Started")
-											}), /* @__PURE__ */ g("dd", {
-												className: "break-words text-text-primary",
-												children: new Date(R.startedAt).toLocaleString()
-											})] }),
-											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
-												className: "text-xs text-text-muted",
-												children: T("bigconsole.pipelines.execution.finished", "Finished")
-											}), /* @__PURE__ */ g("dd", {
-												className: "break-words text-text-primary",
-												children: R.completedAt ? new Date(R.completedAt).toLocaleString() : "—"
-											})] })
-										]
-									}),
-									/* @__PURE__ */ g("ol", {
-										className: "flex flex-col gap-control-gap",
-										children: R.stageResults.map((e, t) => /* @__PURE__ */ _("li", {
-											className: "min-w-0 rounded-card border border-[var(--color-border-subtle)] bg-bg-sunken p-3",
-											children: [
-												/* @__PURE__ */ _("div", {
-													className: "flex flex-wrap items-center justify-between gap-control-gap",
-													children: [/* @__PURE__ */ _("h3", {
-														className: "min-w-0 break-words font-medium text-text-primary",
-														children: [
-															t + 1,
-															".",
-															" ",
-															e.stageName ?? M.stages.find((t) => t.id === e.stageId)?.parserName ?? e.stageId
-														]
-													}), /* @__PURE__ */ _("span", {
-														className: "text-sm text-text-secondary",
-														children: [
-															e.status,
-															" · ",
-															e.executionTimeMs,
-															" ms"
-														]
-													})]
-												}),
-												e.error && /* @__PURE__ */ g("p", {
-													className: "mt-2 break-words text-sm text-status-error-text",
-													children: e.error
-												}),
-												e.output != null && /* @__PURE__ */ _("details", {
-													className: "mt-2",
-													children: [/* @__PURE__ */ g("summary", {
-														className: "cursor-pointer text-sm text-text-secondary",
-														children: T("bigconsole.pipelines.execution.stageOutput", "Stage output")
-													}), /* @__PURE__ */ g("pre", {
-														className: "mt-2 max-h-48 overflow-auto rounded-input bg-bg-canvas p-3 text-xs",
-														children: JSON.stringify(e.output, null, 2)
-													})]
-												})
-											]
-										}, e.id))
-									}),
-									R.error && /* @__PURE__ */ g("p", {
-										role: "alert",
-										className: "break-words text-sm text-status-error-text",
-										children: R.error
-									})
-								]
-							})
+					children: /* @__PURE__ */ v(a, { children: [
+						Ne,
+						R && R.pipelineId === d && /* @__PURE__ */ _(ie, {
+							execution: R,
+							stages: N.stages,
+							currentActorId: D
 						}),
-						we
+						Me
 					] })
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ _("div", {
 					className: "min-w-0",
-					children: /* @__PURE__ */ _(i, { children: [/* @__PURE__ */ g(r, {
-						headingLevel: 2,
-						title: T("bigconsole.pipelines.execution.historyHeading", "Previous runs"),
-						"data-testid": "pipeline-execution-history",
-						children: I.filter((e) => e.pipelineId === l).length === 0 ? /* @__PURE__ */ g("p", {
-							className: "text-sm text-text-secondary",
-							children: T("bigconsole.pipelines.execution.noHistory", "No execution history yet. Test this pipeline with sample input to inspect its stages.")
-						}) : /* @__PURE__ */ g("ol", {
-							className: "flex flex-col gap-control-gap",
-							children: I.filter((e) => e.pipelineId === l).map((e) => /* @__PURE__ */ g("li", { children: /* @__PURE__ */ _("button", {
-								type: "button",
-								"aria-pressed": R?.id === e.id,
-								onClick: () => z(e),
-								className: `flex w-full min-w-0 flex-col gap-1 rounded-button border border-[var(--color-border-subtle)] p-3 text-left ${n} ${R?.id === e.id ? "bg-bg-sunken" : "bg-bg-surface"}`,
-								children: [
-									/* @__PURE__ */ _("span", {
-										className: "flex flex-wrap justify-between gap-2 text-sm font-medium text-text-primary",
-										children: [/* @__PURE__ */ g("span", { children: e.status }), /* @__PURE__ */ g("span", { children: e.totalExecutionTimeMs == null ? "—" : `${e.totalExecutionTimeMs} ms` })]
-									}),
-									/* @__PURE__ */ g("span", {
-										className: "break-words text-xs text-text-secondary",
-										children: new Date(e.startedAt).toLocaleString()
-									}),
-									/* @__PURE__ */ g("span", {
-										className: "truncate font-mono text-xs text-text-muted",
-										title: e.id,
-										children: e.id
-									})
-								]
-							}) }, e.id))
-						})
-					}), /* @__PURE__ */ g(r, {
+					children: /* @__PURE__ */ v(a, { children: [/* @__PURE__ */ _(re, {
+						executions: je,
+						selectedId: R?.id ?? null,
+						onSelect: z,
+						currentActorId: D
+					}), /* @__PURE__ */ _(i, {
 						emphasis: "muted",
 						headingLevel: 2,
 						title: T("bigconsole.pipelines.view.detailsHeading", "Details"),
 						"data-testid": "pipeline-details",
-						children: /* @__PURE__ */ _("dl", {
+						children: /* @__PURE__ */ v("dl", {
 							className: "flex flex-col gap-form-gap text-sm",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ v("div", {
 								className: "flex flex-col gap-3",
 								children: [
-									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
+									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
 										className: "text-xs text-text-muted",
 										children: T("bigconsole.pipelines.view.detailStatus", "Status")
-									}), /* @__PURE__ */ g("dd", {
+									}), /* @__PURE__ */ _("dd", {
 										className: "mt-1",
-										children: /* @__PURE__ */ g(c, {
-											status: M.status,
+										children: /* @__PURE__ */ _(l, {
+											status: N.status,
 											size: "sm"
 										})
 									})] }),
-									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
+									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
 										className: "text-xs text-text-muted",
 										children: T("bigconsole.pipelines.view.detailStages", "Stages")
-									}), /* @__PURE__ */ g("dd", {
+									}), /* @__PURE__ */ _("dd", {
 										className: "text-text-primary",
 										children: Q
 									})] }),
-									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
+									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
 										className: "text-xs text-text-muted",
 										children: T("bigconsole.pipelines.view.detailLastExecuted", "Last Executed")
-									}), /* @__PURE__ */ g("dd", {
+									}), /* @__PURE__ */ _("dd", {
 										className: "break-words text-text-primary",
-										children: M.lastExecutedAt ? new Date(M.lastExecutedAt).toLocaleString(void 0, {
+										children: N.lastExecutedAt ? new Date(N.lastExecutedAt).toLocaleString(void 0, {
 											dateStyle: "medium",
 											timeStyle: "short"
 										}) : T("bigconsole.pipelines.view.detailNever", "Never")
 									})] })
 								]
-							}), /* @__PURE__ */ _("div", {
+							}), /* @__PURE__ */ v("div", {
 								className: "flex flex-col gap-3 border-t border-[var(--color-border-subtle)] pt-form-gap",
 								children: [
-									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
+									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
 										className: "text-xs text-text-muted",
 										children: T("bigconsole.pipelines.view.detailVersion", "Version")
-									}), /* @__PURE__ */ g("dd", {
+									}), /* @__PURE__ */ _("dd", {
 										className: "text-text-primary",
-										children: M.version
+										children: N.version
 									})] }),
-									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
+									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
 										className: "text-xs text-text-muted",
 										children: T("bigconsole.pipelines.view.detailCreated", "Created")
-									}), /* @__PURE__ */ g("dd", {
+									}), /* @__PURE__ */ _("dd", {
 										className: "break-words text-text-primary",
-										children: new Date(M.createdAt).toLocaleString(void 0, {
+										children: new Date(N.createdAt).toLocaleString(void 0, {
 											dateStyle: "medium",
 											timeStyle: "short"
 										})
 									})] }),
-									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("dt", {
+									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
 										className: "text-xs text-text-muted",
 										children: T("bigconsole.pipelines.view.detailUpdated", "Updated")
-									}), /* @__PURE__ */ g("dd", {
+									}), /* @__PURE__ */ _("dd", {
 										className: "break-words text-text-primary",
-										children: new Date(M.updatedAt).toLocaleString(void 0, {
+										children: new Date(N.updatedAt).toLocaleString(void 0, {
 											dateStyle: "medium",
 											timeStyle: "short"
 										})
@@ -676,11 +567,11 @@ var v = "min-h-[var(--size-controlHeight-md)]", ue = "rounded-pill bg-bg-sunken
 					})] })
 				})]
 			})
-		] }), M && /* @__PURE__ */ g(te, {
-			pipeline: M,
-			isOpen: ye,
+		] }), N && /* @__PURE__ */ _(te, {
+			pipeline: N,
+			isOpen: Ee,
 			onClose: U,
-			onConfirm: xe
+			onConfirm: Oe
 		})]
 	});
 });