@burdenoff/microfe-planmagnet 2026.928.3 → 2026.928.5

package/dist/planmagnet/pages/ProjectsEditProjectPagePage.js

@@ -1,18 +1,19 @@
 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 { endBeforeStart as r } from "../utils/formValidation.js";
+import { useEntityId as n } from "../hooks/useEntityId.js";
+import { ProgramSelect as r } from "../controls/Pickers.js";
 import { enumLabel as i } from "../controls/WorkItemControls.js";
-import { useEntityId as a } from "../hooks/useEntityId.js";
-import { PROJECT_STATUSES as o } from "../controls/ProjectControls.js";
-import { useMemo as s, useState as c } from "react";
-import { ArrowLeft as l, Save as u } from "lucide-react";
-import { gql as d } from "@apollo/client";
-import { useMutation as f, useQuery as p } from "@apollo/client/react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Input as x } from "@burdenoff/fe-libs/ui";
+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";
+import { useMutation as p, useQuery as m } from "@apollo/client/react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x, Input as S } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProjectsEditProjectPagePage.tsx
-var S = d`
+var C = f`
   query GetProjectsForEdit($id: ID!) {
     planmagnetProject(id: $id) {
       id
@@ -25,9 +26,10 @@ var S = d`
       startDate
       endDate
       tags
+      programId
     }
   }
-`, C = d`
+`, w = f`
   mutation UpdateProject($id: ID!, $input: PlanmagnetUpdateProjectInput!) {
     planmagnetUpdateProject(id: $id, input: $input) {
       id
@@ -40,128 +42,137 @@ var S = d`
       startDate
       endDate
       tags
+      programId
+      program {
+        id
+        name
+      }
     }
   }
 `;
-function w() {
-	let d = a("projectId"), w = e(), { data: T, loading: E, error: D } = p(S, {
-		variables: { id: d },
-		skip: !d
-	}), [O, k] = c(null), A = T?.planmagnetProject, j = s(() => ({
-		name: A?.name ?? "",
-		description: A?.description ?? "",
-		methodology: A?.methodology ?? "SCRUM",
-		status: A?.status ?? "PLANNING",
-		startDate: A?.startDate ? A.startDate.split("T")[0] : "",
-		endDate: A?.endDate ? A.endDate.split("T")[0] : ""
-	}), [A]), [M, N] = c({}), P = {
-		...j,
-		...M
-	}, F = (e) => N(e), [I, { loading: L }] = f(C, { refetchQueries: [
+function T() {
+	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(() => ({
+		name: j?.name ?? "",
+		description: j?.description ?? "",
+		methodology: j?.methodology ?? "SCRUM",
+		status: j?.status ?? "PLANNING",
+		startDate: j?.startDate ? j.startDate.split("T")[0] : "",
+		endDate: j?.endDate ? j.endDate.split("T")[0] : "",
+		programId: j?.programId ?? ""
+	}), [j]), [N, P] = l({}), F = {
+		...M,
+		...N
+	}, I = (e) => P(e), [L, { loading: R }] = p(w, { refetchQueries: [
 		"GetProjects",
 		"GetActiveProjects",
 		"GetDashboardData",
 		"GetProjectsForEdit",
 		"GetProjectDetail",
-		"AdminPlanmagnetProjects"
-	] }), [R, z] = c(null), B = r(P.startDate, P.endDate);
-	return d ? E && !T ? /* @__PURE__ */ m("div", {
+		"AdminPlanmagnetProjects",
+		"GetProgram",
+		"ListPrograms"
+	] }), [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__ */ m("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
-	}) : D ? /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ h("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	}) : O ? /* @__PURE__ */ g("div", {
 		className: "p-6 text-destructive",
-		children: ["Error loading project: ", D.message]
-	}) : A ? /* @__PURE__ */ h("div", {
+		children: ["Error loading project: ", O.message]
+	}) : j ? /* @__PURE__ */ g("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ m(g, {
+					children: [/* @__PURE__ */ h(_, {
 						variant: "ghost",
 						size: "sm",
 						"aria-label": "Back to the project",
-						onClick: () => w(n("/projects/project-detail-page", d)),
-						children: /* @__PURE__ */ m(l, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+						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",
 						children: "Edit Project"
-					}), /* @__PURE__ */ h("p", {
+					}), /* @__PURE__ */ g("p", {
 						className: "text-sm text-muted-foreground",
-						children: ["Editing ", A.name]
+						children: ["Editing ", j.name]
 					})] })]
-				}), /* @__PURE__ */ h(g, {
+				}), /* @__PURE__ */ g(_, {
 					size: "sm",
 					onClick: async () => {
-						if (!A || B) return;
-						z(null), k(null);
+						if (!j || V) return;
+						B(null), A(null);
 						let e = {
-							...P.startDate !== j.startDate && { startDate: P.startDate || void 0 },
-							...P.endDate !== j.endDate && { endDate: P.endDate || void 0 }
+							...F.startDate !== M.startDate && { startDate: F.startDate || void 0 },
+							...F.endDate !== M.endDate && { endDate: F.endDate || void 0 }
 						};
 						try {
-							await t(I({ variables: {
-								id: A.id,
+							await t(L({ variables: {
+								id: j.id,
 								input: {
-									name: P.name || void 0,
-									description: P.description || void 0,
-									methodology: P.methodology || void 0,
-									...P.status !== j.status && { status: P.status },
-									...e
+									name: F.name || void 0,
+									description: F.description || void 0,
+									methodology: F.methodology || void 0,
+									...F.status !== M.status && { status: F.status },
+									...e,
+									...F.programId !== M.programId && { programId: F.programId || null }
 								}
-							} })), k("Project updated successfully.");
+							} })), A("Project updated successfully.");
 						} catch (e) {
-							z(e instanceof Error ? e.message : "The project could not be saved.");
+							B(e instanceof Error ? e.message : "The project could not be saved.");
 						}
 					},
-					disabled: L || B,
-					children: [/* @__PURE__ */ m(u, { className: "mr-1 h-4 w-4" }), L ? "Saving..." : "Save Changes"]
+					disabled: R || V,
+					children: [/* @__PURE__ */ h(d, { className: "mr-1 h-4 w-4" }), R ? "Saving..." : "Save Changes"]
 				})]
 			}),
-			O && /* @__PURE__ */ m("div", {
+			k && /* @__PURE__ */ h("div", {
 				role: "status",
 				className: "p-3 bg-muted text-status-success-text rounded-md text-sm",
-				children: O
+				children: k
 			}),
-			R && /* @__PURE__ */ m("div", {
+			z && /* @__PURE__ */ h("div", {
 				role: "alert",
 				className: "p-3 bg-destructive/10 text-destructive rounded-md text-sm",
-				children: R
+				children: z
 			}),
-			/* @__PURE__ */ h(_, { children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ m(b, { children: "Project Details" }) }), /* @__PURE__ */ h(v, {
+			/* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ h(x, { children: "Project Details" }) }), /* @__PURE__ */ g(y, {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 						className: "text-sm font-medium",
 						children: "Project Name"
-					}), /* @__PURE__ */ m(x, {
-						value: P.name,
-						onChange: (e) => F({
-							...P,
+					}), /* @__PURE__ */ h(S, {
+						value: F.name,
+						onChange: (e) => I({
+							...F,
 							name: e.target.value
 						}),
 						className: "mt-1"
 					})] }),
-					/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 						className: "text-sm font-medium",
 						children: "Description"
-					}), /* @__PURE__ */ m("textarea", {
+					}), /* @__PURE__ */ h("textarea", {
 						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]",
-						value: P.description,
-						onChange: (e) => F({
-							...P,
+						value: F.description,
+						onChange: (e) => I({
+							...F,
 							description: e.target.value
 						})
 					})] }),
-					/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 						className: "text-sm font-medium",
 						children: "Methodology"
-					}), /* @__PURE__ */ m("select", {
+					}), /* @__PURE__ */ h("select", {
 						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize",
-						value: P.methodology,
-						onChange: (e) => F({
-							...P,
+						value: F.methodology,
+						onChange: (e) => I({
+							...F,
 							methodology: e.target.value
 						}),
 						children: [
@@ -171,62 +182,78 @@ function w() {
 							"HYBRID",
 							"AGILE",
 							"CUSTOM"
-						].map((e) => /* @__PURE__ */ m("option", {
+						].map((e) => /* @__PURE__ */ h("option", {
 							value: e,
 							children: e.toLowerCase()
 						}, e))
 					})] }),
-					/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+						htmlFor: "project-program",
+						className: "text-sm font-medium",
+						children: "Program"
+					}), /* @__PURE__ */ h("div", {
+						className: "mt-1",
+						children: /* @__PURE__ */ h(r, {
+							id: "project-program",
+							value: F.programId,
+							onChange: (e) => I({
+								...F,
+								programId: e
+							}),
+							noneLabel: "No program"
+						})
+					})] }),
+					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 						htmlFor: "project-status",
 						className: "text-sm font-medium",
 						children: "Status"
-					}), /* @__PURE__ */ m("select", {
+					}), /* @__PURE__ */ h("select", {
 						id: "project-status",
 						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
-						value: P.status,
-						onChange: (e) => F({
-							...P,
+						value: F.status,
+						onChange: (e) => I({
+							...F,
 							status: e.target.value
 						}),
-						children: (o.includes(P.status) ? o : [P.status, ...o]).map((e) => /* @__PURE__ */ m("option", {
+						children: (s.includes(F.status) ? s : [F.status, ...s]).map((e) => /* @__PURE__ */ h("option", {
 							value: e,
 							children: i(e)
 						}, e))
 					})] }),
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ g("div", {
 						className: "grid grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+						children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 							htmlFor: "project-start",
 							className: "text-sm font-medium",
 							children: "Start Date"
-						}), /* @__PURE__ */ m(x, {
+						}), /* @__PURE__ */ h(S, {
 							id: "project-start",
 							type: "date",
-							value: P.startDate,
-							max: P.endDate || void 0,
-							onChange: (e) => F({
-								...P,
+							value: F.startDate,
+							max: F.endDate || void 0,
+							onChange: (e) => I({
+								...F,
 								startDate: e.target.value
 							}),
 							className: "mt-1"
-						})] }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+						})] }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 							htmlFor: "project-end",
 							className: "text-sm font-medium",
 							children: "End Date"
-						}), /* @__PURE__ */ m(x, {
+						}), /* @__PURE__ */ h(S, {
 							id: "project-end",
 							type: "date",
-							value: P.endDate,
-							min: P.startDate || void 0,
-							onChange: (e) => F({
-								...P,
+							value: F.endDate,
+							min: F.startDate || void 0,
+							onChange: (e) => I({
+								...F,
 								endDate: e.target.value
 							}),
-							"aria-invalid": B,
+							"aria-invalid": V,
 							className: "mt-1"
 						})] })]
 					}),
-					B && /* @__PURE__ */ m("p", {
+					V && /* @__PURE__ */ h("p", {
 						role: "alert",
 						className: "text-sm text-destructive",
 						children: "The end date is before the start date."
@@ -234,15 +261,15 @@ function w() {
 				]
 			})] })
 		]
-	}) : /* @__PURE__ */ m("div", {
+	}) : /* @__PURE__ */ h("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Project not found."
-	}) : /* @__PURE__ */ m("div", {
+	}) : /* @__PURE__ */ h("div", {
 		className: "p-6 text-muted-foreground",
 		children: "No project selected. Open one from the list."
 	});
 }
 //#endregion
-export { w as ProjectsEditProjectPagePage };
+export { T as ProjectsEditProjectPagePage };
 
 //# sourceMappingURL=ProjectsEditProjectPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsEditProjectPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsEditProjectPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState, useMemo } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery, useMutation } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, ArrowLeft } from 'lucide-react';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { throwOnError } from '../utils/mutationResult';\nimport { endBeforeStart } from '../utils/formValidation';\nimport { PROJECT_STATUSES } from '../controls/ProjectControls';\nimport { enumLabel } from '../controls/WorkItemControls';\n\nconst GET_PROJECTS = gql`\n  query GetProjectsForEdit($id: ID!) {\n    planmagnetProject(id: $id) {\n      id\n      name\n      key\n      description\n      status\n      methodology\n      ownerId\n      startDate\n      endDate\n      tags\n    }\n  }\n`;\n\nconst UPDATE_PROJECT = gql`\n  mutation UpdateProject($id: ID!, $input: PlanmagnetUpdateProjectInput!) {\n    planmagnetUpdateProject(id: $id, input: $input) {\n      id\n      name\n      key\n      description\n      status\n      methodology\n      ownerId\n      startDate\n      endDate\n      tags\n    }\n  }\n`;\n\nexport function ProjectsEditProjectPagePage() {\n  const projectId = useEntityId('projectId');\n  const navigate = usePlanMagnetNavigate();\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_PROJECTS, {\n      variables: { id: projectId },\n      skip: !projectId,\n    });\n\n  const [successMessage, setSuccessMessage] = useState<string | null>(null);\n\n  const project = data?.planmagnetProject;\n\n  const defaultForm = useMemo(\n    () => ({\n      name: project?.name ?? '',\n      description: project?.description ?? '',\n      methodology: project?.methodology ?? 'SCRUM',\n      status: project?.status ?? 'PLANNING',\n      startDate: project?.startDate ? project.startDate.split('T')[0] : '',\n      endDate: project?.endDate ? project.endDate.split('T')[0] : '',\n    }),\n    [project]\n  );\n\n  const [formOverrides, setFormOverrides] = useState<Record<string, string>>({});\n  const form = { ...defaultForm, ...formOverrides };\n  const setForm = (updates: Record<string, string>) => setFormOverrides(updates);\n\n  // Success only after the service accepted the change (errorPolicy 'all' resolves refused mutations).\n  const [updateProject, { loading: saving }] = useMutation(UPDATE_PROJECT, {\n    refetchQueries: [\n      'GetProjects',\n      'GetActiveProjects',\n      'GetDashboardData',\n      'GetProjectsForEdit',\n      'GetProjectDetail',\n      'AdminPlanmagnetProjects',\n    ],\n  });\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const invalidDates = endBeforeStart(form.startDate, form.endDate);\n\n  const methodologies = ['SCRUM', 'KANBAN', 'WATERFALL', 'HYBRID', 'AGILE', 'CUSTOM'] as const;\n\n  const handleSave = async () => {\n    if (!project || invalidDates) return;\n    setSaveError(null);\n    setSuccessMessage(null);\n    // Dates are sent only when they were changed: the service checks the pair the project would end up\n    // with, so re-sending untouched dates of an older project stored with inverted dates would refuse a\n    // plain rename (BOFF-7833).\n    const dateChanges = {\n      ...(form.startDate !== defaultForm.startDate && { startDate: form.startDate || undefined }),\n      ...(form.endDate !== defaultForm.endDate && { endDate: form.endDate || undefined }),\n    };\n    try {\n      await throwOnError(\n        updateProject({\n          variables: {\n            id: project.id,\n            input: {\n              name: form.name || undefined,\n              description: form.description || undefined,\n              methodology: form.methodology || undefined,\n              // Only when changed: a status set elsewhere meanwhile (the detail page's select) is not overwritten.\n              ...(form.status !== defaultForm.status && { status: form.status }),\n              ...dateChanges,\n            },\n          },\n        })\n      );\n      setSuccessMessage('Project updated successfully.');\n    } catch (e) {\n      setSaveError(e instanceof Error ? e.message : 'The project could not be saved.');\n    }\n  };\n\n  if (!projectId)\n    return (\n      <div className=\"p-6 text-muted-foreground\">No project selected. Open one from the list.</div>\n    );\n  // Only before the first load: a refetch must not blank the page (it\n  // unmounts every component on it and loses their state).\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-destructive\">Error loading project: {error.message}</div>;\n  if (!project) return <div className=\"p-6 text-muted-foreground\">Project not found.</div>;\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label=\"Back to the project\"\n            onClick={() => navigate(detailPath('/projects/project-detail-page', projectId))}\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-2xl font-semibold\">Edit Project</h1>\n            <p className=\"text-sm text-muted-foreground\">Editing {project.name}</p>\n          </div>\n        </div>\n        <Button size=\"sm\" onClick={handleSave} disabled={saving || invalidDates}>\n          <Save className=\"mr-1 h-4 w-4\" />\n          {saving ? 'Saving...' : 'Save Changes'}\n        </Button>\n      </div>\n\n      {successMessage && (\n        <div role=\"status\" className=\"p-3 bg-muted text-status-success-text rounded-md text-sm\">\n          {successMessage}\n        </div>\n      )}\n      {saveError && (\n        <div role=\"alert\" className=\"p-3 bg-destructive/10 text-destructive rounded-md text-sm\">\n          {saveError}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Project Details</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Project Name</label>\n            <Input\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              className=\"mt-1\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Description</label>\n            <textarea\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Methodology</label>\n            <select\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize\"\n              value={form.methodology}\n              onChange={(e) => setForm({ ...form, methodology: e.target.value })}\n            >\n              {methodologies.map((m) => (\n                <option key={m} value={m}>\n                  {m.toLowerCase()}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            {/* BOFF-7940: the form had no Status, so a project could never leave PLANNING. */}\n            <label htmlFor=\"project-status\" className=\"text-sm font-medium\">\n              Status\n            </label>\n            <select\n              id=\"project-status\"\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n              value={form.status}\n              onChange={(e) => setForm({ ...form, status: e.target.value })}\n            >\n              {((PROJECT_STATUSES as readonly string[]).includes(form.status)\n                ? PROJECT_STATUSES\n                : [form.status, ...PROJECT_STATUSES]\n              ).map((s) => (\n                <option key={s} value={s}>\n                  {enumLabel(s)}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label htmlFor=\"project-start\" className=\"text-sm font-medium\">\n                Start Date\n              </label>\n              <Input\n                id=\"project-start\"\n                type=\"date\"\n                value={form.startDate}\n                max={form.endDate || undefined}\n                onChange={(e) => setForm({ ...form, startDate: e.target.value })}\n                className=\"mt-1\"\n              />\n            </div>\n            <div>\n              <label htmlFor=\"project-end\" className=\"text-sm font-medium\">\n                End Date\n              </label>\n              <Input\n                id=\"project-end\"\n                type=\"date\"\n                value={form.endDate}\n                min={form.startDate || undefined}\n                onChange={(e) => setForm({ ...form, endDate: e.target.value })}\n                aria-invalid={invalidDates}\n                className=\"mt-1\"\n              />\n            </div>\n          </div>\n          {invalidDates && (\n            <p role=\"alert\" className=\"text-sm text-destructive\">\n              The end date is before the start date.\n            </p>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAeA,IAAM,IAAe,CAAG;;;;;;;;;;;;;;;GAiBlB,IAAiB,CAAG;;;;;;;;;;;;;;;;AAiB1B,SAAgB,IAA8B;CAC5C,IAAM,IAAY,EAAY,YAAY,EACpC,IAAW,GAAuB,EAElC,EACJ,SACA,YACA,aAGA,EAA8B,GAAc;EAC1C,WAAW,EAAE,IAAI,GAAW;EAC5B,MAAM,CAAC;EACR,CAAC,EAEE,CAAC,GAAgB,KAAqB,EAAwB,KAAK,EAEnE,IAAU,GAAM,mBAEhB,IAAc,SACX;EACL,MAAM,GAAS,QAAQ;EACvB,aAAa,GAAS,eAAe;EACrC,aAAa,GAAS,eAAe;EACrC,QAAQ,GAAS,UAAU;EAC3B,WAAW,GAAS,YAAY,EAAQ,UAAU,MAAM,IAAI,CAAC,KAAK;EAClE,SAAS,GAAS,UAAU,EAAQ,QAAQ,MAAM,IAAI,CAAC,KAAK;EAC7D,GACD,CAAC,EAAQ,CACV,EAEK,CAAC,GAAe,KAAoB,EAAiC,EAAE,CAAC,EACxE,IAAO;EAAE,GAAG;EAAa,GAAG;EAAe,EAC3C,KAAW,MAAoC,EAAiB,EAAQ,EAGxE,CAAC,GAAe,EAAE,SAAS,OAAY,EAAY,GAAgB,EACvE,gBAAgB;EACd;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC,EACI,CAAC,GAAW,KAAgB,EAAwB,KAAK,EACzD,IAAe,EAAe,EAAK,WAAW,EAAK,QAAQ;AAqDjE,QAhBK,IAMD,KAAW,CAAC,IAEZ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA,GAEN,IACK,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAsC,2BAAwB,EAAM,QAAc;MACtF,IAGH,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,SAAQ;MACR,MAAK;MACL,cAAW;MACX,eAAe,EAAS,EAAW,iCAAiC,EAAU,CAAC;gBAE/E,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MAC1B,CAAA,EACT,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAyB;MAAiB,CAAA,EACxD,kBAAC,KAAD;MAAG,WAAU;gBAAb,CAA6C,YAAS,EAAQ,KAAS;QACnE,EAAA,CAAA,CACF;QACN,kBAAC,GAAD;KAAQ,MAAK;KAAK,SAlEL,YAAY;AAC7B,UAAI,CAAC,KAAW,EAAc;AAE9B,MADA,EAAa,KAAK,EAClB,EAAkB,KAAK;MAIvB,IAAM,IAAc;OAClB,GAAI,EAAK,cAAc,EAAY,aAAa,EAAE,WAAW,EAAK,aAAa,KAAA,GAAW;OAC1F,GAAI,EAAK,YAAY,EAAY,WAAW,EAAE,SAAS,EAAK,WAAW,KAAA,GAAW;OACnF;AACD,UAAI;AAgBF,OAfA,MAAM,EACJ,EAAc,EACZ,WAAW;QACT,IAAI,EAAQ;QACZ,OAAO;SACL,MAAM,EAAK,QAAQ,KAAA;SACnB,aAAa,EAAK,eAAe,KAAA;SACjC,aAAa,EAAK,eAAe,KAAA;SAEjC,GAAI,EAAK,WAAW,EAAY,UAAU,EAAE,QAAQ,EAAK,QAAQ;SACjE,GAAG;SACJ;QACF,EACF,CAAC,CACH,EACD,EAAkB,gCAAgC;eAC3C,GAAG;AACV,SAAa,aAAa,QAAQ,EAAE,UAAU,kCAAkC;;;KAqCvC,UAAU,KAAU;eAA3D,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAChC,IAAS,cAAc,eACjB;OACL;;GAEL,KACC,kBAAC,OAAD;IAAK,MAAK;IAAS,WAAU;cAC1B;IACG,CAAA;GAEP,KACC,kBAAC,OAAD;IAAK,MAAK;IAAQ,WAAU;cACzB;IACG,CAAA;GAGR,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,mBAA2B,CAAA,EAC3B,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cAAvB;KACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAsB;MAAoB,CAAA,EAC3D,kBAAC,GAAD;MACE,OAAO,EAAK;MACZ,WAAW,MAAM,EAAQ;OAAE,GAAG;OAAM,MAAM,EAAE,OAAO;OAAO,CAAC;MAC3D,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAsB;MAAmB,CAAA,EAC1D,kBAAC,YAAD;MACE,WAAU;MACV,OAAO,EAAK;MACZ,WAAW,MAAM,EAAQ;OAAE,GAAG;OAAM,aAAa,EAAE,OAAO;OAAO,CAAC;MAClE,CAAA,CACE,EAAA,CAAA;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAsB;MAAmB,CAAA,EAC1D,kBAAC,UAAD;MACE,WAAU;MACV,OAAO,EAAK;MACZ,WAAW,MAAM,EAAQ;OAAE,GAAG;OAAM,aAAa,EAAE,OAAO;OAAO,CAAC;gBA/GxD;OAAC;OAAS;OAAU;OAAa;OAAU;OAAS;OAAS,CAiHxD,KAAK,MAClB,kBAAC,UAAD;OAAgB,OAAO;iBACpB,EAAE,aAAa;OACT,EAFI,EAEJ,CACT;MACK,CAAA,CACL,EAAA,CAAA;KACN,kBAAC,OAAD,EAAA,UAAA,CAEE,kBAAC,SAAD;MAAO,SAAQ;MAAiB,WAAU;gBAAsB;MAExD,CAAA,EACR,kBAAC,UAAD;MACE,IAAG;MACH,WAAU;MACV,OAAO,EAAK;MACZ,WAAW,MAAM,EAAQ;OAAE,GAAG;OAAM,QAAQ,EAAE,OAAO;OAAO,CAAC;iBAE1D,EAAuC,SAAS,EAAK,OAAO,GAC3D,IACA,CAAC,EAAK,QAAQ,GAAG,EAAiB,EACpC,KAAK,MACL,kBAAC,UAAD;OAAgB,OAAO;iBACpB,EAAU,EAAE;OACN,EAFI,EAEJ,CACT;MACK,CAAA,CACL,EAAA,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,SAAQ;OAAgB,WAAU;iBAAsB;OAEvD,CAAA,EACR,kBAAC,GAAD;OACE,IAAG;OACH,MAAK;OACL,OAAO,EAAK;OACZ,KAAK,EAAK,WAAW,KAAA;OACrB,WAAW,MAAM,EAAQ;QAAE,GAAG;QAAM,WAAW,EAAE,OAAO;QAAO,CAAC;OAChE,WAAU;OACV,CAAA,CACE,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,SAAQ;OAAc,WAAU;iBAAsB;OAErD,CAAA,EACR,kBAAC,GAAD;OACE,IAAG;OACH,MAAK;OACL,OAAO,EAAK;OACZ,KAAK,EAAK,aAAa,KAAA;OACvB,WAAW,MAAM,EAAQ;QAAE,GAAG;QAAM,SAAS,EAAE,OAAO;QAAO,CAAC;OAC9D,gBAAc;OACd,WAAU;OACV,CAAA,CACE,EAAA,CAAA,CACF;;KACL,KACC,kBAAC,KAAD;MAAG,MAAK;MAAQ,WAAU;gBAA2B;MAEjD,CAAA;KAEM;MACT,EAAA,CAAA;GACH;MAhIa,kBAAC,OAAD;EAAK,WAAU;YAA4B;EAAwB,CAAA,GAZpF,kBAAC,OAAD;EAAK,WAAU;YAA4B;EAAkD,CAAA"}
+{"version":3,"file":"ProjectsEditProjectPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsEditProjectPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState, useMemo } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery, useMutation } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, ArrowLeft } from 'lucide-react';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { throwOnError } from '../utils/mutationResult';\nimport { endBeforeStart } from '../utils/formValidation';\nimport { PROJECT_STATUSES } from '../controls/ProjectControls';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport { ProgramSelect } from '../controls/Pickers';\n\nconst GET_PROJECTS = gql`\n  query GetProjectsForEdit($id: ID!) {\n    planmagnetProject(id: $id) {\n      id\n      name\n      key\n      description\n      status\n      methodology\n      ownerId\n      startDate\n      endDate\n      tags\n      programId\n    }\n  }\n`;\n\nconst UPDATE_PROJECT = gql`\n  mutation UpdateProject($id: ID!, $input: PlanmagnetUpdateProjectInput!) {\n    planmagnetUpdateProject(id: $id, input: $input) {\n      id\n      name\n      key\n      description\n      status\n      methodology\n      ownerId\n      startDate\n      endDate\n      tags\n      programId\n      program {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport function ProjectsEditProjectPagePage() {\n  const projectId = useEntityId('projectId');\n  const navigate = usePlanMagnetNavigate();\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_PROJECTS, {\n      variables: { id: projectId },\n      skip: !projectId,\n    });\n\n  const [successMessage, setSuccessMessage] = useState<string | null>(null);\n\n  const project = data?.planmagnetProject;\n\n  const defaultForm = useMemo(\n    () => ({\n      name: project?.name ?? '',\n      description: project?.description ?? '',\n      methodology: project?.methodology ?? 'SCRUM',\n      status: project?.status ?? 'PLANNING',\n      startDate: project?.startDate ? project.startDate.split('T')[0] : '',\n      endDate: project?.endDate ? project.endDate.split('T')[0] : '',\n      programId: project?.programId ?? '',\n    }),\n    [project]\n  );\n\n  const [formOverrides, setFormOverrides] = useState<Record<string, string>>({});\n  const form = { ...defaultForm, ...formOverrides };\n  const setForm = (updates: Record<string, string>) => setFormOverrides(updates);\n\n  // Success only after the service accepted the change (errorPolicy 'all' resolves refused mutations).\n  const [updateProject, { loading: saving }] = useMutation(UPDATE_PROJECT, {\n    refetchQueries: [\n      'GetProjects',\n      'GetActiveProjects',\n      'GetDashboardData',\n      'GetProjectsForEdit',\n      'GetProjectDetail',\n      'AdminPlanmagnetProjects',\n      'GetProgram',\n      'ListPrograms',\n    ],\n  });\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const invalidDates = endBeforeStart(form.startDate, form.endDate);\n\n  const methodologies = ['SCRUM', 'KANBAN', 'WATERFALL', 'HYBRID', 'AGILE', 'CUSTOM'] as const;\n\n  const handleSave = async () => {\n    if (!project || invalidDates) return;\n    setSaveError(null);\n    setSuccessMessage(null);\n    // Dates are sent only when they were changed: the service checks the pair the project would end up\n    // with, so re-sending untouched dates of an older project stored with inverted dates would refuse a\n    // plain rename (BOFF-7833).\n    const dateChanges = {\n      ...(form.startDate !== defaultForm.startDate && { startDate: form.startDate || undefined }),\n      ...(form.endDate !== defaultForm.endDate && { endDate: form.endDate || undefined }),\n    };\n    try {\n      await throwOnError(\n        updateProject({\n          variables: {\n            id: project.id,\n            input: {\n              name: form.name || undefined,\n              description: form.description || undefined,\n              methodology: form.methodology || undefined,\n              // Only when changed: a status set elsewhere meanwhile (the detail page's select) is not overwritten.\n              ...(form.status !== defaultForm.status && { status: form.status }),\n              ...dateChanges,\n              // Only when changed: '' clears it, so an unattached project stays unattached rather than being\n              // re-sent as undefined (which the service would leave alone, not clear).\n              ...(form.programId !== defaultForm.programId && {\n                programId: form.programId || null,\n              }),\n            },\n          },\n        })\n      );\n      setSuccessMessage('Project updated successfully.');\n    } catch (e) {\n      setSaveError(e instanceof Error ? e.message : 'The project could not be saved.');\n    }\n  };\n\n  if (!projectId)\n    return (\n      <div className=\"p-6 text-muted-foreground\">No project selected. Open one from the list.</div>\n    );\n  // Only before the first load: a refetch must not blank the page (it\n  // unmounts every component on it and loses their state).\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-destructive\">Error loading project: {error.message}</div>;\n  if (!project) return <div className=\"p-6 text-muted-foreground\">Project not found.</div>;\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label=\"Back to the project\"\n            onClick={() => navigate(detailPath('/projects/project-detail-page', projectId))}\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-2xl font-semibold\">Edit Project</h1>\n            <p className=\"text-sm text-muted-foreground\">Editing {project.name}</p>\n          </div>\n        </div>\n        <Button size=\"sm\" onClick={handleSave} disabled={saving || invalidDates}>\n          <Save className=\"mr-1 h-4 w-4\" />\n          {saving ? 'Saving...' : 'Save Changes'}\n        </Button>\n      </div>\n\n      {successMessage && (\n        <div role=\"status\" className=\"p-3 bg-muted text-status-success-text rounded-md text-sm\">\n          {successMessage}\n        </div>\n      )}\n      {saveError && (\n        <div role=\"alert\" className=\"p-3 bg-destructive/10 text-destructive rounded-md text-sm\">\n          {saveError}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Project Details</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Project Name</label>\n            <Input\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              className=\"mt-1\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Description</label>\n            <textarea\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Methodology</label>\n            <select\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize\"\n              value={form.methodology}\n              onChange={(e) => setForm({ ...form, methodology: e.target.value })}\n            >\n              {methodologies.map((m) => (\n                <option key={m} value={m}>\n                  {m.toLowerCase()}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            {/* BOFF-8047: attach or detach this project's program. Programs were `api-only` before this. */}\n            <label htmlFor=\"project-program\" className=\"text-sm font-medium\">\n              Program\n            </label>\n            <div className=\"mt-1\">\n              <ProgramSelect\n                id=\"project-program\"\n                value={form.programId}\n                onChange={(programId) => setForm({ ...form, programId })}\n                noneLabel=\"No program\"\n              />\n            </div>\n          </div>\n          <div>\n            {/* BOFF-7940: the form had no Status, so a project could never leave PLANNING. */}\n            <label htmlFor=\"project-status\" className=\"text-sm font-medium\">\n              Status\n            </label>\n            <select\n              id=\"project-status\"\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n              value={form.status}\n              onChange={(e) => setForm({ ...form, status: e.target.value })}\n            >\n              {((PROJECT_STATUSES as readonly string[]).includes(form.status)\n                ? PROJECT_STATUSES\n                : [form.status, ...PROJECT_STATUSES]\n              ).map((s) => (\n                <option key={s} value={s}>\n                  {enumLabel(s)}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label htmlFor=\"project-start\" className=\"text-sm font-medium\">\n                Start Date\n              </label>\n              <Input\n                id=\"project-start\"\n                type=\"date\"\n                value={form.startDate}\n                max={form.endDate || undefined}\n                onChange={(e) => setForm({ ...form, startDate: e.target.value })}\n                className=\"mt-1\"\n              />\n            </div>\n            <div>\n              <label htmlFor=\"project-end\" className=\"text-sm font-medium\">\n                End Date\n              </label>\n              <Input\n                id=\"project-end\"\n                type=\"date\"\n                value={form.endDate}\n                min={form.startDate || undefined}\n                onChange={(e) => setForm({ ...form, endDate: e.target.value })}\n                aria-invalid={invalidDates}\n                className=\"mt-1\"\n              />\n            </div>\n          </div>\n          {invalidDates && (\n            <p role=\"alert\" className=\"text-sm text-destructive\">\n              The end date is before the start date.\n            </p>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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":"AA2EA,wBAAgB,6BAA6B,4CAwV5C"}
+{"version":3,"file":"ProjectsProjectDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsProjectDetailPagePage.tsx"],"names":[],"mappings":"AA8GA,wBAAgB,6BAA6B,4CA+c5C"}