npm - @burdenoff/microfe-planmagnet - Versions diffs - 2026.1002.1 → 2026.1002.2 - Mend

@burdenoff/microfe-planmagnet 2026.1002.1 → 2026.1002.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (95) hide show

package/dist/planmagnet/pages/ProductsProductDetailPagePage.js CHANGED Viewed

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

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

	@@ -1 +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 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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"}
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, ListTree } 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';\nimport { ProductLinePicker } from '../product/ProductLineControls';\nimport { ProductTeamsPanel } from '../product/ProductTeamsPanel';\nimport { ProductFeaturesPanel } from '../product/ProductFeatureControls';\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 PRM-01 adds the product's place in the hierarchy: its product line, the teams that own it\n * (a link that grants no access), and its features — capabilities the team builds, distinct\n * from the feature requests below. Each of those sections runs its own query, so a field the\n * gateway does not serve yet fails that card, never this page's GetProductDetail.\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-01: Product line > Product > Feature > Epic > Story. /}\n <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n <Card>\n <CardHeader>\n <CardTitle>Product line</CardTitle>\n </CardHeader>\n <CardContent>\n <ProductLinePicker productId={product.id} />\n </CardContent>\n </Card>\n <Card className=\"lg:col-span-2\">\n <CardHeader>\n <CardTitle>Teams</CardTitle>\n </CardHeader>\n <CardContent>\n <ProductTeamsPanel productId={product.id} />\n </CardContent>\n </Card>\n </div>\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between gap-2\">\n <CardTitle>Features</CardTitle>\n <Button\n size=\"sm\"\n variant=\"ghost\"\n onClick={() => navigate('/products/product-hierarchy-page')}\n data-testid=\"product-view-hierarchy\"\n >\n <ListTree className=\"mr-1 h-4 w-4\" />\n View hierarchy\n </Button>\n </CardHeader>\n <CardContent>\n <ProductFeaturesPanel productId={product.id} productArchived={!!product.archivedAt} />\n </CardContent>\n </Card>\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/ProductsProductFeatureDetailPagePage.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare function ProductsProductFeatureDetailPagePage(): import("react/jsx-runtime").JSX.Element;
2	+ //# sourceMappingURL=ProductsProductFeatureDetailPagePage.d.ts.map

package/dist/planmagnet/pages/ProductsProductFeatureDetailPagePage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ProductsProductFeatureDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductFeatureDetailPagePage.tsx"],"names":[],"mappings":"AA4CA,wBAAgB,oCAAoC,4CAwOnD"}

package/dist/planmagnet/pages/ProductsProductFeatureDetailPagePage.js ADDED Viewed

@@ -0,0 +1,174 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+import { PersonName as t } from "../people/People.js";
+import { useTr as n } from "../../shared/hooks/useTr.js";
+import { ErrorLine as r } from "../controls/ConfirmButton.js";
+import { detailPath as i } from "../utils/rowNavigation.js";
+import { useEntityId as a } from "../hooks/useEntityId.js";
+import { PlanMagnetNotFoundPage as o } from "./NotFoundPage.js";
+import { PRODUCT_FEATURE_DETAIL as s } from "../product/hierarchyOperations.js";
+import { parseServerDate as c } from "../product/hierarchy.js";
+import { ProductFeatureHeaderActions as l, ProductFeatureStatusBadge as u } from "../product/ProductFeatureControls.js";
+import { FeatureEpicsPanel as d, FeatureRequestsPanel as f } from "../product/FeatureLinkPanels.js";
+import { ChevronRight as p, Loader2 as m, MessageSquare as h, Milestone as g, Puzzle as _, Users as v } from "lucide-react";
+import { 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, Card as w, CardContent as T, CardHeader as E, CardTitle as D } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProductsProductFeatureDetailPagePage.tsx
+function O() {
+	let O = n(), k = e(), A = a("productFeatureId") ?? "", { data: j, loading: M, error: N } = y(s, {
+		variables: { id: A },
+		skip: !A
+	});
+	if (!A) return /* @__PURE__ */ x("div", {
+		className: "p-6 text-muted-foreground",
+		children: O("planmagnet.productFeatures.detail.noneSelected", "No feature selected. Open one from its product’s page.")
+	});
+	if (M && !j) return /* @__PURE__ */ x("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ x(m, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	});
+	if (N && !j) return /* @__PURE__ */ x("div", {
+		className: "p-6 text-destructive",
+		children: O("planmagnet.productFeatures.detail.loadError", "Failed to load the feature: {{message}}", { message: N.message })
+	});
+	let P = j?.planmagnetProductFeature;
+	if (!P) return /* @__PURE__ */ x(o, {});
+	let F = !!P.archivedAt, I = c(P.updatedAt), L = c(P.createdAt);
+	return /* @__PURE__ */ S("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ S("nav", {
+				"aria-label": O("planmagnet.productFeatures.detail.breadcrumb", "Breadcrumb"),
+				className: "flex flex-wrap items-center gap-1 text-xs text-muted-foreground",
+				children: [
+					P.product?.productLine && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("button", {
+						type: "button",
+						className: "hover:underline",
+						onClick: () => k("/products/product-lines-page"),
+						children: P.product.productLine.name
+					}), /* @__PURE__ */ x(p, { className: "h-3 w-3" })] }),
+					P.product ? /* @__PURE__ */ x("button", {
+						type: "button",
+						className: "hover:underline",
+						onClick: () => P.product && k(i("/products/product-detail-page", P.product.id)),
+						children: P.product.name
+					}) : /* @__PURE__ */ x("span", { children: O("planmagnet.productFeatures.detail.productGone", "Deleted product") }),
+					/* @__PURE__ */ x(p, { className: "h-3 w-3" }),
+					/* @__PURE__ */ x("span", {
+						className: "text-foreground",
+						children: P.name
+					})
+				]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "flex flex-wrap items-start justify-between gap-4",
+				children: [/* @__PURE__ */ S("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ S("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [
+							/* @__PURE__ */ x(_, { className: "h-5 w-5 text-primary" }),
+							/* @__PURE__ */ x("h1", {
+								className: "text-2xl font-semibold",
+								children: P.name
+							}),
+							/* @__PURE__ */ x(u, { status: P.status }),
+							F && /* @__PURE__ */ x(C, {
+								variant: "outline",
+								children: O("planmagnet.productFeatures.archived", "Archived")
+							})
+						]
+					}), /* @__PURE__ */ x("p", {
+						className: "mt-1 text-sm text-muted-foreground",
+						children: O("planmagnet.productFeatures.detail.subtitle", "A product feature — what the team is building. Feature requests are the feedback it answers.")
+					})]
+				}), /* @__PURE__ */ x(l, {
+					feature: P,
+					epicCount: P.epics.length,
+					requestCount: P.featureRequests.length
+				})]
+			}),
+			N && /* @__PURE__ */ x(r, { message: O("planmagnet.productFeatures.detail.refreshError", "The feature could not be refreshed: {{message}}", { message: N.message }) }),
+			F && /* @__PURE__ */ x("p", {
+				className: "rounded-md bg-muted p-3 text-sm text-muted-foreground",
+				children: O("planmagnet.productFeatures.detail.archivedNote", "This feature is archived. It keeps its epics and requests, but takes no new links until it is unarchived.")
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "grid grid-cols-2 gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ x(w, { children: /* @__PURE__ */ S(T, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ x("p", {
+							className: "text-xs text-muted-foreground",
+							children: O("planmagnet.productFeatures.fields.status", "Status")
+						}), /* @__PURE__ */ x("div", {
+							className: "mt-1",
+							children: /* @__PURE__ */ x(u, { status: P.status })
+						})]
+					}) }),
+					/* @__PURE__ */ x(w, { children: /* @__PURE__ */ S(T, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ S("div", {
+							className: "flex items-center gap-2 text-xs text-muted-foreground",
+							children: [/* @__PURE__ */ x(v, { className: "h-4 w-4" }), O("planmagnet.productFeatures.fields.owner", "Owner")]
+						}), /* @__PURE__ */ x("p", {
+							className: "mt-1 truncate text-sm font-bold",
+							children: P.ownerId ? /* @__PURE__ */ x(t, { id: P.ownerId }) : O("planmagnet.productFeatures.fields.noOwner", "No owner")
+						})]
+					}) }),
+					/* @__PURE__ */ x(w, { children: /* @__PURE__ */ S(T, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ S("div", {
+							className: "flex items-center gap-2 text-xs text-muted-foreground",
+							children: [/* @__PURE__ */ x(g, { className: "h-4 w-4" }), O("planmagnet.productFeatures.detail.epics", "Epics")]
+						}), /* @__PURE__ */ x("p", {
+							className: "mt-1 text-xl font-bold",
+							children: P.epics.length
+						})]
+					}) }),
+					/* @__PURE__ */ x(w, { children: /* @__PURE__ */ S(T, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ S("div", {
+							className: "flex items-center gap-2 text-xs text-muted-foreground",
+							children: [/* @__PURE__ */ x(h, { className: "h-4 w-4" }), O("planmagnet.productFeatures.detail.requests", "Feature requests")]
+						}), /* @__PURE__ */ x("p", {
+							className: "mt-1 text-xl font-bold",
+							children: P.featureRequests.length
+						})]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ S(w, { children: [/* @__PURE__ */ x(E, { children: /* @__PURE__ */ x(D, { children: O("planmagnet.productFeatures.fields.description", "Description") }) }), /* @__PURE__ */ S(T, {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ x("p", {
+					className: "whitespace-pre-wrap text-sm",
+					children: P.description || O("planmagnet.productFeatures.detail.noDescription", "No description yet.")
+				}), /* @__PURE__ */ S("p", {
+					className: "text-xs text-muted-foreground",
+					children: [
+						L && O("planmagnet.productFeatures.detail.created", "Created {{date}}", { date: L.toLocaleDateString() }),
+						L && I && " · ",
+						I && O("planmagnet.productFeatures.detail.updated", "Updated {{date}}", { date: I.toLocaleDateString() })
+					]
+				})]
+			})] }),
+			/* @__PURE__ */ S("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+				children: [/* @__PURE__ */ S(w, { children: [/* @__PURE__ */ x(E, { children: /* @__PURE__ */ x(D, { children: O("planmagnet.productFeatures.detail.epicsTitle", "Epics and stories") }) }), /* @__PURE__ */ x(T, { children: /* @__PURE__ */ x(d, {
+					featureId: P.id,
+					archived: F,
+					epics: P.epics
+				}) })] }), /* @__PURE__ */ S(w, { children: [/* @__PURE__ */ x(E, { children: /* @__PURE__ */ x(D, { children: O("planmagnet.productFeatures.detail.requestsTitle", "Feature requests") }) }), /* @__PURE__ */ x(T, { children: /* @__PURE__ */ x(f, {
+					featureId: P.id,
+					productId: P.productId,
+					archived: F,
+					requests: P.featureRequests
+				}) })] })]
+			})
+		]
+	});
+}
+//#endregion
+export { O as ProductsProductFeatureDetailPagePage };
+//# sourceMappingURL=ProductsProductFeatureDetailPagePage.js.map

package/dist/planmagnet/pages/ProductsProductFeatureDetailPagePage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ProductsProductFeatureDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsProductFeatureDetailPagePage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport { Badge, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { ChevronRight, Loader2, MessageSquare, Milestone, Puzzle, Users } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { ErrorLine } from '../controls/ConfirmButton';\nimport { PlanMagnetNotFoundPage } from './NotFoundPage';\nimport { PRODUCT_FEATURE_DETAIL } from '../product/hierarchyOperations';\nimport { parseServerDate } from '../product/hierarchy';\nimport {\n ProductFeatureHeaderActions,\n ProductFeatureStatusBadge,\n type ProductFeatureValues,\n} from '../product/ProductFeatureControls';\nimport {\n FeatureEpicsPanel,\n FeatureRequestsPanel,\n type FeatureEpic,\n type FeatureLinkedRequest,\n} from '../product/FeatureLinkPanels';\n\n/**\n * A product feature (PRM-01): a capability the team decided to build, under one product. Edit its name,\n * description, status and owner; archive or delete it; link the EPIC work items that deliver it (each shown with\n * its stories) and the feature requests it answers. Not a feature request — those are customer feedback, and keep\n * their own page.\n */\n\ninterface FeatureDetail extends ProductFeatureValues {\n createdAt: string;\n updatedAt: string;\n product: {\n id: string;\n name: string;\n archivedAt: string | null;\n productLine: { id: string; name: string } | null;\n } | null;\n epics: FeatureEpic[];\n featureRequests: FeatureLinkedRequest[];\n}\n\nexport function ProductsProductFeatureDetailPagePage() {\n const tr = useTr();\n const navigate = usePlanMagnetNavigate();\n const featureId = useEntityId('productFeatureId') ?? '';\n\n const { data, loading, error } = useQuery<{ planmagnetProductFeature: FeatureDetail | null }>(\n PRODUCT_FEATURE_DETAIL,\n { variables: { id: featureId }, skip: !featureId }\n );\n\n if (!featureId) {\n return (\n <div className=\"p-6 text-muted-foreground\">\n {tr(\n 'planmagnet.productFeatures.detail.noneSelected',\n 'No feature selected. Open one from its product’s page.'\n )}\n </div>\n );\n }\n\n // Only before the first load: a refetch must not blank the page (it unmounts every component on it).\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 && !data) {\n return (\n <div className=\"p-6 text-destructive\">\n {tr(\n 'planmagnet.productFeatures.detail.loadError',\n 'Failed to load the feature: {{message}}',\n {\n message: error.message,\n }\n )}\n </div>\n );\n }\n\n const feature = data?.planmagnetProductFeature;\n // Deleted, another workspace's or an unknown id all read back as null — the real 404 page.\n if (!feature) return <PlanMagnetNotFoundPage />;\n\n const archived = !!feature.archivedAt;\n const updated = parseServerDate(feature.updatedAt);\n const created = parseServerDate(feature.createdAt);\n\n return (\n <div className=\"space-y-6 p-6\">\n <nav\n aria-label={tr('planmagnet.productFeatures.detail.breadcrumb', 'Breadcrumb')}\n className=\"flex flex-wrap items-center gap-1 text-xs text-muted-foreground\"\n >\n {feature.product?.productLine && (\n <>\n <button\n type=\"button\"\n className=\"hover:underline\"\n onClick={() => navigate('/products/product-lines-page')}\n >\n {feature.product.productLine.name}\n </button>\n <ChevronRight className=\"h-3 w-3\" />\n </>\n )}\n {feature.product ? (\n <button\n type=\"button\"\n className=\"hover:underline\"\n onClick={() =>\n feature.product &&\n navigate(detailPath('/products/product-detail-page', feature.product.id))\n }\n >\n {feature.product.name}\n </button>\n ) : (\n <span>{tr('planmagnet.productFeatures.detail.productGone', 'Deleted product')}</span>\n )}\n <ChevronRight className=\"h-3 w-3\" />\n <span className=\"text-foreground\">{feature.name}</span>\n </nav>\n\n <div className=\"flex flex-wrap items-start justify-between gap-4\">\n <div className=\"min-w-0\">\n <div className=\"flex flex-wrap items-center gap-2\">\n <Puzzle className=\"h-5 w-5 text-primary\" />\n <h1 className=\"text-2xl font-semibold\">{feature.name}</h1>\n <ProductFeatureStatusBadge status={feature.status} />\n {archived && (\n <Badge variant=\"outline\">\n {tr('planmagnet.productFeatures.archived', 'Archived')}\n </Badge>\n )}\n </div>\n <p className=\"mt-1 text-sm text-muted-foreground\">\n {tr(\n 'planmagnet.productFeatures.detail.subtitle',\n 'A product feature — what the team is building. Feature requests are the feedback it answers.'\n )}\n </p>\n </div>\n <ProductFeatureHeaderActions\n feature={feature}\n epicCount={feature.epics.length}\n requestCount={feature.featureRequests.length}\n />\n </div>\n\n {error && (\n <ErrorLine\n message={tr(\n 'planmagnet.productFeatures.detail.refreshError',\n 'The feature could not be refreshed: {{message}}',\n { message: error.message }\n )}\n />\n )}\n {archived && (\n <p className=\"rounded-md bg-muted p-3 text-sm text-muted-foreground\">\n {tr(\n 'planmagnet.productFeatures.detail.archivedNote',\n 'This feature is archived. It keeps its epics and requests, but takes no new links until it is unarchived.'\n )}\n </p>\n )}\n\n <div className=\"grid grid-cols-2 gap-4 md:grid-cols-4\">\n <Card>\n <CardContent className=\"pt-4\">\n <p className=\"text-xs text-muted-foreground\">\n {tr('planmagnet.productFeatures.fields.status', 'Status')}\n </p>\n <div className=\"mt-1\">\n <ProductFeatureStatusBadge status={feature.status} />\n </div>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-4\">\n <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n <Users className=\"h-4 w-4\" />\n {tr('planmagnet.productFeatures.fields.owner', 'Owner')}\n </div>\n <p className=\"mt-1 truncate text-sm font-bold\">\n {feature.ownerId ? (\n <PersonName id={feature.ownerId} />\n ) : (\n tr('planmagnet.productFeatures.fields.noOwner', 'No owner')\n )}\n </p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-4\">\n <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n <Milestone className=\"h-4 w-4\" />\n {tr('planmagnet.productFeatures.detail.epics', 'Epics')}\n </div>\n <p className=\"mt-1 text-xl font-bold\">{feature.epics.length}</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-4\">\n <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n <MessageSquare className=\"h-4 w-4\" />\n {tr('planmagnet.productFeatures.detail.requests', 'Feature requests')}\n </div>\n <p className=\"mt-1 text-xl font-bold\">{feature.featureRequests.length}</p>\n </CardContent>\n </Card>\n </div>\n\n <Card>\n <CardHeader>\n <CardTitle>\n {tr('planmagnet.productFeatures.fields.description', 'Description')}\n </CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-2\">\n <p className=\"whitespace-pre-wrap text-sm\">\n {feature.description ||\n tr('planmagnet.productFeatures.detail.noDescription', 'No description yet.')}\n </p>\n <p className=\"text-xs text-muted-foreground\">\n {created &&\n tr('planmagnet.productFeatures.detail.created', 'Created {{date}}', {\n date: created.toLocaleDateString(),\n })}\n {created && updated && ' · '}\n {updated &&\n tr('planmagnet.productFeatures.detail.updated', 'Updated {{date}}', {\n date: updated.toLocaleDateString(),\n })}\n </p>\n </CardContent>\n </Card>\n\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n <Card>\n <CardHeader>\n <CardTitle>\n {tr('planmagnet.productFeatures.detail.epicsTitle', 'Epics and stories')}\n </CardTitle>\n </CardHeader>\n <CardContent>\n <FeatureEpicsPanel featureId={feature.id} archived={archived} epics={feature.epics} />\n </CardContent>\n </Card>\n <Card>\n <CardHeader>\n <CardTitle>\n {tr('planmagnet.productFeatures.detail.requestsTitle', 'Feature requests')}\n </CardTitle>\n </CardHeader>\n <CardContent>\n <FeatureRequestsPanel\n featureId={feature.id}\n productId={feature.productId}\n archived={archived}\n requests={feature.featureRequests}\n />\n </CardContent>\n </Card>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/ProductsProductHierarchyPagePage.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare function ProductsProductHierarchyPagePage(): import("react/jsx-runtime").JSX.Element;
2	+ //# sourceMappingURL=ProductsProductHierarchyPagePage.d.ts.map

package/dist/planmagnet/pages/ProductsProductHierarchyPagePage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ProductsProductHierarchyPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductHierarchyPagePage.tsx"],"names":[],"mappings":"AAkEA,wBAAgB,gCAAgC,4CA2N/C"}