@burdenoff/microfe-planmagnet 2026.928.2 → 2026.928.4

package/dist/planmagnet/controls/CompetitorControls.js

@@ -0,0 +1,172 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+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 { CompetitorSearchSelect as o } from "./Pickers.js";
+import { useState as s } from "react";
+import { Pencil as c, Plus as l, Trash2 as u, X as d } from "lucide-react";
+import { gql as f } from "@apollo/client";
+import { useMutation as p } from "@apollo/client/react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/controls/CompetitorControls.tsx
+var _ = [
+	"ListCompetitors",
+	"GetCompetitor",
+	"GetCompetitorForEdit"
+], v = f`
+  mutation CompetitorControlsDelete($id: ID!) {
+    planmagnetDeleteCompetitor(id: $id)
+  }
+`;
+function y({ competitorId: o, name: l }) {
+	let d = e(), [f, y] = p(v, {
+		refetchQueries: _.filter((e) => e !== "GetCompetitor"),
+		context: t
+	}), [b, x] = s(null), S = async () => {
+		x(null);
+		try {
+			await n(f({ variables: { id: o } })), d("/products/competitors-page");
+		} catch (e) {
+			x(e instanceof Error ? e.message : "The competitor could not be deleted.");
+		}
+	};
+	return /* @__PURE__ */ h("div", {
+		className: "flex flex-col items-end gap-2",
+		children: [/* @__PURE__ */ h("div", {
+			className: "flex flex-wrap items-center justify-end gap-2",
+			children: [/* @__PURE__ */ h(g, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": "competitor-edit",
+				onClick: () => d(r("/products/edit-competitor-page", o)),
+				children: [/* @__PURE__ */ m(c, { className: "mr-1 h-4 w-4" }), "Edit"]
+			}), /* @__PURE__ */ m(i, {
+				label: "Delete",
+				variant: "outline",
+				icon: /* @__PURE__ */ m(u, { className: "mr-1 h-4 w-4" }),
+				title: `Delete ${l}?`,
+				description: "The competitor is deleted and unlinked from every feature request that referenced it. This cannot be undone here.",
+				confirmLabel: "Delete competitor",
+				destructive: !0,
+				disabled: y.loading,
+				onConfirm: () => void S()
+			})]
+		}), b && /* @__PURE__ */ m(a, { message: b })]
+	});
+}
+var b = f`
+  mutation CompetitorLinkCardLink($input: PlanmagnetLinkCompetitorInput!) {
+    planmagnetLinkCompetitorToFeature(input: $input) {
+      id
+      competitors {
+        id
+        name
+        description
+        website
+      }
+    }
+  }
+`, x = f`
+  mutation CompetitorLinkCardUnlink($input: PlanmagnetLinkCompetitorInput!) {
+    planmagnetUnlinkCompetitorFromFeature(input: $input) {
+      id
+      competitors {
+        id
+        name
+        description
+        website
+      }
+    }
+  }
+`;
+function S({ featureRequestId: t, competitors: i }) {
+	let c = e(), [u, f] = s(""), [_, v] = p(b), [y, S] = p(x), [C, w] = s(null), T = v.loading || S.loading, E = async () => {
+		if (u) {
+			w(null);
+			try {
+				await n(_({ variables: { input: {
+					featureRequestId: t,
+					competitorId: u
+				} } })), f("");
+			} catch (e) {
+				w(e instanceof Error ? e.message : "The competitor could not be linked.");
+			}
+		}
+	}, D = async (e) => {
+		w(null);
+		try {
+			await n(y({ variables: { input: {
+				featureRequestId: t,
+				competitorId: e
+			} } }));
+		} catch (e) {
+			w(e instanceof Error ? e.message : "The competitor could not be removed.");
+		}
+	};
+	return /* @__PURE__ */ h("div", {
+		className: "space-y-3",
+		children: [
+			i.length === 0 && /* @__PURE__ */ m("p", {
+				className: "text-sm text-muted-foreground",
+				children: "No competitors linked yet."
+			}),
+			i.map((e) => /* @__PURE__ */ h("div", {
+				className: "flex items-start justify-between gap-2 rounded-md border p-3",
+				children: [/* @__PURE__ */ h("button", {
+					type: "button",
+					className: "flex-1 text-left",
+					onClick: () => c(r("/products/competitor-detail-page", e.id)),
+					children: [/* @__PURE__ */ h("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ m("span", {
+							className: "text-sm font-medium hover:underline underline-offset-2",
+							children: e.name
+						}), e.website && /* @__PURE__ */ m("span", {
+							className: "text-xs text-primary",
+							children: e.website
+						})]
+					}), e.description && /* @__PURE__ */ m("p", {
+						className: "text-xs text-muted-foreground mt-1",
+						children: e.description
+					})]
+				}), /* @__PURE__ */ m(g, {
+					size: "sm",
+					variant: "ghost",
+					"aria-label": `Remove ${e.name} from this feature`,
+					disabled: T,
+					onClick: () => void D(e.id),
+					children: /* @__PURE__ */ m(d, { className: "h-4 w-4" })
+				})]
+			}, e.id)),
+			/* @__PURE__ */ h("div", {
+				className: "flex items-start gap-2 pt-2 border-t",
+				children: [/* @__PURE__ */ m("div", {
+					className: "flex-1",
+					children: /* @__PURE__ */ m(o, {
+						id: "feature-add-competitor",
+						value: u,
+						onChange: f,
+						exclude: i.map((e) => e.id)
+					})
+				}), /* @__PURE__ */ h(g, {
+					size: "sm",
+					disabled: !u || T,
+					onClick: () => void E(),
+					children: [/* @__PURE__ */ m(l, { className: "mr-1 h-4 w-4" }), "Add"]
+				})]
+			}),
+			/* @__PURE__ */ h(g, {
+				size: "sm",
+				variant: "ghost",
+				onClick: () => c("/products/create-competitor-page"),
+				children: [/* @__PURE__ */ m(l, { className: "mr-1 h-4 w-4" }), "New competitor"]
+			}),
+			C && /* @__PURE__ */ m(a, { message: C })
+		]
+	});
+}
+//#endregion
+export { y as CompetitorHeaderActions, S as CompetitorLinkCard };
+
+//# sourceMappingURL=CompetitorControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompetitorControls.js","names":[],"sources":["../../../src/planmagnet/controls/CompetitorControls.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, X, Plus } 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 { CompetitorSearchSelect } from './Pickers';\n\n/**\n * Competitor controls (BOFF-8047). Competitors were `api-only` — full CRUD plus link/unlink onto a feature\n * request existed in the service, bundled with `planmagnet-feature` RBAC (CORRECTIONS.md B), but had zero\n * routes and no write UI: the feature request detail page could only ever display what was already linked.\n */\n\nconst COMPETITOR_QUERIES = ['ListCompetitors', 'GetCompetitor', 'GetCompetitorForEdit'];\n\nconst DELETE = gql`\n  mutation CompetitorControlsDelete($id: ID!) {\n    planmagnetDeleteCompetitor(id: $id)\n  }\n`;\n\nexport function CompetitorHeaderActions({\n  competitorId,\n  name,\n}: {\n  competitorId: string;\n  name: string;\n}) {\n  const navigate = usePlanMagnetNavigate();\n  const [remove, removeState] = useMutation(DELETE, {\n    refetchQueries: COMPETITOR_QUERIES.filter((q) => q !== 'GetCompetitor'),\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: competitorId } }));\n      navigate('/products/competitors-page');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The competitor 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        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          data-testid=\"competitor-edit\"\n          onClick={() => navigate(detailPath('/products/edit-competitor-page', competitorId))}\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 competitor is deleted and unlinked from every feature request that referenced it. This cannot be undone here.\"\n          confirmLabel=\"Delete competitor\"\n          destructive\n          disabled={removeState.loading}\n          onConfirm={() => void onDelete()}\n        />\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\nconst LINK = gql`\n  mutation CompetitorLinkCardLink($input: PlanmagnetLinkCompetitorInput!) {\n    planmagnetLinkCompetitorToFeature(input: $input) {\n      id\n      competitors {\n        id\n        name\n        description\n        website\n      }\n    }\n  }\n`;\nconst UNLINK = gql`\n  mutation CompetitorLinkCardUnlink($input: PlanmagnetLinkCompetitorInput!) {\n    planmagnetUnlinkCompetitorFromFeature(input: $input) {\n      id\n      competitors {\n        id\n        name\n        description\n        website\n      }\n    }\n  }\n`;\n\ninterface CompetitorNode {\n  id: string;\n  name: string;\n  description: string | null;\n  website: string | null;\n}\n\n/**\n * The feature request detail page's competitor section: list what is linked, remove any of them, and add\n * another from the workspace's competitor directory (or create a new one there).\n */\nexport function CompetitorLinkCard({\n  featureRequestId,\n  competitors,\n}: {\n  featureRequestId: string;\n  competitors: CompetitorNode[];\n}) {\n  const navigate = usePlanMagnetNavigate();\n  const [addCompetitorId, setAddCompetitorId] = useState('');\n  const [link, linkState] = useMutation(LINK);\n  const [unlink, unlinkState] = useMutation(UNLINK);\n  const [error, setError] = useState<string | null>(null);\n  const busy = linkState.loading || unlinkState.loading;\n\n  const onAdd = async () => {\n    if (!addCompetitorId) return;\n    setError(null);\n    try {\n      await throwOnError(\n        link({\n          variables: { input: { featureRequestId, competitorId: addCompetitorId } },\n        })\n      );\n      setAddCompetitorId('');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The competitor could not be linked.');\n    }\n  };\n  const onRemove = async (competitorId: string) => {\n    setError(null);\n    try {\n      await throwOnError(unlink({ variables: { input: { featureRequestId, competitorId } } }));\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The competitor could not be removed.');\n    }\n  };\n\n  return (\n    <div className=\"space-y-3\">\n      {competitors.length === 0 && (\n        <p className=\"text-sm text-muted-foreground\">No competitors linked yet.</p>\n      )}\n      {competitors.map((comp) => (\n        <div key={comp.id} className=\"flex items-start justify-between gap-2 rounded-md border p-3\">\n          <button\n            type=\"button\"\n            className=\"flex-1 text-left\"\n            onClick={() => navigate(detailPath('/products/competitor-detail-page', comp.id))}\n          >\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-sm font-medium hover:underline underline-offset-2\">\n                {comp.name}\n              </span>\n              {comp.website && <span className=\"text-xs text-primary\">{comp.website}</span>}\n            </div>\n            {comp.description && (\n              <p className=\"text-xs text-muted-foreground mt-1\">{comp.description}</p>\n            )}\n          </button>\n          <Button\n            size=\"sm\"\n            variant=\"ghost\"\n            aria-label={`Remove ${comp.name} from this feature`}\n            disabled={busy}\n            onClick={() => void onRemove(comp.id)}\n          >\n            <X className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      ))}\n      <div className=\"flex items-start gap-2 pt-2 border-t\">\n        <div className=\"flex-1\">\n          <CompetitorSearchSelect\n            id=\"feature-add-competitor\"\n            value={addCompetitorId}\n            onChange={setAddCompetitorId}\n            exclude={competitors.map((c) => c.id)}\n          />\n        </div>\n        <Button size=\"sm\" disabled={!addCompetitorId || busy} onClick={() => void onAdd()}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          Add\n        </Button>\n      </div>\n      <Button\n        size=\"sm\"\n        variant=\"ghost\"\n        onClick={() => navigate('/products/create-competitor-page')}\n      >\n        <Plus className=\"mr-1 h-4 w-4\" />\n        New competitor\n      </Button>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,IAAM,IAAqB;CAAC;CAAmB;CAAiB;CAAuB,EAEjF,IAAS,CAAG;;;;;AAMlB,SAAgB,EAAwB,EACtC,iBACA,WAIC;CACD,IAAM,IAAW,GAAuB,EAClC,CAAC,GAAQ,KAAe,EAAY,GAAQ;EAChD,gBAAgB,EAAmB,QAAQ,MAAM,MAAM,gBAAgB;EACvE,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,GAAc,EAAE,CAAC,CAAC,EAC/D,EAAS,6BAA6B;WAC/B,GAAG;AACV,KAAS,aAAa,QAAQ,EAAE,UAAU,uCAAuC;;;AAIrF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,eAAY;IACZ,eAAe,EAAS,EAAW,kCAAkC,EAAa,CAAC;cAJrF,CAME,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA,EAAA,OAE5B;OACT,kBAAC,GAAD;IACE,OAAM;IACN,SAAQ;IACR,MAAM,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA;IACzC,OAAO,UAAU,EAAK;IACtB,aAAY;IACZ,cAAa;IACb,aAAA;IACA,UAAU,EAAY;IACtB,iBAAiB,KAAK,GAAU;IAChC,CAAA,CACE;MACL,KAAS,kBAAC,GAAD,EAAW,SAAS,GAAS,CAAA,CACnC;;;AAIV,IAAM,IAAO,CAAG;;;;;;;;;;;;GAaV,IAAS,CAAG;;;;;;;;;;;;;AAyBlB,SAAgB,EAAmB,EACjC,qBACA,kBAIC;CACD,IAAM,IAAW,GAAuB,EAClC,CAAC,GAAiB,KAAsB,EAAS,GAAG,EACpD,CAAC,GAAM,KAAa,EAAY,EAAK,EACrC,CAAC,GAAQ,KAAe,EAAY,EAAO,EAC3C,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,IAAO,EAAU,WAAW,EAAY,SAExC,IAAQ,YAAY;AACnB,SACL;KAAS,KAAK;AACd,OAAI;AAMF,IALA,MAAM,EACJ,EAAK,EACH,WAAW,EAAE,OAAO;KAAE;KAAkB,cAAc;KAAiB,EAAE,EAC1E,CAAC,CACH,EACD,EAAmB,GAAG;YACf,GAAG;AACV,MAAS,aAAa,QAAQ,EAAE,UAAU,sCAAsC;;;IAG9E,IAAW,OAAO,MAAyB;AAC/C,IAAS,KAAK;AACd,MAAI;AACF,SAAM,EAAa,EAAO,EAAE,WAAW,EAAE,OAAO;IAAE;IAAkB;IAAc,EAAE,EAAE,CAAC,CAAC;WACjF,GAAG;AACV,KAAS,aAAa,QAAQ,EAAE,UAAU,uCAAuC;;;AAIrF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACG,EAAY,WAAW,KACtB,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAA8B,CAAA;GAE5E,EAAY,KAAK,MAChB,kBAAC,OAAD;IAAmB,WAAU;cAA7B,CACE,kBAAC,UAAD;KACE,MAAK;KACL,WAAU;KACV,eAAe,EAAS,EAAW,oCAAoC,EAAK,GAAG,CAAC;eAHlF,CAKE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAK;OACD,CAAA,EACN,EAAK,WAAW,kBAAC,QAAD;OAAM,WAAU;iBAAwB,EAAK;OAAe,CAAA,CACzE;SACL,EAAK,eACJ,kBAAC,KAAD;MAAG,WAAU;gBAAsC,EAAK;MAAgB,CAAA,CAEnE;QACT,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,cAAY,UAAU,EAAK,KAAK;KAChC,UAAU;KACV,eAAe,KAAK,EAAS,EAAK,GAAG;eAErC,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;KAClB,CAAA,CACL;MAzBI,EAAK,GAyBT,CACN;GACF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACE,IAAG;MACH,OAAO;MACP,UAAU;MACV,SAAS,EAAY,KAAK,MAAM,EAAE,GAAG;MACrC,CAAA;KACE,CAAA,EACN,kBAAC,GAAD;KAAQ,MAAK;KAAK,UAAU,CAAC,KAAmB;KAAM,eAAe,KAAK,GAAO;eAAjF,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,MAE1B;OACL;;GACN,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,eAAe,EAAS,mCAAmC;cAH7D,CAKE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,iBAE1B;;GACR,KAAS,kBAAC,GAAD,EAAW,SAAS,GAAS,CAAA;GACnC"}

package/dist/planmagnet/controls/FeatureControls.js

@@ -1,8 +1,8 @@
 import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
 import { LEAVES_PAGE_CONTEXT as t, throwOnError as n } from "../utils/mutationResult.js";
 import { detailPath as r } from "../utils/rowNavigation.js";
-import { ProjectSelect as i, WorkItemSearchSelect as a } from "./Pickers.js";
-import { ConfirmButton as o, ErrorLine as s } from "./ConfirmButton.js";
+import { ConfirmButton as i, ErrorLine as a } from "./ConfirmButton.js";
+import { ProjectSelect as o, WorkItemSearchSelect as s } from "./Pickers.js";
 import { parseIntField as c } from "../utils/formValidation.js";
 import { enumLabel as l } from "./WorkItemControls.js";
 import { useState as u } from "react";
@@ -60,10 +60,10 @@ var O = [
 	awaitRefetchQueries: !0
 };
 function F({ featureId: e, voted: t }) {
-	let [r, i] = g(A, P), [a, o] = g(j, P), [c, l] = u(null), d = i.loading || o.loading, f = async () => {
+	let [r, i] = g(A, P), [o, s] = g(j, P), [c, l] = u(null), d = i.loading || s.loading, f = async () => {
 		l(null);
 		try {
-			await n((t ? a : r)({ variables: { id: e } }));
+			await n((t ? o : r)({ variables: { id: e } }));
 		} catch (e) {
 			l(e instanceof Error ? e.message : "Your vote could not be saved.");
 		}
@@ -78,18 +78,18 @@ function F({ featureId: e, voted: t }) {
 			disabled: d,
 			onClick: () => void f(),
 			children: [/* @__PURE__ */ _(p, { className: "mr-1 h-4 w-4" }), t ? "Voted" : "Vote"]
-		}), c && /* @__PURE__ */ _(s, { message: c })]
+		}), c && /* @__PURE__ */ _(a, { message: c })]
 	});
 }
-function I({ feature: i }) {
-	let a = e(), [c, f] = g(M, P), [p, h] = g(N, {
+function I({ feature: o }) {
+	let s = e(), [c, f] = g(M, P), [p, h] = g(N, {
 		refetchQueries: k.filter((e) => e !== "GetFeatureRequest"),
 		context: t
-	}), [b, x] = u(null), S = f.loading || h.loading, C = O.includes(i.status) ? O : [i.status, ...O], w = async (e) => {
+	}), [b, x] = u(null), S = f.loading || h.loading, C = O.includes(o.status) ? O : [o.status, ...O], w = async (e) => {
 		x(null);
 		try {
 			await n(c({ variables: {
-				id: i.id,
+				id: o.id,
 				input: { status: e }
 			} }));
 		} catch (e) {
@@ -98,7 +98,7 @@ function I({ feature: i }) {
 	}, T = async () => {
 		x(null);
 		try {
-			await n(p({ variables: { id: i.id } })), a("/products/features-page");
+			await n(p({ variables: { id: o.id } })), s("/products/features-page");
 		} catch (e) {
 			x(e instanceof Error ? e.message : "The request could not be deleted.");
 		}
@@ -112,29 +112,29 @@ function I({ feature: i }) {
 					"aria-label": "Status",
 					"data-testid": "feature-status",
 					className: "rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60",
-					value: i.status,
+					value: o.status,
 					disabled: S,
 					onChange: (e) => {
-						e.target.value !== i.status && w(e.target.value);
+						e.target.value !== o.status && w(e.target.value);
 					},
 					children: C.map((e) => /* @__PURE__ */ _("option", {
 						value: e,
 						children: l(e)
 					}, e))
 				}),
-				/* @__PURE__ */ _(L, { feature: i }),
+				/* @__PURE__ */ _(L, { feature: o }),
 				/* @__PURE__ */ v(y, {
 					size: "sm",
 					variant: "outline",
 					"data-testid": "feature-analytics",
-					onClick: () => a(r("/products/feature-analytics-page", i.id)),
+					onClick: () => s(r("/products/feature-analytics-page", o.id)),
 					children: [/* @__PURE__ */ _(d, { className: "mr-1 h-4 w-4" }), "Analytics"]
 				}),
-				/* @__PURE__ */ _(o, {
+				/* @__PURE__ */ _(i, {
 					label: "Delete",
 					variant: "outline",
 					icon: /* @__PURE__ */ _(m, { className: "mr-1 h-4 w-4" }),
-					title: `Delete "${i.title}"?`,
+					title: `Delete "${o.title}"?`,
 					description: "The request and its votes are deleted. This cannot be undone here.",
 					confirmLabel: "Delete request",
 					destructive: !0,
@@ -142,7 +142,7 @@ function I({ feature: i }) {
 					onConfirm: () => void T()
 				})
 			]
-		}), b && /* @__PURE__ */ _(s, { message: b })]
+		}), b && /* @__PURE__ */ _(a, { message: b })]
 	});
 }
 function L({ feature: e }) {
@@ -153,35 +153,35 @@ function L({ feature: e }) {
 		effortEstimate: e.effortEstimate ?? "",
 		projectId: e.projectId ?? "",
 		workItemId: e.workItemId ?? ""
-	}, [r, o] = u(!1), [l, d] = u(t), [p, m] = u(null), [h, O] = g(M, P), k = c(l.businessValue, {
+	}, [r, i] = u(!1), [l, d] = u(t), [p, m] = u(null), [h, O] = g(M, P), k = c(l.businessValue, {
 		min: 0,
 		max: 100
 	}), A = l.title.trim() !== "" && !k.invalid && !O.loading, j = async () => {
 		m(null);
-		let r = (e) => e.trim() ? e.trim() : null, i = {
+		let r = (e) => e.trim() ? e.trim() : null, a = {
 			title: l.title.trim(),
 			description: r(l.description),
 			businessValue: k.value ?? null,
 			effortEstimate: r(l.effortEstimate),
 			projectId: l.projectId || null,
 			workItemId: l.workItemId || null
-		}, a = {
+		}, o = {
 			title: t.title,
 			description: r(t.description),
 			businessValue: t.businessValue === "" ? null : Number(t.businessValue),
 			effortEstimate: r(t.effortEstimate),
 			projectId: t.projectId || null,
 			workItemId: t.workItemId || null
-		}, s = Object.fromEntries(Object.entries(i).filter(([e, t]) => t !== a[e]));
+		}, s = Object.fromEntries(Object.entries(a).filter(([e, t]) => t !== o[e]));
 		if (Object.keys(s).length === 0) {
-			o(!1);
+			i(!1);
 			return;
 		}
 		try {
 			await n(h({ variables: {
 				id: e.id,
 				input: s
-			} })), o(!1);
+			} })), i(!1);
 		} catch (e) {
 			m(e instanceof Error ? e.message : "The request could not be saved.");
 		}
@@ -189,7 +189,7 @@ function L({ feature: e }) {
 	return /* @__PURE__ */ v(x, {
 		open: r,
 		onOpenChange: (e) => {
-			o(e), e ? d(t) : m(null);
+			i(e), e ? d(t) : m(null);
 		},
 		children: [/* @__PURE__ */ _(D, {
 			asChild: !0,
@@ -265,14 +265,14 @@ function L({ feature: e }) {
 								})
 							})] })]
 						}),
-						k.invalid && /* @__PURE__ */ _(s, { message: "Business value is a whole number from 0 to 100." }),
+						k.invalid && /* @__PURE__ */ _(a, { message: "Business value is a whole number from 0 to 100." }),
 						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 							htmlFor: "feature-edit-project",
 							className: N,
 							children: "Project"
 						}), /* @__PURE__ */ _("div", {
 							className: "mt-1",
-							children: /* @__PURE__ */ _(i, {
+							children: /* @__PURE__ */ _(o, {
 								id: "feature-edit-project",
 								value: l.projectId,
 								noneLabel: "No project",
@@ -289,7 +289,7 @@ function L({ feature: e }) {
 							children: "Delivered by work item"
 						}), /* @__PURE__ */ _("div", {
 							className: "mt-1",
-							children: /* @__PURE__ */ _(a, {
+							children: /* @__PURE__ */ _(s, {
 								id: "feature-edit-workitem",
 								projectId: l.projectId || void 0,
 								value: l.workItemId,
@@ -299,12 +299,12 @@ function L({ feature: e }) {
 								})
 							})
 						})] }),
-						p && /* @__PURE__ */ _(s, { message: p })
+						p && /* @__PURE__ */ _(a, { message: p })
 					]
 				}),
 				/* @__PURE__ */ v(w, { children: [/* @__PURE__ */ _(y, {
 					variant: "outline",
-					onClick: () => o(!1),
+					onClick: () => i(!1),
 					children: "Cancel"
 				}), /* @__PURE__ */ _(y, {
 					onClick: () => void j(),

package/dist/planmagnet/controls/FeatureTriage.js

@@ -1,7 +1,7 @@
 import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
 import { throwOnError as t } from "../utils/mutationResult.js";
-import { ProjectSelect as n } from "./Pickers.js";
-import { ErrorLine as r } from "./ConfirmButton.js";
+import { ErrorLine as n } from "./ConfirmButton.js";
+import { ProjectSelect as r } from "./Pickers.js";
 import { useDeferredValue as i, useState as a } from "react";
 import { AlarmClock as o, Check as s, GitMerge as c, Sun as l, X as u } from "lucide-react";
 import { gql as d } from "@apollo/client";
@@ -66,7 +66,7 @@ var E = {
     }
   }
 `, M = 2e3, N = ["SUBMITTED", "UNDER_REVIEW"], P = (e) => N.includes(e), F = (e, t) => !!e && new Date(e).getTime() > t, I = (e, t) => e instanceof Error ? e.message : t;
-function L({ trigger: e, testId: t, title: n, description: i, children: a, confirmLabel: o, canConfirm: s, busy: c, onConfirm: l, error: u, onOpenChange: d, open: f }) {
+function L({ trigger: e, testId: t, title: r, description: i, children: a, confirmLabel: o, canConfirm: s, busy: c, onConfirm: l, error: u, onOpenChange: d, open: f }) {
 	return /* @__PURE__ */ g(y, {
 		open: f,
 		onOpenChange: d,
@@ -83,10 +83,10 @@ function L({ trigger: e, testId: t, title: n, description: i, children: a, confi
 		}), /* @__PURE__ */ g(b, {
 			className: "max-w-lg",
 			children: [
-				/* @__PURE__ */ g(C, { children: [/* @__PURE__ */ h(w, { children: n }), /* @__PURE__ */ h(x, { children: i })] }),
+				/* @__PURE__ */ g(C, { children: [/* @__PURE__ */ h(w, { children: r }), /* @__PURE__ */ h(x, { children: i })] }),
 				/* @__PURE__ */ g("div", {
 					className: "space-y-3",
-					children: [a, u && /* @__PURE__ */ h(r, { message: u })]
+					children: [a, u && /* @__PURE__ */ h(n, { message: u })]
 				}),
 				/* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h(_, {
 					variant: "outline",
@@ -102,7 +102,7 @@ function L({ trigger: e, testId: t, title: n, description: i, children: a, confi
 	});
 }
 function R({ feature: e }) {
-	let [r, i] = a(!1), [o, c] = a("PLANNED"), [l, u] = a(e.projectId ?? ""), [d, p] = a(null), [_, v] = f(D, E), y = async () => {
+	let [n, i] = a(!1), [o, c] = a("PLANNED"), [l, u] = a(e.projectId ?? ""), [d, p] = a(null), [_, v] = f(D, E), y = async () => {
 		p(null);
 		try {
 			await t(_({ variables: {
@@ -117,7 +117,7 @@ function R({ feature: e }) {
 		}
 	};
 	return /* @__PURE__ */ g(L, {
-		open: r,
+		open: n,
 		onOpenChange: (e) => {
 			i(e), e || p(null);
 		},
@@ -152,7 +152,7 @@ function R({ feature: e }) {
 			children: "Project that will deliver it"
 		}), /* @__PURE__ */ h("div", {
 			className: "mt-1",
-			children: /* @__PURE__ */ h(n, {
+			children: /* @__PURE__ */ h(r, {
 				id: `triage-accept-project-${e.id}`,
 				value: l,
 				noneLabel: "No project yet",
@@ -354,10 +354,10 @@ function H({ feature: n }) {
 	});
 }
 function U({ feature: e }) {
-	let [n, i] = f(k, E), [o, s] = a(null), c = async () => {
+	let [r, i] = f(k, E), [o, s] = a(null), c = async () => {
 		s(null);
 		try {
-			await t(n({ variables: {
+			await t(r({ variables: {
 				id: e.id,
 				until: null
 			} }));
@@ -374,7 +374,7 @@ function U({ feature: e }) {
 			e.stopPropagation(), c();
 		},
 		children: [/* @__PURE__ */ h(l, { className: "mr-1 h-4 w-4" }), "Back to triage"]
-	}), o && /* @__PURE__ */ h(r, { message: o })] });
+	}), o && /* @__PURE__ */ h(n, { message: o })] });
 }
 function W({ feature: e, now: t }) {
 	if (!P(e.status)) return null;

package/dist/planmagnet/controls/ObjectiveControls.js

@@ -1,6 +1,6 @@
 import { throwOnError as e } from "../utils/mutationResult.js";
-import { WorkItemSearchSelect as t } from "./Pickers.js";
-import { ErrorLine as n } from "./ConfirmButton.js";
+import { ErrorLine as t } from "./ConfirmButton.js";
+import { WorkItemSearchSelect as n } from "./Pickers.js";
 import { endBeforeStart as r } from "../utils/formValidation.js";
 import { enumLabel as i } from "./WorkItemControls.js";
 import { useState as a } from "react";
@@ -41,13 +41,13 @@ var S = [
 	refetchQueries: C,
 	awaitRefetchQueries: !0
 };
-function O({ objective: t }) {
-	let [r, o] = u(w, D), [s, c] = a(null), l = S.includes(t.status) ? S : [t.status, ...S], p = async (n) => {
+function O({ objective: n }) {
+	let [r, o] = u(w, D), [s, c] = a(null), l = S.includes(n.status) ? S : [n.status, ...S], p = async (t) => {
 		c(null);
 		try {
 			await e(r({ variables: {
-				id: t.id,
-				input: { status: n }
+				id: n.id,
+				input: { status: t }
 			} }));
 		} catch (e) {
 			c(e instanceof Error ? e.message : "The status could not be changed.");
@@ -61,38 +61,38 @@ function O({ objective: t }) {
 				"aria-label": "Objective status",
 				"data-testid": "objective-status",
 				className: "rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60",
-				value: t.status,
+				value: n.status,
 				disabled: o.loading,
 				onChange: (e) => {
-					e.target.value !== t.status && p(e.target.value);
+					e.target.value !== n.status && p(e.target.value);
 				},
 				children: l.map((e) => /* @__PURE__ */ d("option", {
 					value: e,
 					children: i(e)
 				}, e))
-			}), /* @__PURE__ */ d(A, { objective: t })]
-		}), s && /* @__PURE__ */ d(n, { message: s })]
+			}), /* @__PURE__ */ d(A, { objective: n })]
+		}), s && /* @__PURE__ */ d(t, { message: s })]
 	});
 }
 var k = (e) => e ? e.slice(0, 10) : "";
-function A({ objective: t }) {
+function A({ objective: n }) {
 	let i = {
-		title: t.title,
-		description: t.description ?? "",
-		periodLabel: t.periodLabel,
-		startDate: k(t.startDate),
-		endDate: k(t.endDate)
+		title: n.title,
+		description: n.description ?? "",
+		periodLabel: n.periodLabel,
+		startDate: k(n.startDate),
+		endDate: k(n.endDate)
 	}, [o, c] = a(!1), [l, S] = a(i), [C, T] = a(null), [E, O] = u(w, D), A = r(l.startDate, l.endDate), j = l.title.trim() !== "" && l.periodLabel.trim() !== "" && !A && !O.loading, M = async () => {
 		T(null);
-		let n = {};
-		if (l.title.trim() !== i.title && (n.title = l.title.trim()), l.periodLabel.trim() !== i.periodLabel && (n.periodLabel = l.periodLabel.trim()), l.description.trim() !== i.description.trim() && (n.description = l.description.trim() || null), l.startDate !== i.startDate && (n.startDate = l.startDate || null), l.endDate !== i.endDate && (n.endDate = l.endDate || null), Object.keys(n).length === 0) {
+		let t = {};
+		if (l.title.trim() !== i.title && (t.title = l.title.trim()), l.periodLabel.trim() !== i.periodLabel && (t.periodLabel = l.periodLabel.trim()), l.description.trim() !== i.description.trim() && (t.description = l.description.trim() || null), l.startDate !== i.startDate && (t.startDate = l.startDate || null), l.endDate !== i.endDate && (t.endDate = l.endDate || null), Object.keys(t).length === 0) {
 			c(!1);
 			return;
 		}
 		try {
 			await e(E({ variables: {
-				id: t.id,
-				input: n
+				id: n.id,
+				input: t
 			} })), c(!1);
 		} catch (e) {
 			T(e instanceof Error ? e.message : "The objective could not be saved.");
@@ -177,7 +177,7 @@ function A({ objective: t }) {
 								})
 							})] })]
 						}),
-						A && /* @__PURE__ */ d(n, { message: "The end date is before the start date." }),
+						A && /* @__PURE__ */ d(t, { message: "The end date is before the start date." }),
 						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
 							htmlFor: "objective-edit-description",
 							className: N,
@@ -191,7 +191,7 @@ function A({ objective: t }) {
 								description: e.target.value
 							})
 						})] }),
-						C && /* @__PURE__ */ d(n, { message: C })
+						C && /* @__PURE__ */ d(t, { message: C })
 					]
 				}),
 				/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(p, {
@@ -259,7 +259,7 @@ function j({ keyResultId: r, keyResultTitle: s, linked: l }) {
 			}),
 			v ? /* @__PURE__ */ f("div", {
 				className: "space-y-2 rounded-md border border-input p-2",
-				children: [/* @__PURE__ */ d(t, {
+				children: [/* @__PURE__ */ d(n, {
 					id: `kr-link-${r}`,
 					value: b,
 					onChange: x,
@@ -286,7 +286,7 @@ function j({ keyResultId: r, keyResultTitle: s, linked: l }) {
 				onClick: () => y(!0),
 				children: [/* @__PURE__ */ d(o, { className: "mr-1 h-4 w-4" }), "Link work item"]
 			}),
-			S && /* @__PURE__ */ d(n, { message: S })
+			S && /* @__PURE__ */ d(t, { message: S })
 		]
 	});
 }

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

@@ -1,9 +1,10 @@
-/** A project select. '' means "no project" when `noneLabel` is given. */
-export declare function ProjectSelect({ id, value, onChange, noneLabel, }: {
+/** A project select. '' means "no project" when `noneLabel` is given. `exclude` hides ids already spoken for. */
+export declare function ProjectSelect({ id, value, onChange, noneLabel, exclude, }: {
     id?: string;
     value: string;
     onChange: (projectId: string) => void;
     noneLabel?: string;
+    exclude?: string[];
 }): import("react/jsx-runtime").JSX.Element;
 /**
  * Search, then pick one work item. The server matches the key, title and description. `exclude` hides items that are
@@ -23,4 +24,18 @@ export declare function DocSearchSelect({ id, value, onChange, exclude, }: {
     onChange: (docId: string) => void;
     exclude?: string[];
 }): import("react/jsx-runtime").JSX.Element;
+/** A program select. '' means "no program" when `noneLabel` is given. */
+export declare function ProgramSelect({ id, value, onChange, noneLabel, }: {
+    id?: string;
+    value: string;
+    onChange: (programId: string) => void;
+    noneLabel?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/** Search, then pick one competitor. `exclude` hides competitors already linked. */
+export declare function CompetitorSearchSelect({ id, value, onChange, exclude, }: {
+    id: string;
+    value: string;
+    onChange: (competitorId: string) => void;
+    exclude?: string[];
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Pickers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pickers.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/Pickers.tsx"],"names":[],"mappings":"AA2BA,yEAAyE;AACzE,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA8BA;AAeD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAY,GACb,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,2CAqDA;AAcD,iCAAiC;AACjC,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,OAAY,GACb,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,2CA8CA"}
+{"version":3,"file":"Pickers.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/Pickers.tsx"],"names":[],"mappings":"AA2BA,iHAAiH;AACjH,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAY,GACb,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,2CA8BA;AAeD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAY,GACb,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,2CAqDA;AAcD,iCAAiC;AACjC,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,OAAY,GACb,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,2CA8CA;AAcD,yEAAyE;AACzE,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA8BA;AAcD,oFAAoF;AACpF,wBAAgB,sBAAsB,CAAC,EACrC,EAAE,EACF,KAAK,EACL,QAAQ,EACR,OAAY,GACb,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,2CAkDA"}