@burdenoff/microfe-crewfoundry 2026.704.3 → 2026.704.5

package/dist/crewfoundry/pages/ProjectsProjectsPagePage.js

@@ -1,128 +1,129 @@
 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, 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";
+import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
+import { Plus as n } from "lucide-react";
+import { useNavigate as r } from "react-router-dom";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Badge as o, Button as s, CardContent as c, CardDescription as l, CardHeader as u, CardTitle as d, GlassCard as f, GradientText as p, IllustratedEmptyState as m, PagePurpose as h, Pagination as g } from "@burdenoff/fe-libs/ui";
+import { usePagination as _ } from "@burdenoff/fe-libs/shared/hooks";
+import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/crewfoundry/pages/ProjectsProjectsPagePage.tsx
-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);
+function y() {
+	let { t: y } = v(), b = r(), { projects: x } = e(), S = x.filter((e) => e.status === "active"), { page: C, pageSize: w, setPage: T } = _({ initialPageSize: 12 }), E = (e, t) => {
+		let n = y(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", {
+	}, D = x.slice((C - 1) * w, (C - 1) * w + w), O = (e) => b(`../projects/project-details-page?id=${encodeURIComponent(e.id)}`);
+	return /* @__PURE__ */ a("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ a("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ i("div", { children: [
-					/* @__PURE__ */ r("h1", {
+				children: [/* @__PURE__ */ a("div", { children: [
+					/* @__PURE__ */ i("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ r(f, { children: T("crewfoundry.projects.title", "Projects") })
+						children: /* @__PURE__ */ i(p, { children: E("crewfoundry.projects.title", "Projects") })
 					}),
-					/* @__PURE__ */ i("p", {
+					/* @__PURE__ */ a("p", {
 						className: "text-sm text-text-secondary",
 						children: [
-							x.length,
+							S.length,
 							" ",
-							T("crewfoundry.projects.summary.activeProjects", "active projects")
+							E("crewfoundry.projects.summary.activeProjects", "active projects")
 						]
 					}),
-					/* @__PURE__ */ r(m, {
+					/* @__PURE__ */ i(h, {
 						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, {
+				] }), /* @__PURE__ */ a(s, {
 					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")]
+					onClick: () => b("../projects/create-project-page"),
+					children: [/* @__PURE__ */ i(n, { className: "h-4 w-4 mr-1" }), E("crewfoundry.projects.actions.newProject", "New Project")]
 				})]
 			}),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: b.length === 0 ? /* @__PURE__ */ r("div", {
+				children: x.length === 0 ? /* @__PURE__ */ i("div", {
 					className: "col-span-full",
-					children: /* @__PURE__ */ r(p, {
+					children: /* @__PURE__ */ i(m, {
 						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,
+				}) : D.map((e, n) => /* @__PURE__ */ a(f, {
+					treatment: n === 0 && C === 1 ? "glass" : "plain",
+					glow: n === 0 && C === 1,
 					role: "button",
 					tabIndex: 0,
 					"aria-label": `Open ${e.name} project detail`,
-					onClick: () => D(e),
+					onClick: () => O(e),
 					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), D(e));
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), O(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", {
+					children: [/* @__PURE__ */ a(u, { children: [/* @__PURE__ */ a("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ r(u, {
+						children: [/* @__PURE__ */ i(d, {
 							className: "text-base",
 							children: e.name
-						}), /* @__PURE__ */ r(a, {
+						}), /* @__PURE__ */ i(o, {
 							variant: e.status === "active" ? "default" : e.status === "completed" ? "secondary" : "outline",
 							className: "text-[10px]",
-							children: e.status
+							children: t(e.status)
 						})]
-					}), /* @__PURE__ */ r(c, { children: e.description })] }), /* @__PURE__ */ i(s, { children: [
-						/* @__PURE__ */ i("div", {
+					}), /* @__PURE__ */ i(l, { children: e.description })] }), /* @__PURE__ */ a(c, { children: [
+						/* @__PURE__ */ a("div", {
 							className: "space-y-2 mb-3",
-							children: [/* @__PURE__ */ i("div", {
+							children: [/* @__PURE__ */ a("div", {
 								className: "flex justify-between text-xs",
-								children: [/* @__PURE__ */ i("span", { children: [
+								children: [/* @__PURE__ */ a("span", { children: [
 									e.completedTasks,
 									"/",
 									e.tasks,
 									" ",
-									T("crewfoundry.projects.card.tasks", "tasks")
-								] }), /* @__PURE__ */ i("span", { children: [e.progress, "%"] })]
-							}), /* @__PURE__ */ r("div", {
+									E("crewfoundry.projects.card.tasks", "tasks")
+								] }), /* @__PURE__ */ a("span", { children: [e.progress, "%"] })]
+							}), /* @__PURE__ */ i("div", {
 								className: "h-2 bg-bg-sunken rounded overflow-hidden",
-								children: /* @__PURE__ */ r("div", {
+								children: /* @__PURE__ */ i("div", {
 									className: "h-2 bg-action-primary-bg rounded",
 									style: { width: `${e.progress}%` }
 								})
 							})]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ a("div", {
 							className: "grid grid-cols-2 gap-2 text-xs text-text-secondary",
 							children: [
-								/* @__PURE__ */ i("span", { children: [
-									T("crewfoundry.projects.card.team", "Team"),
+								/* @__PURE__ */ a("span", { children: [
+									E("crewfoundry.projects.card.team", "Team"),
 									": ",
 									e.teamName
 								] }),
-								/* @__PURE__ */ i("span", { children: [
-									T("crewfoundry.projects.card.manager", "Manager"),
+								/* @__PURE__ */ a("span", { children: [
+									E("crewfoundry.projects.card.manager", "Manager"),
 									": ",
 									e.managerName
 								] }),
-								/* @__PURE__ */ i("span", { children: [
-									T("crewfoundry.projects.card.budget", "Budget"),
+								/* @__PURE__ */ a("span", { children: [
+									E("crewfoundry.projects.card.budget", "Budget"),
 									": $",
 									(e.budget / 1e3).toFixed(0),
 									"K"
 								] }),
-								/* @__PURE__ */ i("span", { children: [
-									T("crewfoundry.projects.card.spent", "Spent"),
+								/* @__PURE__ */ a("span", { children: [
+									E("crewfoundry.projects.card.spent", "Spent"),
 									": $",
 									(e.spent / 1e3).toFixed(0),
 									"K"
 								] })
 							]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ a("div", {
 							className: "flex gap-1 mt-2",
-							children: [/* @__PURE__ */ r(a, {
+							children: [/* @__PURE__ */ i(o, {
 								variant: e.priority === "critical" ? "destructive" : e.priority === "high" ? "default" : "secondary",
 								className: "text-[10px]",
-								children: e.priority
-							}), /* @__PURE__ */ i(a, {
+								children: t(e.priority)
+							}), /* @__PURE__ */ a(o, {
 								variant: "outline",
 								className: "text-[10px]",
 								children: [
@@ -135,16 +136,16 @@ function v() {
 					] })]
 				}, e.id))
 			}),
-			b.length > C && /* @__PURE__ */ r(h, {
-				page: S,
-				pageSize: C,
-				totalItems: b.length,
-				onPageChange: w
+			x.length > w && /* @__PURE__ */ i(g, {
+				page: C,
+				pageSize: w,
+				totalItems: x.length,
+				onPageChange: T
 			})
 		]
 	});
 }
 //#endregion
-export { v as ProjectsProjectsPagePage };
+export { y 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  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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"}
+{"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';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\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                    {formatEnumLabel(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                    {formatEnumLabel(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,11 +1,12 @@
 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, ResponsiveTable as m } from "@burdenoff/fe-libs/ui";
+import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
+import { Star as n, TrendingUp as r, Users as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Badge as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d, GlassCard as f, GradientText as p, PagePurpose as m, ResponsiveTable as h } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/TeamsTeamAnalyticsPagePage.tsx
-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;
+function g() {
+	let { teams: g, employees: _, projects: v } = e(), y = g.map((e) => {
+		let t = _.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 = v.filter((t) => t.teamId === e.id), i = r.filter((e) => e.status === "active").length;
 		return {
 			id: e.id,
 			name: e.name,
@@ -16,102 +17,102 @@ function h() {
 			activeProjects: i,
 			totalProjects: r.length
 		};
-	}), y = [...h].sort((e, t) => t.memberCount - e.memberCount), b = h.length ? Math.max(...h.map((e) => e.memberCount)) : 0;
-	return /* @__PURE__ */ a("div", {
+	}), b = [...g].sort((e, t) => t.memberCount - e.memberCount), x = g.length ? Math.max(...g.map((e) => e.memberCount)) : 0;
+	return /* @__PURE__ */ o("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ a("div", { children: [
-				/* @__PURE__ */ i("h1", {
+			/* @__PURE__ */ o("div", { children: [
+				/* @__PURE__ */ a("h1", {
 					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ i(f, { children: "Team Analytics" })
+					children: /* @__PURE__ */ a(p, { children: "Team Analytics" })
 				}),
-				/* @__PURE__ */ i("p", {
+				/* @__PURE__ */ a("p", {
 					className: "text-sm text-text-secondary",
 					children: "Performance and productivity metrics across teams"
 				}),
-				/* @__PURE__ */ i(p, {
+				/* @__PURE__ */ a(m, {
 					className: "mt-1",
 					children: "Understand how your teams are performing — productivity, workload, and trends that help you balance and support your groups."
 				})
 			] }),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ o("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ a(d, {
+					/* @__PURE__ */ o(f, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ a(l, {
+						children: [/* @__PURE__ */ o(u, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ i(u, {
+							children: [/* @__PURE__ */ a(d, {
 								className: "text-sm font-medium",
 								children: "Total Teams"
-							}), /* @__PURE__ */ i(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i("div", {
+							}), /* @__PURE__ */ a(i, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: h.length
+							children: g.length
 						}) })]
 					}),
-					/* @__PURE__ */ a(d, {
+					/* @__PURE__ */ o(f, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ a(l, {
+						children: [/* @__PURE__ */ o(u, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ i(u, {
+							children: [/* @__PURE__ */ a(d, {
 								className: "text-sm font-medium",
 								children: "Total Members"
-							}), /* @__PURE__ */ i(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i("div", {
+							}), /* @__PURE__ */ a(i, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: h.reduce((e, t) => e + t.memberCount, 0)
+							children: g.reduce((e, t) => e + t.memberCount, 0)
 						}) })]
 					}),
-					/* @__PURE__ */ a(d, {
+					/* @__PURE__ */ o(f, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ a(l, {
+						children: [/* @__PURE__ */ o(u, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ i(u, {
+							children: [/* @__PURE__ */ a(d, {
 								className: "text-sm font-medium",
 								children: "Active Projects"
-							}), /* @__PURE__ */ i(n, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i("div", {
+							}), /* @__PURE__ */ a(r, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: v.reduce((e, t) => e + t.activeProjects, 0)
+							children: y.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, {
+			/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(d, { children: "Team Size Comparison" }) }), /* @__PURE__ */ a(l, {
 				className: "space-y-3",
-				children: y.map((e) => /* @__PURE__ */ a("div", {
+				children: b.map((e) => /* @__PURE__ */ o("div", {
 					className: "flex items-center gap-3",
 					children: [
-						/* @__PURE__ */ i("span", {
+						/* @__PURE__ */ a("span", {
 							className: "w-40 text-sm font-medium truncate",
 							children: e.name
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ a("div", {
 							className: "flex-1 h-4 bg-bg-sunken rounded overflow-hidden",
-							children: /* @__PURE__ */ i("div", {
+							children: /* @__PURE__ */ a("div", {
 								className: "h-4 bg-action-primary-bg rounded",
-								style: { width: `${b > 0 ? Math.round(e.memberCount / b * 100) : 0}%` }
+								style: { width: `${x > 0 ? Math.round(e.memberCount / x * 100) : 0}%` }
 							})
 						}),
-						/* @__PURE__ */ i("span", {
+						/* @__PURE__ */ a("span", {
 							className: "text-sm font-medium w-8 text-right",
 							children: e.memberCount
 						})
 					]
 				}, e.id))
 			})] }),
-			/* @__PURE__ */ a(s, { children: [/* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(u, { children: "Team Performance Overview" }) }), /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i(m, {
+			/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(d, { children: "Team Performance Overview" }) }), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(h, {
 				columns: [
 					{
 						key: "name",
 						header: "Team",
 						priority: "primary",
-						cell: (e) => /* @__PURE__ */ i("span", {
+						cell: (e) => /* @__PURE__ */ a("span", {
 							className: "font-medium text-text-primary",
 							children: e.name
 						})
@@ -120,7 +121,7 @@ function h() {
 						key: "department",
 						header: "Department",
 						priority: "secondary",
-						cell: (e) => /* @__PURE__ */ i("span", {
+						cell: (e) => /* @__PURE__ */ a("span", {
 							className: "text-text-secondary",
 							children: e.department
 						})
@@ -129,16 +130,16 @@ function h() {
 						key: "avgPerf",
 						header: "Avg Performance",
 						priority: "secondary",
-						cell: (e) => /* @__PURE__ */ a("span", {
+						cell: (e) => /* @__PURE__ */ o("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]
+							children: [/* @__PURE__ */ a(n, { className: "h-3 w-3 text-status-warning-text" }), e.avgPerf]
 						})
 					},
 					{
 						key: "projects",
 						header: "Active Projects",
 						priority: "secondary",
-						cell: (e) => /* @__PURE__ */ a("span", {
+						cell: (e) => /* @__PURE__ */ o("span", {
 							className: "md:text-right md:block",
 							children: [
 								e.activeProjects,
@@ -151,20 +152,20 @@ function h() {
 						key: "status",
 						header: "Status",
 						priority: "primary",
-						cell: (e) => /* @__PURE__ */ i(o, {
+						cell: (e) => /* @__PURE__ */ a(s, {
 							variant: e.status === "active" ? "default" : "secondary",
 							className: "text-[10px]",
-							children: e.status
+							children: t(e.status)
 						})
 					}
 				],
-				data: v,
+				data: y,
 				rowKey: (e) => e.id
 			}) })] })
 		]
 	});
 }
 //#endregion
-export { h as TeamsTeamAnalyticsPagePage };
+export { g 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  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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"}
+{"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';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\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          {formatEnumLabel(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":";;;;;;AA2BA,SAAgB,IAA6B;CAC3C,IAAM,EAAE,UAAO,cAAW,gBAAa,GAAqB,EAEtD,IAA+B,EAAM,KAAK,MAAM;EACpD,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;GACL,IAAI,EAAE;GACN,MAAM,EAAE;GACR,YAAY,EAAE;GACd,QAAQ,EAAE;GACV,aAAa,EAAE;GACf;GACA,gBAAgB;GAChB,eAAe,EAAa;GAC7B;GACD,EAEI,IAAiB,CAAC,GAAG,EAAM,CAAC,MAAM,GAAG,MAAM,EAAE,cAAc,EAAE,YAAY,EACzE,IAAa,EAAM,SAAS,KAAK,IAAI,GAAG,EAAM,KAAK,MAAM,EAAE,YAAY,CAAC,GAAG;AAgDjF,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;KAGhB,CAAA;IACV,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,EAAe,KAAK,MACnB,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,EACL,OAAO,GAAG,IAAa,IAAI,KAAK,MAAO,EAAE,cAAc,IAAc,IAAI,GAAG,EAAE,IAC/E;QACD,CAAA;OACE,CAAA;MACN,kBAAC,QAAD;OAAM,WAAU;iBAAsC,EAAE;OAAmB,CAAA;MACvE;OAXI,EAAE,GAWN,CACN;IACU,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,UACE,kBAAC,GAAD;IAAiB,SAvH0C;KACjE;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MAAM,kBAAC,QAAD;OAAM,WAAU;iBAAiC,EAAE;OAAY,CAAA;MAC7E;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MAAM,kBAAC,QAAD;OAAM,WAAU;iBAAuB,EAAE;OAAkB,CAAA;MACzE;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MACL,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,GAAD,EAAM,WAAU,oCAAqC,CAAA,EACpD,EAAE,QACE;;MAEV;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MACL,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACG,EAAE;QAAe;QAAE,EAAE;QACjB;;MAEV;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MACL,kBAAC,GAAD;OAAO,SAAS,EAAE,WAAW,WAAW,YAAY;OAAa,WAAU;iBACxE,EAAgB,EAAE,OAAO;OACpB,CAAA;MAEX;KACF;IA2EqD,MAAM;IAAa,SAAS,MAAM,EAAE;IAAM,CAAA,EAC5E,CAAA,CACT,EAAA,CAAA;GACH"}