@burdenoff/microfe-cosmicintersection 2026.704.2 → 2026.704.3

package/dist/cosmicintersection/pages/sources/SourcesPage.js

@@ -1,21 +1,21 @@
 import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
 import { notify as t } from "../../lib/toast.js";
-import { useCosArchiveSourceMutation as n, useCosMarkSourceSyncedMutation as r, useCosSourcesQuery 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/SafeLink.js";
-import u from "../../components/PageLayout.js";
-import d, { usePagination as f } from "../../components/Pagination.js";
-import p, { formatEnumLabel as m } from "../../components/StatusBadge.js";
+import { useCosArchiveSourceMutation as n, useCosMarkSourceSyncedMutation as r, useCosSourcesQuery as ee } 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/SafeLink.js";
+import l from "../../components/PageLayout.js";
+import u, { usePagination as d } from "../../components/Pagination.js";
+import f, { formatEnumLabel as p } from "../../components/StatusBadge.js";
 import "../../components/index.js";
-import { useMemo as h, useState as g } from "react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Plus as ee, Radio as b, RefreshCw as x } from "lucide-react";
-import { Badge as S, Button as C, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O, Table as k, TableBody as A, TableCell as j, TableHead as M, TableHeader as N, TableRow as P } from "@burdenoff/fe-libs/ui";
+import { useMemo as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Archive as y, FileInput as b, FlaskConical as x, Plus as S, Radio as C, RadioTower as w, RefreshCw as T, Satellite as E, Telescope as D, Webhook as O } from "lucide-react";
+import { Badge as k, Button as A, Select as j, SelectContent as M, SelectItem as N, SelectTrigger as P, SelectValue as F, Table as te, TableBody as ne, TableCell as I, TableHead as L, TableHeader as R, TableRow as z } from "@burdenoff/fe-libs/ui";
 //#region src/cosmicintersection/pages/sources/SourcesPage.tsx
-var F = "ALL", I = [
+var B = "ALL", V = [
 	"TELESCOPE",
 	"SATELLITE",
 	"GROUND_SENSOR",
@@ -24,15 +24,24 @@ var F = "ALL", I = [
 	"STREAM",
 	"FILE_DROP",
 	"SIMULATION"
-], L = [
+], H = [
 	"CONFIGURING",
 	"CONNECTED",
 	"SYNCING",
 	"DEGRADED",
 	"ERROR",
 	"DISABLED"
-];
-function R(e) {
+], U = {
+	TELESCOPE: D,
+	SATELLITE: E,
+	GROUND_SENSOR: w,
+	ARCHIVE: y,
+	API: O,
+	STREAM: C,
+	FILE_DROP: b,
+	SIMULATION: x
+};
+function W(e) {
 	if (!e) return "—";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleDateString(void 0, {
@@ -41,183 +50,285 @@ function R(e) {
 		day: "numeric"
 	});
 }
-function z() {
-	let { navigate: z } = e(), [B, V] = g(F), [H, U] = g(F), W = f({
+function G() {
+	let { navigate: y } = e(), [b, x] = h(B), [w, E] = h(B), D = d({
 		pageSize: 20,
-		resetKey: `${B}|${H}`
-	}), { data: G, loading: K, error: q, refetch: J } = i({
-		type: B === F ? void 0 : B,
-		status: H === F ? void 0 : H,
+		resetKey: `${b}|${w}`
+	}), { data: O, loading: G, error: K, refetch: q } = ee({
+		type: b === B ? void 0 : b,
+		status: w === B ? void 0 : w,
 		pagination: {
-			limit: W.limit,
-			offset: W.offset
+			limit: D.limit,
+			offset: D.offset
 		}
-	}), [Y] = r(), [X] = n(), Z = h(() => G?.cosListSources.items ?? [], [G]), Q = G?.cosListSources.pageInfo, te = async (e) => {
-		(await Y({ variables: { id: e.id } })).data?.cosMarkSourceSynced && (t.success("Source marked synced", `“${e.name}” is now up to date.`), await J());
-	}, ne = async (e) => {
-		let n = await X({ variables: { id: e.id } });
+	}), [J] = r(), [Y] = n(), X = m(() => O?.cosListSources.items ?? [], [O]), re = O?.cosListSources.pageInfo, Z = async (e) => {
+		(await J({ variables: { id: e.id } })).data?.cosMarkSourceSynced && (t.success("Source marked synced", `“${e.name}” is now up to date.`), await q());
+	}, Q = async (e) => {
+		let n = await Y({ variables: { id: e.id } });
 		if (n.error) throw Error(n.error.message);
 		if (!n.data?.cosArchiveSource) throw t.error("Could not archive source", "The server did not confirm the change."), Error("Archive not confirmed");
-		t.success("Source archived"), await J();
-	}, $ = /* @__PURE__ */ y(C, {
+		t.success("Source archived"), await q();
+	}, $ = /* @__PURE__ */ v(A, {
 		type: "button",
-		onClick: () => z("sources/create"),
-		children: [/* @__PURE__ */ v(ee, { className: "size-4" }), "New source"]
+		onClick: () => y("sources/create"),
+		children: [/* @__PURE__ */ _(S, { className: "size-4" }), "New source"]
 	});
-	return /* @__PURE__ */ v(u, {
+	return /* @__PURE__ */ _(l, {
 		title: "Data sources",
 		description: "Instruments, archives and feeds that supply raw data into your federation.",
 		actions: $,
-		children: /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: "space-y-4",
-			children: [/* @__PURE__ */ y("div", {
+			children: [/* @__PURE__ */ v("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "w-full max-w-[14rem]",
-					children: /* @__PURE__ */ y(w, {
-						value: B,
-						onValueChange: V,
-						children: [/* @__PURE__ */ v(D, {
+					children: /* @__PURE__ */ v(j, {
+						value: b,
+						onValueChange: x,
+						children: [/* @__PURE__ */ _(P, {
 							"aria-label": "Filter by type",
-							children: /* @__PURE__ */ v(O, { placeholder: "All types" })
-						}), /* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(E, {
-							value: F,
+							children: /* @__PURE__ */ _(F, { placeholder: "All types" })
+						}), /* @__PURE__ */ v(M, { children: [/* @__PURE__ */ _(N, {
+							value: B,
 							children: "All types"
-						}), I.map((e) => /* @__PURE__ */ v(E, {
+						}), V.map((e) => /* @__PURE__ */ _(N, {
 							value: e,
-							children: m(e)
+							children: p(e)
 						}, e))] })]
 					})
-				}), /* @__PURE__ */ v("div", {
+				}), /* @__PURE__ */ _("div", {
 					className: "w-full max-w-[14rem]",
-					children: /* @__PURE__ */ y(w, {
-						value: H,
-						onValueChange: U,
-						children: [/* @__PURE__ */ v(D, {
+					children: /* @__PURE__ */ v(j, {
+						value: w,
+						onValueChange: E,
+						children: [/* @__PURE__ */ _(P, {
 							"aria-label": "Filter by status",
-							children: /* @__PURE__ */ v(O, { placeholder: "All statuses" })
-						}), /* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(E, {
-							value: F,
+							children: /* @__PURE__ */ _(F, { placeholder: "All statuses" })
+						}), /* @__PURE__ */ v(M, { children: [/* @__PURE__ */ _(N, {
+							value: B,
 							children: "All statuses"
-						}), L.map((e) => /* @__PURE__ */ v(E, {
+						}), H.map((e) => /* @__PURE__ */ _(N, {
 							value: e,
-							children: m(e)
+							children: p(e)
 						}, e))] })]
 					})
 				})]
 			}), (() => {
-				if (K) return /* @__PURE__ */ v(c, {
+				if (G) return /* @__PURE__ */ _(s, {
 					variant: "rows",
 					rows: 6,
 					label: "Loading sources…"
 				});
-				if (q) return /* @__PURE__ */ v(s, {
-					message: q.message,
-					onRetry: () => void J()
+				if (K) return /* @__PURE__ */ _(o, {
+					message: K.message,
+					onRetry: () => void q()
 				});
-				if (Z.length === 0) {
-					let e = B !== F || H !== F;
-					return /* @__PURE__ */ v(o, {
-						icon: b,
+				if (X.length === 0) {
+					let e = b !== B || w !== B;
+					return /* @__PURE__ */ _(a, {
+						icon: C,
 						title: e ? "No sources match these filters" : "No data sources yet",
 						description: e ? "Try clearing the type or status filter to see more sources." : "Connect a telescope, satellite feed, archive or API to start ingesting scientific data.",
 						action: e ? void 0 : $
 					});
 				}
-				return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
-					className: "overflow-hidden rounded-card border border-border-default bg-bg-elevated",
-					children: /* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(N, { children: /* @__PURE__ */ y(P, { children: [
-						/* @__PURE__ */ v(M, { children: "Name" }),
-						/* @__PURE__ */ v(M, { children: "Type" }),
-						/* @__PURE__ */ v(M, { children: "Status" }),
-						/* @__PURE__ */ v(M, { children: "Endpoint" }),
-						/* @__PURE__ */ v(M, { children: "Last synced" }),
-						/* @__PURE__ */ v(M, { children: "Tags" }),
-						/* @__PURE__ */ v(M, {
-							className: "text-right",
-							children: "Actions"
-						})
-					] }) }), /* @__PURE__ */ v(A, { children: Z.map((e) => /* @__PURE__ */ y(P, {
-						className: "cursor-pointer",
-						onClick: () => z(`sources/${e.id}`),
-						children: [
-							/* @__PURE__ */ y(j, { children: [/* @__PURE__ */ v("div", {
-								className: "font-medium text-text-primary",
-								children: e.name
-							}), e.description ? /* @__PURE__ */ v("div", {
-								className: "mt-0.5 line-clamp-1 max-w-xs text-xs text-text-secondary",
-								children: e.description
-							}) : null] }),
-							/* @__PURE__ */ v(j, { children: /* @__PURE__ */ v(S, {
-								variant: "secondary",
-								children: m(e.type)
-							}) }),
-							/* @__PURE__ */ v(j, { children: /* @__PURE__ */ v(p, { status: e.status }) }),
-							/* @__PURE__ */ v(j, {
-								className: "max-w-[16rem]",
-								onClick: (e) => e.stopPropagation(),
-								children: e.endpoint ? /* @__PURE__ */ v(l, {
-									href: e.endpoint,
-									className: "block truncate text-sm text-text-primary underline-offset-2 hover:underline",
-									fallbackClassName: "block truncate text-sm text-text-secondary",
-									children: e.endpoint
-								}) : /* @__PURE__ */ v("span", {
-									className: "text-sm text-text-secondary",
-									children: "—"
-								})
-							}),
-							/* @__PURE__ */ v(j, {
-								className: "whitespace-nowrap text-sm text-text-secondary",
-								children: R(e.lastSyncedAt)
-							}),
-							/* @__PURE__ */ v(j, { children: /* @__PURE__ */ y("div", {
-								className: "flex max-w-[12rem] flex-wrap gap-1",
-								children: [e.tags.length === 0 ? /* @__PURE__ */ v("span", {
-									className: "text-xs text-text-secondary",
-									children: "—"
-								}) : e.tags.slice(0, 3).map((e) => /* @__PURE__ */ v(S, {
-									variant: "outline",
-									className: "text-xs",
-									children: e
-								}, e)), e.tags.length > 3 ? /* @__PURE__ */ y("span", {
-									className: "text-xs text-text-secondary",
-									children: ["+", e.tags.length - 3]
-								}) : null]
-							}) }),
-							/* @__PURE__ */ v(j, {
+				return /* @__PURE__ */ v(g, { children: [
+					/* @__PURE__ */ _("div", {
+						className: "hidden overflow-hidden rounded-card border border-border-default bg-bg-elevated md:block",
+						children: /* @__PURE__ */ v(te, { children: [/* @__PURE__ */ _(R, { children: /* @__PURE__ */ v(z, { children: [
+							/* @__PURE__ */ _(L, { children: "Name" }),
+							/* @__PURE__ */ _(L, { children: "Type" }),
+							/* @__PURE__ */ _(L, { children: "Status" }),
+							/* @__PURE__ */ _(L, { children: "Endpoint" }),
+							/* @__PURE__ */ _(L, { children: "Last synced" }),
+							/* @__PURE__ */ _(L, { children: "Tags" }),
+							/* @__PURE__ */ _(L, {
 								className: "text-right",
-								children: /* @__PURE__ */ v(a, {
-									ariaLabel: `Actions for ${e.name}`,
-									entityName: e.name,
-									onView: () => z(`sources/${e.id}`),
-									onEdit: () => z(`sources/${e.id}/edit`),
-									onDelete: () => ne(e),
-									deleteLabel: "Archive source",
-									extraItems: [{
-										key: "mark-synced",
-										label: "Mark synced",
-										icon: x,
-										onSelect: () => void te(e)
-									}]
-								})
+								children: "Actions"
 							})
-						]
-					}, e.id)) })] })
-				}), /* @__PURE__ */ v(d, {
-					offset: W.offset,
-					limit: W.limit,
-					loadedCount: Z.length,
-					hasMore: Q?.hasMore ?? !1,
-					onPrev: W.prevPage,
-					onNext: W.nextPage,
-					itemLabel: "sources",
-					loading: K
-				})] });
+						] }) }), /* @__PURE__ */ _(ne, { children: X.map((e) => /* @__PURE__ */ v(z, {
+							className: "cursor-pointer",
+							onClick: () => y(`sources/${e.id}`),
+							children: [
+								/* @__PURE__ */ _(I, { children: /* @__PURE__ */ v("div", {
+									className: "flex items-start gap-2.5",
+									children: [/* @__PURE__ */ _("span", {
+										className: "mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-button bg-bg-sunken text-text-secondary",
+										children: /* @__PURE__ */ _(U[e.type] ?? C, {
+											className: "size-4",
+											"aria-hidden": "true"
+										})
+									}), /* @__PURE__ */ v("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ _("div", {
+											className: "font-medium text-text-primary",
+											children: e.name
+										}), e.description ? /* @__PURE__ */ _("div", {
+											className: "mt-0.5 line-clamp-1 max-w-xs text-xs text-text-secondary",
+											children: e.description
+										}) : null]
+									})]
+								}) }),
+								/* @__PURE__ */ _(I, { children: /* @__PURE__ */ _(k, {
+									variant: "secondary",
+									children: p(e.type)
+								}) }),
+								/* @__PURE__ */ _(I, { children: /* @__PURE__ */ _(f, { status: e.status }) }),
+								/* @__PURE__ */ _(I, {
+									className: "max-w-[16rem]",
+									onClick: (e) => e.stopPropagation(),
+									children: e.endpoint ? /* @__PURE__ */ _(c, {
+										href: e.endpoint,
+										className: "block truncate text-sm text-text-primary underline-offset-2 hover:underline",
+										fallbackClassName: "block truncate text-sm text-text-secondary",
+										children: e.endpoint
+									}) : /* @__PURE__ */ _("span", {
+										className: "text-sm text-text-secondary",
+										children: "—"
+									})
+								}),
+								/* @__PURE__ */ _(I, {
+									className: "whitespace-nowrap text-sm text-text-secondary",
+									children: W(e.lastSyncedAt)
+								}),
+								/* @__PURE__ */ _(I, { children: /* @__PURE__ */ v("div", {
+									className: "flex max-w-[12rem] flex-wrap gap-1",
+									children: [e.tags.length === 0 ? /* @__PURE__ */ _("span", {
+										className: "text-xs text-text-secondary",
+										children: "—"
+									}) : e.tags.slice(0, 3).map((e) => /* @__PURE__ */ _(k, {
+										variant: "outline",
+										className: "text-xs",
+										children: e
+									}, e)), e.tags.length > 3 ? /* @__PURE__ */ v("span", {
+										className: "text-xs text-text-secondary",
+										children: ["+", e.tags.length - 3]
+									}) : null]
+								}) }),
+								/* @__PURE__ */ _(I, {
+									className: "text-right",
+									children: /* @__PURE__ */ _(i, {
+										ariaLabel: `Actions for ${e.name}`,
+										entityName: e.name,
+										onView: () => y(`sources/${e.id}`),
+										onEdit: () => y(`sources/${e.id}/edit`),
+										onDelete: () => Q(e),
+										deleteLabel: "Archive source",
+										extraItems: [{
+											key: "mark-synced",
+											label: "Mark synced",
+											icon: T,
+											onSelect: () => void Z(e)
+										}]
+									})
+								})
+							]
+						}, e.id)) })] })
+					}),
+					/* @__PURE__ */ _("ul", {
+						className: "space-y-3 md:hidden",
+						children: X.map((e) => {
+							let t = U[e.type] ?? C;
+							return /* @__PURE__ */ _("li", { children: /* @__PURE__ */ v("div", {
+								role: "button",
+								tabIndex: 0,
+								"aria-label": `Open ${e.name}`,
+								onClick: () => y(`sources/${e.id}`),
+								onKeyDown: (t) => {
+									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), y(`sources/${e.id}`));
+								},
+								className: "flex flex-col gap-3 rounded-card border border-border-default bg-bg-elevated p-4 outline-none transition-colors hover:bg-bg-sunken focus-visible:ring-2 focus-visible:ring-border-focus",
+								children: [
+									/* @__PURE__ */ v("div", {
+										className: "flex items-start justify-between gap-3",
+										children: [/* @__PURE__ */ v("div", {
+											className: "flex min-w-0 items-start gap-2.5",
+											children: [/* @__PURE__ */ _("span", {
+												className: "mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-button bg-bg-sunken text-text-secondary",
+												children: /* @__PURE__ */ _(t, {
+													className: "size-4",
+													"aria-hidden": "true"
+												})
+											}), /* @__PURE__ */ v("div", {
+												className: "min-w-0",
+												children: [/* @__PURE__ */ _("p", {
+													className: "font-medium text-text-primary",
+													children: e.name
+												}), e.description ? /* @__PURE__ */ _("p", {
+													className: "mt-0.5 line-clamp-2 text-xs text-text-secondary",
+													children: e.description
+												}) : null]
+											})]
+										}), /* @__PURE__ */ _("div", {
+											onClick: (e) => e.stopPropagation(),
+											children: /* @__PURE__ */ _(i, {
+												ariaLabel: `Actions for ${e.name}`,
+												entityName: e.name,
+												onView: () => y(`sources/${e.id}`),
+												onEdit: () => y(`sources/${e.id}/edit`),
+												onDelete: () => Q(e),
+												deleteLabel: "Archive source",
+												extraItems: [{
+													key: "mark-synced",
+													label: "Mark synced",
+													icon: T,
+													onSelect: () => void Z(e)
+												}]
+											})
+										})]
+									}),
+									/* @__PURE__ */ v("div", {
+										className: "flex flex-wrap items-center gap-1.5",
+										children: [/* @__PURE__ */ _(k, {
+											variant: "secondary",
+											children: p(e.type)
+										}), /* @__PURE__ */ _(f, { status: e.status })]
+									}),
+									e.endpoint ? /* @__PURE__ */ _("div", {
+										onClick: (e) => e.stopPropagation(),
+										children: /* @__PURE__ */ _(c, {
+											href: e.endpoint,
+											className: "block truncate text-sm text-text-primary underline-offset-2 hover:underline",
+											fallbackClassName: "block truncate text-sm text-text-secondary",
+											children: e.endpoint
+										})
+									}) : null,
+									/* @__PURE__ */ v("div", {
+										className: "flex items-center justify-between gap-2 text-xs text-text-secondary",
+										children: [/* @__PURE__ */ _("span", { children: "Last synced" }), /* @__PURE__ */ _("span", { children: W(e.lastSyncedAt) })]
+									}),
+									e.tags.length > 0 ? /* @__PURE__ */ v("div", {
+										className: "flex flex-wrap gap-1",
+										children: [e.tags.slice(0, 4).map((e) => /* @__PURE__ */ _(k, {
+											variant: "outline",
+											className: "text-xs",
+											children: e
+										}, e)), e.tags.length > 4 ? /* @__PURE__ */ v("span", {
+											className: "text-xs text-text-secondary",
+											children: ["+", e.tags.length - 4]
+										}) : null]
+									}) : null
+								]
+							}) }, e.id);
+						})
+					}),
+					/* @__PURE__ */ _(u, {
+						offset: D.offset,
+						limit: D.limit,
+						loadedCount: X.length,
+						hasMore: re?.hasMore ?? !1,
+						onPrev: D.prevPage,
+						onNext: D.nextPage,
+						itemLabel: "sources",
+						loading: G
+					})
+				] });
 			})()]
 		})
 	});
 }
 //#endregion
-export { z as default };
+export { G as default };
 
 //# sourceMappingURL=SourcesPage.js.map

package/dist/cosmicintersection/pages/sources/SourcesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SourcesPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/sources/SourcesPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { Plus, RefreshCw, Radio } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  useCosArchiveSourceMutation,\n  useCosMarkSourceSyncedMutation,\n  useCosSourcesQuery,\n  type CosSource,\n  type CosSourceStatus,\n  type CosSourceType,\n} from '../../api/cosmicApi';\nimport {\n  ActionMenu,\n  EmptyState,\n  ErrorState,\n  LoadingState,\n  PageLayout,\n  Pagination,\n  SafeLink,\n  StatusBadge,\n  formatEnumLabel,\n  usePagination,\n} from '../../components';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\nimport { notify } from '../../lib/toast';\n\nconst ALL = 'ALL';\n\nconst SOURCE_TYPES: CosSourceType[] = [\n  'TELESCOPE',\n  'SATELLITE',\n  'GROUND_SENSOR',\n  'ARCHIVE',\n  'API',\n  'STREAM',\n  'FILE_DROP',\n  'SIMULATION',\n];\n\nconst SOURCE_STATUSES: CosSourceStatus[] = [\n  'CONFIGURING',\n  'CONNECTED',\n  'SYNCING',\n  'DEGRADED',\n  'ERROR',\n  'DISABLED',\n];\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 SourcesPage() {\n  const { navigate } = useCosmicIntersection();\n  const [typeFilter, setTypeFilter] = useState<string>(ALL);\n  const [statusFilter, setStatusFilter] = useState<string>(ALL);\n  const pagination = usePagination({ pageSize: 20, resetKey: `${typeFilter}|${statusFilter}` });\n\n  const { data, loading, error, refetch } = useCosSourcesQuery({\n    type: typeFilter === ALL ? undefined : (typeFilter as CosSourceType),\n    status: statusFilter === ALL ? undefined : (statusFilter as CosSourceStatus),\n    pagination: { limit: pagination.limit, offset: pagination.offset },\n  });\n\n  const [markSynced] = useCosMarkSourceSyncedMutation();\n  const [archiveSource] = useCosArchiveSourceMutation();\n\n  const sources = useMemo(() => data?.cosListSources.items ?? [], [data]);\n  const pageInfo = data?.cosListSources.pageInfo;\n\n  const handleMarkSynced = async (source: CosSource) => {\n    const response = await markSynced({ variables: { id: source.id } });\n    if (response.data?.cosMarkSourceSynced) {\n      notify.success('Source marked synced', `“${source.name}” is now up to date.`);\n      await refetch();\n    }\n  };\n\n  const handleArchive = async (source: CosSource) => {\n    const response = await archiveSource({ variables: { id: source.id } });\n    if (response.error) {\n      throw new Error(response.error.message);\n    }\n    if (!response.data?.cosArchiveSource) {\n      notify.error('Could not archive source', 'The server did not confirm the change.');\n      throw new Error('Archive not confirmed');\n    }\n    notify.success('Source archived');\n    await refetch();\n  };\n\n  const newButton = (\n    <Button type=\"button\" onClick={() => navigate('sources/create')}>\n      <Plus className=\"size-4\" />\n      New source\n    </Button>\n  );\n\n  const renderBody = () => {\n    if (loading) {\n      return <LoadingState variant=\"rows\" rows={6} label=\"Loading sources…\" />;\n    }\n    if (error) {\n      return <ErrorState message={error.message} onRetry={() => void refetch()} />;\n    }\n    if (sources.length === 0) {\n      const filtered = typeFilter !== ALL || statusFilter !== ALL;\n      return (\n        <EmptyState\n          icon={Radio}\n          title={filtered ? 'No sources match these filters' : 'No data sources yet'}\n          description={\n            filtered\n              ? 'Try clearing the type or status filter to see more sources.'\n              : 'Connect a telescope, satellite feed, archive or API to start ingesting scientific data.'\n          }\n          action={filtered ? undefined : newButton}\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>Type</TableHead>\n                <TableHead>Status</TableHead>\n                <TableHead>Endpoint</TableHead>\n                <TableHead>Last synced</TableHead>\n                <TableHead>Tags</TableHead>\n                <TableHead className=\"text-right\">Actions</TableHead>\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {sources.map((source) => (\n                <TableRow\n                  key={source.id}\n                  className=\"cursor-pointer\"\n                  onClick={() => navigate(`sources/${source.id}`)}\n                >\n                  <TableCell>\n                    <div className=\"font-medium text-text-primary\">{source.name}</div>\n                    {source.description ? (\n                      <div className=\"mt-0.5 line-clamp-1 max-w-xs text-xs text-text-secondary\">\n                        {source.description}\n                      </div>\n                    ) : null}\n                  </TableCell>\n                  <TableCell>\n                    <Badge variant=\"secondary\">{formatEnumLabel(source.type)}</Badge>\n                  </TableCell>\n                  <TableCell>\n                    <StatusBadge status={source.status} />\n                  </TableCell>\n                  <TableCell\n                    className=\"max-w-[16rem]\"\n                    onClick={(event) => event.stopPropagation()}\n                  >\n                    {source.endpoint ? (\n                      <SafeLink\n                        href={source.endpoint}\n                        className=\"block truncate text-sm text-text-primary underline-offset-2 hover:underline\"\n                        fallbackClassName=\"block truncate text-sm text-text-secondary\"\n                      >\n                        {source.endpoint}\n                      </SafeLink>\n                    ) : (\n                      <span className=\"text-sm text-text-secondary\">—</span>\n                    )}\n                  </TableCell>\n                  <TableCell className=\"whitespace-nowrap text-sm text-text-secondary\">\n                    {formatDate(source.lastSyncedAt)}\n                  </TableCell>\n                  <TableCell>\n                    <div className=\"flex max-w-[12rem] flex-wrap gap-1\">\n                      {source.tags.length === 0 ? (\n                        <span className=\"text-xs text-text-secondary\">—</span>\n                      ) : (\n                        source.tags.slice(0, 3).map((tag) => (\n                          <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                            {tag}\n                          </Badge>\n                        ))\n                      )}\n                      {source.tags.length > 3 ? (\n                        <span className=\"text-xs text-text-secondary\">\n                          +{source.tags.length - 3}\n                        </span>\n                      ) : null}\n                    </div>\n                  </TableCell>\n                  <TableCell className=\"text-right\">\n                    <ActionMenu\n                      ariaLabel={`Actions for ${source.name}`}\n                      entityName={source.name}\n                      onView={() => navigate(`sources/${source.id}`)}\n                      onEdit={() => navigate(`sources/${source.id}/edit`)}\n                      onDelete={() => handleArchive(source)}\n                      deleteLabel=\"Archive source\"\n                      extraItems={[\n                        {\n                          key: 'mark-synced',\n                          label: 'Mark synced',\n                          icon: RefreshCw,\n                          onSelect: () => void handleMarkSynced(source),\n                        },\n                      ]}\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={sources.length}\n          hasMore={pageInfo?.hasMore ?? false}\n          onPrev={pagination.prevPage}\n          onNext={pagination.nextPage}\n          itemLabel=\"sources\"\n          loading={loading}\n        />\n      </>\n    );\n  };\n\n  return (\n    <PageLayout\n      title=\"Data sources\"\n      description=\"Instruments, archives and feeds that supply raw data into your federation.\"\n      actions={newButton}\n    >\n      <div className=\"space-y-4\">\n        <div className=\"flex flex-wrap items-center gap-3\">\n          <div className=\"w-full max-w-[14rem]\">\n            <Select value={typeFilter} onValueChange={setTypeFilter}>\n              <SelectTrigger aria-label=\"Filter by type\">\n                <SelectValue placeholder=\"All types\" />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value={ALL}>All types</SelectItem>\n                {SOURCE_TYPES.map((type) => (\n                  <SelectItem key={type} value={type}>\n                    {formatEnumLabel(type)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"w-full max-w-[14rem]\">\n            <Select value={statusFilter} onValueChange={setStatusFilter}>\n              <SelectTrigger aria-label=\"Filter by status\">\n                <SelectValue placeholder=\"All statuses\" />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value={ALL}>All statuses</SelectItem>\n                {SOURCE_STATUSES.map((status) => (\n                  <SelectItem key={status} value={status}>\n                    {formatEnumLabel(status)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        </div>\n\n        {renderBody()}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SourcesPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/sources/SourcesPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Archive,\n  FileInput,\n  FlaskConical,\n  Plus,\n  Radio,\n  RadioTower,\n  RefreshCw,\n  Satellite,\n  Telescope,\n  Webhook,\n  type LucideIcon,\n} from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  useCosArchiveSourceMutation,\n  useCosMarkSourceSyncedMutation,\n  useCosSourcesQuery,\n  type CosSource,\n  type CosSourceStatus,\n  type CosSourceType,\n} from '../../api/cosmicApi';\nimport {\n  ActionMenu,\n  EmptyState,\n  ErrorState,\n  LoadingState,\n  PageLayout,\n  Pagination,\n  SafeLink,\n  StatusBadge,\n  formatEnumLabel,\n  usePagination,\n} from '../../components';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\nimport { notify } from '../../lib/toast';\n\nconst ALL = 'ALL';\n\nconst SOURCE_TYPES: CosSourceType[] = [\n  'TELESCOPE',\n  'SATELLITE',\n  'GROUND_SENSOR',\n  'ARCHIVE',\n  'API',\n  'STREAM',\n  'FILE_DROP',\n  'SIMULATION',\n];\n\nconst SOURCE_STATUSES: CosSourceStatus[] = [\n  'CONFIGURING',\n  'CONNECTED',\n  'SYNCING',\n  'DEGRADED',\n  'ERROR',\n  'DISABLED',\n];\n\n/** Per-type glyph to aid scannability (mockup 06). */\nconst SOURCE_TYPE_ICON: Record<CosSourceType, LucideIcon> = {\n  TELESCOPE: Telescope,\n  SATELLITE: Satellite,\n  GROUND_SENSOR: RadioTower,\n  ARCHIVE: Archive,\n  API: Webhook,\n  STREAM: Radio,\n  FILE_DROP: FileInput,\n  SIMULATION: FlaskConical,\n};\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 SourcesPage() {\n  const { navigate } = useCosmicIntersection();\n  const [typeFilter, setTypeFilter] = useState<string>(ALL);\n  const [statusFilter, setStatusFilter] = useState<string>(ALL);\n  const pagination = usePagination({ pageSize: 20, resetKey: `${typeFilter}|${statusFilter}` });\n\n  const { data, loading, error, refetch } = useCosSourcesQuery({\n    type: typeFilter === ALL ? undefined : (typeFilter as CosSourceType),\n    status: statusFilter === ALL ? undefined : (statusFilter as CosSourceStatus),\n    pagination: { limit: pagination.limit, offset: pagination.offset },\n  });\n\n  const [markSynced] = useCosMarkSourceSyncedMutation();\n  const [archiveSource] = useCosArchiveSourceMutation();\n\n  const sources = useMemo(() => data?.cosListSources.items ?? [], [data]);\n  const pageInfo = data?.cosListSources.pageInfo;\n\n  const handleMarkSynced = async (source: CosSource) => {\n    const response = await markSynced({ variables: { id: source.id } });\n    if (response.data?.cosMarkSourceSynced) {\n      notify.success('Source marked synced', `“${source.name}” is now up to date.`);\n      await refetch();\n    }\n  };\n\n  const handleArchive = async (source: CosSource) => {\n    const response = await archiveSource({ variables: { id: source.id } });\n    if (response.error) {\n      throw new Error(response.error.message);\n    }\n    if (!response.data?.cosArchiveSource) {\n      notify.error('Could not archive source', 'The server did not confirm the change.');\n      throw new Error('Archive not confirmed');\n    }\n    notify.success('Source archived');\n    await refetch();\n  };\n\n  const newButton = (\n    <Button type=\"button\" onClick={() => navigate('sources/create')}>\n      <Plus className=\"size-4\" />\n      New source\n    </Button>\n  );\n\n  const renderBody = () => {\n    if (loading) {\n      return <LoadingState variant=\"rows\" rows={6} label=\"Loading sources…\" />;\n    }\n    if (error) {\n      return <ErrorState message={error.message} onRetry={() => void refetch()} />;\n    }\n    if (sources.length === 0) {\n      const filtered = typeFilter !== ALL || statusFilter !== ALL;\n      return (\n        <EmptyState\n          icon={Radio}\n          title={filtered ? 'No sources match these filters' : 'No data sources yet'}\n          description={\n            filtered\n              ? 'Try clearing the type or status filter to see more sources.'\n              : 'Connect a telescope, satellite feed, archive or API to start ingesting scientific data.'\n          }\n          action={filtered ? undefined : newButton}\n        />\n      );\n    }\n\n    return (\n      <>\n        {/* Desktop / tablet: table */}\n        <div className=\"hidden overflow-hidden rounded-card border border-border-default bg-bg-elevated md:block\">\n          <Table>\n            <TableHeader>\n              <TableRow>\n                <TableHead>Name</TableHead>\n                <TableHead>Type</TableHead>\n                <TableHead>Status</TableHead>\n                <TableHead>Endpoint</TableHead>\n                <TableHead>Last synced</TableHead>\n                <TableHead>Tags</TableHead>\n                <TableHead className=\"text-right\">Actions</TableHead>\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {sources.map((source) => {\n                const TypeIcon = SOURCE_TYPE_ICON[source.type] ?? Radio;\n                return (\n                  <TableRow\n                    key={source.id}\n                    className=\"cursor-pointer\"\n                    onClick={() => navigate(`sources/${source.id}`)}\n                  >\n                    <TableCell>\n                      <div className=\"flex items-start gap-2.5\">\n                        <span className=\"mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-button bg-bg-sunken text-text-secondary\">\n                          <TypeIcon className=\"size-4\" aria-hidden=\"true\" />\n                        </span>\n                        <div className=\"min-w-0\">\n                          <div className=\"font-medium text-text-primary\">{source.name}</div>\n                          {source.description ? (\n                            <div className=\"mt-0.5 line-clamp-1 max-w-xs text-xs text-text-secondary\">\n                              {source.description}\n                            </div>\n                          ) : null}\n                        </div>\n                      </div>\n                    </TableCell>\n                    <TableCell>\n                      <Badge variant=\"secondary\">{formatEnumLabel(source.type)}</Badge>\n                    </TableCell>\n                    <TableCell>\n                      <StatusBadge status={source.status} />\n                    </TableCell>\n                    <TableCell\n                      className=\"max-w-[16rem]\"\n                      onClick={(event) => event.stopPropagation()}\n                    >\n                      {source.endpoint ? (\n                        <SafeLink\n                          href={source.endpoint}\n                          className=\"block truncate text-sm text-text-primary underline-offset-2 hover:underline\"\n                          fallbackClassName=\"block truncate text-sm text-text-secondary\"\n                        >\n                          {source.endpoint}\n                        </SafeLink>\n                      ) : (\n                        <span className=\"text-sm text-text-secondary\">—</span>\n                      )}\n                    </TableCell>\n                    <TableCell className=\"whitespace-nowrap text-sm text-text-secondary\">\n                      {formatDate(source.lastSyncedAt)}\n                    </TableCell>\n                    <TableCell>\n                      <div className=\"flex max-w-[12rem] flex-wrap gap-1\">\n                        {source.tags.length === 0 ? (\n                          <span className=\"text-xs text-text-secondary\">—</span>\n                        ) : (\n                          source.tags.slice(0, 3).map((tag) => (\n                            <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                              {tag}\n                            </Badge>\n                          ))\n                        )}\n                        {source.tags.length > 3 ? (\n                          <span className=\"text-xs text-text-secondary\">\n                            +{source.tags.length - 3}\n                          </span>\n                        ) : null}\n                      </div>\n                    </TableCell>\n                    <TableCell className=\"text-right\">\n                      <ActionMenu\n                        ariaLabel={`Actions for ${source.name}`}\n                        entityName={source.name}\n                        onView={() => navigate(`sources/${source.id}`)}\n                        onEdit={() => navigate(`sources/${source.id}/edit`)}\n                        onDelete={() => handleArchive(source)}\n                        deleteLabel=\"Archive source\"\n                        extraItems={[\n                          {\n                            key: 'mark-synced',\n                            label: 'Mark synced',\n                            icon: RefreshCw,\n                            onSelect: () => void handleMarkSynced(source),\n                          },\n                        ]}\n                      />\n                    </TableCell>\n                  </TableRow>\n                );\n              })}\n            </TableBody>\n          </Table>\n        </div>\n\n        {/* Mobile: stacked cards */}\n        <ul className=\"space-y-3 md:hidden\">\n          {sources.map((source) => {\n            const TypeIcon = SOURCE_TYPE_ICON[source.type] ?? Radio;\n            return (\n              <li key={source.id}>\n                <div\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label={`Open ${source.name}`}\n                  onClick={() => navigate(`sources/${source.id}`)}\n                  onKeyDown={(event) => {\n                    if (event.key === 'Enter' || event.key === ' ') {\n                      event.preventDefault();\n                      navigate(`sources/${source.id}`);\n                    }\n                  }}\n                  className=\"flex flex-col gap-3 rounded-card border border-border-default bg-bg-elevated p-4 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=\"flex min-w-0 items-start gap-2.5\">\n                      <span className=\"mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-button bg-bg-sunken text-text-secondary\">\n                        <TypeIcon className=\"size-4\" aria-hidden=\"true\" />\n                      </span>\n                      <div className=\"min-w-0\">\n                        <p className=\"font-medium text-text-primary\">{source.name}</p>\n                        {source.description ? (\n                          <p className=\"mt-0.5 line-clamp-2 text-xs text-text-secondary\">\n                            {source.description}\n                          </p>\n                        ) : null}\n                      </div>\n                    </div>\n                    <div onClick={(event) => event.stopPropagation()}>\n                      <ActionMenu\n                        ariaLabel={`Actions for ${source.name}`}\n                        entityName={source.name}\n                        onView={() => navigate(`sources/${source.id}`)}\n                        onEdit={() => navigate(`sources/${source.id}/edit`)}\n                        onDelete={() => handleArchive(source)}\n                        deleteLabel=\"Archive source\"\n                        extraItems={[\n                          {\n                            key: 'mark-synced',\n                            label: 'Mark synced',\n                            icon: RefreshCw,\n                            onSelect: () => void handleMarkSynced(source),\n                          },\n                        ]}\n                      />\n                    </div>\n                  </div>\n\n                  <div className=\"flex flex-wrap items-center gap-1.5\">\n                    <Badge variant=\"secondary\">{formatEnumLabel(source.type)}</Badge>\n                    <StatusBadge status={source.status} />\n                  </div>\n\n                  {source.endpoint ? (\n                    <div onClick={(event) => event.stopPropagation()}>\n                      <SafeLink\n                        href={source.endpoint}\n                        className=\"block truncate text-sm text-text-primary underline-offset-2 hover:underline\"\n                        fallbackClassName=\"block truncate text-sm text-text-secondary\"\n                      >\n                        {source.endpoint}\n                      </SafeLink>\n                    </div>\n                  ) : null}\n\n                  <div className=\"flex items-center justify-between gap-2 text-xs text-text-secondary\">\n                    <span>Last synced</span>\n                    <span>{formatDate(source.lastSyncedAt)}</span>\n                  </div>\n\n                  {source.tags.length > 0 ? (\n                    <div className=\"flex flex-wrap gap-1\">\n                      {source.tags.slice(0, 4).map((tag) => (\n                        <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                          {tag}\n                        </Badge>\n                      ))}\n                      {source.tags.length > 4 ? (\n                        <span className=\"text-xs text-text-secondary\">\n                          +{source.tags.length - 4}\n                        </span>\n                      ) : null}\n                    </div>\n                  ) : null}\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n\n        <Pagination\n          offset={pagination.offset}\n          limit={pagination.limit}\n          loadedCount={sources.length}\n          hasMore={pageInfo?.hasMore ?? false}\n          onPrev={pagination.prevPage}\n          onNext={pagination.nextPage}\n          itemLabel=\"sources\"\n          loading={loading}\n        />\n      </>\n    );\n  };\n\n  return (\n    <PageLayout\n      title=\"Data sources\"\n      description=\"Instruments, archives and feeds that supply raw data into your federation.\"\n      actions={newButton}\n    >\n      <div className=\"space-y-4\">\n        <div className=\"flex flex-wrap items-center gap-3\">\n          <div className=\"w-full max-w-[14rem]\">\n            <Select value={typeFilter} onValueChange={setTypeFilter}>\n              <SelectTrigger aria-label=\"Filter by type\">\n                <SelectValue placeholder=\"All types\" />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value={ALL}>All types</SelectItem>\n                {SOURCE_TYPES.map((type) => (\n                  <SelectItem key={type} value={type}>\n                    {formatEnumLabel(type)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"w-full max-w-[14rem]\">\n            <Select value={statusFilter} onValueChange={setStatusFilter}>\n              <SelectTrigger aria-label=\"Filter by status\">\n                <SelectValue placeholder=\"All statuses\" />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value={ALL}>All statuses</SelectItem>\n                {SOURCE_STATUSES.map((status) => (\n                  <SelectItem key={status} value={status}>\n                    {formatEnumLabel(status)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        </div>\n\n        {renderBody()}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-cosmicintersection",
-  "version": "2026.704.2",
+  "version": "2026.704.3",
   "description": "Burdenoff CosmicIntersection Microfrontend",
   "type": "module",
   "files": [