@burdenoff/microfe-crewfoundry 2026.703.2 → 2026.704.2

package/dist/crewfoundry/pages/DashboardDashboardPagePage.js

@@ -1,211 +1,200 @@
 import { useCrewFoundry as e } from "../providers/CrewFoundryProvider.js";
 import { useCrewFoundryStore as t } from "../store/crewfoundryStore.js";
 import { useState as n } from "react";
-import { Activity as r, Briefcase as i, Calendar as a, TrendingUp as o, Users as s } from "lucide-react";
-import { useNavigate as c } from "react-router-dom";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { AuroraBackground as d, Badge as f, Button as p, Card as m, CardContent as h, CardDescription as g, CardHeader as _, CardTitle as v, EmphasisPanel as y, GlassCard as b, GradientText as x, IllustratedEmptyState as S, NextSteps as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
-import { useGlobalUi as T } from "@burdenoff/fe-libs/shared/providers/shell";
-import { useI18n as E } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Activity as r, Briefcase as i, Calendar as a, TrendingUp as ee, Users as o } from "lucide-react";
+import { useNavigate as s } from "react-router-dom";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { AuroraBackground as te, Badge as u, Button as d, Card as f, CardContent as p, CardDescription as m, CardHeader as h, CardTitle as g, EmphasisPanel as ne, GlassCard as _, GradientText as v, IllustratedEmptyState as y, NextSteps as b, PagePurpose as x, Pagination as re } from "@burdenoff/fe-libs/ui";
+import { usePagination as ie } from "@burdenoff/fe-libs/shared/hooks";
+import { useGlobalUi as S } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useI18n as C } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/crewfoundry/pages/DashboardDashboardPagePage.tsx
-function D() {
-	let { t: D } = E(), O = c(), { showToast: k } = T(), { currentUser: A } = e(), { employees: j, jobPostings: M, leaveRequests: N, notifications: P, projects: F, updateLeaveRequest: I } = t(), [L, R] = n("month"), [z, B] = n(null), V = A?.name || [A?.firstName, A?.lastName].filter(Boolean).join(" ") || A?.email || "Manager", H = async (e, t) => {
-		B(e);
+function w() {
+	let { t: w } = C(), T = s(), { showToast: E } = S(), { currentUser: D } = e(), { employees: O, jobPostings: k, interviews: ae, leaveRequests: A, notifications: j, projects: M, updateLeaveRequest: N } = t(), [P, F] = n(null), I = D?.name || [D?.firstName, D?.lastName].filter(Boolean).join(" ") || D?.email || "Manager", L = async (e, t) => {
+		F(e);
 		try {
-			await I(e, {
+			await N(e, {
 				status: t,
-				approverName: V
-			}), k(t === "approved" ? "Leave approved" : "Leave rejected", "success");
+				approverName: I
+			}), E(t === "approved" ? "Leave approved" : "Leave rejected", "success");
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Unable to update leave request", "error");
+			E(e instanceof Error ? e.message : "Unable to update leave request", "error");
 		} finally {
-			B(null);
+			F(null);
 		}
-	}, U = (e, t) => {
-		let n = D(e);
+	}, R = (e, t) => {
+		let n = w(e);
 		return n === e ? t : n;
-	}, W = j.filter((e) => e.status === "active").length, G = j.filter((e) => e.status === "on_leave").length, K = M.filter((e) => e.status === "active").length, q = M.reduce((e, t) => e + t.applicants, 0), J = N.filter((e) => e.status === "pending").length, Y = P.filter((e) => !e.read).length, X = F.filter((e) => e.status === "active").length, Z = (j.reduce((e, t) => e + t.performanceScore, 0) / j.length).toFixed(1), Q = j.reduce((e, t) => (e[t.department] = (e[t.department] || 0) + 1, e), {}), $ = Math.max(...Object.values(Q));
-	return /* @__PURE__ */ u("div", {
+	}, z = O.filter((e) => e.status === "active").length, B = O.filter((e) => e.status === "on_leave").length, V = k.filter((e) => e.status === "active").length, H = k.reduce((e, t) => e + t.applicants, 0), U = A.filter((e) => e.status === "pending").length, W = j.filter((e) => !e.read).length, G = M.filter((e) => e.status === "active").length, K = (O.reduce((e, t) => e + t.performanceScore, 0) / Math.max(O.length, 1)).toFixed(1), q = O.reduce((e, t) => (e[t.department] = (e[t.department] || 0) + 1, e), {}), J = Object.values(q), oe = J.length ? Math.max(...J) : 1, Y = [...ae].filter((e) => e.status === "scheduled").sort((e, t) => `${e.date} ${e.time}`.localeCompare(`${t.date} ${t.time}`)), X = Y.slice(0, 5), Z = [...A].sort((e, t) => e.status === "pending" && t.status !== "pending" ? -1 : t.status === "pending" && e.status !== "pending" ? 1 : t.startDate.localeCompare(e.startDate)), { page: se, pageSize: Q, offset: $, setPage: ce } = ie({ initialPageSize: 6 }), le = Z.slice($, $ + Q);
+	return /* @__PURE__ */ l("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ l("div", {
 				className: "relative overflow-hidden rounded-xl border border-border-seam bg-gloss-card p-6",
-				children: [/* @__PURE__ */ l(d, { intensity: "subtle" }), /* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ c(te, { intensity: "subtle" }), /* @__PURE__ */ c("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ u("div", { children: [
-						/* @__PURE__ */ l("h1", {
+					children: /* @__PURE__ */ l("div", { children: [
+						/* @__PURE__ */ c("h1", {
 							className: "text-2xl font-semibold",
-							children: /* @__PURE__ */ l(x, { children: U("crewfoundry.dashboard.title", "Workforce Dashboard") })
+							children: /* @__PURE__ */ c(v, { children: R("crewfoundry.dashboard.title", "Workforce Dashboard") })
 						}),
-						/* @__PURE__ */ l("p", {
+						/* @__PURE__ */ c("p", {
 							className: "text-sm text-text-secondary",
-							children: U("crewfoundry.dashboard.subtitle", "Overview of your organization's workforce metrics")
+							children: R("crewfoundry.dashboard.subtitle", "Overview of your organization's workforce metrics")
 						}),
-						/* @__PURE__ */ l(w, {
+						/* @__PURE__ */ c(x, {
 							className: "mt-2",
-							children: U("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: R("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__ */ l("div", {
-						className: "flex gap-2",
-						children: [
-							"week",
-							"month",
-							"quarter"
-						].map((e) => /* @__PURE__ */ l(p, {
-							variant: L === e ? "default" : "outline",
-							size: "sm",
-							onClick: () => R(e),
-							children: U(`crewfoundry.dashboard.period.${e}`, e.charAt(0).toUpperCase() + e.slice(1))
-						}, e))
-					})]
+					] })
 				})]
 			}),
-			/* @__PURE__ */ l(C, {
+			/* @__PURE__ */ c(b, {
 				storageKey: "crewfoundry-dashboard",
 				steps: [
 					{
 						id: "employees",
-						label: U("crewfoundry.dashboard.next.employees", "Review your team"),
-						description: U("crewfoundry.dashboard.next.employeesDesc", "Open the employee directory to see who is active and on leave."),
-						icon: /* @__PURE__ */ l(s, { className: "h-4 w-4" }),
-						onClick: () => O("../../hr/employees-page")
+						label: R("crewfoundry.dashboard.next.employees", "Review your team"),
+						description: R("crewfoundry.dashboard.next.employeesDesc", "Open the employee directory to see who is active and on leave."),
+						icon: /* @__PURE__ */ c(o, { className: "h-4 w-4" }),
+						onClick: () => T("../../hr/employees-page")
 					},
 					{
 						id: "hiring",
-						label: U("crewfoundry.dashboard.next.hiring", "Post a new job"),
-						description: U("crewfoundry.dashboard.next.hiringDesc", "Create an opening to start collecting applicants."),
-						icon: /* @__PURE__ */ l(i, { className: "h-4 w-4" }),
-						onClick: () => O("../../hiring/create-job-page")
+						label: R("crewfoundry.dashboard.next.hiring", "Post a new job"),
+						description: R("crewfoundry.dashboard.next.hiringDesc", "Create an opening to start collecting applicants."),
+						icon: /* @__PURE__ */ c(i, { className: "h-4 w-4" }),
+						onClick: () => T("../../hiring/create-job-page")
 					},
 					{
 						id: "projects",
-						label: U("crewfoundry.dashboard.next.projects", "Check active projects"),
-						description: U("crewfoundry.dashboard.next.projectsDesc", "Track progress and budgets across in-flight work."),
-						icon: /* @__PURE__ */ l(r, { className: "h-4 w-4" }),
-						onClick: () => O("../../projects/projects-page")
+						label: R("crewfoundry.dashboard.next.projects", "Check active projects"),
+						description: R("crewfoundry.dashboard.next.projectsDesc", "Track progress and budgets across in-flight work."),
+						icon: /* @__PURE__ */ c(r, { className: "h-4 w-4" }),
+						onClick: () => T("../../projects/projects-page")
 					}
 				]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ l("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ u(b, {
+					/* @__PURE__ */ l(_, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ u(_, {
+						children: [/* @__PURE__ */ l(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ l(v, {
+							children: [/* @__PURE__ */ c(g, {
 								className: "text-sm font-medium",
-								children: U("crewfoundry.dashboard.stats.totalEmployees", "Total Employees")
-							}), /* @__PURE__ */ l(s, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ u(h, { children: [/* @__PURE__ */ l("div", {
+								children: R("crewfoundry.dashboard.stats.totalEmployees", "Total Employees")
+							}), /* @__PURE__ */ c(o, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: j.length
-						}), /* @__PURE__ */ u("p", {
+							children: O.length
+						}), /* @__PURE__ */ l("p", {
 							className: "text-xs text-text-secondary",
 							children: [
-								W,
+								z,
 								" ",
-								U("crewfoundry.dashboard.stats.active", "active"),
+								R("crewfoundry.dashboard.stats.active", "active"),
 								", ",
-								G,
+								B,
 								" ",
-								U("crewfoundry.dashboard.stats.onLeave", "on leave")
+								R("crewfoundry.dashboard.stats.onLeave", "on leave")
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ u(b, {
+					/* @__PURE__ */ l(_, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ u(_, {
+						children: [/* @__PURE__ */ l(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ l(v, {
+							children: [/* @__PURE__ */ c(g, {
 								className: "text-sm font-medium",
-								children: U("crewfoundry.dashboard.stats.openPositions", "Open Positions")
-							}), /* @__PURE__ */ l(i, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ u(h, { children: [/* @__PURE__ */ l("div", {
+								children: R("crewfoundry.dashboard.stats.openPositions", "Open Positions")
+							}), /* @__PURE__ */ c(i, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: K
-						}), /* @__PURE__ */ u("p", {
+							children: V
+						}), /* @__PURE__ */ l("p", {
 							className: "text-xs text-text-secondary",
 							children: [
-								q,
+								H,
 								" ",
-								U("crewfoundry.dashboard.stats.totalApplicants", "total applicants")
+								R("crewfoundry.dashboard.stats.totalApplicants", "total applicants")
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ u(b, {
+					/* @__PURE__ */ l(_, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ u(_, {
+						children: [/* @__PURE__ */ l(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ l(v, {
+							children: [/* @__PURE__ */ c(g, {
 								className: "text-sm font-medium",
-								children: U("crewfoundry.dashboard.stats.avgPerformance", "Avg Performance")
-							}), /* @__PURE__ */ l(o, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ u(h, { children: [/* @__PURE__ */ u("div", {
+								children: R("crewfoundry.dashboard.stats.avgPerformance", "Avg Performance")
+							}), /* @__PURE__ */ c(ee, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ l("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: [Z, "/5"]
-						}), /* @__PURE__ */ l("p", {
+							children: [K, "/5"]
+						}), /* @__PURE__ */ c("p", {
 							className: "text-xs text-text-secondary",
-							children: U("crewfoundry.dashboard.stats.performanceTrend", "+0.2 from last quarter")
+							children: R("crewfoundry.dashboard.stats.performanceTrend", `Team average across ${O.length} employees`)
 						})] })]
 					}),
-					/* @__PURE__ */ u(b, {
+					/* @__PURE__ */ l(_, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ u(_, {
+						children: [/* @__PURE__ */ l(h, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ l(v, {
+							children: [/* @__PURE__ */ c(g, {
 								className: "text-sm font-medium",
-								children: U("crewfoundry.dashboard.stats.activeProjects", "Active Projects")
-							}), /* @__PURE__ */ l(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ u(h, { children: [/* @__PURE__ */ l("div", {
+								children: R("crewfoundry.dashboard.stats.activeProjects", "Active Projects")
+							}), /* @__PURE__ */ c(r, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: X
-						}), /* @__PURE__ */ u("p", {
+							children: G
+						}), /* @__PURE__ */ l("p", {
 							className: "text-xs text-text-secondary",
 							children: [
-								J,
+								U,
 								" ",
-								U("crewfoundry.dashboard.stats.pendingLeaveRequests", "pending leave requests")
+								R("crewfoundry.dashboard.stats.pendingLeaveRequests", "pending leave requests")
 							]
 						})] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ l("div", {
 				className: "grid gap-4 md:grid-cols-7",
-				children: [/* @__PURE__ */ u(y, {
+				children: [/* @__PURE__ */ l(ne, {
 					className: "col-span-4",
 					children: [
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ c("div", {
 							className: "mb-1 text-lg font-semibold",
-							children: U("crewfoundry.dashboard.departmentHeadcount.title", "Department Headcount")
+							children: R("crewfoundry.dashboard.departmentHeadcount.title", "Department Headcount")
 						}),
-						/* @__PURE__ */ l("p", {
+						/* @__PURE__ */ c("p", {
 							className: "mb-4 text-sm text-text-secondary",
-							children: U("crewfoundry.dashboard.departmentHeadcount.description", "Employee distribution across departments")
+							children: R("crewfoundry.dashboard.departmentHeadcount.description", "Employee distribution across departments")
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ c("div", {
 							className: "space-y-3",
-							children: Object.entries(Q).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ u("div", {
+							children: Object.entries(q).sort(([, e], [, t]) => t - e).map(([e, t]) => /* @__PURE__ */ l("div", {
 								className: "flex items-center gap-3",
 								children: [
-									/* @__PURE__ */ l("span", {
+									/* @__PURE__ */ c("span", {
 										className: "w-24 text-sm text-text-secondary truncate",
 										children: e
 									}),
-									/* @__PURE__ */ l("div", {
+									/* @__PURE__ */ c("div", {
 										className: "flex-1 h-4 bg-bg-sunken rounded overflow-hidden",
-										children: /* @__PURE__ */ l("div", {
+										children: /* @__PURE__ */ c("div", {
 											className: "h-4 bg-action-primary-bg rounded",
-											style: { width: `${Math.round(t / $ * 100)}%` }
+											style: { width: `${Math.round(t / oe * 100)}%` }
 										})
 									}),
-									/* @__PURE__ */ l("span", {
+									/* @__PURE__ */ c("span", {
 										className: "text-sm font-medium w-8 text-right tabular-nums",
 										children: t
 									})
@@ -213,28 +202,28 @@ function D() {
 							}, e))
 						})
 					]
-				}), /* @__PURE__ */ u(m, {
+				}), /* @__PURE__ */ l(f, {
 					className: "col-span-3",
-					children: [/* @__PURE__ */ u(_, {
+					children: [/* @__PURE__ */ l(h, {
 						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ l(v, { children: U("crewfoundry.dashboard.notifications.title", "Recent Notifications") }), /* @__PURE__ */ u(f, {
+						children: [/* @__PURE__ */ c(g, { children: R("crewfoundry.dashboard.notifications.title", "Recent Notifications") }), /* @__PURE__ */ l(u, {
 							variant: "secondary",
 							children: [
-								Y,
+								W,
 								" ",
-								U("crewfoundry.dashboard.notifications.unread", "unread")
+								R("crewfoundry.dashboard.notifications.unread", "unread")
 							]
 						})]
-					}), /* @__PURE__ */ l(h, {
+					}), /* @__PURE__ */ c(p, {
 						className: "space-y-4",
-						children: P.slice(0, 5).map((e) => /* @__PURE__ */ u("div", {
+						children: j.slice(0, 5).map((e) => /* @__PURE__ */ l("div", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ l("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__ */ u("div", {
+							children: [/* @__PURE__ */ c("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__ */ l("div", {
 								className: "flex-1 min-w-0",
-								children: [/* @__PURE__ */ l("p", {
+								children: [/* @__PURE__ */ c("p", {
 									className: `text-sm ${e.read ? "text-text-secondary" : "font-medium"}`,
 									children: e.title
-								}), /* @__PURE__ */ l("p", {
+								}), /* @__PURE__ */ c("p", {
 									className: "text-xs text-text-secondary truncate",
 									children: e.message
 								})]
@@ -243,90 +232,120 @@ function D() {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ l("div", {
 				className: "grid gap-4 md:grid-cols-2",
-				children: [/* @__PURE__ */ u(m, { children: [/* @__PURE__ */ u(_, { children: [/* @__PURE__ */ l(v, { children: U("crewfoundry.dashboard.upcomingInterviews.title", "Upcoming Interviews") }), /* @__PURE__ */ l(g, { children: U("crewfoundry.dashboard.upcomingInterviews.description", "Scheduled for this week") })] }), /* @__PURE__ */ l(h, {
+				children: [/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(g, { children: R("crewfoundry.dashboard.upcomingInterviews.title", "Upcoming Interviews") }), /* @__PURE__ */ c(m, { children: R("crewfoundry.dashboard.upcomingInterviews.description", "Scheduled for this week") })] }), /* @__PURE__ */ l(p, {
 					className: "space-y-3",
-					children: F.filter((e) => e.status === "active").slice(0, 4).map((e) => /* @__PURE__ */ u("div", {
-						className: "flex items-center justify-between rounded border p-3",
-						children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-							className: "text-sm font-medium",
-							children: e.name
-						}), /* @__PURE__ */ l("p", {
-							className: "text-xs text-text-secondary",
-							children: e.teamName
-						})] }), /* @__PURE__ */ u("div", {
-							className: "flex items-center gap-2",
+					children: [
+						X.length === 0 && /* @__PURE__ */ c(y, {
+							illustration: "empty-data",
+							title: R("crewfoundry.dashboard.upcomingInterviews.emptyTitle", "No interviews scheduled"),
+							description: R("crewfoundry.dashboard.upcomingInterviews.emptyDescription", "Scheduled interviews will appear here.")
+						}),
+						X.map((e) => /* @__PURE__ */ l("div", {
+							className: "flex items-center justify-between rounded border p-3",
 							children: [/* @__PURE__ */ l("div", {
-								className: "w-24 h-2 bg-bg-sunken rounded overflow-hidden",
-								children: /* @__PURE__ */ l("div", {
-									className: "h-2 bg-action-primary-bg rounded",
-									style: { width: `${e.progress}%` }
-								})
-							}), /* @__PURE__ */ u("span", {
-								className: "text-xs text-text-secondary",
-								children: [e.progress, "%"]
-							})]
-						})]
-					}, e.id))
-				})] }), /* @__PURE__ */ u(m, { children: [/* @__PURE__ */ u(_, { children: [/* @__PURE__ */ l(v, { children: U("crewfoundry.dashboard.leaveRequests.title", "Recent Leave Requests") }), /* @__PURE__ */ l(g, { children: U("crewfoundry.dashboard.leaveRequests.description", "Pending approval") })] }), /* @__PURE__ */ u(h, {
-					className: "space-y-3",
-					children: [N.length === 0 && /* @__PURE__ */ l(S, {
-						illustration: "empty-data",
-						title: U("crewfoundry.dashboard.leaveRequests.emptyTitle", "No leave requests"),
-						description: U("crewfoundry.dashboard.leaveRequests.emptyDescription", "Pending leave requests will appear here.")
-					}), N.map((e) => /* @__PURE__ */ u("div", {
-						className: "flex items-center justify-between rounded border p-3",
-						children: [/* @__PURE__ */ l("div", {
-							className: "flex items-center gap-3",
-							children: /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-								className: "text-sm font-medium",
-								children: e.employeeName
-							}), /* @__PURE__ */ u("div", {
-								className: "flex items-center gap-2 text-xs text-text-secondary",
-								children: [/* @__PURE__ */ l(a, { className: "h-3 w-3" }), /* @__PURE__ */ u("span", { children: [
-									e.startDate,
-									" - ",
-									e.endDate
-								] })]
-							})] })
-						}), /* @__PURE__ */ u("div", {
-							className: "flex items-center gap-2",
-							children: [
-								e.status === "pending" && /* @__PURE__ */ u("div", {
-									className: "flex gap-1",
-									children: [/* @__PURE__ */ l(p, {
-										size: "sm",
-										variant: "outline",
-										className: "h-7 text-xs",
-										disabled: z === e.id,
-										onClick: () => void H(e.id, "rejected"),
-										children: U("crewfoundry.dashboard.leaveRequests.reject", "Reject")
-									}), /* @__PURE__ */ l(p, {
-										size: "sm",
-										className: "h-7 text-xs",
-										disabled: z === e.id,
-										onClick: () => void H(e.id, "approved"),
-										children: U("crewfoundry.dashboard.leaveRequests.approve", "Approve")
+								className: "min-w-0",
+								children: [/* @__PURE__ */ c("p", {
+									className: "text-sm font-medium truncate",
+									children: e.candidateName
+								}), /* @__PURE__ */ c("p", {
+									className: "text-xs text-text-secondary truncate",
+									children: e.position
+								})]
+							}), /* @__PURE__ */ l("div", {
+								className: "flex items-center gap-2 flex-shrink-0",
+								children: [/* @__PURE__ */ l("div", {
+									className: "text-right",
+									children: [/* @__PURE__ */ c("p", {
+										className: "text-xs font-medium",
+										children: e.date
+									}), /* @__PURE__ */ c("p", {
+										className: "text-xs text-text-secondary",
+										children: e.time
 									})]
-								}),
-								/* @__PURE__ */ l(f, {
-									variant: e.status === "approved" ? "default" : e.status === "pending" ? "secondary" : "destructive",
-									children: e.status
-								}),
-								/* @__PURE__ */ l(f, {
+								}), /* @__PURE__ */ c(u, {
 									variant: "outline",
+									className: "text-[10px]",
 									children: e.type
-								})
-							]
-						})]
-					}, e.id))]
+								})]
+							})]
+						}, e.id)),
+						Y.length > X.length && /* @__PURE__ */ c(d, {
+							variant: "ghost",
+							size: "sm",
+							className: "w-full",
+							onClick: () => T("../../hiring/interviews-page"),
+							children: R("crewfoundry.dashboard.upcomingInterviews.viewAll", "View all interviews")
+						})
+					]
+				})] }), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(g, { children: R("crewfoundry.dashboard.leaveRequests.title", "Recent Leave Requests") }), /* @__PURE__ */ c(m, { children: R("crewfoundry.dashboard.leaveRequests.description", "Pending approval") })] }), /* @__PURE__ */ l(p, {
+					className: "space-y-3",
+					children: [
+						A.length === 0 && /* @__PURE__ */ c(y, {
+							illustration: "empty-data",
+							title: R("crewfoundry.dashboard.leaveRequests.emptyTitle", "No leave requests"),
+							description: R("crewfoundry.dashboard.leaveRequests.emptyDescription", "Pending leave requests will appear here.")
+						}),
+						le.map((e) => /* @__PURE__ */ l("div", {
+							className: "flex items-center justify-between rounded border p-3",
+							children: [/* @__PURE__ */ c("div", {
+								className: "flex items-center gap-3",
+								children: /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+									className: "text-sm font-medium",
+									children: e.employeeName
+								}), /* @__PURE__ */ l("div", {
+									className: "flex items-center gap-2 text-xs text-text-secondary",
+									children: [/* @__PURE__ */ c(a, { className: "h-3 w-3" }), /* @__PURE__ */ l("span", { children: [
+										e.startDate,
+										" - ",
+										e.endDate
+									] })]
+								})] })
+							}), /* @__PURE__ */ l("div", {
+								className: "flex items-center gap-2",
+								children: [
+									e.status === "pending" && /* @__PURE__ */ l("div", {
+										className: "flex gap-1",
+										children: [/* @__PURE__ */ c(d, {
+											size: "sm",
+											variant: "outline",
+											className: "h-7 text-xs",
+											disabled: P === e.id,
+											onClick: () => void L(e.id, "rejected"),
+											children: R("crewfoundry.dashboard.leaveRequests.reject", "Reject")
+										}), /* @__PURE__ */ c(d, {
+											size: "sm",
+											className: "h-7 text-xs",
+											disabled: P === e.id,
+											onClick: () => void L(e.id, "approved"),
+											children: R("crewfoundry.dashboard.leaveRequests.approve", "Approve")
+										})]
+									}),
+									/* @__PURE__ */ c(u, {
+										variant: e.status === "approved" ? "default" : e.status === "pending" ? "secondary" : "destructive",
+										children: e.status
+									}),
+									/* @__PURE__ */ c(u, {
+										variant: "outline",
+										children: e.type
+									})
+								]
+							})]
+						}, e.id)),
+						Z.length > Q && /* @__PURE__ */ c(re, {
+							page: se,
+							pageSize: Q,
+							totalItems: Z.length,
+							onPageChange: ce
+						})
+					]
 				})] })]
 			})
 		]
 	});
 }
 //#endregion
-export { D as DashboardDashboardPagePage };
+export { w as DashboardDashboardPagePage };
 
 //# sourceMappingURL=DashboardDashboardPagePage.js.map