@burdenoff/microfe-planmagnet 2026.927.4 → 2026.927.6

package/dist/planmagnet/pages/ProductsFeatureAnalyticsPagePage.js

@@ -1,12 +1,12 @@
-import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
-import { BarChart3 as t, Loader2 as n, Target as r, ThumbsUp as i, TrendingUp as a, Users as o } from "lucide-react";
-import { useParams as s } from "react-router";
-import { gql as c } from "@apollo/client";
-import { useQuery as l } from "@apollo/client/react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+import { countLabel as e, useFeatureCounts as t } from "../hooks/useCounts.js";
+import { BarChart3 as n, Loader2 as r, Target as i, ThumbsUp as a, TrendingUp as o, Users as s } from "lucide-react";
+import { useParams as c } from "react-router";
+import { gql as l } from "@apollo/client";
+import { useQuery as u } from "@apollo/client/react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Card as p, CardContent as m, CardHeader as h, CardTitle as g } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProductsFeatureAnalyticsPagePage.tsx
-var g = c`
+var _ = l`
   query GetFeatureRequestAnalytics($id: ID!) {
     planmagnetFeatureRequest(id: $id) {
       id
@@ -17,6 +17,7 @@ var g = c`
       effortEstimate
       priorityScore
       voteCount
+      voteRank
       submittedBy
       tags
       createdAt
@@ -34,188 +35,167 @@ var g = c`
       }
     }
   }
-`, _ = c`
-  query ListAllFeaturesAnalytics($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {
-    planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: $pagination) {
-      items {
-        id
-        status
-        voteCount
-        businessValue
-        priorityScore
-      }
-      totalCount
-    }
-  }
 `;
 function v() {
-	let { workspaceId: c } = e(), v = s().id ?? "", { data: y, loading: b, error: x } = l(g, {
-		variables: { id: v },
-		skip: !v
-	}), { data: S } = l(_, {
-		variables: {
-			workspaceId: c,
-			pagination: { first: 100 }
-		},
-		skip: !c
-	});
-	if (b && !y) return /* @__PURE__ */ u("div", {
+	let l = c().id ?? "", { data: v, loading: y, error: b } = u(_, {
+		variables: { id: l },
+		skip: !l
+	}), x = t();
+	if (y && !v) return /* @__PURE__ */ d("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ u(n, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		children: /* @__PURE__ */ d(r, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (x) return /* @__PURE__ */ d("div", {
+	if (b) return /* @__PURE__ */ f("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load analytics: ", x.message]
+		children: ["Failed to load analytics: ", b.message]
 	});
-	let C = y?.planmagnetFeatureRequest;
-	if (!C) return /* @__PURE__ */ u("div", {
+	let S = v?.planmagnetFeatureRequest;
+	if (!S) return /* @__PURE__ */ d("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Feature not found."
 	});
-	let w = C.votes ?? [], T = C.competitors?.length ?? 0, E = S?.planmagnetFeatureRequests?.items ?? [], D = {};
-	for (let e of w) D[e.weight] = (D[e.weight] || 0) + 1;
-	let O = Math.max(...Object.values(D), 1), k = [], A = {};
-	for (let e of w) {
+	let C = S.votes ?? [], w = S.competitors?.length ?? 0, T = {};
+	for (let e of C) T[e.weight] = (T[e.weight] || 0) + 1;
+	let E = Math.max(...Object.values(T), 1), D = [], O = {};
+	for (let e of C) {
 		let t = new Date(e.createdAt).toLocaleDateString();
-		A[t] = (A[t] || 0) + 1;
+		O[t] = (O[t] || 0) + 1;
 	}
-	for (let [e, t] of Object.entries(A)) k.push({
+	for (let [e, t] of Object.entries(O)) D.push({
 		date: e,
 		count: t
 	});
-	k.sort((e, t) => new Date(e.date).getTime() - new Date(t.date).getTime());
-	let j = Math.max(...k.map((e) => e.count), 1), M = {};
-	for (let e of E) M[e.status] = (M[e.status] || 0) + 1;
-	let N = E.slice().sort((e, t) => t.voteCount - e.voteCount).findIndex((e) => e.id === C.id) + 1;
-	return /* @__PURE__ */ d("div", {
+	D.sort((e, t) => new Date(e.date).getTime() - new Date(t.date).getTime());
+	let k = Math.max(...D.map((e) => e.count), 1), A = x ? Object.fromEntries(Object.entries(x.byStatus).filter(([, e]) => e > 0)) : {};
+	return /* @__PURE__ */ f("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+			/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
 				className: "text-2xl font-semibold",
 				children: "Feature Analytics"
-			}), /* @__PURE__ */ d("p", {
+			}), /* @__PURE__ */ f("p", {
 				className: "text-sm text-muted-foreground",
 				children: [
-					C.title,
+					S.title,
 					" - ",
-					C.status.toLowerCase().replace("_", " ")
+					S.status.toLowerCase().replace("_", " ")
 				]
 			})] }),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ u(f, { children: /* @__PURE__ */ d(p, {
+					/* @__PURE__ */ d(p, { children: /* @__PURE__ */ f(m, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ f("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ u(r, { className: "h-4 w-4" }), "Priority Score"]
-						}), /* @__PURE__ */ u("p", {
+							children: [/* @__PURE__ */ d(i, { className: "h-4 w-4" }), "Priority Score"]
+						}), /* @__PURE__ */ d("p", {
 							className: "text-2xl font-bold mt-1",
-							children: C.priorityScore ?? 0
+							children: S.priorityScore ?? 0
 						})]
 					}) }),
-					/* @__PURE__ */ u(f, { children: /* @__PURE__ */ d(p, {
+					/* @__PURE__ */ d(p, { children: /* @__PURE__ */ f(m, {
 						className: "pt-4",
 						children: [
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "flex items-center gap-2 text-muted-foreground text-xs",
-								children: [/* @__PURE__ */ u(i, { className: "h-4 w-4" }), "Total Votes"]
+								children: [/* @__PURE__ */ d(a, { className: "h-4 w-4" }), "Total Votes"]
 							}),
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ d("p", {
 								className: "text-2xl font-bold mt-1",
-								children: C.voteCount
+								children: S.voteCount
 							}),
-							/* @__PURE__ */ d("p", {
+							/* @__PURE__ */ f("p", {
 								className: "text-xs text-green-600 mt-1",
 								children: [
 									"Rank #",
-									N || "N/A",
+									S.voteRank,
 									" of ",
-									E.length
+									e(x?.all)
 								]
 							})
 						]
 					}) }),
-					/* @__PURE__ */ u(f, { children: /* @__PURE__ */ d(p, {
+					/* @__PURE__ */ d(p, { children: /* @__PURE__ */ f(m, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ f("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ u(o, { className: "h-4 w-4" }), "Competitors"]
-						}), /* @__PURE__ */ u("p", {
+							children: [/* @__PURE__ */ d(s, { className: "h-4 w-4" }), "Competitors"]
+						}), /* @__PURE__ */ d("p", {
 							className: "text-2xl font-bold mt-1",
-							children: T
+							children: w
 						})]
 					}) }),
-					/* @__PURE__ */ u(f, { children: /* @__PURE__ */ d(p, {
+					/* @__PURE__ */ d(p, { children: /* @__PURE__ */ f(m, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ f("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ u(a, { className: "h-4 w-4" }), "Business Value"]
-						}), /* @__PURE__ */ u("p", {
+							children: [/* @__PURE__ */ d(o, { className: "h-4 w-4" }), "Business Value"]
+						}), /* @__PURE__ */ d("p", {
 							className: "text-2xl font-bold mt-1",
-							children: C.businessValue ?? 0
+							children: S.businessValue ?? 0
 						})]
 					}) })
 				]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(m, { children: /* @__PURE__ */ d(h, {
+				children: [/* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(h, { children: /* @__PURE__ */ f(g, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ u(t, { className: "h-4 w-4" }), "Vote Timeline"]
-				}) }), /* @__PURE__ */ d(p, { children: [k.length === 0 ? /* @__PURE__ */ u("p", {
+					children: [/* @__PURE__ */ d(n, { className: "h-4 w-4" }), "Vote Timeline"]
+				}) }), /* @__PURE__ */ f(m, { children: [D.length === 0 ? /* @__PURE__ */ d("p", {
 					className: "text-sm text-muted-foreground text-center py-8",
 					children: "No vote data available"
-				}) : /* @__PURE__ */ u("div", {
+				}) : /* @__PURE__ */ d("div", {
 					className: "flex items-end gap-1 h-48",
-					children: k.map((e) => /* @__PURE__ */ d("div", {
+					children: D.map((e) => /* @__PURE__ */ f("div", {
 						className: "flex-1 flex flex-col items-center gap-1",
-						children: [/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "w-full flex justify-center",
-							children: /* @__PURE__ */ u("div", {
+							children: /* @__PURE__ */ d("div", {
 								className: "w-5 bg-primary rounded-t transition-all",
-								style: { height: `${e.count / j * 160}px` }
+								style: { height: `${e.count / k * 160}px` }
 							})
-						}), /* @__PURE__ */ u("span", {
+						}), /* @__PURE__ */ d("span", {
 							className: "text-[10px] text-muted-foreground truncate max-w-[40px]",
 							children: e.date
 						})]
 					}, e.date))
-				}), /* @__PURE__ */ u("p", {
+				}), /* @__PURE__ */ d("p", {
 					className: "text-xs text-muted-foreground text-center mt-2",
 					children: "Votes over time"
-				})] })] }), /* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(m, { children: /* @__PURE__ */ u(h, { children: "Vote Weight Distribution" }) }), /* @__PURE__ */ u(p, {
+				})] })] }), /* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(g, { children: "Vote Weight Distribution" }) }), /* @__PURE__ */ d(m, {
 					className: "space-y-4",
-					children: Object.entries(D).length === 0 ? /* @__PURE__ */ u("p", {
+					children: Object.entries(T).length === 0 ? /* @__PURE__ */ d("p", {
 						className: "text-sm text-muted-foreground text-center py-8",
 						children: "No votes recorded"
-					}) : Object.entries(D).sort(([e], [t]) => Number(e) - Number(t)).map(([e, t]) => /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
+					}) : Object.entries(T).sort(([e], [t]) => Number(e) - Number(t)).map(([e, t]) => /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
 						className: "flex justify-between text-sm mb-1",
-						children: [/* @__PURE__ */ d("span", { children: ["Weight ", e] }), /* @__PURE__ */ d("span", {
+						children: [/* @__PURE__ */ f("span", { children: ["Weight ", e] }), /* @__PURE__ */ f("span", {
 							className: "font-semibold",
 							children: [t, " votes"]
 						})]
-					}), /* @__PURE__ */ u("div", {
+					}), /* @__PURE__ */ d("div", {
 						className: "w-full h-3 rounded-full bg-muted overflow-hidden",
-						children: /* @__PURE__ */ u("div", {
+						children: /* @__PURE__ */ d("div", {
 							className: "h-full rounded-full bg-primary",
-							style: { width: `${t / O * 100}%` }
+							style: { width: `${t / E * 100}%` }
 						})
 					})] }, e))
 				})] })]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(m, { children: /* @__PURE__ */ u(h, { children: "All Features - Status Distribution" }) }), /* @__PURE__ */ u(p, {
+				children: [/* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(g, { children: "All Features - Status Distribution" }) }), /* @__PURE__ */ d(m, {
 					className: "space-y-3",
-					children: Object.entries(M).map(([e, t]) => {
-						let n = E.length, r = n > 0 ? Math.round(t / n * 100) : 0;
-						return /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
+					children: Object.entries(A).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__ */ u("span", {
+							children: [/* @__PURE__ */ d("span", {
 								className: "capitalize",
 								children: e.toLowerCase().replace("_", " ")
-							}), /* @__PURE__ */ d("span", {
+							}), /* @__PURE__ */ f("span", {
 								className: "font-medium",
 								children: [
 									t,
@@ -224,9 +204,9 @@ function v() {
 									"%)"
 								]
 							})]
-						}), /* @__PURE__ */ u("div", {
+						}), /* @__PURE__ */ d("div", {
 							className: "w-full h-2 rounded-full bg-muted overflow-hidden",
-							children: /* @__PURE__ */ u("div", {
+							children: /* @__PURE__ */ d("div", {
 								className: `h-full rounded-full ${{
 									SUBMITTED: "bg-gray-400",
 									UNDER_REVIEW: "bg-yellow-400",
@@ -240,34 +220,34 @@ function v() {
 							})
 						})] }, e);
 					})
-				})] }), /* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(m, { children: /* @__PURE__ */ u(h, { children: "Feature Impact" }) }), /* @__PURE__ */ d(p, {
+				})] }), /* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(g, { children: "Feature Impact" }) }), /* @__PURE__ */ f(m, {
 					className: "space-y-3",
-					children: [/* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "text-center p-4 bg-muted rounded-md",
-						children: [/* @__PURE__ */ u("p", {
+						children: [/* @__PURE__ */ d("p", {
 							className: "text-3xl font-bold text-primary",
-							children: C.voteCount
-						}), /* @__PURE__ */ u("p", {
+							children: S.voteCount
+						}), /* @__PURE__ */ d("p", {
 							className: "text-sm text-muted-foreground",
 							children: "total votes received"
 						})]
-					}), /* @__PURE__ */ d("div", {
+					}), /* @__PURE__ */ f("div", {
 						className: "grid grid-cols-2 gap-2 text-center",
-						children: [/* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ f("div", {
 							className: "p-3 border rounded-md",
-							children: [/* @__PURE__ */ u("p", {
+							children: [/* @__PURE__ */ d("p", {
 								className: "text-lg font-semibold",
-								children: C.businessValue ?? 0
-							}), /* @__PURE__ */ u("p", {
+								children: S.businessValue ?? 0
+							}), /* @__PURE__ */ d("p", {
 								className: "text-xs text-muted-foreground",
 								children: "business value"
 							})]
-						}), /* @__PURE__ */ d("div", {
+						}), /* @__PURE__ */ f("div", {
 							className: "p-3 border rounded-md",
-							children: [/* @__PURE__ */ u("p", {
+							children: [/* @__PURE__ */ d("p", {
 								className: "text-lg font-semibold",
-								children: C.priorityScore ?? 0
-							}), /* @__PURE__ */ u("p", {
+								children: S.priorityScore ?? 0
+							}), /* @__PURE__ */ d("p", {
 								className: "text-xs text-muted-foreground",
 								children: "priority score"
 							})]

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsFeatureAnalyticsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsFeatureAnalyticsPagePage.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, ThumbsUp, Users, BarChart3, Target, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\n\nconst GET_FEATURE_REQUEST_ANALYTICS = gql`\n  query GetFeatureRequestAnalytics($id: ID!) {\n    planmagnetFeatureRequest(id: $id) {\n      id\n      title\n      description\n      status\n      businessValue\n      effortEstimate\n      priorityScore\n      voteCount\n      submittedBy\n      tags\n      createdAt\n      updatedAt\n      votes {\n        id\n        voterId\n        weight\n        comment\n        createdAt\n      }\n      competitors {\n        id\n        name\n      }\n    }\n  }\n`;\n\nconst LIST_ALL_FEATURES_ANALYTICS = gql`\n  query ListAllFeaturesAnalytics($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\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 VoteNode {\n  id: string;\n  voterId: string;\n  weight: number;\n  comment: string | null;\n  createdAt: string;\n}\n\nexport function ProductsFeatureAnalyticsPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const params = useParams<{ id: string }>();\n  const featureId = 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_FEATURE_REQUEST_ANALYTICS, {\n      variables: { id: featureId },\n      skip: !featureId,\n    });\n\n  const {\n    data: allFeaturesData,\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_ALL_FEATURES_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 feature = data?.planmagnetFeatureRequest;\n  if (!feature) return <div className=\"p-6 text-muted-foreground\">Feature not found.</div>;\n\n  const votes: VoteNode[] = feature.votes ?? [];\n  const competitorCount = feature.competitors?.length ?? 0;\n  const allFeatures = allFeaturesData?.planmagnetFeatureRequests?.items ?? [];\n\n  // Vote distribution by weight\n  const votesByWeight: Record<number, number> = {};\n  for (const v of votes) {\n    votesByWeight[v.weight] = (votesByWeight[v.weight] || 0) + 1;\n  }\n  const maxVoteWeight = Math.max(...Object.values(votesByWeight), 1);\n\n  // Vote timeline - group by creation date\n  const voteTimeline: { date: string; count: number }[] = [];\n  const voteDateMap: Record<string, number> = {};\n  for (const v of votes) {\n    const date = new Date(v.createdAt).toLocaleDateString();\n    voteDateMap[date] = (voteDateMap[date] || 0) + 1;\n  }\n  for (const [date, count] of Object.entries(voteDateMap)) {\n    voteTimeline.push({ date, count });\n  }\n  voteTimeline.sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime());\n  const maxTimelineCount = Math.max(...voteTimeline.map((d) => d.count), 1);\n\n  // Status distribution across all features\n  const statusDistribution: Record<string, number> = {};\n  for (const f of allFeatures) {\n    statusDistribution[f.status] = (statusDistribution[f.status] || 0) + 1;\n  }\n\n  // Rank this feature among all features by vote count\n  const rankByVotes =\n    allFeatures\n      .slice()\n      .sort((a: { voteCount: number }, b: { voteCount: number }) => b.voteCount - a.voteCount)\n      .findIndex((f: { id: string }) => f.id === feature.id) + 1;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Feature Analytics</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {feature.title} - {feature.status.toLowerCase().replace('_', ' ')}\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              Priority Score\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{feature.priorityScore ?? 0}</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              <ThumbsUp className=\"h-4 w-4\" />\n              Total Votes\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{feature.voteCount}</p>\n            <p className=\"text-xs text-green-600 mt-1\">\n              Rank #{rankByVotes || 'N/A'} of {allFeatures.length}\n            </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              <Users className=\"h-4 w-4\" />\n              Competitors\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{competitorCount}</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              <TrendingUp className=\"h-4 w-4\" />\n              Business Value\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{feature.businessValue ?? 0}</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              Vote Timeline\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            {voteTimeline.length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-8\">\n                No vote data available\n              </p>\n            ) : (\n              <div className=\"flex items-end gap-1 h-48\">\n                {voteTimeline.map((d) => (\n                  <div key={d.date} className=\"flex-1 flex flex-col items-center gap-1\">\n                    <div className=\"w-full flex justify-center\">\n                      <div\n                        className=\"w-5 bg-primary rounded-t transition-all\"\n                        style={{ height: `${(d.count / maxTimelineCount) * 160}px` }}\n                      />\n                    </div>\n                    <span className=\"text-[10px] text-muted-foreground truncate max-w-[40px]\">\n                      {d.date}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            )}\n            <p className=\"text-xs text-muted-foreground text-center mt-2\">Votes over time</p>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Vote Weight Distribution</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {Object.entries(votesByWeight).length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-8\">No votes recorded</p>\n            ) : (\n              Object.entries(votesByWeight)\n                .sort(([a], [b]) => Number(a) - Number(b))\n                .map(([weight, count]) => (\n                  <div key={weight}>\n                    <div className=\"flex justify-between text-sm mb-1\">\n                      <span>Weight {weight}</span>\n                      <span className=\"font-semibold\">{count} votes</span>\n                    </div>\n                    <div className=\"w-full h-3 rounded-full bg-muted overflow-hidden\">\n                      <div\n                        className=\"h-full rounded-full bg-primary\"\n                        style={{ width: `${(count / maxVoteWeight) * 100}%` }}\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>All Features - Status Distribution</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(statusDistribution).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                DUPLICATE: 'bg-orange-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\n        <Card>\n          <CardHeader>\n            <CardTitle>Feature Impact</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            <div className=\"text-center p-4 bg-muted rounded-md\">\n              <p className=\"text-3xl font-bold text-primary\">{feature.voteCount}</p>\n              <p className=\"text-sm text-muted-foreground\">total votes received</p>\n            </div>\n            <div className=\"grid grid-cols-2 gap-2 text-center\">\n              <div className=\"p-3 border rounded-md\">\n                <p className=\"text-lg font-semibold\">{feature.businessValue ?? 0}</p>\n                <p className=\"text-xs text-muted-foreground\">business value</p>\n              </div>\n              <div className=\"p-3 border rounded-md\">\n                <p className=\"text-lg font-semibold\">{feature.priorityScore ?? 0}</p>\n                <p className=\"text-xs text-muted-foreground\">priority score</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsFeatureAnalyticsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsFeatureAnalyticsPagePage.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, ThumbsUp, Users, BarChart3, Target, Loader2 } from 'lucide-react';\nimport { useParams } from 'react-router';\nimport { countLabel, useFeatureCounts } from '../hooks/useCounts';\n\nconst GET_FEATURE_REQUEST_ANALYTICS = gql`\n  query GetFeatureRequestAnalytics($id: ID!) {\n    planmagnetFeatureRequest(id: $id) {\n      id\n      title\n      description\n      status\n      businessValue\n      effortEstimate\n      priorityScore\n      voteCount\n      voteRank\n      submittedBy\n      tags\n      createdAt\n      updatedAt\n      votes {\n        id\n        voterId\n        weight\n        comment\n        createdAt\n      }\n      competitors {\n        id\n        name\n      }\n    }\n  }\n`;\n\ninterface VoteNode {\n  id: string;\n  voterId: string;\n  weight: number;\n  comment: string | null;\n  createdAt: string;\n}\n\nexport function ProductsFeatureAnalyticsPagePage() {\n  const params = useParams<{ id: string }>();\n  const featureId = 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_FEATURE_REQUEST_ANALYTICS, {\n      variables: { id: featureId },\n      skip: !featureId,\n    });\n\n  // Rank and distribution cover EVERY request, from the server (BOFF-7995: both were computed over the 100\n  // newest in the browser, so a workspace with more read \"of 100\", and an older request had no rank).\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 feature = data?.planmagnetFeatureRequest;\n  if (!feature) return <div className=\"p-6 text-muted-foreground\">Feature not found.</div>;\n\n  const votes: VoteNode[] = feature.votes ?? [];\n  const competitorCount = feature.competitors?.length ?? 0;\n\n  // Vote distribution by weight\n  const votesByWeight: Record<number, number> = {};\n  for (const v of votes) {\n    votesByWeight[v.weight] = (votesByWeight[v.weight] || 0) + 1;\n  }\n  const maxVoteWeight = Math.max(...Object.values(votesByWeight), 1);\n\n  // Vote timeline - group by creation date\n  const voteTimeline: { date: string; count: number }[] = [];\n  const voteDateMap: Record<string, number> = {};\n  for (const v of votes) {\n    const date = new Date(v.createdAt).toLocaleDateString();\n    voteDateMap[date] = (voteDateMap[date] || 0) + 1;\n  }\n  for (const [date, count] of Object.entries(voteDateMap)) {\n    voteTimeline.push({ date, count });\n  }\n  voteTimeline.sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime());\n  const maxTimelineCount = Math.max(...voteTimeline.map((d) => d.count), 1);\n\n  const statusDistribution: Record<string, number> = featureCounts\n    ? Object.fromEntries(Object.entries(featureCounts.byStatus).filter(([, n]) => n > 0))\n    : {};\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Feature Analytics</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {feature.title} - {feature.status.toLowerCase().replace('_', ' ')}\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              Priority Score\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{feature.priorityScore ?? 0}</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              <ThumbsUp className=\"h-4 w-4\" />\n              Total Votes\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{feature.voteCount}</p>\n            <p className=\"text-xs text-green-600 mt-1\">\n              Rank #{feature.voteRank} of {countLabel(featureCounts?.all)}\n            </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              <Users className=\"h-4 w-4\" />\n              Competitors\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{competitorCount}</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              <TrendingUp className=\"h-4 w-4\" />\n              Business Value\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{feature.businessValue ?? 0}</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              Vote Timeline\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            {voteTimeline.length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-8\">\n                No vote data available\n              </p>\n            ) : (\n              <div className=\"flex items-end gap-1 h-48\">\n                {voteTimeline.map((d) => (\n                  <div key={d.date} className=\"flex-1 flex flex-col items-center gap-1\">\n                    <div className=\"w-full flex justify-center\">\n                      <div\n                        className=\"w-5 bg-primary rounded-t transition-all\"\n                        style={{ height: `${(d.count / maxTimelineCount) * 160}px` }}\n                      />\n                    </div>\n                    <span className=\"text-[10px] text-muted-foreground truncate max-w-[40px]\">\n                      {d.date}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            )}\n            <p className=\"text-xs text-muted-foreground text-center mt-2\">Votes over time</p>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Vote Weight Distribution</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {Object.entries(votesByWeight).length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-8\">No votes recorded</p>\n            ) : (\n              Object.entries(votesByWeight)\n                .sort(([a], [b]) => Number(a) - Number(b))\n                .map(([weight, count]) => (\n                  <div key={weight}>\n                    <div className=\"flex justify-between text-sm mb-1\">\n                      <span>Weight {weight}</span>\n                      <span className=\"font-semibold\">{count} votes</span>\n                    </div>\n                    <div className=\"w-full h-3 rounded-full bg-muted overflow-hidden\">\n                      <div\n                        className=\"h-full rounded-full bg-primary\"\n                        style={{ width: `${(count / maxVoteWeight) * 100}%` }}\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>All Features - Status Distribution</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(statusDistribution).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                DUPLICATE: 'bg-orange-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\n        <Card>\n          <CardHeader>\n            <CardTitle>Feature Impact</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            <div className=\"text-center p-4 bg-muted rounded-md\">\n              <p className=\"text-3xl font-bold text-primary\">{feature.voteCount}</p>\n              <p className=\"text-sm text-muted-foreground\">total votes received</p>\n            </div>\n            <div className=\"grid grid-cols-2 gap-2 text-center\">\n              <div className=\"p-3 border rounded-md\">\n                <p className=\"text-lg font-semibold\">{feature.businessValue ?? 0}</p>\n                <p className=\"text-xs text-muted-foreground\">business value</p>\n              </div>\n              <div className=\"p-3 border rounded-md\">\n                <p className=\"text-lg font-semibold\">{feature.priorityScore ?? 0}</p>\n                <p className=\"text-xs text-muted-foreground\">priority score</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsFeatureDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsFeatureDetailPagePage.tsx"],"names":[],"mappings":"AA6DA,wBAAgB,6BAA6B,4CA6M5C"}
+{"version":3,"file":"ProductsFeatureDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsFeatureDetailPagePage.tsx"],"names":[],"mappings":"AAyEA,wBAAgB,6BAA6B,4CA8Q5C"}