@burdenoff/microfe-planmagnet 2026.726.1 → 2026.730.2

package/dist/planmagnet/pages/AnalyticsAnalyticsPagePage.js

@@ -1,12 +1,26 @@
 import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
-import { BarChart3 as t, FolderKanban as n, Target as r, TrendingUp as i, Zap as a } from "lucide-react";
-import { gql as o } from "@apollo/client";
-import { useQuery as s } from "@apollo/client/react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+import { Legend as t } from "../../node_modules/recharts/es6/component/Legend.js";
+import { Tooltip as n } from "../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as r } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Bar as i } from "../../node_modules/recharts/es6/cartesian/Bar.js";
+import { ReferenceLine as ee } from "../../node_modules/recharts/es6/cartesian/ReferenceLine.js";
+import { CartesianGrid as a } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { Line as o } from "../../node_modules/recharts/es6/cartesian/Line.js";
+import { Area as s } from "../../node_modules/recharts/es6/cartesian/Area.js";
+import { XAxis as c } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as l } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { LineChart as te } from "../../node_modules/recharts/es6/chart/LineChart.js";
+import { BarChart as ne } from "../../node_modules/recharts/es6/chart/BarChart.js";
+import { AreaChart as u } from "../../node_modules/recharts/es6/chart/AreaChart.js";
+import { useState as d } from "react";
+import { BarChart3 as f, FolderKanban as re, Target as ie, TrendingUp as p, Zap as m } from "lucide-react";
+import { gql as h } from "@apollo/client";
+import { useQuery as g } from "@apollo/client/react";
+import { Fragment as ae, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useI18n as oe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as se, Card as y, CardContent as b, CardHeader as x, CardTitle as S, Select as C, SelectContent as w, SelectItem as T, SelectTrigger as E, SelectValue as D } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/AnalyticsAnalyticsPagePage.tsx
-var g = o`
+var ce = h`
   query GetAnalyticsData(
     $workspaceId: ID!
     $projectPagination: PlanmagnetPaginationInput
@@ -43,6 +57,7 @@ var g = o`
         status
         velocity
         capacity
+        projectId
         startDate
         endDate
       }
@@ -58,255 +73,457 @@ var g = o`
       totalCount
     }
   }
-`;
-function _() {
-	let { workspaceId: o } = e(), { t: _ } = u(), { data: v, loading: y, error: b } = s(g, {
+`, le = h`
+  query GetSprintBurndown($workspaceId: ID!, $sprintId: ID!) {
+    planmagnetSprintBurndown(workspaceId: $workspaceId, sprintId: $sprintId) {
+      sprintId
+      startDate
+      endDate
+      totalPoints
+      totalCount
+      points {
+        date
+        remainingPoints
+        remainingCount
+        completedPoints
+        completedCount
+      }
+    }
+  }
+`, O = h`
+  query GetVelocity($workspaceId: ID!, $projectId: ID!, $trailingSprintCount: Int) {
+    planmagnetVelocity(
+      workspaceId: $workspaceId
+      projectId: $projectId
+      trailingSprintCount: $trailingSprintCount
+    ) {
+      projectId
+      averageVelocity
+      forecastNextSprintPoints
+      sprints {
+        sprintId
+        sprintName
+        sequenceNumber
+        completedPoints
+        completedCount
+        plannedPoints
+      }
+    }
+  }
+`, k = h`
+  query GetCumulativeFlow($workspaceId: ID!, $projectId: ID!) {
+    planmagnetCumulativeFlow(workspaceId: $workspaceId, projectId: $projectId) {
+      projectId
+      startDate
+      endDate
+      points {
+        date
+        statuses {
+          status
+          count
+        }
+      }
+    }
+  }
+`, A = {
+	BACKLOG: "#9ca3af",
+	TODO: "#60a5fa",
+	IN_PROGRESS: "#fbbf24",
+	IN_REVIEW: "#a78bfa",
+	TESTING: "#f472b6",
+	DONE: "#4ade80",
+	CANCELLED: "#f87171"
+};
+function j(e) {
+	let t = new Date(e);
+	return `${t.getUTCMonth() + 1}/${t.getUTCDate()}`;
+}
+function M() {
+	let { workspaceId: h } = e(), { t: M } = oe(), [ue, de] = d(""), [fe, N] = d(""), { data: P, loading: F, error: I } = g(ce, {
 		variables: {
-			workspaceId: o,
+			workspaceId: h,
 			projectPagination: { first: 100 },
 			workItemPagination: { first: 500 },
 			sprintPagination: { first: 100 },
 			milestonePagination: { first: 100 }
 		},
-		skip: !o
+		skip: !h
+	}), L = P?.planmagnetProjects?.items ?? [], R = P?.planmagnetWorkItems?.items ?? [], z = P?.planmagnetSprints?.items ?? [], B = P?.planmagnetMilestones?.items ?? [], V = ue || L[0]?.id || "", H = z.filter((e) => e.projectId === V), U = fe || H[0]?.id || "", { data: pe, loading: me } = g(le, {
+		variables: {
+			workspaceId: h,
+			sprintId: U
+		},
+		skip: !h || !U
+	}), { data: he, loading: ge } = g(O, {
+		variables: {
+			workspaceId: h,
+			projectId: V,
+			trailingSprintCount: 6
+		},
+		skip: !h || !V
+	}), { data: _e, loading: ve } = g(k, {
+		variables: {
+			workspaceId: h,
+			projectId: V
+		},
+		skip: !h || !V
 	});
-	if (y) return /* @__PURE__ */ c("div", {
+	if (F) return /* @__PURE__ */ _("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" })
+		children: /* @__PURE__ */ _("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (b) return /* @__PURE__ */ l("div", {
+	if (I) return /* @__PURE__ */ v("div", {
 		className: "p-6 text-red-500",
 		children: [
-			_("planmagnet.analytics.errorLoading", "Error loading analytics"),
+			M("planmagnet.analytics.errorLoading", "Error loading analytics"),
 			": ",
-			b.message
+			I.message
 		]
 	});
-	let x = v?.planmagnetProjects?.items ?? [], S = v?.planmagnetWorkItems?.items ?? [], C = v?.planmagnetSprints?.items ?? [], w = v?.planmagnetMilestones?.items ?? [], T = S.length, E = S.filter((e) => e.status === "DONE").length, D = S.filter((e) => e.status === "BLOCKED").length, O = S.reduce((e, t) => e + (t.storyPoints ?? 0), 0), k = S.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0), A = C.filter((e) => e.velocity != null && e.velocity > 0), j = A.length > 0 ? Math.round(A.reduce((e, t) => e + (t.velocity ?? 0), 0) / A.length) : 0, M = C.filter((e) => e.status === "ACTIVE").length, N = w.filter((e) => e.status === "AT_RISK" || e.status === "OVERDUE").length, P = x.filter((e) => e.status === "ACTIVE").length, F = T > 0 ? Math.round(E / T * 100) : 0, I = A.slice(-6).map((e) => ({
-		label: e.name,
-		pts: e.velocity ?? 0
-	})), L = I.length > 0 ? Math.max(...I.map((e) => e.pts)) : 1, R = S.reduce((e, t) => (e[t.status] = (e[t.status] || 0) + 1, e), {}), z = {
-		BACKLOG: "bg-gray-400",
-		TODO: "bg-blue-400",
-		IN_PROGRESS: "bg-yellow-400",
-		IN_REVIEW: "bg-purple-400",
-		DONE: "bg-green-400",
-		BLOCKED: "bg-red-400"
-	}, B = [
+	let W = R.length, ye = R.filter((e) => e.status === "DONE").length, G = R.filter((e) => e.status === "BLOCKED").length, be = R.reduce((e, t) => e + (t.storyPoints ?? 0), 0), xe = R.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0), K = z.filter((e) => e.status === "ACTIVE").length, Se = B.filter((e) => e.status === "AT_RISK" || e.status === "OVERDUE").length, q = L.filter((e) => e.status === "ACTIVE").length, Ce = W > 0 ? Math.round(ye / W * 100) : 0, J = (pe?.planmagnetSprintBurndown)?.points.map((e) => ({
+		day: j(e.date),
+		remaining: e.remainingPoints,
+		completed: e.completedPoints
+	})) ?? [], Y = he?.planmagnetVelocity, X = Y?.sprints.map((e) => ({
+		name: e.sprintName,
+		completed: e.completedPoints,
+		planned: e.plannedPoints ?? void 0
+	})) ?? [], Z = Y ? Math.round(Y.averageVelocity) : 0, we = Y ? Math.round(Y.forecastNextSprintPoints) : 0, Q = _e?.planmagnetCumulativeFlow, Te = Array.from(new Set(Q?.points.flatMap((e) => e.statuses.map((e) => e.status)) ?? [])), $ = Q?.points.map((e) => {
+		let t = { day: j(e.date) };
+		for (let n of e.statuses) t[n.status] = n.count;
+		return t;
+	}) ?? [], Ee = [
 		{
-			label: _("planmagnet.analytics.metrics.totalWorkItems.label", "Total Work Items"),
-			value: String(T),
-			trend: `${F}% ${_("planmagnet.analytics.metrics.totalWorkItems.trend", "completed")}`
+			label: M("planmagnet.analytics.metrics.totalWorkItems.label", "Total Work Items"),
+			value: String(W),
+			trend: `${Ce}% ${M("planmagnet.analytics.metrics.totalWorkItems.trend", "completed")}`
 		},
 		{
-			label: _("planmagnet.analytics.metrics.storyPoints.label", "Story Points"),
-			value: String(O),
-			trend: `${k} ${_("planmagnet.analytics.metrics.storyPoints.trend", "completed")}`
+			label: M("planmagnet.analytics.metrics.storyPoints.label", "Story Points"),
+			value: String(be),
+			trend: `${xe} ${M("planmagnet.analytics.metrics.storyPoints.trend", "completed")}`
 		},
 		{
-			label: _("planmagnet.analytics.metrics.activeProjects.label", "Active Projects"),
-			value: String(P),
-			trend: `${x.length} ${_("planmagnet.analytics.metrics.activeProjects.trend", "total")}`
+			label: M("planmagnet.analytics.metrics.activeProjects.label", "Active Projects"),
+			value: String(q),
+			trend: `${L.length} ${M("planmagnet.analytics.metrics.activeProjects.trend", "total")}`
 		},
 		{
-			label: _("planmagnet.analytics.metrics.blockedItems.label", "Blocked Items"),
-			value: String(D),
-			trend: D > 0 ? _("planmagnet.analytics.metrics.blockedItems.attention", "Needs attention") : _("planmagnet.analytics.metrics.blockedItems.clear", "All clear")
+			label: M("planmagnet.analytics.metrics.blockedItems.label", "Blocked Items"),
+			value: String(G),
+			trend: G > 0 ? M("planmagnet.analytics.metrics.blockedItems.attention", "Needs attention") : M("planmagnet.analytics.metrics.blockedItems.clear", "All clear")
 		}
 	];
-	return /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ v("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+			/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
 				className: "text-2xl font-semibold",
-				children: _("planmagnet.analytics.title", "Analytics Dashboard")
-			}), /* @__PURE__ */ c("p", {
+				children: M("planmagnet.analytics.title", "Analytics Dashboard")
+			}), /* @__PURE__ */ _("p", {
 				className: "text-sm text-muted-foreground",
-				children: _("planmagnet.analytics.subtitle", "Overview of project health and team performance")
+				children: M("planmagnet.analytics.subtitle", "Overview of project health and team performance")
 			})] }),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ _("div", {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
-				children: B.map((e) => /* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+				children: Ee.map((e) => /* @__PURE__ */ _(y, { children: /* @__PURE__ */ v(b, {
 					className: "pt-4",
 					children: [
-						/* @__PURE__ */ c("p", {
+						/* @__PURE__ */ _("p", {
 							className: "text-xs text-muted-foreground",
 							children: e.label
 						}),
-						/* @__PURE__ */ c("p", {
+						/* @__PURE__ */ _("p", {
 							className: "text-xl font-bold mt-1",
 							children: e.value
 						}),
-						/* @__PURE__ */ c("p", {
+						/* @__PURE__ */ _("p", {
 							className: "text-xs text-green-600 mt-1",
 							children: e.trend
 						})
 					]
 				}) }, e.label))
 			}),
-			/* @__PURE__ */ l("div", {
-				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ l(h, {
-					className: "flex items-center gap-2",
-					children: [
-						/* @__PURE__ */ c(t, { className: "h-4 w-4" }),
-						_("planmagnet.analytics.velocity.title", "Sprint Velocity"),
-						" (",
-						I.length,
-						" ",
-						_("planmagnet.analytics.velocity.sprints", "Sprints"),
-						")"
-					]
-				}) }), /* @__PURE__ */ c(p, { children: I.length > 0 ? /* @__PURE__ */ c("div", {
-					className: "flex items-end gap-2 h-40",
-					children: I.map((e) => /* @__PURE__ */ l("div", {
-						className: "flex-1 flex flex-col items-center gap-1",
-						children: [
-							/* @__PURE__ */ c("div", {
-								className: "w-full flex justify-center",
-								children: /* @__PURE__ */ c("div", {
-									className: "w-6 bg-primary rounded-t",
-									style: { height: `${e.pts / L * 130}px` }
-								})
-							}),
-							/* @__PURE__ */ c("span", {
-								className: "text-xs text-muted-foreground truncate max-w-full",
-								children: e.label
-							}),
-							/* @__PURE__ */ c("span", {
-								className: "text-[10px] font-medium",
-								children: e.pts
-							})
-						]
-					}, e.label))
-				}) : /* @__PURE__ */ c("p", {
-					className: "text-sm text-muted-foreground py-8 text-center",
-					children: _("planmagnet.analytics.velocity.empty", "No sprint velocity data available yet")
-				}) })] }), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(h, { children: _("planmagnet.analytics.taskDistribution.title", "Task Distribution") }) }), /* @__PURE__ */ l(p, {
-					className: "space-y-3",
-					children: [Object.entries(R).map(([e, t]) => {
-						let n = T > 0 ? Math.round(t / T * 100) : 0;
-						return /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("div", {
-							className: "flex justify-between text-sm mb-1",
-							children: [/* @__PURE__ */ c("span", {
-								className: "capitalize",
-								children: e.toLowerCase().replace("_", " ")
-							}), /* @__PURE__ */ l("span", {
-								className: "font-medium",
-								children: [
-									t,
-									" (",
-									n,
-									"%)"
-								]
-							})]
-						}), /* @__PURE__ */ c("div", {
-							className: "w-full h-2 rounded-full bg-muted overflow-hidden",
-							children: /* @__PURE__ */ c("div", {
-								className: `h-full rounded-full ${z[e] ?? "bg-gray-300"}`,
-								style: { width: `${n}%` }
-							})
-						})] }, e);
-					}), Object.keys(R).length === 0 && /* @__PURE__ */ c("p", {
-						className: "text-sm text-muted-foreground py-4 text-center",
-						children: _("planmagnet.analytics.taskDistribution.empty", "No work items found")
-					})]
-				})] })]
-			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ v("div", {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+					/* @__PURE__ */ _(y, { children: /* @__PURE__ */ v(b, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ l("div", {
+						children: [/* @__PURE__ */ v("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ c(n, { className: "h-4 w-4" }), _("planmagnet.analytics.summary.activeProjects", "Active Projects")]
-						}), /* @__PURE__ */ c("p", {
+							children: [/* @__PURE__ */ _(re, { className: "h-4 w-4" }), M("planmagnet.analytics.summary.activeProjects", "Active Projects")]
+						}), /* @__PURE__ */ _("p", {
 							className: "text-xl font-bold mt-1",
-							children: P
+							children: q
 						})]
 					}) }),
-					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+					/* @__PURE__ */ _(y, { children: /* @__PURE__ */ v(b, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ l("div", {
+						children: [/* @__PURE__ */ v("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ c(a, { className: "h-4 w-4" }), _("planmagnet.analytics.summary.activeSprints", "Active Sprints")]
-						}), /* @__PURE__ */ c("p", {
+							children: [/* @__PURE__ */ _(m, { className: "h-4 w-4" }), M("planmagnet.analytics.summary.activeSprints", "Active Sprints")]
+						}), /* @__PURE__ */ _("p", {
 							className: "text-xl font-bold mt-1",
-							children: M
+							children: K
 						})]
 					}) }),
-					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+					/* @__PURE__ */ _(y, { children: /* @__PURE__ */ v(b, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ l("div", {
+						children: [/* @__PURE__ */ v("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ c(i, { className: "h-4 w-4" }), _("planmagnet.analytics.summary.avgVelocity", "Avg Velocity")]
-						}), /* @__PURE__ */ l("p", {
+							children: [/* @__PURE__ */ _(p, { className: "h-4 w-4" }), M("planmagnet.analytics.summary.avgVelocity", "Avg Velocity")]
+						}), /* @__PURE__ */ v("p", {
 							className: "text-xl font-bold mt-1",
 							children: [
-								j,
+								Z,
 								" ",
-								_("planmagnet.analytics.summary.pointsShort", "pts")
+								M("planmagnet.analytics.summary.pointsShort", "pts")
 							]
 						})]
 					}) }),
-					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+					/* @__PURE__ */ _(y, { children: /* @__PURE__ */ v(b, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ l("div", {
+						children: [/* @__PURE__ */ v("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ c(r, { className: "h-4 w-4" }), _("planmagnet.analytics.summary.atRisk", "At Risk")]
-						}), /* @__PURE__ */ l("p", {
+							children: [/* @__PURE__ */ _(ie, { className: "h-4 w-4" }), M("planmagnet.analytics.summary.atRisk", "At Risk")]
+						}), /* @__PURE__ */ v("p", {
 							className: "text-xl font-bold mt-1",
 							children: [
-								N,
+								Se,
 								" ",
-								_("planmagnet.analytics.summary.milestones", "milestones")
+								M("planmagnet.analytics.summary.milestones", "milestones")
 							]
 						})]
 					}) })
 				]
 			}),
-			/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(h, { children: _("planmagnet.analytics.projectHealth.title", "Project Health") }) }), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ l("div", {
+			/* @__PURE__ */ v("div", {
+				className: "flex flex-col sm:flex-row gap-3 items-start sm:items-center",
+				children: [/* @__PURE__ */ _("h2", {
+					className: "text-lg font-semibold",
+					children: M("planmagnet.analytics.delivery.title", "Sprint Delivery Analytics")
+				}), /* @__PURE__ */ v("div", {
+					className: "flex gap-2 sm:ml-auto",
+					children: [/* @__PURE__ */ v(C, {
+						value: V,
+						onValueChange: (e) => {
+							de(e), N("");
+						},
+						children: [/* @__PURE__ */ _(E, {
+							className: "h-8 w-48",
+							children: /* @__PURE__ */ _(D, { placeholder: M("planmagnet.analytics.delivery.projectPlaceholder", "Select project") })
+						}), /* @__PURE__ */ _(w, { children: L.map((e) => /* @__PURE__ */ _(T, {
+							value: e.id,
+							children: e.name
+						}, e.id)) })]
+					}), /* @__PURE__ */ v(C, {
+						value: U,
+						onValueChange: N,
+						children: [/* @__PURE__ */ _(E, {
+							className: "h-8 w-48",
+							children: /* @__PURE__ */ _(D, { placeholder: M("planmagnet.analytics.delivery.sprintPlaceholder", "Select sprint") })
+						}), /* @__PURE__ */ _(w, { children: H.map((e) => /* @__PURE__ */ _(T, {
+							value: e.id,
+							children: e.name
+						}, e.id)) })]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ v(y, { children: [/* @__PURE__ */ _(x, { children: /* @__PURE__ */ v(S, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ _(f, { className: "h-4 w-4" }), M("planmagnet.analytics.burndown.title", "Sprint Burndown")]
+				}) }), /* @__PURE__ */ _(b, { children: me ? /* @__PURE__ */ _("div", {
+					className: "flex justify-center py-12",
+					children: /* @__PURE__ */ _("div", { className: "animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full" })
+				}) : J.length > 0 ? /* @__PURE__ */ _(r, {
+					width: "100%",
+					height: 220,
+					children: /* @__PURE__ */ v(te, {
+						data: J,
+						children: [
+							/* @__PURE__ */ _(a, {
+								strokeDasharray: "3 3",
+								opacity: .2
+							}),
+							/* @__PURE__ */ _(c, {
+								dataKey: "day",
+								tick: { fontSize: 11 }
+							}),
+							/* @__PURE__ */ _(l, {
+								tick: { fontSize: 11 },
+								allowDecimals: !1
+							}),
+							/* @__PURE__ */ _(n, {}),
+							/* @__PURE__ */ _(t, { wrapperStyle: { fontSize: 12 } }),
+							/* @__PURE__ */ _(o, {
+								type: "monotone",
+								dataKey: "remaining",
+								name: M("planmagnet.analytics.burndown.remaining", "Remaining points"),
+								stroke: "#f59e0b",
+								strokeWidth: 2,
+								dot: { r: 2 }
+							}),
+							/* @__PURE__ */ _(o, {
+								type: "monotone",
+								dataKey: "completed",
+								name: M("planmagnet.analytics.burndown.completed", "Completed points"),
+								stroke: "#22c55e",
+								strokeWidth: 2,
+								dot: { r: 2 }
+							})
+						]
+					})
+				}) : /* @__PURE__ */ _("p", {
+					className: "text-sm text-muted-foreground py-8 text-center",
+					children: M("planmagnet.analytics.burndown.empty", "No sprint selected, or the sprint has no work items yet")
+				}) })] }), /* @__PURE__ */ v(y, { children: [/* @__PURE__ */ _(x, { children: /* @__PURE__ */ v(S, {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ _(p, { className: "h-4 w-4" }),
+						M("planmagnet.analytics.velocity.title", "Sprint Velocity"),
+						" (",
+						X.length,
+						" ",
+						M("planmagnet.analytics.velocity.sprints", "Sprints"),
+						")"
+					]
+				}) }), /* @__PURE__ */ _(b, { children: ge ? /* @__PURE__ */ _("div", {
+					className: "flex justify-center py-12",
+					children: /* @__PURE__ */ _("div", { className: "animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full" })
+				}) : X.length > 0 ? /* @__PURE__ */ v(ae, { children: [/* @__PURE__ */ _(r, {
+					width: "100%",
+					height: 190,
+					children: /* @__PURE__ */ v(ne, {
+						data: X,
+						children: [
+							/* @__PURE__ */ _(a, {
+								strokeDasharray: "3 3",
+								opacity: .2
+							}),
+							/* @__PURE__ */ _(c, {
+								dataKey: "name",
+								tick: { fontSize: 11 }
+							}),
+							/* @__PURE__ */ _(l, {
+								tick: { fontSize: 11 },
+								allowDecimals: !1
+							}),
+							/* @__PURE__ */ _(n, {}),
+							/* @__PURE__ */ _(t, { wrapperStyle: { fontSize: 12 } }),
+							/* @__PURE__ */ _(i, {
+								dataKey: "planned",
+								name: M("planmagnet.analytics.velocity.planned", "Planned"),
+								fill: "#cbd5e1"
+							}),
+							/* @__PURE__ */ _(i, {
+								dataKey: "completed",
+								name: M("planmagnet.analytics.velocity.completed", "Completed"),
+								fill: "#6366f1"
+							}),
+							/* @__PURE__ */ _(ee, {
+								y: Z,
+								stroke: "#22c55e",
+								strokeDasharray: "4 4",
+								label: {
+									value: M("planmagnet.analytics.velocity.avgLabel", "avg"),
+									fontSize: 10,
+									position: "right"
+								}
+							})
+						]
+					})
+				}), /* @__PURE__ */ _("p", {
+					className: "text-xs text-muted-foreground text-center mt-2",
+					children: M("planmagnet.analytics.velocity.forecast", "Forecast for next sprint: {{points}} pts (trailing average)", { points: we })
+				})] }) : /* @__PURE__ */ _("p", {
+					className: "text-sm text-muted-foreground py-8 text-center",
+					children: M("planmagnet.analytics.velocity.empty", "No completed sprints yet for this project")
+				}) })] })]
+			}),
+			/* @__PURE__ */ v(y, { children: [/* @__PURE__ */ _(x, { children: /* @__PURE__ */ v(S, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ _(f, { className: "h-4 w-4" }), M("planmagnet.analytics.cfd.title", "Cumulative Flow Diagram")]
+			}) }), /* @__PURE__ */ _(b, { children: ve ? /* @__PURE__ */ _("div", {
+				className: "flex justify-center py-12",
+				children: /* @__PURE__ */ _("div", { className: "animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full" })
+			}) : $.length > 0 ? /* @__PURE__ */ _(r, {
+				width: "100%",
+				height: 260,
+				children: /* @__PURE__ */ v(u, {
+					data: $,
+					children: [
+						/* @__PURE__ */ _(a, {
+							strokeDasharray: "3 3",
+							opacity: .2
+						}),
+						/* @__PURE__ */ _(c, {
+							dataKey: "day",
+							tick: { fontSize: 11 }
+						}),
+						/* @__PURE__ */ _(l, {
+							tick: { fontSize: 11 },
+							allowDecimals: !1
+						}),
+						/* @__PURE__ */ _(n, {}),
+						/* @__PURE__ */ _(t, { wrapperStyle: { fontSize: 12 } }),
+						Te.map((e) => /* @__PURE__ */ _(s, {
+							type: "monotone",
+							dataKey: e,
+							name: e.toLowerCase().replace("_", " "),
+							stackId: "cfd",
+							stroke: A[e] ?? "#a3a3a3",
+							fill: A[e] ?? "#a3a3a3",
+							fillOpacity: .7
+						}, e))
+					]
+				})
+			}) : /* @__PURE__ */ _("p", {
+				className: "text-sm text-muted-foreground py-8 text-center",
+				children: M("planmagnet.analytics.cfd.empty", "No work items found for this project")
+			}) })] }),
+			/* @__PURE__ */ v(y, { children: [/* @__PURE__ */ _(x, { children: /* @__PURE__ */ _(S, { children: M("planmagnet.analytics.projectHealth.title", "Project Health") }) }), /* @__PURE__ */ _(b, { children: /* @__PURE__ */ v("div", {
 				className: "space-y-3",
-				children: [x.filter((e) => e.status === "ACTIVE").map((e) => {
-					let t = S.filter((e) => e.assigneeId != null), n = t.filter((e) => e.status === "DONE").length, r = t.length > 0 ? Math.round(n / t.length * 100) : 0, i = e.endDate && new Date(e.endDate) < /* @__PURE__ */ new Date() && r < 100 ? "at_risk" : r >= 75 ? "on_track" : "in_progress";
-					return /* @__PURE__ */ l("div", {
+				children: [L.filter((e) => e.status === "ACTIVE").map((e) => {
+					let t = R.filter((e) => e.assigneeId != null), n = t.filter((e) => e.status === "DONE").length, r = t.length > 0 ? Math.round(n / t.length * 100) : 0, i = e.endDate && new Date(e.endDate) < /* @__PURE__ */ new Date() && r < 100 ? "at_risk" : r >= 75 ? "on_track" : "in_progress";
+					return /* @__PURE__ */ v("div", {
 						className: "flex items-center gap-4",
 						children: [
-							/* @__PURE__ */ c("span", {
+							/* @__PURE__ */ _("span", {
 								className: "text-sm font-medium w-40 truncate",
 								children: e.name
 							}),
-							/* @__PURE__ */ c("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex-1",
-								children: /* @__PURE__ */ c("div", {
+								children: /* @__PURE__ */ _("div", {
 									className: "w-full h-2 rounded-full bg-muted overflow-hidden",
-									children: /* @__PURE__ */ c("div", {
+									children: /* @__PURE__ */ _("div", {
 										className: `h-full rounded-full ${i === "at_risk" ? "bg-orange-400" : i === "on_track" ? "bg-green-400" : "bg-blue-400"}`,
 										style: { width: `${r}%` }
 									})
 								})
 							}),
-							/* @__PURE__ */ l("span", {
+							/* @__PURE__ */ v("span", {
 								className: "text-sm w-12 text-right",
 								children: [r, "%"]
 							}),
-							/* @__PURE__ */ c(d, {
+							/* @__PURE__ */ _(se, {
 								variant: "outline",
 								className: "capitalize text-xs w-20 justify-center",
 								children: i.replace("_", " ")
 							})
 						]
 					}, e.id);
-				}), x.filter((e) => e.status === "ACTIVE").length === 0 && /* @__PURE__ */ c("p", {
+				}), L.filter((e) => e.status === "ACTIVE").length === 0 && /* @__PURE__ */ _("p", {
 					className: "text-sm text-muted-foreground text-center py-4",
-					children: _("planmagnet.analytics.projectHealth.empty", "No active projects found")
+					children: M("planmagnet.analytics.projectHealth.empty", "No active projects found")
 				})]
 			}) })] })
 		]
 	});
 }
 //#endregion
-export { _ as AnalyticsAnalyticsPagePage };
+export { M as AnalyticsAnalyticsPagePage };
 
 //# sourceMappingURL=AnalyticsAnalyticsPagePage.js.map