@burdenoff/microfe-cosmicintersection 2026.704.2 → 2026.704.3

package/dist/cosmicintersection/pages/datasets/DatasetDetailPage.js

@@ -1,24 +1,25 @@
 import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
 import { notify as t } from "../../lib/toast.js";
-import { useCosAddSchemaFieldMutation as n, useCosArchiveDatasetMutation as r, useCosDatasetQuery as i, useCosPublishDatasetMutation as a, useCosUpdateDatasetMutation as ee } from "../../api/cosmicApi.js";
-import te from "../../components/ActionMenu.js";
-import o from "../../components/EmptyState.js";
-import ne from "../../components/ErrorState.js";
-import re from "../../components/LoadingState.js";
-import ie from "../../components/ActivityFeedPanel.js";
-import ae from "../../components/DiscussionPanel.js";
-import oe from "../../components/EntityTagsField.js";
-import { useFileDownloadUrl as s } from "../../components/FileUploadField.js";
-import c from "../../components/PageLayout.js";
-import l, { formatEnumLabel as u } from "../../components/StatusBadge.js";
+import { useCosAddSchemaFieldMutation as n, useCosAnalysesQuery as r, useCosArchiveDatasetMutation as i, useCosDatasetQuery as ee, useCosNotebooksQuery as te, useCosPublishDatasetMutation as ne, useCosReleasesQuery as re, useCosRunsQuery as ie, useCosUpdateDatasetMutation as ae } from "../../api/cosmicApi.js";
+import oe from "../../components/ActionMenu.js";
+import a from "../../components/EmptyState.js";
+import se from "../../components/ErrorState.js";
+import o from "../../components/LoadingState.js";
+import ce from "../../components/ActivityFeedPanel.js";
+import le from "../../components/DiscussionPanel.js";
+import ue from "../../components/EntityTagsField.js";
+import { useFileDownloadUrl as de } from "../../components/FileUploadField.js";
+import s from "../../components/PageLayout.js";
+import c, { formatEnumLabel as l } from "../../components/StatusBadge.js";
 import "../../components/index.js";
-import { useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { useParams as se } from "react-router-dom";
-import { Boxes as ce, Columns3 as m, Database as le, Download as ue, History as de, MessagesSquare as fe, Pencil as pe, Plus as h, Radar as me } from "lucide-react";
-import { Badge as g, Button as _, Checkbox as he, Dialog as ge, DialogContent as _e, DialogDescription as ve, DialogFooter as ye, DialogHeader as be, DialogTitle as xe, Input as v, Label as y, Select as Se, SelectContent as Ce, SelectItem as we, SelectTrigger as Te, SelectValue as Ee, Table as De, TableBody as Oe, TableCell as b, TableHead as x, TableHeader as S, TableRow as C, Textarea as w } from "@burdenoff/fe-libs/ui";
+import fe, { buildDatasetLineage as pe } from "../../components/LineageGraph.js";
+import { useMemo as me, useState as u } from "react";
+import { Fragment as he, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useParams as ge } from "react-router-dom";
+import { ArrowRight as _e, Boxes as ve, Columns3 as p, Database as ye, Download as be, GitBranch as xe, History as Se, MessagesSquare as Ce, Pencil as we, Plus as Te, Radar as Ee, Share2 as De } from "lucide-react";
+import { Badge as m, Button as h, Checkbox as Oe, Dialog as ke, DialogContent as Ae, DialogDescription as je, DialogFooter as Me, DialogHeader as Ne, DialogTitle as Pe, Input as g, Label as _, Select as Fe, SelectContent as Ie, SelectItem as Le, SelectTrigger as Re, SelectValue as ze, Table as Be, TableBody as Ve, TableCell as v, TableHead as y, TableHeader as He, TableRow as b, Textarea as Ue } from "@burdenoff/fe-libs/ui";
 //#region src/cosmicintersection/pages/datasets/DatasetDetailPage.tsx
-var T = [
+var We = [
 	"STRING",
 	"INTEGER",
 	"FLOAT",
@@ -30,7 +31,7 @@ var T = [
 	"IMAGE_REF",
 	"JSON"
 ];
-function ke(e) {
+function Ge(e) {
 	if (!e) return "—";
 	let t = Number(e);
 	if (!Number.isFinite(t) || t <= 0) return "—";
@@ -45,436 +46,561 @@ function ke(e) {
 	for (; r >= 1024 && i < n.length - 1;) r /= 1024, i += 1;
 	return `${r >= 10 || i === 0 ? Math.round(r) : r.toFixed(1)} ${n[i]}`;
 }
-function E(e) {
+function x(e) {
 	if (!e) return "—";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleString();
 }
-function D({ label: e, value: t }) {
-	return /* @__PURE__ */ p("div", {
+function S({ label: e, value: t }) {
+	return /* @__PURE__ */ f("div", {
 		className: "rounded-card border border-border-default bg-bg-elevated p-4",
-		children: [/* @__PURE__ */ f("p", {
+		children: [/* @__PURE__ */ d("p", {
 			className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
 			children: e
-		}), /* @__PURE__ */ f("div", {
+		}), /* @__PURE__ */ d("div", {
 			className: "mt-1 text-sm text-text-primary",
 			children: t
 		})]
 	});
 }
-function O() {
-	let { id: O = "" } = se(), { navigate: k } = e(), { data: Ae, loading: je, error: Me, refetch: A } = i(O), j = Ae?.cosDataset ?? null, M = s(j?.file?.id).data?.getFileDownloadUrl ?? null, [Ne, { loading: N }] = a(), [Pe] = r(), [Fe, { loading: P }] = ee(), [Ie, { loading: F }] = n(), [I, L] = d([]), [Le, Re] = d(null), R = j ? `${j.id}:${j.updatedAt}` : null;
-	R && R !== Le && (Re(R), L(j?.tags ?? []));
-	let ze = j != null && (I.length !== j.tags.length || I.some((e, t) => e !== j.tags[t])), [Be, Ve] = d(!1), [z, B] = d(""), [V, H] = d("STRING"), [U, W] = d(""), [G, K] = d(""), [q, J] = d(""), [Y, X] = d(!0), He = () => {
-		B(""), H("STRING"), W(""), K(""), J(""), X(!0);
-	}, Z = (e) => {
-		Ve(e), e || He();
+function C() {
+	let { id: C = "" } = ge(), { navigate: w } = e(), { data: T, loading: Ke, error: qe, refetch: E } = ee(C), D = T?.cosDataset ?? null, O = de(D?.file?.id).data?.getFileDownloadUrl ?? null, [Je, { loading: Ye }] = ne(), [Xe] = i(), [Ze, { loading: k }] = ae(), [Qe, { loading: A }] = n(), j = r({ datasetId: C }), M = ie({ pagination: {
+		limit: 100,
+		offset: 0
+	} }), N = te({ pagination: {
+		limit: 100,
+		offset: 0
+	} }), P = re({ pagination: {
+		limit: 100,
+		offset: 0
+	} }), F = T?.cosDataset ?? null, I = me(() => {
+		if (!F) return {
+			nodes: [],
+			edges: []
+		};
+		let e = /* @__PURE__ */ new Map();
+		F.source && e.set(F.source.id, F.source);
+		let t = /* @__PURE__ */ new Map();
+		F.collection && t.set(F.collection.id, F.collection);
+		let n = {
+			datasetsById: new Map([[F.id, F]]),
+			sourcesById: e,
+			collectionsById: t,
+			runs: (M.data?.cosListRuns?.items ?? []).filter((e) => e.datasetId === F.id),
+			notebooks: (N.data?.cosListNotebooks?.items ?? []).filter((e) => e.datasetIds.includes(F.id)),
+			analyses: j.data?.cosListAnalyses ?? [],
+			releases: (P.data?.cosListReleases?.items ?? []).filter((e) => e.datasetIds.includes(F.id))
+		};
+		return pe(F.id, n);
+	}, [
+		F,
+		M.data,
+		N.data,
+		j.data,
+		P.data
+	]), $e = M.loading || N.loading || j.loading || P.loading, [L, R] = u([]), [et, tt] = u(null), z = D ? `${D.id}:${D.updatedAt}` : null;
+	z && z !== et && (tt(z), R(D?.tags ?? []));
+	let nt = D != null && (L.length !== D.tags.length || L.some((e, t) => e !== D.tags[t])), [rt, it] = u(!1), [B, V] = u(""), [H, U] = u("STRING"), [W, G] = u(""), [K, q] = u(""), [J, Y] = u(""), [X, Z] = u(!0), at = () => {
+		V(""), U("STRING"), G(""), q(""), Y(""), Z(!0);
+	}, Q = (e) => {
+		it(e), e || at();
 	};
-	if (je) return /* @__PURE__ */ f(c, {
+	if (Ke) return /* @__PURE__ */ d(s, {
 		title: "Dataset",
 		backPath: "datasets",
-		children: /* @__PURE__ */ f(re, { label: "Loading dataset…" })
+		children: /* @__PURE__ */ d(o, { label: "Loading dataset…" })
 	});
-	if (Me) return /* @__PURE__ */ f(c, {
+	if (qe) return /* @__PURE__ */ d(s, {
 		title: "Dataset",
 		backPath: "datasets",
-		children: /* @__PURE__ */ f(ne, {
+		children: /* @__PURE__ */ d(se, {
 			message: "We could not load this dataset.",
-			onRetry: () => void A()
+			onRetry: () => void E()
 		})
 	});
-	if (!j) return /* @__PURE__ */ f(c, {
+	if (!D) return /* @__PURE__ */ d(s, {
 		title: "Dataset",
 		backPath: "datasets",
-		children: /* @__PURE__ */ f(o, {
-			icon: le,
+		children: /* @__PURE__ */ d(a, {
+			icon: ye,
 			title: "Dataset not found.",
 			description: "This dataset may have been removed or is outside your current scope.",
-			action: /* @__PURE__ */ f(_, {
+			action: /* @__PURE__ */ d(h, {
 				type: "button",
-				onClick: () => k("datasets"),
+				onClick: () => w("datasets"),
 				children: "Back to datasets"
 			})
 		})
 	});
-	let Q = [...j.schemaFields ?? []].sort((e, t) => e.position - t.position), Ue = j.status !== "AVAILABLE" && j.status !== "ARCHIVED", $ = async () => {
-		(await Ne({ variables: { id: j.id } })).data?.cosPublishDataset && (t.success("Dataset published", `“${j.name}” is now available.`), await A());
-	}, We = async () => {
-		let e = await Pe({ variables: { id: j.id } });
+	let $ = [...D.schemaFields ?? []].sort((e, t) => e.position - t.position), ot = D.status !== "AVAILABLE" && D.status !== "ARCHIVED", st = async () => {
+		(await Je({ variables: { id: D.id } })).data?.cosPublishDataset && (t.success("Dataset published", `“${D.name}” is now available.`), await E());
+	}, ct = async () => {
+		let e = await Xe({ variables: { id: D.id } });
 		if (e.error) throw Error(e.error.message);
 		if (!e.data?.cosArchiveDataset) throw t.error("Could not archive dataset", "The server did not confirm the change."), Error("Archive not confirmed");
-		t.success("Dataset archived"), k("datasets");
-	}, Ge = async () => {
-		(await Fe({ variables: {
-			id: j.id,
-			input: { tags: I }
-		} })).data?.cosUpdateDataset && (t.success("Tags updated"), await A());
-	}, Ke = async () => {
-		if (!z.trim()) {
+		t.success("Dataset archived"), w("datasets");
+	}, lt = async () => {
+		(await Ze({ variables: {
+			id: D.id,
+			input: { tags: L }
+		} })).data?.cosUpdateDataset && (t.success("Tags updated"), await E());
+	}, ut = async () => {
+		if (!B.trim()) {
 			t.error("Field name is required");
 			return;
 		}
-		(await Ie({ variables: { input: {
-			datasetId: j.id,
-			name: z.trim(),
-			fieldType: V,
-			unit: U.trim() || void 0,
-			description: G.trim() || void 0,
-			provenance: q.trim() || void 0,
-			nullable: Y
-		} } })).data?.cosAddSchemaField && (t.success("Schema field added"), Z(!1), await A());
+		(await Qe({ variables: { input: {
+			datasetId: D.id,
+			name: B.trim(),
+			fieldType: H,
+			unit: W.trim() || void 0,
+			description: K.trim() || void 0,
+			provenance: J.trim() || void 0,
+			nullable: X
+		} } })).data?.cosAddSchemaField && (t.success("Schema field added"), Q(!1), await E());
 	};
-	return /* @__PURE__ */ p(c, {
-		title: j.name,
-		description: j.description ?? void 0,
+	return /* @__PURE__ */ f(s, {
+		title: D.name,
+		description: D.description ?? void 0,
 		backPath: "datasets",
-		actions: /* @__PURE__ */ p("div", {
-			className: "flex items-center gap-2",
+		actions: /* @__PURE__ */ f("div", {
+			className: "flex flex-wrap items-center justify-end gap-2",
 			children: [
-				/* @__PURE__ */ p(_, {
+				/* @__PURE__ */ f(h, {
 					type: "button",
 					variant: "outline",
-					onClick: () => k(`datasets/${j.id}/edit`),
-					children: [/* @__PURE__ */ f(pe, { className: "size-4" }), "Edit"]
+					onClick: () => w(`datasets/${D.id}/edit`),
+					children: [/* @__PURE__ */ d(we, { className: "size-4" }), "Edit"]
 				}),
-				Ue ? /* @__PURE__ */ f(_, {
+				ot ? /* @__PURE__ */ d(h, {
 					type: "button",
-					onClick: () => void $(),
-					disabled: N,
-					children: N ? "Publishing…" : "Publish"
+					onClick: () => void st(),
+					disabled: Ye,
+					children: Ye ? "Publishing…" : "Publish"
 				}) : null,
-				/* @__PURE__ */ f(te, {
-					ariaLabel: `Actions for ${j.name}`,
-					entityName: j.name,
-					onDelete: () => We(),
+				/* @__PURE__ */ d(oe, {
+					ariaLabel: `Actions for ${D.name}`,
+					entityName: D.name,
+					onDelete: () => ct(),
 					deleteLabel: "Archive dataset"
 				})
 			]
 		}),
-		children: [/* @__PURE__ */ p("div", {
+		children: [/* @__PURE__ */ f("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ f("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						/* @__PURE__ */ f(l, { status: j.status }),
-						/* @__PURE__ */ f(l, {
-							status: j.accessLevel,
-							label: u(j.accessLevel)
+						/* @__PURE__ */ d(c, { status: D.status }),
+						/* @__PURE__ */ d(c, {
+							status: D.accessLevel,
+							label: l(D.accessLevel)
 						}),
-						j.lineageCaptured ? /* @__PURE__ */ f(g, {
-							variant: "secondary",
-							children: "Lineage captured"
-						}) : null,
-						/* @__PURE__ */ p(g, {
-							variant: "secondary",
-							children: ["v", j.version]
+						/* @__PURE__ */ f("span", {
+							className: "inline-flex items-center gap-1.5 rounded-full border border-border-default bg-bg-elevated px-2.5 py-0.5 text-xs font-medium",
+							title: "Current dataset version",
+							children: [
+								/* @__PURE__ */ d(xe, {
+									className: "size-3.5 text-text-tertiary",
+									"aria-hidden": "true"
+								}),
+								/* @__PURE__ */ f("span", {
+									className: "text-text-primary",
+									children: ["v", D.version]
+								}),
+								/* @__PURE__ */ d("span", {
+									className: "text-text-tertiary",
+									children: "· current"
+								})
+							]
 						})
 					]
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ f("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ f(D, {
+						/* @__PURE__ */ d(S, {
 							label: "Source",
-							value: j.source ? /* @__PURE__ */ p("button", {
+							value: D.source ? /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => k(`sources/${j.source?.id}`),
+								onClick: () => w(`sources/${D.source?.id}`),
 								className: "inline-flex items-center gap-1.5 text-text-primary underline-offset-2 hover:underline",
-								children: [/* @__PURE__ */ f(me, {
+								children: [/* @__PURE__ */ d(Ee, {
 									className: "size-4 text-text-secondary",
 									"aria-hidden": "true"
-								}), j.source.name]
-							}) : /* @__PURE__ */ f("span", {
+								}), D.source.name]
+							}) : /* @__PURE__ */ d("span", {
 								className: "text-text-secondary",
 								children: "Not linked"
 							})
 						}),
-						/* @__PURE__ */ f(D, {
+						/* @__PURE__ */ d(S, {
 							label: "Collection",
-							value: j.collection ? /* @__PURE__ */ p("button", {
+							value: D.collection ? /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => k(`collections/${j.collection?.id}`),
+								onClick: () => w(`collections/${D.collection?.id}`),
 								className: "inline-flex items-center gap-1.5 text-text-primary underline-offset-2 hover:underline",
-								children: [/* @__PURE__ */ f(ce, {
+								children: [/* @__PURE__ */ d(ve, {
 									className: "size-4 text-text-secondary",
 									"aria-hidden": "true"
-								}), j.collection.name]
-							}) : /* @__PURE__ */ f("span", {
+								}), D.collection.name]
+							}) : /* @__PURE__ */ d("span", {
 								className: "text-text-secondary",
 								children: "Not in a collection"
 							})
 						}),
-						/* @__PURE__ */ f(D, {
+						/* @__PURE__ */ d(S, {
 							label: "Format",
-							value: /* @__PURE__ */ f("span", { children: j.format || "Not specified" })
+							value: /* @__PURE__ */ d("span", { children: D.format || "Not specified" })
 						}),
-						/* @__PURE__ */ f(D, {
+						/* @__PURE__ */ d(S, {
 							label: "Size",
-							value: /* @__PURE__ */ p("span", {
+							value: /* @__PURE__ */ f("span", {
 								className: "tabular-nums",
-								children: [ke(j.sizeBytes), Number(j.rowCount) > 0 ? /* @__PURE__ */ p("span", {
+								children: [Ge(D.sizeBytes), Number(D.rowCount) > 0 ? /* @__PURE__ */ f("span", {
 									className: "text-text-secondary",
 									children: [
 										" ",
 										"· ",
-										Number(j.rowCount).toLocaleString(),
+										Number(D.rowCount).toLocaleString(),
 										" rows"
 									]
 								}) : null]
 							})
 						}),
-						/* @__PURE__ */ f(D, {
+						/* @__PURE__ */ d(S, {
 							label: "Ingested",
-							value: /* @__PURE__ */ f("span", { children: E(j.ingestedAt) })
+							value: /* @__PURE__ */ d("span", { children: x(D.ingestedAt) })
 						}),
-						/* @__PURE__ */ f(D, {
+						/* @__PURE__ */ d(S, {
 							label: "Created",
-							value: /* @__PURE__ */ f("span", { children: E(j.createdAt) })
+							value: /* @__PURE__ */ d("span", { children: x(D.createdAt) })
 						}),
-						/* @__PURE__ */ f(D, {
+						/* @__PURE__ */ d(S, {
 							label: "Updated",
-							value: /* @__PURE__ */ f("span", { children: E(j.updatedAt) })
+							value: /* @__PURE__ */ d("span", { children: x(D.updatedAt) })
 						}),
-						/* @__PURE__ */ f(D, {
+						/* @__PURE__ */ d(S, {
 							label: "Artifact",
-							value: j.file ? M ? /* @__PURE__ */ p("a", {
-								href: M,
+							value: D.file ? O ? /* @__PURE__ */ f("a", {
+								href: O,
 								target: "_blank",
 								rel: "noopener noreferrer",
 								className: "inline-flex items-center gap-1.5 text-text-primary underline-offset-2 hover:underline",
-								children: [/* @__PURE__ */ f(ue, {
+								children: [/* @__PURE__ */ d(be, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}), "Download file"]
-							}) : /* @__PURE__ */ f("span", {
+							}) : /* @__PURE__ */ d("span", {
 								className: "text-text-secondary",
 								children: "Resolving link…"
-							}) : /* @__PURE__ */ f("span", {
+							}) : /* @__PURE__ */ d("span", {
 								className: "text-text-secondary",
 								children: "No file attached"
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ p("section", {
+				/* @__PURE__ */ f("section", {
 					className: "space-y-3",
-					children: [/* @__PURE__ */ p("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ p("div", {
+						children: [/* @__PURE__ */ f("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ f(m, {
+							children: [/* @__PURE__ */ d(De, {
 								className: "size-5 text-text-secondary",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ f("h2", {
+							}), /* @__PURE__ */ d("h2", {
+								className: "text-lg font-semibold text-text-primary",
+								children: "Lineage"
+							})]
+						}), /* @__PURE__ */ f("button", {
+							type: "button",
+							onClick: () => w(`lineage/${D.id}`),
+							className: "inline-flex items-center gap-1 rounded-button text-sm font-medium text-text-link underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-focus",
+							children: ["View full lineage", /* @__PURE__ */ d(_e, {
+								className: "size-4",
+								"aria-hidden": "true"
+							})]
+						})]
+					}), $e && I.nodes.length <= 1 ? /* @__PURE__ */ d(o, { label: "Building lineage…" }) : I.nodes.length <= 1 ? /* @__PURE__ */ d("div", {
+						className: "rounded-card border border-dashed border-border-default bg-bg-sunken p-6 text-sm text-text-secondary",
+						children: "No upstream or downstream provenance is linked to this dataset yet. Connect a source, run a pipeline, attach a notebook, or publish a release to build its lineage."
+					}) : /* @__PURE__ */ d(fe, {
+						model: I,
+						mode: "compact",
+						onNavigate: w
+					})]
+				}),
+				/* @__PURE__ */ f("section", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ f("div", {
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ f("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ d(p, {
+								className: "size-5 text-text-secondary",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ d("h2", {
 								className: "text-lg font-semibold text-text-primary",
 								children: "Schema fields"
 							})]
-						}), /* @__PURE__ */ p(_, {
+						}), /* @__PURE__ */ f(h, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
-							onClick: () => Z(!0),
-							children: [/* @__PURE__ */ f(h, { className: "size-4" }), "Add field"]
+							onClick: () => Q(!0),
+							children: [/* @__PURE__ */ d(Te, { className: "size-4" }), "Add field"]
 						})]
-					}), Q.length === 0 ? /* @__PURE__ */ f(o, {
-						icon: m,
+					}), $.length === 0 ? /* @__PURE__ */ d(a, {
+						icon: p,
 						title: "No schema fields yet.",
 						description: "Describe the columns in this dataset so consumers know what each field means."
-					}) : /* @__PURE__ */ f("div", {
-						className: "rounded-card border border-border-default bg-bg-elevated",
-						children: /* @__PURE__ */ p(De, { children: [/* @__PURE__ */ f(S, { children: /* @__PURE__ */ p(C, { children: [
-							/* @__PURE__ */ f(x, { children: "Name" }),
-							/* @__PURE__ */ f(x, { children: "Type" }),
-							/* @__PURE__ */ f(x, { children: "Unit" }),
-							/* @__PURE__ */ f(x, { children: "Nullable" }),
-							/* @__PURE__ */ f(x, { children: "Provenance" })
-						] }) }), /* @__PURE__ */ f(Oe, { children: Q.map((e) => /* @__PURE__ */ p(C, { children: [
-							/* @__PURE__ */ p(b, { children: [/* @__PURE__ */ f("span", {
+					}) : /* @__PURE__ */ f(he, { children: [/* @__PURE__ */ d("div", {
+						className: "hidden rounded-card border border-border-default bg-bg-elevated md:block",
+						children: /* @__PURE__ */ f(Be, { children: [/* @__PURE__ */ d(He, { children: /* @__PURE__ */ f(b, { children: [
+							/* @__PURE__ */ d(y, { children: "Name" }),
+							/* @__PURE__ */ d(y, { children: "Type" }),
+							/* @__PURE__ */ d(y, { children: "Unit" }),
+							/* @__PURE__ */ d(y, { children: "Nullable" }),
+							/* @__PURE__ */ d(y, { children: "Provenance" })
+						] }) }), /* @__PURE__ */ d(Ve, { children: $.map((e) => /* @__PURE__ */ f(b, { children: [
+							/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d("span", {
 								className: "font-medium text-text-primary",
 								children: e.name
-							}), e.description ? /* @__PURE__ */ f("p", {
+							}), e.description ? /* @__PURE__ */ d("p", {
 								className: "mt-0.5 line-clamp-1 max-w-xs text-xs text-text-secondary",
 								children: e.description
 							}) : null] }),
-							/* @__PURE__ */ f(b, { children: /* @__PURE__ */ f(g, {
+							/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(m, {
 								variant: "secondary",
-								children: u(e.fieldType)
+								children: l(e.fieldType)
 							}) }),
-							/* @__PURE__ */ f(b, {
+							/* @__PURE__ */ d(v, {
 								className: "text-sm text-text-secondary",
 								children: e.unit || "—"
 							}),
-							/* @__PURE__ */ f(b, {
+							/* @__PURE__ */ d(v, {
 								className: "text-sm text-text-secondary",
 								children: e.nullable ? "Yes" : "No"
 							}),
-							/* @__PURE__ */ f(b, {
+							/* @__PURE__ */ d(v, {
 								className: "text-sm text-text-secondary",
 								children: e.provenance || "—"
 							})
 						] }, e.id)) })] })
-					})]
+					}), /* @__PURE__ */ d("div", {
+						className: "space-y-2 md:hidden",
+						children: $.map((e) => /* @__PURE__ */ f("div", {
+							className: "rounded-card border border-border-default bg-bg-elevated p-3",
+							children: [
+								/* @__PURE__ */ f("div", {
+									className: "flex items-start justify-between gap-2",
+									children: [/* @__PURE__ */ d("span", {
+										className: "font-medium text-text-primary",
+										children: e.name
+									}), /* @__PURE__ */ d(m, {
+										variant: "secondary",
+										children: l(e.fieldType)
+									})]
+								}),
+								e.description ? /* @__PURE__ */ d("p", {
+									className: "mt-1 text-xs text-text-secondary",
+									children: e.description
+								}) : null,
+								/* @__PURE__ */ f("dl", {
+									className: "mt-2 grid grid-cols-2 gap-2 text-xs",
+									children: [
+										/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("dt", {
+											className: "text-text-tertiary",
+											children: "Unit"
+										}), /* @__PURE__ */ d("dd", {
+											className: "text-text-secondary",
+											children: e.unit || "—"
+										})] }),
+										/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("dt", {
+											className: "text-text-tertiary",
+											children: "Nullable"
+										}), /* @__PURE__ */ d("dd", {
+											className: "text-text-secondary",
+											children: e.nullable ? "Yes" : "No"
+										})] }),
+										/* @__PURE__ */ f("div", {
+											className: "col-span-2",
+											children: [/* @__PURE__ */ d("dt", {
+												className: "text-text-tertiary",
+												children: "Provenance"
+											}), /* @__PURE__ */ d("dd", {
+												className: "text-text-secondary",
+												children: e.provenance || "—"
+											})]
+										})
+									]
+								})
+							]
+						}, e.id))
+					})] })]
 				}),
-				/* @__PURE__ */ p("section", {
+				/* @__PURE__ */ f("section", {
 					className: "space-y-3 rounded-card border border-border-default bg-bg-elevated p-5",
-					children: [/* @__PURE__ */ f(oe, {
-						value: I,
-						onChange: L,
+					children: [/* @__PURE__ */ d(ue, {
+						value: L,
+						onChange: R,
 						label: "Dataset tags"
-					}), ze ? /* @__PURE__ */ f("div", {
+					}), nt ? /* @__PURE__ */ d("div", {
 						className: "flex justify-end",
-						children: /* @__PURE__ */ f(_, {
+						children: /* @__PURE__ */ d(h, {
 							type: "button",
 							size: "sm",
-							onClick: () => void Ge(),
-							disabled: P,
-							children: P ? "Saving…" : "Save tags"
+							onClick: () => void lt(),
+							disabled: k,
+							children: k ? "Saving…" : "Save tags"
 						})
 					}) : null]
 				}),
-				/* @__PURE__ */ p("section", {
+				/* @__PURE__ */ f("section", {
 					className: "space-y-3",
-					children: [/* @__PURE__ */ p("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ f(de, {
+						children: [/* @__PURE__ */ d(Se, {
 							className: "size-5 text-text-secondary",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ f("h2", {
+						}), /* @__PURE__ */ d("h2", {
 							className: "text-lg font-semibold text-text-primary",
 							children: "Activity"
 						})]
-					}), /* @__PURE__ */ f(ie, {
-						resourceId: j.id,
+					}), /* @__PURE__ */ d(ce, {
+						resourceId: D.id,
 						resourceType: "cosmicintersection-dataset"
 					})]
 				}),
-				/* @__PURE__ */ p("section", {
+				/* @__PURE__ */ f("section", {
 					className: "space-y-3",
-					children: [/* @__PURE__ */ p("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ f(fe, {
+						children: [/* @__PURE__ */ d(Ce, {
 							className: "size-5 text-text-secondary",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ f("h2", {
+						}), /* @__PURE__ */ d("h2", {
 							className: "text-lg font-semibold text-text-primary",
 							children: "Discussion"
 						})]
-					}), /* @__PURE__ */ f(ae, {
+					}), /* @__PURE__ */ d(le, {
 						entityType: "cosmicintersection-dataset",
-						entityId: j.id,
-						title: j.name,
+						entityId: D.id,
+						title: D.name,
 						widgetKey: "dataset-discussion"
 					})]
 				})
 			]
-		}), /* @__PURE__ */ f(ge, {
-			open: Be,
-			onOpenChange: Z,
-			children: /* @__PURE__ */ p(_e, { children: [
-				/* @__PURE__ */ p(be, { children: [/* @__PURE__ */ f(xe, { children: "Add schema field" }), /* @__PURE__ */ p(ve, { children: [
+		}), /* @__PURE__ */ d(ke, {
+			open: rt,
+			onOpenChange: Q,
+			children: /* @__PURE__ */ f(Ae, { children: [
+				/* @__PURE__ */ f(Ne, { children: [/* @__PURE__ */ d(Pe, { children: "Add schema field" }), /* @__PURE__ */ f(je, { children: [
 					"Document a column in “",
-					j.name,
+					D.name,
 					"” — its type, unit and provenance."
 				] })] }),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ f("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ f("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ f(y, {
+							children: [/* @__PURE__ */ d(_, {
 								htmlFor: "cos-field-name",
 								children: "Name"
-							}), /* @__PURE__ */ f(v, {
+							}), /* @__PURE__ */ d(g, {
 								id: "cos-field-name",
-								value: z,
-								onChange: (e) => B(e.target.value),
+								value: B,
+								onChange: (e) => V(e.target.value),
 								placeholder: "e.g. right_ascension",
 								required: !0
 							})]
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ f("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ p("div", {
+							children: [/* @__PURE__ */ f("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ f(y, {
+								children: [/* @__PURE__ */ d(_, {
 									htmlFor: "cos-field-type",
 									children: "Type"
-								}), /* @__PURE__ */ p(Se, {
-									value: V,
-									onValueChange: (e) => H(e),
-									children: [/* @__PURE__ */ f(Te, {
+								}), /* @__PURE__ */ f(Fe, {
+									value: H,
+									onValueChange: (e) => U(e),
+									children: [/* @__PURE__ */ d(Re, {
 										id: "cos-field-type",
 										"aria-label": "Field type",
-										children: /* @__PURE__ */ f(Ee, {})
-									}), /* @__PURE__ */ f(Ce, { children: T.map((e) => /* @__PURE__ */ f(we, {
+										children: /* @__PURE__ */ d(ze, {})
+									}), /* @__PURE__ */ d(Ie, { children: We.map((e) => /* @__PURE__ */ d(Le, {
 										value: e,
-										children: u(e)
+										children: l(e)
 									}, e)) })]
 								})]
-							}), /* @__PURE__ */ p("div", {
+							}), /* @__PURE__ */ f("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ f(y, {
+								children: [/* @__PURE__ */ d(_, {
 									htmlFor: "cos-field-unit",
 									children: "Unit"
-								}), /* @__PURE__ */ f(v, {
+								}), /* @__PURE__ */ d(g, {
 									id: "cos-field-unit",
-									value: U,
-									onChange: (e) => W(e.target.value),
+									value: W,
+									onChange: (e) => G(e.target.value),
 									placeholder: "e.g. deg, mag, Jy"
 								})]
 							})]
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ f("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ f(y, {
+							children: [/* @__PURE__ */ d(_, {
 								htmlFor: "cos-field-desc",
 								children: "Description"
-							}), /* @__PURE__ */ f(w, {
+							}), /* @__PURE__ */ d(Ue, {
 								id: "cos-field-desc",
-								value: G,
-								onChange: (e) => K(e.target.value),
+								value: K,
+								onChange: (e) => q(e.target.value),
 								rows: 2
 							})]
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ f("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ f(y, {
+							children: [/* @__PURE__ */ d(_, {
 								htmlFor: "cos-field-prov",
 								children: "Provenance"
-							}), /* @__PURE__ */ f(v, {
+							}), /* @__PURE__ */ d(g, {
 								id: "cos-field-prov",
-								value: q,
-								onChange: (e) => J(e.target.value),
+								value: J,
+								onChange: (e) => Y(e.target.value),
 								placeholder: "Where this field comes from"
 							})]
 						}),
-						/* @__PURE__ */ p("label", {
+						/* @__PURE__ */ f("label", {
 							className: "flex items-center gap-2 text-sm text-text-primary",
-							children: [/* @__PURE__ */ f(he, {
-								checked: Y,
-								onCheckedChange: (e) => X(e === !0)
+							children: [/* @__PURE__ */ d(Oe, {
+								checked: X,
+								onCheckedChange: (e) => Z(e === !0)
 							}), "Nullable (may contain empty values)"]
 						})
 					]
 				}),
-				/* @__PURE__ */ p(ye, { children: [/* @__PURE__ */ f(_, {
+				/* @__PURE__ */ f(Me, { children: [/* @__PURE__ */ d(h, {
 					type: "button",
 					variant: "outline",
-					onClick: () => Z(!1),
-					disabled: F,
+					onClick: () => Q(!1),
+					disabled: A,
 					children: "Cancel"
-				}), /* @__PURE__ */ f(_, {
+				}), /* @__PURE__ */ d(h, {
 					type: "button",
-					onClick: () => void Ke(),
-					disabled: F,
-					children: F ? "Adding…" : "Add field"
+					onClick: () => void ut(),
+					disabled: A,
+					children: A ? "Adding…" : "Add field"
 				})] })
 			] })
 		})]
 	});
 }
 //#endregion
-export { O as default };
+export { C as default };
 
 //# sourceMappingURL=DatasetDetailPage.js.map