@burdenoff/microfe-planmagnet 2026.927.4 → 2026.927.6

package/dist/planmagnet/pages/ProductsRoadmapAnalyticsPagePage.js

@@ -1,4 +1,4 @@
-import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { useFeatureCounts as e } from "../hooks/useCounts.js";
 import { planningFocusLabel as t } from "../roadmaps/planningFocus.js";
 import { AlertTriangle as n, BarChart3 as r, CheckCircle as i, Loader2 as a, Target as o, TrendingUp as s } from "lucide-react";
 import { useParams as c } from "react-router";
@@ -29,71 +29,48 @@ var _ = l`
       }
     }
   }
-`, v = l`
-  query ListFeatureRequestsForRoadmapAnalytics(
-    $workspaceId: ID!
-    $pagination: PlanmagnetPaginationInput
-  ) {
-    planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: $pagination) {
-      items {
-        id
-        status
-        voteCount
-        businessValue
-        priorityScore
-      }
-      totalCount
-    }
-  }
 `;
-function y() {
-	let { workspaceId: l } = e(), y = c().id ?? "", { data: b, loading: x, error: S } = u(_, {
-		variables: { id: y },
-		skip: !y
-	}), { data: C } = u(v, {
-		variables: {
-			workspaceId: l,
-			pagination: { first: 100 }
-		},
+function v() {
+	let l = c().id ?? "", { data: v, loading: y, error: b } = u(_, {
+		variables: { id: l },
 		skip: !l
-	});
-	if (x && !b) return /* @__PURE__ */ d("div", {
+	}), x = e();
+	if (y && !v) return /* @__PURE__ */ d("div", {
 		className: "flex items-center justify-center p-12",
 		children: /* @__PURE__ */ d(a, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (S) return /* @__PURE__ */ f("div", {
+	if (b) return /* @__PURE__ */ f("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load analytics: ", S.message]
+		children: ["Failed to load analytics: ", b.message]
 	});
-	let w = b?.planmagnetRoadmap;
-	if (!w) return /* @__PURE__ */ d("div", {
+	let S = v?.planmagnetRoadmap;
+	if (!S) return /* @__PURE__ */ d("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Roadmap not found."
 	});
-	let T = w.items ?? [], E = C?.planmagnetFeatureRequests?.items ?? [], D = T.filter((e) => e.status === "COMPLETED" || e.status === "DONE"), O = T.length > 0 ? Math.round(D.length / T.length * 100) : 0, k = {};
-	for (let e of T) k[e.status] = (k[e.status] || 0) + 1;
-	let A = {};
-	for (let e of E) A[e.status] = (A[e.status] || 0) + 1;
-	let j = {};
-	for (let e of T) {
+	let C = S.items ?? [], w = (e) => e.status === "COMPLETED" || e.status === "DONE", T = C.filter((e) => e.status !== "CANCELLED"), E = T.filter(w), D = T.length > 0 ? Math.round(E.length / T.length * 100) : 0, O = {};
+	for (let e of C) O[e.status] = (O[e.status] || 0) + 1;
+	let k = x ? Object.fromEntries(Object.entries(x.byStatus).filter(([, e]) => e > 0)) : {}, A = {};
+	for (let e of C) {
 		let t = e.swimlane ?? "Uncategorized";
-		j[t] = (j[t] || 0) + 1;
+		A[t] = (A[t] || 0) + 1;
 	}
-	let M = /* @__PURE__ */ new Date(), N = T.filter((e) => e.endDate && new Date(e.endDate) < M && e.status !== "COMPLETED" && e.status !== "DONE"), P = Math.max(0, Math.round(O * .7 + (1 - N.length / Math.max(T.length, 1)) * 30)), F = {};
+	let j = /* @__PURE__ */ new Date(), M = T.filter((e) => e.endDate && new Date(e.endDate) < j && !w(e)), N = T.filter((e) => !w(e)), P = N.length > 0 ? Math.round(N.filter((e) => !M.includes(e) && e.status !== "AT_RISK" && e.status !== "DELAYED").length / N.length * 100) : null, F = {};
 	for (let e of T) if (e.endDate) {
-		let t = new Date(e.endDate).toLocaleDateString("en-US", {
-			month: "short",
-			year: "2-digit"
-		});
+		let t = e.endDate.slice(0, 7);
 		F[t] || (F[t] = {
 			planned: 0,
 			completed: 0
-		}), F[t].planned += 1, (e.status === "COMPLETED" || e.status === "DONE") && (F[t].completed += 1);
+		}), F[t].planned += 1, w(e) && (F[t].completed += 1);
 	}
-	let I = Object.entries(F).map(([e, t]) => ({
-		month: e,
+	let I = Object.entries(F).sort(([e], [t]) => e.localeCompare(t)).slice(-6).map(([e, t]) => ({
+		month: (/* @__PURE__ */ new Date(`${e}-01T00:00:00Z`)).toLocaleDateString("en-US", {
+			month: "short",
+			year: "2-digit",
+			timeZone: "UTC"
+		}),
 		...t
-	})).slice(-6), L = Math.max(...I.map((e) => Math.max(e.planned, e.completed)), 1);
+	})), L = Math.max(...I.map((e) => Math.max(e.planned, e.completed)), 1);
 	return /* @__PURE__ */ f("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -103,9 +80,9 @@ function y() {
 			}), /* @__PURE__ */ f("p", {
 				className: "text-sm text-muted-foreground",
 				children: [
-					w.name,
+					S.name,
 					" - ",
-					t(w.planningFocus)
+					t(S.planningFocus)
 				]
 			})] }),
 			/* @__PURE__ */ f("div", {
@@ -116,17 +93,17 @@ function y() {
 						children: [
 							/* @__PURE__ */ f("div", {
 								className: "flex items-center gap-2 text-muted-foreground text-xs",
-								children: [/* @__PURE__ */ d(o, { className: "h-4 w-4" }), "Health Score"]
+								children: [/* @__PURE__ */ d(o, { className: "h-4 w-4" }), "Open items on track"]
 							}),
-							/* @__PURE__ */ f("p", {
+							/* @__PURE__ */ d("p", {
 								className: "text-2xl font-bold mt-1",
-								children: [P, "/100"]
+								children: P === null ? "—" : `${P}%`
 							}),
 							/* @__PURE__ */ d("div", {
 								className: "w-full h-2 rounded-full bg-muted mt-2 overflow-hidden",
 								children: /* @__PURE__ */ d("div", {
-									className: "h-full rounded-full bg-green-500",
-									style: { width: `${P}%` }
+									className: "h-full rounded-full bg-success",
+									style: { width: `${P ?? 0}%` }
 								})
 							})
 						]
@@ -140,11 +117,11 @@ function y() {
 							}),
 							/* @__PURE__ */ f("p", {
 								className: "text-2xl font-bold mt-1",
-								children: [O, "%"]
+								children: [D, "%"]
 							}),
 							/* @__PURE__ */ f("p", {
 								className: "text-xs text-muted-foreground mt-1",
-								children: [T.length, " items total"]
+								children: [C.length, " items total"]
 							})
 						]
 					}) }),
@@ -157,7 +134,7 @@ function y() {
 							}),
 							/* @__PURE__ */ d("p", {
 								className: "text-2xl font-bold mt-1",
-								children: D.length
+								children: E.length
 							}),
 							/* @__PURE__ */ d("p", {
 								className: "text-xs text-muted-foreground mt-1",
@@ -174,7 +151,7 @@ function y() {
 							}),
 							/* @__PURE__ */ d("p", {
 								className: "text-2xl font-bold mt-1",
-								children: N.length
+								children: M.length
 							}),
 							/* @__PURE__ */ d("p", {
 								className: "text-xs text-muted-foreground mt-1",
@@ -223,8 +200,8 @@ function y() {
 					})]
 				})] })] }), /* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(g, { children: "Item Status Breakdown" }) }), /* @__PURE__ */ d(m, {
 					className: "space-y-3",
-					children: Object.entries(k).map(([e, t]) => {
-						let n = T.length, r = n > 0 ? Math.round(t / n * 100) : 0;
+					children: Object.entries(O).map(([e, t]) => {
+						let n = C.length, r = n > 0 ? Math.round(t / n * 100) : 0;
 						return /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
 							className: "flex justify-between text-sm mb-1",
 							children: [/* @__PURE__ */ d("span", {
@@ -258,13 +235,13 @@ function y() {
 			}),
 			/* @__PURE__ */ f("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(g, { children: "Feature Request Status" }) }), /* @__PURE__ */ d(m, {
+				children: [/* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(g, { children: "Feature request status (workspace)" }) }), /* @__PURE__ */ d(m, {
 					className: "space-y-3",
-					children: Object.entries(A).length === 0 ? /* @__PURE__ */ d("p", {
+					children: Object.entries(k).length === 0 ? /* @__PURE__ */ d("p", {
 						className: "text-sm text-muted-foreground text-center py-4",
 						children: "No feature request data"
-					}) : Object.entries(A).map(([e, t]) => {
-						let n = E.length, r = n > 0 ? Math.round(t / n * 100) : 0;
+					}) : Object.entries(k).map(([e, t]) => {
+						let n = x?.all ?? 0, r = n > 0 ? Math.round(t / n * 100) : 0;
 						return /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
 							className: "flex justify-between text-sm mb-1",
 							children: [/* @__PURE__ */ d("span", {
@@ -296,11 +273,11 @@ function y() {
 					})
 				})] }), /* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(g, { children: "Swimlane Distribution" }) }), /* @__PURE__ */ d(m, {
 					className: "space-y-3",
-					children: Object.entries(j).length === 0 ? /* @__PURE__ */ d("p", {
+					children: Object.entries(A).length === 0 ? /* @__PURE__ */ d("p", {
 						className: "text-sm text-muted-foreground text-center py-4",
 						children: "No swimlane data"
-					}) : Object.entries(j).map(([e, t]) => {
-						let n = T.length, r = n > 0 ? Math.round(t / n * 100) : 0;
+					}) : Object.entries(A).map(([e, t]) => {
+						let n = C.length, r = n > 0 ? Math.round(t / n * 100) : 0;
 						return /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
 							className: "flex justify-between text-sm mb-1",
 							children: [/* @__PURE__ */ d("span", { children: e }), /* @__PURE__ */ f("span", {
@@ -322,9 +299,9 @@ function y() {
 					})
 				})] })]
 			}),
-			N.length > 0 && /* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(g, { children: "Overdue Items" }) }), /* @__PURE__ */ d(m, { children: /* @__PURE__ */ d("div", {
+			M.length > 0 && /* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(g, { children: "Overdue Items" }) }), /* @__PURE__ */ d(m, { children: /* @__PURE__ */ d("div", {
 				className: "space-y-3",
-				children: N.map((e) => /* @__PURE__ */ f("div", {
+				children: M.map((e) => /* @__PURE__ */ f("div", {
 					className: "flex items-center justify-between border rounded-md p-3",
 					children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
 						className: "text-sm font-medium",
@@ -342,6 +319,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as ProductsRoadmapAnalyticsPagePage };
+export { v as ProductsRoadmapAnalyticsPagePage };
 
 //# sourceMappingURL=ProductsRoadmapAnalyticsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsRoadmapAnalyticsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsRoadmapAnalyticsPagePage.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 } from '@burdenoff/fe-libs/ui';\nimport { TrendingUp, Target, CheckCircle, AlertTriangle, BarChart3, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\nimport { planningFocusLabel } from '../roadmaps/planningFocus';\n\nconst GET_ROADMAP_ANALYTICS = gql`\n  query GetRoadmapAnalytics($id: ID!) {\n    planmagnetRoadmap(id: $id) {\n      id\n      name\n      description\n      type\n      planningFocus\n      isPublic\n      ownerId\n      createdAt\n      updatedAt\n      items {\n        id\n        title\n        status\n        startDate\n        endDate\n        swimlane\n      }\n    }\n  }\n`;\n\nconst LIST_FEATURE_REQUESTS_FOR_ANALYTICS = gql`\n  query ListFeatureRequestsForRoadmapAnalytics(\n    $workspaceId: ID!\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        status\n        voteCount\n        businessValue\n        priorityScore\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface RoadmapItemNode {\n  id: string;\n  title: string;\n  status: string;\n  startDate: string | null;\n  endDate: string | null;\n  swimlane: string | null;\n}\n\nexport function ProductsRoadmapAnalyticsPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const params = useParams<{ id: string }>();\n  const roadmapId = params.id ?? '';\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_ROADMAP_ANALYTICS, {\n      variables: { id: roadmapId },\n      skip: !roadmapId,\n    });\n\n  const {\n    data: featuresData,\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>>(LIST_FEATURE_REQUESTS_FOR_ANALYTICS, {\n      variables: { workspaceId, pagination: { first: 100 } },\n      skip: !workspaceId,\n    });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load analytics: {error.message}</div>;\n  }\n\n  const roadmap = data?.planmagnetRoadmap;\n  if (!roadmap) return <div className=\"p-6 text-muted-foreground\">Roadmap not found.</div>;\n\n  const items: RoadmapItemNode[] = roadmap.items ?? [];\n  const allFeatures = featuresData?.planmagnetFeatureRequests?.items ?? [];\n\n  const completedItems = items.filter((i) => i.status === 'COMPLETED' || i.status === 'DONE');\n  const progress = items.length > 0 ? Math.round((completedItems.length / items.length) * 100) : 0;\n\n  // Items by status\n  const itemsByStatus: Record<string, number> = {};\n  for (const item of items) {\n    itemsByStatus[item.status] = (itemsByStatus[item.status] || 0) + 1;\n  }\n\n  // Feature status distribution\n  const featuresByStatus: Record<string, number> = {};\n  for (const f of allFeatures) {\n    featuresByStatus[f.status] = (featuresByStatus[f.status] || 0) + 1;\n  }\n\n  // Items by swimlane\n  const itemsBySwimlane: Record<string, number> = {};\n  for (const item of items) {\n    const lane = item.swimlane ?? 'Uncategorized';\n    itemsBySwimlane[lane] = (itemsBySwimlane[lane] || 0) + 1;\n  }\n\n  // Items with overdue end dates\n  const now = new Date();\n  const overdueItems = items.filter(\n    (i) => i.endDate && new Date(i.endDate) < now && i.status !== 'COMPLETED' && i.status !== 'DONE'\n  );\n\n  // Health score based on progress and overdue items\n  const healthScore = Math.max(\n    0,\n    Math.round(progress * 0.7 + (1 - overdueItems.length / Math.max(items.length, 1)) * 30)\n  );\n\n  // Monthly velocity (items completed by month based on endDate)\n  const velocityMap: Record<string, { planned: number; completed: number }> = {};\n  for (const item of items) {\n    if (item.endDate) {\n      const month = new Date(item.endDate).toLocaleDateString('en-US', {\n        month: 'short',\n        year: '2-digit',\n      });\n      if (!velocityMap[month]) velocityMap[month] = { planned: 0, completed: 0 };\n      velocityMap[month].planned += 1;\n      if (item.status === 'COMPLETED' || item.status === 'DONE') {\n        velocityMap[month].completed += 1;\n      }\n    }\n  }\n  const velocityData = Object.entries(velocityMap)\n    .map(([month, vals]) => ({ month, ...vals }))\n    .slice(-6);\n  const maxVal = Math.max(...velocityData.map((d) => Math.max(d.planned, d.completed)), 1);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Roadmap Analytics</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {roadmap.name} - {planningFocusLabel(roadmap.planningFocus)}\n        </p>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Target className=\"h-4 w-4\" />\n              Health Score\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{healthScore}/100</p>\n            <div className=\"w-full h-2 rounded-full bg-muted mt-2 overflow-hidden\">\n              <div\n                className=\"h-full rounded-full bg-green-500\"\n                style={{ width: `${healthScore}%` }}\n              />\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <TrendingUp className=\"h-4 w-4\" />\n              Progress\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{progress}%</p>\n            <p className=\"text-xs text-muted-foreground mt-1\">{items.length} items total</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <CheckCircle className=\"h-4 w-4\" />\n              Completed\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{completedItems.length}</p>\n            <p className=\"text-xs text-muted-foreground mt-1\">items completed</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <AlertTriangle className=\"h-4 w-4\" />\n              Overdue\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{overdueItems.length}</p>\n            <p className=\"text-xs text-muted-foreground mt-1\">items past end date</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <BarChart3 className=\"h-4 w-4\" />\n              Item Velocity\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            {velocityData.length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-8\">\n                No timeline data available\n              </p>\n            ) : (\n              <div className=\"flex items-end gap-2 h-48\">\n                {velocityData.map((d) => (\n                  <div key={d.month} className=\"flex-1 flex flex-col items-center gap-1\">\n                    <div className=\"flex gap-0.5 items-end w-full justify-center h-40\">\n                      <div\n                        className=\"w-3 bg-primary/30 rounded-t\"\n                        style={{ height: `${(d.planned / maxVal) * 100}%` }}\n                        title={`Planned: ${d.planned}`}\n                      />\n                      <div\n                        className=\"w-3 bg-primary rounded-t\"\n                        style={{ height: `${(d.completed / maxVal) * 100}%` }}\n                        title={`Completed: ${d.completed}`}\n                      />\n                    </div>\n                    <span className=\"text-xs text-muted-foreground\">{d.month}</span>\n                  </div>\n                ))}\n              </div>\n            )}\n            <div className=\"flex gap-4 justify-center mt-3 text-xs\">\n              <span className=\"flex items-center gap-1\">\n                <span className=\"h-2 w-2 rounded bg-primary/30\" />\n                Planned\n              </span>\n              <span className=\"flex items-center gap-1\">\n                <span className=\"h-2 w-2 rounded bg-primary\" />\n                Completed\n              </span>\n            </div>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Item Status Breakdown</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(itemsByStatus).map(([status, count]) => {\n              const total = items.length;\n              const pct = total > 0 ? Math.round((count / total) * 100) : 0;\n              const colors: Record<string, string> = {\n                TODO: 'bg-gray-400',\n                PLANNED: 'bg-yellow-400',\n                IN_PROGRESS: 'bg-blue-400',\n                BLOCKED: 'bg-red-400',\n                DONE: 'bg-green-400',\n                COMPLETED: 'bg-green-400',\n              };\n              return (\n                <div key={status}>\n                  <div className=\"flex justify-between text-sm mb-1\">\n                    <span className=\"capitalize\">{status.toLowerCase().replace('_', ' ')}</span>\n                    <span className=\"font-medium\">\n                      {count} ({pct}%)\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 ${colors[status] ?? 'bg-gray-300'}`}\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Feature Request Status</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(featuresByStatus).length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">\n                No feature request data\n              </p>\n            ) : (\n              Object.entries(featuresByStatus).map(([status, count]) => {\n                const total = allFeatures.length;\n                const pct = total > 0 ? Math.round((count / total) * 100) : 0;\n                const colors: Record<string, string> = {\n                  SUBMITTED: 'bg-gray-400',\n                  UNDER_REVIEW: 'bg-yellow-400',\n                  PLANNED: 'bg-blue-400',\n                  IN_PROGRESS: 'bg-purple-400',\n                  COMPLETED: 'bg-green-400',\n                  DECLINED: 'bg-red-400',\n                };\n                return (\n                  <div key={status}>\n                    <div className=\"flex justify-between text-sm mb-1\">\n                      <span className=\"capitalize\">{status.toLowerCase().replace('_', ' ')}</span>\n                      <span className=\"font-medium\">\n                        {count} ({pct}%)\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 ${colors[status] ?? 'bg-gray-300'}`}\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                  </div>\n                );\n              })\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Swimlane Distribution</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(itemsBySwimlane).length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">No swimlane data</p>\n            ) : (\n              Object.entries(itemsBySwimlane).map(([lane, count]) => {\n                const total = items.length;\n                const pct = total > 0 ? Math.round((count / total) * 100) : 0;\n                return (\n                  <div key={lane}>\n                    <div className=\"flex justify-between text-sm mb-1\">\n                      <span>{lane}</span>\n                      <span className=\"font-medium\">\n                        {count} ({pct}%)\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 bg-primary\"\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                  </div>\n                );\n              })\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      {overdueItems.length > 0 && (\n        <Card>\n          <CardHeader>\n            <CardTitle>Overdue Items</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"space-y-3\">\n              {overdueItems.map((item) => (\n                <div\n                  key={item.id}\n                  className=\"flex items-center justify-between border rounded-md p-3\"\n                >\n                  <div>\n                    <p className=\"text-sm font-medium\">{item.title}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      Due: {item.endDate ? new Date(item.endDate).toLocaleDateString() : 'N/A'}\n                    </p>\n                  </div>\n                  <span className=\"text-xs px-2 py-0.5 rounded-full bg-red-100 text-red-800 capitalize\">\n                    {item.status.toLowerCase().replace('_', ' ')}\n                  </span>\n                </div>\n              ))}\n            </div>\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsRoadmapAnalyticsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsRoadmapAnalyticsPagePage.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 } from '@burdenoff/fe-libs/ui';\nimport { TrendingUp, Target, CheckCircle, AlertTriangle, BarChart3, Loader2 } from 'lucide-react';\nimport { useParams } from 'react-router';\nimport { useFeatureCounts } from '../hooks/useCounts';\nimport { planningFocusLabel } from '../roadmaps/planningFocus';\n\nconst GET_ROADMAP_ANALYTICS = gql`\n  query GetRoadmapAnalytics($id: ID!) {\n    planmagnetRoadmap(id: $id) {\n      id\n      name\n      description\n      type\n      planningFocus\n      isPublic\n      ownerId\n      createdAt\n      updatedAt\n      items {\n        id\n        title\n        status\n        startDate\n        endDate\n        swimlane\n      }\n    }\n  }\n`;\n\ninterface RoadmapItemNode {\n  id: string;\n  title: string;\n  status: string;\n  startDate: string | null;\n  endDate: string | null;\n  swimlane: string | null;\n}\n\nexport function ProductsRoadmapAnalyticsPagePage() {\n  const params = useParams<{ id: string }>();\n  const roadmapId = params.id ?? '';\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_ROADMAP_ANALYTICS, {\n      variables: { id: roadmapId },\n      skip: !roadmapId,\n    });\n\n  const featureCounts = useFeatureCounts();\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load analytics: {error.message}</div>;\n  }\n\n  const roadmap = data?.planmagnetRoadmap;\n  if (!roadmap) return <div className=\"p-6 text-muted-foreground\">Roadmap not found.</div>;\n\n  const items: RoadmapItemNode[] = roadmap.items ?? [];\n\n  // BOFF-7994: cancelled items no longer need doing — out of the progress denominator and out of \"overdue\".\n  const isDone = (i: RoadmapItemNode) => i.status === 'COMPLETED' || i.status === 'DONE';\n  const liveItems = items.filter((i) => i.status !== 'CANCELLED');\n  const completedItems = liveItems.filter(isDone);\n  const progress =\n    liveItems.length > 0 ? Math.round((completedItems.length / liveItems.length) * 100) : 0;\n\n  // Items by status\n  const itemsByStatus: Record<string, number> = {};\n  for (const item of items) {\n    itemsByStatus[item.status] = (itemsByStatus[item.status] || 0) + 1;\n  }\n\n  // Feature request status across the WORKSPACE, from server counts (it was the 100 newest, counted in the browser).\n  const featuresByStatus: Record<string, number> = featureCounts\n    ? Object.fromEntries(Object.entries(featureCounts.byStatus).filter(([, n]) => n > 0))\n    : {};\n\n  // Items by swimlane\n  const itemsBySwimlane: Record<string, number> = {};\n  for (const item of items) {\n    const lane = item.swimlane ?? 'Uncategorized';\n    itemsBySwimlane[lane] = (itemsBySwimlane[lane] || 0) + 1;\n  }\n\n  // Items with overdue end dates\n  const now = new Date();\n  const overdueItems = liveItems.filter(\n    (i) => i.endDate && new Date(i.endDate) < now && !isDone(i)\n  );\n\n  // \"On track\" replaces an undefined health score (0.7 x progress + 30 x not-overdue share, so an empty roadmap\n  // scored 30/100): the share of OPEN items that are neither overdue nor flagged at risk or delayed.\n  const openItems = liveItems.filter((i) => !isDone(i));\n  const onTrack =\n    openItems.length > 0\n      ? Math.round(\n          (openItems.filter(\n            (i) => !overdueItems.includes(i) && i.status !== 'AT_RISK' && i.status !== 'DELAYED'\n          ).length /\n            openItems.length) *\n            100\n        )\n      : null;\n\n  // Items due per month, keyed by YYYY-MM and sorted by DATE, the latest six kept (they were in storage order,\n  // and the last six inserted were kept — out of order, recent months dropped).\n  const velocityMap: Record<string, { planned: number; completed: number }> = {};\n  for (const item of liveItems) {\n    if (item.endDate) {\n      const key = item.endDate.slice(0, 7);\n      if (!velocityMap[key]) velocityMap[key] = { planned: 0, completed: 0 };\n      velocityMap[key].planned += 1;\n      if (isDone(item)) velocityMap[key].completed += 1;\n    }\n  }\n  const velocityData = Object.entries(velocityMap)\n    .sort(([a], [b]) => a.localeCompare(b))\n    .slice(-6)\n    .map(([key, vals]) => ({\n      month: new Date(`${key}-01T00:00:00Z`).toLocaleDateString('en-US', {\n        month: 'short',\n        year: '2-digit',\n        timeZone: 'UTC',\n      }),\n      ...vals,\n    }));\n  const maxVal = Math.max(...velocityData.map((d) => Math.max(d.planned, d.completed)), 1);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Roadmap Analytics</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {roadmap.name} - {planningFocusLabel(roadmap.planningFocus)}\n        </p>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Target className=\"h-4 w-4\" />\n              Open items on track\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{onTrack === null ? '—' : `${onTrack}%`}</p>\n            <div className=\"w-full h-2 rounded-full bg-muted mt-2 overflow-hidden\">\n              <div\n                className=\"h-full rounded-full bg-success\"\n                style={{ width: `${onTrack ?? 0}%` }}\n              />\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <TrendingUp className=\"h-4 w-4\" />\n              Progress\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{progress}%</p>\n            <p className=\"text-xs text-muted-foreground mt-1\">{items.length} items total</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <CheckCircle className=\"h-4 w-4\" />\n              Completed\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{completedItems.length}</p>\n            <p className=\"text-xs text-muted-foreground mt-1\">items completed</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <AlertTriangle className=\"h-4 w-4\" />\n              Overdue\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{overdueItems.length}</p>\n            <p className=\"text-xs text-muted-foreground mt-1\">items past end date</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <BarChart3 className=\"h-4 w-4\" />\n              Item Velocity\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            {velocityData.length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-8\">\n                No timeline data available\n              </p>\n            ) : (\n              <div className=\"flex items-end gap-2 h-48\">\n                {velocityData.map((d) => (\n                  <div key={d.month} className=\"flex-1 flex flex-col items-center gap-1\">\n                    <div className=\"flex gap-0.5 items-end w-full justify-center h-40\">\n                      <div\n                        className=\"w-3 bg-primary/30 rounded-t\"\n                        style={{ height: `${(d.planned / maxVal) * 100}%` }}\n                        title={`Planned: ${d.planned}`}\n                      />\n                      <div\n                        className=\"w-3 bg-primary rounded-t\"\n                        style={{ height: `${(d.completed / maxVal) * 100}%` }}\n                        title={`Completed: ${d.completed}`}\n                      />\n                    </div>\n                    <span className=\"text-xs text-muted-foreground\">{d.month}</span>\n                  </div>\n                ))}\n              </div>\n            )}\n            <div className=\"flex gap-4 justify-center mt-3 text-xs\">\n              <span className=\"flex items-center gap-1\">\n                <span className=\"h-2 w-2 rounded bg-primary/30\" />\n                Planned\n              </span>\n              <span className=\"flex items-center gap-1\">\n                <span className=\"h-2 w-2 rounded bg-primary\" />\n                Completed\n              </span>\n            </div>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Item Status Breakdown</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(itemsByStatus).map(([status, count]) => {\n              const total = items.length;\n              const pct = total > 0 ? Math.round((count / total) * 100) : 0;\n              const colors: Record<string, string> = {\n                TODO: 'bg-gray-400',\n                PLANNED: 'bg-yellow-400',\n                IN_PROGRESS: 'bg-blue-400',\n                BLOCKED: 'bg-red-400',\n                DONE: 'bg-green-400',\n                COMPLETED: 'bg-green-400',\n              };\n              return (\n                <div key={status}>\n                  <div className=\"flex justify-between text-sm mb-1\">\n                    <span className=\"capitalize\">{status.toLowerCase().replace('_', ' ')}</span>\n                    <span className=\"font-medium\">\n                      {count} ({pct}%)\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 ${colors[status] ?? 'bg-gray-300'}`}\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Feature request status (workspace)</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(featuresByStatus).length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">\n                No feature request data\n              </p>\n            ) : (\n              Object.entries(featuresByStatus).map(([status, count]) => {\n                const total = featureCounts?.all ?? 0;\n                const pct = total > 0 ? Math.round((count / total) * 100) : 0;\n                const colors: Record<string, string> = {\n                  SUBMITTED: 'bg-gray-400',\n                  UNDER_REVIEW: 'bg-yellow-400',\n                  PLANNED: 'bg-blue-400',\n                  IN_PROGRESS: 'bg-purple-400',\n                  COMPLETED: 'bg-green-400',\n                  DECLINED: 'bg-red-400',\n                };\n                return (\n                  <div key={status}>\n                    <div className=\"flex justify-between text-sm mb-1\">\n                      <span className=\"capitalize\">{status.toLowerCase().replace('_', ' ')}</span>\n                      <span className=\"font-medium\">\n                        {count} ({pct}%)\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 ${colors[status] ?? 'bg-gray-300'}`}\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                  </div>\n                );\n              })\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Swimlane Distribution</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(itemsBySwimlane).length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">No swimlane data</p>\n            ) : (\n              Object.entries(itemsBySwimlane).map(([lane, count]) => {\n                const total = items.length;\n                const pct = total > 0 ? Math.round((count / total) * 100) : 0;\n                return (\n                  <div key={lane}>\n                    <div className=\"flex justify-between text-sm mb-1\">\n                      <span>{lane}</span>\n                      <span className=\"font-medium\">\n                        {count} ({pct}%)\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 bg-primary\"\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                  </div>\n                );\n              })\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      {overdueItems.length > 0 && (\n        <Card>\n          <CardHeader>\n            <CardTitle>Overdue Items</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"space-y-3\">\n              {overdueItems.map((item) => (\n                <div\n                  key={item.id}\n                  className=\"flex items-center justify-between border rounded-md p-3\"\n                >\n                  <div>\n                    <p className=\"text-sm font-medium\">{item.title}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      Due: {item.endDate ? new Date(item.endDate).toLocaleDateString() : 'N/A'}\n                    </p>\n                  </div>\n                  <span className=\"text-xs px-2 py-0.5 rounded-full bg-red-100 text-red-800 capitalize\">\n                    {item.status.toLowerCase().replace('_', ' ')}\n                  </span>\n                </div>\n              ))}\n            </div>\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsRoadmapsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsRoadmapsPagePage.tsx"],"names":[],"mappings":"AAoEA,wBAAgB,wBAAwB,4CA+KvC"}
+{"version":3,"file":"ProductsRoadmapsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsRoadmapsPagePage.tsx"],"names":[],"mappings":"AAoEA,wBAAgB,wBAAwB,4CAqLvC"}

package/dist/planmagnet/pages/ProductsRoadmapsPagePage.js

@@ -1,7 +1,7 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
 import { PersonName as n } from "../people/People.js";
-import { PLANNING_FOCUSES as r, PlanningFocusBadge as i, planningFocusLabel as a } from "../roadmaps/planningFocus.js";
-import { detailPath as o, rowLinkProps as s } from "../utils/rowNavigation.js";
+import { detailPath as r, rowLinkProps as i } from "../utils/rowNavigation.js";
+import { PLANNING_FOCUSES as a, PlanningFocusBadge as o, planningFocusLabel as s } from "../roadmaps/planningFocus.js";
 import { useState as c } from "react";
 import { Calendar as l, Filter as u, Loader2 as d, Map as f, Plus as p } from "lucide-react";
 import { gql as m } from "@apollo/client";
@@ -43,7 +43,11 @@ function T() {
 	let m = t(), { workspaceId: T } = e(), [E, D] = c("all"), [O, k] = c("all"), { data: A, loading: j, error: M } = h(w, {
 		variables: {
 			workspaceId: T,
-			pagination: { first: 50 }
+			pagination: { first: 50 },
+			filter: {
+				...E === "none" ? { hasPlanningFocus: !1 } : E === "all" ? {} : { planningFocus: E },
+				...O === "all" ? {} : { isPublic: O === "public" }
+			}
 		},
 		skip: !T
 	});
@@ -57,13 +61,13 @@ function T() {
 	});
 	let N = A?.planmagnetRoadmaps?.items ?? [], P = A?.planmagnetRoadmaps?.totalCount ?? 0, F = [
 		"all",
-		...r,
+		...a,
 		"none"
 	], I = [
 		"all",
 		"public",
 		"private"
-	], L = N.filter((e) => (E === "all" || (E === "none" ? !e.planningFocus : e.planningFocus === E)) && (O === "all" || O === "public" && e.isPublic || O === "private" && !e.isPublic));
+	], L = N;
 	return /* @__PURE__ */ _("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -72,9 +76,9 @@ function T() {
 				children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h1", {
 					className: "text-2xl font-semibold",
 					children: "Roadmaps"
-				}), /* @__PURE__ */ _("p", {
+				}), /* @__PURE__ */ g("p", {
 					className: "text-sm text-muted-foreground",
-					children: [P, " roadmaps across all products"]
+					children: E !== "all" || O !== "all" ? `${P} match` : `${P} roadmaps across all products`
 				})] }), /* @__PURE__ */ _(y, {
 					size: "sm",
 					onClick: () => m("/products/create-roadmap-page"),
@@ -96,7 +100,7 @@ function T() {
 							"aria-pressed": E === e,
 							onClick: () => D(e),
 							className: `px-2 py-1 text-xs rounded-md ${E === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
-							children: e === "all" ? "All" : e === "none" ? "Not set" : a(e)
+							children: e === "all" ? "All" : e === "none" ? "Not set" : s(e)
 						}, e))
 					]
 				}), /* @__PURE__ */ _("div", {
@@ -114,9 +118,9 @@ function T() {
 			/* @__PURE__ */ g("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 				children: L.map((e) => {
-					let t = e.items?.length ?? 0, r = e.items?.filter((e) => e.status === "COMPLETED" || e.status === "DONE").length ?? 0, a = t > 0 ? Math.round(r / t * 100) : 0, c = e.items?.map((e) => e.startDate).filter(Boolean) ?? [], u = e.items?.map((e) => e.endDate).filter(Boolean) ?? [], d = c.length > 0 ? c.sort()[0] : null, p = u.length > 0 ? u.sort().reverse()[0] : null;
+					let t = e.items?.length ?? 0, a = e.items?.filter((e) => e.status === "COMPLETED" || e.status === "DONE").length ?? 0, s = t > 0 ? Math.round(a / t * 100) : 0, c = e.items?.map((e) => e.startDate).filter(Boolean) ?? [], u = e.items?.map((e) => e.endDate).filter(Boolean) ?? [], d = c.length > 0 ? c.sort()[0] : null, p = u.length > 0 ? u.sort().reverse()[0] : null;
 					return /* @__PURE__ */ _(b, {
-						...s(() => m(o("/products/roadmap-detail-page", e.id)), e.name),
+						...i(() => m(r("/products/roadmap-detail-page", e.id)), e.name),
 						children: [/* @__PURE__ */ g(S, {
 							className: "pb-2",
 							children: /* @__PURE__ */ _("div", {
@@ -139,7 +143,7 @@ function T() {
 								}),
 								/* @__PURE__ */ _("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ g(i, { focus: e.planningFocus }), /* @__PURE__ */ g(v, {
+									children: [/* @__PURE__ */ g(o, { focus: e.planningFocus }), /* @__PURE__ */ g(v, {
 										variant: "outline",
 										className: "text-xs capitalize",
 										children: e.isPublic ? "public" : "private"
@@ -152,13 +156,13 @@ function T() {
 										children: "Progress"
 									}), /* @__PURE__ */ _("span", {
 										className: "font-medium",
-										children: [a, "%"]
+										children: [s, "%"]
 									})]
 								}), /* @__PURE__ */ g("div", {
 									className: "w-full h-2 rounded-full bg-muted overflow-hidden",
 									children: /* @__PURE__ */ g("div", {
 										className: "h-full bg-primary rounded-full",
-										style: { width: `${a}%` }
+										style: { width: `${s}%` }
 									})
 								})] }),
 								/* @__PURE__ */ g("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsRoadmapsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsRoadmapsPagePage.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, Button } from '@burdenoff/fe-libs/ui';\nimport { Map, Calendar, Plus, Filter, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport {\n  PLANNING_FOCUSES,\n  PlanningFocusBadge,\n  planningFocusLabel,\n} from '../roadmaps/planningFocus';\n\nconst LIST_ROADMAPS = gql`\n  query ListRoadmapsPage(\n    $workspaceId: ID!\n    $filter: PlanmagnetRoadmapFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetRoadmaps(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        workspaceId\n        name\n        description\n        type\n        planningFocus\n        isPublic\n        ownerId\n        createdAt\n        updatedAt\n        items {\n          id\n          title\n          status\n          startDate\n          endDate\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface RoadmapItemNode {\n  id: string;\n  title: string;\n  status: string;\n  startDate: string | null;\n  endDate: string | null;\n}\n\ninterface RoadmapNode {\n  id: string;\n  name: string;\n  description: string | null;\n  type: string;\n  planningFocus: string | null;\n  isPublic: boolean;\n  ownerId: string;\n  createdAt: string;\n  updatedAt: string;\n  items: RoadmapItemNode[];\n}\n\nexport function ProductsRoadmapsPagePage() {\n  const navigate = usePlanMagnetNavigate();\n  const { workspaceId } = usePlanMagnet();\n  const [focusFilter, setFocusFilter] = useState<string>('all');\n  const [visFilter, setVisFilter] = useState<string>('all');\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(LIST_ROADMAPS, {\n      variables: {\n        workspaceId,\n        pagination: { first: 50 },\n      },\n      skip: !workspaceId,\n    });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load roadmaps: {error.message}</div>;\n  }\n\n  const roadmaps: RoadmapNode[] = data?.planmagnetRoadmaps?.items ?? [];\n  const totalCount = data?.planmagnetRoadmaps?.totalCount ?? 0;\n\n  // Filter by what a roadmap is ABOUT. Every roadmap has the same display, so\n  // filtering by it (the old \"Type: timeline\" chips) chose nothing (BOFF-7934).\n  const focuses = ['all', ...PLANNING_FOCUSES, 'none'];\n  const visibilities = ['all', 'public', 'private'];\n\n  const filtered = roadmaps.filter(\n    (r) =>\n      (focusFilter === 'all' ||\n        (focusFilter === 'none' ? !r.planningFocus : r.planningFocus === focusFilter)) &&\n      (visFilter === 'all' ||\n        (visFilter === 'public' && r.isPublic) ||\n        (visFilter === 'private' && !r.isPublic))\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Roadmaps</h1>\n          <p className=\"text-sm text-muted-foreground\">{totalCount} roadmaps across all products</p>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('/products/create-roadmap-page')}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Roadmap\n        </Button>\n      </div>\n\n      <div className=\"flex gap-4 flex-wrap\">\n        <div className=\"flex items-center gap-2\">\n          <Filter className=\"h-4 w-4 text-muted-foreground\" />\n          <span className=\"text-sm text-muted-foreground\">Focus:</span>\n          {focuses.map((f) => (\n            <button\n              key={f}\n              type=\"button\"\n              aria-pressed={focusFilter === f}\n              onClick={() => setFocusFilter(f)}\n              className={`px-2 py-1 text-xs rounded-md ${focusFilter === f ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n            >\n              {f === 'all' ? 'All' : f === 'none' ? 'Not set' : planningFocusLabel(f)}\n            </button>\n          ))}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-sm text-muted-foreground\">Visibility:</span>\n          {visibilities.map((v) => (\n            <button\n              key={v}\n              onClick={() => setVisFilter(v)}\n              className={`px-2 py-1 text-xs rounded-md capitalize ${visFilter === v ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n            >\n              {v}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {filtered.map((rm) => {\n          const itemCount = rm.items?.length ?? 0;\n          const completedItems =\n            rm.items?.filter((i) => i.status === 'COMPLETED' || i.status === 'DONE').length ?? 0;\n          const progress = itemCount > 0 ? Math.round((completedItems / itemCount) * 100) : 0;\n          const startDates = rm.items?.map((i) => i.startDate).filter(Boolean) ?? [];\n          const endDates = rm.items?.map((i) => i.endDate).filter(Boolean) ?? [];\n          const earliestStart = startDates.length > 0 ? startDates.sort()[0] : null;\n          const latestEnd = endDates.length > 0 ? endDates.sort().reverse()[0] : null;\n\n          return (\n            <Card\n              key={rm.id}\n              {...rowLinkProps(\n                () => navigate(detailPath('/products/roadmap-detail-page', rm.id)),\n                rm.name\n              )}\n            >\n              <CardHeader className=\"pb-2\">\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base\">{rm.name}</CardTitle>\n                  <Badge variant={rm.isPublic ? 'default' : 'secondary'} className=\"capitalize\">\n                    {rm.isPublic ? 'public' : 'private'}\n                  </Badge>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <p className=\"text-sm text-muted-foreground\">\n                  {rm.description ?? 'No description'}\n                </p>\n                <div className=\"flex items-center gap-2\">\n                  <PlanningFocusBadge focus={rm.planningFocus} />\n                  <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                    {rm.isPublic ? 'public' : 'private'}\n                  </Badge>\n                </div>\n                <div>\n                  <div className=\"flex justify-between text-xs mb-1\">\n                    <span className=\"text-muted-foreground\">Progress</span>\n                    <span className=\"font-medium\">{progress}%</span>\n                  </div>\n                  <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n                    <div\n                      className=\"h-full bg-primary rounded-full\"\n                      style={{ width: `${progress}%` }}\n                    />\n                  </div>\n                </div>\n                <div className=\"flex gap-4 text-xs text-muted-foreground\">\n                  <span className=\"flex items-center gap-1\">\n                    <Map className=\"h-3 w-3\" />\n                    {itemCount} items\n                  </span>\n                </div>\n                <div className=\"flex items-center justify-between text-xs text-muted-foreground border-t pt-2\">\n                  <span>\n                    Owner: <PersonName id={rm.ownerId} />\n                  </span>\n                  {earliestStart && latestEnd && (\n                    <span className=\"flex items-center gap-1\">\n                      <Calendar className=\"h-3 w-3\" />\n                      {new Date(earliestStart).toLocaleDateString()} -{' '}\n                      {new Date(latestEnd).toLocaleDateString()}\n                    </span>\n                  )}\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n      {filtered.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">\n          No roadmaps match the selected filters.\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsRoadmapsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsRoadmapsPagePage.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, Button } from '@burdenoff/fe-libs/ui';\nimport { Map, Calendar, Plus, Filter, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport {\n  PLANNING_FOCUSES,\n  PlanningFocusBadge,\n  planningFocusLabel,\n} from '../roadmaps/planningFocus';\n\nconst LIST_ROADMAPS = gql`\n  query ListRoadmapsPage(\n    $workspaceId: ID!\n    $filter: PlanmagnetRoadmapFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetRoadmaps(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        workspaceId\n        name\n        description\n        type\n        planningFocus\n        isPublic\n        ownerId\n        createdAt\n        updatedAt\n        items {\n          id\n          title\n          status\n          startDate\n          endDate\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface RoadmapItemNode {\n  id: string;\n  title: string;\n  status: string;\n  startDate: string | null;\n  endDate: string | null;\n}\n\ninterface RoadmapNode {\n  id: string;\n  name: string;\n  description: string | null;\n  type: string;\n  planningFocus: string | null;\n  isPublic: boolean;\n  ownerId: string;\n  createdAt: string;\n  updatedAt: string;\n  items: RoadmapItemNode[];\n}\n\nexport function ProductsRoadmapsPagePage() {\n  const navigate = usePlanMagnetNavigate();\n  const { workspaceId } = usePlanMagnet();\n  const [focusFilter, setFocusFilter] = useState<string>('all');\n  const [visFilter, setVisFilter] = useState<string>('all');\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(LIST_ROADMAPS, {\n      // Filters run on the server (BOFF-7986): filtering the first 50 in the browser hid every match past the\n      // 50th and could say \"no roadmaps match\" while matches existed.\n      variables: {\n        workspaceId,\n        pagination: { first: 50 },\n        filter: {\n          ...(focusFilter === 'none'\n            ? { hasPlanningFocus: false }\n            : focusFilter !== 'all'\n              ? { planningFocus: focusFilter }\n              : {}),\n          ...(visFilter !== 'all' ? { isPublic: visFilter === 'public' } : {}),\n        },\n      },\n      skip: !workspaceId,\n    });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load roadmaps: {error.message}</div>;\n  }\n\n  const roadmaps: RoadmapNode[] = data?.planmagnetRoadmaps?.items ?? [];\n  const totalCount = data?.planmagnetRoadmaps?.totalCount ?? 0;\n\n  // Filter by what a roadmap is ABOUT. Every roadmap has the same display, so\n  // filtering by it (the old \"Type: timeline\" chips) chose nothing (BOFF-7934).\n  const focuses = ['all', ...PLANNING_FOCUSES, 'none'];\n  const visibilities = ['all', 'public', 'private'];\n\n  const filtered = roadmaps;\n  const filteredView = focusFilter !== 'all' || visFilter !== 'all';\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\">Roadmaps</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {filteredView ? `${totalCount} match` : `${totalCount} roadmaps across all products`}\n          </p>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('/products/create-roadmap-page')}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Roadmap\n        </Button>\n      </div>\n\n      <div className=\"flex gap-4 flex-wrap\">\n        <div className=\"flex items-center gap-2\">\n          <Filter className=\"h-4 w-4 text-muted-foreground\" />\n          <span className=\"text-sm text-muted-foreground\">Focus:</span>\n          {focuses.map((f) => (\n            <button\n              key={f}\n              type=\"button\"\n              aria-pressed={focusFilter === f}\n              onClick={() => setFocusFilter(f)}\n              className={`px-2 py-1 text-xs rounded-md ${focusFilter === f ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n            >\n              {f === 'all' ? 'All' : f === 'none' ? 'Not set' : planningFocusLabel(f)}\n            </button>\n          ))}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-sm text-muted-foreground\">Visibility:</span>\n          {visibilities.map((v) => (\n            <button\n              key={v}\n              onClick={() => setVisFilter(v)}\n              className={`px-2 py-1 text-xs rounded-md capitalize ${visFilter === v ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n            >\n              {v}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {filtered.map((rm) => {\n          const itemCount = rm.items?.length ?? 0;\n          const completedItems =\n            rm.items?.filter((i) => i.status === 'COMPLETED' || i.status === 'DONE').length ?? 0;\n          const progress = itemCount > 0 ? Math.round((completedItems / itemCount) * 100) : 0;\n          const startDates = rm.items?.map((i) => i.startDate).filter(Boolean) ?? [];\n          const endDates = rm.items?.map((i) => i.endDate).filter(Boolean) ?? [];\n          const earliestStart = startDates.length > 0 ? startDates.sort()[0] : null;\n          const latestEnd = endDates.length > 0 ? endDates.sort().reverse()[0] : null;\n\n          return (\n            <Card\n              key={rm.id}\n              {...rowLinkProps(\n                () => navigate(detailPath('/products/roadmap-detail-page', rm.id)),\n                rm.name\n              )}\n            >\n              <CardHeader className=\"pb-2\">\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base\">{rm.name}</CardTitle>\n                  <Badge variant={rm.isPublic ? 'default' : 'secondary'} className=\"capitalize\">\n                    {rm.isPublic ? 'public' : 'private'}\n                  </Badge>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <p className=\"text-sm text-muted-foreground\">\n                  {rm.description ?? 'No description'}\n                </p>\n                <div className=\"flex items-center gap-2\">\n                  <PlanningFocusBadge focus={rm.planningFocus} />\n                  <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                    {rm.isPublic ? 'public' : 'private'}\n                  </Badge>\n                </div>\n                <div>\n                  <div className=\"flex justify-between text-xs mb-1\">\n                    <span className=\"text-muted-foreground\">Progress</span>\n                    <span className=\"font-medium\">{progress}%</span>\n                  </div>\n                  <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n                    <div\n                      className=\"h-full bg-primary rounded-full\"\n                      style={{ width: `${progress}%` }}\n                    />\n                  </div>\n                </div>\n                <div className=\"flex gap-4 text-xs text-muted-foreground\">\n                  <span className=\"flex items-center gap-1\">\n                    <Map className=\"h-3 w-3\" />\n                    {itemCount} items\n                  </span>\n                </div>\n                <div className=\"flex items-center justify-between text-xs text-muted-foreground border-t pt-2\">\n                  <span>\n                    Owner: <PersonName id={rm.ownerId} />\n                  </span>\n                  {earliestStart && latestEnd && (\n                    <span className=\"flex items-center gap-1\">\n                      <Calendar className=\"h-3 w-3\" />\n                      {new Date(earliestStart).toLocaleDateString()} -{' '}\n                      {new Date(latestEnd).toLocaleDateString()}\n                    </span>\n                  )}\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n      {filtered.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">\n          No roadmaps match the selected filters.\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsActiveProjectsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsActiveProjectsPagePage.tsx"],"names":[],"mappings":"AA4CA,wBAAgB,8BAA8B,4CAkG7C"}
+{"version":3,"file":"ProjectsActiveProjectsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsActiveProjectsPagePage.tsx"],"names":[],"mappings":"AA4CA,wBAAgB,8BAA8B,4CAqG7C"}

package/dist/planmagnet/pages/ProjectsActiveProjectsPagePage.js

@@ -50,7 +50,7 @@ function g() {
 				children: "Active Projects"
 			}), /* @__PURE__ */ l("p", {
 				className: "text-sm text-muted-foreground",
-				children: [b.length, " active projects in progress"]
+				children: [_?.planmagnetProjects?.totalCount ?? b.length, " active projects in progress"]
 			})] }),
 			/* @__PURE__ */ c("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-4",

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsActiveProjectsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsActiveProjectsPagePage.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 { Users } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\n\nconst GET_ACTIVE_PROJECTS = gql`\n  query GetActiveProjects($workspaceId: ID!) {\n    planmagnetProjects(\n      workspaceId: $workspaceId\n      filter: { status: ACTIVE }\n      pagination: { first: 100 }\n    ) {\n      items {\n        id\n        name\n        key\n        description\n        status\n        methodology\n        ownerId\n        startDate\n        endDate\n        tags\n        createdAt\n      }\n      totalCount\n    }\n  }\n`;\n\nconst methodColor: Record<string, string> = {\n  SCRUM: 'bg-blue-100 text-blue-800',\n  KANBAN: 'bg-purple-100 text-purple-800',\n  WATERFALL: 'bg-gray-100 text-gray-800',\n  HYBRID: 'bg-teal-100 text-teal-800',\n  AGILE: 'bg-indigo-100 text-indigo-800',\n  CUSTOM: 'bg-amber-100 text-amber-800',\n};\n\nexport function ProjectsActiveProjectsPagePage() {\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_ACTIVE_PROJECTS, {\n      variables: { workspaceId: workspaceId ?? 'default' },\n    });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\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 active projects: {error.message}</div>;\n\n  const active = data?.planmagnetProjects?.items ?? [];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Active Projects</h1>\n        <p className=\"text-sm text-muted-foreground\">{active.length} active projects in progress</p>\n      </div>\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {active.map(\n          (project: {\n            id: string;\n            name: string;\n            key: string;\n            description: string | null;\n            status: string;\n            methodology: string;\n            ownerId: string;\n            startDate: string | null;\n            endDate: string | null;\n            tags: string[];\n          }) => {\n            return (\n              <Card\n                key={project.id}\n                {...rowLinkProps(\n                  () => navigate(detailPath('/projects/project-detail-page', project.id)),\n                  project.name\n                )}\n              >\n                <CardHeader className=\"pb-2\">\n                  <div className=\"flex items-center justify-between\">\n                    <CardTitle className=\"text-base\">{project.name}</CardTitle>\n                    <span className=\"text-xs font-mono text-muted-foreground\">{project.key}</span>\n                  </div>\n                </CardHeader>\n                <CardContent className=\"space-y-3\">\n                  <p className=\"text-sm text-muted-foreground\">\n                    {project.description ?? 'No description'}\n                  </p>\n                  <div className=\"flex gap-2\">\n                    <Badge variant=\"outline\" className=\"capitalize\">\n                      {project.methodology.toLowerCase()}\n                    </Badge>\n                    {project.tags.slice(0, 3).map((tag: string) => (\n                      <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                        {tag}\n                      </Badge>\n                    ))}\n                  </div>\n                  <div className=\"flex gap-4 text-xs text-muted-foreground\">\n                    <span>\n                      {project.startDate ? new Date(project.startDate).toLocaleDateString() : '—'} -{' '}\n                      {project.endDate ? new Date(project.endDate).toLocaleDateString() : '—'}\n                    </span>\n                  </div>\n                  <div className=\"text-xs text-muted-foreground border-t pt-2 flex items-center gap-1\">\n                    <Users className=\"h-3 w-3\" />\n                    Owner: <PersonName id={project.ownerId} />\n                  </div>\n                </CardContent>\n              </Card>\n            );\n          }\n        )}\n      </div>\n      {active.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">No active projects.</p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,IAAM,IAAsB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;AAkC/B,SAAgB,IAAiC;CAC/C,IAAM,EAAE,mBAAgB,GAAe,EACjC,IAAW,GAAuB,EAElC,EACJ,SACA,YACA,aAGA,EAA8B,GAAqB,EACjD,WAAW,EAAE,aAAa,KAAe,WAAW,EACrD,CAAC;AAMJ,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA;AAEV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAkC,mCAAgC,EAAM,QAAc;;CAE/F,IAAM,IAAS,GAAM,oBAAoB,SAAS,EAAE;AAEpD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAoB,CAAA,EAC3D,kBAAC,KAAD;IAAG,WAAU;cAAb,CAA8C,EAAO,QAAO,+BAAgC;MACxF,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO,KACL,MAaG,kBAAC,GAAD;KAEE,GAAI,QACI,EAAS,EAAW,iCAAiC,EAAQ,GAAG,CAAC,EACvE,EAAQ,KACT;eALH,CAOE,kBAAC,GAAD;MAAY,WAAU;gBACpB,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAa,EAAQ;QAAiB,CAAA,EAC3D,kBAAC,QAAD;QAAM,WAAU;kBAA2C,EAAQ;QAAW,CAAA,CAC1E;;MACK,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAQ,eAAe;QACtB,CAAA;OACJ,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD;SAAO,SAAQ;SAAU,WAAU;mBAChC,EAAQ,YAAY,aAAa;SAC5B,CAAA,EACP,EAAQ,KAAK,MAAM,GAAG,EAAE,CAAC,KAAK,MAC7B,kBAAC,GAAD;SAAiB,SAAQ;SAAU,WAAU;mBAC1C;SACK,EAFI,EAEJ,CACR,CACE;;OACN,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,QAAD,EAAA,UAAA;SACG,EAAQ,YAAY,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB,GAAG;SAAI;SAAG;SAC9E,EAAQ,UAAU,IAAI,KAAK,EAAQ,QAAQ,CAAC,oBAAoB,GAAG;SAC/D,EAAA,CAAA;QACH,CAAA;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;;SACtB,kBAAC,GAAD,EAAY,IAAI,EAAQ,SAAW,CAAA;SACtC;;OACM;QACT;OArCA,EAAQ,GAqCR,CAGZ;IACG,CAAA;GACL,EAAO,WAAW,KACjB,kBAAC,KAAD;IAAG,WAAU;cAAyC;IAAuB,CAAA;GAE3E"}
+{"version":3,"file":"ProjectsActiveProjectsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsActiveProjectsPagePage.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 { Users } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\n\nconst GET_ACTIVE_PROJECTS = gql`\n  query GetActiveProjects($workspaceId: ID!) {\n    planmagnetProjects(\n      workspaceId: $workspaceId\n      filter: { status: ACTIVE }\n      pagination: { first: 100 }\n    ) {\n      items {\n        id\n        name\n        key\n        description\n        status\n        methodology\n        ownerId\n        startDate\n        endDate\n        tags\n        createdAt\n      }\n      totalCount\n    }\n  }\n`;\n\nconst methodColor: Record<string, string> = {\n  SCRUM: 'bg-blue-100 text-blue-800',\n  KANBAN: 'bg-purple-100 text-purple-800',\n  WATERFALL: 'bg-gray-100 text-gray-800',\n  HYBRID: 'bg-teal-100 text-teal-800',\n  AGILE: 'bg-indigo-100 text-indigo-800',\n  CUSTOM: 'bg-amber-100 text-amber-800',\n};\n\nexport function ProjectsActiveProjectsPagePage() {\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_ACTIVE_PROJECTS, {\n      variables: { workspaceId: workspaceId ?? 'default' },\n    });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\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 active projects: {error.message}</div>;\n\n  const active = data?.planmagnetProjects?.items ?? [];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Active Projects</h1>\n        {/* The server total, not the length of the loaded page (BOFF-7969). */}\n        <p className=\"text-sm text-muted-foreground\">\n          {data?.planmagnetProjects?.totalCount ?? active.length} active projects in progress\n        </p>\n      </div>\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {active.map(\n          (project: {\n            id: string;\n            name: string;\n            key: string;\n            description: string | null;\n            status: string;\n            methodology: string;\n            ownerId: string;\n            startDate: string | null;\n            endDate: string | null;\n            tags: string[];\n          }) => {\n            return (\n              <Card\n                key={project.id}\n                {...rowLinkProps(\n                  () => navigate(detailPath('/projects/project-detail-page', project.id)),\n                  project.name\n                )}\n              >\n                <CardHeader className=\"pb-2\">\n                  <div className=\"flex items-center justify-between\">\n                    <CardTitle className=\"text-base\">{project.name}</CardTitle>\n                    <span className=\"text-xs font-mono text-muted-foreground\">{project.key}</span>\n                  </div>\n                </CardHeader>\n                <CardContent className=\"space-y-3\">\n                  <p className=\"text-sm text-muted-foreground\">\n                    {project.description ?? 'No description'}\n                  </p>\n                  <div className=\"flex gap-2\">\n                    <Badge variant=\"outline\" className=\"capitalize\">\n                      {project.methodology.toLowerCase()}\n                    </Badge>\n                    {project.tags.slice(0, 3).map((tag: string) => (\n                      <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                        {tag}\n                      </Badge>\n                    ))}\n                  </div>\n                  <div className=\"flex gap-4 text-xs text-muted-foreground\">\n                    <span>\n                      {project.startDate ? new Date(project.startDate).toLocaleDateString() : '—'} -{' '}\n                      {project.endDate ? new Date(project.endDate).toLocaleDateString() : '—'}\n                    </span>\n                  </div>\n                  <div className=\"text-xs text-muted-foreground border-t pt-2 flex items-center gap-1\">\n                    <Users className=\"h-3 w-3\" />\n                    Owner: <PersonName id={project.ownerId} />\n                  </div>\n                </CardContent>\n              </Card>\n            );\n          }\n        )}\n      </div>\n      {active.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">No active projects.</p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,IAAM,IAAsB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;AAkC/B,SAAgB,IAAiC;CAC/C,IAAM,EAAE,mBAAgB,GAAe,EACjC,IAAW,GAAuB,EAElC,EACJ,SACA,YACA,aAGA,EAA8B,GAAqB,EACjD,WAAW,EAAE,aAAa,KAAe,WAAW,EACrD,CAAC;AAMJ,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA;AAEV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAkC,mCAAgC,EAAM,QAAc;;CAE/F,IAAM,IAAS,GAAM,oBAAoB,SAAS,EAAE;AAEpD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAoB,CAAA,EAE3D,kBAAC,KAAD;IAAG,WAAU;cAAb,CACG,GAAM,oBAAoB,cAAc,EAAO,QAAO,+BACrD;MACA,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO,KACL,MAaG,kBAAC,GAAD;KAEE,GAAI,QACI,EAAS,EAAW,iCAAiC,EAAQ,GAAG,CAAC,EACvE,EAAQ,KACT;eALH,CAOE,kBAAC,GAAD;MAAY,WAAU;gBACpB,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAa,EAAQ;QAAiB,CAAA,EAC3D,kBAAC,QAAD;QAAM,WAAU;kBAA2C,EAAQ;QAAW,CAAA,CAC1E;;MACK,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAQ,eAAe;QACtB,CAAA;OACJ,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD;SAAO,SAAQ;SAAU,WAAU;mBAChC,EAAQ,YAAY,aAAa;SAC5B,CAAA,EACP,EAAQ,KAAK,MAAM,GAAG,EAAE,CAAC,KAAK,MAC7B,kBAAC,GAAD;SAAiB,SAAQ;SAAU,WAAU;mBAC1C;SACK,EAFI,EAEJ,CACR,CACE;;OACN,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,QAAD,EAAA,UAAA;SACG,EAAQ,YAAY,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB,GAAG;SAAI;SAAG;SAC9E,EAAQ,UAAU,IAAI,KAAK,EAAQ,QAAQ,CAAC,oBAAoB,GAAG;SAC/D,EAAA,CAAA;QACH,CAAA;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;;SACtB,kBAAC,GAAD,EAAY,IAAI,EAAQ,SAAW,CAAA;SACtC;;OACM;QACT;OArCA,EAAQ,GAqCR,CAGZ;IACG,CAAA;GACL,EAAO,WAAW,KACjB,kBAAC,KAAD;IAAG,WAAU;cAAyC;IAAuB,CAAA;GAE3E"}

package/dist/planmagnet/pages/ProjectsEditProjectPagePage.js

@@ -1,8 +1,8 @@
 import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
 import { throwOnError as t } from "../utils/mutationResult.js";
-import { endBeforeStart as n } from "../utils/formValidation.js";
-import { enumLabel as r } from "../controls/WorkItemControls.js";
-import { detailPath as i } from "../utils/rowNavigation.js";
+import { detailPath as n } from "../utils/rowNavigation.js";
+import { endBeforeStart as r } from "../utils/formValidation.js";
+import { enumLabel as i } from "../controls/WorkItemControls.js";
 import { useEntityId as a } from "../hooks/useEntityId.js";
 import { PROJECT_STATUSES as o } from "../controls/ProjectControls.js";
 import { useMemo as s, useState as c } from "react";
@@ -64,7 +64,7 @@ function w() {
 		"GetProjectsForEdit",
 		"GetProjectDetail",
 		"AdminPlanmagnetProjects"
-	] }), [R, z] = c(null), B = n(P.startDate, P.endDate);
+	] }), [R, z] = c(null), B = r(P.startDate, P.endDate);
 	return d ? E && !T ? /* @__PURE__ */ m("div", {
 		className: "flex items-center justify-center p-12",
 		children: /* @__PURE__ */ m("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
@@ -82,7 +82,7 @@ function w() {
 						variant: "ghost",
 						size: "sm",
 						"aria-label": "Back to the project",
-						onClick: () => w(i("/projects/project-detail-page", d)),
+						onClick: () => w(n("/projects/project-detail-page", d)),
 						children: /* @__PURE__ */ m(l, { className: "h-4 w-4" })
 					}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
 						className: "text-2xl font-semibold",
@@ -190,7 +190,7 @@ function w() {
 						}),
 						children: (o.includes(P.status) ? o : [P.status, ...o]).map((e) => /* @__PURE__ */ m("option", {
 							value: e,
-							children: r(e)
+							children: i(e)
 						}, e))
 					})] }),
 					/* @__PURE__ */ h("div", {

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

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