@burdenoff/microfe-planmagnet 2026.509.103

package/dist/planmagnet/pages/ProjectsProjectsPagePage.js

@@ -0,0 +1,176 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { CheckSquare as t, FolderKanban as n, Plus as r, TrendingUp as i, Users 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 { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+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/ProjectsProjectsPagePage.tsx
+var _ = o`
+  query GetProjects($workspaceId: ID!) {
+    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {
+      items {
+        id
+        name
+        key
+        description
+        status
+        methodology
+        ownerId
+        startDate
+        endDate
+        tags
+        createdAt
+      }
+      totalCount
+    }
+  }
+`, v = {
+	SCRUM: "bg-blue-100 text-blue-800",
+	KANBAN: "bg-purple-100 text-purple-800",
+	WATERFALL: "bg-gray-100 text-gray-800",
+	HYBRID: "bg-teal-100 text-teal-800",
+	AGILE: "bg-indigo-100 text-indigo-800",
+	CUSTOM: "bg-amber-100 text-amber-800"
+}, y = (e) => e === "ACTIVE" ? "default" : "secondary";
+function b() {
+	let { workspaceId: o } = e(), { t: b } = u(), { data: x, loading: S, error: C } = s(_, { variables: { workspaceId: o ?? "default" } });
+	if (S) return /* @__PURE__ */ c("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ c("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	});
+	if (C) return /* @__PURE__ */ l("div", {
+		className: "p-6 text-red-500",
+		children: [
+			b("planmagnet.projects.errorLoading", "Error loading projects"),
+			": ",
+			C.message
+		]
+	});
+	let w = x?.planmagnetProjects?.items ?? [], T = {
+		total: w.length,
+		active: w.filter((e) => e.status === "ACTIVE").length,
+		completed: w.filter((e) => e.status === "COMPLETED").length,
+		onHold: w.filter((e) => e.status === "ON_HOLD").length
+	};
+	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: b("planmagnet.projects.title", "All Projects")
+				}), /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: b("planmagnet.projects.subtitle", "Manage and track all projects across teams")
+				})] }), /* @__PURE__ */ l(f, {
+					size: "sm",
+					children: [/* @__PURE__ */ c(r, { className: "mr-1 h-4 w-4" }), b("planmagnet.projects.actions.newProject", "New Project")]
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+				children: [
+					{
+						label: b("planmagnet.projects.metrics.totalProjects", "Total Projects"),
+						value: T.total,
+						icon: n
+					},
+					{
+						label: b("planmagnet.projects.metrics.active", "Active"),
+						value: T.active,
+						icon: i
+					},
+					{
+						label: b("planmagnet.projects.metrics.completed", "Completed"),
+						value: T.completed,
+						icon: t
+					},
+					{
+						label: b("planmagnet.projects.metrics.onHold", "On Hold"),
+						value: T.onHold,
+						icon: i
+					}
+				].map((e) => /* @__PURE__ */ c(p, { children: /* @__PURE__ */ l(m, {
+					className: "pt-4",
+					children: [/* @__PURE__ */ l("div", {
+						className: "flex items-center gap-2 text-muted-foreground text-sm",
+						children: [/* @__PURE__ */ c(e.icon, { className: "h-4 w-4" }), e.label]
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xl font-semibold mt-1",
+						children: e.value
+					})]
+				}) }, e.label))
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+				children: w.map((e) => /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c(h, {
+					className: "pb-2",
+					children: /* @__PURE__ */ l("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ c(g, {
+							className: "text-base",
+							children: e.name
+						}), /* @__PURE__ */ c("span", {
+							className: "text-xs text-muted-foreground font-mono",
+							children: e.key
+						})]
+					})
+				}), /* @__PURE__ */ l(m, {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ c("p", {
+							className: "text-sm text-muted-foreground",
+							children: e.description ?? b("planmagnet.projects.shared.noDescription", "No description")
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ c(d, {
+								variant: y(e.status),
+								className: "capitalize",
+								children: e.status.toLowerCase().replace("_", " ")
+							}), /* @__PURE__ */ c("span", {
+								className: `text-xs px-2 py-0.5 rounded-full capitalize ${v[e.methodology] ?? "bg-gray-100"}`,
+								children: e.methodology.toLowerCase()
+							})]
+						}),
+						e.tags.length > 0 && /* @__PURE__ */ c("div", {
+							className: "flex gap-1 flex-wrap",
+							children: e.tags.map((e) => /* @__PURE__ */ c(d, {
+								variant: "outline",
+								className: "text-xs",
+								children: e
+							}, e))
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "flex justify-between text-xs text-muted-foreground border-t pt-2",
+							children: [/* @__PURE__ */ l("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ c(a, { className: "h-3 w-3" }),
+									b("planmagnet.projects.shared.owner", "Owner"),
+									": ",
+									e.ownerId
+								]
+							}), /* @__PURE__ */ l("span", { children: [
+								e.startDate ? new Date(e.startDate).toLocaleDateString() : "—",
+								" -",
+								" ",
+								e.endDate ? new Date(e.endDate).toLocaleDateString() : "—"
+							] })]
+						})
+					]
+				})] }, e.id))
+			}),
+			w.length === 0 && /* @__PURE__ */ c("p", {
+				className: "text-center text-muted-foreground py-8",
+				children: b("planmagnet.projects.empty", "No projects found.")
+			})
+		]
+	});
+}
+//#endregion
+export { b as ProjectsProjectsPagePage };
+
+//# sourceMappingURL=ProjectsProjectsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsProjectsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsProjectsPagePage.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, Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { FolderKanban, Plus, Users, CheckSquare, TrendingUp } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst GET_PROJECTS = gql`\n  query GetProjects($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {\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\nconst statusVariant = (status: string) => (status === 'ACTIVE' ? 'default' : 'secondary');\n\nexport function ProjectsProjectsPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const { t } = useI18n();\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_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 (\n      <div className=\"p-6 text-red-500\">\n        {t('planmagnet.projects.errorLoading', 'Error loading projects')}: {error.message}\n      </div>\n    );\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n\n  const stats = {\n    total: projects.length,\n    active: projects.filter((p: { status: string }) => p.status === 'ACTIVE').length,\n    completed: projects.filter((p: { status: string }) => p.status === 'COMPLETED').length,\n    onHold: projects.filter((p: { status: string }) => p.status === 'ON_HOLD').length,\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\">\n            {t('planmagnet.projects.title', 'All Projects')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.projects.subtitle', 'Manage and track all projects across teams')}\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"mr-1 h-4 w-4\" />\n          {t('planmagnet.projects.actions.newProject', 'New Project')}\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        {[\n          {\n            label: t('planmagnet.projects.metrics.totalProjects', 'Total Projects'),\n            value: stats.total,\n            icon: FolderKanban,\n          },\n          {\n            label: t('planmagnet.projects.metrics.active', 'Active'),\n            value: stats.active,\n            icon: TrendingUp,\n          },\n          {\n            label: t('planmagnet.projects.metrics.completed', 'Completed'),\n            value: stats.completed,\n            icon: CheckSquare,\n          },\n          {\n            label: t('planmagnet.projects.metrics.onHold', 'On Hold'),\n            value: stats.onHold,\n            icon: TrendingUp,\n          },\n        ].map((s) => (\n          <Card key={s.label}>\n            <CardContent className=\"pt-4\">\n              <div className=\"flex items-center gap-2 text-muted-foreground text-sm\">\n                <s.icon className=\"h-4 w-4\" />\n                {s.label}\n              </div>\n              <p className=\"text-xl font-semibold mt-1\">{s.value}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {projects.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 text-muted-foreground font-mono\">{project.key}</span>\n                  </div>\n                </CardHeader>\n                <CardContent className=\"space-y-3\">\n                  <p className=\"text-sm text-muted-foreground\">\n                    {project.description ??\n                      t('planmagnet.projects.shared.noDescription', 'No description')}\n                  </p>\n                  <div className=\"flex gap-2\">\n                    <Badge variant={statusVariant(project.status)} className=\"capitalize\">\n                      {project.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                    <span\n                      className={`text-xs px-2 py-0.5 rounded-full capitalize ${methodColor[project.methodology] ?? 'bg-gray-100'}`}\n                    >\n                      {project.methodology.toLowerCase()}\n                    </span>\n                  </div>\n                  {project.tags.length > 0 && (\n                    <div className=\"flex gap-1 flex-wrap\">\n                      {project.tags.map((tag: string) => (\n                        <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                          {tag}\n                        </Badge>\n                      ))}\n                    </div>\n                  )}\n                  <div className=\"flex justify-between text-xs text-muted-foreground border-t pt-2\">\n                    <span className=\"flex items-center gap-1\">\n                      <Users className=\"h-3 w-3\" />\n                      {t('planmagnet.projects.shared.owner', 'Owner')}: {project.ownerId}\n                    </span>\n                    <span>\n                      {project.startDate ? new Date(project.startDate).toLocaleDateString() : '—'} -{' '}\n                      {project.endDate ? new Date(project.endDate).toLocaleDateString() : '—'}\n                    </span>\n                  </div>\n                </CardContent>\n              </Card>\n            );\n          }\n        )}\n      </div>\n      {projects.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">\n          {t('planmagnet.projects.empty', 'No projects found.')}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsCreateReportPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ReportsCreateReportPagePage.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,2BAA2B,4CA8I1C"}

package/dist/planmagnet/pages/ReportsCreateReportPagePage.js

@@ -0,0 +1,173 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { useState as n } from "react";
+import { BarChart3 as r, Save as i, X 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 { Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, Input as h } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ReportsCreateReportPagePage.tsx
+var g = o`
+  query GetProjectsForReport($workspaceId: ID!, $pagination: PaginationInput) {
+    planmagnetProjects(workspaceId: $workspaceId, pagination: $pagination) {
+      items {
+        id
+        name
+        key
+      }
+      totalCount
+    }
+  }
+`;
+function _() {
+	let { workspaceId: o } = e(), _ = t(), { data: v, loading: y, error: b } = s(g, {
+		variables: {
+			workspaceId: o,
+			pagination: { first: 100 }
+		},
+		skip: !o
+	}), [x, S] = n({
+		name: "",
+		description: "",
+		type: "velocity",
+		projectId: "",
+		schedule: "weekly"
+	}), C = [
+		"velocity",
+		"burndown",
+		"burnup",
+		"cumulative_flow",
+		"cycle_time",
+		"lead_time",
+		"custom"
+	], w = [
+		"daily",
+		"weekly",
+		"monthly"
+	], T = v?.planmagnetProjects?.items ?? [];
+	return y ? /* @__PURE__ */ c("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ c("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	}) : b ? /* @__PURE__ */ l("div", {
+		className: "p-6 text-red-500",
+		children: ["Error: ", b.message]
+	}) : /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		children: [/* @__PURE__ */ l("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+				className: "text-2xl font-semibold",
+				children: "Create Report"
+			}), /* @__PURE__ */ c("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Configure a new automated report."
+			})] }), /* @__PURE__ */ l("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ l(u, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => _("/reports"),
+					children: [/* @__PURE__ */ c(a, { className: "mr-1 h-4 w-4" }), "Cancel"]
+				}), /* @__PURE__ */ l(u, {
+					size: "sm",
+					onClick: () => {
+						x.name.trim() && _("/reports");
+					},
+					children: [/* @__PURE__ */ c(i, { className: "mr-1 h-4 w-4" }), "Create Report"]
+				})]
+			})]
+		}), /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ l(m, {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ c(r, { className: "h-4 w-4" }), "Report Configuration"]
+		}) }), /* @__PURE__ */ l(f, {
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+					className: "text-sm font-medium",
+					children: "Report Name"
+				}), /* @__PURE__ */ c(h, {
+					value: x.name,
+					onChange: (e) => S({
+						...x,
+						name: e.target.value
+					}),
+					className: "mt-1",
+					placeholder: "e.g. Sprint Velocity Report"
+				})] }),
+				/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+					className: "text-sm font-medium",
+					children: "Description"
+				}), /* @__PURE__ */ c("textarea", {
+					className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]",
+					value: x.description,
+					onChange: (e) => S({
+						...x,
+						description: e.target.value
+					}),
+					placeholder: "What does this report track?"
+				})] }),
+				/* @__PURE__ */ l("div", {
+					className: "grid grid-cols-3 gap-4",
+					children: [
+						/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+							className: "text-sm font-medium",
+							children: "Type"
+						}), /* @__PURE__ */ c("select", {
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+							value: x.type,
+							onChange: (e) => S({
+								...x,
+								type: e.target.value
+							}),
+							children: C.map((e) => /* @__PURE__ */ c("option", {
+								value: e,
+								children: e.replace("_", " ")
+							}, e))
+						})] }),
+						/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+							className: "text-sm font-medium",
+							children: "Project (optional)"
+						}), /* @__PURE__ */ l("select", {
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+							value: x.projectId,
+							onChange: (e) => S({
+								...x,
+								projectId: e.target.value
+							}),
+							children: [/* @__PURE__ */ c("option", {
+								value: "",
+								children: "All projects"
+							}), T.map((e) => /* @__PURE__ */ l("option", {
+								value: e.id,
+								children: [
+									e.name,
+									" (",
+									e.key,
+									")"
+								]
+							}, e.id))]
+						})] }),
+						/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+							className: "text-sm font-medium",
+							children: "Schedule"
+						}), /* @__PURE__ */ c("select", {
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+							value: x.schedule,
+							onChange: (e) => S({
+								...x,
+								schedule: e.target.value
+							}),
+							children: w.map((e) => /* @__PURE__ */ c("option", {
+								value: e,
+								children: e
+							}, e))
+						})] })
+					]
+				})
+			]
+		})] })]
+	});
+}
+//#endregion
+export { _ as ReportsCreateReportPagePage };
+
+//# sourceMappingURL=ReportsCreateReportPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsCreateReportPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ReportsCreateReportPagePage.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, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, BarChart3 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst GET_PROJECTS_FOR_REPORT = gql`\n  query GetProjectsForReport($workspaceId: ID!, $pagination: PaginationInput) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n        key\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n}\n\ninterface ProjectsData {\n  projects: { items: ProjectNode[]; totalCount: number };\n}\n\nexport function ReportsCreateReportPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const { data, loading, error } = useQuery<ProjectsData>(GET_PROJECTS_FOR_REPORT, {\n    variables: {\n      workspaceId,\n      pagination: { first: 100 },\n    },\n    skip: !workspaceId,\n  });\n\n  const [form, setForm] = useState({\n    name: '',\n    description: '',\n    type: 'velocity',\n    projectId: '',\n    schedule: 'weekly',\n  });\n  const types = [\n    'velocity',\n    'burndown',\n    'burnup',\n    'cumulative_flow',\n    'cycle_time',\n    'lead_time',\n    'custom',\n  ] as const;\n  const schedules = ['daily', 'weekly', 'monthly'] as const;\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n\n  const handleCreate = () => {\n    if (!form.name.trim()) return;\n    navigate('/reports');\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  }\n\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Create Report</h1>\n          <p className=\"text-sm text-muted-foreground\">Configure a new automated report.</p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/reports')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button size=\"sm\" onClick={handleCreate}>\n            <Save className=\"mr-1 h-4 w-4\" />\n            Create Report\n          </Button>\n        </div>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <BarChart3 className=\"h-4 w-4\" />\n            Report Configuration\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Report Name</label>\n            <Input\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"e.g. Sprint Velocity Report\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Description</label>\n            <textarea\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n              placeholder=\"What does this report track?\"\n            />\n          </div>\n          <div className=\"grid grid-cols-3 gap-4\">\n            <div>\n              <label className=\"text-sm font-medium\">Type</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                value={form.type}\n                onChange={(e) => setForm({ ...form, type: e.target.value })}\n              >\n                {types.map((t) => (\n                  <option key={t} value={t}>\n                    {t.replace('_', ' ')}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">Project (optional)</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                value={form.projectId}\n                onChange={(e) => setForm({ ...form, projectId: e.target.value })}\n              >\n                <option value=\"\">All projects</option>\n                {projects.map((p) => (\n                  <option key={p.id} value={p.id}>\n                    {p.name} ({p.key})\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">Schedule</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                value={form.schedule}\n                onChange={(e) => setForm({ ...form, schedule: e.target.value })}\n              >\n                {schedules.map((s) => (\n                  <option key={s} value={s}>\n                    {s}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsReportsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ReportsReportsPagePage.tsx"],"names":[],"mappings":"AA6FA,wBAAgB,sBAAsB,4CAoKrC"}

package/dist/planmagnet/pages/ReportsReportsPagePage.js

@@ -0,0 +1,221 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { useState as n } from "react";
+import { BarChart3 as r, Calendar as i, Clock 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 { Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ReportsReportsPagePage.tsx
+var g = s`
+  query GetReportsData(
+    $workspaceId: ID!
+    $projectPagination: PaginationInput
+    $sprintPagination: PaginationInput
+    $workItemPagination: PaginationInput
+  ) {
+    planmagnetProjects(workspaceId: $workspaceId, pagination: $projectPagination) {
+      items {
+        id
+        name
+        key
+        status
+        methodology
+        startDate
+        endDate
+      }
+      totalCount
+    }
+    planmagnetSprints(workspaceId: $workspaceId, pagination: $sprintPagination) {
+      items {
+        id
+        name
+        status
+        velocity
+        startDate
+        endDate
+      }
+      totalCount
+    }
+    planmagnetWorkItems(workspaceId: $workspaceId, pagination: $workItemPagination) {
+      items {
+        id
+        status
+        storyPoints
+        createdAt
+      }
+      totalCount
+    }
+  }
+`, _ = {
+	velocity: "bg-blue-100 text-blue-800",
+	burndown: "bg-orange-100 text-orange-800",
+	burnup: "bg-green-100 text-green-800",
+	cumulative_flow: "bg-purple-100 text-purple-800",
+	cycle_time: "bg-yellow-100 text-yellow-800",
+	lead_time: "bg-pink-100 text-pink-800",
+	project_status: "bg-gray-100 text-gray-800"
+};
+function v() {
+	let { workspaceId: s, currentUser: v } = e(), y = t(), [b, x] = n("all"), { data: S, loading: C, error: w } = c(g, {
+		variables: {
+			workspaceId: s,
+			projectPagination: { first: 100 },
+			sprintPagination: { first: 100 },
+			workItemPagination: { first: 500 }
+		},
+		skip: !s
+	});
+	if (C) return /* @__PURE__ */ l("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ l("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	});
+	if (w) return /* @__PURE__ */ u("div", {
+		className: "p-6 text-red-500",
+		children: ["Error: ", w.message]
+	});
+	let T = S?.planmagnetProjects?.items ?? [], E = S?.planmagnetSprints?.items ?? [];
+	S?.planmagnetWorkItems?.items;
+	let D = E.filter((e) => e.status === "COMPLETED"), O = E.filter((e) => e.status === "ACTIVE"), k = v?.name ?? v?.firstName ?? "System", A = [
+		...D.map((e) => ({
+			id: `velocity-${e.id}`,
+			name: `${e.name} Velocity Report`,
+			description: `Velocity analysis for ${e.name} (${e.velocity ?? 0} pts)`,
+			type: "velocity",
+			createdBy: k,
+			lastRun: e.endDate ?? "",
+			schedule: null
+		})),
+		...O.map((e) => ({
+			id: `burndown-${e.id}`,
+			name: `${e.name} Burndown`,
+			description: `Active burndown tracking for ${e.name}`,
+			type: "burndown",
+			createdBy: k,
+			lastRun: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+			schedule: "daily"
+		})),
+		...T.filter((e) => e.status === "ACTIVE").map((e) => ({
+			id: `status-${e.id}`,
+			name: `${e.name} Status Report`,
+			description: `Project status overview for ${e.key}`,
+			type: "project_status",
+			createdBy: k,
+			lastRun: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+			schedule: "weekly"
+		}))
+	], j = ["all", ...new Set(A.map((e) => e.type))], M = b === "all" ? A : A.filter((e) => e.type === b), N = A.filter((e) => e.schedule).length, P = (/* @__PURE__ */ new Date()).toISOString().split("T")[0], F = A.filter((e) => e.lastRun === P).length;
+	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: "Reports"
+				}), /* @__PURE__ */ u("p", {
+					className: "text-sm text-muted-foreground",
+					children: [A.length, " reports configured"]
+				})] }), /* @__PURE__ */ u(d, {
+					size: "sm",
+					onClick: () => y("/reports/create"),
+					children: [/* @__PURE__ */ l(o, { className: "mr-1 h-4 w-4" }), "New Report"]
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "grid grid-cols-3 gap-4",
+				children: [
+					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ l("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Total Reports"
+						}), /* @__PURE__ */ l("p", {
+							className: "text-xl font-bold",
+							children: A.length
+						})]
+					}) }),
+					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ l("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Scheduled"
+						}), /* @__PURE__ */ l("p", {
+							className: "text-xl font-bold",
+							children: N
+						})]
+					}) }),
+					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ l("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Run Today"
+						}), /* @__PURE__ */ l("p", {
+							className: "text-xl font-bold",
+							children: F
+						})]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "flex gap-1",
+				children: j.map((e) => /* @__PURE__ */ l("button", {
+					onClick: () => x(e),
+					className: `px-3 py-1.5 text-sm rounded-md capitalize ${b === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+					children: e === "all" ? "All" : e.replace("_", " ")
+				}, e))
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+				children: [M.map((e) => /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, {
+					className: "pb-2",
+					children: /* @__PURE__ */ u("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ u(h, {
+							className: "text-base flex items-center gap-2",
+							children: [/* @__PURE__ */ l(r, { className: "h-4 w-4 text-primary" }), e.name]
+						}), /* @__PURE__ */ l("span", {
+							className: `text-xs px-2 py-0.5 rounded-full capitalize ${_[e.type] ?? "bg-gray-100"}`,
+							children: e.type.replace("_", " ")
+						})]
+					})
+				}), /* @__PURE__ */ u(p, {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ l("p", {
+						className: "text-sm text-muted-foreground",
+						children: e.description
+					}), /* @__PURE__ */ u("div", {
+						className: "flex gap-3 text-xs text-muted-foreground",
+						children: [
+							e.schedule && /* @__PURE__ */ u("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ l(a, { className: "h-3 w-3" }), e.schedule]
+							}),
+							e.lastRun && /* @__PURE__ */ u("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ l(i, { className: "h-3 w-3" }),
+									"Last: ",
+									e.lastRun
+								]
+							}),
+							/* @__PURE__ */ l("span", {
+								className: "flex items-center gap-1",
+								children: e.createdBy
+							})
+						]
+					})]
+				})] }, e.id)), M.length === 0 && /* @__PURE__ */ u("div", {
+					className: "col-span-2 text-center py-12",
+					children: [/* @__PURE__ */ l(r, { className: "h-12 w-12 text-muted-foreground mx-auto mb-3" }), /* @__PURE__ */ l("p", {
+						className: "text-sm text-muted-foreground",
+						children: "No reports found for the selected filter."
+					})]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { v as ReportsReportsPagePage };
+
+//# sourceMappingURL=ReportsReportsPagePage.js.map