@burdenoff/microfe-crewfoundry 2026.510.105

package/dist/crewfoundry/pages/DashboardEnhancedDashboardPagePage.js

@@ -0,0 +1,365 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useMemo as t } from "react";
+import { AlertTriangle as n, ArrowUpRight as r, Award as i, Bell as a, Briefcase as o, CheckCircle as s, MapPin as c, Star as l, Users 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, Separator as x } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/DashboardEnhancedDashboardPagePage.tsx
+function S() {
+	let { employees: S, jobPostings: C, candidates: w, interviews: T, leaveRequests: E, notifications: D, projects: O, announcements: k } = e(), A = t(() => [
+		{
+			label: `Post New Job (${C.filter((e) => e.status === "active").length} active)`,
+			icon: o,
+			color: "text-blue-600"
+		},
+		{
+			label: `Review Candidates (${w.filter((e) => e.status === "new").length})`,
+			icon: u,
+			color: "text-purple-600"
+		},
+		{
+			label: `Approve Leaves (${E.filter((e) => e.status === "pending").length})`,
+			icon: s,
+			color: "text-green-600"
+		},
+		{
+			label: `Run Payroll (${O.filter((e) => e.status === "active").length} projects)`,
+			icon: d,
+			color: "text-orange-600"
+		}
+	], [
+		w,
+		C,
+		E,
+		O
+	]), j = t(() => [
+		{
+			goal: "Reduce time-to-hire to 25 days",
+			current: Math.max(20, 40 - w.filter((e) => e.status === "hired").length),
+			target: 25,
+			unit: "days"
+		},
+		{
+			goal: "Achieve 95% employee satisfaction",
+			current: Math.round(S.reduce((e, t) => e + t.performanceScore, 0) / Math.max(S.length, 1) * 20),
+			target: 95,
+			unit: "%"
+		},
+		{
+			goal: "Fill 30 open positions by Q2",
+			current: w.filter((e) => e.status === "hired").length,
+			target: 30,
+			unit: "positions"
+		},
+		{
+			goal: "Complete 80% training compliance",
+			current: Math.min(100, 60 + Math.round(S.filter((e) => e.status === "active").length / Math.max(S.length, 1) * 30)),
+			target: 80,
+			unit: "%"
+		}
+	], [w, S]), M = T.filter((e) => e.status === "scheduled"), N = E.filter((e) => e.status === "pending"), P = D.filter((e) => !e.read), F = k.filter((e) => e.isPinned), I = [...S].sort((e, t) => t.performanceScore - e.performanceScore).slice(0, 5), L = [...S].sort((e, t) => t.startDate.localeCompare(e.startDate)).slice(0, 5), R = S.reduce((e, t) => (e[t.location] = (e[t.location] || 0) + 1, e), {});
+	return /* @__PURE__ */ p("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
+					className: "text-2xl font-semibold",
+					children: "Enhanced Dashboard"
+				}), /* @__PURE__ */ f("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Complete workforce command center"
+				})] }), /* @__PURE__ */ p("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ p("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ f(a, { className: "h-5 w-5 text-muted-foreground" }), P.length > 0 && /* @__PURE__ */ f("span", {
+							className: "absolute -top-1 -right-1 h-4 w-4 rounded-full bg-red-500 text-[10px] text-white flex items-center justify-center",
+							children: P.length
+						})]
+					}), /* @__PURE__ */ p(h, {
+						size: "sm",
+						children: [/* @__PURE__ */ f(d, { className: "h-4 w-4 mr-1" }), "Quick Actions"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "grid gap-3 md:grid-cols-4",
+				children: A.map((e) => /* @__PURE__ */ f(g, {
+					className: "cursor-pointer hover:shadow-md transition-shadow",
+					children: /* @__PURE__ */ p(_, {
+						className: "flex items-center gap-3 p-4",
+						children: [
+							/* @__PURE__ */ f(e.icon, { className: `h-5 w-5 ${e.color}` }),
+							/* @__PURE__ */ f("span", {
+								className: "text-sm font-medium",
+								children: e.label
+							}),
+							/* @__PURE__ */ f(r, { className: "h-4 w-4 ml-auto text-muted-foreground" })
+						]
+					})
+				}, e.label))
+			}),
+			F.length > 0 && /* @__PURE__ */ f(g, {
+				className: "border-yellow-200 bg-yellow-50/50",
+				children: /* @__PURE__ */ f(_, {
+					className: "p-4",
+					children: F.map((e) => /* @__PURE__ */ p("div", {
+						className: "flex items-start gap-3",
+						children: [
+							/* @__PURE__ */ f(n, { className: "h-4 w-4 text-yellow-600 mt-0.5" }),
+							/* @__PURE__ */ p("div", { children: [
+								/* @__PURE__ */ f("p", {
+									className: "text-sm font-medium",
+									children: e.title
+								}),
+								/* @__PURE__ */ p("p", {
+									className: "text-xs text-muted-foreground mt-1",
+									children: [e.content.slice(0, 120), "..."]
+								}),
+								/* @__PURE__ */ p("p", {
+									className: "text-xs text-muted-foreground mt-1",
+									children: [
+										"— ",
+										e.author,
+										", ",
+										e.authorRole
+									]
+								})
+							] }),
+							/* @__PURE__ */ f(m, {
+								variant: "outline",
+								className: "ml-auto flex-shrink-0",
+								children: e.priority
+							})
+						]
+					}, e.id))
+				})
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, {
+						className: "text-base",
+						children: "Company Goals"
+					}), /* @__PURE__ */ f(v, { children: "Q1 2026 targets" })] }), /* @__PURE__ */ f(_, {
+						className: "space-y-4",
+						children: j.map((e) => {
+							let t = Math.round(e.current / e.target * 100);
+							return /* @__PURE__ */ p("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ p("div", {
+									className: "flex justify-between text-xs",
+									children: [/* @__PURE__ */ f("span", {
+										className: "text-muted-foreground",
+										children: e.goal
+									}), /* @__PURE__ */ p("span", {
+										className: "font-medium",
+										children: [
+											e.current,
+											"/",
+											e.target,
+											" ",
+											e.unit
+										]
+									})]
+								}), /* @__PURE__ */ f("div", {
+									className: "h-2 bg-muted rounded overflow-hidden",
+									children: /* @__PURE__ */ f("div", {
+										className: `h-2 rounded ${t >= 90 ? "bg-green-500" : t >= 70 ? "bg-yellow-500" : "bg-red-500"}`,
+										style: { width: `${Math.min(t, 100)}%` }
+									})
+								})]
+							}, e.goal);
+						})
+					})] }),
+					/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, {
+						className: "text-base",
+						children: "Upcoming Interviews"
+					}), /* @__PURE__ */ p(v, { children: [M.length, " scheduled"] })] }), /* @__PURE__ */ f(_, {
+						className: "space-y-3",
+						children: M.map((e) => /* @__PURE__ */ p("div", {
+							className: "flex items-center gap-3 rounded border p-2",
+							children: [
+								/* @__PURE__ */ p("div", {
+									className: "flex-1 min-w-0",
+									children: [/* @__PURE__ */ f("p", {
+										className: "text-sm font-medium truncate",
+										children: e.candidateName
+									}), /* @__PURE__ */ f("p", {
+										className: "text-xs text-muted-foreground",
+										children: e.position
+									})]
+								}),
+								/* @__PURE__ */ p("div", {
+									className: "text-right flex-shrink-0",
+									children: [/* @__PURE__ */ f("p", {
+										className: "text-xs font-medium",
+										children: e.date
+									}), /* @__PURE__ */ f("p", {
+										className: "text-xs text-muted-foreground",
+										children: e.time
+									})]
+								}),
+								/* @__PURE__ */ f(m, {
+									variant: "outline",
+									className: "text-[10px]",
+									children: e.type
+								})
+							]
+						}, e.id))
+					})] }),
+					/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, {
+						className: "text-base",
+						children: "Pending Actions"
+					}), /* @__PURE__ */ f(v, { children: "Items requiring your attention" })] }), /* @__PURE__ */ p(_, {
+						className: "space-y-3",
+						children: [
+							N.map((e) => /* @__PURE__ */ p("div", {
+								className: "flex items-center justify-between rounded border p-2",
+								children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+									className: "text-sm font-medium",
+									children: e.employeeName
+								}), /* @__PURE__ */ p("p", {
+									className: "text-xs text-muted-foreground",
+									children: [
+										e.type,
+										" leave · ",
+										e.days,
+										" days"
+									]
+								})] }), /* @__PURE__ */ p("div", {
+									className: "flex gap-1",
+									children: [/* @__PURE__ */ f(h, {
+										size: "sm",
+										variant: "outline",
+										className: "h-7 text-xs",
+										children: "Deny"
+									}), /* @__PURE__ */ f(h, {
+										size: "sm",
+										className: "h-7 text-xs",
+										children: "Approve"
+									})]
+								})]
+							}, e.id)),
+							/* @__PURE__ */ f(x, {}),
+							/* @__PURE__ */ p("div", {
+								className: "text-xs text-muted-foreground text-center",
+								children: [w.filter((e) => e.status === "new").length, " new applications to review"]
+							})
+						]
+					})] })
+				]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "grid gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ f(y, { children: /* @__PURE__ */ p(b, {
+					className: "text-base flex items-center gap-2",
+					children: [/* @__PURE__ */ f(i, { className: "h-4 w-4 text-yellow-500" }), "Top Performers"]
+				}) }), /* @__PURE__ */ f(_, {
+					className: "space-y-3",
+					children: I.map((e, t) => /* @__PURE__ */ p("div", {
+						className: "flex items-center gap-3",
+						children: [
+							/* @__PURE__ */ p("span", {
+								className: "text-sm font-bold text-muted-foreground w-5",
+								children: ["#", t + 1]
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "flex-1",
+								children: [/* @__PURE__ */ p("p", {
+									className: "text-sm font-medium",
+									children: [
+										e.firstName,
+										" ",
+										e.lastName
+									]
+								}), /* @__PURE__ */ p("p", {
+									className: "text-xs text-muted-foreground",
+									children: [
+										e.position,
+										" · ",
+										e.department
+									]
+								})]
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ f(l, { className: "h-3 w-3 text-yellow-500" }), /* @__PURE__ */ f("span", {
+									className: "text-sm font-medium",
+									children: e.performanceScore
+								})]
+							})
+						]
+					}, e.id))
+				})] }), /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ f(y, { children: /* @__PURE__ */ p(b, {
+					className: "text-base flex items-center gap-2",
+					children: [/* @__PURE__ */ f(c, { className: "h-4 w-4" }), "Workforce Locations"]
+				}) }), /* @__PURE__ */ f(_, {
+					className: "space-y-3",
+					children: Object.entries(R).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ p("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ f("span", {
+							className: "text-sm",
+							children: e
+						}), /* @__PURE__ */ p("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ f("span", {
+								className: "text-sm font-medium",
+								children: t
+							}), /* @__PURE__ */ p("span", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									"(",
+									Math.round(t / S.length * 100),
+									"%)"
+								]
+							})]
+						})]
+					}, e))
+				})] })]
+			}),
+			/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(b, { children: "Recent Hires" }), /* @__PURE__ */ f(v, { children: "Newest team members" })] }), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ p("div", {
+				className: "grid grid-cols-6 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2",
+				children: [
+					/* @__PURE__ */ f("span", { children: "Name" }),
+					/* @__PURE__ */ f("span", { children: "Position" }),
+					/* @__PURE__ */ f("span", { children: "Department" }),
+					/* @__PURE__ */ f("span", { children: "Location" }),
+					/* @__PURE__ */ f("span", { children: "Start Date" }),
+					/* @__PURE__ */ f("span", { children: "Type" })
+				]
+			}), L.map((e) => /* @__PURE__ */ p("div", {
+				className: "grid grid-cols-6 gap-2 py-2 border-b last:border-0 text-sm",
+				children: [
+					/* @__PURE__ */ p("span", {
+						className: "font-medium",
+						children: [
+							e.firstName,
+							" ",
+							e.lastName
+						]
+					}),
+					/* @__PURE__ */ f("span", {
+						className: "text-muted-foreground truncate",
+						children: e.position
+					}),
+					/* @__PURE__ */ f("span", { children: e.department }),
+					/* @__PURE__ */ f("span", {
+						className: "text-muted-foreground truncate",
+						children: e.location
+					}),
+					/* @__PURE__ */ f("span", { children: e.startDate }),
+					/* @__PURE__ */ f(m, {
+						variant: "outline",
+						className: "w-fit text-[10px]",
+						children: e.type.replace("_", " ")
+					})
+				]
+			}, e.id))] })] })
+		]
+	});
+}
+//#endregion
+export { S as DashboardEnhancedDashboardPagePage };
+
+//# sourceMappingURL=DashboardEnhancedDashboardPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardEnhancedDashboardPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/DashboardEnhancedDashboardPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  AlertTriangle,\n  ArrowUpRight,\n  Award,\n  Bell,\n  Briefcase,\n  CheckCircle,\n  MapPin,\n  Star,\n  Users,\n  Zap,\n} from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function DashboardEnhancedDashboardPagePage() {\n  const {\n    employees,\n    jobPostings,\n    candidates,\n    interviews,\n    leaveRequests,\n    notifications,\n    projects,\n    announcements,\n  } = useCrewFoundryStore();\n\n  const quickActions = useMemo(\n    () => [\n      {\n        label: `Post New Job (${jobPostings.filter((job) => job.status === 'active').length} active)`,\n        icon: Briefcase,\n        color: 'text-blue-600',\n      },\n      {\n        label: `Review Candidates (${candidates.filter((candidate) => candidate.status === 'new').length})`,\n        icon: Users,\n        color: 'text-purple-600',\n      },\n      {\n        label: `Approve Leaves (${leaveRequests.filter((leave) => leave.status === 'pending').length})`,\n        icon: CheckCircle,\n        color: 'text-green-600',\n      },\n      {\n        label: `Run Payroll (${projects.filter((project) => project.status === 'active').length} projects)`,\n        icon: Zap,\n        color: 'text-orange-600',\n      },\n    ],\n    [candidates, jobPostings, leaveRequests, projects]\n  );\n\n  const companyGoals = useMemo(\n    () => [\n      {\n        goal: 'Reduce time-to-hire to 25 days',\n        current: Math.max(\n          20,\n          40 - candidates.filter((candidate) => candidate.status === 'hired').length\n        ),\n        target: 25,\n        unit: 'days',\n      },\n      {\n        goal: 'Achieve 95% employee satisfaction',\n        current: Math.round(\n          (employees.reduce((sum, employee) => sum + employee.performanceScore, 0) /\n            Math.max(employees.length, 1)) *\n            20\n        ),\n        target: 95,\n        unit: '%',\n      },\n      {\n        goal: 'Fill 30 open positions by Q2',\n        current: candidates.filter((candidate) => candidate.status === 'hired').length,\n        target: 30,\n        unit: 'positions',\n      },\n      {\n        goal: 'Complete 80% training compliance',\n        current: Math.min(\n          100,\n          60 +\n            Math.round(\n              (employees.filter((employee) => employee.status === 'active').length /\n                Math.max(employees.length, 1)) *\n                30\n            )\n        ),\n        target: 80,\n        unit: '%',\n      },\n    ],\n    [candidates, employees]\n  );\n\n  const upcomingInterviews = interviews.filter((i) => i.status === 'scheduled');\n  const pendingLeaves = leaveRequests.filter((l) => l.status === 'pending');\n  const unreadNotifs = notifications.filter((n) => !n.read);\n  const pinnedAnnouncements = announcements.filter((a) => a.isPinned);\n  const topPerformers = [...employees]\n    .sort((a, b) => b.performanceScore - a.performanceScore)\n    .slice(0, 5);\n  const recentHires = [...employees]\n    .sort((a, b) => b.startDate.localeCompare(a.startDate))\n    .slice(0, 5);\n\n  const locationMap = 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\">Enhanced Dashboard</h1>\n          <p className=\"text-sm text-muted-foreground\">Complete workforce command center</p>\n        </div>\n        <div className=\"flex items-center gap-3\">\n          <div className=\"relative\">\n            <Bell className=\"h-5 w-5 text-muted-foreground\" />\n            {unreadNotifs.length > 0 && (\n              <span className=\"absolute -top-1 -right-1 h-4 w-4 rounded-full bg-red-500 text-[10px] text-white flex items-center justify-center\">\n                {unreadNotifs.length}\n              </span>\n            )}\n          </div>\n          <Button size=\"sm\">\n            <Zap className=\"h-4 w-4 mr-1\" />\n            Quick Actions\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid gap-3 md:grid-cols-4\">\n        {quickActions.map((action) => (\n          <Card key={action.label} className=\"cursor-pointer hover:shadow-md transition-shadow\">\n            <CardContent className=\"flex items-center gap-3 p-4\">\n              <action.icon className={`h-5 w-5 ${action.color}`} />\n              <span className=\"text-sm font-medium\">{action.label}</span>\n              <ArrowUpRight className=\"h-4 w-4 ml-auto text-muted-foreground\" />\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      {pinnedAnnouncements.length > 0 && (\n        <Card className=\"border-yellow-200 bg-yellow-50/50\">\n          <CardContent className=\"p-4\">\n            {pinnedAnnouncements.map((ann) => (\n              <div key={ann.id} className=\"flex items-start gap-3\">\n                <AlertTriangle className=\"h-4 w-4 text-yellow-600 mt-0.5\" />\n                <div>\n                  <p className=\"text-sm font-medium\">{ann.title}</p>\n                  <p className=\"text-xs text-muted-foreground mt-1\">\n                    {ann.content.slice(0, 120)}...\n                  </p>\n                  <p className=\"text-xs text-muted-foreground mt-1\">\n                    — {ann.author}, {ann.authorRole}\n                  </p>\n                </div>\n                <Badge variant=\"outline\" className=\"ml-auto flex-shrink-0\">\n                  {ann.priority}\n                </Badge>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      )}\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Company Goals</CardTitle>\n            <CardDescription>Q1 2026 targets</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {companyGoals.map((g) => {\n              const pct = Math.round((g.current / g.target) * 100);\n              return (\n                <div key={g.goal} className=\"space-y-1\">\n                  <div className=\"flex justify-between text-xs\">\n                    <span className=\"text-muted-foreground\">{g.goal}</span>\n                    <span className=\"font-medium\">\n                      {g.current}/{g.target} {g.unit}\n                    </span>\n                  </div>\n                  <div className=\"h-2 bg-muted rounded overflow-hidden\">\n                    <div\n                      className={`h-2 rounded ${pct >= 90 ? 'bg-green-500' : pct >= 70 ? 'bg-yellow-500' : 'bg-red-500'}`}\n                      style={{ width: `${Math.min(pct, 100)}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Upcoming Interviews</CardTitle>\n            <CardDescription>{upcomingInterviews.length} scheduled</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {upcomingInterviews.map((interview) => (\n              <div key={interview.id} className=\"flex items-center gap-3 rounded border p-2\">\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium truncate\">{interview.candidateName}</p>\n                  <p className=\"text-xs text-muted-foreground\">{interview.position}</p>\n                </div>\n                <div className=\"text-right flex-shrink-0\">\n                  <p className=\"text-xs font-medium\">{interview.date}</p>\n                  <p className=\"text-xs text-muted-foreground\">{interview.time}</p>\n                </div>\n                <Badge variant=\"outline\" className=\"text-[10px]\">\n                  {interview.type}\n                </Badge>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Pending Actions</CardTitle>\n            <CardDescription>Items requiring your attention</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {pendingLeaves.map((leave) => (\n              <div key={leave.id} className=\"flex items-center justify-between rounded border p-2\">\n                <div>\n                  <p className=\"text-sm font-medium\">{leave.employeeName}</p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {leave.type} leave · {leave.days} days\n                  </p>\n                </div>\n                <div className=\"flex gap-1\">\n                  <Button size=\"sm\" variant=\"outline\" className=\"h-7 text-xs\">\n                    Deny\n                  </Button>\n                  <Button size=\"sm\" className=\"h-7 text-xs\">\n                    Approve\n                  </Button>\n                </div>\n              </div>\n            ))}\n            <Separator />\n            <div className=\"text-xs text-muted-foreground text-center\">\n              {candidates.filter((c) => c.status === 'new').length} new applications to review\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 className=\"text-base flex items-center gap-2\">\n              <Award className=\"h-4 w-4 text-yellow-500\" />\n              Top Performers\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {topPerformers.map((emp, idx) => (\n              <div key={emp.id} className=\"flex items-center gap-3\">\n                <span className=\"text-sm font-bold text-muted-foreground w-5\">#{idx + 1}</span>\n                <div className=\"flex-1\">\n                  <p className=\"text-sm font-medium\">\n                    {emp.firstName} {emp.lastName}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {emp.position} · {emp.department}\n                  </p>\n                </div>\n                <div className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-yellow-500\" />\n                  <span className=\"text-sm font-medium\">{emp.performanceScore}</span>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base flex items-center gap-2\">\n              <MapPin className=\"h-4 w-4\" />\n              Workforce Locations\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(locationMap)\n              .sort(([, a], [, b]) => b - a)\n              .map(([location, count]) => (\n                <div key={location} className=\"flex items-center justify-between\">\n                  <span className=\"text-sm\">{location}</span>\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-medium\">{count}</span>\n                    <span className=\"text-xs text-muted-foreground\">\n                      ({Math.round((count / employees.length) * 100)}%)\n                    </span>\n                  </div>\n                </div>\n              ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Recent Hires</CardTitle>\n          <CardDescription>Newest team members</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-6 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2\">\n            <span>Name</span>\n            <span>Position</span>\n            <span>Department</span>\n            <span>Location</span>\n            <span>Start Date</span>\n            <span>Type</span>\n          </div>\n          {recentHires.map((emp) => (\n            <div\n              key={emp.id}\n              className=\"grid grid-cols-6 gap-2 py-2 border-b last:border-0 text-sm\"\n            >\n              <span className=\"font-medium\">\n                {emp.firstName} {emp.lastName}\n              </span>\n              <span className=\"text-muted-foreground truncate\">{emp.position}</span>\n              <span>{emp.department}</span>\n              <span className=\"text-muted-foreground truncate\">{emp.location}</span>\n              <span>{emp.startDate}</span>\n              <Badge variant=\"outline\" className=\"w-fit text-[10px]\">\n                {emp.type.replace('_', ' ')}\n              </Badge>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

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