@burdenoff/microfe-crewfoundry 2026.703.2 → 2026.704.2

package/dist/crewfoundry/pages/ProjectsProjectsPagePage.js

@@ -2,132 +2,149 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { Plus as t } from "lucide-react";
 import { useNavigate as n } from "react-router-dom";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Badge as a, Button as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u, GlassCard as d, GradientText as f, IllustratedEmptyState as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
-import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as a, Button as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u, GlassCard as d, GradientText as f, IllustratedEmptyState as p, PagePurpose as m, Pagination as h } from "@burdenoff/fe-libs/ui";
+import { usePagination as g } from "@burdenoff/fe-libs/shared/hooks";
+import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/crewfoundry/pages/ProjectsProjectsPagePage.tsx
-function g() {
-	let { t: g } = h(), _ = n(), { projects: v } = e(), y = v.filter((e) => e.status === "active"), b = (e, t) => {
-		let n = g(e);
+function v() {
+	let { t: v } = _(), y = n(), { projects: b } = e(), x = b.filter((e) => e.status === "active"), { page: S, pageSize: C, setPage: w } = g({ initialPageSize: 12 }), T = (e, t) => {
+		let n = v(e);
 		return n === e ? t : n;
-	};
+	}, E = b.slice((S - 1) * C, (S - 1) * C + C), D = (e) => y(`../../projects/project-details-page?id=${encodeURIComponent(e.id)}`);
 	return /* @__PURE__ */ i("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ i("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ i("div", { children: [
-				/* @__PURE__ */ r("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ r(f, { children: b("crewfoundry.projects.title", "Projects") })
-				}),
-				/* @__PURE__ */ i("p", {
-					className: "text-sm text-text-secondary",
-					children: [
-						y.length,
-						" ",
-						b("crewfoundry.projects.summary.activeProjects", "active projects")
-					]
-				}),
-				/* @__PURE__ */ r(m, {
-					className: "mt-1",
-					children: "All your projects in one view — track status, progress, and budgets so nothing stalls and everything ships on time."
-				})
-			] }), /* @__PURE__ */ i(o, {
-				size: "sm",
-				onClick: () => _("../../projects/create-project-page"),
-				children: [/* @__PURE__ */ r(t, { className: "h-4 w-4 mr-1" }), b("crewfoundry.projects.actions.newProject", "New Project")]
-			})]
-		}), /* @__PURE__ */ r("div", {
-			className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-			children: v.length === 0 ? /* @__PURE__ */ r("div", {
-				className: "col-span-full",
-				children: /* @__PURE__ */ r(p, {
-					illustration: "empty-data",
-					title: "No projects yet",
-					description: "Create your first project to start tracking work."
-				})
-			}) : v.map((e, t) => /* @__PURE__ */ i(d, {
-				treatment: t === 0 ? "glass" : "plain",
-				glow: t === 0,
-				className: "hover:shadow-md transition-shadow cursor-pointer",
-				children: [/* @__PURE__ */ i(l, { children: [/* @__PURE__ */ i("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ r(u, {
-						className: "text-base",
-						children: e.name
-					}), /* @__PURE__ */ r(a, {
-						variant: e.status === "active" ? "default" : e.status === "completed" ? "secondary" : "outline",
-						className: "text-[10px]",
-						children: e.status
-					})]
-				}), /* @__PURE__ */ r(c, { children: e.description })] }), /* @__PURE__ */ i(s, { children: [
-					/* @__PURE__ */ i("div", {
-						className: "space-y-2 mb-3",
-						children: [/* @__PURE__ */ i("div", {
-							className: "flex justify-between text-xs",
-							children: [/* @__PURE__ */ i("span", { children: [
-								e.completedTasks,
-								"/",
-								e.tasks,
-								" ",
-								b("crewfoundry.projects.card.tasks", "tasks")
-							] }), /* @__PURE__ */ i("span", { children: [e.progress, "%"] })]
-						}), /* @__PURE__ */ r("div", {
-							className: "h-2 bg-bg-sunken rounded overflow-hidden",
-							children: /* @__PURE__ */ r("div", {
-								className: "h-2 bg-action-primary-bg rounded",
-								style: { width: `${e.progress}%` }
-							})
-						})]
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ i("div", { children: [
+					/* @__PURE__ */ r("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ r(f, { children: T("crewfoundry.projects.title", "Projects") })
 					}),
-					/* @__PURE__ */ i("div", {
-						className: "grid grid-cols-2 gap-2 text-xs text-text-secondary",
+					/* @__PURE__ */ i("p", {
+						className: "text-sm text-text-secondary",
 						children: [
-							/* @__PURE__ */ i("span", { children: [
-								b("crewfoundry.projects.card.team", "Team"),
-								": ",
-								e.teamName
-							] }),
-							/* @__PURE__ */ i("span", { children: [
-								b("crewfoundry.projects.card.manager", "Manager"),
-								": ",
-								e.managerName
-							] }),
-							/* @__PURE__ */ i("span", { children: [
-								b("crewfoundry.projects.card.budget", "Budget"),
-								": $",
-								(e.budget / 1e3).toFixed(0),
-								"K"
-							] }),
-							/* @__PURE__ */ i("span", { children: [
-								b("crewfoundry.projects.card.spent", "Spent"),
-								": $",
-								(e.spent / 1e3).toFixed(0),
-								"K"
-							] })
+							x.length,
+							" ",
+							T("crewfoundry.projects.summary.activeProjects", "active projects")
 						]
 					}),
-					/* @__PURE__ */ i("div", {
-						className: "flex gap-1 mt-2",
-						children: [/* @__PURE__ */ r(a, {
-							variant: e.priority === "critical" ? "destructive" : e.priority === "high" ? "default" : "secondary",
-							className: "text-[10px]",
-							children: e.priority
-						}), /* @__PURE__ */ i(a, {
-							variant: "outline",
+					/* @__PURE__ */ r(m, {
+						className: "mt-1",
+						children: "All your projects in one view — track status, progress, and budgets so nothing stalls and everything ships on time."
+					})
+				] }), /* @__PURE__ */ i(o, {
+					size: "sm",
+					onClick: () => y("../../projects/create-project-page"),
+					children: [/* @__PURE__ */ r(t, { className: "h-4 w-4 mr-1" }), T("crewfoundry.projects.actions.newProject", "New Project")]
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+				children: b.length === 0 ? /* @__PURE__ */ r("div", {
+					className: "col-span-full",
+					children: /* @__PURE__ */ r(p, {
+						illustration: "empty-data",
+						title: "No projects yet",
+						description: "Create your first project to start tracking work."
+					})
+				}) : E.map((e, t) => /* @__PURE__ */ i(d, {
+					treatment: t === 0 && S === 1 ? "glass" : "plain",
+					glow: t === 0 && S === 1,
+					role: "button",
+					tabIndex: 0,
+					"aria-label": `Open ${e.name} project detail`,
+					onClick: () => D(e),
+					onKeyDown: (t) => {
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), D(e));
+					},
+					className: "hover:shadow-md transition-shadow cursor-pointer focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]",
+					children: [/* @__PURE__ */ i(l, { children: [/* @__PURE__ */ i("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ r(u, {
+							className: "text-base",
+							children: e.name
+						}), /* @__PURE__ */ r(a, {
+							variant: e.status === "active" ? "default" : e.status === "completed" ? "secondary" : "outline",
 							className: "text-[10px]",
+							children: e.status
+						})]
+					}), /* @__PURE__ */ r(c, { children: e.description })] }), /* @__PURE__ */ i(s, { children: [
+						/* @__PURE__ */ i("div", {
+							className: "space-y-2 mb-3",
+							children: [/* @__PURE__ */ i("div", {
+								className: "flex justify-between text-xs",
+								children: [/* @__PURE__ */ i("span", { children: [
+									e.completedTasks,
+									"/",
+									e.tasks,
+									" ",
+									T("crewfoundry.projects.card.tasks", "tasks")
+								] }), /* @__PURE__ */ i("span", { children: [e.progress, "%"] })]
+							}), /* @__PURE__ */ r("div", {
+								className: "h-2 bg-bg-sunken rounded overflow-hidden",
+								children: /* @__PURE__ */ r("div", {
+									className: "h-2 bg-action-primary-bg rounded",
+									style: { width: `${e.progress}%` }
+								})
+							})]
+						}),
+						/* @__PURE__ */ i("div", {
+							className: "grid grid-cols-2 gap-2 text-xs text-text-secondary",
 							children: [
-								e.startDate,
-								" — ",
-								e.endDate
+								/* @__PURE__ */ i("span", { children: [
+									T("crewfoundry.projects.card.team", "Team"),
+									": ",
+									e.teamName
+								] }),
+								/* @__PURE__ */ i("span", { children: [
+									T("crewfoundry.projects.card.manager", "Manager"),
+									": ",
+									e.managerName
+								] }),
+								/* @__PURE__ */ i("span", { children: [
+									T("crewfoundry.projects.card.budget", "Budget"),
+									": $",
+									(e.budget / 1e3).toFixed(0),
+									"K"
+								] }),
+								/* @__PURE__ */ i("span", { children: [
+									T("crewfoundry.projects.card.spent", "Spent"),
+									": $",
+									(e.spent / 1e3).toFixed(0),
+									"K"
+								] })
 							]
-						})]
-					})
-				] })]
-			}, e.id))
-		})]
+						}),
+						/* @__PURE__ */ i("div", {
+							className: "flex gap-1 mt-2",
+							children: [/* @__PURE__ */ r(a, {
+								variant: e.priority === "critical" ? "destructive" : e.priority === "high" ? "default" : "secondary",
+								className: "text-[10px]",
+								children: e.priority
+							}), /* @__PURE__ */ i(a, {
+								variant: "outline",
+								className: "text-[10px]",
+								children: [
+									e.startDate,
+									" — ",
+									e.endDate
+								]
+							})]
+						})
+					] })]
+				}, e.id))
+			}),
+			b.length > C && /* @__PURE__ */ r(h, {
+				page: S,
+				pageSize: C,
+				totalItems: b.length,
+				onPageChange: w
+			})
+		]
 	});
 }
 //#endregion
-export { g as ProjectsProjectsPagePage };
+export { v as ProjectsProjectsPagePage };
 
 //# sourceMappingURL=ProjectsProjectsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsProjectsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsProjectsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Plus } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function ProjectsProjectsPagePage() {\n  const { t: translate } = useI18n();\n  const navigate = useNavigate();\n  const { projects } = useCrewFoundryStore();\n  const activeProjects = projects.filter((p) => p.status === 'active');\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\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            <GradientText>{t('crewfoundry.projects.title', 'Projects')}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {activeProjects.length}{' '}\n            {t('crewfoundry.projects.summary.activeProjects', 'active projects')}\n          </p>\n          <PagePurpose className=\"mt-1\">All your projects in one view — track status, progress, and budgets so nothing stalls and everything ships on time.</PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('../../projects/create-project-page')}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('crewfoundry.projects.actions.newProject', 'New Project')}\n        </Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {projects.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState illustration=\"empty-data\" title=\"No projects yet\" description=\"Create your first project to start tracking work.\" />\n          </div>\n        ) : (\n          projects.map((project, _idx) => (\n          <GlassCard key={project.id} treatment={_idx === 0 ? 'glass' : 'plain'} glow={_idx === 0} className=\"hover:shadow-md transition-shadow cursor-pointer\">\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">{project.name}</CardTitle>\n                <Badge\n                  variant={\n                    project.status === 'active'\n                      ? 'default'\n                      : project.status === 'completed'\n                        ? 'secondary'\n                        : 'outline'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {project.status}\n                </Badge>\n              </div>\n              <CardDescription>{project.description}</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-2 mb-3\">\n                <div className=\"flex justify-between text-xs\">\n                  <span>\n                    {project.completedTasks}/{project.tasks}{' '}\n                    {t('crewfoundry.projects.card.tasks', 'tasks')}\n                  </span>\n                  <span>{project.progress}%</span>\n                </div>\n                <div className=\"h-2 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className=\"h-2 bg-action-primary-bg rounded\"\n                    style={{ width: `${project.progress}%` }}\n                  />\n                </div>\n              </div>\n              <div className=\"grid grid-cols-2 gap-2 text-xs text-text-secondary\">\n                <span>\n                  {t('crewfoundry.projects.card.team', 'Team')}: {project.teamName}\n                </span>\n                <span>\n                  {t('crewfoundry.projects.card.manager', 'Manager')}: {project.managerName}\n                </span>\n                <span>\n                  {t('crewfoundry.projects.card.budget', 'Budget')}: $\n                  {(project.budget / 1000).toFixed(0)}K\n                </span>\n                <span>\n                  {t('crewfoundry.projects.card.spent', 'Spent')}: $\n                  {(project.spent / 1000).toFixed(0)}K\n                </span>\n              </div>\n              <div className=\"flex gap-1 mt-2\">\n                <Badge\n                  variant={\n                    project.priority === 'critical'\n                      ? 'destructive'\n                      : project.priority === 'high'\n                        ? 'default'\n                        : 'secondary'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {project.priority}\n                </Badge>\n                <Badge variant=\"outline\" className=\"text-[10px]\">\n                  {project.startDate} — {project.endDate}\n                </Badge>\n              </div>\n            </CardContent>\n          </GlassCard>\n        )))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectsProjectsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsProjectsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Plus } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type Project } from '../store/crewfoundryStore';\n\nexport function ProjectsProjectsPagePage() {\n  const { t: translate } = useI18n();\n  const navigate = useNavigate();\n  const { projects } = useCrewFoundryStore();\n  const activeProjects = projects.filter((p) => p.status === 'active');\n  const { page, pageSize, setPage } = usePagination({ initialPageSize: 12 });\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n\n  const pageProjects = projects.slice((page - 1) * pageSize, (page - 1) * pageSize + pageSize);\n\n  const openProject = (project: Project) =>\n    navigate(`../../projects/project-details-page?id=${encodeURIComponent(project.id)}`);\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            <GradientText>{t('crewfoundry.projects.title', 'Projects')}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {activeProjects.length}{' '}\n            {t('crewfoundry.projects.summary.activeProjects', 'active projects')}\n          </p>\n          <PagePurpose className=\"mt-1\">\n            All your projects in one view — track status, progress, and budgets so nothing stalls\n            and everything ships on time.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('../../projects/create-project-page')}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('crewfoundry.projects.actions.newProject', 'New Project')}\n        </Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {projects.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState\n              illustration=\"empty-data\"\n              title=\"No projects yet\"\n              description=\"Create your first project to start tracking work.\"\n            />\n          </div>\n        ) : (\n          pageProjects.map((project, _idx) => (\n            <GlassCard\n              key={project.id}\n              treatment={_idx === 0 && page === 1 ? 'glass' : 'plain'}\n              glow={_idx === 0 && page === 1}\n              role=\"button\"\n              tabIndex={0}\n              aria-label={`Open ${project.name} project detail`}\n              onClick={() => openProject(project)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  openProject(project);\n                }\n              }}\n              className=\"hover:shadow-md transition-shadow cursor-pointer focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]\"\n            >\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base\">{project.name}</CardTitle>\n                  <Badge\n                    variant={\n                      project.status === 'active'\n                        ? 'default'\n                        : project.status === 'completed'\n                          ? 'secondary'\n                          : 'outline'\n                    }\n                    className=\"text-[10px]\"\n                  >\n                    {project.status}\n                  </Badge>\n                </div>\n                <CardDescription>{project.description}</CardDescription>\n              </CardHeader>\n              <CardContent>\n                <div className=\"space-y-2 mb-3\">\n                  <div className=\"flex justify-between text-xs\">\n                    <span>\n                      {project.completedTasks}/{project.tasks}{' '}\n                      {t('crewfoundry.projects.card.tasks', 'tasks')}\n                    </span>\n                    <span>{project.progress}%</span>\n                  </div>\n                  <div className=\"h-2 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className=\"h-2 bg-action-primary-bg rounded\"\n                      style={{ width: `${project.progress}%` }}\n                    />\n                  </div>\n                </div>\n                <div className=\"grid grid-cols-2 gap-2 text-xs text-text-secondary\">\n                  <span>\n                    {t('crewfoundry.projects.card.team', 'Team')}: {project.teamName}\n                  </span>\n                  <span>\n                    {t('crewfoundry.projects.card.manager', 'Manager')}: {project.managerName}\n                  </span>\n                  <span>\n                    {t('crewfoundry.projects.card.budget', 'Budget')}: $\n                    {(project.budget / 1000).toFixed(0)}K\n                  </span>\n                  <span>\n                    {t('crewfoundry.projects.card.spent', 'Spent')}: $\n                    {(project.spent / 1000).toFixed(0)}K\n                  </span>\n                </div>\n                <div className=\"flex gap-1 mt-2\">\n                  <Badge\n                    variant={\n                      project.priority === 'critical'\n                        ? 'destructive'\n                        : project.priority === 'high'\n                          ? 'default'\n                          : 'secondary'\n                    }\n                    className=\"text-[10px]\"\n                  >\n                    {project.priority}\n                  </Badge>\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {project.startDate} — {project.endDate}\n                  </Badge>\n                </div>\n              </CardContent>\n            </GlassCard>\n          ))\n        )}\n      </div>\n\n      {projects.length > pageSize && (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={projects.length}\n          onPageChange={setPage}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/TeamsTeamAnalyticsPagePage.js

@@ -1,18 +1,22 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { Star as t, TrendingUp as n, Users as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Badge as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u, GlassCard as d, GradientText as f, PagePurpose as p } from "@burdenoff/fe-libs/ui";
+import { Badge as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u, GlassCard as d, GradientText as f, PagePurpose as p, ResponsiveTable as m } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/TeamsTeamAnalyticsPagePage.tsx
-function m() {
-	let { teams: m, employees: h, projects: g } = e(), _ = m.map((e) => {
-		let t = h.filter((t) => e.members.includes(t.id)), n = t.length > 0 ? (t.reduce((e, t) => e + t.performanceScore, 0) / t.length).toFixed(1) : "0", r = g.filter((t) => t.teamId === e.id), i = r.filter((e) => e.status === "active").length;
+function h() {
+	let { teams: h, employees: g, projects: _ } = e(), v = h.map((e) => {
+		let t = g.filter((t) => e.members.includes(t.id)), n = t.length > 0 ? (t.reduce((e, t) => e + t.performanceScore, 0) / t.length).toFixed(1) : "0", r = _.filter((t) => t.teamId === e.id), i = r.filter((e) => e.status === "active").length;
 		return {
-			...e,
+			id: e.id,
+			name: e.name,
+			department: e.department,
+			status: e.status,
+			memberCount: e.memberCount,
 			avgPerf: n,
 			activeProjects: i,
 			totalProjects: r.length
 		};
-	}), v = Math.max(...m.map((e) => e.memberCount));
+	}), y = [...h].sort((e, t) => t.memberCount - e.memberCount), b = h.length ? Math.max(...h.map((e) => e.memberCount)) : 0;
 	return /* @__PURE__ */ a("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -45,7 +49,7 @@ function m() {
 							}), /* @__PURE__ */ i(r, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: m.length
+							children: h.length
 						}) })]
 					}),
 					/* @__PURE__ */ a(d, {
@@ -59,7 +63,7 @@ function m() {
 							}), /* @__PURE__ */ i(r, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: m.reduce((e, t) => e + t.memberCount, 0)
+							children: h.reduce((e, t) => e + t.memberCount, 0)
 						}) })]
 					}),
 					/* @__PURE__ */ a(d, {
@@ -73,14 +77,14 @@ function m() {
 							}), /* @__PURE__ */ i(n, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: _.reduce((e, t) => e + t.activeProjects, 0)
+							children: v.reduce((e, t) => e + t.activeProjects, 0)
 						}) })]
 					})
 				]
 			}),
 			/* @__PURE__ */ a(s, { children: [/* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(u, { children: "Team Size Comparison" }) }), /* @__PURE__ */ i(c, {
 				className: "space-y-3",
-				children: m.sort((e, t) => t.memberCount - e.memberCount).map((e) => /* @__PURE__ */ a("div", {
+				children: y.map((e) => /* @__PURE__ */ a("div", {
 					className: "flex items-center gap-3",
 					children: [
 						/* @__PURE__ */ i("span", {
@@ -91,7 +95,7 @@ function m() {
 							className: "flex-1 h-4 bg-bg-sunken rounded overflow-hidden",
 							children: /* @__PURE__ */ i("div", {
 								className: "h-4 bg-action-primary-bg rounded",
-								style: { width: `${Math.round(e.memberCount / v * 100)}%` }
+								style: { width: `${b > 0 ? Math.round(e.memberCount / b * 100) : 0}%` }
 							})
 						}),
 						/* @__PURE__ */ i("span", {
@@ -101,61 +105,66 @@ function m() {
 					]
 				}, e.id))
 			})] }),
-			/* @__PURE__ */ a(s, { children: [/* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(u, { children: "Team Performance Overview" }) }), /* @__PURE__ */ a(c, { children: [/* @__PURE__ */ a("div", {
-				className: "grid grid-cols-5 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2",
-				children: [
-					/* @__PURE__ */ i("span", { children: "Team" }),
-					/* @__PURE__ */ i("span", { children: "Department" }),
-					/* @__PURE__ */ i("span", {
-						className: "text-center",
-						children: "Avg Performance"
-					}),
-					/* @__PURE__ */ i("span", {
-						className: "text-right",
-						children: "Active Projects"
-					}),
-					/* @__PURE__ */ i("span", {
-						className: "text-center",
-						children: "Status"
-					})
-				]
-			}), _.map((e) => /* @__PURE__ */ a("div", {
-				className: "grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm",
-				children: [
-					/* @__PURE__ */ i("span", {
-						className: "font-medium",
-						children: e.name
-					}),
-					/* @__PURE__ */ i("span", {
-						className: "text-text-secondary",
-						children: e.department
-					}),
-					/* @__PURE__ */ a("div", {
-						className: "flex items-center justify-center gap-1",
-						children: [/* @__PURE__ */ i(t, { className: "h-3 w-3 text-status-warning-text" }), e.avgPerf]
-					}),
-					/* @__PURE__ */ a("span", {
-						className: "text-right",
-						children: [
-							e.activeProjects,
-							"/",
-							e.totalProjects
-						]
-					}),
-					/* @__PURE__ */ i("div", {
-						className: "text-center",
-						children: /* @__PURE__ */ i(o, {
+			/* @__PURE__ */ a(s, { children: [/* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(u, { children: "Team Performance Overview" }) }), /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i(m, {
+				columns: [
+					{
+						key: "name",
+						header: "Team",
+						priority: "primary",
+						cell: (e) => /* @__PURE__ */ i("span", {
+							className: "font-medium text-text-primary",
+							children: e.name
+						})
+					},
+					{
+						key: "department",
+						header: "Department",
+						priority: "secondary",
+						cell: (e) => /* @__PURE__ */ i("span", {
+							className: "text-text-secondary",
+							children: e.department
+						})
+					},
+					{
+						key: "avgPerf",
+						header: "Avg Performance",
+						priority: "secondary",
+						cell: (e) => /* @__PURE__ */ a("span", {
+							className: "flex items-center gap-1 md:justify-center",
+							children: [/* @__PURE__ */ i(t, { className: "h-3 w-3 text-status-warning-text" }), e.avgPerf]
+						})
+					},
+					{
+						key: "projects",
+						header: "Active Projects",
+						priority: "secondary",
+						cell: (e) => /* @__PURE__ */ a("span", {
+							className: "md:text-right md:block",
+							children: [
+								e.activeProjects,
+								"/",
+								e.totalProjects
+							]
+						})
+					},
+					{
+						key: "status",
+						header: "Status",
+						priority: "primary",
+						cell: (e) => /* @__PURE__ */ i(o, {
 							variant: e.status === "active" ? "default" : "secondary",
 							className: "text-[10px]",
 							children: e.status
 						})
-					})
-				]
-			}, e.id))] })] })
+					}
+				],
+				data: v,
+				rowKey: (e) => e.id
+			}) })] })
 		]
 	});
 }
 //#endregion
-export { m as TeamsTeamAnalyticsPagePage };
+export { h as TeamsTeamAnalyticsPagePage };
 
 //# sourceMappingURL=TeamsTeamAnalyticsPagePage.js.map

package/dist/crewfoundry/pages/TeamsTeamAnalyticsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamsTeamAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/TeamsTeamAnalyticsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Star, TrendingUp, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function TeamsTeamAnalyticsPagePage() {\n  const { teams, employees, projects } = useCrewFoundryStore();\n\n  const teamMetrics = teams.map((t) => {\n    const members = employees.filter((e) => t.members.includes(e.id));\n    const avgPerf =\n      members.length > 0\n        ? (members.reduce((s, m) => s + m.performanceScore, 0) / members.length).toFixed(1)\n        : '0';\n    const teamProjects = projects.filter((p) => p.teamId === t.id);\n    const activeProj = teamProjects.filter((p) => p.status === 'active').length;\n    return { ...t, avgPerf, activeProjects: activeProj, totalProjects: teamProjects.length };\n  });\n\n  const maxMembers = Math.max(...teams.map((t) => t.memberCount));\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Team Analytics</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          Performance and productivity metrics across teams\n        </p>\n        <PagePurpose className=\"mt-1\">Understand how your teams are performing — productivity, workload, and trends that help you balance and support your groups.</PagePurpose>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Teams</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{teams.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Members</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {teams.reduce((s, t) => s + t.memberCount, 0)}\n            </div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active Projects</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {teamMetrics.reduce((s, t) => s + t.activeProjects, 0)}\n            </div>\n          </CardContent>\n        </GlassCard>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle>Team Size Comparison</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {teams\n            .sort((a, b) => b.memberCount - a.memberCount)\n            .map((t) => (\n              <div key={t.id} className=\"flex items-center gap-3\">\n                <span className=\"w-40 text-sm font-medium truncate\">{t.name}</span>\n                <div className=\"flex-1 h-4 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className=\"h-4 bg-action-primary-bg rounded\"\n                    style={{ width: `${Math.round((t.memberCount / maxMembers) * 100)}%` }}\n                  />\n                </div>\n                <span className=\"text-sm font-medium w-8 text-right\">{t.memberCount}</span>\n              </div>\n            ))}\n        </CardContent>\n      </Card>\n      <Card>\n        <CardHeader>\n          <CardTitle>Team Performance Overview</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-5 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2\">\n            <span>Team</span>\n            <span>Department</span>\n            <span className=\"text-center\">Avg Performance</span>\n            <span className=\"text-right\">Active Projects</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {teamMetrics.map((t) => (\n            <div key={t.id} className=\"grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm\">\n              <span className=\"font-medium\">{t.name}</span>\n              <span className=\"text-text-secondary\">{t.department}</span>\n              <div className=\"flex items-center justify-center gap-1\">\n                <Star className=\"h-3 w-3 text-status-warning-text\" />\n                {t.avgPerf}\n              </div>\n              <span className=\"text-right\">\n                {t.activeProjects}/{t.totalProjects}\n              </span>\n              <div className=\"text-center\">\n                <Badge\n                  variant={t.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {t.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgB,IAA6B;CAC3C,IAAM,EAAE,UAAO,cAAW,gBAAa,GAAqB,EAEtD,IAAc,EAAM,KAAK,MAAM;EACnC,IAAM,IAAU,EAAU,QAAQ,MAAM,EAAE,QAAQ,SAAS,EAAE,GAAG,CAAC,EAC3D,IACJ,EAAQ,SAAS,KACZ,EAAQ,QAAQ,GAAG,MAAM,IAAI,EAAE,kBAAkB,EAAE,GAAG,EAAQ,QAAQ,QAAQ,EAAE,GACjF,KACA,IAAe,EAAS,QAAQ,MAAM,EAAE,WAAW,EAAE,GAAG,EACxD,IAAa,EAAa,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC;AACrE,SAAO;GAAE,GAAG;GAAG;GAAS,gBAAgB;GAAY,eAAe,EAAa;GAAQ;GACxF,EAEI,IAAa,KAAK,IAAI,GAAG,EAAM,KAAK,MAAM,EAAE,YAAY,CAAC;AAE/D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,kBAA6B,CAAA;KACxC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAEvC,CAAA;IACJ,kBAAC,GAAD;KAAa,WAAU;eAAO;KAA0I,CAAA;IACpK,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAuB,CAAA,EAClE,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,CACtC;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC,EAAM;OAAa,CAAA,EACzD,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAyB,CAAA,EACpE,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,CACtC;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAM,QAAQ,GAAG,MAAM,IAAI,EAAE,aAAa,EAAE;OACzC,CAAA,EACM,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA2B,CAAA,EACtE,kBAAC,GAAD,EAAY,WAAU,+BAAgC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAY,QAAQ,GAAG,MAAM,IAAI,EAAE,gBAAgB,EAAE;OAClD,CAAA,EACM,CAAA,CACJ;;KACR;;GACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,wBAAgC,CAAA,EAChC,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EACE,MAAM,GAAG,MAAM,EAAE,cAAc,EAAE,YAAY,CAC7C,KAAK,MACJ,kBAAC,OAAD;KAAgB,WAAU;eAA1B;MACE,kBAAC,QAAD;OAAM,WAAU;iBAAqC,EAAE;OAAY,CAAA;MACnE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,OAAD;QACE,WAAU;QACV,OAAO,EAAE,OAAO,GAAG,KAAK,MAAO,EAAE,cAAc,IAAc,IAAI,CAAC,IAAI;QACtE,CAAA;OACE,CAAA;MACN,kBAAC,QAAD;OAAM,WAAU;iBAAsC,EAAE;OAAmB,CAAA;MACvE;OATI,EAAE,GASN,CACN;IACQ,CAAA,CACT,EAAA,CAAA;GACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,6BAAqC,CAAA,EACrC,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD,EAAA,UAAM,QAAW,CAAA;KACjB,kBAAC,QAAD,EAAA,UAAM,cAAiB,CAAA;KACvB,kBAAC,QAAD;MAAM,WAAU;gBAAc;MAAsB,CAAA;KACpD,kBAAC,QAAD;MAAM,WAAU;gBAAa;MAAsB,CAAA;KACnD,kBAAC,QAAD;MAAM,WAAU;gBAAc;MAAa,CAAA;KACvC;OACL,EAAY,KAAK,MAChB,kBAAC,OAAD;IAAgB,WAAU;cAA1B;KACE,kBAAC,QAAD;MAAM,WAAU;gBAAe,EAAE;MAAY,CAAA;KAC7C,kBAAC,QAAD;MAAM,WAAU;gBAAuB,EAAE;MAAkB,CAAA;KAC3D,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,oCAAqC,CAAA,EACpD,EAAE,QACC;;KACN,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG,EAAE;OAAe;OAAE,EAAE;OACjB;;KACP,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACE,SAAS,EAAE,WAAW,WAAW,YAAY;OAC7C,WAAU;iBAET,EAAE;OACG,CAAA;MACJ,CAAA;KACF;MAlBI,EAAE,GAkBN,CACN,CACU,EAAA,CAAA,CACT,EAAA,CAAA;GACH"}
+{"version":3,"file":"TeamsTeamAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/TeamsTeamAnalyticsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { Star, TrendingUp, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ninterface TeamMetricRow {\n  id: string;\n  name: string;\n  department: string;\n  status: string;\n  memberCount: number;\n  avgPerf: string;\n  activeProjects: number;\n  totalProjects: number;\n}\n\nexport function TeamsTeamAnalyticsPagePage() {\n  const { teams, employees, projects } = useCrewFoundryStore();\n\n  const teamMetrics: TeamMetricRow[] = teams.map((t) => {\n    const members = employees.filter((e) => t.members.includes(e.id));\n    const avgPerf =\n      members.length > 0\n        ? (members.reduce((s, m) => s + m.performanceScore, 0) / members.length).toFixed(1)\n        : '0';\n    const teamProjects = projects.filter((p) => p.teamId === t.id);\n    const activeProj = teamProjects.filter((p) => p.status === 'active').length;\n    return {\n      id: t.id,\n      name: t.name,\n      department: t.department,\n      status: t.status,\n      memberCount: t.memberCount,\n      avgPerf,\n      activeProjects: activeProj,\n      totalProjects: teamProjects.length,\n    };\n  });\n\n  const sizeComparison = [...teams].sort((a, b) => b.memberCount - a.memberCount);\n  const maxMembers = teams.length ? Math.max(...teams.map((t) => t.memberCount)) : 0;\n\n  const performanceColumns: ResponsiveTableColumn<TeamMetricRow>[] = [\n    {\n      key: 'name',\n      header: 'Team',\n      priority: 'primary',\n      cell: (t) => <span className=\"font-medium text-text-primary\">{t.name}</span>,\n    },\n    {\n      key: 'department',\n      header: 'Department',\n      priority: 'secondary',\n      cell: (t) => <span className=\"text-text-secondary\">{t.department}</span>,\n    },\n    {\n      key: 'avgPerf',\n      header: 'Avg Performance',\n      priority: 'secondary',\n      cell: (t) => (\n        <span className=\"flex items-center gap-1 md:justify-center\">\n          <Star className=\"h-3 w-3 text-status-warning-text\" />\n          {t.avgPerf}\n        </span>\n      ),\n    },\n    {\n      key: 'projects',\n      header: 'Active Projects',\n      priority: 'secondary',\n      cell: (t) => (\n        <span className=\"md:text-right md:block\">\n          {t.activeProjects}/{t.totalProjects}\n        </span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'primary',\n      cell: (t) => (\n        <Badge variant={t.status === 'active' ? 'default' : 'secondary'} className=\"text-[10px]\">\n          {t.status}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Team Analytics</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          Performance and productivity metrics across teams\n        </p>\n        <PagePurpose className=\"mt-1\">\n          Understand how your teams are performing — productivity, workload, and trends that help\n          you balance and support your groups.\n        </PagePurpose>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Teams</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{teams.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Members</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {teams.reduce((s, t) => s + t.memberCount, 0)}\n            </div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active Projects</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {teamMetrics.reduce((s, t) => s + t.activeProjects, 0)}\n            </div>\n          </CardContent>\n        </GlassCard>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle>Team Size Comparison</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {sizeComparison.map((t) => (\n            <div key={t.id} className=\"flex items-center gap-3\">\n              <span className=\"w-40 text-sm font-medium truncate\">{t.name}</span>\n              <div className=\"flex-1 h-4 bg-bg-sunken rounded overflow-hidden\">\n                <div\n                  className=\"h-4 bg-action-primary-bg rounded\"\n                  style={{\n                    width: `${maxMembers > 0 ? Math.round((t.memberCount / maxMembers) * 100) : 0}%`,\n                  }}\n                />\n              </div>\n              <span className=\"text-sm font-medium w-8 text-right\">{t.memberCount}</span>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n      <Card>\n        <CardHeader>\n          <CardTitle>Team Performance Overview</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <ResponsiveTable columns={performanceColumns} data={teamMetrics} rowKey={(t) => t.id} />\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}