npm - @burdenoff/microfe-planmagnet - Versions diffs - 2026.1002.1 → 2026.1002.2 - Mend

@burdenoff/microfe-planmagnet 2026.1002.1 → 2026.1002.2

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

Files changed (95) hide show

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

	@@ -1 +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 { 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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"}
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 { 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 request 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 request 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 feature requests - 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>Request 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductsFeatureDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsFeatureDetailPagePage.tsx"],"names":[],"mappings":"~~AAqGA~~,wBAAgB,6BAA6B,~~4CA0R5C~~"}
1	+ {"version":3,"file":"ProductsFeatureDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsFeatureDetailPagePage.tsx"],"names":[],"mappings":"AAsGA,wBAAgB,6BAA6B,4CA8R5C"}

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

@@ -6,15 +6,16 @@ import { FeatureTriageActions as a, isOpenRequest as o, isSnoozed as s } from ".
 import { CategoryBadge as c, RatingDisplay as l } from "../controls/FeedbackControls.js";
 import { FeatureHeaderActions as u, FeaturePrioritizationCard as d, FeatureVoteButton as f } from "../controls/FeatureControls.js";
 import { FeatureInitiativeCard as p } from "../roadmaps/FeatureInitiativeCard.js";
-import { useState as m } from "react";
-import { Loader2 as h, MessageSquare as g, Star as _, Target as v, ThumbsUp as y } from "lucide-react";
-import { useParams as b } from "react-router";
-import { gql as x } from "@apollo/client";
-import { useQuery as S } from "@apollo/client/react";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
-import { Badge as E, Card as D, CardContent as O, CardHeader as k, CardTitle as A } from "@burdenoff/fe-libs/ui";
+import { ProductFeatureLinkCard as m } from "../product/ProductFeatureLinkCard.js";
+import { useState as h } from "react";
+import { Loader2 as g, MessageSquare as _, Star as v, Target as y, ThumbsUp as b } from "lucide-react";
+import { useParams as x } from "react-router";
+import { gql as S } from "@apollo/client";
+import { useQuery as C } from "@apollo/client/react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Badge as D, Card as O, CardContent as k, CardHeader as A, CardTitle as j } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProductsFeatureDetailPagePage.tsx
-var j = x`
+var M = S`
   query GetFeatureRequest($id: ID!) {
     planmagnetFeatureRequest(id: $id) {
       id
@@ -78,88 +79,88 @@ var j = x`
     }
   }
 `;
-function M() {
-	let { workspaceId: x, currentUser: M } = e(), N = t(), [P] = m(() => Date.now()), F = b().id ?? "", { data: I, loading: L, error: R } = S(j, {
-		variables: { id: F },
-		skip: !F
+function N() {
+	let { workspaceId: S, currentUser: N } = e(), P = t(), [F] = h(() => Date.now()), I = x().id ?? "", { data: L, loading: R, error: z } = C(M, {
+		variables: { id: I },
+		skip: !I
 	});
-	if (L && !I) return /* @__PURE__ */ w("div", {
+	if (R && !L) return /* @__PURE__ */ T("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ w(h, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		children: /* @__PURE__ */ T(g, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (R) return /* @__PURE__ */ T("div", {
+	if (z) return /* @__PURE__ */ E("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load feature: ", R.message]
+		children: ["Failed to load feature request: ", z.message]
 	});
-	let z = I?.planmagnetFeatureRequest;
-	if (!z) return /* @__PURE__ */ w("div", {
+	let B = L?.planmagnetFeatureRequest;
+	if (!B) return /* @__PURE__ */ T("div", {
 		className: "p-6 text-muted-foreground",
-		children: "Feature not found."
+		children: "Feature request not found."
 	});
-	let B = z.votes ?? [], V = z.competitors ?? [];
-	return /* @__PURE__ */ T("div", {
+	let V = B.votes ?? [], H = B.competitors ?? [];
+	return /* @__PURE__ */ E("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ E("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h1", {
+				children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h1", {
 					className: "text-2xl font-semibold",
-					children: z.title
-				}), /* @__PURE__ */ T("p", {
+					children: B.title
+				}), /* @__PURE__ */ E("p", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						"Submitted by: ",
-						/* @__PURE__ */ w(n, { id: z.submittedBy }),
+						/* @__PURE__ */ T(n, { id: B.submittedBy }),
 						" · Effort:",
 						" ",
-						z.effortEstimate ?? "N/A"
+						B.effortEstimate ?? "N/A"
 					]
-				})] }), /* @__PURE__ */ T("div", {
+				})] }), /* @__PURE__ */ E("div", {
 					className: "flex flex-col items-end gap-2",
-					children: [/* @__PURE__ */ w(f, {
-						featureId: z.id,
-						voted: B.some((e) => e.voterId === M?.id)
-					}, z.id), /* @__PURE__ */ w(u, { feature: z })]
+					children: [/* @__PURE__ */ T(f, {
+						featureId: B.id,
+						voted: V.some((e) => e.voterId === N?.id)
+					}, B.id), /* @__PURE__ */ T(u, { feature: B })]
 				})]
 			}),
-			o(z.status) && /* @__PURE__ */ T(D, {
+			o(B.status) && /* @__PURE__ */ E(O, {
 				"data-testid": "triage-card",
-				children: [/* @__PURE__ */ w(k, { children: /* @__PURE__ */ w(A, { children: "Triage" }) }), /* @__PURE__ */ T(O, {
+				children: [/* @__PURE__ */ T(A, { children: /* @__PURE__ */ T(j, { children: "Triage" }) }), /* @__PURE__ */ E(k, {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ w("p", {
+					children: [/* @__PURE__ */ T("p", {
 						className: "text-sm text-muted-foreground",
-						children: s(z.snoozedUntil, P) ? `Snoozed until ${new Date(z.snoozedUntil).toLocaleString()} — it returns to the triage queue then.` : z.status === "SUBMITTED" ? "Waiting for a decision." : "Under review: accept it as planned, decline it, or merge it into its original."
-					}), /* @__PURE__ */ w(a, {
-						feature: z,
-						now: P
+						children: s(B.snoozedUntil, F) ? `Snoozed until ${new Date(B.snoozedUntil).toLocaleString()} — it returns to the triage queue then.` : B.status === "SUBMITTED" ? "Waiting for a decision." : "Under review: accept it as planned, decline it, or merge it into its original."
+					}), /* @__PURE__ */ T(a, {
+						feature: B,
+						now: F
 					})]
 				})]
 			}),
-			z.status === "DECLINED" && z.declineReason && /* @__PURE__ */ w(D, {
+			B.status === "DECLINED" && B.declineReason && /* @__PURE__ */ T(O, {
 				"data-testid": "decline-reason",
-				children: /* @__PURE__ */ T(O, {
+				children: /* @__PURE__ */ E(k, {
 					className: "pt-4 text-sm",
-					children: [/* @__PURE__ */ w("span", {
+					children: [/* @__PURE__ */ T("span", {
 						className: "font-medium",
 						children: "Declined: "
-					}), z.declineReason]
+					}), B.declineReason]
 				})
 			}),
-			z.status === "DUPLICATE" && z.duplicateOfId && /* @__PURE__ */ w(D, {
+			B.status === "DUPLICATE" && B.duplicateOfId && /* @__PURE__ */ T(O, {
 				"data-testid": "duplicate-of",
-				children: /* @__PURE__ */ T(O, {
+				children: /* @__PURE__ */ E(k, {
 					className: "pt-4 text-sm",
 					children: [
-						/* @__PURE__ */ w("span", {
+						/* @__PURE__ */ T("span", {
 							className: "font-medium",
 							children: "Duplicate of "
 						}),
-						z.duplicateOf ? /* @__PURE__ */ w("button", {
+						B.duplicateOf ? /* @__PURE__ */ T("button", {
 							type: "button",
 							className: "text-primary underline-offset-2 hover:underline",
-							onClick: () => N(r("/products/feature-detail-page", z.duplicateOf.id)),
-							children: z.duplicateOf.title
-						}) : /* @__PURE__ */ w("span", {
+							onClick: () => P(r("/products/feature-detail-page", B.duplicateOf.id)),
+							children: B.duplicateOf.title
+						}) : /* @__PURE__ */ T("span", {
 							className: "text-muted-foreground",
 							children: "a request that has since been deleted"
 						}),
@@ -168,60 +169,60 @@ function M() {
 					]
 				})
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ E("div", {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ w(D, { children: /* @__PURE__ */ T(O, {
+					/* @__PURE__ */ T(O, { children: /* @__PURE__ */ E(k, {
 						className: "pt-4 text-center",
 						children: [
-							/* @__PURE__ */ w(v, { className: "h-5 w-5 mx-auto text-primary" }),
-							/* @__PURE__ */ w("p", {
+							/* @__PURE__ */ T(y, { className: "h-5 w-5 mx-auto text-primary" }),
+							/* @__PURE__ */ T("p", {
 								className: "text-2xl font-bold mt-1",
-								children: z.priorityScore ?? 0
+								children: B.priorityScore ?? 0
 							}),
-							/* @__PURE__ */ w("p", {
+							/* @__PURE__ */ T("p", {
 								className: "text-xs text-muted-foreground",
 								children: "Priority Score"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ w(D, { children: /* @__PURE__ */ T(O, {
+					/* @__PURE__ */ T(O, { children: /* @__PURE__ */ E(k, {
 						className: "pt-4 text-center",
 						children: [
-							/* @__PURE__ */ w(y, { className: "h-5 w-5 mx-auto text-green-500" }),
-							/* @__PURE__ */ w("p", {
+							/* @__PURE__ */ T(b, { className: "h-5 w-5 mx-auto text-green-500" }),
+							/* @__PURE__ */ T("p", {
 								className: "text-2xl font-bold mt-1",
-								children: z.voteCount
+								children: B.voteCount
 							}),
-							/* @__PURE__ */ w("p", {
+							/* @__PURE__ */ T("p", {
 								className: "text-xs text-muted-foreground",
 								children: "Votes"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ w(D, { children: /* @__PURE__ */ T(O, {
+					/* @__PURE__ */ T(O, { children: /* @__PURE__ */ E(k, {
 						className: "pt-4 text-center",
 						children: [
-							/* @__PURE__ */ w(_, { className: "h-5 w-5 mx-auto text-yellow-500" }),
-							/* @__PURE__ */ w("p", {
+							/* @__PURE__ */ T(v, { className: "h-5 w-5 mx-auto text-yellow-500" }),
+							/* @__PURE__ */ T("p", {
 								className: "text-2xl font-bold mt-1",
-								children: z.businessValue ?? 0
+								children: B.businessValue ?? 0
 							}),
-							/* @__PURE__ */ w("p", {
+							/* @__PURE__ */ T("p", {
 								className: "text-xs text-muted-foreground",
 								children: "Business Value"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ w(D, { children: /* @__PURE__ */ T(O, {
+					/* @__PURE__ */ T(O, { children: /* @__PURE__ */ E(k, {
 						className: "pt-4 text-center",
 						children: [
-							/* @__PURE__ */ w(g, { className: "h-5 w-5 mx-auto text-blue-500" }),
-							/* @__PURE__ */ w("p", {
+							/* @__PURE__ */ T(_, { className: "h-5 w-5 mx-auto text-blue-500" }),
+							/* @__PURE__ */ T("p", {
 								className: "text-2xl font-bold mt-1",
-								children: V.length
+								children: H.length
 							}),
-							/* @__PURE__ */ w("p", {
+							/* @__PURE__ */ T("p", {
 								className: "text-xs text-muted-foreground",
 								children: "Competitors"
 							})
@@ -229,147 +230,148 @@ function M() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ E("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ T(D, { children: [/* @__PURE__ */ w(k, { children: /* @__PURE__ */ w(A, { children: "Description" }) }), /* @__PURE__ */ w(O, { children: /* @__PURE__ */ w("p", {
+						/* @__PURE__ */ E(O, { children: [/* @__PURE__ */ T(A, { children: /* @__PURE__ */ T(j, { children: "Description" }) }), /* @__PURE__ */ T(k, { children: /* @__PURE__ */ T("p", {
 							className: "text-sm",
-							children: z.description ?? "No description provided."
+							children: B.description ?? "No description provided."
 						}) })] }),
-						/* @__PURE__ */ T(D, { children: [/* @__PURE__ */ w(k, { children: /* @__PURE__ */ T(A, { children: [
+						/* @__PURE__ */ E(O, { children: [/* @__PURE__ */ T(A, { children: /* @__PURE__ */ E(j, { children: [
 							"Votes (",
-							B.length,
+							V.length,
 							")"
-						] }) }), /* @__PURE__ */ T(O, {
+						] }) }), /* @__PURE__ */ E(k, {
 							className: "space-y-3",
-							children: [B.length === 0 && /* @__PURE__ */ w("p", {
+							children: [V.length === 0 && /* @__PURE__ */ T("p", {
 								className: "text-sm text-muted-foreground",
 								children: "No votes yet."
-							}), B.map((e) => /* @__PURE__ */ T("div", {
+							}), V.map((e) => /* @__PURE__ */ E("div", {
 								className: "flex items-start justify-between border rounded-md p-3",
-								children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("p", {
+								children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("p", {
 									className: "text-sm font-medium",
-									children: ["Voter: ", /* @__PURE__ */ w(n, { id: e.voterId })]
-								}), e.comment && /* @__PURE__ */ w("p", {
+									children: ["Voter: ", /* @__PURE__ */ T(n, { id: e.voterId })]
+								}), e.comment && /* @__PURE__ */ T("p", {
 									className: "text-xs text-muted-foreground mt-1",
 									children: e.comment
-								})] }), /* @__PURE__ */ T("div", {
+								})] }), /* @__PURE__ */ E("div", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ w(y, { className: "h-3 w-3 text-green-500" }), /* @__PURE__ */ w("span", {
+									children: [/* @__PURE__ */ T(b, { className: "h-3 w-3 text-green-500" }), /* @__PURE__ */ T("span", {
 										className: "text-sm font-bold",
 										children: e.weight
 									})]
 								})]
 							}, e.id))]
 						})] }),
-						/* @__PURE__ */ T(D, { children: [/* @__PURE__ */ w(k, { children: /* @__PURE__ */ T(A, { children: [
+						/* @__PURE__ */ E(O, { children: [/* @__PURE__ */ T(A, { children: /* @__PURE__ */ E(j, { children: [
 							"Competitors (",
-							V.length,
+							H.length,
 							")"
-						] }) }), /* @__PURE__ */ w(O, { children: /* @__PURE__ */ w(i, {
-							featureRequestId: z.id,
-							competitors: V
+						] }) }), /* @__PURE__ */ T(k, { children: /* @__PURE__ */ T(i, {
+							featureRequestId: B.id,
+							competitors: H
 						}) })] })
 					]
-				}), /* @__PURE__ */ T("div", {
+				}), /* @__PURE__ */ E("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ w(p, {
-							featureId: z.id,
-							productId: z.productId ?? null,
-							initiative: z.roadmapItem ?? null
+						/* @__PURE__ */ T(m, { featureRequestId: B.id }),
+						/* @__PURE__ */ T(p, {
+							featureId: B.id,
+							productId: B.productId ?? null,
+							initiative: B.roadmapItem ?? null
 						}),
-						/* @__PURE__ */ w(d, { feature: z }),
-						/* @__PURE__ */ T(D, { children: [/* @__PURE__ */ w(k, { children: /* @__PURE__ */ w(A, { children: "Details" }) }), /* @__PURE__ */ T(O, {
+						/* @__PURE__ */ T(d, { feature: B }),
+						/* @__PURE__ */ E(O, { children: [/* @__PURE__ */ T(A, { children: /* @__PURE__ */ T(j, { children: "Details" }) }), /* @__PURE__ */ E(k, {
 							className: "space-y-3 text-sm",
 							children: [
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex justify-between",
-									children: [/* @__PURE__ */ w("span", {
+									children: [/* @__PURE__ */ T("span", {
 										className: "text-muted-foreground",
 										children: "Status"
-									}), /* @__PURE__ */ w(E, {
+									}), /* @__PURE__ */ T(D, {
 										variant: "secondary",
 										className: "capitalize",
-										children: z.status.toLowerCase().replace("_", " ")
+										children: B.status.toLowerCase().replace("_", " ")
 									})]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex justify-between",
-									children: [/* @__PURE__ */ w("span", {
+									children: [/* @__PURE__ */ T("span", {
 										className: "text-muted-foreground",
 										children: "Priority Score"
-									}), /* @__PURE__ */ w(E, {
+									}), /* @__PURE__ */ T(D, {
 										variant: "outline",
-										children: z.priorityScore ?? "N/A"
+										children: B.priorityScore ?? "N/A"
 									})]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex justify-between",
-									children: [/* @__PURE__ */ w("span", {
+									children: [/* @__PURE__ */ T("span", {
 										className: "text-muted-foreground",
 										children: "Effort"
-									}), /* @__PURE__ */ w(E, {
+									}), /* @__PURE__ */ T(D, {
 										variant: "outline",
 										className: "capitalize",
-										children: z.effortEstimate ?? "N/A"
+										children: B.effortEstimate ?? "N/A"
 									})]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex justify-between",
-									children: [/* @__PURE__ */ w("span", {
+									children: [/* @__PURE__ */ T("span", {
 										className: "text-muted-foreground",
 										children: "Business Value"
-									}), /* @__PURE__ */ w("span", {
+									}), /* @__PURE__ */ T("span", {
 										className: "font-medium",
-										children: z.businessValue ?? "N/A"
+										children: B.businessValue ?? "N/A"
 									})]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex justify-between items-center",
-									children: [/* @__PURE__ */ w("span", {
+									children: [/* @__PURE__ */ T("span", {
 										className: "text-muted-foreground",
 										children: "Rating"
-									}), /* @__PURE__ */ w(l, { rating: z.rating ?? null })]
+									}), /* @__PURE__ */ T(l, { rating: B.rating ?? null })]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex justify-between items-center",
-									children: [/* @__PURE__ */ w("span", {
+									children: [/* @__PURE__ */ T("span", {
 										className: "text-muted-foreground",
 										children: "Category"
-									}), z.category ? /* @__PURE__ */ w(c, { category: z.category }) : /* @__PURE__ */ w("span", {
+									}), B.category ? /* @__PURE__ */ T(c, { category: B.category }) : /* @__PURE__ */ T("span", {
 										className: "text-sm text-muted-foreground",
 										children: "Not set"
 									})]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex justify-between",
-									children: [/* @__PURE__ */ w("span", {
+									children: [/* @__PURE__ */ T("span", {
 										className: "text-muted-foreground",
 										children: "Submitted By"
-									}), /* @__PURE__ */ w(n, { id: z.submittedBy })]
+									}), /* @__PURE__ */ T(n, { id: B.submittedBy })]
 								}),
-								z.triagedAt && /* @__PURE__ */ T("div", {
+								B.triagedAt && /* @__PURE__ */ E("div", {
 									className: "flex justify-between",
-									children: [/* @__PURE__ */ w("span", {
+									children: [/* @__PURE__ */ T("span", {
 										className: "text-muted-foreground",
 										children: "Decided"
-									}), /* @__PURE__ */ T("span", { children: [new Date(z.triagedAt).toLocaleDateString(), z.triagedBy && /* @__PURE__ */ T(C, { children: [" by ", /* @__PURE__ */ w(n, { id: z.triagedBy })] })] })]
+									}), /* @__PURE__ */ E("span", { children: [new Date(B.triagedAt).toLocaleDateString(), B.triagedBy && /* @__PURE__ */ E(w, { children: [" by ", /* @__PURE__ */ T(n, { id: B.triagedBy })] })] })]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex justify-between",
-									children: [/* @__PURE__ */ w("span", {
+									children: [/* @__PURE__ */ T("span", {
 										className: "text-muted-foreground",
 										children: "Updated"
-									}), /* @__PURE__ */ w("span", { children: new Date(z.updatedAt).toLocaleDateString() })]
+									}), /* @__PURE__ */ T("span", { children: new Date(B.updatedAt).toLocaleDateString() })]
 								})
 							]
 						})] }),
-						z.tags?.length > 0 && /* @__PURE__ */ T(D, { children: [/* @__PURE__ */ w(k, { children: /* @__PURE__ */ w(A, { children: "Tags" }) }), /* @__PURE__ */ w(O, {
+						B.tags?.length > 0 && /* @__PURE__ */ E(O, { children: [/* @__PURE__ */ T(A, { children: /* @__PURE__ */ T(j, { children: "Tags" }) }), /* @__PURE__ */ T(k, {
 							className: "flex flex-wrap gap-1",
-							children: z.tags.map((e) => /* @__PURE__ */ w(E, {
+							children: B.tags.map((e) => /* @__PURE__ */ T(D, {
 								variant: "outline",
 								className: "text-xs",
 								children: e
@@ -382,6 +384,6 @@ function M() {
 	});
 }
 //#endregion
-export { M as ProductsFeatureDetailPagePage };
+export { N as ProductsFeatureDetailPagePage };
 //# sourceMappingURL=ProductsFeatureDetailPagePage.js.map