@burdenoff/microfe-planmagnet 2026.928.9 → 2026.928.10

package/dist/planmagnet/product/ProductControls.js

@@ -0,0 +1,780 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { LEAVES_PAGE_CONTEXT as n, throwOnError as r } from "../utils/mutationResult.js";
+import { ConfirmButton as i, ErrorLine as a } from "../controls/ConfirmButton.js";
+import { enumLabel as o } from "../controls/WorkItemControls.js";
+import { detailPath as s } from "../utils/rowNavigation.js";
+import { useState as c } from "react";
+import { Archive as l, ArchiveRestore as u, Plus as d, Trash2 as f, X as p } from "lucide-react";
+import { gql as m } from "@apollo/client";
+import { useMutation as h, useQuery as g } from "@apollo/client/react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Badge as y, Button as b, Checkbox as x, ResponsiveDialog as S, ResponsiveDialogContent as C, ResponsiveDialogDescription as w, ResponsiveDialogFooter as T, ResponsiveDialogHeader as E, ResponsiveDialogTitle as D, ResponsiveDialogTrigger as O } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/product/ProductControls.tsx
+var k = [
+	"GetProducts",
+	"GetProductForEdit",
+	"GetProductDetail"
+], A = m`
+  mutation ProductControlsDelete($id: ID!) {
+    planmagnetDeleteProduct(id: $id)
+  }
+`, j = m`
+  mutation ProductControlsArchive($id: ID!) {
+    planmagnetArchiveProduct(id: $id) {
+      id
+      archivedAt
+    }
+  }
+`, M = m`
+  mutation ProductControlsUnarchive($id: ID!) {
+    planmagnetUnarchiveProduct(id: $id) {
+      id
+      archivedAt
+    }
+  }
+`;
+function N({ productId: e, name: o, archivedAt: s }) {
+	let d = t(), [p, m] = h(A, {
+		refetchQueries: k,
+		context: n
+	}), [g, y] = h(j, {
+		refetchQueries: k,
+		awaitRefetchQueries: !0
+	}), [x, S] = h(M, {
+		refetchQueries: k,
+		awaitRefetchQueries: !0
+	}), [C, w] = c(null), T = async () => {
+		w(null);
+		try {
+			await r(p({ variables: { id: e } })), d("/products/products-page");
+		} catch (e) {
+			w(e instanceof Error ? e.message : "The product could not be deleted.");
+		}
+	}, E = async () => {
+		w(null);
+		try {
+			s ? await r(x({ variables: { id: e } })) : await r(g({ variables: { id: e } }));
+		} catch (e) {
+			w(e instanceof Error ? e.message : "The product could not be updated.");
+		}
+	};
+	return /* @__PURE__ */ v("div", {
+		className: "flex flex-col items-end gap-2",
+		children: [/* @__PURE__ */ v("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ v(b, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": "product-toggle-archive",
+				disabled: y.loading || S.loading,
+				onClick: () => void E(),
+				children: [_(s ? u : l, { className: "mr-1 h-4 w-4" }), s ? "Unarchive" : "Archive"]
+			}), /* @__PURE__ */ _(i, {
+				label: "Delete",
+				variant: "outline",
+				icon: /* @__PURE__ */ _(f, { className: "mr-1 h-4 w-4" }),
+				title: `Delete ${o}?`,
+				description: "Every linked roadmap, release and feature request stays intact — only its link to this product is cleared. This cannot be undone here.",
+				confirmLabel: "Delete product",
+				destructive: !0,
+				disabled: m.loading,
+				onConfirm: () => void T()
+			})]
+		}), C && /* @__PURE__ */ _(a, { message: C })]
+	});
+}
+var P = m`
+  mutation ProductControlsLinkRoadmap($productId: ID!, $roadmapId: ID!) {
+    planmagnetLinkProductRoadmap(productId: $productId, roadmapId: $roadmapId) {
+      id
+    }
+  }
+`, F = m`
+  mutation ProductControlsUnlinkRoadmap($productId: ID!, $roadmapId: ID!) {
+    planmagnetUnlinkProductRoadmap(productId: $productId, roadmapId: $roadmapId) {
+      id
+    }
+  }
+`, I = m`
+  query ProductControlsCandidateRoadmaps($workspaceId: ID!) {
+    planmagnetRoadmaps(workspaceId: $workspaceId, pagination: { first: 100 }) {
+      items {
+        id
+        name
+      }
+      totalCount
+    }
+  }
+`;
+function L({ productId: e, roadmaps: n }) {
+	let i = t(), [o, l] = h(F, {
+		refetchQueries: k,
+		awaitRefetchQueries: !0
+	}), [u, d] = c(null), [f, m] = c(null), g = async (t) => {
+		d(null), m(t);
+		try {
+			await r(o({ variables: {
+				productId: e,
+				roadmapId: t
+			} }));
+		} catch (e) {
+			d(e instanceof Error ? e.message : "The roadmap could not be unlinked.");
+		} finally {
+			m(null);
+		}
+	};
+	return /* @__PURE__ */ v("div", {
+		className: "space-y-3",
+		"data-testid": "product-roadmaps",
+		children: [
+			/* @__PURE__ */ v("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ v("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						n.length,
+						" roadmap",
+						n.length === 1 ? "" : "s"
+					]
+				}), /* @__PURE__ */ _(R, {
+					productId: e,
+					existingIds: n.map((e) => e.id)
+				})]
+			}),
+			u && /* @__PURE__ */ _(a, { message: u }),
+			n.length === 0 ? /* @__PURE__ */ _("p", {
+				className: "text-sm text-muted-foreground text-center py-4",
+				children: "No roadmaps linked to this product yet."
+			}) : /* @__PURE__ */ _("ul", {
+				className: "space-y-1",
+				children: n.map((e) => /* @__PURE__ */ v("li", {
+					className: "flex items-center justify-between gap-2 border rounded-md p-2 text-sm",
+					children: [/* @__PURE__ */ _("button", {
+						type: "button",
+						className: "min-w-0 truncate text-left hover:underline",
+						onClick: () => i(s("/products/roadmap-detail-page", e.id)),
+						children: e.name
+					}), /* @__PURE__ */ _(b, {
+						size: "sm",
+						variant: "ghost",
+						"aria-label": `Unlink ${e.name} from product`,
+						disabled: l.loading,
+						onClick: () => void g(e.id),
+						children: f === e.id ? "…" : /* @__PURE__ */ _(p, { className: "h-4 w-4" })
+					})]
+				}, e.id))
+			})
+		]
+	});
+}
+function R({ productId: t, existingIds: n }) {
+	let { workspaceId: i } = e(), [o, s] = c(!1), [l, u] = c(/* @__PURE__ */ new Set()), [f, p] = c(null), { data: m, loading: y } = g(I, {
+		variables: { workspaceId: i ?? "" },
+		skip: !o || !i
+	}), A = (m?.planmagnetRoadmaps.items ?? []).filter((e) => !n.includes(e.id)), [j, M] = h(P, {
+		refetchQueries: k,
+		awaitRefetchQueries: !0
+	}), N = (e, t) => u((n) => {
+		let r = new Set(n);
+		return t ? r.add(e) : r.delete(e), r;
+	}), F = () => {
+		u(/* @__PURE__ */ new Set()), p(null);
+	}, L = async () => {
+		p(null);
+		try {
+			await Promise.all([...l].map((e) => r(j({ variables: {
+				productId: t,
+				roadmapId: e
+			} })))), F(), s(!1);
+		} catch (e) {
+			p(e instanceof Error ? e.message : "The roadmaps could not be linked.");
+		}
+	};
+	return /* @__PURE__ */ v(S, {
+		open: o,
+		onOpenChange: (e) => {
+			s(e), e || F();
+		},
+		children: [/* @__PURE__ */ _(O, {
+			asChild: !0,
+			children: /* @__PURE__ */ v(b, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": "product-add-roadmaps",
+				children: [/* @__PURE__ */ _(d, { className: "mr-1 h-4 w-4" }), "Add roadmap"]
+			})
+		}), /* @__PURE__ */ v(C, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ v(E, { children: [/* @__PURE__ */ _(D, { children: "Link roadmaps" }), /* @__PURE__ */ _(w, { children: "Linking a roadmap does not move or copy it — it stays exactly where it is, now also reachable from this product." })] }),
+				/* @__PURE__ */ v("div", {
+					className: "max-h-80 overflow-y-auto space-y-1",
+					"data-testid": "product-add-roadmap-candidates",
+					children: [
+						y && /* @__PURE__ */ _("p", {
+							className: "text-sm text-muted-foreground py-4 text-center",
+							children: "Loading…"
+						}),
+						!y && A.length === 0 && /* @__PURE__ */ _("p", {
+							className: "text-sm text-muted-foreground py-4 text-center",
+							children: "Every roadmap in this workspace is already linked to this product."
+						}),
+						A.map((e) => {
+							let t = `product-add-roadmap-${e.id}`;
+							return /* @__PURE__ */ v("label", {
+								htmlFor: t,
+								className: "flex items-center gap-3 border rounded-md p-2 text-sm cursor-pointer hover:bg-muted",
+								children: [/* @__PURE__ */ _(x, {
+									id: t,
+									checked: l.has(e.id),
+									onCheckedChange: (t) => N(e.id, t === !0)
+								}), /* @__PURE__ */ _("span", {
+									className: "min-w-0 flex-1 truncate",
+									children: e.name
+								})]
+							}, e.id);
+						})
+					]
+				}),
+				f && /* @__PURE__ */ _(a, { message: f }),
+				/* @__PURE__ */ _(T, { children: /* @__PURE__ */ _(b, {
+					onClick: () => void L(),
+					disabled: l.size === 0 || M.loading,
+					"data-testid": "product-add-roadmaps-confirm",
+					children: M.loading ? "Linking…" : `Link ${l.size} roadmap${l.size === 1 ? "" : "s"}`
+				}) })
+			]
+		})]
+	});
+}
+var z = m`
+  mutation ProductControlsLinkRelease($productId: ID!, $releaseId: ID!) {
+    planmagnetLinkProductRelease(productId: $productId, releaseId: $releaseId) {
+      id
+    }
+  }
+`, B = m`
+  mutation ProductControlsUnlinkRelease($productId: ID!, $releaseId: ID!) {
+    planmagnetUnlinkProductRelease(productId: $productId, releaseId: $releaseId) {
+      id
+    }
+  }
+`, V = m`
+  query ProductControlsCandidateReleases($workspaceId: ID!) {
+    planmagnetReleases(workspaceId: $workspaceId, pagination: { first: 100 }) {
+      items {
+        id
+        name
+        version
+        status
+      }
+      totalCount
+    }
+  }
+`;
+function H({ productId: e, releases: n }) {
+	let i = t(), [l, u] = h(B, {
+		refetchQueries: k,
+		awaitRefetchQueries: !0
+	}), [d, f] = c(null), [m, g] = c(null), x = async (t) => {
+		f(null), g(t);
+		try {
+			await r(l({ variables: {
+				productId: e,
+				releaseId: t
+			} }));
+		} catch (e) {
+			f(e instanceof Error ? e.message : "The release could not be unlinked.");
+		} finally {
+			g(null);
+		}
+	};
+	return /* @__PURE__ */ v("div", {
+		className: "space-y-3",
+		"data-testid": "product-releases",
+		children: [
+			/* @__PURE__ */ v("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ v("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						n.length,
+						" release",
+						n.length === 1 ? "" : "s"
+					]
+				}), /* @__PURE__ */ _(U, {
+					productId: e,
+					existingIds: n.map((e) => e.id)
+				})]
+			}),
+			d && /* @__PURE__ */ _(a, { message: d }),
+			n.length === 0 ? /* @__PURE__ */ _("p", {
+				className: "text-sm text-muted-foreground text-center py-4",
+				children: "No releases linked to this product yet."
+			}) : /* @__PURE__ */ _("ul", {
+				className: "space-y-1",
+				children: n.map((e) => /* @__PURE__ */ v("li", {
+					className: "flex items-center justify-between gap-2 border rounded-md p-2 text-sm",
+					children: [/* @__PURE__ */ v("button", {
+						type: "button",
+						className: "min-w-0 truncate text-left hover:underline",
+						onClick: () => i(s("/products/release-detail-page", e.id)),
+						children: [/* @__PURE__ */ _("span", {
+							className: "text-muted-foreground mr-2",
+							children: e.version
+						}), e.name]
+					}), /* @__PURE__ */ v("div", {
+						className: "flex items-center gap-2 shrink-0",
+						children: [/* @__PURE__ */ _(y, {
+							variant: "outline",
+							className: "text-xs capitalize",
+							children: o(e.status)
+						}), /* @__PURE__ */ _(b, {
+							size: "sm",
+							variant: "ghost",
+							"aria-label": `Unlink ${e.name} from product`,
+							disabled: u.loading,
+							onClick: () => void x(e.id),
+							children: m === e.id ? "…" : /* @__PURE__ */ _(p, { className: "h-4 w-4" })
+						})]
+					})]
+				}, e.id))
+			})
+		]
+	});
+}
+function U({ productId: t, existingIds: n }) {
+	let { workspaceId: i } = e(), [o, s] = c(!1), [l, u] = c(/* @__PURE__ */ new Set()), [f, p] = c(null), { data: m, loading: y } = g(V, {
+		variables: { workspaceId: i ?? "" },
+		skip: !o || !i
+	}), A = (m?.planmagnetReleases.items ?? []).filter((e) => !n.includes(e.id)), [j, M] = h(z, {
+		refetchQueries: k,
+		awaitRefetchQueries: !0
+	}), N = (e, t) => u((n) => {
+		let r = new Set(n);
+		return t ? r.add(e) : r.delete(e), r;
+	}), P = () => {
+		u(/* @__PURE__ */ new Set()), p(null);
+	}, F = async () => {
+		p(null);
+		try {
+			await Promise.all([...l].map((e) => r(j({ variables: {
+				productId: t,
+				releaseId: e
+			} })))), P(), s(!1);
+		} catch (e) {
+			p(e instanceof Error ? e.message : "The releases could not be linked.");
+		}
+	};
+	return /* @__PURE__ */ v(S, {
+		open: o,
+		onOpenChange: (e) => {
+			s(e), e || P();
+		},
+		children: [/* @__PURE__ */ _(O, {
+			asChild: !0,
+			children: /* @__PURE__ */ v(b, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": "product-add-releases",
+				children: [/* @__PURE__ */ _(d, { className: "mr-1 h-4 w-4" }), "Add release"]
+			})
+		}), /* @__PURE__ */ v(C, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ v(E, { children: [/* @__PURE__ */ _(D, { children: "Link releases" }), /* @__PURE__ */ _(w, { children: "Linking a release does not move or copy it — it stays exactly where it is, now also reachable from this product." })] }),
+				/* @__PURE__ */ v("div", {
+					className: "max-h-80 overflow-y-auto space-y-1",
+					"data-testid": "product-add-release-candidates",
+					children: [
+						y && /* @__PURE__ */ _("p", {
+							className: "text-sm text-muted-foreground py-4 text-center",
+							children: "Loading…"
+						}),
+						!y && A.length === 0 && /* @__PURE__ */ _("p", {
+							className: "text-sm text-muted-foreground py-4 text-center",
+							children: "Every release in this workspace is already linked to this product."
+						}),
+						A.map((e) => {
+							let t = `product-add-release-${e.id}`;
+							return /* @__PURE__ */ v("label", {
+								htmlFor: t,
+								className: "flex items-center gap-3 border rounded-md p-2 text-sm cursor-pointer hover:bg-muted",
+								children: [/* @__PURE__ */ _(x, {
+									id: t,
+									checked: l.has(e.id),
+									onCheckedChange: (t) => N(e.id, t === !0)
+								}), /* @__PURE__ */ v("span", {
+									className: "min-w-0 flex-1 truncate",
+									children: [/* @__PURE__ */ _("span", {
+										className: "text-muted-foreground mr-2",
+										children: e.version
+									}), e.name]
+								})]
+							}, e.id);
+						})
+					]
+				}),
+				f && /* @__PURE__ */ _(a, { message: f }),
+				/* @__PURE__ */ _(T, { children: /* @__PURE__ */ _(b, {
+					onClick: () => void F(),
+					disabled: l.size === 0 || M.loading,
+					"data-testid": "product-add-releases-confirm",
+					children: M.loading ? "Linking…" : `Link ${l.size} release${l.size === 1 ? "" : "s"}`
+				}) })
+			]
+		})]
+	});
+}
+var W = m`
+  mutation ProductControlsLinkFeatureRequest($productId: ID!, $featureRequestId: ID!) {
+    planmagnetLinkProductFeatureRequest(
+      productId: $productId
+      featureRequestId: $featureRequestId
+    ) {
+      id
+    }
+  }
+`, G = m`
+  mutation ProductControlsUnlinkFeatureRequest($productId: ID!, $featureRequestId: ID!) {
+    planmagnetUnlinkProductFeatureRequest(
+      productId: $productId
+      featureRequestId: $featureRequestId
+    ) {
+      id
+    }
+  }
+`, K = m`
+  query ProductControlsCandidateFeatureRequests($workspaceId: ID!) {
+    planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: { first: 100 }) {
+      items {
+        id
+        title
+        status
+      }
+      totalCount
+    }
+  }
+`;
+function q({ productId: e, featureRequests: n }) {
+	let i = t(), [l, u] = h(G, {
+		refetchQueries: k,
+		awaitRefetchQueries: !0
+	}), [d, f] = c(null), [m, g] = c(null), x = async (t) => {
+		f(null), g(t);
+		try {
+			await r(l({ variables: {
+				productId: e,
+				featureRequestId: t
+			} }));
+		} catch (e) {
+			f(e instanceof Error ? e.message : "The feature request could not be unlinked.");
+		} finally {
+			g(null);
+		}
+	};
+	return /* @__PURE__ */ v("div", {
+		className: "space-y-3",
+		"data-testid": "product-feature-requests",
+		children: [
+			/* @__PURE__ */ v("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ v("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						n.length,
+						" feature request",
+						n.length === 1 ? "" : "s"
+					]
+				}), /* @__PURE__ */ _(J, {
+					productId: e,
+					existingIds: n.map((e) => e.id)
+				})]
+			}),
+			d && /* @__PURE__ */ _(a, { message: d }),
+			n.length === 0 ? /* @__PURE__ */ _("p", {
+				className: "text-sm text-muted-foreground text-center py-4",
+				children: "No feature requests linked to this product yet."
+			}) : /* @__PURE__ */ _("ul", {
+				className: "space-y-1",
+				children: n.map((e) => /* @__PURE__ */ v("li", {
+					className: "flex items-center justify-between gap-2 border rounded-md p-2 text-sm",
+					children: [/* @__PURE__ */ _("button", {
+						type: "button",
+						className: "min-w-0 truncate text-left hover:underline",
+						onClick: () => i(s("/products/feature-detail-page", e.id)),
+						children: e.title
+					}), /* @__PURE__ */ v("div", {
+						className: "flex items-center gap-2 shrink-0",
+						children: [/* @__PURE__ */ _(y, {
+							variant: "secondary",
+							className: "text-xs capitalize",
+							children: o(e.status)
+						}), /* @__PURE__ */ _(b, {
+							size: "sm",
+							variant: "ghost",
+							"aria-label": `Unlink ${e.title} from product`,
+							disabled: u.loading,
+							onClick: () => void x(e.id),
+							children: m === e.id ? "…" : /* @__PURE__ */ _(p, { className: "h-4 w-4" })
+						})]
+					})]
+				}, e.id))
+			})
+		]
+	});
+}
+function J({ productId: t, existingIds: n }) {
+	let { workspaceId: i } = e(), [o, s] = c(!1), [l, u] = c(/* @__PURE__ */ new Set()), [f, p] = c(null), { data: m, loading: y } = g(K, {
+		variables: { workspaceId: i ?? "" },
+		skip: !o || !i
+	}), A = (m?.planmagnetFeatureRequests.items ?? []).filter((e) => !n.includes(e.id)), [j, M] = h(W, {
+		refetchQueries: k,
+		awaitRefetchQueries: !0
+	}), N = (e, t) => u((n) => {
+		let r = new Set(n);
+		return t ? r.add(e) : r.delete(e), r;
+	}), P = () => {
+		u(/* @__PURE__ */ new Set()), p(null);
+	}, F = async () => {
+		p(null);
+		try {
+			await Promise.all([...l].map((e) => r(j({ variables: {
+				productId: t,
+				featureRequestId: e
+			} })))), P(), s(!1);
+		} catch (e) {
+			p(e instanceof Error ? e.message : "The feature requests could not be linked.");
+		}
+	};
+	return /* @__PURE__ */ v(S, {
+		open: o,
+		onOpenChange: (e) => {
+			s(e), e || P();
+		},
+		children: [/* @__PURE__ */ _(O, {
+			asChild: !0,
+			children: /* @__PURE__ */ v(b, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": "product-add-feature-requests",
+				children: [/* @__PURE__ */ _(d, { className: "mr-1 h-4 w-4" }), "Add feature request"]
+			})
+		}), /* @__PURE__ */ v(C, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ v(E, { children: [/* @__PURE__ */ _(D, { children: "Link feature requests" }), /* @__PURE__ */ _(w, { children: "Linking a feature request does not move or copy it — it stays exactly where it is, now also reachable from this product." })] }),
+				/* @__PURE__ */ v("div", {
+					className: "max-h-80 overflow-y-auto space-y-1",
+					"data-testid": "product-add-feature-request-candidates",
+					children: [
+						y && /* @__PURE__ */ _("p", {
+							className: "text-sm text-muted-foreground py-4 text-center",
+							children: "Loading…"
+						}),
+						!y && A.length === 0 && /* @__PURE__ */ _("p", {
+							className: "text-sm text-muted-foreground py-4 text-center",
+							children: "Every feature request in this workspace is already linked to this product."
+						}),
+						A.map((e) => {
+							let t = `product-add-feature-${e.id}`;
+							return /* @__PURE__ */ v("label", {
+								htmlFor: t,
+								className: "flex items-center gap-3 border rounded-md p-2 text-sm cursor-pointer hover:bg-muted",
+								children: [/* @__PURE__ */ _(x, {
+									id: t,
+									checked: l.has(e.id),
+									onCheckedChange: (t) => N(e.id, t === !0)
+								}), /* @__PURE__ */ _("span", {
+									className: "min-w-0 flex-1 truncate",
+									children: e.title
+								})]
+							}, e.id);
+						})
+					]
+				}),
+				f && /* @__PURE__ */ _(a, { message: f }),
+				/* @__PURE__ */ _(T, { children: /* @__PURE__ */ _(b, {
+					onClick: () => void F(),
+					disabled: l.size === 0 || M.loading,
+					"data-testid": "product-add-feature-requests-confirm",
+					children: M.loading ? "Linking…" : `Link ${l.size} request${l.size === 1 ? "" : "s"}`
+				}) })
+			]
+		})]
+	});
+}
+var Y = m`
+  mutation ProductControlsLinkObjective($productId: ID!, $objectiveId: ID!) {
+    planmagnetLinkProductObjective(productId: $productId, objectiveId: $objectiveId) {
+      id
+    }
+  }
+`, X = m`
+  mutation ProductControlsUnlinkObjective($productId: ID!, $objectiveId: ID!) {
+    planmagnetUnlinkProductObjective(productId: $productId, objectiveId: $objectiveId)
+  }
+`, Z = m`
+  query ProductControlsCandidateObjectives($workspaceId: ID!) {
+    planmagnetObjectives(workspaceId: $workspaceId, pagination: { first: 100 }) {
+      items {
+        id
+        title
+        status
+      }
+      totalCount
+    }
+  }
+`;
+function Q({ productId: e, objectives: n }) {
+	let i = t(), [s, l] = h(X, {
+		refetchQueries: k,
+		awaitRefetchQueries: !0
+	}), [u, d] = c(null), [f, m] = c(null), g = async (t) => {
+		d(null), m(t);
+		try {
+			await r(s({ variables: {
+				productId: e,
+				objectiveId: t
+			} }));
+		} catch (e) {
+			d(e instanceof Error ? e.message : "The objective could not be unlinked.");
+		} finally {
+			m(null);
+		}
+	};
+	return /* @__PURE__ */ v("div", {
+		className: "space-y-3",
+		"data-testid": "product-objectives",
+		children: [
+			/* @__PURE__ */ v("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ v("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						n.length,
+						" objective",
+						n.length === 1 ? "" : "s"
+					]
+				}), /* @__PURE__ */ _($, {
+					productId: e,
+					existingIds: n.map((e) => e.id)
+				})]
+			}),
+			u && /* @__PURE__ */ _(a, { message: u }),
+			n.length === 0 ? /* @__PURE__ */ _("p", {
+				className: "text-sm text-muted-foreground text-center py-4",
+				children: "No OKR objectives linked to this product yet."
+			}) : /* @__PURE__ */ _("ul", {
+				className: "space-y-1",
+				children: n.map((e) => /* @__PURE__ */ v("li", {
+					className: "flex items-center justify-between gap-2 border rounded-md p-2 text-sm",
+					children: [/* @__PURE__ */ _("button", {
+						type: "button",
+						className: "min-w-0 truncate text-left hover:underline",
+						onClick: () => i(`/goals/objective-detail-page?objectiveId=${e.id}`),
+						children: e.title
+					}), /* @__PURE__ */ v("div", {
+						className: "flex items-center gap-2 shrink-0",
+						children: [/* @__PURE__ */ _(y, {
+							variant: "secondary",
+							className: "text-xs capitalize",
+							children: o(e.status)
+						}), /* @__PURE__ */ _(b, {
+							size: "sm",
+							variant: "ghost",
+							"aria-label": `Unlink ${e.title} from product`,
+							disabled: l.loading,
+							onClick: () => void g(e.id),
+							children: f === e.id ? "…" : /* @__PURE__ */ _(p, { className: "h-4 w-4" })
+						})]
+					})]
+				}, e.id))
+			})
+		]
+	});
+}
+function $({ productId: t, existingIds: n }) {
+	let { workspaceId: i } = e(), [o, s] = c(!1), [l, u] = c(/* @__PURE__ */ new Set()), [f, p] = c(null), { data: m, loading: y } = g(Z, {
+		variables: { workspaceId: i ?? "" },
+		skip: !o || !i
+	}), A = (m?.planmagnetObjectives.items ?? []).filter((e) => !n.includes(e.id)), [j, M] = h(Y, {
+		refetchQueries: k,
+		awaitRefetchQueries: !0
+	}), N = (e, t) => u((n) => {
+		let r = new Set(n);
+		return t ? r.add(e) : r.delete(e), r;
+	}), P = () => {
+		u(/* @__PURE__ */ new Set()), p(null);
+	}, F = async () => {
+		p(null);
+		try {
+			await Promise.all([...l].map((e) => r(j({ variables: {
+				productId: t,
+				objectiveId: e
+			} })))), P(), s(!1);
+		} catch (e) {
+			p(e instanceof Error ? e.message : "The objectives could not be linked.");
+		}
+	};
+	return /* @__PURE__ */ v(S, {
+		open: o,
+		onOpenChange: (e) => {
+			s(e), e || P();
+		},
+		children: [/* @__PURE__ */ _(O, {
+			asChild: !0,
+			children: /* @__PURE__ */ v(b, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": "product-add-objectives",
+				children: [/* @__PURE__ */ _(d, { className: "mr-1 h-4 w-4" }), "Add objective"]
+			})
+		}), /* @__PURE__ */ v(C, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ v(E, { children: [/* @__PURE__ */ _(D, { children: "Link OKR objectives" }), /* @__PURE__ */ _(w, { children: "Re-linking an objective that is already linked is a no-op, not an error." })] }),
+				/* @__PURE__ */ v("div", {
+					className: "max-h-80 overflow-y-auto space-y-1",
+					"data-testid": "product-add-objective-candidates",
+					children: [
+						y && /* @__PURE__ */ _("p", {
+							className: "text-sm text-muted-foreground py-4 text-center",
+							children: "Loading…"
+						}),
+						!y && A.length === 0 && /* @__PURE__ */ _("p", {
+							className: "text-sm text-muted-foreground py-4 text-center",
+							children: "Every objective in this workspace is already linked to this product."
+						}),
+						A.map((e) => {
+							let t = `product-add-objective-${e.id}`;
+							return /* @__PURE__ */ v("label", {
+								htmlFor: t,
+								className: "flex items-center gap-3 border rounded-md p-2 text-sm cursor-pointer hover:bg-muted",
+								children: [/* @__PURE__ */ _(x, {
+									id: t,
+									checked: l.has(e.id),
+									onCheckedChange: (t) => N(e.id, t === !0)
+								}), /* @__PURE__ */ _("span", {
+									className: "min-w-0 flex-1 truncate",
+									children: e.title
+								})]
+							}, e.id);
+						})
+					]
+				}),
+				f && /* @__PURE__ */ _(a, { message: f }),
+				/* @__PURE__ */ _(T, { children: /* @__PURE__ */ _(b, {
+					onClick: () => void F(),
+					disabled: l.size === 0 || M.loading,
+					"data-testid": "product-add-objectives-confirm",
+					children: M.loading ? "Linking…" : `Link ${l.size} objective${l.size === 1 ? "" : "s"}`
+				}) })
+			]
+		})]
+	});
+}
+//#endregion
+export { q as ProductFeatureRequestsPanel, N as ProductHeaderActions, Q as ProductObjectivesPanel, H as ProductReleasesPanel, L as ProductRoadmapsPanel };
+
+//# sourceMappingURL=ProductControls.js.map