@burdenoff/microfe-cosmicintersection 2026.704.2 → 2026.704.3

package/dist/cosmicintersection/pages/pipelines/PipelineDetailPage.js

@@ -1,244 +1,388 @@
 import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
 import { notify as t } from "../../lib/toast.js";
-import { useCosArchivePipelineMutation as n, useCosPipelineQuery as ee, useCosRunsQuery as te, useCosStartRunMutation as r } from "../../api/cosmicApi.js";
-import i from "../../components/EmptyState.js";
-import a from "../../components/ErrorState.js";
-import o from "../../components/LoadingState.js";
-import s from "../../components/PageLayout.js";
-import ne, { usePagination as re } from "../../components/Pagination.js";
-import c, { formatEnumLabel as l } from "../../components/StatusBadge.js";
+import { useCosArchivePipelineMutation as n, useCosPipelineQuery as r, useCosRunStepsQuery as i, useCosRunsQuery as ee, useCosStartRunMutation as te } from "../../api/cosmicApi.js";
+import a from "../../components/EmptyState.js";
+import o from "../../components/ErrorState.js";
+import s from "../../components/LoadingState.js";
+import c from "../../components/PageLayout.js";
+import l, { usePagination as u } from "../../components/Pagination.js";
+import d, { formatEnumLabel as f } from "../../components/StatusBadge.js";
 import "../../components/index.js";
-import { mutationSucceeded as u } from "../../lib/mutationResult.js";
-import { useMemo as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { useParams as g } from "react-router-dom";
-import { Archive as ie, Pencil as ae, Play as _ } from "lucide-react";
-import { AlertDialog as oe, AlertDialogAction as se, AlertDialogCancel as v, AlertDialogContent as y, AlertDialogDescription as b, AlertDialogFooter as ce, AlertDialogHeader as x, AlertDialogTitle as S, Button as C, Card as w, CardContent as T, CardHeader as E, CardTitle as D, Table as le, TableBody as O, TableCell as k, TableHead as A, TableHeader as j, TableRow as M, buttonVariants as N } from "@burdenoff/fe-libs/ui";
+import ne from "../../components/StepDAG.js";
+import { mutationSucceeded as p } from "../../lib/mutationResult.js";
+import { useMemo as m, useState as re } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useParams as ie } from "react-router-dom";
+import { Archive as ae, Clock as oe, Hash as se, Pencil as v, Play as y } from "lucide-react";
+import { AlertDialog as ce, AlertDialogAction as le, AlertDialogCancel as ue, AlertDialogContent as de, AlertDialogDescription as fe, AlertDialogFooter as pe, AlertDialogHeader as me, AlertDialogTitle as he, Button as b, Card as x, CardContent as S, CardHeader as C, CardTitle as w, Table as ge, TableBody as _e, TableCell as T, TableHead as E, TableHeader as ve, TableRow as D, buttonVariants as ye } from "@burdenoff/fe-libs/ui";
 //#region src/cosmicintersection/pages/pipelines/PipelineDetailPage.tsx
-function P(e) {
+var O = [
+	"INGEST",
+	"CALIBRATE",
+	"TRANSFORM",
+	"ANALYZE",
+	"EXPORT",
+	"NOTIFY"
+];
+function k(e) {
+	return typeof e == "string" && O.includes(e);
+}
+function A(e) {
+	if (!e) return [];
+	let t = e.steps;
+	if (!Array.isArray(t)) return [];
+	let n = [];
+	for (let e of t) if (e && typeof e == "object" && !Array.isArray(e)) {
+		let t = e.kind, r = e.name;
+		k(t) && n.push({
+			kind: t,
+			name: typeof r == "string" ? r : void 0
+		});
+	}
+	return n;
+}
+function j(e) {
 	if (!e) return "—";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleString();
 }
-function F(e) {
+function M(e) {
 	if (e == null) return "—";
 	if (e < 1e3) return `${e} ms`;
 	let t = e / 1e3;
 	return t < 60 ? `${t.toFixed(1)} s` : `${Math.floor(t / 60)}m ${Math.round(t % 60)}s`;
 }
-function I({ label: e, children: t }) {
-	return /* @__PURE__ */ h("div", {
+function N({ label: e, children: t }) {
+	return /* @__PURE__ */ _("div", {
 		className: "flex flex-col gap-1 border-b border-border-seam py-3 last:border-0 sm:flex-row sm:items-start sm:gap-4",
-		children: [/* @__PURE__ */ m("span", {
+		children: [/* @__PURE__ */ g("span", {
 			className: "w-40 shrink-0 text-sm font-medium text-text-secondary",
 			children: e
-		}), /* @__PURE__ */ m("span", {
+		}), /* @__PURE__ */ g("span", {
 			className: "min-w-0 text-sm text-text-primary",
 			children: t
 		})]
 	});
 }
-function L() {
-	let { id: L = "" } = g(), { navigate: R } = e(), { data: z, loading: B, error: V, refetch: H } = ee(L), U = re({
+function P({ icon: e, children: t }) {
+	return /* @__PURE__ */ _("span", {
+		className: "inline-flex items-center gap-1.5 rounded-full border border-border-default bg-bg-elevated px-2.5 py-0.5 text-xs text-text-secondary",
+		children: [e ? /* @__PURE__ */ g(e, {
+			className: "size-3.5",
+			"aria-hidden": "true"
+		}) : null, t]
+	});
+}
+function F() {
+	let { id: O = "" } = ie(), { navigate: k } = e(), { data: F, loading: be, error: xe, refetch: I } = r(O), L = u({
 		pageSize: 10,
-		resetKey: L
-	}), { data: W, loading: G, error: ue, refetch: K } = te({
-		pipelineId: L,
+		resetKey: O
+	}), { data: R, loading: z, error: Se, refetch: B } = ee({
+		pipelineId: O,
 		pagination: {
-			limit: U.limit,
-			offset: U.offset
+			limit: L.limit,
+			offset: L.offset
 		}
-	}), [de, { loading: q }] = r(), [fe, { loading: J }] = n(), [pe, Y] = f(!1), X = z?.cosPipeline, Z = d(() => W?.cosListRuns.items ?? [], [W]), me = W?.cosListRuns.pageInfo, Q = async () => {
-		if (!X) return;
-		let e = await de({ variables: { input: { pipelineId: X.id } } }), n = e.data?.cosStartRun?.id;
-		u(e, n, "Could not start a run") && (t.success("Run started", "A new run was queued."), await Promise.all([H(), K()]), n && R(`runs/${n}`));
-	}, he = async () => {
-		if (!X) return;
-		let e = await fe({ variables: { id: X.id } });
-		u(e, e.data?.cosArchivePipeline, "Could not archive pipeline") && (Y(!1), t.success("Pipeline archived", `“${X.name}” was archived.`), R("pipelines"));
+	}), V = F?.cosPipeline, H = m(() => R?.cosListRuns.items ?? [], [R]), Ce = R?.cosListRuns.pageInfo, U = m(() => A(V?.definition), [V?.definition]), W = H[0]?.id ?? "", { data: G } = i(V && U.length === 0 && W ? W : ""), K = m(() => [...G?.cosListRunSteps ?? []].sort((e, t) => e.position - t.position).map((e) => ({
+		kind: e.kind,
+		name: e.name,
+		status: e.status
+	})), [G]), q = U.length > 0 ? U : K, we = U.length === 0 && K.length > 0, [J, { loading: Y }] = te(), [Te, { loading: X }] = n(), [Ee, Z] = re(!1), Q = async () => {
+		if (!V) return;
+		let e = await J({ variables: { input: { pipelineId: V.id } } }), n = e.data?.cosStartRun?.id;
+		p(e, n, "Could not start a run") && (t.success("Run started", "A new run was queued."), await Promise.all([I(), B()]), n && k(`runs/${n}`));
+	}, De = async () => {
+		if (!V) return;
+		let e = await Te({ variables: { id: V.id } });
+		p(e, e.data?.cosArchivePipeline, "Could not archive pipeline") && (Z(!1), t.success("Pipeline archived", `“${V.name}” was archived.`), k("pipelines"));
 	};
-	if (B) return /* @__PURE__ */ m(s, {
+	if (be) return /* @__PURE__ */ g(c, {
 		title: "Pipeline",
 		backPath: "pipelines",
-		children: /* @__PURE__ */ m(o, { label: "Loading pipeline…" })
+		children: /* @__PURE__ */ g(s, { label: "Loading pipeline…" })
 	});
-	if (V) return /* @__PURE__ */ m(s, {
+	if (xe) return /* @__PURE__ */ g(c, {
 		title: "Pipeline",
 		backPath: "pipelines",
-		children: /* @__PURE__ */ m(a, { onRetry: () => void H() })
+		children: /* @__PURE__ */ g(o, { onRetry: () => void I() })
 	});
-	if (!X) return /* @__PURE__ */ m(s, {
+	if (!V) return /* @__PURE__ */ g(c, {
 		title: "Pipeline",
 		backPath: "pipelines",
-		children: /* @__PURE__ */ m(i, {
+		children: /* @__PURE__ */ g(a, {
 			title: "Pipeline not found",
 			description: "This pipeline may have been archived or you may not have access to it.",
-			action: /* @__PURE__ */ m(C, {
+			action: /* @__PURE__ */ g(b, {
 				type: "button",
 				variant: "outline",
-				onClick: () => R("pipelines"),
+				onClick: () => k("pipelines"),
 				children: "Back to pipelines"
 			})
 		})
 	});
-	let $ = X.status === "ARCHIVED";
-	return /* @__PURE__ */ h(s, {
-		title: X.name,
-		description: X.description ?? void 0,
+	let $ = V.status === "ARCHIVED", Oe = !!(V.definition && Object.keys(V.definition).length > 0);
+	return /* @__PURE__ */ _(c, {
+		title: V.name,
+		description: V.description ?? void 0,
 		backPath: "pipelines",
-		actions: /* @__PURE__ */ h("div", {
+		actions: /* @__PURE__ */ _("div", {
 			className: "flex flex-wrap items-center gap-2",
 			children: [
-				/* @__PURE__ */ h(C, {
+				/* @__PURE__ */ _(b, {
 					type: "button",
 					onClick: () => void Q(),
-					disabled: q || $,
-					children: [/* @__PURE__ */ m(_, { className: "size-4" }), q ? "Starting…" : "Start run"]
+					disabled: Y || $,
+					children: [/* @__PURE__ */ g(y, { className: "size-4" }), Y ? "Starting…" : "Start run"]
 				}),
-				/* @__PURE__ */ h(C, {
+				/* @__PURE__ */ _(b, {
 					type: "button",
 					variant: "outline",
-					onClick: () => R(`pipelines/${X.id}/edit`),
-					children: [/* @__PURE__ */ m(ae, { className: "size-4" }), "Edit"]
+					onClick: () => k(`pipelines/${V.id}/edit`),
+					children: [/* @__PURE__ */ g(v, { className: "size-4" }), "Edit"]
 				}),
-				$ ? null : /* @__PURE__ */ h(C, {
+				$ ? null : /* @__PURE__ */ _(b, {
 					type: "button",
 					variant: "outline",
-					onClick: () => Y(!0),
-					children: [/* @__PURE__ */ m(ie, { className: "size-4" }), "Archive"]
+					onClick: () => Z(!0),
+					children: [/* @__PURE__ */ g(ae, { className: "size-4" }), "Archive"]
 				})
 			]
 		}),
-		children: [/* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ _("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ h(w, { children: [/* @__PURE__ */ m(E, { children: /* @__PURE__ */ m(D, { children: "Overview" }) }), /* @__PURE__ */ h(T, { children: [
-					/* @__PURE__ */ m(I, {
+				/* @__PURE__ */ _("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ g(d, { status: V.status }),
+						/* @__PURE__ */ g(P, {
+							icon: oe,
+							children: f(V.trigger)
+						}),
+						V.schedule ? /* @__PURE__ */ g(P, { children: /* @__PURE__ */ g("span", {
+							className: "font-mono",
+							children: V.schedule
+						}) }) : null,
+						/* @__PURE__ */ _(P, {
+							icon: se,
+							children: ["v", V.version]
+						})
+					]
+				}),
+				/* @__PURE__ */ _(x, { children: [/* @__PURE__ */ g(C, { children: /* @__PURE__ */ g(w, { children: "Overview" }) }), /* @__PURE__ */ _(S, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: "flex flex-wrap items-baseline justify-between gap-2",
+							children: [/* @__PURE__ */ g("span", {
+								className: "text-sm font-medium text-text-secondary",
+								children: "Step flow"
+							}), we ? /* @__PURE__ */ g("span", {
+								className: "text-xs text-text-secondary",
+								children: "Derived from the latest run."
+							}) : null]
+						}),
+						q.length > 0 ? /* @__PURE__ */ g(ne, { steps: q }) : /* @__PURE__ */ _("div", {
+							className: "rounded-card border border-dashed border-border-default bg-bg-sunken px-4 py-8 text-center",
+							children: [/* @__PURE__ */ g("p", {
+								className: "text-sm text-text-secondary",
+								children: "No steps defined yet. Edit the pipeline to add ingest, calibrate, transform, analyze or export steps."
+							}), /* @__PURE__ */ _(b, {
+								type: "button",
+								variant: "outline",
+								size: "sm",
+								className: "mt-3",
+								onClick: () => k(`pipelines/${V.id}/edit`),
+								children: [/* @__PURE__ */ g(v, { className: "size-4" }), "Add steps"]
+							})]
+						}),
+						Oe ? /* @__PURE__ */ _("details", {
+							className: "group rounded-card border border-border-default bg-bg-sunken",
+							children: [/* @__PURE__ */ _("summary", {
+								className: "flex cursor-pointer list-none items-center justify-between px-4 py-2.5 text-sm font-medium text-text-secondary transition-colors hover:text-text-primary",
+								children: ["Advanced — raw definition JSON", /* @__PURE__ */ g("span", {
+									className: "text-xs text-text-secondary transition-transform group-open:rotate-180",
+									children: "▾"
+								})]
+							}), /* @__PURE__ */ g("pre", {
+								className: "overflow-x-auto border-t border-border-seam p-4 font-mono text-xs text-text-primary",
+								children: JSON.stringify(V.definition, null, 2)
+							})]
+						}) : null
+					]
+				})] }),
+				/* @__PURE__ */ _(x, { children: [/* @__PURE__ */ g(C, { children: /* @__PURE__ */ g(w, { children: "Details" }) }), /* @__PURE__ */ _(S, { children: [
+					/* @__PURE__ */ g(N, {
 						label: "Status",
-						children: /* @__PURE__ */ m(c, { status: X.status })
+						children: /* @__PURE__ */ g(d, { status: V.status })
 					}),
-					/* @__PURE__ */ m(I, {
+					/* @__PURE__ */ g(N, {
 						label: "Trigger",
-						children: l(X.trigger)
+						children: f(V.trigger)
 					}),
-					/* @__PURE__ */ m(I, {
+					/* @__PURE__ */ g(N, {
 						label: "Schedule",
-						children: X.schedule ? /* @__PURE__ */ m("span", {
+						children: V.schedule ? /* @__PURE__ */ g("span", {
 							className: "font-mono text-xs",
-							children: X.schedule
+							children: V.schedule
 						}) : "—"
 					}),
-					/* @__PURE__ */ h(I, {
+					/* @__PURE__ */ _(N, {
 						label: "Version",
-						children: ["v", X.version]
+						children: ["v", V.version]
 					}),
-					/* @__PURE__ */ m(I, {
+					/* @__PURE__ */ g(N, {
 						label: "Last run",
-						children: P(X.lastRunAt)
+						children: j(V.lastRunAt)
 					}),
-					/* @__PURE__ */ m(I, {
+					/* @__PURE__ */ g(N, {
 						label: "Created",
-						children: P(X.createdAt)
+						children: j(V.createdAt)
 					}),
-					/* @__PURE__ */ m(I, {
+					/* @__PURE__ */ g(N, {
 						label: "Tags",
-						children: X.tags.length === 0 ? "—" : /* @__PURE__ */ m("span", {
+						children: V.tags.length === 0 ? "—" : /* @__PURE__ */ g("span", {
 							className: "flex flex-wrap gap-1",
-							children: X.tags.map((e) => /* @__PURE__ */ m("span", {
+							children: V.tags.map((e) => /* @__PURE__ */ g("span", {
 								className: "rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
 								children: e
 							}, e))
 						})
 					})
 				] })] }),
-				/* @__PURE__ */ h(w, { children: [/* @__PURE__ */ m(E, { children: /* @__PURE__ */ m(D, { children: "Definition" }) }), /* @__PURE__ */ m(T, { children: X.definition && Object.keys(X.definition).length > 0 ? /* @__PURE__ */ m("pre", {
-					className: "overflow-x-auto rounded-card border border-border-default bg-bg-sunken p-4 font-mono text-xs text-text-primary",
-					children: JSON.stringify(X.definition, null, 2)
-				}) : /* @__PURE__ */ m("p", {
-					className: "text-sm text-text-secondary",
-					children: "No definition configured yet. Edit the pipeline to describe its steps."
-				}) })] }),
-				/* @__PURE__ */ h(w, { children: [/* @__PURE__ */ m(E, { children: /* @__PURE__ */ m(D, { children: "Runs" }) }), /* @__PURE__ */ m(T, { children: G ? /* @__PURE__ */ m(o, {
+				/* @__PURE__ */ _(x, { children: [/* @__PURE__ */ g(C, { children: /* @__PURE__ */ g(w, { children: "Runs" }) }), /* @__PURE__ */ g(S, { children: z ? /* @__PURE__ */ g(s, {
 					variant: "rows",
 					rows: 4,
 					label: "Loading runs…"
-				}) : ue ? /* @__PURE__ */ m(a, {
+				}) : Se ? /* @__PURE__ */ g(o, {
 					message: "Could not load runs.",
-					onRetry: () => void K()
-				}) : Z.length === 0 ? /* @__PURE__ */ m(i, {
-					icon: _,
+					onRetry: () => void B()
+				}) : H.length === 0 ? /* @__PURE__ */ g(a, {
+					icon: y,
 					title: "No runs yet",
 					description: "Start a run to process data through this pipeline.",
-					action: /* @__PURE__ */ h(C, {
+					action: /* @__PURE__ */ _(b, {
 						type: "button",
 						onClick: () => void Q(),
 						disabled: $,
-						children: [/* @__PURE__ */ m(_, { className: "size-4" }), "Start run"]
+						children: [/* @__PURE__ */ g(y, { className: "size-4" }), "Start run"]
+					})
+				}) : /* @__PURE__ */ _(h, { children: [
+					/* @__PURE__ */ g("div", {
+						className: "hidden rounded-card border border-border-default md:block",
+						children: /* @__PURE__ */ _(ge, { children: [/* @__PURE__ */ g(ve, { children: /* @__PURE__ */ _(D, { children: [
+							/* @__PURE__ */ g(E, { children: "Run" }),
+							/* @__PURE__ */ g(E, { children: "Status" }),
+							/* @__PURE__ */ g(E, { children: "Started" }),
+							/* @__PURE__ */ g(E, { children: "Duration" }),
+							/* @__PURE__ */ g(E, { children: "Triggered by" })
+						] }) }), /* @__PURE__ */ g(_e, { children: H.map((e) => /* @__PURE__ */ _(D, {
+							className: "cursor-pointer",
+							onClick: () => k(`runs/${e.id}`),
+							children: [
+								/* @__PURE__ */ _(T, {
+									className: "font-medium text-text-primary",
+									children: ["#", e.runNumber]
+								}),
+								/* @__PURE__ */ g(T, { children: /* @__PURE__ */ g(d, { status: e.status }) }),
+								/* @__PURE__ */ g(T, {
+									className: "whitespace-nowrap text-text-secondary",
+									children: j(e.startedAt)
+								}),
+								/* @__PURE__ */ g(T, {
+									className: "tabular-nums text-text-secondary",
+									children: M(e.durationMs)
+								}),
+								/* @__PURE__ */ g(T, {
+									className: "text-text-secondary",
+									children: e.triggeredBy || "—"
+								})
+							]
+						}, e.id)) })] })
+					}),
+					/* @__PURE__ */ g("ul", {
+						className: "space-y-3 md:hidden",
+						children: H.map((e) => /* @__PURE__ */ g("li", { children: /* @__PURE__ */ _("button", {
+							type: "button",
+							onClick: () => k(`runs/${e.id}`),
+							className: "flex w-full flex-col gap-2 rounded-card border border-border-default bg-bg-elevated p-4 text-left transition-colors hover:border-border-strong",
+							children: [/* @__PURE__ */ _("div", {
+								className: "flex items-center justify-between gap-2",
+								children: [/* @__PURE__ */ _("span", {
+									className: "font-medium text-text-primary",
+									children: ["#", e.runNumber]
+								}), /* @__PURE__ */ g(d, { status: e.status })]
+							}), /* @__PURE__ */ _("dl", {
+								className: "grid grid-cols-2 gap-x-3 gap-y-1 text-xs text-text-secondary",
+								children: [
+									/* @__PURE__ */ _("div", {
+										className: "flex flex-col",
+										children: [/* @__PURE__ */ g("dt", {
+											className: "text-text-secondary",
+											children: "Started"
+										}), /* @__PURE__ */ g("dd", {
+											className: "text-text-primary",
+											children: j(e.startedAt)
+										})]
+									}),
+									/* @__PURE__ */ _("div", {
+										className: "flex flex-col",
+										children: [/* @__PURE__ */ g("dt", {
+											className: "text-text-secondary",
+											children: "Duration"
+										}), /* @__PURE__ */ g("dd", {
+											className: "tabular-nums text-text-primary",
+											children: M(e.durationMs)
+										})]
+									}),
+									/* @__PURE__ */ _("div", {
+										className: "col-span-2 flex flex-col",
+										children: [/* @__PURE__ */ g("dt", {
+											className: "text-text-secondary",
+											children: "Triggered by"
+										}), /* @__PURE__ */ g("dd", {
+											className: "text-text-primary",
+											children: e.triggeredBy || "—"
+										})]
+									})
+								]
+							})]
+						}) }, e.id))
+					}),
+					/* @__PURE__ */ g(l, {
+						offset: L.offset,
+						limit: L.limit,
+						loadedCount: H.length,
+						hasMore: Ce?.hasMore ?? !1,
+						onPrev: L.prevPage,
+						onNext: L.nextPage,
+						itemLabel: "runs",
+						loading: z
 					})
-				}) : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", {
-					className: "overflow-x-auto rounded-card border border-border-default",
-					children: /* @__PURE__ */ h(le, { children: [/* @__PURE__ */ m(j, { children: /* @__PURE__ */ h(M, { children: [
-						/* @__PURE__ */ m(A, { children: "Run" }),
-						/* @__PURE__ */ m(A, { children: "Status" }),
-						/* @__PURE__ */ m(A, { children: "Started" }),
-						/* @__PURE__ */ m(A, { children: "Duration" }),
-						/* @__PURE__ */ m(A, { children: "Triggered by" })
-					] }) }), /* @__PURE__ */ m(O, { children: Z.map((e) => /* @__PURE__ */ h(M, {
-						className: "cursor-pointer",
-						onClick: () => R(`runs/${e.id}`),
-						children: [
-							/* @__PURE__ */ h(k, {
-								className: "font-medium text-text-primary",
-								children: ["#", e.runNumber]
-							}),
-							/* @__PURE__ */ m(k, { children: /* @__PURE__ */ m(c, { status: e.status }) }),
-							/* @__PURE__ */ m(k, {
-								className: "whitespace-nowrap text-text-secondary",
-								children: P(e.startedAt)
-							}),
-							/* @__PURE__ */ m(k, {
-								className: "tabular-nums text-text-secondary",
-								children: F(e.durationMs)
-							}),
-							/* @__PURE__ */ m(k, {
-								className: "text-text-secondary",
-								children: e.triggeredBy || "—"
-							})
-						]
-					}, e.id)) })] })
-				}), /* @__PURE__ */ m(ne, {
-					offset: U.offset,
-					limit: U.limit,
-					loadedCount: Z.length,
-					hasMore: me?.hasMore ?? !1,
-					onPrev: U.prevPage,
-					onNext: U.nextPage,
-					itemLabel: "runs",
-					loading: G
-				})] }) })] })
+				] }) })] })
 			]
-		}), /* @__PURE__ */ m(oe, {
-			open: pe,
-			onOpenChange: (e) => J ? void 0 : Y(e),
-			children: /* @__PURE__ */ h(y, { children: [/* @__PURE__ */ h(x, { children: [/* @__PURE__ */ h(S, { children: [
+		}), /* @__PURE__ */ g(ce, {
+			open: Ee,
+			onOpenChange: (e) => X ? void 0 : Z(e),
+			children: /* @__PURE__ */ _(de, { children: [/* @__PURE__ */ _(me, { children: [/* @__PURE__ */ _(he, { children: [
 				"Archive “",
-				X.name,
+				V.name,
 				"”?"
-			] }), /* @__PURE__ */ m(b, { children: "Archiving stops the pipeline from being triggered. Existing runs are kept for reference." })] }), /* @__PURE__ */ h(ce, { children: [/* @__PURE__ */ m(v, {
-				disabled: J,
+			] }), /* @__PURE__ */ g(fe, { children: "Archiving stops the pipeline from being triggered. Existing runs are kept for reference." })] }), /* @__PURE__ */ _(pe, { children: [/* @__PURE__ */ g(ue, {
+				disabled: X,
 				children: "Cancel"
-			}), /* @__PURE__ */ m(se, {
+			}), /* @__PURE__ */ g(le, {
 				onClick: (e) => {
-					e.preventDefault(), he();
+					e.preventDefault(), De();
 				},
-				disabled: J,
-				className: N({ variant: "destructive" }),
-				children: J ? "Archiving…" : "Archive pipeline"
+				disabled: X,
+				className: ye({ variant: "destructive" }),
+				children: X ? "Archiving…" : "Archive pipeline"
 			})] })] })
 		})]
 	});
 }
 //#endregion
-export { L as default };
+export { F as default };
 
 //# sourceMappingURL=PipelineDetailPage.js.map