@burdenoff/microfe-planmagnet 2026.930.22 → 2026.930.24

package/dist/planmagnet/product/ProductControls.js

@@ -2,30 +2,32 @@ import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/Pla
 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";
+import { mutationErrorMessage as s } from "../utils/graphqlErrors.js";
+import { detailPath as c } from "../utils/rowNavigation.js";
+import { CompetitorSearchSelect as l } from "../controls/Pickers.js";
+import { useState as u } from "react";
+import { Archive as d, ArchiveRestore as f, Pencil as p, Plus as m, Trash2 as h, X as g } from "lucide-react";
+import { gql as _ } from "@apollo/client";
+import { useMutation as v, useQuery as y } from "@apollo/client/react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Badge as C, Button as w, Card as T, CardContent as E, CardHeader as ee, CardTitle as te, Checkbox as D, Input as ne, ResponsiveDialog as O, ResponsiveDialogContent as k, ResponsiveDialogDescription as A, ResponsiveDialogFooter as j, ResponsiveDialogHeader as M, ResponsiveDialogTitle as N, ResponsiveDialogTrigger as P } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/product/ProductControls.tsx
-var k = [
+var F = [
 	"GetProducts",
 	"GetProductForEdit",
 	"GetProductDetail"
-], A = m`
+], re = _`
   mutation ProductControlsDelete($id: ID!) {
     planmagnetDeleteProduct(id: $id)
   }
-`, j = m`
+`, ie = _`
   mutation ProductControlsArchive($id: ID!) {
     planmagnetArchiveProduct(id: $id) {
       id
       archivedAt
     }
   }
-`, M = m`
+`, I = _`
   mutation ProductControlsUnarchive($id: ID!) {
     planmagnetUnarchiveProduct(id: $id) {
       id
@@ -33,69 +35,69 @@ var k = [
     }
   }
 `;
-function N({ productId: e, name: o, archivedAt: s }) {
-	let d = t(), [p, m] = h(A, {
-		refetchQueries: k,
+function L({ productId: e, name: o, archivedAt: s }) {
+	let c = t(), [l, p] = v(re, {
+		refetchQueries: F,
 		context: n
-	}), [g, y] = h(j, {
-		refetchQueries: k,
+	}), [m, g] = v(ie, {
+		refetchQueries: F,
 		awaitRefetchQueries: !0
-	}), [x, S] = h(M, {
-		refetchQueries: k,
+	}), [_, y] = v(I, {
+		refetchQueries: F,
 		awaitRefetchQueries: !0
-	}), [C, w] = c(null), T = async () => {
-		w(null);
+	}), [b, C] = u(null), T = async () => {
+		C(null);
 		try {
-			await r(p({ variables: { id: e } })), d("/products/products-page");
+			await r(l({ variables: { id: e } })), c("/products/products-page");
 		} catch (e) {
-			w(e instanceof Error ? e.message : "The product could not be deleted.");
+			C(e instanceof Error ? e.message : "The product could not be deleted.");
 		}
 	}, E = async () => {
-		w(null);
+		C(null);
 		try {
-			s ? await r(x({ variables: { id: e } })) : await r(g({ variables: { id: e } }));
+			s ? await r(_({ variables: { id: e } })) : await r(m({ variables: { id: e } }));
 		} catch (e) {
-			w(e instanceof Error ? e.message : "The product could not be updated.");
+			C(e instanceof Error ? e.message : "The product could not be updated.");
 		}
 	};
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ S("div", {
 		className: "flex flex-col items-end gap-2",
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ S("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ v(b, {
+			children: [/* @__PURE__ */ S(w, {
 				size: "sm",
 				variant: "outline",
 				"data-testid": "product-toggle-archive",
-				disabled: y.loading || S.loading,
+				disabled: g.loading || y.loading,
 				onClick: () => void E(),
-				children: [_(s ? u : l, { className: "mr-1 h-4 w-4" }), s ? "Unarchive" : "Archive"]
-			}), /* @__PURE__ */ _(i, {
+				children: [x(s ? f : d, { className: "mr-1 h-4 w-4" }), s ? "Unarchive" : "Archive"]
+			}), /* @__PURE__ */ x(i, {
 				label: "Delete",
 				variant: "outline",
-				icon: /* @__PURE__ */ _(f, { className: "mr-1 h-4 w-4" }),
+				icon: /* @__PURE__ */ x(h, { 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,
+				disabled: p.loading,
 				onConfirm: () => void T()
 			})]
-		}), C && /* @__PURE__ */ _(a, { message: C })]
+		}), b && /* @__PURE__ */ x(a, { message: b })]
 	});
 }
-var P = m`
+var R = _`
   mutation ProductControlsLinkRoadmap($productId: ID!, $roadmapId: ID!) {
     planmagnetLinkProductRoadmap(productId: $productId, roadmapId: $roadmapId) {
       id
     }
   }
-`, F = m`
+`, z = _`
   mutation ProductControlsUnlinkRoadmap($productId: ID!, $roadmapId: ID!) {
     planmagnetUnlinkProductRoadmap(productId: $productId, roadmapId: $roadmapId) {
       id
     }
   }
-`, I = m`
+`, B = _`
   query ProductControlsCandidateRoadmaps($workspaceId: ID!) {
     planmagnetRoadmaps(workspaceId: $workspaceId, pagination: { first: 100 }) {
       items {
@@ -106,12 +108,12 @@ var P = m`
     }
   }
 `;
-function L({ productId: e, roadmaps: n }) {
-	let i = t(), [o, l] = h(F, {
-		refetchQueries: k,
+function V({ productId: e, roadmaps: n }) {
+	let i = t(), [o, s] = v(z, {
+		refetchQueries: F,
 		awaitRefetchQueries: !0
-	}), [u, d] = c(null), [f, m] = c(null), g = async (t) => {
-		d(null), m(t);
+	}), [l, d] = u(null), [f, p] = u(null), m = async (t) => {
+		d(null), p(t);
 		try {
 			await r(o({ variables: {
 				productId: e,
@@ -120,115 +122,115 @@ function L({ productId: e, roadmaps: n }) {
 		} catch (e) {
 			d(e instanceof Error ? e.message : "The roadmap could not be unlinked.");
 		} finally {
-			m(null);
+			p(null);
 		}
 	};
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ S("div", {
 		className: "space-y-3",
 		"data-testid": "product-roadmaps",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ v("p", {
+				children: [/* @__PURE__ */ S("p", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						n.length,
 						" roadmap",
 						n.length === 1 ? "" : "s"
 					]
-				}), /* @__PURE__ */ _(R, {
+				}), /* @__PURE__ */ x(H, {
 					productId: e,
 					existingIds: n.map((e) => e.id)
 				})]
 			}),
-			u && /* @__PURE__ */ _(a, { message: u }),
-			n.length === 0 ? /* @__PURE__ */ _("p", {
+			l && /* @__PURE__ */ x(a, { message: l }),
+			n.length === 0 ? /* @__PURE__ */ x("p", {
 				className: "text-sm text-muted-foreground text-center py-4",
 				children: "No roadmaps linked to this product yet."
-			}) : /* @__PURE__ */ _("ul", {
+			}) : /* @__PURE__ */ x("ul", {
 				className: "space-y-1",
-				children: n.map((e) => /* @__PURE__ */ v("li", {
+				children: n.map((e) => /* @__PURE__ */ S("li", {
 					className: "flex items-center justify-between gap-2 border rounded-md p-2 text-sm",
-					children: [/* @__PURE__ */ _("button", {
+					children: [/* @__PURE__ */ x("button", {
 						type: "button",
 						className: "min-w-0 truncate text-left hover:underline",
-						onClick: () => i(s("/products/roadmap-detail-page", e.id)),
+						onClick: () => i(c("/products/roadmap-detail-page", e.id)),
 						children: e.name
-					}), /* @__PURE__ */ _(b, {
+					}), /* @__PURE__ */ x(w, {
 						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" })
+						disabled: s.loading,
+						onClick: () => void m(e.id),
+						children: f === e.id ? "…" : /* @__PURE__ */ x(g, { 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, {
+function H({ productId: t, existingIds: n }) {
+	let { workspaceId: i } = e(), [o, s] = u(!1), [c, l] = u(/* @__PURE__ */ new Set()), [d, f] = u(null), { data: p, loading: h } = y(B, {
 		variables: { workspaceId: i ?? "" },
 		skip: !o || !i
-	}), A = (m?.planmagnetRoadmaps.items ?? []).filter((e) => !n.includes(e.id)), [j, M] = h(P, {
-		refetchQueries: k,
+	}), g = (p?.planmagnetRoadmaps.items ?? []).filter((e) => !n.includes(e.id)), [_, b] = v(R, {
+		refetchQueries: F,
 		awaitRefetchQueries: !0
-	}), N = (e, t) => u((n) => {
+	}), C = (e, t) => l((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);
+	}), T = () => {
+		l(/* @__PURE__ */ new Set()), f(null);
+	}, E = async () => {
+		f(null);
 		try {
-			await Promise.all([...l].map((e) => r(j({ variables: {
+			await Promise.all([...c].map((e) => r(_({ variables: {
 				productId: t,
 				roadmapId: e
-			} })))), F(), s(!1);
+			} })))), T(), s(!1);
 		} catch (e) {
-			p(e instanceof Error ? e.message : "The roadmaps could not be linked.");
+			f(e instanceof Error ? e.message : "The roadmaps could not be linked.");
 		}
 	};
-	return /* @__PURE__ */ v(S, {
+	return /* @__PURE__ */ S(O, {
 		open: o,
 		onOpenChange: (e) => {
-			s(e), e || F();
+			s(e), e || T();
 		},
-		children: [/* @__PURE__ */ _(O, {
+		children: [/* @__PURE__ */ x(P, {
 			asChild: !0,
-			children: /* @__PURE__ */ v(b, {
+			children: /* @__PURE__ */ S(w, {
 				size: "sm",
 				variant: "outline",
 				"data-testid": "product-add-roadmaps",
-				children: [/* @__PURE__ */ _(d, { className: "mr-1 h-4 w-4" }), "Add roadmap"]
+				children: [/* @__PURE__ */ x(m, { className: "mr-1 h-4 w-4" }), "Add roadmap"]
 			})
-		}), /* @__PURE__ */ v(C, {
+		}), /* @__PURE__ */ S(k, {
 			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", {
+				/* @__PURE__ */ S(M, { children: [/* @__PURE__ */ x(N, { children: "Link roadmaps" }), /* @__PURE__ */ x(A, { children: "Linking a roadmap does not move or copy it — it stays exactly where it is, now also reachable from this product." })] }),
+				/* @__PURE__ */ S("div", {
 					className: "max-h-80 overflow-y-auto space-y-1",
 					"data-testid": "product-add-roadmap-candidates",
 					children: [
-						y && /* @__PURE__ */ _("p", {
+						h && /* @__PURE__ */ x("p", {
 							className: "text-sm text-muted-foreground py-4 text-center",
 							children: "Loading…"
 						}),
-						!y && A.length === 0 && /* @__PURE__ */ _("p", {
+						!h && g.length === 0 && /* @__PURE__ */ x("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) => {
+						g.map((e) => {
 							let t = `product-add-roadmap-${e.id}`;
-							return /* @__PURE__ */ v("label", {
+							return /* @__PURE__ */ S("label", {
 								htmlFor: t,
 								className: "flex items-center gap-3 border rounded-md p-2 text-sm cursor-pointer hover:bg-muted",
-								children: [/* @__PURE__ */ _(x, {
+								children: [/* @__PURE__ */ x(D, {
 									id: t,
-									checked: l.has(e.id),
-									onCheckedChange: (t) => N(e.id, t === !0)
-								}), /* @__PURE__ */ _("span", {
+									checked: c.has(e.id),
+									onCheckedChange: (t) => C(e.id, t === !0)
+								}), /* @__PURE__ */ x("span", {
 									className: "min-w-0 flex-1 truncate",
 									children: e.name
 								})]
@@ -236,30 +238,30 @@ function R({ productId: t, existingIds: n }) {
 						})
 					]
 				}),
-				f && /* @__PURE__ */ _(a, { message: f }),
-				/* @__PURE__ */ _(T, { children: /* @__PURE__ */ _(b, {
-					onClick: () => void L(),
-					disabled: l.size === 0 || M.loading,
+				d && /* @__PURE__ */ x(a, { message: d }),
+				/* @__PURE__ */ x(j, { children: /* @__PURE__ */ x(w, {
+					onClick: () => void E(),
+					disabled: c.size === 0 || b.loading,
 					"data-testid": "product-add-roadmaps-confirm",
-					children: M.loading ? "Linking…" : `Link ${l.size} roadmap${l.size === 1 ? "" : "s"}`
+					children: b.loading ? "Linking…" : `Link ${c.size} roadmap${c.size === 1 ? "" : "s"}`
 				}) })
 			]
 		})]
 	});
 }
-var z = m`
+var U = _`
   mutation ProductControlsLinkRelease($productId: ID!, $releaseId: ID!) {
     planmagnetLinkProductRelease(productId: $productId, releaseId: $releaseId) {
       id
     }
   }
-`, B = m`
+`, W = _`
   mutation ProductControlsUnlinkRelease($productId: ID!, $releaseId: ID!) {
     planmagnetUnlinkProductRelease(productId: $productId, releaseId: $releaseId) {
       id
     }
   }
-`, V = m`
+`, G = _`
   query ProductControlsCandidateReleases($workspaceId: ID!) {
     planmagnetReleases(workspaceId: $workspaceId, pagination: { first: 100 }) {
       items {
@@ -272,70 +274,70 @@ var z = m`
     }
   }
 `;
-function H({ productId: e, releases: n }) {
-	let i = t(), [l, u] = h(B, {
-		refetchQueries: k,
+function K({ productId: e, releases: n }) {
+	let i = t(), [s, l] = v(W, {
+		refetchQueries: F,
 		awaitRefetchQueries: !0
-	}), [d, f] = c(null), [m, g] = c(null), x = async (t) => {
-		f(null), g(t);
+	}), [d, f] = u(null), [p, m] = u(null), h = async (t) => {
+		f(null), m(t);
 		try {
-			await r(l({ variables: {
+			await r(s({ variables: {
 				productId: e,
 				releaseId: t
 			} }));
 		} catch (e) {
 			f(e instanceof Error ? e.message : "The release could not be unlinked.");
 		} finally {
-			g(null);
+			m(null);
 		}
 	};
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ S("div", {
 		className: "space-y-3",
 		"data-testid": "product-releases",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ v("p", {
+				children: [/* @__PURE__ */ S("p", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						n.length,
 						" release",
 						n.length === 1 ? "" : "s"
 					]
-				}), /* @__PURE__ */ _(U, {
+				}), /* @__PURE__ */ x(q, {
 					productId: e,
 					existingIds: n.map((e) => e.id)
 				})]
 			}),
-			d && /* @__PURE__ */ _(a, { message: d }),
-			n.length === 0 ? /* @__PURE__ */ _("p", {
+			d && /* @__PURE__ */ x(a, { message: d }),
+			n.length === 0 ? /* @__PURE__ */ x("p", {
 				className: "text-sm text-muted-foreground text-center py-4",
 				children: "No releases linked to this product yet."
-			}) : /* @__PURE__ */ _("ul", {
+			}) : /* @__PURE__ */ x("ul", {
 				className: "space-y-1",
-				children: n.map((e) => /* @__PURE__ */ v("li", {
+				children: n.map((e) => /* @__PURE__ */ S("li", {
 					className: "flex items-center justify-between gap-2 border rounded-md p-2 text-sm",
-					children: [/* @__PURE__ */ v("button", {
+					children: [/* @__PURE__ */ S("button", {
 						type: "button",
 						className: "min-w-0 truncate text-left hover:underline",
-						onClick: () => i(s("/products/release-detail-page", e.id)),
-						children: [/* @__PURE__ */ _("span", {
+						onClick: () => i(c("/products/release-detail-page", e.id)),
+						children: [/* @__PURE__ */ x("span", {
 							className: "text-muted-foreground mr-2",
 							children: e.version
 						}), e.name]
-					}), /* @__PURE__ */ v("div", {
+					}), /* @__PURE__ */ S("div", {
 						className: "flex items-center gap-2 shrink-0",
-						children: [/* @__PURE__ */ _(y, {
+						children: [/* @__PURE__ */ x(C, {
 							variant: "outline",
 							className: "text-xs capitalize",
 							children: o(e.status)
-						}), /* @__PURE__ */ _(b, {
+						}), /* @__PURE__ */ x(w, {
 							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" })
+							disabled: l.loading,
+							onClick: () => void h(e.id),
+							children: p === e.id ? "…" : /* @__PURE__ */ x(g, { className: "h-4 w-4" })
 						})]
 					})]
 				}, e.id))
@@ -343,70 +345,70 @@ function H({ productId: e, releases: n }) {
 		]
 	});
 }
-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, {
+function q({ productId: t, existingIds: n }) {
+	let { workspaceId: i } = e(), [o, s] = u(!1), [c, l] = u(/* @__PURE__ */ new Set()), [d, f] = u(null), { data: p, loading: h } = y(G, {
 		variables: { workspaceId: i ?? "" },
 		skip: !o || !i
-	}), A = (m?.planmagnetReleases.items ?? []).filter((e) => !n.includes(e.id)), [j, M] = h(z, {
-		refetchQueries: k,
+	}), g = (p?.planmagnetReleases.items ?? []).filter((e) => !n.includes(e.id)), [_, b] = v(U, {
+		refetchQueries: F,
 		awaitRefetchQueries: !0
-	}), N = (e, t) => u((n) => {
+	}), C = (e, t) => l((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);
+	}), T = () => {
+		l(/* @__PURE__ */ new Set()), f(null);
+	}, E = async () => {
+		f(null);
 		try {
-			await Promise.all([...l].map((e) => r(j({ variables: {
+			await Promise.all([...c].map((e) => r(_({ variables: {
 				productId: t,
 				releaseId: e
-			} })))), P(), s(!1);
+			} })))), T(), s(!1);
 		} catch (e) {
-			p(e instanceof Error ? e.message : "The releases could not be linked.");
+			f(e instanceof Error ? e.message : "The releases could not be linked.");
 		}
 	};
-	return /* @__PURE__ */ v(S, {
+	return /* @__PURE__ */ S(O, {
 		open: o,
 		onOpenChange: (e) => {
-			s(e), e || P();
+			s(e), e || T();
 		},
-		children: [/* @__PURE__ */ _(O, {
+		children: [/* @__PURE__ */ x(P, {
 			asChild: !0,
-			children: /* @__PURE__ */ v(b, {
+			children: /* @__PURE__ */ S(w, {
 				size: "sm",
 				variant: "outline",
 				"data-testid": "product-add-releases",
-				children: [/* @__PURE__ */ _(d, { className: "mr-1 h-4 w-4" }), "Add release"]
+				children: [/* @__PURE__ */ x(m, { className: "mr-1 h-4 w-4" }), "Add release"]
 			})
-		}), /* @__PURE__ */ v(C, {
+		}), /* @__PURE__ */ S(k, {
 			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", {
+				/* @__PURE__ */ S(M, { children: [/* @__PURE__ */ x(N, { children: "Link releases" }), /* @__PURE__ */ x(A, { children: "Linking a release does not move or copy it — it stays exactly where it is, now also reachable from this product." })] }),
+				/* @__PURE__ */ S("div", {
 					className: "max-h-80 overflow-y-auto space-y-1",
 					"data-testid": "product-add-release-candidates",
 					children: [
-						y && /* @__PURE__ */ _("p", {
+						h && /* @__PURE__ */ x("p", {
 							className: "text-sm text-muted-foreground py-4 text-center",
 							children: "Loading…"
 						}),
-						!y && A.length === 0 && /* @__PURE__ */ _("p", {
+						!h && g.length === 0 && /* @__PURE__ */ x("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) => {
+						g.map((e) => {
 							let t = `product-add-release-${e.id}`;
-							return /* @__PURE__ */ v("label", {
+							return /* @__PURE__ */ S("label", {
 								htmlFor: t,
 								className: "flex items-center gap-3 border rounded-md p-2 text-sm cursor-pointer hover:bg-muted",
-								children: [/* @__PURE__ */ _(x, {
+								children: [/* @__PURE__ */ x(D, {
 									id: t,
-									checked: l.has(e.id),
-									onCheckedChange: (t) => N(e.id, t === !0)
-								}), /* @__PURE__ */ v("span", {
+									checked: c.has(e.id),
+									onCheckedChange: (t) => C(e.id, t === !0)
+								}), /* @__PURE__ */ S("span", {
 									className: "min-w-0 flex-1 truncate",
-									children: [/* @__PURE__ */ _("span", {
+									children: [/* @__PURE__ */ x("span", {
 										className: "text-muted-foreground mr-2",
 										children: e.version
 									}), e.name]
@@ -415,18 +417,18 @@ function U({ productId: t, existingIds: n }) {
 						})
 					]
 				}),
-				f && /* @__PURE__ */ _(a, { message: f }),
-				/* @__PURE__ */ _(T, { children: /* @__PURE__ */ _(b, {
-					onClick: () => void F(),
-					disabled: l.size === 0 || M.loading,
+				d && /* @__PURE__ */ x(a, { message: d }),
+				/* @__PURE__ */ x(j, { children: /* @__PURE__ */ x(w, {
+					onClick: () => void E(),
+					disabled: c.size === 0 || b.loading,
 					"data-testid": "product-add-releases-confirm",
-					children: M.loading ? "Linking…" : `Link ${l.size} release${l.size === 1 ? "" : "s"}`
+					children: b.loading ? "Linking…" : `Link ${c.size} release${c.size === 1 ? "" : "s"}`
 				}) })
 			]
 		})]
 	});
 }
-var W = m`
+var J = _`
   mutation ProductControlsLinkFeatureRequest($productId: ID!, $featureRequestId: ID!) {
     planmagnetLinkProductFeatureRequest(
       productId: $productId
@@ -435,7 +437,7 @@ var W = m`
       id
     }
   }
-`, G = m`
+`, ae = _`
   mutation ProductControlsUnlinkFeatureRequest($productId: ID!, $featureRequestId: ID!) {
     planmagnetUnlinkProductFeatureRequest(
       productId: $productId
@@ -444,7 +446,7 @@ var W = m`
       id
     }
   }
-`, K = m`
+`, oe = _`
   query ProductControlsCandidateFeatureRequests($workspaceId: ID!) {
     planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: { first: 100 }) {
       items {
@@ -456,67 +458,67 @@ var W = m`
     }
   }
 `;
-function q({ productId: e, featureRequests: n }) {
-	let i = t(), [l, u] = h(G, {
-		refetchQueries: k,
+function se({ productId: e, featureRequests: n }) {
+	let i = t(), [s, l] = v(ae, {
+		refetchQueries: F,
 		awaitRefetchQueries: !0
-	}), [d, f] = c(null), [m, g] = c(null), x = async (t) => {
-		f(null), g(t);
+	}), [d, f] = u(null), [p, m] = u(null), h = async (t) => {
+		f(null), m(t);
 		try {
-			await r(l({ variables: {
+			await r(s({ variables: {
 				productId: e,
 				featureRequestId: t
 			} }));
 		} catch (e) {
 			f(e instanceof Error ? e.message : "The feature request could not be unlinked.");
 		} finally {
-			g(null);
+			m(null);
 		}
 	};
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ S("div", {
 		className: "space-y-3",
 		"data-testid": "product-feature-requests",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ v("p", {
+				children: [/* @__PURE__ */ S("p", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						n.length,
 						" feature request",
 						n.length === 1 ? "" : "s"
 					]
-				}), /* @__PURE__ */ _(J, {
+				}), /* @__PURE__ */ x(ce, {
 					productId: e,
 					existingIds: n.map((e) => e.id)
 				})]
 			}),
-			d && /* @__PURE__ */ _(a, { message: d }),
-			n.length === 0 ? /* @__PURE__ */ _("p", {
+			d && /* @__PURE__ */ x(a, { message: d }),
+			n.length === 0 ? /* @__PURE__ */ x("p", {
 				className: "text-sm text-muted-foreground text-center py-4",
 				children: "No feature requests linked to this product yet."
-			}) : /* @__PURE__ */ _("ul", {
+			}) : /* @__PURE__ */ x("ul", {
 				className: "space-y-1",
-				children: n.map((e) => /* @__PURE__ */ v("li", {
+				children: n.map((e) => /* @__PURE__ */ S("li", {
 					className: "flex items-center justify-between gap-2 border rounded-md p-2 text-sm",
-					children: [/* @__PURE__ */ _("button", {
+					children: [/* @__PURE__ */ x("button", {
 						type: "button",
 						className: "min-w-0 truncate text-left hover:underline",
-						onClick: () => i(s("/products/feature-detail-page", e.id)),
+						onClick: () => i(c("/products/feature-detail-page", e.id)),
 						children: e.title
-					}), /* @__PURE__ */ v("div", {
+					}), /* @__PURE__ */ S("div", {
 						className: "flex items-center gap-2 shrink-0",
-						children: [/* @__PURE__ */ _(y, {
+						children: [/* @__PURE__ */ x(C, {
 							variant: "secondary",
 							className: "text-xs capitalize",
 							children: o(e.status)
-						}), /* @__PURE__ */ _(b, {
+						}), /* @__PURE__ */ x(w, {
 							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" })
+							disabled: l.loading,
+							onClick: () => void h(e.id),
+							children: p === e.id ? "…" : /* @__PURE__ */ x(g, { className: "h-4 w-4" })
 						})]
 					})]
 				}, e.id))
@@ -524,68 +526,68 @@ function q({ productId: e, featureRequests: n }) {
 		]
 	});
 }
-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, {
+function ce({ productId: t, existingIds: n }) {
+	let { workspaceId: i } = e(), [o, s] = u(!1), [c, l] = u(/* @__PURE__ */ new Set()), [d, f] = u(null), { data: p, loading: h } = y(oe, {
 		variables: { workspaceId: i ?? "" },
 		skip: !o || !i
-	}), A = (m?.planmagnetFeatureRequests.items ?? []).filter((e) => !n.includes(e.id)), [j, M] = h(W, {
-		refetchQueries: k,
+	}), g = (p?.planmagnetFeatureRequests.items ?? []).filter((e) => !n.includes(e.id)), [_, b] = v(J, {
+		refetchQueries: F,
 		awaitRefetchQueries: !0
-	}), N = (e, t) => u((n) => {
+	}), C = (e, t) => l((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);
+	}), T = () => {
+		l(/* @__PURE__ */ new Set()), f(null);
+	}, E = async () => {
+		f(null);
 		try {
-			await Promise.all([...l].map((e) => r(j({ variables: {
+			await Promise.all([...c].map((e) => r(_({ variables: {
 				productId: t,
 				featureRequestId: e
-			} })))), P(), s(!1);
+			} })))), T(), s(!1);
 		} catch (e) {
-			p(e instanceof Error ? e.message : "The feature requests could not be linked.");
+			f(e instanceof Error ? e.message : "The feature requests could not be linked.");
 		}
 	};
-	return /* @__PURE__ */ v(S, {
+	return /* @__PURE__ */ S(O, {
 		open: o,
 		onOpenChange: (e) => {
-			s(e), e || P();
+			s(e), e || T();
 		},
-		children: [/* @__PURE__ */ _(O, {
+		children: [/* @__PURE__ */ x(P, {
 			asChild: !0,
-			children: /* @__PURE__ */ v(b, {
+			children: /* @__PURE__ */ S(w, {
 				size: "sm",
 				variant: "outline",
 				"data-testid": "product-add-feature-requests",
-				children: [/* @__PURE__ */ _(d, { className: "mr-1 h-4 w-4" }), "Add feature request"]
+				children: [/* @__PURE__ */ x(m, { className: "mr-1 h-4 w-4" }), "Add feature request"]
 			})
-		}), /* @__PURE__ */ v(C, {
+		}), /* @__PURE__ */ S(k, {
 			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", {
+				/* @__PURE__ */ S(M, { children: [/* @__PURE__ */ x(N, { children: "Link feature requests" }), /* @__PURE__ */ x(A, { children: "Linking a feature request does not move or copy it — it stays exactly where it is, now also reachable from this product." })] }),
+				/* @__PURE__ */ S("div", {
 					className: "max-h-80 overflow-y-auto space-y-1",
 					"data-testid": "product-add-feature-request-candidates",
 					children: [
-						y && /* @__PURE__ */ _("p", {
+						h && /* @__PURE__ */ x("p", {
 							className: "text-sm text-muted-foreground py-4 text-center",
 							children: "Loading…"
 						}),
-						!y && A.length === 0 && /* @__PURE__ */ _("p", {
+						!h && g.length === 0 && /* @__PURE__ */ x("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) => {
+						g.map((e) => {
 							let t = `product-add-feature-${e.id}`;
-							return /* @__PURE__ */ v("label", {
+							return /* @__PURE__ */ S("label", {
 								htmlFor: t,
 								className: "flex items-center gap-3 border rounded-md p-2 text-sm cursor-pointer hover:bg-muted",
-								children: [/* @__PURE__ */ _(x, {
+								children: [/* @__PURE__ */ x(D, {
 									id: t,
-									checked: l.has(e.id),
-									onCheckedChange: (t) => N(e.id, t === !0)
-								}), /* @__PURE__ */ _("span", {
+									checked: c.has(e.id),
+									onCheckedChange: (t) => C(e.id, t === !0)
+								}), /* @__PURE__ */ x("span", {
 									className: "min-w-0 flex-1 truncate",
 									children: e.title
 								})]
@@ -593,28 +595,28 @@ function J({ productId: t, existingIds: n }) {
 						})
 					]
 				}),
-				f && /* @__PURE__ */ _(a, { message: f }),
-				/* @__PURE__ */ _(T, { children: /* @__PURE__ */ _(b, {
-					onClick: () => void F(),
-					disabled: l.size === 0 || M.loading,
+				d && /* @__PURE__ */ x(a, { message: d }),
+				/* @__PURE__ */ x(j, { children: /* @__PURE__ */ x(w, {
+					onClick: () => void E(),
+					disabled: c.size === 0 || b.loading,
 					"data-testid": "product-add-feature-requests-confirm",
-					children: M.loading ? "Linking…" : `Link ${l.size} request${l.size === 1 ? "" : "s"}`
+					children: b.loading ? "Linking…" : `Link ${c.size} request${c.size === 1 ? "" : "s"}`
 				}) })
 			]
 		})]
 	});
 }
-var Y = m`
+var le = _`
   mutation ProductControlsLinkObjective($productId: ID!, $objectiveId: ID!) {
     planmagnetLinkProductObjective(productId: $productId, objectiveId: $objectiveId) {
       id
     }
   }
-`, X = m`
+`, ue = _`
   mutation ProductControlsUnlinkObjective($productId: ID!, $objectiveId: ID!) {
     planmagnetUnlinkProductObjective(productId: $productId, objectiveId: $objectiveId)
   }
-`, Z = m`
+`, de = _`
   query ProductControlsCandidateObjectives($workspaceId: ID!) {
     planmagnetObjectives(workspaceId: $workspaceId, pagination: { first: 100 }) {
       items {
@@ -626,12 +628,12 @@ var Y = m`
     }
   }
 `;
-function Q({ productId: e, objectives: n }) {
-	let i = t(), [s, l] = h(X, {
-		refetchQueries: k,
+function fe({ productId: e, objectives: n }) {
+	let i = t(), [s, c] = v(ue, {
+		refetchQueries: F,
 		awaitRefetchQueries: !0
-	}), [u, d] = c(null), [f, m] = c(null), g = async (t) => {
-		d(null), m(t);
+	}), [l, d] = u(null), [f, p] = u(null), m = async (t) => {
+		d(null), p(t);
 		try {
 			await r(s({ variables: {
 				productId: e,
@@ -640,53 +642,53 @@ function Q({ productId: e, objectives: n }) {
 		} catch (e) {
 			d(e instanceof Error ? e.message : "The objective could not be unlinked.");
 		} finally {
-			m(null);
+			p(null);
 		}
 	};
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ S("div", {
 		className: "space-y-3",
 		"data-testid": "product-objectives",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ v("p", {
+				children: [/* @__PURE__ */ S("p", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						n.length,
 						" objective",
 						n.length === 1 ? "" : "s"
 					]
-				}), /* @__PURE__ */ _($, {
+				}), /* @__PURE__ */ x(pe, {
 					productId: e,
 					existingIds: n.map((e) => e.id)
 				})]
 			}),
-			u && /* @__PURE__ */ _(a, { message: u }),
-			n.length === 0 ? /* @__PURE__ */ _("p", {
+			l && /* @__PURE__ */ x(a, { message: l }),
+			n.length === 0 ? /* @__PURE__ */ x("p", {
 				className: "text-sm text-muted-foreground text-center py-4",
 				children: "No OKR objectives linked to this product yet."
-			}) : /* @__PURE__ */ _("ul", {
+			}) : /* @__PURE__ */ x("ul", {
 				className: "space-y-1",
-				children: n.map((e) => /* @__PURE__ */ v("li", {
+				children: n.map((e) => /* @__PURE__ */ S("li", {
 					className: "flex items-center justify-between gap-2 border rounded-md p-2 text-sm",
-					children: [/* @__PURE__ */ _("button", {
+					children: [/* @__PURE__ */ x("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", {
+					}), /* @__PURE__ */ S("div", {
 						className: "flex items-center gap-2 shrink-0",
-						children: [/* @__PURE__ */ _(y, {
+						children: [/* @__PURE__ */ x(C, {
 							variant: "secondary",
 							className: "text-xs capitalize",
 							children: o(e.status)
-						}), /* @__PURE__ */ _(b, {
+						}), /* @__PURE__ */ x(w, {
 							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" })
+							disabled: c.loading,
+							onClick: () => void m(e.id),
+							children: f === e.id ? "…" : /* @__PURE__ */ x(g, { className: "h-4 w-4" })
 						})]
 					})]
 				}, e.id))
@@ -694,68 +696,68 @@ function Q({ productId: e, objectives: n }) {
 		]
 	});
 }
-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, {
+function pe({ productId: t, existingIds: n }) {
+	let { workspaceId: i } = e(), [o, s] = u(!1), [c, l] = u(/* @__PURE__ */ new Set()), [d, f] = u(null), { data: p, loading: h } = y(de, {
 		variables: { workspaceId: i ?? "" },
 		skip: !o || !i
-	}), A = (m?.planmagnetObjectives.items ?? []).filter((e) => !n.includes(e.id)), [j, M] = h(Y, {
-		refetchQueries: k,
+	}), g = (p?.planmagnetObjectives.items ?? []).filter((e) => !n.includes(e.id)), [_, b] = v(le, {
+		refetchQueries: F,
 		awaitRefetchQueries: !0
-	}), N = (e, t) => u((n) => {
+	}), C = (e, t) => l((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);
+	}), T = () => {
+		l(/* @__PURE__ */ new Set()), f(null);
+	}, E = async () => {
+		f(null);
 		try {
-			await Promise.all([...l].map((e) => r(j({ variables: {
+			await Promise.all([...c].map((e) => r(_({ variables: {
 				productId: t,
 				objectiveId: e
-			} })))), P(), s(!1);
+			} })))), T(), s(!1);
 		} catch (e) {
-			p(e instanceof Error ? e.message : "The objectives could not be linked.");
+			f(e instanceof Error ? e.message : "The objectives could not be linked.");
 		}
 	};
-	return /* @__PURE__ */ v(S, {
+	return /* @__PURE__ */ S(O, {
 		open: o,
 		onOpenChange: (e) => {
-			s(e), e || P();
+			s(e), e || T();
 		},
-		children: [/* @__PURE__ */ _(O, {
+		children: [/* @__PURE__ */ x(P, {
 			asChild: !0,
-			children: /* @__PURE__ */ v(b, {
+			children: /* @__PURE__ */ S(w, {
 				size: "sm",
 				variant: "outline",
 				"data-testid": "product-add-objectives",
-				children: [/* @__PURE__ */ _(d, { className: "mr-1 h-4 w-4" }), "Add objective"]
+				children: [/* @__PURE__ */ x(m, { className: "mr-1 h-4 w-4" }), "Add objective"]
 			})
-		}), /* @__PURE__ */ v(C, {
+		}), /* @__PURE__ */ S(k, {
 			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", {
+				/* @__PURE__ */ S(M, { children: [/* @__PURE__ */ x(N, { children: "Link OKR objectives" }), /* @__PURE__ */ x(A, { children: "Re-linking an objective that is already linked is a no-op, not an error." })] }),
+				/* @__PURE__ */ S("div", {
 					className: "max-h-80 overflow-y-auto space-y-1",
 					"data-testid": "product-add-objective-candidates",
 					children: [
-						y && /* @__PURE__ */ _("p", {
+						h && /* @__PURE__ */ x("p", {
 							className: "text-sm text-muted-foreground py-4 text-center",
 							children: "Loading…"
 						}),
-						!y && A.length === 0 && /* @__PURE__ */ _("p", {
+						!h && g.length === 0 && /* @__PURE__ */ x("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) => {
+						g.map((e) => {
 							let t = `product-add-objective-${e.id}`;
-							return /* @__PURE__ */ v("label", {
+							return /* @__PURE__ */ S("label", {
 								htmlFor: t,
 								className: "flex items-center gap-3 border rounded-md p-2 text-sm cursor-pointer hover:bg-muted",
-								children: [/* @__PURE__ */ _(x, {
+								children: [/* @__PURE__ */ x(D, {
 									id: t,
-									checked: l.has(e.id),
-									onCheckedChange: (t) => N(e.id, t === !0)
-								}), /* @__PURE__ */ _("span", {
+									checked: c.has(e.id),
+									onCheckedChange: (t) => C(e.id, t === !0)
+								}), /* @__PURE__ */ x("span", {
 									className: "min-w-0 flex-1 truncate",
 									children: e.title
 								})]
@@ -763,18 +765,341 @@ function $({ productId: t, existingIds: n }) {
 						})
 					]
 				}),
-				f && /* @__PURE__ */ _(a, { message: f }),
-				/* @__PURE__ */ _(T, { children: /* @__PURE__ */ _(b, {
-					onClick: () => void F(),
-					disabled: l.size === 0 || M.loading,
+				d && /* @__PURE__ */ x(a, { message: d }),
+				/* @__PURE__ */ x(j, { children: /* @__PURE__ */ x(w, {
+					onClick: () => void E(),
+					disabled: c.size === 0 || b.loading,
 					"data-testid": "product-add-objectives-confirm",
-					children: M.loading ? "Linking…" : `Link ${l.size} objective${l.size === 1 ? "" : "s"}`
+					children: b.loading ? "Linking…" : `Link ${c.size} objective${c.size === 1 ? "" : "s"}`
 				}) })
 			]
 		})]
 	});
 }
+var me = _`
+  mutation ProductControlsUpdateInfo($id: ID!, $input: PlanmagnetUpdateProductInput!) {
+    planmagnetUpdateProduct(id: $id, input: $input) {
+      id
+      mission
+      valueProposition
+      businessModel
+      targetSegments
+    }
+  }
+`, Y = 2e3, X = 20, Z = 120;
+function Q({ value: e, onChange: t, disabled: n }) {
+	let [r, i] = u(""), a = e.length >= X, o = r.trim(), s = !n && !a && o !== "" && o.length <= Z && !e.includes(o), c = () => {
+		s && (t([...e, o]), i(""));
+	}, l = (n) => t(e.filter((e) => e !== n));
+	return /* @__PURE__ */ S("div", {
+		className: "space-y-2",
+		"data-testid": "product-segments",
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "flex flex-wrap gap-1",
+				children: [e.length === 0 && /* @__PURE__ */ x("span", {
+					className: "text-xs text-muted-foreground",
+					children: "No target segments yet."
+				}), e.map((e) => /* @__PURE__ */ S(C, {
+					variant: "secondary",
+					className: "gap-1 pr-1",
+					children: [e, !n && /* @__PURE__ */ x("button", {
+						type: "button",
+						"aria-label": `Remove ${e}`,
+						onClick: () => l(e),
+						className: "rounded-full hover:bg-muted",
+						children: /* @__PURE__ */ x(g, { className: "h-3 w-3" })
+					})]
+				}, e))]
+			}),
+			!n && /* @__PURE__ */ S("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ x(ne, {
+					"aria-label": "Add a target segment",
+					placeholder: a ? `Limit reached (${X})` : "e.g. Mid-market SaaS teams",
+					value: r,
+					disabled: a,
+					maxLength: Z,
+					onChange: (e) => i(e.target.value),
+					onKeyDown: (e) => {
+						e.key === "Enter" && (e.preventDefault(), c());
+					}
+				}), /* @__PURE__ */ x(w, {
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					"aria-label": "Add segment",
+					disabled: !s,
+					onClick: c,
+					children: /* @__PURE__ */ x(m, { className: "h-4 w-4" })
+				})]
+			}),
+			!n && /* @__PURE__ */ S("p", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					e.length,
+					"/",
+					X,
+					" segments, up to ",
+					Z,
+					" characters each."
+				]
+			})
+		]
+	});
+}
+function he({ product: e }) {
+	let t = {
+		mission: e.mission ?? "",
+		valueProposition: e.valueProposition ?? "",
+		businessModel: e.businessModel ?? "",
+		targetSegments: e.targetSegments
+	}, [n, i] = u(!1), [o, c] = u(t), [l, d] = u(null), [f, m] = v(me, {
+		refetchQueries: F,
+		awaitRefetchQueries: !0
+	}), h = () => {
+		c(t), d(null), i(!0);
+	}, g = [
+		o.mission,
+		o.valueProposition,
+		o.businessModel
+	].some((e) => e.length > Y), _ = o.targetSegments.length <= X && o.targetSegments.every((e) => e.length <= Z), y = !g && _ && !m.loading, C = async () => {
+		d(null);
+		let t = (e) => e.trim() ? e.trim() : null;
+		try {
+			await r(f({ variables: {
+				id: e.id,
+				input: {
+					mission: t(o.mission),
+					valueProposition: t(o.valueProposition),
+					businessModel: t(o.businessModel),
+					targetSegments: o.targetSegments
+				}
+			} })), i(!1);
+		} catch (e) {
+			d(s(e, "The product information could not be saved."));
+		}
+	}, D = "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[72px]";
+	return /* @__PURE__ */ S(T, {
+		"data-testid": "product-info",
+		children: [/* @__PURE__ */ S(ee, {
+			className: "flex flex-row items-center justify-between gap-2",
+			children: [/* @__PURE__ */ x(te, { children: "About this product" }), !n && /* @__PURE__ */ S(w, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": "product-info-edit",
+				onClick: h,
+				children: [/* @__PURE__ */ x(p, { className: "mr-1 h-4 w-4" }), "Edit"]
+			})]
+		}), /* @__PURE__ */ x(E, {
+			className: "space-y-4",
+			children: n ? /* @__PURE__ */ S(b, { children: [
+				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+					htmlFor: "product-info-mission",
+					className: "text-sm font-medium",
+					children: "Mission"
+				}), /* @__PURE__ */ x("textarea", {
+					id: "product-info-mission",
+					className: D,
+					maxLength: Y,
+					value: o.mission,
+					onChange: (e) => c({
+						...o,
+						mission: e.target.value
+					})
+				})] }),
+				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+					htmlFor: "product-info-value-proposition",
+					className: "text-sm font-medium",
+					children: "Value proposition"
+				}), /* @__PURE__ */ x("textarea", {
+					id: "product-info-value-proposition",
+					className: D,
+					maxLength: Y,
+					value: o.valueProposition,
+					onChange: (e) => c({
+						...o,
+						valueProposition: e.target.value
+					})
+				})] }),
+				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+					htmlFor: "product-info-business-model",
+					className: "text-sm font-medium",
+					children: "Business model"
+				}), /* @__PURE__ */ x("textarea", {
+					id: "product-info-business-model",
+					className: D,
+					maxLength: Y,
+					value: o.businessModel,
+					onChange: (e) => c({
+						...o,
+						businessModel: e.target.value
+					})
+				})] }),
+				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+					className: "text-sm font-medium",
+					children: "Target segments"
+				}), /* @__PURE__ */ x("div", {
+					className: "mt-1",
+					children: /* @__PURE__ */ x(Q, {
+						value: o.targetSegments,
+						onChange: (e) => c({
+							...o,
+							targetSegments: e
+						})
+					})
+				})] }),
+				l && /* @__PURE__ */ x(a, { message: l }),
+				/* @__PURE__ */ S("div", {
+					className: "flex justify-end gap-2",
+					children: [/* @__PURE__ */ x(w, {
+						size: "sm",
+						variant: "outline",
+						onClick: () => i(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ x(w, {
+						size: "sm",
+						"data-testid": "product-info-save",
+						disabled: !y,
+						onClick: () => void C(),
+						children: m.loading ? "Saving…" : "Save"
+					})]
+				})
+			] }) : /* @__PURE__ */ S(b, { children: [
+				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+					className: "text-xs font-medium text-muted-foreground",
+					children: "Mission"
+				}), /* @__PURE__ */ x("p", {
+					className: "text-sm whitespace-pre-wrap",
+					children: e.mission || "Not set"
+				})] }),
+				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+					className: "text-xs font-medium text-muted-foreground",
+					children: "Value proposition"
+				}), /* @__PURE__ */ x("p", {
+					className: "text-sm whitespace-pre-wrap",
+					children: e.valueProposition || "Not set"
+				})] }),
+				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+					className: "text-xs font-medium text-muted-foreground",
+					children: "Business model"
+				}), /* @__PURE__ */ x("p", {
+					className: "text-sm whitespace-pre-wrap",
+					children: e.businessModel || "Not set"
+				})] }),
+				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+					className: "text-xs font-medium text-muted-foreground",
+					children: "Target segments"
+				}), /* @__PURE__ */ x("div", {
+					className: "mt-1",
+					children: /* @__PURE__ */ x(Q, {
+						value: e.targetSegments,
+						onChange: () => {},
+						disabled: !0
+					})
+				})] })
+			] })
+		})]
+	});
+}
+var ge = _`
+  mutation ProductControlsLinkCompetitor($productId: ID!, $competitorId: ID!) {
+    planmagnetLinkProductCompetitor(productId: $productId, competitorId: $competitorId) {
+      id
+    }
+  }
+`, $ = _`
+  mutation ProductControlsUnlinkCompetitor($productId: ID!, $competitorId: ID!) {
+    planmagnetUnlinkProductCompetitor(productId: $productId, competitorId: $competitorId)
+  }
+`;
+function _e({ productId: e, competitors: n }) {
+	let o = t(), [d, f] = u(""), [p, h] = v(ge, {
+		refetchQueries: F,
+		awaitRefetchQueries: !0
+	}), [_, y] = v($, {
+		refetchQueries: F,
+		awaitRefetchQueries: !0
+	}), [b, C] = u(null), T = async () => {
+		if (d) {
+			C(null);
+			try {
+				await r(p({ variables: {
+					productId: e,
+					competitorId: d
+				} })), f("");
+			} catch (e) {
+				C(s(e, "The competitor could not be linked."));
+			}
+		}
+	}, E = async (t) => {
+		C(null);
+		try {
+			await r(_({ variables: {
+				productId: e,
+				competitorId: t
+			} }));
+		} catch (e) {
+			C(s(e, "The competitor could not be unlinked."));
+		}
+	};
+	return /* @__PURE__ */ S("div", {
+		className: "space-y-3",
+		"data-testid": "product-competitors",
+		children: [
+			n.length === 0 ? /* @__PURE__ */ x("p", {
+				className: "text-sm text-muted-foreground text-center py-4",
+				children: "No competitors linked to this product yet."
+			}) : /* @__PURE__ */ x("ul", {
+				className: "space-y-1",
+				children: n.map((e) => /* @__PURE__ */ S("li", {
+					className: "flex items-center justify-between gap-2 border rounded-md p-2 text-sm",
+					children: [/* @__PURE__ */ S("button", {
+						type: "button",
+						className: "min-w-0 flex-1 text-left truncate hover:underline",
+						onClick: () => o(c("/products/competitor-detail-page", e.id)),
+						children: [e.name, e.website && /* @__PURE__ */ x("span", {
+							className: "ml-2 text-xs text-primary",
+							children: e.website
+						})]
+					}), /* @__PURE__ */ x(i, {
+						label: "",
+						ariaLabel: `Unlink ${e.name} from this product`,
+						testId: "product-competitor-unlink",
+						variant: "outline",
+						icon: /* @__PURE__ */ x(g, { className: "h-4 w-4" }),
+						title: `Unlink ${e.name}?`,
+						description: "The competitor stays in the workspace directory — only its link to this product is removed.",
+						confirmLabel: "Unlink",
+						destructive: !0,
+						disabled: y.loading,
+						onConfirm: () => void E(e.id)
+					})]
+				}, e.id))
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "flex items-start gap-2 pt-2 border-t",
+				children: [/* @__PURE__ */ x("div", {
+					className: "flex-1",
+					children: /* @__PURE__ */ x(l, {
+						id: "product-add-competitor",
+						value: d,
+						onChange: f,
+						exclude: n.map((e) => e.id)
+					})
+				}), /* @__PURE__ */ S(w, {
+					size: "sm",
+					"data-testid": "product-competitor-link",
+					disabled: !d || h.loading,
+					onClick: () => void T(),
+					children: [/* @__PURE__ */ x(m, { className: "mr-1 h-4 w-4" }), "Add"]
+				})]
+			}),
+			b && /* @__PURE__ */ x(a, { message: b })
+		]
+	});
+}
 //#endregion
-export { q as ProductFeatureRequestsPanel, N as ProductHeaderActions, Q as ProductObjectivesPanel, H as ProductReleasesPanel, L as ProductRoadmapsPanel };
+export { he as ProductAboutPanel, _e as ProductCompetitorsPanel, se as ProductFeatureRequestsPanel, L as ProductHeaderActions, fe as ProductObjectivesPanel, K as ProductReleasesPanel, V as ProductRoadmapsPanel };
 
 //# sourceMappingURL=ProductControls.js.map