@burdenoff/microfe-planmagnet 2026.928.4 → 2026.928.6

package/dist/planmagnet/pages/ProjectsCriticalPathPagePage.js

@@ -0,0 +1,164 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { useEntityId as n } from "../hooks/useEntityId.js";
+import { ProjectSelect as r } from "../controls/Pickers.js";
+import { useState as i } from "react";
+import { AlertTriangle as a, Route as o } from "lucide-react";
+import { gql as s } from "@apollo/client";
+import { useQuery as c } from "@apollo/client/react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Badge as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProjectsCriticalPathPagePage.tsx
+var g = s`
+  query GetProjectCriticalPath($workspaceId: ID!, $projectId: ID) {
+    planmagnetCriticalPath(workspaceId: $workspaceId, projectId: $projectId) {
+      totalDurationMinutes
+      slack
+      path {
+        id
+        title
+        key
+      }
+    }
+    planmagnetDependencyCycles(workspaceId: $workspaceId, projectId: $projectId) {
+      workItemIds
+      length
+    }
+  }
+`, _ = s`
+  query GetCriticalPathProject($id: ID!) {
+    planmagnetProject(id: $id) {
+      id
+      name
+    }
+  }
+`;
+function v(e) {
+	if (e <= 0) return "0 days";
+	let t = Math.round(e);
+	if (t < 60) return `${Math.max(1, t)}m`;
+	let n = Math.round(t / 60), r = Math.floor(n / 24), i = n % 24;
+	return r === 0 ? `${i}h` : i > 0 ? `${r}d ${i}h` : `${r} day${r === 1 ? "" : "s"}`;
+}
+function y() {
+	let s = n(), { workspaceId: y } = e(), b = t(), [x, S] = i(""), { data: C, loading: w, error: T } = c(g, {
+		variables: {
+			workspaceId: y ?? "",
+			projectId: s
+		},
+		skip: !y || !s
+	}), { data: E } = c(_, {
+		variables: { id: s },
+		skip: !s
+	});
+	if (!s) return /* @__PURE__ */ u("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("h1", {
+			className: "text-2xl font-semibold flex items-center gap-2",
+			children: [/* @__PURE__ */ l(o, { className: "h-5 w-5 text-primary" }), "Critical Path"]
+		}), /* @__PURE__ */ l("p", {
+			className: "text-sm text-muted-foreground",
+			children: "Choose a project to see its critical path."
+		})] }), /* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
+			className: "pt-6 space-y-3",
+			children: [
+				/* @__PURE__ */ l("label", {
+					htmlFor: "critical-path-project",
+					className: "text-sm font-medium",
+					children: "Project"
+				}),
+				/* @__PURE__ */ l(r, {
+					id: "critical-path-project",
+					value: x,
+					onChange: S,
+					noneLabel: "Choose a project…"
+				}),
+				/* @__PURE__ */ l("button", {
+					type: "button",
+					className: "text-sm text-primary hover:underline disabled:pointer-events-none disabled:opacity-50",
+					disabled: !x,
+					onClick: () => b(`/projects/critical-path-page/${encodeURIComponent(x)}`),
+					children: "View critical path →"
+				})
+			]
+		}) })]
+	});
+	if (w && !C) return /* @__PURE__ */ l("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ l("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	});
+	if (T) return /* @__PURE__ */ u("div", {
+		className: "p-6 text-red-500",
+		children: ["Error computing critical path: ", T.message]
+	});
+	let D = C?.planmagnetCriticalPath.path ?? [], O = C?.planmagnetCriticalPath.slack ?? {}, k = C?.planmagnetCriticalPath.totalDurationMinutes ?? 0, A = C?.planmagnetDependencyCycles ?? [], j = E?.planmagnetProject?.name;
+	return /* @__PURE__ */ u("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex items-center justify-between",
+				children: /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("h1", {
+					className: "text-2xl font-semibold flex items-center gap-2",
+					children: [/* @__PURE__ */ l(o, { className: "h-5 w-5 text-primary" }), "Critical Path"]
+				}), /* @__PURE__ */ u("p", {
+					className: "text-sm text-muted-foreground",
+					children: [j ?? "This project", " — the longest chain of dependent work; a delay on any node here delays the whole chain."]
+				})] })
+			}),
+			A.length > 0 && /* @__PURE__ */ u("div", {
+				role: "alert",
+				className: "flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive",
+				children: [/* @__PURE__ */ l(a, { className: "h-4 w-4 mt-0.5 shrink-0" }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("p", {
+					className: "font-medium",
+					children: [
+						A.length,
+						" dependency cycle",
+						A.length === 1 ? "" : "s",
+						" detected."
+					]
+				}), /* @__PURE__ */ l("p", { children: "A cycle has no valid schedule, so the path below excludes the items involved. Break each cycle by removing or re-pointing one of its dependencies from the task detail page." })] })]
+			}),
+			/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(h, { children: "Total duration" }) }), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l("p", {
+				className: "text-2xl font-bold",
+				children: v(k)
+			}), /* @__PURE__ */ l("p", {
+				className: "text-xs text-muted-foreground mt-1",
+				children: "Work item spans plus dependency lag/lead, summed along the longest chain."
+			})] })] }),
+			/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ u(h, { children: [
+				"Path (",
+				D.length,
+				" item",
+				D.length === 1 ? "" : "s",
+				")"
+			] }) }), /* @__PURE__ */ u(p, {
+				className: "space-y-2",
+				children: [D.map((e, t) => /* @__PURE__ */ u("div", {
+					className: "flex items-center justify-between gap-3 rounded-md border border-input p-3",
+					children: [/* @__PURE__ */ u("div", {
+						className: "flex items-center gap-3 min-w-0",
+						children: [/* @__PURE__ */ l("span", {
+							className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-primary text-xs font-medium text-primary-foreground",
+							children: t + 1
+						}), /* @__PURE__ */ u("button", {
+							type: "button",
+							className: "min-w-0 truncate text-left text-sm font-medium hover:underline",
+							onClick: () => b(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`),
+							children: [e.key ? `${e.key} ` : "", e.title ?? "Untitled work item"]
+						})]
+					}), /* @__PURE__ */ l(d, {
+						variant: (O[e.id] ?? 0) === 0 ? "default" : "secondary",
+						className: "shrink-0",
+						children: (O[e.id] ?? 0) === 0 ? "On critical path" : `${v(O[e.id] ?? 0)} slack`
+					})]
+				}, e.id)), D.length === 0 && /* @__PURE__ */ l("p", {
+					className: "text-center text-muted-foreground py-8",
+					children: "No schedulable dependencies yet. Add dependencies from a task's detail page to compute a critical path."
+				})]
+			})] })
+		]
+	});
+}
+//#endregion
+export { y as ProjectsCriticalPathPagePage };
+
+//# sourceMappingURL=ProjectsCriticalPathPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsCriticalPathPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsCriticalPathPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Route, AlertTriangle } from 'lucide-react';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { ProjectSelect } from '../controls/Pickers';\n\n/**\n * Critical path view for a project (BOFF-8047). planmagnetCriticalPath / planmagnetDependencyCycles were\n * served and prod-verified (duration-weighted CPM over WorkItemDependency, per the P0 decision that this type\n * is CPM-only) but had no UI. Reached from the sidebar (no project preselects one) and from a project's detail\n * page (\"Critical path\" button).\n */\n\nconst GET_CRITICAL_PATH = gql`\n  query GetProjectCriticalPath($workspaceId: ID!, $projectId: ID) {\n    planmagnetCriticalPath(workspaceId: $workspaceId, projectId: $projectId) {\n      totalDurationMinutes\n      slack\n      path {\n        id\n        title\n        key\n      }\n    }\n    planmagnetDependencyCycles(workspaceId: $workspaceId, projectId: $projectId) {\n      workItemIds\n      length\n    }\n  }\n`;\n\nconst GET_CRITICAL_PATH_PROJECT = gql`\n  query GetCriticalPathProject($id: ID!) {\n    planmagnetProject(id: $id) {\n      id\n      name\n    }\n  }\n`;\n\nfunction durationLabel(totalMinutes: number): string {\n  if (totalMinutes <= 0) return '0 days';\n  // Round once, then split. Rounding the day remainder separately printed \"1d 24h\" for 47.5–47.9 h, and fractional\n  // minutes (durations are elapsed ms / 60000) printed decimals.\n  const roundedMinutes = Math.round(totalMinutes);\n  if (roundedMinutes < 60) return `${Math.max(1, roundedMinutes)}m`;\n  const totalHours = Math.round(roundedMinutes / 60);\n  const days = Math.floor(totalHours / 24);\n  const hours = totalHours % 24;\n  if (days === 0) return `${hours}h`;\n  return hours > 0 ? `${days}d ${hours}h` : `${days} day${days === 1 ? '' : 's'}`;\n}\n\nexport function ProjectsCriticalPathPagePage() {\n  const projectId = useEntityId();\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [pickerProjectId, setPickerProjectId] = useState('');\n\n  const { data, loading, error } = useQuery<{\n    planmagnetCriticalPath: {\n      totalDurationMinutes: number;\n      // The SDL doc comment on this field says \"days\" but the resolver\n      // actually returns MINUTES (wspace-planmagnet-svc\n      // src/modules/dependency/services/dependency-graph.ts:53, backed by\n      // durationMinutes() in dependency.service.ts) — same unit as\n      // totalDurationMinutes above. Feed values through durationLabel()\n      // below, never render this number bare. SDL doc fix tracked\n      // separately; do not \"fix\" this comment to match the SDL.\n      slack: Record<string, number>;\n      path: { id: string; title: string | null; key: string | null }[];\n    };\n    planmagnetDependencyCycles: { workItemIds: string[]; length: number }[];\n  }>(GET_CRITICAL_PATH, {\n    variables: { workspaceId: workspaceId ?? '', projectId },\n    skip: !workspaceId || !projectId,\n  });\n  const { data: projectData } = useQuery<{\n    planmagnetProject: { id: string; name: string } | null;\n  }>(GET_CRITICAL_PATH_PROJECT, { variables: { id: projectId }, skip: !projectId });\n\n  if (!projectId) {\n    return (\n      <div className=\"space-y-6 p-6\">\n        <div>\n          <h1 className=\"text-2xl font-semibold flex items-center gap-2\">\n            <Route className=\"h-5 w-5 text-primary\" />\n            Critical Path\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Choose a project to see its critical path.\n          </p>\n        </div>\n        <Card>\n          <CardContent className=\"pt-6 space-y-3\">\n            <label htmlFor=\"critical-path-project\" className=\"text-sm font-medium\">\n              Project\n            </label>\n            <ProjectSelect\n              id=\"critical-path-project\"\n              value={pickerProjectId}\n              onChange={setPickerProjectId}\n              noneLabel=\"Choose a project…\"\n            />\n            <button\n              type=\"button\"\n              className=\"text-sm text-primary hover:underline disabled:pointer-events-none disabled:opacity-50\"\n              disabled={!pickerProjectId}\n              onClick={() =>\n                navigate(`/projects/critical-path-page/${encodeURIComponent(pickerProjectId)}`)\n              }\n            >\n              View critical path →\n            </button>\n          </CardContent>\n        </Card>\n      </div>\n    );\n  }\n\n  // Only before the first load: a refetch must not blank the page.\n  if (loading && !data)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error)\n    return <div className=\"p-6 text-red-500\">Error computing critical path: {error.message}</div>;\n\n  const path = data?.planmagnetCriticalPath.path ?? [];\n  const slack = data?.planmagnetCriticalPath.slack ?? {};\n  const totalMinutes = data?.planmagnetCriticalPath.totalDurationMinutes ?? 0;\n  const cycles = data?.planmagnetDependencyCycles ?? [];\n  const projectName = projectData?.planmagnetProject?.name;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold flex items-center gap-2\">\n            <Route className=\"h-5 w-5 text-primary\" />\n            Critical Path\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {projectName ?? 'This project'} — the longest chain of dependent work; a delay on any\n            node here delays the whole chain.\n          </p>\n        </div>\n      </div>\n\n      {cycles.length > 0 && (\n        <div\n          role=\"alert\"\n          className=\"flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive\"\n        >\n          <AlertTriangle className=\"h-4 w-4 mt-0.5 shrink-0\" />\n          <div>\n            <p className=\"font-medium\">\n              {cycles.length} dependency cycle{cycles.length === 1 ? '' : 's'} detected.\n            </p>\n            <p>\n              A cycle has no valid schedule, so the path below excludes the items involved. Break\n              each cycle by removing or re-pointing one of its dependencies from the task detail\n              page.\n            </p>\n          </div>\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Total duration</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <p className=\"text-2xl font-bold\">{durationLabel(totalMinutes)}</p>\n          <p className=\"text-xs text-muted-foreground mt-1\">\n            Work item spans plus dependency lag/lead, summed along the longest chain.\n          </p>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>\n            Path ({path.length} item{path.length === 1 ? '' : 's'})\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-2\">\n          {path.map((node, index) => (\n            <div\n              key={node.id}\n              className=\"flex items-center justify-between gap-3 rounded-md border border-input p-3\"\n            >\n              <div className=\"flex items-center gap-3 min-w-0\">\n                <span className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-primary text-xs font-medium text-primary-foreground\">\n                  {index + 1}\n                </span>\n                <button\n                  type=\"button\"\n                  className=\"min-w-0 truncate text-left text-sm font-medium hover:underline\"\n                  onClick={() =>\n                    navigate(`/tasks/task-detail-page?taskId=${encodeURIComponent(node.id)}`)\n                  }\n                >\n                  {node.key ? `${node.key} ` : ''}\n                  {node.title ?? 'Untitled work item'}\n                </button>\n              </div>\n              <Badge\n                variant={(slack[node.id] ?? 0) === 0 ? 'default' : 'secondary'}\n                className=\"shrink-0\"\n              >\n                {(slack[node.id] ?? 0) === 0\n                  ? 'On critical path'\n                  : `${durationLabel(slack[node.id] ?? 0)} slack`}\n              </Badge>\n            </div>\n          ))}\n          {path.length === 0 && (\n            <p className=\"text-center text-muted-foreground py-8\">\n              No schedulable dependencies yet. Add dependencies from a task&apos;s detail page to\n              compute a critical path.\n            </p>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/ProjectsCustomFieldsPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function ProjectsCustomFieldsPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProjectsCustomFieldsPagePage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsCustomFieldsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsCustomFieldsPagePage.tsx"],"names":[],"mappings":"AAiFA,wBAAgB,4BAA4B,4CAiH3C"}

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", {