@burdenoff/microfe-cosmicintersection 2026.512.1 → 2026.704.1

package/dist/cosmicintersection/pages/pipelines/PipelinesPage.js

@@ -0,0 +1,193 @@
+import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
+import { notify as t } from "../../lib/toast.js";
+import { useCosArchivePipelineMutation as n, useCosPipelinesQuery as r, useCosStartRunMutation 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, { formatEnumLabel as p } from "../../components/StatusBadge.js";
+import "../../components/index.js";
+import { mutationSucceeded as m } from "../../lib/mutationResult.js";
+import { useMemo as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { GitBranch as b, Play as x, Plus as S } from "lucide-react";
+import { 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";
+//#region src/cosmicintersection/pages/pipelines/PipelinesPage.tsx
+var F = [
+	"DRAFT",
+	"ACTIVE",
+	"PAUSED",
+	"ARCHIVED"
+], I = "ALL";
+function L(e) {
+	if (!e) return "—";
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleString();
+}
+function R() {
+	let { navigate: R } = e(), [z, B] = g(I), V = d({ resetKey: z }), { data: H, loading: U, error: W, refetch: G } = r({
+		status: z === I ? void 0 : z,
+		pagination: {
+			limit: V.limit,
+			offset: V.offset
+		}
+	}), [K] = i(), [q] = n(), J = h(() => H?.cosListPipelines.items ?? [], [H]), Y = H?.cosListPipelines.pageInfo, X = async (e) => {
+		let n = await K({ variables: { input: { pipelineId: e.id } } }), r = n.data?.cosStartRun?.id;
+		m(n, r, "Could not start a run") && (t.success("Run started", `A new run for “${e.name}” is queued.`), await G(), r && R(`runs/${r}`));
+	}, Z = async (e) => {
+		let n = await q({ variables: { id: e.id } });
+		if (!m(n, n.data?.cosArchivePipeline, "Could not archive pipeline")) throw Error("Archive not confirmed");
+		await G(), t.success("Pipeline archived", `“${e.name}” was archived.`);
+	};
+	return /* @__PURE__ */ v(l, {
+		title: "Pipelines",
+		description: "Orchestrate ingest, calibration, transform and export steps across your data.",
+		actions: /* @__PURE__ */ y(C, {
+			type: "button",
+			onClick: () => R("pipelines/create"),
+			children: [/* @__PURE__ */ v(S, { className: "size-4" }), "New pipeline"]
+		}),
+		children: /* @__PURE__ */ y("div", {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ v("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: /* @__PURE__ */ y("label", {
+					className: "flex items-center gap-2 text-sm text-text-secondary",
+					children: [/* @__PURE__ */ v("span", { children: "Status" }), /* @__PURE__ */ y(w, {
+						value: z,
+						onValueChange: (e) => B(e),
+						children: [/* @__PURE__ */ v(D, {
+							"aria-label": "Filter by status",
+							className: "w-44",
+							children: /* @__PURE__ */ v(O, {})
+						}), /* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(E, {
+							value: I,
+							children: "All statuses"
+						}), F.map((e) => /* @__PURE__ */ v(E, {
+							value: e,
+							children: p(e)
+						}, e))] })]
+					})]
+				})
+			}), U ? /* @__PURE__ */ v(c, {
+				variant: "rows",
+				rows: 6,
+				label: "Loading pipelines…"
+			}) : W ? /* @__PURE__ */ v(s, {
+				message: "We could not load your pipelines. Please try again.",
+				onRetry: () => void G()
+			}) : J.length === 0 ? /* @__PURE__ */ v(o, {
+				icon: b,
+				title: z === I ? "No pipelines yet" : "No pipelines match this filter",
+				description: z === I ? "Pipelines orchestrate ingest, calibration, transform and export steps over your datasets." : "Try a different status filter to see more pipelines.",
+				action: z === I ? /* @__PURE__ */ y(C, {
+					type: "button",
+					onClick: () => R("pipelines/create"),
+					children: [/* @__PURE__ */ v(S, { className: "size-4" }), "New pipeline"]
+				}) : void 0
+			}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
+				className: "overflow-x-auto 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: "Status" }),
+					/* @__PURE__ */ v(M, { children: "Trigger" }),
+					/* @__PURE__ */ v(M, { children: "Schedule" }),
+					/* @__PURE__ */ v(M, { children: "Last run" }),
+					/* @__PURE__ */ v(M, {
+						className: "text-right",
+						children: "Version"
+					}),
+					/* @__PURE__ */ v(M, { children: "Tags" }),
+					/* @__PURE__ */ v(M, {
+						className: "w-12 text-right",
+						children: /* @__PURE__ */ v("span", {
+							className: "sr-only",
+							children: "Actions"
+						})
+					})
+				] }) }), /* @__PURE__ */ v(A, { children: J.map((e) => /* @__PURE__ */ y(P, {
+					className: "cursor-pointer",
+					onClick: () => R(`pipelines/${e.id}`),
+					children: [
+						/* @__PURE__ */ v(j, {
+							className: "font-medium text-text-primary",
+							children: /* @__PURE__ */ y("div", {
+								className: "flex flex-col",
+								children: [/* @__PURE__ */ v("span", {
+									className: "truncate",
+									children: e.name
+								}), e.description ? /* @__PURE__ */ v("span", {
+									className: "mt-0.5 line-clamp-1 text-xs text-text-secondary",
+									children: e.description
+								}) : null]
+							})
+						}),
+						/* @__PURE__ */ v(j, { children: /* @__PURE__ */ v(f, { status: e.status }) }),
+						/* @__PURE__ */ v(j, {
+							className: "text-text-secondary",
+							children: p(e.trigger)
+						}),
+						/* @__PURE__ */ v(j, {
+							className: "font-mono text-xs text-text-secondary",
+							children: e.schedule || "—"
+						}),
+						/* @__PURE__ */ v(j, {
+							className: "whitespace-nowrap text-text-secondary",
+							children: L(e.lastRunAt)
+						}),
+						/* @__PURE__ */ y(j, {
+							className: "text-right tabular-nums text-text-secondary",
+							children: ["v", e.version]
+						}),
+						/* @__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("span", {
+								className: "rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
+								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, {
+							className: "text-right",
+							children: /* @__PURE__ */ v(a, {
+								ariaLabel: `Actions for ${e.name}`,
+								entityName: e.name,
+								onView: () => R(`pipelines/${e.id}`),
+								onEdit: () => R(`pipelines/${e.id}/edit`),
+								onDelete: () => Z(e),
+								deleteLabel: "Archive pipeline",
+								extraItems: [{
+									key: "start",
+									label: "Start run",
+									icon: x,
+									onSelect: () => void X(e),
+									disabled: e.status === "ARCHIVED"
+								}]
+							})
+						})
+					]
+				}, e.id)) })] })
+			}), /* @__PURE__ */ v(u, {
+				offset: V.offset,
+				limit: V.limit,
+				loadedCount: J.length,
+				hasMore: Y?.hasMore ?? !1,
+				onPrev: V.prevPage,
+				onNext: V.nextPage,
+				itemLabel: "pipelines",
+				loading: U
+			})] })]
+		})
+	});
+}
+//#endregion
+export { R as default };
+
+//# sourceMappingURL=PipelinesPage.js.map

package/dist/cosmicintersection/pages/pipelines/PipelinesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelinesPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/pipelines/PipelinesPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { GitBranch, Play, Plus } from 'lucide-react';\nimport {\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  useCosArchivePipelineMutation,\n  useCosPipelinesQuery,\n  useCosStartRunMutation,\n  type CosPipeline,\n  type CosPipelineStatus,\n} from '../../api/cosmicApi';\nimport {\n  ActionMenu,\n  EmptyState,\n  ErrorState,\n  LoadingState,\n  PageLayout,\n  Pagination,\n  StatusBadge,\n  formatEnumLabel,\n  usePagination,\n} from '../../components';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\nimport { mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\n\nconst STATUS_OPTIONS: CosPipelineStatus[] = ['DRAFT', 'ACTIVE', 'PAUSED', 'ARCHIVED'];\nconst ALL = 'ALL';\n\nfunction formatDate(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\nexport default function PipelinesPage() {\n  const { navigate } = useCosmicIntersection();\n  const [status, setStatus] = useState<CosPipelineStatus | typeof ALL>(ALL);\n  const pagination = usePagination({ resetKey: status });\n\n  const { data, loading, error, refetch } = useCosPipelinesQuery({\n    status: status === ALL ? undefined : status,\n    pagination: { limit: pagination.limit, offset: pagination.offset },\n  });\n\n  const [startRun] = useCosStartRunMutation();\n  const [archivePipeline] = useCosArchivePipelineMutation();\n\n  const pipelines = useMemo(() => data?.cosListPipelines.items ?? [], [data]);\n  const pageInfo = data?.cosListPipelines.pageInfo;\n\n  const handleStartRun = async (pipeline: CosPipeline) => {\n    const response = await startRun({ variables: { input: { pipelineId: pipeline.id } } });\n    const runId = response.data?.cosStartRun?.id;\n    if (!mutationSucceeded(response, runId, 'Could not start a run')) {\n      return;\n    }\n    notify.success('Run started', `A new run for “${pipeline.name}” is queued.`);\n    await refetch();\n    if (runId) {\n      navigate(`runs/${runId}`);\n    }\n  };\n\n  const handleArchive = async (pipeline: CosPipeline) => {\n    const response = await archivePipeline({ variables: { id: pipeline.id } });\n    if (\n      !mutationSucceeded(response, response.data?.cosArchivePipeline, 'Could not archive pipeline')\n    ) {\n      throw new Error('Archive not confirmed');\n    }\n    await refetch();\n    notify.success('Pipeline archived', `“${pipeline.name}” was archived.`);\n  };\n\n  const renderBody = () => {\n    if (loading) {\n      return <LoadingState variant=\"rows\" rows={6} label=\"Loading pipelines…\" />;\n    }\n    if (error) {\n      return (\n        <ErrorState\n          message=\"We could not load your pipelines. Please try again.\"\n          onRetry={() => void refetch()}\n        />\n      );\n    }\n    if (pipelines.length === 0) {\n      return (\n        <EmptyState\n          icon={GitBranch}\n          title={status === ALL ? 'No pipelines yet' : 'No pipelines match this filter'}\n          description={\n            status === ALL\n              ? 'Pipelines orchestrate ingest, calibration, transform and export steps over your datasets.'\n              : 'Try a different status filter to see more pipelines.'\n          }\n          action={\n            status === ALL ? (\n              <Button type=\"button\" onClick={() => navigate('pipelines/create')}>\n                <Plus className=\"size-4\" />\n                New pipeline\n              </Button>\n            ) : undefined\n          }\n        />\n      );\n    }\n\n    return (\n      <>\n        <div className=\"overflow-x-auto 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>Trigger</TableHead>\n                <TableHead>Schedule</TableHead>\n                <TableHead>Last run</TableHead>\n                <TableHead className=\"text-right\">Version</TableHead>\n                <TableHead>Tags</TableHead>\n                <TableHead className=\"w-12 text-right\">\n                  <span className=\"sr-only\">Actions</span>\n                </TableHead>\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {pipelines.map((pipeline) => (\n                <TableRow\n                  key={pipeline.id}\n                  className=\"cursor-pointer\"\n                  onClick={() => navigate(`pipelines/${pipeline.id}`)}\n                >\n                  <TableCell className=\"font-medium text-text-primary\">\n                    <div className=\"flex flex-col\">\n                      <span className=\"truncate\">{pipeline.name}</span>\n                      {pipeline.description ? (\n                        <span className=\"mt-0.5 line-clamp-1 text-xs text-text-secondary\">\n                          {pipeline.description}\n                        </span>\n                      ) : null}\n                    </div>\n                  </TableCell>\n                  <TableCell>\n                    <StatusBadge status={pipeline.status} />\n                  </TableCell>\n                  <TableCell className=\"text-text-secondary\">\n                    {formatEnumLabel(pipeline.trigger)}\n                  </TableCell>\n                  <TableCell className=\"font-mono text-xs text-text-secondary\">\n                    {pipeline.schedule || '—'}\n                  </TableCell>\n                  <TableCell className=\"whitespace-nowrap text-text-secondary\">\n                    {formatDate(pipeline.lastRunAt)}\n                  </TableCell>\n                  <TableCell className=\"text-right tabular-nums text-text-secondary\">\n                    v{pipeline.version}\n                  </TableCell>\n                  <TableCell>\n                    <div className=\"flex max-w-[12rem] flex-wrap gap-1\">\n                      {pipeline.tags.length === 0 ? (\n                        <span className=\"text-xs text-text-secondary\">—</span>\n                      ) : (\n                        pipeline.tags.slice(0, 3).map((tag) => (\n                          <span\n                            key={tag}\n                            className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\"\n                          >\n                            {tag}\n                          </span>\n                        ))\n                      )}\n                      {pipeline.tags.length > 3 ? (\n                        <span className=\"text-xs text-text-secondary\">\n                          +{pipeline.tags.length - 3}\n                        </span>\n                      ) : null}\n                    </div>\n                  </TableCell>\n                  <TableCell className=\"text-right\">\n                    <ActionMenu\n                      ariaLabel={`Actions for ${pipeline.name}`}\n                      entityName={pipeline.name}\n                      onView={() => navigate(`pipelines/${pipeline.id}`)}\n                      onEdit={() => navigate(`pipelines/${pipeline.id}/edit`)}\n                      onDelete={() => handleArchive(pipeline)}\n                      deleteLabel=\"Archive pipeline\"\n                      extraItems={[\n                        {\n                          key: 'start',\n                          label: 'Start run',\n                          icon: Play,\n                          onSelect: () => void handleStartRun(pipeline),\n                          disabled: pipeline.status === 'ARCHIVED',\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={pipelines.length}\n          hasMore={pageInfo?.hasMore ?? false}\n          onPrev={pagination.prevPage}\n          onNext={pagination.nextPage}\n          itemLabel=\"pipelines\"\n          loading={loading}\n        />\n      </>\n    );\n  };\n\n  return (\n    <PageLayout\n      title=\"Pipelines\"\n      description=\"Orchestrate ingest, calibration, transform and export steps across your data.\"\n      actions={\n        <Button type=\"button\" onClick={() => navigate('pipelines/create')}>\n          <Plus className=\"size-4\" />\n          New pipeline\n        </Button>\n      }\n    >\n      <div className=\"space-y-4\">\n        <div className=\"flex flex-wrap items-center gap-3\">\n          <label className=\"flex items-center gap-2 text-sm text-text-secondary\">\n            <span>Status</span>\n            <Select\n              value={status}\n              onValueChange={(value) => setStatus(value as CosPipelineStatus | typeof ALL)}\n            >\n              <SelectTrigger aria-label=\"Filter by status\" className=\"w-44\">\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value={ALL}>All statuses</SelectItem>\n                {STATUS_OPTIONS.map((option) => (\n                  <SelectItem key={option} value={option}>\n                    {formatEnumLabel(option)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </label>\n        </div>\n\n        {renderBody()}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuCA,IAAM,IAAsC;CAAC;CAAS;CAAU;CAAU;CAAW,EAC/E,IAAM;AAEZ,SAAS,EAAW,GAA+B;AACjD,KAAI,CAAC,EACH,QAAO;CAET,IAAM,IAAO,IAAI,KAAK,EAAM;AAC5B,QAAO,OAAO,MAAM,EAAK,SAAS,CAAC,GAAG,MAAM,EAAK,gBAAgB;;AAGnE,SAAwB,IAAgB;CACtC,IAAM,EAAE,gBAAa,GAAuB,EACtC,CAAC,GAAQ,KAAa,EAAyC,EAAI,EACnE,IAAa,EAAc,EAAE,UAAU,GAAQ,CAAC,EAEhD,EAAE,SAAM,YAAS,UAAO,eAAY,EAAqB;EAC7D,QAAQ,MAAW,IAAM,KAAA,IAAY;EACrC,YAAY;GAAE,OAAO,EAAW;GAAO,QAAQ,EAAW;GAAQ;EACnE,CAAC,EAEI,CAAC,KAAY,GAAwB,EACrC,CAAC,KAAmB,GAA+B,EAEnD,IAAY,QAAc,GAAM,iBAAiB,SAAS,EAAE,EAAE,CAAC,EAAK,CAAC,EACrE,IAAW,GAAM,iBAAiB,UAElC,IAAiB,OAAO,MAA0B;EACtD,IAAM,IAAW,MAAM,EAAS,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAS,IAAI,EAAE,EAAE,CAAC,EAChF,IAAQ,EAAS,MAAM,aAAa;AACrC,IAAkB,GAAU,GAAO,wBAAwB,KAGhE,EAAO,QAAQ,eAAe,kBAAkB,EAAS,KAAK,cAAc,EAC5E,MAAM,GAAS,EACX,KACF,EAAS,QAAQ,IAAQ;IAIvB,IAAgB,OAAO,MAA0B;EACrD,IAAM,IAAW,MAAM,EAAgB,EAAE,WAAW,EAAE,IAAI,EAAS,IAAI,EAAE,CAAC;AAC1E,MACE,CAAC,EAAkB,GAAU,EAAS,MAAM,oBAAoB,6BAA6B,CAE7F,OAAU,MAAM,wBAAwB;AAG1C,EADA,MAAM,GAAS,EACf,EAAO,QAAQ,qBAAqB,IAAI,EAAS,KAAK,iBAAiB;;AAmJzE,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,GAAD;GAAQ,MAAK;GAAS,eAAe,EAAS,mBAAmB;aAAjE,CACE,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA,EAAA,eAEpB;;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,SAAD;KAAO,WAAU;eAAjB,CACE,kBAAC,QAAD,EAAA,UAAM,UAAa,CAAA,EACnB,kBAAC,GAAD;MACE,OAAO;MACP,gBAAgB,MAAU,EAAU,EAAwC;gBAF9E,CAIE,kBAAC,GAAD;OAAe,cAAW;OAAmB,WAAU;iBACrD,kBAAC,GAAD,EAAe,CAAA;OACD,CAAA,EAChB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;OAAY,OAAO;iBAAK;OAAyB,CAAA,EAChD,EAAe,KAAK,MACnB,kBAAC,GAAD;OAAyB,OAAO;iBAC7B,EAAgB,EAAO;OACb,EAFI,EAEJ,CACb,CACY,EAAA,CAAA,CACT;QACH;;IACJ,CAAA,EA/KN,IACK,kBAAC,GAAD;IAAc,SAAQ;IAAO,MAAM;IAAG,OAAM;IAAuB,CAAA,GAExE,IAEA,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe,KAAK,GAAS;IAC7B,CAAA,GAGF,EAAU,WAAW,IAErB,kBAAC,GAAD;IACE,MAAM;IACN,OAAO,MAAW,IAAM,qBAAqB;IAC7C,aACE,MAAW,IACP,8FACA;IAEN,QACE,MAAW,IACT,kBAAC,GAAD;KAAQ,MAAK;KAAS,eAAe,EAAS,mBAAmB;eAAjE,CACE,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA,EAAA,eAEpB;SACP,KAAA;IAEN,CAAA,GAKJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA;KACE,kBAAC,GAAD,EAAA,UAAW,QAAgB,CAAA;KAC3B,kBAAC,GAAD,EAAA,UAAW,UAAkB,CAAA;KAC7B,kBAAC,GAAD,EAAA,UAAW,WAAmB,CAAA;KAC9B,kBAAC,GAAD,EAAA,UAAW,YAAoB,CAAA;KAC/B,kBAAC,GAAD,EAAA,UAAW,YAAoB,CAAA;KAC/B,kBAAC,GAAD;MAAW,WAAU;gBAAa;MAAmB,CAAA;KACrD,kBAAC,GAAD,EAAA,UAAW,QAAgB,CAAA;KAC3B,kBAAC,GAAD;MAAW,WAAU;gBACnB,kBAAC,QAAD;OAAM,WAAU;iBAAU;OAAc,CAAA;MAC9B,CAAA;KACH,EAAA,CAAA,EACC,CAAA,EACd,kBAAC,GAAD,EAAA,UACG,EAAU,KAAK,MACd,kBAAC,GAAD;KAEE,WAAU;KACV,eAAe,EAAS,aAAa,EAAS,KAAK;eAHrD;MAKE,kBAAC,GAAD;OAAW,WAAU;iBACnB,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAY,EAAS;SAAY,CAAA,EAChD,EAAS,cACR,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAS;SACL,CAAA,GACL,KACA;;OACI,CAAA;MACZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAa,QAAQ,EAAS,QAAU,CAAA,EAC9B,CAAA;MACZ,kBAAC,GAAD;OAAW,WAAU;iBAClB,EAAgB,EAAS,QAAQ;OACxB,CAAA;MACZ,kBAAC,GAAD;OAAW,WAAU;iBAClB,EAAS,YAAY;OACZ,CAAA;MACZ,kBAAC,GAAD;OAAW,WAAU;iBAClB,EAAW,EAAS,UAAU;OACrB,CAAA;MACZ,kBAAC,GAAD;OAAW,WAAU;iBAArB,CAAmE,KAC/D,EAAS,QACD;;MACZ,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,EAAS,KAAK,WAAW,IACxB,kBAAC,QAAD;QAAM,WAAU;kBAA8B;QAAQ,CAAA,GAEtD,EAAS,KAAK,MAAM,GAAG,EAAE,CAAC,KAAK,MAC7B,kBAAC,QAAD;QAEE,WAAU;kBAET;QACI,EAJA,EAIA,CACP,EAEH,EAAS,KAAK,SAAS,IACtB,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAA8C,KAC1C,EAAS,KAAK,SAAS,EACpB;YACL,KACA;UACI,CAAA;MACZ,kBAAC,GAAD;OAAW,WAAU;iBACnB,kBAAC,GAAD;QACE,WAAW,eAAe,EAAS;QACnC,YAAY,EAAS;QACrB,cAAc,EAAS,aAAa,EAAS,KAAK;QAClD,cAAc,EAAS,aAAa,EAAS,GAAG,OAAO;QACvD,gBAAgB,EAAc,EAAS;QACvC,aAAY;QACZ,YAAY,CACV;SACE,KAAK;SACL,OAAO;SACP,MAAM;SACN,gBAAgB,KAAK,EAAe,EAAS;SAC7C,UAAU,EAAS,WAAW;SAC/B,CACF;QACD,CAAA;OACQ,CAAA;MACH;OArEJ,EAAS,GAqEL,CACX,EACQ,CAAA,CACN,EAAA,CAAA;IACJ,CAAA,EAEN,kBAAC,GAAD;IACE,QAAQ,EAAW;IACnB,OAAO,EAAW;IAClB,aAAa,EAAU;IACvB,SAAS,GAAU,WAAW;IAC9B,QAAQ,EAAW;IACnB,QAAQ,EAAW;IACnB,WAAU;IACD;IACT,CAAA,CACD,EAAA,CAAA,CAuCG;;EACK,CAAA"}

package/dist/cosmicintersection/pages/releases/ReleaseFormPage.js

@@ -0,0 +1,184 @@
+import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
+import { notify as t } from "../../lib/toast.js";
+import { useCosCreateReleaseMutation as n, useCosDatasetsQuery as r, useCosNotebooksQuery as i } from "../../api/cosmicApi.js";
+import a from "../../components/EntityFormShell.js";
+import o from "../../components/EntityTagsField.js";
+import "../../components/index.js";
+import { useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Checkbox as u, Input as d, Label as f, Select as p, SelectContent as m, SelectItem as h, SelectTrigger as g, SelectValue as _, Textarea as v } from "@burdenoff/fe-libs/ui";
+//#region src/cosmicintersection/pages/releases/ReleaseFormPage.tsx
+var y = "NONE";
+function b() {
+	let { navigate: b } = e(), [x, { loading: S }] = n(), C = r({ pagination: {
+		limit: 50,
+		offset: 0
+	} }), w = i({ pagination: {
+		limit: 50,
+		offset: 0
+	} }), T = C.data?.cosListDatasets.items ?? [], E = w.data?.cosListNotebooks.items ?? [], [D, O] = s(""), [k, A] = s(""), [j, M] = s(""), [N, P] = s([]), [F, I] = s(""), [L, R] = s([]), [z, B] = s(y), V = (e) => {
+		R((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	};
+	return /* @__PURE__ */ l(a, {
+		title: "New release",
+		description: "Bundle datasets and a notebook into a versioned, citable publication.",
+		purpose: "A release is an immutable snapshot you can cite. Create it in draft here, then publish it (and optionally attach a DOI) from the releases list once the work is final.",
+		backLabel: "Back to releases",
+		onBack: () => b("releases"),
+		onSubmit: async (e) => {
+			e.preventDefault();
+			let n = D.trim();
+			if (!n) {
+				t.error("Title is required", "Give the release a descriptive title before saving.");
+				return;
+			}
+			(await x({ variables: { input: {
+				title: n,
+				version: k.trim() || void 0,
+				abstract: j.trim() || void 0,
+				authors: N.length ? N : void 0,
+				license: F.trim() || void 0,
+				datasetIds: L.length ? L : void 0,
+				notebookId: z === y ? void 0 : z
+			} } })).data?.cosCreateRelease?.id && (t.success("Release created", "Publish it from the releases list when it is ready."), b("releases"));
+		},
+		submitLabel: "Create release",
+		saving: S,
+		submitDisabled: !D.trim(),
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ l("div", {
+					className: "space-y-1.5",
+					children: [/* @__PURE__ */ c(f, {
+						htmlFor: "release-title",
+						children: "Title"
+					}), /* @__PURE__ */ c(d, {
+						id: "release-title",
+						value: D,
+						onChange: (e) => O(e.target.value),
+						placeholder: "Kepler DR3 stellar catalog",
+						required: !0
+					})]
+				}), /* @__PURE__ */ l("div", {
+					className: "space-y-1.5",
+					children: [/* @__PURE__ */ c(f, {
+						htmlFor: "release-version",
+						children: "Version"
+					}), /* @__PURE__ */ c(d, {
+						id: "release-version",
+						value: k,
+						onChange: (e) => A(e.target.value),
+						placeholder: "1.0.0"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "space-y-1.5",
+				children: [/* @__PURE__ */ c(f, {
+					htmlFor: "release-abstract",
+					children: "Abstract"
+				}), /* @__PURE__ */ c(v, {
+					id: "release-abstract",
+					value: j,
+					onChange: (e) => M(e.target.value),
+					rows: 4,
+					placeholder: "Summarize what this release contains and how it should be used."
+				})]
+			}),
+			/* @__PURE__ */ c(o, {
+				value: N,
+				onChange: P,
+				label: "Authors",
+				placeholder: "Add an author and press Enter"
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ l("div", {
+					className: "space-y-1.5",
+					children: [/* @__PURE__ */ c(f, {
+						htmlFor: "release-license",
+						children: "License"
+					}), /* @__PURE__ */ c(d, {
+						id: "release-license",
+						value: F,
+						onChange: (e) => I(e.target.value),
+						placeholder: "CC-BY-4.0"
+					})]
+				}), /* @__PURE__ */ l("div", {
+					className: "space-y-1.5",
+					children: [
+						/* @__PURE__ */ c(f, {
+							htmlFor: "release-notebook",
+							children: "Notebook"
+						}),
+						/* @__PURE__ */ l(p, {
+							value: z,
+							onValueChange: B,
+							children: [/* @__PURE__ */ c(g, {
+								id: "release-notebook",
+								"aria-label": "Linked notebook",
+								children: /* @__PURE__ */ c(_, { placeholder: "No notebook" })
+							}), /* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, {
+								value: y,
+								children: "No notebook"
+							}), E.map((e) => /* @__PURE__ */ c(h, {
+								value: e.id,
+								children: e.title
+							}, e.id))] })]
+						}),
+						w.loading ? /* @__PURE__ */ c("p", {
+							className: "text-xs text-text-secondary",
+							children: "Loading notebooks…"
+						}) : null
+					]
+				})]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ l(f, { children: ["Datasets ", L.length ? `(${L.length} selected)` : ""] }),
+					/* @__PURE__ */ c("div", {
+						className: "max-h-56 space-y-1 overflow-y-auto rounded-card border border-border-default bg-bg-sunken p-2",
+						children: C.loading ? /* @__PURE__ */ c("p", {
+							className: "px-2 py-3 text-sm text-text-secondary",
+							children: "Loading datasets…"
+						}) : T.length === 0 ? /* @__PURE__ */ c("p", {
+							className: "px-2 py-3 text-sm text-text-secondary",
+							children: "No datasets available to link yet."
+						}) : T.map((e) => {
+							let t = `release-dataset-${e.id}`;
+							return /* @__PURE__ */ l("label", {
+								htmlFor: t,
+								className: "flex cursor-pointer items-center gap-3 rounded-button px-2 py-1.5 hover:bg-bg-elevated",
+								children: [
+									/* @__PURE__ */ c(u, {
+										id: t,
+										checked: L.includes(e.id),
+										onCheckedChange: () => V(e.id)
+									}),
+									/* @__PURE__ */ c("span", {
+										className: "min-w-0 flex-1 truncate text-sm text-text-primary",
+										children: e.name
+									}),
+									/* @__PURE__ */ c("span", {
+										className: "text-xs text-text-secondary",
+										children: e.status
+									})
+								]
+							}, e.id);
+						})
+					}),
+					/* @__PURE__ */ c("p", {
+						className: "text-xs text-text-secondary",
+						children: "Select the datasets this release certifies. You can attach a DOI when you publish."
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { b as default };
+
+//# sourceMappingURL=ReleaseFormPage.js.map

package/dist/cosmicintersection/pages/releases/ReleaseFormPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleaseFormPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/releases/ReleaseFormPage.tsx"],"sourcesContent":["import { useState, type FormEvent } from 'react';\nimport {\n  Checkbox,\n  Input,\n  Label,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  useCosCreateReleaseMutation,\n  useCosDatasetsQuery,\n  useCosNotebooksQuery,\n  type CosCreateReleaseInput,\n} from '../../api/cosmicApi';\nimport { EntityFormShell, EntityTagsField } from '../../components';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\nimport { notify } from '../../lib/toast';\n\nconst NONE = 'NONE';\n\nexport default function ReleaseFormPage() {\n  const { navigate } = useCosmicIntersection();\n  const [createRelease, { loading: saving }] = useCosCreateReleaseMutation();\n\n  // Pull candidate datasets/notebooks to link. A generous page covers the common\n  // case; the backend enforces referential integrity on submit.\n  const datasetsQuery = useCosDatasetsQuery({ pagination: { limit: 50, offset: 0 } });\n  const notebooksQuery = useCosNotebooksQuery({ pagination: { limit: 50, offset: 0 } });\n  const datasets = datasetsQuery.data?.cosListDatasets.items ?? [];\n  const notebooks = notebooksQuery.data?.cosListNotebooks.items ?? [];\n\n  const [title, setTitle] = useState('');\n  const [version, setVersion] = useState('');\n  const [abstract, setAbstract] = useState('');\n  const [authors, setAuthors] = useState<string[]>([]);\n  const [license, setLicense] = useState('');\n  const [datasetIds, setDatasetIds] = useState<string[]>([]);\n  const [notebookId, setNotebookId] = useState<string>(NONE);\n\n  const toggleDataset = (id: string) => {\n    setDatasetIds((current) =>\n      current.includes(id) ? current.filter((existing) => existing !== id) : [...current, id]\n    );\n  };\n\n  const onSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const trimmedTitle = title.trim();\n    if (!trimmedTitle) {\n      notify.error('Title is required', 'Give the release a descriptive title before saving.');\n      return;\n    }\n\n    const input: CosCreateReleaseInput = {\n      title: trimmedTitle,\n      version: version.trim() || undefined,\n      abstract: abstract.trim() || undefined,\n      authors: authors.length ? authors : undefined,\n      license: license.trim() || undefined,\n      datasetIds: datasetIds.length ? datasetIds : undefined,\n      notebookId: notebookId === NONE ? undefined : notebookId,\n    };\n\n    const response = await createRelease({ variables: { input } });\n    if (response.data?.cosCreateRelease?.id) {\n      notify.success('Release created', 'Publish it from the releases list when it is ready.');\n      navigate('releases');\n    }\n  };\n\n  return (\n    <EntityFormShell\n      title=\"New release\"\n      description=\"Bundle datasets and a notebook into a versioned, citable publication.\"\n      purpose=\"A release is an immutable snapshot you can cite. Create it in draft here, then publish it (and optionally attach a DOI) from the releases list once the work is final.\"\n      backLabel=\"Back to releases\"\n      onBack={() => navigate('releases')}\n      onSubmit={onSubmit}\n      submitLabel=\"Create release\"\n      saving={saving}\n      submitDisabled={!title.trim()}\n    >\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <div className=\"space-y-1.5\">\n          <Label htmlFor=\"release-title\">Title</Label>\n          <Input\n            id=\"release-title\"\n            value={title}\n            onChange={(event) => setTitle(event.target.value)}\n            placeholder=\"Kepler DR3 stellar catalog\"\n            required\n          />\n        </div>\n        <div className=\"space-y-1.5\">\n          <Label htmlFor=\"release-version\">Version</Label>\n          <Input\n            id=\"release-version\"\n            value={version}\n            onChange={(event) => setVersion(event.target.value)}\n            placeholder=\"1.0.0\"\n          />\n        </div>\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <Label htmlFor=\"release-abstract\">Abstract</Label>\n        <Textarea\n          id=\"release-abstract\"\n          value={abstract}\n          onChange={(event) => setAbstract(event.target.value)}\n          rows={4}\n          placeholder=\"Summarize what this release contains and how it should be used.\"\n        />\n      </div>\n\n      <EntityTagsField\n        value={authors}\n        onChange={setAuthors}\n        label=\"Authors\"\n        placeholder=\"Add an author and press Enter\"\n      />\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <div className=\"space-y-1.5\">\n          <Label htmlFor=\"release-license\">License</Label>\n          <Input\n            id=\"release-license\"\n            value={license}\n            onChange={(event) => setLicense(event.target.value)}\n            placeholder=\"CC-BY-4.0\"\n          />\n        </div>\n        <div className=\"space-y-1.5\">\n          <Label htmlFor=\"release-notebook\">Notebook</Label>\n          <Select value={notebookId} onValueChange={setNotebookId}>\n            <SelectTrigger id=\"release-notebook\" aria-label=\"Linked notebook\">\n              <SelectValue placeholder=\"No notebook\" />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value={NONE}>No notebook</SelectItem>\n              {notebooks.map((notebook) => (\n                <SelectItem key={notebook.id} value={notebook.id}>\n                  {notebook.title}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {notebooksQuery.loading ? (\n            <p className=\"text-xs text-text-secondary\">Loading notebooks…</p>\n          ) : null}\n        </div>\n      </div>\n\n      <div className=\"space-y-2\">\n        <Label>Datasets {datasetIds.length ? `(${datasetIds.length} selected)` : ''}</Label>\n        <div className=\"max-h-56 space-y-1 overflow-y-auto rounded-card border border-border-default bg-bg-sunken p-2\">\n          {datasetsQuery.loading ? (\n            <p className=\"px-2 py-3 text-sm text-text-secondary\">Loading datasets…</p>\n          ) : datasets.length === 0 ? (\n            <p className=\"px-2 py-3 text-sm text-text-secondary\">\n              No datasets available to link yet.\n            </p>\n          ) : (\n            datasets.map((dataset) => {\n              const checkboxId = `release-dataset-${dataset.id}`;\n              return (\n                <label\n                  key={dataset.id}\n                  htmlFor={checkboxId}\n                  className=\"flex cursor-pointer items-center gap-3 rounded-button px-2 py-1.5 hover:bg-bg-elevated\"\n                >\n                  <Checkbox\n                    id={checkboxId}\n                    checked={datasetIds.includes(dataset.id)}\n                    onCheckedChange={() => toggleDataset(dataset.id)}\n                  />\n                  <span className=\"min-w-0 flex-1 truncate text-sm text-text-primary\">\n                    {dataset.name}\n                  </span>\n                  <span className=\"text-xs text-text-secondary\">{dataset.status}</span>\n                </label>\n              );\n            })\n          )}\n        </div>\n        <p className=\"text-xs text-text-secondary\">\n          Select the datasets this release certifies. You can attach a DOI when you publish.\n        </p>\n      </div>\n    </EntityFormShell>\n  );\n}\n"],"mappings":"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"}