@burdenoff/microfe-planmagnet 2026.928.4 → 2026.928.6

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.d.ts

@@ -41,12 +41,16 @@ export declare function useAssigneeOptions(currentId: string | null | undefined)
     hasMore: boolean;
     fetchMore: () => void;
 };
-/** A plain assignee select (for forms). '' means unassigned. */
-export declare function AssigneeSelect({ id, value, onChange, disabled, }: {
+/** A plain workspace-member select (for forms). '' means `noneLabel` ("Unassigned" by default). */
+export declare function AssigneeSelect({ id, value, onChange, disabled, noneLabel, ariaLabel, }: {
     id?: string;
     value: string;
     onChange: (userId: string) => void;
     disabled?: boolean;
+    /** BOFF-8044: e.g. "No lead" when reused for a Team's leadId, which isn't an "assignee". */
+    noneLabel?: string;
+    /** The control's accessible name when it has no visible `<label>` (i.e. no `id`). */
+    ariaLabel?: string;
 }): import("react/jsx-runtime").JSX.Element;
 /** The task detail's assignee control: saves on change. */
 export declare function WorkItemAssigneeSelect({ workItemId, assigneeId, }: {

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

@@ -1 +1 @@
-{"version":3,"file":"WorkItemControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/WorkItemControls.tsx"],"names":[],"mappings":"AAYA;;;;;;;;GAQG;AAEH,eAAO,MAAM,kBAAkB,0FAQrB,CAAC;AACX,eAAO,MAAM,oBAAoB,wDAAyD,CAAC;AAE3F,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAG/C;AA0CD,wDAAwD;AACxD,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,KAAK,EACL,KAAK,EACL,OAAO,EACP,KAAK,GACN,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf,2CAyBA;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,SAAS,EACT,KAAK,GACN,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,2CA8BA;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;;;;;;;;EAmBtE;AAED,gEAAgE;AAChE,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAgB,GACjB,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAkCA;AAED,2DAA2D;AAC3D,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,UAAU,GACX,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,2CAcA;AAED,kDAAkD;AAClD,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,KAAK,GACN,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,2CA6CA"}
+{"version":3,"file":"WorkItemControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/WorkItemControls.tsx"],"names":[],"mappings":"AAYA;;;;;;;;GAQG;AAEH,eAAO,MAAM,kBAAkB,0FAQrB,CAAC;AACX,eAAO,MAAM,oBAAoB,wDAAyD,CAAC;AAE3F,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAG/C;AA0CD,wDAAwD;AACxD,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,KAAK,EACL,KAAK,EACL,OAAO,EACP,KAAK,GACN,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf,2CAyBA;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,SAAS,EACT,KAAK,GACN,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,2CA8BA;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;;;;;;;;EAmBtE;AAED,mGAAmG;AACnG,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,SAAwB,EACxB,SAAsB,GACvB,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAkCA;AAED,2DAA2D;AAC3D,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,UAAU,GACX,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,2CAcA;AAED,kDAAkD;AAClD,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,KAAK,GACN,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,2CA6CA"}

package/dist/planmagnet/controls/WorkItemControls.js

@@ -140,14 +140,14 @@ function A(t) {
 		fetchMore: o.fetchMore
 	};
 }
-function j({ id: e, value: t, onChange: n, disabled: r = !1 }) {
-	let { options: i, loading: a, hasMore: o, fetchMore: s } = A(t || null);
+function j({ id: e, value: t, onChange: n, disabled: r = !1, noneLabel: i = "Unassigned", ariaLabel: a = "Assignee" }) {
+	let { options: o, loading: s, hasMore: c, fetchMore: l } = A(t || null);
 	return /* @__PURE__ */ g("div", {
 		className: "flex flex-col gap-1",
 		children: [
 			/* @__PURE__ */ g("select", {
 				id: e,
-				"aria-label": e ? void 0 : "Assignee",
+				"aria-label": e ? void 0 : a,
 				"data-testid": "assignee-select",
 				className: E,
 				value: t,
@@ -155,20 +155,20 @@ function j({ id: e, value: t, onChange: n, disabled: r = !1 }) {
 				onChange: (e) => n(e.target.value),
 				children: [/* @__PURE__ */ h("option", {
 					value: "",
-					children: "Unassigned"
-				}), i.map((e) => /* @__PURE__ */ h("option", {
+					children: i
+				}), o.map((e) => /* @__PURE__ */ h("option", {
 					value: e.id,
 					children: e.name
 				}, e.id))]
 			}),
-			a && i.length === 0 && /* @__PURE__ */ h("span", {
+			s && o.length === 0 && /* @__PURE__ */ h("span", {
 				className: "text-xs text-muted-foreground",
 				children: "Loading members…"
 			}),
-			o && /* @__PURE__ */ h("button", {
+			c && /* @__PURE__ */ h("button", {
 				type: "button",
 				className: "self-start text-xs text-primary hover:underline",
-				onClick: s,
+				onClick: l,
 				children: "Show more members"
 			})
 		]
@@ -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/controls/WorkItemControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkItemControls.js","names":[],"sources":["../../../src/planmagnet/controls/WorkItemControls.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { useWorkspaceDirectory } from '@burdenoff/fe-libs/sharing';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Pencil, Trash2 } from 'lucide-react';\nimport { allowedTargets, useProjectWorkflow, workflowLabel } from '../hooks/useProjectWorkflow';\nimport { usePersonProfile } from '../people/People';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { throwOnError, LEAVES_PAGE_CONTEXT } from '../utils/mutationResult';\nimport { ConfirmButton, ErrorLine } from './ConfirmButton';\n\n/**\n * Task controls (BOFF-7938, BOFF-7939). Until 2026-09-27 the task detail page was read-only: no status, priority or\n * assignee control, no Edit link (the Edit Task page existed but nothing led to it) and no Delete. A task's status\n * could only change by dragging its card on a project board, and nobody could be assigned at all — so every Team\n * page, sprint \"Team Members\" list and board card read \"Unassigned\".\n *\n * Every control saves through planmagnetUpdateWorkItem, the same path the board uses, so a status change records\n * its history (activity feed, cycle time) exactly like a drag. A refusal keeps the stored value and shows the reason.\n */\n\nexport const WORK_ITEM_STATUSES = [\n  'BACKLOG',\n  'TODO',\n  'IN_PROGRESS',\n  'IN_REVIEW',\n  'TESTING',\n  'DONE',\n  'CANCELLED',\n] as const;\nexport const WORK_ITEM_PRIORITIES = ['NONE', 'LOW', 'MEDIUM', 'HIGH', 'CRITICAL'] as const;\n\nexport function enumLabel(value: string): string {\n  const words = value.toLowerCase().replace(/_/g, ' ');\n  return words.charAt(0).toUpperCase() + words.slice(1);\n}\n\nconst UPDATE_WORK_ITEM = gql`\n  mutation WorkItemControlsUpdate($id: ID!, $input: PlanmagnetUpdateWorkItemInput!) {\n    planmagnetUpdateWorkItem(id: $id, input: $input) {\n      id\n      status\n      priority\n      assigneeId\n    }\n  }\n`;\nconst DELETE_WORK_ITEM = gql`\n  mutation WorkItemControlsDelete($id: ID!) {\n    planmagnetDeleteWorkItem(id: $id)\n  }\n`;\n\n/** Every query that shows a task's status, priority or assignee. */\nconst LIST_QUERIES = ['GetWorkItems', 'GetWorkItemCounts', 'ProjectBoard', 'GetDashboardData'];\nconst DETAIL_QUERIES = ['GetWorkItemDetail', 'WorkItemActivity', ...LIST_QUERIES];\n\nconst selectClass =\n  'rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60 max-w-[12rem]';\n\nfunction useWorkItemUpdate(workItemId: string) {\n  const [update, state] = useMutation(UPDATE_WORK_ITEM, {\n    refetchQueries: DETAIL_QUERIES,\n    awaitRefetchQueries: true,\n  });\n  const [error, setError] = useState<string | null>(null);\n  const save = async (input: Record<string, unknown>) => {\n    setError(null);\n    try {\n      await throwOnError(update({ variables: { id: workItemId, input } }));\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The task could not be updated.');\n    }\n  };\n  return { save, saving: state.loading, error };\n}\n\n/** A status or priority select that saves on change. */\nexport function WorkItemEnumSelect({\n  workItemId,\n  field,\n  value,\n  options,\n  label,\n}: {\n  workItemId: string;\n  field: 'status' | 'priority';\n  value: string;\n  options: readonly string[];\n  label: string;\n}) {\n  const { save, saving, error } = useWorkItemUpdate(workItemId);\n  // A stored value the list does not know (older data) stays selectable rather than silently showing another one.\n  const all = options.includes(value) ? options : [value, ...options];\n  return (\n    <div className=\"flex flex-col items-end gap-1\">\n      <select\n        aria-label={label}\n        data-testid={`task-${field}`}\n        className={selectClass}\n        value={value}\n        disabled={saving}\n        onChange={(e) => {\n          if (e.target.value !== value) void save({ [field]: e.target.value });\n        }}\n      >\n        {all.map((option) => (\n          <option key={option} value={option}>\n            {enumLabel(option)}\n          </option>\n        ))}\n      </select>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\n/**\n * The status select (BOFF-8043): the project's names for its statuses, and only the moves its workflow allows — the\n * server refuses anything else anyway, with the reason shown below the select.\n */\nexport function WorkItemStatusSelect({\n  workItemId,\n  projectId,\n  value,\n}: {\n  workItemId: string;\n  projectId: string;\n  value: string;\n}) {\n  const workflow = useProjectWorkflow(projectId);\n  const { save, saving, error } = useWorkItemUpdate(workItemId);\n  const options = allowedTargets(workflow, value, WORK_ITEM_STATUSES);\n  return (\n    <div className=\"flex flex-col items-end gap-1\">\n      <select\n        aria-label=\"Status\"\n        data-testid=\"task-status\"\n        className={selectClass}\n        value={value}\n        disabled={saving}\n        onChange={(e) => {\n          if (e.target.value !== value) void save({ status: e.target.value });\n        }}\n      >\n        {options.map((option) => (\n          <option key={option} value={option}>\n            {workflowLabel(workflow, option)}\n          </option>\n        ))}\n      </select>\n      {workflow?.enforceTransitions && (\n        <span className=\"text-[11px] text-muted-foreground\">\n          Only the moves this project allows\n        </span>\n      )}\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\n/**\n * Workspace members for an assignee picker, from the fe-libs workspace directory (what the sharing picker uses; any\n * member can read it). Option values are USER ids. `planmagnetWorkspaceEditors` is not used: it needs PlanMagnet\n * admin rights, so an ordinary member would get an empty picker.\n */\nexport function useAssigneeOptions(currentId: string | null | undefined) {\n  const { workspaceId, authToken, apiGatewayUrl } = usePlanMagnet();\n  const directory = useWorkspaceDirectory({\n    workspaceId: workspaceId ?? '',\n    authToken: authToken ?? undefined,\n    apiGatewayUrl: apiGatewayUrl ?? undefined,\n  });\n  const current = usePersonProfile(currentId);\n  const options = directory.members.map((m) => ({ id: m.id, name: m.name }));\n  // The current assignee may be outside the loaded page (or no longer a member): keep them selectable by name.\n  if (currentId && current && !options.some((o) => o.id === currentId)) {\n    options.unshift({ id: currentId, name: current.displayName });\n  }\n  return {\n    options,\n    loading: directory.loading,\n    hasMore: directory.hasMore,\n    fetchMore: directory.fetchMore,\n  };\n}\n\n/** A plain assignee select (for forms). '' means unassigned. */\nexport function AssigneeSelect({\n  id,\n  value,\n  onChange,\n  disabled = false,\n}: {\n  id?: string;\n  value: string;\n  onChange: (userId: string) => void;\n  disabled?: boolean;\n}) {\n  const { options, loading, hasMore, fetchMore } = useAssigneeOptions(value || null);\n  return (\n    <div className=\"flex flex-col gap-1\">\n      <select\n        id={id}\n        aria-label={id ? undefined : 'Assignee'}\n        data-testid=\"assignee-select\"\n        className={selectClass}\n        value={value}\n        disabled={disabled}\n        onChange={(e) => onChange(e.target.value)}\n      >\n        <option value=\"\">Unassigned</option>\n        {options.map((o) => (\n          <option key={o.id} value={o.id}>\n            {o.name}\n          </option>\n        ))}\n      </select>\n      {loading && options.length === 0 && (\n        <span className=\"text-xs text-muted-foreground\">Loading members…</span>\n      )}\n      {hasMore && (\n        <button\n          type=\"button\"\n          className=\"self-start text-xs text-primary hover:underline\"\n          onClick={fetchMore}\n        >\n          Show more members\n        </button>\n      )}\n    </div>\n  );\n}\n\n/** The task detail's assignee control: saves on change. */\nexport function WorkItemAssigneeSelect({\n  workItemId,\n  assigneeId,\n}: {\n  workItemId: string;\n  assigneeId: string | null;\n}) {\n  const { save, saving, error } = useWorkItemUpdate(workItemId);\n  return (\n    <div className=\"flex flex-col items-end gap-1\">\n      <AssigneeSelect\n        value={assigneeId ?? ''}\n        disabled={saving}\n        onChange={(next) => {\n          if (next !== (assigneeId ?? '')) void save({ assigneeId: next || null });\n        }}\n      />\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\n/** Edit and Delete for the task detail header. */\nexport function WorkItemHeaderActions({\n  workItemId,\n  title,\n}: {\n  workItemId: string;\n  title: string;\n}) {\n  const navigate = usePlanMagnetNavigate();\n  const [remove, removeState] = useMutation(DELETE_WORK_ITEM, {\n    refetchQueries: LIST_QUERIES,\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: workItemId } }));\n      navigate('/tasks/tasks-page');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The task could not be deleted.');\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-end gap-2\">\n      <div className=\"flex gap-2\">\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          data-testid=\"task-edit\"\n          onClick={() => navigate(`/tasks/edit-task-page?taskId=${encodeURIComponent(workItemId)}`)}\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 \"${title}\"?`}\n          description=\"The task is deleted and disappears from boards, sprints and releases. This cannot be undone here.\"\n          confirmLabel=\"Delete task\"\n          destructive\n          disabled={removeState.loading}\n          onConfirm={() => void onDelete()}\n        />\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkItemControls.js","names":[],"sources":["../../../src/planmagnet/controls/WorkItemControls.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { useWorkspaceDirectory } from '@burdenoff/fe-libs/sharing';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Pencil, Trash2 } from 'lucide-react';\nimport { allowedTargets, useProjectWorkflow, workflowLabel } from '../hooks/useProjectWorkflow';\nimport { usePersonProfile } from '../people/People';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { throwOnError, LEAVES_PAGE_CONTEXT } from '../utils/mutationResult';\nimport { ConfirmButton, ErrorLine } from './ConfirmButton';\n\n/**\n * Task controls (BOFF-7938, BOFF-7939). Until 2026-09-27 the task detail page was read-only: no status, priority or\n * assignee control, no Edit link (the Edit Task page existed but nothing led to it) and no Delete. A task's status\n * could only change by dragging its card on a project board, and nobody could be assigned at all — so every Team\n * page, sprint \"Team Members\" list and board card read \"Unassigned\".\n *\n * Every control saves through planmagnetUpdateWorkItem, the same path the board uses, so a status change records\n * its history (activity feed, cycle time) exactly like a drag. A refusal keeps the stored value and shows the reason.\n */\n\nexport const WORK_ITEM_STATUSES = [\n  'BACKLOG',\n  'TODO',\n  'IN_PROGRESS',\n  'IN_REVIEW',\n  'TESTING',\n  'DONE',\n  'CANCELLED',\n] as const;\nexport const WORK_ITEM_PRIORITIES = ['NONE', 'LOW', 'MEDIUM', 'HIGH', 'CRITICAL'] as const;\n\nexport function enumLabel(value: string): string {\n  const words = value.toLowerCase().replace(/_/g, ' ');\n  return words.charAt(0).toUpperCase() + words.slice(1);\n}\n\nconst UPDATE_WORK_ITEM = gql`\n  mutation WorkItemControlsUpdate($id: ID!, $input: PlanmagnetUpdateWorkItemInput!) {\n    planmagnetUpdateWorkItem(id: $id, input: $input) {\n      id\n      status\n      priority\n      assigneeId\n    }\n  }\n`;\nconst DELETE_WORK_ITEM = gql`\n  mutation WorkItemControlsDelete($id: ID!) {\n    planmagnetDeleteWorkItem(id: $id)\n  }\n`;\n\n/** Every query that shows a task's status, priority or assignee. */\nconst LIST_QUERIES = ['GetWorkItems', 'GetWorkItemCounts', 'ProjectBoard', 'GetDashboardData'];\nconst DETAIL_QUERIES = ['GetWorkItemDetail', 'WorkItemActivity', ...LIST_QUERIES];\n\nconst selectClass =\n  'rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60 max-w-[12rem]';\n\nfunction useWorkItemUpdate(workItemId: string) {\n  const [update, state] = useMutation(UPDATE_WORK_ITEM, {\n    refetchQueries: DETAIL_QUERIES,\n    awaitRefetchQueries: true,\n  });\n  const [error, setError] = useState<string | null>(null);\n  const save = async (input: Record<string, unknown>) => {\n    setError(null);\n    try {\n      await throwOnError(update({ variables: { id: workItemId, input } }));\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The task could not be updated.');\n    }\n  };\n  return { save, saving: state.loading, error };\n}\n\n/** A status or priority select that saves on change. */\nexport function WorkItemEnumSelect({\n  workItemId,\n  field,\n  value,\n  options,\n  label,\n}: {\n  workItemId: string;\n  field: 'status' | 'priority';\n  value: string;\n  options: readonly string[];\n  label: string;\n}) {\n  const { save, saving, error } = useWorkItemUpdate(workItemId);\n  // A stored value the list does not know (older data) stays selectable rather than silently showing another one.\n  const all = options.includes(value) ? options : [value, ...options];\n  return (\n    <div className=\"flex flex-col items-end gap-1\">\n      <select\n        aria-label={label}\n        data-testid={`task-${field}`}\n        className={selectClass}\n        value={value}\n        disabled={saving}\n        onChange={(e) => {\n          if (e.target.value !== value) void save({ [field]: e.target.value });\n        }}\n      >\n        {all.map((option) => (\n          <option key={option} value={option}>\n            {enumLabel(option)}\n          </option>\n        ))}\n      </select>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\n/**\n * The status select (BOFF-8043): the project's names for its statuses, and only the moves its workflow allows — the\n * server refuses anything else anyway, with the reason shown below the select.\n */\nexport function WorkItemStatusSelect({\n  workItemId,\n  projectId,\n  value,\n}: {\n  workItemId: string;\n  projectId: string;\n  value: string;\n}) {\n  const workflow = useProjectWorkflow(projectId);\n  const { save, saving, error } = useWorkItemUpdate(workItemId);\n  const options = allowedTargets(workflow, value, WORK_ITEM_STATUSES);\n  return (\n    <div className=\"flex flex-col items-end gap-1\">\n      <select\n        aria-label=\"Status\"\n        data-testid=\"task-status\"\n        className={selectClass}\n        value={value}\n        disabled={saving}\n        onChange={(e) => {\n          if (e.target.value !== value) void save({ status: e.target.value });\n        }}\n      >\n        {options.map((option) => (\n          <option key={option} value={option}>\n            {workflowLabel(workflow, option)}\n          </option>\n        ))}\n      </select>\n      {workflow?.enforceTransitions && (\n        <span className=\"text-[11px] text-muted-foreground\">\n          Only the moves this project allows\n        </span>\n      )}\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\n/**\n * Workspace members for an assignee picker, from the fe-libs workspace directory (what the sharing picker uses; any\n * member can read it). Option values are USER ids. `planmagnetWorkspaceEditors` is not used: it needs PlanMagnet\n * admin rights, so an ordinary member would get an empty picker.\n */\nexport function useAssigneeOptions(currentId: string | null | undefined) {\n  const { workspaceId, authToken, apiGatewayUrl } = usePlanMagnet();\n  const directory = useWorkspaceDirectory({\n    workspaceId: workspaceId ?? '',\n    authToken: authToken ?? undefined,\n    apiGatewayUrl: apiGatewayUrl ?? undefined,\n  });\n  const current = usePersonProfile(currentId);\n  const options = directory.members.map((m) => ({ id: m.id, name: m.name }));\n  // The current assignee may be outside the loaded page (or no longer a member): keep them selectable by name.\n  if (currentId && current && !options.some((o) => o.id === currentId)) {\n    options.unshift({ id: currentId, name: current.displayName });\n  }\n  return {\n    options,\n    loading: directory.loading,\n    hasMore: directory.hasMore,\n    fetchMore: directory.fetchMore,\n  };\n}\n\n/** A plain workspace-member select (for forms). '' means `noneLabel` (\"Unassigned\" by default). */\nexport function AssigneeSelect({\n  id,\n  value,\n  onChange,\n  disabled = false,\n  noneLabel = 'Unassigned',\n  ariaLabel = 'Assignee',\n}: {\n  id?: string;\n  value: string;\n  onChange: (userId: string) => void;\n  disabled?: boolean;\n  /** BOFF-8044: e.g. \"No lead\" when reused for a Team's leadId, which isn't an \"assignee\". */\n  noneLabel?: string;\n  /** The control's accessible name when it has no visible `<label>` (i.e. no `id`). */\n  ariaLabel?: string;\n}) {\n  const { options, loading, hasMore, fetchMore } = useAssigneeOptions(value || null);\n  return (\n    <div className=\"flex flex-col gap-1\">\n      <select\n        id={id}\n        aria-label={id ? undefined : ariaLabel}\n        data-testid=\"assignee-select\"\n        className={selectClass}\n        value={value}\n        disabled={disabled}\n        onChange={(e) => onChange(e.target.value)}\n      >\n        <option value=\"\">{noneLabel}</option>\n        {options.map((o) => (\n          <option key={o.id} value={o.id}>\n            {o.name}\n          </option>\n        ))}\n      </select>\n      {loading && options.length === 0 && (\n        <span className=\"text-xs text-muted-foreground\">Loading members…</span>\n      )}\n      {hasMore && (\n        <button\n          type=\"button\"\n          className=\"self-start text-xs text-primary hover:underline\"\n          onClick={fetchMore}\n        >\n          Show more members\n        </button>\n      )}\n    </div>\n  );\n}\n\n/** The task detail's assignee control: saves on change. */\nexport function WorkItemAssigneeSelect({\n  workItemId,\n  assigneeId,\n}: {\n  workItemId: string;\n  assigneeId: string | null;\n}) {\n  const { save, saving, error } = useWorkItemUpdate(workItemId);\n  return (\n    <div className=\"flex flex-col items-end gap-1\">\n      <AssigneeSelect\n        value={assigneeId ?? ''}\n        disabled={saving}\n        onChange={(next) => {\n          if (next !== (assigneeId ?? '')) void save({ assigneeId: next || null });\n        }}\n      />\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\n/** Edit and Delete for the task detail header. */\nexport function WorkItemHeaderActions({\n  workItemId,\n  title,\n}: {\n  workItemId: string;\n  title: string;\n}) {\n  const navigate = usePlanMagnetNavigate();\n  const [remove, removeState] = useMutation(DELETE_WORK_ITEM, {\n    refetchQueries: LIST_QUERIES,\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: workItemId } }));\n      navigate('/tasks/tasks-page');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The task could not be deleted.');\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-end gap-2\">\n      <div className=\"flex gap-2\">\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          data-testid=\"task-edit\"\n          onClick={() => navigate(`/tasks/edit-task-page?taskId=${encodeURIComponent(workItemId)}`)}\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 \"${title}\"?`}\n          description=\"The task is deleted and disappears from boards, sprints and releases. This cannot be undone here.\"\n          confirmLabel=\"Delete task\"\n          destructive\n          disabled={removeState.loading}\n          onConfirm={() => void onDelete()}\n        />\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n"],"mappings":"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"}

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"}