@burdenoff/microfe-planmagnet 2026.927.3 → 2026.927.4

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() : "—"
 							})

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsMilestoneDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsMilestoneDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Target, Calendar, FolderKanban, User } from 'lucide-react';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { PersonName } from '../people/People';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\n\nconst GET_MILESTONES_FOR_DETAIL = gql`\n  query GetMilestonesForDetail($id: ID!) {\n    planmagnetMilestone(id: $id) {\n      id\n      name\n      description\n      projectId\n      project {\n        id\n        name\n      }\n      status\n      dueDate\n      ownerId\n      createdAt\n      completedAt\n    }\n  }\n`;\n\nconst statusColor: Record<string, string> = {\n  PENDING: 'bg-gray-100 text-gray-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n  MISSED: 'bg-red-100 text-red-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n};\n\nexport function ProjectsMilestoneDetailPagePage() {\n  const milestoneId = useEntityId('milestoneId');\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_MILESTONES_FOR_DETAIL, {\n      variables: { id: milestoneId },\n      skip: !milestoneId,\n    });\n\n  if (!milestoneId)\n    return (\n      <div className=\"p-6 text-muted-foreground\">\n        No milestone selected. Open one from the list.\n      </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-red-500\">Error loading milestone: {error.message}</div>;\n\n  const ms = data?.planmagnetMilestone;\n  if (!ms) return <div className=\"p-6 text-muted-foreground\">Milestone not found.</div>;\n\n  const isCompleted = ms.status === 'COMPLETED';\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Target className=\"h-6 w-6 text-primary\" />\n          <div>\n            <h1 className=\"text-2xl font-semibold\">{ms.name}</h1>\n            <p className=\"text-sm text-muted-foreground\">\n              Project: {ms.project?.name ?? 'not available'}\n            </p>\n          </div>\n        </div>\n        <span\n          className={`text-xs px-3 py-1 rounded-full capitalize ${statusColor[ms.status] ?? 'bg-gray-100'}`}\n        >\n          {ms.status.toLowerCase().replace('_', ' ')}\n        </span>\n      </div>\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Overview</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <p className=\"text-sm\">{ms.description ?? 'No description provided.'}</p>\n              <div>\n                <div className=\"flex justify-between text-sm mb-2\">\n                  <span className=\"text-muted-foreground\">Status</span>\n                  <Badge variant={isCompleted ? 'default' : 'secondary'} className=\"capitalize\">\n                    {ms.status.toLowerCase().replace('_', ' ')}\n                  </Badge>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader>\n              <CardTitle>Timeline</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"grid grid-cols-2 gap-4 text-center\">\n                <div className=\"p-4 bg-muted rounded-md\">\n                  <p className=\"text-sm font-bold\">\n                    {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : '—'}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">Due Date</p>\n                </div>\n                <div className=\"p-4 bg-muted rounded-md\">\n                  <p className=\"text-sm font-bold\">\n                    {ms.completedAt ? new Date(ms.completedAt).toLocaleDateString() : '—'}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">Completed</p>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n        <Card>\n          <CardHeader>\n            <CardTitle>Details</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3 text-sm\">\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Due:</span>\n              <span className=\"font-medium\">\n                {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : 'Not set'}\n              </span>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <FolderKanban className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Project:</span>\n              {/* The project's name, linked — this printed the raw project UUID (BOFF-7949). */}\n              {ms.project ? (\n                <button\n                  type=\"button\"\n                  className=\"font-medium text-primary hover:underline\"\n                  onClick={() =>\n                    navigate(detailPath('/projects/project-detail-page', ms.project.id))\n                  }\n                >\n                  {ms.project.name}\n                </button>\n              ) : (\n                <span className=\"text-muted-foreground\">not available</span>\n              )}\n            </div>\n            {ms.ownerId && (\n              <div className=\"flex items-center gap-2\">\n                <User className=\"h-4 w-4 text-muted-foreground\" />\n                <span className=\"text-muted-foreground\">Owner:</span>\n                <span className=\"font-medium\">\n                  <PersonName id={ms.ownerId} />\n                </span>\n              </div>\n            )}\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Created:</span>\n              <span className=\"font-medium\">\n                {ms.createdAt ? new Date(ms.createdAt).toLocaleDateString() : '—'}\n              </span>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectsMilestoneDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsMilestoneDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Target, Calendar, FolderKanban, User } from 'lucide-react';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { PersonName } from '../people/People';\nimport { MilestoneHeaderActions } from '../controls/MilestoneControls';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\n\nconst GET_MILESTONES_FOR_DETAIL = gql`\n  query GetMilestonesForDetail($id: ID!) {\n    planmagnetMilestone(id: $id) {\n      id\n      name\n      description\n      projectId\n      project {\n        id\n        name\n      }\n      status\n      dueDate\n      ownerId\n      createdAt\n      completedAt\n    }\n  }\n`;\n\nexport function ProjectsMilestoneDetailPagePage() {\n  const milestoneId = useEntityId('milestoneId');\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_MILESTONES_FOR_DETAIL, {\n      variables: { id: milestoneId },\n      skip: !milestoneId,\n    });\n\n  if (!milestoneId)\n    return (\n      <div className=\"p-6 text-muted-foreground\">\n        No milestone selected. Open one from the list.\n      </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-red-500\">Error loading milestone: {error.message}</div>;\n\n  const ms = data?.planmagnetMilestone;\n  if (!ms) return <div className=\"p-6 text-muted-foreground\">Milestone not found.</div>;\n\n  const isCompleted = ms.status === 'COMPLETED';\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Target className=\"h-6 w-6 text-primary\" />\n          <div>\n            <h1 className=\"text-2xl font-semibold\">{ms.name}</h1>\n            <p className=\"text-sm text-muted-foreground\">\n              Project: {ms.project?.name ?? 'not available'}\n            </p>\n          </div>\n        </div>\n        {/* Status, Edit and Delete (BOFF-7953): the milestone could never move past Pending. */}\n        <MilestoneHeaderActions milestone={ms} />\n      </div>\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Overview</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <p className=\"text-sm\">{ms.description ?? 'No description provided.'}</p>\n              <div>\n                <div className=\"flex justify-between text-sm mb-2\">\n                  <span className=\"text-muted-foreground\">Status</span>\n                  <Badge variant={isCompleted ? 'default' : 'secondary'} className=\"capitalize\">\n                    {ms.status.toLowerCase().replace('_', ' ')}\n                  </Badge>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader>\n              <CardTitle>Timeline</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"grid grid-cols-2 gap-4 text-center\">\n                <div className=\"p-4 bg-muted rounded-md\">\n                  <p className=\"text-sm font-bold\">\n                    {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : '—'}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">Due Date</p>\n                </div>\n                <div className=\"p-4 bg-muted rounded-md\">\n                  <p className=\"text-sm font-bold\">\n                    {ms.completedAt ? new Date(ms.completedAt).toLocaleDateString() : '—'}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">Completed</p>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n        <Card>\n          <CardHeader>\n            <CardTitle>Details</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3 text-sm\">\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Due:</span>\n              <span className=\"font-medium\">\n                {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : 'Not set'}\n              </span>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <FolderKanban className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Project:</span>\n              {/* The project's name, linked — this printed the raw project UUID (BOFF-7949). */}\n              {ms.project ? (\n                <button\n                  type=\"button\"\n                  className=\"font-medium text-primary hover:underline\"\n                  onClick={() =>\n                    navigate(detailPath('/projects/project-detail-page', ms.project.id))\n                  }\n                >\n                  {ms.project.name}\n                </button>\n              ) : (\n                <span className=\"text-muted-foreground\">not available</span>\n              )}\n            </div>\n            {ms.ownerId && (\n              <div className=\"flex items-center gap-2\">\n                <User className=\"h-4 w-4 text-muted-foreground\" />\n                <span className=\"text-muted-foreground\">Owner:</span>\n                <span className=\"font-medium\">\n                  <PersonName id={ms.ownerId} />\n                </span>\n              </div>\n            )}\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Created:</span>\n              <span className=\"font-medium\">\n                {ms.createdAt ? new Date(ms.createdAt).toLocaleDateString() : '—'}\n              </span>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/ProjectsPlanningEditPagePage.js

@@ -1,7 +1,7 @@
 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 { endBeforeStart as r, parseIntField as i } from "../utils/formValidation.js";
+import { detailPath as a } from "../utils/rowNavigation.js";
 import { useEntityId as o } from "../hooks/useEntityId.js";
 import { SprintLifecycleActions as s } from "../sprints/SprintControls.js";
 import { useMemo as c, useState as l } from "react";
@@ -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 = r(L.startDate, L.endDate), H = i(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(a("/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",