@burdenoff/microfe-planmagnet 2026.927.3 → 2026.927.4

package/dist/planmagnet/controls/FeatureControls.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Feature request controls (BOFF-7951/7963). Feature requests were read-only: no vote, no status change after
+ * creation, no edit or delete — so every UI-created request stayed at 0 votes and its creation status, and the
+ * Declined/Duplicate tabs could only ever be empty.
+ */
+export declare const FEATURE_STATUSES: readonly ["SUBMITTED", "UNDER_REVIEW", "PLANNED", "IN_PROGRESS", "COMPLETED", "DECLINED", "DUPLICATE"];
+/** Vote for a request, or take your vote back. */
+export declare function FeatureVoteButton({ featureId, voted }: {
+    featureId: string;
+    voted: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export interface FeatureValues {
+    id: string;
+    title: string;
+    description: string | null;
+    status: string;
+    businessValue: number | null;
+    effortEstimate: string | null;
+    projectId: string | null;
+    workItemId: string | null;
+}
+/** Status select, Edit and Delete for the feature detail header. */
+export declare function FeatureHeaderActions({ feature }: {
+    feature: FeatureValues;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FeatureControls.d.ts.map

package/dist/planmagnet/controls/FeatureControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/FeatureControls.tsx"],"names":[],"mappings":"AAuBA;;;;GAIG;AAEH,eAAO,MAAM,gBAAgB,wGAQnB,CAAC;AA+CX,kDAAkD;AAClD,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,2CA6B5F;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,oEAAoE;AACpE,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,aAAa,CAAA;CAAE,2CA2E3E"}

package/dist/planmagnet/controls/FeatureControls.js

@@ -0,0 +1,318 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+import { throwOnError as t } from "../utils/mutationResult.js";
+import { ProjectSelect as n, WorkItemSearchSelect as r } from "./Pickers.js";
+import { ConfirmButton as i, ErrorLine as a } from "./ConfirmButton.js";
+import { parseIntField as o } from "../utils/formValidation.js";
+import { enumLabel as s } from "./WorkItemControls.js";
+import { detailPath as c } from "../utils/rowNavigation.js";
+import { useState as l } from "react";
+import { BarChart3 as u, Pencil as d, ThumbsUp as f, Trash2 as p } from "lucide-react";
+import { gql as m } from "@apollo/client";
+import { useMutation as h } from "@apollo/client/react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Button as v, Input as y, ResponsiveDialog as b, ResponsiveDialogContent as x, ResponsiveDialogDescription as S, ResponsiveDialogFooter as C, ResponsiveDialogHeader as w, ResponsiveDialogTitle as T, ResponsiveDialogTrigger as E } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/controls/FeatureControls.tsx
+var D = [
+	"SUBMITTED",
+	"UNDER_REVIEW",
+	"PLANNED",
+	"IN_PROGRESS",
+	"COMPLETED",
+	"DECLINED",
+	"DUPLICATE"
+], O = [
+	"GetFeatureRequest",
+	"ListFeatureRequests",
+	"ListFeatureRequestsForProduct",
+	"ListFeatureRequestsForProducts",
+	"ListAllFeaturesAnalytics",
+	"GetFeatureRequestAnalytics",
+	"ReleaseCustomerRequests"
+], k = m`
+  mutation FeatureControlsVote($id: ID!) {
+    planmagnetVoteOnFeature(featureRequestId: $id) {
+      id
+    }
+  }
+`, A = m`
+  mutation FeatureControlsUnvote($id: ID!) {
+    planmagnetRemoveFeatureVote(featureRequestId: $id)
+  }
+`, j = m`
+  mutation FeatureControlsUpdate($id: ID!, $input: PlanmagnetUpdateFeatureRequestInput!) {
+    planmagnetUpdateFeatureRequest(id: $id, input: $input) {
+      id
+      title
+      description
+      status
+      businessValue
+      effortEstimate
+      projectId
+      workItemId
+    }
+  }
+`, M = m`
+  mutation FeatureControlsDelete($id: ID!) {
+    planmagnetDeleteFeatureRequest(id: $id)
+  }
+`, N = {
+	refetchQueries: O,
+	awaitRefetchQueries: !0
+};
+function P({ featureId: e, voted: n }) {
+	let [r, i] = h(k, N), [o, s] = h(A, N), [c, u] = l(null), d = i.loading || s.loading, p = async () => {
+		u(null);
+		try {
+			await t((n ? o : r)({ variables: { id: e } }));
+		} catch (e) {
+			u(e instanceof Error ? e.message : "Your vote could not be saved.");
+		}
+	};
+	return /* @__PURE__ */ _("div", {
+		className: "flex flex-col items-end gap-1",
+		children: [/* @__PURE__ */ _(v, {
+			size: "sm",
+			variant: n ? "default" : "outline",
+			"data-testid": "feature-vote",
+			"aria-pressed": n,
+			disabled: d,
+			onClick: () => void p(),
+			children: [/* @__PURE__ */ g(f, { className: "mr-1 h-4 w-4" }), n ? "Voted" : "Vote"]
+		}), c && /* @__PURE__ */ g(a, { message: c })]
+	});
+}
+function F({ feature: n }) {
+	let r = e(), [o, d] = h(j, N), [f, m] = h(M, { refetchQueries: O.filter((e) => e !== "GetFeatureRequest") }), [y, b] = l(null), x = d.loading || m.loading, S = D.includes(n.status) ? D : [n.status, ...D], C = async (e) => {
+		b(null);
+		try {
+			await t(o({ variables: {
+				id: n.id,
+				input: { status: e }
+			} }));
+		} catch (e) {
+			b(e instanceof Error ? e.message : "The status could not be changed.");
+		}
+	}, w = async () => {
+		b(null);
+		try {
+			await t(f({ variables: { id: n.id } })), r("/products/features-page");
+		} catch (e) {
+			b(e instanceof Error ? e.message : "The request could not be deleted.");
+		}
+	};
+	return /* @__PURE__ */ _("div", {
+		className: "flex flex-col items-end gap-2",
+		children: [/* @__PURE__ */ _("div", {
+			className: "flex flex-wrap items-center justify-end gap-2",
+			children: [
+				/* @__PURE__ */ g("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: n.status,
+					disabled: x,
+					onChange: (e) => {
+						e.target.value !== n.status && C(e.target.value);
+					},
+					children: S.map((e) => /* @__PURE__ */ g("option", {
+						value: e,
+						children: s(e)
+					}, e))
+				}),
+				/* @__PURE__ */ g(I, { feature: n }),
+				/* @__PURE__ */ _(v, {
+					size: "sm",
+					variant: "outline",
+					"data-testid": "feature-analytics",
+					onClick: () => r(c("/products/feature-analytics-page", n.id)),
+					children: [/* @__PURE__ */ g(u, { className: "mr-1 h-4 w-4" }), "Analytics"]
+				}),
+				/* @__PURE__ */ g(i, {
+					label: "Delete",
+					variant: "outline",
+					icon: /* @__PURE__ */ g(p, { className: "mr-1 h-4 w-4" }),
+					title: `Delete "${n.title}"?`,
+					description: "The request and its votes are deleted. This cannot be undone here.",
+					confirmLabel: "Delete request",
+					destructive: !0,
+					disabled: x,
+					onConfirm: () => void w()
+				})
+			]
+		}), y && /* @__PURE__ */ g(a, { message: y })]
+	});
+}
+function I({ feature: e }) {
+	let i = {
+		title: e.title,
+		description: e.description ?? "",
+		businessValue: e.businessValue == null ? "" : String(e.businessValue),
+		effortEstimate: e.effortEstimate ?? "",
+		projectId: e.projectId ?? "",
+		workItemId: e.workItemId ?? ""
+	}, [s, c] = l(!1), [u, f] = l(i), [p, m] = l(null), [D, O] = h(j, N), k = o(u.businessValue, {
+		min: 0,
+		max: 100
+	}), A = u.title.trim() !== "" && !k.invalid && !O.loading, M = async () => {
+		m(null);
+		let n = (e) => e.trim() ? e.trim() : null, r = {
+			title: u.title.trim(),
+			description: n(u.description),
+			businessValue: k.value ?? null,
+			effortEstimate: n(u.effortEstimate),
+			projectId: u.projectId || null,
+			workItemId: u.workItemId || null
+		}, a = {
+			title: i.title,
+			description: n(i.description),
+			businessValue: i.businessValue === "" ? null : Number(i.businessValue),
+			effortEstimate: n(i.effortEstimate),
+			projectId: i.projectId || null,
+			workItemId: i.workItemId || null
+		}, o = Object.fromEntries(Object.entries(r).filter(([e, t]) => t !== a[e]));
+		if (Object.keys(o).length === 0) {
+			c(!1);
+			return;
+		}
+		try {
+			await t(D({ variables: {
+				id: e.id,
+				input: o
+			} })), c(!1);
+		} catch (e) {
+			m(e instanceof Error ? e.message : "The request could not be saved.");
+		}
+	}, P = "text-sm font-medium";
+	return /* @__PURE__ */ _(b, {
+		open: s,
+		onOpenChange: (e) => {
+			c(e), e ? f(i) : m(null);
+		},
+		children: [/* @__PURE__ */ g(E, {
+			asChild: !0,
+			children: /* @__PURE__ */ _(v, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": "feature-edit",
+				children: [/* @__PURE__ */ g(d, { className: "mr-1 h-4 w-4" }), "Edit"]
+			})
+		}), /* @__PURE__ */ _(x, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ _(w, { children: [/* @__PURE__ */ g(T, { children: "Edit feature request" }), /* @__PURE__ */ g(S, { children: "Link the request to the work item that delivers it so releases can show who is waiting on it." })] }),
+				/* @__PURE__ */ _("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							htmlFor: "feature-edit-title",
+							className: P,
+							children: "Title"
+						}), /* @__PURE__ */ g(y, {
+							id: "feature-edit-title",
+							className: "mt-1",
+							value: u.title,
+							onChange: (e) => f({
+								...u,
+								title: e.target.value
+							})
+						})] }),
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							htmlFor: "feature-edit-description",
+							className: P,
+							children: "Description"
+						}), /* @__PURE__ */ g("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: u.description,
+							onChange: (e) => f({
+								...u,
+								description: e.target.value
+							})
+						})] }),
+						/* @__PURE__ */ _("div", {
+							className: "grid grid-cols-2 gap-3",
+							children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+								htmlFor: "feature-edit-value",
+								className: P,
+								children: "Business value (0–100)"
+							}), /* @__PURE__ */ g(y, {
+								id: "feature-edit-value",
+								type: "number",
+								min: 0,
+								max: 100,
+								className: "mt-1",
+								value: u.businessValue,
+								"aria-invalid": k.invalid,
+								onChange: (e) => f({
+									...u,
+									businessValue: e.target.value
+								})
+							})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+								htmlFor: "feature-edit-effort",
+								className: P,
+								children: "Effort"
+							}), /* @__PURE__ */ g(y, {
+								id: "feature-edit-effort",
+								className: "mt-1",
+								placeholder: "e.g. M",
+								value: u.effortEstimate,
+								onChange: (e) => f({
+									...u,
+									effortEstimate: e.target.value
+								})
+							})] })]
+						}),
+						k.invalid && /* @__PURE__ */ g(a, { message: "Business value is a whole number from 0 to 100." }),
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							htmlFor: "feature-edit-project",
+							className: P,
+							children: "Project"
+						}), /* @__PURE__ */ g("div", {
+							className: "mt-1",
+							children: /* @__PURE__ */ g(n, {
+								id: "feature-edit-project",
+								value: u.projectId,
+								noneLabel: "No project",
+								onChange: (e) => f({
+									...u,
+									projectId: e,
+									workItemId: ""
+								})
+							})
+						})] }),
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							htmlFor: "feature-edit-workitem",
+							className: P,
+							children: "Delivered by work item"
+						}), /* @__PURE__ */ g("div", {
+							className: "mt-1",
+							children: /* @__PURE__ */ g(r, {
+								id: "feature-edit-workitem",
+								projectId: u.projectId || void 0,
+								value: u.workItemId,
+								onChange: (e) => f({
+									...u,
+									workItemId: e
+								})
+							})
+						})] }),
+						p && /* @__PURE__ */ g(a, { message: p })
+					]
+				}),
+				/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ g(v, {
+					variant: "outline",
+					onClick: () => c(!1),
+					children: "Cancel"
+				}), /* @__PURE__ */ g(v, {
+					onClick: () => void M(),
+					disabled: !A,
+					children: O.loading ? "Saving…" : "Save"
+				})] })
+			]
+		})]
+	});
+}
+//#endregion
+export { F as FeatureHeaderActions, P as FeatureVoteButton };
+
+//# sourceMappingURL=FeatureControls.js.map

package/dist/planmagnet/controls/FeatureControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureControls.js","names":[],"sources":["../../../src/planmagnet/controls/FeatureControls.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport {\n  Button,\n  Input,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { BarChart3, Pencil, ThumbsUp, Trash2 } from 'lucide-react';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { throwOnError } from '../utils/mutationResult';\nimport { parseIntField } from '../utils/formValidation';\nimport { ConfirmButton, ErrorLine } from './ConfirmButton';\nimport { ProjectSelect, WorkItemSearchSelect } from './Pickers';\nimport { enumLabel } from './WorkItemControls';\n\n/**\n * Feature request controls (BOFF-7951/7963). Feature requests were read-only: no vote, no status change after\n * creation, no edit or delete — so every UI-created request stayed at 0 votes and its creation status, and the\n * Declined/Duplicate tabs could only ever be empty.\n */\n\nexport const FEATURE_STATUSES = [\n  'SUBMITTED',\n  'UNDER_REVIEW',\n  'PLANNED',\n  'IN_PROGRESS',\n  'COMPLETED',\n  'DECLINED',\n  'DUPLICATE',\n] as const;\n\n/** Every query that shows a feature request, its votes or feature counts. */\nconst FEATURE_QUERIES = [\n  'GetFeatureRequest',\n  'ListFeatureRequests',\n  'ListFeatureRequestsForProduct',\n  'ListFeatureRequestsForProducts',\n  'ListAllFeaturesAnalytics',\n  'GetFeatureRequestAnalytics',\n  'ReleaseCustomerRequests',\n];\n\nconst VOTE = gql`\n  mutation FeatureControlsVote($id: ID!) {\n    planmagnetVoteOnFeature(featureRequestId: $id) {\n      id\n    }\n  }\n`;\nconst UNVOTE = gql`\n  mutation FeatureControlsUnvote($id: ID!) {\n    planmagnetRemoveFeatureVote(featureRequestId: $id)\n  }\n`;\nconst UPDATE = gql`\n  mutation FeatureControlsUpdate($id: ID!, $input: PlanmagnetUpdateFeatureRequestInput!) {\n    planmagnetUpdateFeatureRequest(id: $id, input: $input) {\n      id\n      title\n      description\n      status\n      businessValue\n      effortEstimate\n      projectId\n      workItemId\n    }\n  }\n`;\nconst DELETE = gql`\n  mutation FeatureControlsDelete($id: ID!) {\n    planmagnetDeleteFeatureRequest(id: $id)\n  }\n`;\n\nconst options = { refetchQueries: FEATURE_QUERIES, awaitRefetchQueries: true };\n\n/** Vote for a request, or take your vote back. */\nexport function FeatureVoteButton({ featureId, voted }: { featureId: string; voted: boolean }) {\n  const [vote, voteState] = useMutation(VOTE, options);\n  const [unvote, unvoteState] = useMutation(UNVOTE, options);\n  const [error, setError] = useState<string | null>(null);\n  const busy = voteState.loading || unvoteState.loading;\n  const toggle = async () => {\n    setError(null);\n    try {\n      await throwOnError((voted ? unvote : vote)({ variables: { id: featureId } }));\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'Your vote could not be saved.');\n    }\n  };\n  return (\n    <div className=\"flex flex-col items-end gap-1\">\n      <Button\n        size=\"sm\"\n        variant={voted ? 'default' : 'outline'}\n        data-testid=\"feature-vote\"\n        aria-pressed={voted}\n        disabled={busy}\n        onClick={() => void toggle()}\n      >\n        <ThumbsUp className=\"mr-1 h-4 w-4\" />\n        {voted ? 'Voted' : 'Vote'}\n      </Button>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\nexport interface FeatureValues {\n  id: string;\n  title: string;\n  description: string | null;\n  status: string;\n  businessValue: number | null;\n  effortEstimate: string | null;\n  projectId: string | null;\n  workItemId: string | null;\n}\n\n/** Status select, Edit and Delete for the feature detail header. */\nexport function FeatureHeaderActions({ feature }: { feature: FeatureValues }) {\n  const navigate = usePlanMagnetNavigate();\n  const [update, updateState] = useMutation(UPDATE, options);\n  const [remove, removeState] = useMutation(DELETE, {\n    refetchQueries: FEATURE_QUERIES.filter((q) => q !== 'GetFeatureRequest'),\n  });\n  const [error, setError] = useState<string | null>(null);\n  const busy = updateState.loading || removeState.loading;\n  const statuses = (FEATURE_STATUSES as readonly string[]).includes(feature.status)\n    ? FEATURE_STATUSES\n    : [feature.status, ...FEATURE_STATUSES];\n\n  const onStatus = async (status: string) => {\n    setError(null);\n    try {\n      await throwOnError(update({ variables: { id: feature.id, input: { status } } }));\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The status could not be changed.');\n    }\n  };\n  const onDelete = async () => {\n    setError(null);\n    try {\n      await throwOnError(remove({ variables: { id: feature.id } }));\n      navigate('/products/features-page');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The request could not be deleted.');\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-end gap-2\">\n      <div className=\"flex flex-wrap items-center justify-end gap-2\">\n        <select\n          aria-label=\"Status\"\n          data-testid=\"feature-status\"\n          className=\"rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60\"\n          value={feature.status}\n          disabled={busy}\n          onChange={(e) => {\n            if (e.target.value !== feature.status) void onStatus(e.target.value);\n          }}\n        >\n          {statuses.map((s) => (\n            <option key={s} value={s}>\n              {enumLabel(s)}\n            </option>\n          ))}\n        </select>\n        <FeatureEditDialog feature={feature} />\n        {/* BOFF-7983: the analytics page existed with no way in. */}\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          data-testid=\"feature-analytics\"\n          onClick={() => navigate(detailPath('/products/feature-analytics-page', feature.id))}\n        >\n          <BarChart3 className=\"mr-1 h-4 w-4\" />\n          Analytics\n        </Button>\n        <ConfirmButton\n          label=\"Delete\"\n          variant=\"outline\"\n          icon={<Trash2 className=\"mr-1 h-4 w-4\" />}\n          title={`Delete \"${feature.title}\"?`}\n          description=\"The request and its votes are deleted. This cannot be undone here.\"\n          confirmLabel=\"Delete request\"\n          destructive\n          disabled={busy}\n          onConfirm={() => void onDelete()}\n        />\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\n/**\n * Edit a request's fields, including the project and the work item it rides on (the release readiness card needs\n * that link, and no UI could set it — BOFF-7966). Only changed fields are sent; an emptied field is cleared.\n */\nfunction FeatureEditDialog({ feature }: { feature: FeatureValues }) {\n  const initial = {\n    title: feature.title,\n    description: feature.description ?? '',\n    businessValue: feature.businessValue == null ? '' : String(feature.businessValue),\n    effortEstimate: feature.effortEstimate ?? '',\n    projectId: feature.projectId ?? '',\n    workItemId: feature.workItemId ?? '',\n  };\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(initial);\n  const [error, setError] = useState<string | null>(null);\n  const [update, state] = useMutation(UPDATE, options);\n  const businessValue = parseIntField(form.businessValue, { min: 0, max: 100 });\n  const canSave = form.title.trim() !== '' && !businessValue.invalid && !state.loading;\n\n  const save = async () => {\n    setError(null);\n    const text = (v: string) => (v.trim() ? v.trim() : null);\n    const next = {\n      title: form.title.trim(),\n      description: text(form.description),\n      businessValue: businessValue.value ?? null,\n      effortEstimate: text(form.effortEstimate),\n      projectId: form.projectId || null,\n      workItemId: form.workItemId || null,\n    };\n    const before = {\n      title: initial.title,\n      description: text(initial.description),\n      businessValue: initial.businessValue === '' ? null : Number(initial.businessValue),\n      effortEstimate: text(initial.effortEstimate),\n      projectId: initial.projectId || null,\n      workItemId: initial.workItemId || null,\n    };\n    const input = Object.fromEntries(\n      Object.entries(next).filter(([k, v]) => v !== before[k as keyof typeof before])\n    );\n    if (Object.keys(input).length === 0) {\n      setOpen(false);\n      return;\n    }\n    try {\n      await throwOnError(update({ variables: { id: feature.id, input } }));\n      setOpen(false);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The request could not be saved.');\n    }\n  };\n\n  const label = 'text-sm font-medium';\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) setForm(initial);\n        else setError(null);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\" variant=\"outline\" data-testid=\"feature-edit\">\n          <Pencil className=\"mr-1 h-4 w-4\" />\n          Edit\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Edit feature request</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Link the request to the work item that delivers it so releases can show who is waiting\n            on it.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <label htmlFor=\"feature-edit-title\" className={label}>\n              Title\n            </label>\n            <Input\n              id=\"feature-edit-title\"\n              className=\"mt-1\"\n              value={form.title}\n              onChange={(e) => setForm({ ...form, title: e.target.value })}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"feature-edit-description\" className={label}>\n              Description\n            </label>\n            <textarea\n              id=\"feature-edit-description\"\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[72px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label htmlFor=\"feature-edit-value\" className={label}>\n                Business value (0–100)\n              </label>\n              <Input\n                id=\"feature-edit-value\"\n                type=\"number\"\n                min={0}\n                max={100}\n                className=\"mt-1\"\n                value={form.businessValue}\n                aria-invalid={businessValue.invalid}\n                onChange={(e) => setForm({ ...form, businessValue: e.target.value })}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"feature-edit-effort\" className={label}>\n                Effort\n              </label>\n              <Input\n                id=\"feature-edit-effort\"\n                className=\"mt-1\"\n                placeholder=\"e.g. M\"\n                value={form.effortEstimate}\n                onChange={(e) => setForm({ ...form, effortEstimate: e.target.value })}\n              />\n            </div>\n          </div>\n          {businessValue.invalid && (\n            <ErrorLine message=\"Business value is a whole number from 0 to 100.\" />\n          )}\n          <div>\n            <label htmlFor=\"feature-edit-project\" className={label}>\n              Project\n            </label>\n            <div className=\"mt-1\">\n              <ProjectSelect\n                id=\"feature-edit-project\"\n                value={form.projectId}\n                noneLabel=\"No project\"\n                onChange={(projectId) => setForm({ ...form, projectId, workItemId: '' })}\n              />\n            </div>\n          </div>\n          <div>\n            <label htmlFor=\"feature-edit-workitem\" className={label}>\n              Delivered by work item\n            </label>\n            <div className=\"mt-1\">\n              <WorkItemSearchSelect\n                id=\"feature-edit-workitem\"\n                projectId={form.projectId || undefined}\n                value={form.workItemId}\n                onChange={(workItemId) => setForm({ ...form, workItemId })}\n              />\n            </div>\n          </div>\n          {error && <ErrorLine message={error} />}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => setOpen(false)}>\n            Cancel\n          </Button>\n          <Button onClick={() => void save()} disabled={!canSave}>\n            {state.loading ? 'Saving…' : 'Save'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/controls/MilestoneControls.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Milestone controls (BOFF-7953/7963). A milestone was created Pending and could never move: no status control,
+ * no edit, no delete — so the In progress / Completed / Missed / Cancelled tabs could only be empty, and the
+ * "Completed" date stayed "—". Completing now also records the date (service, 2026-09-27).
+ */
+export declare const MILESTONE_STATUSES: readonly ["PENDING", "IN_PROGRESS", "COMPLETED", "MISSED", "CANCELLED"];
+export interface MilestoneValues {
+    id: string;
+    name: string;
+    description: string | null;
+    status: string;
+    dueDate: string | null;
+}
+export declare function MilestoneHeaderActions({ milestone }: {
+    milestone: MilestoneValues;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MilestoneControls.d.ts.map

package/dist/planmagnet/controls/MilestoneControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MilestoneControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/MilestoneControls.tsx"],"names":[],"mappings":"AAoBA;;;;GAIG;AAEH,eAAO,MAAM,kBAAkB,yEAMrB,CAAC;AA2BX,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,eAAe,CAAA;CAAE,2CAoEnF"}

package/dist/planmagnet/controls/MilestoneControls.js

@@ -0,0 +1,200 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+import { throwOnError as t } from "../utils/mutationResult.js";
+import { ConfirmButton as n, ErrorLine as r } from "./ConfirmButton.js";
+import { enumLabel as i } from "./WorkItemControls.js";
+import { useState as a } from "react";
+import { Pencil as o, Trash2 as s } from "lucide-react";
+import { gql as c } from "@apollo/client";
+import { useMutation as l } from "@apollo/client/react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Button as f, Input as p, ResponsiveDialog as m, ResponsiveDialogContent as h, ResponsiveDialogDescription as g, ResponsiveDialogFooter as _, ResponsiveDialogHeader as v, ResponsiveDialogTitle as y, ResponsiveDialogTrigger as b } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/controls/MilestoneControls.tsx
+var x = [
+	"PENDING",
+	"IN_PROGRESS",
+	"COMPLETED",
+	"MISSED",
+	"CANCELLED"
+], S = [
+	"GetMilestonesForDetail",
+	"GetMilestones",
+	"GetDashboardData",
+	"GetAnalyticsData"
+], C = c`
+  mutation MilestoneControlsUpdate($id: ID!, $input: PlanmagnetUpdateMilestoneInput!) {
+    planmagnetUpdateMilestone(id: $id, input: $input) {
+      id
+      name
+      description
+      status
+      dueDate
+      completedAt
+    }
+  }
+`, w = c`
+  mutation MilestoneControlsDelete($id: ID!) {
+    planmagnetDeleteMilestone(id: $id)
+  }
+`;
+function T({ milestone: o }) {
+	let c = e(), [f, p] = l(C, {
+		refetchQueries: S,
+		awaitRefetchQueries: !0
+	}), [m, h] = l(w, { refetchQueries: S.filter((e) => e !== "GetMilestonesForDetail") }), [g, _] = a(null), v = p.loading || h.loading, y = x.includes(o.status) ? x : [o.status, ...x], b = async (e) => {
+		_(null);
+		try {
+			await t(f({ variables: {
+				id: o.id,
+				input: { status: e }
+			} }));
+		} catch (e) {
+			_(e instanceof Error ? e.message : "The status could not be changed.");
+		}
+	}, T = async () => {
+		_(null);
+		try {
+			await t(m({ variables: { id: o.id } })), c("/projects/milestones-page");
+		} catch (e) {
+			_(e instanceof Error ? e.message : "The milestone could not be deleted.");
+		}
+	};
+	return /* @__PURE__ */ d("div", {
+		className: "flex flex-col items-end gap-2",
+		children: [/* @__PURE__ */ d("div", {
+			className: "flex flex-wrap items-center justify-end gap-2",
+			children: [
+				/* @__PURE__ */ u("select", {
+					"aria-label": "Status",
+					"data-testid": "milestone-status",
+					className: "rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60",
+					value: o.status,
+					disabled: v,
+					onChange: (e) => {
+						e.target.value !== o.status && b(e.target.value);
+					},
+					children: y.map((e) => /* @__PURE__ */ u("option", {
+						value: e,
+						children: i(e)
+					}, e))
+				}),
+				/* @__PURE__ */ u(D, { milestone: o }),
+				/* @__PURE__ */ u(n, {
+					label: "Delete",
+					variant: "outline",
+					icon: /* @__PURE__ */ u(s, { className: "mr-1 h-4 w-4" }),
+					title: `Delete ${o.name}?`,
+					description: "The milestone is deleted. This cannot be undone here.",
+					confirmLabel: "Delete milestone",
+					destructive: !0,
+					disabled: v,
+					onConfirm: () => void T()
+				})
+			]
+		}), g && /* @__PURE__ */ u(r, { message: g })]
+	});
+}
+var E = (e) => e ? e.slice(0, 10) : "";
+function D({ milestone: e }) {
+	let n = {
+		name: e.name,
+		description: e.description ?? "",
+		dueDate: E(e.dueDate)
+	}, [i, s] = a(!1), [c, x] = a(n), [w, T] = a(null), [D, O] = l(C, {
+		refetchQueries: S,
+		awaitRefetchQueries: !0
+	}), k = async () => {
+		T(null);
+		let r = {};
+		if (c.name.trim() !== n.name && (r.name = c.name.trim()), c.description.trim() !== n.description.trim() && (r.description = c.description.trim() || null), c.dueDate !== n.dueDate && (r.dueDate = c.dueDate || null), Object.keys(r).length === 0) {
+			s(!1);
+			return;
+		}
+		try {
+			await t(D({ variables: {
+				id: e.id,
+				input: r
+			} })), s(!1);
+		} catch (e) {
+			T(e instanceof Error ? e.message : "The milestone could not be saved.");
+		}
+	};
+	return /* @__PURE__ */ d(m, {
+		open: i,
+		onOpenChange: (e) => {
+			s(e), e ? x(n) : T(null);
+		},
+		children: [/* @__PURE__ */ u(b, {
+			asChild: !0,
+			children: /* @__PURE__ */ d(f, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": "milestone-edit",
+				children: [/* @__PURE__ */ u(o, { className: "mr-1 h-4 w-4" }), "Edit"]
+			})
+		}), /* @__PURE__ */ d(h, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ d(v, { children: [/* @__PURE__ */ u(y, { children: "Edit milestone" }), /* @__PURE__ */ u(g, { children: "Change the name, description or due date." })] }),
+				/* @__PURE__ */ d("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+							htmlFor: "milestone-edit-name",
+							className: "text-sm font-medium",
+							children: "Name"
+						}), /* @__PURE__ */ u(p, {
+							id: "milestone-edit-name",
+							className: "mt-1",
+							value: c.name,
+							onChange: (e) => x({
+								...c,
+								name: e.target.value
+							})
+						})] }),
+						/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+							htmlFor: "milestone-edit-due",
+							className: "text-sm font-medium",
+							children: "Due date"
+						}), /* @__PURE__ */ u(p, {
+							id: "milestone-edit-due",
+							type: "date",
+							className: "mt-1",
+							value: c.dueDate,
+							onChange: (e) => x({
+								...c,
+								dueDate: e.target.value
+							})
+						})] }),
+						/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+							htmlFor: "milestone-edit-description",
+							className: "text-sm font-medium",
+							children: "Description"
+						}), /* @__PURE__ */ u("textarea", {
+							id: "milestone-edit-description",
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[72px]",
+							value: c.description,
+							onChange: (e) => x({
+								...c,
+								description: e.target.value
+							})
+						})] }),
+						w && /* @__PURE__ */ u(r, { message: w })
+					]
+				}),
+				/* @__PURE__ */ d(_, { children: [/* @__PURE__ */ u(f, {
+					variant: "outline",
+					onClick: () => s(!1),
+					children: "Cancel"
+				}), /* @__PURE__ */ u(f, {
+					onClick: () => void k(),
+					disabled: c.name.trim() === "" || O.loading,
+					children: O.loading ? "Saving…" : "Save"
+				})] })
+			]
+		})]
+	});
+}
+//#endregion
+export { T as MilestoneHeaderActions };
+
+//# sourceMappingURL=MilestoneControls.js.map

package/dist/planmagnet/controls/MilestoneControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MilestoneControls.js","names":[],"sources":["../../../src/planmagnet/controls/MilestoneControls.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport {\n  Button,\n  Input,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { Pencil, Trash2 } from 'lucide-react';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { throwOnError } from '../utils/mutationResult';\nimport { ConfirmButton, ErrorLine } from './ConfirmButton';\nimport { enumLabel } from './WorkItemControls';\n\n/**\n * Milestone controls (BOFF-7953/7963). A milestone was created Pending and could never move: no status control,\n * no edit, no delete — so the In progress / Completed / Missed / Cancelled tabs could only be empty, and the\n * \"Completed\" date stayed \"—\". Completing now also records the date (service, 2026-09-27).\n */\n\nexport const MILESTONE_STATUSES = [\n  'PENDING',\n  'IN_PROGRESS',\n  'COMPLETED',\n  'MISSED',\n  'CANCELLED',\n] as const;\n\nconst MILESTONE_QUERIES = [\n  'GetMilestonesForDetail',\n  'GetMilestones',\n  'GetDashboardData',\n  'GetAnalyticsData',\n];\n\nconst UPDATE = gql`\n  mutation MilestoneControlsUpdate($id: ID!, $input: PlanmagnetUpdateMilestoneInput!) {\n    planmagnetUpdateMilestone(id: $id, input: $input) {\n      id\n      name\n      description\n      status\n      dueDate\n      completedAt\n    }\n  }\n`;\nconst DELETE = gql`\n  mutation MilestoneControlsDelete($id: ID!) {\n    planmagnetDeleteMilestone(id: $id)\n  }\n`;\n\nexport interface MilestoneValues {\n  id: string;\n  name: string;\n  description: string | null;\n  status: string;\n  dueDate: string | null;\n}\n\nexport function MilestoneHeaderActions({ milestone }: { milestone: MilestoneValues }) {\n  const navigate = usePlanMagnetNavigate();\n  const [update, updateState] = useMutation(UPDATE, {\n    refetchQueries: MILESTONE_QUERIES,\n    awaitRefetchQueries: true,\n  });\n  const [remove, removeState] = useMutation(DELETE, {\n    refetchQueries: MILESTONE_QUERIES.filter((q) => q !== 'GetMilestonesForDetail'),\n  });\n  const [error, setError] = useState<string | null>(null);\n  const busy = updateState.loading || removeState.loading;\n  const statuses = (MILESTONE_STATUSES as readonly string[]).includes(milestone.status)\n    ? MILESTONE_STATUSES\n    : [milestone.status, ...MILESTONE_STATUSES];\n\n  const onStatus = async (status: string) => {\n    setError(null);\n    try {\n      await throwOnError(update({ variables: { id: milestone.id, input: { status } } }));\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The status could not be changed.');\n    }\n  };\n  const onDelete = async () => {\n    setError(null);\n    try {\n      await throwOnError(remove({ variables: { id: milestone.id } }));\n      navigate('/projects/milestones-page');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The milestone could not be deleted.');\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-end gap-2\">\n      <div className=\"flex flex-wrap items-center justify-end gap-2\">\n        <select\n          aria-label=\"Status\"\n          data-testid=\"milestone-status\"\n          className=\"rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60\"\n          value={milestone.status}\n          disabled={busy}\n          onChange={(e) => {\n            if (e.target.value !== milestone.status) void onStatus(e.target.value);\n          }}\n        >\n          {statuses.map((s) => (\n            <option key={s} value={s}>\n              {enumLabel(s)}\n            </option>\n          ))}\n        </select>\n        <MilestoneEditDialog milestone={milestone} />\n        <ConfirmButton\n          label=\"Delete\"\n          variant=\"outline\"\n          icon={<Trash2 className=\"mr-1 h-4 w-4\" />}\n          title={`Delete ${milestone.name}?`}\n          description=\"The milestone is deleted. This cannot be undone here.\"\n          confirmLabel=\"Delete milestone\"\n          destructive\n          disabled={busy}\n          onConfirm={() => void onDelete()}\n        />\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\nconst day = (iso: string | null) => (iso ? iso.slice(0, 10) : '');\n\n/** Name, description and due date. Only changed fields are sent; an emptied field is cleared. */\nfunction MilestoneEditDialog({ milestone }: { milestone: MilestoneValues }) {\n  const initial = {\n    name: milestone.name,\n    description: milestone.description ?? '',\n    dueDate: day(milestone.dueDate),\n  };\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(initial);\n  const [error, setError] = useState<string | null>(null);\n  const [update, state] = useMutation(UPDATE, {\n    refetchQueries: MILESTONE_QUERIES,\n    awaitRefetchQueries: true,\n  });\n\n  const save = async () => {\n    setError(null);\n    const input: Record<string, unknown> = {};\n    if (form.name.trim() !== initial.name) input.name = form.name.trim();\n    if (form.description.trim() !== initial.description.trim())\n      input.description = form.description.trim() || null;\n    if (form.dueDate !== initial.dueDate) input.dueDate = form.dueDate || null;\n    if (Object.keys(input).length === 0) {\n      setOpen(false);\n      return;\n    }\n    try {\n      await throwOnError(update({ variables: { id: milestone.id, input } }));\n      setOpen(false);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The milestone could not be saved.');\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) setForm(initial);\n        else setError(null);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\" variant=\"outline\" data-testid=\"milestone-edit\">\n          <Pencil className=\"mr-1 h-4 w-4\" />\n          Edit\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Edit milestone</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Change the name, description or due date.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <label htmlFor=\"milestone-edit-name\" className=\"text-sm font-medium\">\n              Name\n            </label>\n            <Input\n              id=\"milestone-edit-name\"\n              className=\"mt-1\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"milestone-edit-due\" className=\"text-sm font-medium\">\n              Due date\n            </label>\n            <Input\n              id=\"milestone-edit-due\"\n              type=\"date\"\n              className=\"mt-1\"\n              value={form.dueDate}\n              onChange={(e) => setForm({ ...form, dueDate: e.target.value })}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"milestone-edit-description\" className=\"text-sm font-medium\">\n              Description\n            </label>\n            <textarea\n              id=\"milestone-edit-description\"\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[72px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\n          {error && <ErrorLine message={error} />}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => setOpen(false)}>\n            Cancel\n          </Button>\n          <Button onClick={() => void save()} disabled={form.name.trim() === '' || state.loading}>\n            {state.loading ? 'Saving…' : 'Save'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}