@burdenoff/microfe-planmagnet 2026.927.4 → 2026.927.5

package/dist/planmagnet/pages/ProductsProductsPagePage.js

@@ -1,16 +1,17 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
 import { PersonName as n } from "../people/People.js";
-import { PlanningFocusBadge as r, planningFocusLabel as i } from "../roadmaps/planningFocus.js";
+import { countLabel as r, useFeatureCounts as i } from "../hooks/useCounts.js";
 import { detailPath as a, rowLinkProps as o } from "../utils/rowNavigation.js";
-import { useState as s } from "react";
-import { Calendar as c, GitBranch as l, Loader2 as u, Map as d, Package as f, Plus as p } from "lucide-react";
-import { gql as m } from "@apollo/client";
-import { useQuery as h } from "@apollo/client/react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C } from "@burdenoff/fe-libs/ui";
+import { PlanningFocusBadge as s, planningFocusLabel as c } from "../roadmaps/planningFocus.js";
+import { useState as l } from "react";
+import { Calendar as u, GitBranch as d, Loader2 as f, Package as p, Plus as m } from "lucide-react";
+import { gql as h } from "@apollo/client";
+import { useQuery as g } from "@apollo/client/react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Button as b, Card as x, CardContent as S, CardHeader as C, CardTitle as w } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProductsProductsPagePage.tsx
-var w = m`
+var T = h`
   query ListRoadmaps($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {
     planmagnetRoadmaps(workspaceId: $workspaceId, pagination: $pagination) {
       items {
@@ -35,175 +36,169 @@ var w = m`
       totalCount
     }
   }
-`, T = m`
+`, E = h`
   query ListFeatureRequestsForProducts($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {
     planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: $pagination) {
       totalCount
     }
   }
-`, E = m`
+`, D = h`
   query ListReleasesForProducts($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {
     planmagnetReleases(workspaceId: $workspaceId, pagination: $pagination) {
       totalCount
     }
   }
 `;
-function D() {
-	let { workspaceId: m } = e(), D = t(), { t: O } = v(), [k, A] = s("grid"), { data: j, loading: M, error: N } = h(w, {
+function O() {
+	let { workspaceId: h } = e(), O = t(), { t: k } = y(), A = i(), [j, M] = l("grid"), { data: N, loading: P, error: F } = g(T, {
 		variables: {
-			workspaceId: m,
+			workspaceId: h,
 			pagination: { first: 50 }
 		},
-		skip: !m
-	}), { data: P } = h(T, {
+		skip: !h
+	}), { data: I } = g(E, {
 		variables: {
-			workspaceId: m,
+			workspaceId: h,
 			pagination: { first: 1 }
 		},
-		skip: !m
-	}), { data: F } = h(E, {
+		skip: !h
+	}), { data: L } = g(D, {
 		variables: {
-			workspaceId: m,
+			workspaceId: h,
 			pagination: { first: 1 }
 		},
-		skip: !m
+		skip: !h
 	});
-	if (M && !j) return /* @__PURE__ */ g("div", {
+	if (P && !N) return /* @__PURE__ */ _("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ g(u, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		children: /* @__PURE__ */ _(f, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (N) return /* @__PURE__ */ _("div", {
+	if (F) return /* @__PURE__ */ v("div", {
 		className: "p-6 text-destructive",
 		children: [
-			O("planmagnet.products.errorLoading", "Failed to load products"),
+			k("planmagnet.products.errorLoading", "Failed to load products"),
 			": ",
-			N.message
+			F.message
 		]
 	});
-	let I = j?.planmagnetRoadmaps?.items ?? [], L = j?.planmagnetRoadmaps?.totalCount ?? 0, R = P?.planmagnetFeatureRequests?.totalCount ?? 0, z = F?.planmagnetReleases?.totalCount ?? 0;
-	return /* @__PURE__ */ _("div", {
+	let R = N?.planmagnetRoadmaps?.items ?? [], z = N?.planmagnetRoadmaps?.totalCount ?? 0, B = L?.planmagnetReleases?.totalCount ?? 0;
+	return /* @__PURE__ */ v("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("h1", {
+				children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("h1", {
 					className: "text-2xl font-semibold flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ g(f, { className: "h-6 w-6" }),
+						/* @__PURE__ */ _(p, { className: "h-6 w-6" }),
 						" ",
-						O("planmagnet.products.title", "Products")
+						k("planmagnet.products.title", "Products")
 					]
-				}), /* @__PURE__ */ g("p", {
+				}), /* @__PURE__ */ _("p", {
 					className: "text-sm text-muted-foreground mt-1",
-					children: O("planmagnet.products.subtitle", "Manage your product portfolio and track feature development")
-				})] }), /* @__PURE__ */ _(y, {
+					children: k("planmagnet.products.subtitle", "Manage your product portfolio and track feature development")
+				})] }), /* @__PURE__ */ v(b, {
 					size: "sm",
-					onClick: () => D("/products/create-product-page"),
-					children: [/* @__PURE__ */ g(p, { className: "h-4 w-4 mr-1" }), O("planmagnet.products.actions.newProduct", "New Product")]
+					onClick: () => O("/products/create-product-page"),
+					children: [/* @__PURE__ */ _(m, { className: "h-4 w-4 mr-1" }), k("planmagnet.products.actions.newProduct", "New Product")]
 				})]
 			}),
-			/* @__PURE__ */ g("div", {
-				className: "grid gap-4 md:grid-cols-4",
+			/* @__PURE__ */ _("div", {
+				className: "grid gap-4 md:grid-cols-3",
 				children: [
 					{
-						label: O("planmagnet.products.metrics.totalProducts", "Total Products"),
-						val: L,
-						icon: f,
+						label: k("planmagnet.products.metrics.totalProducts", "Total Products"),
+						val: z,
+						icon: p,
 						color: "text-blue-500"
 					},
 					{
-						label: O("planmagnet.products.metrics.activeFeatures", "Active Features"),
-						val: R,
-						icon: l,
+						label: k("planmagnet.products.metrics.openFeatures", "Open feature requests"),
+						val: r(A?.open),
+						icon: d,
 						color: "text-green-500"
 					},
 					{
-						label: O("planmagnet.products.metrics.releases", "Releases"),
-						val: z,
-						icon: c,
+						label: k("planmagnet.products.metrics.releases", "Releases"),
+						val: B,
+						icon: u,
 						color: "text-purple-500"
-					},
-					{
-						label: O("planmagnet.products.metrics.roadmaps", "Roadmaps"),
-						val: L,
-						icon: d,
-						color: "text-orange-500"
 					}
-				].map((e) => /* @__PURE__ */ g(b, { children: /* @__PURE__ */ g(x, {
+				].map((e) => /* @__PURE__ */ _(x, { children: /* @__PURE__ */ _(S, {
 					className: "pt-6",
-					children: /* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ v("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+						children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 							className: "text-sm text-muted-foreground",
 							children: e.label
-						}), /* @__PURE__ */ g("p", {
+						}), /* @__PURE__ */ _("p", {
 							className: "text-2xl font-bold",
 							children: e.val
-						})] }), /* @__PURE__ */ g(e.icon, { className: `h-8 w-8 ${e.color} opacity-60` })]
+						})] }), /* @__PURE__ */ _(e.icon, { className: `h-8 w-8 ${e.color} opacity-60` })]
 					})
 				}) }, e.label))
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-2",
-				children: I.map((e) => /* @__PURE__ */ _(b, {
-					...o(() => D(a("/products/product-detail-page", e.id)), e.name),
-					children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ _("div", {
+				children: R.map((e) => /* @__PURE__ */ v(x, {
+					...o(() => O(a("/products/product-detail-page", e.id)), e.name),
+					children: [/* @__PURE__ */ _(C, { children: /* @__PURE__ */ v("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ g(C, {
+						children: [/* @__PURE__ */ _(w, {
 							className: "text-base",
 							children: e.name
-						}), /* @__PURE__ */ g(r, { focus: e.planningFocus })]
-					}) }), /* @__PURE__ */ _(x, {
+						}), /* @__PURE__ */ _(s, { focus: e.planningFocus })]
+					}) }), /* @__PURE__ */ v(S, {
 						className: "space-y-3",
 						children: [
-							/* @__PURE__ */ g("p", {
+							/* @__PURE__ */ _("p", {
 								className: "text-sm text-muted-foreground",
-								children: e.description ?? O("planmagnet.products.shared.noDescription", "No description")
+								children: e.description ?? k("planmagnet.products.shared.noDescription", "No description")
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ v("div", {
 								className: "grid grid-cols-3 gap-2 text-center",
 								children: [
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ v("div", {
 										className: "rounded border p-2",
-										children: [/* @__PURE__ */ g("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-lg font-bold",
 											children: e.items?.length ?? 0
-										}), /* @__PURE__ */ g("p", {
+										}), /* @__PURE__ */ _("p", {
 											className: "text-xs text-muted-foreground",
-											children: O("planmagnet.products.shared.items", "Items")
+											children: k("planmagnet.products.shared.items", "Items")
 										})]
 									}),
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ v("div", {
 										className: "rounded border p-2",
-										children: [/* @__PURE__ */ g("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-lg font-bold",
-											children: e.isPublic ? O("planmagnet.products.shared.public", "Public") : O("planmagnet.products.shared.private", "Private")
-										}), /* @__PURE__ */ g("p", {
+											children: e.isPublic ? k("planmagnet.products.shared.public", "Public") : k("planmagnet.products.shared.private", "Private")
+										}), /* @__PURE__ */ _("p", {
 											className: "text-xs text-muted-foreground",
-											children: O("planmagnet.products.shared.visibility", "Visibility")
+											children: k("planmagnet.products.shared.visibility", "Visibility")
 										})]
 									}),
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ v("div", {
 										className: "rounded border p-2",
-										children: [/* @__PURE__ */ g("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-lg font-bold",
-											children: i(e.planningFocus)
-										}), /* @__PURE__ */ g("p", {
+											children: c(e.planningFocus)
+										}), /* @__PURE__ */ _("p", {
 											className: "text-xs text-muted-foreground",
-											children: O("planmagnet.products.shared.planningFocus", "Planning focus")
+											children: k("planmagnet.products.shared.planningFocus", "Planning focus")
 										})]
 									})
 								]
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ v("div", {
 								className: "flex items-center justify-between text-xs text-muted-foreground",
-								children: [/* @__PURE__ */ _("span", { children: [
-									O("planmagnet.products.shared.owner", "Owner"),
+								children: [/* @__PURE__ */ v("span", { children: [
+									k("planmagnet.products.shared.owner", "Owner"),
 									":",
 									" ",
-									/* @__PURE__ */ g(n, { id: e.ownerId })
-								] }), /* @__PURE__ */ _("span", { children: [
-									O("planmagnet.products.shared.updated", "Updated"),
+									/* @__PURE__ */ _(n, { id: e.ownerId })
+								] }), /* @__PURE__ */ v("span", { children: [
+									k("planmagnet.products.shared.updated", "Updated"),
 									" ",
 									new Date(e.updatedAt).toLocaleDateString()
 								] })]
@@ -216,6 +211,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as ProductsProductsPagePage };
+export { O as ProductsProductsPagePage };
 
 //# sourceMappingURL=ProductsProductsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsProductsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsProductsPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Package, Plus, TrendingUp, Calendar, GitBranch, Map, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { PlanningFocusBadge, planningFocusLabel } from '../roadmaps/planningFocus';\n\nconst LIST_ROADMAPS = gql`\n  query ListRoadmaps($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetRoadmaps(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        workspaceId\n        name\n        description\n        type\n        planningFocus\n        isPublic\n        ownerId\n        metadata\n        createdBy\n        createdAt\n        updatedAt\n        updatedBy\n        items {\n          id\n          status\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\nconst LIST_FEATURE_REQUESTS = gql`\n  query ListFeatureRequestsForProducts($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: $pagination) {\n      totalCount\n    }\n  }\n`;\n\nconst LIST_RELEASES = gql`\n  query ListReleasesForProducts($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetReleases(workspaceId: $workspaceId, pagination: $pagination) {\n      totalCount\n    }\n  }\n`;\n\ninterface RoadmapNode {\n  id: string;\n  name: string;\n  description: string | null;\n  type: string;\n  planningFocus: string | null;\n  isPublic: boolean;\n  ownerId: string;\n  createdAt: string;\n  updatedAt: string;\n  items: { id: string; status: string }[];\n}\n\nexport function ProductsProductsPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const { t } = useI18n();\n  const [view, setView] = useState<'grid' | 'list'>('grid');\n\n  const {\n    data: roadmapsData,\n    loading: roadmapsLoading,\n    error: roadmapsError,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  } = useQuery<Record<string, any>>(LIST_ROADMAPS, {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    variables: { workspaceId, pagination: { first: 50 } },\n    skip: !workspaceId,\n  });\n\n  const {\n    data: featuresData,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(LIST_FEATURE_REQUESTS, {\n      variables: { workspaceId, pagination: { first: 1 } },\n      skip: !workspaceId,\n    });\n\n  const {\n    data: releasesData,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(LIST_RELEASES, {\n      variables: { workspaceId, pagination: { first: 1 } },\n      skip: !workspaceId,\n    });\n\n  // Only before the first load: a refetch must not blank the page.\n  if (roadmapsLoading && !roadmapsData) {\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 (roadmapsError) {\n    return (\n      <div className=\"p-6 text-destructive\">\n        {t('planmagnet.products.errorLoading', 'Failed to load products')}: {roadmapsError.message}\n      </div>\n    );\n  }\n\n  const roadmaps: RoadmapNode[] = roadmapsData?.planmagnetRoadmaps?.items ?? [];\n  const totalRoadmaps = roadmapsData?.planmagnetRoadmaps?.totalCount ?? 0;\n  const totalFeatures = featuresData?.planmagnetFeatureRequests?.totalCount ?? 0;\n  const totalReleases = releasesData?.planmagnetReleases?.totalCount ?? 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold flex items-center gap-2\">\n            <Package className=\"h-6 w-6\" /> {t('planmagnet.products.title', 'Products')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {t(\n              'planmagnet.products.subtitle',\n              'Manage your product portfolio and track feature development'\n            )}\n          </p>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('/products/create-product-page')}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('planmagnet.products.actions.newProduct', 'New Product')}\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        {[\n          {\n            label: t('planmagnet.products.metrics.totalProducts', 'Total Products'),\n            val: totalRoadmaps,\n            icon: Package,\n            color: 'text-blue-500',\n          },\n          {\n            label: t('planmagnet.products.metrics.activeFeatures', 'Active Features'),\n            val: totalFeatures,\n            icon: GitBranch,\n            color: 'text-green-500',\n          },\n          {\n            label: t('planmagnet.products.metrics.releases', 'Releases'),\n            val: totalReleases,\n            icon: Calendar,\n            color: 'text-purple-500',\n          },\n          {\n            label: t('planmagnet.products.metrics.roadmaps', 'Roadmaps'),\n            val: totalRoadmaps,\n            icon: Map,\n            color: 'text-orange-500',\n          },\n        ].map((s) => (\n          <Card key={s.label}>\n            <CardContent className=\"pt-6\">\n              <div className=\"flex items-center justify-between\">\n                <div>\n                  <p className=\"text-sm text-muted-foreground\">{s.label}</p>\n                  <p className=\"text-2xl font-bold\">{s.val}</p>\n                </div>\n                <s.icon className={`h-8 w-8 ${s.color} opacity-60`} />\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-2\">\n        {roadmaps.map((roadmap) => (\n          <Card\n            key={roadmap.id}\n            {...rowLinkProps(\n              () => navigate(detailPath('/products/product-detail-page', roadmap.id)),\n              roadmap.name\n            )}\n          >\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">{roadmap.name}</CardTitle>\n                <PlanningFocusBadge focus={roadmap.planningFocus} />\n              </div>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <p className=\"text-sm text-muted-foreground\">\n                {roadmap.description ??\n                  t('planmagnet.products.shared.noDescription', 'No description')}\n              </p>\n              <div className=\"grid grid-cols-3 gap-2 text-center\">\n                <div className=\"rounded border p-2\">\n                  <p className=\"text-lg font-bold\">{roadmap.items?.length ?? 0}</p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {t('planmagnet.products.shared.items', 'Items')}\n                  </p>\n                </div>\n                <div className=\"rounded border p-2\">\n                  <p className=\"text-lg font-bold\">\n                    {roadmap.isPublic\n                      ? t('planmagnet.products.shared.public', 'Public')\n                      : t('planmagnet.products.shared.private', 'Private')}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {t('planmagnet.products.shared.visibility', 'Visibility')}\n                  </p>\n                </div>\n                <div className=\"rounded border p-2\">\n                  <p className=\"text-lg font-bold\">{planningFocusLabel(roadmap.planningFocus)}</p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {t('planmagnet.products.shared.planningFocus', 'Planning focus')}\n                  </p>\n                </div>\n              </div>\n              <div className=\"flex items-center justify-between text-xs text-muted-foreground\">\n                <span>\n                  {t('planmagnet.products.shared.owner', 'Owner')}:{' '}\n                  <PersonName id={roadmap.ownerId} />\n                </span>\n                <span>\n                  {t('planmagnet.products.shared.updated', 'Updated')}{' '}\n                  {new Date(roadmap.updatedAt).toLocaleDateString()}\n                </span>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsProductsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsProductsPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Package, Plus, TrendingUp, Calendar, GitBranch, Map, Loader2 } from 'lucide-react';\nimport { countLabel, useFeatureCounts } from '../hooks/useCounts';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { PlanningFocusBadge, planningFocusLabel } from '../roadmaps/planningFocus';\n\nconst LIST_ROADMAPS = gql`\n  query ListRoadmaps($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetRoadmaps(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        workspaceId\n        name\n        description\n        type\n        planningFocus\n        isPublic\n        ownerId\n        metadata\n        createdBy\n        createdAt\n        updatedAt\n        updatedBy\n        items {\n          id\n          status\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\nconst LIST_FEATURE_REQUESTS = gql`\n  query ListFeatureRequestsForProducts($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: $pagination) {\n      totalCount\n    }\n  }\n`;\n\nconst LIST_RELEASES = gql`\n  query ListReleasesForProducts($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetReleases(workspaceId: $workspaceId, pagination: $pagination) {\n      totalCount\n    }\n  }\n`;\n\ninterface RoadmapNode {\n  id: string;\n  name: string;\n  description: string | null;\n  type: string;\n  planningFocus: string | null;\n  isPublic: boolean;\n  ownerId: string;\n  createdAt: string;\n  updatedAt: string;\n  items: { id: string; status: string }[];\n}\n\nexport function ProductsProductsPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const { t } = useI18n();\n  const featureCounts = useFeatureCounts();\n  const [view, setView] = useState<'grid' | 'list'>('grid');\n\n  const {\n    data: roadmapsData,\n    loading: roadmapsLoading,\n    error: roadmapsError,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  } = useQuery<Record<string, any>>(LIST_ROADMAPS, {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    variables: { workspaceId, pagination: { first: 50 } },\n    skip: !workspaceId,\n  });\n\n  const {\n    data: featuresData,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(LIST_FEATURE_REQUESTS, {\n      variables: { workspaceId, pagination: { first: 1 } },\n      skip: !workspaceId,\n    });\n\n  const {\n    data: releasesData,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(LIST_RELEASES, {\n      variables: { workspaceId, pagination: { first: 1 } },\n      skip: !workspaceId,\n    });\n\n  // Only before the first load: a refetch must not blank the page.\n  if (roadmapsLoading && !roadmapsData) {\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 (roadmapsError) {\n    return (\n      <div className=\"p-6 text-destructive\">\n        {t('planmagnet.products.errorLoading', 'Failed to load products')}: {roadmapsError.message}\n      </div>\n    );\n  }\n\n  const roadmaps: RoadmapNode[] = roadmapsData?.planmagnetRoadmaps?.items ?? [];\n  const totalRoadmaps = roadmapsData?.planmagnetRoadmaps?.totalCount ?? 0;\n  const totalReleases = releasesData?.planmagnetReleases?.totalCount ?? 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold flex items-center gap-2\">\n            <Package className=\"h-6 w-6\" /> {t('planmagnet.products.title', 'Products')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {t(\n              'planmagnet.products.subtitle',\n              'Manage your product portfolio and track feature development'\n            )}\n          </p>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('/products/create-product-page')}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('planmagnet.products.actions.newProduct', 'New Product')}\n        </Button>\n      </div>\n\n      {/* BOFF-7992: \"Total Products\" and \"Roadmaps\" were the same number (a product is a roadmap), and \"Active\n          Features\" counted every status. Now three distinct numbers; open = submitted, in review, planned or in\n          progress. */}\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        {[\n          {\n            label: t('planmagnet.products.metrics.totalProducts', 'Total Products'),\n            val: totalRoadmaps,\n            icon: Package,\n            color: 'text-blue-500',\n          },\n          {\n            label: t('planmagnet.products.metrics.openFeatures', 'Open feature requests'),\n            val: countLabel(featureCounts?.open),\n            icon: GitBranch,\n            color: 'text-green-500',\n          },\n          {\n            label: t('planmagnet.products.metrics.releases', 'Releases'),\n            val: totalReleases,\n            icon: Calendar,\n            color: 'text-purple-500',\n          },\n        ].map((s) => (\n          <Card key={s.label}>\n            <CardContent className=\"pt-6\">\n              <div className=\"flex items-center justify-between\">\n                <div>\n                  <p className=\"text-sm text-muted-foreground\">{s.label}</p>\n                  <p className=\"text-2xl font-bold\">{s.val}</p>\n                </div>\n                <s.icon className={`h-8 w-8 ${s.color} opacity-60`} />\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-2\">\n        {roadmaps.map((roadmap) => (\n          <Card\n            key={roadmap.id}\n            {...rowLinkProps(\n              () => navigate(detailPath('/products/product-detail-page', roadmap.id)),\n              roadmap.name\n            )}\n          >\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">{roadmap.name}</CardTitle>\n                <PlanningFocusBadge focus={roadmap.planningFocus} />\n              </div>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <p className=\"text-sm text-muted-foreground\">\n                {roadmap.description ??\n                  t('planmagnet.products.shared.noDescription', 'No description')}\n              </p>\n              <div className=\"grid grid-cols-3 gap-2 text-center\">\n                <div className=\"rounded border p-2\">\n                  <p className=\"text-lg font-bold\">{roadmap.items?.length ?? 0}</p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {t('planmagnet.products.shared.items', 'Items')}\n                  </p>\n                </div>\n                <div className=\"rounded border p-2\">\n                  <p className=\"text-lg font-bold\">\n                    {roadmap.isPublic\n                      ? t('planmagnet.products.shared.public', 'Public')\n                      : t('planmagnet.products.shared.private', 'Private')}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {t('planmagnet.products.shared.visibility', 'Visibility')}\n                  </p>\n                </div>\n                <div className=\"rounded border p-2\">\n                  <p className=\"text-lg font-bold\">{planningFocusLabel(roadmap.planningFocus)}</p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {t('planmagnet.products.shared.planningFocus', 'Planning focus')}\n                  </p>\n                </div>\n              </div>\n              <div className=\"flex items-center justify-between text-xs text-muted-foreground\">\n                <span>\n                  {t('planmagnet.products.shared.owner', 'Owner')}:{' '}\n                  <PersonName id={roadmap.ownerId} />\n                </span>\n                <span>\n                  {t('planmagnet.products.shared.updated', 'Updated')}{' '}\n                  {new Date(roadmap.updatedAt).toLocaleDateString()}\n                </span>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsReleaseDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx"],"names":[],"mappings":"AA+DA,wBAAgB,6BAA6B,4CA8L5C"}
+{"version":3,"file":"ProductsReleaseDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx"],"names":[],"mappings":"AA+DA,wBAAgB,6BAA6B,4CAqM5C"}

package/dist/planmagnet/pages/ProductsReleaseDetailPagePage.js

@@ -67,7 +67,7 @@ function w() {
 		className: "p-6 text-muted-foreground",
 		children: "Release not found."
 	});
-	let k = O.workItems ?? [], A = k.filter((e) => e.type === "STORY" || e.type === "FEATURE"), j = k.filter((e) => e.type === "BUG");
+	let k = O.workItems ?? [], A = k.filter((e) => e.type === "EPIC" || e.type === "STORY"), j = k.filter((e) => e.type === "BUG"), M = k.length - A.length - j.length;
 	return /* @__PURE__ */ h("div", {
 		className: "space-y-6 p-6",
 		children: [/* @__PURE__ */ h("div", {
@@ -110,7 +110,7 @@ function w() {
 							className: "text-sm prose prose-sm dark:prose-invert max-w-none",
 							children: O.description ? /* @__PURE__ */ m(x, { children: O.description }) : /* @__PURE__ */ m("p", { children: "No description provided." })
 						}), /* @__PURE__ */ h("div", {
-							className: "grid grid-cols-3 gap-4",
+							className: "grid grid-cols-4 gap-4",
 							children: [
 								/* @__PURE__ */ h("div", {
 									className: "text-center p-3 bg-muted rounded-md",
@@ -132,6 +132,16 @@ function w() {
 										children: "Bug Fixes"
 									})]
 								}),
+								/* @__PURE__ */ h("div", {
+									className: "text-center p-3 bg-muted rounded-md",
+									children: [/* @__PURE__ */ m("p", {
+										className: "text-lg font-semibold mt-1",
+										children: M
+									}), /* @__PURE__ */ m("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Other"
+									})]
+								}),
 								/* @__PURE__ */ h("div", {
 									className: "text-center p-3 bg-muted rounded-md",
 									children: [/* @__PURE__ */ m("p", {

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsReleaseDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Markdown } from '@burdenoff/fe-libs/shared/components';\nimport { GitBranch, Calendar, Clock, Server, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\nimport { ReleaseNotesCard } from '../releases/ReleaseNotesCard';\nimport { ReleaseHeaderActions } from '../controls/ReleaseControls';\nimport { ReleaseGatesCard } from '../releases/ReleaseGatesCard';\nimport { ReleaseReadinessCard } from '../releases/ReleaseReadinessCard';\nimport { ReleaseWorkItemsCard } from '../releases/ReleaseWorkItemsCard';\n\nconst GET_RELEASE = gql`\n  query GetRelease($id: ID!) {\n    planmagnetRelease(id: $id) {\n      id\n      workspaceId\n      projectId\n      name\n      description\n      version\n      status\n      plannedDate\n      releasedAt\n      releaseNotes\n      ownerId\n      tags\n      metadata\n      createdAt\n      updatedAt\n      workItems {\n        id\n        title\n        status\n        type\n        priority\n      }\n    }\n  }\n`;\n\ninterface WorkItemSummary {\n  id: string;\n  title: string;\n  status: string;\n  type: string;\n  priority: string;\n}\n\nconst statusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  PLANNING: 'bg-yellow-100 text-yellow-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  READY: 'bg-orange-100 text-orange-800',\n  RELEASED: 'bg-green-100 text-green-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n  ROLLED_BACK: 'bg-red-100 text-red-800',\n};\n\nexport function ProductsReleaseDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const params = useParams<{ id: string }>();\n  const releaseId = params.id ?? '';\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_RELEASE, {\n      variables: { id: releaseId },\n      skip: !releaseId,\n    });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\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 release: {error.message}</div>;\n  }\n\n  const release = data?.planmagnetRelease;\n  if (!release) return <div className=\"p-6 text-muted-foreground\">Release not found.</div>;\n\n  const workItems: WorkItemSummary[] = release.workItems ?? [];\n  const featureItems = workItems.filter((w) => w.type === 'STORY' || w.type === 'FEATURE');\n  const bugItems = workItems.filter((w) => w.type === 'BUG');\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <GitBranch className=\"h-5 w-5 text-primary\" />\n            <h1 className=\"text-2xl font-semibold\">{release.version}</h1>\n            <span\n              className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[release.status] ?? 'bg-gray-100'}`}\n            >\n              {release.status.toLowerCase().replace('_', ' ')}\n            </span>\n          </div>\n          <p className=\"text-sm text-muted-foreground mt-1\">{release.name}</p>\n        </div>\n        {/* Status, Edit and Delete (BOFF-7952): nothing could release, edit or delete a release. */}\n        <ReleaseHeaderActions\n          releaseId={release.id}\n          version={release.version}\n          status={release.status}\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <ReleaseReadinessCard\n            releaseId={release.id}\n            projectId={release.projectId || null}\n            releaseStatus={release.status}\n            plannedDate={release.plannedDate ?? null}\n          />\n          <Card>\n            <CardHeader>\n              <CardTitle>Overview</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <div className=\"text-sm prose prose-sm dark:prose-invert max-w-none\">\n                {release.description ? (\n                  <Markdown>{release.description}</Markdown>\n                ) : (\n                  <p>No description provided.</p>\n                )}\n              </div>\n              <div className=\"grid grid-cols-3 gap-4\">\n                <div className=\"text-center p-3 bg-muted rounded-md\">\n                  <p className=\"text-lg font-semibold mt-1\">{featureItems.length}</p>\n                  <p className=\"text-xs text-muted-foreground\">Features</p>\n                </div>\n                <div className=\"text-center p-3 bg-muted rounded-md\">\n                  <p className=\"text-lg font-semibold mt-1\">{bugItems.length}</p>\n                  <p className=\"text-xs text-muted-foreground\">Bug Fixes</p>\n                </div>\n                <div className=\"text-center p-3 bg-muted rounded-md\">\n                  <p className=\"text-lg font-semibold mt-1\">{workItems.length}</p>\n                  <p className=\"text-xs text-muted-foreground\">Total Items</p>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n\n          <ReleaseGatesCard\n            releaseId={release.id}\n            projectId={release.projectId ?? null}\n            releaseStatus={release.status}\n          />\n          <ReleaseNotesCard releaseId={release.id} notes={release.releaseNotes ?? null} />\n\n          <ReleaseWorkItemsCard\n            releaseId={release.id}\n            projectId={release.projectId || null}\n            items={workItems}\n          />\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Timeline</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3 text-sm\">\n              <div className=\"flex items-center gap-2\">\n                <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n                <span className=\"text-muted-foreground\">Planned:</span>\n                <span className=\"font-medium\">\n                  {release.plannedDate\n                    ? new Date(release.plannedDate).toLocaleDateString()\n                    : 'Not set'}\n                </span>\n              </div>\n              {release.releasedAt && (\n                <div className=\"flex items-center gap-2\">\n                  <Clock className=\"h-4 w-4 text-green-500\" />\n                  <span className=\"text-muted-foreground\">Released:</span>\n                  <span className=\"font-medium\">\n                    {new Date(release.releasedAt).toLocaleDateString()}\n                  </span>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Version</span>\n                <span className=\"font-medium\">{release.version}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Status</span>\n                <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                  {release.status.toLowerCase().replace('_', ' ')}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Owner</span>\n                <span>\n                  <PersonName id={release.ownerId} />\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Created</span>\n                <span>{new Date(release.createdAt).toLocaleDateString()}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{new Date(release.updatedAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </Card>\n\n          {release.tags?.length > 0 && (\n            <Card>\n              <CardHeader>\n                <CardTitle>Tags</CardTitle>\n              </CardHeader>\n              <CardContent className=\"flex flex-wrap gap-1\">\n                {release.tags.map((tag: string) => (\n                  <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                    {tag}\n                  </Badge>\n                ))}\n              </CardContent>\n            </Card>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsReleaseDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Markdown } from '@burdenoff/fe-libs/shared/components';\nimport { GitBranch, Calendar, Clock, Server, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\nimport { ReleaseNotesCard } from '../releases/ReleaseNotesCard';\nimport { ReleaseHeaderActions } from '../controls/ReleaseControls';\nimport { ReleaseGatesCard } from '../releases/ReleaseGatesCard';\nimport { ReleaseReadinessCard } from '../releases/ReleaseReadinessCard';\nimport { ReleaseWorkItemsCard } from '../releases/ReleaseWorkItemsCard';\n\nconst GET_RELEASE = gql`\n  query GetRelease($id: ID!) {\n    planmagnetRelease(id: $id) {\n      id\n      workspaceId\n      projectId\n      name\n      description\n      version\n      status\n      plannedDate\n      releasedAt\n      releaseNotes\n      ownerId\n      tags\n      metadata\n      createdAt\n      updatedAt\n      workItems {\n        id\n        title\n        status\n        type\n        priority\n      }\n    }\n  }\n`;\n\ninterface WorkItemSummary {\n  id: string;\n  title: string;\n  status: string;\n  type: string;\n  priority: string;\n}\n\nconst statusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  PLANNING: 'bg-yellow-100 text-yellow-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  READY: 'bg-orange-100 text-orange-800',\n  RELEASED: 'bg-green-100 text-green-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n  ROLLED_BACK: 'bg-red-100 text-red-800',\n};\n\nexport function ProductsReleaseDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const params = useParams<{ id: string }>();\n  const releaseId = params.id ?? '';\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_RELEASE, {\n      variables: { id: releaseId },\n      skip: !releaseId,\n    });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\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 release: {error.message}</div>;\n  }\n\n  const release = data?.planmagnetRelease;\n  if (!release) return <div className=\"p-6 text-muted-foreground\">Release not found.</div>;\n\n  const workItems: WorkItemSummary[] = release.workItems ?? [];\n  // The release notes' classification (svc release-notes.ts): EPIC and STORY are features, BUG a fix, the rest other\n  // — so these tiles agree with the notes on the same page and add up to the total (BOFF-7988).\n  const featureItems = workItems.filter((w) => w.type === 'EPIC' || w.type === 'STORY');\n  const bugItems = workItems.filter((w) => w.type === 'BUG');\n  const otherItems = workItems.length - featureItems.length - bugItems.length;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <GitBranch className=\"h-5 w-5 text-primary\" />\n            <h1 className=\"text-2xl font-semibold\">{release.version}</h1>\n            <span\n              className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[release.status] ?? 'bg-gray-100'}`}\n            >\n              {release.status.toLowerCase().replace('_', ' ')}\n            </span>\n          </div>\n          <p className=\"text-sm text-muted-foreground mt-1\">{release.name}</p>\n        </div>\n        {/* Status, Edit and Delete (BOFF-7952): nothing could release, edit or delete a release. */}\n        <ReleaseHeaderActions\n          releaseId={release.id}\n          version={release.version}\n          status={release.status}\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <ReleaseReadinessCard\n            releaseId={release.id}\n            projectId={release.projectId || null}\n            releaseStatus={release.status}\n            plannedDate={release.plannedDate ?? null}\n          />\n          <Card>\n            <CardHeader>\n              <CardTitle>Overview</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <div className=\"text-sm prose prose-sm dark:prose-invert max-w-none\">\n                {release.description ? (\n                  <Markdown>{release.description}</Markdown>\n                ) : (\n                  <p>No description provided.</p>\n                )}\n              </div>\n              <div className=\"grid grid-cols-4 gap-4\">\n                <div className=\"text-center p-3 bg-muted rounded-md\">\n                  <p className=\"text-lg font-semibold mt-1\">{featureItems.length}</p>\n                  <p className=\"text-xs text-muted-foreground\">Features</p>\n                </div>\n                <div className=\"text-center p-3 bg-muted rounded-md\">\n                  <p className=\"text-lg font-semibold mt-1\">{bugItems.length}</p>\n                  <p className=\"text-xs text-muted-foreground\">Bug Fixes</p>\n                </div>\n                <div className=\"text-center p-3 bg-muted rounded-md\">\n                  <p className=\"text-lg font-semibold mt-1\">{otherItems}</p>\n                  <p className=\"text-xs text-muted-foreground\">Other</p>\n                </div>\n                <div className=\"text-center p-3 bg-muted rounded-md\">\n                  <p className=\"text-lg font-semibold mt-1\">{workItems.length}</p>\n                  <p className=\"text-xs text-muted-foreground\">Total Items</p>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n\n          <ReleaseGatesCard\n            releaseId={release.id}\n            projectId={release.projectId ?? null}\n            releaseStatus={release.status}\n          />\n          <ReleaseNotesCard releaseId={release.id} notes={release.releaseNotes ?? null} />\n\n          <ReleaseWorkItemsCard\n            releaseId={release.id}\n            projectId={release.projectId || null}\n            items={workItems}\n          />\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Timeline</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3 text-sm\">\n              <div className=\"flex items-center gap-2\">\n                <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n                <span className=\"text-muted-foreground\">Planned:</span>\n                <span className=\"font-medium\">\n                  {release.plannedDate\n                    ? new Date(release.plannedDate).toLocaleDateString()\n                    : 'Not set'}\n                </span>\n              </div>\n              {release.releasedAt && (\n                <div className=\"flex items-center gap-2\">\n                  <Clock className=\"h-4 w-4 text-green-500\" />\n                  <span className=\"text-muted-foreground\">Released:</span>\n                  <span className=\"font-medium\">\n                    {new Date(release.releasedAt).toLocaleDateString()}\n                  </span>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Version</span>\n                <span className=\"font-medium\">{release.version}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Status</span>\n                <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                  {release.status.toLowerCase().replace('_', ' ')}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Owner</span>\n                <span>\n                  <PersonName id={release.ownerId} />\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Created</span>\n                <span>{new Date(release.createdAt).toLocaleDateString()}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{new Date(release.updatedAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </Card>\n\n          {release.tags?.length > 0 && (\n            <Card>\n              <CardHeader>\n                <CardTitle>Tags</CardTitle>\n              </CardHeader>\n              <CardContent className=\"flex flex-wrap gap-1\">\n                {release.tags.map((tag: string) => (\n                  <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                    {tag}\n                  </Badge>\n                ))}\n              </CardContent>\n            </Card>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsReleasesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsReleasesPagePage.tsx"],"names":[],"mappings":"AA6EA,wBAAgB,wBAAwB,4CAiIvC"}
+{"version":3,"file":"ProductsReleasesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsReleasesPagePage.tsx"],"names":[],"mappings":"AA6EA,wBAAgB,wBAAwB,4CAsIvC"}

package/dist/planmagnet/pages/ProductsReleasesPagePage.js

@@ -80,9 +80,9 @@ function S() {
 				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
 					className: "text-2xl font-semibold",
 					children: "Releases"
-				}), /* @__PURE__ */ p("p", {
+				}), /* @__PURE__ */ f("p", {
 					className: "text-sm text-muted-foreground",
-					children: [k, " releases across all products"]
+					children: C === "all" ? `${k} releases across all products` : `${k} ${C.toLowerCase().replace("_", " ")} match`
 				})] }), /* @__PURE__ */ f(a, { onCreated: (e) => S(r("/products/release-detail-page", e)) })]
 			}),
 			/* @__PURE__ */ f("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsReleasesPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsReleasesPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { Calendar, Package, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { NewReleaseDialog } from '../create/CreateDialogs';\n\nconst LIST_RELEASES = gql`\n  query ListReleases(\n    $workspaceId: ID!\n    $filter: PlanmagnetReleaseFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetReleases(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        workspaceId\n        projectId\n        name\n        description\n        version\n        status\n        plannedDate\n        releasedAt\n        releaseNotes\n        ownerId\n        tags\n        createdAt\n        updatedAt\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ReleaseNode {\n  id: string;\n  name: string;\n  description: string | null;\n  version: string;\n  status: string;\n  plannedDate: string | null;\n  releasedAt: string | null;\n  releaseNotes: string | null;\n  ownerId: string;\n  tags: string[];\n  createdAt: string;\n  updatedAt: string;\n}\n\n// Every ReleaseStatus: STAGING and ROLLED_BACK had no tab (BOFF-7985).\nconst statusTabs = [\n  'all',\n  'DRAFT',\n  'PLANNING',\n  'IN_PROGRESS',\n  'READY',\n  'STAGING',\n  'RELEASED',\n  'ROLLED_BACK',\n  'CANCELLED',\n] as const;\nconst statusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  PLANNING: 'bg-yellow-100 text-yellow-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  READY: 'bg-orange-100 text-orange-800',\n  RELEASED: 'bg-green-100 text-green-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n  ROLLED_BACK: 'bg-red-100 text-red-800',\n};\n\nexport function ProductsReleasesPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [activeTab, setActiveTab] = useState<string>('all');\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(LIST_RELEASES, {\n      variables: {\n        workspaceId,\n        filter: activeTab !== 'all' ? { status: activeTab } : undefined,\n        pagination: { first: 50 },\n      },\n      skip: !workspaceId,\n    });\n\n  // Only before the first load: a refetch after a create must not blank the page.\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 releases: {error.message}</div>;\n  }\n\n  const releases: ReleaseNode[] = data?.planmagnetReleases?.items ?? [];\n  const totalCount = data?.planmagnetReleases?.totalCount ?? 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Releases</h1>\n          <p className=\"text-sm text-muted-foreground\">{totalCount} releases across all products</p>\n        </div>\n        <NewReleaseDialog\n          onCreated={(id) => navigate(detailPath('/products/release-detail-page', id))}\n        />\n      </div>\n\n      <div className=\"flex gap-1 border-b pb-1\">\n        {statusTabs.map((tab) => (\n          <button\n            key={tab}\n            onClick={() => setActiveTab(tab)}\n            className={`px-3 py-1.5 text-sm rounded-md capitalize ${activeTab === tab ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n          >\n            {tab === 'all' ? 'All' : tab.toLowerCase().replace('_', ' ')}\n          </button>\n        ))}\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {releases.map((release) => (\n          <Card\n            key={release.id}\n            {...rowLinkProps(\n              () => navigate(detailPath('/products/release-detail-page', release.id)),\n              release.name\n            )}\n          >\n            <CardHeader className=\"pb-2\">\n              <div className=\"flex items-center justify-between\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-lg font-semibold\">{release.version}</span>\n                </div>\n                <span\n                  className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[release.status] ?? 'bg-gray-100'}`}\n                >\n                  {release.status.toLowerCase().replace('_', ' ')}\n                </span>\n              </div>\n              <CardTitle className=\"text-sm font-medium\">{release.name}</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <p className=\"text-sm text-muted-foreground\">\n                {release.description ?? 'No description'}\n              </p>\n\n              <div className=\"flex items-center gap-4 text-sm\">\n                <div className=\"flex items-center gap-1 text-muted-foreground\">\n                  <Package className=\"h-3.5 w-3.5\" />\n                  Owner: <PersonName id={release.ownerId} />\n                </div>\n                <div className=\"flex items-center gap-1 text-muted-foreground\">\n                  <Calendar className=\"h-3.5 w-3.5\" />\n                  {release.plannedDate\n                    ? new Date(release.plannedDate).toLocaleDateString()\n                    : 'No date'}\n                </div>\n              </div>\n\n              {release.tags.length > 0 && (\n                <div className=\"flex gap-1 flex-wrap\">\n                  {release.tags.map((tag) => (\n                    <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                      {tag}\n                    </Badge>\n                  ))}\n                </div>\n              )}\n\n              {release.releaseNotes && (\n                <div className=\"border-t pt-2\">\n                  <p className=\"text-xs font-medium text-muted-foreground mb-1\">\n                    Release Notes Preview\n                  </p>\n                  <p className=\"text-xs text-muted-foreground line-clamp-3\">\n                    {release.releaseNotes}\n                  </p>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n      {releases.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">No releases match this filter.</p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAYA,IAAM,IAAgB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CnB,IAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACK,IAAsC;CAC1C,OAAO;CACP,UAAU;CACV,aAAa;CACb,OAAO;CACP,UAAU;CACV,WAAW;CACX,aAAa;CACd;AAED,SAAgB,IAA2B;CACzC,IAAM,EAAE,mBAAgB,GAAe,EACjC,IAAW,GAAuB,EAClC,CAAC,GAAW,KAAgB,EAAiB,MAAM,EAEnD,EACJ,SACA,YACA,aAGA,EAA8B,GAAe;EAC3C,WAAW;GACT;GACA,QAAQ,MAAc,QAAgC,KAAA,IAAxB,EAAE,QAAQ,GAAW;GACnD,YAAY,EAAE,OAAO,IAAI;GAC1B;EACD,MAAM,CAAC;EACR,CAAC;AAGJ,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,8CAA+C,CAAA;EAC9D,CAAA;AAIV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAsC,6BAA0B,EAAM,QAAc;;CAG7F,IAAM,IAA0B,GAAM,oBAAoB,SAAS,EAAE,EAC/D,IAAa,GAAM,oBAAoB,cAAc;AAE3D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAyB;KAAa,CAAA,EACpD,kBAAC,KAAD;KAAG,WAAU;eAAb,CAA8C,GAAW,gCAAiC;OACtF,EAAA,CAAA,EACN,kBAAC,GAAD,EACE,YAAY,MAAO,EAAS,EAAW,iCAAiC,EAAG,CAAC,EAC5E,CAAA,CACE;;GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAW,KAAK,MACf,kBAAC,UAAD;KAEE,eAAe,EAAa,EAAI;KAChC,WAAW,6CAA6C,MAAc,IAAM,uCAAuC;eAElH,MAAQ,QAAQ,QAAQ,EAAI,aAAa,CAAC,QAAQ,KAAK,IAAI;KACrD,EALF,EAKE,CACT;IACE,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,KAAK,MACb,kBAAC,GAAD;KAEE,GAAI,QACI,EAAS,EAAW,iCAAiC,EAAQ,GAAG,CAAC,EACvE,EAAQ,KACT;eALH,CAOE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,QAAD;SAAM,WAAU;mBAAyB,EAAQ;SAAe,CAAA;QAC5D,CAAA,EACN,kBAAC,QAAD;QACE,WAAW,+CAA+C,EAAY,EAAQ,WAAW;kBAExF,EAAQ,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;QAC1C,CAAA,CACH;UACN,kBAAC,GAAD;OAAW,WAAU;iBAAuB,EAAQ;OAAiB,CAAA,CAC1D;SACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAQ,eAAe;QACtB,CAAA;OAEJ,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,GAAD,EAAS,WAAU,eAAgB,CAAA;;UAC5B,kBAAC,GAAD,EAAY,IAAI,EAAQ,SAAW,CAAA;UACtC;YACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA,EACnC,EAAQ,cACL,IAAI,KAAK,EAAQ,YAAY,CAAC,oBAAoB,GAClD,UACA;WACF;;OAEL,EAAQ,KAAK,SAAS,KACrB,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAQ,KAAK,KAAK,MACjB,kBAAC,GAAD;SAAiB,SAAQ;SAAU,WAAU;mBAC1C;SACK,EAFI,EAEJ,CACR;QACE,CAAA;OAGP,EAAQ,gBACP,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAiD;SAE1D,CAAA,EACJ,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAQ;SACP,CAAA,CACA;;OAEI;QACT;OA1DA,EAAQ,GA0DR,CACP;IACE,CAAA;GACL,EAAS,WAAW,KACnB,kBAAC,KAAD;IAAG,WAAU;cAAyC;IAAkC,CAAA;GAEtF"}
+{"version":3,"file":"ProductsReleasesPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsReleasesPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { Calendar, Package, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { NewReleaseDialog } from '../create/CreateDialogs';\n\nconst LIST_RELEASES = gql`\n  query ListReleases(\n    $workspaceId: ID!\n    $filter: PlanmagnetReleaseFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetReleases(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        workspaceId\n        projectId\n        name\n        description\n        version\n        status\n        plannedDate\n        releasedAt\n        releaseNotes\n        ownerId\n        tags\n        createdAt\n        updatedAt\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ReleaseNode {\n  id: string;\n  name: string;\n  description: string | null;\n  version: string;\n  status: string;\n  plannedDate: string | null;\n  releasedAt: string | null;\n  releaseNotes: string | null;\n  ownerId: string;\n  tags: string[];\n  createdAt: string;\n  updatedAt: string;\n}\n\n// Every ReleaseStatus: STAGING and ROLLED_BACK had no tab (BOFF-7985).\nconst statusTabs = [\n  'all',\n  'DRAFT',\n  'PLANNING',\n  'IN_PROGRESS',\n  'READY',\n  'STAGING',\n  'RELEASED',\n  'ROLLED_BACK',\n  'CANCELLED',\n] as const;\nconst statusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  PLANNING: 'bg-yellow-100 text-yellow-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  READY: 'bg-orange-100 text-orange-800',\n  RELEASED: 'bg-green-100 text-green-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n  ROLLED_BACK: 'bg-red-100 text-red-800',\n};\n\nexport function ProductsReleasesPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [activeTab, setActiveTab] = useState<string>('all');\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(LIST_RELEASES, {\n      variables: {\n        workspaceId,\n        filter: activeTab !== 'all' ? { status: activeTab } : undefined,\n        pagination: { first: 50 },\n      },\n      skip: !workspaceId,\n    });\n\n  // Only before the first load: a refetch after a create must not blank the page.\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 releases: {error.message}</div>;\n  }\n\n  const releases: ReleaseNode[] = data?.planmagnetReleases?.items ?? [];\n  const totalCount = data?.planmagnetReleases?.totalCount ?? 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Releases</h1>\n          {/* Under a tab, the count is of what matches it (BOFF-7990). */}\n          <p className=\"text-sm text-muted-foreground\">\n            {activeTab === 'all'\n              ? `${totalCount} releases across all products`\n              : `${totalCount} ${activeTab.toLowerCase().replace('_', ' ')} match`}\n          </p>\n        </div>\n        <NewReleaseDialog\n          onCreated={(id) => navigate(detailPath('/products/release-detail-page', id))}\n        />\n      </div>\n\n      <div className=\"flex gap-1 border-b pb-1\">\n        {statusTabs.map((tab) => (\n          <button\n            key={tab}\n            onClick={() => setActiveTab(tab)}\n            className={`px-3 py-1.5 text-sm rounded-md capitalize ${activeTab === tab ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n          >\n            {tab === 'all' ? 'All' : tab.toLowerCase().replace('_', ' ')}\n          </button>\n        ))}\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {releases.map((release) => (\n          <Card\n            key={release.id}\n            {...rowLinkProps(\n              () => navigate(detailPath('/products/release-detail-page', release.id)),\n              release.name\n            )}\n          >\n            <CardHeader className=\"pb-2\">\n              <div className=\"flex items-center justify-between\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-lg font-semibold\">{release.version}</span>\n                </div>\n                <span\n                  className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[release.status] ?? 'bg-gray-100'}`}\n                >\n                  {release.status.toLowerCase().replace('_', ' ')}\n                </span>\n              </div>\n              <CardTitle className=\"text-sm font-medium\">{release.name}</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <p className=\"text-sm text-muted-foreground\">\n                {release.description ?? 'No description'}\n              </p>\n\n              <div className=\"flex items-center gap-4 text-sm\">\n                <div className=\"flex items-center gap-1 text-muted-foreground\">\n                  <Package className=\"h-3.5 w-3.5\" />\n                  Owner: <PersonName id={release.ownerId} />\n                </div>\n                <div className=\"flex items-center gap-1 text-muted-foreground\">\n                  <Calendar className=\"h-3.5 w-3.5\" />\n                  {release.plannedDate\n                    ? new Date(release.plannedDate).toLocaleDateString()\n                    : 'No date'}\n                </div>\n              </div>\n\n              {release.tags.length > 0 && (\n                <div className=\"flex gap-1 flex-wrap\">\n                  {release.tags.map((tag) => (\n                    <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                      {tag}\n                    </Badge>\n                  ))}\n                </div>\n              )}\n\n              {release.releaseNotes && (\n                <div className=\"border-t pt-2\">\n                  <p className=\"text-xs font-medium text-muted-foreground mb-1\">\n                    Release Notes Preview\n                  </p>\n                  <p className=\"text-xs text-muted-foreground line-clamp-3\">\n                    {release.releaseNotes}\n                  </p>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n      {releases.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">No releases match this filter.</p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsRoadmapAnalyticsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsRoadmapAnalyticsPagePage.tsx"],"names":[],"mappings":"AA6DA,wBAAgB,gCAAgC,4CA2V/C"}
+{"version":3,"file":"ProductsRoadmapAnalyticsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsRoadmapAnalyticsPagePage.tsx"],"names":[],"mappings":"AA2CA,wBAAgB,gCAAgC,4CAiW/C"}