@burdenoff/microfe-cosmicintersection 2026.704.2 → 2026.704.3

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 ee, useCosTransitionRunMutation as i } from "../../api/cosmicApi.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 c from "../../components/ActivityFeedPanel.js";
-import l from "../../components/SafeLink.js";
-import u from "../../components/PageLayout.js";
-import d, { formatEnumLabel as f } from "../../components/StatusBadge.js";
+import te from "../../components/ActivityFeedPanel.js";
+import ne 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 te, mutationSucceeded as p } from "../../lib/mutationResult.js";
-import { useMemo as ne, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useParams as _ } from "react-router-dom";
-import { ListTree as re, Plus as v } from "lucide-react";
-import { Button as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C, Dialog as ie, DialogContent as w, DialogDescription as ae, DialogFooter as oe, DialogHeader as T, DialogTitle as se, Input as E, Label as D, Select as ce, SelectContent as le, SelectItem as ue, SelectTrigger as de, SelectValue as fe, Textarea as pe } 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 me = [
+var he = [
 	"INGEST",
 	"CALIBRATE",
 	"TRANSFORM",
 	"ANALYZE",
 	"EXPORT",
 	"NOTIFY"
-], he = {
+], ge = {
 	QUEUED: ["RUNNING", "CANCELLED"],
 	RUNNING: [
 		"SUCCEEDED",
@@ -33,50 +33,76 @@ var me = [
 	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__ */ g("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__ */ h("span", {
+		children: [/* @__PURE__ */ m("span", {
 			className: "w-40 shrink-0 text-sm font-medium text-text-secondary",
 			children: e
-		}), /* @__PURE__ */ h("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__ */ h("span", {
+function F({ value: e }) {
+	return !e || Object.keys(e).length === 0 ? /* @__PURE__ */ m("span", {
 		className: "text-sm text-text-secondary",
 		children: "—"
-	}) : /* @__PURE__ */ h("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 = "" } = _(), { navigate: N } = e(), { data: P, loading: F, error: I, refetch: L } = r(M), { data: R, loading: ge, error: _e, refetch: z } = ee(M), [ve, { loading: ye }] = i(), [be, { loading: B }] = n(), [xe, V] = m(!1), [H, U] = m(""), [W, G] = m("INGEST"), [K, q] = m(""), [J, Y] = m(""), X = P?.cosRun, Z = ne(() => [...R?.cosListRunSteps ?? []].sort((e, t) => e.position - t.position), [R]), Se = 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 ve({ variables: {
+		let n = await ye({ variables: {
 			id: X.id,
 			status: e
 		} });
-		p(n, n.data?.cosTransitionRun?.id, "Could not update the run") && (t.success("Run updated", `Run #${X.runNumber} moved to ${f(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("");
-	}, Ce = async () => {
+	}, we = async () => {
 		if (!X) return;
 		if (!H.trim()) {
 			t.error("Step name is required", "Give the step a name before adding it.");
@@ -88,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", te(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;
@@ -96,233 +122,250 @@ function M() {
 			t.error("Invalid position", "Position must be a non-negative number.");
 			return;
 		}
-		let r = await be({ variables: { input: {
+		let r = await xe({ variables: { input: {
 			runId: X.id,
 			name: H.trim(),
 			kind: W,
 			inputs: e,
 			position: n
 		} } });
-		p(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__ */ h(u, {
+	if (x) return /* @__PURE__ */ m(c, {
 		title: "Run",
 		backPath: "runs",
-		children: /* @__PURE__ */ h(s, { label: "Loading run…" })
+		children: /* @__PURE__ */ m(s, { label: "Loading run…" })
 	});
-	if (I) return /* @__PURE__ */ h(u, {
+	if (I) return /* @__PURE__ */ m(c, {
 		title: "Run",
 		backPath: "runs",
-		children: /* @__PURE__ */ h(o, { onRetry: () => void L() })
+		children: /* @__PURE__ */ m(o, { onRetry: () => void L() })
 	});
-	if (!X) return /* @__PURE__ */ h(u, {
+	if (!X) return /* @__PURE__ */ m(c, {
 		title: "Run",
 		backPath: "runs",
-		children: /* @__PURE__ */ h(a, {
+		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__ */ h(y, {
+			action: /* @__PURE__ */ m(S, {
 				type: "button",
 				variant: "outline",
-				onClick: () => N("runs"),
+				onClick: () => v("runs"),
 				children: "Back to runs"
 			})
 		})
 	});
-	let $ = he[X.status] ?? [];
-	return /* @__PURE__ */ g(u, {
+	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__ */ g("div", {
+		actions: /* @__PURE__ */ h("div", {
 			className: "flex flex-wrap items-center gap-2",
-			children: [$.map((e) => /* @__PURE__ */ h(y, {
+			children: [$.map((e) => /* @__PURE__ */ m(S, {
 				type: "button",
 				variant: e === "CANCELLED" || e === "FAILED" ? "outline" : "default",
-				onClick: () => void Se(e),
-				disabled: ye,
-				children: `Mark ${f(e)}`
-			}, e)), /* @__PURE__ */ g(y, {
+				onClick: () => void Ce(e),
+				disabled: be,
+				children: `Mark ${u(e)}`
+			}, e)), /* @__PURE__ */ h(S, {
 				type: "button",
 				variant: "outline",
 				onClick: () => V(!0),
-				children: [/* @__PURE__ */ h(v, { className: "size-4" }), "Add step"]
+				children: [/* @__PURE__ */ m(b, { className: "size-4" }), "Add step"]
 			})]
 		}),
-		children: [/* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ h("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ g(b, { children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ h(C, { children: "Overview" }) }), /* @__PURE__ */ g(x, { children: [
-					/* @__PURE__ */ h(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__ */ h(d, { status: X.status })
+						children: /* @__PURE__ */ m(l, { status: X.status })
 					}),
-					/* @__PURE__ */ h(A, {
+					/* @__PURE__ */ m(P, {
 						label: "Pipeline",
-						children: X.pipeline ? /* @__PURE__ */ h("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__ */ h("span", {
+						}) : /* @__PURE__ */ m("span", {
 							className: "font-mono text-xs",
 							children: X.pipelineId
 						})
 					}),
-					/* @__PURE__ */ h(A, {
+					/* @__PURE__ */ m(P, {
 						label: "Dataset",
-						children: X.datasetId ? /* @__PURE__ */ h("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__ */ h("span", {
+							onClick: () => v(`datasets/${X.datasetId}`),
+							children: /* @__PURE__ */ m("span", {
 								className: "font-mono text-xs",
 								children: X.datasetId
 							})
 						}) : "—"
 					}),
-					/* @__PURE__ */ h(A, {
+					/* @__PURE__ */ m(P, {
 						label: "Triggered by",
 						children: X.triggeredBy || "—"
 					}),
-					/* @__PURE__ */ h(A, {
+					/* @__PURE__ */ m(P, {
 						label: "Started",
-						children: O(X.startedAt)
+						children: M(X.startedAt)
 					}),
-					/* @__PURE__ */ h(A, {
+					/* @__PURE__ */ m(P, {
 						label: "Finished",
-						children: O(X.finishedAt)
+						children: M(X.finishedAt)
 					}),
-					/* @__PURE__ */ h(A, {
+					/* @__PURE__ */ m(P, {
 						label: "Duration",
-						children: k(X.durationMs)
+						children: N(X.durationMs)
 					}),
-					X.errorMessage ? /* @__PURE__ */ h(A, {
+					X.errorMessage ? /* @__PURE__ */ m(P, {
 						label: "Error",
-						children: /* @__PURE__ */ h("span", {
+						children: /* @__PURE__ */ m("span", {
 							className: "text-status-error-text",
 							children: X.errorMessage
 						})
 					}) : null,
-					$.length === 0 ? /* @__PURE__ */ h(A, {
+					$.length === 0 ? /* @__PURE__ */ m(P, {
 						label: "Discuss",
-						children: /* @__PURE__ */ h(l, {
+						children: /* @__PURE__ */ m(ne, {
 							href: "/conversations",
 							className: "text-text-primary underline-offset-2 hover:underline",
 							children: "Open discussions"
 						})
 					}) : null
 				] })] }),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ h("div", {
 					className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-					children: [/* @__PURE__ */ g(b, { children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ h(C, { children: "Parameters" }) }), /* @__PURE__ */ h(x, { children: /* @__PURE__ */ h(j, { value: X.params }) })] }), /* @__PURE__ */ g(b, { children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ h(C, { children: "Metrics" }) }), /* @__PURE__ */ h(x, { children: /* @__PURE__ */ h(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__ */ g(b, { children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ h(C, { children: "Steps" }) }), /* @__PURE__ */ h(x, { children: ge ? /* @__PURE__ */ h(s, {
+				/* @__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…"
-				}) : _e ? /* @__PURE__ */ h(o, {
+				}) : ve ? /* @__PURE__ */ m(o, {
 					message: "Could not load steps.",
 					onRetry: () => void z()
-				}) : Z.length === 0 ? /* @__PURE__ */ h(a, {
-					icon: re,
+				}) : 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__ */ g(y, {
+					action: /* @__PURE__ */ h(S, {
 						type: "button",
 						onClick: () => V(!0),
-						children: [/* @__PURE__ */ h(v, { className: "size-4" }), "Add step"]
+						children: [/* @__PURE__ */ m(b, { className: "size-4" }), "Add step"]
 					})
-				}) : /* @__PURE__ */ h("ol", {
-					className: "space-y-3",
-					children: Z.map((e) => /* @__PURE__ */ g("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__ */ g("div", {
-							className: "flex min-w-0 items-start gap-3",
-							children: [/* @__PURE__ */ h("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__ */ g("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__ */ g("div", {
+									/* @__PURE__ */ h("div", {
 										className: "flex flex-wrap items-center gap-2",
-										children: [/* @__PURE__ */ h("span", {
-											className: "font-medium text-text-primary",
-											children: e.name
-										}), /* @__PURE__ */ h(d, {
-											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__ */ h("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__ */ g("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__ */ h("div", {
-							className: "shrink-0",
-							children: /* @__PURE__ */ h(d, { status: e.status })
-						})]
-					}, e.id))
+						}, e.id);
+					})
 				}) })] }),
-				/* @__PURE__ */ g(b, { children: [/* @__PURE__ */ h(S, { children: /* @__PURE__ */ h(C, { children: "Activity" }) }), /* @__PURE__ */ h(x, { children: /* @__PURE__ */ h(c, {
+				/* @__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__ */ h(ie, {
-			open: xe,
+		}), /* @__PURE__ */ m(ae, {
+			open: Se,
 			onOpenChange: (e) => {
 				B || (V(e), e || Q());
 			},
-			children: /* @__PURE__ */ g(w, { children: [
-				/* @__PURE__ */ g(T, { children: [/* @__PURE__ */ h(se, { children: "Add step" }), /* @__PURE__ */ h(ae, { children: "Record a stage of this run — its kind, order and optional inputs." })] }),
-				/* @__PURE__ */ g("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__ */ g("div", {
+						/* @__PURE__ */ h("div", {
 							className: "space-y-1",
-							children: [/* @__PURE__ */ h(D, {
+							children: [/* @__PURE__ */ m(A, {
 								htmlFor: "step-name",
 								children: "Name"
-							}), /* @__PURE__ */ h(E, {
+							}), /* @__PURE__ */ m(k, {
 								id: "step-name",
 								value: H,
 								onChange: (e) => U(e.target.value),
 								placeholder: "e.g. Calibrate flat fields"
 							})]
 						}),
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ h("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ h("div", {
 								className: "space-y-1",
-								children: [/* @__PURE__ */ h(D, {
+								children: [/* @__PURE__ */ m(A, {
 									htmlFor: "step-kind",
 									children: "Kind"
-								}), /* @__PURE__ */ g(ce, {
+								}), /* @__PURE__ */ h(le, {
 									value: W,
 									onValueChange: (e) => G(e),
-									children: [/* @__PURE__ */ h(de, {
+									children: [/* @__PURE__ */ m(fe, {
 										id: "step-kind",
 										"aria-label": "Step kind",
-										children: /* @__PURE__ */ h(fe, {})
-									}), /* @__PURE__ */ h(le, { children: me.map((e) => /* @__PURE__ */ h(ue, {
+										children: /* @__PURE__ */ m(pe, {})
+									}), /* @__PURE__ */ m(ue, { children: he.map((e) => /* @__PURE__ */ m(de, {
 										value: e,
-										children: f(e)
+										children: u(e)
 									}, e)) })]
 								})]
-							}), /* @__PURE__ */ g("div", {
+							}), /* @__PURE__ */ h("div", {
 								className: "space-y-1",
-								children: [/* @__PURE__ */ h(D, {
+								children: [/* @__PURE__ */ m(A, {
 									htmlFor: "step-position",
 									children: "Position"
-								}), /* @__PURE__ */ h(E, {
+								}), /* @__PURE__ */ m(k, {
 									id: "step-position",
 									type: "number",
 									min: "0",
@@ -332,14 +375,14 @@ function M() {
 								})]
 							})]
 						}),
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ h("div", {
 							className: "space-y-1",
 							children: [
-								/* @__PURE__ */ h(D, {
+								/* @__PURE__ */ m(A, {
 									htmlFor: "step-inputs",
 									children: "Inputs (JSON)"
 								}),
-								/* @__PURE__ */ h(pe, {
+								/* @__PURE__ */ m(me, {
 									id: "step-inputs",
 									value: J,
 									onChange: (e) => Y(e.target.value),
@@ -348,7 +391,7 @@ function M() {
 									className: "font-mono text-xs",
 									placeholder: "{\n  \"source\": \"raw-frames\"\n}"
 								}),
-								/* @__PURE__ */ h("p", {
+								/* @__PURE__ */ m("p", {
 									className: "text-xs text-text-secondary",
 									children: "Optional. A JSON object of step inputs."
 								})
@@ -356,7 +399,7 @@ function M() {
 						})
 					]
 				}),
-				/* @__PURE__ */ g(oe, { children: [/* @__PURE__ */ h(y, {
+				/* @__PURE__ */ h(oe, { children: [/* @__PURE__ */ m(S, {
 					type: "button",
 					variant: "outline",
 					onClick: () => {
@@ -364,17 +407,17 @@ function M() {
 					},
 					disabled: B,
 					children: "Cancel"
-				}), /* @__PURE__ */ g(y, {
+				}), /* @__PURE__ */ h(S, {
 					type: "button",
-					onClick: () => void Ce(),
+					onClick: () => void we(),
 					disabled: B,
-					children: [/* @__PURE__ */ h(v, { 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