@burdenoff/microfe-planmagnet 2026.928.3 → 2026.928.5

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,8 +1,8 @@
 import { throwOnError as e } from "../utils/mutationResult.js";
-import { WorkItemSearchSelect as t } from "./Pickers.js";
-import { ErrorLine as n } from "./ConfirmButton.js";
-import { endBeforeStart as r } from "../utils/formValidation.js";
-import { enumLabel as i } from "./WorkItemControls.js";
+import { ErrorLine as t } from "./ConfirmButton.js";
+import { WorkItemSearchSelect as n } from "./Pickers.js";
+import { enumLabel as r } from "./WorkItemControls.js";
+import { endBeforeStart as i } from "../utils/formValidation.js";
 import { useState as a } from "react";
 import { Link2 as o, Pencil as s, X as c } from "lucide-react";
 import { gql as l } from "@apollo/client";
@@ -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 [i, 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 }
+			await e(i({ variables: {
+				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)
+					children: r(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 }) {
-	let i = {
-		title: t.title,
-		description: t.description ?? "",
-		periodLabel: t.periodLabel,
-		startDate: k(t.startDate),
-		endDate: k(t.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 () => {
+function A({ objective: n }) {
+	let r = {
+		title: n.title,
+		description: n.description ?? "",
+		periodLabel: n.periodLabel,
+		startDate: k(n.startDate),
+		endDate: k(n.endDate)
+	}, [o, c] = a(!1), [l, S] = a(r), [C, T] = a(null), [E, O] = u(w, D), A = i(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() !== r.title && (t.title = l.title.trim()), l.periodLabel.trim() !== r.periodLabel && (t.periodLabel = l.periodLabel.trim()), l.description.trim() !== r.description.trim() && (t.description = l.description.trim() || null), l.startDate !== r.startDate && (t.startDate = l.startDate || null), l.endDate !== r.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.");
@@ -101,7 +101,7 @@ function A({ objective: t }) {
 	return /* @__PURE__ */ f(h, {
 		open: o,
 		onOpenChange: (e) => {
-			c(e), e ? S(i) : T(null);
+			c(e), e ? S(r) : T(null);
 		},
 		children: [/* @__PURE__ */ d(x, {
 			asChild: !0,
@@ -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, {
@@ -207,14 +207,14 @@ function A({ objective: t }) {
 		})]
 	});
 }
-function j({ keyResultId: r, keyResultTitle: s, linked: l }) {
-	let [m, h] = u(T, D), [g, _] = u(E, D), [v, y] = a(!1), [b, x] = a(""), [S, C] = a(null), w = h.loading || _.loading, O = async (t, n, i) => {
+function j({ keyResultId: i, keyResultTitle: s, linked: l }) {
+	let [m, h] = u(T, D), [g, _] = u(E, D), [v, y] = a(!1), [b, x] = a(""), [S, C] = a(null), w = h.loading || _.loading, O = async (t, n, r) => {
 		C(null);
 		try {
 			await e(t({ variables: {
-				keyResultId: r,
+				keyResultId: i,
 				workItemId: n
-			} })), i?.();
+			} })), r?.();
 		} catch (e) {
 			C(e instanceof Error ? e.message : "The link could not be changed.");
 		}
@@ -241,7 +241,7 @@ function j({ keyResultId: r, keyResultTitle: s, linked: l }) {
 								className: "text-muted-foreground",
 								children: [
 									"(",
-									i(e.status),
+									r(e.status),
 									")"
 								]
 							})
@@ -259,8 +259,8 @@ 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, {
-					id: `kr-link-${r}`,
+				children: [/* @__PURE__ */ d(n, {
+					id: `kr-link-${i}`,
 					value: b,
 					onChange: x,
 					exclude: l.map((e) => e.id)
@@ -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"}

package/dist/planmagnet/controls/Pickers.js

@@ -16,11 +16,11 @@ var c = "w-full rounded-md border border-input bg-background px-3 py-2 text-sm d
     }
   }
 `;
-function u({ id: t, value: n, onChange: r, noneLabel: s }) {
-	let { workspaceId: u } = e(), { data: d, loading: f, error: p } = i(l, {
-		variables: { workspaceId: u ?? "" },
-		skip: !u
-	}), m = d?.planmagnetProjects.items ?? [];
+function u({ id: t, value: n, onChange: r, noneLabel: s, exclude: u = [] }) {
+	let { workspaceId: d } = e(), { data: f, loading: p, error: m } = i(l, {
+		variables: { workspaceId: d ?? "" },
+		skip: !d
+	}), h = (f?.planmagnetProjects.items ?? []).filter((e) => !u.includes(e.id));
 	return /* @__PURE__ */ o("select", {
 		id: t,
 		className: c,
@@ -31,11 +31,11 @@ function u({ id: t, value: n, onChange: r, noneLabel: s }) {
 				value: "",
 				children: s
 			}),
-			m.length === 0 && s === void 0 && /* @__PURE__ */ a("option", {
+			h.length === 0 && s === void 0 && /* @__PURE__ */ a("option", {
 				value: "",
-				children: f && !d ? "Loading projects…" : p ? "Projects could not be loaded" : "No projects yet"
+				children: p && !f ? "Loading projects…" : m ? "Projects could not be loaded" : "No projects yet"
 			}),
-			m.map((e) => /* @__PURE__ */ a("option", {
+			h.map((e) => /* @__PURE__ */ a("option", {
 				value: e.id,
 				children: e.name
 			}, e.id))
@@ -165,7 +165,98 @@ function m({ id: r, value: l, onChange: u, exclude: d = [] }) {
 		]
 	});
 }
+var h = r`
+  query PickerPrograms($workspaceId: ID!) {
+    planmagnetPrograms(workspaceId: $workspaceId, pagination: { first: 100 }) {
+      items {
+        id
+        name
+      }
+      totalCount
+    }
+  }
+`;
+function g({ id: t, value: n, onChange: r, noneLabel: s }) {
+	let { workspaceId: l } = e(), { data: u, loading: d, error: f } = i(h, {
+		variables: { workspaceId: l ?? "" },
+		skip: !l
+	}), p = u?.planmagnetPrograms.items ?? [];
+	return /* @__PURE__ */ o("select", {
+		id: t,
+		className: c,
+		value: n,
+		onChange: (e) => r(e.target.value),
+		children: [
+			s !== void 0 && /* @__PURE__ */ a("option", {
+				value: "",
+				children: s
+			}),
+			p.length === 0 && s === void 0 && /* @__PURE__ */ a("option", {
+				value: "",
+				children: d && !u ? "Loading programs…" : f ? "Programs could not be loaded" : "No programs yet"
+			}),
+			p.map((e) => /* @__PURE__ */ a("option", {
+				value: e.id,
+				children: e.name
+			}, e.id))
+		]
+	});
+}
+var _ = r`
+  query PickerCompetitors($workspaceId: ID!, $filter: PlanmagnetCompetitorFilter) {
+    planmagnetCompetitors(workspaceId: $workspaceId, filter: $filter, pagination: { first: 20 }) {
+      items {
+        id
+        name
+      }
+      totalCount
+    }
+  }
+`;
+function v({ id: r, value: l, onChange: u, exclude: d = [] }) {
+	let { workspaceId: f } = e(), [p, m] = n(""), h = t(p.trim()), { data: g, loading: v } = i(_, {
+		variables: {
+			workspaceId: f ?? "",
+			filter: h ? { search: h } : void 0
+		},
+		skip: !f
+	}), y = g?.planmagnetCompetitors.items ?? [], b = y.filter((e) => !d.includes(e.id)), x = g?.planmagnetCompetitors.totalCount ?? 0;
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-1",
+		children: [
+			/* @__PURE__ */ a(s, {
+				"aria-label": "Search competitors",
+				placeholder: "Search competitors by name",
+				value: p,
+				onChange: (e) => m(e.target.value)
+			}),
+			/* @__PURE__ */ o("select", {
+				id: r,
+				className: c,
+				value: l,
+				onChange: (e) => u(e.target.value),
+				children: [/* @__PURE__ */ a("option", {
+					value: "",
+					children: v && !g ? "Searching…" : b.length ? "Choose a competitor" : "No match"
+				}), b.map((e) => /* @__PURE__ */ a("option", {
+					value: e.id,
+					children: e.name
+				}, e.id))]
+			}),
+			x > y.length && /* @__PURE__ */ o("p", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					"Showing ",
+					y.length,
+					" of ",
+					x,
+					" — type to narrow the list."
+				]
+			})
+		]
+	});
+}
 //#endregion
-export { m as DocSearchSelect, u as ProjectSelect, f as WorkItemSearchSelect };
+export { v as CompetitorSearchSelect, m as DocSearchSelect, g as ProgramSelect, u as ProjectSelect, f as WorkItemSearchSelect };
 
 //# sourceMappingURL=Pickers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pickers.js","names":[],"sources":["../../../src/planmagnet/controls/Pickers.tsx"],"sourcesContent":["import { useDeferredValue, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\n/**\n * Record pickers shared by forms and dialogs: a project select, and search-then-pick selects for work items and\n * docs. Values are record ids. Search runs on the server (never \"the first page, filtered in the browser\"), so a\n * record past the first page can still be found.\n */\n\nconst selectClass =\n  'w-full rounded-md border border-input bg-background px-3 py-2 text-sm disabled:opacity-60';\n\nconst PICKER_PROJECTS = gql`\n  query PickerProjects($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n      totalCount\n    }\n  }\n`;\n\n/** A project select. '' means \"no project\" when `noneLabel` is given. */\nexport function ProjectSelect({\n  id,\n  value,\n  onChange,\n  noneLabel,\n}: {\n  id?: string;\n  value: string;\n  onChange: (projectId: string) => void;\n  noneLabel?: string;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error } = useQuery<{\n    planmagnetProjects: { items: { id: string; name: string }[]; totalCount: number };\n  }>(PICKER_PROJECTS, { variables: { workspaceId: workspaceId ?? '' }, skip: !workspaceId });\n  const projects = data?.planmagnetProjects.items ?? [];\n  return (\n    <select\n      id={id}\n      className={selectClass}\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n    >\n      {noneLabel !== undefined && <option value=\"\">{noneLabel}</option>}\n      {projects.length === 0 && noneLabel === undefined && (\n        <option value=\"\">\n          {loading && !data\n            ? 'Loading projects…'\n            : error\n              ? 'Projects could not be loaded'\n              : 'No projects yet'}\n        </option>\n      )}\n      {projects.map((p) => (\n        <option key={p.id} value={p.id}>\n          {p.name}\n        </option>\n      ))}\n    </select>\n  );\n}\n\nconst PICKER_WORK_ITEMS = gql`\n  query PickerWorkItems($workspaceId: ID!, $filter: PlanmagnetWorkItemFilter) {\n    planmagnetWorkItems(workspaceId: $workspaceId, filter: $filter, pagination: { first: 20 }) {\n      items {\n        id\n        key\n        title\n      }\n      totalCount\n    }\n  }\n`;\n\n/**\n * Search, then pick one work item. The server matches the key, title and description. `exclude` hides items that are\n * already linked (the result says how many more exist, so an empty list never claims \"nothing left\" falsely).\n */\nexport function WorkItemSearchSelect({\n  id,\n  projectId,\n  value,\n  onChange,\n  exclude = [],\n}: {\n  id: string;\n  projectId?: string;\n  value: string;\n  onChange: (workItemId: string) => void;\n  exclude?: string[];\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const [search, setSearch] = useState('');\n  const deferred = useDeferredValue(search.trim());\n  const { data, loading } = useQuery<{\n    planmagnetWorkItems: {\n      items: { id: string; key: string; title: string }[];\n      totalCount: number;\n    };\n  }>(PICKER_WORK_ITEMS, {\n    variables: {\n      workspaceId: workspaceId ?? '',\n      filter: { ...(deferred && { search: deferred }), ...(projectId && { projectId }) },\n    },\n    skip: !workspaceId,\n  });\n  const found = data?.planmagnetWorkItems.items ?? [];\n  const items = found.filter((w) => !exclude.includes(w.id));\n  const total = data?.planmagnetWorkItems.totalCount ?? 0;\n  return (\n    <div className=\"space-y-1\">\n      <Input\n        aria-label=\"Search work items\"\n        placeholder=\"Search by key or title\"\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n      />\n      <select\n        id={id}\n        className={selectClass}\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n      >\n        <option value=\"\">\n          {loading && !data ? 'Searching…' : items.length ? 'Choose a work item' : 'No match'}\n        </option>\n        {/* The current value stays selectable (and visible) when it is not in this page of results. */}\n        {value && !items.some((w) => w.id === value) && (\n          <option value={value}>Currently linked work item</option>\n        )}\n        {items.map((w) => (\n          <option key={w.id} value={w.id}>\n            {w.key} — {w.title}\n          </option>\n        ))}\n      </select>\n      {total > found.length && (\n        <p className=\"text-xs text-muted-foreground\">\n          Showing {found.length} of {total} — type to narrow the list.\n        </p>\n      )}\n    </div>\n  );\n}\n\nconst PICKER_DOCS = gql`\n  query PickerDocs($workspaceId: String, $filter: PlanmagnetDocFilter) {\n    planmagnetDocs(workspaceId: $workspaceId, filter: $filter, pagination: { first: 20 }) {\n      items {\n        id\n        title\n      }\n      totalCount\n    }\n  }\n`;\n\n/** Search, then pick one doc. */\nexport function DocSearchSelect({\n  id,\n  value,\n  onChange,\n  exclude = [],\n}: {\n  id: string;\n  value: string;\n  onChange: (docId: string) => void;\n  exclude?: string[];\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const [search, setSearch] = useState('');\n  const deferred = useDeferredValue(search.trim());\n  const { data, loading } = useQuery<{\n    planmagnetDocs: { items: { id: string; title: string }[]; totalCount: number };\n  }>(PICKER_DOCS, {\n    variables: {\n      workspaceId: workspaceId ?? '',\n      filter: deferred ? { search: deferred } : undefined,\n    },\n    skip: !workspaceId,\n  });\n  const found = data?.planmagnetDocs.items ?? [];\n  const docs = found.filter((d) => !exclude.includes(d.id));\n  const total = data?.planmagnetDocs.totalCount ?? 0;\n  return (\n    <div className=\"space-y-1\">\n      <Input\n        aria-label=\"Search docs\"\n        placeholder=\"Search docs by title\"\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n      />\n      <select\n        id={id}\n        className={selectClass}\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n      >\n        <option value=\"\">\n          {loading && !data ? 'Searching…' : docs.length ? 'Choose a doc' : 'No match'}\n        </option>\n        {docs.map((d) => (\n          <option key={d.id} value={d.id}>\n            {d.title}\n          </option>\n        ))}\n      </select>\n      {total > found.length && (\n        <p className=\"text-xs text-muted-foreground\">\n          Showing {found.length} of {total} — type to narrow the list.\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Pickers.js","names":[],"sources":["../../../src/planmagnet/controls/Pickers.tsx"],"sourcesContent":["import { useDeferredValue, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\n/**\n * Record pickers shared by forms and dialogs: a project select, and search-then-pick selects for work items and\n * docs. Values are record ids. Search runs on the server (never \"the first page, filtered in the browser\"), so a\n * record past the first page can still be found.\n */\n\nconst selectClass =\n  'w-full rounded-md border border-input bg-background px-3 py-2 text-sm disabled:opacity-60';\n\nconst PICKER_PROJECTS = gql`\n  query PickerProjects($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n      totalCount\n    }\n  }\n`;\n\n/** A project select. '' means \"no project\" when `noneLabel` is given. `exclude` hides ids already spoken for. */\nexport function ProjectSelect({\n  id,\n  value,\n  onChange,\n  noneLabel,\n  exclude = [],\n}: {\n  id?: string;\n  value: string;\n  onChange: (projectId: string) => void;\n  noneLabel?: string;\n  exclude?: string[];\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error } = useQuery<{\n    planmagnetProjects: { items: { id: string; name: string }[]; totalCount: number };\n  }>(PICKER_PROJECTS, { variables: { workspaceId: workspaceId ?? '' }, skip: !workspaceId });\n  const projects = (data?.planmagnetProjects.items ?? []).filter((p) => !exclude.includes(p.id));\n  return (\n    <select\n      id={id}\n      className={selectClass}\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n    >\n      {noneLabel !== undefined && <option value=\"\">{noneLabel}</option>}\n      {projects.length === 0 && noneLabel === undefined && (\n        <option value=\"\">\n          {loading && !data\n            ? 'Loading projects…'\n            : error\n              ? 'Projects could not be loaded'\n              : 'No projects yet'}\n        </option>\n      )}\n      {projects.map((p) => (\n        <option key={p.id} value={p.id}>\n          {p.name}\n        </option>\n      ))}\n    </select>\n  );\n}\n\nconst PICKER_WORK_ITEMS = gql`\n  query PickerWorkItems($workspaceId: ID!, $filter: PlanmagnetWorkItemFilter) {\n    planmagnetWorkItems(workspaceId: $workspaceId, filter: $filter, pagination: { first: 20 }) {\n      items {\n        id\n        key\n        title\n      }\n      totalCount\n    }\n  }\n`;\n\n/**\n * Search, then pick one work item. The server matches the key, title and description. `exclude` hides items that are\n * already linked (the result says how many more exist, so an empty list never claims \"nothing left\" falsely).\n */\nexport function WorkItemSearchSelect({\n  id,\n  projectId,\n  value,\n  onChange,\n  exclude = [],\n}: {\n  id: string;\n  projectId?: string;\n  value: string;\n  onChange: (workItemId: string) => void;\n  exclude?: string[];\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const [search, setSearch] = useState('');\n  const deferred = useDeferredValue(search.trim());\n  const { data, loading } = useQuery<{\n    planmagnetWorkItems: {\n      items: { id: string; key: string; title: string }[];\n      totalCount: number;\n    };\n  }>(PICKER_WORK_ITEMS, {\n    variables: {\n      workspaceId: workspaceId ?? '',\n      filter: { ...(deferred && { search: deferred }), ...(projectId && { projectId }) },\n    },\n    skip: !workspaceId,\n  });\n  const found = data?.planmagnetWorkItems.items ?? [];\n  const items = found.filter((w) => !exclude.includes(w.id));\n  const total = data?.planmagnetWorkItems.totalCount ?? 0;\n  return (\n    <div className=\"space-y-1\">\n      <Input\n        aria-label=\"Search work items\"\n        placeholder=\"Search by key or title\"\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n      />\n      <select\n        id={id}\n        className={selectClass}\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n      >\n        <option value=\"\">\n          {loading && !data ? 'Searching…' : items.length ? 'Choose a work item' : 'No match'}\n        </option>\n        {/* The current value stays selectable (and visible) when it is not in this page of results. */}\n        {value && !items.some((w) => w.id === value) && (\n          <option value={value}>Currently linked work item</option>\n        )}\n        {items.map((w) => (\n          <option key={w.id} value={w.id}>\n            {w.key} — {w.title}\n          </option>\n        ))}\n      </select>\n      {total > found.length && (\n        <p className=\"text-xs text-muted-foreground\">\n          Showing {found.length} of {total} — type to narrow the list.\n        </p>\n      )}\n    </div>\n  );\n}\n\nconst PICKER_DOCS = gql`\n  query PickerDocs($workspaceId: String, $filter: PlanmagnetDocFilter) {\n    planmagnetDocs(workspaceId: $workspaceId, filter: $filter, pagination: { first: 20 }) {\n      items {\n        id\n        title\n      }\n      totalCount\n    }\n  }\n`;\n\n/** Search, then pick one doc. */\nexport function DocSearchSelect({\n  id,\n  value,\n  onChange,\n  exclude = [],\n}: {\n  id: string;\n  value: string;\n  onChange: (docId: string) => void;\n  exclude?: string[];\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const [search, setSearch] = useState('');\n  const deferred = useDeferredValue(search.trim());\n  const { data, loading } = useQuery<{\n    planmagnetDocs: { items: { id: string; title: string }[]; totalCount: number };\n  }>(PICKER_DOCS, {\n    variables: {\n      workspaceId: workspaceId ?? '',\n      filter: deferred ? { search: deferred } : undefined,\n    },\n    skip: !workspaceId,\n  });\n  const found = data?.planmagnetDocs.items ?? [];\n  const docs = found.filter((d) => !exclude.includes(d.id));\n  const total = data?.planmagnetDocs.totalCount ?? 0;\n  return (\n    <div className=\"space-y-1\">\n      <Input\n        aria-label=\"Search docs\"\n        placeholder=\"Search docs by title\"\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n      />\n      <select\n        id={id}\n        className={selectClass}\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n      >\n        <option value=\"\">\n          {loading && !data ? 'Searching…' : docs.length ? 'Choose a doc' : 'No match'}\n        </option>\n        {docs.map((d) => (\n          <option key={d.id} value={d.id}>\n            {d.title}\n          </option>\n        ))}\n      </select>\n      {total > found.length && (\n        <p className=\"text-xs text-muted-foreground\">\n          Showing {found.length} of {total} — type to narrow the list.\n        </p>\n      )}\n    </div>\n  );\n}\n\nconst PICKER_PROGRAMS = gql`\n  query PickerPrograms($workspaceId: ID!) {\n    planmagnetPrograms(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n      totalCount\n    }\n  }\n`;\n\n/** A program select. '' means \"no program\" when `noneLabel` is given. */\nexport function ProgramSelect({\n  id,\n  value,\n  onChange,\n  noneLabel,\n}: {\n  id?: string;\n  value: string;\n  onChange: (programId: string) => void;\n  noneLabel?: string;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error } = useQuery<{\n    planmagnetPrograms: { items: { id: string; name: string }[]; totalCount: number };\n  }>(PICKER_PROGRAMS, { variables: { workspaceId: workspaceId ?? '' }, skip: !workspaceId });\n  const programs = data?.planmagnetPrograms.items ?? [];\n  return (\n    <select\n      id={id}\n      className={selectClass}\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n    >\n      {noneLabel !== undefined && <option value=\"\">{noneLabel}</option>}\n      {programs.length === 0 && noneLabel === undefined && (\n        <option value=\"\">\n          {loading && !data\n            ? 'Loading programs…'\n            : error\n              ? 'Programs could not be loaded'\n              : 'No programs yet'}\n        </option>\n      )}\n      {programs.map((p) => (\n        <option key={p.id} value={p.id}>\n          {p.name}\n        </option>\n      ))}\n    </select>\n  );\n}\n\nconst PICKER_COMPETITORS = gql`\n  query PickerCompetitors($workspaceId: ID!, $filter: PlanmagnetCompetitorFilter) {\n    planmagnetCompetitors(workspaceId: $workspaceId, filter: $filter, pagination: { first: 20 }) {\n      items {\n        id\n        name\n      }\n      totalCount\n    }\n  }\n`;\n\n/** Search, then pick one competitor. `exclude` hides competitors already linked. */\nexport function CompetitorSearchSelect({\n  id,\n  value,\n  onChange,\n  exclude = [],\n}: {\n  id: string;\n  value: string;\n  onChange: (competitorId: string) => void;\n  exclude?: string[];\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const [search, setSearch] = useState('');\n  const deferred = useDeferredValue(search.trim());\n  const { data, loading } = useQuery<{\n    planmagnetCompetitors: { items: { id: string; name: string }[]; totalCount: number };\n  }>(PICKER_COMPETITORS, {\n    variables: {\n      workspaceId: workspaceId ?? '',\n      filter: deferred ? { search: deferred } : undefined,\n    },\n    skip: !workspaceId,\n  });\n  const found = data?.planmagnetCompetitors.items ?? [];\n  const competitors = found.filter((c) => !exclude.includes(c.id));\n  const total = data?.planmagnetCompetitors.totalCount ?? 0;\n  return (\n    <div className=\"space-y-1\">\n      <Input\n        aria-label=\"Search competitors\"\n        placeholder=\"Search competitors by name\"\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n      />\n      <select\n        id={id}\n        className={selectClass}\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n      >\n        <option value=\"\">\n          {loading && !data\n            ? 'Searching…'\n            : competitors.length\n              ? 'Choose a competitor'\n              : 'No match'}\n        </option>\n        {competitors.map((c) => (\n          <option key={c.id} value={c.id}>\n            {c.name}\n          </option>\n        ))}\n      </select>\n      {total > found.length && (\n        <p className=\"text-xs text-muted-foreground\">\n          Showing {found.length} of {total} — type to narrow the list.\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+/**
+ * Portfolio controls (BOFF-8047). Portfolios were `api-only` — full CRUD and the overview roll-up existed in
+ * the service (BOFF-7704, BOFF-7934) but had zero routes anywhere in the UI.
+ */
+export declare const PORTFOLIO_STATUSES: readonly ["ACTIVE", "ON_HOLD", "CLOSED", "ARCHIVED"];
+/** Every StrategicAlignment value. CUSTOM requires `alignmentLabel` — the service refuses CUSTOM without one. */
+export declare const STRATEGIC_ALIGNMENTS: readonly ["REVENUE_GROWTH", "COST_REDUCTION", "CUSTOMER_SATISFACTION", "INNOVATION", "COMPLIANCE", "OPERATIONAL_EXCELLENCE", "MARKET_EXPANSION", "RISK_MITIGATION", "CUSTOM"];
+export declare function PortfolioHeaderActions({ portfolioId, name, status, }: {
+    portfolioId: string;
+    name: string;
+    status: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PortfolioControls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PortfolioControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/PortfolioControls.tsx"],"names":[],"mappings":"AAWA;;;GAGG;AAEH,eAAO,MAAM,kBAAkB,sDAAuD,CAAC;AAEvF,iHAAiH;AACjH,eAAO,MAAM,oBAAoB,+KAUvB,CAAC;AAuBX,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,IAAI,EACJ,MAAM,GACP,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,2CA+EA"}

package/dist/planmagnet/controls/PortfolioControls.js

@@ -0,0 +1,114 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+import { LEAVES_PAGE_CONTEXT as t, throwOnError as n } from "../utils/mutationResult.js";
+import { ConfirmButton as r, ErrorLine as i } from "./ConfirmButton.js";
+import { enumLabel as a } from "./WorkItemControls.js";
+import { detailPath as o } from "../utils/rowNavigation.js";
+import { useState as s } from "react";
+import { Pencil as c, Trash2 as l } from "lucide-react";
+import { gql as u } from "@apollo/client";
+import { useMutation as d } from "@apollo/client/react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Button as m } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/controls/PortfolioControls.tsx
+var h = [
+	"ACTIVE",
+	"ON_HOLD",
+	"CLOSED",
+	"ARCHIVED"
+], g = [
+	"REVENUE_GROWTH",
+	"COST_REDUCTION",
+	"CUSTOMER_SATISFACTION",
+	"INNOVATION",
+	"COMPLIANCE",
+	"OPERATIONAL_EXCELLENCE",
+	"MARKET_EXPANSION",
+	"RISK_MITIGATION",
+	"CUSTOM"
+], _ = [
+	"ListPortfolios",
+	"GetPortfolio",
+	"GetPortfolioForEdit",
+	"GetPortfolioOverview"
+], v = u`
+  mutation PortfolioControlsStatus($id: ID!, $input: PlanmagnetUpdatePortfolioInput!) {
+    planmagnetUpdatePortfolio(id: $id, input: $input) {
+      id
+      status
+    }
+  }
+`, y = u`
+  mutation PortfolioControlsDelete($id: ID!) {
+    planmagnetDeletePortfolio(id: $id)
+  }
+`;
+function b({ portfolioId: u, name: g, status: b }) {
+	let x = e(), [S, C] = d(v, {
+		refetchQueries: _,
+		awaitRefetchQueries: !0
+	}), [w, T] = d(y, {
+		refetchQueries: _.filter((e) => e !== "GetPortfolio" && e !== "GetPortfolioOverview"),
+		context: t
+	}), [E, D] = s(null), O = C.loading || T.loading, k = h.includes(b) ? h : [b, ...h], A = async (e) => {
+		D(null);
+		try {
+			await n(S({ variables: {
+				id: u,
+				input: { status: e }
+			} }));
+		} catch (e) {
+			D(e instanceof Error ? e.message : "The status could not be changed.");
+		}
+	}, j = async () => {
+		D(null);
+		try {
+			await n(w({ variables: { id: u } })), x("/products/portfolios-page");
+		} catch (e) {
+			D(e instanceof Error ? e.message : "The portfolio 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": "Portfolio status",
+					"data-testid": "portfolio-status",
+					className: "rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60",
+					value: b,
+					disabled: O,
+					onChange: (e) => {
+						e.target.value !== b && A(e.target.value);
+					},
+					children: k.map((e) => /* @__PURE__ */ f("option", {
+						value: e,
+						children: a(e)
+					}, e))
+				}),
+				/* @__PURE__ */ p(m, {
+					size: "sm",
+					variant: "outline",
+					"data-testid": "portfolio-edit",
+					onClick: () => x(o("/products/edit-portfolio-page", u)),
+					children: [/* @__PURE__ */ f(c, { className: "mr-1 h-4 w-4" }), "Edit"]
+				}),
+				/* @__PURE__ */ f(r, {
+					label: "Delete",
+					variant: "outline",
+					icon: /* @__PURE__ */ f(l, { className: "mr-1 h-4 w-4" }),
+					title: `Delete portfolio ${g}?`,
+					description: "The portfolio is deleted. Programs and projects it groups are not deleted. This cannot be undone here.",
+					confirmLabel: "Delete portfolio",
+					destructive: !0,
+					disabled: O,
+					onConfirm: () => void j()
+				})
+			]
+		}), E && /* @__PURE__ */ f(i, { message: E })]
+	});
+}
+//#endregion
+export { h as PORTFOLIO_STATUSES, b as PortfolioHeaderActions, g as STRATEGIC_ALIGNMENTS };
+
+//# sourceMappingURL=PortfolioControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PortfolioControls.js","names":[],"sources":["../../../src/planmagnet/controls/PortfolioControls.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Pencil, Trash2 } from 'lucide-react';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { throwOnError, LEAVES_PAGE_CONTEXT } from '../utils/mutationResult';\nimport { ConfirmButton, ErrorLine } from './ConfirmButton';\nimport { enumLabel } from './WorkItemControls';\n\n/**\n * Portfolio controls (BOFF-8047). Portfolios were `api-only` — full CRUD and the overview roll-up existed in\n * the service (BOFF-7704, BOFF-7934) but had zero routes anywhere in the UI.\n */\n\nexport const PORTFOLIO_STATUSES = ['ACTIVE', 'ON_HOLD', 'CLOSED', 'ARCHIVED'] as const;\n\n/** Every StrategicAlignment value. CUSTOM requires `alignmentLabel` — the service refuses CUSTOM without one. */\nexport const STRATEGIC_ALIGNMENTS = [\n  'REVENUE_GROWTH',\n  'COST_REDUCTION',\n  'CUSTOMER_SATISFACTION',\n  'INNOVATION',\n  'COMPLIANCE',\n  'OPERATIONAL_EXCELLENCE',\n  'MARKET_EXPANSION',\n  'RISK_MITIGATION',\n  'CUSTOM',\n] as const;\n\nconst PORTFOLIO_QUERIES = [\n  'ListPortfolios',\n  'GetPortfolio',\n  'GetPortfolioForEdit',\n  'GetPortfolioOverview',\n];\n\nconst UPDATE_STATUS = gql`\n  mutation PortfolioControlsStatus($id: ID!, $input: PlanmagnetUpdatePortfolioInput!) {\n    planmagnetUpdatePortfolio(id: $id, input: $input) {\n      id\n      status\n    }\n  }\n`;\nconst DELETE = gql`\n  mutation PortfolioControlsDelete($id: ID!) {\n    planmagnetDeletePortfolio(id: $id)\n  }\n`;\n\nexport function PortfolioHeaderActions({\n  portfolioId,\n  name,\n  status,\n}: {\n  portfolioId: string;\n  name: string;\n  status: string;\n}) {\n  const navigate = usePlanMagnetNavigate();\n  const [updateStatus, statusState] = useMutation(UPDATE_STATUS, {\n    refetchQueries: PORTFOLIO_QUERIES,\n    awaitRefetchQueries: true,\n  });\n  const [remove, removeState] = useMutation(DELETE, {\n    refetchQueries: PORTFOLIO_QUERIES.filter(\n      (q) => q !== 'GetPortfolio' && q !== 'GetPortfolioOverview'\n    ),\n    context: LEAVES_PAGE_CONTEXT,\n  });\n  const [error, setError] = useState<string | null>(null);\n  const busy = statusState.loading || removeState.loading;\n  const statuses = (PORTFOLIO_STATUSES as readonly string[]).includes(status)\n    ? PORTFOLIO_STATUSES\n    : [status, ...PORTFOLIO_STATUSES];\n\n  const onStatus = async (next: string) => {\n    setError(null);\n    try {\n      await throwOnError(updateStatus({ variables: { id: portfolioId, input: { status: next } } }));\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The status could not be changed.');\n    }\n  };\n  const onDelete = async () => {\n    setError(null);\n    try {\n      await throwOnError(remove({ variables: { id: portfolioId } }));\n      navigate('/products/portfolios-page');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The portfolio 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=\"Portfolio status\"\n          data-testid=\"portfolio-status\"\n          className=\"rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60\"\n          value={status}\n          disabled={busy}\n          onChange={(e) => {\n            if (e.target.value !== status) void onStatus(e.target.value);\n          }}\n        >\n          {statuses.map((s) => (\n            <option key={s} value={s}>\n              {enumLabel(s)}\n            </option>\n          ))}\n        </select>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          data-testid=\"portfolio-edit\"\n          onClick={() => navigate(detailPath('/products/edit-portfolio-page', portfolioId))}\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 portfolio ${name}?`}\n          description=\"The portfolio is deleted. Programs and projects it groups are not deleted. This cannot be undone here.\"\n          confirmLabel=\"Delete portfolio\"\n          destructive\n          disabled={busy}\n          onConfirm={() => void onDelete()}\n        />\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAgBA,IAAa,IAAqB;CAAC;CAAU;CAAW;CAAU;CAAW,EAGhE,IAAuB;CAClC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEK,IAAoB;CACxB;CACA;CACA;CACA;CACD,EAEK,IAAgB,CAAG;;;;;;;GAQnB,IAAS,CAAG;;;;;AAMlB,SAAgB,EAAuB,EACrC,gBACA,SACA,aAKC;CACD,IAAM,IAAW,GAAuB,EAClC,CAAC,GAAc,KAAe,EAAY,GAAe;EAC7D,gBAAgB;EAChB,qBAAqB;EACtB,CAAC,EACI,CAAC,GAAQ,KAAe,EAAY,GAAQ;EAChD,gBAAgB,EAAkB,QAC/B,MAAM,MAAM,kBAAkB,MAAM,uBACtC;EACD,SAAS;EACV,CAAC,EACI,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,IAAO,EAAY,WAAW,EAAY,SAC1C,IAAY,EAAyC,SAAS,EAAO,GACvE,IACA,CAAC,GAAQ,GAAG,EAAmB,EAE7B,IAAW,OAAO,MAAiB;AACvC,IAAS,KAAK;AACd,MAAI;AACF,SAAM,EAAa,EAAa,EAAE,WAAW;IAAE,IAAI;IAAa,OAAO,EAAE,QAAQ,GAAM;IAAE,EAAE,CAAC,CAAC;WACtF,GAAG;AACV,KAAS,aAAa,QAAQ,EAAE,UAAU,mCAAmC;;IAG3E,IAAW,YAAY;AAC3B,IAAS,KAAK;AACd,MAAI;AAEF,GADA,MAAM,EAAa,EAAO,EAAE,WAAW,EAAE,IAAI,GAAa,EAAE,CAAC,CAAC,EAC9D,EAAS,4BAA4B;WAC9B,GAAG;AACV,KAAS,aAAa,QAAQ,EAAE,UAAU,sCAAsC;;;AAIpF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,UAAD;KACE,cAAW;KACX,eAAY;KACZ,WAAU;KACV,OAAO;KACP,UAAU;KACV,WAAW,MAAM;AACf,MAAI,EAAE,OAAO,UAAU,KAAa,EAAS,EAAE,OAAO,MAAM;;eAG7D,EAAS,KAAK,MACb,kBAAC,UAAD;MAAgB,OAAO;gBACpB,EAAU,EAAE;MACN,EAFI,EAEJ,CACT;KACK,CAAA;IACT,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,eAAY;KACZ,eAAe,EAAS,EAAW,iCAAiC,EAAY,CAAC;eAJnF,CAME,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA,EAAA,OAE5B;;IACT,kBAAC,GAAD;KACE,OAAM;KACN,SAAQ;KACR,MAAM,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA;KACzC,OAAO,oBAAoB,EAAK;KAChC,aAAY;KACZ,cAAa;KACb,aAAA;KACA,UAAU;KACV,iBAAiB,KAAK,GAAU;KAChC,CAAA;IACE;MACL,KAAS,kBAAC,GAAD,EAAW,SAAS,GAAS,CAAA,CACnC"}

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

@@ -0,0 +1,25 @@
+/**
+ * Program controls (BOFF-8047). Programs were `api-only` — full CRUD and project attachment existed in the
+ * service (BOFF-7704) but had zero routes anywhere in the UI. `Program.status` reuses `PlanmagnetProjectStatus`
+ * (the SDL declares it that way), so the status list is the same as a project's.
+ */
+export declare const PROGRAM_STATUSES: readonly ["PLANNING", "ACTIVE", "ON_HOLD", "COMPLETED", "CANCELLED", "ARCHIVED"];
+export declare function ProgramHeaderActions({ programId, name, status, }: {
+    programId: string;
+    name: string;
+    status: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Add / remove projects on a program. `Program.projects` reads `Project.programId` (BOFF-7704); the only
+ * mutation that writes it is `planmagnetUpdateProject`, so attaching happens from the project side even
+ * though this card lives on the program.
+ */
+export declare function ProgramProjectsCard({ programId, projects, }: {
+    programId: string;
+    projects: {
+        id: string;
+        name: string;
+        status: string;
+    }[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProgramControls.d.ts.map