@burdenoff/microfe-planmagnet 2026.509.103

package/dist/planmagnet/pages/ProductsRoadmapDetailPagePage.js

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

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

@@ -0,0 +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-dom';\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  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 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>{roadmap.ownerId}</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":"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"}

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

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

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

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

package/dist/planmagnet/pages/ProductsRoadmapsPagePage.js

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

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

@@ -0,0 +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 } from '../providers/PlanMagnetProvider';\n\nconst LIST_ROADMAPS = gql`\n  query ListRoadmapsPage($workspaceId: ID!, $filter: RoadmapFilter, $pagination: PaginationInput) {\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 { 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\">\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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"}

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

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

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

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

package/dist/planmagnet/pages/ProjectsActiveProjectsPagePage.js

@@ -0,0 +1,116 @@
+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";
+//#region src/planmagnet/pages/ProjectsActiveProjectsPagePage.tsx
+var d = n`
+  query GetActiveProjects($workspaceId: ID!) {
+    planmagnetProjects(
+      workspaceId: $workspaceId
+      filter: { status: ACTIVE }
+      pagination: { first: 100 }
+    ) {
+      items {
+        id
+        name
+        key
+        description
+        status
+        methodology
+        ownerId
+        startDate
+        endDate
+        tags
+        createdAt
+      }
+      totalCount
+    }
+  }
+`;
+function f() {
+	let { workspaceId: n } = e(), { data: f, loading: p, error: m } = r(d, { variables: { workspaceId: n ?? "default" } });
+	if (p) return /* @__PURE__ */ i("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" })
+	});
+	if (m) return /* @__PURE__ */ a("div", {
+		className: "p-6 text-red-500",
+		children: ["Error loading active projects: ", m.message]
+	});
+	let h = f?.planmagnetProjects?.items ?? [];
+	return /* @__PURE__ */ a("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
+				className: "text-2xl font-semibold",
+				children: "Active Projects"
+			}), /* @__PURE__ */ a("p", {
+				className: "text-sm text-muted-foreground",
+				children: [h.length, " active projects in progress"]
+			})] }),
+			/* @__PURE__ */ i("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
+							]
+						})
+					]
+				})] }, e.id))
+			}),
+			h.length === 0 && /* @__PURE__ */ i("p", {
+				className: "text-center text-muted-foreground py-8",
+				children: "No active projects."
+			})
+		]
+	});
+}
+//#endregion
+export { f as ProjectsActiveProjectsPagePage };
+
+//# sourceMappingURL=ProjectsActiveProjectsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsActiveProjectsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsActiveProjectsPagePage.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 { Users } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst GET_ACTIVE_PROJECTS = gql`\n  query GetActiveProjects($workspaceId: ID!) {\n    planmagnetProjects(\n      workspaceId: $workspaceId\n      filter: { status: ACTIVE }\n      pagination: { first: 100 }\n    ) {\n      items {\n        id\n        name\n        key\n        description\n        status\n        methodology\n        ownerId\n        startDate\n        endDate\n        tags\n        createdAt\n      }\n      totalCount\n    }\n  }\n`;\n\nconst methodColor: Record<string, string> = {\n  SCRUM: 'bg-blue-100 text-blue-800',\n  KANBAN: 'bg-purple-100 text-purple-800',\n  WATERFALL: 'bg-gray-100 text-gray-800',\n  HYBRID: 'bg-teal-100 text-teal-800',\n  AGILE: 'bg-indigo-100 text-indigo-800',\n  CUSTOM: 'bg-amber-100 text-amber-800',\n};\n\nexport function ProjectsActiveProjectsPagePage() {\n  const { workspaceId } = usePlanMagnet();\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_ACTIVE_PROJECTS, {\n      variables: { workspaceId: workspaceId ?? 'default' },\n    });\n\n  if (loading)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error)\n    return <div className=\"p-6 text-red-500\">Error loading active projects: {error.message}</div>;\n\n  const active = data?.planmagnetProjects?.items ?? [];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Active Projects</h1>\n        <p className=\"text-sm text-muted-foreground\">{active.length} active projects in progress</p>\n      </div>\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {active.map(\n          (project: {\n            id: string;\n            name: string;\n            key: string;\n            description: string | null;\n            status: string;\n            methodology: string;\n            ownerId: string;\n            startDate: string | null;\n            endDate: string | null;\n            tags: string[];\n          }) => {\n            return (\n              <Card key={project.id}>\n                <CardHeader className=\"pb-2\">\n                  <div className=\"flex items-center justify-between\">\n                    <CardTitle className=\"text-base\">{project.name}</CardTitle>\n                    <span className=\"text-xs font-mono text-muted-foreground\">{project.key}</span>\n                  </div>\n                </CardHeader>\n                <CardContent className=\"space-y-3\">\n                  <p className=\"text-sm text-muted-foreground\">\n                    {project.description ?? 'No description'}\n                  </p>\n                  <div className=\"flex gap-2\">\n                    <Badge variant=\"outline\" className=\"capitalize\">\n                      {project.methodology.toLowerCase()}\n                    </Badge>\n                    {project.tags.slice(0, 3).map((tag: string) => (\n                      <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                        {tag}\n                      </Badge>\n                    ))}\n                  </div>\n                  <div className=\"flex gap-4 text-xs text-muted-foreground\">\n                    <span>\n                      {project.startDate ? new Date(project.startDate).toLocaleDateString() : '—'} -{' '}\n                      {project.endDate ? new Date(project.endDate).toLocaleDateString() : '—'}\n                    </span>\n                  </div>\n                  <div className=\"text-xs text-muted-foreground border-t pt-2 flex items-center gap-1\">\n                    <Users className=\"h-3 w-3\" />\n                    Owner: {project.ownerId}\n                  </div>\n                </CardContent>\n              </Card>\n            );\n          }\n        )}\n      </div>\n      {active.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">No active projects.</p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAQA,IAAM,IAAsB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;AAkC/B,SAAgB,IAAiC;CAC/C,IAAM,EAAE,mBAAgB,GAAe,EAEjC,EACJ,SACA,YACA,aAGA,EAA8B,GAAqB,EACjD,WAAW,EAAE,aAAa,KAAe,WAAW,EACrD,CAAC;AAEJ,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA;AAEV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAkC,mCAAgC,EAAM,QAAc;;CAE/F,IAAM,IAAS,GAAM,oBAAoB,SAAS,EAAE;AAEpD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAoB,CAAA,EAC3D,kBAAC,KAAD;IAAG,WAAU;cAAb,CAA8C,EAAO,QAAO,+BAAgC;MACxF,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO,KACL,MAaG,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAY,WAAU;eACpB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAa,EAAQ;OAAiB,CAAA,EAC3D,kBAAC,QAAD;OAAM,WAAU;iBAA2C,EAAQ;OAAW,CAAA,CAC1E;;KACK,CAAA,EACb,kBAAC,GAAD;KAAa,WAAU;eAAvB;MACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAQ,eAAe;OACtB,CAAA;MACJ,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAQ;QAAU,WAAU;kBAChC,EAAQ,YAAY,aAAa;QAC5B,CAAA,EACP,EAAQ,KAAK,MAAM,GAAG,EAAE,CAAC,KAAK,MAC7B,kBAAC,GAAD;QAAiB,SAAQ;QAAU,WAAU;kBAC1C;QACK,EAFI,EAEJ,CACR,CACE;;MACN,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,QAAD,EAAA,UAAA;QACG,EAAQ,YAAY,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB,GAAG;QAAI;QAAG;QAC9E,EAAQ,UAAU,IAAI,KAAK,EAAQ,QAAQ,CAAC,oBAAoB,GAAG;QAC/D,EAAA,CAAA;OACH,CAAA;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;;QACrB,EAAQ;QACZ;;MACM;OACT,EAAA,EAhCI,EAAQ,GAgCZ,CAGZ;IACG,CAAA;GACL,EAAO,WAAW,KACjB,kBAAC,KAAD;IAAG,WAAU;cAAyC;IAAuB,CAAA;GAE3E"}

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

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

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

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