npm - @burdenoff/microfe-planmagnet - Versions diffs - 2026.930.22 → 2026.930.24 - Mend

@burdenoff/microfe-planmagnet 2026.930.22 → 2026.930.24

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

Files changed (68) hide show

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

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

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

	@@ -1 +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';\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 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 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 <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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"}
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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"}

package/dist/planmagnet/pages/analytics/StatusFlowCard.js CHANGED Viewed

@@ -68,7 +68,10 @@ function C({ x: e, y: t, width: n, height: r, payload: i }) {
 		width: n,
 		height: r,
 		rx: 2,
-		className: `${o.fill} ${o.stroke}`,
+		style: {
+			fill: o.color,
+			stroke: o.color
+		},
 		strokeWidth: 1
 	}), /* @__PURE__ */ d("text", {
 		x: s ? e - 6 : e + n + 6,
@@ -83,7 +86,7 @@ function w({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourceControlX: i,
 	let l = a(c.source.status);
 	return /* @__PURE__ */ d("path", {
 		d: `M${e},${t} C${i},${t} ${o},${r} ${n},${r}`,
-		className: l.stroke,
+		style: { stroke: l.color },
 		strokeWidth: Math.max(s, 1),
 		strokeOpacity: .45,
 		fill: "none"