npm - @burdenoff/microfe-planmagnet - Versions diffs - 2026.928.5 → 2026.928.6 - Mend

@burdenoff/microfe-planmagnet 2026.928.5 → 2026.928.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

package/dist/planmagnet/pages/ProjectsPlanningPagePage.js CHANGED Viewed

@@ -1,15 +1,17 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
-import { detailPath as n, rowLinkProps as r } from "../utils/rowNavigation.js";
-import { NewSprintDialog as i } from "../sprints/SprintControls.js";
-import { CalendarClock as a, FolderKanban 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 { TeamSelect as n } from "../controls/Pickers.js";
+import { detailPath as r, rowLinkProps as i } from "../utils/rowNavigation.js";
+import { NewSprintDialog as a } from "../sprints/SprintControls.js";
+import { useState as o } from "react";
+import { CalendarClock as s, FolderKanban as c, Users as l } from "lucide-react";
+import { gql as u } from "@apollo/client";
+import { useQuery as d } from "@apollo/client/react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Badge as h, Card as g, CardContent as _, CardHeader as v, CardTitle as y } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProjectsPlanningPagePage.tsx
-var g = s`
-  query GetSprints($workspaceId: ID!) {
-    planmagnetSprints(workspaceId: $workspaceId, pagination: { first: 100 }) {
+var b = u`
+  query GetSprints($workspaceId: ID!, $filter: PlanmagnetSprintFilter) {
+    planmagnetSprints(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {
       items {
         id
         name
@@ -18,6 +20,10 @@ var g = s`
           id
           name
         }
+        team {
+          id
+          name
+        }
         status
         startDate
         endDate
@@ -33,107 +39,121 @@ var g = s`
       totalCount
     }
   }
-`, _ = {
+`, x = {
 	PLANNING: "bg-blue-100 text-blue-800",
 	ACTIVE: "bg-green-100 text-green-800",
 	REVIEW: "bg-purple-100 text-purple-800",
 	COMPLETED: "bg-gray-100 text-gray-800",
 	CANCELLED: "bg-red-100 text-red-800"
 };
-function v() {
-	let { workspaceId: s } = e(), v = t(), { data: y, loading: b, error: x } = c(g, { variables: { workspaceId: s ?? "default" } });
-	if (b && !y) return /* @__PURE__ */ l("div", {
+function S() {
+	let { workspaceId: u } = e(), S = t(), [C, w] = o(""), { data: T, loading: E, error: D } = d(b, { variables: {
+		workspaceId: u ?? "default",
+		filter: C ? { teamId: C } : void 0
+	} });
+	if (E && !T) return /* @__PURE__ */ p("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__ */ p("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (x) return /* @__PURE__ */ u("div", {
+	if (D) return /* @__PURE__ */ m("div", {
 		className: "p-6 text-red-500",
-		children: ["Error loading planning sessions: ", x.message]
+		children: ["Error loading planning sessions: ", D.message]
 	});
-	let S = y?.planmagnetSprints?.items ?? [];
-	return /* @__PURE__ */ u("div", {
+	let O = T?.planmagnetSprints?.items ?? [];
+	return /* @__PURE__ */ m("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
+				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-semibold",
 					children: "Planning Sessions"
-				}), /* @__PURE__ */ u("p", {
+				}), /* @__PURE__ */ m("p", {
 					className: "text-sm text-muted-foreground",
-					children: [y?.planmagnetSprints?.totalCount ?? S.length, " sprints across all projects"]
-				})] }), /* @__PURE__ */ l(i, { onCreated: (e) => v(n("/projects/planning-detail-page", e)) })]
+					children: [T?.planmagnetSprints?.totalCount ?? O.length, " sprints across all projects"]
+				})] }), /* @__PURE__ */ m("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ p(n, {
+						value: C,
+						onChange: w,
+						noneLabel: "All teams"
+					}), /* @__PURE__ */ p(a, { onCreated: (e) => S(r("/projects/planning-detail-page", e)) })]
+				})]
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ p("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-				children: S.map((e) => {
-					let t = e.workItems.reduce((e, t) => e + (t.storyPoints ?? 0), 0), i = e.capacity ?? 0, s = i > 0 ? Math.round(t / i * 100) : 0;
-					return /* @__PURE__ */ u(f, {
-						...r(() => v(n("/projects/planning-detail-page", e.id)), e.name),
-						children: [/* @__PURE__ */ l(m, {
+				children: O.map((e) => {
+					let t = e.workItems.reduce((e, t) => e + (t.storyPoints ?? 0), 0), n = e.capacity ?? 0, a = n > 0 ? Math.round(t / n * 100) : 0;
+					return /* @__PURE__ */ m(g, {
+						...i(() => S(r("/projects/planning-detail-page", e.id)), e.name),
+						children: [/* @__PURE__ */ p(v, {
 							className: "pb-2",
-							children: /* @__PURE__ */ u("div", {
+							children: /* @__PURE__ */ m("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ u(h, {
+								children: [/* @__PURE__ */ m(y, {
 									className: "text-base flex items-center gap-2",
-									children: [/* @__PURE__ */ l(a, { className: "h-4 w-4 text-primary" }), e.name]
-								}), /* @__PURE__ */ l(d, {
+									children: [/* @__PURE__ */ p(s, { className: "h-4 w-4 text-primary" }), e.name]
+								}), /* @__PURE__ */ p(h, {
 									variant: e.status === "COMPLETED" ? "default" : "secondary",
 									className: "capitalize",
 									children: e.status.toLowerCase().replace("_", " ")
 								})]
 							})
-						}), /* @__PURE__ */ u(p, {
+						}), /* @__PURE__ */ m(_, {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ u("div", {
+								/* @__PURE__ */ m("div", {
 									className: "flex gap-2",
-									children: [/* @__PURE__ */ l("span", {
-										className: `text-xs px-2 py-0.5 rounded-full capitalize ${_[e.status] ?? "bg-gray-100"}`,
+									children: [/* @__PURE__ */ p("span", {
+										className: `text-xs px-2 py-0.5 rounded-full capitalize ${x[e.status] ?? "bg-gray-100"}`,
 										children: e.status.toLowerCase().replace("_", " ")
-									}), /* @__PURE__ */ u("span", {
+									}), /* @__PURE__ */ p("span", {
 										className: "text-xs text-muted-foreground flex items-center gap-1",
-										children: [/* @__PURE__ */ l(o, { className: "h-3 w-3" }), e.project?.name ?? "Unknown project"]
+										children: e.team ? /* @__PURE__ */ m(f, { children: [
+											/* @__PURE__ */ p(l, { className: "h-3 w-3" }),
+											"Team: ",
+											e.team.name
+										] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(c, { className: "h-3 w-3" }), e.project?.name ?? "Unknown project"] })
 									})]
 								}),
-								e.goal && /* @__PURE__ */ l("p", {
+								e.goal && /* @__PURE__ */ p("p", {
 									className: "text-sm text-muted-foreground",
 									children: e.goal
 								}),
-								/* @__PURE__ */ u("div", {
+								/* @__PURE__ */ m("div", {
 									className: "flex gap-3 text-xs text-muted-foreground",
-									children: [/* @__PURE__ */ u("span", {
+									children: [/* @__PURE__ */ m("span", {
 										className: "flex items-center gap-1",
 										children: [
-											/* @__PURE__ */ l(a, { className: "h-3 w-3" }),
+											/* @__PURE__ */ p(s, { className: "h-3 w-3" }),
 											e.startDate ? new Date(e.startDate).toLocaleDateString() : "—",
 											" -",
 											" ",
 											e.endDate ? new Date(e.endDate).toLocaleDateString() : "—"
 										]
-									}), /* @__PURE__ */ u("span", { children: [e.workItems.length, " work items"] })]
+									}), /* @__PURE__ */ m("span", { children: [e.workItems.length, " work items"] })]
 								}),
-								i > 0 && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("div", {
+								n > 0 && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
 									className: "flex justify-between text-xs mb-1",
-									children: [/* @__PURE__ */ l("span", {
+									children: [/* @__PURE__ */ p("span", {
 										className: "text-muted-foreground",
 										children: "Capacity"
-									}), /* @__PURE__ */ u("span", {
+									}), /* @__PURE__ */ m("span", {
 										className: "font-medium",
 										children: [
 											t,
 											"/",
-											i,
+											n,
 											" pts (",
-											s,
+											a,
 											"%)"
 										]
 									})]
-								}), /* @__PURE__ */ l("div", {
+								}), /* @__PURE__ */ p("div", {
 									className: "w-full h-2 rounded-full bg-muted overflow-hidden",
-									children: /* @__PURE__ */ l("div", {
-										className: `h-full rounded-full ${s > 90 ? "bg-red-400" : "bg-primary"}`,
-										style: { width: `${Math.min(s, 100)}%` }
+									children: /* @__PURE__ */ p("div", {
+										className: `h-full rounded-full ${a > 90 ? "bg-red-400" : "bg-primary"}`,
+										style: { width: `${Math.min(a, 100)}%` }
 									})
 								})] })
 							]
@@ -141,7 +161,7 @@ function v() {
 					}, e.id);
 				})
 			}),
-			S.length === 0 && /* @__PURE__ */ l("p", {
+			O.length === 0 && /* @__PURE__ */ p("p", {
 				className: "text-center text-muted-foreground py-8",
 				children: "No planning sessions found."
 			})
@@ -149,6 +169,6 @@ function v() {
 	});
 }
 //#endregion
-export { v as ProjectsPlanningPagePage };
+export { S as ProjectsPlanningPagePage };
 //# sourceMappingURL=ProjectsPlanningPagePage.js.map

package/dist/planmagnet/pages/ProjectsPlanningPagePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectsPlanningPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsPlanningPagePage.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, FolderKanban } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { NewSprintDialog } from '../sprints/SprintControls';\n\nconst GET_SPRINTS = gql`\n query GetSprints($workspaceId: ID!) {\n planmagnetSprints(workspaceId: $workspaceId, pagination: { first: 100 }) {\n items {\n id\n name\n projectId\n project {\n id\n name\n }\n status\n startDate\n endDate\n goal\n capacity\n velocity\n workItems {\n id\n status\n storyPoints\n }\n }\n totalCount\n }\n }\n`;\n\nconst statusColor: Record<string, string> = {\n PLANNING: 'bg-blue-100 text-blue-800',\n ACTIVE: 'bg-green-100 text-green-800',\n REVIEW: 'bg-purple-100 text-purple-800',\n COMPLETED: 'bg-gray-100 text-gray-800',\n CANCELLED: 'bg-red-100 text-red-800',\n};\n\nexport function ProjectsPlanningPagePage() {\n const { workspaceId } = usePlanMagnet();\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_SPRINTS, {\n variables: { workspaceId: workspaceId ?? 'default' },\n });\n\n // Only before the first load: a refetch after a sprint action must not blank\n // the page (it unmounted the controls mid-action).\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 planning sessions: {error.message}</div>;\n\n const sprints = data?.planmagnetSprints?.items ?? [];\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\">Planning Sessions</h1>\n <p className=\"text-sm text-muted-foreground\">\n {/* The server total, not the loaded page's length (BOFF-7970). /}\n {data?.planmagnetSprints?.totalCount ?? sprints.length} sprints across all projects\n </p>\n </div>\n <NewSprintDialog\n onCreated={(id) => navigate(detailPath('/projects/planning-detail-page', id))}\n />\n </div>\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n {sprints.map(\n (sprint: {\n id: string;\n name: string;\n projectId: string;\n project: { id: string; name: string } \| null;\n status: string;\n startDate: string \| null;\n endDate: string \| null;\n goal: string \| null;\n capacity: number \| null;\n velocity: number \| null;\n workItems: { id: string; status: string; storyPoints: number \| null }[];\n }) => {\n const totalPoints = sprint.workItems.reduce(\n (sum: number, wi: { storyPoints: number \| null }) => sum + (wi.storyPoints ?? 0),\n 0\n );\n const allocatedCapacity = sprint.capacity ?? 0;\n const capPct =\n allocatedCapacity > 0 ? Math.round((totalPoints / allocatedCapacity) 100) : 0;\n return (\n <Card\n key={sprint.id}\n {...rowLinkProps(\n () => navigate(detailPath('/projects/planning-detail-page', sprint.id)),\n sprint.name\n )}\n >\n <CardHeader className=\"pb-2\">\n <div className=\"flex items-center justify-between\">\n <CardTitle className=\"text-base flex items-center gap-2\">\n <CalendarClock className=\"h-4 w-4 text-primary\" />\n {sprint.name}\n </CardTitle>\n <Badge\n variant={sprint.status === 'COMPLETED' ? 'default' : 'secondary'}\n className=\"capitalize\"\n >\n {sprint.status.toLowerCase().replace('_', ' ')}\n </Badge>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <div className=\"flex gap-2\">\n <span\n className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[sprint.status] ?? 'bg-gray-100'}`}\n >\n {sprint.status.toLowerCase().replace('_', ' ')}\n </span>\n <span className=\"text-xs text-muted-foreground flex items-center gap-1\">\n <FolderKanban className=\"h-3 w-3\" />\n {sprint.project?.name ?? 'Unknown project'}\n </span>\n </div>\n {sprint.goal && <p className=\"text-sm text-muted-foreground\">{sprint.goal}</p>}\n <div className=\"flex gap-3 text-xs text-muted-foreground\">\n <span className=\"flex items-center gap-1\">\n <CalendarClock className=\"h-3 w-3\" />\n {sprint.startDate\n ? new Date(sprint.startDate).toLocaleDateString()\n : '—'} -{' '}\n {sprint.endDate ? new Date(sprint.endDate).toLocaleDateString() : '—'}\n </span>\n <span>{sprint.workItems.length} work items</span>\n </div>\n {allocatedCapacity > 0 && (\n <div>\n <div className=\"flex justify-between text-xs mb-1\">\n <span className=\"text-muted-foreground\">Capacity</span>\n <span className=\"font-medium\">\n {totalPoints}/{allocatedCapacity} pts ({capPct}%)\n </span>\n </div>\n <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n <div\n className={`h-full rounded-full ${capPct > 90 ? 'bg-red-400' : 'bg-primary'}`}\n style={{ width: `${Math.min(capPct, 100)}%` }}\n />\n </div>\n </div>\n )}\n </CardContent>\n </Card>\n );\n }\n )}\n </div>\n {sprints.length === 0 && (\n <p className=\"text-center text-muted-foreground py-8\">No planning sessions found.</p>\n )}\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ProjectsPlanningPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsPlanningPagePage.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 { CalendarClock, FolderKanban, Users } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { NewSprintDialog } from '../sprints/SprintControls';\nimport { TeamSelect } from '../controls/Pickers';\n\nconst GET_SPRINTS = gql`\n query GetSprints($workspaceId: ID!, $filter: PlanmagnetSprintFilter) {\n planmagnetSprints(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {\n items {\n id\n name\n projectId\n project {\n id\n name\n }\n team {\n id\n name\n }\n status\n startDate\n endDate\n goal\n capacity\n velocity\n workItems {\n id\n status\n storyPoints\n }\n }\n totalCount\n }\n }\n`;\n\nconst statusColor: Record<string, string> = {\n PLANNING: 'bg-blue-100 text-blue-800',\n ACTIVE: 'bg-green-100 text-green-800',\n REVIEW: 'bg-purple-100 text-purple-800',\n COMPLETED: 'bg-gray-100 text-gray-800',\n CANCELLED: 'bg-red-100 text-red-800',\n};\n\nexport function ProjectsPlanningPagePage() {\n const { workspaceId } = usePlanMagnet();\n const navigate = usePlanMagnetNavigate();\n // BOFF-8044: an optional team filter, symmetric with the already-schema-supported (but until now\n // UI-unused) projectId filter. '' means \"every team and every project\".\n const [teamFilter, setTeamFilter] = useState('');\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_SPRINTS, {\n variables: {\n workspaceId: workspaceId ?? 'default',\n filter: teamFilter ? { teamId: teamFilter } : undefined,\n },\n });\n\n // Only before the first load: a refetch after a sprint action must not blank\n // the page (it unmounted the controls mid-action).\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 planning sessions: {error.message}</div>;\n\n const sprints = data?.planmagnetSprints?.items ?? [];\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\">Planning Sessions</h1>\n <p className=\"text-sm text-muted-foreground\">\n {/* The server total, not the loaded page's length (BOFF-7970). /}\n {data?.planmagnetSprints?.totalCount ?? sprints.length} sprints across all projects\n </p>\n </div>\n <div className=\"flex items-center gap-2\">\n <TeamSelect value={teamFilter} onChange={setTeamFilter} noneLabel=\"All teams\" />\n <NewSprintDialog\n onCreated={(id) => navigate(detailPath('/projects/planning-detail-page', id))}\n />\n </div>\n </div>\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n {sprints.map(\n (sprint: {\n id: string;\n name: string;\n projectId: string;\n project: { id: string; name: string } \| null;\n team: { id: string; name: string } \| null;\n status: string;\n startDate: string \| null;\n endDate: string \| null;\n goal: string \| null;\n capacity: number \| null;\n velocity: number \| null;\n workItems: { id: string; status: string; storyPoints: number \| null }[];\n }) => {\n const totalPoints = sprint.workItems.reduce(\n (sum: number, wi: { storyPoints: number \| null }) => sum + (wi.storyPoints ?? 0),\n 0\n );\n const allocatedCapacity = sprint.capacity ?? 0;\n const capPct =\n allocatedCapacity > 0 ? Math.round((totalPoints / allocatedCapacity) 100) : 0;\n return (\n <Card\n key={sprint.id}\n {...rowLinkProps(\n () => navigate(detailPath('/projects/planning-detail-page', sprint.id)),\n sprint.name\n )}\n >\n <CardHeader className=\"pb-2\">\n <div className=\"flex items-center justify-between\">\n <CardTitle className=\"text-base flex items-center gap-2\">\n <CalendarClock className=\"h-4 w-4 text-primary\" />\n {sprint.name}\n </CardTitle>\n <Badge\n variant={sprint.status === 'COMPLETED' ? 'default' : 'secondary'}\n className=\"capitalize\"\n >\n {sprint.status.toLowerCase().replace('_', ' ')}\n </Badge>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <div className=\"flex gap-2\">\n <span\n className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[sprint.status] ?? 'bg-gray-100'}`}\n >\n {sprint.status.toLowerCase().replace('_', ' ')}\n </span>\n <span className=\"text-xs text-muted-foreground flex items-center gap-1\">\n {sprint.team ? (\n <>\n <Users className=\"h-3 w-3\" />\n Team: {sprint.team.name}\n </>\n ) : (\n <>\n <FolderKanban className=\"h-3 w-3\" />\n {sprint.project?.name ?? 'Unknown project'}\n </>\n )}\n </span>\n </div>\n {sprint.goal && <p className=\"text-sm text-muted-foreground\">{sprint.goal}</p>}\n <div className=\"flex gap-3 text-xs text-muted-foreground\">\n <span className=\"flex items-center gap-1\">\n <CalendarClock className=\"h-3 w-3\" />\n {sprint.startDate\n ? new Date(sprint.startDate).toLocaleDateString()\n : '—'} -{' '}\n {sprint.endDate ? new Date(sprint.endDate).toLocaleDateString() : '—'}\n </span>\n <span>{sprint.workItems.length} work items</span>\n </div>\n {allocatedCapacity > 0 && (\n <div>\n <div className=\"flex justify-between text-xs mb-1\">\n <span className=\"text-muted-foreground\">Capacity</span>\n <span className=\"font-medium\">\n {totalPoints}/{allocatedCapacity} pts ({capPct}%)\n </span>\n </div>\n <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n <div\n className={`h-full rounded-full ${capPct > 90 ? 'bg-red-400' : 'bg-primary'}`}\n style={{ width: `${Math.min(capPct, 100)}%` }}\n />\n </div>\n </div>\n )}\n </CardContent>\n </Card>\n );\n }\n )}\n </div>\n {sprints.length === 0 && (\n <p className=\"text-center text-muted-foreground py-8\">No planning sessions found.</p>\n )}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/ProjectsProjectDetailPagePage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectsProjectDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsProjectDetailPagePage.tsx"],"names":[],"mappings":"~~AA8GA~~,wBAAgB,6BAA6B,~~4CA+c5C~~"}
1	+ {"version":3,"file":"ProjectsProjectDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsProjectDetailPagePage.tsx"],"names":[],"mappings":"AAuHA,wBAAgB,6BAA6B,4CAiiB5C"}