@burdenoff/microfe-crewfoundry 2026.625.1 → 2026.625.2

package/dist/crewfoundry/pages/AnalyticsEmployeeAnalyticsPagePage.js

@@ -2,11 +2,11 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useMemo as t } from "react";
 import { Award as n, BarChart3 as r, Clock as i, MapPin as a, Star as o, TrendingUp as s, UserCheck as c } from "lucide-react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Badge as d, Card as f, CardContent as p, CardDescription as m, CardHeader as h, CardTitle as g, GlassCard as _, GradientText as v } from "@burdenoff/fe-libs/ui";
+import { Badge as d, Card as f, CardContent as p, CardDescription as m, CardHeader as h, CardTitle as g, GlassCard as _, GradientText as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/AnalyticsEmployeeAnalyticsPagePage.tsx
-function y() {
-	let { employees: y, departments: b } = e(), x = t(() => {
-		let e = Math.max(y.length, 1), t = (e) => Math.max(0, ((/* @__PURE__ */ new Date("2026-03-01")).getTime() - new Date(e).getTime()) / (1e3 * 60 * 60 * 24 * 365));
+function b() {
+	let { employees: b, departments: x } = e(), S = t(() => {
+		let e = Math.max(b.length, 1), t = (e) => Math.max(0, ((/* @__PURE__ */ new Date("2026-03-01")).getTime() - new Date(e).getTime()) / (1e3 * 60 * 60 * 24 * 365));
 		return [
 			{
 				range: "< 1 year",
@@ -34,7 +34,7 @@ function y() {
 				max: Infinity
 			}
 		].map((n) => {
-			let r = y.filter((e) => {
+			let r = b.filter((e) => {
 				let r = t(e.startDate);
 				return r >= n.min && r < n.max;
 			}).length;
@@ -44,14 +44,14 @@ function y() {
 				percentage: Math.round(r / e * 100)
 			};
 		});
-	}, [y]), S = t(() => {
-		let e = b.map((e) => {
-			let t = y.filter((t) => t.department === e.name), n = t.length > 0 ? t.reduce((e, t) => e + t.performanceScore, 0) / t.length : 0;
+	}, [b]), C = t(() => {
+		let e = x.map((e) => {
+			let t = b.filter((t) => t.department === e.name), n = t.length > 0 ? t.reduce((e, t) => e + t.performanceScore, 0) / t.length : 0;
 			return {
 				department: e.name,
 				score: n
 			};
-		}), t = y.length > 0 ? y.reduce((e, t) => e + t.performanceScore, 0) / y.length : 0, n = y.length > 0 ? Math.min(5, Math.max(3, y.reduce((e, t) => e + t.salary, 0) / y.length / 3e4)) : 0;
+		}), t = b.length > 0 ? b.reduce((e, t) => e + t.performanceScore, 0) / b.length : 0, n = b.length > 0 ? Math.min(5, Math.max(3, b.reduce((e, t) => e + t.salary, 0) / b.length / 3e4)) : 0;
 		return [
 			{
 				driver: "Workforce Performance",
@@ -84,33 +84,41 @@ function y() {
 				trend: "+0.4"
 			}
 		];
-	}, [b, y]), C = (y.reduce((e, t) => e + t.performanceScore, 0) / y.length).toFixed(1), w = Math.round(y.reduce((e, t) => e + t.salary, 0) / y.length), T = y.filter((e) => e.status === "active").length, E = y.filter((e) => e.status === "on_leave").length, D = b.map((e) => {
-		let t = y.filter((t) => t.department === e.name), n = t.length > 0 ? (t.reduce((e, t) => e + t.performanceScore, 0) / t.length).toFixed(1) : "0", r = t.length > 0 ? Math.round(t.reduce((e, t) => e + t.salary, 0) / t.length) : 0;
+	}, [x, b]), w = (b.reduce((e, t) => e + t.performanceScore, 0) / b.length).toFixed(1), T = Math.round(b.reduce((e, t) => e + t.salary, 0) / b.length), E = b.filter((e) => e.status === "active").length, D = b.filter((e) => e.status === "on_leave").length, O = x.map((e) => {
+		let t = b.filter((t) => t.department === e.name), n = t.length > 0 ? (t.reduce((e, t) => e + t.performanceScore, 0) / t.length).toFixed(1) : "0", r = t.length > 0 ? Math.round(t.reduce((e, t) => e + t.salary, 0) / t.length) : 0;
 		return {
 			name: e.name,
 			headcount: t.length,
 			avgScore: n,
 			avgSalary: r
 		};
-	}), O = y.reduce((e, t) => (e[t.location] = (e[t.location] || 0) + 1, e), {});
+	}), k = b.reduce((e, t) => (e[t.location] = (e[t.location] || 0) + 1, e), {});
 	return /* @__PURE__ */ u("div", {
 		className: "space-y-6 p-6",
 		children: [
 			/* @__PURE__ */ l("div", {
 				className: "flex items-center justify-between",
-				children: /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ l(v, { children: "Employee Analytics" })
-				}), /* @__PURE__ */ l("p", {
-					className: "text-sm text-text-secondary",
-					children: "Deep-dive into employee performance, engagement, and demographics"
-				})] })
+				children: /* @__PURE__ */ u("div", { children: [
+					/* @__PURE__ */ l("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ l(v, { children: "Employee Analytics" })
+					}),
+					/* @__PURE__ */ l("p", {
+						className: "text-sm text-text-secondary",
+						children: "Deep-dive into employee performance, engagement, and demographics"
+					}),
+					/* @__PURE__ */ l(y, {
+						className: "mt-1",
+						children: "See how individual employees and teams are performing over time — use these insights for reviews, recognition, and targeted coaching."
+					})
+				] })
 			}),
 			/* @__PURE__ */ u("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
 					/* @__PURE__ */ u(_, {
-						treatment: "metric",
+						treatment: "glass",
+						glow: !0,
 						className: "border-border-seam",
 						children: [/* @__PURE__ */ u(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
@@ -120,10 +128,10 @@ function y() {
 							}), /* @__PURE__ */ l(c, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: T
+							children: E
 						}), /* @__PURE__ */ u("p", {
 							className: "text-xs text-text-secondary",
-							children: [E, " currently on leave"]
+							children: [D, " currently on leave"]
 						})] })]
 					}),
 					/* @__PURE__ */ u(_, {
@@ -137,7 +145,7 @@ function y() {
 							}), /* @__PURE__ */ l(o, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: [C, "/5.0"]
+							children: [w, "/5.0"]
 						}), /* @__PURE__ */ u("div", {
 							className: "flex items-center text-xs text-status-success-text",
 							children: [/* @__PURE__ */ l(s, { className: "h-3 w-3 mr-1" }), "+0.2 from last quarter"]
@@ -154,7 +162,7 @@ function y() {
 							}), /* @__PURE__ */ l(r, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: ["$", w.toLocaleString()]
+							children: ["$", T.toLocaleString()]
 						}), /* @__PURE__ */ l("p", {
 							className: "text-xs text-text-secondary",
 							children: "Across all departments"
@@ -198,7 +206,7 @@ function y() {
 							children: "Avg Salary"
 						})
 					]
-				}), D.sort((e, t) => Number(t.avgScore) - Number(e.avgScore)).map((e) => /* @__PURE__ */ u("div", {
+				}), O.sort((e, t) => Number(t.avgScore) - Number(e.avgScore)).map((e) => /* @__PURE__ */ u("div", {
 					className: "grid grid-cols-4 gap-2 py-2 border-b last:border-0 text-sm",
 					children: [
 						/* @__PURE__ */ l("span", {
@@ -223,7 +231,7 @@ function y() {
 					]
 				}, e.name))] })] }), /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ u(h, { children: [/* @__PURE__ */ l(g, { children: "Engagement Drivers" }), /* @__PURE__ */ l(m, { children: "Employee satisfaction by category" })] }), /* @__PURE__ */ l(p, {
 					className: "space-y-4",
-					children: S.sort((e, t) => t.score - e.score).map((e) => /* @__PURE__ */ u("div", {
+					children: C.sort((e, t) => t.score - e.score).map((e) => /* @__PURE__ */ u("div", {
 						className: "space-y-1",
 						children: [/* @__PURE__ */ u("div", {
 							className: "flex justify-between text-sm",
@@ -254,7 +262,7 @@ function y() {
 					children: [/* @__PURE__ */ l(i, { className: "h-4 w-4" }), "Tenure Distribution"]
 				}) }), /* @__PURE__ */ l(p, {
 					className: "space-y-3",
-					children: x.map((e) => /* @__PURE__ */ u("div", {
+					children: S.map((e) => /* @__PURE__ */ u("div", {
 						className: "flex items-center gap-3",
 						children: [
 							/* @__PURE__ */ l("span", {
@@ -283,7 +291,7 @@ function y() {
 					children: [/* @__PURE__ */ l(a, { className: "h-4 w-4" }), "Location Distribution"]
 				}) }), /* @__PURE__ */ l(p, {
 					className: "space-y-3",
-					children: Object.entries(O).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ u("div", {
+					children: Object.entries(k).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ u("div", {
 						className: "flex items-center justify-between py-1",
 						children: [/* @__PURE__ */ l("span", {
 							className: "text-sm",
@@ -296,7 +304,7 @@ function y() {
 							}), /* @__PURE__ */ u(d, {
 								variant: "outline",
 								className: "text-[10px]",
-								children: [Math.round(t / y.length * 100), "%"]
+								children: [Math.round(t / b.length * 100), "%"]
 							})]
 						})]
 					}, e))
@@ -318,7 +326,7 @@ function y() {
 							children: [
 								"Engineering department leads with avg score of",
 								" ",
-								D.find((e) => e.name === "Engineering")?.avgScore || "N/A"
+								O.find((e) => e.name === "Engineering")?.avgScore || "N/A"
 							]
 						})]
 					}),
@@ -348,6 +356,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as AnalyticsEmployeeAnalyticsPagePage };
+export { b as AnalyticsEmployeeAnalyticsPagePage };
 
 //# sourceMappingURL=AnalyticsEmployeeAnalyticsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsEmployeeAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsEmployeeAnalyticsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { Award, BarChart3, Clock, MapPin, Star, TrendingUp, UserCheck } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function AnalyticsEmployeeAnalyticsPagePage() {\n  const { employees, departments } = useCrewFoundryStore();\n\n  const tenureDistribution = useMemo(() => {\n    const total = Math.max(employees.length, 1);\n    const getYears = (startDate: string) =>\n      Math.max(\n        0,\n        (new Date('2026-03-01').getTime() - new Date(startDate).getTime()) /\n          (1000 * 60 * 60 * 24 * 365)\n      );\n    const buckets = [\n      { range: '< 1 year', min: 0, max: 1 },\n      { range: '1-2 years', min: 1, max: 2 },\n      { range: '2-3 years', min: 2, max: 3 },\n      { range: '3-4 years', min: 3, max: 4 },\n      { range: '4+ years', min: 4, max: Infinity },\n    ];\n    return buckets.map((bucket) => {\n      const count = employees.filter((employee) => {\n        const years = getYears(employee.startDate);\n        return years >= bucket.min && years < bucket.max;\n      }).length;\n      return { range: bucket.range, count, percentage: Math.round((count / total) * 100) };\n    });\n  }, [employees]);\n\n  const engagementDrivers = useMemo(() => {\n    const byDept = departments.map((department) => {\n      const deptEmployees = employees.filter((employee) => employee.department === department.name);\n      const score =\n        deptEmployees.length > 0\n          ? deptEmployees.reduce((sum, employee) => sum + employee.performanceScore, 0) /\n            deptEmployees.length\n          : 0;\n      return { department: department.name, score };\n    });\n\n    const avgScore =\n      employees.length > 0\n        ? employees.reduce((sum, employee) => sum + employee.performanceScore, 0) / employees.length\n        : 0;\n\n    const compScore =\n      employees.length > 0\n        ? Math.min(\n            5,\n            Math.max(\n              3,\n              employees.reduce((sum, employee) => sum + employee.salary, 0) /\n                employees.length /\n                30000\n            )\n          )\n        : 0;\n\n    return [\n      { driver: 'Workforce Performance', score: Number(avgScore.toFixed(1)), trend: '+0.2' },\n      {\n        driver: 'Career Growth',\n        score: Number(\n          (\n            byDept.reduce((sum, entry) => sum + (entry.score > avgScore ? 4.6 : 4.0), 0) /\n            Math.max(byDept.length, 1)\n          ).toFixed(1)\n        ),\n        trend: '+0.1',\n      },\n      { driver: 'Compensation', score: Number(compScore.toFixed(1)), trend: '+0.2' },\n      {\n        driver: 'Management Quality',\n        score: Number(\n          (\n            byDept.reduce((sum, entry) => sum + Math.min(5, entry.score + 0.4), 0) /\n            Math.max(byDept.length, 1)\n          ).toFixed(1)\n        ),\n        trend: '+0.3',\n      },\n      {\n        driver: 'Company Culture',\n        score: Number(Math.min(5, avgScore + 0.5).toFixed(1)),\n        trend: '+0.2',\n      },\n      {\n        driver: 'Learning Opportunities',\n        score: Number(Math.min(5, avgScore + 0.3).toFixed(1)),\n        trend: '+0.4',\n      },\n    ];\n  }, [departments, employees]);\n\n  const avgPerformance = (\n    employees.reduce((sum, e) => sum + e.performanceScore, 0) / employees.length\n  ).toFixed(1);\n  const avgSalary = Math.round(employees.reduce((sum, e) => sum + e.salary, 0) / employees.length);\n  const activeCount = employees.filter((e) => e.status === 'active').length;\n  const onLeaveCount = employees.filter((e) => e.status === 'on_leave').length;\n\n  const deptPerformance = departments.map((dept) => {\n    const deptEmps = employees.filter((e) => e.department === dept.name);\n    const avgScore =\n      deptEmps.length > 0\n        ? (deptEmps.reduce((s, e) => s + e.performanceScore, 0) / deptEmps.length).toFixed(1)\n        : '0';\n    const avgSal =\n      deptEmps.length > 0\n        ? Math.round(deptEmps.reduce((s, e) => s + e.salary, 0) / deptEmps.length)\n        : 0;\n    return { name: dept.name, headcount: deptEmps.length, avgScore, avgSalary: avgSal };\n  });\n\n  const locationBreakdown = employees.reduce<Record<string, number>>((acc, e) => {\n    acc[e.location] = (acc[e.location] || 0) + 1;\n    return acc;\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>Employee Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Deep-dive into employee performance, engagement, and demographics\n          </p>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\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 Employees</CardTitle>\n            <UserCheck className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeCount}</div>\n            <p className=\"text-xs text-text-secondary\">{onLeaveCount} currently on leave</p>\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\">Avg Performance</CardTitle>\n            <Star className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgPerformance}/5.0</div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <TrendingUp className=\"h-3 w-3 mr-1\" />\n              +0.2 from last quarter\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\">Avg Compensation</CardTitle>\n            <BarChart3 className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${avgSalary.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">Across all departments</p>\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\">Avg Tenure</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">2.4 yrs</div>\n            <p className=\"text-xs text-text-secondary\">Median: 2.1 years</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Department Performance</CardTitle>\n            <CardDescription>\n              Average performance score and compensation by department\n            </CardDescription>\n          </CardHeader>\n          <CardContent>\n            <div className=\"grid grid-cols-4 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2\">\n              <span>Department</span>\n              <span className=\"text-right\">Headcount</span>\n              <span className=\"text-right\">Avg Score</span>\n              <span className=\"text-right\">Avg Salary</span>\n            </div>\n            {deptPerformance\n              .sort((a, b) => Number(b.avgScore) - Number(a.avgScore))\n              .map((dept) => (\n                <div\n                  key={dept.name}\n                  className=\"grid grid-cols-4 gap-2 py-2 border-b last:border-0 text-sm\"\n                >\n                  <span className=\"font-medium\">{dept.name}</span>\n                  <span className=\"text-right\">{dept.headcount}</span>\n                  <div className=\"text-right\">\n                    <Badge variant={Number(dept.avgScore) >= 4.5 ? 'default' : 'secondary'}>\n                      {dept.avgScore}\n                    </Badge>\n                  </div>\n                  <span className=\"text-right\">${dept.avgSalary.toLocaleString()}</span>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Engagement Drivers</CardTitle>\n            <CardDescription>Employee satisfaction by category</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {engagementDrivers\n              .sort((a, b) => b.score - a.score)\n              .map((driver) => (\n                <div key={driver.driver} className=\"space-y-1\">\n                  <div className=\"flex justify-between text-sm\">\n                    <span>{driver.driver}</span>\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"font-medium\">{driver.score}/5</span>\n                      <span className=\"text-xs text-status-success-text\">{driver.trend}</span>\n                    </div>\n                  </div>\n                  <div className=\"h-2 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className={`h-2 rounded ${driver.score >= 4.5 ? 'bg-status-success-text' : driver.score >= 4 ? 'bg-status-info-text' : 'bg-status-warning-text'}`}\n                      style={{ width: `${(driver.score / 5) * 100}%` }}\n                    />\n                  </div>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <Clock className=\"h-4 w-4\" />\n              Tenure Distribution\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {tenureDistribution.map((t) => (\n              <div key={t.range} className=\"flex items-center gap-3\">\n                <span className=\"w-20 text-sm text-text-secondary\">{t.range}</span>\n                <div className=\"flex-1 h-4 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className=\"h-4 bg-action-primary-bg/70 rounded\"\n                    style={{ width: `${t.percentage}%` }}\n                  />\n                </div>\n                <span className=\"text-sm font-medium w-10 text-right\">{t.count}</span>\n                <span className=\"text-xs text-text-secondary w-10 text-right\">{t.percentage}%</span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <MapPin className=\"h-4 w-4\" />\n              Location Distribution\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(locationBreakdown)\n              .sort(([, a], [, b]) => b - a)\n              .map(([loc, count]) => (\n                <div key={loc} className=\"flex items-center justify-between py-1\">\n                  <span className=\"text-sm\">{loc}</span>\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-medium\">{count}</span>\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {Math.round((count / employees.length) * 100)}%\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Award className=\"h-4 w-4 text-status-warning-text\" />\n            Key Insights\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid gap-3 md:grid-cols-3\">\n            <div className=\"rounded border p-3\">\n              <p className=\"text-sm font-medium\">Highest Performance</p>\n              <p className=\"text-xs text-text-secondary mt-1\">\n                Engineering department leads with avg score of{' '}\n                {deptPerformance.find((d) => d.name === 'Engineering')?.avgScore || 'N/A'}\n              </p>\n            </div>\n            <div className=\"rounded border p-3\">\n              <p className=\"text-sm font-medium\">Retention Risk</p>\n              <p className=\"text-xs text-text-secondary mt-1\">\n                12 employees flagged as flight risk based on engagement signals\n              </p>\n            </div>\n            <div className=\"rounded border p-3\">\n              <p className=\"text-sm font-medium\">Compensation Gap</p>\n              <p className=\"text-xs text-text-secondary mt-1\">\n                3 departments below market median, review recommended in Q2\n              </p>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AnalyticsEmployeeAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsEmployeeAnalyticsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Award, BarChart3, Clock, MapPin, Star, TrendingUp, UserCheck } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function AnalyticsEmployeeAnalyticsPagePage() {\n  const { employees, departments } = useCrewFoundryStore();\n\n  const tenureDistribution = useMemo(() => {\n    const total = Math.max(employees.length, 1);\n    const getYears = (startDate: string) =>\n      Math.max(\n        0,\n        (new Date('2026-03-01').getTime() - new Date(startDate).getTime()) /\n          (1000 * 60 * 60 * 24 * 365)\n      );\n    const buckets = [\n      { range: '< 1 year', min: 0, max: 1 },\n      { range: '1-2 years', min: 1, max: 2 },\n      { range: '2-3 years', min: 2, max: 3 },\n      { range: '3-4 years', min: 3, max: 4 },\n      { range: '4+ years', min: 4, max: Infinity },\n    ];\n    return buckets.map((bucket) => {\n      const count = employees.filter((employee) => {\n        const years = getYears(employee.startDate);\n        return years >= bucket.min && years < bucket.max;\n      }).length;\n      return { range: bucket.range, count, percentage: Math.round((count / total) * 100) };\n    });\n  }, [employees]);\n\n  const engagementDrivers = useMemo(() => {\n    const byDept = departments.map((department) => {\n      const deptEmployees = employees.filter((employee) => employee.department === department.name);\n      const score =\n        deptEmployees.length > 0\n          ? deptEmployees.reduce((sum, employee) => sum + employee.performanceScore, 0) /\n            deptEmployees.length\n          : 0;\n      return { department: department.name, score };\n    });\n\n    const avgScore =\n      employees.length > 0\n        ? employees.reduce((sum, employee) => sum + employee.performanceScore, 0) / employees.length\n        : 0;\n\n    const compScore =\n      employees.length > 0\n        ? Math.min(\n            5,\n            Math.max(\n              3,\n              employees.reduce((sum, employee) => sum + employee.salary, 0) /\n                employees.length /\n                30000\n            )\n          )\n        : 0;\n\n    return [\n      { driver: 'Workforce Performance', score: Number(avgScore.toFixed(1)), trend: '+0.2' },\n      {\n        driver: 'Career Growth',\n        score: Number(\n          (\n            byDept.reduce((sum, entry) => sum + (entry.score > avgScore ? 4.6 : 4.0), 0) /\n            Math.max(byDept.length, 1)\n          ).toFixed(1)\n        ),\n        trend: '+0.1',\n      },\n      { driver: 'Compensation', score: Number(compScore.toFixed(1)), trend: '+0.2' },\n      {\n        driver: 'Management Quality',\n        score: Number(\n          (\n            byDept.reduce((sum, entry) => sum + Math.min(5, entry.score + 0.4), 0) /\n            Math.max(byDept.length, 1)\n          ).toFixed(1)\n        ),\n        trend: '+0.3',\n      },\n      {\n        driver: 'Company Culture',\n        score: Number(Math.min(5, avgScore + 0.5).toFixed(1)),\n        trend: '+0.2',\n      },\n      {\n        driver: 'Learning Opportunities',\n        score: Number(Math.min(5, avgScore + 0.3).toFixed(1)),\n        trend: '+0.4',\n      },\n    ];\n  }, [departments, employees]);\n\n  const avgPerformance = (\n    employees.reduce((sum, e) => sum + e.performanceScore, 0) / employees.length\n  ).toFixed(1);\n  const avgSalary = Math.round(employees.reduce((sum, e) => sum + e.salary, 0) / employees.length);\n  const activeCount = employees.filter((e) => e.status === 'active').length;\n  const onLeaveCount = employees.filter((e) => e.status === 'on_leave').length;\n\n  const deptPerformance = departments.map((dept) => {\n    const deptEmps = employees.filter((e) => e.department === dept.name);\n    const avgScore =\n      deptEmps.length > 0\n        ? (deptEmps.reduce((s, e) => s + e.performanceScore, 0) / deptEmps.length).toFixed(1)\n        : '0';\n    const avgSal =\n      deptEmps.length > 0\n        ? Math.round(deptEmps.reduce((s, e) => s + e.salary, 0) / deptEmps.length)\n        : 0;\n    return { name: dept.name, headcount: deptEmps.length, avgScore, avgSalary: avgSal };\n  });\n\n  const locationBreakdown = employees.reduce<Record<string, number>>((acc, e) => {\n    acc[e.location] = (acc[e.location] || 0) + 1;\n    return acc;\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>Employee Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Deep-dive into employee performance, engagement, and demographics\n          </p>\n          <PagePurpose className=\"mt-1\">See how individual employees and teams are performing over time — use these insights for reviews, recognition, and targeted coaching.</PagePurpose>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\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\">Active Employees</CardTitle>\n            <UserCheck className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeCount}</div>\n            <p className=\"text-xs text-text-secondary\">{onLeaveCount} currently on leave</p>\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\">Avg Performance</CardTitle>\n            <Star className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgPerformance}/5.0</div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <TrendingUp className=\"h-3 w-3 mr-1\" />\n              +0.2 from last quarter\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\">Avg Compensation</CardTitle>\n            <BarChart3 className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${avgSalary.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">Across all departments</p>\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\">Avg Tenure</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">2.4 yrs</div>\n            <p className=\"text-xs text-text-secondary\">Median: 2.1 years</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Department Performance</CardTitle>\n            <CardDescription>\n              Average performance score and compensation by department\n            </CardDescription>\n          </CardHeader>\n          <CardContent>\n            <div className=\"grid grid-cols-4 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2\">\n              <span>Department</span>\n              <span className=\"text-right\">Headcount</span>\n              <span className=\"text-right\">Avg Score</span>\n              <span className=\"text-right\">Avg Salary</span>\n            </div>\n            {deptPerformance\n              .sort((a, b) => Number(b.avgScore) - Number(a.avgScore))\n              .map((dept) => (\n                <div\n                  key={dept.name}\n                  className=\"grid grid-cols-4 gap-2 py-2 border-b last:border-0 text-sm\"\n                >\n                  <span className=\"font-medium\">{dept.name}</span>\n                  <span className=\"text-right\">{dept.headcount}</span>\n                  <div className=\"text-right\">\n                    <Badge variant={Number(dept.avgScore) >= 4.5 ? 'default' : 'secondary'}>\n                      {dept.avgScore}\n                    </Badge>\n                  </div>\n                  <span className=\"text-right\">${dept.avgSalary.toLocaleString()}</span>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Engagement Drivers</CardTitle>\n            <CardDescription>Employee satisfaction by category</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {engagementDrivers\n              .sort((a, b) => b.score - a.score)\n              .map((driver) => (\n                <div key={driver.driver} className=\"space-y-1\">\n                  <div className=\"flex justify-between text-sm\">\n                    <span>{driver.driver}</span>\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"font-medium\">{driver.score}/5</span>\n                      <span className=\"text-xs text-status-success-text\">{driver.trend}</span>\n                    </div>\n                  </div>\n                  <div className=\"h-2 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className={`h-2 rounded ${driver.score >= 4.5 ? 'bg-status-success-text' : driver.score >= 4 ? 'bg-status-info-text' : 'bg-status-warning-text'}`}\n                      style={{ width: `${(driver.score / 5) * 100}%` }}\n                    />\n                  </div>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <Clock className=\"h-4 w-4\" />\n              Tenure Distribution\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {tenureDistribution.map((t) => (\n              <div key={t.range} className=\"flex items-center gap-3\">\n                <span className=\"w-20 text-sm text-text-secondary\">{t.range}</span>\n                <div className=\"flex-1 h-4 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className=\"h-4 bg-action-primary-bg/70 rounded\"\n                    style={{ width: `${t.percentage}%` }}\n                  />\n                </div>\n                <span className=\"text-sm font-medium w-10 text-right\">{t.count}</span>\n                <span className=\"text-xs text-text-secondary w-10 text-right\">{t.percentage}%</span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <MapPin className=\"h-4 w-4\" />\n              Location Distribution\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(locationBreakdown)\n              .sort(([, a], [, b]) => b - a)\n              .map(([loc, count]) => (\n                <div key={loc} className=\"flex items-center justify-between py-1\">\n                  <span className=\"text-sm\">{loc}</span>\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-medium\">{count}</span>\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {Math.round((count / employees.length) * 100)}%\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Award className=\"h-4 w-4 text-status-warning-text\" />\n            Key Insights\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid gap-3 md:grid-cols-3\">\n            <div className=\"rounded border p-3\">\n              <p className=\"text-sm font-medium\">Highest Performance</p>\n              <p className=\"text-xs text-text-secondary mt-1\">\n                Engineering department leads with avg score of{' '}\n                {deptPerformance.find((d) => d.name === 'Engineering')?.avgScore || 'N/A'}\n              </p>\n            </div>\n            <div className=\"rounded border p-3\">\n              <p className=\"text-sm font-medium\">Retention Risk</p>\n              <p className=\"text-xs text-text-secondary mt-1\">\n                12 employees flagged as flight risk based on engagement signals\n              </p>\n            </div>\n            <div className=\"rounded border p-3\">\n              <p className=\"text-sm font-medium\">Compensation Gap</p>\n              <p className=\"text-xs text-text-secondary mt-1\">\n                3 departments below market median, review recommended in Q2\n              </p>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/AnalyticsFinancialAnalyticsPagePage.js

@@ -2,11 +2,11 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useMemo as t } from "react";
 import { ArrowUp as n, DollarSign as r, FileText as i, Receipt as a, TrendingUp as o, Wallet as s } from "lucide-react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Badge as u, Card as d, CardContent as f, CardDescription as p, CardHeader as m, CardTitle as h, GlassCard as g, GradientText as _, Separator as v } from "@burdenoff/fe-libs/ui";
+import { Badge as u, Card as d, CardContent as f, CardDescription as p, CardHeader as m, CardTitle as h, GlassCard as g, GradientText as _, PagePurpose as v, Separator as y } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/AnalyticsFinancialAnalyticsPagePage.tsx
-function y() {
-	let { employees: y, departments: b, payrollRecords: x, invoices: S, projects: C } = e(), w = t(() => {
-		let e = x.reduce((e, t) => {
+function b() {
+	let { employees: b, departments: x, payrollRecords: S, invoices: C, projects: w } = e(), T = t(() => {
+		let e = S.reduce((e, t) => {
 			let n = new Date(t.payDate).toLocaleString("en-US", { month: "short" }), r = e[n] || {
 				gross: 0,
 				net: 0,
@@ -18,38 +18,38 @@ function y() {
 			month: e,
 			...t
 		})).slice(-6);
-	}, [x]), T = t(() => [
+	}, [S]), E = t(() => [
 		{
 			category: "Payroll",
-			amount: x.reduce((e, t) => e + t.grossPay, 0),
-			budget: b.reduce((e, t) => e + t.budget * .7, 0),
+			amount: S.reduce((e, t) => e + t.grossPay, 0),
+			budget: x.reduce((e, t) => e + t.budget * .7, 0),
 			icon: s
 		},
 		{
 			category: "Benefits",
-			amount: x.reduce((e, t) => e + t.deductions * .4, 0),
-			budget: b.reduce((e, t) => e + t.budget * .15, 0),
+			amount: S.reduce((e, t) => e + t.deductions * .4, 0),
+			budget: x.reduce((e, t) => e + t.budget * .15, 0),
 			icon: a
 		},
 		{
 			category: "Recruitment",
-			amount: S.reduce((e, t) => e + (t.status === "paid" ? t.amount * .15 : 0), 0),
-			budget: b.reduce((e, t) => e + t.budget * .1, 0),
+			amount: C.reduce((e, t) => e + (t.status === "paid" ? t.amount * .15 : 0), 0),
+			budget: x.reduce((e, t) => e + t.budget * .1, 0),
 			icon: i
 		},
 		{
 			category: "Training",
-			amount: C.reduce((e, t) => e + t.spent * .08, 0),
-			budget: b.reduce((e, t) => e + t.budget * .08, 0),
+			amount: w.reduce((e, t) => e + t.spent * .08, 0),
+			budget: x.reduce((e, t) => e + t.budget * .08, 0),
 			icon: o
 		}
 	], [
-		b,
-		S,
 		x,
-		C
-	]), E = y.reduce((e, t) => e + t.salary, 0), D = Math.round(E / 12), O = S.reduce((e, t) => e + t.amount, 0), k = S.filter((e) => e.status === "paid").reduce((e, t) => e + t.amount, 0), A = C.reduce((e, t) => e + t.budget, 0), j = C.reduce((e, t) => e + t.spent, 0), M = Math.max(1, ...w.map((e) => e.gross)), N = b.map((e) => {
-		let t = y.filter((t) => t.department === e.name), n = t.reduce((e, t) => e + t.salary, 0);
+		C,
+		S,
+		w
+	]), D = b.reduce((e, t) => e + t.salary, 0), O = Math.round(D / 12), k = C.reduce((e, t) => e + t.amount, 0), A = C.filter((e) => e.status === "paid").reduce((e, t) => e + t.amount, 0), j = w.reduce((e, t) => e + t.budget, 0), M = w.reduce((e, t) => e + t.spent, 0), N = Math.max(1, ...T.map((e) => e.gross)), P = x.map((e) => {
+		let t = b.filter((t) => t.department === e.name), n = t.reduce((e, t) => e + t.salary, 0);
 		return {
 			name: e.name,
 			salary: n,
@@ -62,19 +62,27 @@ function y() {
 		children: [
 			/* @__PURE__ */ c("div", {
 				className: "flex items-center justify-between",
-				children: /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ c(_, { children: "Financial Analytics" })
-				}), /* @__PURE__ */ c("p", {
-					className: "text-sm text-text-secondary",
-					children: "Workforce financial metrics and cost analysis"
-				})] })
+				children: /* @__PURE__ */ l("div", { children: [
+					/* @__PURE__ */ c("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ c(_, { children: "Financial Analytics" })
+					}),
+					/* @__PURE__ */ c("p", {
+						className: "text-sm text-text-secondary",
+						children: "Workforce financial metrics and cost analysis"
+					}),
+					/* @__PURE__ */ c(v, {
+						className: "mt-1",
+						children: "Understand the money side of your workforce — payroll, project budgets, and spend trends — so you can plan headcount and control costs with confidence."
+					})
+				] })
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
 					/* @__PURE__ */ l(g, {
-						treatment: "metric",
+						treatment: "glass",
+						glow: !0,
 						className: "border-border-seam",
 						children: [/* @__PURE__ */ l(m, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
@@ -86,7 +94,7 @@ function y() {
 							className: "text-2xl font-bold tabular-nums",
 							children: [
 								"$",
-								(D / 1e3).toFixed(0),
+								(O / 1e3).toFixed(0),
 								"K"
 							]
 						}), /* @__PURE__ */ l("div", {
@@ -107,12 +115,12 @@ function y() {
 							className: "text-2xl font-bold tabular-nums",
 							children: [
 								"$",
-								(E / 1e6).toFixed(1),
+								(D / 1e6).toFixed(1),
 								"M"
 							]
 						}), /* @__PURE__ */ l("p", {
 							className: "text-xs text-text-secondary",
-							children: [y.length, " employees"]
+							children: [b.length, " employees"]
 						})] })]
 					}),
 					/* @__PURE__ */ l(g, {
@@ -128,14 +136,14 @@ function y() {
 							className: "text-2xl font-bold tabular-nums",
 							children: [
 								"$",
-								(O / 1e3).toFixed(1),
+								(k / 1e3).toFixed(1),
 								"K"
 							]
 						}), /* @__PURE__ */ l("p", {
 							className: "text-xs text-text-secondary",
 							children: [
 								"$",
-								(k / 1e3).toFixed(1),
+								(A / 1e3).toFixed(1),
 								"K collected"
 							]
 						})] })]
@@ -153,19 +161,19 @@ function y() {
 							className: "text-2xl font-bold tabular-nums",
 							children: [
 								"$",
-								(A / 1e6).toFixed(1),
+								(j / 1e6).toFixed(1),
 								"M"
 							]
 						}), /* @__PURE__ */ l("p", {
 							className: "text-xs text-text-secondary",
-							children: [Math.round(j / A * 100), "% utilized"]
+							children: [Math.round(M / j * 100), "% utilized"]
 						})] })]
 					})
 				]
 			}),
 			/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Payroll Trend" }), /* @__PURE__ */ c(p, { children: "Monthly gross payroll over the last 6 months" })] }), /* @__PURE__ */ l(f, {
 				className: "space-y-3",
-				children: [w.map((e) => /* @__PURE__ */ l("div", {
+				children: [T.map((e) => /* @__PURE__ */ l("div", {
 					className: "flex items-center gap-3",
 					children: [
 						/* @__PURE__ */ c("span", {
@@ -176,10 +184,10 @@ function y() {
 							className: "flex-1 h-5 bg-bg-sunken rounded overflow-hidden flex",
 							children: [/* @__PURE__ */ c("div", {
 								className: "h-5 bg-action-primary-bg",
-								style: { width: `${Math.round(e.net / M * 100)}%` }
+								style: { width: `${Math.round(e.net / N * 100)}%` }
 							}), /* @__PURE__ */ c("div", {
 								className: "h-5 bg-action-primary-bg/30",
-								style: { width: `${Math.round(e.deductions / M * 100)}%` }
+								style: { width: `${Math.round(e.deductions / N * 100)}%` }
 							})]
 						}),
 						/* @__PURE__ */ l("span", {
@@ -206,7 +214,7 @@ function y() {
 				className: "grid gap-4 md:grid-cols-2",
 				children: [/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Budget vs Actual" }), /* @__PURE__ */ c(p, { children: "Monthly expense tracking by category" })] }), /* @__PURE__ */ c(f, {
 					className: "space-y-4",
-					children: T.map((e) => {
+					children: E.map((e) => {
 						let t = Math.round(e.amount / e.budget * 100);
 						return /* @__PURE__ */ l("div", {
 							className: "space-y-1",
@@ -240,7 +248,7 @@ function y() {
 					})
 				})] }), /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, { children: "Outstanding Invoices" }), /* @__PURE__ */ c(p, { children: "Invoices requiring attention" })] }), /* @__PURE__ */ c(f, {
 					className: "space-y-3",
-					children: S.map((e) => /* @__PURE__ */ l("div", {
+					children: C.map((e) => /* @__PURE__ */ l("div", {
 						className: "flex items-center justify-between rounded border p-3",
 						children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
 							className: "text-sm font-medium",
@@ -285,7 +293,7 @@ function y() {
 						})
 					]
 				}),
-				N.sort((e, t) => t.salary - e.salary).map((e) => /* @__PURE__ */ l("div", {
+				P.sort((e, t) => t.salary - e.salary).map((e) => /* @__PURE__ */ l("div", {
 					className: "grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm",
 					children: [
 						/* @__PURE__ */ c("span", {
@@ -322,20 +330,20 @@ function y() {
 						})
 					]
 				}, e.name)),
-				/* @__PURE__ */ c(v, { className: "my-2" }),
+				/* @__PURE__ */ c(y, { className: "my-2" }),
 				/* @__PURE__ */ l("div", {
 					className: "grid grid-cols-5 gap-2 text-sm font-bold",
 					children: [
 						/* @__PURE__ */ c("span", { children: "Total" }),
 						/* @__PURE__ */ c("span", {
 							className: "text-right",
-							children: y.length
+							children: b.length
 						}),
 						/* @__PURE__ */ l("span", {
 							className: "text-right",
 							children: [
 								"$",
-								(E / 1e6).toFixed(1),
+								(D / 1e6).toFixed(1),
 								"M"
 							]
 						}),
@@ -343,7 +351,7 @@ function y() {
 							className: "text-right",
 							children: [
 								"$",
-								(b.reduce((e, t) => e + t.budget, 0) / 1e6).toFixed(1),
+								(x.reduce((e, t) => e + t.budget, 0) / 1e6).toFixed(1),
 								"M"
 							]
 						}),
@@ -355,6 +363,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as AnalyticsFinancialAnalyticsPagePage };
+export { b as AnalyticsFinancialAnalyticsPagePage };
 
 //# sourceMappingURL=AnalyticsFinancialAnalyticsPagePage.js.map