@burdenoff/microfe-cosmicintersection 2026.704.1 → 2026.704.3

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

@@ -1,28 +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 ee, useCosTransitionRunMutation as te } 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 { useCosAddRunStepMutation as n, useCosRunQuery as r, useCosRunStepsQuery as i, useCosTransitionRunMutation as ee } 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 c, { formatEnumLabel as l } from "../../components/StatusBadge.js";
+import c from "../../components/PageLayout.js";
+import l, { formatEnumLabel as u } from "../../components/StatusBadge.js";
 import "../../components/index.js";
-import { describeError as re, mutationSucceeded as u } from "../../lib/mutationResult.js";
-import { useMemo as ie, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { useParams as m } from "react-router-dom";
-import { ListTree as h, Plus as g } from "lucide-react";
-import { Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x, Dialog as S, DialogContent as ae, DialogDescription as oe, DialogFooter as C, DialogHeader as se, DialogTitle as ce, Input as w, Label as T, Select as E, SelectContent as D, SelectItem as le, SelectTrigger as ue, SelectValue as de, Textarea as fe } from "@burdenoff/fe-libs/ui";
+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-dom";
+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";
 //#region src/cosmicintersection/pages/runs/RunDetailPage.tsx
-var pe = [
+var he = [
 	"INGEST",
 	"CALIBRATE",
 	"TRANSFORM",
 	"ANALYZE",
 	"EXPORT",
 	"NOTIFY"
-], me = {
+], ge = {
 	QUEUED: ["RUNNING", "CANCELLED"],
 	RUNNING: [
 		"SUCCEEDED",
@@ -32,50 +33,76 @@ var pe = [
 	SUCCEEDED: [],
 	FAILED: [],
 	CANCELLED: []
+}, j = {
+	SUCCEEDED: {
+		icon: _,
+		spin: !1,
+		wrap: "border-status-success-border bg-status-success-bg-subtle text-status-success-text"
+	},
+	RUNNING: {
+		icon: y,
+		spin: !0,
+		wrap: "border-status-warning-border bg-status-warning-bg-subtle text-status-warning-text"
+	},
+	FAILED: {
+		icon: x,
+		spin: !1,
+		wrap: "border-status-error-border bg-status-error-bg-subtle text-status-error-text"
+	},
+	QUEUED: {
+		icon: v,
+		spin: !1,
+		wrap: "border-status-info-border bg-status-info-bg-subtle text-status-info-text"
+	},
+	CANCELLED: {
+		icon: x,
+		spin: !1,
+		wrap: "border-border-default bg-bg-sunken text-text-secondary"
+	}
 };
-function O(e) {
+function M(e) {
 	if (!e) return "—";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleString();
 }
-function k(e) {
+function N(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 A({ label: e, children: t }) {
-	return /* @__PURE__ */ p("div", {
+function P({ 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__ */ f("span", {
+		children: [/* @__PURE__ */ m("span", {
 			className: "w-40 shrink-0 text-sm font-medium text-text-secondary",
 			children: e
-		}), /* @__PURE__ */ f("span", {
+		}), /* @__PURE__ */ m("span", {
 			className: "min-w-0 text-sm text-text-primary",
 			children: t
 		})]
 	});
 }
-function j({ value: e }) {
-	return !e || Object.keys(e).length === 0 ? /* @__PURE__ */ f("span", {
+function F({ value: e }) {
+	return !e || Object.keys(e).length === 0 ? /* @__PURE__ */ m("span", {
 		className: "text-sm text-text-secondary",
 		children: "—"
-	}) : /* @__PURE__ */ f("pre", {
+	}) : /* @__PURE__ */ m("pre", {
 		className: "overflow-x-auto rounded-card border border-border-default bg-bg-sunken p-3 font-mono text-xs text-text-primary",
 		children: JSON.stringify(e, null, 2)
 	});
 }
-function M() {
-	let { id: M = "" } = m(), { navigate: N } = e(), { data: P, loading: F, error: I, refetch: L } = r(M), { data: R, loading: he, error: ge, refetch: z } = ee(M), [_e, { loading: ve }] = te(), [ye, { loading: B }] = n(), [be, V] = d(!1), [H, U] = d(""), [W, G] = d("INGEST"), [K, q] = d(""), [J, Y] = d(""), X = P?.cosRun, Z = ie(() => [...R?.cosListRunSteps ?? []].sort((e, t) => e.position - t.position), [R]), xe = async (e) => {
+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 _e({ variables: {
+		let n = await ye({ variables: {
 			id: X.id,
 			status: e
 		} });
-		u(n, n.data?.cosTransitionRun?.id, "Could not update the run") && (t.success("Run updated", `Run #${X.runNumber} moved to ${l(e)}.`), await Promise.all([L(), z()]));
+		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()]));
 	}, Q = () => {
 		U(""), G("INGEST"), q(""), Y("");
-	}, Se = async () => {
+	}, we = async () => {
 		if (!X) return;
 		if (!H.trim()) {
 			t.error("Step name is required", "Give the step a name before adding it.");
@@ -87,7 +114,7 @@ function M() {
 			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", re(e) ?? "Please provide valid JSON.");
+			t.error("Invalid inputs JSON", d(e) ?? "Please provide valid JSON.");
 			return;
 		}
 		let n = K.trim() ? Number(K.trim()) : void 0;
@@ -95,229 +122,250 @@ function M() {
 			t.error("Invalid position", "Position must be a non-negative number.");
 			return;
 		}
-		let r = await ye({ variables: { input: {
+		let r = await xe({ variables: { input: {
 			runId: X.id,
 			name: H.trim(),
 			kind: W,
 			inputs: e,
 			position: n
 		} } });
-		u(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());
+		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());
 	};
-	if (F) return /* @__PURE__ */ f(s, {
+	if (x) return /* @__PURE__ */ m(c, {
 		title: "Run",
 		backPath: "runs",
-		children: /* @__PURE__ */ f(o, { label: "Loading run…" })
+		children: /* @__PURE__ */ m(s, { label: "Loading run…" })
 	});
-	if (I) return /* @__PURE__ */ f(s, {
+	if (I) return /* @__PURE__ */ m(c, {
 		title: "Run",
 		backPath: "runs",
-		children: /* @__PURE__ */ f(a, { onRetry: () => void L() })
+		children: /* @__PURE__ */ m(o, { onRetry: () => void L() })
 	});
-	if (!X) return /* @__PURE__ */ f(s, {
+	if (!X) return /* @__PURE__ */ m(c, {
 		title: "Run",
 		backPath: "runs",
-		children: /* @__PURE__ */ f(i, {
+		children: /* @__PURE__ */ m(a, {
 			title: "Run not found",
 			description: "This run may have been removed or you may not have access to it.",
-			action: /* @__PURE__ */ f(_, {
+			action: /* @__PURE__ */ m(S, {
 				type: "button",
 				variant: "outline",
-				onClick: () => N("runs"),
+				onClick: () => v("runs"),
 				children: "Back to runs"
 			})
 		})
 	});
-	let $ = me[X.status] ?? [];
-	return /* @__PURE__ */ p(s, {
+	let $ = ge[X.status] ?? [];
+	return /* @__PURE__ */ h(c, {
 		title: `Run #${X.runNumber}`,
 		description: X.pipeline ? `Pipeline: ${X.pipeline.name}` : void 0,
 		backPath: "runs",
-		actions: /* @__PURE__ */ p("div", {
+		actions: /* @__PURE__ */ h("div", {
 			className: "flex flex-wrap items-center gap-2",
-			children: [$.map((e) => /* @__PURE__ */ f(_, {
+			children: [$.map((e) => /* @__PURE__ */ m(S, {
 				type: "button",
 				variant: e === "CANCELLED" || e === "FAILED" ? "outline" : "default",
-				onClick: () => void xe(e),
-				disabled: ve,
-				children: `Mark ${l(e)}`
-			}, e)), /* @__PURE__ */ p(_, {
+				onClick: () => void Ce(e),
+				disabled: be,
+				children: `Mark ${u(e)}`
+			}, e)), /* @__PURE__ */ h(S, {
 				type: "button",
 				variant: "outline",
 				onClick: () => V(!0),
-				children: [/* @__PURE__ */ f(g, { className: "size-4" }), "Add step"]
+				children: [/* @__PURE__ */ m(b, { className: "size-4" }), "Add step"]
 			})]
 		}),
-		children: [/* @__PURE__ */ p("div", {
+		children: [/* @__PURE__ */ h("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ p(v, { children: [/* @__PURE__ */ f(b, { children: /* @__PURE__ */ f(x, { children: "Overview" }) }), /* @__PURE__ */ p(y, { children: [
-					/* @__PURE__ */ f(A, {
+				/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(T, { children: /* @__PURE__ */ m(E, { children: "Overview" }) }), /* @__PURE__ */ h(w, { children: [
+					/* @__PURE__ */ m(P, {
 						label: "Status",
-						children: /* @__PURE__ */ f(c, { status: X.status })
+						children: /* @__PURE__ */ m(l, { status: X.status })
 					}),
-					/* @__PURE__ */ f(A, {
+					/* @__PURE__ */ m(P, {
 						label: "Pipeline",
-						children: X.pipeline ? /* @__PURE__ */ f("button", {
+						children: X.pipeline ? /* @__PURE__ */ m("button", {
 							type: "button",
 							className: "text-text-primary underline-offset-2 hover:underline",
-							onClick: () => N(`pipelines/${X.pipelineId}`),
+							onClick: () => v(`pipelines/${X.pipelineId}`),
 							children: X.pipeline.name
-						}) : /* @__PURE__ */ f("span", {
+						}) : /* @__PURE__ */ m("span", {
 							className: "font-mono text-xs",
 							children: X.pipelineId
 						})
 					}),
-					/* @__PURE__ */ f(A, {
+					/* @__PURE__ */ m(P, {
 						label: "Dataset",
-						children: X.datasetId ? /* @__PURE__ */ f("button", {
+						children: X.datasetId ? /* @__PURE__ */ m("button", {
 							type: "button",
 							className: "text-text-primary underline-offset-2 hover:underline",
-							onClick: () => N(`datasets/${X.datasetId}`),
-							children: /* @__PURE__ */ f("span", {
+							onClick: () => v(`datasets/${X.datasetId}`),
+							children: /* @__PURE__ */ m("span", {
 								className: "font-mono text-xs",
 								children: X.datasetId
 							})
 						}) : "—"
 					}),
-					/* @__PURE__ */ f(A, {
+					/* @__PURE__ */ m(P, {
 						label: "Triggered by",
 						children: X.triggeredBy || "—"
 					}),
-					/* @__PURE__ */ f(A, {
+					/* @__PURE__ */ m(P, {
 						label: "Started",
-						children: O(X.startedAt)
+						children: M(X.startedAt)
 					}),
-					/* @__PURE__ */ f(A, {
+					/* @__PURE__ */ m(P, {
 						label: "Finished",
-						children: O(X.finishedAt)
+						children: M(X.finishedAt)
 					}),
-					/* @__PURE__ */ f(A, {
+					/* @__PURE__ */ m(P, {
 						label: "Duration",
-						children: k(X.durationMs)
+						children: N(X.durationMs)
 					}),
-					X.errorMessage ? /* @__PURE__ */ f(A, {
+					X.errorMessage ? /* @__PURE__ */ m(P, {
 						label: "Error",
-						children: /* @__PURE__ */ f("span", {
+						children: /* @__PURE__ */ m("span", {
 							className: "text-status-error-text",
 							children: X.errorMessage
 						})
 					}) : null,
-					$.length === 0 ? /* @__PURE__ */ f(A, {
+					$.length === 0 ? /* @__PURE__ */ m(P, {
 						label: "Discuss",
-						children: /* @__PURE__ */ f(ne, {
+						children: /* @__PURE__ */ m(ne, {
 							href: "/conversations",
 							className: "text-text-primary underline-offset-2 hover:underline",
 							children: "Open discussions"
 						})
 					}) : null
 				] })] }),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ h("div", {
 					className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-					children: [/* @__PURE__ */ p(v, { children: [/* @__PURE__ */ f(b, { children: /* @__PURE__ */ f(x, { children: "Parameters" }) }), /* @__PURE__ */ f(y, { children: /* @__PURE__ */ f(j, { value: X.params }) })] }), /* @__PURE__ */ p(v, { children: [/* @__PURE__ */ f(b, { children: /* @__PURE__ */ f(x, { children: "Metrics" }) }), /* @__PURE__ */ f(y, { children: /* @__PURE__ */ f(j, { value: X.metrics }) })] })]
+					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 }) })] })]
 				}),
-				/* @__PURE__ */ p(v, { children: [/* @__PURE__ */ f(b, { children: /* @__PURE__ */ f(x, { children: "Steps" }) }), /* @__PURE__ */ f(y, { children: he ? /* @__PURE__ */ f(o, {
+				/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(T, { children: /* @__PURE__ */ m(E, { children: "Steps" }) }), /* @__PURE__ */ m(w, { children: _e ? /* @__PURE__ */ m(s, {
 					variant: "rows",
 					rows: 4,
 					label: "Loading steps…"
-				}) : ge ? /* @__PURE__ */ f(a, {
+				}) : ve ? /* @__PURE__ */ m(o, {
 					message: "Could not load steps.",
 					onRetry: () => void z()
-				}) : Z.length === 0 ? /* @__PURE__ */ f(i, {
-					icon: h,
+				}) : Z.length === 0 ? /* @__PURE__ */ m(a, {
+					icon: ie,
 					title: "No steps yet",
 					description: "Add steps to record the ingest, calibration, transform, analyze or export stages of this run.",
-					action: /* @__PURE__ */ p(_, {
+					action: /* @__PURE__ */ h(S, {
 						type: "button",
 						onClick: () => V(!0),
-						children: [/* @__PURE__ */ f(g, { className: "size-4" }), "Add step"]
+						children: [/* @__PURE__ */ m(b, { className: "size-4" }), "Add step"]
 					})
-				}) : /* @__PURE__ */ f("ol", {
-					className: "space-y-3",
-					children: Z.map((e) => /* @__PURE__ */ p("li", {
-						className: "flex flex-col gap-2 rounded-card border border-border-default bg-bg-elevated p-4 sm:flex-row sm:items-start sm:justify-between",
-						children: [/* @__PURE__ */ p("div", {
-							className: "flex min-w-0 items-start gap-3",
-							children: [/* @__PURE__ */ f("span", {
-								className: "mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-xs font-semibold tabular-nums text-text-secondary",
-								children: e.position
-							}), /* @__PURE__ */ p("div", {
-								className: "min-w-0",
+				}) : /* @__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;
+						return /* @__PURE__ */ h("li", {
+							className: "flex gap-4",
+							children: [/* @__PURE__ */ h("div", {
+								className: "flex flex-col items-center",
+								children: [/* @__PURE__ */ m("span", {
+									className: `flex size-8 shrink-0 items-center justify-center rounded-full border ${n.wrap}`,
+									children: /* @__PURE__ */ m(r, {
+										className: `size-4 ${n.spin ? "animate-spin" : ""}`,
+										"aria-hidden": "true"
+									})
+								}), i ? null : /* @__PURE__ */ m("span", {
+									className: "w-px flex-1 bg-border-default",
+									"aria-hidden": "true"
+								})]
+							}), /* @__PURE__ */ h("div", {
+								className: `min-w-0 flex-1 rounded-card border border-border-default bg-bg-elevated p-4 ${i ? "" : "mb-4"}`,
 								children: [
-									/* @__PURE__ */ p("div", {
+									/* @__PURE__ */ h("div", {
 										className: "flex flex-wrap items-center gap-2",
-										children: [/* @__PURE__ */ f("span", {
-											className: "font-medium text-text-primary",
-											children: e.name
-										}), /* @__PURE__ */ f(c, {
-											status: e.kind,
-											tone: "neutral"
-										})]
+										children: [
+											/* @__PURE__ */ h("span", {
+												className: "text-xs font-semibold tabular-nums text-text-secondary",
+												children: [t + 1, "."]
+											}),
+											/* @__PURE__ */ m("span", {
+												className: "min-w-0 truncate font-medium text-text-primary",
+												children: e.name
+											}),
+											/* @__PURE__ */ m(l, {
+												status: e.kind,
+												tone: "neutral"
+											}),
+											/* @__PURE__ */ m(l, {
+												status: e.status,
+												className: "ml-auto"
+											})
+										]
 									}),
-									e.errorMessage ? /* @__PURE__ */ f("p", {
-										className: "mt-1 text-xs text-status-error-text",
+									e.errorMessage ? /* @__PURE__ */ m("p", {
+										className: "mt-1.5 text-xs text-status-error-text",
 										children: e.errorMessage
 									}) : null,
-									/* @__PURE__ */ p("p", {
-										className: "mt-1 text-xs text-text-secondary",
-										children: ["Duration: ", k(e.durationMs)]
+									/* @__PURE__ */ h("p", {
+										className: "mt-1.5 text-xs text-text-secondary",
+										children: ["Duration: ", N(e.durationMs)]
 									})
 								]
 							})]
-						}), /* @__PURE__ */ f("div", {
-							className: "shrink-0",
-							children: /* @__PURE__ */ f(c, { status: e.status })
-						})]
-					}, e.id))
+						}, 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,
+					resourceType: "cosmicintersection-run"
 				}) })] })
 			]
-		}), /* @__PURE__ */ f(S, {
-			open: be,
+		}), /* @__PURE__ */ m(ae, {
+			open: Se,
 			onOpenChange: (e) => {
 				B || (V(e), e || Q());
 			},
-			children: /* @__PURE__ */ p(ae, { children: [
-				/* @__PURE__ */ p(se, { children: [/* @__PURE__ */ f(ce, { children: "Add step" }), /* @__PURE__ */ f(oe, { children: "Record a stage of this run — its kind, order and optional inputs." })] }),
-				/* @__PURE__ */ p("div", {
+			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." })] }),
+				/* @__PURE__ */ h("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ h("div", {
 							className: "space-y-1",
-							children: [/* @__PURE__ */ f(T, {
+							children: [/* @__PURE__ */ m(A, {
 								htmlFor: "step-name",
 								children: "Name"
-							}), /* @__PURE__ */ f(w, {
+							}), /* @__PURE__ */ m(k, {
 								id: "step-name",
 								value: H,
 								onChange: (e) => U(e.target.value),
 								placeholder: "e.g. Calibrate flat fields"
 							})]
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ h("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ p("div", {
+							children: [/* @__PURE__ */ h("div", {
 								className: "space-y-1",
-								children: [/* @__PURE__ */ f(T, {
+								children: [/* @__PURE__ */ m(A, {
 									htmlFor: "step-kind",
 									children: "Kind"
-								}), /* @__PURE__ */ p(E, {
+								}), /* @__PURE__ */ h(le, {
 									value: W,
 									onValueChange: (e) => G(e),
-									children: [/* @__PURE__ */ f(ue, {
+									children: [/* @__PURE__ */ m(fe, {
 										id: "step-kind",
 										"aria-label": "Step kind",
-										children: /* @__PURE__ */ f(de, {})
-									}), /* @__PURE__ */ f(D, { children: pe.map((e) => /* @__PURE__ */ f(le, {
+										children: /* @__PURE__ */ m(pe, {})
+									}), /* @__PURE__ */ m(ue, { children: he.map((e) => /* @__PURE__ */ m(de, {
 										value: e,
-										children: l(e)
+										children: u(e)
 									}, e)) })]
 								})]
-							}), /* @__PURE__ */ p("div", {
+							}), /* @__PURE__ */ h("div", {
 								className: "space-y-1",
-								children: [/* @__PURE__ */ f(T, {
+								children: [/* @__PURE__ */ m(A, {
 									htmlFor: "step-position",
 									children: "Position"
-								}), /* @__PURE__ */ f(w, {
+								}), /* @__PURE__ */ m(k, {
 									id: "step-position",
 									type: "number",
 									min: "0",
@@ -327,14 +375,14 @@ function M() {
 								})]
 							})]
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ h("div", {
 							className: "space-y-1",
 							children: [
-								/* @__PURE__ */ f(T, {
+								/* @__PURE__ */ m(A, {
 									htmlFor: "step-inputs",
 									children: "Inputs (JSON)"
 								}),
-								/* @__PURE__ */ f(fe, {
+								/* @__PURE__ */ m(me, {
 									id: "step-inputs",
 									value: J,
 									onChange: (e) => Y(e.target.value),
@@ -343,7 +391,7 @@ function M() {
 									className: "font-mono text-xs",
 									placeholder: "{\n  \"source\": \"raw-frames\"\n}"
 								}),
-								/* @__PURE__ */ f("p", {
+								/* @__PURE__ */ m("p", {
 									className: "text-xs text-text-secondary",
 									children: "Optional. A JSON object of step inputs."
 								})
@@ -351,7 +399,7 @@ function M() {
 						})
 					]
 				}),
-				/* @__PURE__ */ p(C, { children: [/* @__PURE__ */ f(_, {
+				/* @__PURE__ */ h(oe, { children: [/* @__PURE__ */ m(S, {
 					type: "button",
 					variant: "outline",
 					onClick: () => {
@@ -359,17 +407,17 @@ function M() {
 					},
 					disabled: B,
 					children: "Cancel"
-				}), /* @__PURE__ */ p(_, {
+				}), /* @__PURE__ */ h(S, {
 					type: "button",
-					onClick: () => void Se(),
+					onClick: () => void we(),
 					disabled: B,
-					children: [/* @__PURE__ */ f(g, { className: "size-4" }), B ? "Adding…" : "Add step"]
+					children: [/* @__PURE__ */ m(b, { className: "size-4" }), B ? "Adding…" : "Add step"]
 				})] })
 			] })
 		})]
 	});
 }
 //#endregion
-export { M as default };
+export { I as default };
 
 //# sourceMappingURL=RunDetailPage.js.map