@burdenoff/microfe-cosmicintersection 2026.704.1 → 2026.704.3

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

@@ -1,23 +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 ee, useCosUpdateDatasetMutation as te } from "../../api/cosmicApi.js";
-import ne from "../../components/ActionMenu.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 re from "../../components/EntityTagsField.js";
-import ie from "../../components/ErrorState.js";
-import { useFileDownloadUrl as ae } from "../../components/FileUploadField.js";
-import oe from "../../components/LoadingState.js";
-import o from "../../components/PageLayout.js";
-import s from "../../components/SafeLink.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 u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useParams as se } from "react-router-dom";
-import { Boxes as ce, Columns3 as p, Database as m, Download as le, MessagesSquare as ue, Pencil as de, Plus as fe, Radar as pe } from "lucide-react";
-import { Badge as h, Button as g, Checkbox as me, Dialog as he, DialogContent as ge, DialogDescription as _e, DialogFooter as ve, DialogHeader as ye, DialogTitle as be, Input as _, Label as v, Select as xe, SelectContent as Se, SelectItem as Ce, SelectTrigger as we, SelectValue as Te, Table as Ee, TableBody as De, TableCell as y, TableHead as b, TableHeader as x, TableRow as S, Textarea as C } 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 w = [
+var We = [
 	"STRING",
 	"INTEGER",
 	"FLOAT",
@@ -29,7 +31,7 @@ var w = [
 	"IMAGE_REF",
 	"JSON"
 ];
-function T(e) {
+function Ge(e) {
 	if (!e) return "—";
 	let t = Number(e);
 	if (!Number.isFinite(t) || t <= 0) return "—";
@@ -44,12 +46,12 @@ function T(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 }) {
+function S({ label: e, value: t }) {
 	return /* @__PURE__ */ f("div", {
 		className: "rounded-card border border-border-default bg-bg-elevated p-4",
 		children: [/* @__PURE__ */ d("p", {
@@ -61,91 +63,125 @@ function D({ label: e, value: t }) {
 		})]
 	});
 }
-function O() {
-	let { id: O = "" } = se(), { navigate: k } = e(), { data: Oe, loading: ke, error: Ae, refetch: A } = i(O), j = Oe?.cosDataset ?? null, M = ae(j?.file?.id).data?.getFileDownloadUrl ?? null, [je, { loading: N }] = ee(), [Me] = r(), [Ne, { loading: P }] = te(), [Pe, { loading: F }] = n(), [I, L] = u([]), [Fe, Ie] = u(null), R = j ? `${j.id}:${j.updatedAt}` : null;
-	R && R !== Fe && (Ie(R), L(j?.tags ?? []));
-	let Le = j != null && (I.length !== j.tags.length || I.some((e, t) => e !== j.tags[t])), [Re, ze] = u(!1), [z, B] = u(""), [V, H] = u("STRING"), [U, W] = u(""), [G, K] = u(""), [q, J] = u(""), [Y, X] = u(!0), Be = () => {
-		B(""), H("STRING"), W(""), K(""), J(""), X(!0);
-	}, Z = (e) => {
-		ze(e), e || Be();
+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 (ke) return /* @__PURE__ */ d(o, {
+	if (Ke) return /* @__PURE__ */ d(s, {
 		title: "Dataset",
 		backPath: "datasets",
-		children: /* @__PURE__ */ d(oe, { label: "Loading dataset…" })
+		children: /* @__PURE__ */ d(o, { label: "Loading dataset…" })
 	});
-	if (Ae) return /* @__PURE__ */ d(o, {
+	if (qe) return /* @__PURE__ */ d(s, {
 		title: "Dataset",
 		backPath: "datasets",
-		children: /* @__PURE__ */ d(ie, {
+		children: /* @__PURE__ */ d(se, {
 			message: "We could not load this dataset.",
-			onRetry: () => void A()
+			onRetry: () => void E()
 		})
 	});
-	if (!j) return /* @__PURE__ */ d(o, {
+	if (!D) return /* @__PURE__ */ d(s, {
 		title: "Dataset",
 		backPath: "datasets",
 		children: /* @__PURE__ */ d(a, {
-			icon: m,
+			icon: ye,
 			title: "Dataset not found.",
 			description: "This dataset may have been removed or is outside your current scope.",
-			action: /* @__PURE__ */ d(g, {
+			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), $ = j.status !== "AVAILABLE" && j.status !== "ARCHIVED", Ve = async () => {
-		(await je({ variables: { id: j.id } })).data?.cosPublishDataset && (t.success("Dataset published", `“${j.name}” is now available.`), await A());
-	}, He = async () => {
-		let e = await Me({ 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");
-	}, Ue = async () => {
-		(await Ne({ variables: {
-			id: j.id,
-			input: { tags: I }
-		} })).data?.cosUpdateDataset && (t.success("Tags updated"), await A());
-	}, We = 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 Pe({ 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__ */ f(o, {
-		title: j.name,
-		description: j.description ?? void 0,
+	return /* @__PURE__ */ f(s, {
+		title: D.name,
+		description: D.description ?? void 0,
 		backPath: "datasets",
 		actions: /* @__PURE__ */ f("div", {
-			className: "flex items-center gap-2",
+			className: "flex flex-wrap items-center justify-end gap-2",
 			children: [
-				/* @__PURE__ */ f(g, {
+				/* @__PURE__ */ f(h, {
 					type: "button",
 					variant: "outline",
-					onClick: () => k(`datasets/${j.id}/edit`),
-					children: [/* @__PURE__ */ d(de, { className: "size-4" }), "Edit"]
+					onClick: () => w(`datasets/${D.id}/edit`),
+					children: [/* @__PURE__ */ d(we, { className: "size-4" }), "Edit"]
 				}),
-				$ ? /* @__PURE__ */ d(g, {
+				ot ? /* @__PURE__ */ d(h, {
 					type: "button",
-					onClick: () => void Ve(),
-					disabled: N,
-					children: N ? "Publishing…" : "Publish"
+					onClick: () => void st(),
+					disabled: Ye,
+					children: Ye ? "Publishing…" : "Publish"
 				}) : null,
-				/* @__PURE__ */ d(ne, {
-					ariaLabel: `Actions for ${j.name}`,
-					entityName: j.name,
-					onDelete: () => He(),
+				/* @__PURE__ */ d(oe, {
+					ariaLabel: `Actions for ${D.name}`,
+					entityName: D.name,
+					onDelete: () => ct(),
 					deleteLabel: "Archive dataset"
 				})
 			]
@@ -156,93 +192,103 @@ function O() {
 				/* @__PURE__ */ f("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						/* @__PURE__ */ d(c, { status: j.status }),
+						/* @__PURE__ */ d(c, { status: D.status }),
 						/* @__PURE__ */ d(c, {
-							status: j.accessLevel,
-							label: l(j.accessLevel)
+							status: D.accessLevel,
+							label: l(D.accessLevel)
 						}),
-						j.lineageCaptured ? /* @__PURE__ */ d(h, {
-							variant: "secondary",
-							children: "Lineage captured"
-						}) : null,
-						/* @__PURE__ */ f(h, {
-							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__ */ f("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ d(D, {
+						/* @__PURE__ */ d(S, {
 							label: "Source",
-							value: j.source ? /* @__PURE__ */ f("button", {
+							value: D.source ? /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => k(`sources/${j.source?.id}/edit`),
+								onClick: () => w(`sources/${D.source?.id}`),
 								className: "inline-flex items-center gap-1.5 text-text-primary underline-offset-2 hover:underline",
-								children: [/* @__PURE__ */ d(pe, {
+								children: [/* @__PURE__ */ d(Ee, {
 									className: "size-4 text-text-secondary",
 									"aria-hidden": "true"
-								}), j.source.name]
+								}), D.source.name]
 							}) : /* @__PURE__ */ d("span", {
 								className: "text-text-secondary",
 								children: "Not linked"
 							})
 						}),
-						/* @__PURE__ */ d(D, {
+						/* @__PURE__ */ d(S, {
 							label: "Collection",
-							value: j.collection ? /* @__PURE__ */ f("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__ */ d(ce, {
+								children: [/* @__PURE__ */ d(ve, {
 									className: "size-4 text-text-secondary",
 									"aria-hidden": "true"
-								}), j.collection.name]
+								}), D.collection.name]
 							}) : /* @__PURE__ */ d("span", {
 								className: "text-text-secondary",
 								children: "Not in a collection"
 							})
 						}),
-						/* @__PURE__ */ d(D, {
+						/* @__PURE__ */ d(S, {
 							label: "Format",
-							value: /* @__PURE__ */ d("span", { children: j.format || "Not specified" })
+							value: /* @__PURE__ */ d("span", { children: D.format || "Not specified" })
 						}),
-						/* @__PURE__ */ d(D, {
+						/* @__PURE__ */ d(S, {
 							label: "Size",
 							value: /* @__PURE__ */ f("span", {
 								className: "tabular-nums",
-								children: [T(j.sizeBytes), Number(j.rowCount) > 0 ? /* @__PURE__ */ f("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__ */ d(D, {
+						/* @__PURE__ */ d(S, {
 							label: "Ingested",
-							value: /* @__PURE__ */ d("span", { children: E(j.ingestedAt) })
+							value: /* @__PURE__ */ d("span", { children: x(D.ingestedAt) })
 						}),
-						/* @__PURE__ */ d(D, {
+						/* @__PURE__ */ d(S, {
 							label: "Created",
-							value: /* @__PURE__ */ d("span", { children: E(j.createdAt) })
+							value: /* @__PURE__ */ d("span", { children: x(D.createdAt) })
 						}),
-						/* @__PURE__ */ d(D, {
+						/* @__PURE__ */ d(S, {
 							label: "Updated",
-							value: /* @__PURE__ */ d("span", { children: E(j.updatedAt) })
+							value: /* @__PURE__ */ d("span", { children: x(D.updatedAt) })
 						}),
-						/* @__PURE__ */ d(D, {
+						/* @__PURE__ */ d(S, {
 							label: "Artifact",
-							value: j.file ? M ? /* @__PURE__ */ f("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__ */ d(le, {
+								children: [/* @__PURE__ */ d(be, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}), "Download file"]
@@ -256,6 +302,37 @@ function O() {
 						})
 					]
 				}),
+				/* @__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(De, {
+								className: "size-5 text-text-secondary",
+								"aria-hidden": "true"
+							}), /* @__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", {
@@ -269,92 +346,161 @@ function O() {
 								className: "text-lg font-semibold text-text-primary",
 								children: "Schema fields"
 							})]
-						}), /* @__PURE__ */ f(g, {
+						}), /* @__PURE__ */ f(h, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
-							onClick: () => Z(!0),
-							children: [/* @__PURE__ */ d(fe, { className: "size-4" }), "Add field"]
+							onClick: () => Q(!0),
+							children: [/* @__PURE__ */ d(Te, { className: "size-4" }), "Add field"]
 						})]
-					}), Q.length === 0 ? /* @__PURE__ */ d(a, {
+					}), $.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__ */ d("div", {
-						className: "rounded-card border border-border-default bg-bg-elevated",
-						children: /* @__PURE__ */ f(Ee, { children: [/* @__PURE__ */ d(x, { children: /* @__PURE__ */ f(S, { children: [
-							/* @__PURE__ */ d(b, { children: "Name" }),
-							/* @__PURE__ */ d(b, { children: "Type" }),
-							/* @__PURE__ */ d(b, { children: "Unit" }),
-							/* @__PURE__ */ d(b, { children: "Nullable" }),
-							/* @__PURE__ */ d(b, { children: "Provenance" })
-						] }) }), /* @__PURE__ */ d(De, { children: Q.map((e) => /* @__PURE__ */ f(S, { children: [
-							/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ d("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__ */ d("p", {
 								className: "mt-0.5 line-clamp-1 max-w-xs text-xs text-text-secondary",
 								children: e.description
 							}) : null] }),
-							/* @__PURE__ */ d(y, { children: /* @__PURE__ */ d(h, {
+							/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(m, {
 								variant: "secondary",
 								children: l(e.fieldType)
 							}) }),
-							/* @__PURE__ */ d(y, {
+							/* @__PURE__ */ d(v, {
 								className: "text-sm text-text-secondary",
 								children: e.unit || "—"
 							}),
-							/* @__PURE__ */ d(y, {
+							/* @__PURE__ */ d(v, {
 								className: "text-sm text-text-secondary",
 								children: e.nullable ? "Yes" : "No"
 							}),
-							/* @__PURE__ */ d(y, {
+							/* @__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__ */ f("section", {
 					className: "space-y-3 rounded-card border border-border-default bg-bg-elevated p-5",
-					children: [/* @__PURE__ */ d(re, {
-						value: I,
-						onChange: L,
+					children: [/* @__PURE__ */ d(ue, {
+						value: L,
+						onChange: R,
 						label: "Dataset tags"
-					}), Le ? /* @__PURE__ */ d("div", {
+					}), nt ? /* @__PURE__ */ d("div", {
 						className: "flex justify-end",
-						children: /* @__PURE__ */ d(g, {
+						children: /* @__PURE__ */ d(h, {
 							type: "button",
 							size: "sm",
-							onClick: () => void Ue(),
-							disabled: P,
-							children: P ? "Saving…" : "Save tags"
+							onClick: () => void lt(),
+							disabled: k,
+							children: k ? "Saving…" : "Save tags"
 						})
 					}) : null]
 				}),
-				/* @__PURE__ */ f("div", {
-					className: "flex items-center gap-2 text-sm text-text-secondary",
-					children: [
-						/* @__PURE__ */ d(ue, {
-							className: "size-4",
+				/* @__PURE__ */ f("section", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ f("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ d(Se, {
+							className: "size-5 text-text-secondary",
 							"aria-hidden": "true"
-						}),
-						/* @__PURE__ */ d("span", { children: "Questions about this dataset?" }),
-						/* @__PURE__ */ d(s, {
-							href: "/conversations",
-							className: "text-text-primary underline-offset-2 hover:underline",
-							children: "Discuss in conversations"
-						})
-					]
+						}), /* @__PURE__ */ d("h2", {
+							className: "text-lg font-semibold text-text-primary",
+							children: "Activity"
+						})]
+					}), /* @__PURE__ */ d(ce, {
+						resourceId: D.id,
+						resourceType: "cosmicintersection-dataset"
+					})]
+				}),
+				/* @__PURE__ */ f("section", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ f("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ d(Ce, {
+							className: "size-5 text-text-secondary",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ d("h2", {
+							className: "text-lg font-semibold text-text-primary",
+							children: "Discussion"
+						})]
+					}), /* @__PURE__ */ d(le, {
+						entityType: "cosmicintersection-dataset",
+						entityId: D.id,
+						title: D.name,
+						widgetKey: "dataset-discussion"
+					})]
 				})
 			]
-		}), /* @__PURE__ */ d(he, {
-			open: Re,
-			onOpenChange: Z,
-			children: /* @__PURE__ */ f(ge, { children: [
-				/* @__PURE__ */ f(ye, { children: [/* @__PURE__ */ d(be, { children: "Add schema field" }), /* @__PURE__ */ f(_e, { 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__ */ f("div", {
@@ -362,13 +508,13 @@ function O() {
 					children: [
 						/* @__PURE__ */ f("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ d(v, {
+							children: [/* @__PURE__ */ d(_, {
 								htmlFor: "cos-field-name",
 								children: "Name"
-							}), /* @__PURE__ */ d(_, {
+							}), /* @__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
 							})]
@@ -377,84 +523,84 @@ function O() {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
 							children: [/* @__PURE__ */ f("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ d(v, {
+								children: [/* @__PURE__ */ d(_, {
 									htmlFor: "cos-field-type",
 									children: "Type"
-								}), /* @__PURE__ */ f(xe, {
-									value: V,
-									onValueChange: (e) => H(e),
-									children: [/* @__PURE__ */ d(we, {
+								}), /* @__PURE__ */ f(Fe, {
+									value: H,
+									onValueChange: (e) => U(e),
+									children: [/* @__PURE__ */ d(Re, {
 										id: "cos-field-type",
 										"aria-label": "Field type",
-										children: /* @__PURE__ */ d(Te, {})
-									}), /* @__PURE__ */ d(Se, { children: w.map((e) => /* @__PURE__ */ d(Ce, {
+										children: /* @__PURE__ */ d(ze, {})
+									}), /* @__PURE__ */ d(Ie, { children: We.map((e) => /* @__PURE__ */ d(Le, {
 										value: e,
 										children: l(e)
 									}, e)) })]
 								})]
 							}), /* @__PURE__ */ f("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ d(v, {
+								children: [/* @__PURE__ */ d(_, {
 									htmlFor: "cos-field-unit",
 									children: "Unit"
-								}), /* @__PURE__ */ d(_, {
+								}), /* @__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__ */ f("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ d(v, {
+							children: [/* @__PURE__ */ d(_, {
 								htmlFor: "cos-field-desc",
 								children: "Description"
-							}), /* @__PURE__ */ d(C, {
+							}), /* @__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__ */ f("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ d(v, {
+							children: [/* @__PURE__ */ d(_, {
 								htmlFor: "cos-field-prov",
 								children: "Provenance"
-							}), /* @__PURE__ */ d(_, {
+							}), /* @__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__ */ f("label", {
 							className: "flex items-center gap-2 text-sm text-text-primary",
-							children: [/* @__PURE__ */ d(me, {
-								checked: Y,
-								onCheckedChange: (e) => X(e === !0)
+							children: [/* @__PURE__ */ d(Oe, {
+								checked: X,
+								onCheckedChange: (e) => Z(e === !0)
 							}), "Nullable (may contain empty values)"]
 						})
 					]
 				}),
-				/* @__PURE__ */ f(ve, { children: [/* @__PURE__ */ d(g, {
+				/* @__PURE__ */ f(Me, { children: [/* @__PURE__ */ d(h, {
 					type: "button",
 					variant: "outline",
-					onClick: () => Z(!1),
-					disabled: F,
+					onClick: () => Q(!1),
+					disabled: A,
 					children: "Cancel"
-				}), /* @__PURE__ */ d(g, {
+				}), /* @__PURE__ */ d(h, {
 					type: "button",
-					onClick: () => void We(),
-					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