@burdenoff/microfe-planmagnet 2026.927.3 → 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":"AA8DA,wBAAgB,6BAA6B,4CA2L5C"}
+{"version":3,"file":"ProductsReleaseDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx"],"names":[],"mappings":"AA+DA,wBAAgB,6BAA6B,4CAqM5C"}