@burdenoff/microfe-cosmicintersection 2026.525.1 → 2026.704.1

package/dist/cosmicintersection/pages/notebooks/NotebookFormPage.js

@@ -0,0 +1,313 @@
+import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
+import { notify as t } from "../../lib/toast.js";
+import { useCosCreateNotebookMutation as n, useCosDatasetsQuery as r, useCosNotebookQuery as i, useCosUpdateNotebookMutation as a } from "../../api/cosmicApi.js";
+import o from "../../components/EntityFormShell.js";
+import s from "../../components/EntityTagsField.js";
+import c from "../../components/FileUploadField.js";
+import "../../components/index.js";
+import { useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useParams as f } from "react-router-dom";
+import { Checkbox as p, Input as m, Label as h, Select as g, SelectContent as _, SelectItem as v, SelectTrigger as y, SelectValue as b, Switch as x, Textarea as S } from "@burdenoff/fe-libs/ui";
+//#region src/cosmicintersection/pages/notebooks/NotebookFormPage.tsx
+var C = [
+	{
+		value: "DRAFT",
+		label: "Draft"
+	},
+	{
+		value: "RUNNING",
+		label: "Running"
+	},
+	{
+		value: "PUBLISHED",
+		label: "Published"
+	},
+	{
+		value: "ARCHIVED",
+		label: "Archived"
+	}
+], w = {
+	title: "",
+	description: "",
+	runtime: "",
+	environment: "",
+	datasetIds: [],
+	tags: [],
+	fileId: "",
+	status: "DRAFT",
+	isShared: !1,
+	shareSlug: ""
+};
+function T(e) {
+	let t = e.trim();
+	if (!t) return {
+		ok: !0,
+		value: void 0
+	};
+	try {
+		let e = JSON.parse(t);
+		return typeof e != "object" || !e || Array.isArray(e) ? {
+			ok: !1,
+			error: "Environment must be a JSON object."
+		} : {
+			ok: !0,
+			value: e
+		};
+	} catch {
+		return {
+			ok: !1,
+			error: "Environment is not valid JSON."
+		};
+	}
+}
+function E() {
+	let { id: E = "" } = f(), D = !!E, { navigate: O } = e(), { data: k, loading: A } = i(E), { data: j, loading: M } = r({ pagination: {
+		limit: 100,
+		offset: 0
+	} }), [N, { loading: P }] = n(), [F, { loading: I }] = a(), [L, R] = l(w), z = j?.cosListDatasets.items ?? [], B = k?.cosNotebook ?? null, [V, H] = l(null);
+	D && B && V !== B.id && (H(B.id), R({
+		title: B.title ?? "",
+		description: B.description ?? "",
+		runtime: B.runtime ?? "",
+		environment: B.environment ? JSON.stringify(B.environment, null, 2) : "",
+		datasetIds: B.datasetIds ?? [],
+		tags: B.tags ?? [],
+		fileId: B.file?.id ?? "",
+		status: B.status ?? "DRAFT",
+		isShared: B.isShared ?? !1,
+		shareSlug: B.shareSlug ?? ""
+	}));
+	let U = (e, t) => R((n) => ({
+		...n,
+		[e]: t
+	})), W = (e) => R((t) => ({
+		...t,
+		datasetIds: t.datasetIds.includes(e) ? t.datasetIds.filter((t) => t !== e) : [...t.datasetIds, e]
+	}));
+	return /* @__PURE__ */ d(o, {
+		title: D ? "Edit notebook" : "New notebook",
+		description: "Set up a computational notebook and link the datasets it analyses.",
+		purpose: "Notebooks capture the code and environment behind an analysis. Attach the notebook file, pick which federated datasets it reads, and record the runtime so results are reproducible.",
+		backLabel: D ? "Back to notebook" : "Back to notebooks",
+		onBack: () => O(D ? `notebooks/${E}` : "notebooks"),
+		onSubmit: async (e) => {
+			e.preventDefault();
+			let n = L.title.trim();
+			if (!n) {
+				t.error("Title is required", "Give the notebook a descriptive title.");
+				return;
+			}
+			let r = T(L.environment);
+			if (!r.ok) {
+				t.error("Invalid environment", r.error);
+				return;
+			}
+			if (D) {
+				let e = await F({ variables: {
+					id: E,
+					input: {
+						title: n,
+						description: L.description.trim() || void 0,
+						runtime: L.runtime.trim() || void 0,
+						environment: r.value,
+						datasetIds: L.datasetIds,
+						tags: L.tags,
+						status: L.status,
+						isShared: L.isShared,
+						shareSlug: L.shareSlug.trim() || void 0
+					}
+				} });
+				if (e.error || !e.data?.cosUpdateNotebook) return;
+				t.success("Notebook updated", `“${n}” was saved.`), O(`notebooks/${E}`);
+				return;
+			}
+			let i = await N({ variables: { input: {
+				title: n,
+				description: L.description.trim() || void 0,
+				runtime: L.runtime.trim() || void 0,
+				environment: r.value,
+				datasetIds: L.datasetIds,
+				tags: L.tags,
+				fileId: L.fileId || void 0
+			} } }), a = i.data?.cosCreateNotebook?.id;
+			i.error || !a || (t.success("Notebook created", `“${n}” is ready.`), O(`notebooks/${a}`));
+		},
+		submitLabel: D ? "Save notebook" : "Create notebook",
+		saving: P || I,
+		submitDisabled: D && A,
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ d("div", {
+					className: "space-y-1.5",
+					children: [/* @__PURE__ */ u(h, {
+						htmlFor: "notebook-title",
+						children: "Title"
+					}), /* @__PURE__ */ u(m, {
+						id: "notebook-title",
+						value: L.title,
+						onChange: (e) => U("title", e.target.value),
+						placeholder: "e.g. Kepler light-curve detrending",
+						required: !0
+					})]
+				}), /* @__PURE__ */ d("div", {
+					className: "space-y-1.5",
+					children: [/* @__PURE__ */ u(h, {
+						htmlFor: "notebook-runtime",
+						children: "Runtime"
+					}), /* @__PURE__ */ u(m, {
+						id: "notebook-runtime",
+						value: L.runtime,
+						onChange: (e) => U("runtime", e.target.value),
+						placeholder: "e.g. python-3.11"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "space-y-1.5",
+				children: [/* @__PURE__ */ u(h, {
+					htmlFor: "notebook-description",
+					children: "Description"
+				}), /* @__PURE__ */ u(S, {
+					id: "notebook-description",
+					value: L.description,
+					onChange: (e) => U("description", e.target.value),
+					rows: 3,
+					placeholder: "What does this notebook do?"
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "space-y-1.5",
+				children: [
+					/* @__PURE__ */ u(h, {
+						htmlFor: "notebook-environment",
+						children: "Environment (JSON)"
+					}),
+					/* @__PURE__ */ u(S, {
+						id: "notebook-environment",
+						value: L.environment,
+						onChange: (e) => U("environment", e.target.value),
+						rows: 4,
+						className: "font-mono text-xs",
+						placeholder: "{ \"numpy\": \"1.26\", \"astropy\": \"6.0\" }"
+					}),
+					/* @__PURE__ */ u("p", {
+						className: "text-xs text-text-secondary",
+						children: "Optional dependency / kernel metadata as a JSON object."
+					})
+				]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ u(h, { children: "Linked datasets" }),
+					M ? /* @__PURE__ */ u("p", {
+						className: "text-sm text-text-secondary",
+						children: "Loading datasets…"
+					}) : z.length === 0 ? /* @__PURE__ */ u("p", {
+						className: "text-sm text-text-secondary",
+						children: "No datasets available yet. Create a dataset first to link it here."
+					}) : /* @__PURE__ */ u("div", {
+						className: "max-h-56 space-y-1 overflow-auto rounded-card border border-border-default bg-bg-sunken p-2",
+						children: z.map((e) => /* @__PURE__ */ d("label", {
+							className: "flex cursor-pointer items-center gap-3 rounded-button px-2 py-1.5 hover:bg-bg-elevated",
+							children: [
+								/* @__PURE__ */ u(p, {
+									checked: L.datasetIds.includes(e.id),
+									onCheckedChange: () => W(e.id),
+									"aria-label": `Link ${e.name}`
+								}),
+								/* @__PURE__ */ u("span", {
+									className: "min-w-0 flex-1 truncate text-sm text-text-primary",
+									children: e.name
+								}),
+								/* @__PURE__ */ u("span", {
+									className: "text-xs text-text-secondary",
+									children: e.status
+								})
+							]
+						}, e.id))
+					}),
+					L.datasetIds.length > 0 ? /* @__PURE__ */ d("p", {
+						className: "text-xs text-text-secondary",
+						children: [
+							L.datasetIds.length,
+							" dataset",
+							L.datasetIds.length === 1 ? "" : "s",
+							" linked."
+						]
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ u(s, {
+				value: L.tags,
+				onChange: (e) => U("tags", e)
+			}),
+			/* @__PURE__ */ u(c, {
+				value: L.fileId,
+				onChange: (e) => U("fileId", e),
+				label: "Attach notebook file",
+				hint: "Upload the notebook artifact (.ipynb or any file). Stored in workspace files."
+			}),
+			D ? /* @__PURE__ */ d("div", {
+				className: "space-y-4 rounded-card border border-border-default bg-bg-sunken p-4",
+				children: [
+					/* @__PURE__ */ u("p", {
+						className: "text-sm font-medium text-text-primary",
+						children: "Lifecycle & sharing"
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+						children: [/* @__PURE__ */ d("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ u(h, {
+								htmlFor: "notebook-status",
+								children: "Status"
+							}), /* @__PURE__ */ d(g, {
+								value: L.status,
+								onValueChange: (e) => U("status", e),
+								children: [/* @__PURE__ */ u(y, {
+									id: "notebook-status",
+									"aria-label": "Notebook status",
+									children: /* @__PURE__ */ u(b, {})
+								}), /* @__PURE__ */ u(_, { children: C.map((e) => /* @__PURE__ */ u(v, {
+									value: e.value,
+									children: e.label
+								}, e.value)) })]
+							})]
+						}), /* @__PURE__ */ d("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ u(h, {
+								htmlFor: "notebook-share-slug",
+								children: "Share slug"
+							}), /* @__PURE__ */ u(m, {
+								id: "notebook-share-slug",
+								value: L.shareSlug,
+								onChange: (e) => U("shareSlug", e.target.value),
+								placeholder: "e.g. kepler-detrend",
+								disabled: !L.isShared
+							})]
+						})]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ u(x, {
+							id: "notebook-shared",
+							checked: L.isShared,
+							onCheckedChange: (e) => U("isShared", e)
+						}), /* @__PURE__ */ u(h, {
+							htmlFor: "notebook-shared",
+							className: "cursor-pointer",
+							children: "Shared with the workspace"
+						})]
+					})
+				]
+			}) : null
+		]
+	});
+}
+//#endregion
+export { E as default };
+
+//# sourceMappingURL=NotebookFormPage.js.map

package/dist/cosmicintersection/pages/notebooks/NotebookFormPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotebookFormPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/notebooks/NotebookFormPage.tsx"],"sourcesContent":["/**\n * NotebookFormPage — create / edit a computational notebook.\n *\n * Notebook artifacts (the .ipynb-style file) are NOT stored by this MFE — they\n * live in wspace-files and are attached via FileUploadField, which hands back a\n * `fileId`. Datasets are linked by id (multi-select from `cosListDatasets`),\n * tags use the shared chips editor, and `environment` is free-form JSON. On\n * submit the form calls `cosCreateNotebook` / `cosUpdateNotebook`.\n */\nimport { useState, type FormEvent } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  Checkbox,\n  Input,\n  Label,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Switch,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  useCosCreateNotebookMutation,\n  useCosDatasetsQuery,\n  useCosNotebookQuery,\n  useCosUpdateNotebookMutation,\n  type CosCreateNotebookInput,\n  type CosNotebookStatus,\n  type CosUpdateNotebookInput,\n} from '../../api/cosmicApi';\nimport { EntityFormShell, EntityTagsField, FileUploadField } from '../../components';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\nimport { notify } from '../../lib/toast';\n\nconst STATUS_OPTIONS: { value: CosNotebookStatus; label: string }[] = [\n  { value: 'DRAFT', label: 'Draft' },\n  { value: 'RUNNING', label: 'Running' },\n  { value: 'PUBLISHED', label: 'Published' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\ninterface FormState {\n  title: string;\n  description: string;\n  runtime: string;\n  environment: string;\n  datasetIds: string[];\n  tags: string[];\n  fileId: string;\n  status: CosNotebookStatus;\n  isShared: boolean;\n  shareSlug: string;\n}\n\nconst INITIAL: FormState = {\n  title: '',\n  description: '',\n  runtime: '',\n  environment: '',\n  datasetIds: [],\n  tags: [],\n  fileId: '',\n  status: 'DRAFT',\n  isShared: false,\n  shareSlug: '',\n};\n\n/** Parse the optional environment JSON. Returns `undefined` when blank, or an\n *  error string when the text is not a valid JSON object. */\nfunction parseEnvironment(\n  raw: string\n): { ok: true; value?: Record<string, unknown> } | { ok: false; error: string } {\n  const trimmed = raw.trim();\n  if (!trimmed) {\n    return { ok: true, value: undefined };\n  }\n  try {\n    const parsed: unknown = JSON.parse(trimmed);\n    if (typeof parsed !== 'object' || parsed === null || Array.isArray(parsed)) {\n      return { ok: false, error: 'Environment must be a JSON object.' };\n    }\n    return { ok: true, value: parsed as Record<string, unknown> };\n  } catch {\n    return { ok: false, error: 'Environment is not valid JSON.' };\n  }\n}\n\nexport default function NotebookFormPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const isEdit = Boolean(id);\n  const { navigate } = useCosmicIntersection();\n\n  const { data: notebookData, loading: loadingNotebook } = useCosNotebookQuery(id);\n  const { data: datasetsData, loading: loadingDatasets } = useCosDatasetsQuery({\n    pagination: { limit: 100, offset: 0 },\n  });\n  const [createNotebook, { loading: creating }] = useCosCreateNotebookMutation();\n  const [updateNotebook, { loading: updating }] = useCosUpdateNotebookMutation();\n\n  const [form, setForm] = useState<FormState>(INITIAL);\n  const datasets = datasetsData?.cosListDatasets.items ?? [];\n\n  // Hydrate the form from the fetched notebook exactly once per loaded record,\n  // using React's documented \"adjust state while rendering\" pattern (no effect,\n  // no cascading render) rather than a setState-in-effect.\n  const notebook = notebookData?.cosNotebook ?? null;\n  const [hydratedId, setHydratedId] = useState<string | null>(null);\n  if (isEdit && notebook && hydratedId !== notebook.id) {\n    setHydratedId(notebook.id);\n    setForm({\n      title: notebook.title ?? '',\n      description: notebook.description ?? '',\n      runtime: notebook.runtime ?? '',\n      environment: notebook.environment ? JSON.stringify(notebook.environment, null, 2) : '',\n      datasetIds: notebook.datasetIds ?? [],\n      tags: notebook.tags ?? [],\n      fileId: notebook.file?.id ?? '',\n      status: notebook.status ?? 'DRAFT',\n      isShared: notebook.isShared ?? false,\n      shareSlug: notebook.shareSlug ?? '',\n    });\n  }\n\n  const setField = <K extends keyof FormState>(key: K, value: FormState[K]) =>\n    setForm((prev) => ({ ...prev, [key]: value }));\n\n  const toggleDataset = (datasetId: string) =>\n    setForm((prev) => ({\n      ...prev,\n      datasetIds: prev.datasetIds.includes(datasetId)\n        ? prev.datasetIds.filter((existing) => existing !== datasetId)\n        : [...prev.datasetIds, datasetId],\n    }));\n\n  const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    const title = form.title.trim();\n    if (!title) {\n      notify.error('Title is required', 'Give the notebook a descriptive title.');\n      return;\n    }\n\n    const env = parseEnvironment(form.environment);\n    if (!env.ok) {\n      notify.error('Invalid environment', env.error);\n      return;\n    }\n\n    if (isEdit) {\n      const input: CosUpdateNotebookInput = {\n        title,\n        description: form.description.trim() || undefined,\n        runtime: form.runtime.trim() || undefined,\n        environment: env.value,\n        datasetIds: form.datasetIds,\n        tags: form.tags,\n        status: form.status,\n        isShared: form.isShared,\n        shareSlug: form.shareSlug.trim() || undefined,\n      };\n      const response = await updateNotebook({ variables: { id, input } });\n      if (response.error || !response.data?.cosUpdateNotebook) {\n        return;\n      }\n      notify.success('Notebook updated', `“${title}” was saved.`);\n      navigate(`notebooks/${id}`);\n      return;\n    }\n\n    const input: CosCreateNotebookInput = {\n      title,\n      description: form.description.trim() || undefined,\n      runtime: form.runtime.trim() || undefined,\n      environment: env.value,\n      datasetIds: form.datasetIds,\n      tags: form.tags,\n      fileId: form.fileId || undefined,\n    };\n    const response = await createNotebook({ variables: { input } });\n    const createdId = response.data?.cosCreateNotebook?.id;\n    if (response.error || !createdId) {\n      return;\n    }\n    notify.success('Notebook created', `“${title}” is ready.`);\n    navigate(`notebooks/${createdId}`);\n  };\n\n  const saving = creating || updating;\n\n  return (\n    <EntityFormShell\n      title={isEdit ? 'Edit notebook' : 'New notebook'}\n      description=\"Set up a computational notebook and link the datasets it analyses.\"\n      purpose=\"Notebooks capture the code and environment behind an analysis. Attach the notebook file, pick which federated datasets it reads, and record the runtime so results are reproducible.\"\n      backLabel={isEdit ? 'Back to notebook' : 'Back to notebooks'}\n      onBack={() => navigate(isEdit ? `notebooks/${id}` : 'notebooks')}\n      onSubmit={handleSubmit}\n      submitLabel={isEdit ? 'Save notebook' : 'Create notebook'}\n      saving={saving}\n      submitDisabled={isEdit && loadingNotebook}\n    >\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <div className=\"space-y-1.5\">\n          <Label htmlFor=\"notebook-title\">Title</Label>\n          <Input\n            id=\"notebook-title\"\n            value={form.title}\n            onChange={(event) => setField('title', event.target.value)}\n            placeholder=\"e.g. Kepler light-curve detrending\"\n            required\n          />\n        </div>\n        <div className=\"space-y-1.5\">\n          <Label htmlFor=\"notebook-runtime\">Runtime</Label>\n          <Input\n            id=\"notebook-runtime\"\n            value={form.runtime}\n            onChange={(event) => setField('runtime', event.target.value)}\n            placeholder=\"e.g. python-3.11\"\n          />\n        </div>\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <Label htmlFor=\"notebook-description\">Description</Label>\n        <Textarea\n          id=\"notebook-description\"\n          value={form.description}\n          onChange={(event) => setField('description', event.target.value)}\n          rows={3}\n          placeholder=\"What does this notebook do?\"\n        />\n      </div>\n\n      <div className=\"space-y-1.5\">\n        <Label htmlFor=\"notebook-environment\">Environment (JSON)</Label>\n        <Textarea\n          id=\"notebook-environment\"\n          value={form.environment}\n          onChange={(event) => setField('environment', event.target.value)}\n          rows={4}\n          className=\"font-mono text-xs\"\n          placeholder='{ \"numpy\": \"1.26\", \"astropy\": \"6.0\" }'\n        />\n        <p className=\"text-xs text-text-secondary\">\n          Optional dependency / kernel metadata as a JSON object.\n        </p>\n      </div>\n\n      <div className=\"space-y-2\">\n        <Label>Linked datasets</Label>\n        {loadingDatasets ? (\n          <p className=\"text-sm text-text-secondary\">Loading datasets…</p>\n        ) : datasets.length === 0 ? (\n          <p className=\"text-sm text-text-secondary\">\n            No datasets available yet. Create a dataset first to link it here.\n          </p>\n        ) : (\n          <div className=\"max-h-56 space-y-1 overflow-auto rounded-card border border-border-default bg-bg-sunken p-2\">\n            {datasets.map((dataset) => {\n              const checked = form.datasetIds.includes(dataset.id);\n              return (\n                <label\n                  key={dataset.id}\n                  className=\"flex cursor-pointer items-center gap-3 rounded-button px-2 py-1.5 hover:bg-bg-elevated\"\n                >\n                  <Checkbox\n                    checked={checked}\n                    onCheckedChange={() => toggleDataset(dataset.id)}\n                    aria-label={`Link ${dataset.name}`}\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          </div>\n        )}\n        {form.datasetIds.length > 0 ? (\n          <p className=\"text-xs text-text-secondary\">\n            {form.datasetIds.length} dataset{form.datasetIds.length === 1 ? '' : 's'} linked.\n          </p>\n        ) : null}\n      </div>\n\n      <EntityTagsField value={form.tags} onChange={(tags) => setField('tags', tags)} />\n\n      <FileUploadField\n        value={form.fileId}\n        onChange={(fileId) => setField('fileId', fileId)}\n        label=\"Attach notebook file\"\n        hint=\"Upload the notebook artifact (.ipynb or any file). Stored in workspace files.\"\n      />\n\n      {isEdit ? (\n        <div className=\"space-y-4 rounded-card border border-border-default bg-bg-sunken p-4\">\n          <p className=\"text-sm font-medium text-text-primary\">Lifecycle &amp; sharing</p>\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"notebook-status\">Status</Label>\n              <Select\n                value={form.status}\n                onValueChange={(value) => setField('status', value as CosNotebookStatus)}\n              >\n                <SelectTrigger id=\"notebook-status\" aria-label=\"Notebook status\">\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {STATUS_OPTIONS.map((option) => (\n                    <SelectItem key={option.value} value={option.value}>\n                      {option.label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"notebook-share-slug\">Share slug</Label>\n              <Input\n                id=\"notebook-share-slug\"\n                value={form.shareSlug}\n                onChange={(event) => setField('shareSlug', event.target.value)}\n                placeholder=\"e.g. kepler-detrend\"\n                disabled={!form.isShared}\n              />\n            </div>\n          </div>\n          <div className=\"flex items-center gap-3\">\n            <Switch\n              id=\"notebook-shared\"\n              checked={form.isShared}\n              onCheckedChange={(checked) => setField('isShared', checked)}\n            />\n            <Label htmlFor=\"notebook-shared\" className=\"cursor-pointer\">\n              Shared with the workspace\n            </Label>\n          </div>\n        </div>\n      ) : null}\n    </EntityFormShell>\n  );\n}\n"],"mappings":"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"}

package/dist/cosmicintersection/pages/notebooks/NotebooksPage.js

@@ -0,0 +1,203 @@
+import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
+import { notify as t } from "../../lib/toast.js";
+import { useCosArchiveNotebookMutation as n, useCosNotebooksQuery as r } from "../../api/cosmicApi.js";
+import i from "../../components/ActionMenu.js";
+import a from "../../components/EmptyState.js";
+import o from "../../components/ErrorState.js";
+import s from "../../components/LoadingState.js";
+import c from "../../components/PageLayout.js";
+import l, { usePagination as u } from "../../components/Pagination.js";
+import d from "../../components/StatusBadge.js";
+import "../../components/index.js";
+import { useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { NotebookText as h, Plus as g, Share2 as _ } from "lucide-react";
+import { Badge as v, Button as y, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w, Table as T, TableBody as E, TableCell as D, TableHead as O, TableHeader as k, TableRow as A } from "@burdenoff/fe-libs/ui";
+//#region src/cosmicintersection/pages/notebooks/NotebooksPage.tsx
+var j = [
+	{
+		value: "DRAFT",
+		label: "Draft"
+	},
+	{
+		value: "RUNNING",
+		label: "Running"
+	},
+	{
+		value: "PUBLISHED",
+		label: "Published"
+	},
+	{
+		value: "ARCHIVED",
+		label: "Archived"
+	}
+], M = "ALL";
+function N(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 P() {
+	let { navigate: P } = e(), [F, I] = f(void 0), L = u({
+		pageSize: 50,
+		resetKey: F
+	}), { data: R, loading: z, error: B, refetch: V } = r({
+		status: F,
+		pagination: {
+			limit: L.limit,
+			offset: L.offset
+		}
+	}), [H] = n(), U = R?.cosListNotebooks.items ?? [], W = R?.cosListNotebooks.pageInfo, G = async (e) => {
+		let n = await H({ variables: { id: e.id } });
+		if (n.error) throw Error(n.error.message);
+		if (!n.data?.cosArchiveNotebook) throw t.error("Could not archive notebook", "The server did not confirm the change."), Error("Archive not confirmed");
+		await V(), t.success("Notebook archived", `“${e.title}” was archived.`);
+	};
+	return /* @__PURE__ */ p(c, {
+		title: "Notebooks",
+		description: "Computational notebooks for running analyses over federated science datasets.",
+		actions: /* @__PURE__ */ m(y, {
+			type: "button",
+			onClick: () => P("notebooks/create"),
+			children: [/* @__PURE__ */ p(g, { className: "size-4" }), "New notebook"]
+		}),
+		children: /* @__PURE__ */ m("div", {
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ m("div", {
+					className: "flex flex-wrap items-center gap-3",
+					children: [/* @__PURE__ */ p("label", {
+						className: "text-sm text-text-secondary",
+						htmlFor: "notebook-status-filter",
+						children: "Status"
+					}), /* @__PURE__ */ m(b, {
+						value: F ?? M,
+						onValueChange: (e) => I(e === M ? void 0 : e),
+						children: [/* @__PURE__ */ p(C, {
+							id: "notebook-status-filter",
+							className: "w-48",
+							"aria-label": "Filter by status",
+							children: /* @__PURE__ */ p(w, {})
+						}), /* @__PURE__ */ m(x, { children: [/* @__PURE__ */ p(S, {
+							value: M,
+							children: "All statuses"
+						}), j.map((e) => /* @__PURE__ */ p(S, {
+							value: e.value,
+							children: e.label
+						}, e.value))] })]
+					})]
+				}),
+				z ? /* @__PURE__ */ p(s, {
+					variant: "rows",
+					rows: 6,
+					label: "Loading notebooks…"
+				}) : B ? /* @__PURE__ */ p(o, {
+					message: "We could not load your notebooks. Please try again.",
+					onRetry: () => void V()
+				}) : U.length === 0 ? /* @__PURE__ */ p(a, {
+					icon: h,
+					title: F ? "No notebooks match this filter." : "No notebooks yet.",
+					description: F ? "Try a different status filter." : "Create your first notebook to start analysing federated datasets.",
+					action: F ? void 0 : /* @__PURE__ */ m(y, {
+						type: "button",
+						onClick: () => P("notebooks/create"),
+						children: [/* @__PURE__ */ p(g, { className: "size-4" }), "New notebook"]
+					})
+				}) : /* @__PURE__ */ p("div", {
+					className: "rounded-card border border-border-default bg-bg-elevated",
+					children: /* @__PURE__ */ m(T, { children: [/* @__PURE__ */ p(k, { children: /* @__PURE__ */ m(A, { children: [
+						/* @__PURE__ */ p(O, { children: "Title" }),
+						/* @__PURE__ */ p(O, { children: "Status" }),
+						/* @__PURE__ */ p(O, { children: "Runtime" }),
+						/* @__PURE__ */ p(O, {
+							className: "text-right",
+							children: "Datasets"
+						}),
+						/* @__PURE__ */ p(O, { children: "Sharing" }),
+						/* @__PURE__ */ p(O, { children: "Tags" }),
+						/* @__PURE__ */ p(O, { children: "Updated" }),
+						/* @__PURE__ */ p(O, {
+							className: "w-12 text-right",
+							children: "Actions"
+						})
+					] }) }), /* @__PURE__ */ p(E, { children: U.map((e) => /* @__PURE__ */ m(A, {
+						className: "cursor-pointer",
+						onClick: () => P(`notebooks/${e.id}`),
+						children: [
+							/* @__PURE__ */ p(D, {
+								className: "font-medium text-text-primary",
+								children: e.title
+							}),
+							/* @__PURE__ */ p(D, { children: /* @__PURE__ */ p(d, { status: e.status }) }),
+							/* @__PURE__ */ p(D, {
+								className: "text-text-secondary",
+								children: e.runtime ?? "—"
+							}),
+							/* @__PURE__ */ p(D, {
+								className: "text-right tabular-nums text-text-secondary",
+								children: e.datasetIds.length
+							}),
+							/* @__PURE__ */ p(D, { children: e.isShared ? /* @__PURE__ */ m(v, {
+								variant: "secondary",
+								className: "gap-1",
+								children: [/* @__PURE__ */ p(_, {
+									className: "size-3",
+									"aria-hidden": "true"
+								}), "Shared"]
+							}) : /* @__PURE__ */ p("span", {
+								className: "text-text-secondary",
+								children: "Private"
+							}) }),
+							/* @__PURE__ */ p(D, { children: e.tags.length > 0 ? /* @__PURE__ */ m("div", {
+								className: "flex flex-wrap gap-1",
+								children: [e.tags.slice(0, 3).map((e) => /* @__PURE__ */ p(v, {
+									variant: "outline",
+									children: e
+								}, e)), e.tags.length > 3 ? /* @__PURE__ */ m("span", {
+									className: "text-xs text-text-secondary",
+									children: ["+", e.tags.length - 3]
+								}) : null]
+							}) : /* @__PURE__ */ p("span", {
+								className: "text-text-secondary",
+								children: "—"
+							}) }),
+							/* @__PURE__ */ p(D, {
+								className: "whitespace-nowrap text-text-secondary",
+								children: N(e.updatedAt)
+							}),
+							/* @__PURE__ */ p(D, {
+								className: "text-right",
+								children: /* @__PURE__ */ p(i, {
+									ariaLabel: `Actions for ${e.title}`,
+									entityName: e.title,
+									onView: () => P(`notebooks/${e.id}`),
+									onEdit: () => P(`notebooks/${e.id}/edit`),
+									onDelete: e.status === "ARCHIVED" ? void 0 : () => G(e),
+									deleteLabel: "Archive notebook"
+								})
+							})
+						]
+					}, e.id)) })] })
+				}),
+				!z && !B && U.length > 0 ? /* @__PURE__ */ p(l, {
+					offset: L.offset,
+					limit: L.limit,
+					loadedCount: U.length,
+					hasMore: W?.hasMore ?? !1,
+					onPrev: L.prevPage,
+					onNext: L.nextPage,
+					itemLabel: "notebooks",
+					loading: z
+				}) : null
+			]
+		})
+	});
+}
+//#endregion
+export { P as default };
+
+//# sourceMappingURL=NotebooksPage.js.map

package/dist/cosmicintersection/pages/notebooks/NotebooksPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotebooksPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/notebooks/NotebooksPage.tsx"],"sourcesContent":["/**\n * NotebooksPage — paginated list of analysis notebooks.\n *\n * Notebooks are computational documents (title, runtime, environment, linked\n * datasets) that scientists run analyses inside. This surface lists them from\n * `cosListNotebooks` with a status filter, per-row View / Edit / Archive\n * actions, and offset pagination. Every value here comes from the backend —\n * there is no fabricated data.\n */\nimport { useState } from 'react';\nimport { NotebookText, Plus, Share2 } 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  useCosArchiveNotebookMutation,\n  useCosNotebooksQuery,\n  type CosNotebook,\n  type CosNotebookStatus,\n} from '../../api/cosmicApi';\nimport {\n  ActionMenu,\n  EmptyState,\n  ErrorState,\n  LoadingState,\n  PageLayout,\n  Pagination,\n  StatusBadge,\n  usePagination,\n} from '../../components';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\nimport { notify } from '../../lib/toast';\n\nconst STATUS_OPTIONS: { value: CosNotebookStatus; label: string }[] = [\n  { value: 'DRAFT', label: 'Draft' },\n  { value: 'RUNNING', label: 'Running' },\n  { value: 'PUBLISHED', label: 'Published' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\nconst ALL = 'ALL';\n\nfunction formatDate(value?: string | null): string {\n  if (!value) {\n    return '—';\n  }\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) {\n    return '—';\n  }\n  return date.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' });\n}\n\nexport default function NotebooksPage() {\n  const { navigate } = useCosmicIntersection();\n  const [statusFilter, setStatusFilter] = useState<CosNotebookStatus | undefined>(undefined);\n  const pagination = usePagination({ pageSize: 50, resetKey: statusFilter });\n\n  const { data, loading, error, refetch } = useCosNotebooksQuery({\n    status: statusFilter,\n    pagination: { limit: pagination.limit, offset: pagination.offset },\n  });\n  const [archiveNotebook] = useCosArchiveNotebookMutation();\n\n  const notebooks = data?.cosListNotebooks.items ?? [];\n  const pageInfo = data?.cosListNotebooks.pageInfo;\n\n  const handleArchive = async (notebook: CosNotebook) => {\n    const response = await archiveNotebook({ variables: { id: notebook.id } });\n    if (response.error) {\n      // onError already surfaced the toast; rethrow so the confirm dialog stays open.\n      throw new Error(response.error.message);\n    }\n    if (!response.data?.cosArchiveNotebook) {\n      notify.error('Could not archive notebook', 'The server did not confirm the change.');\n      throw new Error('Archive not confirmed');\n    }\n    await refetch();\n    notify.success('Notebook archived', `“${notebook.title}” was archived.`);\n  };\n\n  const actions = (\n    <Button type=\"button\" onClick={() => navigate('notebooks/create')}>\n      <Plus className=\"size-4\" />\n      New notebook\n    </Button>\n  );\n\n  return (\n    <PageLayout\n      title=\"Notebooks\"\n      description=\"Computational notebooks for running analyses over federated science datasets.\"\n      actions={actions}\n    >\n      <div className=\"space-y-4\">\n        <div className=\"flex flex-wrap items-center gap-3\">\n          <label className=\"text-sm text-text-secondary\" htmlFor=\"notebook-status-filter\">\n            Status\n          </label>\n          <Select\n            value={statusFilter ?? ALL}\n            onValueChange={(value) =>\n              setStatusFilter(value === ALL ? undefined : (value as CosNotebookStatus))\n            }\n          >\n            <SelectTrigger\n              id=\"notebook-status-filter\"\n              className=\"w-48\"\n              aria-label=\"Filter by status\"\n            >\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value={ALL}>All statuses</SelectItem>\n              {STATUS_OPTIONS.map((option) => (\n                <SelectItem key={option.value} value={option.value}>\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        {loading ? (\n          <LoadingState variant=\"rows\" rows={6} label=\"Loading notebooks…\" />\n        ) : error ? (\n          <ErrorState\n            message=\"We could not load your notebooks. Please try again.\"\n            onRetry={() => void refetch()}\n          />\n        ) : notebooks.length === 0 ? (\n          <EmptyState\n            icon={NotebookText}\n            title={statusFilter ? 'No notebooks match this filter.' : 'No notebooks yet.'}\n            description={\n              statusFilter\n                ? 'Try a different status filter.'\n                : 'Create your first notebook to start analysing federated datasets.'\n            }\n            action={\n              statusFilter ? undefined : (\n                <Button type=\"button\" onClick={() => navigate('notebooks/create')}>\n                  <Plus className=\"size-4\" />\n                  New notebook\n                </Button>\n              )\n            }\n          />\n        ) : (\n          <div className=\"rounded-card border border-border-default bg-bg-elevated\">\n            <Table>\n              <TableHeader>\n                <TableRow>\n                  <TableHead>Title</TableHead>\n                  <TableHead>Status</TableHead>\n                  <TableHead>Runtime</TableHead>\n                  <TableHead className=\"text-right\">Datasets</TableHead>\n                  <TableHead>Sharing</TableHead>\n                  <TableHead>Tags</TableHead>\n                  <TableHead>Updated</TableHead>\n                  <TableHead className=\"w-12 text-right\">Actions</TableHead>\n                </TableRow>\n              </TableHeader>\n              <TableBody>\n                {notebooks.map((notebook) => (\n                  <TableRow\n                    key={notebook.id}\n                    className=\"cursor-pointer\"\n                    onClick={() => navigate(`notebooks/${notebook.id}`)}\n                  >\n                    <TableCell className=\"font-medium text-text-primary\">\n                      {notebook.title}\n                    </TableCell>\n                    <TableCell>\n                      <StatusBadge status={notebook.status} />\n                    </TableCell>\n                    <TableCell className=\"text-text-secondary\">{notebook.runtime ?? '—'}</TableCell>\n                    <TableCell className=\"text-right tabular-nums text-text-secondary\">\n                      {notebook.datasetIds.length}\n                    </TableCell>\n                    <TableCell>\n                      {notebook.isShared ? (\n                        <Badge variant=\"secondary\" className=\"gap-1\">\n                          <Share2 className=\"size-3\" aria-hidden=\"true\" />\n                          Shared\n                        </Badge>\n                      ) : (\n                        <span className=\"text-text-secondary\">Private</span>\n                      )}\n                    </TableCell>\n                    <TableCell>\n                      {notebook.tags.length > 0 ? (\n                        <div className=\"flex flex-wrap gap-1\">\n                          {notebook.tags.slice(0, 3).map((tag) => (\n                            <Badge key={tag} variant=\"outline\">\n                              {tag}\n                            </Badge>\n                          ))}\n                          {notebook.tags.length > 3 ? (\n                            <span className=\"text-xs text-text-secondary\">\n                              +{notebook.tags.length - 3}\n                            </span>\n                          ) : null}\n                        </div>\n                      ) : (\n                        <span className=\"text-text-secondary\">—</span>\n                      )}\n                    </TableCell>\n                    <TableCell className=\"whitespace-nowrap text-text-secondary\">\n                      {formatDate(notebook.updatedAt)}\n                    </TableCell>\n                    <TableCell className=\"text-right\">\n                      <ActionMenu\n                        ariaLabel={`Actions for ${notebook.title}`}\n                        entityName={notebook.title}\n                        onView={() => navigate(`notebooks/${notebook.id}`)}\n                        onEdit={() => navigate(`notebooks/${notebook.id}/edit`)}\n                        onDelete={\n                          notebook.status === 'ARCHIVED' ? undefined : () => handleArchive(notebook)\n                        }\n                        deleteLabel=\"Archive notebook\"\n                      />\n                    </TableCell>\n                  </TableRow>\n                ))}\n              </TableBody>\n            </Table>\n          </div>\n        )}\n\n        {!loading && !error && notebooks.length > 0 ? (\n          <Pagination\n            offset={pagination.offset}\n            limit={pagination.limit}\n            loadedCount={notebooks.length}\n            hasMore={pageInfo?.hasMore ?? false}\n            onPrev={pagination.prevPage}\n            onNext={pagination.nextPage}\n            itemLabel=\"notebooks\"\n            loading={loading}\n          />\n        ) : null}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}