@burdenoff/microfe-planmagnet 2026.830.1 → 2026.923.2

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 { GitBranch, Calendar, Package, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\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\nconst statusTabs = [\n  'all',\n  'DRAFT',\n  'PLANNING',\n  'IN_PROGRESS',\n  'READY',\n  'RELEASED',\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 [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  if (loading) {\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        <Button size=\"sm\">\n          <GitBranch className=\"mr-1 h-4 w-4\" />\n          New Release\n        </Button>\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 key={release.id}>\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: {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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"}
+{"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 { GitBranch, Calendar, Package, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\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\nconst statusTabs = [\n  'all',\n  'DRAFT',\n  'PLANNING',\n  'IN_PROGRESS',\n  'READY',\n  'RELEASED',\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  if (loading) {\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        <Button size=\"sm\">\n          <GitBranch className=\"mr-1 h-4 w-4\" />\n          New Release\n        </Button>\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: {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":";;;;;;;;;AAUA,IAAM,IAAgB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CnB,IAAa;CACjB;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;AAEJ,KAAI,EACF,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;KAAQ,MAAK;eAAb,CACE,kBAAC,GAAD,EAAW,WAAU,gBAAiB,CAAA,EAAA,cAE/B;OACL;;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;;UAC3B,EAAQ;UACZ;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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsRoadmapsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsRoadmapsPagePage.tsx"],"names":[],"mappings":"AAkEA,wBAAgB,wBAAwB,4CAkKvC"}
+{"version":3,"file":"ProductsRoadmapsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsRoadmapsPagePage.tsx"],"names":[],"mappings":"AAmEA,wBAAgB,wBAAwB,4CAwKvC"}

package/dist/planmagnet/pages/ProductsRoadmapsPagePage.js

@@ -1,12 +1,13 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
-import { useState as n } from "react";
-import { Calendar as r, Filter as i, Loader2 as a, Map as o, Plus as s } from "lucide-react";
-import { gql as c } from "@apollo/client";
-import { useQuery as l } from "@apollo/client/react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Badge as f, Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _ } from "@burdenoff/fe-libs/ui";
+import { detailPath as n, rowLinkProps as r } from "../utils/rowNavigation.js";
+import { useState as i } from "react";
+import { Calendar as a, Filter as o, Loader2 as s, Map as c, Plus as l } from "lucide-react";
+import { gql as u } from "@apollo/client";
+import { useQuery as d } from "@apollo/client/react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Badge as m, Button as h, Card as g, CardContent as _, CardHeader as v, CardTitle as y } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProductsRoadmapsPagePage.tsx
-var v = c`
+var b = u`
   query ListRoadmapsPage(
     $workspaceId: ID!
     $filter: PlanmagnetRoadmapFilter
@@ -34,158 +35,161 @@ var v = c`
       totalCount
     }
   }
-`, y = {
+`, x = {
 	TIMELINE: "bg-purple-100 text-purple-800",
 	GANTT: "bg-orange-100 text-orange-800",
 	SWIMLANE: "bg-green-100 text-green-800",
 	CUSTOM: "bg-blue-100 text-blue-800"
 };
-function b() {
-	let c = t(), { workspaceId: b } = e(), [x, S] = n("all"), [C, w] = n("all"), { data: T, loading: E, error: D } = l(v, {
+function S() {
+	let u = t(), { workspaceId: S } = e(), [C, w] = i("all"), [T, E] = i("all"), { data: D, loading: O, error: k } = d(b, {
 		variables: {
-			workspaceId: b,
+			workspaceId: S,
 			pagination: { first: 50 }
 		},
-		skip: !b
+		skip: !S
 	});
-	if (E) return /* @__PURE__ */ u("div", {
+	if (O) return /* @__PURE__ */ f("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ u(a, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		children: /* @__PURE__ */ f(s, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (D) return /* @__PURE__ */ d("div", {
+	if (k) return /* @__PURE__ */ p("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load roadmaps: ", D.message]
+		children: ["Failed to load roadmaps: ", k.message]
 	});
-	let O = T?.planmagnetRoadmaps?.items ?? [], k = T?.planmagnetRoadmaps?.totalCount ?? 0, A = ["all", ...new Set(O.map((e) => e.type))], j = [
+	let A = D?.planmagnetRoadmaps?.items ?? [], j = D?.planmagnetRoadmaps?.totalCount ?? 0, M = ["all", ...new Set(A.map((e) => e.type))], N = [
 		"all",
 		"public",
 		"private"
-	], M = O.filter((e) => (x === "all" || e.type === x) && (C === "all" || C === "public" && e.isPublic || C === "private" && !e.isPublic));
-	return /* @__PURE__ */ d("div", {
+	], P = A.filter((e) => (C === "all" || e.type === C) && (T === "all" || T === "public" && e.isPublic || T === "private" && !e.isPublic));
+	return /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
 					className: "text-2xl font-semibold",
 					children: "Roadmaps"
-				}), /* @__PURE__ */ d("p", {
+				}), /* @__PURE__ */ p("p", {
 					className: "text-sm text-muted-foreground",
-					children: [k, " roadmaps across all products"]
-				})] }), /* @__PURE__ */ d(p, {
+					children: [j, " roadmaps across all products"]
+				})] }), /* @__PURE__ */ p(h, {
 					size: "sm",
-					onClick: () => c("/products/create-roadmap-page"),
-					children: [/* @__PURE__ */ u(s, { className: "mr-1 h-4 w-4" }), "New Roadmap"]
+					onClick: () => u("/products/create-roadmap-page"),
+					children: [/* @__PURE__ */ f(l, { className: "mr-1 h-4 w-4" }), "New Roadmap"]
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex gap-4 flex-wrap",
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ u(i, { className: "h-4 w-4 text-muted-foreground" }),
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ f(o, { className: "h-4 w-4 text-muted-foreground" }),
+						/* @__PURE__ */ f("span", {
 							className: "text-sm text-muted-foreground",
 							children: "Type:"
 						}),
-						A.map((e) => /* @__PURE__ */ u("button", {
-							onClick: () => S(e),
-							className: `px-2 py-1 text-xs rounded-md capitalize ${x === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+						M.map((e) => /* @__PURE__ */ f("button", {
+							onClick: () => w(e),
+							className: `px-2 py-1 text-xs rounded-md capitalize ${C === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
 							children: e === "all" ? "All" : e.toLowerCase()
 						}, e))
 					]
-				}), /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ u("span", {
+					children: [/* @__PURE__ */ f("span", {
 						className: "text-sm text-muted-foreground",
 						children: "Visibility:"
-					}), j.map((e) => /* @__PURE__ */ u("button", {
-						onClick: () => w(e),
-						className: `px-2 py-1 text-xs rounded-md capitalize ${C === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+					}), N.map((e) => /* @__PURE__ */ f("button", {
+						onClick: () => E(e),
+						className: `px-2 py-1 text-xs rounded-md capitalize ${T === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
 						children: e
 					}, e))]
 				})]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ f("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-				children: M.map((e) => {
-					let t = e.items?.length ?? 0, n = e.items?.filter((e) => e.status === "COMPLETED" || e.status === "DONE").length ?? 0, i = t > 0 ? Math.round(n / t * 100) : 0, a = e.items?.map((e) => e.startDate).filter(Boolean) ?? [], s = e.items?.map((e) => e.endDate).filter(Boolean) ?? [], c = a.length > 0 ? a.sort()[0] : null, l = s.length > 0 ? s.sort().reverse()[0] : null;
-					return /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(g, {
-						className: "pb-2",
-						children: /* @__PURE__ */ d("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ u(_, {
-								className: "text-base",
-								children: e.name
-							}), /* @__PURE__ */ u(f, {
-								variant: e.isPublic ? "default" : "secondary",
-								className: "capitalize",
-								children: e.isPublic ? "public" : "private"
-							})]
-						})
-					}), /* @__PURE__ */ d(h, {
-						className: "space-y-3",
-						children: [
-							/* @__PURE__ */ u("p", {
-								className: "text-sm text-muted-foreground",
-								children: e.description ?? "No description"
-							}),
-							/* @__PURE__ */ d("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ u("span", {
-									className: `text-xs px-2 py-0.5 rounded-full capitalize ${y[e.type] ?? "bg-gray-100"}`,
-									children: e.type.toLowerCase()
-								}), /* @__PURE__ */ u(f, {
-									variant: "outline",
-									className: "text-xs capitalize",
+				children: P.map((e) => {
+					let t = e.items?.length ?? 0, i = e.items?.filter((e) => e.status === "COMPLETED" || e.status === "DONE").length ?? 0, o = t > 0 ? Math.round(i / t * 100) : 0, s = e.items?.map((e) => e.startDate).filter(Boolean) ?? [], l = e.items?.map((e) => e.endDate).filter(Boolean) ?? [], d = s.length > 0 ? s.sort()[0] : null, h = l.length > 0 ? l.sort().reverse()[0] : null;
+					return /* @__PURE__ */ p(g, {
+						...r(() => u(n("/products/roadmap-detail-page", e.id)), e.name),
+						children: [/* @__PURE__ */ f(v, {
+							className: "pb-2",
+							children: /* @__PURE__ */ p("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ f(y, {
+									className: "text-base",
+									children: e.name
+								}), /* @__PURE__ */ f(m, {
+									variant: e.isPublic ? "default" : "secondary",
+									className: "capitalize",
 									children: e.isPublic ? "public" : "private"
 								})]
-							}),
-							/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
-								className: "flex justify-between text-xs mb-1",
-								children: [/* @__PURE__ */ u("span", {
-									className: "text-muted-foreground",
-									children: "Progress"
-								}), /* @__PURE__ */ d("span", {
-									className: "font-medium",
-									children: [i, "%"]
-								})]
-							}), /* @__PURE__ */ u("div", {
-								className: "w-full h-2 rounded-full bg-muted overflow-hidden",
-								children: /* @__PURE__ */ u("div", {
-									className: "h-full bg-primary rounded-full",
-									style: { width: `${i}%` }
-								})
-							})] }),
-							/* @__PURE__ */ u("div", {
-								className: "flex gap-4 text-xs text-muted-foreground",
-								children: /* @__PURE__ */ d("span", {
-									className: "flex items-center gap-1",
-									children: [
-										/* @__PURE__ */ u(o, { className: "h-3 w-3" }),
-										t,
-										" items"
-									]
-								})
-							}),
-							/* @__PURE__ */ d("div", {
-								className: "flex items-center justify-between text-xs text-muted-foreground border-t pt-2",
-								children: [/* @__PURE__ */ d("span", { children: ["Owner: ", e.ownerId] }), c && l && /* @__PURE__ */ d("span", {
-									className: "flex items-center gap-1",
-									children: [
-										/* @__PURE__ */ u(r, { className: "h-3 w-3" }),
-										new Date(c).toLocaleDateString(),
-										" -",
-										" ",
-										new Date(l).toLocaleDateString()
-									]
-								})]
 							})
-						]
-					})] }, e.id);
+						}), /* @__PURE__ */ p(_, {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ f("p", {
+									className: "text-sm text-muted-foreground",
+									children: e.description ?? "No description"
+								}),
+								/* @__PURE__ */ p("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ f("span", {
+										className: `text-xs px-2 py-0.5 rounded-full capitalize ${x[e.type] ?? "bg-gray-100"}`,
+										children: e.type.toLowerCase()
+									}), /* @__PURE__ */ f(m, {
+										variant: "outline",
+										className: "text-xs capitalize",
+										children: e.isPublic ? "public" : "private"
+									})]
+								}),
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ p("div", {
+									className: "flex justify-between text-xs mb-1",
+									children: [/* @__PURE__ */ f("span", {
+										className: "text-muted-foreground",
+										children: "Progress"
+									}), /* @__PURE__ */ p("span", {
+										className: "font-medium",
+										children: [o, "%"]
+									})]
+								}), /* @__PURE__ */ f("div", {
+									className: "w-full h-2 rounded-full bg-muted overflow-hidden",
+									children: /* @__PURE__ */ f("div", {
+										className: "h-full bg-primary rounded-full",
+										style: { width: `${o}%` }
+									})
+								})] }),
+								/* @__PURE__ */ f("div", {
+									className: "flex gap-4 text-xs text-muted-foreground",
+									children: /* @__PURE__ */ p("span", {
+										className: "flex items-center gap-1",
+										children: [
+											/* @__PURE__ */ f(c, { className: "h-3 w-3" }),
+											t,
+											" items"
+										]
+									})
+								}),
+								/* @__PURE__ */ p("div", {
+									className: "flex items-center justify-between text-xs text-muted-foreground border-t pt-2",
+									children: [/* @__PURE__ */ p("span", { children: ["Owner: ", e.ownerId] }), d && h && /* @__PURE__ */ p("span", {
+										className: "flex items-center gap-1",
+										children: [
+											/* @__PURE__ */ f(a, { className: "h-3 w-3" }),
+											new Date(d).toLocaleDateString(),
+											" -",
+											" ",
+											new Date(h).toLocaleDateString()
+										]
+									})]
+								})
+							]
+						})]
+					}, e.id);
 				})
 			}),
-			M.length === 0 && /* @__PURE__ */ u("p", {
+			P.length === 0 && /* @__PURE__ */ f("p", {
 				className: "text-center text-muted-foreground py-8",
 				children: "No roadmaps match the selected filters."
 			})
@@ -193,6 +197,6 @@ function b() {
 	});
 }
 //#endregion
-export { b as ProductsRoadmapsPagePage };
+export { S as ProductsRoadmapsPagePage };
 
 //# sourceMappingURL=ProductsRoadmapsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsRoadmapsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsRoadmapsPagePage.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 { Map, Calendar, Plus, Filter, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst LIST_ROADMAPS = gql`\n  query ListRoadmapsPage(\n    $workspaceId: ID!\n    $filter: PlanmagnetRoadmapFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetRoadmaps(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        workspaceId\n        name\n        description\n        type\n        isPublic\n        ownerId\n        createdAt\n        updatedAt\n        items {\n          id\n          title\n          status\n          startDate\n          endDate\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface RoadmapItemNode {\n  id: string;\n  title: string;\n  status: string;\n  startDate: string | null;\n  endDate: string | null;\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: RoadmapItemNode[];\n}\n\nconst typeColor: Record<string, string> = {\n  TIMELINE: 'bg-purple-100 text-purple-800',\n  GANTT: 'bg-orange-100 text-orange-800',\n  SWIMLANE: 'bg-green-100 text-green-800',\n  CUSTOM: 'bg-blue-100 text-blue-800',\n};\n\nexport function ProductsRoadmapsPagePage() {\n  const navigate = usePlanMagnetNavigate();\n  const { workspaceId } = usePlanMagnet();\n  const [typeFilter, setTypeFilter] = useState<string>('all');\n  const [visFilter, setVisFilter] = 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_ROADMAPS, {\n      variables: {\n        workspaceId,\n        pagination: { first: 50 },\n      },\n      skip: !workspaceId,\n    });\n\n  if (loading) {\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 roadmaps: {error.message}</div>;\n  }\n\n  const roadmaps: RoadmapNode[] = data?.planmagnetRoadmaps?.items ?? [];\n  const totalCount = data?.planmagnetRoadmaps?.totalCount ?? 0;\n\n  const types = ['all', ...new Set(roadmaps.map((r) => r.type))];\n  const visibilities = ['all', 'public', 'private'];\n\n  const filtered = roadmaps.filter(\n    (r) =>\n      (typeFilter === 'all' || r.type === typeFilter) &&\n      (visFilter === 'all' ||\n        (visFilter === 'public' && r.isPublic) ||\n        (visFilter === 'private' && !r.isPublic))\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\">Roadmaps</h1>\n          <p className=\"text-sm text-muted-foreground\">{totalCount} roadmaps across all products</p>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('/products/create-roadmap-page')}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Roadmap\n        </Button>\n      </div>\n\n      <div className=\"flex gap-4 flex-wrap\">\n        <div className=\"flex items-center gap-2\">\n          <Filter className=\"h-4 w-4 text-muted-foreground\" />\n          <span className=\"text-sm text-muted-foreground\">Type:</span>\n          {types.map((t) => (\n            <button\n              key={t}\n              onClick={() => setTypeFilter(t)}\n              className={`px-2 py-1 text-xs rounded-md capitalize ${typeFilter === t ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n            >\n              {t === 'all' ? 'All' : t.toLowerCase()}\n            </button>\n          ))}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-sm text-muted-foreground\">Visibility:</span>\n          {visibilities.map((v) => (\n            <button\n              key={v}\n              onClick={() => setVisFilter(v)}\n              className={`px-2 py-1 text-xs rounded-md capitalize ${visFilter === v ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n            >\n              {v}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {filtered.map((rm) => {\n          const itemCount = rm.items?.length ?? 0;\n          const completedItems =\n            rm.items?.filter((i) => i.status === 'COMPLETED' || i.status === 'DONE').length ?? 0;\n          const progress = itemCount > 0 ? Math.round((completedItems / itemCount) * 100) : 0;\n          const startDates = rm.items?.map((i) => i.startDate).filter(Boolean) ?? [];\n          const endDates = rm.items?.map((i) => i.endDate).filter(Boolean) ?? [];\n          const earliestStart = startDates.length > 0 ? startDates.sort()[0] : null;\n          const latestEnd = endDates.length > 0 ? endDates.sort().reverse()[0] : null;\n\n          return (\n            <Card key={rm.id}>\n              <CardHeader className=\"pb-2\">\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base\">{rm.name}</CardTitle>\n                  <Badge variant={rm.isPublic ? 'default' : 'secondary'} className=\"capitalize\">\n                    {rm.isPublic ? 'public' : 'private'}\n                  </Badge>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <p className=\"text-sm text-muted-foreground\">\n                  {rm.description ?? 'No description'}\n                </p>\n                <div className=\"flex items-center gap-2\">\n                  <span\n                    className={`text-xs px-2 py-0.5 rounded-full capitalize ${typeColor[rm.type] ?? 'bg-gray-100'}`}\n                  >\n                    {rm.type.toLowerCase()}\n                  </span>\n                  <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                    {rm.isPublic ? 'public' : 'private'}\n                  </Badge>\n                </div>\n                <div>\n                  <div className=\"flex justify-between text-xs mb-1\">\n                    <span className=\"text-muted-foreground\">Progress</span>\n                    <span className=\"font-medium\">{progress}%</span>\n                  </div>\n                  <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n                    <div\n                      className=\"h-full bg-primary rounded-full\"\n                      style={{ width: `${progress}%` }}\n                    />\n                  </div>\n                </div>\n                <div className=\"flex gap-4 text-xs text-muted-foreground\">\n                  <span className=\"flex items-center gap-1\">\n                    <Map className=\"h-3 w-3\" />\n                    {itemCount} items\n                  </span>\n                </div>\n                <div className=\"flex items-center justify-between text-xs text-muted-foreground border-t pt-2\">\n                  <span>Owner: {rm.ownerId}</span>\n                  {earliestStart && latestEnd && (\n                    <span className=\"flex items-center gap-1\">\n                      <Calendar className=\"h-3 w-3\" />\n                      {new Date(earliestStart).toLocaleDateString()} -{' '}\n                      {new Date(latestEnd).toLocaleDateString()}\n                    </span>\n                  )}\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n      {filtered.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">\n          No roadmaps match the selected filters.\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsRoadmapsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsRoadmapsPagePage.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 { Map, Calendar, Plus, Filter, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\n\nconst LIST_ROADMAPS = gql`\n  query ListRoadmapsPage(\n    $workspaceId: ID!\n    $filter: PlanmagnetRoadmapFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetRoadmaps(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        workspaceId\n        name\n        description\n        type\n        isPublic\n        ownerId\n        createdAt\n        updatedAt\n        items {\n          id\n          title\n          status\n          startDate\n          endDate\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface RoadmapItemNode {\n  id: string;\n  title: string;\n  status: string;\n  startDate: string | null;\n  endDate: string | null;\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: RoadmapItemNode[];\n}\n\nconst typeColor: Record<string, string> = {\n  TIMELINE: 'bg-purple-100 text-purple-800',\n  GANTT: 'bg-orange-100 text-orange-800',\n  SWIMLANE: 'bg-green-100 text-green-800',\n  CUSTOM: 'bg-blue-100 text-blue-800',\n};\n\nexport function ProductsRoadmapsPagePage() {\n  const navigate = usePlanMagnetNavigate();\n  const { workspaceId } = usePlanMagnet();\n  const [typeFilter, setTypeFilter] = useState<string>('all');\n  const [visFilter, setVisFilter] = 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_ROADMAPS, {\n      variables: {\n        workspaceId,\n        pagination: { first: 50 },\n      },\n      skip: !workspaceId,\n    });\n\n  if (loading) {\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 roadmaps: {error.message}</div>;\n  }\n\n  const roadmaps: RoadmapNode[] = data?.planmagnetRoadmaps?.items ?? [];\n  const totalCount = data?.planmagnetRoadmaps?.totalCount ?? 0;\n\n  const types = ['all', ...new Set(roadmaps.map((r) => r.type))];\n  const visibilities = ['all', 'public', 'private'];\n\n  const filtered = roadmaps.filter(\n    (r) =>\n      (typeFilter === 'all' || r.type === typeFilter) &&\n      (visFilter === 'all' ||\n        (visFilter === 'public' && r.isPublic) ||\n        (visFilter === 'private' && !r.isPublic))\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\">Roadmaps</h1>\n          <p className=\"text-sm text-muted-foreground\">{totalCount} roadmaps across all products</p>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('/products/create-roadmap-page')}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Roadmap\n        </Button>\n      </div>\n\n      <div className=\"flex gap-4 flex-wrap\">\n        <div className=\"flex items-center gap-2\">\n          <Filter className=\"h-4 w-4 text-muted-foreground\" />\n          <span className=\"text-sm text-muted-foreground\">Type:</span>\n          {types.map((t) => (\n            <button\n              key={t}\n              onClick={() => setTypeFilter(t)}\n              className={`px-2 py-1 text-xs rounded-md capitalize ${typeFilter === t ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n            >\n              {t === 'all' ? 'All' : t.toLowerCase()}\n            </button>\n          ))}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-sm text-muted-foreground\">Visibility:</span>\n          {visibilities.map((v) => (\n            <button\n              key={v}\n              onClick={() => setVisFilter(v)}\n              className={`px-2 py-1 text-xs rounded-md capitalize ${visFilter === v ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n            >\n              {v}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {filtered.map((rm) => {\n          const itemCount = rm.items?.length ?? 0;\n          const completedItems =\n            rm.items?.filter((i) => i.status === 'COMPLETED' || i.status === 'DONE').length ?? 0;\n          const progress = itemCount > 0 ? Math.round((completedItems / itemCount) * 100) : 0;\n          const startDates = rm.items?.map((i) => i.startDate).filter(Boolean) ?? [];\n          const endDates = rm.items?.map((i) => i.endDate).filter(Boolean) ?? [];\n          const earliestStart = startDates.length > 0 ? startDates.sort()[0] : null;\n          const latestEnd = endDates.length > 0 ? endDates.sort().reverse()[0] : null;\n\n          return (\n            <Card\n              key={rm.id}\n              {...rowLinkProps(\n                () => navigate(detailPath('/products/roadmap-detail-page', rm.id)),\n                rm.name\n              )}\n            >\n              <CardHeader className=\"pb-2\">\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base\">{rm.name}</CardTitle>\n                  <Badge variant={rm.isPublic ? 'default' : 'secondary'} className=\"capitalize\">\n                    {rm.isPublic ? 'public' : 'private'}\n                  </Badge>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <p className=\"text-sm text-muted-foreground\">\n                  {rm.description ?? 'No description'}\n                </p>\n                <div className=\"flex items-center gap-2\">\n                  <span\n                    className={`text-xs px-2 py-0.5 rounded-full capitalize ${typeColor[rm.type] ?? 'bg-gray-100'}`}\n                  >\n                    {rm.type.toLowerCase()}\n                  </span>\n                  <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                    {rm.isPublic ? 'public' : 'private'}\n                  </Badge>\n                </div>\n                <div>\n                  <div className=\"flex justify-between text-xs mb-1\">\n                    <span className=\"text-muted-foreground\">Progress</span>\n                    <span className=\"font-medium\">{progress}%</span>\n                  </div>\n                  <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n                    <div\n                      className=\"h-full bg-primary rounded-full\"\n                      style={{ width: `${progress}%` }}\n                    />\n                  </div>\n                </div>\n                <div className=\"flex gap-4 text-xs text-muted-foreground\">\n                  <span className=\"flex items-center gap-1\">\n                    <Map className=\"h-3 w-3\" />\n                    {itemCount} items\n                  </span>\n                </div>\n                <div className=\"flex items-center justify-between text-xs text-muted-foreground border-t pt-2\">\n                  <span>Owner: {rm.ownerId}</span>\n                  {earliestStart && latestEnd && (\n                    <span className=\"flex items-center gap-1\">\n                      <Calendar className=\"h-3 w-3\" />\n                      {new Date(earliestStart).toLocaleDateString()} -{' '}\n                      {new Date(latestEnd).toLocaleDateString()}\n                    </span>\n                  )}\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n      {filtered.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">\n          No roadmaps match the selected filters.\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsActiveProjectsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsActiveProjectsPagePage.tsx"],"names":[],"mappings":"AA0CA,wBAAgB,8BAA8B,4CAuF7C"}
+{"version":3,"file":"ProjectsActiveProjectsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsActiveProjectsPagePage.tsx"],"names":[],"mappings":"AA2CA,wBAAgB,8BAA8B,4CA8F7C"}

package/dist/planmagnet/pages/ProjectsActiveProjectsPagePage.js

@@ -1,11 +1,12 @@
-import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
-import { Users as t } from "lucide-react";
-import { gql as n } from "@apollo/client";
-import { useQuery as r } from "@apollo/client/react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Badge as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u } from "@burdenoff/fe-libs/ui";
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { detailPath as n, rowLinkProps as r } from "../utils/rowNavigation.js";
+import { Users as i } from "lucide-react";
+import { gql as a } from "@apollo/client";
+import { useQuery as o } from "@apollo/client/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProjectsActiveProjectsPagePage.tsx
-var d = n`
+var m = a`
   query GetActiveProjects($workspaceId: ID!) {
     planmagnetProjects(
       workspaceId: $workspaceId
@@ -29,81 +30,84 @@ var d = n`
     }
   }
 `;
-function f() {
-	let { workspaceId: n } = e(), { data: f, loading: p, error: m } = r(d, { variables: { workspaceId: n ?? "default" } });
-	if (p) return /* @__PURE__ */ i("div", {
+function h() {
+	let { workspaceId: a } = e(), h = t(), { data: g, loading: _, error: v } = o(m, { variables: { workspaceId: a ?? "default" } });
+	if (_) return /* @__PURE__ */ s("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ i("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ s("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (m) return /* @__PURE__ */ a("div", {
+	if (v) return /* @__PURE__ */ c("div", {
 		className: "p-6 text-red-500",
-		children: ["Error loading active projects: ", m.message]
+		children: ["Error loading active projects: ", v.message]
 	});
-	let h = f?.planmagnetProjects?.items ?? [];
-	return /* @__PURE__ */ a("div", {
+	let y = g?.planmagnetProjects?.items ?? [];
+	return /* @__PURE__ */ c("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
+			/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
 				className: "text-2xl font-semibold",
 				children: "Active Projects"
-			}), /* @__PURE__ */ a("p", {
+			}), /* @__PURE__ */ c("p", {
 				className: "text-sm text-muted-foreground",
-				children: [h.length, " active projects in progress"]
+				children: [y.length, " active projects in progress"]
 			})] }),
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ s("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-				children: h.map((e) => /* @__PURE__ */ a(s, { children: [/* @__PURE__ */ i(l, {
-					className: "pb-2",
-					children: /* @__PURE__ */ a("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ i(u, {
-							className: "text-base",
-							children: e.name
-						}), /* @__PURE__ */ i("span", {
-							className: "text-xs font-mono text-muted-foreground",
-							children: e.key
-						})]
-					})
-				}), /* @__PURE__ */ a(c, {
-					className: "space-y-3",
-					children: [
-						/* @__PURE__ */ i("p", {
-							className: "text-sm text-muted-foreground",
-							children: e.description ?? "No description"
-						}),
-						/* @__PURE__ */ a("div", {
-							className: "flex gap-2",
-							children: [/* @__PURE__ */ i(o, {
-								variant: "outline",
-								className: "capitalize",
-								children: e.methodology.toLowerCase()
-							}), e.tags.slice(0, 3).map((e) => /* @__PURE__ */ i(o, {
-								variant: "outline",
-								className: "text-xs",
-								children: e
-							}, e))]
-						}),
-						/* @__PURE__ */ i("div", {
-							className: "flex gap-4 text-xs text-muted-foreground",
-							children: /* @__PURE__ */ a("span", { children: [
-								e.startDate ? new Date(e.startDate).toLocaleDateString() : "—",
-								" -",
-								" ",
-								e.endDate ? new Date(e.endDate).toLocaleDateString() : "—"
-							] })
-						}),
-						/* @__PURE__ */ a("div", {
-							className: "text-xs text-muted-foreground border-t pt-2 flex items-center gap-1",
-							children: [
-								/* @__PURE__ */ i(t, { className: "h-3 w-3" }),
-								"Owner: ",
-								e.ownerId
-							]
+				children: y.map((e) => /* @__PURE__ */ c(u, {
+					...r(() => h(n("/projects/project-detail-page", e.id)), e.name),
+					children: [/* @__PURE__ */ s(f, {
+						className: "pb-2",
+						children: /* @__PURE__ */ c("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ s(p, {
+								className: "text-base",
+								children: e.name
+							}), /* @__PURE__ */ s("span", {
+								className: "text-xs font-mono text-muted-foreground",
+								children: e.key
+							})]
 						})
-					]
-				})] }, e.id))
+					}), /* @__PURE__ */ c(d, {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ s("p", {
+								className: "text-sm text-muted-foreground",
+								children: e.description ?? "No description"
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "flex gap-2",
+								children: [/* @__PURE__ */ s(l, {
+									variant: "outline",
+									className: "capitalize",
+									children: e.methodology.toLowerCase()
+								}), e.tags.slice(0, 3).map((e) => /* @__PURE__ */ s(l, {
+									variant: "outline",
+									className: "text-xs",
+									children: e
+								}, e))]
+							}),
+							/* @__PURE__ */ s("div", {
+								className: "flex gap-4 text-xs text-muted-foreground",
+								children: /* @__PURE__ */ c("span", { children: [
+									e.startDate ? new Date(e.startDate).toLocaleDateString() : "—",
+									" -",
+									" ",
+									e.endDate ? new Date(e.endDate).toLocaleDateString() : "—"
+								] })
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "text-xs text-muted-foreground border-t pt-2 flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ s(i, { className: "h-3 w-3" }),
+									"Owner: ",
+									e.ownerId
+								]
+							})
+						]
+					})]
+				}, e.id))
 			}),
-			h.length === 0 && /* @__PURE__ */ i("p", {
+			y.length === 0 && /* @__PURE__ */ s("p", {
 				className: "text-center text-muted-foreground py-8",
 				children: "No active projects."
 			})
@@ -111,6 +115,6 @@ function f() {
 	});
 }
 //#endregion
-export { f as ProjectsActiveProjectsPagePage };
+export { h as ProjectsActiveProjectsPagePage };
 
 //# sourceMappingURL=ProjectsActiveProjectsPagePage.js.map