@burdenoff/microfe-planmagnet 2026.1001.1 → 2026.1001.3

package/dist/planmagnet/pages/analytics/SprintDeliveryCards.js

@@ -3,20 +3,21 @@ import { Tooltip as t } from "../../../node_modules/recharts/es6/component/Toolt
 import { ResponsiveContainer as n } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
 import { Bar as r } from "../../../node_modules/recharts/es6/cartesian/Bar.js";
 import { ReferenceLine as i } 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 { XAxis as s } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as c } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { LineChart as l } from "../../../node_modules/recharts/es6/chart/LineChart.js";
-import { BarChart as u } from "../../../node_modules/recharts/es6/chart/BarChart.js";
-import { BarChart3 as d, TrendingUp as f } from "lucide-react";
-import { gql as p } from "@apollo/client";
-import { useQuery as m } from "@apollo/client/react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Card as y, CardContent as b, CardHeader as x, CardTitle as S } from "@burdenoff/fe-libs/ui";
+import { ReferenceArea as a } from "../../../node_modules/recharts/es6/cartesian/ReferenceArea.js";
+import { CartesianGrid as o } from "../../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { Line as s } from "../../../node_modules/recharts/es6/cartesian/Line.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 u } from "../../../node_modules/recharts/es6/chart/LineChart.js";
+import { BarChart as d } from "../../../node_modules/recharts/es6/chart/BarChart.js";
+import { BarChart3 as f, TrendingUp as p } from "lucide-react";
+import { gql as m } from "@apollo/client";
+import { useQuery as h } from "@apollo/client/react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Card as b, CardContent as x, CardHeader as S, CardTitle as C } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/analytics/SprintDeliveryCards.tsx
-var C = p`
+var w = m`
   query DashboardSprintBurndown($workspaceId: ID!, $sprintId: ID!) {
     planmagnetSprintBurndown(workspaceId: $workspaceId, sprintId: $sprintId) {
       sprintId
@@ -29,7 +30,7 @@ var C = p`
       }
     }
   }
-`, w = p`
+`, T = m`
   query DashboardVelocity($workspaceId: ID!, $projectId: ID!, $trailingSprintCount: Int) {
     planmagnetVelocity(
       workspaceId: $workspaceId
@@ -39,6 +40,11 @@ var C = p`
       projectId
       averageVelocity
       forecastNextSprintPoints
+      forecastRange {
+        p15
+        p85
+      }
+      insufficientHistory
       sprints {
         sprintId
         sprintName
@@ -49,171 +55,192 @@ var C = p`
     }
   }
 `;
-function T(e) {
+function E(e) {
 	let t = new Date(e);
 	return `${t.getUTCMonth() + 1}/${t.getUTCDate()}`;
 }
-function E({ workspaceId: r, sprintId: i }) {
-	let { t: u } = v(), { data: f, loading: p, error: h } = m(C, {
+function D({ workspaceId: r, sprintId: i }) {
+	let { t: a } = y(), { data: d, loading: p, error: m } = h(w, {
 		variables: {
 			workspaceId: r,
 			sprintId: i
 		},
 		skip: !r || !i
-	}), w = (f?.planmagnetSprintBurndown?.points ?? []).map((e) => ({
-		day: T(e.date),
+	}), g = (d?.planmagnetSprintBurndown?.points ?? []).map((e) => ({
+		day: E(e.date),
 		remaining: e.remainingPoints,
 		completed: e.completedPoints
 	}));
-	return /* @__PURE__ */ _(y, { children: [/* @__PURE__ */ _(x, { children: [/* @__PURE__ */ _(S, {
+	return /* @__PURE__ */ v(b, { children: [/* @__PURE__ */ v(S, { children: [/* @__PURE__ */ v(C, {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ g(d, { className: "h-4 w-4" }), u("planmagnet.dashboards.burndown.title", "Sprint burndown")]
-	}), /* @__PURE__ */ g("p", {
+		children: [/* @__PURE__ */ _(f, { className: "h-4 w-4" }), a("planmagnet.dashboards.burndown.title", "Sprint burndown")]
+	}), /* @__PURE__ */ _("p", {
 		className: "text-xs text-muted-foreground",
-		children: u("planmagnet.dashboards.burndown.subtitle", "Remaining vs. completed story points, by day of the sprint.")
-	})] }), /* @__PURE__ */ g(b, { children: i ? p && !f ? /* @__PURE__ */ g("p", {
+		children: a("planmagnet.dashboards.burndown.subtitle", "Remaining vs. completed story points, by day of the sprint.")
+	})] }), /* @__PURE__ */ _(x, { children: i ? p && !d ? /* @__PURE__ */ _("p", {
 		className: "text-sm text-muted-foreground",
-		children: u("planmagnet.dashboards.loading", "Loading…")
-	}) : h ? /* @__PURE__ */ _("p", {
+		children: a("planmagnet.dashboards.loading", "Loading…")
+	}) : m ? /* @__PURE__ */ v("p", {
 		className: "text-sm text-status-error-text",
 		children: [
-			u("planmagnet.dashboards.burndown.error", "Burndown could not be loaded"),
+			a("planmagnet.dashboards.burndown.error", "Burndown could not be loaded"),
 			":",
 			" ",
-			h.message
+			m.message
 		]
-	}) : w.length === 0 ? /* @__PURE__ */ g("p", {
+	}) : g.length === 0 ? /* @__PURE__ */ _("p", {
 		className: "text-sm text-muted-foreground",
-		children: u("planmagnet.dashboards.burndown.empty", "The active sprint has no work items yet.")
-	}) : /* @__PURE__ */ g(n, {
+		children: a("planmagnet.dashboards.burndown.empty", "The active sprint has no work items yet.")
+	}) : /* @__PURE__ */ _(n, {
 		width: "100%",
 		height: 220,
-		children: /* @__PURE__ */ _(l, {
-			data: w,
+		children: /* @__PURE__ */ v(u, {
+			data: g,
 			children: [
-				/* @__PURE__ */ g(a, {
+				/* @__PURE__ */ _(o, {
 					strokeDasharray: "3 3",
 					opacity: .2
 				}),
-				/* @__PURE__ */ g(s, {
+				/* @__PURE__ */ _(c, {
 					dataKey: "day",
 					tick: { fontSize: 11 }
 				}),
-				/* @__PURE__ */ g(c, {
+				/* @__PURE__ */ _(l, {
 					tick: { fontSize: 11 },
 					allowDecimals: !1
 				}),
-				/* @__PURE__ */ g(t, {}),
-				/* @__PURE__ */ g(e, { wrapperStyle: { fontSize: 12 } }),
-				/* @__PURE__ */ g(o, {
+				/* @__PURE__ */ _(t, {}),
+				/* @__PURE__ */ _(e, { wrapperStyle: { fontSize: 12 } }),
+				/* @__PURE__ */ _(s, {
 					type: "monotone",
 					dataKey: "remaining",
-					name: u("planmagnet.dashboards.burndown.remaining", "Remaining points"),
+					name: a("planmagnet.dashboards.burndown.remaining", "Remaining points"),
 					stroke: "#f59e0b",
 					strokeWidth: 2,
 					dot: { r: 2 }
 				}),
-				/* @__PURE__ */ g(o, {
+				/* @__PURE__ */ _(s, {
 					type: "monotone",
 					dataKey: "completed",
-					name: u("planmagnet.dashboards.burndown.completed", "Completed points"),
+					name: a("planmagnet.dashboards.burndown.completed", "Completed points"),
 					stroke: "#22c55e",
 					strokeWidth: 2,
 					dot: { r: 2 }
 				})
 			]
 		})
-	}) : /* @__PURE__ */ g("p", {
+	}) : /* @__PURE__ */ _("p", {
 		className: "text-sm text-muted-foreground",
-		children: u("planmagnet.dashboards.burndown.noSprint", "No active sprint for this project.")
+		children: a("planmagnet.dashboards.burndown.noSprint", "No active sprint for this project.")
 	}) })] });
 }
-function D({ workspaceId: o, projectId: l, trailingSprintCount: d = 6 }) {
-	let { t: p } = v(), { data: C, loading: T, error: E } = m(w, {
+function O({ workspaceId: s, projectId: u, trailingSprintCount: f = 6 }) {
+	let { t: m } = y(), { data: w, loading: E, error: D } = h(T, {
 		variables: {
-			workspaceId: o,
-			projectId: l,
-			trailingSprintCount: d
+			workspaceId: s,
+			projectId: u,
+			trailingSprintCount: f
 		},
-		skip: !o || !l
-	}), D = C?.planmagnetVelocity, O = D?.sprints.map((e) => ({
+		skip: !s || !u
+	}), O = w?.planmagnetVelocity, k = O?.sprints.map((e) => ({
 		name: e.sprintName,
 		completed: e.completedPoints,
 		planned: e.plannedPoints ?? void 0
-	})) ?? [], k = D ? Math.round(D.averageVelocity) : 0;
-	return /* @__PURE__ */ _(y, { children: [/* @__PURE__ */ _(x, { children: [/* @__PURE__ */ _(S, {
+	})) ?? [], A = O ? Math.round(O.averageVelocity) : 0, j = O ? Math.round(O.forecastNextSprintPoints) : 0, M = O?.forecastRange ?? null, N = O?.insufficientHistory ?? !1;
+	return /* @__PURE__ */ v(b, { children: [/* @__PURE__ */ v(S, { children: [/* @__PURE__ */ v(C, {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ g(f, { className: "h-4 w-4" }), p("planmagnet.dashboards.velocity.title", "Sprint velocity")]
-	}), /* @__PURE__ */ g("p", {
+		children: [/* @__PURE__ */ _(p, { className: "h-4 w-4" }), m("planmagnet.dashboards.velocity.title", "Sprint velocity")]
+	}), /* @__PURE__ */ _("p", {
 		className: "text-xs text-muted-foreground",
-		children: p("planmagnet.dashboards.velocity.subtitle", "Completed story points per sprint, across the trailing {{count}} completed sprints.", { count: d })
-	})] }), /* @__PURE__ */ g(b, { children: l ? T && !C ? /* @__PURE__ */ g("p", {
+		children: m("planmagnet.dashboards.velocity.subtitle", "Completed story points per sprint, across the trailing {{count}} completed sprints.", { count: f })
+	})] }), /* @__PURE__ */ _(x, { children: u ? E && !w ? /* @__PURE__ */ _("p", {
 		className: "text-sm text-muted-foreground",
-		children: p("planmagnet.dashboards.loading", "Loading…")
-	}) : E ? /* @__PURE__ */ _("p", {
+		children: m("planmagnet.dashboards.loading", "Loading…")
+	}) : D ? /* @__PURE__ */ v("p", {
 		className: "text-sm text-status-error-text",
 		children: [
-			p("planmagnet.dashboards.velocity.error", "Velocity could not be loaded"),
+			m("planmagnet.dashboards.velocity.error", "Velocity could not be loaded"),
 			":",
 			" ",
-			E.message
+			D.message
 		]
-	}) : O.length === 0 ? /* @__PURE__ */ g("p", {
+	}) : k.length === 0 ? /* @__PURE__ */ _("p", {
 		className: "text-sm text-muted-foreground",
-		children: p("planmagnet.dashboards.velocity.empty", "No completed sprints yet for this project.")
-	}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(n, {
-		width: "100%",
-		height: 190,
-		children: /* @__PURE__ */ _(u, {
-			data: O,
-			children: [
-				/* @__PURE__ */ g(a, {
-					strokeDasharray: "3 3",
-					opacity: .2
-				}),
-				/* @__PURE__ */ g(s, {
-					dataKey: "name",
-					tick: { fontSize: 11 }
-				}),
-				/* @__PURE__ */ g(c, {
-					tick: { fontSize: 11 },
-					allowDecimals: !1
-				}),
-				/* @__PURE__ */ g(t, {}),
-				/* @__PURE__ */ g(e, { wrapperStyle: { fontSize: 12 } }),
-				/* @__PURE__ */ g(r, {
-					dataKey: "planned",
-					name: p("planmagnet.dashboards.velocity.planned", "Planned"),
-					fill: "#cbd5e1"
-				}),
-				/* @__PURE__ */ g(r, {
-					dataKey: "completed",
-					name: p("planmagnet.dashboards.velocity.completed", "Completed"),
-					fill: "#6366f1"
-				}),
-				/* @__PURE__ */ g(i, {
-					y: k,
-					stroke: "#22c55e",
-					strokeDasharray: "4 4",
-					label: {
-						value: p("planmagnet.dashboards.velocity.avgLabel", "avg"),
-						fontSize: 10
-					}
-				})
-			]
-		})
-	}), /* @__PURE__ */ g("p", {
-		className: "mt-2 text-center text-xs text-muted-foreground",
-		children: p("planmagnet.dashboards.velocity.trailingAverage", "Average of the last {{count}} completed sprints: {{points}} pts per sprint", {
-			count: O.length,
-			points: k
+		children: m("planmagnet.dashboards.velocity.empty", "No completed sprints yet for this project.")
+	}) : /* @__PURE__ */ v(g, { children: [
+		/* @__PURE__ */ _(n, {
+			width: "100%",
+			height: 190,
+			children: /* @__PURE__ */ v(d, {
+				data: k,
+				children: [
+					/* @__PURE__ */ _(o, {
+						strokeDasharray: "3 3",
+						opacity: .2
+					}),
+					/* @__PURE__ */ _(c, {
+						dataKey: "name",
+						tick: { fontSize: 11 }
+					}),
+					/* @__PURE__ */ _(l, {
+						tick: { fontSize: 11 },
+						allowDecimals: !1
+					}),
+					/* @__PURE__ */ _(t, {}),
+					/* @__PURE__ */ _(e, { wrapperStyle: { fontSize: 12 } }),
+					M && /* @__PURE__ */ _(a, {
+						y1: M.p15,
+						y2: M.p85,
+						fill: "var(--color-chart-2)",
+						fillOpacity: .12,
+						stroke: "none"
+					}),
+					/* @__PURE__ */ _(r, {
+						dataKey: "planned",
+						name: m("planmagnet.dashboards.velocity.planned", "Planned"),
+						fill: "#cbd5e1"
+					}),
+					/* @__PURE__ */ _(r, {
+						dataKey: "completed",
+						name: m("planmagnet.dashboards.velocity.completed", "Completed"),
+						fill: "#6366f1"
+					}),
+					/* @__PURE__ */ _(i, {
+						y: A,
+						stroke: "#22c55e",
+						strokeDasharray: "4 4",
+						label: {
+							value: m("planmagnet.dashboards.velocity.avgLabel", "avg"),
+							fontSize: 10
+						}
+					})
+				]
+			})
+		}),
+		/* @__PURE__ */ v("p", {
+			className: "mt-2 text-center text-xs text-muted-foreground",
+			children: [m("planmagnet.dashboards.velocity.trailingAverage", "Median of the last {{count}} completed sprints: {{points}} pts per sprint", {
+				count: k.length,
+				points: j
+			}), M && ` · ${m("planmagnet.dashboards.velocity.range", "likely range (p15–p85): {{low}}–{{high}} pts", {
+				low: Math.round(M.p15),
+				high: Math.round(M.p85)
+			})}`]
+		}),
+		N && /* @__PURE__ */ _("p", {
+			className: "mt-1 text-center text-xs text-status-warning-text",
+			children: m("planmagnet.dashboards.velocity.insufficientHistory", "Fewer than 3 sprints with completed points — this forecast is low-confidence.")
+		}),
+		/* @__PURE__ */ _("p", {
+			className: "mt-1 text-center text-xs text-muted-foreground",
+			children: m("planmagnet.dashboards.velocity.methodLabel", "Statistical forecast (not AI-generated).")
 		})
-	})] }) : /* @__PURE__ */ g("p", {
+	] }) : /* @__PURE__ */ _("p", {
 		className: "text-sm text-muted-foreground",
-		children: p("planmagnet.dashboards.velocity.noProject", "Select a project to see its velocity.")
+		children: m("planmagnet.dashboards.velocity.noProject", "Select a project to see its velocity.")
 	}) })] });
 }
 //#endregion
-export { E as SprintBurndownCard, D as SprintVelocityCard };
+export { D as SprintBurndownCard, O as SprintVelocityCard };
 
 //# sourceMappingURL=SprintDeliveryCards.js.map

package/dist/planmagnet/pages/analytics/SprintDeliveryCards.js.map

@@ -1 +1 @@
-{"version":3,"file":"SprintDeliveryCards.js","names":[],"sources":["../../../../src/planmagnet/pages/analytics/SprintDeliveryCards.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { BarChart3, TrendingUp } from 'lucide-react';\nimport {\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Legend,\n  Line,\n  LineChart,\n  ReferenceLine,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\n/**\n * Sprint burndown and velocity, as their own cards (BOFF-4447's server-computed\n * `planmagnetSprintBurndown` / `planmagnetVelocity`). Extracted out of\n * `pages/AnalyticsAnalyticsPagePage.tsx`, where this same chart code lived inline, so the\n * role dashboards (`dashboards/project-manager-page`) can import the chart rather than\n * duplicating it — same reasoning as `CycleTimeCard`/`BudgetPerformanceCard` alongside\n * them in `DeliveryHealthCards.tsx`. Each card owns its query, so neither can land a hook\n * after an early return in the host page.\n *\n * recharts' `stroke`/`fill` render as literal SVG paint attributes, not Tailwind\n * classNames — they cannot consume semantic `bg-*`/`text-*` tokens, the same documented\n * exception `AnalyticsAnalyticsPagePage.tsx`'s cumulative-flow chart carries.\n */\n\nconst GET_SPRINT_BURNDOWN = gql`\n  query DashboardSprintBurndown($workspaceId: ID!, $sprintId: ID!) {\n    planmagnetSprintBurndown(workspaceId: $workspaceId, sprintId: $sprintId) {\n      sprintId\n      totalPoints\n      totalCount\n      points {\n        date\n        remainingPoints\n        completedPoints\n      }\n    }\n  }\n`;\n\nconst GET_VELOCITY = gql`\n  query DashboardVelocity($workspaceId: ID!, $projectId: ID!, $trailingSprintCount: Int) {\n    planmagnetVelocity(\n      workspaceId: $workspaceId\n      projectId: $projectId\n      trailingSprintCount: $trailingSprintCount\n    ) {\n      projectId\n      averageVelocity\n      forecastNextSprintPoints\n      sprints {\n        sprintId\n        sprintName\n        sequenceNumber\n        completedPoints\n        plannedPoints\n      }\n    }\n  }\n`;\n\ninterface BurndownData {\n  planmagnetSprintBurndown: {\n    sprintId: string;\n    totalPoints: number;\n    totalCount: number;\n    points: { date: string; remainingPoints: number; completedPoints: number }[];\n  } | null;\n}\n\ninterface VelocityData {\n  planmagnetVelocity: {\n    projectId: string;\n    averageVelocity: number;\n    forecastNextSprintPoints: number;\n    sprints: {\n      sprintId: string;\n      sprintName: string;\n      sequenceNumber: number;\n      completedPoints: number;\n      plannedPoints: number | null;\n    }[];\n  };\n}\n\nfunction formatDay(iso: string): string {\n  const d = new Date(iso);\n  return `${d.getUTCMonth() + 1}/${d.getUTCDate()}`;\n}\n\nexport function SprintBurndownCard({\n  workspaceId,\n  sprintId,\n}: {\n  workspaceId?: string | null;\n  sprintId: string;\n}) {\n  const { t } = useI18n();\n  const { data, loading, error } = useQuery<BurndownData>(GET_SPRINT_BURNDOWN, {\n    variables: { workspaceId, sprintId },\n    skip: !workspaceId || !sprintId,\n  });\n  const points = data?.planmagnetSprintBurndown?.points ?? [];\n  const chartData = points.map((p) => ({\n    day: formatDay(p.date),\n    remaining: p.remainingPoints,\n    completed: p.completedPoints,\n  }));\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <BarChart3 className=\"h-4 w-4\" />\n          {t('planmagnet.dashboards.burndown.title', 'Sprint burndown')}\n        </CardTitle>\n        <p className=\"text-xs text-muted-foreground\">\n          {t(\n            'planmagnet.dashboards.burndown.subtitle',\n            'Remaining vs. completed story points, by day of the sprint.'\n          )}\n        </p>\n      </CardHeader>\n      <CardContent>\n        {!sprintId ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.dashboards.burndown.noSprint', 'No active sprint for this project.')}\n          </p>\n        ) : loading && !data ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.dashboards.loading', 'Loading…')}\n          </p>\n        ) : error ? (\n          <p className=\"text-sm text-status-error-text\">\n            {t('planmagnet.dashboards.burndown.error', 'Burndown could not be loaded')}:{' '}\n            {error.message}\n          </p>\n        ) : chartData.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.dashboards.burndown.empty', 'The active sprint has no work items yet.')}\n          </p>\n        ) : (\n          <ResponsiveContainer width=\"100%\" height={220}>\n            <LineChart data={chartData}>\n              <CartesianGrid strokeDasharray=\"3 3\" opacity={0.2} />\n              <XAxis dataKey=\"day\" tick={{ fontSize: 11 }} />\n              <YAxis tick={{ fontSize: 11 }} allowDecimals={false} />\n              <Tooltip />\n              <Legend wrapperStyle={{ fontSize: 12 }} />\n              <Line\n                type=\"monotone\"\n                dataKey=\"remaining\"\n                name={t('planmagnet.dashboards.burndown.remaining', 'Remaining points')}\n                stroke=\"#f59e0b\"\n                strokeWidth={2}\n                dot={{ r: 2 }}\n              />\n              <Line\n                type=\"monotone\"\n                dataKey=\"completed\"\n                name={t('planmagnet.dashboards.burndown.completed', 'Completed points')}\n                stroke=\"#22c55e\"\n                strokeWidth={2}\n                dot={{ r: 2 }}\n              />\n            </LineChart>\n          </ResponsiveContainer>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n\nexport function SprintVelocityCard({\n  workspaceId,\n  projectId,\n  trailingSprintCount = 6,\n}: {\n  workspaceId?: string | null;\n  projectId: string;\n  trailingSprintCount?: number;\n}) {\n  const { t } = useI18n();\n  const { data, loading, error } = useQuery<VelocityData>(GET_VELOCITY, {\n    variables: { workspaceId, projectId, trailingSprintCount },\n    skip: !workspaceId || !projectId,\n  });\n  const velocity = data?.planmagnetVelocity;\n  const chartData =\n    velocity?.sprints.map((s) => ({\n      name: s.sprintName,\n      completed: s.completedPoints,\n      planned: s.plannedPoints ?? undefined,\n    })) ?? [];\n  const avgVelocity = velocity ? Math.round(velocity.averageVelocity) : 0;\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <TrendingUp className=\"h-4 w-4\" />\n          {t('planmagnet.dashboards.velocity.title', 'Sprint velocity')}\n        </CardTitle>\n        <p className=\"text-xs text-muted-foreground\">\n          {t(\n            'planmagnet.dashboards.velocity.subtitle',\n            'Completed story points per sprint, across the trailing {{count}} completed sprints.',\n            { count: trailingSprintCount }\n          )}\n        </p>\n      </CardHeader>\n      <CardContent>\n        {!projectId ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.dashboards.velocity.noProject', 'Select a project to see its velocity.')}\n          </p>\n        ) : loading && !data ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.dashboards.loading', 'Loading…')}\n          </p>\n        ) : error ? (\n          <p className=\"text-sm text-status-error-text\">\n            {t('planmagnet.dashboards.velocity.error', 'Velocity could not be loaded')}:{' '}\n            {error.message}\n          </p>\n        ) : chartData.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t(\n              'planmagnet.dashboards.velocity.empty',\n              'No completed sprints yet for this project.'\n            )}\n          </p>\n        ) : (\n          <>\n            <ResponsiveContainer width=\"100%\" height={190}>\n              <BarChart data={chartData}>\n                <CartesianGrid strokeDasharray=\"3 3\" opacity={0.2} />\n                <XAxis dataKey=\"name\" tick={{ fontSize: 11 }} />\n                <YAxis tick={{ fontSize: 11 }} allowDecimals={false} />\n                <Tooltip />\n                <Legend wrapperStyle={{ fontSize: 12 }} />\n                <Bar\n                  dataKey=\"planned\"\n                  name={t('planmagnet.dashboards.velocity.planned', 'Planned')}\n                  fill=\"#cbd5e1\"\n                />\n                <Bar\n                  dataKey=\"completed\"\n                  name={t('planmagnet.dashboards.velocity.completed', 'Completed')}\n                  fill=\"#6366f1\"\n                />\n                <ReferenceLine\n                  y={avgVelocity}\n                  stroke=\"#22c55e\"\n                  strokeDasharray=\"4 4\"\n                  label={{\n                    value: t('planmagnet.dashboards.velocity.avgLabel', 'avg'),\n                    fontSize: 10,\n                  }}\n                />\n              </BarChart>\n            </ResponsiveContainer>\n            <p className=\"mt-2 text-center text-xs text-muted-foreground\">\n              {t(\n                'planmagnet.dashboards.velocity.trailingAverage',\n                'Average of the last {{count}} completed sprints: {{points}} pts per sprint',\n                { count: chartData.length, points: avgVelocity }\n              )}\n            </p>\n          </>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SprintDeliveryCards.js","names":[],"sources":["../../../../src/planmagnet/pages/analytics/SprintDeliveryCards.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { BarChart3, TrendingUp } from 'lucide-react';\nimport {\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Legend,\n  Line,\n  LineChart,\n  ReferenceArea,\n  ReferenceLine,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\n/**\n * Sprint burndown and velocity, as their own cards (BOFF-4447's server-computed\n * `planmagnetSprintBurndown` / `planmagnetVelocity`). Extracted out of\n * `pages/AnalyticsAnalyticsPagePage.tsx`, where this same chart code lived inline, so the\n * role dashboards (`dashboards/project-manager-page`) can import the chart rather than\n * duplicating it — same reasoning as `CycleTimeCard`/`BudgetPerformanceCard` alongside\n * them in `DeliveryHealthCards.tsx`. Each card owns its query, so neither can land a hook\n * after an early return in the host page.\n *\n * recharts' `stroke`/`fill` render as literal SVG paint attributes, not Tailwind\n * classNames — they cannot consume semantic `bg-*`/`text-*` tokens, the same documented\n * exception `AnalyticsAnalyticsPagePage.tsx`'s cumulative-flow chart carries.\n */\n\nconst GET_SPRINT_BURNDOWN = gql`\n  query DashboardSprintBurndown($workspaceId: ID!, $sprintId: ID!) {\n    planmagnetSprintBurndown(workspaceId: $workspaceId, sprintId: $sprintId) {\n      sprintId\n      totalPoints\n      totalCount\n      points {\n        date\n        remainingPoints\n        completedPoints\n      }\n    }\n  }\n`;\n\nconst GET_VELOCITY = gql`\n  query DashboardVelocity($workspaceId: ID!, $projectId: ID!, $trailingSprintCount: Int) {\n    planmagnetVelocity(\n      workspaceId: $workspaceId\n      projectId: $projectId\n      trailingSprintCount: $trailingSprintCount\n    ) {\n      projectId\n      averageVelocity\n      forecastNextSprintPoints\n      forecastRange {\n        p15\n        p85\n      }\n      insufficientHistory\n      sprints {\n        sprintId\n        sprintName\n        sequenceNumber\n        completedPoints\n        plannedPoints\n      }\n    }\n  }\n`;\n\ninterface BurndownData {\n  planmagnetSprintBurndown: {\n    sprintId: string;\n    totalPoints: number;\n    totalCount: number;\n    points: { date: string; remainingPoints: number; completedPoints: number }[];\n  } | null;\n}\n\ninterface VelocityData {\n  planmagnetVelocity: {\n    projectId: string;\n    averageVelocity: number;\n    forecastNextSprintPoints: number;\n    forecastRange: { p15: number; p85: number } | null;\n    insufficientHistory: boolean;\n    sprints: {\n      sprintId: string;\n      sprintName: string;\n      sequenceNumber: number;\n      completedPoints: number;\n      plannedPoints: number | null;\n    }[];\n  };\n}\n\nfunction formatDay(iso: string): string {\n  const d = new Date(iso);\n  return `${d.getUTCMonth() + 1}/${d.getUTCDate()}`;\n}\n\nexport function SprintBurndownCard({\n  workspaceId,\n  sprintId,\n}: {\n  workspaceId?: string | null;\n  sprintId: string;\n}) {\n  const { t } = useI18n();\n  const { data, loading, error } = useQuery<BurndownData>(GET_SPRINT_BURNDOWN, {\n    variables: { workspaceId, sprintId },\n    skip: !workspaceId || !sprintId,\n  });\n  const points = data?.planmagnetSprintBurndown?.points ?? [];\n  const chartData = points.map((p) => ({\n    day: formatDay(p.date),\n    remaining: p.remainingPoints,\n    completed: p.completedPoints,\n  }));\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <BarChart3 className=\"h-4 w-4\" />\n          {t('planmagnet.dashboards.burndown.title', 'Sprint burndown')}\n        </CardTitle>\n        <p className=\"text-xs text-muted-foreground\">\n          {t(\n            'planmagnet.dashboards.burndown.subtitle',\n            'Remaining vs. completed story points, by day of the sprint.'\n          )}\n        </p>\n      </CardHeader>\n      <CardContent>\n        {!sprintId ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.dashboards.burndown.noSprint', 'No active sprint for this project.')}\n          </p>\n        ) : loading && !data ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.dashboards.loading', 'Loading…')}\n          </p>\n        ) : error ? (\n          <p className=\"text-sm text-status-error-text\">\n            {t('planmagnet.dashboards.burndown.error', 'Burndown could not be loaded')}:{' '}\n            {error.message}\n          </p>\n        ) : chartData.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.dashboards.burndown.empty', 'The active sprint has no work items yet.')}\n          </p>\n        ) : (\n          <ResponsiveContainer width=\"100%\" height={220}>\n            <LineChart data={chartData}>\n              <CartesianGrid strokeDasharray=\"3 3\" opacity={0.2} />\n              <XAxis dataKey=\"day\" tick={{ fontSize: 11 }} />\n              <YAxis tick={{ fontSize: 11 }} allowDecimals={false} />\n              <Tooltip />\n              <Legend wrapperStyle={{ fontSize: 12 }} />\n              <Line\n                type=\"monotone\"\n                dataKey=\"remaining\"\n                name={t('planmagnet.dashboards.burndown.remaining', 'Remaining points')}\n                stroke=\"#f59e0b\"\n                strokeWidth={2}\n                dot={{ r: 2 }}\n              />\n              <Line\n                type=\"monotone\"\n                dataKey=\"completed\"\n                name={t('planmagnet.dashboards.burndown.completed', 'Completed points')}\n                stroke=\"#22c55e\"\n                strokeWidth={2}\n                dot={{ r: 2 }}\n              />\n            </LineChart>\n          </ResponsiveContainer>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n\nexport function SprintVelocityCard({\n  workspaceId,\n  projectId,\n  trailingSprintCount = 6,\n}: {\n  workspaceId?: string | null;\n  projectId: string;\n  trailingSprintCount?: number;\n}) {\n  const { t } = useI18n();\n  const { data, loading, error } = useQuery<VelocityData>(GET_VELOCITY, {\n    variables: { workspaceId, projectId, trailingSprintCount },\n    skip: !workspaceId || !projectId,\n  });\n  const velocity = data?.planmagnetVelocity;\n  const chartData =\n    velocity?.sprints.map((s) => ({\n      name: s.sprintName,\n      completed: s.completedPoints,\n      planned: s.plannedPoints ?? undefined,\n    })) ?? [];\n  const avgVelocity = velocity ? Math.round(velocity.averageVelocity) : 0;\n  const forecastNextSprint = velocity ? Math.round(velocity.forecastNextSprintPoints) : 0;\n  const forecastRange = velocity?.forecastRange ?? null;\n  const insufficientHistory = velocity?.insufficientHistory ?? false;\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <TrendingUp className=\"h-4 w-4\" />\n          {t('planmagnet.dashboards.velocity.title', 'Sprint velocity')}\n        </CardTitle>\n        <p className=\"text-xs text-muted-foreground\">\n          {t(\n            'planmagnet.dashboards.velocity.subtitle',\n            'Completed story points per sprint, across the trailing {{count}} completed sprints.',\n            { count: trailingSprintCount }\n          )}\n        </p>\n      </CardHeader>\n      <CardContent>\n        {!projectId ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.dashboards.velocity.noProject', 'Select a project to see its velocity.')}\n          </p>\n        ) : loading && !data ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.dashboards.loading', 'Loading…')}\n          </p>\n        ) : error ? (\n          <p className=\"text-sm text-status-error-text\">\n            {t('planmagnet.dashboards.velocity.error', 'Velocity could not be loaded')}:{' '}\n            {error.message}\n          </p>\n        ) : chartData.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t(\n              'planmagnet.dashboards.velocity.empty',\n              'No completed sprints yet for this project.'\n            )}\n          </p>\n        ) : (\n          <>\n            <ResponsiveContainer width=\"100%\" height={190}>\n              <BarChart data={chartData}>\n                <CartesianGrid strokeDasharray=\"3 3\" opacity={0.2} />\n                <XAxis dataKey=\"name\" tick={{ fontSize: 11 }} />\n                <YAxis tick={{ fontSize: 11 }} allowDecimals={false} />\n                <Tooltip />\n                <Legend wrapperStyle={{ fontSize: 12 }} />\n                {/* ANR-02: the empirical p15-p85 band around next sprint's forecast — full-width (no\n                    x1/x2) since it isn't tied to any historical sprint's x position. */}\n                {forecastRange && (\n                  <ReferenceArea\n                    y1={forecastRange.p15}\n                    y2={forecastRange.p85}\n                    fill=\"var(--color-chart-2)\"\n                    fillOpacity={0.12}\n                    stroke=\"none\"\n                  />\n                )}\n                <Bar\n                  dataKey=\"planned\"\n                  name={t('planmagnet.dashboards.velocity.planned', 'Planned')}\n                  fill=\"#cbd5e1\"\n                />\n                <Bar\n                  dataKey=\"completed\"\n                  name={t('planmagnet.dashboards.velocity.completed', 'Completed')}\n                  fill=\"#6366f1\"\n                />\n                <ReferenceLine\n                  y={avgVelocity}\n                  stroke=\"#22c55e\"\n                  strokeDasharray=\"4 4\"\n                  label={{\n                    value: t('planmagnet.dashboards.velocity.avgLabel', 'avg'),\n                    fontSize: 10,\n                  }}\n                />\n              </BarChart>\n            </ResponsiveContainer>\n            {/* Accessible text restatement of the shaded band, for screen readers. */}\n            <p className=\"mt-2 text-center text-xs text-muted-foreground\">\n              {t(\n                'planmagnet.dashboards.velocity.trailingAverage',\n                'Median of the last {{count}} completed sprints: {{points}} pts per sprint',\n                { count: chartData.length, points: forecastNextSprint }\n              )}\n              {forecastRange &&\n                ` · ${t(\n                  'planmagnet.dashboards.velocity.range',\n                  'likely range (p15–p85): {{low}}–{{high}} pts',\n                  { low: Math.round(forecastRange.p15), high: Math.round(forecastRange.p85) }\n                )}`}\n            </p>\n            {insufficientHistory && (\n              <p className=\"mt-1 text-center text-xs text-status-warning-text\">\n                {t(\n                  'planmagnet.dashboards.velocity.insufficientHistory',\n                  'Fewer than 3 sprints with completed points — this forecast is low-confidence.'\n                )}\n              </p>\n            )}\n            <p className=\"mt-1 text-center text-xs text-muted-foreground\">\n              {t(\n                'planmagnet.dashboards.velocity.methodLabel',\n                'Statistical forecast (not AI-generated).'\n              )}\n            </p>\n          </>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/analytics/StatusFlowCard.js

@@ -1,9 +1,9 @@
 import { Tooltip as e } from "../../../node_modules/recharts/es6/component/Tooltip.js";
 import { ResponsiveContainer as t } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
 import { Sankey as n } from "../../../node_modules/recharts/es6/chart/Sankey.js";
-import { WORK_ITEM_STATUSES as r, enumLabel as i } from "../../controls/WorkItemControls.js";
-import { statusVisual as a } from "../../utils/statusColor.js";
-import { isForbidden as o } from "../../utils/graphqlErrors.js";
+import { isForbidden as r } from "../../utils/graphqlErrors.js";
+import { WORK_ITEM_STATUSES as i, enumLabel as a } from "../../controls/WorkItemControls.js";
+import { statusVisual as o } from "../../utils/statusColor.js";
 import { useMemo as s } from "react";
 import { Workflow as c } from "lucide-react";
 import { gql as l } from "@apollo/client";
@@ -39,19 +39,19 @@ function x(e, t) {
 	};
 }
 function S(e) {
-	let t = r.filter((t) => e.some((e) => e.fromStatus === t)), n = r.filter((t) => e.some((e) => e.toStatus === t)), a = new Map(t.map((e, t) => [e, t])), o = new Map(n.map((e, n) => [e, t.length + n]));
+	let t = i.filter((t) => e.some((e) => e.fromStatus === t)), n = i.filter((t) => e.some((e) => e.toStatus === t)), r = new Map(t.map((e, t) => [e, t])), o = new Map(n.map((e, n) => [e, t.length + n]));
 	return {
 		nodes: [...t.map((e) => ({
-			name: i(e),
+			name: a(e),
 			status: e,
 			side: "from"
 		})), ...n.map((e) => ({
-			name: i(e),
+			name: a(e),
 			status: e,
 			side: "to"
 		}))],
 		links: e.flatMap((e) => {
-			let t = a.get(e.fromStatus), n = o.get(e.toStatus);
+			let t = r.get(e.fromStatus), n = o.get(e.toStatus);
 			return t === void 0 || n === void 0 ? [] : [{
 				source: t,
 				target: n,
@@ -61,7 +61,7 @@ function S(e) {
 	};
 }
 function C({ x: e, y: t, width: n, height: r, payload: i }) {
-	let o = a(i.status), s = i.side === "from";
+	let a = o(i.status), s = i.side === "from";
 	return /* @__PURE__ */ f("g", { children: [/* @__PURE__ */ d("rect", {
 		x: e,
 		y: t,
@@ -69,8 +69,8 @@ function C({ x: e, y: t, width: n, height: r, payload: i }) {
 		height: r,
 		rx: 2,
 		style: {
-			fill: o.color,
-			stroke: o.color
+			fill: a.color,
+			stroke: a.color
 		},
 		strokeWidth: 1
 	}), /* @__PURE__ */ d("text", {
@@ -82,25 +82,25 @@ function C({ x: e, y: t, width: n, height: r, payload: i }) {
 		children: i.name
 	})] });
 }
-function w({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourceControlX: i, targetControlX: o, linkWidth: s, payload: c }) {
-	let l = a(c.source.status);
+function w({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourceControlX: i, targetControlX: a, linkWidth: s, payload: c }) {
+	let l = o(c.source.status);
 	return /* @__PURE__ */ d("path", {
-		d: `M${e},${t} C${i},${t} ${o},${r} ${n},${r}`,
+		d: `M${e},${t} C${i},${t} ${a},${r} ${n},${r}`,
 		style: { stroke: l.color },
 		strokeWidth: Math.max(s, 1),
 		strokeOpacity: .45,
 		fill: "none"
 	});
 }
-function T({ workspaceId: r, projectId: a, startDate: l, endDate: b }) {
+function T({ workspaceId: i, projectId: o, startDate: l, endDate: b }) {
 	let { t: T } = p(), E = s(() => x(l, b), [l, b]), { data: D, loading: O, error: k } = u(v, {
 		variables: {
-			workspaceId: r,
-			projectId: a,
+			workspaceId: i,
+			projectId: o,
 			from: E.from,
 			to: E.to
 		},
-		skip: !r || !a
+		skip: !i || !o
 	}), A = D?.planmagnetStatusFlow ?? [], { nodes: j, links: M } = S(A), N = [...A].sort((e, t) => t.count - e.count);
 	return /* @__PURE__ */ f(m, {
 		"data-testid": "status-flow-card",
@@ -120,12 +120,12 @@ function T({ workspaceId: r, projectId: a, startDate: l, endDate: b }) {
 					from: E.from.slice(0, 10)
 				})
 			})
-		] }), /* @__PURE__ */ d(h, { children: a ? O && !D ? /* @__PURE__ */ d("div", {
+		] }), /* @__PURE__ */ d(h, { children: o ? O && !D ? /* @__PURE__ */ d("div", {
 			className: "flex justify-center py-12",
 			children: /* @__PURE__ */ d("div", { className: "animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full" })
 		}) : k ? /* @__PURE__ */ d("p", {
 			className: "text-sm text-status-error-text",
-			children: o(k) ? T("planmagnet.analytics.statusFlow.forbidden", "You do not have access to status flow for this project.") : `${T("planmagnet.analytics.statusFlow.error", "Status flow could not be loaded")}: ${k.message}`
+			children: r(k) ? T("planmagnet.analytics.statusFlow.forbidden", "You do not have access to status flow for this project.") : `${T("planmagnet.analytics.statusFlow.error", "Status flow could not be loaded")}: ${k.message}`
 		}) : A.length === 0 ? /* @__PURE__ */ d("p", {
 			className: "text-sm text-muted-foreground py-8 text-center",
 			children: T("planmagnet.analytics.statusFlow.empty", "No status changes recorded for this project in the selected range.")
@@ -208,11 +208,11 @@ function T({ workspaceId: r, projectId: a, startDate: l, endDate: b }) {
 						children: [
 							/* @__PURE__ */ d("td", {
 								className: "py-1.5 pr-2",
-								children: i(e.fromStatus)
+								children: a(e.fromStatus)
 							}),
 							/* @__PURE__ */ d("td", {
 								className: "py-1.5 pr-2",
-								children: i(e.toStatus)
+								children: a(e.toStatus)
 							}),
 							/* @__PURE__ */ d("td", {
 								className: "py-1.5 text-right tabular-nums",