@burdenoff/microfe-cosmicintersection 2026.525.1 → 2026.704.2

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

@@ -0,0 +1,205 @@
+import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
+import { notify as t } from "../../lib/toast.js";
+import { useCosArchiveSourceMutation as n, useCosMarkSourceSyncedMutation as r, useCosSourceQuery 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, { formatEnumLabel as f } from "../../components/StatusBadge.js";
+import "../../components/index.js";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useParams as h } from "react-router-dom";
+import { Database as g, Download as _, Pencil as v, Radio as y, RefreshCw as b } from "lucide-react";
+import { Badge as x, Button as S, Table as C, TableBody as w, TableCell as T, TableHead as E, TableHeader as D, TableRow as O } from "@burdenoff/fe-libs/ui";
+//#region src/cosmicintersection/pages/sources/SourceDetailPage.tsx
+function k(e) {
+	if (!e) return "—";
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleString();
+}
+function A(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 j({ label: e, value: t }) {
+	return /* @__PURE__ */ m("div", {
+		className: "rounded-card border border-border-default bg-bg-elevated p-4",
+		children: [/* @__PURE__ */ p("p", {
+			className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
+			children: e
+		}), /* @__PURE__ */ p("div", {
+			className: "mt-1 text-sm text-text-primary",
+			children: t
+		})]
+	});
+}
+function M() {
+	let { id: M = "" } = h(), { navigate: N } = e(), { data: P, loading: F, error: I, refetch: L } = i(M), R = P?.cosSource ?? null, [z, { loading: B }] = r(), [V] = n(), H = async () => {
+		R && (await z({ variables: { id: R.id } })).data?.cosMarkSourceSynced && (t.success("Source marked synced", `“${R.name}” is now up to date.`), await L());
+	}, U = async () => {
+		if (!R) return;
+		let e = await V({ variables: { id: R.id } });
+		if (e.error) throw Error(e.error.message);
+		if (!e.data?.cosArchiveSource) throw t.error("Could not archive source", "The server did not confirm the change."), Error("Archive not confirmed");
+		t.success("Source archived"), N("sources");
+	};
+	if (F) return /* @__PURE__ */ p(u, {
+		title: "Source",
+		backPath: "sources",
+		children: /* @__PURE__ */ p(c, { label: "Loading source…" })
+	});
+	if (I) return /* @__PURE__ */ p(u, {
+		title: "Source",
+		backPath: "sources",
+		children: /* @__PURE__ */ p(s, {
+			message: "We could not load this source.",
+			onRetry: () => void L()
+		})
+	});
+	if (!R) return /* @__PURE__ */ p(u, {
+		title: "Source",
+		backPath: "sources",
+		children: /* @__PURE__ */ p(o, {
+			icon: y,
+			title: "Source not found.",
+			description: "This source may have been removed or is outside your current scope.",
+			action: /* @__PURE__ */ p(S, {
+				type: "button",
+				onClick: () => N("sources"),
+				children: "Back to sources"
+			})
+		})
+	});
+	let W = R.datasets ?? [];
+	return /* @__PURE__ */ p(u, {
+		title: R.name,
+		description: R.description ?? void 0,
+		backPath: "sources",
+		actions: /* @__PURE__ */ m("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ m(S, {
+				type: "button",
+				variant: "outline",
+				onClick: () => N(`sources/${R.id}/edit`),
+				children: [/* @__PURE__ */ p(v, { className: "size-4" }), "Edit"]
+			}), /* @__PURE__ */ p(a, {
+				ariaLabel: `Actions for ${R.name}`,
+				entityName: R.name,
+				onDelete: () => U(),
+				deleteLabel: "Archive source",
+				extraItems: [{
+					key: "mark-synced",
+					label: B ? "Marking synced…" : "Mark synced",
+					icon: b,
+					disabled: B,
+					onSelect: () => void H()
+				}]
+			})]
+		}),
+		children: /* @__PURE__ */ m("div", {
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ m("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ p(d, { status: R.status }), /* @__PURE__ */ p(x, {
+						variant: "secondary",
+						children: f(R.type)
+					})]
+				}),
+				/* @__PURE__ */ m("div", {
+					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
+					children: [
+						/* @__PURE__ */ p(j, {
+							label: "Endpoint",
+							value: R.endpoint ? /* @__PURE__ */ m(l, {
+								href: R.endpoint,
+								className: "inline-flex items-center gap-1.5 truncate text-text-primary underline-offset-2 hover:underline",
+								fallbackClassName: "truncate text-text-secondary",
+								children: [/* @__PURE__ */ p(_, {
+									className: "size-4 shrink-0 text-text-secondary",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ p("span", {
+									className: "truncate",
+									children: R.endpoint
+								})]
+							}) : /* @__PURE__ */ p("span", {
+								className: "text-text-secondary",
+								children: "Not set"
+							})
+						}),
+						/* @__PURE__ */ p(j, {
+							label: "Last synced",
+							value: /* @__PURE__ */ p("span", { children: k(R.lastSyncedAt) })
+						}),
+						/* @__PURE__ */ p(j, {
+							label: "Created",
+							value: /* @__PURE__ */ p("span", { children: k(R.createdAt) })
+						}),
+						/* @__PURE__ */ p(j, {
+							label: "Updated",
+							value: /* @__PURE__ */ p("span", { children: k(R.updatedAt) })
+						})
+					]
+				}),
+				R.tags.length > 0 ? /* @__PURE__ */ p("div", {
+					className: "flex flex-wrap gap-1",
+					children: R.tags.map((e) => /* @__PURE__ */ p(x, {
+						variant: "outline",
+						className: "text-xs",
+						children: e
+					}, e))
+				}) : null,
+				/* @__PURE__ */ m("section", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ p("h2", {
+						className: "text-lg font-semibold text-text-primary",
+						children: "Datasets from this source"
+					}), W.length === 0 ? /* @__PURE__ */ p(o, {
+						icon: g,
+						title: "No datasets from this source yet",
+						description: "Datasets that ingest from this source will be listed here."
+					}) : /* @__PURE__ */ p("div", {
+						className: "overflow-hidden rounded-card border border-border-default bg-bg-elevated",
+						children: /* @__PURE__ */ m(C, { children: [/* @__PURE__ */ p(D, { children: /* @__PURE__ */ m(O, { children: [
+							/* @__PURE__ */ p(E, { children: "Name" }),
+							/* @__PURE__ */ p(E, { children: "Status" }),
+							/* @__PURE__ */ p(E, { children: "Access" }),
+							/* @__PURE__ */ p(E, { children: "Rows" }),
+							/* @__PURE__ */ p(E, { children: "Updated" })
+						] }) }), /* @__PURE__ */ p(w, { children: W.map((e) => /* @__PURE__ */ m(O, {
+							className: "cursor-pointer",
+							onClick: () => N(`datasets/${e.id}`),
+							children: [
+								/* @__PURE__ */ p(T, {
+									className: "font-medium text-text-primary",
+									children: e.name
+								}),
+								/* @__PURE__ */ p(T, { children: /* @__PURE__ */ p(d, { status: e.status }) }),
+								/* @__PURE__ */ p(T, { children: /* @__PURE__ */ p(d, { status: e.accessLevel }) }),
+								/* @__PURE__ */ p(T, {
+									className: "tabular-nums text-sm text-text-secondary",
+									children: Number(e.rowCount) > 0 ? Number(e.rowCount).toLocaleString() : "—"
+								}),
+								/* @__PURE__ */ p(T, {
+									className: "whitespace-nowrap text-sm text-text-secondary",
+									children: A(e.updatedAt)
+								})
+							]
+						}, e.id)) })] })
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { M as default };
+
+//# sourceMappingURL=SourceDetailPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SourceDetailPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/sources/SourceDetailPage.tsx"],"sourcesContent":["/**\n * SourceDetailPage — full record for one data source.\n *\n * Mirrors CollectionDetailPage: a header with the source's metadata (type/status\n * badges, endpoint, last-synced, tags) over a table of the datasets ingested from\n * this source. Header actions edit the source, mark it synced\n * (`cosMarkSourceSynced`) or archive it (`cosArchiveSource`). Everything is read\n * from the backend — no fabricated data.\n */\nimport { Database, Download, Pencil, Radio, RefreshCw } 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';\nimport { useParams } from 'react-router-dom';\n\nimport {\n  useCosArchiveSourceMutation,\n  useCosMarkSourceSyncedMutation,\n  useCosSourceQuery,\n} from '../../api/cosmicApi';\nimport {\n  ActionMenu,\n  EmptyState,\n  ErrorState,\n  LoadingState,\n  PageLayout,\n  SafeLink,\n  StatusBadge,\n  formatEnumLabel,\n} from '../../components';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\nimport { notify } from '../../lib/toast';\n\nfunction formatDateTime(value?: string | null): string {\n  if (!value) {\n    return '—';\n  }\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? '—' : date.toLocaleString();\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\nfunction MetaTile({ label, value }: { label: string; value: React.ReactNode }) {\n  return (\n    <div className=\"rounded-card border border-border-default bg-bg-elevated p-4\">\n      <p className=\"text-xs font-medium uppercase tracking-wide text-text-secondary\">{label}</p>\n      <div className=\"mt-1 text-sm text-text-primary\">{value}</div>\n    </div>\n  );\n}\n\nexport default function SourceDetailPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const { navigate } = useCosmicIntersection();\n\n  const { data, loading, error, refetch } = useCosSourceQuery(id);\n  const source = data?.cosSource ?? null;\n\n  const [markSynced, { loading: syncing }] = useCosMarkSourceSyncedMutation();\n  const [archiveSource] = useCosArchiveSourceMutation();\n\n  const handleMarkSynced = async () => {\n    if (!source) {\n      return;\n    }\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 () => {\n    if (!source) {\n      return;\n    }\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    navigate('sources');\n  };\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Source\" backPath=\"sources\">\n        <LoadingState label=\"Loading source…\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout title=\"Source\" backPath=\"sources\">\n        <ErrorState message=\"We could not load this source.\" onRetry={() => void refetch()} />\n      </PageLayout>\n    );\n  }\n\n  if (!source) {\n    return (\n      <PageLayout title=\"Source\" backPath=\"sources\">\n        <EmptyState\n          icon={Radio}\n          title=\"Source not found.\"\n          description=\"This source may have been removed or is outside your current scope.\"\n          action={\n            <Button type=\"button\" onClick={() => navigate('sources')}>\n              Back to sources\n            </Button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const datasets = source.datasets ?? [];\n\n  const renderDatasets = () => {\n    if (datasets.length === 0) {\n      return (\n        <EmptyState\n          icon={Database}\n          title=\"No datasets from this source yet\"\n          description=\"Datasets that ingest from this source will be listed here.\"\n        />\n      );\n    }\n    return (\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>Rows</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=\"tabular-nums text-sm text-text-secondary\">\n                  {Number(dataset.rowCount) > 0\n                    ? Number(dataset.rowCount).toLocaleString()\n                    : '—'}\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  };\n\n  return (\n    <PageLayout\n      title={source.name}\n      description={source.description ?? undefined}\n      backPath=\"sources\"\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => navigate(`sources/${source.id}/edit`)}\n          >\n            <Pencil className=\"size-4\" />\n            Edit\n          </Button>\n          <ActionMenu\n            ariaLabel={`Actions for ${source.name}`}\n            entityName={source.name}\n            onDelete={() => handleArchive()}\n            deleteLabel=\"Archive source\"\n            extraItems={[\n              {\n                key: 'mark-synced',\n                label: syncing ? 'Marking synced…' : 'Mark synced',\n                icon: RefreshCw,\n                disabled: syncing,\n                onSelect: () => void handleMarkSynced(),\n              },\n            ]}\n          />\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        {/* Status + key facts */}\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <StatusBadge status={source.status} />\n          <Badge variant=\"secondary\">{formatEnumLabel(source.type)}</Badge>\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4\">\n          <MetaTile\n            label=\"Endpoint\"\n            value={\n              source.endpoint ? (\n                <SafeLink\n                  href={source.endpoint}\n                  className=\"inline-flex items-center gap-1.5 truncate text-text-primary underline-offset-2 hover:underline\"\n                  fallbackClassName=\"truncate text-text-secondary\"\n                >\n                  <Download className=\"size-4 shrink-0 text-text-secondary\" aria-hidden=\"true\" />\n                  <span className=\"truncate\">{source.endpoint}</span>\n                </SafeLink>\n              ) : (\n                <span className=\"text-text-secondary\">Not set</span>\n              )\n            }\n          />\n          <MetaTile label=\"Last synced\" value={<span>{formatDateTime(source.lastSyncedAt)}</span>} />\n          <MetaTile label=\"Created\" value={<span>{formatDateTime(source.createdAt)}</span>} />\n          <MetaTile label=\"Updated\" value={<span>{formatDateTime(source.updatedAt)}</span>} />\n        </div>\n\n        {source.tags.length > 0 ? (\n          <div className=\"flex flex-wrap gap-1\">\n            {source.tags.map((tag) => (\n              <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                {tag}\n              </Badge>\n            ))}\n          </div>\n        ) : null}\n\n        {/* Datasets */}\n        <section className=\"space-y-3\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Datasets from this source</h2>\n          {renderDatasets()}\n        </section>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,229 @@
+import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
+import { notify as t } from "../../lib/toast.js";
+import { useCosCreateSourceMutation as n, useCosSourceQuery as r, useCosUpdateSourceMutation as i } from "../../api/cosmicApi.js";
+import a from "../../components/EntityFormShell.js";
+import o from "../../components/EntityTagsField.js";
+import { formatEnumLabel as s } from "../../components/StatusBadge.js";
+import "../../components/index.js";
+import { useEffect as c, useMemo as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useParams as p } from "react-router-dom";
+import { Input as m, Select as h, SelectContent as g, SelectItem as _, SelectTrigger as v, SelectValue as y, Textarea as b } from "@burdenoff/fe-libs/ui";
+//#region src/cosmicintersection/pages/sources/SourceFormPage.tsx
+var x = [
+	"TELESCOPE",
+	"SATELLITE",
+	"GROUND_SENSOR",
+	"ARCHIVE",
+	"API",
+	"STREAM",
+	"FILE_DROP",
+	"SIMULATION"
+], S = [
+	"CONFIGURING",
+	"CONNECTED",
+	"SYNCING",
+	"DEGRADED",
+	"ERROR",
+	"DISABLED"
+], C = {
+	name: "",
+	description: "",
+	type: "TELESCOPE",
+	status: "CONFIGURING",
+	endpoint: "",
+	credentialRef: "",
+	config: "",
+	tags: []
+}, w = "block space-y-1.5 text-sm", T = "font-medium text-text-primary";
+function E() {
+	let { id: E = "" } = p(), D = l(() => !!E, [E]), { navigate: O } = e(), { data: k, loading: A } = r(E), [j, { loading: M }] = n(), [N, { loading: P }] = i(), [F, I] = u(C), [L, R] = u(!1);
+	c(() => {
+		if (!D || L || !k?.cosSource) return;
+		let e = k.cosSource;
+		I({
+			name: e.name ?? "",
+			description: e.description ?? "",
+			type: e.type,
+			status: e.status,
+			endpoint: e.endpoint ?? "",
+			credentialRef: "",
+			config: e.config ? JSON.stringify(e.config, null, 2) : "",
+			tags: e.tags ?? []
+		}), R(!0);
+	}, [
+		D,
+		L,
+		k
+	]);
+	let z = (e, t) => {
+		I((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, B = M || P, V = async (e) => {
+		if (e.preventDefault(), !F.name.trim()) {
+			t.error("Name is required", "Give this source a recognizable name.");
+			return;
+		}
+		let n;
+		if (F.config.trim()) try {
+			let e = JSON.parse(F.config);
+			if (typeof e != "object" || !e || Array.isArray(e)) throw Error("Config must be a JSON object.");
+			n = e;
+		} catch (e) {
+			t.error("Invalid config JSON", e instanceof Error ? e.message : "Please provide valid JSON.");
+			return;
+		}
+		let r = {
+			name: F.name.trim(),
+			type: F.type,
+			status: F.status,
+			description: F.description.trim() || void 0,
+			endpoint: F.endpoint.trim() || void 0,
+			credentialRef: F.credentialRef.trim() || void 0,
+			config: n,
+			tags: F.tags
+		};
+		if (D) {
+			(await N({ variables: {
+				id: E,
+				input: r
+			} })).data?.cosUpdateSource?.id && (t.success("Source updated"), O("sources"));
+			return;
+		}
+		(await j({ variables: { input: r } })).data?.cosCreateSource?.id && (t.success("Source created"), O("sources"));
+	};
+	return /* @__PURE__ */ f(a, {
+		title: D ? "Edit source" : "New data source",
+		description: "Instruments, archives and feeds that supply raw data into your federation.",
+		purpose: "A source describes where data comes from — a telescope, satellite feed, archive, API or file drop. Configure it once, then attach datasets that ingest from it and mark it synced as data arrives.",
+		backLabel: "Back to sources",
+		onBack: () => O("sources"),
+		onSubmit: (e) => void V(e),
+		submitLabel: D ? "Save source" : "Create source",
+		saving: B || D && A && !L,
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ f("label", {
+					className: w,
+					children: [/* @__PURE__ */ d("span", {
+						className: T,
+						children: "Name"
+					}), /* @__PURE__ */ d(m, {
+						value: F.name,
+						onChange: (e) => z("name", e.target.value),
+						placeholder: "e.g. VLA Radio Array",
+						required: !0
+					})]
+				}), /* @__PURE__ */ f("label", {
+					className: w,
+					children: [/* @__PURE__ */ d("span", {
+						className: T,
+						children: "Endpoint"
+					}), /* @__PURE__ */ d(m, {
+						value: F.endpoint,
+						onChange: (e) => z("endpoint", e.target.value),
+						placeholder: "https://archive.example.org/api"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ f("label", {
+				className: w,
+				children: [/* @__PURE__ */ d("span", {
+					className: T,
+					children: "Description"
+				}), /* @__PURE__ */ d(b, {
+					value: F.description,
+					onChange: (e) => z("description", e.target.value),
+					rows: 3,
+					placeholder: "What this source provides and how it connects."
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ f("label", {
+					className: w,
+					children: [/* @__PURE__ */ d("span", {
+						className: T,
+						children: "Type"
+					}), /* @__PURE__ */ f(h, {
+						value: F.type,
+						onValueChange: (e) => z("type", e),
+						children: [/* @__PURE__ */ d(v, {
+							"aria-label": "Source type",
+							children: /* @__PURE__ */ d(y, {})
+						}), /* @__PURE__ */ d(g, { children: x.map((e) => /* @__PURE__ */ d(_, {
+							value: e,
+							children: s(e)
+						}, e)) })]
+					})]
+				}), /* @__PURE__ */ f("label", {
+					className: w,
+					children: [/* @__PURE__ */ d("span", {
+						className: T,
+						children: "Status"
+					}), /* @__PURE__ */ f(h, {
+						value: F.status,
+						onValueChange: (e) => z("status", e),
+						children: [/* @__PURE__ */ d(v, {
+							"aria-label": "Source status",
+							children: /* @__PURE__ */ d(y, {})
+						}), /* @__PURE__ */ d(g, { children: S.map((e) => /* @__PURE__ */ d(_, {
+							value: e,
+							children: s(e)
+						}, e)) })]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ f("label", {
+				className: w,
+				children: [
+					/* @__PURE__ */ d("span", {
+						className: T,
+						children: "Credential reference"
+					}),
+					/* @__PURE__ */ d(m, {
+						value: F.credentialRef,
+						onChange: (e) => z("credentialRef", e.target.value),
+						placeholder: "Secret key or vault reference (write-only)"
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "text-xs text-text-secondary",
+						children: "A pointer to a stored credential — never paste raw secrets here."
+					})
+				]
+			}),
+			/* @__PURE__ */ f("label", {
+				className: w,
+				children: [
+					/* @__PURE__ */ d("span", {
+						className: T,
+						children: "Config (JSON)"
+					}),
+					/* @__PURE__ */ d(b, {
+						value: F.config,
+						onChange: (e) => z("config", e.target.value),
+						rows: 5,
+						className: "font-mono text-xs",
+						placeholder: "{ \"pollIntervalMinutes\": 30 }"
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "text-xs text-text-secondary",
+						children: "Optional connection parameters as a JSON object."
+					})
+				]
+			}),
+			/* @__PURE__ */ d(o, {
+				value: F.tags,
+				onChange: (e) => z("tags", e),
+				disabled: B
+			})
+		]
+	});
+}
+//#endregion
+export { E as default };
+
+//# sourceMappingURL=SourceFormPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SourceFormPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/sources/SourceFormPage.tsx"],"sourcesContent":["/* eslint-disable react-hooks/set-state-in-effect */\nimport { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  useCosCreateSourceMutation,\n  useCosSourceQuery,\n  useCosUpdateSourceMutation,\n  type CosSourceStatus,\n  type CosSourceType,\n} from '../../api/cosmicApi';\nimport { EntityFormShell, EntityTagsField, formatEnumLabel } from '../../components';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\nimport { notify } from '../../lib/toast';\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\ninterface SourceFormState {\n  name: string;\n  description: string;\n  type: CosSourceType;\n  status: CosSourceStatus;\n  endpoint: string;\n  credentialRef: string;\n  config: string;\n  tags: string[];\n}\n\nconst INITIAL_STATE: SourceFormState = {\n  name: '',\n  description: '',\n  type: 'TELESCOPE',\n  status: 'CONFIGURING',\n  endpoint: '',\n  credentialRef: '',\n  config: '',\n  tags: [],\n};\n\nconst fieldLabelClass = 'block space-y-1.5 text-sm';\nconst fieldSpanClass = 'font-medium text-text-primary';\n\nexport default function SourceFormPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const isEdit = useMemo(() => Boolean(id), [id]);\n  const { navigate } = useCosmicIntersection();\n\n  const { data, loading: loadingSource } = useCosSourceQuery(id);\n  const [createSource, { loading: creating }] = useCosCreateSourceMutation();\n  const [updateSource, { loading: updating }] = useCosUpdateSourceMutation();\n\n  const [form, setForm] = useState<SourceFormState>(INITIAL_STATE);\n  const [hydrated, setHydrated] = useState(false);\n\n  useEffect(() => {\n    if (!isEdit || hydrated || !data?.cosSource) {\n      return;\n    }\n    const source = data.cosSource;\n    setForm({\n      name: source.name ?? '',\n      description: source.description ?? '',\n      type: source.type,\n      status: source.status,\n      endpoint: source.endpoint ?? '',\n      credentialRef: '',\n      config: source.config ? JSON.stringify(source.config, null, 2) : '',\n      tags: source.tags ?? [],\n    });\n    setHydrated(true);\n  }, [isEdit, hydrated, data]);\n\n  const onChange = <K extends keyof SourceFormState>(field: K, value: SourceFormState[K]) => {\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 source a recognizable name.');\n      return;\n    }\n\n    let config: Record<string, unknown> | undefined;\n    if (form.config.trim()) {\n      try {\n        const parsed = JSON.parse(form.config) as unknown;\n        if (typeof parsed !== 'object' || parsed === null || Array.isArray(parsed)) {\n          throw new Error('Config must be a JSON object.');\n        }\n        config = parsed as Record<string, unknown>;\n      } catch (parseError) {\n        notify.error(\n          'Invalid config JSON',\n          parseError instanceof Error ? parseError.message : 'Please provide valid JSON.'\n        );\n        return;\n      }\n    }\n\n    const base = {\n      name: form.name.trim(),\n      type: form.type,\n      status: form.status,\n      description: form.description.trim() || undefined,\n      endpoint: form.endpoint.trim() || undefined,\n      credentialRef: form.credentialRef.trim() || undefined,\n      config,\n      tags: form.tags,\n    };\n\n    if (isEdit) {\n      const response = await updateSource({ variables: { id, input: base } });\n      if (response.data?.cosUpdateSource?.id) {\n        notify.success('Source updated');\n        navigate('sources');\n      }\n      return;\n    }\n\n    const response = await createSource({ variables: { input: base } });\n    if (response.data?.cosCreateSource?.id) {\n      notify.success('Source created');\n      navigate('sources');\n    }\n  };\n\n  return (\n    <EntityFormShell\n      title={isEdit ? 'Edit source' : 'New data source'}\n      description=\"Instruments, archives and feeds that supply raw data into your federation.\"\n      purpose=\"A source describes where data comes from — a telescope, satellite feed, archive, API or file drop. Configure it once, then attach datasets that ingest from it and mark it synced as data arrives.\"\n      backLabel=\"Back to sources\"\n      onBack={() => navigate('sources')}\n      onSubmit={(event) => void onSubmit(event)}\n      submitLabel={isEdit ? 'Save source' : 'Create source'}\n      saving={saving || (isEdit && loadingSource && !hydrated)}\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. VLA Radio Array\"\n            required\n          />\n        </label>\n        <label className={fieldLabelClass}>\n          <span className={fieldSpanClass}>Endpoint</span>\n          <Input\n            value={form.endpoint}\n            onChange={(event) => onChange('endpoint', event.target.value)}\n            placeholder=\"https://archive.example.org/api\"\n          />\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 source provides and how it connects.\"\n        />\n      </label>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <label className={fieldLabelClass}>\n          <span className={fieldSpanClass}>Type</span>\n          <Select\n            value={form.type}\n            onValueChange={(value) => onChange('type', value as CosSourceType)}\n          >\n            <SelectTrigger aria-label=\"Source type\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {SOURCE_TYPES.map((type) => (\n                <SelectItem key={type} value={type}>\n                  {formatEnumLabel(type)}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </label>\n        <label className={fieldLabelClass}>\n          <span className={fieldSpanClass}>Status</span>\n          <Select\n            value={form.status}\n            onValueChange={(value) => onChange('status', value as CosSourceStatus)}\n          >\n            <SelectTrigger aria-label=\"Source status\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {SOURCE_STATUSES.map((status) => (\n                <SelectItem key={status} value={status}>\n                  {formatEnumLabel(status)}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </label>\n      </div>\n\n      <label className={fieldLabelClass}>\n        <span className={fieldSpanClass}>Credential reference</span>\n        <Input\n          value={form.credentialRef}\n          onChange={(event) => onChange('credentialRef', event.target.value)}\n          placeholder=\"Secret key or vault reference (write-only)\"\n        />\n        <span className=\"text-xs text-text-secondary\">\n          A pointer to a stored credential — never paste raw secrets here.\n        </span>\n      </label>\n\n      <label className={fieldLabelClass}>\n        <span className={fieldSpanClass}>Config (JSON)</span>\n        <Textarea\n          value={form.config}\n          onChange={(event) => onChange('config', event.target.value)}\n          rows={5}\n          className=\"font-mono text-xs\"\n          placeholder='{ \"pollIntervalMinutes\": 30 }'\n        />\n        <span className=\"text-xs text-text-secondary\">\n          Optional connection parameters as a JSON object.\n        </span>\n      </label>\n\n      <EntityTagsField\n        value={form.tags}\n        onChange={(tags) => onChange('tags', tags)}\n        disabled={saving}\n      />\n    </EntityFormShell>\n  );\n}\n"],"mappings":"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"}