@burdenoff/microfe-cosmicintersection 2026.704.1 → 2026.704.2

package/dist/cosmicintersection/pages/analyses/AnalysesPage.js

@@ -4,8 +4,8 @@ import { useCosAnalysesQuery as n, useCosCompleteAnalysisMutation as r, useCosDa
 import s from "../../components/ActionMenu.js";
 import c from "../../components/EmptyState.js";
 import l from "../../components/ErrorState.js";
-import u, { useFileDownloadUrl as d } from "../../components/FileUploadField.js";
-import f from "../../components/LoadingState.js";
+import u from "../../components/LoadingState.js";
+import d, { useFileDownloadUrl as f } from "../../components/FileUploadField.js";
 import p from "../../components/PageLayout.js";
 import m from "../../components/StatusBadge.js";
 import "../../components/index.js";
@@ -44,7 +44,7 @@ function Y(e) {
 	});
 }
 function X({ fileId: e }) {
-	let { data: t, loading: n } = d(e), r = t?.getFileDownloadUrl ?? null;
+	let { data: t, loading: n } = f(e), r = t?.getFileDownloadUrl ?? null;
 	return n ? /* @__PURE__ */ _("span", {
 		className: "text-xs text-text-secondary",
 		children: "Resolving…"
@@ -221,7 +221,7 @@ function Q({ open: e, onOpenChange: n, onCompleted: r }) {
 	});
 }
 function $({ analysis: e, onOpenChange: n, onCompleted: i }) {
-	let [a, o] = g("COMPLETED"), [s, c] = g(""), [l, d] = g(""), [f, { loading: p }] = r();
+	let [a, o] = g("COMPLETED"), [s, c] = g(""), [l, u] = g(""), [f, { loading: p }] = r();
 	return /* @__PURE__ */ _(E, {
 		open: !!e,
 		onOpenChange: (e) => {
@@ -292,9 +292,9 @@ function $({ analysis: e, onOpenChange: n, onCompleted: i }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ _(u, {
+				/* @__PURE__ */ _(d, {
 					value: l,
-					onChange: (e) => d(e),
+					onChange: (e) => u(e),
 					label: "Attach output file",
 					hint: "Optional output artifact (plots, tables, exports). Stored in workspace files."
 				}),
@@ -314,7 +314,7 @@ function $({ analysis: e, onOpenChange: n, onCompleted: i }) {
 	});
 }
 function ee() {
-	let { navigate: t } = e(), [r, o] = g(void 0), [u, d] = g(!1), [b, E] = g(null), { data: D, loading: O, error: k, refetch: A } = n({ status: r }), { data: j } = a({ pagination: {
+	let { navigate: t } = e(), [r, o] = g(void 0), [d, f] = g(!1), [b, E] = g(null), { data: D, loading: O, error: k, refetch: A } = n({ status: r }), { data: j } = a({ pagination: {
 		limit: 100,
 		offset: 0
 	} }), { data: M } = i({ pagination: {
@@ -334,7 +334,7 @@ function ee() {
 		description: "Analysis runs executed over notebooks and federated datasets.",
 		actions: /* @__PURE__ */ v(T, {
 			type: "button",
-			onClick: () => d(!0),
+			onClick: () => f(!0),
 			children: [/* @__PURE__ */ _(S, { className: "size-4" }), "Run analysis"]
 		}),
 		children: [
@@ -362,7 +362,7 @@ function ee() {
 							children: e.label
 						}, e.value))] })]
 					})]
-				}), O ? /* @__PURE__ */ _(f, {
+				}), O ? /* @__PURE__ */ _(u, {
 					variant: "rows",
 					rows: 6,
 					label: "Loading analyses…"
@@ -375,7 +375,7 @@ function ee() {
 					description: r ? "Try a different status filter." : "Run an analysis against a notebook or dataset to see results here.",
 					action: r ? void 0 : /* @__PURE__ */ v(T, {
 						type: "button",
-						onClick: () => d(!0),
+						onClick: () => f(!0),
 						children: [/* @__PURE__ */ _(S, { className: "size-4" }), "Run analysis"]
 					})
 				}) : /* @__PURE__ */ _("div", {
@@ -464,8 +464,8 @@ function ee() {
 				})]
 			}),
 			/* @__PURE__ */ _(Q, {
-				open: u,
-				onOpenChange: d,
+				open: d,
+				onOpenChange: f,
 				onCompleted: () => void A()
 			}),
 			/* @__PURE__ */ _($, {

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

@@ -1,20 +1,21 @@
 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 { notify as t } from "../../lib/toast.js";
+import { useCosArchiveCollectionMutation as n, useCosCollectionsQuery as r, useCosDatasetsQuery as i } from "../../api/cosmicApi.js";
+import a from "../../components/ActionMenu.js";
+import o from "../../components/EmptyState.js";
+import s from "../../components/ErrorState.js";
+import c from "../../components/LoadingState.js";
+import l from "../../components/PageLayout.js";
+import u, { usePagination as d } from "../../components/Pagination.js";
+import f 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";
+import { useMemo as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useParams as _ } from "react-router-dom";
+import { Database as v, FolderOpen as y, Globe as b, Lock as x, Pencil as S } from "lucide-react";
+import { Badge as C, Button as w, Table as T, TableBody as E, TableCell as D, TableHead as O, TableHeader as k, TableRow as A } from "@burdenoff/fe-libs/ui";
 //#region src/cosmicintersection/pages/collections/CollectionDetailPage.tsx
-function D(e) {
+function j(e) {
 	if (!e) return "—";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleDateString(void 0, {
@@ -23,142 +24,154 @@ function D(e) {
 		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({
+function M() {
+	let { id: M = "" } = _(), { navigate: N } = e(), { data: P, loading: F, error: I, refetch: L } = r(), R = p(() => P?.cosListCollections.find((e) => e.id === M) ?? null, [P, M]), z = d({
 		pageSize: 20,
-		resetKey: O
-	}), { data: I, loading: L, error: R, refetch: z } = n({
-		collectionId: O,
+		resetKey: M
+	}), { data: B, loading: V, error: H, refetch: U } = i({
+		collectionId: M,
 		pagination: {
-			limit: F.limit,
-			offset: F.offset
+			limit: z.limit,
+			offset: z.offset
 		}
-	}), B = I?.cosListDatasets.items ?? [], V = I?.cosListDatasets.pageInfo;
-	return j ? /* @__PURE__ */ p(s, {
+	}), W = B?.cosListDatasets.items ?? [], G = B?.cosListDatasets.pageInfo, [K] = n(), q = async () => {
+		if (!R) return;
+		let e = await K({ variables: { id: R.id } });
+		if (e.error) throw Error(e.error.message);
+		if (!e.data?.cosArchiveCollection) throw t.error("Could not archive collection", "The server did not confirm the change."), Error("Archive not confirmed");
+		t.success("Collection archived"), N("collections");
+	};
+	return F ? /* @__PURE__ */ h(l, {
 		title: "Collection",
 		backPath: "collections",
-		children: /* @__PURE__ */ p(o, { label: "Loading collection…" })
-	}) : M ? /* @__PURE__ */ p(s, {
+		children: /* @__PURE__ */ h(c, { label: "Loading collection…" })
+	}) : I ? /* @__PURE__ */ h(l, {
 		title: "Collection",
 		backPath: "collections",
-		children: /* @__PURE__ */ p(a, {
-			message: M.message,
-			onRetry: () => void N()
+		children: /* @__PURE__ */ h(s, {
+			message: I.message,
+			onRetry: () => void L()
 		})
-	}) : P ? /* @__PURE__ */ p(s, {
-		title: P.name,
-		description: P.slug ? `/${P.slug}` : void 0,
+	}) : R ? /* @__PURE__ */ h(l, {
+		title: R.name,
+		description: R.slug ? `/${R.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"]
+		actions: /* @__PURE__ */ g("div", {
+			className: "flex items-center gap-2",
+			children: [
+				R.isPublic ? /* @__PURE__ */ g(C, {
+					variant: "outline",
+					className: "gap-1 border-status-success-border bg-status-success-bg-subtle text-status-success-text",
+					children: [/* @__PURE__ */ h(b, {
+						className: "size-3",
+						"aria-hidden": "true"
+					}), "Public"]
+				}) : /* @__PURE__ */ g(C, {
+					variant: "secondary",
+					className: "gap-1",
+					children: [/* @__PURE__ */ h(x, {
+						className: "size-3",
+						"aria-hidden": "true"
+					}), "Private"]
+				}),
+				/* @__PURE__ */ g(w, {
+					type: "button",
+					variant: "outline",
+					onClick: () => N(`collections/${R.id}/edit`),
+					children: [/* @__PURE__ */ h(S, { className: "size-4" }), "Edit"]
+				}),
+				/* @__PURE__ */ h(a, {
+					ariaLabel: `Actions for ${R.name}`,
+					entityName: R.name,
+					onDelete: () => q(),
+					deleteLabel: "Archive collection"
+				})
+			]
 		}),
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: "space-y-6",
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ g("div", {
 				className: "rounded-card border border-border-default bg-bg-elevated p-5",
 				children: [
-					/* @__PURE__ */ p("h2", {
+					/* @__PURE__ */ h("h2", {
 						className: "text-sm font-semibold text-text-primary",
 						children: "About"
 					}),
-					/* @__PURE__ */ p("p", {
+					/* @__PURE__ */ h("p", {
 						className: "mt-2 text-sm text-text-secondary",
-						children: P.description ?? "No description provided."
+						children: R.description ?? "No description provided."
 					}),
-					P.tags.length > 0 ? /* @__PURE__ */ p("div", {
+					R.tags.length > 0 ? /* @__PURE__ */ h("div", {
 						className: "mt-4 flex flex-wrap gap-1",
-						children: P.tags.map((e) => /* @__PURE__ */ p(b, {
+						children: R.tags.map((e) => /* @__PURE__ */ h(C, {
 							variant: "outline",
 							className: "text-xs",
 							children: e
 						}, e))
 					}) : null
 				]
-			}), /* @__PURE__ */ m("div", {
+			}), /* @__PURE__ */ g("div", {
 				className: "space-y-3",
-				children: [/* @__PURE__ */ p("h2", {
+				children: [/* @__PURE__ */ h("h2", {
 					className: "text-sm font-semibold text-text-primary",
 					children: "Datasets"
-				}), L ? /* @__PURE__ */ p(o, {
+				}), V ? /* @__PURE__ */ h(c, {
 					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,
+				}) : H ? /* @__PURE__ */ h(s, {
+					message: H.message,
+					onRetry: () => void U()
+				}) : W.length === 0 ? /* @__PURE__ */ h(o, {
+					icon: v,
 					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", {
+				}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("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, {
+					children: /* @__PURE__ */ g(T, { children: [/* @__PURE__ */ h(k, { children: /* @__PURE__ */ g(A, { children: [
+						/* @__PURE__ */ h(O, { children: "Name" }),
+						/* @__PURE__ */ h(O, { children: "Status" }),
+						/* @__PURE__ */ h(O, { children: "Access" }),
+						/* @__PURE__ */ h(O, { children: "Updated" })
+					] }) }), /* @__PURE__ */ h(E, { children: W.map((e) => /* @__PURE__ */ g(A, {
 						className: "cursor-pointer",
-						onClick: () => k(`datasets/${e.id}`),
+						onClick: () => N(`datasets/${e.id}`),
 						children: [
-							/* @__PURE__ */ p(C, {
+							/* @__PURE__ */ h(D, {
 								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, {
+							/* @__PURE__ */ h(D, { children: /* @__PURE__ */ h(f, { status: e.status }) }),
+							/* @__PURE__ */ h(D, { children: /* @__PURE__ */ h(f, { status: e.accessLevel }) }),
+							/* @__PURE__ */ h(D, {
 								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}`)
-								})
+								children: j(e.updatedAt)
 							})
 						]
 					}, e.id)) })] })
-				}), /* @__PURE__ */ p(c, {
-					offset: F.offset,
-					limit: F.limit,
-					loadedCount: B.length,
-					hasMore: V?.hasMore ?? !1,
-					onPrev: F.prevPage,
-					onNext: F.nextPage,
+				}), /* @__PURE__ */ h(u, {
+					offset: z.offset,
+					limit: z.limit,
+					loadedCount: W.length,
+					hasMore: G?.hasMore ?? !1,
+					onPrev: z.prevPage,
+					onNext: z.nextPage,
 					itemLabel: "datasets",
-					loading: L
+					loading: V
 				})] })]
 			})]
 		})
-	}) : /* @__PURE__ */ p(s, {
+	}) : /* @__PURE__ */ h(l, {
 		title: "Collection",
 		backPath: "collections",
-		children: /* @__PURE__ */ p(i, {
-			icon: _,
+		children: /* @__PURE__ */ h(o, {
+			icon: y,
 			title: "Collection not found",
 			description: "This collection may have been removed or you may not have access to it."
 		})
 	});
 }
 //#endregion
-export { O as default };
+export { M as default };
 
 //# sourceMappingURL=CollectionDetailPage.js.map

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

@@ -1 +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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"}
+{"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, Pencil } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  useCosArchiveCollectionMutation,\n  useCosCollectionsQuery,\n  useCosDatasetsQuery,\n} 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';\nimport { notify } from '../../lib/toast';\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  const [archiveCollection] = useCosArchiveCollectionMutation();\n\n  const handleArchive = async () => {\n    if (!collection) {\n      return;\n    }\n    const response = await archiveCollection({ variables: { id: collection.id } });\n    if (response.error) {\n      throw new Error(response.error.message);\n    }\n    if (!response.data?.cosArchiveCollection) {\n      notify.error('Could not archive collection', 'The server did not confirm the change.');\n      throw new Error('Archive not confirmed');\n    }\n    notify.success('Collection archived');\n    navigate('collections');\n  };\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              </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                </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        <div className=\"flex 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          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => navigate(`collections/${collection.id}/edit`)}\n          >\n            <Pencil className=\"size-4\" />\n            Edit\n          </Button>\n          <ActionMenu\n            ariaLabel={`Actions for ${collection.name}`}\n            entityName={collection.name}\n            onDelete={() => handleArchive()}\n            deleteLabel=\"Archive collection\"\n          />\n        </div>\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

@@ -1,117 +1,143 @@
 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 { useCosCollectionQuery as n, useCosCreateCollectionMutation as r, useCosUpdateCollectionMutation as i } from "../../api/cosmicApi.js";
+import a from "../../components/LoadingState.js";
+import o from "../../components/EntityFormShell.js";
+import s 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";
+import { useMemo as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useParams as f } from "react-router-dom";
+import { Input as p, Switch as m, Textarea as h } from "@burdenoff/fe-libs/ui";
 //#region src/cosmicintersection/pages/collections/CollectionFormPage.tsx
-var d = {
+var g = {
 	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) => ({
+}, _ = "block space-y-1.5 text-sm", v = "font-medium text-text-primary";
+function y() {
+	let { id: y = "" } = f(), b = c(() => !!y, [y]), { navigate: x } = e(), { data: S, loading: C } = n(y), [w, { loading: T }] = r(), [E, { loading: D }] = i(), [O, k] = l(g), [A, j] = l(null);
+	if (b && S?.cosCollection && A !== S.cosCollection.id) {
+		let e = S.cosCollection;
+		j(e.id), k({
+			name: e.name ?? "",
+			slug: e.slug ?? "",
+			description: e.description ?? "",
+			isPublic: e.isPublic,
+			tags: e.tags ?? []
+		});
+	}
+	let M = (e, t) => {
+		k((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, b = async (e) => {
-		if (e.preventDefault(), !_.name.trim()) {
+	}, N = T || D, P = async (e) => {
+		if (e.preventDefault(), !O.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
+		if (b) {
+			(await E({ variables: {
+				id: y,
+				input: {
+					name: O.name.trim(),
+					slug: O.slug.trim() || void 0,
+					description: O.description.trim() || void 0,
+					isPublic: O.isPublic,
+					tags: O.tags
+				}
+			} })).data?.cosUpdateCollection?.id && (t.success("Collection updated"), x(`collections/${y}`));
+			return;
+		}
+		let n = (await w({ variables: { input: {
+			name: O.name.trim(),
+			slug: O.slug.trim() || void 0,
+			description: O.description.trim() || void 0,
+			isPublic: O.isPublic,
+			tags: O.tags
 		} } })).data?.cosCreateCollection;
-		n?.id && (t.success("Collection created"), m(`collections/${n.id}`));
+		n?.id && (t.success("Collection created"), x(`collections/${n.id}`));
 	};
-	return /* @__PURE__ */ s(r, {
-		title: "New collection",
+	return b && C && !S?.cosCollection ? /* @__PURE__ */ u(a, { label: "Loading collection…" }) : /* @__PURE__ */ d(o, {
+		title: b ? "Edit collection" : "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,
+		backLabel: b ? "Back to collection" : "Back to collections",
+		onBack: () => x(b ? `collections/${y}` : "collections"),
+		onSubmit: (e) => void P(e),
+		submitLabel: b ? "Save collection" : "Create collection",
+		saving: N,
 		children: [
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ d("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: [/* @__PURE__ */ d("label", {
+					className: _,
+					children: [/* @__PURE__ */ u("span", {
+						className: v,
 						children: "Name"
-					}), /* @__PURE__ */ o(c, {
-						value: _.name,
-						onChange: (e) => y("name", e.target.value),
+					}), /* @__PURE__ */ u(p, {
+						value: O.name,
+						onChange: (e) => M("name", e.target.value),
 						placeholder: "e.g. Kepler Mission Data",
 						required: !0
 					})]
-				}), /* @__PURE__ */ s("label", {
-					className: f,
+				}), /* @__PURE__ */ d("label", {
+					className: _,
 					children: [
-						/* @__PURE__ */ o("span", {
-							className: p,
+						/* @__PURE__ */ u("span", {
+							className: v,
 							children: "Slug"
 						}),
-						/* @__PURE__ */ o(c, {
-							value: _.slug,
-							onChange: (e) => y("slug", e.target.value),
+						/* @__PURE__ */ u(p, {
+							value: O.slug,
+							onChange: (e) => M("slug", e.target.value),
 							placeholder: "kepler-mission"
 						}),
-						/* @__PURE__ */ o("span", {
+						/* @__PURE__ */ u("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,
+			/* @__PURE__ */ d("label", {
+				className: _,
+				children: [/* @__PURE__ */ u("span", {
+					className: v,
 					children: "Description"
-				}), /* @__PURE__ */ o(u, {
-					value: _.description,
-					onChange: (e) => y("description", e.target.value),
+				}), /* @__PURE__ */ u(h, {
+					value: O.description,
+					onChange: (e) => M("description", e.target.value),
 					rows: 3,
 					placeholder: "What this collection groups together and who it is for."
 				})]
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ d("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", {
+				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 					className: "text-sm font-medium text-text-primary",
 					children: "Public collection"
-				}), /* @__PURE__ */ o("p", {
+				}), /* @__PURE__ */ u("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),
+				})] }), /* @__PURE__ */ u(m, {
+					checked: O.isPublic,
+					onCheckedChange: (e) => M("isPublic", e),
 					"aria-label": "Public collection"
 				})]
 			}),
-			/* @__PURE__ */ o(i, {
-				value: _.tags,
-				onChange: (e) => y("tags", e),
-				disabled: g
+			/* @__PURE__ */ u(s, {
+				value: O.tags,
+				onChange: (e) => M("tags", e),
+				disabled: N
 			})
 		]
 	});
 }
 //#endregion
-export { m as default };
+export { y as default };
 
 //# sourceMappingURL=CollectionFormPage.js.map