@burdenoff/microfe-planmagnet 2026.927.4 → 2026.927.5

package/dist/planmagnet/controls/MilestoneControls.js

@@ -1,26 +1,26 @@
 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";
+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 x = [
+var S = [
 	"PENDING",
 	"IN_PROGRESS",
 	"COMPLETED",
 	"MISSED",
 	"CANCELLED"
-], S = [
+], C = [
 	"GetMilestonesForDetail",
 	"GetMilestones",
 	"GetDashboardData",
 	"GetAnalyticsData"
-], C = c`
+], w = l`
   mutation MilestoneControlsUpdate($id: ID!, $input: PlanmagnetUpdateMilestoneInput!) {
     planmagnetUpdateMilestone(id: $id, input: $input) {
       id
@@ -31,161 +31,164 @@ var x = [
       completedAt
     }
   }
-`, w = c`
+`, T = l`
   mutation MilestoneControlsDelete($id: ID!) {
     planmagnetDeleteMilestone(id: $id)
   }
 `;
-function T({ milestone: o }) {
-	let c = e(), [f, p] = l(C, {
-		refetchQueries: S,
+function E({ milestone: s }) {
+	let l = e(), [p, m] = u(w, {
+		refetchQueries: C,
 		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);
+	}), [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 t(f({ variables: {
-				id: o.id,
+			await n(p({ variables: {
+				id: s.id,
 				input: { status: e }
 			} }));
 		} catch (e) {
-			_(e instanceof Error ? e.message : "The status could not be changed.");
+			v(e instanceof Error ? e.message : "The status could not be changed.");
 		}
-	}, T = async () => {
-		_(null);
+	}, E = async () => {
+		v(null);
 		try {
-			await t(m({ variables: { id: o.id } })), c("/projects/milestones-page");
+			await n(h({ variables: { id: s.id } })), l("/projects/milestones-page");
 		} catch (e) {
-			_(e instanceof Error ? e.message : "The milestone could not be deleted.");
+			v(e instanceof Error ? e.message : "The milestone could not be deleted.");
 		}
 	};
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		className: "flex flex-col items-end gap-2",
-		children: [/* @__PURE__ */ d("div", {
+		children: [/* @__PURE__ */ f("div", {
 			className: "flex flex-wrap items-center justify-end gap-2",
 			children: [
-				/* @__PURE__ */ u("select", {
+				/* @__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: o.status,
-					disabled: v,
+					value: s.status,
+					disabled: y,
 					onChange: (e) => {
-						e.target.value !== o.status && b(e.target.value);
+						e.target.value !== s.status && x(e.target.value);
 					},
-					children: y.map((e) => /* @__PURE__ */ u("option", {
+					children: b.map((e) => /* @__PURE__ */ d("option", {
 						value: e,
-						children: i(e)
+						children: a(e)
 					}, e))
 				}),
-				/* @__PURE__ */ u(D, { milestone: o }),
-				/* @__PURE__ */ u(n, {
+				/* @__PURE__ */ d(O, { milestone: s }),
+				/* @__PURE__ */ d(r, {
 					label: "Delete",
 					variant: "outline",
-					icon: /* @__PURE__ */ u(s, { className: "mr-1 h-4 w-4" }),
-					title: `Delete ${o.name}?`,
+					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: v,
-					onConfirm: () => void T()
+					disabled: y,
+					onConfirm: () => void E()
 				})
 			]
-		}), g && /* @__PURE__ */ u(r, { message: g })]
+		}), _ && /* @__PURE__ */ d(i, { message: _ })]
 	});
 }
-var E = (e) => e ? e.slice(0, 10) : "";
-function D({ milestone: e }) {
-	let n = {
+var D = (e) => e ? e.slice(0, 10) : "";
+function O({ milestone: e }) {
+	let t = {
 		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,
+		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() !== 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);
+		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 t(D({ variables: {
+			await n(E({ variables: {
 				id: e.id,
 				input: r
-			} })), s(!1);
+			} })), a(!1);
 		} catch (e) {
 			T(e instanceof Error ? e.message : "The milestone could not be saved.");
 		}
 	};
-	return /* @__PURE__ */ d(m, {
-		open: i,
+	return /* @__PURE__ */ f(h, {
+		open: r,
 		onOpenChange: (e) => {
-			s(e), e ? x(n) : T(null);
+			a(e), e ? l(t) : T(null);
 		},
-		children: [/* @__PURE__ */ u(b, {
+		children: [/* @__PURE__ */ d(x, {
 			asChild: !0,
-			children: /* @__PURE__ */ d(f, {
+			children: /* @__PURE__ */ f(p, {
 				size: "sm",
 				variant: "outline",
 				"data-testid": "milestone-edit",
-				children: [/* @__PURE__ */ u(o, { className: "mr-1 h-4 w-4" }), "Edit"]
+				children: [/* @__PURE__ */ d(s, { className: "mr-1 h-4 w-4" }), "Edit"]
 			})
-		}), /* @__PURE__ */ d(h, {
+		}), /* @__PURE__ */ f(g, {
 			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", {
+				/* @__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__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
 							htmlFor: "milestone-edit-name",
 							className: "text-sm font-medium",
 							children: "Name"
-						}), /* @__PURE__ */ u(p, {
+						}), /* @__PURE__ */ d(m, {
 							id: "milestone-edit-name",
 							className: "mt-1",
 							value: c.name,
-							onChange: (e) => x({
+							onChange: (e) => l({
 								...c,
 								name: e.target.value
 							})
 						})] }),
-						/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
 							htmlFor: "milestone-edit-due",
 							className: "text-sm font-medium",
 							children: "Due date"
-						}), /* @__PURE__ */ u(p, {
+						}), /* @__PURE__ */ d(m, {
 							id: "milestone-edit-due",
 							type: "date",
 							className: "mt-1",
 							value: c.dueDate,
-							onChange: (e) => x({
+							onChange: (e) => l({
 								...c,
 								dueDate: e.target.value
 							})
 						})] }),
-						/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
 							htmlFor: "milestone-edit-description",
 							className: "text-sm font-medium",
 							children: "Description"
-						}), /* @__PURE__ */ u("textarea", {
+						}), /* @__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) => x({
+							onChange: (e) => l({
 								...c,
 								description: e.target.value
 							})
 						})] }),
-						w && /* @__PURE__ */ u(r, { message: w })
+						S && /* @__PURE__ */ d(i, { message: S })
 					]
 				}),
-				/* @__PURE__ */ d(_, { children: [/* @__PURE__ */ u(f, {
+				/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(p, {
 					variant: "outline",
-					onClick: () => s(!1),
+					onClick: () => a(!1),
 					children: "Cancel"
-				}), /* @__PURE__ */ u(f, {
+				}), /* @__PURE__ */ d(p, {
 					onClick: () => void k(),
 					disabled: c.name.trim() === "" || O.loading,
 					children: O.loading ? "Saving…" : "Save"
@@ -195,6 +198,6 @@ function D({ milestone: e }) {
 	});
 }
 //#endregion
-export { T as MilestoneHeaderActions };
+export { E as MilestoneHeaderActions };
 
 //# sourceMappingURL=MilestoneControls.js.map

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

@@ -1 +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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"}
+{"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, LEAVES_PAGE_CONTEXT } 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    context: LEAVES_PAGE_CONTEXT,\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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/ProjectControls.tsx"],"names":[],"mappings":"AAWA;;;;;GAKG;AAEH,eAAO,MAAM,gBAAgB,kFAOnB,CAAC;AAyBX,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,IAAI,EACJ,MAAM,GACP,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,2CA4EA"}
+{"version":3,"file":"ProjectControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/ProjectControls.tsx"],"names":[],"mappings":"AAWA;;;;;GAKG;AAEH,eAAO,MAAM,gBAAgB,kFAOnB,CAAC;AAyBX,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,IAAI,EACJ,MAAM,GACP,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,2CA6EA"}

package/dist/planmagnet/controls/ProjectControls.js

@@ -1,104 +1,107 @@
 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 { detailPath as a } from "../utils/rowNavigation.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 } from "@burdenoff/fe-libs/ui";
+import { LEAVES_PAGE_CONTEXT as t, throwOnError as n } from "../utils/mutationResult.js";
+import { detailPath as r } from "../utils/rowNavigation.js";
+import { ConfirmButton as i, ErrorLine as a } from "./ConfirmButton.js";
+import { enumLabel as o } from "./WorkItemControls.js";
+import { useState as s } from "react";
+import { Pencil as c, Trash2 as l } from "lucide-react";
+import { gql as u } from "@apollo/client";
+import { useMutation as d } from "@apollo/client/react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Button as m } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/controls/ProjectControls.tsx
-var m = [
+var h = [
 	"PLANNING",
 	"ACTIVE",
 	"ON_HOLD",
 	"COMPLETED",
 	"CANCELLED",
 	"ARCHIVED"
-], h = l`
+], g = u`
   mutation ProjectControlsStatus($id: ID!, $input: PlanmagnetUpdateProjectInput!) {
     planmagnetUpdateProject(id: $id, input: $input) {
       id
       status
     }
   }
-`, g = l`
+`, _ = u`
   mutation ProjectControlsDelete($id: ID!) {
     planmagnetDeleteProject(id: $id)
   }
-`, _ = [
+`, v = [
 	"GetProjects",
 	"GetActiveProjects",
 	"GetBoardProjects",
 	"GetDashboardData",
 	"AdminPlanmagnetProjects"
 ];
-function v({ projectId: l, name: v, status: y }) {
-	let b = e(), [x, S] = u(h, {
-		refetchQueries: ["GetProjectDetail", ..._],
+function y({ projectId: u, name: y, status: b }) {
+	let x = e(), [S, C] = d(g, {
+		refetchQueries: ["GetProjectDetail", ...v],
 		awaitRefetchQueries: !0
-	}), [C, w] = u(g, { refetchQueries: _ }), [T, E] = o(null), D = S.loading || w.loading, O = m.includes(y) ? m : [y, ...m], k = async (e) => {
-		E(null);
+	}), [w, T] = d(_, {
+		refetchQueries: v,
+		context: t
+	}), [E, D] = s(null), O = C.loading || T.loading, k = h.includes(b) ? h : [b, ...h], A = async (e) => {
+		D(null);
 		try {
-			await t(x({ variables: {
-				id: l,
+			await n(S({ variables: {
+				id: u,
 				input: { status: e }
 			} }));
 		} catch (e) {
-			E(e instanceof Error ? e.message : "The status could not be changed.");
+			D(e instanceof Error ? e.message : "The status could not be changed.");
 		}
-	}, A = async () => {
-		E(null);
+	}, j = async () => {
+		D(null);
 		try {
-			await t(C({ variables: { id: l } })), b("/projects/projects-page");
+			await n(w({ variables: { id: u } })), x("/projects/projects-page");
 		} catch (e) {
-			E(e instanceof Error ? e.message : "The project could not be deleted.");
+			D(e instanceof Error ? e.message : "The project could not be deleted.");
 		}
 	};
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "flex flex-col items-end gap-2",
-		children: [/* @__PURE__ */ f("div", {
+		children: [/* @__PURE__ */ p("div", {
 			className: "flex flex-wrap items-center justify-end gap-2",
 			children: [
-				/* @__PURE__ */ d("select", {
+				/* @__PURE__ */ f("select", {
 					"aria-label": "Project status",
 					"data-testid": "project-status",
 					className: "rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60",
-					value: y,
-					disabled: D,
+					value: b,
+					disabled: O,
 					onChange: (e) => {
-						e.target.value !== y && k(e.target.value);
+						e.target.value !== b && A(e.target.value);
 					},
-					children: O.map((e) => /* @__PURE__ */ d("option", {
+					children: k.map((e) => /* @__PURE__ */ f("option", {
 						value: e,
-						children: i(e)
+						children: o(e)
 					}, e))
 				}),
-				/* @__PURE__ */ f(p, {
+				/* @__PURE__ */ p(m, {
 					size: "sm",
 					variant: "outline",
 					"data-testid": "project-edit",
-					onClick: () => b(a("/projects/edit-project-page", l)),
-					children: [/* @__PURE__ */ d(s, { className: "mr-1 h-4 w-4" }), "Edit"]
+					onClick: () => x(r("/projects/edit-project-page", u)),
+					children: [/* @__PURE__ */ f(c, { className: "mr-1 h-4 w-4" }), "Edit"]
 				}),
-				/* @__PURE__ */ d(n, {
+				/* @__PURE__ */ f(i, {
 					label: "Delete",
 					variant: "outline",
-					icon: /* @__PURE__ */ d(c, { className: "mr-1 h-4 w-4" }),
-					title: `Delete ${v}?`,
+					icon: /* @__PURE__ */ f(l, { className: "mr-1 h-4 w-4" }),
+					title: `Delete ${y}?`,
 					description: "The project is deleted. Its tasks, sprints, boards, milestones and budgets disappear from every list, and so do releases that belong to no other project. This cannot be undone here.",
 					confirmLabel: "Delete project",
 					destructive: !0,
-					disabled: D,
-					onConfirm: () => void A()
+					disabled: O,
+					onConfirm: () => void j()
 				})
 			]
-		}), T && /* @__PURE__ */ d(r, { message: T })]
+		}), E && /* @__PURE__ */ f(a, { message: E })]
 	});
 }
 //#endregion
-export { m as PROJECT_STATUSES, v as ProjectHeaderActions };
+export { h as PROJECT_STATUSES, y as ProjectHeaderActions };
 
 //# sourceMappingURL=ProjectControls.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectControls.js","names":[],"sources":["../../../src/planmagnet/controls/ProjectControls.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Pencil, Trash2 } from 'lucide-react';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { throwOnError } from '../utils/mutationResult';\nimport { ConfirmButton, ErrorLine } from './ConfirmButton';\nimport { enumLabel } from './WorkItemControls';\n\n/**\n * Project controls (BOFF-7940). A new project starts in PLANNING and, until 2026-09-27, nothing in the UI could\n * move it: no status control, and the Edit Project page (which had no Status field) was linked from nowhere. So\n * Projects > Active, the Dashboard's project status card and the admin Bulk Archive never showed a project created\n * in the UI.\n */\n\nexport const PROJECT_STATUSES = [\n  'PLANNING',\n  'ACTIVE',\n  'ON_HOLD',\n  'COMPLETED',\n  'CANCELLED',\n  'ARCHIVED',\n] as const;\n\nconst UPDATE_PROJECT_STATUS = gql`\n  mutation ProjectControlsStatus($id: ID!, $input: PlanmagnetUpdateProjectInput!) {\n    planmagnetUpdateProject(id: $id, input: $input) {\n      id\n      status\n    }\n  }\n`;\nconst DELETE_PROJECT = gql`\n  mutation ProjectControlsDelete($id: ID!) {\n    planmagnetDeleteProject(id: $id)\n  }\n`;\n\n/** Every query that lists projects or shows a project's status. */\nconst PROJECT_LIST_QUERIES = [\n  'GetProjects',\n  'GetActiveProjects',\n  'GetBoardProjects',\n  'GetDashboardData',\n  'AdminPlanmagnetProjects',\n];\n\nexport function ProjectHeaderActions({\n  projectId,\n  name,\n  status,\n}: {\n  projectId: string;\n  name: string;\n  status: string;\n}) {\n  const navigate = usePlanMagnetNavigate();\n  const [updateStatus, statusState] = useMutation(UPDATE_PROJECT_STATUS, {\n    refetchQueries: ['GetProjectDetail', ...PROJECT_LIST_QUERIES],\n    awaitRefetchQueries: true,\n  });\n  const [remove, removeState] = useMutation(DELETE_PROJECT, {\n    refetchQueries: PROJECT_LIST_QUERIES,\n  });\n  const [error, setError] = useState<string | null>(null);\n  const busy = statusState.loading || removeState.loading;\n  const statuses = (PROJECT_STATUSES as readonly string[]).includes(status)\n    ? PROJECT_STATUSES\n    : [status, ...PROJECT_STATUSES];\n\n  const onStatus = async (next: string) => {\n    setError(null);\n    try {\n      await throwOnError(updateStatus({ variables: { id: projectId, input: { status: next } } }));\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: projectId } }));\n      navigate('/projects/projects-page');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The project 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=\"Project status\"\n          data-testid=\"project-status\"\n          className=\"rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60\"\n          value={status}\n          disabled={busy}\n          onChange={(e) => {\n            if (e.target.value !== 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        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          data-testid=\"project-edit\"\n          onClick={() => navigate(detailPath('/projects/edit-project-page', projectId))}\n        >\n          <Pencil className=\"mr-1 h-4 w-4\" />\n          Edit\n        </Button>\n        <ConfirmButton\n          label=\"Delete\"\n          variant=\"outline\"\n          icon={<Trash2 className=\"mr-1 h-4 w-4\" />}\n          title={`Delete ${name}?`}\n          description=\"The project is deleted. Its tasks, sprints, boards, milestones and budgets disappear from every list, and so do releases that belong to no other project. This cannot be undone here.\"\n          confirmLabel=\"Delete project\"\n          destructive\n          disabled={busy}\n          onConfirm={() => void onDelete()}\n        />\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,IAAa,IAAmB;CAC9B;CACA;CACA;CACA;CACA;CACA;CACD,EAEK,IAAwB,CAAG;;;;;;;GAQ3B,IAAiB,CAAG;;;;GAOpB,IAAuB;CAC3B;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,EAAqB,EACnC,cACA,SACA,aAKC;CACD,IAAM,IAAW,GAAuB,EAClC,CAAC,GAAc,KAAe,EAAY,GAAuB;EACrE,gBAAgB,CAAC,oBAAoB,GAAG,EAAqB;EAC7D,qBAAqB;EACtB,CAAC,EACI,CAAC,GAAQ,KAAe,EAAY,GAAgB,EACxD,gBAAgB,GACjB,CAAC,EACI,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,IAAO,EAAY,WAAW,EAAY,SAC1C,IAAY,EAAuC,SAAS,EAAO,GACrE,IACA,CAAC,GAAQ,GAAG,EAAiB,EAE3B,IAAW,OAAO,MAAiB;AACvC,IAAS,KAAK;AACd,MAAI;AACF,SAAM,EAAa,EAAa,EAAE,WAAW;IAAE,IAAI;IAAW,OAAO,EAAE,QAAQ,GAAM;IAAE,EAAE,CAAC,CAAC;WACpF,GAAG;AACV,KAAS,aAAa,QAAQ,EAAE,UAAU,mCAAmC;;IAG3E,IAAW,YAAY;AAC3B,IAAS,KAAK;AACd,MAAI;AAEF,GADA,MAAM,EAAa,EAAO,EAAE,WAAW,EAAE,IAAI,GAAW,EAAE,CAAC,CAAC,EAC5D,EAAS,0BAA0B;WAC5B,GAAG;AACV,KAAS,aAAa,QAAQ,EAAE,UAAU,oCAAoC;;;AAIlF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,UAAD;KACE,cAAW;KACX,eAAY;KACZ,WAAU;KACV,OAAO;KACP,UAAU;KACV,WAAW,MAAM;AACf,MAAI,EAAE,OAAO,UAAU,KAAa,EAAS,EAAE,OAAO,MAAM;;eAG7D,EAAS,KAAK,MACb,kBAAC,UAAD;MAAgB,OAAO;gBACpB,EAAU,EAAE;MACN,EAFI,EAEJ,CACT;KACK,CAAA;IACT,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,eAAY;KACZ,eAAe,EAAS,EAAW,+BAA+B,EAAU,CAAC;eAJ/E,CAME,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA,EAAA,OAE5B;;IACT,kBAAC,GAAD;KACE,OAAM;KACN,SAAQ;KACR,MAAM,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA;KACzC,OAAO,UAAU,EAAK;KACtB,aAAY;KACZ,cAAa;KACb,aAAA;KACA,UAAU;KACV,iBAAiB,KAAK,GAAU;KAChC,CAAA;IACE;MACL,KAAS,kBAAC,GAAD,EAAW,SAAS,GAAS,CAAA,CACnC"}
+{"version":3,"file":"ProjectControls.js","names":[],"sources":["../../../src/planmagnet/controls/ProjectControls.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Pencil, Trash2 } from 'lucide-react';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { throwOnError, LEAVES_PAGE_CONTEXT } from '../utils/mutationResult';\nimport { ConfirmButton, ErrorLine } from './ConfirmButton';\nimport { enumLabel } from './WorkItemControls';\n\n/**\n * Project controls (BOFF-7940). A new project starts in PLANNING and, until 2026-09-27, nothing in the UI could\n * move it: no status control, and the Edit Project page (which had no Status field) was linked from nowhere. So\n * Projects > Active, the Dashboard's project status card and the admin Bulk Archive never showed a project created\n * in the UI.\n */\n\nexport const PROJECT_STATUSES = [\n  'PLANNING',\n  'ACTIVE',\n  'ON_HOLD',\n  'COMPLETED',\n  'CANCELLED',\n  'ARCHIVED',\n] as const;\n\nconst UPDATE_PROJECT_STATUS = gql`\n  mutation ProjectControlsStatus($id: ID!, $input: PlanmagnetUpdateProjectInput!) {\n    planmagnetUpdateProject(id: $id, input: $input) {\n      id\n      status\n    }\n  }\n`;\nconst DELETE_PROJECT = gql`\n  mutation ProjectControlsDelete($id: ID!) {\n    planmagnetDeleteProject(id: $id)\n  }\n`;\n\n/** Every query that lists projects or shows a project's status. */\nconst PROJECT_LIST_QUERIES = [\n  'GetProjects',\n  'GetActiveProjects',\n  'GetBoardProjects',\n  'GetDashboardData',\n  'AdminPlanmagnetProjects',\n];\n\nexport function ProjectHeaderActions({\n  projectId,\n  name,\n  status,\n}: {\n  projectId: string;\n  name: string;\n  status: string;\n}) {\n  const navigate = usePlanMagnetNavigate();\n  const [updateStatus, statusState] = useMutation(UPDATE_PROJECT_STATUS, {\n    refetchQueries: ['GetProjectDetail', ...PROJECT_LIST_QUERIES],\n    awaitRefetchQueries: true,\n  });\n  const [remove, removeState] = useMutation(DELETE_PROJECT, {\n    refetchQueries: PROJECT_LIST_QUERIES,\n    context: LEAVES_PAGE_CONTEXT,\n  });\n  const [error, setError] = useState<string | null>(null);\n  const busy = statusState.loading || removeState.loading;\n  const statuses = (PROJECT_STATUSES as readonly string[]).includes(status)\n    ? PROJECT_STATUSES\n    : [status, ...PROJECT_STATUSES];\n\n  const onStatus = async (next: string) => {\n    setError(null);\n    try {\n      await throwOnError(updateStatus({ variables: { id: projectId, input: { status: next } } }));\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: projectId } }));\n      navigate('/projects/projects-page');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The project 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=\"Project status\"\n          data-testid=\"project-status\"\n          className=\"rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60\"\n          value={status}\n          disabled={busy}\n          onChange={(e) => {\n            if (e.target.value !== 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        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          data-testid=\"project-edit\"\n          onClick={() => navigate(detailPath('/projects/edit-project-page', projectId))}\n        >\n          <Pencil className=\"mr-1 h-4 w-4\" />\n          Edit\n        </Button>\n        <ConfirmButton\n          label=\"Delete\"\n          variant=\"outline\"\n          icon={<Trash2 className=\"mr-1 h-4 w-4\" />}\n          title={`Delete ${name}?`}\n          description=\"The project is deleted. Its tasks, sprints, boards, milestones and budgets disappear from every list, and so do releases that belong to no other project. This cannot be undone here.\"\n          confirmLabel=\"Delete project\"\n          destructive\n          disabled={busy}\n          onConfirm={() => void onDelete()}\n        />\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,IAAa,IAAmB;CAC9B;CACA;CACA;CACA;CACA;CACA;CACD,EAEK,IAAwB,CAAG;;;;;;;GAQ3B,IAAiB,CAAG;;;;GAOpB,IAAuB;CAC3B;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,EAAqB,EACnC,cACA,SACA,aAKC;CACD,IAAM,IAAW,GAAuB,EAClC,CAAC,GAAc,KAAe,EAAY,GAAuB;EACrE,gBAAgB,CAAC,oBAAoB,GAAG,EAAqB;EAC7D,qBAAqB;EACtB,CAAC,EACI,CAAC,GAAQ,KAAe,EAAY,GAAgB;EACxD,gBAAgB;EAChB,SAAS;EACV,CAAC,EACI,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,IAAO,EAAY,WAAW,EAAY,SAC1C,IAAY,EAAuC,SAAS,EAAO,GACrE,IACA,CAAC,GAAQ,GAAG,EAAiB,EAE3B,IAAW,OAAO,MAAiB;AACvC,IAAS,KAAK;AACd,MAAI;AACF,SAAM,EAAa,EAAa,EAAE,WAAW;IAAE,IAAI;IAAW,OAAO,EAAE,QAAQ,GAAM;IAAE,EAAE,CAAC,CAAC;WACpF,GAAG;AACV,KAAS,aAAa,QAAQ,EAAE,UAAU,mCAAmC;;IAG3E,IAAW,YAAY;AAC3B,IAAS,KAAK;AACd,MAAI;AAEF,GADA,MAAM,EAAa,EAAO,EAAE,WAAW,EAAE,IAAI,GAAW,EAAE,CAAC,CAAC,EAC5D,EAAS,0BAA0B;WAC5B,GAAG;AACV,KAAS,aAAa,QAAQ,EAAE,UAAU,oCAAoC;;;AAIlF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,UAAD;KACE,cAAW;KACX,eAAY;KACZ,WAAU;KACV,OAAO;KACP,UAAU;KACV,WAAW,MAAM;AACf,MAAI,EAAE,OAAO,UAAU,KAAa,EAAS,EAAE,OAAO,MAAM;;eAG7D,EAAS,KAAK,MACb,kBAAC,UAAD;MAAgB,OAAO;gBACpB,EAAU,EAAE;MACN,EAFI,EAEJ,CACT;KACK,CAAA;IACT,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,eAAY;KACZ,eAAe,EAAS,EAAW,+BAA+B,EAAU,CAAC;eAJ/E,CAME,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA,EAAA,OAE5B;;IACT,kBAAC,GAAD;KACE,OAAM;KACN,SAAQ;KACR,MAAM,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA;KACzC,OAAO,UAAU,EAAK;KACtB,aAAY;KACZ,cAAa;KACb,aAAA;KACA,UAAU;KACV,iBAAiB,KAAK,GAAU;KAChC,CAAA;IACE;MACL,KAAS,kBAAC,GAAD,EAAW,SAAS,GAAS,CAAA,CACnC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ReleaseControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/ReleaseControls.tsx"],"names":[],"mappings":"AAWA;;;;;GAKG;AAEH,oFAAoF;AACpF,eAAO,MAAM,gBAAgB,2GASnB,CAAC;AA0BX,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,OAAO,EACP,MAAM,GACP,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB,2CA4EA"}
+{"version":3,"file":"ReleaseControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/ReleaseControls.tsx"],"names":[],"mappings":"AAWA;;;;;GAKG;AAEH,oFAAoF;AACpF,eAAO,MAAM,gBAAgB,2GASnB,CAAC;AA0BX,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,OAAO,EACP,MAAM,GACP,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB,2CA6EA"}