@burdenoff/microfe-planmagnet 2026.925.17 → 2026.926.1

package/dist/planmagnet/pages/ProductsProductsPagePage.js

@@ -1,15 +1,16 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
 import { PersonName as n } from "../people/People.js";
-import { detailPath as r, rowLinkProps as i } from "../utils/rowNavigation.js";
-import { useState as a } from "react";
-import { Calendar as o, GitBranch as s, Loader2 as c, Map as l, Package as u, Plus as d } from "lucide-react";
-import { gql as f } from "@apollo/client";
-import { useQuery as p } from "@apollo/client/react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as _, Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S } from "@burdenoff/fe-libs/ui";
+import { PlanningFocusBadge as r, planningFocusLabel as i } from "../roadmaps/planningFocus.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";
 //#region src/planmagnet/pages/ProductsProductsPagePage.tsx
-var C = f`
+var w = m`
   query ListRoadmaps($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {
     planmagnetRoadmaps(workspaceId: $workspaceId, pagination: $pagination) {
       items {
@@ -18,6 +19,7 @@ var C = f`
         name
         description
         type
+        planningFocus
         isPublic
         ownerId
         metadata
@@ -33,185 +35,175 @@ var C = f`
       totalCount
     }
   }
-`, w = f`
+`, T = m`
   query ListFeatureRequestsForProducts($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {
     planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: $pagination) {
       totalCount
     }
   }
-`, T = f`
+`, E = m`
   query ListReleasesForProducts($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {
     planmagnetReleases(workspaceId: $workspaceId, pagination: $pagination) {
       totalCount
     }
   }
 `;
-function E() {
-	let { workspaceId: f } = e(), E = t(), { t: D } = g(), [O, k] = a("grid"), { data: A, loading: j, error: M } = p(C, {
+function D() {
+	let { workspaceId: m } = e(), D = t(), { t: O } = v(), [k, A] = s("grid"), { data: j, loading: M, error: N } = h(w, {
 		variables: {
-			workspaceId: f,
+			workspaceId: m,
 			pagination: { first: 50 }
 		},
-		skip: !f
-	}), { data: N } = p(w, {
+		skip: !m
+	}), { data: P } = h(T, {
 		variables: {
-			workspaceId: f,
+			workspaceId: m,
 			pagination: { first: 1 }
 		},
-		skip: !f
-	}), { data: P } = p(T, {
+		skip: !m
+	}), { data: F } = h(E, {
 		variables: {
-			workspaceId: f,
+			workspaceId: m,
 			pagination: { first: 1 }
 		},
-		skip: !f
+		skip: !m
 	});
-	if (j && !A) return /* @__PURE__ */ m("div", {
+	if (M && !j) return /* @__PURE__ */ g("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ m(c, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		children: /* @__PURE__ */ g(u, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (M) return /* @__PURE__ */ h("div", {
+	if (N) return /* @__PURE__ */ _("div", {
 		className: "p-6 text-destructive",
 		children: [
-			D("planmagnet.products.errorLoading", "Failed to load products"),
+			O("planmagnet.products.errorLoading", "Failed to load products"),
 			": ",
-			M.message
+			N.message
 		]
 	});
-	let F = A?.planmagnetRoadmaps?.items ?? [], I = A?.planmagnetRoadmaps?.totalCount ?? 0, L = N?.planmagnetFeatureRequests?.totalCount ?? 0, R = P?.planmagnetReleases?.totalCount ?? 0, z = (e) => {
-		switch (e) {
-			case "TIMELINE": return "default";
-			case "GANTT": return "secondary";
-			case "SWIMLANE": return "outline";
-			default: return "outline";
-		}
-	};
-	return /* @__PURE__ */ h("div", {
+	let I = j?.planmagnetRoadmaps?.items ?? [], L = j?.planmagnetRoadmaps?.totalCount ?? 0, R = P?.planmagnetFeatureRequests?.totalCount ?? 0, z = F?.planmagnetReleases?.totalCount ?? 0;
+	return /* @__PURE__ */ _("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("h1", {
+				children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("h1", {
 					className: "text-2xl font-semibold flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ m(u, { className: "h-6 w-6" }),
+						/* @__PURE__ */ g(f, { className: "h-6 w-6" }),
 						" ",
-						D("planmagnet.products.title", "Products")
+						O("planmagnet.products.title", "Products")
 					]
-				}), /* @__PURE__ */ m("p", {
+				}), /* @__PURE__ */ g("p", {
 					className: "text-sm text-muted-foreground mt-1",
-					children: D("planmagnet.products.subtitle", "Manage your product portfolio and track feature development")
-				})] }), /* @__PURE__ */ h(v, {
+					children: O("planmagnet.products.subtitle", "Manage your product portfolio and track feature development")
+				})] }), /* @__PURE__ */ _(y, {
 					size: "sm",
-					onClick: () => E("/products/create-product-page"),
-					children: [/* @__PURE__ */ m(d, { className: "h-4 w-4 mr-1" }), D("planmagnet.products.actions.newProduct", "New Product")]
+					onClick: () => D("/products/create-product-page"),
+					children: [/* @__PURE__ */ g(p, { className: "h-4 w-4 mr-1" }), O("planmagnet.products.actions.newProduct", "New Product")]
 				})]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ g("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
 					{
-						label: D("planmagnet.products.metrics.totalProducts", "Total Products"),
-						val: I,
-						icon: u,
+						label: O("planmagnet.products.metrics.totalProducts", "Total Products"),
+						val: L,
+						icon: f,
 						color: "text-blue-500"
 					},
 					{
-						label: D("planmagnet.products.metrics.activeFeatures", "Active Features"),
-						val: L,
-						icon: s,
+						label: O("planmagnet.products.metrics.activeFeatures", "Active Features"),
+						val: R,
+						icon: l,
 						color: "text-green-500"
 					},
 					{
-						label: D("planmagnet.products.metrics.releases", "Releases"),
-						val: R,
-						icon: o,
+						label: O("planmagnet.products.metrics.releases", "Releases"),
+						val: z,
+						icon: c,
 						color: "text-purple-500"
 					},
 					{
-						label: D("planmagnet.products.metrics.roadmaps", "Roadmaps"),
-						val: I,
-						icon: l,
+						label: O("planmagnet.products.metrics.roadmaps", "Roadmaps"),
+						val: L,
+						icon: d,
 						color: "text-orange-500"
 					}
-				].map((e) => /* @__PURE__ */ m(y, { children: /* @__PURE__ */ m(b, {
+				].map((e) => /* @__PURE__ */ g(b, { children: /* @__PURE__ */ g(x, {
 					className: "pt-6",
-					children: /* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ _("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+						children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 							className: "text-sm text-muted-foreground",
 							children: e.label
-						}), /* @__PURE__ */ m("p", {
+						}), /* @__PURE__ */ g("p", {
 							className: "text-2xl font-bold",
 							children: e.val
-						})] }), /* @__PURE__ */ m(e.icon, { className: `h-8 w-8 ${e.color} opacity-60` })]
+						})] }), /* @__PURE__ */ g(e.icon, { className: `h-8 w-8 ${e.color} opacity-60` })]
 					})
 				}) }, e.label))
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ g("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-2",
-				children: F.map((e) => /* @__PURE__ */ h(y, {
-					...i(() => E(r("/products/product-detail-page", e.id)), e.name),
-					children: [/* @__PURE__ */ m(x, { children: /* @__PURE__ */ h("div", {
+				children: I.map((e) => /* @__PURE__ */ _(b, {
+					...o(() => D(a("/products/product-detail-page", e.id)), e.name),
+					children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ _("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ m(S, {
+						children: [/* @__PURE__ */ g(C, {
 							className: "text-base",
 							children: e.name
-						}), /* @__PURE__ */ m(_, {
-							variant: z(e.type),
-							children: e.type.toLowerCase()
-						})]
-					}) }), /* @__PURE__ */ h(b, {
+						}), /* @__PURE__ */ g(r, { focus: e.planningFocus })]
+					}) }), /* @__PURE__ */ _(x, {
 						className: "space-y-3",
 						children: [
-							/* @__PURE__ */ m("p", {
+							/* @__PURE__ */ g("p", {
 								className: "text-sm text-muted-foreground",
-								children: e.description ?? D("planmagnet.products.shared.noDescription", "No description")
+								children: e.description ?? O("planmagnet.products.shared.noDescription", "No description")
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ _("div", {
 								className: "grid grid-cols-3 gap-2 text-center",
 								children: [
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ _("div", {
 										className: "rounded border p-2",
-										children: [/* @__PURE__ */ m("p", {
+										children: [/* @__PURE__ */ g("p", {
 											className: "text-lg font-bold",
 											children: e.items?.length ?? 0
-										}), /* @__PURE__ */ m("p", {
+										}), /* @__PURE__ */ g("p", {
 											className: "text-xs text-muted-foreground",
-											children: D("planmagnet.products.shared.items", "Items")
+											children: O("planmagnet.products.shared.items", "Items")
 										})]
 									}),
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ _("div", {
 										className: "rounded border p-2",
-										children: [/* @__PURE__ */ m("p", {
+										children: [/* @__PURE__ */ g("p", {
 											className: "text-lg font-bold",
-											children: e.isPublic ? D("planmagnet.products.shared.public", "Public") : D("planmagnet.products.shared.private", "Private")
-										}), /* @__PURE__ */ m("p", {
+											children: e.isPublic ? O("planmagnet.products.shared.public", "Public") : O("planmagnet.products.shared.private", "Private")
+										}), /* @__PURE__ */ g("p", {
 											className: "text-xs text-muted-foreground",
-											children: D("planmagnet.products.shared.visibility", "Visibility")
+											children: O("planmagnet.products.shared.visibility", "Visibility")
 										})]
 									}),
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ _("div", {
 										className: "rounded border p-2",
-										children: [/* @__PURE__ */ m("p", {
+										children: [/* @__PURE__ */ g("p", {
 											className: "text-lg font-bold",
-											children: e.type.toLowerCase()
-										}), /* @__PURE__ */ m("p", {
+											children: i(e.planningFocus)
+										}), /* @__PURE__ */ g("p", {
 											className: "text-xs text-muted-foreground",
-											children: D("planmagnet.products.shared.type", "Type")
+											children: O("planmagnet.products.shared.planningFocus", "Planning focus")
 										})]
 									})
 								]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex items-center justify-between text-xs text-muted-foreground",
-								children: [/* @__PURE__ */ h("span", { children: [
-									D("planmagnet.products.shared.owner", "Owner"),
+								children: [/* @__PURE__ */ _("span", { children: [
+									O("planmagnet.products.shared.owner", "Owner"),
 									":",
 									" ",
-									/* @__PURE__ */ m(n, { id: e.ownerId })
-								] }), /* @__PURE__ */ h("span", { children: [
-									D("planmagnet.products.shared.updated", "Updated"),
+									/* @__PURE__ */ g(n, { id: e.ownerId })
+								] }), /* @__PURE__ */ _("span", { children: [
+									O("planmagnet.products.shared.updated", "Updated"),
 									" ",
 									new Date(e.updatedAt).toLocaleDateString()
 								] })]
@@ -224,6 +216,6 @@ function E() {
 	});
 }
 //#endregion
-export { E as ProductsProductsPagePage };
+export { D 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';\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        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  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  const typeLabel = (t: string) => {\n    switch (t) {\n      case 'TIMELINE':\n        return 'default';\n      case 'GANTT':\n        return 'secondary';\n      case 'SWIMLANE':\n        return 'outline';\n      default:\n        return 'outline';\n    }\n  };\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                <Badge variant={typeLabel(roadmap.type)}>{roadmap.type.toLowerCase()}</Badge>\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\">{roadmap.type.toLowerCase()}</p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {t('planmagnet.products.shared.type', 'Type')}\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":";;;;;;;;;;;AAYA,IAAM,IAAgB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;GA0BnB,IAAwB,CAAG;;;;;;GAQ3B,IAAgB,CAAG;;;;;;;AAoBzB,SAAgB,IAA2B;CACzC,IAAM,EAAE,mBAAgB,GAAe,EACjC,IAAW,GAAuB,EAClC,EAAE,SAAM,GAAS,EACjB,CAAC,GAAM,KAAW,EAA0B,OAAO,EAEnD,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MAEL,EAA8B,GAAe;EAE/C,WAAW;GAAE;GAAa,YAAY,EAAE,OAAO,IAAI;GAAE;EACrD,MAAM,CAAC;EACR,CAAC,EAEI,EACJ,MAAM,MAGN,EAA8B,GAAuB;EACnD,WAAW;GAAE;GAAa,YAAY,EAAE,OAAO,GAAG;GAAE;EACpD,MAAM,CAAC;EACR,CAAC,EAEE,EACJ,MAAM,MAGN,EAA8B,GAAe;EAC3C,WAAW;GAAE;GAAa,YAAY,EAAE,OAAO,GAAG;GAAE;EACpD,MAAM,CAAC;EACR,CAAC;AAGJ,KAAI,KAAmB,CAAC,EACtB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,8CAA+C,CAAA;EAC9D,CAAA;AAIV,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACG,EAAE,oCAAoC,0BAA0B;GAAC;GAAG,EAAc;GAC/E;;CAIV,IAAM,IAA0B,GAAc,oBAAoB,SAAS,EAAE,EACvE,IAAgB,GAAc,oBAAoB,cAAc,GAChE,IAAgB,GAAc,2BAA2B,cAAc,GACvE,IAAgB,GAAc,oBAAoB,cAAc,GAEhE,KAAa,MAAc;AAC/B,UAAQ,GAAR;GACE,KAAK,WACH,QAAO;GACT,KAAK,QACH,QAAO;GACT,KAAK,WACH,QAAO;GACT,QACE,QAAO;;;AAIb,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd;MACE,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;;MAAE,EAAE,6BAA6B,WAAW;MACxE;QACL,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,gCACA,8DACD;KACC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,GAAD;KAAQ,MAAK;KAAK,eAAe,EAAS,gCAAgC;eAA1E,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAChC,EAAE,0CAA0C,cAAc,CACpD;OACL;;GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ;KACC;MACE,OAAO,EAAE,6CAA6C,iBAAiB;MACvE,KAAK;MACL,MAAM;MACN,OAAO;MACR;KACD;MACE,OAAO,EAAE,8CAA8C,kBAAkB;MACzE,KAAK;MACL,MAAM;MACN,OAAO;MACR;KACD;MACE,OAAO,EAAE,wCAAwC,WAAW;MAC5D,KAAK;MACL,MAAM;MACN,OAAO;MACR;KACD;MACE,OAAO,EAAE,wCAAwC,WAAW;MAC5D,KAAK;MACL,MAAM;MACN,OAAO;MACR;KACF,CAAC,KAAK,MACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAa,WAAU;eACrB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAiC,EAAE;OAAU,CAAA,EAC1D,kBAAC,KAAD;OAAG,WAAU;iBAAsB,EAAE;OAAQ,CAAA,CACzC,EAAA,CAAA,EACN,kBAAC,EAAE,MAAH,EAAQ,WAAW,WAAW,EAAE,MAAM,cAAgB,CAAA,CAClD;;KACM,CAAA,EACT,EAVI,EAAE,MAUN,CACP;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,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAa,EAAQ;OAAiB,CAAA,EAC3D,kBAAC,GAAD;OAAO,SAAS,EAAU,EAAQ,KAAK;iBAAG,EAAQ,KAAK,aAAa;OAAS,CAAA,CACzE;SACK,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAQ,eACP,EAAE,4CAA4C,iBAAiB;QAC/D,CAAA;OACJ,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAqB,EAAQ,OAAO,UAAU;WAAM,CAAA,EACjE,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAE,oCAAoC,QAAQ;WAC7C,CAAA,CACA;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAQ,WACL,EAAE,qCAAqC,SAAS,GAChD,EAAE,sCAAsC,UAAU;WACpD,CAAA,EACJ,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAE,yCAAyC,aAAa;WACvD,CAAA,CACA;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAqB,EAAQ,KAAK,aAAa;WAAK,CAAA,EACjE,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAE,mCAAmC,OAAO;WAC3C,CAAA,CACA;;SACF;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;SACG,EAAE,oCAAoC,QAAQ;SAAC;SAAE;SAClD,kBAAC,GAAD,EAAY,IAAI,EAAQ,SAAW,CAAA;SAC9B,EAAA,CAAA,EACP,kBAAC,QAAD,EAAA,UAAA;SACG,EAAE,sCAAsC,UAAU;SAAE;SACpD,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB;SAC5C,EAAA,CAAA,CACH;;OACM;QACT;OApDA,EAAQ,GAoDR,CACP;IACE,CAAA;GACF"}
+{"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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"}

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":"AA6DA,wBAAgB,6BAA6B,4CA+M5C"}
+{"version":3,"file":"ProductsReleaseDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx"],"names":[],"mappings":"AA8DA,wBAAgB,6BAA6B,4CA2L5C"}