@burdenoff/microfe-crewfoundry 2026.510.105

package/dist/crewfoundry/pages/AnalyticsEmployeeAnalyticsPagePage.js

@@ -0,0 +1,337 @@
+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 } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/AnalyticsEmployeeAnalyticsPagePage.tsx
+function _() {
+	let { employees: _, departments: v } = e(), y = t(() => {
+		let e = Math.max(_.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",
+				min: 0,
+				max: 1
+			},
+			{
+				range: "1-2 years",
+				min: 1,
+				max: 2
+			},
+			{
+				range: "2-3 years",
+				min: 2,
+				max: 3
+			},
+			{
+				range: "3-4 years",
+				min: 3,
+				max: 4
+			},
+			{
+				range: "4+ years",
+				min: 4,
+				max: Infinity
+			}
+		].map((n) => {
+			let r = _.filter((e) => {
+				let r = t(e.startDate);
+				return r >= n.min && r < n.max;
+			}).length;
+			return {
+				range: n.range,
+				count: r,
+				percentage: Math.round(r / e * 100)
+			};
+		});
+	}, [_]), b = t(() => {
+		let e = v.map((e) => {
+			let t = _.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 = _.length > 0 ? _.reduce((e, t) => e + t.performanceScore, 0) / _.length : 0, n = _.length > 0 ? Math.min(5, Math.max(3, _.reduce((e, t) => e + t.salary, 0) / _.length / 3e4)) : 0;
+		return [
+			{
+				driver: "Workforce Performance",
+				score: Number(t.toFixed(1)),
+				trend: "+0.2"
+			},
+			{
+				driver: "Career Growth",
+				score: Number((e.reduce((e, n) => e + (n.score > t ? 4.6 : 4), 0) / Math.max(e.length, 1)).toFixed(1)),
+				trend: "+0.1"
+			},
+			{
+				driver: "Compensation",
+				score: Number(n.toFixed(1)),
+				trend: "+0.2"
+			},
+			{
+				driver: "Management Quality",
+				score: Number((e.reduce((e, t) => e + Math.min(5, t.score + .4), 0) / Math.max(e.length, 1)).toFixed(1)),
+				trend: "+0.3"
+			},
+			{
+				driver: "Company Culture",
+				score: Number(Math.min(5, t + .5).toFixed(1)),
+				trend: "+0.2"
+			},
+			{
+				driver: "Learning Opportunities",
+				score: Number(Math.min(5, t + .3).toFixed(1)),
+				trend: "+0.4"
+			}
+		];
+	}, [v, _]), x = (_.reduce((e, t) => e + t.performanceScore, 0) / _.length).toFixed(1), S = Math.round(_.reduce((e, t) => e + t.salary, 0) / _.length), C = _.filter((e) => e.status === "active").length, w = _.filter((e) => e.status === "on_leave").length, T = v.map((e) => {
+		let t = _.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
+		};
+	}), E = _.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: "Employee Analytics"
+				}), /* @__PURE__ */ l("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Deep-dive into employee performance, engagement, and demographics"
+				})] })
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ u(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-sm font-medium",
+							children: "Active Employees"
+						}), /* @__PURE__ */ l(c, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: C
+					}), /* @__PURE__ */ u("p", {
+						className: "text-xs text-muted-foreground",
+						children: [w, " currently on leave"]
+					})] })] }),
+					/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ u(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-sm font-medium",
+							children: "Avg Performance"
+						}), /* @__PURE__ */ l(o, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u("div", {
+						className: "text-2xl font-bold",
+						children: [x, "/5.0"]
+					}), /* @__PURE__ */ u("div", {
+						className: "flex items-center text-xs text-green-600",
+						children: [/* @__PURE__ */ l(s, { className: "h-3 w-3 mr-1" }), "+0.2 from last quarter"]
+					})] })] }),
+					/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ u(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-sm font-medium",
+							children: "Avg Compensation"
+						}), /* @__PURE__ */ l(r, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u("div", {
+						className: "text-2xl font-bold",
+						children: ["$", S.toLocaleString()]
+					}), /* @__PURE__ */ l("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Across all departments"
+					})] })] }),
+					/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ u(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-sm font-medium",
+							children: "Avg Tenure"
+						}), /* @__PURE__ */ l(i, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: "2.4 yrs"
+					}), /* @__PURE__ */ l("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Median: 2.1 years"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "grid gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ u(h, { children: [/* @__PURE__ */ l(g, { children: "Department Performance" }), /* @__PURE__ */ l(m, { children: "Average performance score and compensation by department" })] }), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u("div", {
+					className: "grid grid-cols-4 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2",
+					children: [
+						/* @__PURE__ */ l("span", { children: "Department" }),
+						/* @__PURE__ */ l("span", {
+							className: "text-right",
+							children: "Headcount"
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "text-right",
+							children: "Avg Score"
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "text-right",
+							children: "Avg Salary"
+						})
+					]
+				}), T.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", {
+							className: "font-medium",
+							children: e.name
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "text-right",
+							children: e.headcount
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "text-right",
+							children: /* @__PURE__ */ l(d, {
+								variant: Number(e.avgScore) >= 4.5 ? "default" : "secondary",
+								children: e.avgScore
+							})
+						}),
+						/* @__PURE__ */ u("span", {
+							className: "text-right",
+							children: ["$", e.avgSalary.toLocaleString()]
+						})
+					]
+				}, 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: b.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",
+							children: [/* @__PURE__ */ l("span", { children: e.driver }), /* @__PURE__ */ u("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ u("span", {
+									className: "font-medium",
+									children: [e.score, "/5"]
+								}), /* @__PURE__ */ l("span", {
+									className: "text-xs text-green-600",
+									children: e.trend
+								})]
+							})]
+						}), /* @__PURE__ */ l("div", {
+							className: "h-2 bg-muted rounded overflow-hidden",
+							children: /* @__PURE__ */ l("div", {
+								className: `h-2 rounded ${e.score >= 4.5 ? "bg-green-500" : e.score >= 4 ? "bg-blue-500" : "bg-yellow-500"}`,
+								style: { width: `${e.score / 5 * 100}%` }
+							})
+						})]
+					}, e.driver))
+				})] })]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "grid gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ u(g, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ l(i, { className: "h-4 w-4" }), "Tenure Distribution"]
+				}) }), /* @__PURE__ */ l(p, {
+					className: "space-y-3",
+					children: y.map((e) => /* @__PURE__ */ u("div", {
+						className: "flex items-center gap-3",
+						children: [
+							/* @__PURE__ */ l("span", {
+								className: "w-20 text-sm text-muted-foreground",
+								children: e.range
+							}),
+							/* @__PURE__ */ l("div", {
+								className: "flex-1 h-4 bg-muted rounded overflow-hidden",
+								children: /* @__PURE__ */ l("div", {
+									className: "h-4 bg-primary/70 rounded",
+									style: { width: `${e.percentage}%` }
+								})
+							}),
+							/* @__PURE__ */ l("span", {
+								className: "text-sm font-medium w-10 text-right",
+								children: e.count
+							}),
+							/* @__PURE__ */ u("span", {
+								className: "text-xs text-muted-foreground w-10 text-right",
+								children: [e.percentage, "%"]
+							})
+						]
+					}, e.range))
+				})] }), /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ u(g, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ l(a, { className: "h-4 w-4" }), "Location Distribution"]
+				}) }), /* @__PURE__ */ l(p, {
+					className: "space-y-3",
+					children: Object.entries(E).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",
+							children: e
+						}), /* @__PURE__ */ u("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ l("span", {
+								className: "text-sm font-medium",
+								children: t
+							}), /* @__PURE__ */ u(d, {
+								variant: "outline",
+								className: "text-[10px]",
+								children: [Math.round(t / _.length * 100), "%"]
+							})]
+						})]
+					}, e))
+				})] })]
+			}),
+			/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ u(g, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ l(n, { className: "h-4 w-4 text-yellow-500" }), "Key Insights"]
+			}) }), /* @__PURE__ */ l(p, { children: /* @__PURE__ */ u("div", {
+				className: "grid gap-3 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ u("div", {
+						className: "rounded border p-3",
+						children: [/* @__PURE__ */ l("p", {
+							className: "text-sm font-medium",
+							children: "Highest Performance"
+						}), /* @__PURE__ */ u("p", {
+							className: "text-xs text-muted-foreground mt-1",
+							children: [
+								"Engineering department leads with avg score of",
+								" ",
+								T.find((e) => e.name === "Engineering")?.avgScore || "N/A"
+							]
+						})]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "rounded border p-3",
+						children: [/* @__PURE__ */ l("p", {
+							className: "text-sm font-medium",
+							children: "Retention Risk"
+						}), /* @__PURE__ */ l("p", {
+							className: "text-xs text-muted-foreground mt-1",
+							children: "12 employees flagged as flight risk based on engagement signals"
+						})]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "rounded border p-3",
+						children: [/* @__PURE__ */ l("p", {
+							className: "text-sm font-medium",
+							children: "Compensation Gap"
+						}), /* @__PURE__ */ l("p", {
+							className: "text-xs text-muted-foreground mt-1",
+							children: "3 departments below market median, review recommended in Q2"
+						})]
+					})
+				]
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { _ as AnalyticsEmployeeAnalyticsPagePage };
+
+//# sourceMappingURL=AnalyticsEmployeeAnalyticsPagePage.js.map

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

@@ -0,0 +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} 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\">Employee Analytics</h1>\n          <p className=\"text-sm text-muted-foreground\">\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        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{activeCount}</div>\n            <p className=\"text-xs text-muted-foreground\">{onLeaveCount} currently on leave</p>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{avgPerformance}/5.0</div>\n            <div className=\"flex items-center text-xs text-green-600\">\n              <TrendingUp className=\"h-3 w-3 mr-1\" />\n              +0.2 from last quarter\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${avgSalary.toLocaleString()}</div>\n            <p className=\"text-xs text-muted-foreground\">Across all departments</p>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">2.4 yrs</div>\n            <p className=\"text-xs text-muted-foreground\">Median: 2.1 years</p>\n          </CardContent>\n        </Card>\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-muted-foreground 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-green-600\">{driver.trend}</span>\n                    </div>\n                  </div>\n                  <div className=\"h-2 bg-muted rounded overflow-hidden\">\n                    <div\n                      className={`h-2 rounded ${driver.score >= 4.5 ? 'bg-green-500' : driver.score >= 4 ? 'bg-blue-500' : 'bg-yellow-500'}`}\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-muted-foreground\">{t.range}</span>\n                <div className=\"flex-1 h-4 bg-muted rounded overflow-hidden\">\n                  <div\n                    className=\"h-4 bg-primary/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-muted-foreground w-10 text-right\">\n                  {t.percentage}%\n                </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-yellow-500\" />\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-muted-foreground 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-muted-foreground 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-muted-foreground 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.d.ts

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

package/dist/crewfoundry/pages/AnalyticsFinancialAnalyticsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsFinancialAnalyticsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/AnalyticsFinancialAnalyticsPagePage.tsx"],"names":[],"mappings":"AAaA,wBAAgB,mCAAmC,4CAuRlD"}