@burdenoff/microfe-planmagnet 2026.509.103

package/dist/planmagnet/pages/ProductsReleasesPagePage.js

@@ -0,0 +1,162 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { useState as t } from "react";
+import { Calendar as n, GitBranch as r, Loader2 as i, Package as a } from "lucide-react";
+import { gql as o } from "@apollo/client";
+import { useQuery as s } from "@apollo/client/react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProductsReleasesPagePage.tsx
+var g = o`
+  query ListReleases($workspaceId: ID!, $filter: ReleaseFilter, $pagination: PaginationInput) {
+    planmagnetReleases(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {
+      items {
+        id
+        workspaceId
+        projectId
+        name
+        description
+        version
+        status
+        plannedDate
+        releasedAt
+        releaseNotes
+        ownerId
+        tags
+        createdAt
+        updatedAt
+      }
+      totalCount
+    }
+  }
+`, _ = [
+	"all",
+	"DRAFT",
+	"PLANNING",
+	"IN_PROGRESS",
+	"READY",
+	"RELEASED",
+	"CANCELLED"
+], v = {
+	DRAFT: "bg-gray-100 text-gray-800",
+	PLANNING: "bg-yellow-100 text-yellow-800",
+	IN_PROGRESS: "bg-blue-100 text-blue-800",
+	READY: "bg-orange-100 text-orange-800",
+	RELEASED: "bg-green-100 text-green-800",
+	CANCELLED: "bg-red-100 text-red-800",
+	ROLLED_BACK: "bg-red-100 text-red-800"
+};
+function y() {
+	let { workspaceId: o } = e(), [y, b] = t("all"), { data: x, loading: S, error: C } = s(g, {
+		variables: {
+			workspaceId: o,
+			filter: y === "all" ? void 0 : { status: y },
+			pagination: { first: 50 }
+		},
+		skip: !o
+	});
+	if (S) return /* @__PURE__ */ c("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ c(i, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	});
+	if (C) return /* @__PURE__ */ l("div", {
+		className: "p-6 text-destructive",
+		children: ["Failed to load releases: ", C.message]
+	});
+	let w = x?.planmagnetReleases?.items ?? [], T = x?.planmagnetReleases?.totalCount ?? 0;
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+					className: "text-2xl font-semibold",
+					children: "Releases"
+				}), /* @__PURE__ */ l("p", {
+					className: "text-sm text-muted-foreground",
+					children: [T, " releases across all products"]
+				})] }), /* @__PURE__ */ l(d, {
+					size: "sm",
+					children: [/* @__PURE__ */ c(r, { className: "mr-1 h-4 w-4" }), "New Release"]
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "flex gap-1 border-b pb-1",
+				children: _.map((e) => /* @__PURE__ */ c("button", {
+					onClick: () => b(e),
+					className: `px-3 py-1.5 text-sm rounded-md capitalize ${y === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+					children: e === "all" ? "All" : e.toLowerCase().replace("_", " ")
+				}, e))
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+				children: w.map((e) => /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(m, {
+					className: "pb-2",
+					children: [/* @__PURE__ */ l("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ c("div", {
+							className: "flex items-center gap-2",
+							children: /* @__PURE__ */ c("span", {
+								className: "text-lg font-semibold",
+								children: e.version
+							})
+						}), /* @__PURE__ */ c("span", {
+							className: `text-xs px-2 py-0.5 rounded-full capitalize ${v[e.status] ?? "bg-gray-100"}`,
+							children: e.status.toLowerCase().replace("_", " ")
+						})]
+					}), /* @__PURE__ */ c(h, {
+						className: "text-sm font-medium",
+						children: e.name
+					})]
+				}), /* @__PURE__ */ l(p, {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ c("p", {
+							className: "text-sm text-muted-foreground",
+							children: e.description ?? "No description"
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "flex items-center gap-4 text-sm",
+							children: [/* @__PURE__ */ l("div", {
+								className: "flex items-center gap-1 text-muted-foreground",
+								children: [
+									/* @__PURE__ */ c(a, { className: "h-3.5 w-3.5" }),
+									"Owner: ",
+									e.ownerId
+								]
+							}), /* @__PURE__ */ l("div", {
+								className: "flex items-center gap-1 text-muted-foreground",
+								children: [/* @__PURE__ */ c(n, { className: "h-3.5 w-3.5" }), e.plannedDate ? new Date(e.plannedDate).toLocaleDateString() : "No date"]
+							})]
+						}),
+						e.tags.length > 0 && /* @__PURE__ */ c("div", {
+							className: "flex gap-1 flex-wrap",
+							children: e.tags.map((e) => /* @__PURE__ */ c(u, {
+								variant: "outline",
+								className: "text-xs",
+								children: e
+							}, e))
+						}),
+						e.releaseNotes && /* @__PURE__ */ l("div", {
+							className: "border-t pt-2",
+							children: [/* @__PURE__ */ c("p", {
+								className: "text-xs font-medium text-muted-foreground mb-1",
+								children: "Release Notes Preview"
+							}), /* @__PURE__ */ c("p", {
+								className: "text-xs text-muted-foreground line-clamp-3",
+								children: e.releaseNotes
+							})]
+						})
+					]
+				})] }, e.id))
+			}),
+			w.length === 0 && /* @__PURE__ */ c("p", {
+				className: "text-center text-muted-foreground py-8",
+				children: "No releases match this filter."
+			})
+		]
+	});
+}
+//#endregion
+export { y as ProductsReleasesPagePage };
+
+//# sourceMappingURL=ProductsReleasesPagePage.js.map

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

@@ -0,0 +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($workspaceId: ID!, $filter: ReleaseFilter, $pagination: PaginationInput) {\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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"}

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

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

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

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

package/dist/planmagnet/pages/ProductsRoadmapAnalyticsPagePage.js

@@ -0,0 +1,342 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { AlertTriangle as t, BarChart3 as n, CheckCircle as r, Loader2 as i, Target as a, TrendingUp as o } from "lucide-react";
+import { useParams as s } from "react-router-dom";
+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 { Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProductsRoadmapAnalyticsPagePage.tsx
+var g = c`
+  query GetRoadmapAnalytics($id: ID!) {
+    planmagnetRoadmap(id: $id) {
+      id
+      name
+      description
+      type
+      isPublic
+      ownerId
+      createdAt
+      updatedAt
+      items {
+        id
+        title
+        status
+        startDate
+        endDate
+        swimlane
+      }
+    }
+  }
+`, _ = c`
+  query ListFeatureRequestsForRoadmapAnalytics($workspaceId: ID!, $pagination: PaginationInput) {
+    planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: $pagination) {
+      items {
+        id
+        status
+        voteCount
+        businessValue
+        priorityScore
+      }
+      totalCount
+    }
+  }
+`;
+function v() {
+	let { workspaceId: c } = e(), v = s().id ?? "", { data: y, loading: b, error: x } = l(g, {
+		variables: { id: v },
+		skip: !v
+	}), { data: S } = l(_, {
+		variables: {
+			workspaceId: c,
+			pagination: { first: 100 }
+		},
+		skip: !c
+	});
+	if (b) return /* @__PURE__ */ u("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ u(i, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	});
+	if (x) return /* @__PURE__ */ d("div", {
+		className: "p-6 text-destructive",
+		children: ["Failed to load analytics: ", x.message]
+	});
+	let C = y?.planmagnetRoadmap;
+	if (!C) return /* @__PURE__ */ u("div", {
+		className: "p-6 text-muted-foreground",
+		children: "Roadmap not found."
+	});
+	let w = C.items ?? [], T = S?.featureRequests?.items ?? [], E = w.filter((e) => e.status === "COMPLETED" || e.status === "DONE"), D = w.length > 0 ? Math.round(E.length / w.length * 100) : 0, O = {};
+	for (let e of w) O[e.status] = (O[e.status] || 0) + 1;
+	let k = {};
+	for (let e of T) k[e.status] = (k[e.status] || 0) + 1;
+	let A = {};
+	for (let e of w) {
+		let t = e.swimlane ?? "Uncategorized";
+		A[t] = (A[t] || 0) + 1;
+	}
+	let j = /* @__PURE__ */ new Date(), M = w.filter((e) => e.endDate && new Date(e.endDate) < j && e.status !== "COMPLETED" && e.status !== "DONE"), N = Math.max(0, Math.round(D * .7 + (1 - M.length / Math.max(w.length, 1)) * 30)), P = {};
+	for (let e of w) if (e.endDate) {
+		let t = new Date(e.endDate).toLocaleDateString("en-US", {
+			month: "short",
+			year: "2-digit"
+		});
+		P[t] || (P[t] = {
+			planned: 0,
+			completed: 0
+		}), P[t].planned += 1, (e.status === "COMPLETED" || e.status === "DONE") && (P[t].completed += 1);
+	}
+	let F = Object.entries(P).map(([e, t]) => ({
+		month: e,
+		...t
+	})).slice(-6), I = Math.max(...F.map((e) => Math.max(e.planned, e.completed)), 1);
+	return /* @__PURE__ */ d("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+				className: "text-2xl font-semibold",
+				children: "Roadmap Analytics"
+			}), /* @__PURE__ */ d("p", {
+				className: "text-sm text-muted-foreground",
+				children: [
+					C.name,
+					" - ",
+					C.type.toLowerCase()
+				]
+			})] }),
+			/* @__PURE__ */ d("div", {
+				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+				children: [
+					/* @__PURE__ */ u(f, { children: /* @__PURE__ */ d(p, {
+						className: "pt-4",
+						children: [
+							/* @__PURE__ */ d("div", {
+								className: "flex items-center gap-2 text-muted-foreground text-xs",
+								children: [/* @__PURE__ */ u(a, { className: "h-4 w-4" }), "Health Score"]
+							}),
+							/* @__PURE__ */ d("p", {
+								className: "text-2xl font-bold mt-1",
+								children: [N, "/100"]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "w-full h-2 rounded-full bg-muted mt-2 overflow-hidden",
+								children: /* @__PURE__ */ u("div", {
+									className: "h-full rounded-full bg-green-500",
+									style: { width: `${N}%` }
+								})
+							})
+						]
+					}) }),
+					/* @__PURE__ */ u(f, { children: /* @__PURE__ */ d(p, {
+						className: "pt-4",
+						children: [
+							/* @__PURE__ */ d("div", {
+								className: "flex items-center gap-2 text-muted-foreground text-xs",
+								children: [/* @__PURE__ */ u(o, { className: "h-4 w-4" }), "Progress"]
+							}),
+							/* @__PURE__ */ d("p", {
+								className: "text-2xl font-bold mt-1",
+								children: [D, "%"]
+							}),
+							/* @__PURE__ */ d("p", {
+								className: "text-xs text-muted-foreground mt-1",
+								children: [w.length, " items total"]
+							})
+						]
+					}) }),
+					/* @__PURE__ */ u(f, { children: /* @__PURE__ */ d(p, {
+						className: "pt-4",
+						children: [
+							/* @__PURE__ */ d("div", {
+								className: "flex items-center gap-2 text-muted-foreground text-xs",
+								children: [/* @__PURE__ */ u(r, { className: "h-4 w-4" }), "Completed"]
+							}),
+							/* @__PURE__ */ u("p", {
+								className: "text-2xl font-bold mt-1",
+								children: E.length
+							}),
+							/* @__PURE__ */ u("p", {
+								className: "text-xs text-muted-foreground mt-1",
+								children: "items completed"
+							})
+						]
+					}) }),
+					/* @__PURE__ */ u(f, { children: /* @__PURE__ */ d(p, {
+						className: "pt-4",
+						children: [
+							/* @__PURE__ */ d("div", {
+								className: "flex items-center gap-2 text-muted-foreground text-xs",
+								children: [/* @__PURE__ */ u(t, { className: "h-4 w-4" }), "Overdue"]
+							}),
+							/* @__PURE__ */ u("p", {
+								className: "text-2xl font-bold mt-1",
+								children: M.length
+							}),
+							/* @__PURE__ */ u("p", {
+								className: "text-xs text-muted-foreground mt-1",
+								children: "items past end date"
+							})
+						]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(m, { children: /* @__PURE__ */ d(h, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ u(n, { className: "h-4 w-4" }), "Item Velocity"]
+				}) }), /* @__PURE__ */ d(p, { children: [F.length === 0 ? /* @__PURE__ */ u("p", {
+					className: "text-sm text-muted-foreground text-center py-8",
+					children: "No timeline data available"
+				}) : /* @__PURE__ */ u("div", {
+					className: "flex items-end gap-2 h-48",
+					children: F.map((e) => /* @__PURE__ */ d("div", {
+						className: "flex-1 flex flex-col items-center gap-1",
+						children: [/* @__PURE__ */ d("div", {
+							className: "flex gap-0.5 items-end w-full justify-center h-40",
+							children: [/* @__PURE__ */ u("div", {
+								className: "w-3 bg-primary/30 rounded-t",
+								style: { height: `${e.planned / I * 100}%` },
+								title: `Planned: ${e.planned}`
+							}), /* @__PURE__ */ u("div", {
+								className: "w-3 bg-primary rounded-t",
+								style: { height: `${e.completed / I * 100}%` },
+								title: `Completed: ${e.completed}`
+							})]
+						}), /* @__PURE__ */ u("span", {
+							className: "text-xs text-muted-foreground",
+							children: e.month
+						})]
+					}, e.month))
+				}), /* @__PURE__ */ d("div", {
+					className: "flex gap-4 justify-center mt-3 text-xs",
+					children: [/* @__PURE__ */ d("span", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ u("span", { className: "h-2 w-2 rounded bg-primary/30" }), "Planned"]
+					}), /* @__PURE__ */ d("span", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ u("span", { className: "h-2 w-2 rounded bg-primary" }), "Completed"]
+					})]
+				})] })] }), /* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(m, { children: /* @__PURE__ */ u(h, { children: "Item Status Breakdown" }) }), /* @__PURE__ */ u(p, {
+					className: "space-y-3",
+					children: Object.entries(O).map(([e, t]) => {
+						let n = w.length, r = n > 0 ? Math.round(t / n * 100) : 0;
+						return /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
+							className: "flex justify-between text-sm mb-1",
+							children: [/* @__PURE__ */ u("span", {
+								className: "capitalize",
+								children: e.toLowerCase().replace("_", " ")
+							}), /* @__PURE__ */ d("span", {
+								className: "font-medium",
+								children: [
+									t,
+									" (",
+									r,
+									"%)"
+								]
+							})]
+						}), /* @__PURE__ */ u("div", {
+							className: "w-full h-2 rounded-full bg-muted overflow-hidden",
+							children: /* @__PURE__ */ u("div", {
+								className: `h-full rounded-full ${{
+									TODO: "bg-gray-400",
+									PLANNED: "bg-yellow-400",
+									IN_PROGRESS: "bg-blue-400",
+									BLOCKED: "bg-red-400",
+									DONE: "bg-green-400",
+									COMPLETED: "bg-green-400"
+								}[e] ?? "bg-gray-300"}`,
+								style: { width: `${r}%` }
+							})
+						})] }, e);
+					})
+				})] })]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(m, { children: /* @__PURE__ */ u(h, { children: "Feature Request Status" }) }), /* @__PURE__ */ u(p, {
+					className: "space-y-3",
+					children: Object.entries(k).length === 0 ? /* @__PURE__ */ u("p", {
+						className: "text-sm text-muted-foreground text-center py-4",
+						children: "No feature request data"
+					}) : Object.entries(k).map(([e, t]) => {
+						let n = T.length, r = n > 0 ? Math.round(t / n * 100) : 0;
+						return /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
+							className: "flex justify-between text-sm mb-1",
+							children: [/* @__PURE__ */ u("span", {
+								className: "capitalize",
+								children: e.toLowerCase().replace("_", " ")
+							}), /* @__PURE__ */ d("span", {
+								className: "font-medium",
+								children: [
+									t,
+									" (",
+									r,
+									"%)"
+								]
+							})]
+						}), /* @__PURE__ */ u("div", {
+							className: "w-full h-2 rounded-full bg-muted overflow-hidden",
+							children: /* @__PURE__ */ u("div", {
+								className: `h-full rounded-full ${{
+									SUBMITTED: "bg-gray-400",
+									UNDER_REVIEW: "bg-yellow-400",
+									PLANNED: "bg-blue-400",
+									IN_PROGRESS: "bg-purple-400",
+									COMPLETED: "bg-green-400",
+									DECLINED: "bg-red-400"
+								}[e] ?? "bg-gray-300"}`,
+								style: { width: `${r}%` }
+							})
+						})] }, e);
+					})
+				})] }), /* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(m, { children: /* @__PURE__ */ u(h, { children: "Swimlane Distribution" }) }), /* @__PURE__ */ u(p, {
+					className: "space-y-3",
+					children: Object.entries(A).length === 0 ? /* @__PURE__ */ u("p", {
+						className: "text-sm text-muted-foreground text-center py-4",
+						children: "No swimlane data"
+					}) : Object.entries(A).map(([e, t]) => {
+						let n = w.length, r = n > 0 ? Math.round(t / n * 100) : 0;
+						return /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
+							className: "flex justify-between text-sm mb-1",
+							children: [/* @__PURE__ */ u("span", { children: e }), /* @__PURE__ */ d("span", {
+								className: "font-medium",
+								children: [
+									t,
+									" (",
+									r,
+									"%)"
+								]
+							})]
+						}), /* @__PURE__ */ u("div", {
+							className: "w-full h-2 rounded-full bg-muted overflow-hidden",
+							children: /* @__PURE__ */ u("div", {
+								className: "h-full rounded-full bg-primary",
+								style: { width: `${r}%` }
+							})
+						})] }, e);
+					})
+				})] })]
+			}),
+			M.length > 0 && /* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(m, { children: /* @__PURE__ */ u(h, { children: "Overdue Items" }) }), /* @__PURE__ */ u(p, { children: /* @__PURE__ */ u("div", {
+				className: "space-y-3",
+				children: M.map((e) => /* @__PURE__ */ d("div", {
+					className: "flex items-center justify-between border rounded-md p-3",
+					children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+						className: "text-sm font-medium",
+						children: e.title
+					}), /* @__PURE__ */ d("p", {
+						className: "text-xs text-muted-foreground",
+						children: ["Due: ", e.endDate ? new Date(e.endDate).toLocaleDateString() : "N/A"]
+					})] }), /* @__PURE__ */ u("span", {
+						className: "text-xs px-2 py-0.5 rounded-full bg-red-100 text-red-800 capitalize",
+						children: e.status.toLowerCase().replace("_", " ")
+					})]
+				}, e.id))
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { v as ProductsRoadmapAnalyticsPagePage };
+
+//# sourceMappingURL=ProductsRoadmapAnalyticsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsRoadmapAnalyticsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsRoadmapAnalyticsPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { TrendingUp, Target, CheckCircle, AlertTriangle, BarChart3, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router-dom';\n\nconst GET_ROADMAP_ANALYTICS = gql`\n  query GetRoadmapAnalytics($id: ID!) {\n    planmagnetRoadmap(id: $id) {\n      id\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        swimlane\n      }\n    }\n  }\n`;\n\nconst LIST_FEATURE_REQUESTS_FOR_ANALYTICS = gql`\n  query ListFeatureRequestsForRoadmapAnalytics($workspaceId: ID!, $pagination: PaginationInput) {\n    planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        status\n        voteCount\n        businessValue\n        priorityScore\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  swimlane: string | null;\n}\n\nexport function ProductsRoadmapAnalyticsPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const params = useParams<{ id: string }>();\n  const roadmapId = params.id ?? '';\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_ROADMAP_ANALYTICS, {\n      variables: { id: roadmapId },\n      skip: !roadmapId,\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_FOR_ANALYTICS, {\n      variables: { workspaceId, pagination: { first: 100 } },\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 analytics: {error.message}</div>;\n  }\n\n  const roadmap = data?.planmagnetRoadmap;\n  if (!roadmap) return <div className=\"p-6 text-muted-foreground\">Roadmap not found.</div>;\n\n  const items: RoadmapItemNode[] = roadmap.items ?? [];\n  const allFeatures = featuresData?.featureRequests?.items ?? [];\n\n  const completedItems = items.filter((i) => i.status === 'COMPLETED' || i.status === 'DONE');\n  const progress = items.length > 0 ? Math.round((completedItems.length / items.length) * 100) : 0;\n\n  // Items by status\n  const itemsByStatus: Record<string, number> = {};\n  for (const item of items) {\n    itemsByStatus[item.status] = (itemsByStatus[item.status] || 0) + 1;\n  }\n\n  // Feature status distribution\n  const featuresByStatus: Record<string, number> = {};\n  for (const f of allFeatures) {\n    featuresByStatus[f.status] = (featuresByStatus[f.status] || 0) + 1;\n  }\n\n  // Items by swimlane\n  const itemsBySwimlane: Record<string, number> = {};\n  for (const item of items) {\n    const lane = item.swimlane ?? 'Uncategorized';\n    itemsBySwimlane[lane] = (itemsBySwimlane[lane] || 0) + 1;\n  }\n\n  // Items with overdue end dates\n  const now = new Date();\n  const overdueItems = items.filter(\n    (i) => i.endDate && new Date(i.endDate) < now && i.status !== 'COMPLETED' && i.status !== 'DONE'\n  );\n\n  // Health score based on progress and overdue items\n  const healthScore = Math.max(\n    0,\n    Math.round(progress * 0.7 + (1 - overdueItems.length / Math.max(items.length, 1)) * 30)\n  );\n\n  // Monthly velocity (items completed by month based on endDate)\n  const velocityMap: Record<string, { planned: number; completed: number }> = {};\n  for (const item of items) {\n    if (item.endDate) {\n      const month = new Date(item.endDate).toLocaleDateString('en-US', {\n        month: 'short',\n        year: '2-digit',\n      });\n      if (!velocityMap[month]) velocityMap[month] = { planned: 0, completed: 0 };\n      velocityMap[month].planned += 1;\n      if (item.status === 'COMPLETED' || item.status === 'DONE') {\n        velocityMap[month].completed += 1;\n      }\n    }\n  }\n  const velocityData = Object.entries(velocityMap)\n    .map(([month, vals]) => ({ month, ...vals }))\n    .slice(-6);\n  const maxVal = Math.max(...velocityData.map((d) => Math.max(d.planned, d.completed)), 1);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Roadmap Analytics</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {roadmap.name} - {roadmap.type.toLowerCase()}\n        </p>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Target className=\"h-4 w-4\" />\n              Health Score\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{healthScore}/100</p>\n            <div className=\"w-full h-2 rounded-full bg-muted mt-2 overflow-hidden\">\n              <div\n                className=\"h-full rounded-full bg-green-500\"\n                style={{ width: `${healthScore}%` }}\n              />\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <TrendingUp className=\"h-4 w-4\" />\n              Progress\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{progress}%</p>\n            <p className=\"text-xs text-muted-foreground mt-1\">{items.length} items total</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <CheckCircle className=\"h-4 w-4\" />\n              Completed\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{completedItems.length}</p>\n            <p className=\"text-xs text-muted-foreground mt-1\">items completed</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <AlertTriangle className=\"h-4 w-4\" />\n              Overdue\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{overdueItems.length}</p>\n            <p className=\"text-xs text-muted-foreground mt-1\">items past end date</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <BarChart3 className=\"h-4 w-4\" />\n              Item Velocity\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            {velocityData.length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-8\">\n                No timeline data available\n              </p>\n            ) : (\n              <div className=\"flex items-end gap-2 h-48\">\n                {velocityData.map((d) => (\n                  <div key={d.month} className=\"flex-1 flex flex-col items-center gap-1\">\n                    <div className=\"flex gap-0.5 items-end w-full justify-center h-40\">\n                      <div\n                        className=\"w-3 bg-primary/30 rounded-t\"\n                        style={{ height: `${(d.planned / maxVal) * 100}%` }}\n                        title={`Planned: ${d.planned}`}\n                      />\n                      <div\n                        className=\"w-3 bg-primary rounded-t\"\n                        style={{ height: `${(d.completed / maxVal) * 100}%` }}\n                        title={`Completed: ${d.completed}`}\n                      />\n                    </div>\n                    <span className=\"text-xs text-muted-foreground\">{d.month}</span>\n                  </div>\n                ))}\n              </div>\n            )}\n            <div className=\"flex gap-4 justify-center mt-3 text-xs\">\n              <span className=\"flex items-center gap-1\">\n                <span className=\"h-2 w-2 rounded bg-primary/30\" />\n                Planned\n              </span>\n              <span className=\"flex items-center gap-1\">\n                <span className=\"h-2 w-2 rounded bg-primary\" />\n                Completed\n              </span>\n            </div>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Item Status Breakdown</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(itemsByStatus).map(([status, count]) => {\n              const total = items.length;\n              const pct = total > 0 ? Math.round((count / total) * 100) : 0;\n              const colors: Record<string, string> = {\n                TODO: 'bg-gray-400',\n                PLANNED: 'bg-yellow-400',\n                IN_PROGRESS: 'bg-blue-400',\n                BLOCKED: 'bg-red-400',\n                DONE: 'bg-green-400',\n                COMPLETED: 'bg-green-400',\n              };\n              return (\n                <div key={status}>\n                  <div className=\"flex justify-between text-sm mb-1\">\n                    <span className=\"capitalize\">{status.toLowerCase().replace('_', ' ')}</span>\n                    <span className=\"font-medium\">\n                      {count} ({pct}%)\n                    </span>\n                  </div>\n                  <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n                    <div\n                      className={`h-full rounded-full ${colors[status] ?? 'bg-gray-300'}`}\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Feature Request Status</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(featuresByStatus).length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">\n                No feature request data\n              </p>\n            ) : (\n              Object.entries(featuresByStatus).map(([status, count]) => {\n                const total = allFeatures.length;\n                const pct = total > 0 ? Math.round((count / total) * 100) : 0;\n                const colors: Record<string, string> = {\n                  SUBMITTED: 'bg-gray-400',\n                  UNDER_REVIEW: 'bg-yellow-400',\n                  PLANNED: 'bg-blue-400',\n                  IN_PROGRESS: 'bg-purple-400',\n                  COMPLETED: 'bg-green-400',\n                  DECLINED: 'bg-red-400',\n                };\n                return (\n                  <div key={status}>\n                    <div className=\"flex justify-between text-sm mb-1\">\n                      <span className=\"capitalize\">{status.toLowerCase().replace('_', ' ')}</span>\n                      <span className=\"font-medium\">\n                        {count} ({pct}%)\n                      </span>\n                    </div>\n                    <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n                      <div\n                        className={`h-full rounded-full ${colors[status] ?? 'bg-gray-300'}`}\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                  </div>\n                );\n              })\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Swimlane Distribution</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(itemsBySwimlane).length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">No swimlane data</p>\n            ) : (\n              Object.entries(itemsBySwimlane).map(([lane, count]) => {\n                const total = items.length;\n                const pct = total > 0 ? Math.round((count / total) * 100) : 0;\n                return (\n                  <div key={lane}>\n                    <div className=\"flex justify-between text-sm mb-1\">\n                      <span>{lane}</span>\n                      <span className=\"font-medium\">\n                        {count} ({pct}%)\n                      </span>\n                    </div>\n                    <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n                      <div\n                        className=\"h-full rounded-full bg-primary\"\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                  </div>\n                );\n              })\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      {overdueItems.length > 0 && (\n        <Card>\n          <CardHeader>\n            <CardTitle>Overdue Items</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"space-y-3\">\n              {overdueItems.map((item) => (\n                <div\n                  key={item.id}\n                  className=\"flex items-center justify-between border rounded-md p-3\"\n                >\n                  <div>\n                    <p className=\"text-sm font-medium\">{item.title}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      Due: {item.endDate ? new Date(item.endDate).toLocaleDateString() : 'N/A'}\n                    </p>\n                  </div>\n                  <span className=\"text-xs px-2 py-0.5 rounded-full bg-red-100 text-red-800 capitalize\">\n                    {item.status.toLowerCase().replace('_', ' ')}\n                  </span>\n                </div>\n              ))}\n            </div>\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/ProductsRoadmapDetailPagePage.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsRoadmapDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsRoadmapDetailPagePage.tsx"],"names":[],"mappings":"AA6DA,wBAAgB,6BAA6B,4CAuL5C"}