@burdenoff/microfe-crewfoundry 2026.510.105

package/dist/crewfoundry/pages/DashboardExecutiveDashboardPage.js

@@ -0,0 +1,340 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useMemo as t } from "react";
+import { ArrowUp as n, Building2 as r, DollarSign as i, Percent as a, Target as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as l, Card as u, CardContent as d, CardDescription as f, CardHeader as p, CardTitle as m, Separator as h } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/DashboardExecutiveDashboardPage.tsx
+function g() {
+	let { employees: g, departments: _, projects: v, jobPostings: y } = e(), b = t(() => {
+		let e = [
+			"Q1 2025",
+			"Q2 2025",
+			"Q3 2025",
+			"Q4 2025"
+		], t = v.reduce((e, t) => e + t.budget, 0) || 1e6;
+		return e.map((e, n) => {
+			let r = Math.round(t * (.55 + n * .08)), i = Math.max(1, g.length - (3 - n) * 4);
+			return {
+				quarter: e,
+				revenue: r,
+				headcount: i,
+				revenuePerHead: Math.round(r / i)
+			};
+		});
+	}, [g.length, v]), x = t(() => [
+		{
+			metric: "Flight Risk Employees",
+			value: g.filter((e) => e.performanceScore < 3.6).length,
+			severity: "warning",
+			detail: `${Math.round(g.filter((e) => e.performanceScore < 3.6).length / Math.max(g.length, 1) * 100)}% of workforce`
+		},
+		{
+			metric: "Overdue Performance Reviews",
+			value: g.filter((e) => e.status === "on_leave").length,
+			severity: "error",
+			detail: "Review follow-ups required"
+		},
+		{
+			metric: "Unfilled Critical Roles",
+			value: y.filter((e) => e.status === "active" && e.experienceLevel === "lead").length,
+			severity: "warning",
+			detail: "Open lead-level positions"
+		},
+		{
+			metric: "Expiring Contracts",
+			value: g.filter((e) => e.type === "contract").length,
+			severity: "info",
+			detail: "Contract renewals in focus"
+		}
+	], [g, y]), S = t(() => [{
+		category: "Company",
+		male: 52,
+		female: 43,
+		other: 5
+	}, ..._.map((e) => {
+		let t = g.filter((t) => t.department === e.name).length, n = Math.min(100, Math.round(45 + t % 15)), r = Math.min(100 - n, Math.round(40 + t % 10)), i = Math.max(0, 100 - n - r);
+		return {
+			category: e.name,
+			male: n,
+			female: r,
+			other: i
+		};
+	}).slice(0, 3)], [_, g]), C = g.reduce((e, t) => e + t.salary, 0), w = _.reduce((e, t) => e + t.budget, 0), T = v.reduce((e, t) => e + t.budget, 0), E = v.reduce((e, t) => e + t.spent, 0), D = Math.round(E / T * 100);
+	return /* @__PURE__ */ c("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
+					className: "text-2xl font-semibold",
+					children: "Executive Dashboard"
+				}), /* @__PURE__ */ s("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Strategic workforce insights for leadership"
+				})] }), /* @__PURE__ */ s(l, {
+					variant: "outline",
+					children: "Q1 2026"
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Revenue per Employee"
+						}), /* @__PURE__ */ s(i, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: "$21,862"
+					}), /* @__PURE__ */ c("div", {
+						className: "flex items-center text-xs text-green-600",
+						children: [/* @__PURE__ */ s(n, { className: "h-3 w-3 mr-1" }), "+2.0% from Q3"]
+					})] })] }),
+					/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Total Workforce Cost"
+						}), /* @__PURE__ */ s(r, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c("div", {
+						className: "text-2xl font-bold",
+						children: [
+							"$",
+							(C / 1e6).toFixed(1),
+							"M"
+						]
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Annual salary expenditure"
+					})] })] }),
+					/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Budget Utilization"
+						}), /* @__PURE__ */ s(a, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c("div", {
+						className: "text-2xl font-bold",
+						children: [D, "%"]
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							"$",
+							(E / 1e6).toFixed(1),
+							"M of $",
+							(T / 1e6).toFixed(1),
+							"M"
+						]
+					})] })] }),
+					/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Retention Rate"
+						}), /* @__PURE__ */ s(o, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: "95.8%"
+					}), /* @__PURE__ */ c("div", {
+						className: "flex items-center text-xs text-green-600",
+						children: [/* @__PURE__ */ s(n, { className: "h-3 w-3 mr-1" }), "+1.1% improvement"]
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ c(p, { children: [/* @__PURE__ */ s(m, { children: "Revenue & Headcount Trend" }), /* @__PURE__ */ s(f, { children: "Quarterly performance metrics" })] }), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c("div", {
+					className: "grid grid-cols-4 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2",
+					children: [
+						/* @__PURE__ */ s("span", { children: "Quarter" }),
+						/* @__PURE__ */ s("span", {
+							className: "text-right",
+							children: "Revenue"
+						}),
+						/* @__PURE__ */ s("span", {
+							className: "text-right",
+							children: "Headcount"
+						}),
+						/* @__PURE__ */ s("span", {
+							className: "text-right",
+							children: "Rev/Head"
+						})
+					]
+				}), b.map((e) => /* @__PURE__ */ c("div", {
+					className: "grid grid-cols-4 gap-2 py-2 border-b last:border-0 text-sm",
+					children: [
+						/* @__PURE__ */ s("span", {
+							className: "font-medium",
+							children: e.quarter
+						}),
+						/* @__PURE__ */ c("span", {
+							className: "text-right",
+							children: [
+								"$",
+								(e.revenue / 1e6).toFixed(1),
+								"M"
+							]
+						}),
+						/* @__PURE__ */ s("span", {
+							className: "text-right",
+							children: e.headcount
+						}),
+						/* @__PURE__ */ c("span", {
+							className: "text-right font-medium",
+							children: ["$", e.revenuePerHead.toLocaleString()]
+						})
+					]
+				}, e.quarter))] })] }), /* @__PURE__ */ c(u, { children: [/* @__PURE__ */ c(p, { children: [/* @__PURE__ */ s(m, { children: "Risk Indicators" }), /* @__PURE__ */ s(f, { children: "Items requiring executive attention" })] }), /* @__PURE__ */ s(d, {
+					className: "space-y-3",
+					children: x.map((e) => /* @__PURE__ */ c("div", {
+						className: "flex items-center justify-between rounded border p-3",
+						children: [/* @__PURE__ */ c("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ s("div", { className: `h-3 w-3 rounded-full ${e.severity === "error" ? "bg-red-500" : e.severity === "warning" ? "bg-yellow-500" : "bg-blue-500"}` }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+								className: "text-sm font-medium",
+								children: e.metric
+							}), /* @__PURE__ */ s("p", {
+								className: "text-xs text-muted-foreground",
+								children: e.detail
+							})] })]
+						}), /* @__PURE__ */ s("span", {
+							className: "text-lg font-bold",
+							children: e.value
+						})]
+					}, e.metric))
+				})] })]
+			}),
+			/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ c(p, { children: [/* @__PURE__ */ s(m, { children: "Diversity & Inclusion Metrics" }), /* @__PURE__ */ s(f, { children: "Gender distribution across organization segments" })] }), /* @__PURE__ */ s(d, { children: /* @__PURE__ */ s("div", {
+				className: "space-y-4",
+				children: S.map((e) => /* @__PURE__ */ c("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ c("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ s("span", {
+							className: "font-medium",
+							children: e.category
+						}), /* @__PURE__ */ c("span", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								"M: ",
+								e.male,
+								"% · F: ",
+								e.female,
+								"% · Other: ",
+								e.other,
+								"%"
+							]
+						})]
+					}), /* @__PURE__ */ c("div", {
+						className: "flex h-3 rounded overflow-hidden",
+						children: [
+							/* @__PURE__ */ s("div", {
+								className: "bg-blue-500",
+								style: { width: `${e.male}%` }
+							}),
+							/* @__PURE__ */ s("div", {
+								className: "bg-purple-500",
+								style: { width: `${e.female}%` }
+							}),
+							/* @__PURE__ */ s("div", {
+								className: "bg-green-500",
+								style: { width: `${e.other}%` }
+							})
+						]
+					})]
+				}, e.category))
+			}) })] }),
+			/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ c(p, { children: [/* @__PURE__ */ s(m, { children: "Department Budget Status" }), /* @__PURE__ */ s(f, { children: "Annual budget allocation and headcount" })] }), /* @__PURE__ */ c(d, { children: [
+				/* @__PURE__ */ c("div", {
+					className: "grid grid-cols-5 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2",
+					children: [
+						/* @__PURE__ */ s("span", { children: "Department" }),
+						/* @__PURE__ */ s("span", { children: "Head" }),
+						/* @__PURE__ */ s("span", {
+							className: "text-right",
+							children: "Headcount"
+						}),
+						/* @__PURE__ */ s("span", {
+							className: "text-right",
+							children: "Budget"
+						}),
+						/* @__PURE__ */ s("span", {
+							className: "text-right",
+							children: "Cost/Employee"
+						})
+					]
+				}),
+				_.map((e) => {
+					let t = e.employeeCount > 0 ? Math.round(e.budget / e.employeeCount) : 0;
+					return /* @__PURE__ */ c("div", {
+						className: "grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm",
+						children: [
+							/* @__PURE__ */ s("span", {
+								className: "font-medium",
+								children: e.name
+							}),
+							/* @__PURE__ */ s("span", {
+								className: "text-muted-foreground",
+								children: e.headName
+							}),
+							/* @__PURE__ */ s("span", {
+								className: "text-right",
+								children: e.employeeCount
+							}),
+							/* @__PURE__ */ c("span", {
+								className: "text-right",
+								children: [
+									"$",
+									(e.budget / 1e6).toFixed(1),
+									"M"
+								]
+							}),
+							/* @__PURE__ */ c("span", {
+								className: "text-right",
+								children: [
+									"$",
+									(t / 1e3).toFixed(0),
+									"K"
+								]
+							})
+						]
+					}, e.id);
+				}),
+				/* @__PURE__ */ s(h, { className: "my-2" }),
+				/* @__PURE__ */ c("div", {
+					className: "grid grid-cols-5 gap-2 text-sm font-bold",
+					children: [
+						/* @__PURE__ */ s("span", { children: "Total" }),
+						/* @__PURE__ */ s("span", {}),
+						/* @__PURE__ */ s("span", {
+							className: "text-right",
+							children: _.reduce((e, t) => e + t.employeeCount, 0)
+						}),
+						/* @__PURE__ */ c("span", {
+							className: "text-right",
+							children: [
+								"$",
+								(w / 1e6).toFixed(1),
+								"M"
+							]
+						}),
+						/* @__PURE__ */ c("span", {
+							className: "text-right",
+							children: [
+								"$",
+								(w / _.reduce((e, t) => e + t.employeeCount, 0) / 1e3).toFixed(0),
+								"K"
+							]
+						})
+					]
+				})
+			] })] })
+		]
+	});
+}
+//#endregion
+export { g as DashboardExecutiveDashboardPage };
+
+//# sourceMappingURL=DashboardExecutiveDashboardPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardExecutiveDashboardPage.js","names":[],"sources":["../../../src/crewfoundry/pages/DashboardExecutiveDashboardPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowUp, Building2, DollarSign, Percent, Target } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function DashboardExecutiveDashboardPage() {\n  const { employees, departments, projects, jobPostings } = useCrewFoundryStore();\n\n  const quarterlyRevenue = useMemo(() => {\n    const quarters = ['Q1 2025', 'Q2 2025', 'Q3 2025', 'Q4 2025'];\n    const base = projects.reduce((sum, project) => sum + project.budget, 0) || 1000000;\n    return quarters.map((quarter, index) => {\n      const revenue = Math.round(base * (0.55 + index * 0.08));\n      const headcount = Math.max(1, employees.length - (3 - index) * 4);\n      return {\n        quarter,\n        revenue,\n        headcount,\n        revenuePerHead: Math.round(revenue / headcount),\n      };\n    });\n  }, [employees.length, projects]);\n\n  const riskIndicators = useMemo(\n    () => [\n      {\n        metric: 'Flight Risk Employees',\n        value: employees.filter((employee) => employee.performanceScore < 3.6).length,\n        severity: 'warning' as const,\n        detail: `${Math.round((employees.filter((employee) => employee.performanceScore < 3.6).length / Math.max(employees.length, 1)) * 100)}% of workforce`,\n      },\n      {\n        metric: 'Overdue Performance Reviews',\n        value: employees.filter((employee) => employee.status === 'on_leave').length,\n        severity: 'error' as const,\n        detail: 'Review follow-ups required',\n      },\n      {\n        metric: 'Unfilled Critical Roles',\n        value: jobPostings.filter(\n          (posting) => posting.status === 'active' && posting.experienceLevel === 'lead'\n        ).length,\n        severity: 'warning' as const,\n        detail: 'Open lead-level positions',\n      },\n      {\n        metric: 'Expiring Contracts',\n        value: employees.filter((employee) => employee.type === 'contract').length,\n        severity: 'info' as const,\n        detail: 'Contract renewals in focus',\n      },\n    ],\n    [employees, jobPostings]\n  );\n\n  const diversityMetrics = useMemo(() => {\n    const byDepartment = departments.map((department) => {\n      const count = employees.filter((employee) => employee.department === department.name).length;\n      const male = Math.min(100, Math.round(45 + (count % 15)));\n      const female = Math.min(100 - male, Math.round(40 + (count % 10)));\n      const other = Math.max(0, 100 - male - female);\n      return { category: department.name, male, female, other };\n    });\n    return [\n      {\n        category: 'Company',\n        male: 52,\n        female: 43,\n        other: 5,\n      },\n      ...byDepartment.slice(0, 3),\n    ];\n  }, [departments, employees]);\n\n  const totalSalaryBudget = employees.reduce((sum, e) => sum + e.salary, 0);\n  const totalDeptBudget = departments.reduce((sum, d) => sum + d.budget, 0);\n  const totalProjectBudget = projects.reduce((sum, p) => sum + p.budget, 0);\n  const totalProjectSpent = projects.reduce((sum, p) => sum + p.spent, 0);\n  const budgetUtilization = Math.round((totalProjectSpent / totalProjectBudget) * 100);\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\">Executive Dashboard</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Strategic workforce insights for leadership\n          </p>\n        </div>\n        <Badge variant=\"outline\">Q1 2026</Badge>\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\">Revenue per Employee</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">$21,862</div>\n            <div className=\"flex items-center text-xs text-green-600\">\n              <ArrowUp className=\"h-3 w-3 mr-1\" />\n              +2.0% from Q3\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\">Total Workforce Cost</CardTitle>\n            <Building2 className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${(totalSalaryBudget / 1000000).toFixed(1)}M</div>\n            <p className=\"text-xs text-muted-foreground\">Annual salary expenditure</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\">Budget Utilization</CardTitle>\n            <Percent className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{budgetUtilization}%</div>\n            <p className=\"text-xs text-muted-foreground\">\n              ${(totalProjectSpent / 1000000).toFixed(1)}M of $\n              {(totalProjectBudget / 1000000).toFixed(1)}M\n            </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\">Retention Rate</CardTitle>\n            <Target className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">95.8%</div>\n            <div className=\"flex items-center text-xs text-green-600\">\n              <ArrowUp className=\"h-3 w-3 mr-1\" />\n              +1.1% improvement\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Revenue & Headcount Trend</CardTitle>\n            <CardDescription>Quarterly performance metrics</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>Quarter</span>\n              <span className=\"text-right\">Revenue</span>\n              <span className=\"text-right\">Headcount</span>\n              <span className=\"text-right\">Rev/Head</span>\n            </div>\n            {quarterlyRevenue.map((q) => (\n              <div\n                key={q.quarter}\n                className=\"grid grid-cols-4 gap-2 py-2 border-b last:border-0 text-sm\"\n              >\n                <span className=\"font-medium\">{q.quarter}</span>\n                <span className=\"text-right\">${(q.revenue / 1000000).toFixed(1)}M</span>\n                <span className=\"text-right\">{q.headcount}</span>\n                <span className=\"text-right font-medium\">${q.revenuePerHead.toLocaleString()}</span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Risk Indicators</CardTitle>\n            <CardDescription>Items requiring executive attention</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {riskIndicators.map((risk) => (\n              <div\n                key={risk.metric}\n                className=\"flex items-center justify-between rounded border p-3\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <div\n                    className={`h-3 w-3 rounded-full ${\n                      risk.severity === 'error'\n                        ? 'bg-red-500'\n                        : risk.severity === 'warning'\n                          ? 'bg-yellow-500'\n                          : 'bg-blue-500'\n                    }`}\n                  />\n                  <div>\n                    <p className=\"text-sm font-medium\">{risk.metric}</p>\n                    <p className=\"text-xs text-muted-foreground\">{risk.detail}</p>\n                  </div>\n                </div>\n                <span className=\"text-lg font-bold\">{risk.value}</span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Diversity & Inclusion Metrics</CardTitle>\n          <CardDescription>Gender distribution across organization segments</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-4\">\n            {diversityMetrics.map((d) => (\n              <div key={d.category} className=\"space-y-1\">\n                <div className=\"flex justify-between text-sm\">\n                  <span className=\"font-medium\">{d.category}</span>\n                  <span className=\"text-xs text-muted-foreground\">\n                    M: {d.male}% · F: {d.female}% · Other: {d.other}%\n                  </span>\n                </div>\n                <div className=\"flex h-3 rounded overflow-hidden\">\n                  <div className=\"bg-blue-500\" style={{ width: `${d.male}%` }} />\n                  <div className=\"bg-purple-500\" style={{ width: `${d.female}%` }} />\n                  <div className=\"bg-green-500\" style={{ width: `${d.other}%` }} />\n                </div>\n              </div>\n            ))}\n          </div>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Department Budget Status</CardTitle>\n          <CardDescription>Annual budget allocation and headcount</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-5 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2\">\n            <span>Department</span>\n            <span>Head</span>\n            <span className=\"text-right\">Headcount</span>\n            <span className=\"text-right\">Budget</span>\n            <span className=\"text-right\">Cost/Employee</span>\n          </div>\n          {departments.map((dept) => {\n            const costPerEmp =\n              dept.employeeCount > 0 ? Math.round(dept.budget / dept.employeeCount) : 0;\n            return (\n              <div\n                key={dept.id}\n                className=\"grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm\"\n              >\n                <span className=\"font-medium\">{dept.name}</span>\n                <span className=\"text-muted-foreground\">{dept.headName}</span>\n                <span className=\"text-right\">{dept.employeeCount}</span>\n                <span className=\"text-right\">${(dept.budget / 1000000).toFixed(1)}M</span>\n                <span className=\"text-right\">${(costPerEmp / 1000).toFixed(0)}K</span>\n              </div>\n            );\n          })}\n          <Separator className=\"my-2\" />\n          <div className=\"grid grid-cols-5 gap-2 text-sm font-bold\">\n            <span>Total</span>\n            <span />\n            <span className=\"text-right\">\n              {departments.reduce((s, d) => s + d.employeeCount, 0)}\n            </span>\n            <span className=\"text-right\">${(totalDeptBudget / 1000000).toFixed(1)}M</span>\n            <span className=\"text-right\">\n              $\n              {(\n                totalDeptBudget /\n                departments.reduce((s, d) => s + d.employeeCount, 0) /\n                1000\n              ).toFixed(0)}\n              K\n            </span>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/HelpApiDocumentationPagePage.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelpApiDocumentationPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/HelpApiDocumentationPagePage.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,4BAA4B,4CA4Q3C"}