@burdenoff/microfe-planmagnet 2026.930.23 → 2026.930.25

package/dist/planmagnet/controls/FeatureControls.js

@@ -2,17 +2,19 @@ import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
 import { LEAVES_PAGE_CONTEXT as t, throwOnError as n } from "../utils/mutationResult.js";
 import { ConfirmButton as r, ErrorLine as i } from "./ConfirmButton.js";
 import { enumLabel as a } from "./WorkItemControls.js";
-import { detailPath as o } from "../utils/rowNavigation.js";
-import { ProjectSelect as s, WorkItemSearchSelect as c } from "./Pickers.js";
-import { parseIntField as l } from "../utils/formValidation.js";
-import { useState as u } from "react";
-import { BarChart3 as d, Pencil as f, ThumbsUp 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 { mutationErrorMessage as o } from "../utils/graphqlErrors.js";
+import { detailPath as s } from "../utils/rowNavigation.js";
+import { ProjectSelect as c, WorkItemSearchSelect as l } from "./Pickers.js";
+import { parseIntField as u } from "../utils/formValidation.js";
+import { PrioritizationScoreFields as d, QuadrantBadge as f, kanoLabel as p, moscowLabel as m, prioritizationScoresValid as h } from "./PrioritizationControls.js";
+import { useState as g } from "react";
+import { BarChart3 as _, Pencil as v, ThumbsUp as y, Trash2 as b } from "lucide-react";
+import { gql as x } from "@apollo/client";
+import { useMutation as S } from "@apollo/client/react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Button as E, Card as D, CardContent as O, CardHeader as k, CardTitle as A, Input as j, ResponsiveDialog as M, ResponsiveDialogContent as N, ResponsiveDialogDescription as P, ResponsiveDialogFooter as F, ResponsiveDialogHeader as I, ResponsiveDialogTitle as L, ResponsiveDialogTrigger as R } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/controls/FeatureControls.tsx
-var O = [
+var z = [
 	"SUBMITTED",
 	"UNDER_REVIEW",
 	"PLANNED",
@@ -20,7 +22,7 @@ var O = [
 	"COMPLETED",
 	"DECLINED",
 	"DUPLICATE"
-], k = [
+], B = [
 	"GetFeatureRequest",
 	"ListFeatureRequests",
 	"ListFeatureRequestsForProduct",
@@ -28,17 +30,17 @@ var O = [
 	"ListAllFeaturesAnalytics",
 	"GetFeatureRequestAnalytics",
 	"ReleaseCustomerRequests"
-], A = h`
+], V = x`
   mutation FeatureControlsVote($id: ID!) {
     planmagnetVoteOnFeature(featureRequestId: $id) {
       id
     }
   }
-`, j = h`
+`, H = x`
   mutation FeatureControlsUnvote($id: ID!) {
     planmagnetRemoveFeatureVote(featureRequestId: $id)
   }
-`, M = h`
+`, U = x`
   mutation FeatureControlsUpdate($id: ID!, $input: PlanmagnetUpdateFeatureRequestInput!) {
     planmagnetUpdateFeatureRequest(id: $id, input: $input) {
       id
@@ -49,18 +51,23 @@ var O = [
       effortEstimate
       projectId
       workItemId
+      moscow
+      kano
+      valueScore
+      effortScore
+      valueEffortQuadrant
     }
   }
-`, N = h`
+`, W = x`
   mutation FeatureControlsDelete($id: ID!) {
     planmagnetDeleteFeatureRequest(id: $id)
   }
-`, P = {
-	refetchQueries: k,
+`, G = {
+	refetchQueries: B,
 	awaitRefetchQueries: !0
 };
-function F({ featureId: e, voted: t }) {
-	let [r, a] = g(A, P), [o, s] = g(j, P), [c, l] = u(null), d = a.loading || s.loading, f = async () => {
+function K({ featureId: e, voted: t }) {
+	let [r, a] = S(V, G), [o, s] = S(H, G), [c, l] = g(null), u = a.loading || s.loading, d = async () => {
 		l(null);
 		try {
 			await n((t ? o : r)({ variables: { id: e } }));
@@ -68,84 +75,84 @@ function F({ featureId: e, voted: t }) {
 			l(e instanceof Error ? e.message : "Your vote could not be saved.");
 		}
 	};
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ T("div", {
 		className: "flex flex-col items-end gap-1",
-		children: [/* @__PURE__ */ v(y, {
+		children: [/* @__PURE__ */ T(E, {
 			size: "sm",
 			variant: t ? "default" : "outline",
 			"data-testid": "feature-vote",
 			"aria-pressed": t,
-			disabled: d,
-			onClick: () => void f(),
-			children: [/* @__PURE__ */ _(p, { className: "mr-1 h-4 w-4" }), t ? "Voted" : "Vote"]
-		}), c && /* @__PURE__ */ _(i, { message: c })]
+			disabled: u,
+			onClick: () => void d(),
+			children: [/* @__PURE__ */ w(y, { className: "mr-1 h-4 w-4" }), t ? "Voted" : "Vote"]
+		}), c && /* @__PURE__ */ w(i, { message: c })]
 	});
 }
-function I({ feature: s }) {
-	let c = e(), [l, f] = g(M, P), [p, h] = g(N, {
-		refetchQueries: k.filter((e) => e !== "GetFeatureRequest"),
+function q({ feature: o }) {
+	let c = e(), [l, u] = S(U, G), [d, f] = S(W, {
+		refetchQueries: B.filter((e) => e !== "GetFeatureRequest"),
 		context: t
-	}), [b, x] = u(null), S = f.loading || h.loading, C = O.includes(s.status) ? O : [s.status, ...O], w = async (e) => {
-		x(null);
+	}), [p, m] = g(null), h = u.loading || f.loading, v = z.includes(o.status) ? z : [o.status, ...z], y = async (e) => {
+		m(null);
 		try {
 			await n(l({ variables: {
-				id: s.id,
+				id: o.id,
 				input: { status: e }
 			} }));
 		} catch (e) {
-			x(e instanceof Error ? e.message : "The status could not be changed.");
+			m(e instanceof Error ? e.message : "The status could not be changed.");
 		}
-	}, T = async () => {
-		x(null);
+	}, x = async () => {
+		m(null);
 		try {
-			await n(p({ variables: { id: s.id } })), c("/products/features-page");
+			await n(d({ variables: { id: o.id } })), c("/products/features-page");
 		} catch (e) {
-			x(e instanceof Error ? e.message : "The request could not be deleted.");
+			m(e instanceof Error ? e.message : "The request could not be deleted.");
 		}
 	};
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ T("div", {
 		className: "flex flex-col items-end gap-2",
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ T("div", {
 			className: "flex flex-wrap items-center justify-end gap-2",
 			children: [
-				/* @__PURE__ */ _("select", {
+				/* @__PURE__ */ w("select", {
 					"aria-label": "Status",
 					"data-testid": "feature-status",
 					className: "rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60",
-					value: s.status,
-					disabled: S,
+					value: o.status,
+					disabled: h,
 					onChange: (e) => {
-						e.target.value !== s.status && w(e.target.value);
+						e.target.value !== o.status && y(e.target.value);
 					},
-					children: C.map((e) => /* @__PURE__ */ _("option", {
+					children: v.map((e) => /* @__PURE__ */ w("option", {
 						value: e,
 						children: a(e)
 					}, e))
 				}),
-				/* @__PURE__ */ _(L, { feature: s }),
-				/* @__PURE__ */ v(y, {
+				/* @__PURE__ */ w(J, { feature: o }),
+				/* @__PURE__ */ T(E, {
 					size: "sm",
 					variant: "outline",
 					"data-testid": "feature-analytics",
-					onClick: () => c(o("/products/feature-analytics-page", s.id)),
-					children: [/* @__PURE__ */ _(d, { className: "mr-1 h-4 w-4" }), "Analytics"]
+					onClick: () => c(s("/products/feature-analytics-page", o.id)),
+					children: [/* @__PURE__ */ w(_, { className: "mr-1 h-4 w-4" }), "Analytics"]
 				}),
-				/* @__PURE__ */ _(r, {
+				/* @__PURE__ */ w(r, {
 					label: "Delete",
 					variant: "outline",
-					icon: /* @__PURE__ */ _(m, { className: "mr-1 h-4 w-4" }),
-					title: `Delete "${s.title}"?`,
+					icon: /* @__PURE__ */ w(b, { className: "mr-1 h-4 w-4" }),
+					title: `Delete "${o.title}"?`,
 					description: "The request and its votes are deleted. This cannot be undone here.",
 					confirmLabel: "Delete request",
 					destructive: !0,
-					disabled: S,
-					onConfirm: () => void T()
+					disabled: h,
+					onConfirm: () => void x()
 				})
 			]
-		}), b && /* @__PURE__ */ _(i, { message: b })]
+		}), p && /* @__PURE__ */ w(i, { message: p })]
 	});
 }
-function L({ feature: e }) {
+function J({ feature: e }) {
 	let t = {
 		title: e.title,
 		description: e.description ?? "",
@@ -153,169 +160,332 @@ function L({ feature: e }) {
 		effortEstimate: e.effortEstimate ?? "",
 		projectId: e.projectId ?? "",
 		workItemId: e.workItemId ?? ""
-	}, [r, a] = u(!1), [o, d] = u(t), [p, m] = u(null), [h, O] = g(M, P), k = l(o.businessValue, {
+	}, r = {
+		moscow: e.moscow ?? "",
+		kano: e.kano ?? "",
+		valueScore: e.valueScore == null ? "" : String(e.valueScore),
+		effortScore: e.effortScore == null ? "" : String(e.effortScore)
+	}, [a, s] = g(!1), [p, m] = g(t), [_, y] = g(r), [b, x] = g(null), [C, D] = S(U, G), O = u(p.businessValue, {
 		min: 0,
 		max: 100
-	}), A = o.title.trim() !== "" && !k.invalid && !O.loading, j = async () => {
-		m(null);
-		let r = (e) => e.trim() ? e.trim() : null, i = {
-			title: o.title.trim(),
-			description: r(o.description),
-			businessValue: k.value ?? null,
-			effortEstimate: r(o.effortEstimate),
-			projectId: o.projectId || null,
-			workItemId: o.workItemId || null
-		}, s = {
+	}), k = p.title.trim() !== "" && !O.invalid && h(_) && !D.loading, A = async () => {
+		x(null);
+		let i = (e) => e.trim() ? e.trim() : null, a = u(_.valueScore, {
+			min: 1,
+			max: 10
+		}), c = u(_.effortScore, {
+			min: 1,
+			max: 10
+		}), l = {
+			title: p.title.trim(),
+			description: i(p.description),
+			businessValue: O.value ?? null,
+			effortEstimate: i(p.effortEstimate),
+			projectId: p.projectId || null,
+			workItemId: p.workItemId || null,
+			moscow: _.moscow || null,
+			kano: _.kano || null,
+			valueScore: a.value ?? null,
+			effortScore: c.value ?? null
+		}, d = {
 			title: t.title,
-			description: r(t.description),
+			description: i(t.description),
 			businessValue: t.businessValue === "" ? null : Number(t.businessValue),
-			effortEstimate: r(t.effortEstimate),
+			effortEstimate: i(t.effortEstimate),
 			projectId: t.projectId || null,
-			workItemId: t.workItemId || null
-		}, c = Object.fromEntries(Object.entries(i).filter(([e, t]) => t !== s[e]));
-		if (Object.keys(c).length === 0) {
-			a(!1);
+			workItemId: t.workItemId || null,
+			moscow: r.moscow || null,
+			kano: r.kano || null,
+			valueScore: r.valueScore === "" ? null : Number(r.valueScore),
+			effortScore: r.effortScore === "" ? null : Number(r.effortScore)
+		}, f = Object.fromEntries(Object.entries(l).filter(([e, t]) => t !== d[e]));
+		if (Object.keys(f).length === 0) {
+			s(!1);
 			return;
 		}
 		try {
-			await n(h({ variables: {
+			await n(C({ variables: {
 				id: e.id,
-				input: c
-			} })), a(!1);
+				input: f
+			} })), s(!1);
 		} catch (e) {
-			m(e instanceof Error ? e.message : "The request could not be saved.");
+			x(o(e, "The request could not be saved."));
 		}
-	}, N = "text-sm font-medium";
-	return /* @__PURE__ */ v(x, {
-		open: r,
+	}, z = "text-sm font-medium";
+	return /* @__PURE__ */ T(M, {
+		open: a,
 		onOpenChange: (e) => {
-			a(e), e ? d(t) : m(null);
+			s(e), e ? (m(t), y(r)) : x(null);
 		},
-		children: [/* @__PURE__ */ _(D, {
+		children: [/* @__PURE__ */ w(R, {
 			asChild: !0,
-			children: /* @__PURE__ */ v(y, {
+			children: /* @__PURE__ */ T(E, {
 				size: "sm",
 				variant: "outline",
 				"data-testid": "feature-edit",
-				children: [/* @__PURE__ */ _(f, { className: "mr-1 h-4 w-4" }), "Edit"]
+				children: [/* @__PURE__ */ w(v, { className: "mr-1 h-4 w-4" }), "Edit"]
 			})
-		}), /* @__PURE__ */ v(S, {
+		}), /* @__PURE__ */ T(N, {
 			className: "max-w-lg",
 			children: [
-				/* @__PURE__ */ v(T, { children: [/* @__PURE__ */ _(E, { children: "Edit feature request" }), /* @__PURE__ */ _(C, { children: "Link the request to the work item that delivers it so releases can show who is waiting on it." })] }),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ T(I, { children: [/* @__PURE__ */ w(L, { children: "Edit feature request" }), /* @__PURE__ */ w(P, { children: "Link the request to the work item that delivers it so releases can show who is waiting on it." })] }),
+				/* @__PURE__ */ T("div", {
 					className: "space-y-3",
 					children: [
-						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+						/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 							htmlFor: "feature-edit-title",
-							className: N,
+							className: z,
 							children: "Title"
-						}), /* @__PURE__ */ _(b, {
+						}), /* @__PURE__ */ w(j, {
 							id: "feature-edit-title",
 							className: "mt-1",
-							value: o.title,
-							onChange: (e) => d({
-								...o,
+							value: p.title,
+							onChange: (e) => m({
+								...p,
 								title: e.target.value
 							})
 						})] }),
-						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+						/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 							htmlFor: "feature-edit-description",
-							className: N,
+							className: z,
 							children: "Description"
-						}), /* @__PURE__ */ _("textarea", {
+						}), /* @__PURE__ */ w("textarea", {
 							id: "feature-edit-description",
 							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[72px]",
-							value: o.description,
-							onChange: (e) => d({
-								...o,
+							value: p.description,
+							onChange: (e) => m({
+								...p,
 								description: e.target.value
 							})
 						})] }),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ T("div", {
 							className: "grid grid-cols-2 gap-3",
-							children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+							children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 								htmlFor: "feature-edit-value",
-								className: N,
+								className: z,
 								children: "Business value (0–100)"
-							}), /* @__PURE__ */ _(b, {
+							}), /* @__PURE__ */ w(j, {
 								id: "feature-edit-value",
 								type: "number",
 								min: 0,
 								max: 100,
 								className: "mt-1",
-								value: o.businessValue,
-								"aria-invalid": k.invalid,
-								onChange: (e) => d({
-									...o,
+								value: p.businessValue,
+								"aria-invalid": O.invalid,
+								onChange: (e) => m({
+									...p,
 									businessValue: e.target.value
 								})
-							})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+							})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 								htmlFor: "feature-edit-effort",
-								className: N,
+								className: z,
 								children: "Effort"
-							}), /* @__PURE__ */ _(b, {
+							}), /* @__PURE__ */ w(j, {
 								id: "feature-edit-effort",
 								className: "mt-1",
 								placeholder: "e.g. M",
-								value: o.effortEstimate,
-								onChange: (e) => d({
-									...o,
+								value: p.effortEstimate,
+								onChange: (e) => m({
+									...p,
 									effortEstimate: e.target.value
 								})
 							})] })]
 						}),
-						k.invalid && /* @__PURE__ */ _(i, { message: "Business value is a whole number from 0 to 100." }),
-						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+						O.invalid && /* @__PURE__ */ w(i, { message: "Business value is a whole number from 0 to 100." }),
+						/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 							htmlFor: "feature-edit-project",
-							className: N,
+							className: z,
 							children: "Project"
-						}), /* @__PURE__ */ _("div", {
+						}), /* @__PURE__ */ w("div", {
 							className: "mt-1",
-							children: /* @__PURE__ */ _(s, {
+							children: /* @__PURE__ */ w(c, {
 								id: "feature-edit-project",
-								value: o.projectId,
+								value: p.projectId,
 								noneLabel: "No project",
-								onChange: (e) => d({
-									...o,
+								onChange: (e) => m({
+									...p,
 									projectId: e,
 									workItemId: ""
 								})
 							})
 						})] }),
-						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+						/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 							htmlFor: "feature-edit-workitem",
-							className: N,
+							className: z,
 							children: "Delivered by work item"
-						}), /* @__PURE__ */ _("div", {
+						}), /* @__PURE__ */ w("div", {
 							className: "mt-1",
-							children: /* @__PURE__ */ _(c, {
+							children: /* @__PURE__ */ w(l, {
 								id: "feature-edit-workitem",
-								projectId: o.projectId || void 0,
-								value: o.workItemId,
-								onChange: (e) => d({
-									...o,
+								projectId: p.projectId || void 0,
+								value: p.workItemId,
+								onChange: (e) => m({
+									...p,
 									workItemId: e
 								})
 							})
 						})] }),
-						p && /* @__PURE__ */ _(i, { message: p })
+						/* @__PURE__ */ T("div", {
+							className: "border-t pt-3",
+							children: [
+								/* @__PURE__ */ w("p", {
+									className: z,
+									children: "Prioritization"
+								}),
+								/* @__PURE__ */ T("div", {
+									className: "mt-1 flex items-center gap-2",
+									children: [/* @__PURE__ */ w("span", {
+										className: "text-xs text-muted-foreground",
+										children: "Current quadrant:"
+									}), /* @__PURE__ */ w(f, { quadrant: e.valueEffortQuadrant ?? null })]
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "mt-2",
+									children: /* @__PURE__ */ w(d, {
+										idPrefix: "feature-edit",
+										values: _,
+										onChange: y
+									})
+								})
+							]
+						}),
+						b && /* @__PURE__ */ w(i, { message: b })
 					]
 				}),
-				/* @__PURE__ */ v(w, { children: [/* @__PURE__ */ _(y, {
+				/* @__PURE__ */ T(F, { children: [/* @__PURE__ */ w(E, {
 					variant: "outline",
-					onClick: () => a(!1),
+					onClick: () => s(!1),
 					children: "Cancel"
-				}), /* @__PURE__ */ _(y, {
-					onClick: () => void j(),
-					disabled: !A,
-					children: O.loading ? "Saving…" : "Save"
+				}), /* @__PURE__ */ w(E, {
+					onClick: () => void A(),
+					disabled: !k,
+					children: D.loading ? "Saving…" : "Save"
 				})] })
 			]
 		})]
 	});
 }
+function Y({ feature: e }) {
+	let t = {
+		moscow: e.moscow ?? "",
+		kano: e.kano ?? "",
+		valueScore: e.valueScore == null ? "" : String(e.valueScore),
+		effortScore: e.effortScore == null ? "" : String(e.effortScore)
+	}, [r, a] = g(!1), [s, c] = g(t), [l, _] = g(null), [y, b] = S(U, G), x = () => {
+		c(t), _(null), a(!0);
+	}, j = async () => {
+		_(null);
+		let t = u(s.valueScore, {
+			min: 1,
+			max: 10
+		}), r = u(s.effortScore, {
+			min: 1,
+			max: 10
+		}), i = {
+			moscow: s.moscow || null,
+			kano: s.kano || null,
+			valueScore: t.value ?? null,
+			effortScore: r.value ?? null
+		};
+		try {
+			await n(y({ variables: {
+				id: e.id,
+				input: i
+			} })), a(!1);
+		} catch (e) {
+			_(o(e, "The prioritization could not be saved."));
+		}
+	};
+	return /* @__PURE__ */ T(D, {
+		"data-testid": "feature-prioritization-card",
+		children: [/* @__PURE__ */ T(k, {
+			className: "flex flex-row items-center justify-between gap-2",
+			children: [/* @__PURE__ */ w(A, { children: "Prioritization" }), !r && /* @__PURE__ */ T(E, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": "feature-prioritization-edit",
+				onClick: x,
+				children: [/* @__PURE__ */ w(v, { className: "mr-1 h-4 w-4" }), "Edit"]
+			})]
+		}), /* @__PURE__ */ w(O, {
+			className: "space-y-3",
+			children: r ? /* @__PURE__ */ T(C, { children: [
+				/* @__PURE__ */ w(d, {
+					idPrefix: "feature-prio",
+					values: s,
+					onChange: c
+				}),
+				l && /* @__PURE__ */ w(i, { message: l }),
+				/* @__PURE__ */ T("div", {
+					className: "flex justify-end gap-2",
+					children: [/* @__PURE__ */ w(E, {
+						size: "sm",
+						variant: "outline",
+						onClick: () => a(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ w(E, {
+						size: "sm",
+						"data-testid": "feature-prioritization-save",
+						disabled: b.loading || !h(s),
+						onClick: () => void j(),
+						children: b.loading ? "Saving…" : "Save"
+					})]
+				})
+			] }) : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ T("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ w("span", {
+					className: "text-xs text-muted-foreground",
+					children: "Quadrant:"
+				}), /* @__PURE__ */ w(f, { quadrant: e.valueEffortQuadrant ?? null })]
+			}), /* @__PURE__ */ T("div", {
+				className: "grid grid-cols-2 gap-2 text-sm",
+				children: [
+					/* @__PURE__ */ T("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ w("span", {
+							className: "text-muted-foreground",
+							children: "MoSCoW"
+						}), /* @__PURE__ */ w("span", {
+							className: "font-medium",
+							children: m(e.moscow)
+						})]
+					}),
+					/* @__PURE__ */ T("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ w("span", {
+							className: "text-muted-foreground",
+							children: "Kano"
+						}), /* @__PURE__ */ w("span", {
+							className: "font-medium",
+							children: p(e.kano)
+						})]
+					}),
+					/* @__PURE__ */ T("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ w("span", {
+							className: "text-muted-foreground",
+							children: "Value score"
+						}), /* @__PURE__ */ w("span", {
+							className: "font-medium",
+							children: e.valueScore ?? "Not set"
+						})]
+					}),
+					/* @__PURE__ */ T("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ w("span", {
+							className: "text-muted-foreground",
+							children: "Effort score"
+						}), /* @__PURE__ */ w("span", {
+							className: "font-medium",
+							children: e.effortScore ?? "Not set"
+						})]
+					})
+				]
+			})] })
+		})]
+	});
+}
 //#endregion
-export { I as FeatureHeaderActions, F as FeatureVoteButton };
+export { q as FeatureHeaderActions, Y as FeaturePrioritizationCard, K as FeatureVoteButton };
 
 //# sourceMappingURL=FeatureControls.js.map