@burdenoff/microfe-planmagnet 2026.924.2 → 2026.924.4

package/dist/planmagnet/pages/ProjectsProjectsPagePage.js

@@ -1,13 +1,14 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
-import { detailPath as n, rowLinkProps as r } from "../utils/rowNavigation.js";
-import { CheckSquare as i, FolderKanban as a, Plus as o, TrendingUp as s, Users as c } from "lucide-react";
-import { gql as l } from "@apollo/client";
-import { useQuery as u } from "@apollo/client/react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as m, Button as h, Card as g, CardContent as _, CardHeader as v, CardTitle as y } from "@burdenoff/fe-libs/ui";
+import { PersonName as n } from "../people/People.js";
+import { detailPath as r, rowLinkProps as i } from "../utils/rowNavigation.js";
+import { CheckSquare as a, FolderKanban as o, Plus as s, TrendingUp as c, Users 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, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProjectsProjectsPagePage.tsx
-var b = l`
+var x = u`
   query GetProjects($workspaceId: ID!) {
     planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {
       items {
@@ -26,138 +27,139 @@ var b = l`
       totalCount
     }
   }
-`, x = {
+`, S = {
 	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"
-}, S = (e) => e === "ACTIVE" ? "default" : "secondary";
-function C() {
-	let l = t(), { workspaceId: C } = e(), { t: w } = p(), { data: T, loading: E, error: D } = u(b, { variables: { workspaceId: C ?? "default" } });
-	if (E) return /* @__PURE__ */ d("div", {
+}, C = (e) => e === "ACTIVE" ? "default" : "secondary";
+function w() {
+	let u = t(), { workspaceId: w } = e(), { t: T } = m(), { data: E, loading: D, error: O } = d(x, { variables: { workspaceId: w ?? "default" } });
+	if (D) return /* @__PURE__ */ f("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ d("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ f("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (D) return /* @__PURE__ */ f("div", {
+	if (O) return /* @__PURE__ */ p("div", {
 		className: "p-6 text-red-500",
 		children: [
-			w("planmagnet.projects.errorLoading", "Error loading projects"),
+			T("planmagnet.projects.errorLoading", "Error loading projects"),
 			": ",
-			D.message
+			O.message
 		]
 	});
-	let O = T?.planmagnetProjects?.items ?? [], k = {
-		total: O.length,
-		active: O.filter((e) => e.status === "ACTIVE").length,
-		completed: O.filter((e) => e.status === "COMPLETED").length,
-		onHold: O.filter((e) => e.status === "ON_HOLD").length
+	let k = E?.planmagnetProjects?.items ?? [], A = {
+		total: k.length,
+		active: k.filter((e) => e.status === "ACTIVE").length,
+		completed: k.filter((e) => e.status === "COMPLETED").length,
+		onHold: k.filter((e) => e.status === "ON_HOLD").length
 	};
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
+				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
 					className: "text-2xl font-semibold",
-					children: w("planmagnet.projects.title", "All Projects")
-				}), /* @__PURE__ */ d("p", {
+					children: T("planmagnet.projects.title", "All Projects")
+				}), /* @__PURE__ */ f("p", {
 					className: "text-sm text-muted-foreground",
-					children: w("planmagnet.projects.subtitle", "Manage and track all projects across teams")
-				})] }), /* @__PURE__ */ f(h, {
+					children: T("planmagnet.projects.subtitle", "Manage and track all projects across teams")
+				})] }), /* @__PURE__ */ p(g, {
 					size: "sm",
-					onClick: () => l("/projects/create-project-page"),
-					children: [/* @__PURE__ */ d(o, { className: "mr-1 h-4 w-4" }), w("planmagnet.projects.actions.newProject", "New Project")]
+					onClick: () => u("/projects/create-project-page"),
+					children: [/* @__PURE__ */ f(s, { className: "mr-1 h-4 w-4" }), T("planmagnet.projects.actions.newProject", "New Project")]
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 				children: [
 					{
-						label: w("planmagnet.projects.metrics.totalProjects", "Total Projects"),
-						value: k.total,
-						icon: a
+						label: T("planmagnet.projects.metrics.totalProjects", "Total Projects"),
+						value: A.total,
+						icon: o
 					},
 					{
-						label: w("planmagnet.projects.metrics.active", "Active"),
-						value: k.active,
-						icon: s
+						label: T("planmagnet.projects.metrics.active", "Active"),
+						value: A.active,
+						icon: c
 					},
 					{
-						label: w("planmagnet.projects.metrics.completed", "Completed"),
-						value: k.completed,
-						icon: i
+						label: T("planmagnet.projects.metrics.completed", "Completed"),
+						value: A.completed,
+						icon: a
 					},
 					{
-						label: w("planmagnet.projects.metrics.onHold", "On Hold"),
-						value: k.onHold,
-						icon: s
+						label: T("planmagnet.projects.metrics.onHold", "On Hold"),
+						value: A.onHold,
+						icon: c
 					}
-				].map((e) => /* @__PURE__ */ d(g, { children: /* @__PURE__ */ f(_, {
+				].map((e) => /* @__PURE__ */ f(_, { children: /* @__PURE__ */ p(v, {
 					className: "pt-4",
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ p("div", {
 						className: "flex items-center gap-2 text-muted-foreground text-sm",
-						children: [/* @__PURE__ */ d(e.icon, { className: "h-4 w-4" }), e.label]
-					}), /* @__PURE__ */ d("p", {
+						children: [/* @__PURE__ */ f(e.icon, { className: "h-4 w-4" }), e.label]
+					}), /* @__PURE__ */ f("p", {
 						className: "text-xl font-semibold mt-1",
 						children: e.value
 					})]
 				}) }, e.label))
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-				children: O.map((e) => /* @__PURE__ */ f(g, {
-					...r(() => l(n("/projects/project-detail-page", e.id)), e.name),
-					children: [/* @__PURE__ */ d(v, {
+				children: k.map((e) => /* @__PURE__ */ p(_, {
+					...i(() => u(r("/projects/project-detail-page", e.id)), e.name),
+					children: [/* @__PURE__ */ f(y, {
 						className: "pb-2",
-						children: /* @__PURE__ */ f("div", {
+						children: /* @__PURE__ */ p("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ d(y, {
+							children: [/* @__PURE__ */ f(b, {
 								className: "text-base",
 								children: e.name
-							}), /* @__PURE__ */ d("span", {
+							}), /* @__PURE__ */ f("span", {
 								className: "text-xs text-muted-foreground font-mono",
 								children: e.key
 							})]
 						})
-					}), /* @__PURE__ */ f(_, {
+					}), /* @__PURE__ */ p(v, {
 						className: "space-y-3",
 						children: [
-							/* @__PURE__ */ d("p", {
+							/* @__PURE__ */ f("p", {
 								className: "text-sm text-muted-foreground",
-								children: e.description ?? w("planmagnet.projects.shared.noDescription", "No description")
+								children: e.description ?? T("planmagnet.projects.shared.noDescription", "No description")
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "flex gap-2",
-								children: [/* @__PURE__ */ d(m, {
-									variant: S(e.status),
+								children: [/* @__PURE__ */ f(h, {
+									variant: C(e.status),
 									className: "capitalize",
 									children: e.status.toLowerCase().replace("_", " ")
-								}), /* @__PURE__ */ d("span", {
-									className: `text-xs px-2 py-0.5 rounded-full capitalize ${x[e.methodology] ?? "bg-gray-100"}`,
+								}), /* @__PURE__ */ f("span", {
+									className: `text-xs px-2 py-0.5 rounded-full capitalize ${S[e.methodology] ?? "bg-gray-100"}`,
 									children: e.methodology.toLowerCase()
 								})]
 							}),
-							e.tags.length > 0 && /* @__PURE__ */ d("div", {
+							e.tags.length > 0 && /* @__PURE__ */ f("div", {
 								className: "flex gap-1 flex-wrap",
-								children: e.tags.map((e) => /* @__PURE__ */ d(m, {
+								children: e.tags.map((e) => /* @__PURE__ */ f(h, {
 									variant: "outline",
 									className: "text-xs",
 									children: e
 								}, e))
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "flex justify-between text-xs text-muted-foreground border-t pt-2",
-								children: [/* @__PURE__ */ f("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ d(c, { className: "h-3 w-3" }),
-										w("planmagnet.projects.shared.owner", "Owner"),
-										": ",
-										e.ownerId
+										/* @__PURE__ */ f(l, { className: "h-3 w-3" }),
+										T("planmagnet.projects.shared.owner", "Owner"),
+										":",
+										" ",
+										/* @__PURE__ */ f(n, { id: e.ownerId })
 									]
-								}), /* @__PURE__ */ f("span", { children: [
+								}), /* @__PURE__ */ p("span", { children: [
 									e.startDate ? new Date(e.startDate).toLocaleDateString() : "—",
 									" -",
 									" ",
@@ -168,14 +170,14 @@ function C() {
 					})]
 				}, e.id))
 			}),
-			O.length === 0 && /* @__PURE__ */ d("p", {
+			k.length === 0 && /* @__PURE__ */ f("p", {
 				className: "text-center text-muted-foreground py-8",
-				children: w("planmagnet.projects.empty", "No projects found.")
+				children: T("planmagnet.projects.empty", "No projects found.")
 			})
 		]
 	});
 }
 //#endregion
-export { C as ProjectsProjectsPagePage };
+export { w as ProjectsProjectsPagePage };
 
 //# sourceMappingURL=ProjectsProjectsPagePage.js.map

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

@@ -1 +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, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\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 navigate = usePlanMagnetNavigate();\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\" onClick={() => navigate('/projects/create-project-page')}>\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\n                key={project.id}\n                {...rowLinkProps(\n                  () => navigate(detailPath('/projects/project-detail-page', project.id)),\n                  project.name\n                )}\n              >\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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"}
+{"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, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\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 navigate = usePlanMagnetNavigate();\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\" onClick={() => navigate('/projects/create-project-page')}>\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\n                key={project.id}\n                {...rowLinkProps(\n                  () => navigate(detailPath('/projects/project-detail-page', project.id)),\n                  project.name\n                )}\n              >\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')}:{' '}\n                      <PersonName id={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/ReportsReportsPagePage.d.ts.map

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

package/dist/planmagnet/pages/ReportsReportsPagePage.js

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