@burdenoff/microfe-cosmicintersection 2026.805.1 → 2026.830.1

package/dist/cosmicintersection/pages/runs/RunDetailPage.js

@@ -1,29 +1,29 @@
 import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
 import { notify as t } from "../../lib/toast.js";
-import { useCosAddRunStepMutation as n, useCosRunQuery as r, useCosRunStepsQuery as i, useCosTransitionRunMutation as ee } from "../../api/cosmicApi.js";
+import { useCosAddRunStepMutation as n, useCosDatasetSummaryQuery as r, useCosPipelineFailedRunsQuery as i, useCosRunQuery as ee, useCosRunStepsQuery as te, useCosTransitionRunMutation as ne } from "../../api/cosmicApi.js";
 import a from "../../components/EmptyState.js";
 import o from "../../components/ErrorState.js";
 import s from "../../components/LoadingState.js";
-import te from "../../components/ActivityFeedPanel.js";
-import ne from "../../components/SafeLink.js";
+import re from "../../components/ActivityFeedPanel.js";
+import ie from "../../components/SafeLink.js";
 import c from "../../components/PageLayout.js";
 import l, { formatEnumLabel as u } from "../../components/StatusBadge.js";
 import "../../components/index.js";
-import { describeError as d, mutationSucceeded as f } from "../../lib/mutationResult.js";
-import { useMemo as re, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { useParams as g } from "react-router";
-import { Check as _, Circle as v, ListTree as ie, Loader2 as y, Plus as b, X as x } from "lucide-react";
-import { Button as S, Card as C, CardContent as w, CardHeader as T, CardTitle as E, Dialog as ae, DialogContent as D, DialogDescription as O, DialogFooter as oe, DialogHeader as se, DialogTitle as ce, Input as k, Label as A, Select as le, SelectContent as ue, SelectItem as de, SelectTrigger as fe, SelectValue as pe, Textarea as me } from "@burdenoff/fe-libs/ui";
+import { describeError as ae, mutationSucceeded as d } from "../../lib/mutationResult.js";
+import { useMemo as f, useState as p } from "react";
+import { Fragment as oe, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useParams as se } from "react-router";
+import { Check as g, Circle as _, ListTree as ce, Loader2 as v, Plus as y, SearchX as le, X as b } from "lucide-react";
+import { Badge as x, Button as S, Card as C, CardContent as w, CardHeader as T, CardTitle as E, Dialog as ue, DialogContent as de, DialogDescription as fe, DialogFooter as pe, DialogHeader as me, DialogTitle as he, Input as D, Label as O, Select as ge, SelectContent as _e, SelectItem as ve, SelectTrigger as ye, SelectValue as be, Table as xe, TableBody as Se, TableCell as k, TableHead as A, TableHeader as Ce, TableRow as j, Textarea as we } from "@burdenoff/fe-libs/ui";
 //#region src/cosmicintersection/pages/runs/RunDetailPage.tsx
-var he = [
+var Te = [
 	"INGEST",
 	"CALIBRATE",
 	"TRANSFORM",
 	"ANALYZE",
 	"EXPORT",
 	"NOTIFY"
-], ge = {
+], Ee = {
 	QUEUED: ["RUNNING", "CANCELLED"],
 	RUNNING: [
 		"SUCCEEDED",
@@ -33,45 +33,49 @@ var he = [
 	SUCCEEDED: [],
 	FAILED: [],
 	CANCELLED: []
-}, j = {
+}, M = {
 	SUCCEEDED: {
-		icon: _,
+		icon: g,
 		spin: !1,
 		wrap: "border-status-success-border bg-status-success-bg-subtle text-status-success-text"
 	},
 	RUNNING: {
-		icon: y,
+		icon: v,
 		spin: !0,
 		wrap: "border-status-warning-border bg-status-warning-bg-subtle text-status-warning-text"
 	},
 	FAILED: {
-		icon: x,
+		icon: b,
 		spin: !1,
 		wrap: "border-status-error-border bg-status-error-bg-subtle text-status-error-text"
 	},
 	QUEUED: {
-		icon: v,
+		icon: _,
 		spin: !1,
 		wrap: "border-status-info-border bg-status-info-bg-subtle text-status-info-text"
 	},
 	CANCELLED: {
-		icon: x,
+		icon: b,
 		spin: !1,
 		wrap: "border-border-default bg-bg-sunken text-text-secondary"
 	}
 };
-function M(e) {
+function N(e) {
 	if (!e) return "—";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleString();
 }
-function N(e) {
+function P(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 P({ label: e, children: t }) {
+function F(e) {
+	let t = (e ?? []).filter((e) => e.status === "FAILED");
+	return t.length === 0 ? null : t.reduce((e, t) => t.position < e.position ? t : e);
+}
+function I({ label: e, children: t }) {
 	return /* @__PURE__ */ h("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", {
@@ -83,7 +87,7 @@ function P({ label: e, children: t }) {
 		})]
 	});
 }
-function F({ value: e }) {
+function L({ value: e }) {
 	return !e || Object.keys(e).length === 0 ? /* @__PURE__ */ m("span", {
 		className: "text-sm text-text-secondary",
 		children: "—"
@@ -92,29 +96,43 @@ function F({ value: e }) {
 		children: JSON.stringify(e, null, 2)
 	});
 }
-function I() {
-	let { id: _ = "" } = g(), { navigate: v } = e(), { data: y, loading: x, error: I, refetch: L } = r(_), { data: R, loading: _e, error: ve, refetch: z } = i(_), [ye, { loading: be }] = ee(), [xe, { loading: B }] = n(), [Se, V] = p(!1), [H, U] = p(""), [W, G] = p("INGEST"), [K, q] = p(""), [J, Y] = p(""), X = y?.cosRun, Z = re(() => [...R?.cosListRunSteps ?? []].sort((e, t) => e.position - t.position), [R]), Ce = async (e) => {
-		if (!X) return;
-		let n = await ye({ variables: {
-			id: X.id,
+function R() {
+	let { id: g = "" } = se(), { navigate: _ } = e(), { data: v, loading: b, error: R, refetch: z } = ee(g), { data: B, loading: De, error: Oe, refetch: V } = te(g), [ke, { loading: Ae }] = ne(), [je, { loading: H }] = n(), [Me, U] = p(!1), [W, G] = p(""), [Ne, Pe] = p("INGEST"), [K, Fe] = p(""), [q, Ie] = p(""), J = v?.cosRun, Y = f(() => [...B?.cosListRunSteps ?? []].sort((e, t) => e.position - t.position), [B]), { data: Le } = r(J?.datasetId), Re = Le?.cosDataset?.name ?? null, ze = J?.status === "FAILED", { data: Be, loading: Ve, error: He, refetch: Ue } = i(J?.pipelineId, { skip: !ze }), X = f(() => F(Y), [Y]), Z = f(() => (Be?.cosListRuns.items ?? []).filter((e) => e.id !== J?.id).map((e) => {
+		let t = F(e.steps);
+		return {
+			id: e.id,
+			runNumber: e.runNumber,
+			step: t,
+			error: t?.errorMessage ?? e.errorMessage ?? null,
+			when: e.finishedAt ?? e.startedAt ?? e.createdAt,
+			sameStep: X !== null && t !== null && t.name === X.name
+		};
+	}).slice(0, 8), [
+		Be,
+		J?.id,
+		X
+	]), We = async (e) => {
+		if (!J) return;
+		let n = await ke({ variables: {
+			id: J.id,
 			status: e
 		} });
-		f(n, n.data?.cosTransitionRun?.id, "Could not update the run") && (t.success("Run updated", `Run #${X.runNumber} moved to ${u(e)}.`), await Promise.all([L(), z()]));
+		d(n, n.data?.cosTransitionRun?.id, "Could not update the run") && (t.success("Run updated", `Run #${J.runNumber} moved to ${u(e)}.`), await Promise.all([z(), V()]));
 	}, Q = () => {
-		U(""), G("INGEST"), q(""), Y("");
-	}, we = async () => {
-		if (!X) return;
-		if (!H.trim()) {
+		G(""), Pe("INGEST"), Fe(""), Ie("");
+	}, Ge = async () => {
+		if (!J) return;
+		if (!W.trim()) {
 			t.error("Step name is required", "Give the step a name before adding it.");
 			return;
 		}
 		let e;
-		if (J.trim()) try {
-			let t = JSON.parse(J.trim());
+		if (q.trim()) try {
+			let t = JSON.parse(q.trim());
 			if (typeof t != "object" || !t || Array.isArray(t)) throw Error("Inputs must be a JSON object.");
 			e = t;
 		} catch (e) {
-			t.error("Invalid inputs JSON", d(e) ?? "Please provide valid JSON.");
+			t.error("Invalid inputs JSON", ae(e) ?? "Please provide valid JSON.");
 			return;
 		}
 		let n = K.trim() ? Number(K.trim()) : void 0;
@@ -122,26 +140,26 @@ function I() {
 			t.error("Invalid position", "Position must be a non-negative number.");
 			return;
 		}
-		let r = await xe({ variables: { input: {
-			runId: X.id,
-			name: H.trim(),
-			kind: W,
+		let r = await je({ variables: { input: {
+			runId: J.id,
+			name: W.trim(),
+			kind: Ne,
 			inputs: e,
 			position: n
 		} } });
-		f(r, r.data?.cosAddRunStep?.id, "Could not add the step") && (t.success("Step added", `“${H.trim()}” was added to the run.`), V(!1), Q(), await z());
+		d(r, r.data?.cosAddRunStep?.id, "Could not add the step") && (t.success("Step added", `“${W.trim()}” was added to the run.`), U(!1), Q(), await V());
 	};
-	if (x) return /* @__PURE__ */ m(c, {
+	if (b) return /* @__PURE__ */ m(c, {
 		title: "Run",
 		backPath: "runs",
 		children: /* @__PURE__ */ m(s, { label: "Loading run…" })
 	});
-	if (I) return /* @__PURE__ */ m(c, {
+	if (R) return /* @__PURE__ */ m(c, {
 		title: "Run",
 		backPath: "runs",
-		children: /* @__PURE__ */ m(o, { onRetry: () => void L() })
+		children: /* @__PURE__ */ m(o, { onRetry: () => void z() })
 	});
-	if (!X) return /* @__PURE__ */ m(c, {
+	if (!J) return /* @__PURE__ */ m(c, {
 		title: "Run",
 		backPath: "runs",
 		children: /* @__PURE__ */ m(a, {
@@ -150,89 +168,102 @@ function I() {
 			action: /* @__PURE__ */ m(S, {
 				type: "button",
 				variant: "outline",
-				onClick: () => v("runs"),
+				onClick: () => _("runs"),
 				children: "Back to runs"
 			})
 		})
 	});
-	let $ = ge[X.status] ?? [];
+	let $ = Ee[J.status] ?? [];
 	return /* @__PURE__ */ h(c, {
-		title: `Run #${X.runNumber}`,
-		description: X.pipeline ? `Pipeline: ${X.pipeline.name}` : void 0,
+		title: `Run #${J.runNumber}`,
+		description: J.pipeline ? `Pipeline: ${J.pipeline.name}` : void 0,
 		backPath: "runs",
 		actions: /* @__PURE__ */ h("div", {
 			className: "flex flex-wrap items-center gap-2",
 			children: [$.map((e) => /* @__PURE__ */ m(S, {
 				type: "button",
 				variant: e === "CANCELLED" || e === "FAILED" ? "outline" : "default",
-				onClick: () => void Ce(e),
-				disabled: be,
+				onClick: () => void We(e),
+				disabled: Ae,
 				children: `Mark ${u(e)}`
 			}, e)), /* @__PURE__ */ h(S, {
 				type: "button",
 				variant: "outline",
-				onClick: () => V(!0),
-				children: [/* @__PURE__ */ m(b, { className: "size-4" }), "Add step"]
+				onClick: () => U(!0),
+				children: [/* @__PURE__ */ m(y, { className: "size-4" }), "Add step"]
 			})]
 		}),
 		children: [/* @__PURE__ */ h("div", {
 			className: "space-y-6",
 			children: [
 				/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(T, { children: /* @__PURE__ */ m(E, { children: "Overview" }) }), /* @__PURE__ */ h(w, { children: [
-					/* @__PURE__ */ m(P, {
+					/* @__PURE__ */ m(I, {
 						label: "Status",
-						children: /* @__PURE__ */ m(l, { status: X.status })
+						children: /* @__PURE__ */ m(l, { status: J.status })
 					}),
-					/* @__PURE__ */ m(P, {
+					/* @__PURE__ */ m(I, {
 						label: "Pipeline",
-						children: X.pipeline ? /* @__PURE__ */ m("button", {
+						children: J.pipeline ? /* @__PURE__ */ m("button", {
 							type: "button",
 							className: "text-text-primary underline-offset-2 hover:underline",
-							onClick: () => v(`pipelines/${X.pipelineId}`),
-							children: X.pipeline.name
+							onClick: () => _(`pipelines/${J.pipelineId}`),
+							children: J.pipeline.name
 						}) : /* @__PURE__ */ m("span", {
 							className: "font-mono text-xs",
-							children: X.pipelineId
+							children: J.pipelineId
 						})
 					}),
-					/* @__PURE__ */ m(P, {
+					/* @__PURE__ */ m(I, {
 						label: "Dataset",
-						children: X.datasetId ? /* @__PURE__ */ m("button", {
+						children: J.datasetId ? /* @__PURE__ */ m("button", {
 							type: "button",
 							className: "text-text-primary underline-offset-2 hover:underline",
-							onClick: () => v(`datasets/${X.datasetId}`),
-							children: /* @__PURE__ */ m("span", {
+							onClick: () => _(`datasets/${J.datasetId}`),
+							children: Re ?? /* @__PURE__ */ m("span", {
 								className: "font-mono text-xs",
-								children: X.datasetId
+								children: J.datasetId
 							})
 						}) : "—"
 					}),
-					/* @__PURE__ */ m(P, {
+					J.pipeline ? /* @__PURE__ */ m(I, {
+						label: "Pipeline trigger",
+						children: /* @__PURE__ */ h("span", {
+							className: "inline-flex flex-wrap items-center gap-2",
+							children: [/* @__PURE__ */ m(l, {
+								status: J.pipeline.trigger,
+								tone: "neutral"
+							}), J.pipeline.trigger === "SCHEDULED" && J.pipeline.schedule ? /* @__PURE__ */ m("span", {
+								className: "font-mono text-xs text-text-secondary",
+								children: J.pipeline.schedule
+							}) : null]
+						})
+					}) : null,
+					/* @__PURE__ */ m(I, {
 						label: "Triggered by",
-						children: X.triggeredBy || "—"
+						children: J.triggeredBy || "—"
 					}),
-					/* @__PURE__ */ m(P, {
+					/* @__PURE__ */ m(I, {
 						label: "Started",
-						children: M(X.startedAt)
+						children: N(J.startedAt)
 					}),
-					/* @__PURE__ */ m(P, {
+					/* @__PURE__ */ m(I, {
 						label: "Finished",
-						children: M(X.finishedAt)
+						children: N(J.finishedAt)
 					}),
-					/* @__PURE__ */ m(P, {
+					/* @__PURE__ */ m(I, {
 						label: "Duration",
-						children: N(X.durationMs)
+						children: P(J.durationMs)
 					}),
-					X.errorMessage ? /* @__PURE__ */ m(P, {
+					J.errorMessage ? /* @__PURE__ */ m(I, {
 						label: "Error",
 						children: /* @__PURE__ */ m("span", {
 							className: "text-status-error-text",
-							children: X.errorMessage
+							children: J.errorMessage
 						})
 					}) : null,
-					$.length === 0 ? /* @__PURE__ */ m(P, {
+					$.length === 0 ? /* @__PURE__ */ m(I, {
 						label: "Discuss",
-						children: /* @__PURE__ */ m(ne, {
+						children: /* @__PURE__ */ m(ie, {
 							href: "/conversations",
 							className: "text-text-primary underline-offset-2 hover:underline",
 							children: "Open discussions"
@@ -241,28 +272,28 @@ function I() {
 				] })] }),
 				/* @__PURE__ */ h("div", {
 					className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-					children: [/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(T, { children: /* @__PURE__ */ m(E, { children: "Parameters" }) }), /* @__PURE__ */ m(w, { children: /* @__PURE__ */ m(F, { value: X.params }) })] }), /* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(T, { children: /* @__PURE__ */ m(E, { children: "Metrics" }) }), /* @__PURE__ */ m(w, { children: /* @__PURE__ */ m(F, { value: X.metrics }) })] })]
+					children: [/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(T, { children: /* @__PURE__ */ m(E, { children: "Parameters" }) }), /* @__PURE__ */ m(w, { children: /* @__PURE__ */ m(L, { value: J.params }) })] }), /* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(T, { children: /* @__PURE__ */ m(E, { children: "Metrics" }) }), /* @__PURE__ */ m(w, { children: /* @__PURE__ */ m(L, { value: J.metrics }) })] })]
 				}),
-				/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(T, { children: /* @__PURE__ */ m(E, { children: "Steps" }) }), /* @__PURE__ */ m(w, { children: _e ? /* @__PURE__ */ m(s, {
+				/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(T, { children: /* @__PURE__ */ m(E, { children: "Steps" }) }), /* @__PURE__ */ m(w, { children: De ? /* @__PURE__ */ m(s, {
 					variant: "rows",
 					rows: 4,
 					label: "Loading steps…"
-				}) : ve ? /* @__PURE__ */ m(o, {
+				}) : Oe ? /* @__PURE__ */ m(o, {
 					message: "Could not load steps.",
-					onRetry: () => void z()
-				}) : Z.length === 0 ? /* @__PURE__ */ m(a, {
-					icon: ie,
+					onRetry: () => void V()
+				}) : Y.length === 0 ? /* @__PURE__ */ m(a, {
+					icon: ce,
 					title: "No steps yet",
 					description: "Add steps to record the ingest, calibration, transform, analyze or export stages of this run.",
 					action: /* @__PURE__ */ h(S, {
 						type: "button",
-						onClick: () => V(!0),
-						children: [/* @__PURE__ */ m(b, { className: "size-4" }), "Add step"]
+						onClick: () => U(!0),
+						children: [/* @__PURE__ */ m(y, { className: "size-4" }), "Add step"]
 					})
 				}) : /* @__PURE__ */ m("ol", {
 					className: "flex flex-col",
-					children: Z.map((e, t) => {
-						let n = j[e.status] ?? j.QUEUED, r = n.icon, i = t === Z.length - 1;
+					children: Y.map((e, t) => {
+						let n = M[e.status] ?? M.QUEUED, r = n.icon, i = t === Y.length - 1;
 						return /* @__PURE__ */ h("li", {
 							className: "flex gap-4",
 							children: [/* @__PURE__ */ h("div", {
@@ -307,37 +338,140 @@ function I() {
 									}) : null,
 									/* @__PURE__ */ h("p", {
 										className: "mt-1.5 text-xs text-text-secondary",
-										children: ["Duration: ", N(e.durationMs)]
+										children: ["Duration: ", P(e.durationMs)]
 									})
 								]
 							})]
 						}, e.id);
 					})
 				}) })] }),
-				/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(T, { children: /* @__PURE__ */ m(E, { children: "Activity" }) }), /* @__PURE__ */ m(w, { children: /* @__PURE__ */ m(te, {
-					resourceId: X.id,
+				ze ? /* @__PURE__ */ h(C, { children: [/* @__PURE__ */ h(T, { children: [/* @__PURE__ */ m(E, { children: "Similar failures" }), /* @__PURE__ */ m("p", {
+					className: "text-sm text-text-secondary",
+					children: X ? `Other runs of this pipeline that ended in Failed. “Same step” marks the ones that broke at “${X.name}” too.` : "Other runs of this pipeline that ended in Failed."
+				})] }), /* @__PURE__ */ m(w, { children: Ve ? /* @__PURE__ */ m(s, {
+					variant: "rows",
+					rows: 3,
+					label: "Loading failure history…"
+				}) : He ? /* @__PURE__ */ m(o, {
+					message: "Could not load the pipeline's failure history.",
+					onRetry: () => void Ue()
+				}) : Z.length === 0 ? /* @__PURE__ */ m(a, {
+					icon: le,
+					title: "No other failed runs",
+					description: "This is the only run of this pipeline that has failed so far."
+				}) : /* @__PURE__ */ h(oe, { children: [/* @__PURE__ */ m("div", {
+					className: "hidden overflow-hidden rounded-card border border-border-default md:block",
+					children: /* @__PURE__ */ h(xe, { children: [/* @__PURE__ */ m(Ce, { children: /* @__PURE__ */ h(j, { children: [
+						/* @__PURE__ */ m(A, { children: "Run" }),
+						/* @__PURE__ */ m(A, { children: "Step" }),
+						/* @__PURE__ */ m(A, { children: "Error" }),
+						/* @__PURE__ */ m(A, { children: "When" })
+					] }) }), /* @__PURE__ */ m(Se, { children: Z.map((e) => /* @__PURE__ */ h(j, {
+						className: "cursor-pointer",
+						onClick: () => _(`runs/${e.id}`),
+						children: [
+							/* @__PURE__ */ h(k, {
+								className: "whitespace-nowrap font-medium text-text-primary",
+								children: ["Run #", e.runNumber]
+							}),
+							/* @__PURE__ */ m(k, { children: e.step ? /* @__PURE__ */ h("span", {
+								className: "inline-flex flex-wrap items-center gap-1.5",
+								children: [
+									/* @__PURE__ */ m("span", {
+										className: "text-sm text-text-primary",
+										children: e.step.name
+									}),
+									/* @__PURE__ */ m(l, {
+										status: e.step.kind,
+										tone: "neutral"
+									}),
+									e.sameStep ? /* @__PURE__ */ m(x, {
+										variant: "outline",
+										className: "border-status-warning-border bg-status-warning-bg-subtle text-xs text-status-warning-text",
+										children: "Same step"
+									}) : null
+								]
+							}) : /* @__PURE__ */ m("span", {
+								className: "text-sm text-text-secondary",
+								children: "Not recorded"
+							}) }),
+							/* @__PURE__ */ m(k, {
+								className: "max-w-md text-sm text-text-secondary",
+								children: /* @__PURE__ */ m("span", {
+									className: "line-clamp-2",
+									children: e.error ?? "—"
+								})
+							}),
+							/* @__PURE__ */ m(k, {
+								className: "whitespace-nowrap text-sm text-text-secondary",
+								children: N(e.when)
+							})
+						]
+					}, e.id)) })] })
+				}), /* @__PURE__ */ m("ul", {
+					className: "space-y-3 md:hidden",
+					children: Z.map((e) => /* @__PURE__ */ m("li", { children: /* @__PURE__ */ h("button", {
+						type: "button",
+						onClick: () => _(`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:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
+						children: [
+							/* @__PURE__ */ h("div", {
+								className: "flex flex-wrap items-center gap-1.5",
+								children: [
+									/* @__PURE__ */ h("span", {
+										className: "font-medium text-text-primary",
+										children: ["Run #", e.runNumber]
+									}),
+									e.step ? /* @__PURE__ */ m(l, {
+										status: e.step.kind,
+										tone: "neutral"
+									}) : null,
+									e.sameStep ? /* @__PURE__ */ m(x, {
+										variant: "outline",
+										className: "border-status-warning-border bg-status-warning-bg-subtle text-xs text-status-warning-text",
+										children: "Same step"
+									}) : null
+								]
+							}),
+							/* @__PURE__ */ m("p", {
+								className: "text-sm text-text-primary",
+								children: e.step ? e.step.name : "Step not recorded"
+							}),
+							/* @__PURE__ */ m("p", {
+								className: "text-xs text-text-secondary",
+								children: e.error ?? "—"
+							}),
+							/* @__PURE__ */ m("p", {
+								className: "text-xs text-text-tertiary",
+								children: N(e.when)
+							})
+						]
+					}) }, e.id))
+				})] }) })] }) : null,
+				/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(T, { children: /* @__PURE__ */ m(E, { children: "Activity" }) }), /* @__PURE__ */ m(w, { children: /* @__PURE__ */ m(re, {
+					resourceId: J.id,
 					resourceType: "cosmicintersection-run"
 				}) })] })
 			]
-		}), /* @__PURE__ */ m(ae, {
-			open: Se,
+		}), /* @__PURE__ */ m(ue, {
+			open: Me,
 			onOpenChange: (e) => {
-				B || (V(e), e || Q());
+				H || (U(e), e || Q());
 			},
-			children: /* @__PURE__ */ h(D, { children: [
-				/* @__PURE__ */ h(se, { children: [/* @__PURE__ */ m(ce, { children: "Add step" }), /* @__PURE__ */ m(O, { children: "Record a stage of this run — its kind, order and optional inputs." })] }),
+			children: /* @__PURE__ */ h(de, { children: [
+				/* @__PURE__ */ h(me, { children: [/* @__PURE__ */ m(he, { children: "Add step" }), /* @__PURE__ */ m(fe, { children: "Record a stage of this run — its kind, order and optional inputs." })] }),
 				/* @__PURE__ */ h("div", {
 					className: "space-y-4",
 					children: [
 						/* @__PURE__ */ h("div", {
 							className: "space-y-1",
-							children: [/* @__PURE__ */ m(A, {
+							children: [/* @__PURE__ */ m(O, {
 								htmlFor: "step-name",
 								children: "Name"
-							}), /* @__PURE__ */ m(k, {
+							}), /* @__PURE__ */ m(D, {
 								id: "step-name",
-								value: H,
-								onChange: (e) => U(e.target.value),
+								value: W,
+								onChange: (e) => G(e.target.value),
 								placeholder: "e.g. Calibrate flat fields"
 							})]
 						}),
@@ -345,32 +479,32 @@ function I() {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
 							children: [/* @__PURE__ */ h("div", {
 								className: "space-y-1",
-								children: [/* @__PURE__ */ m(A, {
+								children: [/* @__PURE__ */ m(O, {
 									htmlFor: "step-kind",
 									children: "Kind"
-								}), /* @__PURE__ */ h(le, {
-									value: W,
-									onValueChange: (e) => G(e),
-									children: [/* @__PURE__ */ m(fe, {
+								}), /* @__PURE__ */ h(ge, {
+									value: Ne,
+									onValueChange: (e) => Pe(e),
+									children: [/* @__PURE__ */ m(ye, {
 										id: "step-kind",
 										"aria-label": "Step kind",
-										children: /* @__PURE__ */ m(pe, {})
-									}), /* @__PURE__ */ m(ue, { children: he.map((e) => /* @__PURE__ */ m(de, {
+										children: /* @__PURE__ */ m(be, {})
+									}), /* @__PURE__ */ m(_e, { children: Te.map((e) => /* @__PURE__ */ m(ve, {
 										value: e,
 										children: u(e)
 									}, e)) })]
 								})]
 							}), /* @__PURE__ */ h("div", {
 								className: "space-y-1",
-								children: [/* @__PURE__ */ m(A, {
+								children: [/* @__PURE__ */ m(O, {
 									htmlFor: "step-position",
 									children: "Position"
-								}), /* @__PURE__ */ m(k, {
+								}), /* @__PURE__ */ m(D, {
 									id: "step-position",
 									type: "number",
 									min: "0",
 									value: K,
-									onChange: (e) => q(e.target.value),
+									onChange: (e) => Fe(e.target.value),
 									placeholder: "Auto"
 								})]
 							})]
@@ -378,14 +512,14 @@ function I() {
 						/* @__PURE__ */ h("div", {
 							className: "space-y-1",
 							children: [
-								/* @__PURE__ */ m(A, {
+								/* @__PURE__ */ m(O, {
 									htmlFor: "step-inputs",
 									children: "Inputs (JSON)"
 								}),
-								/* @__PURE__ */ m(me, {
+								/* @__PURE__ */ m(we, {
 									id: "step-inputs",
-									value: J,
-									onChange: (e) => Y(e.target.value),
+									value: q,
+									onChange: (e) => Ie(e.target.value),
 									rows: 4,
 									spellCheck: !1,
 									className: "font-mono text-xs",
@@ -399,25 +533,25 @@ function I() {
 						})
 					]
 				}),
-				/* @__PURE__ */ h(oe, { children: [/* @__PURE__ */ m(S, {
+				/* @__PURE__ */ h(pe, { children: [/* @__PURE__ */ m(S, {
 					type: "button",
 					variant: "outline",
 					onClick: () => {
-						V(!1), Q();
+						U(!1), Q();
 					},
-					disabled: B,
+					disabled: H,
 					children: "Cancel"
 				}), /* @__PURE__ */ h(S, {
 					type: "button",
-					onClick: () => void we(),
-					disabled: B,
-					children: [/* @__PURE__ */ m(b, { className: "size-4" }), B ? "Adding…" : "Add step"]
+					onClick: () => void Ge(),
+					disabled: H,
+					children: [/* @__PURE__ */ m(y, { className: "size-4" }), H ? "Adding…" : "Add step"]
 				})] })
 			] })
 		})]
 	});
 }
 //#endregion
-export { I as default };
+export { R as default };
 
 //# sourceMappingURL=RunDetailPage.js.map