@burdenoff/microfe-planmagnet 2026.930.22 → 2026.930.24

package/dist/planmagnet/roadmaps/RoadmapControls.js

@@ -5,42 +5,43 @@ import { enumLabel as a } from "../controls/WorkItemControls.js";
 import { mutationErrorMessage as o } from "../utils/graphqlErrors.js";
 import { detailPath as s } from "../utils/rowNavigation.js";
 import { endBeforeStart as c, parseIntField as l } from "../utils/formValidation.js";
-import { useState as u } from "react";
-import { BarChart3 as d, Pencil as f, Plus as p, Trash2 as m } from "lucide-react";
-import { gql as h } from "@apollo/client";
-import { useMutation as g } from "@apollo/client/react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Button as y, Input as b, ResponsiveDialog as x, ResponsiveDialogContent as S, ResponsiveDialogDescription as C, ResponsiveDialogFooter as w, ResponsiveDialogHeader as T, ResponsiveDialogTitle as E, ResponsiveDialogTrigger as D } from "@burdenoff/fe-libs/ui";
+import { PrioritizationScoreFields as u, QuadrantBadge as d, prioritizationScoresValid as f } from "../controls/PrioritizationControls.js";
+import { useState as p } from "react";
+import { BarChart3 as m, Pencil as h, Plus as g, Trash2 as _ } from "lucide-react";
+import { gql as v } from "@apollo/client";
+import { useMutation as y } from "@apollo/client/react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Button as S, Input as C, ResponsiveDialog as w, ResponsiveDialogContent as T, ResponsiveDialogDescription as E, ResponsiveDialogFooter as D, ResponsiveDialogHeader as O, ResponsiveDialogTitle as k, ResponsiveDialogTrigger as A } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/roadmaps/RoadmapControls.tsx
-var O = [
+var j = [
 	"PLANNED",
 	"IN_PROGRESS",
 	"AT_RISK",
 	"DELAYED",
 	"COMPLETED",
 	"CANCELLED"
-], k = [
+], M = [
 	"NOW",
 	"NEXT",
 	"LATER"
-], A = [
+], N = [
 	"LOW",
 	"MEDIUM",
 	"HIGH"
-], j = [
+], P = [
 	"GetRoadmapDetailPage",
 	"GetRoadmapDetail",
 	"ListRoadmapsPage",
 	"ListRoadmaps",
 	"GetRoadmapAnalytics",
 	"RoadmapNowNextLaterItems"
-], M = h`
+], F = v`
   mutation RoadmapControlsCreateItem($input: PlanmagnetCreateRoadmapItemInput!) {
     planmagnetCreateRoadmapItem(input: $input) {
       id
     }
   }
-`, N = h`
+`, I = v`
   mutation RoadmapControlsUpdateItem($id: ID!, $input: PlanmagnetUpdateRoadmapItemInput!) {
     planmagnetUpdateRoadmapItem(id: $id, input: $input) {
       id
@@ -54,304 +55,354 @@ var O = [
       confidence
       riskLevel
       riskNote
+      moscow
+      kano
+      valueScore
+      effortScore
+      valueEffortQuadrant
     }
   }
-`, P = h`
+`, L = v`
   mutation RoadmapControlsDeleteItem($id: ID!) {
     planmagnetDeleteRoadmapItem(id: $id)
   }
-`, F = h`
+`, R = v`
   mutation RoadmapControlsDelete($id: ID!) {
     planmagnetDeleteRoadmap(id: $id)
   }
-`, I = (e) => e ? e.slice(0, 10) : "";
-function L({ roadmapId: e, item: t, lanes: r }) {
+`, z = (e) => e ? e.slice(0, 10) : "";
+function B({ roadmapId: e, item: t, lanes: r }) {
 	let s = {
 		title: t?.title ?? "",
 		description: t?.description ?? "",
 		status: t?.status ?? "PLANNED",
 		swimlane: t?.swimlane ?? "",
-		startDate: I(t?.startDate),
-		endDate: I(t?.endDate),
+		startDate: z(t?.startDate),
+		endDate: z(t?.endDate),
 		horizon: t?.horizon ?? "",
 		confidence: t?.confidence == null ? "" : String(t.confidence),
 		riskLevel: t?.riskLevel ?? "",
 		riskNote: t?.riskNote ?? ""
-	}, [d, m] = u(!1), [h, P] = u(s), [F, L] = u(null), R = {
-		refetchQueries: j,
+	}, m = {
+		moscow: t?.moscow ?? "",
+		kano: t?.kano ?? "",
+		valueScore: t?.valueScore == null ? "" : String(t.valueScore),
+		effortScore: t?.effortScore == null ? "" : String(t.effortScore)
+	}, [_, v] = p(!1), [L, R] = p(s), [B, V] = p(m), [H, U] = p(null), W = {
+		refetchQueries: P,
 		awaitRefetchQueries: !0
-	}, [z, B] = g(M, R), [V, H] = g(N, R), U = B.loading || H.loading, W = c(h.startDate, h.endDate), G = l(h.confidence, {
+	}, [G, K] = y(F, W), [q, J] = y(I, W), Y = K.loading || J.loading, X = c(L.startDate, L.endDate), Z = l(L.confidence, {
 		min: 0,
 		max: 100
-	}), K = h.title.trim() !== "" && !W && !G.invalid && !U, q = O.includes(h.status) ? O : [h.status, ...O], J = k.includes(h.horizon) ? k : h.horizon ? [h.horizon, ...k] : k, Y = A.includes(h.riskLevel) ? A : h.riskLevel ? [h.riskLevel, ...A] : A, X = t ? `roadmap-item-${t.id}` : "roadmap-item-new", Z = async () => {
-		L(null);
+	}), ee = L.title.trim() !== "" && !X && !Z.invalid && f(B) && !Y, te = j.includes(L.status) ? j : [L.status, ...j], ne = M.includes(L.horizon) ? M : L.horizon ? [L.horizon, ...M] : M, re = N.includes(L.riskLevel) ? N : L.riskLevel ? [L.riskLevel, ...N] : N, Q = t ? `roadmap-item-${t.id}` : "roadmap-item-new", ie = async () => {
+		U(null);
 		let r = {
-			title: h.title.trim(),
-			description: h.description.trim() || null,
-			status: h.status,
-			swimlane: h.swimlane.trim() || null
-		};
+			title: L.title.trim(),
+			description: L.description.trim() || null,
+			status: L.status,
+			swimlane: L.swimlane.trim() || null
+		}, i = l(B.valueScore, {
+			min: 1,
+			max: 10
+		}), a = l(B.effortScore, {
+			min: 1,
+			max: 10
+		});
 		try {
 			if (t) {
 				let e = {
-					...h.startDate !== s.startDate && { startDate: h.startDate || null },
-					...h.endDate !== s.endDate && { endDate: h.endDate || null }
-				}, i = {
-					...h.horizon !== s.horizon && { horizon: h.horizon || null },
-					...h.confidence !== s.confidence && { confidence: G.value ?? null },
-					...h.riskLevel !== s.riskLevel && { riskLevel: h.riskLevel || null },
-					...h.riskNote.trim() !== s.riskNote.trim() && { riskNote: h.riskNote.trim() || null }
+					...L.startDate !== s.startDate && { startDate: L.startDate || null },
+					...L.endDate !== s.endDate && { endDate: L.endDate || null }
+				}, o = {
+					...L.horizon !== s.horizon && { horizon: L.horizon || null },
+					...L.confidence !== s.confidence && { confidence: Z.value ?? null },
+					...L.riskLevel !== s.riskLevel && { riskLevel: L.riskLevel || null },
+					...L.riskNote.trim() !== s.riskNote.trim() && { riskNote: L.riskNote.trim() || null }
+				}, c = {
+					...B.moscow !== m.moscow && { moscow: B.moscow || null },
+					...B.kano !== m.kano && { kano: B.kano || null },
+					...B.valueScore !== m.valueScore && { valueScore: i.value ?? null },
+					...B.effortScore !== m.effortScore && { effortScore: a.value ?? null }
 				};
-				await n(V({ variables: {
+				await n(q({ variables: {
 					id: t.id,
 					input: {
 						...r,
 						...e,
-						...i
+						...o,
+						...c
 					}
 				} }));
-			} else await n(z({ variables: { input: {
+			} else await n(G({ variables: { input: {
 				roadmapId: e,
 				...r,
-				startDate: h.startDate || void 0,
-				endDate: h.endDate || void 0,
-				horizon: h.horizon || void 0,
-				confidence: G.value,
-				riskLevel: h.riskLevel || void 0,
-				riskNote: h.riskNote.trim() || void 0
-			} } })), P(s);
-			m(!1);
+				startDate: L.startDate || void 0,
+				endDate: L.endDate || void 0,
+				horizon: L.horizon || void 0,
+				confidence: Z.value,
+				riskLevel: L.riskLevel || void 0,
+				riskNote: L.riskNote.trim() || void 0,
+				moscow: B.moscow || void 0,
+				kano: B.kano || void 0,
+				valueScore: i.value,
+				effortScore: a.value
+			} } })), R(s), V(m);
+			v(!1);
 		} catch (e) {
-			L(o(e, "The item could not be saved."));
+			U(o(e, "The item could not be saved."));
 		}
-	}, Q = "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm";
-	return /* @__PURE__ */ v(x, {
-		open: d,
+	}, $ = "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm";
+	return /* @__PURE__ */ x(w, {
+		open: _,
 		onOpenChange: (e) => {
-			m(e), e ? P(s) : L(null);
+			v(e), e ? (R(s), V(m)) : U(null);
 		},
-		children: [/* @__PURE__ */ _(D, {
+		children: [/* @__PURE__ */ b(A, {
 			asChild: !0,
-			children: t ? /* @__PURE__ */ _(y, {
+			children: t ? /* @__PURE__ */ b(S, {
 				size: "sm",
 				variant: "ghost",
 				"aria-label": `Edit ${t.title}`,
-				children: /* @__PURE__ */ _(f, { className: "h-4 w-4" })
-			}) : /* @__PURE__ */ v(y, {
+				children: /* @__PURE__ */ b(h, { className: "h-4 w-4" })
+			}) : /* @__PURE__ */ x(S, {
 				size: "sm",
 				"data-testid": "roadmap-add-item",
-				children: [/* @__PURE__ */ _(p, { className: "mr-1 h-4 w-4" }), "Add item"]
+				children: [/* @__PURE__ */ b(g, { className: "mr-1 h-4 w-4" }), "Add item"]
 			})
-		}), /* @__PURE__ */ v(S, {
+		}), /* @__PURE__ */ x(T, {
 			className: "max-w-lg",
 			children: [
-				/* @__PURE__ */ v(T, { children: [/* @__PURE__ */ _(E, { children: t ? "Edit roadmap item" : "Add roadmap item" }), /* @__PURE__ */ _(C, { children: "Items in the same swimlane are grouped together on the roadmap." })] }),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ x(O, { children: [/* @__PURE__ */ b(k, { children: t ? "Edit roadmap item" : "Add roadmap item" }), /* @__PURE__ */ b(E, { children: "Items in the same swimlane are grouped together on the roadmap." })] }),
+				/* @__PURE__ */ x("div", {
 					className: "space-y-3",
 					children: [
-						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-							htmlFor: `${X}-title`,
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+							htmlFor: `${Q}-title`,
 							className: "text-sm font-medium",
 							children: "Title"
-						}), /* @__PURE__ */ _(b, {
-							id: `${X}-title`,
+						}), /* @__PURE__ */ b(C, {
+							id: `${Q}-title`,
 							className: "mt-1",
-							value: h.title,
-							onChange: (e) => P({
-								...h,
+							value: L.title,
+							onChange: (e) => R({
+								...L,
 								title: e.target.value
 							})
 						})] }),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ x("div", {
 							className: "grid grid-cols-2 gap-3",
-							children: [/* @__PURE__ */ v("div", { children: [
-								/* @__PURE__ */ _("label", {
-									htmlFor: `${X}-lane`,
+							children: [/* @__PURE__ */ x("div", { children: [
+								/* @__PURE__ */ b("label", {
+									htmlFor: `${Q}-lane`,
 									className: "text-sm font-medium",
 									children: "Swimlane"
 								}),
-								/* @__PURE__ */ _(b, {
-									id: `${X}-lane`,
+								/* @__PURE__ */ b(C, {
+									id: `${Q}-lane`,
 									className: "mt-1",
-									list: `${X}-lanes`,
+									list: `${Q}-lanes`,
 									placeholder: "e.g. Q4",
-									value: h.swimlane,
-									onChange: (e) => P({
-										...h,
+									value: L.swimlane,
+									onChange: (e) => R({
+										...L,
 										swimlane: e.target.value
 									})
 								}),
-								/* @__PURE__ */ _("datalist", {
-									id: `${X}-lanes`,
-									children: r.map((e) => /* @__PURE__ */ _("option", { value: e }, e))
+								/* @__PURE__ */ b("datalist", {
+									id: `${Q}-lanes`,
+									children: r.map((e) => /* @__PURE__ */ b("option", { value: e }, e))
 								})
-							] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-								htmlFor: `${X}-status`,
+							] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+								htmlFor: `${Q}-status`,
 								className: "text-sm font-medium",
 								children: "Status"
-							}), /* @__PURE__ */ _("select", {
-								id: `${X}-status`,
-								className: Q,
-								value: h.status,
-								onChange: (e) => P({
-									...h,
+							}), /* @__PURE__ */ b("select", {
+								id: `${Q}-status`,
+								className: $,
+								value: L.status,
+								onChange: (e) => R({
+									...L,
 									status: e.target.value
 								}),
-								children: q.map((e) => /* @__PURE__ */ _("option", {
+								children: te.map((e) => /* @__PURE__ */ b("option", {
 									value: e,
 									children: a(e)
 								}, e))
 							})] })]
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ x("div", {
 							className: "grid grid-cols-2 gap-3",
-							children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-								htmlFor: `${X}-start`,
+							children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+								htmlFor: `${Q}-start`,
 								className: "text-sm font-medium",
 								children: "Start date"
-							}), /* @__PURE__ */ _(b, {
-								id: `${X}-start`,
+							}), /* @__PURE__ */ b(C, {
+								id: `${Q}-start`,
 								type: "date",
 								className: "mt-1",
-								value: h.startDate,
-								max: h.endDate || void 0,
-								onChange: (e) => P({
-									...h,
+								value: L.startDate,
+								max: L.endDate || void 0,
+								onChange: (e) => R({
+									...L,
 									startDate: e.target.value
 								})
-							})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-								htmlFor: `${X}-end`,
+							})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+								htmlFor: `${Q}-end`,
 								className: "text-sm font-medium",
 								children: "End date"
-							}), /* @__PURE__ */ _(b, {
-								id: `${X}-end`,
+							}), /* @__PURE__ */ b(C, {
+								id: `${Q}-end`,
 								type: "date",
 								className: "mt-1",
-								value: h.endDate,
-								min: h.startDate || void 0,
-								onChange: (e) => P({
-									...h,
+								value: L.endDate,
+								min: L.startDate || void 0,
+								onChange: (e) => R({
+									...L,
 									endDate: e.target.value
 								})
 							})] })]
 						}),
-						W && /* @__PURE__ */ _(i, { message: "The end date is before the start date." }),
-						/* @__PURE__ */ v("div", {
+						X && /* @__PURE__ */ b(i, { message: "The end date is before the start date." }),
+						/* @__PURE__ */ x("div", {
 							className: "grid grid-cols-2 gap-3",
-							children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-								htmlFor: `${X}-horizon`,
+							children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+								htmlFor: `${Q}-horizon`,
 								className: "text-sm font-medium",
 								children: "Horizon"
-							}), /* @__PURE__ */ v("select", {
-								id: `${X}-horizon`,
+							}), /* @__PURE__ */ x("select", {
+								id: `${Q}-horizon`,
 								"data-testid": "roadmap-item-horizon",
-								className: Q,
-								value: h.horizon,
-								onChange: (e) => P({
-									...h,
+								className: $,
+								value: L.horizon,
+								onChange: (e) => R({
+									...L,
 									horizon: e.target.value
 								}),
-								children: [/* @__PURE__ */ _("option", {
+								children: [/* @__PURE__ */ b("option", {
 									value: "",
 									children: "Not placed"
-								}), J.map((e) => /* @__PURE__ */ _("option", {
+								}), ne.map((e) => /* @__PURE__ */ b("option", {
 									value: e,
 									children: a(e)
 								}, e))]
-							})] }), /* @__PURE__ */ v("div", { children: [
-								/* @__PURE__ */ _("label", {
-									htmlFor: `${X}-confidence`,
+							})] }), /* @__PURE__ */ x("div", { children: [
+								/* @__PURE__ */ b("label", {
+									htmlFor: `${Q}-confidence`,
 									className: "text-sm font-medium",
 									children: "Confidence (0-100)"
 								}),
-								/* @__PURE__ */ _(b, {
-									id: `${X}-confidence`,
+								/* @__PURE__ */ b(C, {
+									id: `${Q}-confidence`,
 									"data-testid": "roadmap-item-confidence",
 									type: "number",
 									inputMode: "numeric",
 									min: 0,
 									max: 100,
 									className: "mt-1",
-									value: h.confidence,
-									onChange: (e) => P({
-										...h,
+									value: L.confidence,
+									onChange: (e) => R({
+										...L,
 										confidence: e.target.value
 									})
 								}),
-								G.invalid && /* @__PURE__ */ _(i, { message: "Confidence must be a whole number from 0 to 100." })
+								Z.invalid && /* @__PURE__ */ b(i, { message: "Confidence must be a whole number from 0 to 100." })
 							] })]
 						}),
-						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-							htmlFor: `${X}-risk-level`,
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+							htmlFor: `${Q}-risk-level`,
 							className: "text-sm font-medium",
 							children: "Risk level"
-						}), /* @__PURE__ */ v("select", {
-							id: `${X}-risk-level`,
+						}), /* @__PURE__ */ x("select", {
+							id: `${Q}-risk-level`,
 							"data-testid": "roadmap-item-risk-level",
-							className: Q,
-							value: h.riskLevel,
-							onChange: (e) => P({
-								...h,
+							className: $,
+							value: L.riskLevel,
+							onChange: (e) => R({
+								...L,
 								riskLevel: e.target.value
 							}),
-							children: [/* @__PURE__ */ _("option", {
+							children: [/* @__PURE__ */ b("option", {
 								value: "",
 								children: "None"
-							}), Y.map((e) => /* @__PURE__ */ _("option", {
+							}), re.map((e) => /* @__PURE__ */ b("option", {
 								value: e,
 								children: a(e)
 							}, e))]
 						})] }),
-						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-							htmlFor: `${X}-risk-note`,
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+							htmlFor: `${Q}-risk-note`,
 							className: "text-sm font-medium",
 							children: "Risk note"
-						}), /* @__PURE__ */ _("textarea", {
-							id: `${X}-risk-note`,
+						}), /* @__PURE__ */ b("textarea", {
+							id: `${Q}-risk-note`,
 							"data-testid": "roadmap-item-risk-note",
-							className: `${Q} min-h-[56px]`,
+							className: `${$} min-h-[56px]`,
 							maxLength: 1e3,
 							placeholder: "Why this item is risky, and what would reduce it",
-							value: h.riskNote,
-							onChange: (e) => P({
-								...h,
+							value: L.riskNote,
+							onChange: (e) => R({
+								...L,
 								riskNote: e.target.value
 							})
 						})] }),
-						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-							htmlFor: `${X}-description`,
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+							htmlFor: `${Q}-description`,
 							className: "text-sm font-medium",
 							children: "Description"
-						}), /* @__PURE__ */ _("textarea", {
-							id: `${X}-description`,
-							className: `${Q} min-h-[72px]`,
-							value: h.description,
-							onChange: (e) => P({
-								...h,
+						}), /* @__PURE__ */ b("textarea", {
+							id: `${Q}-description`,
+							className: `${$} min-h-[72px]`,
+							value: L.description,
+							onChange: (e) => R({
+								...L,
 								description: e.target.value
 							})
 						})] }),
-						F && /* @__PURE__ */ _(i, { message: F })
+						/* @__PURE__ */ x("div", {
+							className: "border-t pt-3",
+							children: [
+								/* @__PURE__ */ b("p", {
+									className: "text-sm font-medium",
+									children: "Prioritization"
+								}),
+								t && /* @__PURE__ */ x("div", {
+									className: "mt-1 flex items-center gap-2",
+									children: [/* @__PURE__ */ b("span", {
+										className: "text-xs text-muted-foreground",
+										children: "Current quadrant:"
+									}), /* @__PURE__ */ b(d, { quadrant: t.valueEffortQuadrant ?? null })]
+								}),
+								/* @__PURE__ */ b("div", {
+									className: "mt-2",
+									children: /* @__PURE__ */ b(u, {
+										idPrefix: Q,
+										values: B,
+										onChange: V
+									})
+								})
+							]
+						}),
+						H && /* @__PURE__ */ b(i, { message: H })
 					]
 				}),
-				/* @__PURE__ */ v(w, { children: [/* @__PURE__ */ _(y, {
+				/* @__PURE__ */ x(D, { children: [/* @__PURE__ */ b(S, {
 					variant: "outline",
-					onClick: () => m(!1),
+					onClick: () => v(!1),
 					children: "Cancel"
-				}), /* @__PURE__ */ _(y, {
-					onClick: () => void Z(),
-					disabled: !K,
-					children: U ? "Saving…" : t ? "Save item" : "Add item"
+				}), /* @__PURE__ */ b(S, {
+					onClick: () => void ie(),
+					disabled: !ee,
+					children: Y ? "Saving…" : t ? "Save item" : "Add item"
 				})] })
 			]
 		})]
 	});
 }
-function R({ id: e, title: t }) {
-	let [a, o] = g(P, {
-		refetchQueries: j,
+function V({ id: e, title: t }) {
+	let [a, o] = y(L, {
+		refetchQueries: P,
 		awaitRefetchQueries: !0
-	}), [s, c] = u(null), l = async () => {
+	}), [s, c] = p(null), l = async () => {
 		c(null);
 		try {
 			await n(a({ variables: { id: e } }));
@@ -359,69 +410,69 @@ function R({ id: e, title: t }) {
 			c(e instanceof Error ? e.message : "The item could not be removed.");
 		}
 	};
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "flex flex-col items-end",
-		children: [/* @__PURE__ */ _(r, {
+		children: [/* @__PURE__ */ b(r, {
 			label: "",
 			ariaLabel: `Remove ${t}`,
 			variant: "outline",
-			icon: /* @__PURE__ */ _(m, { className: "h-4 w-4" }),
+			icon: /* @__PURE__ */ b(_, { className: "h-4 w-4" }),
 			title: `Remove "${t}" from the roadmap?`,
 			description: "The item is removed from this roadmap. This cannot be undone here.",
 			confirmLabel: "Remove item",
 			destructive: !0,
 			disabled: o.loading,
 			onConfirm: () => void l()
-		}), s && /* @__PURE__ */ _(i, { message: s })]
+		}), s && /* @__PURE__ */ b(i, { message: s })]
 	});
 }
-function z({ roadmapId: a, name: o }) {
-	let c = e(), [l, p] = g(F, {
+function H({ roadmapId: a, name: o }) {
+	let c = e(), [l, u] = y(R, {
 		refetchQueries: ["ListRoadmapsPage", "ListRoadmaps"],
 		context: t
-	}), [h, b] = u(null), x = async () => {
-		b(null);
+	}), [d, f] = p(null), g = async () => {
+		f(null);
 		try {
 			await n(l({ variables: { id: a } })), c("/products/roadmaps-page");
 		} catch (e) {
-			b(e instanceof Error ? e.message : "The roadmap could not be deleted.");
+			f(e instanceof Error ? e.message : "The roadmap could not be deleted.");
 		}
 	};
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "flex flex-col items-end gap-2",
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ x("div", {
 			className: "flex gap-2",
 			children: [
-				/* @__PURE__ */ v(y, {
+				/* @__PURE__ */ x(S, {
 					size: "sm",
 					variant: "outline",
 					"data-testid": "roadmap-edit",
 					onClick: () => c(s("/products/edit-roadmap-page", a)),
-					children: [/* @__PURE__ */ _(f, { className: "mr-1 h-4 w-4" }), "Edit"]
+					children: [/* @__PURE__ */ b(h, { className: "mr-1 h-4 w-4" }), "Edit"]
 				}),
-				/* @__PURE__ */ v(y, {
+				/* @__PURE__ */ x(S, {
 					size: "sm",
 					variant: "outline",
 					"data-testid": "roadmap-analytics",
 					onClick: () => c(s("/products/roadmap-analytics-page", a)),
-					children: [/* @__PURE__ */ _(d, { className: "mr-1 h-4 w-4" }), "Analytics"]
+					children: [/* @__PURE__ */ b(m, { className: "mr-1 h-4 w-4" }), "Analytics"]
 				}),
-				/* @__PURE__ */ _(r, {
+				/* @__PURE__ */ b(r, {
 					label: "Delete",
 					variant: "outline",
-					icon: /* @__PURE__ */ _(m, { className: "mr-1 h-4 w-4" }),
+					icon: /* @__PURE__ */ b(_, { className: "mr-1 h-4 w-4" }),
 					title: `Delete ${o}?`,
 					description: "The roadmap and its items are deleted. This cannot be undone here.",
 					confirmLabel: "Delete roadmap",
 					destructive: !0,
-					disabled: p.loading,
-					onConfirm: () => void x()
+					disabled: u.loading,
+					onConfirm: () => void g()
 				})
 			]
-		}), h && /* @__PURE__ */ _(i, { message: h })]
+		}), d && /* @__PURE__ */ b(i, { message: d })]
 	});
 }
 //#endregion
-export { R as RemoveRoadmapItemButton, z as RoadmapHeaderActions, L as RoadmapItemDialog };
+export { V as RemoveRoadmapItemButton, H as RoadmapHeaderActions, B as RoadmapItemDialog };
 
 //# sourceMappingURL=RoadmapControls.js.map