@burdenoff/microfe-planmagnet 2026.928.3 → 2026.928.5

package/dist/planmagnet/controls/RiskControls.js

@@ -0,0 +1,346 @@
+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 { AssigneeSelect as a, 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, Input as h, ResponsiveDialog as g, ResponsiveDialogContent as _, ResponsiveDialogDescription as v, ResponsiveDialogFooter as y, ResponsiveDialogHeader as b, ResponsiveDialogTitle as x, ResponsiveDialogTrigger as S } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/controls/RiskControls.tsx
+var C = [
+	"IDENTIFIED",
+	"ANALYZING",
+	"MITIGATING",
+	"ACCEPTED",
+	"RESOLVED",
+	"CLOSED"
+], w = [
+	"CRITICAL",
+	"HIGH",
+	"MEDIUM",
+	"LOW",
+	"NEGLIGIBLE"
+], T = [
+	"GetRiskDetail",
+	"GetRisks",
+	"GetRiskMatrix",
+	"GetProjectDetail"
+], E = u`
+  mutation RiskControlsUpdate($id: ID!, $input: PlanmagnetUpdateRiskInput!) {
+    planmagnetUpdateRisk(id: $id, input: $input) {
+      id
+      title
+      description
+      severity
+      status
+      likelihood
+      impact
+      riskScore
+      category
+      mitigationPlan
+      contingencyPlan
+      ownerId
+      dueDate
+      resolvedAt
+    }
+  }
+`, D = u`
+  mutation RiskControlsDelete($id: ID!) {
+    planmagnetDeleteRisk(id: $id)
+  }
+`, O = (e) => e ? e.slice(0, 10) : "";
+function k({ risk: a }) {
+	let c = e(), [u, m] = d(E, {
+		refetchQueries: T,
+		awaitRefetchQueries: !0
+	}), [h, g] = d(D, {
+		refetchQueries: T.filter((e) => e !== "GetRiskDetail"),
+		context: t
+	}), [_, v] = s(null), y = m.loading || g.loading, b = C.includes(a.status) ? C : [a.status, ...C], x = async (e) => {
+		v(null);
+		let t = { status: e };
+		(e === "RESOLVED" || e === "CLOSED") && a.status !== "RESOLVED" && a.status !== "CLOSED" ? t.resolvedAt = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10) : e !== "RESOLVED" && e !== "CLOSED" && (t.resolvedAt = null);
+		try {
+			await n(u({ variables: {
+				id: a.id,
+				input: t
+			} }));
+		} catch (e) {
+			v(e instanceof Error ? e.message : "The status could not be changed.");
+		}
+	}, S = async () => {
+		v(null);
+		try {
+			await n(h({ variables: { id: a.id } })), c("/risks/risk-register-page");
+		} catch (e) {
+			v(e instanceof Error ? e.message : "The risk could not be deleted.");
+		}
+	};
+	return /* @__PURE__ */ p("div", {
+		className: "flex flex-col items-end gap-2",
+		children: [/* @__PURE__ */ p("div", {
+			className: "flex flex-wrap items-center justify-end gap-2",
+			children: [
+				/* @__PURE__ */ f("select", {
+					"aria-label": "Status",
+					"data-testid": "risk-status",
+					className: "rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60",
+					value: a.status,
+					disabled: y,
+					onChange: (e) => {
+						e.target.value !== a.status && x(e.target.value);
+					},
+					children: b.map((e) => /* @__PURE__ */ f("option", {
+						value: e,
+						children: o(e)
+					}, e))
+				}),
+				/* @__PURE__ */ f(M, { risk: a }),
+				/* @__PURE__ */ f(r, {
+					label: "Delete",
+					variant: "outline",
+					icon: /* @__PURE__ */ f(l, { className: "mr-1 h-4 w-4" }),
+					title: `Delete "${a.title}"?`,
+					description: "The risk is removed from the register. This cannot be undone here.",
+					confirmLabel: "Delete risk",
+					destructive: !0,
+					disabled: y,
+					onConfirm: () => void S()
+				})
+			]
+		}), _ && /* @__PURE__ */ f(i, { message: _ })]
+	});
+}
+var A = "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm", j = [
+	1,
+	2,
+	3,
+	4,
+	5
+];
+function M({ risk: e }) {
+	let t = {
+		title: e.title,
+		description: e.description ?? "",
+		severity: e.severity,
+		likelihood: e.likelihood,
+		impact: e.impact,
+		category: e.category ?? "",
+		mitigationPlan: e.mitigationPlan ?? "",
+		contingencyPlan: e.contingencyPlan ?? "",
+		ownerId: e.ownerId ?? "",
+		dueDate: O(e.dueDate)
+	}, [r, l] = s(!1), [u, C] = s(t), [D, k] = s(null), [M, N] = d(E, {
+		refetchQueries: T,
+		awaitRefetchQueries: !0
+	}), P = async () => {
+		k(null);
+		let r = {};
+		if (u.title.trim() !== t.title && (r.title = u.title.trim()), u.description.trim() !== t.description.trim() && (r.description = u.description.trim() || null), u.severity !== t.severity && (r.severity = u.severity), u.likelihood !== t.likelihood && (r.likelihood = u.likelihood), u.impact !== t.impact && (r.impact = u.impact), u.category.trim() !== t.category.trim() && (r.category = u.category.trim() || null), u.mitigationPlan.trim() !== t.mitigationPlan.trim() && (r.mitigationPlan = u.mitigationPlan.trim() || null), u.contingencyPlan.trim() !== t.contingencyPlan.trim() && (r.contingencyPlan = u.contingencyPlan.trim() || null), u.ownerId !== t.ownerId && (r.ownerId = u.ownerId || null), u.dueDate !== t.dueDate && (r.dueDate = u.dueDate || null), Object.keys(r).length === 0) {
+			l(!1);
+			return;
+		}
+		try {
+			await n(M({ variables: {
+				id: e.id,
+				input: r
+			} })), l(!1);
+		} catch (e) {
+			k(e instanceof Error ? e.message : "The risk could not be saved.");
+		}
+	};
+	return /* @__PURE__ */ p(g, {
+		open: r,
+		onOpenChange: (e) => {
+			l(e), e ? C(t) : k(null);
+		},
+		children: [/* @__PURE__ */ f(S, {
+			asChild: !0,
+			children: /* @__PURE__ */ p(m, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": "risk-edit",
+				children: [/* @__PURE__ */ f(c, { className: "mr-1 h-4 w-4" }), "Edit"]
+			})
+		}), /* @__PURE__ */ p(_, {
+			className: "max-w-lg max-h-[85vh] overflow-y-auto",
+			children: [
+				/* @__PURE__ */ p(b, { children: [/* @__PURE__ */ f(x, { children: "Edit risk" }), /* @__PURE__ */ f(v, { children: "Only changed fields are saved." })] }),
+				/* @__PURE__ */ p("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							htmlFor: "risk-edit-title",
+							className: "text-sm font-medium",
+							children: "Title"
+						}), /* @__PURE__ */ f(h, {
+							id: "risk-edit-title",
+							className: "mt-1",
+							value: u.title,
+							onChange: (e) => C({
+								...u,
+								title: e.target.value
+							})
+						})] }),
+						/* @__PURE__ */ p("div", {
+							className: "grid grid-cols-3 gap-3",
+							children: [
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									htmlFor: "risk-edit-severity",
+									className: "text-sm font-medium",
+									children: "Severity"
+								}), /* @__PURE__ */ f("select", {
+									id: "risk-edit-severity",
+									className: A,
+									value: u.severity,
+									onChange: (e) => C({
+										...u,
+										severity: e.target.value
+									}),
+									children: w.includes(u.severity) ? w.map((e) => /* @__PURE__ */ f("option", {
+										value: e,
+										children: o(e)
+									}, e)) : [u.severity, ...w].map((e) => /* @__PURE__ */ f("option", {
+										value: e,
+										children: o(e)
+									}, e))
+								})] }),
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									htmlFor: "risk-edit-likelihood",
+									className: "text-sm font-medium",
+									children: "Likelihood"
+								}), /* @__PURE__ */ f("select", {
+									id: "risk-edit-likelihood",
+									className: A,
+									value: u.likelihood,
+									onChange: (e) => C({
+										...u,
+										likelihood: Number(e.target.value)
+									}),
+									children: j.map((e) => /* @__PURE__ */ f("option", {
+										value: e,
+										children: e
+									}, e))
+								})] }),
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									htmlFor: "risk-edit-impact",
+									className: "text-sm font-medium",
+									children: "Impact"
+								}), /* @__PURE__ */ f("select", {
+									id: "risk-edit-impact",
+									className: A,
+									value: u.impact,
+									onChange: (e) => C({
+										...u,
+										impact: Number(e.target.value)
+									}),
+									children: j.map((e) => /* @__PURE__ */ f("option", {
+										value: e,
+										children: e
+									}, e))
+								})] })
+							]
+						}),
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							htmlFor: "risk-edit-category",
+							className: "text-sm font-medium",
+							children: "Category"
+						}), /* @__PURE__ */ f(h, {
+							id: "risk-edit-category",
+							className: "mt-1",
+							value: u.category,
+							onChange: (e) => C({
+								...u,
+								category: e.target.value
+							})
+						})] }),
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							htmlFor: "risk-edit-owner",
+							className: "text-sm font-medium",
+							children: "Owner"
+						}), /* @__PURE__ */ f("div", {
+							className: "mt-1",
+							children: /* @__PURE__ */ f(a, {
+								id: "risk-edit-owner",
+								value: u.ownerId,
+								onChange: (e) => C({
+									...u,
+									ownerId: e
+								})
+							})
+						})] }),
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							htmlFor: "risk-edit-due",
+							className: "text-sm font-medium",
+							children: "Due date"
+						}), /* @__PURE__ */ f(h, {
+							id: "risk-edit-due",
+							type: "date",
+							className: "mt-1",
+							value: u.dueDate,
+							onChange: (e) => C({
+								...u,
+								dueDate: e.target.value
+							})
+						})] }),
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							htmlFor: "risk-edit-description",
+							className: "text-sm font-medium",
+							children: "Description"
+						}), /* @__PURE__ */ f("textarea", {
+							id: "risk-edit-description",
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[64px]",
+							value: u.description,
+							onChange: (e) => C({
+								...u,
+								description: e.target.value
+							})
+						})] }),
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							htmlFor: "risk-edit-mitigation",
+							className: "text-sm font-medium",
+							children: "Mitigation plan"
+						}), /* @__PURE__ */ f("textarea", {
+							id: "risk-edit-mitigation",
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[64px]",
+							value: u.mitigationPlan,
+							onChange: (e) => C({
+								...u,
+								mitigationPlan: e.target.value
+							})
+						})] }),
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							htmlFor: "risk-edit-contingency",
+							className: "text-sm font-medium",
+							children: "Contingency plan"
+						}), /* @__PURE__ */ f("textarea", {
+							id: "risk-edit-contingency",
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[64px]",
+							value: u.contingencyPlan,
+							onChange: (e) => C({
+								...u,
+								contingencyPlan: e.target.value
+							})
+						})] }),
+						D && /* @__PURE__ */ f(i, { message: D })
+					]
+				}),
+				/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(m, {
+					variant: "outline",
+					onClick: () => l(!1),
+					children: "Cancel"
+				}), /* @__PURE__ */ f(m, {
+					onClick: () => void P(),
+					disabled: u.title.trim() === "" || N.loading,
+					children: N.loading ? "Saving…" : "Save"
+				})] })
+			]
+		})]
+	});
+}
+//#endregion
+export { w as RISK_SEVERITIES, C as RISK_STATUSES, k as RiskHeaderActions };
+
+//# sourceMappingURL=RiskControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RiskControls.js","names":[],"sources":["../../../src/planmagnet/controls/RiskControls.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, AssigneeSelect } from './WorkItemControls';\n\n/**\n * Risk register controls (BOFF-8047). The register API (planmagnetCreateRisk/UpdateRisk/DeleteRisk,\n * planmagnetRisks, planmagnetRiskMatrix) has been served and prod-verified since the risk module shipped —\n * `CAPABILITY_REGISTER.md` carried it `api-only` because no page reached it. Status moves freely between the\n * six `RiskStatus` values (the service enforces only the 1-5 likelihood/impact range, not a transition table),\n * so — like Milestones — this is a plain select rather than an allowed-moves picker.\n */\n\nexport const RISK_STATUSES = [\n  'IDENTIFIED',\n  'ANALYZING',\n  'MITIGATING',\n  'ACCEPTED',\n  'RESOLVED',\n  'CLOSED',\n] as const;\n\nexport const RISK_SEVERITIES = ['CRITICAL', 'HIGH', 'MEDIUM', 'LOW', 'NEGLIGIBLE'] as const;\n\nconst RISK_QUERIES = ['GetRiskDetail', 'GetRisks', 'GetRiskMatrix', 'GetProjectDetail'];\n\nconst UPDATE = gql`\n  mutation RiskControlsUpdate($id: ID!, $input: PlanmagnetUpdateRiskInput!) {\n    planmagnetUpdateRisk(id: $id, input: $input) {\n      id\n      title\n      description\n      severity\n      status\n      likelihood\n      impact\n      riskScore\n      category\n      mitigationPlan\n      contingencyPlan\n      ownerId\n      dueDate\n      resolvedAt\n    }\n  }\n`;\nconst DELETE = gql`\n  mutation RiskControlsDelete($id: ID!) {\n    planmagnetDeleteRisk(id: $id)\n  }\n`;\n\nexport interface RiskValues {\n  id: string;\n  title: string;\n  description: string | null;\n  severity: string;\n  status: string;\n  likelihood: number;\n  impact: number;\n  category: string | null;\n  mitigationPlan: string | null;\n  contingencyPlan: string | null;\n  ownerId: string | null;\n  dueDate: string | null;\n}\n\nconst day = (iso: string | null) => (iso ? iso.slice(0, 10) : '');\n\nexport function RiskHeaderActions({ risk }: { risk: RiskValues }) {\n  const navigate = usePlanMagnetNavigate();\n  const [update, updateState] = useMutation(UPDATE, {\n    refetchQueries: RISK_QUERIES,\n    awaitRefetchQueries: true,\n  });\n  const [remove, removeState] = useMutation(DELETE, {\n    refetchQueries: RISK_QUERIES.filter((q) => q !== 'GetRiskDetail'),\n    context: LEAVES_PAGE_CONTEXT,\n  });\n  const [error, setError] = useState<string | null>(null);\n  const busy = updateState.loading || removeState.loading;\n  const statuses = (RISK_STATUSES as readonly string[]).includes(risk.status)\n    ? RISK_STATUSES\n    : [risk.status, ...RISK_STATUSES];\n\n  const onStatus = async (status: string) => {\n    setError(null);\n    const input: Record<string, unknown> = { status };\n    // Resolving or closing a risk that has never been resolved records the date; re-opening clears it.\n    if (\n      (status === 'RESOLVED' || status === 'CLOSED') &&\n      risk.status !== 'RESOLVED' &&\n      risk.status !== 'CLOSED'\n    ) {\n      input.resolvedAt = new Date().toISOString().slice(0, 10);\n    } else if (status !== 'RESOLVED' && status !== 'CLOSED') {\n      input.resolvedAt = null;\n    }\n    try {\n      await throwOnError(update({ variables: { id: risk.id, input } }));\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: risk.id } }));\n      navigate('/risks/risk-register-page');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The risk 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=\"risk-status\"\n          className=\"rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60\"\n          value={risk.status}\n          disabled={busy}\n          onChange={(e) => {\n            if (e.target.value !== risk.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        <RiskEditDialog risk={risk} />\n        <ConfirmButton\n          label=\"Delete\"\n          variant=\"outline\"\n          icon={<Trash2 className=\"mr-1 h-4 w-4\" />}\n          title={`Delete \"${risk.title}\"?`}\n          description=\"The risk is removed from the register. This cannot be undone here.\"\n          confirmLabel=\"Delete risk\"\n          destructive\n          disabled={busy}\n          onConfirm={() => void onDelete()}\n        />\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\nconst FIELD = 'mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm';\nconst SCORES = [1, 2, 3, 4, 5] as const;\n\n/** Title, severity, likelihood/impact, category, mitigation/contingency plans, owner and due date. */\nfunction RiskEditDialog({ risk }: { risk: RiskValues }) {\n  const initial = {\n    title: risk.title,\n    description: risk.description ?? '',\n    severity: risk.severity,\n    likelihood: risk.likelihood,\n    impact: risk.impact,\n    category: risk.category ?? '',\n    mitigationPlan: risk.mitigationPlan ?? '',\n    contingencyPlan: risk.contingencyPlan ?? '',\n    ownerId: risk.ownerId ?? '',\n    dueDate: day(risk.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: RISK_QUERIES,\n    awaitRefetchQueries: true,\n  });\n\n  const save = async () => {\n    setError(null);\n    const input: Record<string, unknown> = {};\n    if (form.title.trim() !== initial.title) input.title = form.title.trim();\n    if (form.description.trim() !== initial.description.trim())\n      input.description = form.description.trim() || null;\n    if (form.severity !== initial.severity) input.severity = form.severity;\n    if (form.likelihood !== initial.likelihood) input.likelihood = form.likelihood;\n    if (form.impact !== initial.impact) input.impact = form.impact;\n    if (form.category.trim() !== initial.category.trim())\n      input.category = form.category.trim() || null;\n    if (form.mitigationPlan.trim() !== initial.mitigationPlan.trim())\n      input.mitigationPlan = form.mitigationPlan.trim() || null;\n    if (form.contingencyPlan.trim() !== initial.contingencyPlan.trim())\n      input.contingencyPlan = form.contingencyPlan.trim() || null;\n    if (form.ownerId !== initial.ownerId) input.ownerId = form.ownerId || 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: risk.id, input } }));\n      setOpen(false);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The risk 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=\"risk-edit\">\n          <Pencil className=\"mr-1 h-4 w-4\" />\n          Edit\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg max-h-[85vh] overflow-y-auto\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Edit risk</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>Only changed fields are saved.</ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <label htmlFor=\"risk-edit-title\" className=\"text-sm font-medium\">\n              Title\n            </label>\n            <Input\n              id=\"risk-edit-title\"\n              className=\"mt-1\"\n              value={form.title}\n              onChange={(e) => setForm({ ...form, title: e.target.value })}\n            />\n          </div>\n          <div className=\"grid grid-cols-3 gap-3\">\n            <div>\n              <label htmlFor=\"risk-edit-severity\" className=\"text-sm font-medium\">\n                Severity\n              </label>\n              <select\n                id=\"risk-edit-severity\"\n                className={FIELD}\n                value={form.severity}\n                onChange={(e) => setForm({ ...form, severity: e.target.value })}\n              >\n                {(RISK_SEVERITIES as readonly string[]).includes(form.severity)\n                  ? RISK_SEVERITIES.map((s) => (\n                      <option key={s} value={s}>\n                        {enumLabel(s)}\n                      </option>\n                    ))\n                  : [form.severity, ...RISK_SEVERITIES].map((s) => (\n                      <option key={s} value={s}>\n                        {enumLabel(s)}\n                      </option>\n                    ))}\n              </select>\n            </div>\n            <div>\n              <label htmlFor=\"risk-edit-likelihood\" className=\"text-sm font-medium\">\n                Likelihood\n              </label>\n              <select\n                id=\"risk-edit-likelihood\"\n                className={FIELD}\n                value={form.likelihood}\n                onChange={(e) => setForm({ ...form, likelihood: Number(e.target.value) })}\n              >\n                {SCORES.map((s) => (\n                  <option key={s} value={s}>\n                    {s}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label htmlFor=\"risk-edit-impact\" className=\"text-sm font-medium\">\n                Impact\n              </label>\n              <select\n                id=\"risk-edit-impact\"\n                className={FIELD}\n                value={form.impact}\n                onChange={(e) => setForm({ ...form, impact: Number(e.target.value) })}\n              >\n                {SCORES.map((s) => (\n                  <option key={s} value={s}>\n                    {s}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n          <div>\n            <label htmlFor=\"risk-edit-category\" className=\"text-sm font-medium\">\n              Category\n            </label>\n            <Input\n              id=\"risk-edit-category\"\n              className=\"mt-1\"\n              value={form.category}\n              onChange={(e) => setForm({ ...form, category: e.target.value })}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"risk-edit-owner\" className=\"text-sm font-medium\">\n              Owner\n            </label>\n            <div className=\"mt-1\">\n              <AssigneeSelect\n                id=\"risk-edit-owner\"\n                value={form.ownerId}\n                onChange={(ownerId) => setForm({ ...form, ownerId })}\n              />\n            </div>\n          </div>\n          <div>\n            <label htmlFor=\"risk-edit-due\" className=\"text-sm font-medium\">\n              Due date\n            </label>\n            <Input\n              id=\"risk-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=\"risk-edit-description\" className=\"text-sm font-medium\">\n              Description\n            </label>\n            <textarea\n              id=\"risk-edit-description\"\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[64px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"risk-edit-mitigation\" className=\"text-sm font-medium\">\n              Mitigation plan\n            </label>\n            <textarea\n              id=\"risk-edit-mitigation\"\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[64px]\"\n              value={form.mitigationPlan}\n              onChange={(e) => setForm({ ...form, mitigationPlan: e.target.value })}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"risk-edit-contingency\" className=\"text-sm font-medium\">\n              Contingency plan\n            </label>\n            <textarea\n              id=\"risk-edit-contingency\"\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[64px]\"\n              value={form.contingencyPlan}\n              onChange={(e) => setForm({ ...form, contingencyPlan: 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.title.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/TemplateControls.d.ts

@@ -0,0 +1,15 @@
+/** Every query that lists or shows a template, so a delete or edit is visible everywhere without a manual reload. */
+export declare const TEMPLATE_QUERIES: string[];
+/**
+ * Deleting a built-in template is technically accepted by the service (nothing in `TemplateService.delete`
+ * checks `isBuiltIn`), but a system-provided starting point disappearing under an ordinary edit is the kind of
+ * surprise a production UI should not hand out for free — so this button stays disabled for one, with the
+ * reason in a tooltip, rather than silently letting a click remove it.
+ */
+export declare function TemplateDeleteButton({ templateId, name, isBuiltIn, onDeleted, }: {
+    templateId: string;
+    name: string;
+    isBuiltIn: boolean;
+    onDeleted?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TemplateControls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/TemplateControls.tsx"],"names":[],"mappings":"AAeA,qHAAqH;AACrH,eAAO,MAAM,gBAAgB,UAAmC,CAAC;AAQjE;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,IAAI,EACJ,SAAS,EACT,SAAS,GACV,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,2CAqDA"}

package/dist/planmagnet/controls/TemplateControls.js

@@ -0,0 +1,55 @@
+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 { useState as a } from "react";
+import { Trash2 as o } from "lucide-react";
+import { gql as s } from "@apollo/client";
+import { useMutation as c } from "@apollo/client/react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Button as d, Tooltip as f, TooltipContent as p, TooltipProvider as m, TooltipTrigger as h } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/controls/TemplateControls.tsx
+var g = ["TemplatesList", "GetTemplate"], _ = s`
+  mutation TemplateControlsDelete($id: ID!) {
+    planmagnetDeleteProjectTemplate(id: $id)
+  }
+`;
+function v({ templateId: s, name: v, isBuiltIn: y, onDeleted: b }) {
+	let x = e(), [S, { loading: C }] = c(_, {
+		refetchQueries: g.filter((e) => e !== "GetTemplate"),
+		context: t
+	}), [w, T] = a(null), E = async () => {
+		T(null);
+		try {
+			await n(S({ variables: { id: s } })), b ? b() : x("/templates/templates-page");
+		} catch (e) {
+			T(e instanceof Error ? e.message : "The template could not be deleted.");
+		}
+	};
+	return y ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(h, {
+		asChild: !0,
+		children: /* @__PURE__ */ l("span", { children: /* @__PURE__ */ u(d, {
+			size: "sm",
+			variant: "outline",
+			disabled: !0,
+			"data-testid": "template-delete",
+			children: [/* @__PURE__ */ l(o, { className: "mr-1 h-4 w-4" }), "Delete"]
+		}) })
+	}), /* @__PURE__ */ l(p, { children: "Built-in templates can't be deleted." })] }) }) : /* @__PURE__ */ u("div", {
+		className: "flex flex-col items-end gap-1",
+		children: [/* @__PURE__ */ l(r, {
+			label: "Delete",
+			variant: "outline",
+			icon: /* @__PURE__ */ l(o, { className: "mr-1 h-4 w-4" }),
+			title: `Delete "${v}"?`,
+			description: "Projects already created from it are unaffected. This cannot be undone here.",
+			confirmLabel: "Delete template",
+			destructive: !0,
+			disabled: C,
+			onConfirm: () => void E()
+		}), w && /* @__PURE__ */ l(i, { message: w })]
+	});
+}
+//#endregion
+export { g as TEMPLATE_QUERIES, v as TemplateDeleteButton };
+
+//# sourceMappingURL=TemplateControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateControls.js","names":[],"sources":["../../../src/planmagnet/controls/TemplateControls.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport {\n  Button,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { Trash2 } from 'lucide-react';\nimport { ConfirmButton, ErrorLine } from './ConfirmButton';\nimport { throwOnError, LEAVES_PAGE_CONTEXT } from '../utils/mutationResult';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\n/** Every query that lists or shows a template, so a delete or edit is visible everywhere without a manual reload. */\nexport const TEMPLATE_QUERIES = ['TemplatesList', 'GetTemplate'];\n\nconst DELETE = gql`\n  mutation TemplateControlsDelete($id: ID!) {\n    planmagnetDeleteProjectTemplate(id: $id)\n  }\n`;\n\n/**\n * Deleting a built-in template is technically accepted by the service (nothing in `TemplateService.delete`\n * checks `isBuiltIn`), but a system-provided starting point disappearing under an ordinary edit is the kind of\n * surprise a production UI should not hand out for free — so this button stays disabled for one, with the\n * reason in a tooltip, rather than silently letting a click remove it.\n */\nexport function TemplateDeleteButton({\n  templateId,\n  name,\n  isBuiltIn,\n  onDeleted,\n}: {\n  templateId: string;\n  name: string;\n  isBuiltIn: boolean;\n  onDeleted?: () => void;\n}) {\n  const navigate = usePlanMagnetNavigate();\n  const [remove, { loading }] = useMutation(DELETE, {\n    refetchQueries: TEMPLATE_QUERIES.filter((q) => q !== 'GetTemplate'),\n    context: LEAVES_PAGE_CONTEXT,\n  });\n  const [error, setError] = useState<string | null>(null);\n\n  const onDelete = async () => {\n    setError(null);\n    try {\n      await throwOnError(remove({ variables: { id: templateId } }));\n      if (onDeleted) onDeleted();\n      else navigate('/templates/templates-page');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The template could not be deleted.');\n    }\n  };\n\n  if (isBuiltIn) {\n    return (\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <span>\n              <Button size=\"sm\" variant=\"outline\" disabled data-testid=\"template-delete\">\n                <Trash2 className=\"mr-1 h-4 w-4\" />\n                Delete\n              </Button>\n            </span>\n          </TooltipTrigger>\n          <TooltipContent>Built-in templates can&apos;t be deleted.</TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col items-end gap-1\">\n      <ConfirmButton\n        label=\"Delete\"\n        variant=\"outline\"\n        icon={<Trash2 className=\"mr-1 h-4 w-4\" />}\n        title={`Delete \"${name}\"?`}\n        description=\"Projects already created from it are unaffected. This cannot be undone here.\"\n        confirmLabel=\"Delete template\"\n        destructive\n        disabled={loading}\n        onConfirm={() => void onDelete()}\n      />\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,IAAmB,CAAC,iBAAiB,cAAc,EAE1D,IAAS,CAAG;;;;;AAYlB,SAAgB,EAAqB,EACnC,eACA,SACA,cACA,gBAMC;CACD,IAAM,IAAW,GAAuB,EAClC,CAAC,GAAQ,EAAE,gBAAa,EAAY,GAAQ;EAChD,gBAAgB,EAAiB,QAAQ,MAAM,MAAM,cAAc;EACnE,SAAS;EACV,CAAC,EACI,CAAC,GAAO,KAAY,EAAwB,KAAK,EAEjD,IAAW,YAAY;AAC3B,IAAS,KAAK;AACd,MAAI;AAEF,GADA,MAAM,EAAa,EAAO,EAAE,WAAW,EAAE,IAAI,GAAY,EAAE,CAAC,CAAC,EACzD,IAAW,GAAW,GACrB,EAAS,4BAA4B;WACnC,GAAG;AACV,KAAS,aAAa,QAAQ,EAAE,UAAU,qCAAqC;;;AAsBnF,QAlBI,IAEA,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAgB,SAAA;YACd,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;GAAQ,MAAK;GAAK,SAAQ;GAAU,UAAA;GAAS,eAAY;aAAzD,CACE,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA,EAAA,SAE5B;MACJ,CAAA;EACQ,CAAA,EACjB,kBAAC,GAAD,EAAA,UAAgB,wCAA0D,CAAA,CAClE,EAAA,CAAA,EACM,CAAA,GAKpB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,MAAM,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA;GACzC,OAAO,WAAW,EAAK;GACvB,aAAY;GACZ,cAAa;GACb,aAAA;GACA,UAAU;GACV,iBAAiB,KAAK,GAAU;GAChC,CAAA,EACD,KAAS,kBAAC,GAAD,EAAW,SAAS,GAAS,CAAA,CACnC"}

package/dist/planmagnet/controls/WorkItemControls.js

@@ -224,6 +224,6 @@ function N({ workItemId: e, title: n }) {
 	});
 }
 //#endregion
-export { j as AssigneeSelect, b as WORK_ITEM_PRIORITIES, M as WorkItemAssigneeSelect, O as WorkItemEnumSelect, N as WorkItemHeaderActions, k as WorkItemStatusSelect, x as enumLabel };
+export { j as AssigneeSelect, b as WORK_ITEM_PRIORITIES, y as WORK_ITEM_STATUSES, M as WorkItemAssigneeSelect, O as WorkItemEnumSelect, N as WorkItemHeaderActions, k as WorkItemStatusSelect, x as enumLabel, A as useAssigneeOptions };
 
 //# sourceMappingURL=WorkItemControls.js.map

package/dist/planmagnet/create/CreateDialogs.d.ts

@@ -1,7 +1,27 @@
+import { ReactNode } from 'react';
+
 export declare function NewReleaseDialog({ onCreated }: {
     onCreated: (releaseId: string) => void;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function NewMilestoneDialog({ onCreated }: {
     onCreated: (milestoneId: string) => void;
 }): import("react/jsx-runtime").JSX.Element;
+/** `projectId`/`projectName` pre-fill the dialog when opened from a project's own page; otherwise the user
+ * picks one. */
+export declare function NewTemplateFromProjectDialog({ projectId: fixedProjectId, projectName, onCreated, trigger, }: {
+    projectId?: string;
+    projectName?: string;
+    onCreated: (templateId: string) => void;
+    trigger?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ApplyTemplateDialog({ templateId, templateName, onApplied, }: {
+    templateId: string;
+    templateName: string;
+    onApplied: (projectId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+/** projectId, when given, pins the risk to that project and hides the project picker (opened from a project page). */
+export declare function NewRiskDialog({ projectId: fixedProjectId, onCreated, }: {
+    projectId?: string;
+    onCreated: (riskId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CreateDialogs.d.ts.map

package/dist/planmagnet/create/CreateDialogs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateDialogs.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/create/CreateDialogs.tsx"],"names":[],"mappings":"AAwLA,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,2CAsGzF;AAcD,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,2CA+F7F"}
+{"version":3,"file":"CreateDialogs.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/create/CreateDialogs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA0LjD,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,2CAsGzF;AAcD,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,2CA+F7F;AAsBD;gBACgB;AAChB,wBAAgB,4BAA4B,CAAC,EAC3C,SAAS,EAAE,cAAc,EACzB,WAAW,EACX,SAAS,EACT,OAAO,GACR,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,2CA0FA;AAaD,wBAAgB,mBAAmB,CAAC,EAClC,UAAU,EACV,YAAY,EACZ,SAAS,GACV,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,2CAoGA;AA8CD,sHAAsH;AACtH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EAAE,cAAc,EACzB,SAAS,GACV,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,2CAgJA"}