@burdenoff/microfe-planmagnet 2026.509.103

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsMilestonesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsMilestonesPagePage.tsx"],"names":[],"mappings":"AA4CA,wBAAgB,0BAA0B,4CAkGzC"}

package/dist/planmagnet/pages/ProjectsMilestonesPagePage.js

@@ -0,0 +1,119 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { useState as t } from "react";
+import { Calendar as n, Target as r, User as i } from "lucide-react";
+import { gql as a } from "@apollo/client";
+import { useQuery as o } from "@apollo/client/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Card as l, CardContent as u, CardHeader as d, CardTitle as f } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProjectsMilestonesPagePage.tsx
+var p = a`
+  query GetMilestones($workspaceId: ID!, $filter: MilestoneFilter) {
+    planmagnetMilestones(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {
+      items {
+        id
+        name
+        description
+        projectId
+        status
+        dueDate
+        ownerId
+        createdAt
+      }
+      totalCount
+    }
+  }
+`, m = {
+	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"
+}, h = [
+	"all",
+	"PENDING",
+	"IN_PROGRESS",
+	"COMPLETED",
+	"MISSED",
+	"CANCELLED"
+];
+function g() {
+	let { workspaceId: a } = e(), [g, _] = t("all"), { data: v, loading: y, error: b } = o(p, { variables: {
+		workspaceId: a ?? "default",
+		filter: g === "all" ? void 0 : { status: g }
+	} });
+	if (y) return /* @__PURE__ */ s("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ s("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	});
+	if (b) return /* @__PURE__ */ c("div", {
+		className: "p-6 text-red-500",
+		children: ["Error loading milestones: ", b.message]
+	});
+	let x = v?.planmagnetMilestones?.items ?? [], S = v?.planmagnetMilestones?.totalCount ?? 0;
+	return /* @__PURE__ */ c("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
+				className: "text-2xl font-semibold",
+				children: "Milestones"
+			}), /* @__PURE__ */ c("p", {
+				className: "text-sm text-muted-foreground",
+				children: [S, " milestones across all projects"]
+			})] }),
+			/* @__PURE__ */ s("div", {
+				className: "flex gap-1",
+				children: h.map((e) => /* @__PURE__ */ s("button", {
+					onClick: () => _(e),
+					className: `px-3 py-1.5 text-sm rounded-md capitalize ${g === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+					children: e === "all" ? "All" : e.toLowerCase().replace("_", " ")
+				}, e))
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+				children: x.map((e) => /* @__PURE__ */ c(l, { children: [/* @__PURE__ */ s(d, {
+					className: "pb-2",
+					children: /* @__PURE__ */ c("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ c(f, {
+							className: "text-base flex items-center gap-2",
+							children: [/* @__PURE__ */ s(r, { className: "h-4 w-4 text-primary" }), e.name]
+						}), /* @__PURE__ */ s("span", {
+							className: `text-xs px-2 py-0.5 rounded-full capitalize ${m[e.status] ?? "bg-gray-100"}`,
+							children: e.status.toLowerCase().replace("_", " ")
+						})]
+					})
+				}), /* @__PURE__ */ c(u, {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ s("p", {
+							className: "text-sm text-muted-foreground",
+							children: e.description ?? "No description"
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "flex gap-3 text-xs text-muted-foreground",
+							children: [/* @__PURE__ */ c("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ s(n, { className: "h-3 w-3" }), e.dueDate ? new Date(e.dueDate).toLocaleDateString() : "No due date"]
+							}), e.ownerId && /* @__PURE__ */ c("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ s(i, { className: "h-3 w-3" }), e.ownerId]
+							})]
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "text-xs text-muted-foreground",
+							children: ["Project: ", e.projectId]
+						})
+					]
+				})] }, e.id))
+			}),
+			x.length === 0 && /* @__PURE__ */ s("p", {
+				className: "text-center text-muted-foreground py-8",
+				children: "No milestones found."
+			})
+		]
+	});
+}
+//#endregion
+export { g as ProjectsMilestonesPagePage };
+
+//# sourceMappingURL=ProjectsMilestonesPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsMilestonesPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsMilestonesPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Target, Calendar, User } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst GET_MILESTONES = gql`\n  query GetMilestones($workspaceId: ID!, $filter: MilestoneFilter) {\n    planmagnetMilestones(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {\n      items {\n        id\n        name\n        description\n        projectId\n        status\n        dueDate\n        ownerId\n        createdAt\n      }\n      totalCount\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\nconst milestoneStatuses = [\n  'all',\n  'PENDING',\n  'IN_PROGRESS',\n  'COMPLETED',\n  'MISSED',\n  'CANCELLED',\n] as const;\n\nexport function ProjectsMilestonesPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const [filter, setFilter] = useState<string>('all');\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, {\n      variables: {\n        workspaceId: workspaceId ?? 'default',\n        filter: filter !== 'all' ? { status: filter } : undefined,\n      },\n    });\n\n  if (loading)\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 milestones: {error.message}</div>;\n\n  const milestones = data?.planmagnetMilestones?.items ?? [];\n  const totalCount = data?.planmagnetMilestones?.totalCount ?? 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Milestones</h1>\n        <p className=\"text-sm text-muted-foreground\">{totalCount} milestones across all projects</p>\n      </div>\n      <div className=\"flex gap-1\">\n        {milestoneStatuses.map((s) => (\n          <button\n            key={s}\n            onClick={() => setFilter(s)}\n            className={`px-3 py-1.5 text-sm rounded-md capitalize ${filter === s ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n          >\n            {s === 'all' ? 'All' : s.toLowerCase().replace('_', ' ')}\n          </button>\n        ))}\n      </div>\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {milestones.map(\n          (ms: {\n            id: string;\n            name: string;\n            description: string | null;\n            projectId: string;\n            status: string;\n            dueDate: string | null;\n            ownerId: string | null;\n          }) => (\n            <Card key={ms.id}>\n              <CardHeader className=\"pb-2\">\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base flex items-center gap-2\">\n                    <Target className=\"h-4 w-4 text-primary\" />\n                    {ms.name}\n                  </CardTitle>\n                  <span\n                    className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[ms.status] ?? 'bg-gray-100'}`}\n                  >\n                    {ms.status.toLowerCase().replace('_', ' ')}\n                  </span>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <p className=\"text-sm text-muted-foreground\">\n                  {ms.description ?? 'No description'}\n                </p>\n                <div className=\"flex gap-3 text-xs text-muted-foreground\">\n                  <span className=\"flex items-center gap-1\">\n                    <Calendar className=\"h-3 w-3\" />\n                    {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : 'No due date'}\n                  </span>\n                  {ms.ownerId && (\n                    <span className=\"flex items-center gap-1\">\n                      <User className=\"h-3 w-3\" />\n                      {ms.ownerId}\n                    </span>\n                  )}\n                </div>\n                <div className=\"text-xs text-muted-foreground\">Project: {ms.projectId}</div>\n              </CardContent>\n            </Card>\n          )\n        )}\n      </div>\n      {milestones.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">No milestones found.</p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AASA,IAAM,IAAiB,CAAG;;;;;;;;;;;;;;;;GAkBpB,IAAsC;CAC1C,SAAS;CACT,aAAa;CACb,WAAW;CACX,QAAQ;CACR,WAAW;CACZ,EAEK,IAAoB;CACxB;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,IAA6B;CAC3C,IAAM,EAAE,mBAAgB,GAAe,EACjC,CAAC,GAAQ,KAAa,EAAiB,MAAM,EAE7C,EACJ,SACA,YACA,aAGA,EAA8B,GAAgB,EAC5C,WAAW;EACT,aAAa,KAAe;EAC5B,QAAQ,MAAW,QAA6B,KAAA,IAArB,EAAE,QAAQ,GAAQ;EAC9C,EACF,CAAC;AAEJ,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA;AAEV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAkC,8BAA2B,EAAM,QAAc;;CAE1F,IAAM,IAAa,GAAM,sBAAsB,SAAS,EAAE,EACpD,IAAa,GAAM,sBAAsB,cAAc;AAE7D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAe,CAAA,EACtD,kBAAC,KAAD;IAAG,WAAU;cAAb,CAA8C,GAAW,kCAAmC;MACxF,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAkB,KAAK,MACtB,kBAAC,UAAD;KAEE,eAAe,EAAU,EAAE;KAC3B,WAAW,6CAA6C,MAAW,IAAI,uCAAuC;eAE7G,MAAM,QAAQ,QAAQ,EAAE,aAAa,CAAC,QAAQ,KAAK,IAAI;KACjD,EALF,EAKE,CACT;IACE,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAW,KACT,MASC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAY,WAAU;eACpB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OAAW,WAAU;iBAArB,CACE,kBAAC,GAAD,EAAQ,WAAU,wBAAyB,CAAA,EAC1C,EAAG,KACM;UACZ,kBAAC,QAAD;OACE,WAAW,+CAA+C,EAAY,EAAG,WAAW;iBAEnF,EAAG,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;OACrC,CAAA,CACH;;KACK,CAAA,EACb,kBAAC,GAAD;KAAa,WAAU;eAAvB;MACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAG,eAAe;OACjB,CAAA;MACJ,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAC/B,EAAG,UAAU,IAAI,KAAK,EAAG,QAAQ,CAAC,oBAAoB,GAAG,cACrD;WACN,EAAG,WACF,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,EAAG,QACC;UAEL;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAA+C,aAAU,EAAG,UAAgB;;MAChE;OACT,EAAA,EAhCI,EAAG,GAgCP,CAEV;IACG,CAAA;GACL,EAAW,WAAW,KACrB,kBAAC,KAAD;IAAG,WAAU;cAAyC;IAAwB,CAAA;GAE5E"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsPlanningDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsPlanningDetailPagePage.tsx"],"names":[],"mappings":"AAkCA,wBAAgB,8BAA8B,4CA2K7C"}

package/dist/planmagnet/pages/ProjectsPlanningDetailPagePage.js

@@ -0,0 +1,257 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { BarChart3 as t, CalendarClock as n, FolderKanban as r, Users as i } from "lucide-react";
+import { gql as a } from "@apollo/client";
+import { useQuery as o } from "@apollo/client/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProjectsPlanningDetailPagePage.tsx
+var m = a`
+  query GetSprintDetail($workspaceId: ID!) {
+    planmagnetSprints(workspaceId: $workspaceId, pagination: { first: 1 }) {
+      items {
+        id
+        name
+        projectId
+        status
+        startDate
+        endDate
+        goal
+        capacity
+        velocity
+        workItems {
+          id
+          key
+          status
+          storyPoints
+          assigneeId
+          priority
+        }
+      }
+    }
+  }
+`;
+function h() {
+	let { workspaceId: a } = e(), { data: h, loading: g, error: _ } = o(m, { variables: { workspaceId: a ?? "default" } });
+	if (g) return /* @__PURE__ */ s("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ s("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	});
+	if (_) return /* @__PURE__ */ c("div", {
+		className: "p-6 text-red-500",
+		children: ["Error loading planning session: ", _.message]
+	});
+	let v = h?.planmagnetSprints?.items?.[0];
+	if (!v) return /* @__PURE__ */ s("div", {
+		className: "p-6 text-muted-foreground",
+		children: "Planning session not found."
+	});
+	let y = v.workItems ?? [], b = y.reduce((e, t) => e + (t.storyPoints ?? 0), 0);
+	y.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0);
+	let x = v.capacity ?? b, S = x > 0 ? Math.round(b / x * 100) : 0, C = x - b, w = [...new Set(y.map((e) => e.assigneeId).filter(Boolean))];
+	return /* @__PURE__ */ c("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ c("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
+				className: "text-2xl font-semibold",
+				children: v.name
+			}), /* @__PURE__ */ c("p", {
+				className: "text-sm text-muted-foreground",
+				children: [
+					v.projectId,
+					" ·",
+					" ",
+					v.startDate ? new Date(v.startDate).toLocaleDateString() : "—",
+					" -",
+					" ",
+					v.endDate ? new Date(v.endDate).toLocaleDateString() : "—"
+				]
+			})] }), /* @__PURE__ */ s("div", {
+				className: "flex gap-2",
+				children: /* @__PURE__ */ s(l, {
+					className: "capitalize",
+					children: v.status.toLowerCase().replace("_", " ")
+				})
+			})]
+		}), /* @__PURE__ */ c("div", {
+			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+			children: [/* @__PURE__ */ c("div", {
+				className: "lg:col-span-2 space-y-6",
+				children: [/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(p, { children: "Capacity Allocation" }) }), /* @__PURE__ */ c(d, {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ c("div", {
+						className: "grid grid-cols-3 gap-4 text-center",
+						children: [
+							/* @__PURE__ */ c("div", {
+								className: "p-4 bg-muted rounded-md",
+								children: [/* @__PURE__ */ s("p", {
+									className: "text-2xl font-bold",
+									children: x
+								}), /* @__PURE__ */ s("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Capacity"
+								})]
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "p-4 bg-primary/10 rounded-md",
+								children: [/* @__PURE__ */ s("p", {
+									className: "text-2xl font-bold text-primary",
+									children: b
+								}), /* @__PURE__ */ s("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Allocated"
+								})]
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "p-4 bg-muted rounded-md",
+								children: [/* @__PURE__ */ s("p", {
+									className: "text-2xl font-bold",
+									children: C > 0 ? C : 0
+								}), /* @__PURE__ */ s("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Remaining"
+								})]
+							})
+						]
+					}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("div", {
+						className: "flex justify-between text-sm mb-2",
+						children: [/* @__PURE__ */ s("span", {
+							className: "text-muted-foreground",
+							children: "Utilization"
+						}), /* @__PURE__ */ c("span", {
+							className: "font-medium",
+							children: [S, "%"]
+						})]
+					}), /* @__PURE__ */ s("div", {
+						className: "w-full h-4 rounded-full bg-muted overflow-hidden",
+						children: /* @__PURE__ */ s("div", {
+							className: `h-full rounded-full ${S > 90 ? "bg-red-400" : "bg-green-400"}`,
+							style: { width: `${Math.min(S, 100)}%` }
+						})
+					})] })]
+				})] }), /* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(f, { children: /* @__PURE__ */ c(p, { children: [
+					"Team Members (",
+					w.length,
+					")"
+				] }) }), /* @__PURE__ */ s(d, { children: /* @__PURE__ */ c("div", {
+					className: "grid grid-cols-2 gap-3",
+					children: [w.map((e) => /* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2 border rounded-md p-2.5",
+						children: [/* @__PURE__ */ s("div", {
+							className: "h-8 w-8 rounded-full bg-primary/10 flex items-center justify-center text-xs font-medium text-primary",
+							children: e.slice(0, 2).toUpperCase()
+						}), /* @__PURE__ */ s("span", {
+							className: "text-sm truncate",
+							children: e
+						})]
+					}, e)), w.length === 0 && /* @__PURE__ */ s("p", {
+						className: "text-sm text-muted-foreground col-span-2 text-center py-4",
+						children: "No team members assigned."
+					})]
+				}) })] })]
+			}), /* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(p, { children: "Session Info" }) }), /* @__PURE__ */ c(d, {
+				className: "space-y-3 text-sm",
+				children: [
+					/* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ s(r, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ s("span", {
+								className: "text-muted-foreground",
+								children: "Project:"
+							}),
+							/* @__PURE__ */ s("span", {
+								className: "font-medium",
+								children: v.projectId
+							})
+						]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ s(n, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ s("span", {
+								className: "text-muted-foreground",
+								children: "Start:"
+							}),
+							/* @__PURE__ */ s("span", {
+								className: "font-medium",
+								children: v.startDate ? new Date(v.startDate).toLocaleDateString() : "Not set"
+							})
+						]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ s(n, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ s("span", {
+								className: "text-muted-foreground",
+								children: "End:"
+							}),
+							/* @__PURE__ */ s("span", {
+								className: "font-medium",
+								children: v.endDate ? new Date(v.endDate).toLocaleDateString() : "Not set"
+							})
+						]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ s(i, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ s("span", {
+								className: "text-muted-foreground",
+								children: "Assignees:"
+							}),
+							/* @__PURE__ */ s("span", {
+								className: "font-medium",
+								children: w.length
+							})
+						]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ s(t, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ s("span", {
+								className: "text-muted-foreground",
+								children: "Capacity:"
+							}),
+							/* @__PURE__ */ c("span", {
+								className: "font-medium",
+								children: [x, " pts"]
+							})
+						]
+					}),
+					v.velocity != null && /* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ s(t, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ s("span", {
+								className: "text-muted-foreground",
+								children: "Velocity:"
+							}),
+							/* @__PURE__ */ c("span", {
+								className: "font-medium",
+								children: [v.velocity, " pts"]
+							})
+						]
+					}),
+					v.goal && /* @__PURE__ */ c("div", {
+						className: "border-t pt-3 mt-3",
+						children: [/* @__PURE__ */ s("p", {
+							className: "text-muted-foreground text-xs mb-1",
+							children: "Goal"
+						}), /* @__PURE__ */ s("p", {
+							className: "text-sm",
+							children: v.goal
+						})]
+					})
+				]
+			})] })]
+		})]
+	});
+}
+//#endregion
+export { h as ProjectsPlanningDetailPagePage };
+
+//# sourceMappingURL=ProjectsPlanningDetailPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsPlanningDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsPlanningDetailPagePage.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 { CalendarClock, Users, BarChart3, FolderKanban } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst GET_SPRINT_DETAIL = gql`\n  query GetSprintDetail($workspaceId: ID!) {\n    planmagnetSprints(workspaceId: $workspaceId, pagination: { first: 1 }) {\n      items {\n        id\n        name\n        projectId\n        status\n        startDate\n        endDate\n        goal\n        capacity\n        velocity\n        workItems {\n          id\n          key\n          status\n          storyPoints\n          assigneeId\n          priority\n        }\n      }\n    }\n  }\n`;\n\nexport function ProjectsPlanningDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\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_SPRINT_DETAIL, {\n      variables: { workspaceId: workspaceId ?? 'default' },\n    });\n\n  if (loading)\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 planning session: {error.message}</div>;\n\n  const sprint = data?.planmagnetSprints?.items?.[0];\n  if (!sprint) return <div className=\"p-6 text-muted-foreground\">Planning session not found.</div>;\n\n  const workItems = sprint.workItems ?? [];\n  const totalPoints = workItems.reduce(\n    (sum: number, wi: { storyPoints: number | null }) => sum + (wi.storyPoints ?? 0),\n    0\n  );\n  const completedPoints = workItems\n    .filter((wi: { status: string }) => wi.status === 'DONE')\n    .reduce((sum: number, wi: { storyPoints: number | null }) => sum + (wi.storyPoints ?? 0), 0);\n  const allocatedCapacity = sprint.capacity ?? totalPoints;\n  const capPct = allocatedCapacity > 0 ? Math.round((totalPoints / allocatedCapacity) * 100) : 0;\n  const remaining = allocatedCapacity - totalPoints;\n\n  // Derive unique assignees from work items\n  const uniqueAssignees = [\n    ...new Set(\n      workItems\n        .map((wi: { assigneeId: string | null }) => wi.assigneeId)\n        .filter(Boolean) as string[]\n    ),\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">{sprint.name}</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {sprint.projectId} &middot;{' '}\n            {sprint.startDate ? new Date(sprint.startDate).toLocaleDateString() : '—'} -{' '}\n            {sprint.endDate ? new Date(sprint.endDate).toLocaleDateString() : '—'}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Badge className=\"capitalize\">{sprint.status.toLowerCase().replace('_', ' ')}</Badge>\n        </div>\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>Capacity Allocation</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <div className=\"grid grid-cols-3 gap-4 text-center\">\n                <div className=\"p-4 bg-muted rounded-md\">\n                  <p className=\"text-2xl font-bold\">{allocatedCapacity}</p>\n                  <p className=\"text-xs text-muted-foreground\">Capacity</p>\n                </div>\n                <div className=\"p-4 bg-primary/10 rounded-md\">\n                  <p className=\"text-2xl font-bold text-primary\">{totalPoints}</p>\n                  <p className=\"text-xs text-muted-foreground\">Allocated</p>\n                </div>\n                <div className=\"p-4 bg-muted rounded-md\">\n                  <p className=\"text-2xl font-bold\">{remaining > 0 ? remaining : 0}</p>\n                  <p className=\"text-xs text-muted-foreground\">Remaining</p>\n                </div>\n              </div>\n              <div>\n                <div className=\"flex justify-between text-sm mb-2\">\n                  <span className=\"text-muted-foreground\">Utilization</span>\n                  <span className=\"font-medium\">{capPct}%</span>\n                </div>\n                <div className=\"w-full h-4 rounded-full bg-muted overflow-hidden\">\n                  <div\n                    className={`h-full rounded-full ${capPct > 90 ? 'bg-red-400' : 'bg-green-400'}`}\n                    style={{ width: `${Math.min(capPct, 100)}%` }}\n                  />\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader>\n              <CardTitle>Team Members ({uniqueAssignees.length})</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"grid grid-cols-2 gap-3\">\n                {uniqueAssignees.map((assigneeId: string) => (\n                  <div key={assigneeId} className=\"flex items-center gap-2 border rounded-md p-2.5\">\n                    <div className=\"h-8 w-8 rounded-full bg-primary/10 flex items-center justify-center text-xs font-medium text-primary\">\n                      {assigneeId.slice(0, 2).toUpperCase()}\n                    </div>\n                    <span className=\"text-sm truncate\">{assigneeId}</span>\n                  </div>\n                ))}\n                {uniqueAssignees.length === 0 && (\n                  <p className=\"text-sm text-muted-foreground col-span-2 text-center py-4\">\n                    No team members assigned.\n                  </p>\n                )}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n        <Card>\n          <CardHeader>\n            <CardTitle>Session Info</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3 text-sm\">\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              <span className=\"font-medium\">{sprint.projectId}</span>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <CalendarClock className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Start:</span>\n              <span className=\"font-medium\">\n                {sprint.startDate ? new Date(sprint.startDate).toLocaleDateString() : 'Not set'}\n              </span>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <CalendarClock className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">End:</span>\n              <span className=\"font-medium\">\n                {sprint.endDate ? new Date(sprint.endDate).toLocaleDateString() : 'Not set'}\n              </span>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <Users className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Assignees:</span>\n              <span className=\"font-medium\">{uniqueAssignees.length}</span>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <BarChart3 className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Capacity:</span>\n              <span className=\"font-medium\">{allocatedCapacity} pts</span>\n            </div>\n            {sprint.velocity != null && (\n              <div className=\"flex items-center gap-2\">\n                <BarChart3 className=\"h-4 w-4 text-muted-foreground\" />\n                <span className=\"text-muted-foreground\">Velocity:</span>\n                <span className=\"font-medium\">{sprint.velocity} pts</span>\n              </div>\n            )}\n            {sprint.goal && (\n              <div className=\"border-t pt-3 mt-3\">\n                <p className=\"text-muted-foreground text-xs mb-1\">Goal</p>\n                <p className=\"text-sm\">{sprint.goal}</p>\n              </div>\n            )}\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

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

package/dist/planmagnet/pages/ProjectsPlanningEditPagePage.js

@@ -0,0 +1,222 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { useMemo as t, useState as n } from "react";
+import { ArrowLeft as r, Save as i } from "lucide-react";
+import { gql as a } from "@apollo/client";
+import { useMutation as o, useQuery as s } from "@apollo/client/react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, Input as h } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProjectsPlanningEditPagePage.tsx
+var g = a`
+  query GetSprintForEdit($workspaceId: ID!) {
+    planmagnetSprints(workspaceId: $workspaceId, pagination: { first: 1 }) {
+      items {
+        id
+        name
+        projectId
+        status
+        startDate
+        endDate
+        goal
+        capacity
+      }
+    }
+    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {
+      items {
+        id
+        name
+      }
+    }
+  }
+`, _ = a`
+  mutation UpdateSprint($id: ID!, $input: UpdateSprintInput!) {
+    planmagnetUpdateSprint(id: $id, input: $input) {
+      id
+      name
+      status
+      startDate
+      endDate
+      goal
+      capacity
+    }
+  }
+`;
+function v() {
+	let { workspaceId: a } = e(), { data: v, loading: y, error: b } = s(g, { variables: { workspaceId: a ?? "default" } }), [x, S] = n(null), C = v?.planmagnetSprints?.items?.[0], w = v?.planmagnetProjects?.items ?? [], T = t(() => ({
+		name: C?.name ?? "",
+		status: C?.status ?? "PLANNING",
+		startDate: C?.startDate ? C.startDate.split("T")[0] : "",
+		endDate: C?.endDate ? C.endDate.split("T")[0] : "",
+		goal: C?.goal ?? "",
+		capacity: C?.capacity?.toString() ?? ""
+	}), [C]), [E, D] = n({}), O = {
+		...T,
+		...E
+	}, k = (e) => D(e), [A, { loading: j, error: M }] = o(_, {
+		refetchQueries: [
+			"GetSprints",
+			"GetSprintDetail",
+			"GetSprintForEdit",
+			"GetDashboardData"
+		],
+		onCompleted: () => {
+			S("Sprint updated successfully.");
+		}
+	});
+	return y ? /* @__PURE__ */ c("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ c("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	}) : b ? /* @__PURE__ */ l("div", {
+		className: "p-6 text-red-500",
+		children: ["Error loading sprint: ", b.message]
+	}) : C ? /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ l("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ c(u, {
+						variant: "ghost",
+						size: "sm",
+						children: /* @__PURE__ */ c(r, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+						className: "text-2xl font-semibold",
+						children: "Edit Planning Session"
+					}), /* @__PURE__ */ c("p", {
+						className: "text-sm text-muted-foreground",
+						children: C.name
+					})] })]
+				}), /* @__PURE__ */ l(u, {
+					size: "sm",
+					onClick: () => {
+						C && planmagnetUpdateSprint({ variables: {
+							id: C.id,
+							input: {
+								name: O.name || void 0,
+								status: O.status || void 0,
+								startDate: O.startDate || void 0,
+								endDate: O.endDate || void 0,
+								goal: O.goal || void 0,
+								capacity: O.capacity ? parseInt(O.capacity, 10) : void 0
+							}
+						} });
+					},
+					disabled: j,
+					children: [/* @__PURE__ */ c(i, { className: "mr-1 h-4 w-4" }), j ? "Saving..." : "Save Changes"]
+				})]
+			}),
+			x && /* @__PURE__ */ c("div", {
+				className: "p-3 bg-green-50 text-green-800 rounded-md text-sm",
+				children: x
+			}),
+			M && /* @__PURE__ */ l("div", {
+				className: "p-3 bg-red-50 text-red-800 rounded-md text-sm",
+				children: ["Error: ", M.message]
+			}),
+			/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ c(m, { children: "Session Details" }) }), /* @__PURE__ */ l(f, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						className: "text-sm font-medium",
+						children: "Name"
+					}), /* @__PURE__ */ c(h, {
+						value: O.name,
+						onChange: (e) => k({
+							...O,
+							name: e.target.value
+						}),
+						className: "mt-1"
+					})] }),
+					/* @__PURE__ */ l("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+							className: "text-sm font-medium",
+							children: "Project"
+						}), /* @__PURE__ */ c("div", {
+							className: "mt-1 w-full rounded-md border border-input bg-muted px-3 py-2 text-sm text-muted-foreground",
+							children: w.find((e) => e.id === C.projectId)?.name ?? C.projectId
+						})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+							className: "text-sm font-medium",
+							children: "Status"
+						}), /* @__PURE__ */ c("select", {
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+							value: O.status,
+							onChange: (e) => k({
+								...O,
+								status: e.target.value
+							}),
+							children: [
+								"PLANNING",
+								"ACTIVE",
+								"REVIEW",
+								"COMPLETED",
+								"CANCELLED"
+							].map((e) => /* @__PURE__ */ c("option", {
+								value: e,
+								children: e.toLowerCase().replace(/_/g, " ")
+							}, e))
+						})] })]
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+							className: "text-sm font-medium",
+							children: "Start Date"
+						}), /* @__PURE__ */ c(h, {
+							type: "date",
+							value: O.startDate,
+							onChange: (e) => k({
+								...O,
+								startDate: e.target.value
+							}),
+							className: "mt-1"
+						})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+							className: "text-sm font-medium",
+							children: "End Date"
+						}), /* @__PURE__ */ c(h, {
+							type: "date",
+							value: O.endDate,
+							onChange: (e) => k({
+								...O,
+								endDate: e.target.value
+							}),
+							className: "mt-1"
+						})] })]
+					}),
+					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						className: "text-sm font-medium",
+						children: "Goal"
+					}), /* @__PURE__ */ c("textarea", {
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[60px]",
+						value: O.goal,
+						onChange: (e) => k({
+							...O,
+							goal: e.target.value
+						}),
+						placeholder: "Sprint goal..."
+					})] }),
+					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						className: "text-sm font-medium",
+						children: "Capacity (story points)"
+					}), /* @__PURE__ */ c(h, {
+						type: "number",
+						value: O.capacity,
+						onChange: (e) => k({
+							...O,
+							capacity: e.target.value
+						}),
+						className: "mt-1",
+						placeholder: "e.g. 40"
+					})] })
+				]
+			})] })
+		]
+	}) : /* @__PURE__ */ c("div", {
+		className: "p-6 text-muted-foreground",
+		children: "Planning session not found."
+	});
+}
+//#endregion
+export { v as ProjectsPlanningEditPagePage };
+
+//# sourceMappingURL=ProjectsPlanningEditPagePage.js.map