@burdenoff/microfe-cosmicintersection 2026.512.1 → 2026.704.1

package/dist/cosmicintersection/pages/collections/CollectionDetailPage.js

@@ -0,0 +1,164 @@
+import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
+import { useCosCollectionsQuery as t, useCosDatasetsQuery as n } from "../../api/cosmicApi.js";
+import r from "../../components/ActionMenu.js";
+import i from "../../components/EmptyState.js";
+import a from "../../components/ErrorState.js";
+import o from "../../components/LoadingState.js";
+import s from "../../components/PageLayout.js";
+import c, { usePagination as l } from "../../components/Pagination.js";
+import u from "../../components/StatusBadge.js";
+import "../../components/index.js";
+import { useMemo as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useParams as h } from "react-router-dom";
+import { Database as g, FolderOpen as _, Globe as v, Lock as y } from "lucide-react";
+import { Badge as b, Table as x, TableBody as S, TableCell as C, TableHead as w, TableHeader as T, TableRow as E } from "@burdenoff/fe-libs/ui";
+//#region src/cosmicintersection/pages/collections/CollectionDetailPage.tsx
+function D(e) {
+	if (!e) return "—";
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleDateString(void 0, {
+		year: "numeric",
+		month: "short",
+		day: "numeric"
+	});
+}
+function O() {
+	let { id: O = "" } = h(), { navigate: k } = e(), { data: A, loading: j, error: M, refetch: N } = t(), P = d(() => A?.cosListCollections.find((e) => e.id === O) ?? null, [A, O]), F = l({
+		pageSize: 20,
+		resetKey: O
+	}), { data: I, loading: L, error: R, refetch: z } = n({
+		collectionId: O,
+		pagination: {
+			limit: F.limit,
+			offset: F.offset
+		}
+	}), B = I?.cosListDatasets.items ?? [], V = I?.cosListDatasets.pageInfo;
+	return j ? /* @__PURE__ */ p(s, {
+		title: "Collection",
+		backPath: "collections",
+		children: /* @__PURE__ */ p(o, { label: "Loading collection…" })
+	}) : M ? /* @__PURE__ */ p(s, {
+		title: "Collection",
+		backPath: "collections",
+		children: /* @__PURE__ */ p(a, {
+			message: M.message,
+			onRetry: () => void N()
+		})
+	}) : P ? /* @__PURE__ */ p(s, {
+		title: P.name,
+		description: P.slug ? `/${P.slug}` : void 0,
+		backPath: "collections",
+		actions: P.isPublic ? /* @__PURE__ */ m(b, {
+			variant: "outline",
+			className: "gap-1 border-status-success-border bg-status-success-bg-subtle text-status-success-text",
+			children: [/* @__PURE__ */ p(v, {
+				className: "size-3",
+				"aria-hidden": "true"
+			}), "Public"]
+		}) : /* @__PURE__ */ m(b, {
+			variant: "secondary",
+			className: "gap-1",
+			children: [/* @__PURE__ */ p(y, {
+				className: "size-3",
+				"aria-hidden": "true"
+			}), "Private"]
+		}),
+		children: /* @__PURE__ */ m("div", {
+			className: "space-y-6",
+			children: [/* @__PURE__ */ m("div", {
+				className: "rounded-card border border-border-default bg-bg-elevated p-5",
+				children: [
+					/* @__PURE__ */ p("h2", {
+						className: "text-sm font-semibold text-text-primary",
+						children: "About"
+					}),
+					/* @__PURE__ */ p("p", {
+						className: "mt-2 text-sm text-text-secondary",
+						children: P.description ?? "No description provided."
+					}),
+					P.tags.length > 0 ? /* @__PURE__ */ p("div", {
+						className: "mt-4 flex flex-wrap gap-1",
+						children: P.tags.map((e) => /* @__PURE__ */ p(b, {
+							variant: "outline",
+							className: "text-xs",
+							children: e
+						}, e))
+					}) : null
+				]
+			}), /* @__PURE__ */ m("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ p("h2", {
+					className: "text-sm font-semibold text-text-primary",
+					children: "Datasets"
+				}), L ? /* @__PURE__ */ p(o, {
+					variant: "rows",
+					rows: 4,
+					label: "Loading datasets…"
+				}) : R ? /* @__PURE__ */ p(a, {
+					message: R.message,
+					onRetry: () => void z()
+				}) : B.length === 0 ? /* @__PURE__ */ p(i, {
+					icon: g,
+					title: "No datasets in this collection",
+					description: "Assign a dataset to this collection to see it listed here."
+				}) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+					className: "overflow-hidden rounded-card border border-border-default bg-bg-elevated",
+					children: /* @__PURE__ */ m(x, { children: [/* @__PURE__ */ p(T, { children: /* @__PURE__ */ m(E, { children: [
+						/* @__PURE__ */ p(w, { children: "Name" }),
+						/* @__PURE__ */ p(w, { children: "Status" }),
+						/* @__PURE__ */ p(w, { children: "Access" }),
+						/* @__PURE__ */ p(w, { children: "Updated" }),
+						/* @__PURE__ */ p(w, {
+							className: "text-right",
+							children: "Actions"
+						})
+					] }) }), /* @__PURE__ */ p(S, { children: B.map((e) => /* @__PURE__ */ m(E, {
+						className: "cursor-pointer",
+						onClick: () => k(`datasets/${e.id}`),
+						children: [
+							/* @__PURE__ */ p(C, {
+								className: "font-medium text-text-primary",
+								children: e.name
+							}),
+							/* @__PURE__ */ p(C, { children: /* @__PURE__ */ p(u, { status: e.status }) }),
+							/* @__PURE__ */ p(C, { children: /* @__PURE__ */ p(u, { status: e.accessLevel }) }),
+							/* @__PURE__ */ p(C, {
+								className: "whitespace-nowrap text-sm text-text-secondary",
+								children: D(e.updatedAt)
+							}),
+							/* @__PURE__ */ p(C, {
+								className: "text-right",
+								children: /* @__PURE__ */ p(r, {
+									ariaLabel: `Actions for ${e.name}`,
+									onView: () => k(`datasets/${e.id}`)
+								})
+							})
+						]
+					}, e.id)) })] })
+				}), /* @__PURE__ */ p(c, {
+					offset: F.offset,
+					limit: F.limit,
+					loadedCount: B.length,
+					hasMore: V?.hasMore ?? !1,
+					onPrev: F.prevPage,
+					onNext: F.nextPage,
+					itemLabel: "datasets",
+					loading: L
+				})] })]
+			})]
+		})
+	}) : /* @__PURE__ */ p(s, {
+		title: "Collection",
+		backPath: "collections",
+		children: /* @__PURE__ */ p(i, {
+			icon: _,
+			title: "Collection not found",
+			description: "This collection may have been removed or you may not have access to it."
+		})
+	});
+}
+//#endregion
+export { O as default };
+
+//# sourceMappingURL=CollectionDetailPage.js.map

package/dist/cosmicintersection/pages/collections/CollectionDetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionDetailPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/collections/CollectionDetailPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Database, FolderOpen, Globe, Lock } from 'lucide-react';\nimport {\n  Badge,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@burdenoff/fe-libs/ui';\n\nimport { useCosCollectionsQuery, useCosDatasetsQuery } from '../../api/cosmicApi';\nimport {\n  ActionMenu,\n  EmptyState,\n  ErrorState,\n  LoadingState,\n  PageLayout,\n  Pagination,\n  StatusBadge,\n  usePagination,\n} from '../../components';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\n\nfunction formatDate(value?: string | null): string {\n  if (!value) {\n    return '—';\n  }\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return '—';\n  }\n  return parsed.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' });\n}\n\nexport default function CollectionDetailPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const { navigate } = useCosmicIntersection();\n\n  // No cosCollection(id) query exists — resolve the header from the list query.\n  const {\n    data: collectionsData,\n    loading: loadingCollections,\n    error: collectionsError,\n    refetch: refetchCollections,\n  } = useCosCollectionsQuery();\n\n  const collection = useMemo(\n    () => collectionsData?.cosListCollections.find((item) => item.id === id) ?? null,\n    [collectionsData, id]\n  );\n\n  const pagination = usePagination({ pageSize: 20, resetKey: id });\n  const {\n    data: datasetsData,\n    loading: loadingDatasets,\n    error: datasetsError,\n    refetch: refetchDatasets,\n  } = useCosDatasetsQuery({\n    collectionId: id,\n    pagination: { limit: pagination.limit, offset: pagination.offset },\n  });\n\n  const datasets = datasetsData?.cosListDatasets.items ?? [];\n  const pageInfo = datasetsData?.cosListDatasets.pageInfo;\n\n  if (loadingCollections) {\n    return (\n      <PageLayout title=\"Collection\" backPath=\"collections\">\n        <LoadingState label=\"Loading collection…\" />\n      </PageLayout>\n    );\n  }\n\n  if (collectionsError) {\n    return (\n      <PageLayout title=\"Collection\" backPath=\"collections\">\n        <ErrorState message={collectionsError.message} onRetry={() => void refetchCollections()} />\n      </PageLayout>\n    );\n  }\n\n  if (!collection) {\n    return (\n      <PageLayout title=\"Collection\" backPath=\"collections\">\n        <EmptyState\n          icon={FolderOpen}\n          title=\"Collection not found\"\n          description=\"This collection may have been removed or you may not have access to it.\"\n        />\n      </PageLayout>\n    );\n  }\n\n  const renderDatasets = () => {\n    if (loadingDatasets) {\n      return <LoadingState variant=\"rows\" rows={4} label=\"Loading datasets…\" />;\n    }\n    if (datasetsError) {\n      return <ErrorState message={datasetsError.message} onRetry={() => void refetchDatasets()} />;\n    }\n    if (datasets.length === 0) {\n      return (\n        <EmptyState\n          icon={Database}\n          title=\"No datasets in this collection\"\n          description=\"Assign a dataset to this collection to see it listed here.\"\n        />\n      );\n    }\n\n    return (\n      <>\n        <div className=\"overflow-hidden rounded-card border border-border-default bg-bg-elevated\">\n          <Table>\n            <TableHeader>\n              <TableRow>\n                <TableHead>Name</TableHead>\n                <TableHead>Status</TableHead>\n                <TableHead>Access</TableHead>\n                <TableHead>Updated</TableHead>\n                <TableHead className=\"text-right\">Actions</TableHead>\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {datasets.map((dataset) => (\n                <TableRow\n                  key={dataset.id}\n                  className=\"cursor-pointer\"\n                  onClick={() => navigate(`datasets/${dataset.id}`)}\n                >\n                  <TableCell className=\"font-medium text-text-primary\">{dataset.name}</TableCell>\n                  <TableCell>\n                    <StatusBadge status={dataset.status} />\n                  </TableCell>\n                  <TableCell>\n                    <StatusBadge status={dataset.accessLevel} />\n                  </TableCell>\n                  <TableCell className=\"whitespace-nowrap text-sm text-text-secondary\">\n                    {formatDate(dataset.updatedAt)}\n                  </TableCell>\n                  <TableCell className=\"text-right\">\n                    <ActionMenu\n                      ariaLabel={`Actions for ${dataset.name}`}\n                      onView={() => navigate(`datasets/${dataset.id}`)}\n                    />\n                  </TableCell>\n                </TableRow>\n              ))}\n            </TableBody>\n          </Table>\n        </div>\n\n        <Pagination\n          offset={pagination.offset}\n          limit={pagination.limit}\n          loadedCount={datasets.length}\n          hasMore={pageInfo?.hasMore ?? false}\n          onPrev={pagination.prevPage}\n          onNext={pagination.nextPage}\n          itemLabel=\"datasets\"\n          loading={loadingDatasets}\n        />\n      </>\n    );\n  };\n\n  return (\n    <PageLayout\n      title={collection.name}\n      description={collection.slug ? `/${collection.slug}` : undefined}\n      backPath=\"collections\"\n      actions={\n        collection.isPublic ? (\n          <Badge\n            variant=\"outline\"\n            className=\"gap-1 border-status-success-border bg-status-success-bg-subtle text-status-success-text\"\n          >\n            <Globe className=\"size-3\" aria-hidden=\"true\" />\n            Public\n          </Badge>\n        ) : (\n          <Badge variant=\"secondary\" className=\"gap-1\">\n            <Lock className=\"size-3\" aria-hidden=\"true\" />\n            Private\n          </Badge>\n        )\n      }\n    >\n      <div className=\"space-y-6\">\n        <div className=\"rounded-card border border-border-default bg-bg-elevated p-5\">\n          <h2 className=\"text-sm font-semibold text-text-primary\">About</h2>\n          <p className=\"mt-2 text-sm text-text-secondary\">\n            {collection.description ?? 'No description provided.'}\n          </p>\n          {collection.tags.length > 0 ? (\n            <div className=\"mt-4 flex flex-wrap gap-1\">\n              {collection.tags.map((tag) => (\n                <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                  {tag}\n                </Badge>\n              ))}\n            </div>\n          ) : null}\n        </div>\n\n        <div className=\"space-y-3\">\n          <h2 className=\"text-sm font-semibold text-text-primary\">Datasets</h2>\n          {renderDatasets()}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/cosmicintersection/pages/collections/CollectionFormPage.js

@@ -0,0 +1,117 @@
+import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
+import { notify as t } from "../../lib/toast.js";
+import { useCosCreateCollectionMutation as n } from "../../api/cosmicApi.js";
+import r from "../../components/EntityFormShell.js";
+import i from "../../components/EntityTagsField.js";
+import "../../components/index.js";
+import { useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Input as c, Switch as l, Textarea as u } from "@burdenoff/fe-libs/ui";
+//#region src/cosmicintersection/pages/collections/CollectionFormPage.tsx
+var d = {
+	name: "",
+	slug: "",
+	description: "",
+	isPublic: !1,
+	tags: []
+}, f = "block space-y-1.5 text-sm", p = "font-medium text-text-primary";
+function m() {
+	let { navigate: m } = e(), [h, { loading: g }] = n(), [_, v] = a(d), y = (e, t) => {
+		v((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, b = async (e) => {
+		if (e.preventDefault(), !_.name.trim()) {
+			t.error("Name is required", "Give this collection a recognizable name.");
+			return;
+		}
+		let n = (await h({ variables: { input: {
+			name: _.name.trim(),
+			slug: _.slug.trim() || void 0,
+			description: _.description.trim() || void 0,
+			isPublic: _.isPublic,
+			tags: _.tags
+		} } })).data?.cosCreateCollection;
+		n?.id && (t.success("Collection created"), m(`collections/${n.id}`));
+	};
+	return /* @__PURE__ */ s(r, {
+		title: "New collection",
+		description: "Group related datasets into a shareable, themed collection.",
+		purpose: "Collections curate datasets by mission, survey or research theme so collaborators can browse a coherent set instead of a flat list. Mark a collection public to make it discoverable across the workspace.",
+		backLabel: "Back to collections",
+		onBack: () => m("collections"),
+		onSubmit: (e) => void b(e),
+		submitLabel: "Create collection",
+		saving: g,
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ s("label", {
+					className: f,
+					children: [/* @__PURE__ */ o("span", {
+						className: p,
+						children: "Name"
+					}), /* @__PURE__ */ o(c, {
+						value: _.name,
+						onChange: (e) => y("name", e.target.value),
+						placeholder: "e.g. Kepler Mission Data",
+						required: !0
+					})]
+				}), /* @__PURE__ */ s("label", {
+					className: f,
+					children: [
+						/* @__PURE__ */ o("span", {
+							className: p,
+							children: "Slug"
+						}),
+						/* @__PURE__ */ o(c, {
+							value: _.slug,
+							onChange: (e) => y("slug", e.target.value),
+							placeholder: "kepler-mission"
+						}),
+						/* @__PURE__ */ o("span", {
+							className: "text-xs text-text-secondary",
+							children: "Optional URL-friendly identifier for sharing."
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ s("label", {
+				className: f,
+				children: [/* @__PURE__ */ o("span", {
+					className: p,
+					children: "Description"
+				}), /* @__PURE__ */ o(u, {
+					value: _.description,
+					onChange: (e) => y("description", e.target.value),
+					rows: 3,
+					placeholder: "What this collection groups together and who it is for."
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "flex items-center justify-between gap-4 rounded-card border border-border-default bg-bg-sunken px-4 py-3",
+				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+					className: "text-sm font-medium text-text-primary",
+					children: "Public collection"
+				}), /* @__PURE__ */ o("p", {
+					className: "text-xs text-text-secondary",
+					children: "Make this collection discoverable across the workspace."
+				})] }), /* @__PURE__ */ o(l, {
+					checked: _.isPublic,
+					onCheckedChange: (e) => y("isPublic", e),
+					"aria-label": "Public collection"
+				})]
+			}),
+			/* @__PURE__ */ o(i, {
+				value: _.tags,
+				onChange: (e) => y("tags", e),
+				disabled: g
+			})
+		]
+	});
+}
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=CollectionFormPage.js.map

package/dist/cosmicintersection/pages/collections/CollectionFormPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionFormPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/collections/CollectionFormPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Input, Switch, Textarea } from '@burdenoff/fe-libs/ui';\n\nimport { useCosCreateCollectionMutation } from '../../api/cosmicApi';\nimport { EntityFormShell, EntityTagsField } from '../../components';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\nimport { notify } from '../../lib/toast';\n\ninterface CollectionFormState {\n  name: string;\n  slug: string;\n  description: string;\n  isPublic: boolean;\n  tags: string[];\n}\n\nconst INITIAL_STATE: CollectionFormState = {\n  name: '',\n  slug: '',\n  description: '',\n  isPublic: false,\n  tags: [],\n};\n\nconst fieldLabelClass = 'block space-y-1.5 text-sm';\nconst fieldSpanClass = 'font-medium text-text-primary';\n\nexport default function CollectionFormPage() {\n  const { navigate } = useCosmicIntersection();\n  const [createCollection, { loading: creating }] = useCosCreateCollectionMutation();\n  const [form, setForm] = useState<CollectionFormState>(INITIAL_STATE);\n\n  const onChange = <K extends keyof CollectionFormState>(\n    field: K,\n    value: CollectionFormState[K]\n  ) => {\n    setForm((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const onSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    if (!form.name.trim()) {\n      notify.error('Name is required', 'Give this collection a recognizable name.');\n      return;\n    }\n\n    const response = await createCollection({\n      variables: {\n        input: {\n          name: form.name.trim(),\n          slug: form.slug.trim() || undefined,\n          description: form.description.trim() || undefined,\n          isPublic: form.isPublic,\n          tags: form.tags,\n        },\n      },\n    });\n\n    const created = response.data?.cosCreateCollection;\n    if (created?.id) {\n      notify.success('Collection created');\n      navigate(`collections/${created.id}`);\n    }\n  };\n\n  return (\n    <EntityFormShell\n      title=\"New collection\"\n      description=\"Group related datasets into a shareable, themed collection.\"\n      purpose=\"Collections curate datasets by mission, survey or research theme so collaborators can browse a coherent set instead of a flat list. Mark a collection public to make it discoverable across the workspace.\"\n      backLabel=\"Back to collections\"\n      onBack={() => navigate('collections')}\n      onSubmit={(event) => void onSubmit(event)}\n      submitLabel=\"Create collection\"\n      saving={creating}\n    >\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <label className={fieldLabelClass}>\n          <span className={fieldSpanClass}>Name</span>\n          <Input\n            value={form.name}\n            onChange={(event) => onChange('name', event.target.value)}\n            placeholder=\"e.g. Kepler Mission Data\"\n            required\n          />\n        </label>\n        <label className={fieldLabelClass}>\n          <span className={fieldSpanClass}>Slug</span>\n          <Input\n            value={form.slug}\n            onChange={(event) => onChange('slug', event.target.value)}\n            placeholder=\"kepler-mission\"\n          />\n          <span className=\"text-xs text-text-secondary\">\n            Optional URL-friendly identifier for sharing.\n          </span>\n        </label>\n      </div>\n\n      <label className={fieldLabelClass}>\n        <span className={fieldSpanClass}>Description</span>\n        <Textarea\n          value={form.description}\n          onChange={(event) => onChange('description', event.target.value)}\n          rows={3}\n          placeholder=\"What this collection groups together and who it is for.\"\n        />\n      </label>\n\n      <div className=\"flex items-center justify-between gap-4 rounded-card border border-border-default bg-bg-sunken px-4 py-3\">\n        <div>\n          <p className=\"text-sm font-medium text-text-primary\">Public collection</p>\n          <p className=\"text-xs text-text-secondary\">\n            Make this collection discoverable across the workspace.\n          </p>\n        </div>\n        <Switch\n          checked={form.isPublic}\n          onCheckedChange={(checked) => onChange('isPublic', checked)}\n          aria-label=\"Public collection\"\n        />\n      </div>\n\n      <EntityTagsField\n        value={form.tags}\n        onChange={(tags) => onChange('tags', tags)}\n        disabled={creating}\n      />\n    </EntityFormShell>\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,IAAM,IAAqC;CACzC,MAAM;CACN,MAAM;CACN,aAAa;CACb,UAAU;CACV,MAAM,EAAE;CACT,EAEK,IAAkB,6BAClB,IAAiB;AAEvB,SAAwB,IAAqB;CAC3C,IAAM,EAAE,gBAAa,GAAuB,EACtC,CAAC,GAAkB,EAAE,SAAS,OAAc,GAAgC,EAC5E,CAAC,GAAM,KAAW,EAA8B,EAAc,EAE9D,KACJ,GACA,MACG;AACH,KAAS,OAAU;GAAE,GAAG;IAAO,IAAQ;GAAO,EAAE;IAG5C,IAAW,OAAO,MAA4C;AAGlE,MAFA,EAAM,gBAAgB,EAElB,CAAC,EAAK,KAAK,MAAM,EAAE;AACrB,KAAO,MAAM,oBAAoB,4CAA4C;AAC7E;;EAeF,IAAM,KAZW,MAAM,EAAiB,EACtC,WAAW,EACT,OAAO;GACL,MAAM,EAAK,KAAK,MAAM;GACtB,MAAM,EAAK,KAAK,MAAM,IAAI,KAAA;GAC1B,aAAa,EAAK,YAAY,MAAM,IAAI,KAAA;GACxC,UAAU,EAAK;GACf,MAAM,EAAK;GACZ,EACF,EACF,CAAC,EAEuB,MAAM;AAC/B,EAAI,GAAS,OACX,EAAO,QAAQ,qBAAqB,EACpC,EAAS,eAAe,EAAQ,KAAK;;AAIzC,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;EACR,WAAU;EACV,cAAc,EAAS,cAAc;EACrC,WAAW,MAAU,KAAK,EAAS,EAAM;EACzC,aAAY;EACZ,QAAQ;YARV;GAUE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,SAAD;KAAO,WAAW;eAAlB,CACE,kBAAC,QAAD;MAAM,WAAW;gBAAgB;MAAW,CAAA,EAC5C,kBAAC,GAAD;MACE,OAAO,EAAK;MACZ,WAAW,MAAU,EAAS,QAAQ,EAAM,OAAO,MAAM;MACzD,aAAY;MACZ,UAAA;MACA,CAAA,CACI;QACR,kBAAC,SAAD;KAAO,WAAW;eAAlB;MACE,kBAAC,QAAD;OAAM,WAAW;iBAAgB;OAAW,CAAA;MAC5C,kBAAC,GAAD;OACE,OAAO,EAAK;OACZ,WAAW,MAAU,EAAS,QAAQ,EAAM,OAAO,MAAM;OACzD,aAAY;OACZ,CAAA;MACF,kBAAC,QAAD;OAAM,WAAU;iBAA8B;OAEvC,CAAA;MACD;OACJ;;GAEN,kBAAC,SAAD;IAAO,WAAW;cAAlB,CACE,kBAAC,QAAD;KAAM,WAAW;eAAgB;KAAkB,CAAA,EACnD,kBAAC,GAAD;KACE,OAAO,EAAK;KACZ,WAAW,MAAU,EAAS,eAAe,EAAM,OAAO,MAAM;KAChE,MAAM;KACN,aAAY;KACZ,CAAA,CACI;;GAER,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eAAwC;KAAqB,CAAA,EAC1E,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAEvC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,GAAD;KACE,SAAS,EAAK;KACd,kBAAkB,MAAY,EAAS,YAAY,EAAQ;KAC3D,cAAW;KACX,CAAA,CACE;;GAEN,kBAAC,GAAD;IACE,OAAO,EAAK;IACZ,WAAW,MAAS,EAAS,QAAQ,EAAK;IAC1C,UAAU;IACV,CAAA;GACc"}

package/dist/cosmicintersection/pages/collections/CollectionsPage.js

@@ -0,0 +1,103 @@
+import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
+import { useCosCollectionsQuery as t } from "../../api/cosmicApi.js";
+import n from "../../components/ActionMenu.js";
+import r from "../../components/EmptyState.js";
+import i from "../../components/ErrorState.js";
+import a from "../../components/LoadingState.js";
+import o from "../../components/PageLayout.js";
+import "../../components/index.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { FolderOpen as l, Globe as u, Lock as d, Plus as f } from "lucide-react";
+import { Badge as p, Button as m } from "@burdenoff/fe-libs/ui";
+//#region src/cosmicintersection/pages/collections/CollectionsPage.tsx
+function h() {
+	let { navigate: h } = e(), { data: g, loading: _, error: v, refetch: y } = t(), b = g?.cosListCollections ?? [], x = /* @__PURE__ */ c(m, {
+		type: "button",
+		onClick: () => h("collections/create"),
+		children: [/* @__PURE__ */ s(f, { className: "size-4" }), "New collection"]
+	});
+	return /* @__PURE__ */ s(o, {
+		title: "Collections",
+		description: "Curated groupings of datasets by mission, survey or research theme.",
+		actions: x,
+		children: _ ? /* @__PURE__ */ s(a, {
+			variant: "rows",
+			rows: 4,
+			label: "Loading collections…"
+		}) : v ? /* @__PURE__ */ s(i, {
+			message: v.message,
+			onRetry: () => void y()
+		}) : b.length === 0 ? /* @__PURE__ */ s(r, {
+			icon: l,
+			title: "No collections yet",
+			description: "Group related datasets — by mission, survey or research theme — into a shareable collection.",
+			action: x
+		}) : /* @__PURE__ */ s("div", {
+			className: "grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",
+			children: b.map((e) => /* @__PURE__ */ c("div", {
+				role: "button",
+				tabIndex: 0,
+				"aria-label": `Open ${e.name}`,
+				onClick: () => h(`collections/${e.id}`),
+				onKeyDown: (t) => {
+					(t.key === "Enter" || t.key === " ") && (t.preventDefault(), h(`collections/${e.id}`));
+				},
+				className: "flex cursor-pointer flex-col gap-3 rounded-card border border-border-default bg-bg-elevated p-5 text-left outline-none transition-colors hover:bg-bg-sunken focus-visible:ring-2 focus-visible:ring-border-focus",
+				children: [
+					/* @__PURE__ */ c("div", {
+						className: "flex items-start justify-between gap-3",
+						children: [/* @__PURE__ */ c("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ s("h2", {
+								className: "truncate text-base font-semibold text-text-primary",
+								children: e.name
+							}), e.slug ? /* @__PURE__ */ c("p", {
+								className: "mt-0.5 truncate text-xs text-text-secondary",
+								children: ["/", e.slug]
+							}) : null]
+						}), /* @__PURE__ */ c("div", {
+							className: "flex shrink-0 items-center gap-2",
+							children: [e.isPublic ? /* @__PURE__ */ c(p, {
+								variant: "outline",
+								className: "gap-1 border-status-success-border bg-status-success-bg-subtle text-status-success-text",
+								children: [/* @__PURE__ */ s(u, {
+									className: "size-3",
+									"aria-hidden": "true"
+								}), "Public"]
+							}) : /* @__PURE__ */ c(p, {
+								variant: "secondary",
+								className: "gap-1",
+								children: [/* @__PURE__ */ s(d, {
+									className: "size-3",
+									"aria-hidden": "true"
+								}), "Private"]
+							}), /* @__PURE__ */ s(n, {
+								ariaLabel: `Actions for ${e.name}`,
+								onView: () => h(`collections/${e.id}`)
+							})]
+						})]
+					}),
+					/* @__PURE__ */ s("p", {
+						className: "line-clamp-2 min-h-[2.5rem] text-sm text-text-secondary",
+						children: e.description ?? "No description provided."
+					}),
+					e.tags.length > 0 ? /* @__PURE__ */ c("div", {
+						className: "flex flex-wrap gap-1",
+						children: [e.tags.slice(0, 4).map((e) => /* @__PURE__ */ s(p, {
+							variant: "outline",
+							className: "text-xs",
+							children: e
+						}, e)), e.tags.length > 4 ? /* @__PURE__ */ c("span", {
+							className: "text-xs text-text-secondary",
+							children: ["+", e.tags.length - 4]
+						}) : null]
+					}) : null
+				]
+			}, e.id))
+		})
+	});
+}
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=CollectionsPage.js.map

package/dist/cosmicintersection/pages/collections/CollectionsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionsPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/collections/CollectionsPage.tsx"],"sourcesContent":["import { FolderOpen, Globe, Lock, Plus } from 'lucide-react';\nimport { Badge, Button } from '@burdenoff/fe-libs/ui';\n\nimport { useCosCollectionsQuery } from '../../api/cosmicApi';\nimport { ActionMenu, EmptyState, ErrorState, LoadingState, PageLayout } from '../../components';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\n\nexport default function CollectionsPage() {\n  const { navigate } = useCosmicIntersection();\n  const { data, loading, error, refetch } = useCosCollectionsQuery();\n\n  const collections = data?.cosListCollections ?? [];\n\n  const newButton = (\n    <Button type=\"button\" onClick={() => navigate('collections/create')}>\n      <Plus className=\"size-4\" />\n      New collection\n    </Button>\n  );\n\n  const renderBody = () => {\n    if (loading) {\n      return <LoadingState variant=\"rows\" rows={4} label=\"Loading collections…\" />;\n    }\n    if (error) {\n      return <ErrorState message={error.message} onRetry={() => void refetch()} />;\n    }\n    if (collections.length === 0) {\n      return (\n        <EmptyState\n          icon={FolderOpen}\n          title=\"No collections yet\"\n          description=\"Group related datasets — by mission, survey or research theme — into a shareable collection.\"\n          action={newButton}\n        />\n      );\n    }\n\n    return (\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3\">\n        {collections.map((collection) => (\n          <div\n            key={collection.id}\n            role=\"button\"\n            tabIndex={0}\n            aria-label={`Open ${collection.name}`}\n            onClick={() => navigate(`collections/${collection.id}`)}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                navigate(`collections/${collection.id}`);\n              }\n            }}\n            className=\"flex cursor-pointer flex-col gap-3 rounded-card border border-border-default bg-bg-elevated p-5 text-left outline-none transition-colors hover:bg-bg-sunken focus-visible:ring-2 focus-visible:ring-border-focus\"\n          >\n            <div className=\"flex items-start justify-between gap-3\">\n              <div className=\"min-w-0\">\n                <h2 className=\"truncate text-base font-semibold text-text-primary\">\n                  {collection.name}\n                </h2>\n                {collection.slug ? (\n                  <p className=\"mt-0.5 truncate text-xs text-text-secondary\">/{collection.slug}</p>\n                ) : null}\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                {collection.isPublic ? (\n                  <Badge\n                    variant=\"outline\"\n                    className=\"gap-1 border-status-success-border bg-status-success-bg-subtle text-status-success-text\"\n                  >\n                    <Globe className=\"size-3\" aria-hidden=\"true\" />\n                    Public\n                  </Badge>\n                ) : (\n                  <Badge variant=\"secondary\" className=\"gap-1\">\n                    <Lock className=\"size-3\" aria-hidden=\"true\" />\n                    Private\n                  </Badge>\n                )}\n                <ActionMenu\n                  ariaLabel={`Actions for ${collection.name}`}\n                  onView={() => navigate(`collections/${collection.id}`)}\n                />\n              </div>\n            </div>\n\n            <p className=\"line-clamp-2 min-h-[2.5rem] text-sm text-text-secondary\">\n              {collection.description ?? 'No description provided.'}\n            </p>\n\n            {collection.tags.length > 0 ? (\n              <div className=\"flex flex-wrap gap-1\">\n                {collection.tags.slice(0, 4).map((tag) => (\n                  <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                    {tag}\n                  </Badge>\n                ))}\n                {collection.tags.length > 4 ? (\n                  <span className=\"text-xs text-text-secondary\">+{collection.tags.length - 4}</span>\n                ) : null}\n              </div>\n            ) : null}\n          </div>\n        ))}\n      </div>\n    );\n  };\n\n  return (\n    <PageLayout\n      title=\"Collections\"\n      description=\"Curated groupings of datasets by mission, survey or research theme.\"\n      actions={newButton}\n    >\n      {renderBody()}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAOA,SAAwB,IAAkB;CACxC,IAAM,EAAE,gBAAa,GAAuB,EACtC,EAAE,SAAM,YAAS,UAAO,eAAY,GAAwB,EAE5D,IAAc,GAAM,sBAAsB,EAAE,EAE5C,IACJ,kBAAC,GAAD;EAAQ,MAAK;EAAS,eAAe,EAAS,qBAAqB;YAAnE,CACE,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA,EAAA,iBAEpB;;AA2FX,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAS;YA3FP,IACK,kBAAC,GAAD;GAAc,SAAQ;GAAO,MAAM;GAAG,OAAM;GAAyB,CAAA,GAE1E,IACK,kBAAC,GAAD;GAAY,SAAS,EAAM;GAAS,eAAe,KAAK,GAAS;GAAI,CAAA,GAE1E,EAAY,WAAW,IAEvB,kBAAC,GAAD;GACE,MAAM;GACN,OAAM;GACN,aAAY;GACZ,QAAQ;GACR,CAAA,GAKJ,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAY,KAAK,MAChB,kBAAC,OAAD;IAEE,MAAK;IACL,UAAU;IACV,cAAY,QAAQ,EAAW;IAC/B,eAAe,EAAS,eAAe,EAAW,KAAK;IACvD,YAAY,MAAU;AACpB,MAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,EAAS,eAAe,EAAW,KAAK;;IAG5C,WAAU;cAZZ;KAcE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAW;QACT,CAAA,EACJ,EAAW,OACV,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAA2D,KAAE,EAAW,KAAS;YAC/E,KACA;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,EAAW,WACV,kBAAC,GAAD;QACE,SAAQ;QACR,WAAU;kBAFZ,CAIE,kBAAC,GAAD;SAAO,WAAU;SAAS,eAAY;SAAS,CAAA,EAAA,SAEzC;YAER,kBAAC,GAAD;QAAO,SAAQ;QAAY,WAAU;kBAArC,CACE,kBAAC,GAAD;SAAM,WAAU;SAAS,eAAY;SAAS,CAAA,EAAA,UAExC;WAEV,kBAAC,GAAD;QACE,WAAW,eAAe,EAAW;QACrC,cAAc,EAAS,eAAe,EAAW,KAAK;QACtD,CAAA,CACE;SACF;;KAEN,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAW,eAAe;MACzB,CAAA;KAEH,EAAW,KAAK,SAAS,IACxB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,EAAW,KAAK,MAAM,GAAG,EAAE,CAAC,KAAK,MAChC,kBAAC,GAAD;OAAiB,SAAQ;OAAU,WAAU;iBAC1C;OACK,EAFI,EAEJ,CACR,EACD,EAAW,KAAK,SAAS,IACxB,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAA8C,KAAE,EAAW,KAAK,SAAS,EAAS;WAChF,KACA;UACJ;KACA;MA5DC,EAAW,GA4DZ,CACN;GACE,CAAA;EAWK,CAAA"}