@burdenoff/microfe-planmagnet 2026.927.3 → 2026.927.5

package/dist/planmagnet/pages/ProductsFeatureDetailPagePage.js

@@ -1,13 +1,17 @@
-import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
-import { PersonName as t } from "../people/People.js";
-import { Loader2 as n, MessageSquare as r, Star as i, Target as a, ThumbsUp 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 { Badge as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g } from "@burdenoff/fe-libs/ui";
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { PersonName as n } from "../people/People.js";
+import { detailPath as r } from "../utils/rowNavigation.js";
+import { FeatureTriageActions as i, isOpenRequest as a, isSnoozed as o } from "../controls/FeatureTriage.js";
+import { FeatureHeaderActions as s, FeatureVoteButton as c } from "../controls/FeatureControls.js";
+import { useState as l } from "react";
+import { Loader2 as u, MessageSquare as d, Star as f, Target as p, ThumbsUp as m } from "lucide-react";
+import { useParams as h } from "react-router";
+import { gql as g } from "@apollo/client";
+import { useQuery as _ } from "@apollo/client/react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Badge as x, Card as S, CardContent as C, CardHeader as w, CardTitle as T } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProductsFeatureDetailPagePage.tsx
-var _ = c`
+var E = g`
   query GetFeatureRequest($id: ID!) {
     planmagnetFeatureRequest(id: $id) {
       id
@@ -23,6 +27,15 @@ var _ = c`
       submittedBy
       workItemId
       tags
+      snoozedUntil
+      declineReason
+      duplicateOfId
+      duplicateOf {
+        id
+        title
+      }
+      triagedAt
+      triagedBy
       createdAt
       updatedAt
       votes {
@@ -41,111 +54,150 @@ var _ = c`
     }
   }
 `;
-function v() {
-	let { workspaceId: c } = e(), v = s().id ?? "", { data: y, loading: b, error: x } = l(_, {
-		variables: { id: v },
-		skip: !v
+function D() {
+	let { workspaceId: g, currentUser: D } = e(), O = t(), [k] = l(() => Date.now()), A = h().id ?? "", { data: j, loading: M, error: N } = _(E, {
+		variables: { id: A },
+		skip: !A
 	});
-	if (b && !y) return /* @__PURE__ */ u("div", {
+	if (M && !j) return /* @__PURE__ */ y("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__ */ y(u, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (x) return /* @__PURE__ */ d("div", {
+	if (N) return /* @__PURE__ */ b("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load feature: ", x.message]
+		children: ["Failed to load feature: ", N.message]
 	});
-	let S = y?.planmagnetFeatureRequest;
-	if (!S) return /* @__PURE__ */ u("div", {
+	let P = j?.planmagnetFeatureRequest;
+	if (!P) return /* @__PURE__ */ y("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Feature not found."
 	});
-	let C = S.votes ?? [], w = S.competitors ?? [];
-	return /* @__PURE__ */ d("div", {
+	let F = P.votes ?? [], I = P.competitors ?? [];
+	return /* @__PURE__ */ b("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+				children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h1", {
 					className: "text-2xl font-semibold",
-					children: S.title
-				}), /* @__PURE__ */ d("p", {
+					children: P.title
+				}), /* @__PURE__ */ b("p", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						"Submitted by: ",
-						/* @__PURE__ */ u(t, { id: S.submittedBy }),
+						/* @__PURE__ */ y(n, { id: P.submittedBy }),
 						" · Effort:",
 						" ",
-						S.effortEstimate ?? "N/A"
+						P.effortEstimate ?? "N/A"
 					]
-				})] }), /* @__PURE__ */ u("div", {
-					className: "flex gap-2",
-					children: /* @__PURE__ */ u("span", {
-						className: `text-xs px-2 py-1 rounded-full capitalize ${{
-							SUBMITTED: "bg-gray-100 text-gray-800",
-							UNDER_REVIEW: "bg-yellow-100 text-yellow-800",
-							PLANNED: "bg-blue-100 text-blue-800",
-							IN_PROGRESS: "bg-purple-100 text-purple-800",
-							COMPLETED: "bg-green-100 text-green-800",
-							DECLINED: "bg-red-100 text-red-800"
-						}[S.status] ?? "bg-gray-100"}`,
-						children: S.status.toLowerCase().replace("_", " ")
-					})
+				})] }), /* @__PURE__ */ b("div", {
+					className: "flex flex-col items-end gap-2",
+					children: [/* @__PURE__ */ y(c, {
+						featureId: P.id,
+						voted: F.some((e) => e.voterId === D?.id)
+					}), /* @__PURE__ */ y(s, { feature: P })]
+				})]
+			}),
+			a(P.status) && /* @__PURE__ */ b(S, {
+				"data-testid": "triage-card",
+				children: [/* @__PURE__ */ y(w, { children: /* @__PURE__ */ y(T, { children: "Triage" }) }), /* @__PURE__ */ b(C, {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ y("p", {
+						className: "text-sm text-muted-foreground",
+						children: o(P.snoozedUntil, k) ? `Snoozed until ${new Date(P.snoozedUntil).toLocaleString()} — it returns to the triage queue then.` : P.status === "SUBMITTED" ? "Waiting for a decision." : "Under review: accept it as planned, decline it, or merge it into its original."
+					}), /* @__PURE__ */ y(i, {
+						feature: P,
+						now: k
+					})]
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			P.status === "DECLINED" && P.declineReason && /* @__PURE__ */ y(S, {
+				"data-testid": "decline-reason",
+				children: /* @__PURE__ */ b(C, {
+					className: "pt-4 text-sm",
+					children: [/* @__PURE__ */ y("span", {
+						className: "font-medium",
+						children: "Declined: "
+					}), P.declineReason]
+				})
+			}),
+			P.status === "DUPLICATE" && P.duplicateOfId && /* @__PURE__ */ y(S, {
+				"data-testid": "duplicate-of",
+				children: /* @__PURE__ */ b(C, {
+					className: "pt-4 text-sm",
+					children: [
+						/* @__PURE__ */ y("span", {
+							className: "font-medium",
+							children: "Duplicate of "
+						}),
+						P.duplicateOf ? /* @__PURE__ */ y("button", {
+							type: "button",
+							className: "text-primary underline-offset-2 hover:underline",
+							onClick: () => O(r("/products/feature-detail-page", P.duplicateOf.id)),
+							children: P.duplicateOf.title
+						}) : /* @__PURE__ */ y("span", {
+							className: "text-muted-foreground",
+							children: "a request that has since been deleted"
+						}),
+						" ",
+						"— its votes were moved there."
+					]
+				})
+			}),
+			/* @__PURE__ */ b("div", {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ u(p, { children: /* @__PURE__ */ d(m, {
+					/* @__PURE__ */ y(S, { children: /* @__PURE__ */ b(C, {
 						className: "pt-4 text-center",
 						children: [
-							/* @__PURE__ */ u(a, { className: "h-5 w-5 mx-auto text-primary" }),
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ y(p, { className: "h-5 w-5 mx-auto text-primary" }),
+							/* @__PURE__ */ y("p", {
 								className: "text-2xl font-bold mt-1",
-								children: S.priorityScore ?? 0
+								children: P.priorityScore ?? 0
 							}),
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ y("p", {
 								className: "text-xs text-muted-foreground",
 								children: "Priority Score"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ u(p, { children: /* @__PURE__ */ d(m, {
+					/* @__PURE__ */ y(S, { children: /* @__PURE__ */ b(C, {
 						className: "pt-4 text-center",
 						children: [
-							/* @__PURE__ */ u(o, { className: "h-5 w-5 mx-auto text-green-500" }),
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ y(m, { className: "h-5 w-5 mx-auto text-green-500" }),
+							/* @__PURE__ */ y("p", {
 								className: "text-2xl font-bold mt-1",
-								children: S.voteCount
+								children: P.voteCount
 							}),
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ y("p", {
 								className: "text-xs text-muted-foreground",
 								children: "Votes"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ u(p, { children: /* @__PURE__ */ d(m, {
+					/* @__PURE__ */ y(S, { children: /* @__PURE__ */ b(C, {
 						className: "pt-4 text-center",
 						children: [
-							/* @__PURE__ */ u(i, { className: "h-5 w-5 mx-auto text-yellow-500" }),
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ y(f, { className: "h-5 w-5 mx-auto text-yellow-500" }),
+							/* @__PURE__ */ y("p", {
 								className: "text-2xl font-bold mt-1",
-								children: S.businessValue ?? 0
+								children: P.businessValue ?? 0
 							}),
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ y("p", {
 								className: "text-xs text-muted-foreground",
 								children: "Business Value"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ u(p, { children: /* @__PURE__ */ d(m, {
+					/* @__PURE__ */ y(S, { children: /* @__PURE__ */ b(C, {
 						className: "pt-4 text-center",
 						children: [
-							/* @__PURE__ */ u(r, { className: "h-5 w-5 mx-auto text-blue-500" }),
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ y(d, { className: "h-5 w-5 mx-auto text-blue-500" }),
+							/* @__PURE__ */ y("p", {
 								className: "text-2xl font-bold mt-1",
-								children: w.length
+								children: I.length
 							}),
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ y("p", {
 								className: "text-xs text-muted-foreground",
 								children: "Competitors"
 							})
@@ -153,130 +205,137 @@ function v() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ b("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Description" }) }), /* @__PURE__ */ u(m, { children: /* @__PURE__ */ u("p", {
+						/* @__PURE__ */ b(S, { children: [/* @__PURE__ */ y(w, { children: /* @__PURE__ */ y(T, { children: "Description" }) }), /* @__PURE__ */ y(C, { children: /* @__PURE__ */ y("p", {
 							className: "text-sm",
-							children: S.description ?? "No description provided."
+							children: P.description ?? "No description provided."
 						}) })] }),
-						/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ d(g, { children: [
+						/* @__PURE__ */ b(S, { children: [/* @__PURE__ */ y(w, { children: /* @__PURE__ */ b(T, { children: [
 							"Votes (",
-							C.length,
+							F.length,
 							")"
-						] }) }), /* @__PURE__ */ d(m, {
+						] }) }), /* @__PURE__ */ b(C, {
 							className: "space-y-3",
-							children: [C.length === 0 && /* @__PURE__ */ u("p", {
+							children: [F.length === 0 && /* @__PURE__ */ y("p", {
 								className: "text-sm text-muted-foreground",
 								children: "No votes yet."
-							}), C.map((e) => /* @__PURE__ */ d("div", {
+							}), F.map((e) => /* @__PURE__ */ b("div", {
 								className: "flex items-start justify-between border rounded-md p-3",
-								children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("p", {
+								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("p", {
 									className: "text-sm font-medium",
-									children: ["Voter: ", /* @__PURE__ */ u(t, { id: e.voterId })]
-								}), e.comment && /* @__PURE__ */ u("p", {
+									children: ["Voter: ", /* @__PURE__ */ y(n, { id: e.voterId })]
+								}), e.comment && /* @__PURE__ */ y("p", {
 									className: "text-xs text-muted-foreground mt-1",
 									children: e.comment
-								})] }), /* @__PURE__ */ d("div", {
+								})] }), /* @__PURE__ */ b("div", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ u(o, { className: "h-3 w-3 text-green-500" }), /* @__PURE__ */ u("span", {
+									children: [/* @__PURE__ */ y(m, { className: "h-3 w-3 text-green-500" }), /* @__PURE__ */ y("span", {
 										className: "text-sm font-bold",
 										children: e.weight
 									})]
 								})]
 							}, e.id))]
 						})] }),
-						w.length > 0 && /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ d(g, { children: [
+						I.length > 0 && /* @__PURE__ */ b(S, { children: [/* @__PURE__ */ y(w, { children: /* @__PURE__ */ b(T, { children: [
 							"Competitor Analysis (",
-							w.length,
+							I.length,
 							")"
-						] }) }), /* @__PURE__ */ u(m, {
+						] }) }), /* @__PURE__ */ y(C, {
 							className: "space-y-3",
-							children: w.map((e) => /* @__PURE__ */ d("div", {
+							children: I.map((e) => /* @__PURE__ */ b("div", {
 								className: "border rounded-md p-3",
-								children: [/* @__PURE__ */ d("div", {
+								children: [/* @__PURE__ */ b("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ u("p", {
+									children: [/* @__PURE__ */ y("p", {
 										className: "text-sm font-medium",
 										children: e.name
-									}), e.website && /* @__PURE__ */ u("span", {
+									}), e.website && /* @__PURE__ */ y("span", {
 										className: "text-xs text-primary",
 										children: e.website
 									})]
-								}), e.description && /* @__PURE__ */ u("p", {
+								}), e.description && /* @__PURE__ */ y("p", {
 									className: "text-xs text-muted-foreground mt-1",
 									children: e.description
 								})]
 							}, e.id))
 						})] })
 					]
-				}), /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Details" }) }), /* @__PURE__ */ d(m, {
+					children: [/* @__PURE__ */ b(S, { children: [/* @__PURE__ */ y(w, { children: /* @__PURE__ */ y(T, { children: "Details" }) }), /* @__PURE__ */ b(C, {
 						className: "space-y-3 text-sm",
 						children: [
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ b("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ y("span", {
 									className: "text-muted-foreground",
 									children: "Status"
-								}), /* @__PURE__ */ u(f, {
+								}), /* @__PURE__ */ y(x, {
 									variant: "secondary",
 									className: "capitalize",
-									children: S.status.toLowerCase().replace("_", " ")
+									children: P.status.toLowerCase().replace("_", " ")
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ b("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ y("span", {
 									className: "text-muted-foreground",
 									children: "Priority Score"
-								}), /* @__PURE__ */ u(f, {
+								}), /* @__PURE__ */ y(x, {
 									variant: "outline",
-									children: S.priorityScore ?? "N/A"
+									children: P.priorityScore ?? "N/A"
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ b("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ y("span", {
 									className: "text-muted-foreground",
 									children: "Effort"
-								}), /* @__PURE__ */ u(f, {
+								}), /* @__PURE__ */ y(x, {
 									variant: "outline",
 									className: "capitalize",
-									children: S.effortEstimate ?? "N/A"
+									children: P.effortEstimate ?? "N/A"
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ b("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ y("span", {
 									className: "text-muted-foreground",
 									children: "Business Value"
-								}), /* @__PURE__ */ u("span", {
+								}), /* @__PURE__ */ y("span", {
 									className: "font-medium",
-									children: S.businessValue ?? "N/A"
+									children: P.businessValue ?? "N/A"
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ b("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ y("span", {
 									className: "text-muted-foreground",
 									children: "Submitted By"
-								}), /* @__PURE__ */ u(t, { id: S.submittedBy })]
+								}), /* @__PURE__ */ y(n, { id: P.submittedBy })]
+							}),
+							P.triagedAt && /* @__PURE__ */ b("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ y("span", {
+									className: "text-muted-foreground",
+									children: "Decided"
+								}), /* @__PURE__ */ b("span", { children: [new Date(P.triagedAt).toLocaleDateString(), P.triagedBy && /* @__PURE__ */ b(v, { children: [" by ", /* @__PURE__ */ y(n, { id: P.triagedBy })] })] })]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ b("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ y("span", {
 									className: "text-muted-foreground",
 									children: "Updated"
-								}), /* @__PURE__ */ u("span", { children: new Date(S.updatedAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ y("span", { children: new Date(P.updatedAt).toLocaleDateString() })]
 							})
 						]
-					})] }), S.tags?.length > 0 && /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Tags" }) }), /* @__PURE__ */ u(m, {
+					})] }), P.tags?.length > 0 && /* @__PURE__ */ b(S, { children: [/* @__PURE__ */ y(w, { children: /* @__PURE__ */ y(T, { children: "Tags" }) }), /* @__PURE__ */ y(C, {
 						className: "flex flex-wrap gap-1",
-						children: S.tags.map((e) => /* @__PURE__ */ u(f, {
+						children: P.tags.map((e) => /* @__PURE__ */ y(x, {
 							variant: "outline",
 							className: "text-xs",
 							children: e
@@ -288,6 +347,6 @@ function v() {
 	});
 }
 //#endregion
-export { v as ProductsFeatureDetailPagePage };
+export { D as ProductsFeatureDetailPagePage };
 
 //# sourceMappingURL=ProductsFeatureDetailPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsFeatureDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsFeatureDetailPagePage.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 { Star, ThumbsUp, MessageSquare, Target, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\n\nconst GET_FEATURE_REQUEST = gql`\n  query GetFeatureRequest($id: ID!) {\n    planmagnetFeatureRequest(id: $id) {\n      id\n      workspaceId\n      projectId\n      title\n      description\n      status\n      businessValue\n      effortEstimate\n      priorityScore\n      voteCount\n      submittedBy\n      workItemId\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        description\n        website\n      }\n    }\n  }\n`;\n\ninterface FeatureVoteNode {\n  id: string;\n  voterId: string;\n  weight: number;\n  comment: string | null;\n  createdAt: string;\n}\n\ninterface CompetitorNode {\n  id: string;\n  name: string;\n  description: string | null;\n  website: string | null;\n}\n\nexport function ProductsFeatureDetailPagePage() {\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, {\n      variables: { id: featureId },\n      skip: !featureId,\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 feature: {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: FeatureVoteNode[] = feature.votes ?? [];\n  const competitors: CompetitorNode[] = feature.competitors ?? [];\n\n  const statusColor: Record<string, string> = {\n    SUBMITTED: 'bg-gray-100 text-gray-800',\n    UNDER_REVIEW: 'bg-yellow-100 text-yellow-800',\n    PLANNED: 'bg-blue-100 text-blue-800',\n    IN_PROGRESS: 'bg-purple-100 text-purple-800',\n    COMPLETED: 'bg-green-100 text-green-800',\n    DECLINED: 'bg-red-100 text-red-800',\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\">{feature.title}</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Submitted by: <PersonName id={feature.submittedBy} /> &middot; Effort:{' '}\n            {feature.effortEstimate ?? 'N/A'}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <span\n            className={`text-xs px-2 py-1 rounded-full capitalize ${statusColor[feature.status] ?? 'bg-gray-100'}`}\n          >\n            {feature.status.toLowerCase().replace('_', ' ')}\n          </span>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <Target className=\"h-5 w-5 mx-auto text-primary\" />\n            <p className=\"text-2xl font-bold mt-1\">{feature.priorityScore ?? 0}</p>\n            <p className=\"text-xs text-muted-foreground\">Priority Score</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <ThumbsUp className=\"h-5 w-5 mx-auto text-green-500\" />\n            <p className=\"text-2xl font-bold mt-1\">{feature.voteCount}</p>\n            <p className=\"text-xs text-muted-foreground\">Votes</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <Star className=\"h-5 w-5 mx-auto text-yellow-500\" />\n            <p className=\"text-2xl font-bold mt-1\">{feature.businessValue ?? 0}</p>\n            <p className=\"text-xs text-muted-foreground\">Business Value</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <MessageSquare className=\"h-5 w-5 mx-auto text-blue-500\" />\n            <p className=\"text-2xl font-bold mt-1\">{competitors.length}</p>\n            <p className=\"text-xs text-muted-foreground\">Competitors</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Description</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm\">{feature.description ?? 'No description provided.'}</p>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Votes ({votes.length})</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {votes.length === 0 && <p className=\"text-sm text-muted-foreground\">No votes yet.</p>}\n              {votes.map((vote) => (\n                <div\n                  key={vote.id}\n                  className=\"flex items-start justify-between border rounded-md p-3\"\n                >\n                  <div>\n                    <p className=\"text-sm font-medium\">\n                      Voter: <PersonName id={vote.voterId} />\n                    </p>\n                    {vote.comment && (\n                      <p className=\"text-xs text-muted-foreground mt-1\">{vote.comment}</p>\n                    )}\n                  </div>\n                  <div className=\"flex items-center gap-1\">\n                    <ThumbsUp className=\"h-3 w-3 text-green-500\" />\n                    <span className=\"text-sm font-bold\">{vote.weight}</span>\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n\n          {competitors.length > 0 && (\n            <Card>\n              <CardHeader>\n                <CardTitle>Competitor Analysis ({competitors.length})</CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {competitors.map((comp) => (\n                  <div key={comp.id} className=\"border rounded-md p-3\">\n                    <div className=\"flex items-center justify-between\">\n                      <p className=\"text-sm font-medium\">{comp.name}</p>\n                      {comp.website && <span className=\"text-xs text-primary\">{comp.website}</span>}\n                    </div>\n                    {comp.description && (\n                      <p className=\"text-xs text-muted-foreground mt-1\">{comp.description}</p>\n                    )}\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n          )}\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Status</span>\n                <Badge variant=\"secondary\" className=\"capitalize\">\n                  {feature.status.toLowerCase().replace('_', ' ')}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Priority Score</span>\n                <Badge variant=\"outline\">{feature.priorityScore ?? 'N/A'}</Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Effort</span>\n                <Badge variant=\"outline\" className=\"capitalize\">\n                  {feature.effortEstimate ?? 'N/A'}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Business Value</span>\n                <span className=\"font-medium\">{feature.businessValue ?? 'N/A'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Submitted By</span>\n                <PersonName id={feature.submittedBy} />\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{new Date(feature.updatedAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </Card>\n\n          {feature.tags?.length > 0 && (\n            <Card>\n              <CardHeader>\n                <CardTitle>Tags</CardTitle>\n              </CardHeader>\n              <CardContent className=\"flex flex-wrap gap-1\">\n                {feature.tags.map((tag: string) => (\n                  <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                    {tag}\n                  </Badge>\n                ))}\n              </CardContent>\n            </Card>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsFeatureDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsFeatureDetailPagePage.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 } from '@burdenoff/fe-libs/ui';\nimport { Star, ThumbsUp, MessageSquare, Target, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { FeatureTriageActions, isOpenRequest, isSnoozed } from '../controls/FeatureTriage';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\nimport { FeatureHeaderActions, FeatureVoteButton } from '../controls/FeatureControls';\n\nconst GET_FEATURE_REQUEST = gql`\n  query GetFeatureRequest($id: ID!) {\n    planmagnetFeatureRequest(id: $id) {\n      id\n      workspaceId\n      projectId\n      title\n      description\n      status\n      businessValue\n      effortEstimate\n      priorityScore\n      voteCount\n      submittedBy\n      workItemId\n      tags\n      snoozedUntil\n      declineReason\n      duplicateOfId\n      duplicateOf {\n        id\n        title\n      }\n      triagedAt\n      triagedBy\n      createdAt\n      updatedAt\n      votes {\n        id\n        voterId\n        weight\n        comment\n        createdAt\n      }\n      competitors {\n        id\n        name\n        description\n        website\n      }\n    }\n  }\n`;\n\ninterface FeatureVoteNode {\n  id: string;\n  voterId: string;\n  weight: number;\n  comment: string | null;\n  createdAt: string;\n}\n\ninterface CompetitorNode {\n  id: string;\n  name: string;\n  description: string | null;\n  website: string | null;\n}\n\nexport function ProductsFeatureDetailPagePage() {\n  const { workspaceId, currentUser } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  // Snooze state is read against the moment the page opened (Date.now() may not run during render).\n  const [now] = useState(() => Date.now());\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, {\n      variables: { id: featureId },\n      skip: !featureId,\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 feature: {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: FeatureVoteNode[] = feature.votes ?? [];\n  const competitors: CompetitorNode[] = feature.competitors ?? [];\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\">{feature.title}</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Submitted by: <PersonName id={feature.submittedBy} /> &middot; Effort:{' '}\n            {feature.effortEstimate ?? 'N/A'}\n          </p>\n        </div>\n        {/* Vote, status, Edit and Delete (BOFF-7951): the request was read-only. */}\n        <div className=\"flex flex-col items-end gap-2\">\n          <FeatureVoteButton\n            featureId={feature.id}\n            voted={votes.some((v) => v.voterId === currentUser?.id)}\n          />\n          <FeatureHeaderActions feature={feature} />\n        </div>\n      </div>\n\n      {/* Triage (P1.3): an undecided request is accepted, declined, snoozed or merged from here. */}\n      {isOpenRequest(feature.status) && (\n        <Card data-testid=\"triage-card\">\n          <CardHeader>\n            <CardTitle>Triage</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-2\">\n            <p className=\"text-sm text-muted-foreground\">\n              {isSnoozed(feature.snoozedUntil, now)\n                ? `Snoozed until ${new Date(feature.snoozedUntil).toLocaleString()} — it returns to the triage queue then.`\n                : feature.status === 'SUBMITTED'\n                  ? 'Waiting for a decision.'\n                  : 'Under review: accept it as planned, decline it, or merge it into its original.'}\n            </p>\n            <FeatureTriageActions feature={feature} now={now} />\n          </CardContent>\n        </Card>\n      )}\n      {feature.status === 'DECLINED' && feature.declineReason && (\n        <Card data-testid=\"decline-reason\">\n          <CardContent className=\"pt-4 text-sm\">\n            <span className=\"font-medium\">Declined: </span>\n            {feature.declineReason}\n          </CardContent>\n        </Card>\n      )}\n      {feature.status === 'DUPLICATE' && feature.duplicateOfId && (\n        <Card data-testid=\"duplicate-of\">\n          <CardContent className=\"pt-4 text-sm\">\n            <span className=\"font-medium\">Duplicate of </span>\n            {feature.duplicateOf ? (\n              <button\n                type=\"button\"\n                className=\"text-primary underline-offset-2 hover:underline\"\n                onClick={() =>\n                  navigate(detailPath('/products/feature-detail-page', feature.duplicateOf.id))\n                }\n              >\n                {feature.duplicateOf.title}\n              </button>\n            ) : (\n              <span className=\"text-muted-foreground\">a request that has since been deleted</span>\n            )}{' '}\n            — its votes were moved there.\n          </CardContent>\n        </Card>\n      )}\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <Target className=\"h-5 w-5 mx-auto text-primary\" />\n            <p className=\"text-2xl font-bold mt-1\">{feature.priorityScore ?? 0}</p>\n            <p className=\"text-xs text-muted-foreground\">Priority Score</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <ThumbsUp className=\"h-5 w-5 mx-auto text-green-500\" />\n            <p className=\"text-2xl font-bold mt-1\">{feature.voteCount}</p>\n            <p className=\"text-xs text-muted-foreground\">Votes</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <Star className=\"h-5 w-5 mx-auto text-yellow-500\" />\n            <p className=\"text-2xl font-bold mt-1\">{feature.businessValue ?? 0}</p>\n            <p className=\"text-xs text-muted-foreground\">Business Value</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <MessageSquare className=\"h-5 w-5 mx-auto text-blue-500\" />\n            <p className=\"text-2xl font-bold mt-1\">{competitors.length}</p>\n            <p className=\"text-xs text-muted-foreground\">Competitors</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Description</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm\">{feature.description ?? 'No description provided.'}</p>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Votes ({votes.length})</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {votes.length === 0 && <p className=\"text-sm text-muted-foreground\">No votes yet.</p>}\n              {votes.map((vote) => (\n                <div\n                  key={vote.id}\n                  className=\"flex items-start justify-between border rounded-md p-3\"\n                >\n                  <div>\n                    <p className=\"text-sm font-medium\">\n                      Voter: <PersonName id={vote.voterId} />\n                    </p>\n                    {vote.comment && (\n                      <p className=\"text-xs text-muted-foreground mt-1\">{vote.comment}</p>\n                    )}\n                  </div>\n                  <div className=\"flex items-center gap-1\">\n                    <ThumbsUp className=\"h-3 w-3 text-green-500\" />\n                    <span className=\"text-sm font-bold\">{vote.weight}</span>\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n\n          {competitors.length > 0 && (\n            <Card>\n              <CardHeader>\n                <CardTitle>Competitor Analysis ({competitors.length})</CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {competitors.map((comp) => (\n                  <div key={comp.id} className=\"border rounded-md p-3\">\n                    <div className=\"flex items-center justify-between\">\n                      <p className=\"text-sm font-medium\">{comp.name}</p>\n                      {comp.website && <span className=\"text-xs text-primary\">{comp.website}</span>}\n                    </div>\n                    {comp.description && (\n                      <p className=\"text-xs text-muted-foreground mt-1\">{comp.description}</p>\n                    )}\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n          )}\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Status</span>\n                <Badge variant=\"secondary\" className=\"capitalize\">\n                  {feature.status.toLowerCase().replace('_', ' ')}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Priority Score</span>\n                <Badge variant=\"outline\">{feature.priorityScore ?? 'N/A'}</Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Effort</span>\n                <Badge variant=\"outline\" className=\"capitalize\">\n                  {feature.effortEstimate ?? 'N/A'}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Business Value</span>\n                <span className=\"font-medium\">{feature.businessValue ?? 'N/A'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Submitted By</span>\n                <PersonName id={feature.submittedBy} />\n              </div>\n              {feature.triagedAt && (\n                <div className=\"flex justify-between\">\n                  <span className=\"text-muted-foreground\">Decided</span>\n                  <span>\n                    {new Date(feature.triagedAt).toLocaleDateString()}\n                    {feature.triagedBy && (\n                      <>\n                        {' by '}\n                        <PersonName id={feature.triagedBy} />\n                      </>\n                    )}\n                  </span>\n                </div>\n              )}\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{new Date(feature.updatedAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </Card>\n\n          {feature.tags?.length > 0 && (\n            <Card>\n              <CardHeader>\n                <CardTitle>Tags</CardTitle>\n              </CardHeader>\n              <CardContent className=\"flex flex-wrap gap-1\">\n                {feature.tags.map((tag: string) => (\n                  <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                    {tag}\n                  </Badge>\n                ))}\n              </CardContent>\n            </Card>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsFeaturesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsFeaturesPagePage.tsx"],"names":[],"mappings":"AAuEA,wBAAgB,wBAAwB,4CAoNvC"}
+{"version":3,"file":"ProductsFeaturesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsFeaturesPagePage.tsx"],"names":[],"mappings":"AAiFA,wBAAgB,wBAAwB,4CA8OvC"}