@burdenoff/microfe-planmagnet 2026.930.23 → 2026.930.25

package/dist/planmagnet/pages/ProductsProductDetailPagePage.js

@@ -4,14 +4,14 @@ import { enumLabel as n } from "../controls/WorkItemControls.js";
 import { detailPath as r } from "../utils/rowNavigation.js";
 import { useEntityId as i } from "../hooks/useEntityId.js";
 import { PlanMagnetNotFoundPage as a } from "./NotFoundPage.js";
-import { ProductFeatureRequestsPanel as o, ProductHeaderActions as s, ProductObjectivesPanel as c, ProductReleasesPanel as l, ProductRoadmapsPanel as u } from "../product/ProductControls.js";
-import { Calendar as d, Loader2 as f, Package as p, Pencil as m, Target as h, Users as g } from "lucide-react";
-import { gql as _ } from "@apollo/client";
-import { useQuery as v } from "@apollo/client/react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Badge as x, Button as S, Card as C, CardContent as w, CardHeader as T, CardTitle as E } from "@burdenoff/fe-libs/ui";
+import { ProductAboutPanel as o, ProductCompetitorsPanel as s, ProductFeatureRequestsPanel as c, ProductHeaderActions as l, ProductObjectivesPanel as u, ProductReleasesPanel as d, ProductRoadmapsPanel as f } from "../product/ProductControls.js";
+import { Calendar as p, Loader2 as m, Package as h, Pencil as g, Target as _, Users as v } from "lucide-react";
+import { gql as y } from "@apollo/client";
+import { useQuery as b } from "@apollo/client/react";
+import { 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 D, CardTitle as O } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProductsProductDetailPagePage.tsx
-var D = _`
+var k = y`
   query GetProductDetail($id: ID!) {
     planmagnetProduct(id: $id) {
       id
@@ -22,6 +22,16 @@ var D = _`
       lifecycleStage
       ownerId
       archivedAt
+      mission
+      valueProposition
+      businessModel
+      targetSegments
+      competitors {
+        id
+        name
+        description
+        website
+      }
       northStar {
         name
         unit
@@ -56,151 +66,158 @@ var D = _`
     }
   }
 `;
-function O() {
-	let _ = e(), O = i("productId") ?? "", { data: k, loading: A, error: j } = v(D, {
-		variables: { id: O },
-		skip: !O
+function A() {
+	let y = e(), A = i("productId") ?? "", { data: j, loading: M, error: N } = b(k, {
+		variables: { id: A },
+		skip: !A
 	});
-	if (!O) return /* @__PURE__ */ y("div", {
+	if (!A) return /* @__PURE__ */ x("div", {
 		className: "p-6 text-muted-foreground",
 		children: "No product selected. Open one from the list."
 	});
-	if (A && !k) return /* @__PURE__ */ y("div", {
+	if (M && !j) return /* @__PURE__ */ x("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ y(f, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		children: /* @__PURE__ */ x(m, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (j) return /* @__PURE__ */ b("div", {
+	if (N) return /* @__PURE__ */ S("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load product: ", j.message]
+		children: ["Failed to load product: ", N.message]
 	});
-	let M = k?.planmagnetProduct;
-	return M ? /* @__PURE__ */ b("div", {
+	let P = j?.planmagnetProduct;
+	return P ? /* @__PURE__ */ S("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex items-start justify-between gap-4",
-				children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ y(p, { className: "h-5 w-5 text-primary" }),
-						/* @__PURE__ */ y("h1", {
+						/* @__PURE__ */ x(h, { className: "h-5 w-5 text-primary" }),
+						/* @__PURE__ */ x("h1", {
 							className: "text-2xl font-semibold",
-							children: M.name
+							children: P.name
 						}),
-						M.archivedAt && /* @__PURE__ */ y(x, {
+						P.archivedAt && /* @__PURE__ */ x(C, {
 							variant: "outline",
 							children: "Archived"
 						}),
-						/* @__PURE__ */ y(x, {
+						/* @__PURE__ */ x(C, {
 							variant: "secondary",
 							className: "capitalize",
-							children: n(M.lifecycleStage)
+							children: n(P.lifecycleStage)
 						})
 					]
-				}), /* @__PURE__ */ y("p", {
+				}), /* @__PURE__ */ x("p", {
 					className: "text-sm text-muted-foreground mt-1",
-					children: M.vision || "No vision set"
-				})] }), /* @__PURE__ */ y("div", {
+					children: P.vision || "No vision set"
+				})] }), /* @__PURE__ */ x("div", {
 					className: "flex flex-col items-end gap-2",
-					children: /* @__PURE__ */ b("div", {
+					children: /* @__PURE__ */ S("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ b(S, {
+						children: [/* @__PURE__ */ S(w, {
 							size: "sm",
 							variant: "outline",
-							onClick: () => _(r("/products/edit-product-page", M.id)),
-							children: [/* @__PURE__ */ y(m, { className: "mr-1 h-4 w-4" }), "Edit"]
-						}), /* @__PURE__ */ y(s, {
-							productId: M.id,
-							name: M.name,
-							archivedAt: M.archivedAt
+							onClick: () => y(r("/products/edit-product-page", P.id)),
+							children: [/* @__PURE__ */ x(g, { className: "mr-1 h-4 w-4" }), "Edit"]
+						}), /* @__PURE__ */ x(l, {
+							productId: P.id,
+							name: P.name,
+							archivedAt: P.archivedAt
 						})]
 					})
 				})]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ y(C, { children: /* @__PURE__ */ b(w, {
+					/* @__PURE__ */ x(T, { children: /* @__PURE__ */ S(E, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ S("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ y(h, { className: "h-4 w-4" }), "North Star"]
-						}), M.northStar ? /* @__PURE__ */ b("p", {
+							children: [/* @__PURE__ */ x(_, { className: "h-4 w-4" }), "North Star"]
+						}), P.northStar ? /* @__PURE__ */ S("p", {
 							className: "text-sm font-bold mt-1 truncate",
 							children: [
-								M.northStar.current,
+								P.northStar.current,
 								" / ",
-								M.northStar.target,
+								P.northStar.target,
 								" ",
-								M.northStar.unit,
-								M.northStar.progressRatio == null ? "" : ` (${Math.round(M.northStar.progressRatio * 100)}%)`
+								P.northStar.unit,
+								P.northStar.progressRatio == null ? "" : ` (${Math.round(P.northStar.progressRatio * 100)}%)`
 							]
-						}) : /* @__PURE__ */ y("p", {
+						}) : /* @__PURE__ */ x("p", {
 							className: "text-sm font-medium mt-1 text-muted-foreground",
 							children: "Not set"
 						})]
 					}) }),
-					/* @__PURE__ */ y(C, { children: /* @__PURE__ */ b(w, {
+					/* @__PURE__ */ x(T, { children: /* @__PURE__ */ S(E, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ S("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ y(g, { className: "h-4 w-4" }), "Owner"]
-						}), /* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ x(v, { className: "h-4 w-4" }), "Owner"]
+						}), /* @__PURE__ */ x("p", {
 							className: "text-sm font-bold mt-1 truncate",
-							children: /* @__PURE__ */ y(t, { id: M.ownerId })
+							children: /* @__PURE__ */ x(t, { id: P.ownerId })
 						})]
 					}) }),
-					/* @__PURE__ */ y(C, { children: /* @__PURE__ */ b(w, {
+					/* @__PURE__ */ x(T, { children: /* @__PURE__ */ S(E, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ S("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ y(d, { className: "h-4 w-4" }), "Created"]
-						}), /* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ x(p, { className: "h-4 w-4" }), "Created"]
+						}), /* @__PURE__ */ x("p", {
 							className: "text-xl font-bold mt-1",
-							children: new Date(M.createdAt).toLocaleDateString()
+							children: new Date(P.createdAt).toLocaleDateString()
 						})]
 					}) }),
-					/* @__PURE__ */ y(C, { children: /* @__PURE__ */ b(w, {
+					/* @__PURE__ */ x(T, { children: /* @__PURE__ */ S(E, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ S("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ y(d, { className: "h-4 w-4" }), "Updated"]
-						}), /* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ x(p, { className: "h-4 w-4" }), "Updated"]
+						}), /* @__PURE__ */ x("p", {
 							className: "text-xl font-bold mt-1",
-							children: new Date(M.updatedAt).toLocaleDateString()
+							children: new Date(P.updatedAt).toLocaleDateString()
 						})]
 					}) })
 				]
 			}),
-			M.description && /* @__PURE__ */ y(C, { children: /* @__PURE__ */ y(w, {
+			P.description && /* @__PURE__ */ x(T, { children: /* @__PURE__ */ x(E, {
 				className: "pt-4 text-sm text-muted-foreground",
-				children: M.description
+				children: P.description
 			}) }),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ x(o, { product: P }), /* @__PURE__ */ S(T, { children: [/* @__PURE__ */ x(D, { children: /* @__PURE__ */ x(O, { children: "Competitive landscape" }) }), /* @__PURE__ */ x(E, { children: /* @__PURE__ */ x(s, {
+					productId: P.id,
+					competitors: P.competitors
+				}) })] })]
+			}),
+			/* @__PURE__ */ S("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
 				children: [
-					/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(T, { children: /* @__PURE__ */ y(E, { children: "Roadmaps" }) }), /* @__PURE__ */ y(w, { children: /* @__PURE__ */ y(u, {
-						productId: M.id,
-						roadmaps: M.roadmaps
+					/* @__PURE__ */ S(T, { children: [/* @__PURE__ */ x(D, { children: /* @__PURE__ */ x(O, { children: "Roadmaps" }) }), /* @__PURE__ */ x(E, { children: /* @__PURE__ */ x(f, {
+						productId: P.id,
+						roadmaps: P.roadmaps
 					}) })] }),
-					/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(T, { children: /* @__PURE__ */ y(E, { children: "Releases" }) }), /* @__PURE__ */ y(w, { children: /* @__PURE__ */ y(l, {
-						productId: M.id,
-						releases: M.releases
+					/* @__PURE__ */ S(T, { children: [/* @__PURE__ */ x(D, { children: /* @__PURE__ */ x(O, { children: "Releases" }) }), /* @__PURE__ */ x(E, { children: /* @__PURE__ */ x(d, {
+						productId: P.id,
+						releases: P.releases
 					}) })] }),
-					/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(T, { children: /* @__PURE__ */ y(E, { children: "Feature Requests" }) }), /* @__PURE__ */ y(w, { children: /* @__PURE__ */ y(o, {
-						productId: M.id,
-						featureRequests: M.featureRequests
+					/* @__PURE__ */ S(T, { children: [/* @__PURE__ */ x(D, { children: /* @__PURE__ */ x(O, { children: "Feature Requests" }) }), /* @__PURE__ */ x(E, { children: /* @__PURE__ */ x(c, {
+						productId: P.id,
+						featureRequests: P.featureRequests
 					}) })] }),
-					/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(T, { children: /* @__PURE__ */ y(E, { children: "OKR Objectives" }) }), /* @__PURE__ */ y(w, { children: /* @__PURE__ */ y(c, {
-						productId: M.id,
-						objectives: M.objectives
+					/* @__PURE__ */ S(T, { children: [/* @__PURE__ */ x(D, { children: /* @__PURE__ */ x(O, { children: "OKR Objectives" }) }), /* @__PURE__ */ x(E, { children: /* @__PURE__ */ x(u, {
+						productId: P.id,
+						objectives: P.objectives
 					}) })] })
 				]
 			})
 		]
-	}) : /* @__PURE__ */ y(a, {});
+	}) : /* @__PURE__ */ x(a, {});
 }
 //#endregion
-export { O as ProductsProductDetailPagePage };
+export { A as ProductsProductDetailPagePage };
 
 //# sourceMappingURL=ProductsProductDetailPagePage.js.map

package/dist/planmagnet/pages/ProductsProductDetailPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductsProductDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsProductDetailPagePage.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { Package, Target, Users, Calendar, Loader2, Pencil } from 'lucide-react';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport { PlanMagnetNotFoundPage } from './NotFoundPage';\nimport {\n  ProductHeaderActions,\n  ProductRoadmapsPanel,\n  ProductReleasesPanel,\n  ProductFeatureRequestsPanel,\n  ProductObjectivesPanel,\n  type ProductRoadmapRef,\n  type ProductReleaseRef,\n  type ProductFeatureRequestRef,\n  type ProductObjectiveRef,\n} from '../product/ProductControls';\n\n/**\n * Product detail (BOFF-8045): the product's own fields, its North Star, and a Links\n * management panel for roadmaps/releases/feature requests/OKR objectives. Every relation\n * is selected directly off `planmagnetProduct(id)` rather than a separate workspace-wide\n * query — before this rewrite the page queried EVERY feature request/release in the\n * workspace regardless of product, which is the pre-existing bug this fixes (there was no\n * productId to filter on until now).\n */\n\nconst GET_PRODUCT_DETAIL = gql`\n  query GetProductDetail($id: ID!) {\n    planmagnetProduct(id: $id) {\n      id\n      workspaceId\n      name\n      description\n      vision\n      lifecycleStage\n      ownerId\n      archivedAt\n      northStar {\n        name\n        unit\n        target\n        current\n        window\n        measuredAt\n        progressRatio\n      }\n      roadmaps {\n        id\n        name\n      }\n      releases {\n        id\n        name\n        version\n        status\n      }\n      featureRequests {\n        id\n        title\n        status\n      }\n      objectives {\n        id\n        title\n        status\n      }\n      createdAt\n      updatedAt\n    }\n  }\n`;\n\ninterface ProductDetail {\n  id: string;\n  workspaceId: string;\n  name: string;\n  description: string | null;\n  vision: string;\n  lifecycleStage: string;\n  ownerId: string;\n  archivedAt: string | null;\n  northStar: {\n    name: string;\n    unit: string;\n    target: number;\n    current: number;\n    window: string;\n    measuredAt: string | null;\n    progressRatio: number | null;\n  } | null;\n  roadmaps: ProductRoadmapRef[];\n  releases: ProductReleaseRef[];\n  featureRequests: ProductFeatureRequestRef[];\n  objectives: ProductObjectiveRef[];\n  createdAt: string;\n  updatedAt: string;\n}\n\nexport function ProductsProductDetailPagePage() {\n  const navigate = usePlanMagnetNavigate();\n  const productId = useEntityId('productId') ?? '';\n\n  const { data, loading, error } = useQuery<{ planmagnetProduct: ProductDetail | null }>(\n    GET_PRODUCT_DETAIL,\n    { variables: { id: productId }, skip: !productId }\n  );\n\n  if (!productId) {\n    return (\n      <div className=\"p-6 text-muted-foreground\">No product selected. Open one from the list.</div>\n    );\n  }\n\n  // Only before the first load: a refetch must not blank the page (it\n  // unmounts every component on it and loses their state).\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load product: {error.message}</div>;\n  }\n\n  const product = data?.planmagnetProduct;\n  // Deleted, unauthorized or an unknown id all read back the same way (no cross-tenant\n  // existence leak) — the real 404 page, not an inline message.\n  if (!product) return <PlanMagnetNotFoundPage />;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-start justify-between gap-4\">\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <Package className=\"h-5 w-5 text-primary\" />\n            <h1 className=\"text-2xl font-semibold\">{product.name}</h1>\n            {product.archivedAt && <Badge variant=\"outline\">Archived</Badge>}\n            <Badge variant=\"secondary\" className=\"capitalize\">\n              {enumLabel(product.lifecycleStage)}\n            </Badge>\n          </div>\n          <p className=\"text-sm text-muted-foreground mt-1\">{product.vision || 'No vision set'}</p>\n        </div>\n        <div className=\"flex flex-col items-end gap-2\">\n          <div className=\"flex gap-2\">\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              onClick={() => navigate(detailPath('/products/edit-product-page', product.id))}\n            >\n              <Pencil className=\"mr-1 h-4 w-4\" />\n              Edit\n            </Button>\n            <ProductHeaderActions\n              productId={product.id}\n              name={product.name}\n              archivedAt={product.archivedAt}\n            />\n          </div>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Target className=\"h-4 w-4\" />\n              North Star\n            </div>\n            {product.northStar ? (\n              <p className=\"text-sm font-bold mt-1 truncate\">\n                {product.northStar.current} / {product.northStar.target} {product.northStar.unit}\n                {product.northStar.progressRatio != null\n                  ? ` (${Math.round(product.northStar.progressRatio * 100)}%)`\n                  : ''}\n              </p>\n            ) : (\n              <p className=\"text-sm font-medium mt-1 text-muted-foreground\">Not set</p>\n            )}\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Users className=\"h-4 w-4\" />\n              Owner\n            </div>\n            <p className=\"text-sm font-bold mt-1 truncate\">\n              <PersonName id={product.ownerId} />\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Calendar className=\"h-4 w-4\" />\n              Created\n            </div>\n            <p className=\"text-xl font-bold mt-1\">\n              {new Date(product.createdAt).toLocaleDateString()}\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Calendar className=\"h-4 w-4\" />\n              Updated\n            </div>\n            <p className=\"text-xl font-bold mt-1\">\n              {new Date(product.updatedAt).toLocaleDateString()}\n            </p>\n          </CardContent>\n        </Card>\n      </div>\n\n      {product.description && (\n        <Card>\n          <CardContent className=\"pt-4 text-sm text-muted-foreground\">\n            {product.description}\n          </CardContent>\n        </Card>\n      )}\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Roadmaps</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <ProductRoadmapsPanel productId={product.id} roadmaps={product.roadmaps} />\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader>\n            <CardTitle>Releases</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <ProductReleasesPanel productId={product.id} releases={product.releases} />\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader>\n            <CardTitle>Feature Requests</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <ProductFeatureRequestsPanel\n              productId={product.id}\n              featureRequests={product.featureRequests}\n            />\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader>\n            <CardTitle>OKR Objectives</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <ProductObjectivesPanel productId={product.id} objectives={product.objectives} />\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsProductDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsProductDetailPagePage.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { Package, Target, Users, Calendar, Loader2, Pencil } from 'lucide-react';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport { PlanMagnetNotFoundPage } from './NotFoundPage';\nimport {\n  ProductHeaderActions,\n  ProductRoadmapsPanel,\n  ProductReleasesPanel,\n  ProductFeatureRequestsPanel,\n  ProductObjectivesPanel,\n  ProductAboutPanel,\n  ProductCompetitorsPanel,\n  type ProductRoadmapRef,\n  type ProductReleaseRef,\n  type ProductFeatureRequestRef,\n  type ProductObjectiveRef,\n  type ProductCompetitorRef,\n} from '../product/ProductControls';\n\n/**\n * Product detail (BOFF-8045): the product's own fields, its North Star, and a Links\n * management panel for roadmaps/releases/feature requests/OKR objectives. Every relation\n * is selected directly off `planmagnetProduct(id)` rather than a separate workspace-wide\n * query — before this rewrite the page queried EVERY feature request/release in the\n * workspace regardless of product, which is the pre-existing bug this fixes (there was no\n * productId to filter on until now).\n */\n\nconst GET_PRODUCT_DETAIL = gql`\n  query GetProductDetail($id: ID!) {\n    planmagnetProduct(id: $id) {\n      id\n      workspaceId\n      name\n      description\n      vision\n      lifecycleStage\n      ownerId\n      archivedAt\n      mission\n      valueProposition\n      businessModel\n      targetSegments\n      competitors {\n        id\n        name\n        description\n        website\n      }\n      northStar {\n        name\n        unit\n        target\n        current\n        window\n        measuredAt\n        progressRatio\n      }\n      roadmaps {\n        id\n        name\n      }\n      releases {\n        id\n        name\n        version\n        status\n      }\n      featureRequests {\n        id\n        title\n        status\n      }\n      objectives {\n        id\n        title\n        status\n      }\n      createdAt\n      updatedAt\n    }\n  }\n`;\n\ninterface ProductDetail {\n  id: string;\n  workspaceId: string;\n  name: string;\n  description: string | null;\n  vision: string;\n  lifecycleStage: string;\n  ownerId: string;\n  archivedAt: string | null;\n  mission: string | null;\n  valueProposition: string | null;\n  businessModel: string | null;\n  targetSegments: string[];\n  competitors: ProductCompetitorRef[];\n  northStar: {\n    name: string;\n    unit: string;\n    target: number;\n    current: number;\n    window: string;\n    measuredAt: string | null;\n    progressRatio: number | null;\n  } | null;\n  roadmaps: ProductRoadmapRef[];\n  releases: ProductReleaseRef[];\n  featureRequests: ProductFeatureRequestRef[];\n  objectives: ProductObjectiveRef[];\n  createdAt: string;\n  updatedAt: string;\n}\n\nexport function ProductsProductDetailPagePage() {\n  const navigate = usePlanMagnetNavigate();\n  const productId = useEntityId('productId') ?? '';\n\n  const { data, loading, error } = useQuery<{ planmagnetProduct: ProductDetail | null }>(\n    GET_PRODUCT_DETAIL,\n    { variables: { id: productId }, skip: !productId }\n  );\n\n  if (!productId) {\n    return (\n      <div className=\"p-6 text-muted-foreground\">No product selected. Open one from the list.</div>\n    );\n  }\n\n  // Only before the first load: a refetch must not blank the page (it\n  // unmounts every component on it and loses their state).\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load product: {error.message}</div>;\n  }\n\n  const product = data?.planmagnetProduct;\n  // Deleted, unauthorized or an unknown id all read back the same way (no cross-tenant\n  // existence leak) — the real 404 page, not an inline message.\n  if (!product) return <PlanMagnetNotFoundPage />;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-start justify-between gap-4\">\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <Package className=\"h-5 w-5 text-primary\" />\n            <h1 className=\"text-2xl font-semibold\">{product.name}</h1>\n            {product.archivedAt && <Badge variant=\"outline\">Archived</Badge>}\n            <Badge variant=\"secondary\" className=\"capitalize\">\n              {enumLabel(product.lifecycleStage)}\n            </Badge>\n          </div>\n          <p className=\"text-sm text-muted-foreground mt-1\">{product.vision || 'No vision set'}</p>\n        </div>\n        <div className=\"flex flex-col items-end gap-2\">\n          <div className=\"flex gap-2\">\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              onClick={() => navigate(detailPath('/products/edit-product-page', product.id))}\n            >\n              <Pencil className=\"mr-1 h-4 w-4\" />\n              Edit\n            </Button>\n            <ProductHeaderActions\n              productId={product.id}\n              name={product.name}\n              archivedAt={product.archivedAt}\n            />\n          </div>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Target className=\"h-4 w-4\" />\n              North Star\n            </div>\n            {product.northStar ? (\n              <p className=\"text-sm font-bold mt-1 truncate\">\n                {product.northStar.current} / {product.northStar.target} {product.northStar.unit}\n                {product.northStar.progressRatio != null\n                  ? ` (${Math.round(product.northStar.progressRatio * 100)}%)`\n                  : ''}\n              </p>\n            ) : (\n              <p className=\"text-sm font-medium mt-1 text-muted-foreground\">Not set</p>\n            )}\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Users className=\"h-4 w-4\" />\n              Owner\n            </div>\n            <p className=\"text-sm font-bold mt-1 truncate\">\n              <PersonName id={product.ownerId} />\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Calendar className=\"h-4 w-4\" />\n              Created\n            </div>\n            <p className=\"text-xl font-bold mt-1\">\n              {new Date(product.createdAt).toLocaleDateString()}\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Calendar className=\"h-4 w-4\" />\n              Updated\n            </div>\n            <p className=\"text-xl font-bold mt-1\">\n              {new Date(product.updatedAt).toLocaleDateString()}\n            </p>\n          </CardContent>\n        </Card>\n      </div>\n\n      {product.description && (\n        <Card>\n          <CardContent className=\"pt-4 text-sm text-muted-foreground\">\n            {product.description}\n          </CardContent>\n        </Card>\n      )}\n\n      {/* PRM-02: strategy narrative + competitive landscape. */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <ProductAboutPanel product={product} />\n        <Card>\n          <CardHeader>\n            <CardTitle>Competitive landscape</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <ProductCompetitorsPanel productId={product.id} competitors={product.competitors} />\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Roadmaps</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <ProductRoadmapsPanel productId={product.id} roadmaps={product.roadmaps} />\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader>\n            <CardTitle>Releases</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <ProductReleasesPanel productId={product.id} releases={product.releases} />\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader>\n            <CardTitle>Feature Requests</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <ProductFeatureRequestsPanel\n              productId={product.id}\n              featureRequests={product.featureRequests}\n            />\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader>\n            <CardTitle>OKR Objectives</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <ProductObjectivesPanel productId={product.id} objectives={product.objectives} />\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/ProductsRoadmapDetailPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductsRoadmapDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsRoadmapDetailPagePage.tsx"],"names":[],"mappings":"AA8FA,wBAAgB,6BAA6B,4CAuR5C"}
+{"version":3,"file":"ProductsRoadmapDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsRoadmapDetailPagePage.tsx"],"names":[],"mappings":"AA4GA,wBAAgB,6BAA6B,4CA4R5C"}