@burdenoff/microfe-planmagnet 2026.509.103

package/dist/planmagnet/pages/DashboardDashboardPagePage.js

@@ -0,0 +1,350 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { AlertTriangle as t, ArrowUpRight as n, Calendar as r, CheckSquare as i, FolderKanban as a, LayoutDashboard as o, TrendingUp as s, Users as c, Zap as l } from "lucide-react";
+import { gql as u } from "@apollo/client";
+import { useQuery as d } from "@apollo/client/react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as h, Card as g, CardContent as _, CardHeader as v, CardTitle as y } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/DashboardDashboardPagePage.tsx
+var b = u`
+  query GetDashboardData($workspaceId: ID!) {
+    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 50 }) {
+      items {
+        id
+        name
+        description
+        key
+        status
+        methodology
+        ownerId
+        startDate
+        endDate
+        tags
+        createdAt
+      }
+      totalCount
+    }
+    planmagnetSprints(workspaceId: $workspaceId, pagination: { first: 50 }) {
+      items {
+        id
+        name
+        projectId
+        status
+        startDate
+        endDate
+        goal
+        capacity
+        velocity
+        workItems {
+          id
+          status
+          storyPoints
+        }
+      }
+      totalCount
+    }
+    planmagnetMilestones(workspaceId: $workspaceId, pagination: { first: 50 }) {
+      items {
+        id
+        name
+        description
+        projectId
+        status
+        dueDate
+        ownerId
+        createdAt
+      }
+      totalCount
+    }
+    planmagnetWorkItems(workspaceId: $workspaceId, pagination: { first: 20 }) {
+      items {
+        id
+        key
+        description
+        status
+        priority
+        storyPoints
+        assigneeId
+        projectId
+        labels
+        createdAt
+      }
+      totalCount
+    }
+  }
+`;
+function x() {
+	let { workspaceId: u } = e(), { t: x } = m(), { data: S, loading: C, error: w } = d(b, { variables: { workspaceId: u ?? "default" } });
+	if (C) return /* @__PURE__ */ f("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ f("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	});
+	if (w) return /* @__PURE__ */ p("div", {
+		className: "p-6 text-red-500",
+		children: [
+			x("planmagnet.dashboard.errorLoading", "Error loading dashboard"),
+			": ",
+			w.message
+		]
+	});
+	let T = S?.planmagnetProjects?.items ?? [], E = S?.planmagnetSprints?.items ?? [], D = S?.planmagnetMilestones?.items ?? [], O = S?.planmagnetWorkItems?.items ?? [], k = T.filter((e) => e.status === "ACTIVE");
+	T.filter((e) => e.status === "COMPLETED");
+	let A = E.filter((e) => e.status === "ACTIVE"), j = D.filter((e) => e.status === "PENDING" || e.status === "IN_PROGRESS").slice(0, 4), M = O.slice(0, 5), N = [
+		{
+			label: x("planmagnet.dashboard.metrics.totalProjects.label", "Total Projects"),
+			value: String(T.length),
+			trend: `${k.length} ${x("planmagnet.dashboard.metrics.totalProjects.trend", "active")}`
+		},
+		{
+			label: x("planmagnet.dashboard.metrics.activeSprints.label", "Active Sprints"),
+			value: String(A.length),
+			trend: `${E.length} ${x("planmagnet.dashboard.metrics.activeSprints.trend", "total")}`
+		},
+		{
+			label: x("planmagnet.dashboard.metrics.workItems.label", "Work Items"),
+			value: String(S?.planmagnetWorkItems?.totalCount ?? 0),
+			trend: x("planmagnet.dashboard.metrics.workItems.trend", "across all projects")
+		},
+		{
+			label: x("planmagnet.dashboard.metrics.milestones.label", "Milestones"),
+			value: String(D.length),
+			trend: `${j.length} ${x("planmagnet.dashboard.metrics.milestones.trend", "upcoming")}`
+		}
+	];
+	return /* @__PURE__ */ p("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "flex items-center justify-between",
+				children: /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ p("h1", {
+					className: "text-2xl font-semibold flex items-center gap-2",
+					children: [/* @__PURE__ */ f(o, { className: "h-6 w-6" }), x("planmagnet.dashboard.title", "Dashboard")]
+				}), /* @__PURE__ */ f("p", {
+					className: "text-sm text-muted-foreground mt-1",
+					children: x("planmagnet.dashboard.subtitle", "Welcome back! Here is your project overview.")
+				})] })
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: N.map((e) => /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(v, {
+					className: "flex flex-row items-center justify-between space-y-0 pb-2",
+					children: [/* @__PURE__ */ f(y, {
+						className: "text-sm font-medium",
+						children: e.label
+					}), /* @__PURE__ */ f(s, { className: "h-4 w-4 text-muted-foreground" })]
+				}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ f("div", {
+					className: "text-2xl font-bold",
+					children: e.value
+				}), /* @__PURE__ */ f("p", {
+					className: "text-xs text-muted-foreground",
+					children: e.trend
+				})] })] }, e.label))
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "grid gap-6 lg:grid-cols-12",
+				children: [/* @__PURE__ */ p(g, {
+					className: "lg:col-span-8",
+					children: [/* @__PURE__ */ f(v, { children: /* @__PURE__ */ p(y, {
+						className: "flex items-center gap-2 text-base",
+						children: [/* @__PURE__ */ f(l, { className: "h-5 w-5 text-blue-500" }), x("planmagnet.dashboard.activeSprints.title", "Active Sprints")]
+					}) }), /* @__PURE__ */ p(_, {
+						className: "space-y-4",
+						children: [A.map((e) => {
+							let t = e.workItems.reduce((e, t) => e + (t.storyPoints ?? 0), 0), n = e.workItems.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0), r = e.workItems.length, i = e.workItems.filter((e) => e.status === "DONE").length, a = t > 0 ? Math.round(n / t * 100) : 0;
+							return /* @__PURE__ */ p("div", {
+								className: "rounded-lg border p-4",
+								children: [
+									/* @__PURE__ */ p("div", {
+										className: "flex items-center justify-between mb-2",
+										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+											className: "font-medium",
+											children: e.name
+										}), /* @__PURE__ */ p("p", {
+											className: "text-xs text-muted-foreground",
+											children: [
+												x("planmagnet.dashboard.shared.project", "Project"),
+												": ",
+												e.projectId
+											]
+										})] }), /* @__PURE__ */ p(h, {
+											variant: "secondary",
+											children: [
+												n,
+												"/",
+												t,
+												" ",
+												x("planmagnet.dashboard.shared.pointsShort", "pts")
+											]
+										})]
+									}),
+									/* @__PURE__ */ f("div", {
+										className: "w-full h-2 bg-muted rounded-full overflow-hidden",
+										children: /* @__PURE__ */ f("div", {
+											className: "h-full bg-primary rounded-full transition-all",
+											style: { width: `${a}%` }
+										})
+									}),
+									/* @__PURE__ */ p("div", {
+										className: "flex items-center justify-between mt-2 text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ p("span", { children: [
+											i,
+											"/",
+											r,
+											" ",
+											x("planmagnet.dashboard.shared.tasks", "tasks")
+										] }), /* @__PURE__ */ p("span", { children: [
+											e.startDate ? new Date(e.startDate).toLocaleDateString() : "—",
+											" -",
+											" ",
+											e.endDate ? new Date(e.endDate).toLocaleDateString() : "—"
+										] })]
+									})
+								]
+							}, e.id);
+						}), A.length === 0 && /* @__PURE__ */ f("p", {
+							className: "text-sm text-muted-foreground text-center py-4",
+							children: x("planmagnet.dashboard.activeSprints.empty", "No active sprints.")
+						})]
+					})]
+				}), /* @__PURE__ */ p("div", {
+					className: "lg:col-span-4 space-y-6",
+					children: [T.filter((e) => e.status === "ON_HOLD").length > 0 && /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ f(v, { children: /* @__PURE__ */ p(y, {
+						className: "flex items-center gap-2 text-base",
+						children: [/* @__PURE__ */ f(t, { className: "h-5 w-5 text-orange-500" }), x("planmagnet.dashboard.onHoldProjects.title", "On-Hold Projects")]
+					}) }), /* @__PURE__ */ f(_, {
+						className: "space-y-3",
+						children: T.filter((e) => e.status === "ON_HOLD").map((e) => /* @__PURE__ */ p("div", {
+							className: "flex items-center justify-between rounded border p-2",
+							children: [/* @__PURE__ */ f("div", { children: /* @__PURE__ */ f("p", {
+								className: "text-sm font-medium",
+								children: e.name
+							}) }), /* @__PURE__ */ f(h, {
+								variant: "destructive",
+								children: e.status.toLowerCase().replace("_", " ")
+							})]
+						}, e.id))
+					})] }), /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ f(v, { children: /* @__PURE__ */ p(y, {
+						className: "flex items-center gap-2 text-base",
+						children: [/* @__PURE__ */ f(r, { className: "h-5 w-5 text-green-500" }), x("planmagnet.dashboard.upcomingMilestones.title", "Upcoming Milestones")]
+					}) }), /* @__PURE__ */ p(_, {
+						className: "space-y-3",
+						children: [j.map((e) => /* @__PURE__ */ p("div", {
+							className: "flex items-start gap-3 rounded border p-2",
+							children: [/* @__PURE__ */ p("div", {
+								className: "flex-1 min-w-0",
+								children: [
+									/* @__PURE__ */ f("p", {
+										className: "text-sm font-medium truncate",
+										children: e.name
+									}),
+									/* @__PURE__ */ p("p", {
+										className: "text-xs text-muted-foreground",
+										children: [
+											x("planmagnet.dashboard.shared.project", "Project"),
+											": ",
+											e.projectId
+										]
+									}),
+									/* @__PURE__ */ p("p", {
+										className: "text-xs text-muted-foreground",
+										children: [
+											x("planmagnet.dashboard.shared.due", "Due"),
+											" ",
+											e.dueDate ? new Date(e.dueDate).toLocaleDateString() : "—"
+										]
+									})
+								]
+							}), /* @__PURE__ */ f(h, {
+								variant: "secondary",
+								className: "text-xs flex-shrink-0 capitalize",
+								children: e.status.toLowerCase().replace("_", " ")
+							})]
+						}, e.id)), j.length === 0 && /* @__PURE__ */ f("p", {
+							className: "text-sm text-muted-foreground text-center py-2",
+							children: x("planmagnet.dashboard.upcomingMilestones.empty", "No upcoming milestones.")
+						})]
+					})] })]
+				})]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "grid gap-6 lg:grid-cols-2",
+				children: [/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ f(v, { children: /* @__PURE__ */ p(y, {
+					className: "flex items-center gap-2 text-base",
+					children: [/* @__PURE__ */ f(i, { className: "h-5 w-5 text-purple-500" }), x("planmagnet.dashboard.recentWorkItems.title", "Recent Work Items")]
+				}) }), /* @__PURE__ */ p(_, {
+					className: "space-y-3",
+					children: [M.map((e) => /* @__PURE__ */ p("div", {
+						className: "flex items-center justify-between rounded border p-2",
+						children: [/* @__PURE__ */ p("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ f("p", {
+								className: "text-sm font-medium truncate",
+								children: e.key
+							}), /* @__PURE__ */ p("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									e.projectId,
+									" ",
+									e.assigneeId ? `\u00b7 ${e.assigneeId}` : ""
+								]
+							})]
+						}), /* @__PURE__ */ p("div", {
+							className: "flex items-center gap-2 flex-shrink-0",
+							children: [/* @__PURE__ */ p(h, {
+								variant: "outline",
+								className: "text-xs",
+								children: [
+									e.storyPoints ?? 0,
+									" ",
+									x("planmagnet.dashboard.shared.pointsShort", "pts")
+								]
+							}), /* @__PURE__ */ f(h, {
+								variant: "secondary",
+								className: "text-xs capitalize",
+								children: e.status.toLowerCase().replace("_", " ")
+							})]
+						})]
+					}, e.id)), M.length === 0 && /* @__PURE__ */ f("p", {
+						className: "text-sm text-muted-foreground text-center py-4",
+						children: x("planmagnet.dashboard.recentWorkItems.empty", "No work items yet.")
+					})]
+				})] }), /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ f(v, { children: /* @__PURE__ */ p(y, {
+					className: "flex items-center gap-2 text-base",
+					children: [/* @__PURE__ */ f(a, { className: "h-5 w-5 text-cyan-500" }), x("planmagnet.dashboard.projectStatus.title", "Project Status")]
+				}) }), /* @__PURE__ */ p(_, {
+					className: "space-y-3",
+					children: [k.map((e) => /* @__PURE__ */ p("div", {
+						className: "flex items-center justify-between rounded border p-2",
+						children: [/* @__PURE__ */ p("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ f("p", {
+								className: "text-sm font-medium truncate",
+								children: e.name
+							}), /* @__PURE__ */ f("p", {
+								className: "text-xs text-muted-foreground capitalize",
+								children: e.status.toLowerCase().replace("_", " ")
+							})]
+						}), /* @__PURE__ */ p("div", {
+							className: "flex items-center gap-2 ml-3 flex-shrink-0",
+							children: [
+								/* @__PURE__ */ f(c, { className: "h-3 w-3 text-muted-foreground" }),
+								/* @__PURE__ */ f("span", {
+									className: "text-xs text-muted-foreground",
+									children: e.ownerId
+								}),
+								/* @__PURE__ */ f(n, { className: "h-3 w-3 text-muted-foreground" })
+							]
+						})]
+					}, e.id)), k.length === 0 && /* @__PURE__ */ f("p", {
+						className: "text-sm text-muted-foreground text-center py-4",
+						children: x("planmagnet.dashboard.projectStatus.empty", "No active projects.")
+					})]
+				})] })]
+			})
+		]
+	});
+}
+//#endregion
+export { x as DashboardDashboardPagePage };
+
+//# sourceMappingURL=DashboardDashboardPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardDashboardPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/DashboardDashboardPagePage.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 { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  LayoutDashboard,\n  FolderKanban,\n  CheckSquare,\n  Zap,\n  Users,\n  Calendar,\n  TrendingUp,\n  AlertTriangle,\n  ArrowUpRight,\n} from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst GET_DASHBOARD_DATA = gql`\n  query GetDashboardData($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 50 }) {\n      items {\n        id\n        name\n        description\n        key\n        status\n        methodology\n        ownerId\n        startDate\n        endDate\n        tags\n        createdAt\n      }\n      totalCount\n    }\n    planmagnetSprints(workspaceId: $workspaceId, pagination: { first: 50 }) {\n      items {\n        id\n        name\n        projectId\n        status\n        startDate\n        endDate\n        goal\n        capacity\n        velocity\n        workItems {\n          id\n          status\n          storyPoints\n        }\n      }\n      totalCount\n    }\n    planmagnetMilestones(workspaceId: $workspaceId, pagination: { first: 50 }) {\n      items {\n        id\n        name\n        description\n        projectId\n        status\n        dueDate\n        ownerId\n        createdAt\n      }\n      totalCount\n    }\n    planmagnetWorkItems(workspaceId: $workspaceId, pagination: { first: 20 }) {\n      items {\n        id\n        key\n        description\n        status\n        priority\n        storyPoints\n        assigneeId\n        projectId\n        labels\n        createdAt\n      }\n      totalCount\n    }\n  }\n`;\n\nexport function DashboardDashboardPagePage() {\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_DASHBOARD_DATA, {\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.dashboard.errorLoading', 'Error loading dashboard')}: {error.message}\n      </div>\n    );\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n  const sprints = data?.planmagnetSprints?.items ?? [];\n  const milestones = data?.planmagnetMilestones?.items ?? [];\n  const workItems = data?.planmagnetWorkItems?.items ?? [];\n\n  const activeProjects = projects.filter((p: { status: string }) => p.status === 'ACTIVE');\n  const completedProjects = projects.filter((p: { status: string }) => p.status === 'COMPLETED');\n  const activeSprints = sprints.filter((s: { status: string }) => s.status === 'ACTIVE');\n  const upcomingMilestones = milestones\n    .filter((m: { status: string }) => m.status === 'PENDING' || m.status === 'IN_PROGRESS')\n    .slice(0, 4);\n  const recentWorkItems = workItems.slice(0, 5);\n\n  const metrics = [\n    {\n      label: t('planmagnet.dashboard.metrics.totalProjects.label', 'Total Projects'),\n      value: String(projects.length),\n      trend: `${activeProjects.length} ${t('planmagnet.dashboard.metrics.totalProjects.trend', 'active')}`,\n    },\n    {\n      label: t('planmagnet.dashboard.metrics.activeSprints.label', 'Active Sprints'),\n      value: String(activeSprints.length),\n      trend: `${sprints.length} ${t('planmagnet.dashboard.metrics.activeSprints.trend', 'total')}`,\n    },\n    {\n      label: t('planmagnet.dashboard.metrics.workItems.label', 'Work Items'),\n      value: String(data?.planmagnetWorkItems?.totalCount ?? 0),\n      trend: t('planmagnet.dashboard.metrics.workItems.trend', 'across all projects'),\n    },\n    {\n      label: t('planmagnet.dashboard.metrics.milestones.label', 'Milestones'),\n      value: String(milestones.length),\n      trend: `${upcomingMilestones.length} ${t('planmagnet.dashboard.metrics.milestones.trend', 'upcoming')}`,\n    },\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 flex items-center gap-2\">\n            <LayoutDashboard className=\"h-6 w-6\" />\n            {t('planmagnet.dashboard.title', 'Dashboard')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {t('planmagnet.dashboard.subtitle', 'Welcome back! Here is your project overview.')}\n          </p>\n        </div>\n      </div>\n\n      {/* KPI Metrics */}\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        {metrics.map((m) => (\n          <Card key={m.label}>\n            <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n              <CardTitle className=\"text-sm font-medium\">{m.label}</CardTitle>\n              <TrendingUp className=\"h-4 w-4 text-muted-foreground\" />\n            </CardHeader>\n            <CardContent>\n              <div className=\"text-2xl font-bold\">{m.value}</div>\n              <p className=\"text-xs text-muted-foreground\">{m.trend}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-12\">\n        {/* Active Sprints */}\n        <Card className=\"lg:col-span-8\">\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2 text-base\">\n              <Zap className=\"h-5 w-5 text-blue-500\" />\n              {t('planmagnet.dashboard.activeSprints.title', 'Active Sprints')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {activeSprints.map(\n              (sprint: {\n                id: string;\n                name: string;\n                projectId: string;\n                capacity: number | null;\n                velocity: number | null;\n                startDate: string | null;\n                endDate: string | null;\n                workItems: { id: string; status: string; storyPoints: number | null }[];\n              }) => {\n                const totalPoints = sprint.workItems.reduce(\n                  (sum: number, wi: { storyPoints: number | null }) => sum + (wi.storyPoints ?? 0),\n                  0\n                );\n                const completedPoints = sprint.workItems\n                  .filter((wi: { status: string }) => wi.status === 'DONE')\n                  .reduce(\n                    (sum: number, wi: { storyPoints: number | null }) =>\n                      sum + (wi.storyPoints ?? 0),\n                    0\n                  );\n                const totalTasks = sprint.workItems.length;\n                const completedTasks = sprint.workItems.filter(\n                  (wi: { status: string }) => wi.status === 'DONE'\n                ).length;\n                const pct = totalPoints > 0 ? Math.round((completedPoints / totalPoints) * 100) : 0;\n                return (\n                  <div key={sprint.id} className=\"rounded-lg border p-4\">\n                    <div className=\"flex items-center justify-between mb-2\">\n                      <div>\n                        <p className=\"font-medium\">{sprint.name}</p>\n                        <p className=\"text-xs text-muted-foreground\">\n                          {t('planmagnet.dashboard.shared.project', 'Project')}: {sprint.projectId}\n                        </p>\n                      </div>\n                      <Badge variant=\"secondary\">\n                        {completedPoints}/{totalPoints}{' '}\n                        {t('planmagnet.dashboard.shared.pointsShort', 'pts')}\n                      </Badge>\n                    </div>\n                    <div className=\"w-full h-2 bg-muted rounded-full overflow-hidden\">\n                      <div\n                        className=\"h-full bg-primary rounded-full transition-all\"\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                    <div className=\"flex items-center justify-between mt-2 text-xs text-muted-foreground\">\n                      <span>\n                        {completedTasks}/{totalTasks}{' '}\n                        {t('planmagnet.dashboard.shared.tasks', 'tasks')}\n                      </span>\n                      <span>\n                        {sprint.startDate ? new Date(sprint.startDate).toLocaleDateString() : '—'} -{' '}\n                        {sprint.endDate ? new Date(sprint.endDate).toLocaleDateString() : '—'}\n                      </span>\n                    </div>\n                  </div>\n                );\n              }\n            )}\n            {activeSprints.length === 0 && (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">\n                {t('planmagnet.dashboard.activeSprints.empty', 'No active sprints.')}\n              </p>\n            )}\n          </CardContent>\n        </Card>\n\n        {/* Sidebar */}\n        <div className=\"lg:col-span-4 space-y-6\">\n          {/* On-Hold Projects */}\n          {projects.filter((p: { status: string }) => p.status === 'ON_HOLD').length > 0 && (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2 text-base\">\n                  <AlertTriangle className=\"h-5 w-5 text-orange-500\" />\n                  {t('planmagnet.dashboard.onHoldProjects.title', 'On-Hold Projects')}\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {projects\n                  .filter((p: { status: string }) => p.status === 'ON_HOLD')\n                  .map((p: { id: string; name: string; status: string }) => (\n                    <div\n                      key={p.id}\n                      className=\"flex items-center justify-between rounded border p-2\"\n                    >\n                      <div>\n                        <p className=\"text-sm font-medium\">{p.name}</p>\n                      </div>\n                      <Badge variant=\"destructive\">\n                        {p.status.toLowerCase().replace('_', ' ')}\n                      </Badge>\n                    </div>\n                  ))}\n              </CardContent>\n            </Card>\n          )}\n\n          {/* Upcoming Milestones */}\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2 text-base\">\n                <Calendar className=\"h-5 w-5 text-green-500\" />\n                {t('planmagnet.dashboard.upcomingMilestones.title', 'Upcoming Milestones')}\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {upcomingMilestones.map(\n                (ms: {\n                  id: string;\n                  name: string;\n                  projectId: string;\n                  dueDate: string | null;\n                  status: string;\n                }) => (\n                  <div key={ms.id} className=\"flex items-start gap-3 rounded border p-2\">\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"text-sm font-medium truncate\">{ms.name}</p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {t('planmagnet.dashboard.shared.project', 'Project')}: {ms.projectId}\n                      </p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {t('planmagnet.dashboard.shared.due', 'Due')}{' '}\n                        {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : '—'}\n                      </p>\n                    </div>\n                    <Badge variant=\"secondary\" className=\"text-xs flex-shrink-0 capitalize\">\n                      {ms.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                  </div>\n                )\n              )}\n              {upcomingMilestones.length === 0 && (\n                <p className=\"text-sm text-muted-foreground text-center py-2\">\n                  {t('planmagnet.dashboard.upcomingMilestones.empty', 'No upcoming milestones.')}\n                </p>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n\n      {/* Recent Work Items & Project Status */}\n      <div className=\"grid gap-6 lg:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2 text-base\">\n              <CheckSquare className=\"h-5 w-5 text-purple-500\" />\n              {t('planmagnet.dashboard.recentWorkItems.title', 'Recent Work Items')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {recentWorkItems.map(\n              (item: {\n                id: string;\n                key: string;\n                description: string | null;\n                status: string;\n                storyPoints: number | null;\n                assigneeId: string | null;\n                projectId: string;\n              }) => (\n                <div key={item.id} className=\"flex items-center justify-between rounded border p-2\">\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"text-sm font-medium truncate\">{item.key}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {item.projectId} {item.assigneeId ? `\\u00b7 ${item.assigneeId}` : ''}\n                    </p>\n                  </div>\n                  <div className=\"flex items-center gap-2 flex-shrink-0\">\n                    <Badge variant=\"outline\" className=\"text-xs\">\n                      {item.storyPoints ?? 0} {t('planmagnet.dashboard.shared.pointsShort', 'pts')}\n                    </Badge>\n                    <Badge variant=\"secondary\" className=\"text-xs capitalize\">\n                      {item.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                  </div>\n                </div>\n              )\n            )}\n            {recentWorkItems.length === 0 && (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">\n                {t('planmagnet.dashboard.recentWorkItems.empty', 'No work items yet.')}\n              </p>\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2 text-base\">\n              <FolderKanban className=\"h-5 w-5 text-cyan-500\" />\n              {t('planmagnet.dashboard.projectStatus.title', 'Project Status')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {activeProjects.map(\n              (p: { id: string; name: string; status: string; ownerId: string }) => (\n                <div key={p.id} className=\"flex items-center justify-between rounded border p-2\">\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"text-sm font-medium truncate\">{p.name}</p>\n                    <p className=\"text-xs text-muted-foreground capitalize\">\n                      {p.status.toLowerCase().replace('_', ' ')}\n                    </p>\n                  </div>\n                  <div className=\"flex items-center gap-2 ml-3 flex-shrink-0\">\n                    <Users className=\"h-3 w-3 text-muted-foreground\" />\n                    <span className=\"text-xs text-muted-foreground\">{p.ownerId}</span>\n                    <ArrowUpRight className=\"h-3 w-3 text-muted-foreground\" />\n                  </div>\n                </div>\n              )\n            )}\n            {activeProjects.length === 0 && (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">\n                {t('planmagnet.dashboard.projectStatus.empty', 'No active projects.')}\n              </p>\n            )}\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingsScheduleMeetingPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/MeetingsScheduleMeetingPagePage.tsx"],"names":[],"mappings":"AAiEA,wBAAgB,+BAA+B,4CAwN9C"}