@burdenoff/microfe-planmagnet 2026.928.4 → 2026.928.5

package/dist/planmagnet/pages/ProjectsCustomFieldsPagePage.js

@@ -0,0 +1,348 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { throwOnError as n } from "../utils/mutationResult.js";
+import { ConfirmButton as r, ErrorLine as i } from "../controls/ConfirmButton.js";
+import { parseIntField as a } from "../utils/formValidation.js";
+import { CREATE_CUSTOM_FIELD_DEFINITION as o, CUSTOM_FIELD_QUERIES as s, CUSTOM_FIELD_TYPES as c, DELETE_CUSTOM_FIELD_DEFINITION as l, OPTION_TYPES as u, PROJECT_CUSTOM_FIELD_DEFINITIONS as d, UPDATE_CUSTOM_FIELD_DEFINITION as f, customFieldTypeLabel as p, optionStrings as m, parseOptionLines as h } from "../controls/CustomFieldControls.js";
+import { useState as g } from "react";
+import { ArrowLeft as _, ListPlus as v, Loader2 as y, Pencil as b, Trash2 as x } from "lucide-react";
+import { useParams as S } from "react-router";
+import { gql as C } from "@apollo/client";
+import { useMutation as w, useQuery as T } from "@apollo/client/react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Button as O, Card as k, CardContent as A, CardHeader as j, CardTitle as M, Input as N, ResponsiveDialog as P, ResponsiveDialogContent as F, ResponsiveDialogDescription as I, ResponsiveDialogFooter as L, ResponsiveDialogHeader as R, ResponsiveDialogTitle as z, ResponsiveDialogTrigger as B } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProjectsCustomFieldsPagePage.tsx
+var V = C`
+  query CustomFieldsProjectName($id: ID!) {
+    planmagnetProject(id: $id) {
+      id
+      name
+    }
+  }
+`, H = () => ({
+	name: "",
+	description: "",
+	fieldType: "TEXT",
+	isRequired: !1,
+	optionsText: "",
+	sortOrderText: ""
+}), U = (e) => ({
+	name: e.name,
+	description: e.description ?? "",
+	fieldType: e.fieldType,
+	isRequired: e.isRequired,
+	optionsText: m(e.options).join("\n"),
+	sortOrderText: String(e.sortOrder ?? 0)
+});
+function W() {
+	let { workspaceId: n } = e(), r = t(), i = S().id ?? "", { data: a, loading: o, error: s } = T(d, {
+		variables: {
+			workspaceId: n ?? "",
+			projectId: i
+		},
+		skip: !n || !i
+	}), { data: c } = T(V, {
+		variables: { id: i },
+		skip: !i
+	});
+	if (!i) return /* @__PURE__ */ E("div", {
+		className: "p-6 text-muted-foreground",
+		children: "No project selected."
+	});
+	if (o && !a) return /* @__PURE__ */ E("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ E(y, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	});
+	if (s) return /* @__PURE__ */ D("div", {
+		className: "p-6 text-red-500",
+		children: ["Error: ", s.message]
+	});
+	let l = [...a?.planmagnetCustomFieldDefinitions.items ?? []].sort((e, t) => e.sortOrder - t.sortOrder || e.name.localeCompare(t.name));
+	return /* @__PURE__ */ D("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ D("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ E(O, {
+				variant: "ghost",
+				size: "icon",
+				"aria-label": "Back to the project",
+				onClick: () => r(`/projects/project-detail-page/${i}`),
+				children: /* @__PURE__ */ E(_, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("h1", {
+				className: "text-2xl font-semibold",
+				children: ["Custom Fields", c?.planmagnetProject ? ` — ${c.planmagnetProject.name}` : ""]
+			}), /* @__PURE__ */ E("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Extra fields this project's tasks can carry. Each task's values are set from its own page."
+			})] })]
+		}), /* @__PURE__ */ D(k, { children: [/* @__PURE__ */ D(j, {
+			className: "flex flex-row items-center justify-between space-y-0",
+			children: [/* @__PURE__ */ D(M, { children: [
+				"Fields (",
+				l.length,
+				")"
+			] }), /* @__PURE__ */ E(K, { projectId: i })]
+		}), /* @__PURE__ */ E(A, { children: l.length === 0 ? /* @__PURE__ */ E("p", {
+			className: "py-4 text-center text-sm text-muted-foreground",
+			"data-testid": "custom-fields-empty",
+			children: "No custom fields yet. Add one to start collecting extra data on this project's tasks."
+		}) : /* @__PURE__ */ D("table", {
+			className: "w-full text-sm",
+			"data-testid": "custom-field-definitions",
+			children: [/* @__PURE__ */ E("thead", { children: /* @__PURE__ */ D("tr", {
+				className: "text-left text-muted-foreground",
+				children: [
+					/* @__PURE__ */ E("th", {
+						className: "py-1 pr-3 font-medium",
+						children: "Name"
+					}),
+					/* @__PURE__ */ E("th", {
+						className: "py-1 pr-3 font-medium",
+						children: "Type"
+					}),
+					/* @__PURE__ */ E("th", {
+						className: "py-1 pr-3 font-medium",
+						children: "Required"
+					}),
+					/* @__PURE__ */ E("th", {
+						className: "py-1 pr-3 font-medium",
+						children: "Options"
+					}),
+					/* @__PURE__ */ E("th", {
+						className: "py-1 font-medium",
+						children: "Actions"
+					})
+				]
+			}) }), /* @__PURE__ */ E("tbody", { children: l.map((e) => /* @__PURE__ */ D("tr", {
+				className: "border-t",
+				"data-testid": `custom-field-row-${e.id}`,
+				children: [
+					/* @__PURE__ */ D("td", {
+						className: "py-2 pr-3",
+						children: [/* @__PURE__ */ E("p", {
+							className: "font-medium",
+							children: e.name
+						}), e.description && /* @__PURE__ */ E("p", {
+							className: "text-xs text-muted-foreground",
+							children: e.description
+						})]
+					}),
+					/* @__PURE__ */ E("td", {
+						className: "py-2 pr-3",
+						children: p(e.fieldType)
+					}),
+					/* @__PURE__ */ E("td", {
+						className: "py-2 pr-3",
+						children: e.isRequired ? "Yes" : "No"
+					}),
+					/* @__PURE__ */ E("td", {
+						className: "py-2 pr-3 text-xs text-muted-foreground",
+						children: u.has(e.fieldType) && m(e.options).join(", ") || "—"
+					}),
+					/* @__PURE__ */ E("td", {
+						className: "py-2",
+						children: /* @__PURE__ */ D("div", {
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ E(K, {
+								projectId: i,
+								definition: e
+							}), /* @__PURE__ */ E(G, { definition: e })]
+						})
+					})
+				]
+			}, e.id)) })]
+		}) })] })]
+	});
+}
+function G({ definition: e }) {
+	let [t, a] = w(l, {
+		refetchQueries: s,
+		awaitRefetchQueries: !0
+	}), [o, c] = g(null), u = async () => {
+		c(null);
+		try {
+			await n(t({ variables: { id: e.id } }));
+		} catch (e) {
+			c(e instanceof Error ? e.message : "The field could not be deleted.");
+		}
+	};
+	return /* @__PURE__ */ D("div", {
+		className: "flex flex-col items-start gap-1",
+		children: [/* @__PURE__ */ E(r, {
+			label: "",
+			ariaLabel: `Delete ${e.name}`,
+			variant: "outline",
+			icon: /* @__PURE__ */ E(x, { className: "h-4 w-4" }),
+			title: `Delete "${e.name}"?`,
+			description: "Its stored values on every task are deleted too. This cannot be undone here.",
+			confirmLabel: "Delete field",
+			destructive: !0,
+			disabled: a.loading,
+			onConfirm: () => void u()
+		}), o && /* @__PURE__ */ E(i, { message: o })]
+	});
+}
+function K({ projectId: e, definition: t }) {
+	let r = t !== void 0, l = t ? U(t) : H(), [d, m] = g(!1), [_, y] = g(l), [x, S] = g(null), [C, T] = w(o, {
+		refetchQueries: s,
+		awaitRefetchQueries: !0
+	}), [k, A] = w(f, {
+		refetchQueries: s,
+		awaitRefetchQueries: !0
+	}), j = T.loading || A.loading, M = a(_.sortOrderText, { min: 0 }), V = u.has(_.fieldType), W = V ? h(_.optionsText) : [], G = _.name.trim() === "" || M.invalid || V && W.length === 0, K = async () => {
+		S(null);
+		let i = {
+			name: _.name.trim(),
+			description: _.description.trim() || null,
+			fieldType: _.fieldType,
+			isRequired: _.isRequired,
+			options: V ? W : null,
+			sortOrder: M.value ?? 0
+		};
+		try {
+			r ? await n(k({ variables: {
+				id: t.id,
+				input: i
+			} })) : await n(C({ variables: { input: {
+				projectId: e,
+				...i
+			} } })), m(!1);
+		} catch (e) {
+			S(e instanceof Error ? e.message : "The field could not be saved.");
+		}
+	}, q = r ? `custom-field-${t.id}` : "new-custom-field";
+	return /* @__PURE__ */ D(P, {
+		open: d,
+		onOpenChange: (e) => {
+			m(e), e && (y(t ? U(t) : H()), S(null));
+		},
+		children: [/* @__PURE__ */ E(B, {
+			asChild: !0,
+			children: r ? /* @__PURE__ */ E(O, {
+				size: "icon",
+				variant: "ghost",
+				"aria-label": `Edit ${t.name}`,
+				children: /* @__PURE__ */ E(b, { className: "h-4 w-4" })
+			}) : /* @__PURE__ */ D(O, {
+				size: "sm",
+				"data-testid": "custom-field-add",
+				children: [/* @__PURE__ */ E(v, { className: "mr-1 h-4 w-4" }), "Add field"]
+			})
+		}), /* @__PURE__ */ D(F, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ D(R, { children: [/* @__PURE__ */ E(z, { children: r ? `Edit ${t.name}` : "Add field" }), /* @__PURE__ */ E(I, { children: "Tasks in this project will be able to show and edit this value." })] }),
+				/* @__PURE__ */ D("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+							htmlFor: `${q}-name`,
+							className: "text-sm font-medium",
+							children: "Name"
+						}), /* @__PURE__ */ E(N, {
+							id: `${q}-name`,
+							className: "mt-1",
+							value: _.name,
+							onChange: (e) => y({
+								..._,
+								name: e.target.value
+							})
+						})] }),
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+							htmlFor: `${q}-type`,
+							className: "text-sm font-medium",
+							children: "Type"
+						}), /* @__PURE__ */ E("select", {
+							id: `${q}-type`,
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+							value: _.fieldType,
+							onChange: (e) => y({
+								..._,
+								fieldType: e.target.value
+							}),
+							children: c.map((e) => /* @__PURE__ */ E("option", {
+								value: e,
+								children: p(e)
+							}, e))
+						})] }),
+						V && /* @__PURE__ */ D("div", { children: [
+							/* @__PURE__ */ E("label", {
+								htmlFor: `${q}-options`,
+								className: "text-sm font-medium",
+								children: "Options (one per line)"
+							}),
+							/* @__PURE__ */ E("textarea", {
+								id: `${q}-options`,
+								className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[88px]",
+								value: _.optionsText,
+								onChange: (e) => y({
+									..._,
+									optionsText: e.target.value
+								})
+							}),
+							W.length === 0 && /* @__PURE__ */ E(i, { message: "Add at least one option." })
+						] }),
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+							htmlFor: `${q}-description`,
+							className: "text-sm font-medium",
+							children: "Description (optional)"
+						}), /* @__PURE__ */ E("textarea", {
+							id: `${q}-description`,
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[60px]",
+							value: _.description,
+							onChange: (e) => y({
+								..._,
+								description: e.target.value
+							})
+						})] }),
+						/* @__PURE__ */ D("div", {
+							className: "flex items-end gap-4",
+							children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+								htmlFor: `${q}-sort`,
+								className: "text-sm font-medium",
+								children: "Order (optional)"
+							}), /* @__PURE__ */ E(N, {
+								id: `${q}-sort`,
+								type: "number",
+								min: 0,
+								step: 1,
+								className: "mt-1 w-24",
+								value: _.sortOrderText,
+								onChange: (e) => y({
+									..._,
+									sortOrderText: e.target.value
+								})
+							})] }), /* @__PURE__ */ D("label", {
+								className: "flex items-center gap-2 pb-2 text-sm",
+								children: [/* @__PURE__ */ E("input", {
+									type: "checkbox",
+									checked: _.isRequired,
+									onChange: (e) => y({
+										..._,
+										isRequired: e.target.checked
+									})
+								}), "Required"]
+							})]
+						}),
+						M.invalid && /* @__PURE__ */ E(i, { message: "Order must be a whole number, 0 or more." }),
+						_.name.trim() === "" && /* @__PURE__ */ E(i, { message: "Give the field a name." }),
+						x && /* @__PURE__ */ E(i, { message: x })
+					]
+				}),
+				/* @__PURE__ */ D(L, { children: [/* @__PURE__ */ E(O, {
+					variant: "outline",
+					onClick: () => m(!1),
+					children: "Cancel"
+				}), /* @__PURE__ */ E(O, {
+					onClick: () => void K(),
+					disabled: G || j,
+					"data-testid": `${q}-save`,
+					children: j ? "Saving…" : r ? "Save" : "Add field"
+				})] })
+			]
+		})]
+	});
+}
+//#endregion
+export { W as ProjectsCustomFieldsPagePage };
+
+//# sourceMappingURL=ProjectsCustomFieldsPagePage.js.map

package/dist/planmagnet/pages/ProjectsCustomFieldsPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsCustomFieldsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsCustomFieldsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { useParams } from 'react-router';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, ListPlus, Loader2, Pencil, Trash2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { throwOnError } from '../utils/mutationResult';\nimport { parseIntField } from '../utils/formValidation';\nimport { ConfirmButton, ErrorLine } from '../controls/ConfirmButton';\nimport {\n  CUSTOM_FIELD_QUERIES,\n  CUSTOM_FIELD_TYPES,\n  CREATE_CUSTOM_FIELD_DEFINITION,\n  DELETE_CUSTOM_FIELD_DEFINITION,\n  OPTION_TYPES,\n  PROJECT_CUSTOM_FIELD_DEFINITIONS,\n  UPDATE_CUSTOM_FIELD_DEFINITION,\n  customFieldTypeLabel,\n  optionStrings,\n  parseOptionLines,\n  type CustomFieldDefinitionSummary,\n} from '../controls/CustomFieldControls';\n\n/**\n * Per-project custom field definitions (BOFF-8047, capability register: Custom fields, `api-only`). The API has\n * created/read/updated/deleted these since 2026-09-23 (BOFF-7839); nothing in the UI reached any of it. Modeled on\n * the project Workflow page: a settings surface reached from the project detail header, not the global sidebar,\n * because it configures one project.\n */\n\nconst PROJECT_NAME = gql`\n  query CustomFieldsProjectName($id: ID!) {\n    planmagnetProject(id: $id) {\n      id\n      name\n    }\n  }\n`;\n\ninterface FormState {\n  name: string;\n  description: string;\n  fieldType: string;\n  isRequired: boolean;\n  optionsText: string;\n  sortOrderText: string;\n}\n\nconst emptyForm = (): FormState => ({\n  name: '',\n  description: '',\n  fieldType: 'TEXT',\n  isRequired: false,\n  optionsText: '',\n  sortOrderText: '',\n});\n\nconst formOf = (def: CustomFieldDefinitionSummary): FormState => ({\n  name: def.name,\n  description: def.description ?? '',\n  fieldType: def.fieldType,\n  isRequired: def.isRequired,\n  optionsText: optionStrings(def.options).join('\\n'),\n  sortOrderText: String(def.sortOrder ?? 0),\n});\n\nexport function ProjectsCustomFieldsPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const projectId = useParams<{ id: string }>().id ?? '';\n\n  const { data, loading, error } = useQuery<{\n    planmagnetCustomFieldDefinitions: { items: CustomFieldDefinitionSummary[]; totalCount: number };\n  }>(PROJECT_CUSTOM_FIELD_DEFINITIONS, {\n    variables: { workspaceId: workspaceId ?? '', projectId },\n    skip: !workspaceId || !projectId,\n  });\n  const { data: project } = useQuery<{ planmagnetProject: { id: string; name: string } | null }>(\n    PROJECT_NAME,\n    { variables: { id: projectId }, skip: !projectId }\n  );\n\n  if (!projectId) {\n    return <div className=\"p-6 text-muted-foreground\">No project selected.</div>;\n  }\n  // Only before the first load: a refetch must not blank the page (it unmounts every dialog's own state).\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  const definitions = [...(data?.planmagnetCustomFieldDefinitions.items ?? [])].sort(\n    (a, b) => a.sortOrder - b.sortOrder || a.name.localeCompare(b.name)\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-start gap-3\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          aria-label=\"Back to the project\"\n          onClick={() => navigate(`/projects/project-detail-page/${projectId}`)}\n        >\n          <ArrowLeft className=\"h-4 w-4\" />\n        </Button>\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            Custom Fields{project?.planmagnetProject ? ` — ${project.planmagnetProject.name}` : ''}\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Extra fields this project&apos;s tasks can carry. Each task&apos;s values are set from\n            its own page.\n          </p>\n        </div>\n      </div>\n\n      <Card>\n        <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n          <CardTitle>Fields ({definitions.length})</CardTitle>\n          <DefinitionDialog projectId={projectId} />\n        </CardHeader>\n        <CardContent>\n          {definitions.length === 0 ? (\n            <p\n              className=\"py-4 text-center text-sm text-muted-foreground\"\n              data-testid=\"custom-fields-empty\"\n            >\n              No custom fields yet. Add one to start collecting extra data on this project&apos;s\n              tasks.\n            </p>\n          ) : (\n            <table className=\"w-full text-sm\" data-testid=\"custom-field-definitions\">\n              <thead>\n                <tr className=\"text-left text-muted-foreground\">\n                  <th className=\"py-1 pr-3 font-medium\">Name</th>\n                  <th className=\"py-1 pr-3 font-medium\">Type</th>\n                  <th className=\"py-1 pr-3 font-medium\">Required</th>\n                  <th className=\"py-1 pr-3 font-medium\">Options</th>\n                  <th className=\"py-1 font-medium\">Actions</th>\n                </tr>\n              </thead>\n              <tbody>\n                {definitions.map((def) => (\n                  <tr key={def.id} className=\"border-t\" data-testid={`custom-field-row-${def.id}`}>\n                    <td className=\"py-2 pr-3\">\n                      <p className=\"font-medium\">{def.name}</p>\n                      {def.description && (\n                        <p className=\"text-xs text-muted-foreground\">{def.description}</p>\n                      )}\n                    </td>\n                    <td className=\"py-2 pr-3\">{customFieldTypeLabel(def.fieldType)}</td>\n                    <td className=\"py-2 pr-3\">{def.isRequired ? 'Yes' : 'No'}</td>\n                    <td className=\"py-2 pr-3 text-xs text-muted-foreground\">\n                      {OPTION_TYPES.has(def.fieldType)\n                        ? optionStrings(def.options).join(', ') || '—'\n                        : '—'}\n                    </td>\n                    <td className=\"py-2\">\n                      <div className=\"flex gap-2\">\n                        <DefinitionDialog projectId={projectId} definition={def} />\n                        <DeleteDefinitionButton definition={def} />\n                      </div>\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\nfunction DeleteDefinitionButton({ definition }: { definition: CustomFieldDefinitionSummary }) {\n  const [remove, state] = useMutation(DELETE_CUSTOM_FIELD_DEFINITION, {\n    refetchQueries: CUSTOM_FIELD_QUERIES,\n    awaitRefetchQueries: true,\n  });\n  const [error, setError] = useState<string | null>(null);\n\n  const onDelete = async () => {\n    setError(null);\n    try {\n      await throwOnError(remove({ variables: { id: definition.id } }));\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The field could not be deleted.');\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-start gap-1\">\n      <ConfirmButton\n        label=\"\"\n        ariaLabel={`Delete ${definition.name}`}\n        variant=\"outline\"\n        icon={<Trash2 className=\"h-4 w-4\" />}\n        title={`Delete \"${definition.name}\"?`}\n        description=\"Its stored values on every task are deleted too. This cannot be undone here.\"\n        confirmLabel=\"Delete field\"\n        destructive\n        disabled={state.loading}\n        onConfirm={() => void onDelete()}\n      />\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\n/** Create when `definition` is omitted, edit otherwise. The mutations take no `workspaceId` argument — the\n * gateway derives it from the caller's own session, the same as every other write in this app. */\nfunction DefinitionDialog({\n  projectId,\n  definition,\n}: {\n  projectId: string;\n  definition?: CustomFieldDefinitionSummary;\n}) {\n  const editing = definition !== undefined;\n  const initial = definition ? formOf(definition) : emptyForm();\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState<FormState>(initial);\n  const [error, setError] = useState<string | null>(null);\n  const [create, createState] = useMutation(CREATE_CUSTOM_FIELD_DEFINITION, {\n    refetchQueries: CUSTOM_FIELD_QUERIES,\n    awaitRefetchQueries: true,\n  });\n  const [update, updateState] = useMutation(UPDATE_CUSTOM_FIELD_DEFINITION, {\n    refetchQueries: CUSTOM_FIELD_QUERIES,\n    awaitRefetchQueries: true,\n  });\n  const busy = createState.loading || updateState.loading;\n\n  const sortOrder = parseIntField(form.sortOrderText, { min: 0 });\n  const needsOptions = OPTION_TYPES.has(form.fieldType);\n  const options = needsOptions ? parseOptionLines(form.optionsText) : [];\n  const invalid =\n    form.name.trim() === '' || sortOrder.invalid || (needsOptions && options.length === 0);\n\n  const save = async () => {\n    setError(null);\n    const shared = {\n      name: form.name.trim(),\n      description: form.description.trim() || null,\n      fieldType: form.fieldType,\n      isRequired: form.isRequired,\n      options: needsOptions ? options : null,\n      sortOrder: sortOrder.value ?? 0,\n    };\n    try {\n      if (editing) {\n        await throwOnError(update({ variables: { id: definition.id, input: shared } }));\n      } else {\n        await throwOnError(create({ variables: { input: { projectId, ...shared } } }));\n      }\n      setOpen(false);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The field could not be saved.');\n    }\n  };\n\n  const idPrefix = editing ? `custom-field-${definition.id}` : 'new-custom-field';\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) {\n          setForm(definition ? formOf(definition) : emptyForm());\n          setError(null);\n        }\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        {editing ? (\n          <Button size=\"icon\" variant=\"ghost\" aria-label={`Edit ${definition.name}`}>\n            <Pencil className=\"h-4 w-4\" />\n          </Button>\n        ) : (\n          <Button size=\"sm\" data-testid=\"custom-field-add\">\n            <ListPlus className=\"mr-1 h-4 w-4\" />\n            Add field\n          </Button>\n        )}\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>\n            {editing ? `Edit ${definition.name}` : 'Add field'}\n          </ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Tasks in this project will be able to show and edit this value.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <label htmlFor={`${idPrefix}-name`} className=\"text-sm font-medium\">\n              Name\n            </label>\n            <Input\n              id={`${idPrefix}-name`}\n              className=\"mt-1\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n            />\n          </div>\n          <div>\n            <label htmlFor={`${idPrefix}-type`} className=\"text-sm font-medium\">\n              Type\n            </label>\n            <select\n              id={`${idPrefix}-type`}\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n              value={form.fieldType}\n              onChange={(e) => setForm({ ...form, fieldType: e.target.value })}\n            >\n              {CUSTOM_FIELD_TYPES.map((t) => (\n                <option key={t} value={t}>\n                  {customFieldTypeLabel(t)}\n                </option>\n              ))}\n            </select>\n          </div>\n          {needsOptions && (\n            <div>\n              <label htmlFor={`${idPrefix}-options`} className=\"text-sm font-medium\">\n                Options (one per line)\n              </label>\n              <textarea\n                id={`${idPrefix}-options`}\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[88px]\"\n                value={form.optionsText}\n                onChange={(e) => setForm({ ...form, optionsText: e.target.value })}\n              />\n              {options.length === 0 && <ErrorLine message=\"Add at least one option.\" />}\n            </div>\n          )}\n          <div>\n            <label htmlFor={`${idPrefix}-description`} className=\"text-sm font-medium\">\n              Description (optional)\n            </label>\n            <textarea\n              id={`${idPrefix}-description`}\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[60px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\n          <div className=\"flex items-end gap-4\">\n            <div>\n              <label htmlFor={`${idPrefix}-sort`} className=\"text-sm font-medium\">\n                Order (optional)\n              </label>\n              <Input\n                id={`${idPrefix}-sort`}\n                type=\"number\"\n                min={0}\n                step={1}\n                className=\"mt-1 w-24\"\n                value={form.sortOrderText}\n                onChange={(e) => setForm({ ...form, sortOrderText: e.target.value })}\n              />\n            </div>\n            <label className=\"flex items-center gap-2 pb-2 text-sm\">\n              <input\n                type=\"checkbox\"\n                checked={form.isRequired}\n                onChange={(e) => setForm({ ...form, isRequired: e.target.checked })}\n              />\n              Required\n            </label>\n          </div>\n          {sortOrder.invalid && <ErrorLine message=\"Order must be a whole number, 0 or more.\" />}\n          {form.name.trim() === '' && <ErrorLine message=\"Give the field a name.\" />}\n          {error && <ErrorLine message={error} />}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => setOpen(false)}>\n            Cancel\n          </Button>\n          <Button\n            onClick={() => void save()}\n            disabled={invalid || busy}\n            data-testid={`${idPrefix}-save`}\n          >\n            {busy ? 'Saving…' : editing ? 'Save' : 'Add field'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/ProjectsEditProjectPagePage.js

@@ -1,11 +1,11 @@
 import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
 import { throwOnError as t } from "../utils/mutationResult.js";
-import { detailPath as n } from "../utils/rowNavigation.js";
+import { useEntityId as n } from "../hooks/useEntityId.js";
 import { ProgramSelect as r } from "../controls/Pickers.js";
-import { endBeforeStart as i } from "../utils/formValidation.js";
-import { enumLabel as a } from "../controls/WorkItemControls.js";
-import { PROJECT_STATUSES as o } from "../controls/ProjectControls.js";
-import { useEntityId as s } from "../hooks/useEntityId.js";
+import { enumLabel as i } from "../controls/WorkItemControls.js";
+import { detailPath as a } from "../utils/rowNavigation.js";
+import { endBeforeStart as o } from "../utils/formValidation.js";
+import { PROJECT_STATUSES as s } from "../controls/ProjectControls.js";
 import { useMemo as c, useState as l } from "react";
 import { ArrowLeft as u, Save as d } from "lucide-react";
 import { gql as f } from "@apollo/client";
@@ -51,7 +51,7 @@ var C = f`
   }
 `;
 function T() {
-	let f = s("projectId"), T = e(), { data: E, loading: D, error: O } = m(C, {
+	let f = n("projectId"), T = e(), { data: E, loading: D, error: O } = m(C, {
 		variables: { id: f },
 		skip: !f
 	}), [k, A] = l(null), j = E?.planmagnetProject, M = c(() => ({
@@ -74,7 +74,7 @@ function T() {
 		"AdminPlanmagnetProjects",
 		"GetProgram",
 		"ListPrograms"
-	] }), [z, B] = l(null), V = i(F.startDate, F.endDate);
+	] }), [z, B] = l(null), V = o(F.startDate, F.endDate);
 	return f ? D && !E ? /* @__PURE__ */ h("div", {
 		className: "flex items-center justify-center p-12",
 		children: /* @__PURE__ */ h("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
@@ -92,7 +92,7 @@ function T() {
 						variant: "ghost",
 						size: "sm",
 						"aria-label": "Back to the project",
-						onClick: () => T(n("/projects/project-detail-page", f)),
+						onClick: () => T(a("/projects/project-detail-page", f)),
 						children: /* @__PURE__ */ h(u, { className: "h-4 w-4" })
 					}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
 						className: "text-2xl font-semibold",
@@ -215,9 +215,9 @@ function T() {
 							...F,
 							status: e.target.value
 						}),
-						children: (o.includes(F.status) ? o : [F.status, ...o]).map((e) => /* @__PURE__ */ h("option", {
+						children: (s.includes(F.status) ? s : [F.status, ...s]).map((e) => /* @__PURE__ */ h("option", {
 							value: e,
-							children: a(e)
+							children: i(e)
 						}, e))
 					})] }),
 					/* @__PURE__ */ g("div", {

package/dist/planmagnet/pages/ProjectsMilestoneDetailPagePage.js

@@ -1,7 +1,7 @@
 import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
 import { PersonName as t } from "../people/People.js";
-import { detailPath as n } from "../utils/rowNavigation.js";
-import { useEntityId as r } from "../hooks/useEntityId.js";
+import { useEntityId as n } from "../hooks/useEntityId.js";
+import { detailPath as r } from "../utils/rowNavigation.js";
 import { MilestoneHeaderActions as i } from "../controls/MilestoneControls.js";
 import { Calendar as a, FolderKanban as o, Target as s, User as c } from "lucide-react";
 import { gql as l } from "@apollo/client";
@@ -29,7 +29,7 @@ var v = l`
   }
 `;
 function y() {
-	let l = r("milestoneId"), y = e(), { data: b, loading: x, error: S } = u(v, {
+	let l = n("milestoneId"), y = e(), { data: b, loading: x, error: S } = u(v, {
 		variables: { id: l },
 		skip: !l
 	});
@@ -135,7 +135,7 @@ function y() {
 							C.project ? /* @__PURE__ */ d("button", {
 								type: "button",
 								className: "font-medium text-primary hover:underline",
-								onClick: () => y(n("/projects/project-detail-page", C.project.id)),
+								onClick: () => y(r("/projects/project-detail-page", C.project.id)),
 								children: C.project.name
 							}) : /* @__PURE__ */ d("span", {
 								className: "text-muted-foreground",

package/dist/planmagnet/pages/ProjectsPlanningDetailPagePage.js

@@ -1,7 +1,7 @@
 import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
 import { PersonAvatar as t, PersonName as n, initialsOf as r } from "../people/People.js";
-import { detailPath as i } from "../utils/rowNavigation.js";
-import { useEntityId as a } from "../hooks/useEntityId.js";
+import { useEntityId as i } from "../hooks/useEntityId.js";
+import { detailPath as a } from "../utils/rowNavigation.js";
 import { SprintLifecycleActions as o, SprintWorkItemsPanel as s } from "../sprints/SprintControls.js";
 import { SprintDates as c } from "../sprints/SprintDates.js";
 import { BarChart3 as l, FolderKanban as u, Pencil as d, Users as f } from "lucide-react";
@@ -70,7 +70,7 @@ var C = p`
   }
 `;
 function T() {
-	let p = a("sprintId"), T = e(), { data: E, loading: D, error: O } = m(C, {
+	let p = i("sprintId"), T = e(), { data: E, loading: D, error: O } = m(C, {
 		variables: { id: p },
 		skip: !p
 	}), { data: k } = m(w, {
@@ -131,7 +131,7 @@ function T() {
 					A.status !== "COMPLETED" && A.status !== "CANCELLED" && /* @__PURE__ */ g(v, {
 						size: "sm",
 						variant: "outline",
-						onClick: () => T(i("/projects/planning-edit-page", A.id)),
+						onClick: () => T(a("/projects/planning-edit-page", A.id)),
 						"data-testid": "sprint-edit",
 						children: [/* @__PURE__ */ h(d, { className: "mr-1 h-4 w-4" }), " Edit"]
 					}),

package/dist/planmagnet/pages/ProjectsPlanningEditPagePage.js

@@ -1,8 +1,8 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
 import { throwOnError as n } from "../utils/mutationResult.js";
-import { detailPath as r } from "../utils/rowNavigation.js";
-import { endBeforeStart as i, parseIntField as a } from "../utils/formValidation.js";
-import { useEntityId as o } from "../hooks/useEntityId.js";
+import { useEntityId as r } from "../hooks/useEntityId.js";
+import { detailPath as i } from "../utils/rowNavigation.js";
+import { endBeforeStart as a, parseIntField as o } from "../utils/formValidation.js";
 import { SprintLifecycleActions as s } from "../sprints/SprintControls.js";
 import { useMemo as c, useState as l } from "react";
 import { ArrowLeft as u, Save as d } from "lucide-react";
@@ -44,7 +44,7 @@ var C = f`
   }
 `;
 function T() {
-	let { workspaceId: f } = e(), T = o("sprintId"), E = t(), { data: D, loading: O, error: k } = m(C, {
+	let { workspaceId: f } = e(), T = r("sprintId"), E = t(), { data: D, loading: O, error: k } = m(C, {
 		variables: {
 			id: T,
 			workspaceId: f ?? "default"
@@ -63,7 +63,7 @@ function T() {
 		let n = { ...t };
 		for (let [t, r] of Object.entries(e)) r !== L[t] && (n[t] = r);
 		return n;
-	}), [z, B] = l(null), V = i(L.startDate, L.endDate), H = a(L.capacity, { min: 0 }), [U, { loading: W }] = p(w, { refetchQueries: [
+	}), [z, B] = l(null), V = a(L.startDate, L.endDate), H = o(L.capacity, { min: 0 }), [U, { loading: W }] = p(w, { refetchQueries: [
 		"GetSprints",
 		"GetSprintDetail",
 		"GetSprintForEdit",
@@ -86,7 +86,7 @@ function T() {
 						variant: "ghost",
 						size: "sm",
 						"aria-label": "Back to the sprint",
-						onClick: () => E(r("/projects/planning-detail-page", T)),
+						onClick: () => E(i("/projects/planning-detail-page", T)),
 						children: /* @__PURE__ */ h(u, { className: "h-4 w-4" })
 					}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
 						className: "text-2xl font-semibold",

package/dist/planmagnet/pages/ProjectsProjectDetailPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectsProjectDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsProjectDetailPagePage.tsx"],"names":[],"mappings":"AAgFA,wBAAgB,6BAA6B,4CAwW5C"}
+{"version":3,"file":"ProjectsProjectDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsProjectDetailPagePage.tsx"],"names":[],"mappings":"AA8GA,wBAAgB,6BAA6B,4CA+c5C"}