@burdenoff/microfe-cosmicintersection 2026.704.1 → 2026.704.3

package/dist/cosmicintersection/pages/analyses/AnalysesPage.js

@@ -4,17 +4,21 @@ import { useCosAnalysesQuery as n, useCosCompleteAnalysisMutation as r, useCosDa
 import s from "../../components/ActionMenu.js";
 import c from "../../components/EmptyState.js";
 import l from "../../components/ErrorState.js";
-import u, { useFileDownloadUrl as d } from "../../components/FileUploadField.js";
-import f from "../../components/LoadingState.js";
+import u from "../../components/LoadingState.js";
+import d, { useFileDownloadUrl as f } from "../../components/FileUploadField.js";
 import p from "../../components/PageLayout.js";
 import m from "../../components/StatusBadge.js";
 import "../../components/index.js";
-import { useMemo as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Beaker as y, Download as b, ExternalLink as x, Play as S, Sparkles as C } from "lucide-react";
-import { Badge as w, Button as T, Dialog as E, DialogContent as D, DialogDescription as O, DialogFooter as k, DialogHeader as A, DialogTitle as j, Input as M, Label as N, Select as P, SelectContent as F, SelectItem as I, SelectTrigger as L, SelectValue as R, Switch as z, Table as B, TableBody as V, TableCell as H, TableHead as U, TableHeader as W, TableRow as G, Textarea as K } from "@burdenoff/fe-libs/ui";
+import h from "../../components/ResultsChart.js";
+import { useMemo as g, useState as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { BarChart3 as x, Beaker as S, Download as C, ExternalLink as w, Play as T, Sparkles as E } from "lucide-react";
+import { Badge as D, Button as O, Dialog as k, DialogClose as A, DialogContent as j, DialogDescription as M, DialogFooter as N, DialogHeader as P, DialogTitle as F, Input as I, Label as L, Select as R, SelectContent as z, SelectItem as B, SelectTrigger as V, SelectValue as H, Switch as U, Table as W, TableBody as ee, TableCell as G, TableHead as K, TableHeader as te, TableRow as q, Textarea as J } from "@burdenoff/fe-libs/ui";
 //#region src/cosmicintersection/pages/analyses/AnalysesPage.tsx
-var q = [
+function Y(e) {
+	return !!e.outputFile?.id || !!(e.results && Object.keys(e.results).length > 0);
+}
+var ne = [
 	{
 		value: "PENDING",
 		label: "Pending"
@@ -31,8 +35,8 @@ var q = [
 		value: "FAILED",
 		label: "Failed"
 	}
-], J = "ALL";
-function Y(e) {
+], X = "ALL";
+function Z(e) {
 	if (!e) return "—";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleString(void 0, {
@@ -43,26 +47,78 @@ function Y(e) {
 		minute: "2-digit"
 	});
 }
-function X({ fileId: e }) {
-	let { data: t, loading: n } = d(e), r = t?.getFileDownloadUrl ?? null;
-	return n ? /* @__PURE__ */ _("span", {
+function Q({ fileId: e }) {
+	let { data: t, loading: n } = f(e), [r, i] = _(!1), a = t?.getFileDownloadUrl ?? null;
+	return n ? /* @__PURE__ */ y("span", {
 		className: "text-xs text-text-secondary",
-		children: "Resolving…"
-	}) : r ? /* @__PURE__ */ v("a", {
-		href: r,
-		target: "_blank",
-		rel: "noopener noreferrer",
-		className: "inline-flex items-center gap-1 text-sm text-text-primary underline-offset-2 hover:underline",
-		children: [/* @__PURE__ */ _(b, {
-			className: "size-3.5",
-			"aria-hidden": "true"
-		}), "Download"]
-	}) : /* @__PURE__ */ v("span", {
+		children: "Resolving link…"
+	}) : a ? /* @__PURE__ */ b("div", {
+		className: "space-y-2",
+		children: [r ? null : /* @__PURE__ */ y("img", {
+			src: a,
+			alt: "Analysis output preview",
+			onError: () => i(!0),
+			className: "max-h-72 w-full rounded-card border border-border-default bg-bg-sunken object-contain"
+		}), /* @__PURE__ */ b("a", {
+			href: a,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: "inline-flex items-center gap-1 text-sm text-text-primary underline-offset-2 hover:underline",
+			children: [/* @__PURE__ */ y(C, {
+				className: "size-3.5",
+				"aria-hidden": "true"
+			}), "Download output"]
+		})]
+	}) : /* @__PURE__ */ b("span", {
 		className: "text-xs text-text-secondary",
 		children: ["File ", e]
 	});
 }
-function Z(e) {
+function re({ analysis: e, onOpenChange: t }) {
+	let n = e?.results ?? null, r = !!(n && Object.keys(n).length > 0), i = !!e?.outputFile?.id;
+	return /* @__PURE__ */ y(k, {
+		open: !!e,
+		onOpenChange: t,
+		children: /* @__PURE__ */ y(j, {
+			className: "max-h-[85vh] max-w-2xl overflow-y-auto",
+			children: e ? /* @__PURE__ */ b(v, { children: [
+				/* @__PURE__ */ b(P, { children: [/* @__PURE__ */ b(F, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ y(x, {
+						className: "size-5 text-text-secondary",
+						"aria-hidden": "true"
+					}), "Analysis results"]
+				}), /* @__PURE__ */ b(M, { children: [e.title, e.method ? ` · ${e.method}` : ""] })] }),
+				/* @__PURE__ */ b("div", {
+					className: "space-y-5",
+					children: [
+						r && n ? /* @__PURE__ */ y(h, { results: n }) : null,
+						i && e.outputFile ? /* @__PURE__ */ b("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ y("p", {
+								className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
+								children: "Output artifact"
+							}), /* @__PURE__ */ y(Q, { fileId: e.outputFile.id })]
+						}) : null,
+						!r && !i ? /* @__PURE__ */ y("p", {
+							className: "rounded-card border border-border-default bg-bg-sunken px-4 py-6 text-center text-sm text-text-secondary",
+							children: "No results or output artifact has been recorded for this analysis yet."
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ y(N, { children: /* @__PURE__ */ y(A, {
+					asChild: !0,
+					children: /* @__PURE__ */ y(O, {
+						type: "button",
+						variant: "outline",
+						children: "Close"
+					})
+				}) })
+			] }) : null
+		})
+	});
+}
+function $(e) {
 	let t = e.trim();
 	if (!t) return {
 		ok: !0,
@@ -84,22 +140,22 @@ function Z(e) {
 		};
 	}
 }
-function Q({ open: e, onOpenChange: n, onCompleted: r }) {
-	let [s, c] = g(""), [l, u] = g(""), [d, f] = g(!1), [p, m] = g("NOTEBOOK"), [h, y] = g(""), { data: b, loading: x } = a({ pagination: {
+function ie({ open: e, onOpenChange: n, onCompleted: r }) {
+	let [s, c] = _(""), [l, u] = _(""), [d, f] = _(!1), [p, m] = _("NOTEBOOK"), [h, g] = _(""), { data: v, loading: x } = a({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), { data: C, loading: w } = i({ pagination: {
+	} }), { data: S, loading: C } = i({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), [B, { loading: V }] = o(), H = b?.cosListNotebooks.items ?? [], U = C?.cosListDatasets.items ?? [], W = () => {
-		c(""), u(""), f(!1), m("NOTEBOOK"), y("");
+	} }), [w, { loading: E }] = o(), D = v?.cosListNotebooks.items ?? [], A = S?.cosListDatasets.items ?? [], W = () => {
+		c(""), u(""), f(!1), m("NOTEBOOK"), g("");
 	};
-	return /* @__PURE__ */ _(E, {
+	return /* @__PURE__ */ y(k, {
 		open: e,
 		onOpenChange: (e) => {
-			V || n(e);
+			E || n(e);
 		},
-		children: /* @__PURE__ */ _(D, { children: /* @__PURE__ */ v("form", {
+		children: /* @__PURE__ */ y(j, { children: /* @__PURE__ */ b("form", {
 			onSubmit: async (e) => {
 				e.preventDefault();
 				let i = s.trim();
@@ -111,7 +167,7 @@ function Q({ open: e, onOpenChange: n, onCompleted: r }) {
 					t.error("Select a source", `Choose a ${p === "NOTEBOOK" ? "notebook" : "dataset"} to analyse.`);
 					return;
 				}
-				let a = await B({ variables: { input: {
+				let a = await w({ variables: { input: {
 					title: i,
 					method: l.trim() || void 0,
 					aiAssisted: d,
@@ -121,13 +177,13 @@ function Q({ open: e, onOpenChange: n, onCompleted: r }) {
 			},
 			className: "space-y-4",
 			children: [
-				/* @__PURE__ */ v(A, { children: [/* @__PURE__ */ _(j, { children: "Run analysis" }), /* @__PURE__ */ _(O, { children: "Launch a new analysis against a notebook or a dataset. Exactly one source is required." })] }),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ b(P, { children: [/* @__PURE__ */ y(F, { children: "Run analysis" }), /* @__PURE__ */ y(M, { children: "Launch a new analysis against a notebook or a dataset. Exactly one source is required." })] }),
+				/* @__PURE__ */ b("div", {
 					className: "space-y-1.5",
-					children: [/* @__PURE__ */ _(N, {
+					children: [/* @__PURE__ */ y(L, {
 						htmlFor: "run-title",
 						children: "Title"
-					}), /* @__PURE__ */ _(M, {
+					}), /* @__PURE__ */ y(I, {
 						id: "run-title",
 						value: s,
 						onChange: (e) => c(e.target.value),
@@ -135,102 +191,102 @@ function Q({ open: e, onOpenChange: n, onCompleted: r }) {
 						required: !0
 					})]
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ b("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ v("div", {
+					children: [/* @__PURE__ */ b("div", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ _(N, {
+						children: [/* @__PURE__ */ y(L, {
 							htmlFor: "run-source-kind",
 							children: "Source type"
-						}), /* @__PURE__ */ v(P, {
+						}), /* @__PURE__ */ b(R, {
 							value: p,
 							onValueChange: (e) => {
-								m(e), y("");
+								m(e), g("");
 							},
-							children: [/* @__PURE__ */ _(L, {
+							children: [/* @__PURE__ */ y(V, {
 								id: "run-source-kind",
 								"aria-label": "Source type",
-								children: /* @__PURE__ */ _(R, {})
-							}), /* @__PURE__ */ v(F, { children: [/* @__PURE__ */ _(I, {
+								children: /* @__PURE__ */ y(H, {})
+							}), /* @__PURE__ */ b(z, { children: [/* @__PURE__ */ y(B, {
 								value: "NOTEBOOK",
 								children: "Notebook"
-							}), /* @__PURE__ */ _(I, {
+							}), /* @__PURE__ */ y(B, {
 								value: "DATASET",
 								children: "Dataset"
 							})] })]
 						})]
-					}), /* @__PURE__ */ v("div", {
+					}), /* @__PURE__ */ b("div", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ _(N, {
+						children: [/* @__PURE__ */ y(L, {
 							htmlFor: "run-source-id",
 							children: p === "NOTEBOOK" ? "Notebook" : "Dataset"
-						}), /* @__PURE__ */ v(P, {
+						}), /* @__PURE__ */ b(R, {
 							value: h,
-							onValueChange: (e) => y(e),
-							children: [/* @__PURE__ */ _(L, {
+							onValueChange: (e) => g(e),
+							children: [/* @__PURE__ */ y(V, {
 								id: "run-source-id",
 								"aria-label": "Analysis source",
-								children: /* @__PURE__ */ _(R, { placeholder: (p === "NOTEBOOK" ? x : w) ? "Loading…" : `Select a ${p === "NOTEBOOK" ? "notebook" : "dataset"}` })
-							}), /* @__PURE__ */ _(F, { children: p === "NOTEBOOK" ? H.map((e) => /* @__PURE__ */ _(I, {
+								children: /* @__PURE__ */ y(H, { placeholder: (p === "NOTEBOOK" ? x : C) ? "Loading…" : `Select a ${p === "NOTEBOOK" ? "notebook" : "dataset"}` })
+							}), /* @__PURE__ */ y(z, { children: p === "NOTEBOOK" ? D.map((e) => /* @__PURE__ */ y(B, {
 								value: e.id,
 								children: e.title
-							}, e.id)) : U.map((e) => /* @__PURE__ */ _(I, {
+							}, e.id)) : A.map((e) => /* @__PURE__ */ y(B, {
 								value: e.id,
 								children: e.name
 							}, e.id)) })]
 						})]
 					})]
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ b("div", {
 					className: "space-y-1.5",
-					children: [/* @__PURE__ */ _(N, {
+					children: [/* @__PURE__ */ y(L, {
 						htmlFor: "run-method",
 						children: "Method"
-					}), /* @__PURE__ */ _(M, {
+					}), /* @__PURE__ */ y(I, {
 						id: "run-method",
 						value: l,
 						onChange: (e) => u(e.target.value),
 						placeholder: "e.g. gaussian-fit"
 					})]
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ b("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ _(z, {
+					children: [/* @__PURE__ */ y(U, {
 						id: "run-ai",
 						checked: d,
 						onCheckedChange: (e) => f(e)
-					}), /* @__PURE__ */ _(N, {
+					}), /* @__PURE__ */ y(L, {
 						htmlFor: "run-ai",
 						className: "cursor-pointer",
 						children: "AI-assisted analysis"
 					})]
 				}),
-				/* @__PURE__ */ v(k, { children: [/* @__PURE__ */ _(T, {
+				/* @__PURE__ */ b(N, { children: [/* @__PURE__ */ y(O, {
 					type: "button",
 					variant: "outline",
 					onClick: () => n(!1),
-					disabled: V,
+					disabled: E,
 					children: "Cancel"
-				}), /* @__PURE__ */ v(T, {
+				}), /* @__PURE__ */ b(O, {
 					type: "submit",
-					disabled: V,
-					children: [/* @__PURE__ */ _(S, { className: "size-4" }), V ? "Starting…" : "Run analysis"]
+					disabled: E,
+					children: [/* @__PURE__ */ y(T, { className: "size-4" }), E ? "Starting…" : "Run analysis"]
 				})] })
 			]
 		}) })
 	});
 }
-function $({ analysis: e, onOpenChange: n, onCompleted: i }) {
-	let [a, o] = g("COMPLETED"), [s, c] = g(""), [l, d] = g(""), [f, { loading: p }] = r();
-	return /* @__PURE__ */ _(E, {
+function ae({ analysis: e, onOpenChange: n, onCompleted: i }) {
+	let [a, o] = _("COMPLETED"), [s, c] = _(""), [l, u] = _(""), [f, { loading: p }] = r();
+	return /* @__PURE__ */ y(k, {
 		open: !!e,
 		onOpenChange: (e) => {
 			p || n(e);
 		},
-		children: /* @__PURE__ */ _(D, { children: /* @__PURE__ */ v("form", {
+		children: /* @__PURE__ */ y(j, { children: /* @__PURE__ */ b("form", {
 			onSubmit: async (r) => {
 				if (r.preventDefault(), !e) return;
-				let o = Z(s);
+				let o = $(s);
 				if (!o.ok) {
 					t.error("Invalid results", o.error);
 					return;
@@ -245,40 +301,40 @@ function $({ analysis: e, onOpenChange: n, onCompleted: i }) {
 			},
 			className: "space-y-4",
 			children: [
-				/* @__PURE__ */ v(A, { children: [/* @__PURE__ */ _(j, { children: "Complete analysis" }), /* @__PURE__ */ v(O, { children: [
+				/* @__PURE__ */ b(P, { children: [/* @__PURE__ */ y(F, { children: "Complete analysis" }), /* @__PURE__ */ b(M, { children: [
 					"Record the outcome for ",
 					e ? `“${e.title}”` : "this analysis",
 					". Attach results or an output artifact if you have them."
 				] })] }),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ b("div", {
 					className: "space-y-1.5",
-					children: [/* @__PURE__ */ _(N, {
+					children: [/* @__PURE__ */ y(L, {
 						htmlFor: "complete-status",
 						children: "Outcome"
-					}), /* @__PURE__ */ v(P, {
+					}), /* @__PURE__ */ b(R, {
 						value: a,
 						onValueChange: (e) => o(e),
-						children: [/* @__PURE__ */ _(L, {
+						children: [/* @__PURE__ */ y(V, {
 							id: "complete-status",
 							"aria-label": "Outcome",
-							children: /* @__PURE__ */ _(R, {})
-						}), /* @__PURE__ */ v(F, { children: [/* @__PURE__ */ _(I, {
+							children: /* @__PURE__ */ y(H, {})
+						}), /* @__PURE__ */ b(z, { children: [/* @__PURE__ */ y(B, {
 							value: "COMPLETED",
 							children: "Completed"
-						}), /* @__PURE__ */ _(I, {
+						}), /* @__PURE__ */ y(B, {
 							value: "FAILED",
 							children: "Failed"
 						})] })]
 					})]
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ b("div", {
 					className: "space-y-1.5",
 					children: [
-						/* @__PURE__ */ _(N, {
+						/* @__PURE__ */ y(L, {
 							htmlFor: "complete-results",
 							children: "Results (JSON)"
 						}),
-						/* @__PURE__ */ _(K, {
+						/* @__PURE__ */ y(J, {
 							id: "complete-results",
 							value: s,
 							onChange: (e) => c(e.target.value),
@@ -286,25 +342,25 @@ function $({ analysis: e, onOpenChange: n, onCompleted: i }) {
 							className: "font-mono text-xs",
 							placeholder: "{ \"snr\": 12.4, \"detections\": 3 }"
 						}),
-						/* @__PURE__ */ _("p", {
+						/* @__PURE__ */ y("p", {
 							className: "text-xs text-text-secondary",
 							children: "Optional structured results as a JSON object."
 						})
 					]
 				}),
-				/* @__PURE__ */ _(u, {
+				/* @__PURE__ */ y(d, {
 					value: l,
-					onChange: (e) => d(e),
+					onChange: (e) => u(e),
 					label: "Attach output file",
 					hint: "Optional output artifact (plots, tables, exports). Stored in workspace files."
 				}),
-				/* @__PURE__ */ v(k, { children: [/* @__PURE__ */ _(T, {
+				/* @__PURE__ */ b(N, { children: [/* @__PURE__ */ y(O, {
 					type: "button",
 					variant: "outline",
 					onClick: () => n(!1),
 					disabled: p,
 					children: "Cancel"
-				}), /* @__PURE__ */ _(T, {
+				}), /* @__PURE__ */ y(O, {
 					type: "submit",
 					disabled: p,
 					children: p ? "Saving…" : "Save outcome"
@@ -313,172 +369,276 @@ function $({ analysis: e, onOpenChange: n, onCompleted: i }) {
 		}) })
 	});
 }
-function ee() {
-	let { navigate: t } = e(), [r, o] = g(void 0), [u, d] = g(!1), [b, E] = g(null), { data: D, loading: O, error: k, refetch: A } = n({ status: r }), { data: j } = a({ pagination: {
+function oe() {
+	let { navigate: t } = e(), [r, o] = _(void 0), [d, f] = _(!1), [h, C] = _(null), [k, A] = _(null), { data: j, loading: M, error: N, refetch: P } = n({ status: r }), { data: F } = a({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), { data: M } = i({ pagination: {
+	} }), { data: I } = i({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), N = D?.cosListAnalyses ?? [], z = h(() => {
+	} }), L = j?.cosListAnalyses ?? [], U = g(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of j?.cosListNotebooks.items ?? []) e.set(t.id, t.title);
+		for (let t of F?.cosListNotebooks.items ?? []) e.set(t.id, t.title);
 		return e;
-	}, [j]), K = h(() => {
+	}, [F]), J = g(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of M?.cosListDatasets.items ?? []) e.set(t.id, t.name);
+		for (let t of I?.cosListDatasets.items ?? []) e.set(t.id, t.name);
 		return e;
-	}, [M]);
-	return /* @__PURE__ */ v(p, {
+	}, [I]), Q = (e) => e.notebookId ? {
+		label: U.get(e.notebookId) ?? "Notebook",
+		path: `notebooks/${e.notebookId}`
+	} : e.datasetId ? {
+		label: J.get(e.datasetId) ?? "Dataset",
+		path: `datasets/${e.datasetId}`
+	} : null, $ = (e) => {
+		let t = e.status === "PENDING" || e.status === "RUNNING";
+		return [...Y(e) ? [{
+			key: "view-results",
+			label: "View results",
+			icon: x,
+			onSelect: () => A(e)
+		}] : [], ...t ? [{
+			key: "complete",
+			label: "Complete…",
+			icon: S,
+			onSelect: () => C(e)
+		}] : []];
+	};
+	return /* @__PURE__ */ b(p, {
 		title: "Analyses",
 		description: "Analysis runs executed over notebooks and federated datasets.",
-		actions: /* @__PURE__ */ v(T, {
+		actions: /* @__PURE__ */ b(O, {
 			type: "button",
-			onClick: () => d(!0),
-			children: [/* @__PURE__ */ _(S, { className: "size-4" }), "Run analysis"]
+			onClick: () => f(!0),
+			children: [/* @__PURE__ */ y(T, { className: "size-4" }), "Run analysis"]
 		}),
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ b("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "flex flex-wrap items-center gap-3",
-					children: [/* @__PURE__ */ _("label", {
+					children: [/* @__PURE__ */ y("label", {
 						className: "text-sm text-text-secondary",
 						htmlFor: "analysis-status-filter",
 						children: "Status"
-					}), /* @__PURE__ */ v(P, {
-						value: r ?? J,
-						onValueChange: (e) => o(e === J ? void 0 : e),
-						children: [/* @__PURE__ */ _(L, {
+					}), /* @__PURE__ */ b(R, {
+						value: r ?? X,
+						onValueChange: (e) => o(e === X ? void 0 : e),
+						children: [/* @__PURE__ */ y(V, {
 							id: "analysis-status-filter",
 							className: "w-48",
 							"aria-label": "Filter by status",
-							children: /* @__PURE__ */ _(R, {})
-						}), /* @__PURE__ */ v(F, { children: [/* @__PURE__ */ _(I, {
-							value: J,
+							children: /* @__PURE__ */ y(H, {})
+						}), /* @__PURE__ */ b(z, { children: [/* @__PURE__ */ y(B, {
+							value: X,
 							children: "All statuses"
-						}), q.map((e) => /* @__PURE__ */ _(I, {
+						}), ne.map((e) => /* @__PURE__ */ y(B, {
 							value: e.value,
 							children: e.label
 						}, e.value))] })]
 					})]
-				}), O ? /* @__PURE__ */ _(f, {
+				}), M ? /* @__PURE__ */ y(u, {
 					variant: "rows",
 					rows: 6,
 					label: "Loading analyses…"
-				}) : k ? /* @__PURE__ */ _(l, {
+				}) : N ? /* @__PURE__ */ y(l, {
 					message: "We could not load analyses. Please try again.",
-					onRetry: () => void A()
-				}) : N.length === 0 ? /* @__PURE__ */ _(c, {
-					icon: y,
+					onRetry: () => void P()
+				}) : L.length === 0 ? /* @__PURE__ */ y(c, {
+					icon: S,
 					title: r ? "No analyses match this filter." : "No analyses yet.",
 					description: r ? "Try a different status filter." : "Run an analysis against a notebook or dataset to see results here.",
-					action: r ? void 0 : /* @__PURE__ */ v(T, {
+					action: r ? void 0 : /* @__PURE__ */ b(O, {
 						type: "button",
-						onClick: () => d(!0),
-						children: [/* @__PURE__ */ _(S, { className: "size-4" }), "Run analysis"]
+						onClick: () => f(!0),
+						children: [/* @__PURE__ */ y(T, { className: "size-4" }), "Run analysis"]
 					})
-				}) : /* @__PURE__ */ _("div", {
-					className: "rounded-card border border-border-default bg-bg-elevated",
-					children: /* @__PURE__ */ v(B, { children: [/* @__PURE__ */ _(W, { children: /* @__PURE__ */ v(G, { children: [
-						/* @__PURE__ */ _(U, { children: "Title" }),
-						/* @__PURE__ */ _(U, { children: "Method" }),
-						/* @__PURE__ */ _(U, { children: "AI" }),
-						/* @__PURE__ */ _(U, { children: "Status" }),
-						/* @__PURE__ */ _(U, { children: "Source" }),
-						/* @__PURE__ */ _(U, { children: "Started" }),
-						/* @__PURE__ */ _(U, { children: "Finished" }),
-						/* @__PURE__ */ _(U, { children: "Output" }),
-						/* @__PURE__ */ _(U, {
+				}) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("div", {
+					className: "hidden rounded-card border border-border-default bg-bg-elevated md:block",
+					children: /* @__PURE__ */ b(W, { children: [/* @__PURE__ */ y(te, { children: /* @__PURE__ */ b(q, { children: [
+						/* @__PURE__ */ y(K, { children: "Title" }),
+						/* @__PURE__ */ y(K, { children: "Method" }),
+						/* @__PURE__ */ y(K, { children: "AI" }),
+						/* @__PURE__ */ y(K, { children: "Status" }),
+						/* @__PURE__ */ y(K, { children: "Source" }),
+						/* @__PURE__ */ y(K, { children: "Started" }),
+						/* @__PURE__ */ y(K, { children: "Finished" }),
+						/* @__PURE__ */ y(K, { children: "Output" }),
+						/* @__PURE__ */ y(K, {
 							className: "w-12 text-right",
 							children: "Actions"
 						})
-					] }) }), /* @__PURE__ */ _(V, { children: N.map((e) => {
-						let n = e.status === "PENDING" || e.status === "RUNNING", r = e.notebookId ? z.get(e.notebookId) ?? "Notebook" : e.datasetId ? K.get(e.datasetId) ?? "Dataset" : null, i = e.notebookId ? `notebooks/${e.notebookId}` : e.datasetId ? `datasets/${e.datasetId}` : null;
-						return /* @__PURE__ */ v(G, { children: [
-							/* @__PURE__ */ _(H, {
+					] }) }), /* @__PURE__ */ y(ee, { children: L.map((e) => {
+						let n = Q(e);
+						return /* @__PURE__ */ b(q, { children: [
+							/* @__PURE__ */ y(G, {
 								className: "font-medium text-text-primary",
 								children: e.title
 							}),
-							/* @__PURE__ */ _(H, {
+							/* @__PURE__ */ y(G, {
 								className: "text-text-secondary",
 								children: e.method ?? "—"
 							}),
-							/* @__PURE__ */ _(H, { children: e.aiAssisted ? /* @__PURE__ */ v(w, {
+							/* @__PURE__ */ y(G, { children: e.aiAssisted ? /* @__PURE__ */ b(D, {
 								variant: "secondary",
 								className: "gap-1",
-								children: [/* @__PURE__ */ _(C, {
+								children: [/* @__PURE__ */ y(E, {
 									className: "size-3",
 									"aria-hidden": "true"
 								}), "AI"]
-							}) : /* @__PURE__ */ _("span", {
+							}) : /* @__PURE__ */ y("span", {
 								className: "text-text-secondary",
 								children: "—"
 							}) }),
-							/* @__PURE__ */ _(H, { children: /* @__PURE__ */ _(m, { status: e.status }) }),
-							/* @__PURE__ */ _(H, { children: r && i ? /* @__PURE__ */ v("button", {
+							/* @__PURE__ */ y(G, { children: /* @__PURE__ */ y(m, { status: e.status }) }),
+							/* @__PURE__ */ y(G, { children: n ? /* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => t(i),
+								onClick: () => t(n.path),
 								className: "inline-flex max-w-[12rem] items-center gap-1 truncate text-sm text-text-primary underline-offset-2 hover:underline",
-								children: [/* @__PURE__ */ _(x, {
+								children: [/* @__PURE__ */ y(w, {
 									className: "size-3.5 shrink-0",
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ _("span", {
+								}), /* @__PURE__ */ y("span", {
 									className: "truncate",
-									children: r
+									children: n.label
 								})]
-							}) : /* @__PURE__ */ _("span", {
+							}) : /* @__PURE__ */ y("span", {
 								className: "text-text-secondary",
 								children: "—"
 							}) }),
-							/* @__PURE__ */ _(H, {
+							/* @__PURE__ */ y(G, {
 								className: "whitespace-nowrap text-text-secondary",
-								children: Y(e.startedAt)
+								children: Z(e.startedAt)
 							}),
-							/* @__PURE__ */ _(H, {
+							/* @__PURE__ */ y(G, {
 								className: "whitespace-nowrap text-text-secondary",
-								children: Y(e.finishedAt)
+								children: Z(e.finishedAt)
 							}),
-							/* @__PURE__ */ _(H, { children: e.outputFile?.id ? /* @__PURE__ */ _(X, { fileId: e.outputFile.id }) : e.results && Object.keys(e.results).length > 0 ? /* @__PURE__ */ _("span", {
-								className: "text-xs text-text-secondary",
-								children: "Results recorded"
-							}) : /* @__PURE__ */ _("span", {
+							/* @__PURE__ */ y(G, { children: Y(e) ? /* @__PURE__ */ b(O, {
+								type: "button",
+								variant: "outline",
+								size: "sm",
+								className: "h-auto gap-1 px-2 py-1",
+								onClick: () => A(e),
+								children: [/* @__PURE__ */ y(x, {
+									className: "size-3.5",
+									"aria-hidden": "true"
+								}), "View"]
+							}) : /* @__PURE__ */ y("span", {
 								className: "text-text-secondary",
 								children: "—"
 							}) }),
-							/* @__PURE__ */ _(H, {
+							/* @__PURE__ */ y(G, {
 								className: "text-right",
-								children: /* @__PURE__ */ _(s, {
+								children: /* @__PURE__ */ y(s, {
 									ariaLabel: `Actions for ${e.title}`,
-									onView: i ? () => t(i) : void 0,
-									extraItems: n ? [{
-										key: "complete",
-										label: "Complete…",
-										icon: y,
-										onSelect: () => E(e)
-									}] : []
+									onView: n ? () => t(n.path) : void 0,
+									extraItems: $(e)
 								})
 							})
 						] }, e.id);
 					}) })] })
-				})]
+				}), /* @__PURE__ */ y("ul", {
+					className: "space-y-3 md:hidden",
+					children: L.map((e) => {
+						let n = Q(e), r = e.status === "PENDING" || e.status === "RUNNING";
+						return /* @__PURE__ */ b("li", {
+							className: "space-y-3 rounded-card border border-border-default bg-bg-elevated p-4",
+							children: [
+								/* @__PURE__ */ b("div", {
+									className: "flex items-start justify-between gap-3",
+									children: [/* @__PURE__ */ b("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ y("p", {
+											className: "truncate font-medium text-text-primary",
+											children: e.title
+										}), e.method ? /* @__PURE__ */ y("p", {
+											className: "truncate text-xs text-text-secondary",
+											children: e.method
+										}) : null]
+									}), /* @__PURE__ */ y(m, { status: e.status })]
+								}),
+								/* @__PURE__ */ b("div", {
+									className: "flex flex-wrap items-center gap-2",
+									children: [e.aiAssisted ? /* @__PURE__ */ b(D, {
+										variant: "secondary",
+										className: "gap-1",
+										children: [/* @__PURE__ */ y(E, {
+											className: "size-3",
+											"aria-hidden": "true"
+										}), "AI"]
+									}) : null, n ? /* @__PURE__ */ b("button", {
+										type: "button",
+										onClick: () => t(n.path),
+										className: "inline-flex max-w-full items-center gap-1 truncate text-sm text-text-primary underline-offset-2 hover:underline",
+										children: [/* @__PURE__ */ y(w, {
+											className: "size-3.5 shrink-0",
+											"aria-hidden": "true"
+										}), /* @__PURE__ */ y("span", {
+											className: "truncate",
+											children: n.label
+										})]
+									}) : null]
+								}),
+								/* @__PURE__ */ b("dl", {
+									className: "grid grid-cols-2 gap-2 text-xs",
+									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+										className: "text-text-secondary",
+										children: "Started"
+									}), /* @__PURE__ */ y("dd", {
+										className: "text-text-primary",
+										children: Z(e.startedAt)
+									})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+										className: "text-text-secondary",
+										children: "Finished"
+									}), /* @__PURE__ */ y("dd", {
+										className: "text-text-primary",
+										children: Z(e.finishedAt)
+									})] })]
+								}),
+								Y(e) || r ? /* @__PURE__ */ b("div", {
+									className: "flex flex-wrap gap-2",
+									children: [Y(e) ? /* @__PURE__ */ b(O, {
+										type: "button",
+										variant: "outline",
+										size: "sm",
+										onClick: () => A(e),
+										children: [/* @__PURE__ */ y(x, { className: "size-4" }), "View results"]
+									}) : null, r ? /* @__PURE__ */ b(O, {
+										type: "button",
+										variant: "outline",
+										size: "sm",
+										onClick: () => C(e),
+										children: [/* @__PURE__ */ y(S, { className: "size-4" }), "Complete"]
+									}) : null]
+								}) : null
+							]
+						}, e.id);
+					})
+				})] })]
 			}),
-			/* @__PURE__ */ _(Q, {
-				open: u,
-				onOpenChange: d,
-				onCompleted: () => void A()
+			/* @__PURE__ */ y(ie, {
+				open: d,
+				onOpenChange: f,
+				onCompleted: () => void P()
 			}),
-			/* @__PURE__ */ _($, {
-				analysis: b,
+			/* @__PURE__ */ y(ae, {
+				analysis: h,
 				onOpenChange: (e) => {
-					e || E(null);
+					e || C(null);
 				},
-				onCompleted: () => void A()
-			}, b?.id ?? "none")
+				onCompleted: () => void P()
+			}, h?.id ?? "none"),
+			/* @__PURE__ */ y(re, {
+				analysis: k,
+				onOpenChange: (e) => {
+					e || A(null);
+				}
+			})
 		]
 	});
 }
 //#endregion
-export { ee as default };
+export { oe as default };
 
 //# sourceMappingURL=AnalysesPage.js.map