@burdenoff/microfe-planmagnet 2026.927.2 → 2026.927.4

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":";;;;;;;;;;;AAYA,IAAM,IAA4B,CAAG;;;;;;;;;;;;;;;;;;;AAoBrC,SAAgB,IAAkC;CAChD,IAAM,IAAc,EAAY,cAAc,EACxC,IAAW,GAAuB,EAElC,EACJ,SACA,YACA,aAGA,EAA8B,GAA2B;EACvD,WAAW,EAAE,IAAI,GAAa;EAC9B,MAAM,CAAC;EACR,CAAC;AAEJ,KAAI,CAAC,EACH,QACE,kBAAC,OAAD;EAAK,WAAU;YAA4B;EAErC,CAAA;AAIV,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA;AAEV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAkC,6BAA0B,EAAM,QAAc;;CAEzF,IAAM,IAAK,GAAM;AACjB,KAAI,CAAC,EAAI,QAAO,kBAAC,OAAD;EAAK,WAAU;YAA4B;EAA0B,CAAA;CAErF,IAAM,IAAc,EAAG,WAAW;AAElC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wBAAyB,CAAA,EAC3C,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0B,EAAG;KAAU,CAAA,EACrD,kBAAC,KAAD;KAAG,WAAU;eAAb,CAA6C,aACjC,EAAG,SAAS,QAAQ,gBAC5B;OACA,EAAA,CAAA,CACF;OAEN,kBAAC,GAAD,EAAwB,WAAW,GAAM,CAAA,CACrC;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,YAAoB,CAAA,EACpB,CAAA,EACb,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAW,EAAG,eAAe;MAA+B,CAAA,EACzE,kBAAC,OAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAwB;OAAa,CAAA,EACrD,kBAAC,GAAD;OAAO,SAAS,IAAc,YAAY;OAAa,WAAU;iBAC9D,EAAG,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;OACpC,CAAA,CACJ;SACF,CAAA,CACM;OACT,EAAA,CAAA,EACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,YAAoB,CAAA,EACpB,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAG,UAAU,IAAI,KAAK,EAAG,QAAQ,CAAC,oBAAoB,GAAG;OACxD,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAAY,CAAA,CACrD;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAG,cAAc,IAAI,KAAK,EAAG,YAAY,CAAC,oBAAoB,GAAG;OAChE,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAAa,CAAA,CACtD;QACF;QACM,CAAA,CACT,EAAA,CAAA,CACH;OACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,WAAmB,CAAA,EACnB,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cAAvB;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD,EAAU,WAAU,iCAAkC,CAAA;OACtD,kBAAC,QAAD;QAAM,WAAU;kBAAwB;QAAW,CAAA;OACnD,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAG,UAAU,IAAI,KAAK,EAAG,QAAQ,CAAC,oBAAoB,GAAG;QACrD,CAAA;OACH;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD,EAAc,WAAU,iCAAkC,CAAA;OAC1D,kBAAC,QAAD;QAAM,WAAU;kBAAwB;QAAe,CAAA;OAEtD,EAAG,UACF,kBAAC,UAAD;QACE,MAAK;QACL,WAAU;QACV,eACE,EAAS,EAAW,iCAAiC,EAAG,QAAQ,GAAG,CAAC;kBAGrE,EAAG,QAAQ;QACL,CAAA,GAET,kBAAC,QAAD;QAAM,WAAU;kBAAwB;QAAoB,CAAA;OAE1D;;KACL,EAAG,WACF,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD,EAAM,WAAU,iCAAkC,CAAA;OAClD,kBAAC,QAAD;QAAM,WAAU;kBAAwB;QAAa,CAAA;OACrD,kBAAC,QAAD;QAAM,WAAU;kBACd,kBAAC,GAAD,EAAY,IAAI,EAAG,SAAW,CAAA;QACzB,CAAA;OACH;;KAER,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD,EAAU,WAAU,iCAAkC,CAAA;OACtD,kBAAC,QAAD;QAAM,WAAU;kBAAwB;QAAe,CAAA;OACvD,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAG,YAAY,IAAI,KAAK,EAAG,UAAU,CAAC,oBAAoB,GAAG;QACzD,CAAA;OACH;;KACM;MACT,EAAA,CAAA,CACH;KACF"}

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

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

package/dist/planmagnet/pages/ProjectsProjectDetailPagePage.js

@@ -1,12 +1,13 @@
 import { PersonName as e } from "../people/People.js";
 import { useEntityId as t } from "../hooks/useEntityId.js";
-import { Calendar as n, CheckSquare as r, FolderKanban as i, Users as a, Zap as o } from "lucide-react";
-import { gql as s } from "@apollo/client";
-import { useQuery as c } from "@apollo/client/react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Badge as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+import { ProjectHeaderActions as n } from "../controls/ProjectControls.js";
+import { Calendar as r, CheckSquare as i, FolderKanban as a, Users as o, Zap 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";
 //#region src/planmagnet/pages/ProjectsProjectDetailPagePage.tsx
-var g = s`
+var _ = c`
   query GetProjectDetail($id: ID!) {
     planmagnetProject(id: $id) {
       id
@@ -56,7 +57,7 @@ var g = s`
       }
     }
   }
-`, _ = {
+`, v = {
 	ACTIVE: "bg-green-100 text-green-800",
 	ON_HOLD: "bg-orange-100 text-orange-800",
 	CANCELLED: "bg-red-100 text-red-800",
@@ -64,292 +65,293 @@ var g = s`
 	PLANNING: "bg-gray-100 text-gray-800",
 	ARCHIVED: "bg-gray-100 text-gray-800"
 };
-function v() {
-	let s = t("projectId"), { data: v, loading: y, error: b } = c(g, {
-		variables: { id: s },
-		skip: !s
+function y() {
+	let c = t("projectId"), { data: y, loading: b, error: x } = l(_, {
+		variables: { id: c },
+		skip: !c
 	});
-	if (!s) return /* @__PURE__ */ l("div", {
+	if (!c) return /* @__PURE__ */ u("div", {
 		className: "p-6 text-muted-foreground",
 		children: "No project selected. Open one from the list."
 	});
-	if (y && !v) return /* @__PURE__ */ l("div", {
+	if (b && !y) return /* @__PURE__ */ u("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ l("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ u("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (b) return /* @__PURE__ */ u("div", {
+	if (x) return /* @__PURE__ */ d("div", {
 		className: "p-6 text-red-500",
-		children: ["Error loading project: ", b.message]
+		children: ["Error loading project: ", x.message]
 	});
-	let x = v?.planmagnetProject;
-	if (!x) return /* @__PURE__ */ l("div", {
+	let S = y?.planmagnetProject;
+	if (!S) return /* @__PURE__ */ u("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Project not found."
 	});
-	let S = x.workItems ?? [], C = x.sprints ?? [], w = x.milestones ?? [], T = C.find((e) => e.status === "ACTIVE"), E = S.length, D = S.filter((e) => e.status === "DONE").length;
-	return /* @__PURE__ */ u("div", {
+	let C = S.workItems ?? [], w = S.sprints ?? [], T = S.milestones ?? [], E = w.find((e) => e.status === "ACTIVE"), D = w.filter((e) => e.status === "COMPLETED" && e.velocity != null).sort((e, t) => (t.endDate ?? "").localeCompare(e.endDate ?? ""))[0], O = C.length, k = C.filter((e) => e.status === "DONE").length;
+	return /* @__PURE__ */ d("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ l(i, { className: "h-5 w-5 text-primary" }),
-						/* @__PURE__ */ l("h1", {
+						/* @__PURE__ */ u(a, { className: "h-5 w-5 text-primary" }),
+						/* @__PURE__ */ u("h1", {
 							className: "text-2xl font-semibold",
-							children: x.name
+							children: S.name
 						}),
-						/* @__PURE__ */ l("span", {
-							className: `text-xs px-2 py-0.5 rounded-full capitalize ${_[x.status] ?? "bg-gray-100"}`,
-							children: x.status.toLowerCase().replace("_", " ")
+						/* @__PURE__ */ u("span", {
+							className: `text-xs px-2 py-0.5 rounded-full capitalize ${v[S.status] ?? "bg-gray-100"}`,
+							children: S.status.toLowerCase().replace("_", " ")
 						})
 					]
-				}), /* @__PURE__ */ l("p", {
+				}), /* @__PURE__ */ u("p", {
 					className: "text-sm text-muted-foreground mt-1",
-					children: x.description ?? "No description"
-				})] }), /* @__PURE__ */ u("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ l(d, {
-						className: "capitalize",
-						children: x.status.toLowerCase().replace("_", " ")
-					}), /* @__PURE__ */ l(d, {
+					children: S.description ?? "No description"
+				})] }), /* @__PURE__ */ d("div", {
+					className: "flex flex-col items-end gap-2",
+					children: [/* @__PURE__ */ u(n, {
+						projectId: S.id,
+						name: S.name,
+						status: S.status
+					}), /* @__PURE__ */ u(f, {
 						variant: "outline",
 						className: "capitalize",
-						children: x.methodology.toLowerCase()
+						children: S.methodology.toLowerCase()
 					})]
 				})]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
+					/* @__PURE__ */ u(p, { children: /* @__PURE__ */ d(m, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ l(r, { className: "h-4 w-4" }), "Work Items"]
-						}), /* @__PURE__ */ u("p", {
+							children: [/* @__PURE__ */ u(i, { className: "h-4 w-4" }), "Work Items"]
+						}), /* @__PURE__ */ d("p", {
 							className: "text-xl font-bold mt-1",
 							children: [
-								D,
+								k,
 								"/",
-								E
+								O
 							]
 						})]
 					}) }),
-					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
+					/* @__PURE__ */ u(p, { children: /* @__PURE__ */ d(m, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ l(o, { className: "h-4 w-4" }), "Sprints"]
-						}), /* @__PURE__ */ l("p", {
+							children: [/* @__PURE__ */ u(s, { className: "h-4 w-4" }), "Sprints"]
+						}), /* @__PURE__ */ u("p", {
 							className: "text-xl font-bold mt-1",
-							children: C.length
+							children: w.length
 						})]
 					}) }),
-					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
+					/* @__PURE__ */ u(p, { children: /* @__PURE__ */ d(m, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ l(n, { className: "h-4 w-4" }), "Milestones"]
-						}), /* @__PURE__ */ l("p", {
+							children: [/* @__PURE__ */ u(r, { className: "h-4 w-4" }), "Milestones"]
+						}), /* @__PURE__ */ u("p", {
 							className: "text-xl font-bold mt-1",
-							children: w.length
+							children: T.length
 						})]
 					}) }),
-					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
+					/* @__PURE__ */ u(p, { children: /* @__PURE__ */ d(m, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ l(a, { className: "h-4 w-4" }), "Owner"]
-						}), /* @__PURE__ */ l("p", {
+							children: [/* @__PURE__ */ u(o, { className: "h-4 w-4" }), "Owner"]
+						}), /* @__PURE__ */ u("p", {
 							className: "text-sm font-bold mt-1 truncate",
-							children: /* @__PURE__ */ l(e, { id: x.ownerId })
+							children: /* @__PURE__ */ u(e, { id: S.ownerId })
 						})]
 					}) })
 				]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(h, { children: "Timeline" }) }), /* @__PURE__ */ u(p, { children: [
-							/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Timeline" }) }), /* @__PURE__ */ d(m, { children: [
+							/* @__PURE__ */ d("div", {
 								className: "flex justify-between text-sm mb-2",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ u("span", {
 									className: "text-muted-foreground",
 									children: "Duration"
-								}), /* @__PURE__ */ l("span", {
+								}), /* @__PURE__ */ u("span", {
 									className: "font-medium",
-									children: E > 0 ? `${Math.round(D / E * 100)}% tasks done` : "No tasks yet"
+									children: O > 0 ? `${Math.round(k / O * 100)}% tasks done` : "No tasks yet"
 								})]
 							}),
-							/* @__PURE__ */ l("div", {
+							/* @__PURE__ */ u("div", {
 								className: "w-full h-4 rounded-full bg-muted overflow-hidden",
-								children: /* @__PURE__ */ l("div", {
+								children: /* @__PURE__ */ u("div", {
 									className: "h-full bg-primary rounded-full",
-									style: { width: `${E > 0 ? Math.round(D / E * 100) : 0}%` }
+									style: { width: `${O > 0 ? Math.round(k / O * 100) : 0}%` }
 								})
 							}),
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex justify-between text-xs text-muted-foreground mt-2",
-								children: [/* @__PURE__ */ l("span", { children: x.startDate ? new Date(x.startDate).toLocaleDateString() : "Not set" }), /* @__PURE__ */ l("span", { children: x.endDate ? new Date(x.endDate).toLocaleDateString() : "Not set" })]
+								children: [/* @__PURE__ */ u("span", { children: S.startDate ? new Date(S.startDate).toLocaleDateString() : "Not set" }), /* @__PURE__ */ u("span", { children: S.endDate ? new Date(S.endDate).toLocaleDateString() : "Not set" })]
 							})
 						] })] }),
-						T && /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ u(h, {
+						E && /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ d(g, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ l(o, { className: "h-4 w-4 text-primary" }), "Active Sprint"]
-						}) }), /* @__PURE__ */ u(p, {
+							children: [/* @__PURE__ */ u(s, { className: "h-4 w-4 text-primary" }), "Active Sprint"]
+						}) }), /* @__PURE__ */ d(m, {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ u("div", {
+								/* @__PURE__ */ d("div", {
 									className: "flex justify-between",
-									children: [/* @__PURE__ */ l("span", {
+									children: [/* @__PURE__ */ u("span", {
 										className: "font-medium",
-										children: T.name
-									}), /* @__PURE__ */ l(d, { children: "Active" })]
+										children: E.name
+									}), /* @__PURE__ */ u(f, { children: "Active" })]
 								}),
-								T.goal && /* @__PURE__ */ l("p", {
+								E.goal && /* @__PURE__ */ u("p", {
 									className: "text-sm text-muted-foreground",
-									children: T.goal
+									children: E.goal
 								}),
-								/* @__PURE__ */ u("div", {
+								/* @__PURE__ */ d("div", {
 									className: "grid grid-cols-3 gap-4 text-center",
 									children: [
-										/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("p", {
+										/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("p", {
 											className: "text-lg font-semibold",
 											children: [
-												T.workItems?.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0),
+												E.workItems?.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0),
 												"/",
-												T.workItems?.reduce((e, t) => e + (t.storyPoints ?? 0), 0) ?? 0
+												E.workItems?.reduce((e, t) => e + (t.storyPoints ?? 0), 0) ?? 0
 											]
-										}), /* @__PURE__ */ l("p", {
+										}), /* @__PURE__ */ u("p", {
 											className: "text-xs text-muted-foreground",
 											children: "Points"
 										})] }),
-										/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("p", {
+										/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("p", {
 											className: "text-lg font-semibold",
 											children: [
-												T.workItems?.filter((e) => e.status === "DONE").length ?? 0,
+												E.workItems?.filter((e) => e.status === "DONE").length ?? 0,
 												"/",
-												T.workItems?.length ?? 0
+												E.workItems?.length ?? 0
 											]
-										}), /* @__PURE__ */ l("p", {
+										}), /* @__PURE__ */ u("p", {
 											className: "text-xs text-muted-foreground",
 											children: "Tasks"
 										})] }),
-										/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+										/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 											className: "text-lg font-semibold",
-											children: T.velocity ?? 0
-										}), /* @__PURE__ */ l("p", {
+											children: D ? `${D.velocity} pts` : "—"
+										}), /* @__PURE__ */ u("p", {
 											className: "text-xs text-muted-foreground",
-											children: "Velocity"
+											children: "Velocity of the last sprint"
 										})] })
 									]
 								})
 							]
 						})] }),
-						/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ u(h, { children: [
+						/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ d(g, { children: [
 							"Recent Work Items (",
-							S.length,
+							C.length,
 							")"
-						] }) }), /* @__PURE__ */ u(p, {
+						] }) }), /* @__PURE__ */ d(m, {
 							className: "space-y-2",
-							children: [S.slice(0, 5).map((e) => /* @__PURE__ */ u("div", {
+							children: [C.slice(0, 5).map((e) => /* @__PURE__ */ d("div", {
 								className: "flex items-center justify-between border rounded-md p-2.5",
-								children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+								children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 									className: "text-sm font-medium",
 									children: e.key
-								}), /* @__PURE__ */ l("div", {
+								}), /* @__PURE__ */ u("div", {
 									className: "flex gap-1 mt-1",
-									children: e.labels.map((e) => /* @__PURE__ */ l("span", {
+									children: e.labels.map((e) => /* @__PURE__ */ u("span", {
 										className: "text-[10px] px-1.5 py-0.5 rounded bg-muted",
 										children: e
 									}, e))
-								})] }), /* @__PURE__ */ u("div", {
+								})] }), /* @__PURE__ */ d("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ u("span", {
+									children: [/* @__PURE__ */ d("span", {
 										className: "text-xs text-muted-foreground",
 										children: [e.storyPoints ?? 0, " pts"]
-									}), /* @__PURE__ */ l(d, {
+									}), /* @__PURE__ */ u(f, {
 										variant: "secondary",
 										className: "capitalize text-xs",
 										children: e.status.toLowerCase().replace("_", " ")
 									})]
 								})]
-							}, e.id)), S.length === 0 && /* @__PURE__ */ l("p", {
+							}, e.id)), C.length === 0 && /* @__PURE__ */ u("p", {
 								className: "text-sm text-muted-foreground text-center py-4",
 								children: "No work items yet."
 							})]
 						})] })
 					]
-				}), /* @__PURE__ */ u("div", {
+				}), /* @__PURE__ */ d("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ u(h, { children: [
+					children: [/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ d(g, { children: [
 						"Milestones (",
-						w.length,
+						T.length,
 						")"
-					] }) }), /* @__PURE__ */ u(p, {
+					] }) }), /* @__PURE__ */ d(m, {
 						className: "space-y-3",
-						children: [w.map((e) => /* @__PURE__ */ u("div", {
+						children: [T.map((e) => /* @__PURE__ */ d("div", {
 							className: "border-b pb-2 last:border-0",
-							children: [/* @__PURE__ */ u("div", {
+							children: [/* @__PURE__ */ d("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ u("span", {
 									className: "text-sm font-medium",
 									children: e.name
-								}), /* @__PURE__ */ l(d, {
+								}), /* @__PURE__ */ u(f, {
 									variant: "outline",
 									className: "text-xs capitalize",
 									children: e.status.toLowerCase().replace("_", " ")
 								})]
-							}), /* @__PURE__ */ u("div", {
+							}), /* @__PURE__ */ d("div", {
 								className: "flex items-center gap-1 text-xs text-muted-foreground mt-1",
-								children: [/* @__PURE__ */ l(n, { className: "h-3 w-3" }), e.dueDate ? new Date(e.dueDate).toLocaleDateString() : "No due date"]
+								children: [/* @__PURE__ */ u(r, { className: "h-3 w-3" }), e.dueDate ? new Date(e.dueDate).toLocaleDateString() : "No due date"]
 							})]
-						}, e.id)), w.length === 0 && /* @__PURE__ */ l("p", {
+						}, e.id)), T.length === 0 && /* @__PURE__ */ u("p", {
 							className: "text-sm text-muted-foreground text-center py-2",
 							children: "No milestones."
 						})]
-					})] }), /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(h, { children: "Details" }) }), /* @__PURE__ */ u(p, {
+					})] }), /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Details" }) }), /* @__PURE__ */ d(m, {
 						className: "space-y-2 text-sm",
 						children: [
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ u("span", {
 									className: "text-muted-foreground",
 									children: "Owner"
-								}), /* @__PURE__ */ l("span", { children: /* @__PURE__ */ l(e, { id: x.ownerId }) })]
+								}), /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(e, { id: S.ownerId }) })]
 							}),
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ u("span", {
 									className: "text-muted-foreground",
 									children: "Key"
-								}), /* @__PURE__ */ l("span", {
+								}), /* @__PURE__ */ u("span", {
 									className: "font-mono",
-									children: x.key
+									children: S.key
 								})]
 							}),
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ u("span", {
 									className: "text-muted-foreground",
 									children: "Methodology"
-								}), /* @__PURE__ */ l("span", {
+								}), /* @__PURE__ */ u("span", {
 									className: "capitalize",
-									children: x.methodology.toLowerCase()
+									children: S.methodology.toLowerCase()
 								})]
 							}),
-							x.tags.length > 0 && /* @__PURE__ */ u("div", {
+							S.tags.length > 0 && /* @__PURE__ */ d("div", {
 								className: "flex justify-between items-start",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ u("span", {
 									className: "text-muted-foreground",
 									children: "Tags"
-								}), /* @__PURE__ */ l("div", {
+								}), /* @__PURE__ */ u("div", {
 									className: "flex gap-1 flex-wrap justify-end",
-									children: x.tags.map((e) => /* @__PURE__ */ l(d, {
+									children: S.tags.map((e) => /* @__PURE__ */ u(f, {
 										variant: "outline",
 										className: "text-xs",
 										children: e
@@ -364,6 +366,6 @@ function v() {
 	});
 }
 //#endregion
-export { v as ProjectsProjectDetailPagePage };
+export { y as ProjectsProjectDetailPagePage };
 
 //# sourceMappingURL=ProjectsProjectDetailPagePage.js.map