@burdenoff/microfe-cosmicintersection 2026.1012.1 → 2026.1030.1

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

@@ -12,14 +12,15 @@ 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 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";
-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, TriangleAlert as m } from "lucide-react";
-import { Badge as h, Button as g, Checkbox as Oe, Dialog as ke, DialogContent as Ae, DialogDescription as je, DialogFooter as Me, DialogHeader as Ne, DialogTitle as Pe, Input as _, Label as v, Select as Fe, SelectContent as Ie, SelectItem as Le, SelectTrigger as Re, SelectValue as ze, Table as Be, TableBody as Ve, TableCell as y, TableHead as b, TableHeader as He, TableRow as x, Textarea as Ue } from "@burdenoff/fe-libs/ui";
+import { useSelectedRecord as fe } from "../../lib/useSelectedRecord.js";
+import pe, { buildDatasetLineage as me } from "../../components/LineageGraph.js";
+import { useMemo as he, useState as u } from "react";
+import { Fragment as ge, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useParams as _e } from "react-router";
+import { ArrowRight as ve, Boxes as ye, Columns3 as p, Database as be, Download as xe, GitBranch as Se, History as Ce, MessagesSquare as we, Pencil as Te, Plus as Ee, Radar as De, Share2 as Oe, TriangleAlert as m } from "lucide-react";
+import { Badge as h, Button as g, Checkbox as ke, Dialog as Ae, DialogContent as je, DialogDescription as Me, DialogFooter as Ne, DialogHeader as Pe, DialogTitle as Fe, Input as _, Label as v, Select as Ie, SelectContent as Le, SelectItem as Re, SelectTrigger as ze, SelectValue as Be, Table as Ve, TableBody as He, TableCell as y, TableHead as b, TableHeader as Ue, TableRow as x, Textarea as We } from "@burdenoff/fe-libs/ui";
 //#region src/cosmicintersection/pages/datasets/DatasetDetailPage.tsx
-var We = [
+var Ge = [
 	"STRING",
 	"INTEGER",
 	"FLOAT",
@@ -38,7 +39,7 @@ var We = [
 function C(e) {
 	return S.has(e.fieldType) && !e.unit;
 }
-function Ge(e) {
+function Ke(e) {
 	if (!e) return "—";
 	let t = Number(e);
 	if (!Number.isFinite(t) || t <= 0) return "—";
@@ -71,65 +72,65 @@ function T({ label: e, value: t }) {
 	});
 }
 function E() {
-	let { id: S = "" } = ge(), { navigate: E } = e(), { data: D, loading: Ke, error: qe, refetch: O } = ee(S), k = D?.cosDataset ?? null, A = de(k?.file?.id).data?.getFileDownloadUrl ?? null, [Je, { loading: j }] = ne(), [Ye] = i(), [Xe, { loading: M }] = ae(), [Ze, { loading: N }] = n(), P = r({ datasetId: S }), F = ie({ pagination: {
+	let { id: S = "" } = _e(), { navigate: E } = e(), { selectedId: D, select: qe } = fe("field"), O = (e) => qe(D === e ? null : e), { data: k, loading: Je, error: Ye, refetch: A } = ee(S), j = k?.cosDataset ?? null, M = de(j?.file?.id).data?.getFileDownloadUrl ?? null, [Xe, { loading: N }] = ne(), [Ze] = i(), [Qe, { loading: P }] = ae(), [$e, { loading: F }] = n(), I = r({ datasetId: S }), L = ie({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), I = te({ pagination: {
+	} }), R = te({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), L = re({ pagination: {
+	} }), z = re({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), R = D?.cosDataset ?? null, z = me(() => {
-		if (!R) return {
+	} }), B = k?.cosDataset ?? null, V = he(() => {
+		if (!B) return {
 			nodes: [],
 			edges: []
 		};
 		let e = /* @__PURE__ */ new Map();
-		R.source && e.set(R.source.id, R.source);
+		B.source && e.set(B.source.id, B.source);
 		let t = /* @__PURE__ */ new Map();
-		R.collection && t.set(R.collection.id, R.collection);
+		B.collection && t.set(B.collection.id, B.collection);
 		let n = {
-			datasetsById: new Map([[R.id, R]]),
+			datasetsById: new Map([[B.id, B]]),
 			sourcesById: e,
 			collectionsById: t,
-			runs: (F.data?.cosListRuns?.items ?? []).filter((e) => e.datasetId === R.id),
-			notebooks: (I.data?.cosListNotebooks?.items ?? []).filter((e) => e.datasetIds.includes(R.id)),
-			analyses: P.data?.cosListAnalyses ?? [],
-			releases: (L.data?.cosListReleases?.items ?? []).filter((e) => e.datasetIds.includes(R.id))
+			runs: (L.data?.cosListRuns?.items ?? []).filter((e) => e.datasetId === B.id),
+			notebooks: (R.data?.cosListNotebooks?.items ?? []).filter((e) => e.datasetIds.includes(B.id)),
+			analyses: I.data?.cosListAnalyses ?? [],
+			releases: (z.data?.cosListReleases?.items ?? []).filter((e) => e.datasetIds.includes(B.id))
 		};
-		return pe(R.id, n);
+		return me(B.id, n);
 	}, [
-		R,
-		F.data,
+		B,
+		L.data,
+		R.data,
 		I.data,
-		P.data,
-		L.data
-	]), Qe = F.loading || I.loading || P.loading || L.loading, [B, V] = u([]), [$e, et] = u(null), H = k ? `${k.id}:${k.updatedAt}` : null;
-	H && H !== $e && (et(H), V(k?.tags ?? []));
-	let tt = k != null && (B.length !== k.tags.length || B.some((e, t) => e !== k.tags[t])), [nt, rt] = u(!1), [U, W] = u(""), [G, K] = u("STRING"), [q, J] = u(""), [Y, it] = u(""), [X, at] = u(""), [ot, st] = u(!0), ct = () => {
-		W(""), K("STRING"), J(""), it(""), at(""), st(!0);
+		z.data
+	]), et = L.loading || R.loading || I.loading || z.loading, [H, U] = u([]), [tt, nt] = u(null), W = j ? `${j.id}:${j.updatedAt}` : null;
+	W && W !== tt && (nt(W), U(j?.tags ?? []));
+	let rt = j != null && (H.length !== j.tags.length || H.some((e, t) => e !== j.tags[t])), [it, at] = u(!1), [G, K] = u(""), [q, J] = u("STRING"), [Y, ot] = u(""), [st, X] = u(""), [ct, lt] = u(""), [ut, dt] = u(!0), ft = () => {
+		K(""), J("STRING"), ot(""), X(""), lt(""), dt(!0);
 	}, Z = (e) => {
-		rt(e), e || ct();
+		at(e), e || ft();
 	};
-	if (Ke) return /* @__PURE__ */ d(s, {
+	if (Je) return /* @__PURE__ */ d(s, {
 		title: "Dataset",
 		backPath: "datasets",
 		children: /* @__PURE__ */ d(o, { label: "Loading dataset…" })
 	});
-	if (qe) return /* @__PURE__ */ d(s, {
+	if (Ye) return /* @__PURE__ */ d(s, {
 		title: "Dataset",
 		backPath: "datasets",
 		children: /* @__PURE__ */ d(se, {
 			message: "We could not load this dataset.",
-			onRetry: () => void O()
+			onRetry: () => void A()
 		})
 	});
-	if (!k) return /* @__PURE__ */ d(s, {
+	if (!j) return /* @__PURE__ */ d(s, {
 		title: "Dataset",
 		backPath: "datasets",
 		children: /* @__PURE__ */ d(a, {
-			icon: ye,
+			icon: be,
 			title: "Dataset not found.",
 			description: "This dataset may have been removed or is outside your current scope.",
 			action: /* @__PURE__ */ d(g, {
@@ -139,36 +140,36 @@ function E() {
 			})
 		})
 	});
-	let Q = [...k.schemaFields ?? []].sort((e, t) => e.position - t.position), $ = Q.filter(C).length, lt = k.status !== "AVAILABLE" && k.status !== "ARCHIVED", ut = async () => {
-		(await Je({ variables: { id: k.id } })).data?.cosPublishDataset && (t.success("Dataset published", `“${k.name}” is now available.`), await O());
-	}, dt = async () => {
-		let e = await Ye({ variables: { id: k.id } });
+	let Q = [...j.schemaFields ?? []].sort((e, t) => e.position - t.position), $ = Q.filter(C).length, pt = j.status !== "AVAILABLE" && j.status !== "ARCHIVED", mt = async () => {
+		(await Xe({ variables: { id: j.id } })).data?.cosPublishDataset && (t.success("Dataset published", `“${j.name}” is now available.`), await A());
+	}, ht = async () => {
+		let e = await Ze({ variables: { id: j.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"), E("datasets");
-	}, ft = async () => {
-		(await Xe({ variables: {
-			id: k.id,
-			input: { tags: B }
-		} })).data?.cosUpdateDataset && (t.success("Tags updated"), await O());
-	}, pt = async () => {
-		if (!U.trim()) {
+	}, gt = async () => {
+		(await Qe({ variables: {
+			id: j.id,
+			input: { tags: H }
+		} })).data?.cosUpdateDataset && (t.success("Tags updated"), await A());
+	}, _t = async () => {
+		if (!G.trim()) {
 			t.error("Field name is required");
 			return;
 		}
-		(await Ze({ variables: { input: {
-			datasetId: k.id,
-			name: U.trim(),
-			fieldType: G,
-			unit: q.trim() || void 0,
-			description: Y.trim() || void 0,
-			provenance: X.trim() || void 0,
-			nullable: ot
-		} } })).data?.cosAddSchemaField && (t.success("Schema field added"), Z(!1), await O());
+		(await $e({ variables: { input: {
+			datasetId: j.id,
+			name: G.trim(),
+			fieldType: q,
+			unit: Y.trim() || void 0,
+			description: st.trim() || void 0,
+			provenance: ct.trim() || void 0,
+			nullable: ut
+		} } })).data?.cosAddSchemaField && (t.success("Schema field added"), Z(!1), await A());
 	};
 	return /* @__PURE__ */ f(s, {
-		title: k.name,
-		description: k.description ?? void 0,
+		title: j.name,
+		description: j.description ?? void 0,
 		backPath: "datasets",
 		actions: /* @__PURE__ */ f("div", {
 			className: "flex flex-wrap items-center justify-end gap-2",
@@ -176,19 +177,19 @@ function E() {
 				/* @__PURE__ */ f(g, {
 					type: "button",
 					variant: "outline",
-					onClick: () => E(`datasets/${k.id}/edit`),
-					children: [/* @__PURE__ */ d(we, { className: "size-4" }), "Edit"]
+					onClick: () => E(`datasets/${j.id}/edit`),
+					children: [/* @__PURE__ */ d(Te, { className: "size-4" }), "Edit"]
 				}),
-				lt ? /* @__PURE__ */ d(g, {
+				pt ? /* @__PURE__ */ d(g, {
 					type: "button",
-					onClick: () => void ut(),
-					disabled: j,
-					children: j ? "Publishing…" : "Publish"
+					onClick: () => void mt(),
+					disabled: N,
+					children: N ? "Publishing…" : "Publish"
 				}) : null,
 				/* @__PURE__ */ d(oe, {
-					ariaLabel: `Actions for ${k.name}`,
-					entityName: k.name,
-					onDelete: () => dt(),
+					ariaLabel: `Actions for ${j.name}`,
+					entityName: j.name,
+					onDelete: () => ht(),
 					deleteLabel: "Archive dataset"
 				})
 			]
@@ -199,22 +200,22 @@ function E() {
 				/* @__PURE__ */ f("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						/* @__PURE__ */ d(c, { status: k.status }),
+						/* @__PURE__ */ d(c, { status: j.status }),
 						/* @__PURE__ */ d(c, {
-							status: k.accessLevel,
-							label: l(k.accessLevel)
+							status: j.accessLevel,
+							label: l(j.accessLevel)
 						}),
 						/* @__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, {
+								/* @__PURE__ */ d(Se, {
 									className: "size-3.5 text-text-tertiary",
 									"aria-hidden": "true"
 								}),
 								/* @__PURE__ */ f("span", {
 									className: "text-text-primary",
-									children: ["v", k.version]
+									children: ["v", j.version]
 								}),
 								/* @__PURE__ */ d("span", {
 									className: "text-text-tertiary",
@@ -229,14 +230,14 @@ function E() {
 					children: [
 						/* @__PURE__ */ d(T, {
 							label: "Source",
-							value: k.source ? /* @__PURE__ */ f("button", {
+							value: j.source ? /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => E(`sources/${k.source?.id}`),
+								onClick: () => E(`sources/${j.source?.id}`),
 								className: "inline-flex items-center gap-1.5 text-text-primary underline-offset-2 hover:underline",
-								children: [/* @__PURE__ */ d(Ee, {
+								children: [/* @__PURE__ */ d(De, {
 									className: "size-4 text-text-secondary",
 									"aria-hidden": "true"
-								}), k.source.name]
+								}), j.source.name]
 							}) : /* @__PURE__ */ d("span", {
 								className: "text-text-secondary",
 								children: "Not linked"
@@ -244,14 +245,14 @@ function E() {
 						}),
 						/* @__PURE__ */ d(T, {
 							label: "Collection",
-							value: k.collection ? /* @__PURE__ */ f("button", {
+							value: j.collection ? /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => E(`collections/${k.collection?.id}`),
+								onClick: () => E(`collections/${j.collection?.id}`),
 								className: "inline-flex items-center gap-1.5 text-text-primary underline-offset-2 hover:underline",
-								children: [/* @__PURE__ */ d(ve, {
+								children: [/* @__PURE__ */ d(ye, {
 									className: "size-4 text-text-secondary",
 									"aria-hidden": "true"
-								}), k.collection.name]
+								}), j.collection.name]
 							}) : /* @__PURE__ */ d("span", {
 								className: "text-text-secondary",
 								children: "Not in a collection"
@@ -259,18 +260,18 @@ function E() {
 						}),
 						/* @__PURE__ */ d(T, {
 							label: "Format",
-							value: /* @__PURE__ */ d("span", { children: k.format || "Not specified" })
+							value: /* @__PURE__ */ d("span", { children: j.format || "Not specified" })
 						}),
 						/* @__PURE__ */ d(T, {
 							label: "Size",
 							value: /* @__PURE__ */ f("span", {
 								className: "tabular-nums",
-								children: [Ge(k.sizeBytes), Number(k.rowCount) > 0 ? /* @__PURE__ */ f("span", {
+								children: [Ke(j.sizeBytes), Number(j.rowCount) > 0 ? /* @__PURE__ */ f("span", {
 									className: "text-text-secondary",
 									children: [
 										" ",
 										"· ",
-										Number(k.rowCount).toLocaleString(),
+										Number(j.rowCount).toLocaleString(),
 										" rows"
 									]
 								}) : null]
@@ -278,24 +279,24 @@ function E() {
 						}),
 						/* @__PURE__ */ d(T, {
 							label: "Ingested",
-							value: /* @__PURE__ */ d("span", { children: w(k.ingestedAt) })
+							value: /* @__PURE__ */ d("span", { children: w(j.ingestedAt) })
 						}),
 						/* @__PURE__ */ d(T, {
 							label: "Created",
-							value: /* @__PURE__ */ d("span", { children: w(k.createdAt) })
+							value: /* @__PURE__ */ d("span", { children: w(j.createdAt) })
 						}),
 						/* @__PURE__ */ d(T, {
 							label: "Updated",
-							value: /* @__PURE__ */ d("span", { children: w(k.updatedAt) })
+							value: /* @__PURE__ */ d("span", { children: w(j.updatedAt) })
 						}),
 						/* @__PURE__ */ d(T, {
 							label: "Artifact",
-							value: k.file ? A ? /* @__PURE__ */ f("a", {
-								href: A,
+							value: j.file ? M ? /* @__PURE__ */ f("a", {
+								href: M,
 								target: "_blank",
 								rel: "noopener noreferrer",
 								className: "inline-flex items-center gap-1.5 text-text-primary underline-offset-2 hover:underline",
-								children: [/* @__PURE__ */ d(be, {
+								children: [/* @__PURE__ */ d(xe, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}), "Download file"]
@@ -315,7 +316,7 @@ function E() {
 						className: "flex items-center justify-between gap-3",
 						children: [/* @__PURE__ */ f("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ d(De, {
+							children: [/* @__PURE__ */ d(Oe, {
 								className: "size-5 text-text-secondary",
 								"aria-hidden": "true"
 							}), /* @__PURE__ */ d("h2", {
@@ -324,18 +325,18 @@ function E() {
 							})]
 						}), /* @__PURE__ */ f("button", {
 							type: "button",
-							onClick: () => E(`lineage/${k.id}`),
+							onClick: () => E(`lineage/${j.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, {
+							children: ["View full lineage", /* @__PURE__ */ d(ve, {
 								className: "size-4",
 								"aria-hidden": "true"
 							})]
 						})]
-					}), Qe && z.nodes.length <= 1 ? /* @__PURE__ */ d(o, { label: "Building lineage…" }) : z.nodes.length <= 1 ? /* @__PURE__ */ d("div", {
+					}), et && V.nodes.length <= 1 ? /* @__PURE__ */ d(o, { label: "Building lineage…" }) : V.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: z,
+					}) : /* @__PURE__ */ d(pe, {
+						model: V,
 						mode: "compact",
 						onNavigate: E
 					})]
@@ -378,15 +379,15 @@ function E() {
 							variant: "outline",
 							size: "sm",
 							onClick: () => Z(!0),
-							children: [/* @__PURE__ */ d(Te, { className: "size-4" }), "Add field"]
+							children: [/* @__PURE__ */ d(Ee, { className: "size-4" }), "Add field"]
 						})]
 					}), Q.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(he, { children: [/* @__PURE__ */ d("div", {
+					}) : /* @__PURE__ */ f(ge, { 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(x, { children: [
+						children: /* @__PURE__ */ f(Ve, { children: [/* @__PURE__ */ d(Ue, { children: /* @__PURE__ */ f(x, { children: [
 							/* @__PURE__ */ d(b, {
 								className: "w-10 text-right",
 								children: "#"
@@ -396,51 +397,63 @@ function E() {
 							/* @__PURE__ */ d(b, { children: "Unit" }),
 							/* @__PURE__ */ d(b, { children: "Nullable" }),
 							/* @__PURE__ */ d(b, { children: "Provenance" })
-						] }) }), /* @__PURE__ */ d(Ve, { children: Q.map((e, t) => /* @__PURE__ */ f(x, { children: [
-							/* @__PURE__ */ d(y, {
-								className: "text-right text-xs tabular-nums text-text-tertiary",
-								children: t + 1
-							}),
-							/* @__PURE__ */ f(y, { 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, {
-								variant: "secondary",
-								children: l(e.fieldType)
-							}) }),
-							/* @__PURE__ */ d(y, {
-								className: "text-sm text-text-secondary",
-								children: e.unit ? e.unit : C(e) ? /* @__PURE__ */ f("span", {
-									className: "inline-flex items-center gap-1 text-status-warning-text",
-									title: `${l(e.fieldType)} fields carry a measured quantity — record the unit so consumers can interpret the values.`,
-									children: [/* @__PURE__ */ d(m, {
-										className: "size-3.5",
-										"aria-hidden": "true"
-									}), "Not set"]
-								}) : "—"
-							}),
-							/* @__PURE__ */ d(y, {
-								className: "text-sm text-text-secondary",
-								children: e.nullable ? "Yes" : "No"
-							}),
-							/* @__PURE__ */ d(y, {
-								className: "text-sm text-text-secondary",
-								children: e.provenance || "—"
-							})
-						] }, e.id)) })] })
+						] }) }), /* @__PURE__ */ d(He, { children: Q.map((e, t) => /* @__PURE__ */ f(x, {
+							"aria-selected": D === e.id,
+							"data-state": D === e.id ? "selected" : void 0,
+							className: D === e.id ? "bg-bg-sunken" : void 0,
+							children: [
+								/* @__PURE__ */ d(y, {
+									className: "text-right text-xs tabular-nums text-text-tertiary",
+									children: t + 1
+								}),
+								/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ d("button", {
+									type: "button",
+									onClick: () => O(e.id),
+									"aria-pressed": D === e.id,
+									className: "text-left font-medium text-text-primary underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-focus",
+									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, {
+									variant: "secondary",
+									children: l(e.fieldType)
+								}) }),
+								/* @__PURE__ */ d(y, {
+									className: "text-sm text-text-secondary",
+									children: e.unit ? e.unit : C(e) ? /* @__PURE__ */ f("span", {
+										className: "inline-flex items-center gap-1 text-status-warning-text",
+										title: `${l(e.fieldType)} fields carry a measured quantity — record the unit so consumers can interpret the values.`,
+										children: [/* @__PURE__ */ d(m, {
+											className: "size-3.5",
+											"aria-hidden": "true"
+										}), "Not set"]
+									}) : "—"
+								}),
+								/* @__PURE__ */ d(y, {
+									className: "text-sm text-text-secondary",
+									children: e.nullable ? "Yes" : "No"
+								}),
+								/* @__PURE__ */ d(y, {
+									className: "text-sm text-text-secondary",
+									children: e.provenance || "—"
+								})
+							]
+						}, e.id)) })] })
 					}), /* @__PURE__ */ d("div", {
 						className: "space-y-2 md:hidden",
 						children: Q.map((e) => /* @__PURE__ */ f("div", {
-							className: "rounded-card border border-border-default bg-bg-elevated p-3",
+							"aria-current": D === e.id ? "true" : void 0,
+							className: D === e.id ? "rounded-card border border-border-focus bg-bg-sunken p-3" : "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: [/* @__PURE__ */ d("button", {
+										type: "button",
+										onClick: () => O(e.id),
+										"aria-pressed": D === e.id,
+										className: "text-left font-medium text-text-primary underline-offset-2 hover:underline",
 										children: e.name
 									}), /* @__PURE__ */ d(h, {
 										variant: "secondary",
@@ -493,17 +506,17 @@ function E() {
 				/* @__PURE__ */ f("section", {
 					className: "space-y-3 rounded-card border border-border-default bg-bg-elevated p-5",
 					children: [/* @__PURE__ */ d(ue, {
-						value: B,
-						onChange: V,
+						value: H,
+						onChange: U,
 						label: "Dataset tags"
-					}), tt ? /* @__PURE__ */ d("div", {
+					}), rt ? /* @__PURE__ */ d("div", {
 						className: "flex justify-end",
 						children: /* @__PURE__ */ d(g, {
 							type: "button",
 							size: "sm",
-							onClick: () => void ft(),
-							disabled: M,
-							children: M ? "Saving…" : "Save tags"
+							onClick: () => void gt(),
+							disabled: P,
+							children: P ? "Saving…" : "Save tags"
 						})
 					}) : null]
 				}),
@@ -511,7 +524,7 @@ function E() {
 					className: "space-y-3",
 					children: [/* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ d(Se, {
+						children: [/* @__PURE__ */ d(Ce, {
 							className: "size-5 text-text-secondary",
 							"aria-hidden": "true"
 						}), /* @__PURE__ */ d("h2", {
@@ -519,7 +532,7 @@ function E() {
 							children: "Activity"
 						})]
 					}), /* @__PURE__ */ d(ce, {
-						resourceId: k.id,
+						resourceId: j.id,
 						resourceType: "cosmicintersection-dataset"
 					})]
 				}),
@@ -527,7 +540,7 @@ function E() {
 					className: "space-y-3",
 					children: [/* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ d(Ce, {
+						children: [/* @__PURE__ */ d(we, {
 							className: "size-5 text-text-secondary",
 							"aria-hidden": "true"
 						}), /* @__PURE__ */ d("h2", {
@@ -536,19 +549,19 @@ function E() {
 						})]
 					}), /* @__PURE__ */ d(le, {
 						entityType: "cosmicintersection-dataset",
-						entityId: k.id,
-						title: k.name,
+						entityId: j.id,
+						title: j.name,
 						widgetKey: "dataset-discussion"
 					})]
 				})
 			]
-		}), /* @__PURE__ */ d(ke, {
-			open: nt,
+		}), /* @__PURE__ */ d(Ae, {
+			open: it,
 			onOpenChange: Z,
-			children: /* @__PURE__ */ f(Ae, { children: [
-				/* @__PURE__ */ f(Ne, { children: [/* @__PURE__ */ d(Pe, { children: "Add schema field" }), /* @__PURE__ */ f(je, { children: [
+			children: /* @__PURE__ */ f(je, { children: [
+				/* @__PURE__ */ f(Pe, { children: [/* @__PURE__ */ d(Fe, { children: "Add schema field" }), /* @__PURE__ */ f(Me, { children: [
 					"Document a column in “",
-					k.name,
+					j.name,
 					"” — its type, unit and provenance."
 				] })] }),
 				/* @__PURE__ */ f("div", {
@@ -561,8 +574,8 @@ function E() {
 								children: "Name"
 							}), /* @__PURE__ */ d(_, {
 								id: "cos-field-name",
-								value: U,
-								onChange: (e) => W(e.target.value),
+								value: G,
+								onChange: (e) => K(e.target.value),
 								placeholder: "e.g. right_ascension",
 								required: !0
 							})]
@@ -574,14 +587,14 @@ function E() {
 								children: [/* @__PURE__ */ d(v, {
 									htmlFor: "cos-field-type",
 									children: "Type"
-								}), /* @__PURE__ */ f(Fe, {
-									value: G,
-									onValueChange: (e) => K(e),
-									children: [/* @__PURE__ */ d(Re, {
+								}), /* @__PURE__ */ f(Ie, {
+									value: q,
+									onValueChange: (e) => J(e),
+									children: [/* @__PURE__ */ d(ze, {
 										id: "cos-field-type",
 										"aria-label": "Field type",
-										children: /* @__PURE__ */ d(ze, {})
-									}), /* @__PURE__ */ d(Ie, { children: We.map((e) => /* @__PURE__ */ d(Le, {
+										children: /* @__PURE__ */ d(Be, {})
+									}), /* @__PURE__ */ d(Le, { children: Ge.map((e) => /* @__PURE__ */ d(Re, {
 										value: e,
 										children: l(e)
 									}, e)) })]
@@ -593,8 +606,8 @@ function E() {
 									children: "Unit"
 								}), /* @__PURE__ */ d(_, {
 									id: "cos-field-unit",
-									value: q,
-									onChange: (e) => J(e.target.value),
+									value: Y,
+									onChange: (e) => ot(e.target.value),
 									placeholder: "e.g. deg, mag, Jy"
 								})]
 							})]
@@ -604,10 +617,10 @@ function E() {
 							children: [/* @__PURE__ */ d(v, {
 								htmlFor: "cos-field-desc",
 								children: "Description"
-							}), /* @__PURE__ */ d(Ue, {
+							}), /* @__PURE__ */ d(We, {
 								id: "cos-field-desc",
-								value: Y,
-								onChange: (e) => it(e.target.value),
+								value: st,
+								onChange: (e) => X(e.target.value),
 								rows: 2
 							})]
 						}),
@@ -618,31 +631,31 @@ function E() {
 								children: "Provenance"
 							}), /* @__PURE__ */ d(_, {
 								id: "cos-field-prov",
-								value: X,
-								onChange: (e) => at(e.target.value),
+								value: ct,
+								onChange: (e) => lt(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(Oe, {
-								checked: ot,
-								onCheckedChange: (e) => st(e === !0)
+							children: [/* @__PURE__ */ d(ke, {
+								checked: ut,
+								onCheckedChange: (e) => dt(e === !0)
 							}), "Nullable (may contain empty values)"]
 						})
 					]
 				}),
-				/* @__PURE__ */ f(Me, { children: [/* @__PURE__ */ d(g, {
+				/* @__PURE__ */ f(Ne, { children: [/* @__PURE__ */ d(g, {
 					type: "button",
 					variant: "outline",
 					onClick: () => Z(!1),
-					disabled: N,
+					disabled: F,
 					children: "Cancel"
 				}), /* @__PURE__ */ d(g, {
 					type: "button",
-					onClick: () => void pt(),
-					disabled: N,
-					children: N ? "Adding…" : "Add field"
+					onClick: () => void _t(),
+					disabled: F,
+					children: F ? "Adding…" : "Add field"
 				})] })
 			] })
 		})]