npm - @burdenoff/microfe-cosmicintersection - Versions diffs - 2026.827.1 → 2026.830.2 - Mend

@burdenoff/microfe-cosmicintersection 2026.827.1 → 2026.830.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (70) hide show

package/dist/cosmicintersection/pages/discovery/DiscoveryPage.js CHANGED Viewed

@@ -1,30 +1,31 @@
 import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
 import { useCosCollectionsQuery as t, useCosDatasetsQuery as n, useCosSourcesQuery as r } from "../../api/cosmicApi.js";
-import i from "../../components/EmptyState.js";
-import a from "../../components/ErrorState.js";
+import { useTr as i } from "../../../shared/hooks/useTr.js";
+import a from "../../components/EmptyState.js";
+import o from "../../components/ErrorState.js";
 import ee from "../../components/LoadingState.js";
-import { cn as te } from "../../utils/cn.js";
-import o from "../../components/PageLayout.js";
-import s, { formatEnumLabel as c } from "../../components/StatusBadge.js";
+import { cn as s } from "../../utils/cn.js";
+import c from "../../components/PageLayout.js";
+import l, { formatEnumLabel as u } from "../../components/StatusBadge.js";
 import "../../components/index.js";
-import ne from "../../components/FacetPanel.js";
-import { useEffect as re, useMemo as l, useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { ArrowUpDown as p, Database as m, FileText as h, Rows3 as g, Search as _, SlidersHorizontal as ie, Table as ae, X as v } from "lucide-react";
-import { Badge as y, Button as b, Input as x, Select as S, SelectContent as C, SelectItem as w, SelectTrigger as T, SelectValue as E } from "@burdenoff/fe-libs/ui";
+import te from "../../components/FacetPanel.js";
+import { useEffect as ne, useMemo as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ArrowUpDown as h, Database as g, FileText as _, Rows3 as v, Search as y, SlidersHorizontal as b, Table as x, X as S } from "lucide-react";
+import { Badge as re, Button as C, Input as ie, Select as ae, SelectContent as oe, SelectItem as se, SelectTrigger as ce, SelectValue as le } from "@burdenoff/fe-libs/ui";
 //#region src/cosmicintersection/pages/discovery/DiscoveryPage.tsx
-var D = 200, oe = 300, se = [
+var w = 200, ue = 300, de = [
 	"PUBLIC",
 	"WORKSPACE",
 	"RESTRICTED",
 	"EMBARGOED"
-], O = {
+], T = {
 	relevance: "Best match",
 	name: "Name A–Z",
 	updated: "Recently updated",
 	size: "Largest first"
 };
-function ce(e) {
+function E(e) {
 	if (!e) return "—";
 	let t = Number(e);
 	if (!Number.isFinite(t) || t <= 0) return "—";
@@ -39,60 +40,60 @@ function ce(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 k(e) {
+function D(e) {
 	let t = Number(e ?? 0);
 	return Number.isFinite(t) && t > 0 ? `${t.toLocaleString()} rows` : "no rows";
 }
-function A() {
-	let { navigate: A } = e(), [j, M] = u(""), [N, P] = u(""), [F, I] = u({}), [L, R] = u("relevance"), [z, B] = u(!1);
-	re(() => {
-		let e = window.setTimeout(() => P(j.trim()), oe);
+function O() {
+	let { navigate: O } = e(), k = i(), [A, j] = f(""), [M, N] = f(""), [P, F] = f({}), [I, L] = f("relevance"), [R, z] = f(!1);
+	ne(() => {
+		let e = window.setTimeout(() => N(A.trim()), ue);
 		return () => window.clearTimeout(e);
-	}, [j]);
-	let V = n({
-		q: N || void 0,
+	}, [A]);
+	let B = n({
+		q: M || void 0,
 		pagination: {
-			limit: D,
+			limit: w,
 			offset: 0
 		}
-	}), H = r({ pagination: {
-		limit: D,
+	}), V = r({ pagination: {
+		limit: w,
 		offset: 0
-	} }), U = t(), W = l(() => V.data?.cosListDatasets?.items ?? [], [V.data]), le = !!V.data?.cosListDatasets?.pageInfo?.hasMore, G = l(() => H.data?.cosListSources?.items ?? [], [H.data]), K = l(() => U.data?.cosListCollections ?? [], [U.data]), q = l(() => {
+	} }), H = t(), U = d(() => B.data?.cosListDatasets?.items ?? [], [B.data]), fe = !!B.data?.cosListDatasets?.pageInfo?.hasMore, W = d(() => V.data?.cosListSources?.items ?? [], [V.data]), G = d(() => H.data?.cosListCollections ?? [], [H.data]), K = d(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of G) e.set(t.id, t.type);
+		for (let t of W) e.set(t.id, t.type);
 		return e;
-	}, [G]), J = l(() => {
+	}, [W]), q = d(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of K) e.set(t.id, t.name);
+		for (let t of G) e.set(t.id, t.name);
 		return e;
-	}, [K]), Y = l(() => {
-		let e = F.instrument ?? [], t = F.access ?? [], n = F.format ?? [], r = F.mission ?? [];
+	}, [G]), J = d(() => {
+		let e = P.instrument ?? [], t = P.access ?? [], n = P.format ?? [], r = P.mission ?? [];
 		return {
 			instrument: (t) => {
 				if (e.length === 0) return !0;
-				let n = t.sourceId ? q.get(t.sourceId) : void 0;
+				let n = t.sourceId ? K.get(t.sourceId) : void 0;
 				return n ? e.includes(n) : !1;
 			},
 			access: (e) => t.length === 0 || t.includes(e.accessLevel),
 			format: (e) => n.length === 0 || (e.format ? n.includes(e.format) : !1),
 			mission: (e) => r.length === 0 || (e.collectionId ? r.includes(e.collectionId) : !1)
 		};
-	}, [F, q]), X = l(() => (e, t) => {
+	}, [P, K]), Y = d(() => (e, t) => {
 		let n = 0;
-		for (let r of W) {
+		for (let r of U) {
 			let i = !0;
-			for (let t of Object.keys(Y)) if (t !== e && !Y[t](r)) {
+			for (let t of Object.keys(J)) if (t !== e && !J[t](r)) {
 				i = !1;
 				break;
 			}
 			i && t(r) && (n += 1);
 		}
 		return n;
-	}, [W, Y]), ue = l(() => {
+	}, [U, J]), X = d(() => {
 		let e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
-		for (let r of W) {
-			let i = r.sourceId ? q.get(r.sourceId) : void 0;
+		for (let r of U) {
+			let i = r.sourceId ? K.get(r.sourceId) : void 0;
 			i && e.add(i), r.format && t.add(r.format), r.collectionId && n.add(r.collectionId);
 		}
 		return [
@@ -101,17 +102,17 @@ function A() {
 				label: "Instrument",
 				options: [...e].map((e) => ({
 					value: e,
-					label: c(e),
-					count: X("instrument", (t) => t.sourceId ? q.get(t.sourceId) === e : !1)
+					label: u(e),
+					count: Y("instrument", (t) => t.sourceId ? K.get(t.sourceId) === e : !1)
 				})).sort((e, t) => t.count - e.count || e.label.localeCompare(t.label))
 			},
 			{
 				key: "access",
 				label: "Access",
-				options: se.map((e) => ({
+				options: de.map((e) => ({
 					value: e,
-					label: c(e),
-					count: X("access", (t) => t.accessLevel === e)
+					label: u(e),
+					count: Y("access", (t) => t.accessLevel === e)
 				}))
 			},
 			{
@@ -120,7 +121,7 @@ function A() {
 				options: [...t].sort((e, t) => e.localeCompare(t)).map((e) => ({
 					value: e,
 					label: e,
-					count: X("format", (t) => t.format === e)
+					count: Y("format", (t) => t.format === e)
 				}))
 			},
 			{
@@ -128,19 +129,19 @@ function A() {
 				label: "Mission / Survey",
 				options: [...n].map((e) => ({
 					value: e,
-					label: J.get(e) ?? "Unknown collection",
-					count: X("mission", (t) => t.collectionId === e)
+					label: q.get(e) ?? "Unknown collection",
+					count: Y("mission", (t) => t.collectionId === e)
 				})).sort((e, t) => t.count - e.count || e.label.localeCompare(t.label))
 			}
 		];
 	}, [
-		W,
+		U,
+		K,
 		q,
-		J,
-		X
-	]), Z = l(() => {
-		let e = [...W.filter((e) => Y.instrument(e) && Y.access(e) && Y.format(e) && Y.mission(e))];
-		switch (L) {
+		Y
+	]), Z = d(() => {
+		let e = [...U.filter((e) => J.instrument(e) && J.access(e) && J.format(e) && J.mission(e))];
+		switch (I) {
 			case "name":
 				e.sort((e, t) => e.name.localeCompare(t.name));
 				break;
@@ -154,189 +155,181 @@ function A() {
 		}
 		return e;
 	}, [
-		W,
-		Y,
-		L
-	]), Q = Object.values(F).reduce((e, t) => e + t.length, 0), de = (e, t) => {
-		I((n) => {
+		U,
+		J,
+		I
+	]), Q = Object.values(P).reduce((e, t) => e + t.length, 0), pe = (e, t) => {
+		F((n) => {
 			let r = n[e] ?? [], i = r.includes(t) ? r.filter((e) => e !== t) : [...r, t];
 			return {
 				...n,
 				[e]: i
 			};
 		});
-	}, $ = () => I({}), fe = V.loading && W.length === 0, pe = V.error, me = /* @__PURE__ */ d(ne, {
-		groups: ue,
-		selected: F,
-		onToggle: de,
+	}, $ = () => F({}), me = B.loading && U.length === 0, he = B.error, ge = /* @__PURE__ */ p(te, {
+		groups: X,
+		selected: P,
+		onToggle: pe,
 		onClear: $
 	});
-	return /* @__PURE__ */ d(o, {
-		title: "Discovery",
-		description: "Search and facet the federated science catalog — full-text across datasets, refined by instrument, access, format and mission.",
-		actions: /* @__PURE__ */ f(b, {
+	return /* @__PURE__ */ p(c, {
+		title: k("cosmicintersection.pages.discovery.title", "Discovery"),
+		description: k("cosmicintersection.pages.discovery.description", "Search and facet the federated science catalog — full-text across datasets, refined by instrument, access, format and mission."),
+		actions: /* @__PURE__ */ m(C, {
 			type: "button",
 			variant: "outline",
-			onClick: () => A("datasets"),
-			children: [/* @__PURE__ */ d(ae, { className: "size-4" }), "Table view"]
+			onClick: () => O("datasets"),
+			children: [/* @__PURE__ */ p(x, { className: "size-4" }), k("cosmicintersection.pages.discovery.tableView", "Table view")]
 		}),
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "space-y-5",
 			children: [
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ m("div", {
 					className: "relative",
 					children: [
-						/* @__PURE__ */ d(_, {
+						/* @__PURE__ */ p(y, {
 							className: "pointer-events-none absolute left-4 top-1/2 size-5 -translate-y-1/2 text-text-secondary",
 							"aria-hidden": "true"
 						}),
-						/* @__PURE__ */ d(x, {
+						/* @__PURE__ */ p(ie, {
 							type: "search",
-							value: j,
-							onChange: (e) => M(e.target.value),
-							placeholder: "Search datasets by name, description or tag…",
-							"aria-label": "Search datasets",
+							value: A,
+							onChange: (e) => j(e.target.value),
+							placeholder: k("cosmicintersection.pages.discovery.searchPlaceholder", "Search datasets by name, description or tag…"),
+							"aria-label": k("cosmicintersection.pages.discovery.searchAriaLabel", "Search datasets"),
 							className: "h-12 rounded-card pl-12 pr-11 text-base"
 						}),
-						j ? /* @__PURE__ */ d("button", {
+						A ? /* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: () => M(""),
-							"aria-label": "Clear search",
+							onClick: () => j(""),
+							"aria-label": k("cosmicintersection.pages.discovery.clearSearch", "Clear search"),
 							className: "absolute right-3 top-1/2 flex size-7 -translate-y-1/2 items-center justify-center rounded-full text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-focus",
-							children: /* @__PURE__ */ d(v, { className: "size-4" })
+							children: /* @__PURE__ */ p(S, { className: "size-4" })
 						}) : null
 					]
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ p("div", {
 					className: "flex items-center justify-between gap-3 lg:hidden",
-					children: /* @__PURE__ */ f(b, {
+					children: /* @__PURE__ */ m(C, {
 						type: "button",
 						variant: "outline",
-						onClick: () => B((e) => !e),
-						"aria-expanded": z,
-						children: [
-							/* @__PURE__ */ d(ie, { className: "size-4" }),
-							"Filters",
-							Q > 0 ? ` (${Q})` : ""
-						]
+						onClick: () => z((e) => !e),
+						"aria-expanded": R,
+						children: [/* @__PURE__ */ p(b, { className: "size-4" }), Q > 0 ? k("cosmicintersection.pages.discovery.filtersWithCount", "Filters ({{count}})", { count: Q }) : k("cosmicintersection.pages.discovery.filters", "Filters")]
 					})
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ m("div", {
 					className: "flex flex-col gap-6 lg:flex-row",
-					children: [/* @__PURE__ */ d("aside", {
-						className: te("shrink-0 lg:block lg:w-60 lg:border-r lg:border-border-seam lg:pr-6", z ? "block" : "hidden"),
-						children: /* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ p("aside", {
+						className: s("shrink-0 lg:block lg:w-60 lg:border-r lg:border-border-seam lg:pr-6", R ? "block" : "hidden"),
+						children: /* @__PURE__ */ p("div", {
 							className: "lg:sticky lg:top-0",
-							children: me
+							children: ge
 						})
-					}), /* @__PURE__ */ f("div", {
+					}), /* @__PURE__ */ m("div", {
 						className: "min-w-0 flex-1 space-y-4",
 						children: [
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex flex-wrap items-center justify-between gap-3",
-								children: [/* @__PURE__ */ f("div", {
+								children: [/* @__PURE__ */ m("div", {
 									className: "flex items-baseline gap-2",
-									children: [/* @__PURE__ */ d("span", {
+									children: [/* @__PURE__ */ p("span", {
 										className: "text-lg font-semibold tabular-nums text-text-primary",
 										children: Z.length
-									}), /* @__PURE__ */ f("span", {
+									}), /* @__PURE__ */ m("span", {
 										className: "text-sm text-text-secondary",
-										children: [Z.length === 1 ? "dataset" : "datasets", N ? ` matching “${N}”` : ""]
+										children: [Z.length === 1 ? k("cosmicintersection.pages.discovery.resultCountSingular", "dataset") : k("cosmicintersection.pages.discovery.resultCountPlural", "datasets"), M ? ` ${k("cosmicintersection.pages.discovery.matching", "matching “{{q}}”", { q: M })}` : ""]
 									})]
-								}), /* @__PURE__ */ f("label", {
+								}), /* @__PURE__ */ m("label", {
 									className: "flex items-center gap-2 text-sm",
-									children: [/* @__PURE__ */ d(p, {
+									children: [/* @__PURE__ */ p(h, {
 										className: "size-4 text-text-secondary",
 										"aria-hidden": "true"
-									}), /* @__PURE__ */ f(S, {
-										value: L,
-										onValueChange: (e) => R(e),
-										children: [/* @__PURE__ */ d(T, {
-											"aria-label": "Sort results",
+									}), /* @__PURE__ */ m(ae, {
+										value: I,
+										onValueChange: (e) => L(e),
+										children: [/* @__PURE__ */ p(ce, {
+											"aria-label": k("cosmicintersection.pages.discovery.sortResults", "Sort results"),
 											className: "w-48",
-											children: /* @__PURE__ */ d(E, {})
-										}), /* @__PURE__ */ d(C, { children: Object.keys(O).map((e) => /* @__PURE__ */ d(w, {
+											children: /* @__PURE__ */ p(le, {})
+										}), /* @__PURE__ */ p(oe, { children: Object.keys(T).map((e) => /* @__PURE__ */ p(se, {
 											value: e,
-											children: O[e]
+											children: T[e]
 										}, e)) })]
 									})]
 								})]
 							}),
-							le ? /* @__PURE__ */ f("p", {
+							fe ? /* @__PURE__ */ p("p", {
 								className: "rounded-card border border-border-default bg-bg-sunken px-3 py-2 text-xs text-text-secondary",
-								children: [
-									"Showing facets and results for the first ",
-									D,
-									" matches. Refine your search to narrow the set."
-								]
+								children: k("cosmicintersection.pages.discovery.poolLimitNotice", "Showing facets and results for the first {{limit}} matches. Refine your search to narrow the set.", { limit: w })
 							}) : null,
-							fe ? /* @__PURE__ */ d(ee, {
+							me ? /* @__PURE__ */ p(ee, {
 								variant: "rows",
 								rows: 6,
-								label: "Searching the catalog…"
-							}) : pe ? /* @__PURE__ */ d(a, {
-								message: "We could not run that search. Please try again.",
-								onRetry: () => void V.refetch()
-							}) : Z.length === 0 ? /* @__PURE__ */ d(i, {
-								icon: _,
-								title: N || Q > 0 ? "No datasets match" : "Start exploring",
-								description: N || Q > 0 ? "Try a broader search term or clear some facets." : "Search by name, description or tag, or pick a facet to browse the catalog.",
-								action: Q > 0 ? /* @__PURE__ */ d(b, {
+								label: k("cosmicintersection.pages.discovery.loading", "Searching the catalog…")
+							}) : he ? /* @__PURE__ */ p(o, {
+								message: k("cosmicintersection.pages.discovery.error", "We could not run that search. Please try again."),
+								onRetry: () => void B.refetch()
+							}) : Z.length === 0 ? /* @__PURE__ */ p(a, {
+								icon: y,
+								title: M || Q > 0 ? k("cosmicintersection.pages.discovery.noDatasetsMatch", "No datasets match") : k("cosmicintersection.pages.discovery.startExploring", "Start exploring"),
+								description: M || Q > 0 ? k("cosmicintersection.pages.discovery.noDatasetsMatchDescription", "Try a broader search term or clear some facets.") : k("cosmicintersection.pages.discovery.startExploringDescription", "Search by name, description or tag, or pick a facet to browse the catalog."),
+								action: Q > 0 ? /* @__PURE__ */ p(C, {
 									type: "button",
 									variant: "outline",
 									onClick: $,
-									children: "Clear filters"
+									children: k("cosmicintersection.pages.discovery.clearFilters", "Clear filters")
 								}) : void 0
-							}) : /* @__PURE__ */ d("div", {
+							}) : /* @__PURE__ */ p("div", {
 								className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3",
-								children: Z.map((e) => /* @__PURE__ */ f("button", {
+								children: Z.map((e) => /* @__PURE__ */ m("button", {
 									type: "button",
-									onClick: () => A(`datasets/${e.id}`),
+									onClick: () => O(`datasets/${e.id}`),
 									className: "group flex flex-col overflow-hidden rounded-card border border-border-default bg-bg-elevated text-left outline-none transition-colors hover:border-border-strong hover:bg-bg-sunken focus-visible:ring-2 focus-visible:ring-border-focus",
-									children: [/* @__PURE__ */ d("div", { className: "h-1 w-full bg-gradient-to-r from-accent-blue via-accent-purple to-accent-teal" }), /* @__PURE__ */ f("div", {
+									children: [/* @__PURE__ */ p("div", { className: "h-1 w-full bg-gradient-to-r from-accent-blue via-accent-purple to-accent-teal" }), /* @__PURE__ */ m("div", {
 										className: "flex flex-1 flex-col gap-3 p-4",
 										children: [
-											/* @__PURE__ */ d("h3", {
+											/* @__PURE__ */ p("h3", {
 												className: "line-clamp-2 text-sm font-semibold text-text-primary",
 												children: e.name
 											}),
-											/* @__PURE__ */ f("div", {
+											/* @__PURE__ */ m("div", {
 												className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-text-secondary",
 												children: [
-													/* @__PURE__ */ f("span", {
+													/* @__PURE__ */ m("span", {
 														className: "inline-flex items-center gap-1",
-														children: [/* @__PURE__ */ d(h, {
+														children: [/* @__PURE__ */ p(_, {
 															className: "size-3.5",
 															"aria-hidden": "true"
 														}), e.format || "No format"]
 													}),
-													/* @__PURE__ */ f("span", {
+													/* @__PURE__ */ m("span", {
 														className: "inline-flex items-center gap-1",
-														children: [/* @__PURE__ */ d(m, {
+														children: [/* @__PURE__ */ p(g, {
 															className: "size-3.5",
 															"aria-hidden": "true"
-														}), ce(e.sizeBytes)]
+														}), E(e.sizeBytes)]
 													}),
-													/* @__PURE__ */ f("span", {
+													/* @__PURE__ */ m("span", {
 														className: "inline-flex items-center gap-1",
-														children: [/* @__PURE__ */ d(g, {
+														children: [/* @__PURE__ */ p(v, {
 															className: "size-3.5",
 															"aria-hidden": "true"
-														}), k(e.rowCount)]
+														}), D(e.rowCount)]
 													})
 												]
 											}),
-											/* @__PURE__ */ f("div", {
+											/* @__PURE__ */ m("div", {
 												className: "flex flex-wrap items-center gap-1.5",
-												children: [/* @__PURE__ */ d(s, { status: e.status }), /* @__PURE__ */ d(s, { status: e.accessLevel })]
+												children: [/* @__PURE__ */ p(l, { status: e.status }), /* @__PURE__ */ p(l, { status: e.accessLevel })]
 											}),
-											e.tags.length > 0 ? /* @__PURE__ */ f("div", {
+											e.tags.length > 0 ? /* @__PURE__ */ m("div", {
 												className: "mt-auto flex flex-wrap gap-1 pt-1",
-												children: [e.tags.slice(0, 3).map((e) => /* @__PURE__ */ d(y, {
+												children: [e.tags.slice(0, 3).map((e) => /* @__PURE__ */ p(re, {
 													variant: "secondary",
 													className: "text-xs",
 													children: e
-												}, e)), e.tags.length > 3 ? /* @__PURE__ */ f("span", {
+												}, e)), e.tags.length > 3 ? /* @__PURE__ */ m("span", {
 													className: "text-xs text-text-secondary",
 													children: ["+", e.tags.length - 3]
 												}) : null]
@@ -353,6 +346,6 @@ function A() {
 	});
 }
 //#endregion
-export { A as default };
+export { O as default };
 //# sourceMappingURL=DiscoveryPage.js.map

package/dist/cosmicintersection/pages/discovery/DiscoveryPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DiscoveryPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/discovery/DiscoveryPage.tsx"],"sourcesContent":["/*\n DiscoveryPage — faceted full-text discovery over the federated dataset catalog\n * (mockup 05).\n \n A prominent debounced search bar drives the backend `q` full-text argument on\n * `cosListDatasets`; the matched datasets form a \"pool\" (capped at a generous\n * limit) from which every facet count and the result grid are derived — so counts\n * and results always agree and nothing is fabricated. Facets are multi-select and\n * cross-filtered (each group's counts reflect the other selected groups), matching\n * the standard faceted-search behaviour:\n * - Instrument → distinct source types (via cosListSources), mapped from each\n * dataset's sourceId\n * - Access → CosAccessLevel enum\n * - Format → distinct formats present in the pool\n * - Mission/Survey → collections (via cosListCollections)\n \n Everything renders from live backend data with honest loading / empty / error\n * states. Tokens only — no raw palette colours.\n /\nimport { useEffect, useMemo, useState } from 'react';\nimport {\n ArrowUpDown,\n Database,\n FileText,\n Rows3,\n Search,\n SlidersHorizontal,\n Table as TableIcon,\n X,\n} from 'lucide-react';\nimport {\n Badge,\n Button,\n Input,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n useCosCollectionsQuery,\n useCosDatasetsQuery,\n useCosSourcesQuery,\n type CosAccessLevel,\n type CosDataset,\n} from '../../api/cosmicApi';\nimport {\n EmptyState,\n ErrorState,\n LoadingState,\n PageLayout,\n StatusBadge,\n formatEnumLabel,\n} from '../../components';\nimport { FacetPanel, type FacetGroup } from '../../components/FacetPanel';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\nimport { cn } from '../../utils/cn';\n\n/* Generous ceiling for the search pool — facet counts reflect this window. /\nconst POOL_LIMIT = 200;\nconst SEARCH_DEBOUNCE_MS = 300;\n\nconst ACCESS_LEVELS: CosAccessLevel[] = ['PUBLIC', 'WORKSPACE', 'RESTRICTED', 'EMBARGOED'];\n\ntype SortKey = 'relevance' \| 'name' \| 'updated' \| 'size';\n\nconst SORT_LABELS: Record<SortKey, string> = {\n relevance: 'Best match',\n name: 'Name A–Z',\n updated: 'Recently updated',\n size: 'Largest first',\n};\n\n/* BigInt byte string → human-readable size, or an em dash when absent/zero. /\nfunction formatBytes(raw: string \| null \| undefined): string {\n if (!raw) {\n return '—';\n }\n const bytes = Number(raw);\n if (!Number.isFinite(bytes) \|\| bytes <= 0) {\n return '—';\n }\n const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'];\n let value = bytes;\n let unit = 0;\n while (value >= 1024 && unit < units.length - 1) {\n value /= 1024;\n unit += 1;\n }\n return `${value >= 10 \|\| unit === 0 ? Math.round(value) : value.toFixed(1)} ${units[unit]}`;\n}\n\nfunction formatRows(raw: string \| null \| undefined): string {\n const rows = Number(raw ?? 0);\n return Number.isFinite(rows) && rows > 0 ? `${rows.toLocaleString()} rows` : 'no rows';\n}\n\nexport default function DiscoveryPage() {\n const { navigate } = useCosmicIntersection();\n\n const [searchInput, setSearchInput] = useState('');\n const [q, setQ] = useState('');\n const [selected, setSelected] = useState<Record<string, string[]>>({});\n const [sort, setSort] = useState<SortKey>('relevance');\n const [facetsOpen, setFacetsOpen] = useState(false);\n\n // Debounce the raw input into the backend `q` argument.\n useEffect(() => {\n const handle = window.setTimeout(() => setQ(searchInput.trim()), SEARCH_DEBOUNCE_MS);\n return () => window.clearTimeout(handle);\n }, [searchInput]);\n\n const poolQuery = useCosDatasetsQuery({\n q: q \|\| undefined,\n pagination: { limit: POOL_LIMIT, offset: 0 },\n });\n const sourcesQuery = useCosSourcesQuery({ pagination: { limit: POOL_LIMIT, offset: 0 } });\n const collectionsQuery = useCosCollectionsQuery();\n\n const pool = useMemo(() => poolQuery.data?.cosListDatasets?.items ?? [], [poolQuery.data]);\n const poolHasMore = Boolean(poolQuery.data?.cosListDatasets?.pageInfo?.hasMore);\n const sources = useMemo(\n () => sourcesQuery.data?.cosListSources?.items ?? [],\n [sourcesQuery.data]\n );\n const collections = useMemo(\n () => collectionsQuery.data?.cosListCollections ?? [],\n [collectionsQuery.data]\n );\n\n // sourceId → source type, so a dataset can be bucketed by instrument type.\n const sourceTypeById = useMemo(() => {\n const map = new Map<string, string>();\n for (const source of sources) {\n map.set(source.id, source.type);\n }\n return map;\n }, [sources]);\n\n const collectionNameById = useMemo(() => {\n const map = new Map<string, string>();\n for (const collection of collections) {\n map.set(collection.id, collection.name);\n }\n return map;\n }, [collections]);\n\n // Per-group predicates — a dataset \"matches\" a group if the group has no\n // selection or the dataset's value is among the selected values.\n const matchers = useMemo(() => {\n const instrument = selected.instrument ?? [];\n const access = selected.access ?? [];\n const format = selected.format ?? [];\n const mission = selected.mission ?? [];\n return {\n instrument: (d: CosDataset) => {\n if (instrument.length === 0) return true;\n const type = d.sourceId ? sourceTypeById.get(d.sourceId) : undefined;\n return type ? instrument.includes(type) : false;\n },\n access: (d: CosDataset) => access.length === 0 \|\| access.includes(d.accessLevel),\n format: (d: CosDataset) =>\n format.length === 0 \|\| (d.format ? format.includes(d.format) : false),\n mission: (d: CosDataset) =>\n mission.length === 0 \|\| (d.collectionId ? mission.includes(d.collectionId) : false),\n } as const;\n }, [selected, sourceTypeById]);\n\n // Cross-filtered count: items passing every OTHER group, then the predicate.\n const countFor = useMemo(() => {\n return (groupKey: keyof typeof matchers, predicate: (d: CosDataset) => boolean): number => {\n let total = 0;\n for (const dataset of pool) {\n let ok = true;\n for (const key of Object.keys(matchers) as (keyof typeof matchers)[]) {\n if (key === groupKey) continue;\n if (!matchers[key](dataset)) {\n ok = false;\n break;\n }\n }\n if (ok && predicate(dataset)) {\n total += 1;\n }\n }\n return total;\n };\n }, [pool, matchers]);\n\n const facetGroups = useMemo<FacetGroup[]>(() => {\n // Universe of option values from the unfiltered pool (stable while toggling).\n const instrumentTypes = new Set<string>();\n const formats = new Set<string>();\n const missionIds = new Set<string>();\n for (const dataset of pool) {\n const type = dataset.sourceId ? sourceTypeById.get(dataset.sourceId) : undefined;\n if (type) instrumentTypes.add(type);\n if (dataset.format) formats.add(dataset.format);\n if (dataset.collectionId) missionIds.add(dataset.collectionId);\n }\n\n const instrument: FacetGroup = {\n key: 'instrument',\n label: 'Instrument',\n options: [...instrumentTypes]\n .map((type) => ({\n value: type,\n label: formatEnumLabel(type),\n count: countFor('instrument', (d) =>\n d.sourceId ? sourceTypeById.get(d.sourceId) === type : false\n ),\n }))\n .sort((a, b) => b.count - a.count \|\| a.label.localeCompare(b.label)),\n };\n\n const access: FacetGroup = {\n key: 'access',\n label: 'Access',\n options: ACCESS_LEVELS.map((level) => ({\n value: level,\n label: formatEnumLabel(level),\n count: countFor('access', (d) => d.accessLevel === level),\n })),\n };\n\n const format: FacetGroup = {\n key: 'format',\n label: 'Format',\n options: [...formats]\n .sort((a, b) => a.localeCompare(b))\n .map((fmt) => ({\n value: fmt,\n label: fmt,\n count: countFor('format', (d) => d.format === fmt),\n })),\n };\n\n const mission: FacetGroup = {\n key: 'mission',\n label: 'Mission / Survey',\n options: [...missionIds]\n .map((id) => ({\n value: id,\n label: collectionNameById.get(id) ?? 'Unknown collection',\n count: countFor('mission', (d) => d.collectionId === id),\n }))\n .sort((a, b) => b.count - a.count \|\| a.label.localeCompare(b.label)),\n };\n\n return [instrument, access, format, mission];\n }, [pool, sourceTypeById, collectionNameById, countFor]);\n\n // Displayed results: the pool filtered by all selected facets, then sorted.\n const results = useMemo(() => {\n const filtered = pool.filter(\n (dataset) =>\n matchers.instrument(dataset) &&\n matchers.access(dataset) &&\n matchers.format(dataset) &&\n matchers.mission(dataset)\n );\n const sorted = [...filtered];\n switch (sort) {\n case 'name':\n sorted.sort((a, b) => a.name.localeCompare(b.name));\n break;\n case 'updated':\n sorted.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());\n break;\n case 'size':\n sorted.sort((a, b) => Number(b.sizeBytes) - Number(a.sizeBytes));\n break;\n case 'relevance':\n default:\n break; // preserve backend order (relevance when `q` is present)\n }\n return sorted;\n }, [pool, matchers, sort]);\n\n const totalSelected = Object.values(selected).reduce((sum, values) => sum + values.length, 0);\n\n const handleToggle = (groupKey: string, value: string) => {\n setSelected((prev) => {\n const current = prev[groupKey] ?? [];\n const next = current.includes(value)\n ? current.filter((item) => item !== value)\n : [...current, value];\n return { ...prev, [groupKey]: next };\n });\n };\n\n const handleClear = () => setSelected({});\n\n const loading = poolQuery.loading && pool.length === 0;\n const error = poolQuery.error;\n\n const facetPanel = (\n <FacetPanel\n groups={facetGroups}\n selected={selected}\n onToggle={handleToggle}\n onClear={handleClear}\n />\n );\n\n return (\n <PageLayout\n title=\"Discovery\"\n description=\"Search and facet the federated science catalog — full-text across datasets, refined by instrument, access, format and mission.\"\n actions={\n <Button type=\"button\" variant=\"outline\" onClick={() => navigate('datasets')}>\n <TableIcon className=\"size-4\" />\n Table view\n </Button>\n }\n >\n <div className=\"space-y-5\">\n {/ Search bar /}\n <div className=\"relative\">\n <Search\n className=\"pointer-events-none absolute left-4 top-1/2 size-5 -translate-y-1/2 text-text-secondary\"\n aria-hidden=\"true\"\n />\n <Input\n type=\"search\"\n value={searchInput}\n onChange={(event) => setSearchInput(event.target.value)}\n placeholder=\"Search datasets by name, description or tag…\"\n aria-label=\"Search datasets\"\n className=\"h-12 rounded-card pl-12 pr-11 text-base\"\n />\n {searchInput ? (\n <button\n type=\"button\"\n onClick={() => setSearchInput('')}\n aria-label=\"Clear search\"\n className=\"absolute right-3 top-1/2 flex size-7 -translate-y-1/2 items-center justify-center rounded-full text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-focus\"\n >\n <X className=\"size-4\" />\n </button>\n ) : null}\n </div>\n\n {/ Mobile facet toggle /}\n <div className=\"flex items-center justify-between gap-3 lg:hidden\">\n <Button\n type=\"button\"\n variant=\"outline\"\n onClick={() => setFacetsOpen((open) => !open)}\n aria-expanded={facetsOpen}\n >\n <SlidersHorizontal className=\"size-4\" />\n Filters{totalSelected > 0 ? ` (${totalSelected})` : ''}\n </Button>\n </div>\n\n <div className=\"flex flex-col gap-6 lg:flex-row\">\n {/ Facets — sticky sidebar on desktop, collapsible on mobile /}\n <aside\n className={cn(\n 'shrink-0 lg:block lg:w-60 lg:border-r lg:border-border-seam lg:pr-6',\n facetsOpen ? 'block' : 'hidden'\n )}\n >\n <div className=\"lg:sticky lg:top-0\">{facetPanel}</div>\n </aside>\n\n {/ Results */}\n <div className=\"min-w-0 flex-1 space-y-4\">\n <div className=\"flex flex-wrap items-center justify-between gap-3\">\n <div className=\"flex items-baseline gap-2\">\n <span className=\"text-lg font-semibold tabular-nums text-text-primary\">\n {results.length}\n </span>\n <span className=\"text-sm text-text-secondary\">\n {results.length === 1 ? 'dataset' : 'datasets'}\n {q ? ` matching “${q}”` : ''}\n </span>\n </div>\n <label className=\"flex items-center gap-2 text-sm\">\n <ArrowUpDown className=\"size-4 text-text-secondary\" aria-hidden=\"true\" />\n <Select value={sort} onValueChange={(value) => setSort(value as SortKey)}>\n <SelectTrigger aria-label=\"Sort results\" className=\"w-48\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {(Object.keys(SORT_LABELS) as SortKey[]).map((key) => (\n <SelectItem key={key} value={key}>\n {SORT_LABELS[key]}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </label>\n </div>\n\n {poolHasMore ? (\n <p className=\"rounded-card border border-border-default bg-bg-sunken px-3 py-2 text-xs text-text-secondary\">\n Showing facets and results for the first {POOL_LIMIT} matches. Refine your search to\n narrow the set.\n </p>\n ) : null}\n\n {loading ? (\n <LoadingState variant=\"rows\" rows={6} label=\"Searching the catalog…\" />\n ) : error ? (\n <ErrorState\n message=\"We could not run that search. Please try again.\"\n onRetry={() => void poolQuery.refetch()}\n />\n ) : results.length === 0 ? (\n <EmptyState\n icon={Search}\n title={q \|\| totalSelected > 0 ? 'No datasets match' : 'Start exploring'}\n description={\n q \|\| totalSelected > 0\n ? 'Try a broader search term or clear some facets.'\n : 'Search by name, description or tag, or pick a facet to browse the catalog.'\n }\n action={\n totalSelected > 0 ? (\n <Button type=\"button\" variant=\"outline\" onClick={handleClear}>\n Clear filters\n </Button>\n ) : undefined\n }\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3\">\n {results.map((dataset) => (\n <button\n key={dataset.id}\n type=\"button\"\n onClick={() => navigate(`datasets/${dataset.id}`)}\n className=\"group flex flex-col overflow-hidden rounded-card border border-border-default bg-bg-elevated text-left outline-none transition-colors hover:border-border-strong hover:bg-bg-sunken focus-visible:ring-2 focus-visible:ring-border-focus\"\n >\n <div className=\"h-1 w-full bg-gradient-to-r from-accent-blue via-accent-purple to-accent-teal\" />\n <div className=\"flex flex-1 flex-col gap-3 p-4\">\n <h3 className=\"line-clamp-2 text-sm font-semibold text-text-primary\">\n {dataset.name}\n </h3>\n\n <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-text-secondary\">\n <span className=\"inline-flex items-center gap-1\">\n <FileText className=\"size-3.5\" aria-hidden=\"true\" />\n {dataset.format \|\| 'No format'}\n </span>\n <span className=\"inline-flex items-center gap-1\">\n <Database className=\"size-3.5\" aria-hidden=\"true\" />\n {formatBytes(dataset.sizeBytes)}\n </span>\n <span className=\"inline-flex items-center gap-1\">\n <Rows3 className=\"size-3.5\" aria-hidden=\"true\" />\n {formatRows(dataset.rowCount)}\n </span>\n </div>\n\n <div className=\"flex flex-wrap items-center gap-1.5\">\n <StatusBadge status={dataset.status} />\n <StatusBadge status={dataset.accessLevel} />\n </div>\n\n {dataset.tags.length > 0 ? (\n <div className=\"mt-auto flex flex-wrap gap-1 pt-1\">\n {dataset.tags.slice(0, 3).map((tag) => (\n <Badge key={tag} variant=\"secondary\" className=\"text-xs\">\n {tag}\n </Badge>\n ))}\n {dataset.tags.length > 3 ? (\n <span className=\"text-xs text-text-secondary\">\n +{dataset.tags.length - 3}\n </span>\n ) : null}\n </div>\n ) : null}\n </div>\n </button>\n ))}\n </div>\n )}\n </div>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"DiscoveryPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/discovery/DiscoveryPage.tsx"],"sourcesContent":["/*\n DiscoveryPage — faceted full-text discovery over the federated dataset catalog\n * (mockup 05).\n \n A prominent debounced search bar drives the backend `q` full-text argument on\n * `cosListDatasets`; the matched datasets form a \"pool\" (capped at a generous\n * limit) from which every facet count and the result grid are derived — so counts\n * and results always agree and nothing is fabricated. Facets are multi-select and\n * cross-filtered (each group's counts reflect the other selected groups), matching\n * the standard faceted-search behaviour:\n * - Instrument → distinct source types (via cosListSources), mapped from each\n * dataset's sourceId\n * - Access → CosAccessLevel enum\n * - Format → distinct formats present in the pool\n * - Mission/Survey → collections (via cosListCollections)\n \n Everything renders from live backend data with honest loading / empty / error\n * states. Tokens only — no raw palette colours.\n /\nimport { useEffect, useMemo, useState } from 'react';\nimport {\n ArrowUpDown,\n Database,\n FileText,\n Rows3,\n Search,\n SlidersHorizontal,\n Table as TableIcon,\n X,\n} from 'lucide-react';\nimport {\n Badge,\n Button,\n Input,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n useCosCollectionsQuery,\n useCosDatasetsQuery,\n useCosSourcesQuery,\n type CosAccessLevel,\n type CosDataset,\n} from '../../api/cosmicApi';\nimport {\n EmptyState,\n ErrorState,\n LoadingState,\n PageLayout,\n StatusBadge,\n formatEnumLabel,\n} from '../../components';\nimport { FacetPanel, type FacetGroup } from '../../components/FacetPanel';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\nimport { cn } from '../../utils/cn';\nimport { useTr } from '../../../shared/hooks/useTr';\n\n/* Generous ceiling for the search pool — facet counts reflect this window. /\nconst POOL_LIMIT = 200;\nconst SEARCH_DEBOUNCE_MS = 300;\n\nconst ACCESS_LEVELS: CosAccessLevel[] = ['PUBLIC', 'WORKSPACE', 'RESTRICTED', 'EMBARGOED'];\n\ntype SortKey = 'relevance' \| 'name' \| 'updated' \| 'size';\n\nconst SORT_LABELS: Record<SortKey, string> = {\n relevance: 'Best match',\n name: 'Name A–Z',\n updated: 'Recently updated',\n size: 'Largest first',\n};\n\n/* BigInt byte string → human-readable size, or an em dash when absent/zero. /\nfunction formatBytes(raw: string \| null \| undefined): string {\n if (!raw) {\n return '—';\n }\n const bytes = Number(raw);\n if (!Number.isFinite(bytes) \|\| bytes <= 0) {\n return '—';\n }\n const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'];\n let value = bytes;\n let unit = 0;\n while (value >= 1024 && unit < units.length - 1) {\n value /= 1024;\n unit += 1;\n }\n return `${value >= 10 \|\| unit === 0 ? Math.round(value) : value.toFixed(1)} ${units[unit]}`;\n}\n\nfunction formatRows(raw: string \| null \| undefined): string {\n const rows = Number(raw ?? 0);\n return Number.isFinite(rows) && rows > 0 ? `${rows.toLocaleString()} rows` : 'no rows';\n}\n\nexport default function DiscoveryPage() {\n const { navigate } = useCosmicIntersection();\n const tr = useTr();\n\n const [searchInput, setSearchInput] = useState('');\n const [q, setQ] = useState('');\n const [selected, setSelected] = useState<Record<string, string[]>>({});\n const [sort, setSort] = useState<SortKey>('relevance');\n const [facetsOpen, setFacetsOpen] = useState(false);\n\n // Debounce the raw input into the backend `q` argument.\n useEffect(() => {\n const handle = window.setTimeout(() => setQ(searchInput.trim()), SEARCH_DEBOUNCE_MS);\n return () => window.clearTimeout(handle);\n }, [searchInput]);\n\n const poolQuery = useCosDatasetsQuery({\n q: q \|\| undefined,\n pagination: { limit: POOL_LIMIT, offset: 0 },\n });\n const sourcesQuery = useCosSourcesQuery({ pagination: { limit: POOL_LIMIT, offset: 0 } });\n const collectionsQuery = useCosCollectionsQuery();\n\n const pool = useMemo(() => poolQuery.data?.cosListDatasets?.items ?? [], [poolQuery.data]);\n const poolHasMore = Boolean(poolQuery.data?.cosListDatasets?.pageInfo?.hasMore);\n const sources = useMemo(\n () => sourcesQuery.data?.cosListSources?.items ?? [],\n [sourcesQuery.data]\n );\n const collections = useMemo(\n () => collectionsQuery.data?.cosListCollections ?? [],\n [collectionsQuery.data]\n );\n\n // sourceId → source type, so a dataset can be bucketed by instrument type.\n const sourceTypeById = useMemo(() => {\n const map = new Map<string, string>();\n for (const source of sources) {\n map.set(source.id, source.type);\n }\n return map;\n }, [sources]);\n\n const collectionNameById = useMemo(() => {\n const map = new Map<string, string>();\n for (const collection of collections) {\n map.set(collection.id, collection.name);\n }\n return map;\n }, [collections]);\n\n // Per-group predicates — a dataset \"matches\" a group if the group has no\n // selection or the dataset's value is among the selected values.\n const matchers = useMemo(() => {\n const instrument = selected.instrument ?? [];\n const access = selected.access ?? [];\n const format = selected.format ?? [];\n const mission = selected.mission ?? [];\n return {\n instrument: (d: CosDataset) => {\n if (instrument.length === 0) return true;\n const type = d.sourceId ? sourceTypeById.get(d.sourceId) : undefined;\n return type ? instrument.includes(type) : false;\n },\n access: (d: CosDataset) => access.length === 0 \|\| access.includes(d.accessLevel),\n format: (d: CosDataset) =>\n format.length === 0 \|\| (d.format ? format.includes(d.format) : false),\n mission: (d: CosDataset) =>\n mission.length === 0 \|\| (d.collectionId ? mission.includes(d.collectionId) : false),\n } as const;\n }, [selected, sourceTypeById]);\n\n // Cross-filtered count: items passing every OTHER group, then the predicate.\n const countFor = useMemo(() => {\n return (groupKey: keyof typeof matchers, predicate: (d: CosDataset) => boolean): number => {\n let total = 0;\n for (const dataset of pool) {\n let ok = true;\n for (const key of Object.keys(matchers) as (keyof typeof matchers)[]) {\n if (key === groupKey) continue;\n if (!matchers[key](dataset)) {\n ok = false;\n break;\n }\n }\n if (ok && predicate(dataset)) {\n total += 1;\n }\n }\n return total;\n };\n }, [pool, matchers]);\n\n const facetGroups = useMemo<FacetGroup[]>(() => {\n // Universe of option values from the unfiltered pool (stable while toggling).\n const instrumentTypes = new Set<string>();\n const formats = new Set<string>();\n const missionIds = new Set<string>();\n for (const dataset of pool) {\n const type = dataset.sourceId ? sourceTypeById.get(dataset.sourceId) : undefined;\n if (type) instrumentTypes.add(type);\n if (dataset.format) formats.add(dataset.format);\n if (dataset.collectionId) missionIds.add(dataset.collectionId);\n }\n\n const instrument: FacetGroup = {\n key: 'instrument',\n label: 'Instrument',\n options: [...instrumentTypes]\n .map((type) => ({\n value: type,\n label: formatEnumLabel(type),\n count: countFor('instrument', (d) =>\n d.sourceId ? sourceTypeById.get(d.sourceId) === type : false\n ),\n }))\n .sort((a, b) => b.count - a.count \|\| a.label.localeCompare(b.label)),\n };\n\n const access: FacetGroup = {\n key: 'access',\n label: 'Access',\n options: ACCESS_LEVELS.map((level) => ({\n value: level,\n label: formatEnumLabel(level),\n count: countFor('access', (d) => d.accessLevel === level),\n })),\n };\n\n const format: FacetGroup = {\n key: 'format',\n label: 'Format',\n options: [...formats]\n .sort((a, b) => a.localeCompare(b))\n .map((fmt) => ({\n value: fmt,\n label: fmt,\n count: countFor('format', (d) => d.format === fmt),\n })),\n };\n\n const mission: FacetGroup = {\n key: 'mission',\n label: 'Mission / Survey',\n options: [...missionIds]\n .map((id) => ({\n value: id,\n label: collectionNameById.get(id) ?? 'Unknown collection',\n count: countFor('mission', (d) => d.collectionId === id),\n }))\n .sort((a, b) => b.count - a.count \|\| a.label.localeCompare(b.label)),\n };\n\n return [instrument, access, format, mission];\n }, [pool, sourceTypeById, collectionNameById, countFor]);\n\n // Displayed results: the pool filtered by all selected facets, then sorted.\n const results = useMemo(() => {\n const filtered = pool.filter(\n (dataset) =>\n matchers.instrument(dataset) &&\n matchers.access(dataset) &&\n matchers.format(dataset) &&\n matchers.mission(dataset)\n );\n const sorted = [...filtered];\n switch (sort) {\n case 'name':\n sorted.sort((a, b) => a.name.localeCompare(b.name));\n break;\n case 'updated':\n sorted.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());\n break;\n case 'size':\n sorted.sort((a, b) => Number(b.sizeBytes) - Number(a.sizeBytes));\n break;\n case 'relevance':\n default:\n break; // preserve backend order (relevance when `q` is present)\n }\n return sorted;\n }, [pool, matchers, sort]);\n\n const totalSelected = Object.values(selected).reduce((sum, values) => sum + values.length, 0);\n\n const handleToggle = (groupKey: string, value: string) => {\n setSelected((prev) => {\n const current = prev[groupKey] ?? [];\n const next = current.includes(value)\n ? current.filter((item) => item !== value)\n : [...current, value];\n return { ...prev, [groupKey]: next };\n });\n };\n\n const handleClear = () => setSelected({});\n\n const loading = poolQuery.loading && pool.length === 0;\n const error = poolQuery.error;\n\n const facetPanel = (\n <FacetPanel\n groups={facetGroups}\n selected={selected}\n onToggle={handleToggle}\n onClear={handleClear}\n />\n );\n\n return (\n <PageLayout\n title={tr('cosmicintersection.pages.discovery.title', 'Discovery')}\n description={tr(\n 'cosmicintersection.pages.discovery.description',\n 'Search and facet the federated science catalog — full-text across datasets, refined by instrument, access, format and mission.'\n )}\n actions={\n <Button type=\"button\" variant=\"outline\" onClick={() => navigate('datasets')}>\n <TableIcon className=\"size-4\" />\n {tr('cosmicintersection.pages.discovery.tableView', 'Table view')}\n </Button>\n }\n >\n <div className=\"space-y-5\">\n {/ Search bar /}\n <div className=\"relative\">\n <Search\n className=\"pointer-events-none absolute left-4 top-1/2 size-5 -translate-y-1/2 text-text-secondary\"\n aria-hidden=\"true\"\n />\n <Input\n type=\"search\"\n value={searchInput}\n onChange={(event) => setSearchInput(event.target.value)}\n placeholder={tr(\n 'cosmicintersection.pages.discovery.searchPlaceholder',\n 'Search datasets by name, description or tag…'\n )}\n aria-label={tr('cosmicintersection.pages.discovery.searchAriaLabel', 'Search datasets')}\n className=\"h-12 rounded-card pl-12 pr-11 text-base\"\n />\n {searchInput ? (\n <button\n type=\"button\"\n onClick={() => setSearchInput('')}\n aria-label={tr('cosmicintersection.pages.discovery.clearSearch', 'Clear search')}\n className=\"absolute right-3 top-1/2 flex size-7 -translate-y-1/2 items-center justify-center rounded-full text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-focus\"\n >\n <X className=\"size-4\" />\n </button>\n ) : null}\n </div>\n\n {/ Mobile facet toggle /}\n <div className=\"flex items-center justify-between gap-3 lg:hidden\">\n <Button\n type=\"button\"\n variant=\"outline\"\n onClick={() => setFacetsOpen((open) => !open)}\n aria-expanded={facetsOpen}\n >\n <SlidersHorizontal className=\"size-4\" />\n {totalSelected > 0\n ? tr('cosmicintersection.pages.discovery.filtersWithCount', 'Filters ({{count}})', {\n count: totalSelected,\n })\n : tr('cosmicintersection.pages.discovery.filters', 'Filters')}\n </Button>\n </div>\n\n <div className=\"flex flex-col gap-6 lg:flex-row\">\n {/ Facets — sticky sidebar on desktop, collapsible on mobile /}\n <aside\n className={cn(\n 'shrink-0 lg:block lg:w-60 lg:border-r lg:border-border-seam lg:pr-6',\n facetsOpen ? 'block' : 'hidden'\n )}\n >\n <div className=\"lg:sticky lg:top-0\">{facetPanel}</div>\n </aside>\n\n {/ Results */}\n <div className=\"min-w-0 flex-1 space-y-4\">\n <div className=\"flex flex-wrap items-center justify-between gap-3\">\n <div className=\"flex items-baseline gap-2\">\n <span className=\"text-lg font-semibold tabular-nums text-text-primary\">\n {results.length}\n </span>\n <span className=\"text-sm text-text-secondary\">\n {results.length === 1\n ? tr('cosmicintersection.pages.discovery.resultCountSingular', 'dataset')\n : tr('cosmicintersection.pages.discovery.resultCountPlural', 'datasets')}\n {q\n ? ` ${tr('cosmicintersection.pages.discovery.matching', 'matching “{{q}}”', {\n q,\n })}`\n : ''}\n </span>\n </div>\n <label className=\"flex items-center gap-2 text-sm\">\n <ArrowUpDown className=\"size-4 text-text-secondary\" aria-hidden=\"true\" />\n <Select value={sort} onValueChange={(value) => setSort(value as SortKey)}>\n <SelectTrigger\n aria-label={tr(\n 'cosmicintersection.pages.discovery.sortResults',\n 'Sort results'\n )}\n className=\"w-48\"\n >\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {(Object.keys(SORT_LABELS) as SortKey[]).map((key) => (\n <SelectItem key={key} value={key}>\n {SORT_LABELS[key]}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </label>\n </div>\n\n {poolHasMore ? (\n <p className=\"rounded-card border border-border-default bg-bg-sunken px-3 py-2 text-xs text-text-secondary\">\n {tr(\n 'cosmicintersection.pages.discovery.poolLimitNotice',\n 'Showing facets and results for the first {{limit}} matches. Refine your search to narrow the set.',\n { limit: POOL_LIMIT }\n )}\n </p>\n ) : null}\n\n {loading ? (\n <LoadingState\n variant=\"rows\"\n rows={6}\n label={tr('cosmicintersection.pages.discovery.loading', 'Searching the catalog…')}\n />\n ) : error ? (\n <ErrorState\n message={tr(\n 'cosmicintersection.pages.discovery.error',\n 'We could not run that search. Please try again.'\n )}\n onRetry={() => void poolQuery.refetch()}\n />\n ) : results.length === 0 ? (\n <EmptyState\n icon={Search}\n title={\n q \|\| totalSelected > 0\n ? tr('cosmicintersection.pages.discovery.noDatasetsMatch', 'No datasets match')\n : tr('cosmicintersection.pages.discovery.startExploring', 'Start exploring')\n }\n description={\n q \|\| totalSelected > 0\n ? tr(\n 'cosmicintersection.pages.discovery.noDatasetsMatchDescription',\n 'Try a broader search term or clear some facets.'\n )\n : tr(\n 'cosmicintersection.pages.discovery.startExploringDescription',\n 'Search by name, description or tag, or pick a facet to browse the catalog.'\n )\n }\n action={\n totalSelected > 0 ? (\n <Button type=\"button\" variant=\"outline\" onClick={handleClear}>\n {tr('cosmicintersection.pages.discovery.clearFilters', 'Clear filters')}\n </Button>\n ) : undefined\n }\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3\">\n {results.map((dataset) => (\n <button\n key={dataset.id}\n type=\"button\"\n onClick={() => navigate(`datasets/${dataset.id}`)}\n className=\"group flex flex-col overflow-hidden rounded-card border border-border-default bg-bg-elevated text-left outline-none transition-colors hover:border-border-strong hover:bg-bg-sunken focus-visible:ring-2 focus-visible:ring-border-focus\"\n >\n <div className=\"h-1 w-full bg-gradient-to-r from-accent-blue via-accent-purple to-accent-teal\" />\n <div className=\"flex flex-1 flex-col gap-3 p-4\">\n <h3 className=\"line-clamp-2 text-sm font-semibold text-text-primary\">\n {dataset.name}\n </h3>\n\n <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-text-secondary\">\n <span className=\"inline-flex items-center gap-1\">\n <FileText className=\"size-3.5\" aria-hidden=\"true\" />\n {dataset.format \|\| 'No format'}\n </span>\n <span className=\"inline-flex items-center gap-1\">\n <Database className=\"size-3.5\" aria-hidden=\"true\" />\n {formatBytes(dataset.sizeBytes)}\n </span>\n <span className=\"inline-flex items-center gap-1\">\n <Rows3 className=\"size-3.5\" aria-hidden=\"true\" />\n {formatRows(dataset.rowCount)}\n </span>\n </div>\n\n <div className=\"flex flex-wrap items-center gap-1.5\">\n <StatusBadge status={dataset.status} />\n <StatusBadge status={dataset.accessLevel} />\n </div>\n\n {dataset.tags.length > 0 ? (\n <div className=\"mt-auto flex flex-wrap gap-1 pt-1\">\n {dataset.tags.slice(0, 3).map((tag) => (\n <Badge key={tag} variant=\"secondary\" className=\"text-xs\">\n {tag}\n </Badge>\n ))}\n {dataset.tags.length > 3 ? (\n <span className=\"text-xs text-text-secondary\">\n +{dataset.tags.length - 3}\n </span>\n ) : null}\n </div>\n ) : null}\n </div>\n </button>\n ))}\n </div>\n )}\n </div>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/cosmicintersection/pages/lineage/LineagePage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LineagePage.d.ts","sourceRoot":"","sources":["../../../../src/cosmicintersection/pages/lineage/LineagePage.tsx"],"names":[],"mappings":"~~AAkCA~~,MAAM,CAAC,OAAO,UAAU,WAAW,~~4CAoMlC~~"}
1	+ {"version":3,"file":"LineagePage.d.ts","sourceRoot":"","sources":["../../../../src/cosmicintersection/pages/lineage/LineagePage.tsx"],"names":[],"mappings":"AAmCA,MAAM,CAAC,OAAO,UAAU,WAAW,4CAqPlC"}