@burdenoff/microfe-planmagnet 2026.927.3 → 2026.927.5

package/dist/planmagnet/controls/FeatureTriage.js

@@ -0,0 +1,398 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { throwOnError as t } from "../utils/mutationResult.js";
+import { ProjectSelect as n } from "./Pickers.js";
+import { ErrorLine as r } from "./ConfirmButton.js";
+import { useDeferredValue as i, useState as a } from "react";
+import { AlarmClock as o, Check as s, GitMerge as c, Sun as l, X as u } from "lucide-react";
+import { gql as d } from "@apollo/client";
+import { useMutation as f, useQuery as p } from "@apollo/client/react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as _, Input as v, ResponsiveDialog as y, ResponsiveDialogContent as b, ResponsiveDialogDescription as x, ResponsiveDialogFooter as S, ResponsiveDialogHeader as C, ResponsiveDialogTitle as w, ResponsiveDialogTrigger as T } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/controls/FeatureTriage.tsx
+var E = {
+	refetchQueries: [
+		"GetFeatureRequest",
+		"ListFeatureRequests",
+		"CountsFeatures",
+		"ListFeatureRequestsForProduct",
+		"ListFeatureRequestsForProducts",
+		"ListAllFeaturesAnalytics",
+		"ReleaseCustomerRequests"
+	],
+	awaitRefetchQueries: !0
+}, D = d`
+  mutation FeatureTriageAccept($id: ID!, $input: PlanmagnetAcceptFeatureRequestInput) {
+    planmagnetAcceptFeatureRequest(id: $id, input: $input) {
+      id
+      status
+    }
+  }
+`, O = d`
+  mutation FeatureTriageDecline($id: ID!, $reason: String!) {
+    planmagnetDeclineFeatureRequest(id: $id, reason: $reason) {
+      id
+      status
+      declineReason
+    }
+  }
+`, k = d`
+  mutation FeatureTriageSnooze($id: ID!, $until: DateTime) {
+    planmagnetSnoozeFeatureRequest(id: $id, until: $until) {
+      id
+      snoozedUntil
+    }
+  }
+`, A = d`
+  mutation FeatureTriageMerge($id: ID!, $intoId: ID!) {
+    planmagnetMergeFeatureRequest(id: $id, intoId: $intoId) {
+      id
+      voteCount
+    }
+  }
+`, j = d`
+  query FeatureTriageMergeCandidates($workspaceId: ID!, $filter: PlanmagnetFeatureRequestFilter) {
+    planmagnetFeatureRequests(
+      workspaceId: $workspaceId
+      filter: $filter
+      pagination: { first: 20 }
+    ) {
+      items {
+        id
+        title
+        status
+        voteCount
+      }
+      totalCount
+    }
+  }
+`, M = 2e3, N = ["SUBMITTED", "UNDER_REVIEW"], P = (e) => N.includes(e), F = (e, t) => !!e && new Date(e).getTime() > t, I = (e, t) => e instanceof Error ? e.message : t;
+function L({ trigger: e, testId: t, title: n, description: i, children: a, confirmLabel: o, canConfirm: s, busy: c, onConfirm: l, error: u, onOpenChange: d, open: f }) {
+	return /* @__PURE__ */ g(y, {
+		open: f,
+		onOpenChange: d,
+		children: [/* @__PURE__ */ h(T, {
+			asChild: !0,
+			children: /* @__PURE__ */ h(_, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": t,
+				onClick: (e) => e.stopPropagation(),
+				onKeyDown: (e) => e.stopPropagation(),
+				children: e
+			})
+		}), /* @__PURE__ */ g(b, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ g(C, { children: [/* @__PURE__ */ h(w, { children: n }), /* @__PURE__ */ h(x, { children: i })] }),
+				/* @__PURE__ */ g("div", {
+					className: "space-y-3",
+					children: [a, u && /* @__PURE__ */ h(r, { message: u })]
+				}),
+				/* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h(_, {
+					variant: "outline",
+					onClick: () => d(!1),
+					children: "Cancel"
+				}), /* @__PURE__ */ h(_, {
+					onClick: l,
+					disabled: !s || c,
+					children: c ? "Saving…" : o
+				})] })
+			]
+		})]
+	});
+}
+function R({ feature: e }) {
+	let [r, i] = a(!1), [o, c] = a("PLANNED"), [l, u] = a(e.projectId ?? ""), [d, p] = a(null), [_, v] = f(D, E), y = async () => {
+		p(null);
+		try {
+			await t(_({ variables: {
+				id: e.id,
+				input: {
+					status: o,
+					...l && l !== e.projectId && { projectId: l }
+				}
+			} })), i(!1);
+		} catch (e) {
+			p(I(e, "The request could not be accepted."));
+		}
+	};
+	return /* @__PURE__ */ g(L, {
+		open: r,
+		onOpenChange: (e) => {
+			i(e), e || p(null);
+		},
+		testId: "triage-accept",
+		trigger: /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(s, { className: "mr-1 h-4 w-4" }), "Accept"] }),
+		title: `Accept "${e.title}"`,
+		description: "Accepting takes it out of triage. Planned means it will be built; Under review means a closer look first.",
+		confirmLabel: "Accept",
+		canConfirm: !0,
+		busy: v.loading,
+		onConfirm: () => void y(),
+		error: d,
+		children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+			htmlFor: `triage-accept-status-${e.id}`,
+			className: "text-sm font-medium",
+			children: "Accept as"
+		}), /* @__PURE__ */ g("select", {
+			id: `triage-accept-status-${e.id}`,
+			className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+			value: o,
+			onChange: (e) => c(e.target.value),
+			children: [/* @__PURE__ */ h("option", {
+				value: "PLANNED",
+				children: "Planned"
+			}), e.status !== "UNDER_REVIEW" && /* @__PURE__ */ h("option", {
+				value: "UNDER_REVIEW",
+				children: "Under review"
+			})]
+		})] }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+			htmlFor: `triage-accept-project-${e.id}`,
+			className: "text-sm font-medium",
+			children: "Project that will deliver it"
+		}), /* @__PURE__ */ h("div", {
+			className: "mt-1",
+			children: /* @__PURE__ */ h(n, {
+				id: `triage-accept-project-${e.id}`,
+				value: l,
+				noneLabel: "No project yet",
+				onChange: u
+			})
+		})] })]
+	});
+}
+function z({ feature: e }) {
+	let [n, r] = a(!1), [i, o] = a(""), [s, c] = a(null), [l, d] = f(O, E), p = i.trim(), _ = p.length > M, v = async () => {
+		c(null);
+		try {
+			await t(l({ variables: {
+				id: e.id,
+				reason: p
+			} })), r(!1), o("");
+		} catch (e) {
+			c(I(e, "The request could not be declined."));
+		}
+	};
+	return /* @__PURE__ */ h(L, {
+		open: n,
+		onOpenChange: (e) => {
+			r(e), e || c(null);
+		},
+		testId: "triage-decline",
+		trigger: /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(u, { className: "mr-1 h-4 w-4" }), "Decline"] }),
+		title: `Decline "${e.title}"`,
+		description: "The reason is kept on the request, so anyone who asks later can see why.",
+		confirmLabel: "Decline",
+		canConfirm: p !== "" && !_,
+		busy: d.loading,
+		onConfirm: () => void v(),
+		error: s ?? (_ ? "A decline reason can be at most 2000 characters." : null),
+		children: /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+			htmlFor: `triage-decline-reason-${e.id}`,
+			className: "text-sm font-medium",
+			children: "Reason"
+		}), /* @__PURE__ */ h("textarea", {
+			id: `triage-decline-reason-${e.id}`,
+			className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[88px]",
+			value: i,
+			"aria-invalid": _,
+			onChange: (e) => o(e.target.value)
+		})] })
+	});
+}
+function B(e) {
+	let t = (t) => {
+		let n = new Date(e + t * 864e5);
+		return n.setHours(9, 0, 0, 0), n;
+	};
+	return [
+		{
+			label: "Tomorrow",
+			until: t(1)
+		},
+		{
+			label: "In 3 days",
+			until: t(3)
+		},
+		{
+			label: "Next week",
+			until: t(7)
+		},
+		{
+			label: "In a month",
+			until: t(30)
+		}
+	];
+}
+function V({ feature: e }) {
+	let [n, r] = a(!1), [i, s] = a([]), [c, l] = a(0), [u, d] = a(null), [p, _] = f(k, E), v = async () => {
+		d(null);
+		let n = i[c];
+		if (n) try {
+			await t(p({ variables: {
+				id: e.id,
+				until: n.until.toISOString()
+			} })), r(!1);
+		} catch (e) {
+			d(I(e, "The request could not be snoozed."));
+		}
+	};
+	return /* @__PURE__ */ h(L, {
+		open: n,
+		onOpenChange: (e) => {
+			r(e), e ? (s(B(Date.now())), l(0)) : d(null);
+		},
+		testId: "triage-snooze",
+		trigger: /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(o, { className: "mr-1 h-4 w-4" }), "Snooze"] }),
+		title: `Snooze "${e.title}"`,
+		description: "It leaves the triage queue and comes back on its own. It stays undecided meanwhile.",
+		confirmLabel: "Snooze",
+		canConfirm: i.length > 0,
+		busy: _.loading,
+		onConfirm: () => void v(),
+		error: u,
+		children: /* @__PURE__ */ g("fieldset", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ h("legend", {
+				className: "text-sm font-medium",
+				children: "Bring it back"
+			}), i.map((t, n) => /* @__PURE__ */ g("label", {
+				className: "flex items-center gap-2 text-sm",
+				children: [
+					/* @__PURE__ */ h("input", {
+						type: "radio",
+						name: `triage-snooze-${e.id}`,
+						checked: c === n,
+						onChange: () => l(n)
+					}),
+					t.label,
+					/* @__PURE__ */ g("span", {
+						className: "text-muted-foreground",
+						children: [
+							"(",
+							t.until.toLocaleDateString(void 0, {
+								weekday: "short",
+								day: "numeric",
+								month: "short"
+							}),
+							")"
+						]
+					})
+				]
+			}, t.label))]
+		})
+	});
+}
+function H({ feature: n }) {
+	let { workspaceId: r } = e(), [o, s] = a(!1), [l, u] = a(""), [d, _] = a(""), [y, b] = a(null), x = i(l.trim()), [S, C] = f(A, E), { data: w, loading: T } = p(j, {
+		variables: {
+			workspaceId: r ?? "",
+			filter: x ? { search: x } : {}
+		},
+		skip: !r || !o
+	}), D = (w?.planmagnetFeatureRequests.items ?? []).filter((e) => e.id !== n.id && e.status !== "DUPLICATE"), O = async () => {
+		b(null);
+		try {
+			await t(S({ variables: {
+				id: n.id,
+				intoId: d
+			} })), s(!1);
+		} catch (e) {
+			b(I(e, "The requests could not be merged."));
+		}
+	};
+	return /* @__PURE__ */ h(L, {
+		open: o,
+		onOpenChange: (e) => {
+			s(e), e ? (u(""), _("")) : b(null);
+		},
+		testId: "triage-merge",
+		trigger: /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(c, { className: "mr-1 h-4 w-4" }), "Merge"] }),
+		title: `Merge "${n.title}" into its original`,
+		description: "It becomes a duplicate of the original and its votes move there (someone who voted on both keeps one vote).",
+		confirmLabel: "Merge",
+		canConfirm: d !== "",
+		busy: C.loading,
+		onConfirm: () => void O(),
+		error: y,
+		children: /* @__PURE__ */ g("div", {
+			className: "space-y-1",
+			children: [
+				/* @__PURE__ */ h("label", {
+					htmlFor: `triage-merge-into-${n.id}`,
+					className: "text-sm font-medium",
+					children: "Original request"
+				}),
+				/* @__PURE__ */ h(v, {
+					"aria-label": "Search feature requests",
+					placeholder: "Search by title",
+					value: l,
+					onChange: (e) => u(e.target.value)
+				}),
+				/* @__PURE__ */ g("select", {
+					id: `triage-merge-into-${n.id}`,
+					className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+					value: d,
+					onChange: (e) => _(e.target.value),
+					children: [/* @__PURE__ */ h("option", {
+						value: "",
+						children: T && !w ? "Searching…" : D.length ? "Choose the original" : "No match"
+					}), D.map((e) => /* @__PURE__ */ g("option", {
+						value: e.id,
+						children: [
+							e.title,
+							" (",
+							e.voteCount,
+							" vote",
+							e.voteCount === 1 ? "" : "s",
+							")"
+						]
+					}, e.id))]
+				})
+			]
+		})
+	});
+}
+function U({ feature: e }) {
+	let [n, i] = f(k, E), [o, s] = a(null), c = async () => {
+		s(null);
+		try {
+			await t(n({ variables: {
+				id: e.id,
+				until: null
+			} }));
+		} catch (e) {
+			s(I(e, "The request could not be woken."));
+		}
+	};
+	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g(_, {
+		size: "sm",
+		variant: "outline",
+		"data-testid": "triage-wake",
+		disabled: i.loading,
+		onClick: (e) => {
+			e.stopPropagation(), c();
+		},
+		children: [/* @__PURE__ */ h(l, { className: "mr-1 h-4 w-4" }), "Back to triage"]
+	}), o && /* @__PURE__ */ h(r, { message: o })] });
+}
+function W({ feature: e, now: t }) {
+	if (!P(e.status)) return null;
+	let n = F(e.snoozedUntil, t), r = (e) => e.stopPropagation();
+	return /* @__PURE__ */ g("div", {
+		className: "flex flex-wrap items-center gap-2",
+		"data-testid": "triage-actions",
+		onClick: r,
+		onKeyDown: r,
+		children: [
+			/* @__PURE__ */ h(R, { feature: e }),
+			/* @__PURE__ */ h(z, { feature: e }),
+			e.status === "SUBMITTED" && h(n ? U : V, { feature: e }),
+			/* @__PURE__ */ h(H, { feature: e })
+		]
+	});
+}
+//#endregion
+export { W as FeatureTriageActions, P as isOpenRequest, F as isSnoozed };
+
+//# sourceMappingURL=FeatureTriage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureTriage.js","names":[],"sources":["../../../src/planmagnet/controls/FeatureTriage.tsx"],"sourcesContent":["import { useDeferredValue, useState, type ReactNode } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } 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 { AlarmClock, Check, GitMerge, Sun, X } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { throwOnError } from '../utils/mutationResult';\nimport { ErrorLine } from './ConfirmButton';\nimport { ProjectSelect } from './Pickers';\n\n/**\n * Triage for incoming feature requests (BUILD_PLAN P1.3): accept, decline with a reason, snooze, merge into the\n * original. Linear's triage is these four plus commenting. The feedback UI had none of them — a request could only\n * have its status flipped, so a decline carried no reason and a duplicate kept its votes away from the original.\n */\n\n/** Every query that shows a feature request or feature counts. */\nconst TRIAGE_REFETCH = [\n  'GetFeatureRequest',\n  'ListFeatureRequests',\n  'CountsFeatures',\n  'ListFeatureRequestsForProduct',\n  'ListFeatureRequestsForProducts',\n  'ListAllFeaturesAnalytics',\n  'ReleaseCustomerRequests',\n];\nconst options = { refetchQueries: TRIAGE_REFETCH, awaitRefetchQueries: true };\n\nconst ACCEPT = gql`\n  mutation FeatureTriageAccept($id: ID!, $input: PlanmagnetAcceptFeatureRequestInput) {\n    planmagnetAcceptFeatureRequest(id: $id, input: $input) {\n      id\n      status\n    }\n  }\n`;\nconst DECLINE = gql`\n  mutation FeatureTriageDecline($id: ID!, $reason: String!) {\n    planmagnetDeclineFeatureRequest(id: $id, reason: $reason) {\n      id\n      status\n      declineReason\n    }\n  }\n`;\nconst SNOOZE = gql`\n  mutation FeatureTriageSnooze($id: ID!, $until: DateTime) {\n    planmagnetSnoozeFeatureRequest(id: $id, until: $until) {\n      id\n      snoozedUntil\n    }\n  }\n`;\nconst MERGE = gql`\n  mutation FeatureTriageMerge($id: ID!, $intoId: ID!) {\n    planmagnetMergeFeatureRequest(id: $id, intoId: $intoId) {\n      id\n      voteCount\n    }\n  }\n`;\nconst MERGE_CANDIDATES = gql`\n  query FeatureTriageMergeCandidates($workspaceId: ID!, $filter: PlanmagnetFeatureRequestFilter) {\n    planmagnetFeatureRequests(\n      workspaceId: $workspaceId\n      filter: $filter\n      pagination: { first: 20 }\n    ) {\n      items {\n        id\n        title\n        status\n        voteCount\n      }\n      totalCount\n    }\n  }\n`;\n\nexport const DECLINE_REASON_MAX = 2000;\nconst OPEN = ['SUBMITTED', 'UNDER_REVIEW'];\n\nexport interface TriageFeature {\n  id: string;\n  title: string;\n  status: string;\n  projectId?: string | null;\n  snoozedUntil?: string | null;\n}\n\n/** True while the request waits for a decision (accept, decline and merge apply). */\nexport const isOpenRequest = (status: string) => OPEN.includes(status);\n/** A snooze that has not passed yet. */\nexport const isSnoozed = (snoozedUntil: string | null | undefined, now: number) =>\n  !!snoozedUntil && new Date(snoozedUntil).getTime() > now;\n\nconst errorText = (e: unknown, fallback: string) => (e instanceof Error ? e.message : fallback);\n\n/** A dialog with one action; the trigger never propagates to a clickable row it sits in. */\nfunction ActionDialog({\n  trigger,\n  testId,\n  title,\n  description,\n  children,\n  confirmLabel,\n  canConfirm,\n  busy,\n  onConfirm,\n  error,\n  onOpenChange,\n  open,\n}: {\n  trigger: ReactNode;\n  testId: string;\n  title: string;\n  description: string;\n  children: ReactNode;\n  confirmLabel: string;\n  canConfirm: boolean;\n  busy: boolean;\n  onConfirm: () => void;\n  error: string | null;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) {\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogTrigger asChild>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          data-testid={testId}\n          onClick={(e) => e.stopPropagation()}\n          onKeyDown={(e) => e.stopPropagation()}\n        >\n          {trigger}\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>{title}</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>{description}</ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          {children}\n          {error && <ErrorLine message={error} />}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={onConfirm} disabled={!canConfirm || busy}>\n            {busy ? 'Saving…' : confirmLabel}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nfunction AcceptDialog({ feature }: { feature: TriageFeature }) {\n  const [open, setOpen] = useState(false);\n  const [status, setStatus] = useState<'PLANNED' | 'UNDER_REVIEW'>('PLANNED');\n  const [projectId, setProjectId] = useState(feature.projectId ?? '');\n  const [error, setError] = useState<string | null>(null);\n  const [accept, state] = useMutation(ACCEPT, options);\n  const submit = async () => {\n    setError(null);\n    try {\n      await throwOnError(\n        accept({\n          variables: {\n            id: feature.id,\n            input: { status, ...(projectId && projectId !== feature.projectId && { projectId }) },\n          },\n        })\n      );\n      setOpen(false);\n    } catch (e) {\n      setError(errorText(e, 'The request could not be accepted.'));\n    }\n  };\n  return (\n    <ActionDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (!next) setError(null);\n      }}\n      testId=\"triage-accept\"\n      trigger={\n        <>\n          <Check className=\"mr-1 h-4 w-4\" />\n          Accept\n        </>\n      }\n      title={`Accept \"${feature.title}\"`}\n      description=\"Accepting takes it out of triage. Planned means it will be built; Under review means a closer look first.\"\n      confirmLabel=\"Accept\"\n      canConfirm\n      busy={state.loading}\n      onConfirm={() => void submit()}\n      error={error}\n    >\n      <div>\n        <label htmlFor={`triage-accept-status-${feature.id}`} className=\"text-sm font-medium\">\n          Accept as\n        </label>\n        <select\n          id={`triage-accept-status-${feature.id}`}\n          className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n          value={status}\n          onChange={(e) => setStatus(e.target.value as 'PLANNED' | 'UNDER_REVIEW')}\n        >\n          <option value=\"PLANNED\">Planned</option>\n          {feature.status !== 'UNDER_REVIEW' && <option value=\"UNDER_REVIEW\">Under review</option>}\n        </select>\n      </div>\n      <div>\n        <label htmlFor={`triage-accept-project-${feature.id}`} className=\"text-sm font-medium\">\n          Project that will deliver it\n        </label>\n        <div className=\"mt-1\">\n          <ProjectSelect\n            id={`triage-accept-project-${feature.id}`}\n            value={projectId}\n            noneLabel=\"No project yet\"\n            onChange={setProjectId}\n          />\n        </div>\n      </div>\n    </ActionDialog>\n  );\n}\n\nfunction DeclineDialog({ feature }: { feature: TriageFeature }) {\n  const [open, setOpen] = useState(false);\n  const [reason, setReason] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [decline, state] = useMutation(DECLINE, options);\n  const trimmed = reason.trim();\n  const tooLong = trimmed.length > DECLINE_REASON_MAX;\n  const submit = async () => {\n    setError(null);\n    try {\n      await throwOnError(decline({ variables: { id: feature.id, reason: trimmed } }));\n      setOpen(false);\n      setReason('');\n    } catch (e) {\n      setError(errorText(e, 'The request could not be declined.'));\n    }\n  };\n  return (\n    <ActionDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (!next) setError(null);\n      }}\n      testId=\"triage-decline\"\n      trigger={\n        <>\n          <X className=\"mr-1 h-4 w-4\" />\n          Decline\n        </>\n      }\n      title={`Decline \"${feature.title}\"`}\n      description=\"The reason is kept on the request, so anyone who asks later can see why.\"\n      confirmLabel=\"Decline\"\n      canConfirm={trimmed !== '' && !tooLong}\n      busy={state.loading}\n      onConfirm={() => void submit()}\n      error={\n        error ??\n        (tooLong ? `A decline reason can be at most ${DECLINE_REASON_MAX} characters.` : null)\n      }\n    >\n      <div>\n        <label htmlFor={`triage-decline-reason-${feature.id}`} className=\"text-sm font-medium\">\n          Reason\n        </label>\n        <textarea\n          id={`triage-decline-reason-${feature.id}`}\n          className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[88px]\"\n          value={reason}\n          aria-invalid={tooLong}\n          onChange={(e) => setReason(e.target.value)}\n        />\n      </div>\n    </ActionDialog>\n  );\n}\n\n/** Snooze presets are computed when the dialog opens, never during render. */\nfunction snoozePresets(from: number) {\n  const day = 86_400_000;\n  const morning = (days: number) => {\n    const d = new Date(from + days * day);\n    d.setHours(9, 0, 0, 0);\n    return d;\n  };\n  return [\n    { label: 'Tomorrow', until: morning(1) },\n    { label: 'In 3 days', until: morning(3) },\n    { label: 'Next week', until: morning(7) },\n    { label: 'In a month', until: morning(30) },\n  ];\n}\n\nfunction SnoozeDialog({ feature }: { feature: TriageFeature }) {\n  const [open, setOpen] = useState(false);\n  const [presets, setPresets] = useState<{ label: string; until: Date }[]>([]);\n  const [choice, setChoice] = useState(0);\n  const [error, setError] = useState<string | null>(null);\n  const [snooze, state] = useMutation(SNOOZE, options);\n  const submit = async () => {\n    setError(null);\n    const preset = presets[choice];\n    if (!preset) return;\n    try {\n      await throwOnError(\n        snooze({ variables: { id: feature.id, until: preset.until.toISOString() } })\n      );\n      setOpen(false);\n    } catch (e) {\n      setError(errorText(e, 'The request could not be snoozed.'));\n    }\n  };\n  return (\n    <ActionDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) {\n          setPresets(snoozePresets(Date.now()));\n          setChoice(0);\n        } else setError(null);\n      }}\n      testId=\"triage-snooze\"\n      trigger={\n        <>\n          <AlarmClock className=\"mr-1 h-4 w-4\" />\n          Snooze\n        </>\n      }\n      title={`Snooze \"${feature.title}\"`}\n      description=\"It leaves the triage queue and comes back on its own. It stays undecided meanwhile.\"\n      confirmLabel=\"Snooze\"\n      canConfirm={presets.length > 0}\n      busy={state.loading}\n      onConfirm={() => void submit()}\n      error={error}\n    >\n      <fieldset className=\"space-y-2\">\n        <legend className=\"text-sm font-medium\">Bring it back</legend>\n        {presets.map((p, i) => (\n          <label key={p.label} className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"radio\"\n              name={`triage-snooze-${feature.id}`}\n              checked={choice === i}\n              onChange={() => setChoice(i)}\n            />\n            {p.label}\n            <span className=\"text-muted-foreground\">\n              (\n              {p.until.toLocaleDateString(undefined, {\n                weekday: 'short',\n                day: 'numeric',\n                month: 'short',\n              })}\n              )\n            </span>\n          </label>\n        ))}\n      </fieldset>\n    </ActionDialog>\n  );\n}\n\nfunction MergeDialog({ feature }: { feature: TriageFeature }) {\n  const { workspaceId } = usePlanMagnet();\n  const [open, setOpen] = useState(false);\n  const [search, setSearch] = useState('');\n  const [intoId, setIntoId] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const deferred = useDeferredValue(search.trim());\n  const [merge, state] = useMutation(MERGE, options);\n  const { data, loading } = useQuery<{\n    planmagnetFeatureRequests: {\n      items: { id: string; title: string; status: string; voteCount: number }[];\n      totalCount: number;\n    };\n  }>(MERGE_CANDIDATES, {\n    variables: { workspaceId: workspaceId ?? '', filter: deferred ? { search: deferred } : {} },\n    skip: !workspaceId || !open,\n  });\n  // A request cannot merge into itself, and a duplicate is not an original.\n  const candidates = (data?.planmagnetFeatureRequests.items ?? []).filter(\n    (f) => f.id !== feature.id && f.status !== 'DUPLICATE'\n  );\n  const submit = async () => {\n    setError(null);\n    try {\n      await throwOnError(merge({ variables: { id: feature.id, intoId } }));\n      setOpen(false);\n    } catch (e) {\n      setError(errorText(e, 'The requests could not be merged.'));\n    }\n  };\n  return (\n    <ActionDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) {\n          setSearch('');\n          setIntoId('');\n        } else setError(null);\n      }}\n      testId=\"triage-merge\"\n      trigger={\n        <>\n          <GitMerge className=\"mr-1 h-4 w-4\" />\n          Merge\n        </>\n      }\n      title={`Merge \"${feature.title}\" into its original`}\n      description=\"It becomes a duplicate of the original and its votes move there (someone who voted on both keeps one vote).\"\n      confirmLabel=\"Merge\"\n      canConfirm={intoId !== ''}\n      busy={state.loading}\n      onConfirm={() => void submit()}\n      error={error}\n    >\n      <div className=\"space-y-1\">\n        <label htmlFor={`triage-merge-into-${feature.id}`} className=\"text-sm font-medium\">\n          Original request\n        </label>\n        <Input\n          aria-label=\"Search feature requests\"\n          placeholder=\"Search by title\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n        />\n        <select\n          id={`triage-merge-into-${feature.id}`}\n          className=\"w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n          value={intoId}\n          onChange={(e) => setIntoId(e.target.value)}\n        >\n          <option value=\"\">\n            {loading && !data\n              ? 'Searching…'\n              : candidates.length\n                ? 'Choose the original'\n                : 'No match'}\n          </option>\n          {candidates.map((f) => (\n            <option key={f.id} value={f.id}>\n              {f.title} ({f.voteCount} vote{f.voteCount === 1 ? '' : 's'})\n            </option>\n          ))}\n        </select>\n      </div>\n    </ActionDialog>\n  );\n}\n\nfunction WakeButton({ feature }: { feature: TriageFeature }) {\n  const [snooze, state] = useMutation(SNOOZE, options);\n  const [error, setError] = useState<string | null>(null);\n  const wake = async () => {\n    setError(null);\n    try {\n      await throwOnError(snooze({ variables: { id: feature.id, until: null } }));\n    } catch (e) {\n      setError(errorText(e, 'The request could not be woken.'));\n    }\n  };\n  return (\n    <>\n      <Button\n        size=\"sm\"\n        variant=\"outline\"\n        data-testid=\"triage-wake\"\n        disabled={state.loading}\n        onClick={(e) => {\n          e.stopPropagation();\n          void wake();\n        }}\n      >\n        <Sun className=\"mr-1 h-4 w-4\" />\n        Back to triage\n      </Button>\n      {error && <ErrorLine message={error} />}\n    </>\n  );\n}\n\n/**\n * The four triage actions for an undecided request. Snooze applies only while it waits for triage (SUBMITTED);\n * a snoozed request offers \"Back to triage\" instead.\n */\nexport function FeatureTriageActions({ feature, now }: { feature: TriageFeature; now: number }) {\n  if (!isOpenRequest(feature.status)) return null;\n  const snoozed = isSnoozed(feature.snoozedUntil, now);\n  // React events bubble through portals: without this, a click or Enter inside a dialog reached the clickable\n  // list row around these actions and opened the request instead.\n  const contain = (e: { stopPropagation: () => void }) => e.stopPropagation();\n  return (\n    <div\n      className=\"flex flex-wrap items-center gap-2\"\n      data-testid=\"triage-actions\"\n      onClick={contain}\n      onKeyDown={contain}\n    >\n      <AcceptDialog feature={feature} />\n      <DeclineDialog feature={feature} />\n      {feature.status === 'SUBMITTED' &&\n        (snoozed ? <WakeButton feature={feature} /> : <SnoozeDialog feature={feature} />)}\n      <MergeDialog feature={feature} />\n    </div>\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,2CAqEnF"}

package/dist/planmagnet/controls/MilestoneControls.js

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