@burdenoff/microfe-cosmicintersection 2026.525.1 → 2026.704.2

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

@@ -0,0 +1,177 @@
+import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.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 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 j(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 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: M
+	}), { data: B, loading: V, error: H, refetch: U } = i({
+		collectionId: M,
+		pagination: {
+			limit: z.limit,
+			offset: z.offset
+		}
+	}), 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__ */ h(c, { label: "Loading collection…" })
+	}) : I ? /* @__PURE__ */ h(l, {
+		title: "Collection",
+		backPath: "collections",
+		children: /* @__PURE__ */ h(s, {
+			message: I.message,
+			onRetry: () => void L()
+		})
+	}) : R ? /* @__PURE__ */ h(l, {
+		title: R.name,
+		description: R.slug ? `/${R.slug}` : void 0,
+		backPath: "collections",
+		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__ */ g("div", {
+			className: "space-y-6",
+			children: [/* @__PURE__ */ g("div", {
+				className: "rounded-card border border-border-default bg-bg-elevated p-5",
+				children: [
+					/* @__PURE__ */ h("h2", {
+						className: "text-sm font-semibold text-text-primary",
+						children: "About"
+					}),
+					/* @__PURE__ */ h("p", {
+						className: "mt-2 text-sm text-text-secondary",
+						children: R.description ?? "No description provided."
+					}),
+					R.tags.length > 0 ? /* @__PURE__ */ h("div", {
+						className: "mt-4 flex flex-wrap gap-1",
+						children: R.tags.map((e) => /* @__PURE__ */ h(C, {
+							variant: "outline",
+							className: "text-xs",
+							children: e
+						}, e))
+					}) : null
+				]
+			}), /* @__PURE__ */ g("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ h("h2", {
+					className: "text-sm font-semibold text-text-primary",
+					children: "Datasets"
+				}), V ? /* @__PURE__ */ h(c, {
+					variant: "rows",
+					rows: 4,
+					label: "Loading datasets…"
+				}) : 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__ */ g(m, { children: [/* @__PURE__ */ h("div", {
+					className: "overflow-hidden rounded-card border border-border-default bg-bg-elevated",
+					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: () => N(`datasets/${e.id}`),
+						children: [
+							/* @__PURE__ */ h(D, {
+								className: "font-medium text-text-primary",
+								children: e.name
+							}),
+							/* @__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: j(e.updatedAt)
+							})
+						]
+					}, e.id)) })] })
+				}), /* @__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: V
+				})] })]
+			})]
+		})
+	}) : /* @__PURE__ */ h(l, {
+		title: "Collection",
+		backPath: "collections",
+		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 { M 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, 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":";;;;;;;;;;;;;;;;;AAgCA,SAAS,EAAW,GAA+B;AACjD,KAAI,CAAC,EACH,QAAO;CAET,IAAM,IAAS,IAAI,KAAK,EAAM;AAI9B,QAHI,OAAO,MAAM,EAAO,SAAS,CAAC,GACzB,MAEF,EAAO,mBAAmB,KAAA,GAAW;EAAE,MAAM;EAAW,OAAO;EAAS,KAAK;EAAW,CAAC;;AAGlG,SAAwB,IAAuB;CAC7C,IAAM,EAAE,QAAK,OAAO,GAA2B,EACzC,EAAE,gBAAa,GAAuB,EAGtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,MACP,GAAwB,EAEtB,IAAa,QACX,GAAiB,mBAAmB,MAAM,MAAS,EAAK,OAAO,EAAG,IAAI,MAC5E,CAAC,GAAiB,EAAG,CACtB,EAEK,IAAa,EAAc;EAAE,UAAU;EAAI,UAAU;EAAI,CAAC,EAC1D,EACJ,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,MACP,EAAoB;EACtB,cAAc;EACd,YAAY;GAAE,OAAO,EAAW;GAAO,QAAQ,EAAW;GAAQ;EACnE,CAAC,EAEI,IAAW,GAAc,gBAAgB,SAAS,EAAE,EACpD,IAAW,GAAc,gBAAgB,UAEzC,CAAC,KAAqB,GAAiC,EAEvD,IAAgB,YAAY;AAChC,MAAI,CAAC,EACH;EAEF,IAAM,IAAW,MAAM,EAAkB,EAAE,WAAW,EAAE,IAAI,EAAW,IAAI,EAAE,CAAC;AAC9E,MAAI,EAAS,MACX,OAAU,MAAM,EAAS,MAAM,QAAQ;AAEzC,MAAI,CAAC,EAAS,MAAM,qBAElB,OADA,EAAO,MAAM,gCAAgC,yCAAyC,EAC5E,MAAM,wBAAwB;AAG1C,EADA,EAAO,QAAQ,sBAAsB,EACrC,EAAS,cAAc;;AAiGzB,QA9FI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAa,UAAS;YACtC,kBAAC,GAAD,EAAc,OAAM,uBAAwB,CAAA;EACjC,CAAA,GAIb,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAa,UAAS;YACtC,kBAAC,GAAD;GAAY,SAAS,EAAiB;GAAS,eAAe,KAAK,GAAoB;GAAI,CAAA;EAChF,CAAA,GAIZ,IA+EH,kBAAC,GAAD;EACE,OAAO,EAAW;EAClB,aAAa,EAAW,OAAO,IAAI,EAAW,SAAS,KAAA;EACvD,UAAS;EACT,SACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAW,WACV,kBAAC,GAAD;KACE,SAAQ;KACR,WAAU;eAFZ,CAIE,kBAAC,GAAD;MAAO,WAAU;MAAS,eAAY;MAAS,CAAA,EAAA,SAEzC;SAER,kBAAC,GAAD;KAAO,SAAQ;KAAY,WAAU;eAArC,CACE,kBAAC,GAAD;MAAM,WAAU;MAAS,eAAY;MAAS,CAAA,EAAA,UAExC;;IAEV,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,eAAe,EAAS,eAAe,EAAW,GAAG,OAAO;eAH9D,CAKE,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA,EAAA,OAEtB;;IACT,kBAAC,GAAD;KACE,WAAW,eAAe,EAAW;KACrC,YAAY,EAAW;KACvB,gBAAgB,GAAe;KAC/B,aAAY;KACZ,CAAA;IACE;;YAGR,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAAU,CAAA;KAClE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAW,eAAe;MACzB,CAAA;KACH,EAAW,KAAK,SAAS,IACxB,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAW,KAAK,KAAK,MACpB,kBAAC,GAAD;OAAiB,SAAQ;OAAU,WAAU;iBAC1C;OACK,EAFI,EAEJ,CACR;MACE,CAAA,GACJ;KACA;OAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0C;KAAa,CAAA,EAzHvE,IACK,kBAAC,GAAD;KAAc,SAAQ;KAAO,MAAM;KAAG,OAAM;KAAsB,CAAA,GAEvE,IACK,kBAAC,GAAD;KAAY,SAAS,EAAc;KAAS,eAAe,KAAK,GAAiB;KAAI,CAAA,GAE1F,EAAS,WAAW,IAEpB,kBAAC,GAAD;KACE,MAAM;KACN,OAAM;KACN,aAAY;KACZ,CAAA,GAKJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA;MACE,kBAAC,GAAD,EAAA,UAAW,QAAgB,CAAA;MAC3B,kBAAC,GAAD,EAAA,UAAW,UAAkB,CAAA;MAC7B,kBAAC,GAAD,EAAA,UAAW,UAAkB,CAAA;MAC7B,kBAAC,GAAD,EAAA,UAAW,WAAmB,CAAA;MACrB,EAAA,CAAA,EACC,CAAA,EACd,kBAAC,GAAD,EAAA,UACG,EAAS,KAAK,MACb,kBAAC,GAAD;MAEE,WAAU;MACV,eAAe,EAAS,YAAY,EAAQ,KAAK;gBAHnD;OAKE,kBAAC,GAAD;QAAW,WAAU;kBAAiC,EAAQ;QAAiB,CAAA;OAC/E,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAa,QAAQ,EAAQ,QAAU,CAAA,EAC7B,CAAA;OACZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAa,QAAQ,EAAQ,aAAe,CAAA,EAClC,CAAA;OACZ,kBAAC,GAAD;QAAW,WAAU;kBAClB,EAAW,EAAQ,UAAU;QACpB,CAAA;OACH;QAdJ,EAAQ,GAcJ,CACX,EACQ,CAAA,CACN,EAAA,CAAA;KACJ,CAAA,EAEN,kBAAC,GAAD;KACE,QAAQ,EAAW;KACnB,OAAO,EAAW;KAClB,aAAa,EAAS;KACtB,SAAS,GAAU,WAAW;KAC9B,QAAQ,EAAW;KACnB,QAAQ,EAAW;KACnB,WAAU;KACV,SAAS;KACT,CAAA,CACD,EAAA,CAAA,CA8DK;MACF;;EACK,CAAA,GAxIX,kBAAC,GAAD;EAAY,OAAM;EAAa,UAAS;YACtC,kBAAC,GAAD;GACE,MAAM;GACN,OAAM;GACN,aAAY;GACZ,CAAA;EACS,CAAA"}

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

@@ -0,0 +1,143 @@
+import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
+import { notify as t } from "../../lib/toast.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 { 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 g = {
+	name: "",
+	slug: "",
+	description: "",
+	isPublic: !1,
+	tags: []
+}, _ = "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
+		}));
+	}, N = T || D, P = async (e) => {
+		if (e.preventDefault(), !O.name.trim()) {
+			t.error("Name is required", "Give this collection a recognizable name.");
+			return;
+		}
+		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"), x(`collections/${n.id}`));
+	};
+	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: 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__ */ d("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ d("label", {
+					className: _,
+					children: [/* @__PURE__ */ u("span", {
+						className: v,
+						children: "Name"
+					}), /* @__PURE__ */ u(p, {
+						value: O.name,
+						onChange: (e) => M("name", e.target.value),
+						placeholder: "e.g. Kepler Mission Data",
+						required: !0
+					})]
+				}), /* @__PURE__ */ d("label", {
+					className: _,
+					children: [
+						/* @__PURE__ */ u("span", {
+							className: v,
+							children: "Slug"
+						}),
+						/* @__PURE__ */ u(p, {
+							value: O.slug,
+							onChange: (e) => M("slug", e.target.value),
+							placeholder: "kepler-mission"
+						}),
+						/* @__PURE__ */ u("span", {
+							className: "text-xs text-text-secondary",
+							children: "Optional URL-friendly identifier for sharing."
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ d("label", {
+				className: _,
+				children: [/* @__PURE__ */ u("span", {
+					className: v,
+					children: "Description"
+				}), /* @__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__ */ 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__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+					className: "text-sm font-medium text-text-primary",
+					children: "Public collection"
+				}), /* @__PURE__ */ u("p", {
+					className: "text-xs text-text-secondary",
+					children: "Make this collection discoverable across the workspace."
+				})] }), /* @__PURE__ */ u(m, {
+					checked: O.isPublic,
+					onCheckedChange: (e) => M("isPublic", e),
+					"aria-label": "Public collection"
+				})]
+			}),
+			/* @__PURE__ */ u(s, {
+				value: O.tags,
+				onChange: (e) => M("tags", e),
+				disabled: N
+			})
+		]
+	});
+}
+//#endregion
+export { y 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 { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Input, Switch, Textarea } from '@burdenoff/fe-libs/ui';\n\nimport {\n  useCosCollectionQuery,\n  useCosCreateCollectionMutation,\n  useCosUpdateCollectionMutation,\n  type CosCreateCollectionInput,\n  type CosUpdateCollectionInput,\n} from '../../api/cosmicApi';\nimport { EntityFormShell, EntityTagsField, LoadingState } 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 { id = '' } = useParams<{ id: string }>();\n  const isEdit = useMemo(() => Boolean(id), [id]);\n  const { navigate } = useCosmicIntersection();\n\n  const { data, loading: loadingCollection } = useCosCollectionQuery(id);\n  const [createCollection, { loading: creating }] = useCosCreateCollectionMutation();\n  const [updateCollection, { loading: updating }] = useCosUpdateCollectionMutation();\n\n  const [form, setForm] = useState<CollectionFormState>(INITIAL_STATE);\n\n  // Hydrate once the collection loads in edit mode. Derive-state-during-render\n  // (keyed on the loaded id) rather than an effect, per platform lint.\n  const [loadedId, setLoadedId] = useState<string | null>(null);\n  if (isEdit && data?.cosCollection && loadedId !== data.cosCollection.id) {\n    const collection = data.cosCollection;\n    setLoadedId(collection.id);\n    setForm({\n      name: collection.name ?? '',\n      slug: collection.slug ?? '',\n      description: collection.description ?? '',\n      isPublic: collection.isPublic,\n      tags: collection.tags ?? [],\n    });\n  }\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 saving = creating || updating;\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    if (isEdit) {\n      const input: CosUpdateCollectionInput = {\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      const response = await updateCollection({ variables: { id, input } });\n      if (response.data?.cosUpdateCollection?.id) {\n        notify.success('Collection updated');\n        navigate(`collections/${id}`);\n      }\n      return;\n    }\n\n    const input: CosCreateCollectionInput = {\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    const response = await createCollection({ variables: { input } });\n    const created = response.data?.cosCreateCollection;\n    if (created?.id) {\n      notify.success('Collection created');\n      navigate(`collections/${created.id}`);\n    }\n  };\n\n  if (isEdit && loadingCollection && !data?.cosCollection) {\n    return <LoadingState label=\"Loading collection…\" />;\n  }\n\n  return (\n    <EntityFormShell\n      title={isEdit ? 'Edit collection' : '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={isEdit ? 'Back to collection' : 'Back to collections'}\n      onBack={() => navigate(isEdit ? `collections/${id}` : 'collections')}\n      onSubmit={(event) => void onSubmit(event)}\n      submitLabel={isEdit ? 'Save collection' : 'Create collection'}\n      saving={saving}\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 value={form.tags} onChange={(tags) => onChange('tags', tags)} disabled={saving} />\n    </EntityFormShell>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,112 @@
+import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
+import { notify as t } from "../../lib/toast.js";
+import { useCosArchiveCollectionMutation as n, useCosCollectionsQuery as r } from "../../api/cosmicApi.js";
+import i from "../../components/ActionMenu.js";
+import a from "../../components/EmptyState.js";
+import o from "../../components/ErrorState.js";
+import s from "../../components/LoadingState.js";
+import c from "../../components/PageLayout.js";
+import "../../components/index.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { FolderOpen as d, Globe as f, Lock as p, Plus as m } from "lucide-react";
+import { Badge as h, Button as g } from "@burdenoff/fe-libs/ui";
+//#region src/cosmicintersection/pages/collections/CollectionsPage.tsx
+function _() {
+	let { navigate: _ } = e(), { data: v, loading: y, error: b, refetch: x } = r(), [S] = n(), C = v?.cosListCollections ?? [], w = async (e) => {
+		let n = await S({ variables: { id: e.id } });
+		if (n.error) throw Error(n.error.message);
+		if (!n.data?.cosArchiveCollection) throw t.error("Could not archive collection", "The server did not confirm the change."), Error("Archive not confirmed");
+		t.success("Collection archived"), await x();
+	}, T = /* @__PURE__ */ u(g, {
+		type: "button",
+		onClick: () => _("collections/create"),
+		children: [/* @__PURE__ */ l(m, { className: "size-4" }), "New collection"]
+	});
+	return /* @__PURE__ */ l(c, {
+		title: "Collections",
+		description: "Curated groupings of datasets by mission, survey or research theme.",
+		actions: T,
+		children: y ? /* @__PURE__ */ l(s, {
+			variant: "rows",
+			rows: 4,
+			label: "Loading collections…"
+		}) : b ? /* @__PURE__ */ l(o, {
+			message: b.message,
+			onRetry: () => void x()
+		}) : C.length === 0 ? /* @__PURE__ */ l(a, {
+			icon: d,
+			title: "No collections yet",
+			description: "Group related datasets — by mission, survey or research theme — into a shareable collection.",
+			action: T
+		}) : /* @__PURE__ */ l("div", {
+			className: "grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",
+			children: C.map((e) => /* @__PURE__ */ u("div", {
+				role: "button",
+				tabIndex: 0,
+				"aria-label": `Open ${e.name}`,
+				onClick: () => _(`collections/${e.id}`),
+				onKeyDown: (t) => {
+					(t.key === "Enter" || t.key === " ") && (t.preventDefault(), _(`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__ */ u("div", {
+						className: "flex items-start justify-between gap-3",
+						children: [/* @__PURE__ */ u("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ l("h2", {
+								className: "truncate text-base font-semibold text-text-primary",
+								children: e.name
+							}), e.slug ? /* @__PURE__ */ u("p", {
+								className: "mt-0.5 truncate text-xs text-text-secondary",
+								children: ["/", e.slug]
+							}) : null]
+						}), /* @__PURE__ */ u("div", {
+							className: "flex shrink-0 items-center gap-2",
+							children: [e.isPublic ? /* @__PURE__ */ u(h, {
+								variant: "outline",
+								className: "gap-1 border-status-success-border bg-status-success-bg-subtle text-status-success-text",
+								children: [/* @__PURE__ */ l(f, {
+									className: "size-3",
+									"aria-hidden": "true"
+								}), "Public"]
+							}) : /* @__PURE__ */ u(h, {
+								variant: "secondary",
+								className: "gap-1",
+								children: [/* @__PURE__ */ l(p, {
+									className: "size-3",
+									"aria-hidden": "true"
+								}), "Private"]
+							}), /* @__PURE__ */ l(i, {
+								ariaLabel: `Actions for ${e.name}`,
+								entityName: e.name,
+								onEdit: () => _(`collections/${e.id}/edit`),
+								onDelete: () => w(e),
+								deleteLabel: "Archive collection"
+							})]
+						})]
+					}),
+					/* @__PURE__ */ l("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__ */ u("div", {
+						className: "flex flex-wrap gap-1",
+						children: [e.tags.slice(0, 4).map((e) => /* @__PURE__ */ l(h, {
+							variant: "outline",
+							className: "text-xs",
+							children: e
+						}, e)), e.tags.length > 4 ? /* @__PURE__ */ u("span", {
+							className: "text-xs text-text-secondary",
+							children: ["+", e.tags.length - 4]
+						}) : null]
+					}) : null
+				]
+			}, e.id))
+		})
+	});
+}
+//#endregion
+export { _ 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 {\n  useCosArchiveCollectionMutation,\n  useCosCollectionsQuery,\n  type CosCollection,\n} from '../../api/cosmicApi';\nimport { ActionMenu, EmptyState, ErrorState, LoadingState, PageLayout } from '../../components';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\nimport { notify } from '../../lib/toast';\n\nexport default function CollectionsPage() {\n  const { navigate } = useCosmicIntersection();\n  const { data, loading, error, refetch } = useCosCollectionsQuery();\n  const [archiveCollection] = useCosArchiveCollectionMutation();\n\n  const collections = data?.cosListCollections ?? [];\n\n  const handleArchive = async (collection: CosCollection) => {\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    await refetch();\n  };\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                  entityName={collection.name}\n                  onEdit={() => navigate(`collections/${collection.id}/edit`)}\n                  onDelete={() => handleArchive(collection)}\n                  deleteLabel=\"Archive collection\"\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":";;;;;;;;;;;;;AAYA,SAAwB,IAAkB;CACxC,IAAM,EAAE,gBAAa,GAAuB,EACtC,EAAE,SAAM,YAAS,UAAO,eAAY,GAAwB,EAC5D,CAAC,KAAqB,GAAiC,EAEvD,IAAc,GAAM,sBAAsB,EAAE,EAE5C,IAAgB,OAAO,MAA8B;EACzD,IAAM,IAAW,MAAM,EAAkB,EAAE,WAAW,EAAE,IAAI,EAAW,IAAI,EAAE,CAAC;AAC9E,MAAI,EAAS,MACX,OAAU,MAAM,EAAS,MAAM,QAAQ;AAEzC,MAAI,CAAC,EAAS,MAAM,qBAElB,OADA,EAAO,MAAM,gCAAgC,yCAAyC,EAC5E,MAAM,wBAAwB;AAG1C,EADA,EAAO,QAAQ,sBAAsB,EACrC,MAAM,GAAS;IAGX,IACJ,kBAAC,GAAD;EAAQ,MAAK;EAAS,eAAe,EAAS,qBAAqB;YAAnE,CACE,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA,EAAA,iBAEpB;;AA8FX,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAS;YA9FP,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,YAAY,EAAW;QACvB,cAAc,EAAS,eAAe,EAAW,GAAG,OAAO;QAC3D,gBAAgB,EAAc,EAAW;QACzC,aAAY;QACZ,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;MA/DC,EAAW,GA+DZ,CACN;GACE,CAAA;EAWK,CAAA"}