@burdenoff/microfe-planmagnet 2026.925.18 → 2026.926.2

package/dist/planmagnet/pages/ProductsRoadmapDetailPagePage.js

@@ -1,13 +1,14 @@
 import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
 import { PersonName as t } from "../people/People.js";
-import { Calendar as n, Loader2 as r, Map as i } from "lucide-react";
-import { useParams as a } from "react-router";
-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, Card as d, CardContent as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
+import { PlanningFocusBadge as n, planningFocusLabel as r } from "../roadmaps/planningFocus.js";
+import { Calendar as i, Loader2 as a, Map as o } from "lucide-react";
+import { useParams as s } from "react-router";
+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, Card as p, CardContent as m, CardHeader as h, CardTitle as g } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProductsRoadmapDetailPagePage.tsx
-var h = o`
+var _ = c`
   query GetRoadmapDetailPage($id: ID!) {
     planmagnetRoadmap(id: $id) {
       id
@@ -15,6 +16,7 @@ var h = o`
       name
       description
       type
+      planningFocus
       isPublic
       ownerId
       createdAt
@@ -34,7 +36,7 @@ var h = o`
       }
     }
   }
-`, g = {
+`, v = {
 	TODO: "bg-gray-100 text-gray-800",
 	IN_PROGRESS: "bg-blue-100 text-blue-800",
 	DONE: "bg-green-100 text-green-800",
@@ -42,184 +44,176 @@ var h = o`
 	BLOCKED: "bg-red-100 text-red-800",
 	PLANNED: "bg-yellow-100 text-yellow-800"
 };
-function _() {
-	let { workspaceId: o } = e(), _ = a().id ?? "", { data: v, loading: y, error: b } = s(h, {
-		variables: { id: _ },
-		skip: !_
+function y() {
+	let { workspaceId: c } = e(), y = s().id ?? "", { data: b, loading: x, error: S } = l(_, {
+		variables: { id: y },
+		skip: !y
 	});
-	if (y && !v) return /* @__PURE__ */ c("div", {
+	if (x && !b) return /* @__PURE__ */ u("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ c(r, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		children: /* @__PURE__ */ u(a, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (b) return /* @__PURE__ */ l("div", {
+	if (S) return /* @__PURE__ */ d("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load roadmap: ", b.message]
+		children: ["Failed to load roadmap: ", S.message]
 	});
-	let x = v?.planmagnetRoadmap;
-	if (!x) return /* @__PURE__ */ c("div", {
+	let C = b?.planmagnetRoadmap;
+	if (!C) return /* @__PURE__ */ u("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Roadmap not found."
 	});
-	let S = (x.items ?? []).slice().sort((e, t) => e.sortOrder - t.sortOrder), C = S.filter((e) => e.status === "COMPLETED" || e.status === "DONE"), w = S.length > 0 ? Math.round(C.length / S.length * 100) : 0, T = {};
-	for (let e of S) {
+	let w = (C.items ?? []).slice().sort((e, t) => e.sortOrder - t.sortOrder), T = w.filter((e) => e.status === "COMPLETED" || e.status === "DONE"), E = w.length > 0 ? Math.round(T.length / w.length * 100) : 0, D = {};
+	for (let e of w) {
 		let t = e.swimlane ?? "Uncategorized";
-		T[t] || (T[t] = []), T[t].push(e);
+		D[t] || (D[t] = []), D[t].push(e);
 	}
-	return /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ d("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ d("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ c(i, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ c("h1", {
+					children: [/* @__PURE__ */ u(o, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ u("h1", {
 						className: "text-2xl font-semibold",
-						children: x.name
+						children: C.name
 					})]
-				}), /* @__PURE__ */ c("p", {
+				}), /* @__PURE__ */ u("p", {
 					className: "text-sm text-muted-foreground mt-1",
-					children: x.description ?? "No description"
-				})] }), /* @__PURE__ */ l("div", {
+					children: C.description ?? "No description"
+				})] }), /* @__PURE__ */ d("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ c(u, {
-						variant: x.isPublic ? "default" : "secondary",
+					children: [/* @__PURE__ */ u(f, {
+						variant: C.isPublic ? "default" : "secondary",
 						className: "capitalize",
-						children: x.isPublic ? "public" : "private"
-					}), /* @__PURE__ */ c(u, {
-						variant: "outline",
-						className: "capitalize",
-						children: x.type.toLowerCase()
-					})]
+						children: C.isPublic ? "public" : "private"
+					}), /* @__PURE__ */ u(n, { focus: C.planningFocus })]
 				})]
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ u("div", {
 				className: "grid grid-cols-2 md:grid-cols-5 gap-4",
 				children: [
 					{
 						label: "Progress",
-						value: `${w}%`
+						value: `${E}%`
 					},
 					{
 						label: "Total Items",
-						value: S.length
+						value: w.length
 					},
 					{
 						label: "Completed",
-						value: C.length
+						value: T.length
 					},
 					{
-						label: "Type",
-						value: x.type.toLowerCase()
+						label: "Planning focus",
+						value: r(C.planningFocus)
 					},
 					{
 						label: "Visibility",
-						value: x.isPublic ? "Public" : "Private"
+						value: C.isPublic ? "Public" : "Private"
 					}
-				].map((e) => /* @__PURE__ */ c(d, { children: /* @__PURE__ */ l(f, {
+				].map((e) => /* @__PURE__ */ u(p, { children: /* @__PURE__ */ d(m, {
 					className: "pt-4 text-center",
-					children: [/* @__PURE__ */ c("p", {
+					children: [/* @__PURE__ */ u("p", {
 						className: "text-xs text-muted-foreground",
 						children: e.label
-					}), /* @__PURE__ */ c("p", {
+					}), /* @__PURE__ */ u("p", {
 						className: "text-lg font-semibold capitalize",
 						children: e.value
 					})]
 				}) }, e.label))
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ d("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "lg:col-span-2 space-y-6",
-					children: [/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ c(m, { children: "Progress Overview" }) }), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l("div", {
+					children: [/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Progress Overview" }) }), /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ d("div", {
 						className: "flex justify-between text-sm mb-2",
-						children: [/* @__PURE__ */ c("span", {
+						children: [/* @__PURE__ */ u("span", {
 							className: "text-muted-foreground",
 							children: "Overall Completion"
-						}), /* @__PURE__ */ l("span", {
+						}), /* @__PURE__ */ d("span", {
 							className: "font-medium",
-							children: [w, "%"]
+							children: [E, "%"]
 						})]
-					}), /* @__PURE__ */ c("div", {
+					}), /* @__PURE__ */ u("div", {
 						className: "w-full h-4 rounded-full bg-muted overflow-hidden",
-						children: /* @__PURE__ */ c("div", {
+						children: /* @__PURE__ */ u("div", {
 							className: "h-full bg-primary rounded-full transition-all",
-							style: { width: `${w}%` }
+							style: { width: `${E}%` }
 						})
-					})] })] }), Object.entries(T).map(([e, t]) => /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ l(m, { children: [
+					})] })] }), Object.entries(D).map(([e, t]) => /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ d(g, { children: [
 						e,
 						" (",
 						t.length,
 						")"
-					] }) }), /* @__PURE__ */ c(f, {
+					] }) }), /* @__PURE__ */ u(m, {
 						className: "space-y-3",
-						children: t.map((e) => /* @__PURE__ */ l("div", {
+						children: t.map((e) => /* @__PURE__ */ d("div", {
 							className: "flex items-center justify-between border rounded-md p-3",
-							children: [/* @__PURE__ */ l("div", { children: [
-								/* @__PURE__ */ c("p", {
+							children: [/* @__PURE__ */ d("div", { children: [
+								/* @__PURE__ */ u("p", {
 									className: "text-sm font-medium",
 									children: e.title
 								}),
-								e.description && /* @__PURE__ */ l("p", {
+								e.description && /* @__PURE__ */ d("p", {
 									className: "text-xs text-muted-foreground",
 									children: [e.description.slice(0, 60), "..."]
 								}),
-								(e.startDate || e.endDate) && /* @__PURE__ */ l("div", {
+								(e.startDate || e.endDate) && /* @__PURE__ */ d("div", {
 									className: "flex items-center gap-1 mt-1 text-xs text-muted-foreground",
 									children: [
-										/* @__PURE__ */ c(n, { className: "h-3 w-3" }),
+										/* @__PURE__ */ u(i, { className: "h-3 w-3" }),
 										e.startDate ? new Date(e.startDate).toLocaleDateString() : "?",
 										" - ",
 										e.endDate ? new Date(e.endDate).toLocaleDateString() : "?"
 									]
 								})
-							] }), /* @__PURE__ */ l("div", {
+							] }), /* @__PURE__ */ d("div", {
 								className: "flex items-center gap-2",
-								children: [e.color && /* @__PURE__ */ c("div", {
+								children: [e.color && /* @__PURE__ */ u("div", {
 									className: "h-3 w-3 rounded-full",
 									style: { backgroundColor: e.color }
-								}), /* @__PURE__ */ c("span", {
-									className: `text-xs px-2 py-0.5 rounded-full capitalize ${g[e.status] ?? "bg-gray-100"}`,
+								}), /* @__PURE__ */ u("span", {
+									className: `text-xs px-2 py-0.5 rounded-full capitalize ${v[e.status] ?? "bg-gray-100"}`,
 									children: e.status.toLowerCase().replace("_", " ")
 								})]
 							})]
 						}, e.id))
 					})] }, e))]
-				}), /* @__PURE__ */ c("div", {
+				}), /* @__PURE__ */ u("div", {
 					className: "space-y-6",
-					children: /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ c(m, { children: "Details" }) }), /* @__PURE__ */ l(f, {
+					children: /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Details" }) }), /* @__PURE__ */ d(m, {
 						className: "space-y-2 text-sm",
 						children: [
-							/* @__PURE__ */ l("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ u("span", {
 									className: "text-muted-foreground",
-									children: "Type"
-								}), /* @__PURE__ */ c(u, {
-									variant: "outline",
-									className: "text-xs capitalize",
-									children: x.type.toLowerCase()
-								})]
+									children: "Planning focus"
+								}), /* @__PURE__ */ u(n, { focus: C.planningFocus })]
 							}),
-							/* @__PURE__ */ l("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ u("span", {
 									className: "text-muted-foreground",
 									children: "Owner"
-								}), /* @__PURE__ */ c("span", { children: /* @__PURE__ */ c(t, { id: x.ownerId }) })]
+								}), /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(t, { id: C.ownerId }) })]
 							}),
-							/* @__PURE__ */ l("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ u("span", {
 									className: "text-muted-foreground",
 									children: "Created"
-								}), /* @__PURE__ */ c("span", { children: new Date(x.createdAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ u("span", { children: new Date(C.createdAt).toLocaleDateString() })]
 							}),
-							/* @__PURE__ */ l("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ u("span", {
 									className: "text-muted-foreground",
 									children: "Updated"
-								}), /* @__PURE__ */ c("span", { children: new Date(x.updatedAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ u("span", { children: new Date(C.updatedAt).toLocaleDateString() })]
 							})
 						]
 					})] })
@@ -229,6 +223,6 @@ function _() {
 	});
 }
 //#endregion
-export { _ as ProductsRoadmapDetailPagePage };
+export { y as ProductsRoadmapDetailPagePage };
 
 //# sourceMappingURL=ProductsRoadmapDetailPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsRoadmapDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsRoadmapDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Map, Calendar, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\n\nconst GET_ROADMAP = gql`\n  query GetRoadmapDetailPage($id: ID!) {\n    planmagnetRoadmap(id: $id) {\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        description\n        status\n        startDate\n        endDate\n        color\n        swimlane\n        sortOrder\n        projectId\n        milestoneId\n      }\n    }\n  }\n`;\n\ninterface RoadmapItemNode {\n  id: string;\n  title: string;\n  description: string | null;\n  status: string;\n  startDate: string | null;\n  endDate: string | null;\n  color: string | null;\n  swimlane: string | null;\n  sortOrder: number;\n  projectId: string | null;\n  milestoneId: string | null;\n}\n\nconst statusColor: Record<string, string> = {\n  TODO: 'bg-gray-100 text-gray-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  DONE: 'bg-green-100 text-green-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n  BLOCKED: 'bg-red-100 text-red-800',\n  PLANNED: 'bg-yellow-100 text-yellow-800',\n};\n\nexport function ProductsRoadmapDetailPagePage() {\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, {\n      variables: { id: roadmapId },\n      skip: !roadmapId,\n    });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load roadmap: {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    .slice()\n    .sort((a: RoadmapItemNode, b: RoadmapItemNode) => a.sortOrder - b.sortOrder);\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  // Group items by swimlane\n  const swimlaneGroups: Record<string, RoadmapItemNode[]> = {};\n  for (const item of items) {\n    const lane = item.swimlane ?? 'Uncategorized';\n    if (!swimlaneGroups[lane]) swimlaneGroups[lane] = [];\n    swimlaneGroups[lane].push(item);\n  }\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <Map className=\"h-5 w-5 text-primary\" />\n            <h1 className=\"text-2xl font-semibold\">{roadmap.name}</h1>\n          </div>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {roadmap.description ?? 'No description'}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Badge variant={roadmap.isPublic ? 'default' : 'secondary'} className=\"capitalize\">\n            {roadmap.isPublic ? 'public' : 'private'}\n          </Badge>\n          <Badge variant=\"outline\" className=\"capitalize\">\n            {roadmap.type.toLowerCase()}\n          </Badge>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-5 gap-4\">\n        {[\n          { label: 'Progress', value: `${progress}%` },\n          { label: 'Total Items', value: items.length },\n          { label: 'Completed', value: completedItems.length },\n          { label: 'Type', value: roadmap.type.toLowerCase() },\n          { label: 'Visibility', value: roadmap.isPublic ? 'Public' : 'Private' },\n        ].map((s) => (\n          <Card key={s.label}>\n            <CardContent className=\"pt-4 text-center\">\n              <p className=\"text-xs text-muted-foreground\">{s.label}</p>\n              <p className=\"text-lg font-semibold capitalize\">{s.value}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Progress Overview</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"flex justify-between text-sm mb-2\">\n                <span className=\"text-muted-foreground\">Overall Completion</span>\n                <span className=\"font-medium\">{progress}%</span>\n              </div>\n              <div className=\"w-full h-4 rounded-full bg-muted overflow-hidden\">\n                <div\n                  className=\"h-full bg-primary rounded-full transition-all\"\n                  style={{ width: `${progress}%` }}\n                />\n              </div>\n            </CardContent>\n          </Card>\n\n          {Object.entries(swimlaneGroups).map(([lane, laneItems]) => (\n            <Card key={lane}>\n              <CardHeader>\n                <CardTitle>\n                  {lane} ({laneItems.length})\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {laneItems.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                      {item.description && (\n                        <p className=\"text-xs text-muted-foreground\">\n                          {item.description.slice(0, 60)}...\n                        </p>\n                      )}\n                      {(item.startDate || item.endDate) && (\n                        <div className=\"flex items-center gap-1 mt-1 text-xs text-muted-foreground\">\n                          <Calendar className=\"h-3 w-3\" />\n                          {item.startDate ? new Date(item.startDate).toLocaleDateString() : '?'}\n                          {' - '}\n                          {item.endDate ? new Date(item.endDate).toLocaleDateString() : '?'}\n                        </div>\n                      )}\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      {item.color && (\n                        <div\n                          className=\"h-3 w-3 rounded-full\"\n                          style={{ backgroundColor: item.color }}\n                        />\n                      )}\n                      <span\n                        className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[item.status] ?? 'bg-gray-100'}`}\n                      >\n                        {item.status.toLowerCase().replace('_', ' ')}\n                      </span>\n                    </div>\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Type</span>\n                <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                  {roadmap.type.toLowerCase()}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Owner</span>\n                <span>\n                  <PersonName id={roadmap.ownerId} />\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Created</span>\n                <span>{new Date(roadmap.createdAt).toLocaleDateString()}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{new Date(roadmap.updatedAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,IAAM,IAAc,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CjB,IAAsC;CAC1C,MAAM;CACN,aAAa;CACb,MAAM;CACN,WAAW;CACX,SAAS;CACT,SAAS;CACV;AAED,SAAgB,IAAgC;CAC9C,IAAM,EAAE,mBAAgB,GAAe,EAEjC,IADS,GAA2B,CACjB,MAAM,IAEzB,EACJ,SACA,YACA,aAGA,EAA8B,GAAa;EACzC,WAAW,EAAE,IAAI,GAAW;EAC5B,MAAM,CAAC;EACR,CAAC;AAMJ,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,8CAA+C,CAAA;EAC9D,CAAA;AAIV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAsC,4BAAyB,EAAM,QAAc;;CAG5F,IAAM,IAAU,GAAM;AACtB,KAAI,CAAC,EAAS,QAAO,kBAAC,OAAD;EAAK,WAAU;YAA4B;EAAwB,CAAA;CAExF,IAAM,KAA4B,EAAQ,SAAS,EAAE,EAClD,OAAO,CACP,MAAM,GAAoB,MAAuB,EAAE,YAAY,EAAE,UAAU,EACxE,IAAiB,EAAM,QAAQ,MAAM,EAAE,WAAW,eAAe,EAAE,WAAW,OAAO,EACrF,IAAW,EAAM,SAAS,IAAI,KAAK,MAAO,EAAe,SAAS,EAAM,SAAU,IAAI,GAAG,GAGzF,IAAoD,EAAE;AAC5D,MAAK,IAAM,KAAQ,GAAO;EACxB,IAAM,IAAO,EAAK,YAAY;AAE9B,EADK,EAAe,OAAO,EAAe,KAAQ,EAAE,GACpD,EAAe,GAAM,KAAK,EAAK;;AAGjC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAK,WAAU,wBAAyB,CAAA,EACxC,kBAAC,MAAD;MAAI,WAAU;gBAA0B,EAAQ;MAAU,CAAA,CACtD;QACN,kBAAC,KAAD;KAAG,WAAU;eACV,EAAQ,eAAe;KACtB,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAO,SAAS,EAAQ,WAAW,YAAY;MAAa,WAAU;gBACnE,EAAQ,WAAW,WAAW;MACzB,CAAA,EACR,kBAAC,GAAD;MAAO,SAAQ;MAAU,WAAU;gBAChC,EAAQ,KAAK,aAAa;MACrB,CAAA,CACJ;OACF;;GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ;KACC;MAAE,OAAO;MAAY,OAAO,GAAG,EAAS;MAAI;KAC5C;MAAE,OAAO;MAAe,OAAO,EAAM;MAAQ;KAC7C;MAAE,OAAO;MAAa,OAAO,EAAe;MAAQ;KACpD;MAAE,OAAO;MAAQ,OAAO,EAAQ,KAAK,aAAa;MAAE;KACpD;MAAE,OAAO;MAAc,OAAO,EAAQ,WAAW,WAAW;MAAW;KACxE,CAAC,KAAK,MACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAiC,EAAE;MAAU,CAAA,EAC1D,kBAAC,KAAD;MAAG,WAAU;gBAAoC,EAAE;MAAU,CAAA,CACjD;QACT,EALI,EAAE,MAKN,CACP;IACE,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,qBAA6B,CAAA,EAC7B,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAwB;OAAyB,CAAA,EACjE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAA+B,GAAS,IAAQ;SAC5C;SACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OACE,WAAU;OACV,OAAO,EAAE,OAAO,GAAG,EAAS,IAAI;OAChC,CAAA;MACE,CAAA,CACM,EAAA,CAAA,CACT,EAAA,CAAA,EAEN,OAAO,QAAQ,EAAe,CAAC,KAAK,CAAC,GAAM,OAC1C,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA;MACG;MAAK;MAAG,EAAU;MAAO;MAChB,EAAA,CAAA,EACD,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBACpB,EAAU,KAAK,MACd,kBAAC,OAAD;OAEE,WAAU;iBAFZ,CAIE,kBAAC,OAAD,EAAA,UAAA;QACE,kBAAC,KAAD;SAAG,WAAU;mBAAuB,EAAK;SAAU,CAAA;QAClD,EAAK,eACJ,kBAAC,KAAD;SAAG,WAAU;mBAAb,CACG,EAAK,YAAY,MAAM,GAAG,GAAG,EAAC,MAC7B;;SAEJ,EAAK,aAAa,EAAK,YACvB,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;UAC/B,EAAK,YAAY,IAAI,KAAK,EAAK,UAAU,CAAC,oBAAoB,GAAG;UACjE;UACA,EAAK,UAAU,IAAI,KAAK,EAAK,QAAQ,CAAC,oBAAoB,GAAG;UAC1D;;QAEJ,EAAA,CAAA,EACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACG,EAAK,SACJ,kBAAC,OAAD;SACE,WAAU;SACV,OAAO,EAAE,iBAAiB,EAAK,OAAO;SACtC,CAAA,EAEJ,kBAAC,QAAD;SACE,WAAW,+CAA+C,EAAY,EAAK,WAAW;mBAErF,EAAK,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;SACvC,CAAA,CACH;UACF;SAhCC,EAAK,GAgCN,CACN;MACU,CAAA,CACT,EAAA,EA5CI,EA4CJ,CACP,CACE;QAEN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,WAAmB,CAAA,EACnB,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAW,CAAA,EACnD,kBAAC,GAAD;SAAO,SAAQ;SAAU,WAAU;mBAChC,EAAQ,KAAK,aAAa;SACrB,CAAA,CACJ;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAY,CAAA,EACpD,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD,EAAY,IAAI,EAAQ,SAAW,CAAA,EAC9B,CAAA,CACH;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAc,CAAA,EACtD,kBAAC,QAAD,EAAA,UAAO,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB,EAAQ,CAAA,CAC3D;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAc,CAAA,EACtD,kBAAC,QAAD,EAAA,UAAO,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB,EAAQ,CAAA,CAC3D;;OACM;QACT,EAAA,CAAA;KACH,CAAA,CACF;;GACF"}
+{"version":3,"file":"ProductsRoadmapDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsRoadmapDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Map, Calendar, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\nimport { PlanningFocusBadge, planningFocusLabel } from '../roadmaps/planningFocus';\n\nconst GET_ROADMAP = gql`\n  query GetRoadmapDetailPage($id: ID!) {\n    planmagnetRoadmap(id: $id) {\n      id\n      workspaceId\n      name\n      description\n      type\n      planningFocus\n      isPublic\n      ownerId\n      createdAt\n      updatedAt\n      items {\n        id\n        title\n        description\n        status\n        startDate\n        endDate\n        color\n        swimlane\n        sortOrder\n        projectId\n        milestoneId\n      }\n    }\n  }\n`;\n\ninterface RoadmapItemNode {\n  id: string;\n  title: string;\n  description: string | null;\n  status: string;\n  startDate: string | null;\n  endDate: string | null;\n  color: string | null;\n  swimlane: string | null;\n  sortOrder: number;\n  projectId: string | null;\n  milestoneId: string | null;\n}\n\nconst statusColor: Record<string, string> = {\n  TODO: 'bg-gray-100 text-gray-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  DONE: 'bg-green-100 text-green-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n  BLOCKED: 'bg-red-100 text-red-800',\n  PLANNED: 'bg-yellow-100 text-yellow-800',\n};\n\nexport function ProductsRoadmapDetailPagePage() {\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, {\n      variables: { id: roadmapId },\n      skip: !roadmapId,\n    });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load roadmap: {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    .slice()\n    .sort((a: RoadmapItemNode, b: RoadmapItemNode) => a.sortOrder - b.sortOrder);\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  // Group items by swimlane\n  const swimlaneGroups: Record<string, RoadmapItemNode[]> = {};\n  for (const item of items) {\n    const lane = item.swimlane ?? 'Uncategorized';\n    if (!swimlaneGroups[lane]) swimlaneGroups[lane] = [];\n    swimlaneGroups[lane].push(item);\n  }\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <Map className=\"h-5 w-5 text-primary\" />\n            <h1 className=\"text-2xl font-semibold\">{roadmap.name}</h1>\n          </div>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {roadmap.description ?? 'No description'}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Badge variant={roadmap.isPublic ? 'default' : 'secondary'} className=\"capitalize\">\n            {roadmap.isPublic ? 'public' : 'private'}\n          </Badge>\n          <PlanningFocusBadge focus={roadmap.planningFocus} />\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-5 gap-4\">\n        {[\n          { label: 'Progress', value: `${progress}%` },\n          { label: 'Total Items', value: items.length },\n          { label: 'Completed', value: completedItems.length },\n          { label: 'Planning focus', value: planningFocusLabel(roadmap.planningFocus) },\n          { label: 'Visibility', value: roadmap.isPublic ? 'Public' : 'Private' },\n        ].map((s) => (\n          <Card key={s.label}>\n            <CardContent className=\"pt-4 text-center\">\n              <p className=\"text-xs text-muted-foreground\">{s.label}</p>\n              <p className=\"text-lg font-semibold capitalize\">{s.value}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Progress Overview</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"flex justify-between text-sm mb-2\">\n                <span className=\"text-muted-foreground\">Overall Completion</span>\n                <span className=\"font-medium\">{progress}%</span>\n              </div>\n              <div className=\"w-full h-4 rounded-full bg-muted overflow-hidden\">\n                <div\n                  className=\"h-full bg-primary rounded-full transition-all\"\n                  style={{ width: `${progress}%` }}\n                />\n              </div>\n            </CardContent>\n          </Card>\n\n          {Object.entries(swimlaneGroups).map(([lane, laneItems]) => (\n            <Card key={lane}>\n              <CardHeader>\n                <CardTitle>\n                  {lane} ({laneItems.length})\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {laneItems.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                      {item.description && (\n                        <p className=\"text-xs text-muted-foreground\">\n                          {item.description.slice(0, 60)}...\n                        </p>\n                      )}\n                      {(item.startDate || item.endDate) && (\n                        <div className=\"flex items-center gap-1 mt-1 text-xs text-muted-foreground\">\n                          <Calendar className=\"h-3 w-3\" />\n                          {item.startDate ? new Date(item.startDate).toLocaleDateString() : '?'}\n                          {' - '}\n                          {item.endDate ? new Date(item.endDate).toLocaleDateString() : '?'}\n                        </div>\n                      )}\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      {item.color && (\n                        <div\n                          className=\"h-3 w-3 rounded-full\"\n                          style={{ backgroundColor: item.color }}\n                        />\n                      )}\n                      <span\n                        className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[item.status] ?? 'bg-gray-100'}`}\n                      >\n                        {item.status.toLowerCase().replace('_', ' ')}\n                      </span>\n                    </div>\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Planning focus</span>\n                <PlanningFocusBadge focus={roadmap.planningFocus} />\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Owner</span>\n                <span>\n                  <PersonName id={roadmap.ownerId} />\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Created</span>\n                <span>{new Date(roadmap.createdAt).toLocaleDateString()}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{new Date(roadmap.updatedAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,IAAM,IAAc,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CjB,IAAsC;CAC1C,MAAM;CACN,aAAa;CACb,MAAM;CACN,WAAW;CACX,SAAS;CACT,SAAS;CACV;AAED,SAAgB,IAAgC;CAC9C,IAAM,EAAE,mBAAgB,GAAe,EAEjC,IADS,GAA2B,CACjB,MAAM,IAEzB,EACJ,SACA,YACA,aAGA,EAA8B,GAAa;EACzC,WAAW,EAAE,IAAI,GAAW;EAC5B,MAAM,CAAC;EACR,CAAC;AAMJ,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,8CAA+C,CAAA;EAC9D,CAAA;AAIV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAsC,4BAAyB,EAAM,QAAc;;CAG5F,IAAM,IAAU,GAAM;AACtB,KAAI,CAAC,EAAS,QAAO,kBAAC,OAAD;EAAK,WAAU;YAA4B;EAAwB,CAAA;CAExF,IAAM,KAA4B,EAAQ,SAAS,EAAE,EAClD,OAAO,CACP,MAAM,GAAoB,MAAuB,EAAE,YAAY,EAAE,UAAU,EACxE,IAAiB,EAAM,QAAQ,MAAM,EAAE,WAAW,eAAe,EAAE,WAAW,OAAO,EACrF,IAAW,EAAM,SAAS,IAAI,KAAK,MAAO,EAAe,SAAS,EAAM,SAAU,IAAI,GAAG,GAGzF,IAAoD,EAAE;AAC5D,MAAK,IAAM,KAAQ,GAAO;EACxB,IAAM,IAAO,EAAK,YAAY;AAE9B,EADK,EAAe,OAAO,EAAe,KAAQ,EAAE,GACpD,EAAe,GAAM,KAAK,EAAK;;AAGjC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAK,WAAU,wBAAyB,CAAA,EACxC,kBAAC,MAAD;MAAI,WAAU;gBAA0B,EAAQ;MAAU,CAAA,CACtD;QACN,kBAAC,KAAD;KAAG,WAAU;eACV,EAAQ,eAAe;KACtB,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAO,SAAS,EAAQ,WAAW,YAAY;MAAa,WAAU;gBACnE,EAAQ,WAAW,WAAW;MACzB,CAAA,EACR,kBAAC,GAAD,EAAoB,OAAO,EAAQ,eAAiB,CAAA,CAChD;OACF;;GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ;KACC;MAAE,OAAO;MAAY,OAAO,GAAG,EAAS;MAAI;KAC5C;MAAE,OAAO;MAAe,OAAO,EAAM;MAAQ;KAC7C;MAAE,OAAO;MAAa,OAAO,EAAe;MAAQ;KACpD;MAAE,OAAO;MAAkB,OAAO,EAAmB,EAAQ,cAAc;MAAE;KAC7E;MAAE,OAAO;MAAc,OAAO,EAAQ,WAAW,WAAW;MAAW;KACxE,CAAC,KAAK,MACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAiC,EAAE;MAAU,CAAA,EAC1D,kBAAC,KAAD;MAAG,WAAU;gBAAoC,EAAE;MAAU,CAAA,CACjD;QACT,EALI,EAAE,MAKN,CACP;IACE,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,qBAA6B,CAAA,EAC7B,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAwB;OAAyB,CAAA,EACjE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAA+B,GAAS,IAAQ;SAC5C;SACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OACE,WAAU;OACV,OAAO,EAAE,OAAO,GAAG,EAAS,IAAI;OAChC,CAAA;MACE,CAAA,CACM,EAAA,CAAA,CACT,EAAA,CAAA,EAEN,OAAO,QAAQ,EAAe,CAAC,KAAK,CAAC,GAAM,OAC1C,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA;MACG;MAAK;MAAG,EAAU;MAAO;MAChB,EAAA,CAAA,EACD,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBACpB,EAAU,KAAK,MACd,kBAAC,OAAD;OAEE,WAAU;iBAFZ,CAIE,kBAAC,OAAD,EAAA,UAAA;QACE,kBAAC,KAAD;SAAG,WAAU;mBAAuB,EAAK;SAAU,CAAA;QAClD,EAAK,eACJ,kBAAC,KAAD;SAAG,WAAU;mBAAb,CACG,EAAK,YAAY,MAAM,GAAG,GAAG,EAAC,MAC7B;;SAEJ,EAAK,aAAa,EAAK,YACvB,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;UAC/B,EAAK,YAAY,IAAI,KAAK,EAAK,UAAU,CAAC,oBAAoB,GAAG;UACjE;UACA,EAAK,UAAU,IAAI,KAAK,EAAK,QAAQ,CAAC,oBAAoB,GAAG;UAC1D;;QAEJ,EAAA,CAAA,EACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACG,EAAK,SACJ,kBAAC,OAAD;SACE,WAAU;SACV,OAAO,EAAE,iBAAiB,EAAK,OAAO;SACtC,CAAA,EAEJ,kBAAC,QAAD;SACE,WAAW,+CAA+C,EAAY,EAAK,WAAW;mBAErF,EAAK,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;SACvC,CAAA,CACH;UACF;SAhCC,EAAK,GAgCN,CACN;MACU,CAAA,CACT,EAAA,EA5CI,EA4CJ,CACP,CACE;QAEN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,WAAmB,CAAA,EACnB,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAqB,CAAA,EAC7D,kBAAC,GAAD,EAAoB,OAAO,EAAQ,eAAiB,CAAA,CAChD;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAY,CAAA,EACpD,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD,EAAY,IAAI,EAAQ,SAAW,CAAA,EAC9B,CAAA,CACH;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAc,CAAA,EACtD,kBAAC,QAAD,EAAA,UAAO,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB,EAAQ,CAAA,CAC3D;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAc,CAAA,EACtD,kBAAC,QAAD,EAAA,UAAO,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB,EAAQ,CAAA,CAC3D;;OACM;QACT,EAAA,CAAA;KACH,CAAA,CACF;;GACF"}

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":"AAoEA,wBAAgB,wBAAwB,4CA8KvC"}
+{"version":3,"file":"ProductsRoadmapsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsRoadmapsPagePage.tsx"],"names":[],"mappings":"AAoEA,wBAAgB,wBAAwB,4CA+KvC"}