@burdenoff/microfe-crewfoundry 2026.624.1 → 2026.625.1

package/dist/crewfoundry/pages/DashboardExecutiveDashboardPage.js

@@ -2,18 +2,18 @@ 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";
+import { Badge as l, Card as u, CardContent as d, CardDescription as f, CardHeader as p, CardTitle as m, GlassCard as h, GradientText as g, Separator as _ } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/DashboardExecutiveDashboardPage.tsx
-function g() {
-	let { employees: g, departments: _, projects: v, jobPostings: y } = e(), b = t(() => {
+function v() {
+	let { employees: v, departments: y, projects: b, jobPostings: x } = e(), S = t(() => {
 		let e = [
 			"Q1 2025",
 			"Q2 2025",
 			"Q3 2025",
 			"Q4 2025"
-		], t = v.reduce((e, t) => e + t.budget, 0) || 1e6;
+		], t = b.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);
+			let r = Math.round(t * (.55 + n * .08)), i = Math.max(1, v.length - (3 - n) * 4);
 			return {
 				quarter: e,
 				revenue: r,
@@ -21,45 +21,45 @@ function g() {
 				revenuePerHead: Math.round(r / i)
 			};
 		});
-	}, [g.length, v]), x = t(() => [
+	}, [v.length, b]), C = t(() => [
 		{
 			metric: "Flight Risk Employees",
-			value: g.filter((e) => e.performanceScore < 3.6).length,
+			value: v.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`
+			detail: `${Math.round(v.filter((e) => e.performanceScore < 3.6).length / Math.max(v.length, 1) * 100)}% of workforce`
 		},
 		{
 			metric: "Overdue Performance Reviews",
-			value: g.filter((e) => e.status === "on_leave").length,
+			value: v.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,
+			value: x.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,
+			value: v.filter((e) => e.type === "contract").length,
 			severity: "info",
 			detail: "Contract renewals in focus"
 		}
-	], [g, y]), S = t(() => [{
+	], [v, x]), w = 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);
+	}, ...y.map((e) => {
+		let t = v.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);
+	}).slice(0, 3)], [y, v]), T = v.reduce((e, t) => e + t.salary, 0), E = y.reduce((e, t) => e + t.budget, 0), D = b.reduce((e, t) => e + t.budget, 0), O = b.reduce((e, t) => e + t.spent, 0), k = Math.round(O / D * 100);
 	return /* @__PURE__ */ c("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -67,7 +67,7 @@ function g() {
 				className: "flex items-center justify-between",
 				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
 					className: "text-2xl font-semibold",
-					children: "Executive Dashboard"
+					children: /* @__PURE__ */ s(g, { children: "Executive Dashboard" })
 				}), /* @__PURE__ */ s("p", {
 					className: "text-sm text-text-secondary",
 					children: "Strategic workforce insights for leadership"
@@ -79,68 +79,84 @@ function g() {
 			/* @__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-text-secondary" })]
-					}), /* @__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-text-secondary" })]
-					}), /* @__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-text-secondary",
-						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-text-secondary" })]
-					}), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c("div", {
-						className: "text-2xl font-bold",
-						children: [D, "%"]
-					}), /* @__PURE__ */ c("p", {
-						className: "text-xs text-text-secondary",
-						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-text-secondary" })]
-					}), /* @__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(h, {
+						treatment: "metric",
+						className: "border-border-seam",
+						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-text-secondary" })]
+						}), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: "$21,862"
+						}), /* @__PURE__ */ c("div", {
+							className: "flex items-center text-xs text-status-success-text",
+							children: [/* @__PURE__ */ s(n, { className: "h-3 w-3 mr-1" }), "+2.0% from Q3"]
+						})] })]
+					}),
+					/* @__PURE__ */ c(h, {
+						treatment: "metric",
+						className: "border-border-seam",
+						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-text-secondary" })]
+						}), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: [
+								"$",
+								(T / 1e6).toFixed(1),
+								"M"
+							]
+						}), /* @__PURE__ */ s("p", {
+							className: "text-xs text-text-secondary",
+							children: "Annual salary expenditure"
+						})] })]
+					}),
+					/* @__PURE__ */ c(h, {
+						treatment: "metric",
+						className: "border-border-seam",
+						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-text-secondary" })]
+						}), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: [k, "%"]
+						}), /* @__PURE__ */ c("p", {
+							className: "text-xs text-text-secondary",
+							children: [
+								"$",
+								(O / 1e6).toFixed(1),
+								"M of $",
+								(D / 1e6).toFixed(1),
+								"M"
+							]
+						})] })]
+					}),
+					/* @__PURE__ */ c(h, {
+						treatment: "metric",
+						className: "border-border-seam",
+						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-text-secondary" })]
+						}), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s("div", {
+							className: "text-2xl font-bold tabular-nums",
+							children: "95.8%"
+						}), /* @__PURE__ */ c("div", {
+							className: "flex items-center text-xs text-status-success-text",
+							children: [/* @__PURE__ */ s(n, { className: "h-3 w-3 mr-1" }), "+1.1% improvement"]
+						})] })]
+					})
 				]
 			}),
 			/* @__PURE__ */ c("div", {
@@ -162,7 +178,7 @@ function g() {
 							children: "Rev/Head"
 						})
 					]
-				}), b.map((e) => /* @__PURE__ */ c("div", {
+				}), S.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", {
@@ -188,11 +204,11 @@ function g() {
 					]
 				}, 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", {
+					children: C.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", {
+							children: [/* @__PURE__ */ s("div", { className: `h-3 w-3 rounded-full ${e.severity === "error" ? "bg-status-error-text" : e.severity === "warning" ? "bg-status-warning-text" : "bg-status-info-text"}` }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
 								className: "text-sm font-medium",
 								children: e.metric
 							}), /* @__PURE__ */ s("p", {
@@ -208,7 +224,7 @@ function g() {
 			}),
 			/* @__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", {
+				children: w.map((e) => /* @__PURE__ */ c("div", {
 					className: "space-y-1",
 					children: [/* @__PURE__ */ c("div", {
 						className: "flex justify-between text-sm",
@@ -231,15 +247,15 @@ function g() {
 						className: "flex h-3 rounded overflow-hidden",
 						children: [
 							/* @__PURE__ */ s("div", {
-								className: "bg-blue-500",
+								className: "bg-status-info-text",
 								style: { width: `${e.male}%` }
 							}),
 							/* @__PURE__ */ s("div", {
-								className: "bg-purple-500",
+								className: "bg-action-primary-bg",
 								style: { width: `${e.female}%` }
 							}),
 							/* @__PURE__ */ s("div", {
-								className: "bg-green-500",
+								className: "bg-status-success-text",
 								style: { width: `${e.other}%` }
 							})
 						]
@@ -266,7 +282,7 @@ function g() {
 						})
 					]
 				}),
-				_.map((e) => {
+				y.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",
@@ -302,7 +318,7 @@ function g() {
 						]
 					}, e.id);
 				}),
-				/* @__PURE__ */ s(h, { className: "my-2" }),
+				/* @__PURE__ */ s(_, { className: "my-2" }),
 				/* @__PURE__ */ c("div", {
 					className: "grid grid-cols-5 gap-2 text-sm font-bold",
 					children: [
@@ -310,13 +326,13 @@ function g() {
 						/* @__PURE__ */ s("span", {}),
 						/* @__PURE__ */ s("span", {
 							className: "text-right",
-							children: _.reduce((e, t) => e + t.employeeCount, 0)
+							children: y.reduce((e, t) => e + t.employeeCount, 0)
 						}),
 						/* @__PURE__ */ c("span", {
 							className: "text-right",
 							children: [
 								"$",
-								(w / 1e6).toFixed(1),
+								(E / 1e6).toFixed(1),
 								"M"
 							]
 						}),
@@ -324,7 +340,7 @@ function g() {
 							className: "text-right",
 							children: [
 								"$",
-								(w / _.reduce((e, t) => e + t.employeeCount, 0) / 1e3).toFixed(0),
+								(E / y.reduce((e, t) => e + t.employeeCount, 0) / 1e3).toFixed(0),
 								"K"
 							]
 						})
@@ -335,6 +351,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as DashboardExecutiveDashboardPage };
+export { v as DashboardExecutiveDashboardPage };
 
 //# sourceMappingURL=DashboardExecutiveDashboardPage.js.map

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

@@ -1 +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-text-secondary\">\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-text-secondary\" />\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-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${(totalSalaryBudget / 1000000).toFixed(1)}M</div>\n            <p className=\"text-xs text-text-secondary\">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-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{budgetUtilization}%</div>\n            <p className=\"text-xs text-text-secondary\">\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-text-secondary\" />\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-text-secondary 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-text-secondary\">{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-text-secondary\">\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-text-secondary 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-text-secondary\">{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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"}
+{"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  GlassCard,\n  GradientText,\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\">\n            <GradientText>Executive Dashboard</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Strategic workforce insights for leadership</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        <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\">Revenue per Employee</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">$21,862</div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <ArrowUp className=\"h-3 w-3 mr-1\" />\n              +2.0% from Q3\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\">Total Workforce Cost</CardTitle>\n            <Building2 className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalSalaryBudget / 1000000).toFixed(1)}M\n            </div>\n            <p className=\"text-xs text-text-secondary\">Annual salary expenditure</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\">Budget Utilization</CardTitle>\n            <Percent className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{budgetUtilization}%</div>\n            <p className=\"text-xs text-text-secondary\">\n              ${(totalProjectSpent / 1000000).toFixed(1)}M of $\n              {(totalProjectBudget / 1000000).toFixed(1)}M\n            </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\">Retention Rate</CardTitle>\n            <Target className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">95.8%</div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <ArrowUp className=\"h-3 w-3 mr-1\" />\n              +1.1% improvement\n            </div>\n          </CardContent>\n        </GlassCard>\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-text-secondary 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-status-error-text'\n                        : risk.severity === 'warning'\n                          ? 'bg-status-warning-text'\n                          : 'bg-status-info-text'\n                    }`}\n                  />\n                  <div>\n                    <p className=\"text-sm font-medium\">{risk.metric}</p>\n                    <p className=\"text-xs text-text-secondary\">{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-text-secondary\">\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-status-info-text\" style={{ width: `${d.male}%` }} />\n                  <div className=\"bg-action-primary-bg\" style={{ width: `${d.female}%` }} />\n                  <div className=\"bg-status-success-text\" 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-text-secondary 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-text-secondary\">{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.js

@@ -2,16 +2,16 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useMemo as t, useState as n } from "react";
 import { BookOpen as r, ChevronRight as i, Code2 as a, Copy as o, ExternalLink as s, Lock as c, Search as l, Server as u, Zap as d } from "lucide-react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Badge as m, Button as h, Card as g, CardContent as _, CardDescription as v, CardHeader as y, CardTitle as b, Input as x } from "@burdenoff/fe-libs/ui";
+import { Badge as m, Button as h, Card as g, CardContent as _, CardDescription as v, CardHeader as y, CardTitle as b, GradientText as x, Input as S } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/HelpApiDocumentationPagePage.tsx
-var S = {
-	GET: "bg-green-100 text-green-700",
-	POST: "bg-blue-100 text-blue-700",
-	PATCH: "bg-yellow-100 text-yellow-700",
-	DELETE: "bg-red-100 text-red-700"
+var C = {
+	GET: "bg-status-success-bg text-status-success-text",
+	POST: "bg-status-info-bg text-status-info-text",
+	PATCH: "bg-status-warning-bg text-status-warning-text",
+	DELETE: "bg-status-error-bg text-status-error-text"
 };
-function C() {
-	let { employees: C, jobPostings: w, candidates: T, payrollRecords: E, leaveRequests: D } = e(), [O, k] = n(""), [A, j] = n(null), M = t(() => [
+function w() {
+	let { employees: w, jobPostings: T, candidates: E, payrollRecords: D, leaveRequests: O } = e(), [k, A] = n(""), [j, M] = n(null), N = t(() => [
 		{
 			name: "Employees",
 			version: "v2",
@@ -19,7 +19,7 @@ function C() {
 				{
 					method: "GET",
 					path: "/api/v2/employees",
-					description: `List all employees (${C.length} records) with pagination and filters`
+					description: `List all employees (${w.length} records) with pagination and filters`
 				},
 				{
 					method: "POST",
@@ -50,7 +50,7 @@ function C() {
 				{
 					method: "GET",
 					path: "/api/v2/jobs",
-					description: `List all job postings (${w.length} total)`
+					description: `List all job postings (${T.length} total)`
 				},
 				{
 					method: "POST",
@@ -60,7 +60,7 @@ function C() {
 				{
 					method: "GET",
 					path: "/api/v2/candidates",
-					description: `List candidates (${T.length}) with pipeline filters`
+					description: `List candidates (${E.length}) with pipeline filters`
 				},
 				{
 					method: "POST",
@@ -76,7 +76,7 @@ function C() {
 				{
 					method: "GET",
 					path: "/api/v1/payroll/records",
-					description: `List payroll records by period (${E.length} loaded)`
+					description: `List payroll records by period (${D.length} loaded)`
 				},
 				{
 					method: "POST",
@@ -97,7 +97,7 @@ function C() {
 				{
 					method: "GET",
 					path: "/api/v2/leave/requests",
-					description: `List leave requests with status filters (${D.length} total)`
+					description: `List leave requests with status filters (${O.length} total)`
 				},
 				{
 					method: "POST",
@@ -112,16 +112,16 @@ function C() {
 			]
 		}
 	], [
-		T.length,
-		C.length,
+		E.length,
 		w.length,
-		D.length,
-		E.length
-	]), N = (e) => {
-		j(e), setTimeout(() => j(null), 1500);
-	}, P = M.map((e) => ({
+		T.length,
+		O.length,
+		D.length
+	]), P = (e) => {
+		M(e), setTimeout(() => M(null), 1500);
+	}, F = N.map((e) => ({
 		...e,
-		endpoints: e.endpoints.filter((e) => e.path.toLowerCase().includes(O.toLowerCase()) || e.description.toLowerCase().includes(O.toLowerCase()))
+		endpoints: e.endpoints.filter((e) => e.path.toLowerCase().includes(k.toLowerCase()) || e.description.toLowerCase().includes(k.toLowerCase()))
 	})).filter((e) => e.endpoints.length > 0);
 	return /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
@@ -130,7 +130,7 @@ function C() {
 				className: "flex items-center justify-between",
 				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
 					className: "text-2xl font-semibold",
-					children: "API Documentation"
+					children: /* @__PURE__ */ f(x, { children: "API Documentation" })
 				}), /* @__PURE__ */ f("p", {
 					className: "text-sm text-text-secondary",
 					children: "CrewFoundry REST API reference for integrations"
@@ -153,25 +153,25 @@ function C() {
 						icon: u,
 						label: "REST API",
 						value: "v2.1.0",
-						color: "text-blue-500"
+						color: "text-status-info-text"
 					},
 					{
 						icon: a,
 						label: "GraphQL",
 						value: "Federation v2",
-						color: "text-purple-500"
+						color: "text-action-primary-bg"
 					},
 					{
 						icon: c,
 						label: "Auth",
 						value: "OAuth 2.0 + JWT",
-						color: "text-green-500"
+						color: "text-status-success-text"
 					},
 					{
 						icon: d,
 						label: "Rate Limit",
 						value: "1,000 req/min",
-						color: "text-yellow-500"
+						color: "text-status-warning-text"
 					}
 				].map((e) => /* @__PURE__ */ f(g, { children: /* @__PURE__ */ p(_, {
 					className: "flex items-center gap-3 pt-6",
@@ -239,14 +239,14 @@ function C() {
 					children: [
 						/* @__PURE__ */ p("div", {
 							className: "relative max-w-md",
-							children: [/* @__PURE__ */ f(l, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ f(x, {
+							children: [/* @__PURE__ */ f(l, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ f(S, {
 								placeholder: "Search endpoints...",
 								className: "pl-9",
-								value: O,
-								onChange: (e) => k(e.target.value)
+								value: k,
+								onChange: (e) => A(e.target.value)
 							})]
 						}),
-						P.map((e) => /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ p("div", {
+						F.map((e) => /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ p("div", {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ f(b, {
 								className: "text-base",
@@ -262,7 +262,7 @@ function C() {
 								className: `flex items-center gap-3 px-6 py-3 hover:bg-bg-sunken/50 cursor-pointer ${n < e.endpoints.length - 1 ? "border-b" : ""}`,
 								children: [
 									/* @__PURE__ */ f(m, {
-										className: `${S[t.method]} text-[10px] font-mono border-0 min-w-[50px] justify-center`,
+										className: `${C[t.method]} text-[10px] font-mono border-0 min-w-[50px] justify-center`,
 										children: t.method
 									}),
 									/* @__PURE__ */ f("code", {
@@ -277,13 +277,13 @@ function C() {
 										variant: "ghost",
 										size: "sm",
 										className: "h-6 w-6 p-0",
-										onClick: () => N(t.path),
-										children: /* @__PURE__ */ f(o, { className: `h-3 w-3 ${A === t.path ? "text-green-500" : "text-text-secondary"}` })
+										onClick: () => P(t.path),
+										children: /* @__PURE__ */ f(o, { className: `h-3 w-3 ${j === t.path ? "text-status-success-text" : "text-text-secondary"}` })
 									})
 								]
 							}, t.path + t.method))
 						})] }, e.name)),
-						P.length === 0 && /* @__PURE__ */ f("div", {
+						F.length === 0 && /* @__PURE__ */ f("div", {
 							className: "rounded-lg border p-8 text-center text-sm text-text-secondary",
 							children: "No endpoints match your search criteria."
 						})
@@ -294,6 +294,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as HelpApiDocumentationPagePage };
+export { w as HelpApiDocumentationPagePage };
 
 //# sourceMappingURL=HelpApiDocumentationPagePage.js.map