@burdenoff/microfe-planmagnet 2026.930.24 → 2026.930.25

package/dist/planmagnet/pages/ProductsRoadmapDetailPagePage.js

@@ -1,23 +1,25 @@
 import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
 import { PersonName as t } from "../people/People.js";
 import { readUrlParam as n, writeUrlParam as r } from "../utils/urlParam.js";
-import { PlanningFocusBadge as i, planningFocusLabel as a } from "../roadmaps/planningFocus.js";
-import { QuadrantBadge as o } from "../controls/PrioritizationControls.js";
-import { RemoveRoadmapItemButton as s, RoadmapHeaderActions as c, RoadmapItemDialog as l } from "../roadmaps/RoadmapControls.js";
-import { RoadmapDiscussionPanel as u, RoadmapItemCommentsButton as d } from "../comments/RoadmapComments.js";
-import { RoadmapNowNextLater as f } from "../roadmaps/RoadmapNowNextLater.js";
-import { RoadmapPresentation as p } from "../roadmaps/RoadmapPresentation.js";
-import { RoadmapReviewPanel as m } from "../roadmaps/RoadmapReviewPanel.js";
-import { RoadmapVersionsPanel as h } from "../roadmaps/RoadmapVersionsPanel.js";
-import { useState as g } from "react";
-import { Calendar as _, Loader2 as v, Map 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 { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { Badge as T, Card as E, CardContent as D, CardHeader as O, CardTitle as k } from "@burdenoff/fe-libs/ui";
+import { PresenceAvatars as i } from "../presence/PresenceAvatars.js";
+import { usePresence as a } from "../hooks/usePresence.js";
+import { PlanningFocusBadge as o, planningFocusLabel as s } from "../roadmaps/planningFocus.js";
+import { QuadrantBadge as c } from "../controls/PrioritizationControls.js";
+import { RemoveRoadmapItemButton as l, RoadmapHeaderActions as u, RoadmapItemDialog as d } from "../roadmaps/RoadmapControls.js";
+import { RoadmapDiscussionPanel as f, RoadmapItemCommentsButton as p } from "../comments/RoadmapComments.js";
+import { RoadmapNowNextLater as m } from "../roadmaps/RoadmapNowNextLater.js";
+import { RoadmapPresentation as h } from "../roadmaps/RoadmapPresentation.js";
+import { RoadmapReviewPanel as g } from "../roadmaps/RoadmapReviewPanel.js";
+import { RoadmapVersionsPanel as _ } from "../roadmaps/RoadmapVersionsPanel.js";
+import { useState as v } from "react";
+import { Calendar as y, Loader2 as b, Map as x } from "lucide-react";
+import { useParams as S } from "react-router";
+import { gql as C } from "@apollo/client";
+import { useQuery as w } from "@apollo/client/react";
+import { 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/ProductsRoadmapDetailPagePage.tsx
-var A = x`
+var M = C`
   query GetRoadmapDetailPage($id: ID!) {
     planmagnetRoadmap(id: $id) {
       id
@@ -58,7 +60,7 @@ var A = x`
       }
     }
   }
-`, j = (e) => e === "timeline" || e === "nnl", M = {
+`, N = (e) => e === "timeline" || e === "nnl", P = {
 	TODO: "bg-gray-100 text-gray-800",
 	IN_PROGRESS: "bg-blue-100 text-blue-800",
 	DONE: "bg-green-100 text-green-800",
@@ -66,106 +68,110 @@ var A = x`
 	BLOCKED: "bg-red-100 text-red-800",
 	PLANNED: "bg-yellow-100 text-yellow-800"
 };
-function N() {
-	let { workspaceId: x } = e(), N = b().id ?? "", [P, F] = g(() => {
+function F() {
+	let { workspaceId: C } = e(), F = S().id ?? "", I = a("ROADMAP", F || null), [L, R] = v(() => {
 		let e = n("view");
-		return j(e) ? e : "timeline";
-	}), I = (e) => {
-		F(e), r("view", e === "timeline" ? null : e);
-	}, { data: L, loading: R, error: z } = S(A, {
-		variables: { id: N },
-		skip: !N
+		return N(e) ? e : "timeline";
+	}), z = (e) => {
+		R(e), r("view", e === "timeline" ? null : e);
+	}, { data: B, loading: V, error: H } = w(M, {
+		variables: { id: F },
+		skip: !F
 	});
-	if (R && !L) return /* @__PURE__ */ C("div", {
+	if (V && !B) return /* @__PURE__ */ T("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ C(v, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		children: /* @__PURE__ */ T(b, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (z) return /* @__PURE__ */ w("div", {
+	if (H) return /* @__PURE__ */ E("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load roadmap: ", z.message]
+		children: ["Failed to load roadmap: ", H.message]
 	});
-	let B = L?.planmagnetRoadmap;
-	if (!B) return /* @__PURE__ */ C("div", {
+	let U = B?.planmagnetRoadmap;
+	if (!U) return /* @__PURE__ */ T("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Roadmap not found."
 	});
-	let V = (B.items ?? []).slice().sort((e, t) => e.sortOrder - t.sortOrder), H = V.filter((e) => e.status === "COMPLETED" || e.status === "DONE"), U = V.length > 0 ? Math.round(H.length / V.length * 100) : 0, W = [...new Set(V.map((e) => e.swimlane).filter(Boolean))], G = {};
-	for (let e of V) {
+	let W = (U.items ?? []).slice().sort((e, t) => e.sortOrder - t.sortOrder), G = W.filter((e) => e.status === "COMPLETED" || e.status === "DONE"), K = W.length > 0 ? Math.round(G.length / W.length * 100) : 0, q = [...new Set(W.map((e) => e.swimlane).filter(Boolean))], J = {};
+	for (let e of W) {
 		let t = e.swimlane ?? "Uncategorized";
-		G[t] || (G[t] = []), G[t].push(e);
+		J[t] || (J[t] = []), J[t].push(e);
 	}
-	return /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ E("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ E("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ C(y, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ C("h1", {
-						className: "text-2xl font-semibold",
-						children: B.name
-					})]
-				}), /* @__PURE__ */ C("p", {
-					className: "text-sm text-muted-foreground mt-1",
-					children: B.description ?? "No description"
-				})] }), /* @__PURE__ */ w("div", {
+				children: [/* @__PURE__ */ E("div", { children: [
+					/* @__PURE__ */ E("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ T(x, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ T("h1", {
+							className: "text-2xl font-semibold",
+							children: U.name
+						})]
+					}),
+					/* @__PURE__ */ T("p", {
+						className: "text-sm text-muted-foreground mt-1",
+						children: U.description ?? "No description"
+					}),
+					/* @__PURE__ */ T(i, { others: I.others })
+				] }), /* @__PURE__ */ E("div", {
 					className: "flex flex-col items-end gap-2",
-					children: [/* @__PURE__ */ w("div", {
+					children: [/* @__PURE__ */ E("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ C(p, {
-							roadmapName: B.name,
-							roadmapDescription: B.description,
-							view: P,
-							items: V
-						}), /* @__PURE__ */ C(c, {
-							roadmapId: B.id,
-							name: B.name
+						children: [/* @__PURE__ */ T(h, {
+							roadmapName: U.name,
+							roadmapDescription: U.description,
+							view: L,
+							items: W
+						}), /* @__PURE__ */ T(u, {
+							roadmapId: U.id,
+							name: U.name
 						})]
-					}), /* @__PURE__ */ w("div", {
+					}), /* @__PURE__ */ E("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ C(T, {
-							variant: B.isPublic ? "default" : "secondary",
+						children: [/* @__PURE__ */ T(D, {
+							variant: U.isPublic ? "default" : "secondary",
 							className: "capitalize",
-							children: B.isPublic ? "public" : "private"
-						}), /* @__PURE__ */ C(i, { focus: B.planningFocus })]
+							children: U.isPublic ? "public" : "private"
+						}), /* @__PURE__ */ T(o, { focus: U.planningFocus })]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ T("div", {
 				className: "grid grid-cols-2 md:grid-cols-5 gap-4",
 				children: [
 					{
 						label: "Progress",
-						value: `${U}%`
+						value: `${K}%`
 					},
 					{
 						label: "Total Items",
-						value: V.length
+						value: W.length
 					},
 					{
 						label: "Completed",
-						value: H.length
+						value: G.length
 					},
 					{
 						label: "Planning focus",
-						value: a(B.planningFocus)
+						value: s(U.planningFocus)
 					},
 					{
 						label: "Visibility",
-						value: B.isPublic ? "Public" : "Private"
+						value: U.isPublic ? "Public" : "Private"
 					}
-				].map((e) => /* @__PURE__ */ C(E, { children: /* @__PURE__ */ w(D, {
+				].map((e) => /* @__PURE__ */ T(O, { children: /* @__PURE__ */ E(k, {
 					className: "pt-4 text-center",
-					children: [/* @__PURE__ */ C("p", {
+					children: [/* @__PURE__ */ T("p", {
 						className: "text-xs text-muted-foreground",
 						children: e.label
-					}), /* @__PURE__ */ C("p", {
+					}), /* @__PURE__ */ T("p", {
 						className: "text-lg font-semibold capitalize",
 						children: e.value
 					})]
 				}) }, e.label))
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ T("div", {
 				className: "flex items-center gap-2",
 				role: "group",
 				"aria-label": "Roadmap view",
@@ -176,68 +182,68 @@ function N() {
 				}, {
 					key: "nnl",
 					label: "Now / Next / Later"
-				}].map((e) => /* @__PURE__ */ C("button", {
+				}].map((e) => /* @__PURE__ */ T("button", {
 					type: "button",
-					"aria-pressed": P === e.key,
-					onClick: () => I(e.key),
-					className: `px-2 py-1 text-xs rounded-md ${P === e.key ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+					"aria-pressed": L === e.key,
+					onClick: () => z(e.key),
+					className: `px-2 py-1 text-xs rounded-md ${L === e.key ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
 					children: e.label
 				}, e.key))
 			}),
-			P === "nnl" && /* @__PURE__ */ C(f, { roadmapId: B.id }),
-			P === "timeline" && /* @__PURE__ */ w("div", {
+			L === "nnl" && /* @__PURE__ */ T(m, { roadmapId: U.id }),
+			L === "timeline" && /* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ w("div", {
+				children: [/* @__PURE__ */ E("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ w(E, { children: [/* @__PURE__ */ w(O, {
+						/* @__PURE__ */ E(O, { children: [/* @__PURE__ */ E(A, {
 							className: "flex flex-row items-center justify-between gap-2",
-							children: [/* @__PURE__ */ C(k, { children: "Progress Overview" }), /* @__PURE__ */ C(l, {
-								roadmapId: B.id,
-								lanes: W
+							children: [/* @__PURE__ */ T(j, { children: "Progress Overview" }), /* @__PURE__ */ T(d, {
+								roadmapId: U.id,
+								lanes: q
 							})]
-						}), /* @__PURE__ */ w(D, { children: [/* @__PURE__ */ w("div", {
+						}), /* @__PURE__ */ E(k, { children: [/* @__PURE__ */ E("div", {
 							className: "flex justify-between text-sm mb-2",
-							children: [/* @__PURE__ */ C("span", {
+							children: [/* @__PURE__ */ T("span", {
 								className: "text-muted-foreground",
 								children: "Overall Completion"
-							}), /* @__PURE__ */ w("span", {
+							}), /* @__PURE__ */ E("span", {
 								className: "font-medium",
-								children: [U, "%"]
+								children: [K, "%"]
 							})]
-						}), /* @__PURE__ */ C("div", {
+						}), /* @__PURE__ */ T("div", {
 							className: "w-full h-4 rounded-full bg-muted overflow-hidden",
-							children: /* @__PURE__ */ C("div", {
+							children: /* @__PURE__ */ T("div", {
 								className: "h-full bg-primary rounded-full transition-all",
-								style: { width: `${U}%` }
+								style: { width: `${K}%` }
 							})
 						})] })] }),
-						V.length === 0 && /* @__PURE__ */ w("p", {
+						W.length === 0 && /* @__PURE__ */ E("p", {
 							className: "rounded-md border border-dashed p-6 text-center text-sm text-muted-foreground",
 							children: [
 								"This roadmap has no items yet. Use ",
-								/* @__PURE__ */ C("span", {
+								/* @__PURE__ */ T("span", {
 									className: "font-medium",
 									children: "Add item"
 								}),
 								" to plan the first one."
 							]
 						}),
-						Object.entries(G).map(([e, t]) => /* @__PURE__ */ w(E, { children: [/* @__PURE__ */ C(O, { children: /* @__PURE__ */ w(k, { children: [
+						Object.entries(J).map(([e, t]) => /* @__PURE__ */ E(O, { children: [/* @__PURE__ */ T(A, { children: /* @__PURE__ */ E(j, { children: [
 							e,
 							" (",
 							t.length,
 							")"
-						] }) }), /* @__PURE__ */ C(D, {
+						] }) }), /* @__PURE__ */ T(k, {
 							className: "space-y-3",
-							children: t.map((e) => /* @__PURE__ */ w("div", {
+							children: t.map((e) => /* @__PURE__ */ E("div", {
 								className: "flex items-center justify-between border rounded-md p-3",
-								children: [/* @__PURE__ */ w("div", { children: [
-									/* @__PURE__ */ C("p", {
+								children: [/* @__PURE__ */ E("div", { children: [
+									/* @__PURE__ */ T("p", {
 										className: "text-sm font-medium",
 										children: e.title
 									}),
-									e.featureRequestDemand && e.featureRequestDemand.requests > 0 && /* @__PURE__ */ w("p", {
+									e.featureRequestDemand && e.featureRequestDemand.requests > 0 && /* @__PURE__ */ E("p", {
 										className: "text-xs text-muted-foreground",
 										"data-testid": "roadmap-item-demand",
 										children: [
@@ -251,45 +257,45 @@ function N() {
 											e.featureRequestDemand.votes === 1 ? "" : "s"
 										]
 									}),
-									e.description && /* @__PURE__ */ C("p", {
+									e.description && /* @__PURE__ */ T("p", {
 										className: "text-xs text-muted-foreground",
 										children: e.description.length > 60 ? `${e.description.slice(0, 60)}…` : e.description
 									}),
-									(e.startDate || e.endDate) && /* @__PURE__ */ w("div", {
+									(e.startDate || e.endDate) && /* @__PURE__ */ E("div", {
 										className: "flex items-center gap-1 mt-1 text-xs text-muted-foreground",
 										children: [
-											/* @__PURE__ */ C(_, { className: "h-3 w-3" }),
+											/* @__PURE__ */ T(y, { className: "h-3 w-3" }),
 											e.startDate ? new Date(e.startDate).toLocaleDateString() : "?",
 											" - ",
 											e.endDate ? new Date(e.endDate).toLocaleDateString() : "?"
 										]
 									})
-								] }), /* @__PURE__ */ w("div", {
+								] }), /* @__PURE__ */ E("div", {
 									className: "flex items-center gap-2",
 									children: [
-										e.color && /* @__PURE__ */ C("div", {
+										e.color && /* @__PURE__ */ T("div", {
 											className: "h-3 w-3 rounded-full",
 											style: { backgroundColor: e.color }
 										}),
-										/* @__PURE__ */ C("span", {
-											className: `text-xs px-2 py-0.5 rounded-full capitalize ${M[e.status] ?? "bg-gray-100"}`,
+										/* @__PURE__ */ T("span", {
+											className: `text-xs px-2 py-0.5 rounded-full capitalize ${P[e.status] ?? "bg-gray-100"}`,
 											children: e.status.toLowerCase().replace("_", " ")
 										}),
-										/* @__PURE__ */ C(o, {
+										/* @__PURE__ */ T(c, {
 											quadrant: e.valueEffortQuadrant,
 											hideWhenUnscored: !0
 										}),
-										/* @__PURE__ */ C(d, {
-											roadmapId: B.id,
+										/* @__PURE__ */ T(p, {
+											roadmapId: U.id,
 											itemId: e.id,
 											itemTitle: e.title
 										}),
-										/* @__PURE__ */ C(l, {
-											roadmapId: B.id,
+										/* @__PURE__ */ T(d, {
+											roadmapId: U.id,
 											item: e,
-											lanes: W
+											lanes: q
 										}),
-										/* @__PURE__ */ C(s, {
+										/* @__PURE__ */ T(l, {
 											id: e.id,
 											title: e.title
 										})
@@ -298,57 +304,57 @@ function N() {
 							}, e.id))
 						})] }, e))
 					]
-				}), /* @__PURE__ */ C("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "space-y-6",
-					children: /* @__PURE__ */ w(E, { children: [/* @__PURE__ */ C(O, { children: /* @__PURE__ */ C(k, { children: "Details" }) }), /* @__PURE__ */ w(D, {
+					children: /* @__PURE__ */ E(O, { children: [/* @__PURE__ */ T(A, { children: /* @__PURE__ */ T(j, { children: "Details" }) }), /* @__PURE__ */ E(k, {
 						className: "space-y-2 text-sm",
 						children: [
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ E("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ C("span", {
+								children: [/* @__PURE__ */ T("span", {
 									className: "text-muted-foreground",
 									children: "Planning focus"
-								}), /* @__PURE__ */ C(i, { focus: B.planningFocus })]
+								}), /* @__PURE__ */ T(o, { focus: U.planningFocus })]
 							}),
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ E("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ C("span", {
+								children: [/* @__PURE__ */ T("span", {
 									className: "text-muted-foreground",
 									children: "Owner"
-								}), /* @__PURE__ */ C("span", { children: /* @__PURE__ */ C(t, { id: B.ownerId }) })]
+								}), /* @__PURE__ */ T("span", { children: /* @__PURE__ */ T(t, { id: U.ownerId }) })]
 							}),
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ E("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ C("span", {
+								children: [/* @__PURE__ */ T("span", {
 									className: "text-muted-foreground",
 									children: "Created"
-								}), /* @__PURE__ */ C("span", { children: new Date(B.createdAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ T("span", { children: new Date(U.createdAt).toLocaleDateString() })]
 							}),
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ E("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ C("span", {
+								children: [/* @__PURE__ */ T("span", {
 									className: "text-muted-foreground",
 									children: "Updated"
-								}), /* @__PURE__ */ C("span", { children: new Date(B.updatedAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ T("span", { children: new Date(U.updatedAt).toLocaleDateString() })]
 							})
 						]
 					})] })
 				})]
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ C("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "lg:col-span-2",
-					children: /* @__PURE__ */ C(u, { roadmapId: B.id })
-				}), /* @__PURE__ */ w("div", {
+					children: /* @__PURE__ */ T(f, { roadmapId: U.id })
+				}), /* @__PURE__ */ E("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ C(m, { roadmapId: B.id }), /* @__PURE__ */ C(h, { roadmapId: B.id })]
+					children: [/* @__PURE__ */ T(g, { roadmapId: U.id }), /* @__PURE__ */ T(_, { roadmapId: U.id })]
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { N as ProductsRoadmapDetailPagePage };
+export { F as ProductsRoadmapDetailPagePage };
 
 //# sourceMappingURL=ProductsRoadmapDetailPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsRoadmapDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsRoadmapDetailPagePage.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 { Map, Calendar, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\nimport { PlanningFocusBadge, planningFocusLabel } from '../roadmaps/planningFocus';\nimport {\n  RemoveRoadmapItemButton,\n  RoadmapHeaderActions,\n  RoadmapItemDialog,\n} from '../roadmaps/RoadmapControls';\nimport { RoadmapNowNextLater } from '../roadmaps/RoadmapNowNextLater';\nimport { RoadmapPresentation } from '../roadmaps/RoadmapPresentation';\nimport { RoadmapReviewPanel } from '../roadmaps/RoadmapReviewPanel';\nimport { RoadmapVersionsPanel } from '../roadmaps/RoadmapVersionsPanel';\nimport { RoadmapDiscussionPanel, RoadmapItemCommentsButton } from '../comments/RoadmapComments';\nimport { readUrlParam, writeUrlParam } from '../utils/urlParam';\nimport { QuadrantBadge } from '../controls/PrioritizationControls';\n\nconst GET_ROADMAP = gql`\n  query GetRoadmapDetailPage($id: ID!) {\n    planmagnetRoadmap(id: $id) {\n      id\n      workspaceId\n      name\n      description\n      type\n      planningFocus\n      isPublic\n      ownerId\n      createdAt\n      updatedAt\n      items {\n        id\n        title\n        description\n        status\n        startDate\n        endDate\n        color\n        swimlane\n        sortOrder\n        projectId\n        milestoneId\n        horizon\n        confidence\n        riskLevel\n        riskNote\n        moscow\n        kano\n        valueScore\n        effortScore\n        valueEffortQuadrant\n        featureRequestDemand {\n          requests\n          votes\n        }\n      }\n    }\n  }\n`;\n\ninterface RoadmapItemNode {\n  id: string;\n  title: string;\n  description: string | null;\n  status: string;\n  startDate: string | null;\n  endDate: string | null;\n  color: string | null;\n  swimlane: string | null;\n  sortOrder: number;\n  projectId: string | null;\n  milestoneId: string | null;\n  /** Now/Next/Later placement (PRM-06) — read here only to hand off to `RoadmapItemDialog`'s edit form; the\n   * Now/Next/Later view itself reads and writes these through its own query/mutation, not this one. */\n  horizon: string | null;\n  confidence: number | null;\n  riskLevel: string | null;\n  riskNote: string | null;\n  /** PRM-27 — read here only to show on the row and hand off to RoadmapItemDialog's edit form. */\n  moscow: string | null;\n  kano: string | null;\n  valueScore: number | null;\n  effortScore: number | null;\n  valueEffortQuadrant: string | null;\n  featureRequestDemand: { requests: number; votes: number } | null;\n}\n\ntype RoadmapView = 'timeline' | 'nnl';\nconst isRoadmapView = (v: string | null): v is RoadmapView => v === 'timeline' || v === 'nnl';\n\nconst statusColor: Record<string, string> = {\n  TODO: 'bg-gray-100 text-gray-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  DONE: 'bg-green-100 text-green-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n  BLOCKED: 'bg-red-100 text-red-800',\n  PLANNED: 'bg-yellow-100 text-yellow-800',\n};\n\nexport function ProductsRoadmapDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const params = useParams<{ id: string }>();\n  const roadmapId = params.id ?? '';\n  // Timeline | Now-Next-Later (PRM-06): persisted in the URL (`?view=nnl`) so the applied view is linkable and\n  // survives a reload, without touching the host shell's own router — same technique as\n  // `board/boardViewConfig.ts`'s `?view=` for saved board views (see `utils/urlParam.ts`).\n  const [view, setViewState] = useState<RoadmapView>(() => {\n    const fromUrl = readUrlParam('view');\n    return isRoadmapView(fromUrl) ? fromUrl : 'timeline';\n  });\n  const setView = (next: RoadmapView) => {\n    setViewState(next);\n    writeUrlParam('view', next === 'timeline' ? null : next);\n  };\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_ROADMAP, {\n      variables: { id: roadmapId },\n      skip: !roadmapId,\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 roadmap: {error.message}</div>;\n  }\n\n  const roadmap = data?.planmagnetRoadmap;\n  if (!roadmap) return <div className=\"p-6 text-muted-foreground\">Roadmap not found.</div>;\n\n  const items: RoadmapItemNode[] = (roadmap.items ?? [])\n    .slice()\n    .sort((a: RoadmapItemNode, b: RoadmapItemNode) => a.sortOrder - b.sortOrder);\n  const completedItems = items.filter((i) => i.status === 'COMPLETED' || i.status === 'DONE');\n  const progress = items.length > 0 ? Math.round((completedItems.length / items.length) * 100) : 0;\n\n  const lanes = [...new Set(items.map((i) => i.swimlane).filter(Boolean))] as string[];\n\n  // Group items by swimlane\n  const swimlaneGroups: Record<string, RoadmapItemNode[]> = {};\n  for (const item of items) {\n    const lane = item.swimlane ?? 'Uncategorized';\n    if (!swimlaneGroups[lane]) swimlaneGroups[lane] = [];\n    swimlaneGroups[lane].push(item);\n  }\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <Map className=\"h-5 w-5 text-primary\" />\n            <h1 className=\"text-2xl font-semibold\">{roadmap.name}</h1>\n          </div>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {roadmap.description ?? 'No description'}\n          </p>\n        </div>\n        <div className=\"flex flex-col items-end gap-2\">\n          <div className=\"flex items-center gap-2\">\n            {/* PRM-11: reuses this same `items` list (already carries horizon/confidence/risk/dates) rather\n                than firing a query of its own. */}\n            <RoadmapPresentation\n              roadmapName={roadmap.name}\n              roadmapDescription={roadmap.description}\n              view={view}\n              items={items}\n            />\n            <RoadmapHeaderActions roadmapId={roadmap.id} name={roadmap.name} />\n          </div>\n          <div className=\"flex gap-2\">\n            <Badge variant={roadmap.isPublic ? 'default' : 'secondary'} className=\"capitalize\">\n              {roadmap.isPublic ? 'public' : 'private'}\n            </Badge>\n            <PlanningFocusBadge focus={roadmap.planningFocus} />\n          </div>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-5 gap-4\">\n        {[\n          { label: 'Progress', value: `${progress}%` },\n          { label: 'Total Items', value: items.length },\n          { label: 'Completed', value: completedItems.length },\n          { label: 'Planning focus', value: planningFocusLabel(roadmap.planningFocus) },\n          { label: 'Visibility', value: roadmap.isPublic ? 'Public' : 'Private' },\n        ].map((s) => (\n          <Card key={s.label}>\n            <CardContent className=\"pt-4 text-center\">\n              <p className=\"text-xs text-muted-foreground\">{s.label}</p>\n              <p className=\"text-lg font-semibold capitalize\">{s.value}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <div\n        className=\"flex items-center gap-2\"\n        role=\"group\"\n        aria-label=\"Roadmap view\"\n        data-testid=\"roadmap-view-toggle\"\n      >\n        {(\n          [\n            { key: 'timeline', label: 'Timeline' },\n            { key: 'nnl', label: 'Now / Next / Later' },\n          ] as const\n        ).map((v) => (\n          <button\n            key={v.key}\n            type=\"button\"\n            aria-pressed={view === v.key}\n            onClick={() => setView(v.key)}\n            className={`px-2 py-1 text-xs rounded-md ${view === v.key ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n          >\n            {v.label}\n          </button>\n        ))}\n      </div>\n\n      {view === 'nnl' && <RoadmapNowNextLater roadmapId={roadmap.id} />}\n\n      {view === 'timeline' && (\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 className=\"flex flex-row items-center justify-between gap-2\">\n                <CardTitle>Progress Overview</CardTitle>\n                <RoadmapItemDialog roadmapId={roadmap.id} lanes={lanes} />\n              </CardHeader>\n              <CardContent>\n                <div className=\"flex justify-between text-sm mb-2\">\n                  <span className=\"text-muted-foreground\">Overall Completion</span>\n                  <span className=\"font-medium\">{progress}%</span>\n                </div>\n                <div className=\"w-full h-4 rounded-full bg-muted overflow-hidden\">\n                  <div\n                    className=\"h-full bg-primary rounded-full transition-all\"\n                    style={{ width: `${progress}%` }}\n                  />\n                </div>\n              </CardContent>\n            </Card>\n\n            {items.length === 0 && (\n              <p className=\"rounded-md border border-dashed p-6 text-center text-sm text-muted-foreground\">\n                This roadmap has no items yet. Use <span className=\"font-medium\">Add item</span> to\n                plan the first one.\n              </p>\n            )}\n            {Object.entries(swimlaneGroups).map(([lane, laneItems]) => (\n              <Card key={lane}>\n                <CardHeader>\n                  <CardTitle>\n                    {lane} ({laneItems.length})\n                  </CardTitle>\n                </CardHeader>\n                <CardContent className=\"space-y-3\">\n                  {laneItems.map((item) => (\n                    <div\n                      key={item.id}\n                      className=\"flex items-center justify-between border rounded-md p-3\"\n                    >\n                      <div>\n                        <p className=\"text-sm font-medium\">{item.title}</p>\n                        {/* PRM-24: demand behind the initiative, counted by the server. */}\n                        {item.featureRequestDemand && item.featureRequestDemand.requests > 0 && (\n                          <p\n                            className=\"text-xs text-muted-foreground\"\n                            data-testid=\"roadmap-item-demand\"\n                          >\n                            {item.featureRequestDemand.requests} feature request\n                            {item.featureRequestDemand.requests === 1 ? '' : 's'} ·{' '}\n                            {item.featureRequestDemand.votes} vote\n                            {item.featureRequestDemand.votes === 1 ? '' : 's'}\n                          </p>\n                        )}\n                        {item.description && (\n                          <p className=\"text-xs text-muted-foreground\">\n                            {item.description.length > 60\n                              ? `${item.description.slice(0, 60)}…`\n                              : item.description}\n                          </p>\n                        )}\n                        {(item.startDate || item.endDate) && (\n                          <div className=\"flex items-center gap-1 mt-1 text-xs text-muted-foreground\">\n                            <Calendar className=\"h-3 w-3\" />\n                            {item.startDate ? new Date(item.startDate).toLocaleDateString() : '?'}\n                            {' - '}\n                            {item.endDate ? new Date(item.endDate).toLocaleDateString() : '?'}\n                          </div>\n                        )}\n                      </div>\n                      <div className=\"flex items-center gap-2\">\n                        {item.color && (\n                          <div\n                            className=\"h-3 w-3 rounded-full\"\n                            style={{ backgroundColor: item.color }}\n                          />\n                        )}\n                        <span\n                          className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[item.status] ?? 'bg-gray-100'}`}\n                        >\n                          {item.status.toLowerCase().replace('_', ' ')}\n                        </span>\n                        {/* PRM-27 — read back from the server; hidden for the common case of an unscored item. */}\n                        <QuadrantBadge quadrant={item.valueEffortQuadrant} hideWhenUnscored />\n                        <RoadmapItemCommentsButton\n                          roadmapId={roadmap.id}\n                          itemId={item.id}\n                          itemTitle={item.title}\n                        />\n                        <RoadmapItemDialog roadmapId={roadmap.id} item={item} lanes={lanes} />\n                        <RemoveRoadmapItemButton id={item.id} title={item.title} />\n                      </div>\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-2 text-sm\">\n                <div className=\"flex justify-between\">\n                  <span className=\"text-muted-foreground\">Planning focus</span>\n                  <PlanningFocusBadge focus={roadmap.planningFocus} />\n                </div>\n                <div className=\"flex justify-between\">\n                  <span className=\"text-muted-foreground\">Owner</span>\n                  <span>\n                    <PersonName id={roadmap.ownerId} />\n                  </span>\n                </div>\n                <div className=\"flex justify-between\">\n                  <span className=\"text-muted-foreground\">Created</span>\n                  <span>{new Date(roadmap.createdAt).toLocaleDateString()}</span>\n                </div>\n                <div className=\"flex justify-between\">\n                  <span className=\"text-muted-foreground\">Updated</span>\n                  <span>{new Date(roadmap.updatedAt).toLocaleDateString()}</span>\n                </div>\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n      )}\n\n      {/* PRM-11: collaboration (discussion, review, versions) is roadmap-level state, not tied to either view\n          above — shown regardless of the Timeline/Now-Next-Later toggle. */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2\">\n          <RoadmapDiscussionPanel roadmapId={roadmap.id} />\n        </div>\n        <div className=\"space-y-6\">\n          <RoadmapReviewPanel roadmapId={roadmap.id} />\n          <RoadmapVersionsPanel roadmapId={roadmap.id} />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsRoadmapDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsRoadmapDetailPagePage.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 { Map, Calendar, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\nimport { PlanningFocusBadge, planningFocusLabel } from '../roadmaps/planningFocus';\nimport {\n  RemoveRoadmapItemButton,\n  RoadmapHeaderActions,\n  RoadmapItemDialog,\n} from '../roadmaps/RoadmapControls';\nimport { RoadmapNowNextLater } from '../roadmaps/RoadmapNowNextLater';\nimport { RoadmapPresentation } from '../roadmaps/RoadmapPresentation';\nimport { RoadmapReviewPanel } from '../roadmaps/RoadmapReviewPanel';\nimport { RoadmapVersionsPanel } from '../roadmaps/RoadmapVersionsPanel';\nimport { RoadmapDiscussionPanel, RoadmapItemCommentsButton } from '../comments/RoadmapComments';\nimport { readUrlParam, writeUrlParam } from '../utils/urlParam';\nimport { QuadrantBadge } from '../controls/PrioritizationControls';\nimport { usePresence } from '../hooks/usePresence';\nimport { PresenceAvatars } from '../presence/PresenceAvatars';\n\nconst GET_ROADMAP = gql`\n  query GetRoadmapDetailPage($id: ID!) {\n    planmagnetRoadmap(id: $id) {\n      id\n      workspaceId\n      name\n      description\n      type\n      planningFocus\n      isPublic\n      ownerId\n      createdAt\n      updatedAt\n      items {\n        id\n        title\n        description\n        status\n        startDate\n        endDate\n        color\n        swimlane\n        sortOrder\n        projectId\n        milestoneId\n        horizon\n        confidence\n        riskLevel\n        riskNote\n        moscow\n        kano\n        valueScore\n        effortScore\n        valueEffortQuadrant\n        featureRequestDemand {\n          requests\n          votes\n        }\n      }\n    }\n  }\n`;\n\ninterface RoadmapItemNode {\n  id: string;\n  title: string;\n  description: string | null;\n  status: string;\n  startDate: string | null;\n  endDate: string | null;\n  color: string | null;\n  swimlane: string | null;\n  sortOrder: number;\n  projectId: string | null;\n  milestoneId: string | null;\n  /** Now/Next/Later placement (PRM-06) — read here only to hand off to `RoadmapItemDialog`'s edit form; the\n   * Now/Next/Later view itself reads and writes these through its own query/mutation, not this one. */\n  horizon: string | null;\n  confidence: number | null;\n  riskLevel: string | null;\n  riskNote: string | null;\n  /** PRM-27 — read here only to show on the row and hand off to RoadmapItemDialog's edit form. */\n  moscow: string | null;\n  kano: string | null;\n  valueScore: number | null;\n  effortScore: number | null;\n  valueEffortQuadrant: string | null;\n  featureRequestDemand: { requests: number; votes: number } | null;\n}\n\ntype RoadmapView = 'timeline' | 'nnl';\nconst isRoadmapView = (v: string | null): v is RoadmapView => v === 'timeline' || v === 'nnl';\n\nconst statusColor: Record<string, string> = {\n  TODO: 'bg-gray-100 text-gray-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  DONE: 'bg-green-100 text-green-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n  BLOCKED: 'bg-red-100 text-red-800',\n  PLANNED: 'bg-yellow-100 text-yellow-800',\n};\n\nexport function ProductsRoadmapDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const params = useParams<{ id: string }>();\n  const roadmapId = params.id ?? '';\n  // CWF-24: who else is looking at this roadmap right now.\n  const presence = usePresence('ROADMAP', roadmapId || null);\n  // Timeline | Now-Next-Later (PRM-06): persisted in the URL (`?view=nnl`) so the applied view is linkable and\n  // survives a reload, without touching the host shell's own router — same technique as\n  // `board/boardViewConfig.ts`'s `?view=` for saved board views (see `utils/urlParam.ts`).\n  const [view, setViewState] = useState<RoadmapView>(() => {\n    const fromUrl = readUrlParam('view');\n    return isRoadmapView(fromUrl) ? fromUrl : 'timeline';\n  });\n  const setView = (next: RoadmapView) => {\n    setViewState(next);\n    writeUrlParam('view', next === 'timeline' ? null : next);\n  };\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_ROADMAP, {\n      variables: { id: roadmapId },\n      skip: !roadmapId,\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 roadmap: {error.message}</div>;\n  }\n\n  const roadmap = data?.planmagnetRoadmap;\n  if (!roadmap) return <div className=\"p-6 text-muted-foreground\">Roadmap not found.</div>;\n\n  const items: RoadmapItemNode[] = (roadmap.items ?? [])\n    .slice()\n    .sort((a: RoadmapItemNode, b: RoadmapItemNode) => a.sortOrder - b.sortOrder);\n  const completedItems = items.filter((i) => i.status === 'COMPLETED' || i.status === 'DONE');\n  const progress = items.length > 0 ? Math.round((completedItems.length / items.length) * 100) : 0;\n\n  const lanes = [...new Set(items.map((i) => i.swimlane).filter(Boolean))] as string[];\n\n  // Group items by swimlane\n  const swimlaneGroups: Record<string, RoadmapItemNode[]> = {};\n  for (const item of items) {\n    const lane = item.swimlane ?? 'Uncategorized';\n    if (!swimlaneGroups[lane]) swimlaneGroups[lane] = [];\n    swimlaneGroups[lane].push(item);\n  }\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <Map className=\"h-5 w-5 text-primary\" />\n            <h1 className=\"text-2xl font-semibold\">{roadmap.name}</h1>\n          </div>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {roadmap.description ?? 'No description'}\n          </p>\n          <PresenceAvatars others={presence.others} />\n        </div>\n        <div className=\"flex flex-col items-end gap-2\">\n          <div className=\"flex items-center gap-2\">\n            {/* PRM-11: reuses this same `items` list (already carries horizon/confidence/risk/dates) rather\n                than firing a query of its own. */}\n            <RoadmapPresentation\n              roadmapName={roadmap.name}\n              roadmapDescription={roadmap.description}\n              view={view}\n              items={items}\n            />\n            <RoadmapHeaderActions roadmapId={roadmap.id} name={roadmap.name} />\n          </div>\n          <div className=\"flex gap-2\">\n            <Badge variant={roadmap.isPublic ? 'default' : 'secondary'} className=\"capitalize\">\n              {roadmap.isPublic ? 'public' : 'private'}\n            </Badge>\n            <PlanningFocusBadge focus={roadmap.planningFocus} />\n          </div>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-5 gap-4\">\n        {[\n          { label: 'Progress', value: `${progress}%` },\n          { label: 'Total Items', value: items.length },\n          { label: 'Completed', value: completedItems.length },\n          { label: 'Planning focus', value: planningFocusLabel(roadmap.planningFocus) },\n          { label: 'Visibility', value: roadmap.isPublic ? 'Public' : 'Private' },\n        ].map((s) => (\n          <Card key={s.label}>\n            <CardContent className=\"pt-4 text-center\">\n              <p className=\"text-xs text-muted-foreground\">{s.label}</p>\n              <p className=\"text-lg font-semibold capitalize\">{s.value}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <div\n        className=\"flex items-center gap-2\"\n        role=\"group\"\n        aria-label=\"Roadmap view\"\n        data-testid=\"roadmap-view-toggle\"\n      >\n        {(\n          [\n            { key: 'timeline', label: 'Timeline' },\n            { key: 'nnl', label: 'Now / Next / Later' },\n          ] as const\n        ).map((v) => (\n          <button\n            key={v.key}\n            type=\"button\"\n            aria-pressed={view === v.key}\n            onClick={() => setView(v.key)}\n            className={`px-2 py-1 text-xs rounded-md ${view === v.key ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n          >\n            {v.label}\n          </button>\n        ))}\n      </div>\n\n      {view === 'nnl' && <RoadmapNowNextLater roadmapId={roadmap.id} />}\n\n      {view === 'timeline' && (\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 className=\"flex flex-row items-center justify-between gap-2\">\n                <CardTitle>Progress Overview</CardTitle>\n                <RoadmapItemDialog roadmapId={roadmap.id} lanes={lanes} />\n              </CardHeader>\n              <CardContent>\n                <div className=\"flex justify-between text-sm mb-2\">\n                  <span className=\"text-muted-foreground\">Overall Completion</span>\n                  <span className=\"font-medium\">{progress}%</span>\n                </div>\n                <div className=\"w-full h-4 rounded-full bg-muted overflow-hidden\">\n                  <div\n                    className=\"h-full bg-primary rounded-full transition-all\"\n                    style={{ width: `${progress}%` }}\n                  />\n                </div>\n              </CardContent>\n            </Card>\n\n            {items.length === 0 && (\n              <p className=\"rounded-md border border-dashed p-6 text-center text-sm text-muted-foreground\">\n                This roadmap has no items yet. Use <span className=\"font-medium\">Add item</span> to\n                plan the first one.\n              </p>\n            )}\n            {Object.entries(swimlaneGroups).map(([lane, laneItems]) => (\n              <Card key={lane}>\n                <CardHeader>\n                  <CardTitle>\n                    {lane} ({laneItems.length})\n                  </CardTitle>\n                </CardHeader>\n                <CardContent className=\"space-y-3\">\n                  {laneItems.map((item) => (\n                    <div\n                      key={item.id}\n                      className=\"flex items-center justify-between border rounded-md p-3\"\n                    >\n                      <div>\n                        <p className=\"text-sm font-medium\">{item.title}</p>\n                        {/* PRM-24: demand behind the initiative, counted by the server. */}\n                        {item.featureRequestDemand && item.featureRequestDemand.requests > 0 && (\n                          <p\n                            className=\"text-xs text-muted-foreground\"\n                            data-testid=\"roadmap-item-demand\"\n                          >\n                            {item.featureRequestDemand.requests} feature request\n                            {item.featureRequestDemand.requests === 1 ? '' : 's'} ·{' '}\n                            {item.featureRequestDemand.votes} vote\n                            {item.featureRequestDemand.votes === 1 ? '' : 's'}\n                          </p>\n                        )}\n                        {item.description && (\n                          <p className=\"text-xs text-muted-foreground\">\n                            {item.description.length > 60\n                              ? `${item.description.slice(0, 60)}…`\n                              : item.description}\n                          </p>\n                        )}\n                        {(item.startDate || item.endDate) && (\n                          <div className=\"flex items-center gap-1 mt-1 text-xs text-muted-foreground\">\n                            <Calendar className=\"h-3 w-3\" />\n                            {item.startDate ? new Date(item.startDate).toLocaleDateString() : '?'}\n                            {' - '}\n                            {item.endDate ? new Date(item.endDate).toLocaleDateString() : '?'}\n                          </div>\n                        )}\n                      </div>\n                      <div className=\"flex items-center gap-2\">\n                        {item.color && (\n                          <div\n                            className=\"h-3 w-3 rounded-full\"\n                            style={{ backgroundColor: item.color }}\n                          />\n                        )}\n                        <span\n                          className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[item.status] ?? 'bg-gray-100'}`}\n                        >\n                          {item.status.toLowerCase().replace('_', ' ')}\n                        </span>\n                        {/* PRM-27 — read back from the server; hidden for the common case of an unscored item. */}\n                        <QuadrantBadge quadrant={item.valueEffortQuadrant} hideWhenUnscored />\n                        <RoadmapItemCommentsButton\n                          roadmapId={roadmap.id}\n                          itemId={item.id}\n                          itemTitle={item.title}\n                        />\n                        <RoadmapItemDialog roadmapId={roadmap.id} item={item} lanes={lanes} />\n                        <RemoveRoadmapItemButton id={item.id} title={item.title} />\n                      </div>\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-2 text-sm\">\n                <div className=\"flex justify-between\">\n                  <span className=\"text-muted-foreground\">Planning focus</span>\n                  <PlanningFocusBadge focus={roadmap.planningFocus} />\n                </div>\n                <div className=\"flex justify-between\">\n                  <span className=\"text-muted-foreground\">Owner</span>\n                  <span>\n                    <PersonName id={roadmap.ownerId} />\n                  </span>\n                </div>\n                <div className=\"flex justify-between\">\n                  <span className=\"text-muted-foreground\">Created</span>\n                  <span>{new Date(roadmap.createdAt).toLocaleDateString()}</span>\n                </div>\n                <div className=\"flex justify-between\">\n                  <span className=\"text-muted-foreground\">Updated</span>\n                  <span>{new Date(roadmap.updatedAt).toLocaleDateString()}</span>\n                </div>\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n      )}\n\n      {/* PRM-11: collaboration (discussion, review, versions) is roadmap-level state, not tied to either view\n          above — shown regardless of the Timeline/Now-Next-Later toggle. */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2\">\n          <RoadmapDiscussionPanel roadmapId={roadmap.id} />\n        </div>\n        <div className=\"space-y-6\">\n          <RoadmapReviewPanel roadmapId={roadmap.id} />\n          <RoadmapVersionsPanel roadmapId={roadmap.id} />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0BA,IAAM,IAAc,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEjB,KAAiB,MAAuC,MAAM,cAAc,MAAM,OAElF,IAAsC;CAC1C,MAAM;CACN,aAAa;CACb,MAAM;CACN,WAAW;CACX,SAAS;CACT,SAAS;CACV;AAED,SAAgB,IAAgC;CAC9C,IAAM,EAAE,mBAAgB,GAAe,EAEjC,IADS,GAA2B,CACjB,MAAM,IAEzB,IAAW,EAAY,WAAW,KAAa,KAAK,EAIpD,CAAC,GAAM,KAAgB,QAA4B;EACvD,IAAM,IAAU,EAAa,OAAO;AACpC,SAAO,EAAc,EAAQ,GAAG,IAAU;GAC1C,EACI,KAAW,MAAsB;AAErC,EADA,EAAa,EAAK,EAClB,EAAc,QAAQ,MAAS,aAAa,OAAO,EAAK;IAGpD,EACJ,SACA,YACA,aAGA,EAA8B,GAAa;EACzC,WAAW,EAAE,IAAI,GAAW;EAC5B,MAAM,CAAC;EACR,CAAC;AAMJ,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,8CAA+C,CAAA;EAC9D,CAAA;AAIV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAsC,4BAAyB,EAAM,QAAc;;CAG5F,IAAM,IAAU,GAAM;AACtB,KAAI,CAAC,EAAS,QAAO,kBAAC,OAAD;EAAK,WAAU;YAA4B;EAAwB,CAAA;CAExF,IAAM,KAA4B,EAAQ,SAAS,EAAE,EAClD,OAAO,CACP,MAAM,GAAoB,MAAuB,EAAE,YAAY,EAAE,UAAU,EACxE,IAAiB,EAAM,QAAQ,MAAM,EAAE,WAAW,eAAe,EAAE,WAAW,OAAO,EACrF,IAAW,EAAM,SAAS,IAAI,KAAK,MAAO,EAAe,SAAS,EAAM,SAAU,IAAI,GAAG,GAEzF,IAAQ,CAAC,GAAG,IAAI,IAAI,EAAM,KAAK,MAAM,EAAE,SAAS,CAAC,OAAO,QAAQ,CAAC,CAAC,EAGlE,IAAoD,EAAE;AAC5D,MAAK,IAAM,KAAQ,GAAO;EACxB,IAAM,IAAO,EAAK,YAAY;AAE9B,EADK,EAAe,OAAO,EAAe,KAAQ,EAAE,GACpD,EAAe,GAAM,KAAK,EAAK;;AAGjC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAK,WAAU,wBAAyB,CAAA,EACxC,kBAAC,MAAD;OAAI,WAAU;iBAA0B,EAAQ;OAAU,CAAA,CACtD;;KACN,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAQ,eAAe;MACtB,CAAA;KACJ,kBAAC,GAAD,EAAiB,QAAQ,EAAS,QAAU,CAAA;KACxC,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAGE,kBAAC,GAAD;OACE,aAAa,EAAQ;OACrB,oBAAoB,EAAQ;OACtB;OACC;OACP,CAAA,EACF,kBAAC,GAAD;OAAsB,WAAW,EAAQ;OAAI,MAAM,EAAQ;OAAQ,CAAA,CAC/D;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OAAO,SAAS,EAAQ,WAAW,YAAY;OAAa,WAAU;iBACnE,EAAQ,WAAW,WAAW;OACzB,CAAA,EACR,kBAAC,GAAD,EAAoB,OAAO,EAAQ,eAAiB,CAAA,CAChD;QACF;OACF;;GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ;KACC;MAAE,OAAO;MAAY,OAAO,GAAG,EAAS;MAAI;KAC5C;MAAE,OAAO;MAAe,OAAO,EAAM;MAAQ;KAC7C;MAAE,OAAO;MAAa,OAAO,EAAe;MAAQ;KACpD;MAAE,OAAO;MAAkB,OAAO,EAAmB,EAAQ,cAAc;MAAE;KAC7E;MAAE,OAAO;MAAc,OAAO,EAAQ,WAAW,WAAW;MAAW;KACxE,CAAC,KAAK,MACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAiC,EAAE;MAAU,CAAA,EAC1D,kBAAC,KAAD;MAAG,WAAU;gBAAoC,EAAE;MAAU,CAAA,CACjD;QACT,EALI,EAAE,MAKN,CACP;IACE,CAAA;GAEN,kBAAC,OAAD;IACE,WAAU;IACV,MAAK;IACL,cAAW;IACX,eAAY;cAGV,CACE;KAAE,KAAK;KAAY,OAAO;KAAY,EACtC;KAAE,KAAK;KAAO,OAAO;KAAsB,CAC5C,CACD,KAAK,MACL,kBAAC,UAAD;KAEE,MAAK;KACL,gBAAc,MAAS,EAAE;KACzB,eAAe,EAAQ,EAAE,IAAI;KAC7B,WAAW,gCAAgC,MAAS,EAAE,MAAM,uCAAuC;eAElG,EAAE;KACI,EAPF,EAAE,IAOA,CACT;IACE,CAAA;GAEL,MAAS,SAAS,kBAAC,GAAD,EAAqB,WAAW,EAAQ,IAAM,CAAA;GAEhE,MAAS,cACR,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD,EAAA,UAAW,qBAA6B,CAAA,EACxC,kBAAC,GAAD;QAAmB,WAAW,EAAQ;QAAW;QAAS,CAAA,CAC/C;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwB;QAAyB,CAAA,EACjE,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAA+B,GAAS,IAAQ;UAC5C;UACN,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,OAAD;QACE,WAAU;QACV,OAAO,EAAE,OAAO,GAAG,EAAS,IAAI;QAChC,CAAA;OACE,CAAA,CACM,EAAA,CAAA,CACT,EAAA,CAAA;MAEN,EAAM,WAAW,KAChB,kBAAC,KAAD;OAAG,WAAU;iBAAb;QAA6F;QACxD,kBAAC,QAAD;SAAM,WAAU;mBAAc;SAAe,CAAA;;QAE9E;;MAEL,OAAO,QAAQ,EAAe,CAAC,KAAK,CAAC,GAAM,OAC1C,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA;OACG;OAAK;OAAG,EAAU;OAAO;OAChB,EAAA,CAAA,EACD,CAAA,EACb,kBAAC,GAAD;OAAa,WAAU;iBACpB,EAAU,KAAK,MACd,kBAAC,OAAD;QAEE,WAAU;kBAFZ,CAIE,kBAAC,OAAD,EAAA,UAAA;SACE,kBAAC,KAAD;UAAG,WAAU;oBAAuB,EAAK;UAAU,CAAA;SAElD,EAAK,wBAAwB,EAAK,qBAAqB,WAAW,KACjE,kBAAC,KAAD;UACE,WAAU;UACV,eAAY;oBAFd;WAIG,EAAK,qBAAqB;WAAS;WACnC,EAAK,qBAAqB,aAAa,IAAI,KAAK;WAAI;WAAG;WACvD,EAAK,qBAAqB;WAAM;WAChC,EAAK,qBAAqB,UAAU,IAAI,KAAK;WAC5C;;SAEL,EAAK,eACJ,kBAAC,KAAD;UAAG,WAAU;oBACV,EAAK,YAAY,SAAS,KACvB,GAAG,EAAK,YAAY,MAAM,GAAG,GAAG,CAAC,KACjC,EAAK;UACP,CAAA;UAEJ,EAAK,aAAa,EAAK,YACvB,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;WAC/B,EAAK,YAAY,IAAI,KAAK,EAAK,UAAU,CAAC,oBAAoB,GAAG;WACjE;WACA,EAAK,UAAU,IAAI,KAAK,EAAK,QAAQ,CAAC,oBAAoB,GAAG;WAC1D;;SAEJ,EAAA,CAAA,EACN,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACG,EAAK,SACJ,kBAAC,OAAD;WACE,WAAU;WACV,OAAO,EAAE,iBAAiB,EAAK,OAAO;WACtC,CAAA;UAEJ,kBAAC,QAAD;WACE,WAAW,+CAA+C,EAAY,EAAK,WAAW;qBAErF,EAAK,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;WACvC,CAAA;UAEP,kBAAC,GAAD;WAAe,UAAU,EAAK;WAAqB,kBAAA;WAAmB,CAAA;UACtE,kBAAC,GAAD;WACE,WAAW,EAAQ;WACnB,QAAQ,EAAK;WACb,WAAW,EAAK;WAChB,CAAA;UACF,kBAAC,GAAD;WAAmB,WAAW,EAAQ;WAAU;WAAa;WAAS,CAAA;UACtE,kBAAC,GAAD;WAAyB,IAAI,EAAK;WAAI,OAAO,EAAK;WAAS,CAAA;UACvD;WACF;UAvDC,EAAK,GAuDN,CACN;OACU,CAAA,CACT,EAAA,EAnEI,EAmEJ,CACP;MACE;QAEN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,WAAmB,CAAA,EACnB,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAqB,CAAA,EAC7D,kBAAC,GAAD,EAAoB,OAAO,EAAQ,eAAiB,CAAA,CAChD;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAY,CAAA,EACpD,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD,EAAY,IAAI,EAAQ,SAAW,CAAA,EAC9B,CAAA,CACH;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAc,CAAA,EACtD,kBAAC,QAAD,EAAA,UAAO,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB,EAAQ,CAAA,CAC3D;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAc,CAAA,EACtD,kBAAC,QAAD,EAAA,UAAO,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB,EAAQ,CAAA,CAC3D;;OACM;QACT,EAAA,CAAA;KACH,CAAA,CACF;;GAKR,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAwB,WAAW,EAAQ,IAAM,CAAA;KAC7C,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAoB,WAAW,EAAQ,IAAM,CAAA,EAC7C,kBAAC,GAAD,EAAsB,WAAW,EAAQ,IAAM,CAAA,CAC3C;OACF;;GACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsProjectDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsProjectDetailPagePage.tsx"],"names":[],"mappings":"AAiIA,wBAAgB,6BAA6B,4CAmkB5C"}
+{"version":3,"file":"ProjectsProjectDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsProjectDetailPagePage.tsx"],"names":[],"mappings":"AAmIA,wBAAgB,6BAA6B,4CAskB5C"}