@burdenoff/microfe-crewfoundry 2026.704.5 → 2026.704.7

package/dist/crewfoundry/pages/DashboardDashboardPagePage.js

@@ -1,352 +1,463 @@
 import { useCrewFoundry as e } from "../providers/CrewFoundryProvider.js";
 import { useCrewFoundryStore as t } from "../store/crewfoundryStore.js";
 import { formatEnumLabel as n } from "../utils/formatEnumLabel.js";
-import { useState as ee } from "react";
-import { Activity as r, Briefcase as i, Calendar as te, TrendingUp as a, Users as o } from "lucide-react";
-import { useNavigate as ne } from "react-router-dom";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { AuroraBackground as re, Badge as l, Button as u, Card as d, CardContent as f, CardDescription as p, CardHeader as m, CardTitle as h, EmphasisPanel as ie, GlassCard as g, GradientText as ae, IllustratedEmptyState as _, NextSteps as v, PagePurpose as y, Pagination as b } from "@burdenoff/fe-libs/ui";
-import { usePagination as x } from "@burdenoff/fe-libs/shared/hooks";
-import { useGlobalUi as S } from "@burdenoff/fe-libs/shared/providers/shell";
-import { useI18n as oe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { getInitials as r } from "../components/viz/lib/format.js";
+import { AreaChart as i } from "../components/viz/AreaChart.js";
+import { HBarFunnel as ee } from "../components/viz/HBarFunnel.js";
+import { StatCard as a } from "../components/viz/StatCard.js";
+import "../components/viz/index.js";
+import { headcountByMonth as te, momDelta as ne } from "../lib/analytics.js";
+import { useMemo as o, useState as s } from "react";
+import { Activity as c, Briefcase as l, Calendar as u, FolderPlus as re, Plus as ie, TrendingUp as ae, UserPlus as d, Users as f } from "lucide-react";
+import { useNavigate as oe } from "react-router-dom";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { AuroraBackground as se, Badge as h, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, DropdownMenu as ce, DropdownMenuContent as le, DropdownMenuItem as x, DropdownMenuLabel as ue, DropdownMenuSeparator as S, DropdownMenuTrigger as C, GradientText as de, IllustratedEmptyState as w, NextSteps as fe, PagePurpose as pe, Pagination as me } from "@burdenoff/fe-libs/ui";
+import { usePagination as he } from "@burdenoff/fe-libs/shared/hooks";
+import { useGlobalUi as ge } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useI18n as _e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/crewfoundry/pages/DashboardDashboardPagePage.tsx
-function C() {
-	let { t: C } = oe(), w = ne(), { showToast: T } = S(), { currentUser: E } = e(), { employees: D, jobPostings: O, interviews: se, leaveRequests: k, notifications: A, projects: j, updateLeaveRequest: M } = t(), [N, P] = ee(null), F = E?.name || [E?.firstName, E?.lastName].filter(Boolean).join(" ") || E?.email || "Manager", I = async (e, t) => {
-		P(e);
+function T(e) {
+	let t = e.map((e) => e ? new Date(e) : null).filter((e) => e !== null && !Number.isNaN(e.getTime())).map((e) => e.getUTCFullYear() * 12 + e.getUTCMonth());
+	if (t.length === 0) return [];
+	let n = Math.min(...t), r = Math.max(...t), i = [];
+	for (let e = n; e <= r; e += 1) i.push(t.filter((t) => t <= e).length);
+	return i;
+}
+function E(e) {
+	if (e.length < 2) return;
+	let t = e[e.length - 1], n = e[e.length - 2];
+	if (!(n <= 0)) return Math.round((t - n) / n * 100);
+}
+function D({ name: e, size: t = 38 }) {
+	return /* @__PURE__ */ p("span", {
+		"aria-hidden": "true",
+		className: "inline-flex shrink-0 items-center justify-center rounded-full bg-bg-elevated font-medium text-text-secondary",
+		style: {
+			width: t,
+			height: t,
+			fontSize: Math.round(t * .36)
+		},
+		children: r(e)
+	});
+}
+var ve = [
+	"new",
+	"screening",
+	"interview",
+	"assessment",
+	"offer",
+	"hired"
+];
+function O() {
+	let { t: r } = _e(), O = oe(), { showToast: k } = ge(), { currentUser: A } = e(), { employees: j, jobPostings: M, interviews: N, leaveRequests: P, projects: F, candidates: I, announcements: L, updateLeaveRequest: ye } = t(), [R, z] = s(null), [be, xe] = s({}), Se = A?.name || [A?.firstName, A?.lastName].filter(Boolean).join(" ") || A?.email || "Manager", B = async (e, t) => {
+		z(e);
 		try {
-			await M(e, {
+			await ye(e, {
 				status: t,
-				approverName: F
-			}), T(t === "approved" ? "Leave approved" : "Leave rejected", "success");
+				approverName: Se
+			}), k(t === "approved" ? "Leave approved" : "Leave rejected", "success");
 		} catch (e) {
-			T(e instanceof Error ? e.message : "Unable to update leave request", "error");
+			k(e instanceof Error ? e.message : "Unable to update leave request", "error");
 		} finally {
-			P(null);
+			z(null);
 		}
-	}, L = (e, t) => {
-		let n = C(e);
+	}, V = (e, t) => {
+		let n = r(e);
 		return n === e ? t : n;
-	}, R = D.filter((e) => e.status === "active").length, z = D.filter((e) => e.status === "on_leave").length, B = O.filter((e) => e.status === "active").length, V = O.reduce((e, t) => e + t.applicants, 0), H = k.filter((e) => e.status === "pending").length, U = A.filter((e) => !e.read).length, W = j.filter((e) => e.status === "active").length, G = (D.reduce((e, t) => e + t.performanceScore, 0) / Math.max(D.length, 1)).toFixed(1), K = D.reduce((e, t) => (e[t.department] = (e[t.department] || 0) + 1, e), {}), q = Object.values(K), ce = q.length ? Math.max(...q) : 1, J = [...se].filter((e) => e.status === "scheduled").sort((e, t) => `${e.date} ${e.time}`.localeCompare(`${t.date} ${t.time}`)), Y = J.slice(0, 5), X = [...k].sort((e, t) => e.status === "pending" && t.status !== "pending" ? -1 : t.status === "pending" && e.status !== "pending" ? 1 : t.startDate.localeCompare(e.startDate)), { page: Z, pageSize: Q, offset: $, setPage: le } = x({ initialPageSize: 6 }), ue = X.slice($, $ + Q);
-	return /* @__PURE__ */ c("div", {
+	}, Ce = j.filter((e) => e.status === "active").length, we = j.filter((e) => e.status === "on_leave").length, Te = M.filter((e) => e.status === "active").length, Ee = M.reduce((e, t) => e + t.applicants, 0), De = P.filter((e) => e.status === "pending").length, Oe = F.filter((e) => e.status === "active").length, ke = (j.reduce((e, t) => e + t.performanceScore, 0) / Math.max(j.length, 1)).toFixed(1), H = o(() => te(j), [j]), Ae = H.map((e) => e.value), je = ne(H).deltaPercent, U = o(() => T(M.filter((e) => e.status === "active").map((e) => e.postedDate)), [M]), W = o(() => T(F.filter((e) => e.status === "active").map((e) => e.startDate)), [F]), G = o(() => {
+		let e = (e) => ve.indexOf(e), t = (t) => I.filter((n) => e(n.status) >= t).length;
+		return {
+			applied: I.length,
+			screening: t(1),
+			interview: t(2),
+			offer: t(4),
+			hired: t(5)
+		};
+	}, [I]), Me = [
+		{
+			label: V("crewfoundry.dashboard.pipeline.applied", "Applied"),
+			value: G.applied
+		},
+		{
+			label: V("crewfoundry.dashboard.pipeline.screening", "Screening"),
+			value: G.screening
+		},
+		{
+			label: V("crewfoundry.dashboard.pipeline.interview", "Interview"),
+			value: G.interview
+		},
+		{
+			label: V("crewfoundry.dashboard.pipeline.offer", "Offer"),
+			value: G.offer
+		},
+		{
+			label: V("crewfoundry.dashboard.pipeline.hired", "Hired"),
+			value: G.hired
+		}
+	], Ne = o(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of j) e.set(`${t.firstName} ${t.lastName}`.trim().toLowerCase(), t.avatar);
+		return e;
+	}, [j]), K = [...N].filter((e) => e.status === "scheduled").sort((e, t) => `${e.date} ${e.time}`.localeCompare(`${t.date} ${t.time}`)), q = K.slice(0, 5), J = o(() => [...L].sort((e, t) => e.isPinned === t.isPinned ? t.createdAt.localeCompare(e.createdAt) : e.isPinned ? -1 : 1), [L]), Y = J.slice(0, 4), X = [...P].sort((e, t) => e.status === "pending" && t.status !== "pending" ? -1 : t.status === "pending" && e.status !== "pending" ? 1 : t.startDate.localeCompare(e.startDate)), { page: Z, pageSize: Q, offset: $, setPage: Pe } = he({ initialPageSize: 6 }), Fe = X.slice($, $ + Q);
+	return /* @__PURE__ */ m("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ m("div", {
 				className: "relative overflow-hidden rounded-xl border border-border-seam bg-gloss-card p-6",
-				children: [/* @__PURE__ */ s(re, { intensity: "subtle" }), /* @__PURE__ */ s("div", {
+				children: [/* @__PURE__ */ p(se, { intensity: "subtle" }), /* @__PURE__ */ m("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: /* @__PURE__ */ c("div", { children: [
-						/* @__PURE__ */ s("h1", {
+					children: [/* @__PURE__ */ m("div", { children: [
+						/* @__PURE__ */ p("h1", {
 							className: "text-2xl font-semibold",
-							children: /* @__PURE__ */ s(ae, { children: L("crewfoundry.dashboard.title", "Workforce Dashboard") })
+							children: /* @__PURE__ */ p(de, { children: V("crewfoundry.dashboard.title", "Command Center") })
 						}),
-						/* @__PURE__ */ s("p", {
+						/* @__PURE__ */ p("p", {
 							className: "text-sm text-text-secondary",
-							children: L("crewfoundry.dashboard.subtitle", "Overview of your organization's workforce metrics")
+							children: V("crewfoundry.dashboard.subtitle", "Your workforce at a glance")
 						}),
-						/* @__PURE__ */ s(y, {
+						/* @__PURE__ */ p(pe, {
 							className: "mt-2",
-							children: L("crewfoundry.dashboard.purpose", "Your workforce command center — see headcount, hiring, performance, and projects at a glance, then jump straight to the area that needs your attention.")
+							children: V("crewfoundry.dashboard.purpose", "Your workforce command center — see headcount, hiring, performance, and projects at a glance, then jump straight to the area that needs your attention.")
+						})
+					] }), /* @__PURE__ */ m(ce, { children: [/* @__PURE__ */ p(C, {
+						asChild: !0,
+						children: /* @__PURE__ */ m(g, {
+							className: "self-start",
+							children: [/* @__PURE__ */ p(ie, { className: "mr-1 h-4 w-4" }), V("crewfoundry.dashboard.new", "New")]
 						})
-					] })
+					}), /* @__PURE__ */ m(le, {
+						align: "end",
+						className: "w-52",
+						children: [
+							/* @__PURE__ */ p(ue, { children: V("crewfoundry.dashboard.newMenu", "Create") }),
+							/* @__PURE__ */ p(S, {}),
+							/* @__PURE__ */ m(x, {
+								onClick: () => O("../hr/employees-page"),
+								children: [/* @__PURE__ */ p(d, { className: "mr-2 h-4 w-4" }), V("crewfoundry.dashboard.newEmployee", "Add employee")]
+							}),
+							/* @__PURE__ */ m(x, {
+								onClick: () => O("../hiring/create-job-page"),
+								children: [/* @__PURE__ */ p(l, { className: "mr-2 h-4 w-4" }), V("crewfoundry.dashboard.newJob", "Post a job")]
+							}),
+							/* @__PURE__ */ m(x, {
+								onClick: () => O("../projects/projects-page"),
+								children: [/* @__PURE__ */ p(re, { className: "mr-2 h-4 w-4" }), V("crewfoundry.dashboard.newProject", "New project")]
+							})
+						]
+					})] })]
 				})]
 			}),
-			/* @__PURE__ */ s(v, {
+			/* @__PURE__ */ p(fe, {
 				storageKey: "crewfoundry-dashboard",
 				steps: [
 					{
 						id: "employees",
-						label: L("crewfoundry.dashboard.next.employees", "Review your team"),
-						description: L("crewfoundry.dashboard.next.employeesDesc", "Open the employee directory to see who is active and on leave."),
-						icon: /* @__PURE__ */ s(o, { className: "h-4 w-4" }),
-						onClick: () => w("../hr/employees-page")
+						label: V("crewfoundry.dashboard.next.employees", "Review your team"),
+						description: V("crewfoundry.dashboard.next.employeesDesc", "Open the employee directory to see who is active and on leave."),
+						icon: /* @__PURE__ */ p(f, { className: "h-4 w-4" }),
+						onClick: () => O("../hr/employees-page")
 					},
 					{
 						id: "hiring",
-						label: L("crewfoundry.dashboard.next.hiring", "Post a new job"),
-						description: L("crewfoundry.dashboard.next.hiringDesc", "Create an opening to start collecting applicants."),
-						icon: /* @__PURE__ */ s(i, { className: "h-4 w-4" }),
-						onClick: () => w("../hiring/create-job-page")
+						label: V("crewfoundry.dashboard.next.hiring", "Post a new job"),
+						description: V("crewfoundry.dashboard.next.hiringDesc", "Create an opening to start collecting applicants."),
+						icon: /* @__PURE__ */ p(l, { className: "h-4 w-4" }),
+						onClick: () => O("../hiring/create-job-page")
 					},
 					{
 						id: "projects",
-						label: L("crewfoundry.dashboard.next.projects", "Check active projects"),
-						description: L("crewfoundry.dashboard.next.projectsDesc", "Track progress and budgets across in-flight work."),
-						icon: /* @__PURE__ */ s(r, { className: "h-4 w-4" }),
-						onClick: () => w("../projects/projects-page")
+						label: V("crewfoundry.dashboard.next.projects", "Check active projects"),
+						description: V("crewfoundry.dashboard.next.projectsDesc", "Track progress and budgets across in-flight work."),
+						icon: /* @__PURE__ */ p(c, { className: "h-4 w-4" }),
+						onClick: () => O("../projects/projects-page")
 					}
 				]
 			}),
-			/* @__PURE__ */ c("div", {
-				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+			/* @__PURE__ */ m("div", {
+				className: "grid gap-4 lg:grid-cols-12",
 				children: [
-					/* @__PURE__ */ c(g, {
-						treatment: "glass",
-						glow: !0,
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ c(m, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ s(h, {
-								className: "text-sm font-medium",
-								children: L("crewfoundry.dashboard.stats.totalEmployees", "Total Employees")
-							}), /* @__PURE__ */ s(o, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: D.length
-						}), /* @__PURE__ */ c("p", {
-							className: "text-xs text-text-secondary",
-							children: [
-								R,
-								" ",
-								L("crewfoundry.dashboard.stats.active", "active"),
-								", ",
-								z,
-								" ",
-								L("crewfoundry.dashboard.stats.onLeave", "on leave")
-							]
-						})] })]
-					}),
-					/* @__PURE__ */ c(g, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ c(m, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ s(h, {
-								className: "text-sm font-medium",
-								children: L("crewfoundry.dashboard.stats.openPositions", "Open Positions")
-							}), /* @__PURE__ */ s(i, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: B
-						}), /* @__PURE__ */ c("p", {
-							className: "text-xs text-text-secondary",
-							children: [
-								V,
-								" ",
-								L("crewfoundry.dashboard.stats.totalApplicants", "total applicants")
-							]
-						})] })]
+					/* @__PURE__ */ m("div", {
+						className: "grid gap-4 sm:grid-cols-2 lg:col-span-5",
+						children: [
+							/* @__PURE__ */ p(a, {
+								label: V("crewfoundry.dashboard.stats.totalEmployees", "Total Employees"),
+								value: j.length,
+								delta: je || void 0,
+								deltaLabel: V("crewfoundry.dashboard.stats.fromLastMonth", "from last month"),
+								icon: /* @__PURE__ */ p(f, { className: "h-4 w-4" }),
+								sparkline: Ae,
+								sparklineVariant: "area"
+							}),
+							/* @__PURE__ */ p(a, {
+								label: V("crewfoundry.dashboard.stats.openPositions", "Open Positions"),
+								value: Te,
+								delta: E(U),
+								deltaLabel: V("crewfoundry.dashboard.stats.fromLastMonth", "from last month"),
+								icon: /* @__PURE__ */ p(l, { className: "h-4 w-4" }),
+								sparkline: U,
+								sparklineVariant: "area"
+							}),
+							/* @__PURE__ */ p(a, {
+								label: V("crewfoundry.dashboard.stats.activeProjects", "Active Projects"),
+								value: Oe,
+								delta: E(W),
+								deltaLabel: V("crewfoundry.dashboard.stats.fromLastMonth", "from last month"),
+								icon: /* @__PURE__ */ p(c, { className: "h-4 w-4" }),
+								sparkline: W,
+								sparklineVariant: "area"
+							}),
+							/* @__PURE__ */ p(a, {
+								label: V("crewfoundry.dashboard.stats.avgPerformance", "Avg Performance"),
+								value: `${ke}`,
+								icon: /* @__PURE__ */ p(ae, { className: "h-4 w-4" })
+							})
+						]
 					}),
-					/* @__PURE__ */ c(g, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ c(m, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ s(h, {
-								className: "text-sm font-medium",
-								children: L("crewfoundry.dashboard.stats.avgPerformance", "Avg Performance")
-							}), /* @__PURE__ */ s(a, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ c("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: [G, "/5"]
-						}), /* @__PURE__ */ s("p", {
-							className: "text-xs text-text-secondary",
-							children: L("crewfoundry.dashboard.stats.performanceTrend", `Team average across ${D.length} employees`)
-						})] })]
+					/* @__PURE__ */ m(_, {
+						className: "lg:col-span-4",
+						children: [/* @__PURE__ */ p(y, { children: /* @__PURE__ */ p(b, {
+							className: "text-base",
+							children: V("crewfoundry.dashboard.headcountGrowth.title", "Headcount growth")
+						}) }), /* @__PURE__ */ p(v, { children: H.length > 1 ? /* @__PURE__ */ p(i, {
+							series: H,
+							height: 210,
+							title: "Cumulative headcount by month"
+						}) : /* @__PURE__ */ p(w, {
+							illustration: "empty-data",
+							title: V("crewfoundry.dashboard.headcountGrowth.emptyTitle", "Not enough history"),
+							description: V("crewfoundry.dashboard.headcountGrowth.emptyDescription", "Headcount growth appears once employees span more than one hiring month.")
+						}) })]
 					}),
-					/* @__PURE__ */ c(g, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ c(m, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ s(h, {
-								className: "text-sm font-medium",
-								children: L("crewfoundry.dashboard.stats.activeProjects", "Active Projects")
-							}), /* @__PURE__ */ s(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: W
-						}), /* @__PURE__ */ c("p", {
-							className: "text-xs text-text-secondary",
+					/* @__PURE__ */ m(_, {
+						className: "lg:col-span-3",
+						children: [/* @__PURE__ */ p(y, {
+							className: "flex flex-row items-center justify-between space-y-0",
+							children: /* @__PURE__ */ p(b, {
+								className: "text-base",
+								children: V("crewfoundry.dashboard.upcomingInterviews.title", "Upcoming interviews")
+							})
+						}), /* @__PURE__ */ m(v, {
+							className: "space-y-3",
 							children: [
-								H,
-								" ",
-								L("crewfoundry.dashboard.stats.pendingLeaveRequests", "pending leave requests")
+								q.length === 0 && /* @__PURE__ */ p(w, {
+									illustration: "empty-data",
+									title: V("crewfoundry.dashboard.upcomingInterviews.emptyTitle", "No interviews scheduled"),
+									description: V("crewfoundry.dashboard.upcomingInterviews.emptyDescription", "Scheduled interviews will appear here.")
+								}),
+								q.map((e) => {
+									let t = Ne.get(e.candidateName.trim().toLowerCase());
+									return /* @__PURE__ */ m("div", {
+										className: "flex items-center gap-3",
+										children: [
+											t ? /* @__PURE__ */ p("img", {
+												src: t,
+												alt: "",
+												className: "h-9 w-9 shrink-0 rounded-full object-cover"
+											}) : /* @__PURE__ */ p(D, { name: e.candidateName }),
+											/* @__PURE__ */ m("div", {
+												className: "min-w-0 flex-1",
+												children: [/* @__PURE__ */ p("p", {
+													className: "truncate text-sm font-medium",
+													children: e.candidateName
+												}), /* @__PURE__ */ p("p", {
+													className: "truncate text-xs text-text-secondary",
+													children: e.position
+												})]
+											}),
+											/* @__PURE__ */ m("div", {
+												className: "flex shrink-0 items-center gap-1.5 text-right",
+												children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+													className: "text-xs font-medium",
+													children: e.time
+												}), /* @__PURE__ */ p("p", {
+													className: "text-[10px] text-text-secondary",
+													children: e.date
+												})] }), /* @__PURE__ */ p(u, { className: "h-3.5 w-3.5 text-text-secondary" })]
+											})
+										]
+									}, e.id);
+								}),
+								K.length > q.length && /* @__PURE__ */ p(g, {
+									variant: "ghost",
+									size: "sm",
+									className: "w-full",
+									onClick: () => O("../hiring/interviews-page"),
+									children: V("crewfoundry.dashboard.upcomingInterviews.viewAll", "View All")
+								})
 							]
-						})] })]
+						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ c("div", {
-				className: "grid gap-4 md:grid-cols-7",
-				children: [/* @__PURE__ */ c(ie, {
-					className: "col-span-4",
-					children: [
-						/* @__PURE__ */ s("div", {
-							className: "mb-1 text-lg font-semibold",
-							children: L("crewfoundry.dashboard.departmentHeadcount.title", "Department Headcount")
-						}),
-						/* @__PURE__ */ s("p", {
-							className: "mb-4 text-sm text-text-secondary",
-							children: L("crewfoundry.dashboard.departmentHeadcount.description", "Employee distribution across departments")
-						}),
-						/* @__PURE__ */ s("div", {
-							className: "space-y-3",
-							children: Object.entries(K).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ c("div", {
-								className: "flex items-center gap-3",
+			/* @__PURE__ */ m("div", {
+				className: "grid gap-4 lg:grid-cols-12",
+				children: [/* @__PURE__ */ m(_, {
+					className: "lg:col-span-8",
+					children: [/* @__PURE__ */ p(y, { children: /* @__PURE__ */ p(b, {
+						className: "text-base",
+						children: V("crewfoundry.dashboard.pipeline.title", "Hiring pipeline")
+					}) }), /* @__PURE__ */ p(v, { children: I.length > 0 ? /* @__PURE__ */ p(ee, {
+						stages: Me,
+						valueFormatter: (e) => `${e}`
+					}) : /* @__PURE__ */ p(w, {
+						illustration: "empty-data",
+						title: V("crewfoundry.dashboard.pipeline.emptyTitle", "No candidates yet"),
+						description: V("crewfoundry.dashboard.pipeline.emptyDescription", "Your hiring funnel appears here once candidates enter the pipeline.")
+					}) })]
+				}), /* @__PURE__ */ m(_, {
+					className: "lg:col-span-4",
+					children: [/* @__PURE__ */ m(y, {
+						className: "flex flex-row items-center justify-between space-y-0",
+						children: [/* @__PURE__ */ p(b, {
+							className: "text-base",
+							children: V("crewfoundry.dashboard.announcements.title", "Announcements")
+						}), J.length > Y.length && /* @__PURE__ */ p(g, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => O("../communications/announcements-page"),
+							children: V("crewfoundry.dashboard.announcements.viewAll", "View All")
+						})]
+					}), /* @__PURE__ */ m(v, {
+						className: "space-y-4",
+						children: [Y.length === 0 && /* @__PURE__ */ p(w, {
+							illustration: "empty-data",
+							title: V("crewfoundry.dashboard.announcements.emptyTitle", "No announcements"),
+							description: V("crewfoundry.dashboard.announcements.emptyDescription", "Company announcements will appear here.")
+						}), Y.map((e) => {
+							let t = be[e.id], n = e.content.length > 120;
+							return /* @__PURE__ */ m("div", {
+								className: "space-y-1",
 								children: [
-									/* @__PURE__ */ s("span", {
-										className: "w-24 text-sm text-text-secondary truncate",
-										children: e
+									/* @__PURE__ */ m("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ p("p", {
+											className: "text-sm font-medium",
+											children: e.title
+										}), e.isPinned && /* @__PURE__ */ p(h, {
+											variant: "outline",
+											className: "text-[10px]",
+											children: V("crewfoundry.dashboard.announcements.pinned", "Pinned")
+										})]
 									}),
-									/* @__PURE__ */ s("div", {
-										className: "flex-1 h-4 bg-bg-sunken rounded overflow-hidden",
-										children: /* @__PURE__ */ s("div", {
-											className: "h-4 bg-action-primary-bg rounded",
-											style: { width: `${Math.round(t / ce * 100)}%` }
-										})
+									/* @__PURE__ */ m("p", {
+										className: "text-xs text-text-secondary",
+										children: [
+											e.createdAt,
+											" · ",
+											e.author
+										]
+									}),
+									/* @__PURE__ */ p("p", {
+										className: "text-sm text-text-secondary",
+										children: t || !n ? e.content : `${e.content.slice(0, 120)}…`
 									}),
-									/* @__PURE__ */ s("span", {
-										className: "text-sm font-medium w-8 text-right tabular-nums",
-										children: t
+									n && /* @__PURE__ */ p("button", {
+										type: "button",
+										className: "text-xs font-medium text-action-primary-bg hover:underline",
+										onClick: () => xe((t) => ({
+											...t,
+											[e.id]: !t[e.id]
+										})),
+										children: t ? V("crewfoundry.dashboard.announcements.readLess", "Read Less") : V("crewfoundry.dashboard.announcements.readMore", "Read More")
 									})
 								]
-							}, e))
-						})
-					]
-				}), /* @__PURE__ */ c(d, {
-					className: "col-span-3",
-					children: [/* @__PURE__ */ c(m, {
-						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ s(h, { children: L("crewfoundry.dashboard.notifications.title", "Recent Notifications") }), /* @__PURE__ */ c(l, {
-							variant: "secondary",
-							children: [
-								U,
-								" ",
-								L("crewfoundry.dashboard.notifications.unread", "unread")
-							]
+							}, e.id);
 						})]
-					}), /* @__PURE__ */ s(f, {
-						className: "space-y-4",
-						children: A.slice(0, 5).map((e) => /* @__PURE__ */ c("div", {
-							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ s("div", { className: `mt-1 h-2 w-2 rounded-full flex-shrink-0 motion-safe:animate-vc-glow-pulse ${e.type === "success" ? "bg-status-success-text" : e.type === "warning" ? "bg-status-warning-text" : e.type === "error" ? "bg-status-error-text" : "bg-status-info-text"}` }), /* @__PURE__ */ c("div", {
-								className: "flex-1 min-w-0",
-								children: [/* @__PURE__ */ s("p", {
-									className: `text-sm ${e.read ? "text-text-secondary" : "font-medium"}`,
-									children: e.title
-								}), /* @__PURE__ */ s("p", {
-									className: "text-xs text-text-secondary truncate",
-									children: e.message
-								})]
-							})]
-						}, e.id))
 					})]
 				})]
 			}),
-			/* @__PURE__ */ c("div", {
-				className: "grid gap-4 md:grid-cols-2",
-				children: [/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(m, { children: [/* @__PURE__ */ s(h, { children: L("crewfoundry.dashboard.upcomingInterviews.title", "Upcoming Interviews") }), /* @__PURE__ */ s(p, { children: L("crewfoundry.dashboard.upcomingInterviews.description", "Scheduled for this week") })] }), /* @__PURE__ */ c(f, {
-					className: "space-y-3",
-					children: [
-						Y.length === 0 && /* @__PURE__ */ s(_, {
-							illustration: "empty-data",
-							title: L("crewfoundry.dashboard.upcomingInterviews.emptyTitle", "No interviews scheduled"),
-							description: L("crewfoundry.dashboard.upcomingInterviews.emptyDescription", "Scheduled interviews will appear here.")
-						}),
-						Y.map((e) => /* @__PURE__ */ c("div", {
-							className: "flex items-center justify-between rounded border p-3",
-							children: [/* @__PURE__ */ c("div", {
-								className: "min-w-0",
-								children: [/* @__PURE__ */ s("p", {
-									className: "text-sm font-medium truncate",
-									children: e.candidateName
-								}), /* @__PURE__ */ s("p", {
-									className: "text-xs text-text-secondary truncate",
-									children: e.position
-								})]
-							}), /* @__PURE__ */ c("div", {
-								className: "flex items-center gap-2 flex-shrink-0",
-								children: [/* @__PURE__ */ c("div", {
-									className: "text-right",
-									children: [/* @__PURE__ */ s("p", {
-										className: "text-xs font-medium",
-										children: e.date
-									}), /* @__PURE__ */ s("p", {
-										className: "text-xs text-text-secondary",
-										children: e.time
+			/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(y, { children: /* @__PURE__ */ p(b, {
+				className: "text-base",
+				children: V("crewfoundry.dashboard.leaveRequests.title", "Recent Leave Requests")
+			}) }), /* @__PURE__ */ m(v, {
+				className: "space-y-3",
+				children: [
+					P.length === 0 && /* @__PURE__ */ p(w, {
+						illustration: "empty-data",
+						title: V("crewfoundry.dashboard.leaveRequests.emptyTitle", "No leave requests"),
+						description: V("crewfoundry.dashboard.leaveRequests.emptyDescription", "Pending leave requests will appear here.")
+					}),
+					Fe.map((e) => /* @__PURE__ */ m("div", {
+						className: "flex items-center justify-between rounded border p-3",
+						children: [/* @__PURE__ */ m("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ p(D, {
+								name: e.employeeName,
+								size: 34
+							}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+								className: "text-sm font-medium",
+								children: e.employeeName
+							}), /* @__PURE__ */ m("div", {
+								className: "flex items-center gap-2 text-xs text-text-secondary",
+								children: [/* @__PURE__ */ p(u, { className: "h-3 w-3" }), /* @__PURE__ */ m("span", { children: [
+									e.startDate,
+									" - ",
+									e.endDate
+								] })]
+							})] })]
+						}), /* @__PURE__ */ m("div", {
+							className: "flex items-center gap-2",
+							children: [
+								e.status === "pending" && /* @__PURE__ */ m("div", {
+									className: "flex gap-1",
+									children: [/* @__PURE__ */ p(g, {
+										size: "sm",
+										variant: "outline",
+										className: "h-7 text-xs",
+										disabled: R === e.id,
+										onClick: () => void B(e.id, "rejected"),
+										children: V("crewfoundry.dashboard.leaveRequests.reject", "Reject")
+									}), /* @__PURE__ */ p(g, {
+										size: "sm",
+										className: "h-7 text-xs",
+										disabled: R === e.id,
+										onClick: () => void B(e.id, "approved"),
+										children: V("crewfoundry.dashboard.leaveRequests.approve", "Approve")
 									})]
-								}), /* @__PURE__ */ s(l, {
+								}),
+								/* @__PURE__ */ p(h, {
+									variant: e.status === "approved" ? "default" : e.status === "pending" ? "secondary" : "destructive",
+									children: n(e.status)
+								}),
+								/* @__PURE__ */ p(h, {
 									variant: "outline",
-									className: "text-[10px]",
 									children: n(e.type)
-								})]
-							})]
-						}, e.id)),
-						J.length > Y.length && /* @__PURE__ */ s(u, {
-							variant: "ghost",
-							size: "sm",
-							className: "w-full",
-							onClick: () => w("../hiring/interviews-page"),
-							children: L("crewfoundry.dashboard.upcomingInterviews.viewAll", "View all interviews")
-						})
-					]
-				})] }), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(m, { children: [/* @__PURE__ */ s(h, { children: L("crewfoundry.dashboard.leaveRequests.title", "Recent Leave Requests") }), /* @__PURE__ */ s(p, { children: L("crewfoundry.dashboard.leaveRequests.description", "Pending approval") })] }), /* @__PURE__ */ c(f, {
-					className: "space-y-3",
-					children: [
-						k.length === 0 && /* @__PURE__ */ s(_, {
-							illustration: "empty-data",
-							title: L("crewfoundry.dashboard.leaveRequests.emptyTitle", "No leave requests"),
-							description: L("crewfoundry.dashboard.leaveRequests.emptyDescription", "Pending leave requests will appear here.")
-						}),
-						ue.map((e) => /* @__PURE__ */ c("div", {
-							className: "flex items-center justify-between rounded border p-3",
-							children: [/* @__PURE__ */ s("div", {
-								className: "flex items-center gap-3",
-								children: /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
-									className: "text-sm font-medium",
-									children: e.employeeName
-								}), /* @__PURE__ */ c("div", {
-									className: "flex items-center gap-2 text-xs text-text-secondary",
-									children: [/* @__PURE__ */ s(te, { className: "h-3 w-3" }), /* @__PURE__ */ c("span", { children: [
-										e.startDate,
-										" - ",
-										e.endDate
-									] })]
-								})] })
-							}), /* @__PURE__ */ c("div", {
-								className: "flex items-center gap-2",
-								children: [
-									e.status === "pending" && /* @__PURE__ */ c("div", {
-										className: "flex gap-1",
-										children: [/* @__PURE__ */ s(u, {
-											size: "sm",
-											variant: "outline",
-											className: "h-7 text-xs",
-											disabled: N === e.id,
-											onClick: () => void I(e.id, "rejected"),
-											children: L("crewfoundry.dashboard.leaveRequests.reject", "Reject")
-										}), /* @__PURE__ */ s(u, {
-											size: "sm",
-											className: "h-7 text-xs",
-											disabled: N === e.id,
-											onClick: () => void I(e.id, "approved"),
-											children: L("crewfoundry.dashboard.leaveRequests.approve", "Approve")
-										})]
-									}),
-									/* @__PURE__ */ s(l, {
-										variant: e.status === "approved" ? "default" : e.status === "pending" ? "secondary" : "destructive",
-										children: n(e.status)
-									}),
-									/* @__PURE__ */ s(l, {
-										variant: "outline",
-										children: n(e.type)
-									})
-								]
-							})]
-						}, e.id)),
-						X.length > Q && /* @__PURE__ */ s(b, {
-							page: Z,
-							pageSize: Q,
-							totalItems: X.length,
-							onPageChange: le
-						})
-					]
-				})] })]
+								})
+							]
+						})]
+					}, e.id)),
+					X.length > Q && /* @__PURE__ */ p(me, {
+						page: Z,
+						pageSize: Q,
+						totalItems: X.length,
+						onPageChange: Pe
+					})
+				]
+			})] }),
+			/* @__PURE__ */ m("p", {
+				className: "text-center text-xs text-text-muted",
+				children: [
+					Ce,
+					" ",
+					V("crewfoundry.dashboard.stats.active", "active"),
+					" · ",
+					we,
+					" ",
+					V("crewfoundry.dashboard.stats.onLeave", "on leave"),
+					" · ",
+					Ee,
+					" ",
+					V("crewfoundry.dashboard.stats.totalApplicants", "total applicants"),
+					" · ",
+					De,
+					" ",
+					V("crewfoundry.dashboard.stats.pendingLeaveRequests", "pending leave requests")
+				]
 			})
 		]
 	});
 }
 //#endregion
-export { C as DashboardDashboardPagePage };
+export { O as DashboardDashboardPagePage };
 
 //# sourceMappingURL=DashboardDashboardPagePage.js.map