@burdenoff/microfe-cosmicintersection 2026.704.2 → 2026.704.3

package/dist/cosmicintersection/pages/notebooks/NotebookDetailPage.js

@@ -1,22 +1,22 @@
 import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
 import { notify as t } from "../../lib/toast.js";
-import { useCosAnalysesQuery as n, useCosArchiveNotebookMutation as r, useCosNotebookQuery as i, useCosRunAnalysisMutation as a } from "../../api/cosmicApi.js";
-import o from "../../components/ActionMenu.js";
-import s from "../../components/EmptyState.js";
-import c from "../../components/ErrorState.js";
-import l from "../../components/LoadingState.js";
-import u from "../../components/DiscussionPanel.js";
-import { useFileDownloadUrl as d } from "../../components/FileUploadField.js";
-import f from "../../components/PageLayout.js";
-import p from "../../components/StatusBadge.js";
+import { useCosAnalysesQuery as n, useCosArchiveNotebookMutation as r, useCosDatasetsQuery as i, useCosNotebookQuery as a, useCosRunAnalysisMutation as o } from "../../api/cosmicApi.js";
+import s from "../../components/ActionMenu.js";
+import c from "../../components/EmptyState.js";
+import l from "../../components/ErrorState.js";
+import u from "../../components/LoadingState.js";
+import d from "../../components/DiscussionPanel.js";
+import { useFileDownloadUrl as f } from "../../components/FileUploadField.js";
+import p from "../../components/PageLayout.js";
+import m from "../../components/StatusBadge.js";
 import "../../components/index.js";
-import { useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useParams as _ } from "react-router-dom";
-import { Beaker as v, Download as y, FileCode2 as b, MessageSquare as x, Pencil as S, Play as C, Share2 as w, Sparkles as T } from "lucide-react";
-import { Badge as E, Button as D, Dialog as O, DialogContent as k, DialogDescription as A, DialogFooter as j, DialogHeader as M, DialogTitle as N, Input as P, Label as F, Switch as I, Table as L, TableBody as R, TableCell as z, TableHead as B, TableHeader as V, TableRow as H } from "@burdenoff/fe-libs/ui";
+import { useMemo as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useParams as b } from "react-router-dom";
+import { Beaker as x, Database as S, Download as C, FileCode2 as w, MessageSquare as T, Pencil as E, Play as D, Share2 as O, Sparkles as k } from "lucide-react";
+import { Badge as A, Button as j, Dialog as M, DialogContent as N, DialogDescription as P, DialogFooter as F, DialogHeader as I, DialogTitle as L, Input as R, Label as z, Switch as B, Table as ee, TableBody as V, TableCell as H, TableHead as U, TableHeader as W, TableRow as G } from "@burdenoff/fe-libs/ui";
 //#region src/cosmicintersection/pages/notebooks/NotebookDetailPage.tsx
-function U(e) {
+function K(e) {
 	if (!e) return "—";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleString(void 0, {
@@ -27,376 +27,446 @@ function U(e) {
 		minute: "2-digit"
 	});
 }
-function W({ fileId: e, label: t }) {
-	let { data: n, loading: r } = d(e), i = n?.getFileDownloadUrl ?? null;
-	return r ? /* @__PURE__ */ h("span", {
+function q({ fileId: e, label: t }) {
+	let { data: n, loading: r } = f(e), i = n?.getFileDownloadUrl ?? null;
+	return r ? /* @__PURE__ */ v("span", {
 		className: "text-xs text-text-secondary",
 		children: "Resolving link…"
-	}) : i ? /* @__PURE__ */ g("a", {
+	}) : i ? /* @__PURE__ */ y("a", {
 		href: i,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		className: "inline-flex items-center gap-1 text-sm text-text-primary underline-offset-2 hover:underline",
-		children: [/* @__PURE__ */ h(y, {
+		children: [/* @__PURE__ */ v(C, {
 			className: "size-3.5",
 			"aria-hidden": "true"
 		}), t]
-	}) : /* @__PURE__ */ g("span", {
+	}) : /* @__PURE__ */ y("span", {
 		className: "text-xs text-text-secondary",
 		children: ["File ", e]
 	});
 }
-function G({ notebookId: e, open: n, onOpenChange: r, onCompleted: i }) {
-	let [o, s] = m(""), [c, l] = m(""), [u, d] = m(!1), [f, { loading: p }] = a(), _ = () => {
+function J({ notebookId: e, open: n, onOpenChange: r, onCompleted: i }) {
+	let [a, s] = g(""), [c, l] = g(""), [u, d] = g(!1), [f, { loading: p }] = o(), m = () => {
 		s(""), l(""), d(!1);
 	};
-	return /* @__PURE__ */ h(O, {
+	return /* @__PURE__ */ v(M, {
 		open: n,
 		onOpenChange: (e) => {
 			p || r(e);
 		},
-		children: /* @__PURE__ */ h(k, { children: /* @__PURE__ */ g("form", {
+		children: /* @__PURE__ */ v(N, { children: /* @__PURE__ */ y("form", {
 			onSubmit: async (n) => {
 				n.preventDefault();
-				let a = o.trim();
-				if (!a) {
+				let o = a.trim();
+				if (!o) {
 					t.error("Title is required", "Give the analysis a descriptive title.");
 					return;
 				}
 				let s = await f({ variables: { input: {
 					notebookId: e,
-					title: a,
+					title: o,
 					method: c.trim() || void 0,
 					aiAssisted: u
 				} } });
-				s.error || !s.data?.cosRunAnalysis?.id || (t.success("Analysis started", `“${a}” is now running.`), _(), r(!1), i());
+				s.error || !s.data?.cosRunAnalysis?.id || (t.success("Analysis started", `“${o}” is now running.`), m(), r(!1), i());
 			},
 			className: "space-y-4",
 			children: [
-				/* @__PURE__ */ g(M, { children: [/* @__PURE__ */ h(N, { children: "Run analysis" }), /* @__PURE__ */ h(A, { children: "Launch a new analysis run against this notebook. It starts in the running state and can be completed later with results." })] }),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ y(I, { children: [/* @__PURE__ */ v(L, { children: "Run analysis" }), /* @__PURE__ */ v(P, { children: "Launch a new analysis run against this notebook. It starts in the running state and can be completed later with results." })] }),
+				/* @__PURE__ */ y("div", {
 					className: "space-y-1.5",
-					children: [/* @__PURE__ */ h(F, {
+					children: [/* @__PURE__ */ v(z, {
 						htmlFor: "run-analysis-title",
 						children: "Title"
-					}), /* @__PURE__ */ h(P, {
+					}), /* @__PURE__ */ v(R, {
 						id: "run-analysis-title",
-						value: o,
+						value: a,
 						onChange: (e) => s(e.target.value),
 						placeholder: "e.g. Period-folding search",
 						required: !0
 					})]
 				}),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ y("div", {
 					className: "space-y-1.5",
-					children: [/* @__PURE__ */ h(F, {
+					children: [/* @__PURE__ */ v(z, {
 						htmlFor: "run-analysis-method",
 						children: "Method"
-					}), /* @__PURE__ */ h(P, {
+					}), /* @__PURE__ */ v(R, {
 						id: "run-analysis-method",
 						value: c,
 						onChange: (e) => l(e.target.value),
 						placeholder: "e.g. box-least-squares"
 					})]
 				}),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ y("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ h(I, {
+					children: [/* @__PURE__ */ v(B, {
 						id: "run-analysis-ai",
 						checked: u,
 						onCheckedChange: (e) => d(e)
-					}), /* @__PURE__ */ h(F, {
+					}), /* @__PURE__ */ v(z, {
 						htmlFor: "run-analysis-ai",
 						className: "cursor-pointer",
 						children: "AI-assisted analysis"
 					})]
 				}),
-				/* @__PURE__ */ g(j, { children: [/* @__PURE__ */ h(D, {
+				/* @__PURE__ */ y(F, { children: [/* @__PURE__ */ v(j, {
 					type: "button",
 					variant: "outline",
 					onClick: () => r(!1),
 					disabled: p,
 					children: "Cancel"
-				}), /* @__PURE__ */ g(D, {
+				}), /* @__PURE__ */ y(j, {
 					type: "submit",
 					disabled: p,
-					children: [/* @__PURE__ */ h(C, { className: "size-4" }), p ? "Starting…" : "Run analysis"]
+					children: [/* @__PURE__ */ v(D, { className: "size-4" }), p ? "Starting…" : "Run analysis"]
 				})] })
 			]
 		}) })
 	});
 }
-function K() {
-	let { id: a = "" } = _(), { navigate: d } = e(), [y, O] = m(!1), { data: k, loading: A, error: j, refetch: M } = i(a), { data: N, loading: P, error: F, refetch: I } = n({ notebookId: a }), [K] = r(), q = k?.cosNotebook ?? null, J = N?.cosListAnalyses ?? [], Y = async () => {
-		if (!q) return;
-		let e = await K({ variables: { id: q.id } });
+function Y() {
+	let { id: o = "" } = b(), { navigate: f } = e(), [C, M] = g(!1), { data: N, loading: P, error: F, refetch: I } = a(o), { data: L, loading: R, error: z, refetch: B } = n({ notebookId: o }), { data: Y } = i({ pagination: {
+		limit: 100,
+		offset: 0
+	} }), [X] = r(), Z = N?.cosNotebook ?? null, Q = L?.cosListAnalyses ?? [], te = h(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of Y?.cosListDatasets.items ?? []) e.set(t.id, t.name);
+		return e;
+	}, [Y]), ne = async () => {
+		if (!Z) return;
+		let e = await X({ variables: { id: Z.id } });
 		if (e.error) throw Error(e.error.message);
 		if (!e.data?.cosArchiveNotebook) throw t.error("Could not archive notebook", "The server did not confirm the change."), Error("Archive not confirmed");
-		await M(), t.success("Notebook archived", `“${q.title}” was archived.`);
+		await I(), t.success("Notebook archived", `“${Z.title}” was archived.`);
 	};
-	if (A) return /* @__PURE__ */ h(f, {
+	if (P) return /* @__PURE__ */ v(p, {
 		title: "Notebook",
 		backPath: "notebooks",
-		children: /* @__PURE__ */ h(l, { label: "Loading notebook…" })
+		children: /* @__PURE__ */ v(u, { label: "Loading notebook…" })
 	});
-	if (j) return /* @__PURE__ */ h(f, {
+	if (F) return /* @__PURE__ */ v(p, {
 		title: "Notebook",
 		backPath: "notebooks",
-		children: /* @__PURE__ */ h(c, {
+		children: /* @__PURE__ */ v(l, {
 			message: "We could not load this notebook. Please try again.",
-			onRetry: () => void M()
+			onRetry: () => void I()
 		})
 	});
-	if (!q) return /* @__PURE__ */ h(f, {
+	if (!Z) return /* @__PURE__ */ v(p, {
 		title: "Notebook",
 		backPath: "notebooks",
-		children: /* @__PURE__ */ h(s, {
-			icon: b,
+		children: /* @__PURE__ */ v(c, {
+			icon: w,
 			title: "Notebook not found.",
 			description: "This notebook may have been removed or is outside your current scope.",
-			action: /* @__PURE__ */ h(D, {
+			action: /* @__PURE__ */ v(j, {
 				type: "button",
-				onClick: () => d("notebooks"),
+				onClick: () => f("notebooks"),
 				children: "Back to notebooks"
 			})
 		})
 	});
-	let X = q.environment && Object.keys(q.environment).length > 0 ? JSON.stringify(q.environment, null, 2) : null, Z = /* @__PURE__ */ g("div", {
+	let $ = Z.environment && Object.keys(Z.environment).length > 0 ? JSON.stringify(Z.environment, null, 2) : null, re = /* @__PURE__ */ y("div", {
 		className: "flex items-center gap-2",
 		children: [
-			/* @__PURE__ */ g(D, {
+			/* @__PURE__ */ y(j, {
 				type: "button",
-				onClick: () => O(!0),
-				children: [/* @__PURE__ */ h(C, { className: "size-4" }), "Run analysis"]
+				onClick: () => M(!0),
+				children: [/* @__PURE__ */ v(D, { className: "size-4" }), "Run analysis"]
 			}),
-			/* @__PURE__ */ g(D, {
+			/* @__PURE__ */ y(j, {
 				type: "button",
 				variant: "outline",
-				onClick: () => d(`notebooks/${q.id}/edit`),
-				children: [/* @__PURE__ */ h(S, { className: "size-4" }), "Edit"]
+				onClick: () => f(`notebooks/${Z.id}/edit`),
+				children: [/* @__PURE__ */ v(E, { className: "size-4" }), "Edit"]
 			}),
-			/* @__PURE__ */ h(o, {
-				ariaLabel: `Actions for ${q.title}`,
-				entityName: q.title,
-				onDelete: q.status === "ARCHIVED" ? void 0 : Y,
+			/* @__PURE__ */ v(s, {
+				ariaLabel: `Actions for ${Z.title}`,
+				entityName: Z.title,
+				onDelete: Z.status === "ARCHIVED" ? void 0 : ne,
 				deleteLabel: "Archive notebook"
 			})
 		]
 	});
-	return /* @__PURE__ */ g(f, {
-		title: q.title,
+	return /* @__PURE__ */ y(p, {
+		title: Z.title,
 		description: "Notebook detail",
 		backPath: "notebooks",
-		actions: Z,
-		children: [/* @__PURE__ */ g("div", {
+		actions: re,
+		children: [/* @__PURE__ */ y("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ g("section", {
+				/* @__PURE__ */ y("section", {
 					className: "rounded-card border border-border-default bg-bg-elevated p-6",
 					children: [
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ y("div", {
 							className: "flex flex-wrap items-center gap-3",
 							children: [
-								/* @__PURE__ */ h(p, { status: q.status }),
-								q.runtime ? /* @__PURE__ */ g(E, {
+								/* @__PURE__ */ v(m, { status: Z.status }),
+								Z.runtime ? /* @__PURE__ */ y(A, {
 									variant: "outline",
-									children: ["Runtime: ", q.runtime]
+									children: ["Runtime: ", Z.runtime]
 								}) : null,
-								q.isShared ? /* @__PURE__ */ g(E, {
+								Z.isShared ? /* @__PURE__ */ y(A, {
 									variant: "secondary",
 									className: "gap-1",
 									children: [
-										/* @__PURE__ */ h(w, {
+										/* @__PURE__ */ v(O, {
 											className: "size-3",
 											"aria-hidden": "true"
 										}),
 										"Shared",
-										q.shareSlug ? `: ${q.shareSlug}` : ""
+										Z.shareSlug ? `: ${Z.shareSlug}` : ""
 									]
-								}) : /* @__PURE__ */ h(E, {
+								}) : /* @__PURE__ */ v(A, {
 									variant: "outline",
 									children: "Private"
 								})
 							]
 						}),
-						q.description ? /* @__PURE__ */ h("p", {
+						Z.description ? /* @__PURE__ */ v("p", {
 							className: "mt-4 text-sm text-text-secondary",
-							children: q.description
-						}) : /* @__PURE__ */ h("p", {
+							children: Z.description
+						}) : /* @__PURE__ */ v("p", {
 							className: "mt-4 text-sm text-text-secondary",
 							children: "No description provided."
 						}),
-						/* @__PURE__ */ g("dl", {
+						/* @__PURE__ */ y("div", {
+							className: "mt-6",
+							children: [/* @__PURE__ */ v("p", {
+								className: "text-xs uppercase tracking-wide text-text-secondary",
+								children: "Linked datasets"
+							}), Z.datasetIds.length === 0 ? /* @__PURE__ */ v("p", {
+								className: "mt-2 text-sm text-text-secondary",
+								children: "No datasets linked."
+							}) : /* @__PURE__ */ v("div", {
+								className: "mt-2 flex flex-wrap gap-2",
+								children: Z.datasetIds.map((e) => {
+									let t = te.get(e);
+									return /* @__PURE__ */ y(j, {
+										type: "button",
+										variant: "outline",
+										size: "sm",
+										className: "h-auto gap-1.5 px-2.5 py-1",
+										onClick: () => f(`datasets/${e}`),
+										children: [/* @__PURE__ */ v(S, {
+											className: "size-3.5 shrink-0",
+											"aria-hidden": "true"
+										}), /* @__PURE__ */ v("span", {
+											className: t ? "max-w-[16rem] truncate" : "font-mono text-xs",
+											children: t ?? e
+										})]
+									}, e);
+								})
+							})]
+						}),
+						/* @__PURE__ */ y("dl", {
 							className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 							children: [
-								/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
-									className: "text-xs uppercase tracking-wide text-text-secondary",
-									children: "Linked datasets"
-								}), /* @__PURE__ */ h("dd", {
-									className: "mt-1 text-sm tabular-nums text-text-primary",
-									children: q.datasetIds.length
-								})] }),
-								/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 									className: "text-xs uppercase tracking-wide text-text-secondary",
 									children: "Created"
-								}), /* @__PURE__ */ h("dd", {
+								}), /* @__PURE__ */ v("dd", {
 									className: "mt-1 text-sm text-text-primary",
-									children: U(q.createdAt)
+									children: K(Z.createdAt)
 								})] }),
-								/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 									className: "text-xs uppercase tracking-wide text-text-secondary",
 									children: "Updated"
-								}), /* @__PURE__ */ h("dd", {
+								}), /* @__PURE__ */ v("dd", {
 									className: "mt-1 text-sm text-text-primary",
-									children: U(q.updatedAt)
+									children: K(Z.updatedAt)
 								})] }),
-								/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 									className: "text-xs uppercase tracking-wide text-text-secondary",
 									children: "Notebook file"
-								}), /* @__PURE__ */ h("dd", {
+								}), /* @__PURE__ */ v("dd", {
 									className: "mt-1 text-sm text-text-primary",
-									children: q.file?.id ? /* @__PURE__ */ h(W, {
-										fileId: q.file.id,
+									children: Z.file?.id ? /* @__PURE__ */ v(q, {
+										fileId: Z.file.id,
 										label: "Download notebook"
-									}) : /* @__PURE__ */ h("span", {
+									}) : /* @__PURE__ */ v("span", {
 										className: "text-text-secondary",
 										children: "No file attached"
 									})
 								})] })
 							]
 						}),
-						q.tags.length > 0 ? /* @__PURE__ */ g("div", {
+						Z.tags.length > 0 ? /* @__PURE__ */ y("div", {
 							className: "mt-6",
-							children: [/* @__PURE__ */ h("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "text-xs uppercase tracking-wide text-text-secondary",
 								children: "Tags"
-							}), /* @__PURE__ */ h("div", {
+							}), /* @__PURE__ */ v("div", {
 								className: "mt-2 flex flex-wrap gap-2",
-								children: q.tags.map((e) => /* @__PURE__ */ h(E, {
+								children: Z.tags.map((e) => /* @__PURE__ */ v(A, {
 									variant: "outline",
 									children: e
 								}, e))
 							})]
 						}) : null,
-						X ? /* @__PURE__ */ g("div", {
+						$ ? /* @__PURE__ */ y("div", {
 							className: "mt-6",
-							children: [/* @__PURE__ */ h("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "text-xs uppercase tracking-wide text-text-secondary",
 								children: "Environment"
-							}), /* @__PURE__ */ h("pre", {
+							}), /* @__PURE__ */ v("pre", {
 								className: "mt-2 max-h-64 overflow-auto rounded-card border border-border-default bg-bg-sunken p-4 font-mono text-xs text-text-primary",
-								children: X
+								children: $
 							})]
 						}) : null
 					]
 				}),
-				/* @__PURE__ */ g("section", {
+				/* @__PURE__ */ y("section", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ h(x, {
+						children: [/* @__PURE__ */ v(T, {
 							className: "size-5 text-text-secondary",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ h("h2", {
+						}), /* @__PURE__ */ v("h2", {
 							className: "text-lg font-semibold text-text-primary",
 							children: "Discussion"
 						})]
-					}), /* @__PURE__ */ h(u, {
+					}), /* @__PURE__ */ v(d, {
 						entityType: "cosmicintersection-notebook",
-						entityId: q.id,
-						title: q.title,
+						entityId: Z.id,
+						title: Z.title,
 						widgetKey: "notebook-discussion"
 					})]
 				}),
-				/* @__PURE__ */ g("section", {
+				/* @__PURE__ */ y("section", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ y("div", {
 						className: "flex flex-wrap items-center justify-between gap-3",
-						children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h2", {
+						children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h2", {
 							className: "text-lg font-semibold text-text-primary",
 							children: "Analyses"
-						}), /* @__PURE__ */ h("p", {
+						}), /* @__PURE__ */ v("p", {
 							className: "text-sm text-text-secondary",
 							children: "Analysis runs executed against this notebook."
-						})] }), /* @__PURE__ */ g(D, {
+						})] }), /* @__PURE__ */ y(j, {
 							type: "button",
 							variant: "outline",
-							onClick: () => O(!0),
-							children: [/* @__PURE__ */ h(C, { className: "size-4" }), "Run analysis"]
+							onClick: () => M(!0),
+							children: [/* @__PURE__ */ v(D, { className: "size-4" }), "Run analysis"]
 						})]
-					}), P ? /* @__PURE__ */ h(l, {
+					}), R ? /* @__PURE__ */ v(u, {
 						variant: "rows",
 						rows: 3,
 						label: "Loading analyses…"
-					}) : F ? /* @__PURE__ */ h(c, {
+					}) : z ? /* @__PURE__ */ v(l, {
 						message: "We could not load analyses for this notebook.",
-						onRetry: () => void I()
-					}) : J.length === 0 ? /* @__PURE__ */ h(s, {
-						icon: v,
+						onRetry: () => void B()
+					}) : Q.length === 0 ? /* @__PURE__ */ v(c, {
+						icon: x,
 						title: "No analyses yet.",
 						description: "Run an analysis to generate results and artifacts from this notebook.",
-						action: /* @__PURE__ */ g(D, {
+						action: /* @__PURE__ */ y(j, {
 							type: "button",
-							onClick: () => O(!0),
-							children: [/* @__PURE__ */ h(C, { className: "size-4" }), "Run analysis"]
+							onClick: () => M(!0),
+							children: [/* @__PURE__ */ v(D, { className: "size-4" }), "Run analysis"]
 						})
-					}) : /* @__PURE__ */ h("div", {
-						className: "rounded-card border border-border-default bg-bg-elevated",
-						children: /* @__PURE__ */ g(L, { children: [/* @__PURE__ */ h(V, { children: /* @__PURE__ */ g(H, { children: [
-							/* @__PURE__ */ h(B, { children: "Title" }),
-							/* @__PURE__ */ h(B, { children: "Method" }),
-							/* @__PURE__ */ h(B, { children: "AI" }),
-							/* @__PURE__ */ h(B, { children: "Status" }),
-							/* @__PURE__ */ h(B, { children: "Started" }),
-							/* @__PURE__ */ h(B, { children: "Output" })
-						] }) }), /* @__PURE__ */ h(R, { children: J.map((e) => /* @__PURE__ */ g(H, { children: [
-							/* @__PURE__ */ h(z, {
+					}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
+						className: "hidden rounded-card border border-border-default bg-bg-elevated md:block",
+						children: /* @__PURE__ */ y(ee, { children: [/* @__PURE__ */ v(W, { children: /* @__PURE__ */ y(G, { children: [
+							/* @__PURE__ */ v(U, { children: "Title" }),
+							/* @__PURE__ */ v(U, { children: "Method" }),
+							/* @__PURE__ */ v(U, { children: "AI" }),
+							/* @__PURE__ */ v(U, { children: "Status" }),
+							/* @__PURE__ */ v(U, { children: "Started" }),
+							/* @__PURE__ */ v(U, { children: "Output" })
+						] }) }), /* @__PURE__ */ v(V, { children: Q.map((e) => /* @__PURE__ */ y(G, { children: [
+							/* @__PURE__ */ v(H, {
 								className: "font-medium text-text-primary",
 								children: e.title
 							}),
-							/* @__PURE__ */ h(z, {
+							/* @__PURE__ */ v(H, {
 								className: "text-text-secondary",
 								children: e.method ?? "—"
 							}),
-							/* @__PURE__ */ h(z, { children: e.aiAssisted ? /* @__PURE__ */ g(E, {
+							/* @__PURE__ */ v(H, { children: e.aiAssisted ? /* @__PURE__ */ y(A, {
 								variant: "secondary",
 								className: "gap-1",
-								children: [/* @__PURE__ */ h(T, {
+								children: [/* @__PURE__ */ v(k, {
 									className: "size-3",
 									"aria-hidden": "true"
 								}), "AI"]
-							}) : /* @__PURE__ */ h("span", {
+							}) : /* @__PURE__ */ v("span", {
 								className: "text-text-secondary",
 								children: "—"
 							}) }),
-							/* @__PURE__ */ h(z, { children: /* @__PURE__ */ h(p, { status: e.status }) }),
-							/* @__PURE__ */ h(z, {
+							/* @__PURE__ */ v(H, { children: /* @__PURE__ */ v(m, { status: e.status }) }),
+							/* @__PURE__ */ v(H, {
 								className: "whitespace-nowrap text-text-secondary",
-								children: U(e.startedAt)
+								children: K(e.startedAt)
 							}),
-							/* @__PURE__ */ h(z, { children: e.outputFile?.id ? /* @__PURE__ */ h(W, {
+							/* @__PURE__ */ v(H, { children: e.outputFile?.id ? /* @__PURE__ */ v(q, {
 								fileId: e.outputFile.id,
 								label: "Download"
-							}) : e.results && Object.keys(e.results).length > 0 ? /* @__PURE__ */ h("span", {
+							}) : e.results && Object.keys(e.results).length > 0 ? /* @__PURE__ */ v("span", {
 								className: "text-xs text-text-secondary",
 								children: "Results recorded"
-							}) : /* @__PURE__ */ h("span", {
+							}) : /* @__PURE__ */ v("span", {
 								className: "text-text-secondary",
 								children: "—"
 							}) })
 						] }, e.id)) })] })
-					})]
+					}), /* @__PURE__ */ v("ul", {
+						className: "space-y-3 md:hidden",
+						children: Q.map((e) => /* @__PURE__ */ y("li", {
+							className: "space-y-2 rounded-card border border-border-default bg-bg-elevated p-4",
+							children: [
+								/* @__PURE__ */ y("div", {
+									className: "flex items-start justify-between gap-3",
+									children: [/* @__PURE__ */ y("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ v("p", {
+											className: "truncate font-medium text-text-primary",
+											children: e.title
+										}), e.method ? /* @__PURE__ */ v("p", {
+											className: "truncate text-xs text-text-secondary",
+											children: e.method
+										}) : null]
+									}), /* @__PURE__ */ v(m, { status: e.status })]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "flex flex-wrap items-center gap-2 text-xs text-text-secondary",
+									children: [e.aiAssisted ? /* @__PURE__ */ y(A, {
+										variant: "secondary",
+										className: "gap-1",
+										children: [/* @__PURE__ */ v(k, {
+											className: "size-3",
+											"aria-hidden": "true"
+										}), "AI"]
+									}) : null, /* @__PURE__ */ y("span", { children: ["Started ", K(e.startedAt)] })]
+								}),
+								/* @__PURE__ */ v("div", { children: e.outputFile?.id ? /* @__PURE__ */ v(q, {
+									fileId: e.outputFile.id,
+									label: "Download"
+								}) : e.results && Object.keys(e.results).length > 0 ? /* @__PURE__ */ v("span", {
+									className: "text-xs text-text-secondary",
+									children: "Results recorded"
+								}) : /* @__PURE__ */ v("span", {
+									className: "text-xs text-text-secondary",
+									children: "No output"
+								}) })
+							]
+						}, e.id))
+					})] })]
 				})
 			]
-		}), /* @__PURE__ */ h(G, {
-			notebookId: q.id,
-			open: y,
-			onOpenChange: O,
-			onCompleted: () => void I()
+		}), /* @__PURE__ */ v(J, {
+			notebookId: Z.id,
+			open: C,
+			onOpenChange: M,
+			onCompleted: () => void B()
 		})]
 	});
 }
 //#endregion
-export { K as default };
+export { Y as default };
 
 //# sourceMappingURL=NotebookDetailPage.js.map