@burdenoff/microfe-planmagnet 2026.930.23 → 2026.930.24

package/dist/planmagnet/pages/ProductsPrioritizationPagePage.js

@@ -0,0 +1,363 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { enumLabel as n } from "../controls/WorkItemControls.js";
+import { detailPath as r } from "../utils/rowNavigation.js";
+import { ProductSelect as i, RoadmapSelect as a } from "../controls/Pickers.js";
+import { readUrlParam as o, writeUrlParam as s } from "../utils/urlParam.js";
+import { KANO_META as c, KANO_VALUES as l, MOSCOW_META as u, MOSCOW_VALUES as d, QuadrantBadge as f } from "../controls/PrioritizationControls.js";
+import { useState as p } from "react";
+import { Gauge as m, Loader2 as h } from "lucide-react";
+import { gql as g } from "@apollo/client";
+import { useQuery as _ } from "@apollo/client/react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Badge as b, Card as x, CardContent as S, CardHeader as C, CardTitle as w, Tabs as T, TabsContent as E, TabsList as D, TabsTrigger as O } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProductsPrioritizationPagePage.tsx
+var k = "\n  bucket\n  count\n  truncated\n", A = g`
+  query FeaturePrioritizationMatrix($workspaceId: ID!, $productId: ID, $roadmapId: ID) {
+    planmagnetFeaturePrioritizationMatrix(
+      workspaceId: $workspaceId
+      productId: $productId
+      roadmapId: $roadmapId
+    ) {
+      source
+      moscow {
+        method
+        unscored
+        buckets {
+          ${k}
+          featureRequests {
+            id
+            title
+            status
+          }
+        }
+      }
+      kano {
+        method
+        unscored
+        buckets {
+          ${k}
+          featureRequests {
+            id
+            title
+            status
+          }
+        }
+      }
+      valueEffort {
+        method
+        unscored
+        buckets {
+          ${k}
+          featureRequests {
+            id
+            title
+            status
+          }
+        }
+      }
+    }
+  }
+`, j = g`
+  query RoadmapPrioritizationMatrix($workspaceId: ID!, $productId: ID, $roadmapId: ID) {
+    planmagnetRoadmapPrioritizationMatrix(
+      workspaceId: $workspaceId
+      productId: $productId
+      roadmapId: $roadmapId
+    ) {
+      source
+      moscow {
+        method
+        unscored
+        buckets {
+          ${k}
+          roadmapItems {
+            id
+            title
+            status
+            roadmapId
+          }
+        }
+      }
+      kano {
+        method
+        unscored
+        buckets {
+          ${k}
+          roadmapItems {
+            id
+            title
+            status
+            roadmapId
+          }
+        }
+      }
+      valueEffort {
+        method
+        unscored
+        buckets {
+          ${k}
+          roadmapItems {
+            id
+            title
+            status
+            roadmapId
+          }
+        }
+      }
+    }
+  }
+`, M = [["QUICK_WIN", "MAJOR_PROJECT"], ["FILL_IN", "TIME_SINK"]];
+function N(e, t) {
+	return e?.find((e) => e.bucket === t) ?? {
+		bucket: t,
+		count: 0,
+		truncated: !1
+	};
+}
+function P({ header: e, bucket: t, source: i, navigate: a }) {
+	let o = t.featureRequests ?? t.roadmapItems ?? [], s = (e) => i === "FEATURE_REQUEST" ? r("/products/feature-detail-page", e.id) : r("/products/roadmap-detail-page", e.roadmapId);
+	return /* @__PURE__ */ y(x, {
+		"data-testid": "prio-bucket",
+		className: "flex-1 min-w-[220px]",
+		children: [/* @__PURE__ */ v(C, {
+			className: "pb-2",
+			children: /* @__PURE__ */ y("div", {
+				className: "flex items-center justify-between gap-2",
+				children: [e, /* @__PURE__ */ v(b, {
+					variant: "outline",
+					children: t.count
+				})]
+			})
+		}), /* @__PURE__ */ y(S, {
+			className: "space-y-1",
+			children: [
+				o.length === 0 && /* @__PURE__ */ v("p", {
+					className: "text-xs text-muted-foreground",
+					children: "No items"
+				}),
+				/* @__PURE__ */ v("ul", {
+					className: "space-y-1",
+					children: o.map((e) => /* @__PURE__ */ v("li", { children: /* @__PURE__ */ y("button", {
+						type: "button",
+						className: "w-full rounded-md border p-2 text-left text-xs hover:bg-muted",
+						onClick: () => a(s(e)),
+						children: [/* @__PURE__ */ v("span", {
+							className: "block truncate font-medium",
+							children: e.title
+						}), /* @__PURE__ */ v("span", {
+							className: "text-[10px] text-muted-foreground capitalize",
+							children: n(e.status)
+						})]
+					}) }, e.id))
+				}),
+				t.truncated && /* @__PURE__ */ y("p", {
+					className: "pt-1 text-xs text-muted-foreground",
+					children: [
+						"+",
+						Math.max(t.count - o.length, 0),
+						" more"
+					]
+				})
+			]
+		})]
+	});
+}
+function F({ count: e, method: t }) {
+	return e ? /* @__PURE__ */ y("p", {
+		className: "rounded-md border border-dashed p-2 text-xs text-muted-foreground",
+		children: [
+			e,
+			" item",
+			e === 1 ? "" : "s",
+			" not yet scored for ",
+			t,
+			" — set it from the item's edit form to see it grouped here."
+		]
+	}) : null;
+}
+function I() {
+	let { workspaceId: n } = e(), r = t(), [g, b] = p(() => o("source") === "ROADMAP_ITEM" ? "ROADMAP_ITEM" : "FEATURE_REQUEST"), x = (e) => {
+		b(e), s("source", e === "FEATURE_REQUEST" ? null : e);
+	}, [S, C] = p(() => {
+		let e = o("method");
+		return e === "kano" || e === "valueEffort" ? e : "moscow";
+	}), k = (e) => {
+		C(e), s("method", e === "moscow" ? null : e);
+	}, [I, L] = p(""), [R, z] = p(""), B = {
+		workspaceId: n ?? "",
+		productId: I || void 0,
+		roadmapId: R || void 0
+	}, V = _(A, {
+		variables: B,
+		skip: !n || g !== "FEATURE_REQUEST"
+	}), H = _(j, {
+		variables: B,
+		skip: !n || g !== "ROADMAP_ITEM"
+	}), U = g === "FEATURE_REQUEST" ? V.loading : H.loading, W = g === "FEATURE_REQUEST" ? V.error : H.error, G = g === "FEATURE_REQUEST" ? V.data : H.data;
+	if (U && !G) return /* @__PURE__ */ v("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ v(h, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	});
+	if (W) return /* @__PURE__ */ y("div", {
+		className: "p-6 text-destructive",
+		children: ["Failed to load the prioritization matrix: ", W.message]
+	});
+	let K = g === "FEATURE_REQUEST" ? V.data?.planmagnetFeaturePrioritizationMatrix : H.data?.planmagnetRoadmapPrioritizationMatrix;
+	return /* @__PURE__ */ y("div", {
+		className: "space-y-6 p-6",
+		"data-testid": "prio-page",
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ v(m, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
+					className: "text-2xl font-semibold",
+					children: "Prioritization"
+				}), /* @__PURE__ */ v("p", {
+					className: "text-sm text-muted-foreground",
+					children: "MoSCoW, Kano and Value-vs-Effort, over feature requests or roadmap initiatives."
+				})] })]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ v("div", {
+					className: "flex items-center gap-2",
+					role: "group",
+					"aria-label": "Prioritization source",
+					"data-testid": "prio-source",
+					children: ["FEATURE_REQUEST", "ROADMAP_ITEM"].map((e) => /* @__PURE__ */ v("button", {
+						type: "button",
+						"aria-pressed": g === e,
+						onClick: () => x(e),
+						className: `px-3 py-1.5 text-sm rounded-md ${g === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+						children: e === "FEATURE_REQUEST" ? "Feature requests" : "Roadmap initiatives"
+					}, e))
+				}), /* @__PURE__ */ y("div", {
+					className: "flex flex-wrap items-end gap-3",
+					children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+						htmlFor: "prio-product",
+						className: "text-xs text-muted-foreground",
+						children: "Product"
+					}), /* @__PURE__ */ v("div", {
+						className: "mt-1",
+						children: /* @__PURE__ */ v(i, {
+							id: "prio-product",
+							value: I,
+							noneLabel: "All products",
+							onChange: (e) => {
+								L(e), z("");
+							}
+						})
+					})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+						htmlFor: "prio-roadmap",
+						className: "text-xs text-muted-foreground",
+						children: "Roadmap"
+					}), /* @__PURE__ */ v("div", {
+						className: "mt-1",
+						children: /* @__PURE__ */ v(a, {
+							id: "prio-roadmap",
+							value: R,
+							noneLabel: "All roadmaps",
+							productId: I || void 0,
+							onChange: z
+						})
+					})] })]
+				})]
+			}),
+			/* @__PURE__ */ y(T, {
+				value: S,
+				onValueChange: (e) => k(e),
+				children: [
+					/* @__PURE__ */ y(D, { children: [
+						/* @__PURE__ */ v(O, {
+							value: "moscow",
+							"data-testid": "prio-method-moscow",
+							children: "MoSCoW"
+						}),
+						/* @__PURE__ */ v(O, {
+							value: "kano",
+							"data-testid": "prio-method-kano",
+							children: "Kano"
+						}),
+						/* @__PURE__ */ v(O, {
+							value: "valueEffort",
+							"data-testid": "prio-value-effort",
+							children: "Value vs Effort"
+						})
+					] }),
+					/* @__PURE__ */ y(E, {
+						value: "moscow",
+						className: "mt-4 space-y-3",
+						children: [/* @__PURE__ */ v(F, {
+							count: K?.moscow.unscored ?? 0,
+							method: "MoSCoW"
+						}), /* @__PURE__ */ v("div", {
+							className: "flex flex-wrap gap-4",
+							children: d.map((e) => /* @__PURE__ */ v(P, {
+								header: /* @__PURE__ */ v(w, {
+									className: "text-sm",
+									children: u[e].label
+								}),
+								bucket: N(K?.moscow.buckets, e),
+								source: g,
+								navigate: r
+							}, e))
+						})]
+					}),
+					/* @__PURE__ */ y(E, {
+						value: "kano",
+						className: "mt-4 space-y-3",
+						children: [/* @__PURE__ */ v(F, {
+							count: K?.kano.unscored ?? 0,
+							method: "Kano"
+						}), /* @__PURE__ */ v("div", {
+							className: "flex flex-wrap gap-4",
+							children: l.map((e) => /* @__PURE__ */ v(P, {
+								header: /* @__PURE__ */ v(w, {
+									className: "text-sm",
+									children: c[e].label
+								}),
+								bucket: N(K?.kano.buckets, e),
+								source: g,
+								navigate: r
+							}, e))
+						})]
+					}),
+					/* @__PURE__ */ y(E, {
+						value: "valueEffort",
+						className: "mt-4 space-y-3",
+						children: [
+							/* @__PURE__ */ v(F, {
+								count: K?.valueEffort.unscored ?? 0,
+								method: "Value vs Effort"
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "grid grid-cols-1 sm:grid-cols-2 gap-2 text-center text-xs text-muted-foreground",
+								children: [/* @__PURE__ */ v("span", { children: "High value" }), /* @__PURE__ */ v("span", {})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "space-y-4",
+								children: M.map((e, t) => /* @__PURE__ */ v("div", {
+									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+									children: e.map((e) => /* @__PURE__ */ v(P, {
+										header: /* @__PURE__ */ v(f, { quadrant: e }),
+										bucket: N(K?.valueEffort.buckets, e),
+										source: g,
+										navigate: r
+									}, e))
+								}, t))
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "grid grid-cols-1 sm:grid-cols-2 gap-2 text-center text-xs text-muted-foreground",
+								children: [/* @__PURE__ */ v("span", { children: "Low effort" }), /* @__PURE__ */ v("span", { children: "High effort" })]
+							})
+						]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { I as ProductsPrioritizationPagePage };
+
+//# sourceMappingURL=ProductsPrioritizationPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsPrioritizationPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsPrioritizationPagePage.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { useState, type ReactNode } from 'react';\nimport {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { Gauge, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { readUrlParam, writeUrlParam } from '../utils/urlParam';\nimport { ProductSelect, RoadmapSelect } from '../controls/Pickers';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport {\n  KANO_META,\n  KANO_VALUES,\n  MOSCOW_META,\n  MOSCOW_VALUES,\n  QuadrantBadge,\n} from '../controls/PrioritizationControls';\n\n/**\n * Prioritization (PRM-27): MoSCoW, Kano and Value-vs-Effort views over either feature requests or roadmap\n * initiatives, each scoped by an optional product/roadmap. Two distinct queries back this page —\n * `planmagnetFeaturePrioritizationMatrix` / `planmagnetRoadmapPrioritizationMatrix` — because the server gates\n * them on different RBAC resources (`planmagnet-feature` vs `planmagnet-roadmap`); the page fetches whichever\n * one the source toggle selects and skips the other.\n *\n * Every bucket the server returns is already the FULL set for its method (even empty ones, all zero) — the\n * column/cell order below is still driven by this file's own MOSCOW_VALUES/KANO_VALUES/QUADRANT_VALUES so a\n * bucket always renders in the same place even if the server ever changed its own array order.\n */\n\nconst BUCKET_FIELDS = `\n  bucket\n  count\n  truncated\n`;\n\nconst FEATURE_MATRIX = gql`\n  query FeaturePrioritizationMatrix($workspaceId: ID!, $productId: ID, $roadmapId: ID) {\n    planmagnetFeaturePrioritizationMatrix(\n      workspaceId: $workspaceId\n      productId: $productId\n      roadmapId: $roadmapId\n    ) {\n      source\n      moscow {\n        method\n        unscored\n        buckets {\n          ${BUCKET_FIELDS}\n          featureRequests {\n            id\n            title\n            status\n          }\n        }\n      }\n      kano {\n        method\n        unscored\n        buckets {\n          ${BUCKET_FIELDS}\n          featureRequests {\n            id\n            title\n            status\n          }\n        }\n      }\n      valueEffort {\n        method\n        unscored\n        buckets {\n          ${BUCKET_FIELDS}\n          featureRequests {\n            id\n            title\n            status\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst ROADMAP_MATRIX = gql`\n  query RoadmapPrioritizationMatrix($workspaceId: ID!, $productId: ID, $roadmapId: ID) {\n    planmagnetRoadmapPrioritizationMatrix(\n      workspaceId: $workspaceId\n      productId: $productId\n      roadmapId: $roadmapId\n    ) {\n      source\n      moscow {\n        method\n        unscored\n        buckets {\n          ${BUCKET_FIELDS}\n          roadmapItems {\n            id\n            title\n            status\n            roadmapId\n          }\n        }\n      }\n      kano {\n        method\n        unscored\n        buckets {\n          ${BUCKET_FIELDS}\n          roadmapItems {\n            id\n            title\n            status\n            roadmapId\n          }\n        }\n      }\n      valueEffort {\n        method\n        unscored\n        buckets {\n          ${BUCKET_FIELDS}\n          roadmapItems {\n            id\n            title\n            status\n            roadmapId\n          }\n        }\n      }\n    }\n  }\n`;\n\ntype Source = 'FEATURE_REQUEST' | 'ROADMAP_ITEM';\ntype Method = 'moscow' | 'kano' | 'valueEffort';\n\nconst VALUE_EFFORT_GRID: readonly (readonly [string, string])[] = [\n  ['QUICK_WIN', 'MAJOR_PROJECT'],\n  ['FILL_IN', 'TIME_SINK'],\n];\n\n/**\n * One item in a bucket. The two queries below select only one of `featureRequests`/`roadmapItems` each (never\n * both), but both shapes are folded into this single interface — same \"populated only for one branch\" contract\n * the server's own `PlanmagnetPrioritizationBucket` documents — so `BucketCard`/`findBucket` need only one type.\n */\ninterface PrioritizationItem {\n  id: string;\n  title: string;\n  status: string;\n  roadmapId?: string;\n}\n\ninterface PrioritizationBucket {\n  bucket: string;\n  count: number;\n  truncated: boolean;\n  featureRequests?: PrioritizationItem[] | null;\n  roadmapItems?: PrioritizationItem[] | null;\n}\n\ninterface PrioritizationMethodResult {\n  method: string;\n  unscored: number;\n  buckets: PrioritizationBucket[];\n}\n\ninterface PrioritizationMatrix {\n  source: string;\n  moscow: PrioritizationMethodResult;\n  kano: PrioritizationMethodResult;\n  valueEffort: PrioritizationMethodResult;\n}\n\ninterface FeatureMatrixData {\n  planmagnetFeaturePrioritizationMatrix: PrioritizationMatrix;\n}\n\ninterface RoadmapMatrixData {\n  planmagnetRoadmapPrioritizationMatrix: PrioritizationMatrix;\n}\n\nfunction findBucket(\n  buckets: PrioritizationBucket[] | undefined,\n  value: string\n): PrioritizationBucket {\n  return buckets?.find((b) => b.bucket === value) ?? { bucket: value, count: 0, truncated: false };\n}\n\n/** One bucket's items, capped by the server and marked truncated — link each to its own detail page. */\nfunction BucketCard({\n  header,\n  bucket,\n  source,\n  navigate,\n}: {\n  header: ReactNode;\n  bucket: PrioritizationBucket;\n  source: Source;\n  navigate: (path: string) => void;\n}) {\n  const items = bucket.featureRequests ?? bucket.roadmapItems ?? [];\n  const linkFor = (item: { id: string; roadmapId?: string }) =>\n    source === 'FEATURE_REQUEST'\n      ? detailPath('/products/feature-detail-page', item.id)\n      : detailPath('/products/roadmap-detail-page', item.roadmapId);\n\n  return (\n    <Card data-testid=\"prio-bucket\" className=\"flex-1 min-w-[220px]\">\n      <CardHeader className=\"pb-2\">\n        <div className=\"flex items-center justify-between gap-2\">\n          {header}\n          <Badge variant=\"outline\">{bucket.count}</Badge>\n        </div>\n      </CardHeader>\n      <CardContent className=\"space-y-1\">\n        {items.length === 0 && <p className=\"text-xs text-muted-foreground\">No items</p>}\n        <ul className=\"space-y-1\">\n          {items.map((item) => (\n            <li key={item.id}>\n              <button\n                type=\"button\"\n                className=\"w-full rounded-md border p-2 text-left text-xs hover:bg-muted\"\n                onClick={() => navigate(linkFor(item))}\n              >\n                <span className=\"block truncate font-medium\">{item.title}</span>\n                <span className=\"text-[10px] text-muted-foreground capitalize\">\n                  {enumLabel(item.status)}\n                </span>\n              </button>\n            </li>\n          ))}\n        </ul>\n        {bucket.truncated && (\n          <p className=\"pt-1 text-xs text-muted-foreground\">\n            +{Math.max(bucket.count - items.length, 0)} more\n          </p>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n\nfunction UnscoredHint({ count, method }: { count: number; method: string }) {\n  if (!count) return null;\n  return (\n    <p className=\"rounded-md border border-dashed p-2 text-xs text-muted-foreground\">\n      {count} item{count === 1 ? '' : 's'} not yet scored for {method} — set it from the item&apos;s\n      edit form to see it grouped here.\n    </p>\n  );\n}\n\nexport function ProductsPrioritizationPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const [source, setSourceState] = useState<Source>(() =>\n    readUrlParam('source') === 'ROADMAP_ITEM' ? 'ROADMAP_ITEM' : 'FEATURE_REQUEST'\n  );\n  const setSource = (next: Source) => {\n    setSourceState(next);\n    writeUrlParam('source', next === 'FEATURE_REQUEST' ? null : next);\n  };\n\n  const [method, setMethodState] = useState<Method>(() => {\n    const fromUrl = readUrlParam('method');\n    return fromUrl === 'kano' || fromUrl === 'valueEffort' ? fromUrl : 'moscow';\n  });\n  const setMethod = (next: Method) => {\n    setMethodState(next);\n    writeUrlParam('method', next === 'moscow' ? null : next);\n  };\n\n  const [productId, setProductId] = useState('');\n  const [roadmapId, setRoadmapId] = useState('');\n\n  const variables = {\n    workspaceId: workspaceId ?? '',\n    productId: productId || undefined,\n    roadmapId: roadmapId || undefined,\n  };\n  const featureResult = useQuery<FeatureMatrixData>(FEATURE_MATRIX, {\n    variables,\n    skip: !workspaceId || source !== 'FEATURE_REQUEST',\n  });\n  const roadmapResult = useQuery<RoadmapMatrixData>(ROADMAP_MATRIX, {\n    variables,\n    skip: !workspaceId || source !== 'ROADMAP_ITEM',\n  });\n  const loading = source === 'FEATURE_REQUEST' ? featureResult.loading : roadmapResult.loading;\n  const error = source === 'FEATURE_REQUEST' ? featureResult.error : roadmapResult.error;\n  const data = source === 'FEATURE_REQUEST' ? featureResult.data : roadmapResult.data;\n\n  // Only before the first load: a refetch must not blank the page (it\n  // unmounts every component on it and loses their state).\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 (\n      <div className=\"p-6 text-destructive\">\n        Failed to load the prioritization matrix: {error.message}\n      </div>\n    );\n  }\n\n  const matrix: PrioritizationMatrix | undefined =\n    source === 'FEATURE_REQUEST'\n      ? featureResult.data?.planmagnetFeaturePrioritizationMatrix\n      : roadmapResult.data?.planmagnetRoadmapPrioritizationMatrix;\n\n  return (\n    <div className=\"space-y-6 p-6\" data-testid=\"prio-page\">\n      <div className=\"flex items-center gap-2\">\n        <Gauge className=\"h-5 w-5 text-primary\" />\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Prioritization</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            MoSCoW, Kano and Value-vs-Effort, over feature requests or roadmap initiatives.\n          </p>\n        </div>\n      </div>\n\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div\n          className=\"flex items-center gap-2\"\n          role=\"group\"\n          aria-label=\"Prioritization source\"\n          data-testid=\"prio-source\"\n        >\n          {(['FEATURE_REQUEST', 'ROADMAP_ITEM'] as const).map((s) => (\n            <button\n              key={s}\n              type=\"button\"\n              aria-pressed={source === s}\n              onClick={() => setSource(s)}\n              className={`px-3 py-1.5 text-sm rounded-md ${source === s ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n            >\n              {s === 'FEATURE_REQUEST' ? 'Feature requests' : 'Roadmap initiatives'}\n            </button>\n          ))}\n        </div>\n\n        <div className=\"flex flex-wrap items-end gap-3\">\n          <div>\n            <label htmlFor=\"prio-product\" className=\"text-xs text-muted-foreground\">\n              Product\n            </label>\n            <div className=\"mt-1\">\n              <ProductSelect\n                id=\"prio-product\"\n                value={productId}\n                noneLabel=\"All products\"\n                onChange={(next) => {\n                  setProductId(next);\n                  setRoadmapId('');\n                }}\n              />\n            </div>\n          </div>\n          <div>\n            <label htmlFor=\"prio-roadmap\" className=\"text-xs text-muted-foreground\">\n              Roadmap\n            </label>\n            <div className=\"mt-1\">\n              <RoadmapSelect\n                id=\"prio-roadmap\"\n                value={roadmapId}\n                noneLabel=\"All roadmaps\"\n                productId={productId || undefined}\n                onChange={setRoadmapId}\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <Tabs value={method} onValueChange={(next) => setMethod(next as Method)}>\n        <TabsList>\n          <TabsTrigger value=\"moscow\" data-testid=\"prio-method-moscow\">\n            MoSCoW\n          </TabsTrigger>\n          <TabsTrigger value=\"kano\" data-testid=\"prio-method-kano\">\n            Kano\n          </TabsTrigger>\n          <TabsTrigger value=\"valueEffort\" data-testid=\"prio-value-effort\">\n            Value vs Effort\n          </TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"moscow\" className=\"mt-4 space-y-3\">\n          <UnscoredHint count={matrix?.moscow.unscored ?? 0} method=\"MoSCoW\" />\n          <div className=\"flex flex-wrap gap-4\">\n            {MOSCOW_VALUES.map((v) => (\n              <BucketCard\n                key={v}\n                header={<CardTitle className=\"text-sm\">{MOSCOW_META[v].label}</CardTitle>}\n                bucket={findBucket(matrix?.moscow.buckets, v)}\n                source={source}\n                navigate={navigate}\n              />\n            ))}\n          </div>\n        </TabsContent>\n\n        <TabsContent value=\"kano\" className=\"mt-4 space-y-3\">\n          <UnscoredHint count={matrix?.kano.unscored ?? 0} method=\"Kano\" />\n          <div className=\"flex flex-wrap gap-4\">\n            {KANO_VALUES.map((v) => (\n              <BucketCard\n                key={v}\n                header={<CardTitle className=\"text-sm\">{KANO_META[v].label}</CardTitle>}\n                bucket={findBucket(matrix?.kano.buckets, v)}\n                source={source}\n                navigate={navigate}\n              />\n            ))}\n          </div>\n        </TabsContent>\n\n        <TabsContent value=\"valueEffort\" className=\"mt-4 space-y-3\">\n          <UnscoredHint count={matrix?.valueEffort.unscored ?? 0} method=\"Value vs Effort\" />\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-2 text-center text-xs text-muted-foreground\">\n            <span>High value</span>\n            <span />\n          </div>\n          <div className=\"space-y-4\">\n            {VALUE_EFFORT_GRID.map((row, rowIndex) => (\n              <div key={rowIndex} className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                {row.map((v) => (\n                  <BucketCard\n                    key={v}\n                    header={<QuadrantBadge quadrant={v} />}\n                    bucket={findBucket(matrix?.valueEffort.buckets, v)}\n                    source={source}\n                    navigate={navigate}\n                  />\n                ))}\n              </div>\n            ))}\n          </div>\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-2 text-center text-xs text-muted-foreground\">\n            <span>Low effort</span>\n            <span>High effort</span>\n          </div>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsProductDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductDetailPagePage.tsx"],"names":[],"mappings":"AAuGA,wBAAgB,6BAA6B,4CAwK5C"}
+{"version":3,"file":"ProductsProductDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductDetailPagePage.tsx"],"names":[],"mappings":"AAyHA,wBAAgB,6BAA6B,4CAqL5C"}