@burdenoff/microfe-planmagnet 2026.927.2 → 2026.927.4

package/dist/planmagnet/pages/ProjectsEditProjectPagePage.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsMilestoneDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsMilestoneDetailPagePage.tsx"],"names":[],"mappings":"AAuCA,wBAAgB,+BAA+B,4CAkJ9C"}
+{"version":3,"file":"ProjectsMilestoneDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsMilestoneDetailPagePage.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,+BAA+B,4CA+I9C"}

package/dist/planmagnet/pages/ProjectsMilestoneDetailPagePage.js

@@ -2,13 +2,14 @@ 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 { Calendar as i, FolderKanban as a, Target as o, User as s } from "lucide-react";
-import { gql as c } from "@apollo/client";
-import { useQuery as l } from "@apollo/client/react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Badge as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g } from "@burdenoff/fe-libs/ui";
+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";
+import { useQuery as u } from "@apollo/client/react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Badge as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _ } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProjectsMilestoneDetailPagePage.tsx
-var _ = c`
+var v = l`
   query GetMilestonesForDetail($id: ID!) {
     planmagnetMilestone(id: $id) {
       id
@@ -26,154 +27,145 @@ var _ = c`
       completedAt
     }
   }
-`, v = {
-	PENDING: "bg-gray-100 text-gray-800",
-	IN_PROGRESS: "bg-blue-100 text-blue-800",
-	COMPLETED: "bg-green-100 text-green-800",
-	MISSED: "bg-red-100 text-red-800",
-	CANCELLED: "bg-red-100 text-red-800"
-};
+`;
 function y() {
-	let c = r("milestoneId"), y = e(), { data: b, loading: x, error: S } = l(_, {
-		variables: { id: c },
-		skip: !c
+	let l = r("milestoneId"), y = e(), { data: b, loading: x, error: S } = u(v, {
+		variables: { id: l },
+		skip: !l
 	});
-	if (!c) return /* @__PURE__ */ u("div", {
+	if (!l) return /* @__PURE__ */ d("div", {
 		className: "p-6 text-muted-foreground",
 		children: "No milestone selected. Open one from the list."
 	});
-	if (x && !b) return /* @__PURE__ */ u("div", {
+	if (x && !b) return /* @__PURE__ */ d("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ u("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ d("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (S) return /* @__PURE__ */ d("div", {
+	if (S) return /* @__PURE__ */ f("div", {
 		className: "p-6 text-red-500",
 		children: ["Error loading milestone: ", S.message]
 	});
 	let C = b?.planmagnetMilestone;
-	if (!C) return /* @__PURE__ */ u("div", {
+	if (!C) return /* @__PURE__ */ d("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Milestone not found."
 	});
 	let w = C.status === "COMPLETED";
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ d("div", {
+		children: [/* @__PURE__ */ f("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ d("div", {
+			children: [/* @__PURE__ */ f("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ u(o, { className: "h-6 w-6 text-primary" }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+				children: [/* @__PURE__ */ d(s, { className: "h-6 w-6 text-primary" }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
 					className: "text-2xl font-semibold",
 					children: C.name
-				}), /* @__PURE__ */ d("p", {
+				}), /* @__PURE__ */ f("p", {
 					className: "text-sm text-muted-foreground",
 					children: ["Project: ", C.project?.name ?? "not available"]
 				})] })]
-			}), /* @__PURE__ */ u("span", {
-				className: `text-xs px-3 py-1 rounded-full capitalize ${v[C.status] ?? "bg-gray-100"}`,
-				children: C.status.toLowerCase().replace("_", " ")
-			})]
-		}), /* @__PURE__ */ d("div", {
+			}), /* @__PURE__ */ d(i, { milestone: C })]
+		}), /* @__PURE__ */ f("div", {
 			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-			children: [/* @__PURE__ */ d("div", {
+			children: [/* @__PURE__ */ f("div", {
 				className: "lg:col-span-2 space-y-6",
-				children: [/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Overview" }) }), /* @__PURE__ */ d(m, {
+				children: [/* @__PURE__ */ f(m, { children: [/* @__PURE__ */ d(g, { children: /* @__PURE__ */ d(_, { children: "Overview" }) }), /* @__PURE__ */ f(h, {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ u("p", {
+					children: [/* @__PURE__ */ d("p", {
 						className: "text-sm",
 						children: C.description ?? "No description provided."
-					}), /* @__PURE__ */ u("div", { children: /* @__PURE__ */ d("div", {
+					}), /* @__PURE__ */ d("div", { children: /* @__PURE__ */ f("div", {
 						className: "flex justify-between text-sm mb-2",
-						children: [/* @__PURE__ */ u("span", {
+						children: [/* @__PURE__ */ d("span", {
 							className: "text-muted-foreground",
 							children: "Status"
-						}), /* @__PURE__ */ u(f, {
+						}), /* @__PURE__ */ d(p, {
 							variant: w ? "default" : "secondary",
 							className: "capitalize",
 							children: C.status.toLowerCase().replace("_", " ")
 						})]
 					}) })]
-				})] }), /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Timeline" }) }), /* @__PURE__ */ u(m, { children: /* @__PURE__ */ d("div", {
+				})] }), /* @__PURE__ */ f(m, { children: [/* @__PURE__ */ d(g, { children: /* @__PURE__ */ d(_, { children: "Timeline" }) }), /* @__PURE__ */ d(h, { children: /* @__PURE__ */ f("div", {
 					className: "grid grid-cols-2 gap-4 text-center",
-					children: [/* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "p-4 bg-muted rounded-md",
-						children: [/* @__PURE__ */ u("p", {
+						children: [/* @__PURE__ */ d("p", {
 							className: "text-sm font-bold",
 							children: C.dueDate ? new Date(C.dueDate).toLocaleDateString() : "—"
-						}), /* @__PURE__ */ u("p", {
+						}), /* @__PURE__ */ d("p", {
 							className: "text-xs text-muted-foreground",
 							children: "Due Date"
 						})]
-					}), /* @__PURE__ */ d("div", {
+					}), /* @__PURE__ */ f("div", {
 						className: "p-4 bg-muted rounded-md",
-						children: [/* @__PURE__ */ u("p", {
+						children: [/* @__PURE__ */ d("p", {
 							className: "text-sm font-bold",
 							children: C.completedAt ? new Date(C.completedAt).toLocaleDateString() : "—"
-						}), /* @__PURE__ */ u("p", {
+						}), /* @__PURE__ */ d("p", {
 							className: "text-xs text-muted-foreground",
 							children: "Completed"
 						})]
 					})]
 				}) })] })]
-			}), /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Details" }) }), /* @__PURE__ */ d(m, {
+			}), /* @__PURE__ */ f(m, { children: [/* @__PURE__ */ d(g, { children: /* @__PURE__ */ d(_, { children: "Details" }) }), /* @__PURE__ */ f(h, {
 				className: "space-y-3 text-sm",
 				children: [
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ u(i, { className: "h-4 w-4 text-muted-foreground" }),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ d(a, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ d("span", {
 								className: "text-muted-foreground",
 								children: "Due:"
 							}),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ d("span", {
 								className: "font-medium",
 								children: C.dueDate ? new Date(C.dueDate).toLocaleDateString() : "Not set"
 							})
 						]
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ u(a, { className: "h-4 w-4 text-muted-foreground" }),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ d(o, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ d("span", {
 								className: "text-muted-foreground",
 								children: "Project:"
 							}),
-							C.project ? /* @__PURE__ */ u("button", {
+							C.project ? /* @__PURE__ */ d("button", {
 								type: "button",
 								className: "font-medium text-primary hover:underline",
 								onClick: () => y(n("/projects/project-detail-page", C.project.id)),
 								children: C.project.name
-							}) : /* @__PURE__ */ u("span", {
+							}) : /* @__PURE__ */ d("span", {
 								className: "text-muted-foreground",
 								children: "not available"
 							})
 						]
 					}),
-					C.ownerId && /* @__PURE__ */ d("div", {
+					C.ownerId && /* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ u(s, { className: "h-4 w-4 text-muted-foreground" }),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ d(c, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ d("span", {
 								className: "text-muted-foreground",
 								children: "Owner:"
 							}),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ d("span", {
 								className: "font-medium",
-								children: /* @__PURE__ */ u(t, { id: C.ownerId })
+								children: /* @__PURE__ */ d(t, { id: C.ownerId })
 							})
 						]
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ u(i, { className: "h-4 w-4 text-muted-foreground" }),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ d(a, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ d("span", {
 								className: "text-muted-foreground",
 								children: "Created:"
 							}),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ d("span", {
 								className: "font-medium",
 								children: C.createdAt ? new Date(C.createdAt).toLocaleDateString() : "—"
 							})